.key-modal[data-v-68494a81]{z-index:1;position:absolute;top:0;left:0;right:0;bottom:0}.key-modal .mark[data-v-68494a81]{position:absolute;top:0;left:0;right:0;bottom:0;background-color:#000;opacity:.5}.key-modal .modal-title[data-v-68494a81]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:25px;background-color:#1471b9;font-size:24px;color:#fff;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.key-modal .modal-title .modal-title-icon[data-v-68494a81]{width:35px;height:35px}.key-modal .modal-title .modal-title-icon img[data-v-68494a81]{width:100%;height:100%}.key-modal .keyboard[data-v-68494a81]{position:absolute;top:50%;left:50%;margin-left:-6.25rem;margin-top:-3.75rem;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:1200px;height:720px;background-color:#fff;margin:0 auto}.key-wrapper[data-v-68494a81]{z-index:10;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:90%;margin:83px auto 40px auto;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.key-wrapper .key-title[data-v-68494a81]{-webkit-box-flex:0;-ms-flex:none;flex:none;padding:0 10px;font-size:24px;color:#333}.key-wrapper .key-search[data-v-68494a81]{-webkit-box-flex:0;-ms-flex:none;flex:none;width:120px;height:56px;line-height:56px;font-size:24px;background-color:#1471b9;color:#fff;text-align:center}.key-wrapper .key-input[data-v-68494a81]{width:732px;height:54px;font-size:24px;padding:0 20px;background:none;outline:none;border:1px solid #9f9f9f}.hidden-canvas[data-v-68494a81]{z-index:-9999;opacity:0}.show-canvas[data-v-68494a81]{z-index:9999;opacity:1}.canvas-content[data-v-68494a81]{z-index:9999;position:absolute;right:10px;bottom:10px;background-color:#fff;-webkit-box-shadow:0 4px 16px rgba(0,0,0,.2);box-shadow:0 4px 16px rgba(0,0,0,.2);border:1px solid #ccc}.canvas-content #canvasWrap[data-v-68494a81]{z-index:9999;width:600px;height:400px;background-color:#fff;border-top:1px solid #ccc}.canvas-content .canvas-title[data-v-68494a81]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:.104167rem;font-size:.270833rem;cursor:pointer}.canvas-content .canvas-title .close[data-v-68494a81]{position:relative;width:30px}.canvas-content .canvas-title .close[data-v-68494a81]:before{position:absolute;content:"";top:0;left:0;width:30px;height:2px;background-color:#ccc;-webkit-transform:rotate(45deg);transform:rotate(45deg)}.canvas-content .canvas-title .close[data-v-68494a81]:after{position:absolute;content:"";top:0;left:0;width:30px;height:2px;background-color:#ccc;-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}.canvas-content .chose-bar[data-v-68494a81]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:600px;height:50px;overflow-x:scroll;border-top:1px solid #ccc}.canvas-content .chose-bar .bar-item[data-v-68494a81]{-webkit-box-flex:0;-ms-flex:none;flex:none;width:50px;height:50px;line-height:50px;text-align:center;font-size:22px;border-right:1px solid #ccc;cursor:pointer}.canvas-content .chose-bar .bar-item[data-v-68494a81]:active{background-color:#a4a4a4}.canvas-content .chose-bar .bar-item-2[data-v-68494a81]{-webkit-box-flex:0;-ms-flex:none;flex:none;height:50px;line-height:50px;padding:0 10px;text-align:center;font-size:22px;border-right:1px solid #ccc;cursor:pointer}.canvas-content .chose-bar .bar-item-2[data-v-68494a81]:active{background-color:#a4a4a4}.canvas-content .opeate[data-v-68494a81]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;border-top:1px solid #ccc;font-size:.1875rem}.canvas-content .opeate div[data-v-68494a81]{width:50%;height:50px;text-align:center;line-height:50px;border-left:1px solid #ccc}.canvas-content .opeate div[data-v-68494a81]:first-child{border-left:0}.canvas-content .opeate div[data-v-68494a81]:active{background-color:#a4a4a4}.wrapper[data-v-a3cbe210]{width:100%;height:100%;overflow:hidden;background-image:url(../../assets/img/bg.51e208b6.png);background-size:100%}.wrapper .top[data-v-a3cbe210]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:0 1.635417rem;height:1.23125rem}.wrapper .top .top-logo[data-v-a3cbe210]{width:1.458333rem;height:1.21875rem}.wrapper .top .top-logo img[data-v-a3cbe210]{width:100%;height:100%}.wrapper .top .top-title[data-v-a3cbe210]{margin-left:.208333rem;font-size:.75rem;color:#fff}.wrapper .main[data-v-a3cbe210]{width:100%;padding:.3125rem .166667rem .677083rem .729167rem;height:calc(100vh - .73125rem);-webkit-box-sizing:border-box;box-sizing:border-box;background-image:url(../../assets/img/main_bg.615b37f7.png);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}.wrapper .main .content[data-v-a3cbe210]{-webkit-box-flex:1;-ms-flex:1;flex:1;height:100%;margin-right:.572917rem}.wrapper .main .side-bar[data-v-a3cbe210]{z-index:3;-webkit-box-flex:0;-ms-flex:none;flex:none;width:1.25rem;height:100%;-webkit-box-sizing:border-box;box-sizing:border-box;padding:.145833rem 0;background-color:#083695;border-radius:6px;text-align:center}.wrapper .main .side-bar .bar-item[data-v-a3cbe210]{margin-bottom:.145833rem;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;color:#0f78c1}.wrapper .main .side-bar .bar-item .item-text[data-v-a3cbe210]{margin-top:.052083rem;font-size:.15625rem}.wrapper .main .side-bar .bar-item .item-icon[data-v-a3cbe210]{width:.833333rem;height:.833333rem;margin:0 auto}.wrapper .main .side-bar .bar-item .item-icon img[data-v-a3cbe210]{width:100%;height:100%}