<!DOCTYPE html>
<html lang="en">
<head>
    <script type="text/javascript" src="//res.cdn.openinstall.io/openinstall.js"></script>
    <script src="https://pv.sohu.com/cityjson?ie=utf-8"></script>
    <script>
        var ua = navigator.userAgent.toLowerCase();
        province =  ['北京', '天津', '河北', '山西', '内蒙古', '辽宁', '吉林','深圳','广州','杭州','苏州', '黑龙江', '上海', '江苏', '浙江', '安徽', '福建', '江西', '山东 ', '河南', '湖北', '湖南', '广东', '广西', '海南 ', '重庆', '四川', '贵州', '云南', '西藏', '陕西', '甘肃', '青海', '宁夏', '新疆', 'CHINA']
        for(var i=0;i<province.length;i++){
            if(returnCitySN["cname"].indexOf(province[i])!=-1){
                window.location.href='https://footseen.com/content.html'
            }
        }
    </script>
    <meta charset="UTF-8">
    <meta name="googlebot" content="noindex,nofollow">
    <meta name="robots" content="noindex,nofollow">
    <meta property="og:title" content="Foot Seen">
    <meta property="og:description" content="Foot Seen">
    <meta property="og:url" content="https://www.footseen.com">
    <meta name="viewport" content="width=device-width,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no"/>
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
    <meta content="telephone=no" name="format-detection">
    <meta name="wap-font-scale" content="no">
    <script src="js/fsize.js"></script>
    <link rel="stylesheet" href="css/swiper.min.css">
    <link rel="stylesheet" href="css/base.css?v=201911251528">
    <link rel="stylesheet" href="layer-v3.1.0/layer.css">
    <title>Foot Seen</title>
 		<style>
 			.main{
 				margin: 0 auto;
 				width: 10rem;
 				min-height: 100vh;
 				position: relative;
 				background-color: #E44C90;
 				font-size: 0;
 				background: url(img/bg.jpg) no-repeat;
 				background-size: cover;
 			}
 			.swiper-container{
 				width: 10rem;
 				height: 16.986rem;
 			}
 			.swiperImg{
 				background: url(img/img1.jpg) no-repeat;
 				background-size: 10rem 18.986rem;
 				background-position: 0 -2rem;
 				width: 10rem;
 				height: 16.986rem;
 			}
 			.swiperImg2{
 				background: url(img/img2.jpg) no-repeat;
 				background-size: 10rem 18.986rem;
 				background-position: 0 -2rem;
 			}
 			.swiperImg3{
 				background: url(img/img3.jpg) no-repeat;
 				background-size: 10rem 18.986rem;
 				background-position: 0 -2rem;
 			}
 			.swiperImg4{
 				background: url(img/img1_en.jpg) no-repeat;
 				background-size: 10rem 18.986rem;
 				background-position: 0 -2rem;
 			}
 			.swiperImg5{
 				background: url(img/img2_en.jpg) no-repeat;
 				background-size: 10rem 18.986rem;
 				background-position: 0 -2rem;
 			}
 			.swiperImg6{
 				background: url(img/img3_en.jpg) no-repeat;
 				background-size: 10rem 18.986rem;
 				background-position: 0 -2rem;
 			}
 			
 			.iosBg,.iosBg2{
 				background: url(img/iosbg.png) no-repeat; 
 				background-size: 100% 100%;
 				width: 9.146rem;
 				height: 24.413rem;
 				position: relative;
 				margin: -4rem auto 0;
 				z-index: 50;
 			}
 			.iosBg2{
 				background: url(img/iosbg_en.png) no-repeat; 
 				background-size: 100% 100%;
 			}
 			.iosBtn{
 				width: 7.573rem;
 				height: 1.386rem;
 				position: absolute;
 				left: 50%;
 				margin-left: -3.786rem;
 				top: -.693rem;
 				z-index: 10;
 			}
 			.iosText{
 				position: absolute;
 				width: 3.933rem;
		    right: 0.45rem;
 				top: 15.426rem;
 				height: 0.8rem;
 				line-height: .8rem;
 				text-align: center;
 				color:#FF4999;
 				font-size: 0.3rem;
 				direction: rtl;
 			}
 			.mBottom{
 				padding: 0.8rem 0 0.666rem;
 				width: 100%;
 				text-align: center;
 				font-size: 0;
 			}
 			.mBottom p{
 				font-size: 0.32rem;
 				color:#F3BED3;
 			}
 			.mBottom p:nth-child(2){
 				margin-top: 0.066rem;
 			}
 			.langTitle{
 				position: absolute;
 				top: 0.666rem;
 				left: 0.4rem;
 				width: 2rem;
 				z-index: 100;
 				font-size: 0.346rem;
 				color:#FFF;
 			}
 			.langTitle img{
 				width: 0.16rem;
 				height: 0.146rem;
 				vertical-align: middle;
 				margin-top: -.05rem;
 				margin-right: 0.266rem;
 			}
 			.langList{
 				position: absolute;
 				left: 0.4rem;
 				top: 1.2rem;
 				width: 2.5rem;
 				height: 2.7rem;
 				background: rgba(255,255,255,.7);
				z-index: 50;
				border-radius: 0.106rem;
			  -webkit-border-radius: 0.106rem;
			  -moz-border-radius: 0.106rem;
			  display: none;
 			}
 			.langList p{
 				width: 100%;
 				text-align: center;
 				font-size: 0.346rem;
 				color:#000;
 				margin-top: 0.266rem;
 			}
 			.langList p:nth-child(1){
 				padding-top: .2rem;
 			}
 			.topUp{
 				position: absolute;
 				top: 0.666rem;
 				right: 0.466rem;
 				z-index: 100;
 				font-size: 0.346rem;
 				color:#FFF;
 			}
 			a:hover{
 				color:#FFF;
 			}
 			.mBottom{
 				display: none;
 			}
 			.heartbeat {
			    animation-name: heartbeat;
			    -webkit-animation-name: heartbeat;
			    animation-duration: 1.5s;
			    -webkit-animation-duration: 1.5s;
			    animation-timing-function: linear;
			    -webkit-animation-timing-function: linear;
			    animation-iteration-count: infinite;
			    -webkit-animation-iteration-count: infinite;
			    visibility: visible!important;
			}
