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 8 năm trước cách đây
mục cha
423a7686c2
commit
87290b6239
60 tập tin đã thay đổi với 23031 bổ sung và 10964 xóa
Split View Hiển thị tình trạng sai khác
  1. 245 0
      admin-article-add.html
  2. 253 0
      admin-article-edit.html
  3. 232 0
      admin-article.html
  4. 265 0
      admin-classlist.html
  5. 187 0
      admin-recom.html
  6. 273 0
      admin-user.html
  7. 0 343
      admin_index.html
  8. 0 233
      admin_index_addNews.html
  9. 0 209
      admin_index_class.html
  10. 0 266
      admin_index_classFirst.html
  11. 0 242
      admin_index_editNews.html
  12. 0 238
      admin_index_recom.html
  13. 0 371
      css/admin-global.css
  14. 1339 0
      css/bootstrap-grid.css
  15. 1 0
      css/bootstrap-grid.css.map
  16. 1 0
      css/bootstrap-grid.min.css
  17. 1 0
      css/bootstrap-grid.min.css.map
  18. 459 0
      css/bootstrap-reboot.css
  19. 1 0
      css/bootstrap-reboot.css.map
  20. 1 0
      css/bootstrap-reboot.min.css
  21. 1 0
      css/bootstrap-reboot.min.css.map
  22. 0 596
      css/bootstrap-theme.css
  23. 0 14
      css/bootstrap-theme.min.css
  24. 8157 5639
      css/bootstrap.css
  25. 1 0
      css/bootstrap.css.map
  26. 4 12
      css/bootstrap.min.css
  27. 1 0
      css/bootstrap.min.css.map
  28. 323 0
      css/global-index.css
  29. 367 326
      css/global.css
  30. 1480 0
      css/ionicons.css
  31. 134 0
      dist/css/tether-theme-arrows-dark.css
  32. 1 0
      dist/css/tether-theme-arrows-dark.min.css
  33. 138 0
      dist/css/tether-theme-arrows.css
  34. 1 0
      dist/css/tether-theme-arrows.min.css
  35. 21 0
      dist/css/tether-theme-basic.css
  36. 1 0
      dist/css/tether-theme-basic.min.css
  37. 8 0
      dist/css/tether.css
  38. 1 0
      dist/css/tether.min.css
  39. 1792 0
      dist/js/tether.js
  40. 1 0
      dist/js/tether.min.js
  41. BIN
      fonts/ionicons.eot
  42. 2230 0
      fonts/ionicons.svg
  43. BIN
      fonts/ionicons.ttf
  44. BIN
      fonts/ionicons.woff
  45. BIN
      images/Logo.jpg
  46. BIN
      images/avatarImg.jpg
  47. 60 37
      index_produce_list_page.html
  48. 129 0
      index-produce.html
  49. 42 43
      index_search.html
  50. 62 53
      index.html
  51. 0 141
      index_produce.html
  52. 0 100
      index_produce_list.html
  53. 0 97
      index_produce_list1.html
  54. 0 152
      index_produce_list1_page1.html
  55. 2950 1781
      js/bootstrap.js
  56. 4 9
      js/bootstrap.min.js
  57. 34 3
      js/global.js
  58. 0 59
      js/stickySidebar.js
  59. 1792 0
      js/tether.js
  60. 38 0
      login.html

+ 245 - 0
admin-article-add.html
Xem Tập Tin 

@@ -0,0 +1,245 @@
 
+<!DOCTYPE html>
 
+<html lang="zh-cn">
 
+  <head>
 
+    <!-- Required meta tags -->
 
+    <meta charset="utf-8">
 
+    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
 
+
 
+    <!-- Bootstrap CSS -->
 
+    <link rel="stylesheet" href="css/bootstrap.css">
 
+    <link rel="stylesheet" href="css/global.css">
 
+    <link rel="stylesheet" href="css/ionicons.css">
 
+  </head>
 
+  <body> 
+    <header class="fixed-top top-wrap">
 
+      <div class="float-right">
 
+        <a href="#" class="user-wrap" alt="退出登录">
 
+          <span href="#" class="avatar-warp"><img src="images/avatarImg.jpg" width="30" height="30" class="avatar-img"></span>
 
+          <span class="user-name">欧桃珍<i class="ion-power ion-off"></i></span>
 
+        </a>
 
+      </div>
 
+      <div class="top-title">纵横帮助中心</div>
 
+    </header>
 
+    <div class="wrap">
 
+      <div class="nav left-nav">
 
+        <ul>
 
+          <li><a href="admin-user.html"><i class="icon ion-person"></i>用户</a></li>
 
+          <li><a href="admin-article.html" class="active"><i class="icon ion-ios-paper"></i>文章</a></li>
 
+          <li><a href="admin-classlist.html"><i class="icon ion-ios-list"></i>类别</a></li>
 
+          <li><a href="admin-recom.html"><i class="icon ion-thumbsup"></i>推荐</a></li>
 
+        </ul>
 
+      </div>
 
+      <div class="main-wrap container-fluid">
 
+        <div class="main-title navbar navbar-light bg-faded justify-content-between">
 
+          <a class="navbar-brand">文章中心</a>
 
+          <form class="float-right">
 
+            <div class="input-group">
 
+              <input type="text" class="form-control" placeholder="请输入关键字或关键词" aria-label="Search for...">
 
+              <span class="input-group-btn">
 
+                <button class="btn btn-green" type="button">搜索</button>
 
+              </span>
 
+            </div>
 
+          </form>
 
+        </div>
 
+        <div class="main-function mt-4 mb-4">
 
+          <button type="button" class="btn btn-green open-sidebar">发布新文章</button>
 
+          <button type="button" class="btn btn-danger" data-toggle="modal" data-target="#del-article">删除</button>
 
+        </div>
 
+        <div class="main-body">
 
+          <table class="table">
 
+            <thead>
 
+              <tr>
 
+                <th><input type="checkbox"></th>
 
+                <th>文章标题</th>
 
+                <th width="120">类别</th>
 
+                <th width="160">文章是/否有用</th>
 
+                <th width="150">发布时间</th>
 
+                <th width="170">操作</th>
 
+              </tr>
 
+            </thead>
 
+            <tbody>
 
+              <tr>
 
+                <td><input type="checkbox"></td>
 
+                <td><a href="#" class="open-sidebar">冬雨季及夜间施工增工百分率、临时设施用工指标用工指标填写在02表冬雨季及夜间施工增工百分率、临时设施用工指标用工指标填写在02表 </a><b class="text-warning">[荐]</b></td>
 
+                <td><a href="#">文件管理类</a></td>
 
+                <td><span class="mr-3">是&nbsp;6</span><span class="mr-3">否&nbsp;0</span><a href="#">清空</a></td>
 
+                <td>2017-07-10 18:12</td>
 
+                <td><a class="btn btn-outline-blue btn-sm mr-2" href="admin-article-edit.html" role="button">编辑</a><a class="btn btn-outline-danger btn-sm" href="#" role="button" data-toggle="modal" data-target="#del-article">删除</a></td>
 
+              </tr>
 
+              <tr>
 
+                <td><input type="checkbox"></td>
 
+                <td><a href="#" class="open-sidebar">冬雨季及夜间施工增工百分率、临时设施用工指标用工指标填写在02表 </a><b class="text-warning">[荐]</b></td>
 
+                <td><a href="#">文件管理类</a></td>
 
+                <td><span class="mr-3">是&nbsp;6</span><span class="mr-3">否&nbsp;0</span><a href="#">清空</a></td>
 
+                <td>2017-07-10 18:12</td>
 
+                <td><a class="btn btn-outline-blue btn-sm mr-2" href="admin-article-edit.html" role="button">编辑</a><a class="btn btn-outline-danger btn-sm" href="#" role="button" data-toggle="modal" data-target="#del-article">删除</a></td>
 
+              </tr>
 
+              <tr>
 
+                <td><input type="checkbox"></td>
 
+                <td><a href="#" class="open-sidebar">冬雨季及夜间施工增工百分率、临时设施用工指标用工指标填写在02表，冬雨季及夜间施工增工百分率、临时设施用工指标用工指标填写在02表 </a></td>
 
+                <td><a href="#">文件管理类</a></td>
 
+                <td><span class="mr-3">是&nbsp;6</span><span class="mr-3">否&nbsp;0</span><a href="#">清空</a></td>
 
+                <td>2017-07-10 18:12</td>
 
+                <td><a class="btn btn-outline-blue btn-sm mr-2" href="admin-article-edit.html" role="button">编辑</a><a class="btn btn-outline-danger btn-sm" href="#" role="button" data-toggle="modal" data-target="#del-article">删除</a></td>
 
+              </tr>
 
+              <tr>
 
+                <td><input type="checkbox"></td>
 
+                <td><a href="#" class="open-sidebar">冬雨季及夜间施工增工百分率、临时设施用工指标用工指标填写在02表 </a></td>
 
+                <td><a href="#">文件管理类</a></td>
 
+                <td><span class="mr-3">是&nbsp;6</span><span class="mr-3">否&nbsp;0</span><a href="#">清空</a></td>
 
+                <td>2017-07-10 18:12</td>
 
+                <td><a class="btn btn-outline-blue btn-sm mr-2" href="admin-article-edit.html" role="button">编辑</a><a class="btn btn-outline-danger btn-sm" href="#" role="button" data-toggle="modal" data-target="#del-article">删除</a></td>
 
+              </tr>
 
+              <tr>
 
+                <td><input type="checkbox"></td>
 
+                <td><a href="#" class="open-sidebar">冬雨季及夜间施工增工百分率、临时设施用工指标用工指标填写在02表 </a></td>
 
+                <td><a href="#">文件管理类</a></td>
 
+                <td><span class="mr-3">是&nbsp;6</span><span class="mr-3">否&nbsp;0</span><a href="#">清空</a></td>
 
+                <td>2017-07-10 18:12</td>
 
+                <td><a class="btn btn-outline-blue btn-sm mr-2" href="admin-article-edit.html" role="button">编辑</a><a class="btn btn-outline-danger btn-sm" href="#" role="button" data-toggle="modal" data-target="#del-article">删除</a></td>
 
+              </tr>
 
+              <tr>
 
+                <td><input type="checkbox"></td>
 
+                <td><a href="#" class="open-sidebar">冬雨季及夜间施工增工百分率、临时设施用工指标用工指标填写在02表，冬雨季及夜间施工增工百分率、临时设施用工指标用工指标填写在02表 </a></td>
 
+                <td><a href="#">文件管理类</a></td>
 
+                <td><span class="mr-3">是&nbsp;6</span><span class="mr-3">否&nbsp;0</span><a href="#">清空</a></td>
 
+                <td>2017-07-10 18:12</td>
 
+                <td><a class="btn btn-outline-blue btn-sm mr-2" href="admin-article-edit.html" role="button">编辑</a><a class="btn btn-outline-danger btn-sm" href="#" role="button" data-toggle="modal" data-target="#del-article">删除</a></td>
 
+              </tr>
 
+              <tr>
 
+                <td><input type="checkbox"></td>
 
+                <td><a href="#" class="open-sidebar">冬雨季及夜间施工增工百分率、临时设施用工指标用工指标填写在02表 </a></td>
 
+                <td><a href="#">文件管理类</a></td>
 
+                <td><span class="mr-3">是&nbsp;6</span><span class="mr-3">否&nbsp;0</span><a href="#">清空</a></td>
 
+                <td>2017-07-10 18:12</td>
 
+                <td><a class="btn btn-outline-blue btn-sm mr-2" href="admin-article-edit.html" role="button">编辑</a><a class="btn btn-outline-danger btn-sm" href="#" role="button" data-toggle="modal" data-target="#del-article">删除</a></td>
 
+              </tr>
 
+              <tr>
 
+                <td><input type="checkbox"></td>
 
+                <td><a href="#" class="open-sidebar">冬雨季及夜间施工增工百分率、临时设施用工指标用工指标填写在02表 </a></td>
 
+                <td><a href="#">文件管理类</a></td>
 
+                <td><span class="mr-3">是&nbsp;6</span><span class="mr-3">否&nbsp;0</span><a href="#">清空</a></td>
 
+                <td>2017-07-10 18:12</td>
 
+                <td><a class="btn btn-outline-blue btn-sm mr-2" href="admin-article-edit.html" role="button">编辑</a><a class="btn btn-outline-danger btn-sm" href="#" role="button" data-toggle="modal" data-target="#del-article">删除</a></td>
 
+              </tr>
 
+              <tr>
 
+                <td><input type="checkbox"></td>
 
+                <td><a href="#" class="open-sidebar">冬雨季及夜间施工增工百分率、临时设施用工指标用工指标填写在02表，冬雨季及夜间施工增工百分率、临时设施用工指标用工指标填写在02表 </a></td>
 
+                <td><a href="#">文件管理类</a></td>
 
+                <td><span class="mr-3">是&nbsp;6</span><span class="mr-3">否&nbsp;0</span><a href="#">清空</a></td>
 
+                <td>2017-07-10 18:12</td>
 
+                <td><a class="btn btn-outline-blue btn-sm mr-2" href="admin-article-edit.html" role="button">编辑</a><a class="btn btn-outline-danger btn-sm" href="#" role="button" data-toggle="modal" data-target="#del-article">删除</a></td>
 
+              </tr>
 
+              <tr>
 
+                <td><input type="checkbox"></td>
 
+                <td><a href="#" class="open-sidebar">冬雨季及夜间施工增工百分率、临时设施用工指标用工指标填写在02表 </a></td>
 
+                <td><a href="#">文件管理类</a></td>
 
+                <td><span class="mr-3">是&nbsp;6</span><span class="mr-3">否&nbsp;0</span><a href="#">清空</a></td>
 
+                <td>2017-07-10 18:12</td>
 
+                <td><a class="btn btn-outline-blue btn-sm mr-2" href="admin-article-edit.html" role="button">编辑</a><a class="btn btn-outline-danger btn-sm" href="#" role="button" data-toggle="modal" data-target="#del-article">删除</a></td>
 
+              </tr>
 
+            </tbody>
 
+          </table>
 
+          <nav aria-label="Page navigation example">
 
+            <ul class="pagination">
 
+              <li class="page-item">
 
+                <a class="page-link" href="#" aria-label="Previous">
 
+                  <span aria-hidden="true">&laquo;</span>
 
+                  <span class="sr-only">Previous</span>
 
+                </a>
 
+              </li>
 
+              <li class="page-item"><a class="page-link" href="#">1</a></li>
 
+              <li class="page-item"><a class="page-link" href="#">2</a></li>
 
+              <li class="page-item"><a class="page-link" href="#">3</a></li>
 
+              <li class="page-item">
 
+                <a class="page-link" href="#" aria-label="Next">
 
+                  <span aria-hidden="true">&raquo;</span>
 
+                  <span class="sr-only">Next</span>
 
+                </a>
 
+              </li>
 
+            </ul>
 
+          </nav>
 
+        </div>
 
+      </div>
 
+      <div class="side-wrap" style="right:0;">
 
+        <div class="side-top pl-4 pr-4 pt-3 pb-3 sticky-top clearfix">
 
+          <div class="float-right">
 
+            <a class="btn btn-primary btn-sm mr-2" href="#" role="button">保存</a>
 
+            <a class="btn btn-green btn-sm mr-2" href="#" role="button">发布</a>
 
+          </div>
 
+          <h4>文章中心</h4>
 
+        </div>
 
+        <div class="side-main p-4">
 
+          <div class="form-group row">
 
+            <label for="example-text-input" class="col-2 col-form-label">类别：</label>
 
+            <div class="col-10">
 
+              <ul>
 
+                <li class="pb-3">
 
+                  <select class="form-control">
 
+                    <option>请选择</option>
 
+                    <option>公路（养护、广东）造价软件</option>
 
+                    <option>┣ 文件管理类 </option>
 
+                    <option>┗ 费率类 </option>
 
+                    <option>公路（养护、广东）造价软件</option>
 
+                    <option>┣ 文件管理类 </option>
 
+                    <option>┗ 费率类 </option>
 
+                  </select>
 
+                </li>
 
+              </ul>
 
+            </div>
 
+          </div>
 
+          <div class="form-group row">
 
+            <label for="example-text-input" class="col-2 col-form-label">推荐：</label>
 
+            <div class="col-10">
 
+              <label class="custom-control custom-checkbox">
 
+                <input type="checkbox" class="custom-control-input">
 
+                <span class="custom-control-indicator"></span>
 
+                <span class="custom-control-description">推荐文章</span>
 
+              </label>
 
+            </div>
 
+          </div>
 
+          <div class="form-group row">
 
+            <label for="example-text-input" class="col-2 col-form-label">标题：</label>
 
+            <div class="col-10">
 
+              <textarea class="form-control" id="exampleTextarea" rows="8"></textarea>
 
+            </div>
 
+          </div>
 
+          <div class="form-group row">
 
+            <label for="example-text-input" class="col-2 col-form-label">内容：</label>
 
+            <div class="col-10">
 
+              <textarea class="form-control" id="exampleTextarea" rows="15"></textarea>
 
+            </div>
 
+          </div>
 
+        </div>
 
+      </div>
 
+    </div>
 
+
 
+    <div class="modal fade" id="del-article" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
 
+      <div class="modal-dialog" role="document">
 
+        <div class="modal-content">
 
+          <div class="modal-header">
 
+            <h5 class="modal-title" id="exampleModalLabel">删除文章</h5>
 
+            <button type="button" class="close" data-dismiss="modal" aria-label="Close">
 
+              <span aria-hidden="true">&times;</span>
 
+            </button>
 
+          </div>
 
+          <div class="modal-body">
 
+            <h5 class="pt-3 pb-3">是否删除该文章？</h5>
 
+          </div>
 
+          <div class="modal-footer">
 
+            <button type="button" class="btn btn-secondary" data-dismiss="modal">取消</button>
 
+            <button type="button" class="btn btn-danger">确定</button>
 
+          </div>
 
+        </div>
 
+      </div>
 
+    </div>
 
+
 
+
 
+    <!-- jQuery first, then Popper.js, then Bootstrap JS. -->
 
+    <script src="js/jquery-1.9.1.min.js"></script>
 
+    <script src="js/tether.js"></script>
 
+    <script src="js/bootstrap.js"></script>
 
+    <script src="js/global.js"></script>
 
+    <script type="text/javascript">autoFlashHeight();</script>
 
+  </body>
 
+</html>

+ 253 - 0
admin-article-edit.html
Xem Tập Tin 

@@ -0,0 +1,253 @@
 
+<!DOCTYPE html>
 
+<html lang="zh-cn">
 
+  <head>
 
+    <!-- Required meta tags -->
 
+    <meta charset="utf-8">
 
+    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
 
+
 
+    <!-- Bootstrap CSS -->
 
+    <link rel="stylesheet" href="css/bootstrap.css">
 
+    <link rel="stylesheet" href="css/global.css">
 
+    <link rel="stylesheet" href="css/ionicons.css">
 
+  </head>
 
+  <body> 
+    <header class="fixed-top top-wrap">
 
+      <div class="float-right">
 
+        <a href="#" class="user-wrap" alt="退出登录">
 
+          <span href="#" class="avatar-warp"><img src="images/avatarImg.jpg" width="30" height="30" class="avatar-img"></span>
 
+          <span class="user-name">欧桃珍<i class="ion-power ion-off"></i></span>
 
+        </a>
 
+      </div>
 
+      <div class="top-title">纵横帮助中心</div>
 
+    </header>
 
+    <div class="wrap">
 
+      <div class="nav left-nav">
 
+        <ul>
 
