<!DOCTYPE html>
<html>
<head>
<!-- pc 回放 标准形态 -->
    <script type="text/javascript">
(function(window){
    var xmlHttpRequest;
    /**
     * @param  {String}  errorMessage   错误信息
     * @param  {String}  scriptURI      出错的文件
     * @param  {Long}    lineNumber     出错代码的行号
     * @param  {Long}    columnNumber   出错代码的列号
     * @param  {Object}  errorObj       错误的详细信息，Anything
     */
    //定义一个全局img对象，初始值为null
    window.logImg = sessionStorage.getItem('log_url');
    window.onerror = function(errorMessage, scriptURI, lineNumber,columnNumber,errorObj) {
        //如果当前页面已经提交过日志，则丢弃掉onerror里的操作
        var log_url = 'http://pingback.e.vhall.com/js.gif?type=js';
        log_url += '&errorMessage=';
        log_url += errorMessage?encodeURIComponent(errorMessage):'0';
        log_url += '&importance=';
        log_url += errorMessage.indexOf('not defined') > -1?'p1':'p2';
        log_url += '&scriptURI=';
        log_url += scriptURI?encodeURIComponent(scriptURI):'0';
        log_url += '&lineNumber=';
        log_url += lineNumber?encodeURIComponent(lineNumber):'0';
        log_url += '&columnNumber=';
        log_url += columnNumber?encodeURIComponent(columnNumber):'0';
        log_url += '&errorObj=';
        log_url += errorObj?encodeURIComponent(errorObj):'0';
        log_url += '&log_url=';
        log_url += encodeURIComponent(location.href);
        sendLog(log_url);
    };

    function sendLog (url) {
        //再次判断img对象，只有不存在的情况下，才提交日志，保证当前页面只提交一次
        if(window.logImg!=url){
            img = new Image();
            img.src = url;
            sessionStorage.setItem('log_url',url);
        }
    }
})(window);
var console = console || {
    log: function() {
        return false;
    }
};
</script>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
    <meta http-equiv="x-dns-prefetch-control" content="on" />
    <meta name="renderer" content="webkit">
    <link rel="dns-prefetch" href="//cnstatic01.e.vhall.com/3rdlibs" />
    <link rel="dns-prefetch" href="//cnstatic01.e.vhall.com/static" />
    <title>华为&amp;商海科技 AI赋能城市治理之城管、交通联合解决方案分享</title>
    <meta property="og:image" content="http://cnstatic01.e.vhall.com/upload/webinars/img_url/48/ae/48ae3e6be27c507b5e751d1f2104eb50.png?x-oss-process=image/resize,w_320,h_180" />
    <meta name="keywords" content="华为&amp;商海科技 AI赋能城市治理之城管、交通联合解决方案分享 微吼直播 金融直播" />
    <meta name="description" content="华为&amp;商海科技 AI赋能城市治理之城管、交通联合解决方案分享 是由微吼直播为你准备的，全网最高清与流畅的直播，欢迎在线观看，直播简介：&lt;p&gt;&lt;img src=&quot;//cnstatic01.e.vhall.com/upload/webinars/img_url/a9/cd/a9cd27d37159b042b2b162e47824fbb4.png&quot; alt=&quot;233bb64ae5defb545275df4e40e1247&quot; style=&quot;max-width:100%;&quot;&gt;&lt;br&gt;&lt;/p&gt;&lt;p&gt;&lt;br&gt;&lt;/p&gt;" />
    <link rel="stylesheet" href="//cnstatic01.e.vhall.com/3rdlibs/mCustomScrollbar/3.0.8/jquery.mCustomScrollbar.min.css"/>
	<link rel="stylesheet" href="//cnstatic01.e.vhall.com/static/css/swiper.min.css" type="text/css"/>
    <link rel="stylesheet" href="//cnstatic01.e.vhall.com/static/css/project/watch/join.css?v=20201029"/>
    <script src="//cnstatic01.e.vhall.com/3rdlibs/jquery/1.11.2/jquery.min.js"></script>
    <script src="//cnstatic01.e.vhall.com/3rdlibs/jquery-ui/jquery-ui-1.9.2.custom.min.js"></script>
    <script src="//cnstatic01.e.vhall.com/static/js/utils/player_2_1_3.js?v=20200519"></script>
    <link rel="stylesheet" href="//cnstatic01.e.vhall.com/static/css/project/watch/share.css">
    <link rel="stylesheet" href="//cnstatic01.e.vhall.com/vhall-new-saas/static/iconfont/iconfont.css">
    <link rel="stylesheet" href="//cnstatic01.e.vhall.com/static/css/jq_ui.css"/>
    <link rel="stylesheet" href="//cnstatic01.e.vhall.com/static/css/delFlash.css?a=20210425-6"/>

    <script type="text/javascript">

    var is_playback=1;
    var pageinfo = window.pageinfo = {
                'appName': '',
                'domain': '//live.vhall.com',
                'static_url': '//cnstatic01.e.vhall.com/static',
                'upload_url': '//cnstatic01.e.vhall.com/upload',
                'log_service': 'http://log.vhall.com:9101/gelf',
                'doc_url': '//cnstatic01.e.vhall.com/document',
                'webinar_id': '777390051',
                'webinar_type': '3',
                'isMobile': '',
                'refer': '',
                'share_id': 'v-730291387',
                'chat_srv': 'chat01.e.vhall.com',
                'chat_port': '',
                'chat_url': '//api-msg.e.vhall.com/pub/index',
                'watchDisplay': '0',
                'thirdlib_url': '//cnstatic01.e.vhall.com/3rdlibs',
                'static_domain': 'cnstatic01.e.vhall.com',
                'api_domain': 'https://e.vhall.com',
                'is_interact': '0',
                'show_order_panel': '0',
                'open_huawei': '0',
                'base_online_num': '0',
                'is_gag': '0',
                'join_uid': '544160471',
                'join_uname': 'u1827157031',
                'matchTheLink': '0',
                'like': '{&quot;id&quot;:&quot;208106&quot;,&quot;webinar_id&quot;:&quot;777390051&quot;,&quot;nums&quot;:&quot;667&quot;,&quot;hand_nums&quot;:0,&quot;type&quot;:&quot;0&quot;,&quot;created_at&quot;:&quot;2020-04-29 15:00:31&quot;,&quot;updated_at&quot;:&quot;2020-04-29 16:08:09&quot;,&quot;total_nums&quot;:667}',
                'sessionId': '54416047116269376191258',
                'join_avatar': '',
                'role': 'user',
                'scrolling_text': '',
                'watermark': '',
                'against_url': '//gslb.e.vhall.com/',
                'invite_qr_url': 'http://live.vhall.com/mywebinar/invite-card/777390051/544160471',
                'reportedData': '{&quot;vid&quot;:&quot;43043136&quot;,&quot;vfid&quot;:&quot;43043136&quot;,&quot;guid&quot;:&quot;v_730291387&quot;,&quot;vtype&quot;:&quot;\u91d1\u878d&quot;,&quot;topic&quot;:&quot;&quot;,&quot;host&quot;:&quot;http:\/\/la.e.vhall.com\/login&quot;,&quot;bu&quot;:&quot;0&quot;}',
                'msg_url': '//alhlsvodhls01.e.vhall.com//vhallrecord/777390051/20200429161242_2026968/cuepoint.msg',
                'ppt_msg': '',
                'cdnServers': '%5B%7B%22name%22%3A%22%5Cu7ebf%5Cu8def1%22%2C%22srv_audio%22%3A%22%2F%2Falhlsvodhls01.e.vhall.com%2F%2Fvhallrecord%2F777390051%2F20200429161242_2026968%2Frecord_audio.m3u8%22%2C%22srv_360p%22%3A%22%22%2C%22srv_480p%22%3A%22%22%2C%22srv%22%3A%22%2F%2Falhlsvodhls01.e.vhall.com%2F%2Fvhallrecord%2F777390051%2F20200429161242_2026968%2Frecord.m3u8%22%7D%2C%7B%22name%22%3A%22%5Cu7ebf%5Cu8def2%22%2C%22srv_audio%22%3A%22%2F%2Falhlsvodhls01.e.vhall.com%2F%2Fvhallrecord%2F777390051%2F20200429161242_2026968%2Frecord_audio.m3u8%22%2C%22srv_360p%22%3A%22%22%2C%22srv_480p%22%3A%22%22%2C%22srv%22%3A%22%2F%2Falhlsvodhls01.e.vhall.com%2F%2Fvhallrecord%2F777390051%2F20200429161242_2026968%2Frecord.m3u8%22%7D%5D',
                'against_token': '8868CDFC_Mjc3NzE1MDM3XzYxMDI1MzkzX056YzNNemt3TURVeF9OVFEwTVRZd05EY3hfdm9k',
                'defaultDef': 'HD',
                'quality': 'same,a',
                'player_type': '2',
                'is_gaglist': [],
        'is_chat': "0",
        'hide_powered' : 1 ,
        'visitor_reward' :  0 ,
        'is_self' :  0 ,
        'is_login' :  0 ,
        'isFlashVR': 0 ,
        'whiteBoard' : 0,
        'flash_doc_url' : "//cnstatic01.e.vhall.com/player/EpicDocPlayer4.0.10.3.swf",
        'flash_whiteBoard_url': "//cnstatic01.e.vhall.com/player/EpicBoardPlayer4.0.9.2.swf",
        'flash_video_url' : "//cnstatic01.e.vhall.com/player/EpicVodPlayer4.2.3.8.swf",
        'qrcode_domain': "//aliqr.e.vhall.com/qr.png?t=",
        'host_uid':"43043136",
        upload_file_path:"//cnstatic01.e.vhall.com/upload/",
        owner_name:decodeURIComponent('%E5%8D%8E%E4%B8%BA'),
        'is_new_version':"1",
        'host_uid':"43043136",
        'img_uploadurl':"//cnstatic01.e.vhall.com/upload",
        "welcome_content":decodeURIComponent(''),
        "chat_assistant_change_guest": 0 ,
        "double_lan_type": 0,
        "webinar_layout": 3,
        "ui_auto_player": 0
    };
    var Reg = navigator.userAgent.match(/chrome\/(\d+\.\d+)/i)
    var RegSafari = /Safari/.test(navigator.userAgent) && !/Chrome/.test(navigator.userAgent)
    if(Reg && Reg[1] >= 74 || RegSafari){
        // use H5
        pageinfo.isWebkit = true
    }else{
        // use flash
        pageinfo.isWebkit = false
    }
    pageinfo.isLive = false
    pageinfo.user_avatar = pageinfo.join_avatar;
    var flashvars = {
                'pid':'777390051',
                'uid':'544160471',
                'media_src_type':'',
                'hide_powered':'1',
                'seekPosition':'0',
                'scene_id':'0',
                'videoMode':'0',
                'sessionId':'54416047116269376191258',
                'upload_url':'//cnstatic01.e.vhall.com/upload',
                'scrolling_text':'',
                'watermark':'',
                'against_url':'//gslb.e.vhall.com/',
                'reportedData':'%7B%22vid%22%3A%2243043136%22%2C%22vfid%22%3A%2243043136%22%2C%22guid%22%3A%22v_730291387%22%2C%22vtype%22%3A%22%5Cu91d1%5Cu878d%22%2C%22topic%22%3A%22%22%2C%22host%22%3A%22http%3A%2F%2Fla.e.vhall.com%2Flogin%22%2C%22bu%22%3A%220%22%7D',
                'doc_srv':'//cnstatic01.e.vhall.com/document',
                'media_srv':'//alhlsvodhls01.e.vhall.com',
                'bufferTime':'10',
                'streamname':'//alhlsvodhls01.e.vhall.com//vhallrecord/777390051/20200429161242_2026968/record.m3u8',
                'msg_url':'//alhlsvodhls01.e.vhall.com//vhallrecord/777390051/20200429161242_2026968/cuepoint.msg',
                'playItem':'%5B%7B%22default%22%3A%7B%22server%22%3A%22%2F%2Falhlsvodhls01.e.vhall.com%22%2C%22file%22%3A%22%2F%2Falhlsvodhls01.e.vhall.com%2F%2Fvhallrecord%2F777390051%2F20200429161242_2026968%2Frecord.m3u8%22%7D%7D%5D',
                'skinUrl':'http://cnstatic01.e.vhall.com/player/plugins/VhallVodPlayerSkin_v3.0.3.1.swf',
                'cdnServers':'%5B%7B%22name%22%3A%22%5Cu7ebf%5Cu8def1%22%2C%22srv_audio%22%3A%22%2F%2Falhlsvodhls01.e.vhall.com%2F%2Fvhallrecord%2F777390051%2F20200429161242_2026968%2Frecord_audio.m3u8%22%2C%22srv_360p%22%3A%22%22%2C%22srv_480p%22%3A%22%22%2C%22srv%22%3A%22%2F%2Falhlsvodhls01.e.vhall.com%2F%2Fvhallrecord%2F777390051%2F20200429161242_2026968%2Frecord.m3u8%22%7D%2C%7B%22name%22%3A%22%5Cu7ebf%5Cu8def2%22%2C%22srv_audio%22%3A%22%2F%2Falhlsvodhls01.e.vhall.com%2F%2Fvhallrecord%2F777390051%2F20200429161242_2026968%2Frecord_audio.m3u8%22%2C%22srv_360p%22%3A%22%22%2C%22srv_480p%22%3A%22%22%2C%22srv%22%3A%22%2F%2Falhlsvodhls01.e.vhall.com%2F%2Fvhallrecord%2F777390051%2F20200429161242_2026968%2Frecord.m3u8%22%7D%5D',
                'lineType':'1',
                'streamType':'1',
                'against_token':'8868CDFC_Mjc3NzE1MDM3XzYxMDI1MzkzX056YzNNemt3TURVeF9OVFEwTVRZd05EY3hfdm9k',
                'defaultDef':'HD',
                'quality':'same,a',
                '__end' : ''
    };
    console.log(flashvars);
    if (!Array.prototype.indexOf) {
        Array.prototype.indexOf = function(elt /*, from*/ ) {
            var len = this.length >>> 0;
            var from = Number(arguments[1]) || 0;
            from = (from < 0) ? Math.ceil(from) : Math.floor(from);
            if (from < 0)
                from += len;
            for (; from < len; from++) {
                if (from in this &&
                    this[from] === elt)
                    return from;
            }
            return -1;
        };
    }
    if (!document.implementation.hasFeature("html", "5")) {
        document.createElement("header");
        document.createElement("menu");
        document.createElement("section");
        document.createElement("nav");
        document.createElement("time");
        document.createElement("aside");
        document.createElement("article");
        document.createElement("footer");
    }
    </script>

    <style>

    .type-box .type-list ul li a{
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
        max-width: 73px;
    }
        
    </style>
    </head>
