You cannot select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

144 lines
4.3 KiB
HTML

2 years ago
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1, user-scalable=no" />
<meta name="apple-mobile-web-app-status-bar-style" content="black" />
<meta name="apple-mobile-web-app-capable" content="yes" />
<meta name="apple-touch-fullscreen" content="yes" />
<meta name="format-detection" content="telephone=no" />
2 years ago
<meta name="keywords" content="聚游,聚游中心,折扣福利,手游福利,苹果游戏,免越狱苹果游戏,安卓游戏,热门手游,好玩的手机游戏" />
<meta name="description" content="聚游为手游玩家提供最直接、最大力度的手游福利平台玩家可在游戏充值消费时直接享受折扣减免折扣可低至5折甚至更低提供好玩的手机游戏下载推荐最热门的手机网游、苹果iOS游戏、安卓游戏" />
<title>聚游_好玩的苹果游戏_安卓游戏</title>
2 years ago
<link rel="icon" type="image/png" href="/favicon.ico" />
<link href="__STATIC__/icons_alibaba/iconfont.css" rel="stylesheet">
</head>
<body>
<style>
html {
height: 100%;
}
body {
height: 100%;
background: #fff;
font-size: 1.4rem;
}
a {
text-decoration: none;
}
.down-app-box {
position: relative;
height: 100%;
}
.down-app-inner img {
width: 100%;
display: block;
}
.down-app-inner {
position: relative;
height: 100%;
text-align: center;
}
.down-app-inner a {
position: absolute;
display: block;
width: 100%;
}
.down-app-inner .down-app-btn {
width: 66%;
left: 0;
bottom: 4rem;
margin-left: 17%;
padding-top: 8px;
padding-bottom: 8px;
background-color: #e23939;
color: #fff;
text-align: center;
border-radius: 2rem;
letter-spacing: 0.2rem;
}
.down-app-inner .down-app-index {
font-size: 0.8rem;
width: 66%;
left: 0;
bottom: 1.3rem;
margin-left: 17%;
color: #0a0a0a;
text-align: center;
letter-spacing: 0.1rem;
}
@media screen and (min-width:750px){
body{ margin:auto; width:420px; }
.bottom-app,
.customer-btn,
.bottom-download,
.gift-act-nav,
.share-open,
.player-box-bg{ width:420px; }
.bottom-download,
.gift-act-nav,
.share-open,
.player-box-bg{ left:50%; margin-left:-210px; }
}
@media screen and (max-width:320px){
.ui-news-detail .news-word li .word-list{ width:95px; }
}
@media screen and (min-width:1100px) {
.down-app-inner {
height: 100%;
}
.down-app-inner .down-app-btn {
background-size: 100%;
}
}
</style>
<section class="down-app-box">
<div class="down-app-inner">
<img src="../Public/Home/images/Poster/poster.png">
2 years ago
<a href="itms-services://?action=download-manifest&url=https://m.jianhuifa.cn/manifest.plist" class="down-app-btn jq-dwn-btn">立即下载</a>
<a href="https://m.jianhuifa.cn" class="down-app-index">进入网站<i class="iconfont icongengduo" style="margin-left: -0.3rem;font-size: 0.8rem;"></i></a>
2 years ago
</div>
</section>
<script type="text/javascript" src="__JS__/jquery-1.11.1.min.js"></script>
<script>
remInit();
function remInit() {
var sizeFlag = 1;
var $downAppBox = $(".down-app-box");
$(window).on('resize', function (e) {
var $html = $("html");
if (sizeFlag === 1) {
var htmlSize = parseInt($html.css("font-size"));
sizeFlag = 0;
}
var htmlWidth = 375;
var remResize;
if ($(window).width() > $(window).height() && $downAppBox.length > 0) {
remResize = document.documentElement.clientHeight || document.body.clientHeight;
if ($(window).width() < 1100) {
$downAppBox.find(".down-app-inner").height("250%");
}
$downAppBox.css("overflow", "auto")
} else {
remResize = document.documentElement.clientWidth || document.body.clientWidth;
$downAppBox.find(".down-app-inner").height("100%");
$downAppBox.css("overflow", "hidden");
}
var size = (remResize < 768 ? remResize : 768) / htmlWidth * htmlSize;
$html.css("font-size", size + 'px');
}).trigger('resize');
}
</script>
</body>
</html>