/*!
 * @overview: 主样式
 */a:link,a:visited,html{-webkit-tap-highlight-color:transparent}a:active,a:hover,a:link,a:visited{text-decoration:none}.grid,html{background-color:#23282B}#btn-right,.cc{right:0}html{color:#545454;-webkit-text-size-adjust:100%;-webkit-touch-callout:none;-webkit-user-select:none}blockquote,body,button,dd,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,hr,html,img,input,legend,li,ol,p,pre,td,textarea,th,ul{margin:0;padding:0}body,button,input,select,textarea{font:14px/1.5 "Helvetica neue",Helvetica,Tahoma,Arial,"\5FAE\8F6F\96C5\9ED1","\5B8B\4F53",sans-serif}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{margin:0;padding:0;display:block}audio,canvas,video{display:inline-block}img{border:0;max-width:100%;height:auto}table{border-collapse:collapse;border-spacing:0}h1,h2,h3,h4,h5,h6{font-size:100%}em,i{font-style:normal}ol,ul{list-style:none}button{cursor:pointer;border:0}.hide{display:none}.cc{position:absolute;top:0;bottom:0;left:0;margin:auto}.grid{width:100%;height:100%; margin-top:8%;max-height:960px;max-width:640px;overflow:hidden}#btn-down:after,#btn-left:after,#btn-right:after,#btn-speed:after,#btn-up:after,.sprite{display:block;background-color:transparent;background-repeat:no-repeat;background-image:url(../img/sprites.png)}#screen{margin:10px auto;position:relative;overflow:visible;-webkit-transform:translateZ(0)}#control,#dialog,.btn,.direction,canvas{position:absolute}canvas{left:24px;top:22px;1background:rgba(2,2,222,.4);width:462px;height:538px}#control{width:100%;height:335px;top:595px;left:0; margin-top:3%;}.btn{outline:0;display:block;border:none}.direction{top:15px;height:300px;width:300px;left:60px}#btn-down,#btn-up{left:100px}#btn-left,#btn-right{top:80px}#btn-down{top:160px}#btn-speed{right:16px;top:50px}#btn-down:after,#btn-left:after,#btn-right:after,#btn-speed:after,#btn-up:after{content:'';position:absolute;height:10px}#btn-up:after{top:-15px;left:39px;width:22px;background-position:-350px -682px}#btn-left:after{top:45px;left:-51px;width:46px;background-position:-446px -860px}#btn-right:after{top:45px;right:-59px;width:54px;background-position:-388px -870px}#btn-down:after{bottom:-15px;left:27px;width:46px;background-position:-442px -870px}#btn-speed:after{width:58px;top:-20px;left:20px;background-position:-388px -860px}#btn-speed{width:194px;height:194px;background-position:-194px -692px}#btn-speed:active{background-position:0 -692px}.bg-btn{width:100px;height:100px;background-position:-388px -688px}.bg-btn:active{background-position:-350px -582px}.bg-screen{width:516px;height:582px;background-position:0 0}#btn-pause{width:124px;height:36px;background-position:-388px -788px;left:300px}#btn-pause:active{background-position:-388px -824px}#btn-start{width:350px;height:110px;background-position:0 -582px;left:50%;margin-left:-175px;margin-top:30px}#dialog{top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.8)}#dialog .inner{margin-top:80px}#dialog .txt{padding:30px;text-align:center;color:#fff;font-size:40px}#dialog .btn{width:280px;height:50px;border-radius:20px;text-align:center;line-height:50px;font-size:20px;background-color:#fff;position:relative;margin:20px auto}#share,#share img,#spn{position:absolute;top:0}#spn{left:50%!important;margin-left:-160px;width:320px;height:50px;z-index:100}#dialog .btn#btn-resume,#dialog .btn#btn-retry{background-color:#FFDE00}#share{width:100%;height:100%;left:0;background-color:rgba(0,0,0,.4);z-index:1000;display:none}#share img{width:160px;display:block;right:0}@media all and (max-width:481px){canvas{left:12px;top:11px;width:231px;height:269px}#screen{margin:5px auto}#control{top:298px;height:163px}.direction{top:8px;position:absolute;height:150px;width:150px;left:30px}#btn-down,#btn-up{left:50px}#btn-left,#btn-right{top:40px}#btn-down{top:80px}#btn-speed{right:8px;top:25px}#btn-down:after,#btn-left:after,#btn-right:after,#btn-speed:after,#btn-up:after{height:5px;-webkit-background-size:271px 443px;background-size:271px 443px}#btn-up:after{top:-8px;left:20px;width:11px;background-position:-175px -341px}#btn-left:after{top:22px;left:-26px;width:23px;background-position:-223px -430px}#btn-right:after{top:22px;right:-30px;width:27px;background-position:-194px -435px}#btn-down:after{bottom:-8px;left:14px;width:23px;background-position:-221px -435px}#btn-speed:after{width:29px;top:-10px;left:10px;background-position:-194px -430px}.sprite{background-image:url(../img/sprites.png);-webkit-background-size:271px 443px;background-size:271px 443px}#btn-speed{width:97px;height:97px;background-position:-97px -346px}.bg-btn{width:50px;height:50px;background-position:-194px -344px}.bg-screen{width:257px;height:291px}#btn-pause{width:62px;height:18px;background-position:-194px -394px;left:150px}#btn-pause:active{background-position:-194px -412px}#btn-start{width:175px;height:55px;background-position:0 -291px;margin-left:-97px;margin-top:15px}#btn-speed:active{background-position:0 -346px}.bg-btn:active{background-position:-175px -291px}#dialog .inner{margin-top:70px}#dialog .txt{padding:20px;text-align:center;color:#fff;font-size:30px}#dialog .btn{width:200px;height:50px;border-radius:20px;text-align:center;line-height:50px;background-color:#fff;position:relative;margin:20px auto}}