{extend name="$base" /}
{block name="resources"}
<style type="text/css">
.main_content{
	overflow: hidden;
	background: #ffffff;
	padding-left: 10px;
}
.main_content h3{
	font-size: 14px;
    color: #333;
    margin-top: 0;
    margin-bottom: 10px;
    font-weight: 700;
}

.clearfix {
    zoom: 1;
}
.main_content li{
    float: left;
    width: 240px;
    margin-right: 15px;
    margin-bottom: 20px;
    background: #f8f8f8;
}
.main_content li>a{
	zoom: 1;
    display: block;
    padding: 10px;
}
.main_content li .application-logo{
    float: left;
    width: 40px;
    height: 40px;
    border-radius: 4px;
}
.application-item img{
    width: 40px;
    height: 40px;
    vertical-align: bottom;
    border: none;
}
.application-item .application-name{
	font-size: 14px;
    height: 24px;
    line-height: 24px;
    vertical-align: bottom;
    color: #333;
    font-weight: 700;
    margin-left: 50px;
}
.application-item .application-desc{
	margin-left: 50px;
	font-size: 12px;
    height: 16px;
    line-height: 16px;
    vertical-align: top;
    color: #999;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}
</style>
{/block}
{block name="right_tab"}{/block}
{block name="main"}
<div class="main_content">
	<h3>互动游戏</h3>
	<ul class="clearfix">
		{volist name = "game_type_list" id = "vo"}
		<li class="application-item">
		
			{if condition = "$vo.is_complete eq 1"}
				<a href="{:__URL('ADMIN_MAIN/promotion/addPromotionGame?game_type='.$vo.game_type)}">
			{else /}
				<a href="javascript:showTip('正在开发中！','warning');">
			{/if}
				<div class="application-logo"><img src="ADMIN_IMG/{$vo.type_ico}" alt="" /></div>
				<div class="application-name">{$vo.type_name}</div>
				<div class="application-desc">{$vo.type_des}</div>
			</a>
		</li>
		{/volist}
	</ul>
</div>
{/block}
{block name="script"}{/block}