8 vuotta sitten · 9c82056d12
--- a/clientDetail.html
+++ b/clientDetail.html
@@ -0,0 +1,56 @@
 
				+<!DOCTYPE html>
			
 
				+<html lang=zh-cn> 
			
 
				+<head>
			
 
				+	<meta charset=utf-8> 
			
 
				+	<title>CLD.System</title> 
			
 
				+	<link rel="shortcut icon" href="images/favicon.ico"> 
			
 
				+	<meta name="viewport" content="width=device-width,initial-scale=1.0">
			
 
				+	<meta name=copyright content=smartcost.com.cn> 
			
 
				+	<link rel=stylesheet href=css/global.css>
			
 
				+</head>
			
 
				+<body>
			
 
				+	<div class="warpContent">
			
 
				+			<legend><a href="clientSearch.html" class="fR">返回搜索</a>通讯录</legend>
			
 
				+			<div class="tabList">
			
 
				+				<a class="now" href="clientDetail.html">客户信息</a><a href="clientRecord.html">服务记录</a></a>
			
 
				+			</div>
			
 
				+			<div class="tabContent">
			
 
				+				<div class="tabItem clientList">
			
 
				+					<div class="clientEntry">
			
 
				+		  				<table>
			
 
				+		  				<tbody>
			
 
				+		  					<tr><th>姓名</th><td>张三</td></tr>
			
 
				+		  					<tr><th>性别</th><td>男</td></tr>
			
 
				+		  					<tr><th>昵称</th><td>X工</td></tr>
			
 
				+		  					<tr><th>手机</th><td>12345678910</td></tr>
			
 
				+		  					<tr><th>电话</th><td>0000-564645654</td></tr>
			
 
				+		  					<tr><th>QQ</th><td>12345678</td></tr>
			
 
				+		  					<tr><th>邮箱</th><td>123456@qq.com</td></tr>
			
 
				+		  					<tr><th>锁</th><td><a href="#">HNYH-0654</a>（专业版）<a href="#">DW-5465</a>（算量软件）</td></tr>
			
 
				+		  					<tr><td colspan="2"><span class="contactsTag tagCol-01">标签1</span><span class="contactsTag tagCol-02">标签2</span><i class="contactsMark icon-">P</i><i class="contactsMark icon-">N</i></td></tr>
			
 
				+		  					<tr><th>添加</th><td>广东办<a>刘飞</a></td></tr>
			
 
				+		  				</tbody>
			
 
				+		  				</table>
			
 
				+			  		</div>
			
 
				+					<div class="clientEntry">
			
 
				+		  				<table>
			
 
				+		  					<tbody><tr><th>单位</th><td><a href="#">四川华腾工程技术有限公司</a></td></tr>
			
 
				+		  					<tr><th>性质</th><td>咨询单位</td></tr>
			
 
				+		  					<tr><th>地区</th><td>四川,成都,南岸区</td></tr>
			
 
				+		  					<tr><th>传真</th><td>0000-12345678</td></tr>
			
 
				+		  					<tr><th>主页</th><td>www.abc.com</td></tr>
			
 
				+		  					<tr><th>部门</th><td>造价部</td></tr>
			
 
				+		  					<tr><th>职务</th><td>科员</td></tr>
			
 
				+		  					<tr><th>办公室</th><td>13楼</td></tr>
			
 
				+		  					<tr><th>地址</th><td>四川省成都市锦江工业园区三色路163号银海芯座16f</td></tr>
			
 
				+		  					<tr><th>乘车</th><td>809到天环街下，马路对面坐199路到三色路永安路口下，前行100m</td></tr>
			
 
				+		  					<tr><th>地标</th><td>XXX大厦 <a title="查看地图" href="#"><img src="img/map.png"></a></td></tr>
			
 
				+		  				</tbody></table>
			
 
				+			  		</div>
			
 
				+					<div class="clientEntry clearfix">
			
 
				+						<a href="clientDetailEdit.html" class="button">编辑</a>
			
 
				+					</div>
			
 
				+				</div>
			
 
				+			</div>
			
 
				+	</div>
			
 
				+</body>
			
--- a/clientDetailEdit.html
+++ b/clientDetailEdit.html
--- a/clientRecord.html
+++ b/clientRecord.html
@@ -0,0 +1,57 @@
 
				+<!DOCTYPE html>
			
 
				+<html lang=zh-cn> 
			
 
				+<head>
			
 
				+	<meta charset=utf-8> 
			
 
				+	<title>CLD.System</title> 
			
 
				+	<link rel="shortcut icon" href="images/favicon.ico"> 
			
 
				+	<meta name="viewport" content="width=device-width,initial-scale=1.0">
			
 
				+	<meta name=copyright content=smartcost.com.cn> 
			
 
				+	<link rel=stylesheet href=css/global.css>
			
 
				+</head>
			
 
				+<body>
			
 
				+	<div class="warpContent">
			
 
				+			<legend><a href="clientSearch.html" class="fR">返回搜索</a>通讯录</legend>
			
 
				+			<div class="tabList">
			
 
				+				<a href="clientDetail.html">客户信息</a><a class="now"  href="clientRecord.html">服务记录</a></a>
			
 
				+			</div>
			
 
				+			<div class="tabContent">
			
 
				+				<div class="tabItem clentRecord">
			
 
				+					<div class="recordEntry clearfix">
			
 
				+						<a href="clientRecordEdit.html" class="button">添加记录</a>
			
 
				+					</div>
			
 
				+					<div class="recordEntry">
			
 
				+						<ul>
			
 
				+							<li>2013-9-01</li>
			
 
				+							<li><i  class="icon iconService"></i></a>上门服务</li>
			
 
				+							<li>广东办<a href="#">刘飞</a></li>
			
 
				+							<li>
			
 
				+								1-给彭工更新了软件程序，安装演示了软。<br>
			
 
				+								2-单位彭工要考甲乙级考试，给他带了资料过去。<br>
			
 
				+								3-表示论文发表评职称也可以随时联系我。<br>
			
 
				+							</li>
			
 
				+						<ul>
			
 
				+					</div>
			
 
				+					<div class="recordEntry">
			
 
				+						<ul>
			
 
				+							<li><i  class="icon iconPhone"></i>电话拜访</li>
			
 
				+							<li>2013-9-01</li>
			
 
				+							<li>重庆办<a href="#">李清学</a></li>
			
 
				+							<li>
			
 
				+								内容<br>
			
 
				+							</li>
			
 
				+						<ul>
			
 
				+					</div>
			
 
				+					<div class="recordEntry">
			
 
				+						<ul>
			
 
				+							<li><i class="icon iconOther"></i>其他</li>
			
 
				+							<li>2013-9-01</li>
			
 
				+							<li>广东办<a href="#">刘飞</a></li>
			
 
				+							<li>
			
 
				+								内容<br>
			
 
				+							</li>
			
 
				+						<ul>
			
 
				+					</div>
			
 
				+				</div>
			
 
				+			</div>
			
 
				+	</div>
			
 
				+</body>
			
--- a/clientRecordEdit.html
+++ b/clientRecordEdit.html
@@ -0,0 +1,87 @@
 
				+<!DOCTYPE html>
			
 
				+<html lang=zh-cn> 
			
 
				+<head>
			
 
				+	<meta charset=utf-8> 
			
 
				+	<title>CLD.System</title> 
			
 
				+	<link rel="shortcut icon" href="images/favicon.ico"> 
			
 
				+	<meta name="viewport" content="width=device-width,initial-scale=1.0">
			
 
				+	<meta name=copyright content=smartcost.com.cn> 
			
 
				+	<link rel=stylesheet href=css/global.css>
			
 
				+</head>
			
 
				+<body>
			
 
				+	<div class="warpContent">
			
 
				+			<legend><a href="clientSearch.html" class="fR">返回搜索</a>通讯录</legend>
			
 
				+			<div class="tabList">
			
 
				+				<a class="now" href="clientDetail.html">客户信息</a><a   href="clientRecord.html">服务记录</a></a>
			
 
				+			</div>
			
 
				+			<div class="tabContent">
			
 
				+				<div class="tabItem clientList hide">
			
 
				+					<div class="clientEntry">
			
 
				+		  				<table>
			
 
				+		  				<tbody>
			
 
				+		  					<tr><th>姓名</th><td>张三</td></tr>
			
 
				+		  					<tr><th>性别</th><td>男</td></tr>
			
 
				+		  					<tr><th>昵称</th><td>X工</td></tr>
			
 
				+		  					<tr><th>手机</th><td>12345678910</td></tr>
			
 
				+		  					<tr><th>电话</th><td>0000-564645654</td></tr>
			
 
				+		  					<tr><th>QQ</th><td>12345678</td></tr>
			
 
				+		  					<tr><th>邮箱</th><td>123456@qq.com</td></tr>
			
 
				+		  					<tr><th>锁</th><td><a href="#">HNYH-0654</a><br><a href="#">DW-5465</a></td></tr>
			
 
				+		  					<tr><td colspan="2"><span class="contactsTag tagCol-01">标签1</span><span class="contactsTag tagCol-02">标签2</span></td></tr>
			
 
				+		  				</tbody>
			
 
				+		  				</table>
			
 
				+			  		</div>
			
 
				+					<div class="clientEntry">
			
 
				+		  				<table>
			
 
				+		  					<tbody><tr><th>单位</th><td><a href="#">四川华腾工程技术有限公司</a></td></tr>
			
 
				+		  					<tr><th>地区</th><td>四川,成都,南岸区</td></tr>
			
 
				+		  					<tr><th>传真</th><td>0000-12345678</td></tr>
			
 
				+		  					<tr><th>主页</th><td>www.abc.com</td></tr>
			
 
				+		  					<tr><th>部门</th><td>造价部</td></tr>
			
 
				+		  					<tr><th>职务</th><td>科员</td></tr>
			
 
				+		  					<tr><th>办公室</th><td>13楼</td></tr>
			
 
				+		  					<tr><th>地址</th><td>四川省成都市锦江工业园区三色路163号银海芯座16f</td></tr>
			
 
				+		  					<tr><th>乘车</th><td>809到天环街下，马路对面坐199路到三色路永安路口下，前行100m</td></tr>
			
 
				+		  					<tr><th>地标</th><td>XXX大厦 <a title="查看地图" href="#"><img src="img/map.png"></a></td></tr>
			
 
				+		  				</tbody></table>
			
 
				+			  		</div>
			
 
				+					<div class="clientEntry clearfix">
			
 
				+						<a href="" class="button">编辑</a>
			
 
				+					</div>
			
 
				+				</div>
			
 
				+				<div class="tabItem clentRecord">
			
 
				+					<div class="recordEntry">
			
 
				+						为<a>张三</a>添加记录
			
 
				+					</div>
			
 
				+					<div class="recordEntry">
			
 
				+						<div class="control-group">
			
 
				+						    <div class="controls">
			
 
				+							    <label class="radio">
			
 
				+							    	<input type="radio" name="1" checked>上门服务
			
 
				+							    </label>
			
 
				+							    <label class="radio">
			
 
				+							    	<input type="radio" name="1">电话拜访
			
 
				+							    </label>
			
 
				+							    <label class="radio">
			
 
				+							    	<input type="radio" name="1">其他
			
 
				+							    </label>
			
 
				+						    </div>
			
 
				+						  </div>
			
 
				+						  <div class="control-group">
			
 
				+						    <div class="controls">
			
 
				+						      <select><option>2013</option></select>
			
 
				+						    </div>
			
 
				+						  </div><div class="control-group">
			
 
				+						    <div class="controls">
			
 
				+						      <textarea style="width:90%" rows="5"></textarea>
			
 
				+						    </div>
			
 
				+						  </div>
			
 
				+					</div>
			
 
				+					<div class="recordEntry clearfix">
			
 
				+						<a href="#" class="button btn-gray">取消</a>
			
 
				+						<a href="#" class="button">确定</a>
			
 
				+					</div>
			
 
				+				</div>
			
 
				+			</div>
			
 
				+	</div>
			
 
				+</body>
			
--- a/clientSearch.html
+++ b/clientSearch.html
@@ -0,0 +1,26 @@
 
				+<!DOCTYPE html>
			
 
				+<html lang=zh-cn> 
			
 
				+<head>
			
 
				+	<meta charset=utf-8> 
			
 
				+	<title>CLD.System</title> 
			
 
				+	<link rel="shortcut icon" href="images/favicon.ico"> 
			
 
				+	<meta name="viewport" content="width=device-width,initial-scale=1.0">
			
 
				+	<meta name=copyright content=smartcost.com.cn> 
			
 
				+	<link rel=stylesheet href=css/global.css>
			
 
				+</head>
			
 
				+<body>
			
 
				+	<div class="warpContent">
			
 
				+			<legend><a href="mainIndex.html" class="fR">首页</a>通讯录</legend>
			
 
				+			<div class="control-group">
			
 
				+              <label class="control-label">输入客户名/单位名</label>
			
 
				+              <div class="controls">
			
 
				+                <input type="text">
			
 
				+              </div>
			
 
				+		    </div>
			
 
				+		    <div class="control-group">
			
 
				+              <div class="controls">
			
 
				+		   		 <button class="button" type="submit">搜索</button>
			
 
				+              </div>
			
 
				+            </div>
			
 
				+	</div>
			
 
				+</body>
			
--- a/clientSearchResult.html
+++ b/clientSearchResult.html
@@ -0,0 +1,38 @@
 
				+<!DOCTYPE html>
			
 
				+<html lang=zh-cn> 
			
 
				+<head>
			
 
				+	<meta charset=utf-8> 
			
 
				+	<title>CLD.System</title> 
			
 
				+	<link rel="shortcut icon" href="images/favicon.ico"> 
			
 
				+	<meta name="viewport" content="width=device-width,initial-scale=1.0">
			
 
				+	<meta name=copyright content=smartcost.com.cn> 
			
 
				+	<link rel=stylesheet href=css/global.css>
			
 
				+</head>
			
 
				+<body>
			
 
				+	<div class="warpContent">
			
 
				+			<legend><a href="clientSearch.html" class="fR">返回搜索</a>通讯录</legend>
			
 
				+			<div class="control-group">
			
 
				+			    搜索“<span class="colRed">张三</span>”结果 <span class="colRed">2</span> 条符合
			
 
				+			</div>
			
 
				+			<div class="clientList">
			
 
				+				<div class="clientEntry searchResult">
			
 
				+					<p><a href="#">张三</a> / 张工 / 工程师</p>
			
 
				+					<p class="">广东省-珠海市-香洲区</p>
			
 
				+					<p class="">XXXX公司</p>
			
 
				+					<p class="">15812987632</p>
			
 
				+					<p>广东办<a href="staff.html">刘飞</a>添加</p>
			
 
				+				</div>
			
 
				+				<div class="clientEntry searchResult">
			
 
				+					<p><a href="#">张三</a> / 张工 / 经理</p>
			
 
				+					<p class="">重庆省-XX区</p>
			
 
				+					<p class="">XXX设计院</p>
			
 
				+					<p class="">13423459903</p>
			
 
				+					<p>重庆办<a href="#">李清学</a>添加</p>
			
 
				+				</div>
			
 
				+			</div>
			
 
				+			<div class="pageNav">
			
 
				+				<span class="inactivePrev">《</span><a class="current" href="javascript:void(0);">1</a>
			
 
				+				<a class="paginate" href="/index/0/0/0/2">2</a><a class="next" href="/index/0/0/0/2">》</a>
			
 
				+			</div>
			
 
				+	</div>
			
 
				+</body>
			
--- a/companyClient.html
+++ b/companyClient.html
@@ -0,0 +1,81 @@
 
				+<!DOCTYPE html>
			
 
				+<html lang=zh-cn> 
			
 
				+<head>
			
 
				+	<meta charset=utf-8> 
			
 
				+	<title>CLD.System</title> 
			
 
				+	<link rel="shortcut icon" href="images/favicon.ico"> 
			
 
				+	<meta name="viewport" content="width=device-width,initial-scale=1.0">
			
 
				+	<meta name=copyright content=smartcost.com.cn> 
			
 
				+	<link rel=stylesheet href=css/global.css>
			
 
				+</head>
			
 
				+<body>
			
 
				+	<div class="warpContent">
			
 
				+			<legend><a href="clientSearch.html" class="fR">返回搜索</a>通讯录</legend>
			
 
				+			<div class="tabList">
			
 
				+				<a href="companyDetail.html">单位信息</a><a class="now" href="companyClient.html">单位客户</a></a>
			
 
				+			</div>
			
 
				+			<div class="tabContent">
			
 
				+				<div class="tabItem hide">
			
 
				+					<div class="clientEntry">
			
 
				+		  				<table>
			
 
				+		  					<tbody><tr><th>单位</th><td>四川华腾工程技术有限公司</td></tr>
			
 
				+		  					<tr><th>性质</th><td>咨询单位</td></tr>
			
 
				+		  					<tr><th>地区</th><td>四川,成都,南岸区</td></tr>
			
 
				+		  					<tr><th>传真</th><td>0000-12345678</td></tr>
			
 
				+		  					<tr><th>主页</th><td>www.abc.com</td></tr>
			
 
				+		  					<tr><th>地址</th><td>四川省成都市锦江工业园区三色路163号银海芯座16f</td></tr>
			
 
				+		  					<tr><th>乘车</th><td>809到天环街下，马路对面坐199路到三色路永安路口下，前行100m</td></tr>
			
 
				+		  					<tr><th>地标</th><td>XXX大厦 <a title="查看地图" href="#"><img src="img/map.png"></a></td></tr>
			
 
				+		  					<tr><th>客户</th><td>3人</td></tr>
			
 
				+		  				</tbody></table>
			
 
				+			  		</div>
			
 
				+				</div>
			
 
				+				<div class="tabItem clearfix">
			
 
				+					<div class="clientEntry header">
			
 
				+		  				<table>
			
 
				+		  					<tbody><tr><th colspan="2">四川华腾工程技术有限公司</td></tr>
			
 
				+		  					<tbody><tr><th>客户</th><td>3人</td></tr>
			
 
				+		  				</tbody></table>
			
 
				+			  		</div>
			
 
				+					<div class="clientEntry">
			
 
				+		  				<table>
			
 
				+		  				<tbody>
			
 
				+		  					<tr><th>姓名</th><td><a href="">张三</a></td></tr>
			
 
				+		  					<tr><th>部门</th><td>造价部</td></tr>
			
 
				+		  					<tr><th>职务</th><td>科员</td></tr>
			
 
				+		  					<tr><th>办公室</th><td>13楼</td></tr>
			
 
				+		  					<tr><th>性别</th><td>男</td></tr>
			
 
				+		  					<tr><th>昵称</th><td>X工</td></tr>
			
 
				+		  					<tr><th>手机</th><td>12345678910</td></tr>
			
 
				+		  					<tr><th>电话</th><td>0000-564645654</td></tr>
			
 
				+		  					<tr><th>QQ</th><td>12345678</td></tr>
			
 
				+		  					<tr><th>邮箱</th><td>123456@qq.com</td></tr>
			
 
				+		  					<tr><th>锁</th><td><a href="#">HNYH-0654</a>（专业版）<a href="#">DW-5465</a>（算量软件）</td></tr>
			
 
				+		  					<tr><td colspan="2"><span class="contactsTag tagCol-01">标签1</span><span class="contactsTag tagCol-02">标签2</span></td></tr>
			
 
				+		  					<tr><th>添加</th><td>广东办<a>刘飞</a></td></tr>
			
 
				+		  				</tbody>
			
 
				+		  				</table>
			
 
				+		  			</div>
			
 
				+					<div class="clientEntry">
			
 
				+		  				<table>
			
 
				+		  				<tbody>
			
 
				+		  					<tr><th>姓名</th><td><a href="">张三</a></td></tr>
			
 
				+		  					<tr><th>部门</th><td>造价部</td></tr>
			
 
				+		  					<tr><th>职务</th><td>科员</td></tr>
			
 
				+		  					<tr><th>办公室</th><td>13楼</td></tr>
			
 
				+		  					<tr><th>性别</th><td>男</td></tr>
			
 
				+		  					<tr><th>昵称</th><td>X工</td></tr>
			
 
				+		  					<tr><th>手机</th><td>12345678910</td></tr>
			
 
				+		  					<tr><th>电话</th><td>0000-564645654</td></tr>
			
 
				+		  					<tr><th>QQ</th><td>12345678</td></tr>
			
 
				+		  					<tr><th>邮箱</th><td>123456@qq.com</td></tr>
			
 
				+		  					<tr><th>锁</th><td><a href="#">HNYH-0654</a>（专业版）<a href="#">DW-5465</a>（算量软件）</td></tr>
			
 
				+		  					<tr><td colspan="2"><span class="contactsTag tagCol-01">标签1</span><span class="contactsTag tagCol-02">标签2</span></td></tr>
			
 
				+		  					<tr><th>添加</th><td>广东办<a>刘飞</a></td></tr>
			
 
				+		  				</tbody>
			
 
				+		  				</table>
			
 
				+			  		</div>
			
 
				+				</div>
			
 
				+			</div>
			
 
				+	</div>
			
 
				+</body>
			