+          <li><a href="admin-user.html"><i class="icon ion-person"></i>用户</a></li>
 
+          <li><a href="admin-article.html" class="active"><i class="icon ion-ios-paper"></i>文章</a></li>
 
+          <li><a href="admin-classlist.html"><i class="icon ion-ios-list"></i>类别</a></li>
 
+          <li><a href="admin-recom.html"><i class="icon ion-thumbsup"></i>推荐</a></li>
 
+        </ul>
 
+      </div>
 
+      <div class="main-wrap container-fluid">
 
+        <div class="main-title navbar navbar-light bg-faded justify-content-between">
 
+          <a class="navbar-brand">文章中心</a>
 
+          <form class="float-right">
 
+            <div class="input-group">
 
+              <input type="text" class="form-control" placeholder="请输入关键字或关键词" aria-label="Search for...">
 
+              <span class="input-group-btn">
 
+                <button class="btn btn-green" type="button">搜索</button>
 
+              </span>
 
+            </div>
 
+          </form>
 
+        </div>
 
+        <div class="main-function mt-4 mb-4">
 
+          <a href="admin-article-add.html" class="btn btn-green">发布新文章</a>
 
+          <button type="button" class="btn btn-danger" data-toggle="modal" data-target="#del-article">删除</button>
 
+        </div>
 
+        <div class="main-body">
 
+          <table class="table">
 
+            <thead>
 
+              <tr>
 
+                <th><input type="checkbox"></th>
 
+                <th>文章标题</th>
 
+                <th width="120">类别</th>
 
+                <th width="160">文章是/否有用</th>
 
+                <th width="150">发布时间</th>
 
+                <th width="170">操作</th>
 
+              </tr>
 
+            </thead>
 
+            <tbody>
 
+              <tr>
 
+                <td><input type="checkbox"></td>
 
+                <td><a href="#">冬雨季及夜间施工增工百分率、临时设施用工指标用工指标填写在02表冬雨季及夜间施工增工百分率、临时设施用工指标用工指标填写在02表 </a><b class="text-warning">[荐]</b></td>
 
+                <td><a href="#">文件管理类</a></td>
 
+                <td><span class="mr-3">是&nbsp;6</span><span class="mr-3">否&nbsp;0</span><a href="#">清空</a></td>
 
+                <td>2017-07-10 18:12</td>
 
+                <td><a class="btn btn-outline-blue btn-sm mr-2 open-sidebar" href="#" role="button">编辑</a><a class="btn btn-outline-danger btn-sm" href="#" role="button" data-toggle="modal" data-target="#del-article">删除</a></td>
 
+              </tr>
 
+              <tr>
 
+                <td><input type="checkbox"></td>
 
+                <td><a href="#">冬雨季及夜间施工增工百分率、临时设施用工指标用工指标填写在02表 </a><b class="text-warning">[荐]</b></td>
 
+                <td><a href="#">文件管理类</a></td>
 
+                <td><span class="mr-3">是&nbsp;6</span><span class="mr-3">否&nbsp;0</span><a href="#">清空</a></td>
 
+                <td>2017-07-10 18:12</td>
 
+                <td><a class="btn btn-outline-blue btn-sm mr-2 open-sidebar" href="#" role="button">编辑</a><a class="btn btn-outline-danger btn-sm" href="#" role="button" data-toggle="modal" data-target="#del-article">删除</a></td>
 
+              </tr>
 
+              <tr>
 
+                <td><input type="checkbox"></td>
 
+                <td><a href="#">冬雨季及夜间施工增工百分率、临时设施用工指标用工指标填写在02表，冬雨季及夜间施工增工百分率、临时设施用工指标用工指标填写在02表 </a></td>
 
+                <td><a href="#">文件管理类</a></td>
 
+                <td><span class="mr-3">是&nbsp;6</span><span class="mr-3">否&nbsp;0</span><a href="#">清空</a></td>
 
+                <td>2017-07-10 18:12</td>
 
+                <td><a class="btn btn-outline-blue btn-sm mr-2 open-sidebar" href="#" role="button">编辑</a><a class="btn btn-outline-danger btn-sm" href="#" role="button" data-toggle="modal" data-target="#del-article">删除</a></td>
 
+              </tr>
 
+              <tr>
 
+                <td><input type="checkbox"></td>
 
+                <td><a href="#">冬雨季及夜间施工增工百分率、临时设施用工指标用工指标填写在02表 </a></td>
 
+                <td><a href="#">文件管理类</a></td>
 
+                <td><span class="mr-3">是&nbsp;6</span><span class="mr-3">否&nbsp;0</span><a href="#">清空</a></td>
 
+                <td>2017-07-10 18:12</td>
 
+                <td><a class="btn btn-outline-blue btn-sm mr-2 open-sidebar" href="#" role="button">编辑</a><a class="btn btn-outline-danger btn-sm" href="#" role="button" data-toggle="modal" data-target="#del-article">删除</a></td>
 
+              </tr>
 
+              <tr>
 
+                <td><input type="checkbox"></td>
 
+                <td><a href="#">冬雨季及夜间施工增工百分率、临时设施用工指标用工指标填写在02表 </a></td>
 
+                <td><a href="#">文件管理类</a></td>
 
+                <td><span class="mr-3">是&nbsp;6</span><span class="mr-3">否&nbsp;0</span><a href="#">清空</a></td>
 
+                <td>2017-07-10 18:12</td>
 
+                <td><a class="btn btn-outline-blue btn-sm mr-2 open-sidebar" href="#" role="button">编辑</a><a class="btn btn-outline-danger btn-sm" href="#" role="button" data-toggle="modal" data-target="#del-article">删除</a></td>
 
+              </tr>
 
+              <tr>
 
+                <td><input type="checkbox"></td>
 
+                <td><a href="#">冬雨季及夜间施工增工百分率、临时设施用工指标用工指标填写在02表，冬雨季及夜间施工增工百分率、临时设施用工指标用工指标填写在02表 </a></td>
 
+                <td><a href="#">文件管理类</a></td>
 
+                <td><span class="mr-3">是&nbsp;6</span><span class="mr-3">否&nbsp;0</span><a href="#">清空</a></td>
 
+                <td>2017-07-10 18:12</td>
 
+                <td><a class="btn btn-outline-blue btn-sm mr-2 open-sidebar" href="#" role="button">编辑</a><a class="btn btn-outline-danger btn-sm" href="#" role="button" data-toggle="modal" data-target="#del-article">删除</a></td>
 
+              </tr>
 
+              <tr>
 
+                <td><input type="checkbox"></td>
 
+                <td><a href="#">冬雨季及夜间施工增工百分率、临时设施用工指标用工指标填写在02表 </a></td>
 
+                <td><a href="#">文件管理类</a></td>
 
+                <td><span class="mr-3">是&nbsp;6</span><span class="mr-3">否&nbsp;0</span><a href="#">清空</a></td>
 
+                <td>2017-07-10 18:12</td>
 
+                <td><a class="btn btn-outline-blue btn-sm mr-2 open-sidebar" href="#" role="button">编辑</a><a class="btn btn-outline-danger btn-sm" href="#" role="button" data-toggle="modal" data-target="#del-article">删除</a></td>
 
+              </tr>
 
+              <tr>
 
+                <td><input type="checkbox"></td>
 
+                <td><a href="#">冬雨季及夜间施工增工百分率、临时设施用工指标用工指标填写在02表 </a></td>
 
+                <td><a href="#">文件管理类</a></td>
 
+                <td><span class="mr-3">是&nbsp;6</span><span class="mr-3">否&nbsp;0</span><a href="#">清空</a></td>
 
+                <td>2017-07-10 18:12</td>
 
+                <td><a class="btn btn-outline-blue btn-sm mr-2 open-sidebar" href="#" role="button">编辑</a><a class="btn btn-outline-danger btn-sm" href="#" role="button" data-toggle="modal" data-target="#del-article">删除</a></td>
 
+              </tr>
 
+              <tr>
 
+                <td><input type="checkbox"></td>
 
+                <td><a href="#">冬雨季及夜间施工增工百分率、临时设施用工指标用工指标填写在02表，冬雨季及夜间施工增工百分率、临时设施用工指标用工指标填写在02表 </a></td>
 
+                <td><a href="#">文件管理类</a></td>
 
+                <td><span class="mr-3">是&nbsp;6</span><span class="mr-3">否&nbsp;0</span><a href="#">清空</a></td>
 
+                <td>2017-07-10 18:12</td>
 
+                <td><a class="btn btn-outline-blue btn-sm mr-2 open-sidebar" href="#" role="button">编辑</a><a class="btn btn-outline-danger btn-sm" href="#" role="button" data-toggle="modal" data-target="#del-article">删除</a></td>
 
+              </tr>
 
+              <tr>
 
+                <td><input type="checkbox"></td>
 
+                <td><a href="#">冬雨季及夜间施工增工百分率、临时设施用工指标用工指标填写在02表 </a></td>
 
+                <td><a href="#">文件管理类</a></td>
 
+                <td><span class="mr-3">是&nbsp;6</span><span class="mr-3">否&nbsp;0</span><a href="#">清空</a></td>
 
+                <td>2017-07-10 18:12</td>
 
+                <td><a class="btn btn-outline-blue btn-sm mr-2 open-sidebar" href="#" role="button">编辑</a><a class="btn btn-outline-danger btn-sm" href="#" role="button" data-toggle="modal" data-target="#del-article">删除</a></td>
 
+              </tr>
 
+            </tbody>
 
+          </table>
 
+          <nav aria-label="Page navigation example">
 
+            <ul class="pagination">
 
+              <li class="page-item">
 
+                <a class="page-link" href="#" aria-label="Previous">
 
+                  <span aria-hidden="true">&laquo;</span>
 
+                  <span class="sr-only">Previous</span>
 
+                </a>
 
+              </li>
 
+              <li class="page-item"><a class="page-link" href="#">1</a></li>
 
+              <li class="page-item"><a class="page-link" href="#">2</a></li>
 
+              <li class="page-item"><a class="page-link" href="#">3</a></li>
 
+              <li class="page-item">
 
+                <a class="page-link" href="#" aria-label="Next">
 
+                  <span aria-hidden="true">&raquo;</span>
 
+                  <span class="sr-only">Next</span>
 
+                </a>
 
+              </li>
 
+            </ul>
 
+          </nav>
 
+        </div>
 
+      </div>
 
+      <div class="side-wrap" style="right:0;">
 
+        <div class="side-top pl-4 pr-4 pt-3 pb-3 sticky-top clearfix">
 
+          <div class="float-right">
 
+            <a class="btn btn-primary btn-sm mr-2" href="#" role="button">保存</a>
 
+            <a class="btn btn-green btn-sm mr-2" href="#" role="button">发布</a>
 
+          </div>
 
+          <h4>文章中心</h4>
 
+        </div>
 
+        <div class="side-main p-4">
 
+          <div class="form-group row">
 
+            <label for="example-text-input" class="col-2 col-form-label">类别：</label>
 
+            <div class="col-10">
 
+              <ul>
 
+                <li class="pb-3">
 
+                  <select class="form-control">
 
+                    <option>请选择</option>
 
+                    <option>公路（养护、广东）造价软件</option>
 
+                    <option>┣ 文件管理类 </option>
 
+                    <option>┗ 费率类 </option>
 
+                    <option>公路（养护、广东）造价软件</option>
 
+                    <option>┣ 文件管理类 </option>
 
+                    <option>┗ 费率类 </option>
 
+                  </select>
 
+                </li>
 
+              </ul>
 
+            </div>
 
+          </div>
 
+          <div class="form-group row">
 
+            <label for="example-text-input" class="col-2 col-form-label">推荐：</label>
 
+            <div class="col-10">
 
+              <label class="custom-control custom-checkbox">
 
+                <input type="checkbox" class="custom-control-input" checked>
 
+                <span class="custom-control-indicator"></span>
 
+                <span class="custom-control-description">推荐文章</span>
 
+              </label>
 
+            </div>
 
+          </div>
 
+          <div class="form-group row">
 
+            <label for="example-text-input" class="col-2 col-form-label">标题：</label>
 
+            <div class="col-10">
 
+              <textarea class="form-control" id="exampleTextarea" rows="8">导出Excel，打印预览发现从第2页开始，纸张中有大片空白，导致打印、预览时出现错页情况。</textarea>
 
+            </div>
 
+          </div>
 
+          <div class="form-group row">
 
+            <label for="example-text-input" class="col-2 col-form-label">内容：</label>
 
+            <div class="col-10">
 
+              <textarea class="form-control" id="exampleTextarea" rows="15">
 
+答：有三种解决方案，任选其一即可。
 
+一：在软件报表界面
 
+ 1）导出时，不勾选“Excel单页输出”选项直接导出。        
+ 2）打印时，在弹出的打印设置对话框中，打印内容项选择“整个工作簿”，点击确定即可。
 
+二：在纵横软件中重新打勾2010再导出。
 
+三：在高版本的wps中点击“帮助”-切换版本，切换到老版本，重新打开。
 
+解：因高版本的WPS与excel无法兼容导致的错误。
 
+              </textarea>
 
+            </div>
 
+          </div>
 
+        </div>
 
+      </div>
 
+    </div>
 
+
 
+    <div class="modal fade" id="del-article" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
 
+      <div class="modal-dialog" role="document">
 
+        <div class="modal-content">
 
+          <div class="modal-header">
 
+            <h5 class="modal-title" id="exampleModalLabel">删除文章</h5>
 
+            <button type="button" class="close" data-dismiss="modal" aria-label="Close">
 
+              <span aria-hidden="true">&times;</span>
 
+            </button>
 
+          </div>
 
+          <div class="modal-body">
 
+            <h5 class="pt-3 pb-3">是否删除该文章？</h5>
 
+          </div>
 
+          <div class="modal-footer">
 
+            <button type="button" class="btn btn-secondary" data-dismiss="modal">取消</button>
 
+            <button type="button" class="btn btn-danger">确定</button>
 
+          </div>
 
+        </div>
 
+      </div>
 
+    </div>
 
+
 
+
 
+    <!-- jQuery first, then Popper.js, then Bootstrap JS. -->
 
+    <script src="js/jquery-1.9.1.min.js"></script>
 
+    <script src="js/tether.js"></script>
 
+    <script src="js/bootstrap.js"></script>
 
+    <script src="js/global.js"></script>
 
+    <script type="text/javascript">autoFlashHeight();</script>
 
+  </body>
 
+</html>

+ 232 - 0
admin-article.html
Xem Tập Tin 

@@ -0,0 +1,232 @@
 
+<!DOCTYPE html>
 
+<html lang="zh-cn">
 
+  <head>
 
+    <!-- Required meta tags -->
 
+    <meta charset="utf-8">
 
+    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
 
+
 
+    <!-- Bootstrap CSS -->
 
+    <link rel="stylesheet" href="css/bootstrap.css">
 
+    <link rel="stylesheet" href="css/global.css">
 
+    <link rel="stylesheet" href="css/ionicons.css">
 
+  </head>
 
+  <body> 
+    <header class="fixed-top top-wrap">
 
+      <div class="float-right">
 
+        <a href="#" class="user-wrap" alt="退出登录">
 
+          <span href="#" class="avatar-warp"><img src="images/avatarImg.jpg" width="30" height="30" class="avatar-img"></span>
 
+          <span class="user-name">欧桃珍<i class="ion-power ion-off"></i></span>
 
+        </a>
 
+      </div>
 
+      <div class="top-title">纵横帮助中心</div>
 
+    </header>
 
+    <div class="wrap">
 
+      <div class="nav left-nav">
 
+        <ul>
 
+          <li><a href="admin-user.html"><i class="icon ion-person"></i>用户</a></li>
 
+          <li><a href="admin-article.html" class="active"><i class="icon ion-ios-paper"></i>文章</a></li>
 
+          <li><a href="admin-classlist.html"><i class="icon ion-ios-list"></i>类别</a></li>
 
+          <li><a href="admin-recom.html"><i class="icon ion-thumbsup"></i>推荐</a></li>
 
+        </ul>
 
+      </div>
 
+      <div class="main-wrap container-fluid">
 
+        <div class="main-title navbar navbar-light bg-faded justify-content-between">
 
+          <a class="navbar-brand">文章中心</a>
 
+          <form class="float-right">
 
+            <div class="input-group">
 
+              <input type="text" class="form-control" placeholder="请输入关键字或关键词" aria-label="Search for...">
 
+              <span class="input-group-btn">
 
+                <button class="btn btn-green" type="button">搜索</button>
 
+              </span>
 
+            </div>
 
+          </form>
 
+        </div>
 
+        <div class="main-function mt-4 mb-4 clearfix">
 
+          <a href="admin-article-add.html" class="btn btn-green float-left mr-2">发布新文章</a>
 
+          <button type="button" class="btn btn-danger float-left mr-2" data-toggle="modal" data-target="#del-article">删除</button>
 
+          <div class="d-inline float-left">
 
+            <select class="form-control" id="exampleSelect1">
 
+              <option>按发布时间</option>
 
+              <option>按更新时间</option>
 
+            </select>
 
+          </div>
 
+        </div>
 
+        <div class="main-body">
 
+          <table class="table">
 
+            <thead>
 
+              <tr>
 
+                <th><input type="checkbox"></th>
 
+                <th>文章标题</th>
 
+                <th width="120">类别</th>
 
+                <th width="160">文章是/否有用</th>
 
+                <th width="150">发布时间</th>
 
+                <th width="150">更新时间</th>
 
+                <th width="170">操作</th>
 
+              </tr>
 
+            </thead>
 
+            <tbody>
 
+              <tr>
 
+                <td><input type="checkbox"></td>
 
+                <td><a href="#" class="open-sidebar">冬雨季及夜间施工增工百分率、临时设施用工指标用工指标填写在02表冬雨季及夜间施工增工百分率、临时设施用工指标用工指标填写在02表 </a><b class="text-warning">[荐]</b></td>
 
+                <td><a href="#">文件管理类</a></td>
 
+                <td><span class="mr-3">是&nbsp;6</span><span class="mr-3">否&nbsp;0</span><a href="#">清空</a></td>
 
+                <td>2017-07-10 18:12</td>
 
+                <td>2017-07-16 18:12</td>
 
+                <td><a class="btn btn-outline-blue btn-sm mr-2" href="admin-article-edit.html" role="button">编辑</a><a class="btn btn-outline-danger btn-sm" href="#" role="button" data-toggle="modal" data-target="#del-article">删除</a></td>
 
+              </tr>
 
+              <tr>
 
+                <td><input type="checkbox"></td>
 
+                <td><a href="#" class="open-sidebar">冬雨季及夜间施工增工百分率、临时设施用工指标用工指标填写在02表 </a><b class="text-warning">[荐]</b></td>
 
+                <td><a href="#">文件管理类</a></td>
 
+                <td><span class="mr-3">是&nbsp;6</span><span class="mr-3">否&nbsp;0</span><a href="#">清空</a></td>
 
+                <td>2017-07-10 18:12</td>
 
+                <td>2017-07-16 18:12</td>
 
+                <td><a class="btn btn-outline-blue btn-sm mr-2" href="admin-article-edit.html" role="button">编辑</a><a class="btn btn-outline-danger btn-sm" href="#" role="button" data-toggle="modal" data-target="#del-article">删除</a></td>
 
+              </tr>
 
+              <tr>
 
+                <td><input type="checkbox"></td>
 
+                <td><a href="#" class="open-sidebar">冬雨季及夜间施工增工百分率、临时设施用工指标用工指标填写在02表，冬雨季及夜间施工增工百分率、临时设施用工指标用工指标填写在02表 </a></td>
 
+                <td><a href="#">文件管理类</a></td>
 
