Trang chủ Khám phá Trợ giúp
Đăng nhập
S.H.I.E.L.D.
/
helpCenter
2
0
Fork 0
Các tập tin Các vấn đề 0 Yêu cầu khéo về 0 Wiki
Browse Source

帮助中心升级

outaozhen 9 năm trước cách đây
commit
423a7686c2
46 tập tin đã thay đổi với 13348 bổ sung và 0 xóa
Split View Hiển thị tình trạng sai khác
  1. 343 0
      admin_index.html
  2. 233 0
      admin_index_addNews.html
  3. 209 0
      admin_index_class.html
  4. 266 0
      admin_index_classFirst.html
  5. 242 0
      admin_index_editNews.html
  6. 238 0
      admin_index_recom.html
  7. 371 0
      css/admin-global.css
  8. 596 0
      css/bootstrap-theme.css
  9. 14 0
      css/bootstrap-theme.min.css
  10. 6802 0
      css/bootstrap.css
  11. 14 0
      css/bootstrap.min.css
  12. 353 0
      css/global.css
  13. BIN
      fonts/glyphicons-halflings-regular.eot
  14. 288 0
      fonts/glyphicons-halflings-regular.svg
  15. BIN
      fonts/glyphicons-halflings-regular.ttf
  16. BIN
      fonts/glyphicons-halflings-regular.woff
  17. BIN
      fonts/glyphicons-halflings-regular.woff2
  18. BIN
      images/Logo.jpg
  19. BIN
      images/Logo.psd
  20. BIN
      images/biaohou.png
  21. BIN
      images/ceng.png
  22. BIN
      images/gonglu.png
  23. BIN
      images/guangdong.png
  24. BIN
      images/jiagePNG.png
  25. BIN
      images/jiliang.png
  26. BIN
      images/lan.png
  27. BIN
      images/lv.png
  28. BIN
      images/qingdanbianshen.png
  29. BIN
      images/suanliang.png
  30. BIN
      images/tiaocha.png
  31. BIN
      images/wendaPNG.png
  32. BIN
      images/wenkuPNG.png
  33. BIN
      images/yanghu.png
  34. 165 0
      index.html
  35. 141 0
      index_produce.html
  36. 100 0
      index_produce_list.html
  37. 97 0
      index_produce_list1.html
  38. 152 0
      index_produce_list1_page1.html
  39. 150 0
      index_produce_list_page.html
  40. 124 0
      index_search.html
  41. 2366 0
      js/bootstrap.js
  42. 12 0
      js/bootstrap.min.js
  43. 8 0
      js/global.js
  44. 5 0
      js/jquery-1.9.1.min.js
  45. 59 0
      js/stickySidebar.js
  46. BIN
      帮助中心开发文档.docx

+ 343 - 0
admin_index.html
Xem Tập Tin 

@@ -0,0 +1,343 @@
 
+<!DOCTYPE html>
 
+<html lang=zh-cn> 
+<head>
 
+  <meta charset=utf-8>
 
+  <title>help</title> 
+  <meta name=description content=帮助中心后台>  
+  <meta name=copyright content=smartcost.com.cn> 
+  <link rel=stylesheet href=css/bootstrap.css>
 
+  <link rel=stylesheet href=css/admin-global.css>
 
+  <script src=js/jquery-1.9.1.min.js></script> 
+  <script src=js/bootstrap.js></script>
 
+  <script src=js/global.js></script>
 
+</head>
 
+
 
+<body>
 
+<div class="topContent nav navbar-fixed-top">
 
+	欢迎进入帮助中心后台！
 
+</div>
 
+<div class="wrapContent">
 
+	<div class="mainSidebar">
 
+		<div class="mianAdmini">
 
+			<h2 data-toggle="tooltip" data-placement="right" title="退出">
 
+				<a href="#"><span class="glyphicon glyphicon-log-out" aria-hidden="true"></span></a>
 
+			</h2>
 
+		</div>
 
+		<div class="mainNav">
 
+			<ul>
 
+				<li class="active" data-toggle="tooltip" data-placement="right" title="文章">
 
+					<a href="admin_index.html"><span class="glyphicon glyphicon-file" aria-hidden="true"></span>文章</a>
 
+				</li>
 
+				<li data-toggle="tooltip" data-placement="right" title="类别">
 
+					<a href="admin_index_class.html"><span class="glyphicon glyphicon-list-alt" aria-hidden="true"></span>类别</a>
 
+				</li>
 
+				<li data-toggle="tooltip" data-placement="right" title="推荐">
 
+					<a href="admin_index_recom.html"><span class="glyphicon glyphicon-thumbs-up" aria-hidden="true"></span>推荐</a>
 
+				</li>
 
+			</ul>
 
+		</div>
 
+	</div>
 
+	<div class="mainContainer container">
 
+		<div class="mainContent">
 
+			<div class="page-header page-Header clearfix">
 
+				<div class="fR">
 
+					<a class="btn btn-primary" href="admin_index_addNews.html" title="添加文章">添加文章</a>
 
+				</div>
 
+				<h3>文章列表中心</h3>
 
+			</div>
 
+			<div class="operate clearfix">
 
+				<div class="sort fR">
 
+					<select class="form-control">
 
+						<option>排序</option>
 
+						<option>序号</option>
 
+						<option>有/无用</option>
 
+						<option>推荐</option>
 
+					</select>
 
+				</div>
 
+				<div class="choice clearfix">
 
+					<ul>
 
+						<li>请选择类别：</li>
 
+						<li>
 
+							<select class="form-control select_wrap">
 
+								<option>产品类别</option>
 
+								<option>公路(养护、广东)造价软件</option>
 
+								<option>计量支付结算决算软件</option>
 
+								<option>算量软件</option>
 
+								<option>材料调差软件</option>
 
+							</select>
 
+						</li>
 
+						<li>
 
+							<select class="form-control select_wrap">
 
+								<option>类别</option>
 
+								<option>— 公路(养护、广东)造价软件</option>
 
+								<option>—— 计量支付结算决算软件</option>
 
+								<option>—— 计量支付结算决算软件</option>
 
+								<option>造价书类</option>
 
+								<option>— 公路(养护、广东)造价软件</option>
 
+								<option>— 公路(养护、广东)造价软件</option>
 
+								<option>—— 计量支付结算决算软件</option>
 
+								<option>—— 计量支付结算决算软件</option>
 
+								<option>工料机类</option>
 
+								<option>定额类</option>
 
+								<option>文件管理类</option>
 
+								<option>调价分摊类</option>
 
+								<option>报表类</option>
 
+								<option>其他类</option>
 
+							</select>
 
+						</li>
 
+						<li>
 
+							<div class="search clearfix">
 
+								<div class="input-group">
 
+									<a class="input-group-addon input_search" id="basic-addon1" herf="#"><span class="glyphicon glyphicon-search"></span></a>
 
+									<input type="text" class="form-control" placeholder="请输入关键词" aria-describedby="basic-addon1">
 
+								</div>
 
+							</div>
 
+						</li>
 
+					</ul>
 
+				</div>
 
+			</div>
 
+			<div class="project">
 
+				<table class="table table_bottom">
 
+					<thead>
 
+						<tr>
 
+							<th>文章名称</th>
 
+							<th width="150">类别</th>
 
+							<th width="150">文章是/否有用</th>
 
+							<th width="90">操作</th>
 
+						</tr>
 
+					</thead>
 
+					<tr>
 
+						<td><a href="#">1.冬雨季及夜间施工增工百分率、临时设施用工指标用工指标填写在02表冬雨季及夜间施工增工百分率、临时设施用工指标用工指标填写在02表</a>&nbsp;<b class="text-danger">[荐]</b></td>
 
+						<td>文件管理类</td>
 
+						<td>
 
+							<span>是<b class="projectCon3Num">6</b></span>
 
+							<span>否<b class="projectCon3Num">0</b></span>
 
+							<span><a href="" class="btn btn-default btn_fize">清空</a></span>
 
+						</td>
 
+						<td>
 
+							<a href="admin_index_editNews.html">修改 </a>
 
+							<a data-toggle="modal" data-target="#delModal">删除 </a>
 
+						</td>
 
+					</tr>
 
+					<tr>
 
+						<td><a href="#">2.冬雨季及夜间施工增工百分率、临时设施用工指标用工指标填写在02表</a>&nbsp;<b class="text-danger">[荐]</b></td>
 
+						<td>文件管理类</td>
 
+						<td>
 
+							<span>是<b class="projectCon3Num">6</b></span>
 
+							<span>否<b class="projectCon3Num">0</b></span>
 
+							<span><a href="" class="btn btn-default btn_fize">清空</a></span>
 
+						</td>
 
+						<td>
 
+							<a href="admin_index_editNews.html">修改 </a>
 
+							<a data-toggle="modal" data-target="#delModal">删除 </a>
 
+						</td>
 
+					</tr>
 
+					<tr>
 
+						<td><a href="#">3.冬雨季及夜间施工增工百分率、临时设施用工指标用工指标填写在02表，冬雨季及夜间施工增工百分率、临时设施用工指标用工指标填写在02表</a></td>
 
+						<td>文件管理类</td>
 
+						<td>
 
+							<span>是<b class="projectCon3Num">6</b></span>
 
+							<span>否<b class="projectCon3Num">0</b></span>
 
+							<span><a href="" class="btn btn-default btn_fize">清空</a></span>
 
+						</td>
 
+						<td>
 
+							<a href="admin_index_editNews.html">修改 </a>
 
+							<a data-toggle="modal" data-target="#delModal">删除 </a>
 
+						</td>
 
+					</tr>
 
+					<tr>
 
+						<td><a href="#">4.冬雨季及夜间施工增工百分率、临时设施用工指标用工指标填写在02表</a></td>
 
+						<td>文件管理类</td>
 
+						<td>
 
+							<span>是<b class="projectCon3Num">6</b></span>
 
+							<span>否<b class="projectCon3Num">0</b></span>
 
+							<span><a href="" class="btn btn-default btn_fize">清空</a></span>
 
+						</td>
 
+						<td>
 
+							<a href="admin_index_editNews.html">修改 </a>
 
+							<a data-toggle="modal" data-target="#delModal">删除 </a>
 
+						</td>
 
+					</tr>
 
+					<tr>
 
+						<td><a href="#">5.冬雨季及夜间施工增工百分率、临时设施用工指标用工指标填写在02表</a></td>
 
+						<td>文件管理类</td>
 
+						<td>
 
+							<span>是<b class="projectCon3Num">6</b></span>
 
+							<span>否<b class="projectCon3Num">0</b></span>
 
+							<span><a href="" class="btn btn-default btn_fize">清空</a></span>
 
+						</td>
 
+						<td>
 
+							<a href="admin_index_editNews.html">修改 </a>
 
+							<a data-toggle="modal" data-target="#delModal">删除 </a>
 
+						</td>
 
+					</tr>
 
+					<tr>
 
+						<td><a href="#">6.冬雨季及夜间施工增工百分率、临时设施用工指标用工指标填写在02表</a></td>
 
+						<td>文件管理类</td>
 
+						<td>
 
+							<span>是<b class="projectCon3Num">6</b></span>
 
+							<span>否<b class="projectCon3Num">0</b></span>
 
+							<span><a href="" class="btn btn-default btn_fize">清空</a></span>
 
+						</td>
 
+						<td>
 
+							<a href="admin_index_editNews.html">修改 </a>
 
+							<a data-toggle="modal" data-target="#delModal">删除 </a>
 
+						</td>
 
+					</tr>
 
+					<tr>
 
+						<td><a href="#">10.冬雨季及夜间施工增工百分率、临时设施用工指标用工指标填写在02表</a></td>
 
+						<td>文件管理类</td>
 
+						<td>
 
+							<span>是<b class="projectCon3Num">6</b></span>
 
+							<span>否<b class="projectCon3Num">0</b></span>
 
+							<span><a href="" class="btn btn-default btn_fize">清空</a></span>
 
+						</td>
 
+						<td>
 
+							<a href="admin_index_editNews.html">修改 </a>
 
+							<a data-toggle="modal" data-target="#delModal">删除 </a>
 
+						</td>
 
+					</tr>
 
+					<tr>
 
+						<td><a href="#">11.冬雨季及夜间施工增工百分率、临时设施用工指标用工指标填写在02表</a></td>
 
+						<td>文件管理类</td>
 
+						<td>
 
+							<span>是<b class="projectCon3Num">6</b></span>
 
+							<span>否<b class="projectCon3Num">0</b></span>
 
+							<span><a href="" class="btn btn-default btn_fize">清空</a></span>
 
+						</td>
 
+						<td>
 
+							<a href="admin_index_editNews.html">修改 </a>
 
+							<a data-toggle="modal" data-target="#delModal">删除 </a>
 
+						</td>
 
+					</tr>
 
+					<tr>
 
+						<td><a href="#">12.冬雨季及夜间施工增工百分率、临时设施用工指标用工指标填写在02表</a></td>
 
+						<td>文件管理类</td>
 
+						<td>
 
+							<span>是<b class="projectCon3Num">6</b></span>
 
+							<span>否<b class="projectCon3Num">0</b></span>
 
+							<span><a href="" class="btn btn-default btn_fize">清空</a></span>
 
+						</td>
 
+						<td>
 
+							<a href="admin_index_editNews.html">修改 </a>
 
+							<a data-toggle="modal" data-target="#delModal">删除 </a>
 
+						</td>
 
+					</tr>
 
+					<tr>
 
+						<td><a href="#">13.冬雨季及夜间施工增工百分率、临时设施用工指标用工指标填写在02表</a></td>
 
+						<td>文件管理类</td>
 
+						<td>
 
+							<span>是<b class="projectCon3Num">6</b></span>
 
+							<span>否<b class="projectCon3Num">0</b></span>
 
+							<span><a href="" class="btn btn-default btn_fize">清空</a></span>
 
+						</td>
 
+						<td>
 
+							<a href="admin_index_editNews.html">修改 </a>
 
+							<a data-toggle="modal" data-target="#delModal">删除 </a>
 
+						</td>
 
+					</tr>
 
+					<tr>
 
+						<td><a href="#">14.冬雨季及夜间施工增工百分率、临时设施用工指标用工指标填写在02表</a></td>
 
+						<td>文件管理类</td>
 
+						<td>
 
+							<span>是<b class="projectCon3Num">6</b></span>
 
+							<span>否<b class="projectCon3Num">0</b></span>
 
+							<span><a href="" class="btn btn-default btn_fize">清空</a></span>
 
+						</td>
 
+						<td>
 
+							<a href="admin_index_editNews.html">修改 </a>
 
+							<a data-toggle="modal" data-target="#delModal">删除 </a>
 
+						</td>
 
+					</tr>
 
+					<tr>
 
+						<td><a href="#">15.冬雨季及夜间施工增工百分率、临时设施用工指标用工指标填写在02表</a></td>
 
+						<td>文件管理类</td>
 
+						<td>
 
+							<span>是<b class="projectCon3Num">6</b></span>
 
+							<span>否<b class="projectCon3Num">0</b></span>
 
+							<span><a href="" class="btn btn-default btn_fize">清空</a></span>
 
+						</td>
 
+						<td>
 
+							<a href="admin_index_editNews.html">修改 </a>
 
+							<a data-toggle="modal" data-target="#delModal">删除 </a>
 
+						</td>
 
+					</tr>
 
+					<tr>
 
+						<td><a href="#">16.冬雨季及夜间施工增工百分率、临时设施用工指标用工指标填写在02表</a></td>
 
+						<td>文件管理类</td>
 
+						<td>
 
+							<span>是<b class="projectCon3Num">6</b></span>
 
+							<span>否<b class="projectCon3Num">0</b></span>
 
+							<span><a href="" class="btn btn-default btn_fize">清空</a></span>
 
+						</td>
 
+						<td>
 
+							<a href="admin_index_editNews.html">修改 </a>
 
+							<a data-toggle="modal" data-target="#delModal">删除 </a>
 
+						</td>
 
+					</tr>
 
+					<tr>
 
+						<td><a href="#">17.冬雨季及夜间施工增工百分率、临时设施用工指标用工指标填写在02表</a></td>
 
+						<td>文件管理类</td>
 
+						<td>
 
+							<span>是<b class="projectCon3Num">6</b></span>
 
+							<span>否<b class="projectCon3Num">0</b></span>
 
+							<span><a href="" class="btn btn-default btn_fize">清空</a></span>
 
+						</td>
 
+						<td>
 
+							<a href="admin_index_editNews.html">修改 </a>
 
+							<a data-toggle="modal" data-target="#delModal">删除 </a>
 
+						</td>
 
+					</tr>
 
+					<tr>
 
+						<td><a href="#">18.冬雨季及夜间施工增工百分率、临时设施用工指标用工指标填写在02表</a></td>
 
+						<td>文件管理类</td>
 
+						<td>
 
+							<span>是<b class="projectCon3Num">6</b></span>
 
+							<span>否<b class="projectCon3Num">0</b></span>
 
+							<span><a href="" class="btn btn-default btn_fize">清空</a></span>
 
+						</td>
 
+						<td>
 
+							<a href="admin_index_editNews.html">修改 </a>
 
+							<a data-toggle="modal" data-target="#delModal">删除 </a>
 
+						</td>
 
+					</tr>
 
+				</table>
 
+				<div class="page">
 
+					<nav>
 
+						<ul class="pagination">
 
+							<li><a href="#" aria-label="Previous"><span aria-hidden="ture">&laquo;</span></a></li>
 
+							<li class="active"><a href="#">1<span class="sr-only">(current)</span></a></li>
 
+							<li><a href="#">2</a></li>
 
+							<li><a href="#">3</a></li>
 
+							<li><a href="#">4</a></li>
 
+							<li><a href="#">5</a></li>
 
+							<li><a href="#" aria-label="Next"><span aria-hidden="ture">&raquo;</span></a></li>
 
+						</ul>
 
+					</nav>
 
+				</div>
 
+			</div>
 
+		</div>
 
+	</div>
 
+</div>
 
+
 
+<!-- 删除文章 -->
 
+<div class="modal fade" id="delModal">
 
+  <div class="modal-dialog">
 
+    <div class="modal-content">
 
+      <div class="modal-header">
 
+        <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
 
+        <h4 class="modal-title">删除文章</h4>
 
+      </div>
 
+      <div class="modal-body">
 
+        <p>确认要删除该文章吗？</p>
 
+      </div>
 
+      <div class="modal-footer">
 
+        <button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
 
+        <button type="button" class="btn btn-danger">确定</button>
 
+      </div>
 
+    </div>
 
+  </div>
 
+</div>
 
+
 
+</body>
 
+</html>

+ 233 - 0
admin_index_addNews.html
Xem Tập Tin 

@@ -0,0 +1,233 @@
 
+<!DOCTYPE html>
 
+<html lang=zh-cn> 
+<head>
 
+  <meta charset=utf-8>
 
+  <title>help</title> 
+  <meta name=description content=帮助中心后台>  
+  <meta name=copyright content=smartcost.com.cn> 
+  <link rel=stylesheet href=css/bootstrap.css>
 
+  <link rel=stylesheet href=css/admin-global.css>
 
+  <script src=js/jquery-1.9.1.min.js></script> 
+  <script src=js/bootstrap.js></script>
 
+  <script src=js/global.js></script>
 
+</head>
 
+
 
+<body>
 
+<div class="topContent nav navbar-fixed-top">
 
+	欢迎进入帮助中心后台！
 
+</div>
 
+<div class="wrapContent">
 
+	<div class="mainSidebar">
 
+		<div class="mianAdmini">
 
+			<h2 data-toggle="tooltip" data-placement="right" title="退出">
 
+				<a href="#"><span class="glyphicon glyphicon-log-out" aria-hidden="true"></span></a>
 
+			</h2>
 
+		</div>
 
+		<div class="mainNav">
 
+			<ul>
 
+				<li class="active" data-toggle="tooltip" data-placement="right" title="文章">
 
+					<a href="admin_index.html"><span class="glyphicon glyphicon-file" aria-hidden="true"></span>文章</a>
 
+				</li>
 
+				<li data-toggle="tooltip" data-placement="right" title="类别">
 
+					<a href="admin_index_class.html"><span class="glyphicon glyphicon-list-alt" aria-hidden="true"></span>类别</a>
 
+				</li>
 
+				<li data-toggle="tooltip" data-placement="right" title="推荐">
 
+					<a href="admin_index_recom.html"><span class="glyphicon glyphicon-thumbs-up" aria-hidden="true"></span>推荐</a>
 
+				</li>
 
+			</ul>
 
+		</div>
 
+	</div>
 
+	<div class="mainContainer container">
 
+		<div class="mainContent">
 
+			<div class="page-header page-Header clearfix">
 
+				<!-- <div class="fR">
 
+					<a class="btn btn-primary" href="#" title="添加文章">添加文章</a>
 
+				</div> -->
 
+				<h3>文章列表中心</h3>
 
+			</div>
 
