lizhen
/
yueke


			
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230
							<!DOCTYPE html>
<html lang="en">

	<head>
		<meta charset="UTF-8">
		<meta http-equiv="X-UA-Compatible" content="IE=edge">
		<meta name="viewport" content="width=device-width, initial-scale=1.0">
		<title>Elin Dance Studio</title>
		<link rel="stylesheet" href="/assets/appdown/common/style.css">
		<!-- <script type="text/javascript" src="/assets/appdown/common/resize.js"></script> -->
		<script type="text/javascript" src="/assets/appdown/common/jquery.min.js"></script>
		<style>
			.page{
				height: 100vh;
				width: 100%;
				background-color: #fff;
			}
			.p-header{
				background-color: #fff;
			}
			.p-header .header-inner{
				width: 1390px;
				margin: 0 auto;
				height: 10vh;
			}
			.p-header .logo{
				width: 77px;
				height: 65px;
				margin-right: 5px;
			}
			.p-header .title{
				font-size: 25px;
				font-family: PingFang SC;
				font-weight: 500;
				color: #333333;
			}
		    .p-con{
				height: 90vh;
				width: 100%;
				background: url(/assets/appdown/images/pc_bg.png) no-repeat center/cover;
				position: relative;
			}
			.p-con .con-placer{
				height: 10%;
			}
			.p-con .con-inner{
				width: 1390px;
				margin: 0 auto;
				height: 75%;
				/* padding-top: 10%; */
			}
			.p-con .r{
				height: 100%;
			}
			.p-con .r{
				.ic{
					width: 590px;
				    height: 100%;
					object-fit: cover;
				}
			}
			.p-con .l  .mtitle{
				font-size: 44px;
				font-family: PingFang SC;
				font-weight: bold;
				color: #FFFFFF;
			}
			.p-con .l  .stitle{
				margin-top: 28px;
				font-size: 24px;
				font-family: PingFang SC;
				font-weight: 400;
				color: #FFFFFF;
			}
			.p-con .l  .c-r{
				width: 192px;
				height: 192px;
				background-color: #fff;
				margin-left: 70px;
			}
			.p-con .l  .c-r .ic{
                width: 182px;
				height: 182px;
			}
			.p-con .l .con{
				margin-top: 100px;
			}
			.p-con .l  .c-l{
				height: 192px;
			}
			.p-con .l  .btn{
				width: 305px;
				height: 80px;
				border-radius: 4px;
				line-height: 80px;
				text-align: center;
				cursor: pointer;
			}
			.p-con .l .btn.apple{
                background: #000000;
				box-shadow: 0px 6px 20px 0px rgba(13,55,140,0.25);
			}
			.p-con .l .btn.android{
				background: #A5C845;
				box-shadow: 0px 6px 20px 0px rgba(13,55,140,0.25);
			}
			.p-con .l .btn .ic{
				width: 33px;
				height: 41px;
				margin-right: 15px;
			}
			.p-con .l .btn .txt{
				font-size: 24px;
				font-family: Microsoft YaHei;
				font-weight: 400;
				color: #FFFFFF;
			}

			.p-con .con-tips{
				position: absolute;
				bottom: 0;
				left: 50%;
				transform: translateX(-50%);
				height: 7%;
			}
			.p-con .con-tips .txt{
				font-size: 16px;
				font-family: PingFang SC;
				font-weight: 500;
				color: #FFFFFF;
			}
		</style>
	</head>

	<body>
		<div class="page">
			<div class="p-header">
				<div class="header-inner align-center">
					<img src="/assets/appdown/images/pc_logo.png" alt="" class="logo">
					<h1 class="title">Elin Dance Studio</h1>	
				</div>
			</div>
			<div class="p-con">
				<div class="con-placer"></div>
				<div class="con-inner align-center justify-between">
					<div class="l flex-col align-start">
						<div class="mtitle">Elin Dance Studio</div>
						<div class="stitle">新加坡唯一的蹦极健身室和训练中心</div>
						<div class="con flex-row">
							<div class="c-l flex-col justify-between">
								<a class="btn apple align-center justify-center" href="{$ios_downurl}">
									<img src="/assets/appdown/images/pcxia_apple.png" alt="" class="ic">
									<span class="txt" data-locale="ios_down">App Store 下载</span>
								</a>
								<a class="btn android align-center justify-center" href="{$android_apkUrl}">
									<img src="/assets/appdown/images/pcxia_android.png" alt="" class="ic">
									<span class="txt" data-locale="android_down">Android 下载</span>
								</a>
							</div>
							<div class="c-r align-center justify-center">
								<img src="{$qrcode}" alt="" class="ic">
							</div>
						</div>
					</div>
					<div class="r">
						<img src="/assets/appdown/images/pc_pic.png" alt="" class="ic">
					</div>
				</div>
				<div class="con-tips align-center justify-center">
					<span class="txt" data-locale="down_tips">Elin安全专属页面，请放心下载</span>
			    </div>
			</div>
		</div>	
	</body>
</html>

<script>
	function docReady(fn) {
		if (document.readyState === 'complete' || document.readyState === 'interactive') {
			fn()
		} else {
			document.addEventListener('DOMContentLoaded', fn);
		}
	}

	function GetRequest() {
		var url = location.search;
		var theRequest = new Object();
		// console.log('url---',url)
		if (url.indexOf('?') != -1) {
			var str = url.substr(1);
			// console.log('str---',str)
			var strs = str.split('&');
			for (var i = 0; i < strs.length; i++) {
				theRequest[strs[i].split('=')[0]] = (strs[i].split('=')[1]);
			}
		}
		return theRequest;
	}
	var Request = new Object();
	Request = GetRequest();
	// let query = "order_no=" + Request.orderNo + "&name=" + Request.name + "&money=" + Request.money + "&token=" + Request
	// 	.token + "&logo=" + Request.logo
	let query = 'i=a';
    
	
	docReady(async function() {
	    // 语言包
		const langZH = {
			ios_down: 'App Store 下载',
			android_down: 'Android 下载',
			down_tips: 'Elin安全专属页面，请放心下载',
		}
		const langEN = {
			ios_down: 'IOS Download',
			android_down: 'Android Download',
			down_tips: "Elin's exclusive security page,please feel free to download it",
		}
		function loadLang(lang){
			$("[data-locale]").each(function () {
				var key = $(this).data("locale");
				console.log("===",key,lang[key])
				$(this).html(lang[key]);
			});
		}
		loadLang(langEN);
	})


</script>