<!DOCTYPE html>
<html lang="en">
<head> <meta name="keywords" content="keywords_temp" />
<meta name="description" content="description_temp" />

	<meta charset="UTF-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<link rel="shortcut icon" href="./imgs/favicon.ico" type="image/x-icon">
	<title>知心恋人</title>
	<link rel="stylesheet" href="./css/style.css">

	

</head>
<body>
	<div class="body hide">
		
		<img class="header-img" src="./imgs/top.png" alt="">
		<div class="content">
			<div class="header">
				<ul class="tab">
					
					
					<li class="tab-item"><a class="scroll" href="javascript:;">下载知心恋人</a></li>
				</ul>
			</div>
			<div class="title">
				<img src="./imgs/left.png" alt="">
				<span>实名制真实相亲</span>
				<img src="./imgs/right.png" alt="">
			</div>
			<div class="subtitle">每一天有<span>3910</span>人在这里找对的人结婚，每周有<span>300</span>对优质单身找到对象</div>
			<ul class="list">
				<li class="item">
					<div class="item-title">首页优质推荐</div>
					<div class="item-block"></div>
					<div class="item-img">
						<img src="./imgs/img1.png" alt="">
					</div>
				</li>
				<li class="item">
					<div class="item-title">五重认证更真实</div>
					<div class="item-block"></div>
					<div class="item-img item-img2">
						<img src="./imgs/img2.png" alt="">
					</div>
				</li>
				<li class="item">
					<div class="item-title">资料一目了然</div>
					<div class="item-block"></div>
					<div class="item-img">
						<img src="./imgs/img3.png" alt="">
					</div>
				</li>
			</ul>
			<div class="footer">
				<img src="./imgs/footer.png" alt="">
			</div>
			<div class="down">
				<div class="down-item">
					<div class="down-item-title">IOS</div>
					<img src="./imgs/ios.png" alt="">
				</div>
				<div class="down-item">
					<div class="down-item-title">Android</div>
					<img src="./imgs/android.png" alt="">
				</div>
			</div>
			<div class="copyright">
				<p>客服电话：18668221829 &nbsp;&nbsp;&nbsp;&nbsp; 官方邮箱：dashu@lovexihu.cn</p>
				<p>版权所有©杭州知心大叔文化创意有限公司 &nbsp;&nbsp;&nbsp;&nbsp; <a href="http://beian.miit.gov.cn">浙ICP备：2021018688号-1</a></p>
			</div>
		</div>
	</div>
	<div class="app hide">
		
			
			
			
			<div class="app-button">立即下载</div>
		
	</div>
	<div class="down-hint hide">
		<img src="./imgs/hint.png" alt="">
	</div>
	<script src="./js/jquery-3.1.1.min.js"></script>
	<script>
		var ua = navigator.userAgent.toLowerCase();       //用来判断移动端类型
		var isIos = /(iphone|ipad|ipod|ios)/i.test(ua);   //是否是苹果浏览器
		var isChrome = window.navigator.userAgent.indexOf("Chrome") !== -1;
		var isAndroid = /(android)/i.test(ua);            //是否是安卓浏览器
		// var androidUrl = 'zxlr://domain/link'
		var androidUrl = 'zxlr2://domain/link'
		// var androidDown = 'http://at.umtrack.com/amSfeC'
		var androidDown = 'http://zhixin-oss.oss-cn-hangzhou.aliyuncs.com/zx_client/zxlr-sign.apk'
		var iosUrl = 'http://api.zhixinlianren.com/zxlrApp/'
		var iosDown = 'http://apps.apple.com/cn/app/id1494090803'

		// rem动态计算 页面最大宽度500px
		function calcRem(){
			var htmlWidth = document.documentElement.clientWidth || document.body.clientWidth
			htmlWidth>500 && (htmlWidth=500)
			document.getElementsByTagName('html')[0].style.fontSize = htmlWidth / 10 + 'px'
		}
		window.addEventListener("resize",function(){
			if(/Android|webOS|iPhone|iPod|BlackBerry/i.test(navigator.userAgent)) {
				//移动端
				calcRem()
				$('.body').hide()
				$('.app').show()
				setTimeout(() => {
					isWX() || down()
				}, 1000);
			} else {
				$('.body').show()
				$('.app').hide()
				setTimeout(() => {
					setHeaderHeight()
				}, 200);
			}
		})
		window.addEventListener("pageshow", function(){
			if(/Android|webOS|iPhone|iPod|BlackBerry/i.test(navigator.userAgent)) {
				//移动端
				calcRem()
				$('.body').hide()
				$('.app').show()
				setTimeout(() => {
					isWX() || down()
				}, 1000);
			} else {
				$('.body').show()
				$('.app').hide()
				setTimeout(() => {
					setHeaderHeight()
				}, 200);
				$('.body').show()
			}
		})

		function setHeaderHeight(){
			let height = $('.header-img').height()
			$('.header').height(height)
		}

		$('.scroll').click(function(){
			$(document).scrollTop($(document).height())
		})

		$('.app-button').click(function () {
			if(isWX()){
				$('.down-hint').show()
				return
			}
			down()
		});

		$('.down-hint').click(function () {
			$(this).hide()
		});

		var createIframe = (function(){
			var iframe;
			return function(){
				if(iframe){
					return iframe;
				}else{
					iframe = document.createElement('iframe');
					iframe.style.display = 'none';
					document.body.appendChild(iframe);
					return iframe;
				}
			}
		})();

		function isIOS9() {
			//获取固件版本
			var getOsv = function () {
				var reg = /OS ((\d+_?){2,3})\s/;
				if (navigator.userAgent.match(/iPad/i) || navigator.platform.match(/iPad/i) || navigator.userAgent.match(/iP(hone|od)/i) || navigator.platform.match(/iP(hone|od)/i)) {
					var osv = reg.exec(navigator.userAgent);
					if (osv.length > 0) {
						return osv[0].replace('OS', '').replace('os', '').replace(/\s+/g, '').replace(/_/g, '.');
					}
				}
				return '';
			};
			var osv = getOsv();
			var osvArr = osv.split('.');
			//初始化显示ios9引导
			if (osvArr && osvArr.length > 0) {
				if (parseInt(osvArr[0]) >= 9) {
					return true
				}
			}
			return false
		}

		// 微信浏览器
		function isWX() {
			if (ua.match(/MicroMessenger/i) == 'micromessenger') {
				return true;
			} else {
				return false;
			}
		}

		function down(){
			var openIframe = createIframe();
			if(isIos){
				if(isIOS9()){
					window.location.href = iosUrl;
					return;
				}
				window.location.href = iosUrl;
				var loadTime = Date.now();
				setTimeout(() => {
					var timeOut = Date.now();
					if(timeOut - loadTime < 1000){
						window.location.href = iosDown;
					}
				}, 50);
			} else if(isAndroid) {
				if(isChrome){
					window.location.href = androidUrl;
				}else{
					openIframe.src = androidUrl;
				}
				var loadTime = Date.now();
				setTimeout(() => {
					var timeOut = Date.now();
					if(timeOut - loadTime < 1000){
						location.href = androidDown;
					}
				}, 50);
			} else {
				openIframe.src = androidUrl;
				setTimeout(() => {
					window.location.href = androidDown;
				}, 1000);
			}
		}

	</script>
</body>
</html>