+			<div class="operate clearfix">
 
+				<div class="choice clearfix">
 
+					<ul>
 
+						<li>请选择类别：</li>
 
+						<li>
 
+							<select class="form-control select_wrap">
 
+								<option>产品类别</option>
 
+								<option>公路(养护、广东)造价软件</option>
 
+								<option>计量支付结算决算软件</option>
 
+								<option>算量软件</option>
 
+								<option>材料调差软件</option>
 
+							</select>
 
+						</li>
 
+						<li>
 
+							<select class="form-control select_wrap">
 
+								<option>一级类别</option>
 
+								<option>费率类</option>
 
+								<option>造价书类</option>
 
+								<option>工料机类</option>
 
+								<option>定额类</option>
 
+								<option>文件管理类</option>
 
+								<option>调价分摊类</option>
 
+								<option>报表类</option>
 
+								<option>其他类</option>
 
+							</select>
 
+						</li>
 
+						<li>
 
+							<select class="form-control select_wrap">
 
+								<option>二级类别</option>
 
+								<option>公路(养护、广东)造价软件</option>
 
+								<option>计量支付结算决算软件</option>
 
+								<option>算量软件</option>
 
+								<option>材料调差软件</option>
 
+							</select>
 
+						</li>
 
+					</ul>
 
+				</div>
 
+			</div>
 
+			<div class="project projectBox">
 
+				<div calss="projectAdd">
 
+					<form action="" class="form-horizontal">
 
+						<div class="form-group">
 
+							<label for="inputTitle" class="col-sm-2 control-label control-labelAdd">增加分类：</label>
 
+							<div class="col-sm-10">
 
+								<a class="btn btn-default fR" data-toggle="modal" data-target="#AddclassModal">增加分类</a>
 
+								<div class="Addclass clearfix">
 
+									<ul>
 
+										<li>公路(养护、广东)造价软件 / 费率类</li>
 
+										<li>
 
+											<a href="#" data-toggle="modal" data-target="#delclassModal">删除</a>
 
+										</li>
 
+									</ul>
 
+								</div>
 
+								<div class="Addclass clearfix">
 
+									<ul>
 
+										<li>计量支付结算决算软件 / 工料机类</li>
 
+										<li>
 
+											<a href="#" data-toggle="modal" data-target="#delclassModal">删除</a>
 
+										</li>
 
+									</ul>
 
+								</div>
 
+							</div>
 
+						</div>
 
+						<div class="form-group">
 
+							<label for="inputTitle" class="col-sm-2 control-label control-labelAdd">首页推荐：</label>
 
+							<div class="col-sm-10">
 
+								<div class="checkbox">
 
+									<label>
 
+										<input type="checkbox" value="">推荐
 
+									</label>
 
+								</div>
 
+							</div>
 
+						</div>
 
+						<div class="form-group">
 
+							<label for="inputTitle" class="col-sm-2 control-label control-labelAdd">侧栏结构：</label>
 
+							<div class="col-sm-10">
 
+								<select class="form-control select_wrap">
 
+									<option>左右</option>
 
+									<option>上下</option>
 
+							</select>
 
+							</div>
 
+						</div>
 
+						<div class="form-group">
 
+							<label for="inputTitle" class="col-sm-2 control-label control-labelAdd">标题：</label>
 
+							<div class="col-sm-10">
 
+								<input type="Title" class="form-control" id="inputTitle" placeholder="请输入标题">
 
+							</div>
 
+						</div>
 
+						<div class="form-group">
 
+							<label for="inputContent" class="col-sm-2 control-label control-labelAdd">内容：</label>
 
+							<div class="col-sm-10">
 
+								<textarea type="Title" class="form-control" id="inputContent" placeholder="请输入文章内容" rows="15"></textarea>
 
+							</div>
 
+						</div>
 
+						<div class="form-group">
 
+							<label for="inputContent" class="col-sm-2 control-label control-labelAdd"></label>
 
+							<div class="col-sm-10">
 
+								<a class="btn btn-default" href="admin_index.html" title="返回">返回</a>
 
+								<a class="btn btn-primary" href="#" title="发布文章">发布</a>
 
+							</div>
 
+						</div>
 
+					</form>
 
+				</div>
 
+			</div>
 
+		</div>
 
+	</div>
 
+</div>
 
+
 
+
 
+<!-- 增加分类 -->
 
+<div class="modal fade" id="AddclassModal">
 
+  <div class="modal-dialog">
 
+    <div class="modal-content">
 
+      <div class="modal-header">
 
+        <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
 
+        <h4 class="modal-title">增加分类</h4>
 
+      </div>
 
+      <div class="modal-body">
 
+      	<div class="addModal_body">
 
+      		<form class="form-horizontal">
 
+      			<div class="Addchoice clearfix">
 
+					<ul>
 
+						<li>请选择类别：</li>
 
+						<li>
 
+							<select class="form-control">
 
+								<option>公路(养护、广东)造价软件</option>
 
+								<option>计量支付结算决算软件</option>
 
+								<option>算量软件</option>
 
+								<option>材料调差软件</option>
 
+							</select>
 
+						</li>
 
+						<li>
 
+							<select class="form-control">
 
+								<option>费率类</option>
 
+								<option>造价书类</option>
 
+								<option>工料机类</option>
 
+								<option>定额类</option>
 
+								<option>文件管理类</option>
 
+								<option>调价分摊类</option>
 
+								<option>报表类</option>
 
+								<option>其他类</option>
 
+							</select>
 
+						</li>
 
+						<li>
 
+							<select class="form-control">
 
+								<option>公路(养护、广东)造价软件</option>
 
+								<option>计量支付结算决算软件</option>
 
+								<option>算量软件</option>
 
+								<option>材料调差软件</option>
 
+							</select>
 
+						</li>
 
+					</ul>
 
+				</div>
 
+      		</form>
 
+      	</div>
 
+      </div>
 
+      <div class="modal-footer">
 
+        <button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
 
+        <button type="button" class="btn btn-primary">确定</button>
 
+      </div>
 
+    </div>
 
+  </div>
 
+</div>
 
+
 
+
 
+<!-- 删除分类 -->
 
+<div class="modal fade" id="delclassModal">
 
+  <div class="modal-dialog">
 
+    <div class="modal-content">
 
+      <div class="modal-header">
 
+        <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
 
+        <h4 class="modal-title">删除分类</h4>
 
+      </div>
 
+      <div class="modal-body">
 
+        <p>确认要删除该分类吗？</p>
 
+      </div>
 
+      <div class="modal-footer">
 
+        <button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
 
+        <button type="button" class="btn btn-danger">确定</button>
 
+      </div>
 
+    </div>
 
+  </div>
 
+</div>
 
+
 
+</body>
 
+</html>

+ 209 - 0
admin_index_class.html
Xem Tập Tin 

@@ -0,0 +1,209 @@
 
+<!DOCTYPE html>
 
+<html lang=zh-cn> 
+<head>
 
+  <meta charset=utf-8>
 
+  <title>help</title> 
+  <meta name=description content=帮助中心后台>  
+  <meta name=copyright content=smartcost.com.cn> 
+  <link rel=stylesheet href=css/bootstrap.css>
 
+  <link rel=stylesheet href=css/admin-global.css>
 
+  <script src=js/jquery-1.9.1.min.js></script> 
+  <script src=js/bootstrap.js></script>
 
+  <script src=js/global.js></script>
 
+</head>
 
+
 
+<body>
 
+<div class="topContent nav navbar-fixed-top">
 
+	欢迎进入帮助中心后台！
 
+</div>
 
+<div class="wrapContent">
 
+	<div class="mainSidebar">
 
+		<div class="mianAdmini">
 
+			<h2 data-toggle="tooltip" data-placement="right" title="退出">
 
+				<a href="#"><span class="glyphicon glyphicon-log-out" aria-hidden="true"></span></a>
 
+			</h2>
 
+		</div>
 
+		<div class="mainNav">
 
+			<ul>
 
+				<li data-toggle="tooltip" data-placement="right" title="文章">
 
+					<a href="admin_index.html"><span class="glyphicon glyphicon-file" aria-hidden="true"></span>文章</a>
 
+				</li>
 
+				<li class="active" data-toggle="tooltip" data-placement="right" title="类别">
 
+					<a href="admin_index_class.html"><span class="glyphicon glyphicon-list-alt" aria-hidden="true"></span>类别</a>
 
+				</li>
 
+				<li data-toggle="tooltip" data-placement="right" title="推荐">
 
+					<a href="admin_index_recom.html"><span class="glyphicon glyphicon-thumbs-up" aria-hidden="true"></span>推荐</a>
 
+				</li>
 
+			</ul>
 
+		</div>
 
+	</div>
 
+	<div class="mainContainer container">
 
+		<div class="mainContent">
 
+			<div class="page-header page-Header clearfix">
 
+				<div class="fR">
 
+					<a class="btn btn-primary" href="#" data-toggle="modal" data-target="#addModal" title="添加类别">添加类别</a>
 
+				</div>
 
+				<h3>文章类别</h3>
 
+			</div>
 
+			<div class="classContainer">
 
+				<ul>
 
+					<li style="margin-top:0;">
 
+						<div class="classContent">
 
+							<div class="classContentImg"><img src="images/wenkuPNG.png"></div>
 
+							<div class="classContentBox">
 
+								<div class="classContent1"><span class="badge classNum">1</span><a href="admin_index_classFirst.html">纵横文库（点我）</a><div class="classTime fR">2015.10.15</div></div>
 
+								<div class="classContent2"><a data-toggle="modal" data-target="#editModal">修改</a><a data-toggle="modal" data-target="#delModal">删除</a></div>
 
+							</div>
 
+						</div>
 
+					</li>
 
+					<li>
 
+						<div class="classContent">
 
+							<div class="classContentImg"><span><img src="images/gonglu.png"></span></div>
 
+							<div class="classContentBox">
 
+								<div class="classContent1"><span class="badge classNum">2</span><a href="admin_index_classFirst.html">公路造价</a><div class="classTime fR">2015.10.15</div></div>
 
+								<div class="classContent2"><a data-toggle="modal" data-target="#editModal">修改</a><a data-toggle="modal" data-target="#delModal">删除</a></div>
 
+							</div>
 
+						</div>
 
+					</li>
 
+					<li>
 
+						<div class="classContent">
 
+							<div class="classContentImg"><img src="images/jiliang.png"></div>
 
+							<div class="classContentBox">
 
+								<div class="classContent1"><span class="badge classNum">3</span><a href="admin_index_classFirst.html">计量支付</a><div class="classTime fR">2015.10.15</div></div>
 
+								<div class="classContent2"><a data-toggle="modal" data-target="#editModal">修改</a><a data-toggle="modal" data-target="#delModal">删除</a></div>
 
+							</div>
 
+						</div>
 
+					</li>
 
+					<li>
 
+						<div class="classContent">
 
+							<div class="classContentImg"><img src="images/suanliang.png"></div>
 
+							<div class="classContentBox">
 
+								<div class="classContent1"><span class="badge classNum">4</span><a href="admin_index_classFirst.html">结算决算</a><div class="classTime fR">2015.10.15</div></div>
 
+								<div class="classContent2"><a data-toggle="modal" data-target="#editModal">修改</a><a data-toggle="modal" data-target="#delModal">删除</a></div>
 
+							</div>
 
+						</div>
 
+					</li>
 
+					<li>
 
+						<div class="classContent">
 
+							<div class="classContentImg"><img src="images/tiaocha.png"></div>
 
+							<div class="classContentBox">
 
+								<div class="classContent1"><span class="badge classNum">5</span><a href="admin_index_classFirst.html">材料调差</a><div class="classTime fR">2015.10.15</div></div>
 
+								<div class="classContent2"><a data-toggle="modal" data-target="#editModal">修改</a><a data-toggle="modal" data-target="#delModal">删除</a></div>
 
+							</div>
 
+						</div>
 
+					</li>
 
+					<li>
 
+						<div class="classContent">
 
+							<div class="classContentImg"><img src="images/yanghu.png"></div>
 
+							<div class="classContentBox">
 
+								<div class="classContent1"><span class="badge classNum">6</span><a href="admin_index_classFirst.html">养护造价</a><div class="classTime fR">2015.10.15</div></div>
 
+								<div class="classContent2"><a data-toggle="modal" data-target="#editModal">修改</a><a data-toggle="modal" data-target="#delModal">删除</a></div>
 
+							</div>
 
+						</div>
 
+					</li>
 
+				</ul>
 
+				<div class="page">
 
+					<nav>
 
+						<ul class="pagination">
 
+							<li><a href="#" aria-label="Previous"><span aria-hidden="ture">&laquo;</span></a></li>
 
+							<li class="active"><a href="#">1<span class="sr-only">(current)</span></a></li>
 
+							<li><a href="#">2</a></li>
 
+							<li><a href="#">3</a></li>
 
+							<li><a href="#">4</a></li>
 
+							<li><a href="#">5</a></li>
 
+							<li><a href="#" aria-label="Next"><span aria-hidden="ture">&raquo;</span></a></li>
 
+						</ul>
 
+					</nav>
 
+				</div>
 
+			</div>
 
+		</div>
 
+	</div>
 
+</div>
 
+
 
+<!-- 添加类别 -->
 
+<div class="modal fade" id="addModal">
 
+  <div class="modal-dialog">
 
+    <div class="modal-content">
 
+      <div class="modal-header">
 
+        <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
 
+        <h4 class="modal-title">添加类别</h4>
 
+      </div>
 
+      <div class="modal-body">
 
+      	<div class="addModal_body">
 
+      		<form class="form-horizontal">
 
+      			<div class="form-group">
 
+      				<label class="col-sm-1 control-label control-labelone" for="className">名称：</label>
 
+      				<input type="text" class="form-control" id="className" placeholder="请填写类别名称">
 
+      			</div>
 
+      			<div class="form-group">
 
+      				<label class="col-sm-1 control-label control-labelone" for="exampleInputFile">图片：</label>
 
+      				<input type="file" id="exampleInputFile">
 
+      			</div>
 
+      		</form>
 
+      	</div>
 
+      </div>
 
+      <div class="modal-footer">
 
+        <button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
 
+        <button type="button" class="btn btn-primary">确定</button>
 
+      </div>
 
+    </div>
 
+  </div>
 
+</div>
 
+
 
+
 
+<!-- 修改类别 -->
 
+<div class="modal fade" id="editModal">
 
+  <div class="modal-dialog">
 
+    <div class="modal-content">
 
+      <div class="modal-header">
 
+        <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
 
+        <h4 class="modal-title">修改类别</h4>
 
+      </div>
 
+      <div class="modal-body">
 
+      	<div class="addModal_body">
 
+      		<form class="form-horizontal">
 
+      			<div class="form-groupCon">
 
+	      			<div class="form-group">
 
+	      				<label class="col-sm-1 control-label control-labelone" for="className">名称：</label>
 
+      					<input type="text" class="form-control" id="className" value="纵横文库">
 
+	      			</div>
 
+      			</div>
 
+      			<div class="form-groupCon">
 
+      				<div class="form-group">
 
+	      				<label class="col-sm-1 control-label control-labelone" for="exampleInputFile">图片：</label>
 
+	      				<input type="file" id="exampleInputFile">
 
+	      			</div>
 
+      			</div>
 
+      		</form>
 
+      	</div>
 
+      </div>
 
+      <div class="modal-footer">
 
+        <button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
 
+        <button type="button" class="btn btn-primary">确定</button>
 
+      </div>
 
+    </div>
 
+  </div>
 
+</div>
 
+
 
+
 
+<!-- 删除类别 -->
 
+<div class="modal fade" id="delModal">
 
+  <div class="modal-dialog">
 
+    <div class="modal-content">
 
+      <div class="modal-header">
 
+        <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
 
+        <h4 class="modal-title">删除类别</h4>
 
+      </div>
 
+      <div class="modal-body">
 
+        <p>确认要删除该类别吗？</p>
 
+      </div>
 
+      <div class="modal-footer">
 
+        <button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
 
+        <button type="button" class="btn btn-danger">确定</button>
 
+      </div>
 
+    </div>
 
+  </div>
 
+</div>
 
+
 
+</body>
 
+</html>

+ 266 - 0
admin_index_classFirst.html
Xem Tập Tin 

@@ -0,0 +1,266 @@
 
+<!DOCTYPE html>
 
+<html lang=zh-cn> 
+<head>
 
+  <meta charset=utf-8>
 
+  <title>help</title> 
+  <meta name=description content=帮助中心后台>  
+  <meta name=copyright content=smartcost.com.cn> 
+  <link rel=stylesheet href=css/bootstrap.css>
 
+  <link rel=stylesheet href=css/admin-global.css>
 
+  <script src=js/jquery-1.9.1.min.js></script> 
+  <script src=js/bootstrap.js></script>
 
+  <script src=js/global.js></script>
 
+  <script src=js/global.js></script>
 
+</head>
 
+
 
+<body>
 
+<div class="topContent nav navbar-fixed-top">
 
+	欢迎进入帮助中心后台！
 
+</div>
 
+<div class="wrapContent">
 
+	<div class="mainSidebar">
 
+		<div class="mianAdmini">
 
+			<h2 data-toggle="tooltip" data-placement="right" title="退出">
 
+				<a href="#"><span class="glyphicon glyphicon-log-out" aria-hidden="true"></span></a>
 
+			</h2>
 
+		</div>
 
+		<div class="mainNav">
 
+			<ul>
 
+				<li data-toggle="tooltip" data-placement="right" title="文章">
 
+					<a href="admin_index.html"><span class="glyphicon glyphicon-file" aria-hidden="true"></span>文章</a>
 
+				</li>
 
+				<li class="active" data-toggle="tooltip" data-placement="right" title="类别">
 
+					<a href="admin_index_class.html"><span class="glyphicon glyphicon-list-alt" aria-hidden="true"></span>类别</a>
 
+				</li>
 
+				<li data-toggle="tooltip" data-placement="right" title="推荐">
 
+					<a href="admin_index_recom.html"><span class="glyphicon glyphicon-thumbs-up" aria-hidden="true"></span>推荐</a>
 
+				</li>
 
+			</ul>
 
+		</div>
 
+	</div>
 
+	<div class="mainContainer container">
 
+		<div class="mainContent">
 
+			<div class="page-header page-Header clearfix">
 
+				<div class="fR">
 
+					<a class="btn btn-primary" href="#" data-toggle="modal" data-target="#addModal" title="添加类别">添加类别</a>
 
+				</div>
 
+				<h3><a href="admin_index_class.html"><span class="glyphicon glyphicon-chevron-left"></span></a>公路(养护、广东)造价软件</h3>
 
+			</div>
 
+			<div class="classContainer">
 
+				<dl>
 
+					<dt class="classListTitle">
 
+						<div class="classListWork">操作</div>
 
+						<div class="classListNum">排序</div>
 
+						<div class="classListName">名称</div>
 
+					</dt>
 
+					<dd class="classList">
 
+						<div class="classListFirst clearfix">
 
+							<div class="classListWork">
 
+								<a data-toggle="modal" data-target="#addModal">添加子类</a>
 
+								<a data-toggle="modal" data-target="#editModal">修改</a>
 
+								<a data-toggle="modal" data-target="#delModal">删除</a>
 
+							</div>
 
+							<div class="classListNum"><span class="badge classNum">1</span></div>
 
+							<div class="classListName">
 
+								文件管理类
 
+							</div>
 
+							<div class="classListTwo clearfix">
 
+								<ul>
 
+									<li>
 
+										<div class="classListWork">
 
+											<a data-toggle="modal" data-target="#addModal">添加子类</a>
 
+											<a data-toggle="modal" data-target="#editModal">修改</a>
 
+											<a data-toggle="modal" data-target="#delModal">删除</a>
 
+										</div>
 
+										<div class="classListNum"><span class="badge classNum">1</span></div>
 
+										<div class="classListName">
 
+											文件管理类
 
+										</div>
 
+									</li>
 
+									<li>
 
+										<div class="classListWork">
 
+											<a data-toggle="modal" data-target="#addModal">添加子类</a>
 
+											<a data-toggle="modal" data-target="#editModal">修改</a>
 
+											<a data-toggle="modal" data-target="#delModal">删除</a>
 
+										</div>
 
+										<div class="classListNum"><span class="badge classNum">2</span></div>
 
+										<div class="classListName">
 
+											文件管理类
 
+										</div>
 
+										<div class="classListThree clearfix">
 
+											<ul>
 
+												<li>
 
+													<div class="classListWork">
 
+														<a data-toggle="modal" data-target="#addModal">添加子类</a>
 
+														<a data-toggle="modal" data-target="#editModal">修改</a>
 
+														<a data-toggle="modal" data-target="#delModal">删除</a>
 
+													</div>
 
+													<div class="classListNum"><span class="badge classNum">1</span></div>
 
+													<div class="classListName">
 
+														文件管理类
 
+													</div>
 
+												</li>
 
+											</ul>
 
