<{import file="common.html" title="我的优惠券"}>  
<style type="text/css">
body{ background:#f8f8f8; }  
.headerBox{ width:100%; border-bottom:1px solid #efefef; margin-bottom:10px; background:#fff; float:left;} 
.headerBox a{ width:33.333333%; padding:0.28rem 0 0.18rem; font-size:0.28rem; text-align:center; float:left; } 
.headerBox a.ch{ border-bottom:1px solid #f00; color:#f00; } 

.clist{ width:100%; float:left; }
.quan{ width:96%; margin:0 2% 0.2rem; border:1px solid #F3F1F1; background:#fff; box-sizing: border-box; box-shadow:1px 2px 5px #efefef; float:left; } 
.quan .qrit{ width:35%; background:#2BA5F6; padding:0.5rem 0 0.3rem; float:left; }
.quan .qrit.use{ background:#ddd; }
.quan .qrit p { line-height:0rem; width:100%; text-align:center; margin:0; float:left;  }
.quan .qrit p span{ width:100%; text-align:center; margin:0; line-height:0rem; color:#fff; padding:0.2rem 0;  float:left; }
.quan .qrit p span i{ width:100%; font-size:0.3rem; text-align:center; color:#fff; font-weight:bold; clear:both; margin:0 0 0 -0.2rem;   }
.quan .qrit p span em{ width:100%; font-size:0.8rem; text-align:center; color:#fff; font-weight:bold; clear:both;  }
 
.quan .qlft{ width:62.5%; padding:0 0 0 2.5%; float:left; }
.quan .qlft .desc{ width:98%; font-size:0.28rem; padding:0.28rem 2% 0 0; float:left; }
.quan .qlft .tm{ width:100%; float:left; }
.quan .qlft .tm span{font-size:0.23rem; margin:0.32rem 0 0 0; color:#666; float:left; }
.quan .qlft .tm a{ border:1px solid #2BA5F6; font-size:0.25rem; padding:0.1rem 0.2rem; border-radius:0.5rem; color:#2BA5F6; margin:0.2rem 0.2rem 0 0; float:right; } 
</style>
<div class="cnav"><a class="back" href="<{$__WAP__}>member/index"></a>我的优惠券<a href="javascript:;" class="thome">主页</a></div>
<div class="clist">
	<div class="headerBox">
		<a href="<{$__WAP__}>account/coupon?status=1"<{if $smarty.get.status == '' || $smarty.get.status == '1'}> class="ch"<{/if}>>未使用</a>
		<a href="<{$__WAP__}>account/coupon?status=2"<{if $smarty.get.status == '2'}> class="ch"<{/if}>>使用记录</a>
		<a href="<{$__WAP__}>account/coupon?status=3"<{if $smarty.get.status == '3'}> class="ch"<{/if}>>已过期</a> 
	</div>  
	<div class="con olist">
		<{uqcms m="account" v="data" c="coupon:page=smarty.get.page&page_size=20&page_type=scroll&status=smarty.get.status"}>
		<{if $data.list}>
			<{foreach item=i from=$data.list}>
				<div class="quan obox"> 
					<div class="qrit <{if $smarty.get.status != '1' || $smarty.get.status == ''}>use<{/if}>">
						<p><span><i>￥</i><em><{$i.price}></em></span></p>
						<p style="padding:0.23rem 0 0 0;"><span>满<{$i.full_price}>元可用</span></p>
					</div>
					<div class="qlft">
						<div class="desc"><{$i.name}></div>
						<div class="tm">
							<span><{$i.start_time}>-<{$i.end_time}></span>
							<{if $smarty.get.status == '1'}>
								<a href="<{if $i.range == '1'}><{$__WAP__}>goods?coupon_id=<{$i.cpid}><{else}><{$__URI__}><{/if}>">立即使用</a>
							<{/if}> 
						</div>
					</div>
				</div>
			<{/foreach}>
			<{$data.page}>
		<{else}>
			<div class="nomsg"><span>暂无优惠券</span></div>
		<{/if}>	
	</div>
</div> 
<{include file="default/footer.html"}> 
<script type="text/javascript">
scrollLoad(".olist", ".obox"); 
</script>