zhengwei
/
buying


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110
							<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@ include file="meta.jsp"%>
<title>${siteName}</title>
<style>
	.mui-table-view-cell:after{
		left:0;
	}
	#segmentedControls{
		border-bottom: 1px solid #c8c7cc;
		position: fixed;
		top: 0.88rem;
		z-index:1;
	}
    .bottomline{
        height: 10px;
        background-image:-webkit-gradient(linear,50% 0,0 100%,
        from(transparent),
        color-stop(.5,transparent),
        color-stop(.5,#F30),
        to(#F30)
        ),
        -webkit-gradient(linear,50% 0,100% 100%,
                from(transparent),
                color-stop(.5,transparent),
                color-stop(.5,#F30),
                to(#F30)
        );
        background-image:-moz-linear-gradient(50% 0 -45deg,
        transparent,
        transparent 50%,
        #F30 50%,
        #F30
        ),-moz-linear-gradient(50% 0 -135deg,
                transparent,
                transparent 50%,
                #F30 50%,
                #F30
        );
        background-size:10px 10px;
        background-repeat:repeat-x;
        background-position:0 100%;
        margin: 0;
        -moz-transform: rotate(-180deg);
        -webkit-transform: rotate(-180deg);
    }
    .bottomline-grey{
        height: 10px;
        background-image:-webkit-gradient(linear,50% 0,0 100%,
        from(transparent),
        color-stop(.5,transparent),
        color-stop(.5,#c3c3c3),
        to(#c3c3c3)
        ),
        -webkit-gradient(linear,50% 0,100% 100%,
                from(transparent),
                color-stop(.5,transparent),
                color-stop(.5,#c3c3c3),
                to(#c3c3c3)
        );
        background-image:-moz-linear-gradient(50% 0 -45deg,
        transparent,
        transparent 50%,
        #c3c3c3 50%,
        #c3c3c3
        ),-moz-linear-gradient(50% 0 -135deg,
                transparent,
                transparent 50%,
                #c3c3c3 50%,
                #c3c3c3
        );
        background-size:10px 10px;
        background-repeat:repeat-x;
        background-position:0 100%;
        margin: 0;
        -moz-transform: rotate(-180deg);
        -webkit-transform: rotate(-180deg);
    }
</style>
</head>
<body>
	<header class="mui-bar mui-bar-nav">
		<a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
		<h1 class="mui-title">我的优惠券</h1>
	</header>
	<div class="mui-content">
		<div id="segmentedControls" class="bgcolor1 mui-segmented-control 
			mui-segmented-control-inverted mui-segmented-control-primary">
			<a class="mui-control-item mui-active" href="#item1">
				未使用
			</a>
			<a class="mui-control-item" href="#item2">
				已使用
			</a>
			<a class="mui-control-item" href="#item3">
				已过期
			</a>
		</div>
		<div id="segmentedControlContents" style="padding-top:0.96rem;">
			<div id="item1" class="mui-control-content mui-active">
			</div>
			<div id="item2" class="mui-control-content">
			</div>
            <div id="item3" class="mui-control-content">
            </div>
		</div>
	</div>
</body>
<script src="${base}/static/mobile/js/userCoupon.js?v=${version}"></script>
</html>