diff --git a/src/dede/album_add.php b/src/dede/album_add.php
index 97b73d70..16ad4a01 100755
--- a/src/dede/album_add.php
+++ b/src/dede/album_add.php
@@ -131,14 +131,7 @@ else if($dopost=='save')
         WaterImg($cfg_basedir.$fullUrl, 'up');
         $litpic = $fullUrl;
     }
-    //使用第一张图作为缩略图
-    if($ddisfirst==1 && $litpic=='')
-    {
-        if(isset($imgurl1))
-        {
-            $litpic = GetDDImage('ddfirst', $imgurl1, $isrm);
-        }
-    }
+
     // 处理新的缩略图上传
     if ($litpic_b64 != "") {
         $data = explode( ',', $litpic_b64 );
@@ -155,6 +148,15 @@ else if($dopost=='save')
         $litpic = $fullUrl;
     }
 
+    //使用第一张图作为缩略图
+    if($ddisfirst==1 && $litpic=='')
+    {
+        if(isset($imgurl1))
+        {
+            $litpic = GetDDImage('ddfirst', $imgurl1, $isrm);
+        }
+    }
+
     //生成文档ID
     $arcID = GetIndexKey($arcrank,$typeid,$sortrank,$channelid,$senddate,$adminid);
     if(empty($arcID))
diff --git a/src/static/css/dede.css b/src/static/css/dede.css
index 9c35cf4c..5ff893f0 100644
--- a/src/static/css/dede.css
+++ b/src/static/css/dede.css
@@ -620,6 +620,10 @@ nav.location .dede li.active .nav-link {
     max-width: 40%!important;
 }
 
+.image-item img{
+    height: 160px;
+}
+
 @media only screen and (max-width: 1199px) {
     .ddcard > .card-header .caption span {
         font-size: 14px;
diff --git a/src/static/css/index.css b/src/static/css/index.css
new file mode 100644
index 00000000..2be16f9f
--- /dev/null
+++ b/src/static/css/index.css
@@ -0,0 +1,36 @@
+.hot-news {
+    overflow-x: hidden;
+    overflow-y: scroll;
+    height: 370px;
+    -webkit-overflow-scrolling: touch;
+    overflow: -moz-scrollbars-none;
+}
+
+.hot-news::-webkit-scrollbar {
+    display: none;
+}
+
+.hot-news li {
+    overflow: unset!important;
+}
+
+.quick img {
+    width: 100%;
+}
+
+.spec .card {
+    text-align: center;
+}
+
+.spec .card img {
+    max-width: 200px;
+    margin: 0 auto;
+}
+
+.spec .card-body {
+    padding: .25em;
+}
+
+.carousel-item img {
+    width: 100% !important;
+}
\ No newline at end of file
diff --git a/src/static/enums.js b/src/static/enums.js
index 5f2bcfad..cfa6ad58 100755
--- a/src/static/enums.js
+++ b/src/static/enums.js
@@ -1,5 +1,3 @@
-<!--
-
 //选择地区的二级分类(非通用调用)
 function selNext(oj, v)
 {
@@ -62,6 +60,7 @@ function ChangeSon()
         var oj  = document.createElement('select');
         oj.name = emname + '_sec';
         oj.id   = emname + '_sec';
+        oj.className = "form-control mt-2";
         oj.onchange = ChangeSec;
     }
     var v = this.options[this.selectedIndex].value;
@@ -131,6 +130,7 @@ function selNextSon()
         var oj  = document.createElement('select');
         oj.name = emname + '_son';
         oj.id   = emname + '_son';
+        oj.className = "form-control mt-2";
         oj.onchange = ChangeSon;
     }
     var v = this.options[this.selectedIndex].value;
@@ -177,6 +177,7 @@ function MakeTopSelect(emname, selvalue)
     var selObj = document.createElement("select");
     selObj.name = emname + '_top';
     selObj.id   = emname + '_top';
+    selObj.className = "form-control mt-2";
     selObj.onchange = selNextSon;
     var selarr = eval('em_'+emname+'s');
     // alert(selarr[1002.2]);
@@ -232,6 +233,7 @@ function MakeTopSelect(emname, selvalue)
     selObj = document.createElement("select");
     selObj.name = emname + '_son';
     selObj.id   = emname + '_son';
+    selObj.className = "form-control mt-2";
     selObj.onchange = ChangeSon;
     aOption = document.createElement('OPTION');
     aOption.text = '请选择..';
@@ -273,6 +275,7 @@ function MakeTopSelect(emname, selvalue)
         selObj.onchange = ChangeSec;
         aOption = document.createElement('OPTION');
         aOption.text = '请选择..';
+        selObj.className = "form-control mt-2";
         aOption.value = 0;
         selObj.options.add(aOption);
         
@@ -320,5 +323,3 @@ function clear(o)
         o.options[1]=null;
     }
 }
-
--->
\ No newline at end of file
diff --git a/src/templets/default/article_default.htm b/src/templets/default/article_default.htm
index 90f12d9d..9c239927 100755
--- a/src/templets/default/article_default.htm
+++ b/src/templets/default/article_default.htm
@@ -1,252 +1,141 @@
-<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
-<html xmlns="http://www.w3.org/1999/xhtml">
+<!doctype html>
+<html lang="zh-CN">
+
 <head>
-<meta http-equiv="Content-Type" content="text/html; charset={dede:global.cfg_soft_lang/}" />
-<title>{dede:field.title/}_{dede:global.cfg_webname/}</title>
-<meta name="keywords" content="{dede:field.keywords/}" />
-<meta name="description" content="{dede:field.description function='html2text(@me)'/}" />
-<link href="{dede:global.cfg_templets_skin/}/style/dedecms.css" rel="stylesheet" media="screen" type="text/css" />
-<meta http-equiv="mobile-agent" content="format=xhtml;url={dede:global.cfg_mobileurl/}/view.php?aid={dede:field.id/}">
-<script type="text/javascript">if(window.location.toString().indexOf('pref=padindex') != -1){}else{if(/AppleWebKit.*Mobile/i.test(navigator.userAgent) || (/MIDP|SymbianOS|NOKIA|SAMSUNG|LG|NEC|TCL|Alcatel|BIRD|DBTEL|Dopod|PHILIPS|HAIER|LENOVO|MOT-|Nokia|SonyEricsson|SIE-|Amoi|ZTE/.test(navigator.userAgent))){if(window.location.href.indexOf("?mobile")<0){try{if(/Android|Windows Phone|webOS|iPhone|iPod|BlackBerry/i.test(navigator.userAgent)){window.location.href="{dede:global.cfg_mobileurl/}/view.php?aid={dede:field.id/}";}else if(/iPad/i.test(navigator.userAgent)){}else{}}catch(e){}}}}</script>
-<script language="javascript" type="text/javascript" src="{dede:global.cfg_cmsurl/}/static/js/dedeajax2.js"></script>
-<script language="javascript" type="text/javascript">
-<!--
-function CheckLogin()
-{
-	  var taget_obj = document.getElementById('_ajax_feedback');
-	  myajax = new DedeAjax(taget_obj,false,false,'','','');
-	  myajax.SendGet2("{dede:global.cfg_cmsurl/}/member/ajax_feedback.php");
-	  DedeXHTTP = null;
-}
-
-function postBadGood(ftype,fid)
-{
-	var taget_obj = document.getElementById(ftype+fid);
-	var saveid = GetCookie('badgoodid');
-	if(saveid != null)
-	{
-		var saveids = saveid.split(',');
-		var hasid = false;
-		saveid = '';
-		j = 1;
-		for(i=saveids.length-1;i>=0;i--)
-		{
-			if(saveids[i]==fid && hasid) continue;
-			else {
-				if(saveids[i]==fid && !hasid) hasid = true;
-				saveid += (saveid=='' ? saveids[i] : ','+saveids[i]);
-				j++;
-				if(j==10 && hasid) break;
-				if(j==9 && !hasid) break;
-			}
-		}
-		if(hasid) { alert('您刚才已表决过了喔!'); return false;}
-		else saveid += ','+fid;
-		SetCookie('badgoodid',saveid,1);
-	}
-	else
-	{
-		SetCookie('badgoodid',fid,1);
-	}
-	myajax = new DedeAjax(taget_obj,false,false,'','','');
-	myajax.SendGet2("{dede:field name='phpurl'/}/feedback.php?aid="+fid+"&action="+ftype+"&fid="+fid);
-	DedeXHTTP = null;
-}
-function postDigg(ftype,aid)
-{
-	var taget_obj = document.getElementById('newdigg');
-	var saveid = GetCookie('diggid');
-	if(saveid != null)
-	{
-		var saveids = saveid.split(',');
-		var hasid = false;
-		saveid = '';
-		j = 1;
-		for(i=saveids.length-1;i>=0;i--)
-		{
-			if(saveids[i]==aid && hasid) continue;
-			else {
-				if(saveids[i]==aid && !hasid) hasid = true;
-				saveid += (saveid=='' ? saveids[i] : ','+saveids[i]);
-				j++;
-				if(j==20 && hasid) break;
-				if(j==19 && !hasid) break;
-			}
-		}
-		if(hasid) { alert("您已经顶过该帖,请不要重复顶帖 !"); return; }
-		else saveid += ','+aid;
-		SetCookie('diggid',saveid,1);
-	}
-	else
-	{
-		SetCookie('diggid',aid,1);
-	}
-	myajax = new DedeAjax(taget_obj,false,false,'','','');
-	var url = "{dede:global.cfg_phpurl/}/digg_ajax.php?action="+ftype+"&id="+aid;
-	myajax.SendGet2(url);
-	DedeXHTTP = null;
-}
-function getDigg(aid)
-{
-	var taget_obj = document.getElementById('newdigg');
-	myajax = new DedeAjax(taget_obj,false,false,'','','');
-	myajax.SendGet2("{dede:global.cfg_phpurl/}/digg_ajax.php?id="+aid);
-	DedeXHTTP = null;
-}
--->
-</script>
+	<meta charset="{dede:global.cfg_soft_lang/}">
+	<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
+	<script>
+		const PHPURL = '{dede:field name="phpurl"/}';
+	</script>
+	<script src="{dede:global.cfg_cmsurl/}/static/js/jquery.min.js"></script>
+	<script src="{dede:global.cfg_cmsurl/}/static/js/bootstrap.bundle.js"></script>
+	<link rel="stylesheet" href="{dede:global.cfg_cmsurl/}/static/css/bootstrap.min.css">
+	<link href="{dede:global.cfg_cmsurl/}/static/font-awesome/css/font-awesome.min.css" rel="stylesheet">
+	<link rel="stylesheet" href="{dede:global.cfg_cmsurl/}/static/css/dede.css">
+	<link rel="shortcut icon" href="{dede:global.cfg_cmsurl/}/static/img/favicon.png">
+	<title>{dede:field.title/}_{dede:global.cfg_webname/}</title>
+	<meta name="keywords" content="{dede:field.keywords/}" />
+	<meta name="description" content="{dede:field.description function='html2text(@me)'/}" />
 </head>
-<body class="articleview">
-{dede:include filename="head.htm2"/}
-<!-- /header -->
-
-<div class="channel-nav w960 center clear">
-	<div class='sonnav'>
-	{dede:channel type='self' currentstyle="<span><a href='~typelink~' class='thisclass'>~typename~</a></span>"}
-		<span><a href='[field:typeurl/]'>[field:typename/]</a></span>{/dede:channel}
+
+<body>
+	{dede:include filename="top.htm"/}
+
+	{dede:include filename="header.htm"/}
+
+	{dede:include filename="navbar.htm"/}
+
+	<div class="container">
+		<div class="position">
+			<nav aria-label="breadcrumb">
+				<ol class="breadcrumb mb-0">
+					<li class="breadcrumb-item">当前位置</li>
+					{dede:field name='position'/}
+				</ol>
+			</nav>
+		</div>
+		<!-- /.position -->
 	</div>
-</div><!-- /channel-nav -->
-
-<div class="w960 center clear mt1">
-	<div class="pleft">
-		<div class="place">
-			<strong>当前位置:</strong> {dede:field name='position'/}
-		</div><!-- /place -->
-		<div class="viewbox">
-			<div class="title">
-				<h2>{dede:field.title/}</h2>
-			</div><!-- /title -->
-			<div class="info">
-				<small>时间:</small>{dede:field.pubdate function="MyDate('Y-m-d H:i',@me)"/}<small>来源:</small>{dede:field.source/} <small>作者:</small>{dede:field.writer/} <small>点击:</small><script src="{dede:field name='phpurl'/}/count.php?view=yes&aid={dede:field name='id'/}&mid={dede:field name='mid'/}" type='text/javascript' language="javascript"></script>次
-			</div><!-- /info -->
-
-			<div class="content">
-			 <font color='red'> 你会看到这个提示,那是因为你的系统无法识别某栏目的模型信息,或者你新建模型后,没为这个模型设计单独的模板。不同模型的文档浏览页的模板为:article_模型名字标识.htm
-如“article_article.htm”,更多的信息你可以在频道模型管理的地方查看。 </font>
-{dede:fieldlist}
-<table width="100%" border="0" cellpadding="1" cellspacing="1" bgcolor="#BED1AB">
-<tr>
-	<td width="23%" height="24" align="center" bgcolor="#FBFEF5">
-		<b>[field:name/]</b> 内容:
-		<br />
-	  模板调用标记:
-	  <br />
-	  <script language='javascript'>document.write("{"+"dede:field.[field:tagname/] /"+"}");</script>
-	</td>
-	<td width="77%" bgcolor="#FFFFFF"> [field:value/] </td>
-</tr>
-</table>
-{/dede:fieldlist}
-			</div><!-- /content -->
-			<div class="dede_pages">
-				<ul class="pagelist">
-                    {dede:pagebreak/}
-				</ul>
-			</div><!-- /pages -->
-			<center>{dede:qrcode/}</center>
-			<div class="newdigg" id="newdigg">
-				<div class="diggbox digg_good" onmousemove="this.style.backgroundPosition='left bottom';" onmouseout="this.style.backgroundPosition='left top';" onclick="javascript:postDigg('good',{dede:field.id/})">
-					<div class="digg_act">顶一下</div>
-					<div class="digg_num">({dede:field.goodpost/})</div>
-					<div class="digg_percent">
-						<div class="digg_percent_bar"><span style="width:{dede:field.goodper/}%"></span></div>
-						<div class="digg_percent_num">{dede:field.goodper/}%</div>
+
+	<main class="container">
+		<div class="row">
+			<div class="col-md-8 article-main">
+				<h2 class="mt-0 mb-3 zixue">{dede:field.title/}</h2>
+				<div class="article-meta">
+					<small>时间:</small>{dede:field.pubdate function="MyDate('Y-m-d',@me)"/}
+					<small>来源:</small>{dede:field.source/}
+					<small>作者:</small>{dede:field.writer/}
+					<small>点击:</small><span id="_count">...</span>次
+				</div>
+
+				<div>
+					<div class="alert alert-warning mt-2" role="alert">
+						你会看到这个提示,那是因为你的系统无法识别某栏目的模型信息,或者你新建模型后,没为这个模型设计单独的模板。不同模型的文档浏览页的模板为:article_模型名字标识.htm
+						如“article_article.htm”,更多的信息你可以在频道模型管理的地方查看。
 					</div>
+
+
+					{dede:fieldlist}
+					<table width="100%" border="0" cellpadding="1" cellspacing="1" bgcolor="#BED1AB" class="table">
+						<tr>
+							<td width="23%" height="24" align="center" bgcolor="#FBFEF5">
+								<b>[field:name/]</b> 内容:
+								<br />
+								模板调用标记:
+								<br />
+								<script
+									language='javascript'>document.write("{" + "dede:field.[field:tagname/] /" + "}");</script>
+							</td>
+							<td width="77%" bgcolor="#FFFFFF"> [field:value/] </td>
+						</tr>
+					</table>
+					{/dede:fieldlist}
 				</div>
-				<div class="diggbox digg_bad" onmousemove="this.style.backgroundPosition='right bottom';" onmouseout="this.style.backgroundPosition='right top';" onclick="javascript:postDigg('bad',{dede:field.id/})">
-					<div class="digg_act">踩一下</div>
-					<div class="digg_num">({dede:field.badpost/})</div>
-					<div class="digg_percent">
-						<div class="digg_percent_bar"><span style="width:{dede:field.badper/}%"></span></div>
-						<div class="digg_percent_num">{dede:field.badper/}%</div>
+
+				<div class="body py-2">
+					{dede:field.body/} (责任编辑:{dede:adminname/})
+				</div>
+				<!-- /.body -->
+
+				<div class="clearfix"></div>
+
+				{dede:include comment='文档顶踩模块' filename="widget_article_digg.htm"/}
+
+				<div class="row">
+					<div class="col-md-4 prenext pt-2">
+						<div class="pagination-previous">{dede:prenext get='pre'/}</div>
+						<div class="pagination-next mt-2">{dede:prenext get='next'/}</div>
+					</div>
+					<div class="col-md-8">
+						<div class="row actbox">
+							<ul>
+								<li><i class="fa fa-star-o" aria-hidden="true"></i> <a
+										href="{dede:field name='phpurl'/}/stow.php?aid={dede:field.id/}"
+										target="_blank">收藏</a></li>
+								<li><i class="fa fa-bug" aria-hidden="true"></i> <a
+										href="javascript:ErrorAddSave({dede:field.id/}, '{dede:field.title/}');">挑错</a>
+								</li>
+								<li><i class="fa fa-thumbs-o-up" aria-hidden="true"></i> <a
+										href="{dede:field name='phpurl'/}/recommend.php?aid={dede:field.id/}"
+										target="_blank">推荐</a></li>
+								<li><i class="fa fa-print" aria-hidden="true"></i> <a href="#"
+										onClick="window.print();">打印</a></li>
+							</ul>
+						</div><!-- /actbox -->
 					</div>
 				</div>
+
+				{dede:include comment='文档评论模块' file='widget_article_feedback.htm' /}
+
 			</div>
-			 <script language="javascript" type="text/javascript">getDigg({dede:field.id/});</script>
-			<div class="boxoff">
-				<strong>------分隔线----------------------------</strong>
-			</div>
-			<div class="handle">
-				<div id='diggCt' class='digg'>
-					<div class="digg_num" title="积分:{dede:field.scores/} 好评:{dede:field.goodpost/} 差评:{dede:field.badpost/}">{dede:field.scores/}</div>
-					<div class="digg_act">
-						<a href="javascript:postDigg('good',{dede:field.id/})">顶</a>
-						<a href="javascript:postDigg('bad',{dede:field.id/})">踩</a>
-					</div>
-				</div><!-- /digg -->
-				<div class="context">
-					<ul>
-						<li>{dede:prenext get='pre'/}</li>
-						<li>{dede:prenext get='next'/}</li>
-					</ul>
-				</div><!-- /context -->
-				<div class="actbox">
-					<ul>
-						<li id="act-fav"><a href="{dede:field name='phpurl'/}/stow.php?aid={dede:field.id/}" target="_blank">收藏</a></li>
-						<li id="act-err"><a href="{dede:field name='phpurl'/}/erraddsave.php?aid={dede:field.id/}&title={dede:field.title/}" target="_blank">挑错</a></li>
-						<li id="act-pus"><a href="{dede:field name='phpurl'/}/recommend.php?aid={dede:field.id/}" target="_blank">推荐</a></li>
-						<li id="act-pnt"><a href="#" onClick="window.print();">打印</a></li>
-					</ul>
-				</div><!-- /actbox -->
-			</div><!-- /handle -->
-		</div><!-- /viewbox -->
-
-<!-- //AJAX评论区 -->
-{dede:include file='ajaxfeedback.htm' /}
-		
-	</div><!-- /pleft -->
-
-	<div class="pright">
-        	<div class="infos_userinfo">
- 			{dede:memberinfos}
-			<dl class="tbox">
-				<dt><strong>发布者资料</strong></dt>
-				<dd>
-					<a href="[field:spaceurl /]" class="userface"><img src="[field:face/]" width="52" height="52" /></a>
-					<a href='[field:spaceurl /]' class="username">[field:uname/]</a>
-					<span class="useract">
-						<a href="[field:spaceurl /]" class="useract-vi">查看详细资料</a>
-                        <a href="[field:spaceurl /]&action=guestbook" class="useract-pm">发送留言</a>
-						<a href="[field:spaceurl /]&action=newfriend" class="useract-af">加为好友</a>
-					</span>
-					<span class="userinfo-sp"><small>用户等级:</small>[field:rankname /]</span>
-					<span class="userinfo-sp"><small>注册时间:</small>[field:jointime function="MyDate('Y-m-d H:m',@me)"/]</span>
-					<span class="userinfo-sp"><small>最后登录:</small>[field:logintime function="MyDate('Y-m-d H:m',@me)"/]</span>
-				</dd>
-			</dl>
-			{/dede:memberinfos}
-   	 	</div>
-
-		<div class="commend mt1">
-			<dl class="tbox">
-				<dt><strong>推荐内容</strong></dt>
-				<dd>
-					<ul class="d4">
-           {dede:arclist flag='c' titlelen=42 row=6}
-          	<li><a href="[field:arcurl/]">[field:title/]</a>
-            	<p>[field:description function='cn_substr(@me,80)'/]...</p>
-            </li>{/dede:arclist}
-					</ul>
-				</dd>
-			</dl>
-		</div><!-- /commend -->
-		<div class="hot mt1">
-			<dl class="tbox">
-				<dt><strong>热点内容</strong></dt>
-				<dd>
-					<ul class="c1 ico2">
-                    {dede:arclist row=10 orderby=click}
-                    	<li><a href="[field:arcurl/]">[field:title/]</a></li>
-                    {/dede:arclist}
-					</ul>
-				</dd>
-			</dl>
+			<!-- /.article-main -->
+
+			<aside class="col-md-4 article-sidebar">
+
+				{dede:include comment='推荐内容' filename="widget_recommend.htm"/}
+
+				{dede:include comment='热点内容' filename="widget_hot.htm"/}
+
+			</aside>
+			<!-- /.article-sidebar -->
+
 		</div>
-	</div><!-- /pright -->
-	
-</div>
-{dede:include filename="footer.htm"/}
-<!-- /footer -->
+	</main>
+	<!-- /main -->
 
+	{dede:include filename="footer.htm"/}
+	<script>
+
+
+		// 页面加载触发
+		$(document).ready(function () {
+			// 获取文档点击数统计
+			$.get("{dede:field name='phpurl'/}/count.php?format=json&view=yes&aid={dede:field.id/}&mid=1&cid={dede:field.channel/}", function (data) {
+				let result = JSON.parse(data);
+				$("#_count").html(result.data.click);
+			})
+		});
+	</script>
 </body>
-</html>
+
+</html>
\ No newline at end of file
diff --git a/src/templets/default/article_default_sg.htm b/src/templets/default/article_default_sg.htm
index 3354d36a..9c239927 100755
--- a/src/templets/default/article_default_sg.htm
+++ b/src/templets/default/article_default_sg.htm
@@ -1,179 +1,141 @@
-<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
-<html xmlns="http://www.w3.org/1999/xhtml">
+<!doctype html>
+<html lang="zh-CN">
+
 <head>
