|  | @ -95,7 +95,6 @@
 | 
	
		
			
				|  |  |             <nav class="navbar navbar-static-top" role="navigation" style="margin-bottom: 0">
 | 
	
		
			
				|  |  |                 <div class="navbar-header"><a class="navbar-minimalize minimalize-styl-2 btn btn-primary " href="#"><i
 | 
	
		
			
				|  |  |                         class="fa fa-bars"></i> </a>
 | 
	
		
			
				|  |  | 
 | 
	
		
			
				|  |  |                     <form role="search" class="navbar-form-custom" method="post" action="search_results.html">
 | 
	
		
			
				|  |  |                         <div class="form-group">
 | 
	
		
			
				|  |  |                             <input type="text" placeholder="请输入您需要查找的内容 …" class="form-control" name="top-search"
 | 
	
	
		
			
				|  | @ -115,9 +114,11 @@
 | 
	
		
			
				|  |  |             </nav>
 | 
	
		
			
				|  |  |             <button class="roll-nav roll-right J_tabRight"><i class="fa fa-forward"></i>
 | 
	
		
			
				|  |  |             </button>
 | 
	
		
			
				|  |  |             <button class="roll-nav roll-right dropdown J_tabClose"><span class="dropdown-toggle"
 | 
	
		
			
				|  |  |                                                                           data-toggle="dropdown">关闭操作<span
 | 
	
		
			
				|  |  |                     class="caret"></span></span>
 | 
	
		
			
				|  |  |             <button class="roll-nav roll-right dropdown J_tabClose">
 | 
	
		
			
				|  |  |                 <span class="dropdown-toggle" data-toggle="dropdown">
 | 
	
		
			
				|  |  |                     关闭操作
 | 
	
		
			
				|  |  |                     <span class="caret"></span>
 | 
	
		
			
				|  |  |                 </span>
 | 
	
		
			
				|  |  |                 <ul role="menu" class="dropdown-menu dropdown-menu-right">
 | 
	
		
			
				|  |  |                     <li class="J_tabShowActive"><a>定位当前选项卡</a>
 | 
	
		
			
				|  |  |                     </li>
 | 
	
	
		
			
				|  | @ -160,359 +161,7 @@
 | 
	
		
			
				|  |  |                     </a>
 | 
	
		
			
				|  |  |                 </li>
 | 
	
		
			
				|  |  |             </ul>
 | 
	
		
			
				|  |  | 
 | 
	
		
			
				|  |  |             <div class="tab-content">
 | 
	
		
			
				|  |  | 
 | 
	
		
			
				|  |  | 
 | 
	
		
			
				|  |  |                 <div id="tab-1" class="tab-pane active">
 | 
	
		
			
				|  |  | 
 | 
	
		
			
				|  |  |                     <div class="sidebar-title">
 | 
	
		
			
				|  |  |                         <h3><i class="fa fa-comments-o"></i> 最新通知</h3>
 | 
	
		
			
				|  |  |                         <small><i class="fa fa-tim"></i> 您当前有10条未读信息</small>
 | 
	
		
			
				|  |  |                     </div>
 | 
	
		
			
				|  |  | 
 | 
	
		
			
				|  |  |                     <div>
 | 
	
		
			
				|  |  | 
 | 
	
		
			
				|  |  |                         <div class="sidebar-message">
 | 
	
		
			
				|  |  |                             <a href="#">
 | 
	
		
			
				|  |  |                                 <div class="pull-left text-center">
 | 
	
		
			
				|  |  |                                     <img alt="image" class="img-circle message-avatar" src="img/a1.jpg">
 | 
	
		
			
				|  |  | 
 | 
	
		
			
				|  |  |                                     <div class="m-t-xs">
 | 
	
		
			
				|  |  |                                         <i class="fa fa-star text-warning"></i>
 | 
	
		
			
				|  |  |                                         <i class="fa fa-star text-warning"></i>
 | 
	
		
			
				|  |  |                                     </div>
 | 
	
		
			
				|  |  |                                 </div>
 | 
	
		
			
				|  |  |                                 <div class="media-body">
 | 
	
		
			
				|  |  | 
 | 
	
		
			
				|  |  |                                     据天津日报报道:瑞海公司董事长于学伟,副董事长董社轩等10人在13日上午已被控制。
 | 
	
		
			
				|  |  |                                     <br>
 | 
	
		
			
				|  |  |                                     <small class="text-muted">今天 4:21</small>
 | 
	
		
			
				|  |  |                                 </div>
 | 
	
		
			
				|  |  |                             </a>
 | 
	
		
			
				|  |  |                         </div>
 | 
	
		
			
				|  |  |                         <div class="sidebar-message">
 | 
	
		
			
				|  |  |                             <a href="#">
 | 
	
		
			
				|  |  |                                 <div class="pull-left text-center">
 | 
	
		
			
				|  |  |                                     <img alt="image" class="img-circle message-avatar" src="img/a2.jpg">
 | 
	
		
			
				|  |  |                                 </div>
 | 
	
		
			
				|  |  |                                 <div class="media-body">
 | 
	
		
			
				|  |  |                                     HCY48之音乐大魔王会员专属皮肤已上线,快来一键换装拥有他,宣告你对华晨宇的爱吧!
 | 
	
		
			
				|  |  |                                     <br>
 | 
	
		
			
				|  |  |                                     <small class="text-muted">昨天 2:45</small>
 | 
	
		
			
				|  |  |                                 </div>
 | 
	
		
			
				|  |  |                             </a>
 | 
	
		
			
				|  |  |                         </div>
 | 
	
		
			
				|  |  |                         <div class="sidebar-message">
 | 
	
		
			
				|  |  |                             <a href="#">
 | 
	
		
			
				|  |  |                                 <div class="pull-left text-center">
 | 
	
		
			
				|  |  |                                     <img alt="image" class="img-circle message-avatar" src="img/a3.jpg">
 | 
	
		
			
				|  |  | 
 | 
	
		
			
				|  |  |                                     <div class="m-t-xs">
 | 
	
		
			
				|  |  |                                         <i class="fa fa-star text-warning"></i>
 | 
	
		
			
				|  |  |                                         <i class="fa fa-star text-warning"></i>
 | 
	
		
			
				|  |  |                                         <i class="fa fa-star text-warning"></i>
 | 
	
		
			
				|  |  |                                     </div>
 | 
	
		
			
				|  |  |                                 </div>
 | 
	
		
			
				|  |  |                                 <div class="media-body">
 | 
	
		
			
				|  |  |                                     写的好!与您分享
 | 
	
		
			
				|  |  |                                     <br>
 | 
	
		
			
				|  |  |                                     <small class="text-muted">昨天 1:10</small>
 | 
	
		
			
				|  |  |                                 </div>
 | 
	
		
			
				|  |  |                             </a>
 | 
	
		
			
				|  |  |                         </div>
 | 
	
		
			
				|  |  |                         <div class="sidebar-message">
 | 
	
		
			
				|  |  |                             <a href="#">
 | 
	
		
			
				|  |  |                                 <div class="pull-left text-center">
 | 
	
		
			
				|  |  |                                     <img alt="image" class="img-circle message-avatar" src="img/a4.jpg">
 | 
	
		
			
				|  |  |                                 </div>
 | 
	
		
			
				|  |  | 
 | 
	
		
			
				|  |  |                                 <div class="media-body">
 | 
	
		
			
				|  |  |                                     国外极限小子的炼成!这还是亲生的吗!!
 | 
	
		
			
				|  |  |                                     <br>
 | 
	
		
			
				|  |  |                                     <small class="text-muted">昨天 8:37</small>
 | 
	
		
			
				|  |  |                                 </div>
 | 
	
		
			
				|  |  |                             </a>
 | 
	
		
			
				|  |  |                         </div>
 | 
	
		
			
				|  |  |                         <div class="sidebar-message">
 | 
	
		
			
				|  |  |                             <a href="#">
 | 
	
		
			
				|  |  |                                 <div class="pull-left text-center">
 | 
	
		
			
				|  |  |                                     <img alt="image" class="img-circle message-avatar" src="img/a8.jpg">
 | 
	
		
			
				|  |  |                                 </div>
 | 
	
		
			
				|  |  |                                 <div class="media-body">
 | 
	
		
			
				|  |  | 
 | 
	
		
			
				|  |  |                                     一只流浪狗被收留后,为了减轻主人的负担,坚持自己觅食,甚至......有些东西,可能她比我们更懂。
 | 
	
		
			
				|  |  |                                     <br>
 | 
	
		
			
				|  |  |                                     <small class="text-muted">今天 4:21</small>
 | 
	
		
			
				|  |  |                                 </div>
 | 
	
		
			
				|  |  |                             </a>
 | 
	
		
			
				|  |  |                         </div>
 | 
	
		
			
				|  |  |                         <div class="sidebar-message">
 | 
	
		
			
				|  |  |                             <a href="#">
 | 
	
		
			
				|  |  |                                 <div class="pull-left text-center">
 | 
	
		
			
				|  |  |                                     <img alt="image" class="img-circle message-avatar" src="img/a7.jpg">
 | 
	
		
			
				|  |  |                                 </div>
 | 
	
		
			
				|  |  |                                 <div class="media-body">
 | 
	
		
			
				|  |  |                                     这哥们的新视频又来了,创意杠杠滴,帅炸了!
 | 
	
		
			
				|  |  |                                     <br>
 | 
	
		
			
				|  |  |                                     <small class="text-muted">昨天 2:45</small>
 | 
	
		
			
				|  |  |                                 </div>
 | 
	
		
			
				|  |  |                             </a>
 | 
	
		
			
				|  |  |                         </div>
 | 
	
		
			
				|  |  |                         <div class="sidebar-message">
 | 
	
		
			
				|  |  |                             <a href="#">
 | 
	
		
			
				|  |  |                                 <div class="pull-left text-center">
 | 
	
		
			
				|  |  |                                     <img alt="image" class="img-circle message-avatar" src="img/a3.jpg">
 | 
	
		
			
				|  |  | 
 | 
	
		
			
				|  |  |                                     <div class="m-t-xs">
 | 
	
		
			
				|  |  |                                         <i class="fa fa-star text-warning"></i>
 | 
	
		
			
				|  |  |                                         <i class="fa fa-star text-warning"></i>
 | 
	
		
			
				|  |  |                                         <i class="fa fa-star text-warning"></i>
 | 
	
		
			
				|  |  |                                     </div>
 | 
	
		
			
				|  |  |                                 </div>
 | 
	
		
			
				|  |  |                                 <div class="media-body">
 | 
	
		
			
				|  |  |                                     最近在补追此剧,特别喜欢这段表白。
 | 
	
		
			
				|  |  |                                     <br>
 | 
	
		
			
				|  |  |                                     <small class="text-muted">昨天 1:10</small>
 | 
	
		
			
				|  |  |                                 </div>
 | 
	
		
			
				|  |  |                             </a>
 | 
	
		
			
				|  |  |                         </div>
 | 
	
		
			
				|  |  |                         <div class="sidebar-message">
 | 
	
		
			
				|  |  |                             <a href="#">
 | 
	
		
			
				|  |  |                                 <div class="pull-left text-center">
 | 
	
		
			
				|  |  |                                     <img alt="image" class="img-circle message-avatar" src="img/a4.jpg">
 | 
	
		
			
				|  |  |                                 </div>
 | 
	
		
			
				|  |  |                                 <div class="media-body">
 | 
	
		
			
				|  |  |                                     我发起了一个投票 【你认为下午大盘会翻红吗?】
 | 
	
		
			
				|  |  |                                     <br>
 | 
	
		
			
				|  |  |                                     <small class="text-muted">星期一 8:37</small>
 | 
	
		
			
				|  |  |                                 </div>
 | 
	
		
			
				|  |  |                             </a>
 | 
	
		
			
				|  |  |                         </div>
 | 
	
		
			
				|  |  |                     </div>
 | 
	
		
			
				|  |  | 
 | 
	
		
			
				|  |  |                 </div>
 | 
	
		
			
				|  |  | 
 | 
	
		
			
				|  |  |                 <div id="tab-2" class="tab-pane">
 | 
	
		
			
				|  |  | 
 | 
	
		
			
				|  |  |                     <div class="sidebar-title">
 | 
	
		
			
				|  |  |                         <h3><i class="fa fa-cube"></i> 最新任务</h3>
 | 
	
		
			
				|  |  |                         <small><i class="fa fa-tim"></i> 您当前有14个任务,10个已完成</small>
 | 
	
		
			
				|  |  |                     </div>
 | 
	
		
			
				|  |  | 
 | 
	
		
			
				|  |  |                     <ul class="sidebar-list">
 | 
	
		
			
				|  |  |                         <li>
 | 
	
		
			
				|  |  |                             <a href="#">
 | 
	
		
			
				|  |  |                                 <div class="small pull-right m-t-xs">9小时以后</div>
 | 
	
		
			
				|  |  |                                 <h4>市场调研</h4> 按要求接收教材;
 | 
	
		
			
				|  |  | 
 | 
	
		
			
				|  |  |                                 <div class="small">已完成: 22%</div>
 | 
	
		
			
				|  |  |                                 <div class="progress progress-mini">
 | 
	
		
			
				|  |  |                                     <div style="width: 22%;" class="progress-bar progress-bar-warning"></div>
 | 
	
		
			
				|  |  |                                 </div>
 | 
	
		
			
				|  |  |                                 <div class="small text-muted m-t-xs">项目截止: 4:00 - 2015.10.01</div>
 | 
	
		
			
				|  |  |                             </a>
 | 
	
		
			
				|  |  |                         </li>
 | 
	
		
			
				|  |  |                         <li>
 | 
	
		
			
				|  |  |                             <a href="#">
 | 
	
		
			
				|  |  |                                 <div class="small pull-right m-t-xs">9小时以后</div>
 | 
	
		
			
				|  |  |                                 <h4>可行性报告研究报上级批准 </h4> 编写目的编写本项目进度报告的目的在于更好的控制软件开发的时间,对团队成员的 开发进度作出一个合理的比对
 | 
	
		
			
				|  |  | 
 | 
	
		
			
				|  |  |                                 <div class="small">已完成: 48%</div>
 | 
	
		
			
				|  |  |                                 <div class="progress progress-mini">
 | 
	
		
			
				|  |  |                                     <div style="width: 48%;" class="progress-bar"></div>
 | 
	
		
			
				|  |  |                                 </div>
 | 
	
		
			
				|  |  |                             </a>
 | 
	
		
			
				|  |  |                         </li>
 | 
	
		
			
				|  |  |                         <li>
 | 
	
		
			
				|  |  |                             <a href="#">
 | 
	
		
			
				|  |  |                                 <div class="small pull-right m-t-xs">9小时以后</div>
 | 
	
		
			
				|  |  |                                 <h4>立项阶段</h4> 东风商用车公司 采购综合综合查询分析系统项目进度阶段性报告武汉斯迪克科技有限公司
 | 
	
		
			
				|  |  | 
 | 
	
		
			
				|  |  |                                 <div class="small">已完成: 14%</div>
 | 
	
		
			
				|  |  |                                 <div class="progress progress-mini">
 | 
	
		
			
				|  |  |                                     <div style="width: 14%;" class="progress-bar progress-bar-info"></div>
 | 
	
		
			
				|  |  |                                 </div>
 | 
	
		
			
				|  |  |                             </a>
 | 
	
		
			
				|  |  |                         </li>
 | 
	
		
			
				|  |  |                         <li>
 | 
	
		
			
				|  |  |                             <a href="#">
 | 
	
		
			
				|  |  |                                 <span class="label label-primary pull-right">NEW</span>
 | 
	
		
			
				|  |  |                                 <h4>设计阶段</h4>
 | 
	
		
			
				|  |  |                                 <!--<div class="small pull-right m-t-xs">9小时以后</div>-->
 | 
	
		
			
				|  |  |                                 项目进度报告(Project Progress Report)
 | 
	
		
			
				|  |  |                                 <div class="small">已完成: 22%</div>
 | 
	
		
			
				|  |  |                                 <div class="small text-muted m-t-xs">项目截止: 4:00 - 2015.10.01</div>
 | 
	
		
			
				|  |  |                             </a>
 | 
	
		
			
				|  |  |                         </li>
 | 
	
		
			
				|  |  |                         <li>
 | 
	
		
			
				|  |  |                             <a href="#">
 | 
	
		
			
				|  |  |                                 <div class="small pull-right m-t-xs">9小时以后</div>
 | 
	
		
			
				|  |  |                                 <h4>拆迁阶段</h4> 科研项目研究进展报告 项目编号: 项目名称: 项目负责人:
 | 
	
		
			
				|  |  | 
 | 
	
		
			
				|  |  |                                 <div class="small">已完成: 22%</div>
 | 
	
		
			
				|  |  |                                 <div class="progress progress-mini">
 | 
	
		
			
				|  |  |                                     <div style="width: 22%;" class="progress-bar progress-bar-warning"></div>
 | 
	
		
			
				|  |  |                                 </div>
 | 
	
		
			
				|  |  |                                 <div class="small text-muted m-t-xs">项目截止: 4:00 - 2015.10.01</div>
 | 
	
		
			
				|  |  |                             </a>
 | 
	
		
			
				|  |  |                         </li>
 | 
	
		
			
				|  |  |                         <li>
 | 
	
		
			
				|  |  |                             <a href="#">
 | 
	
		
			
				|  |  |                                 <div class="small pull-right m-t-xs">9小时以后</div>
 | 
	
		
			
				|  |  |                                 <h4>建设阶段 </h4> 编写目的编写本项目进度报告的目的在于更好的控制软件开发的时间,对团队成员的 开发进度作出一个合理的比对
 | 
	
		
			
				|  |  | 
 | 
	
		
			
				|  |  |                                 <div class="small">已完成: 48%</div>
 | 
	
		
			
				|  |  |                                 <div class="progress progress-mini">
 | 
	
		
			
				|  |  |                                     <div style="width: 48%;" class="progress-bar"></div>
 | 
	
		
			
				|  |  |                                 </div>
 | 
	
		
			
				|  |  |                             </a>
 | 
	
		
			
				|  |  |                         </li>
 | 
	
		
			
				|  |  |                         <li>
 | 
	
		
			
				|  |  |                             <a href="#">
 | 
	
		
			
				|  |  |                                 <div class="small pull-right m-t-xs">9小时以后</div>
 | 
	
		
			
				|  |  |                                 <h4>获证开盘</h4> 编写目的编写本项目进度报告的目的在于更好的控制软件开发的时间,对团队成员的 开发进度作出一个合理的比对
 | 
	
		
			
				|  |  | 
 | 
	
		
			
				|  |  |                                 <div class="small">已完成: 14%</div>
 | 
	
		
			
				|  |  |                                 <div class="progress progress-mini">
 | 
	
		
			
				|  |  |                                     <div style="width: 14%;" class="progress-bar progress-bar-info"></div>
 | 
	
		
			
				|  |  |                                 </div>
 | 
	
		
			
				|  |  |                             </a>
 | 
	
		
			
				|  |  |                         </li>
 | 
	
		
			
				|  |  | 
 | 
	
		
			
				|  |  |                     </ul>
 | 
	
		
			
				|  |  | 
 | 
	
		
			
				|  |  |                 </div>
 | 
	
		
			
				|  |  | 
 | 
	
		
			
				|  |  |                 <div id="tab-3" class="tab-pane">
 | 
	
		
			
				|  |  | 
 | 
	
		
			
				|  |  |                     <div class="sidebar-title">
 | 
	
		
			
				|  |  |                         <h3><i class="fa fa-gears"></i> 设置</h3>
 | 
	
		
			
				|  |  |                     </div>
 | 
	
		
			
				|  |  | 
 | 
	
		
			
				|  |  |                     <div class="setings-item">
 | 
	
		
			
				|  |  |                             <span>
 | 
	
		
			
				|  |  |                         显示通知
 | 
	
		
			
				|  |  |                     </span>
 | 
	
		
			
				|  |  | 
 | 
	
		
			
				|  |  |                         <div class="switch">
 | 
	
		
			
				|  |  |                             <div class="onoffswitch">
 | 
	
		
			
				|  |  |                                 <input type="checkbox" name="collapsemenu" class="onoffswitch-checkbox" id="example">
 | 
	
		
			
				|  |  |                                 <label class="onoffswitch-label" for="example">
 | 
	
		
			
				|  |  |                                     <span class="onoffswitch-inner"></span>
 | 
	
		
			
				|  |  |                                     <span class="onoffswitch-switch"></span>
 | 
	
		
			
				|  |  |                                 </label>
 | 
	
		
			
				|  |  |                             </div>
 | 
	
		
			
				|  |  |                         </div>
 | 
	
		
			
				|  |  |                     </div>
 | 
	
		
			
				|  |  |                     <div class="setings-item">
 | 
	
		
			
				|  |  |                             <span>
 | 
	
		
			
				|  |  |                         隐藏聊天窗口
 | 
	
		
			
				|  |  |                     </span>
 | 
	
		
			
				|  |  | 
 | 
	
		
			
				|  |  |                         <div class="switch">
 | 
	
		
			
				|  |  |                             <div class="onoffswitch">
 | 
	
		
			
				|  |  |                                 <input type="checkbox" name="collapsemenu" checked class="onoffswitch-checkbox"
 | 
	
		
			
				|  |  |                                        id="example2">
 | 
	
		
			
				|  |  |                                 <label class="onoffswitch-label" for="example2">
 | 
	
		
			
				|  |  |                                     <span class="onoffswitch-inner"></span>
 | 
	
		
			
				|  |  |                                     <span class="onoffswitch-switch"></span>
 | 
	
		
			
				|  |  |                                 </label>
 | 
	
		
			
				|  |  |                             </div>
 | 
	
		
			
				|  |  |                         </div>
 | 
	
		
			
				|  |  |                     </div>
 | 
	
		
			
				|  |  |                     <div class="setings-item">
 | 
	
		
			
				|  |  |                             <span>
 | 
	
		
			
				|  |  |                         清空历史记录
 | 
	
		
			
				|  |  |                     </span>
 | 
	
		
			
				|  |  | 
 | 
	
		
			
				|  |  |                         <div class="switch">
 | 
	
		
			
				|  |  |                             <div class="onoffswitch">
 | 
	
		
			
				|  |  |                                 <input type="checkbox" name="collapsemenu" class="onoffswitch-checkbox" id="example3">
 | 
	
		
			
				|  |  |                                 <label class="onoffswitch-label" for="example3">
 | 
	
		
			
				|  |  |                                     <span class="onoffswitch-inner"></span>
 | 
	
		
			
				|  |  |                                     <span class="onoffswitch-switch"></span>
 | 
	
		
			
				|  |  |                                 </label>
 | 
	
		
			
				|  |  |                             </div>
 | 
	
		
			
				|  |  |                         </div>
 | 
	
		
			
				|  |  |                     </div>
 | 
	
		
			
				|  |  |                     <div class="setings-item">
 | 
	
		
			
				|  |  |                             <span>
 | 
	
		
			
				|  |  |                         显示聊天窗口
 | 
	
		
			
				|  |  |                     </span>
 | 
	
		
			
				|  |  | 
 | 
	
		
			
				|  |  |                         <div class="switch">
 | 
	
		
			
				|  |  |                             <div class="onoffswitch">
 | 
	
		
			
				|  |  |                                 <input type="checkbox" name="collapsemenu" class="onoffswitch-checkbox" id="example4">
 | 
	
		
			
				|  |  |                                 <label class="onoffswitch-label" for="example4">
 | 
	
		
			
				|  |  |                                     <span class="onoffswitch-inner"></span>
 | 
	
		
			
				|  |  |                                     <span class="onoffswitch-switch"></span>
 | 
	
		
			
				|  |  |                                 </label>
 | 
	
		
			
				|  |  |                             </div>
 | 
	
		
			
				|  |  |                         </div>
 | 
	
		
			
				|  |  |                     </div>
 | 
	
		
			
				|  |  |                     <div class="setings-item">
 | 
	
		
			
				|  |  |                             <span>
 | 
	
		
			
				|  |  |                         显示在线用户
 | 
	
		
			
				|  |  |                     </span>
 | 
	
		
			
				|  |  | 
 | 
	
		
			
				|  |  |                         <div class="switch">
 | 
	
		
			
				|  |  |                             <div class="onoffswitch">
 | 
	
		
			
				|  |  |                                 <input type="checkbox" checked name="collapsemenu" class="onoffswitch-checkbox"
 | 
	
		
			
				|  |  |                                        id="example5">
 | 
	
		
			
				|  |  |                                 <label class="onoffswitch-label" for="example5">
 | 
	
		
			
				|  |  |                                     <span class="onoffswitch-inner"></span>
 | 
	
		
			
				|  |  |                                     <span class="onoffswitch-switch"></span>
 | 
	
		
			
				|  |  |                                 </label>
 | 
	
		
			
				|  |  |                             </div>
 | 
	
		
			
				|  |  |                         </div>
 | 
	
		
			
				|  |  |                     </div>
 | 
	
		
			
				|  |  |                     <div class="setings-item">
 | 
	
		
			
				|  |  |                             <span>
 | 
	
		
			
				|  |  |                         全局搜索
 | 
	
		
			
				|  |  |                     </span>
 | 
	
		
			
				|  |  | 
 | 
	
		
			
				|  |  |                         <div class="switch">
 | 
	
		
			
				|  |  |                             <div class="onoffswitch">
 | 
	
		
			
				|  |  |                                 <input type="checkbox" checked name="collapsemenu" class="onoffswitch-checkbox"
 | 
	
		
			
				|  |  |                                        id="example6">
 | 
	
		
			
				|  |  |                                 <label class="onoffswitch-label" for="example6">
 | 
	
		
			
				|  |  |                                     <span class="onoffswitch-inner"></span>
 | 
	
		
			
				|  |  |                                     <span class="onoffswitch-switch"></span>
 | 
	
		
			
				|  |  |                                 </label>
 | 
	
		
			
				|  |  |                             </div>
 | 
	
		
			
				|  |  |                         </div>
 | 
	
		
			
				|  |  |                     </div>
 | 
	
		
			
				|  |  |                     <div class="setings-item">
 | 
	
		
			
				|  |  |                             <span>
 | 
	
		
			
				|  |  |                         每日更新
 | 
	
		
			
				|  |  |                     </span>
 | 
	
		
			
				|  |  | 
 | 
	
		
			
				|  |  |                         <div class="switch">
 | 
	
		
			
				|  |  |                             <div class="onoffswitch">
 | 
	
		
			
				|  |  |                                 <input type="checkbox" name="collapsemenu" class="onoffswitch-checkbox" id="example7">
 | 
	
		
			
				|  |  |                                 <label class="onoffswitch-label" for="example7">
 | 
	
		
			
				|  |  |                                     <span class="onoffswitch-inner"></span>
 | 
	
		
			
				|  |  |                                     <span class="onoffswitch-switch"></span>
 | 
	
		
			
				|  |  |                                 </label>
 | 
	
		
			
				|  |  |                             </div>
 | 
	
		
			
				|  |  |                         </div>
 | 
	
		
			
				|  |  |                     </div>
 | 
	
		
			
				|  |  | 
 | 
	
		
			
				|  |  |                     <div class="sidebar-content">
 | 
	
		
			
				|  |  |                         <h4>设置</h4>
 | 
	
		
			
				|  |  | 
 | 
	
		
			
				|  |  |                         <div class="small">
 | 
	
		
			
				|  |  |                             你可以从这里设置一些常用选项,当然啦,这个只是个演示的示例。
 | 
	
		
			
				|  |  |                         </div>
 | 
	
		
			
				|  |  |                     </div>
 | 
	
		
			
				|  |  | 
 | 
	
		
			
				|  |  |                 </div>
 | 
	
		
			
				|  |  |             </div>
 | 
	
		
			
				|  |  | 
 | 
	
		
			
				|  |  |         </div>
 | 
	
		
			
				|  |  | 
 | 
	
		
			
				|  |  | 
 | 
	
		
			
				|  |  |     </div>
 | 
	
		
			
				|  |  |     <!--mini聊天窗口结束-->
 | 
	
		
			
				|  |  | </div>
 | 
	
	
		
			
				|  | @ -611,95 +260,6 @@
 | 
	
		
			
				|  |  |         </div>
 | 
	
		
			
				|  |  |     </div>
 | 
	
		
			
				|  |  | </div>
 | 
	
		
			
				|  |  | <script type="text/javascript">
 | 
	
		
			
				|  |  |     $("#fixednavbar").click(function () {
 | 
	
		
			
				|  |  |         if ($("#fixednavbar").is(":checked")) {
 | 
	
		
			
				|  |  |             $(".navbar-static-top").removeClass("navbar-static-top").addClass("navbar-fixed-top");
 | 
	
		
			
				|  |  |             $("body").removeClass("boxed-layout");
 | 
	
		
			
				|  |  |             $("body").addClass("fixed-nav");
 | 
	
		
			
				|  |  |             $("#boxedlayout").prop("checked", false);
 | 
	
		
			
				|  |  |             if (localStorageSupport) {
 | 
	
		
			
				|  |  |                 localStorage.setItem("boxedlayout", "off")
 | 
	
		
			
				|  |  |             }
 | 
	
		
			
				|  |  |             if (localStorageSupport) {
 | 
	
		
			
				|  |  |                 localStorage.setItem("fixednavbar", "on")
 | 
	
		
			
				|  |  |             }
 | 
	
		
			
				|  |  |         } else {
 | 
	
		
			
				|  |  |             $(".navbar-fixed-top").removeClass("navbar-fixed-top").addClass("navbar-static-top");
 | 
	
		
			
				|  |  |             $("body").removeClass("fixed-nav");
 | 
	
		
			
				|  |  |             if (localStorageSupport) {
 | 
	
		
			
				|  |  |                 localStorage.setItem("fixednavbar", "off")
 | 
	
		
			
				|  |  |             }
 | 
	
		
			
				|  |  |         }
 | 
	
		
			
				|  |  |     });
 | 
	
		
			
				|  |  |     $("#collapsemenu").click(function () {
 | 
	
		
			
				|  |  |         if ($("#collapsemenu").is(":checked")) {
 | 
	
		
			
				|  |  |             $("body").addClass("mini-navbar");
 | 
	
		
			
				|  |  |             SmoothlyMenu();
 | 
	
		
			
				|  |  |             if (localStorageSupport) {
 | 
	
		
			
				|  |  |                 localStorage.setItem("collapse_menu", "on")
 | 
	
		
			
				|  |  |             }
 | 
	
		
			
				|  |  |         } else {
 | 
	
		
			
				|  |  |             $("body").removeClass("mini-navbar");
 | 
	
		
			
				|  |  |             SmoothlyMenu();
 | 
	
		
			
				|  |  |             if (localStorageSupport) {
 | 
	
		
			
				|  |  |                 localStorage.setItem("collapse_menu", "off")
 | 
	
		
			
				|  |  |             }
 | 
	
		
			
				|  |  |         }
 | 
	
		
			
				|  |  |     });
 | 
	
		
			
				|  |  |     $("#boxedlayout").click(function () {
 | 
	
		
			
				|  |  |         if ($("#boxedlayout").is(":checked")) {
 | 
	
		
			
				|  |  |             $("body").addClass("boxed-layout");
 | 
	
		
			
				|  |  |             $("#fixednavbar").prop("checked", false);
 | 
	
		
			
				|  |  |             $(".navbar-fixed-top").removeClass("navbar-fixed-top").addClass("navbar-static-top");
 | 
	
		
			
				|  |  |             $("body").removeClass("fixed-nav");
 | 
	
		
			
				|  |  |             if (localStorageSupport) {
 | 
	
		
			
				|  |  |                 localStorage.setItem("fixednavbar", "off")
 | 
	
		
			
				|  |  |             }
 | 
	
		
			
				|  |  |             if (localStorageSupport) {
 | 
	
		
			
				|  |  |                 localStorage.setItem("boxedlayout", "on")
 | 
	
		
			
				|  |  |             }
 | 
	
		
			
				|  |  |         } else {
 | 
	
		
			
				|  |  |             $("body").removeClass("boxed-layout");
 | 
	
		
			
				|  |  |             if (localStorageSupport) {
 | 
	
		
			
				|  |  |                 localStorage.setItem("boxedlayout", "off")
 | 
	
		
			
				|  |  |             }
 | 
	
		
			
				|  |  |         }
 | 
	
		
			
				|  |  |     });
 | 
	
		
			
				|  |  |     $(".spin-icon").click(function () {
 | 
	
		
			
				|  |  |         $(".theme-config-box").toggleClass("show")
 | 
	
		
			
				|  |  |     });
 | 
	
		
			
				|  |  |     $(".s-skin-0").click(function () {
 | 
	
		
			
				|  |  |         $("body").removeClass("skin-1");
 | 
	
		
			
				|  |  |         $("body").removeClass("skin-2");
 | 
	
		
			
				|  |  |         $("body").removeClass("skin-3")
 | 
	
		
			
				|  |  |     });
 | 
	
		
			
				|  |  |     $(".s-skin-1").click(function () {
 | 
	
		
			
				|  |  |         $("body").removeClass("skin-2");
 | 
	
		
			
				|  |  |         $("body").removeClass("skin-3");
 | 
	
		
			
				|  |  |         $("body").addClass("skin-1")
 | 
	
		
			
				|  |  |     });
 | 
	
		
			
				|  |  |     $(".s-skin-3").click(function () {
 | 
	
		
			
				|  |  |         $("body").removeClass("skin-1");
 | 
	
		
			
				|  |  |         $("body").removeClass("skin-2");
 | 
	
		
			
				|  |  |         $("body").addClass("skin-3")
 | 
	
		
			
				|  |  |     });
 | 
	
		
			
				|  |  |     if (localStorageSupport) {
 | 
	
		
			
				|  |  |         var collapse = localStorage.getItem("collapse_menu");
 | 
	
		
			
				|  |  |         var fixednavbar = localStorage.getItem("fixednavbar");
 | 
	
		
			
				|  |  |         var boxedlayout = localStorage.getItem("boxedlayout");
 | 
	
		
			
				|  |  |         if (collapse == "on") {
 | 
	
		
			
				|  |  |             $("#collapsemenu").prop("checked", "checked")
 | 
	
		
			
				|  |  |         }
 | 
	
		
			
				|  |  |         if (fixednavbar == "on") {
 | 
	
		
			
				|  |  |             $("#fixednavbar").prop("checked", "checked")
 | 
	
		
			
				|  |  |         }
 | 
	
		
			
				|  |  |         if (boxedlayout == "on") {
 | 
	
		
			
				|  |  |             $("#boxedlayout").prop("checked", "checked")
 | 
	
		
			
				|  |  |         }
 | 
	
		
			
				|  |  |     }
 | 
	
		
			
				|  |  | 
 | 
	
		
			
				|  |  | </script>
 | 
	
		
			
				|  |  | <style>
 | 
	
		
			
				|  |  |     .fixed-nav .slimScrollDiv #side-menu {
 | 
	
		
			
				|  |  |         padding-bottom: 60px;
 |