<!DOCTYPE html PUBLIC "-//WAPFORUM//DTD XHTML Mobile 1.0//EN" "http://www.wapforum.org/DTD/xhtml-mobile10.dtd">
<html>
<!--Author:CaiZhuo-->
<!--Name:Chromosphere-->
<!--Version:3.03-->
<!--Date:2017/08/14-->
<!--Update:2018/02/06-->
<head>
<title>模拟机选双色球</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<style type="text/css">
#div1 {
width: 880px;
height: 100%;
border: 1px red solid;
/*border-bottom: hidden;*/
padding: 30px;
margin: 80px auto;
}
h1 {
text-align: center;
}
a {
text-decoration: none;
}
.photo{
width: 150px;
height: 150px;
position: absolute;
left: 800px;
top: 160px;
padding: 1px;
}
.photo img{
width: 120px;
height:120px;
border: #FFF 3px solid;
border-radius: 2px;
display: block;
}
#input-file {
position: absolute;
font-size: 100px;
right: 0;
top: 0;
opacity: 0;
}
#input-file:hover {
background: #AADFFD;
border-color: #78C3F3;
color: #004974;
text-decoration: none;
cursor: pointer;
}
.uploadphoto{
width: 100px;
height: 20px;
font-size: 12px;
color: #eee;
background-color: rgba(0,0,0,.8);
text-align: center;
line-height: 20px;
position: absolute;
left: 200px;
top: 8px;
display: none;
cursor: pointer;
}
.content {
width: 100%;
height: 100px;
margin: 0 auto;
border: 2px solid #1f70bb;
color: black;
text-indent: 2px;
font-size: 14px;
}
.content_1 {
width: 100%;
height: 180px;
margin: 0 auto;
border-bottom: 1px solid #1f70bb;
}
#t1 input,#m1 input,#n1 input {
width: 30px;
height: 30px;
border-radius: 30px;
bordercolorlight: white;
bordercolordark: Maroon;
font-size: 18px;
text-align: center;
color: white;
}
.red {
border: 1px solid black;
background: red;
}
.blue {
border: 1px solid black;
background: blue;
}
.name {
width: 50px;
height: 50px;
margin: 20px 20px;
border-radius: 5px;
}
button {
width: 50px;
height: 30px;
padding: 5px;
margin: 10px auto;
text-align: center;
background-color: orange;
border: 1px solid black;
cursor: pointer;
}
#btn1, #btn2 {
width: 50px;
height: 30px;
padding: 5px;
margin: 10px auto;
text-align: center;
background-color: red;
border: 1px solid black;
cursor: pointer;
}
.btn {
width: 20px;
height: 24px;
padding: 5px;
margin: 10px auto;
text-align: center;
background-color: red;
border: 1px solid black;
cursor: pointer;
}
.BTN {
width: 50px;
height: 26px;
padding: 5px;
margin: 10px auto;
text-align: center;
background-color: red;
border: 1px solid black;
cursor: pointer;
}
#tab{
/*width: 100%;*/
padding: 5px;
/*margin: 10px auto;*/
border: 2px solid #aaa;
border-collapse: collapse;
}
#tab th, #tab td {
border: 2px solid #aaa;
padding: 5px;
}
#tab th {
background-color: #eee;
}
.msgFrame{
width: 100%;
margin: 0 auto;
}
#numofmessage {
width: 100%;
height: 24px;
color: #8AB8E3;
margin: 0 auto;
line-height: 20px;
border-bottom: 2px solid #1f70bb;
font-family: 微软雅黑, Tohoma;
}
.mainInfo {
width: 766px;
height: 143px;
float: right;
margin-top: 20px;
}
.userId {
width: 100%;
height: 20px;
font-size: 14px;
}
.conInfo {
width: 100%;
height: 80px;
margin-top: 12px;
font-size: 12px;
}
.time {
width: 100%;
height: 20px;
font-size: 12px;
margin-top: 20px;
margin-bottom: 20px;
color: #8AB8E3;
}
</style>
</head>
<body>
<div id="div1">
<h1>
机选双色球
</h1>
<br><br><br><br><br><br>
<div class="photo" id="photo">
欢迎您，<span id="user">游客</span>！
<img id="img1" src="http://qlogo4.store.qq.com/qzone/2437717424/2437717424/100?1495551764">
<div class="uploadphoto" id="uploadphoto">
<!--<input id="input-file" class="upload" type="file" accept="image/*" capture="camera" value="" onchange="upImg()">修改头像-->
<input id="input-file" class="upload" type="file" value="" accept="image/*" onchange="upImg()">修改头像
</div>
</div>
请先设置双色球单价：
<input id="cash" type="text" size="10"> 元
<button onclick="setOne(document.getElementById('cash').value)">设置</button>
<br>
<span id="QR"></span>
<p id="t1">
<input type="text" class="red" disabled="true"/>
<input type="text" class="red" disabled="true"/>
<input type="text" class="red" disabled="true"/>
<input type="text" class="red" disabled="true"/>
<input type="text" class="red" disabled="true"/>
<input type="text" class="red" disabled="true"/>
<input type="text" class="blue" disabled="true"/>
</p>
<p style="display: none" id="m1">
<input type="text" class="red" disabled="true"/>
<input type="text" class="red" disabled="true"/>
<input type="text" class="red" disabled="true"/>
<input type="text" class="red" disabled="true"/>
<input type="text" class="red" disabled="true"/>
<input type="text" class="red" disabled="true"/>
<input type="text" class="blue" disabled="true"/>
</p>
<p style="display: none" id="n1">
<input type="text" class="red" disabled="true"/>
<input type="text" class="red" disabled="true"/>
<input type="text" class="red" disabled="true"/>
<input type="text" class="red" disabled="true"/>
<input type="text" class="red" disabled="true"/>
<input type="text" class="red" disabled="true"/>
<input type="text" class="blue" disabled="true"/>
</p>
<button onclick="start1('t1');">
单注
</button>
<button onclick="threeTimes('t1','m1','n1');">
三注
</button>
<button onclick="stop1();">
停止
</button>
<button onclick="sort1();">
排序
</button>
<button onclick="add1();">
添加
</butt
