.Panel.Lottery { position: absolute; top: 17%; height: 72%; opacity: 0; width: 96%; left: 50%; margin-left: -48%; display: none }
.lottery-left { width: 60%; height: 100%; position: relative; float: left; border: 1px solid rgba(255,87,34,.5); box-shadow: 0 0 20px 20px #ff572240 inset; border-radius: 10px; box-sizing: border-box }
.lottery-right { width: 38%; height: 100%; position: relative; float: right; background-color: transparent; border: 1px solid rgba(255,87,34,.5); box-shadow: 0 0 20px 20px #ff572240 inset; padding: 10px; box-sizing: border-box; overflow: auto; border-radius: 10px }
.lottery-title { width: 100%; height: 60px; position: relative; color: #ffeb3b; font-size: 35px; line-height: 60px; font-family: Arial, Helvetica, sans-serif; border-bottom: 1px solid rgba(255,87,34,.25); background: url(lot-title.png) 10px center no-repeat }
.lottery-title .title-label { margin-left: 10px }
.lottery-title .usercount-label { position: absolute; right: 10px; text-align: right }
.lottery-bottom { position: absolute; bottom: 0; width: 100%; height: 60px; border-top: 1px solid rgba(255,87,34,.25) }
.lottery-bottom .round-num { font-size: 30px; font-family: Arial, Helvetica, sans-serif; color: #ffeb3b; margin-left: 10px; line-height: 60px }
.select-panel div { display: inline-block; text-align: center }
.select-button { width: 28px; height: 28px; border: 1px solid #fff; line-height: 28px; font-size: 22px; cursor: pointer }
.select-value { width: 40px; height: 28px }
.lottery-bottom .button-happy { position: absolute; right: 10px; height: 40px; top: 50%; margin-top: -20px; line-height: 40px; padding-left: 40px; width: 80px; font-size: 20px; color: #fff; border: 1px solid #fff; background: url(lot-happy.png) 15px center no-repeat; cursor: pointer; border-radius: 6px }
.lottery-bottom .button-showresult { position: absolute; right: 10px; height: 40px; top: 50%; margin-top: -20px; line-height: 40px; font-size: 18px; padding: 0 10px; color: #ffc107; border: 1px solid #ffc107; cursor: pointer; border-radius: 6px }
.lottery-bottom .button-reload { position: absolute; right: 10px; height: 40px; top: 50%; margin-top: -20px; line-height: 40px; width: 80px; font-size: 20px; padding: 0 10px; color: #fff; border: 1px solid #fff; cursor: pointer; border-radius: 6px }
.lottery-run { position: absolute; width: 100%; box-sizing: border-box; height: 120px; bottom: 61px; left: 0; padding: 10px }
.user { background: url(lot_nouser.jpg) center center no-repeat; background-size: contain }
.user .nick-name { display: none }
.mobile { display: none }
.lottery-run .user { position: relative; left: 0; right: 0; height: 100px; background: url(lot_nouser.jpg) left center no-repeat; background-size: 100px 100px; border-radius: 8px; background-color: rgba(0,0,0,.1) }
.lottery-run .user .nick-name { position: absolute; height: 100px; line-height: 100px; left: 120px; right: 0; top: 50%; margin-top: -50px; margin-right: 110px; font-size: 40px; color: #ffeb3b; display: block; text-shadow: 0 1px 5px rgba(0,0,0,.55); overflow: hidden; white-space: nowrap; text-overflow: ellipsis }
.result-line { position: relative; height: 90px; width:100%; margin-bottom: 5px; background-color: rgba(0,0,0,.1); overflow: hidden; border-radius: 5px; display: none }
.result-line:first-child { margin-top: 0 }
.result-line:last-child { margin-bottom: 0 }
.result-line .result-num, .result-line .user, .result-line .user .nick-name { display: inline-block }
.result-line .result-num { width: 30px; height: 30px; color: #fff; position: relative; top: 32px; text-align: center; margin-left: 10px; font-size: 16px; line-height: 30px; background-color: #ffc107; text-shadow: 0 1px 3px #ff5722; border-radius: 100%; background: linear-gradient(145deg, #ffe500 0%, #FFC107 25%, #FF5722 100%); box-shadow: 0 2px 3px 1px rgba(0,0,0,.25) }
.result-line .user { position: absolute; display: inline-block; width: 80px; height:80px; background: url(lot_nouser.jpg) center center no-repeat; background-size: contain; top:5px; left: 50px; border-radius: 100%; box-shadow: 0 0 3px 5px #ed1000; }
.result-line .user .nick-name { position: absolute; top: 10px; left:90px; height: 30px; line-height: 30px; margin: 0; font-size: 30px; text-align: left; display: block; color: #ffeb3b; text-shadow: 0 1px 3px rgba(0,0,0,.45); overflow: hidden; text-overflow: ellipsis; white-space: nowrap }
.lottery-run .control { display: none; position: absolute; top: 20px; right: 20px; bottom: 10px; width: 90px; height: 80px; line-height: 80px; text-align: center; padding: 0; background-color: #fff; border-radius: 8px; font-weight: bolder; cursor: pointer; color: #fff; box-shadow: 0 2px 0 3px rgba(0,0,0,.15), 0 -5px 0 0 #d05028 inset; background: linear-gradient(145deg, #ffe500 0%, #FFC107 25%, #FF5722 100%); text-shadow: 0 1px 5px #ff5722 }
.lottery-run .control:active { border: 0; box-shadow: 0 1px 5px rgba(0,0,0,.32), 0 0 10px rgba(0,0,0,.52) inset; line-height: 85px }
.lottery-jiangpin { position: absolute; top: 61px; left: 0; right: 0; bottom: 180px; text-align: center }
.jiangpintu { margin: 0; position: absolute; top: 0; left: 0; right: 0; bottom: 50px }
.jiangpintu img { border-radius: 10px;  top: 50%; left: 50%; transform: translate(-50%, -46%); position: absolute; max-width: 90%; max-height: 90%; min-height: 220px }
.select-panel label { cursor: pointer }
.jiangpinmz { margin: 0; position: absolute; left: 10px; right: 10px; bottom: 0; line-height: 5vh; font-size: 4vh; color: #ffeb3b; text-shadow: 0 1px 5px rgba(0,0,0,.55) }
.lottery-right .user .mobile { display: block; position: absolute; top: 40px; left: 90px; margin: 0; font-size: 30px; color: #ffeb3b; text-shadow: 0 1px 3px rgba(0,0,0,.45);white-space:nowrap }
.result-line .user:before { content: ""; position: absolute; top: -10%; left: -10%; right: -10%; bottom: -10%; display: block; background: url(cjgh002.png) no-repeat; background-size: 100% 100%; opacity: 1; border-radius: 100%; -webkit-animation: cjout2 2s -3s linear infinite }
@-webkit-keyframes cjout2 { 0% {
-webkit-transform:rotateZ(0deg)
}
100% {
-webkit-transform:rotateZ(-360deg)
}
}