网页游戏用的“内容区”的下载模板
<style>
.article-main{
width:939px;
}
/*下载中心*/
.big_pub_right { width:960px; }
.faq p { line-height:25px; }
.pub_title { background:#353b42; height:84px; color:#969db0; line-height:84px; padding:0px 20px; }
.pub_title a { color:#969db0; }
.local_name { font-size:20px; float:left; }
.local { float:right; }
.pub_block { min-height:500px; padding:55px; }
.dl_tab { border-bottom:solid 1px rgb(2,2,2); height:35px; margin-bottom:30px; }
.dl_tab a { height:32px; font-size:16px; color:#969db0; width:142px; float:left; text-align:center; margin-right:5px; }
.dl_tab .f, .dl_tab a:hover { border-bottom:solid 3px #c53f48; color:#c53f48; }
.dl_title { height:40px; margin-bottom:20px; }
.dl_title .icon_list { background:url(http://fmz.qyggame.com/wp-content/themes/fmz/img/main_element.png?v=3) -304px -322px; width:27px; height:33px; color:#fff; float:left; text-align:center; line-height:25px; margin-top:5px; margin-right:10px; }
.dl_title .txt { font-size:20px; float:left; }
.dl_title a { float:right; margin-top:10px; color:#aea05d; }
.dl_list { height:250px; margin-bottom:20px; }
.dl_list li { float: left; width: 39.8%; padding-left:10%; }
.btn_box_full { text-align:left; margin-bottom:15px; }
.full_info { line-height: 25px; margin-bottom: 30px; }
.full_info p { font-size: 12px; }
.mt_dl_links { margin-bottom: 50px; overflow: hidden; }
.mt_dl_links a { float: left; width: 20%; text-align: center; height: 31px; line-height: 31px; font-size: 12px; color: #000; }
.mt_dl_links a:hover { text-decoration:underline; }
.btn_box_mt { text-align:left; padding: 20px 0px 20px 85px; }
.pz_box table { border-left: 1px solid #afb5bb; border-top: 1px solid #afb5bb; }
.pz_box td { border-right: 1px solid #afb5bb; border-bottom: 1px solid #afb5bb; height: 31px; line-height: 31px; font-size: 12px; text-align: center; }
.pz_box .tit { background:#cad1d8; }
.pz_box a { color:#aea05d; }
.que { margin: 20px 0px; line-height: 31px; clear: both; font-weight: bold; }
.ang { padding: 0px 18px 18px 0px; color: #000; font-size: 12px; line-height: 21px; border-bottom: 1px solid #CCC; }
.btn_1{ display:block;width:283px; height:89px; background:url(http://fmz.qyggame.com/wp-content/themes/fmz/img/btn_dlb.jpg?v=2);}
.btn_1:hover{background:url(http://fmz.qyggame.com/wp-content/themes/fmz/img/btn_dlb.jpg?v=2) left -89px;}
.btn_2{ display:block;width:283px; height:89px; background:url(http://fmz.qyggame.com/wp-content/themes/fmz/img/btn_dlb.jpg?v=2) -283px top;}
.btn_2:hover{background:url(http://fmz.qyggame.com/wp-content/themes/fmz/img/btn_dlb.jpg?v=2) -283px -89px;}
</style>
<div class="article-main" >
<div class="pub_block">
<div class="dl_tab"> <a class="f">客户端下载</a>
<!--<a href="path.html">补丁下载</a>-->
</div>
<div class="dl_title">
<div class="icon_list">01</div>
<div class="txt">最新客户端下载</div>
<a href="http://www.17173.com" target="_blank">客户端常见问题解决办法>></a> </div>
<!--客户端下载-->
<div class="dl_list">
<ul>
<li>
<div class="btn_box_full"> <a href="http://www.baidu.com" class="btn_1" target="_blank"></a> </div>
<div class="full_info">
<p>客户端版本:1.0.1</p>
<p>文件大小:10.5GB</p>
<p>更新日期:2016-10-88</p>
</div>
</li>
<li>
<div class="btn_box_full"> <a href="http://www.baidu.com" class="btn_1" target="_blank"></a> </div>
<div class="full_info">
<p>客户端版本:1.2.1</p>
<p>文件大小:5.5GB</p>
<p>更新日期:2016-10-08</p>
</div>
</li>
</ul>
</div>
<div class="dl_title">
<div class="icon_list">02</div>
<div class="txt">媒体分流</div>
</div>
<div class="btn_box_mt">
<a href="http://www.17173.com" target="_blank">
<img src="http://fmz.qyggame.com/wp-content/themes/fmz/img/btn_dl_173.jpg">
</a>
</div>
<div class="dl_title" style="margin-top:50px">
<div class="icon_list">03</div>
<div class="txt">电脑配置</div>
</div>
<div class="pz_box">
<table cellpadding="0" cellspacing="0" width="100%">
<tbody>
<tr class="tit">
<td width="24%"> </td>
<td width="38%">最低流畅配置</td>
<td class="last" width="38%">推荐配置</td>
</tr>
<tr>
<td>CPU</td>
<td>双核2.5GHz上</td>
<td class="last">四核3.0GHz</td>
</tr>
<tr>
<td>显卡</td>
<td>256M独立显卡</td>
<td class="last">1G独立显卡</td>
</tr>
<tr>
<td>硬盘</td>
<td>4G空间</td>
<td class="last">4G空间</td>
</tr>
<tr>
<td>内存</td>
<td>2G 1333MHz</td>
<td class="last">4G 1666MHz</td>
</tr>
<tr>
<td>系统</td>
<td>Windows XP</td>
<td class="last">Windows 7</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>