*{box-sizing:border-box;margin:0;padding:0;}
img{border:0;}
li,ul{list-style-type:none;}
.lottery-box{overflow:hidden;}
.lottery-box .title{padding:50px 0;color:#fff;text-align:center;font-size:30px;}
.lottery{overflow:hidden;margin:0 auto;padding:20px;width:600px;background-size:100% 100%;background-repeat:no-repeat;animation:changeBg .5s ease infinite;}
@keyframes changeBg{0%{background-image:url(../images/k1.png);}
100%{background-image:url(../images/k2.png);}
}
.lottery .lottery-item{position:relative;margin-top:10px;margin-left:10px;height:500px;}
.lottery .lottery-item ul li{position:absolute;padding-right:10px;width:33.33333333%;}
.lottery .lottery-item ul li:nth-child(2){left:33.33333333%;}
.lottery .lottery-item ul li:nth-child(3){left:66.66666666%;}
.lottery .lottery-item ul li:nth-child(4){top:160px;left:66.66666666%;}
.lottery .lottery-item ul li:nth-child(5){top:320px;left:66.66666666%;}
.lottery .lottery-item ul li:nth-child(6){top:320px;left:33.33333333%;}
.lottery .lottery-item ul li:nth-child(7){top:320px;left:0;}
.lottery .lottery-item ul li:nth-child(8){top:160px;left:0;}
.lottery .lottery-item ul li .box{position:relative;overflow:hidden;height:152px;background:url(../images/bg2.png) no-repeat center;background-size:100% 100%;text-align:center;}
.lottery .lottery-item ul li .box img{display:block;margin:0 auto;margin-top:10px;margin-bottom:5px;height:80px;}
.lottery .lottery-item ul li .box p{overflow:hidden;color:#708abf;text-overflow:ellipsis;white-space:nowrap;font-size:14px;}
.lottery .lottery-item ul li.on .box{background:url(../images/bg1.png) no-repeat center;background-size:100% 100%;}
.lottery .lottery-item ul li.on .box p{color:#fff;}
.lottery .lottery-item .lottery-start{position:absolute;top:160px;left:33.33333333%;padding-right:10px;width:33.33333333%;}
.lottery .lottery-item .lottery-start .box{overflow:hidden;height:150px;background:url(../images/bg1.png) no-repeat center;background-size:100% 100%;color:#fff;text-align:center;font-size:14px;cursor:pointer;}
.lottery .lottery-item .lottery-start .box p b{display:block;margin-top:45px;margin-bottom:15px;font-size:40px;line-height:30px;}
.lottery .lottery-item .lottery-start .box:active{opacity:.7;}
.lottery .lottery-item .lottery-start .box.gray{background:url(../images/bg3.png) no-repeat center;background-size:100% 100%;}
.lottery .lottery-item .lottery-start .box.gray p{color:#708abf;font-weight:700;}
.mask{position:fixed;top:0;left:0;z-index:222;overflow:hidden;width:100%;height:100%;background:rgba(0,0,0,.7);}
.lottery-alert{position:fixed;top:50%;right:0;left:0;z-index:10000;margin:auto;padding:20px;max-width:400px;border-radius:10px;background:#fff;text-align:center;transform:translateY(-55%);}
.lottery-alert h1{color:#d92b2f;font-weight:700;font-size:18px;}
.lottery-alert img{display:block;margin:0 auto;height:120px;}
.lottery-alert h2{padding:15px 0;color:#d92b2f;font-weight:400;font-size:15px;}
.lottery-alert p{padding-top:5px;color:#666;font-size:16px;}
.lottery-alert .btnsave{float:left;margin:5px 13px;margin-top:12px;width:40%;height:40px;border-radius:3px;background:linear-gradient(180deg,rgba(213,60,63,1) 0,rgba(201,20,24,1) 100%);box-shadow:none;color:#fff;font-size:16px;line-height:40px;cursor:pointer;}
.lottery-alert .btnsave1{margin-top:12px;height:40px;border-radius:3px;background:linear-gradient(180deg,rgba(213,60,63,1) 0,rgba(201,20,24,1) 100%);box-shadow:none;color:#fff;font-size:16px;line-height:40px;cursor:pointer;}