<extend name="Public/bases" />
<block name="css">
  <link href="__CSS__/open.css" rel="stylesheet" >
  <link href="__CSS__/game.css" rel="stylesheet" > 
   <if condition="C('IS_OPEN_SMALL_ACCOUNT') eq 0">
  <style>
  .t-tab li {width:25%;float:left;text-align:center;}
  </style> 
  </if> 
	<style>
		.pop-window .pop-box .pop-wrap {padding:5%;}
		.pop-window .pop-box .pop-wrap .pop-close img {width:1.8rem;height:1.8rem;}
		.pop-window .pop-box{width:94vw;max-width:400px;}
		.pop-window .pop-box .pop-wrap .pop-textarea {border:none;resize:none;border-radius:10px;}
		.pop-window .pop-box.comment .pop-wrap .pop-content {margin-bottom:3rem;}
		.pop-window .pop-box .pop-wrap .pop-btnbox .pop-btn {width:35%;font-size:2.4rem;}
		.pop-window .pop-box.comment .pop-wrap .pop-btnbox .pop-cancel {border-color:#ece9e9;}
		.pop-window .pop-box .pop-wrap .pop-title{color:#18B1EA;}
		.t-list2 .content .text .description {height:5.5rem;line-height:1.4;}
		.t-list2 .content .text .description .mark {display:block;}
		@media screen and (max-width: 550px) {
			.pop-window .pop-box .pop-wrap .pop-btnbox .pop-btn {font-size:2rem;}
		}
		@media screen and (max-width: 450px) {
			.pop-window .pop-box .pop-wrap .pop-btnbox .pop-btn {font-size:1.8rem;}
		}
	</style>
</block>
<block name="body" >
   
  <script src="__JS__/TouchSlide.1.1.js"></script>
  <header class="header">
      <div class="">
        <a href="{:U('Index/index')}" class="hbtn back" ><i class="iconfont icon-drop-left"></i></a>
        <h1 class="caption">{$mate_title}</h1>
      	<a href="javaScript:" class="hbtn share" onClick="toshare()"><span class="table"><span class="table-cell"><i class="share_icon"></i></span></span></a>
      </div>
  </header>
  <div class="occupy"></div>
    <section class="trunker">
      <section class="container">
        <div class="base zclearfix">
		<a class="za_icon">
          <img src="{$data.icon|get_cover='path'}" alt="{$data.relation_game_name}" class="icon" onerror="this.src='__IMG__/empty.jpg';this.onerror=null">
			
		</a>
		<div class="text z_fl">
              <div class="namebox">
                <span class="name">{$data['relation_game_name']}</span>
                <span class="stars"><i style="width:{$data['game_score']}0%;"></i></span>
            </div>
            <div class="info">
            <span class="dlnumber">{$data['dow_num']}人下载</span></div>
            <p class="description">{$data.features}</p>
          </div>
          <div class="collect_box z_fl">
						<div class="table">
						<div class="table-cell" data-game-id={$data['id']}>
             <empty name='isCollect'>
              <a href="javaScript:" class="obtn collect" status="1"><i class="collect_icon collect_icon_no"></i>
							<p>收藏</p></a>
              <else/>
              <a href="javaScript:" class="obtn collect" status="2"><i class="collect_icon collect_icon_yes"></i>
							<p>已收藏</p></a>
              </empty>
						</div>
						</div>
          </div>
        </div>
          <eq name="data.dow_status" value="1">
              <div class="download_box">
                  <div class="download_wrap">
						<span class="table">
						<empty name="devices">
                            <if condition="$data['sdk_version'] eq 1">
                                <span class="table-cell dw3">
                                    <eq name="data.down_port" value="2">
                                        <a href="{$data['add_game_address']}" class="download_btn"><i class="download_icon download_icon_and"></i><span>安卓版下载</span></a><p class="download_text"><span class="download_rebate">返利{$data['ratio']|default=0}%</span><span class="z_shugang"></span><span class="download_size"><empty name="data['game_size']">0MB<else/>{$data['game_size']}</empty></span></p>
                                    <else />
                                        <a href="javascript:" url="{:U('AjaxDown/down_file',array('game_id'=>$data['relation_game_id'],'type'=>1))}" class="down download_btn"><i class="download_icon download_icon_and"></i><span>安卓版下载</span></a><p class="download_text"><span class="download_rebate">返利{$data['ratio']|default=0}%</span><span class="z_shugang"></span><span class="download_size"><empty name="data['game_size']">0MB<else/>{$data['game_size']}</empty></span></p>
                                    </eq>
                                </span>
                            <else/>
                                <span class="table-cell dw1">
                                    <eq name="data.down_port" value="2">
                                        <a href="{$data['ios_game_address']}" class="download_btn download_btn_ios"><i class="download_icon"></i><span>iOS版下载</span></a><p class="download_text"><span class="download_rebate">返利{$data['ratio']|default=0}%</span><span class="z_shugang"></span><span class="download_size"><empty name="data['game_size']">0MB<else/>{$data['game_size']}</empty></span></p>
                                    <else />
                                        <a href="javascript:" url="{:U('AjaxDown/down_file',array('game_id'=>$data['relation_game_id'],'type'=>2))}" class="down download_btn"><i class="download_icon download_icon_ios"></i><span>iOS版下载</span></a><p class="download_text"><span class="download_rebate">返利{$data['ratio']|default=0}%</span><span class="z_shugang"></span><span class="download_size"><empty name="data['game_size']">0MB<else/>{$data['game_size']}</empty></span></p>
                                    </eq>
                                </span>
                            </if>
                            <span class="table-cell dw2"></span>
                            <notempty name="data1">
                                <if condition="$data1['sdk_version'] eq 1">
                                <span class="table-cell dw3">
                                    <eq name="data1.down_port" value="2">
                                        <a href="{$data1['add_game_address']}" class="download_btn"><i class="download_icon download_icon_and"></i><span>安卓版下载</span></a><p class="download_text"><span class="download_rebate">返利{$data1['ratio']|default=0}%</span><span class="z_shugang"></span><span class="download_size"><empty name="data1['game_size']">0MB<else/>{$data1['game_size']}</empty></span></p>
                                    <else />
                                        <a  href="javascript:" url="{:U('AjaxDown/down_file',array('game_id'=>$data1['relation_game_id'],'type'=>1))}" class="down download_btn"><i class="download_icon download_icon_and"></i><span>安卓版下载</span></a><p class="download_text"><span class="download_rebate">返利{$data1['ratio']|default=0}%</span><span class="z_shugang"></span><span class="download_size"><empty name="data1['game_size']">0MB<else/>{$data1['game_size']}</empty></span></p>
                                    </eq>
                                </span>
                            <else/>
                                <span class="table-cell dw1">
                                    <eq name="data1.down_port" value="2">
                                        <a href="{$data1['ios_game_address']}" class="download_btn download_btn_ios"><i class="download_icon"></i><span>iOS版下载</span></a><p class="download_text"><span class="download_rebate">返利{$data1['ratio']|default=0}%</span><span class="z_shugang"></span><span class="download_size"><empty name="data1['game_size']">0MB<else/>{$data1['game_size']}</empty></span></p>
                                    <else />
                                        <a href="javascript:" url="{:U('AjaxDown/down_file',array('game_id'=>$data1['relation_game_id'],'type'=>2))}" class="down download_btn"><i class="download_icon download_icon_ios"></i><span>iOS版下载</span></a><p class="download_text"><span class="download_rebate">返利{$data1['ratio']|default=0}%</span><span class="z_shugang"></span><span class="download_size"><empty name="data1['game_size']">0MB<else/>{$data1['game_size']}</empty></span></p>
                                    </eq>
                                </span>
                            </if>
                            </notempty>
						<else />
						<eq name="devices" value="2">
						<span class="table-cell dw1">
							<eq name="data.down_port" value="2">
								<a href="{$v['ios_game_address']}" class="download_btn"><i class="download_icon download_icon_ios"></i><span>iOS版下载</span></a><p class="download_text"><span class="download_rebate">返利{$data['ratio']|default=0}%</span><span class="z_shugang"></span><span class="download_size"><empty name="data['game_size']">0MB<else/>{$data['game_size']}</empty></span></p>
							<else />
								<a href="javascript:" url="{:U('AjaxDown/down_file',array('game_id'=>$data['relation_game_id'],'type'=>2))}" class="down download_btn"><i class="download_icon download_icon_ios"></i><span>iOS版下载</span></a><p class="download_text"><span class="download_rebate">返利{$data['ratio']|default=0}%</span><span class="z_shugang"></span><span class="download_size"><empty name="data['game_size']">0MB<else/>{$data['game_size']}</empty></span></p>
							</eq>
						</span>
						</eq>
						<eq name="devices" value="1">
						<span class="table-cell dw3">
							<eq name="data.down_port" value="2">
								<a href="{$v['add_game_address']}" class="download_btn"><i class="download_icon download_icon_and"></i><span>安卓版下载</span></a><p class="download_text"><span class="download_rebate">返利{$data['ratio']|default=0}%</span><span class="z_shugang"></span><span class="download_size"><empty name="data['game_size']">0MB<else/>{$data['game_size']}</empty></span></p>
							<else />
								<a href="javascript:" url="{:U('AjaxDown/down_file',array('game_id'=>$data['relation_game_id'],'type'=>1))}" class="down download_btn"><i class="download_icon download_icon_and"></i><span>安卓版下载</span></a><p class="download_text"><span class="download_rebate">返利{$data['ratio']|default=0}%</span><span class="z_shugang"></span><span class="download_size"><empty name="data['game_size']">0MB<else/>{$data['game_size']}</empty></span></p>
							</eq>
						</span>
						</eq>
						</empty>
						</span>
                  </div>
              </div>
          </eq>
        <div class="other gd-other">
          <ul class="t-tab gd-t-tab clearfix">
            <li><a href="{:U('Game/detail?id='.$data['id'])}" class="btn">简介</a></li>
            <li><a href="{:U('Game/gift?id='.$data['id'])}" class="btn">礼包</a></li>
            <li><a href="{:U('Game/open?id='.$data['id'])}" class="btn">开服</a></li>
            <li><a href="" class="btn active">评论<span class="topr_num">{$comment_count}</span></a></li>
            <if condition="C('IS_OPEN_SMALL_ACCOUNT') eq 1">
						<li><a href="{:U('Game/trade?id='.$data['id'])}" class="btn">交易<span class="topr_num">{$trade_count}</span></a></li>
            </if>
          </ul>

          <div class="t-list2 gd-t-list">
            <div class="content comment-content">
              <ul class="">
                <foreach name="lists" item="v">
                <li class="content-item">
                    
					<a class="icon">
                        <img src="{$v['head_img']}" class="icon_img">
                        
                        <span class="dis_tab">
                            <span class="dis_tabcell">
                                <div>{:C('SET_POSITION_IMG')}</div>
                            </span>
                          </span>
					</a>
                    
                  <div class="text"><div class="namebox"><a href="" class="name">{:empty($v['nickname'])?$v['account']:$v['nickname']}</a></div>
                    <div class="time">{$v['create_time']}</div>
                    <p class="description">{$v['comment']}<a href="javascript:;" class="showarticle hidden"><span class="shengmark">...</span>全文</a><i class="mark"></i></p>
                  </div>
                </li>
                </foreach>
                  <empty name="lists">
                      <li class="empty">
                          暂无评论
                      </li>
                  </empty>
              </ul>
            </div>
            <div class="btnbox">
              <a href="javascript:;" class="download jscomment">评论</a>
            </div>
          </div>
        </div>
      </section>
    </section>
   <link rel="stylesheet" type="text/css" href="__CSS__/demo-fenxiang.css">
    <style type="text/css">
      .button-style0-32 a li {}
    </style>
    <div class="am-share" style="">
    <h3 class="am-share-title">分享到</h3>        
         <style>
          .bshare-custom {display:table;display:block;text-align:center;vertical-align:middle;padding:0;box-sizing:border-box;}
          .bshare-custom .bshare-qqim,.bshare-custom .bshare-qzone,.bshare-custom .bshare-sinaminiblog {background:none;display:table-cell;width:0.5rem;height:0.5rem;display:inline-block;width:6rem;height:6rem;}
          .bshare-custom a img {width:70%;height:70%;display:inline-block;margin:15% auto;}
          @media screen and (min-width: 769px) {
            .bshare-custom {width:620px;}
          }
         </style>
         <div class="bshare-custom" style="background-color: #e6e6e6; border-radius: 0 0 2px 2px; margin: 0 10px; padding-top: 0; height:6.1rem;zoom:1; overflow:hidden;text-align: center;">
          <a title="分享到QQ好友" class="bshare-qqim" href="javascript:void(0);" onclick="javascript:bShare.share(event,'qqim',0);return false;"><img src="__IMG__/btn_normal_qq@3x.png" /><span style=""></span></a>
          <a title="分享到QQ空间" class="bshare-qzone" href="javascript:void(0);" onclick="javascript:bShare.share(event,'qzone',0);return false;"><img src="__IMG__/btn_normal_kongjian@3x.png"/><span style=""></span></a>
          <a title="分享到新浪微博" class="bshare-sinaminiblog" href="javascript:void(0);" onclick="javascript:bShare.share(event,'sinaminiblog',0);return false;"  ><img src="__IMG__/icon_weibo.png" /><span style=""></span></a>
        </div>
        <div class="am-share-footer"><button class="share_btn">取消</button></div>
        <script type="text/javascript" charset="utf-8" src="http://static.bshare.cn/b/buttonLite.js#style=-1&amp;uuid=&amp;pophcol=1&amp;lang=zh"></script>
        <script type="text/javascript" charset="utf-8" src="http://static.bshare.cn/b/bshareC0.js"></script>
    </div>
  <script>
    bShare.addEntry({
          title: "{$mate_title}",
          url: "{$sahre_data.url}",
          summary: "{$sahre_data.introduction}",
          pic: "{$sahre_data.icon}"
      });
    </script>
    <div class="pop pop-window">
      <div class="pop-box comment">
        <div class="pop-wrap">
          
        </div>
        <input type="hidden" name="game_id" value="{$data['id']}">
      </div>
    </div>
    <div style="display: none;" class="loading ms-none" id="moreBtn"><a href="javascript:" class="link"></a></div>
    <div class="popmsg pop-dialog"></div>
    <div class="popmsg2 pop-dialog"></div>
    <script src="__JS__/ajaxload.js"></script>
    <script src="__JS__/pop.lwx.min.js"></script>
    <script>
      $(function() {
        var popmsg = $('.popmsg').pop();
				
				$("body").delegate('.down','click',function(){
            var url = $(this).attr('url');
            var pmsg = $(".popmsg2").pop();
            $.ajax({
                url:url,
                type:"get",
                dataType:"json",
                data:{},
                success:function(result){
                    if(result.status == 0){
                        pmsg.msg(result.info);
                    }else{
                        location.href=result.url;
                        return false;

                    }
                },
                error:function(){
                    alert("服务器异常");
                }
            })
        })
				
        $('.jscomment').click(function() {
          
          var pop = $('.pop').pop({
            text:'<h2 class="pop-title"><span>发表评论</span><a href="javascript:;" class="pop-close"><img src="__IMG__/trade1/icon_normal_shan@3x.png"></a></h2><p class="pop-content"><textarea name="content" class="pop-textarea jscontentinput" placeholder="请输入评论信息" data-value="255"></textarea><span class="totalnum" >您还可以输入<span>255</span>个字符</span></p><div class="pop-btnbox"><a href="javascript:;" class="pop-btn pop-cancel jscancel">取消</a><a href="javascript:;" class="pop-btn pop-confirm jsconfirm">提交</a></div>'
          }).open(800);
          
          pop.find('.jscontentinput').keyup(function() {
            var that = $(this);
            var val = that.val();
            var num = that.attr('data-value');
            var sib = that.siblings('.totalnum');
            var len = num-val.length;
            // /alert(len);
            if (len<0) {that.val(val.substr(0,parseInt(num)));return false;}
            sib.find('span').text(len);
            return false;
          });
          
          pop.find('.jscancel').click(function() {
            pop.close();
            return false;
          });
          
          pop.find('.jsconfirm').click(function() {
            var comment = $('textarea[name="content"]').val();
            var game_id = $('input[name="game_id"]').val();
              $.ajax({
                type: 'POST',
                url: '{:U("ajax_add_comment")}',
                data: {'comment':comment,'game_id':game_id},
                success: function(data){
                  if(data.code==1){                      
                    pop.close();            
                    popmsg.msg(data.msg);
                  }else{                              
                    popmsg.msg(data.msg);
                  }
                },
                error:function(){
                  popmsg.msg('网络错误，请刷新测试');
                },
                dataType: 'JSON'
            });                        
            return false;
          });
          
          pop.find('.pop-close').click(function() {
            pop.close();
          });
          
          return false;
        }); 


        
        $('.description').each(function() {
          var that = $(this);
          var position = that.find('.mark').position();
          var a=that.find('.showarticle');
          if (position) {
						var lh = that.css('lineHeight');
						lh = lh=='normal'?19.2:parseFloat(lh);
            var height = position.top;
            if (height>4*lh) {
              a.removeClass('hidden');
							that.css({height:3*lh});
            } else {
              a.addClass('hidden');
              that.css({'height':'auto'});
            }
          }
        });
        
        $('.showarticle').click(function() {
          var that=$(this),parent = that.closest('.description');
          var position = parent.find('.mark').position();
					var lh = that.css('lineHeight');
					lh = lh=='normal'?19.2:parseFloat(lh);
					
          if (that.hasClass('on')) {
            that.html('<span class="shengmark">...</span>全文').removeClass('on');
            parent.css({'height':3*lh+'px'});
          } else {
            parent.css({'height':'auto'});
            that.html('收起').addClass('on');
          }
        });
      });

        
      
    var ac = $('#ajaxContainer'),key = ac.attr('key');
    var popmsg = $('.loading').pop();
    ajaxload('{:U("ajaxcomment")}',{id:{$data['id']}},function(data) {
        if (data.status == 1) {
            ac.attr('currentpage',data.page);
            var html = '',d = data.lists;
            for (var i in d) {
                var item = d[i];
                html += '<li class="content-item">'
                        '  <img src="'+item.head_img+'" class="icon">'
                        '  <div class="text"><div class="namebox"><a href="" class="name">'+item.nickname+'</a></div>'
                        '  <div class="time">'+item.create_time+'</div><p class="description">'+item.comment+'</p></div>'
                        '</li>';
            }
            
            ac.append(html);
            $('.loading').addClass('ms-none');
            $('#moreBtn').removeClass('ms-none');loads=false;
        } else {
            $('.loading').addClass('ms-none');
            popmsg.msg('已经到底了~');
            // $('#moreBtn').show().html('已经到底了~');
        }
    });

				
$(".collect").click(function() {
          var status = $(this).attr('status');
          var game_id = $(this).parent().attr('data-game-id');
var pmsg = $(".popmsg2").pop();
            $.ajax({
              url:"{:U('Game/collect_game')}",
              type:"POST",
              dataType:"json",
              data:{game_id:game_id,status:status},
              success:function(result){
                pmsg.msg(result.info);
                setTimeout(function(){location.reload();},1500);

              },
              error:function(){
                alert('服务器异常');
              }
            })
        });		
    

    function toshare(){
      $(".am-share").addClass("am-modal-active"); 
      if($(".sharebg").length>0){
        $(".sharebg").addClass("sharebg-active");
      }else{
        $("body").append('<div class="sharebg"></div>');
        $(".sharebg").addClass("sharebg-active");
      }
      $(".sharebg-active,.share_btn").click(function(){
        $(".am-share").removeClass("am-modal-active");  
        setTimeout(function(){
          $(".sharebg-active").removeClass("sharebg-active"); 
          $(".sharebg").remove(); 
        },300);
      })
    } 
</script>   

</block>

<block name="footer"></block>