9 anos atrás · 7e298cbc2c
--- a/baobiao-add.html
+++ b/baobiao-add.html
@@ -0,0 +1,79 @@
 
				+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
			
 
				+<html xmlns="http://www.w3.org/1999/xhtml">
			
 
				+<head>
			
 
				+<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
			
 
				+<link href="images/style.css" rel="stylesheet" type="text/css" />
			
 
				+<script type="text/javascript" src="js/jquery-1.7.1.min.js"></script>
			
 
				+<script type="text/javascript" src="js/over.js"></script>
			
 
				+</head>
			
 
				+<body>
			
 
				+    <div class="main_content new_product">
			
 
				+	
			
 
				+	<div class="top_tab">
			
 
				+	<div class="main_tab"><a href="#" class="now"><span>报表列表</span></a><a href="#"><span>报表行列值</span></a><a href="#"><span>报表订单</span></a></div>
			
 
				+	</div>
			
 
				+
			
 
				+	<!--table列表-->
			
 
				+	<div class="globle_form">
			
 
				+		<table class="tableForm" cellpadding="0" cellspacing="0">
			
 
				+			<tbody>
			
 
				+			<tr><td width="100">报表名称</td><td><input value="" size="60" class="inputText" type="text"></td></tr>
			
 
				+			<tr><td width="100">售价</td><td><input size="20" class="inputText" type="number" pattern="[0-9]" min="0" step="10">元</td></tr>
			
 
				+			<tr>
			
 
				+				<td>所属类表</td>
			
 
				+				<td>
			
 
				+					<select><option>选项1</option><option>选项2</option></select>&nbsp;
			
 
				+					<select><option>选项1</option><option>选项2</option></select>&nbsp;
			
 
				+					<select><option>选项1</option><option>选项2</option></select>
			
 
				+				</td>
			
 
				+			</tr>
			
 
				+			<tr>
			
 
				+				<td>列表行值</td>
			
 
				+				<td>
			
 
				+					<label><input type="checkbox">清单编号</label>
			
 
				+					<label><input type="checkbox">单位</label>
			
 
				+					<label><input type="checkbox">单价</label>
			
 
				+					<label><input type="checkbox">本期合同计量</label>
			
 
				+					<label><input type="checkbox">本期数量变更计量</label>
			
 
				+					<label><input type="checkbox">本期完成</label>
			
 
				+					<label><input type="checkbox">截止上期完成</label>
			
 
				+					<label><input type="checkbox">截止本期完成</label>
			
 
				+					<label><input type="checkbox">截止本期完成率</label>
			
 
				+				</td>
			
 
				+			</tr>
			
 
				+			<tr>
			
 
				+				<td>列表列值</td>
			
 
				+				<td>
			
 
				+					<label><input type="checkbox">人工</label>
			
 
				+					<label><input type="checkbox">定额基价</label>
			
 
				+					<label><input type="checkbox">直接工程费</label>
			
 
				+					<label><input type="checkbox">间接费</label>
			
 
				+					<label><input type="checkbox">利润及税金</label>
			
 
				+					<label><input type="checkbox">建筑安装工程费</label>
			
 
				+				</td>
			
 
				+			</tr>
			
 
				+			<tr>
			
 
				+				<td>报表预览图</td>
			
 
				+				<td>
			
 
				+					<input type="file"><br>
			
 
				+					<a href="" tarhet="_blank">查看</a>&nbsp;<a href="" class="colRed">删除</a>
			
 
				+				</td>
			
 
				+			</tr>
			
 
				+			<tr>
			
 
				+				<td>报表介绍</td>
			
 
				+				<td>
			
 
				+					<textarea rows="20" cols="100"></textarea>
			
 
				+				</td>
			
 
				+			</tr>
			
 
				+			<tr>
			
 
				+				<td> </td>
			
 
				+				<td>
			
 
				+					<a class="button btn-orange btn-large">确认添加</a>
			
 
				+					<a class="button btn-blue btn-large">确认修改</a>
			
 
				+					<a class="btn-gray">删除</a>
			
 
				+				</td>
			
 
				+			</tr>
			
 
				+		</tbody></table>
			
 
				+	</div>
			
 
				+</body>
			
 
				+</html>
			
--- a/baobiao-colrow.html
+++ b/baobiao-colrow.html
@@ -0,0 +1,66 @@
 
				+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
			
 
				+<html xmlns="http://www.w3.org/1999/xhtml">
			
 
				+<head>
			
 
				+<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
			
 
				+<link href="images/style.css" rel="stylesheet" type="text/css" />
			
 
				+<script type="text/javascript" src="js/jquery-1.7.1.min.js"></script>
			
 
				+<script type="text/javascript" src="js/over.js"></script>
			
 
				+</head>
			
 
				+<body>
			
 
				+    <div class="main_content new_product">
			
 
				+	
			
 
				+	<div class="top_tab">
			
 
				+	<div class="main_tab"><a href="#"><span>报表列表</span></a><a href="#" class="now"><span>报表行列值</span></a><a href="#"><span>报表订单</span></a></div>
			
 
				+	</div>
			
 
				+	<!--添加行值-->
			
 
				+	<div class="main_toolbar clearfix">
			
 
				+		<div class="main_search lf">
			
 
				+		 添加行值：<input id="jsSearchInput" class="inputText" placeholder="输入新行值" style="width:200px">
			
 
				+		</div>
			
 
				+		<a href="#" class="button btn-orange btn-large">添加行值</a>
			
 
				+	</div>
			
 
				+	<div class="globle_form">
			
 
				+			<table class="tableForm" cellpadding="0" cellspacing="0">
			
 
				+			<tbody>
			
 
				+			<tr>
			
 
				+				<td width="90">已添加行值</td>
			
 
				+				<td>
			
 
				+					<a>清单编号</a>
			
 
				+					<a>单位</a>
			
 
				+					<a>单价</a>
			
 
				+					<a>本期合同计量</a>
			
 
				+					<a>本期数量变更计量</a>
			
 
				+					<a>本期完成</a>
			
 
				+					<a>截止上期完成</a>
			
 
				+					<a>截止本期完成</a>
			
 
				+					<a>截止本期完成率</a>
			
 
				+				</td>
			
 
				+			</tr>
			
 
				+		</tbody></table>
			
 
				+	</div>
			
 
				+	<div style="padding:20px 0"></div>
			
 
				+	<!--添加列值-->
			
 
				+	<div class="main_toolbar clearfix">
			
 
				+		<div class="main_search lf">
			
 
				+		 添加列值：<input id="jsSearchInput" class="inputText" placeholder="输入新行值" style="width:200px">
			
 
				+		</div>
			
 
				+		<a href="#" class="button btn-orange btn-large">添加列值</a>
			
 
				+	</div>
			
 
				+	<div class="globle_form">
			
 
				+			<table class="tableForm" cellpadding="0" cellspacing="0">
			
 
				+			<tbody>
			
 
				+			<tr>
			
 
				+				<td width="90">已添加列值</td>
			
 
				+				<td>
			
 
				+					<a>人工</a>
			
 
				+					<a>定额基价</a>
			
 
				+					<a>直接工程费</a>
			
 
				+					<a>间接费</a>
			
 
				+					<a>利润及税金</a>
			
 
				+					<a>建筑安装工程费</a>
			
 
				+				</td>
			
 
				+			</tr>
			
 
				+		</tbody></table>
			
 
				+	</div>
			
 
				+</body>
			
 
				+</html>
			
--- a/baobiao-list.html
+++ b/baobiao-list.html
@@ -0,0 +1,57 @@
 
				+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
			
 
				+<html xmlns="http://www.w3.org/1999/xhtml">
			
 
				+<head>
			
 
				+<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
			
 
				+<link href="images/style.css" rel="stylesheet" type="text/css" />
			
 
				+<script type="text/javascript" src="js/jquery-1.7.1.min.js"></script>
			
 
				+<script type="text/javascript" src="js/over.js"></script>
			
 
				+</head>
			
 
				+<body>
			
 
				+    <div class="main_content new_product">
			
 
				+	
			
 
				+	<div class="top_tab">
			
 
				+	<div class="main_tab"><a class="now" href="#"><span>报表列表</span></a><a href="#"><span>报表行列值</span></a><a href="#"><span>报表订单</span></a></div>
			
 
				+	</div>
			
 
				+	<div class="main_toolbar clearfix">
			
 
				+	<!--搜索-->
			
 
				+	<div class="main_search lf">
			
 
				+	<label for="jsSearchInput">搜索</label>
			
 
				+	 <input id="jsSearchInput" class="inputText">
			
 
				+	 <button type="submit" class="searchBtn"><i>搜索</i></button>
			
 
				+	</div>
			
 
				+	<a href="#" class="button btn-orange btn-large">添加新报表</a>
			
 
				+	</div>
			
 
				+	<!--table列表-->
			
 
				+	<div class="globle_list">
			
 
				+	    <table cellspacing="0" cellpadding="0" class="tableList">
			
 
				+			<tbody>
			
 
				+			<tr>
			
 
				+				<th class="">报表名称</th>
			
 
				+				<th class="">类别</th>
			
 
				+				<th class="">价格</th>
			
 
				+				<th>操作</th>
			
 
				+			</tr>	
			
 
				+			<tr>
			
 
				+				<td class=""><a href="#" target="_blank">大广高速绿化表</a></td>
			
 
				+				<td class="">全国报表模板 / 标表4 / 6单价分析表</td>
			
 
				+				<td class="">300元</td>
			
 
				+				<td><a href="#">编辑</a></td>
			
 
				+			</tr>
			
 
				+			<tr>
			
 
				+				<td class=""><a href="#" target="_blank">大广高速绿化表</a></td>
			
 
				+				<td class="">全国报表模板 / 标表4 / 6单价分析表</td>
			
 
				+				<td class="">300元</td>
			
 
				+				<td><a href="#">编辑</a></td>
			
 
				+			</tr>			
			
 
				+		</tbody></table>
			
 
				+		<div class="pageNav">
			
 
				+			<span class="inactivePrev">«</span>
			
 
				+			<a class="current">1</a>
			
 
				+			<a class="paginate">2</a>
			
 
				+			<a class="paginate">3</a>
			
 
				+			<a class="paginate">4</a>
			
 
				+			<a class="next">»</a>
			
 
				+		</div>
			
 
				+    </div>
			
 
				+</body>
			
 
				+</html>
			
