<!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" src="//res.wx.qq.com/open/js/jweixin-1.1.0.js"></script>
		<script>
			//屏蔽分享
			document.addEventListener('WeixinJSBridgeReady', function onBridgeReady() {
				WeixinJSBridge.call('hideOptionMenu');
			});
		</script>
	</head>
	<body style="background: #fff;">
	<div class="loading-bg">
			<div class="mui-loading">
				<div class="mui-spinner">
				</div>
				&nbsp;&nbsp;加载中...
			</div>
	</div>
	<div class="mui-content" style="background: #fff;">
		<div style="margin: 14px;">
		<ul class="mui-table-view mui-grid-view mui-table-view-striped mui-table-view-condensed my-grid-view-no" id="menu-faq">
			<li class="mui-table-view-cell" style="margin-bottom: 14px;background-color: #f9f8f7;padding:20px 15px;border-radius: 5px;height: 100px;" href="watero-faq.html">
				<div class="mui-table">
		            <div class="mui-table-cell mui-col-xs-12 mui-text-center">
		                 <img style="vertical-align: middle;margin-right: 10px;" width="50px" src="images/shuiji.png" />净水机
		            </div>
		        </div>
			</li>
			<li class="mui-table-view-cell mui-media mui-col-xs-5 mui-text-center" style="background-color: #f9f8f7;width: 48%;padding: 25px 0;height: 100px;border-radius: 5px;">
		        <img style="vertical-align: middle;margin-right: 10px;" width="35px" src="images/naiji.png" />冲奶机
			</li>
			<li class="mui-table-view-cell mui-media mui-col-xs-5 mui-text-center" style="background-color: #f9f8f7; float: right;width:48%;padding: 25px 0;height: 100px;border-radius: 5px;">
		         <img style="vertical-align: middle;margin-right: 10px;" width="25px" src="images/yashua.png" />电动牙刷
			</li>
		</ul>	
		</div>
	</div>
	<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">
	mui.ready(function(){
		
		$(document).on('tap', '#menu-faq>li', function(event) {
            	if(typeof($(this).attr("href"))!="undefined"){
            		location.href=$(this).attr("href");
            	}
         });
		document.querySelector('.loading-bg').style.display='none';
	});
	</script>
	</body>
</html>