.sketch__wrap[data-v-366b292f]{width:100%;height:100%}#sketch[data-v-366b292f]{width:100%;height:100%;position:relative;background-color:#2c343a;overflow:hidden}.toolbar-style[data-v-66c3eb83]{position:absolute;left:calc(50% - 229px);bottom:17px;background:rgba(52,59,66,.85);border-radius:8px 8px 8px 8px;opacity:1;padding:0 8px;height:38px;display:flex;align-items:center}.toolbar-style .listitem[data-v-66c3eb83]{height:30px;width:30px;margin:0 8px;cursor:pointer;font-size:22px;line-height:30px;text-align:center;background:transparent;border:1px solid transparent;display:flex;align-items:center;justify-content:center;border-radius:4px;color:#e0e0e0}.toolbar-style .listitem .toobar_icon[data-v-66c3eb83]{width:20px;height:20px;font-size:20px}.toolbar-style .listitem[data-v-66c3eb83]:hover{background:rgba(214,224,230,.2)}.toolbar-style .currentTool[data-v-66c3eb83]{border:1px solid #019aff;background:#535b62!important;color:#019aff}.toolbar-style .handle[data-v-66c3eb83]{width:16px;display:flex;flex-wrap:wrap;align-items:center;height:20px;margin-right:11px;cursor:move}.toolbar-style .handle .drop[data-v-66c3eb83]{margin-right:4px;width:4px;height:4px;background:#999;border-radius:1px}.toolbar-style .fold-btn[data-v-66c3eb83]{margin-right:0!important;margin-left:0!important}.toolbar-style .fold-btn .fold-icon[data-v-66c3eb83]{transition:transform .3s ease}.toolbar-style .fold-btn .fold-icon.rotated[data-v-66c3eb83]{transform:rotate(180deg)}.toolbar-style .toolbar-content[data-v-66c3eb83]{display:flex;align-items:center;transition:all .3s ease;overflow:hidden}.toolbar-style .toolbar-content.hidden[data-v-66c3eb83]{width:0;opacity:0}.toolbar-style .toolbar-content.hidden .listitem[data-v-66c3eb83]{margin:0;width:0;overflow:hidden}.zoom-setting .zoom-buttons[data-v-66c3eb83]{display:flex;align-items:center;gap:4px}.zoom-setting .zoom-buttons .zoom-btn[data-v-66c3eb83]{display:flex;align-items:center;justify-content:center;width:32px;height:32px;cursor:pointer;border-radius:4px;transition:all .2s ease;color:#adadb0;border:1px solid transparent}.zoom-setting .zoom-buttons .zoom-btn .zoom-icon[data-v-66c3eb83]{width:16px;height:16px}.zoom-setting .zoom-buttons .zoom-btn[data-v-66c3eb83]:hover{background:rgba(214,224,230,.2);color:#eeedf0}.zoom-setting .zoom-buttons .zoom-btn.active[data-v-66c3eb83]{background:rgba(1,154,255,.2);color:#019aff;border:1px solid #019aff}.zoom-setting .zoom-buttons .zoom-btn.reset-btn[data-v-66c3eb83]:hover{background:rgba(214,224,230,.2);color:#eeedf0}.zoom-setting .zoom-buttons .zoom-btn.reset-btn.active[data-v-66c3eb83]{background:rgba(214,224,230,.2);color:#eeedf0;border:1px solid transparent}.toolbarSetting[data-v-66c3eb83]{display:flex;align-items:center}.toolbarSetting .colorBox[data-v-66c3eb83]{display:flex}.toolbarSetting .colorBox .colorItem[data-v-66c3eb83]{width:32px;height:32px;display:flex;align-items:center;justify-content:center;cursor:pointer}.toolbarSetting .colorBox .colorItem .colorView[data-v-66c3eb83]{width:16px;height:16px}.toolbarSetting .colorBox .colorItem .colorView[data-v-66c3eb83]:hover,.toolbarSetting .colorBox .currentColor .colorView[data-v-66c3eb83]{border:2px solid #fff}.toolbarSetting .thicknessBox[data-v-66c3eb83]{display:flex;align-items:center;color:#fff;font-size:12px}.toolbarSetting .thicknessBox .thicknessItem[data-v-66c3eb83]{width:32px;height:32px}.toolbarSetting .thicknessBox .select-list__text[data-v-66c3eb83]{width:32px;height:32px;line-height:32px;font-size:16px;font-weight:700;color:#adadb0;cursor:pointer}.toolbarSetting .thicknessBox .active[data-v-66c3eb83],.toolbarSetting .thicknessBox .select-list__text[data-v-66c3eb83]:hover{color:#eeedf0}[data-v-66c3eb83] .el-slider__button{width:8px;border-radius:8px}[data-v-66c3eb83] .el-slider__runway{margin:0;height:32px}[data-v-66c3eb83] .el-slider__bar{height:32px}[data-v-66c3eb83] .el-slider__button-wrapper{top:-2px}.content__progress[data-v-66c3eb83]{height:32px;position:relative}.content__progress[data-v-66c3eb83]:after{position:absolute;top:0;left:0;width:100%;height:100%;background:url(data:image/png;base64,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);background-size:contain;background-repeat:no-repeat}.disable[data-v-66c3eb83]{color:#c0c4cc!important;cursor:not-allowed!important}.mypopper{padding:0 8px;background:#323336}.el-popper[x-placement^=top] .popper__arrow:after{border-top-color:rgba(52,59,66,.85)}.p-r-4{padding-right:4px}.w-32{width:32px}.w-20{width:20px}.page_wrap[data-v-f5aabcaa]{width:100%;height:187px}.tool_wrap[data-v-f5aabcaa]{margin-top:7px;height:47px;background:#3e4954;display:flex;justify-content:space-between;align-items:center;padding:0 25px}.tool_wrap .tool_wrap_right[data-v-f5aabcaa]{display:flex;align-items:center;justify-content:flex-end}.tool_wrap .tool_wrap_right .addWhiteboard[data-v-f5aabcaa]{padding:0 16px;height:32px;border-radius:8px 8px 8px 8px;border:1px solid #81868a;text-align:center;font-size:14px;font-family:Microsoft YaHei;font-weight:600;color:#d5d8d9;line-height:32px;cursor:pointer}.videoListwrap[data-v-f5aabcaa]{height:133px;width:100%;padding:9px 16px;overflow-x:hidden;overflow-y:auto;display:flex}.videoListwrap .list_wrap[data-v-f5aabcaa]{display:flex;width:200px;height:112px;min-width:200px;background:#fff;position:relative;overflow:hidden;border-radius:8px 8px 8px 8px;cursor:pointer}.videoListwrap .list_wrap .list_header[data-v-f5aabcaa]{position:absolute;top:0;font-size:12px;font-family:Microsoft YaHei;font-weight:400;color:#fff;height:32px;line-height:32px;text-align:center;background:#019aff;width:100%}.videoListwrap .list_wrap .list_content[data-v-f5aabcaa]{width:100%;height:100%}.videoListwrap .list_wrap .list_subscript[data-v-f5aabcaa]{position:absolute;bottom:0;right:0;height:28px;font-size:12px;font-family:Microsoft YaHei;font-weight:400;color:#fff;line-height:28px;padding:0 15px;text-align:center;background:rgba(52,60,67,.55);border-radius:6px 0 6px 0}.videoListwrap .list_wrap .list_del[data-v-f5aabcaa]{position:absolute;height:32px;bottom:0;width:100%;color:red;text-align:center;line-height:32px;background:#343c43}.videoListwrap .list_wrap+.list_wrap[data-v-f5aabcaa]{margin-left:16px}.videoListwrap .current[data-v-f5aabcaa]{border:1px solid #019aff}.videoListwrap .addVideo[data-v-f5aabcaa]{background:#353e47;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:14px;font-family:Microsoft YaHei;font-weight:600;color:#d5d8d9;line-height:26px}.videoListwrap .addVideo .el-icon-plus[data-v-f5aabcaa]{font-size:20px;margin-bottom:19px}.slide-enter-active[data-v-f5aabcaa]{animation-name:slideInUp-f5aabcaa;animation-duration:.2s;animation-fill-mode:both}.slide-leave-active[data-v-f5aabcaa]{animation-name:slideOutDown-f5aabcaa;animation-duration:.2s;animation-fill-mode:both}@keyframes slideInUp-f5aabcaa{0%{transform:translate3d(0,100%,0);visibility:visible}to{transform:translateZ(0)}}@keyframes slideOutDown-f5aabcaa{0%{transform:translateZ(0)}to{visibility:hidden;transform:translate3d(0,100%,0)}}.delay-leave-active[data-v-f5aabcaa]{animation-delay:.2s}.main__wrap[data-v-d28e9e6c]{width:100vw;height:100vh;display:flex;flex-direction:column;background:#2c343a;position:relative}.main__wrap .sketch_content[data-v-d28e9e6c]{flex:1 0 0;position:relative;overflow:auto}.main__wrap .tool_wrap[data-v-d28e9e6c]{margin-top:7px;height:47px;background:#3e4954;display:flex;justify-content:space-between;align-items:center;padding:0 25px}.main__wrap .tool_wrap .tool_wrap_right[data-v-d28e9e6c]{display:flex;align-items:center;justify-content:flex-end}.main__wrap .tool_wrap .tool_wrap_right .addWhiteboard[data-v-d28e9e6c]{padding:0 16px;height:32px;border-radius:8px 8px 8px 8px;border:1px solid #81868a;text-align:center;font-size:14px;font-family:Microsoft YaHei;font-weight:600;color:#d5d8d9;line-height:32px;cursor:pointer}.main__wrap .list_wrap[data-v-d28e9e6c]{height:133px;background:#2c343a}.main__wrap .interaction_wrap[data-v-d28e9e6c]{position:absolute;left:10px;top:50%;transform:translateY(-50%)}.main__wrap .interaction_wrap .sharing[data-v-d28e9e6c]{width:50px;height:50px;text-align:center;padding:4px 8px;border-radius:50%;background:rgba(52,60,67,.55);color:#fff;cursor:pointer}.main__wrap .interaction_wrap .sharing+.sharing[data-v-d28e9e6c]{margin-top:20px}.noDataPage[data-v-d28e9e6c]{position:fixed;top:0;left:0;width:100%;height:100%;background:#1d2329;padding:50px 0 0 0}.noDataPage .coursewareView[data-v-d28e9e6c]{width:100%;height:100%;background:#2c343a;border:1px solid #343c43;display:flex;flex-direction:column;align-items:center;justify-content:center}.noDataPage .coursewareView .fileNodataImage[data-v-d28e9e6c]{width:84px;height:84px;display:inline-block;margin-bottom:47px}.noDataPage .coursewareView .fileNodataImage>img[data-v-d28e9e6c]{width:100%;height:100%}.noDataPage .coursewareView .primaryBtn[data-v-d28e9e6c]{border-color:#019aff;background-color:#019aff;border-radius:8px}.noDataPage .coursewareView .primaryBtn[data-v-d28e9e6c]:active{background:#3a8ee6;border-color:#3a8ee6;color:#fff}.noDataPage .coursewareView .textTips[data-v-d28e9e6c]{margin-top:24px;font-size:12px;font-family:Microsoft YaHei;font-weight:300;color:#e0e0e0;line-height:26px;text-align:center}