<extend name="Public/bases" />
<block name="css">
	<link href="__CSS__/open.css" rel="stylesheet">
	<link href="__CSS__/game.css" rel="stylesheet">
	<style>
		.no_data {
			position: relative;
		}
		
		.nodata_content {
			position: relative;
			top: 50%;
			left: 50%;
			margin-top: -4rem;
			margin-left: -11rem;
			width: 22rem;
			height: 8rem;
			text-align: center;
		}
		
		.nodata_img {
			width: 5rem;
			height: 5rem;
			margin: 0 auto;
		}
		
		.nodata_txt {
			height: 3rem;
			line-height: 3rem;
		}
	</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}" 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="{:U('Game/comment?id='.$data['id'])}" class="btn">评论<span class="topr_num">{$comment_count}</span></a>
					</li>
					<li>
						<a href="" class="btn active">交易<span class="topr_num">{$trade_count}</span></a>
					</li>
				</ul>
				<div class="t-list gd-t-list" style="clear:both;">
					<div class="content gift-content">
						<notempty name="lists">
							<ul class="" id="ajaxContainer" currentpage="{$page}" game_id="{:I('id')}" maxpage="{$totalpage}">
								<volist name="lists" id="vo">
									<li class="z_game_detailli">
										<p class="z_date">{$vo.online_time}</p>
										<div class="media">
											<div class="media-left">
												<a href="{$vo.url}"> <img class="media-object trade_img" src="<notempty name='vo.icon'>{$vo.icon}<else />__IMG__/pic_game@3x.png</notempty>" alt="..."> </a>
											</div>
											<div class="media-body">
												<h4 class="media-heading">{$vo.title}</h4>
												<p class="z_clearfix z_detailp"> <span class="game_btn">{$vo.game_name}</span> <span class="z_pays">¥{$vo.price}</span> </p>
											</div>
										</div>
									</li>
								</volist>
							</ul>
							<else />
							<div class="no_data">
								<div class="nodata_content"> <img class="nodata_img" src="__IMG__/trade/icon_shangpin@3x.png" alt="" height="" width="">
									<p class="nodata_txt">暂无商品出售,逛逛其他游戏吧~</p>
								</div>
							</div>
						</notempty>
					</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}"
		});

		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>
	<div class="pop pop-window">
		<div class="pop-box">
			<div class="pop-wrap gift"> </div>
		</div>
	</div>
	<div class="popmsg pop-dialog"></div>
	<div class="popmsg2 pop-dialog"></div>
	<div class="loading ms-none hidden" id="moreBtn">
		<a href="javascript:" class="link"></a>
	</div>
	<script src="__JS__/ajaxload.js"></script>
	<script src="__JS__/pop.lwx.min.js"></script>
	<script>
		$(function() {
			$('.content').css({
				'min-height': ($(window).height() - $(".header").height() - $(".base").height() - $(".download_box").height() - $(".gd-t-tab").height() - 160)
			});
			$(".no_data").css({
				'height': ($('.content').height())
			});
			var ac = $('#ajaxContainer');
			var popmsg = $('.loading').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("服务器异常");
					}
				})
			});
			$(".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);
						if(result.status == 1) {
							setTimeout(function() {
								location.reload();
							}, 1500);
						} else {
							setTimeout(function() {
								location.href = '{:U("User/login",array("url"=>base64_encode(base64_encode(U("Game/trade",array("id"=>$_GET["id"]))))))}';
							}, 1500);
						}
					},
					error: function() {
						alert('服务器异常');
					}
				})
			});
			ajaxload('{:U("ajaxtrade")}', {
				id: ac.attr('game_id')
			}, function(data) {
				if(parseInt(data.status) == 1) {
					ac.attr('currentpage', data.current);
					var html = '',
						d = data.lists;
					for(var i in d) {
						var item = d[i];
						html += '<li class="z_game_detailli">';
						html += '<p class="z_date">' + item.online_time + '</p> ';
						html += '<div class="media">';
						html += '<div class="media-left">';
						html += '<a href="' + item.url + '">';
						html += '<img class="media-object trade_img" src="' + (item.icon ? item.icon : '__IMG__/pic_game@3x.png') + '" alt="...">';
						html += '</a>';
						html += '</div>';
						html += '<div class="media-body">';
						html += '<h4 class="media-heading">' + item.title + '</h4>';
						html += '<p class="z_clearfix z_detailp">';
						html += '<span class="game_btn">' + item.game_name + '</span>';
						html += '<span class="z_pays">¥' + item.price + '</span>';
						html += '</p>';
						html += '</div></div></li>';
					}
					ac.append(html);
					$('.loading').addClass('ms-none');
					$('#moreBtn').removeClass('ms-none');
					loads = false;
				} else {
					$('.loading').addClass('ms-none');
					popmsg.msg('已经到底了~');
				}
			});
		});
	</script>
	</body>

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