+                <td><span class="mr-3">是&nbsp;6</span><span class="mr-3">否&nbsp;0</span><a href="#">清空</a></td>
 
+                <td>2017-07-10 18:12</td>
 
+                <td>2017-07-16 18:12</td>
 
+                <td><a class="btn btn-outline-blue btn-sm mr-2" href="admin-article-edit.html" role="button">编辑</a><a class="btn btn-outline-danger btn-sm" href="#" role="button" data-toggle="modal" data-target="#del-article">删除</a></td>
 
+              </tr>
 
+              <tr>
 
+                <td><input type="checkbox"></td>
 
+                <td><a href="#" class="open-sidebar">冬雨季及夜间施工增工百分率、临时设施用工指标用工指标填写在02表 </a></td>
 
+                <td><a href="#">文件管理类</a></td>
 
+                <td><span class="mr-3">是&nbsp;6</span><span class="mr-3">否&nbsp;0</span><a href="#">清空</a></td>
 
+                <td>2017-07-10 18:12</td>
 
+                <td>2017-07-16 18:12</td>
 
+                <td><a class="btn btn-outline-blue btn-sm mr-2" href="admin-article-edit.html" role="button">编辑</a><a class="btn btn-outline-danger btn-sm" href="#" role="button" data-toggle="modal" data-target="#del-article">删除</a></td>
 
+              </tr>
 
+              <tr>
 
+                <td><input type="checkbox"></td>
 
+                <td><a href="#" class="open-sidebar">冬雨季及夜间施工增工百分率、临时设施用工指标用工指标填写在02表 </a></td>
 
+                <td><a href="#">文件管理类</a></td>
 
+                <td><span class="mr-3">是&nbsp;6</span><span class="mr-3">否&nbsp;0</span><a href="#">清空</a></td>
 
+                <td>2017-07-10 18:12</td>
 
+                <td>2017-07-16 18:12</td>
 
+                <td><a class="btn btn-outline-blue btn-sm mr-2" href="admin-article-edit.html" role="button">编辑</a><a class="btn btn-outline-danger btn-sm" href="#" role="button" data-toggle="modal" data-target="#del-article">删除</a></td>
 
+              </tr>
 
+              <tr>
 
+                <td><input type="checkbox"></td>
 
+                <td><a href="#" class="open-sidebar">冬雨季及夜间施工增工百分率、临时设施用工指标用工指标填写在02表，冬雨季及夜间施工增工百分率、临时设施用工指标用工指标填写在02表 </a></td>
 
+                <td><a href="#">文件管理类</a></td>
 
+                <td><span class="mr-3">是&nbsp;6</span><span class="mr-3">否&nbsp;0</span><a href="#">清空</a></td>
 
+                <td>2017-07-10 18:12</td>
 
+                <td>2017-07-16 18:12</td>
 
+                <td><a class="btn btn-outline-blue btn-sm mr-2" href="admin-article-edit.html" role="button">编辑</a><a class="btn btn-outline-danger btn-sm" href="#" role="button" data-toggle="modal" data-target="#del-article">删除</a></td>
 
+              </tr>
 
+              <tr>
 
+                <td><input type="checkbox"></td>
 
+                <td><a href="#" class="open-sidebar">冬雨季及夜间施工增工百分率、临时设施用工指标用工指标填写在02表 </a></td>
 
+                <td><a href="#">文件管理类</a></td>
 
+                <td><span class="mr-3">是&nbsp;6</span><span class="mr-3">否&nbsp;0</span><a href="#">清空</a></td>
 
+                <td>2017-07-10 18:12</td>
 
+                <td>2017-07-16 18:12</td>
 
+                <td><a class="btn btn-outline-blue btn-sm mr-2" href="admin-article-edit.html" role="button">编辑</a><a class="btn btn-outline-danger btn-sm" href="#" role="button" data-toggle="modal" data-target="#del-article">删除</a></td>
 
+              </tr>
 
+              <tr>
 
+                <td><input type="checkbox"></td>
 
+                <td><a href="#" class="open-sidebar">冬雨季及夜间施工增工百分率、临时设施用工指标用工指标填写在02表 </a></td>
 
+                <td><a href="#">文件管理类</a></td>
 
+                <td><span class="mr-3">是&nbsp;6</span><span class="mr-3">否&nbsp;0</span><a href="#">清空</a></td>
 
+                <td>2017-07-10 18:12</td>
 
+                <td>2017-07-16 18:12</td>
 
+                <td><a class="btn btn-outline-blue btn-sm mr-2" href="admin-article-edit.html" role="button">编辑</a><a class="btn btn-outline-danger btn-sm" href="#" role="button" data-toggle="modal" data-target="#del-article">删除</a></td>
 
+              </tr>
 
+              <tr>
 
+                <td><input type="checkbox"></td>
 
+                <td><a href="#" class="open-sidebar">冬雨季及夜间施工增工百分率、临时设施用工指标用工指标填写在02表，冬雨季及夜间施工增工百分率、临时设施用工指标用工指标填写在02表 </a></td>
 
+                <td><a href="#">文件管理类</a></td>
 
+                <td><span class="mr-3">是&nbsp;6</span><span class="mr-3">否&nbsp;0</span><a href="#">清空</a></td>
 
+                <td>2017-07-10 18:12</td>
 
+                <td>2017-07-16 18:12</td>
 
+                <td><a class="btn btn-outline-blue btn-sm mr-2" href="admin-article-edit.html" role="button">编辑</a><a class="btn btn-outline-danger btn-sm" href="#" role="button" data-toggle="modal" data-target="#del-article">删除</a></td>
 
+              </tr>
 
+              <tr>
 
+                <td><input type="checkbox"></td>
 
+                <td><a href="#" class="open-sidebar">冬雨季及夜间施工增工百分率、临时设施用工指标用工指标填写在02表 </a></td>
 
+                <td><a href="#">文件管理类</a></td>
 
+                <td><span class="mr-3">是&nbsp;6</span><span class="mr-3">否&nbsp;0</span><a href="#">清空</a></td>
 
+                <td>2017-07-10 18:12</td>
 
+                <td>2017-07-16 18:12</td>
 
+                <td><a class="btn btn-outline-blue btn-sm mr-2" href="admin-article-edit.html" role="button">编辑</a><a class="btn btn-outline-danger btn-sm" href="#" role="button" data-toggle="modal" data-target="#del-article">删除</a></td>
 
+              </tr>
 
+            </tbody>
 
+          </table>
 
+          <nav aria-label="Page navigation example">
 
+            <ul class="pagination">
 
+              <li class="page-item">
 
+                <a class="page-link" href="#" aria-label="Previous">
 
+                  <span aria-hidden="true">&laquo;</span>
 
+                  <span class="sr-only">Previous</span>
 
+                </a>
 
+              </li>
 
+              <li class="page-item"><a class="page-link" href="#">1</a></li>
 
+              <li class="page-item"><a class="page-link" href="#">2</a></li>
 
+              <li class="page-item"><a class="page-link" href="#">3</a></li>
 
+              <li class="page-item">
 
+                <a class="page-link" href="#" aria-label="Next">
 
+                  <span aria-hidden="true">&raquo;</span>
 
+                  <span class="sr-only">Next</span>
 
+                </a>
 
+              </li>
 
+            </ul>
 
+          </nav>
 
+        </div>
 
+      </div>
 
+      <div class="side-wrap">
 
+        <div class="side-top pl-4 pr-4 pt-3 pb-3 sticky-top clearfix">
 
+          <div class="float-right">
 
+            <a class="btn btn-outline-blue btn-sm mr-2" href="admin-article-edit.html" role="button">编辑</a><a class="btn btn-outline-danger btn-sm" href="#" role="button" data-toggle="modal" data-target="#del-article">删除</a>
 
+          </div>
 
+          <h4>文章中心</h4>
 
+        </div>
 
+        <div class="side-main p-4">
 
+          <div class="pb-3">
 
+            <b>类别：</b>公路(养护、广东)造价软件 / 造价书类 / 算量软件
 
+          </div>
 
+          <div class="pb-3"><b>冬雨季及夜间施工增工百分率、临时设施用工指标用工指标填写在02表冬雨季及夜间施工增工百分率、临时设施用工指标用工指标填写在02表 <span class="text-warning">[荐]</span></b></div>
 
+          <p>答：有三种解决方案，任选其一即可。</p>
 
+          <p>一：在软件报表界面</p>
 
+          <p>1）导出时，不勾选“Excel单页输出”选项直接导出。</p>
 
+          <p>2）打印时，在弹出的打印设置对话框中，打印内容项选择“整个工作簿”，点击确定即可。</p>
 
+          <p>二：在纵横软件中重新打勾2010再导出。</p>
 
+          <p>三：在高版本的wps中点击“帮助”-切换版本，切换到老版本，重新打开。</p>
 
+          <p>解：因高版本的WPS与excel无法兼容导致的错误。</p>
 
+        </div>
 
+      </div>
 
+    </div>
 
+
 
+    <div class="modal fade" id="del-article" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
 
+      <div class="modal-dialog" role="document">
 
+        <div class="modal-content">
 
+          <div class="modal-header">
 
+            <h5 class="modal-title" id="exampleModalLabel">删除文章</h5>
 
+            <button type="button" class="close" data-dismiss="modal" aria-label="Close">
 
+              <span aria-hidden="true">&times;</span>
 
+            </button>
 
+          </div>
 
+          <div class="modal-body">
 
+            <h5 class="pt-3 pb-3">是否删除该文章？</h5>
 
+          </div>
 
+          <div class="modal-footer">
 
+            <button type="button" class="btn btn-secondary" data-dismiss="modal">取消</button>
 
+            <button type="button" class="btn btn-danger">确定</button>
 
+          </div>
 
+        </div>
 
+      </div>
 
+    </div>
 
+
 
+
 
+    <!-- jQuery first, then Popper.js, then Bootstrap JS. -->
 
+    <script src="js/jquery-1.9.1.min.js"></script>
 
+    <script src="js/tether.js"></script>
 
+    <script src="js/bootstrap.js"></script>
 
+    <script src="js/global.js"></script>
 
+    <script type="text/javascript">autoFlashHeight();</script>
 
+  </body>
 
+</html>

+ 265 - 0
admin-classlist.html
Xem Tập Tin 

@@ -0,0 +1,265 @@
 
+<!DOCTYPE html>
 
+<html lang="zh-cn">
 
+  <head>
 
+    <!-- Required meta tags -->
 
+    <meta charset="utf-8">
 
+    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
 
+
 
+    <!-- Bootstrap CSS -->
 
+    <link rel="stylesheet" href="css/bootstrap.css">
 
+    <link rel="stylesheet" href="css/global.css">
 
+    <link rel="stylesheet" href="css/ionicons.css">
 
+  </head>
 
+  <body> 
+    <header class="fixed-top top-wrap">
 
+      <div class="float-right">
 
+        <a href="#" class="user-wrap" alt="退出登录">
 
+          <span href="#" class="avatar-warp"><img src="images/avatarImg.jpg" width="30" height="30" class="avatar-img"></span>
 
+          <span class="user-name">欧桃珍<i class="ion-power ion-off"></i></span>
 
+        </a>
 
+      </div>
 
+      <div class="top-title">纵横帮助中心</div>
 
+    </header>
 
+    <div class="wrap">
 
+      <div class="nav left-nav">
 
+        <ul>
 
+          <li><a href="admin-user.html"><i class="icon ion-person"></i>用户</a></li>
 
+          <li><a href="admin-article.html"><i class="icon ion-ios-paper"></i>文章</a></li>
 
+          <li><a href="admin-classlist.html" class="active"><i class="icon ion-ios-list"></i>类别</a></li>
 
+          <li><a href="admin-recom.html"><i class="icon ion-thumbsup"></i>推荐</a></li>
 
+        </ul>
 
+      </div>
 
+      <div class="main-wrap container-fluid">
 
+        <div class="main-title navbar navbar-light bg-faded justify-content-between">
 
+          <a class="navbar-brand">类别中心</a>
 
+        </div>
 
+        <div class="main-function mt-4 mb-4 clearfix">
 
+          <button type="button" class="btn btn-green mr-2" data-toggle="modal" data-target="#add-big-class">添加产品</button>
 
+        </div>
 
+        <div class="class-wrap">
 
+          <dl class="class-list">
 
+            <dt>
 
+              <div class="float-right main-right"><button type="button" class="btn btn-outline-green btn-sm mr-2" data-toggle="modal" data-target="#add-big-class">添加子类</button><a class="btn btn-outline-blue btn-sm mr-2" href="#" role="button" data-toggle="modal" data-target="#edit-big-class">编辑</a><a class="btn btn-outline-danger btn-sm" href="#" role="button" data-toggle="modal" data-target="#del-article">删除</a></div>
 
+              <span class="class-title class-title-first">公路（养护、广东）造价软件</span>
 
+            </dt>
 
+            <dd>
 
+              <div class="inner">
 
+                <div class="float-right class-oper"><a href="#" data-toggle="modal" data-target="#add-big-class">添加子类</a><a href="#" data-toggle="modal" data-target="#edit-big-class">编辑</a><a href="#" data-toggle="modal" data-target="#del-article">删除</a><a href="#">上移</a><a href="#">下移</a></div>
 
+                <span class="class-title class-title-two">文件管理类</span>
 
+              </div>
 
+            </dd>
 
+            <dd>
 
+              <div class="inner">
 
+                <div class="float-right class-oper"><a href="#" data-toggle="modal" data-target="#add-big-class">添加子类</a><a href="#" data-toggle="modal" data-target="#edit-big-class">编辑</a><a href="#" data-toggle="modal" data-target="#del-article">删除</a><a href="#">上移</a><a href="#">下移</a></div>
 
+                <span class="class-title class-title-two">造价书类</span>
 
+              </div>
 
+            </dd>
 
+            <dd>
 
+              <div class="inner">
 
+                <div class="float-right class-oper"><a href="#" data-toggle="modal" data-target="#add-big-class">添加子类</a><a href="#" data-toggle="modal" data-target="#edit-big-class">编辑</a><a href="#" data-toggle="modal" data-target="#del-article">删除</a><a href="#">上移</a><a href="#">下移</a></div>
 
+                <span class="class-title class-title-two">定额类</span>
 
+              </div>
 
+            </dd>
 
+            <dd>
 
+              <div class="inner">
 
+                <div class="float-right class-oper"><a href="#" data-toggle="modal" data-target="#add-big-class">添加子类</a><a href="#" data-toggle="modal" data-target="#edit-big-class">编辑</a><a href="#" data-toggle="modal" data-target="#del-article">删除</a><a href="#">上移</a><a href="#">下移</a></div>
 
+                <span class="class-title class-title-two">工料机类</span>
 
+              </div>
 
+            </dd>
 
+            <dd>
 
+              <div class="inner">
 
+                <div class="float-right class-oper"><a href="#" data-toggle="modal" data-target="#add-big-class">添加子类</a><a href="#" data-toggle="modal" data-target="#edit-big-class">编辑</a><a href="#" data-toggle="modal" data-target="#del-article">删除</a><a href="#">上移</a><a href="#">下移</a></div>
 
+                <span class="class-title class-title-two">费率类</span>
 
+              </div>
 
+            </dd>
 
+          </dl>
 
+          <dl class="class-list">
 
+            <dt>
 
+              <div class="float-right main-right"><button type="button" class="btn btn-outline-green btn-sm mr-2" data-toggle="modal" data-target="#add-big-class">添加子类</button><a class="btn btn-outline-blue btn-sm mr-2" href="#" role="button" data-toggle="modal" data-target="#edit-big-class">编辑</a><a class="btn btn-outline-danger btn-sm" href="#" role="button" data-toggle="modal" data-target="#del-article">删除</a></div>
 
+              <span class="class-title class-title-first">计量支付结算决算软件</span>
 
+            </dt>
 
+            <dd>
 
+              <div class="inner">
 
+                <div class="float-right class-oper"><a href="#" data-toggle="modal" data-target="#add-big-class">添加子类</a><a href="#" data-toggle="modal" data-target="#edit-big-class">编辑</a><a href="#" data-toggle="modal" data-target="#del-article">删除</a><a href="#">上移</a><a href="#">下移</a></div>
 
+                <span class="class-title class-title-two">文件管理类</span>
 
+              </div>
 
+            </dd>
 
+            <dd>
 
+              <div class="inner">
 
+                <div class="float-right class-oper"><a href="#" data-toggle="modal" data-target="#add-big-class">添加子类</a><a href="#" data-toggle="modal" data-target="#edit-big-class">编辑</a><a href="#" data-toggle="modal" data-target="#del-article">删除</a><a href="#">上移</a><a href="#">下移</a></div>
 
+                <span class="class-title class-title-two">造价书类</span>
 
+              </div>
 
+            </dd>
 
+            <dd>
 
+              <div class="inner">
 
+                <div class="float-right class-oper"><a href="#" data-toggle="modal" data-target="#add-big-class">添加子类</a><a href="#" data-toggle="modal" data-target="#edit-big-class">编辑</a><a href="#" data-toggle="modal" data-target="#del-article">删除</a><a href="#">上移</a><a href="#">下移</a></div>
 
+                <span class="class-title class-title-two">定额类</span>
 
+              </div>
 
+            </dd>
 
+            <dd>
 
+              <div class="inner">
 
+                <div class="float-right class-oper"><a href="#" data-toggle="modal" data-target="#add-big-class">添加子类</a><a href="#" data-toggle="modal" data-target="#edit-big-class">编辑</a><a href="#" data-toggle="modal" data-target="#del-article">删除</a><a href="#">上移</a><a href="#">下移</a></div>
 
+                <span class="class-title class-title-two">工料机类</span>
 
+              </div>
 
+            </dd>
 
+            <dd>
 
+              <div class="inner">
 
+                <div class="float-right class-oper"><a href="#" data-toggle="modal" data-target="#add-big-class">添加子类</a><a href="#" data-toggle="modal" data-target="#edit-big-class">编辑</a><a href="#" data-toggle="modal" data-target="#del-article">删除</a><a href="#">上移</a><a href="#">下移</a></div>
 
+                <span class="class-title class-title-two">费率类</span>
 
+              </div>
 
+            </dd>
 
+          </dl>
 
+          <dl class="class-list">
 
+            <dt>
 
+              <div class="float-right main-right"><button type="button" class="btn btn-outline-green btn-sm mr-2" data-toggle="modal" data-target="#add-big-class">添加子类</button><a class="btn btn-outline-blue btn-sm mr-2" href="#" role="button" data-toggle="modal" data-target="#edit-big-class">编辑</a><a class="btn btn-outline-danger btn-sm" href="#" role="button" data-toggle="modal" data-target="#del-article">删除</a></div>
 
+              <span class="class-title class-title-first">算量软件</span>
 
+            </dt>
 
+            <dd>
 
+              <div class="inner">
 
+                <div class="float-right class-oper"><a href="#" data-toggle="modal" data-target="#add-big-class">添加子类</a><a href="#" data-toggle="modal" data-target="#edit-big-class">编辑</a><a href="#" data-toggle="modal" data-target="#del-article">删除</a><a href="#">上移</a><a href="#">下移</a></div>
 
+                <span class="class-title class-title-two">文件管理类</span>
 
+              </div>
 
+            </dd>
 
+            <dd>
 
+              <div class="inner">
 
+                <div class="float-right class-oper"><a href="#" data-toggle="modal" data-target="#add-big-class">添加子类</a><a href="#" data-toggle="modal" data-target="#edit-big-class">编辑</a><a href="#" data-toggle="modal" data-target="#del-article">删除</a><a href="#">上移</a><a href="#">下移</a></div>
 
