.lottery_bg{background: url(../images/png/lottery_bg.png) #b30506;}
*{padding:0;margin:0;font-family: "helvetica neue","microsoft yahei",arial,sans-serif;font-size: 12px;color: #444;}
ul, ol, li {list-style:none;}
.clearfix{zoom:1;}
.clearfix:after{content: "";display: block;height:0;clear:both;visibility: hidden;}
.lottery_box{width:1400px;margin:0 auto;position: relative;overflow: hidden;}
.lottery_box .title{font-size:28px;text-align: center;color:#fff;margin:20px 0 15px;}
.pro_code{position: absolute;right:0;top:0;cursor: pointer;width: 68px;height:68px;}
.pro_code img{width:100%;}
.cjcode_box{position: fixed;left: 50%;text-align: center;  margin-left: -178px;  top: 50%;  margin-top: -208px;}
.cjcode_box .ts{text-align: center;color:#999;margin-top: 20px;  font-size: 17px;}
.lottery_box .addr,
.lottery_box .people{padding-left:25px;font-size:16px;color:#fff;margin-bottom:10px;}
.lottery_box .addr{background: url(../images/png/addr.png) no-repeat center left;float: left;}
.lottery_box .left_box,
.lottery_box .right_box{float: left;width:50%;}
.lottery_box .right_box .box{margin-left:3px;}
.lottery_box .people{padding-left:34px;background: url(../images/png/people.png) no-repeat center left;float: right;}
.lottery_box .box_bg{background: #fff;border-radius:6px;border:4px solid #ff9c14;position: relative;margin-bottom:28px;}
.lottery_box .box_bg:before{content:"";position: absolute;left:50%;width:3px;background: #ff9c14;height:100%;}
.lottery_box .box_bg .box{background: #fff;position: relative;}
.lottery_box .box_bg .cut_off:before{content: "";position: absolute;left:45%;height:100%;width:3px;background: #ff9c14;top:0;}
.lottery_box .box_bg .box .left_cont,
.lottery_box .box_bg .box .right_cont{float: left;width:55%;}
.lottery_box .box_bg .box .user img{margin-bottom:20px;}
.lottery_box .box_bg .box .user p{font-size:16px!important;margin-bottom:10px;}
.lottery_box .box_bg .box .left_cont{width:45%;}
.prize_show {width:100%;margin:0 auto;position:relative;text-align:center;padding-top:10px;}
.prize_show .btndiv {width:100%;float:left;height:62px;position:absolute;top:40%;}
.prize_show .abtn {display:block;height:40px;width:40px;position:absolute;overflow:hidden;text-indent:-999em;outline:none;}
.prize_show .aleft {left:5px;background:url(../images/png/left_go.png) center no-repeat;background-size: 40px;}
.prize_show .agrayleft {cursor:default;visibility: hidden;}
.prize_show .aright {right:5px;background:url(../images/png/right_go.png) center no-repeat;background-size: 40px;}
.prize_show .agrayright {cursor:default;visibility: hidden;}
.scrollcontainer {width:200px;height:250px;overflow:hidden;position:relative;margin:40px auto 0;}
.scrollcontainer ul {width:20000px;position:absolute;left:0px;top:0px;}
.scrollcontainer li {width:200px;height:300px;float:left;}
.scrollcontainer li .nm{font-size: 20px;margin-top:30px;}
.scrollcontainer li img{width:160px;height:160px;}
.lottery_box .number{text-align: center;padding-bottom:40px;}
.lottery_box .number span{font-size: 18px;}
.lottery_box .number input{width:70px;height:32px;line-height: 32px;text-align: center;border-radius:5px;border:1px solid #ddd;outline:none;font-size: 18px;}
.prize_people{border-top:3px solid #ff9c14}
.lottery_box .winners{text-align: center;margin-top: 50px;}
.lottery_box .winners img{width:100px;height:100px;border:4px solid #ffd498;border-radius:8px;box-shadow:0 0 13px rgba(255, 156, 20, 0.7);}
.lottery_box .winners .btn{margin-top:30px;}
.lottery_box .winners .btn input{line-height: 42px;background: #ff9c14;min-width: 120px;text-align: center;color: #fff;font-size: 20px;outline: none;cursor: pointer;padding: 0 20px;border-radius: 42px;box-shadow: 0 0 5px #ff9c14;border: 3px solid rgba(255, 255, 255, 0.5);}
.lottery_box .winners .btn input.disable{background: #b5b5b5;box-shadow: 0 0 5px #b5b5b5;}
.lottery_box .box_bg .box .h2{padding:20px 0 10px;}
.lottery_box .box_bg .box .h2 div{height:50px;background:url(../images/png/caidai.png) center no-repeat;text-align: center;color:#fff;font-size: 20px;line-height: 42px;background-size:200px; }
.number_of{font-size: 20px;text-align: center;padding-bottom:10px;color:#ff9c14;}
.lottery_box .box_bg .box table{width:99%;margin:0 auto;background: #fff5e7;border-radius: 4px;border-collapse: collapse;border-spacing: 0;}
.lottery_box .box_bg .box table tr{border-bottom:3px solid #fff;}
.lottery_box .box_bg .box table tr:last-child{border-bottom:none;}
.lottery_box .box_bg .box table th{font-size:18px;color:#fff;background: #ffca80;font-weight: normal;border-radius: 4px 0 0 4px;}
.lottery_box .box_bg .box .table{padding-bottom: 5px;height: 520px;overflow-y: auto;}
.people_list{overflow: hidden;padding:16px 0 0;}
.people_list li{float: left;text-align: center;width:85px;padding-bottom:10px;}
.people_list li img{width:50px;height:50px;border-radius:4px;display: block;margin: 0 auto;}
.people_list li .check{box-shadow: 0 0 6px rgba(179, 5, 6, 0.62);display: block;border-radius: 4px;overflow: hidden;position: relative;width: 50px;height: 50px;margin: 0 auto;}
.people_list li .check:after{content: "";background: url(../images/png/icon_check.png) right bottom no-repeat;background-size:30px;position: absolute;right:0;bottom:0;width:30px;height:30px;}
.people_list li p{line-height:20px;height:20px;overflow: hidden;text-overflow: ellipsis;width: 80px;display: block;margin:0 auto;}
.prize_list{overflow: hidden;padding-bottom:10px;text-align: center;}
.prize_list li{text-align: center;padding:10px;display:inline-block;}
.prize_list li img{width:90px;height:90px;}
.prize_list li p{font-size: 15px;padding-bottom:10px;}
.game_over_btn{text-align: center;}
.game_over_btn .btn{text-align: center;line-height: 52px;width:190px;text-align: center;background: #ff9c14;border-radius:64px;border:3px solid #fff;font-size: 28px;box-sizing: border-box;color:#fff;outline: none;cursor: pointer;}
.game_over{background: url(../images/png/game_mask.png);height: 100%;width: 100%;position: fixed;top: 0;left: 0;right:0;bottom:0;z-index: 9;}
.pup_box{text-align: center;margin-top:50px;}
.pup_box h2{font-size: 30px;color:#ffe362;font-weight: normal;}
.game_over .content{width:536px;margin: 150px auto 0;position: relative;}
.game_over .content .cont_box{background: #fff;width: 450px;margin: 0 auto;border-radius: 12px;overflow: hidden;}
.game_over .content .cont_box .tit{font-size: 20px;}
.game_over .content .cont{padding-top: 40px;height:410px;overflow-y:auto;}
.game_over .content .top_tit{position: absolute;top: -118px;left: 0;}
.game_over .content .info{padding:0 0 10px 20px;}
.game_over .content .info .t{font-size: 20px;color:#ff9c14;text-align: left;}
.game_over .content .info ul{overflow: hidden;}
.game_over .content .info li{float: left;padding:10px;}
.game_over .content .info li img{width:60px;height:60px;border-radius: 4px;border: 1px solid #ffba2d;}
.game_over .content .cont::-webkit-scrollbar{/*滚动条整体部分，其中的属性有width,height,background,border等（就和一个块级元素一样）（位置1）*/
    width:5px;
    height:5px;
}
.table::-webkit-scrollbar{
    width:8px;
    height:1px;   
}
.game_over .content .cont::-webkit-scrollbar-button,
.table::-webkit-scrollbar-button{/*滚动条两端的按钮，可以用display:none让其不显示，也可以添加背景图片，颜色改变显示效果（位置2）*/
    background:#f1f1f1;height:1px;
}
.game_over .content .cont::-webkit-scrollbar-track,
.table::-webkit-scrollbar-track{/*外层轨道，可以用display:none让其不显示，也可以添加背景图片，颜色改变显示效果（位置3）*/
    display:none;
}
.game_over .content .cont::-webkit-scrollbar-track-piece,
.table::-webkit-scrollbar-track-piece{/*内层轨道，滚动条中间部分（位置4）*/
    background:#f1f1f1;
}
.game_over .content .cont::-webkit-scrollbar-thumb,
.table::-webkit-scrollbar-thumb{/*滚动条里面可以拖动的那部分（位置5）*/
    background:#ccc;
    border-radius:4px;
}
.game_over .content .cont::-webkit-scrollbar-corner,
.table::-webkit-scrollbar-corner {/*边角（位置6）*/
    background:#ccc;
}
.game_over .content .cont::-webkit-scrollbar-resizer,
.table::-webkit-scrollbar-resizer  {/*定义右下角拖动块的样式（位置7）*/
    background:#d1d1d1;
    border-radius:4px;
}
.game_over .content .close{padding-top:10px;cursor: pointer;}
.prize_none{text-align: center;padding:150px 0 150px;}
.prize_none h4{padding-bottom: 20px;font-size: 24px;color: #999;}
.game_kong{padding-top:15%;text-align: center;}
.game_kong p{font-size: 18px;padding-top:20px;}
.lottery_box .qrcode{display:block;padding-top:100px;margin:0 auto;}
.user_qrcode{text-align: center;font-size:22px;padding-top:20px;}
.c1{position: fixed;top:0;bottom: 0;left:0;right: 0;background: url(../images/png/game_mask.png);z-index: 5;display: none;}
.c2{background-color: white;position: fixed;width: 400px;height: 400px;top:50%;left: 50%;z-index: 6;margin-top: -200px;margin-left: -200px;border-radius:8px;overflow: hidden;}
.c2 .code{width:300px;height:300px;margin:50px 0 0 50px;display: block;}
.c2 .close{width:45px;height:45px;position: absolute;right:0;top:0;cursor: pointer;}
.c1 h3.name{text-align: center;font-size: 26px;color: #fff;position: fixed;width: 100%;top: 50%;margin-top: -260px;}
.c2 p{text-align: center;font-size: 20px;padding-top: 5px;}