* {
margin:0;
padding:0;
}
.bg {
width:100%;
max-width:1920px;
height:auto;
position:relative;
}
.bg img {
width:100%;
height:100%;
}
.box {
width:100%;
max-width:1500px;
margin:auto;
text-align:center;
position:absolute;
top:1%;
left:0;
right:0;
}
.jz {
float:left;
width:420px;
height:auto;
margin:auto;
padding-left:355px;
padding-top:70px;
}
.jz p {
line-height:80px;
text-align:center;
font-size:50px;
color:#ffffff;
}
.jz span {
border-radius:10px;
opacity:0.7;
display:block;
width:400px;
height:80px;
line-height:80px;
margin:20px 0;
text-align:left;
font-size:60px;
background:#ffffff;
}
.start,.stop {
width:200px;
height:80px;
line-height:80px;
text-align:center;
font-size:64px;
border-radius:10px;
margin:auto;
color:#ffffff;
cursor:pointer;
}
.start {
background:#24ADD7;
}
.stop {
background:#FC6666;
}
.zjmd {
float:left;
width:600px;
height:850px;
margin-left:120px;
overflow:hidden;
background:url(images/shi1.png);
background-repeat:no-repeat;
}
.zjmd .p1 {
line-height:40px;
text-align:center;
font-size:20px;
padding:0;
}
.zjmd p {
line-height:30px;
text-align:left;
txt-align:justify;
padding-left:30px;
}
.zjmd .list {
font-size:38px;
font-weight:900;
}
.zjmd .list p {
line-height:1.5;
}
.top {
height:330px;
width:100%;
}
.clearfix:after {
content:'';
display:block;
clear:both;
}
.btn {
float:left;
width:100%;
}
.btn-box,.clearResult {
width:50px;
height:30px;
line-height:30px;
color:#ffffff;
cursor:pointer;
border-radius:5px;
text-align:center;
}
.btn-start {
background-color:#24ADD7;
margin:0 auto;
}
.btn-stop {
background-color:#FC6666;
margin:0 auto;
}
.active {
display:block;
}
.hidden {
display:none;
}
.result {
width:200px;
height:600px;
float:none;
margin:0 auto;
}
.clearResult {
background-color:#24ADD7;
font-size:14px;
line-height:30px;
}
.title div {
float:left;
height:30px;
letter-spacing:1.2px;
}
.title div:first-child {
border:1px solid #ddd;
width:200px;
padding-left:5px;
line-height:30px;
margin-right:94px;
}
.title div:first-child input {
border:none;
outline:none;
}
.run {
border:1px solid #ddd;
width:200px;
height:30px;
line-height:30px;
font-size:14px;
margin:0 auto;
text-align:center;
}
实现简单的抽奖功能,适合会议或活动使用。