+                <span class="class-title class-title-two">造价书类</span>
 
+              </div>
 
+            </dd>
 
+            <dd>
 
+              <div class="inner">
 
+                <div class="float-right class-oper"><a href="#" data-toggle="modal" data-target="#add-big-class">添加子类</a><a href="#" data-toggle="modal" data-target="#edit-big-class">编辑</a><a href="#" data-toggle="modal" data-target="#del-article">删除</a><a href="#">上移</a><a href="#">下移</a></div>
 
+                <span class="class-title class-title-two">定额类</span>
 
+              </div>
 
+            </dd>
 
+            <dd>
 
+              <div class="inner">
 
+                <div class="float-right class-oper"><a href="#" data-toggle="modal" data-target="#add-big-class">添加子类</a><a href="#" data-toggle="modal" data-target="#edit-big-class">编辑</a><a href="#" data-toggle="modal" data-target="#del-article">删除</a><a href="#">上移</a><a href="#">下移</a></div>
 
+                <span class="class-title class-title-two">工料机类</span>
 
+              </div>
 
+            </dd>
 
+            <dd>
 
+              <div class="inner">
 
+                <div class="float-right class-oper"><a href="#" data-toggle="modal" data-target="#add-big-class">添加子类</a><a href="#" data-toggle="modal" data-target="#edit-big-class">编辑</a><a href="#" data-toggle="modal" data-target="#del-article">删除</a><a href="#">上移</a><a href="#">下移</a></div>
 
+                <span class="class-title class-title-two">费率类</span>
 
+              </div>
 
+            </dd>
 
+          </dl>
 
+          <dl class="class-list">
 
+            <dt>
 
+              <div class="float-right main-right"><button type="button" class="btn btn-outline-green btn-sm mr-2" data-toggle="modal" data-target="#add-big-class">添加子类</button><a class="btn btn-outline-blue btn-sm mr-2" href="#" role="button" data-toggle="modal" data-target="#edit-big-class">编辑</a><a class="btn btn-outline-danger btn-sm" href="#" role="button" data-toggle="modal" data-target="#del-article">删除</a></div>
 
+              <span class="class-title class-title-first">材料调差</span>
 
+            </dt>
 
+            <dd>
 
+              <div class="inner">
 
+                <div class="float-right class-oper"><a href="#" data-toggle="modal" data-target="#add-big-class">添加子类</a><a href="#" data-toggle="modal" data-target="#edit-big-class">编辑</a><a href="#" data-toggle="modal" data-target="#del-article">删除</a><a href="#">上移</a><a href="#">下移</a></div>
 
+                <span class="class-title class-title-two">文件管理类</span>
 
+              </div>
 
+            </dd>
 
+            <dd>
 
+              <div class="inner">
 
+                <div class="float-right class-oper"><a href="#" data-toggle="modal" data-target="#add-big-class">添加子类</a><a href="#" data-toggle="modal" data-target="#edit-big-class">编辑</a><a href="#" data-toggle="modal" data-target="#del-article">删除</a><a href="#">上移</a><a href="#">下移</a></div>
 
+                <span class="class-title class-title-two">造价书类</span>
 
+              </div>
 
+            </dd>
 
+            <dd>
 
+              <div class="inner">
 
+                <div class="float-right class-oper"><a href="#" data-toggle="modal" data-target="#add-big-class">添加子类</a><a href="#" data-toggle="modal" data-target="#edit-big-class">编辑</a><a href="#" data-toggle="modal" data-target="#del-article">删除</a><a href="#">上移</a><a href="#">下移</a></div>
 
+                <span class="class-title class-title-two">定额类</span>
 
+              </div>
 
+            </dd>
 
+            <dd>
 
+              <div class="inner">
 
+                <div class="float-right class-oper"><a href="#" data-toggle="modal" data-target="#add-big-class">添加子类</a><a href="#" data-toggle="modal" data-target="#edit-big-class">编辑</a><a href="#" data-toggle="modal" data-target="#del-article">删除</a><a href="#">上移</a><a href="#">下移</a></div>
 
+                <span class="class-title class-title-two">工料机类</span>
 
+              </div>
 
+            </dd>
 
+            <dd>
 
+              <div class="inner">
 
+                <div class="float-right class-oper"><a href="#" data-toggle="modal" data-target="#add-big-class">添加子类</a><a href="#" data-toggle="modal" data-target="#edit-big-class">编辑</a><a href="#" data-toggle="modal" data-target="#del-article">删除</a><a href="#">上移</a><a href="#">下移</a></div>
 
+                <span class="class-title class-title-two">费率类</span>
 
+              </div>
 
+            </dd>
 
+          </dl>
 
+        </div>
 
+      </div>
 
+    </div>
 
+
 
+    <div class="modal fade" id="add-big-class" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
 
+      <div class="modal-dialog" role="document">
 
+        <div class="modal-content">
 
+          <div class="modal-header">
 
+            <h5 class="modal-title" id="exampleModalLabel">添加类别</h5>
 
+            <button type="button" class="close" data-dismiss="modal" aria-label="Close">
 
+              <span aria-hidden="true">&times;</span>
 
+            </button>
 
+          </div>
 
+          <div class="modal-body">
 
+            <div class="form-group row">
 
+              <label class="col-3 col-form-label"><b class="text-danger">*</b> 类别名称：</label>
 
+              <div class="col-9">
 
+                <input class="form-control" type="text" placeholder="请输入类别名称">
 
+              </div>
 
+            </div>
 
+          </div>
 
+          <div class="modal-footer">
 
+            <button type="button" class="btn btn-secondary" data-dismiss="modal">取消</button>
 
+            <button type="button" class="btn btn-primary">确定</button>
 
+          </div>
 
+        </div>
 
+      </div>
 
+    </div>
 
+
 
+    <div class="modal fade" id="edit-big-class" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
 
+      <div class="modal-dialog" role="document">
 
+        <div class="modal-content">
 
+          <div class="modal-header">
 
+            <h5 class="modal-title" id="exampleModalLabel">编辑类别</h5>
 
+            <button type="button" class="close" data-dismiss="modal" aria-label="Close">
 
+              <span aria-hidden="true">&times;</span>
 
+            </button>
 
+          </div>
 
+          <div class="modal-body">
 
+            <div class="form-group row">
 
+              <label class="col-3 col-form-label"><b class="text-danger">*</b> 类别名称：</label>
 
+              <div class="col-9">
 
+                <input class="form-control" type="text" value="计量支付结算决算软件">
 
+              </div>
 
+            </div>
 
+          </div>
 
+          <div class="modal-footer">
 
+            <button type="button" class="btn btn-secondary" data-dismiss="modal">取消</button>
 
+            <button type="button" class="btn btn-primary">确定</button>
 
+          </div>
 
+        </div>
 
+      </div>
 
+    </div>
 
+
 
+    <div class="modal fade" id="del-article" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
 
+      <div class="modal-dialog" role="document">
 
+        <div class="modal-content">
 
+          <div class="modal-header">
 
+            <h5 class="modal-title" id="exampleModalLabel">删除类别</h5>
 
+            <button type="button" class="close" data-dismiss="modal" aria-label="Close">
 
+              <span aria-hidden="true">&times;</span>
 
+            </button>
 
+          </div>
 
+          <div class="modal-body">
 
+            <h5 class="pt-3 pb-3">是否删除该类别？</h5>
 
+          </div>
 
+          <div class="modal-footer">
 
+            <button type="button" class="btn btn-secondary" data-dismiss="modal">取消</button>
 
+            <button type="button" class="btn btn-danger">确定</button>
 
+          </div>
 
+        </div>
 
+      </div>
 
+    </div>
 
+
 
+    <!-- jQuery first, then Popper.js, then Bootstrap JS. -->
 
+    <script src="js/jquery-1.9.1.min.js"></script>
 
+    <script src="js/tether.js"></script>
 
+    <script src="js/bootstrap.js"></script>
 
+    <script src="js/global.js"></script>
 
+    <script type="text/javascript">autoFlashHeight();</script>
 
+  </body>
 
+</html>

+ 187 - 0
admin-recom.html
Xem Tập Tin 

@@ -0,0 +1,187 @@
 
+<!DOCTYPE html>
 
+<html lang="zh-cn">
 
+  <head>
 
+    <!-- Required meta tags -->
 
+    <meta charset="utf-8">
 
+    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
 
+
 
+    <!-- Bootstrap CSS -->
 
+    <link rel="stylesheet" href="css/bootstrap.css">
 
+    <link rel="stylesheet" href="css/global.css">
 
+    <link rel="stylesheet" href="css/ionicons.css">
 
+  </head>
 
+  <body> 
+    <header class="fixed-top top-wrap">
 
+      <div class="float-right">
 
+        <a href="#" class="user-wrap" alt="退出登录">
 
+          <span href="#" class="avatar-warp"><img src="images/avatarImg.jpg" width="30" height="30" class="avatar-img"></span>
 
+          <span class="user-name">欧桃珍<i class="ion-power ion-off"></i></span>
 
+        </a>
 
+      </div>
 
+      <div class="top-title">推荐中心</div>
 
+    </header>
 
+    <div class="wrap">
 
+      <div class="nav left-nav">
 
+        <ul>
 
+          <li><a href="admin-user.html"><i class="icon ion-person"></i>用户</a></li>
 
+          <li><a href="admin-article.html"><i class="icon ion-ios-paper"></i>文章</a></li>
 
+          <li><a href="admin-classlist.html"><i class="icon ion-ios-list"></i>类别</a></li>
 
+          <li><a href="admin-recom.html" class="active"><i class="icon ion-thumbsup"></i>推荐</a></li>
 
+        </ul>
 
+      </div>
 
+      <div class="main-wrap container-fluid">
 
+        <div class="main-title navbar navbar-light bg-faded justify-content-between">
 
+          <a class="navbar-brand">推荐中心</a>
 
+        </div>
 
+        <div class="main-body">
 
+          <table class="table mt-4 mb-4">
 
+            <thead>
 
+              <tr>
 
+                <th>类别名称</th>
 
+                <th>第一类别</th>
 
+                <th>第二类别</th>
 
+                <th width="150">操作</th>
 
+              </tr>
 
+            </thead>
 
+            <tbody>
 
+              <tr>
 
+                <td>公路（养护、广东）造价软件</td>
 
+                <td>文件管理类1</td>
 
+                <td>文件管理类2</td>
 
+                <td><a class="btn btn-outline-blue btn-sm mr-2" href="#" role="button" data-toggle="modal" data-target="#edit-big-class">编辑</a></td>
 
+              </tr>
 
+              <tr>
 
+                <td>公路（养护、广东）造价软件</td>
 
+                <td><select class="form-control"><option>文件管理类1</option><option>造价书类</option><option>定额库类</option><option>文件管理类</option><option>造价书类</option></select></td>
 
+                <td><select class="form-control"><option>文件管理类2</option><option>造价书类</option><option>定额库类</option><option>文件管理类</option><option>造价书类</option></select></td>
 
+                <td><a class="btn btn-secondary btn-sm mr-2" href="#" role="button">取消</a><a class="btn btn-primary btn-sm mr-2" href="#" role="button">确定</a></td>
 
+              </tr>
 
+              <tr>
 
+                <td>计量支付结算决算软件</td>
 
+                <td>项目管理类1</td>
 
+                <td>项目管理类2</td>
 
+                <td><a class="btn btn-outline-blue btn-sm mr-2" href="#" role="button" data-toggle="modal" data-target="#edit-big-class">编辑</a></td>
 
+              </tr>
 
+              <tr>
 
+                <td>算量软件</td>
 
+                <td>项目管理类1</td>
 
+                <td>项目管理类2</td>
 
+                <td><a class="btn btn-outline-blue btn-sm mr-2" href="#" role="button" data-toggle="modal" data-target="#edit-big-class">编辑</a></td>
 
+              </tr>
 
+              <tr>
 
+                <td>材料调差软件</td>
 
+                <td>项目管理类1</td>
 
+                <td>项目管理类2</td>
 
+                <td><a class="btn btn-outline-blue btn-sm mr-2" href="#" role="button" data-toggle="modal" data-target="#edit-big-class">编辑</a></td>
 
+              </tr>
 
+              <tr>
 
+                <td>固化清单</td>
 
+                <td>项目管理类1</td>
 
+                <td>项目管理类2</td>
 
+                <td><a class="btn btn-outline-blue btn-sm mr-2" href="#" role="button" data-toggle="modal" data-target="#edit-big-class">编辑</a></td>
 
+              </tr>
 
+              <tr>
 
+                <td>营改增</td>
 
+                <td>项目管理类1</td>
 
+                <td>项目管理类2</td>
 
+                <td><a class="btn btn-outline-blue btn-sm mr-2" href="#" role="button" data-toggle="modal" data-target="#edit-big-class">编辑</a></td>
 
+              </tr>
 
+              <tr>
 
+                <td>通行帐号</td>
 
+                <td>项目管理类1</td>
 
+                <td>项目管理类2</td>
 
+                <td><a class="btn btn-outline-blue btn-sm mr-2" href="#" role="button" data-toggle="modal" data-target="#edit-big-class">编辑</a></td>
 
+              </tr>
 
+              <tr>
 
+                <td>问答</td>
 
+                <td>项目管理类1</td>
 
+                <td>项目管理类2</td>
 
+                <td><a class="btn btn-outline-blue btn-sm mr-2" href="#" role="button" data-toggle="modal" data-target="#edit-big-class">编辑</a></td>
 
+              </tr>
 
+              <tr>
 
+                <td>文库</td>
 
+                <td>项目管理类1</td>
 
+                <td>项目管理类2</td>
 
+                <td><a class="btn btn-outline-blue btn-sm mr-2" href="#" role="button" data-toggle="modal" data-target="#edit-big-class">编辑</a></td>
 
+              </tr>
 
+              <tr>
 
+                <td>价格信息</td>
 
+                <td>项目管理类1</td>
 
+                <td>项目管理类2</td>
 
+                <td><a class="btn btn-outline-blue btn-sm mr-2" href="#" role="button" data-toggle="modal" data-target="#edit-big-class">编辑</a></td>
 
+              </tr>
 
+            </tbody>
 
+          </table>
 
+          <nav aria-label="Page navigation example">
 
+            <ul class="pagination">
 
+              <li class="page-item">
 
+                <a class="page-link" href="#" aria-label="Previous">
 
+                  <span aria-hidden="true">&laquo;</span>
 
+                  <span class="sr-only">Previous</span>
 
+                </a>
 
+              </li>
 
+              <li class="page-item"><a class="page-link" href="#">1</a></li>
 
+              <li class="page-item"><a class="page-link" href="#">2</a></li>
 
+              <li class="page-item"><a class="page-link" href="#">3</a></li>
 
+              <li class="page-item">
 
+                <a class="page-link" href="#" aria-label="Next">
 
+                  <span aria-hidden="true">&raquo;</span>
 
+                  <span class="sr-only">Next</span>
 
+                </a>
 
+              </li>
 
+            </ul>
 
+          </nav>
 
+        </div>
 
+      </div>
 
+      <div class="side-wrap">
 
+        <div class="side-top pl-4 pr-4 pt-3 pb-3 sticky-top clearfix">
 
+          <div class="float-right">
 
+            <a class="btn btn-outline-blue btn-sm mr-2" href="admin-article-edit.html" role="button">编辑</a><a class="btn btn-outline-danger btn-sm" href="#" role="button" data-toggle="modal" data-target="#del-article">删除</a>
 
+          </div>
 
+          <h4>文章中心</h4>
 
+        </div>
 
+        <div class="side-main p-4">
 
+          <div class="pb-3">
 
+            <b>类别：</b>公路(养护、广东)造价软件 / 造价书类 / 算量软件
 
+          </div>
 
+          <div class="pb-3"><b>冬雨季及夜间施工增工百分率、临时设施用工指标用工指标填写在02表冬雨季及夜间施工增工百分率、临时设施用工指标用工指标填写在02表 <span class="text-warning">[荐]</span></b></div>
 
+          <p>答：有三种解决方案，任选其一即可。</p>
 
+          <p>一：在软件报表界面</p>
 
+          <p>1）导出时，不勾选“Excel单页输出”选项直接导出。</p>
 
+          <p>2）打印时，在弹出的打印设置对话框中，打印内容项选择“整个工作簿”，点击确定即可。</p>
 
+          <p>二：在纵横软件中重新打勾2010再导出。</p>
 
+          <p>三：在高版本的wps中点击“帮助”-切换版本，切换到老版本，重新打开。</p>
 
+          <p>解：因高版本的WPS与excel无法兼容导致的错误。</p>
 
+        </div>
 
+      </div>
 
+    </div>
 
+
 
+    <div class="modal fade" id="del-article" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
 
+      <div class="modal-dialog" role="document">
 
+        <div class="modal-content">
 
+          <div class="modal-header">
 
+            <h5 class="modal-title" id="exampleModalLabel">删除文章</h5>
 
+            <button type="button" class="close" data-dismiss="modal" aria-label="Close">
 
+              <span aria-hidden="true">&times;</span>
 
+            </button>
 
+          </div>
 
+          <div class="modal-body">
 
+            <h5 class="pt-3 pb-3">是否删除该文章？</h5>
 
+          </div>
 
+          <div class="modal-footer">
 
+            <button type="button" class="btn btn-secondary" data-dismiss="modal">取消</button>
 
+            <button type="button" class="btn btn-danger">确定</button>
 
+          </div>
 
+        </div>
 
+      </div>
 
+    </div>
 
+
 
+
 
+    <!-- jQuery first, then Popper.js, then Bootstrap JS. -->
 
+    <script src="js/jquery-1.9.1.min.js"></script>
 
+    <script src="js/tether.js"></script>
 
+    <script src="js/bootstrap.js"></script>
 
+    <script src="js/global.js"></script>
 
+    <script type="text/javascript">autoFlashHeight();</script>
 
+  </body>
 
+</html>

+ 273 - 0
admin-user.html
Xem Tập Tin 

@@ -0,0 +1,273 @@
 
+<!DOCTYPE html>
 
+<html lang="zh-cn">
 
+  <head>
 
+    <!-- Required meta tags -->
 
+    <meta charset="utf-8">
 
+    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
 
+
 
+    <!-- Bootstrap CSS -->
 
+    <link rel="stylesheet" href="css/bootstrap.css">
 
+    <link rel="stylesheet" href="css/global.css">
 
+    <link rel="stylesheet" href="css/ionicons.css">
 
+  </head>
 
+  <body> 
+    <header class="fixed-top top-wrap">
 
+      <div class="float-right">
 
+        <a href="#" class="user-wrap" alt="退出登录">
 
+          <span href="#" class="avatar-warp"><img src="images/avatarImg.jpg" width="30" height="30" class="avatar-img"></span>
 
+          <span class="user-name">欧桃珍<i class="ion-power ion-off"></i></span>
 
+        </a>
 
+      </div>
 
+      <div class="top-title">纵横帮助中心</div>
 
+    </header>
 
+    <div class="wrap">
 
+      <div class="nav left-nav">
 
+        <ul>
 
+          <li><a href="admin-user.html" class="active"><i class="icon ion-person"></i>用户</a></li>
 
+          <li><a href="admin-article.html"><i class="icon ion-ios-paper"></i>文章</a></li>
 
+          <li><a href="admin-classlist.html"><i class="icon ion-ios-list"></i>类别</a></li>
 
+          <li><a href="admin-recom.html"><i class="icon ion-thumbsup"></i>推荐</a></li>
 
+        </ul>
 
+      </div>
 
+      <div class="main-wrap container-fluid">
 
