destoon聚合搜索页面模板
最近学习大型站点SEO策略，谈到关于大站需要做聚合页面tags，所以根据destoon系统自己做了一个聚合页面，在此分享给吾爱的朋友，一起学习参考！
模板演示站点：http://zhimo.yuanzhumuban.cc/hotkey/
header-tags.htm模板为：
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="X-dns-prefetch-control" content="on" />
<link rel="dns-prefetch" href="//ae.bdstatic.com/">
<link rel="dns-prefetch" href="//msite.baidu.com">
<link rel="dns-prefetch" href="//zhimo.yuanzhumuban.cc">
<link rel="dns-prefetch" href="//wap.yuanzhumuban.cc">
<meta name="applicable-device" content="pc">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>{if $seo_title}{$seo_title}{else}{if $head_title}{$seo_title}{$head_title}{$DT[seo_delimiter]}{/if}{if $city_sitename}{$city_sitename}{else}{$DT[sitename]}{/if}{/if}</title>
{if $head_keywords}
<meta name="keywords" content="{$head_keywords}"/>
{/if}
{if $head_description}
<meta name="description" content="{$head_description}"/>
{/if}
<link rel="canonical" href="{if $moduleid>2 &&$itemid==0}{$MOD[linkurl]}{$linkurl}{/if}{if $itemid!=0}{$linkurl}{/if}" />
<script src="//msite.baidu.com/sdk/c.js?appid=1594888518697810"></script>
<script type="application/ld+json">
{
"@context": "https://ziyuan.baidu.com/contexts/cambrian.jsonld",
"@id": "{if $moduleid>2 &&$itemid==0}{$MOD[linkurl]}{$linkurl}{/if}{if $itemid!=0}{$linkurl}{/if}",
"appid": "1594888518697810",
"title": "{if $seo_title}{$seo_title}{else}{if $head_title}{$seo_title}{$head_title}{$DT[seo_delimiter]}{/if}{if $city_sitename}{$city_sitename}{else}{$DT[sitename]}{/if}{/if}",
"description": "{$head_description}",
"images": [
"http://zhimo.yuanzhumuban.cc/logo_index.jpg"
],
"pubDate":"<?php
$dateTime2= date("H:i:s",$editdate);
echo date("Y-m-d")."T"."$dateTime2"
?>",
"upDate": "<?php
$dateTime2= date("H:i:s",$editdate);
echo date("Y-m-d")."T"."$dateTime2"
?>",
"lrDate": "<?php
$dateTime2= date("H:i:s",$editdate);
echo date("Y-m-d")."T"."$dateTime2"
?>"
}
</script>
<!--百度出图!-->
<script type="application/ld+json">
{
"@context": "https://ziyuan.baidu.com/contexts/cambrian.jsonld",
"@id": "{if $moduleid>2 &&$itemid==0}{$MOD[linkurl]}{$linkurl}{/if}{if $itemid!=0}{$linkurl}{/if}",
"appid": "1594888518697810",
"title": "{if $seo_title}{$seo_title}{else}{if $head_title}{$seo_title}{$head_title}{$DT[seo_delimiter]}{/if}{if $city_sitename}{$city_sitename}{else}{$DT[sitename]}{/if}{/if}",
"images": [
"http://zhimo.yuanzhumuban.cc/logo_index.jpg",
],
"pubDate": "<?php
$dateTime2= date("H:i:s",$editdate);
echo date("Y-m-d")."T"."$dateTime2"
?>"
}
</script>
<link href="{DT_SKIN}tags/style.css" rel="stylesheet" media="screen" type="text/css" />
<link rel="shortcut icon" href="/favicon.ico" />
</head>
index.htm模板为：
{template 'header-tags'}
<body>
<div id="daohang_ht">
<div class="dhang" style=" height:20px;">
<div class="main_sl">
<div class="fd_left fd_land"><a href="http://zhimo.yuanzhumuban.cc/">支模网</a> <a href="http://zhimo.yuanzhumuban.cc/">圆柱木模板厂家直供采购平台</a></div>
<div class="fd_right fd_land " ><a href="http://zhimo.yuanzhumuban.cc/hotkey/" target="_blank">热门标签</a>
<a href="http://zhimo.yuanzhumuban.cc/hotkey/list-951.html" target="_blank">产品热搜</a>
<a href="http://zhimo.yuanzhumuban.cc/sitemap/" target="_blank">站点地图</a><a href="http://zhimo.yuanzhumuban.cc/feed/rss.php?mid=21" target="_blank" >RSS订阅</a></div>
</div>
</div>
<div class="dhang">
<div class="main_sl">
<div class="fd_logo"><a href="http://zhimo.yuanzhumuban.cc/hotkey/" title="热门搜索"><img src="http://zhimo.yuanzhumuban.cc/file/upload/201704/21/152122681.png" alt="支模网"/></a></div>
</div>
</div>
<div style="width:100%; clear:both; margin:0 auto; height:65px; position:relative; z-index:55555">
<div id="dh_dand_xd">
<!--导航开始-->
<div class="fd_column">
<div class="fd_abmain_sl">
<ul class="fd_clear">
<li class="pos5">
<div class="title"><a href="http://zhimo.yuanzhumuban.cc/news/jianzhu/" title="建筑">建筑</a></div>
<div class="nav"><a href="http://zhimo.yuanzhumuban.cc/news/zhuzhaijianzhu/" target="_blank" title="住宅">住宅</a><a href="http://zhimo.yuanzhumuban.cc/news/gongyejianzhu/" target="_blank" title="工业">工业</a><a href="http://zhimo.yuanzhumuban.cc/news/yiliaojianzhu/" target="_blank" title="医疗">医疗</a><br><a href="http://zhimo.yuanzhumuban.cc/news/jianzhuzhuangxiu/" target="_blank" title="装修">装修</a><a href="http://zhimo.yuanzhumuban.cc/news/bangongloujianzhu/" target="_blank" title="办公">办公</a><a href="http://zhimo.yuanzhumuban.cc/news/qitajianzhu/" target="_blank" title="其他">其他</a></div>
</li>
<li class="pos6">
<div class="title f20"><a href="http://zhimo.yuanzhumuban.cc/news/shigong/" title="施工">施工</a></div>
<div class="nav"><a href="http://zhimo.yuanzhumuban.cc/news/gongcheng/" target="_blank" title="工程">工程</a><a href="http://zhimo.yuanzhumuban.cc/news/zaojia/" target="_blank" title="造价">造价</a><a href="http://zhimo.yuanzhumuban.cc/news/guanli/" target="_blank" title="管理">管理</a><br><a href="http://zhimo.yuanzhumuban.cc/news/sheji/" target="_blank" title="设计">设计</a><a href="http://zhimo.yuanzhumuban.cc/news/dichan/" target="_blank" title="地产">地产</a><a href="/health/bj/" target="_blank" title="木材">木材</a></div>
</li>
<li class="pos7">
<div class="title f20"><a href="http://zhimo.yuanzhumuban.cc/photo/" title="图库">图库</a></div>
<div class="nav"><a href="http://zhimo.yuanzhumuban.cc/photo/yuanzhumoban/" target="_blank" title="圆柱模板">圆柱模板</a><a href="http://zhimo.yuanzhumuban.cc/photo/fangyuankou/" target="_blank" title="方圆扣">方圆扣</a><br><a href="http://zhimo.yuanzhumuban.cc/photo/fangzhumoban/" target="_blank" title="方柱模板">方柱模板</a><a href="http://zhimo.yuanzhumuban.cc/photo/qitajianzhumoban/" target="_blank" title="剪力墙">剪力墙</a></div>
</li>
<li class="pos8">
<div class="title f20"><a href="http://zhimo.yuanzhumuban.cc/news/cailiao/" title="材料">材料</a></div>
<div class="nav">
<a href="http://zhimo.yuanzhumuban.cc/news/yuanzhumoban/" target="_blank" title="圆柱模板">圆柱</a>
<a href="http://zhimo.yuanzhumuban.cc/news/yixingmoban/" target="_blank" title="异形模板">异形</a>
<a href="http://zhimo.yuanzhumuban.cc/news/jianliqiang/" target="_blank" title="剪力墙">剪力墙</a>
<br/>
<a href="http://zhimo.yuanzhumuban.cc/photo/fangzhumoban/" target="_blank" title="方柱模板">方柱</a>
<a href="http://zhimo.yuanzhumuban.cc/photo/fangyuankou/" target="_blank" title="方圆扣案例">案例</a>
<a href="http://zhimo.yuanzhumuban.cc/photo/diantijing/" target="_blank" title="电梯井">电梯井</a>
</li>
</ul>
<div class="fd_clear"></div>
</div>
</div>
<!--导航结束-->
</div>
</div></div>
<div class="g-menu">
<div class="m-menu">
<dl class="menu clearfix">
<center> <strong style="font-size:26px">热门搜索排行榜</strong></center>
<dd>
</dd>
</dl>
</div>
</div>
<div class="wraper" style="margin-top:20px;">
<div class="main">
<div class="w960 clear center" style="margin-top:8px;">
<div class="tags_list" id="ctag">
<dl class="tbox">
<dd>
<!--{tag("moduleid=21&table=keyword&condition=moduleid=21 and status=3&pagesize=1300&order=updatetime desc&template=tags-top")}-->
</dd>
</dl>
</div>
<script>
var bcolor = document.getElementById("ctag").getElementsByTagName("a");
for(i=0;k=bcolor.length,i<k;i++)
{
var str = "0123456789ABCDEF";
var t = "#";
for(j=0;j<6;j++)
{t = t+ str.charAt(Math.random()*str.length);}
var fsize;
fsize=parseInt(Math.random()*(20)+6);
bcolor[i].style.color=t;
bcolor[i].style.fontSize=fsize + "px";
}
</script>
</DIV>
</div>
</div>
<div class="foot">
<div class="footwap">
<div class="logo-copytop fn-clear">
<div class="fot_logo"><img class="loading" src="http://zhimo.yuanzhumuban.cc/file/upload/201704/21/152122681.png" alt="支模网 " height="38" width="146"></div>
<div class="about-nav"><A href="http://zhimo.yuanzhumuban.cc/zhanshi/gywm.html" target="_blank">关于我们</A> <A
href="http://zhimo.yuanzhumuban.cc/zhanshi/yuanzhumoban.html" target="_blank">圆柱模板</A> <A
href="http://zhimo.yuanzhumuban.cc/zhanshi/fangzhumoban.html" target="_blank">方柱模板</A><A
href="http://zhimo.yuanzhumuban.cc/zhanshi/fangyuankou.html" target="_blank">方圆扣</A><A
href="http://zhimo.yuanzhumuban.cc/zhanshi/huxingmoban.html" target="_blank">异形模板</A> <A
href="http://zhimo.yuanzhumuban.cc/zhanshi/lxwm.html" target="_blank">联系我们</A></div>
<div class="foot-ptit">- <a href="http://wap.yuanzhumuban.cc/" rel="nofollow">支模网手机版</a> - <a href="http://zhimo.yuanzhumuban.cc/">圆柱模板</a> -</div>
</div>
<div class="fn-clear">
<div class="fo-item one">
<div><a href="http://zhimo.yuanzhumuban.cc/sell/">产品展示</a> SELL</div>
<div class="fo-item-list">
<a target="_blank" href="http://zhimo.yuanzhumuban.cc/sell/list-529.html" title="圆柱模板">圆柱模板</a>
<a target="_blank" href="http://zhimo.yuanzhumuban.cc/sell/list-539.html" title="方柱加固件">方柱加固件</a>
<a target="_blank" href="http://zhimo.yuanzhumuban.cc/sell/list-543.html" title="异形模板">异形模板</a>
<a target="_blank" href="http://zhimo.yuanzhumuban.cc/sell/list-552.html" title="弧形模板">弧形模板</a>
</div>
</div>
<div class="fo-item">
<div><a href="http://zhimo.yuanzhumuban.cc/news/">建筑资讯</a> NEWS</div>
<div class="fo-item-list">
<a href="http://zhimo.yuanzhumuban.cc/news/jianzhu/">建筑</a>
<a href="http://zhimo.yuanzhumuban.cc/news/shigong/">施工</a>
<a href="http://zhimo.yuanzhumuban.cc/news/gongcheng/">工程</a>
<a href="http://zhimo.yuanzhumuban.cc/news/cailiao/">材料</a>
<a href="http://zhimo.yuanzhumuban.cc/news/guanli/">管理</a>
<a href="http://zhimo.yuanzhumuban.cc/news/sheji/">设计</a>
<a href="http://zhimo.yuanzhumuban.cc/news/dichan/">地产</a>
<a href="http://zhimo.yuanzhumuban.cc/news/mucai/">木材</a>
</div>
</div>
<div class="fo-item">
<div><a href="http://zhimo.yuanzhumuban.cc/know/">知道</a> KNOW</div>
<div class="fo-item-list">
<a href="http://zhimo.yuanzhumuban.cc/know/list-917.html">造价</a>
<a href="http://zhimo.yuanzhumuban.cc/know/list-919.html">园林</a>
<a href="http://zhimo.yuanzhumuban.cc/know/list-920.html">市政</a>
<a href="http://zhimo.yuanzhumuban.cc/know/list-926.html">结构</a>
<a href="http://zhimo.yuanzhumuban.cc/know/list-930.html">电气</a>
<a href="http://zhimo.yuanzhumuban.cc/know/list-931.html">暖通</a>
<a href="http://zhimo.yuanzhumuban.cc/know/list-933.html">岩土</a>
<a href="http://zhimo.yuanzhumuban.cc/know/list-1199.html">术语</a>
</div>
</div>
<div class="fo-item">
<div><a href="http://zhimo.yuanzhumuban.cc/bbs/">论坛</a> BBS</div>
<div class="fo-item-list">
<a href="http://zhimo.yuanzhumuban.cc/bbs/list-941.html">建筑材料</a>
<a href="http://zhimo.yuanzhumuban.cc/bbs/list-942.html">装饰装修</a>
<a href="http://zhimo.yuanzhumuban.cc/bbs/list-943.html">电工电气</a>
<a href="http://zhimo.yuanzhumuban.cc/bbs/list-944.html">园林景观</a>
</div>
</div>
<div class="fo-item last">
<img src="http://zhimo.yuanzhumuban.cc/skin/pengcheng1688/sell_kefu/images/weixin.jpg" alt="支模网" height="140" width="156">
</div>
</div>
<div class="copyright">
<p>支模网 版权所有
Copyright 2017-2018 yuanzhumuban.cc, All rights reserved. </p>
<p> 声明：未经授权禁止建立镜像！转载、摘编、复制请注明文章出处！ </p>
<p>鲁ICP备13003415号-4</p>
</div>
</div>
</div>
</body>
</html>
css样式为：
*{margin: 0;padding: 0;}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td, hr, button, article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { margin:0; padding:0 }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display:block }
body, button, input, select, textarea { font: 14px/1.5 "microsoft yahei", "\5FAE\8F6F\96C5\9ED1", tahoma, arial; color:#444; }
a:link, a:visited { color: #000; -webkit-transition: color .4s ease-in-out;
-moz-transition: color .4s ease-in-out;
-o-transition: color .4s ease-in-out;
-ms-transition: color .4s ease-in-out;
transition: color .4s ease-in-out
}
body { min-width:1080px }
a:hover, a:active { color: #c00 }
.backEE1{background:#EE1C24}
.header_sl .gtop {background-color:#EE1C24;}
.header_sl .backEE1 {background-color:#EE1C24;}
img{border:0px;}
a img{border:none;}
ul,ol,li{list-style-type:none;}/*增加li标签定义*/
/*link css*/
a {text-decoration: none;}
a{text-decoration:none; color:#4b4b4b;}
a:hover{text-decoration:none; color:#c6171e;}
.w300{width:300px; padding-bottom:10px;}
/*框架*/
.col-ab{width:800px;float:left;}
.col-c{width:310px;float:right;margin-top:32px;}
.doc{ width:100%;}
.wraper{ min-width:1140px;margin:0 auto;}
.main{width:1140px;margin:0 auto;}
i,em { font-style: normal;}
table.neirong { text-indent:30px;}
table.neirong img {display:block;margin:0 auto;text-align:center; padding: 3px;
max-width:700px;width:e?xpression(this.width>700?"700px":this.width);}
.clearfix:after,.main:after,.area:after{visibility:hidden; display:block; font-size:0; content:" "; clear:both; height:0; }
.main,.clearfix,.area {zoom:1;}
#dh_dand_xd{ width:100%; margin:0 auto; clear:both; z-index:22222; position:absolute; left:0px; top:0px; background:#000; height:65px;}
.dand_h65{height:65px;}
.w1180_dand{ width:1180px; margin:0 auto; clear:both; }
.fd_left{float:left; display:inline;}
.fd_right{float:right; display:inline;}
.fd_clear{ clear:both;}
.cgg_w280 {width:280px;}
.dhang {background-color:#333; font-size:12px; font-family:"宋体", Arial, Helvetica, sans-serif;}
.dhang .main_sl{width:1180px; margin:0 auto; clear:both; height:110px;}
.fd_land {color:#999;padding:7px 20px 0 0;line-height:18px; }
.fd_land img{ border:0; width:17px; height:17px; margin:0; padding:0; }
.fd_land a {color:#999; text-decoration:none;}
.fd_land.fd_left {margin:0; padding:7px 0 0 20px;}
.fd_land.fd_left a {margin:0; padding:0; margin-right:12px;}
.fd_land.fd_right a {margin:0; padding:0; margin-left:19px;}
.fd_land.fd_left a:hover { color:#fff; text-decoration:none;}
.fd_land.fd_right a:hover { color:#fff; text-decoration:none;}
.fd_land.fd_right img {display:inline-block;*display:inline;zoom:1; vertical-align:middle; margin-right:0px;}
.fd_column {width:1180px; margin:0 auto; background-color:#000;padding:8px 0 9px; font-family:"Microsoft YaHei"; color:#fff;}
.fd_abmain_sl{ width:1140px; margin:0 auto; clear:both;}
.fd_column a{ text-decoration:none; color:#fff;}
.fd_column li {float:left;display:inline-block;*display:inline;zoom:1; list-style-type:none;}
.fd_column .title{font-size:21px;line-height:1.01em;padding-top:11px;float:left;}
.fd_column .nav {line-height:24px;float:left;font-size:15px;}
.fd_column .nav a {margin-left:32px;display:inline-block;*display:inline;zoom:1; }
.fd_column .nav a:hover { color:#ffaaac; text-decoration:none;}
.fd_column li.last{ }
/*logo&广告*/
.fengdu_blank1{ width:730px; height:100px; padding-top:10px; padding-right:30px; overflow:hidden; }
.fengdu_logo { width:260px; height:110px;}
.fengdu_logo img{ padding-left:25px; padding-top:22px;}
.fd_logo {text-align:center;padding-top:20px;}
.fd_logo img {display:block;margin:0 auto; border:0;}
.fd_abmain_sla{ width:1180px; margin:0 auto; clear:both;}
.fd_column li.pos5 {width:290px; }
.fd_column li.pos6 {width:290px;}
.fd_column li.pos7 {width:230px;}
.fd_column li.pos8 {width:320px;}
.fd_column .nav {line-height:24px;float:left;font-size:15px;}
.fd_column .nav a {margin-left:36px;display:inline-block;*display:inline;zoom:1; }
.fd_column .nav a:hover { color:#ffaaac; text-decoration:none;}
.g-menu {
height: 50px;
border-bottom: 2px solid #d7d7d7;
width: 100%;
min-width: 1180px;
background: #fff; }
.g-menu .m-menu {
width: 1180px;
margin: 0 auto;
height: 50px;
position: relative;
z-index: 1;
overflow: hidden;
background: #fff; }
.g-menu .m-menu p {
padding: 15px 0 0 10px;
color: #4c4c4c; }
.g-menu .m-menu p a {
color: #4c4c4c; }
.g-menu .m-menu p a:hover {
color: #f60; }
.g-menu .m-menu p span {
display: inline-block;
margin: 0 6px 0 8px; }
.g-menu .m-menu .menu {
float: left;
padding: 8px 0 0 10px; }
.g-menu .m-menu .menu dt {
float: left;
font-size:16px;
line-height: 36px;
padding: 0 20px 0 0; }
.g-menu .m-menu .menu dt span {
display: block;
width: 35px;
height: 35px;
float: left;
background-image: url("images/title_icon.png");
margin: 0 20px 0 0; }
.g-menu .m-menu .menu dt span.fashion {
background-position: -20px -20px; }
.g-menu .m-menu .menu dt span.cosmetology {
background-position: -152px -20px; }
.g-menu .m-menu .menu dt span.luxurious {
background-position: -20px -65px; }
.g-menu .m-menu .menu dt span.star {
background-position: -20px -110px; }
.g-menu .m-menu .menu dt span.people {
background-position: -20px -245px; }
.g-menu .m-menu .menu dt span.pic {
background-position: -20px -290px; }
.g-menu .m-menu .menu dt span.life {
background-position: -20px -200px; }
.g-menu .m-menu .menu dt span.beat {
background-position: -20px -155px; }
.g-menu .m-menu .menu dd {
float: left;
border-left: 1px solid #e5e5e5;
height: 20px;
line-height: 20px;
padding: 0 0 0 20px;
margin: 7px 0 0; }
.g-menu .m-menu .menu dd a {
color: #5a5b5d;
margin: 0 30px 0 0; font-size:14px; }
.g-menu .m-menu .menu dd a:hover {
color: #f60; font-size:14px;}
.g-menu .hot {
position: absolute;
z-index: 5;
top: 0;
/* right:58px; */
right: 0; font-size:14px;}
.g-menu .hot .hotnews {
margin: 15px 0 0;
width:430px;
height: 18px;
overflow: hidden;
color: #5a5b5d;
position: relative;
padding-left: 40px; }
.g-menu .hot .hotnews span {
position: absolute;
left: 0;
top: 0; }
.g-menu .hot .hotnews div {
float: left;
height: 100px;
overflow: hidden;
width:420px; }
.g-menu .hot .hotnews ul {
width: 420px;
overflow: hidden; }
.g-menu .hot .hotnews li {
float: left;
margin: 0 20px 0 0;
height: 20px;
width: 180px;
overflow: hidden;
}
.g-menu .hot .hotnews a {
color: #5a5b5d;font-size:14px; }
.g-menu .hot .hotnews a:hover {
color: #f60;font-size:14px; }
.links{ margin-top:30px; padding:10px 0px 20px;-webkit-box-shadow: 0 0 5px #e0e0e0;
-moz-box-shadow: 0 0 5px #e0e0e0;
box-shadow: 0 0 5px #e0e0e0;
border: 1px solid #efefef\0;}
.links .hd{ line-height:40px; height:40px; font-size:20px; text-indent:30px;font-weight: bold;}
.links .links-txt {margin: 0px 30px ;font-size: 14px;padding-bottom: 0;line-height: 26px; }
/*foot*/
.foot { background:#171717; border-top:5px solid #c33; width:100%; margin-top:18px; }
.footwap { width:1080px; margin:0 auto; color:#999; padding:26px 0px 35px 0px; }
.logo-copytop { margin-bottom:25px; }
.fot_logo { float:left; width:146px; margin-right:26px; height:38px; }
.about-nav { float:left; width:666px; padding-top:8px; line-height:30px; height:30px; }
.about-nav a:link, .about-nav a:visited { color:#fff; display:inline-block; margin:0px 15px 0px 0px; }
.foot-ptit { float:left; padding-top:8px; }
.foot-ptit a:link, .foot-ptit a:visited { color:#fff; line-height:30px; height:30px; }
.fo-item { float:left; width:178px; padding-right:14px; border-right:1px solid #333; margin-left:28px; display:inline; color:#fff; line-height:30px; }
.fo-item .fo-item-list a:link, .fo-item .fo-item-list a:visited { color:#999; white-space:nowrap; display:inline-block; margin:0px 10px 0px 0px; }
.about-nav a:hover, .foot-ptit a:hover, .fo-item a:hover, .fo-item .list a:hover { color:#c00 }
.fo-item a:link, .fo-item a:visited { color: #fff; }
.footwap .one { margin-left:0px; }
.footwap .last { border:none; }
.copyright { margin-top:20px; }
.copyright p { text-align:center; line-height:30px; font-size:12px; }
.copyright p a:link, .copyright a:visited { color:#999; }
.w1140{ width:1140px; text-align:center; padding-top:20px;}
/*2015 A-Teng*/
#top728_box{width:728px; height: 90px; overflow: hidden; margin:0 auto;}
#index_box300_1,
#list_box300_1,
#list_box300_2,
#list_box300_3,
#list_box300_4,
#list_box300_5,
#list_box300_6,
#list_box300_7,
#arc_box300_1,
#arc_box300_2,
#arc_box300_3,
#arc_box300_4,
#arc_box300_5,
#arc_box300_6,
#arc_box300_7{width:300px; height: 250px; overflow: hidden;}
#box1140_1,
#box1140_2,
#box1140_3,
#box1140_4,
#box1140_5{width:1140px; height:150px; overflow: hidden;}
#box600{width:600px; height: 42px; overflow: hidden;}
#box468{width:468px; height: 60px; overflow: hidden;}
#box580{width:580px; height: 90px; overflow: hidden;}
#box750{width:750px; height: 300px; overflow: hidden;}
使用在后台新增一个列表模板，然后放入即可。
千行代码，Bug何处藏。 纵使上线又怎样，朝令改，夕断肠。