+										</div>
 
+									</li>
 
+								</ul>
 
+							</div>
 
+						</div>	
+					</dd>
 
+					<dd class="classList">
 
+						<div class="classListFirst clearfix">
 
+							<div class="classListWork">
 
+								<a data-toggle="modal" data-target="#addModal">添加子类</a>
 
+								<a data-toggle="modal" data-target="#editModal">修改</a>
 
+								<a data-toggle="modal" data-target="#delModal">删除</a>
 
+							</div>
 
+							<div class="classListNum"><span class="badge classNum">2</span></div>
 
+							<div class="classListName">
 
+								造价书类
 
+							</div>
 
+						</div>
 
+					</dd>
 
+					<dd class="classList">
 
+						<div class="classListFirst clearfix">
 
+							<div class="classListWork">
 
+								<a data-toggle="modal" data-target="#addModal">添加子类</a>
 
+								<a data-toggle="modal" data-target="#editModal">修改</a>
 
+								<a data-toggle="modal" data-target="#delModal">删除</a>
 
+							</div>
 
+							<div class="classListNum"><span class="badge classNum">3</span></div>
 
+							<div class="classListName">
 
+								定额类
 
+							</div>
 
+							<div class="classListTwo clearfix">
 
+								<ul>
 
+									<li>
 
+										<div class="classListWork">
 
+											<a data-toggle="modal" data-target="#addModal">添加子类</a>
 
+											<a data-toggle="modal" data-target="#editModal">修改</a>
 
+											<a data-toggle="modal" data-target="#delModal">删除</a>
 
+										</div>
 
+										<div class="classListNum"><span class="badge classNum">1</span></div>
 
+										<div class="classListName">
 
+											文件管理类
 
+										</div>
 
+									</li>
 
+								</ul>
 
+							</div>
 
+						</div>
 
+					</dd>
 
+				</dl>
 
+				<div class="page">
 
+					<nav>
 
+						<ul class="pagination">
 
+							<li><a href="#" aria-label="Previous"><span aria-hidden="ture">&laquo;</span></a></li>
 
+							<li class="active"><a href="#">1<span class="sr-only">(current)</span></a></li>
 
+							<li><a href="#">2</a></li>
 
+							<li><a href="#">3</a></li>
 
+							<li><a href="#">4</a></li>
 
+							<li><a href="#">5</a></li>
 
+							<li><a href="#" aria-label="Next"><span aria-hidden="ture">&raquo;</span></a></li>
 
+						</ul>
 
+					</nav>
 
+				</div>
 
+			</div>
 
+		</div>
 
+	</div>
 
+</div>
 
+
 
+<!-- 添加类别 -->
 
+<div class="modal fade" id="addModal">
 
+  <div class="modal-dialog">
 
+    <div class="modal-content">
 
+      <div class="modal-header">
 
+        <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
 
+        <h4 class="modal-title">添加类别</h4>
 
+      </div>
 
+      <div class="modal-body">
 
+      	<div class="addModal_body">
 
+      		<form class="form-horizontal">
 
+      			<div class="form-group">
 
+      				<label class="col-sm-1 control-label control-labelone" for="className">名称：</label>
 
+      				<input type="text" class="form-control" id="className" placeholder="请填写类别名称">
 
+      			</div>
 
+      			<div class="form-group">
 
+      				<label class="col-sm-1 control-label control-labelone" for="exampleInputFile">图片：</label>
 
+      				<input type="file" id="exampleInputFile">
 
+      			</div>
 
+      		</form>
 
+      	</div>
 
+      </div>
 
+      <div class="modal-footer">
 
+        <button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
 
+        <button type="button" class="btn btn-primary">确定</button>
 
+      </div>
 
+    </div>
 
+  </div>
 
+</div>
 
+
 
+
 
+<!-- 修改类别 -->
 
+<div class="modal fade" id="editModal">
 
+  <div class="modal-dialog">
 
+    <div class="modal-content">
 
+      <div class="modal-header">
 
+        <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
 
+        <h4 class="modal-title">修改类别</h4>
 
+      </div>
 
+      <div class="modal-body">
 
+      	<div class="addModal_body">
 
+      		<form class="form-horizontal">
 
+      			<div class="form-groupCon">
 
+	      			<div class="form-group">
 
+	      				<label class="col-sm-1 control-label control-labelone" for="classID">ID：</label>
 
+      					<span class="classID">12</span>
 
+	      			</div>
 
+	      			<div class="form-group">
 
+	      				<label class="col-sm-1 control-label control-labelone" for="className">名称：</label>
 
+      					<input type="text" class="form-control" id="className" value="文件管理类">
 
+	      			</div>
 
+      			</div>
 
+      			<div class="form-groupCon">
 
+	      			<div class="form-group">
 
+	      				<label class="col-sm-1 control-label control-labelone" for="classNumber">序号：</label>
 
+	      				<input type="text" class="form-control" id="classNumber" value="1">
 
+	      			</div>
 
+      			</div>
 
+      			<div class="form-groupCon">
 
+      				<div class="form-group">
 
+	      				<label class="col-sm-1 control-label control-labelone" for="exampleInputFile">图片：</label>
 
+	      				<input type="file" id="exampleInputFile">
 
+	      			</div>
 
+      			</div>
 
+      		</form>
 
+      	</div>
 
+      </div>
 
+      <div class="modal-footer">
 
+        <button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
 
+        <button type="button" class="btn btn-primary">确定</button>
 
+      </div>
 
+    </div>
 
+  </div>
 
+</div>
 
+
 
+
 
+<!-- 删除类别 -->
 
+<div class="modal fade" id="delModal">
 
+  <div class="modal-dialog">
 
+    <div class="modal-content">
 
+      <div class="modal-header">
 
+        <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
 
+        <h4 class="modal-title">删除类别</h4>
 
+      </div>
 
+      <div class="modal-body">
 
+        <p>确认要删除该类别吗？</p>
 
+      </div>
 
+      <div class="modal-footer">
 
+        <button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
 
+        <button type="button" class="btn btn-danger">确定</button>
 
+      </div>
 
+    </div>
 
+  </div>
 
+</div>
 
+
 
+</body>
 
+</html>

+ 242 - 0
admin_index_editNews.html
Xem Tập Tin 

@@ -0,0 +1,242 @@
 
+<!DOCTYPE html>
 
+<html lang=zh-cn> 
+<head>
 
+  <meta charset=utf-8>
 
+  <title>help</title> 
+  <meta name=description content=帮助中心后台>  
+  <meta name=copyright content=smartcost.com.cn> 
+  <link rel=stylesheet href=css/bootstrap.css>
 
+  <link rel=stylesheet href=css/admin-global.css>
 
+  <script src=js/jquery-1.9.1.min.js></script> 
+  <script src=js/bootstrap.js></script>
 
+  <script src=js/global.js></script>
 
+</head>
 
+
 
+<body>
 
+<div class="topContent nav navbar-fixed-top">
 
+	欢迎进入帮助中心后台！
 
+</div>
 
+<div class="wrapContent">
 
+	<div class="mainSidebar">
 
+		<div class="mianAdmini">
 
+			<h2 data-toggle="tooltip" data-placement="right" title="退出">
 
+				<a href="#"><span class="glyphicon glyphicon-log-out" aria-hidden="true"></span></a>
 
+			</h2>
 
+		</div>
 
+		<div class="mainNav">
 
+			<ul>
 
+				<li class="active" data-toggle="tooltip" data-placement="right" title="文章">
 
+					<a href="admin_index.html"><span class="glyphicon glyphicon-file" aria-hidden="true"></span>文章</a>
 
+				</li>
 
+				<li data-toggle="tooltip" data-placement="right" title="类别">
 
+					<a href="admin_index_class.html"><span class="glyphicon glyphicon-list-alt" aria-hidden="true"></span>类别</a>
 
+				</li>
 
+				<li data-toggle="tooltip" data-placement="right" title="推荐">
 
+					<a href="admin_index_recom.html"><span class="glyphicon glyphicon-thumbs-up" aria-hidden="true"></span>推荐</a>
 
+				</li>
 
+			</ul>
 
+		</div>
 
+	</div>
 
+	<div class="mainContainer container">
 
+		<div class="mainContent">
 
+			<div class="page-header page-Header clearfix">
 
+				<!-- <div class="fR">
 
+					<a class="btn btn-primary" href="#" title="添加文章">添加文章</a>
 
+				</div> -->
 
+				<h3>文章列表中心</h3>
 
+			</div>
 
+			<div class="operate clearfix">
 
+				<div class="choice clearfix">
 
+					<ul>
 
+						<li>请选择类别：</li>
 
+						<li>
 
+							<select class="form-control select_wrap">
 
+								<option>产品类别</option>
 
+								<option>公路(养护、广东)造价软件</option>
 
+								<option>计量支付结算决算软件</option>
 
+								<option>算量软件</option>
 
+								<option>材料调差软件</option>
 
+							</select>
 
+						</li>
 
+						<li>
 
+							<select class="form-control select_wrap">
 
+								<option>一级类别</option>
 
+								<option>费率类</option>
 
+								<option>造价书类</option>
 
+								<option>工料机类</option>
 
+								<option>定额类</option>
 
+								<option>文件管理类</option>
 
+								<option>调价分摊类</option>
 
+								<option>报表类</option>
 
+								<option>其他类</option>
 
+							</select>
 
+						</li>
 
+						<li>
 
+							<select class="form-control select_wrap">
 
+								<option>二级类别</option>
 
+								<option>公路(养护、广东)造价软件</option>
 
+								<option>计量支付结算决算软件</option>
 
+								<option>算量软件</option>
 
+								<option>材料调差软件</option>
 
+							</select>
 
+						</li>
 
+					</ul>
 
+				</div>
 
+			</div>
 
+			<div class="project projectBox">
 
+				<div calss="projectAdd">
 
+					<form action="" class="form-horizontal">
 
+						<div class="form-group">
 
+							<label for="inputTitle" class="col-sm-2 control-label control-labelAdd">增加分类：</label>
 
+							<div class="col-sm-10">
 
+								<a class="btn btn-default fR" data-toggle="modal" data-target="#AddclassModal">增加分类</a>
 
+								<div class="Addclass clearfix">
 
+									<ul>
 
+										<li>公路(养护、广东)造价软件 / 费率类</li>
 
+										<li>
 
+											<a href="#" data-toggle="modal" data-target="#delclassModal">删除</a>
 
+										</li>
 
+									</ul>
 
+								</div>
 
+								<div class="Addclass clearfix">
 
+									<ul>
 
+										<li>计量支付结算决算软件 / 工料机类</li>
 
+										<li>
 
+											<a href="#" data-toggle="modal" data-target="#delclassModal">删除</a>
 
+										</li>
 
+									</ul>
 
+								</div>
 
+							</div>
 
+						</div>
 
+						<div class="form-group">
 
+							<label for="inputTitle" class="col-sm-2 control-label control-labelAdd">首页推荐：</label>
 
+							<div class="col-sm-10">
 
+								<div class="checkbox">
 
+									<label>
 
+										<input type="checkbox" value="">推荐
 
+									</label>
 
+								</div>
 
+							</div>
 
+						</div>
 
+						<div class="form-group">
 
+							<label for="inputTitle" class="col-sm-2 control-label control-labelAdd">侧栏结构：</label>
 
+							<div class="col-sm-10">
 
+								<select class="form-control select_wrap">
 
+									<option>左右</option>
 
+									<option>上下</option>
 
+								</select>
 
+							</div>
 
+						</div>
 
+						<div class="form-group">
 
+							<label for="inputTitle" class="col-sm-2 control-label control-labelAdd">排序：</label>
 
+							<div class="col-sm-10">
 
+								<input type="Title" class="form-control select_wrap" id="inputTitle" placeholder="请输入序号">
 
+							</div>
 
+						</div>
 
+						<div class="form-group">
 
+							<label for="inputTitle" class="col-sm-2 control-label control-labelAdd">标题：</label>
 
+							<div class="col-sm-10">
 
+								<input type="Title" class="form-control" id="inputTitle" placeholder="请输入标题" value="冬雨季及夜间施工增工百分率、临时设施用工指标用工指标填写在02表，是否体现在01、03表内？">
 
+							</div>
 
+						</div>
 
+						<div class="form-group">
 
+							<label for="inputContent" class="col-sm-2 control-label control-labelAdd">内容：</label>
 
+							<div class="col-sm-10">
 
+								<textarea type="Title" class="form-control" id="inputContent" placeholder="请输入文章内容" rows="15" value="">答：使用导出建设项目功能，操作如下：
 
+选中要导出的“建设项目”，点击鼠标右键“导出建设项目”，导出建设项目sbp格式的文件。将此文件复制到其他电脑上，在其他电脑的软件中，点击“文件”菜单-导入-导入建设项目即可。
 
+（如是批量导出，可点击文件-导出-成批导出建设项目，勾选项目批量导出即可）</textarea>
 
+							</div>
 
+						</div>
 
+						<div class="form-group">
 
+							<label for="inputContent" class="col-sm-2 control-label control-labelAdd"></label>
 
+							<div class="col-sm-10">
 
+								<a class="btn btn-default" href="admin_index.html" title="返回">返回</a>
 
+								<a class="btn btn-primary" href="#" title="修改">修改</a>
 
+							</div>
 
+						</div>
 
+					</form>
 
+				</div>
 
+			</div>
 
+		</div>
 
+	</div>
 
+</div>
 
+
 
+
 
+
 
+<!-- 增加分类 -->
 
+<div class="modal fade" id="AddclassModal">
 
+  <div class="modal-dialog">
 
+    <div class="modal-content">
 
+      <div class="modal-header">
 
+        <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
 
+        <h4 class="modal-title">增加分类</h4>
 
+      </div>
 
+      <div class="modal-body">
 
+      	<div class="addModal_body">
 
+      		<form class="form-horizontal">
 
+      			<div class="Addchoice clearfix">
 
+					<ul>
 
+						<li>请选择类别：</li>
 
+						<li>
 
+							<select class="form-control">
 
+								<option>公路(养护、广东)造价软件</option>
 
+								<option>计量支付结算决算软件</option>
 
+								<option>算量软件</option>
 
+								<option>材料调差软件</option>
 
+							</select>
 
+						</li>
 
+						<li>
 
+							<select class="form-control">
 
+								<option>费率类</option>
 
+								<option>造价书类</option>
 
+								<option>工料机类</option>
 
+								<option>定额类</option>
 
+								<option>文件管理类</option>
 
+								<option>调价分摊类</option>
 
+								<option>报表类</option>
 
+								<option>其他类</option>
 
+							</select>
 
+						</li>
 
+						<li>
 
+							<select class="form-control">
 
+								<option>公路(养护、广东)造价软件</option>
 
+								<option>计量支付结算决算软件</option>
 
+								<option>算量软件</option>
 
+								<option>材料调差软件</option>
 
+							</select>
 
+						</li>
 
+					</ul>
 
+				</div>
 
+      		</form>
 
+      	</div>
 
+      </div>
 
+      <div class="modal-footer">
 
+        <button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
 
+        <button type="button" class="btn btn-primary">确定</button>
 
+      </div>
 
+    </div>
 
+  </div>
 
+</div>
 
+
 
+
 
+<!-- 删除分类 -->
 
+<div class="modal fade" id="delclassModal">
 
+  <div class="modal-dialog">
 
+    <div class="modal-content">
 
+      <div class="modal-header">
 
+        <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
 
+        <h4 class="modal-title">删除分类</h4>
 
+      </div>
 
+      <div class="modal-body">
 
+        <p>确认要删除该分类吗？</p>
 
+      </div>
 
+      <div class="modal-footer">
 
+        <button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
 
+        <button type="button" class="btn btn-danger">确定</button>
 
+      </div>
 
+    </div>
 
+  </div>
 
+</div>
 
+
 
+</body>
 
+</html>

+ 238 - 0
admin_index_recom.html
Xem Tập Tin 

@@ -0,0 +1,238 @@
 
+<!DOCTYPE html>
 
+<html lang=zh-cn> 
+<head>
 
+  <meta charset=utf-8>
 
+  <title>help</title> 
+  <meta name=description content=帮助中心后台>  
+  <meta name=copyright content=smartcost.com.cn> 
+  <link rel=stylesheet href=css/bootstrap.css>
 
+  <link rel=stylesheet href=css/admin-global.css>
 
+  <script src=js/jquery-1.9.1.min.js></script> 
+  <script src=js/bootstrap.js></script>
 
+  <script src=js/global.js></script>
 
+</head>
 
+
 
+<body>
 
+<div class="topContent nav navbar-fixed-top">
 
+	欢迎进入帮助中心后台！
 
+</div>
 
+<div class="wrapContent">
 
+	<div class="mainSidebar">
 
+		<div class="mianAdmini">
 
+			<h2 data-toggle="tooltip" data-placement="right" title="退出">
 
+				<a href="#"><span class="glyphicon glyphicon-log-out" aria-hidden="true"></span></a>
 
+			</h2>
 
+		</div>
 
+		<div class="mainNav">
 
+			<ul>
 
+				<li data-toggle="tooltip" data-placement="right" title="文章">
 
+					<a href="admin_index.html"><span class="glyphicon glyphicon-file" aria-hidden="true"></span>文章</a>
 
+				</li>
 
+				<li data-toggle="tooltip" data-placement="right" title="类别">
 
+					<a href="admin_index_class.html"><span class="glyphicon glyphicon-list-alt" aria-hidden="true"></span>类别</a>
 
+				</li>
 
+				<li class="active" data-toggle="tooltip" data-placement="right" title="推荐">
 
+					<a href="admin_index_recom.html"><span class="glyphicon glyphicon-thumbs-up" aria-hidden="true"></span>推荐</a>
 
+				</li>
 
+			</ul>
 
+		</div>
 
+	</div>
 
+	<div class="mainContainer container">
 
+		<div class="mainContent">
 
+			<div class="page-header page-Header clearfix">
 
+				<!-- <div class="fR">
 
+					<a class="btn btn-primary" href="#" title="添加文章">添加文章</a>
 
+				</div> -->
 
+				<h3>推荐分类列表</h3>
 
+			</div>
 
+			<div class="operate recom_wrap">
 
+				<table class="table table-bordered table-hover">
 
+					<thead>
 
+						<tr>
 
+							<th width="20%" style="text-align: center;">类别名称</th>
 
+							<th width="20%" style="text-align: center;">推荐第一类别</th>
 
+							<th width="20%" style="text-align: center;">推荐第二类别</th>
 
+							<th width="20%" style="text-align: center;">推荐第三类别</th>
 
+							<th width="20%" style="text-align: center;">操作</th>
 
+						</tr>
 
+					</thead>
 
+					<tr>
 
+						<td>公路造价</td>
 
+						<td><input type="text" class="form-control" placeholder="请出入对应类别号，例：11"></td>
 
+						<td><input type="text" class="form-control" placeholder="请出入对应类别号，例：12"></td>
 
+						<td><input type="text" class="form-control" placeholder="请出入对应类别号，例：16"></td>
 
+						<td>
 
+							<a href="#" class="btn btn-default" title="修改">修改</a>
 
+							<button class="btn btn-primary" type="确定">确定</button>
 
+						</td>
 
+					</tr>
 
+					<tr>
 
+						<td>公路造价</td>
 
+						<td>11</td>
 
+						<td>12</td>
 
+						<td>16</td>
 
+						<td>
 
+							<a href="#" class="btn btn-default" title="修改">修改</a>
 
+							<button class="btn btn-primary" type="确定">确定</button>
 
+						</td>
 
+					</tr>
 
+					<tr>
 
+						<td>公路造价</td>
 
+						<td><input type="text" class="form-control" value="11"></td>
 
+						<td><input type="text" class="form-control" value="12"></td>
 
+						<td><input type="text" class="form-control" value="16"></td>
 
+						<td>
 
+							<a href="#" class="btn btn-default" title="修改">修改</a>
 
+							<button class="btn btn-primary" type="确定">确定</button>
 
+						</td>
 
+					</tr>
 
+					<tr>
 
+						<td>计量支付</td>
 
+						<td>11</td>
 
+						<td>12</td>
 
+						<td>16</td>
 
+						<td>
 
+							<a href="#" class="btn btn-default" title="修改">修改</a>
 
+							<button class="btn btn-primary" type="确定">确定</button>
 
+						</td>
 
+					</tr>
 
+					<tr>
 
+						<td>结算决算</td>
 
+						<td>11</td>
 
+						<td>12</td>
 
+						<td>16</td>
 
+						<td>
 
+							<a href="#" class="btn btn-default" title="修改">修改</a>
 
+							<button class="btn btn-primary" type="确定">确定</button>
 
+						</td>
 
+					</tr>
 
+					<tr>
 
+						<td>材料调差</td>
 
+						<td>11</td>
 
+						<td>12</td>
 
+						<td>16</td>
 
+						<td>
 
+							<a href="#" class="btn btn-default" title="修改">修改</a>
 