--- a/baobiao-order.html
+++ b/baobiao-order.html
@@ -0,0 +1,57 @@
 
				+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
			
 
				+<html xmlns="http://www.w3.org/1999/xhtml">
			
 
				+<head>
			
 
				+<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
			
 
				+<link href="images/style.css" rel="stylesheet" type="text/css" />
			
 
				+<script type="text/javascript" src="js/jquery-1.7.1.min.js"></script>
			
 
				+<script type="text/javascript" src="js/over.js"></script>
			
 
				+</head>
			
 
				+<body>
			
 
				+    <div class="main_content new_product">
			
 
				+	
			
 
				+	<div class="top_tab">
			
 
				+	<div class="main_tab"><a href="#"><span>报表列表</span></a><a href="#"><span>报表行列值</span></a><a href="#"  class="now" ><span>报表订单</span></a></div>
			
 
				+	</div>
			
 
				+	<div class="main_toolbar clearfix">
			
 
				+		<select><option>2015年</option></select>
			
 
				+		<select><option>1月</option></select>
			
 
				+		月合计：300元；
			
 
				+		年总计：20000元
			
 
				+	</div>
			
 
				+	<!--table列表-->
			
 
				+	<div class="globle_list">
			
 
				+	    <table cellspacing="0" cellpadding="0" class="tableList">
			
 
				+			<tbody>
			
 
				+			<tr>
			
 
				+				<th class="">报表名称</th>
			
 
				+				<th class="">类别</th>
			
 
				+				<th class="">价格</th>
			
 
				+				<th>购买人</th>
			
 
				+				<th>订单时间</th>
			
 
				+			</tr>	
			
 
				+			<tr>
			
 
				+				<td class=""><a href="#" target="_blank">大广高速绿化表</a></td>
			
 
				+				<td class="">全国报表模板 / 标表4 / 6单价分析表</td>
			
 
				+				<td class="">300元</td>
			
 
				+				<td>chente</td>
			
 
				+				<td>2015-10-10</td>
			
 
				+			</tr>
			
 
				+			<tr>
			
 
				+				<td class=""><a href="#" target="_blank">大广高速绿化表</a></td>
			
 
				+				<td class="">全国报表模板 / 标表4 / 6单价分析表</td>
			
 
				+				<td class="">300元</td>
			
 
				+				<td>chente</td>
			
 
				+				<td>2015-10-10</td>
			
 
				+			</tr>			
			
 
				+		</tbody></table>
			
 
				+		<div class="pageNav">
			
 
				+			<span class="inactivePrev">«</span>
			
 
				+			<a class="current">1</a>
			
 
				+			<a class="paginate">2</a>
			
 
				+			<a class="paginate">3</a>
			
 
				+			<a class="paginate">4</a>
			
 
				+			<a class="next">»</a>
			
 
				+		</div>
			
 
				+    </div>
			
 
				+</body>
			
 
				+</html>
			
--- a/blueprint.html
+++ b/blueprint.html
@@ -0,0 +1,54 @@
 
				+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
			
 
				+<html xmlns="http://www.w3.org/1999/xhtml"><head>
			
 
				+<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
			
 
				+<link href="images/global_layout.css" rel="stylesheet" type="text/css" />
			
 
				+<script type="text/javascript" src="images/jquery-1.3.2.min.js"></script>
			
 
				+<script type="text/javascript" src="images/over.js"></script>
			
 
				+</head>
			
 
				+<body>
			
 
				+	<div class="warp_index">
			
 
				+	<table cellpadding="0" cellspacing="0" height="100%" width="100%">
			
 
				+	<tbody>
			
 
				+	<tr>
			
 
				+		<td colspan="2" height="74" class="main_hd">
			
 
				+			<div class="header clearfix">
			
 
				+				<div class="logo lf"></div>
			
 
				+				<div class="nav lf">
			
 
				+					<ul><li><a href="#">价格信息</a></li><li class="now"><a href="#">询价</a></li><li><a href="#">供应商</a></li><li><a href="#">用户中心</a></li><li><a href="#">财务中心</a></li><li><a href="#">内容管理</a></li><li><a href="#">设置</a></li></ul>
			
 
				+				</div>
			
 
				+				<div class="uprofile rt clearfix">
			
 
				+					<div class="u_info lf">
			
 
				+						<b><a href="#">管理员用户名</a></b>
			
 
				+						<p><a href="#">退出</a></p>
			
 
				+					</div>
			
 
				+				</div>
			
 
				+			</div>
			
 
				+			<div class="crumbbar"><a href="#" class="rt">快速导航</a>首页 » 询价 » 添加询价</div>
			
 
				+		</td>
			
 
				+	</tr>
			
 
				+	<tr>
			
 
				+		<td width="150" valign="top" class="main_menu">
			
 
				+			<div class="slidebar">
			
 
				+			<ul class="s_item">
			
 
				+				<li><a href="#">菜单1</a></li>
			
 
				+				<li class="now"><a href="#">菜单2</a></li>
			
 
				+				<li><a href="#">菜单3</a></li>
			
 
				+				<li><a href="#">菜单4</a></li>
			
 
				+				<li><a href="#">菜单5</a></li>
			
 
				+				<li><a href="#">菜单6</a></li>
			
 
				+			</ul>
			
 
				+			
			
 
				+			</div>
			
 
				+		</td>
			
 
				+		<td valign="top" width="100%" class="main_frame">
			
 
				+		
			
 
				+		<iframe src="gloablStyle.html" style="overflow:visible" scrolling="yes"  frameborder="0" height="100%" width="100%"></iframe>
			
 
				+			
			
 
				+		</td>
			
 
				+	</tr>
			
 
				+	</tbody>
			
 
				+	</table>
			
 
				+	<div class="main_bottombar"></div>
			
 
				+	</div>
			
 
				+</body>
			
 
				+</html>
			
--- a/gloablStyle.html
+++ b/gloablStyle.html
@@ -0,0 +1,93 @@
 
				+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
			
 
				+<html xmlns="http://www.w3.org/1999/xhtml">
			
 
				+<head>
			
 
				+<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
			
 
				+<link href="images/style.css" rel="stylesheet" type="text/css" />
			
 
				+<script type="text/javascript" src="js/jquery-1.7.1.min.js"></script>
			
 
				+<script type="text/javascript" src="js/over.js"></script>
			
 
				+</head>
			
 
				+<body>
			
 
				+    <div class="main_content new_product">
			
 
				+	
			
 
				+	<div class="top_tab">
			
 
				+	<div class="main_tab"><a class="now" href="#"><span>新商品</span></a><a href="#"><span>库存商品</span></a></div>
			
 
				+	</div>
			
 
				+	<div class="main_toolbar clearfix">
			
 
				+	<!--搜索-->
			
 
				+	<div class="main_search lf">
			
 
				+	<label for="jsSearchInput">搜索</label>
			
 
				+	 <input id="jsSearchInput" class="inputText">
			
 
				+	 <button type="submit" class="searchBtn"><i>搜索</i></button>
			
 
				+	</div>
			
 
				+	<a href="#" class="button btn-gray btn-large">按钮</a><a href="#" class="button btn-gray btn-icon"><i class="icon iconAdd"></i>添加</a>
			
 
				+	<!--面包屑导航-->
			
 
				+	<div class="main_crumb rt">
			
 
				+	    <span>当前类别:<a href="#">全部</a> > <a href="#">男装</a> > 裤子</span> 
			
 
				+	</div>
			
 
				+	</div>
			
 
				+	<!--table列表-->
			
 
				+	<div class="globle_list">
			
 
				+	    <table cellspacing="0" cellpadding="0" class="tableList">
			
 
				+			<tbody><tr>
			
 
				+				<th class="">码数</th>
			
 
				+				<th class="">颜色</th>
			
 
				+				<th class=" ">花纹</th>
			
 
				+				<th class="">入货价</th>
			
 
				+				<th class="">数量</th>
			
 
				+				<th class="">操作</th>
			
 
				+			</tr>
			
 
				+			<tr class="">
			
 
				+				<td class="">S</td>
			
 
				+				<td class="">红色</td>
			
 
				+				<td class=" ">横条</td>
			
 
				+				<td class="">￥300.00/件</td>
			
 
				+				<td class=" ">50</td>
			
 
				+				<td class=""><a href="#">修改</a>&nbsp;<a href="#">删除</a></td>
			
 
				+			</tr>			
			
 
				+			<tr class="">
			
 
				+				<td class="">S</td>
			
 
				+				<td class="">蓝色</td>
			
 
				+				<td class=" ">横条</td>
			
 
				+				<td class="">￥300.00/件</td>
			
 
				+				<td class=" ">30</td>
			
 
				+				<td class=""><a href="#">修改</a>&nbsp;<a href="#">删除</a></td>
			
 
				+			</tr>					
			
 
				+			<tr class="">
			
 
				+				<td class="">M</td>
			
 
				+				<td class="">绿色</td>
			
 
				+				<td class="">竖条</td>
			
 
				+				<td class="">￥300.00/件</td>
			
 
				+				<td class=" ">25</td>
			
 
				+				<td class=""><a href="#">修改</a>&nbsp;<a href="#">删除</a></td>
			
 
				+			</tr>	
			
 
				+			<tr class="">
			
 
				+				<td class="">M</td>
			
 
				+				<td class="">绿色</td>
			
 
				+				<td class="">竖条</td>
			
 
				+				<td class="">￥300.00/件</td>
			
 
				+				<td class=" ">25</td>
			
 
				+				<td class=""><a href="#">修改</a>&nbsp;<a href="#">删除</a></td>
			
 
				+			</tr>				
			
 
				+		</tbody></table>
			
 
				+    </div>
			
 
				+	<div class="globle_form">
			
 
				+		<table cellspacing="0" cellpadding="0" class="tableForm">
			
 
				+			<tr><td width="100">用户名</td><td>adminsc</td></tr>
			
 
				+			<tr><td>真实姓名</td><td><input type="text" value="" size="30" class="inputText"></td></tr>
			
 
				+			<tr><td>下拉</td><td><select><option>选项1</option><option>选项2</option></select></td></tr>
			
 
				+			<tr><td>单选</td><td><input type="radio">测试</td></tr>
			
 
				+			<tr><td>多选</td><td><input type="checkbox">测试&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<input type="checkbox">测试&nbsp;&nbsp;&nbsp;&nbsp;<input type="checkbox">测试</td></tr>
			
 
				+		</table>
			
 
				+	</div>
			
 
				+	
			
 
				+<a  class="button btn-black" href="#">黑色按钮</a>
			
 
				+<a  class="button btn-orange" href="#">橙色按钮</a>
			
 
				+<a  class="button btn-red btn-icon" href="#"><i class="icon iconDelete"></i>删除</a>
			
 
				+<a  class="button btn-gray btn-large" href="#">灰色色按钮</a>
			
 
				+<a  class="button btn-green btn-icon" href="#"><i class="icon iconConfirm"></i>确认</a>
			
 
				+<a  class="button btn-disabled btn-large" href="#">不能按</a>
			
 
				+<a  class="button" href="#">蓝色按钮</a>
			
 
				+<a  class="button btn-gray btn-icon" href="#"><i class="icon iconCog"></i>设置</a>
			
 
				+
			
 
				+</body>
			
 
				+</html>
			
