@charset "UTF-8";*{margin:0;padding:0;box-sizing:border-box}body,html,#app,.app-container{width:100%;height:100%;overflow-y:auto;overflow-x:hidden;background:#e73454}.l-lottery{position:relative;width:100%;height:100%;background:url(/assets/bg.9ac85ae1.png) no-repeat;background-size:100% auto}.l-lottery .l-box{width:100%;flex-direction:row;justify-content:center;height:400px;align-items:center}.l-lottery .l-box .title{text-align:center}.l-lottery .l-circle-pan-box{position:absolute;left:50%;top:120px;width:276px;height:276px;border-radius:50%;transform:translate(-50%)}.l-lottery .l-circle-pan-box-inner{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:50%;background:url(/assets/circle_pan_blank.be0833a5.png) no-repeat;background-size:100% 100%;transition:all 4s}.l-lottery .l-circle-btn{position:absolute;left:50%;top:50%;transform:translate(-50%,-55%);width:95px;height:100px}.l-lottery .l-head-icon{position:absolute;left:50%;top:0px;transform:translate(-53%,-60%);width:100px;height:80px;width:86px;height:77px}.l-lottery .num-item{position:absolute;width:100px;height:100px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding-top:80px}.l-lottery .num-item-name{color:#e73454;font-size:12px;font-weight:700}.l-lottery .num-item-text{color:#b55e28;font-size:13px;margin-top:6px;font-weight:700}.l-lottery .info{width:100%;display:flex;justify-content:center;flex-direction:column;align-items:center}.l-lottery ul,.l-lottery li{padding:0;margin:0;list-style:none}.l-lottery h1,.l-lottery h2,.l-lottery h3,.l-lottery h4,.l-lottery h5{margin:0;padding:0}.l-lottery #userInfo .user button em{font-size:17.5vw;width:14vw}.l-lottery #userInfo .user button.quit em{font-size:17.5vw;width:7vw}.l-lottery #audioSwitch{position:fixed;right:0;top:0px;margin:3vw;z-index:999;border-radius:50%;display:none;-webkit-tap-highlight-color:rgba(0,0,0,0)}.l-lottery #audioSwitch{width:9vw;height:9vw;overflow:hidden;background:url(img/default/audioSwitch.png?rm=3) no-repeat rgba(0,0,0,.7);background-size:100%;border:1px solid rgba(255,255,255,.7)}.l-lottery #audioSwitch.stop{background-position:left bottom}.l-lottery #audioSwitch.on{background-position:0 0;animation:reverseRotataZ 6s linear infinite;-webkit-animation:reverseRotataZ 6s linear infinite}@keyframes reverseRotataZ{0%{-webkit-transform:rotateZ(0deg)}to{-webkit-transform:rotateZ(-360deg)}}.l-lottery .head .logo{width:100vw;height:42vw;margin:0vw 0;background:url(img/default/logo.png?r=6) center center;background-size:100% auto;background-repeat:no-repeat;transform:rotate(0)}.l-lottery .head .logo{animation:logoTrembl 5s;animation-iteration-count:infinite;transform:rotate(-1deg)}@keyframes logoTrembl{0%{transform:rotate(-1deg)}50%{transform:rotate(1deg)}to{transform:rotate(-1deg)}}.l-lottery #transfer{width:90vw;height:90vw;margin-left:3vw;background:url(img/default/transferBg.png?r=3);background-size:100% 100%;border-radius:3vw;box-shadow:1px 2px 2px #0000001a}.l-lottery #transfer ul{padding:4.8vw 0 0 6.8vw;display:table}.l-lottery #transfer ul li{float:left;width:24.2vw;height:24.2vw;background:url(img/default/transferGrid.png?r=3);background-size:100% 200%}.l-lottery #transfer ul li{margin:2vw 2vw 0 0;text-align:center;overflow:hidden;font-size:3vw}.l-lottery #transfer ul li.hit{background-position:0 100%;color:red}.l-lottery #transfer ul li.hide{opacity:.8}.l-lottery #transfer ul li img{width:15vw;height:15vw;display:block;margin:1.5vw auto .5vw}.l-lottery #transfer ul #transferBut{background-image:url(img/default/transferBut.png);background-size:100% 100%}.l-lottery #userInfo{display:table;width:93vw;padding:4vw 2vw 2vw;border-radius:5px}.l-lottery #userInfo{color:#333;text-align:center}.l-lottery #userInfo .user{margin:0;font-size:4.5vw;color:#333}.l-lottery #userInfo .user .noLogin{padding-top:5vw}.l-lottery #userInfo .user span{display:inline-block}.l-lottery #userInfo .user .avatar{background-size:cover;width:6vw;height:6vw;border-radius:50%;border:1px solid #ebd46c;margin:0 1vw -1.5vw 0}.l-lottery #userInfo .user button{border:0;background:#ea2121;font-size:3.5vw;color:#fff;line-height:8vw;padding:0 4vw;margin:0 0 0 2vw;border-radius:2vw}.l-lottery #userInfo .user button{transform:translateY(2vw)}.l-lottery #userInfo .user button.quit{background:#fe7c1e}.l-lottery #userInfo .numInfo{background:#ffdf7a;color:#333;display:table;margin:5vw auto auto;padding:2vw 5vw;border-radius:4vw;font-size:4vw;line-height:4vw}.l-lottery #userInfo .numInfo i{display:inline-block;float:left;background:#ea2121;border-radius:50%;width:2vw;height:2vw;margin:.9vw 2vw 0 0}.l-lottery #userInfo .numInfo span{color:#ea2121;font-weight:700}.l-lottery #userInfo .noAvatar{background-image:url(img/default/noAvatar.png?r=2)}.l-lottery .mainDiv{display:block;margin:auto;display:table}.l-lottery .drawList{margin-top:4vw}.l-lottery #drawList{width:96vw;height:102vw;margin:0;border-radius:0 0 1.5vw 1.5vw;background:#feefcc;padding:1vw 0;overflow:hidden}.l-lottery #drawList .drawListBody{display:table;width:92vw}.l-lottery #drawList ul{height:102vw;width:95.5vw;overflow:hidden}.l-lottery #drawList ul li{display:table;width:90vw;height:41px;padding:0;border-bottom:1px #e7c09c dashed;margin-left:2vw}.l-lottery #drawList ul li span{float:left;font-size:14px;line-height:6vw;margin-top:2.5vw}.l-lottery #drawList ul li .avatar{line-height:1}.l-lottery #drawList ul li .avatar img{width:6vw;height:6vw;border-radius:50%;margin-left:2vw}.l-lottery #drawList ul li .nickname{margin-left:5px;width:25vw}.l-lottery #drawList ul li .prize{width:38vw}.l-lottery .contentBlock{margin-bottom:3vw;border:0 solid #efcb39;border-radius:2vw;width:96vw}.l-lottery .contentBlock h3{border-radius:2vw 2vw 0 0;background-image:linear-gradient(#fa531f,#d93318)}.l-lottery .contentBlock h3{padding:0 10vw 0 3vw;font-size:4vw;color:#ffe800;line-height:11vw}.l-lottery .contentBlock .content{line-height:1.8;background:#feefcc;border-radius:0 0 1.5vw 1.5vw;padding:3vw}.l-lottery .toLottery{transform-style:preserve-3d}.l-lottery .contentBlock .more{float:right;margin-right:4vw;color:#fff;font-size:4vw;line-height:11vw}.l-lottery #drawList{width:100%;height:200px;overflow:hidden;position:relative}.l-lottery #drawList ul{position:absolute;width:100%;animation:slideUp 20s linear infinite}@keyframes slideUp{0%{bottom:-100%}to{bottom:100%}}