*,.window,.window-button div{box-sizing:border-box}.research-enter,.task-enter{-webkit-tap-highlight-color:transparent;overflow:hidden}*{padding:0;margin:0 auto}body{background:url(//res.smzdm.com/resources/public/user/h5/img/raffle/sky.png) no-repeat #17192e;background-size:100%;z-index:0;position:relative;font-family:"PingFang SC Light","Heiti SC","San Francisco",Helvetica;font-size:62.5%}.bg-light,.meteorA,.meteorB,.planet-bg{position:absolute}.planet-bg{width:196%;margin-left:-48%;top:9%;animation:rotation 600s infinite linear;-webkit-animation:rotation 600s infinite linear;z-index:3}@keyframes rotation{from{transform:rotateZ(0);-webkit-transform:rotateZ(0)}to{transform:rotateZ(360deg);-webkit-transform:rotateZ(360deg)}}@-webkit-keyframes rotation{from{transform:rotateZ(0);-webkit-transform:rotateZ(0)}to{transform:rotateZ(360deg);-webkit-transform:rotateZ(360deg)}}.bg-light{width:60%;top:9%;z-index:4;left:19%}.meteorA{z-index:1;width:10%;top:1%;left:2%}.meteorB{z-index:1;width:15%;top:5%;left:25%}.meteorC{z-index:1;width:10%;position:absolute;top:0;left:70%}.meteorD,.meteorE{z-index:4;position:absolute}.meteorD{width:30%;top:0;left:50%}.meteorE{width:20%;top:10%;left:70%}.info{width:96%;z-index:6;position:absolute;top:24%;left:2%;border-radius:5px}.eye-left,.eye-right{width:6.7%;position:absolute;top:-2%}.eye-right{right:0}.sign-day,.sign-title{top:-10px;position:relative}.sign-title{left:33%;width:34%;min-height:20px}.sign-day{width:45%;height:52px;font-weight:600;padding-left:4px}.sign-day-part{margin:0 2px;width:22%;background-color:#fff;display:block;float:left;height:52px;font-size:30px;text-align:center;line-height:52px;border-radius:3px;overflow:hidden}.sign-num,.sign-tip{font-size:1.2em;color:#fff;text-align:center}.raffle,.sign{border-radius:5px}.sign-day-part span{display:block;position:relative}.mouth{width:54%;left:23%;position:relative;margin-top:10px;min-height:28px}.sign-num{position:relative;margin-top:-28px}.sign-num span{font-size:1.6em;color:#fad228;vertical-align:middle}.raffle{width:100%;background:url(//res.smzdm.com/resources/public/user/h5/img/raffle/raffle_bg.png) no-repeat #052426;background-size:100%;margin-top:18px;position:relative}.raffle-tip{text-align:center;color:#8084b7;top:6px;position:relative;font-size:1.2em;height:14px;z-index:2}.rule{width:90%;z-index:6;left:5%;color:#9393ad;font-size:1.4em;margin-top:12px}.rule div{margin-bottom:6px}.rule-content{font-size:.8em}.main{position:relative;overflow:hidden;height:710px}.planetA,.planetB,.planetC,.ship,.ship-head{position:absolute}.sign{background-color:#2b2e55}.forword-middle{z-index:4;left:39%;top:10%;width:22%}.forword-left{z-index:4;left:7%;top:5%;width:22%}.forword-right{z-index:4;left:73%;top:5%;width:22%}.back-left,.back-middle,.back-right{z-index:2;width:18%}.back-right{filter:blur(2px);-webkit-filter:blur(2px);left:75%;top:5%}.back-left{filter:blur(2px);-webkit-filter:blur(2px);left:7%;top:5%}.back-middle{filter:blur(2px);-webkit-filter:blur(2px);left:39%;top:2%}.ship{width:50px;z-index:4}.ship-hull{width:100%}.fly{left:50%;margin-left:-35px;top:10.5%;width:70px;animation:fly 5s linear infinite;animation-delay:.4s;-webkit-animation:fly 5s linear infinite;-webkit-animation-delay:.4s}@keyframes fly{0%,100%,50%{top:10.5%}25%{top:9.9%}75%{top:11.1%}}@-webkit-keyframes fly{0%,100%,50%{top:10.5%}25%{top:9.9%}75%{top:11.1%}}.ship-head{width:22px;border-radius:100%;top:14px;left:14px;animation:swing 2s linear infinite;-webkit-animation:swing 2s linear infinite;transform:rotate(-15deg);-webkit-transform:rotate(-15deg)}@keyframes swing{0%,100%,25%,75%{transform:rotate(-15deg);-webkit-transform:rotate(-15deg)}26%,74%{transform:rotate(20deg);-webkit-transform:rotate(20deg)}}@-webkit-keyframes swing{0%,100%,25%,75%{transform:rotate(-15deg);-webkit-transform:rotate(-15deg)}26%,74%{transform:rotate(20deg);-webkit-transform:rotate(20deg)}}.ship-head-big{width:33px;height:33px;top:18px;left:18px}.land{transform:rotate(35deg);-webkit-transform:rotate(35deg);left:50%;top:8%}.error-cover{width:100%;height:100%;position:fixed;background-color:rgba(0,0,0,.8);z-index:101;top:0;left:0;display:none}.error-msg,.orbit{position:relative}.error-msg{color:#fff;text-align:center;top:47%}.raffle-canvas{padding:0 8%;width:100%;height:100%;transform:rotateX(60deg);-webkit-transform:rotateX(60deg)}.orbit{width:100%;border:1px solid #263a43;border-radius:100%}.orbit-small,.planet-prize,.prize-img,.prize-light,.raffle-tip-bg,.tip-cover img{position:absolute}.orbit-small{width:50%;border:1px solid #263a43;border-radius:100%;left:28%}.planet-prize{width:18%;display:block;bottom:40%;left:41%}.prizeA{z-index:1;-webkit-transform:rotate(0) translateY(180px) rotate(0) scale(1)}.prizeB{-webkit-transform:rotate(45deg) translateY(180px) rotate(-45deg) scale(.8)}.prizeC{-webkit-transform:rotate(120deg) translateY(160px) rotate(-120deg) scale(.8)}.prizeD{-webkit-transform:rotate(170deg) translateY(160px) rotate(-170deg) scale(.6)}.prizeE{-webkit-transform:rotate(210deg) translateY(160px) rotate(-210deg) scale(.6)}.prizeF{-webkit-transform:rotate(300deg) translateY(170px) rotate(-300deg) scale(.8)}.prizeG{-webkit-transform:rotate(50deg) translateY(90px) rotate(-50deg) scale(.8)}.prizeH{-webkit-transform:rotate(300deg) translateY(80px) rotate(-300deg) scale(.8)}.not-chance-cover,.prize-cover,.tip-cover{width:100%;height:200%;background:rgba(0,0,0,.6);position:absolute;top:-50%;border-radius:0 0 5px 5px;display:none;transform:rotateX(60deg);-webkit-transform:rotateX(60deg)}.prize-cover{background:0 0}.raffle-tip-bg{width:100%;z-index:1;top:-1px;min-height:29px}.tip-cover img{width:40%;top:35%;left:30%}.prize-light{width:60%;top:20%;left:20%}.prize-img{width:24%;left:38%;top:30%}.window-cover{width:100%;height:100%;background:rgba(0,0,0,.6);position:fixed;top:0;left:0;z-index:7;display:none}.window{width:80%;position:fixed;left:10%;padding:25px 15px 15px;-webkit-border-radius:10px;border-radius:10px;background-color:#fff;top:30%;color:#5a5a5a}.window-title{margin-bottom:25px;line-height:35px;font-size:15px;display:block;text-align:center;padding:0 5%}.window-title a{color:#00f}.window-info{font-size:1.2em;display:block;text-align:center;margin-bottom:15px}.window-tip{line-height:24px;margin-bottom:20px}.window span{color:#e62828}.window-button{height:40px}.window .lottery-close{position:absolute;bottom:-55px;left:50%;margin-left:-15px;width:30px;height:30px;background:url(//res.smzdm.com/resources/public/user/h5/img/new_close_btn.png) center no-repeat;background-size:30px 30px;cursor:pointer}.window-button div{width:48%;height:40px;line-height:40px;font-size:1.5em;color:#666;text-align:center;border-radius:2px;cursor:pointer}.window-button .lottery-btn-ok{color:#fff;float:left;background:url(//res.smzdm.com/resources/public/user/h5/img/new_ok_bg.png) center repeat-x;background-size:40px 40px}.window-button .lottery-btn-cancel{margin-left:4%;float:right;border:1px solid #999;background-color:#fff}.info-cover{width:100%;height:100%;background-color:rgba(0,0,0,.8);display:block;position:fixed;top:0;left:0;z-index:9}.info-cover img{width:88%;position:absolute;left:6%;top:2%;max-height:100%}.info-cover div{position:absolute;right:8%;top:2%;font-size:6em;color:#fff;transform:rotate(45deg);-webkit-transform:rotate(45deg)}.research-enter{position:inherit;bottom:22.5px;right:0;cursor:pointer;display:none}.research-enter img{display:block;width:61px;border:0}.task-enter{display:block;tap-highlight-color:transparent;position:absolute;top:201.5px;right:25px;width:70px;height:60px;z-index:7;-webkit-animation:Updown 1s alternate infinite;-moz-animation:Updown 1s alternate infinite;-ms-animation:Updown 1s alternate infinite;-o-animation:Updown 1s alternate infinite;animation:Updown 1s infinite alternate}.task-enter img{width:100%}@-webkit-keyframes Updown{from{top:201.5px}to{top:193.5px}}@-moz-keyframes Updown{from{top:201.5px}to{top:193.5px}}@-o-keyframes Updown{from{top:201.5px}to{top:193.5px}}@keyframes Updown{from{top:201.5px}to{top:193.5px}}@media screen and (max-width:800px){.main{height:1409.86px}.raffle{height:572.21px}.orbit{height:619px;top:-86.37px}.orbit-small{width:309.5px;height:309.5px;top:64.78px}}@media screen and (max-width:480px){.main{height:760px}.raffle{height:308.23px}.orbit{height:334px;top:-46.6px}.orbit-small{width:167px;height:167px;top:34.95px}}@media screen and (max-width:400px){.main{height:688.41px}.raffle{height:279.51px}.orbit{height:302px;top:-42.14px}.orbit-small{width:151px;height:151px;top:31.6px}}@media screen and (max-width:360px){.main{height:660.87px}.raffle{height:268.64px}.orbit{height:290px;top:-40.47px}.orbit-small{width:145px;height:145px;top:30.35px}.info-cover img{width:80%;left:10%}}@media screen and (max-width:320px){.main{height:627.44px}.raffle{height:238.36px}.orbit{height:258px;top:-36px}.orbit-small{width:129px;height:129px;top:27px}.info-cover img{width:76%;left:12%}}