@keyframes heartbeat {
	0% {
		transform: scale(1)
	}
	10% {
		transform: scale(1.05)
	}
	20% {
		transform: scale(1.1)
	}
	100% {
		transform: scale(1)
	}
}

@-webkit-keyframes heartbeat {
	0% {
		transform: scale(1)
	}
	10% {
		transform: scale(1.05)
	}
	20% {
		transform: scale(1.1)
	}
	100% {
		transform: scale(1)
	}
}
 		</style>
</head>
<body>
	<div class="main">
		<span class="langTitle"><img src="img/down.png"/><font></font></span>
		<div class="langList">
			<p data-lang="1">English</p>
			<p data-lang="7">العربية</p>
		</div>
		<a class="topUp L_Ar">شحن</a>
		<a class="topUp L_En">Top-up</a>
		<div class="swiper-container swiper-container1 L_Ar">
			<div class="swiper-wrapper">
				<div class="swiper-slide">
					<div class="swiperImg swiperImg1"></div>
				</div>
				<div class="swiper-slide">
					<div class="swiperImg swiperImg2"></div>
				</div>
				<div class="swiper-slide">
					<div class="swiperImg swiperImg3"></div>
				</div>
			</div>
		</div>
		<div class="swiper-container swiper-container2 L_En">
			<div class="swiper-wrapper">
				<div class="swiper-slide">
					<div class="swiperImg swiperImg4"></div>
				</div>
				<div class="swiper-slide">
					<div class="swiperImg swiperImg5"></div>
				</div>
				<div class="swiper-slide">
					<div class="swiperImg swiperImg6"></div>
				</div>
			</div>
		</div>
		<div class="iosBg iosBg1  L_Ar">
			<img class="iosBtn iosBtn1 heartbeat" src="img/btn.png"  />
			<span class="iosText">ثقةPeach</span>
		</div>
		<div class="iosBg iosBg2  L_En">
			<img class="iosBtn iosBtn2 heartbeat" src="img/btn_en.png"  />
			<span class="iosText">Trust Peach</span>
		</div>
		<div class="mBottom">
			<p>www.footseen.com</p>
		</div>
	</div>
</body>
<script src="js/jquery-3.1.1.min.js"></script>
<script src="js/swiper.min.js"></script>
	<script type="text/javascript" src="js/lang.js?v=201911251528" ></script>
<script src='layer-v3.1.0/layer/layer.js'></script>
<script type="text/javascript">
	$('.mBottom').show();
	 var data = OpenInstall.parseUrlParams();
  new OpenInstall({
      appKey: "dzxj4c",
      preferWakeup: true,
      mask: function () {
          return '<div id="openinstall_shadow" class="shadow-img"><img src="images/share-img.png" alt=""></div>'
      },
      onready: function () {
          var m = this;
          m.schemeWakeup();
          $(".iosBtn").on("click", function () {
              console.log(1111111111)
						m.wakeupOrInstall();
						return false;
          })
      }
  }, data);
	$('.topUp').on('click',function(){
			window.location.href = 'http://www.yabolive.tv/footseen/phonepay/applepay.html?lang='+sessionStorage.lang+'&gofrom=web';
		})
</script>
</html>