<style>
#delFlashVideo {
    position: relative;
    height: 100%;
    /* min-height: 168px; */
}

</style>
<!-- <body class="widescreen"> -->
<body class="widescreen-1600">
            <div class="popup v39-recordbox"  id="start-confirm" style='display:none;margin-left: -170px;margin-top: -80px;' >
        <div class='recordboxHeader' style="text-align: left;"><span>提示</span></div>
        <div class="popbody text-center">
            <p class="f-12 tips" style="margin: 20px;">您已进入直播间，马上参与互动吧</p>
            <p class="btnsbox">
                <a class="v3-btn btndefault confirm primary" style=" padding: 0 10px;">立即开始</a>
            </p>
        </div>
    </div>
    <section class="watch-container" data-init="playbacker">
        <link rel="stylesheet" href="//cnstatic01.e.vhall.com/static/css/project/watch/share.css">
<div class="watch-header inner-center">
    <div class="watch-header-logo"></div><!--皮肤logo-->
        <h3>华为&amp;商海科技 AI赋能城市治理之城管、交通联合解决方案分享<span class="tag-webinar-type playback">回放</span>
                <div class="fr watch-pv"><span class="v-js-live"></span>&nbsp;次观看</div></h3>
    	        <div class="clearfix block-userinfo">
        <div class="fl"  style="display: none;" >主办方：<span><a class="v-blue" target="_blank" href="//e.vhall.com/user/home/43043136">华为</a></span>&nbsp;&nbsp;&nbsp;&nbsp;</div>
        <div class="fl">时间：2020-04-29 15:00</div>
                <div class="fr qrcode">
            <span><i class="wx-icon"></i>微信公众号</span>
            <div class="qr-wrap">
                <img src="" alt="">
            </div>
        </div>
        <!-- 双语 -->
                <div class="fr head-r-toolbar share-toolbar" style="margin-right:0;">
            <a href="javascript:void(0);" id="feedback" class="report"><i></i>反馈</a>
                    </div>
    </div>
</div>
<script>
    $(document).ready(function(){
        var watch_Stat_Num = 1610;
        watch_Stat_Num = watch_Stat_Num<10000?watch_Stat_Num:Math.floor(watch_Stat_Num/1000)/10+'万';
        $(".v-js-live").html(watch_Stat_Num);
    })
</script>
<script type="text/javascript">
    $(document).ready(function(){
        function closeShare(){
            $('.new-share-box').hide()
            $('.new-share-box-wrapper').hide()
        }
        $('.new-share-box .mini-tab').click(function(){
            if($(this).hasClass('active')){
                return
            }
            $(this).addClass('active').siblings().removeClass('active')
            $('.new-share-box .new-share-mini-qr').show()
            $('.new-share-box .new-share-wechat-qr').hide()
        })
        $('.new-share-box .wechat-tab').click(function(){
            if($(this).hasClass('active')){
                return
            }
            $(this).addClass('active').siblings().removeClass('active')
            $('.new-share-box .new-share-mini-qr').hide()
            $('.new-share-box .new-share-wechat-qr').show()
        })
        $('#share-weixin-Modal').on('show.bs.modal',function(e){
            $('#shareModal').modal('hide')
        })
        $('#copy-link-btn').on('click',function(){
            var url = $(this).prev()
            url.select();
            document.execCommand('copy');
            closeShare()
            popup.msg({
                content: "复制成功！",
                shade: 0
            });
        })
        //获取小程序码
        $.ajax({
            url : "/wechat/watch/qrcode",
            type : "post",
            data : {
                page: 'pages/guide/guide',
                scene: pageinfo.webinar_id
            },
            success : function (res) {
                if (res.code == 200) {
                    var miniQrSrc = pageinfo.upload_url + '/'+ res.data.src
                    console.log('miniQrSrc=========================', miniQrSrc)
                    $('.new-share-mini-qr').attr('src',miniQrSrc)
                }
            }
        });
            $('.new-share-box .popup-close').click(function(){
                $('.new-share-box').hide()
                $(".new-share-box-wrapper").hide();
            })
            $('.new-share-box-wrapper').click(function(){
                $(".new-share-box-wrapper").hide();
                $('.new-share-box').hide()
            })
    })
