.header-container[data-v-72d26754]{width:calc(100% - 40px);padding:3px 20px;height:48px;background-color:#cd4c3f}.header-container .header-wrapper[data-v-72d26754]{width:100%;height:100%;display:flex;justify-content:flex-start;box-sizing:border-box;font-weight:600}.header-container .layout-lesson[data-v-72d26754]{display:flex;align-items:center;gap:30px;cursor:default}.header-container .layout-lesson .student-left-back img[data-v-72d26754]{cursor:pointer}.header-container .layout-lesson .header-lesson[data-v-72d26754]{line-height:54px;color:#fff;font-size:14px}.header-container .layout-lesson .progressBar[data-v-72d26754]{display:flex;gap:8px}.header-container .layout-lesson .progressBar li[data-v-72d26754]{display:flex;align-items:center;cursor:pointer}.header-container .layout-lesson .progressBar li .progressDot[data-v-72d26754]{width:10px;height:10px;background:#dc8178;border-radius:50%}.header-container .layout-lesson .progressBar li .progressDot[data-v-72d26754]:hover{background:#f2d2cf}.header-container .layout-lesson .progressBar li .progressDotFinish[data-v-72d26754]{background:#fff!important}.header-container .layout-lesson .progressBar li .progressDotCurrent[data-v-72d26754]{background:#cd4c3f!important;border:1.5px solid #fff;box-sizing:border-box}.header-container .student-right[data-v-72d26754]{flex:1;height:100%;display:flex;justify-content:end;align-items:center;gap:16px}.header-container .student-right img[data-v-72d26754]{cursor:pointer;transition:all .3s ease-out}.header-container .student-right img[data-v-72d26754]:hover{opacity:.7}.header-container .student-right .chat-area img[data-v-72d26754],.header-container .student-right .courseware-area img[data-v-72d26754]{margin-top:4px;width:28px}.header-container .student-right .student-full[data-v-72d26754]{display:flex;align-items:center;justify-content:center}.header-container .student-right .student-full img[data-v-72d26754]{width:20px}.header-container .student-right .class-time .time-wrapper[data-v-72d26754]{height:32px;display:flex;align-items:center;padding:0 20px;background-color:#f48d83;border-radius:20px;cursor:default;gap:5px}.header-container .student-right .class-time .time-wrapper span[data-v-72d26754]:first-child{width:10px;height:10px;background-color:#fff;border-radius:50%}.header-container .student-right .class-time .time-wrapper span[data-v-72d26754]:nth-child(2),.header-container .student-right .class-time .time-wrapper span[data-v-72d26754]:nth-child(3){color:#fff;font-size:13px}.header-container .student-right .lesson-info-area[data-v-72d26754]{position:fixed;right:10px;top:64px;opacity:.9;height:80%;background:#0e2e62;z-index:1004;border-radius:10px;padding:20px 20px}.header-container .student-right .lesson-info-area .info-header[data-v-72d26754]{font-family:Yuanti SC-Bold;display:flex;justify-content:space-between;color:#fff;height:45px;line-height:45px;font-weight:500}.header-container .student-right .lesson-info-area .info-header p[data-v-72d26754]{cursor:pointer}.header-container .student-right .lesson-info-area .info-content[data-v-72d26754]{height:calc(100% - 45px);overflow:auto;color:#fff}.header-container .student-right .lesson-info-area .info-content .class-area[data-v-72d26754]{display:flex;flex-direction:column;gap:10px;font-size:13px}.header-container .student-right .lesson-info-area .info-content .class-area .nav_lesson[data-v-72d26754]{font-weight:500;cursor:pointer;display:flex;justify-content:space-between;background:#375075;align-items:center;border-radius:4px;padding:12px 24px;color:#fff}.header-container .student-right .lesson-info-area .info-content .class-area .nav_lesson .activeTitle[data-v-72d26754]{color:#f6c752}.header-container .student-right .lesson-info-area .info-content .class-area .active[data-v-72d26754]{background:#dadfe6;color:#1b4589}.header-container .student-right .lesson-info-area .info-content .class-area .active .activeTitle[data-v-72d26754]{color:#1b4589}.header-container .student-right .lesson-info-area .info-content .class-area .red_color[data-v-72d26754]{font-family:Yuanti SC-Bold;color:#cd4c3f}.header-container .student-right .el-icon-bell[data-v-72d26754]{cursor:pointer;font-size:30px}.header-container .student-right .jump-to-nc-trial-button[data-v-72d26754]{width:28px;height:28px}.header-container .student-right .jump-to-nc-trial-button img[data-v-72d26754]{width:100%;height:100%;-o-object-fit:contain;object-fit:contain}.page-title-container[data-v-1cd7362a]{display:flex;gap:10px}.page-title-container .page-title[data-v-1cd7362a]{display:flex;align-items:flex-end}.page-title-container .page-title span[data-v-1cd7362a]{transition:all .3s ease-out;text-align:center;border-top-right-radius:17px;border-top-left-radius:17px;background-color:#af4035;color:#fff;cursor:pointer;font-size:.9rem;font-family:YuantiRegular;white-space:nowrap}.page-title-container .font-lesson-title[data-v-1cd7362a]{display:flex;align-items:center;justify-content:center;gap:5px;padding:10px 16px}.page-title-container .page-title:hover span[data-v-1cd7362a]{background-color:#cd4c3f}.page-title-container .page-title:hover .font-lesson-title[data-v-1cd7362a]{padding-top:14px;padding-bottom:12px}.page-title-container .active .font-lesson-title[data-v-1cd7362a]{padding-top:14px;padding-bottom:12px;background-color:#cd4c3f}.page-title-container .active .font-lesson-title span[data-v-1cd7362a]{background-color:#cd4c3f}.white-board-container[data-v-899418a0]{width:100%;height:100%;z-index:9999}.canvas-wrapper[data-v-899418a0]{width:100%;height:100%;position:relative}#white-board-canvas[data-v-899418a0]{cursor:url(../img/cursor-brush.440169a9.svg),crosshair;-moz-user-select:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;touch-action:none}#white-board-canvas.eraserStyle[data-v-899418a0]{cursor:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAYAAAA7MK6iAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAGXSURBVHgBxZcxUsMwEEV/QkVnbqCSVHFJh29AbkBKuvgGcANzA8wJEk5A6KALJ8AlnV1CFXaj7wkxE9txLPFm/ozHlla7slZaDdCOQBSKJqJLkeE7pRCtRO+ipWiBHlDjt6Jc9Cya0YGg0ibiN23zwT4GHZlxwIcDjWjblA5c40ASdgzRHUMbSdsOGmGK3ensitqY02YtCRv2TYqayKewU9NHpFUC2o6rHww/GLhD10tOJ3DCl7qCNR8f4Y5P0Uh0DpvvG1xHW2LAqIewu1FGuSaD3eVCneob0ZvoFX44E11oxGN64Ysl7H6/XWmeCDgm1vDPeoh/QgfW/PU91YUOnMFPDpfoDrbSdBrRC1/ppPvGtz5EsJWDL3SsK30ol7eBewzs9rw5JL5Ep/TiCW65F73g1yFRRn1MqdOEwZ7DKIb7QmBv8adT0VgfdWBO27WkbNhXsVcWj61Q744tDkLaaIy0ypQduxb0ulhjdMSI7uhAeYWJ8PcKE2J7hcnZp/ZXDdCeCQcdY/f+pIdMBpufC9iiomgy9gPoQFp0gKAxiwAAAABJRU5ErkJggg==),crosshair}.text-input[data-v-899418a0]{position:absolute;font-size:2rem;box-sizing:border-box;border:1px solid #224e94;border-radius:10px}.class-page-container[data-v-51c29fd6]{width:100%;height:100%}.class-page-container .whiteBoard-box[data-v-51c29fd6]{position:absolute;width:100%;height:100%;top:0;left:0;z-index:8888}.class-page-container .display-page[data-v-51c29fd6]{width:100%;height:100%;border-radius:56px}.class-page-container .white-bg[data-v-51c29fd6]{background:#fff}.interaction-container[data-v-445b792a]{width:100%;height:100%;position:relative}.interaction-container .video-content[data-v-445b792a]{width:100%;height:100%;display:flex;flex-direction:column;gap:4px}.interaction-container .video-content .local-content[data-v-445b792a],.interaction-container .video-content .remote-content[data-v-445b792a]{width:100%;height:50%;border-radius:20px;background-color:#fff;cursor:pointer;position:relative}.interaction-container .video-content .local-content .video-wrapper[data-v-445b792a],.interaction-container .video-content .remote-content .video-wrapper[data-v-445b792a]{width:100%;height:100%}.interaction-container .video-content .local-content .icon_camera[data-v-445b792a],.interaction-container .video-content .local-content .icon_micro[data-v-445b792a],.interaction-container .video-content .remote-content .icon_camera[data-v-445b792a],.interaction-container .video-content .remote-content .icon_micro[data-v-445b792a]{position:absolute;bottom:10px;right:50px;z-index:2;display:flex;justify-content:center;align-items:center;cursor:pointer}.interaction-container .video-content .local-content .icon_camera img[data-v-445b792a],.interaction-container .video-content .local-content .icon_micro img[data-v-445b792a],.interaction-container .video-content .remote-content .icon_camera img[data-v-445b792a],.interaction-container .video-content .remote-content .icon_micro img[data-v-445b792a]{width:30px;height:30px;border-radius:50%}.interaction-container .video-content .local-content .icon_micro[data-v-445b792a],.interaction-container .video-content .remote-content .icon_micro[data-v-445b792a]{right:10px}.interaction-container .video-content .local-content .nickname[data-v-445b792a],.interaction-container .video-content .remote-content .nickname[data-v-445b792a]{position:absolute;color:#fff;font-size:12px;background-color:#cd4c3f;border-top-left-radius:17px;border-top-right-radius:17px;padding:10px 26px;bottom:0;left:20px;z-index:2}.interaction-container .video-content .local-content .videoCont[data-v-445b792a],.interaction-container .video-content .remote-content .videoCont[data-v-445b792a]{z-index:1;width:100%;height:100%;overflow:hidden}.interaction-container .video-content .local-content .videoCont[data-v-445b792a] canvas,.interaction-container .video-content .remote-content .videoCont[data-v-445b792a] canvas{border-radius:20px}.interaction-container .video-content .local-content .videoCont[data-v-445b792a] video,.interaction-container .video-content .remote-content .videoCont[data-v-445b792a] video{-o-object-fit:cover;object-fit:cover}.interaction-container .video-content .local-content .videoCont.video-closed[data-v-445b792a],.interaction-container .video-content .remote-content .videoCont.video-closed[data-v-445b792a]{background-color:#000}.interaction-container .video-content .remote-content .video-item[data-v-445b792a]{height:100%;position:relative}.interaction-container .video-content .trialLocalStyle[data-v-445b792a]{height:36%}.interaction-container .video-content .trialRemoteStyle[data-v-445b792a]{display:flex;height:calc(64% - 4px);flex-direction:column;background:#224e96;gap:2px}.interaction-container .video-content .trialRemoteStyle .video-item[data-v-445b792a]{height:50%}.interaction-container .video-content .student-star[data-v-445b792a]{background:#fff;border-radius:25px;padding:6px 16px;height:25px;position:absolute;top:20px;left:15px;display:flex;gap:15px;justify-content:space-around;align-items:center;cursor:default;z-index:100}.interaction-container .video-content .student-star .star-middle[data-v-445b792a]{display:flex;background:#fff;justify-content:center;align-items:center;border-radius:25px;gap:10px}.interaction-container .video-content .student-star .star-middle .star-img[data-v-445b792a]{color:#224e96;font-size:16px;font-family:YuantiRegular;display:flex;align-items:center;gap:8px}.interaction-container .video-content .student-star .star-middle .star-img img[data-v-445b792a]{height:25px}.interaction-container .video-content .student-star .star-middle .star-img img.animatedstar[data-v-445b792a]{animation:spin-445b792a 1s linear infinite;-webkit-animation-iteration-count:1}.interaction-container .video-content .student-star .star-middle .star-number[data-v-445b792a]{color:#224e96;font-family:YuantiRegular;font-weight:600}.interaction-container .video-content .student-star .addStar[data-v-445b792a],.interaction-container .video-content .student-star .removeStar[data-v-445b792a]{line-height:25px;background:#fff;border-radius:20px;font-size:24px;cursor:pointer;transition:all .3s ease-out}.interaction-container .video-content .student-star .addStar[data-v-445b792a]:hover,.interaction-container .video-content .student-star .removeStar[data-v-445b792a]:hover{color:#f4d737}.interaction-container .lesson-info-area[data-v-445b792a]{position:fixed;right:10px;bottom:0;width:35%;opacity:.96;height:calc(100% - 54px);background:#0e2e62;z-index:1004}.interaction-container .lesson-info-area .info-header[data-v-445b792a]{font-family:Yuanti SC-Bold;margin-left:5%;margin-right:10%;display:flex;justify-content:space-between;margin-top:30px;color:#fff;margin-bottom:40px}.interaction-container .lesson-info-area .info-header p[data-v-445b792a]{cursor:pointer}.interaction-container .lesson-info-area .info-content[data-v-445b792a]{margin-left:9%;margin-right:10%;color:#fff}.interaction-container .lesson-info-area .info-content .nav_course_one[data-v-445b792a]{margin-bottom:40px}.interaction-container .lesson-info-area .info-content .nav_lesson[data-v-445b792a]{cursor:pointer;display:flex;justify-content:space-between;background:#375075;border-radius:9px;padding:16px 5% 16px 6%;color:#fff;margin-bottom:8px}.interaction-container .lesson-info-area .info-content .active[data-v-445b792a]{background:#dadfe6;color:#1b4589}.interaction-container .lesson-info-area .info-content .red_color[data-v-445b792a]{font-family:Yuanti SC-Bold;color:#cd4c3f}@keyframes spin-445b792a{0%{transform:rotate(0deg) scale(1);-moz-transform:scale(1) rotate(0deg);position:absolute;left:45px;top:3px}20%{transform:scale(1.5) rotate(60deg);position:absolute}80%{opacity:.8;position:absolute}to{transform:scale(30.5) rotate(1turn);top:20vh;left:-700px;position:absolute;opacity:0}}.audioAlert button{background:#224e96!important;border:none!important}.whiteBoard-container[data-v-41373b66]{width:100%;height:100%;display:flex;justify-content:space-between;box-sizing:border-box}.whiteBoard-container .control-box[data-v-41373b66]{width:100%;height:100%}.whiteBoard-container .control-box .control-box-content[data-v-41373b66]{width:100%;height:100%;display:flex;justify-content:flex-end;align-items:center}.whiteBoard-container .control-box .control-box-content .control-box-area[data-v-41373b66]{height:100%;background-color:#fff;border-radius:25px;display:flex;align-items:center;gap:10px;padding:0 15px}.whiteBoard-container .control-box .control-box-content .control-box-area .dis-line[data-v-41373b66]{color:#224e96;text-align:center;line-height:35px}.whiteBoard-container .control-box .control-box-content .control-box-area .select-area-item[data-v-41373b66]{height:100%;display:flex;justify-content:space-between}.whiteBoard-container .control-box .control-box-content .control-box-area .select-area-item .color[data-v-41373b66]{display:flex;justify-content:center;align-items:center;position:relative}.whiteBoard-container .control-box .control-box-content .control-box-area .select-area-item .color .color-border[data-v-41373b66]{width:16px;height:16px;border:2px solid #224e94;border-radius:50%;display:flex;justify-content:center;align-items:center}.whiteBoard-container .control-box .control-box-content .control-box-area .select-area-item .color .color-area[data-v-41373b66]{width:16px;height:16px;border-radius:50%;cursor:pointer}.whiteBoard-container .control-box .control-box-content .control-box-area .select-area-item .line-width-content[data-v-41373b66]{display:flex;justify-content:space-between;align-items:center;height:100%}.whiteBoard-container .control-box .control-box-content .control-box-area .select-area-item .line-width-content .line-width-item[data-v-41373b66]{border-radius:50%;background:#000;cursor:pointer;margin:0 5px}.whiteBoard-container .control-box .control-box-content .control-box-area .select-area-item .shape-content[data-v-41373b66]{display:flex;justify-content:center;align-items:center;transition:all .3s ease-out}.whiteBoard-container .control-box .control-box-content .control-box-area .select-area-item .shape-content img[data-v-41373b66]{margin:0 2px;display:flex;justify-content:center;align-items:center;width:15px;height:15px;cursor:pointer}.whiteBoard-container .control-box .control-box-content .control-box-area .select-area-item .text-content[data-v-41373b66]{flex:2;display:flex;justify-content:flex-end;align-items:center;width:100%;height:100%}.whiteBoard-container .control-box .control-box-content .control-box-area .select-area-item .text-content .select-box[data-v-41373b66]{position:relative;display:flex;align-items:center;color:#224e94}.whiteBoard-container .control-box .control-box-content .control-box-area .select-area-item .text-content .select-box .size[data-v-41373b66]{font-size:14px;text-align:center}.whiteBoard-container .control-box .control-box-content .control-box-area .select-area-item .text-content .select-box .down-image[data-v-41373b66]{display:flex;justify-content:center;align-items:center;cursor:pointer}.whiteBoard-container .control-box .control-box-content .control-box-area .select-area-item .text-content .select-box .down-image img[data-v-41373b66]{max-width:20px}.whiteBoard-container .control-box .control-box-content .control-box-area .select-area-item .text-content .select-box .option-area[data-v-41373b66]{z-index:10000;padding:5px 2px;width:50px;position:absolute;background:#fff;top:27px;left:5px;border-bottom-left-radius:3px;border-bottom-right-radius:3px;font-size:14px;padding:10px 16px;cursor:pointer;display:flex;flex-direction:column;gap:10px}.whiteBoard-container .control-box .control-box-content .control-box-area .select-area-item .text-content .select-box .option-area .option-item[data-v-41373b66]{transition:all .3s ease-out}.whiteBoard-container .control-box .control-box-content .control-box-area .select-area-item .text-content .select-box .option-area .option-item[data-v-41373b66]:hover{opacity:.7}.whiteBoard-container .control-box .control-box-content .control-box-area .select-area-item .text-content .select-box[data-v-41373b66] ::-webkit-scrollbar{display:none}.whiteBoard-container .control-box .control-box-content .gamePage .brush img[data-v-41373b66],.whiteBoard-container .control-box .control-box-content .gamePage .eraser img[data-v-41373b66],.whiteBoard-container .control-box .control-box-content .gamePage .mouse img[data-v-41373b66],.whiteBoard-container .control-box .control-box-content .gamePage .shape img[data-v-41373b66],.whiteBoard-container .control-box .control-box-content .whiteBoardPage .mouse img[data-v-41373b66]{cursor:not-allowed!important}.whiteBoard-container .control-box .control-box-content .item[data-v-41373b66]{flex:1;display:flex;justify-content:center;align-items:center;transition:all .3s ease-out}.whiteBoard-container .control-box .control-box-content .item img[data-v-41373b66]{width:18px;height:18px;cursor:pointer}.whiteBoard-container .control-box .control-box-content .item span[data-v-41373b66]{cursor:pointer}.whiteBoard-container .control-box .control-box-content .line-width-active[data-v-41373b66]{box-shadow:0 0 2px 3px orange}.whiteBoard-container .control-box .control-box-content .color-box[data-v-41373b66]{position:absolute;top:35px;left:5px;width:90px;padding:8px;display:flex;justify-content:space-around;align-items:center;border-radius:8px;background:#fff;box-shadow:0 0 1px 1px #eeecec;flex-wrap:wrap;z-index:9999!important}.whiteBoard-container .control-box .control-box-content .color-box .color-border-box[data-v-41373b66]{margin:0 2px;width:16px;height:16px;border-radius:50%;border:.5px solid #fff;display:flex;justify-content:center;align-items:center;margin-bottom:2px;cursor:pointer}.whiteBoard-container .control-box .control-box-content .color-box .active-color[data-v-41373b66]{border:.5px solid #224e94}.whiteBoard-container .control-box .control-box-content .color-box .color-item[data-v-41373b66]{width:14px;height:14px;border-radius:50%}.preview-layout-container[data-v-6f90a8f7]{width:100%;height:100%;flex-direction:row;position:relative}.preview-layout-container .shade-box[data-v-6f90a8f7]{position:absolute;width:100%;height:100%;z-index:9999}.preview-layout-container .layout-content[data-v-6f90a8f7]{width:100%;height:calc(100% - 54px);background-color:#224e96;background-image:url(../img/background.c4a8363f.svg);display:flex;box-sizing:border-box}.preview-layout-container .layout-content .layout-content-left[data-v-6f90a8f7]{width:calc(65% - 4px);height:calc(100% - 4px);padding-left:4px;padding-bottom:4px}.preview-layout-container .layout-content .layout-content-left .layout-content-left-header[data-v-6f90a8f7]{width:100%;height:60px;display:flex}.preview-layout-container .layout-content .layout-content-left .layout-content-left-header .page-title-box[data-v-6f90a8f7]{flex:2;margin-left:50px;display:flex;position:relative}.preview-layout-container .layout-content .layout-content-left .layout-content-left-header .control-box[data-v-6f90a8f7]{flex:3;display:flex;position:relative;justify-content:flex-end;align-items:center;margin-top:0;margin-right:25px}.preview-layout-container .layout-content .layout-content-left .layout-content-left-header .control-box .white-board-control[data-v-6f90a8f7]{flex:4;height:35px;margin-right:20px}.preview-layout-container .layout-content .layout-content-left .layout-content-left-header .control-box .page-turning[data-v-6f90a8f7]{flex:1;top:22%;right:0;display:flex;align-self:center;justify-content:flex-end}.preview-layout-container .layout-content .layout-content-left .layout-content-left-header .control-box .page-turning .nextPrevious[data-v-6f90a8f7]:hover,.preview-layout-container .layout-content .layout-content-left .layout-content-left-header .control-box .page-turning .previous[data-v-6f90a8f7]:hover{cursor:pointer}.preview-layout-container .layout-content .layout-content-left .layout-content-left-header .control-box .page-turning .previous[data-v-6f90a8f7]{width:42px;height:42px;background-image:url(../img/button-previous-page.939a438a.svg);margin-right:10px}.preview-layout-container .layout-content .layout-content-left .layout-content-left-header .control-box .page-turning .previous[data-v-6f90a8f7]:hover{background-image:url(../img/button-previous-page-hover.11388d08.svg)}.preview-layout-container .layout-content .layout-content-left .layout-content-left-header .control-box .page-turning .nextPrevious[data-v-6f90a8f7]{width:42px;height:42px;background-image:url(../img/button-next-page.546a3ff7.svg)}.preview-layout-container .layout-content .layout-content-left .layout-content-left-header .control-box .page-turning .nextPrevious[data-v-6f90a8f7]:hover{background-image:url(../img/button-next-page-hover.ab89319a.svg)}.preview-layout-container .layout-content .layout-content-left .layout-content-left-display[data-v-6f90a8f7]{width:100%;height:calc(100% - 60px);border-radius:56px;position:relative}.preview-layout-container .layout-content .layout-content-left .layout-content-left-display .teacher-mouse-move-area[data-v-6f90a8f7]{border-radius:58px;width:100%;height:100%;position:absolute;top:0;left:0;line-height:1;z-index:11}.preview-layout-container .layout-content .layout-content-right-lessonList[data-v-6f90a8f7]{opacity:.96;background:#0e2e62;overflow-y:auto;padding:40px;flex:1}.preview-layout-container .layout-content .layout-content-right-lessonList .nav_lesson[data-v-6f90a8f7]{cursor:pointer;justify-content:space-between;background:#375075;border-radius:9px;padding:16px 5% 16px 6%;color:#fff;margin-bottom:8px;display:flex;align-items:center}.preview-layout-container .layout-content .layout-content-right-lessonList .nav_lesson .activeTitle[data-v-6f90a8f7]{color:#f6c752}.preview-layout-container .layout-content .layout-content-right-lessonList .red_color[data-v-6f90a8f7]{font-family:Yuanti SC-Bold;color:#cd4c3f}@keyframes fadein-6f90a8f7{0%{opacity:0}to{opacity:1}}@keyframes fadeout-6f90a8f7{0%{opacity:1}to{opacity:0}}.fadein[data-v-6f90a8f7]{color:#fff;animation:fadein-6f90a8f7 .5s ease-in forwards}.layout-container[data-v-dcb92e88]{width:100%;height:100%;flex-direction:row;position:relative}.layout-container .layout-header[data-v-dcb92e88]{width:100%}.layout-container .shade-box[data-v-dcb92e88]{position:absolute;width:100%;height:100%;z-index:9999}.layout-container .layout-content[data-v-dcb92e88]{width:100%;height:calc(100% - 54px);background-color:#224e96;background-image:url(../img/background.c4a8363f.svg);display:flex}.layout-container .layout-content .layout-content-left[data-v-dcb92e88]{flex:1;height:calc(100% - 4px);padding:0 0 4px 4px}.layout-container .layout-content .layout-content-left .layout-content-left-header[data-v-dcb92e88]{width:100%;height:60px;display:flex}.layout-container .layout-content .layout-content-left .layout-content-left-header .page-title-box[data-v-dcb92e88]{flex:2;margin-left:50px;display:flex;position:relative}.layout-container .layout-content .layout-content-left .layout-content-left-header .control-box[data-v-dcb92e88]{flex:3;display:flex;position:relative;justify-content:flex-end;align-items:center;margin-top:0;margin-right:25px}.layout-container .layout-content .layout-content-left .layout-content-left-header .control-box .white-board-control[data-v-dcb92e88]{flex:4;height:35px;margin-right:20px}.layout-container .layout-content .layout-content-left .layout-content-left-header .control-box .page-turning[data-v-dcb92e88]{flex:1;top:22%;right:0;display:flex;align-self:center;justify-content:flex-end}.layout-container .layout-content .layout-content-left .layout-content-left-header .control-box .page-turning .nextPrevious[data-v-dcb92e88]:hover,.layout-container .layout-content .layout-content-left .layout-content-left-header .control-box .page-turning .previous[data-v-dcb92e88]:hover{cursor:pointer}.layout-container .layout-content .layout-content-left .layout-content-left-header .control-box .page-turning .previous[data-v-dcb92e88]{width:42px;height:42px;background-image:url(../img/button-previous-page.939a438a.svg);margin-right:10px}.layout-container .layout-content .layout-content-left .layout-content-left-header .control-box .page-turning .previous[data-v-dcb92e88]:hover{background-image:url(../img/button-previous-page-hover.11388d08.svg)}.layout-container .layout-content .layout-content-left .layout-content-left-header .control-box .page-turning .nextPrevious[data-v-dcb92e88]{width:42px;height:42px;background-image:url(../img/button-next-page.546a3ff7.svg)}.layout-container .layout-content .layout-content-left .layout-content-left-header .control-box .page-turning .nextPrevious[data-v-dcb92e88]:hover{background-image:url(../img/button-next-page-hover.ab89319a.svg)}.layout-container .layout-content .layout-content-left .layout-content-left-display[data-v-dcb92e88]{width:100%;height:calc(100% - 60px);border-radius:56px;position:relative}.layout-container .layout-content .layout-content-right[data-v-dcb92e88]{max-width:450px;min-width:300px;width:calc(30% - 8px);height:calc(100% - 8px);padding:4px}.layout-container .layout-content .layout-content-right[data-v-dcb92e88] .el-loading-mask{border-radius:20px}@keyframes fadein-dcb92e88{0%{opacity:0}to{opacity:1}}@keyframes fadeout-dcb92e88{0%{opacity:1}to{opacity:0}}.fadein[data-v-dcb92e88]{color:#fff;animation:fadein-dcb92e88 .5s ease-in forwards}