+							<button class="btn btn-primary" type="确定">确定</button>
 
+						</td>
 
+					</tr>
 
+					<tr>
 
+						<td>养护造价</td>
 
+						<td>11</td>
 
+						<td>12</td>
 
+						<td>16</td>
 
+						<td>
 
+							<a href="#" class="btn btn-default" title="修改">修改</a>
 
+							<button class="btn btn-primary" type="确定">确定</button>
 
+						</td>
 
+					</tr>
 
+					<tr>
 
+						<td>公路算量</td>
 
+						<td>11</td>
 
+						<td>12</td>
 
+						<td>16</td>
 
+						<td>
 
+							<a href="#" class="btn btn-default" title="修改">修改</a>
 
+							<button class="btn btn-primary" type="确定">确定</button>
 
+						</td>
 
+					</tr>
 
+					<tr>
 
+						<td>标后预算</td>
 
+						<td>11</td>
 
+						<td>12</td>
 
+						<td>16</td>
 
+						<td>
 
+							<a href="#" class="btn btn-default" title="修改">修改</a>
 
+							<button class="btn btn-primary" type="确定">确定</button>
 
+						</td>
 
+					</tr>
 
+					<tr>
 
+						<td>0号台账编制</td>
 
+						<td>11</td>
 
+						<td>12</td>
 
+						<td>16</td>
 
+						<td>
 
+							<a href="#" class="btn btn-default" title="修改">修改</a>
 
+							<button class="btn btn-primary" type="确定">确定</button>
 
+						</td>
 
+					</tr>
 
+					<tr>
 
+						<td>纵横文库</td>
 
+						<td>11</td>
 
+						<td>12</td>
 
+						<td>16</td>
 
+						<td>
 
+							<a href="#" class="btn btn-default" title="修改">修改</a>
 
+							<button class="btn btn-primary" type="确定">确定</button>
 
+						</td>
 
+					</tr>
 
+					<tr>
 
+						<td>纵横问答</td>
 
+						<td>11</td>
 
+						<td>12</td>
 
+						<td>16</td>
 
+						<td>
 
+							<a href="#" class="btn btn-default" title="修改">修改</a>
 
+							<button class="btn btn-primary" type="确定">确定</button>
 
+						</td>
 
+					</tr>
 
+					<tr>
 
+						<td>纵横价格信息</td>
 
+						<td>11</td>
 
+						<td>12</td>
 
+						<td>16</td>
 
+						<td>
 
+							<a href="#" class="btn btn-default" title="修改">修改</a>
 
+							<button class="btn btn-primary" type="确定">确定</button>
 
+						</td>
 
+					</tr>
 
+					<tr>
 
+						<td>造价网络版</td>
 
+						<td>11</td>
 
+						<td>12</td>
 
+						<td>16</td>
 
+						<td>
 
+							<a href="#" class="btn btn-default" title="修改">修改</a>
 
+							<button class="btn btn-primary" type="确定">确定</button>
 
+						</td>
 
+					</tr>
 
+					<tr>
 
+						<td>工程晴雨表</td>
 
+						<td>11</td>
 
+						<td>12</td>
 
+						<td>16</td>
 
+						<td>
 
+							<a href="#" class="btn btn-default" title="修改">修改</a>
 
+							<button class="btn btn-primary" type="确定">确定</button>
 
+						</td>
 
+					</tr>
 
+					<tr>
 
+						<td>通行帐号</td>
 
+						<td>11</td>
 
+						<td>12</td>
 
+						<td>16</td>
 
+						<td>
 
+							<a href="#" class="btn btn-default" title="修改">修改</a>
 
+							<button class="btn btn-primary" type="确定">确定</button>
 
+						</td>
 
+					</tr>
 
+				</table>
 
+				<div class="page">
 
+					<nav>
 
+						<ul class="pagination">
 
+							<li><a href="#" aria-label="Previous"><span aria-hidden="ture">&laquo;</span></a></li>
 
+							<li class="active"><a href="#">1<span class="sr-only">(current)</span></a></li>
 
+							<li><a href="#">2</a></li>
 
+							<li><a href="#">3</a></li>
 
+							<li><a href="#">4</a></li>
 
+							<li><a href="#">5</a></li>
 
+							<li><a href="#" aria-label="Next"><span aria-hidden="ture">&raquo;</span></a></li>
 
+						</ul>
 
+					</nav>
 
+				</div>
 
+			</div>
 
+		</div>
 
+	</div>
 
+</div>
 
+</body>
 
+</html>

+ 371 - 0
css/admin-global.css
Xem Tập Tin 

@@ -0,0 +1,371 @@
 
+body{ margin:0; padding:0;font-family: "微软雅黑" arial, sans-serif; font-size:12px; color:#333;background:#EDEEF3;}
 
+div,form,img,ul,ol,li,dl,dt,p,dd,input,span,textarea,i{margin:0; padding:0; border:none; outline:none; font-style:normal;}
 
+li{list-style-type:none;}
 
+img{vertical-align:top;}
 
+h1,h2,h3,h4,h5,h6 { margin:0; padding:0; font-weight:normal;}
 
+
 
+/* Link */
 
+a:link { text-decoration:none;}
 
+a:visited {text-decoration:none;}
 
+a:hover { color:#E87A53;}
 
+a:active {color: #333;}
 
+/* Link end */
 
+
 
+.w5px{ width:100%; height:5px; clear:both; font-size:0px;}
 
+.w11px{ width:100%; height:11px; clear:both; font-size:0px;}
 
+.w10px{ width:100%; height:10px; clear:both; font-size:0px;}
 
+.w15px{ width:100%; height:15px; clear:both; font-size:0px;}
 
+.w20px{ width:100%; height:20px; clear:both; font-size:0px;}
 
+
 
+.marl15px{ margin-left:15px; display:inline;}
 
+.marr10px{ margin-right:10px;}
 
+.bggray{ background-color:#f5f5f5;}
 
+/*---------top css start-------------*/
 
+.top{ width:100%;}
 
+.wrap{ width:100%;}
 
+.main{ width:980px; margin:0 auto;}
 
+.bottom{ width:100%;}
 
+.fL {float:left}
 
+.fR {float:right}
 
+
 
+.clearfix:after {
 
+  content:".";
 
+  display:block;
 
+  height:0;
 
+  clear:both;
 
+  visibility:hidden
 
+}
 
+.clearfix {
 
+  display:inline-block;
 
+  overflow:hidden
 
+}
 
+.clearfix {
 
+  display:block
 
+}
 
+.clearfix {
 
+  *zoom: 1;
 
+}
 
+.clearfix:before,
 
+.clearfix:after {
 
+  display: table;
 
+  content: "";
 
+  line-height: 0;
 
+}
 
+.clearfix:after {
 
+  clear: both;
 
+}
 
+/*-------------------start---------------------*/
 
+.wrapContent{
 
+  margin:45px 0 0 0;
 
+  
+}
 
+.topContent{
 
+  background:#2e363e;
 
+  font-size: 14px;
 
+  height:45px;
 
+  line-height: 45px;
 
+  color:#fff;
 
+  padding:0 0 0 15px;
 
+  border-bottom: 1px solid #0b0e11;
 
+}
 
+.mainSidebar{
 
+  width:70px;
 
+  text-align: center;
 
+  background: #232A32;
 
+  height: 100%;
 
+  position: fixed;
 
+}
 
+.mianAdmini h2{
 
+  margin:0 auto;
 
+  background:#232A32;
 
+  color:#fff;
 
+  border-top: 1px solid #2e363e;
 
+  border-bottom: 1px solid #0b0e11;
 
+  cursor:pointer;
 
+}
 
+.mianAdmini h2 a{
 
+  display:block;
 
+  height:68px;
 
+}
 
+.mianAdmini h2:hover{
 
+  background:#384048;
 
+  border-left: 2px solid #337ab7;
 
+}
 
+.mianAdmini span{
 
+  margin:15px 0 0 0;
 
+  width:70px;
 
+  font-size: 30px;
 
+  color:#fff;
 
+}
 
+.mainNav li{
 
+  font-size: 14px;
 
+  border-top: 1px solid #2e363e;
 
+  border-bottom: 1px solid #0b0e11;
 
+}
 
+.mainNav li.active{
 
+  border-left: 2px solid #337ab7;
 
+}
 
+.mainNav li:hover{
 
+  background:#384048;
 
+  border-left: 2px solid #337ab7;
 
+  cursor:pointer;
 
+}
 
+.mainNav li a{
 
+  display:block;
 
+  height:68px;
 
+}
 
+.mainNav li a:hover{
 
+  color:#337ab7;
 
+}
 
+.mainNav li span{
 
+  margin:12px 0 0 0;
 
+  font-size: 25px;
 
+  width:70px;
 
+  color:#f1f1f1;
 
+}
 
+.mainContainer{
 
+  margin:0 0 0 70px;
 
+  padding:0 0 30px 0;
 
+  overflow:auto;
 
+}
 
+.mainContent{
 
+  padding:0 20px 0;
 
+}
 
+.page-Header{
 
+  margin:15px 0 0 0;
 
+}
 
+.page-Header h3{
 
+  margin:2px 0 0 0;
 
+}
 
+.operate{
 
+  margin:10px 0 0 0;
 
+  padding:15px;
 
+  background:#fff;
 
+}
 
+.sort{
 
+  width:80px;
 
+}
 
+.choice li{
 
+  float:left;
 
+  height:34px;
 
+  line-height: 34px;
 
+  font-size: 14px;
 
+  color:#333;
 
+  margin:0 5px 0 0;
 
+}
 
+.Addchoice li{
 
+  margin:10px;
 
+}
 
+.search{
 
+  width:380px;
 
+}
 
+.input_search{
 
+  cursor: pointer;
 
+}
 
+.input_search:hover{
 
+  background:#ddd;
 
+}
 
+.project{
 
+  margin:15px 0 0 0;
 
+  background:#fff;
 
+  padding:0 15px 5px 15px;
 
+}
 
+.projectBox{
 
+  padding:15px 15px 5px 15px;
 
+}
 
+.select_wrap{
 
+  width:180px;
 
+}
 
+.project a:hover{
 
+  text-decoration: underline;
 
+  cursor:pointer;
 
+}
 
+.projectCon1{
 
+  width:580px;
 
+  margin:0 10px 0 0;
 
+  font-size: 14px;
 
+  overflow:hidden;
 
+  text-overflow:ellipsis;
 
+  -o-text-overflow:ellipsis;
 
+  white-space:nowrap;
 
+}
 
+.projectCon2{
 
+  width:110px;
 
+  text-align: center;
 
+}
 
+.projectCon3{
 
+  width:200px;
 
+  text-align: center;
 
+}
 
+.projectCon3 a:hover{
 
+  text-decoration: none;
 
+}
 
+.projectCon3 span{
 
+  margin:0 5px;
 
+}
 
+.projectCon3Num{
 
+  margin:0 5px;
 
+  font-weight: normal;
 
+  color:#337ab7;
 
+}
 
+.btn_fize{
 
+  padding:0 5px;
 
+  font-size: 12px;
 
+}
 
+.projectCon4{
 
+  width:200px;
 
+}
 
+.projectCon4 a{
 
+  margin:0 3px;
 
+}
 
+.table_bottom{
 
+  margin-bottom:0;
 
+}
 
+.table_bottom th,.table_bottom td{
 
+  font-size: 14px;
 
+  border:none !important;
 
+  border-bottom: 1px dashed #ccc !important
 
+}
 
+.control-labelAdd{
 
+  width:10%;
 
+}
 
+.control-labelone{
 
+  padding:0 0 0 5px;
 
+}
 
+.classContainer{
 
+  margin:5px 0 0 0;
 
+  padding:15px 15px 0 15px;
 
+  background:#fff;
 
+  font-size: 14px;
 
+}
 
+.classContainer li{
 
+  padding:0;
 
+  background: #f6f6f6;
 
+  border:none;
 
+  border-radius: 4px;
 
+  margin:15px 0 0 0;
 
+}
 
+.classContainer li:hover{
 
+  background:#f1f1f1;
 
+}
 
+.classContainer li a{
 
+  cursor:pointer;
 
+}
 
+.classContainer li a:hover{
 
+  text-decoration: underline;
 
+}
 
+.classContent{
 
+  margin:0 15px 0 0;
 
+}
 
+.classContentImg{
 
+  float:left;
 
+  width:70px;
 
+  height:70px;
 
+  background:#eee;
 
+  text-align: center;
 
+  border-top-left-radius: 4px;
 
+  border-bottom-left-radius: 4px;
 
+}
 
+.classContentImg img{
 
+  width:40px;
 
+  height:55px;
 
+  padding:15px 0 0 0;
 
+}
 
+.classContentBox{
 
+  margin:0 0 0 80px;
 
+  height:70px;
 
+}
 
+.classContent1{
 
+  font-size: 16px;
 
+  padding:7px 0 5px;
 
+  border-bottom:1px dashed #ccc;
 
+}
 
+.classContent2{
 
+  padding:5px 0 10px;
 
+}
 
+.classTime{
 
+  font-size: 12px;
 
+  margin:5px 0 0 0;
 
+  color:#aaa;
 
+}
 
+.classContent2 a{
 
+  font-size: 12px;
 
+  margin:0 5px;
 
+}
 
+.classNum{
 
+  background:#aaa;
 
+  color:#fff;
 
+  margin:0 10px 0 0;
 
+}
 
+.addModal_body{
 
+}
 
+#className,#classNumber{
 
+  width:300px;
 
+}
 
+.form-groupCon{
 
+  margin-bottom: 10px;
 
+}
 
+#exampleInputFile{
 
+  margin:5px 0 0 0;
 
+}
 
+.classListTitle{
 
+  background:#f1f1f1;
 
+  padding:10px 15px;
 
+  border-radius: 4px;
 
+}
 
+.classList{
 
+  padding:15px;
 
+  background:#f6f6f6;
 
+  border-radius: 4px;
 
+  margin:15px 0 0 0;
 
+}
 
+.classListFirst{
 
+  padding:0 0 5px 0;
 
+}
 
+.classListNum{
 
+  float:left;
 
+  width:60px;
 
+}
 
+.classListWork{
 
+  float:right;
 
+  width:350px;
 
+}
 
+.classListName{
 
+  margin:0 350px 0 60px;
 
+}
 
+.classListWork a{
 
+  padding:0 10px 0 0;
 
+  cursor:pointer;
 
+}
 
+.classListTwo ul li,.classListThree ul li{
 
+  margin:5px 0 0 0;
 
+}
 
+.classListTwo ul li:hover,.classListThree ul li:hover{
 
+  background:#f6f6f6;
 
+}
 
+.classListTwo .classListName{
 
+  padding:0 0 0 20px;
 
+}
 
+.classListThree .classListName{
 
+  padding:0 0 0 40px;
 
+}
 
+.recom_wrap table{
 
+  margin-bottom:0;
 
+}
 
+.recom_wrap table tr th,.recom_wrap table tr td{
 
+  font-size: 14px;
 
+  line-height: 34px;
 
+}
 
+.classID{
 
+  display: block;
 
+  width:300px;
 
+  height:34px;
 
+  font-size: 14px;
 
+  padding:6px 12px;
 
+  line-height: 1.42857143;
 
+}
 
+.Addclass li{
 
+  float:left;
 
+  padding:3px 0;
 
+  margin:0 15px 0 0;
 
+}

+ 596 - 0
css/bootstrap-theme.css
Xem Tập Tin 

@@ -0,0 +1,596 @@
 
+/*!
 
+ * Bootstrap v3.3.5 (http://getbootstrap.com)
 
+ * Copyright 2011-2015 Twitter, Inc.
 
+ * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 
+ */
 
+
 
+/*!
 
+ * Generated using the Bootstrap Customizer (http://v3.bootcss.com/customize/?id=7e03a665e8c8673853fa)
 
+ * Config saved to config.json and https://gist.github.com/7e03a665e8c8673853fa
 
+ */
 
+/*!
 
+ * Bootstrap v3.3.5 (http://getbootstrap.com)
 
+ * Copyright 2011-2015 Twitter, Inc.
 
+ * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 
+ */
 
+.btn-default,
 
+.btn-primary,
 
+.btn-success,
 
+.btn-info,
 
+.btn-warning,
 
+.btn-danger {
 
+  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2);
 
+  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075);
 
+  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075);
 
+}
 
+.btn-default:active,
 
+.btn-primary:active,
 
+.btn-success:active,
 
+.btn-info:active,
 
+.btn-warning:active,
 
+.btn-danger:active,
 
+.btn-default.active,
 
+.btn-primary.active,
 
+.btn-success.active,
 
+.btn-info.active,
 
+.btn-warning.active,
 
+.btn-danger.active {
 
+  -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
 
+  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
 
+}
 
+.btn-default.disabled,
 
+.btn-primary.disabled,
 
+.btn-success.disabled,
 
+.btn-info.disabled,
 
+.btn-warning.disabled,
 
+.btn-danger.disabled,
 
+.btn-default[disabled],
 
+.btn-primary[disabled],
 
+.btn-success[disabled],
 
+.btn-info[disabled],
 
+.btn-warning[disabled],
 
+.btn-danger[disabled],
 
+fieldset[disabled] .btn-default,
 
+fieldset[disabled] .btn-primary,
 
+fieldset[disabled] .btn-success,
 
+fieldset[disabled] .btn-info,
 
+fieldset[disabled] .btn-warning,
 
+fieldset[disabled] .btn-danger {
 
+  -webkit-box-shadow: none;
 
+  box-shadow: none;
 
+}
 
+.btn-default .badge,
 
+.btn-primary .badge,
 
+.btn-success .badge,
 
+.btn-info .badge,
 
+.btn-warning .badge,
 
+.btn-danger .badge {
 
+  text-shadow: none;
 
+}
 
+.btn:active,
 
+.btn.active {
 
+  background-image: none;
 
+}
 