--- a/companyDetail.html
+++ b/companyDetail.html
@@ -0,0 +1,81 @@
 
				+<!DOCTYPE html>
			
 
				+<html lang=zh-cn> 
			
 
				+<head>
			
 
				+	<meta charset=utf-8> 
			
 
				+	<title>CLD.System</title> 
			
 
				+	<link rel="shortcut icon" href="images/favicon.ico"> 
			
 
				+	<meta name="viewport" content="width=device-width,initial-scale=1.0">
			
 
				+	<meta name=copyright content=smartcost.com.cn> 
			
 
				+	<link rel=stylesheet href=css/global.css>
			
 
				+</head>
			
 
				+<body>
			
 
				+	<div class="warpContent">
			
 
				+			<legend><a href="clientSearch.html" class="fR">返回搜索</a>通讯录</legend>
			
 
				+			<div class="tabList">
			
 
				+				<a class="now" href="companyDetail.html">单位信息</a><a href="companyClient.html">单位客户</a></a>
			
 
				+			</div>
			
 
				+			<div class="tabContent">
			
 
				+				<div class="tabItem clientList">
			
 
				+					<div class="clientEntry">
			
 
				+		  				<table>
			
 
				+		  					<tbody><tr><th>单位</th><td>四川华腾工程技术有限公司</td></tr>
			
 
				+		  					<tr><th>性质</th><td>咨询单位</td></tr>
			
 
				+		  					<tr><th>地区</th><td>四川,成都,南岸区</td></tr>
			
 
				+		  					<tr><th>传真</th><td>0000-12345678</td></tr>
			
 
				+		  					<tr><th>主页</th><td>www.abc.com</td></tr>
			
 
				+		  					<tr><th>地址</th><td>四川省成都市锦江工业园区三色路163号银海芯座16f</td></tr>
			
 
				+		  					<tr><th>乘车</th><td>809到天环街下，马路对面坐199路到三色路永安路口下，前行100m</td></tr>
			
 
				+		  					<tr><th>地标</th><td>XXX大厦 <a title="查看地图" href="#"><img src="img/map.png"></a></td></tr>
			
 
				+		  					<tr><th>客户</th><td>3人</td></tr>
			
 
				+		  				</tbody></table>
			
 
				+			  		</div>
			
 
				+				</div>
			
 
				+				<div class="tabItem clearfix hide">
			
 
				+					<div class="clientEntry header">
			
 
				+		  				<table>
			
 
				+		  					<tbody><tr><th colspan="2">四川华腾工程技术有限公司</td></tr>
			
 
				+		  					<tbody><tr><th>客户</th><td>3人</td></tr>
			
 
				+		  				</tbody></table>
			
 
				+			  		</div>
			
 
				+					<div class="clientEntry">
			
 
				+		  				<table>
			
 
				+		  				<tbody>
			
 
				+		  					<tr><th>姓名</th><td><a href="">张三</a>（<a href="#">编辑</a>）</td></tr>
			
 
				+		  					<tr><th>部门</th><td>造价部</td></tr>
			
 
				+		  					<tr><th>职务</th><td>科员</td></tr>
			
 
				+		  					<tr><th>办公室</th><td>13楼</td></tr>
			
 
				+		  					<tr><th>性别</th><td>男</td></tr>
			
 
				+		  					<tr><th>昵称</th><td>X工</td></tr>
			
 
				+		  					<tr><th>手机</th><td>12345678910</td></tr>
			
 
				+		  					<tr><th>电话</th><td>0000-564645654</td></tr>
			
 
				+		  					<tr><th>QQ</th><td>12345678</td></tr>
			
 
				+		  					<tr><th>邮箱</th><td>123456@qq.com</td></tr>
			
 
				+		  					<tr><th>锁</th><td><a href="#">HNYH-0654</a>（专业版）<a href="#">DW-5465</a>（算量软件）</td></tr>
			
 
				+		  					<tr><td colspan="2"><span class="contactsTag tagCol-01">标签1</span><span class="contactsTag tagCol-02">标签2</span></td></tr>
			
 
				+		  					<tr><th>添加</th><td>广东办<a>刘飞</a></td></tr>
			
 
				+		  				</tbody>
			
 
				+		  				</table>
			
 
				+		  			</div>
			
 
				+					<div class="clientEntry">
			
 
				+		  				<table>
			
 
				+		  				<tbody>
			
 
				+		  					<tr><th>姓名</th><td><a href="">张三</a>（<a href="#">编辑</a>）</td></tr>
			
 
				+		  					<tr><th>部门</th><td>造价部</td></tr>
			
 
				+		  					<tr><th>职务</th><td>科员</td></tr>
			
 
				+		  					<tr><th>办公室</th><td>13楼</td></tr>
			
 
				+		  					<tr><th>性别</th><td>男</td></tr>
			
 
				+		  					<tr><th>昵称</th><td>X工</td></tr>
			
 
				+		  					<tr><th>手机</th><td>12345678910</td></tr>
			
 
				+		  					<tr><th>电话</th><td>0000-564645654</td></tr>
			
 
				+		  					<tr><th>QQ</th><td>12345678</td></tr>
			
 
				+		  					<tr><th>邮箱</th><td>123456@qq.com</td></tr>
			
 
				+		  					<tr><th>锁</th><td><a href="#">HNYH-0654</a>（专业版）<a href="#">DW-5465</a>（算量软件）</td></tr>
			
 
				+		  					<tr><td colspan="2"><span class="contactsTag tagCol-01">标签1</span><span class="contactsTag tagCol-02">标签2</span></td></tr>
			
 
				+		  					<tr><th>添加</th><td>广东办<a>刘飞</a></td></tr>
			
 
				+		  				</tbody>
			
 
				+		  				</table>
			
 
				+			  		</div>
			
 
				+				</div>
			
 
				+			</div>
			
 
				+	</div>
			
 
				+</body>
			
