#game_div{background-color:#009688;padding:0;margin:0;font:20px/1 HanHei SC,PingHei,PingFang SC,STHeitiSC-Light,Helvetica Neue,Helvetica,Arial,sans-serif;overflow:hidden;cursor:default;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-moz-font-feature-settings:"liga","kern";direction:ltr;text-align:left;background-size:cover;background-position:50%;background-repeat:no-repeat}.r{float:right}.l{float:left}.clear{clear:both}b{width:20px;height:20px;padding:2px;border:2px solid #879372;margin:0 2px 2px 0;float:left}b,b:after{display:block}b:after{content:"";width:12px;height:12px;background:#879372;overflow:hidden}b.c{border-color:#000}b.c:after{background:#000}b.d{border-color:#560000}b.d:after{background:#560000}.bg{background:url(//img.alicdn.com/tps/TB1qq7kNXXXXXacXFXXXXXXXXXX-400-186.png) no-repeat;overflow:hidden}*{-webkit-box-sizing:border-box;box-sizing:border-box;margin:0;padding:0}.app{width:640px;padding-top:42px;-webkit-box-shadow:inset 0 0 10px #fff;box-shadow:inset 0 0 10px #fff;position:absolute;top:50%;left:50%;margin:-480px 0 0 -320px;background:#efcc19}.rect{width:480px;padding:45px 0 35px;border:solid #000;border-width:0 10px 10px;margin:0 auto;position:relative}.rect.drop{-webkit-transform:translateY(5px);transform:translateY(5px)}.screen{width:390px;height:478px;border:5px solid;margin:0 auto;position:relative}.screen .panel{width:380px;height:468px;margin:0 auto;background:#9ead86;padding:8px;border:2px solid #494536}.state{width:108px;position:absolute;top:0;right:15px}.state p{line-height:47px;height:57px;padding:10px 0 0;white-space:nowrap;clear:both}.state .bottom{position:absolute;width:114px;top:426px;left:0}.load{width:240px;height:240px;float:left;position:relative;color:#fff;text-align:center;position:absolute;top:50%;left:50%;margin:-120px 0 0 -120px}@-webkit-keyframes loads{0%,80%,to{-webkit-box-shadow:0 0 #efcc19;box-shadow:0 0 #efcc19;height:4em}40%{-webkit-box-shadow:0 -2em #efcc19;box-shadow:0 -2em #efcc19;height:5em}}@keyframes loads{0%,80%,to{-webkit-box-shadow:0 0 #efcc19;box-shadow:0 0 #efcc19;height:4em}40%{-webkit-box-shadow:0 -2em #efcc19;box-shadow:0 -2em #efcc19;height:5em}}.load p{position:absolute;bottom:0;left:-25%;width:150%;white-space:nowrap;display:none}.load .loader{text-indent:-9999em;margin:8em auto;position:relative;font-size:11px;-webkit-animation-delay:-0.16s;animation-delay:-0.16s}.load .loader,.load .loader:after,.load .loader:before{background:#efcc19;-webkit-animation:loads 1s infinite ease-in-out;animation:loads 1s infinite ease-in-out;width:1em;height:4em}.load .loader:after,.load .loader:before{position:absolute;top:0;content:""}.load .loader:before{left:-1.5em;-webkit-animation-delay:-0.32s;animation-delay:-0.32s}.load .loader:after{left:1.5em}@-webkit-keyframes breath{0%{opacity:1}to{opacity:0}}@keyframes breath{0%{opacity:1}to{opacity:0}}.decorate h1{font-weight:400;top:-12px;margin:0;padding:0;font-size:30px}.decorate #top_hint,.decorate h1{position:absolute;width:100%;text-align:center;left:0}.decorate #top_hint{bottom:0;color:#333;letter-spacing:3px;-webkit-animation-name:breath;animation-name:breath;-webkit-animation-duration:.5s;animation-duration:.5s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-direction:alternate;animation-direction:alternate;-webkit-animation-timing-function:steps(2);animation-timing-function:steps(2)}.decorate .topBorder{height:10px;width:100%;position:absolute;top:0;left:0;overflow:hidden}.decorate .topBorder span{display:block;width:10px;height:10px;overflow:hidden;background:#000}.decorate .topBorder span.mr{margin-right:10px}.decorate .topBorder span.ml{margin-left:10px}.decorate .view{position:absolute;right:-70px;top:20px;width:44px}.decorate .view em{display:block;width:22px;height:22px;overflow:hidden;float:left}.decorate .view p{height:22px;clear:both}.decorate .view.l{right:auto;left:-70px}.next div{height:22px;width:88px;float:right}.music{width:25px;height:21px;background-position:-175px -75px;position:absolute;top:2px;left:-12px}.music.c{background-position:-150px -75px}.pause{width:20px;height:18px;background-position:-100px -75px;position:absolute;top:3px;left:18px}.pause.c{background-position:-75px -75px}.tnumber{height:24px;font-size:14px;float:right}.tnumber span{float:left;width:14px;height:24px}.tnumber .s_0{background-position:-75px -25px}.tnumber .s_1{background-position:-89px -25px}.tnumber .s_2{background-position:-103px -25px}.tnumber .s_3{background-position:-117px -25px}.tnumber .s_4{background-position:-131px -25px}.tnumber .s_5{background-position:-145px -25px}.tnumber .s_6{background-position:-159px -25px}.tnumber .s_7{background-position:-173px -25px}.tnumber .s_8{background-position:-187px -25px}.tnumber .s_9{background-position:-201px -25px}.tnumber .s_n{background-position:-215px -25px}.tnumber .s_d{background-position:-243px -25px}.tnumber .s_d_c{background-position:-229px -25px}.keyboard{width:580px;height:330px;margin:20px auto 0;position:relative}.button{text-align:center;color:#111;position:absolute;white-space:nowrap;line-height:1.6;-webkit-tap-highlight-color:rgba(0,0,0,0)}.button.s2{font-size:16px}.button span.position{position:absolute;top:5px;left:102px}.button i{background-size:contain;background-position:50%;background-repeat:no-repeat;display:block;position:relative;border:1px solid #000;border-radius:50%;-webkit-box-shadow:0 3px 3px rgba(0,0,0,.2);box-shadow:0 3px 3px rgba(0,0,0,.2)}.button i:after,.button i:before{content:"";display:block;width:100%;height:100%;position:absolute;top:0;left:0;border-radius:50%;-webkit-box-shadow:inset 0 5px 10px rgba(255,255,255,.8);box-shadow:inset 0 5px 10px rgba(255,255,255,.8)}.button i:after{-webkit-box-shadow:inset 0 -5px 10px rgba(0,0,0,.8);box-shadow:inset 0 -5px 10px rgba(0,0,0,.8)}.button i.active:before{-webkit-box-shadow:inset 0 -3px 6px rgba(255,255,255,.6);box-shadow:inset 0 -3px 6px rgba(255,255,255,.6)}.button i.active:after{-webkit-box-shadow:inset 0 5px 5px rgba(0,0,0,.6);box-shadow:inset 0 5px 5px rgba(0,0,0,.6)}.button.s0 i{width:160px;height:160px}.button.s1 i{width:100px;height:100px}.button.s2 i{width:52px;height:52px;-webkit-box-shadow:1px 1px 1px rgba(0,0,0,.2);box-shadow:1px 1px 1px rgba(0,0,0,.2)}.button.s2 i:after,.button.s2 i:before{-webkit-box-shadow:inset 0 3px 6px rgba(255,255,255,.8);box-shadow:inset 0 3px 6px rgba(255,255,255,.8)}.button.s2 i:after{-webkit-box-shadow:inset 0 -3px 6px rgba(0,0,0,.8);box-shadow:inset 0 -3px 6px rgba(0,0,0,.8)}.button.s2 i.active:before{-webkit-box-shadow:inset 0 -1px 2px rgba(255,255,255,.6);box-shadow:inset 0 -1px 2px rgba(255,255,255,.6)}.button.s2 i.active:after{-webkit-box-shadow:inset 0 3px 3px rgba(0,0,0,.7);box-shadow:inset 0 3px 3px rgba(0,0,0,.7)}.button.s1 em{display:block;width:0;height:0;border:8px solid;border-color:rgba(0,0,0,0) rgba(0,0,0,0) #111;position:absolute;top:50%;left:50%;margin:-12px 0 0 -8px}.logo{width:224px;height:200px;left:12px;text-align:center;overflow:hidden}.logo,.logo p{position:absolute;top:100px}.logo p{width:100%;line-height:1.4;left:0;font-family:initial;letter-spacing:6px;text-shadow:1px 1px 1px rgba(255,255,255,.35)}.logo .game_logo{background-position:50%;background-size:contain;background-repeat:no-repeat}.logo .dragon,.logo .game_logo{width:80px;height:86px;margin:0 auto}.logo .dragon,.logo .dragon.l1,.logo .dragon.r1{background-position:0 -100px}.logo .dragon.l2,.logo .dragon.r2{background-position:-100px -100px}.logo .dragon.l3,.logo .dragon.r3{background-position:-200px -100px}.logo .dragon.l4,.logo .dragon.r4{background-position:-300px -100px}.logo .dragon.l1,.logo .dragon.l2,.logo .dragon.l3,.logo .dragon.l4{transform:scaleX(-1);-webkit-transform:scaleX(-1);-ms-transform:scaleX(-1);-moz-transform:scaleX(-1);-o-transform:scaleX(-1)}.matrix{border:2px solid #000;padding:3px 1px 1px 3px;width:228px}.matrix p{width:220px;height:22px}