body{background:#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}.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(data:image/png;base64,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) no-repeat;overflow:hidden}*{box-sizing:border-box;margin:0;padding:0}.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}.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}.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}@keyframes loads{0%,80%,to{box-shadow:0 0 #efcc19;height:4em}40%{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;animation-delay:-.16s}.load .loader,.load .loader:after,.load .loader:before{background:#efcc19;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;animation-delay:-.32s}.load .loader:after{left:1.5em}.decorate h1{text-align:center;font-weight:400;top:-12px;margin:0;padding:0;font-size:30px}.decorate .topBorder,.decorate h1{position:absolute;width:100%;left:0}.decorate .topBorder{height:10px;top: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}.guide{position:absolute;left:115%;right:115%;text-align:center;line-height:1;white-space:nowrap}.guide.right{right:auto;bottom:5%}.guide.left{left:auto;bottom:5%}.guide p{text-align:left;margin-bottom:350px;opacity:.5}.guide p iframe{margin-top:20px}.guide a{color:#005850;font-size:30px;position:relative;z-index:1;cursor:alias;text-decoration:none}.guide.qr{left:auto;top:5%;width:190px;height:190px;opacity:.45;padding:0 0 40px 40px;text-align:right}.guide.qr:hover img{width:100%;height:100%}.guide.qr img{width:38px;height:38px}.guide>div{width:100px;height:54px;background:#364d4b;display:inline-block;border-radius:4px;position:relative;color:#acc3c1;font-size:16px}.guide>div em{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:after,.guide>div: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:before{box-shadow:inset 0 -5px 10px rgba(0,0,0,.15)}.guide .up{height:60px;display:block;margin:0 auto 2px}.guide .down{margin:0 10px}.guide .space{left:auto;bottom:5%;height:80px;width:400px;line-height:80px;letter-spacing:2px}.guide .diff-btn{display:inline-block;background:#364d4b;color:#acc3c1;padding:2px 8px;margin:0 2px;border-radius:4px;cursor:pointer;font-size:14px}.guide .diff-btn.active{background:#0ec400;color:#fff}.guide .toggle-switch{display:inline-block;width:36px;height:20px;background:#364d4b;border-radius:10px;position:relative;cursor:pointer;vertical-align:middle;margin-left:4px}.guide .toggle-switch.active{background:#0ec400}.guide .toggle-switch.active .toggle-knob{left:18px}.guide .toggle-switch .toggle-knob{width:16px;height:16px;background:#fff;border-radius:50%;position:absolute;top:2px;left:2px;transition:left .2s}.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}.number{height:24px;font-size:14px;float:right}.number span{float:left;width:14px;height:24px}.number .s_0{background-position:-75px -25px}.number .s_1{background-position:-89px -25px}.number .s_2{background-position:-103px -25px}.number .s_3{background-position:-117px -25px}.number .s_4{background-position:-131px -25px}.number .s_5{background-position:-145px -25px}.number .s_6{background-position:-159px -25px}.number .s_7{background-position:-173px -25px}.number .s_8{background-position:-187px -25px}.number .s_9{background-position:-201px -25px}.number .s_n{background-position:-215px -25px}.number .s_d{background-position:-243px -25px}.number .s_d_c{background-position:-229px -25px}.keyboard{width:580px;height:420px;margin:20px auto 0;position:relative}.mob-row{position:absolute;left:50%;transform:translateX(-50%);display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;gap:8px;background:rgba(0,0,0,.3);padding:6px 12px;border-radius:8px}.mob-label{color:#efcc19;font-size:13px;font-weight:700;white-space:nowrap}.mob-toggle{display:inline-block;width:44px;height:22px;background:#364d4b;border-radius:11px;position:relative;cursor:pointer;-webkit-user-select:none;-ms-user-select:none;user-select:none}.mob-toggle.on{background:#0ec400}.mob-toggle.on .knob{left:22px}.mob-toggle .knob{width:18px;height:18px;background:#fff;border-radius:50%;position:absolute;top:2px;left:2px;transition:left .2s}.mob-btn{display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;min-width:30px;height:26px;padding:0 8px;background:#364d4b;color:#acc3c1;border-radius:4px;cursor:pointer;font-size:13px;font-weight:700;-webkit-user-select:none;-ms-user-select:none;user-select:none}.mob-btn.active{background:#0ec400;color:#fff}.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{display:block;position:relative;border:1px solid #000;border-radius:50%;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%;box-shadow:inset 0 5px 10px hsla(0,0%,100%,.8)}.button i:after{box-shadow:inset 0 -5px 10px rgba(0,0,0,.8)}.button i.active:before{box-shadow:inset 0 -3px 6px hsla(0,0%,100%,.6)}.button i.active:after{box-shadow:inset 0 5px 5px rgba(0,0,0,.6)}.button.blue i{background:#5a65f1;background:-moz-linear-gradient(top,#6e77ef,#6e77ef)}.button.green i{background:#2dc421;background:-moz-linear-gradient(top,#4bc441,#4bc441)}.button.red i{background:#dd1a1a;background:-moz-linear-gradient(top,#dc3333,#dc3333)}.button.s0 i{width:160px;height:160px}.button.s1 i{width:100px;height:100px}.button.s2 i{width:52px;height:52px;box-shadow:1px 1px 1px rgba(0,0,0,.2)}.button.s2 i:after,.button.s2 i:before{box-shadow:inset 0 3px 6px hsla(0,0%,100%,.8)}.button.s2 i:after{box-shadow:inset 0 -3px 6px rgba(0,0,0,.8)}.button.s2 i.active:before{box-shadow:inset 0 -1px 2px hsla(0,0%,100%,.6)}.button.s2 i.active:after{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:transparent transparent #111;position:absolute;top:50%;left:50%;margin:-12px 0 0 -8px}.matrix{border:2px solid #000;padding:3px 1px 1px 3px;width:268px}.matrix p{width:262px;height:13px}.matrix b{width:11px!important;height:11px!important;padding:1px!important;border-width:1px!important;margin:0 1px 1px 0!important}.matrix b:after{width:7px!important;height:7px!important}