--- a/css/Thumbs.db
+++ b/css/Thumbs.db
--- a/css/bg_program_list.png
+++ b/css/bg_program_list.png
--- a/css/fonts/ZHcldSystem.eot
+++ b/css/fonts/ZHcldSystem.eot
--- a/css/fonts/ZHcldSystem.svg
+++ b/css/fonts/ZHcldSystem.svg
--- a/css/fonts/ZHcldSystem.ttf
+++ b/css/fonts/ZHcldSystem.ttf
--- a/css/fonts/ZHcldSystem.woff
+++ b/css/fonts/ZHcldSystem.woff
--- a/css/global.css
+++ b/css/global.css
--- a/css/infocentericon.png
+++ b/css/infocentericon.png
--- a/css/loginbg2.jpg
+++ b/css/loginbg2.jpg
--- a/css/right-quote.png
+++ b/css/right-quote.png
--- a/css/sui/fonts/font_1433401008_2229297.svg
+++ b/css/sui/fonts/font_1433401008_2229297.svg
@@ -0,0 +1,158 @@
 
				+<?xml version="1.0" standalone="no"?>
			
 
				+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd" >
			
 
				+<svg xmlns="http://www.w3.org/2000/svg">
			
 
				+<metadata>
			
 
				+Created by FontForge 20120731 at Thu Jun  4 14:56:48 2015
			
 
				+ By Ads
			
 
				+</metadata>
			
 
				+<defs>
			
 
				+<font id="iconfont" horiz-adv-x="1024" >
			
 
				+  <font-face 
			
 
				+    font-family="iconfont"
			
 
				+    font-weight="500"
			
 
				+    font-stretch="normal"
			
 
				+    units-per-em="1024"
			
 
				+    panose-1="2 0 6 3 0 0 0 0 0 0"
			
 
				+    ascent="812"
			
 
				+    descent="-212"
			
 
				+    x-height="792"
			
 
				+    bbox="-0.125 -224 1025 812"
			
 
				+    underline-thickness="50"
			
 
				+    underline-position="-100"
			
 
				+    unicode-range="U+0078-E61E"
			
 
				+  />
			
 
				+<missing-glyph horiz-adv-x="374" 
			
 
				+d="M34 0v682h272v-682h-272zM68 34h204v614h-204v-614z" />
			
 
				+    <glyph glyph-name=".notdef" horiz-adv-x="374" 
			
 
				+d="M34 0v682h272v-682h-272zM68 34h204v614h-204v-614z" />
			
 
				+    <glyph glyph-name=".null" horiz-adv-x="0" 
			
 
				+ />
			
 
				+    <glyph glyph-name="nonmarkingreturn" horiz-adv-x="341" 
			
 
				+ />
			
 
				+    <glyph glyph-name="x" unicode="x" horiz-adv-x="1001" 
			
 
				+d="M281 543q-27 -1 -53 -1h-83q-18 0 -36.5 -6t-32.5 -18.5t-23 -32t-9 -45.5v-76h912v41q0 16 -0.5 30t-0.5 18q0 13 -5 29t-17 29.5t-31.5 22.5t-49.5 9h-133v-97h-438v97zM955 310v-52q0 -23 0.5 -52t0.5 -58t-10.5 -47.5t-26 -30t-33 -16t-31.5 -4.5q-14 -1 -29.5 -0.5
			
 
				+t-29.5 0.5h-32l-45 128h-439l-44 -128h-29h-34q-20 0 -45 1q-25 0 -41 9.5t-25.5 23t-13.5 29.5t-4 30v167h911zM163 247q-12 0 -21 -8.5t-9 -21.5t9 -21.5t21 -8.5q13 0 22 8.5t9 21.5t-9 21.5t-22 8.5zM316 123q-8 -26 -14 -48q-5 -19 -10.5 -37t-7.5 -25t-3 -15t1 -14.5
			
 
				+t9.5 -10.5t21.5 -4h37h67h81h80h64h36q23 0 34 12t2 38q-5 13 -9.5 30.5t-9.5 34.5q-5 19 -11 39h-368zM336 498v228q0 11 2.5 23t10 21.5t20.5 15.5t34 6h188q31 0 51.5 -14.5t20.5 -52.5v-227h-327z" />
			
 
				+    <glyph glyph-name="uniE600" unicode="&#xe600;" 
			
 
				+d="M861 102l147 388q3 10 -3 18.5t-17 8.5h-489q-9 0 -15 -6t-6 -14.5t6 -14.5t15 -6h460l-131 -346h-370l-140 562v1q-13 45 -36 65q-27 25 -76 25h-136q-1 0 -2 -1q-16 0 -27.5 -12t-11.5 -28q0 -17 12 -29t29 -12t29 12t12 29h95q33 0 49 -14q14 -13 24 -47l163 -658
			
 
				+q6 -22 10 -34t16 -28t29 -25q-19 -22 -19 -51q0 -34 24 -58t58 -24t58 24t24 58q0 22 -11 40h123q-10 -18 -10 -40q0 -34 23.5 -58t57.5 -24t58 24t24 58t-24 57.5t-58 23.5h-4v0h-2h-265q-20 0 -32.5 3.5t-20 14t-11 19.5t-8.5 30l-14 56h374q14 0 19 13zM866 -115
			
 
				+q0 -17 -12 -29t-29 -12t-29 12t-12 29t12 28.5t29 11.5t29 -11.5t12 -28.5zM560 -75q17 0 29 -11.5t12 -28.5t-12 -29t-29 -12t-29 12t-12 29t12 28.5t29 11.5z" />
			
 
				+    <glyph glyph-name="uniE601" unicode="&#xe601;" 
			
 
				+d="M818 -113q-5 82 -67 133q-35 28 -119 61q-31 12 -46 19t-32 19.5t-23 25.5q-2 23 -2 62v5v4q13 13 25 38q14 28 19 56q10 5 18 15q15 20 20 56q3 30 -13 50q13 46 17 89q6 78 -22 124q-27 43 -79 53q-30 38 -106 38q-114 -2 -164 -68q-59 -79 -22 -235q-17 -21 -13 -51
			
 
				+q4 -36 20 -56q8 -10 18 -15q5 -26 18 -53t27 -41v-9q0 -39 -2 -62q-8 -19 -31.5 -32.5t-70.5 -31.5q-83 -33 -119 -61q-62 -51 -67 -133q-1 -9 5 -15.5t15 -6.5h776q9 0 15 6.5t5 15.5zM45 -94q9 49 50 82q30 24 108 55q28 11 42.5 17.5t34.5 17.5t31.5 24.5t18.5 30.5
			
 
				+q1 3 1 5q2 27 2 69v19q0 12 -11 18q-8 6 -21 32t-16 52q0 7 -5.5 12.5t-12.5 5.5q-2 0 -5 3t-6.5 12.5t-5.5 24.5q-2 17 6 22q13 8 9 23q-18 69 -16 122q3 56 28 89q38 50 131 52q61 0 76 -26q5 -8 15 -10q40 -5 59 -35q14 -24 16 -62t-3.5 -69.5t-15.5 -59.5q-5 -16 9 -24
			
 
				+q8 -6 6 -22q-2 -15 -5.5 -24.5t-6.5 -12.5t-5 -3q-7 0 -12.5 -5.5t-5.5 -12.5q-3 -26 -16 -52.5t-20 -31.5q-11 -6 -11 -18v-19q0 -42 2 -69q0 -2 1 -5q7 -17 18.5 -30.5t31.5 -24.5t34.5 -17.5t41.5 -17.5q78 -31 108 -55q40 -33 50 -82h-730zM1017 -17.5q-6 -6.5 -15 -6.5
			
 
				+h-126q-8 0 -14 6t-6 14.5t6 14.5t14 6h102q-8 37 -39 63q-26 20 -90 46q-24 9 -36 14.5t-29 15t-27.5 21.5t-15.5 26q-1 3 -1 6q-2 22 -2 58v16q0 12 10 18q7 5 17 26.5t12 41.5q1 7 6 12t12 6q9 3 12 31q1 11 -4 15q-14 9 -8 24q7 23 12 49.5t3.5 58t-13.5 50.5
			
 
				+q-15 24 -47 28q-10 2 -15 11q-12 19 -61 19q-19 0 -34 -3q-9 -1 -16 4t-8 13.5t3.5 15t13.5 8.5q19 3 40 3h1q64 0 90 -32q45 -9 68 -45q39 -64 5 -181q14 -18 11 -43q-4 -31 -18 -49q-6 -8 -14 -13q-11 -50 -37 -78v-7q0 -32 1 -51q7 -15 27 -26t57 -25q70 -28 100 -52
			
 
				+q54 -44 58 -115q1 -8 -5 -14.5z" />
			
 
				+    <glyph glyph-name="uniE602" unicode="&#xe602;" 
			
 
				+d="M1015 269q-6 -6 -15 -6q-8 0 -14 6l-65 68v-524q0 -8 -6 -14t-14 -6h-266q-8 0 -14 6t-6 14.5t6 14.5t14 6h245v545l-367 383l-367 -383v-545h224v306q0 8 6 14t15 6h244q9 0 15 -6t6 -14.5t-6 -14.5t-15 -6h-224v-306q0 -8 -6 -14t-14 -6h-266q-8 0 -14 6t-6 14v524
			
 
				+l-65 -68q-6 -6 -14.5 -6t-14.5 6t-6 14.5t6 14.5l487 508q6 6 15 6t15 -6l487 -508q6 -6 6 -14.5t-6 -14.5z" />
			
 
				+    <glyph glyph-name="uniE603" unicode="&#xe603;" 
			
 
				+d="M1024 288q0 -97 -35.5 -187t-101.5 -162h-1l-24 -24q-6 -5 -14 -5.5t-14 5.5q-31 27 -114 60q-28 11 -42 17.5t-34 17.5t-32 24.5t-18 30.5q-1 3 -1 6q-3 26 -2 69v19q0 12 10 18q8 5 20.5 31.5t15.5 52.5q1 7 6 12t13 6q2 0 4.5 3t6.5 12.5t6 24.5q2 17 -6 22
			
 
				+q-14 9 -9 24q15 45 19 92q5 65 -17 100q-18 30 -59 35q-10 2 -15 10q-14 26 -76 26q-93 -2 -132 -52q-25 -34 -27 -89q-3 -53 15 -123q4 -15 -9 -23q-8 -6 -6 -22q2 -15 6 -24.5t6.5 -12.5t4.5 -3q8 -1 13 -6t6 -12q3 -26 16 -52.5t21 -31.5q10 -6 10 -18v-19q1 -43 -2 -69
			
 
				+q0 -3 -1 -6q-6 -17 -18 -30.5t-32 -24.5t-34.5 -17.5t-41.5 -17.5q-31 -12 -46 -19q-8 -3 -16 0t-11.5 10.5t-0.5 15.5t11 11q16 8 48 20q31 12 46.5 19t32.5 19.5t23 25.5q2 24 2 62q0 3 -1 10q-14 14 -26.5 41t-18.5 53q-10 5 -18 15q-15 20 -19 56q-4 31 13 51
			
 
				+q-38 157 22 236q50 66 164 68q76 0 106 -38q53 -10 79 -53q19 -31 22 -77.5t-2.5 -76.5t-13.5 -59q16 -21 12 -51q-4 -36 -19 -56q-8 -10 -18 -15q-6 -28 -19 -56q-13 -25 -25 -38v-10q-1 -39 1 -62q9 -19 32.5 -32.5t69.5 -31.5q78 -31 112 -56l10 11q61 65 93.5 148
			
 
				+t32.5 172q0 96 -37 183q-36 85 -101 150t-150 101q-87 37 -183 37t-183 -37q-85 -36 -150 -101t-101 -150q-37 -87 -37 -183t37 -183q36 -85 101 -150t150 -101q87 -37 183 -37q122 0 229 59q7 4 15 2t12.5 -9.5t2 -16t-9.5 -12.5q-116 -64 -249 -64q-104 0 -199 40
			
 
				+q-92 39 -163 110t-110 163q-40 95 -40 199t40 199q39 92 110 163t163 110q95 40 199 40t199 -40q92 -39 163 -110t110 -163q40 -95 40 -199z" />
			
 
				+    <glyph glyph-name="uniE604" unicode="&#xe604;" 
			
 
				+d="M1004 371l-132 22q-12 40 -33 77l78 111q10 14 -2 26l-87 86q-12 13 -26 3l-109 -79q-37 21 -78 33l-23 132q-2 7 -7.5 12t-13.5 5h-122q-7 0 -13 -5t-7 -12l-22 -132q-41 -11 -78 -32l-108 78q-14 10 -27 -2l-86 -87q-12 -12 -3 -26l77 -109q-21 -38 -33 -79l-131 -22
			
 
				+q-7 -1 -12 -7t-5 -13v-123q0 -7 5 -12.5t12 -7.5l131 -23q12 -41 33 -79l-78 -108q-10 -14 2 -26l87 -87q12 -12 26 -2l110 77q37 -21 78 -33l22 -131q1 -8 7 -12.5t13 -4.5h122q8 0 13.5 4.5t7.5 11.5l23 133q41 12 78 32l110 -77q14 -10 26 2l87 87q12 12 2 26l-78 109
			
 
				+q20 37 32 78l132 23q8 2 12.5 7.5t4.5 12.5v123q0 7 -4.5 13t-12.5 7zM980 246l-128 -23q-13 -2 -17 -15q-12 -49 -37 -91q-7 -12 1 -23l76 -105l-62 -63l-107 75q-11 8 -23 1q-42 -26 -91 -38q-13 -3 -15 -16l-23 -129h-88l-21 128q-2 13 -15 16q-49 13 -92 38q-11 7 -22 0
			
 
				+l-106 -75l-62 63l75 104q7 11 0 23q-26 43 -38 92q-3 13 -16 15l-127 23v88l127 21q13 2 16 15q13 49 39 92q6 11 -1 22l-74 106l62 62l105 -75q11 -8 23 -1q42 26 91 38q13 3 16 17l20 127h88l23 -128q2 -13 15 -16q49 -12 91 -38q12 -7 23 0l105 76l63 -62l-76 -107
			
 
				+q-7 -11 0 -22q25 -43 37 -91q4 -13 17 -15l128 -21v-88zM695 289q0 -9 -6 -15t-14.5 -6t-14.5 6t-6 15q0 59 -42 101t-101 42t-101 -42t-42 -101t42 -101t101 -42q51 0 90 32q6 5 14.5 4t14 -7.5t4.5 -15t-8 -13.5q-50 -41 -115 -41q-76 0 -129.5 54t-53.5 130t53.5 129.5
			
 
				+t129.5 53.5t130 -53.5t54 -129.5z" />
			
 
				+    <glyph glyph-name="uniE605" unicode="&#xe605;" 
			
 
				+d="M878 247h-327q-9 0 -15 -6t-6 -15v-327q0 -9 6 -15t15 -6h327q9 0 15 6t6 15v327q0 9 -6 15t-15 6zM858 -81h-287v287h287v-287zM431 247h-328q-8 0 -14 -6t-6 -15v-327q0 -9 6 -15t14 -6h328q8 0 14 6t6 15v327q0 9 -6 15t-14 6zM410 -81h-286v287h286v-287zM431 696
			
 
				+h-328q-8 0 -14 -6t-6 -14v-327q0 -9 6 -15t14 -6h328q8 0 14 6t6 15v327q0 8 -6 14t-14 6zM410 369h-286v286h286v-286zM966 534l-215 215q-6 6 -14.5 6t-14.5 -6l-214 -215q-6 -6 -6 -14.5t6 -14.5l214 -214q6 -6 14.5 -6t14.5 6l215 214q6 6 6 14.5t-6 14.5zM737 334
			
 
				+l-186 186l186 185l185 -185z" />
			
 
				+    <glyph glyph-name="uniE606" unicode="&#xe606;" 
			
 
				+d="M982 501q-39 91 -109.5 161.5t-162.5 109.5q-93 40 -196 40h-2h-2q-103 0 -196 -40q-92 -39 -162.5 -109.5t-109.5 -161.5q-40 -95 -40 -199t40 -198q39 -92 109.5 -162.5t162.5 -109.5q93 -39 196 -40h1h1h1h1q103 1 196 40q92 39 162.5 109.5t109.5 162.5q40 94 40 198
			
 
				+t-40 199zM180 634q65 65 149 100q29 12 59 21q-38 -38 -67 -98q-19 -38 -34 -82q-67 18 -119 45zM80 485q24 56 60 103q59 -32 136 -52q-27 -100 -29 -213h-203q3 84 36 162zM140 16q-36 48 -60 104q-33 77 -36 162h203q2 -114 29 -213q-77 -21 -136 -53zM329 -130
			
 
				+q-84 36 -149 101q-6 6 -12 13q52 28 119 45q15 -44 34 -82q29 -59 67 -97q-30 8 -59 20zM492 -165q-32 7 -62 32q-41 34 -73 98q-17 34 -30 74q79 16 165 18v-222zM492 98q-92 -2 -177 -20q-25 95 -27 204h204v-184zM492 323h-204q2 108 27 203q85 -18 177 -20v-183z
			
 
				+M492 547q-86 2 -165 18q13 40 30 74q32 64 73 98q30 26 62 32v-222zM695 734q84 -35 149 -100l12 -14q-52 -27 -119 -45q-15 44 -34 82q-29 60 -67 98q30 -9 59 -21zM532 769q32 -6 62 -32q41 -34 73 -98q17 -34 30 -74q-79 -16 -165 -18v222zM532 506q93 2 177 20
			
 
				+q25 -95 27 -203h-204v183zM532 282h204q-2 -109 -27 -204q-85 18 -177 20v184zM594 -133q-30 -25 -62 -32v222q86 -2 165 -18q-13 -40 -30 -74q-32 -64 -73 -98zM844 -29q-65 -65 -149 -101q-29 -12 -59 -20q38 38 67 97q19 38 34 82q67 -17 119 -45q-6 -7 -12 -13zM944 120
			
 
				+q-24 -56 -60 -104q-59 32 -136 53q27 99 29 213h203q-3 -85 -36 -162zM777 323q-2 113 -29 213q77 20 136 52q36 -47 60 -103q33 -78 36 -162h-203z" />
			
 
				+    <glyph glyph-name="uniE607" unicode="&#xe607;" 
			
 
				+d="M430 144h-306q2 25 18.5 41t36 22.5t38 15.5t23.5 21v34q-4 3 -10 15.5t-8 23.5q-11 1 -13 23q-1 12 6 17q-28 112 62 114q27 0 35 -15q18 -2 26.5 -14.5t9 -29.5t-2 -30.5t-5.5 -24.5q7 -5 6 -17q-3 -22 -14 -23q-1 -11 -7 -23.5t-10 -15.5q0 -26 1 -34q4 -12 22.5 -21
			
 
				+t38 -15.5t36 -22.5t17.5 -41zM920 368.5q0 -8.5 -6 -14.5t-14 -6h-368q-8 0 -14 6t-6 14.5t6 14.5t14 6h368q8 0 14 -6t6 -14.5zM920 266.5q0 -8.5 -6 -14.5t-14 -6h-368q-8 0 -14 6t-6 14.5t6 14.5t14 6h368q8 0 14 -6t6 -14.5zM920 164.5q0 -8.5 -6 -14.5t-14 -6h-368
			
 
				+q-8 0 -14 6t-6 14.5t6 14.5t14 6h368q8 0 14 -6t6 -14.5zM1022 552v-571q0 -26 -18 -43.5t-43 -17.5h-82q-8 0 -14 5.5t-6 14t6 14.5t14 6h82q8 0 14 6t6 15v571q0 9 -6 14.5t-14 5.5h-449q-8 0 -14 6t-6 15v41q0 8 -6 14t-15 6h-408q-8 0 -14 -6t-6 -14v-653q0 -9 6 -15
			
 
				+t14 -6h102v62q0 8 6 14t15 6h81q9 0 15 -6t6 -14.5t-6 -14.5t-15 -6h-61v-61q0 -9 -6 -14.5t-14 -5.5h-123q-25 0 -43 17.5t-18 43.5v653q0 25 18 43t43 18h408q26 0 43.5 -18t17.5 -43v-21h429q25 0 43 -18t18 -43zM859 21.5q0 -8.5 -6 -14.5t-15 -6h-61v-61q0 -9 -6 -14.5
			
 
				+t-14 -5.5h-449q-9 0 -15 5.5t-6 14t6 14.5t15 6h428v62q0 8 6 14t15 6h81q9 0 15 -6t6 -14.5z" />
			
 
				+    <glyph glyph-name="uniE608" unicode="&#xe608;" horiz-adv-x="1025" 
			
 
				+d="M427 -92q-10 0 -18 6l-312 286l-51 -63q-7 -9 -17.5 -10t-19 5.5t-9.5 17t6 19.5l68 85q7 8 18 9t19 -6l313 -287l555 694q7 9 17.5 10t18.5 -5.5t9.5 -17t-5.5 -19.5l-572 -715q-7 -9 -18 -9h-2z" />
			
 
				+    <glyph glyph-name="uniE609" unicode="&#xe609;" 
			
 
				+d="M342 751h-245q-9 0 -15 -6t-6 -15v-245q0 -9 6 -15t15 -6h245q8 0 14 6t6 15v245q0 9 -6 15t-14 6zM321 505h-204v205h204v-205zM927 751h-245q-8 0 -14 -6t-6 -15v-245q0 -9 6 -15t14 -6h245q9 0 15 6t6 15v245q0 9 -6 15t-15 6zM907 505h-204v205h204v-205zM927 162
			
 
				+h-245q-8 0 -14 -6t-6 -15v-265q0 -9 6 -15t14 -6h245q9 0 15 6t6 15v265q0 9 -6 15t-15 6zM907 -104h-204v225h204v-225zM948 372.5q0 -8.5 -6 -14.5t-15 -6h-830q-9 0 -15 6t-6 14.5t6 14.5t15 6h830q9 0 15 -6t6 -14.5zM482 727v-242q0 -9 -6 -15t-14.5 -6t-14.5 6t-6 15
			
 
				+v242q0 8 6 14t14.5 6t14.5 -6t6 -14zM589 727v-242q0 -9 -6 -15t-14.5 -6t-14.5 6t-6 15v242q0 8 6 14t14.5 6t14.5 -6t6 -14zM426 141v-268q0 -8 -6 -14t-14.5 -6t-14.5 6t-6 14v268q0 9 6 15t14.5 6t14.5 -6t6 -15zM557 268v-395q0 -8 -6 -14t-14.5 -6t-14.5 6t-6 14v395
			
 
				+q0 8 6 14t14.5 6t14.5 -6t6 -14zM166 268v-395q0 -8 -6 -14t-14.5 -6t-14.5 6t-6 14v395q0 8 6 14t14.5 6t14.5 -6t6 -14zM296 141v-268q0 -8 -6 -14t-14.5 -6t-14.5 6t-6 14v268q0 9 6 15t14.5 6t14.5 -6t6 -15zM948 267.5q0 -8.5 -6 -14.5t-15 -6h-245q-8 0 -14 6t-6 14.5
			
 
				+t6 14.5t14 6h245q9 0 15 -6t6 -14.5zM431 267.5q0 -8.5 -6 -14.5t-15 -6h-137q-8 0 -14 6t-6 14.5t6 14.5t14 6h137q9 0 15 -6t6 -14.5z" />
			
 
				+    <glyph glyph-name="uniE60A" unicode="&#xe60a;" 
			
 
				+d="M854 514l-34 -664q-2 -21 -18 -36t-37 -15h-475q-22 0 -38 15t-17 36v1l-35 663q-1 9 5 15t14.5 6.5t14.5 -5t7 -14.5l34 -663q1 -5 5.5 -9t9.5 -4h475q5 0 9 4t5 9l34 663q1 9 7.5 14.5t14.5 5t14 -6.5t5 -15zM936 658.5q0 -8.5 -6 -14.5t-14 -6h-266q-9 0 -15 6t-6 14
			
 
				+v62q0 8 -6 14t-14 6h-164q-8 0 -14 -6t-6 -14v-62q0 -8 -6 -14t-15 -6h-265q-9 0 -15 6t-6 14.5t6 14.5t15 6h245v41q0 25 18 43t43 18h164q25 0 43 -18t18 -43v-41h246q8 0 14 -6t6 -14.5zM640 495v-573q0 -8 -6 -14t-14.5 -6t-14.5 6t-6 14v573q0 8 6 14t14.5 6t14.5 -6
			
 
				+t6 -14zM456 495v-573q0 -8 -6 -14t-14.5 -6t-14.5 6t-6 14v573q0 8 6 14t14.5 6t14.5 -6t6 -14z" />
			
 
				+    <glyph glyph-name="uniE60B" unicode="&#xe60b;" 
			
 
				+d="M1023 289q0 -75 -53.5 -128t-128.5 -53h-185q-9 0 -15 6t-6 14.5t6 14.5t15 6h185q58 0 99.5 41t41.5 99t-41 99.5t-99 41.5h-1q-10 0 -16 7t-5 16q2 16 2 28q0 95 -67 161.5t-161 66.5q-72 0 -131 -42q-57 -41 -82 -107q-4 -10 -15 -12.5t-19 5.5q-29 30 -71.5 30
			
 
				+t-72.5 -30t-30 -72v-2v-3q1 -16 -15 -20q-50 -14 -82 -56t-32 -95q0 -65 45.5 -110.5t110.5 -45.5h170q8 0 14 -6t6 -14.5t-6 -14.5t-14 -6h-170q-82 0 -139.5 57.5t-57.5 139.5q0 67 41 121q35 45 88 64q4 56 45.5 95t97.5 39q43 0 79 -24q30 61 85 100q70 50 155 50
			
 
				+q111 0 190 -79t79 -190q0 -5 -1 -11q68 -8 114.5 -59.5t46.5 -121.5zM629 -9l-102 -102q-6 -6 -14.5 -6t-14.5 6l-102 102q-6 6 -6 14.5t6 14.5t14.5 6t14.5 -6l67 -67v359q0 8 6 14t14.5 6t14.5 -6t6 -14v-359l67 67q6 6 14.5 6t14.5 -6t6 -14.5t-6 -14.5z" />
			
 
				+    <glyph glyph-name="uniE60C" unicode="&#xe60c;" 
			
 
				+d="M236 -111l-3 -1h464q9 0 15 -6t6 -14.5t-6 -14.5t-15 -6h-619h-1h-1q-2 0 -3 1h-1h-1v0l-1 1q-1 0 -2 1q-1 0 -2 1l-1 1l-3 3q-1 2 -2 3t-1 2v1q0 1 -1 1v2v3v0v1v1v2v1v1h1v1l40 152q2 5 6 9l633 627q6 6 14.5 6t14.5 -6t6 -14.5t-6 -14.5l-629 -623l-31 -113l114 30
			
 
				+l629 623q6 6 14.5 6t14.5 -6t6 -14.5t-6 -14.5l-634 -627q-3 -4 -9 -5zM922 564l4 4q4 4 8 9l4 4q30 29 30 70t-29.5 70t-70.5 29t-70 -29l-17 -17zM58 -132v-1v1zM58 -129v-2v2zM58 -135v2v-2zM59 -127q-1 0 -1 -1v1h1z" />
			
 
				+    <glyph glyph-name="uniE60D" unicode="&#xe60d;" 
			
 
				+d="M916 509h-778q-8 0 -14 6t-6 14.5t6 14.5t14 6h778q9 0 15 -6t6 -14.5t-6 -14.5t-15 -6zM937 304.5q0 -8.5 -6 -14.5t-15 -6h-778q-8 0 -14 6t-6 14.5t6 14.5t14 6h778q9 0 15 -6t6 -14.5zM916 59h-778q-8 0 -14 6t-6 14.5t6 14.5t14 6h778q9 0 15 -6t6 -14.5t-6 -14.5
			
 
				+t-15 -6z" />
			
 
				+    <glyph glyph-name="uniE60E" unicode="&#xe60e;" 
			
 
				+d="M970 374l-241 -196l80 -300q2 -9 -2.5 -16t-12.5 -9q-2 -1 -5 -1q-16 0 -20 15l-83 313q-4 13 7 22l210 170l-271 15q-13 1 -18 13l-97 253l-98 -253q-4 -12 -18 -13l-270 -15l210 -170q10 -9 7 -22l-70 -262l228 148q11 7 22 0l113 -73q7 -5 8.5 -13t-3 -15.5t-13 -9
			
 
				+t-15.5 3.5l-101 65l-261 -169q-12 -7 -23.5 1t-7.5 22l80 300l-241 196q-11 9 -7 22.5t18 13.5l311 17l112 290q5 13 19 13t19 -13l112 -290l310 -17q14 0 18.5 -13.5t-6.5 -22.5z" />
			
 
				+    <glyph glyph-name="uniE60F" unicode="&#xe60f;" 
			
 
				+d="M1023 596q-3 -28 -22 -42q-11 -8 -101.5 -68t-107.5 -70q-31 -20 -78 5q-19 10 -94 53q-63 -44 -157 -137q-108 -108 -143 -166q-4 -7 -12.5 -9.5t-15.5 2t-9.5 12.5t2.5 16q35 59 149 174q116 115 174 149q11 6 21 0q91 -51 104 -58q26 -14 37 -7q16 10 106 70t101 67
			
 
				+q5 4 5.5 14t-8.5 26q-25 35 -66 78q-51 53 -68 53q-67 -2 -146 -39q-155 -74 -347 -266t-266 -346q-37 -80 -39 -147q0 -17 53 -68q43 -41 78 -66q16 -9 26 -8.5t14 5.5q8 12 68 102.5t69 104.5q5 9 -4 31q-1 3 -3 6q-4 8 -1.5 16t10 12t15.5 1.5t12 -10.5q3 -4 5 -9
			
 
				+q17 -41 1 -68q-9 -15 -69 -105.5t-70 -104.5q-14 -20 -42 -22h-6q-25 0 -48 16q-39 27 -84 70q-66 64 -65 98v1q2 75 43 162q77 161 274 358t358 274q88 41 162 43h1q34 1 98 -65q44 -45 70 -84q19 -26 16 -54z" />
			
 
				+    <glyph glyph-name="uniE610" unicode="&#xe610;" 
			
 
				+d="M942 604l-430 -632l-430 632h860z" />
			
 
				+    <glyph glyph-name="uniE611" unicode="&#xe611;" horiz-adv-x="1026" 
			
 
				+d="M26 550q10 0 18 -8l469 -449l469 449q7 8 18 7.5t18 -8t7 -18t-8 -18.5l-487 -466q-7 -7 -17.5 -7t-17.5 7l-487 466q-7 8 -7.5 18.5t6.5 18.5q8 8 19 8z" />
			
 
				+    <glyph glyph-name="uniE612" unicode="&#xe612;" horiz-adv-x="1026" 
			
 
				+d="M999 32q-10 0 -17 7l-469 449l-469 -449q-8 -7 -18.5 -7t-18 7.5t-7 18t7.5 18.5l487 466q7 8 17.5 8t17.5 -8l487 -466q8 -8 8 -18.5t-7 -17.5q-8 -8 -19 -8z" />
			
 
				+    <glyph glyph-name="uniE613" unicode="&#xe613;" 
			
 
				+d="M271 800q11 0 18 -8l475 -485q7 -8 7 -18.5t-7 -17.5l-475 -486q-7 -7 -18 -7.5t-18.5 7t-7.5 18t8 18.5l457 468l-457 468q-8 7 -8 17.5t7.5 18t18.5 7.5z" />
			
 
				+    <glyph glyph-name="uniE614" unicode="&#xe614;" 
			
 
				+d="M746 -223q-11 0 -19 8l-474 486q-8 7 -8 17.5t8 18.5l474 485q8 8 18.5 8t18 -7.5t7.5 -18t-7 -17.5l-457 -468l457 -468q7 -8 7 -18.5t-7.5 -18t-17.5 -7.5z" />
			
 
				+    <glyph glyph-name="uniE615" unicode="&#xe615;" 
			
 
				+d="M964 492q-37 88 -104.5 155.5t-155.5 104.5q-91 39 -191 39t-191 -39q-88 -37 -155.5 -104.5t-104.5 -155.5q-39 -91 -39 -191t39 -191q37 -87 104.5 -155t155.5 -105q91 -39 191 -39t191 39q88 37 155.5 105t104.5 155q39 91 39 191t-39 191zM927 126
			
 
				+q-34 -80 -96.5 -142t-142.5 -96q-84 -36 -175 -36t-175 36q-80 34 -142.5 96t-96.5 142q-35 84 -35 175t35 175q35 80 97 142.5t142 96.5q84 35 175 35t175 -35q80 -34 142.5 -96.5t96.5 -142.5q35 -84 35 -175t-35 -175zM795 167q-27 -38 -76 -76q-42 -33 -88 -52
			
 
				+q-58 -24 -118 -24t-118 24q-46 19 -88 52q-49 38 -76 76q-5 7 -3.5 15t8.5 13t15 3.5t13 -7.5q5 -8 18 -22q24 -25 51 -46q38 -30 78 -46q50 -21 102 -21t102 21q40 16 78 46q44 33 69 68q5 6 13 7.5t15 -3.5t8.5 -13t-3.5 -15zM737 362.5q0 -25.5 -17.5 -43.5t-43 -18
			
 
				+t-43.5 18t-18 43.5t18 43.5t43.5 18t43 -18t17.5 -43.5zM411 362.5q0 -25.5 -18 -43.5t-43.5 -18t-43 18t-17.5 43.5t17.5 43.5t43 18t43.5 -18t18 -43.5z" />
			
 
				+    <glyph glyph-name="uniE616" unicode="&#xe616;" 
			
 
				+d="M971 684h-918q-9 0 -15 -6t-6 -15v-612q0 -8 6 -14t15 -6h918q9 0 15 6t6 14v612q0 9 -6 15t-15 6zM951 72h-878v571h878v-571zM788 -30.5q0 -8.5 -6 -14.5t-15 -6h-510q-9 0 -15 6t-6 14.5t6 14.5t15 6h510q9 0 15 -6t6 -14.5z" />
			
 
				+    <glyph glyph-name="uniE617" unicode="&#xe617;" 
			
 
				+d="M997 357.5q0 -83.5 -38 -160.5q-36 -73 -101 -129t-149 -87q-87 -32 -182 -32q-8 0 -14 6t-6 14.5t6 14.5t14 6q88 0 168 29q77 28 136 80q60 52 92.5 118.5t32.5 139.5t-32.5 140t-92.5 119q-59 51 -136 79q-80 30 -168 30t-168 -30q-77 -28 -136 -79q-60 -52 -92 -119
			
 
				+t-32 -140q0 -89 47 -167q46 -77 127 -128q9 -6 9 -17q0 -58 -42 -133q51 8 98 40q32 22 51 45q5 7 13.5 7.5t15 -4.5t7.5 -13.5t-4 -15.5q-21 -26 -59 -52q-75 -52 -160 -52h-1q-13 1 -18.5 12t1.5 21q35 50 50 102q5 17 6 32q-82 55 -129 135q-53 88 -53 188q0 84 37 160
			
 
				+q36 74 101 130t149 87q87 31 182 31t182 -31q84 -31 149 -87t101 -130q38 -76 38 -159.5z" />
			
 
				+    <glyph glyph-name="uniE618" unicode="&#xe618;" 
			
 
				+d="M980 534h-206q20 9 37 21q67 47 67 122q0 41 -22 68q-29 34 -86 34q-58 0 -102 -45q-25 -24 -60 -86q-15 -25 -22.5 -37t-20.5 -27.5t-26 -22.5t-28 -7q-16 0 -29 7t-25.5 22.5t-20.5 27.5t-22 37q-36 62 -60 86q-44 45 -102 45q-57 0 -86 -34q-23 -27 -23 -68
			
 
				+q0 -75 67 -122q17 -12 37 -21h-206q-8 0 -14 -6t-6 -14v-184q0 -9 6 -15t14 -6h21v-489q0 -9 6 -15t14 -6h857q9 0 15 6t6 15v489h20q9 0 15 6t6 15v184q0 8 -6 14t-15 6zM388 -160h-285v469h187q8 0 14 6t6 14.5t-6 14.5t-14 6h-228v143h326v-653zM348 554q-66 0 -114 34
			
 
				+q-50 35 -50 89q0 61 68 61q22 0 40.5 -8t34.5 -27t25.5 -33t25.5 -43q31 -52 49 -73h-79zM592 -160h-163v653h163v-653zM643 627q16 29 25.5 43t26 33t34.5 27t41 8q67 0 67 -61q0 -54 -49 -89q-48 -34 -114 -34h-80q19 21 49 73zM960 350h-244q-9 0 -15 -6t-6 -14.5
			
 
				+t6 -14.5t15 -6h203v-469h-286v653h327v-143z" />
			
 
				+    <glyph glyph-name="uniE619" unicode="&#xe619;" 
			
 
				+d="M573 288q0 -25 -18 -43t-43 -18q-14 0 -27 6l-122 -123q-6 -6 -14.5 -6t-14.5 6t-6 14.5t6 14.5l123 123q-6 12 -6 26q0 20 11 36t30 22v331q0 9 6 15t14 6t14 -6t6 -15v-331q19 -6 30 -22t11 -36zM1024 288q0 -139 -70 -259q-5 -7 -13 -9.5t-15.5 2t-9.5 12.5t2 16
			
 
				+q65 110 65 238q0 96 -37 183q-36 85 -101 150t-150 101q-87 37 -183 37t-183 -37q-85 -36 -150 -101t-101 -150q-37 -87 -37 -183t37 -183q36 -85 101 -150t150 -101q87 -37 183 -37q88 0 170.5 32t147.5 91q6 6 14.5 5.5t14 -6.5t5.5 -14.5t-7 -14.5q-71 -65 -160 -99.5
			
 
				+t-185 -34.5q-104 0 -199 40q-92 39 -163 110t-110 163q-40 95 -40 199t40 199q39 92 110 163t163 110q95 40 199 40t199 -40q92 -39 163 -110t110 -163q40 -95 40 -199z" />
			
 
				+    <glyph glyph-name="uniE61A" unicode="&#xe61a;" 
			
 
				+d="M802 514.5q0 -25.5 -18 -43.5t-43.5 -18t-43.5 18t-18 43.5t18 43.5t43.5 18t43.5 -18t18 -43.5zM983 151v543h-942v-779h942v44l-287 300l-149 -149q-6 -6 -14.5 -6t-14.5 6t-6 14.5t6 14.5l48 48l-198 216l-227 -213q-6 -6 -14.5 -6t-14.5 6.5t-5.5 15t6.5 13.5
			
 
				+l242 228q6 6 14.5 5.5t14.5 -6.5l211 -230l87 87q6 6 14.5 6t14.5 -6l307 -321q6 -6 6 -14v-73q0 -9 -6 -15t-14 -6h-984q-8 0 -14 6t-6 15v819q0 9 6 15t14 6h984q8 0 14 -6t6 -15v-563q0 -9 -6 -15t-14.5 -6t-14.5 6t-6 15z" />
			
 
				+    <glyph glyph-name="uniE61B" unicode="&#xe61b;" 
			
 
				+d="M514 321zM263 326q-2 2 -3 4t-2 5q2 -4 5 -9zM762 38q0 -1 -0.5 -1.5t-0.5 -1.5q0 1 1 3zM865 148q-42 0 -77.5 -21.5t-55.5 -56.5l-422 168q5 19 5 39q0 28 -10 54l360 195q21 -28 53 -44.5t69 -16.5q63 0 108 44.5t45 108t-45 108t-108 44.5t-108 -44.5t-45 -108.5
			
 
				+q0 -28 11 -55l-360 -195q-21 29 -53.5 46t-69.5 17q-63 0 -108 -44.5t-45 -108t45 -108t108 -44.5q41 0 76 20.5t56 54.5l423 -168q-5 -18 -5 -37q0 -63 45 -108t108 -45t108 45t45 108t-45 108t-108 45zM787 729q46 0 79 -32.5t33 -79t-33 -79t-79 -32.5t-79 32.5t-33 79
			
 
				+t33 79t79 32.5zM162 166q-46 0 -79 32.5t-33 79t33 79t79 32.5q30 0 55.5 -14.5t40.5 -39.5q2 -4 5 -9q11 -23 11 -49q0 -46 -33 -78.5t-79 -32.5zM865 -117q-46 0 -79 33t-33 79q0 21 8 40q0 1 1 3q12 31 40.5 50t62.5 19q46 0 79 -33t33 -79t-33 -79t-79 -33z" />
			
 
				+    <glyph glyph-name="uniE61C" unicode="&#xe61c;" 
			
 
				+d="M926 564q0 -3 -2 -5.5t-5 -2.5h-188v-49h188q23 0 39.5 17t16.5 40v187h-49v-187zM512 -175q-94 0 -179.5 36.5t-148 99t-99 148t-36.5 179.5t36.5 179.5t99 148t148 99t179.5 36.5q95 0 181.5 -37.5t151.5 -105.5q44 -44 62 -67l39 30q-21 26 -66 71
			
 
				+q-71 75 -166.5 116.5t-201.5 41.5q-104 0 -198.5 -40.5t-163.5 -109.5t-109.5 -163.5t-40.5 -198.5t40.5 -198.5t109.5 -163.5t163.5 -109.5t198.5 -40.5t198.5 40.5t163.5 109.5t109.5 163.5t40.5 198.5h-49q0 -94 -36.5 -179.5t-99 -148t-148 -99t-179.5 -36.5z" />
			
 
				+    <glyph glyph-name="uniE61D" unicode="&#xe61d;" 
			
 
				+d="M760 548q-26 63 -74 111t-111 74q-64 27 -134.5 27t-135.5 -27q-62 -26 -110 -74t-74 -111q-28 -64 -28 -134.5t28 -135.5q26 -62 74 -110t110 -74q65 -28 135.5 -28t134.5 28q63 26 111 74t74 110q27 65 27 135.5t-27 134.5zM656.5 197q-89.5 -90 -216 -90t-216.5 90
			
 
				+t-90 216.5t90 216t216.5 89.5t216 -89.5t89.5 -216t-89.5 -216.5zM955 -121q-6 -6 -14.5 -6t-14.5 6l-194 193q-6 6 -6 14.5t6 14.5t14.5 6t14.5 -6l194 -193q6 -6 6 -14.5t-6 -14.5z" />
			
 
				+    <glyph glyph-name="uniE61E" unicode="&#xe61e;" 
			
 
				+d="M957 -212h-896v67h-61v896h61v61h896v-61h67v-896h-67v-67zM510 -17h-64v-65h64v65h63v63h66v320h63v-448h65v449h62v63h-190v128h127v65h63v62h-63v-63h-193v-11v-397q0 -32 0.5 -90.5t0.5 -77.5h-30h-34v64h-64v-64h65q-1 -41 -1 -63zM189 46h65v64h-64v-64h-63v-63h62
			
 
				+v63zM446 430h-64v-63h-65v63h-63v64h-64v-64h64v-64h-127v-65h190v-63h-127v-65h127v-191h-62v-64h128v256h127v65h-127v63h127v65h-65v63h65v64h-64v-64zM510 623h-128v62h-65v-63h-127v-64h320v65z" />
			
 
				+  </font>
			
 
				+</defs></svg>
			