</script>
        <div class="watch-body inner-center" id='watch_plack'>
            <div class="td watch-banner watch-big-section">
                <div class="flash-video ">
                    <div class="video-box" >
                        <div class='replaceImgBox' style='display: none'>
                            <img src="//cnstatic01.e.vhall.com/static/img/replacePause.png" alt="" srcset="">
                        </div>
                        <div id='delFlashVideo' style='display: none'>
                            <p class='delSwitchBox'>
                                <i class='iconfont iconfuzhi delSwitch'>
                                    <span >切换</span>
                                </i>
                            </p>
                            <div class='videoFail' style='display: none'>
                                <p class='transcoding'>视频转码中，请联系活动主办方</p>
                            </div>
                            <div class='delTotal' style='display:none'>
                                已为您切换到 <span></span>
                            </div>
                            <div class='delLoadingBox' style='display: none'>
                                <p class='onceAgainPlayer' style='display:none'><span>重播</span></p>
                                <img style='display:none' class='delLoading' src="//cnstatic01.e.vhall.com/static/images/delFlash/load.gif" alt="">
                            </div>
                            <div class='audioBox' style='display: none'>
                                <img src="//cnstatic01.e.vhall.com/static/images/delFlash/audioBg.png?" alt="">
                                <p>
                                    <img src="//cnstatic01.e.vhall.com/static/images/delFlash/bg2x.png?" alt="">
                                    <span>
                                        语音播放中...
                                    </span>
                                </p>
                            </div>
                            <div class='icon-box'>
                                <i class='del_icon del_player iconfont iconbofang'></i>
                                <div id="time_slider">
                                    <span class='timeShow'></span>
                                </div>
                                <div class='playTime'><span class='onlyTime'></span> / <span class='allTime'></span></div>
                                <i class='del_icon iconfont iconquanping fr playScreen'></i>
                                <div class="volume-box fr">
                                    <i style="color: #ECECEC"
                                        class='iconSound del_icon iconfont iconyinliangicon'
                                    ></i>
                                    <div class='volume_sliderBox'  style='display:none'>
                                        <div id="volume_slider">
                                            <span class='volumeShow'></span>
                                        </div>
                                    </div>
                                </div>
                                <div class='qualityBox fr'>
                                    <p class='qua'>原画</p>
                                    <ul class='qualityArr' style='display:none'></ul>
                                </div>
                                <div class='speedBox fr'>
                                    <p class='qua spe'>倍速</p>
                                    <ul class='qualityArr speedArr' style='display:none'></ul>
                                </div>
                            </div>
                        </div>
                        <!-- flash video -->
                        <div id="flashVideo"></div>
                    </div>
                                            <div class='doc_box' style='display:none'>
                            <div class='doc_content'>
                            <div class='canvasBox canvasBoard'>
                                <img src="" id="audio-ppt" class='vhall_img_can'>
                                <canvas id="board-unscreen" style='position: absolute;top: 0;left: 0;width: 100%; height:100%;'></canvas>
                            </div>
                            <div class='canvasBox canvasWhite' style='display:none'>
                                <img src="//cnstatic01.e.vhall.com/static/img/mobile/blankspace.jpg" id="audio-ppt" class='vhall_img_can'>
                                <canvas id="white-unscreen" style='position: absolute;top: 0;left: 0;width: 100%; height:100%;' width='695' height='521'></canvas>
                            </div>
                        </div>
                        <p class='vhall_icon_arr'>
                            <i class=' iconfont iconfangda'>
                                <span>放大</span>
                            </i>
                            <i class=' iconfont iconsuoxiao'>
                                <span>缩小</span>
                            </i>
                            <i class=' iconfont iconhuanyuan'>
                                <span>还原</span>
                            </i>
                            <i class=' iconfont toggerQuanbing open iconquanping'>
                                <span>全屏</span>
                            </i>
                            <i class=' iconfont toggerQuanbing close iconquanpingguanbi' style='display:none'>
                                <span>退出全屏</span>
                            </i>
                        </p>
                    </div>
                    <!-- flash文档 -->
                    <div class="doc-box">
                        <div id="blankSpace"></div>
                        <div id="flashDoc"></div>
                    </div>
                                    </div>
                <div class="watch-toolbar">
                    <!--分享直播,begin-->
                                        <a href="javascript:;" class="fl app-live-share">
                        <i style="width: 18px;height: 18px;"></i>
                        分享直播
                    </a>
                                        <!-- <div  class="live-share-popbox">
                        <span class="live-share-popbox-angluar"></span>
                        <em></em>
                        <div>
                            <div class="live-share-popbox-scan">
                                <img  src="//aliqr.e.vhall.com/qr.png?t=http://live.vhall.com/777390051" />
                                <span>手机扫码观看</span>
                            </div>
                            <div class="live-share-popbox-share-to">
                                <span>呼唤小伙伴前来围观吧</span>
                                <ul>
                                    <li>
                                        <a class="share_button_weixin"  href="javascript:;" title="分享到微信">
                                            <img  src="//cnstatic01.e.vhall.com/static/images/watch/live-share-wechat.png?v=20170515">
                                        </a>
                                    </li>
                                    <li>
                                        <a class="share_button_tsina"  href="javascript:;"  title="分享到新浪微博">
                                            <img src="//cnstatic01.e.vhall.com/static/images/watch/live-share-weibo.png?v=20170515">
                                        </a>
                                    </li>
                                    <li>
                                        <a class="share_button_qq" href="javascript:;"  title="分享到QQ空间">
                                            <img src="//cnstatic01.e.vhall.com/static/images/watch/live-share-qq.png?v=20170515">
                                        </a>
                                    </li>
                                </ul>
                            </div>
                        </div>
                        <div class="live-share-popbox-share-link">
                            <span>分享链接</span>
                            <input type="text" readonly="readonly" value="http://live.vhall.com/777390051" name="copy-link-txt" id="copy-link-txt">
                            <button id="copy-link-btn" data-clipboard-target="copy-link-txt" >复制</button>
                        </div>
                    </div> -->
