Merge remote-tracking branch 'origin/master'

+/* eslint no-unused-vars: ["error", {"args": "none"}] */
+
+'use strict';
+const model = require('../models/live');
+
+const status = {
+    wait: 0,
+    living: 1,
+    end: 2
+};
+const liveModel = require('../models/live');
+
+exports.index = (req, res, next) => {
+    liveModel.getAllList().then(result => {
+        res.render('live/entry', {
+            title: '直播列表',
+            module: 'activity',
+            page: 'entry',
+            best: result[0],
+            living: result[1],
+            pre: result[2],
+            record: result[3],
+            content: result[4],
+            isApp: req.yoho.isApp
+        });
+    }).catch(next);
+};
+
+exports.main = (req, res, next) => {
+    const isReplay = /^\/live\/replay\//.test(req.path);
+    const id = req.params.id;
+
+    res.locals.liveRoom = id;
+    res.locals.module = 'activity';
+    res.locals.page = 'live-play';
+
+    model.fetchInfo(id, isReplay)
+        .then(result => {
+            if (!result.data) {
+                return next();
+            }
+            res.render('live/play', result.data);
+        })
+        .catch(next);
+};
+
+exports.barrage = (req, res, next) => {
+    const type = req.query.type;
+
+    model.getBarrageHost(type)
+        .then(result => {
+            if (result.code !== 200) {
+                next(result.message);
+                return;
+            }
+
+            res.json(result);
+        })
+        .catch(next);
+};
+
+exports.replayBarrage = (req, res, next) => {
+    const id = req.query.id;
+    const startTime = req.query.startTime;
+    const timeInterval = req.query.timeInterval;
+
+    model.getReplyBarrage(id, startTime, timeInterval)
+        .then(result => {
+            res.json(result);
+        })
+        .catch(next);
+};

+'use strict';
+const moment = require('moment');
+const service = global.yoho.ServiceAPI;
+const liveAPI = global.yoho.LiveAPI;
+const contentCodeConfig = require('../../../config/content-code');
+const resourcesProcess = require(`${global.utils}/resources-process`);
+const helpers = global.yoho.helpers;
+
+const _formatTime = (timestamp, b) => {
+    let date = b ? 'M.D ' : 'M月D日';
+    let time = 'HH:mm';
+    let startTime = moment(timestamp);
+    let now = moment();
+    let diff = moment.duration(startTime.clone().startOf('day') - now.startOf('day')).days();
+
+    switch (diff) {
+        case 0:
+            date = '[今天]';
+            break;
+        case 1:
+            date = '[明日]';
+            break;
+        default:
+            null;
+    }
+
+    return startTime.format(`${date}${time}`);
+};
+
+/**
+ *   根据 时长(秒) 返回 时长格式化后的 字符串 HH:mm:ss
+ */
+const _getHumanDuration = (duration) => {
+    duration = moment.duration(duration, 's');
+    let durationH = duration.hours();
+    let durationM = duration.minutes();
+    let durationS = duration.seconds();
+
+    duration = [durationH, durationM, durationS].map((item) => {
+        if (item < 10) {
+            return `0${item}`;
+        } else {
+            return String(item);
+        }
+    });
+
+    return `${duration[0]}:${duration[1]}:${duration[2]}`;
+};
+
+// 获取顶部bannel
+let _getBannerData = () => {
+    return service.get('operations/api/v5/resource/get', {
+        content_code: contentCodeConfig.live.index,
+        platform: 'iphone'
+    }, {
+        code: 200,
+        cache: true
+    }).then((result) => {
+        return result && result.data ? resourcesProcess(result.data) : [];
+    });
+};
+
+// 获取精选视频
+const _getBestList = () => {
+    return liveAPI.get('v1/living/best', {}, {
+        code: 200,
+        cache: false
+    }).then(result => {
+        let list = result && result.data || [];
+
+        if (result && result.data && result.data.length !== 2) {
+            result.data = [];
+        }
+
+        for (let item of list) {
+            switch (item.living) {
+                case 0:
+                    item.pre_living = true;
+                    break;
+                case 1:
+                default:
+                    item.now_living = true;
+                    break;
+                case 2:
+                    // 直播结束不显示
+                    result.data = [];
+                    break;
+            }
+
+            // 格式化时间
+            item.starting_time = _formatTime(item.starting_time * 1000, true);
+        }
+
+        return result && result.data || [];
+    });
+};
+
+// 获取直播中所有视频
+const _getLivingList = () => {
+    return liveAPI.get('v1/living/listing', {}, {
+        code: 200,
+        cache: false
+    }).then(result => {
+        return result && result.data || [];
+    });
+};
+
+// 获取直播预告列表
+const _getPrelivingList = () => {
+    return liveAPI.get('v1/living/starting', {}, {
+        code: 200,
+        cache: false
+    }).then(result => {
+        let list = result && result.data || [];
+
+        for (let item of list) {
+            item.starting_time = _formatTime(item.starting_time * 1000);
+        }
+        return result && result.data || [];
+    });
+};
+
+// 获取回看列表
+const _getRecordList = () => {
+    return liveAPI.get('v1/living/replaying', {}, {
+        code: 200,
+        cache: false
+    }).then(result => {
+        return result && result.data || [];
+    });
+};
+
+// 返回所有数据
+const getAllList = () => {
+    return Promise.all([_getBestList(), _getLivingList(), _getPrelivingList(), _getRecordList(), _getBannerData()]);
+};
+
+// 获取 回放视屏 信息
+const fetchReplayInfo = (videoID) => {
+    let url = 'v1/living/detail';
+    let data = { video_id: videoID };
+    let options = { cache: true };
+
+    return liveAPI.get(url, data, options)
+        .then(result => {
+            if (result && result.data) {
+                let d = result.data;
+
+                d.background = helpers.image(d.background, 640, 968);
+                d.pic = helpers.image(d.pic, 640, 968);
+                d.master_pic = helpers.image(d.master_pic, 180, 180);
+                d.humanTime = _formatTime(data.live_start_time * 1000);
+                d.video_src = d.url;
+
+                // 自定义数据
+                d.duration = '00:00:00'; // 回看时长 前端JS根据video获取
+                d.living = 3; // 重播 状态
+                d.canPlay = true;
+                d.atEnd = false;
+                d.isReplay = true;
+            }
+
+            return result || {};
+        });
+};
+
+// 获取 直播视屏 信息
+const fetchLiveInfo = (roomID) => {
+    let url = 'v1/living/detail';
+    let data = { room_id: roomID };
+
+    return liveAPI.get(url, data)
+        .then(result => {
+            if (result && result.data) {
+                let d = result.data;
+
+                d.background_pic = helpers.image(d.background_pic, 640, 968);
+                d.pic = helpers.image(d.pic, 640, 968);
+                d.master_pic = helpers.image(d.master_pic, 180, 180);
+                d.humanTime = _formatTime(d.starting_time * 1000);   // 预告 开始时间
+                d.video_src = d.hls_downstream_address;
+
+                // 自定义数据
+                d.duration = _getHumanDuration(d.live_last_time);
+                d.canPlay = d.living === 1;
+                d.notBegin = d.living === 0;
+                d.atEnd = d.living === 2;
+            }
+
+            return result || {};
+        });
+};
+
+const fetchInfo = (id, isReplay) => {
+    if (isReplay) {
+        return fetchReplayInfo(id);
+    } else {
+        return fetchLiveInfo(id);
+    }
+};
+
+// 获取 直播 弹幕 host
+const getBarrageHost = (type) => {
+    return liveAPI.get('v1/system/gethosts', { type });
+};
+
+const getReplyBarrage = (videoID, startTime, timeInterval) => {
+    const url = 'v1/living/getreplaybarrage';
+    const data = {
+        startTime,
+        timeInterval,
+        video_id: videoID
+    };
+    const options = { cache: true };
+
+    return liveAPI.get(url, data, options);
+};
+
+// 处理直播时间
+module.exports = {
+    getAllList,
+    fetchInfo,
+    getBarrageHost,
+    getReplyBarrage
+};

