|
|
<!DOCTYPE html>
|
|
|
<html lang="en">
|
|
|
<head>
|
|
|
<meta charset="UTF-8">
|
|
|
<!-- <meta name="viewport" content="width=device-width, initial-scale=1.0"> -->
|
|
|
<meta http-equiv="X-UA-Compatible" content="ie=edge">
|
|
|
<title>首页</title>
|
|
|
<script src="js/jquery-1.11.3.min.js"></script>
|
|
|
<script src="js/rem.js"></script>
|
|
|
<link rel="stylesheet" type="text/css" href="css/reset.css" />
|
|
|
<link rel="stylesheet" type="text/css" href="css/heard.css" />
|
|
|
<link rel="stylesheet" type="text/css" href="css/foot.css" />
|
|
|
<link rel="stylesheet" type="text/css" href="css/product.css" />
|
|
|
</head>
|
|
|
<body>
|
|
|
<!-- heard -->
|
|
|
<div class="heard">
|
|
|
<div class="heard_logo">
|
|
|
<!-- <img src="img/logo.png" alt=""> -->
|
|
|
</div>
|
|
|
<div class="heard_tabbar">
|
|
|
<ul>
|
|
|
<li ><a href="index.html" >关于风之谷</a></li>
|
|
|
<li><a href="product.html" class="active">产品服务</a></li>
|
|
|
<!-- <li><a href="recharge.html">在线充值</a></li> -->
|
|
|
<li><a href="collaborate.html">商务合作</a></li>
|
|
|
</ul>
|
|
|
</div>
|
|
|
</div>
|
|
|
<div class="product_swiper">
|
|
|
<img src="img/product.jpg" alt="">
|
|
|
</div>
|
|
|
<div class="product_home">
|
|
|
<div class="product_right">
|
|
|
<div class="title">热门游戏</div>
|
|
|
<!-- 无产品时展示 -->
|
|
|
<div class="not_product" style="display: none;">
|
|
|
<img src="img/not_data.png" alt="">
|
|
|
<div>暂无游戏内容</div>
|
|
|
</div>
|
|
|
<div class="have_product">
|
|
|
<ul >
|
|
|
<li>
|
|
|
<img src="img/game.jpg" alt="">
|
|
|
<div class="have_product_box">
|
|
|
<div class="name">兴唐情缘</div>
|
|
|
<div class="del">《兴唐情缘》是风之谷网络智谋战略手游</div>
|
|
|
<!-- <div class="btn">
|
|
|
<div href="#" img="img/anzhuo.png">安卓下载</div>
|
|
|
<div href="#" img="img/ios.png">IOS下载</div>
|
|
|
<a >进入游戏</a>
|
|
|
</div> -->
|
|
|
<div class="btn">
|
|
|
<!-- <a href="http://fzlywl.f3322.net:1880/sanguo/index.min.html" class="center">进入游戏</a> -->
|
|
|
<a href="file/xtqy.apk" class="center">下载游戏</a>
|
|
|
</div>
|
|
|
</div>
|
|
|
<!-- <div class="mode"></div>
|
|
|
<div class="qrcode"><img src="" alt=""></div> -->
|
|
|
</li>
|
|
|
<!-- <li>
|
|
|
<img src="img/img3.png" alt="">
|
|
|
<div class="have_product_box">
|
|
|
<div class="name">尘缘</div>
|
|
|
<div class="del">唯美幻想的东方仙侠，众多风格迥异的神话场景，上有鲲鹏遨游天际，下有灵兽嬉戏追逐。仙魔人妖，千姿百态，为你呈现一个梦游仙境般的奇幻仙侠大世界</div>
|
|
|
<div class="btn">
|
|
|
<div href="#" img="img/anzhuo3.png">安卓下载</div>
|
|
|
<div href="#" img="img/ios3.png">IOS下载</div>
|
|
|
</div>
|
|
|
<div href="http://134.175.197.176:8018/index.min.html"><div class="enter">进入游戏</div></a>
|
|
|
</div>
|
|
|
<div class="mode"></div>
|
|
|
<div class="qrcode"><img src="" alt=""></div>
|
|
|
</li> -->
|
|
|
</ul>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
<!-- foot -->
|
|
|
<div class="foot">
|
|
|
<div class="foot_box">
|
|
|
<div class="foot_top">
|
|
|
<div class="foot_top_ri">
|
|
|
<div class="foot_link">
|
|
|
</div>
|
|
|
<div class="foot_serial">
|
|
|
<span>
|
|
|
<a target="_blank" href="https://beian.miit.gov.cn" style="color: #ffffff; margin-top: 12px; display: inline-block;">
|
|
|
备案号：闽ICP备13012283号-3</p>
|
|
|
</a>
|
|
|
</span>
|
|
|
<span>公安网备：35010202000898</span>
|
|
|
<span style="padding-left: 10px">网络文化经营许可证：闽网文(2017)9097-267号</span>
|
|
|
</div>
|
|
|
<div class="foot_code">copyright2019</div>
|
|
|
<div class="foot_approve"> <img src="img/foot_slide.png" alt=""></div>
|
|
|
</div>
|
|
|
</div>
|
|
|
<div class="foot_bom">抵制不良网页游戏，拒绝盗版游戏。注意自我保护，谨防受骗上当。适度游戏益脑，沉迷游戏伤身。合理安排时间，享受健康生活。适龄提示：适合12周岁以上使用。</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
</body>
|
|
|
</html>
|
|
|
<script src="js/bg.js"></script>
|
|
|
<script>
|
|
|
$(".have_product li .btn>div").click(function(){
|
|
|
var img = $(this).attr('img');
|
|
|
$(this).parent(".btn").parent(".have_product_box").siblings(".qrcode").children("img").attr('src',img);
|
|
|
$(this).parent(".btn").parent(".have_product_box").siblings(".qrcode").show();
|
|
|
$(this).parent(".btn").parent(".have_product_box").siblings(".mode").show();
|
|
|
})
|
|
|
$(".have_product li .mode").click(function(){
|
|
|
$(this).siblings(".qrcode").hide();
|
|
|
$(this).hide();
|
|
|
})
|
|
|
</script> |