.typing-input[data-v-063bac51]{position:fixed;left:0;top:0;opacity:0;overflow:hidden;pointer-events:none}.typing-backspace[data-v-719f46e9]{opacity:0;transition:all .5s;position:fixed;text-align:center;left:50%;background:rgba(0,0,0,.25);color:#fff;border-radius:5px;z-index:10;padding:0 15px;box-shadow:0 0 5px rgba(0,0,0,.2)}.typing-backspace.typing-backspace-show[data-v-719f46e9]{opacity:1}.typing-backspace .el-icon-back[data-v-719f46e9]{font-size:48px}.typing-backspace .el-icon-close[data-v-719f46e9]{color:red;transform:translate(-10%,-20%);font-size:32px;font-weight:700}.typing-engine[data-v-719f46e9]{align-items:start;box-sizing:border-box;padding:5px;margin-bottom:5px!important}.english-view-scroll[data-v-719f46e9]{position:relative;height:80px;overflow:hidden}.english-view[data-v-719f46e9]{font-family:Sarabun;font-size:36px;transition:all .3s ease;display:flex;flex-wrap:wrap}.english-view .word[data-v-719f46e9]{display:inline-block;white-space:nowrap;padding:10px 0 0 0}.english-view .word i[data-v-719f46e9]{display:inline-block;width:.001em;min-width:.001em}.english-view .word .char[data-v-719f46e9]{display:inline-block;position:relative;border:2px solid transparent;opacity:.8}.english-view .word .char.focus[data-v-719f46e9]{border-left-color:#000;animation:border-color-animation-719f46e9 1s infinite}.english-view .word .char[data-v-719f46e9] ._tab{display:inline-block;background:url(/static/assets/keyboard/images/tab-2.1.290.png) no-repeat 100% 100%;background-size:auto 100%}.english-view .word .char[data-v-719f46e9] ._ent{display:inline-block;background:url(/static/assets/keyboard/images/enter-2.1.290.png) no-repeat 100% 100%;background-size:auto 100%;width:.7em}.english-view .word .err[data-v-719f46e9]{opacity:1;color:#8b0000;background:pink}.english-view .word .pass[data-v-719f46e9]{opacity:1;color:#0e630e;background:#e7fbd3}.english-view .word .ret[data-v-719f46e9]{opacity:1;background:#ffe9b2;color:green}.english-view .word .speed[data-v-719f46e9]{letter-spacing:0;line-height:normal;font-size:11px;position:absolute;font-family:georgia;margin-top:-17px;z-index:-4;color:#777}.english-view .word.row[data-v-719f46e9]{width:100%;padding:0}[data-v-719f46e9] .keyb-icon{opacity:.3;font-size:32px}@keyframes border-color-animation-719f46e9{0%{border-left-color:#000}50%{border-color:transparent}to{border-left-color:#000}}.keyboard-box[data-v-6254a741]{width:685px;height:255px;position:relative;margin:auto;overflow:hidden;border:1px solid #eee;border-radius:10px;-webkit-backdrop-filter:blur(35px);backdrop-filter:blur(35px);background:transparent}.keyboard-hand[data-v-6254a741]{position:absolute;pointer-events:none;height:363px;top:0;left:0;opacity:.8;transform:translateX(55px) scale(1.55)}.active-key-pointer[data-v-6254a741]{display:none;position:absolute}.active-key-pointer[data-v-6254a741]:before{animation:animate1-6254a741 3s steps(25,jump-none) infinite;animation-delay:.6s}.active-key-pointer[data-v-6254a741]:after,.active-key-pointer[data-v-6254a741]:before{content:"";display:block;background:radial-gradient(transparent 20%,#0383f2);opacity:0;position:absolute;top:0;left:50%;margin-left:-20px;width:40px;height:40px;border-radius:50%}.active-key-pointer[data-v-6254a741]:after{animation:animate2-6254a741 3s steps(25,jump-none) infinite;animation-delay:.6s}@keyframes animate1-6254a741{0%{transform:scale(1);opacity:0}25%{transform:scale(3);opacity:.2}80%{transform:scale(1)}to{opacity:0}}@keyframes animate2-6254a741{0%{transform:scale(1);opacity:0}35%{transform:scale(2);opacity:.3}85%{transform:scale(1);opacity:0}}@media screen and (max-width:430px){.keyboard-box[data-v-6254a741]{width:320px}.keyboard-hand[data-v-6254a741]{height:180px;transform:translateX(20px) scale(1.55)}.active-key-pointer[data-v-6254a741]:after,.active-key-pointer[data-v-6254a741]:before{width:10px;height:10px;margin-left:-5px}}@font-face{font-family:keyb-icon;src:url(data:font/woff2;base64,d09GMgABAAAAAAMUAAsAAAAABxAAAALHAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAHFQGYACDHAqBOIE7ATYCJAMQCwoABCAFhHMHPRtEBsiemjyBhBAoxBpJ2sDgaIogWkNn7y4A4JgUcMGVLbGrjKokNqI1IspEFVBX///N6W95iOo2D0gKIUl/Wr686w2YjJhQAKTJzW+1PF64vAaci1dAAz4bAFXRPjo8aGATfsDRV9k/tfhA/gX5h7ELXMI1Ao0W5VIflFbXge8jgbsgkpblDtLReGQ1C2DkeUWBrXqhtu/aIt7QkZ6mJ+B16H/8kxhGkprMOuTcnRITnP1e+POZx6oxgHzCdwnwsoQaZMwChbjXXr9BI+pYjcbfaK0D9eolftb8vP5zUlVxkL3z+C+PkGSiljXcDFZhI/OzxuUIfl5zJP58tmT8Fas+HlgEtlnWcPipkER9aRg6Av/wTB150EvbeKe2vq6m0VfVduS58AG0zfHkU3Dd1lhI/fauStXy/FilKxyW3nX70fyx4TvVCms31uug7u7lYYX2P9zf76jrgNRkz9YUafU/z9ZMLS/TaGOUd9fESV3Vf2R9ZKC2CBSAiubCLQD5c9oAVY1F7QAV7je+dLUt+399UwFff3vaw1xFC/3FzyRqwkc123o6Fr1AKXWKa4vIGhpdTWi0Q3zFNp2+57C6eg8TGnSlSOoMI2swQhRmFjWarKFWgx00mlGxuUkXTiNKA8bNAoROB0haHSPr9EwU5gc1ev2hVmcY0OhKROzXZDxoEUOBo4mI/cQqUZfs9HA79osx6ngNmrsdApNKVGlA5rbCMkmIjS+3ytCFbJoF7h5zIucykRl1ktL5LkOHgxKFURtKPNbCuZIZFyfX3SVWok4owiABh0wIUT/CSkK5yH6Vs0OYFsVw/2ogs24OAtY2pUQ0RBk349F8RIJY8X2IMsPVb+KObnHrYZaI42SEjKGciNI9eiEHB4pQ6r1skISLZRlRVWSKs53kvkbsupbzG/JsBuvAEilylKhR81gRJNRwQdThVcYYAAA=) format("woff2"),url(data:font/woff;base64,d09GRgABAAAAAASoAAsAAAAABxAAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABHU1VCAAABCAAAADsAAABUIIslek9TLzIAAAFEAAAARAAAAGA8Z0ysY21hcAAAAYgAAABjAAABnLg0KQFnbHlmAAAB7AAAALgAAAC4PkdC1mhlYWQAAAKkAAAALwAAADYo624BaGhlYQAAAtQAAAAcAAAAJAfeA4VobXR4AAAC8AAAAA4AAAAQEAAAAGxvY2EAAAMAAAAACgAAAAoAbgAwbWF4cAAAAwwAAAAeAAAAIAEQACduYW1lAAADLAAAAU0AAAJz4CAk6nBvc3QAAAR8AAAALAAAAD2w9q89eJxjYGRgYOBiMGCwY2BycfMJYeDLSSzJY5BiYGGAAJA8MpsxJzM9kYEDxgPKsYBpDiBmg4gCACY7BUgAeJxjYGFhYJzAwMrAwNTJdIaBgaEfQjO+ZjBi5ACKMrAyM2AFAWmuKQwHngW9vMPc8L+BgYH5DgOQZGBEUcQEAIV1DZF4nO2QwQ2AQAgEB1FzMZbi01iIJfiy0evi3pdYhQLnwyJcMgQ2hMcCA6DGYvQgJ4LrMFfCV6bwezbbk1UHda/5Kvf9nUISFymmzj/LyK85+vpu6qk1POOaG57rVRroA8DhGQIAAAEAAP+4A8IAxwAHAAAlFSE1IxEhEQOG/PQ8A4TH0tL+8gEOAAIAAAAAA6oCkgADAAwAAAEzESMBNwkBJzchNSEDVlRU/pg8AQD/ADya/aICXgKR/gABxDz/AP8APJpUAAEAAP+8A2gCbAAaAAABIyIGFREhNTQmDwEGFB8BFjY9ASEyNjURNCYDYDwDBf4aCQSOAwOOBAkB8homBQJrBAT9+kkFBQNwAwgCcAMEBUsmGgISBAQAAHicY2BkYGAAYoHVj0/H89t8ZeBmYQCBR89EYxH0/x0sDEyTgFwOBiaQKAA+mArnAHicY2BkYGBu+N/AEMPCAAJAkpEBFbAAAEcKAm14nGNhYGBgQcIAALAAEQAAAAAAAAASADAAXAAAeJxjYGRgYGBhkGZgYgABEMkFhAwM/8F8BgALhwE4AAB4nG2PS2oCQRCG//ERUSELA4FAFg0BN4njA7JxFRCUbF2417HH1zgtPa0wJ8hpcoacIFdIzpAb5HeszMI4TTdffVVdXQOggS94OH033Cf2UGV04gIquBcu0j8Il8hPwmXU8Sx8Rf8iXMMjXoXr7OjYwStVGTXxJuxxhnfhAq7xIVyk/xQukb+Fy7jFj/AVGl5FuIaJdydcR9MzA6unTs/VLFWrwMShid1Gp7PWMRjrxT6a2jzOYaJtsjKx6vqd3I10rO1fq+Sw6DkXqtCarRqyp44io3bWrHXg/KVzu367HYr3A7PFABYaU/68xhwKM6Q8VwhgECPMTocNsylzrTwzpllgj4h37YX8fzOhsUgYHyOFLnx0LtSNaOKs9nyqBAe+2aN1nExxW97YkoYyp+Y8EVlhl+XWNAG9j2V2a4c+2lzhWb2fvb39Bd+qb8YAAAB4nGNgYoAALgbsgIWRiZGZkYWRlYG1uCAxOZW5JDGJNTWvJLWIgQEAOwUFkQ==) format("woff"),url(data:font/ttf;base64,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) format("truetype")}.keyb-icon{font-family:keyb-icon!important;font-size:16px;font-style:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.keyb-icon-space:before{content:"\e652"}.keyb-icon-tab:before{content:"\e6c5"}.keyb-icon-enter:before{content:"\e9dc"}#vkeyboardkeys>svg{direction:ltr;background:none}#vkeyboardkeys>svg.standard-kb .st0{fill:none;stroke:#777;stroke-width:.5;stroke-miterlimit:10}#vkeyboardkeys>svg.standard-kb .st1{opacity:0;font-family:ArialMT,Arial,Helvetica,"sans-serif";font-size:15px}#vkeyboardkeys>svg.standard-kb .st2{opacity:1;fill:#777}#vkeyboardkeys>svg.standard-kb .b{font-size:26px}#vkeyboardkeys>svg.standard-kb .b2{font-size:24px}#vkeyboardkeys>svg.standard-kb .s{font-size:12px}#vkeyboardkeys>svg.standard-kb path.active{fill:#79bbff}#vkeyboardkeys>svg.standard-kb path.deadkey{fill:orange}#vkeyboardkeys>svg.standard-kb path.correct{stroke:#c2ea9a;stroke-width:4}#vkeyboardkeys>svg.standard-kb path.incorrect{fill:#e97e7e}#vkeyboardkeys>svg.standard-kb path.clickable:hover{cursor:pointer;stroke-width:2px}#vkeyboardkeys>svg.standard-kb text{-webkit-user-select:none;-moz-user-select:none;user-select:none;opacity:0}#vkeyboardkeys>svg.standard-kb text.active,#vkeyboardkeys>svg.standard-kb text.incorrect{fill:#fff}#vkeyboardkeys>svg.theme-bone .st0{fill:#fff;stroke-width:1;stroke:#d1d1d1}#vkeyboardkeys>svg.theme-bone .st0.active{fill:#0383f2}#vkeyboardkeys>svg.theme-bone .st0.incorrect{transition:none;fill:#f5687c}#vkeyboardkeys>svg.theme-bone .st1{font-size:14px}#vkeyboardkeys>svg.theme-bone .st2{opacity:0}#vkeyboardkeys>svg.theme-bone .s{font-size:11px}#vkeyboardkeys>svg.theme-bone .b{font-size:24px}#vkeyboardkeys>svg.theme-bone .b.incorrect{opacity:1;transition:none}#vkeyboardkeys>svg.theme-bone .b.focus-row{opacity:1}#vkeyboardkeys>svg.theme-bone .hide-on-bone{opacity:0}#vkeyboardkeys>svg.theme-bone .st0,#vkeyboardkeys>svg.theme-bone text{transition:fill .5s,opacity 1.2s;transition-delay:.25s}#vkeyboardkeys>svg.is-blind .st0{fill:#272822;stroke:#858585}#vkeyboardkeys>svg.is-blind .st2{fill:#d7ff12}#vkeyboardkeys>svg.is-blind .b{font-size:30px}#vkeyboardkeys>svg.is-blind .b2{font-size:28px}#vkeyboardkeys>svg.is-blind path.active{fill:#79bbff}#vkeyboardkeys>svg.is-blind path.deadkey{fill:orange}#vkeyboardkeys>svg.is-blind path.incorrect{fill:#e97e7e}.farsi-font #vkeyboardkeys>svg .b{font-size:19px}.farsi-font #vkeyboardkeys>svg .st1{font-family:YekanBold}[data-v-62794336] .el-dialog{border-radius:15px}[data-v-62794336] .el-button--small{padding:5px 10px;border-radius:100px}[data-v-62794336] .el-button--small [class*=" el-icon-"],[data-v-62794336] .el-button--small [class^=el-icon-]{font-size:20px}[data-v-62794336] .el-button--small *{vertical-align:middle}.typing-complate-pop[data-v-62794336]{text-align:center}.typing-complate-pop[data-v-62794336] .el-dialog{padding:5px}.typing-complate-pop[data-v-62794336] .el-dialog__header{border-radius:15px;background-color:rgba(255,102,0,.1607843137);padding:15px}.typing-complate-pop[data-v-62794336] .el-dialog__header .el-dialog__title{color:#f60}.typing-complate-pop[data-v-62794336] .el-dialog__body{padding:15px 0}.typing-complate-pop[data-v-62794336] .el-dialog__footer{text-align:center}.typing-complate-pop .speed-box[data-v-62794336]{display:flex;align-items:center;justify-content:center}.typing-complate-pop .speed-box .val[data-v-62794336]{font-size:36px;font-weight:700;margin:0 15px}.typing-complate-pop .content[data-v-62794336]{padding:20px;display:grid;grid-template-columns:1fr 1fr 1fr}.typing-complate-pop .content .item[data-v-62794336]{display:flex;align-items:center;padding:10px 0}.typing-complate-pop .content .item .lb[data-v-62794336]{font-size:12px;padding-right:5px;width:70px}.typing-complate-pop .content .item .val[data-v-62794336]{font-size:26px}.typing-complate-pop .content .item .warn[data-v-62794336]{color:#f60}.typing-complate-pop .content .item .unit[data-v-62794336]{padding-left:5px;font-size:12px}.status-bar[data-v-3f0e5188]{padding:10px}.status-bar .info[data-v-3f0e5188]{opacity:.6;display:flex;justify-content:flex-end}.status-bar .info .item[data-v-3f0e5188]{padding:0 5px}.status-bar .info .item .val[data-v-3f0e5188]{margin-left:10px;font-size:36px}.typing-train[data-v-210e5596]{margin:auto;display:flex;flex-direction:column;height:100%}.typing-train .anchor-tip[data-v-210e5596]{position:fixed;top:0;left:0;bottom:0;z-index:999;width:100%;background:rgba(0,0,0,.5);text-align:center;pointer-events:none;transition:all .3s}.typing-train .anchor-tip .title[data-v-210e5596]{font-size:24px;color:#fff;padding:100px 0 0}.typing-train .anchor-tip .title .key[data-v-210e5596]{width:50px;height:50px;font-size:32px;line-height:50px;color:#666;display:inline-block;border-radius:6px;background-clip:padding-box;border:1px solid #bbb;background-color:#f7f7f7;background-image:linear-gradient(180deg,rgba(0,0,0,.1),transparent);background-repeat:repeat-x;box-shadow:0 2px 0 #bbb,0 3px 1px #999,0 3px 0 #bbb,inset 0 1px 1px #fff,inset 0 -1px 3px #ccc;cursor:default}.typing-train .anchor-tip .hand[data-v-210e5596]{position:fixed;top:40%;left:50%}.typing-train .anchor-tip .hand-left[data-v-210e5596]{transform:scaleX(-1);margin-left:-400px}.typing-train .anchor-tip-hide[data-v-210e5596]{opacity:0}.typing-train .status-bar[data-v-210e5596]{padding:10px}.typing-train .status-bar .info[data-v-210e5596]{opacity:.6;display:flex;justify-content:flex-end}.typing-train .status-bar .info .item[data-v-210e5596]{padding:0 5px}.typing-train .status-bar .info .item .val[data-v-210e5596]{margin-left:10px;font-size:36px}.edu-chapter-resulte[data-v-284f4006]{text-align:center;padding:50px 0}.edu-chapter-resulte .el-rate[data-v-284f4006]{height:auto;line-height:normal;text-align:center}.edu-chapter-resulte .el-rate .el-rate__icon[data-v-284f4006]{font-size:72px}.edu-chapter-resulte .el-rate .el-rate__decimal[data-v-284f4006]{font-size:76px;margin:-2px}.edu-chapter-resulte .el-rate .el-rate__item-on .el-rate__icon[data-v-284f4006]{animation:grow-rotate-284f4006 2s ease-in-out;color:#f7ba2a}.edu-chapter-resulte .el-rate .el-rate__item[data-v-284f4006]:first-child,.edu-chapter-resulte .el-rate .el-rate__item[data-v-284f4006]:nth-child(5){top:30px}.edu-chapter-resulte .el-rate .el-rate__item[data-v-284f4006]:nth-child(3){top:-30px}.edu-chapter-resulte .el-rate .el-rate__item[data-v-284f4006]:nth-child(2),.edu-chapter-resulte .el-rate .el-rate__item[data-v-284f4006]:nth-child(4){top:-10px}@keyframes grow-rotate-284f4006{0%{transform:scale(1) rotate(0deg)}50%{transform:scale(2) rotate(180deg)}to{transform:scale(1) rotate(1turn)}}.edu-chapter-resulte .score[data-v-284f4006]{text-align:center}.edu-chapter-resulte .score .num[data-v-284f4006]{font-size:72px;text-shadow:-1px -1px 1px #000,1px 1px 1px #fff}.edu-chapter-normal[data-v-2baa7b70]{padding:0 10px 0;height:calc(100% - 60px);box-sizing:border-box}.edu-chapter-normal[data-v-2baa7b70] .typing-engine{width:1080px;margin:auto;flex-grow:1}.typing-backspace[data-v-0d92a960]{opacity:0;transition:all .5s;position:fixed;text-align:center;left:50%;background:rgba(0,0,0,.25);color:#fff;border-radius:5px;z-index:10;padding:0 15px;box-shadow:0 0 5px rgba(0,0,0,.2)}.typing-backspace.typing-backspace-show[data-v-0d92a960]{opacity:1}.typing-backspace .el-icon-back[data-v-0d92a960]{font-size:48px}.typing-backspace .el-icon-close[data-v-0d92a960]{color:red;transform:translate(-10%,-20%);font-size:32px;font-weight:700}.typing-sizeCount[data-v-0d92a960]{position:fixed;left:0;top:0;height:0;width:0;opacity:0;overflow:hidden;font-size:18px}.typing-sizeCount .text[data-v-0d92a960]{padding:5px;border-bottom:5px solid transparent}.typing-engine-scroll[data-v-0d92a960]{position:relative;overflow:hidden}@font-face{font-family:Sarabun;font-weight:700;src:url(/static/font/Sarabun-SemiBold-2.1.290.woff2) format("woff2"),url(/static/font/Sarabun-SemiBold-2.1.290.woff) format("woff");font-display:swap}.typing-engine-view[data-v-0d92a960]{font-size:18px;line-height:normal;min-height:100px;min-width:320px;border-radius:15px;margin:auto;box-shadow:0 0 5px rgba(0,0,0,.01);display:flex;flex-wrap:wrap;padding-top:20px}.typing-engine-view .word[data-v-0d92a960]{transition:all .3s ease;padding:5px;text-align:center;padding:0 25px 25px 5px}.typing-engine-view .word>.py[data-v-0d92a960]{position:relative;display:flex;justify-content:center;font-family:Sarabun}.typing-engine-view .word>.py span[data-v-0d92a960]{position:relative;padding:0 2px}.typing-engine-view .word>.py span[data-v-0d92a960]:after{content:" ";position:absolute;left:-2px;top:0;bottom:0;border-left:2px solid transparent}.typing-engine-view .word>.cn[data-v-0d92a960]{font-family:Sarabun;opacity:.3;position:relative}.typing-engine-view .word>.cn span[data-v-0d92a960]{position:relative}.typing-engine-view .word>.cn span[data-v-0d92a960]:after{content:" ";position:absolute;left:-2px;top:0;bottom:0;border-left:2px solid transparent}.typing-engine-view .testCn>.py[data-v-0d92a960]{opacity:.5}.typing-engine-view .testCn>.cn[data-v-0d92a960]{opacity:.8}.typing-engine-view .keyb-icon[data-v-0d92a960]{font-size:inherit}.typing-engine-view .keyb-icon[data-v-0d92a960]:before{opacity:.2}.typing-engine-view .err[data-v-0d92a960]{color:#8b0000;background:pink}.typing-engine-view .pass[data-v-0d92a960]{color:#5daf34;background:#e7fbd3}.typing-engine-view .ret[data-v-0d92a960]{opacity:1;background:#ffe9b2;color:green}.typing-engine-view .focus[data-v-0d92a960]{border-radius:0}.typing-engine-view .focus[data-v-0d92a960]:after{animation:border-color-animation-0d92a960 1s infinite}.typing-engine-view .ent[data-v-0d92a960]{display:block;height:18px;width:28px}.typing-fontSize-default[data-v-0d92a960]{font-size:36px}.typing-fontSize-default .row>.word>.char>.py[data-v-0d92a960]{padding-bottom:10px}.typing-fontSize-medium[data-v-0d92a960]{font-size:24px}.typing-fontSize-small[data-v-0d92a960]{font-size:18px}.typing-fontSize-mini[data-v-0d92a960]{font-size:16px}.typing-engine-pinyin .word>.py[data-v-0d92a960]{font-size:48px}@keyframes border-color-animation-0d92a960{0%{border-color:#000}50%{border-color:transparent}to{border-color:#000}}.typing-theme-dark[data-v-0d92a960]{color:hsla(0,0%,100%,.5)}.typing-theme-dark .typing-engine-view .input[data-v-0d92a960]{border:1px solid hsla(0,0%,100%,.2);background-color:hsla(0,0%,100%,.2)}.typing-theme-dark .typing-engine-view .char>.cn[data-v-0d92a960]{opacity:1}.typing-theme-dark .typing-engine-view .char>.py[data-v-0d92a960]{opacity:1;color:hsla(0,0%,100%,.3)}.typing-theme-dark .typing-engine-view .err[data-v-0d92a960]{background-color:rgba(255,192,203,.7)}.typing-theme-dark .typing-engine-view .pass[data-v-0d92a960]{background-color:rgba(231,251,211,.7)}@keyframes bounce-up-0d92a960{25%{transform:translateX(10px)}50%,to{transform:translateX(0)}75%{transform:translateX(-10px)}}.typing-train[data-v-085d9c6e]{margin:auto;display:flex;flex-direction:column;height:100%}.typing-train .status-bar[data-v-085d9c6e]{padding:10px}.typing-train .status-bar .info[data-v-085d9c6e]{opacity:.6;display:flex;justify-content:flex-end}.typing-train .status-bar .info .item[data-v-085d9c6e]{padding:0 5px}.typing-train .status-bar .info .item .val[data-v-085d9c6e]{margin-left:10px;font-size:36px}.keyboard-numpad[data-v-1b0ada2b]{box-sizing:border-box;position:relative;z-index:1;width:294px;border-radius:20px;padding:30px 15px 10px;background-color:#d9dadb;border:1px solid rgba(0,0,0,.07);margin:auto;overflow:hidden}.keyboard-row[data-v-1b0ada2b]{display:flex;flex:1;justify-content:space-between;margin-bottom:5px}.keyboard-row[data-v-1b0ada2b]:last-child{margin-bottom:0}.keyboard-key-enter[data-v-1b0ada2b]{z-index:1;height:98px!important;background:#fff;border-radius:5px}.keyboard-key[data-v-1b0ada2b]{flex:1;flex-basis:40px;margin-right:5px;font-size:24px;border-bottom:1px solid #a9a9a9;border-top:1px solid #fff;border-radius:5px;box-sizing:border-box;position:relative;text-transform:uppercase;background-color:#fff;color:#4a4a4a;max-height:60px}.keyboard-key[data-v-1b0ada2b]:after{content:"";display:block;margin-top:100%}.keyboard-key.active[data-v-1b0ada2b]{position:relative}.keyboard-key.active .keyboard-key-enter[data-v-1b0ada2b],.keyboard-key.active[data-v-1b0ada2b]{background-color:#409eff;border-color:#409eff #409eff #409eff;color:#fff}.keyboard-key.tip>.key-label[data-v-1b0ada2b]:after,.keyboard-key.tip>.key-label[data-v-1b0ada2b]:before{display:block!important;z-index:100}.keyboard-key.error .keyboard-key-enter[data-v-1b0ada2b],.keyboard-key.error[data-v-1b0ada2b]{background-color:#f56c6c;border-color:#f56c6c #f56c6c #f56c6c;color:#fff}.keyboard-key[data-v-1b0ada2b]:last-child{margin-right:0}.keyboard-key-colspan2[data-v-1b0ada2b]{flex:2;flex-basis:85px}.key-label[data-v-1b0ada2b]{align-items:center;display:flex;height:100%;justify-content:center;left:0;position:absolute;top:0;text-align:center;white-space:nowrap;width:100%;position:relative}.key-label[data-v-1b0ada2b]:before{animation:animate1-1b0ada2b 3s steps(25,jump-none) infinite;animation-delay:.6s}.key-label[data-v-1b0ada2b]:after,.key-label[data-v-1b0ada2b]:before{content:"";display:none;background:radial-gradient(transparent 20%,#0383f2);opacity:0;position:absolute;top:0;left:50%;margin-left:-20px;width:40px;height:40px;border-radius:50%}.key-label[data-v-1b0ada2b]:after{animation:animate2-1b0ada2b 3s steps(25,jump-none) infinite;animation-delay:.6s}@keyframes animate1-1b0ada2b{0%{transform:scale(1);opacity:0}25%{transform:scale(4);opacity:.3}80%{transform:scale(1)}to{opacity:0}}@keyframes animate2-1b0ada2b{0%{transform:scale(1);opacity:0}35%{transform:scale(3);opacity:.3}85%{transform:scale(1);opacity:0}}.key-hand[data-v-1b0ada2b]{position:absolute;height:100%;left:-85px;width:100%;top:45px;z-index:10}.key-hand img[data-v-1b0ada2b]{width:180%}@media screen and (max-width:430px){.keyboard-numpad[data-v-1b0ada2b]{scale:.5}}.box-render[data-v-d230015e]{font-size:32px;text-align:center}.boxed-backspace[data-v-d230015e]{opacity:0;transition:all .5s;position:relative;line-height:1;text-align:center}.boxed-backspace img[data-v-d230015e]{width:67px;height:48px;margin:auto;display:block}.boxed-backspace.boxed-backspace-show[data-v-d230015e]{opacity:1}.boxed-backspace .el-icon-back[data-v-d230015e]{font-size:48px}.boxed-backspace .el-icon-close[data-v-d230015e]{color:red;transform:translate(-10%,-20%);font-size:32px;font-weight:700;position:absolute;left:50%;top:25%}.boxed-list[data-v-d230015e]{height:6em;position:relative;margin:auto;display:inline-block;text-align:left;overflow:hidden}.boxed-line[data-v-d230015e]{white-space:nowrap;transition:all .5s;opacity:0;margin-top:5.6em}.boxed-line>.item[data-v-d230015e]{position:relative;display:inline-block;background:#fff;border-radius:.2em;border:1px solid #d4d4d4;width:2.66em;height:2.66em;line-height:2.66em;text-align:center;margin-left:.7em;color:#6f6f6f}.boxed-line>.item>.check[data-v-d230015e]{position:absolute;left:0;top:-2.5em;transition:all .5s;transform:scale(0)}.boxed-line>.item>.check>polyline[data-v-d230015e]{fill:none;stroke:#fff;stroke-width:9;stroke-linecap:round;stroke-linejoin:round}.boxed-line>.item>.err-char[data-v-d230015e],.boxed-line>.item>.text-char[data-v-d230015e]{position:absolute;top:0;left:0;right:0;bottom:0;transition:all .5s;border-radius:.2em}.boxed-line>.item>.err-char[data-v-d230015e]{z-index:1;border:1px solid #f5687c;background-color:rgba(255,94,124,.8);color:#fff;opacity:0;font-size:inherit!important}.boxed-line>.item>.cursor[data-v-d230015e]{display:block;height:0;position:absolute;border-bottom:3px solid #0383f2;left:0;right:100%;bottom:-.4em;transition:all .5s}.boxed-line>.pass[data-v-d230015e]{border-color:#50ce95;color:#10c373;background-color:#e2f7e2}.boxed-line>.pass>.check[data-v-d230015e]{transform:scale(.3)}.boxed-line>.pass>.check polyline[data-v-d230015e]{stroke:#10c373!important}.boxed-line>.pass>.cursor[data-v-d230015e]{left:100%;right:0}.boxed-line .ret[data-v-d230015e]{background-color:#ffe9b2;color:green}.boxed-line>.worn[data-v-d230015e]{animation:bounce-up-d230015e .2s linear 2}.boxed-line>.worn>.err-char[data-v-d230015e]{opacity:1}.boxed-line>.active>.cursor[data-v-d230015e]{right:0}.boxed-line-active[data-v-d230015e]{opacity:1;margin-top:2.8em}.boxed-line-end[data-v-d230015e]{position:absolute;opacity:0;margin-top:-2.8em}.fade-enter-active[data-v-d230015e],.fade-leave-active[data-v-d230015e]{transition:opacity .5s}.fade-enter[data-v-d230015e],.fade-leave-to[data-v-d230015e]{opacity:0}@keyframes bounce-up-d230015e{25%{transform:translateX(10px)}50%,to{transform:translateX(0)}75%{transform:translateX(-10px)}}@media screen and (max-width:430px){.box-render[data-v-d230015e]{font-size:14px}.boxed-line>.item[data-v-d230015e]{margin-left:.5em}}.typing-train[data-v-4d9e6c15]{height:100%;width:100%;margin:auto;display:flex;flex-direction:column;flex-grow:1}.typing-train .flex-grow1[data-v-4d9e6c15]{flex-grow:1}.typing-train .status-bar[data-v-4d9e6c15]{padding:10px}.typing-train .status-bar .info[data-v-4d9e6c15]{opacity:.6;display:flex;justify-content:flex-end}.typing-train .status-bar .info .item[data-v-4d9e6c15]{padding:0 5px}.typing-train .status-bar .info .item .val[data-v-4d9e6c15]{margin-left:10px;font-size:36px}.edu-chapter-intro[data-v-044e24a0]{padding:0 10px 0;height:calc(100% - 60px);box-sizing:border-box}.edu-chapter-intro[data-v-044e24a0] .typing-train{width:100%}.edu-chapter-intro[data-v-044e24a0] .typing-engine{width:1080px;margin:auto;flex-grow:1}.edu-chapter-intro .intro-keyboard[data-v-044e24a0] .keyboard{border:1px solid #eee;border-radius:5px;background:#eee}.edu-chapter-intro[data-v-044e24a0]{margin:auto;display:flex;flex-direction:column}.edu-chapter-intro .flex-grow[data-v-044e24a0]{flex-grow:1}.edu-chapter-intro .step[data-v-044e24a0]{flex-grow:1;display:flex;flex-direction:column;width:860px;margin:auto}.edu-chapter-intro .step-content[data-v-044e24a0]{opacity:0;flex-grow:1;transition:all .3s ease}.edu-chapter-intro span.keybtn[data-v-044e24a0]{line-height:1;text-align:center;text-shadow:0 1px 0 #fff;display:inline;padding:5px 8px;display:inline-block;border-radius:6px;background-clip:padding-box;border:1px solid #bbb;background-color:#f7f7f7;background-image:linear-gradient(180deg,rgba(0,0,0,.1),transparent);background-repeat:repeat-x;box-shadow:0 2px 0 #bbb,0 3px 1px #999,0 3px 0 #bbb,inset 0 1px 1px #fff,inset 0 -1px 3px #ccc;cursor:default}.edu-chapter-intro span.keybtn2[data-v-044e24a0]{position:relative;overflow:hidden;border-radius:8px;color:#fff;border:1px solid #707070;display:inline-block;min-width:50px;height:50px;line-height:50px;padding:0 5px;margin:0 5px;text-align:center;vertical-align:bottom}.edu-chapter-intro span.keybtn2 span[data-v-044e24a0]{opacity:0;position:relative;z-index:1;transition:all .3s ease}.edu-chapter-intro span.keybtn2 .back-shade[data-v-044e24a0]{background:#0383f2;position:absolute;top:0;left:0;right:0;bottom:0;transform:translateY(100%);transition:all .3s ease}.edu-chapter-intro .step-bar[data-v-044e24a0]{position:fixed;left:0;right:0;bottom:0;z-index:5;border-top:1px solid #ddd;-webkit-backdrop-filter:blur(35px);backdrop-filter:blur(35px);background:transparent;text-align:center}.edu-chapter-intro .step-bar>.inner[data-v-044e24a0]{max-width:800px;height:100px;margin:auto;display:flex;justify-items:center;align-items:center}.edu-chapter-intro .step-bar>.inner>.bar[data-v-044e24a0]{flex:1;padding:0 20px}.edu-chapter-intro .intro-head[data-v-044e24a0]{text-transform:uppercase;font-size:1em;letter-spacing:.1em}.edu-chapter-intro .intro-head .keybtn[data-v-044e24a0]{height:1.4em;text-transform:none}.edu-chapter-intro .intro-text[data-v-044e24a0]{font-size:2em;line-height:1.4em;padding:2rem 0 1rem}.typing-backspace[data-v-7933266e]{opacity:0;transition:all .5s;position:relative;z-index:2;text-align:center}.typing-backspace img[data-v-7933266e]{width:67px;height:48px;margin:auto;display:block;position:absolute;left:50%;transform:translateX(-50%)}.typing-backspace.typing-backspace-show[data-v-7933266e]{opacity:1}.typing-backspace .el-icon-back[data-v-7933266e]{font-size:48px}.typing-backspace .el-icon-close[data-v-7933266e]{color:red;transform:translate(-10%,-20%);font-size:32px;font-weight:700;position:absolute;left:50%;top:25%}.typing-word[data-v-7933266e]{padding:50px;text-align:center}.typing-word>.word.write .char[data-v-7933266e]{border-bottom:2px solid rgba(0,0,0,.3);color:transparent}.typing-word>.word[data-v-7933266e]{display:flex;align-items:center;justify-content:center;line-height:1}.typing-word>.word>.char[data-v-7933266e]{font-size:72px;position:relative;padding:0 3px;margin:0 3px}.typing-word>.word>.char[data-v-7933266e]:after{content:"";position:absolute;left:0;top:0;height:100%;border-left:2px solid transparent}.typing-word>.word .audioBtn[data-v-7933266e]{cursor:pointer}.typing-word>.word .keyb-icon[data-v-7933266e]{opacity:.2;color:inherit!important}.typing-word>.word .err[data-v-7933266e]{animation:bounce-up-7933266e .2s linear 2;color:#8b0000!important;background:pink}.typing-word>.word .pass[data-v-7933266e]{color:#0e630e!important;background:#e7fbd3}.typing-word>.word .ret[data-v-7933266e]{background:#ffe9b2;color:green}.typing-word>.word .focus[data-v-7933266e]:after{animation:border-color-animation-7933266e 1s infinite}.typing-word>.phone[data-v-7933266e]{padding:15px 0;font-size:24px;opacity:.5}.typing-word>.trans[data-v-7933266e]{padding:15px 0;font-size:24px}.typed-video[data-v-7933266e]{position:absolute;top:0;left:0;width:0;height:0;overflow:hidden}@keyframes border-color-animation-7933266e{0%{border-color:#000}50%{border-color:transparent}to{border-color:#000}}@keyframes bounce-up-7933266e{25%{transform:translateX(10px)}50%,to{transform:translateX(0)}75%{transform:translateX(-10px)}}@media screen and (max-width:430px){.typing-word[data-v-7933266e]{padding:15px}.typing-word>.word>.char[data-v-7933266e]{font-size:36px}.typing-word>.trans[data-v-7933266e],.typing-word>.word>i[data-v-7933266e]{font-size:18px}}.typing-train[data-v-a9fbd2e6]{margin:auto;display:flex;flex-direction:column;height:100%}.typing-train .status-bar[data-v-a9fbd2e6]{padding:10px}.typing-train .status-bar .info[data-v-a9fbd2e6]{opacity:.6;display:flex;justify-content:flex-end}.typing-train .status-bar .info .item[data-v-a9fbd2e6]{padding:0 5px}.typing-train .status-bar .info .item .val[data-v-a9fbd2e6]{margin-left:10px;font-size:36px}.typing-train .flex-grow[data-v-a9fbd2e6]{flex-grow:1}.edu-chapter-normal[data-v-3d385452]{padding:0 10px 0;height:calc(100% - 60px);box-sizing:border-box}.edu-chapter-normal[data-v-3d385452] .typing-engine{width:1080px;margin:auto;flex-grow:1}.edu-chapter-boxed[data-v-318cb311]{padding:0 10px 0;height:calc(100% - 60px);box-sizing:border-box}.edu-chapter-boxed[data-v-318cb311] .typing-engine{width:1080px;margin:auto;flex-grow:1}.edu-chapter-normal[data-v-454e918a]{padding:0 10px 0;height:calc(100% - 60px);box-sizing:border-box}.edu-chapter-normal[data-v-454e918a] .typing-engine{width:1080px;margin:auto;flex-grow:1}.typing-engine[data-v-560d2b2c]{width:100%;align-items:start;box-sizing:border-box;padding:5px;margin-bottom:5px!important}.code-view-scroll[data-v-560d2b2c]{height:80px;overflow:hidden}.code-view[data-v-560d2b2c]{font-family:Droid Sans Mono;font-size:26px;transition:all .3s ease;display:flex;flex-wrap:wrap}.code-view .bag[data-v-560d2b2c]{display:inline-block;white-space:nowrap;padding:10px 0}.code-view .bag.row[data-v-560d2b2c]{width:100%;padding:0}.code-view .bag .text[data-v-560d2b2c]{display:inline-block;position:relative;border:2px solid transparent}.code-view .bag .text.focus[data-v-560d2b2c]{border-left-color:#000;animation:border-color-animation-560d2b2c 1s infinite}.code-view .bag .text[data-v-560d2b2c] ._tab{display:inline-block;background:url(/static/assets/keyboard/images/tab-2.1.290.png) no-repeat 100% 100%;background-size:auto 100%}.code-view .bag .text[data-v-560d2b2c] ._ent{display:inline-block;background:url(/static/assets/keyboard/images/enter-2.1.290.png) no-repeat 100% 100%;background-size:auto 100%;width:.7em}.code-view .bag .err[data-v-560d2b2c]{color:#8b0000;background:pink}.code-view .bag .pass[data-v-560d2b2c]{color:#0e630e;background:#e7fbd3}.code-view .bag .ret[data-v-560d2b2c]{background:#ffe9b2;color:green}.code-view .bag .speed[data-v-560d2b2c]{letter-spacing:0;line-height:normal;font-size:11px;position:absolute;font-family:georgia;margin-top:-17px;z-index:-4;color:#777}[data-v-560d2b2c] .keyb-icon{opacity:.3}@keyframes border-color-animation-560d2b2c{0%{border-left-color:#000}50%{border-color:transparent}to{border-left-color:#000}}.typing-train[data-v-535f6142]{margin:auto;display:flex;flex-direction:column;height:100%}.typing-train .status-bar[data-v-535f6142]{padding:10px}.typing-train .status-bar .info[data-v-535f6142]{opacity:.6;display:flex;justify-content:flex-end}.typing-train .status-bar .info .item[data-v-535f6142]{padding:0 5px}.typing-train .status-bar .info .item .val[data-v-535f6142]{margin-left:10px;font-size:36px}.edu-chapter-code[data-v-a64817c6]{padding:0 10px 0;height:calc(100% - 60px);box-sizing:border-box}.edu-chapter-code[data-v-a64817c6] .typing-engine{width:1080px;margin:auto;flex-grow:1}.edu-chapter-pinyin[data-v-6d0b6004]{padding:0 10px 0;height:calc(100% - 60px);box-sizing:border-box}.edu-chapter-pinyin[data-v-6d0b6004] .typing-engine{width:1080px;margin:auto;flex-grow:1}.typing-engine[data-v-09857b05]{align-items:start;box-sizing:border-box;padding:5px;margin-bottom:5px!important}@font-face{font-family:Droid Sans Mono;font-style:normal;font-weight:400;src:url(https://fonts.gstatic.com/s/droidsansmono/v20/6NUO8FuJNQ2MbkrZ5-J8lKFrp7pRef2r.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+2074,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}.num-view-scroll[data-v-09857b05]{height:80px;overflow:hidden}.num-view[data-v-09857b05]{font-family:Droid Sans Mono;font-size:52px;transition:all .3s ease}.num-view>.line[data-v-09857b05]{margin-top:20px;box-shadow:0 1px 0 0 rgba(0,0,0,.1);text-align:right;display:flex;justify-content:flex-end}.num-view>.line i[data-v-09857b05]{display:inline-block;width:.001em;min-width:.001em}.num-view>.line .text[data-v-09857b05]{display:inline-block;position:relative;border:2px solid transparent;opacity:.8}.num-view>.line .text.focus[data-v-09857b05]{border-left-color:#000;animation:border-color-animation-09857b05 1s infinite}.num-view>.line .text[data-v-09857b05] .keyb-icon{font-size:inherit}.num-view>.line .text[data-v-09857b05] ._tab{display:inline-block;background:url(/static/assets/keyboard/images/tab-2.1.290.png) no-repeat 100% 100%;background-size:auto 100%}.num-view>.line .text[data-v-09857b05] ._ent{display:inline-block;background:url(/static/assets/keyboard/images/enter-2.1.290.png) no-repeat 100% 100%;background-size:auto 100%;width:.7em}.num-view>.line .ret[data-v-09857b05]{opacity:1;background:#ffe9b2;color:green}.num-view>.line .err[data-v-09857b05]{opacity:1;color:#8b0000;background:pink}.num-view>.line .pass[data-v-09857b05]{opacity:1;color:#0e630e;background:#e7fbd3}.num-view>.line .speed[data-v-09857b05]{letter-spacing:0;line-height:normal;font-size:11px;position:absolute;font-family:georgia;margin-top:-17px;z-index:-4;color:#777}@keyframes border-color-animation-09857b05{0%{border-left-color:#000}50%{border-color:transparent}to{border-left-color:#000}}.typing-train[data-v-2daf0126]{margin:auto;display:flex;flex-direction:column;height:100%}.typing-train .status-bar[data-v-2daf0126]{padding:10px}.typing-train .status-bar .info[data-v-2daf0126]{opacity:.6;display:flex;justify-content:flex-end}.typing-train .status-bar .info .item[data-v-2daf0126]{padding:0 5px}.typing-train .status-bar .info .item .val[data-v-2daf0126]{margin-left:10px;font-size:36px}.typing-train .flex-grow[data-v-2daf0126]{flex-grow:1}.edu-chapter-number[data-v-39c293e0]{padding:0 10px 0;height:calc(100% - 60px);box-sizing:border-box}.edu-chapter-number[data-v-39c293e0] .typing-engine{width:750px;margin:auto;flex-grow:1}.typing-engine[data-v-64f646a0]{display:flex;align-items:center;justify-content:space-around}.invoice-main[data-v-64f646a0]{height:450px;overflow:hidden;flex:1}.invoice-box[data-v-64f646a0]{width:50%;margin:20px;padding:30px;border:2px solid transparent;border-width:2px 2px 2px 0;-o-border-image:linear-gradient(90deg,transparent,#eee) 1;border-image:linear-gradient(90deg,transparent,#eee) 1;background-color:#fff;background:linear-gradient(90deg,hsla(0,0%,100%,0) 0,#fff 50%);position:relative}.invoice-box[data-v-64f646a0]:before{transform:skew(-15deg) rotate(-6deg);left:15px}.invoice-box[data-v-64f646a0]:after{transform:skew(15deg) rotate(6deg);right:15px;width:100px;height:100px;content:" ";box-shadow:0 8px 16px rgba(0,0,0,.3);position:absolute;bottom:10px;z-index:-1}.invoice-title[data-v-64f646a0]{text-align:center;font-size:32px;font-weight:700;color:#999}.invoice-paper[data-v-64f646a0]{display:flex;justify-content:space-between}.invoice-paper table[data-v-64f646a0]{table-layout:fixed;border:3px solid #000;border-spacing:0}.invoice-paper table td[data-v-64f646a0],.invoice-paper table th[data-v-64f646a0]{padding:5px;border:1px solid #000;border-width:0 1px 1px 0}.invoice-paper table th[data-v-64f646a0]{border-bottom-width:2px;font-size:22px}.invoice-paper table td[data-v-64f646a0]{font-size:36px;height:100px}.invoice-paper table tr::last-child td[data-v-64f646a0]{border-bottom:0}.invoice-paper .users[data-v-64f646a0]{color:#666;padding-top:30px;display:flex;justify-content:space-around}.invoice-paper .attrs[data-v-64f646a0]{display:flex;justify-content:space-around;padding:20px 0}.invoice-paper .attrs .col[data-v-64f646a0]{flex:1;padding:5px}.invoice-paper .attrs .item[data-v-64f646a0]{line-height:25px;display:flex;align-items:top;justify-content:space-around}.invoice-paper .attrs .item .val[data-v-64f646a0]{flex:1;border-bottom:1px solid #000}.invoice-view-scroll[data-v-64f646a0]{height:80px;overflow:hidden}.invoice-view[data-v-64f646a0]{font-family:Droid Sans Mono;font-size:52px;transition:all .3s ease}.invoice-view>.line[data-v-64f646a0]{margin-top:20px;box-shadow:0 1px 0 0 rgba(0,0,0,.1);text-align:right}.invoice-view>.line .bag[data-v-64f646a0]{display:inline-block;white-space:nowrap}.invoice-view>.line .bag i[data-v-64f646a0]{display:inline-block;width:.001em;min-width:.001em}.invoice-view>.line .bag .text[data-v-64f646a0]{display:inline-block;position:relative;border:2px solid transparent;opacity:.8}.invoice-view>.line .bag .text.focus[data-v-64f646a0]{border-left-color:#000;animation:border-color-animation-64f646a0 1s infinite}.invoice-view>.line .bag .text[data-v-64f646a0] ._tab{display:inline-block;background:url(/static/assets/keyboard/images/tab-2.1.290.png) no-repeat 100% 100%;background-size:auto 100%}.invoice-view>.line .bag .text[data-v-64f646a0] ._ent{display:inline-block;background:url(/static/assets/keyboard/images/enter-2.1.290.png) no-repeat 100% 100%;background-size:auto 100%;width:.7em}.invoice-view>.line .bag .ret[data-v-64f646a0]{opacity:1;color:green}.invoice-view>.line .bag .err[data-v-64f646a0]{opacity:1;color:#cf1322}.invoice-view>.line .bag .pass[data-v-64f646a0]{opacity:1;color:#5daf34}.invoice-view>.line .bag .speed[data-v-64f646a0]{letter-spacing:0;line-height:normal;font-size:11px;position:absolute;font-family:georgia;margin-top:-17px;z-index:-4;color:#777}.invoice-input[data-v-64f646a0]{border:1px solid #ddd;margin:10px 0;padding:5px 10px;line-height:45px;height:45px;text-align:right;border-radius:10px;display:flex;align-items:center;justify-content:flex-end;font-size:52px}.invoice-input[data-v-64f646a0]:after{display:inline-block;content:"";height:40px;border-left:2px solid #000;animation:border-color-animation-64f646a0 1s infinite}.invoice-input .ret[data-v-64f646a0]{opacity:1;color:green}.invoice-input .err[data-v-64f646a0]{opacity:1;color:#cf1322}.invoice-input .pass[data-v-64f646a0]{opacity:1;color:#5daf34}.invoice-tips[data-v-64f646a0]{text-align:right}@keyframes border-color-animation-64f646a0{0%{border-left-color:#000}50%{border-color:transparent}to{border-left-color:#000}}.typing-train[data-v-7c7c5a41]{margin:auto;display:flex;flex-direction:column;height:100%}.typing-train .status-bar[data-v-7c7c5a41]{padding:10px}.typing-train .status-bar .info[data-v-7c7c5a41]{opacity:.6;display:flex;justify-content:flex-end}.typing-train .status-bar .info .item[data-v-7c7c5a41]{padding:0 5px}.typing-train .status-bar .info .item .val[data-v-7c7c5a41]{margin-left:10px;font-size:36px}.typing-train .flex-grow[data-v-7c7c5a41]{flex-grow:1}.edu-chapter-number[data-v-9ed6fc96]{padding:0 10px 0;height:calc(100% - 60px);box-sizing:border-box}.edu-chapter-number[data-v-9ed6fc96] .typing-engine{width:1080px;margin:auto;flex-grow:1}.typingPass-dialog[data-v-90c1b9da]{box-shadow:0 0 15px rgba(0,0,0,.01)!important;background:hsla(0,0%,100%,.8)!important;border-radius:15px!important}.typingPass-dialog .vip-type[data-v-90c1b9da]{text-align:center}.typingPass-dialog .vip-tip[data-v-90c1b9da]{padding:10px;color:#ff5722}.typingPass-dialog .vip-type .list[data-v-90c1b9da]{list-style:none;margin:auto;padding:0;overflow:hidden;zoom:1;display:inline-block}.typingPass-dialog .vip-type .list>li[data-v-90c1b9da]{padding:5px;float:left}.typingPass-dialog .vip-type .list>li>.item[data-v-90c1b9da]{cursor:pointer;width:165px;height:200px;border-radius:5px;border:1px solid #ddd;text-align:center;position:relative;background:#fff;background:linear-gradient(180deg,#fff 0,#f6f6f6 47%,#f6f6f6);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff",endColorstr="#f6f6f6",GradientType=0)}.typingPass-dialog .vip-type .list>li>.item .el-icon-check[data-v-90c1b9da]{display:none;font-size:66px;font-weight:700;color:#009688;position:absolute;right:0;top:-30px;text-shadow:0 0 5px rgba(0,0,0,.1)}.typingPass-dialog .vip-type .list>li>.active .el-icon-check[data-v-90c1b9da]{display:block}.typingPass-dialog .vip-type .list>li>.active[data-v-90c1b9da]{border:1px solid #ddb486;background:#fac695;background:linear-gradient(180deg,#fdedd5 0,#fde8ca 47%,#f8dfb8);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#fdedd5",endColorstr="#f8dfb8",GradientType=0)}.typingPass-dialog .vip-type .item .tag[data-v-90c1b9da]{position:absolute;left:0;top:-10px;color:#fde7c9;padding:2px 8px;border-radius:5px;background:#5b5e61;background:linear-gradient(180deg,#5b5e61 0,#3b3c39);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#5b5e61",endColorstr="#3b3c39",GradientType=0)}.typingPass-dialog .vip-type .item .title[data-v-90c1b9da]{font-size:24px;padding:30px 0 0;color:#828282;font-weight:700}.typingPass-dialog .vip-type .item .prices[data-v-90c1b9da]{font-size:36px;color:#6f4803;padding-top:20px;font-weight:700}.typingPass-dialog .vip-type .item .unit[data-v-90c1b9da]{font-size:18px;font-weight:400}.typingPass-dialog .vip-type .item .original[data-v-90c1b9da]{font-size:16px;color:#6f4803;text-decoration:line-through;padding-bottom:10px}.typingPass-dialog .vip-type .item .sub[data-v-90c1b9da]{color:#828282;font-size:14px}.typingPass-dialog .vip-type .active .title[data-v-90c1b9da]{color:#000}.typingPass-dialog .vip-oper[data-v-90c1b9da]{text-align:center}.typingPass-vipTitle[data-v-90c1b9da]{padding-bottom:30px;text-align:center;font-weight:700;font-size:32px}.chapter-page[data-v-90c1b9da]{height:100%}.chapter-title[data-v-90c1b9da]{font-size:32px;padding:0 10px;display:inline-block;vertical-align:middle;position:absolute;left:0;right:0;text-align:center;pointer-events:none}.chapter-header[data-v-90c1b9da]{padding:10px;height:60px;box-sizing:border-box}.chapter-header .chapter-header-wrap[data-v-90c1b9da]{box-sizing:border-box;display:flex;justify-content:space-between;align-items:center}.chapter-header-balloon-valley[data-v-90c1b9da],.chapter-header-monster-attack[data-v-90c1b9da]{background:#2f87bd;color:#fff}.chapter-header-floating-bubbles[data-v-90c1b9da]{background:#0d83c9;color:#fff}.chapter-header-temple-bash[data-v-90c1b9da]{background:#2294c6;color:#fff}.chapter-header-apple-thieves[data-v-90c1b9da]{background:#1883bf;color:#fff}.chapter-video[data-v-90c1b9da]{max-width:1200px;height:calc(100vh - 200px);margin:auto}body{margin:0}#app{height:calc(100vh - 60px)}