@@ -12,6 +12,7 @@ const cRoot = './controllers';
 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`);
 
 // routers
@@ -40,6 +41,12 @@ router.get('/student/detail/:type', student.getUser, student.detail);
 
 // router.get('/student/getCoupons',student.getCoupons)
 
+router.get('/live', live.index);
+router.get('/live/barrage', live.barrage);
+router.get('/live/replay/barrage', live.replayBarrage);
+router.get('/live/replay/:id', live.main);
+router.get('/live/:id', live.main);
+
 router.get('/invite', invite.index);
 router.get('/invite/index', invite.index);
 
@@ -54,4 +61,5 @@ router.get('/invite/getwxinfo', invite.getwxinfo);
 router.get('/invite/shareover', invite.shareover);
 router.get('/invite/over', invite.over);
 
+
 module.exports = router;

@@ -77,4 +77,4 @@
 
         <div class="share-tag"><img src="//static.yohobuy.com/m/v1/img/invite/yd_share.png"></div>
     </div>
-</div><!--/invite-page-->
\ No newline at end of file
+</div><!--/invite-page-->

+<div class="yoho-live yoho-page">
+    {{! 导航条}}
+    {{#unless isApp}}
+    <div class="home-header clearfix yoho-header">
+        <a href="javascript:history.go(-1);" class="iconfont nav-back buriedpoint" data-bp-id="page_header_back_0"></a>
+        <p class="nav-title">直播列表</p>
+    </div>
+    {{/unless}}
+
+
+    {{#content}}
+        {{! 头部banner}}
+        {{#if focus}}
+        {{> resources/banner-top}}
+        {{/if}}
+    {{/content}}
+
+    {{#if content}}
+    {{#if best}}
+        <div class="head_margin"></div>
+    {{/if}}
+    {{/if}}
+
+    {{! 精选房间}}
+    {{#if best}}
+    <div class="liverec">
+        {{#best}}
+        <div class="liverec_child">
+            <a href='http://m.yohobuy.com/activity/live/{{room_id}}?openby:yohobuy={"action":"go.videolive", "params":{"type":"{{living}}","room":"{{room_id}}","bgpic":"{{pic}}"}}'>
+                <img class="liverec_pic" src="{{image pic 320 320}}" alt="直播预览">
+                {{#if now_living}}
+                <p class="living">直播</p>
+                {{else if pre_living}}
+                <p class="pre-living">预告 {{starting_time}}</p>
+                {{/if}}
+            </a>
+            <div class="liverec_info">
+                <img class="liverec_head" src="{{image master_pic 120 120}}" alt="头像">
+                <div class="liverec_pannel">
+                    <p class="liverec_name clearfix">
+                        <span class="name-name">{{master_name}}</span>
+                        <span class="name-tag">{{master_meta}}</span>
+                    </p>
+                    <p class="liverec_tag">{{title}}</p>
+                </div>
+            </div>
+
+        </div>
+        {{/best}}
+    </div>
+    {{/if}}
+
+    {{! 直播中房间}}
+    {{#if living}}
+    <h2 class="living_title">直播中</h2>
+    {{/if}}
+    {{#living}}
+    <div class="liveliving">
+        <header>
+            <img class="main-head" src="{{image master_pic 120 120}}" alt="头像">
+            <div class="header-info">
+                <p class="main-name">{{master_name}}</p>
+                <p class="main-tag">{{master_meta}}</p>
+            </div>
+        </header>
+        <section>
+            <a href='http://m.yohobuy.com/activity/live/{{room_id}}?openby:yohobuy={"action":"go.videolive", "params":{"type":"1","room":"{{room_id}}","bgpic":"{{pic}}"}}'>
+                <img class="main-bg" src="{{image pic 640 640}}" alt="正在直播">
+                <p class="main-living">直播</p>
+                <p class="main-intro">{{title}}</p>
+                <div class="main-people">
+                    <span class="people-icon"></span>
+                    <p class="people-sum">{{audience_num}}人观看</p>
+                </div>
+            </a>
+        </section>
+    </div>
+    {{/living}}
+
+    {{! 直播预告列表}}
+    {{#if pre}}
+    <div class="live-list">
+        <h2 class="title">直播预告</h2>
+        <ul class="list">
+            {{#pre}}
+            <li class="pre-list">
+                <a href='http://m.yohobuy.com/activity/live/{{room_id}}?openby:yohobuy={"action":"go.videolive", "params":{"type":"0","room":"{{room_id}}","bgpic":"{{pic}}"}}'>
+                    <img class="pre-pic" src="{{image pic 150 150}}" alt="直播预览图">
+                    <p class="pre-icon">预告</p>
+                    <p class="pre-time">{{starting_time}}</p>
+                    <div class="pre-pannel">
+                        <p class="pre-title text-overflow">{{title}}</p>
+                        <p class="pre-cast">主播：{{master_name}}</p>
+                    </div>
+                </a>
+            </li>
+            {{/pre}}
+        </ul>
+    </div>
+    {{/if}}
+
+    {{! 精彩回看}}
+    {{#if record}}
+    <h2 class="living_title">精彩回看</h2>
+    {{/if}}
+    {{#record}}
+    <div class="liveliving">
+        <header>
+            <img class="main-head" src="{{image master_pic 120 120}}" alt="头像">
+            <div class="header-info">
+                <p class="main-name">{{master_name}}</p>
+                <p class="main-tag">{{master_meta}}</p>
+            </div>
+        </header>
+        <section>
+            <a href='http://m.yohobuy.com/activity/live/replay/{{video_id}}?openby:yohobuy={"action":"go.videoreplay", "params":{"videoid":"{{video_id}}","bgpic":"{{pic}}"}}'>
+                <div class="record-icon"></div>
+                <img class="main-bg" src="{{image pic 640 640}}" alt="精彩回放">
+                <p class="main-living">回放</p>
+                <p class="main-intro">{{title}}</p>
+                <div class="main-people">
+                    <span class="eye-icon"></span>
+                    <p class="people-sum">{{audience_num}}人看过</p>
+                </div>
+            </a>
+        </section>
+    </div>
+    {{/record}}
+</div>

+{{! 直播 播放页 }}
+<div class="live-wrapper">
+    {{#canPlay}}
+    <div class="live-main">
+        <!-- 视频部分start-->
+        <!--http://live-hls-pili.1iptv.com/meipai-live/57651bb975b6255acc01444c.m3u8-->
+        <section id="live_container" class="live-video-main" style="background-image: url('{{pic}}');">
+            <div id="video_container" class="video_player" data-video="{{video_src}}">
+            </div>
+            <div class="live-loading-container">
+                <div class="live-video-loading">
+                    <div class="img"></div>
+                    <p>加载中</p>
+                </div>
+                <div class="live-loading-cover" style="background-image: url('{{pic}}');"></div>
+            </div>
+
+            <div id="live_touch_layer"></div>
+            <!--弹幕-->
+            <div class="live-chat-pannel">
+                <ul id="live_chat_ul">
+
+                </ul>
+            </div>
+            <!--点赞-->
+            <div class="live-like-pannel">
+                <div id="live_like_pannel" class="animate_pannel"></div>
+                <div class="like-main"></div>
+                <span id="like_num">0</span>
+
+            </div>
+            <!--播放按钮-->
+            <div class="live-video-play-button">
+                <a href="javascript:void(0)">
+                    <div class="img"></div>
+                </a>
+            </div>
+
+            <!--直播状态-->
+            <div class="live-status">
+                <div class="overflow-hidden">
+                    <div class="img"></div>
+                    <div class="live-time">
+                        {{#if isReplay}}
+                            <span>Yoho!Buy回看</span>
+                        {{else}}
+                            <span>Yoho!Buy直播</span>&nbsp;<span id="live_time"></span>
+                        {{/if}}
+                    </div>
+                    <div class="live-num">
+                        {{#if isRelay}}
+                        <span>{{audience_num}}人观看</span>
+                        {{else}}
+                        <span></span>
+                        {{/if}}
+                    </div>
+                </div>
+                <div class="title hide" id="live-watermark">
+                    {{#if watemark }}
+                    <span>{{watermark}}</span>
+                    {{/if}}
+                </div>
+            </div>
+
+            <a href="javascript:;" class="live-btn-share">
+                <i class="iconfont">&#xe600</i>
+            </a>
+            <a href="javascript: history.back();" class="live-btn-close">
+                <i class="iconfont">&#xe623</i>
+            </a>
+        </section>
+    </div>
+    {{/canPlay}}
+
+    {{！直播已结束}}
+    <div  id="live-state-end" class="live-state is-no-start {{#atEnd}}show{{/atEnd}}">
+        <div class="live-state-inner" style="background-image: url('{{background_pic}}');">
+            <div class="live-state__txt">直播已结束</div>
+            <ul class="live-state-info">
+                <li class="audience text-center">
+                    <span class="val">{{audience_num}}</span>
+                    <br>
+                    <span class="label">总观看人数</span>
+                </li>
+                <li class="duration">
+                    <div class="inner pull-right">
+                        <span class="val">{{duration}}</span>
+                        <br>
+                        <span class="label">直播时长</span>
+                    </div>
+                </li>
+                <li class="favorite">
+                    <div class="inner pull-left">
+                        <span class="val">{{like_num}}</span>
+                        <br>
+                        <span class="label">点赞数</span>
+                    </div>
+                </li>
+            </ul>
+            <a href="javascript: history.back();" class="live-btn-close">
+                <i class="iconfont">&#xe623</i>
+            </a>
+        </div>
+    </div>
+
+    {{！直播未开始}}
+    {{#notBegin}}
+    <div class="live-state is-no-start show">
+        <div class="live-state-inner" style="background-image: url('{{background_pic}}');">
+            <div class="live-state__txt">直播未开始</div>
+            <div class="live-state-info text-center">
+                <img src="{{master_pic}}" alt="" class="avatar">
+                <span class="name text-overflow">{{master_name}}</span><br>
+                <h5 class="title">直播主题: {{title}}</h5>
+                <p class="begin-time">开始时间: {{humanTime}}</p>
+            </div>
+            <a href="javascript: history.back();" class="live-btn-close">
+                <i class="iconfont">&#xe623</i>
+            </a>
+        </div>
+    </div>
+    {{/notBegin}}
+
+    {{! footer}}
+    <div class="float-layer" id="float-layer-app">
+        <div class="float-layer-left">
+            <span class="yoho-icon iconfont">&#xe60d;</span>
+            <p>新用户送惊喜礼包</p>
+        </div>
+        <a href="javascript:void(0);" id="float-layer-close" >
+            <i class="close-icon iconfont">&#xe623;</i>
+            <div class="circle-rightbottom"></div>
+        </a>
+        <a href="http://a.app.qq.com/o/simple.jsp?pkgname=com.yoho" id="float-layer-btn">
+            立即下载
+        </a>
+    </div>
+</div>
+<script>
+    var live_start_time = {{live_start_time}};//该直播开始时间
+    var live_type = {{living}};//是否是直播 0直播未开始，1直播中，2直播结束，3重播
+    var live_room = {{liveRoom}};//房间id，资讯id
+    var replay_total_likes = {{like_num}};//重播总计点赞数，取的是直播最终点赞数
+    var replay_user_nums = {{audience_num}};//重播观看人数，取的是直播时最终观看人数
+    var site_url = '';
+    var site_domain = 'http://api.live.yoho.cn/';
+
+    // share data
+    var shareTitle = '{{share_title}}';
+    var shareContent = '{{share_content}}';
+    var sharePic = '{{pic}}'
+</script>
\ No newline at end of file

+{{! 直播 播放页: 状态页}}
\ No newline at end of file

@@ -55,4 +55,12 @@
     {{#if newUserFloor}}
         {{> resources/fresh-only}}
     {{/if}}
+    {{! 标题楼层}}
+    {{#if titleFloor}}
+        {{> resources/title-floor}}
+    {{/if}}
+    {{! 直播楼层}}
+    {{#if livePicture}}
+        {{> resources/live-picture}}
+    {{/if}}
 {{/content}}

@@ -14,11 +14,11 @@ module.exports = {
     port: 6001,
     siteUrl: '//m.yohobuy.com',
     domains: {
-        // api: 'http://192.168.102.14:8080/gateway/',
-        // service: 'http://192.168.102.14:8080/gateway/'
-
+        // api: 'http://devapi.yoho.cn:58078/',
+        // service: 'http://devservice.yoho.cn:58077/'
         api: 'http://api-test3.yohops.com:9999/',
-        service: 'http://service-test3.yohops.com:9999/'
+        service: 'http://service-test3.yohops.com:9999/',
+        liveApi: 'http://testapi.live.yohops.com:9999/'
     },
     subDomains: {
         host: '.m.yohobuy.com',
@@ -60,7 +60,8 @@ module.exports = {
             name: 'error',
             level: 'error',
             filename: 'logs/error.log',
-            handleExceptions: true
+            handleExceptions: true,
+            maxFiles: 7
         },
         udp: { // send by udp
             measurement: 'yohobuy_wap_log',
@@ -87,7 +88,8 @@ if (isProduction) {
         appName: 'm.yohobuy.com',
         domains: {
             api: 'http://api.yoho.yohoops.org/',
-            service: 'http://service.yoho.yohoops.org/'
+            service: 'http://service.yoho.yohoops.org/',
+            liveApi: 'http://api.live.yoho.cn/'
         },
         memcache: {
             master: ['memcache1.yohoops.org:12111', 'memcache2.yohoops.org:12111', 'memcache3.yohoops.org:12111'],
@@ -115,7 +117,8 @@ if (isProduction) {
         appName: 'm.yohobuy.com for test',
         domains: {
             api: 'http://api-test3.yohops.com:9999/',
-            service: 'http://service-test3.yohops.com:9999/'
+            service: 'http://service-test3.yohops.com:9999/',
+            liveApi: 'http://testapi.live.yohops.com:9999/'
         },
         memcache: {
             master: ['127.0.0.1:12111'],

@@ -48,10 +48,15 @@ const bottomBannerContentCode = {
 
 const outletContentCode = 'c19ffa03f053f4cac3690b22c8da26b7';
 
+const liveContentCode = {
+    index: '345c80537dca15611f37ae4863004bfe'
+};
+
 module.exports = {
     sale: saleContentCode,
     outlet: outletContentCode,
     channel: channelContentCode,
     bottom: bottomBannerContentCode,
-    guang: guangContentCode
+    guang: guangContentCode,
+    live: liveContentCode
 };

@@ -14,9 +14,15 @@
         <link rel="dns-prefetch" href="//static.yohobuy.com">
         <link rel="dns-prefetch" href="//img12.static.yhbimg.com">
         <link rel="dns-prefetch" href="//img13.static.yhbimg.com">
+        {{#if width750}}
+        <script type="text/javascript">
+            (function(d,c){var e=d.documentElement,a="orientationchange" in window?"orientationchange":"resize",b=function(){var f=e.clientWidth;if(!f){return}if(f>=750){e.style.fontSize="40px"}else{e.style.fontSize=40*(f/750)+"px"}};if(!d.addEventListener){return}b();c.addEventListener(a,b,false);d.addEventListener("DOMContentLoaded",b,false)})(document,window);
+        </script>
+        {{^}}
         <script type="text/javascript">
             (function(d,c){var e=d.documentElement,a="orientationchange" in window?"orientationchange":"resize",b=function(){var f=e.clientWidth;if(!f){return}if(f>=640){e.style.fontSize="40px"}else{e.style.fontSize=40*(f/640)+"px"}};if(!d.addEventListener){return}b();c.addEventListener(a,b,false);d.addEventListener("DOMContentLoaded",b,false)})(document,window);
         </script>
+        {{/if}}
         {{#if devEnv}}
             <link rel="stylesheet" href="//{{devHost}}:5001/css/index.css">
         {{^}}
@@ -26,7 +32,7 @@
         <link rel="apple-touch-startup-image" sizes="640x920" href="http://static.yohobuy.com/m/v1/img/startup/startup-retina.png" media="screen and (max-device-width: 480px) and (-webkit-min-device-pixel-ratio: 2)">
         <link rel="apple-touch-startup-image" sizes="320x460" href="http://static.yohobuy.com/m/v1/img/startup/startup.png" media="screen and (max-device-width: 320)">
     </head>
-    <body {{#if isPassportPage}}class=passport-body{{/if}} {{#if isStarIndexPage}} class="star-index-bg"{{/if}} {{#if isStarDetailPage}}class="star-class-body"{{/if}} {{#if isInstallmentPage}}class=installment-body{{/if}}>
+    <body class="{{#if width750}}width750{{/if}} {{#if isPassportPage}}passport-body{{/if}} {{#if isStarIndexPage}}star-index-bg{{/if}} {{#if isStarDetailPage}}star-class-body{{/if}} {{#if isInstallmentPage}}installment-body{{/if}}">
         <div class="main-wrap">
             {{#if systemUpdate}}
                 {{> updata}}

+{{> resources/title-floor}}
+{{> resources/three-picture}}

+{{#data}}
+<div class="three-picture clearfix">
+    {{#list}}
+        <a href="{{url}}">
+            <img src="{{image src 210 280}}">
+        </a>
+    {{/list}}
+</div>
+{{/data}}

+{{#data}}
+{{> common/floor-header-more}}
+{{/data}}

@@ -39,7 +39,7 @@
     "express-handlebars": "^3.0.0",
     "express-session": "^1.14.0",
     "influxdb-winston": "^1.0.1",
-    "lodash": "^4.13.1",
+    "lodash": "^4.15.0",
     "md5": "^2.1.0",
     "memcached": "^2.2.1",
     "moment": "^2.14.1",
@@ -55,12 +55,12 @@
     "serve-favicon": "^2.3.0",
     "uuid": "^2.0.2",
     "winston": "^2.2.0",
-    "winston-daily-rotate-file": "^1.1.4",
+    "winston-daily-rotate-file": "^1.2.0",
     "yoho-node-lib": "0.0.43"
   },
   "devDependencies": {
     "autoprefixer": "^6.3.7",
-    "ava": "^0.15.2",
+    "ava": "^0.16.0",
     "babel-preset-es2015": "^6.9.0",
     "babel-register": "^6.9.0",
     "eslint": "^3.0.1",
@@ -72,8 +72,8 @@
     "gulp-sourcemaps": "^2.0.0-alpha",
     "gulp-util": "^3.0.7",
     "husky": "^0.11.4",
-    "nodemon": "1.9.2",
-    "nyc": "^6.6.1",
+    "nodemon": "^1.10.0",
+    "nyc": "^8.1.0",
     "postcss-assets": "^4.0.1",
     "postcss-cachebuster": "^0.1.3",
     "postcss-calc": "^5.2.1",
@@ -89,7 +89,7 @@
     "rewire": "^2.5.2",
     "shelljs": "^0.7.0",
     "stylelint": "^7.1.0",
-    "stylelint-config-yoho": "^1.2.3",
+    "stylelint-config-yoho": "^1.2.7",
     "webpack": "^1.13.1",
     "webpack-dev-server": "^1.14.1",
     "webpack-stream": "^3.1.0",
@@ -100,7 +100,6 @@
     "yoho-jquery": "^2.2.4",
     "yoho-jquery-lazyload": "^1.9.7",
     "yoho-mlellipsis": "0.0.3",
-    "yoho-node-lib": "0.0.32",
     "yoho-swiper": "^3.3.1"
   }
 }

@@ -8,6 +8,7 @@
             "merge_logs": true,
             "log_date_format": "YYYY-MM-DD HH:mm Z",
             "env": {
+                "TZ": "Asia/Shanghai",
                 "PORT": 6001
             }
         }

-<?xml version="1.0" standalone="no"?>
-<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd" >
-<svg xmlns="http://www.w3.org/2000/svg">
-<metadata>
-Created by FontForge 20120731 at Wed Jun 29 15:45:02 2016
- By admin
-</metadata>
-<defs>
-<font id="iconfont" horiz-adv-x="1024" >
-  <font-face 
-    font-family="iconfont"
-    font-weight="500"
-    font-stretch="normal"
-    units-per-em="1024"
-    panose-1="2 0 6 3 0 0 0 0 0 0"
-    ascent="896"
-    descent="-128"
-    x-height="792"
-    bbox="-0.75 -128 3943 896.75"
-    underline-thickness="50"
-    underline-position="-100"
-    unicode-range="U+0078-E64C"
-  />
-<missing-glyph horiz-adv-x="374" 
-d="M34 0v682h272v-682h-272zM68 34h204v614h-204v-614z" />
-    <glyph glyph-name=".notdef" horiz-adv-x="374" 
-d="M34 0v682h272v-682h-272zM68 34h204v614h-204v-614z" />
-    <glyph glyph-name=".null" horiz-adv-x="0" 
- />
-    <glyph glyph-name="nonmarkingreturn" horiz-adv-x="341" 
- />
-    <glyph glyph-name="x" unicode="x" horiz-adv-x="1001" 
-d="M281 543q-27 -1 -53 -1h-83q-18 0 -36.5 -6t-32.5 -18.5t-23 -32t-9 -45.5v-76h912v41q0 16 -0.5 30t-0.5 18q0 13 -5 29t-17 29.5t-31.5 22.5t-49.5 9h-133v-97h-438v97zM955 310v-52q0 -23 0.5 -52t0.5 -58t-10.5 -47.5t-26 -30t-33 -16t-31.5 -4.5q-14 -1 -29.5 -0.5
-t-29.5 0.5h-32l-45 128h-439l-44 -128h-29h-34q-20 0 -45 1q-25 0 -41 9.5t-25.5 23t-13.5 29.5t-4 30v167h911zM163 247q-12 0 -21 -8.5t-9 -21.5t9 -21.5t21 -8.5q13 0 22 8.5t9 21.5t-9 21.5t-22 8.5zM316 123q-8 -26 -14 -48q-5 -19 -10.5 -37t-7.5 -25t-3 -15t1 -14.5
-t9.5 -10.5t21.5 -4h37h67h81h80h64h36q23 0 34 12t2 38q-5 13 -9.5 30.5t-9.5 34.5q-5 19 -11 39h-368zM336 498v228q0 11 2.5 23t10 21.5t20.5 15.5t34 6h188q31 0 51.5 -14.5t20.5 -52.5v-227h-327z" />
-    <glyph glyph-name="uniE600" unicode="&#xe600;" horiz-adv-x="1463" 
-d="M798 -64q0 -46 25 -58t61 16l537 420q36 28 36 68t-36 68l-537 424q-36 29 -61 16.5t-25 -57.5v-238q-486 0 -676 -290q-102 -157 -102 -361q0 -49 2 -49q47 62 87 104t90 78t103.5 57.5t127 36.5t161.5 21t207 6v-262z" />
-    <glyph glyph-name="uniE601" unicode="&#xe601;" 
-d="M281 468q-14 -9 -23 -23t-9 -28v-7v-19v-464h1q5 -24 24 -39.5t44 -15.5h582q28 0 48.5 20t20.5 49t-20.5 49t-48.5 20h-215h256q35 0 59 24.5t24 58.5t-24 58.5t-59 24.5h-235h235q35 0 59 24t24 58.5t-24 58.5t-59 24h-259h211q31 0 53.5 22.5t22.5 53.5v-13
-q0 31 -22.5 54t-53.5 24q-125 6 -259 9q40 148 16 278q-8 44 -30.5 70.5t-49.5 31t-53 -4t-43 -35t-17 -62.5q-5 -34 -6.5 -64t-2.5 -42t-5 -30.5t-14 -42.5q-24 -60 -133 -115q-7 -2 -13 -6zM60 452q-25 0 -42.5 -17.5t-17.5 -42.5v-405q0 -25 17.5 -42.5t42.5 -17.5h134
-v525h-134z" />
-    <glyph glyph-name="uniE602" unicode="&#xe602;" horiz-adv-x="1323" 
-d="M643 568q0 -68 -47.5 -116t-113.5 -48q0 -68 47 -116t113.5 -48t113.5 48t47 116t-47 116t-113 48zM643 896q-79 0 -162 -28.5t-152 -74.5t-131 -102t-105 -110.5t-68 -101.5t-25 -75t25 -75t68 -102t105 -111t131 -101.5t152 -74.5t161.5 -29t161.5 29t152 74.5
-t131 101.5t105 111t68 102t25 75t-25 75t-68 101.5t-105 110.5t-131 102t-152 74.5t-161 28.5zM643 75q-88 0 -162 44t-117 120t-43 165t43 164.5t117 119.5t161.5 44t161.5 -44t117 -119.5t43 -164.5t-43 -165t-117 -120t-161 -44z" />
-    <glyph glyph-name="uniE603" unicode="&#xe603;" 
-d="M512 382v343h85v-426h-81v-2h-256v85h252zM512 -128q139 0 257 68.5t186.5 186.5t68.5 257t-68.5 257t-186.5 186.5t-257 68.5t-257 -68.5t-186.5 -186.5t-68.5 -257t68.5 -257t186.5 -186.5t257 -68.5z" />
-    <glyph glyph-name="uniE604" unicode="&#xe604;" 
-d="M774 420q13 -17 11.5 -39.5t-17.5 -38.5q0 -1 -1 -1l-427 -428q-18 -17 -42.5 -17t-42 17.5t-17.5 42t17 41.5l387 387l-387 387q-17 17 -17 41.5t17.5 42t42 17.5t42.5 -17l427 -428q1 0 1 -1z" />
-    <glyph glyph-name="uniE605" unicode="&#xe605;" 
-d="M707 844q-112 0 -195 -77q-83 77 -195 77q-121 0 -207 -88t-86 -212q0 -110 69 -194l2 -2l344 -391q30 -33 73 -33t73 33l344 391l2 2q69 84 69 194q0 124 -86 212t-207 88z" />
-    <glyph glyph-name="uniE606" unicode="&#xe606;" horiz-adv-x="1000" 
-d="M109.5 511q37.5 0 64 -26.5t26.5 -63.5t-26.5 -63.5t-64 -26.5t-64 26.5t-26.5 63.5t26.5 63.5t64 26.5zM515.5 511q37.5 0 63.5 -26.5t26 -63.5t-26 -63.5t-63.5 -26.5t-64 26.5t-26.5 63.5t26.5 63.5t64 26.5zM921 511q37 0 63.5 -26.5t26.5 -63.5t-26.5 -63.5
-t-63.5 -26.5t-63.5 26.5t-26.5 63.5t26.5 63.5t63.5 26.5z" />
-    <glyph glyph-name="uniE607" unicode="&#xe607;" horiz-adv-x="1643" 
-d="M547 286h-1l45 -46l248 239l-45 46l-201 -194l-195 201l-46 -44z" />
-    <glyph glyph-name="uniE608" unicode="&#xe608;" horiz-adv-x="1821" 
-d="M930 231q-14 -13 -33.5 -13t-33.5 13l-252 242q-14 13 -14 32t14 32t34 13t34 -13l251 -242q14 -13 14 -32t-14 -32zM360 231q-14 13 -14 32t14 32l251 242q14 13 34 13t33.5 -13t13.5 -32t-13 -32l-252 -242q-14 -13 -33.5 -13t-33.5 13z" />
-    <glyph glyph-name="uniE609" unicode="&#xe609;" horiz-adv-x="1821" 
-d="M930 473l-251 -242q-14 -13 -34 -13t-34 13t-14 32t14 32l252 242q14 13 33.5 13t33.5 -13t14 -32t-14 -32zM427 537l252 -242q13 -13 13 -32t-13.5 -32t-33.5 -13t-34 13l-251 242q-14 13 -14 32t14 32t33.5 13t33.5 -13z" />
-    <glyph glyph-name="uniE60A" unicode="&#xe60a;" 
-d="M1024 384q0 -139 -68.5 -257t-186.5 -186.5t-257 -68.5t-257 68.5t-186.5 186.5t-68.5 257t68.5 257t186.5 186.5t257 68.5t257 -68.5t186.5 -186.5t68.5 -257zM801 594l-365 -366l-156 156l-37 -37l193 -193l403 403z" />
-    <glyph glyph-name="uniE60B" unicode="&#xe60b;" horiz-adv-x="1344" 
-d="M1280 320h-1216q-27 0 -45.5 18.5t-18.5 45.5t18.5 45.5t45.5 18.5h1216q27 0 45.5 -18.5t18.5 -45.5t-18.5 -45.5t-45.5 -18.5zM1280 -128h-1216q-27 0 -45.5 18.5t-18.5 45.5t18.5 45.5t45.5 18.5h1216q27 0 45.5 -18.5t18.5 -45.5t-18.5 -45.5t-45.5 -18.5zM1280 768
-h-1216q-27 0 -45.5 18.5t-18.5 45.5t18.5 45.5t45.5 18.5h1216q27 0 45.5 -18.5t18.5 -45.5t-18.5 -45.5t-45.5 -18.5z" />
-    <glyph glyph-name="uniE60C" unicode="&#xe60c;" 
-d="M1024 384q0 -139 -68.5 -257t-186.5 -186.5t-257 -68.5t-257 68.5t-186.5 186.5t-68.5 257t68.5 257t186.5 186.5t257 68.5t257 -68.5t186.5 -186.5t68.5 -257z" />
-    <glyph glyph-name="uniE60D" unicode="&#xe60d;" horiz-adv-x="1685" 
-d="M1229 7l289 -135l58 124l-281 131q-21 -54 -66 -120zM944 559v-134h137v258q42 47 62 81l-118 69q-2 -4 -8 -12t-24.5 -30.5t-41 -45.5t-60.5 -54.5t-81 -59.5l75 -114q30 20 59 42zM1524 103v304h-605v-304h137v167h332v-167h136zM1283 253h-137v-66q0 -31 -20 -57.5
-t-49.5 -45t-70.5 -34.5t-76.5 -25t-73.5 -17l74 -124q55 14 103 30.5t95.5 43t80.5 58t53.5 75.5t20.5 96v66zM1088 654l31 -133q42 9 85 21q19 -49 59 -78q49 -36 120 -36q45 0 92 14q69 21 133 78l-67 125q-17 -19 -46 -40.5t-60 -31.5q-63 -19 -91 1q-4 3 -8 9
-q147 51 240 103l-81 111q-74 -38 -173 -74v85h-137v-129q-50 -14 -97 -25zM755 561v137h-348q11 42 19 84l-134 26q-11 -56 -28 -110h-200v-137h142q-79 -149 -206 -260l90 -103q43 38 85 83v-389h137v165h260v-24h-124l48 -137h83q54 0 92 38t38 92v490h-373q11 22 21 45
-h398zM312 218h260v-24h-260v24zM312 379h260v-24h-260v24zM1683 816q0 -33 -22.5 -56t-55.5 -23t-56 23t-23 56t23 55.5t56 22.5t55.5 -22.5t22.5 -55.5zM1545 816q0 -26 17.5 -44.5t42.5 -18.5t41.5 18t16.5 44q0 27 -16.5 45.5t-42.5 18.5q-25 0 -42 -18.5t-17 -44.5z
-M1592 775h-17v79q17 2 29 2q18 0 26 -6t8 -17q0 -13 -16 -19v-1q10 -3 14 -19q2 -13 6 -19h-19q-2 3 -6 19q-2 12 -16 12h-9v-31zM1593 819h8q18 0 18 12t-16 12q-6 0 -10 -1v-23z" />
-    <glyph glyph-name="uniE60E" unicode="&#xe60e;" horiz-adv-x="3958" 
-d="M611 723h-177l-150 -222l-95 222h-178l168 -395v-2l-31 -243h156l30 231zM699 565q-100 0 -179.5 -72.5t-92.5 -175.5q-13 -105 51 -178q61 -68 157 -68q99 0 178.5 72.5t92.5 175.5q13 104 -51 177q-60 69 -156 69zM759 317q-5 -41 -35.5 -70.5t-68.5 -29.5
-q-37 0 -60 27q-27 30 -21 75q5 41 36 70.5t69 29.5q36 0 59 -27q27 -30 21 -75zM1656 565q-100 0 -179.5 -72.5t-92.5 -175.5q-13 -105 51 -178q61 -68 157 -68q99 0 178.5 72.5t92.5 175.5q13 104 -51 177q-60 69 -156 69zM1717 317q-6 -41 -36.5 -70.5t-68.5 -29.5
-q-37 0 -60 27q-27 30 -21 75q5 41 36 70.5t69 29.5q36 0 60 -27q26 -30 21 -75zM1332 502q-44 50 -114 50q-51 0 -97 -27l-10 -6l26 204h-156l-80 -640h155l37 288q3 24 22 41t43 17q25 0 40.5 -17.5t11.5 -41.5l-36 -287h156l37 298q10 71 -35 121zM2949 544l-37 -288
-q-3 -24 -22 -41t-44 -17q-24 0 -39.5 17.5t-12.5 41.5l37 287h-156l-38 -298q-9 -71 36 -121q43 -50 114 -50q51 0 97 27l9 6l-3 -25h156l58 461h-155zM1951 723l-55 -432h156l55 432h-156zM1970 252q-37 0 -67 -26.5t-34.5 -63.5t18.5 -63q22 -26 59 -26t67 26.5t34 63.5
-q5 37 -18 63t-59 26zM2608 262q6 51 -14.5 93.5t-62.5 65.5l-8 5l8 5q39 21 64 57t30 78q8 63 -30 108q-37 44 -97 48l-6 1h-314l-81 -640h317q72 3 128.5 55t65.5 124zM2451 284q-3 -27 -25 -46.5t-50 -19.5h-106l17 134h107q27 -1 43.5 -20.5t13.5 -47.5zM2483 531
-q-3 -25 -23 -43t-45 -18h-113l15 124h112q25 0 41.5 -18.5t12.5 -44.5zM3132 -127q65 0 124 37.5t89 99.5l264 534h-156l-127 -258l-63 258h-156l113 -471l-7 -14q-8 -18 -25 -29t-36 -11q-10 0 -20 4l-29 11l-67 -139l29 -10q31 -12 67 -12zM3943 730q0 -65 -45 -110.5
-t-110.5 -45.5t-111 45.5t-45.5 111t45.5 110.5t111.5 45q65 0 110 -45t45 -111zM3670 730q0 -52 34 -88t84 -36q49 -1 82.5 35.5t33.5 87.5q0 53 -33.5 89.5t-84.5 36.5q-49 0 -82.5 -36.5t-33.5 -88.5zM3763 650h-35v155q35 5 58 5q36 0 52 -12t16 -34q0 -26 -32 -37v-2
-q20 -6 27 -37q5 -26 11 -38h-37q-4 5 -12 38q-4 23 -31 23h-17v-61zM3764 737h17q35 0 35 23t-32 23q-13 0 -20 -1v-45z" />
-    <glyph glyph-name="uniE60F" unicode="&#xe60f;" 
-d="M682 158q-108 -89 -249 -89q-107 0 -197.5 53t-143.5 143.5t-53 197.5t53 197.5t143.5 143.5t197.5 53t197.5 -53t143.5 -143.5t53 -197.5q0 -141 -89 -249l286 -286l-56 -56zM433.5 148q130.5 0 222.5 92t92 222.5t-92 223t-222.5 92.5t-223 -92.5t-92.5 -223
-t92.5 -222.5t223 -92z" />
-    <glyph glyph-name="uniE610" unicode="&#xe610;" 
-d="M245 384l-9 9l472 472l80 -80l-400 -401l400 -401l-80 -80l-472 472z" />
-    <glyph glyph-name="uniE611" unicode="&#xe611;" 
-d="M509 876q-4 -2 -245 -245q-176 -179 -208.5 -213.5t-32.5 -46.5q0 -35 42 -33q7 0 233 227l225 228l226 -228q225 -227 232 -227q21 -1 31.5 7.5t10.5 25.5q0 12 -31.5 46t-206.5 212q-241 243 -246 246q-15 8 -30 1zM171 341q-12 -8 -14 -38.5t-2 -188t2 -188t14 -38.5
-q7 -6 352.5 -6t352.5 6q11 8 13 38.5t2 188t-2 188t-13 38.5q-8 7 -21.5 5.5t-21.5 -10.5l-10 -9v-381h-600v381l-10 9q-8 9 -21 10.5t-21 -5.5zM398 298l-11 -12v-215l11 -12q10 -13 25.5 -13t25.5 13l10 12v175h128v-175l11 -12q11 -13 25.5 -13t25.5 13l10 12v215l-20 24
-h-231z" />
-    <glyph glyph-name="uniE612" unicode="&#xe612;" 
-d="M951 77h-878l439 614z" />
-    <glyph glyph-name="uniE613" unicode="&#xe613;" 
-d="M512 77l-439 614h878z" />
-    <glyph glyph-name="uniE614" unicode="&#xe614;" 
-d="M313 35l349 349l-349 349q-7 7 -7 16.5t6.5 16t16 6.5t16.5 -6l345 -345q16 -15 21 -20q7 -7 7 -17t-7 -17q-44 -44 -48 -47l-318 -318q-7 -6 -16.5 -6t-16 6.5t-6.5 16t7 16.5z" />
-    <glyph glyph-name="uniE615" unicode="&#xe615;" 
-d="M527 559q8 0 14 -6l293 -288q6 -6 6.5 -14.5t-5.5 -14.5t-14.5 -6t-14.5 6l-279 273l-278 -273q-7 -6 -15 -6t-14 6t-6 14.5t6 14.5l293 288q6 6 14 6z" />
-    <glyph glyph-name="uniE616" unicode="&#xe616;" 
-d="M527.5 230q-8.5 0 -14.5 6l-293 288q-6 6 -6 14t6 14.5t14 6.5t15 -6l278 -274l279 274q6 6 14.5 6t14.5 -6.5t5.5 -14.5t-6.5 -14l-293 -288q-5 -6 -13.5 -6z" />
-    <glyph glyph-name="uniE617" unicode="&#xe617;" horiz-adv-x="1030" 
-d="M-195 258zM520 866q-98 0 -187.5 -38t-154 -102.5t-102.5 -154t-38 -187.5t38 -187.5t102.5 -154t154 -102.5t187.5 -38t187.5 38t154 102.5t102.5 154t38 187.5t-38 187.5t-102.5 154t-154 102.5t-187.5 38zM857 581l-339 -451l-328 238q-12 9 -14 23.5t6.5 26.5t23 14
-t26.5 -6l271 -198l297 396q9 12 23.5 14t26.5 -7t14 -23.5t-7 -26.5z" />
-    <glyph glyph-name="uniE618" unicode="&#xe618;" 
-d="M224 288q-40 0 -68 28t-28 68t28 68t68 28t68 -28t28 -68t-28 -68t-68 -28zM512 288q-40 0 -68 28t-28 68t28 68t68 28t68 -28t28 -68t-28 -68t-68 -28zM800 288q-40 0 -68 28t-28 68t28 68t68 28t68 -28t28 -68t-28 -68t-68 -28z" />
-    <glyph glyph-name="uniE619" unicode="&#xe619;" 
-d="M125.5 309q30.5 0 51 21.5t20.5 52.5q0 33 -20.5 54.5t-51 21.5t-51.5 -21.5t-21 -54.5q0 -31 21 -52.5t51.5 -21.5zM512.5 309q30.5 0 51 21.5t20.5 52.5q0 33 -20.5 54.5t-51 21.5t-51.5 -21.5t-21 -54.5q0 -31 21 -52.5t51.5 -21.5zM899.5 309q30.5 0 51 21.5
-t20.5 52.5q0 33 -20.5 54.5t-51 21.5t-51.5 -21.5t-21 -54.5q0 -31 21 -52.5t51.5 -21.5z" />
-    <glyph glyph-name="uniE61A" unicode="&#xe61a;" 
-d="M512 -62q-91 0 -173.5 35.5t-142 95t-95 142t-35.5 173.5t35.5 173.5t95 142t142 95t173.5 35.5t173.5 -35.5t142 -95t95 -142t35.5 -173.5t-35.5 -173.5t-95 -142t-142 -95t-173.5 -35.5zM512 766q-104 0 -192 -51t-139 -139t-51 -192t51 -192t139 -139t192 -51t192 51
-t139 139t51 192t-51 192t-139 139t-192 51zM512 592zM464 592q0 20 14 34t34 14t34 -14t14 -34t-14 -34t-34 -14t-34 14t-14 34zM512 128q-13 0 -22.5 9.5t-9.5 22.5v288q0 13 9.5 22.5t22.5 9.5t22.5 -9.5t9.5 -22.5v-288q0 -13 -9.5 -22.5t-22.5 -9.5z" />
-    <glyph glyph-name="uniE61B" unicode="&#xe61b;" 
-d="M437 137h-193q-27 2 -41.5 22.5t-17.5 45.5q3 25 17.5 41t41.5 18h193v63l-193 1q-27 2 -41.5 19t-17.5 43q3 25 17.5 41t41.5 18h144l-134 236q-10 12 -19 30.5t-8 40.5q5 28 20 45.5t56 22.5q24 -2 43 -16.5t31 -31.5l152 -278l167 280q12 17 31 30t43 16
-q15 -1 27.5 -4t22 -10t16 -20t9.5 -34q0 -29 -20 -55l-155 -252h147q26 -2 41 -18t17 -41q-2 -26 -17.5 -44t-41.5 -20l-191 -1v-61h192q26 -2 41 -20t17 -43q-2 -26 -17 -43.5t-41 -19.5l-192 1v-106q-4 -85 -93 -85q-44 0 -68.5 21t-26.5 64v104z" />
-    <glyph glyph-name="uniE61C" unicode="&#xe61c;" 
-d="M946 -112h-868q-26 0 -44 18t-18 44v868q0 26 18 44t44 18h868q26 0 44 -18t18 -44v-868q0 -26 -18 -44t-44 -18zM946 787q0 13 -9 22t-22 9h-806q-13 0 -22 -9t-9 -22v-806q0 -13 9 -22t22 -9h806q13 0 22 9t9 22v806z" />
-    <glyph glyph-name="uniE61D" unicode="&#xe61d;" 
-d="M939 -106h-876q-26 0 -44.5 18.5t-18.5 44.5v876q0 26 18.5 44.5t44.5 18.5h876q26 0 44.5 -18.5t18.5 -44.5v-876q0 -26 -18.5 -44.5t-44.5 -18.5zM814 708l-376 -438l-250 188l-63 -126l313 -250l439 501z" />
-    <glyph glyph-name="uniE61E" unicode="&#xe61e;" 
-d="M224 307l416 410l179 -179l-416 -410zM659 621l-19 19l-333 -333l19 -19zM698 582l-20 20l-332 -333l19 -19zM736 544l-19 19l-333 -333l19 -19zM717 800q14 14 38 14t39 -14l102 -102q14 -15 14 -39t-14 -38l-64 -58l-173 173zM211 282l167 -167l-148 -51l-70 70z
-M205 51l-83 -32l32 83z" />
-    <glyph glyph-name="uniE61F" unicode="&#xe61f;" 
-d="M512 896q-138 0 -256 -69t-187 -187t-69 -256t69 -256t187 -187t256 -69t256 69t187 187t69 256t-69 256t-187 187t-256 69zM563 128h-102v307h102v-307zM563 538h-102v102h102v-102z" />
-    <glyph glyph-name="uniE620" unicode="&#xe620;" 
-d="M938 372h-30h-370v274h-50v-274h-395h-4q-31 0 -53 21.5t-22 52.5v175q0 31 22 53t53 22h90q-40 47 -40 100q0 27 10 47.5t25 30t29.5 15t24.5 6.5l11 1q53 0 100 -15.5t81 -42t56 -50t39 -50.5q17 27 39.5 51t56 50t79.5 41.5t98 15.5q4 0 11 -1t24 -7t30 -15.5
-t24 -30.5t11 -49q0 -51 -35 -97h85q31 0 53 -22t22 -53v-175q0 -31 -22 -52.5t-53 -21.5zM264 821q-15 0 -26 -2.5t-15.5 -6t-6.5 -7.5t-2 -6v-3q0 -49 66 -100h173q-14 30 -30 52.5t-34 35.5t-33 21t-34.5 11.5t-30 4t-27.5 0.5zM763 819q-17 0 -27.5 -1t-29.5 -4
-t-33.5 -11t-32 -20.5t-33.5 -34.5t-30 -52h177q59 50 59 97q2 0 0 6.5t-14 13t-36 6.5zM488 -128h-349q-31 0 -53 22t-22 53v375h424v-450zM538 322h400v-375q0 -31 -22 -53t-53 -22h-325v450z" />
-    <glyph glyph-name="uniE621" unicode="&#xe621;" 
-d="M160 576v-640q0 -26 19 -45t45 -19h576q26 0 45 19t19 45v640h-704zM352 0h-64v448h64v-448zM480 0h-64v448h64v-448zM608 0h-64v448h64v-448zM736 0h-64v448h64v-448zM880 768h-208v80q0 20 -14 34t-34 14h-224q-20 0 -34 -14t-14 -34v-80h-208q-20 0 -34 -14t-14 -34
-v-80h832v80q0 20 -14 34t-34 14zM608 768h-192v63h192v-63z" />
-    <glyph glyph-name="uniE622" unicode="&#xe622;" horiz-adv-x="1173" 
-d="M586 672q-28 65 -69 113t-86.5 73.5t-96 34t-97.5 -2t-90 -39.5t-75.5 -73t-51.5 -107.5t-20 -138.5q0 -41 9 -78.5t24 -66.5t39 -57.5t47 -48.5t55.5 -43t56.5 -38t58.5 -35.5t53.5 -33.5q93 -61 162 -138.5t82 -120.5q10 39 81.5 118.5t160.5 142.5q24 17 71.5 47
-t79 50.5t71.5 54.5t64 67t41 81t16 102q0 75 -19.5 138t-52.5 105.5t-76.5 70.5t-91 37.5t-98 1t-96 -34.5t-85.5 -72.5t-67 -108.5z" />
-    <glyph glyph-name="uniE623" unicode="&#xe623;" 
-d="M835 660l-60 63l-263 -275v0l-263 275l-60 -63l262 -276l-262 -276l60 -63l263 275v0l263 -275l60 63l-262 276z" />
-    <glyph glyph-name="uniE624" unicode="&#xe624;" horiz-adv-x="1000" 
-d="M459 850h55h54v-120v-142v-120h191h191v-109h-191h-191v-191v-190h-109v190v191h-191h-190q-1 37 -1 109h191h191v382z" />
-    <glyph glyph-name="uniE625" unicode="&#xe625;" horiz-adv-x="1000" 
-d="M77 468h873v-109h-873v109z" />
-    <glyph glyph-name="uniE626" unicode="&#xe626;" 
-d="M866.5 747.5q-97.5 97.5 -228 132t-261.5 0t-228.5 -132t-132 -228.5t0 -261.5t132 -228t228.5 -132t261.5 0t228 132t132 228t0 261.5t-132 228.5zM798 199l-101 -101l-187 186l-186 -186l-101 101l186 186l-186 187l101 101l186 -186l187 186l101 -101l-186 -187z" />
-    <glyph glyph-name="uniE627" unicode="&#xe627;" 
-d="M741 342q-23 9 -22 34q6 114 -8 186q-13 68 -37.5 125.5t-48 89.5t-50.5 57t-38 32t-18 10l-7 3l-7 -3q-7 -3 -18 -10t-38 -32t-50.5 -57t-48 -89.5t-37.5 -125.5q-14 -72 -8 -186q1 -25 -22 -34q-25 -11 -47.5 -26t-47 -40.5t-39 -65t-14.5 -87.5v-16h198
-q2 -22 17.5 -36.5t37.5 -14.5h248q22 0 37.5 14.5t17.5 36.5h198v16q0 48 -14.5 87.5t-39 65t-47 40.5t-47.5 26zM512 526q-31 0 -53 22t-22 53t22 53t53 22t53 -22t22 -53t-22 -53t-53 -22zM453 23q-14 0 -23.5 -10t-9.5 -24v-83q0 -14 9.5 -24t23.5 -10t24 10t10 24v83
-q0 14 -10 24t-24 10zM571 23q-14 0 -24 -10t-10 -24v-83q0 -14 10 -24t24 -10t23.5 10t9.5 24v83q0 14 -9.5 24t-23.5 10z" />
-    <glyph glyph-name="uniE628" unicode="&#xe628;" 
-d="M505 860q95 0 182 -37t150 -100t100.5 -150t37.5 -182t-37.5 -182t-100.5 -150t-150 -100.5t-182 -37.5t-182 37.5t-150 100.5t-100 150t-37 182t37 182t100 150t150 100t182 37zM505 -20q112 0 206.5 55t149.5 149.5t55 206t-55 206t-149.5 149.5t-206 55t-206 -55
-t-149.5 -149.5t-55 -206t55 -206t149.5 -149.5t205.5 -55zM528 222v-59h-58v59h58zM470 648h58v-349h-58v349z" />
-    <glyph glyph-name="uniE629" unicode="&#xe629;" 
-d="M512 893v0q-58 0 -112.5 -12t-105.5 -38t-80.5 -44t-77.5 -51v-450q0 -57 19.5 -110.5t49 -93.5t69 -76t75.5 -59.5t73.5 -43t57 -28t32.5 -12.5q13 4 32.5 12.5t57 28t73.5 43t75.5 59.5t69 76t49 93.5t19.5 110.5v450q-48 33 -77.5 51t-80.5 44t-105.5 38t-112.5 12z
-M808 298q0 -76 -36.5 -138t-112.5 -117q-73 -53 -147 -82q-74 29 -147 82q-76 55 -112.5 117t-36.5 138v421q87 53 146.5 75t149.5 23q90 -1 149.5 -23t146.5 -75v-421zM512 755q-67 0 -112.5 -12.5t-119.5 -49.5v-399q0 -35 12.5 -68.5t30 -57.5t44 -46t47 -35.5t46 -26
-t34 -16t18.5 -6.5q10 3 18.5 6.5t34 16t46 26t47 35.5t44 46t30 57.5t12.5 68.5v399q-74 37 -119.5 49.5t-112.5 12.5v0zM667 599v-47h-105v-67h92v-61h-92v-77h116v-57h-332v57h42v168h64v-168h46v205h-138v61h307v-14z" />
-    <glyph glyph-name="uniE62A" unicode="&#xe62a;" 
-d="M497 890l-451 -386q-20 -18 -20 -45v-500q0 -32 22.5 -54.5t53.5 -22.5h256v333h308v-333h256q31 0 53.5 22.5t22.5 54.5v500q0 27 -20 45l-451 386q-15 13 -30 0z" />
-    <glyph glyph-name="uniE62B" unicode="&#xe62b;" 
-d="M761 623q0 -104 -73 -177t-176.5 -73t-177 73t-73.5 177t73.5 177t177 73t176.5 -73t73 -177zM888 -80q11 22 9 48q-7 99 -60 181.5t-139 130t-186.5 47.5t-187 -47.5t-139.5 -130t-60 -181.5q-1 -26 10 -48q12 -25 40 -25h673q27 0 40 25z" />
-    <glyph glyph-name="uniE62C" unicode="&#xe62c;" horiz-adv-x="1048" 
-d="M832 -42.5q0 -35.5 -25 -60.5t-60.5 -25t-60.5 25t-25 60.5t25 60.5t60.5 25t60.5 -25t25 -60.5zM533 -42.5q0 -35.5 -25 -60.5t-60 -25t-60 25t-25 60.5t25 60.5t60 25t60 -25t25 -60.5zM277 704l-35 159q-3 14 -15 23.5t-27 9.5h-147q-22 0 -37.5 -15.5t-15.5 -37.5
-t15.5 -38t37.5 -16h54l157 -627q6 -25 25.5 -40t44.5 -15h527q25 0 44.5 15t25.5 40l113 452q9 34 -13 62t-57 28h-697z" />
-    <glyph glyph-name="uniE62D" unicode="&#xe62d;" 
-d="M442 358h-84v-76h-230v76h-81q-20 0 -33.5 -12.5t-13.5 -31.5v-395q0 -20 13.5 -33.5t33.5 -13.5h395q19 0 31.5 13.5t12.5 33.5v395q0 19 -12.5 31.5t-31.5 12.5zM977 896h-81v-77h-230v77h-84q-19 0 -31.5 -13.5t-12.5 -33.5v-395q0 -19 12.5 -31.5t31.5 -12.5h395
-q20 0 33.5 12.5t13.5 31.5v395q0 20 -13.5 33.5t-33.5 13.5zM977 358h-81v-76h-230v76h-84q-19 0 -31.5 -12.5t-12.5 -31.5v-395q0 -20 12.5 -33.5t31.5 -13.5h395q20 0 33.5 13.5t13.5 33.5v395q0 19 -13.5 31.5t-33.5 12.5z" />
-    <glyph glyph-name="uniE62E" unicode="&#xe62e;" horiz-adv-x="1639" 
-d="M1 867h1045v-625h-1045v625zM1424 867h-337v-625l61 -33q33 14 70 14q66 0 116 -42t61 -105l7 -4h205v398zM1178 495v290h164l121 -290h-285zM235 209h-235v-163h111q2 57 36.5 101.5t87.5 61.5zM452 38q0 66 -47 112.5t-113.5 46.5t-114 -46.5t-47.5 -112.5t47.5 -112.5
-t114 -46.5t113.5 46.5t47 112.5zM1067 209h-721q54 -17 88.5 -61.5t36.5 -101.5h570q0 50 26 92v71zM1380 40q0 66 -47 112.5t-113.5 46.5t-113.5 -46.5t-47 -112.5t47 -112.5t113.5 -46.5t113.5 46.5t47 112.5z" />
-    <glyph glyph-name="uniE62F" unicode="&#xe62f;" 
-d="M474 112v161h-167v50h167v74h-167v49h134l-168 265h87l152 -257v386q-35 0 -70.5 2t-64 6t-55 8.5t-46.5 8.5t-34.5 8t-22.5 6t-7 2q-2 -43 -16.5 -74t-34 -44t-38.5 -20t-33 -7h-13q0 -40 1.5 -78t3.5 -69t5.5 -59.5t7 -51t6.5 -41.5t6.5 -32.5t5.5 -23t3 -13.5l2 -5
-q15 -61 45 -120.5t65.5 -105.5t75 -87t76.5 -70.5t67 -50.5t47.5 -32t17.5 -10v225h-38zM550 112v161h167v50h-167v74h167v49h-134l168 265h-87l-152 -257v386q76 0 151 10.5t112 20.5l37 10q2 -43 16.5 -74t34 -44t38.5 -20t33 -7h13q0 -234 -40 -368l-1 -5
-q-15 -61 -44.5 -120.5t-65.5 -105.5t-75.5 -87t-76.5 -70.5t-66.5 -50.5t-47.5 -32t-18 -10v225h38z" />
-    <glyph glyph-name="uniE630" unicode="&#xe630;" 
-d="M629 25h-268v20q0 31 -21.5 53t-52.5 22t-52.5 -22t-21.5 -53v-20h-174v609h590v-609zM400 66h188v527h-508v-527h94q7 41 39 68t74 27t74 -27t39 -68zM989 25h-136v20q0 31 -21.5 53t-52.5 22t-52.5 -22t-21.5 -53v-20h-117v476h210q22 0 57 -34q27 -26 58 -67
-q31 -40 52 -75q24 -41 24 -62v-238zM892 66h56v197q0 9 -18 40t-46 68t-53 63q-23 23 -34 26h-168v-394h37q7 41 39 68t74 27t74 -27t39 -68zM989 233h-287v193h191l6 -8q35 -43 61 -84q29 -48 29 -71v-30zM743 274h202q-6 15 -21 39q-21 34 -50 72h-131v-111zM779.5 -70
-q-47.5 0 -81.5 34t-34 81.5t34 81.5t81.5 34t81 -34t33.5 -81.5t-33.5 -81.5t-81 -34zM779 120q-31 0 -52.5 -22t-21.5 -52.5t21.5 -52.5t52.5 -22t52.5 22t21.5 52.5t-21.5 52.5t-52.5 22zM287 -70q-48 0 -81.5 34t-33.5 81.5t33.5 81.5t81.5 34t81.5 -34t33.5 -81.5
-t-33.5 -81.5t-81.5 -34zM287 120q-31 0 -52.5 -22t-21.5 -52.5t21.5 -52.5t52.5 -22t52.5 22t21.5 52.5t-21.5 52.5t-52.5 22z" />
-    <glyph glyph-name="uniE631" unicode="&#xe631;" 
-d="M24 895v-1022v1022zM47 895v-1022v1022zM70 895v-1022v1022zM94 895v-1022v1022zM117 895v-1022v1022zM140 895v-1022v1022zM163 895v-1022v1022zM187 895v-1022v1022zM210 895v-1022v1022zM233 895v-1022v1022zM256 895v-1022v1022zM280 895v-1022v1022zM303 895v-1022
-v1022zM326 895v-1022v1022zM349 895v-1022v1022zM373 895v-1022v1022zM396 895v-1022v1022zM419 895v-1022v1022zM442 895v-1022v1022zM466 895v-1022v1022zM489 895v-1022v1022zM512 895v-1022v1022zM535 895v-1022v1022zM558 895v-1022v1022zM582 895v-1022v1022zM605 895
-v-1022v1022zM628 895v-1022v1022zM651 895v-1022v1022zM675 895v-1022v1022zM698 895v-1022v1022zM721 895v-1022v1022zM744 895v-1022v1022zM768 895v-1022v1022zM791 895v-1022v1022zM814 895v-1022v1022zM837 895v-1022v1022zM861 895v-1022v1022zM884 895v-1022v1022z
-M907 895v-1022v1022zM930 895v-1022v1022zM954 895v-1022v1022zM977 895v-1022v1022zM1000 895v-1022v1022zM1 872h1022h-1022zM1 849h1022h-1022zM1 826h1022h-1022zM1 802h1022h-1022zM1 779h1022h-1022zM1 756h1022h-1022zM1 733h1022h-1022zM1 709h1022h-1022zM1 686
-h1022h-1022zM1 663h1022h-1022zM1 640h1022h-1022zM1 616h1022h-1022zM1 593h1022h-1022zM1 570h1022h-1022zM1 547h1022h-1022zM1 523h1022h-1022zM1 500h1022h-1022zM1 477h1022h-1022zM1 454h1022h-1022zM1 430h1022h-1022zM1 407h1022h-1022zM1 384h1022h-1022zM1 361
-h1022h-1022zM1 338h1022h-1022zM1 314h1022h-1022zM1 291h1022h-1022zM1 268h1022h-1022zM1 245h1022h-1022zM1 221h1022h-1022zM1 198h1022h-1022zM1 175h1022h-1022zM1 152h1022h-1022zM1 128h1022h-1022zM1 105h1022h-1022zM1 82h1022h-1022zM1 59h1022h-1022zM1 35h1022
-h-1022zM1 12h1022h-1022zM1 -11h1022h-1022zM1 -34h1022h-1022zM1 -58h1022h-1022zM1 -81h1022h-1022zM1 -104h1022h-1022zM512 -127q-7 8 -18.5 22t-45.5 59t-64.5 91t-68 113.5t-64.5 131.5t-45.5 139t-18.5 141q0 52 11 96.5t30 75.5t43 56.5t51 41t54 27t51.5 17
-t43.5 8.5t30 3h11q7 0 18.5 -0.5t45.5 -7t64.5 -17.5t68 -35.5t64.5 -57.5t45.5 -87t18.5 -120q0 -237 -215 -552q-60 -88 -110 -145zM740 613q-16 85 -86 140q-1 1 -4 3.5t-5 3.5q-5 4 -22 13t-19 10q-1 0 -20 7q-21 7 -24 7q-24 5 -48 5v0q-24 0 -47 -5q-44 -8 -82 -34h-1
-q-12 -9 -27 -23q-2 -1 -5 -4l-3 -3q-4 -4 -16 -19.5t-13 -16.5q-2 -3 -4.5 -7.5t-3.5 -5.5q-10 -19 -13 -27q-1 -2 -2 -6t-2 -5q-7 -21 -9 -32q-4 -22 -4 -44q0 -65 23.5 -146.5t58 -151.5t68.5 -129.5t58 -95.5t24 -35q9 13 25 36.5t56 92t70.5 133.5t55.5 148t25 148
-q0 22 -4 43zM373 570q0 58 40.5 98.5t98.5 40.5t98.5 -40.5t40.5 -98.5t-40.5 -99t-98.5 -41t-98.5 41t-40.5 99z" />
-    <glyph glyph-name="uniE632" unicode="&#xe632;" 
-d="M313 247h397v69h-397v-69zM313 110h397v68h-397v-68zM611 831h-430q-14 0 -23.5 -10t-9.5 -24v-825q0 -14 9.5 -24t23.5 -10h661q14 0 24 10t10 24v619zM644 710l131 -119h-131v119zM809 7h-595v755h364v-206q0 -14 9.5 -24t23.5 -10h198v-515zM313 384h397v69h-397v-69z
-" />
-    <glyph glyph-name="uniE633" unicode="&#xe633;" horiz-adv-x="1304" 
-d="M1303 538l-161 242h-304v-443h233q19 0 32.5 14t13.5 33t-13.5 33t-32.5 14h-140v256h161l118 -177v-242h-442v577q0 21 -15 36t-36 15h-666q-21 0 -36 -15t-15 -36v-620q0 -21 15 -35.5t36 -14.5h142q-30 -49 -30 -105q0 -82 58 -140t140 -58t140 58t58 140
-q0 56 -31 105h363q-30 -49 -30 -105q0 -82 58 -140t140 -58t140 58t58 140q0 56 -31 105h77v363zM93 803h582v-535h-582v535zM465 70q0 -43 -30.5 -74t-74 -31t-74 31t-30.5 74t30.5 74t74 31t74 -31t30.5 -74zM1164 70q0 -43 -31 -74t-74 -31t-74 31t-31 74t31 74t74 31
-t74 -31t31 -74z" />
-    <glyph glyph-name="uniE634" unicode="&#xe634;" horiz-adv-x="1476" 
-d="M1403 896h-1331q-30 0 -51 -21t-21 -51v-880q0 -30 21 -51t51 -21h1331q30 0 51.5 21t21.5 51v880q0 30 -21.5 51t-51.5 21zM120 776h1235v-151h-1235v151zM120 414h1235v-422h-1235v422zM211 294h572v-61h-572v61zM211 173h331v-60h-331v60z" />
-    <glyph glyph-name="uniE635" unicode="&#xe635;" 
-d="M512 881q-102 0 -194.5 -39.5t-160 -106.5t-107 -160t-39.5 -194.5t39.5 -194.5t107 -160t160 -107t194.5 -40t194.5 40t160 107t107 160t39.5 194.5t-39.5 194.5t-107 160t-160 106.5t-194.5 39.5zM512 -34q-112 0 -207.5 55.5t-151 151t-55.5 208t55.5 207.5t151 150.5
-t207.5 55.5t207.5 -55.5t151 -150.5t55.5 -207.5t-55.5 -208t-151 -151t-207.5 -55.5zM512 555q25 0 43 -18t18 -44h87q0 50 -29 89t-75 53v50q0 9 -6.5 15.5t-15.5 6.5h-44q-9 0 -15.5 -6.5t-6.5 -15.5v-50q-46 -14 -75 -53t-29 -89q0 -104 133 -154q27 -9 44 -20t23 -22
-t7.5 -16.5t1.5 -13.5q0 -25 -18 -43t-43 -18t-43 18t-18 43h-87q0 -49 29 -88t75 -54v-50q0 -9 6.5 -15t15.5 -6h44q9 0 15.5 6t6.5 15v50q46 15 75 54t29 88q0 105 -133 154q-27 10 -44 21t-23 22t-7.5 16.5t-1.5 12.5q0 26 18 44t43 18z" />
-    <glyph glyph-name="uniE636" unicode="&#xe636;" 
-d="M947 759h-892q-23 0 -39 -16t-16 -38v-642q0 -23 16 -39t39 -16h892q22 0 38 16t16 39v642q0 22 -16 38t-38 16zM836 668l-335 -260l-336 260h671zM91 100v511l376 -293q15 -11 33.5 -11t33.5 11l376 293v-511h-819z" />
-    <glyph glyph-name="uniE637" unicode="&#xe637;" 
-d="M512 656q-63 0 -107.5 -44.5t-44.5 -107.5t44.5 -107.5t107.5 -44.5t107.5 44.5t44.5 107.5t-44.5 107.5t-107.5 44.5zM512 880q-102 0 -188.5 -50.5t-136.5 -137t-50 -188.5q0 -56 36 -137.5t81 -151t104 -146.5t85 -107t44 -50l25 -28l25 28q18 20 44 50t85 107
-t104 146.5t81 151t36 137.5q0 102 -50 188.5t-136.5 137t-188.5 50.5zM512 -13q-46 54 -93.5 115.5t-98.5 137t-83 147t-32 117.5q0 127 90 217t217 90t217 -90t90 -217q0 -46 -32 -117.5t-83 -147t-98.5 -137t-93.5 -115.5z" />
-    <glyph glyph-name="uniE638" unicode="&#xe638;" horiz-adv-x="1335" 
-d="M1273 -4h-1179q-26 0 -44 -18t-18 -44t18 -44t44 -18h1179q26 0 44 18t18 44t-18 44t-44 18zM841 741h429q27 0 46 18t19 44t-19 44t-46 18h-429q-27 0 -46 -18t-19 -44t19 -44t46 -18zM841 314h429q27 0 46 18t19 44t-19 44t-46 18h-429q-27 0 -46 -18t-19 -44t19 -44
-t46 -18zM85 314h434q26 0 44 18t18 44v435q0 25 -18 43.5t-44 18.5h-434q-26 0 -44 -18.5t-18 -43.5v-435q0 -25 18 -43.5t44 -18.5zM147 749h310v-311h-310v311z" />
-    <glyph glyph-name="uniE639" unicode="&#xe639;" 
-d="M507 895q-101 0 -194 -40t-160 -107t-107 -160t-40 -194.5t40 -194.5t107 -160t160 -107t194.5 -40t194.5 40t160 107t107 160t40 194.5t-40 194.5t-107 160t-160 107t-195 40zM507 -20q-112 0 -207.5 55.5t-150.5 150.5t-55 207.5t55 208t150.5 151t208 55.5
-t207.5 -55.5t150.5 -151t55.5 -208t-55.5 -207.5t-150.5 -150.5t-208 -55.5zM506 689h-1h-1q-67 0 -115 -47q-48 -48 -48 -116q0 -18 12.5 -31t30.5 -13t31 13t13 31q0 32 22 54q22 21 55 22q30 -1 52.5 -23t22.5 -52q1 -24 -12 -43t-34 -29q-34 -14 -54 -44.5t-20 -68.5
-v-36q0 -18 13 -30.5t31 -12.5t31 12.5t13 30.5v36q0 24 20 33q46 20 73 61.5t26 91.5q-1 66 -48 113t-113 48zM504 219q-23 0 -39 -16t-16 -38.5t16 -38.5t39 -16t38.5 16t15.5 38.5t-15.5 38.5t-38.5 16z" />
-    <glyph glyph-name="uniE63A" unicode="&#xe63a;" 
-d="M964 460q21 1 35 16t14 36v147q0 21 -15.5 36.5t-36.5 15.5h-898q-21 0 -36.5 -15.5t-15.5 -36.5v-147q0 -21 14 -36t35 -16q29 -2 49.5 -24t20.5 -52t-20.5 -52t-49.5 -24q-21 -1 -35 -16t-14 -36v-147q0 -21 15.5 -36.5t36.5 -15.5h898q21 0 36.5 15.5t15.5 36.5v147
-q0 21 -14 36t-35 16q-29 2 -49.5 24t-20.5 52t20.5 52t49.5 24zM926 227v-83h-828v83q52 15 85.5 58.5t33.5 98.5t-33.5 98.5t-85.5 58.5v83h283v-66h66v66h479v-83q-52 -15 -85.5 -58.5t-33.5 -98.5t33.5 -98.5t85.5 -58.5zM381 362h66v-109h-66v109zM381 515h66v-109h-66
-v109zM381 210h66v-66h-66v66z" />
-    <glyph glyph-name="uniE63B" unicode="&#xe63b;" horiz-adv-x="1199" 
-d="M1149 896h-1099q-21 0 -35.5 -14.5t-14.5 -35.5v-350q0 -20 14.5 -35t35.5 -15h1099q21 0 35.5 15t14.5 35v350q0 21 -14.5 35.5t-35.5 14.5zM100 796h999v-250h-999v250zM1024 396q-21 0 -35.5 -14.5t-14.5 -34.5v-375h-749v375q0 20 -14.5 34.5t-35.5 14.5t-35.5 -14.5
-t-14.5 -34.5v-425q0 -21 14.5 -35.5t35.5 -14.5h849q21 0 35.5 14.5t14.5 35.5v425q0 20 -14.5 34.5t-35.5 14.5zM325 396q-21 0 -35.5 -14.5t-14.5 -34.5v-200q0 -21 14.5 -35.5t35.5 -14.5h549q21 0 35.5 14.5t14.5 35.5v200q0 20 -14.5 34.5t-35.5 14.5t-35.5 -14.5
-t-14.5 -34.5v-150h-449v150q0 20 -15 34.5t-35 14.5z" />
-    <glyph glyph-name="uniE63C" unicode="&#xe63c;" horiz-adv-x="1048" 
-d="M297.5 521q-20.5 0 -35 -14.5t-14.5 -35.5t14.5 -35.5t35 -14.5t35.5 14.5t15 35.5t-15 35.5t-35.5 14.5zM953 29q95 93 95 215t-94 214q2 20 2 23q0 111 -64 205t-174.5 148.5t-240 54.5t-239.5 -54.5t-174 -148.5t-64 -205q0 -78 33 -148.5t93 -125.5l-77 -123
-q-8 -12 -6.5 -26t10.5 -25q13 -15 32 -15q9 0 18 4l180 80q4 2 7 4q20 -7 39 -12q48 -80 138.5 -128t199.5 -48q75 0 145 25q1 -1 2 -1l140 -62q8 -4 17 -4q20 0 32 15q10 10 11 24t-7 26zM286 244q0 -17 2 -35v1q-88 42 -140.5 114t-52.5 157t51.5 157t139.5 114t192 42
-q142 0 249.5 -76.5t128.5 -189.5q-88 43 -189 43q-104 0 -191.5 -43.5t-138.5 -119t-51 -164.5zM381 244q0 96 84 164t202 68t202 -68t84 -163.5t-84 -163.5t-202 -68t-202 68t-84 163zM527 275q-16 0 -27.5 -11t-11.5 -27t11.5 -27.5t27.5 -11.5t27.5 11.5t11.5 27.5
-t-11.5 27t-27.5 11zM667 275q-16 0 -27.5 -11t-11.5 -27t11.5 -27.5t27.5 -11.5t27.5 11.5t11.5 27.5t-11.5 27t-27.5 11zM806 275q-16 0 -27 -11t-11 -27t11 -27.5t27 -11.5t27.5 11.5t11.5 27.5t-11.5 27t-27.5 11z" />
-    <glyph glyph-name="uniE63D" unicode="&#xe63d;" 
-d="M512 13q-131 0 -241.5 55t-175 149.5t-64.5 205.5t64.5 205.5t175 149.5t241.5 55t241.5 -55t175 -149.5t64.5 -205.5t-64.5 -205.5t-175 -149.5t-241.5 -55zM512 751q-108 0 -200 -44t-145.5 -119.5t-53.5 -164.5t53.5 -164.5t145.5 -119.5t200 -44t200 44t145.5 119.5
-t53.5 164.5t-53.5 164.5t-145.5 119.5t-200 44zM730 75l184 -82l-102 164zM914 -44q-8 0 -15 3l-184 82q-14 6 -19.5 20.5t0.5 28.5t20.5 19.5t28.5 -1.5l74 -33l-39 62q-8 13 -4.5 28t16.5 23t28 4.5t23 -16.5l102 -164q15 -23 -3 -43q-11 -13 -28 -13zM379 412.5
-q0 -21.5 -15 -36.5t-36.5 -15t-36.5 15t-15 36.5t15 36.5t36.5 15t36.5 -15t15 -36.5zM563 412.5q0 -21.5 -15 -36.5t-36 -15t-36 15t-15 36.5t15 36.5t36 15t36 -15t15 -36.5zM748 413q0 -22 -15 -37t-36.5 -15t-36.5 15t-15 36.5t15 36.5t36.5 15t36.5 -15t15 -36z" />
-    <glyph glyph-name="uniE63E" unicode="&#xe63e;" 
-d="M521 401zM768 -94q-94 0 -205 56q-145 72 -277 204.5t-205 277.5q-55 113 -56.5 201t52.5 140q13 13 30 13t29.5 -13t12.5 -30t-12 -30q-32 -32 -26.5 -98t47.5 -149q68 -137 187.5 -256.5t256.5 -187.5q83 -42 149 -47.5t98 26.5q13 13 30 13t30 -13t13 -30t-13 -30
-q-54 -47 -141 -47zM333 439q-26 0 -39 26q-9 16 -4 32.5t21 23.5l99 46q15 8 26 23t8 33q0 13 -17 30l-141 145q-20 20 -56 13q-12 -7 -25 -13l-68 -73q-13 -12 -30 -12t-30 12.5t-13 29.5t13 30l68 68q28 28 60 34q80 20 141 -34l140 -140q32 -32 39 -82q6 -41 -16.5 -81.5
-t-64.5 -63.5l-98 -47h-13zM875 -55q-17 0 -30 12.5t-13 29.5t13 30l68 68q5 6 7.5 8.5t4 7t1.5 10.5q7 35 -13 55l-141 141q-4 4 -30 17q-18 3 -33 -7t-22 -27l-47 -98q-6 -16 -22.5 -21.5t-32.5 4.5q-17 6 -22 22.5t4 32.5l47 99q23 42 62 64.5t83 16.5q45 -7 77 -39
-l141 -141q29 -28 38 -65t-4 -75q-17 -43 -34 -60l-72 -73q-13 -12 -30 -12zM602 171q-9 0 -26 8q-77 58 -154 128q-76 77 -128 154q-9 12 -6 29.5t19 30.5q16 9 33 6.5t27 -15.5q69 -95 119 -141q94 -85 141 -119q16 -10 18.5 -27t-9.5 -33q-6 -21 -34 -21z" />
-    <glyph glyph-name="uniE63F" unicode="&#xe63f;" horiz-adv-x="1025" 
-d="M512 18q-11 0 -31 -1t-36.5 -1t-30.5 2l-222 -146q0 227 5 243q-91 65 -144 152.5t-53 189.5q0 122 68.5 223t186 158.5t257.5 57.5t257.5 -57.5t186 -158.5t68.5 -222.5t-68.5 -223t-186 -159t-257.5 -57.5zM512 847q-122 0 -229 -52.5t-170.5 -143t-63.5 -194.5
-q0 -95 53 -179t142 -138v-170l146 97q16 -3 35.5 -4t49 0t37.5 1q122 0 229 53.5t170.5 144.5t63.5 195t-63.5 194.5t-170.5 143t-229 52.5zM768 384q-27 0 -45.5 18.5t-18.5 45.5t18.5 45.5t45.5 18.5t45.5 -18.5t18.5 -45.5t-18.5 -45.5t-45.5 -18.5zM512 384
-q-27 0 -45.5 18.5t-18.5 45.5t18.5 45.5t45.5 18.5t45.5 -18.5t18.5 -45.5t-18.5 -45.5t-45.5 -18.5zM256 384q-27 0 -45.5 18.5t-18.5 45.5t18.5 45.5t45.5 18.5t45.5 -18.5t18.5 -45.5t-18.5 -45.5t-45.5 -18.5z" />
-    <glyph glyph-name="uniE640" unicode="&#xe640;" 
-d="M957 594q-12 19 -38 19h-598l-29 62q-3 7 -8 14q-3 4 -8 8q-4 3 -7 6l-2 1l-8 4h-2q-5 2 -9 2l-4 1h-5h-118q-23 0 -40 -16.5t-17 -40t17 -40.5t40 -17h81l33 -71q2 -6 5 -13t5 -12t4.5 -9.5t3.5 -6.5l1 -2l81 -181q0 -2 2 -5l15 -32q9 -30 39 -38v-3h392l18 1v2
-q30 9 39 38l98 217q40 77 19 112zM909 497l-93 -207l-3 1l-4 -15q-5 -19 -25 -19l-19 1v-1h-340h-18q-19 0 -24 19l-4 15l-3 -1l-93 208q-10 17 -18 40l-42 92h-102q-10 0 -17 7t-7 17t7 17.5t17 7.5h119l3 -1q1 0 4 -1q2 0 4 -2q2 -1 4 -3q2 -1 3 -3l4 -6l38 -83h619
-q8 0 10 -3q5 -8 -1.5 -32.5t-18.5 -47.5zM470 191q-33 0 -56.5 -23t-23.5 -56t23.5 -56.5t56.5 -23.5t56.5 23.5t23.5 56.5t-23.5 56t-56.5 23zM470 61q-21 0 -36 15t-15 36t15 36t36 15t36 -15t15 -36.5t-15 -36t-36 -14.5zM747 191q-33 0 -56.5 -23t-23.5 -56t23.5 -56.5
-t56.5 -23.5t56.5 23.5t23.5 56.5t-23.5 56t-56.5 23zM747 61q-21 0 -36 14.5t-15 36t15 36.5t36 15t36 -15t15 -36t-15 -36t-36 -15z" />
-    <glyph glyph-name="uniE641" unicode="&#xe641;" horiz-adv-x="1045" 
-d="M522 893q-103 0 -197 -40t-162 -108t-108.5 -162t-40.5 -197.5t40.5 -197.5t108.5 -162t162 -108t197.5 -40t197.5 40t162 108t108 162t40 197.5t-40 197.5t-108 162t-162 108t-198 40zM522 -49q-88 0 -168.5 34.5t-138.5 93t-92.5 138.5t-34.5 168.5t34.5 169
-t92.5 138.5t138.5 92.5t169 34.5t168.5 -34.5t138.5 -92.5t93 -138.5t34.5 -169t-34.5 -168.5t-93 -138.5t-138.5 -93t-169 -34.5zM775 268l-105 61q-11 4 -21 6.5t-18 2.5t-15 -0.5t-13 -4t-10 -5.5t-9 -6l-6 -7q-2 -2 -6 -7l-3 -4l-6 -10q-34 -4 -59 21l-51 50
-q-24 25 -20 60l9 4q3 5 16 16t17 18t4 25t-11 43h-1l-60 105q-12 20 -33 25.5t-41 -5.5l-62 -36q-6 -3 -14 -11.5t-13 -14.5l-5 -6q-14 -87 24.5 -183.5t121.5 -174.5q72 -68 157 -101.5t165 -29.5q4 1 10.5 2.5t20.5 10t21 20.5l36 62q11 20 5.5 41.5t-25.5 32.5z" />
-    <glyph glyph-name="uniE642" unicode="&#xe642;" 
-d="M439 324h110l-54 148zM501 881q-101 0 -192.5 -39.5t-158 -105.5t-105.5 -158t-39 -192.5t39 -192.5t105.5 -158.5t158 -105.5t192.5 -39t192.5 39t158 105.5t105.5 158.5t39 192.5t-39 192.5t-105.5 158t-158 105.5t-192.5 39.5zM656 180l-19 -9q-5 -3 -11 -3q-5 0 -9 2
-q-10 4 -14 14l-27 69h-163l-25 -69q-4 -10 -14.5 -14t-19.5 1l-20 9q-9 4 -12.5 13t-0.5 18l151 401q6 16 23 16t23 -16l151 -401q3 -9 -0.5 -18t-12.5 -13z" />
-    <glyph glyph-name="uniE643" unicode="&#xe643;" horiz-adv-x="1124" 
-d="M859 896h-595q-109 0 -186.5 -77.5t-77.5 -186.5v-760l200 135q18 14 49.5 24t63.5 14.5t71.5 6.5t66 2t57 -1t34.5 -1h317q109 0 186.5 77.5t77.5 186.5v316q0 109 -77.5 186.5t-186.5 77.5zM477 367q-42 0 -71.5 29.5t-29.5 70.5t29.5 70t71.5 29t71.5 -29t29.5 -70
-t-29.5 -70.5t-71.5 -29.5zM848 367q-42 0 -71.5 29.5t-29.5 70.5t29.5 70t71.5 29t71.5 -29t29.5 -70t-29.5 -70.5t-71.5 -29.5z" />
-    <glyph glyph-name="uniE644" unicode="&#xe644;" 
-d="M523 881q-101 0 -192.5 -39.5t-158 -105.5t-105.5 -158t-39 -192.5t39 -192.5t105.5 -158.5t158 -105.5t192.5 -39t192.5 39t158 105.5t105.5 158.5t39 192.5t-39 192.5t-105.5 158t-158 105.5t-192.5 39.5zM739 224q8 -8 7.5 -18.5t-8.5 -17.5q-11 -10 -15 -14
-q-7 -7 -17 -7t-18 7l-34 34q-59 -42 -131 -42q-94 0 -160.5 66.5t-66.5 160.5t67 160.5t160.5 66.5t160 -66.5t66.5 -160.5q0 -75 -45 -135zM592 337q8 7 18 6.5t17 -7.5l27 -27q25 39 25 84q0 64 -45.5 109.5t-110 45.5t-110 -45.5t-45.5 -109.5t45.5 -109.5t109.5 -45.5
-q44 0 80 21l-27 28q-8 7 -7.5 18t7.5 18z" />
-    <glyph glyph-name="uniE645" unicode="&#xe645;" 
-d="M512 894q-104 0 -198 -40.5t-162.5 -109t-109 -162.5t-40.5 -198t40.5 -198t109 -162.5t162.5 -109t198 -40.5t198 40.5t162.5 109t109 162.5t40.5 198t-40.5 198t-109 162.5t-162.5 109t-198 40.5zM512 -53q-89 0 -170 34.5t-139.5 93t-93 139.5t-34.5 170t34.5 170
-t93 139.5t139.5 93t170 34.5t170 -34.5t139.5 -93t93 -139.5t34.5 -170t-34.5 -170t-93 -139.5t-139.5 -93t-170 -34.5zM659 384q15 0 25.5 10.5t10.5 25.5t-10.5 26t-25.5 11h-111v17l135 141q11 11 10.5 26t-11 25.5t-25.5 10t-26 -11.5l-115 -121l-123 122
-q-11 11 -26 10.5t-25.5 -11t-11 -25.5t10.5 -26l135 -135v-22h-108q-15 0 -26 -11t-11 -26t11 -25.5t26 -10.5h108v-73h-108q-15 0 -26 -10.5t-11 -25.5t11 -26t26 -11h108v-108q0 -15 10.5 -25.5t25.5 -10.5t25.5 10.5t10.5 25.5v108h111q15 0 25.5 11t10.5 26t-10.5 25.5
-t-25.5 10.5h-111v73h111z" />
-    <glyph glyph-name="uniE646" unicode="&#xe646;" 
-d="M708 553l-257 -267l-135 141q-12 13 -28.5 13t-28 -12.5t-11.5 -29.5t11 -29l164 -170q4 -4 8 -7q12 -7 25.5 -5.5t23.5 12.5l284 295q12 13 12 30t-12 29q-41 16 -56 0zM512 384zM17 384q0 101 39 192.5t105.5 158t158 105.5t192.5 39t192.5 -39t158 -105.5t105.5 -158
-t39 -192.5t-39 -192.5t-105.5 -158t-158 -105.5t-192.5 -39t-192.5 39t-158 105.5t-105.5 158t-39 192.5z" />
-    <glyph glyph-name="uniE647" unicode="&#xe647;" 
-d="M512 -92q-97 0 -185 37.5t-152 101.5t-101.5 152t-37.5 185t37.5 185t101.5 152t152 101.5t185 37.5t185 -37.5t152 -101.5t101.5 -152t37.5 -185t-37.5 -185t-101.5 -152t-152 -101.5t-185 -37.5zM512 828q-90 0 -172.5 -35t-142 -94.5t-94.5 -142t-35 -172.5t35 -172.5
-t94.5 -142t142 -94.5t172.5 -35t172.5 35t142 94.5t94.5 142t35 172.5t-35 172.5t-94.5 142t-142 94.5t-172.5 35z" />
-    <glyph glyph-name="uniE648" unicode="&#xe648;" 
-d="M512 882q-101 0 -193.5 -39.5t-159 -106t-106 -159t-39.5 -193.5t39.5 -193.5t106 -159t159 -106t193.5 -39.5t193.5 39.5t159 106t106 159t39.5 193.5t-39.5 193.5t-106 159t-159 106t-193.5 39.5zM512 -82q-95 0 -181 37t-148.5 99.5t-99.5 148.5t-37 181t37 181
-t99.5 148.5t148.5 99.5t181 37t181 -37t148.5 -99.5t99.5 -148.5t37 -181t-37 -181t-99.5 -148.5t-148.5 -99.5t-181 -37zM420 217l-156 155l-22 -22l178 -179l361 361l-23 23z" />
-    <glyph glyph-name="uniE649" unicode="&#xe649;" 
-d="M875 126l-363 -164l-363 164v610q247 75 363 75t363 -75v-610zM930 808q-34 11 -84.5 26t-159.5 38.5t-174 23.5t-174 -23.5t-159.5 -38.5t-84.5 -26q-14 -4 -22 -15.5t-8 -25.5v-669q0 -27 25 -39l405 -183q9 -3 18 -3t18 3l405 183q25 12 25 39v669q0 14 -8 25.5
-t-22 15.5zM751 552v83h-473v-83h206v-298h-72v237h-87v-237h-66v-84h506v84h-193v119h151v83h-151v96h179z" />
-    <glyph glyph-name="uniE64A" unicode="&#xe64a;" 
-d="M510.5 -61q-90.5 0 -173.5 35.5t-142.5 95t-95 142.5t-35.5 173.5t35.5 173.5t95 142.5t142.5 95t173.5 35.5t173.5 -35.5t142.5 -95t95 -142.5t35.5 -173.5t-35.5 -173.5t-95 -142.5t-142.5 -95t-173.5 -35.5zM510.5 793q-110.5 0 -204.5 -54.5t-148.5 -148.5
-t-54.5 -204.5t54.5 -204.5t148.5 -148.5t204.5 -54.5t204.5 54.5t148.5 148.5t54.5 204.5t-54.5 204.5t-148.5 148.5t-204.5 54.5zM491 347q-8 0 -13.5 5.5t-5.5 13.5v330q0 8 5.5 14t13.5 6t14 -6t6 -14v-330q0 -8 -6 -13.5t-14 -5.5zM763 347h-272q-8 0 -13.5 5.5
-t-5.5 13.5t5.5 13.5t13.5 5.5h272q8 0 13.5 -5.5t5.5 -13.5t-5.5 -13.5t-13.5 -5.5z" />
-    <glyph glyph-name="uniE64B" unicode="&#xe64b;" 
-d="M379 -128q-57 0 -122 51.5t-97 132.5q-26 71 -27 149.5t24 151.5q11 33 32.5 70.5t37 58.5t46.5 62q17 20 51 68l11 14l23 34q9 14 21 35t18.5 38.5t11.5 38t4 42.5t-7 44q-6 11 7 24q7 7 20 7q149 -50 216 -284q27 50 58 69q12 6 23 0t11 -21q-3 -59 11.5 -126.5
-t42.5 -126.5q4 -5 9 -17t8 -17q51 -89 55 -157q4 -63 -14.5 -126.5t-65.5 -120t-115 -80.5q-30 -11 -61 -11q-18 0 -30.5 5t-18 12.5t-7.5 13t-2 10.5q0 7 2 13t4 10t7.5 9.5t7.5 7t9 6.5t8 6l3 3q36 26 54 75.5t7 95.5q-4 28 -27 75q-2 6 -7.5 20t-8.5 22t-6.5 20t-4.5 23
-q0 -2 -2 -5t-2 -5q-15 -42 -20 -75q0 -45 7 -58q7 -5 7.5 -14.5t-4.5 -16.5q-5 -8 -14 -10t-17 3v0q-67 44 -85 120q7 34 7 78v21v24q0 68 -10 92q-14 -53 -28 -72q-22 -39 -37 -58q-6 -6 -15.5 -20t-12.5 -18q-13 -22 -24 -46.5t-21.5 -61.5t-5.5 -78t28 -76
-q3 -7 7.5 -12.5t8 -10t8.5 -10t7.5 -8t8 -7t7.5 -6.5t7.5 -6.5t6.5 -4.5q11 -9 16.5 -14.5t10 -14.5t0.5 -19q-5 -18 -21.5 -29.5t-39.5 -11.5z" />
-    <glyph glyph-name="uniE64C" unicode="&#xe64c;" 
-d="M911 725h-242v123q0 21 -13.5 34.5t-34.5 13.5h-246q-20 0 -33.5 -13.5t-13.5 -34.5v-123h-246q-21 0 -34.5 -13.5t-13.5 -34t13.5 -34t34.5 -13.5h293h243h293q21 0 34.5 13.5t13.5 34t-13.5 34t-34.5 13.5zM423 725v72h147v-72h-147zM765 579q-21 0 -34.5 -14
-t-13.5 -34v-560h-441v560q0 20 -13.5 34t-34 14t-34 -14t-13.5 -34v-611q0 -21 13.5 -34.5t34.5 -13.5h536q20 0 33.5 13.5t13.5 34.5v611q3 20 -11.5 34t-35.5 14zM447 67v389q0 20 -13.5 33.5t-34 13.5t-34 -13.5t-13.5 -33.5v-389q0 -21 13.5 -34.5t34 -13.5t34 13.5
-t13.5 34.5zM645 67v389q0 20 -13.5 33.5t-34.5 13.5q-20 0 -35.5 -13.5t-15.5 -33.5v-389q0 -21 13.5 -34.5t34.5 -13.5t36 13.5t15 34.5z" />
-  </font>
-</defs></svg>

+var $ = require('yoho-jquery'),
+    lazyLoad = require('yoho-jquery-lazyload');
+var Swiper = require('yoho-swiper');
+
+lazyLoad($('img'));
+
+$('.swiper-container').each(function() {
+    if ($(this).find('.swiper-slide').length > 1) {
+        new Swiper($(this).get(0), {
+            lazyLoading: true,
+            lazyLoadingInPrevNext: true,
+            loop: true,
+            autoplay: 3000,
+            autoplayDisableOnInteraction: true,
+            paginationClickable: true,
+            pagination: $(this).closest('.banner-top').find('.pagination-inner').get(0)
+        });
+    }
+});

+var wxShare = require('common/share');
+
+require('./live/live_head');
+require('./live/yoho_video');
+require('./live/yoho_live_detail_main');
+require('./live/temp');
+require('./live/yoho_live_share');
+
+global.$ = $;
+
+$('.live-wrapper').css({
+    position: 'relative',
+    height: window.innerHeight
+});
+
+$(function() {
+    var $share = $('.live-btn-share');
+    var $appBox = $('#float-layer-app');
+
+    if (/MicroMessenger/i.test(navigator.userAgent)) {
+        $share.show()
+            .on('click', function() {
+                wxShare({
+                    title: global.shareTitle,
+                    desc: global.shareContent,
+                    imgUrl: global.sharePic
+                });
+            });
+    }
+
+    $appBox.on('click', '#float-layer-close', function() {
+        $appBox.hide();
+    });
+});
+

+/* eslint-disable */
+/**
+ * Created by qiujun on 16/6/5.
+ * 直播或重播页面上方浮动的下载提示
+ * 用于跳转到对应的app页面或进入下载页面
+ */
+var is_wechat = false; //是否在微信中
+var is_weibo = false; //是否在微博中
+
+var is_ios = false; //是否是ios
+var is_android = false; //是否是android
+var is_pod = false;
+var is_pc = false;
+var $btn_download; //下载按钮
+var $btn_close; //关闭按钮
+var $download_head_wrapper; //下载div最外部分
+var $download_head; //下载div fixed部分
+var $download_msg; //在微信中点击下载弹出的提示部分
+
+//var app_ios = 'mtmv://lives?id=6141903674538004481';
+var app_ios = 'yohoefashion4In1://'; //ios的scheme
+var app_android = 'yohoefashion4In1://'; //android的scheme
+var download_ios = 'https://itunes.apple.com/cn/app/id530419467?ls=1&mt=8'; //appstore下载地址
+var download_android = 'http://yoho-apps.qiniudn.com/Yoho.apk'; //apk下载地址
+var queryArr = []; //地址栏参数
+var date_start; //点击下载按钮的时间，用于计算超时的时候跳转到对应下载页面
+
+/**
+ * 通过iframe的方式试图打开APP，如果能正常打开，会直接切换到APP，并自动阻止a标签的默认行为
+ * 否则打开对应下载页面
+ * @param app 对应app的scheme地址
+ * @param link 对应的下载地址
+ */
+function openAppOrLink(app, link) {
+    var ifrSrc;
+    var ifr;
+    if (is_android) {
+        //安卓基本上打不开app，只能打开下载地址。。。
+        date_start = new Date();
+        if (!is_wechat && !is_weibo) {
+            ifrSrc = app;
+
+            ifr = document.createElement('iframe');
+            ifr.style.display = 'none';
+            ifr.src = ifrSrc;
+            document.body.appendChild(ifr);
+
+            setTimeout(function() {
+                var date_end = new Date();
+                /*var p = document.createElement('p');
+                 p.innerHTML = date_end - date_start
+                 document.body.appendChild(p);*/
+                if (date_end.getTime() - date_start.getTime() < 1300) {
+                    document.location.href = link;
+                }
+                document.body.removeChild(ifr);
+            }, 1000);
+        } else {
+            //document.location.href = weixin;
+            show_download_msg();
+        }
+    }
+
+    //ios判断 if (navigator.userAgent.match(/(iPhone|iPod|iPad);?/i))
+    if (is_ios) {
+        date_start = new Date();
+        if (check_supperUniversalLink() >= 9) {
+            if (!is_wechat && !is_weibo) {
+                if (!is_pod) {
+                    document.location.href = app;
+                    setTimeout(function() {
+                        var date_end = new Date();
+                        if (!is_pod) {
+                            if (date_end.getTime() - date_start.getTime() < 1200) {
+                                document.location.href = link;
+                            }
+                        }
+
+                    }, 1000);
+                } else {
+                    document.location.href = app;
+                    setTimeout(function() {
+                        var date_end = new Date();
+                        if (is_pod) {
+                            //$('.live-app-desc p').eq(0).text(date_end.getTime() - date_start.getTime());
+                            if (date_end.getTime() - date_start.getTime() < 2003) {
+                                document.location.href = link;
+                            }
+                        }
+                    }, 2000);
+                }
+
+            } else {
+                show_download_msg();
+            }
+        } else {
+            //下面是IOS调用的地址，自己根据情况去修改
+            if (!is_wechat && !is_weibo) {
+                ifrSrc = app;
+                ifr = document.createElement('iframe');
+                ifr.style.display = 'none';
+                ifr.src = ifrSrc;
+                document.body.appendChild(ifr);
+
+                setTimeout(function() {
+                    var date_end = new Date();
+                    /*var p = document.createElement('p');
+                     p.innerHTML = date_end - date_start
+                     document.body.appendChild(p);*/
+                    //alert(date_end.getTime() - date_start.getTime());
+                    if (date_end.getTime() - date_start.getTime() < 1200) {
+                        document.location.href = link;
+                    }
+                    document.body.removeChild(ifr);
+                }, 1000);
+            } else {
+                //document.location.href = weixin;
+                show_download_msg();
+            }
+        }
+    }
+}
+
+/**
+ * 直接打开下载链接
+ */
+function get_download_link() {
+    if (is_wechat || is_weibo) {
+        show_download_msg();
+    } else {
+        document.location.href = download_ios;
+    }
+}
+
+/**
+ * 判断是否是ios9以上的系统，9以上系统不能创建iframe，只能直接打开链接
+ * @returns {boolean}
+ */
+function check_supperUniversalLink() {
+    var osversion = navigator.userAgent.match(/iPhone OS (\d*)/);
+    //console.log(osversion && osversion[1]);
+    return osversion && osversion[1];
+    /*if (osversion && osversion[1] >= 9) {
+        return true;
+    }
+    return false;*/
+}
+
+/**
+ * 显示对应设备的下载提示
+ */
+function show_download_msg() {
+    $download_msg.show();
+    $('.wx-img1').show();
+    $('body').css('overflow-y', 'hidden');
+    if (is_android) {
+        $('.wx-img3').show();
+    } else if (is_ios) {
+        $('.wx-img2').show();
+    }
+}
+
+/**
+ * 用于处理地址栏参数
+ * @returns {Array} 返回参数数组，格式[{'name':对应参数名称,'value':对应的值},...];
+ * @constructor
+ */
+function ManageQueryString() {
+    var loc = document.location.href;
+    var variables = '';
+    var variableArr = [];
+    var finalArr = [];
+
+    if (loc.indexOf('?') > 0) {
+        variables = loc.split('?')[1];
+    }
+
+    if (variables.length > 0) {
+        variableArr = variables.split('&');
+    }
+
+    for (var i = 0; i < variableArr.length; i++) {
+        var obj = {};
+        obj.name = variableArr[i].split('=')[0];
+        obj.value = variableArr[i].split('=')[1];
+        finalArr.push(obj);
+    }
+
+    return finalArr;
+}
+
+/**
+ * 通过ManageQueryString()方法返回的数组获取对应的参数值
+ * @param arr
+ * @param name 需要获取的参数名称
+ * @returns {*}
+ */
+function getQueryString(arr, name) {
+    if (arr.length > 0) {
+        for (var i = 0; i < arr.length; i++) {
+            var obj = arr[i];
+            if (obj.name == name) {
+                return obj.value;
+            }
+        }
+    }
+}
+
+function check_sys_open() {
+    var download_type = '';
+    if (is_android) {
+        download_type = 'android';
+        openAppOrLink(app_android, download_android);
+    } else if (is_ios) {
+        download_type = 'ios';
+        openAppOrLink(app_ios, download_ios);
+    }
+
+    if (typeof get_live_data == 'function') {
+        get_live_data(2, download_type); //数据统计 视频中部app下载
+    }
+}
+
+/**
+ * 入口
+ */
+$(document).ready(function() {
+
+
+    var location = document.location.href;
+    queryArr = ManageQueryString();
+    var is_redirect = getQueryString(queryArr, 'redirect'); //从微信跳转过来的链接自动跳转到对应app
+
+    var agent = navigator.userAgent.toLowerCase();
+
+    //判断环境
+    if (agent.match(/android/i) == 'android') {
+        is_android = true;
+    } else if (agent.match(/(iPhone|ipod|iPad);?/i)) {
+        is_ios = true;
+    } else {
+        //PC的情况下直接跳转到电脑版首页
+        is_pc = true;
+        //document.location.href = 'http://www.yohoboys.com';
+    }
+
+    if (agent.match(/iPod/i)) {
+        is_pod = true;
+    }
+
+    if (agent.match(/MicroMessenger/i)) {
+        is_wechat = true;
+    }
+    //alert(agent);
+    if (agent.match(/Weibo/i)) {
+        is_weibo = true;
+    }
+
+    if (agent.match(/QQ/i)) {
+        is_wechat = true;
+    }
+
+    if (is_wechat || is_weibo) {
+        if (is_redirect == undefined) {
+            if (location.indexOf('?') > 0) { //在微信中或微博等app中地址栏上加上redirect参数，方便在浏览器中打开时跳转到app
+                // document.location.href = location + '&redirect=true';
+            } else {
+                // document.location.href = location + '?redirect=true';
+            }
+        }
+    } else {
+        if (is_redirect) {
+            setTimeout(check_sys_open, 200);
+
+        }
+    }
+
+
+    $btn_download = $('.live-app-button-download a');
+    $btn_close = $('.live-app-button-close a');
+    $download_head_wrapper = $('.live-app-download-head-wrap');
+    $download_head = $('.live-download-head');
+    $download_msg = $('.live-app-download-msg'); //提示在浏览器中打开
+
+    $btn_download.on('click', function() { //点击下载按钮
+        var download_type = '';
+        if (is_android) {
+            download_type = 'android';
+            openAppOrLink(app_android, download_android);
+        } else if (is_ios) {
+            download_type = 'ios';
+            //openAppOrLink(app_ios, download_ios);
+            get_download_link();
+        }
+
+
+        if (typeof get_live_data == 'function') {
+            get_live_data(1, download_type); //数据统计，页面顶部app下载 download_type，安卓或ios
+        }
+        return false;
+    });
+
+    $btn_close.on('click', function() { //关闭顶部下载提示div
+        $download_head_wrapper.remove();
+    });
+
+    $download_msg.on('click', function() { //隐藏在浏览器中打开的提示
+        $(this).hide();
+        $('body').css('overflow-y', 'scroll');
+    });
+
+});
+
+module.exports = (function() {
+    global.openAppOrLink = openAppOrLink;
+    global.get_download_link = get_download_link;
+    global.check_supperUniversalLink = check_supperUniversalLink;
+    global.show_download_msg = show_download_msg;
+    global.ManageQueryString = ManageQueryString;
+    global.getQueryString = getQueryString;
+    global.check_sys_open = check_sys_open;
+})();
\ No newline at end of file

+/* eslint-disable */
+/**
+ * Created by qiujun on 16/6/17.
+ */
+global.msg_obj = [
+    '{"avatar": "http://img01.yohoboys.com/contentimg/2016/06/15/14/012b97d00097fd444bd8f830ed2e8fe54e.jpg", "cmd": 4, "name": "YOHO_187****1007", "room": 19177}',
+    '{"avatar": "http://img01.yohoboys.com/contentimg/2016/06/15/14/012b97d00097fd444bd8f830ed2e8fe54e.jpg", "cmd": 5, "msg": "123", "name": "YOHO_187****1007", "room": 19177}',
+    '{"avatar": "http://img01.yohoboys.com/contentimg/2016/06/15/14/012b97d00097fd444bd8f830ed2e8fe54e.jpg", "cmd": 5, "msg": "分享给同样喜欢潮流文化，喜欢分享的朋友", "name": "YOHO_187****1007", "room": 19177}',
+    '{"avatar": "http://img01.yohoboys.com/contentimg/2016/06/15/14/012b97d00097fd444bd8f830ed2e8fe54e.jpg", "cmd": 5, "msg": "别和小编太较真", "name": "YOHO_187****1007", "room": 19177}'
+];
+
+var replay_msg = [];
+
+(function() {
+    for (var i = 0; i < 300; i++) {
+        var time = 5 + i * 2;
+        var rand = Math.floor(Math.random() * 2);
+        var msg = '';
+        if (rand === 1) {
+            msg = '{"createtime":' + time + ',"avatar":"","name":"\u8c2d\u660e\u4e54' + i + '","msg":"测试消息测试消息测试消息测试消息测试消息测试消息' + i + '","cmd":"5"}'
+        } else {
+            msg = '{"createtime":' + time + ',"avatar":"http:\/\/avatar.jpg","name":"测试登录' + i + '","msg":"","cmd":"4"}';
+        }
+        var j = JSON.parse(msg);
+        replay_msg.push(j);
+    }
+})();
+
+module.exports = (function(){
+    global.replay_msg = replay_msg;
+})();
\ No newline at end of file

+// 初始化config信息
+var _weChatInterface = 'http://www.yohoboys.com/api/wechat/getSignPackage';// 签名等相关配置，yoho公众号
+$.getJSON(_weChatInterface + '?pageurl=' + encodeURIComponent(location.href.split('#')[0]) + '&callback=?', function(json) {
+    if (json !== undefined && json !== '') {
+        var _appId = json.appId.toString();
+        var _timestamp = json.timestamp;
+        var _nonceStr = json.nonceStr.toString();
+        var _signature = json.signature.toString();
+        wx.config({
+            debug: true,
+            appId: _appId,
+            timestamp: _timestamp,
+            nonceStr: _nonceStr,
+            signature: _signature,
+            jsApiList: [
+                'checkJsApi',
+                'onMenuShareTimeline',
+                'onMenuShareAppMessage',
+                'onMenuShareQQ',
+                'onMenuShareWeibo',
+                'hideMenuItems',
+                'showMenuItems',
+                'hideAllNonBaseMenuItem',
+                'showAllNonBaseMenuItem',
+                'translateVoice',
+                'startRecord',
+                'stopRecord',
+                'onVoiceRecordEnd',
+                'playVoice',
+                'pauseVoice',
+                'stopVoice',
+                'uploadVoice',
+                'onVoicePlayEnd',
+                'downloadVoice',
+                'chooseImage',
+                'previewImage',
+                'uploadImage',
+                'downloadImage',
+                'getNetworkType',
+                'openLocation',
+                'getLocation',
+                'hideOptionMenu',
+                'showOptionMenu',
+                'closeWindow',
+                'scanQRCode',
+                'chooseWXPay',
+                'openProductSpecificView',
+                'addCard',
+                'chooseCard',
+                'openCard'
+            ]
+        });
+    }
+    else {
+
+    }
+});
+
+setTimeout(share, 1000);
+
+function share() {
+    wx.ready(function() {
+        // 构造分享信息
+        var shareTitle = $('#shareTitle').val();
+        var shareImg = $('#shareImg').val();
+        var shareDesc = $('#shareDesc').val();
+        var shareLink = $('#shareLink').val();
+        var shareData = {
+            title: shareTitle,
+            desc: shareDesc,
+            imgUrl: shareImg,
+            link: shareLink,
+            success: function() {
+
+                is_share = true;
+
+                // alert(is_share);
+                $('#div_p3_share').show();
+            }
+        };
+
+        // 2.1 “分享给朋友”
+        wx.onMenuShareAppMessage(shareData);
+
+        // 2.2 “分享到朋友圈”
+        wx.onMenuShareTimeline(shareData);
+
+        // 2.3 “分享到QQ”
+        wx.onMenuShareQQ(shareData);
+
+//    // 2.4 “分享到微博”
+        wx.onMenuShareWeibo(shareData);
+
+        // document.getElementById('media').play();
+
+        // bindUploadEvent();
+    });
+}
+
+
+/*
+ * 微信分享
+ */
+
+// wx.error(function (res) {
+//    alert(res.errMsg);
+// });

+/**
+ * Created by qiujun on 16/7/1.
+ * 用于处理一些统计数据
+ */
+
+var live_data_type = ['M_LIVE_DOWNLOAD_APP_TOP', 'M_LIVE_DOWNLOAD_APP_CENTER', 'M_LIVE_PLAYBUTTON_CLICK', 'M_LIVE_SHARE'];
+var play_count = 0;
+
+function get_live_data() {
+    var data_prefix = 'YOHOBOYS';
+    if (document.location.hostname.indexOf('boy') > 0) {
+        data_prefix = 'YOHOBOYS';
+    }
+    else if (document.location.hostname.indexOf('girl') > 0) {
+        data_prefix = 'YOHOGIRLS';
+    }
+    var data_type = (typeof(arguments[0]) == 'undefined') ? 0 : arguments[0];
+    var data_value = (typeof(arguments[1]) == 'undefined') ? 0 : arguments[1];
+
+    console.log(data_type, data_value);
+
+    if (data_type != 0 && data_prefix != '') {
+        var data_type_str = data_prefix + live_data_type[data_type - 1];
+        var obj = {};
+        obj.type = data_type_str;
+        if (data_value != 0) {
+            obj.val = data_value;
+        }
+        if (data_type === 3) {
+            if (play_count === 0) {
+                play_count === 1;// play按钮只发送一次
+                send_data(obj);
+            }
+        }
+        else {
+            send_data(obj);
+        }
+
+    }
+
+}
+
+function send_data(obj) {
+    console.log(obj);
+    if (window._yas) {
+        window._yas.sendCustomInfo(obj, true);
+    }
+}

+/* eslint-disable */
+/**
+ * Created by qiujun on 16/6/4.
+ * 函数说明引导，部分全局参数定义在live_detail.html中
+ * init_play_button ===>  用于初始化播放按钮，直播和重播时调用init_video函数初始化video标签并进行播放，直播结束状态时显示直播结束
+ * init_video ===>  根据不同参数初始化video标签，调用了yoho_video.js的方法
+ * get_chat_info -> get_websocket_server ===>  顺序执行，用于获取websocket的ip地址
+ * link_to_websocket_server ===>  从获取到的ip地址连接websocket，并进行获取到消息的处理
+ * get_cmd ===>  根据不同的cmd(目前只用到2个发送的)获取websocket需要发送的json数据的字符串
+ * send_heart_beat ===> 每隔1分钟发送一次心跳包，以获取服务器当前是否仍然健在以及当前的观看人数
+ * insert_msg，insert_user,insert_like,insert_audience,insert_end ===>处理websocket获取到的消息，或者重播时传过来的模拟消息
+ * get_replay_chat_barrage ===> 获取重播弹幕
+ * manage_replay_chat_msg ===> 通过requestAnimationFrame每帧调用用于判断是否可以展示重播消息和点赞
+ * replay_barrage_callback_handler ===> 由video的各个事件中调取的callback方法
+ */
+var prefixes = 'webkit moz ms o'.split(' '); //各浏览器前缀
+var requestAnimationFrame = window.requestAnimationFrame;
+var cancelAnimationFrame = window.cancelAnimationFrame;
+
+var $btn_play;
+var video_width = 375;
+var video_height = 667;
+var video_id = 'yoho_live'; //视频video标签id
+var is_live = true; //是否是直播，根据地址栏参数可以判断
+var get_socket_server_url = '/activity/live/barrage'; //获取websocket服务器的接口
+var get_replay_chat_url = '/activity/live/replay/barrage'; //获取重播弹幕
+var query_arr = []; //地址栏参数数组
+var link_type = 'webksocket'; //连接类型
+var live_ws; //websocket
+var heart_beat_interval; //心跳计时器
+var live_time_interval; //播放时间计时器
+var live_duration = 0; //播放时间计数器
+var now_like_nums = 0; //当前点赞数
+var $live_like_pannel; //点赞div，用于存放小脸动画
+var is_animate = false; //用于控制动画的频率
+
+var replay_video;
+var replay_new_start_time = 1466591331; //根据play进度调整的当前时间，用于获取重播弹幕
+var replay_chat_interval = 60; //重播弹幕获取的时间区间长度，接口默认是5分钟
+var replay_chat_arr = []; //用于存储重播弹幕obj
+var replay_chat_frame_count = 0; //用于计算执行requstAnimationFrames的次数
+var is_replay_chat_loading = false; //是否正在调取接口
+var can_seek = true; //
+var replay_per_like = 0; //平均每秒增加的点赞数
+var replay_per_request_like = 0; //平均每帧增加的点赞数(大概)
+var replay_video_duration = 0; //重播视频
+var replay_now_like = 0; //当前重播的点赞数
+var is_wating = false;
+
+var test_count = 99;
+
+var CMD = {
+    LOGIN: 1, //客户端发送登录消息
+    SEND_MESSAGE: 2, //客户端发送消息
+    LOGOUT: 3, //客户端发送退出消息
+    NEW_USER: 4, //服务器通知新用户加入
+    RECEIVE_MESSAGE: 5, //服务器通知用户发送的消息
+    HEART_BEAT: 7, //客户端发送心跳包
+    SEND_LIKE: 8, //客户端点赞
+    RECEIVE_LIVE: 9, //服务器通知点赞
+    ONLINE_NUM: 10, //服务器通知当前在线人数
+    SEND_LIVE_END: 11, //主播app通知服务端直播结束
+    RECEIVE_LIVE_END: 12, //服务端通知直播结束
+    LOGIN_RETURN: 13 //客户端登录返回
+};
+
+function set_duration () {
+    var video = $('.video_player').find('video')[0];
+    var duration;
+    var durationH;
+    var durationM;
+    var durationS;
+
+    if (video) {
+        video.addEventListener('loadedmetadata', function() {
+            if (this.duration) {
+                duration = Math.floor(this.duration);
+                durationH = Math.floor(duration / 3600);
+                durationM = Math.floor(duration / 60);
+                durationS = duration % 60;
+
+                duration = [durationH, durationM, durationS].map(function(val) {
+                    if (val < 10) {
+                        val = '0' + val;
+                    } else {
+                        val = '' + val;
+                    }
+
+                    return val;
+                }).join(':');
+
+                $('.duration .val').text(duration);
+            }
+        })
+
+    }
+}
+
+
+/**
+ * 播放按钮
+ */
+function init_play_button() {
+    global.$btn_play = $btn_play = $('.live-video-play-button a');
+    var video_source = $('#video_container').attr('data-video');
+    $btn_play.on('click', function() {
+        $('#live-watermark').removeClass('hide');
+        if (live_type === 1 || live_type === 3) {
+            if ($('#' + video_id)[0] == undefined) {
+                get_chat_info(); //获取弹幕信息
+
+                var _is_ios = true;
+                var _is_wechat = false;
+                var agent = navigator.userAgent.toLowerCase();
+                //判断环境
+                if (agent.match(/android/i) == 'android') {
+                    _is_ios = false;
+                }
+
+                if (agent.match(/MicroMessenger/i)) {
+                    _is_wechat = true;
+                }
+                if (agent.match(/Weibo/i)) {
+                    _is_wechat = true;
+                }
+
+                $(document).scrollTop(0);
+                $(this).parent().hide();
+                $('.live-video-cover').hide(); //隐藏封面
+                $('.live-app-download-head-wrap').hide(); //隐藏头部
+
+                var temp_height = $(window).height();
+                var temp_width = $(document).width();
+                if (temp_width > 540) {
+                    temp_width = 540;
+                }
+                var scale = 17.1 / 20;
+                // if (temp_height > 30.15 * scale  * (temp_width / 320 * 20)) {
+                //     temp_height = 30.15 * scale + 'rem';
+                // } else {
+                //     temp_height = temp_height + 'px'
+                // }
+
+                var v_width = temp_width + 'px';
+                var v_height = 32.575 * scale + 'rem';
+                $('.live-loading-container').show(); //显示loading
+                init_video(video_source, _is_wechat, _is_ios, '100%', '100%');
+
+
+                setTimeout(function() {
+                    //$('#' + video_id)[0].play();
+                    $('.live-status').show();
+                    //interval = setInterval(test, 1000);// 测试弹幕
+                    //interval1 = setInterval(test_like, 50);
+                }, 500);
+
+                $('.live-video-main').animate({
+                    height: temp_height
+                }, 500, function() {
+                    if (live_type == 3) {
+                        $('.live-app-open').css({
+                            'width': '100%',
+                            'bottom': 0,
+                            'left': 0,
+                            'margin-left': 0,
+                            '-webkit-border-radius': 0,
+                            'border-radius': 0
+                        });
+                        $('.white-space').append($('.live-app-open'));
+                        $('#live_touch_layer').hide();
+                        $('.live-like-pannel').show();
+                    }
+                });
+
+            } else {
+                //console.log($('#' + video_id)[0],'click_2');
+                $(document).scrollTop(0);
+                $(this).parent().hide();
+                $('.live-loading-container').hide(); //隐藏loading
+                $('.live-video-cover').hide(); //隐藏封面
+                $('.live-app-download-head-wrap').hide(); //隐藏头部
+                if (live_type != 3) {
+                    $('#' + video_id)[0].play();
+                } else {
+                    //alert('click');
+                    // video.pause();
+                    $('#live_touch_layer').hide();
+                    $('#' + video_id)[0].play();
+
+                }
+
+            }
+        } else {
+            $('.live-end').show();
+        }
+
+        if (typeof get_live_data == 'function') {
+            get_live_data(3, live_type); //数据统计
+        }
+
+        if (live_type === 3) {
+            set_duration();
+        }
+    });
+}
+
+function init_video(video_source, is_wechat, is_ios, width, height) { //初始化视频
+    if (is_live) {
+        $('.video_player').yohovideo({
+            video_id: video_id,
+            islive: is_live,
+            width: width,
+            height: height,
+            preload: 'auto', //'auto'当页面加载后载入视频,'meta'当页面加载后载入元数据,'none'页面加载后不载入
+            autoplay: false, //'autoplay'自动播放视频,false 不自动播放
+            controls: 'controls', //'controls'显示控件,false 不显示控件
+            poster: '', //封面图片地址，不填则不显示
+            loop: false, //'loop'播放结束后自动重播,false 不重播
+            src: video_source, //需要播放的视频地址
+            loading_div: '.live-loading-container', //loading的div
+            is_weixin: is_wechat,
+            is_ios: is_ios
+        });
+    } else {
+        $('.video_player').yohovideo({
+            video_id: video_id,
+            islive: is_live,
+            width: width,
+            height: height,
+            preload: 'auto', //'auto'当页面加载后载入视频,'meta'当页面加载后载入元数据,'none'页面加载后不载入
+            autoplay: false, //'autoplay'自动播放视频,false 不自动播放
+            controls: 'controls', //'controls'显示控件,false 不显示控件
+            poster: '', //封面图片地址，不填则不显示
+            loop: false, //'loop'播放结束后自动重播,false 不重播
+            src: video_source, //需要播放的视频地址
+            loading_div: '.live-loading-container', //loading的div
+            is_weixin: is_wechat,
+            is_ios: is_ios,
+            callback: replay_barrage_callback_handler
+        });
+    }
+
+}
+
+/**
+ * 初始化并试图连接弹幕服务器
+ */
+function get_chat_info() {
+    /*query_arr = ManageQueryString();
+     is_live = parseInt(getQueryString(query_arr, 'islive'));//判断是否是直播:0重播，1直播
+     if (is_live == undefined || isNaN(is_live)) {
+     is_live = true;
+     }
+     else {
+     is_live = Boolean(parseInt(is_live));
+     }*/
+
+    link_type = 'websocket';
+
+    if (is_live) {
+        get_websocket_server(link_type);
+    } else {
+
+    }
+
+}
+
+/**
+ * 获取弹幕服务器
+ * @param type 参数类型:websocket,tcp，用于获取不同协议的服务器地址
+ */
+function get_websocket_server(type) {
+    var param = type;
+    $.ajax({
+        url: get_socket_server_url,
+        data: {
+            type: type
+        },
+        type: 'GET',
+        dataType: 'json',
+        success: function(data) {
+            console.log(data);
+            if (data.code === 200) {
+                var arr = data.data[0].split(':');
+                var ip = arr[0];
+                var port = arr[1];
+
+                if (is_live) {
+                    ip = 'ws://' + ip;
+                    link_to_websocket_server(ip, port);
+                }
+            }
+        }
+    });
+}
+
+/**
+ * 连接弹幕服务器
+ * @param ip
+ * @param port
+ */
+function link_to_websocket_server(ip, port) {
+    var path = ip + ':' + port;
+    live_ws = new WebSocket(path);
+
+    live_ws.onopen = function(event) {
+        live_ws.send(get_cmd(CMD.LOGIN));
+        heart_beat_interval = setInterval(send_heart_beat, 60000);
+        send_heart_beat();
+    };
+
+    live_ws.onerror = function(event) {
+        console.log(event);
+        live_ws.close();
+        live_ws = null;
+        clearInterval(heart_beat_interval);
+        link_to_websocket_server(ip, port);
+    };
+
+    live_ws.onclose = function(event) {
+        console.log(event);
+        clearInterval(heart_beat_interval);
+    };
+
+    live_ws.onmessage = function(event) {
+        if (event.data) {
+            var msg_obj = JSON.parse(event.data);
+            console.log(msg_obj, msg_obj.cmd);
+            switch (msg_obj.cmd) {
+                case 4:
+                    insert_user(msg_obj);
+                    break;
+                case 5:
+                    insert_msg(msg_obj);
+                    break;
+                case 9:
+                    insert_like(msg_obj);
+                    break;
+                case 10:
+                    insert_audience(msg_obj);
+                    break;
+                case 12:
+                    insert_end(msg_obj);
+                    break;
+                case 13:
+                    receive_init(msg_obj);
+                    break;
+            }
+        }
+    };
+}
+
+/**
+ * 获取重播弹幕
+ * @param start_time 需要从什么时间开始获取
+ * @param duration 获取多少秒时间的内容
+ */
+
+function get_replay_chat_barrage(start_time, duration) {
+    if (replay_new_start_time === 0) {
+        replay_new_start_time = start_time;
+    }
+    is_replay_chat_loading = true;
+    var ajax = $.ajax({
+        url: get_replay_chat_url,
+        data: {
+            id: live_room,
+            startTime: start_time,
+            timeInterval: duration
+        },
+        type: 'GET',
+        dataType: 'json',
+        timeout: 5000,
+        success: function(data) {
+            console.log('load_replay_data=', data);
+            if (data.code === 200) {
+                if (data.data.length > 0) {
+                    data.data.forEach(function(obj) {
+                        replay_chat_arr.push(obj);
+                    });
+                    if (replay_chat_frame_count == 0) {
+                        set_replay_chat_frame();
+                    }
+                }
+            }
+            setTimeout(function() { //setTimeout的理由是防止requestAnimationFrame在调用的那一秒内重复读取
+                is_replay_chat_loading = false;
+            }, 1000);
+
+        },
+        complete: function(XMLHttpRequest, status) {
+            if (status == 'timeout') { //超时
+                setTimeout(function() {
+                    is_replay_chat_loading = false;
+                }, 1000);
+                ajax.abort();
+            }
+        }
+    });
+
+    //用于测试
+    /* var test_arr = test_replay(start_time, duration);
+      test_arr.forEach(function (obj) {
+      replay_chat_arr.push(obj);
+      });
+      if (replay_chat_frame_count == 0) {
+      set_replay_chat_frame();
+      }
+      setTimeout(function () {
+      is_replay_chat_loading = false;
+      }, 1000);*/
+}
+/**
+ * 开始
+ */
+function set_replay_chat_frame() {
+    var element = $('#live_chat_ul');
+    requestAnimationFrame(manage_replay_chat_msg);
+}
+
+/**
+ * 重播时弹幕处理
+ */
+function manage_replay_chat_msg() {
+    replay_chat_frame_count += 1;
+
+    if (replay_video != undefined) {
+        if (!replay_video.paused && !is_wating) {
+            var time = parseInt(replay_video.currentTime);
+            if (!isNaN(replay_video.duration) && replay_video.duration != 0) {
+                if (replay_video_duration === 0) {
+                    replay_video_duration = replay_video.duration;
+                    replay_per_like = replay_total_likes / (replay_video_duration - 10);
+                    replay_per_request_like = replay_total_likes / (replay_video_duration - 10) / 60;
+                }
+
+                if (replay_video_duration > 0 && replay_now_like < replay_total_likes && replay_video.currentTime >= 10) {
+                    if (replay_per_request_like > 1) {
+                        replay_now_like += 1;
+                    } else {
+                        replay_now_like += replay_per_request_like;
+                    }
+
+
+                    if (replay_now_like - now_like_nums >= 1) {
+                        now_like_nums = parseInt(replay_now_like);
+                        var msg = '{"cmd":9,"msg":' + now_like_nums + ',"room":' + live_room + ',"uid":1}';
+                        var msg_obj = JSON.parse(msg);
+                        insert_like(msg_obj);
+                    }
+                } else if (replay_video.currentTime < 10) {
+                    var msg = '{"cmd":9,"msg":0,"room":' + live_room + ',"uid":1}';
+                    var msg_obj = JSON.parse(msg);
+                    insert_like(msg_obj);
+                }
+
+            }
+
+            if (replay_chat_arr.length > 0) {
+                var obj = replay_chat_arr[0];
+                if (obj.create_time <= time) {
+                    if (obj.cmd == 5) {
+                        insert_msg(obj)
+                    }
+                    if (obj.cmd == 4) {
+                        insert_user(obj);
+                    }
+                    replay_chat_arr.splice(obj, 1);
+                }
+            }
+            //如果当前播放时间+开始时间 = 新的搜索播放时间 + 读取的时间区间 - 10秒。那么开始读取新的数据
+            //因为存在video的seek，seek之后replay_new_start_time会变化，需要从这个时间往后加55秒再读取新数据(ios7以下为5秒)，防止短时间重复读取出错
+            if (time + live_start_time == replay_new_start_time + replay_chat_interval - 5) {
+                if (!is_replay_chat_loading) {
+                    replay_new_start_time += replay_chat_interval;
+                    get_replay_chat_barrage(replay_new_start_time, replay_chat_interval);
+                }
+            }
+        }
+    } else {
+        replay_video = $('#' + video_id)[0];
+    }
+    requestAnimationFrame(manage_replay_chat_msg);
+
+}
+
+/**
+ * seeked之后触发的重新读取事件
+ * s
+ * @param time
+ */
+function replay_barrage_callback_handler(time, v_type) {
+    switch (v_type) {
+        case 'seeked':
+            console.log('seeked');
+            replay_chat_arr = [];
+            $('#live_chat_ul').html('');
+            replay_new_start_time = parseInt(time) + live_start_time;
+            get_replay_chat_barrage(replay_new_start_time, replay_chat_interval);
+            break;
+        case 'timeupdate':
+            //部分机型或系统版本无法使用seek，所以把读取时间缩短到10秒一次，并且判断当前播放时间与存留的搜索时间replay_new_start_time之间的
+            //差值，大于replay_chat_interval或小于-replay_chat_interval的则被认定为拖动了进度条。
+            if (!can_seek) {
+                if ((parseInt(time) + live_start_time - replay_new_start_time > replay_chat_interval) || (replay_new_start_time - parseInt(time) - live_start_time > replay_chat_interval)) {
+                    console.log('大于或小雨');
+                    replay_new_start_time = parseInt(time) + live_start_time;
+                    replay_chat_arr = [];
+                    $('#live_chat_ul').html('');
+                    get_replay_chat_barrage(replay_new_start_time, replay_chat_interval);
+                }
+            }
+            if (parseInt(time) > 10) {
+                replay_now_like = (parseInt(time) - 10) * replay_per_like;
+                if (replay_now_like - now_like_nums <= -30) { //回退的时候让当前显示的点赞数和重播点赞数一致
+                    console.log('<');
+                    now_like_nums = replay_now_like;
+                }
+            } else {
+                replay_now_like = 0;
+                now_like_nums = 0;
+            }
+
+            break;
+        case 'waiting':
+            is_wating = true;
+            break;
+        case 'canplaythrough':
+            is_wating = false;
+            break;
+    }
+
+}
+
+/**
+ * 返回命令json字符串
+ * @param cmd
+ * @returns {string}
+ */
+function get_cmd(cmd) {
+    var result = '';
+    switch (cmd) {
+        case 1:
+            result = '{"cmd":' + cmd + ',"uid":"","name":"","avatar":"","room":' + live_room + '}';
+            break;
+        case 7:
+            result = '{"cmd":' + cmd + ',"msg":"heart_html5","room":' + live_room + '}';
+            break;
+    }
+    console.log(result);
+    return result;
+}
+
+/**
+ * 每隔一分钟向服务器发送一次心跳包
+ */
+function send_heart_beat() {
+    if (live_ws) {
+        live_ws.send(get_cmd(CMD.HEART_BEAT));
+    }
+}
+
+/**
+ * 插入用户新消息
+ * @param obj
+ */
+
+function insert_msg(obj) {
+    var $ul = $('#live_chat_ul');
+    var msg_html
+    if (obj.avatar == '' || obj.avatar == undefined) {
+        var rand = Math.floor(Math.random() * 5) + 1;
+        // obj.avatar = site_url + '/img/activity/live/live/head_' + rand + '.png';
+
+        msg_html = '<div class="live-item2"><div class="live-item2-head">' +
+        '<img class="avatar' + rand + '"></div>' +
+        '<div class="live-item2_1">' +
+        '<span class="live-replay">@' + obj.name + '</span>'+
+        '<div class="live-item2_2">' +
+        obj.msg +
+        '</div>' +
+        '</div>' +
+        '</div>';
+    } else {
+        obj.avatar = obj.avatar.replace(/(\{width}|\{height}|\{mode})/g, function($0) {
+            const dict = {
+                '{width}': 50,
+                '{height}': 50,
+                '{mode}': 2
+            };
+
+            return dict[$0];
+        })
+
+        msg_html = '<div class="live-item2"><div class="live-item2-head">' +
+        '<img src="' + obj.avatar + '"></div>' +
+        '<div class="live-item2_1">' +
+        '<span class="live-replay">@' + obj.name + '</span>'+
+        '<div class="live-item2_2">' +
+        obj.msg +
+        '</div>' +
+        '</div>' +
+        '</div>';
+    }
+    var li = document.createElement('li');
+    li.innerHTML = msg_html;
+    if ($ul.children().length >= 4) {
+        $ul.find('li').eq(0).remove();
+    }
+    $ul.append(li);
+}
+
+/**
+ * 插入新用户加入
+ * @param obj
+ */
+function insert_user(obj) {
+    if (obj.name.length > 1) {
+        var $ul = $('#live_chat_ul');
+        var msg_html = '<div class="live-item1">' + '@' + obj.name + ' <span>已加入</span>' + '</div>';
+        var li = document.createElement('li');
+        li.innerHTML = msg_html;
+        if ($ul.children().length >= 4) {
+            $ul.find('li').eq(0).remove();
+
+        }
+        $ul.append(li);
+    }
+
+}
+
+/**
+ * 用户点赞
+ * @param obj
+ */
+function insert_like(obj) {
+    var num = obj.msg.toString();
+
+    if (num.indexOf('万') < 0) {
+        num = parseInt(num);
+        if (isNaN(num)) {
+            num = 0;
+        }
+    }
+    if (now_like_nums == 0) {
+        $('.live-like-pannel').show();
+    } else {
+        if (!is_animate) {
+            is_animate = true;
+            var like_rand = Math.floor(Math.random() * 3) + 1;
+            var img_rand = Math.floor(Math.random() * 5) + 1;
+            var img_path = site_url + '/img/activity/live/live/like_icon' + img_rand + '.png';
+            var id = 'js_keyframes_' + Math.random();
+            var like_class = 'like-icon' + ' scroll_animate_' + like_rand;
+            var msg_html = '<img src="' + img_path + '">';
+
+
+            var anim_div = document.createElement('div');
+            anim_div.id = id;
+            anim_div.className = like_class;
+            anim_div.innerHTML = msg_html;
+            anim_div.addEventListener('webkitAnimationEnd', function() {
+                $(this).remove();
+            });
+
+            $live_like_pannel.append(anim_div);
+            setTimeout(function() {
+                is_animate = false;
+            }, 40);
+        }
+    }
+    now_like_nums = num;
+    if (now_like_nums > 100000) {
+        $('#like_num').text((now_like_nums / 10000).toFixed(1) + '万');
+    } else {
+        $('#like_num').text(now_like_nums);
+    }
+
+}
+
+/**
+ * 发送心跳包之后返回的在线人数
+ * @param msg_obj
+ */
+function insert_audience(obj) {
+    $('.live-num span').text(obj.onlineNums + '人观看');
+}
+
+/**
+ * 通知直播结束
+ * @param obj
+ */
+function insert_end(obj) {
+    var user_num = obj.audienceNums.toString();
+    var like_num = obj.likeNums.toString();
+    var video_len = obj.videoLen.toString();
+
+    if (user_num.indexOf('万') < 0) {
+        user_num = parseInt(user_num);
+    }
+
+    if (like_num.indexOf('万') < 0) {
+        like_num = parseInt(like_num);
+    }
+
+    if (user_num > 10000) {
+        user_num = (user_num / 10000).toFixed(1) + '万';
+    }
+
+    if (like_num > 10000) {
+        like_num = (like_num / 10000).toFixed(1) + '万';
+    }
+
+    var video = $('#' + video_id)[0];
+    if (video) {
+        setTimeout(function() {
+            video.pause();
+        }, 1000);
+        live_type = 2;
+    }
+    live_ws.close();
+    clearInterval(live_time_interval);
+    var $liveEnd = $('#live-state-end');
+    $liveEnd.show();
+    $liveEnd.find('.audience .val').text(user_num);
+    $liveEnd.find('.duration .val').text(video_len);
+    $liveEnd.find('.favorite .val').text(like_num);
+}
+
+/**
+ * 登录之后服务端返回当前直播人数及点赞数
+ * @param obj
+ */
+function receive_init(obj) {
+    $('.live-num span').text(obj.onlineNums + '人观看');
+    now_like_nums = parseInt(obj.likeNums);
+    if (now_like_nums > 100000) {
+        $('#like_num').text((now_like_nums / 10000).toFixed(1) + '万');
+    } else {
+        $('#like_num').text(now_like_nums);
+    }
+    $('.live-like-pannel').show();
+}
+
+/**
+ * 获取已直播时间
+ */
+function get_live_time() {
+    if (live_start_time) {
+        var date = new Date();
+        live_duration = parseInt(date.getTime() / 1000) - live_start_time;
+        console.log('live_duration=' + live_duration);
+        $('#live_time').text(get_time_text(live_duration));
+        live_time_interval = setInterval(set_interval_time, 1000);
+    }
+}
+
+/**
+ * 返回时间字符串00:00
+ * @param time
+ * @returns {string}
+ */
+function get_time_text(time) {
+    var time_text = '00:00:00';
+    var sec;
+    var min;
+    var hour;
+    if (time < 0) {
+        time = 0;
+    }
+
+    if (time < 10) {
+        min = '00';
+        sec = '0' + time;
+        hour = '';
+    } else if (time >= 60 && time < 3600) {
+        min = (time - time % 60) / 60;
+        if (min < 10) {
+            min = '0' + min;
+        }
+        sec = time % 60;
+        if (sec < 10) {
+            sec = '0' + sec;
+        }
+        hour = '';
+    } else if (time >= 3600) {
+        hour = (time - time % 3600) / 3600;
+        if (hour < 10) {
+            hour = '0' + hour + ':';
+        } else {
+            hour = hour + ':';
+        }
+        var rests = time % 3600;
+        min = (rests - rests % 60) / 60;
+        if (min < 10) {
+            min = '0' + min;
+        }
+
+        sec = rests % 60;
+        if (sec < 10) {
+            sec = '0' + sec;
+        }
+    } else {
+        min = '00';
+        sec = time;
+        hour = '';
+    }
+    time_text = hour + min + ':' + sec;
+    return time_text;
+}
+
+/**
+ * 直播时间每秒+1
+ */
+function set_interval_time() {
+    live_duration += 1;
+    get_time_text(live_duration);
+    $('#live_time').text(get_time_text(live_duration));
+}
+
+/**
+ * requestAnimationFrame
+ */
+function init_request_animation_frames() {
+    var lastTime = 0;
+    var prefix;
+    //通过遍历各浏览器前缀，来得到requestAnimationFrame和cancelAnimationFrame在当前浏览器的实现形式
+    for (var i = 0; i < prefixes.length; i++) {
+        if (requestAnimationFrame && cancelAnimationFrame) {
+            break;
+        }
+        prefix = prefixes[i];
+        requestAnimationFrame = requestAnimationFrame || window[prefix + 'RequestAnimationFrame'];
+        cancelAnimationFrame = cancelAnimationFrame || window[prefix + 'CancelAnimationFrame'] || window[prefix + 'CancelRequestAnimationFrame'];
+    }
+
+    //如果当前浏览器不支持requestAnimationFrame和cancelAnimationFrame，则会退到setTimeout
+    if (!requestAnimationFrame || !cancelAnimationFrame) {
+        requestAnimationFrame = function(callback) {
+            var currTime = new Date().getTime();
+            //为了使setTimteout的尽可能的接近每秒60帧的效果
+            var timeToCall = Math.max(0, 16 - (currTime - lastTime));
+            var id = window.setTimeout(function() {
+                callback(currTime + timeToCall);
+            }, timeToCall);
+            lastTime = currTime + timeToCall;
+            return id;
+        };
+
+        cancelAnimationFrame = function(id) {
+            window.clearTimeout(id);
+        };
+    }
+
+    //得到兼容各浏览器的API
+    window.requestAnimationFrame = requestAnimationFrame;
+    window.cancelAnimationFrame = cancelAnimationFrame;
+}
+
+/**
+ * 入口
+ */
+$(document).ready(function() {
+
+    init_request_animation_frames();
+    if (check_supperUniversalLink() != undefined && check_supperUniversalLink() <= 7) {
+        can_seek = false;
+        replay_chat_interval = 10;
+    }
+
+    $('.live-app-open a').on('click', function() {
+        check_sys_open(); //live_head.js中的方法
+    });
+    init_play_button();
+    if (live_type != 3) { //直播的时间
+        is_live = true;
+        get_live_time();
+
+    } else {
+        is_live = false;
+        // $('.live-time span').eq(0).text('YOHO!回看 ·');
+        $('.live-num span').text(replay_user_nums + '人观看');
+        replay_new_start_time = live_start_time;
+        get_replay_chat_barrage(live_start_time, replay_chat_interval); //重播获取弹幕
+
+    }
+
+    $live_like_pannel = $('#live_like_pannel');
+});
+
+global.test = function test() { //测试弹幕样式
+    var rand = Math.floor(Math.random() * msg_obj.length);
+    var obj = JSON.parse(msg_obj[rand].toString());
+    switch (obj.cmd) {
+        case 4:
+            insert_user(obj);
+            break;
+        case 5:
+            insert_msg(obj);
+            break;
+    }
+}
+
+global.test_like = function test_like() {
+    var rand = Math.floor(Math.random() * 5);
+    test_count += rand;
+    var obj_text = '{"cmd":9,"msg":' + test_count + ',"room":' + live_room + ',"uid":0}';
+    var obj = JSON.parse(obj_text);
+    insert_like(obj);
+}
+
+global.test_replay = function test_replay(starttime, timeinterval) {
+    var start = starttime - live_start_time;
+    var end = start + timeinterval;
+    var test_arr = [];
+    if (replay_msg.length > 0) {
+        for (var i = 0; i < replay_msg.length; i++) {
+            var obj = replay_msg[i];
+            var create_time = parseInt(obj.createtime);
+            if (create_time >= start && create_time <= end) {
+                test_arr.push(obj);
+            }
+        }
+    }
+    return test_arr;
+}
+
+module.exports = {};

+/**
+ * Created by qiujun on 16/6/5.
+*/
+
+var info_text = '<p>今晚《奔跑吧兄弟》继续开跑，这期从预告片来看，怎么都觉得有点恐怖啊！</p>' +
+'<div style="margin-top:10px;"></div>' +
+'<img width="640px" h="640px" "style="margin:0 auto;border:0;display:block;" class="lazy" src="http://img02.yohoboys.com/contentimg/2016/06/10/21/02c6f92a8d88dbe1373f9f6215ea021348.jpg" data-original="http://img02.yohoboys.com/contentimg/2016/06/10/21/02c6f92a8d88dbe1373f9f6215ea021348.jpg" style="display: block;">' +
+'<span style="color:#B2AAA4;">▲游戏设施长这样！</span>' +
+'<div style="margin-top:10px;"></div>' +
+'<img width="640px" h="640px" "style="margin:0 auto;border:0;display:block;" class="lazy" src="http://img02.yohoboys.com/contentimg/2016/06/10/21/02edb1d7b1290016cb72de0d64c902a0bf.jpg" data-original="http://img02.yohoboys.com/contentimg/2016/06/10/21/02edb1d7b1290016cb72de0d64c902a0bf.jpg" style="display: block;">' +
+'<span style="color:#B2AAA4;">▲节目一开始就有人大呼救命？！</span>' +
+'<div style="margin-top:10px;"></div>' +
+'<img width="550px" h="409px" "style="margin:0 auto;border:0;display:block;" class="lazy" src="http://img02.yohoboys.com/contentimg/2016/06/10/21/02e960805b444ff065064b883b6b87395c.jpg" data-original="http://img02.yohoboys.com/contentimg/2016/06/10/21/02e960805b444ff065064b883b6b87395c.jpg" style="display: block;">' +
+'<span style="color:#B2AAA4;">▲一向温柔可爱的baby变成了这样！</span>' +
+'<div style="margin-top:10px;"></div>《中国好声音》四朝元老导师那英和喜剧明星宋小宝，难以想象他俩会碰撞出怎样的火花！<div style="margin-top:10px;"></div>' +
+'<img width="640px" h="535px" "style="margin:0 auto;border:0;display:block;" class="lazy" src="http://img01.yohoboys.com/contentimg/2016/06/10/21/01bb8df0759e3d9b5547be2a4b4da6b452.jpg" data-original="http://img01.yohoboys.com/contentimg/2016/06/10/21/01bb8df0759e3d9b5547be2a4b4da6b452.jpg" style="display: block;">' +
+'<span style="color:#B2AAA4;">▲原来一开始乘过山车尖叫的正是宋小宝本人哦</span>' +
+'<div style="margin-top:10px;"></div>' +
+'<img width="640px" h="640px" "style="margin:0 auto;border:0;display:block;" class="lazy" src="http://img01.yohoboys.com/contentimg/2016/06/10/21/0176a8e77e5613af513a352bf2b1b83bf2.jpg" data-original="http://img01.yohoboys.com/contentimg/2016/06/10/21/0176a8e77e5613af513a352bf2b1b83bf2.jpg" style="display: block;">';
+
+$(document).ready(function() {
+    $('.live-info-text').html(info_text);
+});

+/* eslint-disable */
+/**
+ * Created by qiujun on 16/6/13.
+ * 分享按钮
+ * 处理页面上同时有2个二维码存在的时候微信扫码识别不了的情况
+ */
+
+
+    var share_sina_url = 'http://service.weibo.com/share/share.php?appkey=3910025296';
+    var share_qzon_url = 'http://sns.qzone.qq.com/cgi-bin/qzshare/cgi_qzshare_onekey';
+    var share_facebook_url = 'https://www.facebook.com/sharer/sharer.php';
+    var share_twitter_url = 'http://twitter.com/intent/tweet';
+    var true_yoho_img = '//img03.res.yoho.cn/blogimg/2016/06/21/18/01bec2ddcbb55247b2ac4869b3e4255286.png';
+    var fake_yoho_img = '//img03.res.yoho.cn/blogimg/2016/06/21/18/01db287fedae82aa7f0155727b0b5a0936.png';
+    var true_yohogirl_img = '//cdn.yoho.cn/yohocn/160315/images/ewm-yoho02.png';
+    var fake_yohogirl_img = '//cdn.yoho.cn/yohocn/160315/images/ewm-yoho02-no.png';
+    var touch_timeout;
+
+    $(document).ready(function() {
+        // init_share_button();
+        check_qr_touch();
+        $('.foot-arrow').click(function() { //底部箭头点击跳到顶部
+            $(document).scrollTop(0);
+        });
+    });
+
+    /**
+     * 分享按钮
+     */
+    function init_share_button() {
+        var $btn_share_sina = $('.live-share-button-sina a');
+        var $btn_share_qzone = $('.live-share-button-qzone a');
+        var $btn_share_facebook = $('.live-share-button-facebook a');
+        var $btn_share_twitter = $('.live-share-button-twitter a');
+        var local_url = document.location.href;
+        var protocol = document.location.protocol;
+        var share_url = '';
+        var share_img = $('#share').attr('cover');
+        var share_title_sina = document.title + ' @YOHO潮流志 @YOHOGIRL ';
+        var share_title_qzone = document.title + ' | 来自YOHO!';
+
+        if (share_img.indexOf('http') < 0 && share_img.indexOf('https') < 0) {
+            share_img = protocol + share_img;
+        }
+        $btn_share_sina.on('click', function() {
+            share_url = share_sina_url + '&url=' + encodeURIComponent(local_url) + '&title=' + encodeURIComponent(share_title_sina) + '&pic=' + encodeURIComponent(share_img);
+            open_share_link(share_url, 1);
+
+        });
+
+        $btn_share_qzone.on('click', function() {
+            share_url = share_qzon_url + '?url=' + encodeURIComponent(local_url) + '&title=' + encodeURIComponent(share_title_qzone) + '&pics=' + encodeURIComponent(share_img);
+            open_share_link(share_url, 2);
+        });
+
+        $btn_share_facebook.on('click', function() {
+            share_url = share_facebook_url + '?u=' + encodeURIComponent(local_url);
+            open_share_link(share_url, 3);
+        });
+
+        $btn_share_twitter.on('click', function() {
+            share_url = share_twitter_url + '?url=' + encodeURIComponent(local_url) + '&text=' + encodeURIComponent(document.title);
+            open_share_link(share_url, 4);
+        });
+
+    }
+
+    function open_share_link(url, type) {
+        if (typeof get_live_data == 'function') {
+            get_live_data(4, type); //数据统计 type= 1新浪 2Qzone，3facebook，4twitter
+        }
+        window.open(url, '_self');
+    }
+
+    /**
+     * 二维码长按
+     * 由于微信不能同时识别两个二维码，所以按一个二维码的同时把另外一个二维码给换成点击的二维码的图片
+     */
+    function check_qr_touch() {
+        var $clz_img = $('#qr_clz img');
+        var $girl_img = $('#qr_girl img');
+
+        $clz_img.on('touchstart', function() {
+            $clz_img.attr('src', true_yoho_img);
+            $girl_img.attr('src', fake_yohogirl_img);
+            /*clearTimeout(touch_timeout);
+            touch_timeout = setTimeout(function(){
+                $clz_img.attr('src',true_yoho_img);
+                $girl_img.attr('src',true_yohogirl_img);
+            },2500);*/
+        });
+
+        $clz_img.on('touchend', function() {
+            $clz_img.attr('src', true_yoho_img);
+            $girl_img.attr('src', true_yohogirl_img);
+        });
+
+        $clz_img.on('touchcancel', function() {
+            $clz_img.attr('src', true_yoho_img);
+            $girl_img.attr('src', true_yohogirl_img);
+        });
+
+        //----------------分割线---------------
+        $girl_img.on('touchstart', function() {
+            $girl_img.attr('src', true_yohogirl_img);
+            $clz_img.attr('src', fake_yoho_img);
+            /*clearTimeout(touch_timeout);
+            touch_timeout = setTimeout(function(){
+                $clz_img.attr('src',true_yoho_img);
+                $girl_img.attr('src',true_yohogirl_img);
+            },2500);*/
+        });
+
+        $girl_img.on('touchend', function() {
+            $girl_img.attr('src', true_yohogirl_img);
+            $clz_img.attr('src', true_yoho_img);
+        });
+
+        $girl_img.on('touchcancel', function() {
+            $girl_img.attr('src', true_yohogirl_img);
+            $clz_img.attr('src', true_yoho_img);
+        });
+    }
+
+    module.exports = (function(){})();

+/* eslint-disable */
+/**
+ * Created by qiujun on 16/05/24
+ * 一个所谓的video插件(伪)
+ */
+var _defaults = {
+    video_id: 'yoho_video',
+    islive: false, //是否是直播
+    width: '100%',
+    height: '100%',
+    preload: 'auto', //'auto'当页面加载后载入视频,'meta'当页面加载后载入元数据,'none'页面加载后不载入
+    autoplay: false, //'autoplay'自动播放视频,false 不自动播放
+    controls: 'controls', //'controls'显示控件,false 不显示控件
+    poster: '', //封面图片地址，不填则不显示
+    loop: false, //'loop'播放结束后自动重播,false 不重播
+    src: '', //需要播放的视频地址,可使用数组
+    loading_div: '.live-video-loading',
+    is_weixin: false,
+    is_ios: true
+};
+
+var that; //用于引用this
+var video_src;
+
+function YohoVideo($ele, options) { //构造函数
+    this.$ele = $ele;
+    this._options = options = $.extend(_defaults, options || {});
+
+    console.log(this._options);
+    this.init();
+}
+
+YohoVideo.prototype = {
+    constructor: YohoVideo,
+    init: function() {
+        that = this;
+        this.innserVideoHtml(); //初始化视频video标签的属性并插入
+        //setTimeout(this.bindEvent,500);
+        this.bindEvent(); //初始化视频各个事件
+    },
+    innserVideoHtml: function() {
+        var _options = this._options;
+        this._width = _options.width || '100%';
+        this._height = _options.height || '100%';
+        var _preload = _options.preload || false;
+        var _autoplay = _options.autoplay || false;
+        var _controls = _options.controls || false;
+        var _poster = _options.poster || false;
+        var _loop = _options.loop || false;
+        var _src = _options.src || '';
+        this._loading_div = _options.loading_div || '.live-video-loading';
+        this._video_id = _options.video_id || 'yoho_video';
+        this._islive = _options.islive || false;
+        this._is_weixin = _options.is_weixin || false;
+        this._is_ios = _options.is_ios || true;
+
+        //console.log(_width,_height,_preload,_autoplay,_controls,_poster,_loop,_src);
+        /*var video = document.createElement('video');
+        video.id = this._video_id;
+        video.setAttribute('webkit-playsinline',true);*/
+        video_src = _src;
+        var _attributes = '';
+        var _styles = '';
+        var _source = '';
+        if (this._height != undefined) {
+            _styles += ' height:' + this._height + ';';
+            //video.style.height = _height;
+        }
+        if (this._width != undefined) {
+            _styles += ' width:' + this._width + ';';
+            //video.style.width = _width;
+        }
+        if (_preload != undefined && _preload != false) {
+            _attributes += ' preload="' + _preload + '"';
+            //video.preload = _preload;
+        }
+        if (_autoplay != undefined && _autoplay != false) {
+            _attributes += ' autoplay="' + _autoplay + '"';
+            //video.autoplay = _autoplay;
+        }
+        if (_controls != undefined && _controls != false && !this._islive) {
+            _attributes += ' controls="' + _controls + '"';
+            //video.controls = _controls;
+        }
+        if (_poster != undefined && _poster != '' && _poster != false) {
+            _attributes += ' poster="' + _poster + '"';
+            //video.poster = _poster;
+        }
+        if (_loop != undefined && _loop != false) {
+            _attributes += ' loop="' + _loop + '"';
+            //video.loop = _loop;
+        }
+        if (_src != undefined && this._islive) {
+            //_attributes += ' src="' + _src + '"';
+            //video.src = _src;
+        }
+
+        var _source_html = '';
+        //console.log(this._islive);
+        if (!this._islive || this._islive) {
+            var _len = _src.length - _src.lastIndexOf('.');
+            var _type = _src.substr(_src.lastIndexOf('.') + 1, _len);
+            if (_type === 'm3u8') {
+                _type = 'application/x-mpegurl';
+            } else {
+                _type = 'video/' + _type;
+            }
+            _source_html = '<source src="' + _src + '" type="' + _type + '">';
+
+            /*var source = document.createElement('source');
+            source.src = _src;
+            source.type = _type;
+            video.appendChild(source);*/
+        }
+
+        var _video_html = '<video id="' + this._video_id + '" webkit-playsinline="true"' + _attributes + ' style="' + _styles + 'background:rgb(0,0,0)"  webkit-playsinline>' +
+            _source_html +
+            '</video>';
+        //console.log(_video_html);
+        this.$ele.html(_video_html);
+        var video = $('#' + this._video_id)[0];
+        video.allowFullScreen = false;
+        if (this._islive || _type == 'application/x-mpegurl') {
+            if (video.hasChildNodes()) {
+                var source_node = video.childNodes[0];
+                video.removeChild(source_node);
+                video.src = _src;
+                video.play();
+            }
+        } else {
+            video.play();
+        }
+
+
+        //this.$ele.append(video);
+    },
+    exitFull: function() { //退出全屏
+        var _video = $('#' + this._video_id)[0];
+
+        //var _video = this._video;
+        //alert(_video.exitFullscreen || _video.msExitFullscreen || _video.oRequestFullscreen || _video.webkitCancelFullScreen || _video.webkitExitFullscreen);
+        if (_video.exitFullScreen) {
+            _video.exitFullScreen();
+        } else if (_video.msExitFullScreen) {
+            _video.msExitFullScreen();
+        } else if (_video.mozCancelFullScreen) {
+            _video.mozCancelFullScreen();
+        } else if (document.oRequestFullscreen) {
+            document.oCancelFullScreen();
+        } else if (_video.webkitExitFullscreen) {
+            _video.webkitExitFullscreen();
+        }
+    },
+    bindEvent: function() {
+        var _video = $('#' + this._video_id)[0];
+        _video.isFullscreen = false;
+        _video.scrollLeft = 0;
+        _video.scrollTop = 0;
+        //console.log(this._width,this._height);
+        _video.scrollWidth = this._width;
+        _video.scrollHeight = this._height;
+
+        //var _video = this._video;
+        console.log('video=', _video);
+        var _msg_pannel = $(this._loading_div);
+        var _msg = _msg_pannel.find('p');
+        var _progress_count = 0;
+
+        var _error_count = 0;
+
+        //networkState:0.此元素未初始化 1.正常但没有使用网络 2.正在下载数据 3.没有找到资源
+        //readyState:
+        // 1:HAVE_NOTHING 2:HAVE_METADATA 3.HAVE_CURRENT_DATA 4.HAVE_FUTURE_DATA 5.HAVE_ENOUGH_DATA
+
+        var media_events = {
+            LOAD_START: 'loadstart',
+            PROGRESS: 'progress',
+            SUSPEND: 'suspend',
+            ABORT: 'abort',
+            ERROR: 'error',
+            EMPTIED: 'emptied',
+            STALLED: 'stalled',
+            LOADED_METADATA: 'loadedmetadata',
+            LOADED_DATA: 'loadeddata',
+            CANPLAY: 'canplay',
+            CANPLAY_THROUGH: 'canplaythrough',
+            PLAYING: 'playing',
+            WAITING: 'waiting',
+            SEEKING: 'seeking',
+            SEEKED: 'seeked',
+            ENDED: 'ended',
+            DURATIONCHANGE: 'durationchange',
+            TIMEUPDATE: 'timeupdate',
+            PLAY: 'play',
+            PAUSE: 'pause',
+            RATECHNAGE: 'ratechange',
+            VOLUMECHANGE: 'volumechange'
+        };
+
+        _video.addEventListener(media_events.ERROR, function(e) { //错误处理
+            console.log(e.type + ':' + _video.networkState);
+            if (_video.networkState === 3) {
+                if (_error_count < 10) {
+                    _error_count += 1;
+                    _video.src = video_src;
+                } else {
+                    _msg_pannel.show();
+                    _msg.text('未找到视频资源...');
+                }
+            }
+        });
+
+        _video.addEventListener(media_events.LOAD_START, function(e) { //加载开始
+            console.log(e.type + ':' + _video.networkState + ':' + _video.readyState);
+            _msg_pannel.show();
+            //_video.pause();
+
+            if (!that._is_ios) {
+                this.exitFull();
+            }
+            if (_video.networkState === 2) {
+                _msg.text('视频正在加载中');
+            }
+
+        });
+
+        _video.addEventListener(media_events.LOADED_METADATA, function(e) { //获取到视频元数据
+            console.log(e.type + ':' + _video.networkState + ':' + _video.readyState);
+            _msg.text('读取视频数据中');
+        });
+
+        _video.addEventListener(media_events.CANPLAY, function(e) { //可以播放时
+            console.log(e.type + ':' + _video.networkState + ':' + _video.readyState);
+            _msg.text('视频准备就绪' + _video.networkState + ':' + _video.readyState);
+        });
+
+        _video.addEventListener(media_events.CANPLAY_THROUGH, function(e) {
+            console.log(e.type + ':' + _video.networkState + ':' + _video.readyState);
+            _msg.text('视频准备播放');
+            if (that._islive || _video.paused) {
+                if (live_type == undefined || live_type != 2) {
+                    _video.play();
+                }
+
+            }
+            if (!that._islive) {
+                if (!that._islive) {
+                    if (that._options.callback != undefined && typeof that._options.callback == "function") {
+                        that._options.callback(_video.currentTime, e.type);
+                    }
+                }
+            }
+
+            //_msg_pannel.hide();
+        });
+
+        _video.addEventListener(media_events.PLAY, function(e) {
+            console.log(e.type);
+        });
+
+        _video.addEventListener(media_events.PLAYING, function(e) {
+            console.log(e.type);
+            //_msg.text(e.type + ':' + _video.networkState+ ':' + _video.readyState);
+            _msg_pannel.hide();
+            $btn_play.parent().hide();
+            _msg.text('视频播放中');
+            if (!that._islive) {
+                _video.controls = 'controls';
+                setTimeout(function() {
+                    _video.play();
+                }, 200);
+            }
+        });
+
+        _video.addEventListener(media_events.PAUSE, function(e) {
+            console.log(e.type + _video.networkState + ':' + _video.readyState);
+            //_video.pause();
+            //$(document).scrollTop(10);
+            _msg_pannel.hide();
+            if ($btn_play[0] && _video.paused && !_video.seeking) {
+                $btn_play.parent().show();
+            }
+
+            if (!that._islive && !_video.seeking) {
+                _video.controls = false;
+            }
+        });
+
+        _video.addEventListener(media_events.WAITING, function(e) {
+            if (that._islive) {
+                _msg_pannel.show();
+                _msg.text('视频缓冲中');
+            } else {
+                console.log('waiting');
+                if (!that._islive) {
+                    if (that._options.callback != undefined && typeof that._options.callback == "function") {
+                        that._options.callback(_video.currentTime, e.type);
+                    }
+                }
+            }
+
+        });
+
+        _video.addEventListener(media_events.PROGRESS, function(e) { //获取到数据时
+            //console.log(e.type + ':' + _video.buffered.start(0) + ',' + _video.buffered.end(0));
+            //console.log(_progress_count + ':' + _video.networkState + ':' + that._is_weixin + ':' + that._is_ios);
+            if (_video.networkState === 1 && _progress_count === 0 && that._is_weixin) {
+                //_msg.text('视频初始化中' + _video.networkState + ':' + _video.readyState);
+                _progress_count = 1;
+                if (!that.is_ios) {
+                    //_video.load();
+                }
+
+            } else if (_video.networkState === 1 && _progress_count === 0 && that._is_ios && !that._is_weixin) {
+                //_msg.text('直接播放' + _video.networkState + ':' + _video.readyState);
+                //_video.play();
+                _progress_count = 1;
+            } else {
+                _progress_count += 1;
+            }
+        });
+
+        _video.addEventListener(media_events.ABORT, function(e) {
+            console.log(e.type);
+        });
+
+        _video.addEventListener(media_events.ENDED, function(e) {
+            //console.log(that);
+            that.exitFull();
+            $('#live-state-end').show();
+        });
+
+        _video.addEventListener(media_events.TIMEUPDATE, function(e) {
+            if (!that._islive && !_video.seeking) {
+                if (that._options.callback != undefined && typeof that._options.callback == "function") {
+                    that._options.callback(_video.currentTime, e.type);
+                }
+            }
+        });
+
+
+
+        _video.addEventListener(media_events.SEEKED, function(e) {
+            if (!that._islive) {
+                if (that._options.callback != undefined && typeof that._options.callback == "function") {
+                    that._options.callback(_video.currentTime, e.type);
+                }
+            }
+        });
+
+        $(_video).on('webkitfullscreenchange', function(e) {
+
+        });
+
+        $(document).on('webkitfullscreenchange', function() {
+
+        });
+
+        if (!this._islive) {
+
+        }
+
+
+    }
+
+};
+
+//调用方式
+$.fn.yohovideo = function(options) {
+    //console.log('options=',options);
+    //options = $.extend(_defaults,options || {});
+    return new YohoVideo($(this), options);
+}
+
+module.exports = (function(){
+    
+})();

+/**
+ * Created by PhpStorm.
+ * User: Targaryen
+ * Date: 2016/7/29
+ * Time: 16:55
+ */
+var jsApiList = [
+    'checkJsApi',
+    'onMenuShareTimeline',
+    'onMenuShareAppMessage',
+    'onMenuShareQQ',
+    'onMenuShareWeibo',
+    'onMenuShareQZone'
+];
+var shareData = {
+    title: document.title,
+    link: location.href,
+    desc: 'YOHO！BLK',
+    imgUrl: 'http://img02.yohoboys.com/staticimg/2016/08/02/16/02fd39c0711f6ecb73d4a096a143e0771d.png'
+};
+
+if (/MicroMessenger/i.test(navigator.userAgent)) {
+    $.ajax({
+        url: '//res.wx.qq.com/open/js/jweixin-1.1.0.js',
+        dataType: 'script',
+        cache: true,
+        success: function() {
+            $.ajax({
+                url: '/api/wechat/share/token',
+                data: {
+                    url: location.href
+                },
+                success: function(res) {
+                    if (window.wx) {
+                        window.wx.config({
+                            debug: false,
+                            appId: res.appId,
+                            timestamp: res.timestamp,
+                            nonceStr: res.nonceStr,
+                            signature: res.signature,
+                            jsApiList: jsApiList
+                        });
+                        window.wx.ready(function() {
+                            window.wx.onMenuShareAppMessage(shareData);
+                            window.wx.onMenuShareTimeline(shareData);
+                            window.wx.onMenuShareQQ(shareData);
+                            window.wx.onMenuShareWeibo(shareData);
+                            window.wx.onMenuShareQZone(shareData);
+                        });
+                    }
+                }
+            });
+        }
+    });
+}
+module.exports = function(data) {
+    shareData = data;
+
+    if (window.wx) {
+        window.wx.onMenuShareAppMessage(shareData);
+        window.wx.onMenuShareTimeline(shareData);
+        window.wx.onMenuShareQQ(shareData);
+        window.wx.onMenuShareWeibo(shareData);
+        window.wx.onMenuShareQZone(shareData);
+    }
+};

+@import "live/index";
 .receive-coupon-page {
     * {
         margin: 0;
         padding: 0;
         font-size: 14px;
     }
-
     .bg-contain {
         width: 100%;
         height: 100%;
         position: absolute;
         background: #c4211a;
-
         img {
             width: 100%;
             height: auto;
         }
     }
-
     .page {
         width: 100%;
         height: auto;
@@ -25,7 +23,6 @@
         top: 0;
         bottom: 0;
     }
-
     .coupon-centent,
     .gain-coupon-centent {
         margin-top: 428px !important;
@@ -36,10 +33,8 @@
         overflow: hidden;
         border-radius: 0.3rem;
     }
-
     .coupon-centent {
         position: relative;
-
         .title {
             position: absolute;
             top: 40px;
@@ -49,20 +44,16 @@
             height: 57px;
             background: url("../img/coupon/coupon-title.png");
         }
-
         .under-title {
             position: absolute;
             top: 100px;
             width: 100%;
             height: 463px;
-
         }
-
         .input-content {
             height: 206px;
             margin: 30px 30px 0;
             position: relative;
-
             input {
                 height: 88px;
                 width: 100%;
@@ -75,7 +66,6 @@
                 text-align: center;
                 outline: none;
             }
-
             div {
                 height: 88px;
                 width: 100%;
@@ -86,14 +76,12 @@
                 color: #e0e0e0;
                 line-height: 88px;
             }
-
             .verification-code,
             .get {
                 background: #fff;
                 color: #444;
             }
         }
-
         .clear-input {
             position: absolute;
             padding: 10px;
@@ -103,13 +91,11 @@
             color: #666;
             z-index: 1;
         }
-
         .coupon-description {
             width: 100%;
             height: 136px;
             position: relative;
             background: url("../img/coupon/coupon-footer.png");
-
             span {
                 position: absolute;
                 bottom: 0;
@@ -119,7 +105,6 @@
             }
         }
     }
-
     .gain-coupon-centent {
         p {
             width: 100%;
@@ -129,13 +114,11 @@
             color: #fff;
             font-size: 17px;
         }
-
         p.phone {
             margin-top: 10px;
             font-size: 30px;
             font-weight: bold;
         }
-
         .coupon {
             padding-top: 50px;
             width: 90%;
@@ -143,12 +126,10 @@
             height: 220px;
             background: ##9d1a15;
         }
-
         .coupon img {
             width: 100%;
             height: auto;
         }
-
         .use-coupon-btn {
             height: 88px;
             line-height: 88px;
@@ -158,7 +139,6 @@
             text-align: center;
             border-radius: 4px;
         }
-
         span {
             font-weight: bold;
             display: inline-block;
@@ -170,13 +150,11 @@
             margin: 0 40%;
             background: url("../img/coupon/activity-description.png");
         }
-
         a {
             color: #fff;
             font-size: 28px;
         }
     }
-
     .dialog {
         width: 84%;
         height: 410px;
@@ -187,7 +165,6 @@
         top: 235px;
         z-index: 2;
     }
-
     .dialog .close {
         width: 40px;
         height: 40px;
@@ -200,16 +177,13 @@
         line-height: 40px;
         text-align: center;
     }
-
     .hidden {
         display: none;
     }
-
     .phone-error {
         text-align: center;
         line-height: 14rem;
     }
-
     .mask {
         width: 100%;
         height: 100%;
@@ -221,13 +195,11 @@
         left: 0;
         z-index: 1;
     }
-
     .activity-message {
         width: 100%;
         height: 410px;
         overflow: scroll;
     }
-
     .activity-message h3 {
         width: 100%;
         height: 40px;
@@ -237,7 +209,6 @@
         font-size: 32px;
         text-align: center;
     }
-
     .activity-message p {
         width: 85%;
         height: auto;
@@ -245,11 +216,9 @@
         margin: 0 auto;
         font-size: 26px;
         line-height: 40px;
-
         padding-left: 26px;
         text-indent: -26px;
     }
-
     .messages {
         width: 84%;
         height: 4rem;
@@ -262,12 +231,10 @@
         z-index: 2;
         color: #fff;
     }
-
     .messages p {
         line-height: 4rem;
         font-size: 24px;
     }
-
     .tip-wrap {
         width: 100%;
         height: 100%;
@@ -277,7 +244,6 @@
         left: 0;
         z-index: 3;
     }
-
     .tip {
         width: 100%;
         height: 100%;
@@ -285,7 +251,6 @@
         position: absolute;
         top: 0;
         left: 0;
-
         .header {
             width: 170px;
             height: 170px;
@@ -294,7 +259,6 @@
             margin-right: auto;
             background: url("../img/coupon/unfortunately.png");
         }
-
         .title {
             margin-top: 30px;
             font-size: 28px;
@@ -303,7 +267,6 @@
             margin-left: auto;
             margin-right: auto;
         }
-
         .logo {
             width: 391px;
             height: 78px;
@@ -312,12 +275,10 @@
             margin-right: auto;
             background: url("../img/coupon/logo.png");
         }
-
         .desc {
             font-size: 24px;
             color: #444;
         }
-
         .button {
             display: block;
             margin: 30px auto;
@@ -332,4 +293,6 @@
     }
 }
 
+
 @import "student";
+@import "live/index";

+$titlebg: #ededed;
+$white: #fff;
+$black: #444;
+$red: #d0021b;
+$gray: #b0b0b0;
+$border: #e0e0e0;
+
+.head_margin {
+    height: 30px;
+    width: 100%;
+    border-bottom: 1px solid $border;
+}
+
+.liverec {
+    width: 640px;
+    overflow: hidden;
+
+    &_child {
+        position: relative;
+        width: 50%;
+        float: left;
+        border-right: 1px solid $border;
+        overflow: hidden;
+    }
+
+    &_pic {
+        height: 320px;
+        width: 320px;
+        background: gray;
+    }
+
+    .pre-living {
+        position: absolute;
+        top: 30px;
+        left: 30px;
+        height: 35px;
+        padding: 0 10px;
+        border: 2px solid $white;
+        border-radius: 20px;
+        color: $white;
+        font-size: 22px;
+        text-align: center;
+        line-height: 1.5;
+    }
+
+    .living {
+        position: absolute;
+        top: 30px;
+        left: 30px;
+        height: 35px;
+        width: 70px;
+        background: $red;
+        border-radius: 15px;
+        color: $white;
+        font-size: 22px;
+        text-align: center;
+        line-height: 1.5;
+    }
+    
+    &_tag {
+        font-size: 20px;
+        line-height: 1.2;
+        color: $black;
+        overflow: hidden;
+        white-space: nowrap;
+        text-overflow: ellipsis;
+    }
+}
+
+.liverec_info {
+    padding: 20px 10px 20px 30px;
+}
+
+.liverec_head {
+    float: left;
+    width: 60px;
+    height: 60px;
+    margin-right: 20px;
+    border-radius: 50%;
+}
+
+.liverec_pannel {
+    line-height: 1;
+    overflow: hidden;
+}
+
+.liverec_name {
+    font-size: 26px;
+    margin-bottom: 14px;
+    color: $black;
+    line-height: 1.2;
+
+    .name-name {
+        display: inline-block;
+        max-width: 105px;
+        text-overflow: ellipsis;
+        overflow: hidden;
+        white-space: nowrap;
+    }
+
+    .name-tag {
+        display: inline-block;
+        float: right;
+        font-size: 18px;
+        height: 26px;
+        max-width: 100%;
+        line-height: 26px;
+        padding: 0 8px;
+        text-align: center;
+        background: $black;
+        border-radius: 20px;
+        color: $white;
+        vertical-align: top;
+        white-space: nowrap;
+        text-overflow: ellipsis;
+    }           
+}
+
+.living_title {
+    width: 640px;
+    height: 80px;
+    text-align: center;
+    line-height: 80px;
+    color: $black;
+    background: $titlebg;
+    font-size: 32px;
+}
+
+.liveliving {
+    header {
+        position: relative;
+        height: 102px;
+        width: 640px;
+        border-top: 1px solid $border;
+        border-bottom: 1px solid $border;
+        overflow: hidden;
+    }
+
+    .main-head {
+        position: absolute;
+        top: 20px;
+        left: 30px;
+        height: 60px;
+        width: 60px;
+        border-radius: 50%;
+    }
+
+    .header-info {
+        position: absolute;
+        top: 20px;
+        left: 110px;
+        right: 0;
+
+        .main-name {
+            font-size: 26px;
+            color: $black;
+            margin-bottom: 14px;
+            line-height: 1.2;
+            overflow: hidden;
+            white-space: nowrap;
+            text-overflow: ellipsis;
+        }
+
+        .main-tag {
+            font-size: 20px;
+            color: $gray;
+            line-height: 1.2;
+            overflow: hidden;
+            white-space: nowrap;
+            text-overflow: ellipsis;
+        }
+    }
+
+    section {
+        position: relative;
+        height: 640px;
+        width: 640px;
+
+        .record-icon {
+            position: absolute;
+            top: 50%;
+            left: 50%;
+            height: 100px;
+            width: 101px;
+            margin-left: -50px;
+            margin-top: -50px;
+            background: url("/activity/record-icon.png");
+        }
+
+        .main-bg {
+            height: 100%;
+            width: 100%;
+        }
+
+        .main-living {
+            position: absolute;
+            top: 30px;
+            left: 30px;
+            height: 35px;
+            width: 70px;
+            background: $red;
+            border-radius: 20px;
+            color: $white;
+            font-size: 22px;
+            text-align: center;
+            line-height: 1.5;
+        }
+
+        .main-intro {
+            position: absolute;
+            bottom: 75px;
+            left: 30px;
+            font-size: 28px;
+            color: $white;
+            display: -webkit-box;
+            overflow: hidden;
+            word-break: break-all;
+            -webkit-box-orient: vertical;
+            -webkit-line-clamp: 1;
+        }
+
+        .main-people {
+            position: absolute;
+            bottom: 22px;
+            left: 30px;
+            height: 40px;
+            width: 185px;
+            font-size: 19px;
+            background: rgba(4, 4, 4, 0.5);
+            border-radius: 20px;
+            line-height: 40px;
+        }
+
+        .people-icon {
+            margin-top: 10px;
+            margin-left: 17px;
+            display: inline-block;
+            height: 18px;
+            width: 16px;
+            background: url("/activity/people.png") no-repeat center center;
+        }
+
+        .eye-icon {
+            margin-top: 10px;
+            margin-left: 15px;
+            display: inline-block;
+            height: 17px;
+            width: 23px;
+            background: url("/activity/eye.png") no-repeat center center;
+        }
+
+        .people-sum {
+            display: inline-block;
+            font-size: 22px;
+            color: $white;
+        }
+    }
+}
+
+.live-list {
+    width: 640px;
+
+    .title {
+        width: 100%;
+        height: 80px;
+        text-align: center;
+        line-height: 80px;
+        color: $black;
+        background: $titlebg;
+        font-size: 32px;
+    }
+
+    .pre-list {
+        position: relative;
+        height: 190px;
+        width: 100%;
+        border-bottom: 1px solid $titlebg;
+
+        a {
+            display: inline-block;
+            height: 100%;
+            width: 100%;
+        }
+
+        .pre-pic {
+            position: absolute;
+            top: 20px;
+            left: 37px;
+            height: 150px;
+            width: 150px;
+        }
+
+        .pre-icon {
+            position: absolute;
+            top: 20px;
+            left: 220px;
+            height: 35px;
+            width: 70px;
+            border: 2px solid $black;
+            border-radius: 20px;
+            font-size: 22px;
+            line-height: 1.5;
+            text-align: center;
+            color: $black;
+        }
+
+        .pre-time {
+            position: absolute;
+            top: 20px;
+            left: 310px;
+            color: $black;
+            font-size: 24px;
+            line-height: 35px;
+        }
+
+        .pre-pannel {
+            position: absolute;
+            top: 77px;
+            left: 220px;
+            right: 0;
+        }
+
+        .pre-title {
+            font-size: 28px;
+            color: $black;
+            line-height: 1.2;
+            margin-bottom: 12px;
+        }
+
+        .pre-cast {
+            font-size: 22px;
+            color: $gray;
+            line-height: 100%;
+            overflow: hidden;
+            white-space: nowrap;
+            text-overflow: ellipsis;
+        }
+    }
+}

+@import "entry";
+@import "play";
+@import "player";
\ No newline at end of file

+.live-state {
+    display: none;
+    position: absolute;
+    z-index: 200;
+    top: 0;
+    right: 0;
+    bottom: 0;
+    left: 0;
+    width: 100%;
+    max-width: 100%;
+    min-height: 100vh;
+    color: white;
+    overflow: auto;
+    &.is-no-start .live-state-inner {
+        box-sizing: border-box;
+        padding-bottom: 220px;
+    }
+    .live-btn-close {
+        z-index: 200;
+    }
+}
+
+
+.live-state-inner {
+    min-height: 100%;
+    overflow: hidden;
+    background-size: 100% 100%;
+}
+
+.live-state__txt {
+    width: 428px;
+    font-size: 31px;
+    line-height: 1;
+    padding: 20px 0;
+    border-top: 1px solid #fff;
+    border-bottom: 1px solid #fff;
+    margin: 571px auto 34px;
+    text-align: center;
+}
+
+.live-state-info {
+    li,
+    .title {
+        margin-bottom: 32px;
+    }
+    .val {
+        font-size: 26px;
+        margin-bottom: 13px;
+    }
+    .label,
+    .name {
+        font-size: 19px;
+    }
+    .audience .val {
+        font-size: 51px;
+    }
+    .duration,
+    .favorite {
+        width: 50%;
+        float: left;
+        .inner {
+            text-align: center;
+        }
+    }
+    .duration .inner {
+        margin-right: 62px;
+    }
+    .favorite .inner {
+        margin-left: 62px;
+    }
+    .avatar {
+        display: block;
+        width: 112px;
+        height: 112px;
+        border-radius: 50%;
+        margin-bottom: 24px;
+        border: none;
+        outline: none;
+    }
+    .name {
+        display: inline-block;
+        font-size: 20px;
+        margin-bottom: 42px;
+        width: 50%;
+    }
+    .title {
+        max-width: 70%;
+        font-size: 29px;
+        margin-left: auto;
+        margin-right: auto;
+        overflow: hidden;
+        text-overflow: ellipsis;
+        white-space: nowrap;
+    }
+    .begin-time {
+        font-size: 24px;
+    }
+}
+
+.live-btn-close,
+.live-btn-share {
+    position: absolute;
+    top: 25px;
+    width: 52px;
+    height: 52px;
+    text-align: center;
+    color: #fff;
+    border-radius: 50%;
+    background-color: rgba(0, 0, 0, 0.4);
+}
+
+.live-btn-close {
+    z-index: 100;
+    right: 25px;
+    .iconfont {
+        font-size: 38px;
+    }
+}
+
+.live-btn-share {
+    display: none;
+    z-index: 100;
+    right: 100px;
+    .iconfont {
+        font-size: 28px;
+        line-height: 46px;
+    }
+}
+
+.live-wrapper {
+    .avatar1 {
+        background-image: resolve('activity/live/live/head_1.png');
+    }
+    .avatar2 {
+        background-image: resolve('activity/live/live/head_2.png');
+    }
+    .avatar3 {
+        background-image: resolve('activity/live/live/head_3.png');
+    }
+    .avatar4 {
+        background-image: resolve('activity/live/live/head_4.png');
+    }
+    .avatar5 {
+        background-image: resolve('activity/live/live/head_5.png');
+    }
+
+    .avatar1,
+    .avatar2,
+    .avatar3,
+    .avatar4,
+    .avatar5{
+        background-position: center center;
+        background-size: contain;
+    }
+    .float-layer {
+        height: 128px;
+        background: rgba(68, 68, 68, 0.95);
+        position: fixed;
+        width: 100%;
+        bottom: 0;
+        left: 0;
+        z-index: 9999;
+        padding: 20px 0;
+        .float-layer-left {
+            padding-left: 44px;
+            overflow: hidden;
+            float: left;
+            img {
+                height: 44px;
+                float: left;
+                margin-right: 20px;
+            }
+            p {
+                float: left;
+                font-size: 32px;
+                height: 88px;
+                line-height: 88px;
+                color: white;
+            }
+            .yoho-icon {
+                float: left;
+                margin-right: 10px;
+                font-size: 44px;
+                line-height: 88px;
+                width: 88px;
+                height: 88px;
+                text-align: center;
+                color: #fff;
+                border-radius: 20px;
+                background-image: linear-gradient(#323232, #0f0f0f);
+            }
+        }
+    }
+    #float-layer-close {
+        position: absolute;
+        left: 0;
+        top: 0;
+        width: 100px;
+        height: 100px;
+        .close-icon {
+            position: absolute;
+            left: 0;
+            top: 0;
+            color: #C0C0C0;
+            z-index: 2;
+        }
+    }
+    #float-layer-btn {
+        position: absolute;
+        top: 50%;
+        right: 15px;
+        font-size: 32px;
+        padding: 0 10px;
+        height: 54px;
+        line-height: 54px;
+        background: white;
+        border-radius: 5px;
+        margin-top: -26px;
+        -webkit-tap-highlight-color: rgba(0, 0, 0, 0.5);
+        &:link,
+        &:visited,
+        &:hover,
+        &:actived {
+            color: #000;
+        }
+    }
+    .circle-rightbottom {
+        position: absolute;
+        width: 50px;
+        height: 0px;
+        border: 0 solid #323232;
+        border-bottom: 50px solid #323232;
+        border-radius: 0 0 50px 0;
+    }
+}

+.live-wrapper {
+    position: relative;
+    width: 100%;
+    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
+    /*touch-action: pan-y;
+    user-select: none;
+    user-drag: none;
+    tap-highlight-color: rgba(0, 0, 0, 0);*/
+}
+
+.live-main {
+    position: relative;
+    width: 100%;
+    height: 100vh;
+    margin: 0 auto;
+    max-width: 720px;
+}
+
+/*----------视频内容部分----------*/
+.live-video-main {
+    overflow: hidden;
+    position: relative;
+    width: 100%;
+    height: 100%;
+    user-select: none;
+    background-repeat: no-repeat;
+    /*background-position: 50% 50%;*/
+    background-size: auto 100%;
+
+}
+
+.live-video-cover {
+    display: block;
+    position: absolute;
+    width: 100%;
+    height: 100%;
+    left: 0;
+    top: 0;
+}
+
+.live-video-play-button {
+    display: block;
+    position: absolute;
+    width: 4rem;
+    height: 4rem;
+    left: 50%;
+    top: 50%;
+    margin-left: -2rem;
+    margin-top: -2rem;
+    border: 0px solid #ffffff;
+    border-radius: 2.5rem;
+    border-radius: 2.5rem;
+
+    .img {
+        background: rgba(0, 0, 0, 0.5) resolve('activity/live/live/btn_play.png') center center;
+        background-size: contain;
+        border-radius: 50%;
+        width: 165px;
+        height: 165px;
+    }
+}
+
+.live-loading-container {
+    display: none;
+    position: absolute;
+    z-index: 100;
+    top: 0;
+    right: 0;
+    bottom: 0;
+    left: 0;
+}
+.live-loading-cover {
+    position: absolute;
+    top: 0;
+    right: 0;
+    bottom: 0;
+    left: 0;
+    filter: blur(5px);
+    background-size: cover;
+}
+
+.live-video-loading {
+    position: absolute;
+    z-index: 200;
+    width: 100%;
+    height: 5rem;
+    left: 0;
+    top: 50%;
+    margin-top: -2.5rem;
+    text-align: center;
+}
+
+.live-video-loading .img {
+    position: relative;
+    width: 153px;
+    height: 110px;
+    margin: 0 auto;
+    background: resolve('activity/live/live/live-loading.gif') no-repeat;
+    background-size: contain;
+}
+
+.live-video-loading p {
+    font-size: 0.8rem;
+    color: #ffffff;
+    line-height: 1.2rem;
+}
+
+#live_touch_layer {
+    position: absolute;
+    top: 0;
+    right: 0;
+    bottom: 0;
+    left: 0;
+}
+
+/*----------播放器----------*/
+.video_container {
+    position: absolute;
+    width: 100%;
+    height: 100%;
+    z-index: 1;
+    overflow: hidden;
+
+}
+
+.video_player {
+    position: absolute;
+    top: 0;
+    right: 0;
+    bottom: 0;
+    left: 0;
+    z-index: 0;
+    /*top: -3.2rem;*/
+}
+
+/*:-webkit-full-screen video {
+    width: 100%;
+    height: 100%;
+}
+
+:-moz-full-screen video {
+    width: 100%;
+    height: 100%;
+}*/
+
+/*----------播放器结束----------*/
+
+.live-app-open {
+    position: absolute;
+    width: 17rem;
+    height: 1.5rem;
+    font-size: 0.8rem;
+    line-height: 1.5rem;
+    color: #ffffff;
+    bottom: 0.5rem;
+    left: 50%;
+    margin-left: -8.5rem;
+    background-color: #000000;
+    text-align: center;
+    border-radius: 0.3rem;
+    -webkit-border-radius: 0.3rem;
+
+}
+
+/*----------用户聊天----------*/
+.live-chat-pannel {
+    position: absolute;
+    right: 0;
+    left: 0;
+    bottom: 3rem;
+    z-index: 2;
+}
+
+.live-chat-mask {
+    position: absolute;
+    width: 100%;
+    height: 100%;
+    background: linear-gradient(rgba(255, 255, 255, 0), #ffffff);
+}
+
+.live-chat-pannel ul {
+    padding: 0 3.8rem 0 1rem;
+    overflow: hidden;
+}
+
+.live-chat-pannel ul li {
+    margin-top: 0.25rem;
+    overflow: hidden;
+}
+
+.live-item1 {
+    display: inline-block;
+    padding: 0.3rem 0.3rem;
+    border-radius: 0.3rem;
+    background-color: rgba(255, 255, 255, 0.6);
+    color: #000000;
+    font-size: 0.6rem;
+}
+
+.live-item2 {
+    position: relative;
+    min-height: 2.5rem;
+    padding-left: 1.75rem;
+    display: inline-block;
+    color: #ffffff;
+    border-radius: 0.3rem;
+    background-color: rgba(0, 0, 0, 0.32);
+    font-size: 0.6rem;
+
+}
+
+.live-replay {
+    font-size: 22px;
+    color: #a9adb9;
+    margin-bottom: 3px;
+    display: inline-block;
+}
+
+.live-item2_1 {
+    float: left;
+    word-break: break-all;
+    padding: 0.45rem 0.3rem 0.3rem 0.3rem;
+    line-height: 1.2;
+    font-size: 22px;
+    font-weight: lighter;
+    color: rgba(255,255,255,0.8);
+    overflow: hidden;
+}
+
+.live-item2_2 {
+    word-break: break-all;
+    word-wrap: break-word;
+    font-size: 26px;
+    line-height: 1.2;
+    font-weight: normal;
+    color: #FFFFFF;
+}
+
+.live-item2 img {
+    position: relative;
+    left: 0;
+    top: 0;
+    display: inline-block;
+    width: 2.5rem;
+    height: 100%;
+}
+
+.live-item2-head {
+    position: absolute;
+    left: 0;
+    top: 0;
+    display: inline-block;
+    width: 1.7rem;
+    height: 100%;
+    overflow: hidden;
+    border-radius: 0.3rem 0 0 0.3rem;
+    -webkit-border-radius: 0.3rem 0 0 0.3rem;
+}
+
+.live-like-pannel {
+    display: none;
+    position: absolute;
+    right: 25px;
+    bottom: 130px;
+    width: 110px;
+    text-align: center;
+    color: #ffffff;
+    text-shadow: 0 0 5px black;
+    font-weight: bold;
+}
+
+.live-like-pannel .like-main {
+    width: 110px;
+    height: 110px;
+    background: resolve('activity/live/live/like_icon1.png') no-repeat;
+    background-size: contain;
+}
+
+.live-like-pannel span {
+    position: relative;
+    display: inline-block;
+    padding: 0;
+}
+
+.animate_pannel .like-icon {
+    position: absolute;
+    width: 1.5rem;
+    height: 1.5rem;
+    /*left: 50%;
+    top: 50%;
+    margin-left: -0.75rem;
+    margin-top: -3rem;*/
+
+    transform: translateX(0.5rem) translateY(-1rem);
+}
+
+.animate_pannel {
+    position: absolute;
+    width: 100%;
+    height: 100%;
+    left: 0;
+    top: 0;
+}
+
+.scroll_animate_1 {
+    animation: scroll_up_1 1.5s linear 1 forwards;
+}
+
+.scroll_animate_2 {
+    animation: scroll_up_2 1.6s linear 1 forwards;
+}
+
+.scroll_animate_3 {
+    animation: scroll_up_3 1.8s linear 1 forwards;
+}
+
+@keyframes scroll_up_1 {
+    0% {
+        /*margin-left: -0.75rem;*/
+        /*margin-top: -3rem;*/
+        transform: translateX(0.5rem) translateY(-1rem);
+        opacity: 1;
+    }
+    50% {
+        transform: translateX(-1rem) translateY(-5rem);
+        opacity: 0.5;
+    }
+    100% {
+        /*margin-left: 0.75rem;
+        margin-top: -8rem;*/
+        transform: translateX(1.5rem) translateY(-9rem);
+        opacity: 0;
+    }
+}
+
+@keyframes scroll_up_2 {
+    0% {
+        /*margin-left: -0.75rem;
+        margin-top: -3rem;*/
+        transform: translateX(0.5rem) translateY(-1rem);
+        opacity: 1;
+    }
+    50% {
+        transform: translateX(2rem) translateY(-5rem);
+        opacity: 0.5;
+    }
+    100% {
+        /*margin-left: -1.5rem;
+        margin-top: -8rem;*/
+        transform: translateX(-0.5rem) translateY(-9rem);
+        opacity: 0;
+    }
+}
+
+@keyframes scroll_up_3 {
+    0% {
+        /*margin-left: -0.75rem;
+        margin-top: -3rem;*/
+        transform: translateX(0.5rem) translateY(-1rem);
+        opacity: 1;
+    }
+    100% {
+        /*margin-left: -0.75rem;
+        margin-top: -8rem;*/
+        transform: translateX(0.5rem) translateY(-9rem);
+        opacity: 0;
+    }
+}
+
+/*----------直播状态----------*/
+.live-status {
+    position: absolute;
+    z-index: 100;
+    top: 30px;
+    right: 3rem;
+    left: 30px;
+    color: #ffffff;
+    font-size: 0.7rem;
+    font-weight: bold;
+    text-shadow: 0 0 5px black;
+}
+
+.live-status .img {
+    width: 70px;
+    height: 70px;
+    float: left;
+    margin-right: 16px;
+    background: resolve('activity/live/live/app_logo.png') no-repeat;
+    background-size: contain;
+}
+
+.live-time {
+    position: relative;
+    font-size: 26px;
+    line-height: 28px;
+    margin: 10px 0;
+}
+
+.live-status span {
+    display: inline-block;
+}
+
+.live-status .title {
+    font-size: 22px;
+    line-height: 44px;
+    margin-top: 38px;
+    padding: 0 26px;
+    float: left;
+    border-radius: 14px;
+    background: rgba(0, 0, 0, 0.25);
+}
+
+.live-num {
+    position: relative;
+    font-size: 22px;
+    line-height: 1;
+}
+
+/*-----------直播结束DIV----------*/
+.live-end {
+    display: none;
+    position: absolute;
+    width: 100%;
+    height: 100%;
+    bottom: 0;
+    z-index:30;
+}
+
+.live-end-bg {
+    position: absolute;
+    width: 100%;
+    height: 100%;
+    left: 0;
+    top: 0;
+    background-color: rgba(0, 0, 0, 0.8);
+    filter: blur(5px); /* Chrome, Opera */
+    -moz-filter: blur(5px);
+}
+
+.live-end img {
+    position: relative;
+    margin-top: 12rem;
+}
+
+.live-end-audiencenum {
+    position: absolute;
+    width: 100%;
+    top: 15.5rem;
+    text-align: center;
+    color: #ffffff;
+    overflow: hidden;
+}
+
+.live-end-audiencenum p {
+    font-size: 1.5rem;
+    line-height: 1.5rem;
+    font-weight: bold;
+}
+
+.live-end-audiencenum span {
+    font-size: 0.7rem;
+    line-height: 0.7rem;
+    font-weight: lighter;
+}
+
+.live-end-videolength {
+    position: absolute;
+    width: 20%;
+    top: 19.5rem;
+    left: 20%;
+    text-align: center;
+    color: #ffffff;
+    overflow: hidden;
+}
+
+.live-end-videolength p, 
+.live-end-videolength span {
+    font-size: 0.7rem;
+    line-height: 0.7rem;
+    font-weight: lighter;
+}
+
+.live-end-likenum {
+    position: absolute;
+    width: 20%;
+    top: 19.5rem;
+    right: 20%;
+    text-align: center;
+    color: #ffffff;
+    overflow: hidden;
+}
+
+.live-end-likenum p, 
+.live-end-likenum span {
+    font-size: 0.7rem;
+    line-height: 0.7rem;
+    font-weight: lighter;
+}
+
+.white-space {
+    position: relative;
+    width: 100%;
+    height: 1.5rem;
+}
+
+/*----------资讯部分----------*/
+.live-info-main {
+    position: relative;
+    width: 100%;
+    margin-top: 0;
+
+}
+
+/*-----资讯直播图-----*/
+.live-info-poster {
+    position: relative;
+    width: 100%;
+    height: 10.7rem;
+    overflow: hidden;
+}
+
+.live-info-status-container {
+    position: absolute;
+    width: 100%;
+    height: 1rem;
+    color: #ffffff;
+    left: 0;
+    top: 0rem;
+}
+
+.live-info-status {
+    position: relative;
+    float: left;
+    width: 2rem;
+    height: 1rem;
+    font-size: 0.7rem;
+    text-align: center;
+    line-height: 1rem;
+    background-color: rgba(0, 0, 0, 1);
+}
+
+.live-info-users {
+    position: relative;
+    float: left;
+    padding-left: 0.5rem;
+    width: 10rem;
+    height: 1rem;
+    font-size: 0.7rem;
+    text-align: left;
+}
+
+.live-info-user-icon {
+    position: relative;
+    float: left;
+    width: 0.375rem;
+    height: 1rem;
+    line-height: 1rem;
+}
+
+.live-info-user-num {
+    position: relative;
+    float: left;
+    padding-left: 0.5rem;
+    height: 1rem;
+    line-height: 1rem;
+    text-align: left;
+}
+
+.live-info-playbutton {
+    position: absolute;
+    width: 100%;
+    height: 100%;
+    left: 0;
+    top: 0;
+}
+
+/*-----资讯直播图结束-----*/
+
+/*-----资讯标题，类型-----*/
+.live-info-content {
+    position: relative;
+    width: 100%;
+    margin-top: 0.5rem;
+}
+
+.live-info-title {
+    position: relative;
+    width: 16.25rem;
+    margin: 0 auto;
+    font-size: 1rem;
+    font-weight: bold;
+}
+
+.live-info-type {
+    position: relative;
+    width: 16.25rem;
+    height: 1rem;
+    margin: 0.2rem auto;
+    color: #999999;
+}
+
+.live-info-type span {
+    display: block;
+    width: 100%;
+    font-size: 0.7rem;
+    line-height: 1rem;
+}
+
+.live-info-type > span a {
+    font-size: 0.7rem;
+    display: inline-block;
+    color: inherit;
+}
+
+.live-info-text {
+    display: block;
+    position: relative;
+    width: 16.25rem;
+    margin: 0.5rem auto;
+    font-size: 0.8rem;
+    word-wrap: break-word;
+    line-height: 1.4rem;
+}
+
+.live-info-text p{
+    font-size: 0.8rem;
+}
+
+.live-info-text span {
+    font-size: 0.8rem;
+}
+
+/*----------资讯标签----------*/
+.live-info-tags {
+    position: relative;
+    width: 16.25rem;
+    margin: 0.5rem auto;
+}
+
+.live-info-tags ul {
+    height: auto;
+    font-size: 0.7rem;
+    zoom: 1;
+}
+
+.live-info-tags ul:after {
+    /*用于清除浮动的一种方法*/
+    clear: both;
+    content: '';
+    display: block;
+    width: 0;
+    height: 0;
+    visibility: hidden;
+}
+
+.live-info-tags ul li {
+    float: left;
+    height: 1.2rem;
+    line-height: 1.2rem;
+    text-align: center;
+    margin-right: 0.3rem;
+    margin-top: 0.5rem;
+    background-color: #F2F2F2;
+
+}
+
+.live-info-tags ul li a {
+    color: #000000;
+    font-weight: lighter;
+    padding: 0 0.3rem 0 0.3rem;
+}
+
+/*----------资讯部分结束----------*/
+

@@ -23,6 +23,7 @@
 @import "coupon";
 @import "discount-list";
 @import "left-right";
+@import "three-picture";
 
 .mobile-container {
     margin-left: auto;

+.three-picture {
+    padding: 0 0 24px 24px;
+    border-bottom: 1px solid #e0e0e0;
+    background: #fff;
+
+    a {
+        float: left;
+        width: 182px;
+        height: 238px;
+        margin-right: 24px;
+
+        &:nth-child(3n) {
+            margin-right: 0;
+        }
+    }
+
+    img {
+        width: 100%;
+        height: 100%;
+    }
+}

@@ -6,6 +6,7 @@
 @import "layout/swiper";
 @import "layout/header";
 @import "layout/footer";
+@import "layout/utils";
 @import "common/index";
 @import "channel/index";
 @import "product/index";

@@ -44,14 +44,6 @@ a {
     outline: none;
 }
 
-.hide {
-    display: none;
-}
-
-.overflow-hidden {
-    overflow: hidden;
-}
-
 .main-wrap {
     position: relative;
     margin-right: auto;
@@ -62,8 +54,8 @@ a {
 
 @font-face {
     font-family: "iconfont";
-    src: resolve('iconfont.eot'); /* IE9 */
-    src: resolve('iconfont.eot?#iefix') format('embedded-opentype'), resolve('iconfont.woff') format('woff'), resolve('iconfont.ttf') format('truetype'), resolve('iconfont.svg#iconfont') format('svg'); /* iOS 4.1- */
+    src: resolve("iconfont.eot"); /* IE9 */
+    src: resolve("iconfont.eot?#iefix") format("embedded-opentype"), resolve("iconfont.woff") format("woff"), resolve("iconfont.ttf") format("truetype"), resolve("iconfont.svg#iconfont") format("svg"); /* iOS 4.1- */
 }
 
 .iconfont {
@@ -95,12 +87,12 @@ a {
 }
 
 .order-failure {
-    background-image: resolve('common/order-good.jpg');
+    background-image: resolve("common/order-good.jpg");
     background-size: 100%;
 }
 
 .good-failure {
-    background-image: resolve('common/order-good.jpg');
+    background-image: resolve("common/order-good.jpg");
     background-position-x: 40%;
     background-size: 132px !important;
 }

+.text-center {
+    text-align: center;
+}
+
+.pull-left {
+    float: left;
+}
+
+.pull-right {
+    float: right;
+}
+
+.hide {
+    display: none;
+}
+
+.show {
+    display: block !important;
+}
+
+.overflow-hidden {
+    overflow: hidden;
+}
+
+.text-overflow {
+    overflow: hidden;
+    white-space: nowrap;
+    text-overflow: ellipsis;
+}
\ No newline at end of file

@@ -39,6 +39,12 @@ module.exports = {
         path: path.join(__dirname, 'bundle'), // absolute path
         filename: '[name].js'
     },
+    resolve: {
+        alias: {
+            common: path.join(__dirname, 'js/common'),
+            plugin: path.join(__dirname, 'js/plugins')
+        }
+    },
     plugins: [
         new webpack.optimize.OccurenceOrderPlugin(),
         new webpack.optimize.CommonsChunkPlugin({