cf-platform/Application/Mobile/View/Activity/detail.html

<extend name="Public/bases"/>

<block name="body" >
<link rel="stylesheet" href="__CSS__/detail.css">
<link rel="stylesheet" href="__CSS__/total.css">
<link rel="stylesheet" href="__CSS__/minfor.css">
<link rel="stylesheet" href="__CSS__/mcompinglun.css">
<link rel="stylesheet" href="__CSS__/wapcomtop_main.css">
<link rel="stylesheet" href="__CSS__/style.3.0.23.css">
<style>

.article p{ margin-bottom:10px; line-height:1.5em;}
.article p img{ max-width:100%;}
.main-wrap{ margin-bottom: 10px;}
.bottom-container{ margin-top: 10px;}
.article  .game-icon {
    display: block;
    width: inherit;
    height: inherit;
    border-radius: 0;  max-width: 100%;
}
.nhidetable tr,.hidetable table{border-collapse:collapse;}
.hidetable td{ border:1px solid #ccc;padding:10px; text-align:center;}
.jdad{margin:10px;}
.jdad .game-icon{ width: 100%;border-radius:0;hieght:initial; height: auto;}
.dw-comment-expression-btn .game-icon{ width:24px; height:24px; border-radius:0;}
.dw-comment-reply_post-ctn{ position:relative;padding: 5px 10px 50px 10px;}
.dw-comment-post-ctn{position:relative;padding: 5px 10px 50px 10px;}
#yzmzt{ position:absolute; top:140px;}
#div_geetest_lib{margin: 5px 0 0 0;}
.dw-comment-comments-ctn .dw-comment-post-ctn{padding: 10px 10px 40px 10px;}
.dw-comment-reply_post-foot .dw-comment-reply_post-action .submit{ float:right;}
.tucaoBot{ padding-bottom:10px;height: initial; overflow:hidden;}
.tucao .input-append .w200{width: inherit;}
.article{ border:none;}
.btn-right-wrap .single{ margin:0; float:left}
.btn-right-wrap .btn-green{height: 28px;line-height: 28px; background-image:none;border-radius:0; background:none; margin-right:15px;border-radius: 3px; border:1px #0FAAE8 solid; color:#0FAAE8;float: left;}
.btn-right-wrap .btn-llb{ height:26px; line-height:26px; border:none;border-radius:0; background:none;border-radius: 3px; border:1px #FF4320 solid; color:#FF4320; float:left}
.loum-title{padding-left: 15px;border-left: 3px #FF4320 solid;}
.header-sub .logo .game-icon{height: 30px;width: auto;border-radius: 0;margin: 6px 0;}
.btn-right-wrap{position: inherit;top: 0;right: 0;}
.active-time a{ margin:10px 0}
.mtopnav{    border-bottom: 2px #D5D5D5 solid;}
.active-time{margin: 0 10px;}
.textalgin {
    height: 30px;
    text-align: center;
    line-height: 30px;
}
.game-icon2 li img {
    display: block;
    width: 60px;
    height: 60px;
    border-radius: 10px; margin:0 auto;
}
.bfad-box{margin: 10px  0;}
.bfad-box .game-icon{width:100%;height:100%;display:block;border-radius: 0;}

.data-table {
	width: 100%;
	margin: 10px 0
}
.data-table th, .data-table td {
	border: 1px solid #e9e9e9;
	text-align: center;
	vertical-align: middle;
	line-height: 1.6;
	color: #333;
	word-wrap: break-word;
	word-break: break-all; padding: 5px 0;
}
.data-table th .icon-sm, .data-table th .icon-nor, .data-table th .icon-large, .data-table th .icon-rcsquare, .data-table td .icon-sm, .data-table td .icon-nor, .data-table td .icon-large, .data-table td .icon-rcsquare {
	margin: 10px auto
}

.data-table .left-text {
	text-align: left
}
.data-table th {
	height: 36px;
	line-height: 36px;
	background: #f8f8f8
}
.data-table p{font-size: 14px;margin-bottom: 0px;padding:0 10px;}
 #block {
   right:0; top:50%; position:fixed; width:95px; height:80px; z-index:999999;
   }
    #block em{ display:block;width:80px;height:80px;cursor:pointer; background-size:80px; }
   #block i{ position:absolute; display:block; width:20px; height:20px;  right:0;background-size:20px; top:0px;}
.btn{width:70px;}
</style>
<section class="main-wrap" id="fix-main">
    <div class="mtopnav">
        <a href="{:U('Index/index')}">{:C('WAP_SET_TITLE')}</a>
        <a href="{:U('index')}">{$category.title}</a>     
    </div>
    <!-- <div class="bfad-box"> 
    广告
    </div> -->
    <article class="article">            
        <h1 class="article-title" style="font-weight: bold;">{$data.title}</h1>
        <p class="article-info">{$data.create_time|date='Y-m-d H:i:s',###}</p>				
        <div class="article-content">
            {$data.content}
        </div>
    </article>
                        
    <section class="normal-module">
       
    </section>
  
</section>
<div style="clear:both;"></div>
	
<section class="normal-module mt10"> 
    <div class="module-header">
        <p class="title">游戏推荐</p>
    </div>            
    <ul class="normal-app-list game-icon2 cf">
    <game:index name="vo" recommend_status="1" sort="sort desc" limit="8" field="" >
        <li>
            <img src="{$vo.icon|get_cover='path'}" class="game-icon">
            <a class="game-title" type="btn" href="{:U('Game/detail?id='.$vo['id'])}"><?php echo preg_replace('/(\(.+)/i','',$vo['game_name']);?></a>
            <p class="textalgin">{$vo.game_type_name}</p>
            <a class="btn" type="btn" href="{:U('Game/detail?id='.$vo['id'])}">开始</a>
        </li>
    </game:index>      
    </ul>
    <a class="module-more block" type="btn" href="{:u('Game/index')}">进入游戏库<em class="modify"></em></a>        
</section>
</block>