<!DOCTYPE>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0,maximum-scale=1.0, user-scalable=no"/>
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
<!-- uc强制竖屏 -->
<meta name="screen-orientation" content="portrait">
<!-- QQ强制竖屏 -->
<meta name="x5-orientation" content="portrait">
<meta name="msapplication-tap-highlight" content="no">
<link rel="stylesheet" href="css/bootstrap.min.css">
<link rel="stylesheet" href="css/font-awesome.min.css">
<link rel="stylesheet" href="css/global.css">
<link rel="stylesheet" href="css/bootstrap-datetimepicker.min.css">
<script type="text/javascript" src="js/jquery.min.js"></script>
<script type="text/javascript" src="js/bootstrap.min.js"></script>
<script type="text/javascript" src="js/bootstrap-datetimepicker.min.js"></script>
<title>WIFI认证</title>
<style type="text/css">
.y_g_body{
width:100% ;
height:100%;
background-color: #fff;
}
.y_top_title{
width:100%;
height:50px;
background-color:#0075da;
text-align: center;
line-height: 50px;
color:#fff;
font-size: 16px;
}
ul {
list-style-type:none;
}
.box {
padding-left:6%;
padding-right:6%;
}
.box ul {
height:30px;
line-height:30px;
}
.box ul li {
float:left;
padding:0;
padding-left:10px;
padding-right:10px;
position:relative;
cursor:pointer;
width:46%;
margin-left:2%;
margin-right:2%;
text-align: center;
}
.box ul li span {
}
.box ul li.one {
color:#0075da;
border-bottom:2px solid #0075da;
}
.content{
width:100%;
padding-top:10px;
padding-bottom:10px;
}
.ct{
margin-top:10px;
}
.y_well{
float:left;
position:relative;
cursor:pointer;
width:46%;
margin-left:2%;
margin-right:2%;
border-radius:0;
}
.y_well span{
padding-top:9px;
margin:0 auto;
display: block;
}
.y_well_active{
border: 1px solid #0075da;
}
.y_icon_ok {
position:absolute;
right: 0px;
bottom: 0px;
background-color: #0075da;
color: #fff;
display: none;
z-index: 99;
}
.y_icon_ok_show{
display: inline-block;
}
.y_triangle_se{
width: 0;
height: 0;
border-width: 0 0 10px 10px;
border-style: solid;
border-color: transparent transparent #ccc transparent;
position: relative;
line-height: 32px;
margin-left: -10px;
z-index: 99;
}
.y_lable_bw{
padding: .1em .9em .1em;
margin-left: 8px;
margin-right: 8px;
line-height: 28px;
font-size: 99%;
cursor: pointer;
float: left;
margin-top: 3px;
margin-bottom: 3px;
}
.y_lable_ck{
background-color: #388bd4;
}
.y_tc_tip{
padding-top: 10px;
}
.y_span_left{
line-height:34px;
float: left;
}
.y_sm_input {
width: 60px !important;
border-top: 0px;
border-left: 0px;
border-right: 0px;
text-align:center;
}
.y_span_rg {
color:red;
font-size:12px;
padding-left:5px;
}
.y_line{
border-bottom:1px solid #ccc;
width:100%;
}
.y_bom_tip{
color:red;
padding-left: 8%;
padding-right: 8%;
margin-bottom:20px;
}
.y_y_btn{
width:100%;
max-width:240px;
margin:0 auto;
}
.y_btn{
width:100%;
border-radius:15px;
color:#fff;
background-color: #1269d6 ;
}
.y_zdy {
max-width: 300px;
margin: 0 auto;
}
</style>
</head>
<body>
<div class="y_g_body">
<div class="y_top_title">
选择上网套餐
</div>
<div class="box">
<ul>
<li class="one"> <span>自定义套餐</span></li>
<li><span> 优惠套餐</span></li>
</ul>
<div class="content">
<div class="ct ">
<div class="y_zdy">
<div class="input-group">
<span class="y_span_left">月数：</span><input type="text" class="form-control y_sm_input" value="1">
<font id="mouth" class="y_triangle_se"></font>
<span class="y_span_rg">(开户时间起至29天59分为一月)</span>
</div><br>
<div class="input-group">
<span class="y_span_left">天数：</span><input type="text" class="form-control y_sm_input" value="1">
<font id="day" class="y_triangle_se"></font>
<span class="y_span_rg">(开户时间起24小时为一天)</span>
</div><br>
<div class="input-group bw" >
<span class="y_span_left">带宽：</span>
<div style="margin-left: 42px;">
<span class="label label-default y_lable_bw">4M</span>
<span class="label label-default y_lable_bw">8M</span>
<span class="label label-default y_lable_bw">16M</span>
</div>
</div><br>
<div class="input-group">
价格：<span style="color:red;">123元</span>
</div><br>
<div class="y_line"> </div>
<div class="y_tc_tip"><span style="color:#0075da;">您当前选择的套餐是：</span><span >时间：</span><br>
<div style="margin-left:140px;">
<span >带宽：</span><br>
<span >价格：</span><br>
</div>
</div><!--y_tc_tip-->
</div>
</div><!--ct-->
<div class="ct">
<div style="width:100%;">
<div class="well well-sm y_well">
<div style="margin: 0 auto;width: 110px;">
<span style="padding-top:0px;">套餐时间：777天</span>
<span>套餐带宽：8M</span>
<span style="padding-bottom:9px;">套餐价格：<font style="color:red">6元</font></span>
</div>
<font class="icon-ok y_icon_ok"></font>
</div>
<div class="well well-sm y_well">
<div style="margin: 0 auto;width: 110px;">
<span style="padding-top:0px;">套餐时间：7天</span>
<span>套餐带宽：8M</span>
<span style="padding-bottom:9px;">套餐价格：<font style="color:red">6元</font></span>
</div>
<font class="icon-ok y_icon_ok"></font>
</div>
<div class="well well-sm y_well">
<div style="margin: 0 auto;width: 110px;">
<span style="padding-top:0px;">套餐时间：127天</span>
<span>套餐带宽：8M</span>
<span style="padding-bottom:9px;">套餐价格：<font style="color:red">6元</font></span>
</div>
<font class="icon-ok y_icon_ok"></font>
</div>
<div class="well well-sm y_well">
<div style="margin: 0 auto;width: 110px;">
<span style="padding-top:0px;">套餐时间：7天</span>
<span>套餐带宽：8M</span>
<span style="padding-bottom:9px;">套餐价格：<font style="color:red">326元</font></span>
</div>
<font class="icon-ok y_icon_ok"></font>
</div>
</div>
</div><!--ct-->
</div><!--content-->
<div class="y_bom_tip">
温馨提示：充值成功后不支持退费，点击下一步视为支持该条款
</div>
<div class="y_y_btn">
<button type="button" class="btn btn-dafault y_btn" onclick="aa_next()">确认支付</button>
</div>
</div>
</div>
</body>
</html>
<script type="text/javascript">
$(document).ready(function(){
var allheight = document.body.clientHeight;
$(".y_g_body").css("height",allheight+"px");
$('.ct:gt(0)').hide();
var hdw = $('.box ul li');
hdw.hover(function(){
$(this).addClass('one').siblings().removeClass();
var hdw_index = hdw.index(this);
$('.ct').eq(hdw_index).show().siblings().hide();
});
$(".well").click(function(){
$(this).addClass('y_well_active').siblings().remov
aa.rar_web注册_web登录页面_认证web
版权申诉
162 浏览量
2022-09-23
18:07:12
上传
评论
收藏 1.61MB RAR 举报
aa.rar_web注册_web登录页面_认证web （183个子文件） 
bootstrap.min.css 120KB pure.css 27KB font-awesome.css 27KB font-awesome.min.css 22KB _all.css 20KB _all.css 14KB _all.css 14KB bootstrap-switch.css 13KB _all.css 12KB _all.css 12KB bootstrap-datetimepicker.min.css 11KB yellow.css 2KB purple.css 2KB orange.css 2KB green.css 2KB blue.css 2KB pink.css 2KB aero.css 2KB grey.css 2KB red.css 2KB line.css 2KB normalize.css 2KB all.css 2KB orange.css 2KB yellow.css 2KB purple.css 2KB orange.css 2KB purple.css 2KB yellow.css 2KB green.css 2KB green.css 1KB blue.css 1KB pink.css 1KB aero.css 1KB grey.css 1KB pink.css 1KB grey.css 1KB aero.css 1KB blue.css 1KB red.css 1KB red.css 1KB minimal.css 1KB polaris.css 1KB square.css 1KB purple.css 1KB yellow.css 1KB orange.css 1KB yellow.css 1KB purple.css 1KB orange.css 1KB green.css 1KB green.css 1KB blue.css 1KB pink.css 1KB grey.css 1KB aero.css 1KB aero.css 1KB blue.css 1KB grey.css 1KB pink.css 1KB futurico.css 1KB red.css 1KB red.css 1KB flat.css 1KB flat.css 1KB global.css 368B fontawesome-webfont.eot 37KB glyphicons-halflings-regular.eot 20KB
aa_service.html 8KB zdy_tc.html 8KB aa_login.html 6KB aa_pay_success.html 5KB aa_pc_auth.html 5KB aa_success.html 5KB aa_user_info.html 3KB aa_forget_pw.html 3KB aa_set_pw.html 2KB set_pw_success.html 2KB jquery.min.js 95KB bootstrap-datetimepicker.min.js 37KB bootstrap.min.js 36KB bootstrap-switch.js 8KB icheck.min.js 5KB FontAwesome.otf 60KB
p_gg2.png 294KB p_gg4.png 207KB p_gg3.png 190KB p_gg1.png 172KB p_gg5.png 92KB polaris@2x.png 16KB polaris.png 6KB dxauth.png 5KB purple@2x.png 4KB green@2x.png 4KB red@2x.png 4KB blue@2x.png 4KB grey@2x.png 4KB pink@2x.png 4KB square@2x.png 4KB orange@2x.png 4KB共 183 条
- 1
- 2
资源评论
