<!DOCTYPE html>
<html lang="zh">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no">
<title>世界杯</title>
<!-- 最新版本的 Bootstrap 核心 CSS 文件 -->
<link rel="stylesheet" href="https://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap.min.css"
integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
<link rel="stylesheet" href="css/bootstrap.min.css">
<link rel="stylesheet" href="css/style.css">
<script src="js/jquery.min.js"></script>
<script src="js/jquery.cookie.js"></script>
<script src="https://cdn.bootcss.com/bootstrap/3.3.7/js/bootstrap.min.js"
integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa"
crossorigin="anonymous"></script>
<style>
body{
background-color: #f2f2f2;
}
input, textarea, select {
outline: none;
}
.item .match {
width: 98%;
margin: 0 1%;
overflow: auto;
text-align: center;
box-sizing: border-box;
background-color: #4870e3;
color: white;
border-radius: 17px;
overflow: hidden;
margin-top: 10px;
}
.item .grey_wks {
background-color: #cccccc;
}
.item .active {
border-radius: 17px 17px 0 0;
}
.item .match .team {
float: left;
width: 25%;
height: 110px;
position: relative
}
.item .match .team .view {
position: relative;
top: 50%;
transform: translateY(-50%);
}
.item .match .score {
float: left;
width: 5%;
line-height: 110px;
font-size: 20px
}
.item .match .content {
float: left;
width: 40%;
height: 110px;
position: relative
}
.item .match .content .view {
position: relative;
top: 50%;
transform: translateY(-50%);
}
.item .match .content .view .status {
width: 100px;
line-height: 24px;
background-color: #00cc66;
border-radius: 40px;
margin-left: auto;
margin-right: auto;
}
.item .match .content .view .red {
background-color: #ff0000;
}
.item .match .content .view .grey {
background-color: #797979;
}
.item .game {
background-color: #ffffff;
display: none;
width: 98%;
margin: 0 1%;
border-radius: 0 0 17px 17px;
overflow: hidden;
}
.item .game .game_item {
position: relative;
width: 100%;
text-align: center;
border-bottom: 1px solid #F2F2F2;
overflow: hidden;
height: 100px;
}
.item .game .game_item .head_name {
width: 100%;
height: 45px;
line-height: 45px;
font-size: 14px;
padding-top: 10px;
}
.item .game .game_item .head_name .text {
background-color: #4870e3;
border-radius: 15px;
padding: 3px 15px;
color: white;
height: 22px;
line-height: 18px;
width: 180px;
margin-left: auto;
margin-right: auto;
}
.item .game .game_item .xiazhu_view {
float: left;
height: 40px;
font-size: 10px;
text-align: center;
box-sizing: border-box;
width: 50px;
}
.item .game .game_item .xiazhu_view .xiazhu_btn {
width: 40px;
float: left;
line-height: 40px;
height: 40px;
border-radius: 20px;
background-color: #797979;
color: white;
font-size: 15px;
}
.item .game .game_item .xiazhu_view .team_name {
height: 20px;
overflow: hidden;
font-size: 15px;
}
.item .game .game_item .xiazhu_view .btn_green {
background-color: #669933;
}
.header {
position: fixed;
z-index: 60;
width: 100%;
max-width: 700px;
height: 35px;
top: 0;
text-align: center;
line-height: 35px;
font-size: 17px;
margin-right: auto;
margin-left: auto;
background-color: #2d59df;
color: white;
}
.date {
height: 30px;
line-height: 30px;
text-align: center;
color: #646464;
margin-bottom: -10px;
}
.footer a {
color: black;
}
.footer {
position: fixed;
z-index: 60;
width: 100%;
max-width: 700px;
height: 50px;
bottom: 0;
background-color: white;
}
.footer .footer_item {
float: left;
width: 25%
}
</style>
</head>
<body>
<div class="app"
style="background-color: #f2f2f2;max-width: 700px;margin-left: auto;margin-right: auto;position: relative;overflow: auto;padding-top: 35px">
<div class="header">
</div>
<div id="main_data" style="padding-bottom: 60px">
</div>
<!-- Button trigger modal -->
<button type="button" class="btn btn-primary btn-lg" data-toggle="modal" data-target="#myModal"
style="display: none" id="show_xiazhu">
Launch demo modal
</button>
<!-- Modal -->
<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel"
style="margin-top: 30%">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-header" style="border:0">
<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span
aria-hidden="true">×</span></button>
<h4 class="modal-title" style="text-align: center;color: #4870e3" id="myModalLabel">Modal title</h4>
</div>
<div class="modal-body" style="text-align: center;padding: 0;font-size: 16px;">
<div style="padding-bottom: 15px">
您选择是：<span id="trust"></span>
</div>
<div>
<input type="text" id="point_val" placeholder="输入金币" style="border: 1px solid #cbcbcb"
onkeyup="value=this.value.replace(/\D+/g,'')">
</div>
<div style="margin-top: 15px;font-size: 13px">
预计最高收益：<span id="get_point_val"></span>
</div>
</div>
<div class="modal-footer" style="border:0;text-align: center">
<button type="button" class="btn" style="background-color: #00cc66;color: white;width: 30%"
onclick="window.location.href='czjm.html'">去充值
</button>
<button type="button" class="btn" style="background-color: #4870e3;color: white;width: 30%"
onclick="order()">下注
</button>
</div>
</div>
</div>
</div>
<div class="footer" style="height: 45px;text-align: center;font-size: 10px;">
<a href="index.html" style="color: #8a8a8a">
<div class="footer_item
赛车h5源码.zip （85个子文件） 
code_20105 
lishi.html 3KB js 
jquery.cookie.js 3KB main.js 1KB qrcode.min.js 19KB jquery.min.js 84KB jcls.html 10KB rebate.html 3KB lxkf.html 1KB cz.html 5KB bjk.html 3KB cztx.html 6KB .idea workspace.xml 56KB sjb_wap.iml 458B modules.xml 266B ssc.html 21KB css style.css 188B bootstrap.min.css 118KB shishicai.css 2KB jcls.css 509B chongzhi.css 2KB lishi.css 454B cz.css 2KB ssc_referee.html 4KB referee.html 5KB login.html 21KB ssc_rule.html 7KB xgmm.html 2KB czjm2.html 5KB index.html 21KB czjm.html 3KB txjm.html 3KB imgs 
我的筹码2.png 2KB xgmm.png 4KB
adv.jpg 209KB 210705163930538428.png 10KB cztx.png 3KB 竞猜1.png 2KB chongzhi.png 8KB tixian.png 9KB 竞猜2.png 9KB ssc_icon1.png 7KB icon_user.png 4KB zhudui.png 11KB guoqi aiji.png 36KB bingdao.png 35KB bilishi.png 35KB moluoge.png 36KB putaoya.png 40KB yilang.png 38KB hanguo.png 37KB xibanya.png 38KB wulagui.png 37KB moxige.png 36KB gelunbiya.png 34KB agenting.png 35KB shatealabo.png 40KB tunisi.png 38KB saineijiae.png 35KB yinggelan.png 34KB danmai.png 35KB deguo.png 34KB niriliya.png 33KB gesidalijia.png 34KB ruidian.png 34KB saieweiya.png 38KB aodaliya.png 38KB banama.png 34KB keluodiya.png 39KB riben.png 34KB milu.png 34KB faguo.png 34KB bolan.png 33KB eluosi.png 33KB ruishi.png 35KB baxi.png 38KB 竞猜历史1.png 11KB kefu.png 52KB kedui.png 10KB icon_pwd.png 4KB 竞猜历史2.png 2KB dl_icon.png 5KB ssc_icon.png 7KB yhk.png 4KB 我的筹码1.png 11KB kf_icon.png 7KB资源评论
土豆片片
- 粉丝: 1859
- 资源: 5869
最新资源
- HTML5实现好看的骑马俱乐部网站源码.zip
- HTML5实现好看的企业邮箱业务网站模板.zip
- HTML5实现好看的汽车改装维修车行网站源码2.zip
- HTML5实现好看的汽车改装维修车行网站源码.zip
- HTML5实现好看的汽车经销商网页源码.zip
- HTML5实现好看的汽车清洗美容公司网站源码.zip
- HTML5实现好看的汽车清洗美容连锁网站源码.zip
- HTML5实现好看的汽车美容洗车店网站模板.zip
- HTML5实现好看的汽车运输公司网站源码.zip
- HTML5实现好看的汽车自驾游网站源码.zip
- HTML5实现好看的汽车修理厂网站源码.zip
- 电动汽车蒙特卡洛模拟一充二充三充，快充慢充蒙特卡洛模拟日充电功率 可自行修改日充电数量的比例，可自行修改快充慢充功率，所见即所得，生成功率预测曲线，功率需求上下限曲线，matlab程序有注释
- HTML5实现好看的浅色清爽美食网站源码.zip
- HTML5实现好看的潜水运动响应式网站源码.zip
- HTML5实现好看的汽车租赁平台网页模板.zip
- HTML5实现好看的清爽博客自媒体网站模板.zip
资源上传下载、课程学习等过程中有任何疑问或建议，欢迎提出宝贵意见哦~我们会及时处理！
点击此处反馈