--- a/images/btnLBg.png
+++ b/images/btnLBg.png
--- a/images/cate_set_tree.gif
+++ b/images/cate_set_tree.gif
--- a/images/clear.gif
+++ b/images/clear.gif
--- a/images/global_layout.css
+++ b/images/global_layout.css
@@ -0,0 +1,346 @@
 
				+/*Reset 样式初始化*/
			
 
				+html, body, form, fieldset, p, a, ul, ol, li, div, legend, label,
			
 
				+br, input, button, textarea, h1, h2, h3, h4, h5,em{
			
 
				+  padding: 0;
			
 
				+  margin: 0;
			
 
				+	font-weight: normal;
			
 
				+	font-style: normal;
			
 
				+	font-size: 12px;
			
 
				+	font-family:"微软雅黑","Tahoma";
			
 
				+	vertical-align: baseline;
			
 
				+	text-align:justify;
			
 
				+	word-wrap:break-word;
			
 
				+	text-justify:inter-ideograph
			
 
				+}
			
 
				+body{text-align:center;overflow:hidden}
			
 
				+ul, ol, li, h1 {
			
 
				+	line-height:normal;
			
 
				+	list-style-image:none;
			
 
				+	list-style-position:outside;
			
 
				+	list-style-type:none
			
 
				+}
			
 
				+dl {
			
 
				+	margin:0
			
 
				+}
			
 
				+dd {
			
 
				+	margin-left:0
			
 
				+}
			
 
				+a {
			
 
				+	outline:none;
			
 
				+}
			
 
				+a img {
			
 
				+	border:0 none
			
 
				+}
			
 
				+img {
			
 
				+	vertical-align:middle;
			
 
				+	border:0px
			
 
				+}
			
 
				+table {
			
 
				+	border-collapse:collapse
			
 
				+}
			
 
				+.clearfix:after {
			
 
				+	content:".";
			
 
				+	display:block;
			
 
				+	height:0;
			
 
				+	clear:both;
			
 
				+	visibility:hidden
			
 
				+}
			
 
				+.clearfix {
			
 
				+	display:inline-block;
			
 
				+	overflow:hidden
			
 
				+}
			
 
				+.clearfix {
			
 
				+	display:block
			
 
				+}
			
 
				+
			
 
				+/*End*/
			
 
				+.hide {display:none}
			
 
				+.lf {float:left}
			
 
				+.rt {float:right}
			
 
				+/*all btn*/
			
 
				+.sbtn_set {
			
 
				+  background:url(sbtn_ico.gif) no-repeat 0 0;
			
 
				+  width:16px;
			
 
				+  height:16px;
			
 
				+  display:inline-block
			
 
				+}
			
 
				+/*login page*/
			
 
				+.warp_login fieldset {
			
 
				+    border: 0 none;
			
 
				+    margin: 0;
			
 
				+    padding: 0;
			
 
				+}
			
 
				+.warp_login #actions {
			
 
				+    margin: 25px 0 0;
			
 
				+}
			
 
				+.warp_login #actions a{
			
 
				+  color:#3151a2;
			
 
				+  float:right;
			
 
				+  line-height:35px;
			
 
				+  margin-left:10px
			
 
				+}
			
 
				+.warp_login #actions a:hover{
			
 
				+  text-decoration:none
			
 
				+}
			
 
				+.warp_login #login {
			
 
				+    background-color: #FFFFFF;
			
 
				+    background-image: -moz-linear-gradient(center top , #FFFFFF, #EEEEEE);
			
 
				+    border-radius:5px;
			
 
				+    box-shadow: 0 0 2px rgba(0, 0, 0, 0.2), 0 1px 1px rgba(0, 0, 0, 0.2), 0 3px 0 #FFFFFF, 0 4px 0 rgba(0, 0, 0, 0.2), 0 6px 0 #FFFFFF, 0 7px 0 rgba(0, 0, 0, 0.2);
			
 
				+    height: 240px;
			
 
				+    left: 50%;
			
 
				+    margin: -150px 0 0 -230px;
			
 
				+    padding: 30px;
			
 
				+    position: absolute;
			
 
				+    top: 50%;
			
 
				+    width: 400px;
			
 
				+    z-index: 0;
			
 
				+}
			
 
				+
			
 
				+.warp_login #login:before {
			
 
				+    border: 1px dashed #CCCCCC;
			
 
				+    bottom: 5px;
			
 
				+    box-shadow: 0 0 0 1px #FFFFFF;
			
 
				+    content: "";
			
 
				+    left: 5px;
			
 
				+    position: absolute;
			
 
				+    right: 5px;
			
 
				+    top: 5px;
			
 
				+    z-index: -1;
			
 
				+}
			
 
				+.warp_login h1
			
 
				+{
			
 
				+    text-shadow: 0 1px 0 rgba(255, 255, 255, .7), 0px 2px 0 rgba(0, 0, 0, .5);
			
 
				+    text-transform: uppercase;
			
 
				+    text-align: center;
			
 
				+    color: #666;
			
 
				+    margin: 0 0 30px 0;
			
 
				+    letter-spacing: 4px;
			
 
				+    font: normal 26px/1 Verdana, Helvetica,"微软雅黑";
			
 
				+    position: relative;
			
 
				+}
			
 
				+
			
 
				+.warp_login h1:after, h1:before
			
 
				+{
			
 
				+    background-color: #777;
			
 
				+    content: "";
			
 
				+    height: 1px;
			
 
				+    position: absolute;
			
 
				+    top: 15px;
			
 
				+    width: 120px;
			
 
				+}
			
 
				+
			
 
				+.warp_login h1:after
			
 
				+{
			
 
				+    background-image: -webkit-gradient(linear, left top, right top, from(#777), to(#fff));
			
 
				+    background-image: -webkit-linear-gradient(left, #777, #fff);
			
 
				+    background-image: -moz-linear-gradient(left, #777, #fff);
			
 
				+    background-image: -ms-linear-gradient(left, #777, #fff);
			
 
				+    background-image: -o-linear-gradient(left, #777, #fff);
			
 
				+    background-image: linear-gradient(left, #777, #fff);
			
 
				+    right: 0;
			
 
				+}
			
 
				+
			
 
				+.warp_login h1:before
			
 
				+{
			
 
				+    background-image: -webkit-gradient(linear, right top, left top, from(#777), to(#fff));
			
 
				+    background-image: -webkit-linear-gradient(right, #777, #fff);
			
 
				+    background-image: -moz-linear-gradient(right, #777, #fff);
			
 
				+    background-image: -ms-linear-gradient(right, #777, #fff);
			
 
				+    background-image: -o-linear-gradient(right, #777, #fff);
			
 
				+    background-image: linear-gradient(right, #777, #fff);
			
 
				+    left: 0;
			
 
				+}
			
 
				+.warp_login #inputs input {
			
 
				+    background: url(login-sprite.png) no-repeat scroll 0 0 #F1F1F1;
			
 
				+    border: 1px solid #CCCCCC;
			
 
				+    border-radius: 5px 5px 5px 5px;
			
 
				+    box-shadow: 0 1px 1px #CCCCCC inset, 0 1px 0 #FFFFFF;
			
 
				+    margin: 0 0 10px;
			
 
				+    padding: 15px 15px 15px 30px;
			
 
				+    width: 353px;
			
 
				+}
			
 
				+.warp_login #username {
			
 
				+    background-position: 5px -2px !important;
			
 
				+}
			
 
				+.warp_login #password {
			
 
				+    background-position: 5px -52px !important;
			
 
				+}
			
 
				+.warp_login #submit {
			
 
				+    background-color: #FFB94B;
			
 
				+    background-image: -moz-linear-gradient(center top , #FDDB6F, #FFB94B);
			
 
				+    border-color: #D69E31 #E3A037 #D5982D;
			
 
				+    border-radius: 3px 3px 3px 3px;
			
 
				+    border-style: solid;
			
 
				+    border-width: 1px;
			
 
				+    box-shadow: 0 0 1px rgba(0, 0, 0, 0.3), 0 1px 0 rgba(255, 255, 255, 0.3) inset;
			
 
				+    color: #8F5A0A;
			
 
				+    cursor: pointer;
			
 
				+    float: left;
			
 
				+    font: bold 15px Arial,Helvetica;
			
 
				+    height: 35px;
			
 
				+    padding: 0;
			
 
				+    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
			
 
				+    width: 120px;
			
 
				+    text-align:center
			
 
				+}
			
 
				+.warp_login #submit:hover, #submit:focus {
			
 
				+    background-color: #FDDB6F;
			
 
				+    background-image: -moz-linear-gradient(center top , #FFB94B, #FDDB6F);
			
 
				+}
			
 
				+
			
 
				+.warp_login #submit:active {
			
 
				+    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.5) inset;
			
 
				+    outline: medium none;
			
 
				+}
			
 
				+
			
 
				+/*!!!index*/
			
 
				+/*main header*/
			
 
				+.warp_index {overflow:hidden}
			
 
				+.warp_index .main_hd {
			
 
				+  background:url(i_headerbg.jpg) repeat left top
			
 
				+}
			
 
				+.warp_index .main_hd .header {
			
 
				+  position:relative;
			
 
				+  height:74px
			
 
				+}
			
 
				+/*main logo*/
			
 
				+.warp_index .main_hd .logo {
			
 
				+  width:225px;
			
 
				+  height:70px;
			
 
				+  background:url(logo.gif) no-repeat
			
 
				+}
			
 
				+/*main nav*/
			
 
				+.warp_index .main_hd .nav {
			
 
				+  position:absolute;
			
 
				+  bottom:0;
			
 
				+  left:250px
			
 
				+}
			
 
				+.warp_index .main_hd .nav li{
			
 
				+ float:left;
			
 
				+ margin:0 5px;
			
 
				+ height:27px;
			
 
				+ line-height:27px;
			
 
				+ background:url(nav_bg.gif) no-repeat right 0;
			
 
				+ padding:0 15px 0 0
			
 
				+}
			
 
				+.warp_index .main_hd .nav li a{
			
 
				+ padding:0 0 0 15px;
			
 
				+ height:27px;
			
 
				+ line-height:27px;
			
 
				+ background:url(nav_bg.gif) no-repeat left 0;
			
 
				+ display:inline-block;
			
 
				+ color:#666;
			
 
				+ text-decoration:none;
			
 
				+ font-weight:600
			
 
				+}
			
 
				+.warp_index .main_hd .nav li a:hover {
			
 
				+ color:#fff;
			
 
				+}
			
 
				+.warp_index .main_hd .nav li.now{
			
 
				+ float:left;
			
 
				+ margin:0 5px;
			
 
				+ height:27px;
			
 
				+ line-height:27px;
			
 
				+ background:url(nav_bg.gif) no-repeat right -27px;
			
 
				+ padding:0 15px 0 0
			
 
				+}
			
 
				+.warp_index .main_hd .nav li.now a{
			
 
				+ padding:0 0 0 15px;
			
 
				+ height:27px;
			
 
				+ line-height:27px;
			
 
				+ background:url(nav_bg.gif) no-repeat left -27px;
			
 
				+ display:inline-block;
			
 
				+ text-decoration:none;
			
 
				+ color:#136e8b;
			
 
				+ font-weight:600
			
 
				+}
			
 
				+.warp_index .main_hd .nav li.now a:hover {
			
 
				+  cursor:default
			
 
				+}
			
 
				+/*main profile 用户信息*/
			
 
				+.warp_index .main_hd .uprofile {
			
 
				+  margin:0 10px 0 0
			
 
				+}
			
 
				+.warp_index .main_hd .uprofile .u_pic {
			
 
				+  border:1px solid #999;
			
 
				+  background:#fff;
			
 
				+  -moz-box-shadow:0 0 8px #003666;
			
 
				+  -webkit-box-shadow:0 0 8px #003666;
			
 
				+  box-shadow:0 0 8px #003666;
			
 
				+  margin:10px
			
 
				+}
			
 
				+.warp_index .main_hd .uprofile .u_pic a{
			
 
				+  display:block;
			
 
				+  margin:2px
			
 
				+}
			
 
				+.warp_index .main_hd .uprofile .u_info {
			
 
				+  margin:10px 0 0 0;
			
 
				+  color:#003666
			
 
				+}
			
 
				+.warp_index .main_hd .uprofile .u_info b {
			
 
				+  margin:0 0 5px 0;
			
 
				+  display:block
			
 
				+}
			
 
				+.warp_index .main_hd .uprofile .u_info b a{
			
 
				+  font-weight:bold
			
 
				+}
			
 
				+.warp_index .main_hd .uprofile .u_info a{
			
 
				+  color:#003666
			
 
				+}
			
 
				+.warp_index .main_hd .uprofile .u_info a:hover{
			
 
				+  color:#066ecb;
			
 
				+  text-decoration:none
			
 
				+}
			
 
				+/*crumb*/
			
 
				+.warp_index .main_hd .crumbbar {
			
 
				+  background:#e0eeef url(i_slidebarbg.gif) repeat-y left top;
			
 
				+  color:#999;
			
 
				+  padding:3px 10px 3px 155px
			
 
				+}
			
 
				+/*main menu slidebar*/
			
 
				+.warp_index .main_menu {
			
 
				+  background:url(i_slidebarbg.gif) repeat-y right top
			
 
				+}
			
 
				+.warp_index .main_menu .slidebar {
			
 
				+  width:150px;
			
 
				+}
			
 
				+.warp_index .slidebar .s_item {
			
 
				+  
			
 
				+}
			
 
				+.warp_index .slidebar .s_item li{
			
 
				+  margin:5px 0;
			
 
				+}
			
 
				+.warp_index .slidebar .s_item li a{
			
 
				+  display:block;
			
 
				+  padding:0 0 0 30px;
			
 
				+  color:#999;
			
 
				+  text-decoration:none;
			
 
				+  height:20px;
			
 
				+  line-height:20px
			
 
				+}
			
 
				+.warp_index .slidebar .s_item li.hover{
			
 
				+  background:#e0eeef
			
 
				+}
			
 
				+.warp_index .slidebar .s_item li.hover a{
			
 
				+  color:#003765
			
 
				+}
			
 
				+.warp_index .slidebar .s_item li.now{
			
 
				+  background:#e0eeef
			
 
				+}
			
 
				+.warp_index .slidebar .s_item li.now a{
			
 
				+  font-weight:600;
			
 
				+  color:#003765
			
 
				+}
			
 
				+/*main frame*/
			
 
				+.warp_index .main_frame{
			
 
				+  overflow:auto
			
 
				+}
			
 
				+
			
 
				+/*main bottom bar*/
			
 
				+.warp_index .main_bottombar {
			
 
				+  height:7px;
			
 
				+  background:url(m_framebarbg.gif) repeat-x;
			
 
				+  position:relative;
			
 
				+  margin:-7px 15px 0 145px;
			
 
				+  }
			
--- a/images/globle_icon.png
+++ b/images/globle_icon.png
--- a/images/i_headerbg.jpg
+++ b/images/i_headerbg.jpg
--- a/images/i_slidebarbg.gif
+++ b/images/i_slidebarbg.gif
--- a/images/input.png
+++ b/images/input.png
--- a/images/loading.gif
+++ b/images/loading.gif
--- a/images/loading2.gif
+++ b/images/loading2.gif
--- a/images/login-sprite.png
+++ b/images/login-sprite.png
--- a/images/logo.gif
+++ b/images/logo.gif
--- a/images/logo_mail.png
+++ b/images/logo_mail.png
--- a/images/m_framebarbg.gif
+++ b/images/m_framebarbg.gif
--- a/images/n_p_tab.gif
+++ b/images/n_p_tab.gif
--- a/images/n_p_tab_line.gif
+++ b/images/n_p_tab_line.gif
--- a/images/nav_bg.gif
+++ b/images/nav_bg.gif
--- a/images/news_icon.gif
+++ b/images/news_icon.gif
--- a/images/op_down.gif
+++ b/images/op_down.gif
--- a/images/op_down2.gif
+++ b/images/op_down2.gif
--- a/images/product_list_bg.gif
+++ b/images/product_list_bg.gif
--- a/images/product_list_bg2.gif
+++ b/images/product_list_bg2.gif
--- a/images/product_list_bg3.gif
+++ b/images/product_list_bg3.gif
--- a/images/sales_ico.gif
+++ b/images/sales_ico.gif
--- a/images/sbtn_icon.png
+++ b/images/sbtn_icon.png
--- a/images/sinawb_sprited.png
+++ b/images/sinawb_sprited.png
--- a/images/slideline.gif
+++ b/images/slideline.gif
--- a/images/style.css
+++ b/images/style.css
@@ -0,0 +1,564 @@
 
				+/*Reset 样式初始化*/
			
 
				+html, body, form, fieldset, p, a, ul, ol, li, div, legend, label,
			
 
				+br, input, button, textarea, h1, h2, h3, h4, h5,em{
			
 
				+  padding: 0;
			
 
				+  margin: 0;
			
 
				+	font-weight: normal;
			
 
				+	font-style: normal;
			
 
				+	font-size: 12px;
			
 
				+	font-family:"宋体","Tahoma";
			
 
				+	vertical-align: baseline;
			
 
				+	text-align:justify;
			
 
				+	word-wrap:break-word;
			
 
				+	text-justify:inter-ideograph
			
 
				+}
			
 
				+body{text-align:center}
			
 
				+ul, ol, li, h1 {
			
 
				+	line-height:normal;
			
 
				+	list-style-image:none;
			
 
				+	list-style-position:outside;
			
 
				+	list-style-type:none
			
 
				+}
			
 
				+dl {
			
 
				+	margin:0
			
 
				+}
			
 
				+dd {
			
 
				+	margin-left:0
			
 
				+}
			
 
				+a {
			
 
				+	outline:none;
			
 
				+}
			
 
				+a img {
			
 
				+	border:0 none
			
 
				+}
			
 
				+img {
			
 
				+	vertical-align:middle;
			
 
				+	border:0px
			
 
				+}
			
 
				+table {
			
 
				+	border-collapse:collapse
			
 
				+}
			
 
				+.clearfix:after {
			
 
				+	content:".";
			
 
				+	display:block;
			
 
				+	height:0;
			
 
				+	clear:both;
			
 
				+	visibility:hidden
			
 
				+}
			
 
				+.clearfix {
			
 
				+	display:inline-block;
			
 
				+	overflow:hidden
			
 
				+}
			
 
				+.clearfix {
			
 
				+	display:block
			
 
				+}
			
 
				+
			
 
				+/*End*/
			
 
				+.hide {display:none}
			
 
				+a.show{display:block}
			
 
				+.lf {float:left}
			
 
				+.rt {float:right}
			
 
				+body{color:#666}
			
 
				+a {color:#1b7dcb;text-decoration:underline}
			
 
				+a:hover {text-decoration:underline;color:#57b0f8}
			
 
				+/*maincontent*/
			
 
				+.main_content {
			
 
				+  padding:5px
			
 
				+}
			
 
				+/* tableList styles */
			
 
				+table.tableList{width:100%;border-collapse:collapse}
			
 
				+table.tableList th,table.tableList td{text-align:left;padding:.5em;border:1px solid #fff;}
			
 
				+table.tableList th{background:#328aa4 url(tr_back.gif) repeat-x;color:#656565;}
			
 
				+table.tableList td{background:#e5f1f4;}
			
 
				+table.tableList tr.odd td{background:#f8fbfc}
			
 
				+table.tableList tr.edit td{background:#FFCECE}
			
 
				+table.tableList tr.hover,table.tableList tr.hover td{border-bottom:1px solid #fbc279}
			
 
				+table.tableList .sbtn{display:inline-block;*display:inline;zoom:1;width:16px;height:16px;margin-right:5px;background:url(sbtn_icon.png) no-repeat;filter:alpha(opacity=50);
			
 
				+	-moz-opacity:0.5;
			
 
				+	-khtml-opacity: 0.5;
			
 
				+	opacity: 0.5;}
			
 
				+table.tableList .sbtn:hover{filter:alpha(opacity=100);
			
 
				+	-moz-opacity:1;
			
 
				+	-khtml-opacity: 1;
			
 
				+	opacity: 1;}
			
 
				+table.tableList .sbtnDel {background-position:0 0}
			
 
				+table.tableList .sbtnEdit {background-position:0 -16px}
			
 
				+table.tableList .sbtnConfirm {background-position:0 -32px}
			
 
				+table.tableList .sbtnCancel {background-position:0 -48px}
			
 
				+/* tableform styles */
			
 
				+table.tableForm{width:100%;border-collapse:collapse}
			
 
				+table.tableForm th,table.tableForm td{text-align:left;padding:1em;border:1px solid #fff;border-bottom:1px solid #f2f2f2}
			
 
				+table.tableForm tr.unfilled {background:#FFCECE}
			
 
				+table.tableForm input.inputText,.inputText { 
			
 
				+	background: url(input.png) repeat-x scroll 0 0 #FFFFFF;
			
 
				+    border: 1px solid #D0D0D0;
			
 
				+    font-size: 12px;
			
 
				+    height: 18px;
			
 
				+    padding: 2px 0 2px 5px;
			
 
				+	color:#999;
			
 
				+	line-height:18px;
			
 
				+	border-top:1px solid #898989;
			
 
				+	border-left:1px solid #898989;
			
 
				+}
			
 
				+table.tableForm input,table.tableList input  {
			
 
				+	vertical-align:middle;
			
 
				+    margin: 0 5px 0 0;
			
 
				+}
			
 
				+table.tableForm select,table.tableList select {
			
 
				+	background: none repeat scroll 0 0 #F9F9F9;
			
 
				+    border-color: #666666 #CCCCCC #CCCCCC #666666;
			
 
				+    border-style: solid;
			
 
				+    border-width: 1px;
			
 
				+    color: #666;
			
 
				+    padding: 2px;
			
 
				+    vertical-align: middle;
			
 
				+}
			
 
				+table.tableForm input.inputHover,table.tableList input.inputHover {
			
 
				+	border-color:#f9c746;
			
 
				+	color:#333;
			
 
				+	background:#fff
			
 
				+}
			
 
				+/*globle icon*/
			
 
				+.main_search button {
			
 
				+	background:url(globle_icon.png) no-repeat
			
 
				+}
			
 
				+/*.button*/
			
 
				+.button {
			
 
				+	float:left;
			
 
				+	height:28px;
			
 
				+	margin-right:10px;
			
 
				+	padding:0 18px;
			
 
				+	line-height:29px;
			
 
				+	text-align:center;
			
 
				+	overflow:hidden;
			
 
				+	font-weight:bold;
			
 
				+	color:#FFF;
			
 
				+	text-shadow:0 1px #276DDD;
			
 
				+	border:1px solid #276DDD;
			
 
				+	border-radius:3px;
			
 
				+	box-shadow:0 1px 2px rgba(0, 0, 0, 0.3);
			
 
				+	background:#4C8FFC url(btnLBg.png) repeat-x 0 -185px;
			
 
				+	text-decoration:none
			
 
				+}
			
 
				+.button:hover {
			
 
				+	text-decoration:none;
			
 
				+	color:#FFF;
			
 
				+	background-position:0 -214px;
			
 
				+}
			
 
				+.button:active {
			
 
				+	background-position:0 -243px;
			
 
				+}
			
 
				+.btn-red {
			
 
				+	text-shadow:0 1px #B4080C;
			
 
				+	border-color:#CE080D;
			
 
				+	background-color:#F23539;
			
 
				+	background-position:0 -431px;
			
 
				+}
			
 
				+.btn-red:hover {
			
 
				+	background-position:0 -460px;
			
 
				+}
			
 
				+.btn-red:active {
			
 
				+	background-position:0 -489px;
			
 
				+}
			
 
				+.btn-green {
			
 
				+	text-shadow:0 1px #598D2F;
			
 
				+	border-color:#6AAB35;
			
 
				+	background-color:#77C13C;
			
 
				+	background-position:0 -518px;
			
 
				+}
			
 
				+.btn-green:hover {
			
 
				+	background-position:0 -547px;
			
 
				+}
			
 
				+.btn-green:active {
			
 
				+	background-position:0 -576px;
			
 
				+}
			
 
				+.btn-orange {
			
 
				+	text-shadow:0 1px #EF7714;
			
 
				+	border-color:#F67E19;
			
 
				+	background-color:#F4A32F;
			
 
				+	background-position:0 -344px;
			
 
				+}
			
 
				+.btn-orange:hover {
			
 
				+	background-position:0 -373px;
			
 
				+}
			
 
				+.btn-orange:active {
			
 
				+	background-position:0 -402px;
			
 
				+}
			
 
				+.btn-gray {
			
 
				+	font-weight:normal;
			
 
				+	color:#666;
			
 
				+	text-shadow:0 1px #FFF;
			
 
				+	border-color:#C5C5C5;
			
 
				+	background-color:#FFF;
			
 
				+	background-position:0 -605px;
			
 
				+	box-shadow:0 1px 2px rgba(0, 0, 0, 0.1);
			
 
				+}
			
 
				+.btn-gray:hover {
			
 
				+	color:#333;
			
 
				+	background-position:0 -634px;
			
 
				+}
			
 
				+.btn-gray:active {
			
 
				+	background-position:0 -663px;
			
 
				+}
			
 
				+.btn-black {
			
 
				+	font-weight:normal;
			
 
				+	color:#f2f2f2;
			
 
				+	text-shadow:0 1px #333;
			
 
				+	border-color:#C5C5C5;
			
 
				+	background-color:#6c6e7d;
			
 
				+	background-position:0 0;
			
 
				+	box-shadow:0 1px 2px rgba(0, 0, 0, 0.1);
			
 
				+}
			
 
				+.btn-black:hover {
			
 
				+	color:#fff;
			
 
				+	background-position:0 -31px;
			
 
				+}
			
 
				+.btn-black:active {
			
 
				+	background-position:0 -108px;
			
 
				+}
			
 
				+.btn-large {
			
 
				+	width:65px;
			
 
				+}
			
 
				+.btn-disabled,
			
 
				+.btn-disabled:hover,
			
 
				+.btn-disabled:active {
			
 
				+	color:#999;
			
 
				+	text-shadow:none;
			
 
				+	border-color:#C5C5C5;
			
 
				+	background-color:#EEE;
			
 
				+	background-position:0 -634px;
			
 
				+	box-shadow:0 1px 2px rgba(0, 0, 0, 0.2);
			
 
				+	cursor:default;
			
 
				+}
			
 
				+.btn-disabled b {
			
 
				+	font-size:18px;
			
 
				+	color:green;
			
 
				+	font-family: Constantia,Georgia
			
 
				+}
			
 
				+/**.btn-icon**/
			
 
				+.btn-icon {
			
 
				+	position:relative;
			
 
				+	padding-left:35px;
			
 
				+}
			
 
				+.btn-icon .icon {
			
 
				+	position:absolute;
			
 
				+	top:7px;
			
 
				+	left:15px;
			
 
				+	width:16px;
			
 
				+	height:16px;
			
 
				+	background:url(globle_icon.png) no-repeat;
			
 
				+}	
			
 
				+.btn-icon .iconAdd {
			
 
				+	background-position:-20px 0
			
 
				+}
			
 
				+.btn-icon .iconConfirm {
			
 
				+	background-position:0 -20px
			
 
				+}
			
 
				+.btn-icon .iconDelete {
			
 
				+	background-position:-20px -20px
			
 
				+}
			
 
				+.btn-icon .iconCog {
			
 
				+	background-position:-40px 0
			
 
				+}
			
 
				+.btn-icon .iconBatch {
			
 
				+	background-position:-40px -20px
			
 
				+}
			
 
				+/*tab*/
			
 
				+.top_tab {
			
 
				+}
			
 
				+ .main_tab {
			
 
				+  display:inline-block;
			
 
				+  *display:inline;
			
 
				+  zoom:1;
			
 
				+  width:100%;
			
 
				+  background:url(n_p_tab_line.gif) repeat-x 0 bottom;
			
 
				+}
			
 
				+ .main_tab a{
			
 
				+  height:26px;
			
 
				+  line-height:26px;
			
 
				+  display:inline-block;
			
 
				+  text-decoration:none;
			
 
				+  margin:0 0 0 10px;
			
 
				+  background:url(n_p_tab.gif) no-repeat 0 -26px;
			
 
				+}
			
 
				+ .main_tab a span{
			
 
				+  height:26px;
			
 
				+  line-height:26px;
			
 
				+  padding:0 15px 0 0;
			
 
				+  margin:0 0 0 15px;
			
 
				+  display:inline-block;
			
 
				+  color:#ccc;
			
 
				+  font-weight:600;
			
 
				+  cursor:pointer;
			
 
				+  background:url(n_p_tab.gif) no-repeat right -26px;
			
 
				+}
			
 
				+ .main_tab a:hover{
			
 
				+}
			
 
				+ .main_tab a:hover span{
			
 
				+  color:#7DC9E1
			
 
				+}
			
 
				+ .main_tab .now{
			
 
				+  background:url(n_p_tab.gif) no-repeat 0 0;
			
 
				+}
			
 
				+ .main_tab .now span{
			
 
				+  background:url(n_p_tab.gif) no-repeat right 0;
			
 
				+  color:#666;
			
 
				+  cursor:default
			
 
				+}
			
 
				+ .main_tab .now:hover span{
			
 
				+  color:#666
			
 
				+}
			
 
				+/*main search*/
			
 
				+.main_content .main_toolbar {
			
 
				+    padding:5px;
			
 
				+    background:#f5f5f5
			
 
				+}
			
 
				+ .main_toolbar {
			
 
				+    padding:5px;
			
 
				+    margin:10px 0 0 0;
			
 
				+    background:#f5f5f5
			
 
				+}
			
 
				+.main_content .main_toolbar {
			
 
				+    padding:5px;
			
 
				+    margin:10px 0 0 0;
			
 
				+    background:#f5f5f5
			
 
				+}
			
 
				+.main_content .main_toolbar span.gLine {
			
 
				+	border-right:1px solid #e3e3e3;
			
 
				+	display:inline-block;
			
 
				+	*display:inline;
			
 
				+	zoom:1;
			
 
				+	height:28px;
			
 
				+	float:left;
			
 
				+	margin:0 10px 0 0
			
 
				+}
			
 
				+.main_toolbar .main_search {
			
 
				+  margin:1px 10px 1px 0;
			
 
				+  height:28px;
			
 
				+  line-height:28px;
			
 
				+  position:relative
			
 
				+}
			
 
				+.main_toolbar .main_search label{
			
 
				+	position:absolute;
			
 
				+	left:5px;
			
 
				+	top:1px;
			
 
				+	z-index:2;
			
 
				+	color:#ccc
			
 
				+}
			
 
				+.main_toolbar .main_search button{
			
 
				+    background-color: transparent;
			
 
				+    background-position:0 0;
			
 
				+    border: 0 none;
			
 
				+    height: 20px;
			
 
				+    right:5px;
			
 
				+    margin: 0;
			
 
				+    position: absolute;
			
 
				+    top: 4px;
			
 
				+    width: 20px;
			
 
				+	cursor:pointer
			
 
				+}
			
 
				+.main_toolbar .main_search button i {
			
 
				+	display:none
			
 
				+}
			
 
				+.main_toolbar .main_search .inputText{
			
 
				+	height:23px
			
 
				+ }
			
 
				+/*globle list*/
			
 
				+.main_content .globle_list {
			
 
				+	margin:10px 0 0 0
			
 
				+} 
			
 
				+/*main crumb*/
			
 
				+ .main_toolbar .main_crumb {
			
 
				+  margin:3px 0 0 0;
			
 
				+  padding:0 0 0 18px;
			
 
				+  background:url(folder.gif) no-repeat 0 center;
			
 
				+  height:28px;
			
 
				+  line-height:28px
			
 
				+}
			
 
				+/*page nav*/
			
 
				+.main_content .pageNav {
			
 
				+	margin:10px 0 0 0;
			
 
				+	text-align:center;
			
 
				+	height:25px
			
 
				+}
			
 
				+.main_content .pageNav a {
			
 
				+	padding:5px 8px;
			
 
				+	margin:0 5px;
			
 
				+	background:#e3e3e3;
			
 
				+	text-decoration:none;
			
 
				+	color:#666
			
 
				+}
			
 
				+.main_content .pageNav a:hover{
			
 
				+	background:#ECFBD4
			
 
				+}
			
 
				+.main_content .pageNav a.now {
			
 
				+	background:#f26600;
			
 
				+	color:#fff
			
 
				+}
			
 
				+.main_content .pageNav a.disClick {
			
 
				+	background:#f2f2f2;
			
 
				+	color:#ccc;
			
 
				+	cursor:default
			
 
				+}
			
 
				+.main_content .pageNav a.current {
			
 
				+	background:#FF8800;
			
 
				+	color:#fff;
			
 
				+	font-weight:600
			
 
				+}
			
 
				+.main_content .mainButton{
			
 
				+	margin:10px 0 0 0;
			
 
				+}
			
 
				+.main_content .mainButton .addTips_success,.main_content .mainButton .addTips_fail {
			
 
				+	background:#D5FFCE;
			
 
				+	border:1px solid #9ADF8F;
			
 
				+	height:28px;
			
 
				+	line-height:28px;
			
 
				+	color:##556652;
			
 
				+	float:left;
			
 
				+	padding:0 20px;
			
 
				+	margin:0 10px
			
 
				+}
			
 
				+.main_content .mainButton .addTips_fail {
			
 
				+	background:#FFCECE;
			
 
				+	color:#665252;
			
 
				+	border-color:#DF8F8F
			
 
				+}
			
 
				+/*category set*/
			
 
				+.category_set {
			
 
				+  width:99%
			
 
				+}
			
 
				+.category_set table {
			
 
				+width:100%;
			
 
				+margin:8px
			
 
				+}
			
 
				+.category_set thead th {
			
 
				+  font-weight:700;
			
 
				+  color:#666;
			
 
				+  padding: 5px 5px 5px 0;
			
 
				+  background:#fff
			
 
				+}
			
 
				+.category_set tr th {
			
 
				+
			
 
				+  padding: 5px 5px 5px 0;
			
 
				+  border-top: 1px dotted #DEEFFB
			
 
				+}
			
 
				+.category_set tr.mouseover {
			
 
				+  background:#FFFBCC
			
 
				+}
			
 
				+.category_set td {
			
 
				+  border-top: 1px dotted #DEEFFB;
			
 
				+    padding: 5px 5px 5px 0;
			
 
				+}
			
 
				+.category_set input {
			
 
				+  color:#666
			
 
				+}
			
 
				+.category_set input.order {
			
 
				+  border-radius: 3px 3px 3px 3px;
			
 
				+  -webkit-border-radius: 3px 3px 3px 3px;
			
 
				+  -moz-border-radius: 3px 3px 3px 3px;
			
 
				+    background:#fff url(input_bg.gif) repeat-x;
			
 
				+    border: 1px solid #DADADA;
			
 
				+    color: #ADADAD;
			
 
				+    height: 18px;
			
 
				+    line-height: 18px;
			
 
				+    padding: 0 3px;
			
 
				+    vertical-align: middle;
			
 
				+    float:left
			
 
				+}
			
 
				+.category_set  th input{
			
 
				+  width:40px;
			
 
				+  text-align:center
			
 
				+}
			
 
				+.category_set  th.sec{
			
 
				+  padding-left:5px
			
 
				+}
			
 
				+.category_set  th.sec input{
			
 
				+  width:35px;
			
 
				+}
			
 
				+.category_set  th.thi{
			
 
				+  padding-left:10px
			
 
				+}
			
 
				+.category_set  th.thi input{
			
 
				+  width:30px
			
 
				+}
			
 
				+.category_set .first_cate input {
			
 
				+  font-weight:600
			
 
				+}
			
 
				+.category_set .first_cate {
			
 
				+  display:inline-block
			
 
				+}
			
 
				+.category_set .second_cate {
			
 
				+  padding:0 0 0 55px;
			
 
				+  background:url(cate_set_tree.gif) no-repeat -55px 0;
			
 
				+  display:inline-block
			
 
				+}
			
 
				+.category_set .third_cate {
			
 
				+  padding:0 0 0 110px;
			
 
				+  background:url(cate_set_tree.gif) no-repeat 0 -50px;
			
 
				+  display:inline-block
			
 
				+}
			
 
				+.category_set .last_cate {
			
 
				+  padding:0 0 0 55px;
			
 
				+  background:url(cate_set_tree.gif) no-repeat -55px -50px
			
 
				+}
			
 
				+.category_set .catebtn {
			
 
				+  background:url(sbtn_icon.png) no-repeat;
			
 
				+  margin: 0 5px 0 0;
			
 
				+  display:block;
			
 
				+  width:16px;
			
 
				+  height:16px;
			
 
				+  float:left
			
 
				+}
			
 
				+.category_set .catebtn_del {
			
 
				+  background-position:0 0;
			
 
				+}
			
 
				+.category_set .catebtn_add {
			
 
				+  background:url(cate_set_tree.gif) no-repeat 0 -71px;
			
 
				+  margin: 0 5px 0 5px;
			
 
				+  display:inline-block; 
			
 
				+  padding:0 0 0 15px;
			
 
				+  height:16px;
			
 
				+  line-height:16px;
			
 
				+  vertical-align:middle;
			
 
				+  float:left;
			
 
				+  text-indent:-9999px;
			
 
				+  width:70px;
			
 
				+}
			
 
				+.category_set .catebtn_add:hover {
			
 
				+  background-position:0 -87px;
			
 
				+  text-indent:0; 
			
 
				+  color:#529ae2;
			
 
				+  text-decoration:none
			
 
				+}
			
 
				+.category_set a.catebtn_nadd {
			
 
				+  color:#529ae2;
			
 
				+  text-decoration:none;
			
 
				+  background:url(cate_set_tree.gif) no-repeat 0 -87px;
			
 
				+  display:inline-block;
			
 
				+  padding:0 0 0 15px;
			
 
				+  height:16px;
			
 
				+  line-height:16px
			
 
				+}
			
 
				+.category_set a.catebtn_nadd:hover {
			
 
				+  color:#529ae2;
			
 
				+  text-decoration:underline
			
 
				+}
			
 
				+.category_set .cateset_btnlist {
			
 
				+  text-align:center
			
 
				+}
			
 
				+.category_set input.m_click{
			
 
				+  border:1px solid #FFC853;
			
 
				+  color:#333;
			
 
				+  background:#fffdf8
			
 
				+}
			
 
				+
			
 
				+
			
 
				+
			
 
				+
			
 
				+
			
 
				+
			
 
				+
			
 
				+
			
 
				+
			
 
				+
			
 
				+
			
--- a/images/top_tabbg.gif
+++ b/images/top_tabbg.gif
--- a/images/tr_back.gif
+++ b/images/tr_back.gif
--- a/images/txwb_sprited.png
+++ b/images/txwb_sprited.png
--- a/images/weekdatebg.gif
+++ b/images/weekdatebg.gif
--- a/images/weixin.png
+++ b/images/weixin.png
--- a/img/img03.gif
+++ b/img/img03.gif
--- a/index.html
+++ b/index.html
@@ -0,0 +1,54 @@
 
				+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
			
 
				+<html xmlns="http://www.w3.org/1999/xhtml"><head>
			
 
				+<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
			
 
				+<link href="images/global_layout.css" rel="stylesheet" type="text/css" />
			
 
				+<script type="text/javascript" src="images/jquery-1.3.2.min.js"></script>
			
 
				+<script type="text/javascript" src="images/over.js"></script>
			
 
				+</head>
			
 
				+<body>
			
 
				+	<div class="warp_index">
			
 
				+	<table cellpadding="0" cellspacing="0" height="100%" width="100%">
			
 
				+	<tbody>
			
 
				+	<tr>
			
 
				+		<td colspan="2" height="74" class="main_hd">
			
 
				+			<div class="header clearfix">
			
 
				+				<div class="logo lf"></div>
			
 
				+				<div class="nav lf">
			
 
				+					<ul><li><a href="#">价格信息</a></li><li class="now"><a href="#">询价</a></li><li><a href="#">供应商</a></li><li><a href="#">用户中心</a></li><li><a href="#">财务中心</a></li><li><a href="#">内容管理</a></li><li><a href="#">设置</a></li></ul>
			
 
				+				</div>
			
 
				+				<div class="uprofile rt clearfix">
			
 
				+					<div class="u_info lf">
			
 
				+						<b><a href="#">管理员用户名</a></b>
			
 
				+						<p><a href="#">退出</a></p>
			
 
				+					</div>
			
 
				+				</div>
			
 
				+			</div>
			
 
				+			<div class="crumbbar"><a href="#" class="rt">快速导航</a>首页 » 询价 » 添加询价</div>
			
 
				+		</td>
			
 
				+	</tr>
			
 
				+	<tr>
			
 
				+		<td width="150" valign="top" class="main_menu">
			
 
				+			<div class="slidebar">
			
 
				+			<ul class="s_item">
			
 
				+				<li><a href="#">菜单1</a></li>
			
 
				+				<li class="now"><a href="#">菜单2</a></li>
			
 
				+				<li><a href="#">菜单3</a></li>
			
 
				+				<li><a href="#">菜单4</a></li>
			
 
				+				<li><a href="#">菜单5</a></li>
			
 
				+				<li><a href="#">菜单6</a></li>
			
 
				+			</ul>
			
 
				+			
			
 
				+			</div>
			
 
				+		</td>
			
 
				+		<td valign="top" width="100%" class="main_frame">
			
 
				+		
			
 
				+		<iframe src="gloablStyle.html" style="overflow:visible" scrolling="yes"  frameborder="0" height="100%" width="100%"></iframe>
			
 
				+			
			
 
				+		</td>
			
 
				+	</tr>
			
 
				+	</tbody>
			
 
				+	</table>
			
 
				+	<div class="main_bottombar"></div>
			
 
				+	</div>
			
 
				+</body>
			
 
				+</html>
			
--- a/js/DD_belatedPNG.js
+++ b/js/DD_belatedPNG.js
--- a/js/jquery-1.7.1.min.js
+++ b/js/jquery-1.7.1.min.js
--- a/js/over.js
+++ b/js/over.js
@@ -0,0 +1,43 @@
 
				+$(function(){
			
 
				+	
			
 
				+$(".l_form dd input").click(function () {
			
 
				+    $(this).addClass("chek");
			
 
				+  }
			
 
				+);
			
 
				+$(".l_form dd input").select(function () {
			
 
				+    $(this).addClass("chek");
			
 
				+  }
			
 
				+);
			
 
				+$(".l_form dd input").blur(function () {
			
 
				+    $(this).removeClass("chek");
			
 
				+  }
			
 
				+  );
			
 
				+
			
 
				+$(".s_item li").hover( function () {
			
 
				+    $(this).addClass("hover");
			
 
				+  },
			
 
				+  function () {
			
 
				+    $(this).removeClass("hover");
			
 
				+  }
			
 
				+); 
			
 
				+
			
 
				+$(".tableList tr").hover( function () {
			
 
				+    $(this).addClass("hover");
			
 
				+  },
			
 
				+  function () {
			
 
				+    $(this).removeClass("hover");
			
 
				+  }
			
 
				+); 
			
 
				+
			
 
				+$(".inputText").click( function () {
			
 
				+    $(this).addClass("inputHover");
			
 
				+  }
			
 
				+); 
			
 
				+$(".inputText").blur(function () {
			
 
				+    $(this).removeClass("inputHover");
			
 
				+  }
			
 
				+  );
			
 
				+
			
 
				+$(".tableList tr:nth-child(odd)").addClass("odd");
			
 
				+  
			
 
				+});
			
--- a/login.html
+++ b/login.html
@@ -0,0 +1,29 @@
 
				+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
			
 
				+<html xmlns="http://www.w3.org/1999/xhtml">
			
 
				+<head>
			
 
				+<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
			
 
				+<link href="images/global_layout.css" rel="stylesheet" type="text/css" />
			
 
				+<script type="text/javascript" src="js/jquery-1.7.1.min.js"></script>
			
 
				+<script type="text/javascript" src="js/over.js"></script>
			
 
				+</head>
			
 
				+<style>
			
 
				+html{height:100%}
			
 
				+body{background-color:#D9DEE2;background-image: -moz-linear-gradient(center top , #EBEEF2, #D9DEE2);height: 100%;}
			
 
				+</style>
			
 
				+<body >
			
 
				+    <div class="warp_login">
			
 
				+	  <form>
			
 
				+			<div id="login">
			
 
				+				<h1>问答后台</h1>
			
 
				+				<fieldset id="inputs">
			
 
				+					<input id="username" type="text" placeholder="输入帐号" autofocus required>
			
 
				+					<input id="password" type="password" placeholder="输入密码" required>
			
 
				+				</fieldset>
			
 
				+				<fieldset id="actions">
			
 
				+					<input type="submit" id="submit" value="登录">
			
 
				+				</fieldset>
			
 
				+			</div>
			
 
				+		</form>
			
 
				+    </div>
			
 
				+</body>
			
 
				+</html>
			
--- a/create.html
+++ b/create.html
@@ -0,0 +1,27 @@
 
				+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
			
 
				+<html xmlns="http://www.w3.org/1999/xhtml">
			
 
				+<head>
			
 
				+<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
			
 
				+<link href="images/style.css" rel="stylesheet" type="text/css" />
			
 
				+<script type="text/javascript" src="js/jquery-1.7.1.min.js"></script>
			
 
				+<script type="text/javascript" src="js/over.js"></script>
			
 
				+</head>
			
 
				+<body>
			
 
				+    <div class="main_content new_product">
			
 
				+	
			
 
				+	<div class="top_tab">
			
 
				+	<div class="main_tab"><a href="#"><span>邮单列表</span></a><a href="#" class="now" ><span>创建邮单</span></a></div>
			
 
				+	</div>
			
 
				+
			
 
				+	<div class="globle_form">
			
 
				+		<table cellspacing="0" cellpadding="0" class="tableForm">
			
 
				+			<tr><td width="100">当天额度</td><td><b style="color:#f90000">76379</b> （发送旧网络版至少需要<b>21000</b>，发送通行账号至少需要<b>15000</b>）</td></tr>
			
 
				+			<tr><td width="100">发送范围</td><td><input type="radio" value="">通行账号(共:65678)    <input type="radio" value="">旧网络版(共:61925)</td></tr>
			
 
				+			<tr><td width="100">邮件标题</td><td><input type="text" value="" size="30" class="inputText"></td></tr>
			
 
				+			<tr><td>邮件正文</td><td><input type="text" value="" size="30" class="inputText"></td></tr>
			
 
				+			<tr><td></td><td><a  class="button  btn-gray btn-large" href="#">返回列表</a><a  class="button btn-green btn-icon" href="#"><i class="icon iconConfirm"></i>创建邮单</a></td></tr>
			
 
				+		</table>
			
 
				+	</div>
			
 
				+	
			
 
				+</body>
			
 
				+</html>
			
--- a/view.html
+++ b/view.html
--- a/mailList.html
+++ b/mailList.html
@@ -0,0 +1,50 @@
 
				+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
			
 
				+<html xmlns="http://www.w3.org/1999/xhtml">
			
 
				+<head>
			
 
				+<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
			
 
				+<link href="images/style.css" rel="stylesheet" type="text/css" />
			
 
				+<script type="text/javascript" src="js/jquery-1.7.1.min.js"></script>
			
 
				+<script type="text/javascript" src="js/over.js"></script>
			
 
				+</head>
			
 
				+<body>
			
 
				+    <div class="main_content new_product">
			
 
				+	
			
 
				+	<div class="top_tab">
			
 
				+	<div class="main_tab"><a class="now" href="#"><span>邮单列表</span></a><a href="#"><span>创建邮单</span></a></div>
			
 
				+	</div>
			
 
				+
			
 
				+	<!--table列表-->
			
 
				+	<div class="main_toolbar clearfix">
			
 
				+	SendClound当天可发送量：<b style="color:#f90000">76379</b>（发送旧网络版至少需要<b>21000</b>，发送通行账号至少需要<b>15000</b>）
			
 
				+	</div>
			
 
				+	<div class="globle_list">
			
 
				+	    <table cellspacing="0" cellpadding="0" class="tableList">
			
 
				+			<tbody><tr>
			
 
				+				<th class="">邮单标题</th>
			
 
				+				<th class="">创建时间</th>
			
 
				+				<th class="">发送范围</th>
			
 
				+				<th class=" ">发送状态</th>
			
 
				+			</tr>
			
 
				+			<tr class="">
			
 
				+				<td class=""><a>邮件标题</a></td>
			
 
				+				<td class="">2014-07-10</td>
			
 
				+				<td class="">通行账号</td>
			
 
				+				<td class=""><a class="button btn-disabled btn-large">1已发送</a><a class="button btn-disabled btn-large">2已发送</a><a class="button btn-disabled btn-large">3已发送</a><a class="button btn-green" href="#">发送4</a><a class="button btn-green" href="#">发送5</a></td>
			
 
				+			</tr>	
			
 
				+			<tr class="">
			
 
				+				<td class=""><a>邮件标题</a></td>
			
 
				+				<td class="">2014-07-10</td>
			
 
				+				<td class="">通行账号</td>
			
 
				+				<td class=""><a class="button btn-green" href="#">发送1</a><a class="button btn-green" href="#">发送2</a><a class="button btn-green" href="#">发送3</a><a class="button btn-green" href="#">发送4</a><a class="button btn-green" href="#">发送5</a></td>
			
 
				+			</tr>	
			
 
				+			<tr class="">
			
 
				+				<td class=""><a>邮件标题</a></td>
			
 
				+				<td class="">2014-07-10</td>
			
 
				+				<td class="">旧网络版</td>
			
 
				+				<td class=""><a class="button btn-green" href="#">发送组1</a><a class="button btn-green" href="#">发送组2</a><a class="button btn-green" href="#">发送组3</a></td>
			
 
				+			</tr>				
			
 
				+		</tbody></table>
			
 
				+    </div>
			
 
				+
			
 
				+</body>
			
 
				+</html>
			
--- a/vipSet.html
+++ b/vipSet.html
@@ -0,0 +1,60 @@
 
				+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
			
 
				+<html xmlns="http://www.w3.org/1999/xhtml">
			
 
				+<head>
			
 
				+<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
			
 
				+<link href="images/style.css" rel="stylesheet" type="text/css" />
			
 
				+<script type="text/javascript" src="js/jquery-1.7.1.min.js"></script>
			
 
				+<script type="text/javascript" src="js/over.js"></script>
			
 
				+</head>
			
 
				+<body>
			
 
				+    <div class="main_content new_product">
			
 
				+	
			
 
				+	<div class="top_tab">
			
 
				+	<div class="main_tab"><a class="now" href="#"><span>年费会员</span></a><a href="#"><span>设置</span></a><a href="#"><span>添加会员</span></a></div>
			
 
				+	</div>
			
 
				+	<div class="main_toolbar clearfix">
			
 
				+	<!--搜索-->
			
 
				+	<div class="main_search lf">
			
 
				+	<label for="jsSearchInput">搜索</label>
			
 
				+	 <input id="jsSearchInput" class="inputText">
			
 
				+	 <button type="submit" class="searchBtn"><i>搜索</i></button>
			
 
				+	</div> 购买年费<b>12</b>人，未到期<b>10</b>人，已到期<b>2</b>
			
 
				+	</div>
			
 
				+	<!--table列表-->
			
 
				+	<div class="globle_list">
			
 
				+	    <table cellspacing="0" cellpadding="0" class="tableList">
			
 
				+			<tbody>
			
 
				+			<tr>
			
 
				+				<th class="">账号</th>
			
 
				+				<th class="">邮箱</th>
			
 
				+				<th class="">手机</th>
			
 
				+				<th class="">购买日期</th>
			
 
				+				<th class="">到期日期</th>
			
 
				+				<th class="">支付方式</th>
			
 
				+				<th class="">销售人</th>
			
 
				+				<th class="">操作人</th>
			
 
				+			</tr>	
			
 
				+			<tr>
			
 
				+				<td class="">翡翠虾饺</td>
			
 
				+				<td class="">kaka_chen@sina.com</td>
			
 
				+				<td class="">1234567890</td>
			
 
				+				<td class="">2014-03-06</td>
			
 
				+				<td class="">2015-03-06</td>
			
 
				+				<td class="">￥200</td>
			
 
				+				<td class="">周洪波</td>
			
 
				+				<td class="">王晶</td>
			
 
				+			</tr>	
			
 
				+			<tr>
			
 
				+				<td class="">翡翠虾饺</td>
			
 
				+				<td class="">kaka_chen@sina.com</td>
			
 
				+				<td class="">1234567890</td>
			
 
				+				<td class="">2014-03-06</td>
			
 
				+				<td class="">2015-03-06</td>
			
 
				+				<td class="">培训班</td>
			
 
				+				<td class="">周洪波</td>
			
 
				+				<td class="">王晶</td>
			
 
				+			</tr>			
			
 
				+		</tbody></table>
			
 
				+    </div>
			
 
				+</body>
			
 
				+</html>
			
--- a/vipSet2.html
+++ b/vipSet2.html
@@ -0,0 +1,25 @@
 
				+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
			
 
				+<html xmlns="http://www.w3.org/1999/xhtml">
			
 
				+<head>
			
 
				+<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
			
 
				+<link href="images/style.css" rel="stylesheet" type="text/css" />
			
 
				+<script type="text/javascript" src="js/jquery-1.7.1.min.js"></script>
			
 
				+<script type="text/javascript" src="js/over.js"></script>
			
 
				+</head>
			
 
				+<body>
			
 
				+    <div class="main_content new_product">
			
 
				+	
			
 
				+	<div class="top_tab">
			
 
				+		<div class="main_tab"><a href="#"><span>年费会员</span></a><a  class="now" href="#"><span>设置</span></a><a href="#"><span>添加会员</span></a></div>
			
 
				+	</div>
			
 
				+
			
 
				+	<div class="globle_form">
			
 
				+		<table cellspacing="0" cellpadding="0" class="tableForm">
			
 
				+			<tr><td width="100">年费价格</td><td>￥<input type="text"  class="inputText"></td></tr>
			
 
				+		</table>
			
 
				+	</div>
			
 
				+
			
 
				+<a  class="button" href="#">确认</a>
			
 
				+
			
 
				+</body>
			
 
				+</html>
			
--- a/vipSet3.html
+++ b/vipSet3.html
@@ -0,0 +1,30 @@
 
				+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
			
 
				+<html xmlns="http://www.w3.org/1999/xhtml">
			
 
				+<head>
			
 
				+<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
			
 
				+<link href="images/style.css" rel="stylesheet" type="text/css" />
			
 
				+<script type="text/javascript" src="js/jquery-1.7.1.min.js"></script>
			
 
				+<script type="text/javascript" src="js/over.js"></script>
			
 
				+</head>
			
 
				+<body>
			
 
				+    <div class="main_content new_product">
			
 
				+	
			
 
				+	<div class="top_tab">
			
 
				+		<div class="main_tab"><a href="#"><span>年费会员</span></a><a href="#"><span>设置</span></a><a  class="now" href="#"><span>添加会员</span></a></div>
			
 
				+	</div>
			
 
				+
			
 
				+	<div class="globle_form">
			
 
				+		<table cellspacing="0" cellpadding="0" class="tableForm">
			
 
				+			<tr><td width="100">会员帐号</td><td><input type="text"  class="inputText"></td></tr>
			
 
				+			<tr><td width="100">购买期限</td><td><select><option>一年</option><option>二年</option><option>三年</option></select></td></tr>
			
 
				+			<tr><td>支付方式</td><td><input type="radio">普通销售（￥121.00）&nbsp;<input type="radio">培训班</td></tr>
			
 
				+			<tr><td>开始日期</td><td><input type="date" class="inputText"></td></tr>
			
 
				+			<tr><td>销售人</td><td><input type="text" class="inputText"></td></tr>
			
 
				+			<tr><td>操作人</td><td><input type="text" class="inputText"></td></tr>
			
 
				+		</table>
			
 
				+	</div>
			
 
				+
			
 
				+<a  class="button" href="#">确认</a>
			
 
				+
			
 
				+</body>
			
 
				+</html>