<!DOCTYPE html>
<html lang="en">
<head>
<script type="text/javascript" src="//res.cdn.openinstall.io/openinstall.js"></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=20191128185777">
<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;
}
.anBg,.anBg2{
background: url(/img/anbg.png) no-repeat;
background-size: 100% 100%;
width: 9.146rem;
height: 7.573rem;
position: relative;
margin: -4.5rem auto 0;
z-index: 100;
}
.anBg2{
background: url(/img/anbg_en.png) no-repeat;
background-size: 100% 100%;
}
.anBtn{
width: 7.573rem;
height: 1.386rem;
position: absolute;
left: 50%;
margin-left: -3.786rem;
top: -.693rem;
z-index: 10;
}
.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;
}
.masking{
position: fixed;
left: 0;
top: 0;
height: 100%;
width: 100%;
z-index: 500;
background-color: #000;
filter: alpha(opacity=60);
background-color: rgba(0, 0, 0, .6);
display: none;
}
.masking img{
width: 7.933rem;
height: 3.906rem;
position: absolute;
left: 50%;
top: 1rem;
transform: translate(-50%,0);
-webkit-transform: translate(-50%,0);
}
.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="anBg L_Ar">
<img class="anBtn anBtn1 heartbeat" src="/img/btn.png" />
</div>
<div class="anBg anBg2 L_En">
<img class="anBtn anBtn2 heartbeat" src="/img/btn_en.png" />
</div>
<div class="mBottom">
<p>www.footseen.com</p>
</div>
</div>
<div class="masking">
<img src="/img/fx.png"/>
</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 ua = navigator.userAgent.toLowerCase();
var userAgent = navigator.userAgent; //取得浏览器的userAgent字符串
if (/android/.test(ua)) {
$(".anBtn1,.anBtn2").on("click", function () {
var userAgent = navigator.userAgent; //取得浏览器的userAgent字符串
if (userAgent.indexOf("Line") > -1) {
if(sessionStorage.lang == 7){
$('.masking img').att('src','/img/fx.png');
$(".masking").fadeIn(500);
} else {
$('.masking img').att('src','/img/fx_en.png');
$(".masking.L_En").fadeIn(500);
}
}
else{
window.location.href='/apk';
}
})
}
$('.topUp').on('click',function(){
window.location.href = 'http://www.yabolive.tv/footseen/phonepay/applepay.html?lang='+sessionStorage.lang+'&gofrom=web';
})
</script>
</html>