-<meta http-equiv="Content-Type" content="text/html; charset={dede:global.cfg_soft_lang/}" />
-<title>{dede:field.title/}_{dede:global.cfg_webname/}</title>
-<meta name="keywords" content="{dede:field.keywords/}" />
-<meta name="description" content="{dede:field.description function='html2text(@me)'/}" />
-<link href="{dede:global.cfg_templets_skin/}/style/dedecms.css" rel="stylesheet" media="screen" type="text/css" />
-<meta http-equiv="mobile-agent" content="format=xhtml;url={dede:global.cfg_mobileurl/}/view.php?aid={dede:field.id/}">
-<script type="text/javascript">if(window.location.toString().indexOf('pref=padindex') != -1){}else{if(/AppleWebKit.*Mobile/i.test(navigator.userAgent) || (/MIDP|SymbianOS|NOKIA|SAMSUNG|LG|NEC|TCL|Alcatel|BIRD|DBTEL|Dopod|PHILIPS|HAIER|LENOVO|MOT-|Nokia|SonyEricsson|SIE-|Amoi|ZTE/.test(navigator.userAgent))){if(window.location.href.indexOf("?mobile")<0){try{if(/Android|Windows Phone|webOS|iPhone|iPod|BlackBerry/i.test(navigator.userAgent)){window.location.href="{dede:global.cfg_mobileurl/}/view.php?aid={dede:field.id/}";}else if(/iPad/i.test(navigator.userAgent)){}else{}}catch(e){}}}}</script>
-<script language="javascript" type="text/javascript" src="{dede:global.cfg_cmsurl/}/static/js/dedeajax2.js"></script>
-<script language="javascript" type="text/javascript">
-<!--
-
-	function CheckLogin(){
-	  var taget_obj = document.getElementById('_ajax_feedback');
-	  myajax = new DedeAjax(taget_obj,false,false,'','','');
-	  myajax.SendGet2("{dede:global.cfg_cmsurl/}/member/ajax_feedback.php");
-	  DedeXHTTP = null;
-	}
-	function checkSubmit(){
-		if(document.feedback.msg.value!='') document.feedback.submit();
-		else alert("评论内容不能为空!");
-	}
--->
-</script>
+	<meta charset="{dede:global.cfg_soft_lang/}">
+	<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
+	<script>
+		const PHPURL = '{dede:field name="phpurl"/}';
+	</script>
+	<script src="{dede:global.cfg_cmsurl/}/static/js/jquery.min.js"></script>
+	<script src="{dede:global.cfg_cmsurl/}/static/js/bootstrap.bundle.js"></script>
+	<link rel="stylesheet" href="{dede:global.cfg_cmsurl/}/static/css/bootstrap.min.css">
+	<link href="{dede:global.cfg_cmsurl/}/static/font-awesome/css/font-awesome.min.css" rel="stylesheet">
+	<link rel="stylesheet" href="{dede:global.cfg_cmsurl/}/static/css/dede.css">
+	<link rel="shortcut icon" href="{dede:global.cfg_cmsurl/}/static/img/favicon.png">
+	<title>{dede:field.title/}_{dede:global.cfg_webname/}</title>
+	<meta name="keywords" content="{dede:field.keywords/}" />
+	<meta name="description" content="{dede:field.description function='html2text(@me)'/}" />
 </head>
-<body class="infosview">
-{dede:include filename="head2.htm"/}
-<!-- /header -->
-<div class="w960 center clear mt1">
- <div class="pleft">
-  <div class="place"> <strong>当前位置:</strong> {dede:field name='position'/} </div>
-  <!-- /place -->
-  <div class="viewbox">
-   <div class="title">
-    <h2>{dede:field.title/}</h2>
-   </div>
-   <!-- /title -->
-   <font color='red'> 你会看到这个提示,那是因为你的系统无法识别某栏目的模型信息,或者你新建模型后,没为这个模型设计单独的模板。不同模型的文档浏览页的模板为:article_模型名字标识.htm
-   如“article_article.htm”,更多的信息你可以在频道模型管理的地方查看。 </font> {dede:fieldlist}
-   <table width="100%" border="0" cellpadding="1" cellspacing="1" bgcolor="#BED1AB">
-    <tr>
-     <td width="23%" height="24" align="center" bgcolor="#FBFEF5"><b>[field:name/]</b> 内容: <br />
-      模板调用标记: <br />
-      <script language='javascript'>document.write("{"+"dede:field.[field:tagname/] /"+"}");</script></td>
-     <td width="77%" bgcolor="#FFFFFF"> [field:value/] </td>
-    </tr>
-   </table>
-   {/dede:fieldlist}
-   <div class="boxoff"> <strong>------分隔线----------------------------</strong> </div>
-   <div class="handle">
-    <div class="actbox">
-     <ul>
-      <li id="act-fav"><a href="{dede:field name='phpurl'/}/stow.php?aid={dede:field.id/}">收藏</a></li>
-      <li id="act-err"><a href="{dede:field name='phpurl'/}/erraddsave.php?aid={dede:field.id/}&title={dede:field.title/}">挑错</a></li>
-      <li id="act-pus"><a href="{dede:field name='phpurl'/}/recommend.php?aid={dede:field.id/}">推荐</a></li>
-      <li id="act-pnt"><a href="#" onClick="window.print();">打印</a></li>
-     </ul>
-    </div>
-    <!-- /actbox -->
-   </div>
-   <!-- /handle -->
-  </div>
-  <!-- /viewbox -->
-  <div class="mt1">
-   <dl class="tbox">
-    <dt> <strong>最新评论</strong> <span class="more"><a href="{dede:field name='phpurl'/}/feedback.php?aid={dede:field.id/}">查看所有评论</a></span> </dt>
-    <dd>
-     <div class="dede_comment">
-      <script language='javascript' type='text/javascript' src="{dede:field name='phpurl'/}/feedback_js.php?aid={dede:field name='id'/}"></script>
-     </div>
-     <!-- /dede_comment -->
-    </dd>
-   </dl>
-  </div>
-  <!-- /comment -->
-  <div class="mt1">
-   <dl class="tbox">
-    <dt> <strong>发表评论</strong> <span class="more"><a href="{dede:field name='phpurl'/}/feedback.php?aid={dede:field.id/}">查看所有评论</a></span> </dt>
-    <dd>
-     <div class="dede_comment_post">
-      <form action="{dede:field name='phpurl'/}/feedback.php" method="post" name="feedback">
-       <input type="hidden" name="action" value="send" />
-       <input type="hidden" name="comtype" value="comments">
-       <input type="hidden" name="aid" value="{dede:field name="id"/}" />
-       <input type="hidden" name="isconfirm" value="yes" />
-       <div class="dcmp-title"> <small>请自觉遵守互联网相关的政策法规,严禁发布色情、暴力、反动的言论。</small> </div>
-       <!-- /dcmp-title -->
-       <div class="dcmp-stand"> <strong>评价:</strong>
-        <input type="radio" name="feedbacktype" checked="1" value="feedback" id="dcmp-stand-neu" />
-        <label for="dcmp-stand-neu"><img src="{dede:global.cfg_templeturl/}/images/cmt-neu.gif" />中立</label>
-        <input type="radio" name="feedbacktype" value="good" id="dcmp-stand-good" />
-        <label for="dcmp-stand-good"><img src="{dede:global.cfg_templeturl/}/images/cmt-good.gif" />好评</label>
-        <input type="radio" name="feedbacktype" value="bad" id="dcmp-stand-bad" />
-        <label for="dcmp-stand-bad"><img src="{dede:global.cfg_templeturl/}/images/cmt-bad.gif" />差评</label>
-       </div>
-       <!-- /dcmp-stand -->
-       <div class="dcmp-content">
-        <textarea cols="60" name="msg" rows="5" class="ipt-txt"></textarea>
-       </div>
-       <!-- /dcmp-content -->
-       <div class="dcmp-mood"> <strong>表情:</strong>
-        <ul>
-         <li>
-          <input type="radio" name='face' value='6' checked="1" />
-          <img src="{dede:global.cfg_templeturl/}/images/mood/ico-mood-6.gif" /></li>
-         <li>
-          <input type="radio" name='face' value='4'/>
-          <img src="{dede:global.cfg_templeturl/}/images/mood/ico-mood-4.gif" /></li>
-         <li>
-          <input type="radio" name='face' value='3'/>
-          <img src="{dede:global.cfg_templeturl/}/images/mood/ico-mood-3.gif" /></li>
-         <li>
-          <input type="radio" name='face' value='5'/>
-          <img src="{dede:global.cfg_templeturl/}/images/mood/ico-mood-5.gif" /></li>
-         <li>
-          <input type="radio" name='face' value='2'/>
-          <img src="{dede:global.cfg_templeturl/}/images/mood/ico-mood-2.gif" /></li>
-         <li>
-          <input type="radio" name='face' value='1'/>
-          <img src="{dede:global.cfg_templeturl/}/images/mood/ico-mood-1.gif" /></li>
-         <li>
-          <input type="radio" name='face' value='7'/>
-          <img src="{dede:global.cfg_templeturl/}/images/mood/ico-mood-7.gif" /></li>
-        </ul>
-       </div>
-       <!-- /dcmp-mood -->
-       <div class="dcmp-post">
-        <!--未登录-->
-        <div class="dcmp-userinfo" id="_ajax_feedback"> 用户名:
-         <input type="text" name="username" size="16" class="ipt-txt" />
-         密码:
-         <input name="pwd" type="password" size="16" class="ipt-txt" />
-         验证码:
-         <input type="text" name="validate" size="4" class="ipt-txt" style="text-transform: uppercase;"/>
-         <img src="{dede:global.cfg_cmsurl/}/plus/vdimgck.php" />
-         <input type="checkbox" name="notuser" id="dcmp-submit-guest" />
-         <label for="dcmp-submit-guest"> 匿名? </label>
-        </div>
-        <script language="javascript" type="text/javascript">CheckLogin();</script>
-        <div class="dcmp-submit">
-         <button type="button" onClick='checkSubmit()'>发表评论</button>
-        </div>
-       </div>
-      </form>
-     </div>
-     <!-- /dede_comment_post -->
-    </dd>
-   </dl>
-  </div>
- </div>
- <!-- /pleft -->
- <div class="pright">
-  <div class="infos_userinfo"> {dede:memberinfos}
-   <dl class="tbox">
-    <dt><strong>发布者资料</strong></dt>
-    <dd> <a href="[field:spaceurl /]" class="userface"><img src="[field:face/]" width="52" height="52" /></a> <a href='[field:spaceurl /]' class="username">[field:uname/]</a> <span class="useract"> <a href="[field:spaceurl /]" class="useract-vi">查看详细资料</a> <a href="[field:spaceurl /]&action=guestbook" class="useract-pm">发送留言</a> <a href="[field:spaceurl /]&action=newfriend" class="useract-af">加为好友</a> </span> <span class="userinfo-sp"><small>用户等级:</small>[field:rankname /]</span> <span class="userinfo-sp"><small>注册时间:</small>[field:jointime function="MyDate('Y-m-d H:m',@me)"/]</span> <span class="userinfo-sp"><small>最后登录:</small>[field:logintime function="MyDate('Y-m-d H:m',@me)"/]</span> </dd>
-   </dl>
-   {/dede:memberinfos} </div>
-  <div class="hot mt1">
-   <dl class="tbox">
-    <dt><strong>最新信息</strong></dt>
-    <dd>
-     <ul class="c1 ico2">
-      {dede:arclistsg orderby='id' titlelen='60' row='20'}
-      <li><a href="[field:arcurl/]">[field:title/]</a></li>
-      {/dede:arclistsg}
-     </ul>
-    </dd>
-   </dl>
-  </div>
- </div>
- <!-- /pright -->
-</div>
-{dede:include filename="footer.htm"/}
-<!-- /footer -->
+
+<body>
+	{dede:include filename="top.htm"/}
+
+	{dede:include filename="header.htm"/}
+
+	{dede:include filename="navbar.htm"/}
+
+	<div class="container">
+		<div class="position">
+			<nav aria-label="breadcrumb">
+				<ol class="breadcrumb mb-0">
+					<li class="breadcrumb-item">当前位置</li>
+					{dede:field name='position'/}
+				</ol>
+			</nav>
+		</div>
+		<!-- /.position -->
+	</div>
+
+	<main class="container">
+		<div class="row">
+			<div class="col-md-8 article-main">
+				<h2 class="mt-0 mb-3 zixue">{dede:field.title/}</h2>
+				<div class="article-meta">
+					<small>时间:</small>{dede:field.pubdate function="MyDate('Y-m-d',@me)"/}
+					<small>来源:</small>{dede:field.source/}
+					<small>作者:</small>{dede:field.writer/}
+					<small>点击:</small><span id="_count">...</span>次
+				</div>
+
+				<div>
+					<div class="alert alert-warning mt-2" role="alert">
+						你会看到这个提示,那是因为你的系统无法识别某栏目的模型信息,或者你新建模型后,没为这个模型设计单独的模板。不同模型的文档浏览页的模板为:article_模型名字标识.htm
+						如“article_article.htm”,更多的信息你可以在频道模型管理的地方查看。
+					</div>
+
+
+					{dede:fieldlist}
+					<table width="100%" border="0" cellpadding="1" cellspacing="1" bgcolor="#BED1AB" class="table">
+						<tr>
+							<td width="23%" height="24" align="center" bgcolor="#FBFEF5">
+								<b>[field:name/]</b> 内容:
+								<br />
+								模板调用标记:
+								<br />
+								<script
+									language='javascript'>document.write("{" + "dede:field.[field:tagname/] /" + "}");</script>
+							</td>
+							<td width="77%" bgcolor="#FFFFFF"> [field:value/] </td>
+						</tr>
+					</table>
+					{/dede:fieldlist}
+				</div>
+
+				<div class="body py-2">
+					{dede:field.body/} (责任编辑:{dede:adminname/})
+				</div>
+				<!-- /.body -->
+
+				<div class="clearfix"></div>
+
+				{dede:include comment='文档顶踩模块' filename="widget_article_digg.htm"/}
+
+				<div class="row">
+					<div class="col-md-4 prenext pt-2">
+						<div class="pagination-previous">{dede:prenext get='pre'/}</div>
+						<div class="pagination-next mt-2">{dede:prenext get='next'/}</div>
+					</div>
+					<div class="col-md-8">
+						<div class="row actbox">
+							<ul>
+								<li><i class="fa fa-star-o" aria-hidden="true"></i> <a
+										href="{dede:field name='phpurl'/}/stow.php?aid={dede:field.id/}"
+										target="_blank">收藏</a></li>
+								<li><i class="fa fa-bug" aria-hidden="true"></i> <a
+										href="javascript:ErrorAddSave({dede:field.id/}, '{dede:field.title/}');">挑错</a>
+								</li>
+								<li><i class="fa fa-thumbs-o-up" aria-hidden="true"></i> <a
+										href="{dede:field name='phpurl'/}/recommend.php?aid={dede:field.id/}"
+										target="_blank">推荐</a></li>
+								<li><i class="fa fa-print" aria-hidden="true"></i> <a href="#"
+										onClick="window.print();">打印</a></li>
+							</ul>
+						</div><!-- /actbox -->
+					</div>
+				</div>
+
+				{dede:include comment='文档评论模块' file='widget_article_feedback.htm' /}
+
+			</div>
+			<!-- /.article-main -->
+
+			<aside class="col-md-4 article-sidebar">
+
+				{dede:include comment='推荐内容' filename="widget_recommend.htm"/}
+
+				{dede:include comment='热点内容' filename="widget_hot.htm"/}
+
+			</aside>
+			<!-- /.article-sidebar -->
+
+		</div>
+	</main>
+	<!-- /main -->
+
+	{dede:include filename="footer.htm"/}
+	<script>
+
+
+		// 页面加载触发
+		$(document).ready(function () {
+			// 获取文档点击数统计
+			$.get("{dede:field name='phpurl'/}/count.php?format=json&view=yes&aid={dede:field.id/}&mid=1&cid={dede:field.channel/}", function (data) {
+				let result = JSON.parse(data);
+				$("#_count").html(result.data.click);
+			})
+		});
+	</script>
 </body>
-</html>
+
+</html>
\ No newline at end of file
diff --git a/src/templets/default/article_image.htm b/src/templets/default/article_image.htm
index 6221c969..9f9d45fe 100755
--- a/src/templets/default/article_image.htm
+++ b/src/templets/default/article_image.htm
@@ -1,326 +1,217 @@
-<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
-<html xmlns="http://www.w3.org/1999/xhtml">
+<!doctype html>
+<html lang="zh-CN">
+
 <head>
