.preview-wrapper[data-v-27e78278]{position:relative;width:100%;height:295px;background:#000;overflow:hidden;z-index:1000}.CCH5playerContainer>div{width:100%;height:100%}#ccPwd{color:#333!important}#ccVisitorBox{max-height:300px;overflow-x:hidden;overflow-y:auto}#ccVisitorBox .body{overflow:hidden!important}#ccH5classTest .ccTestBtnsBox,#ccVisitorBox .body,#ccVisitorBox .footer{box-sizing:content-box}#ccH5RightMenu .ccH5RightMenuBtn,#share-btn{box-sizing:content-box!important;overflow:hidden}#ccH5RightMenu{overflow-x:hidden!important;overflow-y:auto!important;max-height:270px!important}#ccH5RightMenu::-webkit-scrollbar{width:0}.input-box[data-v-18b406a5]{position:relative}.input-box .loading[data-v-18b406a5]{width:200px;height:32px;line-height:32px;position:absolute;left:0;top:0;text-align:center}.interact-list[data-v-72f3e976]{margin-top:16px}.flex1-content .flex1[data-v-72f3e976]{width:50%;max-width:648px}.edit-area[data-v-72f3e976]{position:relative;max-height:444px}.add-interact-btn[data-v-72f3e976]{position:absolute;top:0;right:16px;line-height:50px}.delete-btn[data-v-72f3e976]{color:rgba(0,0,0,.65)}.add-tip[data-v-72f3e976]{position:absolute;top:0;right:16px;color:rgba(0,0,0,.65);font-size:14px}.add-tip em[data-v-72f3e976]{padding:0 4px;color:#0088fe;font-style:normal}.td-row[data-v-72f3e976],.th-row[data-v-72f3e976]{display:flex;border-bottom:1px solid rgba(0,0,0,.06)}.td-row .td-desc[data-v-72f3e976],.td-row .th-col-desc[data-v-72f3e976],.th-row .td-desc[data-v-72f3e976],.th-row .th-col-desc[data-v-72f3e976]{flex:1}.td-row .th-col-action[data-v-72f3e976],.th-row .th-col-action[data-v-72f3e976]{padding-left:8px}.td-row .ant-btn[data-v-72f3e976],.th-row .ant-btn[data-v-72f3e976]{padding:0 8px}.td-row>div[data-v-72f3e976],.th-row>div[data-v-72f3e976]{height:52px;line-height:52px}.td-row>div[data-v-72f3e976]:first-child,.th-row>div[data-v-72f3e976]:first-child{width:80px;padding-left:16px}.td-row>div[data-v-72f3e976]:last-child,.th-row>div[data-v-72f3e976]:last-child{width:148px}.td-row .desc-txt[data-v-72f3e976],.th-row .desc-txt[data-v-72f3e976]{max-width:252px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.th-row[data-v-72f3e976]{color:#000;background:rgba(0,0,0,.02)}.td-row[data-v-72f3e976]{cursor:pointer}.td-row[data-v-72f3e976]:hover{background:rgba(0,0,0,.02)}.td-row.curr-item .fist-td[data-v-72f3e976]{position:relative}.td-row.curr-item .fist-td[data-v-72f3e976]:before{content:"";position:absolute;left:6px;top:50%;transform:translateY(-50%);border-top:4px solid transparent;border-right:6px solid transparent;border-bottom:4px solid transparent;border-left:6px solid #0088fe}.td-row.active[data-v-72f3e976]{background:#ebf6ff}.td-row.active[data-v-72f3e976]:hover{background:#e5f3fe}.input-label[data-v-72f3e976]{margin-bottom:8px}.btns[data-v-72f3e976]{position:absolute;bottom:16px;right:16px}.btns .btn[data-v-72f3e976]{margin-left:8px}.no-toolbar[data-v-c8e5d59a]{height:100%}.no-toolbar[data-v-c8e5d59a] .ql-container.ql-snow{border:1px solid #e9e9e9!important;border-radius:2px}.no-toolbar .quill-editor[data-v-c8e5d59a]{height:100%}.upload-tip[data-v-09ec3e1a]{margin-top:5px}.preview[data-v-09ec3e1a]{width:745px;height:312px;border-radius:2px;margin-top:24px;margin-bottom:16px}.footer-box[data-v-09ec3e1a]{text-align:center;padding-top:24px}.option-container[data-v-081a3d9b]{margin-bottom:20px}.form-box[data-v-081a3d9b] .ant-checkbox-inner,.form-box[data-v-081a3d9b] .ant-checkbox-input{width:24px;height:24px}.form-box[data-v-081a3d9b] .ant-checkbox-inner:after,.form-box[data-v-081a3d9b] .ant-checkbox-input:after{left:32%}.title[data-v-081a3d9b]{display:flex;height:24px;line-height:24px;position:relative}.title .right-title[data-v-081a3d9b]{min-width:60px;position:absolute;left:372px;top:0}.title .right-title.pos[data-v-081a3d9b]{left:364px}.opt-btns[data-v-081a3d9b]{width:60%;display:flex;margin-right:24px}.opt-btns>span[data-v-081a3d9b]{margin-right:4px}.opt-btns[data-v-081a3d9b] .ant-btn{width:70px;height:24px;line-height:24px;padding:0 6px;margin-left:12px}.footer-box[data-v-081a3d9b]{text-align:center;padding-top:24px}.interact-list[data-v-1a5c5174]{margin-top:16px}.edit-area[data-v-1a5c5174]{position:relative;background:none}.edit-area.no-edit[data-v-1a5c5174]{max-height:444px;background:#fff}.edit-area.flex-bg[data-v-1a5c5174]{background:#fff;padding-bottom:64px}.add-interact-btn[data-v-1a5c5174]{position:absolute;top:0;right:16px;line-height:50px}.add-tip[data-v-1a5c5174]{position:absolute;top:0;right:16px;color:rgba(0,0,0,.65);font-size:14px}.add-tip em[data-v-1a5c5174]{padding:0 4px;color:#0088fe;font-style:normal}.td-row[data-v-1a5c5174],.th-row[data-v-1a5c5174]{display:flex;border-bottom:1px solid rgba(0,0,0,.06)}.td-row .td-desc[data-v-1a5c5174],.td-row .th-col-name[data-v-1a5c5174],.th-row .td-desc[data-v-1a5c5174],.th-row .th-col-name[data-v-1a5c5174]{flex:1}.td-row .th-col-action[data-v-1a5c5174],.th-row .th-col-action[data-v-1a5c5174]{padding-left:8px}.td-row .ant-btn[data-v-1a5c5174],.th-row .ant-btn[data-v-1a5c5174]{padding:0 8px}.td-row>div[data-v-1a5c5174],.th-row>div[data-v-1a5c5174]{height:52px;line-height:52px}.td-row>div[data-v-1a5c5174]:first-child,.th-row>div[data-v-1a5c5174]:first-child{width:80px;padding-left:16px}.td-row>div[data-v-1a5c5174]:last-child,.th-row>div[data-v-1a5c5174]:last-child{width:148px}.td-row .desc-txt[data-v-1a5c5174],.th-row .desc-txt[data-v-1a5c5174]{max-width:252px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.th-row[data-v-1a5c5174]{color:#000;background:rgba(0,0,0,.02)}.td-row[data-v-1a5c5174]{cursor:pointer}.td-row[data-v-1a5c5174]:hover{background:rgba(0,0,0,.02)}.td-row.curr-item .fist-td[data-v-1a5c5174]{position:relative}.td-row.curr-item .fist-td[data-v-1a5c5174]:before{content:"";position:absolute;left:6px;top:50%;transform:translateY(-50%);border-top:4px solid transparent;border-right:6px solid transparent;border-bottom:4px solid transparent;border-left:6px solid #0088fe}.td-row.active[data-v-1a5c5174]{background:#ebf6ff}.td-row.active[data-v-1a5c5174]:hover{background:#e5f3fe}.input-label[data-v-1a5c5174]{margin-bottom:8px}.input-label span[data-v-1a5c5174]{color:rgba(0,0,0,.45)}.jump-box[data-v-1a5c5174]{margin-top:10px;margin-bottom:20px}.btns[data-v-1a5c5174]{position:relative;height:64px;z-index:1060;padding:16px;background:#fff;text-align:right}.btns.has-scroll[data-v-1a5c5174]{width:648px;max-width:648px;position:fixed;bottom:0;box-shadow:0 -3px 6px -4px rgba(0,0,0,.12),0 -6px 16px 0 rgba(0,0,0,.08),0 -8px 24px 8px rgba(0,0,0,.04)}.btns .btn[data-v-1a5c5174]{margin-left:8px}.error-status[data-v-1a5c5174]{position:relative}.error-status[data-v-1a5c5174] .ant-input{background-color:#fff;border-color:#f5222d;box-shadow:0 0 0 2px rgba(245,34,45,.2)}.error-status[data-v-1a5c5174] .ant-input:hover{border-color:#f5222d}.error-status .content-tip[data-v-1a5c5174]{position:absolute;left:0;bottom:-20px;color:#f5222d}.ccProblem .text{word-break:break-all}.input-label[data-v-672caeba]{margin-bottom:8px}.input-label span[data-v-672caeba]{color:rgba(0,0,0,.45)}.error-status[data-v-672caeba]{position:relative}.error-status[data-v-672caeba] .ant-input{background-color:#fff;border-color:#f5222d;box-shadow:0 0 0 2px rgba(245,34,45,.2)}.error-status[data-v-672caeba] .ant-input:hover{border-color:#f5222d}.error-status .content-tip[data-v-672caeba]{color:#f5222d}.tip-box[data-v-672caeba]{position:relative;max-width:405px;text-align:right}.tip-box .content-tip[data-v-672caeba]{height:20px;position:absolute;left:0;bottom:0}.info[data-v-672caeba]{padding:0 64px}.btns-box[data-v-672caeba]{position:absolute;bottom:0;left:0;right:0;display:flex;justify-content:flex-end;padding:24px 48px;border-top:1px solid #e9e9e9;background:#fff}.btns-box .btns[data-v-672caeba]{width:164px}.btns-box .btns .btn[data-v-672caeba]{width:74px}.btns-box .btns .btn[data-v-672caeba]:first-child{margin-right:8px}.btns-box .btns .btn[data-v-672caeba]:last-child{margin-left:8px}.edit-div[data-v-3abad843]{width:100%;height:100%;overflow:auto;word-break:break-all;outline:none;-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text;white-space:pre-wrap;text-align:left}.edit-div[contenteditable=true][data-v-3abad843]{user-modify:read-write-plaintext-only}.edit-div[contenteditable=true][data-v-3abad843]:empty:before{content:attr(placeholder);display:block;color:#ccc}.blank-title[data-v-3abad843]{width:414px;height:54px;background:#fff;border-radius:2px;border:1px solid rgba(0,0,0,.15);margin-bottom:6px}.content-box[data-v-3abad843]{display:flex;justify-content:space-between;margin-right:12px;margin-bottom:24px}.content-box .blank-btn[data-v-3abad843] .ant-btn{width:108px;height:24px;line-height:24px;padding:0 6px}.input-label[data-v-479ce274]{margin-bottom:8px}.input-label span[data-v-479ce274]{color:rgba(0,0,0,.45)}.content-box[data-v-479ce274]{display:flex;justify-content:space-between;margin-right:12px;margin-bottom:24px}.tip-box[data-v-479ce274]{position:relative;max-width:415px;text-align:right}.info[data-v-479ce274]{padding:0 64px}.btns-box[data-v-479ce274]{position:absolute;bottom:0;left:0;right:0;display:flex;justify-content:flex-end;padding:24px 48px;border-top:1px solid #e9e9e9;background:#fff}.btns-box .btns[data-v-479ce274]{width:164px}.btns-box .btns .btn[data-v-479ce274]{width:74px}.btns-box .btns .btn[data-v-479ce274]:first-child{margin-right:8px}.btns-box .btns .btn[data-v-479ce274]:last-child{margin-left:8px}.blank-btn[data-v-479ce274] .ant-btn{width:108px;height:24px;line-height:24px;padding:0 6px}.content-len{color:rgba(0,0,0,.25)}.interact-list[data-v-78ae8726]{margin-top:16px}.flex1-content .flex1[data-v-78ae8726]{width:50%;max-width:648px}.edit-area[data-v-78ae8726]{position:relative;background:none}.edit-area.no-edit[data-v-78ae8726]{max-height:444px;background:#fff}.edit-area.flex-bg[data-v-78ae8726]{background:#fff;padding-bottom:64px}.add-interact-btn[data-v-78ae8726]{position:absolute;top:0;right:16px;line-height:50px}.delete-btn[data-v-78ae8726]{color:rgba(0,0,0,.65)}.add-tip[data-v-78ae8726]{position:absolute;top:0;right:16px;color:rgba(0,0,0,.65);font-size:14px}.add-tip em[data-v-78ae8726]{padding:0 4px;color:#0088fe;font-style:normal}.desc-txt[data-v-78ae8726]{max-width:252px}.desc-txt[data-v-78ae8726],.name-txt[data-v-78ae8726]{white-space:nowrap;text-overflow:ellipsis;overflow:hidden;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.name-txt[data-v-78ae8726]{max-width:112px}.option-row[data-v-78ae8726]{display:flex;justify-content:space-between}.curr-item[data-v-78ae8726]{position:relative}.curr-item[data-v-78ae8726]:before{content:"";position:absolute;left:-9px;top:50%;transform:translateY(-40%);border-top:4px solid transparent;border-right:6px solid transparent;border-bottom:4px solid transparent;border-left:6px solid #0088fe}.input-label[data-v-78ae8726]{margin-bottom:8px}.input-label span[data-v-78ae8726]{color:rgba(0,0,0,.45)}.jump-box[data-v-78ae8726]{margin-top:10px;margin-bottom:20px}.btns[data-v-78ae8726]{position:relative;height:64px;z-index:1060;padding:16px;background:#fff;text-align:right}.btns.has-scroll[data-v-78ae8726]{width:648px;max-width:648px;position:fixed;bottom:0;box-shadow:0 -3px 6px -4px rgba(0,0,0,.12),0 -6px 16px 0 rgba(0,0,0,.08),0 -8px 24px 8px rgba(0,0,0,.04)}.btns .btn[data-v-78ae8726]{margin-left:8px}.error-status[data-v-78ae8726]{position:relative}.error-status[data-v-78ae8726] .ant-input{background-color:#fff;border-color:#f5222d;box-shadow:0 0 0 2px rgba(245,34,45,.2)}.error-status[data-v-78ae8726] .ant-input:hover{border-color:#f5222d}.error-status .content-tip[data-v-78ae8726]{position:absolute;left:0;bottom:-20px;color:#f5222d}[data-v-78ae8726] .ant-modal-body{position:relative;padding:0}.up-down[data-v-78ae8726]{position:absolute;left:48px;bottom:24px;width:164px}.up-down .btn[data-v-78ae8726]{width:74px}.up-down .btn[data-v-78ae8726]:first-child{margin-right:8px}.up-down .btn[data-v-78ae8726]:last-child{margin-left:8px}body[data-zindex=msg] .ant-message{z-index:100000!important}#ccH5classTest{word-break:break-all}#ccH5classTest,#ccH5classTest .ccTestBtnsBox,#ccH5classTest .finalBox{box-sizing:content-box!important}#ccH5classTest .finalBox{width:90%!important;padding:0 5%!important}#ccH5classTest .ccTestanswerBox .answerBox{max-width:85%}#ccH5classTest .title p{word-break:break-all}.interact-list[data-v-3f169cfa]{margin-top:16px}.edit-area[data-v-3f169cfa]{position:relative;background:none}.edit-area.no-edit[data-v-3f169cfa]{max-height:444px;background:#fff}.edit-area.flex-bg[data-v-3f169cfa]{background:#fff;padding-bottom:64px}.add-interact-btn[data-v-3f169cfa]{position:absolute;top:0;right:16px;line-height:50px}.delete-btn[data-v-3f169cfa]{color:rgba(0,0,0,.65)}.add-tip[data-v-3f169cfa]{position:absolute;top:0;right:16px;color:rgba(0,0,0,.65);font-size:14px}.add-tip em[data-v-3f169cfa]{padding:0 4px;color:#0088fe;font-style:normal}.td-row[data-v-3f169cfa],.th-row[data-v-3f169cfa]{display:flex;border-bottom:1px solid rgba(0,0,0,.06)}.td-row>div[data-v-3f169cfa]:not(:last-child),.th-row>div[data-v-3f169cfa]:not(:last-child){flex:1}.td-row .th-col-action[data-v-3f169cfa],.th-row .th-col-action[data-v-3f169cfa]{padding-left:8px}.td-row .ant-btn[data-v-3f169cfa],.th-row .ant-btn[data-v-3f169cfa]{padding:0 8px}.td-row>div[data-v-3f169cfa],.th-row>div[data-v-3f169cfa]{height:52px;line-height:52px}.td-row>div[data-v-3f169cfa]:first-child,.th-row>div[data-v-3f169cfa]:first-child{width:80px;padding-left:16px}.td-row>div[data-v-3f169cfa]:last-child,.th-row>div[data-v-3f169cfa]:last-child{width:148px}.th-row[data-v-3f169cfa]{color:#000;background:rgba(0,0,0,.02)}.td-row[data-v-3f169cfa]{cursor:pointer}.td-row[data-v-3f169cfa]:hover{background:rgba(0,0,0,.02)}.td-row.curr-item .fist-td[data-v-3f169cfa]{position:relative}.td-row.curr-item .fist-td[data-v-3f169cfa]:before{content:"";position:absolute;left:6px;top:50%;transform:translateY(-50%);border-top:4px solid transparent;border-right:6px solid transparent;border-bottom:4px solid transparent;border-left:6px solid #0088fe}.td-row.active[data-v-3f169cfa]{background:#ebf6ff}.td-row.active[data-v-3f169cfa]:hover{background:#e5f3fe}.input-label[data-v-3f169cfa]{margin-bottom:8px}.jump-box[data-v-3f169cfa]{margin-top:10px;margin-bottom:20px}.btns[data-v-3f169cfa]{position:relative;height:64px;z-index:1060;padding:16px;background:#fff;text-align:right}.btns.has-scroll[data-v-3f169cfa]{width:648px;max-width:648px;position:fixed;bottom:0;box-shadow:0 -3px 6px -4px rgba(0,0,0,.12),0 -6px 16px 0 rgba(0,0,0,.08),0 -8px 24px 8px rgba(0,0,0,.04)}.btns .btn[data-v-3f169cfa]{margin-left:8px}.interact-wrapper[data-v-1ce1c607]{max-width:1360px;margin:0 auto 16px;padding:0 24px}.tabs[data-v-1ce1c607]{position:relative;display:inline-block;background:#fff;margin-bottom:16px;color:rgba(0,0,0,.65)}.tabs div[data-v-1ce1c607]{display:inline-block;border-top:1px solid #d9d9d9;border-bottom:1px solid #d9d9d9;padding:9px 16px;border-left:1px solid transparent;border-right:1px solid #d9d9d9;cursor:pointer}.tabs div[data-v-1ce1c607]:first-child{border-left:1px solid #d9d9d9;border-radius:2px 0 0 2px}.tabs div[data-v-1ce1c607]:last-child{border-radius:0 2px 2px 0}.tabs div.active[data-v-1ce1c607]{border:1px solid #40a9ff;color:#0088fe;border-radius:0;box-shadow:0 0 0 3px rgba(0,136,254,.08)}.interact-content[data-v-1ce1c607]{position:relative}.preview-fixed[data-v-1ce1c607]{position:absolute;left:0;top:0;width:50%;padding-right:8px}.interact-card{border-radius:2px;background:#fff}.interact-card .card-header{position:relative;height:52px;padding:0 16px;font-size:16px;font-weight:500;line-height:52px;background:#fafafa;color:rgba(0,0,0,.85)}.interact-card .card-content{padding:16px;background:#fff}.interact-card .delete-btn{color:rgba(0,0,0,.65)}.interact-card .delete-btn:hover{color:#f55757}.flex1-content{display:flex}.flex1-content .flex1{flex:1}.flex1-content .flex1:first-child{margin-right:8px}.flex1-content .flex1:last-child{margin-left:8px}