--- a/css/sui/fonts/font_1433401008_2229297.ttf
+++ b/css/sui/fonts/font_1433401008_2229297.ttf
--- a/css/sui/fonts/font_1433401008_2229297.woff
+++ b/css/sui/fonts/font_1433401008_2229297.woff
--- a/css/sui/fonts/ratchicons.eot
+++ b/css/sui/fonts/ratchicons.eot
--- a/css/sui/fonts/ratchicons.svg
+++ b/css/sui/fonts/ratchicons.svg
--- a/css/sui/fonts/ratchicons.ttf
+++ b/css/sui/fonts/ratchicons.ttf
--- a/css/sui/fonts/ratchicons.woff
+++ b/css/sui/fonts/ratchicons.woff
--- a/css/sui/global.css
+++ b/css/sui/global.css
@@ -0,0 +1,70 @@
 
				+.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;
			
 
				+}
			
 
				+.clearB {clear:both}
			
 
				+.fL {float:left}
			
 
				+.fR {float:right}
			
 
				+
			
 
				+/*-----star------*/
			
 
				+.bg-danger{
			
 
				+  margin:0 0 1rem 0;
			
 
				+  padding:0.5rem;
			
 
				+  background:#F2DEDE;
			
 
				+}
			
 
				+.formlabel{
			
 
				+  color: #3d4145;
			
 
				+}
			
 
				+.holidayList .tabs .pLR-n{
			
 
				+  padding: 0;
			
 
				+}
			
 
				+.holidayList .barBig{
			
 
				+  z-index: 999;
			
 
				+  background:#f7f7f7;
			
 
				+  height:3.2rem;
			
 
				+}
			
 
				+.holidayList .tabTitleBox{
			
 
				+  margin: 1.25rem 0 0;
			
 
				+}
			
 
				+.holidayList .tabBtnBig{
			
 
				+  height:1.75rem;
			
 
				+  line-height: 1.65rem;
			
 
				+}
			
 
				+#myinput{
			
 
				+  padding-top:0.7rem;
			
 
				+}
			
 
				+.holidayBtnGray{
			
 
				+  background:#aaa !important;
			
 
				+}
			
 
				+.itemPrel{
			
 
				+  position: relative;
			
 
				+}
			
 
				+.itemView{
			
 
				+  min-width: 10rem;
			
 
				+  position:absolute;
			
 
				+  top:0.5rem;
			
 
				+  left:4rem;
			
 
				+  color:#5f646e;
			
 
				+}
			
