* { 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; }
实现简单的抽奖功能,适合会议或活动使用。