+.btn-default {
 
+  background-image: -webkit-linear-gradient(top, #ffffff 0%, #e0e0e0 100%);
 
+  background-image: -o-linear-gradient(top, #ffffff 0%, #e0e0e0 100%);
 
+  background-image: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#e0e0e0));
 
+  background-image: linear-gradient(to bottom, #ffffff 0%, #e0e0e0 100%);
 
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe0e0e0', GradientType=0);
 
+  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
 
+  background-repeat: repeat-x;
 
+  border-color: #dbdbdb;
 
+  text-shadow: 0 1px 0 #fff;
 
+  border-color: #ccc;
 
+}
 
+.btn-default:hover,
 
+.btn-default:focus {
 
+  background-color: #e0e0e0;
 
+  background-position: 0 -15px;
 
+}
 
+.btn-default:active,
 
+.btn-default.active {
 
+  background-color: #e0e0e0;
 
+  border-color: #dbdbdb;
 
+}
 
+.btn-default.disabled,
 
+.btn-default[disabled],
 
+fieldset[disabled] .btn-default,
 
+.btn-default.disabled:hover,
 
+.btn-default[disabled]:hover,
 
+fieldset[disabled] .btn-default:hover,
 
+.btn-default.disabled:focus,
 
+.btn-default[disabled]:focus,
 
+fieldset[disabled] .btn-default:focus,
 
+.btn-default.disabled.focus,
 
+.btn-default[disabled].focus,
 
+fieldset[disabled] .btn-default.focus,
 
+.btn-default.disabled:active,
 
+.btn-default[disabled]:active,
 
+fieldset[disabled] .btn-default:active,
 
+.btn-default.disabled.active,
 
+.btn-default[disabled].active,
 
+fieldset[disabled] .btn-default.active {
 
+  background-color: #e0e0e0;
 
+  background-image: none;
 
+}
 
+.btn-primary {
 
+  background-image: -webkit-linear-gradient(top, #337ab7 0%, #265a88 100%);
 
+  background-image: -o-linear-gradient(top, #337ab7 0%, #265a88 100%);
 
+  background-image: -webkit-gradient(linear, left top, left bottom, from(#337ab7), to(#265a88));
 
+  background-image: linear-gradient(to bottom, #337ab7 0%, #265a88 100%);
 
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff337ab7', endColorstr='#ff265a88', GradientType=0);
 
+  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
 
+  background-repeat: repeat-x;
 
+  border-color: #245580;
 
+}
 
+.btn-primary:hover,
 
+.btn-primary:focus {
 
+  background-color: #265a88;
 
+  background-position: 0 -15px;
 
+}
 
+.btn-primary:active,
 
+.btn-primary.active {
 
+  background-color: #265a88;
 
+  border-color: #245580;
 
+}
 
+.btn-primary.disabled,
 
+.btn-primary[disabled],
 
+fieldset[disabled] .btn-primary,
 
+.btn-primary.disabled:hover,
 
+.btn-primary[disabled]:hover,
 
+fieldset[disabled] .btn-primary:hover,
 
+.btn-primary.disabled:focus,
 
+.btn-primary[disabled]:focus,
 
+fieldset[disabled] .btn-primary:focus,
 
+.btn-primary.disabled.focus,
 
+.btn-primary[disabled].focus,
 
+fieldset[disabled] .btn-primary.focus,
 
+.btn-primary.disabled:active,
 
+.btn-primary[disabled]:active,
 
+fieldset[disabled] .btn-primary:active,
 
+.btn-primary.disabled.active,
 
+.btn-primary[disabled].active,
 
+fieldset[disabled] .btn-primary.active {
 
+  background-color: #265a88;
 
+  background-image: none;
 
+}
 
+.btn-success {
 
+  background-image: -webkit-linear-gradient(top, #5cb85c 0%, #419641 100%);
 
+  background-image: -o-linear-gradient(top, #5cb85c 0%, #419641 100%);
 
+  background-image: -webkit-gradient(linear, left top, left bottom, from(#5cb85c), to(#419641));
 
+  background-image: linear-gradient(to bottom, #5cb85c 0%, #419641 100%);
 
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5cb85c', endColorstr='#ff419641', GradientType=0);
 
+  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
 
+  background-repeat: repeat-x;
 
+  border-color: #3e8f3e;
 
+}
 
+.btn-success:hover,
 
+.btn-success:focus {
 
+  background-color: #419641;
 
+  background-position: 0 -15px;
 
+}
 
+.btn-success:active,
 
+.btn-success.active {
 
+  background-color: #419641;
 
+  border-color: #3e8f3e;
 
+}
 
+.btn-success.disabled,
 
+.btn-success[disabled],
 
+fieldset[disabled] .btn-success,
 
+.btn-success.disabled:hover,
 
+.btn-success[disabled]:hover,
 
+fieldset[disabled] .btn-success:hover,
 
+.btn-success.disabled:focus,
 
+.btn-success[disabled]:focus,
 
+fieldset[disabled] .btn-success:focus,
 
+.btn-success.disabled.focus,
 
+.btn-success[disabled].focus,
 
+fieldset[disabled] .btn-success.focus,
 
+.btn-success.disabled:active,
 
+.btn-success[disabled]:active,
 
+fieldset[disabled] .btn-success:active,
 
+.btn-success.disabled.active,
 
+.btn-success[disabled].active,
 
+fieldset[disabled] .btn-success.active {
 
+  background-color: #419641;
 
+  background-image: none;
 
+}
 
+.btn-info {
 
+  background-image: -webkit-linear-gradient(top, #5bc0de 0%, #2aabd2 100%);
 
+  background-image: -o-linear-gradient(top, #5bc0de 0%, #2aabd2 100%);
 
+  background-image: -webkit-gradient(linear, left top, left bottom, from(#5bc0de), to(#2aabd2));
 
+  background-image: linear-gradient(to bottom, #5bc0de 0%, #2aabd2 100%);
 
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5bc0de', endColorstr='#ff2aabd2', GradientType=0);
 
+  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
 
+  background-repeat: repeat-x;
 
+  border-color: #28a4c9;
 
+}
 
+.btn-info:hover,
 
+.btn-info:focus {
 
+  background-color: #2aabd2;
 
+  background-position: 0 -15px;
 
+}
 
+.btn-info:active,
 
+.btn-info.active {
 
+  background-color: #2aabd2;
 
+  border-color: #28a4c9;
 
+}
 
+.btn-info.disabled,
 
+.btn-info[disabled],
 
+fieldset[disabled] .btn-info,
 
+.btn-info.disabled:hover,
 
+.btn-info[disabled]:hover,
 
+fieldset[disabled] .btn-info:hover,
 
+.btn-info.disabled:focus,
 
+.btn-info[disabled]:focus,
 
+fieldset[disabled] .btn-info:focus,
 
+.btn-info.disabled.focus,
 
+.btn-info[disabled].focus,
 
+fieldset[disabled] .btn-info.focus,
 
+.btn-info.disabled:active,
 
+.btn-info[disabled]:active,
 
+fieldset[disabled] .btn-info:active,
 
+.btn-info.disabled.active,
 
+.btn-info[disabled].active,
 
+fieldset[disabled] .btn-info.active {
 
+  background-color: #2aabd2;
 
+  background-image: none;
 
+}
 
+.btn-warning {
 
+  background-image: -webkit-linear-gradient(top, #f0ad4e 0%, #eb9316 100%);
 
+  background-image: -o-linear-gradient(top, #f0ad4e 0%, #eb9316 100%);
 
+  background-image: -webkit-gradient(linear, left top, left bottom, from(#f0ad4e), to(#eb9316));
 
+  background-image: linear-gradient(to bottom, #f0ad4e 0%, #eb9316 100%);
 
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff0ad4e', endColorstr='#ffeb9316', GradientType=0);
 
+  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
 
+  background-repeat: repeat-x;
 
+  border-color: #e38d13;
 
+}
 
+.btn-warning:hover,
 
+.btn-warning:focus {
 
+  background-color: #eb9316;
 
+  background-position: 0 -15px;
 
+}
 
+.btn-warning:active,
 
+.btn-warning.active {
 
+  background-color: #eb9316;
 
+  border-color: #e38d13;
 
+}
 
+.btn-warning.disabled,
 
+.btn-warning[disabled],
 
+fieldset[disabled] .btn-warning,
 
+.btn-warning.disabled:hover,
 
+.btn-warning[disabled]:hover,
 
+fieldset[disabled] .btn-warning:hover,
 
+.btn-warning.disabled:focus,
 
+.btn-warning[disabled]:focus,
 
+fieldset[disabled] .btn-warning:focus,
 
+.btn-warning.disabled.focus,
 
+.btn-warning[disabled].focus,
 
+fieldset[disabled] .btn-warning.focus,
 
+.btn-warning.disabled:active,
 
+.btn-warning[disabled]:active,
 
+fieldset[disabled] .btn-warning:active,
 
+.btn-warning.disabled.active,
 
+.btn-warning[disabled].active,
 
+fieldset[disabled] .btn-warning.active {
 
+  background-color: #eb9316;
 
+  background-image: none;
 
+}
 
+.btn-danger {
 
+  background-image: -webkit-linear-gradient(top, #d9534f 0%, #c12e2a 100%);
 
+  background-image: -o-linear-gradient(top, #d9534f 0%, #c12e2a 100%);
 
+  background-image: -webkit-gradient(linear, left top, left bottom, from(#d9534f), to(#c12e2a));
 
+  background-image: linear-gradient(to bottom, #d9534f 0%, #c12e2a 100%);
 
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffd9534f', endColorstr='#ffc12e2a', GradientType=0);
 
+  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
 
+  background-repeat: repeat-x;
 
+  border-color: #b92c28;
 
+}
 
+.btn-danger:hover,
 
+.btn-danger:focus {
 
+  background-color: #c12e2a;
 
+  background-position: 0 -15px;
 
+}
 
+.btn-danger:active,
 
+.btn-danger.active {
 
+  background-color: #c12e2a;
 
+  border-color: #b92c28;
 
+}
 
+.btn-danger.disabled,
 
+.btn-danger[disabled],
 
+fieldset[disabled] .btn-danger,
 
+.btn-danger.disabled:hover,
 
+.btn-danger[disabled]:hover,
 
+fieldset[disabled] .btn-danger:hover,
 
+.btn-danger.disabled:focus,
 
+.btn-danger[disabled]:focus,
 
+fieldset[disabled] .btn-danger:focus,
 
+.btn-danger.disabled.focus,
 
+.btn-danger[disabled].focus,
 
+fieldset[disabled] .btn-danger.focus,
 
+.btn-danger.disabled:active,
 
+.btn-danger[disabled]:active,
 
+fieldset[disabled] .btn-danger:active,
 
+.btn-danger.disabled.active,
 
+.btn-danger[disabled].active,
 
+fieldset[disabled] .btn-danger.active {
 
+  background-color: #c12e2a;
 
+  background-image: none;
 
+}
 
+.thumbnail,
 
+.img-thumbnail {
 
+  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.075);
 
+  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.075);
 
+}
 
+.dropdown-menu > li > a:hover,
 
+.dropdown-menu > li > a:focus {
 
+  background-image: -webkit-linear-gradient(top, #f5f5f5 0%, #e8e8e8 100%);
 
+  background-image: -o-linear-gradient(top, #f5f5f5 0%, #e8e8e8 100%);
 
+  background-image: -webkit-gradient(linear, left top, left bottom, from(#f5f5f5), to(#e8e8e8));
 
+  background-image: linear-gradient(to bottom, #f5f5f5 0%, #e8e8e8 100%);
 
+  background-repeat: repeat-x;
 
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff5f5f5', endColorstr='#ffe8e8e8', GradientType=0);
 
+  background-color: #e8e8e8;
 
+}
 
+.dropdown-menu > .active > a,
 
+.dropdown-menu > .active > a:hover,
 
+.dropdown-menu > .active > a:focus {
 
+  background-image: -webkit-linear-gradient(top, #337ab7 0%, #2e6da4 100%);
 
+  background-image: -o-linear-gradient(top, #337ab7 0%, #2e6da4 100%);
 
+  background-image: -webkit-gradient(linear, left top, left bottom, from(#337ab7), to(#2e6da4));
 
+  background-image: linear-gradient(to bottom, #337ab7 0%, #2e6da4 100%);
 
+  background-repeat: repeat-x;
 
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff337ab7', endColorstr='#ff2e6da4', GradientType=0);
 
+  background-color: #2e6da4;
 
+}
 
+.navbar-default {
 
+  background-image: -webkit-linear-gradient(top, #ffffff 0%, #f8f8f8 100%);
 
+  background-image: -o-linear-gradient(top, #ffffff 0%, #f8f8f8 100%);
 
+  background-image: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#f8f8f8));
 
+  background-image: linear-gradient(to bottom, #ffffff 0%, #f8f8f8 100%);
 
+  background-repeat: repeat-x;
 
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#fff8f8f8', GradientType=0);
 
+  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
 
+  border-radius: 4px;
 
+  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 5px rgba(0, 0, 0, 0.075);
 
+  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 5px rgba(0, 0, 0, 0.075);
 
+}
 
+.navbar-default .navbar-nav > .open > a,
 
+.navbar-default .navbar-nav > .active > a {
 
+  background-image: -webkit-linear-gradient(top, #dbdbdb 0%, #e2e2e2 100%);
 
+  background-image: -o-linear-gradient(top, #dbdbdb 0%, #e2e2e2 100%);
 
+  background-image: -webkit-gradient(linear, left top, left bottom, from(#dbdbdb), to(#e2e2e2));
 
+  background-image: linear-gradient(to bottom, #dbdbdb 0%, #e2e2e2 100%);
 
+  background-repeat: repeat-x;
 
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffdbdbdb', endColorstr='#ffe2e2e2', GradientType=0);
 
+  -webkit-box-shadow: inset 0 3px 9px rgba(0, 0, 0, 0.075);
 
+  box-shadow: inset 0 3px 9px rgba(0, 0, 0, 0.075);
 
+}
 
+.navbar-brand,
 
+.navbar-nav > li > a {
 
+  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.25);
 
+}
 
+.navbar-inverse {
 
+  background-image: -webkit-linear-gradient(top, #3c3c3c 0%, #222222 100%);
 
+  background-image: -o-linear-gradient(top, #3c3c3c 0%, #222222 100%);
 
+  background-image: -webkit-gradient(linear, left top, left bottom, from(#3c3c3c), to(#222222));
 
+  background-image: linear-gradient(to bottom, #3c3c3c 0%, #222222 100%);
 
+  background-repeat: repeat-x;
 
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff3c3c3c', endColorstr='#ff222222', GradientType=0);
 
+  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
 
+  border-radius: 4px;
 
+}
 
+.navbar-inverse .navbar-nav > .open > a,
 
+.navbar-inverse .navbar-nav > .active > a {
 
+  background-image: -webkit-linear-gradient(top, #080808 0%, #0f0f0f 100%);
 
+  background-image: -o-linear-gradient(top, #080808 0%, #0f0f0f 100%);
 
+  background-image: -webkit-gradient(linear, left top, left bottom, from(#080808), to(#0f0f0f));
 
+  background-image: linear-gradient(to bottom, #080808 0%, #0f0f0f 100%);
 
+  background-repeat: repeat-x;
 
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff080808', endColorstr='#ff0f0f0f', GradientType=0);
 
+  -webkit-box-shadow: inset 0 3px 9px rgba(0, 0, 0, 0.25);
 
+  box-shadow: inset 0 3px 9px rgba(0, 0, 0, 0.25);
 
+}
 
+.navbar-inverse .navbar-brand,
 
+.navbar-inverse .navbar-nav > li > a {
 
+  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
 
+}
 
+.navbar-static-top,
 
+.navbar-fixed-top,
 
+.navbar-fixed-bottom {
 
+  border-radius: 0;
 
+}
 
+@media (max-width: 767px) {
 
+  .navbar .navbar-nav .open .dropdown-menu > .active > a,
 
+  .navbar .navbar-nav .open .dropdown-menu > .active > a:hover,
 
+  .navbar .navbar-nav .open .dropdown-menu > .active > a:focus {
 
+    color: #fff;
 
+    background-image: -webkit-linear-gradient(top, #337ab7 0%, #2e6da4 100%);
 
+    background-image: -o-linear-gradient(top, #337ab7 0%, #2e6da4 100%);
 
+    background-image: -webkit-gradient(linear, left top, left bottom, from(#337ab7), to(#2e6da4));
 
+    background-image: linear-gradient(to bottom, #337ab7 0%, #2e6da4 100%);
 
+    background-repeat: repeat-x;
 
+    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff337ab7', endColorstr='#ff2e6da4', GradientType=0);
 
+  }
 
+}
 
+.alert {
 
+  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.2);
 
+  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25), 0 1px 2px rgba(0, 0, 0, 0.05);
 
+  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25), 0 1px 2px rgba(0, 0, 0, 0.05);
 
+}
 
+.alert-success {
 
+  background-image: -webkit-linear-gradient(top, #dff0d8 0%, #c8e5bc 100%);
 
+  background-image: -o-linear-gradient(top, #dff0d8 0%, #c8e5bc 100%);
 
+  background-image: -webkit-gradient(linear, left top, left bottom, from(#dff0d8), to(#c8e5bc));
 
+  background-image: linear-gradient(to bottom, #dff0d8 0%, #c8e5bc 100%);
 
+  background-repeat: repeat-x;
 
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffdff0d8', endColorstr='#ffc8e5bc', GradientType=0);
 
+  border-color: #b2dba1;
 
+}
 
+.alert-info {
 
+  background-image: -webkit-linear-gradient(top, #d9edf7 0%, #b9def0 100%);
 
+  background-image: -o-linear-gradient(top, #d9edf7 0%, #b9def0 100%);
 
+  background-image: -webkit-gradient(linear, left top, left bottom, from(#d9edf7), to(#b9def0));
 
+  background-image: linear-gradient(to bottom, #d9edf7 0%, #b9def0 100%);
 
+  background-repeat: repeat-x;
 
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffd9edf7', endColorstr='#ffb9def0', GradientType=0);
 
+  border-color: #9acfea;
 
+}
 
+.alert-warning {
 
+  background-image: -webkit-linear-gradient(top, #fcf8e3 0%, #f8efc0 100%);
 
+  background-image: -o-linear-gradient(top, #fcf8e3 0%, #f8efc0 100%);
 
+  background-image: -webkit-gradient(linear, left top, left bottom, from(#fcf8e3), to(#f8efc0));
 
+  background-image: linear-gradient(to bottom, #fcf8e3 0%, #f8efc0 100%);
 
+  background-repeat: repeat-x;
 
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffcf8e3', endColorstr='#fff8efc0', GradientType=0);
 
+  border-color: #f5e79e;
 
+}
 
+.alert-danger {
 
+  background-image: -webkit-linear-gradient(top, #f2dede 0%, #e7c3c3 100%);
 
+  background-image: -o-linear-gradient(top, #f2dede 0%, #e7c3c3 100%);
 
+  background-image: -webkit-gradient(linear, left top, left bottom, from(#f2dede), to(#e7c3c3));
 
+  background-image: linear-gradient(to bottom, #f2dede 0%, #e7c3c3 100%);
 
+  background-repeat: repeat-x;
 
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff2dede', endColorstr='#ffe7c3c3', GradientType=0);
 
+  border-color: #dca7a7;
 
+}
 
+.progress {
 
+  background-image: -webkit-linear-gradient(top, #ebebeb 0%, #f5f5f5 100%);
 
+  background-image: -o-linear-gradient(top, #ebebeb 0%, #f5f5f5 100%);
 
+  background-image: -webkit-gradient(linear, left top, left bottom, from(#ebebeb), to(#f5f5f5));
 
+  background-image: linear-gradient(to bottom, #ebebeb 0%, #f5f5f5 100%);
 
+  background-repeat: repeat-x;
 
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffebebeb', endColorstr='#fff5f5f5', GradientType=0);
 
+}
 
+.progress-bar {
 
+  background-image: -webkit-linear-gradient(top, #337ab7 0%, #286090 100%);
 
+  background-image: -o-linear-gradient(top, #337ab7 0%, #286090 100%);
 
+  background-image: -webkit-gradient(linear, left top, left bottom, from(#337ab7), to(#286090));
 
+  background-image: linear-gradient(to bottom, #337ab7 0%, #286090 100%);
 
+  background-repeat: repeat-x;
 
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff337ab7', endColorstr='#ff286090', GradientType=0);
 
+}
 
+.progress-bar-success {
 
+  background-image: -webkit-linear-gradient(top, #5cb85c 0%, #449d44 100%);
 
+  background-image: -o-linear-gradient(top, #5cb85c 0%, #449d44 100%);
 
+  background-image: -webkit-gradient(linear, left top, left bottom, from(#5cb85c), to(#449d44));
 
+  background-image: linear-gradient(to bottom, #5cb85c 0%, #449d44 100%);
 
+  background-repeat: repeat-x;
 
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5cb85c', endColorstr='#ff449d44', GradientType=0);
 
+}
 
+.progress-bar-info {
 
+  background-image: -webkit-linear-gradient(top, #5bc0de 0%, #31b0d5 100%);
 
+  background-image: -o-linear-gradient(top, #5bc0de 0%, #31b0d5 100%);
 
+  background-image: -webkit-gradient(linear, left top, left bottom, from(#5bc0de), to(#31b0d5));
 
+  background-image: linear-gradient(to bottom, #5bc0de 0%, #31b0d5 100%);
 
+  background-repeat: repeat-x;
 
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5bc0de', endColorstr='#ff31b0d5', GradientType=0);
 
+}
 
+.progress-bar-warning {
 
+  background-image: -webkit-linear-gradient(top, #f0ad4e 0%, #ec971f 100%);
 
+  background-image: -o-linear-gradient(top, #f0ad4e 0%, #ec971f 100%);
 
+  background-image: -webkit-gradient(linear, left top, left bottom, from(#f0ad4e), to(#ec971f));
 
+  background-image: linear-gradient(to bottom, #f0ad4e 0%, #ec971f 100%);
 
+  background-repeat: repeat-x;
 
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff0ad4e', endColorstr='#ffec971f', GradientType=0);
 
+}
 
+.progress-bar-danger {
 
+  background-image: -webkit-linear-gradient(top, #d9534f 0%, #c9302c 100%);
 
+  background-image: -o-linear-gradient(top, #d9534f 0%, #c9302c 100%);
 
+  background-image: -webkit-gradient(linear, left top, left bottom, from(#d9534f), to(#c9302c));
 
+  background-image: linear-gradient(to bottom, #d9534f 0%, #c9302c 100%);
 
+  background-repeat: repeat-x;
 
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffd9534f', endColorstr='#ffc9302c', GradientType=0);
 
+}
 
+.progress-bar-striped {
 
+  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
 
+  background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
 
+  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
 
+}
 
+.list-group {
 
+  border-radius: 4px;
 
+  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.075);
 
+  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.075);
 
+}
 
+.list-group-item.active,
 
+.list-group-item.active:hover,
 
+.list-group-item.active:focus {
 
+  text-shadow: 0 -1px 0 #286090;
 
+  background-image: -webkit-linear-gradient(top, #337ab7 0%, #2b669a 100%);
 
+  background-image: -o-linear-gradient(top, #337ab7 0%, #2b669a 100%);
 
+  background-image: -webkit-gradient(linear, left top, left bottom, from(#337ab7), to(#2b669a));
 
+  background-image: linear-gradient(to bottom, #337ab7 0%, #2b669a 100%);
 
+  background-repeat: repeat-x;
 
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff337ab7', endColorstr='#ff2b669a', GradientType=0);
 
+  border-color: #2b669a;
 
+}
 
+.list-group-item.active .badge,
 
+.list-group-item.active:hover .badge,
 
+.list-group-item.active:focus .badge {
 
+  text-shadow: none;
 
+}
 
+.panel {
 
+  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
 
+  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
 
+}
 
+.panel-default > .panel-heading {
 
+  background-image: -webkit-linear-gradient(top, #f5f5f5 0%, #e8e8e8 100%);
 
+  background-image: -o-linear-gradient(top, #f5f5f5 0%, #e8e8e8 100%);
 
+  background-image: -webkit-gradient(linear, left top, left bottom, from(#f5f5f5), to(#e8e8e8));
 
+  background-image: linear-gradient(to bottom, #f5f5f5 0%, #e8e8e8 100%);
 
+  background-repeat: repeat-x;
 
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff5f5f5', endColorstr='#ffe8e8e8', GradientType=0);
 
+}
 
+.panel-primary > .panel-heading {
 
+  background-image: -webkit-linear-gradient(top, #337ab7 0%, #2e6da4 100%);
 
+  background-image: -o-linear-gradient(top, #337ab7 0%, #2e6da4 100%);
 
+  background-image: -webkit-gradient(linear, left top, left bottom, from(#337ab7), to(#2e6da4));
 
+  background-image: linear-gradient(to bottom, #337ab7 0%, #2e6da4 100%);
 
+  background-repeat: repeat-x;
 
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff337ab7', endColorstr='#ff2e6da4', GradientType=0);
 
+}
 
+.panel-success > .panel-heading {
 
+  background-image: -webkit-linear-gradient(top, #dff0d8 0%, #d0e9c6 100%);
 
+  background-image: -o-linear-gradient(top, #dff0d8 0%, #d0e9c6 100%);
 
+  background-image: -webkit-gradient(linear, left top, left bottom, from(#dff0d8), to(#d0e9c6));
 
+  background-image: linear-gradient(to bottom, #dff0d8 0%, #d0e9c6 100%);
 
+  background-repeat: repeat-x;
 
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffdff0d8', endColorstr='#ffd0e9c6', GradientType=0);
 
+}
 
+.panel-info > .panel-heading {
 
+  background-image: -webkit-linear-gradient(top, #d9edf7 0%, #c4e3f3 100%);
 
+  background-image: -o-linear-gradient(top, #d9edf7 0%, #c4e3f3 100%);
 
+  background-image: -webkit-gradient(linear, left top, left bottom, from(#d9edf7), to(#c4e3f3));
 
+  background-image: linear-gradient(to bottom, #d9edf7 0%, #c4e3f3 100%);
 
+  background-repeat: repeat-x;
 
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffd9edf7', endColorstr='#ffc4e3f3', GradientType=0);
 
+}
 
+.panel-warning > .panel-heading {
 
+  background-image: -webkit-linear-gradient(top, #fcf8e3 0%, #faf2cc 100%);
 
+  background-image: -o-linear-gradient(top, #fcf8e3 0%, #faf2cc 100%);
 
+  background-image: -webkit-gradient(linear, left top, left bottom, from(#fcf8e3), to(#faf2cc));
 
+  background-image: linear-gradient(to bottom, #fcf8e3 0%, #faf2cc 100%);
 
+  background-repeat: repeat-x;
 
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffcf8e3', endColorstr='#fffaf2cc', GradientType=0);
 
+}
 
+.panel-danger > .panel-heading {
 
+  background-image: -webkit-linear-gradient(top, #f2dede 0%, #ebcccc 100%);
 
+  background-image: -o-linear-gradient(top, #f2dede 0%, #ebcccc 100%);
 
+  background-image: -webkit-gradient(linear, left top, left bottom, from(#f2dede), to(#ebcccc));
 
+  background-image: linear-gradient(to bottom, #f2dede 0%, #ebcccc 100%);
 
+  background-repeat: repeat-x;
 
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff2dede', endColorstr='#ffebcccc', GradientType=0);
 
+}
 
+.well {
 
+  background-image: -webkit-linear-gradient(top, #e8e8e8 0%, #f5f5f5 100%);
 
+  background-image: -o-linear-gradient(top, #e8e8e8 0%, #f5f5f5 100%);
 
+  background-image: -webkit-gradient(linear, left top, left bottom, from(#e8e8e8), to(#f5f5f5));
 
+  background-image: linear-gradient(to bottom, #e8e8e8 0%, #f5f5f5 100%);
 
+  background-repeat: repeat-x;
 
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffe8e8e8', endColorstr='#fff5f5f5', GradientType=0);
 
+  border-color: #dcdcdc;
 
+  -webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.05), 0 1px 0 rgba(255, 255, 255, 0.1);
 
+  box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.05), 0 1px 0 rgba(255, 255, 255, 0.1);
 
+}

Những thai đổi đã bị hủy bỏ vì nó quá lớn
+ 14 - 0
css/bootstrap-theme.min.css


Những thai đổi đã bị hủy bỏ vì nó quá lớn
+ 6802 - 0
css/bootstrap.css


Những thai đổi đã bị hủy bỏ vì nó quá lớn
+ 14 - 0
css/bootstrap.min.css


+ 353 - 0
css/global.css
Xem Tập Tin 

@@ -0,0 +1,353 @@
 
+body{font-family: "微软雅黑" arial, sans-serif; background:#fff; font-size:12px; color:#333;}
 
+div,form,img,ul,ol,li,dl,dt,p,dd,input,span,textarea,i{margin:0; padding:0; border:none; font-style:normal;}
 
+li{list-style-type:none;}
 
+img{vertical-align:top;}
 
+h1,h2,h3,h4,h5,h6 { margin:0; padding:0; font-weight:normal;}
 
+
 
+/* Link */
 
+a:link {}
 
+a:visited {}
 
+a:hover { color:#E87A53;}
 
+a:active {color: #333;}
 
+/* Link end */
 
+
 
+.w5px{ width:100%; height:5px; clear:both; font-size:0px;}
 
+.w11px{ width:100%; height:11px; clear:both; font-size:0px;}
 
+.w10px{ width:100%; height:10px; clear:both; font-size:0px;}
 
+.w15px{ width:100%; height:15px; clear:both; font-size:0px;}
 
+.w20px{ width:100%; height:20px; clear:both; font-size:0px;}
 
+
 
+.marl15px{ margin-left:15px; display:inline;}
 
+.marr10px{ margin-right:10px;}
 
+.bggray{ background-color:#f5f5f5;}
 
+/*---------top css start-------------*/
 
+.top{ width:100%;}
 
+.wrap{ width:100%;}
 
+.main{ width:980px; margin:0 auto;}
 
+.bottom{ width:100%;}
 
+.fL {float:left}
 
+.fR {float:right}
 
+
 
+.clearfix:after {
 
+  content:".";
 
+  display:block;
 
+  height:0;
 
+  clear:both;
 
+  visibility:hidden
 
+}
 
+.clearfix {
 
+  display:inline-block;
 
+  overflow:hidden
 
+}
 
+.clearfix {
 
+  display:block
 
+}
 
+.clearfix {
 
+  *zoom: 1;
 
+}
 
+.clearfix:before,
 
+.clearfix:after {
 
+  display: table;
 
+  content: "";
 
+  line-height: 0;
 
+}
 
+.clearfix:after {
 
+  clear: both;
 
+}
 
+/*-------------------start---------------------*/
 
+.warp-header{
 
+  position: relative;
 
+}
 
+.logo{
 
+  margin:0 200px 0 0;
 
+}
 
+.logo img{
 
+  float:left;
 
+  width:70px;
 
+}
 
+.logoTitle{
 
+  margin:0 0 0 80px;
 
+  padding:18px 0;
 
+  color:#565656;
 
+  font-size: 30px;
 
+}
 
+.nav{
 
+  float:right;
 
+  font-size: 16px;
 
+  margin:35px 0 0 0;
 
+}
 
+.nav a{
 
+  margin:0 0 0 5px;
 
+}
 
+.nav a:hover{
 
+  color:#337ab7;
 
+}
 
+.nav_img{
 
+  color:#337ab7;
 
+}
 
+.search{
 
+  background:#59AF59;
 
+  padding:30px 0;
 
+}
 
+.searchBox{
 
+  width:100%;
 
+  text-align: center;
 
+}
 
+.searchTitle{
 
+  color:#fff;
 
+  padding:0 0 10px;
 
+}
 
+.search_input{
 
+  width:450px;
 
+  height:48px;
 
+  font-size: 14px;
 
+  border:1px solid #ccc;
 
+  padding:0 0 0 10px;
 
+  margin:3px 0;
 
+}
 
+.btn_search{
 
+  margin:3px 0;
 
+  height:48px;
 
+  font-size: 14px;
 
+  padding:0 30px;
 
+  background:#eee;
 
+  border:1px solid #ccc;
 
+}
 
+.btn_search:hover{
 
+  background:#ddd;
 
+}
 
+.btn_search:active{
 
+  background:#fff;
 
+}
 
+.warp-con{
 
+  margin:15px 0 0;
 
+}
 
+.produceTit{
 
+  font-size: 16px;
 
+  color:#4d4d4d;
 
+  border-left: 2px solid #FF6501;
 
+  padding-left:8px;
 
+  margin:5px 0;
 
+}
 
+.produces_list{
 
+  margin:15px 0;
 
+  background:#fff;
 
+}
 
+.produce{
 
+  padding:25px 0;
 
+}
 
+@media (min-width: 992px){
 
+.produce {
 
+    width: 20%;
 
+  }
 
+}
 
+.produce:hover{
 
+  background:#fbfbfb;
 
+}
 
+.produce_img,.produce_imgFW,.produce_imgYY{
 
+  width:100%;
 
+  text-align: center;
 
+}
 
+.produce_img img{
 
+  width:80px;
 
+}
 
+.produce_imgFW img{
 
+  height:38px;
 
+}
 
+.produce_imgYY img{
 
+  width:80px;
 
+}
 
+.produce_title{
 
+  font-size: 16px;
 
+  padding:10px 0 5px;
 
+  text-align: center;
 
+}
 
+.articleHotCon{
 
+  margin:15px 0 0;
 
+  background:#fff;
 
+  border:1px solid #eee;
 
+  border-bottom: none;
 
+}
 
+.articleHot_list{
 
+  padding:15px 15px;
 
+  font-size: 14px;
 
+}
 
+.articleHot_list li{
 
+  padding:5px 0;
 
+}
 
+.articleHot_more{
 
+  margin:5px 15px 0 0;
 
+  font-size: 14px;
 
+}
 
+.warp-footer{
 
+  padding:15px 0;
 
+  border-top:1px solid #dbdbdb;
 
+}
 
+.footer_left{
 
+  color:#666;
 
+}
 
+.footer_right{
 
+  color:#aaa;
 
+}
 
+.main_warp{
 
+  position:relative;
 
+}
 
+.left_main{
 
+  float:left;
 
+  width:28%;
 
+}
 
+.left_nav{
 
+  margin:15px 0;
 
+}
 
+#left_nav.sticky { 
+  float: none; 
+  position: fixed; 
+  top: 5px; 
+  z-index: 6; 
+  left: auto; 
+}
 
+.left_nav li{
 
+  font-size: 14px;
 
+  padding:5px 0;
 
+}
 
+.left_nav li .active{
 
+  font-weight: bold;
 
+}
 
+.left_nav li .now{
 
+  font-weight:bold;
 
+  color:#E87A53;
 
+}
 
+.Hotarticle{
 
+  margin:0;
 
+  padding:20px 0;
 
+  border-top:1px solid #eee;
 
+}
 
+.Hotarticle_Warp{
 
+  padding:0;
 
+  margin:0 2% 0 0;
 
+}
 
+@media (min-width: 992px){
 
+.Hotarticle_Warp {
 
+    width: 48%;
 
+    }
 
+}
 
+.Hotarticle_List{
 
+  margin:15px 0;
 
+}
 
+.Hotarticle li{
 
+  font-size: 14px;
 
+  padding:5px 0;
 
+  overflow:hidden;
 
+  text-overflow:ellipsis;
 
+  -o-text-overflow:ellipsis;
 
+  white-space:nowrap;
 
+}
 
+.right_main{
 
+  margin:0 0 0 29%;
 
+}
 
+.RecommendCon{
 
+  margin: 15px 0;
 
+}
 
+.Recommend{
 
+  padding:0;
 
+  margin:0 2% 0 0;
 
+}
 
+@media (min-width: 992px){
 
+.Recommend {
 
+    width: 30%;
 
+    }
 
+}
 
+.Recommend ul{
 
+  margin:15px 0;
 
+}
 
+.Recommend li{
 
+  font-size: 14px;
 
+  padding:5px 0;
 
+  overflow:hidden;
 
+  text-overflow:ellipsis;
 
+  -o-text-overflow:ellipsis;
 
+  white-space:nowrap;
 
+}
 
+.produce_List{
 
+  margin:0;
 
+  padding:20px 0;
 
+}
 
+.produce_List li{
 
+  font-size: 14px;
 
+  padding:5px 0;
 
+}
 
+.breadcrumbCon{
 
+  background:none;
 
+  margin:10px 0 10px 0;
 
+}
 
+.produce_List_pageCon{
 
+  margin:15px 0;
 
+  font-size: 14px;
 
+  line-height: 26px;
 
+  color:#666;
 
+}
 
+.produce_List_Con{
 
+  margin:0;
 
+}
 
+.produce_List_pageCon p{
 
+  font-size: 14px;
 
+  line-height: 20px;
 
+  color:#666;
 
+  margin:5px 0;
 
+}
 
+.produce_List_pageCon blockquote{
 
+  margin: 10px;
 
+  padding: 10px;
 
+  font-size: :14px;
 
+  background: #f2f2f2;
 
+}
 
+.produce_List_pageCon a img{
 
+  border:2px solid #fff;
 
+}
 
+.produce_List_pageCon a img:hover{
 
+  border:2px solid #E87A53;
 
+}
 
+.pageCon_feedback{
 
+  padding:10px;
 
+  border:2px solid #59AF59;
 
+  font-size: 16px;
 
+}
 
+.pageCon_feedbackTop{
 
+  padding:0 0 10px 0;
 
+}
 
+.pageCon_feedbackDown a{
 
+  margin:0 5px;
 
+}
 
+.solved,.unsolved{
 
+  font-size: 12px;
 
+  padding:3px 8px;
 
+  font-weight: 100;
 
+}
 
+.solved span,.unsolved span{
 
+  margin:0 3px;
 
+}
 
+.search_warp{
 
+  margin:15px 0;
 
+}
 
+.search_class li{
 
+  float:left;
 
+  line-height: 34px;
 
+  height:34px;
 
+  font-size: 14px;
 
+  margin:0 5px 0 0;
 
+}
 
+.search_class select{
 
+  width:200px;
 
+}
 
+.search_news{
 
+  margin:15px 0;
 
+}
 
+.search_news li{
 
+  height:34px;
 
+  line-height: 34px;
 
+  font-size: 14px;
 
+  overflow:hidden;
 
+  text-overflow:ellipsis;
 
+  -o-text-overflow:ellipsis;
 
+  white-space:nowrap;
 
+}

BIN
fonts/glyphicons-halflings-regular.eot
Xem Tập Tin


Những thai đổi đã bị hủy bỏ vì nó quá lớn
+ 288 - 0
fonts/glyphicons-halflings-regular.svg


BIN
fonts/glyphicons-halflings-regular.ttf
Xem Tập Tin


BIN
fonts/glyphicons-halflings-regular.woff
Xem Tập Tin


BIN
fonts/glyphicons-halflings-regular.woff2
Xem Tập Tin


BIN
images/Logo.jpg
Xem Tập Tin


BIN
images/Logo.psd
Xem Tập Tin


BIN
images/biaohou.png
Xem Tập Tin


BIN
images/ceng.png
Xem Tập Tin


BIN
images/gonglu.png
Xem Tập Tin


BIN
images/guangdong.png
Xem Tập Tin


BIN
images/jiagePNG.png
Xem Tập Tin


BIN
images/jiliang.png
Xem Tập Tin


BIN
images/lan.png
Xem Tập Tin


BIN
images/lv.png
Xem Tập Tin


BIN
images/qingdanbianshen.png
Xem Tập Tin


BIN
images/suanliang.png
Xem Tập Tin


BIN
images/tiaocha.png
Xem Tập Tin


BIN
images/wendaPNG.png
Xem Tập Tin


BIN
images/wenkuPNG.png
Xem Tập Tin


BIN
images/yanghu.png
Xem Tập Tin


+ 165 - 0
index.html
Xem Tập Tin 

@@ -0,0 +1,165 @@
 
+<!DOCTYPE html>
 
+<html lang=zh-cn> 
+<head>
 
+  <meta charset=utf-8>
 
+  <title>helpV2</title> 
+  <meta name=description content=帮助中心>  
+  <meta name=copyright content=smartcost.com.cn> 
+  <link rel=stylesheet href=css/bootstrap.css>
 
+  <link rel=stylesheet href=css/global.css>
 
+  <script src=js/jquery-1.9.1.min.js></script> 
+  <script src=js/bootstrap.js></script>
 
+  <script src=js/global.js></script>
 
+</head>
 
+
 
+<body>
 
+<div class="warp-header">
 
+	<div class="container">
 
+		<div class="Header">
 
+			<div class="logo clearfix">
 
+				<img src="images/Logo.jpg">
 
+				<h1 class="logoTitle">教程&帮助</h1>
 
+			</div>
 
+		</div>
 
+	</div>
 
+</div>
 
+<div class="warp-main">
 
+	<div class="search">
 
+		<div class="container">
 
+			<div class="searchBox clearfix">
 
+				<h1 class="searchTitle">使用教程与答疑解惑，通通都在这</h1>
 
+				<input type="text" class="search_input" placeholder="想搜索“如何替换商品混凝土？”，输入“商品混凝土”试试">
 
+				<button class="btn_search" type="button">快速搜索</button>
 
+			</div>
 
+		</div>
 
+	</div>
 
+	<div class="warp-con">
 
+		<div class="container">
 
+			<div class="warp_produce">
 
+				<h3 class="produceTit">造价软件</h3>
 
+				<div class="produces_list clearfix">
 
+					<div class="row">
 
+						<div class="col-md-2 produce">
 
+							<div class="produce_img"><a href="#"><img src="images/gonglu.png"></a></div>
 
+							<div class="produce_title"><a href="#">公路造价</a></div>
 
+						</div>
 
+						<div class="col-md-2 produce">
 
+							<div class="produce_img"><a href="#"><img src="images/jiliang.png"></a></div>
 
+							<div class="produce_title"><a href="#">计量支付</a></div>
 
+						</div>
 
+						<div class="col-md-2 produce">
 
+							<div class="produce_img"><a href="#"><img src="images/suanliang.png"></a></div>
 
+							<div class="produce_title"><a href="#">结算决算</a></div>
 
+						</div>
 
+						<div class="col-md-2 produce">
 
+							<div class="produce_img"><a href="#"><img src="images/tiaocha.png"></a></div>
 
+							<div class="produce_title"><a href="#">材料调差</a></div>
 
+						</div>
 
+						<div class="col-md-2 produce">
 
+							<div class="produce_img"><a href="#"><img src="images/yanghu.png"></a></div>
 
+							<div class="produce_title"><a href="#">养护造价</a></div>
 
+						</div>
 
+						<div class="col-md-2 produce">
 
+							<div class="produce_img"><a href="#"><img src="images/gonglu.png"></a></div>
 
+							<div class="produce_title"><a href="#">公路算量</a></div>
 
+						</div>
 
+						<div class="col-md-2 produce">
 
+							<div class="produce_img"><a href="#"><img src="images/biaohou.png"></a></div>
 
+							<div class="produce_title"><a href="#">标后预算</a></div>
 
+						</div>
 
+						<div class="col-md-2 produce">
 
+							<div class="produce_img"><a href="#"><img src="images/qingdanbianshen.png"></a></div>
 
+							<div class="produce_title"><a href="#">0号台账编制</a></div>
 
+						</div>
 
+					</div>
 
+				</div>
 
+			</div>
 
+			<div class="warp_produce clearfix">
 
+				<h3 class="produceTit">造价服务</h3>
 
+				<div class="produces_list clearfix">
 
+					<div class="row">
 
+						<div class="col-md-2 produce">
 
+							<div class="produce_imgFW"><a href="index_produce.html"><img src="images/wenkuPNG.png"></a></div>
 
+							<div class="produce_title"><a href="index_produce.html">纵横文库（点我）</a></div>
 
+						</div>
 
+						<div class="col-md-2 produce">
 
+							<div class="produce_imgFW"><a href="#"><img src="images/wendaPNG.png"></a></div>
 
+							<div class="produce_title"><a href="#">纵横问答</a></div>
 
+						</div>
 
+						<div class="col-md-2 produce">
 
+							<div class="produce_imgFW"><a href="#"><img src="images/jiagePNG.png"></a></div>
 
+							<div class="produce_title"><a href="#">纵横价格信息</a></div>
 
+						</div>
 
+					</div>
 
+				</div>
 
+			</div>
 
+			<div class="warp_produce clearfix">
 
+				<h3 class="produceTit">应用</h3>
 
+				<div class="produces_list clearfix">
 
+					<div class="row">
 
+						<div class="col-md-2 produce">
 
+							<div class="produce_imgYY"><a href="#"><img src="images/ceng.png"></a></div>
 
+							<div class="produce_title"><a href="#">造价网络版</a></div>
 
+						</div>
 
+						<div class="col-md-2 produce">
 
+							<div class="produce_imgYY"><a href="#"><img src="images/lan.png"></a></div>
 
+							<div class="produce_title"><a href="#">工程晴雨表</a></div>
 
+						</div>
 
+						<div class="col-md-2 produce">
 
+							<div class="produce_imgYY"><a href="#"><img src="images/lv.png"></a></div>
 
+							<div class="produce_title"><a href="#">通行帐号</a></div>
 
+						</div>
 
+					</div>
 
+				</div>
 
+			</div>
 
+		</div>
 
+	</div>
 
+	<div class="warp-bottom">
 
+		<div class="container">
 
+			<div class="articleHot clearfix">
 
+				<h4 class="articleHot_more fR"><a href="#">查看更多</a></h4>
 
+				<h3 class="produceTit">推荐文章</h3>
 
+				<div class="row articleHotCon clearfix">
 
+					<div class="col-md-4 articleHot_list fL">
 
+						<ul>
 
+							<li><a href="#">如何把当前标段数据另存为新的标段？</a></li>
 
+							<li><a href="#">公路（养护、广东）造价软件中有哪些文件格式？</a></li>
 
+							<li><a href="#">数量单价计算如何计取税金和利润？</a></li>
 
+							<li><a href="#">如何增加招标代理费的计算？</a></li>
 
+							<li><a href="#">公路（养护、广东）造价软件中有哪些文件格式？</a></li>
 
+						</ul>
 
+					</div>
 
+					<div class="col-md-4 articleHot_list fL">
 
+						<ul>
 
+							<li><a href="#">如何把当前标段数据另存为新的标段？</a></li>
 
+							<li><a href="#">公路（养护、广东）造价软件中有哪些文件格式？</a></li>
 
+							<li><a href="#">数量单价计算如何计取税金和利润？</a></li>
 
+							<li><a href="#">如何增加招标代理费的计算？</a></li>
 
+							<li><a href="#">公路（养护、广东）造价软件中有哪些文件格式？</a></li>
 
+						</ul>
 
+					</div>
 
+					<div class="col-md-4 articleHot_list fL">
 
+						<ul>
 
+							<li><a href="#">如何把当前标段数据另存为新的标段？</a></li>
 
+							<li><a href="#">公路（养护、广东）造价软件中有哪些文件格式？</a></li>
 
+							<li><a href="#">数量单价计算如何计取税金和利润？</a></li>
 
+							<li><a href="#">如何增加招标代理费的计算？</a></li>
 
+							<li><a href="#">公路（养护、广东）造价软件中有哪些文件格式？</a></li>
 
+						</ul>
 
+					</div>
 
+				</div>
 
+			</div>
 
+		</div>
 
+	</div>
 
+</div>
 
+<div class="warp-footer clearfix">
 
+	<div class="container">
 
+		<h4 class="footer_left fL">全国服务热线：0756-3850888</h4>
 
+		<div class="footer_right fR">Copyright@珠海纵横创新软件有限公司 all rights reserved</div>
 
+	</div>
 
+</div>
 
+
 
+
 
+
 
+</body>
 
+</html>

+ 141 - 0
index_produce.html
Xem Tập Tin 

@@ -0,0 +1,141 @@
 
+<!DOCTYPE html>
 
+<html lang=zh-cn> 
+<head>
 
+  <meta charset=utf-8>
 
+  <title>helpV2</title> 
+  <meta name=description content=帮助中心>  
+  <meta name=copyright content=smartcost.com.cn> 
+  <link rel=stylesheet href=css/bootstrap.css>
 
+  <link rel=stylesheet href=css/global.css>
 
+  <script src=js/jquery-1.9.1.min.js></script> 
+  <script src=js/bootstrap.js></script>
 
+  <script src=js/global.js></script>
 
+</head>
 
+
 
+<body>
 
+<div class="warp-header">
 
+	<div class="container">
 
+		<div class="Header">
 
+			<div class="nav"><span class="glyphicon glyphicon-home nav_img"></span><a href="index.html">首页</a></div>
 
+			<div class="logo clearfix">
 
+				<img src="images/Logo.jpg">
 
+				<h1 class="logoTitle">教程&帮助</h1>
 
+			</div>
 
+		</div>
 
+	</div>
 
+</div>
 
+<div class="warp-main">
 
+	<div class="search">
 
+		<div class="container">
 
+			<div class="searchBox clearfix">
 
+				<input type="text" class="search_input" placeholder="想搜索“如何替换商品混凝土？”，输入“商品混凝土”试试">
 
+				<button class="btn_search" type="button">快速搜索</button>
 
+			</div>
 
+		</div>
 
+	</div>
 
+	<div class="container">
 
+		<div class="left_main">
 
+			<div class="left_nav" id="left_nav">
 
+				<ul>
 
+					<li><a href="#">公路造价</a></li>
 
+					<li><a href="#">计量支付</a></li>
 
+					<li><a href="#">结算决算</a></li>
 
+					<li><a href="#">材料调差</a></li>
 
+					<li><a href="#">养护造价</a></li>
 
+					<li><a href="#">公路算量</a></li>
 
+					<li><a href="#">标后预算</a></li>
 
+					<li><a href="#">0号台账编制</a></li>
 
+					<li><a class="now" href="index_produce.html">纵横文库</a></li>
 
+					<li><a href="#">纵横问答</a></li>
 
+					<li><a href="#">纵横价格信息</a></li>
 
+					<li><a href="#">造价网络版</a></li>
 
+					<li><a href="#">工程晴雨表</a></li>
 
+					<li><a href="#">通行帐号</a></li>
 
+				</ul>
 
+			</div>
 
+		</div>
 
+		<div class="right_main">
 
+			<div class="row RecommendCon clearfix">
 
+				<div class="col-md-4 Recommend">
 
+					<h3 class="produceTit">推荐分类 1</h3>
 
+					<ul>
 
+						<li><a href="index_produce_list_page.html">关于文库个人等级（点我）</a></li>
 
+						<li><a href="#">如何修改头像</a></li>
 
+						<li><a href="#">如何修改密码</a></li>
 
+						<li><a href="#">如何修改邮箱</a></li>
 
+						<li><a href="#">查看消费记录</a></li>
 
+						<li><a href="#">如何修改密码</a></li>
 
+						<li><a href="#">如何修改邮箱</a></li>
 
+						<li><a href="#">查看消费记录</a></li>
 
+					</ul>
 
+				</div>
 
+				<div class="col-md-4 Recommend">
 
+					<h3 class="produceTit">推荐分类 2</h3>
 
+					<ul>
 
+						<li><a href="#">如何把当前标段数据另存为新的标段？</a></li>
 
+						<li><a href="#">数量单价计算如何计取税金和利润？</a></li>
 
+						<li><a href="#">如何增加招标代理费的计算？</a></li>
 
+						<li><a href="#">公路（养护、广东）造价软件中有哪些文件格式有哪些？</a></li>
 
+						<li><a href="#">如何把当前标段数据另存为新的标段？</a></li>
 
+						<li><a href="#">如何增加招标代理费的计算？</a></li>
 
+						<li><a href="#">公路（养护、广东）造价软件中有哪些文件格式有哪些？</a></li>
 
+						<li><a href="#">如何把当前标段数据另存为新的标段？</a></li>
 
+					</ul>
 
+				</div>
 
+				<div class="col-md-4 Recommend">
 
+					<h3 class="produceTit">推荐分类 3</h3>
 
+					<ul>
 
+						<li><a href="#">如何把当前标段数据另存为新的标段？</a></li>
 
+						<li><a href="#">数量单价计算如何计取税金和利润？</a></li>
 
+						<li><a href="#">如何增加招标代理费的计算？</a></li>
 
+						<li><a href="#">公路（养护、广东）造价软件中有哪些文件格式？</a></li>
 
+						<li><a href="#">如何把当前标段数据另存为新的标段？</a></li>
 
+						<li><a href="#">如何增加招标代理费的计算？</a></li>
 
+						<li><a href="#">公路（养护、广东）造价软件中有哪些文件格式？</a></li>
 
+						<li><a href="#">如何把当前标段数据另存为新的标段？</a></li>
 
+					</ul>
 
+				</div>
 
+			</div>
 
+			<div class="row Hotarticle clearfix">
 
+				<h3 class="produceTit">热门文章</h3>
 
+				<div class="col-md-6 Hotarticle_Warp">
 
+					<ul class="Hotarticle_List">
 
+						<li><a href="#">如何把当前标段数据另存为新的标段？</a></li>
 
+						<li><a href="#">公路（养护、广东）造价软件中有哪些文件格式？中有哪些文中有哪些文件格式？</a></li>
 
+						<li><a href="#">数量单价计算如何计取税金和利润？</a></li>
 
+						<li><a href="#">如何增加招标代理费的计算？</a></li>
 
+						<li><a href="#">公路（养护、广东）造价软件中有哪些文件格式？</a></li>
 
+					</ul>
 
+				</div>
 
+				<div class="col-md-6 Hotarticle_Warp">
 
+					<ul class="Hotarticle_List">
 
+						<li><a href="#">如何把当前标段数据另存为新的标段？</a></li>
 
+						<li><a href="#">公路（养护、广东）造价软件中有哪些文件格式？中有哪些文件格式？</a></li>
 
+						<li><a href="#">数量单价计算如何计取税金和利润？</a></li>
 
+						<li><a href="#">如何增加招标代理费的计算？</a></li>
 
+						<li><a href="#">公路（养护、广东）造价软件中有哪些文件格式？</a></li>
 
+					</ul>
 
+				</div>
 
+			</div>
 
+		</div>
 
+	</div>
 
+</div>
 
+<div class="warp-footer clearfix">
 
+	<div class="container">
 
+		<h4 class="footer_left fL">全国服务热线：0756-3850888</h4>
 
+		<div class="footer_right fR">Copyright@珠海纵横创新软件有限公司 all rights reserved</div>
 
+	</div>
 
+</div>
 
+
 
+<script src=js/stickySidebar.js></script>
 
+<script>
 
+$(document).ready(function() {
 
+    $('#left_nav').stickySidebar({
 
+        sidebarTopMargin: 5,
 
+        footerThreshold: 100
 
+    });
 
+});
 
+</script>
 
+
 
+</body>
 
+</html>

+ 100 - 0
index_produce_list.html
Xem Tập Tin 

@@ -0,0 +1,100 @@
 
+<!DOCTYPE html>
 
+<html lang=zh-cn> 
+<head>
 
+  <meta charset=utf-8>
 
+  <title>helpV2</title> 
+  <meta name=description content=帮助中心>  
+  <meta name=copyright content=smartcost.com.cn> 
+  <link rel=stylesheet href=css/bootstrap.css>
 
+  <link rel=stylesheet href=css/global.css>
 
+  <script src=js/jquery-1.9.1.min.js></script> 
+  <script src=js/bootstrap.js></script>
 
+  <script src=js/global.js></script>
 
+</head>
 
+
 
+<body>
 
+<div class="warp-header">
 
+	<div class="container">
 
+		<div class="Header">
 
+			<div class="nav"><span class="glyphicon glyphicon-home nav_img"></span><a href="index.html">首页</a></div>
 
+			<div class="logo clearfix">
 
+				<img src="images/Logo.jpg">
 
+				<h1 class="logoTitle">教程&帮助</h1>
 
+			</div>
 
+		</div>
 
+	</div>
 
+</div>
 
+<div class="warp-main">
 
+	<div class="search">
 
+		<div class="container">
 
+			<div class="searchBox clearfix">
 
+				<input type="text" class="search_input" placeholder="想搜索“如何替换商品混凝土？”，输入“商品混凝土”试试">
 
+				<button class="btn_search" type="button">快速搜索</button>
 
+			</div>
 
+		</div>
 
+	</div>
 
+	<div class="container">
 
+		<div class="left_main">
 
+			<div class="left_nav" id="left_nav">
 
+				<ul>
 
+					<li><a class="active" href="index_produce.html"><span class="glyphicon glyphicon-chevron-left"></span>纵横文库</a></li>
 
+					<li><a href="#">关于文库</a></li>
 
+					<li><a href="#">用户使用条款</a></li>
 
+					<li><a class="now" href="index_produce_list.html">使用我的文库</a></li>
 
+					<li><a href="#">上传文档</a></li>
 
+					<li><a href="#">文档预览</a></li>
 
+					<li><a href="#">什么是文库年费会员</a></li>
 
+					<li><a href="#">关于信息通知</a></li>
 
+				</ul>
 
+			</div>
 
+		</div>
 
+		<div class="right_main">
 
+			<div class="row produce_List clearfix">
 
+				<ul>
 
+					<li><a href="index_produce_list_page.html">关于文库个人等级（点我）</a></li>
 
+					<li><a href="#">如何修改头像</a></li>
 
+					<li><a href="#">如何修改密码</a></li>
 
+					<li><a href="#">如何修改邮箱</a></li>
 
+				</ul>
 
+			</div>
 
+			<nav>
 
+				<ul class="pagination">
 
+					<li>
 
+						<a href="#" aria-label="Previous">
 
+							<span aria-hidden="true">&laquo;</span>
 
+						</a>
 
+					</li>
 
+					<li class="active"><a href="#">1</a></li>
 
+					<li><a href="#">2</a></li>
 
+					<li><a href="#">3</a></li>
 
+					<li><a href="#">4</a></li>
 
+					<li><a href="#">5</a></li>
 
+					<li>
 
+						<a href="#" aria-label="Next">
 
+							<span aria-hidden="true">&raquo;</span>
 
+						</a>
 
+					</li>
 
+				</ul>
 
+			</nav>
 
+		</div>
 
+	</div>
 
+</div>
 
+<div class="warp-footer clearfix">
 
+	<div class="container">
 
+		<h4 class="footer_left fL">全国服务热线：0756-3850888</h4>
 
+		<div class="footer_right fR">Copyright@珠海纵横创新软件有限公司 all rights reserved</div>
 
+	</div>
 
+</div>
 
+
 
+<script src=js/stickySidebar.js></script>
 
+<script>
 
+$(document).ready(function() {
 
+    $('#left_nav').stickySidebar({
 
+        sidebarTopMargin: 5,
 
+        footerThreshold: 100
 
+    });
 
+});
 
+</script>
 
+
 
+</body>
 
+</html>

+ 97 - 0
index_produce_list1.html
Xem Tập Tin 

@@ -0,0 +1,97 @@
 
+<!DOCTYPE html>
 
+<html lang=zh-cn> 
+<head>
 
+  <meta charset=utf-8>
 
+  <title>helpV2</title> 
+  <meta name=description content=帮助中心>  
+  <meta name=copyright content=smartcost.com.cn> 
+  <link rel=stylesheet href=css/bootstrap.css>
 
+  <link rel=stylesheet href=css/global.css>
 
+  <script src=js/jquery-1.9.1.min.js></script> 
+  <script src=js/bootstrap.js></script>
 
+  <script src=js/global.js></script>
 
+</head>
 
+
 
+<body>
 
+<div class="warp-header">
 
+	<div class="container">
 
+		<div class="Header">
 
+			<div class="nav"><span class="glyphicon glyphicon-home nav_img"></span><a href="index.html">首页</a></div>
 
+			<div class="logo clearfix">
 
+				<img src="images/Logo.jpg">
 
+				<h1 class="logoTitle">教程&帮助</h1>
 
+			</div>
 
+		</div>
 
+	</div>
 
+</div>
 
+<div class="warp-main">
 
+	<div class="search">
 
+		<div class="container">
 
+			<div class="searchBox clearfix">
 
+				<input type="text" class="search_input" placeholder="想搜索“如何替换商品混凝土？”，输入“商品混凝土”试试">
 
+				<button class="btn_search" type="button">快速搜索</button>
 
+			</div>
 
+		</div>
 
+	</div>
 
+	<div class="container">
 
+		<div class="left_main">
 
+			<div class="left_nav" id="left_nav">
 
+				<ul>
 
+					<li><a class="active" href="index_produce.html"><span class="glyphicon glyphicon-chevron-left"></span>纵横文库</a></li>
 
+					<li><a class="now" href="index_produce_list.html">使用我的文库（答疑）</a></li>
 
+					<li><a href="#">上传文档</a></li>
 
+					<li><a href="#">文档预览</a></li>
 
+					<li><a href="#">关于信息通知</a></li>
 
+				</ul>
 
+			</div>
 
+		</div>
 
+		<div class="right_main">
 
+			<div class="row produce_List clearfix">
 
+				<ul>
 
+					<li><a href="index_produce_list1_page1.html">关于文库个人等级（答疑）（点我）</a></li>
 
+					<li><a href="#">如何修改头像</a></li>
 
+					<li><a href="#">如何修改密码</a></li>
 
+					<li><a href="#">如何修改邮箱</a></li>
 
+				</ul>
 
+			</div>
 
+			<nav>
 
+				<ul class="pagination">
 
+					<li>
 
+						<a href="#" aria-label="Previous">
 
+							<span aria-hidden="true">&laquo;</span>
 
+						</a>
 
+					</li>
 
+					<li class="active"><a href="#">1</a></li>
 
+					<li><a href="#">2</a></li>
 
+					<li><a href="#">3</a></li>
 
+					<li><a href="#">4</a></li>
 
+					<li><a href="#">5</a></li>
 
+					<li>
 
+						<a href="#" aria-label="Next">
 
+							<span aria-hidden="true">&raquo;</span>
 
+						</a>
 
+					</li>
 
+				</ul>
 
+			</nav>
 
+		</div>
 
+	</div>
 
+</div>
 
+<div class="warp-footer clearfix">
 
+	<div class="container">
 
+		<h4 class="footer_left fL">全国服务热线：0756-3850888</h4>
 
+		<div class="footer_right fR">Copyright@珠海纵横创新软件有限公司 all rights reserved</div>
 
+	</div>
 
+</div>
 
+
 
+<script src=js/stickySidebar.js></script>
 
+<script>
 
+$(document).ready(function() {
 
+    $('#left_nav').stickySidebar({
 
+        sidebarTopMargin: 5,
 
+        footerThreshold: 100
 
+    });
 
+});
 
+</script>
 
+
 
+</body>
 
+</html>

+ 152 - 0
index_produce_list1_page1.html
Xem Tập Tin 

@@ -0,0 +1,152 @@
 
+<!DOCTYPE html>
 
+<html lang=zh-cn> 
+<head>
 
+  <meta charset=utf-8>
 
+  <title>helpV2</title> 
+  <meta name=description content=帮助中心>  
+  <meta name=copyright content=smartcost.com.cn> 
+  <link rel=stylesheet href=css/bootstrap.css>
 
+  <link rel=stylesheet href=css/global.css>
 
+  <script src=js/jquery-1.9.1.min.js></script> 
+  <script src=js/bootstrap.js></script>
 
+  <script src=js/global.js></script>
 
+</head>
 
+
 
+<body>
 
+<div class="warp-header">
 
+	<div class="container">
 
+		<div class="Header">
 
+			<div class="nav"><span class="glyphicon glyphicon-home nav_img"></span><a href="index.html">首页</a></div>
 
+			<div class="logo clearfix">
 
+				<img src="images/Logo.jpg">
 
+				<h1 class="logoTitle">教程&帮助</h1>
 
+			</div>
 
+		</div>
 
+	</div>
 
+</div>
 
+<div class="warp-main">
 
+	<div class="search">
 
+		<div class="container">
 
+			<div class="searchBox clearfix">
 
+				<input type="text" class="search_input" placeholder="想搜索“如何替换商品混凝土？”，输入“商品混凝土”试试">
 
+				<button class="btn_search" type="button">快速搜索</button>
 
+			</div>
 
+		</div>
 
+	</div>
 
+	<div class="container">
 
+		<div class="right_warp">
 
+			<div class="row produce_List clearfix">
 
+				<ol class="breadcrumb">
 
+					<li><a href="index.html">首页</a></li>
 
+					<li><a href="index_produce_list1.html">使用我的文库（答疑）</a></li>
 
+					<li class="active">关于文库个人等级</li>
 
+				</ol>
 
+				<div class="produce_List_page">
 
+					<h3>关于文库个人等级----（答疑）</h3>
 
+					<div class="produce_List_pageCon clearfix">
 
+						<p>1.打<a href="#">开通行帐</a>号注册页后，按页面提示开始填写信息：</p>
 
+						<p>2.提交信息无误后，系统将发送一封激活信至您填写的邮箱地址：</p>
 
+						<u>打开邮箱收取类似下图图示的邮件：</u>
 
+						<p>点击打开相应链接后，即可完成通行帐号注册。</p>
 
+						<p>打开邮箱收取类似下图图示的邮件：</p>
 
+						<blockquote>
 
+							“密码保护问题”用于日后找回密码、修改密码等操作的重要凭证，请谨慎填写并牢记！
 
+						</blockquote>
 
+						<p>打开邮箱收取类似下图图示的邮件：</p>
 
+						<strong>点击打开相应链接后，即可完成通行帐号注册。</strong>
 
+						<div class="row produce_List_Con">
 
+							<li class="col-md-4">一行三列</li>
 
+							<li class="col-md-4">一行三列</li>
 
+							<li class="col-md-4">一行三列</li>
 
+						</div>
 
+						<div class="row produce_List_Con">
 
+							<li class="col-md-8">一行两列</li>
 
+							<li class="col-md-4">一行两列</li>
 
+						</div>
 
+						<div class="row produce_List_Con">
 
+							<li class="col-md-6">一行居中两列</li>
 
+							<li class="col-md-6">一行居中两列</li>
 
+						</div>
 
+						<p>打开邮箱收取类似下图图示的邮件：</p>
 
+						<a href="#"><img src="images/gonglu.png"></a></a>
 
+						<p>点击打开相应链接后，即可完成通行帐号注册。</p>
 
+						<p>打开邮箱收取类似下图图示的邮件：</p>
 
+						<blockquote>
 
+							“密码保护问题”用于日后找回密码、修改密码等操作的重要凭证，请谨慎填写并牢记！
 
+						</blockquote>
 
+						<p><embed src="http://player.youku.com/player.php/sid/XMTM2ODk2NzAzNg==/v.swf" allowFullScreen="true" quality="high" width="450" height="300" align="middle" allowScriptAccess="always" type="application/x-shockwave-flash"></embed></p>
 
+						<p>1.打<a href="#">开通行帐</a>号注册页后，按页面提示开始填写信息：</p>
 
+						<table class="table">
 
+							<thead>
 
+								<tr>
 
+									<th width="100">表格</th>
 
+									<th width="200">表格</th>
 
+									<th width="200">表格</th>
 
+								</tr>
 
+							</thead>
 
+							<tr>
 
+								<td>表格 1</td>
 
+								<td>表格 1</td>
 
+								<td>表格 1</td>
 
+							</tr>
 
+							<tr>
 
+								<td>表格 2</td>
 
+								<td>表格 2</td>
 
+								<td>表格 2</td>
 
+							</tr>
 
+						</table>
 
+						<span><a href="">点击打开相应链接后，即可完成通行帐号注册。</a></span>
 
+						<p>打开邮箱收取类似下图图示的邮件：</p>
 
+						<p><button type="button" class="btn btn-default">点击按钮</button></p>
 
+						<p><button type="button" class="btn btn-primary">蓝色按钮</button></p>
 
+						<p>点击打开相应链接后，即可完成通行帐号注册。</p>
 
+						<p>打开邮箱收取类似下图图示的邮件：</p>
 
+						<blockquote>
 
+							“密码保护问题”用于日后找回密码、修改密码等操作的重要凭证，请谨慎填写并牢记！
 
+						</blockquote>
 
+						<p>打开邮箱收取类似下图图示的邮件：</p>
 
+					</div>
 
+				</div>
 
+				<div class="pageCon_feedback">
 
+					<div class="pageCon_feedbackTop">以上内容是否解决了您的问题呢？</div>
 
+					<div class="pageCon_feedbackDown">
 
+						<a class="btn btn-lg btn-primary solved"><span class="glyphicon glyphicon-ok"></span>已解决</a>
 
+						<a class="btn btn-lg btn-danger unsolved"><span class="glyphicon glyphicon-remove"></span>未解决</a>
 
+					</div>
 
+					<div class="pageCon_feedbackDown">
 
+						<a class="btn btn-lg btn-primary solved">已解决 +1</a>
 
+						<a class="btn btn-lg btn-danger unsolved">未解决 +1</a>
 
+					</div>
 
+				</div>
 
+			</div>
 
+			<div class="row Hotarticle clearfix">
 
+				<h3 class="produceTit">相关文章</h3>
 
+				<div class="col-md-6 Hotarticle_Warp">
 
+					<ul class="Hotarticle_List">
 
+						<li><a href="#">如何修改头像</a></li>
 
+						<li><a href="#">如何修改密码</a></li>
 
+						<li><a href="#">如何修改邮箱</a></li>
 
+						<li><a href="#">查看消费记录</a></li>
 
+					</ul>
 
+				</div>
 
+				<div class="col-md-6 Hotarticle_Warp">
 
+					<ul class="Hotarticle_List">
 
+						<li><a href="#">查看充值记录</a></li>
 
+						<li><a href="#">如何修改邮箱</a></li>
 
+						<li><a href="#">如何修改密码</a></li>
 
+						<li><a href="#">如何修改头像</a></li>
 
+					</ul>
 
+				</div>
 
+			</div>
 
+		</div>
 
+	</div>
 
+</div>
 
+<div class="warp-footer clearfix">
 
+	<div class="container">
 
+		<h4 class="footer_left fL">全国服务热线：0756-3850888</h4>
 
+		<div class="footer_right fR">Copyright@珠海纵横创新软件有限公司 all rights reserved</div>
 
+	</div>
 
+</div>
 
+
 
+</body>
 
+</html>

+ 150 - 0
index_produce_list_page.html
Xem Tập Tin 

@@ -0,0 +1,150 @@
 
+<!DOCTYPE html>
 
+<html lang=zh-cn> 
+<head>
 
+  <meta charset=utf-8>
 
+  <title>helpV2</title> 
+  <meta name=description content=帮助中心>  
+  <meta name=copyright content=smartcost.com.cn> 
+  <link rel=stylesheet href=css/bootstrap.css>
 
+  <link rel=stylesheet href=css/global.css>
 
+  <script src=js/jquery-1.9.1.min.js></script>
 
+  <script src=js/bootstrap.js></script>
 
+  <script src=js/global.js></script>
 
+</head>
 
+
 
+<body>
 
+<div class="warp-header">
 
+	<div class="container">
 
+		<div class="Header">
 
+			<div class="nav"><span class="glyphicon glyphicon-home nav_img"></span><a href="index.html">首页</a></div>
 
+			<div class="logo clearfix">
 
+				<img src="images/Logo.jpg">
 
+				<h1 class="logoTitle">教程&帮助</h1>
 
+			</div>
 
+		</div>
 
+	</div>
 
+</div>
 
+<div class="warp-main">
 
+	<div class="search">
 
+		<div class="container">
 
+			<div class="searchBox clearfix">
 
+				<input type="text" class="search_input" placeholder="想搜索“如何替换商品混凝土？”，输入“商品混凝土”试试">
 
+				<button class="btn_search btn_search_right" type="button">快速搜索</button>
 
+			</div>
 
+		</div>
 
+	</div>
 
+	<div class="container">
 
+		<div class="left_main">
 
+			<div class="left_nav" id="left_nav">
 
+				<ul>
 
+					<li><a class="active" href="index_produce_list.html"><span class="glyphicon glyphicon-chevron-left"></span>使用我的文库</a></li>
 
+					<li><a class="now" href="index_produce_list_page.html">关于文库个人等级</a></li>
 
+					<li><a href="#">如何修改密码</a></li>
 
+					<li><a href="#">如何修改邮箱</a></li>
 
+					<li><a href="#">查看消费记录</a></li>
 
+					<li><a href="#">查看充值记录</a></li>
 
+				</ul>
 
+			</div>
 
+		</div>
 
+		<div class="right_main">
 
+			<div class="row produce_List clearfix">
 
+				<div class="produce_List_page">
 
+					<h3>关于文库个人等级----（文库）</h3>
 
+					<div class="produce_List_pageCon clearfix">
 
+						<p>1.打<a href="#">开通行帐</a>号注册页后，按页面提示开始填写信息：</p>
 
+						<p>2.提交信息无误后，系统将发送一封激活信至您填写的邮箱地址：</p>
 
+						<u>打开邮箱收取类似下图图示的邮件：</u>
 
+						<p>点击打开相应链接后，即可完成通行帐号注册。</p>
 
+						<p>打开邮箱收取类似下图图示的邮件：</p>
 
+						<blockquote>
 
+							“密码保护问题”用于日后找回密码、修改密码等操作的重要凭证，请谨慎填写并牢记！
 
+						</blockquote>
 
+						<p>打开邮箱收取类似下图图示的邮件：</p>
 
+						<strong>点击打开相应链接后，即可完成通行帐号注册。</strong>
 
+						<div class="row produce_List_Con">
 
+							<li class="col-md-4">一行三列</li>
 
+							<li class="col-md-4">一行三列</li>
 
+							<li class="col-md-4">一行三列</li>
 
+						</div>
 
+						<div class="row produce_List_Con">
 
+							<li class="col-md-8">一行两列</li>
 
+							<li class="col-md-4">一行两列</li>
 
+						</div>
 
+						<div class="row produce_List_Con">
 
+							<li class="col-md-6">一行居中两列</li>
 
+							<li class="col-md-6">一行居中两列</li>
 
+						</div>
 
+						<p>打开邮箱收取类似下图图示的邮件：</p>
 
+						<a href="#"><img src="images/gonglu.png"></a></a>
 
+						<p>点击打开相应链接后，即可完成通行帐号注册。</p>
 
+						<p>打开邮箱收取类似下图图示的邮件：</p>
 
+						<blockquote>
 
+							“密码保护问题”用于日后找回密码、修改密码等操作的重要凭证，请谨慎填写并牢记！
 
+						</blockquote>
 
+						<p>1.打<a href="#">开通行帐</a>号注册页后，按页面提示开始填写信息：</p>
 
+						<table class="table">
 
+							<thead>
 
+								<tr>
 
+									<th width="100">表格</th>
 
+									<th width="200">表格</th>
 
+									<th width="200">表格</th>
 
+								</tr>
 
+							</thead>
 
+							<tr>
 
+								<td>表格 1</td>
 
+								<td>表格 1</td>
 
+								<td>表格 1</td>
 
+							</tr>
 
+							<tr>
 
+								<td>表格 2</td>
 
+								<td>表格 2</td>
 
+								<td>表格 2</td>
 
+							</tr>
 
+						</table>
 
+						<span><a href="">点击打开相应链接后，即可完成通行帐号注册。</a></span>
 
+						<p>打开邮箱收取类似下图图示的邮件：</p>
 
+						<p><button type="button" class="btn btn-default">点击按钮</button></p>
 
+						<p><button type="button" class="btn btn-primary">蓝色按钮</button></p>
 
+						<p>点击打开相应链接后，即可完成通行帐号注册。</p>
 
+						<p>打开邮箱收取类似下图图示的邮件：</p>
 
+						<blockquote>
 
+							“密码保护问题”用于日后找回密码、修改密码等操作的重要凭证，请谨慎填写并牢记！
 
+						</blockquote>
 
+						<p>打开邮箱收取类似下图图示的邮件：</p>
 
+					</div>
 
+				</div>
 
+				<div class="pageCon_feedback">
 
+					<div class="pageCon_feedbackTop">以上内容是否解决了您的问题呢？</div>
 
+					<div class="pageCon_feedbackDown">
 
+						<a class="btn btn-lg btn-primary solved" ><span class="glyphicon glyphicon-ok"></span>已解决</a>
 
+						<a class="btn btn-lg btn-danger unsolved"><span class="glyphicon glyphicon-remove"></span>未解决</a>
 
+					</div>
 
+					<div class="pageCon_feedbackDown">
 
+						<a class="btn btn-lg btn-primary solved">已解决 +1</a>
 
+						<a class="btn btn-lg btn-danger unsolved">未解决 +1</a>
 
+					</div>
 
+				</div>
 
+			</div>
 
+		</div>
 
+	</div>
 
+</div>
 
+<div class="warp-footer clearfix" id="warp-footer">
 
+	<div class="container">
 
+		<h4 class="footer_left fL">全国服务热线：0756-3850888</h4>
 
+		<div class="footer_right fR">Copyright@珠海纵横创新软件有限公司 all rights reserved</div>
 
+	</div>
 
+</div>
 
+
 
+<script src=js/stickySidebar.js></script>
 
+<script>
 
+$(document).ready(function() {
 
+    $('#left_nav').stickySidebar({
 
+        sidebarTopMargin: 5,
 
+        footerThreshold: 100
 
+    });
 
+});
 
+</script>
 
+
 
+
 
+</body>
 
+</html>

+ 124 - 0
index_search.html
Xem Tập Tin 

@@ -0,0 +1,124 @@
 
+<!DOCTYPE html>
 
+<html lang=zh-cn> 
+<head>
 
+  <meta charset=utf-8>
 
+  <title>helpV2</title> 
+  <meta name=description content=帮助中心>  
+  <meta name=copyright content=smartcost.com.cn> 
+  <link rel=stylesheet href=css/bootstrap.css>
 
+  <link rel=stylesheet href=css/global.css>
 
+  <script src=js/jquery-1.9.1.min.js></script> 
+  <script src=js/bootstrap.js></script>
 
+  <script src=js/global.js></script>
 
+</head>
 
+
 
+<body>
 
+<div class="warp-header">
 
+	<div class="container">
 
+		<div class="Header">
 
+			<div class="nav"><span class="glyphicon glyphicon-home nav_img"></span><a href="index.html">首页</a></div>
 
+			<div class="logo clearfix">
 
+				<img src="images/Logo.jpg">
 
+				<h1 class="logoTitle">教程&帮助</h1>
 
+			</div>
 
+		</div>
 
+	</div>
 
+</div>
 
+<div class="warp-main">
 
+	<div class="search">
 
+		<div class="container">
 
+			<div class="searchBox clearfix">
 
+				<input type="text" class="search_input" placeholder="想搜索“如何替换商品混凝土？”，输入“商品混凝土”试试">
 
+				<button class="btn_search" type="button">快速搜索</button>
 
+			</div>
 
+		</div>
 
+	</div>
 
+	<div class="container">
 
+		<div class="search_warp">
 
+			<div class="search_class clearfix">
 
+				<ul>
 
+					<li>请选择类别：</li>
 
+					<li>
 
+						<select class="form-control">
 
+							<option>公路造价</option>
 
+							<option>计量支付</option>
 
+							<option>结算决算</option>
 
+							<option>材料调差</option>
 
+							<option>养护造价</option>
 
+							<option>公路算量</option>
 
+							<option>标后预算</option>
 
+							<option>0号台账编制</option>
 
+							<option>纵横文库</option>
 
+							<option>纵横问答</option>
 
+							<option>纵横价格信息</option>
 
+							<option>造价网络版</option>
 
+							<option>工程晴雨表</option>
 
+							<option>通行帐号</option>
 
+						</select>
 
+					</li>
 
+					<li>
 
+						<select class="form-control">
 
+							<option>关于文库</option>
 
+							<option>用户使用条款</option>
 
+							<option>使用我的文库</option>
 
+							<option>上传文档</option>
 
+							<option>文档预览</option>
 
+							<option>什么是文库年费会员</option>
 
+							<option>关于信息通知</option>
 
+						</select>
 
+					</li>
 
+				</ul>
 
+			</div>
 
+			<div class="search_news clearfix">
 
+				<ul>
 
+					<li><a href="#">冬雨季及夜间施工增工百分率、临时设施用工指标用工指标填写在02表</a></li>
 
+					<li><a href="#">冬雨季及夜间施工增工百分率、临时设施用工指标用工指标填写在02表冬雨，冬雨季及夜间施工增工百分率、临时设施用工指标用工指标填写在02表</a></li>
 
+					<li><a href="#">冬雨季及夜间施工增工百分率、临时设施用工指标用工指标填写在02表</a></li>
 
+					<li><a href="#">冬雨季及夜间施工增工百分率、临时设施用工指标用工指标填写在02表，冬雨季及夜间施工增工百分率、临时设施用工指标用工指标填写在02表</a></li>
 
+					<li><a href="#">冬雨季及夜间施工增工百分率、临时设施用工指标用工指标填写在02表</a></li>
 
+					<li><a href="#">冬雨季及夜间施工增工百分率、临时设施用工指标用工指标填写在02表冬雨，冬雨季及夜间施工增工百分率、临时设施用工指标用工指标填写在02表</a></li>
 
+					<li><a href="#">冬雨季及夜间施工增工百分率、临时设施用工指标用工指标填写在02表</a></li>
 
+					<li><a href="#">冬雨季及夜间施工增工百分率、临时设施用工指标用工指标填写在02表</a></li>
 
+				</ul>
 
+			</div>
 
+			<nav>
 
+				<ul class="pagination">
 
+					<li>
 
+						<a href="#" aria-label="Previous">
 
+							<span aria-hidden="true">&laquo;</span>
 
+						</a>
 
+					</li>
 
+					<li class="active"><a href="#">1</a></li>
 
+					<li><a href="#">2</a></li>
 
+					<li><a href="#">3</a></li>
 
+					<li><a href="#">4</a></li>
 
+					<li><a href="#">5</a></li>
 
+					<li>
 
+						<a href="#" aria-label="Next">
 
+							<span aria-hidden="true">&raquo;</span>
 
+						</a>
 
+					</li>
 
+				</ul>
 
+			</nav>
 
+		</div>
 
+	</div>
 
+</div>
 
+<div class="warp-footer clearfix">
 
+	<div class="container">
 
+		<h4 class="footer_left fL">全国服务热线：0756-3850888</h4>
 
+		<div class="footer_right fR">Copyright@珠海纵横创新软件有限公司 all rights reserved</div>
 
+	</div>
 
+</div>
 
+
 
+<script src=js/stickySidebar.js></script>
 
+<script>
 
+$(document).ready(function() {
 
+    $('#left_nav').stickySidebar({
 
+        sidebarTopMargin: 5,
 
+        footerThreshold: 100
 
+    });
 
+});
 
+</script>
 
+
 
+</body>
 
+</html>

Những thai đổi đã bị hủy bỏ vì nó quá lớn
+ 2366 - 0
js/bootstrap.js


Những thai đổi đã bị hủy bỏ vì nó quá lớn
+ 12 - 0
js/bootstrap.min.js


+ 8 - 0
js/global.js
Xem Tập Tin 

@@ -0,0 +1,8 @@
 
+$(function () {
 
+  $('[data-toggle="tooltip"]').tooltip()
 
+})
 
+
 
+
 
+
 
+
 
+

Những thai đổi đã bị hủy bỏ vì nó quá lớn
+ 5 - 0
js/jquery-1.9.1.min.js


+ 59 - 0
js/stickySidebar.js
Xem Tập Tin 

@@ -0,0 +1,59 @@
 
+(function ($) {
 
+
 
+    $.fn.stickySidebar = function (options) {
 
+
 
+        var config = $.extend({
 
+            headerSelector: '.warp-header',
 
+            navSelector: '.search',
 
+            contentSelector: '.right_main',
 
+            footerSelector: '.warp-footer',
 
+            sidebarTopMargin: 5,
 
+            footerThreshold: 40
 
+        }, options);
 
+
 
+        var fixSidebr = function () {
 
+
 
+            var sidebarSelector = $(this);
 
+            var viewportHeight = $(window).height();
 
+            var viewportWidth = $(window).width();
 
+            var documentHeight = $(document).height();
 
+            var headerHeight = $(config.headerSelector).outerHeight();
 
+            var navHeight = $(config.navSelector).outerHeight();
 
+            var sidebarHeight = sidebarSelector.outerHeight();
 
+            var contentHeight = $(config.contentSelector).outerHeight();
 
+            var footerHeight = $(config.footerSelector).outerHeight();
 
+            var scroll_top = $(window).scrollTop();
 
+            var fixPosition = contentHeight - sidebarHeight;
 
+            var breakingPoint1 = headerHeight + navHeight;
 
+            var breakingPoint2 = documentHeight - (sidebarHeight + footerHeight + config.footerThreshold);
 
+
 
+            // calculate
 
+            if ((contentHeight > sidebarHeight) && (viewportHeight > sidebarHeight)) {
 
+
 
+                if (scroll_top < breakingPoint1) {
 
+
 
+                    sidebarSelector.removeClass('sticky');
 
+
 
+                } else if ((scroll_top >= breakingPoint1) && (scroll_top < breakingPoint2)) {
 
+
 
+                    sidebarSelector.addClass('sticky').css('top', config.sidebarTopMargin);
 
+
 
+                } else {
 
+
 
+                    var negative = breakingPoint2 - scroll_top;
 
+                    sidebarSelector.addClass('sticky').css('top', negative);
 
+
 
+                }
 
+
 
+            }
 
+        };
 
+
 
+        return this.each(function () {
 
+            $(window).on('scroll', $.proxy(fixSidebr, this));
 
+            $(window).on('resize', $.proxy(fixSidebr, this))
 
+            $.proxy(fixSidebr, this)();
 
+        });
 
+
 
+    };
 
+
 
+}(jQuery));

BIN
帮助中心开发文档.docx
Xem Tập Tin