{php $this->template('header')}

	<style>
		html,body{height:auto}
		.bui-scroll-foot{
			display: none;
		}
		.bui-article p{text-indent:0;}
    	.bui-article section p img{margin-left: 0rem}
    	.imgbox{width: 100%!important;height: 100%!important}
		.bui-article p iframe {
		     margin-left: 0em!important; 
		} 
	
		table{
            width: auto!important
        }
        .c-3{color: #333}
        .user_img{width: 60%;margin: 0 auto;position: relative;}
		.user_img img{width: .4rem;height: .4rem;border-radius: 50%;}
		
	</style>
	<link rel="stylesheet" href="{$public}css/user/ad/index.css?{php echo time()}"> 
	<link rel="stylesheet" href="{$public}css/tokeract/index/item.css?{php echo time()}">
	<link rel="mask-icon" href="//res.wx.qq.com/a/wx_fed/assets/res/MjliNWVm.svg" color="#4C4C4C">
	<link rel="stylesheet" href="{$public}css/tokeract/index/weixin.css?{php echo time()}">
	<link rel="stylesheet" href="{$public}css/chats/index/index.css?{php echo time()}">
	{if config('shenhe')==0}

		{php echo share($act['title'],$act['img'],$act['abstract'],$fenurl,share)}
		
	{/if}
	{if config('shenhe')==1&&$act['status']==1}

		{php echo share($act['title'],$act['img'],$act['abstract'],$fenurl,share)}
	{/if}
	
	<div class="bui-page">

        <main style="background-color: #f5f5f5">
            <div id="scrollList" class="bui-scroll">
            	
				<div class="bui-scroll-head"></div>

			<article id="panel" class="bui-article"  style="background-color: #fff;">
				<h1>{$act['title']}</h1>
				<div class="article-info bui-box">
					<span class="article-from click" data-url="{php echo iurl('card/index/index',['uid'=>$act['uid']])}">{if $act['gzh']!=''}{$act['gzh']}{/if} &nbsp;{if $act['author']==''}{php echo db('user')->where(['id'=>$act['uid']])->value('nickname')}{else}{$act['author']}{/if}</span>
					<div class="span1">  {php echo time_shijian($act['time'])} </div>

				</div>
				<div id="img-content">
					{$act['content']}
				</div> 

				<!-- 打赏 -->
				{if $act['uid']!=$this->user['id']&&config('user_dashang')==2}
					<div class="dashang">
						<div class="yuan click" data-url="{php echo iurl('user/reward/index',['id'=>$act['id']])}">
							<i class="iconfont icon-yuebao"></i>
						</div>
						
						<div class="c-3 mt-10 mb-10">打赏</div>
						
						<div class="user_img pb-10">
							{loop $reward $k $v}
								<img src="{php echo user($v['uid'],'headimgurl')}" >
							{/loop}	
							<div class="renshu c8">
								{php echo db('user_reward')->where(['aid'=>$act['id'],'status'=>1])->count()}人赞赏
							</div>
						</div>
					</div>	
				{/if}
				<!-- 打赏END -->

				<div class="foot">
					<span class="yuedu click" data-url="{if $act['url']!=''}{$act['url']}{else}{php echo iurl('tokeract/index/index',['uid'=>input('get.uid')])}{/if}">阅读原文</span>
					<span class="eye"> 阅读 {php echo ($act['eye']+$act['addeye'])>100000?'10万+':($act['eye']+$act['addeye'])} </span>
					<div class="right zaikan" data-type="1"> <i class="iconfont icon-icon_haokan {if $actzan==1}praised{/if}"></i> <span class="{if $actzan==1}praised{/if}">在看</span> <span class="praise_num {if $actzan==1}praised{/if}" data-zan="{php echo ($act['zan']+$act['addzan']);}">{php echo ($act['zan']+$act['addzan'])>100000?'10万+':($act['zan']+$act['addzan'])}</span></div>
				</div>
			</article>
			<!-- 修改 -->

			{if config('edit_me')==2||$this->vip==1}
				{if $act['edit']==2}
				<div class="xiugai_box jianbian3" onclick="shiyong({$actedit})" >
					修改成我的
				</div>
				{/if} 
			{/if}
			<!-- 修改END -->
			<!-- 聊天头像 -->
				
				{if $act['uid']!=$this->user['id']}
				<div class="box_liaotian click" data-url="{php echo iurl('chats/index/index',['uid'=>$act['uid'],'cid'=>$cid]);}">
					<div class="container">
						<div class="wave solid warning">
							<div class="circle"></div>
							<div class="content">
								<img src="{$act['headimgurl']}" id="headimgurl">
							</div>
						</div>
					</div>
				</div>
				{/if}
			<!-- 聊天END -->
            <!-- 广告位 -->
            <!-- {if $ad} -->
            <div class="ad_box">
				<div class="title_line">
	             	<span class="tips"> 广 告 </span>
	          	</div>
				
					{if	$ad['type']==1}
					   	<div class="ad-s-con click" data-url="{if $ad['url']!=''}{$ad[url]}{else}{php echo iurl('card/index/index',['uid'=>$act['uid']])}{/if}">
		                     <div class="img-text">
		                            <div class="img">
		                                <img src="{$ad['img']}">
		                            </div>
		                            <div class="i-t-con">
		                            <div class="i-t-title savead" id="title1">{$ad['title']}</div>
		                            <div class="i-t-desc  savead" id="desc1">{$ad['depict']}</div>
		                        </div>
		                    </div>
		                    <div class="ad-tip" style="background-color: #929292;border:1px #929292 solid;color: #fff;padding: 0 10px;">推广</div>
		                </div>
		            {/if}

		            {if	$ad['type']==2}
					   	<div class="ad-s-con click" data-url="{if $ad['url']!=''}{$ad[url]}{else}{php echo iurl('card/index/index',['uid'=>$act['uid']])}{/if}">
			                <div class="adimg" style="height: auto;">
			                    <img src="{$ad['img']}">
			                </div>
			          	</div>
		            {/if}

		            {if	$ad['type']==3}
						<div class="ad-s-con  gz click" data-url="{$ad['url']}"> 
					        <div class="img-text">
					            <div class="img">
					                <img src="{$ad['img']}">
					            </div>
					            <div class="i-t-con">
					                <div class="i-t-title savead" id="title3">{$ad['title']}</div>
					                <div class="i-t-desc savead" id="desc3">{$ad['depict']}</div>
					           </div>
					           <div class="r-btn">
					                <div class="btn adguanzhu" data-url="{$ad['url']}">关注</div>
					           </div>
					        </div>
					             
					    </div>
		            {/if}

		            {if	$ad['type']==4}
					   	<div class="ad-s-con  gz">
			               <div class="img-text">
			                       <div class="img">
			                            <img src="{$ad['img']}">
			                       </div>
			                       <div class="i-t-con">
			                           <div class="i-t-title  savead" id="title4">{$ad['title']}</div>
			                           <div class="i-t-desc  savead" id="desc4">{$ad['depict']}</div>
			                  </div>
			                  	<div class="r-btn">
			                  		<a href="tel:{$ad['phone']}">
					                	<div class="btn">拨打</div>
					                </a>
					           </div>
			               </div>
			               
			          	</div>
		            {/if}

		            {if	$ad['type']==5}
							 <div class="ad-s-con mp">
				                   <div class="mp-box">

				                             <div class="mp-left click" data-url="{if $ad['url']!=''}{$ad[url]}{else}{php echo iurl('card/index/index',['uid'=>$act['uid']])}{/if}">
				                                  <div class="mp-face">
				                                      <img src="{$ad['img']}">
				                            </div>
				                                  <div class="mp-name  savead">{$ad['name']}</div>
				                             </div>
				                             <div class="mp-right">
				                                <div class="mp-info click" data-url="{if $ad['url']!=''}{$ad[url]}{else}{php echo iurl('card/index/index',['uid'=>$act['uid']])}{/if}">
				                                   <div class="company  savead">{$ad['company']}</div>
				                                   <div class="job  savead">{$ad['job']}</div>
				                                </div>
				                                <div class="bui-fluid">
												    <div class="span4 text-c qq-lian"  data-lian="{$ad['qq']}">
												    	<div class=" b9 yuan ">
												    		<i class="iconfont icon-QQ lian"></i>
												    	</div>
												    </div>
												    <div class="span4 text-c wx-lian"  data-lian="{$ad['weixin']}" data-ewm="{$ad['ewm']}"> 
												    	<div class=" b3 yuan ">
															<i class="iconfont icon-z-weixin2 lian"></i>
												    	</div>
												    </div>
												    <div class="span4 text-c" >
												    	<a href="tel:{$ad['phone']}">
													    	<div class=" b9 yuan ">
													    		<i class="iconfont icon-42 lian"></i>
													    	</div>
												    	</a>
												    </div>
												    
												</div>
				                               

				                             </div>



				                   </div>
				                   
				          		</div>
				    	{/if}



            </div>
            <!-- {/if} -->
			<!-- 广告END -->
			
			<div class="mssage click {if $msg} text-r{/if}" data-url="{php echo iurl('message/index/add',['aid'=>$act['id'],'type'=>'act'])}"> 写留言 </div>
			<div class="msg" {if config('bottom_ad')==2} style="margin-bottom: 1rem;"{/if}>
	            {if $msg}
	              <div class="title_line msg_line">
	                 <span class="tips">精选留言</span>
	              </div>
	            {/if}

	 
	            {if $msg}
	           
	           <ul class="comment">

	             

	           {loop $msg $k $v}

	             <li class="c_item">
	                  <div class="msg_zan"><span style="display: inline; " class="meta_primary tips_global meta_praise zaikan" data-type="2" data-id="{$v['id']}">
	                   <i class="icon_praise_gray  {if $v['zan1']}praised{/if}"></i>
	                       <span class="praise_num" {if $v['zan']==0}style="display:none"{/if}>{$v['zan']}</span>
	                  </span>
	                  </div>
	                  <div class="user_info">
	                       <strong class="nickname">{$v['user']['nickname']}</strong>
	                       <img class="avatar" src="{$v['user']['headimgurl']}">
	                  </div>
	                  <div class="msg_con">{php echo face($v['content'])}</div>
	                  <div class="msg_time">{php echo time_shijian($v['time'])}</div>

	                  {if $v['reply']!=''}
	                     <div class="reply_result">
	                     <div class="auth_zan"><span style="display: inline; " class="meta_primary tips_global meta_praise zaikan" data-type="3"  data-id="{$v['id']}">
	                     <i class="icon_praise_gray {if $v['zan2']}praised{/if}"></i>
	                         <span class="praise_num" {if $v['rzan']==0}style="display:none"{/if}>{$v['rzan']}</span>
	                    </span>
	                    </div>
	                          <div class="nickname">作者回复</div>
	                          <div class="discuss_message">
	                          <div class="discuss_message_content">{$v['reply']}</div>
	                         </div>
	                         <p class="discuss_extra_info" style="white-space: normal;">{php echo time_shijian($v['rtime'])}</p>
	                       </div>
	                   {/if}

	              </li>
	           {/loop}

	           </ul>
	            <div class="title_line msg_line">
	             	<span class="tips">以上留言由公众号筛选后显示</span>
	            </div>
	         	{/if}
	     	</div>

			{if config('bottom_ad')==2}
				
				<div class="footer_box">

					<ul id="tabFootNav1" class="bui-nav">
						<li class="bui-btn btn-home bui-box-vertical" tapmode id="btnOpen" style="overflow:visible;">
			                <i class="big-icon bgauto" style="background-image: url({php echo user($act['uid'],'headimgurl')})"></i>

			                <span class="layer1"></span><span class="layer2"></span>
			            </li>
						<li class="bui-btn bui-box-vertical click" data-url="{php echo iurl('user/article/index',['uid'=>$act['uid']])}">
							<i class="iconfont icon-fabuwenzhang"></i>
							<div class="span1">TA的文章</div>
						</li>
						<li class="bui-btn bui-box-vertical weixin" onClick="weixin()">
							<i class="iconfont icon-weixin"></i>
							<div class="span1">TA的微信</div>
						</li>
						
						<li class="bui-btn bui-box-vertical click" data-url="{php echo iurl('card/index/index',['uid'=>$act['uid']])}">
							<i class="iconfont icon-gerenzhuye"></i>
							<div class="span1">TA的名片</div>
						</li>
						
						<li class="bui-btn bui-box-vertical click" data-url="tel:{php echo user($act['uid'],'phone')}">
							<i class="iconfont icon-42"></i>
							<div class="span1">拨打电话</div>
						</li>

					</ul>

				</div>

			{/if}


				<div class="bui-scroll-foot"></div>
			</div>
        </main>
	
	</div>
	
	<!-- 阅读时间 -->
		<form name="fm0" onsubmit="0">  
		    <input type="hidden" id="miao" name="time_spent" size=7 onfocus="this.blur()">
		</form>  
	<!-- end -->


	<!-- 中间自定义弹出框结构	 -->
<div id="qq-lian-tan" class="bui-dialog" style="display: none;">
    <div class="bui-dialog-head">qq</div>
    <div class="bui-dialog-main">
    	<i class="iconfont icon-QQ" style="font-size: .8rem;"></i>
        <div class="text-c">{$ad['qq']}</div>
    </div>

    <div class="bui-dialog-close"><i class="icon-close"></i></div>
</div>

<!-- 中间自定义弹出框结构	 -->
<div id="wx-lian-tan" class="bui-dialog" style="display: none;">
    <div class="bui-dialog-head">微信二维码</div>
    <div class="bui-dialog-main">
        <img src="{$ad['ewm']}" style="width: 2.3rem;max-width: 2.3rem;height: auto;">
        <p class="text-c">微信：{$ad['weixin']}</p>
    </div>
    
    <div class="bui-dialog-close"><i class="icon-close"></i></div>
</div>
	<div id="dialogCenter" class="bui-dialog" style="display: none;">
	    <div class="bui-dialog-head">关注</div>
	    <div class="bui-dialog-main">
	        <img src="{$ewm}" alt="占位图">
	        <p class="text-c" style="margin-top: .25rem">长按识别关注公众号体验更多</p>
	    </div>
	   
	    <div class="bui-dialog-close"><i class="icon-close"></i></div>
	</div>
	<div id="dialogCenter_weixin" class="bui-dialog" style="display: none;">
	    <div class="bui-dialog-head">添加好友</div>
	    <div class="bui-dialog-main">
	        <img src="{php echo user($act['uid'],'wxcode')}" style="width: 3rem;height: 3rem;">
	        <p class="text-c" style="margin-top: .25rem">长按识别添加我的微信</p>
	    </div>
	   
	    <div class="bui-dialog-close"><i class="icon-close"></i></div>
	</div>

	<div id="dialogDownChats" class="bui-dialog" style="display: none;background-color: #F4F5F7;">
	    <div class="bui-dialog-head" style="background-color: #fff;margin-bottom: .25rem;">聊天</div>
	    
	        <div class="bui-panel chat-panel" id="chats_content">
	    	    
			</div>
			<footer>
			    <div class="chatbar" style="position: fixed;bottom: 0;left: 0;right: 0rem;background-color: #fff;">
			        <div class="bui-input">
			            <textarea id="chatInput" placeholder="点击可以输入聊天信息" ></textarea><span id="btnSend" class="bui-btn round disabled">发送</span>
			        </div>
			    </div>
			</footer>
	    <div class="bui-dialog-close"><i class="icon-close"></i></div>
	</div>

	<div class="text-r btn" data-clipboard-action="copy" data-clipboard-target="#input_1"></div>
    <input type="text" id="input_1" class="input" value="{if vip($act['uid'])==1&&!empty($ad['moren'])}{$ad['moren']}{else} {php echo config('ad_moren')} {/if}">


		<script src="{$public}js/w.js"></script>
		<script src="{$public}js/clipboard.min.js?{php echo time()}"></script>
	<script>



if (!window.console) window.console = { log: function() {} };

if (typeof getComputedStyle == 'undefined') {
    if (document.div.currentStyle) {
        window.getComputedStyle = function(el) {
            return el.currentStyle;
        }
    } else {
        window.getComputedStyle = {};
    }
}
(function(){
    window.__zoom = 1;
    
    (function(){
        var validArr = ","+([0.875, 1, 1.125, 1.25, 1.375]).join(",")+",";
        var match = window.location.href.match(/winzoom=(\d+(?:\.\d+)?)/);
        if (match && match[1]) {
            var winzoom = parseFloat(match[1]);
            if (validArr.indexOf(","+winzoom+",")>=0) {
                window.__zoom = winzoom;
            }
        }
    })();

    var ua = navigator.userAgent.toLowerCase();
    var re = new RegExp("msie ([0-9]+[\.0-9]*)");
    var version;
    if (re.exec(ua) != null) {
        version = parseInt(RegExp.$1);
    }
    var isIE = false;
    if (typeof version != 'undefined' && version >= 6 && version <= 9) {
        isIE = true;
    }
    var getMaxWith=function(){
        var container = document.getElementById('img-content');
        var max_width = container.offsetWidth;
        var container_padding = 0;
        var container_style = getComputedStyle(container);
        container_padding = parseFloat(container_style.paddingLeft) + parseFloat(container_style.paddingRight);
        max_width -= container_padding;
        if (!max_width) {
            max_width = window.innerWidth - 30;      
        }
        return max_width;
    };
    var getParentWidth = function(dom){
        var parent_width = 0;
        var parent = dom.parentNode;
        var outerWidth = 0;
        while (true) {
            if(!parent||parent.nodeType!=1) break;
            var parent_style = getComputedStyle(parent);
            if (!parent_style) break;
            parent_width = parent.clientWidth - parseFloat(parent_style.paddingLeft) - parseFloat(parent_style.paddingRight) - outerWidth;
            if (parent_width > 0) break;
            outerWidth += parseFloat(parent_style.paddingLeft) + parseFloat(parent_style.paddingRight) + parseFloat(parent_style.marginLeft) + parseFloat(parent_style.marginRight) + parseFloat(parent_style.borderLeftWidth) + parseFloat(parent_style.borderRightWidth);
            parent = parent.parentNode;
        }
        return parent_width;
    }
    var getOuterW=function(dom){
        var style=getComputedStyle(dom),
            w=0;
        if(!!style){
            w = parseFloat(style.paddingLeft) + parseFloat(style.paddingRight) + parseFloat(style.borderLeftWidth) + parseFloat(style.borderRightWidth);
        }
        return w;
    };
    var getOuterH =function(dom){
        var style=getComputedStyle(dom),
            h=0;
        if(!!style){
            h = parseFloat(style.paddingTop) + parseFloat(style.paddingBottom) + parseFloat(style.borderTopWidth) + parseFloat(style.borderBottomWidth);
        }
        return h;
    };
    var insertAfter = function(dom,afterDom){
        var _p = afterDom.parentNode;
        if(!_p){
            return;
        }
        if(_p.lastChild === afterDom){
            _p.appendChild(dom);
        }else{
            _p.insertBefore(dom,afterDom.nextSibling);
        }
    };
    var getQuery = function(name,url){
        
        var u  = arguments[1] || window.location.search,
            reg = new RegExp("(^|&)"+ name +"=([^&]*)(&|$)"),
            r = u.substr(u.indexOf("\?")+1).match(reg);
        return r!=null?r[2]:"";
    };

    
    function setImgSize(item, widthNum, widthUnit, ratio, breakParentWidth) {
        setTimeout(function () {
            var img_padding_border = getOuterW(item) || 0;
            var img_padding_border_top_bottom = getOuterH(item) || 0;
            
            if (widthNum > getParentWidth(item) && !breakParentWidth) {
                widthNum = getParentWidth(item);
            }

            height = (widthNum - img_padding_border) * ratio + img_padding_border_top_bottom;

            if (isIE) {
                var url = item.getAttribute('data-src');
                item.src = url;
            } else {
                if(parseFloat(widthNum, 10) > 40 && height > 40 && breakParentWidth) {
                    item.className += ' img_loading';
                }
                item.src = "data:image/gif;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAADUlEQVQImWNgYGBgAAAABQABh6FO1AAAAABJRU5ErkJggg==";
            }
            item.style.cssText += ";width: " + widthNum + widthUnit + " !important;";
            item.style.cssText += ";height: " + height + widthUnit + " !important;";
        }, 10);
    }

    (function(){
        var images = document.getElementsByTagName('img');
        var length = images.length;
        var max_width = getMaxWith();
        for (var i = 0; i < length; ++i) {
            if (window.__second_open__ && images[i].getAttribute('__sec_open_place_holder__')) {
                continue;
            }
            var imageItem = images[i];
            var src_ = imageItem.getAttribute('data-src');
            var realSrc = imageItem.getAttribute('src');
            if (!src_ || realSrc) continue;
            
            var originWidth = imageItem.getAttribute('data-w');
            var ratio_ = 1 * imageItem.getAttribute('data-ratio');

            var height = 100;
            if (ratio_ && ratio_ > 0) {
                var parent_width = getParentWidth(imageItem) || max_width;
                var initWidth = imageItem.style.width || imageItem.getAttribute('width') || originWidth || parent_width;
                initWidth = parseFloat(initWidth, 10) > max_width ? max_width : initWidth;
                
                if (initWidth) {
                    imageItem.setAttribute('_width', !isNaN(initWidth * 1) ? initWidth + 'px' : initWidth);
                }
                
                if (typeof initWidth === 'string' && initWidth.indexOf('%') !== -1) {
                    initWidth = parseFloat(initWidth.replace('%', ''), 10) / 100 * parent_width;
                }
                
                if (initWidth === 'auto') {
                    initWidth = originWidth;
                }

                var res = /^(\d+(?:\.\d+)?)([a-zA-Z%]+)?$/.exec(initWidth);
                var widthNum = res && res.length >= 2 ? res[1] : 0;
                var widthUnit = res && res.length >= 3 && res[2] ? res[2] : 'px';

                
                setImgSize(imageItem, widthNum, widthUnit, ratio_, true);
                
                (function (item, widthNumber, unit, ratio) {
                    setTimeout(function () {
                        setImgSize(item, widthNumber, unit, ratio, false);
                    });
                })(imageItem, widthNum, widthUnit, ratio_);
            } else {
                imageItem.style.cssText += ";visibility: hidden !important;";
            }

        }
    })();
    window.__videoDefaultRatio=16/9;
    window.__getVideoWh = function(dom){
        var max_width = getMaxWith(),
            width = max_width,
            ratio_ = dom.getAttribute('data-ratio')*1,
            arr = [4/3, 16/9],
            ret = arr[0],
            abs = Math.abs(ret - ratio_);
        if (!ratio_) { 
            if (dom.getAttribute("data-mpvid")) { 
                ratio_ = 16/9;
            } else { 
                ratio_ = 4/3;
            }
        } else { 
            for (var j = 1, jl = arr.length; j < jl; j++) {
                var _abs = Math.abs(arr[j] - ratio_);
                if (_abs < abs) {
                    abs = _abs;
                    ret = arr[j];
                }
            }
            ratio_ = ret;
        }

        var parent_width = getParentWidth(dom)||max_width,
            width = width > parent_width ? parent_width : width,
            outerW = getOuterW(dom)||0,
            outerH = getOuterH(dom)||0,
            videoW = width - outerW,
            videoH = videoW/ratio_,
            height = videoH + outerH;
        return {w:Math.ceil(width),h:Math.ceil(height),vh:videoH,vw:videoW,ratio:ratio_};
    };


    (function(){
        var iframe = document.getElementsByTagName('iframe');
        for (var i=0,il=iframe.length;i<il;i++) {
            if (window.__second_open__ && iframe[i].getAttribute('__sec_open_place_holder__')) {
                continue;
            }
            var a = iframe[i];
            var src_ = a.getAttribute('src')||a.getAttribute('data-src')||"";
            if(!/^http(s)*\:\/\/v\.qq\.com\/iframe\/(preview|player)\.html\?/.test(src_)
                && !/^http(s)*\:\/\/mp\.weixin\.qq\.com\/mp\/readtemplate\?t=pages\/video_player_tmpl/.test(src_)
            ){
                continue;
            }
            var vid = getQuery("vid",src_);
            if(!vid){
                continue;
            }
            vid=vid.replace(/^[\s\uFEFF\xA0]+|[\s\uFEFF\xA0]+$/g,"");
            a.removeAttribute('src');
            a.style.display = "none";
            var obj = window.__getVideoWh(a),
                videoPlaceHolderSpan = document.createElement('span'),
                videoPlayerIconSpan = document.createElement('span'),
                mydiv = document.createElement('img');

            videoPlaceHolderSpan.className = "js_img_loading db";
            videoPlaceHolderSpan.setAttribute("data-vid", vid);
            

            videoPlayerIconSpan.className = 'wx_video_context db'; 
            videoPlayerIconSpan.style.display = 'none';
            videoPlayerIconSpan.innerHTML = '<span class="wx_video_thumb_primary"></span><button class="wx_video_play_btn">播放</button><span class="wx_video_mask"></span>'; 

            mydiv.className = "img_loading";

            mydiv.src="data:image/gif;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAADUlEQVQImWNgYGBgAAAABQABh6FO1AAAAABJRU5ErkJggg==";
            
            
            videoPlaceHolderSpan.style.cssText = "width: " + obj.w + "px !important;";
            mydiv.style.cssText += ";width: " + obj.w + "px";
            videoPlaceHolderSpan.appendChild(videoPlayerIconSpan);
            videoPlaceHolderSpan.appendChild(mydiv);
            insertAfter(videoPlaceHolderSpan, a); 

            a.style.cssText += ";width: " + obj.w + "px !important;";
            a.setAttribute("width",obj.w);
            if(window.__zoom!=1){
                a.style.display = "block";
                videoPlaceHolderSpan.style.display = "none";
                a.setAttribute("_ratio",obj.ratio);
                a.setAttribute("_vid",vid);
            }else{
                videoPlaceHolderSpan.style.cssText += "height: " + obj.h + "px !important;";
                mydiv.style.cssText += "height: " + obj.h + "px !important;";
                a.style.cssText += "height: " + obj.h + "px !important;";
                a.setAttribute("height",obj.h);
            }
            a.setAttribute("data-vh",obj.vh);
            a.setAttribute("data-vw",obj.vw);
            if(a.getAttribute("data-mpvid")){
                a.setAttribute("data-src",location.protocol+"//mp.weixin.qq.com/mp/readtemplate?t=pages/video_player_tmpl&auto=0&vid="+vid);
            }else{
                a.setAttribute("data-src",location.protocol+"//v.qq.com/iframe/player.html?vid="+ vid + "&width="+obj.vw+"&height="+obj.vh+"&auto=0");
            }
        }
    })();

    (function(){
        if(window.__zoom!=1){
            if (!window.__second_open__) {
                document.getElementById('page-content').style.zoom = window.__zoom;
                var a = document.getElementById('activity-name');
                var b = document.getElementById('meta_content');
                if(!!a){
                    a.style.zoom = 1/window.__zoom;
                }
                if(!!b){
                    b.style.zoom = 1/window.__zoom;
                }
            }
            var images = document.getElementsByTagName('img');
            for (var i = 0,il=images.length;i<il;i++) {
                if (window.__second_open__ && images[i].getAttribute('__sec_open_place_holder__')) {
                    continue;
                }
                images[i].style.zoom = 1/window.__zoom;
            }
            var iframe = document.getElementsByTagName('iframe');
            for (var i = 0,il=iframe.length;i<il;i++) {
                if (window.__second_open__ && iframe[i].getAttribute('__sec_open_place_holder__')) {
                    continue;
                }
                var a = iframe[i];
                a.style.zoom = 1/window.__zoom;
                var src_ = a.getAttribute('data-src')||"";
                if(!/http(s)*\:\/\/v\.qq\.com\/iframe\/(preview|player)\.html\?/.test(src_)){
                    continue;
                }
                var ratio = a.getAttribute("_ratio");
                var vid = a.getAttribute("_vid");
                a.removeAttribute("_ratio");
                a.removeAttribute("_vid");
                var vw = a.offsetWidth - (getOuterW(a)||0);
                var vh = vw/ratio;
                var h = vh + (getOuterH(a)||0)
                a.style.cssText += "height: " + h + "px !important;"
                a.setAttribute("height",h);
                a.setAttribute("data-src",location.protocol+"//v.qq.com/iframe/player.html?vid="+ vid + "&width="+vw+"&height="+vh+"&auto=0");
                a.style.display = "none";
                var parent = a.parentNode;
                if(!parent){
                    continue;
                }
                for(var j=0,jl=parent.children.length;j<jl;j++){
                    var child = parent.children[j];
                    if(child.className.indexOf("img_loading")>=0 && child.getAttribute("data-vid")==vid){
                        child.style.cssText += "height: " + h + "px !important;";
                        child.style.display = "";
                    }
                }
            }
        }
    })();
})();
	



	</script>

	<script>



		var wwww = new ClipboardJS('.btn');

	    $('.btn').click();
	    wwww.on('success', function(e) {});


		bui.ready(function(){

			var time=0;
			setInterval(function(){

				time++;
				
			},1000);

			var s=bui.list({
			        id: "#scrollList",
			        url: "{php echo iurl('shijian',['id'=>$act['id']])}",
			        field: {
			            page: "page",
			            size: "pageSize",
			            data: "data"
			        },
				    onBeforeLoad : function (r) {
			
				    	var data={};
				    	data.time_shijian=time;
				    	data.page=r;
				    	if (r==2) {
				    		$.get("{php echo iurl('shijian',['id'=>$act['id'],'type'=>1])}",data,function(res){})
				    	}

				    }
			    })

			  $('.zaikan').on('click',function(){

			      var url;
			      var t=$(this);
			      var type=t.data('type');
			      var data={type:type};
			      var num=t.find('.praise_num');
			      var zan=parseInt(num.data('zan')); 
			      if(type!=1){

			        data.mid=t.data('id');
			        url="{php echo iurl('actmsgzan')}&id={php echo $_GET['id']}";
			      }else{
			        url="{php echo iurl('actzan')}&id={php echo $_GET['id']}";//文章点赞
			      }


			      $.post(url,data,function(r){

			    
			          if(r==1){

			               t.find('i').addClass('praised');
			               t.find('span').addClass('praised');

			               if (zan>100000) {

			               		num.text('10万+').show();

			               }else{

			               		num.text(zan+1).show();

			               }
			                


			          }else{

			               t.find('i').removeClass('praised');
			               t.find('span').removeClass('praised');
			               if (zan>100000) {

			               		num.text('10万+').show();

			               }else{

			               		 num.text(zan-1); 
			               }
			              

			               if(zan==1){

			                num.hide();
			               }

			          }
			      })

			  })

			
			 var uiDialogwx = bui.dialog({
			        id: "#wx-lian-tan",
			        height: 300,
			  
			        
			    });
			 var uiDialogqq = bui.dialog({
			        id: "#qq-lian-tan",
			        height: 150,
			       
			        
			    });
			 var uiDialog = bui.dialog({
		        id: "#dialogCenter",
		        height: 280,
		    });
			 
			  var uiDialogDownChats = bui.dialog({
			        id: "#dialogDownChats",
			        effect: "fadeInUp",
			        position: "bottom",
			        fullscreen: false,
			        height:"90%",
			        buttons: []
			    });
			  var uiDialogweixin = bui.dialog({
			        id: "#dialogCenter_weixin",
			        height: 280,
			       
			        
			    });
			window.weixin=function(){

				uiDialogweixin.open();

			}
			window.shiyong=function(i){


				var subscribe="{php echo user($this->user['id'],'subscribe')}";
				var editact="{php echo config('actedit')}";
				var vip="{php echo $this->vip}";
				var force_uinfo="{php echo config('force_uinfo')}";
				if (subscribe==0&&force_uinfo==2) {

					uiDialog.open();
					return false; 
				}

				if (vip==0) {

					if (i>=editact) {

						return $('#vip_box').show();

					}

					
				}

				window.location.href="{php echo iurl('user/article/edit',array('id'=>$act['id']))}";

			}

			
			$('.wx-lian').click(function(){

				uiDialogwx.open();
				
			})

			$('.qq-lian').click(function(){

				uiDialogqq.open();
				
			})	
			$('.wx-lian').click(function(){

				uiDialogwx.open();
				
			})

			/**
			 * 聊天
			 */

			 var woker = new Woker("trhy4tEcmlfBueW6");
		    var channel = woker.subscribe('desk_{$token}');
		    var limg="{php echo user($act['uid'],'headimgurl')}",rimg="{php echo $this->user['headimgurl']}",userid="{php echo $this->user['id']}";
	        channel.on('my-event', function(msg) {
	            var r= json(msg);
	            var v=r.desk;

	            var html='';
	            if (v.uid==userid) {
	            	 html+=`<div class="bui-box-align-top chat-target">
				                <div class="chat-icon"><img src="`+limg+`" style="width:.6rem;height:.6ren;border-radius:50%;"></div>
				                <div class="span1">
				                    <div class="chat-content bui-arrow-left">`+v.content+`</div>
				                </div>
				            </div>`
		           
	            }else{
	            	 html+=`<div class="bui-box-align-top chat-mine">
		                        <div class="span1">
		                            <div class="bui-box-align-right">
		                                <div class="chat-content bui-arrow-right">
		                                 	 `+v.content+`
		                                </div>
		                            </div>
		                        </div>
		                        <div class="chat-icon"><img src="`+rimg+`" style="width:.6rem;height:.6ren;border-radius:50%;" alt=""></div>
		                    </div>`
	            }

	            $('#chats_content').append(html);

	            uiDialogDownChats.open();

	            var pageview = {};
            var uid="{php echo $_GET['uid']}",token="{$token}",cid="{php echo $cid}",tuid="{php echo $_GET['tuid']}",type="{php echo input('get.type')?input('get.type'):0}";
		    // 模块初始化定义    
		    pageview.init = function () {
		        this.bind();
		    }
		    pageview.bind = function () {
		            // 发送的内容
		        var $chatInput = $("#chatInput"),
		            // 发送按钮
		            $btnSend = $("#btnSend"),
		            // 聊天的容器
		            $chatPanel = $(".chat-panel");
		        
		        // 绑定发送按钮
		        $btnSend.on("click",function (e) {
		            var val = $chatInput.val();
		            // var tpl = chatTpl(val);

		            if( !$(this).hasClass("disabled") ){
		                // $chatPanel.append(tpl);
		                $chatInput.val('');
		                $(this).removeClass("primary").addClass("disabled");
		                
		                $.post("{php echo iurl('chats/index/fasong')}&type="+type+"&cid="+cid+"&token="+token+"&tuid="+tuid,{content:val,uid:uid,cid:cid},function(r){

		                });
		            }else{
		                return false;
		            }
		        });

		        // 延迟监听输入
		        $chatInput.on("input",bui.unit.debounce(function () {
		            var val = $chatInput.val();
		            if( val ){
		                $btnSend.removeClass("disabled").addClass("primary");
		                
		            }else{
		                $btnSend.removeClass("primary").addClass("disabled");

		            }
		        },100))

		        var interval = null;
		        var count = 3;
		        // 安卓键盘弹出的时间较长;
		        var time = bui.platform.isIos() ? 200 : 400;
		        // 为input绑定事件
		        $chatInput.on('focus', function () {
		            
		            var agent = navigator.userAgent.toLowerCase();
		            interval = setTimeout(function() {
		                if (agent.indexOf('safari') != -1 && agent.indexOf('mqqbrowser') == -1 &&
		                    agent.indexOf('coast') == -1 && agent.indexOf('android') == -1 &&
		                    agent.indexOf('linux') == -1 && agent.indexOf('firefox') == -1) { 
		                    //safari浏览器
		                    window.scrollTo(0, 1000000);
		                    setTimeout(function() {
		                        window.scrollTo(0, window.scrollY - 45);
		                    }, 50)

		                } else { 
		                    //其他浏览器
		                    window.scrollTo(0, 1000000);
		                }

		            }, time);
		        }).on('blur', function () {
		            if( interval ){
		                clearTimeout(interval);
		            }
		            
		            var agent = navigator.userAgent.toLowerCase();
		            interval = setTimeout(function() {
		                if (!(agent.indexOf('safari') != -1 && agent.indexOf('mqqbrowser') == -1 &&
		                        agent.indexOf('coast') == -1 && agent.indexOf('android') == -1 &&
		                        agent.indexOf('linux') == -1 && agent.indexOf('firefox') == -1)) { 
		                        //safari浏览器
		                    window.scrollTo(0, 30);
		                }
		            }, 0);
		        });
		    }



		    pageview.init();
		    return pageview;



	      //       $('.chat-panel').append(html);

    		});




		})
		
    	function json(r){
    		return eval('(' + r + ')');
    	}
		function share(){


			
				var id="{$act['id']}",uid="{php echo $this->user['id']}",type="{$act['type']}";
	     		$.post("{php echo iurl('share_act')}",{id:id,uid:uid,type:type},function(r){

	     			
	     		})

			};
		$.post('',function(r){}) 
		if (isapp) {
			share();
		}
        $('#img-content img').css({'max-width':"100%",'height':'auto'});
        $('#img-content section').css({'max-width':"100%"});
	</script>


{php $this->template('footer')}