.header[data-v-268a0e84]{padding:0 26px;width:100%;height:60px;border-bottom:1px solid var(--gray-100,#f3f4f6);background:#fff;display:flex;align-items:center;justify-content:space-between}.header .header-left[data-v-268a0e84]{color:#000;font-size:16px;font-family:Microsoft JhengHei;font-style:normal;font-weight:700;line-height:normal}.header .header-right[data-v-268a0e84]{display:flex;align-items:center}.header .header-right .header-right-time[data-v-268a0e84]{-webkit-user-select:none;-moz-user-select:none;user-select:none;display:flex;align-items:center;justify-content:center;color:#000;font-size:14px;font-family:Roboto;font-style:normal;font-weight:500;line-height:normal;letter-spacing:.14px}.header .header-right .header-right-time img[data-v-268a0e84]{margin-left:14px;width:28px;height:24px}.header .header-right .header-right-record[data-v-268a0e84]{margin-left:16px;-webkit-user-select:none;-moz-user-select:none;user-select:none;cursor:pointer;display:flex;align-items:center;justify-content:center;color:red;font-size:14px;font-family:Roboto;font-style:normal;font-weight:500;line-height:normal;letter-spacing:.14px}.header .header-right .header-right-record img[data-v-268a0e84]{margin-left:8px;width:16px;height:16px}.header .header-right .header-right-icon[data-v-268a0e84]{cursor:pointer;margin-left:16px;width:42px;height:42px;display:flex;align-items:center;justify-content:center;border-radius:8px}.header .header-right .header-right-icon[data-v-268a0e84]:hover{background:var(--gray-100,#f3f4f6)}.header .checkIn-box .box-img[data-v-268a0e84]{margin-bottom:16px;padding:12px 70px;text-align:center}.header .checkIn-box .box-img img[data-v-268a0e84]{width:70px;height:70px}.header .checkIn-box .box-h3[data-v-268a0e84]{color:#000;font-size:18px}.header .checkIn-box .box-h3[data-v-268a0e84],.header .checkIn-box .box-h5[data-v-268a0e84]{text-align:center;font-family:Microsoft JhengHei;font-style:normal;font-weight:400;line-height:normal}.header .checkIn-box .box-h5[data-v-268a0e84]{margin:4px 0 33px;color:#666;font-size:14px}.header .checkIn-box .box-btn[data-v-268a0e84]{-webkit-user-select:none;-moz-user-select:none;user-select:none;cursor:pointer;width:230px;height:48px;display:flex;align-items:center;justify-content:center;border:none;border-radius:4px;background:linear-gradient(180deg,#71afff,#418ef2);color:#fff;font-size:15px;font-family:Microsoft JhengHei;font-style:normal;font-weight:400;line-height:normal}.header .screenShare-box .box-h3[data-v-268a0e84]{color:#000;font-size:18px}.header .screenShare-box .box-h3[data-v-268a0e84],.header .screenShare-box .box-h5[data-v-268a0e84]{text-align:center;font-family:Microsoft JhengHei;font-style:normal;font-weight:400;line-height:normal}.header .screenShare-box .box-h5[data-v-268a0e84]{margin-top:12px;color:#666;font-size:14px}.header .screenShare-box .box-btn[data-v-268a0e84]{margin-top:33px;display:flex;align-items:center;justify-content:center}.header .screenShare-box .box-btn button[data-v-268a0e84]{-webkit-user-select:none;-moz-user-select:none;user-select:none;cursor:pointer;width:230px;height:48px;border:none;border-radius:4px;background:linear-gradient(180deg,#71afff,#418ef2);color:#fff;text-align:center}.header .screenShare-box .box-btn button p[data-v-268a0e84]{width:100%;color:#fff;font-size:15px;font-family:Microsoft JhengHei;font-style:normal;font-weight:400;line-height:normal;margin:0}.header .screenShare-box .box-btn button span[data-v-268a0e84]{color:#fff;font-size:12px;font-family:Microsoft JhengHei;font-style:normal;font-weight:400;line-height:normal}.header .service-box .box-img[data-v-268a0e84]{text-align:center}.header .service-box .box-img img[data-v-268a0e84]{width:210px;height:126px}.header .service-box .box-h3[data-v-268a0e84]{color:#000;font-size:18px}.header .service-box .box-h3[data-v-268a0e84],.header .service-box .box-h5[data-v-268a0e84]{text-align:center;font-family:Microsoft JhengHei;font-style:normal;font-weight:400;line-height:normal}.header .service-box .box-h5[data-v-268a0e84]{margin-top:4px;color:#666;font-size:14px}.header .service-box .box-btn[data-v-268a0e84]{margin-top:33px;display:flex;align-items:center;justify-content:center}.header .service-box .box-btn button[data-v-268a0e84]{-webkit-user-select:none;-moz-user-select:none;user-select:none;cursor:pointer;width:133px;height:48px;border:none;border-radius:4px;background:linear-gradient(180deg,#71afff,#418ef2);color:#fff;text-align:center}.header .service-box .box-btn button p[data-v-268a0e84]{width:100%;color:#fff;font-size:15px;font-family:Microsoft JhengHei;font-style:normal;font-weight:400;line-height:normal;margin:0}.header .service-box .box-btn button span[data-v-268a0e84]{color:#fff;font-size:12px;font-family:Microsoft JhengHei;font-style:normal;font-weight:400;line-height:normal}.header .service-box .box-btn .button1[data-v-268a0e84]{margin-right:14px;background:#ececec}.header .service-box .box-btn .button1 p[data-v-268a0e84],.header .service-box .box-btn .button1 span[data-v-268a0e84]{color:#666}.header .notify-popup[data-v-268a0e84]{position:fixed;left:110px;bottom:80px;padding:24px;border-radius:8px;background:rgba(0,0,0,.8);box-shadow:0 4px 20px 0 rgba(0,0,0,.05)}.header .notify-popup .notify-popup-p[data-v-268a0e84]{color:#fff;text-align:center;font-size:16px;font-family:Microsoft JhengHei;font-style:normal;font-weight:400;line-height:normal}.header .notify-popup .notify-popup-span[data-v-268a0e84]{margin-top:10px;color:#fff;font-size:16px;font-family:Microsoft JhengHei;font-style:normal;font-weight:400;line-height:normal}.header .device-popup[data-v-268a0e84]{z-index:1100;position:fixed;top:0;left:0;right:0;bottom:0;width:100%;height:100%;background:rgba(0,0,0,.6);display:flex;align-items:center;justify-content:center}.header .device-popup .popup-box[data-v-268a0e84]{padding:40px 0;width:600px;border-radius:16px;background:#fff;position:relative}.header .device-popup .popup-box .box-close[data-v-268a0e84]{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;position:absolute;top:30px;right:24px;width:40px;height:40px;border-radius:6px;display:flex;align-items:center;justify-content:center}.header .device-popup .popup-box .box-close[data-v-268a0e84]:hover{background:#f3f4f6}.header .device-popup .popup-box .box-close img[data-v-268a0e84]{width:100%;height:100%}.header .device-popup .popup-box .box-h2[data-v-268a0e84]{padding:0 60px 20px;color:#000;font-size:23px;font-family:Microsoft JhengHei;font-style:normal;font-weight:400;line-height:normal}.header .device-popup .popup-box .box-hr[data-v-268a0e84]{width:100%;height:1px;background:#e9e9ea}.header .device-popup .popup-box .box-label[data-v-268a0e84]{padding:20px 60px 14px;color:#989898;font-size:16px;font-family:Microsoft JhengHei;font-style:normal;font-weight:400;line-height:normal}.header .device-popup .popup-box .box-select[data-v-268a0e84]{padding:0 60px 10px;width:100%;height:50px}.header .device-popup .popup-box .box-select[data-v-268a0e84] .el-select,.header .device-popup .popup-box .box-select[data-v-268a0e84] .el-select .el-input{width:100%;height:100%}.header .device-popup .popup-box .box-select[data-v-268a0e84] .el-select .el-input .el-input__inner{width:100%;height:100%;border:1px solid #eee;color:#000;font-size:16px;font-family:Microsoft JhengHei;font-style:normal;font-weight:400;line-height:normal}.header .quit-box .box-img[data-v-268a0e84]{margin:0 auto 16px;padding:12px 70px;display:flex;align-items:center;justify-content:center}.header .quit-box .box-img img[data-v-268a0e84]{width:68px;height:56px}.header .quit-box .box-h3[data-v-268a0e84]{color:#000;font-size:18px}.header .quit-box .box-h3[data-v-268a0e84],.header .quit-box .box-h5[data-v-268a0e84]{text-align:center;font-family:Microsoft JhengHei;font-style:normal;font-weight:400;line-height:normal}.header .quit-box .box-h5[data-v-268a0e84]{margin-top:4px;color:#666;font-size:14px}.header .quit-box .box-btn[data-v-268a0e84]{margin-top:33px;display:flex;align-items:center;justify-content:center}.header .quit-box .box-btn button[data-v-268a0e84]{-webkit-user-select:none;-moz-user-select:none;user-select:none;cursor:pointer;width:133px;height:48px;border:none;border-radius:4px;background:linear-gradient(180deg,#71afff,#418ef2);color:#fff;text-align:center}.header .quit-box .box-btn button p[data-v-268a0e84]{width:100%;color:#fff;font-size:15px;font-family:Microsoft JhengHei;font-style:normal;font-weight:400;line-height:normal;margin:0}.header .quit-box .box-btn button span[data-v-268a0e84]{color:#fff;font-size:12px;font-family:Microsoft JhengHei;font-style:normal;font-weight:400;line-height:normal}.header .quit-box .box-btn .button1[data-v-268a0e84]{margin-right:14px;background:#ececec}.header .quit-box .box-btn .button1 p[data-v-268a0e84],.header .quit-box .box-btn .button1 span[data-v-268a0e84]{color:#666}.header-right-box[data-v-268a0e84]{display:flex;align-items:center;justify-content:space-between}.header-right-box .header-right-icon[data-v-268a0e84]{cursor:pointer;width:42px;height:42px;display:flex;align-items:center;justify-content:center;border-radius:8px}.header-right-box .header-right-icon[data-v-268a0e84]:hover{background:var(--gray-100,#f3f4f6)}.header-right-box .header-right-icon img[data-v-268a0e84]{width:24px;height:24px}.header-popover{min-width:110px;padding:10px!important}.onoffswitch{position:relative;width:88px;display:inline-block;margin:auto 0 auto 10px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.onoffswitch .onoffswitch-checkbox{display:none}.onoffswitch .onoffswitch-checkbox:checked+.onoffswitch-label .onoffswitch-inner{margin-left:0}.onoffswitch .onoffswitch-checkbox:checked+.onoffswitch-label .onoffswitch-switch{right:0}.onoffswitch .onoffswitch-label{display:block;overflow:hidden;cursor:pointer;border:2px solid transparent;border-radius:20px;margin-bottom:0}.onoffswitch .onoffswitch-label .onoffswitch-inner{display:block;width:200%;margin-left:-100%;transition:margin .3s ease-in 0s}.onoffswitch .onoffswitch-label .onoffswitch-inner:after,.onoffswitch .onoffswitch-label .onoffswitch-inner:before{display:block;float:left;width:50%;height:24px;line-height:24px;font-size:14px;font-weight:700;padding:0;color:#fff;box-sizing:border-box}.onoffswitch .onoffswitch-label .onoffswitch-inner:before{content:"START";padding-left:10px;background-color:var(--time-ctrl-btn);color:#fff;text-align:left}.onoffswitch .onoffswitch-label .onoffswitch-inner:after{content:"END";padding-right:10px;background-color:#9a9a9a;color:#252525;text-align:right;font-size:14px;font-family:Roboto;font-style:normal}.onoffswitch .onoffswitch-label .onoffswitch-switch{display:block;width:18px;height:18px;margin:5px;background:#fff;position:absolute;top:0;bottom:0;right:60px;border:2px solid #fff;border-radius:24px;transition:all .3s ease-in 0s}.requestLoading[data-v-409976dd]{width:100%;height:100%;background:#fff;display:flex;align-items:center;justify-content:center;position:absolute}.requestLoading .requestLoading-box[data-v-409976dd]{text-align:center}.requestLoading .requestLoading-box .box-img[data-v-409976dd]{width:100px;height:100px;border-radius:50%;animation:changeright-409976dd 3s linear infinite}@keyframes changeright-409976dd{0%{transform:rotate(0deg)}50%{transform:rotate(180deg)}to{transform:rotate(1turn)}}.requestLoading .requestLoading-box .box-h2[data-v-409976dd]{margin:40px 0 14px;color:#000;font-size:14px;font-family:Microsoft JhengHei;font-style:normal;font-weight:400;line-height:normal}.requestLoading .requestLoading-box .box-h5[data-v-409976dd]{color:#989898;font-size:14px;font-family:Microsoft JhengHei;font-style:normal;font-weight:400;line-height:normal}.sketchpad[data-v-1cef7d85]{width:100%;height:100%}.sketchpad .sketchpad-head[data-v-1cef7d85]{z-index:2;width:100%;height:40px;display:flex;align-items:center;justify-content:space-between}.sketchpad .sketchpad-head .sketchpad-head-left[data-v-1cef7d85]{display:flex;align-items:center}.sketchpad .sketchpad-head .sketchpad-head-left p[data-v-1cef7d85]{color:#1f2937;font-size:12px;font-family:Microsoft JhengHei;font-style:normal;font-weight:400;line-height:20px}.sketchpad .sketchpad-head .sketchpad-head-left img[data-v-1cef7d85]{margin:0 12px 0 6px;width:12px;height:12px}.sketchpad .sketchpad-head .sketchpad-head-left span[data-v-1cef7d85]{color:#6b7280;font-size:12px;font-family:Microsoft JhengHei;font-style:normal;font-weight:400;line-height:20px}.sketchpad .sketchpad-box[data-v-1cef7d85]{width:100%;height:calc(100% - 40px);display:flex;justify-content:space-between}.sketchpad .sketchpad-box .sketchpad-box-left[data-v-1cef7d85]{padding:15px 10px;width:60px;max-height:100%;overflow:auto;border-radius:8px;border:1px solid #e9e9ea;background:#fff;scrollbar-width:none;-ms-overflow-style:none}.sketchpad .sketchpad-box .sketchpad-box-left[data-v-1cef7d85]::-webkit-scrollbar{display:none}.sketchpad .sketchpad-box .sketchpad-box-left .sketchpad-box-left-mask[data-v-1cef7d85]{cursor:no-drop;position:absolute;top:0;left:0;right:0;bottom:0;width:100%;height:100%;background:hsla(0,0%,100%,.7)}.sketchpad .sketchpad-box .sketchpad-box-left .left-box[data-v-1cef7d85]{margin-bottom:16px}.sketchpad .sketchpad-box .sketchpad-box-left .left-box[data-v-1cef7d85]:last-child{margin-bottom:0}.sketchpad .sketchpad-box .sketchpad-box-right[data-v-1cef7d85]{width:calc(100% - 76px);height:100%;display:flex;flex-wrap:wrap;align-content:space-between;position:relative;flex-direction:row}.sketchpad .sketchpad-box .sketchpad-box-right .sketchpad-box-right-head[data-v-1cef7d85]{width:100%;height:calc(100% - 58px);border-radius:8px;border:1px solid #e9e9ea;background:#fff}.sketchpad .sketchpad-box .sketchpad-box-right .sketchpad-box-right-foo[data-v-1cef7d85]{padding:0 12px;width:100%;height:50px;border-radius:8px;border:1px solid #e9e9ea;background:#fff;display:flex;align-items:center;justify-content:space-between}.sketchpad .sketchpad-box .sketchpad-box-right .sketchpad-box-right-foo .foo-left[data-v-1cef7d85]{display:flex;align-items:center}.sketchpad .sketchpad-box .sketchpad-box-right .sketchpad-box-right-foo .foo-left .foo-left-box[data-v-1cef7d85]{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:40px;height:40px;border-radius:6px;display:flex;align-items:center;justify-content:center}.sketchpad .sketchpad-box .sketchpad-box-right .sketchpad-box-right-foo .foo-left .foo-left-box[data-v-1cef7d85]:hover{background:#f3f4f6}.sketchpad .sketchpad-box .sketchpad-box-right .sketchpad-box-right-foo .foo-left .foo-left-box img[data-v-1cef7d85]{width:16px;height:16px}.sketchpad .sketchpad-box .sketchpad-box-right .sketchpad-box-right-foo .foo-left .foo-left-music[data-v-1cef7d85]{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:40px;height:40px;border-radius:6px;display:flex;align-items:center;justify-content:center}.sketchpad .sketchpad-box .sketchpad-box-right .sketchpad-box-right-foo .foo-left .foo-left-music img[data-v-1cef7d85]{width:16px;height:16px}.sketchpad .sketchpad-box .sketchpad-box-right .sketchpad-box-right-foo .foo-left .foo-left-div[data-v-1cef7d85]{margin:0 5px;min-width:40px;color:#000;font-size:13px;font-family:Microsoft JhengHei;font-style:normal;font-weight:700;line-height:normal}.sketchpad .sketchpad-box .sketchpad-box-right .sketchpad-box-right-foo .foo-left .foo-left-select[data-v-1cef7d85]{width:180px;height:30px;border-radius:4px;position:relative}.sketchpad .sketchpad-box .sketchpad-box-right .sketchpad-box-right-foo .foo-left .foo-left-select[data-v-1cef7d85] .el-select,.sketchpad .sketchpad-box .sketchpad-box-right .sketchpad-box-right-foo .foo-left .foo-left-select[data-v-1cef7d85] .el-select .el-input{width:100%;height:100%}.sketchpad .sketchpad-box .sketchpad-box-right .sketchpad-box-right-foo .foo-left .foo-left-select[data-v-1cef7d85] .el-select .el-input .el-input__inner{padding:5px 34px 5px 14px;width:100%;height:100%;border:1px solid rgba(0,0,0,.2);color:#323130;font-size:12px;font-family:Microsoft JhengHei;font-style:normal;font-weight:400;line-height:normal}.sketchpad .sketchpad-box .sketchpad-box-right .sketchpad-box-right-foo .foo-left .foo-left-select[data-v-1cef7d85] .el-select .el-input .el-input__suffix{display:none}.sketchpad .sketchpad-box .sketchpad-box-right .sketchpad-box-right-foo .foo-left .foo-left-select .foo-left-select-div[data-v-1cef7d85]{position:absolute;top:5px;right:10px;width:20px;height:20px}.sketchpad .sketchpad-box .sketchpad-box-right .sketchpad-box-right-foo .foo-left .foo-left-select .foo-left-select-div img[data-v-1cef7d85]{width:100%;height:100%}.sketchpad .sketchpad-box .sketchpad-box-right .sketchpad-box-right-foo .foo-right .foo-media[data-v-1cef7d85],.sketchpad .sketchpad-box .sketchpad-box-right .sketchpad-box-right-foo .foo-right[data-v-1cef7d85]{display:flex;align-items:center}.sketchpad .sketchpad-box .sketchpad-box-right .sketchpad-box-right-foo .foo-right .foo-media .foo-media-btn[data-v-1cef7d85]{-webkit-user-select:none;-moz-user-select:none;user-select:none;cursor:no-drop;width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:5px}.sketchpad .sketchpad-box .sketchpad-box-right .sketchpad-box-right-foo .foo-right .foo-media .foo-media-btn[data-v-1cef7d85]:hover{background:#f2f2f2}.sketchpad .sketchpad-box .sketchpad-box-right .sketchpad-box-right-foo .foo-right .foo-media .foo-media-btn img[data-v-1cef7d85]{width:24px;height:24px}.sketchpad .sketchpad-box .sketchpad-box-right .sketchpad-box-right-foo .foo-right .foo-media .foo-media-time[data-v-1cef7d85]{margin:0 5px;color:#000;font-size:14px;font-family:Microsoft JhengHei;font-style:normal;font-weight:400;line-height:normal}.sketchpad .sketchpad-box .sketchpad-box-right .sketchpad-box-right-foo .foo-right .foo-media .foo-media-slider[data-v-1cef7d85]{margin:0 20px;width:246px}.sketchpad .sketchpad-box .sketchpad-box-right .sketchpad-box-right-foo .foo-right .foo-volume[data-v-1cef7d85]{margin:0 50px;display:flex;align-items:center}.sketchpad .sketchpad-box .sketchpad-box-right .sketchpad-box-right-foo .foo-right .foo-volume .volume-btn[data-v-1cef7d85]{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:40px;height:40px;border-radius:6px;display:flex;align-items:center;justify-content:center}.sketchpad .sketchpad-box .sketchpad-box-right .sketchpad-box-right-foo .foo-right .foo-volume .volume-btn[data-v-1cef7d85]:hover{background:#f3f4f6}.sketchpad .sketchpad-box .sketchpad-box-right .sketchpad-box-right-foo .foo-right .foo-volume .volume-btn img[data-v-1cef7d85],.sketchpad .sketchpad-box .sketchpad-box-right .sketchpad-box-right-foo .foo-right .foo-volume .volume-btn span[data-v-1cef7d85]{width:24px;height:24px}.sketchpad .sketchpad-box .sketchpad-box-right .sketchpad-box-right-foo .foo-right .foo-volume .volume-slider[data-v-1cef7d85]{margin-left:10px;width:130px}.sketchpad .sketchpad-box .sketchpad-box-right .sketchpad-box-right-foo .foo-right .foo-full[data-v-1cef7d85]{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:40px;height:40px;border-radius:6px;display:flex;align-items:center;justify-content:center}.sketchpad .sketchpad-box .sketchpad-box-right .sketchpad-box-right-foo .foo-right .foo-full[data-v-1cef7d85]:hover{background:#f3f4f6}.sketchpad .sketchpad-box .sketchpad-box-right .sketchpad-box-right-foo .foo-right .foo-full img[data-v-1cef7d85]{width:24px;height:24px}@media screen and (max-width:1880px){.sketchpad .sketchpad-box .sketchpad-box-right .sketchpad-box-right-foo .foo-right .foo-media .foo-media-slider[data-v-1cef7d85]{margin:0 15px;width:180px}.sketchpad .sketchpad-box .sketchpad-box-right .sketchpad-box-right-foo .foo-right .foo-volume[data-v-1cef7d85]{margin:0 30px}.sketchpad .sketchpad-box .sketchpad-box-right .sketchpad-box-right-foo .foo-right .foo-volume .volume-slider[data-v-1cef7d85]{margin-left:10px;width:100px}}@media screen and (max-width:1680px){.sketchpad .sketchpad-box .sketchpad-box-right .sketchpad-box-right-foo .foo-right .foo-media .foo-media-slider[data-v-1cef7d85]{margin:0 15px;width:150px}.sketchpad .sketchpad-box .sketchpad-box-right .sketchpad-box-right-foo .foo-right .foo-volume[data-v-1cef7d85]{margin:0 10px}}@media screen and (max-width:1580px){.sketchpad .sketchpad-box .sketchpad-box-right .sketchpad-box-right-foo .foo-right .foo-media .foo-media-slider[data-v-1cef7d85]{margin:0 15px}.sketchpad .sketchpad-box .sketchpad-box-right .sketchpad-box-right-foo .foo-right .foo-volume[data-v-1cef7d85]{margin:0 5px}}.sketchpad #hi_popup_video[data-v-1cef7d85]{border-radius:8px}.sketchpad #hi_popup_video .video-header[data-v-1cef7d85]{display:flex;flex-direction:row;justify-content:space-between;width:100%;height:50px;align-items:center;position:absolute;top:0;left:0;background-color:hsla(0,0%,100%,.3);z-index:1;padding:15px 15px}.sketchpad #hi_popup_video .video-header button[data-v-1cef7d85]{width:4%;margin:0}.sketchpad #hi_popup_video .video-body[data-v-1cef7d85]{flex:1;border-radius:8px}.sketchpad #hi_popup_video .content[data-v-1cef7d85]{width:100%;height:100%;display:flex;align-items:center}.sketchpad #hi_popup_video .video-content[data-v-1cef7d85]{position:relative;width:100%;border-radius:8px;aspect-ratio:16/9}.sketchpad-full[data-v-1cef7d85]{background:#fff}.sketchpad-full .sketchpad-head[data-v-1cef7d85]{width:auto;position:fixed;top:10px;right:20px}.sketchpad-full .sketchpad-box[data-v-1cef7d85]{height:100%}.sketchpad-full .sketchpad-box .sketchpad-box-left[data-v-1cef7d85]{position:absolute;top:calc(50% - 315px);left:25px;overflow:visible}.sketchpad-full .sketchpad-box .sketchpad-box-right[data-v-1cef7d85]{width:100%;height:100%}.sketchpad-full .sketchpad-box .sketchpad-box-right .sketchpad-box-right-head[data-v-1cef7d85]{width:100%;height:100%;border-radius:0}.sketchpad-full .sketchpad-full-left[data-v-1cef7d85]{position:fixed;top:0;left:0;width:30px;height:100vh}.sketchpad-full .sketchpad-full-bottom[data-v-1cef7d85]{z-index:1;position:fixed;left:0;bottom:0;width:100vw;height:30px}.sketchpad-box-right-bottom[data-v-1cef7d85]{z-index:2;padding:40px 25px 25px;position:fixed;left:0;bottom:0;width:100%;height:130px}.sketchpad-box-right-bottom .bottom-slider[data-v-1cef7d85]{width:100%;height:40px}.sketchpad-box-right-bottom .bottom-box[data-v-1cef7d85]{display:flex;align-items:center;justify-content:space-between}.sketchpad-box-right-bottom .bottom-box .bottom-box-left[data-v-1cef7d85]{display:flex;align-items:center}.sketchpad-box-right-bottom .bottom-box .bottom-box-left .bottom-media-time[data-v-1cef7d85]{margin:0 16px;color:#000;font-size:14px;font-family:Microsoft JhengHei;font-style:normal;font-weight:290;line-height:normal}.sketchpad-box-right-bottom .bottom-box .bottom-box-left .bottom-media-div[data-v-1cef7d85]{color:#000;font-size:13px;font-family:Microsoft JhengHei;font-style:normal;font-weight:700;line-height:normal}.sketchpad-box-right-bottom .bottom-box .bottom-box-left .bottom-media-music[data-v-1cef7d85]{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:40px;height:40px;border-radius:6px;display:flex;align-items:center;justify-content:center}.sketchpad-box-right-bottom .bottom-box .bottom-box-left .bottom-media-music img[data-v-1cef7d85]{width:16px;height:16px}.sketchpad-box-right-bottom .bottom-box .bottom-box-left .bottom-media-select[data-v-1cef7d85]{width:180px;height:30px;border-radius:4px;position:relative}.sketchpad-box-right-bottom .bottom-box .bottom-box-left .bottom-media-select[data-v-1cef7d85] .el-select,.sketchpad-box-right-bottom .bottom-box .bottom-box-left .bottom-media-select[data-v-1cef7d85] .el-select .el-input{width:100%;height:100%}.sketchpad-box-right-bottom .bottom-box .bottom-box-left .bottom-media-select[data-v-1cef7d85] .el-select .el-input .el-input__inner{padding:5px 34px 5px 14px;width:100%;height:100%;border:1px solid rgba(0,0,0,.2);color:#323130;font-size:12px;font-family:Microsoft JhengHei;font-style:normal;font-weight:400;line-height:normal}.sketchpad-box-right-bottom .bottom-box .bottom-box-left .bottom-media-select[data-v-1cef7d85] .el-select .el-input .el-input__suffix{display:none}.sketchpad-box-right-bottom .bottom-box .bottom-box-left .bottom-media-select .bottom-media-select-div[data-v-1cef7d85]{position:absolute;top:5px;right:10px;width:20px;height:20px}.sketchpad-box-right-bottom .bottom-box .bottom-box-left .bottom-media-select .bottom-media-select-div img[data-v-1cef7d85]{width:100%;height:100%}.sketchpad-box-right-bottom .bottom-box .bottom-box-right[data-v-1cef7d85]{display:flex;align-items:center}.sketchpad-box-right-bottom .bottom-box .bottom-box-right .bottom-media-volume[data-v-1cef7d85]{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:40px;height:40px;border-radius:6px;display:flex;align-items:center;justify-content:center}.sketchpad-box-right-bottom .bottom-box .bottom-box-right .bottom-media-volume img[data-v-1cef7d85]{width:24px;height:24px}.sketchpad-box-right-bottom .bottom-box .bottom-box-right .bottom-media-slider[data-v-1cef7d85]{margin:0 30px 0 10px;width:130px}.sketchpad-box-right-bottom .bottom-box .bottom-media-btn[data-v-1cef7d85]{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:40px;height:40px;border-radius:6px;display:flex;align-items:center;justify-content:center}.sketchpad-box-right-bottom .bottom-box .bottom-media-btn[data-v-1cef7d85]:hover{background:#f3f4f6}.sketchpad-box-right-bottom .bottom-box .bottom-media-btn img[data-v-1cef7d85]{width:24px;height:24px}.sketchpad-box-right-bottom .bottom-box .bottom-media-btn .img1[data-v-1cef7d85]{width:16px;height:16px}.video-footer[data-v-1cef7d85]{z-index:2;padding:10px 25px 25px;position:absolute;left:0;bottom:0;width:100%;height:110px;background-color:hsla(0,0%,100%,.3)}.video-footer .bottom-slider[data-v-1cef7d85]{width:100%;height:40px}.video-footer .bottom-box[data-v-1cef7d85]{display:flex;align-items:center;justify-content:space-between}.video-footer .bottom-box .bottom-box-left[data-v-1cef7d85]{display:flex;align-items:center}.video-footer .bottom-box .bottom-box-left .bottom-media-time[data-v-1cef7d85]{margin:0 16px;color:#fff;font-size:14px;font-family:Microsoft JhengHei;font-style:normal;font-weight:290;line-height:normal}.video-footer .bottom-box .bottom-box-left .bottom-media-div[data-v-1cef7d85]{color:#fff;font-size:13px;font-family:Microsoft JhengHei;font-style:normal;font-weight:700;line-height:normal}.video-footer .bottom-box .bottom-box-left .bottom-media-music[data-v-1cef7d85]{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:40px;height:40px;border-radius:6px;display:flex;align-items:center;justify-content:center}.video-footer .bottom-box .bottom-box-left .bottom-media-music img[data-v-1cef7d85]{width:16px;height:16px}.video-footer .bottom-box .bottom-box-left .bottom-media-select[data-v-1cef7d85]{width:180px;height:30px;border-radius:4px;position:relative}.video-footer .bottom-box .bottom-box-left .bottom-media-select[data-v-1cef7d85] .el-select,.video-footer .bottom-box .bottom-box-left .bottom-media-select[data-v-1cef7d85] .el-select .el-input{width:100%;height:100%}.video-footer .bottom-box .bottom-box-left .bottom-media-select[data-v-1cef7d85] .el-select .el-input .el-input__inner{padding:5px 34px 5px 14px;width:100%;height:100%;border:1px solid rgba(0,0,0,.2);color:#323130;font-size:12px;font-family:Microsoft JhengHei;font-style:normal;font-weight:400;line-height:normal}.video-footer .bottom-box .bottom-box-left .bottom-media-select[data-v-1cef7d85] .el-select .el-input .el-input__suffix{display:none}.video-footer .bottom-box .bottom-box-left .bottom-media-select .bottom-media-select-div[data-v-1cef7d85]{position:absolute;top:5px;right:10px;width:20px;height:20px}.video-footer .bottom-box .bottom-box-left .bottom-media-select .bottom-media-select-div img[data-v-1cef7d85]{width:100%;height:100%}.video-footer .bottom-box .bottom-box-right[data-v-1cef7d85]{display:flex;align-items:center}.video-footer .bottom-box .bottom-box-right .bottom-media-volume[data-v-1cef7d85]{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:40px;height:40px;border-radius:6px;display:flex;align-items:center;justify-content:center}.video-footer .bottom-box .bottom-box-right .bottom-media-volume img[data-v-1cef7d85]{width:24px;height:24px}.video-footer .bottom-box .bottom-box-right .bottom-media-slider[data-v-1cef7d85]{margin:0 30px 0 10px;width:130px}.video-footer .bottom-box .bottom-media-btn[data-v-1cef7d85]{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:40px;height:40px;border-radius:6px;display:flex;align-items:center;justify-content:center}.video-footer .bottom-box .bottom-media-btn img[data-v-1cef7d85]{width:24px;height:24px}.video-footer .bottom-box .bottom-media-btn .img1[data-v-1cef7d85]{width:16px;height:16px}.box-div[data-v-1cef7d85]{padding:10px;display:flex;align-items:center}.box-div .tool-btn[data-v-1cef7d85],.box-div .tool-btns[data-v-1cef7d85]{margin-right:8px}.box-div .tool-btn[data-v-1cef7d85]:last-child,.box-div .tool-btns[data-v-1cef7d85]:last-child{margin-right:0}.tool-btn[data-v-1cef7d85]{-webkit-user-select:none;-moz-user-select:none;user-select:none;cursor:pointer;width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:5px}.tool-btn[data-v-1cef7d85]:hover{background:#f2f2f2}.tool-btn img[data-v-1cef7d85]{width:24px;height:24px}.tool-btn div[data-v-1cef7d85]{width:20px;height:20px}.tool-btns[data-v-1cef7d85]{-webkit-user-select:none;-moz-user-select:none;user-select:none;cursor:pointer;width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:5px;background:#418ef2}.tool-btns img[data-v-1cef7d85]{width:24px;height:24px}.tool-btns div[data-v-1cef7d85]{width:20px;height:20px}.box-imgList[data-v-1cef7d85]{padding:10px;max-width:370px;max-height:370px;overflow-y:auto}.box-imgList .box-imgList-div[data-v-1cef7d85]{-webkit-user-select:none;-moz-user-select:none;user-select:none;cursor:pointer;width:70px;height:70px;display:inline-flex;align-items:center;justify-content:center;border-radius:5px}.box-imgList .box-imgList-div[data-v-1cef7d85]:hover{background:#f2f2f2}.box-imgList .box-imgList-div img[data-v-1cef7d85]{max-width:100%;max-height:100%}.box-imgList .box-imgList-divs[data-v-1cef7d85]{-webkit-user-select:none;-moz-user-select:none;user-select:none;cursor:pointer;width:70px;height:70px;display:inline-flex;align-items:center;justify-content:center;border-radius:5px;background:#418ef2}.box-imgList .box-imgList-divs img[data-v-1cef7d85]{max-width:100%;max-height:100%}.disabled[data-v-1cef7d85]{cursor:no-drop;pointer-events:none;opacity:.6}.blur[data-v-1cef7d85]{background-color:hsla(0,0%,100%,.3);backdrop-filter:blur(10px)}.screenEntry-box .box-h3[data-v-1cef7d85]{color:#000;font-size:18px}.screenEntry-box .box-h3[data-v-1cef7d85],.screenEntry-box .box-h5[data-v-1cef7d85]{text-align:center;font-family:Microsoft JhengHei;font-style:normal;font-weight:400;line-height:normal}.screenEntry-box .box-h5[data-v-1cef7d85]{margin-top:12px;color:#666;font-size:14px}.screenEntry-box .box-btn[data-v-1cef7d85]{margin-top:33px;display:flex;align-items:center;justify-content:center}.screenEntry-box .box-btn button[data-v-1cef7d85]{-webkit-user-select:none;-moz-user-select:none;user-select:none;cursor:pointer;width:230px;height:48px;border:none;border-radius:4px;background:linear-gradient(180deg,#71afff,#418ef2);color:#fff;text-align:center}.screenEntry-box .box-btn button p[data-v-1cef7d85]{width:100%;color:#fff;font-size:15px;font-family:Microsoft JhengHei;font-style:normal;font-weight:400;line-height:normal;margin:0}.screenEntry-box .box-btn button span[data-v-1cef7d85]{color:#fff;font-size:12px;font-family:Microsoft JhengHei;font-style:normal;font-weight:400;line-height:normal}.sketchpad-popover{padding:0!important}.sketchpad-popovers{min-width:40px;padding:15px 0!important;display:flex;justify-content:center}.picker_wrapper{height:-moz-fit-content;height:fit-content;border-radius:10px}.arrow{stroke:#000;stroke-width:2;marker-end:url(#arrow)}.active{background:rgba(204,211,213,.87)}.textBox.active{border:1px dashed grey}.textBox>.moveIcon,.textBox>.removeIcon{display:none}.textBox.active>.moveIcon,.textBox.active>.removeIcon{display:block}.mobile{touch-action:none}.clickable{touch-action:auto;pointer-events:auto}.scroll-wrapper{position:relative;height:100%;width:100%}.custom-scrollbar{right:-14px;top:0;height:100%;width:14px;background-color:rgba(0,0,0,.05)}.custom-scrollbar,.scrollbar-thumb{position:absolute;border-radius:4px}.scrollbar-thumb{width:100%;background-color:#888;cursor:pointer}.custom-scrollbar-horizontal{height:14px;background:#eee;position:absolute;left:0;right:0;z-index:10}.scrollbar-thumb-horizontal{position:absolute;top:0;height:100%;background:#888;border-radius:4px;cursor:pointer}#whiteboardContainer{overflow:auto;-webkit-overflow-scrolling:touch;touch-action:auto;-ms-overflow-style:none}#whiteboardContainer::-webkit-scrollbar{background:transparent;display:none;width:0}#whiteboardContainer::-webkit-scrollbar-thumb{background-color:rgba(0,0,0,.3);border-radius:4px}.scrollbar-thumb-horizontal:active,.scrollbar-thumb:active{cursor:grabbing}#mouseOverlay{touch-action:none}.teacherCamera[data-v-425291ae]{margin-top:10px;width:100%;height:calc(50% - 177px);min-height:260px;border-radius:8px;background:#efefee;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.teacherCamera .teacherCamera-video[data-v-425291ae]{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:8px;overflow:hidden}.teacherCamera .teacherCamera-leftTop[data-v-425291ae]{position:absolute;left:12px;top:12px}.teacherCamera .teacherCamera-leftTop .leftTop-box[data-v-425291ae]{margin-top:12px;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:30px;height:30px;border-radius:50%;background:hsla(0,0%,100%,.6);display:flex;align-items:center;justify-content:center}.teacherCamera .teacherCamera-leftTop .leftTop-box[data-v-425291ae]:first-child{cursor:pointer;margin-top:0}.teacherCamera .teacherCamera-leftBottom[data-v-425291ae]{position:absolute;left:12px;bottom:12px;padding:5px 6px;border-radius:4px;background:hsla(0,0%,100%,.8);display:flex;align-items:center;color:#323130;font-size:12px;font-family:Microsoft JhengHei;font-style:normal;font-weight:400;line-height:normal}.teacherCamera .teacherCamera-leftBottom span[data-v-425291ae]{margin-right:4px;width:6px;height:6px;border-radius:50%;background:#58c358}.teacherCamera-popover{padding:0 16px!important}.studentCamera[data-v-39414d02]{margin-top:12px;width:100%;height:calc(50% - 177px);min-height:260px;border-radius:8px;background:#efefee;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.studentCamera .studentCamera-video[data-v-39414d02]{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:8px;overflow:hidden}.studentCamera .studentCamera-leftTop[data-v-39414d02]{position:absolute;left:12px;top:12px}.studentCamera .studentCamera-leftTop .leftTop-box[data-v-39414d02]{margin-top:12px;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:30px;height:30px;border-radius:50%;background:hsla(0,0%,100%,.6);display:flex;align-items:center;justify-content:center}.studentCamera .studentCamera-leftTop .leftTop-box[data-v-39414d02]:first-child{cursor:pointer;margin-top:0}.studentCamera .studentCamera-leftBottom[data-v-39414d02]{position:absolute;left:12px;bottom:12px;padding:5px 6px;border-radius:4px;background:hsla(0,0%,100%,.8);display:flex;align-items:center;color:#323130;font-size:12px;font-family:Microsoft JhengHei;font-style:normal;font-weight:400;line-height:normal}.studentCamera .studentCamera-leftBottom span[data-v-39414d02]{margin-right:4px;width:6px;height:6px;border-radius:50%;background:#58c358}.studentCamera .studentCamera-rightBottom[data-v-39414d02]{-webkit-user-select:none;-moz-user-select:none;user-select:none;position:absolute;right:12px;bottom:12px}.studentCamera .studentCamera-rightBottom img[data-v-39414d02]{width:24px;height:24px}.studentCamera-popover{padding:0 16px!important}.chat[data-v-05633f10]{margin-top:12px;width:100%;height:320px;border-radius:8px;border:1px solid var(--unnamed,#e9e9ea);background:#fff;overflow:hidden}.chat .chat-head[data-v-05633f10]{width:100%;height:40px;background:var(--unnamed,#647cb1);display:flex;align-items:center;justify-content:center}.chat .chat-head img[data-v-05633f10]{width:30px;height:30px}.chat .chat-content[data-v-05633f10]{padding:12px;width:100%;height:calc(100% - 40px);overflow-y:auto;scrollbar-width:none;-ms-overflow-style:none}.chat .chat-content[data-v-05633f10]::-webkit-scrollbar{display:none}.chat .chat-content .chat-content-box[data-v-05633f10]{margin-bottom:10px;display:flex;flex-wrap:wrap}.chat .chat-content .chat-content-box .box-name[data-v-05633f10]{margin-bottom:6px;width:100%;display:flex;align-items:center;flex-wrap:wrap;color:#333;font-size:16px;font-family:Microsoft JhengHei;font-style:normal;font-weight:400;line-height:normal}.chat .chat-content .chat-content-box .box-name span[data-v-05633f10]{margin-left:6px;color:#bfbfbf;font-size:10px;font-family:Microsoft JhengHei;font-style:normal;font-weight:400;line-height:normal}.chat .chat-content .chat-content-box .box-text[data-v-05633f10]{max-width:100%;min-height:49px;padding:14px 16px;border-radius:6px;color:#fff;font-size:16px;font-family:Microsoft JhengHei;font-style:normal;font-weight:400;line-height:normal}.chat .chat-content .chat-content-box .imageMessage[data-v-05633f10]{max-width:100%;max-height:100px;width:auto;height:auto}.chat .chat-content .type1 .box-name[data-v-05633f10],.chat .chat-content .type1[data-v-05633f10]{justify-content:flex-end}.chat .chat-content .type1 .box-text[data-v-05633f10]{border-top-right-radius:0;background:#333}.chat .chat-content .type2 .box-text[data-v-05633f10]{border-top-left-radius:0;background:#647cb1}.image-preview-overlay[data-v-05633f10]{position:fixed;top:0;left:0;width:100vw;height:100vh;background:rgba(0,0,0,.8);display:flex;align-items:center;justify-content:center;z-index:9999}.image-preview-large[data-v-05633f10]{max-width:90vw;max-height:90vh;border-radius:8px}.close-btn[data-v-05633f10]{position:fixed;top:20px;right:30px;font-size:30px;background:none;border:none;color:#fff;cursor:pointer}.employee[data-v-016c8d08]{width:100%;height:100%}.employee .employee-box[data-v-016c8d08]{padding:0 20px 10px;min-height:calc(100% - 60px);display:flex}.employee .employee-box .employee-box-left[data-v-016c8d08]{padding-right:16px;flex:1}.employee .employee-box .employee-box-right[data-v-016c8d08]{width:468px}.employee-full .employee-box[data-v-016c8d08]{padding:0 150px;height:100%}.employee-full .employee-box .employee-box-left[data-v-016c8d08]{padding-right:0}