<!-- 小程序分享 -->
            <div class="new-share-box-wrapper">
            </div>
            <div class="new-share-box fade alert-dialog  modal-item" id="shareModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true" style="display: none">
                <div class="modal-dialog">
                    <div class="modal-content">
                        <div class="modal-header">
                            <span class="popup-close" onclick="closeShare"></span>
                        </div>
                        <div class="share-text">分享</div>
                        <div class="modal-body clearfix">
                            <ul class="item tab">
                                <li class="mini-tab active">小程序观看</li>
                                <li class="wechat-tab">微信观看</li>
                            </ul>
                            <div class="item qr">
                                <img class="new-share-mini-qr"  width="136" height="136" src="" alt="二维码加载失败"/>
                                <img class="new-share-wechat-qr" style="display:none;" width="136" height="136" src="//aliqr.e.vhall.com/qr.png?t=http://live.vhall.com/777390051" alt="二维码加载失败"/>
                            </div>
                            <div class="item link">
                                <div>
                                <input type="text" readonly="readonly" value="http://live.vhall.com/777390051" name="copy-link-txt" id="copy-link-txt">
                    <button id="copy-link-btn" data-clipboard-target="copy-link-txt" >复制</button>
                                </div>
                            </div>
                            <div class="share">
                                <span class="share-text2">分享到</span>
                                <a class="share_button_qq" href="javascript:;"  title="分享到QQ空间">
                                    <span class="img qq"></span>
                                    <span>QQ</span>
                                </a>

                                <a class="share_button_tsina"  href="javascript:;"  title="分享到新浪微博">
                                    <span class="img wb"></span>
                                    <span>微博</span>
                                </a>
                                <a class="share_button_weixin"  href="javascript:;" title="分享到微信"  style="background-image: none">
                                    <span class="img wx"></span>
                                    <span>微信</span>
                                </a>

                            </div>
                        </div>
                    </div>
                </div>
            </div>
                    <!--分享直播,end-->
                    <!--a href="javascript:;" class="fl app-qrcode-share">
                        <i></i>
                        扫码观看
                        <div class="qrcode" id="qrcode">
                            <img src="" width="124" height="124">
                            <div class="triangle"></div>
                        </div>
                    </a>
                    <a href="javascript:;" class="fl question-report"><i></i>问题反馈</a-->
                    <!--a href="javascript:;" class="fr rss-zan"><i></i><span class="zan-nums">200</span></a-->

                                                            <a href="javascript:;" class="fr rss-pay"><i></i><span class="rss-reward-down"><img class="" src="//cnstatic01.e.vhall.com/static/img/reward-pay-down.png"></span></a>
                                                            <!--gifts box button,begin-->
                    <a href="javascript:void(0);" class="fr gifts-box-door" id="gifts-box-door">
                        <!-- <img  src="//cnstatic01.e.vhall.com/static/images/watch/gift-icon.png" /> -->
                    </a>
                                        <!--gifts box button,end-->
                    <!--礼物box,begin-->
                    <div id="gifts-boxs" class="gifts-boxs">
                        <a href="javascript:;" class="fr gifts-icon">
                            <img  src="//cnstatic01.e.vhall.com/static/images/watch/tmp-gift.jpg" />
                            <div class="gifts-box">
                                <div>
                                    <div class="gifts-box-icon">
                                        <img src="//cnstatic01.e.vhall.com/static/images/watch/tmp-gift.jpg" />
                                    </div>
                                    <div class="gifts-box-info">
                                        <div>名称：<span>豪华摩的</span></div>
                                        <div>价格：<span  style="color:#ff911a;">¥99.99</span></div>
                                        <button id="gifts-send-btn-0" value="赠送" gift-info="" >赠送</button>
                                    </div>
                                    <span class="gifts-box-angular"></span>
                                    <em></em>
                                </div>
                            </div>
                        </a>
                        <a href="javascript:;" class="fr gifts-icon">
                            <img  src="//cnstatic01.e.vhall.com/static/images/watch/tmp-gift.jpg" />
                            <div class="gifts-box g2">
                                <div>
                                    <div class="gifts-box-icon">
                                        <img src="//cnstatic01.e.vhall.com/static/images/watch/tmp-gift.jpg" />
                                    </div>
                                    <div class="gifts-box-info">
                                        <div>名称：<span>豪华摩的</span></div>
                                        <div>价格：<span  style="color:#ff911a;">¥99.99</span></div>
                                        <button id="gifts-send-btn-1" gift-info="" >赠送</button>
                                    </div>
                                    <span class="gifts-box-angular"></span>
                                    <em></em>
                                </div>
                            </div>
                        </a>
                        <a href="javascript:;" class="fr gifts-icon">
                            <img  src="//cnstatic01.e.vhall.com/static/images/watch/tmp-gift.jpg" />
                            <div class="gifts-box g3">
                                <div>
                                    <div class="gifts-box-icon">
                                        <img src="//cnstatic01.e.vhall.com/static/images/watch/tmp-gift.jpg" />
                                    </div>
                                    <div class="gifts-box-info">
                                        <div>名称：<span>豪华摩的</span></div>
                                        <div>价格：<span  style="color:#ff911a;">¥99.99</span></div>
                                        <button id="gifts-send-btn-2" gift-info="">赠送</button>
                                    </div>
                                    <span class="gifts-box-angular"></span>
                                    <em></em>
                                </div>
                            </div>
                        </a>
                        <a href="javascript:;" class="fr gifts-icon">
                            <img  src="//cnstatic01.e.vhall.com/static/images/watch/tmp-gift.jpg" />
                            <div class="gifts-box g4">
                                <div>
                                    <div class="gifts-box-icon">
                                        <img src="//cnstatic01.e.vhall.com/static/images/watch/tmp-gift.jpg" />
                                    </div>
                                    <div class="gifts-box-info">
                                        <div>名称：<span  >豪华摩的</span></div>
                                        <div>价格：<span  style="color:#ff911a;">¥99.99</span></div>
                                        <button id="gifts-send-btn-3" gift-info="" >赠送</button>
                                    </div>
                                    <span class="gifts-box-angular"></span>
                                    <em></em>
                                </div>
                            </div>
                        </a>
                    </div>
                                        <!--礼物box,end-->
                    <div class="zan-animation"></div>
                </div>
            </div>
            <div class="td watch-timeago watch-interaction">
                <div class="play-box-right">
                    <div class="v-poster">

                    </div>
                    <input type="hidden" id="poster_img_url" value="//cnstatic01.e.vhall.com/upload/">
                                        <div class="flash-box">
                        <div class="flash-box-btn">
                            <span class="fl"><a class="move" href="javascript:;"></a></span>
                            <span class="fr"><a class="close" href.delSwitch="javascript:;"></a></span>
                        </div>
                        <div class="flash">
                        </div>
                    </div>
                    
                                        <div class="type-box">
                        <div class="type-list">
                            <ul class="clearfix">
                                                                <li><span class="new new-tips hide">·</span><a class="" href="javascript:;" msg-type="1">聊天</a></li>
                                                                <li class="playback-qa hide"><span class="new new-tips hide">·</span><a href="javascript:;" msg-type="2">问答</a></li>
                                <!--<li><span class="new new-tips hide">·</span><a href="javascript:;" msg-type="4">公告</a></li>-->
                            </ul>
                        </div>
                    </div>
                    <div class="chat-box">
                        <div class="chartlist">
                            <ul class="jscontent chatmsg hide">
                            </ul>
                            <ul class="jscontent qa hide">
                            </ul>
                            <!--<ul class="jscontent announcement hide">-->
                            <!--</ul>-->
                            <ul class="jscontent rankinglist hide" style="display: none !important;">
                            	<ul class="v-ranklists-tab clearfix">
                            		                            		                            	</ul>
                                <!-- 邀请榜 -->
                            	<div class="v-ranges v-invite clearfix">
                            		                            			<a href="javascript:;" class="v-invite-btn">邀请好友观看</a>
                            		<div class="v-ranges-detail" >
                            			                            			<ul class="v-user-rang v-invite-rank">
                            				<!--<li class="myself clearfix">
                            					<span class="v-rang">8</span>
                            					<span class="v-name">高温2</span>
                            					<span class="v-invite-num">347人</span>
                            				</li>-->
                            			</ul>
                            		</div>
                            	</div>
                                <!-- 打赏榜 -->
                            	<div class="v-ranges v-reward clearfix" style="display:none;">
                            		                            		<div class="v-ranges-detail" >
                            			                            			<ul class="v-user-rang v-reward-rank">
                            				<!--<li class="myself clearfix">
                            					<span class="v-rang">8</span>
                            					<span class="v-name">高温2</span>
                            					<span class="v-invite-num">347人</span>
                            				</li>-->
                            			</ul>
                            		</div>
                            	</div>
                            </ul>
                        </div>
                    </div>
                    <div class="send-box hide send-cxs">
                        <div class="send-box-btn clearfix">
                            <a class="face" href="javascript:;"></a>
                            <div class="filter-msg" title="只看主办方消息"></div>
                        </div>
                        <div class="clearfix text-box">
                                                        <div class="chat-login">
                                <span class="red">登录</span>参与互动
                            </div>
                                                        <a id="jssend" class="send" href="javascript:;" send-type="1">发送</a>
                        </div>
                    </div>
                                    </div>
            </div>
        </div>
    </section>
    <section class="area-bottom-section">
        <div class="area-bottom inner-center clearfix">
            <div class="product-area"></div>
            <script>
           var subjectName= '预告';
    </script>