+        <div class="main-title navbar navbar-light bg-faded justify-content-between">
 
+          <a class="navbar-brand">用户中心</a>
 
+          <!-- <form class="float-right">
 
+            <div class="input-group">
 
+              <input type="text" class="form-control" placeholder="请输入关键字或关键词" aria-label="Search for...">
 
+              <span class="input-group-btn">
 
+                <button class="btn btn-blue" type="button">搜索</button>
 
+              </span>
 
+            </div>
 
+          </form> -->
 
+        </div>
 
+        <div class="main-function mt-4 mb-4 clearfix">
 
+          <!-- <button type="button" class="btn btn-danger float-left mr-2" data-toggle="modal" data-target="#del-article">删除</button> -->
 
+          <button type="button" class="btn btn-warning float-left mr-2" data-toggle="modal" data-target="#del-article">禁用</button>
 
+          <div class="d-inline float-left">
 
+            <select class="form-control" id="exampleSelect1">
 
+              <option>办事处</option>
 
+              <option>总部</option>
 
+            </select>
 
+          </div>
 
+        </div>
 
+        <div class="main-body">
 
+          <table class="table">
 
+            <thead>
 
+              <tr>
 
+                <th><input type="checkbox"></th>
 
+                <th>用户名</th>
 
+                <th>办事处</th>
 
+                <th>邮箱</th>
 
+                <th>电话</th>
 
+                <th>创建时间</th>
 
+                <th>最后登录</th>
 
+                <th>操作</th>
 
+              </tr>
 
+            </thead>
 
+            <tbody>
 
+              <tr>
 
+                <td><input type="checkbox"></td>
 
+                <td>陈特</td>
 
+                <td>总部</td>
 
+                <td>914630468@qq.com</td>
 
+                <td>15812644017</td>
 
+                <td>2017-07-19</td>
 
+                <td>2017-07-19</td>
 
+                <td><div class="btn-group btn-group-sm" role="group" aria-label="..."><button type="button" class="btn btn-success" data-toggle="modal" data-target="#disable-article">已开启</button><button type="button" class="btn btn-outline-warning" data-toggle="modal" data-target="#del-article">禁用</button></div></td>
 
+              </tr>
 
+              <tr>
 
+                <td><input type="checkbox"></td>
 
+                <td>陈特</td>
 
+                <td>总部</td>
 
+                <td>914630468@qq.com</td>
 
+                <td>15812644017</td>
 
+                <td>2017-07-19</td>
 
+                <td>2017-07-19</td>
 
+                <td><div class="btn-group btn-group-sm" role="group" aria-label="..."><button type="button" class="btn btn-outline-success" data-toggle="modal" data-target="#disable-article">开启</button><button type="button" class="btn btn-warning" data-toggle="modal" data-target="#del-article">已禁用</button></div></td>
 
+              </tr>
 
+              <tr>
 
+                <td><input type="checkbox"></td>
 
+                <td>陈叶婷</td>
 
+                <td>广西办</td>
 
+                <td>1304991420@qq.com</td>
 
+                <td>15607807379</td>
 
+                <td>2017-07-19</td>
 
+                <td>2017-07-19</td>
 
+                <td><div class="btn-group btn-group-sm" role="group" aria-label="..."><button type="button" class="btn btn-success" data-toggle="modal" data-target="#disable-article">已开启</button><button type="button" class="btn btn-outline-warning" data-toggle="modal" data-target="#del-article">禁用</button></div></td>
 
+              </tr>
 
+              <tr>
 
+                <td><input type="checkbox"></td>
 
+                <td>陈叶婷</td>
 
+                <td>广西办</td>
 
+                <td>1304991420@qq.com</td>
 
+                <td>15607807379</td>
 
+                <td>2017-07-19</td>
 
+                <td>2017-07-19</td>
 
+                <td><div class="btn-group btn-group-sm" role="group" aria-label="..."><button type="button" class="btn btn-success" data-toggle="modal" data-target="#disable-article">已开启</button><button type="button" class="btn btn-outline-warning" data-toggle="modal" data-target="#del-article">禁用</button></div></td>
 
+              </tr>
 
+              <tr>
 
+                <td><input type="checkbox"></td>
 
+                <td>陈叶婷</td>
 
+                <td>广西办</td>
 
+                <td>1304991420@qq.com</td>
 
+                <td>15607807379</td>
 
+                <td>2017-07-19</td>
 
+                <td>2017-07-19</td>
 
+                <td><div class="btn-group btn-group-sm" role="group" aria-label="..."><button type="button" class="btn btn-success" data-toggle="modal" data-target="#disable-article">已开启</button><button type="button" class="btn btn-outline-warning" data-toggle="modal" data-target="#del-article">禁用</button></div></td>
 
+              </tr>
 
+              <tr>
 
+                <td><input type="checkbox"></td>
 
+                <td>陈叶婷</td>
 
+                <td>广西办</td>
 
+                <td>1304991420@qq.com</td>
 
+                <td>15607807379</td>
 
+                <td>2017-07-19</td>
 
+                <td>2017-07-19</td>
 
+                <td><div class="btn-group btn-group-sm" role="group" aria-label="..."><button type="button" class="btn btn-success" data-toggle="modal" data-target="#disable-article">已开启</button><button type="button" class="btn btn-outline-warning" data-toggle="modal" data-target="#del-article">禁用</button></div></td>
 
+              </tr>
 
+              <tr>
 
+                <td><input type="checkbox"></td>
 
+                <td>陈叶婷</td>
 
+                <td>广西办</td>
 
+                <td>1304991420@qq.com</td>
 
+                <td>15607807379</td>
 
+                <td>2017-07-19</td>
 
+                <td>2017-07-19</td>
 
+                <td><div class="btn-group btn-group-sm" role="group" aria-label="..."><button type="button" class="btn btn-success" data-toggle="modal" data-target="#disable-article">已开启</button><button type="button" class="btn btn-outline-warning" data-toggle="modal" data-target="#del-article">禁用</button></div></td>
 
+              </tr>
 
+              <tr>
 
+                <td><input type="checkbox"></td>
 
+                <td>陈叶婷</td>
 
+                <td>广西办</td>
 
+                <td>1304991420@qq.com</td>
 
+                <td>15607807379</td>
 
+                <td>2017-07-19</td>
 
+                <td>2017-07-19</td>
 
+                <td><div class="btn-group btn-group-sm" role="group" aria-label="..."><button type="button" class="btn btn-success" data-toggle="modal" data-target="#disable-article">已开启</button><button type="button" class="btn btn-outline-warning" data-toggle="modal" data-target="#del-article">禁用</button></div></td>
 
+              </tr>
 
+              <tr>
 
+                <td><input type="checkbox"></td>
 
+                <td>陈叶婷</td>
 
+                <td>广西办</td>
 
+                <td>1304991420@qq.com</td>
 
+                <td>15607807379</td>
 
+                <td>2017-07-19</td>
 
+                <td>2017-07-19</td>
 
+                <td><div class="btn-group btn-group-sm" role="group" aria-label="..."><button type="button" class="btn btn-success" data-toggle="modal" data-target="#disable-article">已开启</button><button type="button" class="btn btn-outline-warning" data-toggle="modal" data-target="#del-article">禁用</button></div></td>
 
+              </tr>
 
+              <tr>
 
+                <td><input type="checkbox"></td>
 
+                <td>陈叶婷</td>
 
+                <td>广西办</td>
 
+                <td>1304991420@qq.com</td>
 
+                <td>15607807379</td>
 
+                <td>2017-07-19</td>
 
+                <td>2017-07-19</td>
 
+                <td><div class="btn-group btn-group-sm" role="group" aria-label="..."><button type="button" class="btn btn-success" data-toggle="modal" data-target="#disable-article">已开启</button><button type="button" class="btn btn-outline-warning" data-toggle="modal" data-target="#del-article">禁用</button></div></td>
 
+              </tr>
 
+              <tr>
 
+                <td><input type="checkbox"></td>
 
+                <td>陈叶婷</td>
 
+                <td>广西办</td>
 
+                <td>1304991420@qq.com</td>
 
+                <td>15607807379</td>
 
+                <td>2017-07-19</td>
 
+                <td>2017-07-19</td>
 
+                <td><div class="btn-group btn-group-sm" role="group" aria-label="..."><button type="button" class="btn btn-success" data-toggle="modal" data-target="#disable-article">已开启</button><button type="button" class="btn btn-outline-warning" data-toggle="modal" data-target="#del-article">禁用</button></div></td>
 
+              </tr>
 
+            </tbody>
 
+          </table>
 
+          <nav aria-label="Page navigation example">
 
+            <ul class="pagination">
 
+              <li class="page-item">
 
+                <a class="page-link" href="#" aria-label="Previous">
 
+                  <span aria-hidden="true">&laquo;</span>
 
+                  <span class="sr-only">Previous</span>
 
+                </a>
 
+              </li>
 
+              <li class="page-item"><a class="page-link" href="#">1</a></li>
 
+              <li class="page-item"><a class="page-link" href="#">2</a></li>
 
+              <li class="page-item"><a class="page-link" href="#">3</a></li>
 
+              <li class="page-item">
 
+                <a class="page-link" href="#" aria-label="Next">
 
+                  <span aria-hidden="true">&raquo;</span>
 
+                  <span class="sr-only">Next</span>
 
+                </a>
 
+              </li>
 
+            </ul>
 
+          </nav>
 
+        </div>
 
+      </div>
 
+      <div class="side-wrap">
 
+        <div class="side-top pl-4 pr-4 pt-3 pb-3 sticky-top clearfix">
 
+          <div class="float-right">
 
+            <a class="btn btn-outline-blue btn-sm mr-2" href="admin-article-edit.html" role="button">编辑</a><a class="btn btn-outline-danger btn-sm" href="#" role="button" data-toggle="modal" data-target="#del-article">删除</a>
 
+          </div>
 
+          <h4>文章中心</h4>
 
+        </div>
 
+        <div class="side-main p-4">
 
+          <div class="pb-3">
 
+            <b>类别：</b>公路(养护、广东)造价软件 / 造价书类 / 算量软件
 
+          </div>
 
+          <div class="pb-3"><b>冬雨季及夜间施工增工百分率、临时设施用工指标用工指标填写在02表冬雨季及夜间施工增工百分率、临时设施用工指标用工指标填写在02表 <span class="text-warning">[荐]</span></b></div>
 
+          <p>答：有三种解决方案，任选其一即可。</p>
 
+          <p>一：在软件报表界面</p>
 
+          <p>1）导出时，不勾选“Excel单页输出”选项直接导出。</p>
 
+          <p>2）打印时，在弹出的打印设置对话框中，打印内容项选择“整个工作簿”，点击确定即可。</p>
 
+          <p>二：在纵横软件中重新打勾2010再导出。</p>
 
+          <p>三：在高版本的wps中点击“帮助”-切换版本，切换到老版本，重新打开。</p>
 
+          <p>解：因高版本的WPS与excel无法兼容导致的错误。</p>
 
+        </div>
 
+      </div>
 
+    </div>
 
+
 
+    <div class="modal fade" id="del-article" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
 
+      <div class="modal-dialog" role="document">
 
+        <div class="modal-content">
 
+          <div class="modal-header">
 
+            <h5 class="modal-title" id="exampleModalLabel">禁用</h5>
 
+            <button type="button" class="close" data-dismiss="modal" aria-label="Close">
 
+              <span aria-hidden="true">&times;</span>
 
+            </button>
 
+          </div>
 
+          <div class="modal-body">
 
+            <h5 class="pt-3 pb-3">是否禁用该用户？</h5>
 
+          </div>
 
+          <div class="modal-footer">
 
+            <button type="button" class="btn btn-secondary" data-dismiss="modal">取消</button>
 
+            <button type="button" class="btn btn-danger">确定</button>
 
+          </div>
 
+        </div>
 
+      </div>
 
+    </div>
 
+
 
+    <div class="modal fade" id="disable-article" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
 
+      <div class="modal-dialog" role="document">
 
+        <div class="modal-content">
 
+          <div class="modal-header">
 
+            <h5 class="modal-title" id="exampleModalLabel">开启</h5>
 
+            <button type="button" class="close" data-dismiss="modal" aria-label="Close">
 
+              <span aria-hidden="true">&times;</span>
 
+            </button>
 
+          </div>
 
+          <div class="modal-body">
 
+            <h5 class="pt-3 pb-3">是否开启该用户？</h5>
 
+          </div>
 
+          <div class="modal-footer">
 
+            <button type="button" class="btn btn-secondary" data-dismiss="modal">取消</button>
 
+            <button type="button" class="btn btn-danger">确定</button>
 
+          </div>
 
+        </div>
 
+      </div>
 
+    </div>
 
+
 
+
 
+    <!-- jQuery first, then Popper.js, then Bootstrap JS. -->
 
+    <script src="js/jquery-1.9.1.min.js"></script>
 
+    <script src="js/tether.js"></script>
 
+    <script src="js/bootstrap.js"></script>
 
+    <script src="js/global.js"></script>
 
+    <script type="text/javascript">autoFlashHeight();</script>
 
+  </body>
 
+</html>

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

@@ -1,343 +0,0 @@
 
-<!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>

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

@@ -1,233 +0,0 @@
 
-<!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>

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

@@ -1,209 +0,0 @@
 
-<!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>

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

@@ -1,266 +0,0 @@
 
-<!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>

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

@@ -1,242 +0,0 @@
 
-<!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>

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

@@ -1,238 +0,0 @@
 
-<!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>

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

@@ -1,371 +0,0 @@
 
-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;
 
-}

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


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


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


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


+ 459 - 0
css/bootstrap-reboot.css
Xem Tập Tin 

@@ -0,0 +1,459 @@
 
+/*! normalize.css v5.0.0 | MIT License | github.com/necolas/normalize.css */
 
+html {
 
+  font-family: sans-serif;
 
+  line-height: 1.15;
 
+  -ms-text-size-adjust: 100%;
 
+  -webkit-text-size-adjust: 100%;
 
+}
 
+
 
+body {
 
+  margin: 0;
 
+}
 
+
 
+article,
 
+aside,
 
+footer,
 
+header,
 
+nav,
 
+section {
 
+  display: block;
 
+}
 
+
 
+h1 {
 
+  font-size: 2em;
 
+  margin: 0.67em 0;
 
+}
 
+
 
+figcaption,
 
+figure,
 
+main {
 
+  display: block;
 
+}
 
+
 
+figure {
 
+  margin: 1em 40px;
 
+}
 
+
 
+hr {
 
+  -webkit-box-sizing: content-box;
 
+          box-sizing: content-box;
 
+  height: 0;
 
+  overflow: visible;
 
+}
 
+
 
+pre {
 
+  font-family: monospace, monospace;
 
+  font-size: 1em;
 
+}
 
+
 
+a {
 
+  background-color: transparent;
 
+  -webkit-text-decoration-skip: objects;
 
+}
 
+
 
+a:active,
 
+a:hover {
 
+  outline-width: 0;
 
+}
 
+
 
+abbr[title] {
 
+  border-bottom: none;
 
+  text-decoration: underline;
 
+  text-decoration: underline dotted;
 
+}
 
+
 
+b,
 
+strong {
 
+  font-weight: inherit;
 
+}
 
+
 
+b,
 
+strong {
 
+  font-weight: bolder;
 
+}
 
+
 
+code,
 
+kbd,
 
+samp {
 
+  font-family: monospace, monospace;
 
+  font-size: 1em;
 
+}
 
+
 
+dfn {
 
+  font-style: italic;
 
+}
 
+
 
+mark {
 
+  background-color: #ff0;
 
+  color: #000;
 
+}
 
+
 
+small {
 
+  font-size: 80%;
 
+}
 
+
 
+sub,
 
+sup {
 
+  font-size: 75%;
 
+  line-height: 0;
 
+  position: relative;
 
+  vertical-align: baseline;
 
+}
 
+
 
+sub {
 
+  bottom: -0.25em;
 
+}
 
+
 
+sup {
 
+  top: -0.5em;
 
+}
 
+
 
+audio,
 
+video {
 
+  display: inline-block;
 
+}
 
+
 
+audio:not([controls]) {
 
+  display: none;
 
+  height: 0;
 
+}
 
+
 
+img {
 
+  border-style: none;
 
+}
 
+
 
+svg:not(:root) {
 
+  overflow: hidden;
 
+}
 
+
 
+button,
 
+input,
 
+optgroup,
 
+select,
 
+textarea {
 
+  font-family: sans-serif;
 
+  font-size: 100%;
 
+  line-height: 1.15;
 
+  margin: 0;
 
+}
 
+
 
+button,
 
+input {
 
+  overflow: visible;
 
+}
 
+
 
+button,
 
+select {
 
+  text-transform: none;
 
+}
 
+
 
+button,
 
+html [type="button"],
 
+[type="reset"],
 
+[type="submit"] {
 
+  -webkit-appearance: button;
 
+}
 
+
 
+button::-moz-focus-inner,
 
+[type="button"]::-moz-focus-inner,
 
+[type="reset"]::-moz-focus-inner,
 
+[type="submit"]::-moz-focus-inner {
 
+  border-style: none;
 
+  padding: 0;
 
+}
 
+
 
+button:-moz-focusring,
 
+[type="button"]:-moz-focusring,
 
+[type="reset"]:-moz-focusring,
 
+[type="submit"]:-moz-focusring {
 
+  outline: 1px dotted ButtonText;
 
+}
 
+
 
+fieldset {
 
+  border: 1px solid #c0c0c0;
 
+  margin: 0 2px;
 
+  padding: 0.35em 0.625em 0.75em;
 
+}
 
+
 
+legend {
 
+  -webkit-box-sizing: border-box;
 
+          box-sizing: border-box;
 
+  color: inherit;
 
+  display: table;
 
+  max-width: 100%;
 
+  padding: 0;
 
+  white-space: normal;
 
+}
 
+
 
+progress {
 
+  display: inline-block;
 
+  vertical-align: baseline;
 
+}
 
+
 
+textarea {
 
+  overflow: auto;
 
+}
 
+
 
+[type="checkbox"],
 
+[type="radio"] {
 
+  -webkit-box-sizing: border-box;
 
+          box-sizing: border-box;
 
+  padding: 0;
 
+}
 
+
 
+[type="number"]::-webkit-inner-spin-button,
 
+[type="number"]::-webkit-outer-spin-button {
 
+  height: auto;
 
+}
 
+
 
+[type="search"] {
 
+  -webkit-appearance: textfield;
 
+  outline-offset: -2px;
 
+}
 
+
 
+[type="search"]::-webkit-search-cancel-button,
 
+[type="search"]::-webkit-search-decoration {
 
+  -webkit-appearance: none;
 
+}
 
+
 
+::-webkit-file-upload-button {
 
+  -webkit-appearance: button;
 
+  font: inherit;
 
+}
 
+
 
+details,
 
+menu {
 
+  display: block;
 
+}
 
+
 
+summary {
 
+  display: list-item;
 
+}
 
+
 
+canvas {
 
+  display: inline-block;
 
+}
 
+
 
+template {
 
+  display: none;
 
+}
 
+
 
+[hidden] {
 
+  display: none;
 
+}
 
+
 
+html {
 
+  -webkit-box-sizing: border-box;
 
+          box-sizing: border-box;
 
+}
 
+
 
+*,
 
+*::before,
 
+*::after {
 
+  -webkit-box-sizing: inherit;
 
+          box-sizing: inherit;
 
+}
 
+
 
+@-ms-viewport {
 
+  width: device-width;
 
+}
 
+
 
+html {
 
+  -ms-overflow-style: scrollbar;
 
+  -webkit-tap-highlight-color: transparent;
 
+}
 
