.decorate h1[data-v-41d67e17]{position:absolute;width:100%;text-align:center;font-weight:400;top:-12px;left:0;margin:0;padding:0;font-size:30px}.decorate .topBorder[data-v-41d67e17]{height:10px;width:100%;position:absolute;top:0;left:0;overflow:hidden}.decorate .topBorder span[data-v-41d67e17]{display:block;width:10px;height:10px;overflow:hidden;background:#000}.decorate .topBorder span.mr[data-v-41d67e17]{margin-right:10px}.decorate .topBorder span.ml[data-v-41d67e17]{margin-left:10px}.decorate .topBorder span.w40[data-v-41d67e17]{width:40px}.decorate .view[data-v-41d67e17]{position:absolute;right:-70px;top:20px;width:44px}.decorate .view em[data-v-41d67e17]{display:block;width:22px;height:22px;overflow:hidden;float:left}.decorate .view p[data-v-41d67e17]{height:22px;clear:both}.decorate .view.l[data-v-41d67e17]{right:auto;left:-70px}.matrix[data-v-2fd7b3d6]{border:2px solid #000;padding:3px 1px 1px 3px;width:228px}.matrix p[data-v-2fd7b3d6]{width:220px;height:22px}.logo[data-v-71f61fff]{width:224px;height:200px;position:absolute;top:100px;left:12px;text-align:center;overflow:hidden}.logo p[data-v-71f61fff]{position:absolute;width:100%;line-height:1.4;top:100px;left:0;font-family:initial;letter-spacing:6px;text-shadow:1px 1px 1px hsla(0,0%,100%,.35)}.logo .dragon[data-v-71f61fff]{width:80px;height:86px;margin:0 auto;background-position:0 -100px}.logo .dragon.l1[data-v-71f61fff],.logo .dragon.r1[data-v-71f61fff]{background-position:0 -100px}.logo .dragon.l2[data-v-71f61fff],.logo .dragon.r2[data-v-71f61fff]{background-position:-100px -100px}.logo .dragon.l3[data-v-71f61fff],.logo .dragon.r3[data-v-71f61fff]{background-position:-200px -100px}.logo .dragon.l4[data-v-71f61fff],.logo .dragon.r4[data-v-71f61fff]{background-position:-300px -100px}.logo .dragon.l1[data-v-71f61fff],.logo .dragon.l2[data-v-71f61fff],.logo .dragon.l3[data-v-71f61fff],.logo .dragon.l4[data-v-71f61fff]{transform:scaleX(-1);-webkit-transform:scaleX(-1);-ms-transform:scaleX(-1);-moz-transform:scaleX(-1);-o-transform:scaleX(-1)}.number[data-v-0901f51a]{height:24px;font-size:14px;float:right}.number span[data-v-0901f51a]{float:left;width:14px;height:24px}.number .s_0[data-v-0901f51a]{background-position:-75px -25px}.number .s_1[data-v-0901f51a]{background-position:-89px -25px}.number .s_2[data-v-0901f51a]{background-position:-103px -25px}.number .s_3[data-v-0901f51a]{background-position:-117px -25px}.number .s_4[data-v-0901f51a]{background-position:-131px -25px}.number .s_5[data-v-0901f51a]{background-position:-145px -25px}.number .s_6[data-v-0901f51a]{background-position:-159px -25px}.number .s_7[data-v-0901f51a]{background-position:-173px -25px}.number .s_8[data-v-0901f51a]{background-position:-187px -25px}.number .s_9[data-v-0901f51a]{background-position:-201px -25px}.number .s_n[data-v-0901f51a]{background-position:-215px -25px}.number .s_d[data-v-0901f51a]{background-position:-243px -25px}.number .s_d_c[data-v-0901f51a]{background-position:-229px -25px}.next div[data-v-0cbd8196]{height:22px;width:88px;float:right}.music[data-v-ee1a9fbc]{width:25px;height:21px;background-position:-175px -75px;position:absolute;top:2px;left:-12px}.music.c[data-v-ee1a9fbc]{background-position:-150px -75px}.pause[data-v-03d174d9]{width:20px;height:18px;background-position:-100px -75px;position:absolute;top:3px;left:18px}.pause.c[data-v-03d174d9]{background-position:-75px -75px}.button[data-v-609f4b9d]{text-align:center;color:#111;position:absolute;white-space:nowrap;line-height:1.6}.button.s2[data-v-609f4b9d]{font-size:16px}.button span.position[data-v-609f4b9d]{position:absolute;top:5px;left:102px}.button i[data-v-609f4b9d]{display:block;position:relative;border:1px solid #000;border-radius:50%;cursor:pointer;box-shadow:0 3px 3px rgba(0,0,0,.2)}.button i[data-v-609f4b9d]:after,.button i[data-v-609f4b9d]:before{content:"";display:block;width:100%;height:100%;position:absolute;top:0;left:0;border-radius:50%;box-shadow:inset 0 5px 10px hsla(0,0%,100%,.8)}.button i[data-v-609f4b9d]:after{box-shadow:inset 0 -5px 10px rgba(0,0,0,.8)}.button i.active[data-v-609f4b9d]:before{box-shadow:inset 0 -3px 6px hsla(0,0%,100%,.6)}.button i.active[data-v-609f4b9d]:after{box-shadow:inset 0 5px 5px rgba(0,0,0,.6)}.button.blue i[data-v-609f4b9d]{background:#5a65f1;background:-moz-linear-gradient(top,#6e77ef,#6e77ef)}.button.green i[data-v-609f4b9d]{background:#2dc421;background:-moz-linear-gradient(top,#4bc441,#4bc441)}.button.red i[data-v-609f4b9d]{background:#dd1a1a;background:-moz-linear-gradient(top,#dc3333,#dc3333)}.button.s0 i[data-v-609f4b9d]{width:160px;height:160px}.button.s1 i[data-v-609f4b9d]{width:100px;height:100px}.button.s2 i[data-v-609f4b9d]{width:52px;height:52px;box-shadow:1px 1px 1px rgba(0,0,0,.2)}.button.s2 i[data-v-609f4b9d]:after,.button.s2 i[data-v-609f4b9d]:before{box-shadow:inset 0 3px 6px hsla(0,0%,100%,.8)}.button.s2 i[data-v-609f4b9d]:after{box-shadow:inset 0 -3px 6px rgba(0,0,0,.8)}.button.s2 i.active[data-v-609f4b9d]:before{box-shadow:inset 0 -1px 2px hsla(0,0%,100%,.6)}.button.s2 i.active[data-v-609f4b9d]:after{box-shadow:inset 0 3px 3px rgba(0,0,0,.7)}.button.s1 em[data-v-609f4b9d]{display:block;width:0;height:0;border:8px solid;border-color:transparent transparent #111;position:absolute;top:50%;left:50%;margin:-12px 0 0 -8px}.keyboard[data-v-4253c25c]{width:580px;height:330px;margin:20px auto 0;position:relative}.guide[data-v-39ea26ba]{position:absolute;left:115%;right:115%;text-align:center;line-height:1;white-space:nowrap}.guide.right[data-v-39ea26ba]{right:auto;bottom:5%}.guide.left[data-v-39ea26ba]{left:auto;bottom:5%}.guide p[data-v-39ea26ba]{text-align:left;margin-bottom:350px;opacity:.5}.guide p iframe[data-v-39ea26ba]{margin-top:20px}.guide a[data-v-39ea26ba]{color:#005850;font-size:30px;position:relative;z-index:1;cursor:alias;text-decoration:none}.guide.qr[data-v-39ea26ba]{left:auto;top:5%;width:250px;height:250px;opacity:.5;text-align:right;cursor:none}.guide.qr:hover img[data-v-39ea26ba]{width:100%;height:100%}.guide.qr img[data-v-39ea26ba]{width:38px;height:38px}.guide>div[data-v-39ea26ba]{width:100px;height:54px;background:#364d4b;display:inline-block;border-radius:4px;position:relative;color:#acc3c1;font-size:16px}.guide>div em[data-v-39ea26ba]{display:block;width:0;height:0;border:6px solid;border-color:transparent transparent #acc3c1;position:absolute;top:50%;left:50%;margin:-9px 0 0 -6px}.guide>div[data-v-39ea26ba]:after,.guide>div[data-v-39ea26ba]:before{content:"";display:block;width:100%;height:100%;position:absolute;top:0;left:0;border-radius:4px;box-shadow:inset 0 5px 10px hsla(0,0%,100%,.15)}.guide>div[data-v-39ea26ba]:before{box-shadow:inset 0 -5px 10px rgba(0,0,0,.15)}.guide .up[data-v-39ea26ba]{height:60px;display:block;margin:0 auto 2px}.guide .down[data-v-39ea26ba]{margin:0 10px}.guide .space[data-v-39ea26ba]{left:auto;bottom:5%;height:80px;width:400px;line-height:80px;letter-spacing:2px}.app{width:640px;padding-top:42px;box-shadow:inset 0 0 10px #fff;border-radius:20px;position:absolute;top:50%;left:50%;margin:-480px 0 0 -320px;background:#efcc19}.app b{display:block;width:20px;height:20px;padding:2px;border:2px solid #879372;margin:0 2px 2px 0;float:left}.app b:after{content:"";display:block;width:12px;height:12px;background:#879372;overflow:hidden}.app b.c{border-color:#000}.app b.c:after{background:#000}.app b.d{border-color:#560000}.app b.d:after{background:#560000}.app b.h{border-color:#8bc34a}.app b.h:after{background:#8bc34a}.rect{width:480px;padding:45px 0 35px;border:solid #000;border-width:0 10px 10px;margin:0 auto;position:relative}.rect.drop{transform:translateY(5px)}.screen{width:390px;height:478px;border:5px solid;border-color:#987f0f #fae36c #fae36c #987f0f;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}*{box-sizing:border-box;-moz-user-select:none;-webkit-user-select:none;user-select:none}*,body{margin:0;padding:0}body{background:#009688;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}.r{float:right}.l{float:left}.clear{clear:both}.bg{no-repeat;overflow:hidden}