<link rel="stylesheet" href="//cnstatic01.e.vhall.com/static/css/project/menu/menu.css?v=20200829">
<div class="desc-area advs-area area-section custom-pc">
    <div class="desc-tab">
        <!--<span class="active" id="detailId">活动简介</span>-->
        <!--<span class="subject-tab-btn" style="display: none;">所属专题</span>-->
    </div>
    <div class="desc desc-tab-0" id="introduction" data-template-name='/webinar/introduction' style="display: none;">
                <p><img src="//cnstatic01.e.vhall.com/upload/webinars/img_url/a9/cd/a9cd27d37159b042b2b162e47824fbb4.png" alt="233bb64ae5defb545275df4e40e1247" style="max-width:100%;"><br></p><p><br></p>
    </div>
    <!--<style>-->
        <!--.v-pagination-box *{-->
            <!--box-sizing: border-box;-->
        <!--}-->
        <!--.v-pagination-box{margin:15px 27px;text-align:right}.v-pagination-box li{display:inline-block;height:22px;background:#f1f1f1;border:1px solid #d2d2d2;border-radius:4px;margin-left:5px;cursor:pointer}.v-pagination-box li a{color:#666;padding:0 6.5px}.v-pagination-box li a.disabled{cursor:not-allowed}.v-pagination-box li a.v_js_next{display:inline-block;width:24px;height:24px;color:transparent !important;background:url(//cnstatic01.e.vhall.com/static/images/vhall3.0/pre_next.png?v=Zm22M6twqnpG4JxxvZ6OGA%3D%3D) no-repeat -36px -39px}.v-pagination-box li a.v_js_pre{display:inline-block;width:24px;height:24px;color:transparent !important;background:url(//cnstatic01.e.vhall.com/static/images/vhall3.0/pre_next.png?v=Zm22M6twqnpG4JxxvZ6OGA%3D%3D) no-repeat -2px -39px}.v-pagination-box li.active{background-color:#7db7f0;border-color:#7db7f0}.v-pagination-box li.active a{color:#fff}.v-pagination-box li.active a.v_js_next{background-position:-36px -5px}.v-pagination-box li.active a.v_js_pre{background-position:-2px -5px}.v-pagination-box li.active:hover{border-color:#7db7f0}.v-pagination-box li.active:hover a{color:#fff}.v-pagination-box li.active:hover a.v_js_next{background-position:-36px -5px}.v-pagination-box li.active:hover a.v_js_pre{background-position:-2px -5px}.v-pagination-box li:hover{border-color:#999}.v-pagination-box li:hover a{color:#666}.v-pagination-box li:hover a.v_js_next{background-position:-36px -5px}.v-pagination-box li:hover a.v_js_pre{background-position:-2px -5px}.v-pagination-box li.disabled{cursor:default;border-color:#d2d2d2}.v-pagination-box li.disabled a{cursor:default;color:#999;opacity:0.3}.v-pagination-box li.disabled a.v_js_next{background-position:-36px -39px}.v-pagination-box li.disabled a.v_js_pre{background-position:-2px -39px}-->
    <!--</style>-->
    <!--<div class="desc-tab-1" style="padding-top: 20px;">-->
        <!--<div class="subject-box"></div>-->
        <!--<div class='all-events text-center v-pagination-box' id="subject-pagination">-->
            <!--<ul id="ul-pagination">-->
            <!--</ul>-->
        <!--</div>-->
    <!--</div>-->
    <div class="desc desc-tab-2">
        <div class="tab-pane page-custom">
            <div class="custom-box pc-custom-box pc-detail" id="pc-custom-box">
                <script id="pcMenuUnitId" type="text/html">
                    ((each components as item idx))
                    ((if item.component_id == 1))
                    <div unit-type="1" class="unit-templet img" title="图文">
                        <div class="content">
                            ((if item.content == ''))
                            图文组件
                            ((else))
                            ((item.content))
                            ((/if))
                        </div>
                    </div>
                    ((/if))
                    ((if item.component_id == 2))
                    <div unit-type="2" class="unit-templet rq-code img" title="二维码">
                        ((if item.isDefault))
                        <img src="((item.imageSrc))" hrc="((item.imageSrc))">
                        ((else))
                        <img src="((baseUrl+'/'+item.imageSrc))" hrc="((item.imageSrc))">
                        ((/if))
                    </div>
                    ((/if))
                    ((if item.component_id == 3))
                    <div unit-type="3" class="unit-templet video" title="直播">
                        <ul class='list-content'>
                            ((each item.items as unit idx))
                            <li class='v35-activity-card mb'>
                                <div class='card-top'>
                                    ((if unit.type == 2))
                                    <span class='card-status sub'>
                                                                                    预告
                                                                            </span>
                                    ((else if unit.type == 1))
                                    <span class='card-status live'>直播</span>
                                    ((else if unit.type == 3 && unit.is_demand == 0 && unit.auto_record == 0))
                                    <span class='card-status end'>结束</span>
                                    ((else if unit.type == 3 && unit.is_demand == 1))
                                    <span class='card-status demand'>点播</span>
                                    ((else if unit.type == 3 && unit.auto_record == 1 && unit.is_demand == 0))
                                    <span class='card-status playback'>回放</span>
                                    ((/if))
                                    <a target='_blank' href='/((unit.id))'>
                                        <img class="live-play-icon" src="//cnstatic01.e.vhall.com/static/img/mobile/play_.png">
                                        ((if unit.img_url))
                                        <img src="((baseUrl+'/'+unit.img_url))">
                                        ((else))
                                        <img src="//cnstatic01.e.vhall.com/static/img/v35-webinar.png">
                                        ((/if))
                                        <div class="num">
                                                                                        <div class="view_num"><i class="num-icon view-icon-h5-2"></i>((unit.num))</div>
                                                                                        ((if unit.verify == 0))
                                            <span class='card-type hide'>免费</span>
                                            ((else if unit.verify == 1 ))
                                            <span class='card-type'>密码</span>
                                            ((else if unit.verify == 2 ))
                                            <span class='card-type'>白名单</span>
                                            ((else if unit.verify == 3))
                                            <span class='card-type'>付费</span>
                                            ((else if unit.verify == 4))
                                            <span class='card-type'>邀请码</span>
                                            ((else if unit.verify == 5))
                                            <span class='card-type'>注册表单</span>
                                            ((else if unit.verify == 6))
                                            <span class='card-type'>付费/邀请码</span>
                                            ((/if))
                                        </div>
                                    </a>
                                </div>
                                <div class='card-bottom'>
                                    <p class='title'>((unit.subject))</p>
                                    <p class='info'>
                                        <time>((unit.start_time))</time>
                                    </p>
                                </div>
                            </li>
                            ((/each))
                        </ul>
                    </div>
                    ((/if))
                    ((if item.component_id == 4))
                    <div unit-type="4" class="unit-templet video" title="专题">
                        <ul class='list-content'>
                            ((each item.items as unit idx))
                            <li class='v35-activity-card'>
                                <div class='card-top'>
                                    <a target='_blank' href='/subject/view/((unit.id))'>
                                        ((if unit.cover))
                                        <img src="((baseUrl+'/'+unit.cover))">
                                        ((else))
                                        <img src="//cnstatic01.e.vhall.com/static/img/v35-webinar.png">
                                        ((/if))
                                        <div class="num">
                                                                                        <div class="view_num"><i class="num-icon view-icon-h5-2"></i>((unit.view_num))</div>
                                            
                                            <div class="live-num"><i class="num-icon video-icon"></i>((unit.webinar_num))</div>
                                        </div>
                                    </a>
                                </div>
                                <div class='card-bottom'>
                                    <p class='title'>((unit.title))</p>
                                    <p class='info'>
                                        <time>((unit.created_at))</time>
                                    </p>
                                </div>
                            </li>
                            ((/each))
                        </ul>
                    </div>
                    ((/if))
                    ((if item.component_id == 5))
                    <div unit-type="5" class="unit-templet" title="文字链">
                        <a href='javascript:window.open("((item.src))");'>
                            ((if item.text == ''))
                            文字链
                            ((else))
                            ((item.text))
                            ((/if))
                        </a>
                    </div>
                    ((/if))
                    ((if item.component_id == 6))
                    <div unit-type="6" class="unit-templet img" title="图片链">
                        <a href='javascript:window.open("((item.src))");'>
                            <img src="((baseUrl+'/'+item.imageSrc))">
                        </a>
                    </div>
                    ((/if))
                    ((if item.component_id == 7))
                    <div unit-type="7" class="unit-templet unit-title" title="标题">
                        <h5>
                            ((if item.title == ''))
                            标题文字
                            ((else))
                            ((item.title))
                            ((/if))
                        </h5>
                    </div>
                    ((/if))
                    ((if item.component_id == 8))
                    <div unit-type="8" class="unit-templet split-line" title="分割线">
                        <span class="line"></span>
                    </div>
                    ((/if))
                    ((if item.component_id == 9 && (item.inSwitch==1||item.rewardSwitch==1) ))
                    <div unit-type="9" class="unit-templet ranking-list" title="排行榜">
                        <div class="ranking-title">
                            <div class="rank-menu fl">
                                ((if item.inSwitch==1))
                                  <span idx="0" is="((item.inSwitch))">邀请榜</span>
                                ((/if))
                                ((if item.rewardSwitch==1))
                                  <span idx="1" is="((item.rewardSwitch))">打赏榜</span>
                                ((/if))
                            </div>
                            <span class="bang-rule hide fr">排行榜规则</span>
                        </div>
                        <div class="ranking-box">
                            ((if item.inSwitch==1))
                            <div class="rank-con" idx="0">((item.inContent))</div>
                            ((/if))
                            ((if item.rewardSwitch==1))
                            <div class="rank-con" idx="1">((item.rewardContent))</div>
                            ((/if))
                        </div>
                        <div class="page-bang">
                            <div class="bang-list"></div>
                            ((if webinarType!=3))
                                                        <div class="v-ranges v-invite clearfix">
                                <a href="javascript:;" class="v-invite-btn">邀请好友观看</a>
                            </div>
                                                        ((/if))
                        </div>
                    </div>
                    ((/if))
                    ((/each))
                </script>
            </div>
        </div>
    </div>
    <div class="tab-pane page-bang" style="display: none;">
        <div class="bang bang-blank invi" style="display: none;">
            <div class="shafa-icon"></div>
            <div class="tips">当前您还没邀请人，快去抢沙发吧~</div>
        </div>
        <div class="bang bang-blank award" style="display: none;">
            <div class="shafa-icon"></div>
            <div class="tips">当前还没有人打赏，快去抢沙发吧~</div>
        </div>
        <!--邀请榜,begin-->
        <div class="bang invi-list" style="display: none;">
        </div>
        <!--邀请榜,end-->
        <!--打赏榜,begin-->
        <div class="bang award-list" style="display: none;">
        </div>
        <!--打赏榜,end-->
    </div>
    <template-invi-item-1 style="display: none;">
        <div class="list-item">
            <div class="pm">
                <img src="//cnstatic01.e.vhall.com/static/images/mobile/bangdan-1.png" alt="">
            </div>
            <div class="pic">
                <img style="border:2px solid #ff3333;" src="javascript:##userPic##" alt="">
            </div>
            <div class="name">##userName##</div>
            <div class="right">
                <div class="">邀请</div>
                <div class="je">##count##</div>
                <div class="">人</div>
            </div>
        </div>
    </template-invi-item-1>
    <template-invi-item-2 style="display: none;">
        <div class="list-item">
            <div class="pm">
                <img src="//cnstatic01.e.vhall.com/static/images/mobile/bangdan-2.png" alt="">
            </div>
            <div class="pic">
                <img style="border:2px solid #ff8401;" src="javascript:##userPic##" alt="">
            </div>
            <div class="name">##userName##</div>
            <div class="right">
                <div class="">邀请</div>
                <div class="je">##count##</div>
                <div class="">人</div>
            </div>
        </div>
        </template-invi-item-2>
        <template-invi-item-3 style="display: none;">
            <div class="list-item">
                <div class="pm">
                    <img src="//cnstatic01.e.vhall.com/static/images/mobile/bangdan-3.png" alt="">
                </div>
                <div class="pic">
                    <img style="border:2px solid #4da1ff;" src="javascript:##userPic##" >
                </div>
                <div class="name">##userName##</div>
                <div class="right">
                    <div class="">邀请</div>
                    <div class="je">##count##</div>
                    <div class="">人</div>
                </div>
            </div>
        </template-invi-item-3>
        <template-invi-item-else style="display: none;">
            <div class="list-item">
                <div class="pm">
                    ##bangIndex##
                </div>
                <div class="pic">
                    <img src="javascript:##userPic##" alt="">
                    <!-- <img style="border:1px solid #d2d2d2;" src="##userPic##" alt=""> -->
                </div>
                <div class="name">##userName##</div>
                <div class="right">
                    <div class="">邀请</div>
                    <div class="je">##count##</div>
                    <div class="">人</div>
                </div>
            </div>
        </template-invi-item-else>

        <template-award-item-1 style="display: none;">
            <div class="list-item">
                <div class="pm">
                    <img src="//cnstatic01.e.vhall.com/static/images/mobile/bangdan-1.png" alt="">
                </div>
                <div class="pic">
                    <img style="border:2px solid #ff3333;" src="javascript:##userPic##" alt="">
                </div>
                <div class="name">##userName##</div>
                <div class="right">
                    <div class="">打赏</div>
                    <div class="je">##count##</div>
                    <div class="">元</div>
                </div>
            </div>
        </template-award-item-1>
        <template-award-item-2 style="display: none;">
            <div class="list-item">
                <div class="pm">
                    <img src="//cnstatic01.e.vhall.com/static/images/mobile/bangdan-2.png" alt="">
                </div>
                <div class="pic">
                    <img style="border:2px solid #ff8401;" src="javascript:##userPic##" alt="">
                </div>
                <div class="name">##userName##</div>
                <div class="right">
                    <div class="">打赏</div>
                    <div class="je">##count##</div>
                    <div class="">元</div>
                </div>
            </div>
        </template-award-item-2>

        <template-award-item-3 style="display: none;">
            <div class="list-item">
                <div class="pm">
                    <img src="//cnstatic01.e.vhall.com/static/images/mobile/bangdan-3.png" alt="">
                </div>
                <div class="pic">
                    <img style="border:2px solid #4da1ff;" src="javascript:##userPic##" alt="">
                </div>
                <div class="name">##userName##</div>
                <div class="right">
                    <div class="">打赏</div>
                    <div class="je">##count##</div>
                    <div class="">元</div>
                </div>
            </div>
        </template-award-item-3>

        <template-award-item-else style="display: none;">
            <div class="list-item">
                <div class="pm">##bangIndex##</div>
                <div class="pic">
                    <img src="javascript:##userPic##" alt="">
                </div>
                <div class="name">##userName##</div>
                <div class="right">
                    <div class="">打赏</div>
                    <div class="je">##count##</div>
                    <div class="">元</div>
                </div>
            </div>
        </template-award-item-else>

        <template-ls-item style="display: none;">
            <div class="sl">...</div>
        </template-ls-item>

        <template-self-item style="display: none;">
            <div class="list-item bottom-item">
                <div class="pm">##bangIndex##</div>
                <div class="pic">
                    <img src="javascript:##userPic##" alt="">
                </div>
                <div class="name">##userName##</div>
                <div class="right">
                    <div class="">##activeName##</div>
                    <div class="je">##count##</div>
                    <div class="">##activeType##</div>
                </div>
            </div>
        </template-self-item>
</div>
<script type="text/javascript" src="//cnstatic01.e.vhall.com/static/js/saas/jsPage.js?v=1.0.3"></script>
<script type="text/javascript" src="//cnstatic01.e.vhall.com/static/js/project/menu/invitation-watch.js?v=2018071000001"></script>
<script src="//cnstatic01.e.vhall.com/3rdlibs/jstemplate/art-template.js"></script>
<style>
    .widescreen-1600 .product-space .desc-tab-1 .v35-activity-card{
        width: 270px;
        height:210px;
    }
    .widescreen-1600 .product-space .desc-tab-1 .v35-activity-card .card-top img{
        height:140px;
    }
    .widescreen-1600 .product-space .desc-tab-1 .v-mask{
        width: 100% !important;
        height:150px !important;
    }
    .product-space .desc-tab-1 .v35-activity-card{
        width: 210px;
        height:160px;
    }
    .product-space .desc-tab-1 .v35-activity-card .card-top{
        padding: 5px;
    }
    .product-space .desc-tab-1 .v35-activity-card .card-top span{
        top:6px;
        left:6px;
    }
    .desc-tab-1 .v35-activity-card .card-top span.card-type{
        bottom:10px;right:10px;
        top:auto;left:auto;
    }
    .product-space .desc-tab-1 .v35-activity-card .card-top span.card-type{
        bottom:6px;right:6px;
        top:auto;left:auto;
    }
    .product-space .desc-tab-1 .v35-activity-card .v-mask i{
        bottom:6px;right:6px;
    }
    .product-space .desc-tab-1 .v-mask{
        width: 100% !important;
        height:107px !important;
    }
    .product-space .desc-tab-1 .v35-activity-card .card-top img{
        width: 100%;
        height:107px;
        display: block;
    }
    .page-bang .bang .list-item .pic img {
        margin-top: 8px;
    }
    .page-bang .bang .list-item .name {
        position: relative;
        top: -3px;
    }
</style>
<script>
    var default_webinar_id=777390051;
    var query_start=0;
    var query_loading=0;
    var curr_page=1;
    $(function(){
        $.post('/subject/display-tag',{webinar_id:default_webinar_id},function(data){
            if(data.code==200&&data.data==1){
                $(".subject-tab-btn").show();
            }
        })
        $("#subject-pagination #ul-pagination").on("click","a",function(){
            var parent=$(this).parent();
            if(parent.hasClass("disabled")||parent.hasClass("active")){
                return;
            }
            if($(this).hasClass("v_js_pre")){
                curr_page=parseInt(curr_page)-1;
                loadSubject();
                return;
            }
            if($(this).hasClass("v_js_next")){
                curr_page=parseInt(curr_page)+1;
                loadSubject();
                return;
            }
            if(/^\d+$/.test($(this).html())){
                curr_page=(parseInt($(this).html()));
                loadSubject();
            }
        });

        function loadSubject(){
            if(query_loading)return false;
            query_loading=1;
            $.ajax({
                url:'/subject/list-by-webinar',
                type:"post",
                data:{
                    webinar_id:default_webinar_id,
                    curr_page:curr_page
                },
                success:function(data){
                    if(data.code==200){
                        var str='';
                        if(data.data.data.length>0){
                            $(".title-box a").show();
                        }
                        for(i in data.data.data){
                            var webinar_subject=data.data.data[i];
                            str+='<a href="//e.vhall.com/subject/view/'+webinar_subject['id']+'" style="padding:0 27px;color:#333333;font-size:17px;display: inline-block;">'+html_encode(webinar_subject.title)+'</a><div class="advs-list desc-webinar-list">\n' +
                                '            <div class="swiper-container">\n' +
                                '                <ul class="swiper-wrapper clearfix">';
                            for(j in webinar_subject['webinar_list']){
                                var webinar=webinar_subject['webinar_list'][j];
                                str+='<li class="swiper-slide">';
                                webinar.img_url=webinar.img_url?'//cnstatic01.e.vhall.com/upload/'+webinar.img_url:'//cnstatic01.e.vhall.com/static/img/v35-webinar.png';
                                str += '<a target="_blank" href="/' + webinar.id + '" class="v35-activity-card">';
                                if(webinar.id!=default_webinar_id){
                                    str+='<div class="v-mask"><i></i></div>';
                                }
                                str +='<div class="card-top pull-left">';
                                if (webinar.type == 2) {
                                    str += '<span class="card-status sub">'+subjectName+'</span>';
                                } else if (webinar.type == 1) {
                                    str += '<span class="card-status live">直播</span>';
                                } else if (webinar.type == 3 && webinar.is_demand == 1) {
                                    str += '<span class="card-status demand">点播</span>';
                                } else if (webinar.type == 3 && webinar.auto_record==1 && webinar.is_demand == 0) {
                                    str += '<span class="card-status playback">回放</span>';
                                } else if (webinar.type == 3 && webinar.is_demand == 0) {
                                    str += '<span class="card-status end">结束</span>';
                                }
                                str += '        							<img src="' + webinar.img_url + '">        						';
                                if (webinar.verify == 0) {
                                    str += '<span class="card-type hide">免费</span>';
                                } else if (webinar.verify == 1) {
                                    str += '<span class="card-type">密码</span>';
                                } else if (webinar.verify == 2) {
                                    str += '<span class="card-type">白名单</span>';
                                } else if (webinar.verify == 3) {
                                    str += '<span class="card-type">付费</span>';
                                } else if (webinar.verify == 4) {
                                    str += '<span class="card-type">F码</span>';
                                } else if (webinar.verify == 5) {
                                    str += '<span class="card-type">注册表单</span>';
                                }
                                str+='</div><div class="card-bottom"><p class="title '+(webinar.id==default_webinar_id?'red-title':'')+'">'+html_encode(webinar.subject)+'</p><p class="info"><time>'+webinar.start_time+'</time></p></div></a>';
                                str+='</li>';
                            }
                            str+='</ul>\n' +
                                '                <div class="swiper-button-prev" style="'+(webinar_subject['webinar_list'].length>3?'display:block':'')+'"></div>\n' +
                                '                <div class="swiper-button-next" style="'+(webinar_subject['webinar_list'].length>3?'display:block':'')+'"></div>\n' +
                                '            </div>\n' +
                                '        </div>';
                        }
                        $(".desc-tab-1 .subject-box").html(str);
                        new Swiper(".desc-tab-1 .swiper-container", {
                            nextButton: ".desc-tab-1 .swiper-button-next",
                            prevButton: ".desc-tab-1 .swiper-button-prev",
                            observer:true,
                            observeParents:true,
                            slidesPerView: 4,
                            spaceBetween: 10,
                            simulateTouch: false
                        });
                        if(data.data.total_page<=1){
                            $("#subject-pagination #ul-pagination").html('');
                        }else{
                            jsPageFunc.getPaging(data.data.curr_page,data.data.total_page,$("#subject-pagination #ul-pagination"));
                        }
                    }
                },
                complete:function(){
                    query_start=1;
                    query_loading=0;
                }
            })
        }
        function html_encode(str) {
            var s = "";
            if (str.length === 0) return "";
            s = str.replace(/&/g, "&amp;");
            s = s.replace(/</g, "&lt;");
            s = s.replace(/>/g, "&gt;");
            s = s.replace(/\'/g, "&#39;");
            s = s.replace(/\"/g, "&quot;");
            s = s.replace(/\n/g, "<br>");
            return s;
        }
        var menuParams = null;
        initMenus(function (result) {
            menuParams = result.data;
            var html = '';
            var isDetail = false;
            menuParams.forEach(function (item,idx) {
                if(item.type==1){
                    html += '<span idx="'+idx+'" type="1">'+item.name+'</span>';
                }else if(item.type==4&&item.status==1){
                    html += '<span class="active" id="detailId" idx="'+idx+'" type="4">'+item.name+'</span>';
                }
                if(item.type==4 && item.status==2){
                    isDetail = true;
                }
            });
            $('.desc-tab').append(html);

            if($(".desc-tab span").length>0){
                $('.desc-tab span').eq(0).trigger('click');
            }else{
                $('.desc-tab').closest('.desc-area').hide();
            }
        });
        function initMenus(finishFn) {
            // $.post('/api/webinar/v1/webinar/webinar-menus', {
            $.post('/api/webinar/v1/webinar/webinar-menus-list', {
                webinar_id: pageinfo.webinar_id
            }, function(res) {
                if (res.code == 200) {
                    for (var i = 0; i < res.data.length; i++) {
                        if (res.data[i].type == 1) {

                        //     res.data[i].components.map(function(it) {
                        //         if (it.component_id == 2) { //二维码
                        //             if(it.imageSrc.substring(0,2) == '//'){
                        //                 it.isDefault = true;
                        //             }else{
                        //                 it.isDefault = false;
                        //             }
                        //         }
                        //         return it;
                        //     });
                            res.data[i].baseUrl = pageinfo.upload_url;
                        }
                    }
                    if(finishFn) finishFn(res);
                }
            });
        }
        template.config("openTag", "((");
        template.config("closeTag", "))");
        $(".desc-tab").on("click",'span',function(){
            $(".desc-tab span").removeClass('active');
            $(this).addClass('active');
            if($(this).attr('type')==1){ //自定义菜单
                $(".desc-tab-0").hide();
                $(".advs-list ").parent().hide();
                $(".desc-tab-2").show();
                template.config("escape", false);
                var menus = menuParams[$(this).attr('idx')];

                $.post('/api/webinar/v1/webinar/webinar-menus-detail', {
                    menu_id: menus.id
                }, function(res) {
                    menus.components = res.data.components

                    if(menus.type == 1) {
                        menus.components = menus.components.map(function(it) {
                            if (it.component_id == 2) { //二维码
                                if(it.imageSrc.substring(0,2) == '//'){
                                    it.isDefault = true;
                                }else{
                                    it.isDefault = false;
                                }
                            }
                            return it;
                        });
                    }

                    menus.webinarType = pageinfo.webinar_type;
                    var html = template("pcMenuUnitId", menus);
                    $('#pc-custom-box').html(html);
                    $('.ranking-list .page-bang .bang-list').html($('.tab-pane.page-bang').html());
                    console.log(menus);
                    var invidList = $('.ranking-list').find('.invi-list');
                    var awardList = $('.ranking-list').find('.award-list');
                    if(invidList.text().trim()){
                        invidList.show().siblings().hide();
                        $('.bang-blank.award').hide();
                    }else if(awardList.text().trim()){
                        awardList.show().siblings().hide();
                    }else{
                        $(this).closest('.ranking-list').find('.bang-blank').eq(0).show().siblings().hide();
                        $('.v-invite-btn').closest('.v-invite').show();
                    }
                    setTimeout(function () {
                        $('#pc-custom-box .rank-menu span').eq(0).trigger('click');
                    },1000);
                })
            }else{
                $(".desc-tab-0").show();
                $(".advs-list ").parent().show();
                $(".desc-tab-2").hide();
            }
        });

        $('#pc-custom-box').on('click','.rank-menu span',function () {
            $(this).addClass('rank-active').siblings().removeClass('rank-active');
            if($(this).closest('.ranking-list').find('.bang-rule').hasClass('hide')) {
                $(this).closest('.ranking-list').find('.rank-con').removeClass('show');
            }else{
                $(this).closest('.ranking-list').find('.rank-con').eq($(this).index()).addClass('show').siblings().removeClass('show');
            }
            if(pageinfo.player == 2){
                $(this).closest('.ranking-list').find('.bang-rule').text('排行榜规则');
            }else{
                $(this).closest('.ranking-list').find('.bang-rule').text($(this).text()+'规则');
            }
            var invidList = $('#pc-custom-box .invi-list');
            var awardList = $('#pc-custom-box .award-list');
            if(invidList.text().trim() && $(this).attr('idx')==0){
                invidList.show().siblings().hide();
            }else if(awardList.text().trim() && $(this).attr('idx')==1){
                awardList.show().siblings().hide();
            }else{
                $(this).closest('.ranking-list').find('.bang-blank').eq($(this).attr('idx')).show().siblings().hide();
            }
        });
        $('#pc-custom-box').on('click','.bang-rule',function () {
            var idx = $(this).closest('.ranking-list').find('.rank-active').attr('idx');
            if($(this).hasClass('hide')){
                $(this).removeClass('hide');
                $(this).closest('.ranking-list').find('.rank-con[idx="'+idx+'"]').addClass('show');
            }else{
                $(this).addClass('hide');
                $(this).closest('.ranking-list').find('.rank-con[idx="'+idx+'"]').removeClass('show');
            }
        });

        $('#pc-custom-box').on('click','.v-invite-btn',function () {
            $(".watch-body .v-invite .v-invite-btn").trigger('click');
        });
    })
</script>                    </div>
    </section>
    <!-- 查看大图 -->
    <div class="swiper-bigImg">
        <div class="swiper-wrapper">
        </div>
        <div class="swiper-button-prev swiper-button-white"></div>
        <div class="swiper-button-next swiper-button-white"></div>
        <div class="swiper-close"></div>
    </div>
    <footer class="section-footer">
    <div class="footer inner-center tac">
            <p>京ICP备10024636号-4京公网安备11010502008915</p>
        <p>&copy; Vhall 2021.All Rights Reserved.</p>
    </div>
</footer>
<!--登录窗口-->
<script type="text/template" id="login-template">
    <div class="login-main cleafix" style='height:auto;'>
    <div class="login-navs">
        <a href="javascript:;" class="tab-target active" role='tab' data-target=".account-view">账号登录
        </a><a href="javascript:;" class="tab-target" role="tab" data-target=".phone-view">手机登录
        </a>
        <em class='login-float-bar'></em>
    </div>
    <div class="login-line"></div>
    <div class="view">
        <div class="account-view tab-pane active" role="tabpanel">
            <input name="_token" value="TtSUeSNsl7qQJlRR0Pr9kGYqrYovC4mWcF1j2GlD" type="hidden">
            <div class="input-form" data-type='name'>
                <label class="icon icon-account"></label><input class="input-control popup-input" id="username" name="noNULL" placeholder="手机号/邮箱" value="" type="text">
                <em class='act empty'></em>
            </div>
            <div class="input-form yidun-captcha" style="display: none">
                <div id="account-captcha"></div> <!-- 验证码容器元素 -->
                <input name="captcha" type="hidden">
            </div>
            <div class="input-form"  data-type='psw'>
                <label class="icon icon-pwd"></label><input class="input-control popup-input" id="pwd" name="password" placeholder="密码" type="password">
                <em class="act eye"></em>
                <em class='act empty left'></em>
            </div>
            <div class="error-code" style='left:5px;'>
            </div>
            <div class="input-form">
                <a id="to-login-common" href="javascript:;" class="vh-btn btn-submit popup-btn-yes">登&nbsp&nbsp录</a>
            </div>
            <div class="input-form remember">
                <a href="//e.vhall.com/auth/forgot" class="fr clickTag">忘记密码？</a>
                <input name="remember" value="1" id="remember" type="checkbox"><label for="remember">自动登录</label>
            </div>
            <div class="input-form register-tips" >
                <label>现在注册，就送20G流量  <a href="//e.vhall.com/auth/register" class='clickTag' target="_blank">立即注册</a></label>
            </div>
            <div class="input-form third-way"  style='padding-bottom:0px;' >
                <label>其他登录方式<em class='show-third'>展开<i></i></em></label>
                <div class="third-way-choose">
                    <div class="third-auth">
                        <a href="http://live.vhall.com/auth/weibo?after_register=http://live.vhall.com/777390051?shareId=u-45522928-3" class="weibo" title="微博登录"></a>
                        <a href="http://live.vhall.com/auth/qq?after_register=http://live.vhall.com/777390051?shareId=u-45522928-3" class="qq" title="QQ登录"></a>
                        <a href="http://live.vhall.com/auth/weixinweb?after_register=http://live.vhall.com/777390051?shareId=u-45522928-3" class="weixin" title="微信登录"></a>
                    </div>
                </div>
            </div>
        </div>
        <div class="phone-view tab-pane" role="tabpanel" >
            <input type="hidden" name="_token" value="rhV40KdUgm5oIMh9s2dJUb5PERw8R9iz2FbOjsDo">
            <div class="input-form" data-type='phone'>
                <label class="icon icon-phone"></label><input type="text" class="input-control popup-input" name="phone" id="phone" placeholder="请输入手机号" value="" />
                <em class='act empty'></em>
            </div>
            <div class="input-form">
                <input type="hidden" name="captchaId" value="b7982ef659d64141b7120a6af27e19a0">
                <div id="captcha"></div> 
            </div>
            <div class="input-form"  data-type='verify'>
                <label class="icon icon-pwd"></label><input type="text" class="input-control popup-input" name="phone-code" id="phone-code" placeholder="动态密码" />
                <p class="input-right"><a href="javascript:;" class="vh-btn prohibit send-code" id="">获取验证码</a></p>
            </div>
            <div class="error-code" style='left:5px;'>
            </div>
            <div class="input-form">
                <a class="vh-btn btn-submit popup-btn-yes" href="javascript:;" id="phone-login">登&nbsp&nbsp录</a>
            </div>
        </div>
    </div>
</div>
</script>
<!--修改这里一定要注意php变量的使用设置回跳地址-->
<!--登录窗口-->
        <input type="hidden" id="share_img" value="//cnstatic01.e.vhall.com/upload/webinars/img_url/48/ae/48ae3e6be27c507b5e751d1f2104eb50.png">
    </body>
<!-- 易盾 -->
<script src="//cnstatic01.e.vhall.com/3rdlibs/yidun/captcha/load.min.js"></script>
<script id="showProductDetail" type="text/template" >
    <div class="product-details">
        <div class="product-top">
            <img class="current-img" src="" alt="">
            <div class="product-content">
                <div class="product-title"></div>
                <div class="product-price">
                    <span class="p-discount"></span>
                    <span class="p-price"></span>
                </div>
                <div class="product-des"></div>
                <div class="v3-btn-group">
                    <button class="v3-btn"></button>
                    <div class="shop-link"><span>去店铺</span></div>
                </div>
            </div>
        </div>
        <div class="picture-thumbnail"></div>
    </div>
</script>
<script id="showPreview" type="text/template" >
    <div class="preview-wrap">
        <div class="preview-title"></div>
        <div class="preview-content">
            <a target="_blank"><img src="" alt=""></a>
            <div class="preview-des">扫码关注公众号</div>
        </div>
    </div>
</script>
<script id="showProduct" type="text/template" >
    <div>
        <img class="product-cover" src="" alt="">
        <div class="product-title"></div>
        <div class="product-price">
            <span class="p-discount"></span>
            <span class="p-price"></span>
        </div>
        <div class="product-des"></div>
        <div class="v3-btn-group">
            <button class="v3-btn"></button>
        </div>
        <div class="shop-link"><span>去店铺</span></div>
    </div>
</script>
    <div style="display:none;" id="invite_rule">
    	
    </div>
    <div style="display:none;" id="award_rule">
    	
    </div>
    <input type="hidden" value="//aliqr.e.vhall.com/qr.png?t=http://live.vhall.com/mywebinar/invite-card/777390051/544160471" id="invite_qr_url">
<script type="text/javascript" src="//cnstatic01.e.vhall.com/3rdlibs/board/test/board-core.js?v=1"></script>

<script type="text/javascript">
    //jiathis分享
    var jiathis_config = {
        url : location.href.indexOf('?') > -1 ? location.href + '&shareId=' + pageinfo.join_uid : location.href + '?shareId=' + pageinfo.join_uid,
        title : '华为&amp;商海科技 AI赋能城市治理之城管、交通联合解决方案分享',
        summary: $("#introduction").text(),
        pic : $("#share_img").val().indexOf('http:') > -1 ? $("#share_img").val() : 'http:' + $("#share_img").val(),
        share_id : pageinfo.share_id || ''
    };
</script>
<script src="//cnstatic01.e.vhall.com/static/js/swiper.min.js"></script>
<script id="seajsnode" 3rdlibs="//cnstatic01.e.vhall.com/3rdlibs" src="//cnstatic01.e.vhall.com/static/js/vendor.js?v=20210513_3"></script>
<!--script type="text/javascript" async src="http://v3.jiathis.com/code/jia.js"></script-->
<!--<script type="text/javascript">
    var _vds = _vds || [];
    window._vds = _vds;
    (function(){
        _vds.push(['setAccountId', '8c2459b70be81d9a']);
        _vds.push(['setPageGroup', 'playBackPage']);
        _vds.push(['setPS1', '777390051']);
        _vds.push(['setPS2', '43043136']);
        _vds.push(['setPS3', '1']);
        _vds.push(['setPS4', pageinfo.join_uid ? pageinfo.join_uid : '']);
        _vds.push(['setPS5',  '未登录']);
        (function() {
            var vds = document.createElement('script');
            vds.type='text/javascript';
            vds.async = true;
            vds.src = ('https:' == document.location.protocol ? 'https://' : 'http://') + 'dn-growing.qbox.me/vds.js';
            var s = document.getElementsByTagName('script')[0];
            s.parentNode.insertBefore(vds, s);
        })();
    })();
</script>-->
<script  type="text/javascript" src="//cnstatic01.e.vhall.com/static/js/layer.js"></script>
<script type="text/javascript">
    $(document).ready(function(){
        function stopEvent(event) {
        if (event.stopPropagation) event.stopPropagation(); else if (window.event) window.event.cancelBubble = true;
    }
        $(".app-live-share").on("click", function (event) {
        stopEvent(event);
        // $(".live-share-popbox").toggleClass("show");
        $(".new-share-box").show();
        $(".new-share-box-wrapper").show();
    });
        function closeShare(){
            $('.new-share-box').hide()
            $('.new-share-box-wrapper').hide()
        }
        $('.watch-by-miniprogram').click(function(){
            $('.watch-by-wechat .wechat-qr').hide()
            $(this).find('.miniprogram-qr').toggle()
        })
        $('.watch-by-wechat').click(function(){
            $('.watch-by-miniprogram .miniprogram-qr').hide()
            $(this).find('.wechat-qr').toggle()
        })
        $('.new-share-box .mini-tab').click(function(){
            if($(this).hasClass('active')){
                return
            }
            $(this).addClass('active').siblings().removeClass('active')
            $('.new-share-box .new-share-mini-qr').show()
            $('.new-share-box .new-share-wechat-qr').hide()
        })
        $('.new-share-box .wechat-tab').click(function(){
            if($(this).hasClass('active')){
                return
            }
            $(this).addClass('active').siblings().removeClass('active')
            $('.new-share-box .new-share-mini-qr').hide()
            $('.new-share-box .new-share-wechat-qr').show()
        })
        $('#share-weixin-Modal').on('show.bs.modal',function(e){
            $('#shareModal').modal('hide')
        })
        $('#copy-link-btn').on('click',function(){
            var url = $(this).prev()
            url.select();
            document.execCommand('copy');
            closeShare()
            popup.msg({
                content: "复制成功！",
                shade: 0
            });
        })
        //获取小程序码
        $.ajax({
            url : "/wechat/watch/qrcode",
            type : "post",
            data : {
                page: 'pages/guide/guide',
                scene: pageinfo.webinar_id
            },
            success : function (res) {
                if (res.code == 200) {
                    var miniQrSrc = pageinfo.upload_url + '/'+ res.data.src
                    console.log('miniQrSrc=========================', miniQrSrc)
                    $('.new-share-mini-qr').attr('src',miniQrSrc)
                }
            }
        });
            $('.new-share-box .popup-close').click(function(){
                $('.new-share-box').hide()
                $(".new-share-box-wrapper").hide();
            })
            $('.new-share-box-wrapper').click(function(){
                $(".new-share-box-wrapper").hide();
                $('.new-share-box').hide()
            })
    })
</script>
</html>
