body{background:#000}*{-webkit-tap-highlight-color:rgba(255,255,255,0);-webkit-appearance:none}img{-webkit-touch-callout:none}.container{width:750px;height:1217px;background:#fff;position:absolute;overflow:hidden}#gameCanvas,.drawSharePanel,.gamePanel,.helpPanel,.highScorePanel,.homePanel,.infoPanel,.infoPanel2,.infoPanel3,.loading_bg,.resultPanel,.rulesPanel,.sharePanel{position:absolute;width:100%;height:100%;top:0;left:0}.homePanel{display:none}.draw_special{color:#fbd762!important}.loading_img{position:absolute;top:487px;left:212px}.infoPanel2 .info_inner_center p{text-align:center;line-height:39px}.progress{position:absolute;width:100%;text-align:center;font-size:28px;color:#fff;left:0;letter-spacing:2px;top:679px}.index_logo{position:absolute;left:133px;top:46px}.start_game{position:absolute;left:215px;top:1017px}.trophyPanel{position:absolute;width:100%;text-align:center;font-size:28px;color:#7d4306;top:1143px}.trophyPanel img{width:34px;height:34px}.trophyPanel img,.trophyPanel span{vertical-align:top;line-height:34px;display:inline-block}.index_game{position:absolute;width:100%;top:331px}.brickDown{-webkit-animation:brickDown .6s ease forwards;animation:brickDown .6s ease forwards}@-webkit-keyframes brickDown{0%{-webkit-transform:translateY(-400px);transform:translateY(-400px);opacity:0}100%{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}}@keyframes brickDown{0%{-webkit-transform:translateY(-400px);transform:translateY(-400px);opacity:0}100%{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}}.brickLeft{-webkit-animation:brickLeft 1s ease forwards;animation:brickLeft 1s ease forwards}@-webkit-keyframes brickLeft{0%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}100%{-webkit-transform:translate3d(-1000px,-1000px,0);transform:translate3d(-1000px,-1000px,0)}}@keyframes brickLeft{0%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}100%{-webkit-transform:translate3d(-1000px,-1000px,0);transform:translate3d(-1000px,-1000px,0)}}.brickRight{-webkit-animation:brickRight 1s ease forwards;animation:brickRight 1s ease forwards}@-webkit-keyframes brickRight{0%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}100%{-webkit-transform:translate3d(1000px,1000px,0);transform:translate3d(1000px,1000px,0)}}@keyframes brickRight{0%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}100%{-webkit-transform:translate3d(1000px,1000px,0);transform:translate3d(1000px,1000px,0)}}.brick{position:absolute;-webkit-transform:translateY(-400px);transform:translateY(-400px);opacity:0}.brickMove{position:absolute;-webkit-transform:translateY(0);transform:translateY(0);opacity:1}.brick1{left:100px;top:6px;width:207px;height:134px;-webkit-animation-delay:.5s;animation-delay:.5s}.brick2{left:273px;top:96px;width:211px;height:192px;-webkit-animation-delay:.4s;animation-delay:.4s}.brick3{left:86px;top:222px;width:244px;height:218px;-webkit-animation-delay:.3s;animation-delay:.3s}.brick4{left:428px;top:231px;width:236px;height:175px;-webkit-animation-delay:.2s;animation-delay:.2s}.brick5{left:252px;top:337px;width:242px;height:207px;-webkit-animation-delay:.1s;animation-delay:.1s}.brick6{left:86px;top:484px;width:218px;height:180px}.gamePanel,.resultPanel{display:none}.drawSharePanel,.helpPanel,.highScorePanel,.infoPanel,.infoPanel2,.infoPanel3,.resultPanel,.rulesPanel,.sharePanel{background:rgba(50,8,2,.85)}#gameCanvas{width:750px;height:1217px}.score{position:absolute;width:175px;height:114px;line-height:114px;top:0;left:0;text-align:center;font-size:77px;font-weight:bolder;color:#fff;letter-spacing:2px}.again{position:absolute;left:215px;top:996px}.result_title{position:absolute;width:100%;height:23px;line-height:23px;font-size:24px;color:#fbd762;top:155px;text-align:center}.result_score{position:absolute;width:100%;text-align:center;font-size:77px;color:#fbd762;font-weight:bolder;top:206px}.result_tip{position:absolute;left:87px;top:334px;width:577px;height:437px;-webkit-box-sizing:border-box;box-sizing:border-box;border:1px solid #ffe58f;border-radius:20px;background:rgba(50,8,2,.85)}.result_tip_top{position:relative;height:175px;-webkit-box-sizing:border-box;box-sizing:border-box;border-bottom:1px solid #ffe58f;padding:25px 0;line-height:64px;color:#fbd762;font-size:37px;text-align:center}.result_tip_top3{line-height:125px;}.result_tip_bottom{position:relative;line-height:64px;color:#fff;font-size:30px;text-align:center;height:258px;-webkit-box-sizing:border-box;box-sizing:border-box}.result_tip_bottom_inner{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:100%}.draw{position:absolute;width:320px;height:109px;top:883px;left:215px;display:none}.highScore_inner{position:absolute;width:577px;height:714px;top:276px;left:87px;border:1px solid #ffe58f;border-radius:20px;-webkit-box-sizing:border-box;box-sizing:border-box}.highScore_top{position:relative;height:102px;line-height:102px;color:#fbd762;font-size:37px;padding-left:35px;-webkit-box-sizing:border-box;box-sizing:border-box;border-bottom:1px solid #ffe58f}.highScore_center{position:relative;height:410px;background:rgba(207,181,145,.8);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.highScore_bottom{position:relative;font-size:28px;color:#fff;padding:35px;-webkit-box-sizing:border-box;box-sizing:border-box;line-height:40px;border-bottom-left-radius:20px;border-bottom-right-radius:20px;height:201px}.highScore_bottom span{color:#fbd762}.close{position:absolute;top:-38px;right:-38px;border-radius:50%;width:76px;height:76px;line-height:76px;text-align:center;font-size:50px;color:#f85c31;background:#ffe58f;z-index:1}.sharePanel{z-index:100}.drawSharePanel .highScore_inner{height:770px}.drawSharePanel .highScore_bottom{height:257px}.secret{position:absolute;top:1140px;text-align:center;width:100%;font-size:28px;color:#ffe58f}.secret img,.secret span{vertical-align:top}.secret img{margin-right:8px}.share{position:absolute;left:454px;top:14px}.shareInner{position:absolute;width:577px;height:435px;top:379px;left:87px;border:1px solid #ffe58f;border-radius:20px;-webkit-box-sizing:border-box;box-sizing:border-box}.share_top{position:relative;text-align:center;font-size:37px;color:#fbd762;height:177px;line-height:177px;border-bottom:1px solid #ffe58f}.draw_history_top,.help_bottom_title,.highScore_bottom,.highScore_top,.share_bottom,.share_top{background:rgba(0,0,0,.3)}.share_bottom{position:relative;height:256px;-webkit-box-sizing:border-box;box-sizing:border-box;border-bottom-left-radius:20px;border-bottom-right-radius:20px;text-align:center;padding-top:43px;line-height:60px;color:#fff;font-size:24px}.help_btn{width:100%;text-align:center;margin-top:27px;margin-bottom:55px}.help_btn .btn:last-of-type{margin-right:0}.btn{position:relative;width:258px;height:67px;line-height:67px;text-align:center;border-radius:30px;-webkit-box-sizing:border-box;box-sizing:border-box;font-size:35px;color:#fff;background:#f85c31;display:inline-block;margin-right:42px}.help_inner{position:relative;width:100%;height:100%;padding:38px 46px;-webkit-box-sizing:border-box;box-sizing:border-box}.help_top{position:relative;height:181px}.help_top img{position:relative;display:inline-block;width:170px;height:170px;border-radius:50%;border:1px solid #ffe58f;vertical-align:top}.help_top .username{position:relative;display:inline-block;vertical-align:top;line-height:181px;font-size:37px;color:#fbd762;margin-left:26px}.helpScore{position:absolute;font-weight:bolder;font-size:47px;color:#fbd762;right:0;top:123px}.help_progress{position:relative;width:100%;height:38px;border:1px solid #ffe58f;margin-top:30px;border-radius:30px;-webkit-box-sizing:border-box;box-sizing:border-box;overflow:hidden;background:#700f01}.help_progress_inner{position:relative;width:50%;background:#f85c31;height:100%;border-radius:30px}.help_current_score{position:relative;width:100%;text-align:center;font-size:37px;color:#fbd762;line-height:113px}.help_tip{position:relative;font-size:28px;line-height:50px;color:#fff}.help_tip span{color:#fbd762}.help_bottom{position:relative;height:470px;-webkit-box-sizing:border-box;box-sizing:border-box;border:1px solid #ffe58f;border-radius:20px}.help_bottom_title{position:relative;height:70px;line-height:70px;text-align:center;font-size:37px;color:#fbd762;border-bottom:1px solid #ffe58f;border-top-right-radius:20px;border-top-left-radius:20px}.help_bottom_bottom{position:relative;height:396px;-webkit-box-sizing:border-box;box-sizing:border-box;overflow:hidden}.help_bottom_bottom ul{position:relative;height:100%;width:100%;overflow:auto;-webkit-overflow-scrolling:touch}.help_bottom_bottom ul li{position:relative;height:99px;line-height:99px;-webkit-box-sizing:border-box;box-sizing:border-box}.help_bottom_bottom ul li:nth-of-type(2n+1){background:rgba(0,0,0,.4)}.help_bottom_bottom ul li span{font-size:30px;color:#fbd762;line-height:99px;margin:0 18px;font-style:italic;vertical-align:top}.help_bottom_bottom ul li img{position:relative;height:48px;width:48px;-webkit-box-sizing:border-box;box-sizing:border-box;border:1px solid #ffe58f;border-radius:50%;display:inline-block;vertical-align:top;margin-top:25px}.helpName{position:relative;display:inline-block;font-size:30px;margin-left:17px;vertical-align:top;color:#ffe58f;width:360px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.help_bottom_bottom ul li:nth-of-type(2n+2){background:rgba(0,0,0,.2)}.help_bottom_bottom ul li:after,.rank_p3_bottom_bottom ul li:after{content:'';display:table;height:1px;clear:both}.help_inner_left{float:left;max-width:510px}.help_inner_right{font-size:30px;color:#ffe58f;float:right;margin-right:25px}.help_back{position:absolute;top:24px;left:659px}.helpPanel2 .help_tip{text-align:center}.rulesChoose{position:relative;width:660px;height:72px;line-height:72px;border:1px solid #ffe58f;-webkit-box-sizing:border-box;box-sizing:border-box;margin:0 auto;border-radius:30px;margin-top:52px}.rulesChoose ul li{position:relative;display:inline-block;height:100%;width:219px;font-size:34px;color:#fbd762;text-align:center;background:rgba(0,0,0,.3)}.rulesChoose ul li.active{background:#f85c31}.rulesChoose li:nth-of-type(1){border-top-left-radius:30px;border-bottom-left-radius:30px}.rulesChoose li:nth-of-type(3){border-top-right-radius:30px;border-bottom-right-radius:30px}.rankPanle1,.rankPanle2,.rankPanle3{position:relative;width:100%;height: 90%;-webkit-box-sizing:border-box;box-sizing:border-box;padding:0 46px}.rankPanle2{margin-top:49px}.rank_tip{position:relative;font-size:24px;color:#fbd762;text-align:center}.drawNum{font-size:77px;text-align:center;color:#fbd762;font-weight:border}.draw_history{position:relative;width:100%;height:85%;-webkit-box-sizing:border-box;box-sizing:border-box;border:1px solid #ffe58f;border-radius:20px;margin-top:43px}.draw_history_top{position:relative;height:75px;-webkit-box-sizing:border-box;box-sizing:border-box;line-height:75px;border-bottom:1px solid #ffe58f;text-align:center;font-size:37px;color:#ffe58f;border-top-left-radius:20px;border-top-right-radius:20px}.draw_history_bottom{position:relative;width:100%;height:100%;-webkit-box-sizing:border-box;box-sizing:border-box;overflow:hidden;border-bottom-left-radius:20px;border-bottom-right-radius:20px}.draw_history_bottom ul{position:relative;width:100%;height:100%;overflow:auto;-webkit-overflow-scrolling:touch;border-bottom-left-radius:20px;border-bottom-right-radius:20px}.draw_history_bottom ul li{position:relative;height:64px;line-height:64px;-webkit-box-sizing:border-box;box-sizing:border-box}.draw_history_bottom ul li p{display:inline-block;vertical-align:top;line-height:64px;color:#fff;font-size:28px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.draw_history_bottom ul li p:nth-of-type(1){width:74px;text-align:center}.draw_history_bottom ul li p:nth-of-type(2){width:242px;text-align:center}.draw_history_bottom ul li p:nth-of-type(3){width:242px;text-align:center}.draw_history_bottom ul li:nth-of-type(2n+1){background:rgba(0,0,0,.5)}.draw_history_bottom ul li:nth-of-type(2n+2){background:rgba(0,0,0,.3)}.draw_tip{position:relative;font-size:28px;color:#fbd762;padding-top:20px;line-height:50px;text-align:center}.rankPanle2 .drawNow{margin:0 auto;display:block;margin-top:50px}.back_home{position:relative;margin-top:20px;text-align:center}.back_home span{font-size:28px;vertical-align:top;color:#ffe58f;line-height:34px}.back_home img{display:inline-block;vertical-align:top;margin-right:8px}.back_btn{position:relative;margin:0 auto;margin-top:20px;display:block}.rank_p1_tip{margin-top:30px}.rank_p1_title{font-size:30px;font-weight:bolder;color:#fbd762;text-align:center;margin-bottom:15px}.rank_p1_tip p{font-size:30px;color:#fff;line-height:46px}.rank_p1_center{margin-top:30px;font-size:30px;line-height:30px;color:#fbd762;text-align:center}.rank_p1_bottom{text-align:center;margin-top:10px;color:#fff;font-size:30px}.rank_p3_top{margin-top:45px}.rank_p3_top img{width:138px;height:138px;-webkit-box-sizing:border-box;box-sizing:border-box;border:1px solid #ffe58f;border-radius:50%;display:inline-block;vertical-align:top}.rank_p3_top_right{display:inline-block;vertical-align:top;color:#fbd762;font-size:30px;width:482px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-left:10px;margin-top:30px;line-height:40px}.rank_p3_top p{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rank_p3_center{font-size:28px;color:#fff;text-align:center;margin-top:30px;line-height:60px}.rank_p3_center .btn{margin-top:20px;margin-right:0}.rank_p3_bottom{position:relative;width:100%;height:85%;-webkit-box-sizing:border-box;box-sizing:border-box;border:1px solid #ffe58f;border-radius:20px;margin-top:33px}.rank_p3_bottom_top{position:relative;width:100%;height:100px;-webkit-box-sizing:border-box;box-sizing:border-box;border-bottom:1px solid #ffe58f}.rank_p3_bottom_top ul{position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;width:100%;height:100%;font-size: 25px;font-weight: bold;line-height: 100px;color: white;text-align: center}.rank_p3_bottom_top ul li{position:relative;height:100%;width:33.3%;display:inline-block;text-align:center;vertical-align:top}.rank_p3_bottom_top ul li:nth-of-type(2n+1){background:rgba(0,0,0,.5)}.rank_p3_bottom_top ul li:nth-of-type(2n+2){background:rgba(0,0,0,.3)}.rank_p3_bottom_top ul li:nth-of-type(1){border-top-left-radius:20px}.rank_p3_bottom_top ul li:nth-of-type(3){border-top-right-radius:20px}.awards_img img{width:96px;height:96px;-webkit-box-sizing:border-box;box-sizing:border-box;border:1px solid #ffe58f;border-radius:50%;margin-top:25px}.no{position:relative;margin-top:-25px}.awards_bottom{text-align:center;font-size:28px;color:#fff;margin-top:10px;line-height:35px}.awards_bottom p{position:relative;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rank_p3_bottom_bottom{position:relative;height:90%;width:100%;-webkit-box-sizing:border-box;box-sizing:border-box;overflow:hidden}.rank_p3_bottom_bottom ul{position:relative;width:100%;height:100%;overflow:auto;-webkit-overflow-scrolling:touch;border-bottom-left-radius:20px;border-bottom-right-radius:20px}.rank_p3_bottom_bottom ul li{position:relative;height:65px;line-height:65px;-webkit-box-sizing:border-box;box-sizing:border-box}.rank_p3_bottom_bottom ul li:nth-of-type(2n+1){background:rgba(0,0,0,.2)}.rank_p3_bottom_bottom ul li:nth-of-type(2n+2){background:rgba(0,0,0,.5)}.rank_p3_bottom_bottom ul li span{width:58px;display:inline-block;vertical-align:top;line-height:65px;font-size:30px;color:#fff;font-style:italic;text-align:center}.rank_p3_bottom_bottom ul li img{display:inline-block;vertical-align:top;width:48px;height:48px;-webkit-box-sizing:border-box;box-sizing:border-box;border:1px solid #ffe58f;border-radius:50%;margin-top:10px}.rank_p3_bottom_bottom ul li p{display:inline-block;vertical-align:top;position:relative;line-height:65px;font-size:30px;color:#fff;max-width:422px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-left:10px}.rank_p3_bottom_left{float:left}.rank_p3_bottom_right{float:right;font-size:30px;color:#fff;line-height:65px;margin-right:20px;max-width:130px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rankPanle3 .back_home{margin-top:8%}.submit{position:absolute;top:945px;left:215px}.info_inner{position:relative;width:576px;height:553px;border:1px solid #ffe58f;border-radius:20px;margin:0 auto;margin-top:330px;background:rgba(0,0,0,.3);-webkit-box-sizing:border-box;box-sizing:border-box}.info_inner_top{height:160px;border-bottom:1px solid #ffe58f;-webkit-box-sizing:border-box;box-sizing:border-box;text-align:center;font-size:37px;color:#fbd762}.info_inner_center{position:relative;height:270px;border-bottom:1px solid #ffe58f;-webkit-box-sizing:border-box;box-sizing:border-box}.info_inner_center label{display:block;margin:0 auto;width:408px;border-bottom:1px solid #f85c31;height:70px;line-height:70px;text-align:center;font-size:24px;color:#fbd762;padding-top:30px}.info_inner_center label input{display:block;width:100%;height:100%;text-align:center;font-size:24px;color:#fbd762;border:0;background:rgba(255,255,255,0)}.info_inner_bottom{position:relative;height:67px;-webkit-box-sizing:border-box;box-sizing:border-box;padding:13px 0;text-align:center;color:#fff;font-size:24px;line-height:50px}::-webkit-input-placeholder{color:#fbd762}:-moz-placeholder{color:#fbd762}::-moz-placeholder{color:#fbd762}:-ms-input-placeholder{color:#fbd762}.info_inner_tip2{line-height:160px;}.game_tip{position:absolute;top:0;left:0;font-size:40px;font-weight:bolder;color:#fff;opacity:.8;display:none}