|
|
|
|
|
<!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/recharge.css" />
|
|
|
|
|
|
</head>
|
|
|
|
|
|
<body>
|
|
|
|
|
|
<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">产品服务</a></li>
|
|
|
|
|
|
<!-- <li><a href="recharge.html" class="active">在线充值</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="recharge">
|
|
|
|
|
|
<div class="sec">
|
|
|
|
|
|
<div class="m-tab">
|
|
|
|
|
|
<ul class="pay-tab clearfix">
|
|
|
|
|
|
<li class="active" data-tab="pay-ebank">
|
|
|
|
|
|
<label jslog-trace-id="onlinegiantpay">
|
|
|
|
|
|
在线充值
|
|
|
|
|
|
<i class="ico-hot"></i>
|
|
|
|
|
|
</label>
|
|
|
|
|
|
</li>
|
|
|
|
|
|
</ul>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<div class="pay-wrap">
|
|
|
|
|
|
<div class="pay-panel pay-ebank">
|
|
|
|
|
|
<form action="" name="pay-ebank" id="pay-ebank">
|
|
|
|
|
|
<ul>
|
|
|
|
|
|
<li class="clearfix">
|
|
|
|
|
|
<label class="label-title">您充值的账号：</label>
|
|
|
|
|
|
<div class="label-item">
|
|
|
|
|
|
<div class="form-item">
|
|
|
|
|
|
<input type="text" class="input-account" placeholder="请输入手机账号 / 游戏账号">
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</li>
|
|
|
|
|
|
<li class="clearfix">
|
|
|
|
|
|
<label class="label-title">充值金额：</label>
|
|
|
|
|
|
<div class="label-item amounts">
|
|
|
|
|
|
<div class="label-cell rating">
|
|
|
|
|
|
<label jslog-trace-id="onlinegiantpayfee10">10 元</label>
|
|
|
|
|
|
<label jslog-trace-id="onlinegiantpayfee10">100 元</label>
|
|
|
|
|
|
<label jslog-trace-id="onlinegiantpayfee10">500 元</label>
|
|
|
|
|
|
<label jslog-trace-id="onlinegiantpayfee10">1000 元</label>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</li>
|
|
|
|
|
|
<li class="clearfix">
|
|
|
|
|
|
<label class="label-title">充值渠道：</label>
|
|
|
|
|
|
<div class="label-item">
|
|
|
|
|
|
<div class="label-cell channel-tab clearfix">
|
|
|
|
|
|
<label class="ico-alipay active">支付宝</label>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</li>
|
|
|
|
|
|
<li class="clearfix">
|
|
|
|
|
|
<div class="label-option">
|
|
|
|
|
|
<a id="btn-ebank" >立即支付</a>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</li>
|
|
|
|
|
|
</ul>
|
|
|
|
|
|
</form>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<div class="foot">
|
|
|
|
|
|
<div class="foot_box">
|
|
|
|
|
|
<div class="foot_top">
|
|
|
|
|
|
<!-- <img src="img/foot_logo.png" alt=""> -->
|
|
|
|
|
|
<div class="foot_top_ri">
|
|
|
|
|
|
<div class="foot_link">
|
|
|
|
|
|
<!-- <a>家长监护</a>
|
|
|
|
|
|
<a>客服帮助</a> -->
|
|
|
|
|
|
<!-- <a href="#">国浩律所</a> -->
|
|
|
|
|
|
</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>
|
|
|
|
|
|
$('.rating label').click(function(){
|
|
|
|
|
|
$(this).addClass('active').siblings('label').removeClass('active');
|
|
|
|
|
|
})
|
|
|
|
|
|
</script>
|