+
 
+body {
 
+  font-family: -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
 
+  font-size: 1rem;
 
+  font-weight: normal;
 
+  line-height: 1.5;
 
+  color: #292b2c;
 
+  background-color: #fff;
 
+}
 
+
 
+[tabindex="-1"]:focus {
 
+  outline: none !important;
 
+}
 
+
 
+h1, h2, h3, h4, h5, h6 {
 
+  margin-top: 0;
 
+  margin-bottom: .5rem;
 
+}
 
+
 
+p {
 
+  margin-top: 0;
 
+  margin-bottom: 1rem;
 
+}
 
+
 
+abbr[title],
 
+abbr[data-original-title] {
 
+  cursor: help;
 
+}
 
+
 
+address {
 
+  margin-bottom: 1rem;
 
+  font-style: normal;
 
+  line-height: inherit;
 
+}
 
+
 
+ol,
 
+ul,
 
+dl {
 
+  margin-top: 0;
 
+  margin-bottom: 1rem;
 
+}
 
+
 
+ol ol,
 
+ul ul,
 
+ol ul,
 
+ul ol {
 
+  margin-bottom: 0;
 
+}
 
+
 
+dt {
 
+  font-weight: bold;
 
+}
 
+
 
+dd {
 
+  margin-bottom: .5rem;
 
+  margin-left: 0;
 
+}
 
+
 
+blockquote {
 
+  margin: 0 0 1rem;
 
+}
 
+
 
+a {
 
+  color: #0275d8;
 
+  text-decoration: none;
 
+}
 
+
 
+a:focus, a:hover {
 
+  color: #014c8c;
 
+  text-decoration: underline;
 
+}
 
+
 
+a:not([href]):not([tabindex]) {
 
+  color: inherit;
 
+  text-decoration: none;
 
+}
 
+
 
+a:not([href]):not([tabindex]):focus, a:not([href]):not([tabindex]):hover {
 
+  color: inherit;
 
+  text-decoration: none;
 
+}
 
+
 
+a:not([href]):not([tabindex]):focus {
 
+  outline: 0;
 
+}
 
+
 
+pre {
 
+  margin-top: 0;
 
+  margin-bottom: 1rem;
 
+  overflow: auto;
 
+}
 
+
 
+figure {
 
+  margin: 0 0 1rem;
 
+}
 
+
 
+img {
 
+  vertical-align: middle;
 
+}
 
+
 
+[role="button"] {
 
+  cursor: pointer;
 
+}
 
+
 
+a,
 
+area,
 
+button,
 
+[role="button"],
 
+input,
 
+label,
 
+select,
 
+summary,
 
+textarea {
 
+  -ms-touch-action: manipulation;
 
+      touch-action: manipulation;
 
+}
 
+
 
+table {
 
+  border-collapse: collapse;
 
+  background-color: transparent;
 
+}
 
+
 
+caption {
 
+  padding-top: 0.75rem;
 
+  padding-bottom: 0.75rem;
 
+  color: #636c72;
 
+  text-align: left;
 
+  caption-side: bottom;
 
+}
 
+
 
+th {
 
+  text-align: left;
 
+}
 
+
 
+label {
 
+  display: inline-block;
 
+  margin-bottom: .5rem;
 
+}
 
+
 
+button:focus {
 
+  outline: 1px dotted;
 
+  outline: 5px auto -webkit-focus-ring-color;
 
+}
 
+
 
+input,
 
+button,
 
+select,
 
+textarea {
 
+  line-height: inherit;
 
+}
 
+
 
+input[type="radio"]:disabled,
 
+input[type="checkbox"]:disabled {
 
+  cursor: not-allowed;
 
+}
 
+
 
+input[type="date"],
 
+input[type="time"],
 
+input[type="datetime-local"],
 
+input[type="month"] {
 
+  -webkit-appearance: listbox;
 
+}
 
+
 
+textarea {
 
+  resize: vertical;
 
+}
 
+
 
+fieldset {
 
+  min-width: 0;
 
+  padding: 0;
 
+  margin: 0;
 
+  border: 0;
 
+}
 
+
 
+legend {
 
+  display: block;
 
+  width: 100%;
 
+  padding: 0;
 
+  margin-bottom: .5rem;
 
+  font-size: 1.5rem;
 
+  line-height: inherit;
 
+}
 
+
 
+input[type="search"] {
 
+  -webkit-appearance: none;
 
+}
 
+
 
+output {
 
+  display: inline-block;
 
+}
 
+
 
+[hidden] {
 
+  display: none !important;
 
+}
 
+/*# sourceMappingURL=bootstrap-reboot.css.map */

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


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


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


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

@@ -1,596 +0,0 @@
 
-/*!
 
- * 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
+ 0 - 14
css/bootstrap-theme.min.css


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


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


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


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


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

@@ -0,0 +1,323 @@
 
+body{font-family: "微软雅黑" arial, sans-serif; background:#fff; font-size:14px; 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;}
 
+
 
+a{color:#0096C4;}
 
+/* 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;
 
+}
 
+.logo-title{
 
+  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;*/
 
+  background-image: -webkit-linear-gradient(right,#00c3ec 0,#00c89d 100%);
 
+  background-image: linear-gradient(to left,#00c3ec 0,#00c89d 100%);
 
+  padding:30px 0;
 
+}
 
+.search-box{
 
+  margin:0 auto;
 
+  width:680px;
 
+  text-align: center;
 
+}
 
+.search-title{
 
+  color:#fff;
 
+  padding:0 0 10px;
 
+}
 
+.search-input{
 
+  border:1px solid #ccc;
 
+}
 
+.btn-search{
 
+  height:48px;
 
+  line-height: 48px;
 
+  font-size: 14px;
 
+  padding:0 30px;
 
+}
 
+.warp-con{
 
+  margin:15px 0 0;
 
+}
 
+.produce-tit{
 
+  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;
 
+}
 
+.article-hotcon{
 
+  margin:15px 0 0;
 
+  background:#fff;
 
+  border-bottom: none;
 
+}
 
+.article-hot-list{
 
+  padding:15px 0;
 
+  font-size: 14px;
 
+}
 
+.article-hot-list li{
 
+  padding:5px 0;
 
+}
 
+.articlehot-more{
 
+  margin:5px 15px 0 0;
 
+  font-size: 14px;
 
+}
 
+.warp-footer{
 
+  margin-top: 35px;
 
+  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:26%;
 
+}
 
+.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 0 0;
 
+  border-top:1px solid #eee;
 
+}
 
+.right-main{
 
+  margin:0 0 0 29%;
 
+}
 
+.recommend-con{
 
+  margin: 15px 0;
 
+}
 
+.recommend{
 
+  width:48% !important;
 
+  padding:0;
 
+  margin-right: 2%;
 
+  -webkit-flex: 0 0 48%; 
+  -ms-flex: 0 0 48%;
 
+  flex: 0 0 48%; 
+   max-width: 48%; 
+}
 
+.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 20px 0;
 
+}
 
+.produce-list li{
 
+  font-size: 14px;
 
+  padding:5px 0;
 
+}
 
+.breadcrumbCon{
 
+  background:none;
 
+  margin:10px 0 10px 0;
 
+}
 
+.produce-list-page-con{
 
+  margin:15px 0;
 
+  font-size: 14px;
 
+  line-height: 26px;
 
+  color:#666;
 
+}
 
+.produce-list_Con{
 
+  margin:0;
 
+}
 
+.produce-list-page-con p{
 
+  font-size: 14px;
 
+  line-height: 20px;
 
+  color:#666;
 
+  margin:5px 0;
 
+}
 
+.produce-list-page-con blockquote{
 
+  margin: 10px;
 
+  padding: 10px;
 
+  font-size: :14px;
 
+  background: #f2f2f2;
 
+}
 
+.produce-list-page-con a img{
 
+  border:2px solid #fff;
 
+}
 
+.produce-list-page-con a img:hover{
 
+  border:2px solid #E87A53;
 
+}
 
+.page-con-feedback{
 
+  padding:10px;
 
+  border:2px solid #59AF59;
 
+  font-size: 16px;
 
+}
 
+.page-con-feedback-top{
 
+  padding:0 0 10px 0;
 
+}
 
+.page-con-feedback-down 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: 38px;
 
+  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;
 
+}

+ 367 - 326
css/global.css
Xem Tập Tin 

@@ -1,353 +1,394 @@
 
