<!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>
加载中...
</div>
</div>
<div class="mui-content" style="background: #fff;">
<div style="background-color: #f1f1f1;height:220px;text-align: center;padding: 50px 0;">
<div style="padding: 5px;background-color: #3bbf64;width:50px;height: 50px;line-height: 42px; margin: 15px auto;border-radius: 50%;">
<span class="iconfont icon-zhibaoqia" style="color: #fff;font-size: 30px;"></span>
</div>
<h4> 关注aiberle公众号</h4>
<p>领取质保卡</p>
</div>
<div style="margin:-40px auto 0 auto;width:240px;text-align: center;">
<img width="160px" src="images/qrcode.png" />
<p>
长按识别，关注aiberle公众号<br /> 随时查看质保时间
</p>
</div>
<div style="padding: 20px 0;width: 80%;margin:50px auto 0 auto;text-align: left;">
<div style="margin-bottom: 15px;color: #727171;font-size: 16px;">领取质保卡方式：</div>
<p>1、关注公众号后，前往会员中心领取</p>
<p>2、关注公众号后，再次扫描领取质保卡二维码</p>
</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" src="js/main.js"></script>
<script type="text/javascript">
mui.ready(function(){
console.log("页面加载完毕")
document.querySelector('.loading-bg').style.display='none';
});
</script>
</body>
</html>