.vue-keyboard-row{padding:2px 0;text-align:center}.vue-keyboard-key{border:none;outline:none;padding:8px 10px;min-width:40px;margin:0 2px;background:#eee;color:#666;cursor:pointer;font-family:inherit;font-size:inherit;border-radius:2px}.vue-keyboard-key:hover{background:#e0e0e0}.vue-keyboard-key:active{background:#777;color:#fff;-webkit-box-shadow:inset 0 1px 4px rgba(#000,.1);box-shadow:inset 0 1px 4px rgba(#000,.1)}.vue-keyboard-key[data-action=space]{min-width:160px}h1[data-v-1532b92c],h2[data-v-1532b92c]{font-weight:400}ul[data-v-1532b92c]{list-style-type:none;padding:0}li[data-v-1532b92c]{display:inline-block;margin:0 10px}a[data-v-1532b92c]{color:#42b983}.bg-purple[data-v-1532b92c]{background:#f0f9eb}.bg-purple-light[data-v-1532b92c]{background:#e5e9f2}.grid-content[data-v-1532b92c]{border-radius:4px}.kl-numbar[data-v-1532b92c],.kl-title[data-v-1532b92c]{position:relative;bottom:0;height:0;font-size:0;z-index:4}.kl-title .el-row[data-v-1532b92c]{position:absolute;width:100%;text-align:center;padding:12px;font-size:18px;font-weight:700;color:#409eff;background:rgba(0,21,40,0)}.vdr-parent[data-v-1532b92c]{position:relative}.vdr-parent .kl-exam-tips[data-v-1532b92c]{display:block;height:148px;width:148px;text-align:center;position:absolute;padding:16px;top:0;left:0;right:0;bottom:0;margin:auto;border-radius:8px;-webkit-box-shadow:0 0 8px rgba(0,21,41,.2);box-shadow:0 0 8px rgba(0,21,41,.2)}.vdr-parent .image-slot[data-v-1532b92c]{display:inline-block;color:#f56c6c}.vdr-parent .el-icon-picture-outline[data-v-1532b92c]{font-size:6rem}.el-icon--right[data-v-1532b92c]{margin-left:0}.el-icon--left[data-v-1532b92c]{margin-right:0}.el-icon--left+span[data-v-1532b92c],span+.el-icon--right[data-v-1532b92c]{margin:0}.el-icon--left[data-v-1532b92c],.el-icon--right[data-v-1532b92c],.el-icon-t[data-v-1532b92c]{font-size:14px}.kl-svg-exam[data-v-1532b92c]{width:100%;height:100%;-webkit-transform-origin:center;transform-origin:center;position:relative;outline:none}.kl-img-exam[data-v-1532b92c]{width:90%}@media(min-width:1441px){.kl-img-exam[data-v-1532b92c]{width:80%}}@media(min-width:1601px){.kl-img-exam[data-v-1532b92c]{width:70%}}@media(min-width:1921px){.kl-img-exam[data-v-1532b92c]{width:60%}}.kl-score-keycode[data-v-1532b92c]{position:absolute;bottom:61px;left:0;width:auto;padding:8px;text-align:left;background-color:#909399;border-radius:8px}.kl-score-keycode.kl-max-keycode[data-v-1532b92c]{width:732px;left:-82px}.kl-score-keycode.ty-step-score[data-v-1532b92c]{bottom:110px}.kl-score-keycode .el-button[data-v-1532b92c]{width:34px;text-align:center;margin:4px;line-height:1;padding:8px 4px}.kl-score-tisp[data-v-1532b92c]{color:#f56c6c;font-size:48px;font-weight:700;border-radius:8px;text-align:center;width:auto!important;min-width:100px;padding:32px 12px}.kl-score-tisp span[data-v-1532b92c]{cursor:pointer;display:inline-block;min-width:36px;text-align:center}.kl-score-tisp span+span[data-v-1532b92c]:before{content:","}.kl-enter[data-v-1532b92c],.kl-leave-to[data-v-1532b92c],.kt-enter[data-v-1532b92c],.kt-leave-to[data-v-1532b92c]{opacity:0}.kl-enter-active[data-v-1532b92c],.kl-leave-active[data-v-1532b92c]{-webkit-transition:opacity 1s;transition:opacity 1s}.kt-enter-active[data-v-1532b92c],.kt-leave-active[data-v-1532b92c]{-webkit-transition:opacity 3s;transition:opacity 3s}.kl-score-switch .el-switch[data-v-1532b92c]{background-color:#fff;padding:4px;height:28px;border-radius:4px;margin:4px 4px 0}.drag-handle[data-v-1532b92c]{position:absolute;height:60px;top:0;width:20px;cursor:move}.drag-handle.l[data-v-1532b92c]{left:0}.drag-handle.r[data-v-1532b92c]{right:0}.kl-numbar{width:568px;margin:auto}.kl-numbar .vdr{padding:12px 12px 0;text-align:center;background-color:#909399;border-radius:8px;border:none;-webkit-box-shadow:0 0 8px rgba(0,21,41,.2);box-shadow:0 0 8px rgba(0,21,41,.2)}.kl-numbar .el-button+.el-button-group,.kl-numbar .el-button-group+.el-input-group{margin-left:6px;vertical-align:top}.kl-numbar .ty-score-bar{width:208px;height:38px;position:static}.kl-numbar .ty-score-bar .el-button{color:#409eff}.kl-numbar .ty-score-bar .el-input__inner{height:38px;line-height:38px;padding:0 8px;font-size:18px}.kl-numbar .ty-score-bar-btn{width:186px}.kl-numbar .ty-score-bar-btn .el-input-group__append,.kl-numbar .ty-score-bar-btn .el-input-group__prepend{border-radius:4px;width:90px;padding:0}.kl-numbar .ty-score-bar-btn .el-input-group__append .el-button,.kl-numbar .ty-score-bar-btn .el-input-group__prepend .el-button{width:100%}.kl-numbar .ty-score-bar input::-webkit-input-placeholder{opacity:1;font-size:12px}.kl-numbar .ty-score-bar input::-moz-placeholder{opacity:1;font-size:12px}.kl-numbar .ty-score-bar input:-ms-input-placeholder{opacity:1!important;font-size:12px!important}.kl-numbar .ty-score-bar input::-ms-input-placeholder{opacity:1;font-size:12px}.kl-numbar .ty-score-bar input::placeholder{opacity:1;font-size:12px}.kl-numbar .el-button{padding:11px 12px}.kl-numbar .el-button-group{vertical-align:top}.kl-numbar .el-button-group .el-row{display:inline-block;font-size:15px;float:left;color:#999;padding:3px 4px 0;border:1px solid #dcdfe6;border-width:1px 0;height:38px;width:120px;background-color:#fff;margin-left:1px}.kl-numbar .el-button-group .el-button{padding:11px 8px}.kl-numbar .el-badge{position:absolute;top:-6px;right:-8px;z-index:3}.kl-numbar .kl-exam-count{display:block}.kl-numbar .kl-exam-count span{padding:0 4px}.kl-numbar .kl-exam-count span:first-child{color:#409eff;font-weight:700}.kl-numbar .kl-exam-mark{display:block;font-size:12px;text-align:center;color:#333;margin-top:2px}.kl-numbar .kl-exam-mark span{padding:0 4px}.kl-numbar .ty-step-by{background-color:rgba(0,21,40,.5);border-radius:8px;height:48px;padding:6px 8px 0;width:100%;font-size:0;line-height:1;position:absolute;top:-49px;left:0;z-index:1}.kl-numbar .ty-step-by-list{height:36px;display:inline-block;font-size:14px;width:40px;text-align:center;border:none}.kl-numbar .ty-step-by-list+.ty-step-by-list{margin-left:1px}.act{-webkit-transform:scale(1.1);transform:scale(1.1);border-color:#ffc600;-webkit-box-shadow:0 0 10px #ffc600;box-shadow:0 0 10px #ffc600;color:#ffc600}.kl-tooltip{line-height:1.5}.imgdiv{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}