-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{
 
+body{
 
+  font-family:"微软雅黑","Tahoma";
 
   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;
 
+h1, h2, h3, h4, h5, h6{
 
+	margin:0;
 
+	padding:0;
 
 }
 
-.Recommend{
 
+dl,ul,dd{
 
+  margin:0;
 
   padding:0;
 
-  margin:0 2% 0 0;
 
 }
 
-@media (min-width: 992px){
 
-.Recommend {
 
-    width: 30%;
 
-    }
 
-}
 
-.Recommend ul{
 
-  margin:15px 0;
 
+dl li,ul li{
 
+	list-style-type: none;
 
+}
 
+dd {
 
+  margin-left:0
 
+}
 
+a{
 
+	color:#0096C4;
 
+  outline:none;
 
+  text-decoration: none;
 
+}
 
+a:hover{
 
+	color:#007ca2;
 
+}
 
+a:active{
 
+	color:#007ca2;
 
+}
 
+a:focus{
 
+	color:#007ca2;
 
+	text-decoration: none;
 
+}
 
+a img {
 
+  border:0 none
 
+}
 
+img {
 
+  vertical-align:middle;
 
+  border:0px
 
+}
 
+table {
 
+  border-collapse:collapse
 
+}
 
+.login-wrap{
 
+	position:fixed;
 
+	width:100%;
 
+	height:100%;
 
+	background-image: -webkit-linear-gradient(right,#00c3ec 0,#00c89d 100%);
 
+	background-image: linear-gradient(to left,#00c3ec 0,#00c89d 100%);
 
+  box-shadow: 0 -1px 6px rgba(0,0,0,.05) inset;
 
+}
 
+.login-title{
 
+	width:400px;
 
+	color:#fff;
 
+	text-align: center;
 
+	padding:30px 0;
 
+}
 
+.login-form{
 
+	position:absolute;
 
+	top:40%;
 
+	left:50%;
 
+	margin-top:-175px;
 
+	margin-left: -200px;
 
+}
 
+.login-form form{
 
+	width:400px;
 
+	height:280px;
 
+	background:#fff;
 
+	padding-top: 70px;
 
+	padding-left:35px;
 
+	padding-right: 35px;
 
+	border-radius: 5px;
 
+	-webkit-box-shadow:0 0 10px rgba(150, 150, 150, .5);  
+  -moz-box-shadow:0 0 10px rgba(150, 150, 150, .5);  
+  box-shadow:0 0 10px rgba(150, 150, 150, .5);
 
+}
 
+.login-form .input-group-addon{
 
+	width:38px;
 
+	text-align: center;
 
+}
 
+.top-wrap{
 
+	font-size: 18px;
 
+	padding:0 20px;
 
+	color:#fff;
 
+	height: 50px;
 
+	line-height: 50px;
 
+	background-image: -webkit-linear-gradient(right,#00c3ec 0,#00c89d 100%);
 
+	background-image: linear-gradient(to left,#00c3ec 0,#00c89d 100%);
 
+  box-shadow: 0 -1px 6px rgba(0,0,0,.05) inset;
 
+  min-width: 1100px;
 
+}
 
+.top-title{
 
+	line-height: 50px;
 
+}
 
+.user-wrap{
 
+	color:#fff;
 
+}
 
+.user-wrap:hover{
 
+	color:#0090ad;
 
+	text-decoration: none;
 
+}
 
+.avatar-img{
 
+	margin-right: 3px;
 
+	border-radius: 15px;
 
+}
 
+.user-name{
 
+	font-size: 16px;
 
+	color:#fff;
 
+}
 
+.ion-off{
 
+	display: inline-block;
 
+	width:30px;
 
+	text-align: center;
 
+	color:#0090ad;
 
+}
 
+.left-nav{
 
+	position: fixed;
 
+	z-index: 99;
 
+	width:70px;
 
+	height:100%;
 
+	left:0;
 
+	top:50px;
 
+	background:#47606C;
 
+	font-size: 14px;
 
+}
 
+.left-nav ul li a{
 
+	display:inline-block;
 
+	width:70px;
 
+	text-align: center;
 
+	padding:13px 0;
 
+	color:#8abbd2;
 
+
 
 }
 
-.Recommend li{
 
-  font-size: 14px;
 
-  padding:5px 0;
 
-  overflow:hidden;
 
-  text-overflow:ellipsis;
 
-  -o-text-overflow:ellipsis;
 
-  white-space:nowrap;
 
+.left-nav ul li a:hover{
 
+	background:#374C59;
 
+	color:#f0f0f0;
 
+	text-decoration: none;
 
+}
 
+.left-nav ul li a .icon{
 
+	line-height: 26px;
 
+	font-size: 28px;
 
+	display:block;
 
+}
 
+.left-nav ul li a.active{
 
+	background:#374C59;
 
+	color:#f0f0f0;
 
+	border-top: 1px solid #2a4251;
 
+	border-bottom: 1px solid #2a4251;
 
+}
 
+.main-wrap{
 
+	margin:50px 0 0 70px;
 
+	padding-top: 15px;
 
+	padding-bottom: 25px;
 
+	overflow-y:auto;
 
+}
 
+.main-title{
 
+	display:block;
 
+}
 
+.main-title .form-control{
 
+	width:300px;
 
+}
 
+.side-wrap{
 
+	position:absolute;
 
+	z-index: 99;
 
+	right:-700px;
 
+	/*right:0;*/
 
+	top:50px;
 
+	background:#fff;
 
+	width:700px;
 
+	height:100%;
 
+	overflow-y:auto;
 
+	-webkit-box-shadow:0 0 10px rgba(150, 150, 150, .5);  
+  -moz-box-shadow:0 0 10px rgba(150, 150, 150, .5);  
+  box-shadow:0 0 10px rgba(150, 150, 150, .5);
 
+}
 
+.side-top{
 
+	background:#fff;
 
+	border-bottom: 1px solid #ddd;
 
+}
 
+.class-wrap .class-list{
 
+	position:relative;
 
+	margin-bottom: 15px;
 
+}
 
+.class-list:before{
 
+	content: "";
 
+  width: 1px;
 
+  position: absolute;
 
+  background: #21d376;
 
+  left: 20px;
 
+  top: 30px;
 
+  bottom: 21px;
 
+  display: block;
 
+  padding-bottom: 23px;
 
+  box-sizing: border-box;
 
+}
 
+.class-list dt{
 
+	height:50px;
 
+	line-height: 50px;
 
+	background:#f7f7f7;
 
+	border-radius: 3px;
 
+	padding:0 15px;
 
+}
 
+.class-wrap .class-title{
 
+	position:absolute;
 
+	font-size: 16px;
 
+	width:70%;
 
+	font-weight: 500;
 
+	cursor: pointer;
 
+}
 
+.class-title:before{
 
+	content: "";
 
+  height: 11px;
 
+  width: 11px;
 
+  border: 2px solid #21d376;
 
+  border-radius: 100%;
 
+  background: #fff;
 
+  margin-right: 10px;
 
+  display: inline-block;
 
+  position: relative;
 
+  top: 0px;
 
+}
 
+.class-wrap .class-title-first:after{
 
+	content: "";
 
+  display: inline-block;
 
+  height: 0;
 
+  width: 0;
 
+  border-left: 4px solid transparent;
 
+  border-right: 4px solid transparent;
 
+  border-top: 5px solid #333;
 
+  position: absolute;
 
+  top: 50%;
 
+  margin-top: -2px;
 
+  margin-left: 5px;
 
+  -webkit-transition: all ease .2s;
 
+  -moz-transition: all ease .2s;
 
+  -o-transition: all ease .2s;
 
+  transition: all ease .2s;
 
+}
 
+.class-list dd{
 
+	padding-left: 55px;
 
+}
 
+.class-list dd .inner{
 
+	height:45px;
 
+	line-height: 45px;
 
+	border-bottom: 1px solid #eff4f5;
 
+	padding-right: 15px;
 
+}
 
+.class-title-two{
 
+	font-size: 14px !important;
 
+}
 
+.class-title-two:before{
 
+	content: "";
 
+  height: 8px;
 
+  width: 8px;
 
+  background: #21d376;
 
+  border-radius: 100%;
 
+  position: absolute;
 
+  left: -12px;
 
+  top: 50%;
 
+  margin-top: -4px;
 
+}
 
+.class-title-two:after{
 
+	content: "";
 
+  height: 1px;
 
+  width: 22px;
 
+  border-top: 1px dotted #21d376;
 
+  position: absolute;
 
+  left: -34px;
 
+  top: 23px;
 
+}
 
+.class-oper a{
 
+	padding:0 8px;
 
 }
 
-.produce_List{
 
-  margin:0;
 
-  padding:20px 0;
 
+
 
+.btn-blue {
 
+  color: #fff;
 
+  background-color: #0096C4;
 
+  border-color: #0096C4;
 
 }
 
-.produce_List li{
 
-  font-size: 14px;
 
-  padding:5px 0;
 
+
 
+.btn-blue:hover {
 
+  color: #fff;
 
+  background-color: #0088b2;
 
+  border-color: #0088b2;
 
 }
 
-.breadcrumbCon{
 
-  background:none;
 
-  margin:10px 0 10px 0;
 
+
 
+.btn-blue:focus, .btn-blue.focus {
 
+  -webkit-box-shadow: 0 0 0 2px rgba(0, 136, 178, 0.5);
 
+          box-shadow: 0 0 0 2px rgba(0, 136, 178, 0.5);
 
 }
 
-.produce_List_pageCon{
 
-  margin:15px 0;
 
-  font-size: 14px;
 
-  line-height: 26px;
 
-  color:#666;
 
+
 
+.btn-blue.disabled, .btn-blue:disabled {
 
+  background-color: #0088b2;
 
+  border-color: #0088b2;
 
 }
 
-.produce_List_Con{
 
-  margin:0;
 
+
 
+.btn-blue:active, .btn-blue.active,
 
+.show > .btn-blue.dropdown-toggle {
 
+  color: #fff;
 
+  background-color: #0088b2;
 
+  background-image: none;
 
+  border-color: #0088b2;
 
 }
 
-.produce_List_pageCon p{
 
-  font-size: 14px;
 
-  line-height: 20px;
 
-  color:#666;
 
-  margin:5px 0;
 
+
 
+.btn-green {
 
+  color: #fff;
 
+  background-color: #00C8A3;
 
+  border-color: #00C8A3;
 
 }
 
-.produce_List_pageCon blockquote{
 
-  margin: 10px;
 
-  padding: 10px;
 
-  font-size: :14px;
 
-  background: #f2f2f2;
 
+
 
+.btn-green:hover {
 
+  color: #fff;
 
+  background-color: #00b896;
 
+  border-color: #00b896;
 
 }
 
-.produce_List_pageCon a img{
 
-  border:2px solid #fff;
 
+
 
+.btn-green:focus, .btn-green.focus {
 
+  -webkit-box-shadow: 0 0 0 2px rgba(0, 184, 150, 0.5);
 
+          box-shadow: 0 0 0 2px rgba(0, 184, 150, 0.5);
 
 }
 
-.produce_List_pageCon a img:hover{
 
-  border:2px solid #E87A53;
 
+
 
+.btn-green.disabled, .btn-green:disabled {
 
+  background-color: #00b896;
 
+  border-color: #00b896;
 
 }
 
-.pageCon_feedback{
 
-  padding:10px;
 
-  border:2px solid #59AF59;
 
-  font-size: 16px;
 
+
 
+.btn-green:active, .btn-green.active,
 
+.show > .btn-green.dropdown-toggle {
 
+  color: #fff;
 
+  background-color: #00b896;
 
+  background-image: none;
 
+  border-color: #00b896;
 
 }
 
-.pageCon_feedbackTop{
 
-  padding:0 0 10px 0;
 
+
 
+.btn-outline-green {
 
+  color: #00C8A3;
 
+  background-image: none;
 
+  background-color: transparent;
 
+  border-color: #00C8A3;
 
 }
 
-.pageCon_feedbackDown a{
 
-  margin:0 5px;
 
+
 
+.btn-outline-green:hover {
 
+  color: #fff;
 
+  background-color: #00b896;
 
+  border-color: #00b896;
 
 }
 
-.solved,.unsolved{
 
-  font-size: 12px;
 
-  padding:3px 8px;
 
-  font-weight: 100;
 
+
 
+.btn-outline-green:focus, .btn-outline-green.focus {
 
+  -webkit-box-shadow: 0 0 0 2px rgba(0, 184, 150, 0.5);
 
+  box-shadow: 0 0 0 2px rgba(0, 184, 150, 0.5);
 
 }
 
-.solved span,.unsolved span{
 
-  margin:0 3px;
 
+
 
+.btn-outline-green.disabled, .btn-outline-green:disabled {
 
+  color: #00b896;
 
+  background-color: transparent;
 
 }
 
-.search_warp{
 
-  margin:15px 0;
 
+
 
+.btn-outline-green:active, .btn-outline-green.active,
 
+.show > .btn-outline-green.dropdown-toggle {
 
+  color: #fff;
 
+  background-color: #00b896;
 
+  border-color: #00b896;
 
 }
 
-.search_class li{
 
-  float:left;
 
-  line-height: 34px;
 
-  height:34px;
 
-  font-size: 14px;
 
-  margin:0 5px 0 0;
 
+
 
+.btn-outline-blue {
 
+  color: #0088b2;
 
+  background-image: none;
 
+  background-color: transparent;
 
+  border-color: #0088b2;
 
 }
 
-.search_class select{
 
-  width:200px;
 
+
 
+.btn-outline-blue:hover {
 
+  color: #fff;
 
+  background-color: #0088b2;
 
+  border-color: #0088b2;
 
 }
 
-.search_news{
 
-  margin:15px 0;
 
+
 
+.btn-outline-blue:focus, .btn-outline-blue.focus {
 
+  -webkit-box-shadow: 0 0 0 2px rgba(0, 136, 178, 0.5);
 
+          box-shadow: 0 0 0 2px rgba(0, 136, 178, 0.5);
 
 }
 
-.search_news li{
 
-  height:34px;
 
-  line-height: 34px;
 
-  font-size: 14px;
 
-  overflow:hidden;
 
-  text-overflow:ellipsis;
 
-  -o-text-overflow:ellipsis;
 
-  white-space:nowrap;
 
+
 
+.btn-outline-blue.disabled, .btn-outline-blue:disabled {
 
+  color: #0088b2;
 
+  background-color: transparent;
 
 }
 
+
 
+.btn-outline-blue:active, .btn-outline-blue.active,
 
+.show > .btn-outline-blue.dropdown-toggle {
 
+  color: #fff;
 
+  background-color: #0088b2;
 
+  border-color: #0088b2;
 
+}

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


+ 134 - 0
dist/css/tether-theme-arrows-dark.css
Xem Tập Tin 

@@ -0,0 +1,134 @@
 
+.tether-element, .tether-element:after, .tether-element:before, .tether-element *, .tether-element *:after, .tether-element *:before {
 
+  box-sizing: border-box; }
 
+
 
+.tether-element {
 
+  position: absolute;
 
+  display: none; }
 
+  .tether-element.tether-open {
 
+    display: block; }
 
+
 
+.tether-element.tether-theme-arrows-dark {
 
+  max-width: 100%;
 
+  max-height: 100%; }
 
+  .tether-element.tether-theme-arrows-dark .tether-content {
 
+    border-radius: 5px;
 
+    position: relative;
 
+    font-family: inherit;
 
+    background: #000;
 
+    color: #fff;
 
+    padding: 1em;
 
+    font-size: 1.1em;
 
+    line-height: 1.5em; }
 
+    .tether-element.tether-theme-arrows-dark .tether-content:before {
 
+      content: "";
 
+      display: block;
 
+      position: absolute;
 
+      width: 0;
 
+      height: 0;
 
+      border-color: transparent;
 
+      border-width: 16px;
 
+      border-style: solid; }
 
+  .tether-element.tether-theme-arrows-dark.tether-element-attached-bottom.tether-element-attached-center .tether-content {
 
+    margin-bottom: 16px; }
 
+    .tether-element.tether-theme-arrows-dark.tether-element-attached-bottom.tether-element-attached-center .tether-content:before {
 
+      top: 100%;
 
+      left: 50%;
 
+      margin-left: -16px;
 
+      border-top-color: #000; }
 
+  .tether-element.tether-theme-arrows-dark.tether-element-attached-top.tether-element-attached-center .tether-content {
 
+    margin-top: 16px; }
 
+    .tether-element.tether-theme-arrows-dark.tether-element-attached-top.tether-element-attached-center .tether-content:before {
 
+      bottom: 100%;
 
+      left: 50%;
 
+      margin-left: -16px;
 
+      border-bottom-color: #000; }
 
+  .tether-element.tether-theme-arrows-dark.tether-element-attached-right.tether-element-attached-middle .tether-content {
 
+    margin-right: 16px; }
 
+    .tether-element.tether-theme-arrows-dark.tether-element-attached-right.tether-element-attached-middle .tether-content:before {
 
+      left: 100%;
 
+      top: 50%;
 
+      margin-top: -16px;
 
+      border-left-color: #000; }
 
+  .tether-element.tether-theme-arrows-dark.tether-element-attached-left.tether-element-attached-middle .tether-content {
 
+    margin-left: 16px; }
 
+    .tether-element.tether-theme-arrows-dark.tether-element-attached-left.tether-element-attached-middle .tether-content:before {
 
+      right: 100%;
 
+      top: 50%;
 
+      margin-top: -16px;
 
+      border-right-color: #000; }
 
+  .tether-element.tether-theme-arrows-dark.tether-element-attached-left.tether-target-attached-center .tether-content {
 
+    left: -32px; }
 
+  .tether-element.tether-theme-arrows-dark.tether-element-attached-right.tether-target-attached-center .tether-content {
 
+    left: 32px; }
 
+  .tether-element.tether-theme-arrows-dark.tether-element-attached-top.tether-element-attached-left.tether-target-attached-middle .tether-content {
 
+    margin-top: 16px; }
 
+    .tether-element.tether-theme-arrows-dark.tether-element-attached-top.tether-element-attached-left.tether-target-attached-middle .tether-content:before {
 
+      bottom: 100%;
 
+      left: 16px;
 
+      border-bottom-color: #000; }
 
+  .tether-element.tether-theme-arrows-dark.tether-element-attached-top.tether-element-attached-right.tether-target-attached-middle .tether-content {
 
+    margin-top: 16px; }
 
+    .tether-element.tether-theme-arrows-dark.tether-element-attached-top.tether-element-attached-right.tether-target-attached-middle .tether-content:before {
 
+      bottom: 100%;
 
+      right: 16px;
 
+      border-bottom-color: #000; }
 
+  .tether-element.tether-theme-arrows-dark.tether-element-attached-bottom.tether-element-attached-left.tether-target-attached-middle .tether-content {
 
+    margin-bottom: 16px; }
 
+    .tether-element.tether-theme-arrows-dark.tether-element-attached-bottom.tether-element-attached-left.tether-target-attached-middle .tether-content:before {
 
+      top: 100%;
 
+      left: 16px;
 
+      border-top-color: #000; }
 
+  .tether-element.tether-theme-arrows-dark.tether-element-attached-bottom.tether-element-attached-right.tether-target-attached-middle .tether-content {
 
+    margin-bottom: 16px; }
 
+    .tether-element.tether-theme-arrows-dark.tether-element-attached-bottom.tether-element-attached-right.tether-target-attached-middle .tether-content:before {
 
+      top: 100%;
 
+      right: 16px;
 
+      border-top-color: #000; }
 
+  .tether-element.tether-theme-arrows-dark.tether-element-attached-top.tether-element-attached-left.tether-target-attached-bottom .tether-content {
 
+    margin-top: 16px; }
 
+    .tether-element.tether-theme-arrows-dark.tether-element-attached-top.tether-element-attached-left.tether-target-attached-bottom .tether-content:before {
 
+      bottom: 100%;
 
+      left: 16px;
 
+      border-bottom-color: #000; }
 
+  .tether-element.tether-theme-arrows-dark.tether-element-attached-top.tether-element-attached-right.tether-target-attached-bottom .tether-content {
 
+    margin-top: 16px; }
 
+    .tether-element.tether-theme-arrows-dark.tether-element-attached-top.tether-element-attached-right.tether-target-attached-bottom .tether-content:before {
 
+      bottom: 100%;
 
+      right: 16px;
 
+      border-bottom-color: #000; }
 
+  .tether-element.tether-theme-arrows-dark.tether-element-attached-bottom.tether-element-attached-left.tether-target-attached-top .tether-content {
 
+    margin-bottom: 16px; }
 
+    .tether-element.tether-theme-arrows-dark.tether-element-attached-bottom.tether-element-attached-left.tether-target-attached-top .tether-content:before {
 
+      top: 100%;
 
+      left: 16px;
 
+      border-top-color: #000; }
 
+  .tether-element.tether-theme-arrows-dark.tether-element-attached-bottom.tether-element-attached-right.tether-target-attached-top .tether-content {
 
+    margin-bottom: 16px; }
 
+    .tether-element.tether-theme-arrows-dark.tether-element-attached-bottom.tether-element-attached-right.tether-target-attached-top .tether-content:before {
 
+      top: 100%;
 
+      right: 16px;
 
+      border-top-color: #000; }
 
+  .tether-element.tether-theme-arrows-dark.tether-element-attached-top.tether-element-attached-right.tether-target-attached-left .tether-content {
 
+    margin-right: 16px; }
 
+    .tether-element.tether-theme-arrows-dark.tether-element-attached-top.tether-element-attached-right.tether-target-attached-left .tether-content:before {
 
+      top: 16px;
 
+      left: 100%;
 
+      border-left-color: #000; }
 
+  .tether-element.tether-theme-arrows-dark.tether-element-attached-top.tether-element-attached-left.tether-target-attached-right .tether-content {
 
+    margin-left: 16px; }
 
+    .tether-element.tether-theme-arrows-dark.tether-element-attached-top.tether-element-attached-left.tether-target-attached-right .tether-content:before {
 
+      top: 16px;
 
+      right: 100%;
 
+      border-right-color: #000; }
 
+  .tether-element.tether-theme-arrows-dark.tether-element-attached-bottom.tether-element-attached-right.tether-target-attached-left .tether-content {
 
+    margin-right: 16px; }
 
+    .tether-element.tether-theme-arrows-dark.tether-element-attached-bottom.tether-element-attached-right.tether-target-attached-left .tether-content:before {
 
+      bottom: 16px;
 
+      left: 100%;
 
+      border-left-color: #000; }
 
+  .tether-element.tether-theme-arrows-dark.tether-element-attached-bottom.tether-element-attached-left.tether-target-attached-right .tether-content {
 
+    margin-left: 16px; }
 
+    .tether-element.tether-theme-arrows-dark.tether-element-attached-bottom.tether-element-attached-left.tether-target-attached-right .tether-content:before {
 
+      bottom: 16px;
 
+      right: 100%;
 
+      border-right-color: #000; }

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


+ 138 - 0
dist/css/tether-theme-arrows.css
Xem Tập Tin 

@@ -0,0 +1,138 @@
 
+.tether-element, .tether-element:after, .tether-element:before, .tether-element *, .tether-element *:after, .tether-element *:before {
 
+  box-sizing: border-box; }
 
+
 
+.tether-element {
 
+  position: absolute;
 
+  display: none; }
 
+  .tether-element.tether-open {
 
+    display: block; }
 
+
 
+.tether-element.tether-theme-arrows {
 
+  max-width: 100%;
 
+  max-height: 100%; }
 
+  .tether-element.tether-theme-arrows .tether-content {
 
+    border-radius: 5px;
 
+    position: relative;
 
+    font-family: inherit;
 
+    background: #fff;
 
+    color: inherit;
 
+    padding: 1em;
 
+    font-size: 1.1em;
 
+    line-height: 1.5em;
 
+    -webkit-transform: translateZ(0);
 
+            transform: translateZ(0);
 
+    -webkit-filter: drop-shadow(0 1px 4px rgba(0, 0, 0, 0.2));
 
+            filter: drop-shadow(0 1px 4px rgba(0, 0, 0, 0.2)); }
 
+    .tether-element.tether-theme-arrows .tether-content:before {
 
+      content: "";
 
+      display: block;
 
+      position: absolute;
 
+      width: 0;
 
+      height: 0;
 
+      border-color: transparent;
 
+      border-width: 16px;
 
+      border-style: solid; }
 
+  .tether-element.tether-theme-arrows.tether-element-attached-bottom.tether-element-attached-center .tether-content {
 
+    margin-bottom: 16px; }
 
+    .tether-element.tether-theme-arrows.tether-element-attached-bottom.tether-element-attached-center .tether-content:before {
 
+      top: 100%;
 
+      left: 50%;
 
+      margin-left: -16px;
 
+      border-top-color: #fff; }
 
+  .tether-element.tether-theme-arrows.tether-element-attached-top.tether-element-attached-center .tether-content {
 
+    margin-top: 16px; }
 
+    .tether-element.tether-theme-arrows.tether-element-attached-top.tether-element-attached-center .tether-content:before {
 
+      bottom: 100%;
 
+      left: 50%;
 
+      margin-left: -16px;
 
+      border-bottom-color: #fff; }
 
+  .tether-element.tether-theme-arrows.tether-element-attached-right.tether-element-attached-middle .tether-content {
 
+    margin-right: 16px; }
 
+    .tether-element.tether-theme-arrows.tether-element-attached-right.tether-element-attached-middle .tether-content:before {
 
+      left: 100%;
 
+      top: 50%;
 
+      margin-top: -16px;
 
+      border-left-color: #fff; }
 
+  .tether-element.tether-theme-arrows.tether-element-attached-left.tether-element-attached-middle .tether-content {
 
+    margin-left: 16px; }
 
+    .tether-element.tether-theme-arrows.tether-element-attached-left.tether-element-attached-middle .tether-content:before {
 
+      right: 100%;
 
+      top: 50%;
 
+      margin-top: -16px;
 
+      border-right-color: #fff; }
 
+  .tether-element.tether-theme-arrows.tether-element-attached-left.tether-target-attached-center .tether-content {
 
+    left: -32px; }
 
+  .tether-element.tether-theme-arrows.tether-element-attached-right.tether-target-attached-center .tether-content {
 
+    left: 32px; }
 
+  .tether-element.tether-theme-arrows.tether-element-attached-top.tether-element-attached-left.tether-target-attached-middle .tether-content {
 
+    margin-top: 16px; }
 
+    .tether-element.tether-theme-arrows.tether-element-attached-top.tether-element-attached-left.tether-target-attached-middle .tether-content:before {
 
+      bottom: 100%;
 
+      left: 16px;
 
+      border-bottom-color: #fff; }
 
+  .tether-element.tether-theme-arrows.tether-element-attached-top.tether-element-attached-right.tether-target-attached-middle .tether-content {
 
+    margin-top: 16px; }
 
+    .tether-element.tether-theme-arrows.tether-element-attached-top.tether-element-attached-right.tether-target-attached-middle .tether-content:before {
 
+      bottom: 100%;
 
+      right: 16px;
 
+      border-bottom-color: #fff; }
 
+  .tether-element.tether-theme-arrows.tether-element-attached-bottom.tether-element-attached-left.tether-target-attached-middle .tether-content {
 
+    margin-bottom: 16px; }
 
+    .tether-element.tether-theme-arrows.tether-element-attached-bottom.tether-element-attached-left.tether-target-attached-middle .tether-content:before {
 
+      top: 100%;
 
+      left: 16px;
 
+      border-top-color: #fff; }
 
+  .tether-element.tether-theme-arrows.tether-element-attached-bottom.tether-element-attached-right.tether-target-attached-middle .tether-content {
 
+    margin-bottom: 16px; }
 
+    .tether-element.tether-theme-arrows.tether-element-attached-bottom.tether-element-attached-right.tether-target-attached-middle .tether-content:before {
 
+      top: 100%;
 
+      right: 16px;
 
+      border-top-color: #fff; }
 
+  .tether-element.tether-theme-arrows.tether-element-attached-top.tether-element-attached-left.tether-target-attached-bottom .tether-content {
 
+    margin-top: 16px; }
 
+    .tether-element.tether-theme-arrows.tether-element-attached-top.tether-element-attached-left.tether-target-attached-bottom .tether-content:before {
 
+      bottom: 100%;
 
+      left: 16px;
 
+      border-bottom-color: #fff; }
 
+  .tether-element.tether-theme-arrows.tether-element-attached-top.tether-element-attached-right.tether-target-attached-bottom .tether-content {
 
+    margin-top: 16px; }
 
+    .tether-element.tether-theme-arrows.tether-element-attached-top.tether-element-attached-right.tether-target-attached-bottom .tether-content:before {
 
+      bottom: 100%;
 
+      right: 16px;
 
+      border-bottom-color: #fff; }
 
+  .tether-element.tether-theme-arrows.tether-element-attached-bottom.tether-element-attached-left.tether-target-attached-top .tether-content {
 
+    margin-bottom: 16px; }
 
+    .tether-element.tether-theme-arrows.tether-element-attached-bottom.tether-element-attached-left.tether-target-attached-top .tether-content:before {
 
+      top: 100%;
 
+      left: 16px;
 
+      border-top-color: #fff; }
 
+  .tether-element.tether-theme-arrows.tether-element-attached-bottom.tether-element-attached-right.tether-target-attached-top .tether-content {
 
+    margin-bottom: 16px; }
 
+    .tether-element.tether-theme-arrows.tether-element-attached-bottom.tether-element-attached-right.tether-target-attached-top .tether-content:before {
 
+      top: 100%;
 
+      right: 16px;
 
+      border-top-color: #fff; }
 
+  .tether-element.tether-theme-arrows.tether-element-attached-top.tether-element-attached-right.tether-target-attached-left .tether-content {
 
+    margin-right: 16px; }
 
+    .tether-element.tether-theme-arrows.tether-element-attached-top.tether-element-attached-right.tether-target-attached-left .tether-content:before {
 
+      top: 16px;
 
+      left: 100%;
 
+      border-left-color: #fff; }
 
+  .tether-element.tether-theme-arrows.tether-element-attached-top.tether-element-attached-left.tether-target-attached-right .tether-content {
 
+    margin-left: 16px; }
 
+    .tether-element.tether-theme-arrows.tether-element-attached-top.tether-element-attached-left.tether-target-attached-right .tether-content:before {
 
+      top: 16px;
 
+      right: 100%;
 
+      border-right-color: #fff; }
 
+  .tether-element.tether-theme-arrows.tether-element-attached-bottom.tether-element-attached-right.tether-target-attached-left .tether-content {
 
+    margin-right: 16px; }
 
+    .tether-element.tether-theme-arrows.tether-element-attached-bottom.tether-element-attached-right.tether-target-attached-left .tether-content:before {
 
+      bottom: 16px;
 
+      left: 100%;
 
+      border-left-color: #fff; }
 
+  .tether-element.tether-theme-arrows.tether-element-attached-bottom.tether-element-attached-left.tether-target-attached-right .tether-content {
 
+    margin-left: 16px; }
 
+    .tether-element.tether-theme-arrows.tether-element-attached-bottom.tether-element-attached-left.tether-target-attached-right .tether-content:before {
 
+      bottom: 16px;
 
+      right: 100%;
 
+      border-right-color: #fff; }

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


+ 21 - 0
dist/css/tether-theme-basic.css
Xem Tập Tin 

@@ -0,0 +1,21 @@
 
+.tether-element, .tether-element:after, .tether-element:before, .tether-element *, .tether-element *:after, .tether-element *:before {
 
+  box-sizing: border-box; }
 
+
 
+.tether-element {
 
+  position: absolute;
 
+  display: none; }
 
+  .tether-element.tether-open {
 
+    display: block; }
 
+
 
+.tether-element.tether-theme-basic {
 
+  max-width: 100%;
 
+  max-height: 100%; }
 
+  .tether-element.tether-theme-basic .tether-content {
 
+    border-radius: 5px;
 
+    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
 
+    font-family: inherit;
 
+    background: #fff;
 
+    color: inherit;
 
+    padding: 1em;
 
+    font-size: 1.1em;
 
+    line-height: 1.5em; }

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


+ 8 - 0
dist/css/tether.css
Xem Tập Tin 

@@ -0,0 +1,8 @@
 
+.tether-element, .tether-element:after, .tether-element:before, .tether-element *, .tether-element *:after, .tether-element *:before {
 
+  box-sizing: border-box; }
 
+
 
+.tether-element {
 
+  position: absolute;
 
+  display: none; }
 
+  .tether-element.tether-open {
 
+    display: block; }

+ 1 - 0
dist/css/tether.min.css
Xem Tập Tin 

@@ -0,0 +1 @@
 
+.tether-element,.tether-element *,.tether-element :after,.tether-element :before,.tether-element:after,.tether-element:before{box-sizing:border-box}.tether-element{position:absolute;display:none}.tether-element.tether-open{display:block}

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


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


BIN
fonts/ionicons.eot
Xem Tập Tin


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


BIN
fonts/ionicons.ttf
Xem Tập Tin


BIN
fonts/ionicons.woff
Xem Tập Tin


BIN
images/Logo.jpg
Xem Tập Tin


BIN
images/avatarImg.jpg
Xem Tập Tin


+ 60 - 37
index_produce_list_page.html
Xem Tập Tin 

@@ -6,20 +6,18 @@
 
   <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>
 
+  <link rel=stylesheet href=css/global-index.css>
 
+  <link rel="stylesheet" href="css/ionicons.css">
 
 </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="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>
 
+				<h1 class="logo-title">教程&帮助</h1>
 
 			</div>
 
 		</div>
 
 	</div>
 
@@ -27,30 +25,50 @@
 
 <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 class="search-box clearfix">
 
+				<!-- <h1 class="search-title mb-1">使用教程与答疑解惑，通通都在这</h1> -->
 
+				<div class="input-group">
 
+		      <input type="text" class="form-control search-input" placeholder="想搜索“如何替换商品混凝土？”，输入“商品混凝土”试试" aria-label="Search for...">
 
+		      <span class="input-group-btn">
 
+		        <button class="btn btn-secondary btn-search" type="button">快速搜索</button>
 
+		      </span>
 
+		    </div>
 
+		  </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>
 
+	<div class="container clearfix">
 
+		<div class="mt-4">
 
+			<ol class="breadcrumb mb-2">
 
+				<li class="breadcrumb-item"><a href="index.html">首页</a></li>
 
+				<li class="breadcrumb-item"><a href="index-produce.html">纵横文库</a></li>
 
+				<li class="breadcrumb-item active">关于文库个人等级</li>
 
+			</ol>
 
+		</div>
 
+		<div class="left-main">
 
+			<div class="left-nav" id="left-nav">
 
+				<h3 class="produce-tit">相关文章</h3>
 
+				<ul class="hotarticle_List mt-3">
 
+					<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>
 
+				<!-- <ul>
 
+					<li><a class="active" href="index-produce-list.html"><span class="ion-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">
 
+		<div class="right-main">
 
+			<div class="row produce-list clearfix">
 
+				<div class="produce-list_page">
 
 					<h3>关于文库个人等级----（文库）</h3>
 
-					<div class="produce_List_pageCon clearfix">
 
+					<div class="produce-list-page-con clearfix">
 
 						<p>1.打<a href="#">开通行帐</a>号注册页后，按页面提示开始填写信息：</p>
 
 						<p>2.提交信息无误后，系统将发送一封激活信至您填写的邮箱地址：</p>
 
 						<u>打开邮箱收取类似下图图示的邮件：</u>
 
@@ -61,16 +79,16 @@
 
 						</blockquote>
 
 						<p>打开邮箱收取类似下图图示的邮件：</p>
 
 						<strong>点击打开相应链接后，即可完成通行帐号注册。</strong>
 
-						<div class="row produce_List_Con">
 
+						<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">
 
+						<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">
 
+						<div class="row produce-list_Con">
 
 							<li class="col-md-6">一行居中两列</li>
 
 							<li class="col-md-6">一行居中两列</li>
 
 						</div>
 
@@ -113,15 +131,15 @@
 
 						<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 class="page-con-feedback">
 
+					<div class="page-con-feedback-top">以上内容是否解决了您的问题呢？</div>
 
+					<div class="page-con-feedback-down">
 
+						<a class="btn btn-primary solved" href="#" role="button"><span class="ion-checkmark-round"></span>已解决</a>
 
+						<a class="btn btn-danger unsolved" href="#" role="button"><span class="ion-close-round"></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 class="page-con-feedback-down">
 
+						<a class="btn btn-primary solved" href="#" role="button">已解决 +1</a>
 
+						<a class="btn btn-danger unsolved" href="#" role="button">未解决 +1</a>
 
 					</div>
 
 				</div>
 
 			</div>
 
@@ -130,20 +148,25 @@
 
 </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>
 
+		<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 src="js/jquery-1.9.1.min.js"></script>
 
+<script src="js/tether.js"></script>
 
+<script src="js/bootstrap.js"></script>
 
+<script src="js/global.js"></script>
 
+<script type="text/javascript">autoFlashHeight();</script>
 
+<!-- <script src=js/stickySidebar.js></script>
 
 <script>
 
 $(document).ready(function() {
 
-    $('#left_nav').stickySidebar({
 
+    $('#left-nav').stickySidebar({
 
         sidebarTopMargin: 5,
 
         footerThreshold: 100
 
     });
 
 });
 
-</script>
 
+</script> -->
 
 
 
 </body>

+ 129 - 0
index-produce.html
Xem Tập Tin 

@@ -0,0 +1,129 @@
 
+<!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-index.css>
 
+  <link rel="stylesheet" href="css/ionicons.css">
 
+</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="logo-title">教程&帮助</h1>
 
+			</div>
 
+		</div>
 
+	</div>
 
+</div>
 
+<div class="warp-main">
 
+	<div class="search">
 
+		<div class="container">
 
+			<div class="search-box clearfix">
 
+				<!-- <h1 class="search-title mb-1">使用教程与答疑解惑，通通都在这</h1> -->
 
+				<div class="input-group">
 
+		      <input type="text" class="form-control search-input" placeholder="想搜索“如何替换商品混凝土？”，输入“商品混凝土”试试" aria-label="Search for...">
 
+		      <span class="input-group-btn">
 
+		        <button class="btn btn-secondary btn-search" type="button">快速搜索</button>
 
+		      </span>
 
+		    </div>
 
+		  </div>
 
+		</div>
 
+	</div>
 
+	<div class="container clearfix">
 
+		<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"><!-- recommend -->
 
+			<div class="row recommend-con">
 
+				<div class="col-6 recommend">
 
+					<h3 class="produce-tit">推荐分类 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-6 recommend">
 
+					<h3 class="produce-tit">推荐分类 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>
 
+			<div class="hotarticle">
 
+				<h3 class="produce-tit">热门文章</h3>
 
+				<div class="row m-0 p-0">
 
+					<div class="col-md-6 recommend">
 
+						<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 recommend">
 
+						<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>
 
+<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/jquery-1.9.1.min.js"></script>
 
+<script src="js/tether.js"></script>
 
+<script src="js/bootstrap.js"></script>
 
+<script src="js/global.js"></script>
 
+<script type="text/javascript">autoFlashHeight();</script>
 
+
 
+</body>
 
+</html>

+ 42 - 43
index_search.html
Xem Tập Tin 

@@ -6,20 +6,18 @@
 
   <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>
 
+  <link rel=stylesheet href=css/global-index.css>
 
+  <link rel="stylesheet" href="css/ionicons.css">
 
 </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="nav"><span class="glyphicon glyphicon-home nav-img"></span><a href="indexleft-main">首页</a></div>
 
 			<div class="logo clearfix">
 
 				<img src="images/Logo.jpg">
 
-				<h1 class="logoTitle">教程&帮助</h1>
 
+				<h1 class="logo-title">教程&帮助</h1>
 
 			</div>
 
 		</div>
 
 	</div>
 
@@ -27,15 +25,20 @@
 
 <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 class="search-box clearfix">
 
+				<!-- <h1 class="search-title mb-1">使用教程与答疑解惑，通通都在这</h1> -->
 
+				<div class="input-group">
 
+		      <input type="text" class="form-control search-input" placeholder="想搜索“如何替换商品混凝土？”，输入“商品混凝土”试试" aria-label="Search for...">
 
+		      <span class="input-group-btn">
 
+		        <button class="btn btn-secondary btn-search" type="button">快速搜索</button>
 
+		      </span>
 
+		    </div>
 
+		  </div>
 
 		</div>
 
 	</div>
 
-	<div class="container">
 
-		<div class="search_warp">
 
-			<div class="search_class clearfix">
 
+	<div class="container clearfix">
 
+		<div class="search-warp mt-4">
 
+			<div class="search-class clearfix">
 
 				<ul>
 
 					<li>请选择类别：</li>
 
 					<li>
 
@@ -69,7 +72,7 @@
 
 					</li>
 
 				</ul>
 
 			</div>
 
-			<div class="search_news clearfix">
 
+			<div class="search-news clearfix">
 
 				<ul>
 
 					<li><a href="#">冬雨季及夜间施工增工百分率、临时设施用工指标用工指标填写在02表</a></li>
 
 					<li><a href="#">冬雨季及夜间施工增工百分率、临时设施用工指标用工指标填写在02表冬雨，冬雨季及夜间施工增工百分率、临时设施用工指标用工指标填写在02表</a></li>
 
@@ -81,44 +84,40 @@
 
 					<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 aria-label="Page navigation example">
 
+			  <ul class="pagination">
 
+			    <li class="page-item">
 
+			      <a class="page-link" href="#" aria-label="Previous">
 
+			        <span aria-hidden="true">&laquo;</span>
 
+			        <span class="sr-only">Previous</span>
 
+			      </a>
 
+			    </li>
 
+			    <li class="page-item"><a class="page-link" href="#">1</a></li>
 
+			    <li class="page-item"><a class="page-link" href="#">2</a></li>
 
+			    <li class="page-item"><a class="page-link" href="#">3</a></li>
 
+			    <li class="page-item">
 
+			      <a class="page-link" href="#" aria-label="Next">
 
+			        <span aria-hidden="true">&raquo;</span>
 
+			        <span class="sr-only">Next</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>
 
+		<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>
 
+<script src="js/jquery-1.9.1.min.js"></script>
 
+<script src="js/tether.js"></script>
 
+<script src="js/bootstrap.js"></script>
 
+<script src="js/global.js"></script>
 
+<script type="text/javascript">autoFlashHeight();</script>
 
 
 </body>
 
 </html>

+ 62 - 53
index.html
Xem Tập Tin 

@@ -6,10 +6,8 @@
 
   <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>
 
+  <link rel=stylesheet href=css/global-index.css>
 
+  <link rel="stylesheet" href="css/ionicons.css">
 
 </head>
 
 
 <body>
 
@@ -18,7 +16,7 @@
 
 		<div class="Header">
 
 			<div class="logo clearfix">
 
 				<img src="images/Logo.jpg">
 
-				<h1 class="logoTitle">教程&帮助</h1>
 
+				<h1 class="logo-title">教程&帮助</h1>
 
 			</div>
 
 		</div>
 
 	</div>
 
@@ -26,88 +24,93 @@
 
 <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 class="search-box clearfix">
 
+				<h1 class="search-title mb-1">使用教程与答疑解惑，通通都在这</h1>
 
+				<div class="input-group">
 
+		      <input type="text" class="form-control search-input" placeholder="想搜索“如何替换商品混凝土？”，输入“商品混凝土”试试" aria-label="Search for...">
 
+		      <span class="input-group-btn">
 
+		        <!-- <button class="btn btn-secondary btn-search" type="button">快速搜索</button> -->
 
+		        <a class="btn btn-secondary btn-search" href="index-search.html" role="button">快速搜索</a>
 
+		      </span>
 
+		    </div>
 
+		  </div>
 
 		</div>
 
 	</div>
 
 	<div class="warp-con">
 
-		<div class="container">
 
+		<div class="container clearfix">
 
 			<div class="warp_produce">
 
-				<h3 class="produceTit">造价软件</h3>
 
-				<div class="produces_list clearfix">
 
+				<h3 class="produce-tit">造价软件</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 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 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 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 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 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 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 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 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">
 
+				<h3 class="produce-tit">造价服务</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 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 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 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">
 
+				<h3 class="produce-tit">应用</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 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 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 class="produce-imgYY"><a href="#"><img src="images/lv.png"></a></div>
 
+							<div class="produce-title"><a href="#">通行帐号</a></div>
 
 						</div>
 
 					</div>
 
 				</div>
 
@@ -117,10 +120,10 @@
 
 	<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">
 
+				<h4 class="articlehot-more fR"><a href="#">查看更多</a></h4>
 
+				<h3 class="produce-tit">推荐文章</h3>
 
+				<div class="row article-hotcon clearfix m-0">
 
+					<div class="col-md-4 article-hot-list fL">
 
 						<ul>
 
 							<li><a href="#">如何把当前标段数据另存为新的标段？</a></li>
 
 							<li><a href="#">公路（养护、广东）造价软件中有哪些文件格式？</a></li>
 
@@ -129,7 +132,7 @@
 
 							<li><a href="#">公路（养护、广东）造价软件中有哪些文件格式？</a></li>
 
 						</ul>
 
 					</div>
 
-					<div class="col-md-4 articleHot_list fL">
 
+					<div class="col-md-4 article-hot-list fL">
 
 						<ul>
 
 							<li><a href="#">如何把当前标段数据另存为新的标段？</a></li>
 
 							<li><a href="#">公路（养护、广东）造价软件中有哪些文件格式？</a></li>
 
@@ -138,7 +141,7 @@
 
 							<li><a href="#">公路（养护、广东）造价软件中有哪些文件格式？</a></li>
 
 						</ul>
 
 					</div>
 
-					<div class="col-md-4 articleHot_list fL">
 
+					<div class="col-md-4 article-hot-list fL">
 
 						<ul>
 
 							<li><a href="#">如何把当前标段数据另存为新的标段？</a></li>
 
 							<li><a href="#">公路（养护、广东）造价软件中有哪些文件格式？</a></li>
 
@@ -154,12 +157,18 @@
 
 </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>
 
+		<h4 class="footer-left fL">全国服务热线：0756-3850888</h4>
 
+		<div class="footer-right fR">Copyright@珠海纵横创新软件有限公司 all rights reserved</div>
 
 	</div>
 
 </div>
 
 
 
+<script src="js/jquery-1.9.1.min.js"></script>
 
+<script src="js/tether.js"></script>
 
+<script src="js/bootstrap.js"></script>
 
+<script src="js/global.js"></script>
 
+<script type="text/javascript">autoFlashHeight();</script>
 
+
 
 
 </body>
 
 </html>

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

@@ -1,141 +0,0 @@
 
-<!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>

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

@@ -1,100 +0,0 @@
 
-<!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>

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

@@ -1,97 +0,0 @@
 
-<!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>

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

@@ -1,152 +0,0 @@
 
-<!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>

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


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


+ 34 - 3
js/global.js
Xem Tập Tin 

@@ -1,8 +1,39 @@
 
-$(function () {
 
-  $('[data-toggle="tooltip"]').tooltip()
 
-})
 
+$('.dropdown-toggle').dropdown();
 
+$('#myModal').modal('show');
 
 
+function autoFlashHeight(){
 
+    $(".main-wrap").height($(window).height()-50 );
 
+    $(".side-wrap").height($(window).height()-50 );
 
+    $(".sidebar").height($(window).height()-50 );
 
+};
 
+$(window).resize(autoFlashHeight);
 
 
+$(document).ready(function() {
 
+  $(".class-title-first").click(function(){
 
+    $(this).siblings().parent().siblings().toggle();
 
+  });
 
+});
 
 
+$(".open-sidebar").on('click',function(){
 
+  $(".side-wrap").animate({right:'0'},700);
 
+  event.stopPropagation();  //防止冒泡
 
+});
 
 
+$("body").click(function(event){
 
+       var e = event || window.event; //浏览器兼容性
 
+       var elem = event.target || e.srcElement;
 
+       // var ds = $('.side-wrap').css('right');
 
+       // console.log(ds);
 
+       while (elem) { //循环判断至跟节点，防止点击的是div子元素
 
+           if (elem.className == "open-sidebar" || elem.className == "side-wrap") {
 
+              return;
 
+           }
 
+           elem = elem.parentNode;
 
+       }
 
+      $(".side-wrap").animate({right: '-700px'},500);
 
+      // event.stopPropagation();  //防止冒泡 
+});
 
 
+$(function () {
 
+  $('[data-toggle="tooltip"]').tooltip();
 
+});

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

@@ -1,59 +0,0 @@
 
-(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));

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


+ 38 - 0
login.html
Xem Tập Tin 

@@ -0,0 +1,38 @@
 
+<!DOCTYPE html>
 
+<html lang="zh-cn">
 
+  <head>
 
+    <!-- Required meta tags -->
 
+    <meta charset="utf-8">
 
+    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
 
+
 
+    <!-- Bootstrap CSS -->
 
+    <link rel="stylesheet" href="css/bootstrap.css">
 
+    <link rel="stylesheet" href="css/global.css">
 
+    <link rel="stylesheet" href="css/ionicons.css">
 
+  </head>
 
+  <body>
 
+    <div class="login-wrap">
 
+      <!-- <div class="login-top"></div> -->
 
+      <div class="login-form">
 
+        <h2 class="login-title">帮助中心后台</h2>
 
+        <form>
 
+          <div class="form-group">
 
+            <div class="input-group">
 
+              <div class="input-group-addon"><span class="ion-person"></span></div>
 
+              <input type="text" class="form-control" id="" placeholder="请输入用户名">
 
+            </div>
 
+          </div>
 
+          <div class="form-group">
 
+            <div class="input-group">
 
+              <div class="input-group-addon"><span class="ion-key"></span></div>
 
+              <input type="password" class="form-control" id="" placeholder="请输入密码">
 
+            </div>
 
+          </div>
 
+          <button type="button" class="btn btn-blue btn-block">登录</button>
 
+        </form>
 
+      </div>
 
+    </div>
 
+    <!-- jQuery first, then Popper.js, then Bootstrap JS. -->
 
+    
+  </body>
 
+</html>