练习
来源：互联网 发布：deepin linux 15.3 编辑：程序博客网 时间：2024/04/29 10:14
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><meta content="IE=EmulateIE7" http-equiv="X-UA-Compatible" /><title>用户中心</title><link href="style.css" type="text/css" rel="stylesheet"><link href="activitiystyle/usercenter_account.css" type="text/css" rel="stylesheet"><script type="text/javascript" src="../../js/jquery-1.4.9.min.js"></script><script type="text/javascript" src="activitiyjs/usercenter_account.js"></script></head><body><div class="userw"> <div class="userc_title"> <span style="width:88px">我的品</span><code>></code><b id="changestitle">用户中心</b> </div> <div class="userc_body"> <div class="userc_list"> <h2 class="listhead"><a href="javascript:showStartPage()">用户中心</a></h2> <div id="ucate"> <h1 onclick="utab(0)"> <span>账户中心</span><img src="images/user_up.gif" /> </h1> <ul id="accountCenterList" style="display: block;"> <li><a href="javascript:">账户信息</a></li> <li><a href="javascript:">账户安全</a></li> <li><a href="javascript:">账户余额</a></li> <li><a href="javascript:">消费记录</a></li> <li><a href="javascript:">我的积分</a></li> <li><a href="javascript:">我的评论</a></li> <li><a href="javascript:">我的红包</a></li> </ul> <div style="clear:both"></div> <h1 onclick="utab(1)"> <span>订单中心</span><img src="images/user_up.gif" /> </h1> <ul id="orderCenterList" class="bor" style="display: block;"> <li><a href="javascript:">我的订单</a></li> <li><a href="javascript:">收货地址</a></li> <li><a href="javascript:">我的收藏</a></li> <li><a href="javascript:">浏览历史</a></li> </ul> </div> </div> <div style="float:right"> <div class="userc_content"> <div class="userc_contenttop"> <div class="userc_img"> <img src="images/usercenter/usercenter_1.jpg" /> <p><b>注册会员</b><br /><font>会员级别说明</font></p> </div> <div class="userc_info"> <p class="userc_info_p1"><b>1234567</b>，欢迎您来到！<span>上次登录时间：<font>2013-05-14 14:33:25</font></span></p> <div class="userc_info_p2"> <font>安全级别：</font> <div id="security"> <b class="selectSecurity">弱</b> <b>中</b> <b>强</b> </div> <img src="images/usercenter/usercenter_2.jpg" /><a href="javascript:">手机未验证</a> <img src="images/usercenter/usercenter_3.jpg" /><a href="javascript:">邮箱未验证</a> <div class="userc_order"> <p>订单提醒：<b>进行中的订单(0)</b>待评价商品(0)</p> <table cellspacing="0" cellpadding="0"> <tr> <td class="borderright"><b>账户余额：</b><label>￥0</label></td> <td><b>总消费额：</b>￥0.00</td> </tr> <tr> <td class="borderright"><b>我的红包：</b>共计0个，价值￥0.00</td> <td><b>会员积分：</b>0分</td> </tr> </table> </div> </div> </div> </div> <div class="userc_collection"> <b class="cotitle">您收藏的商品</b> <div class="colist"> <span class="prev no_click" id="prev"></span> <span class="next " id="next"></span> <div id="slider_pic"> <ul> <li><a href="#"><img src="images/usercenter/usercenter_7.jpg" width="114" height="114" /></a><p><a href="#">全运会珍邮大典</a><br />价：<font>2700.00</font></p><a href="#"><img src="images/usercenter/usercenter_8.jpg" /></a></li> <li><a href="#"><img src="images/usercenter/usercenter_7.jpg" width="114" height="114" /></a><p><a href="#">全运会珍邮大典</a><br />价：<font>2700.00</font></p><a href="#"><img src="images/usercenter/usercenter_8.jpg" /></a></li> <li><a href="#"><img src="images/usercenter/usercenter_7.jpg" width="114" height="114" /></a><p><a href="#">全运会珍邮大典</a><br />价：<font>2700.00</font></p><a href="#"><img src="images/usercenter/usercenter_8.jpg" /></a></li> <li><a href="#"><img src="images/usercenter/usercenter_7.jpg" width="114" height="114" /></a><p><a href="#">全运会珍邮大典</a><br />价：<font>2700.00</font></p><a href="#"><img src="images/usercenter/usercenter_8.jpg" /></a></li> <li><a href="#"><img src="images/usercenter/usercenter_7.jpg" width="114" height="114" /></a><p><a href="#">全运会珍邮大典</a><br />价：<font>2700.00</font></p><a href="#"><img src="images/usercenter/usercenter_8.jpg" /></a></li> </ul> </div> </div> </div> </div> <div class="userc_myorder"> <div class="myorder"> <p> <b>我的订单</b> </p> <span><b>便利提醒：</b>待付款（<font>2</font>）待确认收货（<font>0</font>）</span> </div> <div class="allorder"> <p><span>全部订单（<b>2</b>）</span><input class="searchOrderText" type="text" name="" placeholder="商品名称、商品编号、订单编号" /><input class="searchOrderBtn" type="button" name="" value="查询" /></p> <div class="allorderlist"> <table cellspacing="0" cellpadding="0"> <tr class="listtoptr"> <td width="97">订单号</td> <td width="234">订单商品</td> <td width="78">收货人</td> <td width="95">订单金额</td> <td width="107"> </td> <td width="105"> <select name="orderState"> <option value ="allstate">全部状态</option> <option value ="1">等待付款</option> <option value ="2">等待收货</option> <option value ="3">已取消</option> <option value ="4">已完成</option> </select> </td> <td width="102">操作</td> </tr> <tr height="20"><td colspan="7"></td></tr> <tr class="listbottr"> <td>725592707</td> <td><a href="#" target="_blank"><img class="listimg" src="images/usercenter/usercenter_12.jpg" /></a></td> <td>张三</td> <td>￥195.50<br />在线支付</td> <td>2013-09-03<br />13:43:52</td> <td class="bgcolor"> 等待收货<br /> <div class="tooltip"> <img src="images/usercenter/usercenter_13.jpg" /> <a href="javascript:">跟踪</a> <img src="images/usercenter/usercenter_14.jpg" /> <div class="orderstate"> <div class="stateh"> <span><font>处理时间</font>处理信息</span> <a href="javascript:closeOrderState()"></a> </div> <div class="statec"> <ul> <li> <div class="fore1">2013-11-19 21:56:19</div> <div class="fore2">您提交了订单，请等待系统确认</div> </li> <li> <div class="fore1">2013-11-20 10:31:15</div> <div class="fore2">第三方卖家已经开始拣货，订单不能修改</div> </li> <li> <div class="fore1">2013-11-19 21:56:19</div> <div class="fore2">您的订单已经出库，等待发货</div> </li> </ul> </div> <div class="stateb"></div> </div> </div> </td> <td class="noborderright"><a target="_blank" href="usercenter_order.html">查看</a><br /><a href="javascript:">取消订单</a></td> </tr> <tr height="20"><td colspan="7"></td></tr> <tr class="listbottr"> <td>725592707</td> <td><a href="#" target="_blank"><img class="listimg" src="images/usercenter/usercenter_12.jpg" /></a></td> <td>张三</td> <td>￥195.50<br />在线支付</td> <td>2013-09-03<br />13:43:52</td> <td>已完成</td> <td class="noborderright"><a target="_blank" href="usercenter_order.html">查看</a><br /><a href="javascript:">删除</a> <a href="javascript:">评价</a></td> </tr> <tr height="20"><td colspan="7"></td></tr> <tr class="listbottr"> <td>725592707</td> <td><a href="#" target="_blank"><img class="listimg" src="images/usercenter/usercenter_12.jpg" /></a></td> <td>张三</td> <td>￥195.50<br />在线支付</td> <td>2013-09-03<br />13:43:52</td> <td class="bgcolor"> 等待收货<br /> <div class="tooltip"> <img src="images/usercenter/usercenter_13.jpg" /> <a href="javascript:">跟踪</a> <img src="images/usercenter/usercenter_14.jpg" /> <div class="orderstate"> <div class="stateh"> <span><font>处理时间</font>处理信息</span> <a href="javascript:closeOrderState()"></a> </div> <div class="statec"> <ul> <li> <div class="fore1">2013-11-19 21:56:19</div> <div class="fore2">您提交了订单，请等待系统确认</div> </li> <li> <div class="fore1">2013-11-20 10:31:15</div> <div class="fore2">第三方卖家已经开始拣货，订单不能修改</div> </li> <li> <div class="fore1">2013-11-19 21:56:19</div> <div class="fore2">您的订单已经出库，等待发货</div> </li> </ul> </div> <div class="stateb"></div> </div> </div> </td> <td class="noborderright"><a target="_blank" href="usercenter_order.html">查看</a><br /><a href="javascript:">取消订单</a></td> </tr> <tr height="20"><td colspan="7"></td></tr> </table> <div class="orderpage"> <div> <b>1/1</b> <a class="da" href="#none">上一页</a> <a class="xa" href="#none">1</a> <a class="xa active" href="#none">2</a> <a class="xa" href="#none">3</a> <a class="xa" href="#none">4</a> <a class="xa" href="#none">5</a> <a class="da" href="#none">下一页</a> </div> </div> </div> </div> </div> <div class="userc_myAddress"> <p class="title"> <span class="top">收货地址</span> </p> <p class="addAddress"> <a href="javascript:addAddress()">新增</a> <span>已有收货地址<font>2</font>个,还可添加<font>18</font>个收货地址</span> </p> <div class="oaddAddress"> <div id="1" class="addressVessel defaultaddress"> <div class="addresst"> <h3>地址1<font></font></h3> <div class="vextra"> <a class="setdefault" href="javascript:">设为默认</a> <a class="editaddress" href="javascript:">编辑</a> <a class="deladdress" href="javascript:">删除</a> </div> </div> <div class="addressc"> <table cellspacing="0" cellpadding="0"> <tr> <td class="tfr" width="82">收货人：</td> <td width="396">小小草</td> <td class="tfr" width="74">手机号码：</td> <td width="218">18911166655</td> </tr> <tr> <td class="tfr">配送区域：</td> <td>北京市 大兴区</td> <td class="tfr">电子邮箱：</td> <td>13545681@163.com</td> </tr> <tr> <td class="tfr">收货地址：</td> <td height="30">北京市大兴区五环至六环之间大兴区星光影视园内14栋五层</td> <td class="tfr">邮编：</td> <td>10000</td> </tr> </table> </div> </div> <div id="2" class="addressVessel"> <div class="addresst"> <h3>地址2<font></font></h3> <div class="vextra"> <a class="setdefault" href="javascript:">设为默认</a> <a class="editaddress" href="javascript:">编辑</a> <a class="deladdress" href="javascript:">删除</a> </div> </div> <div class="addressc"> <table cellspacing="0" cellpadding="0"> <tr> <td class="tfr" width="82">收货人：</td> <td width="396">小小草</td> <td class="tfr" width="74">手机号码：</td> <td width="218">18911166655</td> </tr> <tr> <td class="tfr">配送区域：</td> <td>北京市 大兴区</td> <td class="tfr">电子邮箱：</td> <td>13545681@163.com</td> </tr> <tr> <td class="tfr">收货地址：</td> <td height="30">北京市大兴区五环至六环之间大兴区星光影视园内14栋五层</td> <td class="tfr">邮编：</td> <td>10000</td> </tr> </table> </div> </div> </div> <p class="addAddress"> <a href="javascript:addAddress()">新增</a> <span>已有收货地址<font>2</font>个,还可添加<font>18</font>个收货地址</span> </p> <div id="addressInfo"> <a class="closead" href="javascript:closead()"></a> <table cellspacing="0" cellpadding="0"> <tr> <td class="tfr" width="110"><font>*</font>收货人姓名：</td> <td width="624"> <input id="userName" maxlength="20" type="text" placeholder="" name="" /> <span id="userNameTip"> </span> </td> </tr> <tr> <td class="tfr"><font>*</font>收货地址：</td> <td> <select id="selCountries" onchange="" name="country"> <option value="0">请选择国家</option><option value="1">中国</option> </select> <select id="selProvinces" onchange="" name="province"> <option value="0">请选择省</option> <option value="2">北京</option> <option value="3">安徽</option> <option value="4">福建</option> <option value="5">甘肃</option> <option value="6">广东</option> <option value="7">广西</option> <option value="8">贵州</option> <option value="9">海南</option> <option value="10">河北</option> <option value="11">河南</option> <option value="12">黑龙江</option> <option value="13">湖北</option> <option value="14">湖南</option> <option value="15">吉林</option> <option value="16">江苏</option> <option value="17">江西</option> <option value="18">辽宁</option> <option value="19">内蒙古</option> <option value="20">宁夏</option> <option value="21">青海</option> <option value="22">山东</option> <option value="23">山西</option> <option value="24">陕西</option> <option value="25">上海</option> <option value="26">四川</option> <option value="27">天津</option> <option value="28">西藏</option> <option value="29">新疆</option> <option value="30">云南</option> <option value="31">浙江</option> <option value="32">重庆</option> <option value="33">香港</option> <option value="34">澳门</option> <option value="35">台湾</option> </select> <select id="selCities" onchange="" name="city"> <option value="0">请选择市</option> <option value="138">石家庄</option> <option value="139">保定</option> <option value="140">沧州</option> <option value="141">承德</option> <option value="142">邯郸</option> <option value="143">衡水</option> <option value="144">廊坊</option> <option value="145">秦皇岛</option> <option value="146">唐山</option> <option value="147">邢台</option> <option value="148">张家口</option> </select> <select id="selDistricts" name="district" style="display:none"> <option value="0">请选择区</option> <option value="1234">桥西区</option> <option value="1235">桥东区</option> <option value="1236">宣化区</option> <option value="1237">下花园区</option> <option value="1238">宣化县</option> <option value="1239">张北县</option> <option value="1240">康保县</option> <option value="1241">沽源县</option> <option value="1242">尚义县</option> <option value="1243">蔚县</option> <option value="1244">阳原县</option> <option value="1245">怀安县</option> <option value="1246">万全县</option> <option value="1247">怀来县</option> <option value="1248">涿鹿县</option> <option value="1249">赤城县</option> <option value="1250">崇礼县</option> </select><b>城区</b> <span id="userAddressTip"></span> </td> </tr> <tr> <td class="tfr"><font>*</font>详细地址：</td> <td> <input id="userAddressInfo" maxlength="50" type="text" placeholder="" name="" /> <span id="addressInfoTip">（填写详细地址有助于快速配送）</span> </td> </tr> <tr> <td class="tfr">邮政编码：</td> <td> <input id="zipCode" type="text" placeholder="" name="" /> <span id="zipCodeTip"> </span> </td> </tr> <tr> <td class="tfr"><font>*</font>联系电话：</td> <td> <input id="userPhone" type="text" placeholder="" name="" /> <b>固定电话：</b><input id="userTel" type="text" placeholder="" name="" /> <span id="telTip"></span> </td> </tr> <tr> <td class="tfr">邮箱：</td> <td> <input id="userEmail" type="text" placeholder="" name="" /> <span id="EmailTip">（用来接收订单提醒邮件，便于您及时了解订单状态）</span> </td> </tr> <tr> <td colspan="2" class="tfc"> <a id="btnDoSaveAddress" href="javascript:">保存收货信息</a> </td> </tr> </table> </div> </div> <div class="userc_myCollection"> <p class="title"> <span class="top">我的收藏（暂存架）</span> <span class="bot">关于我的收藏：遇到感兴趣的商品时，如果还没决定立即购买，或者商品暂时缺货，您可以先把它放入我的收藏，以便下次的查找与购买。</span> </p> <ul> <li class="collectiontop">商品<font>价</font>操作</li> <!--收藏商品遍历goodslist--> <li class="goodslist"> <input name="collectiongood" type="checkbox" value="" /> <img class="goodimg" src="images/usercenter/usercenter_15.jpg" /> <p> <a href="#">薄荷日记</a><br /> <b class="goodsAssess" grade="4"></b><a href="#">133评价</a><br /> 收藏时间：2013-08-19 </p> <font class="goodsprice">￥79.00</font> <span> <a href="javascript:"><img src="images/usercenter/usercenter_17.jpg" /></a> <a href="javascript:">取消收藏</a> </span> </li> <li class="goodslist"> <input name="collectiongood" type="checkbox" value="" /> <img class="goodimg" src="images/usercenter/usercenter_15.jpg" /> <p> <a href="#">薄荷日记</a><br /> <b class="goodsAssess" grade="3"></b><a href="#">133评价</a><br /> 收藏时间：2013-08-19 </p> <font class="goodsprice">￥79.00</font> <span> <a href="javascript:"><img src="images/usercenter/usercenter_17.jpg" /></a> <a href="javascript:">取消收藏</a> </span> </li> <li class="collectionbot"> <span><input class="collectiongood" onclick="selectAll(this)" name="collectiongood" type="checkbox" value="" />全选<a href="javascript:">取消收藏</a></span> <div class="collectionpage"> <b>1/1</b> <a class="da" href="#none">上一页</a> <a class="xa" href="#none">1</a> <a class="xa active" href="#none">2</a> <a class="xa" href="#none">3</a> <a class="xa" href="#none">4</a> <a class="xa" href="#none">5</a> <a class="da" href="#none">下一页</a> </div> </li> </ul> </div> <div class="userc_myBrowse"> <span class="myBrowse_header"> <h2>浏览历史</h2> <a id="btn_clear" href="javascript:">清空全部浏览历史</a> </span> <div class="item"> <ul id="recenthistory"> <li> <div class="time"> <b class="title">今天</b> <div class="date">11月10日<br>15:36</div> <div class="dot"></div> </div> <div class="dity"> <div class="mod"> <div class="it-img"> <a target="_blank" href="javascript:"><img width="140" height="140" src="images/usercenter/usercenter_23.jpg" /></a> </div> <div class="it-list"> <h3> <a href="javascript:">53º汾酒集团20年陈酿（中国红）475ml</a> </h3> <div class="it-price"> <b>价：</b><font>￥96.00</font> <b>市场价：</b><del>￥558.00</del> </div> <div class="buton"> <a class="addflow" href="javascript:">加入购物车</a> <a class="addfavorite" href="javascript:">加收藏</a> <a class="delet" href="javascript:">清除该浏览历史</a> </div> </div> </div> </div> </li> <li> <div class="time"> <b class="title">昨天</b> <div class="date">11月10日<br>15:36</div> <div class="dot"></div> </div> <div class="dity"> <div class="mod"> <div class="it-img"> <a target="_blank" href="javascript:"><img width="140" height="140" src="images/usercenter/usercenter_23.jpg" /></a> </div> <div class="it-list"> <h3> <a href="javascript:">53º汾酒集团20年陈酿（中国红）475ml</a> </h3> <div class="it-price"> <b>价：</b><font>￥96.00</font> <b>市场价：</b><del>￥558.00</del> </div> <div class="buton"> <a class="addflow" href="javascript:">加入购物车</a> <a class="addfavorite" href="javascript:">加收藏</a> <a class="delet" href="javascript:">清除该浏览历史</a> </div> </div> </div> </div> </li> <li> <div class="time"> <b class="title">更早</b> <div class="date">11月10日<br>15:36</div> <div class="dot"></div> </div> <div class="dity"> <div class="mod"> <div class="it-img"> <a target="_blank" href="javascript:"><img width="140" height="140" src="images/usercenter/usercenter_23.jpg" /></a> </div> <div class="it-list"> <h3> <a href="javascript:">53º汾酒集团20年陈酿（中国红）475ml</a> </h3> <div class="it-price"> <b>价：</b><font>￥96.00</font> <b>市场价：</b><del>￥558.00</del> </div> <div class="buton"> <a class="addflow" href="javascript:">加入购物车</a> <a class="addfavorite" href="javascript:">加收藏</a> <a class="delet" href="javascript:">清除该浏览历史</a> </div> </div> </div> </div> </li> <li> <div class="time"> <b class="title">更早</b> <div class="date">11月10日<br>15:36</div> <div class="dot"></div> </div> <div class="dity"> <div class="mod"> <div class="it-img"> <a target="_blank" href="javascript:"><img width="140" height="140" src="images/usercenter/usercenter_23.jpg" /></a> </div> <div class="it-list"> <h3> <a href="javascript:">53º汾酒集团20年陈酿（中国红）475ml</a> </h3> <div class="it-price"> <b>价：</b><font>￥96.00</font> <b>市场价：</b><del>￥558.00</del> </div> <div class="buton"> <a class="addflow" href="javascript:">加入购物车</a> <a class="addfavorite" href="javascript:">加收藏</a> <a class="delet" href="javascript:">清除该浏览历史</a> </div> </div> </div> </div> </li> <li> <div class="time"> <b class="title">更早</b> <div class="date">11月10日<br>15:36</div> <div class="dot"></div> </div> <div class="dity"> <div class="mod"> <div class="it-img"> <a target="_blank" href="javascript:"><img width="140" height="140" src="images/usercenter/usercenter_23.jpg" /></a> </div> <div class="it-list"> <h3> <a href="javascript:">53º汾酒集团20年陈酿（中国红）475ml</a> </h3> <div class="it-price"> <b>价：</b><font>￥96.00</font> <b>市场价：</b><del>￥558.00</del> </div> <div class="buton"> <a class="addflow" href="javascript:">加入购物车</a> <a class="addfavorite" href="javascript:">加收藏</a> <a class="delet" href="javascript:">清除该浏览历史</a> </div> </div> </div> </div> </li> </ul> </div> </div> <div class="userc_accountInfo"> <p class="title"> <span class="top">账户信息</span> </p> <table cellspacing="0" cellpadding="0"> <tr> <td class="tfr" width="70">用户名：</td> <td width="438">****22157@qq.c**</td> </tr> <tr> <td class="tfr">会员等级：</td> <td class="userlevel"> <i class="level">aaa</i> <a href="#none">铜牌会员</a> </td> </tr> <tr> <td class="tfr">性别：</td> <td> 保密<input name="usergender" type="radio" value="保密" checked="checked" /> 男<input name="usergender" type="radio" value="男" /> 女<input name="usergender" type="radio" value="女" /> </td> </tr> <tr> <td class="tfr">生日：</td> <td> <select id="birthYear" name="birthyear" onchange=""> <option value ="2013">2013</option> <option value ="2012">2012</option> <option value ="2011">2011</option> <option value ="2010">2010</option> <option value ="2009">2009</option> </select>年 <select id="birthMonth" name="birthmonth" onchange=""> <option value ="1">1</option> <option value ="2">2</option> <option value ="3">3</option> <option value ="4">4</option> <option value ="5">5</option> </select>月 <select id="birthDay" name="birthday" onchange=""> <option value ="1">1</option> <option value ="2">2</option> <option value ="3">3</option> <option value ="4">4</option> <option value ="5">5</option> </select>日 </td> </tr> <tr> <td class="tfr">手机号码：</td> <td> <div id="telVerified" verified="false"> <input id="accountTel" type="text" placeholder="" name="" /> <a id="verTel" href="javascript:">立即验证</a> <p class="verified"><b>189*****595</b><a href="javascript:">修改</a><font>已验证</font></p> </div> </td> </tr> <tr> <td class="tfr">邮箱：</td> <td> <div id="emailVerified" verified="true"> <input id="accountEmail" type="text" placeholder="" name="" /> <a id="verEmail" href="javascript:">立即验证</a> <p class="verified"><b>76*****43@qq.com</b><a href="javascript:">修改</a><font>已验证</font></p> </div> </td> </tr> <tr> <td colspan="2"><a id="subAccountInfo" href="#none">确 认</a></td> </tr> </table> </div> <div class="userc_accountSafe"> <p class="title"> <span class="top">账户安全</span> </p> <div class="accountlevel"> <span class="levelfont">安全级别：<font>低</font></span> <div id="accountsecurity"> <b class="selectSecurity">弱</b> <b>中</b> <b>强</b> </div> <spam>建议您通过以下方式提高安全级别！</span> </div> <div class="accountmode"> <ul> <li> <i></i> <b>登陆密码</b> <span>互联网账号存在被盗风险，建议您定期更改密码以保护账号安全。</span> <a href="javascript:">修改</a> </li> <li class="notverified"> <i></i> <b>邮箱验证</b> <span>验证后，可用于快速找回登录密码，接收账户余额变动提醒。</span> <a class="verifa" href="javascript:">立即验证</a> </li> <li class="bordernot notverified"> <i></i> <b>手机验证</b> <span>验证后，可用于快速找回登录密码及支付密码，接收账户余额变动提醒。</span> <a class="verifa" href="javascript:">立即验证</a> </li> </ul> </div> <div class="accountprompt"> <b>安全服务提示</b> <span>1.确认您登录的是<a target="_blank" href="#">#</a>，注意防范进入钓鱼网站，不要轻信各种即时通讯工具发送的商品或支付链接，谨防<br /> 网购诈骗。<br />2.建议您安装杀毒软件，并定期更新操作系统等软件补丁，确保账户及交易安全。</span> </div> </div> <div class="userc_accountBalance"> <div class="balancet"> <p class="title"> <span class="top">账户余额</span> </p> <span>可用余额：<b>￥0</b></span> <a class="recharge" href="javascript:">充值</a> <a onmouseover="showCashWay()" onmouseout="closeCashWay()" href="javascript:">查看提现方式</a> <div class="cashway"> <span>为了保障您账户余额的安全，如需提现，请致电客服进行申请和审核：400-111-2811</span> </div> </div> <table cellspacing="0" cellpadding="0"> <tr class="listt"> <td width="149">时间</td> <td width="179">充值单号</td> <td width="107">充值金额</td> <td width="199">状态</td> <td width="186">备注</td> </tr> <tr class="listc"> <td>2013-08-29 17:37:55</td> <td>860764</td> <td>100.00</td> <td class="listcbg">未支付</td> <td class="noborder">充值100元</td> </tr> <tr class="listc"> <td>2013-08-29 17:37:55</td> <td>860764</td> <td>100.00</td> <td class="listcbg">未支付</td> <td class="noborder">充值100元</td> </tr> <tr class="listc"> <td>2013-08-29 17:37:55</td> <td>860764</td> <td>100.00</td> <td class="listcbg">未支付</td> <td class="noborder">充值100元</td> </tr> </table> <div class="user_pagination"> <p class="user_page"> <span>1/1</span> <a class="da" href="#none">上一页</a> <a class="xa" href="#none">1</a> <a class="xa active" href="#none">2</a> <a class="xa" href="#none">3</a> <a class="xa" href="#none">4</a> <a class="xa" href="#none">5</a> <a class="da" href="#none">下一页</a> </p> </div> </div> <div class="userc_record"> <div class="recordt"> <p class="title"> <span class="top">消费记录</span> </p> <span class="recordabout">近一年实际消费额：<b>￥8888.00</b><a href="#none">查看您的会员级别</a></span> </div> <div class="record_list"> <a id="nearlytm" class="recordactive" href="javascript:">近三个月记录</a><a id="tmago" href="javascript:">三个月前数据</a> <table cellspacing="0" cellpadding="0"> <tr class="listt"> <td width="179">时间</td> <td width="124">涉及订单号</td> <td width="249">消费金额</td> <td width="269">备注</td> </tr> <tr class="listc"> <td>2013-08-28 11:52:16</td> <td>698867200</td> <td>￥39.90</td> <td class="noborder">订单698867200完成增加消费额</td> </tr> <tr class="listc"> <td>2013-08-26 11:52:16</td> <td>698862325</td> <td>￥98.00</td> <td class="noborder">订单698862325完成增加消费额</td> </tr> <tr class="listc"> <td>2013-08-26 11:52:16</td> <td>698862325</td> <td>￥98.00</td> <td class="noborder">订单698862325完成增加消费额</td> </tr> <tr class="listc"> <td>2013-08-26 11:52:16</td> <td>698862325</td> <td>￥98.00</td> <td class="noborder">订单698862325完成增加消费额</td> </tr> <tr class="listc"> <td>2013-08-26 11:52:16</td> <td>698862325</td> <td>￥98.00</td> <td class="noborder">订单698862325完成增加消费额</td> </tr> <tr class="listc"> <td>2013-08-26 11:52:16</td> <td>698862325</td> <td>￥98.00</td> <td class="noborder">订单698862325完成增加消费额</td> </tr> <tr class="listc"> <td>2013-08-26 11:52:16</td> <td>698862325</td> <td>￥98.00</td> <td class="noborder">订单698862325完成增加消费额</td> </tr> <tr class="listc"> <td>2013-08-26 11:52:16</td> <td>698862325</td> <td>￥98.00</td> <td class="noborder">订单698862325完成增加消费额</td> </tr> </table> <div class="user_pagination"> <p class="user_page"> <span>1/1</span> <a class="da" href="#none">上一页</a> <a class="xa" href="#none">1</a> <a class="xa active" href="#none">2</a> <a class="xa" href="#none">3</a> <a class="xa" href="#none">4</a> <a class="xa" href="#none">5</a> <a class="da" href="#none">下一页</a> </p> </div> </div> <div class="accountprompt"> <b>特殊说明</b> <span>系统仅显示您两年之内的余额明细，更早的余额明细不再显示。</span> </div> </div> <div class="userc_myCredit"> <div class="myCreditt"> <p class="title"> <span class="top">我的积分</span> </p> <span class="myCreditabout">您当前的积分：<b>158</b></span> </div> <div class="myCredit_list"> <a id="credittm" class="creditactive" href="javascript:">积分记录</a> <table cellspacing="0" cellpadding="0"> <tr> <td class="seltd" colspan="4"> <select id="selCredit" onchange="" name="mycredit"> <option value="0">最近三个月积分记录</option> </select> </td> </tr> <tr class="listt"> <td width="159">日期</td> <td width="129">获取积分</td> <td width="129">消耗积分</td> <td width="404">详细说明</td> </tr> <tr class="listc"> <td>2013-08-28 11:52:16</td> <td>6</td> <td>-</td> <td class="noborder">649789-交易成功奖励积分</td> </tr> <tr class="listc"> <td>2013-08-28 11:52:16</td> <td>6</td> <td>-</td> <td class="noborder">649789-交易成功奖励积分</td> </tr> <tr class="listc"> <td>2013-08-28 11:52:16</td> <td>6</td> <td>-</td> <td class="noborder">649789-交易成功奖励积分</td> </tr> </table> <div class="user_pagination"> <p class="user_page"> <span>1/1</span> <a class="da" href="#none">上一页</a> <a class="xa" href="#none">1</a> <a class="xa active" href="#none">2</a> <a class="xa" href="#none">3</a> <a class="xa" href="#none">4</a> <a class="xa" href="#none">5</a> <a class="da" href="#none">下一页</a> </p> </div> </div> <div class="myCreditprompt"> <b>积分获取及使用常见问题</b> <span>1、<br />2、</span> </div> </div> <div class="userc_myComment"> <div class="myComment"> <p class="title"> <span class="top">我的评论</span> </p> <span class="myCommentabout">您的评价将是其他网友重要的购买参考，并影响商品评分。</span> </div> <div class="comment_list"> <div class="listtit"> <b>商品评价</b> <select id="selComment" onchange="" name="mycomment"> <option value="0">全部商品</option> <option value="1">待评论商品</option> </select> </div> <ul> <li class="listheader"> <font>商品信息</font><font class="listhfg">购买时间</font><font>评价</font> </li> <li class="commentlistinfo"> <div class="listinfo"> <a href="#none" target="_blank"><img src="images/usercenter/usercenter_38.jpg" /></a> <span> <a href="#none" target="_blank">中秋纪念钞十连号</a> </span> <font>2013-08-29</font> <a class="showcommentbt" href="javascript:">发表评论<b class="icon_show"></b></a> </div> <div class="docomment"> <div class="score"> <span><em>*</em>评分：</span> <label> <input type="radio" value="5" name="point"> <b class="scoresa sa5"></b> </label> <label> <input type="radio" value="4" name="point"> <b class="scoresa sa4"></b> </label> <label> <input type="radio" value="3" name="point"> <b class="scoresa sa3"></b> </label> <label> <input type="radio" value="2" name="point"> <b class="scoresa sa2"></b> </label> <label> <input type="radio" value="1" name="point"> <b class="scoresa sa1"></b> </label> </div> <div class="tips"> <span><em>*</em>心得：</span> <textarea class="tipsarea" rows="" cols="" name="" placeholder="商品是否给力？快分享你的购买心得吧~"></textarea> <div class="msg_text">10-500字</div> </div> <div class="docommentbut"> <a href="javascript:">评价并继续</a> </div> </div> </li> <li class="commentlistinfo"> <div class="listinfo"> <a href="#none" target="_blank"><img src="images/usercenter/usercenter_38.jpg" /></a> <span> <a href="#none" target="_blank">中秋纪念钞十连号</a> </span> <font>2013-08-29</font> <a class="showcommentbt" href="javascript:">发表评论<b class="icon_show"></b></a> </div> <div class="docomment"> <div class="score"> <span><em>*</em>评分：</span> <label> <input type="radio" value="5" name="point"> <b class="scoresa sa5"></b> </label> <label> <input type="radio" value="4" name="point"> <b class="scoresa sa4"></b> </label> <label> <input type="radio" value="3" name="point"> <b class="scoresa sa3"></b> </label> <label> <input type="radio" value="2" name="point"> <b class="scoresa sa2"></b> </label> <label> <input type="radio" value="1" name="point"> <b class="scoresa sa1"></b> </label> </div> <div class="tips"> <span><em>*</em>心得：</span> <textarea class="tipsarea" rows="" cols="" name="" placeholder="商品是否给力？快分享你的购买心得吧~"></textarea> <div class="msg_text">10-500字</div> </div> <div class="docommentbut"> <a href="javascript:">评价并继续</a> </div> </div> </li> <li class="commentlistinfo"> <div class="listinfo"> <a href="#none" target="_blank"><img src="images/usercenter/usercenter_38.jpg" /></a> <span> <a href="#none" target="_blank">中秋纪念钞十连号</a> </span> <font>2013-08-29</font> <a class="showcommentbt" href="javascript:">发表评论<b class="icon_show"></b></a> </div> <div class="docomment"> <div class="score"> <span><em>*</em>评分：</span> <label> <input type="radio" value="5" name="point"> <b class="scoresa sa5"></b> </label> <label> <input type="radio" value="4" name="point"> <b class="scoresa sa4"></b> </label> <label> <input type="radio" value="3" name="point"> <b class="scoresa sa3"></b> </label> <label> <input type="radio" value="2" name="point"> <b class="scoresa sa2"></b> </label> <label> <input type="radio" value="1" name="point"> <b class="scoresa sa1"></b> </label> </div> <div class="tips"> <span><em>*</em>心得：</span> <textarea class="tipsarea" rows="" cols="" name="" placeholder="商品是否给力？快分享你的购买心得吧~"></textarea> <div class="msg_text">10-500字</div> </div> <div class="docommentbut"> <a href="javascript:">评价并继续</a> </div> </div> </li> <li class="commentlistinfo"> <div class="listinfo"> <a href="#none" target="_blank"><img src="images/usercenter/usercenter_38.jpg" /></a> <span> <a href="#none" target="_blank">中秋纪念钞十连号</a> </span> <font>2013-08-29</font> <a class="showcommentbt" href="javascript:">发表评论<b class="icon_show"></b></a> </div> <div class="docomment"> <div class="score"> <span><em>*</em>评分：</span> <label> <input type="radio" value="5" name="point"> <b class="scoresa sa5"></b> </label> <label> <input type="radio" value="4" name="point"> <b class="scoresa sa4"></b> </label> <label> <input type="radio" value="3" name="point"> <b class="scoresa sa3"></b> </label> <label> <input type="radio" value="2" name="point"> <b class="scoresa sa2"></b> </label> <label> <input type="radio" value="1" name="point"> <b class="scoresa sa1"></b> </label> </div> <div class="tips"> <span><em>*</em>心得：</span> <textarea class="tipsarea" rows="" cols="" name="" placeholder="商品是否给力？快分享你的购买心得吧~"></textarea> <div class="msg_text">10-500字</div> </div> <div class="docommentbut"> <a href="javascript:">评价并继续</a> </div> </div> </li> <li class="commentlistinfo"> <div class="listinfo"> <a href="#none" target="_blank"><img src="images/usercenter/usercenter_38.jpg" /></a> <span> <a href="#none" target="_blank">中秋纪念钞十连号</a> </span> <font>2013-08-29</font> <a class="showcommentbt" href="javascript:">发表评论<b class="icon_show"></b></a> </div> <div class="docomment"> <div class="score"> <span><em>*</em>评分：</span> <label> <input type="radio" value="5" name="point"> <b class="scoresa sa5"></b> </label> <label> <input type="radio" value="4" name="point"> <b class="scoresa sa4"></b> </label> <label> <input type="radio" value="3" name="point"> <b class="scoresa sa3"></b> </label> <label> <input type="radio" value="2" name="point"> <b class="scoresa sa2"></b> </label> <label> <input type="radio" value="1" name="point"> <b class="scoresa sa1"></b> </label> </div> <div class="tips"> <span><em>*</em>心得：</span> <textarea class="tipsarea" rows="" cols="" name="" placeholder="商品是否给力？快分享你的购买心得吧~"></textarea> <div class="msg_text">10-500字</div> </div> <div class="docommentbut"> <a href="javascript:">评价并继续</a> </div> </div> </li> </ul> </div> <div class="user_pagination"> <p class="user_page"> <span>1/1</span> <a class="da" href="#none">上一页</a> <a class="xa" href="#none">1</a> <a class="xa active" href="#none">2</a> <a class="xa" href="#none">3</a> <a class="xa" href="#none">4</a> <a class="xa" href="#none">5</a> <a class="da" href="#none">下一页</a> </p> </div> </div> <div style="clear:both"></div> <div class="userc_redEnvelope"> <div class="redEnvelope_top"> <p><span>我的红包</span></p> </div> <div class="redEnvelope_list"> <b class="redEnvelope_listtitle">未使用红包</b> <b class="redEnvelope_listtitle">已使用红包</b> <b class="redEnvelope_listtitle">已过期红包</b> <div class="redEnvelope_listcon"> <table cellspacing="0" cellpadding="0"> <tr class="redelisttop"> <td width="96">编号</td> <td width="96">类别</td> <td width="89">面值</td> <td width="110">所需消费金额</td> <td width="204">有效期</td> <td width="224">使用限制</td> </tr> <tr class="redelistw"> <td>196583535</td> <td><b>红包</b></td> <td><font>￥30.00</font></td> <td><font>￥300.00</font></td> <td><span>2013-09-01至2014-09-01</span><br /><b class="expiring">即将过期</b></td> <td class="noborder">无限制</td> </tr> <tr class="redelistw"> <td>196583535</td> <td><b>XX活动红包</b></td> <td><font>￥30.00</font></td> <td><font>￥300.00</font></td> <td><span>2013-09-01至2014-09-01</span><br /><b class="expiring">即将过期</b></td> <td class="noborder">仅可购买XX活动力的商品</td> </tr> <tr class="redelistw"> <td>196583535</td> <td><b>XX活动红包</b></td> <td><font>￥30.00</font></td> <td><font>￥300.00</font></td> <td><span>2013-09-01至2014-09-01</span><br /><b class="expiring">即将过期</b></td> <td class="noborder">仅可购买XX活动力的商品</td> </tr> </table> </div> <div class="redEnvelope_listcon"> <table cellspacing="0" cellpadding="0"> <tr class="redelisttop"> <td width="96">编号</td> <td width="96">类别</td> <td width="89">面值</td> <td width="110">所需消费金额</td> <td width="204">订单号</td> <td width="224">使用时间</td> </tr> <tr class="redelistw"> <td>196583535</td> <td><b>红包</b></td> <td><font>￥30.00</font></td> <td><font>￥300.00</font></td> <td>598995175</td> <td class="noborder">2013-06-13</td> </tr> </table> </div> <div class="redEnvelope_listcon"> <table cellspacing="0" cellpadding="0"> <tr class="redelisttop"> <td width="141">编号</td> <td width="141">类别</td> <td width="134">面值</td> <td width="110">所需消费金额</td> <td width="146">使用限制</td> <td width="147">状态</td> </tr> <tr class="redelistw"> <td>196583535</td> <td><b>红包</b></td> <td><font>￥30.00</font></td> <td><font>￥300.00</font></td> <td>无限制</td> <td class="noborder">已过期</td> </tr> </table> </div> </div> </div> </div> </div></div><div id="fullbg"></div></body><!--[if IE 6]><script src="js/DD_belatedPNG.js"></script><script> DD_belatedPNG.fix('*');</script><![endif]--></html>
