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.
jy-site/recharge.html

119 lines
5.5 KiB
HTML

This file contains ambiguous Unicode characters!

This file contains ambiguous Unicode characters that may be confused with others in your current locale. If your use case is intentional and legitimate, you can safely ignore this warning. Use the Escape button to highlight these characters.

<!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备2023013961号-2</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>