.key-board{position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);width:3.997396rem;height:auto;border-radius:.117188rem;user-select:none;z-index:3000}.key-board .key-board-container{width:100%;height:100%;border-radius:.117188rem;background:#ededed;box-shadow:0 0 .052083rem rgba(0,0,0,.16);display:flex;flex-direction:column;align-items:center}.key-board .key-board-container .key-board-area{margin:.130208rem 0;width:3.736979rem;height:1.335938rem;background:#e0e0e0;border-radius:.080729rem}.key-board .key-board-drag-handle{cursor:move;position:absolute;bottom:-.130208rem;right:.052083rem;background-image:url(https://www.cmappax.com/editorResource/keyboard/dragCH.svg);background-repeat:no-repeat;background-size:cover;background-position:50%;width:1.119792rem;height:.195313rem;z-index:-1;display:flex;font-size:.052083rem;font-weight:500;line-height:.260417rem;letter-spacing:.005208rem;text-indent:.195313rem}.key-board .key-board-drag-handle span{max-width:.78125rem;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.key-board .key-board-drag-handle svg{position:absolute;right:.143229rem;top:65%;transform:translateY(-50%);width:.078125rem;height:.078125rem}.key-board-modal{position:fixed;left:0;right:0;top:0;bottom:0;background:#000;opacity:.5;z-index:2999}.move-bottom-to-top-enter-active{animation:moveFromTop .6s ease both}.move-bottom-to-top-leave-active{animation:moveToTop .6s ease both}@keyframes moveFromTop{0%{transform:translate(-50%,100%)}}@keyframes moveToTop{to{transform:translate(-50%,100%)}}.key-board-result[data-v-02e63132]{width:3.736979rem;height:.361979rem;border-bottom:.002604rem solid #707070;display:flex;flex-direction:column;align-items:center}.key-board-result .key-board-code-show[data-v-02e63132]{margin-top:.065104rem;width:100%;height:.104167rem;background:#f5f5f5;border-radius:.065104rem;font-size:.083333rem;font-weight:400;line-height:.104167rem;text-indent:.03125rem}.key-board-result .key-board-result-show[data-v-02e63132]{width:100%;display:flex;align-items:center;flex-wrap:nowrap;flex:1}.key-board-result .key-board-result-show .key-board-result-show-container[data-v-02e63132]{display:flex;align-items:center;height:100%;width:95%;max-width:95%;overflow:hidden}.key-board-result .key-board-result-show .key-board-result-show-container span[data-v-02e63132]{white-space:nowrap;font-size:.104167rem;font-family:SimHei;font-weight:400;line-height:.140625rem}.key-board-result .key-board-result-show .key-board-result-show-container span+span[data-v-02e63132]{margin-left:.104167rem}.key-board-result .key-board-result-show .key-board-result-show-more[data-v-02e63132]{height:.117188rem;flex:1;border-left:.002604rem solid #707070;display:flex;flex-direction:column;align-items:center}.key-board-result .key-board-result-show .key-board-result-show-more span[data-v-02e63132]{width:0;height:0;border:.041667rem solid;border-color:transparent}.key-board-result .key-board-result-show .key-board-result-show-more span[data-v-02e63132]:first-child{transform:translateY(-.028646rem) rotate(180deg)}.key-board-result .key-board-result-show .key-board-result-show-more span[data-v-02e63132]:nth-child(2){transform:translateY(-.013021rem)}.svg-icon{fill:none!important}.key-board-button{padding:0;width:.234375rem;height:.234375rem;border-radius:50%;font-size:.091146rem;text-align:center;font-weight:400;line-height:.234375rem;outline:none;border:none;transition:all .35s;display:flex;justify-content:center;align-items:center}.key-board-button label{font-size:.091146rem!important}.key-board-button svg{width:.078125rem;height:.078125rem}.key-board-button.key-board-button-close svg{width:.130208rem;height:.130208rem}.key-board-button.key-board-button-active svg,.key-board-button:hover svg{fill:none!important;stroke:#f5f5f5!important}.key-board-button.key-board-button-delete{width:.598958rem;height:.234375rem;border-radius:.117188rem}.key-board-button.key-board-button-delete svg{width:.169271rem;height:.072917rem}.key-board-button.key-board-button-back svg{width:.117188rem;height:.117188rem}.key-board-button.key-board-button-change2lang,.key-board-button.key-board-button-change2num{width:.351563rem;height:.234375rem;border-radius:.117188rem}.key-board-button.key-board-button-space{flex:1;height:.234375rem;border-radius:.117188rem}.key-board-button.key-board-button-change2lang,.key-board-button.key-board-button-change2num{font-size:.078125rem}.hand-write-board[data-v-1b5e0983]{width:100%;height:100%;display:flex;align-items:center}.hand-write-board .paint-board[data-v-1b5e0983]{margin:0 .091146rem;width:3.085938rem;height:1.171875rem;background:#ededed;border-radius:.078125rem}.hand-write-board .paint-board canvas[data-v-1b5e0983]{width:100%;height:100%}.hand-write-board .hand-write-board-opers[data-v-1b5e0983]{flex:1;height:1.171875rem;display:flex;flex-direction:column;justify-content:space-between}.hand-write-board .hand-write-board-opers .key-board-button[data-v-1b5e0983]{width:.351563rem;height:.234375rem;border-radius:.117188rem}.default-key-board[data-v-4b78e5a1]{width:100%;height:100%;display:flex;flex-direction:column;align-items:center}.default-key-board .line[data-v-4b78e5a1]{height:.234375rem;margin-top:.026042rem;display:flex;align-items:center;justify-content:space-between;width:3.515625rem}.default-key-board .line.line1[data-v-4b78e5a1]{margin-top:.130208rem}.default-key-board .line.line2[data-v-4b78e5a1]{width:3.151042rem}.default-key-board .line.line4[data-v-4b78e5a1]{margin-top:.104167rem}.default-key-board .line.line4 .key-board-button+.key-board-button[data-v-4b78e5a1]{margin-left:.104167rem}