<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>会员说明</title>
		<meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1, user-scalable=no">
		<meta name="apple-mobile-web-app-capable" content="yes">
		<meta name="apple-mobile-web-app-status-bar-style" content="black">
		<link rel="stylesheet" type="text/css" href="css/mui.min.css" />
		<link rel="stylesheet" type="text/css" href="css/iconfont.css" />
		<link rel="stylesheet" type="text/css" href="css/main.css" />
		<script type="text/javascript">
			// 屏蔽分享
			window.hiddenAllWechatMenu = true;
		</script>
	</head>
	<body>
			<div class="mui-content">
				<img width="100%" src="images/banner-5.jpg" />
			</div>
			<div id="vip-top-menu" class="mui-segmented-control">
					<!--(默认选中哪个就加上active),其他不加-->
					<a class="mui-control-item active" href="#item1">花朵</a>
					<a class="mui-control-item" href="#item2">霞朵</a>
					<a class="mui-control-item" href="#item3">云朵</a>
					<a class="mui-control-item" href="#item3">云朵</a>
			</div>
			<ul class="mui-table-view mui-grid-view mui-grid-9" id="vip-grid-9">
		            <li class="mui-table-view-cell mui-media mui-col-xs-3 mui-col-sm-3"><a href="#">
		                    <span class="iconfont icon-quan"></span>
		                    <span class="quan-number">9999</span>
		                    <div class="mui-media-body">所需积分</div></a></li>
		            <li class="mui-table-view-cell mui-media mui-col-xs-3 mui-col-sm-3"><a href="#">
		                    <span class="iconfont icon-huan"></span>
		                    <div class="mui-media-body">会员兑换</div></a></li>
		            <li class="mui-table-view-cell mui-media mui-col-xs-3 mui-col-sm-3"><a href="#">
		                    <span class="iconfont icon-liwu"></span>
		                    <div class="mui-media-body">生日礼物</div></a></li>
		            <li class="mui-table-view-cell mui-media mui-col-xs-3 mui-col-sm-3"><a href="#">
		                    <span class="iconfont icon-zhuanjia"></span>
		                    <div class="mui-media-body">口腔专家</div></a></li> 
		            <li class="mui-table-view-cell mui-media mui-col-xs-3 mui-col-sm-3"><a href="#">
		                    <span class="iconfont icon-xiyaquan"></span>
		                    <div class="mui-media-body">超值洗牙券</div></a></li>  
		            <li class="mui-table-view-cell mui-media mui-col-xs-3 mui-col-sm-3 active"><a href="#">
		                    <span class="iconfont icon-tiyan"></span>
		                    <div class="mui-media-body">新品免费体验</div></a></li>    
		            <li class="mui-table-view-cell mui-media mui-col-xs-3 mui-col-sm-3 active"><a href="#">
		                    <span class="iconfont icon-viptongdao"></span>
		                    <div class="mui-media-body">vip处理通道</div></a></li>       
		            <li class="mui-table-view-cell mui-media mui-col-xs-3 mui-col-sm-3 active"><a href="#">
		                    <span class="iconfont icon-tiqian"></span>
		                    <div class="mui-media-body">限量提前购</div></a></li>    
		            <li class="mui-table-view-cell mui-media mui-col-xs-3 mui-col-sm-3 active"><a href="#">
		                    <span class="iconfont icon-kezi"></span>
		                    <div class="mui-media-body">免费刻字</div></a></li>  
		            <li class="mui-table-view-cell mui-media mui-col-xs-3 mui-col-sm-3 active"><a href="#">
		                    <span class="iconfont icon-dingzhi"></span>
		                    <div class="mui-media-body">免费定制</div></a></li>         
		        </ul>
		        <div class="mui-content-padded">
		        	<h4 class="mui-text-center">文字说明</h4>
		        	<div class="explain">
		        		<p>朵粉币:在积分商城中兑换商品,通过消费、扫描产品唯一码参与活动获得</p>
		        		<p>成长积分:用来标识会员等级,通过消费、扫描产品唯一码参与活动获得</p>
		        		<p>会员等级:不同的成长积分对应不同的等级,不同等级会员拥有不同特权</p>
		        	</div>
		        </div>
		<!-- 加载ing begin-->
		<div class="loading covers">
			<div class="loading-bj"></div>
			<p>正在加载...</p>
		</div>
		<!-- 加载ing end -->
	<script type="text/javascript" src="js/mui.min.js"></script>
	<script type="text/javascript" src="js/jquery-2.1.1.min.js"></script>
	<script type="text/javascript" src="js/main.js"></script>
	<!--<script src="js/wechat-utils-1.0.js"></script>-->
	<script type="text/javascript">
	window.addEventListener('pageshow', function(e) {
		// 通过persisted属性判断是否存在 BF Cache
		if(e.persisted) {
			location.reload();
		}
	});
	mui.ready(function(){
		$(".loading").hide().css("opacity", "0"); //隐藏(正在加载...)
	});	
	</script>
	</body>
</html>