-<meta http-equiv="Content-Type" content="text/html; charset={dede:global.cfg_soft_lang/}" />
-<title>{dede:field.title/}_{dede:global.cfg_webname/}</title>
-<meta name="keywords" content="{dede:field.keywords/}" />
-<meta name="description" content="{dede:field.description function='html2text(@me)'/}" />
-<link href="{dede:global.cfg_templets_skin/}/style/dedecms.css" rel="stylesheet" media="screen" type="text/css" />
-<link href="{dede:global.cfg_templets_skin/}/style/picture.css" rel="stylesheet" type="text/css" />
-<meta http-equiv="mobile-agent" content="format=xhtml;url={dede:global.cfg_mobileurl/}/view.php?aid={dede:field.id/}">
-<script type="text/javascript">if(window.location.toString().indexOf('pref=padindex') != -1){}else{if(/AppleWebKit.*Mobile/i.test(navigator.userAgent) || (/MIDP|SymbianOS|NOKIA|SAMSUNG|LG|NEC|TCL|Alcatel|BIRD|DBTEL|Dopod|PHILIPS|HAIER|LENOVO|MOT-|Nokia|SonyEricsson|SIE-|Amoi|ZTE/.test(navigator.userAgent))){if(window.location.href.indexOf("?mobile")<0){try{if(/Android|Windows Phone|webOS|iPhone|iPod|BlackBerry/i.test(navigator.userAgent)){window.location.href="{dede:global.cfg_mobileurl/}/view.php?aid={dede:field.id/}";}else if(/iPad/i.test(navigator.userAgent)){}else{}}catch(e){}}}}</script>
-<script language="javascript" type="text/javascript" src="{dede:global.cfg_cmsurl/}/static/js/dedeajax2.js"></script>
-<script language="javascript" type="text/javascript">
-<!--
-function CheckLogin(){
-	var taget_obj = document.getElementById('_ajax_feedback');
-	myajax = new DedeAjax(taget_obj,false,false,'','','');
-	myajax.SendGet2("{dede:global.cfg_cmsurl/}/member/ajax_feedback.php");
-	DedeXHTTP = null;
-}
-function checkSubmit(){
-	if(document.feedback.msg.value!='') document.feedback.submit();
-	else alert("评论内容不能为空!");
-}
-function postBadGood(ftype,fid)
-{
-	var taget_obj = document.getElementById(ftype+fid);
-	var saveid = GetCookie('badgoodid');
-	if(saveid != null)
-	{
-		var saveids = saveid.split(',');
-		var hasid = false;
-		saveid = '';
-		j = 1;
-		for(i=saveids.length-1;i>=0;i--)
-		{
-			if(saveids[i]==fid && hasid) continue;
+	<meta charset="{dede:global.cfg_soft_lang/}">
+	<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
+	<script>
+		const PHPURL = '{dede:field name="phpurl"/}';
+	</script>
+	<script src="{dede:global.cfg_cmsurl/}/static/js/jquery.min.js"></script>
+	<script src="{dede:global.cfg_cmsurl/}/static/js/bootstrap.bundle.js"></script>
+	<link rel="stylesheet" href="{dede:global.cfg_cmsurl/}/static/css/bootstrap.min.css">
+	<link href="{dede:global.cfg_cmsurl/}/static/font-awesome/css/font-awesome.min.css" rel="stylesheet">
+	<link rel="stylesheet" href="{dede:global.cfg_cmsurl/}/static/css/dede.css">
+	<link rel="shortcut icon" href="{dede:global.cfg_cmsurl/}/static/img/favicon.png">
+	<title>{dede:field.title/}_{dede:global.cfg_webname/}</title>
+	<meta name="keywords" content="{dede:field.keywords/}" />
+	<meta name="description" content="{dede:field.description function='html2text(@me)'/}" />
+	<script>
+		var shortname = "{dede:global.art_shortname/}";
+		var npage = {dede:field name='nowpage' /};
+		var totalpage = {dede:field name='totalpage' /};
+		var namehand = '{dede:field name='namehand'/}';
+		var displaytype = '{dede:field name='displaytype'/}';
+		var gtimer = null;
+		//大图
+		function dPlayBig() {
+			var imgObj = document.getElementById("bigimg");
+			window.open(imgObj.src);
+		}
+		//停止幻灯
+		function dStopPlay() {
+			if (gtimer) clearTimeout(gtimer);
+			else dPlayNext();
+		}
+		//开始幻灯
+		function dStartPlay() {
+			if (npage != totalpage) {
+				gtimer = setTimeout("dPlayNext()", 10000);
+			}
+		}
+
+		//上一张
+		function dPlayPre() {
+
+			if (npage < 2) {
+				ShowMsg("这是第一页");
+			}
 			else {
-				if(saveids[i]==fid && !hasid) hasid = true;
-				saveid += (saveid=='' ? saveids[i] : ','+saveids[i]);
-				j++;
-				if(j==10 && hasid) break;
-				if(j==9 && !hasid) break;
+				if (npage == 2) {
+					if (namehand != '') location.href = namehand + shortname;
+					else location.href = "view.php?aid={dede:field name='id'/}";
+				} else if (displaytype == 'st' && namehand != '') {
+					location.href = namehand + "_" + (npage - 1) + shortname;
+				} else {
+					location.href = "view.php?aid={dede:field name='id'/}&pageno=" + (npage - 1);
+				}
 			}
 		}
-		if(hasid) { alert('您刚才已表决过了喔!'); return false;}
-		else saveid += ','+fid;
-		SetCookie('badgoodid',saveid,1);
-	}
-	else
-	{
-		SetCookie('badgoodid',fid,1);
-	}
-	myajax = new DedeAjax(taget_obj,false,false,'','','');
-	myajax.SendGet2("{dede:field name='phpurl'/}/feedback.php?aid="+fid+"&action="+ftype+"&fid="+fid);
-	DedeXHTTP = null;
-}
-function postDigg(ftype,aid)
-{
-	var taget_obj = document.getElementById('newdigg');
-	var saveid = GetCookie('diggid');
-	if(saveid != null)
-	{
-		var saveids = saveid.split(',');
-		var hasid = false;
-		saveid = '';
-		j = 1;
-		for(i=saveids.length-1;i>=0;i--)
-		{
-			if(saveids[i]==aid && hasid) continue;
+
+		//下一张
+		function dPlayNext() {
+			if (npage == totalpage) { ShowMsg("没有了哦"); }
 			else {
-				if(saveids[i]==aid && !hasid) hasid = true;
-				saveid += (saveid=='' ? saveids[i] : ','+saveids[i]);
-				j++;
-				if(j==20 && hasid) break;
-				if(j==19 && !hasid) break;
+				if (displaytype == 'st' && namehand != '') location.href = namehand + "_" + (npage + 1) + shortname;
+				else location.href = "view.php?aid={dede:field name='id'/}&pageno=" + (npage + 1);
 			}
 		}
-		if(hasid) { alert("您已经顶过该帖,请不要重复顶帖 !"); return; }
-		else saveid += ','+aid;
-		SetCookie('diggid',saveid,1);
-	}
-	else
-	{
-		SetCookie('diggid',aid,1);
-	}
-	myajax = new DedeAjax(taget_obj,false,false,'','','');
-	var url = "{dede:global.cfg_phpurl/}/digg_ajax.php?action="+ftype+"&id="+aid;
-	myajax.SendGet2(url);
-	DedeXHTTP = null;
-}
-function getDigg(aid)
-{
-	var taget_obj = document.getElementById('newdigg');
-	myajax = new DedeAjax(taget_obj,false,false,'','','');
-	myajax.SendGet2("{dede:global.cfg_phpurl/}/digg_ajax.php?id="+aid);
-	DedeXHTTP = null;
-}
+	</script>
+</head>
 
+<body>
+	{dede:include filename="top.htm"/}
 
-  var shortname = "{dede:global.art_shortname/}";
-  var npage = {dede:field name='nowpage'/};
-	var totalpage = {dede:field name='totalpage'/};
-	var namehand = '{dede:field name='namehand'/}';
-	var displaytype = '{dede:field name='displaytype'/}';
-	var gtimer = null;
-	//大图
-	function dPlayBig()
-	{
-		var imgObj = document.getElementById("bigimg");
-		window.open(imgObj.src);
-	}
-	//停止幻灯
-	function dStopPlay()
-	{
-		if(gtimer) clearTimeout(gtimer);
-		else dPlayNext();
-	}
-	//开始幻灯
-	function dStartPlay()
-	{
-		if(npage!=totalpage) {
-			gtimer = setTimeout("dPlayNext()",10000);
-		}
-	}
+	{dede:include filename="header.htm"/}
 
-	//上一张
-	function dPlayPre(){
+	{dede:include filename="navbar.htm"/}
 
-	if(npage<2)
-	{
-			alert("这是第一页");
-	}
-	else
-	{
-			if(npage==2) {
-				if(namehand!='') location.href = namehand+shortname;
-				else location.href = "view.php?aid={dede:field name='id'/}";
-			} else if(displaytype=='st' && namehand!='') {
-				location.href = namehand+"_"+(npage-1)+shortname;
-			} else {
-				location.href = "view.php?aid={dede:field name='id'/}&pageno="+(npage-1);
-			}
-		}
-	}
+	<div class="container">
+		<div class="position">
+			<nav aria-label="breadcrumb">
+				<ol class="breadcrumb mb-0">
+					<li class="breadcrumb-item">当前位置</li>
+					{dede:field name='position'/}
+				</ol>
+			</nav>
+		</div>
+		<!-- /.position -->
+	</div>
+
+	<main class="container">
+		<div class="row">
+			<div class="col-md-8 article-main">
+				<h2 class="mt-0 mb-3 zixue">{dede:field.title/}</h2>
+				<div class="article-meta">
+					<small>时间:</small>{dede:field.pubdate function="MyDate('Y-m-d',@me)"/}
+					<small>来源:</small>{dede:field.source/}
+					<small>作者:</small>{dede:field.writer/}
+					<small>点击:</small><span id="_count">...</span>次
+				</div>
 
-	//下一张
-	function dPlayNext()
-	{
-		if(npage==totalpage) { alert("没有了哦"); }
-		else
-		{
-			if(displaytype=='st' && namehand!='') location.href = namehand+"_"+(npage+1)+shortname;
-			else location.href = "view.php?aid={dede:field name='id'/}&pageno="+(npage+1);
-		}
-	}
--->
-</script>
-</head>
-<body class="picboxview">
+				<div class="picbox">
+
+					{dede:field name='pagestyle' alt='根据不同的页面风格输出不同的头信息' runphp='yes'}
+					if(@me==3) {
+					@me = '<ul class="e8">';
+						}
+						else if(@me==2) {
+						@me = "
+						<div class='mt-3 mb-3 text-center'>
+							<a href='javascript:dPlayBig();' class='btn btn-success'>原始图片</a>\r\n
+							<a href='javascript:dPlayPre();' class='btn btn-success'>上一张</a>\r\n
+							<a href='javascript:dPlayNext();' class='btn btn-success'>下一张</a>\r\n
+							<a href='javascript:dStopPlay();' class='btn btn-success'>自动 / 暂停播放</a>\r\n
+						</div>
+						";
+						}
+						else {
+						@me = '';
+						}
+						{/dede:field}
+						<!-- 如果使用的是多页单图模式(幻灯),把href里的链接改为 javascript:dPlayNext(); 表示点击看下一页 -->
+						{dede:field name='imgurls' alt='图片输出区'}
+						[field:pagestyle runphp='yes'] @me= (@me==3 ? '<li>' : '');[/field:pagestyle]
+							<a href='[field:linkurl/]' [field:pagestyle runphp='yes' ] @me=(@me==3 ? 'class="pic"' : ''
+								); [/field:pagestyle]>
+								<img src='[field:imgsrc/]' id='bigimg' [field:imgwidth /] alt='[field:alttext /]'
+									border='0' />
+							</a>
+							<a href='[field:linkurl/]' [field:pagestyle runphp='yes' ]@me=(@me==3 ? 'class="title"' : ''
+								);[/field:pagestyle]>
+								[field:title /]
+							</a>
+							[field:pagestyle runphp='yes'] @me = (@me==3 ? '</li>' : ''); [/field:pagestyle]
+						{/dede:field}
+
+						{dede:field name='pagestyle' alt='根据不同的风格输出不同的结尾信息' runphp='yes'}
+						if(@me==3) {
+						@me = '</ul>';
+					}
+					else if(@me==2) {
+					@me = "
+					<script language='javascript'>dStartPlay();</script>\r\n";
+					}
+					else {
+					@me = '';
+					}
+					{/dede:field}
+				</div>
 
-{dede:include filename="head2.htm"/}
-<!-- /header -->
-<div class="w960 center clear mt1">
-	<div class="pleft">
-		<div class="place">
-			<strong>当前位置:</strong> {dede:field name='position'/}
-		</div><!-- /place -->
-		<div class="viewbox">
-			<div class="title">
-				<h2>{dede:field.title/}</h2>
-			</div><!-- /title -->
-			<div class="info">
-				<small>时间:</small>{dede:field.pubdate function="MyDate('Y-m-d H:i',@me)"/}<small>来源:</small>{dede:field.source/} <small>作者:</small>{dede:field.writer/} <small>点击:</small><script src="{dede:field name='phpurl'/}/count.php?view=yes&aid={dede:field name='id'/}&mid={dede:field name='mid'/}" type='text/javascript' language="javascript"></script>次
-			</div><!-- /info -->
-			<div class="picbox">
+				<div class="body py-2">
+					{dede:field.body/} (责任编辑:{dede:adminname/})
+				</div>
+				<!-- /.body -->
 
-             {dede:field name='pagestyle' alt='根据不同的页面风格输出不同的头信息' runphp='yes'}
-                if(@me==3) {
-                	@me = '<ul class="e8">';
-                }
-                else if(@me==2) {
-                	@me = "
-					<center>
-						<a href='javascript:dPlayBig();' class='c1'>原始图片</a>\r\n
-						<a href='javascript:dPlayPre();' class='c1'>上一张</a>\r\n
-						<a href='javascript:dPlayNext();' class='c1'>下一张</a>\r\n
-						<a href='javascript:dStopPlay();' class='c1'>自动 / 暂停播放</a>\r\n
-					</center>
-                	";
-                }
-                else {
-                	@me = '';
-                }
-             {/dede:field}
-             <!-- 如果使用的是多页单图模式(幻灯),把href里的链接改为 javascript:dPlayNext(); 表示点击看下一页 -->
-             {dede:field name='imgurls' alt='图片输出区'}
-                [field:pagestyle runphp='yes'] @me= (@me==3 ? '<li>' : '');[/field:pagestyle]
-                <a href='[field:linkurl/]' [field:pagestyle runphp='yes'] @me= (@me==3 ? 'class="pic"' : ''); [/field:pagestyle]>
-                  <img src='[field:imgsrc/]' id='bigimg' [field:imgwidth /] alt='[field:alttext /]' border='0' />
-                </a>
-                <a href='[field:linkurl/]' [field:pagestyle runphp='yes']@me = (@me==3 ? 'class="title"' : '');[/field:pagestyle]>
-                	[field:title /]
-                </a>
-                [field:pagestyle runphp='yes'] @me = (@me==3 ? '</li>' : ''); [/field:pagestyle]
-             {/dede:field}
+				<div class="clearfix"></div>
 
-             {dede:field name='pagestyle' alt='根据不同的风格输出不同的结尾信息' runphp='yes'}
-                if(@me==3) {
-                @me = '</ul>';
-                }
-                else if(@me==2) {
-                	@me = "<script language='javascript'>dStartPlay();</script>\r\n";
-               	}
-               	else {
-               		@me = '';
-                }
-             {/dede:field}
-			</div>
-           	<div class="intro">{dede:field.body/}
-            <div style="clear:both"></div>
-            </div>
-			<div class="newdigg" id="newdigg">
-				<div class="diggbox digg_good" onmousemove="this.style.backgroundPosition='left bottom';" onmouseout="this.style.backgroundPosition='left top';" onclick="javascript:postDigg('good',{dede:field.id/})">
-					<div class="digg_act">顶一下</div>
-					<div class="digg_num">({dede:field.goodpost/})</div>
-					<div class="digg_percent">
-						<div class="digg_percent_bar"><span style="width:{dede:field.goodper/}%"></span></div>
-						<div class="digg_percent_num">{dede:field.goodper/}%</div>
+				{dede:include comment='文档顶踩模块' filename="widget_article_digg.htm"/}
+
+				<div class="row">
+					<div class="col-md-4 prenext pt-2">
+						<div class="pagination-previous">{dede:prenext get='pre'/}</div>
+						<div class="pagination-next mt-2">{dede:prenext get='next'/}</div>
 					</div>
-				</div>
-				<div class="diggbox digg_bad" onmousemove="this.style.backgroundPosition='right bottom';" onmouseout="this.style.backgroundPosition='right top';" onclick="javascript:postDigg('bad',{dede:field.id/})">
-					<div class="digg_act">踩一下</div>
-					<div class="digg_num">({dede:field.badpost/})</div>
-					<div class="digg_percent">
-						<div class="digg_percent_bar"><span style="width:{dede:field.badper/}%"></span></div>
-						<div class="digg_percent_num">{dede:field.badper/}%</div>
+					<div class="col-md-8">
+						<div class="row actbox">
+							<ul>
+								<li><i class="fa fa-star-o" aria-hidden="true"></i> <a
+										href="{dede:field name='phpurl'/}/stow.php?aid={dede:field.id/}"
+										target="_blank">收藏</a></li>
+								<li><i class="fa fa-bug" aria-hidden="true"></i> <a
+										href="javascript:ErrorAddSave({dede:field.id/}, '{dede:field.title/}');">挑错</a>
+								</li>
+								<li><i class="fa fa-thumbs-o-up" aria-hidden="true"></i> <a
+										href="{dede:field name='phpurl'/}/recommend.php?aid={dede:field.id/}"
+										target="_blank">推荐</a></li>
+								<li><i class="fa fa-print" aria-hidden="true"></i> <a href="#"
+										onClick="window.print();">打印</a></li>
+							</ul>
+						</div><!-- /actbox -->
 					</div>
 				</div>
-			</div>
-			 <script language="javascript" type="text/javascript">getDigg({dede:field.id/});</script>
 
-			<div class="boxoff">
-				<strong>------分隔线----------------------------</strong>
+				{dede:include comment='文档评论模块' file='widget_article_feedback.htm' /}
+
 			</div>
-			<div class="handle">
-				<div class="context">
-					<ul>
-						<li>{dede:prenext get='pre'/}</li>
-						<li>{dede:prenext get='next'/}</li>
-					</ul>
-				</div><!-- /context -->
-				<div class="actbox">
-					<ul>
-						<li id="act-fav"><a href="{dede:field name='phpurl'/}/stow.php?aid={dede:field.id/}" target="_blank">收藏</a></li>
-						<li id="act-err"><a href="{dede:field name='phpurl'/}/erraddsave.php?aid={dede:field.id/}&title={dede:field.title/}" target="_blank">挑错</a></li>
-						<li id="act-pus"><a href="{dede:field name='phpurl'/}/recommend.php?aid={dede:field.id/}" target="_blank">推荐</a></li>
-						<li id="act-pnt"><a href="#" onClick="window.print();">打印</a></li>
-					</ul>
-				</div><!-- /actbox -->
-			</div><!-- /handle -->
-		</div><!-- /viewbox -->
+			<!-- /.article-main -->
 
-<!-- //AJAX评论区 -->
-{dede:include file='ajaxfeedback.htm' /}
+			<aside class="col-md-4 article-sidebar">
 
-	</div><!-- /pleft -->
+				{dede:include comment='推荐内容' filename="widget_recommend.htm"/}
 
-	<div class="pright">
-	    <div class="infos_userinfo">
- 			{dede:memberinfos}
-			<dl class="tbox">
-				<dt><strong>发布者资料</strong></dt>
-				<dd>
-					<a href="[field:spaceurl /]" class="userface"><img src="[field:face/]" width="52" height="52" /></a>
-					<a href='[field:spaceurl /]' class="username">[field:uname/]</a>
-					<span class="useract">
-						<a href="[field:spaceurl /]" class="useract-vi">查看详细资料</a>
-                        <a href="[field:spaceurl /]&action=guestbook" class="useract-pm">发送留言</a>
-						<a href="[field:spaceurl /]&action=newfriend" class="useract-af">加为好友</a>
-					</span>
-					<span class="userinfo-sp"><small>用户等级:</small>[field:rankname /]</span>
-					<span class="userinfo-sp"><small>注册时间:</small>[field:jointime function="MyDate('Y-m-d H:m',@me)"/]</span>
-					<span class="userinfo-sp"><small>最后登录:</small>[field:logintime function="MyDate('Y-m-d H:m',@me)"/]</span>
-				</dd>
-			</dl>
-			{/dede:memberinfos}
-   	 	</div>
+				{dede:include comment='热点内容' filename="widget_hot.htm"/}
 
-    	<div class="mt1">
-			<dl class="tbox">
-				<dt><strong>热点图集</strong></dt>
-				<dd>
-					<ul class="e3">
-                    {dede:arclist row='5' type='image.' orderby=click}
-						<li>
-							<a href="[field:arcurl/]" class="preview"><img src="[field:litpic/]" alt="[field:title function='html2text(@me)'/]"/></a>
-							<a href="[field:arcurl/]" class="title">[field:title/]</a>
-							<span class="intro">更新:[field:pubdate function="GetDateMK(@me)"/]</span>
-						</li>
-                     {/dede:arclist}
+			</aside>
+			<!-- /.article-sidebar -->
 
-					</ul>
-				</dd>
-			</dl>
-		</div>
-		<div class="mt1">
-			<dl class="tbox">
-				<dt><strong>推荐图集</strong></dt>
-				<dd>
-					<ul class="e9">
-                    {dede:arclist row='8' type='image.commend.'}
-						<li><a href="[field:arcurl/]"><img src="[field:litpic/]" alt="[field:title function='html2text(@me)'/]"/><span class="title">[field:title/]</span></a></li>
-                    {/dede:arclist}
-					</ul>
-				</dd>
-			</dl>
 		</div>
-
-	</div><!-- /pright -->
-</div>
-{dede:include filename="footer.htm"/}
-<!-- /footer -->
-
+	</main>
+	<!-- /main -->
+
+	{dede:include filename="footer.htm"/}
+	<script>
+
+
+		// 页面加载触发
+		$(document).ready(function () {
+			// 获取文档点击数统计
+			$.get("{dede:field name='phpurl'/}/count.php?format=json&view=yes&aid={dede:field.id/}&mid=1&cid={dede:field.channel/}", function (data) {
+				let result = JSON.parse(data);
+				$("#_count").html(result.data.click);
+			})
+		});
+	</script>
 </body>
+
 </html>
\ No newline at end of file
diff --git a/src/templets/default/article_image_cl.htm b/src/templets/default/article_image_cl.htm
deleted file mode 100755
index aeb20692..00000000
--- a/src/templets/default/article_image_cl.htm
+++ /dev/null
@@ -1,369 +0,0 @@
-<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
-<html xmlns="http://www.w3.org/1999/xhtml">
-<head>
-<meta http-equiv="Content-Type" content="text/html; charset={dede:global.cfg_soft_lang/}" />
-<title>{dede:field.title/} - {dede:global.cfg_webname/}</title>
-<meta name="keywords" content="{dede:field.keywords/}" />
-<meta name="description" content="{dede:field.description function='html2text(@me)'/}" />
-<link href="{dede:global.cfg_templets_skin/}/images/photo/album.css" rel="stylesheet" media="screen" type="text/css">
-<link href="{dede:global.cfg_templets_skin/}/style/dedecms.css" rel="stylesheet" media="screen" type="text/css" />
-<meta http-equiv="mobile-agent" content="format=xhtml;url={dede:global.cfg_mobileurl/}/view.php?aid={dede:field.id/}">
-<script type="text/javascript">if(window.location.toString().indexOf('pref=padindex') != -1){}else{if(/AppleWebKit.*Mobile/i.test(navigator.userAgent) || (/MIDP|SymbianOS|NOKIA|SAMSUNG|LG|NEC|TCL|Alcatel|BIRD|DBTEL|Dopod|PHILIPS|HAIER|LENOVO|MOT-|Nokia|SonyEricsson|SIE-|Amoi|ZTE/.test(navigator.userAgent))){if(window.location.href.indexOf("?mobile")<0){try{if(/Android|Windows Phone|webOS|iPhone|iPod|BlackBerry/i.test(navigator.userAgent)){window.location.href="{dede:global.cfg_mobileurl/}/view.php?aid={dede:field.id/}";}else if(/iPad/i.test(navigator.userAgent)){}else{}}catch(e){}}}}</script>
-<script language="javascript" type="text/javascript" src="{dede:global.cfg_cmsurl/}/static/js/dedeajax2.js"></script>
-<SCRIPT language="javascript" type="text/javascript" src="{dede:global.cfg_templets_skin/}/images/photo/sinaflash.js"></SCRIPT>
-<SCRIPT language="javascript" type="text/javascript" src="{dede:global.cfg_templets_skin/}/images/photo/heiphoto.js"></SCRIPT>
-<script language="javascript" type="text/javascript">
-<!--
-function CheckLogin(){
-	  var taget_obj = document.getElementById('_ajax_feedback');
-	  myajax = new DedeAjax(taget_obj,false,false,'','','');
-	  myajax.SendGet2("{dede:global.cfg_cmsurl/}/member/ajax_feedback.php");
-	  DedeXHTTP = null;
-}
-function postBadGood(ftype,fid)
-{
-	var taget_obj = document.getElementById(ftype+fid);
-	var saveid = GetCookie('badgoodid');
-	if(saveid != null)
-	{
-		var saveids = saveid.split(',');
-		var hasid = false;
-		saveid = '';
-		j = 1;
-		for(i=saveids.length-1;i>=0;i--)
-		{
-			if(saveids[i]==fid && hasid) continue;
-			else {
-				if(saveids[i]==fid && !hasid) hasid = true;
-				saveid += (saveid=='' ? saveids[i] : ','+saveids[i]);
-				j++;
-				if(j==10 && hasid) break;
-				if(j==9 && !hasid) break;
-			}
-		}
-		if(hasid) { alert('您刚才已表决过了喔!'); return false;}
-		else saveid += ','+fid;
-		SetCookie('badgoodid',saveid,1);
-	}
-	else
-	{
-		SetCookie('badgoodid',fid,1);
-	}
-	myajax = new DedeAjax(taget_obj,false,false,'','','');
-	myajax.SendGet2("{dede:field name='phpurl'/}/feedback.php?aid="+fid+"&action="+ftype+"&fid="+fid);
-}
-function postDigg(ftype,aid)
-{
-	var taget_obj = document.getElementById('newdigg');
-	var saveid = GetCookie('diggid');
-	if(saveid != null)
-	{
-		var saveids = saveid.split(',');
-		var hasid = false;
-		saveid = '';
-		j = 1;
-		for(i=saveids.length-1;i>=0;i--)
-		{
-			if(saveids[i]==aid && hasid) continue;
-			else {
-				if(saveids[i]==aid && !hasid) hasid = true;
-				saveid += (saveid=='' ? saveids[i] : ','+saveids[i]);
-				j++;
-				if(j==20 && hasid) break;
-				if(j==19 && !hasid) break;
-			}
-		}
-		if(hasid) { alert("您已经顶过该帖,请不要重复顶帖 !"); return; }
-		else saveid += ','+aid;
-		SetCookie('diggid',saveid,1);
-	}
-	else
-	{
-		SetCookie('diggid',aid,1);
-	}
-	myajax = new DedeAjax(taget_obj,false,false,'','','');
-	var url = "{dede:global.cfg_phpurl/}/digg_ajax.php?action="+ftype+"&id="+aid;
-	myajax.SendGet2(url);
-}
--->
-</script>
-<STYLE type=text/css media=print>
-.secondaryHeader {
-	DISPLAY: none! important
-}
-.eControl {
-	DISPLAY: none! important;
-	border:#000 solid 1px;
-	width:300px;
-}
-#efpTxt .others {
-	DISPLAY: none! important
-}
-#efpPicList {
-	DISPLAY: none! important
-}
-.footer {
-	DISPLAY: none! important
-}
-#efpClew {
-	DISPLAY: none! important
-}
-#CommFormBottomBox {
-	DISPLAY: none! important
-}
-#efpLeftArea {
-	DISPLAY: none! important
-}
-#efpRightArea {
-	DISPLAY: none! important
-}
-.eTitle H1 {
-	MARGIN: 0px
-}
-</STYLE>
-<link href="images/photo/album.css" rel="stylesheet" type="text/css" />
-</head>
-<body>
-{dede:include filename="head2.htm"/}
-<div class="w960 center clear mt1">
-  <div class="place"> <strong>当前位置:</strong> {dede:field name='position'/}{dede:field.title/} </div>
-  <div id="wrap">
-    <div class="pic">
-      <!-- /place -->
-      <!--相册代码开始-->
-      <DIV class=eTitle>
-        <H1><SPAN id=txtTitle>{dede:field.title/}</SPAN><SPAN id=total>(<SPAN class=cC00>0</SPAN>/0)</SPAN></H1>
-      </DIV>
-      <DIV class=eControl>
-        <DIV class=ecCont>
-          <DIV id=ecbSpeed>
-            <DIV class=buttonCont id=ecbSpeedInfo>5秒</DIV>
-          </DIV>
-          <DIV id=ecbPre title=上一张>
-            <DIV class=buttonCont></DIV>
-          </DIV>
-          <DIV id=ecbPlay>
-            <DIV class=play id=ecpPlayStatus></DIV>
-          </DIV>
-          <DIV id=ecbNext title=下一张>
-            <DIV class=buttonCont></DIV>
-          </DIV>
-          <DIV id=ecbLine>
-            <DIV class=buttonCont></DIV>
-          </DIV>
-          <DIV id=ecbMode title=列表模式(tab)>
-            <DIV class=buttonCont></DIV>
-          </DIV>
-          <DIV id=ecbModeReturn title=返回幻灯模式(tab)>
-            <DIV class=buttonCont></DIV>
-          </DIV>
-          <DIV id=ecbFullScreen title=全屏浏览>
-            <DIV class=buttonCont id=fullScreenFlash></DIV>
-          </DIV>
-          <!-- 速度条 begin -->
-          <DIV id=SpeedBox>
-            <DIV id=SpeedCont>
-              <DIV id=SpeedSlide></DIV>
-              <DIV id=SpeedNonius></DIV>
-            </DIV>
-          </DIV>
-          <!-- 速度条 end -->
-        </DIV>
-      </DIV>
-      <DIV id=eFramePic>
-        <DIV id=efpBigPic>
-          <DIV id=efpClew></DIV>
-          <DIV id=d_BigPic></DIV>
-          <DIV class=arrLeft id=efpLeftArea title=上一张></DIV>
-          <DIV class=arrRight id=efpRightArea title=下一张></DIV>
-          <DIV id=endSelect>
-            <DIV id=endSelClose></DIV>
-            <DIV class=bg></DIV>
-            <DIV class=E_Cont>
-              <P>您已经浏览完所有图片</P>
-              <P><A id=rePlayBut href="javascript:void(0)"></A><A id=nextPicsBut href="javascript:void(0)"></A></P>
-            </DIV>
-          </DIV>
-          <!-- endSelect end -->
-        </DIV>
-        <DIV id=efpTxt>
-        	<H2 id=d_picTit></H2>
-        	<DIV id=d_picTime></DIV>
-        	<DIV id=d_picIntro></DIV>
-        	<DIV class=others>
-       		时间:{dede:field.pubdate function="MyDate('Y-m-d H:i',@me)"/} | 浏览<script src="{dede:field name='phpurl'/}/count.php?view=yes&aid={dede:field.id/}&mid={dede:field.mid/}" type='text/javascript' language="javascript"></script>次 | 已有<SPAN class=cC00 
-        id=commAObjNum><A href="/plus/feedback.php?aid={dede:field.id/}" target="_blank">{dede:sql sql="SELECT count(id) as total FROM #@__feedback where aid=~id~;"}[field:total runphp='yes']@me=empty(@me)? 0 : @me;[/field:total]{/dede:sql}</A></SPAN>条评论</DIV> 
-        </DIV>
-        <DIV id=efpTxt style="display:none">
-          <H2 id=d_picTit></H2>
-          <DIV id=d_picTime></DIV>
-          <DIV id=d_picIntro></DIV>
-        </DIV>
-        <DIV id=efpContent><div id="contentMidPicAD" style="float:right; clear:both; top:0; vertical-align:top; display:block">{dede:myad name='contentMidPicAD'/}</div>{dede:field.body/}<div style="clear:both"></div></DIV>
-        <DIV id=efpPicList>
-          <DIV id=efpPreGroup>
-            <DIV id=efpPrePic onmouseover="this.className='selected'" 
-onmouseout="this.className=''">
-              <TABLE cellSpacing=0>
-                <TR>
-                  <TD>{dede:prenext get='preimg'/}</TD>
-                </TR>
-              </TABLE>
-            </DIV>
-            <DIV id=efpPreTxt><< 上一图集</DIV>
-          </DIV>
-          <DIV id=efpListLeftArr onMouseOver="this.className='selected'" onmouseout="this.className=''"></DIV>
-          <DIV id=efpPicListCont></DIV>
-          <DIV id=efpListRightArr onMouseOver="this.className='selected'" onmouseout="this.className=''"></DIV>
-          <DIV id=efpNextGroup>
-            <DIV id=efpNextPic onmouseover="this.className='selected'" 
-onmouseout="this.className=''">
-              <TABLE cellSpacing=0>
-                <TR>
-                  <TD>{dede:prenext get='nextimg'/}</TD>
-                </TR>
-              </TABLE>
-            </DIV>
-            <DIV id=efpPreTxt>下一图集 >></DIV>
-          </DIV>
-        </DIV>
-      </DIV>
-      <DIV id=ePicList></DIV>
-      <DIV id=eData style="DISPLAY: none"> {dede:field name='id' function="litimgurls(@me)"/} </DIV>
-      <SCRIPT language=javascript type="text/javascript">
-          <!--//--><![CDATA[//><!--
-          var dataInfo = {
-              title : "{dede:field.title/}"
-          };
-          function echoFocus(){
-              var flashPic = "",flashTxt = "{dede:field.alttext/}";
-              var newHref;
-              var datas = sina.$('eData').getElementsByTagName('dl');
-              for(var i=0;i<datas.length;i++){
-                  //try{
-                      var title,pic,middlePic,smallPic,datetime,intro,commUrl;
-                      title = datas[i].getElementsByTagName('dt');
-                      if(title){
-                          title = title[0].innerHTML;
-                      }else{
-                          title = 'null';
-                      };
-                      var info = datas[i].getElementsByTagName('dd');
-                      if(info){
-                          pic = info[0].innerHTML;
-                          middlePic = info[1].innerHTML;
-                          smallPic = info[2].innerHTML;
-                          datetime = info[3].innerHTML;
-                          intro = info[4].innerHTML;
-                          commUrl = info[5].getElementsByTagName('a');
-                          imageId = info[6].innerHTML;
-                          commUrl = '';
-          
-                      };
-                      epidiascope.add({
-                                      src : pic,
-                                      lowsrc_b : middlePic,
-                                      lowsrc_s : smallPic,
-                                      date : datetime,
-                                      title : title,
-                                      text : intro,
-                                      comment : commUrl,
-                                      id : imageId
-                                  });
-                      if(flashPic != ""){flashPic += "|"};
-                      flashPic += encodeURIComponent(pic);
-                      
-                      if(flashTxt != ""){flashTxt += "|"};
-                      flashTxt += encodeURIComponent(title) + "#" + encodeURIComponent(intro.replace(/<.*?>/g,'')); 
-                  //}catch(e){}
-              };
-              epidiascope.autoPlay = false;
-              epidiascope.init();
-              fullFlash(flashTxt,flashPic);
-              
-              if(Math.random()<=0.01){
-                  epidiascope.stop();
-              };
-          };
-          function fullFlash(txt,pic){	
-              var flashurl = "{dede:global.cfg_templets_skin/}/images/photo/photo.swf";
-              var fullScreen = new sinaFlash(flashurl, "fullScreenObj", "100%", "100%", "8", "#000000");
-              fullScreen.addParam("quality", "best");
-              fullScreen.addParam("wmode", "transparent");
-              fullScreen.addParam("allowFullScreen", "true");
-              fullScreen.addParam("allowScriptAccess","always");
-              fullScreen.addVariable("mylinkpic", pic);		
-              fullScreen.addVariable("infotxt",dataInfo.title);
-              fullScreen.addVariable("mytxt",txt);
-              fullScreen.addVariable("fulls_btnx","0");
-              fullScreen.addVariable("fulls_btny","0");
-              fullScreen.addVariable("fulls_btnalpha","0")
-              fullScreen.write("fullScreenFlash");
-          };
-          function flash_to_js(name){
-              name = new String(name);
-              var status = name.split("|");
-              epidiascope.speedBar.setGrade(status[1]);
-              epidiascope.select(parseInt(status[0]));
-          };
-          function js_to_flash(){
-              epidiascope.stop();
-              return epidiascope.selectedIndex + "|" + epidiascope.speedBar.grade;
-          };
-          var sendT = {
-              getHeader : function(){
-                  return document.getElementById("txtTitle").innerHTML + '-' + document.getElementById("d_picTit").innerHTML;
-              },
-              getFirstImgSrc : function(){
-                  if (document.getElementById("d_BigPic").getElementsByTagName("img")[0]){
-                      return document.getElementById("d_BigPic").getElementsByTagName("img")[0].src;
-                  }else{
-                      return null;
-                  }
-              }
-          }
-          
-          echoFocus();
-          //--><!]]>
-          </SCRIPT>
-      <div style="clear:both "></div>
-    </div>
-    <!-- /pleft -->
-  </div>
-  <div class="pleft"> {dede:include file='ajaxfeedback.htm' /} </div>
-  <div class="pright" style="padding-top: 8px;">
-    <div class="pright">
-        <div>
-          <dl class="tbox">
-				<dt><strong>栏目列表</strong></dt>
-				<dd>
-					<ul class="d6">
-                      {dede:channel type='son' currentstyle="<li><a href='~typelink~' class='thisclass'>~typename~</a></li>"}
-		<li><a href='[field:typeurl/]'>[field:typename/]</a></li>{/dede:channel}
-					</ul>
-				</dd>
-			</dl>
-        </div>
-    <div class="infos_userinfo"> {dede:memberinfos}
-      <dl class="tbox">
-        <dt><strong>发布者资料</strong></dt>
-        <dd> <a href="[field:spaceurl /]" class="userface"><img src="[field:face/]" width="52" height="52" /></a> <a href='[field:spaceurl /]' class="username">[field:uname/]</a> <span class="useract"> <a href="[field:spaceurl /]" class="useract-vi">查看详细资料</a> <a href="[field:spaceurl /]&action=guestbook" class="useract-pm">发送留言</a> <a href="[field:spaceurl /]&action=newfriend" class="useract-af">加为好友</a> </span> <span class="userinfo-sp"><small>用户等级:</small>[field:rankname /]</span> <span class="userinfo-sp"><small>注册时间:</small>[field:jointime function="MyDate('Y-m-d H:m',@me)"/]</span> <span class="userinfo-sp"><small>最后登录:</small>[field:logintime function="MyDate('Y-m-d H:m',@me)"/]</span> </dd>
-      </dl>
-      {/dede:memberinfos} </div>
-    <div class="mt1">
-      <dl class="tbox">
-        <dt><strong>热点图集</strong></dt>
-        <dd>
-          <ul class="e3">
-            {dede:arclist row='5' type='image.' orderby=click}
-            <li> <a href="[field:arcurl/]" class="preview"><img src="[field:litpic/]" alt="[field:title function='html2text(@me)'/]"/></a> <a href="[field:arcurl/]" class="title">[field:title/]</a> <span class="intro">更新:[field:pubdate function="GetDateMK(@me)"/]</span> </li>
-            {/dede:arclist}
-          </ul>
-        </dd>
-      </dl>
-    </div>
-  </div>
-</div>
-{dede:include filename="footer.htm"/}<br />
-</body>
-</html>
diff --git a/src/templets/default/article_image_new.htm b/src/templets/default/article_image_new.htm
deleted file mode 100755
index 0029993c..00000000
--- a/src/templets/default/article_image_new.htm
+++ /dev/null
@@ -1,263 +0,0 @@
-<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
-<html xmlns="http://www.w3.org/1999/xhtml">
-<head>
-<meta http-equiv="Content-Type" content="text/html; charset={dede:global.cfg_soft_lang/}" />
-<title>{dede:field.title/}_{dede:global.cfg_webname/}</title>
-<meta name="keywords" content="{dede:field.keywords/}" />
-<meta name="description" content="{dede:field.description function='html2text(@me)'/}" />
-<link href="{dede:global.cfg_templets_skin/}/style/dedecms.css" rel="stylesheet" media="screen" type="text/css" />
-<link href="{dede:global.cfg_templets_skin/}/style/picture.css" rel="stylesheet" type="text/css" />
-<link href="{dede:global.cfg_templets_skin/}/style/scroll.css" rel="stylesheet" type="text/css" />
-<meta http-equiv="mobile-agent" content="format=xhtml;url={dede:global.cfg_mobileurl/}/view.php?aid={dede:field.id/}">
-<script type="text/javascript">if(window.location.toString().indexOf('pref=padindex') != -1){}else{if(/AppleWebKit.*Mobile/i.test(navigator.userAgent) || (/MIDP|SymbianOS|NOKIA|SAMSUNG|LG|NEC|TCL|Alcatel|BIRD|DBTEL|Dopod|PHILIPS|HAIER|LENOVO|MOT-|Nokia|SonyEricsson|SIE-|Amoi|ZTE/.test(navigator.userAgent))){if(window.location.href.indexOf("?mobile")<0){try{if(/Android|Windows Phone|webOS|iPhone|iPod|BlackBerry/i.test(navigator.userAgent)){window.location.href="{dede:global.cfg_mobileurl/}/view.php?aid={dede:field.id/}";}else if(/iPad/i.test(navigator.userAgent)){}else{}}catch(e){}}}}</script>
-<script type="text/javascript" src="{dede:global.cfg_cmsurl/}/static/js/jquery.min.js"></script>
-<script type="text/javascript" src="{dede:global.cfg_templets_skin/}/js/jcarousellite.js"></script>
-<script language="javascript" type="text/javascript" src="{dede:global.cfg_cmsurl/}/static/js/dedeajax2.js"></script>
-<script language="javascript" type="text/javascript">
-<!--
-function CheckLogin(){
-	var taget_obj = document.getElementById('_ajax_feedback');
-	myajax = new DedeAjax(taget_obj,false,false,'','','');
-	myajax.SendGet2("{dede:global.cfg_cmsurl/}/member/ajax_feedback.php");
-	DedeXHTTP = null;
-}
-function checkSubmit(){
-	if(document.feedback.msg.value!='') document.feedback.submit();
-	else alert("评论内容不能为空!");
-}
-function postBadGood(ftype,fid)
-{
-	var taget_obj = document.getElementById(ftype+fid);
-	var saveid = GetCookie('badgoodid');
-	if(saveid != null)
-	{
-		var saveids = saveid.split(',');
-		var hasid = false;
-		saveid = '';
-		j = 1;
-		for(i=saveids.length-1;i>=0;i--)
-		{
-			if(saveids[i]==fid && hasid) continue;
-			else {
-				if(saveids[i]==fid && !hasid) hasid = true;
-				saveid += (saveid=='' ? saveids[i] : ','+saveids[i]);
-				j++;
-				if(j==10 && hasid) break;
-				if(j==9 && !hasid) break;
-			}
-		}
-		if(hasid) { alert('您刚才已表决过了喔!'); return false;}
-		else saveid += ','+fid;
-		SetCookie('badgoodid',saveid,1);
-	}
-	else
-	{
-		SetCookie('badgoodid',fid,1);
-	}
-	myajax = new DedeAjax(taget_obj,false,false,'','','');
-	myajax.SendGet2("{dede:field name='phpurl'/}/feedback.php?aid="+fid+"&action="+ftype+"&fid="+fid);
-	DedeXHTTP = null;
-}
-function postDigg(ftype,aid)
-{
-	var taget_obj = document.getElementById('newdigg');
-	var saveid = GetCookie('diggid');
-	if(saveid != null)
-	{
-		var saveids = saveid.split(',');
-		var hasid = false;
-		saveid = '';
-		j = 1;
-		for(i=saveids.length-1;i>=0;i--)
-		{
-			if(saveids[i]==aid && hasid) continue;
-			else {
-				if(saveids[i]==aid && !hasid) hasid = true;
-				saveid += (saveid=='' ? saveids[i] : ','+saveids[i]);
-				j++;
-				if(j==20 && hasid) break;
-				if(j==19 && !hasid) break;
-			}
-		}
-		if(hasid) { alert("您已经顶过该帖,请不要重复顶帖 !"); return; }
-		else saveid += ','+aid;
-		SetCookie('diggid',saveid,1);
-	}
-	else
-	{
-		SetCookie('diggid',aid,1);
-	}
-	myajax = new DedeAjax(taget_obj,false,false,'','','');
-	var url = "{dede:global.cfg_phpurl/}/digg_ajax.php?action="+ftype+"&id="+aid;
-	myajax.SendGet2(url);
-	DedeXHTTP = null;
-}
-function getDigg(aid)
-{
-	var taget_obj = document.getElementById('newdigg');
-	myajax = new DedeAjax(taget_obj,false,false,'','','');
-	myajax.SendGet2("{dede:global.cfg_phpurl/}/digg_ajax.php?id="+aid);
-	DedeXHTTP = null;
-}
-$(function() {
-	$("#navigation .sort").click(function(){
-		$(this).next(".menu").toggleClass("invisible");
-		$(this).toggleClass("hover");
-	})
-	$(".scroll").jCarouselLite({})
-});
-function ChangePic(picsrc, imgid)
-{
-	$(imgid).get(0).src = picsrc;
-}
--->
-</script>
-</head>
-<body class="picboxview">
-
-{dede:include filename="head2.htm"/}
-<!-- /header -->
-
-<div class="channel-nav w960 center clear">
-	<div class='sonnav'>
-	{dede:channel type='self' currentstyle="<span><a href='~typelink~' class='thisclass'>~typename~</a></span>"}
-		<span><a href='[field:typeurl/]'>[field:typename/]</a></span>{/dede:channel}
-	</div>
-</div><!-- /channel-nav -->
-
-<div class="w960 center clear mt1">
-	<div class="pleft">
-		<div class="place">
-			<strong>当前位置:</strong> {dede:field name='position'/}
-		</div><!-- /place -->
-		<div class="viewbox">
-			<div class="title">
-				<h2>{dede:field.title/}</h2>
-			</div><!-- /title -->
-			<div class="info">
-				<small>时间:</small>{dede:field.pubdate function="MyDate('Y-m-d H:i',@me)"/}<small>来源:</small>{dede:field.source/} <small>作者:</small>{dede:field.writer/} <small>点击:</small><script src="{dede:field name='phpurl'/}/count.php?view=yes&aid={dede:field name='id'/}&mid={dede:field name='mid'/}" type='text/javascript' language="javascript"></script>次
-			</div><!-- /info -->
-			
-			<center>
-				{dede:field name='imgurls' row='1'}
-          <div id='bigpic'>
-             <a href="[field:imgsrc/]" title="[field:text/]" target="_blank"><img src="[field:imgsrc/]" id="bigpicimg" /></a>
-           </div>
-        {/dede:field}
-        <div class="jCarouselLite mTB10">
-            <button class="imgScroll prev fLeft" type="button" onfocus="this.blur()">&nbsp;</button>
-            <div class="scroll overflow fLeft" style="width:95%">
-               <ul class="w25 textCenter">
-               {dede:productimagelist}
-                  <li><a href="javascript:ChangePic('[field:imgsrc/]', '#bigpicimg');" title="[field:text/]" rel="facebox"><img src="[field:imgsrc/]" width="120" height="90" /></a></li>
-                {/dede:productimagelist}
-                </ul>
-             </div>
-             <button class="imgScroll next fRight" type="button" onfocus="this.blur()">&nbsp;</button>
-             <div class="clear"></div>
-         </div>
-      </center>
-			
-			<div class="newdigg" id="newdigg">
-				<div class="diggbox digg_good" onmousemove="this.style.backgroundPosition='left bottom';" onmouseout="this.style.backgroundPosition='left top';" onclick="javascript:postDigg('good',{dede:field.id/})">
-					<div class="digg_act">顶一下</div>
-					<div class="digg_num">({dede:field.goodpost/})</div>
-					<div class="digg_percent">
-						<div class="digg_percent_bar"><span style="width:{dede:field.goodper/}%"></span></div>
-						<div class="digg_percent_num">{dede:field.goodper/}%</div>
-					</div>
-				</div>
-				<div class="diggbox digg_bad" onmousemove="this.style.backgroundPosition='right bottom';" onmouseout="this.style.backgroundPosition='right top';" onclick="javascript:postDigg('bad',{dede:field.id/})">
-					<div class="digg_act">踩一下</div>
-					<div class="digg_num">({dede:field.badpost/})</div>
-					<div class="digg_percent">
-						<div class="digg_percent_bar"><span style="width:{dede:field.badper/}%"></span></div>
-						<div class="digg_percent_num">{dede:field.badper/}%</div>
-					</div>
-				</div>
-			</div>
-			 <script language="javascript" type="text/javascript">getDigg({dede:field.id/});</script>
-
-			<div class="boxoff">
-				<strong>------分隔线----------------------------</strong>
-			</div>
-			<div class="handle">
-				<div class="context">
-					<ul>
-						<li>{dede:prenext get='pre'/}</li>
-						<li>{dede:prenext get='next'/}</li>
-					</ul>
-				</div><!-- /context -->
-				<div class="actbox">
-					<ul>
-						<li id="act-fav"><a href="{dede:field name='phpurl'/}/stow.php?aid={dede:field.id/}" target="_blank">收藏</a></li>
-						<li id="act-err"><a href="{dede:field name='phpurl'/}/erraddsave.php?aid={dede:field.id/}&title={dede:field.title/}" target="_blank">挑错</a></li>
-						<li id="act-pus"><a href="{dede:field name='phpurl'/}/recommend.php?aid={dede:field.id/}" target="_blank">推荐</a></li>
-						<li id="act-pnt"><a href="#" onClick="window.print();">打印</a></li>
-					</ul>
-				</div><!-- /actbox -->
-			</div><!-- /handle -->
-		</div><!-- /viewbox -->
-
-<!-- //AJAX评论区 -->
-{dede:include file='ajaxfeedback.htm' /}
-
-	</div><!-- /pleft -->
-
-	<div class="pright">
-	    <div class="infos_userinfo">
- 			{dede:memberinfos}
-			<dl class="tbox">
-				<dt><strong>发布者资料</strong></dt>
-				<dd>
-					<a href="[field:spaceurl /]" class="userface"><img src="[field:face/]" width="52" height="52" /></a>
-					<a href='[field:spaceurl /]' class="username">[field:uname/]</a>
-					<span class="useract">
-						<a href="[field:spaceurl /]" class="useract-vi">查看详细资料</a>
-                        <a href="[field:spaceurl /]&action=guestbook" class="useract-pm">发送留言</a>
-						<a href="[field:spaceurl /]&action=newfriend" class="useract-af">加为好友</a>
-					</span>
-					<span class="userinfo-sp"><small>用户等级:</small>[field:rankname /]</span>
-					<span class="userinfo-sp"><small>注册时间:</small>[field:jointime function="MyDate('Y-m-d H:m',@me)"/]</span>
-					<span class="userinfo-sp"><small>最后登录:</small>[field:logintime function="MyDate('Y-m-d H:m',@me)"/]</span>
-				</dd>
-			</dl>
-			{/dede:memberinfos}
-   	 	</div>
-
-    	<div class="mt1">
-			<dl class="tbox">
-				<dt><strong>热点图集</strong></dt>
-				<dd>
-					<ul class="e3">
-                    {dede:arclist row='5' type='image.' orderby=click}
-						<li>
-							<a href="[field:arcurl/]" class="preview"><img src="[field:litpic/]" alt="[field:title function='html2text(@me)'/]"/></a>
-							<a href="[field:arcurl/]" class="title">[field:title/]</a>
-							<span class="intro">更新:[field:pubdate function="GetDateMK(@me)"/]</span>
-						</li>
-                     {/dede:arclist}
-
-					</ul>
-				</dd>
-			</dl>
-		</div>
-		<div class="mt1">
-			<dl class="tbox">
-				<dt><strong>推荐图集</strong></dt>
-				<dd>
-					<ul class="e9">
-                    {dede:arclist row='8' type='image.commend.'}
-						<li><a href="[field:arcurl/]"><img src="[field:litpic/]" alt="[field:title function='html2text(@me)'/]"/><span class="title">[field:title/]</span></a></li>
-                    {/dede:arclist}
-					</ul>
-				</dd>
-			</dl>
-		</div>
-	</div><!-- /pright -->
-</div>
-{dede:include filename="footer.htm"/}
-<!-- /footer -->
-
-</body>
-</html>
diff --git a/src/templets/default/article_shop.htm b/src/templets/default/article_shop.htm
index 375c574e..da12deb0 100755
--- a/src/templets/default/article_shop.htm
+++ b/src/templets/default/article_shop.htm
@@ -115,7 +115,7 @@
 		// 页面加载触发
 		$(document).ready(function () {
 			// 获取文档点击数统计
-			$.get("{dede:field name='phpurl'/}/count.php?format=json&view=yes&aid={dede:field.id/}&mid=1", function (data) {
+			$.get("{dede:field name='phpurl'/}/count.php?format=json&view=yes&aid={dede:field.id/}&mid=1&cid={dede:field.channel/}", function (data) {
 				let result = JSON.parse(data);
 				$("#_count").html(result.data.click);
 			})
diff --git a/src/templets/default/article_soft.htm b/src/templets/default/article_soft.htm
index 84157e50..3245e18a 100755
--- a/src/templets/default/article_soft.htm
+++ b/src/templets/default/article_soft.htm
@@ -118,7 +118,7 @@
 		// 页面加载触发
 		$(document).ready(function () {
 			// 获取文档点击数统计
-			$.get("{dede:field name='phpurl'/}/count.php?format=json&view=yes&aid={dede:field.id/}&mid=1", function (data) {
+			$.get("{dede:field name='phpurl'/}/count.php?format=json&view=yes&aid={dede:field.id/}&mid=1&cid={dede:field.channel/}", function (data) {
 				let result = JSON.parse(data);
 				$("#_count").html(result.data.click);
 			})
diff --git a/src/templets/default/article_spec.htm b/src/templets/default/article_spec.htm
index 49821906..e9c90bbe 100755
--- a/src/templets/default/article_spec.htm
+++ b/src/templets/default/article_spec.htm
@@ -1,90 +1,82 @@
-<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
-<html xmlns="http://www.w3.org/1999/xhtml">
+<!doctype html>
+<html lang="zh-CN">
+
 <head>
-<meta http-equiv="Content-Type" content="text/html; charset={dede:global.cfg_soft_lang/}" />
-<title>{dede:field.title/}_{dede:global.cfg_webname/}</title>
-<meta name="keywords" content="{dede:field.keywords/}" />
-<meta name="description" content="{dede:field.description function='html2text(@me)'/}" />
-<link href="{dede:global.cfg_templets_skin/}/style/dedecms.css" rel="stylesheet" media="screen" type="text/css" />
-<meta http-equiv="mobile-agent" content="format=xhtml;url={dede:global.cfg_mobileurl/}/view.php?aid={dede:field.id/}">
-<script type="text/javascript">if(window.location.toString().indexOf('pref=padindex') != -1){}else{if(/AppleWebKit.*Mobile/i.test(navigator.userAgent) || (/MIDP|SymbianOS|NOKIA|SAMSUNG|LG|NEC|TCL|Alcatel|BIRD|DBTEL|Dopod|PHILIPS|HAIER|LENOVO|MOT-|Nokia|SonyEricsson|SIE-|Amoi|ZTE/.test(navigator.userAgent))){if(window.location.href.indexOf("?mobile")<0){try{if(/Android|Windows Phone|webOS|iPhone|iPod|BlackBerry/i.test(navigator.userAgent)){window.location.href="{dede:global.cfg_mobileurl/}/view.php?aid={dede:field.id/}";}else if(/iPad/i.test(navigator.userAgent)){}else{}}catch(e){}}}}</script>
+	<meta charset="{dede:global.cfg_soft_lang/}">
+	<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
+	<script>
+		const PHPURL = '{dede:field name="phpurl"/}';
+	</script>
+	<script src="{dede:global.cfg_cmsurl/}/static/js/jquery.min.js"></script>
+	<script src="{dede:global.cfg_cmsurl/}/static/js/bootstrap.bundle.js"></script>
+	<link rel="stylesheet" href="{dede:global.cfg_cmsurl/}/static/css/bootstrap.min.css">
+	<link href="{dede:global.cfg_cmsurl/}/static/font-awesome/css/font-awesome.min.css" rel="stylesheet">
+	<link rel="stylesheet" href="{dede:global.cfg_cmsurl/}/static/css/dede.css">
+	<link rel="shortcut icon" href="{dede:global.cfg_cmsurl/}/static/img/favicon.png">
+	<title>{dede:field.title/}_{dede:global.cfg_webname/}</title>
+	<meta name="keywords" content="{dede:field.keywords/}" />
+	<meta name="description" content="{dede:field.description function='html2text(@me)'/}" />
 </head>
+
 <body>
-{dede:include filename="head2.htm"/}
-<!-- /header -->
-<div class="w960 center clear mt1">
-	<div class="pleft">
-		<div class="place">
-		<strong>当前位置:</strong> <a href='{dede:global name='cfg_cmsurl' /}'>主页</a> &gt; 专题
-		</div><!-- /place -->
-		<div class="viewbox">
-			<div class="title">
-				<h2>{dede:field name="title"/}</h2>
-			</div><!-- /title -->
-			<div class="info">
-				<small>时间:</small>{dede:field.pubdate function="MyDate('Y-m-d H:i',@me)"/}<small>责任编辑:</small>{dede:field.writer/} <small>点击:</small><script src="{dede:field name='phpurl'/}/count.php?view=yes&aid={dede:field name='id'/}&mid={dede:field name='mid'/}" type='text/javascript' language="javascript"></script>次 
-			</div><!-- /info -->
-			<div class="specialpic">
-				<img src="{dede:field name='litpic'/}" />
-			</div>
-			<div class="content">
-			 {dede:field name='description'/}
-			</div><!-- /content -->
-			<div class="boxoff">
-				<strong>------分隔线----------------------------</strong>
-			</div>
-		</div><!-- /viewbox -->
-		
-		<div class="speciallist">
-        {dede:field.note/}
-		</div>
-			
-<!-- //AJAX评论区 -->
-<script language="javascript" type="text/javascript" src="{dede:global.cfg_cmsurl/}/static/js/dedeajax2.js"></script>
-<script language="javascript" type="text/javascript">
-function CheckLogin()
-{
-	  var taget_obj = document.getElementById('_ajax_feedback');
-	  myajax = new DedeAjax(taget_obj,false,false,'','','');
-	  myajax.SendGet2("{dede:global.cfg_cmsurl/}/member/ajax_feedback.php");
-	  DedeXHTTP = null;
-}
-</script>
-{dede:include file='ajaxfeedback.htm' /}
-		
-	</div><!-- /pleft -->
-	
-	<div class="pright">
-		<div class="commend">
-			<dl class="tbox">
-				<dt><strong>推荐专题</strong></dt>
-				<dd>
-					<ul class="d4">
-           {dede:arclist flag='c' channelid='-1' titlelen=42 row=6}
-          	<li><a href="[field:arcurl/]">[field:title/]</a>
-            	<p>[field:description function='cn_substr(@me,80)'/]...</p>
-            </li>{/dede:arclist}
-					</ul>
-				</dd>
-			</dl>
-		</div><!-- /commend -->
-		<div class="hot mt1">
-			<dl class="tbox">
-				<dt><strong>热点内容</strong></dt>
-				<dd>
-					<ul class="c1 ico2">
-                    {dede:arclist row=10 orderby=click}
-                    	<li><a href="[field:arcurl/]">[field:title/]</a></li>
-                    {/dede:arclist}
-					</ul>
-				</dd>
-			</dl>
+	{dede:include filename="top.htm"/}
+
+	{dede:include filename="header.htm"/}
+
+	{dede:include filename="navbar.htm"/}
+
+	<div class="container">
+		<div class="position">
+			<nav aria-label="breadcrumb">
+				<ol class="breadcrumb mb-0">
+					<li class="breadcrumb-item">当前位置</li>
+					{dede:field name='position'/}
+				</ol>
+			</nav>
 		</div>
-	</div><!-- /pright -->
-</div>
-{dede:include filename="footer.htm"/}
-<!-- /footer -->
+		<!-- /.position -->
+	</div>
+
+	<main class="container">
+		<div class="row">
+			<div class="col-md-8 article-main">
+				<h2 class="mt-0 mb-3 zixue">{dede:field.title/}</h2>
+				<div class="article-meta">
+					<small>时间:</small>{dede:field.pubdate function="MyDate('Y-m-d',@me)"/}
+					<small>来源:</small>{dede:field.source/}
+					<small>作者:</small>{dede:field.writer/}
+					<small>点击:</small><span id="_count">...</span>次
+				</div>
+
+				<div class="speciallist row pt-2">
+				{dede:field.note/}
+				</div>
 
+				<div class="body py-2">
+					{dede:field.body/} (责任编辑:{dede:adminname/})
+				</div>
+				<!-- /.body -->
 
+				<div class="clearfix"></div>
+
+				
+			</div>
+			<!-- /.article-main -->
+
+			<aside class="col-md-4 article-sidebar">
+
+				{dede:include comment='推荐内容' filename="widget_recommend.htm"/}
+
+				{dede:include comment='热点内容' filename="widget_hot.htm"/}
+
+			</aside>
+			<!-- /.article-sidebar -->
+
+		</div>
+	</main>
+	<!-- /main -->
+
+	{dede:include filename="footer.htm"/}
 </body>
-</html>
+
+</html>
\ No newline at end of file
diff --git a/src/templets/default/index.htm b/src/templets/default/index.htm
index 97638d79..2bc14f2d 100755
--- a/src/templets/default/index.htm
+++ b/src/templets/default/index.htm
@@ -7,52 +7,12 @@
     <link rel="stylesheet" href="{dede:global.cfg_cmsurl/}/static/css/bootstrap.min.css">
     <link href="{dede:global.cfg_cmsurl/}/static/font-awesome/css/font-awesome.min.css" rel="stylesheet">
     <link rel="stylesheet" href="{dede:global.cfg_cmsurl/}/static/css/dede.css">
+    <link rel="stylesheet" href="{dede:global.cfg_cmsurl/}/static/css/index.css">
     <link rel="shortcut icon" href="{dede:global.cfg_cmsurl/}/static/img/favicon.png">
     <script src="{dede:global.cfg_cmsurl/}/static/js/jquery.min.js"></script>
     <title>{dede:global.cfg_webname/}</title>
     <meta name="keywords" content="{dede:global.cfg_keywords/}">
     <meta name="description" content="{dede:global.cfg_description/}">
-    <style>
-        .hot-news {
-            overflow-x: hidden;
-            overflow-y: scroll;
-            height: 370px;
-            -webkit-overflow-scrolling: touch;
-            overflow: -moz-scrollbars-none;
-        }
-
-        .hot-news::-webkit-scrollbar {
-            display: none;
-        }
-
-        .hot-news li {
-            overflow: unset!important;
-        }
-
-        .quick img {
-            width: 100%;
-        }
-
-        .spec .card {
-            text-align: center;
-        }
-
-        .spec .card img {
-            max-width: 200px;
-            margin: 0 auto;
-        }
-
-        .spec .card-body {
-            padding: .25em;
-        }
-
-        .carousel-item img {
-            width: 100% !important;
-        }
-    </style>
-    <script>
-        const currentNavTypeID = '-1';
-    </script>
 </head>
 
 <body>
@@ -150,10 +110,10 @@
                     </div>
                 </div>
                 <div class="col-md-12 mt-3">
-                    <div class="row row-cols-2 row-cols-md-5">
-                      {dede:arclist row=5 orderby=pubdate type='image.'}
+                    <div class="row row-cols-2 row-cols-md-4">
+                      {dede:arclist row=4 orderby=pubdate type='image.'}
                         <div class="col">
-                            <div class="card border-0">
+                            <div class="card border-0 image-item">
                                 <a href="[field:arcurl/]" title="[field:fulltitle/]" class="text-body stretched-link"><img
                                         src="[field:litpic/]" class="card-img-top" alt="[field:fulltitle/]">
                                     <div class="card-body">
diff --git a/src/templets/default/index_article.htm b/src/templets/default/index_article.htm
index e59cfe8b..c5024b20 100755
--- a/src/templets/default/index_article.htm
+++ b/src/templets/default/index_article.htm
@@ -1,134 +1,80 @@
-<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
-<html xmlns="http://www.w3.org/1999/xhtml">
+<!doctype html>
+<html lang="zh-CN">
+
 <head>
-<meta http-equiv="Content-Type" content="text/html; charset={dede:global.cfg_soft_lang/}" />
-<title>{dede:field.title/}_{dede:global.cfg_webname/}</title>
-<meta name="keywords" content="{dede:field name='keywords'/}" />
-<meta name="description" content="{dede:field name='description' function='html2text(@me)'/}" />
-<link href="{dede:global.cfg_templets_skin/}/style/dedecms.css" rel="stylesheet" media="screen" type="text/css" />
-<meta http-equiv="mobile-agent" content="format=xhtml;url={dede:global.cfg_mobileurl/}/list.php?tid={dede:field.id/}">
-<script type="text/javascript">if(window.location.toString().indexOf('pref=padindex') != -1){}else{if(/AppleWebKit.*Mobile/i.test(navigator.userAgent) || (/MIDP|SymbianOS|NOKIA|SAMSUNG|LG|NEC|TCL|Alcatel|BIRD|DBTEL|Dopod|PHILIPS|HAIER|LENOVO|MOT-|Nokia|SonyEricsson|SIE-|Amoi|ZTE/.test(navigator.userAgent))){if(window.location.href.indexOf("?mobile")<0){try{if(/Android|Windows Phone|webOS|iPhone|iPod|BlackBerry/i.test(navigator.userAgent)){window.location.href="{dede:global.cfg_mobileurl/}/list.php?tid={dede:field.id/}";}else if(/iPad/i.test(navigator.userAgent)){}else{}}catch(e){}}}}</script>
+    <meta charset="{dede:global.cfg_soft_lang/}">
+    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
+    <link rel="stylesheet" href="{dede:global.cfg_cmsurl/}/static/css/bootstrap.min.css">
+    <link href="{dede:global.cfg_cmsurl/}/static/font-awesome/css/font-awesome.min.css" rel="stylesheet">
+    <link rel="stylesheet" href="{dede:global.cfg_cmsurl/}/static/css/dede.css">
+    <link rel="stylesheet" href="{dede:global.cfg_cmsurl/}/static/css/index.css">
+    <link rel="shortcut icon" href="{dede:global.cfg_cmsurl/}/static/img/favicon.png">
+    <script src="{dede:global.cfg_cmsurl/}/static/js/jquery.min.js"></script>
+    <title>{dede:global.cfg_webname/}</title>
+    <meta name="keywords" content="{dede:global.cfg_keywords/}">
+    <meta name="description" content="{dede:global.cfg_description/}">
 </head>
-<body class="channel">
-{dede:include filename="head.htm"/}
-<!-- /header -->
-<div class="w960 center clear mt1">
- <div class="pleft">
-  <div class="flashnews">
-   <script language='javascript'>
-linkarr = new Array();
-picarr = new Array();
-textarr = new Array();
-var swf_width=280;
-var swf_height=192;
-var files = "";
-var links = "";
-var texts = "";
-//这里设置调用标记
-{dede:arclist flag='f' row='5'}
-linkarr[[field:global.autoindex/]] = "[field:arcurl/]";
-picarr[[field:global.autoindex/]]  = "[field:litpic/]";
-textarr[[field:global.autoindex/]] = "[field:title function='html2text(@me)'/]";
-{/dede:arclist}
-for(i=1;i<picarr.length;i++){
-  if(files=="") files = picarr[i];
-  else files += "|"+picarr[i];
-}
-for(i=1;i<linkarr.length;i++){
-  if(links=="") links = linkarr[i];
-  else links += "|"+linkarr[i];
-}
-for(i=1;i<textarr.length;i++){
-  if(texts=="") texts = textarr[i];
-  else texts += "|"+textarr[i];
-}
-document.write('<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,0,0" width="'+ swf_width +'" height="'+ swf_height +'">');
-document.write('<param name="movie" value="{dede:global.cfg_templets_skin/}/images/bcastr3.swf"><param name="quality" value="high">');
-document.write('<param name="menu" value="false"><param name=wmode value="opaque">');
-document.write('<param name="FlashVars" value="bcastr_file='+files+'&bcastr_link='+links+'&bcastr_title='+texts+'">');
-document.write('<embed src="{dede:global.cfg_templets_skin/}/images/bcastr3.swf" wmode="opaque" FlashVars="bcastr_file='+files+'&bcastr_link='+links+'&bcastr_title='+texts+'& menu="false" quality="high" width="'+ swf_width +'" height="'+ swf_height +'" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" />'); document.write('</object>');
-</script>
-  </div>
-  <!-- /flashnews -->
-  <div class="topcommand">
-   <dl class="tbox">
-    <dt><strong>频道头条</strong></dt>
-    <dd>
-     <div class="onenews"> {dede:arclist flag='h' limit='0,1'}
-      <h2><a href="[field:arcurl/]">[field:title/]</a></h2>
-      <p>[field:description function='cn_substr(@me,110)'/]...<a href="[field:arcurl/]">[查看全文]</a></p>
-      {/dede:arclist} </div>
-     <!-- /onenews -->
-     <ul class="c2 ico1">
-      {dede:arclist flag='h' limit='1,6'}
-      <li><a href="[field:arcurl/]">[field:title/]</a></li>
-      {/dede:arclist}
-     </ul>
-    </dd>
-   </dl>
-  </div>
-  <!-- /topcommand -->
-  <div class="picnews mt1">
-   <dl class="tbox">
-    <dt><strong>图文资讯</strong></dt>
-    <dd>
-     <ul class="e1">
-      {dede:arclist row=5 orderby=pubdate type='image.' imgwidth='124' imgheight='94'}
-      <li><a href="[field:arcurl/]">[field:image/]<span class="title">[field:title/]</span></a></li>
-      {/dede:arclist}
-     </ul>
-    </dd>
-   </dl>
-  </div>
-  <!-- /picnews -->
-  <div class="listbox"> {dede:channelartlist}
-   <dl class="tbox">
-    <dt><strong><a href="{dede:field name='typeurl'/}">{dede:field name='typename'/}</a></strong><span class="more"><a href="{dede:field name='typeurl'/}">更多...</a></span></dt>
-    <dd>
-     <ul class="d1 ico3">
-      {dede:arclist titlelen='60' row='8'}
-      <li><span class="date">[field:pubdate function="MyDate('m-d',@me)"/]</span><a href="[field:arcurl /]">[field:title /]</a></li>
-      {/dede:arclist}
-     </ul>
-    </dd>
-   </dl>
-   {/dede:channelartlist} </div>
-  <!-- /listbox -->
- </div>
- <!-- /pleft -->
- <div class="pright">
-  <div class="commend">
-   <dl class="tbox light">
-    <dt class='light'><strong>推荐内容</strong></dt>
-    <dd class='light'>
-     <ul class="d4">
-      {dede:arclist flag='c' titlelen=42 row=6}
-      <li><a href="[field:arcurl/]">[field:title/]</a>
-       <p>[field:description function='cn_substr(@me,80)'/]...</p>
-      </li>
-      {/dede:arclist}
-     </ul>
-    </dd>
-   </dl>
-  </div>
-  <!-- /commend -->
-  <div class="hot mt1">
-   <dl class="tbox light">
-    <dt class='light'><strong>热点内容</strong></dt>
-    <dd class='light'>
-     <ul class="c1 ico2">
-      {dede:arclist row=10 orderby=click}
-      <li><a href="[field:arcurl/]">[field:title/]</a></li>
-      {/dede:arclist}
-     </ul>
-    </dd>
-   </dl>
-  </div>
-  {dede:qrcode/}
- </div>
- <!-- /pright -->
-</div>
-{dede:include filename="footer.htm"/}
-<!-- /footer -->
+
+<body>
+    {dede:include filename="top.htm"/}
+      
+    {dede:include filename="header.htm"/}
+
+    {dede:include filename="navbar.htm"/}
+
+    <div class="container">
+      <div class="position">
+          <nav aria-label="breadcrumb">
+              <ol class="breadcrumb mb-0">
+                  <li class="breadcrumb-item">当前位置</li>
+                  {dede:field name='position'/}
+              </ol>
+          </nav>
+      </div>
+      <!-- /.position -->
+    </div>
+
+    <main class="container mt-3">
+        <div class="row">
+            <div class="col-12 col-lg-9 index-left">
+              <div class="row">
+                {dede:channelartlist}
+                <div class="col-md-6 mb-3">
+                  <div class="card ddcard-normal">
+                      <div class="card-header">
+                          <div class="row">
+                              <div class="col-6 caption"><span><a href="{dede:field name='typeurl'/}">{dede:field name='typename'/}</a></span></div>
+                              <div class="col-6 d-flex justify-content-end more">
+                                <a href="{dede:field name='typeurl'/}">更多</a>
+                              </div>
+                          </div>
+                      </div>
+                      <ul class="list-group list-group-flush">
+                          {dede:arclist titlelen='60' row='8'}
+                          <li><i class="fa fa-bookmark-o" aria-hidden="true"></i> <a
+                                  title="[field:fulltitle/]"
+                                  href="[field:arcurl/]">[field:title/]</a>
+                          </li>
+                          {/dede:arclist}
+                      </ul>
+                  </div>
+                </div>
+                {/dede:channelartlist}
+              </div>
+
+            </div><!-- /.index-left -->
+            <aside class="col-12 col-lg-3">
+
+              {dede:include comment='推荐内容' filename="widget_recommend.htm"/}
+
+              {dede:include comment='热点内容' filename="widget_hot.htm"/}
+            </aside><!-- /aside -->
+        </div>
+    </main>
+    <!-- /main -->
+
+    {dede:include filename="footer.htm"/}
 </body>
+
 </html>
+
diff --git a/src/templets/default/index_default.htm b/src/templets/default/index_default.htm
index d7b243ae..f76b0197 100755
--- a/src/templets/default/index_default.htm
+++ b/src/templets/default/index_default.htm
@@ -1,141 +1,81 @@
-<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
-<html xmlns="http://www.w3.org/1999/xhtml">
+<!doctype html>
+<html lang="zh-CN">
+
 <head>
-<meta http-equiv="Content-Type" content="text/html; charset={dede:global.cfg_soft_lang/}" />
-<title>{dede:field.title/}_{dede:global.cfg_webname/}</title>
-<meta name="keywords" content="{dede:field name='keywords'/}" />
-<meta name="description" content="{dede:field name='description' function='html2text(@me)'/}" />
-<link href="{dede:global.cfg_templets_skin/}/style/dedecms.css" rel="stylesheet" media="screen" type="text/css" />
-<meta http-equiv="mobile-agent" content="format=xhtml;url={dede:global.cfg_mobileurl/}/list.php?tid={dede:field.id/}">
-<script type="text/javascript">if(window.location.toString().indexOf('pref=padindex') != -1){}else{if(/AppleWebKit.*Mobile/i.test(navigator.userAgent) || (/MIDP|SymbianOS|NOKIA|SAMSUNG|LG|NEC|TCL|Alcatel|BIRD|DBTEL|Dopod|PHILIPS|HAIER|LENOVO|MOT-|Nokia|SonyEricsson|SIE-|Amoi|ZTE/.test(navigator.userAgent))){if(window.location.href.indexOf("?mobile")<0){try{if(/Android|Windows Phone|webOS|iPhone|iPod|BlackBerry/i.test(navigator.userAgent)){window.location.href="{dede:global.cfg_mobileurl/}/list.php?tid={dede:field.id/}";}else if(/iPad/i.test(navigator.userAgent)){}else{}}catch(e){}}}}</script>
+    <meta charset="{dede:global.cfg_soft_lang/}">
+    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
+    <link rel="stylesheet" href="{dede:global.cfg_cmsurl/}/static/css/bootstrap.min.css">
+    <link href="{dede:global.cfg_cmsurl/}/static/font-awesome/css/font-awesome.min.css" rel="stylesheet">
+    <link rel="stylesheet" href="{dede:global.cfg_cmsurl/}/static/css/dede.css">
+    <link rel="stylesheet" href="{dede:global.cfg_cmsurl/}/static/css/index.css">
+    <link rel="shortcut icon" href="{dede:global.cfg_cmsurl/}/static/img/favicon.png">
+    <script src="{dede:global.cfg_cmsurl/}/static/js/jquery.min.js"></script>
+    <title>{dede:global.cfg_webname/}</title>
+    <meta name="keywords" content="{dede:global.cfg_keywords/}">
+    <meta name="description" content="{dede:global.cfg_description/}">
 </head>
-<body class="channel">
-{dede:include filename="head.htm"/}
-<!-- /header -->
 
-<div class="channel-nav w960 center clear">
-	<div class='sonnav'>
-	{dede:channel type='son' currentstyle="<span><a href='~typelink~' class='thisclass'>~typename~</a></span>"}
-		<span><a href='[field:typeurl/]'>[field:typename/]</a></span>{/dede:channel}
+<body>
+    {dede:include filename="top.htm"/}
+      
+    {dede:include filename="header.htm"/}
+
+	{dede:include filename="navbar.htm"/}
+	
+	<div class="container">
+		<div class="position">
+			<nav aria-label="breadcrumb">
+				<ol class="breadcrumb mb-0">
+					<li class="breadcrumb-item">当前位置</li>
+					{dede:field name='position'/}
+				</ol>
+			</nav>
+		</div>
+		<!-- /.position -->
 	</div>
-</div><!-- /channel-nav -->
 
-<div class="w960 center clear mt1">
-	<div class="pleft">
-		<div class="flashnews">
-			<script language='javascript'>
-linkarr = new Array();
-picarr = new Array();
-textarr = new Array();
-var swf_width=280;
-var swf_height=192;
-var files = "";
-var links = "";
-var texts = "";
-//这里设置调用标记
-{dede:arclist flag='f' row='5'}
-linkarr[[field:global.autoindex/]] = "[field:arcurl/]";
-picarr[[field:global.autoindex/]]  = "[field:litpic/]";
-textarr[[field:global.autoindex/]] = "[field:title function='html2text(@me)'/]";
-{/dede:arclist}
-for(i=1;i<picarr.length;i++){
-  if(files=="") files = picarr[i];
-  else files += "|"+picarr[i];
-}
-for(i=1;i<linkarr.length;i++){
-  if(links=="") links = linkarr[i];
-  else links += "|"+linkarr[i];
-}
-for(i=1;i<textarr.length;i++){
-  if(texts=="") texts = textarr[i];
-  else texts += "|"+textarr[i];
-}
-document.write('<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,0,0" width="'+ swf_width +'" height="'+ swf_height +'">');
-document.write('<param name="movie" value="{dede:global.cfg_templets_skin/}/images/bcastr3.swf"><param name="quality" value="high">');
-document.write('<param name="menu" value="false"><param name=wmode value="opaque">');
-document.write('<param name="FlashVars" value="bcastr_file='+files+'&bcastr_link='+links+'&bcastr_title='+texts+'">');
-document.write('<embed src="{dede:global.cfg_templets_skin/}/images/bcastr3.swf" wmode="opaque" FlashVars="bcastr_file='+files+'&bcastr_link='+links+'&bcastr_title='+texts+'& menu="false" quality="high" width="'+ swf_width +'" height="'+ swf_height +'" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" />'); document.write('</object>');
-</script>
-		</div><!-- /flashnews -->
-		<div class="topcommand">
-			<dl class="tbox">
-				<dt><strong>频道头条</strong></dt>
-				<dd>
-					<div class="onenews">
-                        {dede:arclist flag='h' limit='0,1'}
-                        <h2><a href="[field:arcurl/]">[field:title/]</a></h2>
-                        <p>[field:description function='cn_substr(@me,110)'/]...<a href="[field:arcurl/]">[查看全文]</a></p>
-                        {/dede:arclist}
-					</div><!-- /onenews -->
-					<ul class="c2 ico1">
-                        {dede:arclist flag='h' limit='1,6'}
-                        <li><a href="[field:arcurl/]">[field:title/]</a></li>
-                        {/dede:arclist}
-					</ul>
-				</dd>
-			</dl>
-		</div><!-- /topcommand -->
+    <main class="container mt-3">
 
-		<div class="picnews mt1">
-			<dl class="tbox">
-				<dt><strong>图文资讯</strong></dt>
-				<dd>
-					<ul class="e1">
-                    {dede:arclist row=5 orderby=pubdate type='image.' imgwidth='124' imgheight='94'}
-          	<li><a href="[field:arcurl/]">[field:image/]<span class="title">[field:title/]</span></a></li>{/dede:arclist}
-					</ul>
-				</dd>
-			</dl>
-		</div><!-- /picnews -->
+        <div class="row">
+            <div class="col-12 col-lg-9 index-left">
+              <div class="row">
+                {dede:channelartlist}
+                <div class="col-md-6 mb-3">
+                  <div class="card ddcard-normal">
+                      <div class="card-header">
+                          <div class="row">
+                              <div class="col-6 caption"><span><a href="{dede:field name='typeurl'/}">{dede:field name='typename'/}</a></span></div>
+                              <div class="col-6 d-flex justify-content-end more">
+                                <a href="{dede:field name='typeurl'/}">更多</a>
+                              </div>
+                          </div>
+                      </div>
+                      <ul class="list-group list-group-flush">
+                          {dede:arclist titlelen='60' row='8'}
+                          <li><i class="fa fa-bookmark-o" aria-hidden="true"></i> <a
+                                  title="[field:fulltitle/]"
+                                  href="[field:arcurl/]">[field:title/]</a>
+                          </li>
+                          {/dede:arclist}
+                      </ul>
+                  </div>
+                </div>
+                {/dede:channelartlist}
+              </div>
 
-		<div class="listbox">
-	{dede:channelartlist}
-      <dl class="tbox">
-        <dt><strong><a href="{dede:field name='typeurl'/}">{dede:field name='typename'/}</a></strong><span class="more"><a href="{dede:field name='typeurl'/}">更多...</a></span></dt>
-        <dd>
-          <ul class="d1 ico3">
-          {dede:arclist titlelen='60' row='8'}
-            <li><span class="date">[field:pubdate function="MyDate('m-d',@me)"/]</span><a href="[field:arcurl /]">[field:title /]</a></li>
-          {/dede:arclist}
-          </ul>
-        </dd>
-      </dl>
-	{/dede:channelartlist}
-		</div><!-- /listbox -->
-	</div><!-- /pleft -->
+            </div><!-- /.index-left -->
+            <aside class="col-12 col-lg-3">
 
-	<div class="pright">
-		<div class="commend">
-			<dl class="tbox">
-				<dt><strong>推荐内容</strong></dt>
-				<dd>
-					<ul class="d4">
+              {dede:include comment='推荐内容' filename="widget_recommend.htm"/}
 
-           {dede:arclist flag='c' titlelen=42 row=6}
-          	<li><a href="[field:arcurl/]">[field:title/]</a>
-            	<p>[field:description function='cn_substr(@me,80)'/]...</p>
-            </li>{/dede:arclist}
-					</ul>
-				</dd>
-			</dl>
-		</div><!-- /commend -->
-		<div class="hot mt1">
-			<dl class="tbox">
-				<dt><strong>热点内容</strong></dt>
-				<dd>
-					<ul class="c1 ico2">
-                    {dede:arclist row=10 orderby=click}
-                    	<li><a href="[field:arcurl/]">[field:title/]</a></li>
-                    {/dede:arclist}
-					</ul>
-				</dd>
-			</dl>
-		</div>
-		{dede:qrcode/}
-	</div><!-- /pright -->
-</div>
-{dede:include filename="footer.htm"/}
-<!-- /footer -->
+              {dede:include comment='热点内容' filename="widget_hot.htm"/}
+            </aside><!-- /aside -->
+        </div>
+    </main>
+    <!-- /main -->
 
+    {dede:include filename="footer.htm"/}
 </body>
+
 </html>
+
diff --git a/src/templets/default/index_default_sg.htm b/src/templets/default/index_default_sg.htm
index a55193c1..75fae38a 100755
--- a/src/templets/default/index_default_sg.htm
+++ b/src/templets/default/index_default_sg.htm
@@ -1,88 +1,79 @@
-<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
-<html xmlns="http://www.w3.org/1999/xhtml">
+<!doctype html>
+<html lang="zh-CN">
+
 <head>
-<meta http-equiv="Content-Type" content="text/html; charset={dede:global.cfg_soft_lang/}" />
-<title>{dede:field.title/}_{dede:global.cfg_webname/}</title>
-<meta name="keywords" content="{dede:field name='keywords'/}" />
-<meta name="description" content="{dede:field name='description' function='html2text(@me)'/}" />
-<link href="{dede:global.cfg_templets_skin/}/style/dedecms.css" rel="stylesheet" media="screen" type="text/css" />
-<meta http-equiv="mobile-agent" content="format=xhtml;url={dede:global.cfg_mobileurl/}/list.php?tid={dede:field.id/}">
-<script type="text/javascript">if(window.location.toString().indexOf('pref=padindex') != -1){}else{if(/AppleWebKit.*Mobile/i.test(navigator.userAgent) || (/MIDP|SymbianOS|NOKIA|SAMSUNG|LG|NEC|TCL|Alcatel|BIRD|DBTEL|Dopod|PHILIPS|HAIER|LENOVO|MOT-|Nokia|SonyEricsson|SIE-|Amoi|ZTE/.test(navigator.userAgent))){if(window.location.href.indexOf("?mobile")<0){try{if(/Android|Windows Phone|webOS|iPhone|iPod|BlackBerry/i.test(navigator.userAgent)){window.location.href="{dede:global.cfg_mobileurl/}/list.php?tid={dede:field.id/}";}else if(/iPad/i.test(navigator.userAgent)){}else{}}catch(e){}}}}</script>
+	<meta charset="{dede:global.cfg_soft_lang/}">
+	<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
+	<link rel="stylesheet" href="{dede:global.cfg_cmsurl/}/static/css/bootstrap.min.css">
+	<link href="{dede:global.cfg_cmsurl/}/static/font-awesome/css/font-awesome.min.css" rel="stylesheet">
+	<link rel="stylesheet" href="{dede:global.cfg_cmsurl/}/static/css/dede.css">
+	<link rel="stylesheet" href="{dede:global.cfg_cmsurl/}/static/css/index.css">
+	<link rel="shortcut icon" href="{dede:global.cfg_cmsurl/}/static/img/favicon.png">
+	<script src="{dede:global.cfg_cmsurl/}/static/js/jquery.min.js"></script>
+	<title>{dede:global.cfg_webname/}</title>
+	<meta name="keywords" content="{dede:global.cfg_keywords/}">
+	<meta name="description" content="{dede:global.cfg_description/}">
 </head>
-<body class="channel">
-{dede:include filename="head.htm"/}
-<!-- /header -->
 
-<div class="channel-nav w960 center clear">
-	<div class='sonnav'>
-	{dede:channel type='son' currentstyle="<span><a href='~typelink~' class='thisclass'>~typename~</a></span>"}
-		<span><a href='[field:typeurl/]'>[field:typename/]</a></span>{/dede:channel}
-	</div>
-</div><!-- /channel-nav -->
+<body>
+	{dede:include filename="top.htm"/}
+
+	{dede:include filename="header.htm"/}
 
-<div class="w960 center clear mt1">
-	<div class="pleft">
-    
-		<div class="picnews mt1">
-			<dl class="tbox">
-				<dt><strong>图文资讯</strong></dt>
-				<dd>
-					<ul class="e1">
-                    {dede:arclistsg row=5 orderby=pubdate flag='p'}
-          	<li><a href="[field:arcurl/]"><img src='[field:litpic/]' width='124px' height='94px'/><span class="title">[field:title/]</span></a></li>{/dede:arclistsg}
-					</ul>
-				</dd>
-			</dl>
-		</div><!-- /picnews -->
+	{dede:include filename="navbar.htm"/}
 
-		
-		<div class="listbox">
-	{dede:channelartlist}
-      <dl class="tbox">
-        <dt><strong><a href="{dede:field name='typeurl'/}">{dede:field name='typename'/}</a></strong><span class="more"><a href="{dede:field name='typeurl'/}">更多...</a></span></dt>
-        <dd>
-          <ul class="d1 ico3">
-          {dede:arclistsg titlelen='60' row='8'}
-            <li><a href="[field:arcurl /]">[field:title /]</a></li>
-          {/dede:arclistsg}
-          </ul>
-        </dd>
-      </dl>
-	{/dede:channelartlist}
-		</div><!-- /listbox -->
-	</div><!-- /pleft -->
-	
-	<div class="pright">
-		  
-		<div class="strongrange mt1">
-			<dl class="tbox">
-				<dt><strong>推荐内容</strong></dt>
-				<dd>
-					<ul class="d1 ico2">
-           	{dede:arclistsg flag='c' titlelen=42 row=6}
-          	 <li><span>[[field:typename/]]</span><a href="[field:arcurl/]">[field:title/]</a></li>
-             {/dede:arclistsg}
-					</ul>
-				</dd>
-			</dl>
-		</div><!-- /commend -->
-		<div class="strongrange mt1">
-			<dl class="tbox">
-				<dt><strong>热点内容</strong></dt>
-				<dd>
-					<ul class="d1 ico2">
-                    {dede:arclistsg row=10 orderby=click}
-                     <li><span>[[field:typename/]]</span><a href="[field:arcurl/]">[field:title/]</a></li>
-                    {/dede:arclistsg}
-					</ul>
-				</dd>
-			</dl>
+	<div class="container">
+		<div class="position">
+			<nav aria-label="breadcrumb">
+				<ol class="breadcrumb mb-0">
+					<li class="breadcrumb-item">当前位置</li>
+					{dede:field name='position'/}
+				</ol>
+			</nav>
 		</div>
+		<!-- /.position -->
+	</div>
+
+	<main class="container mt-3">
+		<div class="row">
+			<div class="col-12 col-lg-9 index-left">
+				<div class="row">
+					{dede:channelartlist}
+					<div class="col-md-6 mt-3">
+						<div class="card ddcard-normal">
+							<div class="card-header">
+								<div class="row">
+									<div class="col-6 caption"><span><a href="{dede:field name='typeurl'/}">{dede:field
+												name='typename'/}</a></span></div>
+									<div class="col-6 d-flex justify-content-end more">
+										<a href="{dede:field name='typeurl'/}">更多</a>
+									</div>
+								</div>
+							</div>
+							<ul class="list-group list-group-flush">
+								{dede:arclistsg titlelen='60' row='8'}
+								<li><i class="fa fa-bookmark-o" aria-hidden="true"></i> <a title="[field:fulltitle/]"
+										href="[field:arcurl/]">[field:title/]</a>
+								</li>
+								{/dede:arclistsg}
+							</ul>
+						</div>
+					</div>
+					{/dede:channelartlist}
+				</div>
 
-	</div><!-- /pright -->
-</div>
-{dede:include filename="footer.htm"/}
-<!-- /footer -->
+			</div><!-- /.index-left -->
+			<aside class="col-12 col-lg-3">
 
+				{dede:include comment='推荐内容' filename="widget_recommend_sg.htm"/}
+
+				{dede:include comment='热点内容' filename="widget_hot_sg.htm"/}
+			</aside><!-- /aside -->
+		</div>
+	</main>
+	<!-- /main -->
+
+	{dede:include filename="footer.htm"/}
 </body>
-</html>
+
+</html>
\ No newline at end of file
diff --git a/src/templets/default/index_image.htm b/src/templets/default/index_image.htm
index 566a0e24..8a647c18 100755
--- a/src/templets/default/index_image.htm
+++ b/src/templets/default/index_image.htm
@@ -1,147 +1,86 @@
-<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
-<html xmlns="http://www.w3.org/1999/xhtml">
+<!doctype html>
+<html lang="zh-CN">
+
 <head>
-<meta http-equiv="Content-Type" content="text/html; charset={dede:global.cfg_soft_lang/}" />
-<title>{dede:field.title/}_{dede:global.cfg_webname/}</title>
-<meta name="keywords" content="{dede:field name='keywords'/}" />
-<meta name="description" content="{dede:field name='description' function='html2text(@me)'/}" />
-<link href="{dede:global.cfg_templets_skin/}/style/dedecms.css" rel="stylesheet" media="screen" type="text/css" />
-<meta http-equiv="mobile-agent" content="format=xhtml;url={dede:global.cfg_mobileurl/}/list.php?tid={dede:field.id/}">
-<script type="text/javascript">if(window.location.toString().indexOf('pref=padindex') != -1){}else{if(/AppleWebKit.*Mobile/i.test(navigator.userAgent) || (/MIDP|SymbianOS|NOKIA|SAMSUNG|LG|NEC|TCL|Alcatel|BIRD|DBTEL|Dopod|PHILIPS|HAIER|LENOVO|MOT-|Nokia|SonyEricsson|SIE-|Amoi|ZTE/.test(navigator.userAgent))){if(window.location.href.indexOf("?mobile")<0){try{if(/Android|Windows Phone|webOS|iPhone|iPod|BlackBerry/i.test(navigator.userAgent)){window.location.href="{dede:global.cfg_mobileurl/}/list.php?tid={dede:field.id/}";}else if(/iPad/i.test(navigator.userAgent)){}else{}}catch(e){}}}}</script>
+    <meta charset="{dede:global.cfg_soft_lang/}">
+    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
+    <link rel="stylesheet" href="{dede:global.cfg_cmsurl/}/static/css/bootstrap.min.css">
+    <link href="{dede:global.cfg_cmsurl/}/static/font-awesome/css/font-awesome.min.css" rel="stylesheet">
+    <link rel="stylesheet" href="{dede:global.cfg_cmsurl/}/static/css/dede.css">
+    <link rel="stylesheet" href="{dede:global.cfg_cmsurl/}/static/css/index.css">
+    <link rel="shortcut icon" href="{dede:global.cfg_cmsurl/}/static/img/favicon.png">
+    <script src="{dede:global.cfg_cmsurl/}/static/js/jquery.min.js"></script>
+    <title>{dede:global.cfg_webname/}</title>
+    <meta name="keywords" content="{dede:global.cfg_keywords/}">
+    <meta name="description" content="{dede:global.cfg_description/}">
 </head>
-<body class="channel">
-{dede:include filename="head.htm"/}
-<!-- /header -->
-
-<div class="w960 center clear mt1">
-	<div class="pleft">
-		<div class="flashnews">
-			<script language='javascript'>
-linkarr = new Array();
-picarr = new Array();
-textarr = new Array();
-var swf_width=280;
-var swf_height=192;
-var files = "";
-var links = "";
-var texts = "";
-//这里设置调用标记
-{dede:arclist flag='f' row='5'}
-linkarr[[field:global.autoindex/]] = "[field:arcurl/]";
-picarr[[field:global.autoindex/]]  = "[field:litpic/]";
-textarr[[field:global.autoindex/]] = "[field:title function='html2text(@me)'/]";
-{/dede:arclist}
-for(i=1;i<picarr.length;i++){
-  if(files=="") files = picarr[i];
-  else files += "|"+picarr[i];
-}
-for(i=1;i<linkarr.length;i++){
-  if(links=="") links = linkarr[i];
-  else links += "|"+linkarr[i];
-}
-for(i=1;i<textarr.length;i++){
-  if(texts=="") texts = textarr[i];
-  else texts += "|"+textarr[i];
-}
-document.write('<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,0,0" width="'+ swf_width +'" height="'+ swf_height +'">');
-document.write('<param name="movie" value="{dede:global.cfg_templets_skin/}/images/bcastr3.swf"><param name="quality" value="high">');
-document.write('<param name="menu" value="false"><param name=wmode value="opaque">');
-document.write('<param name="FlashVars" value="bcastr_file='+files+'&bcastr_link='+links+'&bcastr_title='+texts+'">');
-document.write('<embed src="{dede:global.cfg_templets_skin/}/images/bcastr3.swf" wmode="opaque" FlashVars="bcastr_file='+files+'&bcastr_link='+links+'&bcastr_title='+texts+'& menu="false" quality="high" width="'+ swf_width +'" height="'+ swf_height +'" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" />'); document.write('</object>');
-</script>
-		</div><!-- /flashnews -->
-		<div class="topcommand">
-			<dl class="tbox">
-				<dt><strong>频道推荐</strong></dt>
-				<dd>
-					<div class="onenews">
-                        {dede:arclist flag='c' limit='0,1'}
-                        <h2><a href="[field:arcurl/]">[field:title/]</a></h2>
-                        <p>[field:description function='cn_substr(@me,110)'/]...<a href="[field:arcurl/]">[查看全文]</a></p>
-                        {/dede:arclist}
-					</div><!-- /onenews -->
-					<ul class="c2 ico1">
-                        {dede:arclist flag='c' limit='1,4'}
-                        <li><a href="[field:arcurl/]">[field:title/]</a></li>
-                        {/dede:arclist}
-					</ul>
-				</dd>
-			</dl>
-		</div><!-- /topcommand -->
-
 
-		<div class="listbox">
-	{dede:channelartlist}
-      <dl class="tbox">
-        <dt><strong><a href="{dede:field name='typeurl'/}">{dede:field name='typename'/}</a></strong><span class="more"><a href="{dede:field name='typeurl'/}">更多...</a></span></dt>
-        <dd>
-          <ul class="e6">
-          {dede:arclist row='3' type='image.'}
-           <li><a href="[field:arcurl/]" title="[field:title function='html2text(@me)' /]"><img src="[field:litpic/]" alt="[field:title function='html2text(@me)'/]"/></a></li>
-		{/dede:arclist}
-          </ul>
-          <ul class="d2 ico3">
-          {dede:arclist titlelen='60' row='5'}
-            <li><span class="date">[field:pubdate function="GetDateMK(@me)"/]</span><a href="[field:arcurl /]">[field:title /]</a></li>
-			{/dede:arclist}
-          </ul>
-        </dd>
-      </dl>
-	{/dede:channelartlist}
-		</div><!-- /listbox -->
-	</div><!-- /pleft -->
-
-	<div class="pright">
-            <div class="pright">
-        <div>
-          <dl class="tbox">
-				<dt><strong>栏目列表</strong></dt>
-				<dd>
-					<ul class="d6">
-                      {dede:channel type='son' currentstyle="<li><a href='~typelink~' class='thisclass'>~typename~</a></li>"}
-		<li><a href='[field:typeurl/]'>[field:typename/]</a></li>{/dede:channel}
-					</ul>
-				</dd>
-			</dl>
-        </div>
-        
-    		<div class="">
-			<dl class="tbox">
-				<dt><strong>热点图集</strong></dt>
-				<dd>
-					<ul class="e3">
-                    {dede:arclist row='5' type='image.' orderby=click}
-						<li>
-							<a href="[field:arcurl/]" class="preview"><img src="[field:litpic/]" alt="[field:title function='html2text(@me)'/]"/></a>
-							<a href="[field:arcurl/]" class="title">[field:title/]</a>
-							<span class="intro">更新:[field:pubdate function="GetDateMK(@me)"/]</span>
-						</li>
-                     {/dede:arclist}
+<body>
+    {dede:include filename="top.htm"/}
+      
+    {dede:include filename="header.htm"/}
 
-					</ul>
-				</dd>
-			</dl>
-		</div>
-		<div class="mt1">
-			<dl class="tbox">
-				<dt><strong>推荐图集</strong></dt>
-				<dd>
-					<ul class="e9">
-                    {dede:arclist row='8' type='image.commend.'}
-						<li><a href="[field:arcurl/]"><img src="[field:litpic/]" alt="[field:title function='html2text(@me)'/]"/><span class="title">[field:title/]</span></a></li>
-                    {/dede:arclist}
-					</ul>
-				</dd>
-			</dl>
+	{dede:include filename="navbar.htm"/}
+	
+	<div class="container">
+		<div class="position">
+			<nav aria-label="breadcrumb">
+				<ol class="breadcrumb mb-0">
+					<li class="breadcrumb-item">当前位置</li>
+					{dede:field name='position'/}
+				</ol>
+			</nav>
 		</div>
+		<!-- /.position -->
+	</div>
 
+    <main class="container">
+        <div class="row">
+            <div class="col-12 col-lg-9 index-left">
+              <div class="row">
+                {dede:channelartlist}
+                <div class="col-md-12 mb-3">
+                  <div class="card ddcard-normal">
+                      <div class="card-header">
+                          <div class="row">
+                              <div class="col-6 caption"><span><a href="{dede:field name='typeurl'/}">{dede:field name='typename'/}</a></span></div>
+                              <div class="col-6 d-flex justify-content-end more">
+                                <a href="{dede:field name='typeurl'/}">更多</a>
+                              </div>
+                          </div>
+                      </div>
+					  <div class="row row-cols-2 row-cols-md-4 pt-3">
+						{dede:arclist row=4}
+						  <div class="col">
+							  <div class="card border-0 image-item">
+								  <a href="[field:arcurl/]" title="[field:fulltitle/]" class="text-body stretched-link"><img
+										  src="[field:litpic/]" class="card-img-top" alt="[field:fulltitle/]">
+									  <div class="card-body">
+										  <h6 class="card-title">[field:title/]</h6>
+									  </div>
+								  </a>
+							  </div>
+						  </div>
+						  {/dede:arclist}
+					  </div>
+                  </div>
+                </div>
+                {/dede:channelartlist}
+              </div>
 
+            </div><!-- /.index-left -->
+            <aside class="col-12 col-lg-3">
 
+              {dede:include comment='推荐内容' filename="widget_recommend.htm"/}
 
-	</div><!-- /pright -->
-</div>
-{dede:include filename="footer.htm"/}
-<!-- /footer -->
+              {dede:include comment='热点内容' filename="widget_hot.htm"/}
+            </aside><!-- /aside -->
+        </div>
+    </main>
+    <!-- /main -->
 
+    {dede:include filename="footer.htm"/}
 </body>
+
 </html>
+
diff --git a/src/templets/default/index_infos.htm b/src/templets/default/index_infos.htm
index c5823414..1915a867 100755
--- a/src/templets/default/index_infos.htm
+++ b/src/templets/default/index_infos.htm
@@ -1,116 +1,80 @@
-<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
-<html xmlns="http://www.w3.org/1999/xhtml">
+<!doctype html>
+<html lang="zh-CN">
+
 <head>
-<meta http-equiv="Content-Type" content="text/html; charset={dede:global.cfg_soft_lang/}" />
-<title>{dede:field.title/}_{dede:global.cfg_webname/}</title>
-<meta name="keywords" content="{dede:field name='keywords'/}" />
-<meta name="description" content="{dede:field name='description' function='html2text(@me)'/}" />
-<link href="{dede:global.cfg_templets_skin/}/style/dedecms.css" rel="stylesheet" media="screen" type="text/css" />
-<meta http-equiv="mobile-agent" content="format=xhtml;url={dede:global.cfg_mobileurl/}/list.php?tid={dede:field.id/}">
-<script type="text/javascript">if(window.location.toString().indexOf('pref=padindex') != -1){}else{if(/AppleWebKit.*Mobile/i.test(navigator.userAgent) || (/MIDP|SymbianOS|NOKIA|SAMSUNG|LG|NEC|TCL|Alcatel|BIRD|DBTEL|Dopod|PHILIPS|HAIER|LENOVO|MOT-|Nokia|SonyEricsson|SIE-|Amoi|ZTE/.test(navigator.userAgent))){if(window.location.href.indexOf("?mobile")<0){try{if(/Android|Windows Phone|webOS|iPhone|iPod|BlackBerry/i.test(navigator.userAgent)){window.location.href="{dede:global.cfg_mobileurl/}/list.php?tid={dede:field.id/}";}else if(/iPad/i.test(navigator.userAgent)){}else{}}catch(e){}}}}</script>
+    <meta charset="{dede:global.cfg_soft_lang/}">
+    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
+    <link rel="stylesheet" href="{dede:global.cfg_cmsurl/}/static/css/bootstrap.min.css">
+    <link href="{dede:global.cfg_cmsurl/}/static/font-awesome/css/font-awesome.min.css" rel="stylesheet">
+    <link rel="stylesheet" href="{dede:global.cfg_cmsurl/}/static/css/dede.css">
+    <link rel="stylesheet" href="{dede:global.cfg_cmsurl/}/static/css/index.css">
+    <link rel="shortcut icon" href="{dede:global.cfg_cmsurl/}/static/img/favicon.png">
+    <script src="{dede:global.cfg_cmsurl/}/static/js/jquery.min.js"></script>
+    <title>{dede:global.cfg_webname/}</title>
+    <meta name="keywords" content="{dede:global.cfg_keywords/}">
+    <meta name="description" content="{dede:global.cfg_description/}">
 </head>
-<body class="channel">
-{dede:include filename="head.htm"/}
-<!-- /header -->
-<div class="w960 center clear mt1">
-	<div class="pleft">
-		
-<div class="picnews">
-	<dl class="tbox">
-		<dt><strong>图文信息</strong></dt>
-		<dd>
-			<ul class="e1">
-         {dede:arclistsg row=5 orderby=pubdate flag='p'}
-         <li><a href="[field:arcurl/]"><img src='[field:litpic/]' width='124px' height='94px'/><span class="title">[field:title/]</span></a></li>
-         {/dede:arclistsg}
-		  </ul>
-	  </dd>
-	</dl>
-</div>
-<!-- /picnews -->
 
-<div class="listbox">	
-	
-{dede:channelartlist}
-   <dl class="tbox">
-        <dt><strong><a href="{dede:field name='typeurl'/}">{dede:field name='typename'/}</a></strong><span class="more"><a href="{dede:field name='typeurl'/}">更多...</a></span></dt>
-        <dd>
-          <ul class="d1 ico3">
-          {dede:arclistsg titlelen='60' row='8'}
-            <li><a href="[field:arcurl /]">[field:title /]</a></li>
-          {/dede:arclistsg}
-          </ul>
-        </dd>
-    </dl>
-{/dede:channelartlist}
-		</div>
-		<!-- /listbox -->
+<body>
+    {dede:include filename="top.htm"/}
+      
+    {dede:include filename="header.htm"/}
 
-  </div>
-  <!-- /pleft -->
+	{dede:include filename="navbar.htm"/}
 	
-	<div class="pright">
-         <div>
-          <dl class="tbox">
-				<dt><strong>栏目列表</strong></dt>
-				<dd>
-					<ul class="d6">
-                      {dede:channel type='son' currentstyle="<li><a href='~typelink~' class='thisclass'>~typename~</a></li>"}
-		<li><a href='[field:typeurl/]'>[field:typename/]</a></li>{/dede:channel}
-					</ul>
-				</dd>
-			</dl>
+    <div class="container">
+        <div class="position">
+            <nav aria-label="breadcrumb">
+                <ol class="breadcrumb mb-0">
+                    <li class="breadcrumb-item">当前位置</li>
+                    {dede:field name='position'/}
+                </ol>
+            </nav>
         </div>
-        	<div class="infos_search">
-			<dl class="tbox">
-				<dt><strong>信息搜索</strong></dt>
-				<dd>
-                {dede:infoguide}
-                    <form name='infoguide' method='get' action='/plus/list.php'>
-                    [field:nativeplace /]
-                    [field:infotype /]
-                    <input type='hidden' name='tid' value='[field:typeid /]' />
-                    <input type='hidden' name='channelid' value='-8' />
-                    <span class='infosearchtxt'>关键字:</span><span><input type='text' name='keyword' value='' class="ipt-txt" /></span>
-                    <input type='submit' value='搜索信息' class="btn-2" style='cursor:pointer' />
-                    &nbsp;
-                    <input type='button' value='发布信息' class="btn-2" 
-                    onclick="location='/member/archives_sg_add.php?channelid=-8';" style='cursor:pointer' />
-                    </form>
-                {/dede:infoguide}
-				</dd>
-			</dl>
-		</div>
-        
-		<div class="strongrange mt1">
-			<dl class="tbox">
-				<dt><strong>最新信息</strong></dt>
-				<dd>
-					<ul class="d1 ico2">
-           	{dede:arclistsg titlelen=42 row=12}
-          	 <li><span>[[field:typename/]]</span><a href="[field:arcurl/]">[field:title/]</a></li>
-             {/dede:arclistsg}
-					</ul>
-				</dd>
-			</dl>
-		</div><!-- /commend -->
-		<div class="strongrange mt1">
-			<dl class="tbox">
-				<dt><strong>热点信息</strong></dt>
-				<dd>
-					<ul class="d1 ico2">
-                    {dede:arclistsg row=12 orderby=click}
-                     <li><span>[[field:typename/]]</span><a href="[field:arcurl/]">[field:title/]</a></li>
-                    {/dede:arclistsg}
-					</ul>
-				</dd>
-			</dl>
-		</div>
+        <!-- /.position -->
+    </div>
+
+    <main class="container">
+        <div class="row">
+            <div class="col-12 col-lg-9 index-left">
+              <div class="row">
+                {dede:channelartlist}
+                <div class="col-md-6 mb-3">
+                  <div class="card ddcard-normal">
+                      <div class="card-header">
+                          <div class="row">
+                              <div class="col-6 caption"><span><a href="{dede:field name='typeurl'/}">{dede:field name='typename'/}</a></span></div>
+                              <div class="col-6 d-flex justify-content-end more">
+                                <a href="{dede:field name='typeurl'/}">更多</a>
+                              </div>
+                          </div>
+                      </div>
+                      <ul class="list-group list-group-flush">
+                          {dede:arclistsg titlelen='60' row='8'}
+                          <li><i class="fa fa-bookmark-o" aria-hidden="true"></i> <a
+                                  title="[field:fulltitle/]"
+                                  href="[field:arcurl/]">[field:title/]</a>
+                          </li>
+                          {/dede:arclistsg}
+                      </ul>
+                  </div>
+                </div>
+                {/dede:channelartlist}
+              </div>
+
+            </div><!-- /.index-left -->
+            <aside class="col-12 col-lg-3">
 
-	</div><!-- /pright -->
-</div>
-{dede:include filename="footer.htm"/}
-<!-- /footer -->
+              {dede:include comment='推荐内容' filename="widget_recommend_sg.htm"/}
 
+              {dede:include comment='热点内容' filename="widget_hot_sg.htm"/}
+            </aside><!-- /aside -->
+        </div>
+    </main>
+    <!-- /main -->
+
+    {dede:include filename="footer.htm"/}
 </body>
+
 </html>
+
diff --git a/src/templets/default/index_shop.htm b/src/templets/default/index_shop.htm
index 1347de00..e87fe1f3 100755
--- a/src/templets/default/index_shop.htm
+++ b/src/templets/default/index_shop.htm
@@ -1,137 +1,80 @@
-<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
-<html xmlns="http://www.w3.org/1999/xhtml">
+<!doctype html>
+<html lang="zh-CN">
+
 <head>
-<meta http-equiv="Content-Type" content="text/html; charset={dede:global.cfg_soft_lang/}" />
-<title>{dede:field.title/}_{dede:global.cfg_webname/}</title>
-<meta name="keywords" content="{dede:field name='keywords'/}" />
-<meta name="description" content="{dede:field name='description' function='html2text(@me)'/}" />
-<link href="{dede:global.cfg_templets_skin/}/style/dedecms.css" rel="stylesheet" media="screen" type="text/css" />
-<meta http-equiv="mobile-agent" content="format=xhtml;url={dede:global.cfg_mobileurl/}/list.php?tid={dede:field.id/}">
-<script type="text/javascript">if(window.location.toString().indexOf('pref=padindex') != -1){}else{if(/AppleWebKit.*Mobile/i.test(navigator.userAgent) || (/MIDP|SymbianOS|NOKIA|SAMSUNG|LG|NEC|TCL|Alcatel|BIRD|DBTEL|Dopod|PHILIPS|HAIER|LENOVO|MOT-|Nokia|SonyEricsson|SIE-|Amoi|ZTE/.test(navigator.userAgent))){if(window.location.href.indexOf("?mobile")<0){try{if(/Android|Windows Phone|webOS|iPhone|iPod|BlackBerry/i.test(navigator.userAgent)){window.location.href="{dede:global.cfg_mobileurl/}/list.php?tid={dede:field.id/}";}else if(/iPad/i.test(navigator.userAgent)){}else{}}catch(e){}}}}</script>
+    <meta charset="{dede:global.cfg_soft_lang/}">
+    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
+    <link rel="stylesheet" href="{dede:global.cfg_cmsurl/}/static/css/bootstrap.min.css">
+    <link href="{dede:global.cfg_cmsurl/}/static/font-awesome/css/font-awesome.min.css" rel="stylesheet">
+    <link rel="stylesheet" href="{dede:global.cfg_cmsurl/}/static/css/dede.css">
+    <link rel="stylesheet" href="{dede:global.cfg_cmsurl/}/static/css/index.css">
+    <link rel="shortcut icon" href="{dede:global.cfg_cmsurl/}/static/img/favicon.png">
+    <script src="{dede:global.cfg_cmsurl/}/static/js/jquery.min.js"></script>
+    <title>{dede:global.cfg_webname/}</title>
+    <meta name="keywords" content="{dede:global.cfg_keywords/}">
+    <meta name="description" content="{dede:global.cfg_description/}">
 </head>
-<body class="channel">
-{dede:include filename="head.htm"/}
-<!-- /header -->
-<div class="w960 center clear mt1">
-	<div class="pleft">
-		<div class="flashnews">
-			<script language='javascript'>
-linkarr = new Array();
-picarr = new Array();
-textarr = new Array();
-var swf_width=280;
-var swf_height=192;
-var files = "";
-var links = "";
-var texts = "";
-//这里设置调用标记
-{dede:arclist flag='f' row='5'}
-linkarr[[field:global.autoindex/]] = "[field:arcurl/]";
-picarr[[field:global.autoindex/]]  = "[field:litpic/]";
-textarr[[field:global.autoindex/]] = "[field:title function='html2text(@me)'/]";
-{/dede:arclist}
-for(i=1;i<picarr.length;i++){
-  if(files=="") files = picarr[i];
-  else files += "|"+picarr[i];
-}
-for(i=1;i<linkarr.length;i++){
-  if(links=="") links = linkarr[i];
-  else links += "|"+linkarr[i];
-}
-for(i=1;i<textarr.length;i++){
-  if(texts=="") texts = textarr[i];
-  else texts += "|"+textarr[i];
-}
-document.write('<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,0,0" width="'+ swf_width +'" height="'+ swf_height +'">');
-document.write('<param name="movie" value="{dede:global.cfg_templets_skin/}/images/bcastr3.swf"><param name="quality" value="high">');
-document.write('<param name="menu" value="false"><param name=wmode value="opaque">');
-document.write('<param name="FlashVars" value="bcastr_file='+files+'&bcastr_link='+links+'&bcastr_title='+texts+'">');
-document.write('<embed src="{dede:global.cfg_templets_skin/}/images/bcastr3.swf" wmode="opaque" FlashVars="bcastr_file='+files+'&bcastr_link='+links+'&bcastr_title='+texts+'& menu="false" quality="high" width="'+ swf_width +'" height="'+ swf_height +'" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" />'); document.write('</object>');
-</script>
-		</div><!-- /flashnews -->
-		<div class="topcommand">
-			<dl class="tbox">
-				<dt><strong>频道推荐</strong></dt>
-				<dd>
-					<div class="onenews">
-                        {dede:arclist flag='c' limit='0,1'}
-                        <h2><a href="[field:arcurl/]">[field:title/]</a></h2>
-                        <p>[field:description function='cn_substr(@me,110)'/]...<a href="[field:arcurl/]">[查看全文]</a></p>
-                        {/dede:arclist}
-					</div><!-- /onenews -->
-					<ul class="c2 ico1">
-                        {dede:arclist flag='c' limit='1,4'}
-                        <li><a href="[field:arcurl/]">[field:title/]</a></li>
-                        {/dede:arclist}
-					</ul>
-				</dd>
-			</dl>
-		</div><!-- /topcommand -->
-
-
-		<div class="listbox">
-	{dede:channelartlist}
 
-      <dl class="tbox">
-        <dt><strong><a href="{dede:field name='typeurl'/}">{dede:field name='typename'/}</a></strong><span class="more"><a href="{dede:field name='typeurl'/}">更多...</a></span></dt>
-        <dd>
-          <ul class="e6">
-          {dede:arclist row='3' type='image.'}
-           <li><a href="[field:arcurl/]" title="[field:title function='html2text(@me)' /]"><img src="[field:litpic/]" alt="[field:title function='html2text(@me)'/]"/></a></li>
-		{/dede:arclist}
-          </ul>
-          <ul class="c2 ico3">
-          {dede:arclist titlelen='60' row='8'}
-            <li><a href="[field:arcurl /]">[field:title /]</a></li>
-			{/dede:arclist}
-          </ul>
-        </dd>
-      </dl>
-	{/dede:channelartlist}
-		</div><!-- /listbox -->
-	</div><!-- /pleft -->
+<body>
+    {dede:include filename="top.htm"/}
+      
+    {dede:include filename="header.htm"/}
 
-	<div class="pright">
-		<div class="productrange">
-			<dl class="tbox">
-				<dt><strong>推荐商品</strong></dt>
-				<dd>
-					<ul class="f1">
-                    {dede:arclist flag='c' titlelen=42 row=8}
-						<li>
-							<a href="[field:arcurl/]">[field:title/]</a>
-							<span><small>好评:</small>[field:scores/]</span>
-							<span><small>人气:</small>[field:click/]</span>
-						</li>
-                    {/dede:arclist}
-					</ul>
-				</dd>
-			</dl>
+	{dede:include filename="navbar.htm"/}
+	
+	<div class="container">
+		<div class="position">
+			<nav aria-label="breadcrumb">
+				<ol class="breadcrumb mb-0">
+					<li class="breadcrumb-item">当前位置</li>
+					{dede:field name='position'/}
+				</ol>
+			</nav>
 		</div>
-		<div class="comment mt1">
-			<dl class="tbox">
-				<dt><strong>热门商品</strong></dt>
-				<dd>
-					<ul class="e3">
-                    {dede:arclist row=10 orderby=click type='image.'}
-						<li>
-							<a href="[field:arcurl/]" class="preview"><img src="[field:litpic/]" alt="[field:title function='html2text(@me)'/]"/></a>
-							<a href="[field:arcurl/]" class="title">[field:title/]</a>
-							<span class="intro">人气:<span class="fc-f90">[field:click/]</span></span>
-						</li>
-                    {/dede:arclist}
+		<!-- /.position -->
+	</div>
 
-					</ul>
-				</dd>
-			</dl>
-		</div>
+    <main class="container">
+        <div class="row">
+            <div class="col-12 col-lg-9 index-left">
+              <div class="row">
+                {dede:channelartlist}
+                <div class="col-md-6 mb-3">
+                  <div class="card ddcard-normal">
+                      <div class="card-header">
+                          <div class="row">
+                              <div class="col-6 caption"><span><a href="{dede:field name='typeurl'/}">{dede:field name='typename'/}</a></span></div>
+                              <div class="col-6 d-flex justify-content-end more">
+                                <a href="{dede:field name='typeurl'/}">更多</a>
+                              </div>
+                          </div>
+                      </div>
+                      <ul class="list-group list-group-flush">
+                          {dede:arclist titlelen='60' row='8'}
+                          <li><i class="fa fa-bookmark-o" aria-hidden="true"></i> <a
+                                  title="[field:fulltitle/]"
+                                  href="[field:arcurl/]">[field:title/]</a>
+                          </li>
+                          {/dede:arclist}
+                      </ul>
+                  </div>
+                </div>
+                {/dede:channelartlist}
+              </div>
 
+            </div><!-- /.index-left -->
+            <aside class="col-12 col-lg-3">
 
+              {dede:include comment='推荐内容' filename="widget_recommend.htm"/}
 
-	</div><!-- /pright -->
-</div>
-{dede:include filename="footer.htm"/}
-<!-- /footer -->
+              {dede:include comment='热点内容' filename="widget_hot.htm"/}
+            </aside><!-- /aside -->
+        </div>
+    </main>
+    <!-- /main -->
 
+    {dede:include filename="footer.htm"/}
 </body>
+
 </html>
+
diff --git a/src/templets/default/index_soft.htm b/src/templets/default/index_soft.htm
index ed0820aa..e87fe1f3 100755
--- a/src/templets/default/index_soft.htm
+++ b/src/templets/default/index_soft.htm
@@ -1,130 +1,80 @@
-<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
-<html xmlns="http://www.w3.org/1999/xhtml">
+<!doctype html>
+<html lang="zh-CN">
+
 <head>
-<meta http-equiv="Content-Type" content="text/html; charset={dede:global.cfg_soft_lang/}" />
-<title>{dede:field.title/}_{dede:global.cfg_webname/}</title>
-<meta name="keywords" content="{dede:field name='keywords'/}" />
-<meta name="description" content="{dede:field name='description' function='html2text(@me)'/}" />
-<link href="{dede:global.cfg_templets_skin/}/style/dedecms.css" rel="stylesheet" media="screen" type="text/css" />
-<meta http-equiv="mobile-agent" content="format=xhtml;url={dede:global.cfg_mobileurl/}/list.php?tid={dede:field.id/}">
-<script type="text/javascript">if(window.location.toString().indexOf('pref=padindex') != -1){}else{if(/AppleWebKit.*Mobile/i.test(navigator.userAgent) || (/MIDP|SymbianOS|NOKIA|SAMSUNG|LG|NEC|TCL|Alcatel|BIRD|DBTEL|Dopod|PHILIPS|HAIER|LENOVO|MOT-|Nokia|SonyEricsson|SIE-|Amoi|ZTE/.test(navigator.userAgent))){if(window.location.href.indexOf("?mobile")<0){try{if(/Android|Windows Phone|webOS|iPhone|iPod|BlackBerry/i.test(navigator.userAgent)){window.location.href="{dede:global.cfg_mobileurl/}/list.php?tid={dede:field.id/}";}else if(/iPad/i.test(navigator.userAgent)){}else{}}catch(e){}}}}</script>
+    <meta charset="{dede:global.cfg_soft_lang/}">
+    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
+    <link rel="stylesheet" href="{dede:global.cfg_cmsurl/}/static/css/bootstrap.min.css">
+    <link href="{dede:global.cfg_cmsurl/}/static/font-awesome/css/font-awesome.min.css" rel="stylesheet">
+    <link rel="stylesheet" href="{dede:global.cfg_cmsurl/}/static/css/dede.css">
+    <link rel="stylesheet" href="{dede:global.cfg_cmsurl/}/static/css/index.css">
+    <link rel="shortcut icon" href="{dede:global.cfg_cmsurl/}/static/img/favicon.png">
+    <script src="{dede:global.cfg_cmsurl/}/static/js/jquery.min.js"></script>
+    <title>{dede:global.cfg_webname/}</title>
+    <meta name="keywords" content="{dede:global.cfg_keywords/}">
+    <meta name="description" content="{dede:global.cfg_description/}">
 </head>
-<body class="channel">
-{dede:include filename="head.htm"/}
 
-<div class="w960 center clear mt1">
-	<div class="pleft">
-		<div class="flashnews">
-			<script language='javascript'>
-linkarr = new Array();
-picarr = new Array();
-textarr = new Array();
-var swf_width=280;
-var swf_height=192;
-var files = "";
-var links = "";
-var texts = "";
-//这里设置调用标记
-{dede:arclist flag='f' row='5'}
-linkarr[[field:global.autoindex/]] = "[field:arcurl/]";
-picarr[[field:global.autoindex/]]  = "[field:litpic/]";
-textarr[[field:global.autoindex/]] = "[field:title function='html2text(@me)'/]";
-{/dede:arclist}
-for(i=1;i<picarr.length;i++){
-  if(files=="") files = picarr[i];
-  else files += "|"+picarr[i];
-}
-for(i=1;i<linkarr.length;i++){
-  if(links=="") links = linkarr[i];
-  else links += "|"+linkarr[i];
-}
-for(i=1;i<textarr.length;i++){
-  if(texts=="") texts = textarr[i];
-  else texts += "|"+textarr[i];
-}
-document.write('<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,0,0" width="'+ swf_width +'" height="'+ swf_height +'">');
-document.write('<param name="movie" value="{dede:global.cfg_templets_skin/}/images/bcastr3.swf"><param name="quality" value="high">');
-document.write('<param name="menu" value="false"><param name=wmode value="opaque">');
-document.write('<param name="FlashVars" value="bcastr_file='+files+'&bcastr_link='+links+'&bcastr_title='+texts+'">');
-document.write('<embed src="{dede:global.cfg_templets_skin/}/images/bcastr3.swf" wmode="opaque" FlashVars="bcastr_file='+files+'&bcastr_link='+links+'&bcastr_title='+texts+'& menu="false" quality="high" width="'+ swf_width +'" height="'+ swf_height +'" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" />'); document.write('</object>');
-</script>
-		</div><!-- /flashnews -->
-		<div class="topcommand">
-			<dl class="tbox">
-				<dt><strong>频道推荐</strong></dt>
-				<dd>
-					<div class="onenews">
-                        {dede:arclist flag='c' limit='0,1'}
-                        <h2><a href="[field:arcurl/]">[field:title/]</a></h2>
-                        <p>[field:description function='cn_substr(@me,110)'/]...<a href="[field:arcurl/]">[查看全文]</a></p>
-                        {/dede:arclist}
-					</div><!-- /onenews -->
-					<ul class="c2 ico1">
-                        {dede:arclist flag='c' limit='1,4'}
-                        <li><a href="[field:arcurl/]">[field:title/]</a></li>
-                        {/dede:arclist}
-					</ul>
-				</dd>
-			</dl>
-		</div><!-- /topcommand -->
+<body>
+    {dede:include filename="top.htm"/}
+      
+    {dede:include filename="header.htm"/}
 
+	{dede:include filename="navbar.htm"/}
+	
+	<div class="container">
+		<div class="position">
+			<nav aria-label="breadcrumb">
+				<ol class="breadcrumb mb-0">
+					<li class="breadcrumb-item">当前位置</li>
+					{dede:field name='position'/}
+				</ol>
+			</nav>
+		</div>
+		<!-- /.position -->
+	</div>
 
-		<div class="listbox">
-	{dede:channelartlist}
-			<dl class="tbox">
-				<dt><strong><a href="{dede:field name='typeurl'/}">{dede:field name='typename'/}</a></strong><span class="more"><a href="{dede:field name='typeurl'/}">更多...</a></span></dt>
-				<dd>
-					<ul class="e5">
-                    {dede:arclist row='2' type='image.'}
-						<li><a href="[field:arcurl/]" title="[field:title function='html2text(@me)' /]"><img src="[field:litpic/]" alt="[field:title function='html2text(@me)'/]"/></a></li>
-					{/dede:arclist}
-					</ul>
-					<ul class="c1 ico3">
-                    {dede:arclist titlelen='60' row='6'}
-						<li><a href="[field:arcurl /]">[field:title /]</a></li>
-                    {/dede:arclist}
-					</ul>
-				</dd>
-			</dl>
-	{/dede:channelartlist}
-		</div><!-- /listbox -->
-	</div><!-- /pleft -->
+    <main class="container">
+        <div class="row">
+            <div class="col-12 col-lg-9 index-left">
+              <div class="row">
+                {dede:channelartlist}
+                <div class="col-md-6 mb-3">
+                  <div class="card ddcard-normal">
+                      <div class="card-header">
+                          <div class="row">
+                              <div class="col-6 caption"><span><a href="{dede:field name='typeurl'/}">{dede:field name='typename'/}</a></span></div>
+                              <div class="col-6 d-flex justify-content-end more">
+                                <a href="{dede:field name='typeurl'/}">更多</a>
+                              </div>
+                          </div>
+                      </div>
+                      <ul class="list-group list-group-flush">
+                          {dede:arclist titlelen='60' row='8'}
+                          <li><i class="fa fa-bookmark-o" aria-hidden="true"></i> <a
+                                  title="[field:fulltitle/]"
+                                  href="[field:arcurl/]">[field:title/]</a>
+                          </li>
+                          {/dede:arclist}
+                      </ul>
+                  </div>
+                </div>
+                {/dede:channelartlist}
+              </div>
 
-	<div class="pright">
-		<div class="downrange">
-			<dl class="tbox">
-				<dt><strong>推荐软件</strong></dt>
-				<dd>
-					<ul class="f1">
-                    {dede:arclist flag='c' titlelen=42 row=8}
-						<li>
-							<a href="[field:arcurl/]">[field:title/]</a>
-							<span><small>好评:</small>[field:scores/]</span>
-							<span><small>人气:</small>[field:click/]</span>
-						</li>
-                    {/dede:arclist}
-					</ul>
-				</dd>
-			</dl>
-		</div><!-- /downrange -->
-		<div class="hot mt1">
-			<dl class="tbox">
-				<dt><strong>热门软件</strong></dt>
-				<dd>
-					<ul class="c1 ico2">
-                    {dede:arclist row=10 orderby=click}
-                    	<li><a href="[field:arcurl/]">[field:title/]</a></li>
-                    {/dede:arclist}
-					</ul>
-				</dd>
-			</dl>
-		</div>
+            </div><!-- /.index-left -->
+            <aside class="col-12 col-lg-3">
 
+              {dede:include comment='推荐内容' filename="widget_recommend.htm"/}
 
-	</div><!-- /pright -->
-</div>
-{dede:include filename="footer.htm"/}
-<!-- /footer -->
+              {dede:include comment='热点内容' filename="widget_hot.htm"/}
+            </aside><!-- /aside -->
+        </div>
+    </main>
+    <!-- /main -->
 
+    {dede:include filename="footer.htm"/}
 </body>
+
 </html>
+
diff --git a/src/templets/default/list_default.htm b/src/templets/default/list_default.htm
index 37216d46..c13250e4 100755
--- a/src/templets/default/list_default.htm
+++ b/src/templets/default/list_default.htm
@@ -1,84 +1,87 @@
-<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
-<html xmlns="http://www.w3.org/1999/xhtml">
+<!doctype html>
+<html lang="zh-CN">
 <head>
-<meta http-equiv="Content-Type" content="text/html; charset={dede:global.cfg_soft_lang/}" />
-<title>{dede:field.title/}_{dede:global.cfg_webname/}</title>
-<meta name="keywords" content="{dede:field name='keywords'/}" />
-<meta name="description" content="{dede:field name='description' function='html2text(@me)'/}" />
-<link href="{dede:global.cfg_templets_skin/}/style/dedecms.css" rel="stylesheet" media="screen" type="text/css" />
+    <meta charset="utf-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
+    <script src="{dede:global.cfg_cmsurl/}/static/js/jquery.min.js"></script>
+    <link rel="stylesheet" href="{dede:global.cfg_cmsurl/}/static/css/bootstrap.min.css">
+    <link href="{dede:global.cfg_cmsurl/}/static/font-awesome/css/font-awesome.min.css" rel="stylesheet">
+    <link rel="stylesheet" href="{dede:global.cfg_cmsurl/}/static/css/dede.css">
+    <link rel="shortcut icon" href="{dede:global.cfg_cmsurl/}/static/img/favicon.png">
+    <title>{dede:field.title/}_{dede:global.cfg_webname/} - {dede:global.cfg_welcome/}</title>
+    <meta name="keywords" content="{dede:field.keywords/}" />
+    <meta name="description" content="{dede:field.description function='html2text(@me)'/}" />
 </head>
-<body class="articlelist">
-{dede:include filename="head.htm"/}
-<!-- /header -->
 
-<div class="channel-nav w960 center clear">
-	<div class='sonnav'>
-	{dede:channel currentstyle="<span><a href='~typelink~' class='thisclass'>~typename~</a></span>"}
-		<span><a href='[field:typeurl/]'>[field:typename/]</a></span>{/dede:channel}
-	</div>
-</div><!-- /channel-nav -->
+<body>
+    {dede:include filename="top.htm"/}
+    
+    {dede:include filename="header.htm"/}
 
-<div class="w960 center clear mt1">
-	<div class="pleft">
-		<div class="place">
-			<strong>当前位置:</strong> {dede:field name='position'/}
-		</div><!-- /place -->
-		<div class="listbox">
-			<ul class="e2">
-{dede:list pagesize='10'}
-				<li>
-      				[field:array runphp='yes']@me = (empty(@me['litpic']) ? "" : "<a href='{@me['arcurl']}' class='preview'><img src='{@me['litpic']}'/></a>"); [/field:array]
-					<a href="[field:arcurl/]" class="title">[field:title/]</a>
-					<span class="info">
-						<small>日期:</small>[field:pubdate function="GetDateTimeMK(@me)"/]
-						<small>点击:</small>[field:click/]
-						<small>好评:</small>[field:scores/]
-					</span>
-					<p class="intro">
-						[field:description/]...
-					</p>
-				</li>
-{/dede:list}
-			</ul>
-		</div><!-- /listbox -->
-		<div class="dede_pages">
-			<ul class="pagelist">
-             {dede:pagelist listitem="info,index,end,pre,next,pageno" listsize="5"/}
-			</ul>
-		</div><!-- /pages -->
-	</div><!-- /pleft -->
-	
-	<div class="pright">
-		<div class="commend">
-			<dl class="tbox">
-				<dt><strong>推荐内容</strong></dt>
-				<dd>
-					<ul class="d4">
-           {dede:arclist flag='c' titlelen=42 row=6}
-          	<li><a href="[field:arcurl/]">[field:title/]</a>
-            	<p>[field:description function='cn_substr(@me,80)'/]...</p>
-            </li>{/dede:arclist}
-					</ul>
-				</dd>
-			</dl>
-		</div><!-- /commend -->
-		<div class="hot mt1">
-			<dl class="tbox">
-				<dt><strong>热点内容</strong></dt>
-				<dd>
-					<ul class="c1 ico2">
-                    {dede:arclist row=10 orderby=click}
-                    	<li><a href="[field:arcurl/]">[field:title/]</a></li>
-                    {/dede:arclist}
-					</ul>
-				</dd>
-			</dl>
-		</div>
+    {dede:include filename="navbar.htm"/}
 
-	</div><!-- /pright -->
-</div>
-{dede:include filename="footer.htm"/}
-<!-- /footer -->
+    <div class="container">
+        <div class="position">
+            <nav aria-label="breadcrumb">
+                <ol class="breadcrumb mb-0">
+                    <li class="breadcrumb-item">当前位置</li>
+                    {dede:field name='position'/}
+                </ol>
+            </nav>
+        </div>
+        <!-- /.position -->
+    </div>
 
+    <main class="container">
+        <div class="row">
+            <div class="col-md-8 list-main">
+                
+                <ul class="list-unstyled items">
+                    {dede:list pagesize='10'}
+                    <li class="media border-bottom-dashed">
+                        <div class="media-body row mt-2 py-2">
+                            <div class="col-12 caption">
+                                <a href="[field:arcurl/]">
+                                    <h4 class="title">[field:code/] [field:title/]</h4>
+                                </a>
+                            </div>
+                            <div class="col-12 description">
+                                <a href="[field:arcurl/]">[field:description/]...
+                                </a>
+                            </div>
+                            <div class="col-12 source text-right">
+                                发布时间:[field:pubdate function="MyDate('y-m-d',@me)"/]
+                            </div>
+                        </div>
+                    </li>
+                    {/dede:list}
+                    
+                </ul>
+                <nav>
+                    <ul class="pagination justify-content-center py-3">
+                        {dede:pagelist listitem="info,index,end,pre,next,pageno" listsize="1"/}
+                    </ul>
+                </nav>
+
+            </div>
+            <!-- /.list-main -->
+
+            <aside class="col-md-4 article-sidebar">
+
+                {dede:include comment='栏目列表' filename="widget_channels.htm"/}
+
+                {dede:include comment='推荐内容' filename="widget_recommend.htm"/}
+
+                {dede:include comment='热点内容' filename="widget_hot.htm"/}
+
+            </aside>
+            <!-- /.article-sidebar -->
+
+        </div>
+    </main>
+    <!-- /main -->
+
+    {dede:include filename="footer.htm"/}
 </body>
-</html>
+
+</html>
\ No newline at end of file
diff --git a/src/templets/default/list_default_sg.htm b/src/templets/default/list_default_sg.htm
index 127b93cc..7662b8a2 100755
--- a/src/templets/default/list_default_sg.htm
+++ b/src/templets/default/list_default_sg.htm
@@ -1,76 +1,87 @@
-<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
-<html xmlns="http://www.w3.org/1999/xhtml">
+<!doctype html>
+<html lang="zh-CN">
 <head>
-<meta http-equiv="Content-Type" content="text/html; charset={dede:global.cfg_soft_lang/}" />
-<title>{dede:field.title/}_{dede:global.cfg_webname/}</title>
-<meta name="keywords" content="{dede:field name='keywords'/}" />
-<meta name="description" content="{dede:field name='description' function='html2text(@me)'/}" />
-<link href="{dede:global.cfg_templets_skin/}/style/dedecms.css" rel="stylesheet" media="screen" type="text/css" />
-<meta http-equiv="mobile-agent" content="format=xhtml;url={dede:global.cfg_mobileurl/}/list.php?tid={dede:field.id/}">
-<script type="text/javascript">if(window.location.toString().indexOf('pref=padindex') != -1){}else{if(/AppleWebKit.*Mobile/i.test(navigator.userAgent) || (/MIDP|SymbianOS|NOKIA|SAMSUNG|LG|NEC|TCL|Alcatel|BIRD|DBTEL|Dopod|PHILIPS|HAIER|LENOVO|MOT-|Nokia|SonyEricsson|SIE-|Amoi|ZTE/.test(navigator.userAgent))){if(window.location.href.indexOf("?mobile")<0){try{if(/Android|Windows Phone|webOS|iPhone|iPod|BlackBerry/i.test(navigator.userAgent)){window.location.href="{dede:global.cfg_mobileurl/}/list.php?tid={dede:field.id/}";}else if(/iPad/i.test(navigator.userAgent)){}else{}}catch(e){}}}}</script>
+    <meta charset="utf-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
+    <script src="{dede:global.cfg_cmsurl/}/static/js/jquery.min.js"></script>
+    <link rel="stylesheet" href="{dede:global.cfg_cmsurl/}/static/css/bootstrap.min.css">
+    <link href="{dede:global.cfg_cmsurl/}/static/font-awesome/css/font-awesome.min.css" rel="stylesheet">
+    <link rel="stylesheet" href="{dede:global.cfg_cmsurl/}/static/css/dede.css">
+    <link rel="shortcut icon" href="{dede:global.cfg_cmsurl/}/static/img/favicon.png">
+    <title>{dede:field.title/}_{dede:global.cfg_webname/} - {dede:global.cfg_welcome/}</title>
+    <meta name="keywords" content="{dede:field.keywords/}" />
+    <meta name="description" content="{dede:field.description function='html2text(@me)'/}" />
 </head>
-<body class="infoslist">
 
-{dede:include filename="head.htm"/}
-<!-- /header -->
+<body>
+    {dede:include filename="top.htm"/}
+    
+    {dede:include filename="header.htm"/}
 
-<div class="channel-nav w960 center clear">
-	<div class='sonnav'>
-	{dede:channel currentstyle="<span><a href='~typelink~' class='thisclass'>~typename~</a></span>"}
-		<span><a href='[field:typeurl/]'>[field:typename/]</a></span>{/dede:channel}
-	</div>
-</div><!-- /channel-nav -->
+    {dede:include filename="navbar.htm"/}
 
-<div class="w960 center clear mt1">
-	<div class="pleft">
-		<div class="place">
-			<strong>当前位置:</strong> {dede:field name='position'/}
-		</div><!-- /place -->
-		<div class="listbox">
-			<ul class="d5">            
-            {dede:list pagesize='20'}
-            <li><a href="[field:arcurl/]" class="title">[field:title/]</a><span class="date">[field:pubdate function="GetDateTimeMK(@me)"/]</span></li>
-            {/dede:list}
-			</ul>
-		</div><!-- /listbox -->
-		<div class="dede_pages">
-			<ul class="pagelist">
-				 {dede:pagelist listitem="info,index,end,pre,next,pageno" listsize="5"/}
-			</ul>
-		</div><!-- /pages -->
-	</div><!-- /pleft -->
-	
-	<div class="pright">
-		<div class="strongrange  mt1">
-			<dl class="tbox">
-				<dt><strong>最新信息</strong></dt>
-				<dd>
-					<ul class="d1 ico2">
-                     {dede:arclistsg orderby='id' titlelen='60' row='10'}
-                        <li><span>[field:typename/]</span><a href="[field:arcurl/]">[field:title/]</a></li>
-                    {/dede:arclistsg}
-					</ul>
-				</dd>
-			</dl>
-		</div><!-- /strongrange -->
-        <div class="strongrange  mt1">
-			<dl class="tbox">
-				<dt><strong>热门信息</strong></dt>
-				<dd>
-					<ul class="d1 ico2">
-                     {dede:arclistsg sort='click' titlelen='30' row='10'}
-                    	<li><span>[field:typename/]</span><a href="[field:arcurl/]">[field:title/]</a></li>
-                    {/dede:arclistsg}
-					</ul>
-				</dd>
-			</dl>
-		</div><!-- /strongrange -->
-		{dede:qrcode/}
-	</div><!-- /pright -->
-	
-</div>
-{dede:include filename="footer.htm"/}
-<!-- /footer -->
+    <div class="container">
+        <div class="position">
+            <nav aria-label="breadcrumb">
+                <ol class="breadcrumb mb-0">
+                    <li class="breadcrumb-item">当前位置</li>
+                    {dede:field name='position'/}
+                </ol>
+            </nav>
+        </div>
+        <!-- /.position -->
+    </div>
 
+    <main class="container">
+        <div class="row">
+            <div class="col-md-8 list-main">
+                
+                <ul class="list-unstyled items">
+                    {dede:list pagesize='10'}
+                    <li class="media border-bottom-dashed">
+                        <div class="media-body row mt-2 py-2">
+                            <div class="col-12 caption">
+                                <a href="[field:arcurl/]">
+                                    <h4 class="title">[field:code/] [field:title/]</h4>
+                                </a>
+                            </div>
+                            <div class="col-12 description">
+                                <a href="[field:arcurl/]">[field:description/]...
+                                </a>
+                            </div>
+                            <div class="col-12 source text-right">
+                                发布时间:[field:pubdate function="MyDate('y-m-d',@me)"/]
+                            </div>
+                        </div>
+                    </li>
+                    {/dede:list}
+                    
+                </ul>
+                <nav>
+                    <ul class="pagination justify-content-center py-3">
+                        {dede:pagelist listitem="info,index,end,pre,next,pageno" listsize="1"/}
+                    </ul>
+                </nav>
+
+            </div>
+            <!-- /.list-main -->
+
+            <aside class="col-md-4 article-sidebar">
+
+                {dede:include comment='栏目列表' filename="widget_channels.htm"/}
+
+                {dede:include comment='推荐内容' filename="widget_recommend_sg.htm"/}
+
+                {dede:include comment='热点内容' filename="widget_hot_sg.htm"/}
+
+            </aside>
+            <!-- /.article-sidebar -->
+
+        </div>
+    </main>
+    <!-- /main -->
+
+    {dede:include filename="footer.htm"/}
 </body>
-</html>
+
+</html>
\ No newline at end of file
diff --git a/src/templets/default/list_image.htm b/src/templets/default/list_image.htm
index 20c72d71..c8158aa9 100755
--- a/src/templets/default/list_image.htm
+++ b/src/templets/default/list_image.htm
@@ -39,7 +39,7 @@
 				<div class="row row-cols-2 row-cols-md-4">
 					{dede:list pagesize='12'}
 					<div class="col">
-						<div class="card border-0">
+						<div class="card border-0 image-item">
 							<a href="[field:arcurl/]" title="[field:fulltitle/]" class="text-body stretched-link"><img
 									src="[field:litpic/]" class="card-img-top" alt="[field:fulltitle/]">
 								<div class="card-body">
diff --git a/src/templets/system/channel_spec_note.htm b/src/templets/system/channel_spec_note.htm
index 288205b4..85e3a4ea 100755
--- a/src/templets/system/channel_spec_note.htm
+++ b/src/templets/system/channel_spec_note.htm
@@ -1,8 +1,12 @@
-			<dl class="tbox">
-				<dt><strong>~notename~</strong></dt>
-				<dd>
-					<ul class="d1 ico3">
-                    	~spec_arclist~
-					</ul>
-				</dd>
-			</dl>
\ No newline at end of file
+<div class="col-md-6 mb-3">
+	<div class="card ddcard-normal">
+		<div class="card-header">
+			<div class="row">
+				<div class="col-6 caption"><span>~notename~</span></div>
+			</div>
+		</div>
+		<ul class="list-group list-group-flush">
+			~spec_arclist~
+		</ul>
+	</div>
+	</div>
diff --git a/src/templets/system/spec_arclist.htm b/src/templets/system/spec_arclist.htm
index 5c1e1e80..dbc781e3 100755
--- a/src/templets/system/spec_arclist.htm
+++ b/src/templets/system/spec_arclist.htm
@@ -1 +1 @@
-<li><span class="date">[field:typename/]</span><a href="[field:arcurl /]" target="_blank">[field:title /]</a></li>
+<li>[[field:typename/]] <a href="[field:arcurl /]" target="_blank">[field:title /]</a></li>