--- a/css/sui/sm-extend.css
+++ b/css/sui/sm-extend.css
@@ -0,0 +1,684 @@
 
				+/*!
			
 
				+ * =====================================================
			
 
				+ * SUI Mobile - http://m.sui.taobao.org/
			
 
				+ *
			
 
				+ * =====================================================
			
 
				+ */
			
 
				+
			
 
				+/*.transition(@d) {
			
 
				+    -webkit-transition-duration: @d;
			
 
				+    transition-duration: @d;
			
 
				+}
			
 
				+.delay(@d) {
			
 
				+    -webkit-transition-delay: @d;
			
 
				+    transition-delay: @d;
			
 
				+}
			
 
				+.transform(@t) {
			
 
				+    -webkit-transform: @t;
			
 
				+    transform: @t;
			
 
				+}
			
 
				+.transform-origin(@to) {
			
 
				+    -webkit-transform-origin: @to;
			
 
				+    transform-origin: @to;
			
 
				+}
			
 
				+.translate3d(@x:0, @y:0, @z:0) {
			
 
				+    -webkit-transform: translate3d(@x,@y,@z);
			
 
				+    transform: translate3d(@x,@y,@z);
			
 
				+}
			
 
				+.animation(@a) {
			
 
				+    -webkit-animation: @a;
			
 
				+    animation: @a;
			
 
				+}
			
 
				+.border-box(){
			
 
				+    -webkit-box-sizing: border-box;
			
 
				+    -moz-box-sizing: border-box;
			
 
				+    box-sizing: border-box;
			
 
				+}
			
 
				+.box-shadow(@bs) {
			
 
				+    -webkit-box-shadow: @bs;
			
 
				+    box-shadow: @bs;
			
 
				+}
			
 
				+.animation-name(@name) {
			
 
				+  -webkit-animation-name: @name;
			
 
				+     -moz-animation-name: @name;
			
 
				+          animation-name: @name;
			
 
				+}
			
 
				+.animation-duration(@duration) {
			
 
				+  -webkit-animation-duration: @duration;
			
 
				+     -moz-animation-duration: @duration;
			
 
				+          animation-duration: @duration;
			
 
				+}
			
 
				+.animation-direction(@direction) {
			
 
				+  -webkit-animation-direction: @direction;
			
 
				+     -moz-animation-direction: @direction;
			
 
				+          animation-direction: @direction;
			
 
				+}
			
 
				+*/
			
 
				+/* === Photo Browser === */
			
 
				+.photo-browser {
			
 
				+  position: absolute;
			
 
				+  left: 0;
			
 
				+  top: 0;
			
 
				+  width: 100%;
			
 
				+  height: 100%;
			
 
				+  z-index: 10500;
			
 
				+}
			
 
				+.photo-browser .bar-tab .tab-item .icon {
			
 
				+  width: 14px;
			
 
				+  height: 14px;
			
 
				+  margin-top: -5px;
			
 
				+}
			
 
				+.photo-browser .bar-tab ~ .photo-browser-captions {
			
 
				+  bottom: 52px;
			
 
				+  -webkit-transform: translate3d(0, 0, 0);
			
 
				+  transform: translate3d(0, 0, 0);
			
 
				+}
			
 
				+.photo-browser.photo-browser-in {
			
 
				+  display: block;
			
 
				+  -webkit-animation: photoBrowserIn 400ms forwards;
			
 
				+          animation: photoBrowserIn 400ms forwards;
			
 
				+}
			
 
				+.photo-browser.photo-browser-out {
			
 
				+  display: block;
			
 
				+  -webkit-animation: photoBrowserOut 400ms forwards;
			
 
				+          animation: photoBrowserOut 400ms forwards;
			
 
				+}
			
 
				+html.with-statusbar-overlay .photo-browser {
			
 
				+  height: -webkit-calc(100% - 1rem);
			
 
				+  height: calc(100% - 1rem);
			
 
				+  top: 1rem;
			
 
				+}
			
 
				+.popup > .photo-browser .navbar,
			
 
				+body > .photo-browser .navbar,
			
 
				+.popup > .photo-browser .toolbar,
			
 
				+body > .photo-browser .toolbar {
			
 
				+  -webkit-transform: translate3d(0, 0, 0);
			
 
				+          transform: translate3d(0, 0, 0);
			
 
				+}
			
 
				+.photo-browser .page[data-page="photo-browser-slides"] {
			
 
				+  background: none;
			
 
				+}
			
 
				+.photo-browser .page {
			
 
				+  box-sizing: border-box;
			
 
				+  position: absolute;
			
 
				+  left: 0;
			
 
				+  top: 0;
			
 
				+  width: 100%;
			
 
				+  height: 100%;
			
 
				+  background: #efeff4;
			
 
				+}
			
 
				+.photo-browser .view {
			
 
				+  overflow: hidden;
			
 
				+  box-sizing: border-box;
			
 
				+  position: relative;
			
 
				+  width: 100%;
			
 
				+  height: 100%;
			
 
				+  z-index: 5000;
			
 
				+}
			
 
				+.page[data-page="photo-browser-slides"] .toolbar a {
			
 
				+  color: #4cd964;
			
 
				+}
			
 
				+.photo-browser-popup {
			
 
				+  background: none;
			
 
				+}
			
 
				+.photo-browser .navbar,
			
 
				+.view[data-page="photo-browser-slides"] .navbar,
			
 
				+.photo-browser .toolbar,
			
 
				+.view[data-page="photo-browser-slides"] .toolbar {
			
 
				+  background: rgba(247, 247, 247, 0.95);
			
 
				+  -webkit-transition: 400ms;
			
 
				+          transition: 400ms;
			
 
				+}
			
 
				+.view[data-page="photo-browser-slides"] .page[data-page="photo-browser-slides"] .navbar,
			
 
				+.view[data-page="photo-browser-slides"] .page[data-page="photo-browser-slides"] .toolbar {
			
 
				+  -webkit-transform: translate3d(0, 0, 0);
			
 
				+          transform: translate3d(0, 0, 0);
			
 
				+}
			
 
				+.photo-browser-exposed .navbar,
			
 
				+.photo-browser-exposed .toolbar {
			
 
				+  opacity: 0;
			
 
				+  visibility: hidden;
			
 
				+  pointer-events: none;
			
 
				+}
			
 
				+.photo-browser-exposed .photo-browser-swiper-container {
			
 
				+  background: #000;
			
 
				+}
			
 
				+.photo-browser-of {
			
 
				+  margin: 0 0.25rem;
			
 
				+}
			
 
				+.photo-browser-captions {
			
 
				+  pointer-events: none;
			
 
				+  position: absolute;
			
 
				+  left: 0;
			
 
				+  width: 100%;
			
 
				+  bottom: 0;
			
 
				+  z-index: 10;
			
 
				+  opacity: 1;
			
 
				+  -webkit-transition: 400ms;
			
 
				+          transition: 400ms;
			
 
				+}
			
 
				+.photo-browser-captions.photo-browser-captions-exposed {
			
 
				+  opacity: 0;
			
 
				+}
			
 
				+.toolbar ~ .photo-browser-captions {
			
 
				+  bottom: 2.2rem;
			
 
				+  -webkit-transform: translate3d(0, 0rem, 0);
			
 
				+          transform: translate3d(0, 0rem, 0);
			
 
				+}
			
 
				+.photo-browser-exposed .toolbar ~ .photo-browser-captions {
			
 
				+  -webkit-transform: translate3d(0, 2.2rem, 0);
			
 
				+          transform: translate3d(0, 2.2rem, 0);
			
 
				+}
			
 
				+.toolbar ~ .photo-browser-captions.photo-browser-captions-exposed {
			
 
				+  transformt: ranslate3d(0, 0rem, 0);
			
 
				+}
			
 
				+.photo-browser-caption {
			
 
				+  box-sizing: border-box;
			
 
				+  -webkit-transition: 300ms;
			
 
				+          transition: 300ms;
			
 
				+  position: absolute;
			
 
				+  bottom: 0;
			
 
				+  left: 0;
			
 
				+  opacity: 0;
			
 
				+  padding: 0.2rem 0.25px;
			
 
				+  width: 100%;
			
 
				+  text-align: center;
			
 
				+  color: #fff;
			
 
				+  background: rgba(0, 0, 0, 0.8);
			
 
				+}
			
 
				+.photo-browser-caption:empty {
			
 
				+  display: none;
			
 
				+}
			
 
				+.photo-browser-caption.photo-browser-caption-active {
			
 
				+  opacity: 1;
			
 
				+}
			
 
				+.photo-browser-captions-light .photo-browser-caption {
			
 
				+  background: rgba(255, 255, 255, 0.8);
			
 
				+  color: #3d4145;
			
 
				+}
			
 
				+.photo-browser-exposed .photo-browser-caption {
			
 
				+  color: #fff;
			
 
				+  background: rgba(0, 0, 0, 0.8);
			
 
				+}
			
 
				+.photo-browser-swiper-container {
			
 
				+  position: absolute;
			
 
				+  left: 0;
			
 
				+  top: 0;
			
 
				+  width: 100%;
			
 
				+  height: 100%;
			
 
				+  overflow: hidden;
			
 
				+  background: #fff;
			
 
				+  -webkit-transition: 400ms;
			
 
				+          transition: 400ms;
			
 
				+}
			
 
				+.photo-browser-swiper-wrapper {
			
 
				+  position: absolute;
			
 
				+  left: 0;
			
 
				+  top: 0;
			
 
				+  width: 100%;
			
 
				+  height: 100%;
			
 
				+  padding: 0;
			
 
				+  display: -webkit-box;
			
 
				+  display: -webkit-flex;
			
 
				+  display: flex;
			
 
				+}
			
 
				+.photo-browser-link-inactive {
			
 
				+  opacity: 0.3;
			
 
				+}
			
 
				+.photo-browser-slide {
			
 
				+  width: 100%;
			
 
				+  height: 100%;
			
 
				+  position: relative;
			
 
				+  overflow: hidden;
			
 
				+  display: -webkit-box;
			
 
				+  display: -webkit-flex;
			
 
				+  display: flex;
			
 
				+  -webkit-box-pack: center;
			
 
				+  -webkit-justify-content: center;
			
 
				+          justify-content: center;
			
 
				+  -webkit-box-align: center;
			
 
				+  -webkit-align-items: center;
			
 
				+          align-items: center;
			
 
				+  -webkit-flex-shrink: 0;
			
 
				+          flex-shrink: 0;
			
 
				+  box-sizing: border-box;
			
 
				+}
			
 
				+.photo-browser-slide.transitioning {
			
 
				+  -webkit-transition: 400ms;
			
 
				+          transition: 400ms;
			
 
				+}
			
 
				+.photo-browser-slide span.photo-browser-zoom-container {
			
 
				+  width: 100%;
			
 
				+  text-align: center;
			
 
				+  display: none;
			
 
				+}
			
 
				+.photo-browser-slide img {
			
 
				+  width: auto;
			
 
				+  height: auto;
			
 
				+  max-width: 100%;
			
 
				+  max-height: 100%;
			
 
				+  display: none;
			
 
				+}
			
 
				+.photo-browser-slide.swiper-slide-active span.photo-browser-zoom-container,
			
 
				+.photo-browser-slide.swiper-slide-next span.photo-browser-zoom-container,
			
 
				+.photo-browser-slide.swiper-slide-prev span.photo-browser-zoom-container {
			
 
				+  display: block;
			
 
				+}
			
 
				+.photo-browser-slide.swiper-slide-active img,
			
 
				+.photo-browser-slide.swiper-slide-next img,
			
 
				+.photo-browser-slide.swiper-slide-prev img {
			
 
				+  display: inline;
			
 
				+}
			
 
				+.photo-browser-slide.swiper-slide-active.photo-browser-slide-lazy .preloader,
			
 
				+.photo-browser-slide.swiper-slide-next.photo-browser-slide-lazy .preloader,
			
 
				+.photo-browser-slide.swiper-slide-prev.photo-browser-slide-lazy .preloader {
			
 
				+  display: block;
			
 
				+}
			
 
				+.photo-browser-slide iframe {
			
 
				+  width: 100%;
			
 
				+  height: 100%;
			
 
				+}
			
 
				+.photo-browser-slide .preloader {
			
 
				+  display: none;
			
 
				+  position: absolute;
			
 
				+  width: 2.1rem;
			
 
				+  height: 2.1rem;
			
 
				+  margin-left: -2.1rem;
			
 
				+  margin-top: -2.1rem;
			
 
				+  left: 50%;
			
 
				+  top: 50%;
			
 
				+}
			
 
				+.photo-browser-dark .navbar,
			
 
				+.photo-browser-dark .toolbar {
			
 
				+  background: rgba(30, 30, 30, 0.8);
			
 
				+  color: #fff;
			
 
				+}
			
 
				+.photo-browser-dark .navbar:before,
			
 
				+.photo-browser-dark .toolbar:before {
			
 
				+  display: none;
			
 
				+}
			
 
				+.photo-browser-dark .navbar:after,
			
 
				+.photo-browser-dark .toolbar:after {
			
 
				+  display: none;
			
 
				+}
			
 
				+.photo-browser-dark .navbar a,
			
 
				+.photo-browser-dark .toolbar a {
			
 
				+  color: #fff;
			
 
				+}
			
 
				+.photo-browser-dark .photo-browser-swiper-container {
			
 
				+  background: #000;
			
 
				+}
			
 
				+@-webkit-keyframes photoBrowserIn {
			
 
				+  0% {
			
 
				+    -webkit-transform: translate3d(0, 0, 0) scale(0.5);
			
 
				+            transform: translate3d(0, 0, 0) scale(0.5);
			
 
				+    opacity: 0;
			
 
				+  }
			
 
				+  100% {
			
 
				+    -webkit-transform: translate3d(0, 0, 0) scale(1);
			
 
				+            transform: translate3d(0, 0, 0) scale(1);
			
 
				+    opacity: 1;
			
 
				+  }
			
 
				+}
			
 
				+@keyframes photoBrowserIn {
			
 
				+  0% {
			
 
				+    -webkit-transform: translate3d(0, 0, 0) scale(0.5);
			
 
				+            transform: translate3d(0, 0, 0) scale(0.5);
			
 
				+    opacity: 0;
			
 
				+  }
			
 
				+  100% {
			
 
				+    -webkit-transform: translate3d(0, 0, 0) scale(1);
			
 
				+            transform: translate3d(0, 0, 0) scale(1);
			
 
				+    opacity: 1;
			
 
				+  }
			
 
				+}
			
 
				+@-webkit-keyframes photoBrowserOut {
			
 
				+  0% {
			
 
				+    -webkit-transform: translate3d(0, 0, 0) scale(1);
			
 
				+            transform: translate3d(0, 0, 0) scale(1);
			
 
				+    opacity: 1;
			
 
				+  }
			
 
				+  100% {
			
 
				+    -webkit-transform: translate3d(0, 0, 0) scale(0.5);
			
 
				+            transform: translate3d(0, 0, 0) scale(0.5);
			
 
				+    opacity: 0;
			
 
				+  }
			
 
				+}
			
 
				+@keyframes photoBrowserOut {
			
 
				+  0% {
			
 
				+    -webkit-transform: translate3d(0, 0, 0) scale(1);
			
 
				+            transform: translate3d(0, 0, 0) scale(1);
			
 
				+    opacity: 1;
			
 
				+  }
			
 
				+  100% {
			
 
				+    -webkit-transform: translate3d(0, 0, 0) scale(0.5);
			
 
				+            transform: translate3d(0, 0, 0) scale(0.5);
			
 
				+    opacity: 0;
			
 
				+  }
			
 
				+}
			
 
				+/* === Swiper === */
			
 
				+.swiper-container {
			
 
				+  margin: 0 auto;
			
 
				+  position: relative;
			
 
				+  overflow: hidden;
			
 
				+  padding-bottom: 30px;
			
 
				+  /* Fix of Webkit flickering */
			
 
				+  z-index: 1;
			
 
				+}
			
 
				+.swiper-container-no-flexbox .swiper-slide {
			
 
				+  float: left;
			
 
				+}
			
 
				+.swiper-container-vertical > .swiper-wrapper {
			
 
				+  -webkit-box-orient: vertical;
			
 
				+  -webkit-flex-direction: column;
			
 
				+  flex-direction: column;
			
 
				+}
			
 
				+.swiper-wrapper {
			
 
				+  position: relative;
			
 
				+  width: 100%;
			
 
				+  height: 100%;
			
 
				+  z-index: 1;
			
 
				+  display: -webkit-box;
			
 
				+  display: -webkit-flex;
			
 
				+  display: flex;
			
 
				+  -webkit-transform-style: preserve-3d;
			
 
				+  -ms-transform-style: preserve-3d;
			
 
				+  transform-style: preserve-3d;
			
 
				+  -webkit-transition-property: -webkit-transform;
			
 
				+  transition-property: transform;
			
 
				+  box-sizing: content-box;
			
 
				+}
			
 
				+.swiper-container-android .swiper-slide,
			
 
				+.swiper-wrapper {
			
 
				+  -webkit-transform: translate3d(0px, 0, 0);
			
 
				+  transform: translate3d(0px, 0, 0);
			
 
				+}
			
 
				+.swiper-container-multirow > .swiper-wrapper {
			
 
				+  -webkit-box-lines: multiple;
			
 
				+  -moz-box-lines: multiple;
			
 
				+  -ms-fles-wrap: wrap;
			
 
				+  -webkit-flex-wrap: wrap;
			
 
				+  flex-wrap: wrap;
			
 
				+}
			
 
				+.swiper-container-free-mode > .swiper-wrapper {
			
 
				+  -webkit-transition-timing-function: ease-out;
			
 
				+  transition-timing-function: ease-out;
			
 
				+  margin: 0 auto;
			
 
				+}
			
 
				+.swiper-slide {
			
 
				+  -webkit-transform-style: preserve-3d;
			
 
				+  -ms-transform-style: preserve-3d;
			
 
				+  transform-style: preserve-3d;
			
 
				+  -webkit-flex-shrink: 0;
			
 
				+  -ms-flex: 0 0 auto;
			
 
				+  -webkit-flex-shrink: 0;
			
 
				+          flex-shrink: 0;
			
 
				+  width: 100%;
			
 
				+  height: 100%;
			
 
				+  position: relative;
			
 
				+}
			
 
				+/* a11y */
			
 
				+.swiper-container .swiper-notification {
			
 
				+  position: absolute;
			
 
				+  left: 0;
			
 
				+  top: 0;
			
 
				+  pointer-events: none;
			
 
				+  opacity: 0;
			
 
				+  z-index: -1000;
			
 
				+}
			
 
				+/* IE10 Windows Phone 8 Fixes */
			
 
				+.swiper-wp8-horizontal {
			
 
				+  touch-action: pan-y;
			
 
				+}
			
 
				+.swiper-wp8-vertical {
			
 
				+  touch-action: pan-x;
			
 
				+}
			
 
				+/* Arrows */
			
 
				+.swiper-button-prev,
			
 
				+.swiper-button-next {
			
 
				+  position: absolute;
			
 
				+  top: 50%;
			
 
				+  width: 27px;
			
 
				+  height: 44px;
			
 
				+  margin-top: -22px;
			
 
				+  z-index: 10;
			
 
				+  cursor: pointer;
			
 
				+  background-size: 27px 44px;
			
 
				+  background-position: center;
			
 
				+  background-repeat: no-repeat;
			
 
				+}
			
 
				+.swiper-button-prev.swiper-button-disabled,
			
 
				+.swiper-button-next.swiper-button-disabled {
			
 
				+  opacity: 0.35;
			
 
				+  cursor: auto;
			
 
				+  pointer-events: none;
			
 
				+}
			
 
				+.swiper-button-prev,
			
 
				+.swiper-container-rtl .swiper-button-next {
			
 
				+  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
			
 
				+  left: 10px;
			
 
				+  right: auto;
			
 
				+}
			
 
				+.swiper-button-next,
			
 
				+.swiper-container-rtl .swiper-button-prev {
			
 
				+  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
			
 
				+  right: 10px;
			
 
				+  left: auto;
			
 
				+}
			
 
				+/* Pagination Styles */
			
 
				+.swiper-pagination {
			
 
				+  position: absolute;
			
 
				+  text-align: center;
			
 
				+  -webkit-transition: 300ms;
			
 
				+  transition: 300ms;
			
 
				+  -webkit-transform: translate3d(0, 0, 0);
			
 
				+  transform: translate3d(0, 0, 0);
			
 
				+  z-index: 10;
			
 
				+}
			
 
				+.swiper-pagination.swiper-pagination-hidden {
			
 
				+  opacity: 0;
			
 
				+}
			
 
				+.swiper-pagination-bullet {
			
 
				+  width: 8px;
			
 
				+  height: 8px;
			
 
				+  display: inline-block;
			
 
				+  border-radius: 100%;
			
 
				+  background: #000;
			
 
				+  opacity: 0.2;
			
 
				+}
			
 
				+.swiper-pagination-bullet-active {
			
 
				+  opacity: 1;
			
 
				+  background: #007aff;
			
 
				+}
			
 
				+.swiper-container-vertical > .swiper-pagination {
			
 
				+  right: 10px;
			
 
				+  top: 50%;
			
 
				+  -webkit-transform: translate3d(0px, -50%, 0);
			
 
				+  transform: translate3d(0px, -50%, 0);
			
 
				+}
			
 
				+.swiper-container-vertical > .swiper-pagination .swiper-pagination-bullet {
			
 
				+  margin: 5px 0;
			
 
				+  display: block;
			
 
				+}
			
 
				+.swiper-container-horizontal > .swiper-pagination {
			
 
				+  bottom: 10px;
			
 
				+  left: 0;
			
 
				+  width: 100%;
			
 
				+}
			
 
				+.swiper-container-horizontal > .swiper-pagination .swiper-pagination-bullet {
			
 
				+  margin: 0 5px;
			
 
				+}
			
 
				+/* 3D Container */
			
 
				+.swiper-container-3d {
			
 
				+  -webkit-perspective: 1200px;
			
 
				+  -o-perspective: 1200px;
			
 
				+  perspective: 1200px;
			
 
				+}
			
 
				+.swiper-container-3d .swiper-wrapper,
			
 
				+.swiper-container-3d .swiper-slide,
			
 
				+.swiper-container-3d .swiper-slide-shadow-left,
			
 
				+.swiper-container-3d .swiper-slide-shadow-right,
			
 
				+.swiper-container-3d .swiper-slide-shadow-top,
			
 
				+.swiper-container-3d .swiper-slide-shadow-bottom,
			
 
				+.swiper-container-3d .swiper-cube-shadow {
			
 
				+  -webkit-transform-style: preserve-3d;
			
 
				+  -ms-transform-style: preserve-3d;
			
 
				+  transform-style: preserve-3d;
			
 
				+}
			
 
				+.swiper-container-3d .swiper-slide-shadow-left,
			
 
				+.swiper-container-3d .swiper-slide-shadow-right,
			
 
				+.swiper-container-3d .swiper-slide-shadow-top,
			
 
				+.swiper-container-3d .swiper-slide-shadow-bottom {
			
 
				+  position: absolute;
			
 
				+  left: 0;
			
 
				+  top: 0;
			
 
				+  width: 100%;
			
 
				+  height: 100%;
			
 
				+  pointer-events: none;
			
 
				+  z-index: 10;
			
 
				+}
			
 
				+.swiper-container-3d .swiper-slide-shadow-left {
			
 
				+  background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
			
 
				+  /* Safari 4+, Chrome */
			
 
				+  background-image: -webkit-linear-gradient(right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
			
 
				+  /* Chrome 10+, Safari 5.1+, iOS 5+ */
			
 
				+  /* Firefox 3.6-15 */
			
 
				+  /* Opera 11.10-12.00 */
			
 
				+  background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
			
 
				+  /* Firefox 16+, IE10, Opera 12.50+ */
			
 
				+}
			
 
				+.swiper-container-3d .swiper-slide-shadow-right {
			
 
				+  background-image: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
			
 
				+  /* Safari 4+, Chrome */
			
 
				+  background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
			
 
				+  /* Chrome 10+, Safari 5.1+, iOS 5+ */
			
 
				+  /* Firefox 3.6-15 */
			
 
				+  /* Opera 11.10-12.00 */
			
 
				+  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
			
 
				+  /* Firefox 16+, IE10, Opera 12.50+ */
			
 
				+}
			
 
				+.swiper-container-3d .swiper-slide-shadow-top {
			
 
				+  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
			
 
				+  /* Safari 4+, Chrome */
			
 
				+  background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
			
 
				+  /* Chrome 10+, Safari 5.1+, iOS 5+ */
			
 
				+  /* Firefox 3.6-15 */
			
 
				+  /* Opera 11.10-12.00 */
			
 
				+  background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
			
 
				+  /* Firefox 16+, IE10, Opera 12.50+ */
			
 
				+}
			
 
				+.swiper-container-3d .swiper-slide-shadow-bottom {
			
 
				+  background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
			
 
				+  /* Safari 4+, Chrome */
			
 
				+  background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
			
 
				+  /* Chrome 10+, Safari 5.1+, iOS 5+ */
			
 
				+  /* Firefox 3.6-15 */
			
 
				+  /* Opera 11.10-12.00 */
			
 
				+  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
			
 
				+  /* Firefox 16+, IE10, Opera 12.50+ */
			
 
				+}
			
 
				+/* Coverflow */
			
 
				+.swiper-container-coverflow .swiper-wrapper {
			
 
				+  /* Windows 8 IE 10 fix */
			
 
				+  -ms-perspective: 1200px;
			
 
				+}
			
 
				+/* Fade */
			
 
				+.swiper-container-fade.swiper-container-free-mode .swiper-slide {
			
 
				+  -webkit-transition-timing-function: ease-out;
			
 
				+  transition-timing-function: ease-out;
			
 
				+}
			
 
				+.swiper-container-fade .swiper-slide {
			
 
				+  pointer-events: none;
			
 
				+}
			
 
				+.swiper-container-fade .swiper-slide-active {
			
 
				+  pointer-events: auto;
			
 
				+}
			
 
				+/* Cube */
			
 
				+.swiper-container-cube {
			
 
				+  overflow: visible;
			
 
				+}
			
 
				+.swiper-container-cube .swiper-slide {
			
 
				+  pointer-events: none;
			
 
				+  visibility: hidden;
			
 
				+  -webkit-transform-origin: 0 0;
			
 
				+  transform-origin: 0 0;
			
 
				+  -webkit-backface-visibility: hidden;
			
 
				+  -ms-backface-visibility: hidden;
			
 
				+  backface-visibility: hidden;
			
 
				+  width: 100%;
			
 
				+  height: 100%;
			
 
				+}
			
 
				+.swiper-container-cube.swiper-container-rtl .swiper-slide {
			
 
				+  -webkit-transform-origin: 100% 0;
			
 
				+  transform-origin: 100% 0;
			
 
				+}
			
 
				+.swiper-container-cube .swiper-slide-active,
			
 
				+.swiper-container-cube .swiper-slide-next,
			
 
				+.swiper-container-cube .swiper-slide-prev,
			
 
				+.swiper-container-cube .swiper-slide-next + .swiper-slide {
			
 
				+  pointer-events: auto;
			
 
				+  visibility: visible;
			
 
				+}
			
 
				+.swiper-container-cube .swiper-cube-shadow {
			
 
				+  position: absolute;
			
 
				+  left: 0;
			
 
				+  bottom: 0px;
			
 
				+  width: 100%;
			
 
				+  height: 100%;
			
 
				+  background: #000;
			
 
				+  opacity: 0.6;
			
 
				+  -webkit-filter: blur(50px);
			
 
				+  filter: blur(50px);
			
 
				+}
			
 
				+.swiper-container-cube.swiper-container-vertical .swiper-cube-shadow {
			
 
				+  z-index: 0;
			
 
				+}
			
 
				+/* Scrollbar */
			
 
				+.swiper-scrollbar {
			
 
				+  border-radius: 10px;
			
 
				+  position: relative;
			
 
				+  -ms-touch-action: none;
			
 
				+  background: rgba(0, 0, 0, 0.1);
			
 
				+}
			
 
				+.swiper-container-horizontal > .swiper-scrollbar {
			
 
				+  position: absolute;
			
 
				+  left: 1%;
			
 
				+  bottom: 3px;
			
 
				+  z-index: 50;
			
 
				+  height: 5px;
			
 
				+  width: 98%;
			
 
				+}
			
 
				+.swiper-container-vertical > .swiper-scrollbar {
			
 
				+  position: absolute;
			
 
				+  right: 3px;
			
 
				+  top: 1%;
			
 
				+  z-index: 50;
			
 
				+  width: 5px;
			
 
				+  height: 98%;
			
 
				+}
			
 
				+.swiper-scrollbar-drag {
			
 
				+  height: 100%;
			
 
				+  width: 100%;
			
 
				+  position: relative;
			
 
				+  background: rgba(0, 0, 0, 0.5);
			
 
				+  border-radius: 10px;
			
 
				+  left: 0;
			
 
				+  top: 0;
			
 
				+}
			
 
				+.swiper-scrollbar-cursor-drag {
			
 
				+  cursor: move;
			
 
				+}
			
 
				+/* Preloader */
			
 
				+.swiper-slide .preloader {
			
 
				+  width: 42px;
			
 
				+  height: 42px;
			
 
				+  position: absolute;
			
 
				+  left: 50%;
			
 
				+  top: 50%;
			
 
				+  margin-left: -21px;
			
 
				+  margin-top: -21px;
			
 
				+  z-index: 10;
			
 
				+}
			
 
				+.swiper-slide img {
			
 
				+  display: block;
			
 
				+}
			
--- a/css/sui/sm.css
+++ b/css/sui/sm.css
--- a/holidayApproverDetail.html
+++ b/holidayApproverDetail.html
@@ -0,0 +1,68 @@
 
				+<!DOCTYPE html>
			
 
				+<html>
			
 
				+  <head>
			
 
				+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
			
 
				+    <meta charset=utf-8> 
			
 
				+    <title>CLD.System</title> 
			
 
				+    <link rel="shortcut icon" href="images/favicon.ico"> 
			
 
				+    <meta name=copyright content=smartcost.com.cn> 
			
 
				+    <meta name="viewport" content="initial-scale=1, maximum-scale=1,user-scalable=no">
			
 
				+    <meta name="apple-mobile-web-app-capable" content="yes">
			
 
				+    <meta name="apple-mobile-web-app-status-bar-style" content="black">
			
 
				+    <link rel="stylesheet" href="css/sui/sm.css">
			
 
				+    <link rel="stylesheet" href="css/sui/sm-extend.css">
			
 
				+    <link rel="stylesheet" href="css/sui/global.css">
			
 
				+    
			
 
				+  </head>
			
 
				+  <body>
			
 
				+    <div class="page-group">
			
 
				+        <div class="page page-current">
			
 
				+        	<header class="bar bar-nav">
			
 
				+        	    <a href="holidayIndexDetail.html" class="pull-left open-panel"><span class="icon icon-left fL"></span></a>
			
 
				+        	    <h1 class="title">选择审批人</h1>
			
 
				+        	</header>
			
 
				+            <nav class="bar bar-tab">
			
 
				+                <a href="holidayIndexDetail.html" class="tab-item external active" href="#">
			
 
				+                    <span class="tab-label">提交</span>
			
 
				+                </a>
			
 
				+            </nav>
			
 
				+            <div class="content">
			
 
				+                <div class="list-block media-list">
			
 
				+                    <ul>
			
 
				+                        <li>
			
 
				+                            <label class="label-checkbox item-content">
			
 
				+                                <input type="radio" name="my-radio">
			
 
				+                                <div class="item-media"><i class="icon icon-form-checkbox"></i></div>
			
 
				+                                <div class="item-inner">
			
 
				+                                    <div class="item-title-row">
			
 
				+                                        <div class="item-title">总部</div>
			
 
				+                                        <!-- <div class="item-after">17:14</div> -->
			
 
				+                                    </div>
			
 
				+                                    <!-- <div class="item-subtitle">通用组</div> -->
			
 
				+                                    <div class="item-text">何银龄 赵淑燕 谭玉堂</div>
			
 
				+                                </div>
			
 
				+                            </label>
			
 
				+                        </li>
			
 
				+                        <li>
			
 
				+                            <label class="label-checkbox item-content">
			
 
				+                                <input type="radio" name="my-radio">
			
 
				+                                <div class="item-media"><i class="icon icon-form-checkbox"></i></div>
			
 
				+                                <div class="item-inner">
			
 
				+                                    <div class="item-title-row">
			
 
				+                                        <div class="item-title">财务部</div>
			
 
				+                                    </div>
			
 
				+                                    <div class="item-text">赵淑燕</div>
			
 
				+                                </div>
			
 
				+                            </label>
			
 
				+                        </li>
			
 
				+                    </ul>
			
 
				+                </div>                
			
 
				+            </div>
			
 
				+        </div>
			
 
				+
			
 
				+        <script type='text/javascript' src='js/sui/zepto.js' charset='utf-8'></script>
			
 
				+        <script type='text/javascript' src='js/sui/sm.js' charset='utf-8'></script>
			
 
				+        <script type='text/javascript' src='js/sui/sm-extend.js' charset='utf-8'></script>
			
 
				+        <script type='text/javascript' src='js/sui/global.js'></script>
			
 
				+  </body>
			
 
				+</html>
			
--- a/holidayDetail.html
+++ b/holidayDetail.html
@@ -0,0 +1,95 @@
 
				+<!DOCTYPE html>
			
 
				+<html>
			
 
				+  <head>
			
 
				+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
			
 
				+    <meta charset=utf-8> 
			
 
				+    <title>CLD.System</title> 
			
 
				+    <link rel="shortcut icon" href="images/favicon.ico"> 
			
 
				+    <meta name=copyright content=smartcost.com.cn> 
			
 
				+    <meta name="viewport" content="initial-scale=1, maximum-scale=1,user-scalable=no">
			
 
				+    <meta name="apple-mobile-web-app-capable" content="yes">
			
 
				+    <meta name="apple-mobile-web-app-status-bar-style" content="black">
			
 
				+    <link rel="stylesheet" href="css/sui/sm.css">
			
 
				+    <link rel="stylesheet" href="css/sui/sm-extend.css">
			
 
				+    <link rel="stylesheet" href="css/sui/global.css">
			
 
				+    
			
 
				+  </head>
			
 
				+  <body>
			
 
				+    <div class="page-group">
			
 
				+        <div class="page page-current">
			
 
				+        	<header class="bar bar-nav">
			
 
				+              <h1 class="title holidayTBg">我的假条</h1>
			
 
				+          </header>
			
 
				+            <nav class="bar bar-tab">
			
 
				+                <a class="tab-item external" href="holidayIndexDetail.html">
			
 
				+                    <!-- <span class="icon icon-edit"></span> -->
			
 
				+                    <span class="tab-label">请假申请</span>
			
 
				+                </a>
			
 
				+                <a class="tab-item external active" href="holidayDetail.html">
			
 
				+                    <!-- <span class="icon icon-me active"></span> -->
			
 
				+                    <span class="tab-label">我的假条</span>
			
 
				+                </a>
			
 
				+                <a class="tab-item external" href="holidayListDetail.html">
			
 
				+                    <!-- <span class="icon icon-menu"></span> -->
			
 
				+                    <span class="tab-label">假条审批</span>
			
 
				+                    <span class="badge">2</span>
			
 
				+                </a>
			
 
				+            </nav>
			
 
				+            <div class="content">
			
 
				+                <div class="list-block media-list">
			
 
				+                    <ul>
			
 
				+                        <li>
			
 
				+                            <a href="holidayDetailPage.html" class="item-link item-content">
			
 
				+                                <div class="item-inner">
			
 
				+                                    <div class="item-title-row">
			
 
				+                                        <div class="item-title">欧桃珍事假【1天】</div>
			
 
				+                                        <div class="item-after">同意</div>
			
 
				+                                    </div>
			
 
				+                                    <div class="item-subtitle">2017-02-16 至 2017-02-16</div>
			
 
				+                                    <div class="item-text">事假原因</div>
			
 
				+                                </div>
			
 
				+                            </a>
			
 
				+                        </li>
			
 
				+                    </ul>
			
 
				+                </div>
			
 
				+                <div class="list-block media-list">
			
 
				+                    <ul>
			
 
				+                        <li>
			
 
				+                            <a href="holidayDetailPage.html" class="item-link item-content">
			
 
				+                                <div class="item-inner">
			
 
				+                                    <div class="item-title-row">
			
 
				+                                        <div class="item-title">欧桃珍年假【1天】</div>
			
 
				+                                        <div class="item-after">同意</div>
			
 
				+                                    </div>
			
 
				+                                    <div class="item-subtitle">2017-02-16 至 2017-02-16</div>
			
 
				+                                    <div class="item-text">事假原因</div>
			
 
				+                                </div>
			
 
				+                            </a>
			
 
				+                        </li>
			
 
				+                    </ul>
			
 
				+                </div>
			
 
				+                <div class="list-block media-list">
			
 
				+                    <ul>
			
 
				+                        <li>
			
 
				+                            <a href="holidayDetailPage.html" class="item-link item-content">
			
 
				+                                <div class="item-inner">
			
 
				+                                    <div class="item-title-row">
			
 
				+                                        <div class="item-title">欧桃珍事假【1天】</div>
			
 
				+                                        <div class="item-after">不同意</div>
			
 
				+                                    </div>
			
 
				+                                    <div class="item-subtitle">2017-02-16 至 2017-02-16</div>
			
 
				+                                    <div class="item-text">事假原因</div>
			
 
				+                                </div>
			
 
				+                            </a>
			
 
				+                        </li>
			
 
				+                    </ul>
			
 
				+                </div>
			
 
				+            </div>
			
 
				+        </div>
			
 
				+
			
 
				+        <script type='text/javascript' src='js/sui/zepto.js' charset='utf-8'></script>
			
 
				+        <script type='text/javascript' src='js/sui/sm.js' charset='utf-8'></script>
			
 
				+        <script type='text/javascript' src='js/sui/sm-extend.js' charset='utf-8'></script>
			
 
				+        <script type='text/javascript' src='js/sui/global.js'></script>
			
 
				+  </body>
			
 
				+</html>
			
--- a/holidayDetailPage.html
+++ b/holidayDetailPage.html
@@ -0,0 +1,120 @@
 
				+<!DOCTYPE html>
			
 
				+<html>
			
 
				+  <head>
			
 
				+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
			
 
				+    <meta charset=utf-8> 
			
 
				+    <title>CLD.System</title> 
			
 
				+    <link rel="shortcut icon" href="images/favicon.ico"> 
			
 
				+    <meta name=copyright content=smartcost.com.cn> 
			
 
				+    <meta name="viewport" content="initial-scale=1, maximum-scale=1,user-scalable=no">
			
 
				+    <meta name="apple-mobile-web-app-capable" content="yes">
			
 
				+    <meta name="apple-mobile-web-app-status-bar-style" content="black">
			
 
				+    <link rel="stylesheet" href="css/sui/sm.css">
			
 
				+    <link rel="stylesheet" href="css/sui/sm-extend.css">
			
 
				+    <link rel="stylesheet" href="css/sui/global.css">
			
 
				+    
			
 
				+  </head>
			
 
				+  <body>
			
 
				+    <div class="page-group">
			
 
				+        <div class="page page-current">
			
 
				+        	<header class="bar bar-nav">
			
 
				+                <button class="button button-link button-nav pull-left">
			
 
				+                    <a href="holidayDetail.html" class="icon icon-left"></a>
			
 
				+                </button>
			
 
				+              <h1 class="title holidayTBg">假条详情</h1>
			
 
				+          </header>
			
 
				+          <nav class="bar bar-tab">
			
 
				+                <a class="tab-item external" href="holidayIndexDetail.html">
			
 
				+                    <span class="tab-label">请假申请</span>
			
 
				+                </a>
			
 
				+                <a class="tab-item external active" href="holidayDetail.html">
			
 
				+                    <span class="tab-label">我的假条</span>
			
 
				+                </a>
			
 
				+                <a class="tab-item external" href="holidayListDetail.html">
			
 
				+                    <span class="tab-label">假条审批</span>
			
 
				+                    <span class="badge">2</span>
			
 
				+                </a>
			
 
				+            </nav>
			
 
				+            <div class="content">
			
 
				+                <div class="content-block-title">详情</div>
			
 
				+                <div class="list-block">
			
 
				+                    <ul>
			
 
				+                        <li class="item-content">
			
 
				+                            <div class="item-inner">
			
 
				+                                <div class="item-title">姓名</div>
			
 
				+                                <div class="item-after">欧桃珍</div>
			
 
				+                            </div>
			
 
				+                        </li>
			
 
				+                        <li class="item-content">
			
 
				+                            <div class="item-inner">
			
 
				+                                <div class="item-title">请假类型</div>
			
 
				+                                <div class="item-after">年假</div>
			
 
				+                            </div>
			
 
				+                        </li>
			
 
				+                        <li class="item-content">
			
 
				+                            <div class="item-inner">
			
 
				+                                <div class="item-title">请假时间</div>
			
 
				+                                <div class="item-after">2017-02-16 至 2017-02-16</div>
			
 
				+                            </div>
			
 
				+                        </li>
			
 
				+                        <li class="item-content">
			
 
				+                            <div class="item-inner">
			
 
				+                                <div class="item-title">请假天数</div>
			
 
				+                                <div class="item-after"><b>1天</b></div>
			
 
				+                            </div>
			
 
				+                        </li>
			
 
				+                    </ul>
			
 
				+                </div>
			
 
				+                <div class="content-block-title">审批人</div>
			
 
				+                <div class="list-block">
			
 
				+                    <ul>
			
 
				+                        <li class="item-content  itemPrel">
			
 
				+                            <div class="item-inner">
			
 
				+                                <div class="item-title">陈特</div>
			
 
				+                                <div class="item-after">同意</div>
			
 
				+                                <div class="itemView">审批意见审批意见...</div>
			
 
				+                            </div>
			
 
				+                        </li>
			
 
				+                        <li class="item-content itemPrel">
			
 
				+                            <div class="item-inner">
			
 
				+                                <div class="item-title">谭玉堂</div>
			
 
				+                                <div class="item-after">同意</div>
			
 
				+                                <div class="itemView">审批意见...</div>
			
 
				+                            </div>
			
 
				+                        </li>
			
 
				+                        <li class="item-content itemPrel">
			
 
				+                            <div class="item-inner">
			
 
				+                                <div class="item-title">赵淑燕</div>
			
 
				+                                <div class="item-after">同意</div>
			
 
				+                                <div class="itemView">审批意见...</div>
			
 
				+                            </div>
			
 
				+                        </li>
			
 
				+                        <li class="item-content itemPrel">
			
 
				+                            <div class="item-inner">
			
 
				+                                <div class="item-title">何银龄</div>
			
 
				+                                <div class="item-after">同意</div>
			
 
				+                                <div class="itemView">审批意见...</div>
			
 
				+                            </div>
			
 
				+                        </li>
			
 
				+                    </ul>
			
 
				+                </div>
			
 
				+                <div class="content-block-title">抄送</div>
			
 
				+                <div class="list-block">
			
 
				+                    <ul>
			
 
				+                        <li class="item-content">
			
 
				+                            <div class="item-inner">
			
 
				+                                <div class="item-title">抄送</div>
			
 
				+                                <div class="item-after">陈特1，陈特2，陈特3，陈特4</div>
			
 
				+                            </div>
			
 
				+                        </li>
			
 
				+                    </ul>
			
 
				+                </div>
			
 
				+            </div>
			
 
				+        </div>
			
 
				+
			
 
				+        <script type='text/javascript' src='js/sui/zepto.js' charset='utf-8'></script>
			
 
				+        <script type='text/javascript' src='js/sui/sm.js' charset='utf-8'></script>
			
 
				+        <script type='text/javascript' src='js/sui/sm-extend.js' charset='utf-8'></script>
			
 
				+        <script type='text/javascript' src='js/sui/global.js'></script>
			
 
				+  </body>
			
 
				+</html>
			
--- a/holidayIndexDetail.html
+++ b/holidayIndexDetail.html
@@ -0,0 +1,430 @@
 
				+<!DOCTYPE html>
			
 
				+<html>
			
 
				+  <head>
			
 
				+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
			
 
				+    <meta charset=utf-8> 
			
 
				+    <title>CLD.System</title> 
			
 
				+    <link rel="shortcut icon" href="images/favicon.ico"> 
			
 
				+    <meta name=copyright content=smartcost.com.cn> 
			
 
				+    <meta name="viewport" content="initial-scale=1, maximum-scale=1,user-scalable=no">
			
 
				+    <meta name="apple-mobile-web-app-capable" content="yes">
			
 
				+    <meta name="apple-mobile-web-app-status-bar-style" content="black">
			
 
				+    <link rel="stylesheet" href="css/sui/sm.css">
			
 
				+    <link rel="stylesheet" href="css/sui/sm-extend.css">
			
 
				+    <link rel="stylesheet" href="css/sui/global.css">
			
 
				+    
			
 
				+  </head>
			
 
				+  <body>
			
 
				+    <div class="page-group">
			
 
				+        <div class="page page-current">
			
 
				+          <header class="bar bar-nav">
			
 
				+              <!-- <a class="icon icon-me pull-left open-panel"></a> -->
			
 
				+              <h1 class="title holidayTBg">请假</h1>
			
 
				+          </header>
			
 
				+            <nav class="bar bar-tab">
			
 
				+                <a class="tab-item external active" href="holidayIndexDetail.html">
			
 
				+                    <!-- <span class="icon icon-edit"></span> -->
			
 
				+                    <span class="tab-label">请假申请</span>
			
 
				+                </a>
			
 
				+                <a class="tab-item external " href="holidayDetail.html">
			
 
				+                    <!-- <span class="icon icon-me"></span> -->
			
 
				+                    <span class="tab-label">我的假条</span>
			
 
				+                </a>
			
 
				+                <a class="tab-item external " href="holidayListDetail.html">
			
 
				+                    <!-- <span class="icon icon-menu"></span> -->
			
 
				+                    <span class="tab-label">假条审批</span>
			
 
				+                    <span class="badge">2</span>
			
 
				+                </a>
			
 
				+            </nav>
			
 
				+            <div class="content">
			
 
				+               <p class="bg-danger">对不起，你的年假不足！</p>
			
 
				+               <p class="bg-danger">对不起，你没有年假！</p>
			
 
				+               <p class="bg-danger">对不起，你没有存假！</p>
			
 
				+               <div class="list-block">
			
 
				+                   <ul>
			
 
				+                       <li>
			
 
				+                           <div class="item-content create-actions">
			
 
				+                               <div class="item-inner">
			
 
				+                                   <div class="item-title label">假期类型</div>
			
 
				+                                   <div class="item-input">
			
 
				+                                         <input type="text" readonly="readonly" placeholder="假期类型 [ 事假 ]">
			
 
				+                                   </div>
			
 
				+                               </div>
			
 
				+                           </div>
			
 
				+                       </li>
			
 
				+                   </ul>
			
 
				+               </div>
			
 
				+               <div class="content-block-title">事假详情</div>
			
 
				+               <div class="list-block">
			
 
				+                   <ul>
			
 
				+                       <li class="align-top">
			
 
				+                           <div class="item-content">
			
 
				+                               <div class="item-inner">
			
 
				+                                   <div class="item-title label">事假原因</div>
			
 
				+                                   <div class="item-input">
			
 
				+                                       <textarea class="myinput" id="myinput"></textarea>
			
 
				+                                   </div>
			
 
				+                               </div>
			
 
				+                           </div>
			
 
				+                       </li>
			
 
				+                       <li>
			
 
				+                           <div class="item-content datetime-picker-star">
			
 
				+                               <div class="item-inner">
			
 
				+                                   <div class="item-title label">开始时间</div>
			
 
				+                                   <div class="item-input">
			
 
				+                                        <input type="text" readonly="readonly" placeholder="开始时间">
			
 
				+                                   </div>
			
 
				+                               </div>
			
 
				+                           </div>
			
 
				+                       </li>
			
 
				+                       <li>
			
 
				+                           <div class="item-content datetime-picker-end">
			
 
				+                               <div class="item-inner">
			
 
				+                                   <div class="item-title label">结束时间</div>
			
 
				+                                   <div class="item-input">
			
 
				+                                        <input type="text" readonly="readonly" placeholder="结束时间">
			
 
				+                                   </div>
			
 
				+                               </div>
			
 
				+                           </div>
			
 
				+                       </li>
			
 
				+                       <li>
			
 
				+                           <div class="item-content">
			
 
				+                               <div class="item-inner">
			
 
				+                                   <div class="item-title label">合计天数</div>
			
 
				+                                   <div class="item-input">
			
 
				+                                        <input type="tel" placeholder="合计天数">
			
 
				+                                   </div>
			
 
				+                               </div>
			
 
				+                           </div>
			
 
				+                       </li>
			
 
				+                       <li>
			
 
				+                           <div class="item-content">
			
 
				+                               <div class="item-inner">
			
 
				+                                   <div class="item-title label">合计天数</div>
			
 
				+                                   <div class="item-input">
			
 
				+                                        <input type="tel" placeholder="合计天数" value="0天">
			
 
				+                                   </div>
			
 
				+                               </div>
			
 
				+                           </div>
			
 
				+                       </li>
			
 
				+                       <li>
			
 
				+                           <a class="formlabel" href="holidayApproverDetail.html">
			
 
				+                             <div class="item-content">
			
 
				+                                   <div class="item-inner">
			
 
				+                                         <div class="item-title label">审批人</div>
			
 
				+                                         <div class="item-input">
			
 
				+                                              <input type="text" placeholder="请选择">
			
 
				+                                         </div>
			
 
				+                                   </div>
			
 
				+                             </div>
			
 
				+                           </a>
			
 
				+                       </li>
			
 
				+                   </ul>
			
 
				+               </div>
			
 
				+               <div class="list-block">
			
 
				+                   <ul>
			
 
				+                       <li>
			
 
				+                           <div class="item-content create-actions">
			
 
				+                               <div class="item-inner">
			
 
				+                                   <div class="item-title label">假期类型</div>
			
 
				+                                   <div class="item-input">
			
 
				+                                         <input type="text" readonly="readonly" placeholder="假期类型 [ 病假 ]">
			
 
				+                                   </div>
			
 
				+                               </div>
			
 
				+                           </div>
			
 
				+                       </li>
			
 
				+                   </ul>
			
 
				+               </div>
			
 
				+               <div class="content-block-title">病假详情</div>
			
 
				+               <div class="list-block">
			
 
				+                   <ul>
			
 
				+                       <li class="align-top">
			
 
				+                           <div class="item-content">
			
 
				+                               <div class="item-inner">
			
 
				+                                   <div class="item-title label">事假原因</div>
			
 
				+                                   <div class="item-input">
			
 
				+                                       <textarea class="myinput" id="myinput"></textarea>
			
 
				+                                   </div>
			
 
				+                               </div>
			
 
				+                           </div>
			
 
				+                       </li>
			
 
				+                       <li>
			
 
				+                           <div class="item-content datetime-picker-star">
			
 
				+                               <div class="item-inner">
			
 
				+                                   <div class="item-title label">开始时间</div>
			
 
				+                                   <div class="item-input">
			
 
				+                                        <input type="text" readonly="readonly" placeholder="开始时间">
			
 
				+                                   </div>
			
 
				+                               </div>
			
 
				+                           </div>
			
 
				+                       </li>
			
 
				+                       <li>
			
 
				+                           <div class="item-content datetime-picker-end">
			
 
				+                               <div class="item-inner">
			
 
				+                                   <div class="item-title label">结束时间</div>
			
 
				+                                   <div class="item-input">
			
 
				+                                        <input type="text" readonly="readonly" placeholder="结束时间">
			
 
				+                                   </div>
			
 
				+                               </div>
			
 
				+                           </div>
			
 
				+                       </li>
			
 
				+                       <li>
			
 
				+                           <div class="item-content">
			
 
				+                               <div class="item-inner">
			
 
				+                                   <div class="item-title label">合计天数</div>
			
 
				+                                   <div class="item-input">
			
 
				+                                        <input type="tel" placeholder="合计天数">
			
 
				+                                   </div>
			
 
				+                               </div>
			
 
				+                           </div>
			
 
				+                       </li>
			
 
				+                       <li>
			
 
				+                           <a class="formlabel" href="holidayApproverDetail.html">
			
 
				+                             <div class="item-content">
			
 
				+                                   <div class="item-inner">
			
 
				+                                         <div class="item-title label">审批人</div>
			
 
				+                                         <div class="item-input">
			
 
				+                                              <input type="text" placeholder="请选择">
			
 
				+                                         </div>
			
 
				+                                   </div>
			
 
				+                             </div>
			
 
				+                           </a>
			
 
				+                       </li>
			
 
				+                   </ul>
			
 
				+               </div>
			
 
				+               <div class="list-block">
			
 
				+                   <ul>
			
 
				+                       <li>
			
 
				+                           <div class="item-content create-actions">
			
 
				+                               <div class="item-inner">
			
 
				+                                   <div class="item-title label">假期类型</div>
			
 
				+                                   <div class="item-input">
			
 
				+                                       <input type="text" readonly="readonly" placeholder="假期类型 [ 加班 ]">
			
 
				+                                   </div>
			
 
				+                               </div>
			
 
				+                           </div>
			
 
				+                       </li>
			
 
				+                   </ul>
			
 
				+               </div>
			
 
				+               <div class="content-block-title">加班详情</div>
			
 
				+               <div class="list-block">
			
 
				+                   <ul>
			
 
				+                       <li class="align-top">
			
 
				+                           <div class="item-content">
			
 
				+                               <div class="item-inner">
			
 
				+                                   <div class="item-title label">加班原因</div>
			
 
				+                                   <div class="item-input">
			
 
				+                                       <textarea class="myinput" id="myinput"></textarea>
			
 
				+                                   </div>
			
 
				+                               </div>
			
 
				+                           </div>
			
 
				+                       </li>
			
 
				+                       <li>
			
 
				+                           <div class="item-content datetime-picker-star">
			
 
				+                               <div class="item-inner">
			
 
				+                                   <div class="item-title label">开始时间</div>
			
 
				+                                   <div class="item-input">
			
 
				+                                        <input type="text" readonly="readonly" placeholder="开始时间">
			
 
				+                                   </div>
			
 
				+                               </div>
			
 
				+                           </div>
			
 
				+                       </li>
			
 
				+                       <li>
			
 
				+                           <div class="item-content datetime-picker-end">
			
 
				+                               <div class="item-inner">
			
 
				+                                   <div class="item-title label">结束时间</div>
			
 
				+                                   <div class="item-input">
			
 
				+                                        <input type="text" readonly="readonly" placeholder="结束时间">
			
 
				+                                   </div>
			
 
				+                               </div>
			
 
				+                           </div>
			
 
				+                       </li>
			
 
				+                       <li>
			
 
				+                           <div class="item-content">
			
 
				+                               <div class="item-inner">
			
 
				+                                   <div class="item-title label">合计天数</div>
			
 
				+                                   <div class="item-input">
			
 
				+                                        <input type="tel" placeholder="合计天数">
			
 
				+                                   </div>
			
 
				+                               </div>
			
 
				+                           </div>
			
 
				+                       </li>
			
 
				+                       <li>
			
 
				+                           <a class="formlabel" href="holidayApproverDetail.html">
			
 
				+                           <div class="item-content">
			
 
				+                               <div class="item-inner">
			
 
				+                                   <div class="item-title label">审批人</div>
			
 
				+                                   <div class="item-input">
			
 
				+                                        <input type="text" placeholder="请选择">
			
 
				+                                   </div>
			
 
				+                               </div>
			
 
				+                           </div>
			
 
				+                           </a>
			
 
				+                       </li>
			
 
				+                   </ul>
			
 
				+               </div>
			
 
				+               <div class="list-block">
			
 
				+                   <ul>
			
 
				+                       <li>
			
 
				+                           <div class="item-content create-actions">
			
 
				+                               <div class="item-inner">
			
 
				+                                   <div class="item-title label">假期类型</div>
			
 
				+                                   <div class="item-input">
			
 
				+                                       <input type="text" readonly="readonly" placeholder="假期类型 [ 年假 ]">
			
 
				+                                   </div>
			
 
				+                               </div>
			
 
				+                           </div>
			
 
				+                       </li>
			
 
				+                   </ul>
			
 
				+               </div>
			
 
				+               <div class="content-block-title">年假详情</div>
			
 
				+               <div class="list-block">
			
 
				+                   <ul>
			
 
				+                       <li>
			
 
				+                           <div class="item-content">
			
 
				+                               <div class="item-inner">
			
 
				+                                   <div class="item-title label">可用年假</div>
			
 
				+                                   <div class="item-input">
			
 
				+                                        <input type="tel" value="你的年假 5 天">
			
 
				+                                   </div>
			
 
				+                               </div>
			
 
				+                           </div>
			
 
				+                       </li>
			
 
				+                       <li>
			
 
				+                           <div class="item-content datetime-picker-star">
			
 
				+                               <div class="item-inner">
			
 
				+                                   <div class="item-title label">开始时间</div>
			
 
				+                                   <div class="item-input">
			
 
				+                                        <input type="text" readonly="readonly" placeholder="开始时间">
			
 
				+                                   </div>
			
 
				+                               </div>
			
 
				+                           </div>
			
 
				+                       </li>
			
 
				+                       <li>
			
 
				+                           <div class="item-content datetime-picker-end">
			
 
				+                               <div class="item-inner">
			
 
				+                                   <div class="item-title label">结束时间</div>
			
 
				+                                   <div class="item-input">
			
 
				+                                        <input type="text" readonly="readonly" placeholder="结束时间">
			
 
				+                                   </div>
			
 
				+                               </div>
			
 
				+                           </div>
			
 
				+                       </li>
			
 
				+                       <li>
			
 
				+                           <div class="item-content">
			
 
				+                               <div class="item-inner">
			
 
				+                                   <div class="item-title label">合计天数</div>
			
 
				+                                   <div class="item-input">
			
 
				+                                        <input type="tel" placeholder="合计天数" value="6天">
			
 
				+                                   </div>
			
 
				+                               </div>
			
 
				+                           </div>
			
 
				+                       </li>
			
 
				+                       <li>
			
 
				+                           <a class="formlabel" href="holidayApproverDetail.html">
			
 
				+                           <div class="item-content">
			
 
				+                               <div class="item-inner">
			
 
				+                                   <div class="item-title label">审批人</div>
			
 
				+                                   <div class="item-input">
			
 
				+                                        <input type="text" placeholder="请选择">
			
 
				+                                   </div>
			
 
				+                               </div>
			
 
				+                           </div>
			
 
				+                           </a>
			
 
				+                       </li>
			
 
				+                   </ul>
			
 
				+               </div>
			
 
				+               <div class="list-block">
			
 
				+                   <ul>
			
 
				+                       <li>
			
 
				+                           <div class="item-content create-actions">
			
 
				+                               <div class="item-inner">
			
 
				+                                   <div class="item-title label">假期类型</div>
			
 
				+                                   <div class="item-input">
			
 
				+                                       <input type="text" readonly="readonly" placeholder="假期类型 [ 补休 ]">
			
 
				+                                   </div>
			
 
				+                               </div>
			
 
				+                           </div>
			
 
				+                       </li>
			
 
				+                   </ul>
			
 
				+               </div>
			
 
				+               <div class="content-block-title">补休详情</div>
			
 
				+               <div class="list-block">
			
 
				+                   <ul>
			
 
				+                       <li class="align-top">
			
 
				+                           <div class="item-content">
			
 
				+                               <div class="item-inner">
			
 
				+                                   <div class="item-title label">补休原因</div>
			
 
				+                                   <div class="item-input">
			
 
				+                                       <textarea class="myinput" id="myinput"></textarea>
			
 
				+                                   </div>
			
 
				+                               </div>
			
 
				+                           </div>
			
 
				+                       </li>
			
 
				+                       <li>
			
 
				+                           <div class="item-content">
			
 
				+                               <div class="item-inner">
			
 
				+                                   <div class="item-title label">可用存假</div>
			
 
				+                                   <div class="item-input">
			
 
				+                                        <input type="tel" value="你的存假 8 天">
			
 
				+                                   </div>
			
 
				+                               </div>
			
 
				+                           </div>
			
 
				+                       </li>
			
 
				+                       <li>
			
 
				+                           <div class="item-content datetime-picker-star">
			
 
				+                               <div class="item-inner">
			
 
				+                                   <div class="item-title label">开始时间</div>
			
 
				+                                   <div class="item-input">
			
 
				+                                        <input type="text" readonly="readonly" placeholder="开始时间">
			
 
				+                                   </div>
			
 
				+                               </div>
			
 
				+                           </div>
			
 
				+                       </li>
			
 
				+                       <li>
			
 
				+                           <div class="item-content datetime-picker-end">
			
 
				+                               <div class="item-inner">
			
 
				+                                   <div class="item-title label">结束时间</div>
			
 
				+                                   <div class="item-input">
			
 
				+                                        <input type="text" readonly="readonly" placeholder="结束时间">
			
 
				+                                   </div>
			
 
				+                               </div>
			
 
				+                           </div>
			
 
				+                       </li>
			
 
				+                       <li>
			
 
				+                           <div class="item-content">
			
 
				+                               <div class="item-inner">
			
 
				+                                   <div class="item-title label">合计天数</div>
			
 
				+                                   <div class="item-input">
			
 
				+                                        <input type="tel" placeholder="合计天数">
			
 
				+                                   </div>
			
 
				+                               </div>
			
 
				+                           </div>
			
 
				+                       </li>
			
 
				+                       <li>
			
 
				+                           <a class="formlabel" href="holidayApproverDetail.html">
			
 
				+                           <div class="item-content">
			
 
				+                               <div class="item-inner">
			
 
				+                                   <div class="item-title label">审批人</div>
			
 
				+                                   <div class="item-input">
			
 
				+                                        <input type="text" placeholder="请选择">
			
 
				+                                   </div>
			
 
				+                               </div>
			
 
				+                           </div>
			
 
				+                           </a>
			
 
				+                       </li>
			
 
				+                   </ul>
			
 
				+               </div>
			
 
				+               <div class="content-block">
			
 
				+                  <p><a href="holidayDetail.html" class="button button-fill button-big holidayBtn">提交申请</a></p>
			
 
				+                  <p><a href="holidayDetail.html" class="button button-fill button-big holidayBtnGray">提交申请</a></p>
			
 
				+               </div>
			
 
				+            </div>
			
 
				+        </div>
			
 
				+
			
 
				+        <script type='text/javascript' src='js/sui/zepto.js' charset='utf-8'></script>
			
 
				+        <script type='text/javascript' src='js/sui/sm.js' charset='utf-8'></script>
			
 
				+        <script type='text/javascript' src='js/sui/sm-extend.js' charset='utf-8'></script>
			
 
				+        <script type='text/javascript' src='js/sui/global.js'></script>
			
 
				+  </body>
			
 
				+</html>
			
--- a/holidayIndexDetailQt.html
+++ b/holidayIndexDetailQt.html
@@ -0,0 +1,272 @@
 
				+<!DOCTYPE html>
			
 
				+<html>
			
 
				+  <head>
			
 
				+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
			
 
				+    <meta charset=utf-8> 
			
 
				+    <title>CLD.System</title> 
			
 
				+    <link rel="shortcut icon" href="images/favicon.ico"> 
			
 
				+    <meta name=copyright content=smartcost.com.cn> 
			
 
				+    <meta name="viewport" content="initial-scale=1, maximum-scale=1,user-scalable=no">
			
 
				+    <meta name="apple-mobile-web-app-capable" content="yes">
			
 
				+    <meta name="apple-mobile-web-app-status-bar-style" content="black">
			
 
				+    <link rel="stylesheet" href="css/sui/sm.css">
			
 
				+    <link rel="stylesheet" href="css/sui/sm-extend.css">
			
 
				+    <link rel="stylesheet" href="css/sui/global.css">
			
 
				+    
			
 
				+  </head>
			
 
				+  <body>
			
 
				+    <div class="page-group">
			
 
				+        <div class="page page-current">
			
 
				+          <header class="bar bar-nav">
			
 
				+              <!-- <a class="icon icon-me pull-left open-panel"></a> -->
			
 
				+              <h1 class="title holidayTBg">请假</h1>
			
 
				+          </header>
			
 
				+            <nav class="bar bar-tab">
			
 
				+                <a class="tab-item external active" href="#">
			
 
				+                    <span class="icon icon-edit"></span>
			
 
				+                    <span class="tab-label">请假申请</span>
			
 
				+                </a>
			
 
				+                <a class="tab-item external " href="#">
			
 
				+                    <span class="icon icon-me"></span>
			
 
				+                    <span class="tab-label">我的假条</span>
			
 
				+                </a>
			
 
				+                <a class="tab-item external " href="#">
			
 
				+                    <span class="icon icon-menu"></span>
			
 
				+                    <span class="tab-label">假条列表</span>
			
 
				+                </a>
			
 
				+            </nav>
			
 
				+            <div class="content">
			
 
				+               <div class="list-block">
			
 
				+                   <ul>
			
 
				+                       <li>
			
 
				+                           <div class="item-content create-actions">
			
 
				+                               <div class="item-inner">
			
 
				+                                   <div class="item-title label">假期类型</div>
			
 
				+                                   <div class="item-input">
			
 
				+                                       <input type="text" readonly="readonly" placeholder="假期类型 [ 其他 ]">
			
 
				+                                   </div>
			
 
				+                               </div>
			
 
				+                           </div>
			
 
				+                       </li>
			
 
				+                   </ul>
			
 
				+               </div>
			
 
				+               <div class="list-block">
			
 
				+                   <ul>
			
 
				+                       <li>
			
 
				+                           <div class="item-content create-actionsTwo">
			
 
				+                               <div class="item-inner">
			
 
				+                                   <div class="item-title label">其他假期</div>
			
 
				+                                   <div class="item-input">
			
 
				+                                       <input type="text" readonly="readonly" placeholder="其他假期 [ 婚假 ]">
			
 
				+                                   </div>
			
 
				+                               </div>
			
 
				+                           </div>
			
 
				+                       </li>
			
 
				+                   </ul>
			
 
				+               </div>
			
 
				+               <div class="list-block">
			
 
				+                   <ul>
			
 
				+                       <li class="align-top">
			
 
				+                           <div class="item-content">
			
 
				+                               <div class="item-inner">
			
 
				+                                   <div class="item-title label">补休原因</div>
			
 
				+                                   <div class="item-input">
			
 
				+                                       <textarea class="myinput" id="myinput"></textarea>
			
 
				+                                   </div>
			
 
				+                               </div>
			
 
				+                           </div>
			
 
				+                       </li>
			
 
				+                       <li>
			
 
				+                           <div class="item-content">
			
 
				+                               <div class="item-inner">
			
 
				+                                   <div class="item-title label">可用假期</div>
			
 
				+                                   <div class="item-input">
			
 
				+                                        <input type="tel" value="你的假期 15 天">
			
 
				+                                   </div>
			
 
				+                               </div>
			
 
				+                           </div>
			
 
				+                       </li>
			
 
				+                       <li>
			
 
				+                           <div class="item-content datetime-picker-star">
			
 
				+                               <div class="item-inner">
			
 
				+                                   <div class="item-title label">开始时间</div>
			
 
				+                                   <div class="item-input">
			
 
				+                                        <input type="text" readonly="readonly" placeholder="开始时间">
			
 
				+                                   </div>
			
 
				+                               </div>
			
 
				+                           </div>
			
 
				+                       </li>
			
 
				+                       <li>
			
 
				+                           <div class="item-content datetime-picker-end">
			
 
				+                               <div class="item-inner">
			
 
				+                                   <div class="item-title label">结束时间</div>
			
 
				+                                   <div class="item-input">
			
 
				+                                        <input type="text" readonly="readonly" placeholder="结束时间">
			
 
				+                                   </div>
			
 
				+                               </div>
			
 
				+                           </div>
			
 
				+                       </li>
			
 
				+                       <li>
			
 
				+                           <div class="item-content">
			
 
				+                               <div class="item-inner">
			
 
				+                                   <div class="item-title label">合计天数</div>
			
 
				+                                   <div class="item-input">
			
 
				+                                        <input type="tel" placeholder="合计天数">
			
 
				+                                   </div>
			
 
				+                               </div>
			
 
				+                           </div>
			
 
				+                       </li>
			
 
				+                       <li>
			
 
				+                           <a class="formlabel" href="holidayApproverDetail.html">
			
 
				+                           <div class="item-content">
			
 
				+                               <div class="item-inner">
			
 
				+                                   <div class="item-title label">审批人</div>
			
 
				+                                   <div class="item-input">
			
 
				+                                        <input type="text" placeholder="请选择">
			
 
				+                                   </div>
			
 
				+                               </div>
			
 
				+                           </div>
			
 
				+                           </a>
			
 
				+                       </li>
			
 
				+                   </ul>
			
 
				+               </div>
			
 
				+               <div class="list-block">
			
 
				+                   <ul>
			
 
				+                       <li>
			
 
				+                           <div class="item-content create-actions">
			
 
				+                               <div class="item-inner">
			
 
				+                                   <div class="item-title label">假期类型</div>
			
 
				+                                   <div class="item-input">
			
 
				+                                       <input type="text" readonly="readonly" placeholder="假期类型 [ 其他 ]">
			
 
				+                                   </div>
			
 
				+                               </div>
			
 
				+                           </div>
			
 
				+                       </li>
			
 
				+                   </ul>
			
 
				+               </div>
			
 
				+               <div class="list-block">
			
 
				+                   <ul>
			
 
				+                       <li>
			
 
				+                           <div class="item-content create-actionsTwo">
			
 
				+                               <div class="item-inner">
			
 
				+                                   <div class="item-title label">其他假期</div>
			
 
				+                                   <div class="item-input">
			
 
				+                                       <input type="text" readonly="readonly" placeholder="其他假期 [ 调休 ]">
			
 
				+                                   </div>
			
 
				+                               </div>
			
 
				+                           </div>
			
 
				+                       </li>
			
 
				+                   </ul>
			
 
				+               </div>
			
 
				+               <div class="list-block">
			
 
				+                   <ul>
			
 
				+                       <li class="align-top">
			
 
				+                           <div class="item-content">
			
 
				+                               <div class="item-inner">
			
 
				+                                   <div class="item-title label">调休原因</div>
			
 
				+                                   <div class="item-input">
			
 
				+                                       <textarea class="myinput" id="myinput"></textarea>
			
 
				+                                   </div>
			
 
				+                               </div>
			
 
				+                           </div>
			
 
				+                       </li>
			
 
				+                    </ul>
			
 
				+               </div>               
			
 
				+               <div class="list-block">
			
 
				+                    <div class="content-block-title">休假时间</div>
			
 
				+                    <ul>
			
 
				+                       <li>
			
 
				+                           <div class="item-content datetime-picker-star">
			
 
				+                               <div class="item-inner">
			
 
				+                                   <div class="item-title label">开始时间</div>
			
 
				+                                   <div class="item-input">
			
 
				+                                       <input type="text" readonly="readonly" placeholder="开始时间">
			
 
				+                                   </div>
			
 
				+                               </div>
			
 
				+                           </div>
			
 
				+                       </li>
			
 
				+                       <li>
			
 
				+                           <div class="item-content datetime-picker-end">
			
 
				+                               <div class="item-inner">
			
 
				+                                   <div class="item-title label">结束时间</div>
			
 
				+                                   <div class="item-input">
			
 
				+                                        <input type="text" readonly="readonly" placeholder="结束时间">
			
 
				+                                   </div>
			
 
				+                               </div>
			
 
				+                           </div>
			
 
				+                       </li>
			
 
				+                       <li>
			
 
				+                           <div class="item-content">
			
 
				+                               <div class="item-inner">
			
 
				+                                   <div class="item-title label">合计天数</div>
			
 
				+                                   <div class="item-input">
			
 
				+                                        <input type="tel" placeholder="合计天数">
			
 
				+                                   </div>
			
 
				+                               </div>
			
 
				+                           </div>
			
 
				+                       </li>
			
 
				+                     </ul>
			
 
				+                </div>
			
 
				+                <div class="list-block">
			
 
				+                    <div class="content-block-title">加班时间</div>
			
 
				+                    <ul>
			
 
				+                       <li>
			
 
				+                           <div class="item-content datetime-picker-star">
			
 
				+                               <div class="item-inner">
			
 
				+                                   <div class="item-title label">开始时间</div>
			
 
				+                                   <div class="item-input">
			
 
				+                                        <input type="text" readonly="readonly" placeholder="开始时间">
			
 
				+                                   </div>
			
 
				+                               </div>
			
 
				+                           </div>
			
 
				+                       </li>
			
 
				+                       <li>
			
 
				+                           <div class="item-content datetime-picker-end">
			
 
				+                               <div class="item-inner">
			
 
				+                                   <div class="item-title label">结束时间</div>
			
 
				+                                   <div class="item-input">
			
 
				+                                        <input type="text" readonly="readonly" placeholder="结束时间">
			
 
				+                                   </div>
			
 
				+                               </div>
			
 
				+                           </div>
			
 
				+                       </li>
			
 
				+                       <li>
			
 
				+                           <div class="item-content">
			
 
				+                               <div class="item-inner">
			
 
				+                                   <div class="item-title label">合计天数</div>
			
 
				+                                   <div class="item-input">
			
 
				+                                        <input type="tel" placeholder="合计天数">
			
 
				+                                   </div>
			
 
				+                               </div>
			
 
				+                           </div>
			
 
				+                       </li>
			
 
				+                     </ul>
			
 
				+                </div>
			
 
				+                <div class="list-block">
			
 
				+                    <ul> 
			
 
				+                       <li>
			
 
				+                           <a class="formlabel" href="holidayApproverDetail.html">
			
 
				+                           <div class="item-content">
			
 
				+                               <div class="item-inner">
			
 
				+                                   <div class="item-title label">审批人</div>
			
 
				+                                   <div class="item-input">
			
 
				+                                        <input type="text" placeholder="请选择">
			
 
				+                                   </div>
			
 
				+                               </div>
			
 
				+                           </div>
			
 
				+                           </a>
			
 
				+                       </li>
			
 
				+                   </ul>
			
 
				+               </div>
			
 
				+               <div class="content-block">
			
 
				+                  <p><a href="#" class="button button-fill button-big holidayBtn">提交申请</a></p>
			
 
				+               </div>
			
 
				+            </div>
			
 
				+        </div>
			
 
				+
			
 
				+        <script type='text/javascript' src='js/sui/zepto.js' charset='utf-8'></script>
			
 
				+        <script type='text/javascript' src='js/sui/sm.js' charset='utf-8'></script>
			
 
				+        <script type='text/javascript' src='js/sui/sm-extend.js' charset='utf-8'></script>
			
 
				+        <script type='text/javascript' src='js/sui/global.js'></script>
			
 
				+  </body>
			
 
				+</html>
			
--- a/holidayListDetail.html
+++ b/holidayListDetail.html
@@ -0,0 +1,95 @@
 
				+<!DOCTYPE html>
			
 
				+<html>
			
 
				+  <head>
			
 
				+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
			
 
				+    <meta charset=utf-8> 
			
 
				+    <title>CLD.System</title> 
			
 
				+    <link rel="shortcut icon" href="images/favicon.ico"> 
			
 
				+    <meta name=copyright content=smartcost.com.cn> 
			
 
				+    <meta name="viewport" content="initial-scale=1, maximum-scale=1,user-scalable=no">
			
 
				+    <meta name="apple-mobile-web-app-capable" content="yes">
			
 
				+    <meta name="apple-mobile-web-app-status-bar-style" content="black">
			
 
				+    <link rel="stylesheet" href="css/sui/sm.css">
			
 
				+    <link rel="stylesheet" href="css/sui/sm-extend.css">
			
 
				+    <link rel="stylesheet" href="css/sui/global.css">
			
 
				+    
			
 
				+  </head>
			
 
				+  <body>
			
 
				+    <div class="page-group holidayList">
			
 
				+        <div class="page page-current">
			
 
				+            <header class="bar bar-nav">
			
 
				+              <h1 class="title holidayTBg">假条审批</h1>
			
 
				+            </header>
			
 
				+            <nav class="bar bar-tab">
			
 
				+                <a class="tab-item external" href="holidayIndexDetail.html">
			
 
				+                    <!-- <span class="icon icon-edit"></span> -->
			
 
				+                    <span class="tab-label">请假申请</span>
			
 
				+                </a>
			
 
				+                <a class="tab-item external" href="holidayDetail.html">
			
 
				+                    <!-- <span class="icon icon-me active"></span> -->
			
 
				+                    <span class="tab-label">我的假条</span>
			
 
				+                </a>
			
 
				+                <a class="tab-item external active" href="holidayListDetail.html">
			
 
				+                    <!-- <span class="icon icon-menu"></span> -->
			
 
				+                    <span class="tab-label">假条审批</span>
			
 
				+                    <span class="badge">2</span>
			
 
				+                </a>
			
 
				+            </nav>
			
 
				+            <div class="content">
			
 
				+                <div class="content-block tabTitleBox">
			
 
				+                    <div class="buttons-row">
			
 
				+                        <a href="#tab1" class="tab-link active button tabBtnBig">待审批</a>
			
 
				+                        <a href="#tab2" class="tab-link button tabBtnBig">已审批</a>
			
 
				+                    </div>
			
 
				+                </div>
			
 
				+                <div class="tabs">
			
 
				+                    <div id="tab1" class="tab active">
			
 
				+                        <div class="content-block pLR-n">
			
 
				+                            <div class="list-block media-list">
			
 
				+                                <ul>
			
 
				+                                    <li>
			
 
				+                                        <a href="holidayListDetailPage.html" class="item-link item-content">
			
 
				+                                            <div class="item-inner">
			
 
				+                                                <div class="item-title-row">
			
 
				+                                                    <div class="item-title">欧桃珍事假【1天】</div>
			
 
				+                                                </div>
			
 
				+                                                <div class="item-subtitle">2017-02-16 至 2017-02-16</div>
			
 
				+                                                <div class="item-text">事假原因</div>
			
 
				+                                            </div>
			
 
				+                                        </a>
			
 
				+                                    </li>
			
 
				+                                </ul>
			
 
				+                            </div>
			
 
				+                        </div>
			
 
				+                    </div>
			
 
				+                    <div id="tab2" class="tab">
			
 
				+                        <div class="content-block pLR-n">
			
 
				+                            <div class="list-block media-list">
			
 
				+                                <ul>
			
 
				+                                    <li>
			
 
				+                                        <a href="holidayListDetailPage1.html" class="item-link item-content">
			
 
				+                                            <div class="item-inner">
			
 
				+                                                <div class="item-title-row">
			
 
				+                                                    <div class="item-title">欧桃珍事假【1天】</div>
			
 
				+                                                    <div class="item-after">同意</div>
			
 
				+                                                </div>
			
 
				+                                                <div class="item-subtitle">2017-02-16 至 2017-02-16</div>
			
 
				+                                                <div class="item-text">事假原因</div>
			
 
				+                                            </div>
			
 
				+                                        </a>
			
 
				+                                    </li>
			
 
				+                                </ul>
			
 
				+                            </div>
			
 
				+                        </div>
			
 
				+                    </div>
			
 
				+                </div>
			
 
				+            </div>
			
 
				+        </div>
			
 
				+    </div>
			
 
				+
			
 
				+        <script type='text/javascript' src='js/sui/zepto.js' charset='utf-8'></script>
			
 
				+        <script type='text/javascript' src='js/sui/sm.js' charset='utf-8'></script>
			
 
				+        <script type='text/javascript' src='js/sui/sm-extend.js' charset='utf-8'></script>
			
 
				+        <script type='text/javascript' src='js/sui/global.js'></script>
			
 
				+  </body>
			
 
				+</html>
			
--- a/holidayListDetailPage.html
+++ b/holidayListDetailPage.html
@@ -0,0 +1,128 @@
 
				+<!DOCTYPE html>
			
 
				+<html>
			
 
				+  <head>
			
 
				+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
			
 
				+    <meta charset=utf-8> 
			
 
				+    <title>CLD.System</title> 
			
 
				+    <link rel="shortcut icon" href="images/favicon.ico"> 
			
 
				+    <meta name=copyright content=smartcost.com.cn> 
			
 
				+    <meta name="viewport" content="initial-scale=1, maximum-scale=1,user-scalable=no">
			
 
				+    <meta name="apple-mobile-web-app-capable" content="yes">
			
 
				+    <meta name="apple-mobile-web-app-status-bar-style" content="black">
			
 
				+    <link rel="stylesheet" href="css/sui/sm.css">
			
 
				+    <link rel="stylesheet" href="css/sui/sm-extend.css">
			
 
				+    <link rel="stylesheet" href="css/sui/global.css">
			
 
				+    
			
 
				+  </head>
			
 
				+  <body>
			
 
				+    <div class="page-group holidayList">
			
 
				+        <div class="page page-current">
			
 
				+            <header class="bar bar-nav">
			
 
				+                <button class="button button-link button-nav pull-left">
			
 
				+                    <a href="holidayListDetail.html" class="icon icon-left"></a>
			
 
				+                </button>
			
 
				+              <h1 class="title holidayTBg">假条审批详情</h1>
			
 
				+            </header>
			
 
				+            <nav class="bar bar-tab">
			
 
				+                <a class="tab-item external" href="holidayIndexDetail.html">
			
 
				+                    <span class="tab-label">请假申请</span>
			
 
				+                </a>
			
 
				+                <a class="tab-item external" href="holidayDetail.html">
			
 
				+                    <span class="tab-label">我的假条</span>
			
 
				+                </a>
			
 
				+                <a class="tab-item external active" href="holidayListDetail.html">
			
 
				+                    <span class="tab-label">假条审批</span>
			
 
				+                    <span class="badge">2</span>
			
 
				+                </a>
			
 
				+            </nav>
			
 
				+            <div class="bar bar-header-secondary barBig">
			
 
				+                <div class="row" style="overflow: inherit;">
			
 
				+                  <div class="col-50"><button class="button button-big button-block button-fill button-danger confirm-cancel">不同意</button></div>
			
 
				+                  <div class="col-50"><button class="button button-big button-block button-fill button-success confirm-ok">同意</button></div>
			
 
				+                </div>
			
 
				+            </div>
			
 
				+                
			
 
				+            <div class="content">
			
 
				+                <div class="content-block-title">详情</div>
			
 
				+                <div class="list-block">
			
 
				+                    <ul>
			
 
				+                        <li class="item-content">
			
 
				+                            <div class="item-inner">
			
 
				+                                <div class="item-title">姓名</div>
			
 
				+                                <div class="item-after">欧桃珍</div>
			
 
				+                            </div>
			
 
				+                        </li>
			
 
				+                        <li class="item-content">
			
 
				+                            <div class="item-inner">
			
 
				+                                <div class="item-title">请假类型</div>
			
 
				+                                <div class="item-after">年假</div>
			
 
				+                            </div>
			
 
				+                        </li>
			
 
				+                        <li class="item-content">
			
 
				+                            <div class="item-inner">
			
 
				+                                <div class="item-title">请假时间</div>
			
 
				+                                <div class="item-after">2017-02-16 至 2017-02-16</div>
			
 
				+                            </div>
			
 
				+                        </li>
			
 
				+                        <li class="item-content">
			
 
				+                            <div class="item-inner">
			
 
				+                                <div class="item-title">请假天数</div>
			
 
				+                                <div class="item-after"><b>1天</b></div>
			
 
				+                            </div>
			
 
				+                        </li>
			
 
				+                    </ul>
			
 
				+                </div>
			
 
				+                <div class="content-block-title">审批人</div>
			
 
				+                <div class="list-block">
			
 
				+                    <ul>
			
 
				+                        <li class="item-content itemPrel">
			
 
				+                            <div class="item-inner">
			
 
				+                                <div class="item-title">陈特</div>
			
 
				+                                <div class="item-after">同意</div>
			
 
				+                                <div class="itemView">审批意见审批意见...</div>
			
 
				+                            </div>
			
 
				+                        </li>
			
 
				+                        <li class="item-content itemPrel">
			
 
				+                            <div class="item-inner">
			
 
				+                                <div class="item-title">谭玉堂</div>
			
 
				+                                <div class="item-after">同意</div>
			
 
				+                                <div class="itemView">审批意见...</div>
			
 
				+                            </div>
			
 
				+                        </li>
			
 
				+                        <li class="item-content itemPrel">
			
 
				+                            <div class="item-inner">
			
 
				+                                <div class="item-title">赵淑燕</div>
			
 
				+                                <div class="item-after">同意</div>
			
 
				+                                <div class="itemView">审批意见...</div>
			
 
				+                            </div>
			
 
				+                        </li>
			
 
				+                        <li class="item-content itemPrel">
			
 
				+                            <div class="item-inner">
			
 
				+                                <div class="item-title">何银龄</div>
			
 
				+                                <div class="item-after">同意</div>
			
 
				+                                <div class="itemView">审批意见...</div>
			
 
				+                            </div>
			
 
				+                        </li>
			
 
				+                    </ul>
			
 
				+                </div>
			
 
				+                <div class="content-block-title">抄送</div>
			
 
				+                <div class="list-block">
			
 
				+                    <ul>
			
 
				+                        <li class="item-content">
			
 
				+                            <div class="item-inner">
			
 
				+                                <div class="item-title">抄送</div>
			
 
				+                                <div class="item-after">陈特1，陈特2，陈特3，陈特4</div>
			
 
				+                            </div>
			
 
				+                        </li>
			
 
				+                    </ul>
			
 
				+                </div>
			
 
				+            </div>
			
 
				+        </div>
			
 
				+    </div>
			
 
				+
			
 
				+        <script type='text/javascript' src='js/sui/zepto.js' charset='utf-8'></script>
			
 
				+        <script type='text/javascript' src='js/sui/sm.js' charset='utf-8'></script>
			
 
				+        <script type='text/javascript' src='js/sui/sm-extend.js' charset='utf-8'></script>
			
 
				+        <script type='text/javascript' src='js/sui/global.js'></script>
			
 
				+  </body>
			
 
				+</html>
			
--- a/holidayListDetailPage1.html
+++ b/holidayListDetailPage1.html
@@ -0,0 +1,121 @@
 
				+<!DOCTYPE html>
			
 
				+<html>
			
 
				+  <head>
			
 
				+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
			
 
				+    <meta charset=utf-8> 
			
 
				+    <title>CLD.System</title> 
			
 
				+    <link rel="shortcut icon" href="images/favicon.ico"> 
			
 
				+    <meta name=copyright content=smartcost.com.cn> 
			
 
				+    <meta name="viewport" content="initial-scale=1, maximum-scale=1,user-scalable=no">
			
 
				+    <meta name="apple-mobile-web-app-capable" content="yes">
			
 
				+    <meta name="apple-mobile-web-app-status-bar-style" content="black">
			
 
				+    <link rel="stylesheet" href="css/sui/sm.css">
			
 
				+    <link rel="stylesheet" href="css/sui/sm-extend.css">
			
 
				+    <link rel="stylesheet" href="css/sui/global.css">
			
 
				+    
			
 
				+  </head>
			
 
				+  <body>
			
 
				+    <div class="page-group holidayList">
			
 
				+        <div class="page page-current">
			
 
				+            <header class="bar bar-nav">
			
 
				+                <button class="button button-link button-nav pull-left">
			
 
				+                    <a href="holidayListDetail.html" class="icon icon-left"></a>
			
 
				+                </button>
			
 
				+              <h1 class="title holidayTBg">假条审批详情</h1>
			
 
				+            </header>
			
 
				+            <nav class="bar bar-tab">
			
 
				+                <a class="tab-item external" href="holidayIndexDetail.html">
			
 
				+                    <span class="tab-label">请假申请</span>
			
 
				+                </a>
			
 
				+                <a class="tab-item external" href="holidayDetail.html">
			
 
				+                    <span class="tab-label">我的假条</span>
			
 
				+                </a>
			
 
				+                <a class="tab-item external active" href="holidayListDetail.html">
			
 
				+                    <span class="tab-label">假条审批</span>
			
 
				+                    <span class="badge">2</span>
			
 
				+                </a>
			
 
				+            </nav>              
			
 
				+            <div class="content">
			
 
				+                <div class="content-block-title">详情</div>
			
 
				+                <div class="list-block">
			
 
				+                    <ul>
			
 
				+                        <li class="item-content">
			
 
				+                            <div class="item-inner">
			
 
				+                                <div class="item-title">姓名</div>
			
 
				+                                <div class="item-after">欧桃珍</div>
			
 
				+                            </div>
			
 
				+                        </li>
			
 
				+                        <li class="item-content">
			
 
				+                            <div class="item-inner">
			
 
				+                                <div class="item-title">请假类型</div>
			
 
				+                                <div class="item-after">年假</div>
			
 
				+                            </div>
			
 
				+                        </li>
			
 
				+                        <li class="item-content">
			
 
				+                            <div class="item-inner">
			
 
				+                                <div class="item-title">请假时间</div>
			
 
				+                                <div class="item-after">2017-02-16 至 2017-02-16</div>
			
 
				+                            </div>
			
 
				+                        </li>
			
 
				+                        <li class="item-content">
			
 
				+                            <div class="item-inner">
			
 
				+                                <div class="item-title">请假天数</div>
			
 
				+                                <div class="item-after"><b>1天</b></div>
			
 
				+                            </div>
			
 
				+                        </li>
			
 
				+                    </ul>
			
 
				+                </div>
			
 
				+                <div class="content-block-title">审批人</div>
			
 
				+                <div class="list-block">
			
 
				+                    <ul>
			
 
				+                        <li class="item-content itemPrel">
			
 
				+                            <div class="item-inner">
			
 
				+                                <div class="item-title">陈特</div>
			
 
				+                                <div class="item-after">同意</div>
			
 
				+                                <div class="itemView">审批意见审批意见...</div>
			
 
				+                            </div>
			
 
				+                        </li>
			
 
				+                        <li class="item-content itemPrel">
			
 
				+                            <div class="item-inner">
			
 
				+                                <div class="item-title">谭玉堂</div>
			
 
				+                                <div class="item-after">同意</div>
			
 
				+                                <div class="itemView">审批意见...</div>
			
 
				+                            </div>
			
 
				+                        </li>
			
 
				+                        <li class="item-content itemPrel">
			
 
				+                            <div class="item-inner">
			
 
				+                                <div class="item-title">赵淑燕</div>
			
 
				+                                <div class="item-after">同意</div>
			
 
				+                                <div class="itemView">审批意见...</div>
			
 
				+                            </div>
			
 
				+                        </li>
			
 
				+                        <li class="item-content itemPrel">
			
 
				+                            <div class="item-inner">
			
 
				+                                <div class="item-title">何银龄</div>
			
 
				+                                <div class="item-after">同意</div>
			
 
				+                                <div class="itemView">审批意见...</div>
			
 
				+                            </div>
			
 
				+                        </li>
			
 
				+                    </ul>
			
 
				+                </div>
			
 
				+                <div class="content-block-title">抄送</div>
			
 
				+                <div class="list-block">
			
 
				+                    <ul>
			
 
				+                        <li class="item-content">
			
 
				+                            <div class="item-inner">
			
 
				+                                <div class="item-title">抄送</div>
			
 
				+                                <div class="item-after">陈特1，陈特2，陈特3，陈特4</div>
			
 
				+                            </div>
			
 
				+                        </li>
			
 
				+                    </ul>
			
 
				+                </div>
			
 
				+            </div>
			
 
				+        </div>
			
 
				+    </div>
			
 
				+
			
 
				+        <script type='text/javascript' src='js/sui/zepto.js' charset='utf-8'></script>
			
 
				+        <script type='text/javascript' src='js/sui/sm.js' charset='utf-8'></script>
			
 
				+        <script type='text/javascript' src='js/sui/sm-extend.js' charset='utf-8'></script>
			
 
				+        <script type='text/javascript' src='js/sui/global.js'></script>
			
 
				+  </body>
			
 
				+</html>
			
--- a/images/Thumbs.db
+++ b/images/Thumbs.db
--- a/images/favicon.ico
+++ b/images/favicon.ico
--- a/img/Thumbs.db
+++ b/img/Thumbs.db
--- a/img/map.png
+++ b/img/map.png
--- a/js/global.js
+++ b/js/global.js
--- a/js/jquery-1.7.1.min.js
+++ b/js/jquery-1.7.1.min.js
--- a/js/sui/global.js
+++ b/js/sui/global.js
@@ -0,0 +1,133 @@
 
				+$(function(){
			
 
				+  $(document).on('click','.create-actions', function () {
			
 
				+      var buttons1 = [
			
 
				+        {
			
 
				+          text: '请假类型',
			
 
				+          label: true,
			
 
				+        },
			
 
				+        {
			
 
				+          text: '事假',
			
 
				+          bold: true,
			
 
				+          // onClick: function() {
			
 
				+          //   $.alert("你选择了“事假“");
			
 
				+          // }
			
 
				+        },
			
 
				+        {
			
 
				+          text: '病假',
			
 
				+        },
			
 
				+        {
			
 
				+          text: '年假',
			
 
				+        },
			
 
				+        {
			
 
				+          text: '加班',
			
 
				+        },
			
 
				+        {
			
 
				+          text: '补休',
			
 
				+        },
			
 
				+        {
			
 
				+          text: '其他',
			
 
				+        }
			
 
				+      ];
			
 
				+      var buttons2 = [
			
 
				+        {
			
 
				+          text: '取消',
			
 
				+        }
			
 
				+      ];
			
 
				+      var groups = [buttons1, buttons2];
			
 
				+      $.actions(groups);
			
 
				+  });
			
 
				+
			
 
				+  $(document).on('click','.create-actionsTwo', function () {
			
 
				+      var buttons1 = [
			
 
				+        {
			
 
				+          text: '其他类型',
			
 
				+          label: true,
			
 
				+        },
			
 
				+        {
			
 
				+          text: '婚假',
			
 
				+          bold: true,
			
 
				+          // onClick: function() {
			
 
				+          //   $.alert("你选择了“事假“");
			
 
				+          // }
			
 
				+        },
			
 
				+        {
			
 
				+          text: '产假',
			
 
				+        },
			
 
				+        {
			
 
				+          text: '丧假',
			
 
				+        },
			
 
				+        {
			
 
				+          text: '工伤假',
			
 
				+        },
			
 
				+        {
			
 
				+          text: '调休',
			
 
				+        }
			
 
				+      ];
			
 
				+      var buttons2 = [
			
 
				+        {
			
 
				+          text: '取消',
			
 
				+        }
			
 
				+      ];
			
 
				+      var groups = [buttons1, buttons2];
			
 
				+      $.actions(groups);
			
 
				+  });
			
 
				+
			
 
				+  $(".datetime-picker-star").datetimePicker({
			
 
				+    value: ['2017', '02', '16', '8', '30']
			
 
				+  });
			
 
				+
			
 
				+  $(".datetime-picker-end").datetimePicker({
			
 
				+    value: ['2017', '02', '16', '18', '00']
			
 
				+  });
			
 
				+
			
 
				+  $(document).on('click','.confirm-ok', function () {
			
 
				+      $.prompt('填写你的审批意见', function (value) {
			
 
				+          $.alert('你的审批意见： ' + value );
			
 
				+      });
			
 
				+  });
			
 
				+  $(document).on('click','.confirm-cancel', function () {
			
 
				+      $.prompt('不同意原因', function (value) {
			
 
				+          $.alert('你的审批意见：' + value);
			
 
				+      });
			
 
				+  });
			
 
				+
			
 
				+  // $(document).on('click','.confirm-cancel', function () {
			
 
				+  //     var  str = document.getElementById("myinput").value ;
			
 
				+  //     $.confirm('不同意该申请?', function () {
			
 
				+  //       $.alert('你的审批意见是： ' + str);
			
 
				+  //     });
			
 
				+  // });
			
 
				+
			
 
				+  // $(document).on('click','.confirm-ok', function () {
			
 
				+  //   var  str = document.getElementById("myinput").value ;
			
 
				+  //     $.confirm('同意该申请?', function () {
			
 
				+  //       $.alert('你的审批意见是： ' + str);
			
 
				+  //     });
			
 
				+  // });
			
 
				+
			
 
				+  $(document).on('click','.itemView',function () {
			
 
				+        $.alert('审批意见审批意见，审批意见');
			
 
				+     });
			
 
				+});
			
 
				+
			
 
				+
			
 
				+$(function(){  
			
 
				+    var t = $('#myinput'); 
			
 
				+    t.css("color","#A9A9A9");
			
 
				+    t.val("请输入内容"); 
			
 
				+    var default_value = t.val(); 
			
 
				+      
			
 
				+    t.focus(function() { 
			
 
				+        t.css("color","black");  
			
 
				+        if (t.val() == default_value) {  
			
 
				+            t.val('');  
			
 
				+        }  
			
 
				+    });  
			
 
				+    t.blur(function() { 
			
 
				+        t.css("color","black");  
			
 
				+        if (t.val() == '') {  
			
 
				+            t.val(default_value);  
			
 
				+            t.css("color","#A9A9A9");  
			
 
				+        }  
			
 
				+    });  
			
 
				+});  
			
--- a/js/sui/jquery-1.9.1.min.js
+++ b/js/sui/jquery-1.9.1.min.js
--- a/js/sui/sm-city-picker.js
+++ b/js/sui/sm-city-picker.js
--- a/js/sui/sm-extend.js
+++ b/js/sui/sm-extend.js
--- a/js/sui/sm.js
+++ b/js/sui/sm.js
--- a/js/sui/sm.min.js
+++ b/js/sui/sm.min.js
--- a/js/sui/zepto.js
+++ b/js/sui/zepto.js
--- a/lockRecord.html
+++ b/lockRecord.html
@@ -0,0 +1,95 @@
 
				+<!DOCTYPE html>
			
 
				+<html lang=zh-cn> 
			
 
				+<head>
			
 
				+	<meta charset=utf-8> 
			
 
				+	<title>CLD.System</title> 
			
 
				+	<link rel="shortcut icon" href="images/favicon.ico"> 
			
 
				+	<meta name="viewport" content="width=device-width,initial-scale=1.0">
			
 
				+	<meta name=copyright content=smartcost.com.cn> 
			
 
				+	<link rel=stylesheet href=css/global.css>
			
 
				+</head>
			
 
				+<body>
			
 
				+	<div class="warpContent">
			
 
				+			<legend><a href="lockSearch.html" class="fR">返回搜索</a>在线锁库</legend>
			
 
				+			<div class="clientEntry header clearfix">
			
 
				+				<table>
			
 
				+					<tbody>
			
 
				+						<tr><th>锁号</th><td>HNYH-0555</td></tr>
			
 
				+						<tr><th>产品</th><td>专业版+河南养护</td></tr>
			
 
				+						<tr><th>状态</th><td>总部<a href="">张少珊</a>收回</td></tr>
			
 
				+					</tbody>
			
 
				+				</table>
			
 
				+			</div>
			
 
				+			<div class="recordEntry clearfix">
			
 
				+				<a href="#" class="button">添加记录</a>
			
 
				+			</div>
			
 
				+			<div class="recordEntry">
			
 
				+				<ul>
			
 
				+					<li>2013-9-01</li>
			
 
				+					<li><i  class="icon iconLock"></i></a>备注</li>
			
 
				+					<li>总部<a href="#">张少珊</a></li>
			
 
				+					<li>
			
 
				+						内容
			
 
				+					</li>
			
 
				+				<ul>
			
 
				+			</div>
			
 
				+			<div class="recordEntry">
			
 
				+				<ul>
			
 
				+					<li><i  class="icon iconRecycle"></i>收回</li>
			
 
				+					<li>2013-8-25</li>
			
 
				+					<li>+总部<a href="#">张少珊</a></li>
			
 
				+					<li>广东办<a href="#">刘飞</a></li>
			
 
				+				<ul>
			
 
				+			</div>
			
 
				+			<div class="recordEntry">
			
 
				+				<ul>
			
 
				+					<li><i class="icon iconReplace"></i>更换</li>
			
 
				+					<li>2013-8-20</li>
			
 
				+					<li>广东办<a href="#">刘飞</a></li>
			
 
				+					<li><a>ASDS-231</a></li>
			
 
				+					<li><a>客户名</a></li>
			
 
				+				<ul>
			
 
				+			</div>
			
 
				+			<div class="recordEntry">
			
 
				+				<ul>
			
 
				+					<li><i class="icon iconUpdate"></i>升级</li>
			
 
				+					<li>2013-8-18</li>
			
 
				+					<li>广东办<a href="#">刘飞</a></li>
			
 
				+					<li>+河南养护</li>
			
 
				+					<li><a>客户名</a></li>
			
 
				+				<ul>
			
 
				+			</div>
			
 
				+			<div class="recordEntry">
			
 
				+				<ul>
			
 
				+					<li><i class="icon iconSell"></i>销售</li>
			
 
				+					<li>2013-8-15</li>
			
 
				+					<li>广东办<a href="#">刘飞</a></li>
			
 
				+					<li>专业版</li>
			
 
				+					<li><a>客户名</a></li>
			
 
				+				<ul>
			
 
				+			</div>
			
 
				+			<div class="recordEntry">
			
 
				+				<ul>
			
 
				+					<li><i class="icon iconBorrow"></i>借出</li>
			
 
				+					<li>2013-8-12</li>
			
 
				+					<li>广东办<a href="#">刘飞</a></li>
			
 
				+					<li>专业版</li>
			
 
				+					<li><a>客户名</a></li>
			
 
				+				<ul>
			
 
				+			</div>
			
 
				+			<div class="recordEntry">
			
 
				+				<ul>
			
 
				+					<li><i class="icon iconReceive"></i>接收</li>
			
 
				+					<li>2013-7-27</li>
			
 
				+					<li>广东办<a href="#">刘飞</a></li>
			
 
				+				<ul>
			
 
				+			</div>
			
 
				+			<div class="recordEntry">
			
 
				+				<ul>
			
 
				+					<li><i class="icon iconGenerate"></i>生成</li>
			
 
				+					<li>2013-7-25</li>
			
 
				+					<li>总部<a href="#">王晶</a></li>
			
 
				+				<ul>
			
 
				+			</div>
			
 
				+	</div>
			
 
				+</body>
			
--- a/lockRecordAdd.html
+++ b/lockRecordAdd.html
@@ -0,0 +1,90 @@
 
				+<!DOCTYPE html>
			
 
				+<html lang=zh-cn> 
			
 
				+<head>
			
 
				+	<meta charset=utf-8> 
			
 
				+	<title>CLD.System</title> 
			
 
				+	<link rel="shortcut icon" href="images/favicon.ico"> 
			
 
				+	<meta name="viewport" content="width=device-width,initial-scale=1.0">
			
 
				+	<meta name=copyright content=smartcost.com.cn> 
			
 
				+	<link rel=stylesheet href=css/global.css>
			
 
				+</head>
			
 
				+<body>
			
 
				+	<div class="warpContent">
			
 
				+			<legend><a href="" class="fR">返回搜索</a>在线锁库</legend>
			
 
				+			<div class="clientEntry header clearfix">
			
 
				+				<table>
			
 
				+					<tbody>
			
 
				+						<tr><th>锁号</th><td>HNYH-0555</td></tr>
			
 
				+						<tr><th>产品</th><td>专业版+河南养护</td></tr>
			
 
				+						<tr><th>状态</th><td>总部<a href="">张少珊</a>收回</td></tr>
			
 
				+					</tbody>
			
 
				+				</table>
			
 
				+			</div>
			
 
				+			<div class="recordEntry">
			
 
				+				<div class="control-group">
			
 
				+				    <label class="control-label" for="inputEmail">记录类型</label>
			
 
				+				    <div class="controls">
			
 
				+					    <label class="radio inline">
			
 
				+					    	<input type="radio" name="1">借出
			
 
				+					    </label>
			
 
				+					    <label class="radio inline">
			
 
				+					    	<input type="radio" name="1">销售
			
 
				+					    </label>
			
 
				+					    <label class="radio inline">
			
 
				+					    	<input type="radio" name="1">升级
			
 
				+					    </label>
			
 
				+					    <label class="radio inline">
			
 
				+					    	<input type="radio" name="1">更换
			
 
				+					    </label>
			
 
				+					    <label class="radio inline">
			
 
				+					    	<input type="radio" name="1">收回
			
 
				+					    </label>
			
 
				+					    <label class="radio inline">
			
 
				+					    	<input type="radio" name="1">备注
			
 
				+					    </label>
			
 
				+				    </div>
			
 
				+				</div> 		
			
 
				+			</div>
			
 
				+			<div class="recordEntry">
			
 
				+			<!--添加记录-借锁-->
			
 
				+				<div class="control-group">
			
 
				+					<label class="control-label" for="inputPassword">借出客户</label>
			
 
				+					<div class="controls">
			
 
				+					  <input type="text">
			
 
				+					</div>
			
 
				+				</div>
			
 
				+			<!--添加记录-销售-->
			
 
				+			  <div class="control-group">
			
 
				+			    <label class="control-label" for="inputPassword">销售客户</label>
			
 
				+			    <div class="controls">
			
 
				+			      <input type="text">
			
 
				+			    </div>
			
 
				+			  </div>
			
 
				+			<!--添加记录-升级-->
			
 
				+			  <div class="control-group">
			
 
				+			    <label class="control-label" for="inputPassword">新增产品</label>
			
 
				+			    <div class="controls">
			
 
				+			      <select><option>河南养护</option></select>
			
 
				+			    </div>
			
 
				+			  </div>
			
 
				+			<!--添加记录-更换-->
			
 
				+			  <div class="control-group">
			
 
				+			    <label class="control-label" for="inputPassword">新锁号</label>
			
 
				+			    <div class="controls">
			
 
				+			      <input type="text">
			
 
				+			    </div>
			
 
				+			  </div>
			
 
				+			<!--添加记录-备注-->
			
 
				+			  <div class="control-group">
			
 
				+			    <label class="control-label" for="inputPassword">备注</label>
			
 
				+			    <div class="controls">
			
 
				+			      <textarea style="width:95%" rows="5"></textarea>
			
 
				+			    </div>
			
 
				+			  </div> 
			
 
				+			</div>
			
 
				+			<div class="recordEntry clearfix">
			
 
				+				<a href="#" class="button btn-gray">取消</a>
			
 
				+				<a href="#" class="button">确定</a>
			
 
				+			</div>
			
 
				+	</div>
			
 
				+</body>
			
--- a/lockSearch.html
+++ b/lockSearch.html
@@ -0,0 +1,26 @@
 
				+<!DOCTYPE html>
			
 
				+<html lang=zh-cn> 
			
 
				+<head>
			
 
				+	<meta charset=utf-8> 
			
 
				+	<title>CLD.System</title> 
			
 
				+	<link rel="shortcut icon" href="images/favicon.ico"> 
			
 
				+	<meta name="viewport" content="width=device-width,initial-scale=1.0">
			
 
				+	<meta name=copyright content=smartcost.com.cn> 
			
 
				+	<link rel=stylesheet href=css/global.css>
			
 
				+</head>
			
 
				+<body>
			
 
				+	<div class="warpContent">
			
 
				+			<legend><a href="mainIndex.html" class="fR">首页</a>在线锁库</legend>
			
 
				+			<div class="control-group">
			
 
				+              <label class="control-label">输入锁号</label>
			
 
				+              <div class="controls">
			
 
				+                <input type="text">
			
 
				+              </div>
			
 
				+		    </div>
			
 
				+		    <div class="control-group">
			
 
				+              <div class="controls">
			
 
				+		   		 <button class="button" type="submit">搜索</button>
			
 
				+              </div>
			
 
				+            </div>
			
 
				+	</div>
			
 
				+</body>
			
--- a/lockSearchResult.html
+++ b/lockSearchResult.html
@@ -0,0 +1,36 @@
 
				+<!DOCTYPE html>
			
 
				+<html lang=zh-cn> 
			
 
				+<head>
			
 
				+	<meta charset=utf-8> 
			
 
				+	<title>CLD.System</title> 
			
 
				+	<link rel="shortcut icon" href="images/favicon.ico"> 
			
 
				+	<meta name="viewport" content="width=device-width,initial-scale=1.0">
			
 
				+	<meta name=copyright content=smartcost.com.cn> 
			
 
				+	<link rel=stylesheet href=css/global.css>
			
 
				+</head>
			
 
				+<body>
			
 
				+	<div class="warpContent">
			
 
				+			<legend><a href="lockSearch.html" class="fR">返回搜索</a>在线锁库</legend>
			
 
				+			<div class="control-group">
			
 
				+			    搜索“<span class="colRed">	HNYH-055</span>”结果 <span class="colRed">2</span> 条符合
			
 
				+			</div>
			
 
				+			<div class="clientList">
			
 
				+				<div class="clientEntry searchResult">
			
 
				+					<p><a href="lockRecord.html">	HNYH-0555</a> / 销售</p>
			
 
				+					<p class="">全国标准</p>
			
 
				+					<p class="">总部</p>
			
 
				+					<p class="">客户：<a>张小娇</a></p>
			
 
				+				</div>
			
 
				+				<div class="clientEntry searchResult">
			
 
				+					<p><a href="lockRecord.html">	HNYH-0556</a> / 销售</p>
			
 
				+					<p class="">全国标准</p>
			
 
				+					<p class="">总部</p>
			
 
				+					<p class="">客户：<a>金存领</a></p>
			
 
				+				</div>
			
 
				+			</div>
			
 
				+			<div class="pageNav">
			
 
				+				<span class="inactivePrev">《</span><a class="current" href="javascript:void(0);">1</a>
			
 
				+				<a class="paginate" href="/index/0/0/0/2">2</a><a class="next" href="/index/0/0/0/2">》</a>
			
 
				+			</div>
			
 
				+	</div>
			
 
				+</body>
			
--- a/login.html
+++ b/login.html
@@ -0,0 +1,36 @@
 
				+<!DOCTYPE html>
			
 
				+<html lang=zh-cn> 
			
 
				+<head>
			
 
				+	<meta charset=utf-8> 
			
 
				+	<title>CLD.System</title> 
			
 
				+	<link rel="shortcut icon" href="images/favicon.ico"> 
			
 
				+	<meta name="viewport" content="width=device-width,initial-scale=1.0">
			
 
				+	<meta name=copyright content=smartcost.com.cn> 
			
 
				+	<link rel=stylesheet href=css/global.css>
			
 
				+</head>
			
 
				+<body>
			
 
				+	<div class="warpContent">
			
 
				+	<div class="login">
			
 
				+		<form>
			
 
				+			<legend>登录CLD.System<sup> 1.3</sup></legend>
			
 
				+			<div class="control-group">
			
 
				+              <label class="control-label">账号</label>
			
 
				+              <div class="controls">
			
 
				+                <input type="text">
			
 
				+              </div>
			
 
				+		    </div>
			
 
				+			<div class="control-group">
			
 
				+              <label class="control-label">密码</label>
			
 
				+              <div class="controls">
			
 
				+                <input type="password">
			
 
				+              </div>
			
 
				+		    </div>
			
 
				+		    <div class="control-group">
			
 
				+              <div class="controls">
			
 
				+		   		 <button class="button" type="submit" >登录</button>
			
 
				+              </div>
			
 
				+            </div>
			
 
				+		</form>
			
 
				+	</div>
			
 
				+	</div>
			
 
				+</body>
			
--- a/mainIndex.html
+++ b/mainIndex.html
@@ -0,0 +1,19 @@
 
				+<!DOCTYPE html>
			
 
				+<html lang=zh-cn> 
			
 
				+<head>
			
 
				+	<meta charset=utf-8> 
			
 
				+	<title>CLD.System</title> 
			
 
				+	<link rel="shortcut icon" href="images/favicon.ico"> 
			
 
				+	<meta name="viewport" content="width=device-width,initial-scale=1.0">
			
 
				+	<meta name=copyright content=smartcost.com.cn> 
			
 
				+	<link rel=stylesheet href=css/global.css>
			
 
				+</head>
			
 
				+<body>
			
 
				+	<div class="warpContent">
			
 
				+			<legend>Hi，陈特</legend>
			
 
				+			<div class="indexNav">
			
 
				+              <a href="clientSearch.html">通讯录</a>
			
 
				+              <a href="lockSearch.html">在线锁库</a>
			
 
				+		    </div>
			
 
				+	</div>
			
 
				+</body>
			
--- a/staff.html
+++ b/staff.html
@@ -0,0 +1,29 @@
 
				+<!DOCTYPE html>
			
 
				+<html lang=zh-cn> 
			
 
				+<head>
			
 
				+	<meta charset=utf-8> 
			
 
				+	<title>CLD.System</title> 
			
 
				+	<link rel="shortcut icon" href="images/favicon.ico"> 
			
 
				+	<meta name="viewport" content="width=device-width,initial-scale=1.0">
			
 
				+	<meta name=copyright content=smartcost.com.cn> 
			
 
				+	<link rel=stylesheet href=css/global.css>
			
 
				+</head>
			
 
				+<body>
			
 
				+	<div class="warpContent">
			
 
				+		<legend><a href="clientSearch.html" class="fR">首页</a>通讯录</legend>
			
 
				+		<div class="clientEntry">
			
 
				+			<table>
			
 
				+			<tbody>
			
 
				+				<tr><th>姓名</th><td>刘飞</td></tr>
			
 
				+				<tr><th>性别</th><td>男</td></tr>
			
 
				+				<tr><th>办事处</th><td><a>广东办</a></td></tr>
			
 
				+				<tr><th>职位</th><td>经理</td></tr>
			
 
				+				<tr><th>手机</th><td>12345678910</td></tr>
			
 
				+				<tr><th>电话</th><td>0000-564645654</td></tr>
			
 
				+				<tr><th>QQ</th><td>12345678</td></tr>
			
 
				+				<tr><th>邮箱</th><td>123456@qq.com</td></tr>
			
 
				+			</tbody>
			
 
				+			</table>
			
 
				+  		</div>
			
 
				+	</div>
			
 
				+</body>
			
--- a/staffGroup.html
+++ b/staffGroup.html
@@ -0,0 +1,51 @@
 
				+<!DOCTYPE html>
			
 
				+<html lang=zh-cn> 
			
 
				+<head>
			
 
				+	<meta charset=utf-8> 
			
 
				+	<title>CLD.System</title> 
			
 
				+	<link rel="shortcut icon" href="images/favicon.ico"> 
			
 
				+	<meta name="viewport" content="width=device-width,initial-scale=1.0">
			
 
				+	<meta name=copyright content=smartcost.com.cn> 
			
 
				+	<link rel=stylesheet href=css/global.css>
			
 
				+</head>
			
 
				+<body>
			
 
				+	<div class="warpContent">
			
 
				+		<legend><a href="clientSearch.html" class="fR">首页</a>通讯录</legend>
			
 
				+		<div class="clientEntry header">
			
 
				+			<table>
			
 
				+			<tbody>
			
 
				+				<tr><th colspan="2">纵横广东办</th></tr>
			
 
				+				<tr><th>员工</th><td>2</td></tr>
			
 
				+			</tbody>
			
 
				+			</table>
			
 
				+  		</div>
			
 
				+		<div class="clientEntry">
			
 
				+			<table>
			
 
				+			<tbody>
			
 
				+				<tr><th>姓名</th><td>刘飞</td></tr>
			
 
				+				<tr><th>性别</th><td>男</td></tr>
			
 
				+				<tr><th>办事处</th><td><a>广东办</a></td></tr>
			
 
				+				<tr><th>职位</th><td>经理</td></tr>
			
 
				+				<tr><th>手机</th><td>12345678910</td></tr>
			
 
				+				<tr><th>电话</th><td>0000-564645654</td></tr>
			
 
				+				<tr><th>QQ</th><td>12345678</td></tr>
			
 
				+				<tr><th>邮箱</th><td>123456@qq.com</td></tr>
			
 
				+			</tbody>
			
 
				+			</table>
			
 
				+  		</div>
			
 
				+		<div class="clientEntry">
			
 
				+			<table>
			
 
				+			<tbody>
			
 
				+				<tr><th>姓名</th><td>刘飞</td></tr>
			
 
				+				<tr><th>性别</th><td>男</td></tr>
			
 
				+				<tr><th>办事处</th><td><a>广东办</a></td></tr>
			
 
				+				<tr><th>职位</th><td>经理</td></tr>
			
 
				+				<tr><th>手机</th><td>12345678910</td></tr>
			
 
				+				<tr><th>电话</th><td>0000-564645654</td></tr>
			
 
				+				<tr><th>QQ</th><td>12345678</td></tr>
			
 
				+				<tr><th>邮箱</th><td>123456@qq.com</td></tr>
			
 
				+			</tbody>
			
 
				+			</table>
			
 
				+  		</div>
			
 
				+	</div>
			
 
				+</body>