*,*:before,*:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box}html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background-color:rgba(0,0,0,0)}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:bold}dfn{font-style:italic}h1{font-size:2em;margin:.67em 0}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-0.5em}sub{bottom:-0.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{box-sizing:content-box;height:0}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto}input[type=search]{-webkit-appearance:textfield;box-sizing:content-box}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0}textarea{overflow:auto}optgroup{font-weight:bold}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}html{font-size:10px;-webkit-tap-highlight-color:rgba(0,0,0,0)}body{position:relative;background:#fff;color:#333;font-family:"Helvetica Neue",Helvetica,STHeiTi,sans-serif;font-weight:normal;line-height:1.5}body,input,textarea,select,button{text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-moz-font-feature-settings:"liga","kern"}a{color:#333;text-decoration:none}a:hover,a:focus{color:#333}a:focus{outline:thin dotted;outline:1px auto -webkit-focus-ring-color;outline-offset:-2px}img{max-width:100%;vertical-align:middle;-ms-interpolation-mode:bicubic}.clearfix:before,.clearfix:after{content:" ";display:table}.clearfix:after{clear:both}.clearfix{*zoom:1}blockquote,body,code,dd,div,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,input,legend,li,ol,p,pre,td,textarea,th,ul{margin:0;padding:0}h1,h2,h3,h4,h5,h6{font-weight:700;font-size:100%}h1,.h1{font-size:36px}h2,.h2{font-size:30px}h3,.h3{font-size:24px}h4,.h4{font-size:18px}h5,.h5{font-size:14px}h6,.h6{font-size:12px}ul,ol{list-style:none}iframe{border:0}::-webkit-input-placeholder{color:#999}:-moz-placeholder{color:#999}::-moz-placeholder{color:#999}:-ms-input-placeholder{color:#999}.rb-right{float:right}.rb-left{float:left}.rb-hide{display:none}.rb-show{display:block}.rb-invisible{visibility:hidden}.rb-affix{position:fixed;top:0;left:0}.rb-ellipsis{width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block}.rb-inb{display:inline-block;vertical-align:middle;*display:inline;*zoom:1}.rb-break-word{-ms-word-wrap:break-word;word-wrap:break-word;-ms-word-break:break-all;word-break:break-all}.rb-blank{margin-bottom:1rem}.rb-radius{border-radius:5px}.rb-scrollable-horizontal{overflow:hidden;overflow-x:auto;width:100%}.rb-justify{width:100%;text-align:justify}.custom-controls .ivu-slider-wrap{margin:0 !important}.ivu-slider-disabled .ivu-slider-wrap{background-color:#ffeec2 !important;cursor:not-allowed}.ivu-slider-disabled .ivu-slider-bar{background-color:#fcbf31 !important}.ivu-slider-button{background:#fcbf31 !important}.ivu-slider-disabled .ivu-slider-button{border-color:#fcbf31 !important}.cus-table th.el-table-column--selection .el-checkbox__inner{display:none}.ivu-modal .elTable{height:400px;overflow-y:auto}.w-e-text-container{height:150px !important}.tooltipWidth{width:160px !important}body{font-family:"Microsoft Yahei","Helvetica Neue",Helvetica,Arial,sans-serif,Lato}body,html{height:100%}#app{width:100%;height:100%}.container{width:1200px;margin:0 auto}.page-container{width:100%;overflow:hidden}.grid-content{min-height:50vw;padding:30px 20px 0px 20px}.breadcrumb-bar{padding:0 0 30px}.app-menu{padding:30px 10px 30px 50px;background-color:#e5e9f4}.app-menu .el-dropdown-link{padding:20px 0;color:#00a3ff}.pagination-box{padding:30px 0;text-align:right}#footer{height:auto;background-color:#324057;color:#a4aebd;width:100%}#footer p{font-size:14px;text-align:center;padding:10px}.apps-list .el-cascader .el-input__inner{border:none;background:none}@font-face{font-family:"report_sb";src:url(/static/fonts/report_sb.14dd0dc..otf) format("openType");font-weight:normal;font-style:normal}@font-face{font-family:"TimesNewRoman";src:local("Times"),local("Times New Roman");font-weight:normal;font-style:normal}@font-face{font-family:"ABeeZee-Regular";src:url(/static/fonts/ABeeZee-Regular.05c74cd..otf) format("openType");font-weight:normal;font-style:normal}@font-face{font-family:"Arial_gd";src:url(/static/fonts/Arial.af62995..ttf) format("truetype");font-weight:normal;font-style:normal}@font-face{font-family:"Report_rg";src:url(/static/fonts/report_rg.3a6646f..otf) format("openType");font-weight:normal;font-style:normal}@font-face{font-family:"ABeeZee_Italic";src:url(/static/fonts/ABeeZee-Italic.b509038..otf) format("openType");font-weight:normal;font-style:normal}@font-face{font-family:"Impact";src:url(/static/fonts/impact.75d2f46..ttf) format("truetype");font-weight:normal;font-style:normal}:root{--font-report-sb: 'report_sb',serif;--font-times-new-roman: 'TimesNewRoman',serif;--font-abeezee-regular: 'ABeeZee-Regular',serif;--font-arial-gd: 'Arial_gd',serif;--font-report-rg: 'Report_rg',serif;--font-abeezee-Italic: 'ABeeZee_Italic',serif;--font-impact: 'Impact',serif}.router-fade-enter-active,.router-fade-leave-active{transition:opacity .3s}.router-fade-enter,.router-fade-leave-active{opacity:0}.el-time-panel__content .el-scrollbar__wrap{overflow-x:hidden !important;margin-bottom:0 !important} h1[data-v-0ee2c0a1], h2[data-v-0ee2c0a1] { font-weight: normal; } ul[data-v-0ee2c0a1] { list-style-type: none; padding: 0; } li[data-v-0ee2c0a1] { display: inline-block; margin: 0 10px; } a[data-v-0ee2c0a1] { color: #42b983; } .flex[data-v-52f1701a]{display:flex}.edit-box[data-v-52f1701a]{margin-top:20px;border-top:none !important;padding:0px 0;max-width:900px}.edit-box .el-form-item[data-v-52f1701a]{width:48%}.edit-box .el-form-item.form-item-lg[data-v-52f1701a]{width:100%}.edit-box .el-form-item.form-item-lg audio[data-v-52f1701a],.edit-box .el-form-item.form-item-lg .el-button[data-v-52f1701a]{vertical-align:middle;margin-right:10px}.mode-box .mode-title[data-v-52f1701a]{font-size:18px;font-weight:normal;margin-bottom:20px;padding-left:10px;line-height:20px;border-left:4px solid #00a3ff}.mode-content[data-v-52f1701a]{margin-bottom:30px}.mode-content dl[data-v-52f1701a]{float:left;display:block;width:100%;font-size:14px;line-height:32px;padding:5px 0}.mode-content dl.mode-item[data-v-52f1701a]{width:50%}.mode-content dt[data-v-52f1701a]{float:left}.mode-content dd[data-v-52f1701a]{overflow:hidden;zoom:1}.mode-btn[data-v-52f1701a]{padding:10px 0;text-align:center}.l-menu[data-v-52f1701a]{background:#e4e8f1}.r-con[data-v-52f1701a]{width:calc(100% - 250px)} ._404[data-v-40605804] { position: fixed; top: 50%; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; color: #f00; font-size: 20px; font-weight: 600; text-align: center; background-color: #fff; } .layout[data-v-2f136077]{ border: 1px solid #d7dde4; background: #f5f7f9; position: relative; border-radius: 4px; overflow: hidden; } .layout-logo[data-v-2f136077]{ width: 100px; height: 30px; background: #5b6270; border-radius: 3px; float: left; position: relative; top: 15px; left: 20px; } .layout-nav[data-v-2f136077]{ width: 420px; margin: 0 auto; margin-right: 20px; } .layout-footer-center[data-v-2f136077]{ text-align: center; } .box-404[data-v-090fea66] { box-sizing: border-box; margin: 0 auto; width: 100%; background-color: #f7f8fa; height: 100%; height: 100vh; padding: 150px 30px; font-size: 16px; text-align: center; ul[data-v-090fea66] { width: 100%; padding: 20px 0; li[data-v-090fea66] { margin-right: 10px; display: inline-block; } a[data-v-090fea66] { color: #1aad19; } } h1[data-v-090fea66] { color: #d0d1d3; font-size: 100px; font-weight: 600; } } .box-401[data-v-566411b2]{box-sizing:border-box;margin:0 auto;width:100%;background-color:#f7f8fa;height:100%;height:100vh;padding:150px 30px;font-size:16px;text-align:center}.box-401 ul[data-v-566411b2]{width:100%;padding:20px 0}.box-401 ul li[data-v-566411b2]{margin-right:10px;display:inline-block}.box-401 ul a[data-v-566411b2]{color:#1aad19}.box-401 h1[data-v-566411b2]{color:#d0d1d3;font-size:20px;font-weight:600} .flex[data-v-67e020f7]{display:flex}.flex .r-con[data-v-67e020f7]{width:calc(100% - 250px)}.l-menu[data-v-67e020f7]{background:#e4e8f1} .edit-box[data-v-e965c674]{margin-top:20px;border-top:1px solid #efefef;padding:20px 0;max-width:900px}.edit-box .el-form-item[data-v-e965c674]{width:48%}.edit-box .el-form-item.form-item-lg[data-v-e965c674]{width:100%}.edit-box .el-form-item.form-item-lg audio[data-v-e965c674],.edit-box .el-form-item.form-item-lg .el-button[data-v-e965c674]{vertical-align:middle;margin-right:10px}.mode-box .mode-title[data-v-e965c674]{font-size:18px;font-weight:normal;margin-bottom:20px;padding-left:10px;line-height:20px;border-left:4px solid #00a3ff}.mode-content[data-v-e965c674]{margin-bottom:30px}.mode-content dl[data-v-e965c674]{float:left;display:block;width:100%;font-size:14px;line-height:32px;padding:5px 0}.mode-content dl.mode-item[data-v-e965c674]{width:50%}.mode-content dt[data-v-e965c674]{float:left}.mode-content dd[data-v-e965c674]{overflow:hidden;zoom:1}.mode-btn[data-v-e965c674]{padding:10px 0;text-align:center} .edit-box[data-v-775918c2]{margin-top:20px;border-top:1px solid #efefef;padding:20px 0;max-width:900px}.edit-box .el-form-item[data-v-775918c2]{width:48%}.edit-box .el-form-item.form-item-lg[data-v-775918c2]{width:100%}.edit-box .el-form-item.form-item-lg audio[data-v-775918c2],.edit-box .el-form-item.form-item-lg .el-button[data-v-775918c2]{vertical-align:middle;margin-right:10px}.mode-box .mode-title[data-v-775918c2]{font-size:18px;font-weight:normal;margin-bottom:20px;padding-left:10px;line-height:20px;border-left:4px solid #00a3ff}.mode-content[data-v-775918c2]{margin-bottom:30px}.mode-content dl[data-v-775918c2]{float:left;display:block;width:100%;font-size:14px;line-height:32px;padding:5px 0}.mode-content dl.mode-item[data-v-775918c2]{width:50%}.mode-content dt[data-v-775918c2]{float:left}.mode-content dd[data-v-775918c2]{overflow:hidden;zoom:1}.mode-btn[data-v-775918c2]{padding:10px 0;text-align:center} .edit-box[data-v-32f5840c]{margin-top:20px;border-top:1px solid #efefef;padding:20px 0;max-width:900px}.edit-box .el-form-item[data-v-32f5840c]{width:48%}.edit-box .el-form-item.form-item-lg[data-v-32f5840c]{width:100%}.edit-box .el-form-item.form-item-lg audio[data-v-32f5840c],.edit-box .el-form-item.form-item-lg .el-button[data-v-32f5840c]{vertical-align:middle;margin-right:10px}.mode-box .mode-title[data-v-32f5840c]{font-size:18px;font-weight:normal;margin-bottom:20px;padding-left:10px;line-height:20px;border-left:4px solid #00a3ff}.mode-content[data-v-32f5840c]{margin-bottom:30px}.mode-content dl[data-v-32f5840c]{float:left;display:block;width:100%;font-size:14px;line-height:32px;padding:5px 0}.mode-content dl.mode-item[data-v-32f5840c]{width:50%}.mode-content dt[data-v-32f5840c]{float:left}.mode-content dd[data-v-32f5840c]{overflow:hidden;zoom:1}.mode-btn[data-v-32f5840c]{padding:10px 0;text-align:center} .initial-box h3[data-v-6ed58394]{font-weight:#666;font-weight:400;font-size:24px}.initial-box .initial-info[data-v-6ed58394]{color:#666}.initial-box .initial-info p[data-v-6ed58394]{margin-bottom:10px}.initial-box .box-card[data-v-6ed58394]{min-height:300px} .edit-box[data-v-8864dfde]{margin-top:20px;border-top:1px solid #efefef;padding:20px 0;max-width:900px}.edit-box .el-form-item[data-v-8864dfde]{width:48%}.edit-box .el-form-item.form-item-lg[data-v-8864dfde]{width:100%}.edit-box .el-form-item.form-item-lg audio[data-v-8864dfde],.edit-box .el-form-item.form-item-lg .el-button[data-v-8864dfde]{vertical-align:middle;margin-right:10px}.mode-box .mode-title[data-v-8864dfde]{font-size:18px;font-weight:normal;margin-bottom:20px;padding-left:10px;line-height:20px;border-left:4px solid #00a3ff}.mode-content[data-v-8864dfde]{margin-bottom:30px}.mode-content dl[data-v-8864dfde]{float:left;display:block;width:100%;font-size:14px;line-height:32px;padding:5px 0}.mode-content dl.mode-item[data-v-8864dfde]{width:50%}.mode-content dt[data-v-8864dfde]{float:left}.mode-content dd[data-v-8864dfde]{overflow:hidden;zoom:1}.mode-btn[data-v-8864dfde]{padding:10px 0;text-align:center} .app-List { display: flex; flex-wrap: wrap; margin: 0 -5px; } .app-List .el-input__inner { border: none !important; } .app-List li { width: 16.666%; padding: 0px 5px 15px; } .app-List li .app-icon { margin: 0 auto; text-align: center; color: #999; height: 50px; width: 50px; border-radius: 50px; line-height: 50px; background-color: #f4f4f4; } .app-List li h4 { text-align: center; font-weight: normal; margin: 5px 0 10px; font-size: 16px; } .app-List li p { text-align: center; font-size: 14px; color: #666; height: 63px; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 3; /*! autoprefixer: off */ -webkit-box-orient: vertical; /* autoprefixer: on */ } .app-List li a { padding: 20px; display: block; height: 200px; overflow: hidden; border: 1px solid #eee; background-color: #fff; color: #303133; transition: 0.3s; } .app-List li a:hover, .app-List li a:focus { box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1); } @media screen and (min-width: 1600px) { .app-List li { width: 16.666%; } } @media screen and (max-width: 768px) { .app-List li { width: 25%; } } @media screen and (min-width: 1600px) { .app-List li { width: 16.666%; } } @media screen and (max-width: 768px) { .app-List li { width: 25%; } } .user-info[data-v-97b82bca] { padding: 10px 0; } .res-opt[data-v-9351d134]{padding:20px 0}.res-opt .btn-right[data-v-9351d134]{text-align:right}.showMsgBox[data-v-9351d134]{width:600px}[data-v-9351d134] .device-list .el-dialog--tiny{width:35%}[data-v-9351d134] .device-list .el-dialog__footer{text-align:center}[data-v-9351d134] .device-list .el-dialog__wrapper .el-radio-group .el-radio{font-size:35px}[data-v-9351d134] .device-list .el-dialog__wrapper .el-radio-group .el-radio .el-radio__label{font-size:16px;padding:0px 18px}.remarkBox[data-v-9351d134]{width:100%;display:flex;margin-top:10px} .res-opt[data-v-169044cd]{padding:20px 0}.res-opt .btn-right[data-v-169044cd]{text-align:right}.showMsgBox[data-v-169044cd]{width:600px} .res-opt[data-v-90fe7abc]{padding:20px 0}.res-opt .btn-right[data-v-90fe7abc]{text-align:right}.showMsgBox[data-v-90fe7abc]{width:600px} .res-opt[data-v-095f40c2]{padding:20px 0}.res-opt .btn-right[data-v-095f40c2]{text-align:right}.showMsgBox[data-v-095f40c2]{width:600px} #myChart[data-v-12d19aca] { width: 1000px; height: 700px; } .title[data-v-12d19aca] { padding: 20px 0px; font-size: 15px; } .showData[data-v-a1a7a42a]{display:flex;justify-content:space-between;padding:30px 400px 30px 40px;color:#fff}.showData div[data-v-a1a7a42a]:nth-child(1){width:220px;height:100px;background:#00bfbf;display:flex;justify-content:center;flex-direction:column;align-items:center}.showData div:nth-child(1) p[data-v-a1a7a42a]:nth-child(1){font-size:14px;margin-bottom:10px}.showData div:nth-child(1) p[data-v-a1a7a42a]:nth-child(2){font-size:26px}.showData div[data-v-a1a7a42a]:nth-child(2){width:220px;height:100px;background:#70b603;display:flex;justify-content:center;flex-direction:column;align-items:center}.showData div:nth-child(2) p[data-v-a1a7a42a]:nth-child(1){font-size:14px;margin-bottom:10px}.showData div:nth-child(2) p[data-v-a1a7a42a]:nth-child(2){font-size:26px}.showData div[data-v-a1a7a42a]:nth-child(3){width:220px;height:100px;background:#f59a23;display:flex;justify-content:center;flex-direction:column;align-items:center}.showData div:nth-child(3) p[data-v-a1a7a42a]:nth-child(1){font-size:14px;margin-bottom:10px}.showData div:nth-child(3) p[data-v-a1a7a42a]:nth-child(2){font-size:26px}.title[data-v-a1a7a42a]{padding:20px 0px;font-size:15px} .btnBox[data-v-9a3465e4]{display:flex;justify-content:flex-end;margin-bottom:10px} .res-opt[data-v-9e869bba]{padding:20px 0}.res-opt .btn-right[data-v-9e869bba]{text-align:right}.showMsgBox[data-v-9e869bba]{width:600px} .res-opt[data-v-29bb3980]{padding:20px 0}.res-opt .btn-right[data-v-29bb3980]{text-align:right}.showMsgBox[data-v-29bb3980]{width:600px} .res-opt[data-v-341b1812]{padding:20px 0}.res-opt .btn-right[data-v-341b1812]{text-align:right}.showMsgBox[data-v-341b1812]{width:600px}.uploader-example[data-v-341b1812]{width:800px;padding:15px;margin:10px 60px auto 10px;font-size:12px;box-shadow:0 0 10px rgba(0,0,0,.4)}.uploader-example .uploader-btn[data-v-341b1812]{margin-right:4px}.uploader-example .uploader-list[data-v-341b1812]{max-height:440px;overflow:auto;overflow-x:hidden;overflow-y:auto} .res-opt[data-v-b5f56e4e]{padding:20px 0}.res-opt .btn-right[data-v-b5f56e4e]{text-align:right}.showMsgBox[data-v-b5f56e4e]{width:600px}.uploader-example[data-v-b5f56e4e]{width:800px;padding:15px;margin:10px 60px auto 10px;font-size:12px;box-shadow:0 0 10px rgba(0,0,0,.4)}.uploader-example .uploader-btn[data-v-b5f56e4e]{margin-right:4px}.uploader-example .uploader-list[data-v-b5f56e4e]{max-height:440px;overflow:auto;overflow-x:hidden;overflow-y:auto} .res-opt[data-v-21dbb615]{padding:20px 0}.res-opt .btn-right[data-v-21dbb615]{text-align:right}.showMsgBox[data-v-21dbb615]{width:600px} .res-opt[data-v-24d62899]{padding:20px 0}.res-opt .btn-right[data-v-24d62899]{text-align:right}.showMsgBox[data-v-24d62899]{width:600px}.uploader-example[data-v-24d62899]{width:800px;padding:15px;margin:10px 60px auto 10px;font-size:12px;box-shadow:0 0 10px rgba(0,0,0,.4)}.uploader-example .uploader-btn[data-v-24d62899]{margin-right:4px}.uploader-example .uploader-list[data-v-24d62899]{max-height:440px;overflow:auto;overflow-x:hidden;overflow-y:auto} .res-opt[data-v-2a12a44d]{padding:20px 0}.res-opt .btn-right[data-v-2a12a44d]{text-align:right}.showMsgBox[data-v-2a12a44d]{width:600px} .progress_bar[data-v-5b898943] { display: flex; width: 100%; justify-content: flex-end; align-items: center; margin-top: 5px; margin-bottom: 5px; font-size: 14px; font-weight: bold; } .progress_bar[data-v-32cbaee0] { display: flex; width: 100%; justify-content: flex-end; align-items: center; margin-top: 5px; margin-bottom: 5px; font-size: 14px; font-weight: bold; } .div_oper[data-v-2dafe4f0] { width: 300px; display: flex; flex-direction: row; justify-content: space-between; align-items: center; } .res-opt[data-v-4f950577]{padding:20px 0}.res-opt .btn-right[data-v-4f950577]{text-align:right}.showMsgBox[data-v-4f950577]{width:600px}.uploader-example[data-v-4f950577]{width:800px;padding:15px;margin:10px 60px auto 10px;font-size:12px;box-shadow:0 0 10px rgba(0,0,0,.4)}.uploader-example .uploader-btn[data-v-4f950577]{margin-right:4px}.uploader-example .uploader-list[data-v-4f950577]{max-height:440px;overflow:auto;overflow-x:hidden;overflow-y:auto} .res-opt[data-v-79dc1d9f]{padding:20px 0}.res-opt .btn-right[data-v-79dc1d9f]{text-align:right}.showMsgBox[data-v-79dc1d9f]{width:600px} .res-opt[data-v-44120f80]{padding:20px 0}.res-opt .btn-right[data-v-44120f80]{text-align:right}.showMsgBox[data-v-44120f80]{width:600px} .res-opt[data-v-15cbb401]{padding:20px 0}.res-opt .btn-right[data-v-15cbb401]{text-align:right}.showMsgBox[data-v-15cbb401]{width:600px} .el-dialog .el-dialog__header[data-v-d84d6646] { text-align: center; background-color: #409eff; padding: 20px 20px !important; } .el-dialog .el-dialog__header .el-dialog__title[data-v-d84d6646] { color: #fff !important; } .el-dialog .el-dialog__footer[data-v-d84d6646] { text-align: center; } .el-dialog__wrapper[data-v-d84d6646] { background-color: rgba(0, 0, 0, 0.5) !important; } .panel-box .panel-title[data-v-d84d6646] { font-size: 18px; font-weight: normal; margin-bottom: 20px; padding-left: 10px; line-height: 20px; border-left: 4px solid #00a3ff; } .el-table td[data-v-d84d6646], .el-table th.is-leaf[data-v-d84d6646] { border-bottom: 0px !important; } .avatar-uploader .el-upload[data-v-d84d6646] { border: 1px dashed #d9d9d9; border-radius: 6px; cursor: pointer; position: relative; overflow: hidden; } .avatar-uploader .el-upload[data-v-d84d6646]:hover { border-color: #20a0ff; } .avatar-uploader-icon[data-v-d84d6646] { font-size: 28px; color: #8c939d; width: 100px; height: 100px; line-height: 100px; text-align: center; border: 1px dashed #bfcbd9; border-radius: 10px; } .bgIcon[data-v-d84d6646] { width: 130px !important; height: 180px !important; line-height: 180px; } .avatar[data-v-d84d6646] { width: 100px; height: 100px; display: block; } .avatarImg[data-v-d84d6646] { width: 100px; height: 100px; display: block; background-repeat: no-repeat; background-size: 100% 100%; border: 1px dashed #d9d9d9; border-radius: 6px; position: relative; } .avatarImg[data-v-d84d6646]:hover { border-color: #20a0ff; } .avatarImg a[data-v-d84d6646] { color: red; font-size: 16px; position: absolute; top: 0px; right: 0px; } [data-v-d84d6646] .gameplayVisible .el-dialog { width: 800px; } [data-v-d84d6646] .gameplayVisible .el-dialog .el-form-item { margin-bottom: 10px !important; } [data-v-d84d6646] .gameplayVisible .el-dialog .el-dialog__footer { text-align: center; } [data-v-d84d6646] .listingDataVisible .el-dialog { width: 500px; } /* 自定义 tooltip 样式 */ .image-tooltip[data-v-d84d6646] { padding: 0 !important; border: none !important; } .longTit[data-v-d84d6646] { margin-left: 40px; } .longTit[data-v-d84d6646] .el-form-item__label { width: 120px !important; } .desc ul[data-v-d84d6646] { margin: 0 30px; font-size: 14px; } .desc ul li[data-v-d84d6646] { margin-bottom: 10px; } .explanationBox[data-v-d84d6646] { display: flex; margin-top: 20px; } .el-dialog .el-dialog__header[data-v-36d1d858] { text-align: center; background-color: #409eff; padding: 20px 20px !important; } .el-dialog .el-dialog__header .el-dialog__title[data-v-36d1d858] { color: #fff !important; } .el-dialog .el-dialog__footer[data-v-36d1d858] { text-align: center; } .el-dialog__wrapper[data-v-36d1d858] { background-color: rgba(0, 0, 0, 0.5) !important; } .panel-box .panel-title[data-v-36d1d858] { font-size: 18px; font-weight: normal; margin-bottom: 20px; padding-left: 10px; line-height: 20px; border-left: 4px solid #00a3ff; } .el-table td[data-v-36d1d858], .el-table th.is-leaf[data-v-36d1d858] { border-bottom: 0px !important; } .audio_style .ivu-icon[data-v-7be213d8]{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;box-sizing:border-box;border:2px solid #48576a;border-radius:50%;cursor:pointer;line-height:1}.audio_style .ivu-icon-ios-play[data-v-7be213d8]{padding-left:3px !important}.el-table td[data-v-7be213d8],.ivu-table td[data-v-7be213d8],.query-audio-wrap[data-v-7be213d8]{overflow:visible !important;white-space:normal}.audio_style[data-v-7be213d8]{height:24px;margin-bottom:4px;display:inline-block;vertical-align:middle;margin-left:2px}.audio-player[data-v-7be213d8]{position:fixed;width:0;height:0;opacity:0;pointer-events:none;z-index:-1}.cls-history-item-tts-play[data-v-7be213d8],.ivu-icon-ios-play[data-v-7be213d8],.ivu-icon-ios-pause[data-v-7be213d8]{display:inline-block;vertical-align:middle} .dialog_accredit .el-dialog--small { top: 5% !important; width: 50%; } .el-dialog .el-dialog__header { text-align: center; background-color: #409eff; padding: 20px 20px !important; } .el-dialog .el-dialog__header .el-dialog__title { color: #fff !important; } .el-dialog .el-dialog__footer { text-align: center; } .el-dialog__wrapper { background-color: rgba(0, 0, 0, 0.5) !important; } .panel-box .panel-title { font-size: 18px; font-weight: normal; margin-bottom: 20px; padding-left: 10px; line-height: 20px; border-left: 4px solid #00a3ff; } .el-table td, .el-table th.is-leaf { border-bottom: 0px !important; } .el-dialog .el-dialog__header { text-align: center; background-color: #409eff; padding: 20px 20px !important; } .el-dialog .el-dialog__header .el-dialog__title { color: #fff !important; } .el-dialog .el-dialog__footer { text-align: center; } .el-dialog__wrapper { background-color: rgba(0, 0, 0, 0.5) !important; } .panel-box .panel-title { font-size: 18px; font-weight: normal; margin-bottom: 20px; padding-left: 10px; line-height: 20px; border-left: 4px solid #00a3ff; } .el-table td, .el-table th.is-leaf { border-bottom: 0px !important; } .tags { display: inline-block; margin: 4px 10px 4px 0; padding: 0 4px; border-radius: 4px; border: 1px solid #4db3ff; color: #4db3ff; font-size: 12px; line-height: 18px; } .mode-box .mode-title[data-v-c231bbdc] { font-size: 18px; font-weight: normal; margin-bottom: 20px; padding-left: 10px; line-height: 20px; border-left: 4px solid #00a3ff; } .avatar-uploader .el-upload[data-v-c231bbdc] { border: 1px dashed #d9d9d9; border-radius: 6px; cursor: pointer; position: relative; overflow: hidden; } .avatar-uploader .el-upload[data-v-c231bbdc]:hover { border-color: #20a0ff; } .avatar-uploader-icon[data-v-c231bbdc] { font-size: 28px; color: #8c939d; width: 100px; height: 100px; line-height: 100px; text-align: center; border: 1px dashed #bfcbd9; border-radius: 10px; } .avatar[data-v-c231bbdc] { width: 100px; height: 100px; display: block; } .avatarImg[data-v-c231bbdc] { width: 100px; height: 100px; display: block; background-repeat: no-repeat; background-size: 100% 100%; border: 1px dashed #d9d9d9; border-radius: 6px; } .avatarImg[data-v-c231bbdc]:hover { border-color: #20a0ff; } .avatarImg a[data-v-c231bbdc] { color: red; font-size: 16px; position: absolute; top: 0px; right: 0px; } .player-box { position: relative; width: 180px; overflow: hidden; user-select: none; border-radius: 30px; margin: 5px; } .custom-controls { display: flex; background-color: #f1f1f1; flex-direction: row; justify-content: flex-start; align-items: center; } .play-bar { padding: 0 0 0 5px; } .slider { width: 80px; padding: 0 5px 0 10px; } .time-bar { color: #111111; font-size: 10px; } .mode-box[data-v-026df066], .articleDetail[data-v-026df066] { box-sizing: border-box; padding: 15px; border-right: 1px solid #ccc; } .mode-title[data-v-026df066] { font-size: 18px; font-weight: normal; margin-bottom: 20px; padding-left: 10px; line-height: 30px; height: 30px; border-left: 4px solid #00a3ff; } .searchBox[data-v-026df066] { height: 40px; } .searchBox .el-form-item[data-v-026df066] { display: flex; height: 40px; justify-content: center; align-items: center; } .searchBox .el-form-item[data-v-026df066] .el-form-item__label { min-width: 50px; } .articleList[data-v-026df066] { box-sizing: border-box; width: 100%; margin: 10px 0; border: 1px solid #ccc; padding: 10px; border-radius: 5px; position: relative; } .articleList .showArticleBox[data-v-026df066] { width: 100%; min-height: 100px; } .articleList .showArticleBox .noArticle[data-v-026df066] { margin-top: 40px; font-size: 20px; text-align: center; color: #999; } .articleList .showArticleBox .manyArticle[data-v-026df066] { width: 100%; margin-bottom: 100px; } .articleList .showArticleBox .manyArticle .everyArticle[data-v-026df066] { width: 100%; height: 130px; margin-bottom: 10px; } .articleList .showArticleBox .manyArticle .everyArticle .articleInfo[data-v-026df066] { width: 100%; height: 30px; display: flex; align-items: center; font-weight: bold; } .articleList .showArticleBox .manyArticle .everyArticle .articleInfo div[data-v-026df066] { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; display: flex; align-items: center; } .articleList .showArticleBox .manyArticle .everyArticle .articleInfo .publishTime[data-v-026df066] { box-sizing: border-box; border-left: 4px solid #ccc; padding-left: 4px; width: 45%; margin-right: 5%; } .articleList .showArticleBox .manyArticle .everyArticle .articleInfo .redactor[data-v-026df066] { box-sizing: border-box; border-left: 4px solid #ccc; padding-left: 4px; margin-right: 5%; width: 30%; } .articleList .showArticleBox .manyArticle .everyArticle .articleInfo .publishStatus[data-v-026df066] { width: 15%; } .articleList .showArticleBox .manyArticle .everyArticle .articleInfo .publishStatus img[data-v-026df066] { width: 12px; margin-left: 6px; } .articleList .showArticleBox .manyArticle .everyArticle .articleContent[data-v-026df066] { height: 100px; box-sizing: border-box; padding: 8px; width: 100%; border: 1px solid #ccc; border-radius: 4px; display: flex; align-items: center; } .articleList .showArticleBox .manyArticle .everyArticle .articleContent .articleImg[data-v-026df066] { height: 80px; width: 80px; } .articleList .showArticleBox .manyArticle .everyArticle .articleContent .articleImgBox[data-v-026df066] { position: relative; height: 80px; width: 80px; } .articleList .showArticleBox .manyArticle .everyArticle .articleContent .articleImgBox .articleImg[data-v-026df066] { height: 80px; width: 80px; position: absolute; top: 0; left: 0; } .articleList .showArticleBox .manyArticle .everyArticle .articleContent .articleImgBox .videoTitle[data-v-026df066] { height: 30px; width: 30px; position: absolute; top: 25px; left: 25px; } .articleList .showArticleBox .manyArticle .everyArticle .articleContent .btnBox[data-v-026df066] { height: 100%; width: 80px; display: flex; flex-direction: column; align-items: end; justify-content: space-between; } .articleList .showArticleBox .manyArticle .everyArticle .articleContent .btnBox .checkPeople[data-v-026df066] { display: flex; flex-direction: row; align-items: center; } .articleList .showArticleBox .manyArticle .everyArticle .articleContent .btnBox .checkPeople img[data-v-026df066] { width: 20px; margin-right: 4px; } .articleList .showArticleBox .manyArticle .everyArticle .articleContent .articleTitle[data-v-026df066] { width: calc(100% - 180px); line-height: 30px; margin: 0 10px; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; /* 设置最大显示行数 */ -webkit-box-orient: vertical; text-overflow: ellipsis; font-weight: 400; font-size: 16px; } .articleList .showArticleBox .manyArticle .everyArticle .articleContent .articleTitleAnd[data-v-026df066] { width: calc(100% - 180px); line-height: 30px; margin: 0 10px; } .articleList .showArticleBox .manyArticle .everyArticle .articleContent .articleTitleAnd p[data-v-026df066] { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-weight: 400; font-size: 16px; } .articleList .showArticleBox .manyArticle .everyArticle .articleContent .articleTitleAnd div[data-v-026df066] { width: 200px; height: 30px; } .pagination-box[data-v-026df066] { position: absolute; bottom: 50px; right: 0; width: 100%; padding: 0; } .pagination-box[data-v-026df066] .el-pagination { white-space: wrap; } .articlebtnBox[data-v-026df066] { position: absolute; bottom: 10px; left: 10px; } .avatar-uploader .el-upload[data-v-026df066] { border: 1px dashed #d9d9d9; border-radius: 6px; cursor: pointer; position: relative; overflow: hidden; } .avatar-uploader .el-upload[data-v-026df066]:hover { border-color: #20a0ff; } .avatar-uploader-icon[data-v-026df066] { font-size: 28px; color: #8c939d; width: 100px; height: 100px; line-height: 100px; text-align: center; border: 1px dashed #bfcbd9; border-radius: 10px; } .avatar[data-v-026df066] { width: 100px; height: 100px; display: block; } .avatarImg[data-v-026df066] { width: 100px; height: 100px; display: block; background-repeat: no-repeat; background-size: 100% 100%; border: 1px dashed #d9d9d9; border-radius: 6px; } .avatarImg[data-v-026df066]:hover { border-color: #20a0ff; } .avatarImg a[data-v-026df066] { color: red; font-size: 16px; position: absolute; top: 0px; right: 0px; } .el-select[data-v-026df066] { width: 120px; } .audioBox[data-v-026df066] { display: flex; height: 40px; align-items: center; } .audioBox audio[data-v-026df066] { width: 220px; height: 40px; margin-right: 20px; } .videoBox[data-v-026df066] { display: flex; width: 200px; align-items: end; } .videoBox video[data-v-026df066] { width: 100%; margin-right: 10px; } [data-v-026df066] .articleDetail .el-form-item { width: 100% !important; } .videoUrl[data-v-026df066] { display: flex; } .videoUrl[data-v-026df066] .el-form-item__content { width: calc(100% - 110px); } .videoUrl[data-v-026df066] .el-form-item__content div { display: flex; } .videoUrl[data-v-026df066] .el-form-item__content div .el-input { width: 80%; } .videoUrl[data-v-026df066] .el-form-item__content div .el-button { margin-left: 20px; } .bigContent[data-v-026df066] .el-form-item__content { width: calc(100% - 110px); border: 1px solid #ccc; border-radius: 5px; box-sizing: border-box; padding: 10px; } .bigContent[data-v-026df066] .el-form-item__content .contentBox { width: 100%; } .bigContent[data-v-026df066] .el-form-item__content .contentBox .contentList { width: 100%; } .bigContent[data-v-026df066] .el-form-item__content .contentBox .contentList .everyContent { width: 100%; } .bigContent[data-v-026df066] .el-form-item__content .contentBox .contentList .everyContent .contentImg, .bigContent[data-v-026df066] .el-form-item__content .contentBox .contentList .everyContent .contentText { width: 100%; display: flex; align-items: end; margin-bottom: 20px; } .bigContent[data-v-026df066] .el-form-item__content .contentBox .contentList .everyContent .contentImg .showText, .bigContent[data-v-026df066] .el-form-item__content .contentBox .contentList .everyContent .contentText .showText { width: calc(100% - 110px); } .bigContent[data-v-026df066] .el-form-item__content .contentBox .contentList .everyContent .listImg { width: 200px; display: block; margin-right: 6px; border: 1px solid #ccc; border-radius: 5px; } .bigContent[data-v-026df066] .el-form-item__content .contentBox .contentList .everyContent .upBtn, .bigContent[data-v-026df066] .el-form-item__content .contentBox .contentList .everyContent .downBtn, .bigContent[data-v-026df066] .el-form-item__content .contentBox .contentList .everyContent .editBtn, .bigContent[data-v-026df066] .el-form-item__content .contentBox .contentList .everyContent .deleteBtn { width: 20px; height: 20px; cursor: pointer; margin-right: 6px; } .bigContent[data-v-026df066] .el-form-item__content .contentBox .contentList .everyContent i { margin-right: 6px; cursor: pointer; } .bigContent[data-v-026df066] .el-form-item__content .contentBox .contentList .everyContent .editText { margin-right: 6px; width: calc(100% - 110px); } .bigContent[data-v-026df066] .el-form-item__content .contentBox .contentList .everyContent .showText { margin-right: 6px; box-sizing: border-box; padding: 4px; width: 400px; border: 1px solid #ccc; border-radius: 5px; word-wrap: break-word; } .bigContent[data-v-026df066] .el-form-item__content .contentBox .contentList .everyContent .editImg { margin-left: 10px; height: auto; display: flex; flex-direction: column; justify-content: space-between; } .bigContent[data-v-026df066] .el-form-item__content .contentBox .contentList .everyContent .editImg .el-button { margin-bottom: 10px; } .showFabu[data-v-026df066] { text-align: right; } .showFabu span[data-v-026df066] { font-weight: bold; } .iconSyle[data-v-026df066] { font-size: 20px; font-weight: bold; cursor: pointer; } .instructions-dialog[data-v-026df066], .prompt-dialog[data-v-026df066] .el-dialog__header { text-align: center; } .instructions-dialog[data-v-026df066] .el-dialog--small { width: 35%; } .instructions-promptsDialog[data-v-026df066] .el-dialog--small { width: 500px; } .prompt-dialog[data-v-026df066] .el-dialog--small { width: 50%; } .list-disc[data-v-026df066] { max-height: 400px; overflow: auto; } .custom-textarea[data-v-026df066] { position: relative; display: inline-block; } .custom-textarea .el-icon-menu[data-v-026df066] { position: absolute; right: 10px; bottom: 0; transform: translateY(-50%); cursor: pointer; } .prompt-content[data-v-026df066], .prompt-title[data-v-026df066] { width: 100%; } .prompt-content[data-v-026df066] .el-form-item__content, .prompt-title[data-v-026df066] .el-form-item__content { width: 100%; } .avatarImg a[data-v-026df066] { top: -6px; right: -6px; } .rounded-tabs[data-v-636d637d] { border-radius: 8px; overflow: hidden; } .el-tab-pane[data-v-636d637d]:nth-child(1) { padding: 15px; } .rounded-tabs[data-v-636d637d] .el-tabs__header { margin: 0; } .rounded-tabs[data-v-636d637d] .el-tabs__content { padding: 0; margin: 0; height: 100%; } .rounded-tabs[data-v-636d637d] .el-tabs__item { border-radius: 20px !important; border-bottom-left-radius: 0 !important; border-bottom-right-radius: 0 !important; } .rounded-tabs .el-tabs__nav-next[data-v-636d637d], .rounded-tabs .el-tabs__nav-prev[data-v-636d637d] { border-top-left-radius: 8px !important; border-top-right-radius: 8px !important; } .knowledgeHeadConfig .mode-title[data-v-636d637d] { font-size: 14px; font-weight: normal; padding-left: 10px; line-height: 20px; border-left: 4px solid #00a3ff; } .el-icon-arrow-left[data-v-636d637d] { font-size: 20px; margin-right: 10px; cursor: pointer; } .player-box { position: relative; width: 180px; overflow: hidden; user-select: none; border-radius: 30px; margin: 5px; } .custom-controls { display: flex; background-color: #f1f1f1; flex-direction: row; justify-content: flex-start; align-items: center; } .play-bar { padding: 0 0 0 5px; } .slider { width: 80px; padding: 0 5px 0 10px; } .time-bar { color: #111111; font-size: 10px; } .addAiInteragent[data-v-3ec1a066] { margin-bottom: 20px; } .mode-box .mode-title[data-v-3ec1a066] { padding-left: 10px; font-size: 18px; font-weight: normal; margin-bottom: 20px; line-height: 20px; border-left: 4px solid #00a3ff; } .avatar-uploader .el-upload[data-v-3ec1a066] { border: 1px dashed #d9d9d9; border-radius: 10px; cursor: pointer; position: relative; overflow: hidden; } .avatar-uploader .el-upload[data-v-3ec1a066]:hover { border-color: #20a0ff; } .avatar-uploader-icon[data-v-3ec1a066] { font-size: 20px; color: #8c939d; width: 100px; height: 100px; line-height: 100px; text-align: center; border: 1px dashed #bfcbd9; border-radius: 10px; } .bgIcon[data-v-3ec1a066] { width: 130px !important; height: 180px !important; line-height: 180px; } .avatar[data-v-3ec1a066] { width: 100px; height: 100px; display: block; } .avatarImg[data-v-3ec1a066], .idCardImg[data-v-3ec1a066] { width: 100px; height: 100px; display: block; background-repeat: no-repeat; background-size: 100% 100%; border: 1px dashed #d9d9d9; border-radius: 6px; position: relative; } .avatarImg[data-v-3ec1a066]:hover { border-color: #20a0ff; } .avatarImg a[data-v-3ec1a066], .idCardImg a[data-v-3ec1a066] { color: red; font-size: 16px; position: absolute; top: 0px; right: 0px; } .animation[data-v-3ec1a066] { display: flex; flex-wrap: wrap; } .audioBox[data-v-3ec1a066] { display: flex; height: 40px; align-items: center; } .audioBox audio[data-v-3ec1a066] { width: 220px; height: 40px; margin-right: 20px; } .videoBox[data-v-3ec1a066] { margin-right: 20px; display: flex; align-items: end; margin-bottom: 20px; } .videoBox video[data-v-3ec1a066] { width: 280px; margin-right: 10px; } .imgAudio[data-v-3ec1a066] { margin-top: 10px; } .imgAudio .audioInfo[data-v-3ec1a066] { display: flex; align-items: center; margin-top: 10px; } .imgAudio .audioInfo audio[data-v-3ec1a066] { width: 300px; height: 40px; margin-right: 10px; } .tabs[data-v-3ec1a066] .el-form-item__content { width: calc(100% - 120px); } .agentList[data-v-3ec1a066] { width: 500px; } .agentList .oneAgent[data-v-3ec1a066] { width: 100%; height: 40px; display: flex; align-items: center; margin-bottom: 20px; } .agentList .oneAgent img[data-v-3ec1a066] { width: 25px; height: 25px; margin-right: 10px; cursor: pointer; } .agentList .oneAgent .el-input[data-v-3ec1a066] { margin-right: 20px; } [data-v-3ec1a066] .appVisible .el-dialog { width: 600px; } [data-v-3ec1a066] .appVisible .el-dialog .el-dialog__footer { text-align: center; } .input-style[data-v-3e2ec068] .ivu-input { border-radius: 20px !important; border: 1px solid #ccc !important; } .input-style[data-v-3e2ec068] .ivu-input-suffix { width: 60px !important; } .input-style[data-v-3e2ec068] .ivu-input-with-suffix { padding-right: 64px !important; } .inputBox[data-v-3e2ec068] { width: calc(100% - 50px); display: flex; height: 36px; align-items: center; border: 1px solid #bfcbd9; border-radius: 18px; background: #fff; overflow: hidden; box-sizing: border-box; padding-right: 10px; } .inputBox .contentInp[data-v-3e2ec068] { border: none; box-shadow: none; } .inputBox .contentInp[data-v-3e2ec068] .el-input__inner { border: none; outline: none; } .user_audio_style[data-v-3e2ec068] { background-color: #fff; border-radius: 4px; padding: 10px 10px 10px 10px; box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); } .audio_style[data-v-3e2ec068] { display: inline-block; } .audio_style .ivu-icon[data-v-3e2ec068] { display: inline-block; width: 20px; height: 20px; box-sizing: border-box; display: flex; align-items: center; justify-content: center; border: 2px solid #d2691e; border-radius: 50%; cursor: pointer; } .audio_style .ivu-icon-ios-play[data-v-3e2ec068] { padding-left: 3px !important; } .ai-question[data-v-3e2ec068] { font-size: 12px; margin-top: 10px; margin-left: 60px; } .ai-question p[data-v-3e2ec068] { background-color: #DEDEDE; margin-bottom: 5px; width: 60%; border-radius: 10px; color: black; padding: 0 5px; cursor: pointer; } .ai-questions[data-v-3e2ec068] { font-size: 12px; margin-top: 10px; margin-left: 20px; } .ai-questions p[data-v-3e2ec068] { background-color: #DEDEDE; margin-bottom: 5px; width: 60%; border-radius: 10px; color: black; padding: 0 5px; cursor: pointer; } .ai_audio_style[data-v-3e2ec068] { color: #d2691e; font-size: 18px; float: left; width: 90%; } .ai_audio_style[data-v-3e2ec068] .v-md-editor { align-items: center; } .ai_audio_style[data-v-3e2ec068] .v-md-editor__toolbar { display: none; } .ai_audio_style[data-v-3e2ec068] .v-md-editor__editor-wrapper { display: none; } .ai_audio_style[data-v-3e2ec068] .v-md-editor__preview-wrapper { box-sizing: border-box; padding: 8px; } .ai_audio_style[data-v-3e2ec068] .github-markdown-body { padding: 0px !important; } .ai_audio_style[data-v-3e2ec068] .github-markdown-body > p { margin-bottom: 0px !important; } .user_translate_style[data-v-3e2ec068] { background-color: #DEDEDE; border-radius: 4px; padding: 5px; box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); color: #fff; font-size: 12px; margin: 10px 50px 10px 0; } .quickInstruction[data-v-3e2ec068] { display: flex; width: 90%; margin-left: auto; margin-bottom: 10px; } .quickInstruction p[data-v-3e2ec068] { background-color: #D7D7D7; color: black; padding: 0 5px; border-radius: 10px; margin-right: 10px; cursor: pointer; } .user_position[data-v-3e2ec068] { display: flex; justify-content: flex-end; align-items: center; margin-left: auto; word-wrap: break-word; width: 90%; font-size: 16px; } .icon-style[data-v-3e2ec068] { border-radius: 50%; background-color: #fff; color: black; display: block; width: 20px; height: 20px; line-height: 20px; text-align: center; font-size: 12px; cursor: pointer; } .instructions-dialog[data-v-3e2ec068] .el-dialog__header { text-align: center; } .aiModelChat[data-v-3e2ec068] { box-sizing: border-box; padding-left: 20px; width: 100%; height: 100%; } .aiModelChat .cls-preview-tips[data-v-3e2ec068] { width: 100%; height: calc(100% - 36px); overflow-y: auto; background-repeat: no-repeat; background-position: center; background-size: cover; } .aiModelChat .cls-preview-tips .footer-content[data-v-3e2ec068] { height: 80px; box-sizing: border-box; padding: 10px 0; text-align: center; } .aiModelChat .cls-preview-tips .footer-content .el-form-item[data-v-3e2ec068] { width: 100%; } .aiModelChat .cls-preview-tips .footer-content .el-form-item .el-form-item__content[data-v-3e2ec068] { width: 95%; } .aiModelChat .main-content[data-v-3e2ec068] { height: calc(100% - 86px); padding: 5px; overflow-y: auto; } .aiModelChat .main-contentSmall[data-v-3e2ec068] { height: calc(100% - 146px); padding: 5px; overflow-y: auto; } .aiModelChat .fileList[data-v-3e2ec068] { height: 60px; width: 100%; overflow-x: auto; display: flex; padding: 10px 10px 0; cursor: pointer; } .aiModelChat .fileList .everyFile[data-v-3e2ec068] { width: 50%; height: 50px; display: flex; margin-right: 10px; align-items: center; flex-shrink: 0; border-radius: 5px; background: #e6e6e6; position: relative; } .aiModelChat .fileList .everyFile img[data-v-3e2ec068] { width: 40px; height: 40px; } .aiModelChat .fileList .everyFile .fileInfo[data-v-3e2ec068] { width: calc(100% - 50px); height: 40px; } .aiModelChat .fileList .everyFile .fileInfo .imgs[data-v-3e2ec068] { width: 100%; overflow: hidden; height: 20px; background: url(/static/img/loading.6bd02a9..gif); background-position: center; /* 背景图居中 */ background-size: cover; /* 背景图覆盖整个容器 */ background-repeat: no-repeat; /* 背景图不重复 */ } .aiModelChat .fileList .everyFile .el-icon-circle-close[data-v-3e2ec068] { position: absolute; right: -6px; top: -6px; font-size: 16px; } [data-v-3e2ec068] .el-tooltip__popper { background: #1f2d3d !important; } .mode-box .mode-title[data-v-6c0d32f7] { font-size: 18px; font-weight: normal; margin-bottom: 20px; padding-left: 10px; line-height: 20px; border-left: 4px solid #00a3ff; } .iconSyle[data-v-6c0d32f7] { font-size: 20px; font-weight: bold; cursor: pointer; } .instructions-dialog[data-v-6c0d32f7], .prompt-dialog[data-v-6c0d32f7] .el-dialog__header { text-align: center; } .instructions-dialog[data-v-6c0d32f7] .el-dialog--small { width: 600px; } .search-input[data-v-6c0d32f7] { width: 56%; margin-bottom: 10px; } .search-input[data-v-6c0d32f7] .el-input__inner { padding-left: 20px; } .instructions-promptsDialog[data-v-6c0d32f7] .el-dialog--small { width: 500px; } .prompt-dialog[data-v-6c0d32f7] .el-dialog--small { width: 50%; } .list-disc[data-v-6c0d32f7] { max-height: 400px; overflow: auto; } .custom-textarea[data-v-6c0d32f7] { position: relative; display: inline-block; } .custom-textarea .el-icon-menu[data-v-6c0d32f7] { position: absolute; right: 10px; bottom: 0; transform: translateY(-50%); cursor: pointer; } .prompt-content[data-v-6c0d32f7], .prompt-title[data-v-6c0d32f7] { width: 100%; } .prompt-content[data-v-6c0d32f7] .el-form-item__content, .prompt-title[data-v-6c0d32f7] .el-form-item__content { width: 100%; } .presetContent[data-v-6c0d32f7] { width: calc(100% - 10px); } .presetContent[data-v-6c0d32f7] .el-collapse-item__header { padding-right: 15px; } .audio_style[data-v-6c0d32f7] { display: inline-block; } .audio_style .ivu-icon[data-v-6c0d32f7] { display: inline-block; width: 20px; height: 20px; box-sizing: border-box; display: flex; align-items: center; justify-content: center; border: 2px solid #48576a; border-radius: 50%; cursor: pointer; } .audio_style .ivu-icon-ios-play[data-v-6c0d32f7] { padding-left: 3px !important; } .interactionBox[data-v-4a1bbff0] { width: 100%; display: flex; } .interactionBox .left[data-v-4a1bbff0], .interactionBox .right[data-v-4a1bbff0] { width: 50%; } .interactionBox .left[data-v-4a1bbff0] { border-right: 1px solid #ccc; } .interactionBox .left .custom-textarea[data-v-4a1bbff0] { position: relative; display: inline-block; } .interactionBox .left .custom-textarea .el-icon-menu[data-v-4a1bbff0] { position: absolute; right: 10px; bottom: 0; transform: translateY(-50%); cursor: pointer; } .interactionBox .right .commentsBox[data-v-4a1bbff0] { width: 100%; } .interactionBox .right .commentsBox .commentsSearch[data-v-4a1bbff0] { width: 100%; height: 40px; display: flex; justify-content: space-between; } .interactionBox .right .commentsBox .commentsSearch div[data-v-4a1bbff0] { display: flex; align-items: center; } .interactionBox .right .commentsBox .commentsSearch .commentsTop[data-v-4a1bbff0] { font-weight: bold; font-size: 16px; } .interactionBox .right .commentsBox .commentsSearch .commentsTop img[data-v-4a1bbff0] { width: 34px; height: 34px; } .interactionBox .right .commentsBox .commentsList[data-v-4a1bbff0] { width: 100%; margin-top: 10px; } .interactionBox .right .commentsBox .commentsList .everyComment[data-v-4a1bbff0] { width: 100%; margin-bottom: 10px; } .interactionBox .right .commentsBox .commentsList .everyComment .commentInfo[data-v-4a1bbff0] { box-sizing: border-box; padding: 0 10px; width: 100%; height: 50px; display: flex; align-items: center; justify-content: space-between; } .interactionBox .right .commentsBox .commentsList .everyComment .commentInfo div[data-v-4a1bbff0] { display: flex; align-items: center; } .interactionBox .right .commentsBox .commentsList .everyComment .commentInfo .commentleft[data-v-4a1bbff0] { width: calc(100% - 180px); } .interactionBox .right .commentsBox .commentsList .everyComment .commentInfo .commentleft .commentCover[data-v-4a1bbff0] { height: 35px; margin: 5px; } .interactionBox .right .commentsBox .commentsList .everyComment .commentInfo .commentleft .commentsTitle[data-v-4a1bbff0] { width: calc(100% - 100px); white-space: nowrap; /* 确保文本不换行 */ overflow: hidden; /* 隐藏超出容器的内容 */ text-overflow: ellipsis; /* 超出部分显示为省略号 */ font-weight: bold; font-size: 16px; } .interactionBox .right .commentsBox .commentsList .everyComment .commentInfo .deleteInfo[data-v-4a1bbff0] { width: 180px; justify-content: space-between; } .interactionBox .right .commentsBox .commentsList .everyComment .commentInfo .deleteInfo .deleteComments[data-v-4a1bbff0] { cursor: pointer; color: red; font-weight: bold; font-size: 14px; } .interactionBox .right .commentsBox .commentsList .everyComment .commentCon[data-v-4a1bbff0] { margin: 0 auto; width: calc(100% - 120px); border-top: 1px solid #ccc; padding-top: 6px; color: #7c7c7c; display: flex; align-items: center; font-size: 14px; } .interactionBox .right .commentsBox .commentsList .everyComment .commentCon p[data-v-4a1bbff0] { width: 80%; margin-right: 10px; white-space: nowrap; /* 确保文本不换行 */ overflow: hidden; /* 隐藏超出容器的内容 */ text-overflow: ellipsis; /* 超出部分显示为省略号 */ } .interactionBox .right .commentsBox .commentsList .everyComment .commentCon span[data-v-4a1bbff0] { color: deepskyblue; cursor: pointer; } .interactionBox .right .commentsBox .commentsList .everyComment .commentDetail[data-v-4a1bbff0] { margin: 6px auto; width: calc(100% - 120px); } .interactionBox .right .commentsBox .commentsList .everyComment .commentDetail .detailInfo[data-v-4a1bbff0] { margin-bottom: 6px; font-size: 14px; } .interactionBox .right .commentsBox .commentsList .everyComment .commentDetail .detailText[data-v-4a1bbff0] { font-size: 12px; margin-bottom: 6px; } .interactionBox .right .commentsBox .commentsList .everyComment .commentDetail .detailList[data-v-4a1bbff0] { width: 100%; } .interactionBox .right .commentsBox .commentsList .everyComment .commentDetail .detailList .imgList[data-v-4a1bbff0] { width: 100%; } .interactionBox .right .commentsBox .commentsList .everyComment .commentDetail .detailList .imgList img[data-v-4a1bbff0] { width: 130px; height: 130px; margin: 0 10px 10px 0; } .prompt-dialog[data-v-4a1bbff0] .el-dialog__header { text-align: center; } .instructions-dialog[data-v-4a1bbff0] .el-dialog--small { width: 35%; } .instructions-promptsDialog[data-v-4a1bbff0] .el-dialog--small { width: 500px; } .prompt-dialog[data-v-4a1bbff0] .el-dialog--small { width: 50%; } .prompt-content[data-v-4a1bbff0], .prompt-title[data-v-4a1bbff0] { width: 100%; } .prompt-content[data-v-4a1bbff0] .el-form-item__content, .prompt-title[data-v-4a1bbff0] .el-form-item__content { width: 100%; } .iconSyle[data-v-4a1bbff0] { font-size: 20px; font-weight: bold; cursor: pointer; } .saveBtn[data-v-4a1bbff0] { text-align: center; margin: 10px 0; } .addTime[data-v-4a1bbff0] { text-align: center; } .addTime[data-v-4a1bbff0] .el-dialog { width: 500px !important; text-align: center; } .addTime .addTimeBox[data-v-4a1bbff0] { text-align: center; } .addTime .addTimeBox .el-checkbox-group[data-v-4a1bbff0] { width: 300px; margin: 0 auto 20px; } .addTime .addTimeBox .el-checkbox-group .el-checkbox[data-v-4a1bbff0] { margin-left: 15px; margin-bottom: 4px; } .addTime .addTimeBox .addTimeBtn[data-v-4a1bbff0] { margin-top: 20px; } .page[data-v-5a9dd2f5] { width: 100%; display: grid; grid-template-columns: 50% auto 49%; } .left[data-v-5a9dd2f5] { background-color: #f0f0f0; /* 左侧背景色 */ display: flex; flex-direction: column; justify-content: flex-start; align-items: flex-start; padding-left: 10px; padding-right: 10px; overflow: hidden; min-height: 200px; } .right[data-v-5a9dd2f5] { background-color: white; display: flex; flex-direction: column; justify-content: flex-start; align-items: flex-start; overflow: hidden; } .column_hr[data-v-5a9dd2f5] { width: 2px; background-color: #7c7c7c; } .moment_hr[data-v-5a9dd2f5] { width: 100%; height: 1px; background-color: gray; margin-top: 5px; margin-bottom: 5px; } .header[data-v-5a9dd2f5] { padding-top: 10px; display: flex; width: 100%; flex-direction: row; justify-content: space-between; align-items: center; } .pageTitle[data-v-5a9dd2f5] { font-size: 16px; font-weight: bold; } .searchBox[data-v-5a9dd2f5] { margin-top: 10px; display: flex; align-items: center; } .searchBox > div[data-v-5a9dd2f5] { width: 30%; display: flex; align-items: center; } .searchBox > div span[data-v-5a9dd2f5] { display: inline-block; width: 60px; text-align: center; } .searchBox > div .el-input[data-v-5a9dd2f5], .searchBox > div .el-select[data-v-5a9dd2f5] { margin-right: 10px; } .bg_image_div[data-v-5a9dd2f5] { margin-top: 10px; position: relative; width: 100%; height: 120px; overflow: hidden; /* 防止子元素溢出 */ } .bg_image[data-v-5a9dd2f5] { width: 100%; /* 图片填满容器宽度 */ height: 100%; /* 图片填满容器高度 */ object-fit: cover; /* 确保图片按比例缩放，不会变形 */ } .checkRadius[data-v-5a9dd2f5] { position: absolute; /* 绝对定位 */ top: 10px; /* 距离顶部 10px */ left: 10px; /* 距离右侧 10px */ font-size: 14px; } .checkRadius .el-select[data-v-5a9dd2f5] { width: 140px; } .change_bg_div[data-v-5a9dd2f5] { position: absolute; /* 绝对定位 */ top: 10px; /* 距离顶部 10px */ right: 20px; /* 距离右侧 10px */ padding: 5px 10px; /* 按钮的内边距 */ color: white; /* 按钮文字颜色 */ border: none; /* 去掉边框 */ border-radius: 5px; /* 圆角按钮 */ cursor: pointer; /* 鼠标悬停样式 */ font-size: 14px; /* 文字大小 */ } .moments[data-v-5a9dd2f5] { display: flex; flex-direction: column; width: 100%; margin-top: -10px; z-index: 10; border-top-left-radius: 20px; /* 左上角圆角 */ border-top-right-radius: 20px; /* 右上角圆角 */ background-color: white; } .one_moment[data-v-5a9dd2f5] { display: flex; flex-direction: column; width: 100%; justify-content: flex-start; align-items: flex-start; margin-top: 10px; } .el-icon-arrow-left[data-v-5a9dd2f5] { font-size: 20px; margin-right: 10px; cursor: pointer; } .vertical_splitor[data-v-5a9dd2f5] { font-size: 14px; font-weight: normal; padding-left: 10px; line-height: 20px; border-left: 4px solid #00a3ff; } .moment_text[data-v-5a9dd2f5] { font-size: 14px; font-weight: normal; } .row_line[data-v-5a9dd2f5] { display: flex; width: 100%; flex-direction: row; justify-content: space-between; box-sizing: border-box; padding: 0 20px; align-items: center; } .friendsDetail[data-v-5a9dd2f5] { width: 100%; display: flex; flex-direction: row; justify-content: space-between; align-items: center; margin-bottom: 10px; } .publish_div[data-v-5a9dd2f5] { display: flex; width: 100%; flex-direction: row; justify-content: center; align-items: center; margin-bottom: 10px; } .div_mom_text[data-v-5a9dd2f5] { white-space: normal; /* 允许文本换行 */ overflow: hidden; /* 隐藏溢出的内容 */ word-wrap: break-word; /* 确保长单词也换行 */ text-overflow: ellipsis; /* 超出部分显示省略号 */ padding-left: 30px; padding-right: 30px; } .row_line_bottom[data-v-5a9dd2f5] { display: flex; width: 100%; height: 140px; box-sizing: border-box; flex-direction: row; justify-content: flex-start; align-items: flex-end; padding-left: 30px; padding-right: 30px; margin-top: 10px; margin-bottom: 10px; } .small_line_bottom[data-v-5a9dd2f5] { display: flex; width: 100%; height: 60px; box-sizing: border-box; flex-direction: row; justify-content: flex-start; align-items: flex-end; padding-left: 30px; padding-right: 30px; margin-top: 10px; margin-bottom: 10px; } .row_left[data-v-5a9dd2f5] { width: 65%; display: flex; height: 100%; flex-direction: row; justify-content: flex-start; align-items: center; margin-right: 5%; } .row_left .imgList[data-v-5a9dd2f5] { display: flex; } .row_left .imgList img[data-v-5a9dd2f5] { width: 30%; display: block; } .row_left .videoBox[data-v-5a9dd2f5] { width: 100%; height: 100%; } .row_left .videoBox video[data-v-5a9dd2f5] { height: 100%; width: 100%; } .row_left .audioBox[data-v-5a9dd2f5] { width: 100%; height: 100%; } .row_middle[data-v-5a9dd2f5] { flex: 1; height: 100%; display: flex; flex-direction: row; justify-content: flex-end; align-items: flex-end; padding-right: 20px; } .row_right[data-v-5a9dd2f5] { height: 100%; width: 30%; display: flex; flex-direction: column; justify-content: flex-end; align-items: center; } .moment_editor[data-v-5a9dd2f5] { margin-left: 10px; font-size: 14px; font-weight: normal; } .momentStatus[data-v-5a9dd2f5] { font-size: 14px; font-weight: bold; } .moment_img[data-v-5a9dd2f5] { width: 100px; height: 100px; margin-left: 5px; margin-right: 5px; } .image_from_div[data-v-5a9dd2f5] { width: 100%; display: flex; flex-direction: row; justify-content: flex-start; align-items: flex-start; } .image_list[data-v-5a9dd2f5] { width: 320px; display: flex; /* 使用 Flex 布局 */ flex-direction: row; flex-wrap: wrap; /* 允许换行 */ gap: 10px; justify-content: flex-start; } .upload_img_div[data-v-5a9dd2f5] { width: 100px; height: 100px; border: black 1px dashed; display: flex; justify-content: center; align-items: center; } .upload_img_div .avatar-uploader[data-v-5a9dd2f5] { width: 100px; height: 100px; } .upload_img_div .avatar-uploader .uploadBox[data-v-5a9dd2f5] { width: 100px; height: 100px; display: flex; justify-content: center; align-items: center; } .one_image[data-v-5a9dd2f5] { position: relative; width: 100px; height: 100px; border: 1px solid #ddd; border-radius: 5px; overflow: hidden; } .remove_img_btn[data-v-5a9dd2f5] { position: absolute; top: 5px; right: 5px; background-color: red; color: white; border: none; border-radius: 50%; width: 20px; height: 20px; display: flex; justify-content: center; align-items: center; cursor: pointer; } .moment_text_div[data-v-5a9dd2f5] { width: 100%; position: relative; } .ai_gene_div[data-v-5a9dd2f5] { position: absolute; bottom: 5px; right: 5px; cursor: pointer; } .more_image_div[data-v-5a9dd2f5] { display: flex; margin-left: 10px; justify-content: center; width: 30px; height: 100px; align-items: center; border: gray 1px solid; font-size: 14px; } .feed_number[data-v-5a9dd2f5] { font-size: 14px; } .moment_bgimg[data-v-5a9dd2f5] { width: 100%; } .one_mom_image[data-v-5a9dd2f5] { width: 100px; height: 100px; margin: 0; } .aiGenerationBox[data-v-5a9dd2f5] { text-align: center; } .aiGenerationBox .aiGenerationType[data-v-5a9dd2f5], .aiGenerationBox .changeModel[data-v-5a9dd2f5], .aiGenerationBox .imageCreate[data-v-5a9dd2f5], .aiGenerationBox .textCreate[data-v-5a9dd2f5] { margin-bottom: 20px; } .aiGenerationBox .imageCreate[data-v-5a9dd2f5], .aiGenerationBox .textCreate[data-v-5a9dd2f5] { width: 100%; border: 1px solid #ccc; border-radius: 5px; text-align: left; padding: 20px; } .aiGenerationBox .imageCreate .aiContent[data-v-5a9dd2f5], .aiGenerationBox .textCreate .aiContent[data-v-5a9dd2f5] { width: 100%; padding: 10px; border: 1px solid #ccc; border-radius: 5px; min-height: 80px; margin-top: 10px; } .aiGenerationBox .imageCreate .avatar-uploader[data-v-5a9dd2f5], .aiGenerationBox .textCreate .avatar-uploader[data-v-5a9dd2f5] { height: 100px; margin-bottom: 20px; } .aiGenerationBox .imageCreate .avatar-uploader[data-v-5a9dd2f5] .el-upload, .aiGenerationBox .textCreate .avatar-uploader[data-v-5a9dd2f5] .el-upload { height: 100px; } .aiGenerationBox .imageCreate .avatarImg[data-v-5a9dd2f5], .aiGenerationBox .textCreate .avatarImg[data-v-5a9dd2f5] { width: 100px; height: 100px; display: block; background-repeat: no-repeat; background-size: 100% 100%; border: 1px dashed #d9d9d9; border-radius: 6px; position: relative; margin-bottom: 20px; } .aiGenerationBox .imageCreate .avatarImg[data-v-5a9dd2f5]:hover, .aiGenerationBox .textCreate .avatarImg[data-v-5a9dd2f5]:hover { border-color: #20a0ff; } .aiGenerationBox .imageCreate .avatarImg a[data-v-5a9dd2f5], .aiGenerationBox .textCreate .avatarImg a[data-v-5a9dd2f5] { color: red; font-size: 16px; position: absolute; top: 0px; right: 0px; } .el-form-item[data-v-5a9dd2f5] { width: 100%; } .imageList[data-v-5a9dd2f5] .el-form-item__content { width: calc(100% - 120px); } .audioInfo[data-v-5a9dd2f5] { display: flex; align-items: start; } .audioInfo video[data-v-5a9dd2f5] { width: 300px; } [data-v-5a9dd2f5] .player-box { margin-top: 0; } .el-form-item[data-v-5a9dd2f5] { margin-bottom: 10px; } .publishDetail[data-v-5a9dd2f5] { width: 100%; font-size: 14px; box-sizing: border-box; padding: 0 10px; display: flex; justify-content: space-between; } .publishDetail .publicInfo span[data-v-5a9dd2f5] { margin-right: 10px; padding-left: 5px; border-left: 5px solid #ccc; } .publishDetail .publicInfo img[data-v-5a9dd2f5] { width: 20px; height: 20px; } .publishDetail .publicStatus[data-v-5a9dd2f5] { font-weight: bold; } .publishDetail .publicPinglun[data-v-5a9dd2f5] { cursor: pointer; } .publishDetail .publicPinglun img[data-v-5a9dd2f5] { width: 20px; height: 20px; } .publishDetail .publicPinglun span[data-v-5a9dd2f5] { color: #1296db; } .checkInfo[data-v-5a9dd2f5] { padding-bottom: 20px; border-bottom: 1px solid #ccc; } .commentsSection[data-v-5a9dd2f5] { width: 100%; box-sizing: border-box; padding-left: 10px; } .commentsSection .commentsTop[data-v-5a9dd2f5] { display: flex; justify-content: space-between; } .commentsSection .commentsTop .commentsSear[data-v-5a9dd2f5] { width: 250px; display: flex; justify-content: flex-start; } .commentsSection .commentsTop .el-select[data-v-5a9dd2f5] { width: 180px; } .commentsSection .commentsBox[data-v-5a9dd2f5] { width: 100%; margin-top: 10px; } .commentsSection .commentsBox .commentDz[data-v-5a9dd2f5], .commentsSection .commentsBox .commentPl[data-v-5a9dd2f5] { display: flex; } .commentsSection .commentsBox .commentDz img[data-v-5a9dd2f5], .commentsSection .commentsBox .commentPl img[data-v-5a9dd2f5] { width: 30px; height: 30px; margin-right: 10px; } .commentsSection .commentsBox .commentDz .everyDz[data-v-5a9dd2f5], .commentsSection .commentsBox .commentPl .everyDz[data-v-5a9dd2f5] { font-weight: 600; font-size: 14px; margin-right: 10px; } .commentsSection .commentsBox .commentDz .commentsList[data-v-5a9dd2f5], .commentsSection .commentsBox .commentPl .commentsList[data-v-5a9dd2f5] { width: calc(100% - 40px); } .commentsSection .commentsBox .commentDz .commentsList .everyComment[data-v-5a9dd2f5], .commentsSection .commentsBox .commentPl .commentsList .everyComment[data-v-5a9dd2f5] { margin-bottom: 10px; } .commentsSection .commentsBox .commentDz .commentsList .everyComment .commentContent[data-v-5a9dd2f5], .commentsSection .commentsBox .commentPl .commentsList .everyComment .commentContent[data-v-5a9dd2f5] { font-weight: 600; font-size: 14px; } .commentsSection .commentsBox .commentDz .commentsList .everyComment .commentInfo[data-v-5a9dd2f5], .commentsSection .commentsBox .commentPl .commentsList .everyComment .commentInfo[data-v-5a9dd2f5] { margin-top: 4px; } .commentsSection .commentsBox .commentDz .commentsList .everyComment .commentInfo .commentTime[data-v-5a9dd2f5], .commentsSection .commentsBox .commentPl .commentsList .everyComment .commentInfo .commentTime[data-v-5a9dd2f5] { margin-right: 20px; } .commentsSection .commentsBox .commentDz .commentsList .everyComment .commentInfo .commentRecover[data-v-5a9dd2f5], .commentsSection .commentsBox .commentPl .commentsList .everyComment .commentInfo .commentRecover[data-v-5a9dd2f5] { margin-right: 6px; cursor: pointer; color: #00a3ff; } .commentsSection .commentsBox .commentDz .commentsList .everyComment .commentInfo .commentDelete[data-v-5a9dd2f5], .commentsSection .commentsBox .commentPl .commentsList .everyComment .commentInfo .commentDelete[data-v-5a9dd2f5] { cursor: pointer; color: red; } .commentsSection .commentsBox .commentDz .commentsList .everyComment .recoverBox[data-v-5a9dd2f5], .commentsSection .commentsBox .commentPl .commentsList .everyComment .recoverBox[data-v-5a9dd2f5] { margin-top: 6px; width: 100%; display: flex; align-items: flex-start; position: relative; } .commentsSection .commentsBox .commentDz .commentsList .everyComment .recoverBox .recoverTitle[data-v-5a9dd2f5], .commentsSection .commentsBox .commentPl .commentsList .everyComment .recoverBox .recoverTitle[data-v-5a9dd2f5] { width: 80px; } .commentsSection .commentsBox .commentDz .commentsList .everyComment .recoverBox .input-with-button[data-v-5a9dd2f5], .commentsSection .commentsBox .commentPl .commentsList .everyComment .recoverBox .input-with-button[data-v-5a9dd2f5] { position: relative; display: inline-block; width: 60%; margin-right: 10px; } .commentsSection .commentsBox .commentDz .commentsList .everyComment .recoverBox .custom-textarea[data-v-5a9dd2f5], .commentsSection .commentsBox .commentPl .commentsList .everyComment .recoverBox .custom-textarea[data-v-5a9dd2f5] { width: 100%; box-sizing: border-box; /* 根据需要调整 textarea 的样式 */ } .commentsSection .commentsBox .commentDz .commentsList .everyComment .recoverBox .custom-textarea[data-v-5a9dd2f5] .el-textarea__inner, .commentsSection .commentsBox .commentPl .commentsList .everyComment .recoverBox .custom-textarea[data-v-5a9dd2f5] .el-textarea__inner { box-sizing: border-box; padding: 0 0 20px 0; } .commentsSection .commentsBox .commentDz .commentsList .everyComment .recoverBox .custom-button[data-v-5a9dd2f5], .commentsSection .commentsBox .commentPl .commentsList .everyComment .recoverBox .custom-button[data-v-5a9dd2f5] { position: absolute; bottom: 10px; /* 根据需要调整距离底部的距离 */ right: 20px; /* 根据需要调整距离右侧的距离 */ } .commentsSection .commentsBox .commentDz .commentsList .everyComment .recoverBox .cecoverBtn[data-v-5a9dd2f5], .commentsSection .commentsBox .commentPl .commentsList .everyComment .recoverBox .cecoverBtn[data-v-5a9dd2f5] { position: absolute; bottom: 0; left: calc(60% + 90px); } .postReviewPopup[data-v-5a9dd2f5] { text-align: center; } .postReviewPopup .postReviewPeople[data-v-5a9dd2f5], .postReviewPopup .postReviewValue[data-v-5a9dd2f5] { width: 100%; display: flex; margin-bottom: 10px; } .postReviewPopup .postReviewPeople span[data-v-5a9dd2f5], .postReviewPopup .postReviewValue span[data-v-5a9dd2f5] { display: inline-block; width: 120px; text-align: end; } .postReviewPopup .postReviewPeople .el-textarea[data-v-5a9dd2f5], .postReviewPopup .postReviewValue .el-textarea[data-v-5a9dd2f5] { width: calc(100% - 120px); } .postReviewPopup .postReviewPeople .el-select[data-v-5a9dd2f5], .postReviewPopup .postReviewValue .el-select[data-v-5a9dd2f5] { width: 200px; } .pengContent[data-v-5a9dd2f5] .el-form-item__content { width: calc(100% - 100px); } [data-v-5a9dd2f5] .emoji-mart-category-label { display: none; } .rounded-tabs[data-v-209fa624] { border-radius: 8px; overflow: hidden; } .rounded-tabs[data-v-209fa624] .el-tabs__header { margin: 0; } .rounded-tabs[data-v-209fa624] .el-tabs__item { border-radius: 20px !important; border-bottom-left-radius: 0 !important; border-bottom-right-radius: 0 !important; } .rounded-tabs .el-tabs__nav-next[data-v-209fa624], .rounded-tabs .el-tabs__nav-prev[data-v-209fa624] { border-top-left-radius: 8px !important; border-top-right-radius: 8px !important; } .virtualInfoConfig .mode-title[data-v-209fa624] { font-size: 14px; font-weight: normal; padding-left: 10px; line-height: 20px; border-left: 4px solid #00a3ff; } .el-icon-arrow-left[data-v-209fa624] { font-size: 20px; margin-right: 10px; cursor: pointer; } .el-tree[data-v-dfead138] { border: none !important; margin-top: 10px; } [data-v-dfead138] .add-dialog .el-dialog { width: 400px !important; } .addInfo[data-v-dfead138] { text-align: center; } .addInfo div[data-v-dfead138] { width: 100%; display: flex; align-items: center; justify-content: center; margin-bottom: 20px; } .addInfo div .el-input[data-v-dfead138] { width: 260px; margin: 0; } .el-dialog .el-dialog__header { text-align: center; background-color: #409eff; padding: 20px 20px !important; } .el-dialog .el-dialog__header .el-dialog__title { color: #fff !important; } .el-dialog .el-dialog__footer { text-align: center; } .el-dialog__wrapper { background-color: rgba(0, 0, 0, 0.5) !important; } .panel-box .panel-title { font-size: 18px; font-weight: normal; margin-bottom: 20px; padding-left: 10px; line-height: 20px; border-left: 4px solid #00a3ff; } .el-table td, .el-table th.is-leaf { border-bottom: 0px !important; } .tags { display: inline-block; padding: 0 3px; color: #20a0ff; } .mode-box .mode-title[data-v-3bce9156] { font-size: 18px; font-weight: normal; margin-bottom: 20px; padding-left: 10px; line-height: 20px; border-left: 4px solid #00a3ff; } .avatar-uploader .el-upload[data-v-3bce9156] { border: 1px dashed #d9d9d9; border-radius: 6px; cursor: pointer; position: relative; overflow: hidden; } .avatar-uploader .el-upload[data-v-3bce9156]:hover { border-color: #20a0ff; } .avatar-uploader-icon[data-v-3bce9156] { font-size: 28px; color: #8c939d; width: 100px; height: 100px; line-height: 100px; text-align: center; border: 1px dashed #bfcbd9; border-radius: 10px; } .avatar[data-v-3bce9156] { width: 100px; height: 100px; display: block; } .avatarImg[data-v-3bce9156], .idCardImg[data-v-3bce9156] { width: 100px; height: 100px; display: block; background-repeat: no-repeat; background-size: 100% 100%; border: 1px dashed #d9d9d9; border-radius: 6px; position: relative; } .avatarImg[data-v-3bce9156]:hover { border-color: #20a0ff; } .avatarImg a[data-v-3bce9156], .idCardImg a[data-v-3bce9156] { color: red; font-size: 16px; position: absolute; top: 0px; right: 0px; } .imgAudio[data-v-3bce9156] { margin-top: 10px; } .imgAudio .audioInfo[data-v-3bce9156] { display: flex; align-items: center; margin-top: 10px; } .imgAudio .audioInfo audio[data-v-3bce9156] { width: 300px; height: 40px; margin-right: 10px; } .videoBox[data-v-3bce9156] { margin-top: 10px; display: flex; align-items: end; } .videoBox video[data-v-3bce9156] { width: 300px; margin-right: 10px; } .tabs[data-v-3bce9156] { width: calc(100% - 20px); } .tabs[data-v-3bce9156] .el-form-item__content { width: calc(100% - 120px); } [data-v-3bce9156] .el-input-number--small .el-input-number__decrease { left: 0; border-left: none; border-right: 1px solid #bfcbd9; } [data-v-3bce9156] .el-input-number .el-input__inner { padding-left: 30px; padding-right: 30px; text-align: center; } .el-dialog .el-dialog__header[data-v-2b269c56] { text-align: center; background-color: #409eff; padding: 20px 20px !important; } .el-dialog .el-dialog__header .el-dialog__title[data-v-2b269c56] { color: #fff !important; } .el-dialog .el-dialog__footer[data-v-2b269c56] { text-align: center; } .el-dialog__wrapper[data-v-2b269c56] { background-color: rgba(0, 0, 0, 0.5) !important; } .panel-box .panel-title[data-v-2b269c56] { font-size: 18px; font-weight: normal; margin-bottom: 20px; padding-left: 10px; line-height: 20px; border-left: 4px solid #00a3ff; } .el-table td[data-v-2b269c56], .el-table th.is-leaf[data-v-2b269c56] { border-bottom: 0px !important; } .tags[data-v-2b269c56] { display: inline-block; padding: 0 3px; color: #20a0ff; } .box-area[data-v-2b269c56] { border-radius: 5px; border: 1px solid #efefef; padding: 5px 20px; margin-bottom: 20px; } .box-area h4[data-v-2b269c56] { margin-bottom: 10px; } .el-dialog .el-dialog__header[data-v-2576303a] { text-align: center; background-color: #409eff; padding: 20px 20px !important; } .el-dialog .el-dialog__header .el-dialog__title[data-v-2576303a] { color: #fff !important; } .el-dialog .el-dialog__footer[data-v-2576303a] { text-align: center; } .el-dialog__wrapper[data-v-2576303a] { background-color: rgba(0, 0, 0, 0.5) !important; } .panel-box .panel-title[data-v-2576303a] { font-size: 18px; font-weight: normal; margin-bottom: 20px; padding-left: 10px; line-height: 20px; border-left: 4px solid #00a3ff; } .el-table td[data-v-2576303a], .el-table th.is-leaf[data-v-2576303a] { border-bottom: 0px !important; } .tags[data-v-2576303a] { display: inline-block; padding: 0 3px; color: #20a0ff; } .box-area[data-v-2576303a] { border-radius: 5px; border: 1px solid #efefef; padding: 5px 20px; margin-bottom: 20px; } .box-area h4[data-v-2576303a] { margin-bottom: 10px; } [data-v-2576303a] .el-input-number--small .el-input-number__decrease { left: 0; border-left: none; border-right: 1px solid #bfcbd9; } [data-v-2576303a] .el-input-number .el-input__inner { padding-left: 30px; padding-right: 30px; text-align: center; } .story_cards[data-v-2576303a] { display: flex; align-items: end; } .story_cards img[data-v-2576303a] { margin-right: 10px; } .story_cards audio[data-v-2576303a] { width: 300px; height: 40px; } .story_cards video[data-v-2576303a] { max-width: 300px; } .el-dialog .el-dialog__header { text-align: center; background-color: #409eff; padding: 20px 20px !important; } .el-dialog .el-dialog__header .el-dialog__title { color: #fff !important; } .el-dialog .el-dialog__footer { text-align: center; } .el-dialog__wrapper { background-color: rgba(0, 0, 0, 0.5) !important; } .panel-box .panel-title { font-size: 18px; font-weight: normal; margin-bottom: 20px; padding-left: 10px; line-height: 20px; border-left: 4px solid #00a3ff; } .el-table td, .el-table th.is-leaf { border-bottom: 0px !important; } .tags { display: inline-block; padding: 0 3px; color: #20a0ff; } .mode-box .mode-title[data-v-4b4b4d72] { font-size: 18px; font-weight: normal; margin-bottom: 20px; padding-left: 10px; line-height: 20px; border-left: 4px solid #00a3ff; } .avatar-uploader .el-upload[data-v-4b4b4d72] { border: 1px dashed #d9d9d9; border-radius: 6px; cursor: pointer; overflow: hidden; } .avatar-uploader .el-upload[data-v-4b4b4d72]:hover { border-color: #20a0ff; } .avatar-uploader-icon[data-v-4b4b4d72] { font-size: 20px; color: #8c939d; width: 100px; height: 100px; line-height: 100px; text-align: center; border: 1px dashed #bfcbd9; border-radius: 10px; } .avatar-uploader-icon span[data-v-4b4b4d72] { margin-left: 10px; } .avatar[data-v-4b4b4d72] { width: 100px; height: 100px; display: block; } .avatarImg[data-v-4b4b4d72] { width: 100px; height: 100px; display: block; background-repeat: no-repeat; background-size: 100% 100%; border: 1px dashed #d9d9d9; border-radius: 6px; position: relative; } .avatarImg[data-v-4b4b4d72]:hover { border-color: #20a0ff; } .avatarImg a[data-v-4b4b4d72] { color: red; font-size: 16px; position: absolute; top: 0px; right: 0px; } .tabs[data-v-4b4b4d72] .el-form-item__content { width: calc(100% - 120px); } .imgInfo[data-v-4b4b4d72] { display: flex; } .imgInfo div[data-v-4b4b4d72] { display: flex; margin-right: 20px; } .imgInfo div span[data-v-4b4b4d72] { margin-right: 10px; } .el-dialog .el-dialog__header { text-align: center; background-color: #409eff; padding: 20px 20px !important; } .el-dialog .el-dialog__header .el-dialog__title { color: #fff !important; } .el-dialog .el-dialog__footer { text-align: center; } .el-dialog__wrapper { background-color: rgba(0, 0, 0, 0.5) !important; } .panel-box .panel-title { font-size: 18px; font-weight: normal; margin-bottom: 20px; padding-left: 10px; line-height: 20px; border-left: 4px solid #00a3ff; } .el-table td, .el-table th.is-leaf { border-bottom: 0px !important; } .tags { display: inline-block; padding: 0 3px; color: #20a0ff; } .characterVisible .el-dialog, .themeVisible .el-dialog { top: 10% !important; width: 70%; padding-bottom: 30px; } .mode-box .mode-title[data-v-68bd7b22] { font-size: 18px; font-weight: normal; margin-bottom: 20px; padding-left: 10px; line-height: 20px; border-left: 4px solid #00a3ff; } .avatar-uploader .el-upload[data-v-68bd7b22] { border: 1px dashed #d9d9d9; border-radius: 6px; cursor: pointer; overflow: hidden; } .avatar-uploader .el-upload[data-v-68bd7b22]:hover { border-color: #20a0ff; } .avatar-uploader-icon[data-v-68bd7b22] { font-size: 20px; color: #8c939d; width: 100px; height: 100px; line-height: 100px; text-align: center; border: 1px dashed #bfcbd9; border-radius: 10px; } .avatar-uploader-icon span[data-v-68bd7b22] { margin-left: 10px; } .avatar[data-v-68bd7b22] { width: 100px; height: 100px; display: block; } .avatarImg[data-v-68bd7b22] { width: 100px; height: 100px; display: block; background-repeat: no-repeat; background-size: 100% 100%; border: 1px dashed #d9d9d9; border-radius: 6px; position: relative; } .avatarImg[data-v-68bd7b22]:hover { border-color: #20a0ff; } .avatarImg a[data-v-68bd7b22] { color: red; font-size: 16px; position: absolute; top: 0px; right: 0px; } .tabs[data-v-68bd7b22] .el-form-item__content { width: calc(100% - 120px); } .imgInfo[data-v-68bd7b22] { display: flex; } .imgInfo div[data-v-68bd7b22] { display: flex; margin-right: 20px; } .imgInfo div span[data-v-68bd7b22] { margin-right: 10px; } .el-dialog .el-dialog__header[data-v-e596e7e2] { text-align: center; background-color: #409eff; padding: 20px 20px !important; } .el-dialog .el-dialog__header .el-dialog__title[data-v-e596e7e2] { color: #fff !important; } .el-dialog .el-dialog__footer[data-v-e596e7e2] { text-align: center; } .el-dialog__wrapper[data-v-e596e7e2] { background-color: rgba(0, 0, 0, 0.5) !important; } .panel-box .panel-title[data-v-e596e7e2] { font-size: 18px; font-weight: normal; margin-bottom: 20px; padding-left: 10px; line-height: 20px; border-left: 4px solid #00a3ff; } .el-table td[data-v-e596e7e2], .el-table th.is-leaf[data-v-e596e7e2] { border-bottom: 0px !important; } .tags[data-v-e596e7e2] { display: inline-block; margin: 4px 10px 4px 0; padding: 0 4px; border-radius: 4px; border: 1px solid #4db3ff; color: #4db3ff; font-size: 12px; line-height: 18px; } [data-v-e596e7e2] .avatar-uploader .el-upload { border: none; cursor: pointer; position: relative; overflow: hidden; } .avatar-uploader .el-upload[data-v-e596e7e2]:hover { border-color: #20a0ff; } .avatar-uploader-icon[data-v-e596e7e2] { font-size: 28px; color: #8c939d; width: 100px; height: 100px; line-height: 100px; text-align: center; border: 1px dashed #bfcbd9; border-radius: 10px; } .bgIcon[data-v-e596e7e2] { width: 130px !important; height: 180px !important; line-height: 180px; } .avatar[data-v-e596e7e2] { width: 100px; height: 100px; display: block; } .avatarImg[data-v-e596e7e2], .idCardImg[data-v-e596e7e2] { width: 100px; height: 100px; display: block; background-repeat: no-repeat; background-size: 100% 100%; border: 1px dashed #d9d9d9; border-radius: 6px; position: relative; } .avatarImg[data-v-e596e7e2]:hover { border-color: #20a0ff; } .avatarImg a[data-v-e596e7e2], .idCardImg a[data-v-e596e7e2] { color: red; font-size: 16px; position: absolute; top: 0px; right: 0px; } .animation[data-v-e596e7e2] { display: flex; } .videoBox[data-v-e596e7e2] { margin-right: 40px; display: flex; align-items: end; } .videoBox video[data-v-e596e7e2] { width: 300px; margin-right: 10px; } .imgAudio[data-v-e596e7e2] { margin-top: 10px; } .imgAudio .audioInfo[data-v-e596e7e2] { display: flex; align-items: end; margin-top: 10px; } .imgAudio .audioInfo audio[data-v-e596e7e2] { width: 300px; height: 40px; margin-right: 10px; } .tabs[data-v-e596e7e2] { width: 100%; } .tabs[data-v-e596e7e2] .el-form-item__content { width: calc(100% - 120px); } [data-v-e596e7e2] .imgSelect { padding: 0 10px; height: 40px; } [data-v-e596e7e2] .gameplayVisible .el-dialog { width: 800px; } [data-v-e596e7e2] .gameplayVisible .el-dialog .el-form-item { margin-bottom: 10px !important; } [data-v-e596e7e2] .gameplayVisible .el-dialog .el-dialog__footer { text-align: center; } .option-with-thumbnail[data-v-e596e7e2] { display: flex; align-items: center; justify-content: space-between; margin-top: 5px; width: 100%; } .thumbnail[data-v-e596e7e2] { width: 30px; height: 30px; object-fit: cover; border-radius: 4px; margin-left: 10px; } /* 自定义 tooltip 样式 */ .image-tooltip[data-v-e596e7e2] { padding: 0 !important; border: none !important; } .longTit[data-v-e596e7e2] { margin-left: 40px; } .longTit[data-v-e596e7e2] .el-form-item__label { width: 120px !important; } .el-dialog .el-dialog__header[data-v-5bd2107f] { text-align: center; background-color: #409eff; padding: 20px 20px !important; } .el-dialog .el-dialog__header .el-dialog__title[data-v-5bd2107f] { color: #fff !important; } .el-dialog .el-dialog__footer[data-v-5bd2107f] { text-align: center; } .el-dialog__wrapper[data-v-5bd2107f] { background-color: rgba(0, 0, 0, 0.5) !important; } .panel-box .panel-title[data-v-5bd2107f] { font-size: 18px; font-weight: normal; margin-bottom: 20px; padding-left: 10px; line-height: 20px; border-left: 4px solid #00a3ff; } .el-table td[data-v-5bd2107f], .el-table th.is-leaf[data-v-5bd2107f] { border-bottom: 0px !important; } .tags[data-v-5bd2107f] { display: inline-block; margin: 4px 10px 4px 0; padding: 0 4px; border-radius: 4px; border: 1px solid #4db3ff; color: #4db3ff; font-size: 12px; line-height: 18px; } [data-v-5bd2107f] .avatar-uploader .el-upload { border: none; cursor: pointer; position: relative; overflow: hidden; } .avatar-uploader .el-upload[data-v-5bd2107f]:hover { border-color: #20a0ff; } .avatar-uploader-icon[data-v-5bd2107f] { font-size: 28px; color: #8c939d; width: 100px; height: 100px; line-height: 100px; text-align: center; border: 1px dashed #bfcbd9; border-radius: 10px; } .bgIcon[data-v-5bd2107f] { width: 130px !important; height: 180px !important; line-height: 180px; } .avatar[data-v-5bd2107f] { width: 100px; height: 100px; display: block; } .avatarImg[data-v-5bd2107f], .idCardImg[data-v-5bd2107f] { width: 100px; height: 100px; display: block; background-repeat: no-repeat; background-size: 100% 100%; border: 1px dashed #d9d9d9; border-radius: 6px; position: relative; } .avatarImg[data-v-5bd2107f]:hover { border-color: #20a0ff; } .avatarImg a[data-v-5bd2107f], .idCardImg a[data-v-5bd2107f] { color: red; font-size: 16px; position: absolute; top: 0px; right: 0px; } .animation[data-v-5bd2107f] { display: flex; } .videoBox[data-v-5bd2107f] { margin-right: 40px; display: flex; align-items: end; } .videoBox video[data-v-5bd2107f] { width: 300px; margin-right: 10px; } .imgAudio[data-v-5bd2107f] { margin-top: 10px; } .imgAudio .audioInfo[data-v-5bd2107f] { display: flex; align-items: end; margin-top: 10px; } .imgAudio .audioInfo audio[data-v-5bd2107f] { width: 300px; height: 40px; margin-right: 10px; } .tabs[data-v-5bd2107f] { width: 100%; } .tabs[data-v-5bd2107f] .el-form-item__content { width: calc(100% - 120px); } [data-v-5bd2107f] .imgSelect { padding: 0 10px; height: 40px; } .option-with-thumbnail[data-v-5bd2107f] { display: flex; align-items: center; justify-content: space-between; margin-top: 5px; width: 100%; } .thumbnail[data-v-5bd2107f] { width: 30px; height: 30px; object-fit: cover; border-radius: 4px; margin-left: 10px; } /* 自定义 tooltip 样式 */ .image-tooltip[data-v-5bd2107f] { padding: 0 !important; border: none !important; } .longTit[data-v-5bd2107f] { margin-left: 40px; } .longTit[data-v-5bd2107f] .el-form-item__label { width: 120px !important; } [data-v-5bd2107f] .el-input-number { width: 110px; } [data-v-5bd2107f] .el-input-number--small .el-input-number__decrease { left: 0; border-left: none; border-right: 1px solid #bfcbd9; } [data-v-5bd2107f] .el-input-number .el-input__inner { padding-left: 30px; padding-right: 30px; text-align: center; } [data-v-bacdc32e] .avatar-uploader .el-upload { border: none; cursor: pointer; position: relative; overflow: hidden; } .avatar-uploader .el-upload[data-v-bacdc32e]:hover { border-color: #20a0ff; } .avatar-uploader-icon[data-v-bacdc32e] { font-size: 28px; color: #8c939d; width: 100px; height: 100px; line-height: 100px; text-align: center; border: 1px dashed #bfcbd9; border-radius: 10px; } .bgIcon[data-v-bacdc32e] { width: 130px !important; height: 180px !important; line-height: 180px; } .avatar[data-v-bacdc32e] { width: 100px; height: 100px; display: block; } .avatarImg[data-v-bacdc32e], .idCardImg[data-v-bacdc32e] { width: 100px; height: 100px; display: block; background-repeat: no-repeat; background-size: 100% 100%; border: 1px dashed #d9d9d9; border-radius: 6px; position: relative; } .avatarImg[data-v-bacdc32e]:hover { border-color: #20a0ff; } .avatarImg a[data-v-bacdc32e], .idCardImg a[data-v-bacdc32e] { color: red; font-size: 16px; position: absolute; top: 0px; right: 0px; } .animation[data-v-bacdc32e] { display: flex; } .videoBox[data-v-bacdc32e] { margin-right: 40px; display: flex; align-items: end; } .videoBox video[data-v-bacdc32e] { width: 300px; margin-right: 10px; } .imgAudio[data-v-bacdc32e] { margin-top: 10px; } .imgAudio .audioInfo[data-v-bacdc32e] { display: flex; align-items: end; margin-top: 10px; } .imgAudio .audioInfo audio[data-v-bacdc32e] { width: 300px; height: 40px; margin-right: 10px; } .tabs[data-v-bacdc32e] { width: 100%; } .tabs[data-v-bacdc32e] .el-form-item__content { width: calc(100% - 120px); } [data-v-bacdc32e] .imgSelect { padding: 0 10px; height: 40px; } [data-v-bacdc32e] .gameplayVisible .el-dialog { width: 800px; } [data-v-bacdc32e] .gameplayVisible .el-dialog .el-form-item { margin-bottom: 10px !important; } [data-v-bacdc32e] .gameplayVisible .el-dialog .el-dialog__footer { text-align: center; } .option-with-thumbnail[data-v-bacdc32e] { display: flex; align-items: center; justify-content: space-between; margin-top: 5px; width: 100%; } .thumbnail[data-v-bacdc32e] { width: 30px; height: 30px; object-fit: cover; border-radius: 4px; margin-left: 10px; } /* 自定义 tooltip 样式 */ .image-tooltip[data-v-bacdc32e] { padding: 0 !important; border: none !important; } .longTit[data-v-bacdc32e] { margin-left: 40px; } .longTit[data-v-bacdc32e] .el-form-item__label { width: 120px !important; } .mode-box .mode-title[data-v-7c540b35] { font-size: 18px; font-weight: normal; margin-bottom: 20px; padding-left: 10px; line-height: 20px; border-left: 4px solid #00a3ff; } .iconSyle[data-v-7c540b35] { font-size: 20px; font-weight: bold; cursor: pointer; } .instructions-dialog[data-v-7c540b35], .prompt-dialog[data-v-7c540b35] .el-dialog__header { text-align: center; } .instructions-dialog[data-v-7c540b35] .el-dialog--small { width: 35%; } .instructions-promptsDialog[data-v-7c540b35] .el-dialog--small { width: 500px; } .prompt-dialog[data-v-7c540b35] .el-dialog--small { width: 50%; } .list-disc[data-v-7c540b35] { max-height: 400px; overflow: auto; } .custom-textarea[data-v-7c540b35] { position: relative; display: inline-block; } .custom-textarea .el-icon-menu[data-v-7c540b35] { position: absolute; right: 10px; bottom: 0; transform: translateY(-50%); cursor: pointer; } .prompt-content[data-v-7c540b35], .prompt-title[data-v-7c540b35] { width: 100%; } .prompt-content[data-v-7c540b35] .el-form-item__content, .prompt-title[data-v-7c540b35] .el-form-item__content { width: 100%; } .previewBox[data-v-7c540b35] { height: 88vh; padding-left: 20px; border-left: 1px solid #ccc; } .tabs[data-v-7c540b35] .el-form-item__content { width: calc(100% - 120px); } .instructionBox[data-v-7c540b35] { width: 550px; } .instructionBox .instructionInfo[data-v-7c540b35] { display: flex; } .instructionBox .instructionImg[data-v-7c540b35] { display: flex; margin: 10px 0; } .instructionBox .instructionManage .instructionList .everyInstruction[data-v-7c540b35] { display: flex; align-content: space-between; height: 120px; margin-bottom: 20px; } .instructionBox .instructionManage .instructionList .everyInstruction .instructionLeft[data-v-7c540b35] { height: 40px; width: 90px; display: flex; align-items: center; } .instructionBox .instructionManage .instructionList .everyInstruction .instructionLeft span[data-v-7c540b35] { white-space: nowrap; } .instructionBox .instructionManage .instructionList .everyInstruction .instructionRight[data-v-7c540b35] { display: flex; align-items: flex-end; } .instructionBox .instructionManage .instructionList .everyInstruction .instructionCen[data-v-7c540b35] { width: 380px; display: flex; flex-direction: column; margin: 0 10px; } .instructionBox .instructionManage .instructionList .everyInstruction .instructionCen .imgBox[data-v-7c540b35] { margin-top: 10px; display: flex; flex-direction: row; } .instructionBox .instructionManage .instructionList .everyHint[data-v-7c540b35] { display: flex; align-items: center; margin-bottom: 10px ; } .instructionBox .instructionManage .instructionList .everyHint span[data-v-7c540b35] { width: 70px; } .instructionBox .instructionManage .instructionList .everyHint .el-input[data-v-7c540b35] { margin-right: 10px; } [data-v-7c540b35] .avatar-uploader .el-upload { border: none; cursor: pointer; position: relative; overflow: hidden; } .avatar-uploader .el-upload[data-v-7c540b35]:hover { border-color: #20a0ff; } .avatar-uploader-icon[data-v-7c540b35] { font-size: 28px; color: #8c939d; width: 120px; height: 75px; line-height: 75px; text-align: center; border: 1px dashed #bfcbd9; border-radius: 10px; } .bgIcon[data-v-7c540b35] { width: 120px !important; height: 75px !important; line-height: 75px; margin-right: 10px; } .avatar[data-v-7c540b35] { width: 120px; height: 75px; display: block; } .avatarImg[data-v-7c540b35] { width: 120px !important; height: 75px !important; display: block; background-repeat: no-repeat; background-size: 100% 100%; border: 1px dashed #d9d9d9; border-radius: 6px; position: relative; } .avatarImg[data-v-7c540b35]:hover { border-color: #20a0ff; } .avatarImg a[data-v-7c540b35] { color: red; font-size: 16px; position: absolute; top: 0px; right: 0px; } .imgBox .el-textarea[data-v-7c540b35] { width: calc(100% - 110px) !important; } .flexUpload[data-v-7c540b35] { display: flex; flex-direction: column; align-items: center; justify-content: center; } .flexUpload i[data-v-7c540b35] { font-size: 16px; } .flexUpload span[data-v-7c540b35] { display: inline-block; height: 20px; line-height: 20px; font-size: 14px; margin-top: 10px; } .rounded-tabs[data-v-33ad1fc0] { border-radius: 8px; overflow: hidden; } .rounded-tabs[data-v-33ad1fc0] .el-tabs__header { margin: 0; } .rounded-tabs[data-v-33ad1fc0] .el-tabs__item { border-radius: 20px !important; border-bottom-left-radius: 0 !important; border-bottom-right-radius: 0 !important; } .rounded-tabs .el-tabs__nav-next[data-v-33ad1fc0], .rounded-tabs .el-tabs__nav-prev[data-v-33ad1fc0] { border-top-left-radius: 8px !important; border-top-right-radius: 8px !important; } .virtualInfoConfig .mode-title[data-v-33ad1fc0] { font-size: 14px; font-weight: normal; padding-left: 10px; line-height: 20px; border-left: 4px solid #00a3ff; } .el-icon-arrow-left[data-v-33ad1fc0] { font-size: 20px; margin-right: 10px; cursor: pointer; } .el-dialog .el-dialog__header { text-align: center; background-color: #409eff; padding: 20px 20px !important; } .el-dialog .el-dialog__header .el-dialog__title { color: #fff !important; } .el-dialog .el-dialog__footer { text-align: center; } .el-dialog__wrapper { background-color: rgba(0, 0, 0, 0.5) !important; } .panel-box .panel-title { font-size: 18px; font-weight: normal; margin-bottom: 20px; padding-left: 10px; line-height: 20px; border-left: 4px solid #00a3ff; } .el-table td, .el-table th.is-leaf { border-bottom: 0px !important; } .tags { display: inline-block; padding: 0 3px; color: #20a0ff; } .mode-box .mode-title[data-v-7a6a43ca] { font-size: 18px; font-weight: normal; margin-bottom: 20px; padding-left: 10px; line-height: 20px; border-left: 4px solid #00a3ff; } .avatar-uploader .el-upload[data-v-7a6a43ca] { border: 1px dashed #d9d9d9; border-radius: 6px; cursor: pointer; overflow: hidden; } .avatar-uploader .el-upload[data-v-7a6a43ca]:hover { border-color: #20a0ff; } .avatar-uploader-icon[data-v-7a6a43ca] { font-size: 20px; color: #8c939d; width: 100px; height: 100px; line-height: 100px; text-align: center; border: 1px dashed #bfcbd9; border-radius: 10px; } .avatar-uploader-icon span[data-v-7a6a43ca] { margin-left: 10px; } .avatar[data-v-7a6a43ca] { width: 100px; height: 100px; display: block; } .avatarImg[data-v-7a6a43ca] { width: 100px; height: 100px; display: block; background-repeat: no-repeat; background-size: 100% 100%; border: 1px dashed #d9d9d9; border-radius: 6px; position: relative; } .avatarImg[data-v-7a6a43ca]:hover { border-color: #20a0ff; } .avatarImg a[data-v-7a6a43ca] { color: red; font-size: 16px; position: absolute; top: 0px; right: 0px; } [data-v-7a6a43ca] .el-form-item { width: 100%; } .tabs[data-v-7a6a43ca] .el-form-item__content { width: calc(100% - 120px); } .imgInfo[data-v-7a6a43ca] { display: flex; } .imgInfo div[data-v-7a6a43ca] { display: flex; margin-right: 20px; align-items: flex-end; } .imgInfo div span[data-v-7a6a43ca] { margin-right: 10px; } .audioBox[data-v-7a6a43ca] { display: flex; height: 40px; align-items: center; } .audioBox audio[data-v-7a6a43ca] { width: 220px; height: 40px; margin-right: 20px; } .sendBox[data-v-7a6a43ca] { margin-top: 10px; display: flex; align-items: center; } .sendBox .el-input[data-v-7a6a43ca] { width: 200px; margin-right: 20px; } .el-dialog .el-dialog__header { text-align: center; background-color: #409eff; padding: 20px 20px !important; } .el-dialog .el-dialog__header .el-dialog__title { color: #fff !important; } .el-dialog .el-dialog__footer { text-align: center; } .el-dialog__wrapper { background-color: rgba(0, 0, 0, 0.5) !important; } .panel-box .panel-title { font-size: 18px; font-weight: normal; margin-bottom: 20px; padding-left: 10px; line-height: 20px; border-left: 4px solid #00a3ff; } .el-table td, .el-table th.is-leaf { border-bottom: 0px !important; } .mode-box .mode-title[data-v-b1afab04] { padding-left: 10px; font-size: 18px; font-weight: normal; margin-bottom: 20px; line-height: 20px; border-left: 4px solid #00a3ff; } .avatar-uploader .el-upload[data-v-b1afab04] { border: 1px dashed #d9d9d9; border-radius: 6px; cursor: pointer; position: relative; overflow: hidden; } .avatar-uploader .el-upload[data-v-b1afab04]:hover { border-color: #20a0ff; } .avatar-uploader-icon[data-v-b1afab04] { font-size: 28px; color: #8c939d; width: 100px; height: 100px; line-height: 100px; text-align: center; border: 1px dashed #bfcbd9; border-radius: 10px; } .avatar[data-v-b1afab04] { width: 100px; height: 100px; display: block; } .avatarImg[data-v-b1afab04] { width: 100px; height: 100px; display: block; background-repeat: no-repeat; background-size: 100% 100%; border: 1px dashed #d9d9d9; border-radius: 6px; position: relative; } .avatarImg[data-v-b1afab04]:hover { border-color: #20a0ff; } .avatarImg a[data-v-b1afab04] { color: red; font-size: 16px; position: absolute; top: 0px; right: 0px; } .animation[data-v-b1afab04] { display: flex; } .videoBox[data-v-b1afab04] { margin-right: 40px; display: flex; align-items: end; } .videoBox video[data-v-b1afab04] { width: 300px; margin-right: 10px; } .imgAudio[data-v-b1afab04] { margin-top: 10px; } .imgAudio .audioInfo[data-v-b1afab04] { display: flex; align-items: end; margin-top: 10px; } .imgAudio .audioInfo audio[data-v-b1afab04] { width: 300px; height: 40px; margin-right: 10px; } .tabs[data-v-b1afab04] { width: 100%; } .tabs[data-v-b1afab04] .el-form-item__content { width: calc(100% - 120px); } .agentList[data-v-b1afab04] { width: 500px; } .agentList .oneAgent[data-v-b1afab04] { width: 100%; height: 40px; display: flex; align-items: center; margin-bottom: 20px; } .agentList .oneAgent img[data-v-b1afab04] { width: 25px; height: 25px; margin-right: 10px; cursor: pointer; } .agentList .oneAgent .el-input[data-v-b1afab04] { margin-right: 20px; } .instructionList .everyInstruction[data-v-b1afab04] { display: flex; align-content: space-between; height: 120px; margin-bottom: 20px; } .instructionList .everyInstruction .instructionLeft[data-v-b1afab04] { height: 40px; width: 90px; display: flex; align-items: center; } .instructionList .everyInstruction .instructionLeft span[data-v-b1afab04] { white-space: nowrap; } .instructionList .everyInstruction .instructionRight[data-v-b1afab04] { display: flex; align-items: flex-end; } .instructionList .everyInstruction .instructionCen[data-v-b1afab04] { width: 380px; display: flex; flex-direction: column; margin: 0 10px; } .instructionList .everyInstruction .instructionCen .imgBox[data-v-b1afab04] { margin-top: 10px; display: flex; flex-direction: row; } .instructionList .everyHint[data-v-b1afab04] { display: flex; align-items: center; margin-bottom: 10px ; } .instructionList .everyHint span[data-v-b1afab04] { width: 70px; } .instructionList .everyHint .el-input[data-v-b1afab04] { margin-right: 10px; } .el-dialog .el-dialog__header[data-v-07b907c8] { text-align: center; background-color: #409eff; padding: 20px 20px !important; } .el-dialog .el-dialog__header .el-dialog__title[data-v-07b907c8] { color: #fff !important; } .el-dialog .el-dialog__footer[data-v-07b907c8] { text-align: center; } .el-dialog__wrapper[data-v-07b907c8] { background-color: rgba(0, 0, 0, 0.5) !important; } .panel-box .panel-title[data-v-07b907c8] { font-size: 18px; font-weight: normal; margin-bottom: 20px; padding-left: 10px; line-height: 20px; border-left: 4px solid #00a3ff; } .el-table td[data-v-07b907c8], .el-table th.is-leaf[data-v-07b907c8] { border-bottom: 0px !important; } .tags[data-v-07b907c8] { display: inline-block; margin: 4px 10px 4px 0; padding: 0 4px; border-radius: 4px; border: 1px solid #4db3ff; color: #4db3ff; font-size: 12px; line-height: 18px; } .mode-box .mode-title[data-v-7aee3f84] { font-size: 18px; font-weight: normal; padding-left: 10px; line-height: 20px; border-left: 4px solid #00a3ff; } .mode-title2[data-v-7aee3f84] { font-size: 14px; font-weight: normal; padding-left: 10px; line-height: 20px; margin-left: 30px; border-left: 4px solid #00a3ff; } .avatar-uploader .el-upload[data-v-7aee3f84] { border: 1px dashed #d9d9d9; border-radius: 6px; cursor: pointer; position: relative; overflow: hidden; } .avatar-uploader .el-upload[data-v-7aee3f84]:hover { border-color: #20a0ff; } .avatar-uploader-icon[data-v-7aee3f84] { font-size: 28px; color: #8c939d; width: 100px; height: 100px; line-height: 100px; text-align: center; border: 1px dashed #bfcbd9; border-radius: 10px; } .avatar[data-v-7aee3f84] { width: 100px; height: 100px; display: block; } .avatarImg[data-v-7aee3f84], .idCardImg[data-v-7aee3f84] { width: 100px; height: 100px; display: block; background-repeat: no-repeat; background-size: 100% 100%; border: 1px dashed #d9d9d9; border-radius: 6px; position: relative; } .avatarImg[data-v-7aee3f84]:hover { border-color: #20a0ff; } .avatarImg a[data-v-7aee3f84], .idCardImg a[data-v-7aee3f84] { color: red; font-size: 16px; position: absolute; top: 0px; right: 0px; } .imgAudio[data-v-7aee3f84] { margin-top: 10px; } .imgAudio .audioInfo[data-v-7aee3f84] { display: flex; align-items: end; margin-top: 10px; } .imgAudio .audioInfo audio[data-v-7aee3f84] { width: 300px; height: 40px; margin-right: 10px; } .videoBox[data-v-7aee3f84] { margin-top: 10px; display: flex; align-items: end; } .videoBox video[data-v-7aee3f84] { width: 300px; margin-right: 10px; } .tabs[data-v-7aee3f84] { width: calc(100% - 20px); } .tabs[data-v-7aee3f84] .el-form-item__content { width: calc(100% - 120px); } [data-v-7aee3f84] .el-input-number--small .el-input-number__decrease { left: 0; border-left: none; border-right: 1px solid #bfcbd9; } [data-v-7aee3f84] .el-input-number .el-input__inner { padding-left: 30px; padding-right: 30px; text-align: center; } .el-icon-arrow-left[data-v-7aee3f84] { font-size: 20px; margin-right: 10px; cursor: pointer; } .el-button--text[data-v-7aee3f84] { font-size: 14px; color: #606266; } .el-button--text[data-v-7aee3f84]:hover { background: none; } [data-v-7aee3f84] .custom-tabs .el-tabs__nav > .el-tabs__item:nth-child(2) .el-icon-close { display: none !important; } .layout[data-v-674b758a] { border: 1px solid #d7dde4; background: #f5f7f9; position: relative; border-radius: 4px; overflow: hidden; } .layout-header-bar[data-v-674b758a] { background: #fff; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1); } .layout-header-bar .header-r[data-v-674b758a] { float: right; height: auto; padding-right: 20px; line-height: 64px; } .layout-logo-left[data-v-674b758a] { width: 90%; height: 30px; background: #5b6270; border-radius: 3px; margin: 15px auto; } .layout-logo[data-v-674b758a] { width: 100%; margin: 15px auto 30px; color: #fff; text-align: center; } .layout-logo h2 a[data-v-674b758a] { display: block; color: #fff; height: 35px; margin: 0 20px; } .layout-logo h2 .login-icon[data-v-674b758a] { float: left; background-color: #1aa1e9; font-size: 24px; height: 35px; line-height: 35px; width: 35px; text-align: center; border-top-right-radius: 10px; border-bottom-right-radius: 10px; margin-right: 10px; font-style: normal; } .layout-logo h2 p[data-v-674b758a] { overflow: hidden; vertical-align: middle; transition: all 0.2s ease 0.2s; text-align: left; max-width: 120px; } .layout-logo h2 p span[data-v-674b758a] { font-size: 14px; display: block; width: 100%; font-weight: normal; } .layout-logo h2 p b[data-v-674b758a] { display: block; width: 100%; font-weight: normal; font-size: 12px; line-height: 1.2; font-family: Arial, Helvetica, sans-serif; } .menu-icon[data-v-674b758a] { transition: all 0.3s; } .rotate-icon[data-v-674b758a] { transform: rotate(-90deg); } .menu-item span[data-v-674b758a] { display: inline-block; overflow: hidden; width: 69px; text-overflow: ellipsis; white-space: nowrap; vertical-align: bottom; transition: width 0.2s ease 0.2s; } .menu-item i[data-v-674b758a] { transform: translateX(0px); transition: font-size 0.2s ease, transform 0.2s ease; vertical-align: middle; font-size: 16px; } .collapsed-menu span[data-v-674b758a] { width: 0px; transition: width 0.2s ease; } .collapsed-menu i[data-v-674b758a] { transform: translateX(5px); transition: font-size 0.2s ease 0.2s, transform 0.2s ease 0.2s; vertical-align: middle; font-size: 22px; } .user-avator-dropdown[data-v-674b758a] { cursor: pointer; display: inline-block; vertical-align: middle; } .layout-footer-center[data-v-674b758a] { text-align: center; } .ivu-breadcrumb[data-v-674b758a] { margin: 16px; } .form-search[data-v-674b758a] { position: relative; } .form-search .ivu-form[data-v-674b758a] { padding-right: 10%; } .form-search .opt-button[data-v-674b758a] { position: absolute; right: 0; top: 0; } .collapse[data-v-32dbd541]{display:inline-block;cursor:pointer}.collapse--open[data-v-32dbd541]:before{content:"+";font-size:20px}.collapse--close[data-v-32dbd541]:before{content:"-";font-size:20px} audio { outline: none; } .action-box { max-width: 1012px; } .action-item { margin-bottom: 20px; } .action-item .audio-test { display: inline-block; vertical-align: middle; margin-right: 20px; } .action-item .ivu-upload { display: inline-block; vertical-align: middle; } .action-answer-item { margin: 0 0 15px; } .action-btn { text-align: right; } .action-btn.action-btn-left { text-align: left; } .cardBg { background-color: #e8eaec; } .lock-box { text-align: center; color: #999; padding: 15% 0 10%; } .lock-box > div { padding: 40px; } .poptip-remove { position: absolute; right: -4px; top: -4px; line-height: 0; opacity: 0; } .pageNumShow { position: absolute; left: 45%; bottom: -10px; line-height: 0; } .pageHiddenShow { position: absolute; left: 40px; top: -4px; line-height: 0; cursor: pointer; } .explanationSubtitles { position: absolute; right: -10px; top: -40px; cursor: pointer; } .image-upload-type { padding: 5px 0; } .image-upload-type > div + div { margin-top: 10px; } .module-list { display: inline-flex; padding: 10px 10px 10px 0; background-color: #f3f3f3; white-space: nowrap; } .module-list-item { display: flex; max-width: 100px; user-select: none; background-color: #fff; border: 1px solid #eee; text-align: center; position: relative; transition: hover 0.3s linear, box-shadow 0.3s ease-in-out, opacity 0.3s; margin-left: 10px; } .module-list-item > div { width: 100px; height: 100%; padding: 10px 0; } .module-list-item.curr { box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1); border-color: rgba(34, 153, 238, 0.5); } .module-list-item.set-box { min-height: 100px; border-style: dashed; cursor: pointer; } .module-list-item.set-box .ivu-icon { margin: 15px 0 5px; } .module-list-item .remove-course { position: absolute; left: -7px; top: -7px; opacity: 0; transition: opacity 0.3s; } .module-list-item .edit-course { position: absolute; right: -7px; top: -7px; opacity: 0; transition: opacity 0.3s; } .module-list-item .ivu-dropdown { position: absolute; right: 3px; top: 3px; } .module-list-item .ivu-dropdown a { color: #666; } .module-list-item img { width: 50px; height: 50px; background-color: #eee; } .module-list-item p { height: 22px; line-height: 22px; margin: 0 5px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .module-list-item:hover { box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1); } .module-list-item:hover .remove-course { opacity: 1; } .module-list-item:hover .edit-course { opacity: 1; } .preview-list { display: inline-flex; width: 750px; overflow-y: visible; overflow-x: auto; padding: 9px 8px; } .preview-item { display: flex; flex-shrink: 0; width: 100px; height: 100px; line-height: 0px; position: relative; margin-bottom: 10px; background-color: #f8f8f9; border: 2px solid #ffffff; background-size: cover; background-position: center; background-repeat: no-repeat; opacity: 0.5; transition: hover 0.3s linear, opacity 0.3s; } .preview-item:hover { border-color: rgba(60, 105, 138, 0.5); opacity: 0.7; } .preview-item.curr { border-color: rgba(34, 153, 238, 0.5); opacity: 1; } .preview-item.curr .poptip-remove { opacity: 1; } .preview-item.file-upload { background-color: #ccc; text-align: center; opacity: 1; } .preview-item.file-upload .upload-add-button { cursor: pointer; } .preview-item .flex-img { display: flex; width: 100%; height: 100%; align-items: center; justify-content: center; } .preview-item .flex-img > div { width: 100%; height: 100%; background-repeat: no-repeat; background-position: center; background-size: cover; } .preview-item .flex-img > div + div { margin-left: 2px; } .preview-item .preview-img { width: 100%; height: 100%; background-repeat: no-repeat; background-position: center; background-size: cover; } .other-area { position: relative; width: 832px; height: 468px; border: 1px dashed #dcdee2; background-color: #f8f8f9; } .image-box { position: relative; background-color: #f8f8f9; user-select: none; } .upload-image { position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 1; } .upload-image .ivu-upload { background-color: #f8f8f9; padding: 20px; } .upload-image .ivu-upload-drag { border: none; padding: 150px 0 20px; } .upload-image .ivu-row, .upload-image .ivu-col { height: 100%; } .image-preview { overflow: hidden; height: 100%; width: 100%; background-size: cover; display: flex; align-items: center; justify-content: center; } .image-preview .image-item { width: 100%; height: 100%; background-repeat: no-repeat; background-position: center; background-size: cover; } .image-preview .image-item + .image-item { margin-left: 5px; } .image-audio { padding-bottom: 20px; position: absolute; bottom: 0; left: 50%; margin-left: -250px; width: 500px; z-index: 10; text-align: center; } .image-audio .ct-input { width: 300px; } .image-audio .media-upload { display: inline-block; } .up-preview { width: 100%; height: 100%; background-repeat: no-repeat; background-position: top left; background-size: contain; } /* .roobo-editor { .other-area, //.player-box, .image-box, .editor-opt { height: 520px; } } */ .dropdown-list li a { color: #666; display: inline-block; padding: 5px 15px; } .dropdown-list li a:hover { background: #f3f3f3; color: #2d8cf0; } .blanks-main { text-align: left; font-family: Arial; padding: 5px; } .blanks-main p { font-size: 24px; line-height: 1; } .blanks-main span { display: inline-block; font-size: 24px; line-height: 1; overflow: hidden; vertical-align: middle; margin: 5px 0; } .blanks-main span.text-line { border-bottom: 1px solid #666; } .svg-button { cursor: pointer; width: 40px; height: 40px; fill-opacity: 0; stroke: #111111; stroke-width: 1; stroke-dasharray: 20 5; padding: 0px 4px; margin: 0px 10px 5px 10px; } .svg-button2 { cursor: pointer; width: 40px; height: 40px; fill-opacity: 0; stroke: #111111; stroke-width: 1; padding: 0px 4px; margin: 5px 10px 0px 10px; } .snBtn { height: 30px; margin: 20px 5px; } .snBtn2 { height: 30px; line-height: 30px; margin: 20px 5px; } .quanTuText { height: 50px; line-height: 50px; margin: 5px 30px 5px 10px; } .checkView { height: 50px; line-height: 50px; margin: 5px 30px 5px 10px; display: -webkit-flex; display: flex; flex-direction: row; justify-content: flex-start; } .checkViewItem { padding: 0px 10px 0px 0px; } .svgButtonOuter { width: 50px; height: 50px; display: table; } .svgButtoninner { display: table-cell; vertical-align: middle; text-align: center; } .tipsForeditor { font-family: Arial; padding: 5px; font-size: 12px; line-height: 1; } .editor-content { background-color: #f0f0f0; display: flex; border: 1px solid #eee; padding: 5px; max-width: 900px; } .tool-response { border: 1px solid #ddd; padding: 10px; margin: 0px 0px 10px 0px; } .oidFlex { display: -webkit-flex; display: flex; flex-direction: row; justify-content: flex-start; align-items: center; } .addInteractText { height: 30px; line-height: 30px; margin: 0px 30px 0px 10px; } .readPointInteractText { height: 30px; line-height: 30px; font-size: 16px; margin: 0px 10px 0px 10px; } .hide-area { border: 1px solid #ddd; padding: 0px 0px 0px 10px; } .talkTrainHeaderText { font-size: 14px; margin: 0px 0px 0px 0px; padding: 0px; } .showTimeoutTableCell { padding: 0px 20px 0px 0px; display: table-cell; vertical-align: middle; text-align: center; } .talkTrainHeader2Text { font-size: 10px; margin: 0px 0px 0px 0px; color: #aaaaaa; padding: 0px; } .svg-touch { cursor: pointer; } .talk-area { border: 1px solid #ddd; padding: 10px 10px 10px 10px; } .checkBtn { max-width: 900px; padding: 10px 10px 10px 10px; background-color: #f8f8f9; border: 1px solid #eee; } .classShow { width: 600px; display: -webkit-flex; display: flex; flex-direction: row; justify-content: space-between; align-items: center; } .recordStyle { height: 35px; width: 426px; display: -webkit-flex; display: flex; flex-direction: row; justify-content: flex-start; align-items: center; } .questionAudio2 { width: 500px; border: 1px solid #ddd; padding: 10px; } .questionAudio { width: 390px; border: 1px solid #ddd; padding: 10px; } .interact-game-pointRange { width: 700px; display: flex; display: -webkit-flex; flex-direction: column; justify-content: flex-start; align-items: flex-start; } .interact-gameSigmode-correct-btn { display: -webkit-flex; display: flex; flex-direction: row; justify-content: flex-start; align-items: center; } .interact-follow-response { display: -webkit-flex; display: flex; flex-direction: row; justify-content: flex-start; align-items: center; border: 1px solid #ddd; margin: 5px; } .oidstyle { height: 35px; width: 600px; display: -webkit-flex; display: flex; flex-direction: row; justify-content: start; align-items: center; } .el-table__body tr.current-row > td { background-color: #8282ec !important; /* color: #f19944; */ /* 设置文字颜色 */ } .readpoint-list { display: inline-flex; width: 1090px; overflow-y: visible; overflow-x: auto; padding: 8px; } .readpoint-item { display: flex; flex-shrink: 0; border-radius: 5px; width: 100px; height: 40px; line-height: 0px; position: relative; margin-right: 20px; margin-bottom: 10px; background-color: #f8f8f9; border: 2px solid #161616; background-size: cover; background-position: center; background-repeat: no-repeat; opacity: 0.8; transition: hover 0.3s linear, opacity 0.3s; cursor: pointer; } .readpoint-item:hover { border-color: rgba(60, 105, 138, 0.5); opacity: 0.7; } .readpoint-item.son { border-color: #b0c20f; background-color: #b0c20f; opacity: 1; } .readpoint-item.curr { border-color: rgba(34, 153, 238, 0.5); background-color: #0fc20f; opacity: 1; } .readpoint-item.curr .poptip-remove { opacity: 1; } .readpoint-item .flex-img { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; display: flex; width: 100%; height: 100%; align-items: center; justify-content: center; } .readpoint-item .flex-img > div { width: 100%; height: 100%; background-repeat: no-repeat; background-position: center; background-size: cover; } .readpoint-item .flex-img > div + div { margin-left: 2px; } .downloadPanelFlex { display: -webkit-flex; display: flex; flex-direction: column; justify-content: space-around; align-items: center; } .addPictureBookBtn { width: 120px; height: 40px; border-radius: 4px; background: #2472e3; color: #fff; text-align: center; cursor: pointer; } .el-checkbox + .el-checkbox { margin-left: 0px; } .el-checkbox { margin-right: 25px; } .booksEditEvery { display: inline-block; margin-top: 5px; } .booksEditEvery .el-button { margin-left: 5px; } .booksEditEvery .el-button:first-child { margin-left: 0; } .booksDialogEvery { text-align: center; } .booksDialogEvery .el-dialog__footer { text-align: center; } .color-picker .ivu-input { width: 100px !important; } .quesChoose .avatar-uploader .el-upload[data-v-968a54e4] { border: 1px solid #d9d9d9; cursor: pointer; position: relative; overflow: hidden; } .quesChoose .avatar-uploader .el-upload[data-v-968a54e4]:hover { border-color: #20a0ff; } .quesChoose .avatar-uploader-icon[data-v-968a54e4] { font-size: 28px; color: #8c939d; width: 120px; height: 136px; line-height: 136px; text-align: center; border: 1px solid #bfcbd9; } .quesChoose .avatar[data-v-968a54e4] { width: 120px; height: 136px; display: block; } .quesChoose .avatarImgTo[data-v-968a54e4] { width: 120px; height: 136px; display: block; background-repeat: no-repeat; background-size: 100% 100%; border: 1px dashed #d9d9d9; position: relative; } .quesChoose .avatarImgTo[data-v-968a54e4]:hover { border-color: #20a0ff; } .quesChoose .avatarImgTo a[data-v-968a54e4] { color: red; font-size: 16px; position: absolute; right: 0; } .quesChoose .el-icon-delete[data-v-968a54e4] { position: absolute; right: 10px; top: 0; font-size: 12px; color: #48576a; display: none; } .optionContent[data-v-968a54e4] { display: flex; margin-top: 35px; position: relative; } .chooseQues .el-form-item[data-v-968a54e4] { margin-bottom: 0px; } .addSubject textarea[data-v-968a54e4]::-webkit-input-placeholder { line-height: 120px; } .radioGroup[data-v-968a54e4] { display: flex; flex-direction: column; align-items: flex-end; margin-right: 10px; } .phraseCard .avatar-uploader .el-upload[data-v-325a07ac] { border: 1px solid #d9d9d9; cursor: pointer; position: relative; overflow: hidden; } .phraseCard .avatar-uploader .el-upload[data-v-325a07ac]:hover { border-color: #20a0ff; } .phraseCard .avatar-uploader-icon[data-v-325a07ac] { font-size: 28px; color: #8c939d; width: 120px; height: 145px; line-height: 145px; text-align: center; border: 1px solid #bfcbd9; } .phraseCard .avatar[data-v-325a07ac] { width: 120px; height: 145px; display: block; } .phraseCard .avatarImgTo[data-v-325a07ac] { width: 120px; height: 145px; display: block; background-repeat: no-repeat; background-size: 100% 100%; border: 1px dashed #d9d9d9; position: relative; } .phraseCard .avatarImgTo[data-v-325a07ac]:hover { border-color: #20a0ff; } .phraseCard .avatarImgTo a[data-v-325a07ac] { color: red; font-size: 16px; position: absolute; right: 0; } .phraseCard .el-icon-delete[data-v-325a07ac] { position: absolute; right: 10px; top: 0; font-size: 12px; color: #48576a; display: none; } .phraseCard .panel-title[data-v-325a07ac] { font-size: 18px; font-weight: bold; margin-bottom: 10px; padding-left: 5px; line-height: 20px; border-left: 4px solid #00a3ff; } .addPhraseCard textarea[data-v-325a07ac]::-webkit-input-placeholder { line-height: 60px; } .phraseCard .el-form-item[data-v-325a07ac] { margin-bottom: 0px; margin-right: 0px; } audio { outline: none; } .action-box { max-width: 1012px; } .action-item { margin-bottom: 20px; } .action-item .audio-test { display: inline-block; vertical-align: middle; margin-right: 20px; } .action-item .ivu-upload { display: inline-block; vertical-align: middle; } .action-answer-item { margin: 0 0 15px; } .action-btn { text-align: right; } .action-btn.action-btn-left { text-align: left; } .cardBg { background-color: #e8eaec; } .lock-box { text-align: center; color: #999; padding: 15% 0 10%; } .lock-box > div { padding: 40px; } .poptip-remove { position: absolute; right: -4px; top: -4px; line-height: 0; opacity: 0; } .pageNumShow { position: absolute; left: 45%; bottom: -10px; line-height: 0; } .pageHiddenShow { position: absolute; left: 40px; top: -4px; line-height: 0; cursor: pointer; } .explanationSubtitles { position: absolute; right: -10px; top: -40px; cursor: pointer; } .image-upload-type { padding: 5px 0; } .image-upload-type > div + div { margin-top: 10px; } .module-list { display: inline-flex; padding: 10px 10px 10px 0; background-color: #f3f3f3; white-space: nowrap; } .module-list-item { display: flex; max-width: 100px; user-select: none; background-color: #fff; border: 1px solid #eee; text-align: center; position: relative; transition: hover 0.3s linear, box-shadow 0.3s ease-in-out, opacity 0.3s; margin-left: 10px; } .module-list-item > div { width: 100px; height: 100%; padding: 10px 0; } .module-list-item.curr { box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1); border-color: rgba(34, 153, 238, 0.5); } .module-list-item.set-box { min-height: 100px; border-style: dashed; cursor: pointer; } .module-list-item.set-box .ivu-icon { margin: 15px 0 5px; } .module-list-item .remove-course { position: absolute; left: -7px; top: -7px; opacity: 0; transition: opacity 0.3s; } .module-list-item .edit-course { position: absolute; right: -7px; top: -7px; opacity: 0; transition: opacity 0.3s; } .module-list-item .ivu-dropdown { position: absolute; right: 3px; top: 3px; } .module-list-item .ivu-dropdown a { color: #666; } .module-list-item img { width: 50px; height: 50px; background-color: #eee; } .module-list-item p { height: 22px; line-height: 22px; margin: 0 5px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .module-list-item:hover { box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1); } .module-list-item:hover .remove-course { opacity: 1; } .module-list-item:hover .edit-course { opacity: 1; } .preview-list { display: inline-flex; width: 750px; overflow-y: visible; overflow-x: auto; padding: 9px 8px; } .preview-item { display: flex; flex-shrink: 0; width: 100px; height: 100px; line-height: 0px; position: relative; margin-bottom: 10px; background-color: #f8f8f9; border: 2px solid #ffffff; background-size: cover; background-position: center; background-repeat: no-repeat; opacity: 0.5; transition: hover 0.3s linear, opacity 0.3s; } .preview-item:hover { border-color: rgba(60, 105, 138, 0.5); opacity: 0.7; } .preview-item.curr { border-color: rgba(34, 153, 238, 0.5); opacity: 1; } .preview-item.curr .poptip-remove { opacity: 1; } .preview-item.file-upload { background-color: #ccc; text-align: center; opacity: 1; } .preview-item.file-upload .upload-add-button { cursor: pointer; } .preview-item .flex-img { display: flex; width: 100%; height: 100%; align-items: center; justify-content: center; } .preview-item .flex-img > div { width: 100%; height: 100%; background-repeat: no-repeat; background-position: center; background-size: cover; } .preview-item .flex-img > div + div { margin-left: 2px; } .preview-item .preview-img { width: 100%; height: 100%; background-repeat: no-repeat; background-position: center; background-size: cover; } .other-area { position: relative; width: 832px; height: 468px; border: 1px dashed #dcdee2; background-color: #f8f8f9; } .image-box { position: relative; background-color: #f8f8f9; user-select: none; } .upload-image { position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 1; } .upload-image .ivu-upload { background-color: #f8f8f9; padding: 20px; } .upload-image .ivu-upload-drag { border: none; padding: 150px 0 20px; } .upload-image .ivu-row, .upload-image .ivu-col { height: 100%; } .image-preview { overflow: hidden; height: 100%; width: 100%; background-size: cover; display: flex; align-items: center; justify-content: center; } .image-preview .image-item { width: 100%; height: 100%; background-repeat: no-repeat; background-position: center; background-size: cover; } .image-preview .image-item + .image-item { margin-left: 5px; } .image-audio { padding-bottom: 20px; position: absolute; bottom: 0; left: 50%; margin-left: -250px; width: 500px; z-index: 10; text-align: center; } .image-audio .ct-input { width: 300px; } .image-audio .media-upload { display: inline-block; } .up-preview { width: 100%; height: 100%; background-repeat: no-repeat; background-position: top left; background-size: contain; } /* .roobo-editor { .other-area, //.player-box, .image-box, .editor-opt { height: 520px; } } */ .dropdown-list li a { color: #666; display: inline-block; padding: 5px 15px; } .dropdown-list li a:hover { background: #f3f3f3; color: #2d8cf0; } .blanks-main { text-align: left; font-family: Arial; padding: 5px; } .blanks-main p { font-size: 24px; line-height: 1; } .blanks-main span { display: inline-block; font-size: 24px; line-height: 1; overflow: hidden; vertical-align: middle; margin: 5px 0; } .blanks-main span.text-line { border-bottom: 1px solid #666; } .svg-button { cursor: pointer; width: 40px; height: 40px; fill-opacity: 0; stroke: #111111; stroke-width: 1; stroke-dasharray: 20 5; padding: 0px 4px; margin: 0px 10px 5px 10px; } .svg-button2 { cursor: pointer; width: 40px; height: 40px; fill-opacity: 0; stroke: #111111; stroke-width: 1; padding: 0px 4px; margin: 5px 10px 0px 10px; } .snBtn { height: 30px; margin: 20px 5px; } .snBtn2 { height: 30px; line-height: 30px; margin: 20px 5px; } .quanTuText { height: 50px; line-height: 50px; margin: 5px 30px 5px 10px; } .checkView { height: 50px; line-height: 50px; margin: 5px 30px 5px 10px; display: -webkit-flex; display: flex; flex-direction: row; justify-content: flex-start; } .checkViewItem { padding: 0px 10px 0px 0px; } .svgButtonOuter { width: 50px; height: 50px; display: table; } .svgButtoninner { display: table-cell; vertical-align: middle; text-align: center; } .tipsForeditor { font-family: Arial; padding: 5px; font-size: 12px; line-height: 1; } .editor-content { background-color: #f0f0f0; display: flex; border: 1px solid #eee; padding: 5px; max-width: 900px; } .tool-response { border: 1px solid #ddd; padding: 10px; margin: 0px 0px 10px 0px; } .oidFlex { display: -webkit-flex; display: flex; flex-direction: row; justify-content: flex-start; align-items: center; } .addInteractText { height: 30px; line-height: 30px; margin: 0px 30px 0px 10px; } .readPointInteractText { height: 30px; line-height: 30px; font-size: 16px; margin: 0px 10px 0px 10px; } .hide-area { border: 1px solid #ddd; padding: 0px 0px 0px 10px; } .talkTrainHeaderText { font-size: 14px; margin: 0px 0px 0px 0px; padding: 0px; } .showTimeoutTableCell { padding: 0px 20px 0px 0px; display: table-cell; vertical-align: middle; text-align: center; } .talkTrainHeader2Text { font-size: 10px; margin: 0px 0px 0px 0px; color: #aaaaaa; padding: 0px; } .svg-touch { cursor: pointer; } .talk-area { border: 1px solid #ddd; padding: 10px 10px 10px 10px; } .checkBtn { max-width: 900px; padding: 10px 10px 10px 10px; background-color: #f8f8f9; border: 1px solid #eee; } .classShow { width: 600px; display: -webkit-flex; display: flex; flex-direction: row; justify-content: space-between; align-items: center; } .recordStyle { height: 35px; width: 426px; display: -webkit-flex; display: flex; flex-direction: row; justify-content: flex-start; align-items: center; } .questionAudio2 { width: 500px; border: 1px solid #ddd; padding: 10px; } .questionAudio { width: 390px; border: 1px solid #ddd; padding: 10px; } .interact-game-pointRange { width: 700px; display: flex; display: -webkit-flex; flex-direction: column; justify-content: flex-start; align-items: flex-start; } .interact-gameSigmode-correct-btn { display: -webkit-flex; display: flex; flex-direction: row; justify-content: flex-start; align-items: center; } .interact-follow-response { display: -webkit-flex; display: flex; flex-direction: row; justify-content: flex-start; align-items: center; border: 1px solid #ddd; margin: 5px; } .oidstyle { height: 35px; width: 600px; display: -webkit-flex; display: flex; flex-direction: row; justify-content: start; align-items: center; } .el-table__body tr.current-row > td { background-color: #8282ec !important; /* color: #f19944; */ /* 设置文字颜色 */ } .readpoint-list { display: inline-flex; width: 1090px; overflow-y: visible; overflow-x: auto; padding: 8px; } .readpoint-item { display: flex; flex-shrink: 0; border-radius: 5px; width: 100px; height: 40px; line-height: 0px; position: relative; margin-right: 20px; margin-bottom: 10px; background-color: #f8f8f9; border: 2px solid #161616; background-size: cover; background-position: center; background-repeat: no-repeat; opacity: 0.8; transition: hover 0.3s linear, opacity 0.3s; cursor: pointer; } .readpoint-item:hover { border-color: rgba(60, 105, 138, 0.5); opacity: 0.7; } .readpoint-item.son { border-color: #b0c20f; background-color: #b0c20f; opacity: 1; } .readpoint-item.curr { border-color: rgba(34, 153, 238, 0.5); background-color: #0fc20f; opacity: 1; } .readpoint-item.curr .poptip-remove { opacity: 1; } .readpoint-item .flex-img { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; display: flex; width: 100%; height: 100%; align-items: center; justify-content: center; } .readpoint-item .flex-img > div { width: 100%; height: 100%; background-repeat: no-repeat; background-position: center; background-size: cover; } .readpoint-item .flex-img > div + div { margin-left: 2px; } .downloadPanelFlex { display: -webkit-flex; display: flex; flex-direction: column; justify-content: space-around; align-items: center; } .addPictureBookBtn { width: 120px; height: 40px; border-radius: 4px; background: #2472e3; color: #fff; text-align: center; cursor: pointer; } .el-checkbox + .el-checkbox { margin-left: 0px; } .el-checkbox { margin-right: 25px; } .course-module { width: 1014px; overflow-x: auto; background-color: #f3f3f3; border: 1px solid #eee; } .editor-mode { padding: 15px 0; overflow-x: auto; overflow-y: visible; } .editor-tool { background-color: #f8f8f9; display: flex; border: 1px solid #eee; padding: 5px; max-width: 1100px; } .editor-tool .tool-start { display: flex; flex-shrink: 0; flex-direction: column; padding: 5px 10px 5px 0; margin-right: 10px; border-right: 1px solid #eee; } .editor-tool .tool-start .ivu-btn { margin-bottom: 3px; margin-top: 3px; } .editor-tool .tool-action { padding: 5px 10px 5px 0; margin-right: 10px; border-right: 1px solid #eee; width: 380px; } .editor-tool .tool-action .ivu-btn { margin-bottom: 3px; margin-top: 3px; } .editor-tool .tool-main { display: flex; flex-shrink: 0; flex-direction: column; padding-right: 10px; margin-right: 10px; border-right: 1px solid #eee; } .editor-tool .tool-main .tool-column { margin: 3px 0; } .editor-tool .tool-opt { padding: 5px 0; } .editor-tool .tool-opt .ivu-btn { margin-bottom: 3px; margin-top: 3px; } .editor-container { margin-top: 10px; position: relative; } .editor-row { min-width: 900px; display: -webkit-flex; display: flex; flex-direction: row; } .editor-preview { width: 750px; float: top; margin-right: 12px; border: 1px solid #eee; background-color: #f8f8f9; } .editor-main { overflow-x: auto; width: 100%; position: relative; display: -webkit-flex; display: flex; flex-direction: row; align-items: center; } .editor-opt { height: 468px; width: 832px; position: absolute; left: 0; top: 0; z-index: 9; background: transparent; } .drag-box { position: absolute; z-index: 10; touch-action: none; text-align: center; font-size: 12px; border: 0px solid #3dd; /* .ivu-tooltip, .drap-title-pst { position: absolute; top: -24px; left: 0; } .size-val { position: absolute; top: 40%; left: 0; width: 100%; text-align: center; } .ivu-color-picker { cursor: default; } */ } .drag-box-bg { position: absolute; z-index: 8; touch-action: none; text-align: center; font-size: 12px; border: 0px solid #3dd; } .drag-polygon { position: absolute; z-index: 9; touch-action: none; text-align: center; font-size: 12px; border: 0px solid #3dd; } .drag-remove { position: absolute; left: 60px; top: -18px; } .OIDShowInQuantu { position: absolute; left: 0; right: 0; top: 40%; margin: auto; cursor: pointer; width: fit-content; background-color: #ffffff; } .OIDShowInQuantu2 { position: absolute; left: 5px; top: 3px; margin: auto; cursor: pointer; width: fit-content; background-color: #ffffff; } .NameShowInQuantu { position: absolute; left: 0; right: 0; top: 8px; margin: auto; cursor: pointer; width: fit-content; background-color: #ffffff; } .NameShowInQuantu1 { position: absolute; left: 0; right: 0; padding: 2px 0 0 2px; cursor: pointer; width: fit-content; overflow-y: auto; font-family: Times; } .drag-confirm { position: absolute; left: 30px; top: -18px; } .drag-reedit { position: absolute; left: 0; top: -18px; } .drag-box2 { position: absolute; z-index: 11; touch-action: none; text-align: center; font-size: 12px; /* .size-val { position: absolute; top: 40%; left: 0; width: 100%; text-align: center; } .ivu-color-picker { cursor: default; } */ } .drag-title { display: inline-block; font-size: 12px; border-radius: 4px; padding: 0 10px; height: 24px; line-height: 24px; background-color: #ff9900; color: #fff; } .resize-drag { touch-action: none; } .dragonly { touch-action: none; } .click-area { color: #fff; border-radius: 8px; padding: 10px 5px 5px; background-color: rgba(237, 64, 20, 0.5); } .click-area .horn-icon { position: absolute; top: 50%; left: 50%; margin-left: -44px; margin-top: -45px; background-image: url(data:image/png;base64,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); background-size: contain; width: 88px; height: 91px; z-index: -1; } .drag-figure { width: 100px; background-color: rgba(255, 255, 255, 0.5); } .drag-figure img { width: 100%; } .drag-circle { color: #333; background-color: rgba(255, 255, 255, 0.2); border-radius: 50%; } .drag-circle .select-color { position: absolute; right: 0; top: -24px; } .drag-circle .drag-remove { right: -20px; } .drag-line { min-height: auto; line-height: 0px; color: #333; background-color: rgba(255, 255, 255, 0.3); } .drag-line .select-color { position: absolute; right: 0; top: -24px; } .drag-line .drag-remove { right: -20px; } .drag-button { min-height: 58.5px; line-height: normal; width: 195px; } .drag-button .drag-ui-button { outline: 0; width: 100%; height: 58.5px; color: #fff; background-color: #f90; border: 1px solid #f90; font-size: 16px; border-radius: 4px; font-weight: 400; text-align: center; vertical-align: middle; white-space: nowrap; line-height: 1.5; user-select: none; } .drag-arrow { width: 100px; height: 100px; border: 1px dashed rgba(0, 0, 0, 0.5); display: flex; align-items: center; justify-content: center; } .drag-arrow .arrow-inner { width: 91px; height: 49px; } .drag-arrow .left { transform: rotate(180deg); } .drag-arrow .left-top { transform: rotate(225deg); } .drag-arrow .top { transform: rotate(-90deg); } .drag-arrow .right-top { transform: rotate(-45deg); } .drag-arrow .right-bottom { transform: rotate(45deg); } .drag-arrow .bottom { transform: rotate(90deg); } .drag-arrow .left-bottom { transform: rotate(135deg); } .drag-audio { padding: 10px 5px 5px; min-height: 60px; border-radius: 8px; background-color: rgba(255, 255, 255, 0.7); } .drag-text { min-height: auto; border: 1px dashed rgba(0, 0, 0, 0.5); } .drag-text .ct-input { width: 100%; } .drag-text .ivu-color-picker { position: absolute; top: -24px; right: 85px; } .drag-text .ivu-select { position: absolute; top: -24px; right: 20px; } .drag-text-blanks { min-height: auto; background-color: #ffffff; max-width: 732px; min-width: auto; } .drag-text-blanks .ivu-color-picker { position: absolute; top: -24px; right: 85px; } .drag-text-blanks .ivu-select { position: absolute; top: -24px; right: 20px; } .drag-tts { min-height: auto; } .drag-tts .ct-input { width: 300px; } .drag-image { max-width: 430px; max-height: 430px; border: 1px dashed rgba(0, 0, 0, 0.5); } .drag-image img { width: 100%; } .poptip-figure-content { overflow: hidden; white-space: normal; } .poptip-figure-content .poptip-figure-item { display: inline-block; margin: 5px; min-width: 60px; } .poptip-content { text-align: center; overflow: hidden; } .poptip-item { display: inline-block; margin: 0 5px; } .poptip-item .left { transform: rotate(180deg); } .poptip-item .left-top { transform: rotate(225deg); } .poptip-item .top { transform: rotate(-90deg); } .poptip-item .right-top { transform: rotate(-45deg); } .poptip-item .right-bottom { transform: rotate(45deg); } .poptip-item .bottom { transform: rotate(90deg); } .poptip-item .left-bottom { transform: rotate(135deg); } .poptip-item img { width: 30px; } .init-svg { width: 100%; height: 100%; } .line-svg { stroke-dasharray: 1000; stroke-dashoffset: 10; animation: drawLine 3s linear forwards; } .show-property { position: absolute; bottom: 0; right: 0; } @keyframes drawLine { 0% { stroke-dashoffset: 1000; } 100% { stroke-dashoffset: 0; } } .circle-svg { stroke-dasharray: 20 5; animation: none; } @keyframes drawCircle { 0% { stroke-dashoffset: 0; } 100% { stroke-dasharray: 1500 1500; } } .rotate-x { transform-origin: center center; } .drag-bubble .ivu-color-picker { position: absolute; top: -24px; right: 20px; } .bubble-button { display: block; width: 130px; height: 98px; border-radius: 49px; position: relative; border: #FFF044 solid 1px; background-color: #FFF044; } .bubble-button:focus { border: none; outline: none; } .bg-grid { background-color: transparent; background-position: 0% 0%; background-size: 16px 16px; background-image: linear-gradient(90deg, rgba(0, 0, 0, 0.1) 1px, transparent 1px), linear-gradient(rgba(0, 0, 0, 0.1) 1px, transparent 1px); } .snBtnView { display: -webkit-flex; display: flex; flex-direction: row; justify-content: flex-start; } .el-checkbox__label{font-size:13px !important} audio { outline: none; } .action-box { max-width: 1012px; } .action-item { margin-bottom: 20px; } .action-item .audio-test { display: inline-block; vertical-align: middle; margin-right: 20px; } .action-item .ivu-upload { display: inline-block; vertical-align: middle; } .action-answer-item { margin: 0 0 15px; } .action-btn { text-align: right; } .action-btn.action-btn-left { text-align: left; } .cardBg { background-color: #e8eaec; } .lock-box { text-align: center; color: #999; padding: 15% 0 10%; } .lock-box > div { padding: 40px; } .poptip-remove { position: absolute; right: -4px; top: -4px; line-height: 0; opacity: 0; } .pageNumShow { position: absolute; left: 45%; bottom: -10px; line-height: 0; } .pageHiddenShow { position: absolute; left: 40px; top: -4px; line-height: 0; cursor: pointer; } .explanationSubtitles { position: absolute; right: -10px; top: -40px; cursor: pointer; } .image-upload-type { padding: 5px 0; } .image-upload-type > div + div { margin-top: 10px; } .module-list { display: inline-flex; padding: 10px 10px 10px 0; background-color: #f3f3f3; white-space: nowrap; } .module-list-item { display: flex; max-width: 100px; user-select: none; background-color: #fff; border: 1px solid #eee; text-align: center; position: relative; transition: hover 0.3s linear, box-shadow 0.3s ease-in-out, opacity 0.3s; margin-left: 10px; } .module-list-item > div { width: 100px; height: 100%; padding: 10px 0; } .module-list-item.curr { box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1); border-color: rgba(34, 153, 238, 0.5); } .module-list-item.set-box { min-height: 100px; border-style: dashed; cursor: pointer; } .module-list-item.set-box .ivu-icon { margin: 15px 0 5px; } .module-list-item .remove-course { position: absolute; left: -7px; top: -7px; opacity: 0; transition: opacity 0.3s; } .module-list-item .edit-course { position: absolute; right: -7px; top: -7px; opacity: 0; transition: opacity 0.3s; } .module-list-item .ivu-dropdown { position: absolute; right: 3px; top: 3px; } .module-list-item .ivu-dropdown a { color: #666; } .module-list-item img { width: 50px; height: 50px; background-color: #eee; } .module-list-item p { height: 22px; line-height: 22px; margin: 0 5px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .module-list-item:hover { box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1); } .module-list-item:hover .remove-course { opacity: 1; } .module-list-item:hover .edit-course { opacity: 1; } .preview-list { display: inline-flex; width: 750px; overflow-y: visible; overflow-x: auto; padding: 9px 8px; } .preview-item { display: flex; flex-shrink: 0; width: 100px; height: 100px; line-height: 0px; position: relative; margin-bottom: 10px; background-color: #f8f8f9; border: 2px solid #ffffff; background-size: cover; background-position: center; background-repeat: no-repeat; opacity: 0.5; transition: hover 0.3s linear, opacity 0.3s; } .preview-item:hover { border-color: rgba(60, 105, 138, 0.5); opacity: 0.7; } .preview-item.curr { border-color: rgba(34, 153, 238, 0.5); opacity: 1; } .preview-item.curr .poptip-remove { opacity: 1; } .preview-item.file-upload { background-color: #ccc; text-align: center; opacity: 1; } .preview-item.file-upload .upload-add-button { cursor: pointer; } .preview-item .flex-img { display: flex; width: 100%; height: 100%; align-items: center; justify-content: center; } .preview-item .flex-img > div { width: 100%; height: 100%; background-repeat: no-repeat; background-position: center; background-size: cover; } .preview-item .flex-img > div + div { margin-left: 2px; } .preview-item .preview-img { width: 100%; height: 100%; background-repeat: no-repeat; background-position: center; background-size: cover; } .other-area { position: relative; width: 832px; height: 468px; border: 1px dashed #dcdee2; background-color: #f8f8f9; } .image-box { position: relative; background-color: #f8f8f9; user-select: none; } .upload-image { position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 1; } .upload-image .ivu-upload { background-color: #f8f8f9; padding: 20px; } .upload-image .ivu-upload-drag { border: none; padding: 150px 0 20px; } .upload-image .ivu-row, .upload-image .ivu-col { height: 100%; } .image-preview { overflow: hidden; height: 100%; width: 100%; background-size: cover; display: flex; align-items: center; justify-content: center; } .image-preview .image-item { width: 100%; height: 100%; background-repeat: no-repeat; background-position: center; background-size: cover; } .image-preview .image-item + .image-item { margin-left: 5px; } .image-audio { padding-bottom: 20px; position: absolute; bottom: 0; left: 50%; margin-left: -250px; width: 500px; z-index: 10; text-align: center; } .image-audio .ct-input { width: 300px; } .image-audio .media-upload { display: inline-block; } .up-preview { width: 100%; height: 100%; background-repeat: no-repeat; background-position: top left; background-size: contain; } /* .roobo-editor { .other-area, //.player-box, .image-box, .editor-opt { height: 520px; } } */ .dropdown-list li a { color: #666; display: inline-block; padding: 5px 15px; } .dropdown-list li a:hover { background: #f3f3f3; color: #2d8cf0; } .blanks-main { text-align: left; font-family: Arial; padding: 5px; } .blanks-main p { font-size: 24px; line-height: 1; } .blanks-main span { display: inline-block; font-size: 24px; line-height: 1; overflow: hidden; vertical-align: middle; margin: 5px 0; } .blanks-main span.text-line { border-bottom: 1px solid #666; } .svg-button { cursor: pointer; width: 40px; height: 40px; fill-opacity: 0; stroke: #111111; stroke-width: 1; stroke-dasharray: 20 5; padding: 0px 4px; margin: 0px 10px 5px 10px; } .svg-button2 { cursor: pointer; width: 40px; height: 40px; fill-opacity: 0; stroke: #111111; stroke-width: 1; padding: 0px 4px; margin: 5px 10px 0px 10px; } .snBtn { height: 30px; margin: 20px 5px; } .snBtn2 { height: 30px; line-height: 30px; margin: 20px 5px; } .quanTuText { height: 50px; line-height: 50px; margin: 5px 30px 5px 10px; } .checkView { height: 50px; line-height: 50px; margin: 5px 30px 5px 10px; display: -webkit-flex; display: flex; flex-direction: row; justify-content: flex-start; } .checkViewItem { padding: 0px 10px 0px 0px; } .svgButtonOuter { width: 50px; height: 50px; display: table; } .svgButtoninner { display: table-cell; vertical-align: middle; text-align: center; } .tipsForeditor { font-family: Arial; padding: 5px; font-size: 12px; line-height: 1; } .editor-content { background-color: #f0f0f0; display: flex; border: 1px solid #eee; padding: 5px; max-width: 900px; } .tool-response { border: 1px solid #ddd; padding: 10px; margin: 0px 0px 10px 0px; } .oidFlex { display: -webkit-flex; display: flex; flex-direction: row; justify-content: flex-start; align-items: center; } .addInteractText { height: 30px; line-height: 30px; margin: 0px 30px 0px 10px; } .readPointInteractText { height: 30px; line-height: 30px; font-size: 16px; margin: 0px 10px 0px 10px; } .hide-area { border: 1px solid #ddd; padding: 0px 0px 0px 10px; } .talkTrainHeaderText { font-size: 14px; margin: 0px 0px 0px 0px; padding: 0px; } .showTimeoutTableCell { padding: 0px 20px 0px 0px; display: table-cell; vertical-align: middle; text-align: center; } .talkTrainHeader2Text { font-size: 10px; margin: 0px 0px 0px 0px; color: #aaaaaa; padding: 0px; } .svg-touch { cursor: pointer; } .talk-area { border: 1px solid #ddd; padding: 10px 10px 10px 10px; } .checkBtn { max-width: 900px; padding: 10px 10px 10px 10px; background-color: #f8f8f9; border: 1px solid #eee; } .classShow { width: 600px; display: -webkit-flex; display: flex; flex-direction: row; justify-content: space-between; align-items: center; } .recordStyle { height: 35px; width: 426px; display: -webkit-flex; display: flex; flex-direction: row; justify-content: flex-start; align-items: center; } .questionAudio2 { width: 500px; border: 1px solid #ddd; padding: 10px; } .questionAudio { width: 390px; border: 1px solid #ddd; padding: 10px; } .interact-game-pointRange { width: 700px; display: flex; display: -webkit-flex; flex-direction: column; justify-content: flex-start; align-items: flex-start; } .interact-gameSigmode-correct-btn { display: -webkit-flex; display: flex; flex-direction: row; justify-content: flex-start; align-items: center; } .interact-follow-response { display: -webkit-flex; display: flex; flex-direction: row; justify-content: flex-start; align-items: center; border: 1px solid #ddd; margin: 5px; } .oidstyle { height: 35px; width: 600px; display: -webkit-flex; display: flex; flex-direction: row; justify-content: start; align-items: center; } .el-table__body tr.current-row > td { background-color: #8282ec !important; /* color: #f19944; */ /* 设置文字颜色 */ } .readpoint-list { display: inline-flex; width: 1090px; overflow-y: visible; overflow-x: auto; padding: 8px; } .readpoint-item { display: flex; flex-shrink: 0; border-radius: 5px; width: 100px; height: 40px; line-height: 0px; position: relative; margin-right: 20px; margin-bottom: 10px; background-color: #f8f8f9; border: 2px solid #161616; background-size: cover; background-position: center; background-repeat: no-repeat; opacity: 0.8; transition: hover 0.3s linear, opacity 0.3s; cursor: pointer; } .readpoint-item:hover { border-color: rgba(60, 105, 138, 0.5); opacity: 0.7; } .readpoint-item.son { border-color: #b0c20f; background-color: #b0c20f; opacity: 1; } .readpoint-item.curr { border-color: rgba(34, 153, 238, 0.5); background-color: #0fc20f; opacity: 1; } .readpoint-item.curr .poptip-remove { opacity: 1; } .readpoint-item .flex-img { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; display: flex; width: 100%; height: 100%; align-items: center; justify-content: center; } .readpoint-item .flex-img > div { width: 100%; height: 100%; background-repeat: no-repeat; background-position: center; background-size: cover; } .readpoint-item .flex-img > div + div { margin-left: 2px; } .downloadPanelFlex { display: -webkit-flex; display: flex; flex-direction: column; justify-content: space-around; align-items: center; } .addPictureBookBtn { width: 120px; height: 40px; border-radius: 4px; background: #2472e3; color: #fff; text-align: center; cursor: pointer; } .el-checkbox + .el-checkbox { margin-left: 0px; } .el-checkbox { margin-right: 25px; } audio { outline: none; } .action-box { max-width: 1012px; } .action-item { margin-bottom: 20px; } .action-item .audio-test { display: inline-block; vertical-align: middle; margin-right: 20px; } .action-item .ivu-upload { display: inline-block; vertical-align: middle; } .action-answer-item { margin: 0 0 15px; } .action-btn { text-align: right; } .action-btn.action-btn-left { text-align: left; } .cardBg { background-color: #e8eaec; } .lock-box { text-align: center; color: #999; padding: 15% 0 10%; } .lock-box > div { padding: 40px; } .poptip-remove { position: absolute; right: -4px; top: -4px; line-height: 0; opacity: 0; } .pageNumShow { position: absolute; left: 45%; bottom: -10px; line-height: 0; } .pageHiddenShow { position: absolute; left: 40px; top: -4px; line-height: 0; cursor: pointer; } .explanationSubtitles { position: absolute; right: -10px; top: -40px; cursor: pointer; } .image-upload-type { padding: 5px 0; } .image-upload-type > div + div { margin-top: 10px; } .module-list { display: inline-flex; padding: 10px 10px 10px 0; background-color: #f3f3f3; white-space: nowrap; } .module-list-item { display: flex; max-width: 100px; user-select: none; background-color: #fff; border: 1px solid #eee; text-align: center; position: relative; transition: hover 0.3s linear, box-shadow 0.3s ease-in-out, opacity 0.3s; margin-left: 10px; } .module-list-item > div { width: 100px; height: 100%; padding: 10px 0; } .module-list-item.curr { box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1); border-color: rgba(34, 153, 238, 0.5); } .module-list-item.set-box { min-height: 100px; border-style: dashed; cursor: pointer; } .module-list-item.set-box .ivu-icon { margin: 15px 0 5px; } .module-list-item .remove-course { position: absolute; left: -7px; top: -7px; opacity: 0; transition: opacity 0.3s; } .module-list-item .edit-course { position: absolute; right: -7px; top: -7px; opacity: 0; transition: opacity 0.3s; } .module-list-item .ivu-dropdown { position: absolute; right: 3px; top: 3px; } .module-list-item .ivu-dropdown a { color: #666; } .module-list-item img { width: 50px; height: 50px; background-color: #eee; } .module-list-item p { height: 22px; line-height: 22px; margin: 0 5px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .module-list-item:hover { box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1); } .module-list-item:hover .remove-course { opacity: 1; } .module-list-item:hover .edit-course { opacity: 1; } .preview-list { display: inline-flex; width: 750px; overflow-y: visible; overflow-x: auto; padding: 9px 8px; } .preview-item { display: flex; flex-shrink: 0; width: 100px; height: 100px; line-height: 0px; position: relative; margin-bottom: 10px; background-color: #f8f8f9; border: 2px solid #ffffff; background-size: cover; background-position: center; background-repeat: no-repeat; opacity: 0.5; transition: hover 0.3s linear, opacity 0.3s; } .preview-item:hover { border-color: rgba(60, 105, 138, 0.5); opacity: 0.7; } .preview-item.curr { border-color: rgba(34, 153, 238, 0.5); opacity: 1; } .preview-item.curr .poptip-remove { opacity: 1; } .preview-item.file-upload { background-color: #ccc; text-align: center; opacity: 1; } .preview-item.file-upload .upload-add-button { cursor: pointer; } .preview-item .flex-img { display: flex; width: 100%; height: 100%; align-items: center; justify-content: center; } .preview-item .flex-img > div { width: 100%; height: 100%; background-repeat: no-repeat; background-position: center; background-size: cover; } .preview-item .flex-img > div + div { margin-left: 2px; } .preview-item .preview-img { width: 100%; height: 100%; background-repeat: no-repeat; background-position: center; background-size: cover; } .other-area { position: relative; width: 832px; height: 468px; border: 1px dashed #dcdee2; background-color: #f8f8f9; } .image-box { position: relative; background-color: #f8f8f9; user-select: none; } .upload-image { position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 1; } .upload-image .ivu-upload { background-color: #f8f8f9; padding: 20px; } .upload-image .ivu-upload-drag { border: none; padding: 150px 0 20px; } .upload-image .ivu-row, .upload-image .ivu-col { height: 100%; } .image-preview { overflow: hidden; height: 100%; width: 100%; background-size: cover; display: flex; align-items: center; justify-content: center; } .image-preview .image-item { width: 100%; height: 100%; background-repeat: no-repeat; background-position: center; background-size: cover; } .image-preview .image-item + .image-item { margin-left: 5px; } .image-audio { padding-bottom: 20px; position: absolute; bottom: 0; left: 50%; margin-left: -250px; width: 500px; z-index: 10; text-align: center; } .image-audio .ct-input { width: 300px; } .image-audio .media-upload { display: inline-block; } .up-preview { width: 100%; height: 100%; background-repeat: no-repeat; background-position: top left; background-size: contain; } /* .roobo-editor { .other-area, //.player-box, .image-box, .editor-opt { height: 520px; } } */ .dropdown-list li a { color: #666; display: inline-block; padding: 5px 15px; } .dropdown-list li a:hover { background: #f3f3f3; color: #2d8cf0; } .blanks-main { text-align: left; font-family: Arial; padding: 5px; } .blanks-main p { font-size: 24px; line-height: 1; } .blanks-main span { display: inline-block; font-size: 24px; line-height: 1; overflow: hidden; vertical-align: middle; margin: 5px 0; } .blanks-main span.text-line { border-bottom: 1px solid #666; } .svg-button { cursor: pointer; width: 40px; height: 40px; fill-opacity: 0; stroke: #111111; stroke-width: 1; stroke-dasharray: 20 5; padding: 0px 4px; margin: 0px 10px 5px 10px; } .svg-button2 { cursor: pointer; width: 40px; height: 40px; fill-opacity: 0; stroke: #111111; stroke-width: 1; padding: 0px 4px; margin: 5px 10px 0px 10px; } .snBtn { height: 30px; margin: 20px 5px; } .snBtn2 { height: 30px; line-height: 30px; margin: 20px 5px; } .quanTuText { height: 50px; line-height: 50px; margin: 5px 30px 5px 10px; } .checkView { height: 50px; line-height: 50px; margin: 5px 30px 5px 10px; display: -webkit-flex; display: flex; flex-direction: row; justify-content: flex-start; } .checkViewItem { padding: 0px 10px 0px 0px; } .svgButtonOuter { width: 50px; height: 50px; display: table; } .svgButtoninner { display: table-cell; vertical-align: middle; text-align: center; } .tipsForeditor { font-family: Arial; padding: 5px; font-size: 12px; line-height: 1; } .editor-content { background-color: #f0f0f0; display: flex; border: 1px solid #eee; padding: 5px; max-width: 900px; } .tool-response { border: 1px solid #ddd; padding: 10px; margin: 0px 0px 10px 0px; } .oidFlex { display: -webkit-flex; display: flex; flex-direction: row; justify-content: flex-start; align-items: center; } .addInteractText { height: 30px; line-height: 30px; margin: 0px 30px 0px 10px; } .readPointInteractText { height: 30px; line-height: 30px; font-size: 16px; margin: 0px 10px 0px 10px; } .hide-area { border: 1px solid #ddd; padding: 0px 0px 0px 10px; } .talkTrainHeaderText { font-size: 14px; margin: 0px 0px 0px 0px; padding: 0px; } .showTimeoutTableCell { padding: 0px 20px 0px 0px; display: table-cell; vertical-align: middle; text-align: center; } .talkTrainHeader2Text { font-size: 10px; margin: 0px 0px 0px 0px; color: #aaaaaa; padding: 0px; } .svg-touch { cursor: pointer; } .talk-area { border: 1px solid #ddd; padding: 10px 10px 10px 10px; } .checkBtn { max-width: 900px; padding: 10px 10px 10px 10px; background-color: #f8f8f9; border: 1px solid #eee; } .classShow { width: 600px; display: -webkit-flex; display: flex; flex-direction: row; justify-content: space-between; align-items: center; } .recordStyle { height: 35px; width: 426px; display: -webkit-flex; display: flex; flex-direction: row; justify-content: flex-start; align-items: center; } .questionAudio2 { width: 500px; border: 1px solid #ddd; padding: 10px; } .questionAudio { width: 390px; border: 1px solid #ddd; padding: 10px; } .interact-game-pointRange { width: 700px; display: flex; display: -webkit-flex; flex-direction: column; justify-content: flex-start; align-items: flex-start; } .interact-gameSigmode-correct-btn { display: -webkit-flex; display: flex; flex-direction: row; justify-content: flex-start; align-items: center; } .interact-follow-response { display: -webkit-flex; display: flex; flex-direction: row; justify-content: flex-start; align-items: center; border: 1px solid #ddd; margin: 5px; } .oidstyle { height: 35px; width: 600px; display: -webkit-flex; display: flex; flex-direction: row; justify-content: start; align-items: center; } .el-table__body tr.current-row > td { background-color: #8282ec !important; /* color: #f19944; */ /* 设置文字颜色 */ } .readpoint-list { display: inline-flex; width: 1090px; overflow-y: visible; overflow-x: auto; padding: 8px; } .readpoint-item { display: flex; flex-shrink: 0; border-radius: 5px; width: 100px; height: 40px; line-height: 0px; position: relative; margin-right: 20px; margin-bottom: 10px; background-color: #f8f8f9; border: 2px solid #161616; background-size: cover; background-position: center; background-repeat: no-repeat; opacity: 0.8; transition: hover 0.3s linear, opacity 0.3s; cursor: pointer; } .readpoint-item:hover { border-color: rgba(60, 105, 138, 0.5); opacity: 0.7; } .readpoint-item.son { border-color: #b0c20f; background-color: #b0c20f; opacity: 1; } .readpoint-item.curr { border-color: rgba(34, 153, 238, 0.5); background-color: #0fc20f; opacity: 1; } .readpoint-item.curr .poptip-remove { opacity: 1; } .readpoint-item .flex-img { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; display: flex; width: 100%; height: 100%; align-items: center; justify-content: center; } .readpoint-item .flex-img > div { width: 100%; height: 100%; background-repeat: no-repeat; background-position: center; background-size: cover; } .readpoint-item .flex-img > div + div { margin-left: 2px; } .downloadPanelFlex { display: -webkit-flex; display: flex; flex-direction: column; justify-content: space-around; align-items: center; } .addPictureBookBtn { width: 120px; height: 40px; border-radius: 4px; background: #2472e3; color: #fff; text-align: center; cursor: pointer; } .el-checkbox + .el-checkbox { margin-left: 0px; } .el-checkbox { margin-right: 25px; } .course-module { width: 1014px; overflow-x: auto; background-color: #f3f3f3; border: 1px solid #eee; } .editor-mode { padding: 15px 0; overflow-x: auto; overflow-y: visible; } .editor-tool { background-color: #f8f8f9; display: flex; border: 1px solid #eee; padding: 5px; max-width: 1100px; } .editor-tool .tool-start { display: flex; flex-shrink: 0; flex-direction: column; padding: 5px 10px 5px 0; margin-right: 10px; border-right: 1px solid #eee; } .editor-tool .tool-start .ivu-btn { margin-bottom: 3px; margin-top: 3px; } .editor-tool .tool-action { padding: 5px 10px 5px 0; margin-right: 10px; border-right: 1px solid #eee; width: 380px; } .editor-tool .tool-action .ivu-btn { margin-bottom: 3px; margin-top: 3px; } .editor-tool .tool-main { display: flex; flex-shrink: 0; flex-direction: column; padding-right: 10px; margin-right: 10px; border-right: 1px solid #eee; } .editor-tool .tool-main .tool-column { margin: 3px 0; } .editor-tool .tool-opt { padding: 5px 0; } .editor-tool .tool-opt .ivu-btn { margin-bottom: 3px; margin-top: 3px; } .editor-container { margin-top: 10px; position: relative; } .editor-row { min-width: 900px; display: -webkit-flex; display: flex; flex-direction: row; } .editor-preview { width: 750px; float: top; margin-right: 12px; border: 1px solid #eee; background-color: #f8f8f9; } .editor-main { overflow-x: auto; width: 100%; position: relative; display: -webkit-flex; display: flex; flex-direction: row; align-items: center; } .editor-opt { height: 468px; width: 832px; position: absolute; left: 0; top: 0; z-index: 9; background: transparent; } .drag-box { position: absolute; z-index: 10; touch-action: none; text-align: center; font-size: 12px; border: 0px solid #3dd; /* .ivu-tooltip, .drap-title-pst { position: absolute; top: -24px; left: 0; } .size-val { position: absolute; top: 40%; left: 0; width: 100%; text-align: center; } .ivu-color-picker { cursor: default; } */ } .drag-box-bg { position: absolute; z-index: 8; touch-action: none; text-align: center; font-size: 12px; border: 0px solid #3dd; } .drag-polygon { position: absolute; z-index: 9; touch-action: none; text-align: center; font-size: 12px; border: 0px solid #3dd; } .drag-remove { position: absolute; left: 60px; top: -18px; } .OIDShowInQuantu { position: absolute; left: 0; right: 0; top: 40%; margin: auto; cursor: pointer; width: fit-content; background-color: #ffffff; } .OIDShowInQuantu2 { position: absolute; left: 5px; top: 3px; margin: auto; cursor: pointer; width: fit-content; background-color: #ffffff; } .NameShowInQuantu { position: absolute; left: 0; right: 0; top: 8px; margin: auto; cursor: pointer; width: fit-content; background-color: #ffffff; } .NameShowInQuantu1 { position: absolute; left: 0; right: 0; padding: 2px 0 0 2px; cursor: pointer; width: fit-content; overflow-y: auto; font-family: Times; } .drag-confirm { position: absolute; left: 30px; top: -18px; } .drag-reedit { position: absolute; left: 0; top: -18px; } .drag-box2 { position: absolute; z-index: 11; touch-action: none; text-align: center; font-size: 12px; /* .size-val { position: absolute; top: 40%; left: 0; width: 100%; text-align: center; } .ivu-color-picker { cursor: default; } */ } .drag-title { display: inline-block; font-size: 12px; border-radius: 4px; padding: 0 10px; height: 24px; line-height: 24px; background-color: #ff9900; color: #fff; } .resize-drag { touch-action: none; } .dragonly { touch-action: none; } .click-area { color: #fff; border-radius: 8px; padding: 10px 5px 5px; background-color: rgba(237, 64, 20, 0.5); } .click-area .horn-icon { position: absolute; top: 50%; left: 50%; margin-left: -44px; margin-top: -45px; background-image: url(data:image/png;base64,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); background-size: contain; width: 88px; height: 91px; z-index: -1; } .drag-figure { width: 100px; background-color: rgba(255, 255, 255, 0.5); } .drag-figure img { width: 100%; } .drag-circle { color: #333; background-color: rgba(255, 255, 255, 0.2); border-radius: 50%; } .drag-circle .select-color { position: absolute; right: 0; top: -24px; } .drag-circle .drag-remove { right: -20px; } .drag-line { min-height: auto; line-height: 0px; color: #333; background-color: rgba(255, 255, 255, 0.3); } .drag-line .select-color { position: absolute; right: 0; top: -24px; } .drag-line .drag-remove { right: -20px; } .drag-button { min-height: 58.5px; line-height: normal; width: 195px; } .drag-button .drag-ui-button { outline: 0; width: 100%; height: 58.5px; color: #fff; background-color: #f90; border: 1px solid #f90; font-size: 16px; border-radius: 4px; font-weight: 400; text-align: center; vertical-align: middle; white-space: nowrap; line-height: 1.5; user-select: none; } .drag-arrow { width: 100px; height: 100px; border: 1px dashed rgba(0, 0, 0, 0.5); display: flex; align-items: center; justify-content: center; } .drag-arrow .arrow-inner { width: 91px; height: 49px; } .drag-arrow .left { transform: rotate(180deg); } .drag-arrow .left-top { transform: rotate(225deg); } .drag-arrow .top { transform: rotate(-90deg); } .drag-arrow .right-top { transform: rotate(-45deg); } .drag-arrow .right-bottom { transform: rotate(45deg); } .drag-arrow .bottom { transform: rotate(90deg); } .drag-arrow .left-bottom { transform: rotate(135deg); } .drag-audio { padding: 10px 5px 5px; min-height: 60px; border-radius: 8px; background-color: rgba(255, 255, 255, 0.7); } .drag-text { min-height: auto; border: 1px dashed rgba(0, 0, 0, 0.5); } .drag-text .ct-input { width: 100%; } .drag-text .ivu-color-picker { position: absolute; top: -24px; right: 85px; } .drag-text .ivu-select { position: absolute; top: -24px; right: 20px; } .drag-text-blanks { min-height: auto; background-color: #ffffff; max-width: 732px; min-width: auto; } .drag-text-blanks .ivu-color-picker { position: absolute; top: -24px; right: 85px; } .drag-text-blanks .ivu-select { position: absolute; top: -24px; right: 20px; } .drag-tts { min-height: auto; } .drag-tts .ct-input { width: 300px; } .drag-image { max-width: 430px; max-height: 430px; border: 1px dashed rgba(0, 0, 0, 0.5); } .drag-image img { width: 100%; } .poptip-figure-content { overflow: hidden; white-space: normal; } .poptip-figure-content .poptip-figure-item { display: inline-block; margin: 5px; min-width: 60px; } .poptip-content { text-align: center; overflow: hidden; } .poptip-item { display: inline-block; margin: 0 5px; } .poptip-item .left { transform: rotate(180deg); } .poptip-item .left-top { transform: rotate(225deg); } .poptip-item .top { transform: rotate(-90deg); } .poptip-item .right-top { transform: rotate(-45deg); } .poptip-item .right-bottom { transform: rotate(45deg); } .poptip-item .bottom { transform: rotate(90deg); } .poptip-item .left-bottom { transform: rotate(135deg); } .poptip-item img { width: 30px; } .init-svg { width: 100%; height: 100%; } .line-svg { stroke-dasharray: 1000; stroke-dashoffset: 10; animation: drawLine 3s linear forwards; } .show-property { position: absolute; bottom: 0; right: 0; } @keyframes drawLine { 0% { stroke-dashoffset: 1000; } 100% { stroke-dashoffset: 0; } } .circle-svg { stroke-dasharray: 20 5; animation: none; } @keyframes drawCircle { 0% { stroke-dashoffset: 0; } 100% { stroke-dasharray: 1500 1500; } } .rotate-x { transform-origin: center center; } .drag-bubble .ivu-color-picker { position: absolute; top: -24px; right: 20px; } .bubble-button { display: block; width: 130px; height: 98px; border-radius: 49px; position: relative; border: #FFF044 solid 1px; background-color: #FFF044; } .bubble-button:focus { border: none; outline: none; } .bg-grid { background-color: transparent; background-position: 0% 0%; background-size: 16px 16px; background-image: linear-gradient(90deg, rgba(0, 0, 0, 0.1) 1px, transparent 1px), linear-gradient(rgba(0, 0, 0, 0.1) 1px, transparent 1px); } .absolute{position:absolute} audio { outline: none; } .action-box { max-width: 1012px; } .action-item { margin-bottom: 20px; } .action-item .audio-test { display: inline-block; vertical-align: middle; margin-right: 20px; } .action-item .ivu-upload { display: inline-block; vertical-align: middle; } .action-answer-item { margin: 0 0 15px; } .action-btn { text-align: right; } .action-btn.action-btn-left { text-align: left; } .cardBg { background-color: #e8eaec; } .lock-box { text-align: center; color: #999; padding: 15% 0 10%; } .lock-box > div { padding: 40px; } .poptip-remove { position: absolute; right: -4px; top: -4px; line-height: 0; opacity: 0; } .pageNumShow { position: absolute; left: 45%; bottom: -10px; line-height: 0; } .pageHiddenShow { position: absolute; left: 40px; top: -4px; line-height: 0; cursor: pointer; } .explanationSubtitles { position: absolute; right: -10px; top: -40px; cursor: pointer; } .image-upload-type { padding: 5px 0; } .image-upload-type > div + div { margin-top: 10px; } .module-list { display: inline-flex; padding: 10px 10px 10px 0; background-color: #f3f3f3; white-space: nowrap; } .module-list-item { display: flex; max-width: 100px; user-select: none; background-color: #fff; border: 1px solid #eee; text-align: center; position: relative; transition: hover 0.3s linear, box-shadow 0.3s ease-in-out, opacity 0.3s; margin-left: 10px; } .module-list-item > div { width: 100px; height: 100%; padding: 10px 0; } .module-list-item.curr { box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1); border-color: rgba(34, 153, 238, 0.5); } .module-list-item.set-box { min-height: 100px; border-style: dashed; cursor: pointer; } .module-list-item.set-box .ivu-icon { margin: 15px 0 5px; } .module-list-item .remove-course { position: absolute; left: -7px; top: -7px; opacity: 0; transition: opacity 0.3s; } .module-list-item .edit-course { position: absolute; right: -7px; top: -7px; opacity: 0; transition: opacity 0.3s; } .module-list-item .ivu-dropdown { position: absolute; right: 3px; top: 3px; } .module-list-item .ivu-dropdown a { color: #666; } .module-list-item img { width: 50px; height: 50px; background-color: #eee; } .module-list-item p { height: 22px; line-height: 22px; margin: 0 5px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .module-list-item:hover { box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1); } .module-list-item:hover .remove-course { opacity: 1; } .module-list-item:hover .edit-course { opacity: 1; } .preview-list { display: inline-flex; width: 750px; overflow-y: visible; overflow-x: auto; padding: 9px 8px; } .preview-item { display: flex; flex-shrink: 0; width: 100px; height: 100px; line-height: 0px; position: relative; margin-bottom: 10px; background-color: #f8f8f9; border: 2px solid #ffffff; background-size: cover; background-position: center; background-repeat: no-repeat; opacity: 0.5; transition: hover 0.3s linear, opacity 0.3s; } .preview-item:hover { border-color: rgba(60, 105, 138, 0.5); opacity: 0.7; } .preview-item.curr { border-color: rgba(34, 153, 238, 0.5); opacity: 1; } .preview-item.curr .poptip-remove { opacity: 1; } .preview-item.file-upload { background-color: #ccc; text-align: center; opacity: 1; } .preview-item.file-upload .upload-add-button { cursor: pointer; } .preview-item .flex-img { display: flex; width: 100%; height: 100%; align-items: center; justify-content: center; } .preview-item .flex-img > div { width: 100%; height: 100%; background-repeat: no-repeat; background-position: center; background-size: cover; } .preview-item .flex-img > div + div { margin-left: 2px; } .preview-item .preview-img { width: 100%; height: 100%; background-repeat: no-repeat; background-position: center; background-size: cover; } .other-area { position: relative; width: 832px; height: 468px; border: 1px dashed #dcdee2; background-color: #f8f8f9; } .image-box { position: relative; background-color: #f8f8f9; user-select: none; } .upload-image { position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 1; } .upload-image .ivu-upload { background-color: #f8f8f9; padding: 20px; } .upload-image .ivu-upload-drag { border: none; padding: 150px 0 20px; } .upload-image .ivu-row, .upload-image .ivu-col { height: 100%; } .image-preview { overflow: hidden; height: 100%; width: 100%; background-size: cover; display: flex; align-items: center; justify-content: center; } .image-preview .image-item { width: 100%; height: 100%; background-repeat: no-repeat; background-position: center; background-size: cover; } .image-preview .image-item + .image-item { margin-left: 5px; } .image-audio { padding-bottom: 20px; position: absolute; bottom: 0; left: 50%; margin-left: -250px; width: 500px; z-index: 10; text-align: center; } .image-audio .ct-input { width: 300px; } .image-audio .media-upload { display: inline-block; } .up-preview { width: 100%; height: 100%; background-repeat: no-repeat; background-position: top left; background-size: contain; } /* .roobo-editor { .other-area, //.player-box, .image-box, .editor-opt { height: 520px; } } */ .dropdown-list li a { color: #666; display: inline-block; padding: 5px 15px; } .dropdown-list li a:hover { background: #f3f3f3; color: #2d8cf0; } .blanks-main { text-align: left; font-family: Arial; padding: 5px; } .blanks-main p { font-size: 24px; line-height: 1; } .blanks-main span { display: inline-block; font-size: 24px; line-height: 1; overflow: hidden; vertical-align: middle; margin: 5px 0; } .blanks-main span.text-line { border-bottom: 1px solid #666; } .svg-button { cursor: pointer; width: 40px; height: 40px; fill-opacity: 0; stroke: #111111; stroke-width: 1; stroke-dasharray: 20 5; padding: 0px 4px; margin: 0px 10px 5px 10px; } .svg-button2 { cursor: pointer; width: 40px; height: 40px; fill-opacity: 0; stroke: #111111; stroke-width: 1; padding: 0px 4px; margin: 5px 10px 0px 10px; } .snBtn { height: 30px; margin: 20px 5px; } .snBtn2 { height: 30px; line-height: 30px; margin: 20px 5px; } .quanTuText { height: 50px; line-height: 50px; margin: 5px 30px 5px 10px; } .checkView { height: 50px; line-height: 50px; margin: 5px 30px 5px 10px; display: -webkit-flex; display: flex; flex-direction: row; justify-content: flex-start; } .checkViewItem { padding: 0px 10px 0px 0px; } .svgButtonOuter { width: 50px; height: 50px; display: table; } .svgButtoninner { display: table-cell; vertical-align: middle; text-align: center; } .tipsForeditor { font-family: Arial; padding: 5px; font-size: 12px; line-height: 1; } .editor-content { background-color: #f0f0f0; display: flex; border: 1px solid #eee; padding: 5px; max-width: 900px; } .tool-response { border: 1px solid #ddd; padding: 10px; margin: 0px 0px 10px 0px; } .oidFlex { display: -webkit-flex; display: flex; flex-direction: row; justify-content: flex-start; align-items: center; } .addInteractText { height: 30px; line-height: 30px; margin: 0px 30px 0px 10px; } .readPointInteractText { height: 30px; line-height: 30px; font-size: 16px; margin: 0px 10px 0px 10px; } .hide-area { border: 1px solid #ddd; padding: 0px 0px 0px 10px; } .talkTrainHeaderText { font-size: 14px; margin: 0px 0px 0px 0px; padding: 0px; } .showTimeoutTableCell { padding: 0px 20px 0px 0px; display: table-cell; vertical-align: middle; text-align: center; } .talkTrainHeader2Text { font-size: 10px; margin: 0px 0px 0px 0px; color: #aaaaaa; padding: 0px; } .svg-touch { cursor: pointer; } .talk-area { border: 1px solid #ddd; padding: 10px 10px 10px 10px; } .checkBtn { max-width: 900px; padding: 10px 10px 10px 10px; background-color: #f8f8f9; border: 1px solid #eee; } .classShow { width: 600px; display: -webkit-flex; display: flex; flex-direction: row; justify-content: space-between; align-items: center; } .recordStyle { height: 35px; width: 426px; display: -webkit-flex; display: flex; flex-direction: row; justify-content: flex-start; align-items: center; } .questionAudio2 { width: 500px; border: 1px solid #ddd; padding: 10px; } .questionAudio { width: 390px; border: 1px solid #ddd; padding: 10px; } .interact-game-pointRange { width: 700px; display: flex; display: -webkit-flex; flex-direction: column; justify-content: flex-start; align-items: flex-start; } .interact-gameSigmode-correct-btn { display: -webkit-flex; display: flex; flex-direction: row; justify-content: flex-start; align-items: center; } .interact-follow-response { display: -webkit-flex; display: flex; flex-direction: row; justify-content: flex-start; align-items: center; border: 1px solid #ddd; margin: 5px; } .oidstyle { height: 35px; width: 600px; display: -webkit-flex; display: flex; flex-direction: row; justify-content: start; align-items: center; } .el-table__body tr.current-row > td { background-color: #8282ec !important; /* color: #f19944; */ /* 设置文字颜色 */ } .readpoint-list { display: inline-flex; width: 1090px; overflow-y: visible; overflow-x: auto; padding: 8px; } .readpoint-item { display: flex; flex-shrink: 0; border-radius: 5px; width: 100px; height: 40px; line-height: 0px; position: relative; margin-right: 20px; margin-bottom: 10px; background-color: #f8f8f9; border: 2px solid #161616; background-size: cover; background-position: center; background-repeat: no-repeat; opacity: 0.8; transition: hover 0.3s linear, opacity 0.3s; cursor: pointer; } .readpoint-item:hover { border-color: rgba(60, 105, 138, 0.5); opacity: 0.7; } .readpoint-item.son { border-color: #b0c20f; background-color: #b0c20f; opacity: 1; } .readpoint-item.curr { border-color: rgba(34, 153, 238, 0.5); background-color: #0fc20f; opacity: 1; } .readpoint-item.curr .poptip-remove { opacity: 1; } .readpoint-item .flex-img { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; display: flex; width: 100%; height: 100%; align-items: center; justify-content: center; } .readpoint-item .flex-img > div { width: 100%; height: 100%; background-repeat: no-repeat; background-position: center; background-size: cover; } .readpoint-item .flex-img > div + div { margin-left: 2px; } .downloadPanelFlex { display: -webkit-flex; display: flex; flex-direction: column; justify-content: space-around; align-items: center; } .addPictureBookBtn { width: 120px; height: 40px; border-radius: 4px; background: #2472e3; color: #fff; text-align: center; cursor: pointer; } .el-checkbox + .el-checkbox { margin-left: 0px; } .el-checkbox { margin-right: 25px; } .course-module { width: 1014px; overflow-x: auto; background-color: #f3f3f3; border: 1px solid #eee; } .editor-mode { padding: 15px 0; overflow-x: auto; overflow-y: visible; } .editor-tool { background-color: #f8f8f9; display: flex; border: 1px solid #eee; padding: 5px; max-width: 1100px; } .editor-tool .tool-start { display: flex; flex-shrink: 0; flex-direction: column; padding: 5px 10px 5px 0; margin-right: 10px; border-right: 1px solid #eee; } .editor-tool .tool-start .ivu-btn { margin-bottom: 3px; margin-top: 3px; } .editor-tool .tool-action { padding: 5px 10px 5px 0; margin-right: 10px; border-right: 1px solid #eee; width: 380px; } .editor-tool .tool-action .ivu-btn { margin-bottom: 3px; margin-top: 3px; } .editor-tool .tool-main { display: flex; flex-shrink: 0; flex-direction: column; padding-right: 10px; margin-right: 10px; border-right: 1px solid #eee; } .editor-tool .tool-main .tool-column { margin: 3px 0; } .editor-tool .tool-opt { padding: 5px 0; } .editor-tool .tool-opt .ivu-btn { margin-bottom: 3px; margin-top: 3px; } .editor-container { margin-top: 10px; position: relative; } .editor-row { min-width: 900px; display: -webkit-flex; display: flex; flex-direction: row; } .editor-preview { width: 750px; float: top; margin-right: 12px; border: 1px solid #eee; background-color: #f8f8f9; } .editor-main { overflow-x: auto; width: 100%; position: relative; display: -webkit-flex; display: flex; flex-direction: row; align-items: center; } .editor-opt { height: 468px; width: 832px; position: absolute; left: 0; top: 0; z-index: 9; background: transparent; } .drag-box { position: absolute; z-index: 10; touch-action: none; text-align: center; font-size: 12px; border: 0px solid #3dd; /* .ivu-tooltip, .drap-title-pst { position: absolute; top: -24px; left: 0; } .size-val { position: absolute; top: 40%; left: 0; width: 100%; text-align: center; } .ivu-color-picker { cursor: default; } */ } .drag-box-bg { position: absolute; z-index: 8; touch-action: none; text-align: center; font-size: 12px; border: 0px solid #3dd; } .drag-polygon { position: absolute; z-index: 9; touch-action: none; text-align: center; font-size: 12px; border: 0px solid #3dd; } .drag-remove { position: absolute; left: 60px; top: -18px; } .OIDShowInQuantu { position: absolute; left: 0; right: 0; top: 40%; margin: auto; cursor: pointer; width: fit-content; background-color: #ffffff; } .OIDShowInQuantu2 { position: absolute; left: 5px; top: 3px; margin: auto; cursor: pointer; width: fit-content; background-color: #ffffff; } .NameShowInQuantu { position: absolute; left: 0; right: 0; top: 8px; margin: auto; cursor: pointer; width: fit-content; background-color: #ffffff; } .NameShowInQuantu1 { position: absolute; left: 0; right: 0; padding: 2px 0 0 2px; cursor: pointer; width: fit-content; overflow-y: auto; font-family: Times; } .drag-confirm { position: absolute; left: 30px; top: -18px; } .drag-reedit { position: absolute; left: 0; top: -18px; } .drag-box2 { position: absolute; z-index: 11; touch-action: none; text-align: center; font-size: 12px; /* .size-val { position: absolute; top: 40%; left: 0; width: 100%; text-align: center; } .ivu-color-picker { cursor: default; } */ } .drag-title { display: inline-block; font-size: 12px; border-radius: 4px; padding: 0 10px; height: 24px; line-height: 24px; background-color: #ff9900; color: #fff; } .resize-drag { touch-action: none; } .dragonly { touch-action: none; } .click-area { color: #fff; border-radius: 8px; padding: 10px 5px 5px; background-color: rgba(237, 64, 20, 0.5); } .click-area .horn-icon { position: absolute; top: 50%; left: 50%; margin-left: -44px; margin-top: -45px; background-image: url(data:image/png;base64,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); background-size: contain; width: 88px; height: 91px; z-index: -1; } .drag-figure { width: 100px; background-color: rgba(255, 255, 255, 0.5); } .drag-figure img { width: 100%; } .drag-circle { color: #333; background-color: rgba(255, 255, 255, 0.2); border-radius: 50%; } .drag-circle .select-color { position: absolute; right: 0; top: -24px; } .drag-circle .drag-remove { right: -20px; } .drag-line { min-height: auto; line-height: 0px; color: #333; background-color: rgba(255, 255, 255, 0.3); } .drag-line .select-color { position: absolute; right: 0; top: -24px; } .drag-line .drag-remove { right: -20px; } .drag-button { min-height: 58.5px; line-height: normal; width: 195px; } .drag-button .drag-ui-button { outline: 0; width: 100%; height: 58.5px; color: #fff; background-color: #f90; border: 1px solid #f90; font-size: 16px; border-radius: 4px; font-weight: 400; text-align: center; vertical-align: middle; white-space: nowrap; line-height: 1.5; user-select: none; } .drag-arrow { width: 100px; height: 100px; border: 1px dashed rgba(0, 0, 0, 0.5); display: flex; align-items: center; justify-content: center; } .drag-arrow .arrow-inner { width: 91px; height: 49px; } .drag-arrow .left { transform: rotate(180deg); } .drag-arrow .left-top { transform: rotate(225deg); } .drag-arrow .top { transform: rotate(-90deg); } .drag-arrow .right-top { transform: rotate(-45deg); } .drag-arrow .right-bottom { transform: rotate(45deg); } .drag-arrow .bottom { transform: rotate(90deg); } .drag-arrow .left-bottom { transform: rotate(135deg); } .drag-audio { padding: 10px 5px 5px; min-height: 60px; border-radius: 8px; background-color: rgba(255, 255, 255, 0.7); } .drag-text { min-height: auto; border: 1px dashed rgba(0, 0, 0, 0.5); } .drag-text .ct-input { width: 100%; } .drag-text .ivu-color-picker { position: absolute; top: -24px; right: 85px; } .drag-text .ivu-select { position: absolute; top: -24px; right: 20px; } .drag-text-blanks { min-height: auto; background-color: #ffffff; max-width: 732px; min-width: auto; } .drag-text-blanks .ivu-color-picker { position: absolute; top: -24px; right: 85px; } .drag-text-blanks .ivu-select { position: absolute; top: -24px; right: 20px; } .drag-tts { min-height: auto; } .drag-tts .ct-input { width: 300px; } .drag-image { max-width: 430px; max-height: 430px; border: 1px dashed rgba(0, 0, 0, 0.5); } .drag-image img { width: 100%; } .poptip-figure-content { overflow: hidden; white-space: normal; } .poptip-figure-content .poptip-figure-item { display: inline-block; margin: 5px; min-width: 60px; } .poptip-content { text-align: center; overflow: hidden; } .poptip-item { display: inline-block; margin: 0 5px; } .poptip-item .left { transform: rotate(180deg); } .poptip-item .left-top { transform: rotate(225deg); } .poptip-item .top { transform: rotate(-90deg); } .poptip-item .right-top { transform: rotate(-45deg); } .poptip-item .right-bottom { transform: rotate(45deg); } .poptip-item .bottom { transform: rotate(90deg); } .poptip-item .left-bottom { transform: rotate(135deg); } .poptip-item img { width: 30px; } .init-svg { width: 100%; height: 100%; } .line-svg { stroke-dasharray: 1000; stroke-dashoffset: 10; animation: drawLine 3s linear forwards; } .show-property { position: absolute; bottom: 0; right: 0; } @keyframes drawLine { 0% { stroke-dashoffset: 1000; } 100% { stroke-dashoffset: 0; } } .circle-svg { stroke-dasharray: 20 5; animation: none; } @keyframes drawCircle { 0% { stroke-dashoffset: 0; } 100% { stroke-dasharray: 1500 1500; } } .rotate-x { transform-origin: center center; } .drag-bubble .ivu-color-picker { position: absolute; top: -24px; right: 20px; } .bubble-button { display: block; width: 130px; height: 98px; border-radius: 49px; position: relative; border: #FFF044 solid 1px; background-color: #FFF044; } .bubble-button:focus { border: none; outline: none; } .bg-grid { background-color: transparent; background-position: 0% 0%; background-size: 16px 16px; background-image: linear-gradient(90deg, rgba(0, 0, 0, 0.1) 1px, transparent 1px), linear-gradient(rgba(0, 0, 0, 0.1) 1px, transparent 1px); } audio { outline: none; } .action-box { max-width: 1012px; } .action-item { margin-bottom: 20px; } .action-item .audio-test { display: inline-block; vertical-align: middle; margin-right: 20px; } .action-item .ivu-upload { display: inline-block; vertical-align: middle; } .action-answer-item { margin: 0 0 15px; } .action-btn { text-align: right; } .action-btn.action-btn-left { text-align: left; } .cardBg { background-color: #e8eaec; } .lock-box { text-align: center; color: #999; padding: 15% 0 10%; } .lock-box > div { padding: 40px; } .poptip-remove { position: absolute; right: -4px; top: -4px; line-height: 0; opacity: 0; } .pageNumShow { position: absolute; left: 45%; bottom: -10px; line-height: 0; } .pageHiddenShow { position: absolute; left: 40px; top: -4px; line-height: 0; cursor: pointer; } .explanationSubtitles { position: absolute; right: -10px; top: -40px; cursor: pointer; } .image-upload-type { padding: 5px 0; } .image-upload-type > div + div { margin-top: 10px; } .module-list { display: inline-flex; padding: 10px 10px 10px 0; background-color: #f3f3f3; white-space: nowrap; } .module-list-item { display: flex; max-width: 100px; user-select: none; background-color: #fff; border: 1px solid #eee; text-align: center; position: relative; transition: hover 0.3s linear, box-shadow 0.3s ease-in-out, opacity 0.3s; margin-left: 10px; } .module-list-item > div { width: 100px; height: 100%; padding: 10px 0; } .module-list-item.curr { box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1); border-color: rgba(34, 153, 238, 0.5); } .module-list-item.set-box { min-height: 100px; border-style: dashed; cursor: pointer; } .module-list-item.set-box .ivu-icon { margin: 15px 0 5px; } .module-list-item .remove-course { position: absolute; left: -7px; top: -7px; opacity: 0; transition: opacity 0.3s; } .module-list-item .edit-course { position: absolute; right: -7px; top: -7px; opacity: 0; transition: opacity 0.3s; } .module-list-item .ivu-dropdown { position: absolute; right: 3px; top: 3px; } .module-list-item .ivu-dropdown a { color: #666; } .module-list-item img { width: 50px; height: 50px; background-color: #eee; } .module-list-item p { height: 22px; line-height: 22px; margin: 0 5px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .module-list-item:hover { box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1); } .module-list-item:hover .remove-course { opacity: 1; } .module-list-item:hover .edit-course { opacity: 1; } .preview-list { display: inline-flex; width: 750px; overflow-y: visible; overflow-x: auto; padding: 9px 8px; } .preview-item { display: flex; flex-shrink: 0; width: 100px; height: 100px; line-height: 0px; position: relative; margin-bottom: 10px; background-color: #f8f8f9; border: 2px solid #ffffff; background-size: cover; background-position: center; background-repeat: no-repeat; opacity: 0.5; transition: hover 0.3s linear, opacity 0.3s; } .preview-item:hover { border-color: rgba(60, 105, 138, 0.5); opacity: 0.7; } .preview-item.curr { border-color: rgba(34, 153, 238, 0.5); opacity: 1; } .preview-item.curr .poptip-remove { opacity: 1; } .preview-item.file-upload { background-color: #ccc; text-align: center; opacity: 1; } .preview-item.file-upload .upload-add-button { cursor: pointer; } .preview-item .flex-img { display: flex; width: 100%; height: 100%; align-items: center; justify-content: center; } .preview-item .flex-img > div { width: 100%; height: 100%; background-repeat: no-repeat; background-position: center; background-size: cover; } .preview-item .flex-img > div + div { margin-left: 2px; } .preview-item .preview-img { width: 100%; height: 100%; background-repeat: no-repeat; background-position: center; background-size: cover; } .other-area { position: relative; width: 832px; height: 468px; border: 1px dashed #dcdee2; background-color: #f8f8f9; } .image-box { position: relative; background-color: #f8f8f9; user-select: none; } .upload-image { position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 1; } .upload-image .ivu-upload { background-color: #f8f8f9; padding: 20px; } .upload-image .ivu-upload-drag { border: none; padding: 150px 0 20px; } .upload-image .ivu-row, .upload-image .ivu-col { height: 100%; } .image-preview { overflow: hidden; height: 100%; width: 100%; background-size: cover; display: flex; align-items: center; justify-content: center; } .image-preview .image-item { width: 100%; height: 100%; background-repeat: no-repeat; background-position: center; background-size: cover; } .image-preview .image-item + .image-item { margin-left: 5px; } .image-audio { padding-bottom: 20px; position: absolute; bottom: 0; left: 50%; margin-left: -250px; width: 500px; z-index: 10; text-align: center; } .image-audio .ct-input { width: 300px; } .image-audio .media-upload { display: inline-block; } .up-preview { width: 100%; height: 100%; background-repeat: no-repeat; background-position: top left; background-size: contain; } /* .roobo-editor { .other-area, //.player-box, .image-box, .editor-opt { height: 520px; } } */ .dropdown-list li a { color: #666; display: inline-block; padding: 5px 15px; } .dropdown-list li a:hover { background: #f3f3f3; color: #2d8cf0; } .blanks-main { text-align: left; font-family: Arial; padding: 5px; } .blanks-main p { font-size: 24px; line-height: 1; } .blanks-main span { display: inline-block; font-size: 24px; line-height: 1; overflow: hidden; vertical-align: middle; margin: 5px 0; } .blanks-main span.text-line { border-bottom: 1px solid #666; } .svg-button { cursor: pointer; width: 40px; height: 40px; fill-opacity: 0; stroke: #111111; stroke-width: 1; stroke-dasharray: 20 5; padding: 0px 4px; margin: 0px 10px 5px 10px; } .svg-button2 { cursor: pointer; width: 40px; height: 40px; fill-opacity: 0; stroke: #111111; stroke-width: 1; padding: 0px 4px; margin: 5px 10px 0px 10px; } .snBtn { height: 30px; margin: 20px 5px; } .snBtn2 { height: 30px; line-height: 30px; margin: 20px 5px; } .quanTuText { height: 50px; line-height: 50px; margin: 5px 30px 5px 10px; } .checkView { height: 50px; line-height: 50px; margin: 5px 30px 5px 10px; display: -webkit-flex; display: flex; flex-direction: row; justify-content: flex-start; } .checkViewItem { padding: 0px 10px 0px 0px; } .svgButtonOuter { width: 50px; height: 50px; display: table; } .svgButtoninner { display: table-cell; vertical-align: middle; text-align: center; } .tipsForeditor { font-family: Arial; padding: 5px; font-size: 12px; line-height: 1; } .editor-content { background-color: #f0f0f0; display: flex; border: 1px solid #eee; padding: 5px; max-width: 900px; } .tool-response { border: 1px solid #ddd; padding: 10px; margin: 0px 0px 10px 0px; } .oidFlex { display: -webkit-flex; display: flex; flex-direction: row; justify-content: flex-start; align-items: center; } .addInteractText { height: 30px; line-height: 30px; margin: 0px 30px 0px 10px; } .readPointInteractText { height: 30px; line-height: 30px; font-size: 16px; margin: 0px 10px 0px 10px; } .hide-area { border: 1px solid #ddd; padding: 0px 0px 0px 10px; } .talkTrainHeaderText { font-size: 14px; margin: 0px 0px 0px 0px; padding: 0px; } .showTimeoutTableCell { padding: 0px 20px 0px 0px; display: table-cell; vertical-align: middle; text-align: center; } .talkTrainHeader2Text { font-size: 10px; margin: 0px 0px 0px 0px; color: #aaaaaa; padding: 0px; } .svg-touch { cursor: pointer; } .talk-area { border: 1px solid #ddd; padding: 10px 10px 10px 10px; } .checkBtn { max-width: 900px; padding: 10px 10px 10px 10px; background-color: #f8f8f9; border: 1px solid #eee; } .classShow { width: 600px; display: -webkit-flex; display: flex; flex-direction: row; justify-content: space-between; align-items: center; } .recordStyle { height: 35px; width: 426px; display: -webkit-flex; display: flex; flex-direction: row; justify-content: flex-start; align-items: center; } .questionAudio2 { width: 500px; border: 1px solid #ddd; padding: 10px; } .questionAudio { width: 390px; border: 1px solid #ddd; padding: 10px; } .interact-game-pointRange { width: 700px; display: flex; display: -webkit-flex; flex-direction: column; justify-content: flex-start; align-items: flex-start; } .interact-gameSigmode-correct-btn { display: -webkit-flex; display: flex; flex-direction: row; justify-content: flex-start; align-items: center; } .interact-follow-response { display: -webkit-flex; display: flex; flex-direction: row; justify-content: flex-start; align-items: center; border: 1px solid #ddd; margin: 5px; } .oidstyle { height: 35px; width: 600px; display: -webkit-flex; display: flex; flex-direction: row; justify-content: start; align-items: center; } .el-table__body tr.current-row > td { background-color: #8282ec !important; /* color: #f19944; */ /* 设置文字颜色 */ } .readpoint-list { display: inline-flex; width: 1090px; overflow-y: visible; overflow-x: auto; padding: 8px; } .readpoint-item { display: flex; flex-shrink: 0; border-radius: 5px; width: 100px; height: 40px; line-height: 0px; position: relative; margin-right: 20px; margin-bottom: 10px; background-color: #f8f8f9; border: 2px solid #161616; background-size: cover; background-position: center; background-repeat: no-repeat; opacity: 0.8; transition: hover 0.3s linear, opacity 0.3s; cursor: pointer; } .readpoint-item:hover { border-color: rgba(60, 105, 138, 0.5); opacity: 0.7; } .readpoint-item.son { border-color: #b0c20f; background-color: #b0c20f; opacity: 1; } .readpoint-item.curr { border-color: rgba(34, 153, 238, 0.5); background-color: #0fc20f; opacity: 1; } .readpoint-item.curr .poptip-remove { opacity: 1; } .readpoint-item .flex-img { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; display: flex; width: 100%; height: 100%; align-items: center; justify-content: center; } .readpoint-item .flex-img > div { width: 100%; height: 100%; background-repeat: no-repeat; background-position: center; background-size: cover; } .readpoint-item .flex-img > div + div { margin-left: 2px; } .downloadPanelFlex { display: -webkit-flex; display: flex; flex-direction: column; justify-content: space-around; align-items: center; } .addPictureBookBtn { width: 120px; height: 40px; border-radius: 4px; background: #2472e3; color: #fff; text-align: center; cursor: pointer; } .el-checkbox + .el-checkbox { margin-left: 0px; } .el-checkbox { margin-right: 25px; } .course-module { width: 1014px; overflow-x: auto; background-color: #f3f3f3; border: 1px solid #eee; } .editor-mode { padding: 15px 0; overflow-x: auto; overflow-y: visible; } .editor-tool { background-color: #f8f8f9; display: flex; border: 1px solid #eee; padding: 5px; max-width: 1100px; } .editor-tool .tool-start { display: flex; flex-shrink: 0; flex-direction: column; padding: 5px 10px 5px 0; margin-right: 10px; border-right: 1px solid #eee; } .editor-tool .tool-start .ivu-btn { margin-bottom: 3px; margin-top: 3px; } .editor-tool .tool-action { padding: 5px 10px 5px 0; margin-right: 10px; border-right: 1px solid #eee; width: 380px; } .editor-tool .tool-action .ivu-btn { margin-bottom: 3px; margin-top: 3px; } .editor-tool .tool-main { display: flex; flex-shrink: 0; flex-direction: column; padding-right: 10px; margin-right: 10px; border-right: 1px solid #eee; } .editor-tool .tool-main .tool-column { margin: 3px 0; } .editor-tool .tool-opt { padding: 5px 0; } .editor-tool .tool-opt .ivu-btn { margin-bottom: 3px; margin-top: 3px; } .editor-container { margin-top: 10px; position: relative; } .editor-row { min-width: 900px; display: -webkit-flex; display: flex; flex-direction: row; } .editor-preview { width: 750px; float: top; margin-right: 12px; border: 1px solid #eee; background-color: #f8f8f9; } .editor-main { overflow-x: auto; width: 100%; position: relative; display: -webkit-flex; display: flex; flex-direction: row; align-items: center; } .editor-opt { height: 468px; width: 832px; position: absolute; left: 0; top: 0; z-index: 9; background: transparent; } .drag-box { position: absolute; z-index: 10; touch-action: none; text-align: center; font-size: 12px; border: 0px solid #3dd; /* .ivu-tooltip, .drap-title-pst { position: absolute; top: -24px; left: 0; } .size-val { position: absolute; top: 40%; left: 0; width: 100%; text-align: center; } .ivu-color-picker { cursor: default; } */ } .drag-box-bg { position: absolute; z-index: 8; touch-action: none; text-align: center; font-size: 12px; border: 0px solid #3dd; } .drag-polygon { position: absolute; z-index: 9; touch-action: none; text-align: center; font-size: 12px; border: 0px solid #3dd; } .drag-remove { position: absolute; left: 60px; top: -18px; } .OIDShowInQuantu { position: absolute; left: 0; right: 0; top: 40%; margin: auto; cursor: pointer; width: fit-content; background-color: #ffffff; } .OIDShowInQuantu2 { position: absolute; left: 5px; top: 3px; margin: auto; cursor: pointer; width: fit-content; background-color: #ffffff; } .NameShowInQuantu { position: absolute; left: 0; right: 0; top: 8px; margin: auto; cursor: pointer; width: fit-content; background-color: #ffffff; } .NameShowInQuantu1 { position: absolute; left: 0; right: 0; padding: 2px 0 0 2px; cursor: pointer; width: fit-content; overflow-y: auto; font-family: Times; } .drag-confirm { position: absolute; left: 30px; top: -18px; } .drag-reedit { position: absolute; left: 0; top: -18px; } .drag-box2 { position: absolute; z-index: 11; touch-action: none; text-align: center; font-size: 12px; /* .size-val { position: absolute; top: 40%; left: 0; width: 100%; text-align: center; } .ivu-color-picker { cursor: default; } */ } .drag-title { display: inline-block; font-size: 12px; border-radius: 4px; padding: 0 10px; height: 24px; line-height: 24px; background-color: #ff9900; color: #fff; } .resize-drag { touch-action: none; } .dragonly { touch-action: none; } .click-area { color: #fff; border-radius: 8px; padding: 10px 5px 5px; background-color: rgba(237, 64, 20, 0.5); } .click-area .horn-icon { position: absolute; top: 50%; left: 50%; margin-left: -44px; margin-top: -45px; background-image: url(data:image/png;base64,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); background-size: contain; width: 88px; height: 91px; z-index: -1; } .drag-figure { width: 100px; background-color: rgba(255, 255, 255, 0.5); } .drag-figure img { width: 100%; } .drag-circle { color: #333; background-color: rgba(255, 255, 255, 0.2); border-radius: 50%; } .drag-circle .select-color { position: absolute; right: 0; top: -24px; } .drag-circle .drag-remove { right: -20px; } .drag-line { min-height: auto; line-height: 0px; color: #333; background-color: rgba(255, 255, 255, 0.3); } .drag-line .select-color { position: absolute; right: 0; top: -24px; } .drag-line .drag-remove { right: -20px; } .drag-button { min-height: 58.5px; line-height: normal; width: 195px; } .drag-button .drag-ui-button { outline: 0; width: 100%; height: 58.5px; color: #fff; background-color: #f90; border: 1px solid #f90; font-size: 16px; border-radius: 4px; font-weight: 400; text-align: center; vertical-align: middle; white-space: nowrap; line-height: 1.5; user-select: none; } .drag-arrow { width: 100px; height: 100px; border: 1px dashed rgba(0, 0, 0, 0.5); display: flex; align-items: center; justify-content: center; } .drag-arrow .arrow-inner { width: 91px; height: 49px; } .drag-arrow .left { transform: rotate(180deg); } .drag-arrow .left-top { transform: rotate(225deg); } .drag-arrow .top { transform: rotate(-90deg); } .drag-arrow .right-top { transform: rotate(-45deg); } .drag-arrow .right-bottom { transform: rotate(45deg); } .drag-arrow .bottom { transform: rotate(90deg); } .drag-arrow .left-bottom { transform: rotate(135deg); } .drag-audio { padding: 10px 5px 5px; min-height: 60px; border-radius: 8px; background-color: rgba(255, 255, 255, 0.7); } .drag-text { min-height: auto; border: 1px dashed rgba(0, 0, 0, 0.5); } .drag-text .ct-input { width: 100%; } .drag-text .ivu-color-picker { position: absolute; top: -24px; right: 85px; } .drag-text .ivu-select { position: absolute; top: -24px; right: 20px; } .drag-text-blanks { min-height: auto; background-color: #ffffff; max-width: 732px; min-width: auto; } .drag-text-blanks .ivu-color-picker { position: absolute; top: -24px; right: 85px; } .drag-text-blanks .ivu-select { position: absolute; top: -24px; right: 20px; } .drag-tts { min-height: auto; } .drag-tts .ct-input { width: 300px; } .drag-image { max-width: 430px; max-height: 430px; border: 1px dashed rgba(0, 0, 0, 0.5); } .drag-image img { width: 100%; } .poptip-figure-content { overflow: hidden; white-space: normal; } .poptip-figure-content .poptip-figure-item { display: inline-block; margin: 5px; min-width: 60px; } .poptip-content { text-align: center; overflow: hidden; } .poptip-item { display: inline-block; margin: 0 5px; } .poptip-item .left { transform: rotate(180deg); } .poptip-item .left-top { transform: rotate(225deg); } .poptip-item .top { transform: rotate(-90deg); } .poptip-item .right-top { transform: rotate(-45deg); } .poptip-item .right-bottom { transform: rotate(45deg); } .poptip-item .bottom { transform: rotate(90deg); } .poptip-item .left-bottom { transform: rotate(135deg); } .poptip-item img { width: 30px; } .init-svg { width: 100%; height: 100%; } .line-svg { stroke-dasharray: 1000; stroke-dashoffset: 10; animation: drawLine 3s linear forwards; } .show-property { position: absolute; bottom: 0; right: 0; } @keyframes drawLine { 0% { stroke-dashoffset: 1000; } 100% { stroke-dashoffset: 0; } } .circle-svg { stroke-dasharray: 20 5; animation: none; } @keyframes drawCircle { 0% { stroke-dashoffset: 0; } 100% { stroke-dasharray: 1500 1500; } } .rotate-x { transform-origin: center center; } .drag-bubble .ivu-color-picker { position: absolute; top: -24px; right: 20px; } .bubble-button { display: block; width: 130px; height: 98px; border-radius: 49px; position: relative; border: #FFF044 solid 1px; background-color: #FFF044; } .bubble-button:focus { border: none; outline: none; } .bg-grid { background-color: transparent; background-position: 0% 0%; background-size: 16px 16px; background-image: linear-gradient(90deg, rgba(0, 0, 0, 0.1) 1px, transparent 1px), linear-gradient(rgba(0, 0, 0, 0.1) 1px, transparent 1px); } audio { outline: none; } .action-box { max-width: 1012px; } .action-item { margin-bottom: 20px; } .action-item .audio-test { display: inline-block; vertical-align: middle; margin-right: 20px; } .action-item .ivu-upload { display: inline-block; vertical-align: middle; } .action-answer-item { margin: 0 0 15px; } .action-btn { text-align: right; } .action-btn.action-btn-left { text-align: left; } .cardBg { background-color: #e8eaec; } .lock-box { text-align: center; color: #999; padding: 15% 0 10%; } .lock-box > div { padding: 40px; } .poptip-remove { position: absolute; right: -4px; top: -4px; line-height: 0; opacity: 0; } .pageNumShow { position: absolute; left: 45%; bottom: -10px; line-height: 0; } .pageHiddenShow { position: absolute; left: 40px; top: -4px; line-height: 0; cursor: pointer; } .explanationSubtitles { position: absolute; right: -10px; top: -40px; cursor: pointer; } .image-upload-type { padding: 5px 0; } .image-upload-type > div + div { margin-top: 10px; } .module-list { display: inline-flex; padding: 10px 10px 10px 0; background-color: #f3f3f3; white-space: nowrap; } .module-list-item { display: flex; max-width: 100px; user-select: none; background-color: #fff; border: 1px solid #eee; text-align: center; position: relative; transition: hover 0.3s linear, box-shadow 0.3s ease-in-out, opacity 0.3s; margin-left: 10px; } .module-list-item > div { width: 100px; height: 100%; padding: 10px 0; } .module-list-item.curr { box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1); border-color: rgba(34, 153, 238, 0.5); } .module-list-item.set-box { min-height: 100px; border-style: dashed; cursor: pointer; } .module-list-item.set-box .ivu-icon { margin: 15px 0 5px; } .module-list-item .remove-course { position: absolute; left: -7px; top: -7px; opacity: 0; transition: opacity 0.3s; } .module-list-item .edit-course { position: absolute; right: -7px; top: -7px; opacity: 0; transition: opacity 0.3s; } .module-list-item .ivu-dropdown { position: absolute; right: 3px; top: 3px; } .module-list-item .ivu-dropdown a { color: #666; } .module-list-item img { width: 50px; height: 50px; background-color: #eee; } .module-list-item p { height: 22px; line-height: 22px; margin: 0 5px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .module-list-item:hover { box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1); } .module-list-item:hover .remove-course { opacity: 1; } .module-list-item:hover .edit-course { opacity: 1; } .preview-list { display: inline-flex; width: 750px; overflow-y: visible; overflow-x: auto; padding: 9px 8px; } .preview-item { display: flex; flex-shrink: 0; width: 100px; height: 100px; line-height: 0px; position: relative; margin-bottom: 10px; background-color: #f8f8f9; border: 2px solid #ffffff; background-size: cover; background-position: center; background-repeat: no-repeat; opacity: 0.5; transition: hover 0.3s linear, opacity 0.3s; } .preview-item:hover { border-color: rgba(60, 105, 138, 0.5); opacity: 0.7; } .preview-item.curr { border-color: rgba(34, 153, 238, 0.5); opacity: 1; } .preview-item.curr .poptip-remove { opacity: 1; } .preview-item.file-upload { background-color: #ccc; text-align: center; opacity: 1; } .preview-item.file-upload .upload-add-button { cursor: pointer; } .preview-item .flex-img { display: flex; width: 100%; height: 100%; align-items: center; justify-content: center; } .preview-item .flex-img > div { width: 100%; height: 100%; background-repeat: no-repeat; background-position: center; background-size: cover; } .preview-item .flex-img > div + div { margin-left: 2px; } .preview-item .preview-img { width: 100%; height: 100%; background-repeat: no-repeat; background-position: center; background-size: cover; } .other-area { position: relative; width: 832px; height: 468px; border: 1px dashed #dcdee2; background-color: #f8f8f9; } .image-box { position: relative; background-color: #f8f8f9; user-select: none; } .upload-image { position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 1; } .upload-image .ivu-upload { background-color: #f8f8f9; padding: 20px; } .upload-image .ivu-upload-drag { border: none; padding: 150px 0 20px; } .upload-image .ivu-row, .upload-image .ivu-col { height: 100%; } .image-preview { overflow: hidden; height: 100%; width: 100%; background-size: cover; display: flex; align-items: center; justify-content: center; } .image-preview .image-item { width: 100%; height: 100%; background-repeat: no-repeat; background-position: center; background-size: cover; } .image-preview .image-item + .image-item { margin-left: 5px; } .image-audio { padding-bottom: 20px; position: absolute; bottom: 0; left: 50%; margin-left: -250px; width: 500px; z-index: 10; text-align: center; } .image-audio .ct-input { width: 300px; } .image-audio .media-upload { display: inline-block; } .up-preview { width: 100%; height: 100%; background-repeat: no-repeat; background-position: top left; background-size: contain; } /* .roobo-editor { .other-area, //.player-box, .image-box, .editor-opt { height: 520px; } } */ .dropdown-list li a { color: #666; display: inline-block; padding: 5px 15px; } .dropdown-list li a:hover { background: #f3f3f3; color: #2d8cf0; } .blanks-main { text-align: left; font-family: Arial; padding: 5px; } .blanks-main p { font-size: 24px; line-height: 1; } .blanks-main span { display: inline-block; font-size: 24px; line-height: 1; overflow: hidden; vertical-align: middle; margin: 5px 0; } .blanks-main span.text-line { border-bottom: 1px solid #666; } .svg-button { cursor: pointer; width: 40px; height: 40px; fill-opacity: 0; stroke: #111111; stroke-width: 1; stroke-dasharray: 20 5; padding: 0px 4px; margin: 0px 10px 5px 10px; } .svg-button2 { cursor: pointer; width: 40px; height: 40px; fill-opacity: 0; stroke: #111111; stroke-width: 1; padding: 0px 4px; margin: 5px 10px 0px 10px; } .snBtn { height: 30px; margin: 20px 5px; } .snBtn2 { height: 30px; line-height: 30px; margin: 20px 5px; } .quanTuText { height: 50px; line-height: 50px; margin: 5px 30px 5px 10px; } .checkView { height: 50px; line-height: 50px; margin: 5px 30px 5px 10px; display: -webkit-flex; display: flex; flex-direction: row; justify-content: flex-start; } .checkViewItem { padding: 0px 10px 0px 0px; } .svgButtonOuter { width: 50px; height: 50px; display: table; } .svgButtoninner { display: table-cell; vertical-align: middle; text-align: center; } .tipsForeditor { font-family: Arial; padding: 5px; font-size: 12px; line-height: 1; } .editor-content { background-color: #f0f0f0; display: flex; border: 1px solid #eee; padding: 5px; max-width: 900px; } .tool-response { border: 1px solid #ddd; padding: 10px; margin: 0px 0px 10px 0px; } .oidFlex { display: -webkit-flex; display: flex; flex-direction: row; justify-content: flex-start; align-items: center; } .addInteractText { height: 30px; line-height: 30px; margin: 0px 30px 0px 10px; } .readPointInteractText { height: 30px; line-height: 30px; font-size: 16px; margin: 0px 10px 0px 10px; } .hide-area { border: 1px solid #ddd; padding: 0px 0px 0px 10px; } .talkTrainHeaderText { font-size: 14px; margin: 0px 0px 0px 0px; padding: 0px; } .showTimeoutTableCell { padding: 0px 20px 0px 0px; display: table-cell; vertical-align: middle; text-align: center; } .talkTrainHeader2Text { font-size: 10px; margin: 0px 0px 0px 0px; color: #aaaaaa; padding: 0px; } .svg-touch { cursor: pointer; } .talk-area { border: 1px solid #ddd; padding: 10px 10px 10px 10px; } .checkBtn { max-width: 900px; padding: 10px 10px 10px 10px; background-color: #f8f8f9; border: 1px solid #eee; } .classShow { width: 600px; display: -webkit-flex; display: flex; flex-direction: row; justify-content: space-between; align-items: center; } .recordStyle { height: 35px; width: 426px; display: -webkit-flex; display: flex; flex-direction: row; justify-content: flex-start; align-items: center; } .questionAudio2 { width: 500px; border: 1px solid #ddd; padding: 10px; } .questionAudio { width: 390px; border: 1px solid #ddd; padding: 10px; } .interact-game-pointRange { width: 700px; display: flex; display: -webkit-flex; flex-direction: column; justify-content: flex-start; align-items: flex-start; } .interact-gameSigmode-correct-btn { display: -webkit-flex; display: flex; flex-direction: row; justify-content: flex-start; align-items: center; } .interact-follow-response { display: -webkit-flex; display: flex; flex-direction: row; justify-content: flex-start; align-items: center; border: 1px solid #ddd; margin: 5px; } .oidstyle { height: 35px; width: 600px; display: -webkit-flex; display: flex; flex-direction: row; justify-content: start; align-items: center; } .el-table__body tr.current-row > td { background-color: #8282ec !important; /* color: #f19944; */ /* 设置文字颜色 */ } .readpoint-list { display: inline-flex; width: 1090px; overflow-y: visible; overflow-x: auto; padding: 8px; } .readpoint-item { display: flex; flex-shrink: 0; border-radius: 5px; width: 100px; height: 40px; line-height: 0px; position: relative; margin-right: 20px; margin-bottom: 10px; background-color: #f8f8f9; border: 2px solid #161616; background-size: cover; background-position: center; background-repeat: no-repeat; opacity: 0.8; transition: hover 0.3s linear, opacity 0.3s; cursor: pointer; } .readpoint-item:hover { border-color: rgba(60, 105, 138, 0.5); opacity: 0.7; } .readpoint-item.son { border-color: #b0c20f; background-color: #b0c20f; opacity: 1; } .readpoint-item.curr { border-color: rgba(34, 153, 238, 0.5); background-color: #0fc20f; opacity: 1; } .readpoint-item.curr .poptip-remove { opacity: 1; } .readpoint-item .flex-img { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; display: flex; width: 100%; height: 100%; align-items: center; justify-content: center; } .readpoint-item .flex-img > div { width: 100%; height: 100%; background-repeat: no-repeat; background-position: center; background-size: cover; } .readpoint-item .flex-img > div + div { margin-left: 2px; } .downloadPanelFlex { display: -webkit-flex; display: flex; flex-direction: column; justify-content: space-around; align-items: center; } .addPictureBookBtn { width: 120px; height: 40px; border-radius: 4px; background: #2472e3; color: #fff; text-align: center; cursor: pointer; } .el-checkbox + .el-checkbox { margin-left: 0px; } .el-checkbox { margin-right: 25px; } .course-module { width: 1014px; overflow-x: auto; background-color: #f3f3f3; border: 1px solid #eee; } .editor-mode { padding: 15px 0; overflow-x: auto; overflow-y: visible; } .editor-tool { background-color: #f8f8f9; display: flex; border: 1px solid #eee; padding: 5px; max-width: 1100px; } .editor-tool .tool-start { display: flex; flex-shrink: 0; flex-direction: column; padding: 5px 10px 5px 0; margin-right: 10px; border-right: 1px solid #eee; } .editor-tool .tool-start .ivu-btn { margin-bottom: 3px; margin-top: 3px; } .editor-tool .tool-action { padding: 5px 10px 5px 0; margin-right: 10px; border-right: 1px solid #eee; width: 380px; } .editor-tool .tool-action .ivu-btn { margin-bottom: 3px; margin-top: 3px; } .editor-tool .tool-main { display: flex; flex-shrink: 0; flex-direction: column; padding-right: 10px; margin-right: 10px; border-right: 1px solid #eee; } .editor-tool .tool-main .tool-column { margin: 3px 0; } .editor-tool .tool-opt { padding: 5px 0; } .editor-tool .tool-opt .ivu-btn { margin-bottom: 3px; margin-top: 3px; } .editor-container { margin-top: 10px; position: relative; } .editor-row { min-width: 900px; display: -webkit-flex; display: flex; flex-direction: row; } .editor-preview { width: 750px; float: top; margin-right: 12px; border: 1px solid #eee; background-color: #f8f8f9; } .editor-main { overflow-x: auto; width: 100%; position: relative; display: -webkit-flex; display: flex; flex-direction: row; align-items: center; } .editor-opt { height: 468px; width: 832px; position: absolute; left: 0; top: 0; z-index: 9; background: transparent; } .drag-box { position: absolute; z-index: 10; touch-action: none; text-align: center; font-size: 12px; border: 0px solid #3dd; /* .ivu-tooltip, .drap-title-pst { position: absolute; top: -24px; left: 0; } .size-val { position: absolute; top: 40%; left: 0; width: 100%; text-align: center; } .ivu-color-picker { cursor: default; } */ } .drag-box-bg { position: absolute; z-index: 8; touch-action: none; text-align: center; font-size: 12px; border: 0px solid #3dd; } .drag-polygon { position: absolute; z-index: 9; touch-action: none; text-align: center; font-size: 12px; border: 0px solid #3dd; } .drag-remove { position: absolute; left: 60px; top: -18px; } .OIDShowInQuantu { position: absolute; left: 0; right: 0; top: 40%; margin: auto; cursor: pointer; width: fit-content; background-color: #ffffff; } .OIDShowInQuantu2 { position: absolute; left: 5px; top: 3px; margin: auto; cursor: pointer; width: fit-content; background-color: #ffffff; } .NameShowInQuantu { position: absolute; left: 0; right: 0; top: 8px; margin: auto; cursor: pointer; width: fit-content; background-color: #ffffff; } .NameShowInQuantu1 { position: absolute; left: 0; right: 0; padding: 2px 0 0 2px; cursor: pointer; width: fit-content; overflow-y: auto; font-family: Times; } .drag-confirm { position: absolute; left: 30px; top: -18px; } .drag-reedit { position: absolute; left: 0; top: -18px; } .drag-box2 { position: absolute; z-index: 11; touch-action: none; text-align: center; font-size: 12px; /* .size-val { position: absolute; top: 40%; left: 0; width: 100%; text-align: center; } .ivu-color-picker { cursor: default; } */ } .drag-title { display: inline-block; font-size: 12px; border-radius: 4px; padding: 0 10px; height: 24px; line-height: 24px; background-color: #ff9900; color: #fff; } .resize-drag { touch-action: none; } .dragonly { touch-action: none; } .click-area { color: #fff; border-radius: 8px; padding: 10px 5px 5px; background-color: rgba(237, 64, 20, 0.5); } .click-area .horn-icon { position: absolute; top: 50%; left: 50%; margin-left: -44px; margin-top: -45px; background-image: url(data:image/png;base64,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); background-size: contain; width: 88px; height: 91px; z-index: -1; } .drag-figure { width: 100px; background-color: rgba(255, 255, 255, 0.5); } .drag-figure img { width: 100%; } .drag-circle { color: #333; background-color: rgba(255, 255, 255, 0.2); border-radius: 50%; } .drag-circle .select-color { position: absolute; right: 0; top: -24px; } .drag-circle .drag-remove { right: -20px; } .drag-line { min-height: auto; line-height: 0px; color: #333; background-color: rgba(255, 255, 255, 0.3); } .drag-line .select-color { position: absolute; right: 0; top: -24px; } .drag-line .drag-remove { right: -20px; } .drag-button { min-height: 58.5px; line-height: normal; width: 195px; } .drag-button .drag-ui-button { outline: 0; width: 100%; height: 58.5px; color: #fff; background-color: #f90; border: 1px solid #f90; font-size: 16px; border-radius: 4px; font-weight: 400; text-align: center; vertical-align: middle; white-space: nowrap; line-height: 1.5; user-select: none; } .drag-arrow { width: 100px; height: 100px; border: 1px dashed rgba(0, 0, 0, 0.5); display: flex; align-items: center; justify-content: center; } .drag-arrow .arrow-inner { width: 91px; height: 49px; } .drag-arrow .left { transform: rotate(180deg); } .drag-arrow .left-top { transform: rotate(225deg); } .drag-arrow .top { transform: rotate(-90deg); } .drag-arrow .right-top { transform: rotate(-45deg); } .drag-arrow .right-bottom { transform: rotate(45deg); } .drag-arrow .bottom { transform: rotate(90deg); } .drag-arrow .left-bottom { transform: rotate(135deg); } .drag-audio { padding: 10px 5px 5px; min-height: 60px; border-radius: 8px; background-color: rgba(255, 255, 255, 0.7); } .drag-text { min-height: auto; border: 1px dashed rgba(0, 0, 0, 0.5); } .drag-text .ct-input { width: 100%; } .drag-text .ivu-color-picker { position: absolute; top: -24px; right: 85px; } .drag-text .ivu-select { position: absolute; top: -24px; right: 20px; } .drag-text-blanks { min-height: auto; background-color: #ffffff; max-width: 732px; min-width: auto; } .drag-text-blanks .ivu-color-picker { position: absolute; top: -24px; right: 85px; } .drag-text-blanks .ivu-select { position: absolute; top: -24px; right: 20px; } .drag-tts { min-height: auto; } .drag-tts .ct-input { width: 300px; } .drag-image { max-width: 430px; max-height: 430px; border: 1px dashed rgba(0, 0, 0, 0.5); } .drag-image img { width: 100%; } .poptip-figure-content { overflow: hidden; white-space: normal; } .poptip-figure-content .poptip-figure-item { display: inline-block; margin: 5px; min-width: 60px; } .poptip-content { text-align: center; overflow: hidden; } .poptip-item { display: inline-block; margin: 0 5px; } .poptip-item .left { transform: rotate(180deg); } .poptip-item .left-top { transform: rotate(225deg); } .poptip-item .top { transform: rotate(-90deg); } .poptip-item .right-top { transform: rotate(-45deg); } .poptip-item .right-bottom { transform: rotate(45deg); } .poptip-item .bottom { transform: rotate(90deg); } .poptip-item .left-bottom { transform: rotate(135deg); } .poptip-item img { width: 30px; } .init-svg { width: 100%; height: 100%; } .line-svg { stroke-dasharray: 1000; stroke-dashoffset: 10; animation: drawLine 3s linear forwards; } .show-property { position: absolute; bottom: 0; right: 0; } @keyframes drawLine { 0% { stroke-dashoffset: 1000; } 100% { stroke-dashoffset: 0; } } .circle-svg { stroke-dasharray: 20 5; animation: none; } @keyframes drawCircle { 0% { stroke-dashoffset: 0; } 100% { stroke-dasharray: 1500 1500; } } .rotate-x { transform-origin: center center; } .drag-bubble .ivu-color-picker { position: absolute; top: -24px; right: 20px; } .bubble-button { display: block; width: 130px; height: 98px; border-radius: 49px; position: relative; border: #FFF044 solid 1px; background-color: #FFF044; } .bubble-button:focus { border: none; outline: none; } .bg-grid { background-color: transparent; background-position: 0% 0%; background-size: 16px 16px; background-image: linear-gradient(90deg, rgba(0, 0, 0, 0.1) 1px, transparent 1px), linear-gradient(rgba(0, 0, 0, 0.1) 1px, transparent 1px); } audio { outline: none; } .action-box { max-width: 1012px; } .action-item { margin-bottom: 20px; } .action-item .audio-test { display: inline-block; vertical-align: middle; margin-right: 20px; } .action-item .ivu-upload { display: inline-block; vertical-align: middle; } .action-answer-item { margin: 0 0 15px; } .action-btn { text-align: right; } .action-btn.action-btn-left { text-align: left; } .cardBg { background-color: #e8eaec; } .lock-box { text-align: center; color: #999; padding: 15% 0 10%; } .lock-box > div { padding: 40px; } .poptip-remove { position: absolute; right: -4px; top: -4px; line-height: 0; opacity: 0; } .pageNumShow { position: absolute; left: 45%; bottom: -10px; line-height: 0; } .pageHiddenShow { position: absolute; left: 40px; top: -4px; line-height: 0; cursor: pointer; } .explanationSubtitles { position: absolute; right: -10px; top: -40px; cursor: pointer; } .image-upload-type { padding: 5px 0; } .image-upload-type > div + div { margin-top: 10px; } .module-list { display: inline-flex; padding: 10px 10px 10px 0; background-color: #f3f3f3; white-space: nowrap; } .module-list-item { display: flex; max-width: 100px; user-select: none; background-color: #fff; border: 1px solid #eee; text-align: center; position: relative; transition: hover 0.3s linear, box-shadow 0.3s ease-in-out, opacity 0.3s; margin-left: 10px; } .module-list-item > div { width: 100px; height: 100%; padding: 10px 0; } .module-list-item.curr { box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1); border-color: rgba(34, 153, 238, 0.5); } .module-list-item.set-box { min-height: 100px; border-style: dashed; cursor: pointer; } .module-list-item.set-box .ivu-icon { margin: 15px 0 5px; } .module-list-item .remove-course { position: absolute; left: -7px; top: -7px; opacity: 0; transition: opacity 0.3s; } .module-list-item .edit-course { position: absolute; right: -7px; top: -7px; opacity: 0; transition: opacity 0.3s; } .module-list-item .ivu-dropdown { position: absolute; right: 3px; top: 3px; } .module-list-item .ivu-dropdown a { color: #666; } .module-list-item img { width: 50px; height: 50px; background-color: #eee; } .module-list-item p { height: 22px; line-height: 22px; margin: 0 5px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .module-list-item:hover { box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1); } .module-list-item:hover .remove-course { opacity: 1; } .module-list-item:hover .edit-course { opacity: 1; } .preview-list { display: inline-flex; width: 750px; overflow-y: visible; overflow-x: auto; padding: 9px 8px; } .preview-item { display: flex; flex-shrink: 0; width: 100px; height: 100px; line-height: 0px; position: relative; margin-bottom: 10px; background-color: #f8f8f9; border: 2px solid #ffffff; background-size: cover; background-position: center; background-repeat: no-repeat; opacity: 0.5; transition: hover 0.3s linear, opacity 0.3s; } .preview-item:hover { border-color: rgba(60, 105, 138, 0.5); opacity: 0.7; } .preview-item.curr { border-color: rgba(34, 153, 238, 0.5); opacity: 1; } .preview-item.curr .poptip-remove { opacity: 1; } .preview-item.file-upload { background-color: #ccc; text-align: center; opacity: 1; } .preview-item.file-upload .upload-add-button { cursor: pointer; } .preview-item .flex-img { display: flex; width: 100%; height: 100%; align-items: center; justify-content: center; } .preview-item .flex-img > div { width: 100%; height: 100%; background-repeat: no-repeat; background-position: center; background-size: cover; } .preview-item .flex-img > div + div { margin-left: 2px; } .preview-item .preview-img { width: 100%; height: 100%; background-repeat: no-repeat; background-position: center; background-size: cover; } .other-area { position: relative; width: 832px; height: 468px; border: 1px dashed #dcdee2; background-color: #f8f8f9; } .image-box { position: relative; background-color: #f8f8f9; user-select: none; } .upload-image { position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 1; } .upload-image .ivu-upload { background-color: #f8f8f9; padding: 20px; } .upload-image .ivu-upload-drag { border: none; padding: 150px 0 20px; } .upload-image .ivu-row, .upload-image .ivu-col { height: 100%; } .image-preview { overflow: hidden; height: 100%; width: 100%; background-size: cover; display: flex; align-items: center; justify-content: center; } .image-preview .image-item { width: 100%; height: 100%; background-repeat: no-repeat; background-position: center; background-size: cover; } .image-preview .image-item + .image-item { margin-left: 5px; } .image-audio { padding-bottom: 20px; position: absolute; bottom: 0; left: 50%; margin-left: -250px; width: 500px; z-index: 10; text-align: center; } .image-audio .ct-input { width: 300px; } .image-audio .media-upload { display: inline-block; } .up-preview { width: 100%; height: 100%; background-repeat: no-repeat; background-position: top left; background-size: contain; } /* .roobo-editor { .other-area, //.player-box, .image-box, .editor-opt { height: 520px; } } */ .dropdown-list li a { color: #666; display: inline-block; padding: 5px 15px; } .dropdown-list li a:hover { background: #f3f3f3; color: #2d8cf0; } .blanks-main { text-align: left; font-family: Arial; padding: 5px; } .blanks-main p { font-size: 24px; line-height: 1; } .blanks-main span { display: inline-block; font-size: 24px; line-height: 1; overflow: hidden; vertical-align: middle; margin: 5px 0; } .blanks-main span.text-line { border-bottom: 1px solid #666; } .svg-button { cursor: pointer; width: 40px; height: 40px; fill-opacity: 0; stroke: #111111; stroke-width: 1; stroke-dasharray: 20 5; padding: 0px 4px; margin: 0px 10px 5px 10px; } .svg-button2 { cursor: pointer; width: 40px; height: 40px; fill-opacity: 0; stroke: #111111; stroke-width: 1; padding: 0px 4px; margin: 5px 10px 0px 10px; } .snBtn { height: 30px; margin: 20px 5px; } .snBtn2 { height: 30px; line-height: 30px; margin: 20px 5px; } .quanTuText { height: 50px; line-height: 50px; margin: 5px 30px 5px 10px; } .checkView { height: 50px; line-height: 50px; margin: 5px 30px 5px 10px; display: -webkit-flex; display: flex; flex-direction: row; justify-content: flex-start; } .checkViewItem { padding: 0px 10px 0px 0px; } .svgButtonOuter { width: 50px; height: 50px; display: table; } .svgButtoninner { display: table-cell; vertical-align: middle; text-align: center; } .tipsForeditor { font-family: Arial; padding: 5px; font-size: 12px; line-height: 1; } .editor-content { background-color: #f0f0f0; display: flex; border: 1px solid #eee; padding: 5px; max-width: 900px; } .tool-response { border: 1px solid #ddd; padding: 10px; margin: 0px 0px 10px 0px; } .oidFlex { display: -webkit-flex; display: flex; flex-direction: row; justify-content: flex-start; align-items: center; } .addInteractText { height: 30px; line-height: 30px; margin: 0px 30px 0px 10px; } .readPointInteractText { height: 30px; line-height: 30px; font-size: 16px; margin: 0px 10px 0px 10px; } .hide-area { border: 1px solid #ddd; padding: 0px 0px 0px 10px; } .talkTrainHeaderText { font-size: 14px; margin: 0px 0px 0px 0px; padding: 0px; } .showTimeoutTableCell { padding: 0px 20px 0px 0px; display: table-cell; vertical-align: middle; text-align: center; } .talkTrainHeader2Text { font-size: 10px; margin: 0px 0px 0px 0px; color: #aaaaaa; padding: 0px; } .svg-touch { cursor: pointer; } .talk-area { border: 1px solid #ddd; padding: 10px 10px 10px 10px; } .checkBtn { max-width: 900px; padding: 10px 10px 10px 10px; background-color: #f8f8f9; border: 1px solid #eee; } .classShow { width: 600px; display: -webkit-flex; display: flex; flex-direction: row; justify-content: space-between; align-items: center; } .recordStyle { height: 35px; width: 426px; display: -webkit-flex; display: flex; flex-direction: row; justify-content: flex-start; align-items: center; } .questionAudio2 { width: 500px; border: 1px solid #ddd; padding: 10px; } .questionAudio { width: 390px; border: 1px solid #ddd; padding: 10px; } .interact-game-pointRange { width: 700px; display: flex; display: -webkit-flex; flex-direction: column; justify-content: flex-start; align-items: flex-start; } .interact-gameSigmode-correct-btn { display: -webkit-flex; display: flex; flex-direction: row; justify-content: flex-start; align-items: center; } .interact-follow-response { display: -webkit-flex; display: flex; flex-direction: row; justify-content: flex-start; align-items: center; border: 1px solid #ddd; margin: 5px; } .oidstyle { height: 35px; width: 600px; display: -webkit-flex; display: flex; flex-direction: row; justify-content: start; align-items: center; } .el-table__body tr.current-row > td { background-color: #8282ec !important; /* color: #f19944; */ /* 设置文字颜色 */ } .readpoint-list { display: inline-flex; width: 1090px; overflow-y: visible; overflow-x: auto; padding: 8px; } .readpoint-item { display: flex; flex-shrink: 0; border-radius: 5px; width: 100px; height: 40px; line-height: 0px; position: relative; margin-right: 20px; margin-bottom: 10px; background-color: #f8f8f9; border: 2px solid #161616; background-size: cover; background-position: center; background-repeat: no-repeat; opacity: 0.8; transition: hover 0.3s linear, opacity 0.3s; cursor: pointer; } .readpoint-item:hover { border-color: rgba(60, 105, 138, 0.5); opacity: 0.7; } .readpoint-item.son { border-color: #b0c20f; background-color: #b0c20f; opacity: 1; } .readpoint-item.curr { border-color: rgba(34, 153, 238, 0.5); background-color: #0fc20f; opacity: 1; } .readpoint-item.curr .poptip-remove { opacity: 1; } .readpoint-item .flex-img { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; display: flex; width: 100%; height: 100%; align-items: center; justify-content: center; } .readpoint-item .flex-img > div { width: 100%; height: 100%; background-repeat: no-repeat; background-position: center; background-size: cover; } .readpoint-item .flex-img > div + div { margin-left: 2px; } .downloadPanelFlex { display: -webkit-flex; display: flex; flex-direction: column; justify-content: space-around; align-items: center; } .addPictureBookBtn { width: 120px; height: 40px; border-radius: 4px; background: #2472e3; color: #fff; text-align: center; cursor: pointer; } .el-checkbox + .el-checkbox { margin-left: 0px; } .el-checkbox { margin-right: 25px; } .course-module { width: 1014px; overflow-x: auto; background-color: #f3f3f3; border: 1px solid #eee; } .editor-mode { padding: 15px 0; overflow-x: auto; overflow-y: visible; } .editor-tool { background-color: #f8f8f9; display: flex; border: 1px solid #eee; padding: 5px; max-width: 1100px; } .editor-tool .tool-start { display: flex; flex-shrink: 0; flex-direction: column; padding: 5px 10px 5px 0; margin-right: 10px; border-right: 1px solid #eee; } .editor-tool .tool-start .ivu-btn { margin-bottom: 3px; margin-top: 3px; } .editor-tool .tool-action { padding: 5px 10px 5px 0; margin-right: 10px; border-right: 1px solid #eee; width: 380px; } .editor-tool .tool-action .ivu-btn { margin-bottom: 3px; margin-top: 3px; } .editor-tool .tool-main { display: flex; flex-shrink: 0; flex-direction: column; padding-right: 10px; margin-right: 10px; border-right: 1px solid #eee; } .editor-tool .tool-main .tool-column { margin: 3px 0; } .editor-tool .tool-opt { padding: 5px 0; } .editor-tool .tool-opt .ivu-btn { margin-bottom: 3px; margin-top: 3px; } .editor-container { margin-top: 10px; position: relative; } .editor-row { min-width: 900px; display: -webkit-flex; display: flex; flex-direction: row; } .editor-preview { width: 750px; float: top; margin-right: 12px; border: 1px solid #eee; background-color: #f8f8f9; } .editor-main { overflow-x: auto; width: 100%; position: relative; display: -webkit-flex; display: flex; flex-direction: row; align-items: center; } .editor-opt { height: 468px; width: 832px; position: absolute; left: 0; top: 0; z-index: 9; background: transparent; } .drag-box { position: absolute; z-index: 10; touch-action: none; text-align: center; font-size: 12px; border: 0px solid #3dd; /* .ivu-tooltip, .drap-title-pst { position: absolute; top: -24px; left: 0; } .size-val { position: absolute; top: 40%; left: 0; width: 100%; text-align: center; } .ivu-color-picker { cursor: default; } */ } .drag-box-bg { position: absolute; z-index: 8; touch-action: none; text-align: center; font-size: 12px; border: 0px solid #3dd; } .drag-polygon { position: absolute; z-index: 9; touch-action: none; text-align: center; font-size: 12px; border: 0px solid #3dd; } .drag-remove { position: absolute; left: 60px; top: -18px; } .OIDShowInQuantu { position: absolute; left: 0; right: 0; top: 40%; margin: auto; cursor: pointer; width: fit-content; background-color: #ffffff; } .OIDShowInQuantu2 { position: absolute; left: 5px; top: 3px; margin: auto; cursor: pointer; width: fit-content; background-color: #ffffff; } .NameShowInQuantu { position: absolute; left: 0; right: 0; top: 8px; margin: auto; cursor: pointer; width: fit-content; background-color: #ffffff; } .NameShowInQuantu1 { position: absolute; left: 0; right: 0; padding: 2px 0 0 2px; cursor: pointer; width: fit-content; overflow-y: auto; font-family: Times; } .drag-confirm { position: absolute; left: 30px; top: -18px; } .drag-reedit { position: absolute; left: 0; top: -18px; } .drag-box2 { position: absolute; z-index: 11; touch-action: none; text-align: center; font-size: 12px; /* .size-val { position: absolute; top: 40%; left: 0; width: 100%; text-align: center; } .ivu-color-picker { cursor: default; } */ } .drag-title { display: inline-block; font-size: 12px; border-radius: 4px; padding: 0 10px; height: 24px; line-height: 24px; background-color: #ff9900; color: #fff; } .resize-drag { touch-action: none; } .dragonly { touch-action: none; } .click-area { color: #fff; border-radius: 8px; padding: 10px 5px 5px; background-color: rgba(237, 64, 20, 0.5); } .click-area .horn-icon { position: absolute; top: 50%; left: 50%; margin-left: -44px; margin-top: -45px; background-image: url(data:image/png;base64,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); background-size: contain; width: 88px; height: 91px; z-index: -1; } .drag-figure { width: 100px; background-color: rgba(255, 255, 255, 0.5); } .drag-figure img { width: 100%; } .drag-circle { color: #333; background-color: rgba(255, 255, 255, 0.2); border-radius: 50%; } .drag-circle .select-color { position: absolute; right: 0; top: -24px; } .drag-circle .drag-remove { right: -20px; } .drag-line { min-height: auto; line-height: 0px; color: #333; background-color: rgba(255, 255, 255, 0.3); } .drag-line .select-color { position: absolute; right: 0; top: -24px; } .drag-line .drag-remove { right: -20px; } .drag-button { min-height: 58.5px; line-height: normal; width: 195px; } .drag-button .drag-ui-button { outline: 0; width: 100%; height: 58.5px; color: #fff; background-color: #f90; border: 1px solid #f90; font-size: 16px; border-radius: 4px; font-weight: 400; text-align: center; vertical-align: middle; white-space: nowrap; line-height: 1.5; user-select: none; } .drag-arrow { width: 100px; height: 100px; border: 1px dashed rgba(0, 0, 0, 0.5); display: flex; align-items: center; justify-content: center; } .drag-arrow .arrow-inner { width: 91px; height: 49px; } .drag-arrow .left { transform: rotate(180deg); } .drag-arrow .left-top { transform: rotate(225deg); } .drag-arrow .top { transform: rotate(-90deg); } .drag-arrow .right-top { transform: rotate(-45deg); } .drag-arrow .right-bottom { transform: rotate(45deg); } .drag-arrow .bottom { transform: rotate(90deg); } .drag-arrow .left-bottom { transform: rotate(135deg); } .drag-audio { padding: 10px 5px 5px; min-height: 60px; border-radius: 8px; background-color: rgba(255, 255, 255, 0.7); } .drag-text { min-height: auto; border: 1px dashed rgba(0, 0, 0, 0.5); } .drag-text .ct-input { width: 100%; } .drag-text .ivu-color-picker { position: absolute; top: -24px; right: 85px; } .drag-text .ivu-select { position: absolute; top: -24px; right: 20px; } .drag-text-blanks { min-height: auto; background-color: #ffffff; max-width: 732px; min-width: auto; } .drag-text-blanks .ivu-color-picker { position: absolute; top: -24px; right: 85px; } .drag-text-blanks .ivu-select { position: absolute; top: -24px; right: 20px; } .drag-tts { min-height: auto; } .drag-tts .ct-input { width: 300px; } .drag-image { max-width: 430px; max-height: 430px; border: 1px dashed rgba(0, 0, 0, 0.5); } .drag-image img { width: 100%; } .poptip-figure-content { overflow: hidden; white-space: normal; } .poptip-figure-content .poptip-figure-item { display: inline-block; margin: 5px; min-width: 60px; } .poptip-content { text-align: center; overflow: hidden; } .poptip-item { display: inline-block; margin: 0 5px; } .poptip-item .left { transform: rotate(180deg); } .poptip-item .left-top { transform: rotate(225deg); } .poptip-item .top { transform: rotate(-90deg); } .poptip-item .right-top { transform: rotate(-45deg); } .poptip-item .right-bottom { transform: rotate(45deg); } .poptip-item .bottom { transform: rotate(90deg); } .poptip-item .left-bottom { transform: rotate(135deg); } .poptip-item img { width: 30px; } .init-svg { width: 100%; height: 100%; } .line-svg { stroke-dasharray: 1000; stroke-dashoffset: 10; animation: drawLine 3s linear forwards; } .show-property { position: absolute; bottom: 0; right: 0; } @keyframes drawLine { 0% { stroke-dashoffset: 1000; } 100% { stroke-dashoffset: 0; } } .circle-svg { stroke-dasharray: 20 5; animation: none; } @keyframes drawCircle { 0% { stroke-dashoffset: 0; } 100% { stroke-dasharray: 1500 1500; } } .rotate-x { transform-origin: center center; } .drag-bubble .ivu-color-picker { position: absolute; top: -24px; right: 20px; } .bubble-button { display: block; width: 130px; height: 98px; border-radius: 49px; position: relative; border: #FFF044 solid 1px; background-color: #FFF044; } .bubble-button:focus { border: none; outline: none; } .bg-grid { background-color: transparent; background-position: 0% 0%; background-size: 16px 16px; background-image: linear-gradient(90deg, rgba(0, 0, 0, 0.1) 1px, transparent 1px), linear-gradient(rgba(0, 0, 0, 0.1) 1px, transparent 1px); } .ly_s1[data-v-1afe7c9e] { color: #ff0000; animation: mymove-1afe7c9e 3s infinite; -webkit-animation: mymove-1afe7c9e 3s infinite; animation-direction: alternate; animation-timing-function: ease-in-out; /*safari & chrome*/ -webkit-animation-direction: alternate; -webkit-transition-timing-function: ease-in-out; } .ly_s0[data-v-1afe7c9e] { color: #555555; } @keyframes mymove-1afe7c9e { 0% { transform: scale(1); /*开始为原始大小*/ } 25% { transform: scale(1.1); /*放大1.1倍*/ } 50% { transform: scale(0.9); } 75% { transform: scale(1.1); } } @-webkit-keyframes mymove-1afe7c9e /*Safari and Chrome*/ { 0% { transform: scale(1); /*开始为原始大小*/ } 25% { transform: scale(1.1); /*放大1.1倍*/ } 50% { transform: scale(0.9); } 75% { transform: scale(1.1); } } .btn-flex[data-v-1afe7c9e] { width: 320px; display: flex; display: -webkit-flex; flex-direction: row; justify-content: space-around; align-items: center; padding: 10px, 30px; margin-top: 15px; border-right: 1px solid #eee; } .mainBox[data-v-1afe7c9e] { width: 300px; height: 100px; } audio { outline: none; } .action-box { max-width: 1012px; } .action-item { margin-bottom: 20px; } .action-item .audio-test { display: inline-block; vertical-align: middle; margin-right: 20px; } .action-item .ivu-upload { display: inline-block; vertical-align: middle; } .action-answer-item { margin: 0 0 15px; } .action-btn { text-align: right; } .action-btn.action-btn-left { text-align: left; } .cardBg { background-color: #e8eaec; } .lock-box { text-align: center; color: #999; padding: 15% 0 10%; } .lock-box > div { padding: 40px; } .poptip-remove { position: absolute; right: -4px; top: -4px; line-height: 0; opacity: 0; } .pageNumShow { position: absolute; left: 45%; bottom: -10px; line-height: 0; } .pageHiddenShow { position: absolute; left: 40px; top: -4px; line-height: 0; cursor: pointer; } .explanationSubtitles { position: absolute; right: -10px; top: -40px; cursor: pointer; } .image-upload-type { padding: 5px 0; } .image-upload-type > div + div { margin-top: 10px; } .module-list { display: inline-flex; padding: 10px 10px 10px 0; background-color: #f3f3f3; white-space: nowrap; } .module-list-item { display: flex; max-width: 100px; user-select: none; background-color: #fff; border: 1px solid #eee; text-align: center; position: relative; transition: hover 0.3s linear, box-shadow 0.3s ease-in-out, opacity 0.3s; margin-left: 10px; } .module-list-item > div { width: 100px; height: 100%; padding: 10px 0; } .module-list-item.curr { box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1); border-color: rgba(34, 153, 238, 0.5); } .module-list-item.set-box { min-height: 100px; border-style: dashed; cursor: pointer; } .module-list-item.set-box .ivu-icon { margin: 15px 0 5px; } .module-list-item .remove-course { position: absolute; left: -7px; top: -7px; opacity: 0; transition: opacity 0.3s; } .module-list-item .edit-course { position: absolute; right: -7px; top: -7px; opacity: 0; transition: opacity 0.3s; } .module-list-item .ivu-dropdown { position: absolute; right: 3px; top: 3px; } .module-list-item .ivu-dropdown a { color: #666; } .module-list-item img { width: 50px; height: 50px; background-color: #eee; } .module-list-item p { height: 22px; line-height: 22px; margin: 0 5px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .module-list-item:hover { box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1); } .module-list-item:hover .remove-course { opacity: 1; } .module-list-item:hover .edit-course { opacity: 1; } .preview-list { display: inline-flex; width: 750px; overflow-y: visible; overflow-x: auto; padding: 9px 8px; } .preview-item { display: flex; flex-shrink: 0; width: 100px; height: 100px; line-height: 0px; position: relative; margin-bottom: 10px; background-color: #f8f8f9; border: 2px solid #ffffff; background-size: cover; background-position: center; background-repeat: no-repeat; opacity: 0.5; transition: hover 0.3s linear, opacity 0.3s; } .preview-item:hover { border-color: rgba(60, 105, 138, 0.5); opacity: 0.7; } .preview-item.curr { border-color: rgba(34, 153, 238, 0.5); opacity: 1; } .preview-item.curr .poptip-remove { opacity: 1; } .preview-item.file-upload { background-color: #ccc; text-align: center; opacity: 1; } .preview-item.file-upload .upload-add-button { cursor: pointer; } .preview-item .flex-img { display: flex; width: 100%; height: 100%; align-items: center; justify-content: center; } .preview-item .flex-img > div { width: 100%; height: 100%; background-repeat: no-repeat; background-position: center; background-size: cover; } .preview-item .flex-img > div + div { margin-left: 2px; } .preview-item .preview-img { width: 100%; height: 100%; background-repeat: no-repeat; background-position: center; background-size: cover; } .other-area { position: relative; width: 832px; height: 468px; border: 1px dashed #dcdee2; background-color: #f8f8f9; } .image-box { position: relative; background-color: #f8f8f9; user-select: none; } .upload-image { position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 1; } .upload-image .ivu-upload { background-color: #f8f8f9; padding: 20px; } .upload-image .ivu-upload-drag { border: none; padding: 150px 0 20px; } .upload-image .ivu-row, .upload-image .ivu-col { height: 100%; } .image-preview { overflow: hidden; height: 100%; width: 100%; background-size: cover; display: flex; align-items: center; justify-content: center; } .image-preview .image-item { width: 100%; height: 100%; background-repeat: no-repeat; background-position: center; background-size: cover; } .image-preview .image-item + .image-item { margin-left: 5px; } .image-audio { padding-bottom: 20px; position: absolute; bottom: 0; left: 50%; margin-left: -250px; width: 500px; z-index: 10; text-align: center; } .image-audio .ct-input { width: 300px; } .image-audio .media-upload { display: inline-block; } .up-preview { width: 100%; height: 100%; background-repeat: no-repeat; background-position: top left; background-size: contain; } /* .roobo-editor { .other-area, //.player-box, .image-box, .editor-opt { height: 520px; } } */ .dropdown-list li a { color: #666; display: inline-block; padding: 5px 15px; } .dropdown-list li a:hover { background: #f3f3f3; color: #2d8cf0; } .blanks-main { text-align: left; font-family: Arial; padding: 5px; } .blanks-main p { font-size: 24px; line-height: 1; } .blanks-main span { display: inline-block; font-size: 24px; line-height: 1; overflow: hidden; vertical-align: middle; margin: 5px 0; } .blanks-main span.text-line { border-bottom: 1px solid #666; } .svg-button { cursor: pointer; width: 40px; height: 40px; fill-opacity: 0; stroke: #111111; stroke-width: 1; stroke-dasharray: 20 5; padding: 0px 4px; margin: 0px 10px 5px 10px; } .svg-button2 { cursor: pointer; width: 40px; height: 40px; fill-opacity: 0; stroke: #111111; stroke-width: 1; padding: 0px 4px; margin: 5px 10px 0px 10px; } .snBtn { height: 30px; margin: 20px 5px; } .snBtn2 { height: 30px; line-height: 30px; margin: 20px 5px; } .quanTuText { height: 50px; line-height: 50px; margin: 5px 30px 5px 10px; } .checkView { height: 50px; line-height: 50px; margin: 5px 30px 5px 10px; display: -webkit-flex; display: flex; flex-direction: row; justify-content: flex-start; } .checkViewItem { padding: 0px 10px 0px 0px; } .svgButtonOuter { width: 50px; height: 50px; display: table; } .svgButtoninner { display: table-cell; vertical-align: middle; text-align: center; } .tipsForeditor { font-family: Arial; padding: 5px; font-size: 12px; line-height: 1; } .editor-content { background-color: #f0f0f0; display: flex; border: 1px solid #eee; padding: 5px; max-width: 900px; } .tool-response { border: 1px solid #ddd; padding: 10px; margin: 0px 0px 10px 0px; } .oidFlex { display: -webkit-flex; display: flex; flex-direction: row; justify-content: flex-start; align-items: center; } .addInteractText { height: 30px; line-height: 30px; margin: 0px 30px 0px 10px; } .readPointInteractText { height: 30px; line-height: 30px; font-size: 16px; margin: 0px 10px 0px 10px; } .hide-area { border: 1px solid #ddd; padding: 0px 0px 0px 10px; } .talkTrainHeaderText { font-size: 14px; margin: 0px 0px 0px 0px; padding: 0px; } .showTimeoutTableCell { padding: 0px 20px 0px 0px; display: table-cell; vertical-align: middle; text-align: center; } .talkTrainHeader2Text { font-size: 10px; margin: 0px 0px 0px 0px; color: #aaaaaa; padding: 0px; } .svg-touch { cursor: pointer; } .talk-area { border: 1px solid #ddd; padding: 10px 10px 10px 10px; } .checkBtn { max-width: 900px; padding: 10px 10px 10px 10px; background-color: #f8f8f9; border: 1px solid #eee; } .classShow { width: 600px; display: -webkit-flex; display: flex; flex-direction: row; justify-content: space-between; align-items: center; } .recordStyle { height: 35px; width: 426px; display: -webkit-flex; display: flex; flex-direction: row; justify-content: flex-start; align-items: center; } .questionAudio2 { width: 500px; border: 1px solid #ddd; padding: 10px; } .questionAudio { width: 390px; border: 1px solid #ddd; padding: 10px; } .interact-game-pointRange { width: 700px; display: flex; display: -webkit-flex; flex-direction: column; justify-content: flex-start; align-items: flex-start; } .interact-gameSigmode-correct-btn { display: -webkit-flex; display: flex; flex-direction: row; justify-content: flex-start; align-items: center; } .interact-follow-response { display: -webkit-flex; display: flex; flex-direction: row; justify-content: flex-start; align-items: center; border: 1px solid #ddd; margin: 5px; } .oidstyle { height: 35px; width: 600px; display: -webkit-flex; display: flex; flex-direction: row; justify-content: start; align-items: center; } .el-table__body tr.current-row > td { background-color: #8282ec !important; /* color: #f19944; */ /* 设置文字颜色 */ } .readpoint-list { display: inline-flex; width: 1090px; overflow-y: visible; overflow-x: auto; padding: 8px; } .readpoint-item { display: flex; flex-shrink: 0; border-radius: 5px; width: 100px; height: 40px; line-height: 0px; position: relative; margin-right: 20px; margin-bottom: 10px; background-color: #f8f8f9; border: 2px solid #161616; background-size: cover; background-position: center; background-repeat: no-repeat; opacity: 0.8; transition: hover 0.3s linear, opacity 0.3s; cursor: pointer; } .readpoint-item:hover { border-color: rgba(60, 105, 138, 0.5); opacity: 0.7; } .readpoint-item.son { border-color: #b0c20f; background-color: #b0c20f; opacity: 1; } .readpoint-item.curr { border-color: rgba(34, 153, 238, 0.5); background-color: #0fc20f; opacity: 1; } .readpoint-item.curr .poptip-remove { opacity: 1; } .readpoint-item .flex-img { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; display: flex; width: 100%; height: 100%; align-items: center; justify-content: center; } .readpoint-item .flex-img > div { width: 100%; height: 100%; background-repeat: no-repeat; background-position: center; background-size: cover; } .readpoint-item .flex-img > div + div { margin-left: 2px; } .downloadPanelFlex { display: -webkit-flex; display: flex; flex-direction: column; justify-content: space-around; align-items: center; } .addPictureBookBtn { width: 120px; height: 40px; border-radius: 4px; background: #2472e3; color: #fff; text-align: center; cursor: pointer; } .el-checkbox + .el-checkbox { margin-left: 0px; } .el-checkbox { margin-right: 25px; } .course-module { width: 1014px; overflow-x: auto; background-color: #f3f3f3; border: 1px solid #eee; } .editor-mode { padding: 15px 0; overflow-x: auto; overflow-y: visible; } .editor-tool { background-color: #f8f8f9; display: flex; border: 1px solid #eee; padding: 5px; max-width: 1100px; } .editor-tool .tool-start { display: flex; flex-shrink: 0; flex-direction: column; padding: 5px 10px 5px 0; margin-right: 10px; border-right: 1px solid #eee; } .editor-tool .tool-start .ivu-btn { margin-bottom: 3px; margin-top: 3px; } .editor-tool .tool-action { padding: 5px 10px 5px 0; margin-right: 10px; border-right: 1px solid #eee; width: 380px; } .editor-tool .tool-action .ivu-btn { margin-bottom: 3px; margin-top: 3px; } .editor-tool .tool-main { display: flex; flex-shrink: 0; flex-direction: column; padding-right: 10px; margin-right: 10px; border-right: 1px solid #eee; } .editor-tool .tool-main .tool-column { margin: 3px 0; } .editor-tool .tool-opt { padding: 5px 0; } .editor-tool .tool-opt .ivu-btn { margin-bottom: 3px; margin-top: 3px; } .editor-container { margin-top: 10px; position: relative; } .editor-row { min-width: 900px; display: -webkit-flex; display: flex; flex-direction: row; } .editor-preview { width: 750px; float: top; margin-right: 12px; border: 1px solid #eee; background-color: #f8f8f9; } .editor-main { overflow-x: auto; width: 100%; position: relative; display: -webkit-flex; display: flex; flex-direction: row; align-items: center; } .editor-opt { height: 468px; width: 832px; position: absolute; left: 0; top: 0; z-index: 9; background: transparent; } .drag-box { position: absolute; z-index: 10; touch-action: none; text-align: center; font-size: 12px; border: 0px solid #3dd; /* .ivu-tooltip, .drap-title-pst { position: absolute; top: -24px; left: 0; } .size-val { position: absolute; top: 40%; left: 0; width: 100%; text-align: center; } .ivu-color-picker { cursor: default; } */ } .drag-box-bg { position: absolute; z-index: 8; touch-action: none; text-align: center; font-size: 12px; border: 0px solid #3dd; } .drag-polygon { position: absolute; z-index: 9; touch-action: none; text-align: center; font-size: 12px; border: 0px solid #3dd; } .drag-remove { position: absolute; left: 60px; top: -18px; } .OIDShowInQuantu { position: absolute; left: 0; right: 0; top: 40%; margin: auto; cursor: pointer; width: fit-content; background-color: #ffffff; } .OIDShowInQuantu2 { position: absolute; left: 5px; top: 3px; margin: auto; cursor: pointer; width: fit-content; background-color: #ffffff; } .NameShowInQuantu { position: absolute; left: 0; right: 0; top: 8px; margin: auto; cursor: pointer; width: fit-content; background-color: #ffffff; } .NameShowInQuantu1 { position: absolute; left: 0; right: 0; padding: 2px 0 0 2px; cursor: pointer; width: fit-content; overflow-y: auto; font-family: Times; } .drag-confirm { position: absolute; left: 30px; top: -18px; } .drag-reedit { position: absolute; left: 0; top: -18px; } .drag-box2 { position: absolute; z-index: 11; touch-action: none; text-align: center; font-size: 12px; /* .size-val { position: absolute; top: 40%; left: 0; width: 100%; text-align: center; } .ivu-color-picker { cursor: default; } */ } .drag-title { display: inline-block; font-size: 12px; border-radius: 4px; padding: 0 10px; height: 24px; line-height: 24px; background-color: #ff9900; color: #fff; } .resize-drag { touch-action: none; } .dragonly { touch-action: none; } .click-area { color: #fff; border-radius: 8px; padding: 10px 5px 5px; background-color: rgba(237, 64, 20, 0.5); } .click-area .horn-icon { position: absolute; top: 50%; left: 50%; margin-left: -44px; margin-top: -45px; background-image: url(data:image/png;base64,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); background-size: contain; width: 88px; height: 91px; z-index: -1; } .drag-figure { width: 100px; background-color: rgba(255, 255, 255, 0.5); } .drag-figure img { width: 100%; } .drag-circle { color: #333; background-color: rgba(255, 255, 255, 0.2); border-radius: 50%; } .drag-circle .select-color { position: absolute; right: 0; top: -24px; } .drag-circle .drag-remove { right: -20px; } .drag-line { min-height: auto; line-height: 0px; color: #333; background-color: rgba(255, 255, 255, 0.3); } .drag-line .select-color { position: absolute; right: 0; top: -24px; } .drag-line .drag-remove { right: -20px; } .drag-button { min-height: 58.5px; line-height: normal; width: 195px; } .drag-button .drag-ui-button { outline: 0; width: 100%; height: 58.5px; color: #fff; background-color: #f90; border: 1px solid #f90; font-size: 16px; border-radius: 4px; font-weight: 400; text-align: center; vertical-align: middle; white-space: nowrap; line-height: 1.5; user-select: none; } .drag-arrow { width: 100px; height: 100px; border: 1px dashed rgba(0, 0, 0, 0.5); display: flex; align-items: center; justify-content: center; } .drag-arrow .arrow-inner { width: 91px; height: 49px; } .drag-arrow .left { transform: rotate(180deg); } .drag-arrow .left-top { transform: rotate(225deg); } .drag-arrow .top { transform: rotate(-90deg); } .drag-arrow .right-top { transform: rotate(-45deg); } .drag-arrow .right-bottom { transform: rotate(45deg); } .drag-arrow .bottom { transform: rotate(90deg); } .drag-arrow .left-bottom { transform: rotate(135deg); } .drag-audio { padding: 10px 5px 5px; min-height: 60px; border-radius: 8px; background-color: rgba(255, 255, 255, 0.7); } .drag-text { min-height: auto; border: 1px dashed rgba(0, 0, 0, 0.5); } .drag-text .ct-input { width: 100%; } .drag-text .ivu-color-picker { position: absolute; top: -24px; right: 85px; } .drag-text .ivu-select { position: absolute; top: -24px; right: 20px; } .drag-text-blanks { min-height: auto; background-color: #ffffff; max-width: 732px; min-width: auto; } .drag-text-blanks .ivu-color-picker { position: absolute; top: -24px; right: 85px; } .drag-text-blanks .ivu-select { position: absolute; top: -24px; right: 20px; } .drag-tts { min-height: auto; } .drag-tts .ct-input { width: 300px; } .drag-image { max-width: 430px; max-height: 430px; border: 1px dashed rgba(0, 0, 0, 0.5); } .drag-image img { width: 100%; } .poptip-figure-content { overflow: hidden; white-space: normal; } .poptip-figure-content .poptip-figure-item { display: inline-block; margin: 5px; min-width: 60px; } .poptip-content { text-align: center; overflow: hidden; } .poptip-item { display: inline-block; margin: 0 5px; } .poptip-item .left { transform: rotate(180deg); } .poptip-item .left-top { transform: rotate(225deg); } .poptip-item .top { transform: rotate(-90deg); } .poptip-item .right-top { transform: rotate(-45deg); } .poptip-item .right-bottom { transform: rotate(45deg); } .poptip-item .bottom { transform: rotate(90deg); } .poptip-item .left-bottom { transform: rotate(135deg); } .poptip-item img { width: 30px; } .init-svg { width: 100%; height: 100%; } .line-svg { stroke-dasharray: 1000; stroke-dashoffset: 10; animation: drawLine 3s linear forwards; } .show-property { position: absolute; bottom: 0; right: 0; } @keyframes drawLine { 0% { stroke-dashoffset: 1000; } 100% { stroke-dashoffset: 0; } } .circle-svg { stroke-dasharray: 20 5; animation: none; } @keyframes drawCircle { 0% { stroke-dashoffset: 0; } 100% { stroke-dasharray: 1500 1500; } } .rotate-x { transform-origin: center center; } .drag-bubble .ivu-color-picker { position: absolute; top: -24px; right: 20px; } .bubble-button { display: block; width: 130px; height: 98px; border-radius: 49px; position: relative; border: #FFF044 solid 1px; background-color: #FFF044; } .bubble-button:focus { border: none; outline: none; } .bg-grid { background-color: transparent; background-position: 0% 0%; background-size: 16px 16px; background-image: linear-gradient(90deg, rgba(0, 0, 0, 0.1) 1px, transparent 1px), linear-gradient(rgba(0, 0, 0, 0.1) 1px, transparent 1px); } audio { outline: none; } .action-box { max-width: 1012px; } .action-item { margin-bottom: 20px; } .action-item .audio-test { display: inline-block; vertical-align: middle; margin-right: 20px; } .action-item .ivu-upload { display: inline-block; vertical-align: middle; } .action-answer-item { margin: 0 0 15px; } .action-btn { text-align: right; } .action-btn.action-btn-left { text-align: left; } .cardBg { background-color: #e8eaec; } .lock-box { text-align: center; color: #999; padding: 15% 0 10%; } .lock-box > div { padding: 40px; } .poptip-remove { position: absolute; right: -4px; top: -4px; line-height: 0; opacity: 0; } .pageNumShow { position: absolute; left: 45%; bottom: -10px; line-height: 0; } .pageHiddenShow { position: absolute; left: 40px; top: -4px; line-height: 0; cursor: pointer; } .explanationSubtitles { position: absolute; right: -10px; top: -40px; cursor: pointer; } .image-upload-type { padding: 5px 0; } .image-upload-type > div + div { margin-top: 10px; } .module-list { display: inline-flex; padding: 10px 10px 10px 0; background-color: #f3f3f3; white-space: nowrap; } .module-list-item { display: flex; max-width: 100px; user-select: none; background-color: #fff; border: 1px solid #eee; text-align: center; position: relative; transition: hover 0.3s linear, box-shadow 0.3s ease-in-out, opacity 0.3s; margin-left: 10px; } .module-list-item > div { width: 100px; height: 100%; padding: 10px 0; } .module-list-item.curr { box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1); border-color: rgba(34, 153, 238, 0.5); } .module-list-item.set-box { min-height: 100px; border-style: dashed; cursor: pointer; } .module-list-item.set-box .ivu-icon { margin: 15px 0 5px; } .module-list-item .remove-course { position: absolute; left: -7px; top: -7px; opacity: 0; transition: opacity 0.3s; } .module-list-item .edit-course { position: absolute; right: -7px; top: -7px; opacity: 0; transition: opacity 0.3s; } .module-list-item .ivu-dropdown { position: absolute; right: 3px; top: 3px; } .module-list-item .ivu-dropdown a { color: #666; } .module-list-item img { width: 50px; height: 50px; background-color: #eee; } .module-list-item p { height: 22px; line-height: 22px; margin: 0 5px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .module-list-item:hover { box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1); } .module-list-item:hover .remove-course { opacity: 1; } .module-list-item:hover .edit-course { opacity: 1; } .preview-list { display: inline-flex; width: 750px; overflow-y: visible; overflow-x: auto; padding: 9px 8px; } .preview-item { display: flex; flex-shrink: 0; width: 100px; height: 100px; line-height: 0px; position: relative; margin-bottom: 10px; background-color: #f8f8f9; border: 2px solid #ffffff; background-size: cover; background-position: center; background-repeat: no-repeat; opacity: 0.5; transition: hover 0.3s linear, opacity 0.3s; } .preview-item:hover { border-color: rgba(60, 105, 138, 0.5); opacity: 0.7; } .preview-item.curr { border-color: rgba(34, 153, 238, 0.5); opacity: 1; } .preview-item.curr .poptip-remove { opacity: 1; } .preview-item.file-upload { background-color: #ccc; text-align: center; opacity: 1; } .preview-item.file-upload .upload-add-button { cursor: pointer; } .preview-item .flex-img { display: flex; width: 100%; height: 100%; align-items: center; justify-content: center; } .preview-item .flex-img > div { width: 100%; height: 100%; background-repeat: no-repeat; background-position: center; background-size: cover; } .preview-item .flex-img > div + div { margin-left: 2px; } .preview-item .preview-img { width: 100%; height: 100%; background-repeat: no-repeat; background-position: center; background-size: cover; } .other-area { position: relative; width: 832px; height: 468px; border: 1px dashed #dcdee2; background-color: #f8f8f9; } .image-box { position: relative; background-color: #f8f8f9; user-select: none; } .upload-image { position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 1; } .upload-image .ivu-upload { background-color: #f8f8f9; padding: 20px; } .upload-image .ivu-upload-drag { border: none; padding: 150px 0 20px; } .upload-image .ivu-row, .upload-image .ivu-col { height: 100%; } .image-preview { overflow: hidden; height: 100%; width: 100%; background-size: cover; display: flex; align-items: center; justify-content: center; } .image-preview .image-item { width: 100%; height: 100%; background-repeat: no-repeat; background-position: center; background-size: cover; } .image-preview .image-item + .image-item { margin-left: 5px; } .image-audio { padding-bottom: 20px; position: absolute; bottom: 0; left: 50%; margin-left: -250px; width: 500px; z-index: 10; text-align: center; } .image-audio .ct-input { width: 300px; } .image-audio .media-upload { display: inline-block; } .up-preview { width: 100%; height: 100%; background-repeat: no-repeat; background-position: top left; background-size: contain; } /* .roobo-editor { .other-area, //.player-box, .image-box, .editor-opt { height: 520px; } } */ .dropdown-list li a { color: #666; display: inline-block; padding: 5px 15px; } .dropdown-list li a:hover { background: #f3f3f3; color: #2d8cf0; } .blanks-main { text-align: left; font-family: Arial; padding: 5px; } .blanks-main p { font-size: 24px; line-height: 1; } .blanks-main span { display: inline-block; font-size: 24px; line-height: 1; overflow: hidden; vertical-align: middle; margin: 5px 0; } .blanks-main span.text-line { border-bottom: 1px solid #666; } .svg-button { cursor: pointer; width: 40px; height: 40px; fill-opacity: 0; stroke: #111111; stroke-width: 1; stroke-dasharray: 20 5; padding: 0px 4px; margin: 0px 10px 5px 10px; } .svg-button2 { cursor: pointer; width: 40px; height: 40px; fill-opacity: 0; stroke: #111111; stroke-width: 1; padding: 0px 4px; margin: 5px 10px 0px 10px; } .snBtn { height: 30px; margin: 20px 5px; } .snBtn2 { height: 30px; line-height: 30px; margin: 20px 5px; } .quanTuText { height: 50px; line-height: 50px; margin: 5px 30px 5px 10px; } .checkView { height: 50px; line-height: 50px; margin: 5px 30px 5px 10px; display: -webkit-flex; display: flex; flex-direction: row; justify-content: flex-start; } .checkViewItem { padding: 0px 10px 0px 0px; } .svgButtonOuter { width: 50px; height: 50px; display: table; } .svgButtoninner { display: table-cell; vertical-align: middle; text-align: center; } .tipsForeditor { font-family: Arial; padding: 5px; font-size: 12px; line-height: 1; } .editor-content { background-color: #f0f0f0; display: flex; border: 1px solid #eee; padding: 5px; max-width: 900px; } .tool-response { border: 1px solid #ddd; padding: 10px; margin: 0px 0px 10px 0px; } .oidFlex { display: -webkit-flex; display: flex; flex-direction: row; justify-content: flex-start; align-items: center; } .addInteractText { height: 30px; line-height: 30px; margin: 0px 30px 0px 10px; } .readPointInteractText { height: 30px; line-height: 30px; font-size: 16px; margin: 0px 10px 0px 10px; } .hide-area { border: 1px solid #ddd; padding: 0px 0px 0px 10px; } .talkTrainHeaderText { font-size: 14px; margin: 0px 0px 0px 0px; padding: 0px; } .showTimeoutTableCell { padding: 0px 20px 0px 0px; display: table-cell; vertical-align: middle; text-align: center; } .talkTrainHeader2Text { font-size: 10px; margin: 0px 0px 0px 0px; color: #aaaaaa; padding: 0px; } .svg-touch { cursor: pointer; } .talk-area { border: 1px solid #ddd; padding: 10px 10px 10px 10px; } .checkBtn { max-width: 900px; padding: 10px 10px 10px 10px; background-color: #f8f8f9; border: 1px solid #eee; } .classShow { width: 600px; display: -webkit-flex; display: flex; flex-direction: row; justify-content: space-between; align-items: center; } .recordStyle { height: 35px; width: 426px; display: -webkit-flex; display: flex; flex-direction: row; justify-content: flex-start; align-items: center; } .questionAudio2 { width: 500px; border: 1px solid #ddd; padding: 10px; } .questionAudio { width: 390px; border: 1px solid #ddd; padding: 10px; } .interact-game-pointRange { width: 700px; display: flex; display: -webkit-flex; flex-direction: column; justify-content: flex-start; align-items: flex-start; } .interact-gameSigmode-correct-btn { display: -webkit-flex; display: flex; flex-direction: row; justify-content: flex-start; align-items: center; } .interact-follow-response { display: -webkit-flex; display: flex; flex-direction: row; justify-content: flex-start; align-items: center; border: 1px solid #ddd; margin: 5px; } .oidstyle { height: 35px; width: 600px; display: -webkit-flex; display: flex; flex-direction: row; justify-content: start; align-items: center; } .el-table__body tr.current-row > td { background-color: #8282ec !important; /* color: #f19944; */ /* 设置文字颜色 */ } .readpoint-list { display: inline-flex; width: 1090px; overflow-y: visible; overflow-x: auto; padding: 8px; } .readpoint-item { display: flex; flex-shrink: 0; border-radius: 5px; width: 100px; height: 40px; line-height: 0px; position: relative; margin-right: 20px; margin-bottom: 10px; background-color: #f8f8f9; border: 2px solid #161616; background-size: cover; background-position: center; background-repeat: no-repeat; opacity: 0.8; transition: hover 0.3s linear, opacity 0.3s; cursor: pointer; } .readpoint-item:hover { border-color: rgba(60, 105, 138, 0.5); opacity: 0.7; } .readpoint-item.son { border-color: #b0c20f; background-color: #b0c20f; opacity: 1; } .readpoint-item.curr { border-color: rgba(34, 153, 238, 0.5); background-color: #0fc20f; opacity: 1; } .readpoint-item.curr .poptip-remove { opacity: 1; } .readpoint-item .flex-img { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; display: flex; width: 100%; height: 100%; align-items: center; justify-content: center; } .readpoint-item .flex-img > div { width: 100%; height: 100%; background-repeat: no-repeat; background-position: center; background-size: cover; } .readpoint-item .flex-img > div + div { margin-left: 2px; } .downloadPanelFlex { display: -webkit-flex; display: flex; flex-direction: column; justify-content: space-around; align-items: center; } .addPictureBookBtn { width: 120px; height: 40px; border-radius: 4px; background: #2472e3; color: #fff; text-align: center; cursor: pointer; } .el-checkbox + .el-checkbox { margin-left: 0px; } .el-checkbox { margin-right: 25px; } .course-module { width: 1014px; overflow-x: auto; background-color: #f3f3f3; border: 1px solid #eee; } .editor-mode { padding: 15px 0; overflow-x: auto; overflow-y: visible; } .editor-tool { background-color: #f8f8f9; display: flex; border: 1px solid #eee; padding: 5px; max-width: 1100px; } .editor-tool .tool-start { display: flex; flex-shrink: 0; flex-direction: column; padding: 5px 10px 5px 0; margin-right: 10px; border-right: 1px solid #eee; } .editor-tool .tool-start .ivu-btn { margin-bottom: 3px; margin-top: 3px; } .editor-tool .tool-action { padding: 5px 10px 5px 0; margin-right: 10px; border-right: 1px solid #eee; width: 380px; } .editor-tool .tool-action .ivu-btn { margin-bottom: 3px; margin-top: 3px; } .editor-tool .tool-main { display: flex; flex-shrink: 0; flex-direction: column; padding-right: 10px; margin-right: 10px; border-right: 1px solid #eee; } .editor-tool .tool-main .tool-column { margin: 3px 0; } .editor-tool .tool-opt { padding: 5px 0; } .editor-tool .tool-opt .ivu-btn { margin-bottom: 3px; margin-top: 3px; } .editor-container { margin-top: 10px; position: relative; } .editor-row { min-width: 900px; display: -webkit-flex; display: flex; flex-direction: row; } .editor-preview { width: 750px; float: top; margin-right: 12px; border: 1px solid #eee; background-color: #f8f8f9; } .editor-main { overflow-x: auto; width: 100%; position: relative; display: -webkit-flex; display: flex; flex-direction: row; align-items: center; } .editor-opt { height: 468px; width: 832px; position: absolute; left: 0; top: 0; z-index: 9; background: transparent; } .drag-box { position: absolute; z-index: 10; touch-action: none; text-align: center; font-size: 12px; border: 0px solid #3dd; /* .ivu-tooltip, .drap-title-pst { position: absolute; top: -24px; left: 0; } .size-val { position: absolute; top: 40%; left: 0; width: 100%; text-align: center; } .ivu-color-picker { cursor: default; } */ } .drag-box-bg { position: absolute; z-index: 8; touch-action: none; text-align: center; font-size: 12px; border: 0px solid #3dd; } .drag-polygon { position: absolute; z-index: 9; touch-action: none; text-align: center; font-size: 12px; border: 0px solid #3dd; } .drag-remove { position: absolute; left: 60px; top: -18px; } .OIDShowInQuantu { position: absolute; left: 0; right: 0; top: 40%; margin: auto; cursor: pointer; width: fit-content; background-color: #ffffff; } .OIDShowInQuantu2 { position: absolute; left: 5px; top: 3px; margin: auto; cursor: pointer; width: fit-content; background-color: #ffffff; } .NameShowInQuantu { position: absolute; left: 0; right: 0; top: 8px; margin: auto; cursor: pointer; width: fit-content; background-color: #ffffff; } .NameShowInQuantu1 { position: absolute; left: 0; right: 0; padding: 2px 0 0 2px; cursor: pointer; width: fit-content; overflow-y: auto; font-family: Times; } .drag-confirm { position: absolute; left: 30px; top: -18px; } .drag-reedit { position: absolute; left: 0; top: -18px; } .drag-box2 { position: absolute; z-index: 11; touch-action: none; text-align: center; font-size: 12px; /* .size-val { position: absolute; top: 40%; left: 0; width: 100%; text-align: center; } .ivu-color-picker { cursor: default; } */ } .drag-title { display: inline-block; font-size: 12px; border-radius: 4px; padding: 0 10px; height: 24px; line-height: 24px; background-color: #ff9900; color: #fff; } .resize-drag { touch-action: none; } .dragonly { touch-action: none; } .click-area { color: #fff; border-radius: 8px; padding: 10px 5px 5px; background-color: rgba(237, 64, 20, 0.5); } .click-area .horn-icon { position: absolute; top: 50%; left: 50%; margin-left: -44px; margin-top: -45px; background-image: url(data:image/png;base64,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); background-size: contain; width: 88px; height: 91px; z-index: -1; } .drag-figure { width: 100px; background-color: rgba(255, 255, 255, 0.5); } .drag-figure img { width: 100%; } .drag-circle { color: #333; background-color: rgba(255, 255, 255, 0.2); border-radius: 50%; } .drag-circle .select-color { position: absolute; right: 0; top: -24px; } .drag-circle .drag-remove { right: -20px; } .drag-line { min-height: auto; line-height: 0px; color: #333; background-color: rgba(255, 255, 255, 0.3); } .drag-line .select-color { position: absolute; right: 0; top: -24px; } .drag-line .drag-remove { right: -20px; } .drag-button { min-height: 58.5px; line-height: normal; width: 195px; } .drag-button .drag-ui-button { outline: 0; width: 100%; height: 58.5px; color: #fff; background-color: #f90; border: 1px solid #f90; font-size: 16px; border-radius: 4px; font-weight: 400; text-align: center; vertical-align: middle; white-space: nowrap; line-height: 1.5; user-select: none; } .drag-arrow { width: 100px; height: 100px; border: 1px dashed rgba(0, 0, 0, 0.5); display: flex; align-items: center; justify-content: center; } .drag-arrow .arrow-inner { width: 91px; height: 49px; } .drag-arrow .left { transform: rotate(180deg); } .drag-arrow .left-top { transform: rotate(225deg); } .drag-arrow .top { transform: rotate(-90deg); } .drag-arrow .right-top { transform: rotate(-45deg); } .drag-arrow .right-bottom { transform: rotate(45deg); } .drag-arrow .bottom { transform: rotate(90deg); } .drag-arrow .left-bottom { transform: rotate(135deg); } .drag-audio { padding: 10px 5px 5px; min-height: 60px; border-radius: 8px; background-color: rgba(255, 255, 255, 0.7); } .drag-text { min-height: auto; border: 1px dashed rgba(0, 0, 0, 0.5); } .drag-text .ct-input { width: 100%; } .drag-text .ivu-color-picker { position: absolute; top: -24px; right: 85px; } .drag-text .ivu-select { position: absolute; top: -24px; right: 20px; } .drag-text-blanks { min-height: auto; background-color: #ffffff; max-width: 732px; min-width: auto; } .drag-text-blanks .ivu-color-picker { position: absolute; top: -24px; right: 85px; } .drag-text-blanks .ivu-select { position: absolute; top: -24px; right: 20px; } .drag-tts { min-height: auto; } .drag-tts .ct-input { width: 300px; } .drag-image { max-width: 430px; max-height: 430px; border: 1px dashed rgba(0, 0, 0, 0.5); } .drag-image img { width: 100%; } .poptip-figure-content { overflow: hidden; white-space: normal; } .poptip-figure-content .poptip-figure-item { display: inline-block; margin: 5px; min-width: 60px; } .poptip-content { text-align: center; overflow: hidden; } .poptip-item { display: inline-block; margin: 0 5px; } .poptip-item .left { transform: rotate(180deg); } .poptip-item .left-top { transform: rotate(225deg); } .poptip-item .top { transform: rotate(-90deg); } .poptip-item .right-top { transform: rotate(-45deg); } .poptip-item .right-bottom { transform: rotate(45deg); } .poptip-item .bottom { transform: rotate(90deg); } .poptip-item .left-bottom { transform: rotate(135deg); } .poptip-item img { width: 30px; } .init-svg { width: 100%; height: 100%; } .line-svg { stroke-dasharray: 1000; stroke-dashoffset: 10; animation: drawLine 3s linear forwards; } .show-property { position: absolute; bottom: 0; right: 0; } @keyframes drawLine { 0% { stroke-dashoffset: 1000; } 100% { stroke-dashoffset: 0; } } .circle-svg { stroke-dasharray: 20 5; animation: none; } @keyframes drawCircle { 0% { stroke-dashoffset: 0; } 100% { stroke-dasharray: 1500 1500; } } .rotate-x { transform-origin: center center; } .drag-bubble .ivu-color-picker { position: absolute; top: -24px; right: 20px; } .bubble-button { display: block; width: 130px; height: 98px; border-radius: 49px; position: relative; border: #FFF044 solid 1px; background-color: #FFF044; } .bubble-button:focus { border: none; outline: none; } .bg-grid { background-color: transparent; background-position: 0% 0%; background-size: 16px 16px; background-image: linear-gradient(90deg, rgba(0, 0, 0, 0.1) 1px, transparent 1px), linear-gradient(rgba(0, 0, 0, 0.1) 1px, transparent 1px); } .recordStyle2 { display: -webkit-flex; display: flex; flex-direction: column; justify-content: space-between; align-items: center; } audio { outline: none; } .action-box { max-width: 1012px; } .action-item { margin-bottom: 20px; } .action-item .audio-test { display: inline-block; vertical-align: middle; margin-right: 20px; } .action-item .ivu-upload { display: inline-block; vertical-align: middle; } .action-answer-item { margin: 0 0 15px; } .action-btn { text-align: right; } .action-btn.action-btn-left { text-align: left; } .cardBg { background-color: #e8eaec; } .lock-box { text-align: center; color: #999; padding: 15% 0 10%; } .lock-box > div { padding: 40px; } .poptip-remove { position: absolute; right: -4px; top: -4px; line-height: 0; opacity: 0; } .pageNumShow { position: absolute; left: 45%; bottom: -10px; line-height: 0; } .pageHiddenShow { position: absolute; left: 40px; top: -4px; line-height: 0; cursor: pointer; } .explanationSubtitles { position: absolute; right: -10px; top: -40px; cursor: pointer; } .image-upload-type { padding: 5px 0; } .image-upload-type > div + div { margin-top: 10px; } .module-list { display: inline-flex; padding: 10px 10px 10px 0; background-color: #f3f3f3; white-space: nowrap; } .module-list-item { display: flex; max-width: 100px; user-select: none; background-color: #fff; border: 1px solid #eee; text-align: center; position: relative; transition: hover 0.3s linear, box-shadow 0.3s ease-in-out, opacity 0.3s; margin-left: 10px; } .module-list-item > div { width: 100px; height: 100%; padding: 10px 0; } .module-list-item.curr { box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1); border-color: rgba(34, 153, 238, 0.5); } .module-list-item.set-box { min-height: 100px; border-style: dashed; cursor: pointer; } .module-list-item.set-box .ivu-icon { margin: 15px 0 5px; } .module-list-item .remove-course { position: absolute; left: -7px; top: -7px; opacity: 0; transition: opacity 0.3s; } .module-list-item .edit-course { position: absolute; right: -7px; top: -7px; opacity: 0; transition: opacity 0.3s; } .module-list-item .ivu-dropdown { position: absolute; right: 3px; top: 3px; } .module-list-item .ivu-dropdown a { color: #666; } .module-list-item img { width: 50px; height: 50px; background-color: #eee; } .module-list-item p { height: 22px; line-height: 22px; margin: 0 5px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .module-list-item:hover { box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1); } .module-list-item:hover .remove-course { opacity: 1; } .module-list-item:hover .edit-course { opacity: 1; } .preview-list { display: inline-flex; width: 750px; overflow-y: visible; overflow-x: auto; padding: 9px 8px; } .preview-item { display: flex; flex-shrink: 0; width: 100px; height: 100px; line-height: 0px; position: relative; margin-bottom: 10px; background-color: #f8f8f9; border: 2px solid #ffffff; background-size: cover; background-position: center; background-repeat: no-repeat; opacity: 0.5; transition: hover 0.3s linear, opacity 0.3s; } .preview-item:hover { border-color: rgba(60, 105, 138, 0.5); opacity: 0.7; } .preview-item.curr { border-color: rgba(34, 153, 238, 0.5); opacity: 1; } .preview-item.curr .poptip-remove { opacity: 1; } .preview-item.file-upload { background-color: #ccc; text-align: center; opacity: 1; } .preview-item.file-upload .upload-add-button { cursor: pointer; } .preview-item .flex-img { display: flex; width: 100%; height: 100%; align-items: center; justify-content: center; } .preview-item .flex-img > div { width: 100%; height: 100%; background-repeat: no-repeat; background-position: center; background-size: cover; } .preview-item .flex-img > div + div { margin-left: 2px; } .preview-item .preview-img { width: 100%; height: 100%; background-repeat: no-repeat; background-position: center; background-size: cover; } .other-area { position: relative; width: 832px; height: 468px; border: 1px dashed #dcdee2; background-color: #f8f8f9; } .image-box { position: relative; background-color: #f8f8f9; user-select: none; } .upload-image { position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 1; } .upload-image .ivu-upload { background-color: #f8f8f9; padding: 20px; } .upload-image .ivu-upload-drag { border: none; padding: 150px 0 20px; } .upload-image .ivu-row, .upload-image .ivu-col { height: 100%; } .image-preview { overflow: hidden; height: 100%; width: 100%; background-size: cover; display: flex; align-items: center; justify-content: center; } .image-preview .image-item { width: 100%; height: 100%; background-repeat: no-repeat; background-position: center; background-size: cover; } .image-preview .image-item + .image-item { margin-left: 5px; } .image-audio { padding-bottom: 20px; position: absolute; bottom: 0; left: 50%; margin-left: -250px; width: 500px; z-index: 10; text-align: center; } .image-audio .ct-input { width: 300px; } .image-audio .media-upload { display: inline-block; } .up-preview { width: 100%; height: 100%; background-repeat: no-repeat; background-position: top left; background-size: contain; } /* .roobo-editor { .other-area, //.player-box, .image-box, .editor-opt { height: 520px; } } */ .dropdown-list li a { color: #666; display: inline-block; padding: 5px 15px; } .dropdown-list li a:hover { background: #f3f3f3; color: #2d8cf0; } .blanks-main { text-align: left; font-family: Arial; padding: 5px; } .blanks-main p { font-size: 24px; line-height: 1; } .blanks-main span { display: inline-block; font-size: 24px; line-height: 1; overflow: hidden; vertical-align: middle; margin: 5px 0; } .blanks-main span.text-line { border-bottom: 1px solid #666; } .svg-button { cursor: pointer; width: 40px; height: 40px; fill-opacity: 0; stroke: #111111; stroke-width: 1; stroke-dasharray: 20 5; padding: 0px 4px; margin: 0px 10px 5px 10px; } .svg-button2 { cursor: pointer; width: 40px; height: 40px; fill-opacity: 0; stroke: #111111; stroke-width: 1; padding: 0px 4px; margin: 5px 10px 0px 10px; } .snBtn { height: 30px; margin: 20px 5px; } .snBtn2 { height: 30px; line-height: 30px; margin: 20px 5px; } .quanTuText { height: 50px; line-height: 50px; margin: 5px 30px 5px 10px; } .checkView { height: 50px; line-height: 50px; margin: 5px 30px 5px 10px; display: -webkit-flex; display: flex; flex-direction: row; justify-content: flex-start; } .checkViewItem { padding: 0px 10px 0px 0px; } .svgButtonOuter { width: 50px; height: 50px; display: table; } .svgButtoninner { display: table-cell; vertical-align: middle; text-align: center; } .tipsForeditor { font-family: Arial; padding: 5px; font-size: 12px; line-height: 1; } .editor-content { background-color: #f0f0f0; display: flex; border: 1px solid #eee; padding: 5px; max-width: 900px; } .tool-response { border: 1px solid #ddd; padding: 10px; margin: 0px 0px 10px 0px; } .oidFlex { display: -webkit-flex; display: flex; flex-direction: row; justify-content: flex-start; align-items: center; } .addInteractText { height: 30px; line-height: 30px; margin: 0px 30px 0px 10px; } .readPointInteractText { height: 30px; line-height: 30px; font-size: 16px; margin: 0px 10px 0px 10px; } .hide-area { border: 1px solid #ddd; padding: 0px 0px 0px 10px; } .talkTrainHeaderText { font-size: 14px; margin: 0px 0px 0px 0px; padding: 0px; } .showTimeoutTableCell { padding: 0px 20px 0px 0px; display: table-cell; vertical-align: middle; text-align: center; } .talkTrainHeader2Text { font-size: 10px; margin: 0px 0px 0px 0px; color: #aaaaaa; padding: 0px; } .svg-touch { cursor: pointer; } .talk-area { border: 1px solid #ddd; padding: 10px 10px 10px 10px; } .checkBtn { max-width: 900px; padding: 10px 10px 10px 10px; background-color: #f8f8f9; border: 1px solid #eee; } .classShow { width: 600px; display: -webkit-flex; display: flex; flex-direction: row; justify-content: space-between; align-items: center; } .recordStyle { height: 35px; width: 426px; display: -webkit-flex; display: flex; flex-direction: row; justify-content: flex-start; align-items: center; } .questionAudio2 { width: 500px; border: 1px solid #ddd; padding: 10px; } .questionAudio { width: 390px; border: 1px solid #ddd; padding: 10px; } .interact-game-pointRange { width: 700px; display: flex; display: -webkit-flex; flex-direction: column; justify-content: flex-start; align-items: flex-start; } .interact-gameSigmode-correct-btn { display: -webkit-flex; display: flex; flex-direction: row; justify-content: flex-start; align-items: center; } .interact-follow-response { display: -webkit-flex; display: flex; flex-direction: row; justify-content: flex-start; align-items: center; border: 1px solid #ddd; margin: 5px; } .oidstyle { height: 35px; width: 600px; display: -webkit-flex; display: flex; flex-direction: row; justify-content: start; align-items: center; } .el-table__body tr.current-row > td { background-color: #8282ec !important; /* color: #f19944; */ /* 设置文字颜色 */ } .readpoint-list { display: inline-flex; width: 1090px; overflow-y: visible; overflow-x: auto; padding: 8px; } .readpoint-item { display: flex; flex-shrink: 0; border-radius: 5px; width: 100px; height: 40px; line-height: 0px; position: relative; margin-right: 20px; margin-bottom: 10px; background-color: #f8f8f9; border: 2px solid #161616; background-size: cover; background-position: center; background-repeat: no-repeat; opacity: 0.8; transition: hover 0.3s linear, opacity 0.3s; cursor: pointer; } .readpoint-item:hover { border-color: rgba(60, 105, 138, 0.5); opacity: 0.7; } .readpoint-item.son { border-color: #b0c20f; background-color: #b0c20f; opacity: 1; } .readpoint-item.curr { border-color: rgba(34, 153, 238, 0.5); background-color: #0fc20f; opacity: 1; } .readpoint-item.curr .poptip-remove { opacity: 1; } .readpoint-item .flex-img { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; display: flex; width: 100%; height: 100%; align-items: center; justify-content: center; } .readpoint-item .flex-img > div { width: 100%; height: 100%; background-repeat: no-repeat; background-position: center; background-size: cover; } .readpoint-item .flex-img > div + div { margin-left: 2px; } .downloadPanelFlex { display: -webkit-flex; display: flex; flex-direction: column; justify-content: space-around; align-items: center; } .addPictureBookBtn { width: 120px; height: 40px; border-radius: 4px; background: #2472e3; color: #fff; text-align: center; cursor: pointer; } .el-checkbox + .el-checkbox { margin-left: 0px; } .el-checkbox { margin-right: 25px; } .course-module { width: 1014px; overflow-x: auto; background-color: #f3f3f3; border: 1px solid #eee; } .editor-mode { padding: 15px 0; overflow-x: auto; overflow-y: visible; } .editor-tool { background-color: #f8f8f9; display: flex; border: 1px solid #eee; padding: 5px; max-width: 1100px; } .editor-tool .tool-start { display: flex; flex-shrink: 0; flex-direction: column; padding: 5px 10px 5px 0; margin-right: 10px; border-right: 1px solid #eee; } .editor-tool .tool-start .ivu-btn { margin-bottom: 3px; margin-top: 3px; } .editor-tool .tool-action { padding: 5px 10px 5px 0; margin-right: 10px; border-right: 1px solid #eee; width: 380px; } .editor-tool .tool-action .ivu-btn { margin-bottom: 3px; margin-top: 3px; } .editor-tool .tool-main { display: flex; flex-shrink: 0; flex-direction: column; padding-right: 10px; margin-right: 10px; border-right: 1px solid #eee; } .editor-tool .tool-main .tool-column { margin: 3px 0; } .editor-tool .tool-opt { padding: 5px 0; } .editor-tool .tool-opt .ivu-btn { margin-bottom: 3px; margin-top: 3px; } .editor-container { margin-top: 10px; position: relative; } .editor-row { min-width: 900px; display: -webkit-flex; display: flex; flex-direction: row; } .editor-preview { width: 750px; float: top; margin-right: 12px; border: 1px solid #eee; background-color: #f8f8f9; } .editor-main { overflow-x: auto; width: 100%; position: relative; display: -webkit-flex; display: flex; flex-direction: row; align-items: center; } .editor-opt { height: 468px; width: 832px; position: absolute; left: 0; top: 0; z-index: 9; background: transparent; } .drag-box { position: absolute; z-index: 10; touch-action: none; text-align: center; font-size: 12px; border: 0px solid #3dd; /* .ivu-tooltip, .drap-title-pst { position: absolute; top: -24px; left: 0; } .size-val { position: absolute; top: 40%; left: 0; width: 100%; text-align: center; } .ivu-color-picker { cursor: default; } */ } .drag-box-bg { position: absolute; z-index: 8; touch-action: none; text-align: center; font-size: 12px; border: 0px solid #3dd; } .drag-polygon { position: absolute; z-index: 9; touch-action: none; text-align: center; font-size: 12px; border: 0px solid #3dd; } .drag-remove { position: absolute; left: 60px; top: -18px; } .OIDShowInQuantu { position: absolute; left: 0; right: 0; top: 40%; margin: auto; cursor: pointer; width: fit-content; background-color: #ffffff; } .OIDShowInQuantu2 { position: absolute; left: 5px; top: 3px; margin: auto; cursor: pointer; width: fit-content; background-color: #ffffff; } .NameShowInQuantu { position: absolute; left: 0; right: 0; top: 8px; margin: auto; cursor: pointer; width: fit-content; background-color: #ffffff; } .NameShowInQuantu1 { position: absolute; left: 0; right: 0; padding: 2px 0 0 2px; cursor: pointer; width: fit-content; overflow-y: auto; font-family: Times; } .drag-confirm { position: absolute; left: 30px; top: -18px; } .drag-reedit { position: absolute; left: 0; top: -18px; } .drag-box2 { position: absolute; z-index: 11; touch-action: none; text-align: center; font-size: 12px; /* .size-val { position: absolute; top: 40%; left: 0; width: 100%; text-align: center; } .ivu-color-picker { cursor: default; } */ } .drag-title { display: inline-block; font-size: 12px; border-radius: 4px; padding: 0 10px; height: 24px; line-height: 24px; background-color: #ff9900; color: #fff; } .resize-drag { touch-action: none; } .dragonly { touch-action: none; } .click-area { color: #fff; border-radius: 8px; padding: 10px 5px 5px; background-color: rgba(237, 64, 20, 0.5); } .click-area .horn-icon { position: absolute; top: 50%; left: 50%; margin-left: -44px; margin-top: -45px; background-image: url(data:image/png;base64,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); background-size: contain; width: 88px; height: 91px; z-index: -1; } .drag-figure { width: 100px; background-color: rgba(255, 255, 255, 0.5); } .drag-figure img { width: 100%; } .drag-circle { color: #333; background-color: rgba(255, 255, 255, 0.2); border-radius: 50%; } .drag-circle .select-color { position: absolute; right: 0; top: -24px; } .drag-circle .drag-remove { right: -20px; } .drag-line { min-height: auto; line-height: 0px; color: #333; background-color: rgba(255, 255, 255, 0.3); } .drag-line .select-color { position: absolute; right: 0; top: -24px; } .drag-line .drag-remove { right: -20px; } .drag-button { min-height: 58.5px; line-height: normal; width: 195px; } .drag-button .drag-ui-button { outline: 0; width: 100%; height: 58.5px; color: #fff; background-color: #f90; border: 1px solid #f90; font-size: 16px; border-radius: 4px; font-weight: 400; text-align: center; vertical-align: middle; white-space: nowrap; line-height: 1.5; user-select: none; } .drag-arrow { width: 100px; height: 100px; border: 1px dashed rgba(0, 0, 0, 0.5); display: flex; align-items: center; justify-content: center; } .drag-arrow .arrow-inner { width: 91px; height: 49px; } .drag-arrow .left { transform: rotate(180deg); } .drag-arrow .left-top { transform: rotate(225deg); } .drag-arrow .top { transform: rotate(-90deg); } .drag-arrow .right-top { transform: rotate(-45deg); } .drag-arrow .right-bottom { transform: rotate(45deg); } .drag-arrow .bottom { transform: rotate(90deg); } .drag-arrow .left-bottom { transform: rotate(135deg); } .drag-audio { padding: 10px 5px 5px; min-height: 60px; border-radius: 8px; background-color: rgba(255, 255, 255, 0.7); } .drag-text { min-height: auto; border: 1px dashed rgba(0, 0, 0, 0.5); } .drag-text .ct-input { width: 100%; } .drag-text .ivu-color-picker { position: absolute; top: -24px; right: 85px; } .drag-text .ivu-select { position: absolute; top: -24px; right: 20px; } .drag-text-blanks { min-height: auto; background-color: #ffffff; max-width: 732px; min-width: auto; } .drag-text-blanks .ivu-color-picker { position: absolute; top: -24px; right: 85px; } .drag-text-blanks .ivu-select { position: absolute; top: -24px; right: 20px; } .drag-tts { min-height: auto; } .drag-tts .ct-input { width: 300px; } .drag-image { max-width: 430px; max-height: 430px; border: 1px dashed rgba(0, 0, 0, 0.5); } .drag-image img { width: 100%; } .poptip-figure-content { overflow: hidden; white-space: normal; } .poptip-figure-content .poptip-figure-item { display: inline-block; margin: 5px; min-width: 60px; } .poptip-content { text-align: center; overflow: hidden; } .poptip-item { display: inline-block; margin: 0 5px; } .poptip-item .left { transform: rotate(180deg); } .poptip-item .left-top { transform: rotate(225deg); } .poptip-item .top { transform: rotate(-90deg); } .poptip-item .right-top { transform: rotate(-45deg); } .poptip-item .right-bottom { transform: rotate(45deg); } .poptip-item .bottom { transform: rotate(90deg); } .poptip-item .left-bottom { transform: rotate(135deg); } .poptip-item img { width: 30px; } .init-svg { width: 100%; height: 100%; } .line-svg { stroke-dasharray: 1000; stroke-dashoffset: 10; animation: drawLine 3s linear forwards; } .show-property { position: absolute; bottom: 0; right: 0; } @keyframes drawLine { 0% { stroke-dashoffset: 1000; } 100% { stroke-dashoffset: 0; } } .circle-svg { stroke-dasharray: 20 5; animation: none; } @keyframes drawCircle { 0% { stroke-dashoffset: 0; } 100% { stroke-dasharray: 1500 1500; } } .rotate-x { transform-origin: center center; } .drag-bubble .ivu-color-picker { position: absolute; top: -24px; right: 20px; } .bubble-button { display: block; width: 130px; height: 98px; border-radius: 49px; position: relative; border: #FFF044 solid 1px; background-color: #FFF044; } .bubble-button:focus { border: none; outline: none; } .bg-grid { background-color: transparent; background-position: 0% 0%; background-size: 16px 16px; background-image: linear-gradient(90deg, rgba(0, 0, 0, 0.1) 1px, transparent 1px), linear-gradient(rgba(0, 0, 0, 0.1) 1px, transparent 1px); } audio { outline: none; } .action-box { max-width: 1012px; } .action-item { margin-bottom: 20px; } .action-item .audio-test { display: inline-block; vertical-align: middle; margin-right: 20px; } .action-item .ivu-upload { display: inline-block; vertical-align: middle; } .action-answer-item { margin: 0 0 15px; } .action-btn { text-align: right; } .action-btn.action-btn-left { text-align: left; } .cardBg { background-color: #e8eaec; } .lock-box { text-align: center; color: #999; padding: 15% 0 10%; } .lock-box > div { padding: 40px; } .poptip-remove { position: absolute; right: -4px; top: -4px; line-height: 0; opacity: 0; } .pageNumShow { position: absolute; left: 45%; bottom: -10px; line-height: 0; } .pageHiddenShow { position: absolute; left: 40px; top: -4px; line-height: 0; cursor: pointer; } .explanationSubtitles { position: absolute; right: -10px; top: -40px; cursor: pointer; } .image-upload-type { padding: 5px 0; } .image-upload-type > div + div { margin-top: 10px; } .module-list { display: inline-flex; padding: 10px 10px 10px 0; background-color: #f3f3f3; white-space: nowrap; } .module-list-item { display: flex; max-width: 100px; user-select: none; background-color: #fff; border: 1px solid #eee; text-align: center; position: relative; transition: hover 0.3s linear, box-shadow 0.3s ease-in-out, opacity 0.3s; margin-left: 10px; } .module-list-item > div { width: 100px; height: 100%; padding: 10px 0; } .module-list-item.curr { box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1); border-color: rgba(34, 153, 238, 0.5); } .module-list-item.set-box { min-height: 100px; border-style: dashed; cursor: pointer; } .module-list-item.set-box .ivu-icon { margin: 15px 0 5px; } .module-list-item .remove-course { position: absolute; left: -7px; top: -7px; opacity: 0; transition: opacity 0.3s; } .module-list-item .edit-course { position: absolute; right: -7px; top: -7px; opacity: 0; transition: opacity 0.3s; } .module-list-item .ivu-dropdown { position: absolute; right: 3px; top: 3px; } .module-list-item .ivu-dropdown a { color: #666; } .module-list-item img { width: 50px; height: 50px; background-color: #eee; } .module-list-item p { height: 22px; line-height: 22px; margin: 0 5px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .module-list-item:hover { box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1); } .module-list-item:hover .remove-course { opacity: 1; } .module-list-item:hover .edit-course { opacity: 1; } .preview-list { display: inline-flex; width: 750px; overflow-y: visible; overflow-x: auto; padding: 9px 8px; } .preview-item { display: flex; flex-shrink: 0; width: 100px; height: 100px; line-height: 0px; position: relative; margin-bottom: 10px; background-color: #f8f8f9; border: 2px solid #ffffff; background-size: cover; background-position: center; background-repeat: no-repeat; opacity: 0.5; transition: hover 0.3s linear, opacity 0.3s; } .preview-item:hover { border-color: rgba(60, 105, 138, 0.5); opacity: 0.7; } .preview-item.curr { border-color: rgba(34, 153, 238, 0.5); opacity: 1; } .preview-item.curr .poptip-remove { opacity: 1; } .preview-item.file-upload { background-color: #ccc; text-align: center; opacity: 1; } .preview-item.file-upload .upload-add-button { cursor: pointer; } .preview-item .flex-img { display: flex; width: 100%; height: 100%; align-items: center; justify-content: center; } .preview-item .flex-img > div { width: 100%; height: 100%; background-repeat: no-repeat; background-position: center; background-size: cover; } .preview-item .flex-img > div + div { margin-left: 2px; } .preview-item .preview-img { width: 100%; height: 100%; background-repeat: no-repeat; background-position: center; background-size: cover; } .other-area { position: relative; width: 832px; height: 468px; border: 1px dashed #dcdee2; background-color: #f8f8f9; } .image-box { position: relative; background-color: #f8f8f9; user-select: none; } .upload-image { position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 1; } .upload-image .ivu-upload { background-color: #f8f8f9; padding: 20px; } .upload-image .ivu-upload-drag { border: none; padding: 150px 0 20px; } .upload-image .ivu-row, .upload-image .ivu-col { height: 100%; } .image-preview { overflow: hidden; height: 100%; width: 100%; background-size: cover; display: flex; align-items: center; justify-content: center; } .image-preview .image-item { width: 100%; height: 100%; background-repeat: no-repeat; background-position: center; background-size: cover; } .image-preview .image-item + .image-item { margin-left: 5px; } .image-audio { padding-bottom: 20px; position: absolute; bottom: 0; left: 50%; margin-left: -250px; width: 500px; z-index: 10; text-align: center; } .image-audio .ct-input { width: 300px; } .image-audio .media-upload { display: inline-block; } .up-preview { width: 100%; height: 100%; background-repeat: no-repeat; background-position: top left; background-size: contain; } /* .roobo-editor { .other-area, //.player-box, .image-box, .editor-opt { height: 520px; } } */ .dropdown-list li a { color: #666; display: inline-block; padding: 5px 15px; } .dropdown-list li a:hover { background: #f3f3f3; color: #2d8cf0; } .blanks-main { text-align: left; font-family: Arial; padding: 5px; } .blanks-main p { font-size: 24px; line-height: 1; } .blanks-main span { display: inline-block; font-size: 24px; line-height: 1; overflow: hidden; vertical-align: middle; margin: 5px 0; } .blanks-main span.text-line { border-bottom: 1px solid #666; } .svg-button { cursor: pointer; width: 40px; height: 40px; fill-opacity: 0; stroke: #111111; stroke-width: 1; stroke-dasharray: 20 5; padding: 0px 4px; margin: 0px 10px 5px 10px; } .svg-button2 { cursor: pointer; width: 40px; height: 40px; fill-opacity: 0; stroke: #111111; stroke-width: 1; padding: 0px 4px; margin: 5px 10px 0px 10px; } .snBtn { height: 30px; margin: 20px 5px; } .snBtn2 { height: 30px; line-height: 30px; margin: 20px 5px; } .quanTuText { height: 50px; line-height: 50px; margin: 5px 30px 5px 10px; } .checkView { height: 50px; line-height: 50px; margin: 5px 30px 5px 10px; display: -webkit-flex; display: flex; flex-direction: row; justify-content: flex-start; } .checkViewItem { padding: 0px 10px 0px 0px; } .svgButtonOuter { width: 50px; height: 50px; display: table; } .svgButtoninner { display: table-cell; vertical-align: middle; text-align: center; } .tipsForeditor { font-family: Arial; padding: 5px; font-size: 12px; line-height: 1; } .editor-content { background-color: #f0f0f0; display: flex; border: 1px solid #eee; padding: 5px; max-width: 900px; } .tool-response { border: 1px solid #ddd; padding: 10px; margin: 0px 0px 10px 0px; } .oidFlex { display: -webkit-flex; display: flex; flex-direction: row; justify-content: flex-start; align-items: center; } .addInteractText { height: 30px; line-height: 30px; margin: 0px 30px 0px 10px; } .readPointInteractText { height: 30px; line-height: 30px; font-size: 16px; margin: 0px 10px 0px 10px; } .hide-area { border: 1px solid #ddd; padding: 0px 0px 0px 10px; } .talkTrainHeaderText { font-size: 14px; margin: 0px 0px 0px 0px; padding: 0px; } .showTimeoutTableCell { padding: 0px 20px 0px 0px; display: table-cell; vertical-align: middle; text-align: center; } .talkTrainHeader2Text { font-size: 10px; margin: 0px 0px 0px 0px; color: #aaaaaa; padding: 0px; } .svg-touch { cursor: pointer; } .talk-area { border: 1px solid #ddd; padding: 10px 10px 10px 10px; } .checkBtn { max-width: 900px; padding: 10px 10px 10px 10px; background-color: #f8f8f9; border: 1px solid #eee; } .classShow { width: 600px; display: -webkit-flex; display: flex; flex-direction: row; justify-content: space-between; align-items: center; } .recordStyle { height: 35px; width: 426px; display: -webkit-flex; display: flex; flex-direction: row; justify-content: flex-start; align-items: center; } .questionAudio2 { width: 500px; border: 1px solid #ddd; padding: 10px; } .questionAudio { width: 390px; border: 1px solid #ddd; padding: 10px; } .interact-game-pointRange { width: 700px; display: flex; display: -webkit-flex; flex-direction: column; justify-content: flex-start; align-items: flex-start; } .interact-gameSigmode-correct-btn { display: -webkit-flex; display: flex; flex-direction: row; justify-content: flex-start; align-items: center; } .interact-follow-response { display: -webkit-flex; display: flex; flex-direction: row; justify-content: flex-start; align-items: center; border: 1px solid #ddd; margin: 5px; } .oidstyle { height: 35px; width: 600px; display: -webkit-flex; display: flex; flex-direction: row; justify-content: start; align-items: center; } .el-table__body tr.current-row > td { background-color: #8282ec !important; /* color: #f19944; */ /* 设置文字颜色 */ } .readpoint-list { display: inline-flex; width: 1090px; overflow-y: visible; overflow-x: auto; padding: 8px; } .readpoint-item { display: flex; flex-shrink: 0; border-radius: 5px; width: 100px; height: 40px; line-height: 0px; position: relative; margin-right: 20px; margin-bottom: 10px; background-color: #f8f8f9; border: 2px solid #161616; background-size: cover; background-position: center; background-repeat: no-repeat; opacity: 0.8; transition: hover 0.3s linear, opacity 0.3s; cursor: pointer; } .readpoint-item:hover { border-color: rgba(60, 105, 138, 0.5); opacity: 0.7; } .readpoint-item.son { border-color: #b0c20f; background-color: #b0c20f; opacity: 1; } .readpoint-item.curr { border-color: rgba(34, 153, 238, 0.5); background-color: #0fc20f; opacity: 1; } .readpoint-item.curr .poptip-remove { opacity: 1; } .readpoint-item .flex-img { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; display: flex; width: 100%; height: 100%; align-items: center; justify-content: center; } .readpoint-item .flex-img > div { width: 100%; height: 100%; background-repeat: no-repeat; background-position: center; background-size: cover; } .readpoint-item .flex-img > div + div { margin-left: 2px; } .downloadPanelFlex { display: -webkit-flex; display: flex; flex-direction: column; justify-content: space-around; align-items: center; } .addPictureBookBtn { width: 120px; height: 40px; border-radius: 4px; background: #2472e3; color: #fff; text-align: center; cursor: pointer; } .el-checkbox + .el-checkbox { margin-left: 0px; } .el-checkbox { margin-right: 25px; } .course-module { width: 1014px; overflow-x: auto; background-color: #f3f3f3; border: 1px solid #eee; } .editor-mode { padding: 15px 0; overflow-x: auto; overflow-y: visible; } .editor-tool { background-color: #f8f8f9; display: flex; border: 1px solid #eee; padding: 5px; max-width: 1100px; } .editor-tool .tool-start { display: flex; flex-shrink: 0; flex-direction: column; padding: 5px 10px 5px 0; margin-right: 10px; border-right: 1px solid #eee; } .editor-tool .tool-start .ivu-btn { margin-bottom: 3px; margin-top: 3px; } .editor-tool .tool-action { padding: 5px 10px 5px 0; margin-right: 10px; border-right: 1px solid #eee; width: 380px; } .editor-tool .tool-action .ivu-btn { margin-bottom: 3px; margin-top: 3px; } .editor-tool .tool-main { display: flex; flex-shrink: 0; flex-direction: column; padding-right: 10px; margin-right: 10px; border-right: 1px solid #eee; } .editor-tool .tool-main .tool-column { margin: 3px 0; } .editor-tool .tool-opt { padding: 5px 0; } .editor-tool .tool-opt .ivu-btn { margin-bottom: 3px; margin-top: 3px; } .editor-container { margin-top: 10px; position: relative; } .editor-row { min-width: 900px; display: -webkit-flex; display: flex; flex-direction: row; } .editor-preview { width: 750px; float: top; margin-right: 12px; border: 1px solid #eee; background-color: #f8f8f9; } .editor-main { overflow-x: auto; width: 100%; position: relative; display: -webkit-flex; display: flex; flex-direction: row; align-items: center; } .editor-opt { height: 468px; width: 832px; position: absolute; left: 0; top: 0; z-index: 9; background: transparent; } .drag-box { position: absolute; z-index: 10; touch-action: none; text-align: center; font-size: 12px; border: 0px solid #3dd; /* .ivu-tooltip, .drap-title-pst { position: absolute; top: -24px; left: 0; } .size-val { position: absolute; top: 40%; left: 0; width: 100%; text-align: center; } .ivu-color-picker { cursor: default; } */ } .drag-box-bg { position: absolute; z-index: 8; touch-action: none; text-align: center; font-size: 12px; border: 0px solid #3dd; } .drag-polygon { position: absolute; z-index: 9; touch-action: none; text-align: center; font-size: 12px; border: 0px solid #3dd; } .drag-remove { position: absolute; left: 60px; top: -18px; } .OIDShowInQuantu { position: absolute; left: 0; right: 0; top: 40%; margin: auto; cursor: pointer; width: fit-content; background-color: #ffffff; } .OIDShowInQuantu2 { position: absolute; left: 5px; top: 3px; margin: auto; cursor: pointer; width: fit-content; background-color: #ffffff; } .NameShowInQuantu { position: absolute; left: 0; right: 0; top: 8px; margin: auto; cursor: pointer; width: fit-content; background-color: #ffffff; } .NameShowInQuantu1 { position: absolute; left: 0; right: 0; padding: 2px 0 0 2px; cursor: pointer; width: fit-content; overflow-y: auto; font-family: Times; } .drag-confirm { position: absolute; left: 30px; top: -18px; } .drag-reedit { position: absolute; left: 0; top: -18px; } .drag-box2 { position: absolute; z-index: 11; touch-action: none; text-align: center; font-size: 12px; /* .size-val { position: absolute; top: 40%; left: 0; width: 100%; text-align: center; } .ivu-color-picker { cursor: default; } */ } .drag-title { display: inline-block; font-size: 12px; border-radius: 4px; padding: 0 10px; height: 24px; line-height: 24px; background-color: #ff9900; color: #fff; } .resize-drag { touch-action: none; } .dragonly { touch-action: none; } .click-area { color: #fff; border-radius: 8px; padding: 10px 5px 5px; background-color: rgba(237, 64, 20, 0.5); } .click-area .horn-icon { position: absolute; top: 50%; left: 50%; margin-left: -44px; margin-top: -45px; background-image: url(data:image/png;base64,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); background-size: contain; width: 88px; height: 91px; z-index: -1; } .drag-figure { width: 100px; background-color: rgba(255, 255, 255, 0.5); } .drag-figure img { width: 100%; } .drag-circle { color: #333; background-color: rgba(255, 255, 255, 0.2); border-radius: 50%; } .drag-circle .select-color { position: absolute; right: 0; top: -24px; } .drag-circle .drag-remove { right: -20px; } .drag-line { min-height: auto; line-height: 0px; color: #333; background-color: rgba(255, 255, 255, 0.3); } .drag-line .select-color { position: absolute; right: 0; top: -24px; } .drag-line .drag-remove { right: -20px; } .drag-button { min-height: 58.5px; line-height: normal; width: 195px; } .drag-button .drag-ui-button { outline: 0; width: 100%; height: 58.5px; color: #fff; background-color: #f90; border: 1px solid #f90; font-size: 16px; border-radius: 4px; font-weight: 400; text-align: center; vertical-align: middle; white-space: nowrap; line-height: 1.5; user-select: none; } .drag-arrow { width: 100px; height: 100px; border: 1px dashed rgba(0, 0, 0, 0.5); display: flex; align-items: center; justify-content: center; } .drag-arrow .arrow-inner { width: 91px; height: 49px; } .drag-arrow .left { transform: rotate(180deg); } .drag-arrow .left-top { transform: rotate(225deg); } .drag-arrow .top { transform: rotate(-90deg); } .drag-arrow .right-top { transform: rotate(-45deg); } .drag-arrow .right-bottom { transform: rotate(45deg); } .drag-arrow .bottom { transform: rotate(90deg); } .drag-arrow .left-bottom { transform: rotate(135deg); } .drag-audio { padding: 10px 5px 5px; min-height: 60px; border-radius: 8px; background-color: rgba(255, 255, 255, 0.7); } .drag-text { min-height: auto; border: 1px dashed rgba(0, 0, 0, 0.5); } .drag-text .ct-input { width: 100%; } .drag-text .ivu-color-picker { position: absolute; top: -24px; right: 85px; } .drag-text .ivu-select { position: absolute; top: -24px; right: 20px; } .drag-text-blanks { min-height: auto; background-color: #ffffff; max-width: 732px; min-width: auto; } .drag-text-blanks .ivu-color-picker { position: absolute; top: -24px; right: 85px; } .drag-text-blanks .ivu-select { position: absolute; top: -24px; right: 20px; } .drag-tts { min-height: auto; } .drag-tts .ct-input { width: 300px; } .drag-image { max-width: 430px; max-height: 430px; border: 1px dashed rgba(0, 0, 0, 0.5); } .drag-image img { width: 100%; } .poptip-figure-content { overflow: hidden; white-space: normal; } .poptip-figure-content .poptip-figure-item { display: inline-block; margin: 5px; min-width: 60px; } .poptip-content { text-align: center; overflow: hidden; } .poptip-item { display: inline-block; margin: 0 5px; } .poptip-item .left { transform: rotate(180deg); } .poptip-item .left-top { transform: rotate(225deg); } .poptip-item .top { transform: rotate(-90deg); } .poptip-item .right-top { transform: rotate(-45deg); } .poptip-item .right-bottom { transform: rotate(45deg); } .poptip-item .bottom { transform: rotate(90deg); } .poptip-item .left-bottom { transform: rotate(135deg); } .poptip-item img { width: 30px; } .init-svg { width: 100%; height: 100%; } .line-svg { stroke-dasharray: 1000; stroke-dashoffset: 10; animation: drawLine 3s linear forwards; } .show-property { position: absolute; bottom: 0; right: 0; } @keyframes drawLine { 0% { stroke-dashoffset: 1000; } 100% { stroke-dashoffset: 0; } } .circle-svg { stroke-dasharray: 20 5; animation: none; } @keyframes drawCircle { 0% { stroke-dashoffset: 0; } 100% { stroke-dasharray: 1500 1500; } } .rotate-x { transform-origin: center center; } .drag-bubble .ivu-color-picker { position: absolute; top: -24px; right: 20px; } .bubble-button { display: block; width: 130px; height: 98px; border-radius: 49px; position: relative; border: #FFF044 solid 1px; background-color: #FFF044; } .bubble-button:focus { border: none; outline: none; } .bg-grid { background-color: transparent; background-position: 0% 0%; background-size: 16px 16px; background-image: linear-gradient(90deg, rgba(0, 0, 0, 0.1) 1px, transparent 1px), linear-gradient(rgba(0, 0, 0, 0.1) 1px, transparent 1px); } audio { outline: none; } .action-box { max-width: 1012px; } .action-item { margin-bottom: 20px; } .action-item .audio-test { display: inline-block; vertical-align: middle; margin-right: 20px; } .action-item .ivu-upload { display: inline-block; vertical-align: middle; } .action-answer-item { margin: 0 0 15px; } .action-btn { text-align: right; } .action-btn.action-btn-left { text-align: left; } .cardBg { background-color: #e8eaec; } .lock-box { text-align: center; color: #999; padding: 15% 0 10%; } .lock-box > div { padding: 40px; } .poptip-remove { position: absolute; right: -4px; top: -4px; line-height: 0; opacity: 0; } .pageNumShow { position: absolute; left: 45%; bottom: -10px; line-height: 0; } .pageHiddenShow { position: absolute; left: 40px; top: -4px; line-height: 0; cursor: pointer; } .explanationSubtitles { position: absolute; right: -10px; top: -40px; cursor: pointer; } .image-upload-type { padding: 5px 0; } .image-upload-type > div + div { margin-top: 10px; } .module-list { display: inline-flex; padding: 10px 10px 10px 0; background-color: #f3f3f3; white-space: nowrap; } .module-list-item { display: flex; max-width: 100px; user-select: none; background-color: #fff; border: 1px solid #eee; text-align: center; position: relative; transition: hover 0.3s linear, box-shadow 0.3s ease-in-out, opacity 0.3s; margin-left: 10px; } .module-list-item > div { width: 100px; height: 100%; padding: 10px 0; } .module-list-item.curr { box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1); border-color: rgba(34, 153, 238, 0.5); } .module-list-item.set-box { min-height: 100px; border-style: dashed; cursor: pointer; } .module-list-item.set-box .ivu-icon { margin: 15px 0 5px; } .module-list-item .remove-course { position: absolute; left: -7px; top: -7px; opacity: 0; transition: opacity 0.3s; } .module-list-item .edit-course { position: absolute; right: -7px; top: -7px; opacity: 0; transition: opacity 0.3s; } .module-list-item .ivu-dropdown { position: absolute; right: 3px; top: 3px; } .module-list-item .ivu-dropdown a { color: #666; } .module-list-item img { width: 50px; height: 50px; background-color: #eee; } .module-list-item p { height: 22px; line-height: 22px; margin: 0 5px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .module-list-item:hover { box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1); } .module-list-item:hover .remove-course { opacity: 1; } .module-list-item:hover .edit-course { opacity: 1; } .preview-list { display: inline-flex; width: 750px; overflow-y: visible; overflow-x: auto; padding: 9px 8px; } .preview-item { display: flex; flex-shrink: 0; width: 100px; height: 100px; line-height: 0px; position: relative; margin-bottom: 10px; background-color: #f8f8f9; border: 2px solid #ffffff; background-size: cover; background-position: center; background-repeat: no-repeat; opacity: 0.5; transition: hover 0.3s linear, opacity 0.3s; } .preview-item:hover { border-color: rgba(60, 105, 138, 0.5); opacity: 0.7; } .preview-item.curr { border-color: rgba(34, 153, 238, 0.5); opacity: 1; } .preview-item.curr .poptip-remove { opacity: 1; } .preview-item.file-upload { background-color: #ccc; text-align: center; opacity: 1; } .preview-item.file-upload .upload-add-button { cursor: pointer; } .preview-item .flex-img { display: flex; width: 100%; height: 100%; align-items: center; justify-content: center; } .preview-item .flex-img > div { width: 100%; height: 100%; background-repeat: no-repeat; background-position: center; background-size: cover; } .preview-item .flex-img > div + div { margin-left: 2px; } .preview-item .preview-img { width: 100%; height: 100%; background-repeat: no-repeat; background-position: center; background-size: cover; } .other-area { position: relative; width: 832px; height: 468px; border: 1px dashed #dcdee2; background-color: #f8f8f9; } .image-box { position: relative; background-color: #f8f8f9; user-select: none; } .upload-image { position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 1; } .upload-image .ivu-upload { background-color: #f8f8f9; padding: 20px; } .upload-image .ivu-upload-drag { border: none; padding: 150px 0 20px; } .upload-image .ivu-row, .upload-image .ivu-col { height: 100%; } .image-preview { overflow: hidden; height: 100%; width: 100%; background-size: cover; display: flex; align-items: center; justify-content: center; } .image-preview .image-item { width: 100%; height: 100%; background-repeat: no-repeat; background-position: center; background-size: cover; } .image-preview .image-item + .image-item { margin-left: 5px; } .image-audio { padding-bottom: 20px; position: absolute; bottom: 0; left: 50%; margin-left: -250px; width: 500px; z-index: 10; text-align: center; } .image-audio .ct-input { width: 300px; } .image-audio .media-upload { display: inline-block; } .up-preview { width: 100%; height: 100%; background-repeat: no-repeat; background-position: top left; background-size: contain; } /* .roobo-editor { .other-area, //.player-box, .image-box, .editor-opt { height: 520px; } } */ .dropdown-list li a { color: #666; display: inline-block; padding: 5px 15px; } .dropdown-list li a:hover { background: #f3f3f3; color: #2d8cf0; } .blanks-main { text-align: left; font-family: Arial; padding: 5px; } .blanks-main p { font-size: 24px; line-height: 1; } .blanks-main span { display: inline-block; font-size: 24px; line-height: 1; overflow: hidden; vertical-align: middle; margin: 5px 0; } .blanks-main span.text-line { border-bottom: 1px solid #666; } .svg-button { cursor: pointer; width: 40px; height: 40px; fill-opacity: 0; stroke: #111111; stroke-width: 1; stroke-dasharray: 20 5; padding: 0px 4px; margin: 0px 10px 5px 10px; } .svg-button2 { cursor: pointer; width: 40px; height: 40px; fill-opacity: 0; stroke: #111111; stroke-width: 1; padding: 0px 4px; margin: 5px 10px 0px 10px; } .snBtn { height: 30px; margin: 20px 5px; } .snBtn2 { height: 30px; line-height: 30px; margin: 20px 5px; } .quanTuText { height: 50px; line-height: 50px; margin: 5px 30px 5px 10px; } .checkView { height: 50px; line-height: 50px; margin: 5px 30px 5px 10px; display: -webkit-flex; display: flex; flex-direction: row; justify-content: flex-start; } .checkViewItem { padding: 0px 10px 0px 0px; } .svgButtonOuter { width: 50px; height: 50px; display: table; } .svgButtoninner { display: table-cell; vertical-align: middle; text-align: center; } .tipsForeditor { font-family: Arial; padding: 5px; font-size: 12px; line-height: 1; } .editor-content { background-color: #f0f0f0; display: flex; border: 1px solid #eee; padding: 5px; max-width: 900px; } .tool-response { border: 1px solid #ddd; padding: 10px; margin: 0px 0px 10px 0px; } .oidFlex { display: -webkit-flex; display: flex; flex-direction: row; justify-content: flex-start; align-items: center; } .addInteractText { height: 30px; line-height: 30px; margin: 0px 30px 0px 10px; } .readPointInteractText { height: 30px; line-height: 30px; font-size: 16px; margin: 0px 10px 0px 10px; } .hide-area { border: 1px solid #ddd; padding: 0px 0px 0px 10px; } .talkTrainHeaderText { font-size: 14px; margin: 0px 0px 0px 0px; padding: 0px; } .showTimeoutTableCell { padding: 0px 20px 0px 0px; display: table-cell; vertical-align: middle; text-align: center; } .talkTrainHeader2Text { font-size: 10px; margin: 0px 0px 0px 0px; color: #aaaaaa; padding: 0px; } .svg-touch { cursor: pointer; } .talk-area { border: 1px solid #ddd; padding: 10px 10px 10px 10px; } .checkBtn { max-width: 900px; padding: 10px 10px 10px 10px; background-color: #f8f8f9; border: 1px solid #eee; } .classShow { width: 600px; display: -webkit-flex; display: flex; flex-direction: row; justify-content: space-between; align-items: center; } .recordStyle { height: 35px; width: 426px; display: -webkit-flex; display: flex; flex-direction: row; justify-content: flex-start; align-items: center; } .questionAudio2 { width: 500px; border: 1px solid #ddd; padding: 10px; } .questionAudio { width: 390px; border: 1px solid #ddd; padding: 10px; } .interact-game-pointRange { width: 700px; display: flex; display: -webkit-flex; flex-direction: column; justify-content: flex-start; align-items: flex-start; } .interact-gameSigmode-correct-btn { display: -webkit-flex; display: flex; flex-direction: row; justify-content: flex-start; align-items: center; } .interact-follow-response { display: -webkit-flex; display: flex; flex-direction: row; justify-content: flex-start; align-items: center; border: 1px solid #ddd; margin: 5px; } .oidstyle { height: 35px; width: 600px; display: -webkit-flex; display: flex; flex-direction: row; justify-content: start; align-items: center; } .el-table__body tr.current-row > td { background-color: #8282ec !important; /* color: #f19944; */ /* 设置文字颜色 */ } .readpoint-list { display: inline-flex; width: 1090px; overflow-y: visible; overflow-x: auto; padding: 8px; } .readpoint-item { display: flex; flex-shrink: 0; border-radius: 5px; width: 100px; height: 40px; line-height: 0px; position: relative; margin-right: 20px; margin-bottom: 10px; background-color: #f8f8f9; border: 2px solid #161616; background-size: cover; background-position: center; background-repeat: no-repeat; opacity: 0.8; transition: hover 0.3s linear, opacity 0.3s; cursor: pointer; } .readpoint-item:hover { border-color: rgba(60, 105, 138, 0.5); opacity: 0.7; } .readpoint-item.son { border-color: #b0c20f; background-color: #b0c20f; opacity: 1; } .readpoint-item.curr { border-color: rgba(34, 153, 238, 0.5); background-color: #0fc20f; opacity: 1; } .readpoint-item.curr .poptip-remove { opacity: 1; } .readpoint-item .flex-img { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; display: flex; width: 100%; height: 100%; align-items: center; justify-content: center; } .readpoint-item .flex-img > div { width: 100%; height: 100%; background-repeat: no-repeat; background-position: center; background-size: cover; } .readpoint-item .flex-img > div + div { margin-left: 2px; } .downloadPanelFlex { display: -webkit-flex; display: flex; flex-direction: column; justify-content: space-around; align-items: center; } .addPictureBookBtn { width: 120px; height: 40px; border-radius: 4px; background: #2472e3; color: #fff; text-align: center; cursor: pointer; } .el-checkbox + .el-checkbox { margin-left: 0px; } .el-checkbox { margin-right: 25px; } .course-module { width: 1014px; overflow-x: auto; background-color: #f3f3f3; border: 1px solid #eee; } .editor-mode { padding: 15px 0; overflow-x: auto; overflow-y: visible; } .editor-tool { background-color: #f8f8f9; display: flex; border: 1px solid #eee; padding: 5px; max-width: 1100px; } .editor-tool .tool-start { display: flex; flex-shrink: 0; flex-direction: column; padding: 5px 10px 5px 0; margin-right: 10px; border-right: 1px solid #eee; } .editor-tool .tool-start .ivu-btn { margin-bottom: 3px; margin-top: 3px; } .editor-tool .tool-action { padding: 5px 10px 5px 0; margin-right: 10px; border-right: 1px solid #eee; width: 380px; } .editor-tool .tool-action .ivu-btn { margin-bottom: 3px; margin-top: 3px; } .editor-tool .tool-main { display: flex; flex-shrink: 0; flex-direction: column; padding-right: 10px; margin-right: 10px; border-right: 1px solid #eee; } .editor-tool .tool-main .tool-column { margin: 3px 0; } .editor-tool .tool-opt { padding: 5px 0; } .editor-tool .tool-opt .ivu-btn { margin-bottom: 3px; margin-top: 3px; } .editor-container { margin-top: 10px; position: relative; } .editor-row { min-width: 900px; display: -webkit-flex; display: flex; flex-direction: row; } .editor-preview { width: 750px; float: top; margin-right: 12px; border: 1px solid #eee; background-color: #f8f8f9; } .editor-main { overflow-x: auto; width: 100%; position: relative; display: -webkit-flex; display: flex; flex-direction: row; align-items: center; } .editor-opt { height: 468px; width: 832px; position: absolute; left: 0; top: 0; z-index: 9; background: transparent; } .drag-box { position: absolute; z-index: 10; touch-action: none; text-align: center; font-size: 12px; border: 0px solid #3dd; /* .ivu-tooltip, .drap-title-pst { position: absolute; top: -24px; left: 0; } .size-val { position: absolute; top: 40%; left: 0; width: 100%; text-align: center; } .ivu-color-picker { cursor: default; } */ } .drag-box-bg { position: absolute; z-index: 8; touch-action: none; text-align: center; font-size: 12px; border: 0px solid #3dd; } .drag-polygon { position: absolute; z-index: 9; touch-action: none; text-align: center; font-size: 12px; border: 0px solid #3dd; } .drag-remove { position: absolute; left: 60px; top: -18px; } .OIDShowInQuantu { position: absolute; left: 0; right: 0; top: 40%; margin: auto; cursor: pointer; width: fit-content; background-color: #ffffff; } .OIDShowInQuantu2 { position: absolute; left: 5px; top: 3px; margin: auto; cursor: pointer; width: fit-content; background-color: #ffffff; } .NameShowInQuantu { position: absolute; left: 0; right: 0; top: 8px; margin: auto; cursor: pointer; width: fit-content; background-color: #ffffff; } .NameShowInQuantu1 { position: absolute; left: 0; right: 0; padding: 2px 0 0 2px; cursor: pointer; width: fit-content; overflow-y: auto; font-family: Times; } .drag-confirm { position: absolute; left: 30px; top: -18px; } .drag-reedit { position: absolute; left: 0; top: -18px; } .drag-box2 { position: absolute; z-index: 11; touch-action: none; text-align: center; font-size: 12px; /* .size-val { position: absolute; top: 40%; left: 0; width: 100%; text-align: center; } .ivu-color-picker { cursor: default; } */ } .drag-title { display: inline-block; font-size: 12px; border-radius: 4px; padding: 0 10px; height: 24px; line-height: 24px; background-color: #ff9900; color: #fff; } .resize-drag { touch-action: none; } .dragonly { touch-action: none; } .click-area { color: #fff; border-radius: 8px; padding: 10px 5px 5px; background-color: rgba(237, 64, 20, 0.5); } .click-area .horn-icon { position: absolute; top: 50%; left: 50%; margin-left: -44px; margin-top: -45px; background-image: url(data:image/png;base64,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); background-size: contain; width: 88px; height: 91px; z-index: -1; } .drag-figure { width: 100px; background-color: rgba(255, 255, 255, 0.5); } .drag-figure img { width: 100%; } .drag-circle { color: #333; background-color: rgba(255, 255, 255, 0.2); border-radius: 50%; } .drag-circle .select-color { position: absolute; right: 0; top: -24px; } .drag-circle .drag-remove { right: -20px; } .drag-line { min-height: auto; line-height: 0px; color: #333; background-color: rgba(255, 255, 255, 0.3); } .drag-line .select-color { position: absolute; right: 0; top: -24px; } .drag-line .drag-remove { right: -20px; } .drag-button { min-height: 58.5px; line-height: normal; width: 195px; } .drag-button .drag-ui-button { outline: 0; width: 100%; height: 58.5px; color: #fff; background-color: #f90; border: 1px solid #f90; font-size: 16px; border-radius: 4px; font-weight: 400; text-align: center; vertical-align: middle; white-space: nowrap; line-height: 1.5; user-select: none; } .drag-arrow { width: 100px; height: 100px; border: 1px dashed rgba(0, 0, 0, 0.5); display: flex; align-items: center; justify-content: center; } .drag-arrow .arrow-inner { width: 91px; height: 49px; } .drag-arrow .left { transform: rotate(180deg); } .drag-arrow .left-top { transform: rotate(225deg); } .drag-arrow .top { transform: rotate(-90deg); } .drag-arrow .right-top { transform: rotate(-45deg); } .drag-arrow .right-bottom { transform: rotate(45deg); } .drag-arrow .bottom { transform: rotate(90deg); } .drag-arrow .left-bottom { transform: rotate(135deg); } .drag-audio { padding: 10px 5px 5px; min-height: 60px; border-radius: 8px; background-color: rgba(255, 255, 255, 0.7); } .drag-text { min-height: auto; border: 1px dashed rgba(0, 0, 0, 0.5); } .drag-text .ct-input { width: 100%; } .drag-text .ivu-color-picker { position: absolute; top: -24px; right: 85px; } .drag-text .ivu-select { position: absolute; top: -24px; right: 20px; } .drag-text-blanks { min-height: auto; background-color: #ffffff; max-width: 732px; min-width: auto; } .drag-text-blanks .ivu-color-picker { position: absolute; top: -24px; right: 85px; } .drag-text-blanks .ivu-select { position: absolute; top: -24px; right: 20px; } .drag-tts { min-height: auto; } .drag-tts .ct-input { width: 300px; } .drag-image { max-width: 430px; max-height: 430px; border: 1px dashed rgba(0, 0, 0, 0.5); } .drag-image img { width: 100%; } .poptip-figure-content { overflow: hidden; white-space: normal; } .poptip-figure-content .poptip-figure-item { display: inline-block; margin: 5px; min-width: 60px; } .poptip-content { text-align: center; overflow: hidden; } .poptip-item { display: inline-block; margin: 0 5px; } .poptip-item .left { transform: rotate(180deg); } .poptip-item .left-top { transform: rotate(225deg); } .poptip-item .top { transform: rotate(-90deg); } .poptip-item .right-top { transform: rotate(-45deg); } .poptip-item .right-bottom { transform: rotate(45deg); } .poptip-item .bottom { transform: rotate(90deg); } .poptip-item .left-bottom { transform: rotate(135deg); } .poptip-item img { width: 30px; } .init-svg { width: 100%; height: 100%; } .line-svg { stroke-dasharray: 1000; stroke-dashoffset: 10; animation: drawLine 3s linear forwards; } .show-property { position: absolute; bottom: 0; right: 0; } @keyframes drawLine { 0% { stroke-dashoffset: 1000; } 100% { stroke-dashoffset: 0; } } .circle-svg { stroke-dasharray: 20 5; animation: none; } @keyframes drawCircle { 0% { stroke-dashoffset: 0; } 100% { stroke-dasharray: 1500 1500; } } .rotate-x { transform-origin: center center; } .drag-bubble .ivu-color-picker { position: absolute; top: -24px; right: 20px; } .bubble-button { display: block; width: 130px; height: 98px; border-radius: 49px; position: relative; border: #FFF044 solid 1px; background-color: #FFF044; } .bubble-button:focus { border: none; outline: none; } .bg-grid { background-color: transparent; background-position: 0% 0%; background-size: 16px 16px; background-image: linear-gradient(90deg, rgba(0, 0, 0, 0.1) 1px, transparent 1px), linear-gradient(rgba(0, 0, 0, 0.1) 1px, transparent 1px); } audio { outline: none; } .action-box { max-width: 1012px; } .action-item { margin-bottom: 20px; } .action-item .audio-test { display: inline-block; vertical-align: middle; margin-right: 20px; } .action-item .ivu-upload { display: inline-block; vertical-align: middle; } .action-answer-item { margin: 0 0 15px; } .action-btn { text-align: right; } .action-btn.action-btn-left { text-align: left; } .cardBg { background-color: #e8eaec; } .lock-box { text-align: center; color: #999; padding: 15% 0 10%; } .lock-box > div { padding: 40px; } .poptip-remove { position: absolute; right: -4px; top: -4px; line-height: 0; opacity: 0; } .pageNumShow { position: absolute; left: 45%; bottom: -10px; line-height: 0; } .pageHiddenShow { position: absolute; left: 40px; top: -4px; line-height: 0; cursor: pointer; } .explanationSubtitles { position: absolute; right: -10px; top: -40px; cursor: pointer; } .image-upload-type { padding: 5px 0; } .image-upload-type > div + div { margin-top: 10px; } .module-list { display: inline-flex; padding: 10px 10px 10px 0; background-color: #f3f3f3; white-space: nowrap; } .module-list-item { display: flex; max-width: 100px; user-select: none; background-color: #fff; border: 1px solid #eee; text-align: center; position: relative; transition: hover 0.3s linear, box-shadow 0.3s ease-in-out, opacity 0.3s; margin-left: 10px; } .module-list-item > div { width: 100px; height: 100%; padding: 10px 0; } .module-list-item.curr { box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1); border-color: rgba(34, 153, 238, 0.5); } .module-list-item.set-box { min-height: 100px; border-style: dashed; cursor: pointer; } .module-list-item.set-box .ivu-icon { margin: 15px 0 5px; } .module-list-item .remove-course { position: absolute; left: -7px; top: -7px; opacity: 0; transition: opacity 0.3s; } .module-list-item .edit-course { position: absolute; right: -7px; top: -7px; opacity: 0; transition: opacity 0.3s; } .module-list-item .ivu-dropdown { position: absolute; right: 3px; top: 3px; } .module-list-item .ivu-dropdown a { color: #666; } .module-list-item img { width: 50px; height: 50px; background-color: #eee; } .module-list-item p { height: 22px; line-height: 22px; margin: 0 5px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .module-list-item:hover { box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1); } .module-list-item:hover .remove-course { opacity: 1; } .module-list-item:hover .edit-course { opacity: 1; } .preview-list { display: inline-flex; width: 750px; overflow-y: visible; overflow-x: auto; padding: 9px 8px; } .preview-item { display: flex; flex-shrink: 0; width: 100px; height: 100px; line-height: 0px; position: relative; margin-bottom: 10px; background-color: #f8f8f9; border: 2px solid #ffffff; background-size: cover; background-position: center; background-repeat: no-repeat; opacity: 0.5; transition: hover 0.3s linear, opacity 0.3s; } .preview-item:hover { border-color: rgba(60, 105, 138, 0.5); opacity: 0.7; } .preview-item.curr { border-color: rgba(34, 153, 238, 0.5); opacity: 1; } .preview-item.curr .poptip-remove { opacity: 1; } .preview-item.file-upload { background-color: #ccc; text-align: center; opacity: 1; } .preview-item.file-upload .upload-add-button { cursor: pointer; } .preview-item .flex-img { display: flex; width: 100%; height: 100%; align-items: center; justify-content: center; } .preview-item .flex-img > div { width: 100%; height: 100%; background-repeat: no-repeat; background-position: center; background-size: cover; } .preview-item .flex-img > div + div { margin-left: 2px; } .preview-item .preview-img { width: 100%; height: 100%; background-repeat: no-repeat; background-position: center; background-size: cover; } .other-area { position: relative; width: 832px; height: 468px; border: 1px dashed #dcdee2; background-color: #f8f8f9; } .image-box { position: relative; background-color: #f8f8f9; user-select: none; } .upload-image { position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 1; } .upload-image .ivu-upload { background-color: #f8f8f9; padding: 20px; } .upload-image .ivu-upload-drag { border: none; padding: 150px 0 20px; } .upload-image .ivu-row, .upload-image .ivu-col { height: 100%; } .image-preview { overflow: hidden; height: 100%; width: 100%; background-size: cover; display: flex; align-items: center; justify-content: center; } .image-preview .image-item { width: 100%; height: 100%; background-repeat: no-repeat; background-position: center; background-size: cover; } .image-preview .image-item + .image-item { margin-left: 5px; } .image-audio { padding-bottom: 20px; position: absolute; bottom: 0; left: 50%; margin-left: -250px; width: 500px; z-index: 10; text-align: center; } .image-audio .ct-input { width: 300px; } .image-audio .media-upload { display: inline-block; } .up-preview { width: 100%; height: 100%; background-repeat: no-repeat; background-position: top left; background-size: contain; } /* .roobo-editor { .other-area, //.player-box, .image-box, .editor-opt { height: 520px; } } */ .dropdown-list li a { color: #666; display: inline-block; padding: 5px 15px; } .dropdown-list li a:hover { background: #f3f3f3; color: #2d8cf0; } .blanks-main { text-align: left; font-family: Arial; padding: 5px; } .blanks-main p { font-size: 24px; line-height: 1; } .blanks-main span { display: inline-block; font-size: 24px; line-height: 1; overflow: hidden; vertical-align: middle; margin: 5px 0; } .blanks-main span.text-line { border-bottom: 1px solid #666; } .svg-button { cursor: pointer; width: 40px; height: 40px; fill-opacity: 0; stroke: #111111; stroke-width: 1; stroke-dasharray: 20 5; padding: 0px 4px; margin: 0px 10px 5px 10px; } .svg-button2 { cursor: pointer; width: 40px; height: 40px; fill-opacity: 0; stroke: #111111; stroke-width: 1; padding: 0px 4px; margin: 5px 10px 0px 10px; } .snBtn { height: 30px; margin: 20px 5px; } .snBtn2 { height: 30px; line-height: 30px; margin: 20px 5px; } .quanTuText { height: 50px; line-height: 50px; margin: 5px 30px 5px 10px; } .checkView { height: 50px; line-height: 50px; margin: 5px 30px 5px 10px; display: -webkit-flex; display: flex; flex-direction: row; justify-content: flex-start; } .checkViewItem { padding: 0px 10px 0px 0px; } .svgButtonOuter { width: 50px; height: 50px; display: table; } .svgButtoninner { display: table-cell; vertical-align: middle; text-align: center; } .tipsForeditor { font-family: Arial; padding: 5px; font-size: 12px; line-height: 1; } .editor-content { background-color: #f0f0f0; display: flex; border: 1px solid #eee; padding: 5px; max-width: 900px; } .tool-response { border: 1px solid #ddd; padding: 10px; margin: 0px 0px 10px 0px; } .oidFlex { display: -webkit-flex; display: flex; flex-direction: row; justify-content: flex-start; align-items: center; } .addInteractText { height: 30px; line-height: 30px; margin: 0px 30px 0px 10px; } .readPointInteractText { height: 30px; line-height: 30px; font-size: 16px; margin: 0px 10px 0px 10px; } .hide-area { border: 1px solid #ddd; padding: 0px 0px 0px 10px; } .talkTrainHeaderText { font-size: 14px; margin: 0px 0px 0px 0px; padding: 0px; } .showTimeoutTableCell { padding: 0px 20px 0px 0px; display: table-cell; vertical-align: middle; text-align: center; } .talkTrainHeader2Text { font-size: 10px; margin: 0px 0px 0px 0px; color: #aaaaaa; padding: 0px; } .svg-touch { cursor: pointer; } .talk-area { border: 1px solid #ddd; padding: 10px 10px 10px 10px; } .checkBtn { max-width: 900px; padding: 10px 10px 10px 10px; background-color: #f8f8f9; border: 1px solid #eee; } .classShow { width: 600px; display: -webkit-flex; display: flex; flex-direction: row; justify-content: space-between; align-items: center; } .recordStyle { height: 35px; width: 426px; display: -webkit-flex; display: flex; flex-direction: row; justify-content: flex-start; align-items: center; } .questionAudio2 { width: 500px; border: 1px solid #ddd; padding: 10px; } .questionAudio { width: 390px; border: 1px solid #ddd; padding: 10px; } .interact-game-pointRange { width: 700px; display: flex; display: -webkit-flex; flex-direction: column; justify-content: flex-start; align-items: flex-start; } .interact-gameSigmode-correct-btn { display: -webkit-flex; display: flex; flex-direction: row; justify-content: flex-start; align-items: center; } .interact-follow-response { display: -webkit-flex; display: flex; flex-direction: row; justify-content: flex-start; align-items: center; border: 1px solid #ddd; margin: 5px; } .oidstyle { height: 35px; width: 600px; display: -webkit-flex; display: flex; flex-direction: row; justify-content: start; align-items: center; } .el-table__body tr.current-row > td { background-color: #8282ec !important; /* color: #f19944; */ /* 设置文字颜色 */ } .readpoint-list { display: inline-flex; width: 1090px; overflow-y: visible; overflow-x: auto; padding: 8px; } .readpoint-item { display: flex; flex-shrink: 0; border-radius: 5px; width: 100px; height: 40px; line-height: 0px; position: relative; margin-right: 20px; margin-bottom: 10px; background-color: #f8f8f9; border: 2px solid #161616; background-size: cover; background-position: center; background-repeat: no-repeat; opacity: 0.8; transition: hover 0.3s linear, opacity 0.3s; cursor: pointer; } .readpoint-item:hover { border-color: rgba(60, 105, 138, 0.5); opacity: 0.7; } .readpoint-item.son { border-color: #b0c20f; background-color: #b0c20f; opacity: 1; } .readpoint-item.curr { border-color: rgba(34, 153, 238, 0.5); background-color: #0fc20f; opacity: 1; } .readpoint-item.curr .poptip-remove { opacity: 1; } .readpoint-item .flex-img { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; display: flex; width: 100%; height: 100%; align-items: center; justify-content: center; } .readpoint-item .flex-img > div { width: 100%; height: 100%; background-repeat: no-repeat; background-position: center; background-size: cover; } .readpoint-item .flex-img > div + div { margin-left: 2px; } .downloadPanelFlex { display: -webkit-flex; display: flex; flex-direction: column; justify-content: space-around; align-items: center; } .addPictureBookBtn { width: 120px; height: 40px; border-radius: 4px; background: #2472e3; color: #fff; text-align: center; cursor: pointer; } .el-checkbox + .el-checkbox { margin-left: 0px; } .el-checkbox { margin-right: 25px; } .course-module { width: 1014px; overflow-x: auto; background-color: #f3f3f3; border: 1px solid #eee; } .editor-mode { padding: 15px 0; overflow-x: auto; overflow-y: visible; } .editor-tool { background-color: #f8f8f9; display: flex; border: 1px solid #eee; padding: 5px; max-width: 1100px; } .editor-tool .tool-start { display: flex; flex-shrink: 0; flex-direction: column; padding: 5px 10px 5px 0; margin-right: 10px; border-right: 1px solid #eee; } .editor-tool .tool-start .ivu-btn { margin-bottom: 3px; margin-top: 3px; } .editor-tool .tool-action { padding: 5px 10px 5px 0; margin-right: 10px; border-right: 1px solid #eee; width: 380px; } .editor-tool .tool-action .ivu-btn { margin-bottom: 3px; margin-top: 3px; } .editor-tool .tool-main { display: flex; flex-shrink: 0; flex-direction: column; padding-right: 10px; margin-right: 10px; border-right: 1px solid #eee; } .editor-tool .tool-main .tool-column { margin: 3px 0; } .editor-tool .tool-opt { padding: 5px 0; } .editor-tool .tool-opt .ivu-btn { margin-bottom: 3px; margin-top: 3px; } .editor-container { margin-top: 10px; position: relative; } .editor-row { min-width: 900px; display: -webkit-flex; display: flex; flex-direction: row; } .editor-preview { width: 750px; float: top; margin-right: 12px; border: 1px solid #eee; background-color: #f8f8f9; } .editor-main { overflow-x: auto; width: 100%; position: relative; display: -webkit-flex; display: flex; flex-direction: row; align-items: center; } .editor-opt { height: 468px; width: 832px; position: absolute; left: 0; top: 0; z-index: 9; background: transparent; } .drag-box { position: absolute; z-index: 10; touch-action: none; text-align: center; font-size: 12px; border: 0px solid #3dd; /* .ivu-tooltip, .drap-title-pst { position: absolute; top: -24px; left: 0; } .size-val { position: absolute; top: 40%; left: 0; width: 100%; text-align: center; } .ivu-color-picker { cursor: default; } */ } .drag-box-bg { position: absolute; z-index: 8; touch-action: none; text-align: center; font-size: 12px; border: 0px solid #3dd; } .drag-polygon { position: absolute; z-index: 9; touch-action: none; text-align: center; font-size: 12px; border: 0px solid #3dd; } .drag-remove { position: absolute; left: 60px; top: -18px; } .OIDShowInQuantu { position: absolute; left: 0; right: 0; top: 40%; margin: auto; cursor: pointer; width: fit-content; background-color: #ffffff; } .OIDShowInQuantu2 { position: absolute; left: 5px; top: 3px; margin: auto; cursor: pointer; width: fit-content; background-color: #ffffff; } .NameShowInQuantu { position: absolute; left: 0; right: 0; top: 8px; margin: auto; cursor: pointer; width: fit-content; background-color: #ffffff; } .NameShowInQuantu1 { position: absolute; left: 0; right: 0; padding: 2px 0 0 2px; cursor: pointer; width: fit-content; overflow-y: auto; font-family: Times; } .drag-confirm { position: absolute; left: 30px; top: -18px; } .drag-reedit { position: absolute; left: 0; top: -18px; } .drag-box2 { position: absolute; z-index: 11; touch-action: none; text-align: center; font-size: 12px; /* .size-val { position: absolute; top: 40%; left: 0; width: 100%; text-align: center; } .ivu-color-picker { cursor: default; } */ } .drag-title { display: inline-block; font-size: 12px; border-radius: 4px; padding: 0 10px; height: 24px; line-height: 24px; background-color: #ff9900; color: #fff; } .resize-drag { touch-action: none; } .dragonly { touch-action: none; } .click-area { color: #fff; border-radius: 8px; padding: 10px 5px 5px; background-color: rgba(237, 64, 20, 0.5); } .click-area .horn-icon { position: absolute; top: 50%; left: 50%; margin-left: -44px; margin-top: -45px; background-image: url(data:image/png;base64,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); background-size: contain; width: 88px; height: 91px; z-index: -1; } .drag-figure { width: 100px; background-color: rgba(255, 255, 255, 0.5); } .drag-figure img { width: 100%; } .drag-circle { color: #333; background-color: rgba(255, 255, 255, 0.2); border-radius: 50%; } .drag-circle .select-color { position: absolute; right: 0; top: -24px; } .drag-circle .drag-remove { right: -20px; } .drag-line { min-height: auto; line-height: 0px; color: #333; background-color: rgba(255, 255, 255, 0.3); } .drag-line .select-color { position: absolute; right: 0; top: -24px; } .drag-line .drag-remove { right: -20px; } .drag-button { min-height: 58.5px; line-height: normal; width: 195px; } .drag-button .drag-ui-button { outline: 0; width: 100%; height: 58.5px; color: #fff; background-color: #f90; border: 1px solid #f90; font-size: 16px; border-radius: 4px; font-weight: 400; text-align: center; vertical-align: middle; white-space: nowrap; line-height: 1.5; user-select: none; } .drag-arrow { width: 100px; height: 100px; border: 1px dashed rgba(0, 0, 0, 0.5); display: flex; align-items: center; justify-content: center; } .drag-arrow .arrow-inner { width: 91px; height: 49px; } .drag-arrow .left { transform: rotate(180deg); } .drag-arrow .left-top { transform: rotate(225deg); } .drag-arrow .top { transform: rotate(-90deg); } .drag-arrow .right-top { transform: rotate(-45deg); } .drag-arrow .right-bottom { transform: rotate(45deg); } .drag-arrow .bottom { transform: rotate(90deg); } .drag-arrow .left-bottom { transform: rotate(135deg); } .drag-audio { padding: 10px 5px 5px; min-height: 60px; border-radius: 8px; background-color: rgba(255, 255, 255, 0.7); } .drag-text { min-height: auto; border: 1px dashed rgba(0, 0, 0, 0.5); } .drag-text .ct-input { width: 100%; } .drag-text .ivu-color-picker { position: absolute; top: -24px; right: 85px; } .drag-text .ivu-select { position: absolute; top: -24px; right: 20px; } .drag-text-blanks { min-height: auto; background-color: #ffffff; max-width: 732px; min-width: auto; } .drag-text-blanks .ivu-color-picker { position: absolute; top: -24px; right: 85px; } .drag-text-blanks .ivu-select { position: absolute; top: -24px; right: 20px; } .drag-tts { min-height: auto; } .drag-tts .ct-input { width: 300px; } .drag-image { max-width: 430px; max-height: 430px; border: 1px dashed rgba(0, 0, 0, 0.5); } .drag-image img { width: 100%; } .poptip-figure-content { overflow: hidden; white-space: normal; } .poptip-figure-content .poptip-figure-item { display: inline-block; margin: 5px; min-width: 60px; } .poptip-content { text-align: center; overflow: hidden; } .poptip-item { display: inline-block; margin: 0 5px; } .poptip-item .left { transform: rotate(180deg); } .poptip-item .left-top { transform: rotate(225deg); } .poptip-item .top { transform: rotate(-90deg); } .poptip-item .right-top { transform: rotate(-45deg); } .poptip-item .right-bottom { transform: rotate(45deg); } .poptip-item .bottom { transform: rotate(90deg); } .poptip-item .left-bottom { transform: rotate(135deg); } .poptip-item img { width: 30px; } .init-svg { width: 100%; height: 100%; } .line-svg { stroke-dasharray: 1000; stroke-dashoffset: 10; animation: drawLine 3s linear forwards; } .show-property { position: absolute; bottom: 0; right: 0; } @keyframes drawLine { 0% { stroke-dashoffset: 1000; } 100% { stroke-dashoffset: 0; } } .circle-svg { stroke-dasharray: 20 5; animation: none; } @keyframes drawCircle { 0% { stroke-dashoffset: 0; } 100% { stroke-dasharray: 1500 1500; } } .rotate-x { transform-origin: center center; } .drag-bubble .ivu-color-picker { position: absolute; top: -24px; right: 20px; } .bubble-button { display: block; width: 130px; height: 98px; border-radius: 49px; position: relative; border: #FFF044 solid 1px; background-color: #FFF044; } .bubble-button:focus { border: none; outline: none; } .bg-grid { background-color: transparent; background-position: 0% 0%; background-size: 16px 16px; background-image: linear-gradient(90deg, rgba(0, 0, 0, 0.1) 1px, transparent 1px), linear-gradient(rgba(0, 0, 0, 0.1) 1px, transparent 1px); } audio { outline: none; } .action-box { max-width: 1012px; } .action-item { margin-bottom: 20px; } .action-item .audio-test { display: inline-block; vertical-align: middle; margin-right: 20px; } .action-item .ivu-upload { display: inline-block; vertical-align: middle; } .action-answer-item { margin: 0 0 15px; } .action-btn { text-align: right; } .action-btn.action-btn-left { text-align: left; } .cardBg { background-color: #e8eaec; } .lock-box { text-align: center; color: #999; padding: 15% 0 10%; } .lock-box > div { padding: 40px; } .poptip-remove { position: absolute; right: -4px; top: -4px; line-height: 0; opacity: 0; } .pageNumShow { position: absolute; left: 45%; bottom: -10px; line-height: 0; } .pageHiddenShow { position: absolute; left: 40px; top: -4px; line-height: 0; cursor: pointer; } .explanationSubtitles { position: absolute; right: -10px; top: -40px; cursor: pointer; } .image-upload-type { padding: 5px 0; } .image-upload-type > div + div { margin-top: 10px; } .module-list { display: inline-flex; padding: 10px 10px 10px 0; background-color: #f3f3f3; white-space: nowrap; } .module-list-item { display: flex; max-width: 100px; user-select: none; background-color: #fff; border: 1px solid #eee; text-align: center; position: relative; transition: hover 0.3s linear, box-shadow 0.3s ease-in-out, opacity 0.3s; margin-left: 10px; } .module-list-item > div { width: 100px; height: 100%; padding: 10px 0; } .module-list-item.curr { box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1); border-color: rgba(34, 153, 238, 0.5); } .module-list-item.set-box { min-height: 100px; border-style: dashed; cursor: pointer; } .module-list-item.set-box .ivu-icon { margin: 15px 0 5px; } .module-list-item .remove-course { position: absolute; left: -7px; top: -7px; opacity: 0; transition: opacity 0.3s; } .module-list-item .edit-course { position: absolute; right: -7px; top: -7px; opacity: 0; transition: opacity 0.3s; } .module-list-item .ivu-dropdown { position: absolute; right: 3px; top: 3px; } .module-list-item .ivu-dropdown a { color: #666; } .module-list-item img { width: 50px; height: 50px; background-color: #eee; } .module-list-item p { height: 22px; line-height: 22px; margin: 0 5px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .module-list-item:hover { box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1); } .module-list-item:hover .remove-course { opacity: 1; } .module-list-item:hover .edit-course { opacity: 1; } .preview-list { display: inline-flex; width: 750px; overflow-y: visible; overflow-x: auto; padding: 9px 8px; } .preview-item { display: flex; flex-shrink: 0; width: 100px; height: 100px; line-height: 0px; position: relative; margin-bottom: 10px; background-color: #f8f8f9; border: 2px solid #ffffff; background-size: cover; background-position: center; background-repeat: no-repeat; opacity: 0.5; transition: hover 0.3s linear, opacity 0.3s; } .preview-item:hover { border-color: rgba(60, 105, 138, 0.5); opacity: 0.7; } .preview-item.curr { border-color: rgba(34, 153, 238, 0.5); opacity: 1; } .preview-item.curr .poptip-remove { opacity: 1; } .preview-item.file-upload { background-color: #ccc; text-align: center; opacity: 1; } .preview-item.file-upload .upload-add-button { cursor: pointer; } .preview-item .flex-img { display: flex; width: 100%; height: 100%; align-items: center; justify-content: center; } .preview-item .flex-img > div { width: 100%; height: 100%; background-repeat: no-repeat; background-position: center; background-size: cover; } .preview-item .flex-img > div + div { margin-left: 2px; } .preview-item .preview-img { width: 100%; height: 100%; background-repeat: no-repeat; background-position: center; background-size: cover; } .other-area { position: relative; width: 832px; height: 468px; border: 1px dashed #dcdee2; background-color: #f8f8f9; } .image-box { position: relative; background-color: #f8f8f9; user-select: none; } .upload-image { position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 1; } .upload-image .ivu-upload { background-color: #f8f8f9; padding: 20px; } .upload-image .ivu-upload-drag { border: none; padding: 150px 0 20px; } .upload-image .ivu-row, .upload-image .ivu-col { height: 100%; } .image-preview { overflow: hidden; height: 100%; width: 100%; background-size: cover; display: flex; align-items: center; justify-content: center; } .image-preview .image-item { width: 100%; height: 100%; background-repeat: no-repeat; background-position: center; background-size: cover; } .image-preview .image-item + .image-item { margin-left: 5px; } .image-audio { padding-bottom: 20px; position: absolute; bottom: 0; left: 50%; margin-left: -250px; width: 500px; z-index: 10; text-align: center; } .image-audio .ct-input { width: 300px; } .image-audio .media-upload { display: inline-block; } .up-preview { width: 100%; height: 100%; background-repeat: no-repeat; background-position: top left; background-size: contain; } /* .roobo-editor { .other-area, //.player-box, .image-box, .editor-opt { height: 520px; } } */ .dropdown-list li a { color: #666; display: inline-block; padding: 5px 15px; } .dropdown-list li a:hover { background: #f3f3f3; color: #2d8cf0; } .blanks-main { text-align: left; font-family: Arial; padding: 5px; } .blanks-main p { font-size: 24px; line-height: 1; } .blanks-main span { display: inline-block; font-size: 24px; line-height: 1; overflow: hidden; vertical-align: middle; margin: 5px 0; } .blanks-main span.text-line { border-bottom: 1px solid #666; } .svg-button { cursor: pointer; width: 40px; height: 40px; fill-opacity: 0; stroke: #111111; stroke-width: 1; stroke-dasharray: 20 5; padding: 0px 4px; margin: 0px 10px 5px 10px; } .svg-button2 { cursor: pointer; width: 40px; height: 40px; fill-opacity: 0; stroke: #111111; stroke-width: 1; padding: 0px 4px; margin: 5px 10px 0px 10px; } .snBtn { height: 30px; margin: 20px 5px; } .snBtn2 { height: 30px; line-height: 30px; margin: 20px 5px; } .quanTuText { height: 50px; line-height: 50px; margin: 5px 30px 5px 10px; } .checkView { height: 50px; line-height: 50px; margin: 5px 30px 5px 10px; display: -webkit-flex; display: flex; flex-direction: row; justify-content: flex-start; } .checkViewItem { padding: 0px 10px 0px 0px; } .svgButtonOuter { width: 50px; height: 50px; display: table; } .svgButtoninner { display: table-cell; vertical-align: middle; text-align: center; } .tipsForeditor { font-family: Arial; padding: 5px; font-size: 12px; line-height: 1; } .editor-content { background-color: #f0f0f0; display: flex; border: 1px solid #eee; padding: 5px; max-width: 900px; } .tool-response { border: 1px solid #ddd; padding: 10px; margin: 0px 0px 10px 0px; } .oidFlex { display: -webkit-flex; display: flex; flex-direction: row; justify-content: flex-start; align-items: center; } .addInteractText { height: 30px; line-height: 30px; margin: 0px 30px 0px 10px; } .readPointInteractText { height: 30px; line-height: 30px; font-size: 16px; margin: 0px 10px 0px 10px; } .hide-area { border: 1px solid #ddd; padding: 0px 0px 0px 10px; } .talkTrainHeaderText { font-size: 14px; margin: 0px 0px 0px 0px; padding: 0px; } .showTimeoutTableCell { padding: 0px 20px 0px 0px; display: table-cell; vertical-align: middle; text-align: center; } .talkTrainHeader2Text { font-size: 10px; margin: 0px 0px 0px 0px; color: #aaaaaa; padding: 0px; } .svg-touch { cursor: pointer; } .talk-area { border: 1px solid #ddd; padding: 10px 10px 10px 10px; } .checkBtn { max-width: 900px; padding: 10px 10px 10px 10px; background-color: #f8f8f9; border: 1px solid #eee; } .classShow { width: 600px; display: -webkit-flex; display: flex; flex-direction: row; justify-content: space-between; align-items: center; } .recordStyle { height: 35px; width: 426px; display: -webkit-flex; display: flex; flex-direction: row; justify-content: flex-start; align-items: center; } .questionAudio2 { width: 500px; border: 1px solid #ddd; padding: 10px; } .questionAudio { width: 390px; border: 1px solid #ddd; padding: 10px; } .interact-game-pointRange { width: 700px; display: flex; display: -webkit-flex; flex-direction: column; justify-content: flex-start; align-items: flex-start; } .interact-gameSigmode-correct-btn { display: -webkit-flex; display: flex; flex-direction: row; justify-content: flex-start; align-items: center; } .interact-follow-response { display: -webkit-flex; display: flex; flex-direction: row; justify-content: flex-start; align-items: center; border: 1px solid #ddd; margin: 5px; } .oidstyle { height: 35px; width: 600px; display: -webkit-flex; display: flex; flex-direction: row; justify-content: start; align-items: center; } .el-table__body tr.current-row > td { background-color: #8282ec !important; /* color: #f19944; */ /* 设置文字颜色 */ } .readpoint-list { display: inline-flex; width: 1090px; overflow-y: visible; overflow-x: auto; padding: 8px; } .readpoint-item { display: flex; flex-shrink: 0; border-radius: 5px; width: 100px; height: 40px; line-height: 0px; position: relative; margin-right: 20px; margin-bottom: 10px; background-color: #f8f8f9; border: 2px solid #161616; background-size: cover; background-position: center; background-repeat: no-repeat; opacity: 0.8; transition: hover 0.3s linear, opacity 0.3s; cursor: pointer; } .readpoint-item:hover { border-color: rgba(60, 105, 138, 0.5); opacity: 0.7; } .readpoint-item.son { border-color: #b0c20f; background-color: #b0c20f; opacity: 1; } .readpoint-item.curr { border-color: rgba(34, 153, 238, 0.5); background-color: #0fc20f; opacity: 1; } .readpoint-item.curr .poptip-remove { opacity: 1; } .readpoint-item .flex-img { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; display: flex; width: 100%; height: 100%; align-items: center; justify-content: center; } .readpoint-item .flex-img > div { width: 100%; height: 100%; background-repeat: no-repeat; background-position: center; background-size: cover; } .readpoint-item .flex-img > div + div { margin-left: 2px; } .downloadPanelFlex { display: -webkit-flex; display: flex; flex-direction: column; justify-content: space-around; align-items: center; } .addPictureBookBtn { width: 120px; height: 40px; border-radius: 4px; background: #2472e3; color: #fff; text-align: center; cursor: pointer; } .el-checkbox + .el-checkbox { margin-left: 0px; } .el-checkbox { margin-right: 25px; } .course-module { width: 1014px; overflow-x: auto; background-color: #f3f3f3; border: 1px solid #eee; } .editor-mode { padding: 15px 0; overflow-x: auto; overflow-y: visible; } .editor-tool { background-color: #f8f8f9; display: flex; border: 1px solid #eee; padding: 5px; max-width: 1100px; } .editor-tool .tool-start { display: flex; flex-shrink: 0; flex-direction: column; padding: 5px 10px 5px 0; margin-right: 10px; border-right: 1px solid #eee; } .editor-tool .tool-start .ivu-btn { margin-bottom: 3px; margin-top: 3px; } .editor-tool .tool-action { padding: 5px 10px 5px 0; margin-right: 10px; border-right: 1px solid #eee; width: 380px; } .editor-tool .tool-action .ivu-btn { margin-bottom: 3px; margin-top: 3px; } .editor-tool .tool-main { display: flex; flex-shrink: 0; flex-direction: column; padding-right: 10px; margin-right: 10px; border-right: 1px solid #eee; } .editor-tool .tool-main .tool-column { margin: 3px 0; } .editor-tool .tool-opt { padding: 5px 0; } .editor-tool .tool-opt .ivu-btn { margin-bottom: 3px; margin-top: 3px; } .editor-container { margin-top: 10px; position: relative; } .editor-row { min-width: 900px; display: -webkit-flex; display: flex; flex-direction: row; } .editor-preview { width: 750px; float: top; margin-right: 12px; border: 1px solid #eee; background-color: #f8f8f9; } .editor-main { overflow-x: auto; width: 100%; position: relative; display: -webkit-flex; display: flex; flex-direction: row; align-items: center; } .editor-opt { height: 468px; width: 832px; position: absolute; left: 0; top: 0; z-index: 9; background: transparent; } .drag-box { position: absolute; z-index: 10; touch-action: none; text-align: center; font-size: 12px; border: 0px solid #3dd; /* .ivu-tooltip, .drap-title-pst { position: absolute; top: -24px; left: 0; } .size-val { position: absolute; top: 40%; left: 0; width: 100%; text-align: center; } .ivu-color-picker { cursor: default; } */ } .drag-box-bg { position: absolute; z-index: 8; touch-action: none; text-align: center; font-size: 12px; border: 0px solid #3dd; } .drag-polygon { position: absolute; z-index: 9; touch-action: none; text-align: center; font-size: 12px; border: 0px solid #3dd; } .drag-remove { position: absolute; left: 60px; top: -18px; } .OIDShowInQuantu { position: absolute; left: 0; right: 0; top: 40%; margin: auto; cursor: pointer; width: fit-content; background-color: #ffffff; } .OIDShowInQuantu2 { position: absolute; left: 5px; top: 3px; margin: auto; cursor: pointer; width: fit-content; background-color: #ffffff; } .NameShowInQuantu { position: absolute; left: 0; right: 0; top: 8px; margin: auto; cursor: pointer; width: fit-content; background-color: #ffffff; } .NameShowInQuantu1 { position: absolute; left: 0; right: 0; padding: 2px 0 0 2px; cursor: pointer; width: fit-content; overflow-y: auto; font-family: Times; } .drag-confirm { position: absolute; left: 30px; top: -18px; } .drag-reedit { position: absolute; left: 0; top: -18px; } .drag-box2 { position: absolute; z-index: 11; touch-action: none; text-align: center; font-size: 12px; /* .size-val { position: absolute; top: 40%; left: 0; width: 100%; text-align: center; } .ivu-color-picker { cursor: default; } */ } .drag-title { display: inline-block; font-size: 12px; border-radius: 4px; padding: 0 10px; height: 24px; line-height: 24px; background-color: #ff9900; color: #fff; } .resize-drag { touch-action: none; } .dragonly { touch-action: none; } .click-area { color: #fff; border-radius: 8px; padding: 10px 5px 5px; background-color: rgba(237, 64, 20, 0.5); } .click-area .horn-icon { position: absolute; top: 50%; left: 50%; margin-left: -44px; margin-top: -45px; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAIcAAACMCAYAAABWILrJAAAcEklEQVR4Xu1dCXiU1bl+z0xC9kBIQhKBQCAgQTZFNtHea5WgFhXkVkBE7e2t4FIp1laqgo+WKrRVq9cFbK1YRMGloFJlqfVWZQ1U9iAEIgFMAgmELJOEZObc550lTpb5//NPZjIz6XzPM0+W/zvb979zlu98i0AnJyllKoBLAGQB6Ov89ACQDCAFQAKAKABdAEQCaABwAUA9gCoAZQDKAZwG8I3zUwjggBDiTGcWn+hMg5NSJgEYB2A8gMsBDAOQ7scxlgDYC2AngM0AtgohzvmxvQ6tOqTBIaXkN/0KANcDuA7AUACmDpVg88ZsAPYBWA/gEwBbhBCciUKSQg4cTkBcA2AagJsBcLYIVuIs8gGA1QA+DTWghAw4pJQ5AP4HwB3OvUKwAsJTv7h3+QuAPwkh8kOh80ENDikllwjODvMAXAkgqPur+MIlgC8BPMdZRQjBpSgoKSiFLaXkyeG/ATwIYEBQSs43nToC4FkAfxZC8IQUVBRU4JBSRgC4C8BjAPoElaT825njABYBWC6EaPRvU+q1Bw04pJQ3Avg9gIHq3e90nIcBPCSE+CgYRhZwcEgpBwF4HkCuXwQiJVBfBFgOALVHgfrjQF0R0HAGaCwHGs4BtjpA1gOyERARgIgCTNFAZBIQkQxEpgLRmUBUHyCmPxB7CRCVCQi/iW8jgLlCiEN+kYlipX4bnV77ziPpfACPOjWUekXUnjdWAZWbgcqtjk/NHsBaqVbWCJc5EYgbDiSOc37GAxFUtvqMqKH9DYDFgToCBwQcUsrLALwBYIhPRMkZoXwtcG6jAxAyAHonEekASVIukDzZMcP4hvYDuFMI8S/fVKdeS4eCw3k0/blz88UTifd04TRweiVw5l2g5ivv6/FXybhLgdQfAj1mAl14ldMu4kmGm/RnOvLo22HgcF6AvQ2A2k3vqeJzoHgpcHZdYGYIoz3njNJ9EpAxB+j2PaOlW/J/CmBGR134dQg4pJSjAbwHoLdX0pFWoOyvwMnngnOWUB0UZ5Ne84CUWwBhVi3Vku8EgP8SQuzwtgLVcn4Hh5RyJoDXvNp0ShtQthYoWgTUhoTGWU3uMTlA5mNAymRAeHVPyM3qj4UQK9Ua9I7Lr+CQUlLtTd2FcQlU7waOzgWq/P4F8U5yviiVMBro/zwQP8Kb2qh2p06Eani/kN/AIaVcDOBhw71uPA8cfxIoXgbAarh46BUwAxmzgT4LgYiu3nR/iRCCKgGfk8/B4VSB/9GpBlfvMJVVZ1YDhfOBhlL1cp2FMzINyFoMpE7zRrm2HMBPfK169yk4nBdm3HhSFa5OnC2O3AuU/1W9TGflTL4FGPCyN7MIVe7cqPrsAs9n4HDqMHhUvdXQe6v6F/D17UAdzTLDZJdAdBZw8ZtAAnWFhugd51HXJ2YAvgTHiwDuUx4Kl5HiV4DCXwHSZ2BXbj7oGUUXIOtpIOMeo8vMS0KI+30xPp+AQ0q5AMCTyh2yXQAO3w2U0XouTJoSSJkGDHwVMBlSKC8UQvy6vZJtNziklHcDWKpspWWtBvKnAxVU9oVJSQLdrgFyVgHmeCV2ALQ2myOEeFW1QFt87QKHlPIHTgNaNXUfr8kPTAaqO/wOqT0yCo6y8ZcBl6x1mA+oEfUANwsh/qbG3prLa3BIKbMB5AHoptR43XFg/ySgrkCJPczUhgSis4Eh64BoZSO5CgCjhBBeCd0rcEgpYwFsc/qJ6L/H+m+BvVc7jG7C1D4J0Mho2GdA1EWq9dCPZqwQwqJawMXnLTio5KKbgD41VgB7r3VYYoXJNxKgJdqwvwMRapM2gD8KIbg3NESGwSGlnALgfaUNqLUWODAJqNxiqFNhZgUJJF4BXLIOMMcoMNs3qFOFEGtUmL2aOaSU9DulZRKdkLWJ9pj5Mxx2F2HyjwRoJ5LztsPuVZ/oDD5ECEH/XiUyNHNIKd+lilap5mPzgW9pNxwmv0rgorlAP95xKtF7QogfKnEqLQ3OmqSUkwGoTUvlfwPy1TCk2tEwn4YEct4DkqlVUKIpQoi1KpxKM4eUMg4AzeR76VZKs//dY4HGThOJQHfIAWeISAJGbHO4T+jTSQCDhBA1eqyq4KAqlgau2mRrAPZNAKq263GGn/taAgljgKGbABOjUujSIiEErzw0SRccUkpqXGijp78tLlwAnKLhV5gCIoGeDwFZSlcqtQByhBB0w/RIKuBg2IBZuoOt2Q/sHufwGgtTYCTAU8uIrUCckjvQCiEEw1l4Bw5nTAxq2LTvTnj9vu/asD4jMJBo3ir1H0P/rnLNz7sXHm09ulxqzhxSylXOCDrawy5dARwxrIALBlF2zj4MeBVI05/sGXFICDHdkxA8gkNKSW937jW0Lcd5Ktk13OGYHKbgkABvbkfuAXiK0SZajHHvQe/+VqQFjldoE6BXO47+HCh+WZctzNDBEsi4F+j/jEqjS4UQ9yiDQ0rJ+JzcyfL21TPVnwB2DumcZn7R/YCkiUBkiuM2+ezHoTU70szw8v1AlK6TIW9r+wghGLOsGbU5c0gpfwlgiS7sjtwPlNKZrRMRd/x9nwYuou2m2z7cagG+edThpxsqlPZjYABNe3XpYSHEb1XB8bVuhJ36YmDnoE42a5iBi98AUqd6luaRe4BSuomEANlnj0NAVIZeZw8LIS7WBYeU8j8BfKZXG75ZCJz8nS5b6DCYgIF/BHrcpt1lRgLK6w/YqEcKAer1C6Cvku331UKI/3MfUatlRUrJdYKR/DwT7TTy+gE05OkslP0SkK497Kah7r8JqNgUGiOnQdCoYyp2H4xo+GOP4HCGYuJ9f3fNkZeuBI6oGYKFhAT7PevYY6gSvfNKX1flDjzfgD8BaQx2oElnGSfePcRUs5lDSnkDAH1r5b3XdB5taN+nHDEzjFDBT4GSPxkpEVjexPEOs0J9+oEQ4mMXW0tw6NuG0m1x52D9ZkKBI3MBkPmI8Z6GGjg4wssPOtwstYmht3/iCRyMGqNts3Hid8DxhXqNBP9z9Y1a67GEIjj6PAn0/oXeezkphGhSjDTNHFJKXuXxkk2bvhoH1OzW4wru5xf9FOjX6liv3udQBEfcCODSrSpjHCqEoJ3wd4HmnVF4GIfbM9WfAvLoyxTClP4TRzSd9gSYDUVw8JWNKgCieuq9vAdd0YLcZw7G1dDQ/gAoWQ4UGNjV63Wjo5/3mAUMWOptHK7vehuq4Mh+BUhnaHlNel8IYTcAdgdHsW7Kq/yZoRtgpccdjqAo3kfxC31wMIrhIN0YcyVCCLtK1Q4OKSW3scf0IIXtfYM7JJPdf8PtPsQcC8QOATLuBlKmtm8pcRdOqM4cDC01hjkMdamfEKLQBQ56sWnHXKo9BuxiksUgI7oG9noIYJgC3qC2Zy+hOrSCuUBJu6IbqLbke76RB4CYfnr13kLvOBc4eDZ9QrPE6VXA4R/pVdqxz3vcDlDtbSywSfv7WLUT4Ob8wimAITGr8oDagCY4UB/TwNeBHh6Nv1z1PC6EeNIFDn1PtsJHgVPahxn1HvqA024ruUHVFdAHDbpVQXA0MM2sG1kOA6V/Cf5guj0fBLKYjEGT7J5xLnBQcTFck/3AzY6sBMFCw/7hyFIQCGoLHK5+MOLy6TedwXUC0TmdNmnAxCAw2rRHCDHCBY7zABI1+fMGORLZBANF9gBGf9Mx+4u2xqsFDvJX7nCaM/gkqJ9vJc6EQqN0l8BKIURXIaXkDSw9sD0TfVE2MxZEkEQUjh8FjPjct0IzUpseOFgX/YVL/2yk1g7iNQPjK1SW42SCgym992j2rO4bYCfTugYJJV4JDAugPYUKOCiqE0uCM3b75flAdF+9lzmc4LgawD80Oc9vAfa1L02KXk8MPQ8VcDDcFYP7I8iWl6GfAl2Z5V2Tvk9wMF4DI996pvKPgHxjgYn1Wm7X81ABBwfJHDGVzDEcRJTzDpCsG4H8VoJjtjOOqOfeB9udSiiBg7PuKSX/kY5Dj9odyxyCg/PeHzR7dup/gUJ6KwQJhRI4aG/7NV0TGZYrSCjrt0DPn+p15mcEh76PyslngG/0w3Poteaz56EEDg76yJzgcojquwjoxTyMmvQwwcG3rh3UoehpoEjJvF2vQd88DzVwHPslUHfUN2P3RS2ZC4HMX+nVtCAMDj0RtfVc9SjrKnvsF0Cd/qW3N13xqowBcISXFaMSNgoOZohgavRgIdVlxWq1/sxkMmknkQtvSJu/ViPgaKwMvttshQ2pzWabJ6xW6xyTycRwC54pfJT1HhwVnwHfKjkzd9y8onCUtdls9wiLxTItJiaGEXw8U1gJ5j04ip4Cqnd13ItXaUlBCVZbWztdlJeX53bv3n2DZp1h9bl34KgtAAqNZ09Veb/t4lFQn589e3aiKCoqurx3797Mm+KZwhdvxsHBbNrHHwcsB9v1Hv1SWOHi7cSJE6PEBx98cNFNN910SrMTwXZlr+776RfZQmVDWvomUK4WDdw/nfRUq9qV/YcfftiTxj4xUkp61oeOsQ9zwY8MYCowPXCUfxy8EY/UjX3SCY7oCxcu7IyMjNQ2LWdutnPaW5OO+waYgTFFQKR2pAi/9ccTODjDlrwOnFvvt6bbXbGCmWBDQ8OBLl26XE5wRNXU1LwbGxurfYcbbAbGmY8DmX5J4a4v/5bgYJDeys3A6beC26+HI1MwMLZYLB/FxcXZDYwjy8rKfp2cnKy9rQ421wRTNDBkA5A4Wv9l+pqj4nOg9muna8Ieh7VXI2OfhAApuCaUl5cvSUlJWUBwmAsKCmb279//Dc2hBaNTkykO6P8sQP8VoR1L16evLVQ93igEBaemo0eP3pmdnb2S4BCrVq26dNq0afqammB1h2SszW7fB7pkNPeFFdFAbA6QdC1givIdPkIVHIrukKtXrx45ffr0r1yO1MlWq/WgyWTqoSnBUHWkJngGvgZ0vco3AAlVcCg4UttsttNms5mhm8pd4OhWU1OzIjY2dpKm9ILtjsXIq2ZMTibL686wZ+2kUAWHwp2KxWJZFxcXR9O1Chc4EkpKSuampaVpG/2EevAWAmTQmyrGtdroCVVwKARvKS0tXZCens7MjVUucMSuX79+5MSJE/U9hUI97JOIBC5eAaTc7P30EYrgUAz7tGHDhu9dd9113H9aXODoQg2p1WrdYzKZtPNgd4aAcYzjwTDWXIO9oVAEh0LAOJvN9q3ZbKbPdCWACy5wMOJJUnV19bPO9cazyDpLqEkChGf+VC9SnIYiOBRCTXLfGR8f/yAApva0usch7X7w4MHcnBzu2nSo0wSpNTtOMT2m6Y24+fNQA4fiRWV+fv6MwYMHM5SCXaPnDo6EkSNHxu/YsYNHWnpNe6ZOFd5aMSC+uzToalCqrTM0hjY/cyuEt7bZbBWjR48evGvXrmpuRluCg6lB46qrq/8QFxenHSi70wXGNwEDlgFpt6u9pX03AOf1E0uoVeZnLsXA+DU1NSvj4+N/BoDJiO0pIdxnDvu+Y8+ePVcMGzbsA90ud7qUGgKw6wHu1B76hRIg7+LQyTOjGKl57969Nw8fPnyLa7/REhz8m3fgpsbGxm1ms7m/ppQ6ZTIeAuRFz6k1ePt66DagXDcyju53q0MYFJPxWK3WoxEREWOd4QCabhBb5luJp33HmTNn7k9JSXlcdwCdMY0XB81vW+/5AENVuujCaeDovNCKw6qYxqusrOyJ1NRUmsjXAeCew04twWHXdzz11FPd58+fv1sIoZ2ivDMnAGTaza5Xf5cA8Pw/Qyc7k/3NqiUAlFLWLl68eMQjjzzCGcOu3/AEjqalpbq6+rdxcXH6sSXDqUN1J9iAMCimDq2pqXk9Pj6eXo+MMNPMKKWt7JD2pWXNmjX9Jk+ezDD74aTDAXm77WjUQNLhtWvXjpsyZQodeZstKW0tK/xfJICu/MVisbwaExPD6MbaFE5Xriehjn2umK68trZ2TWxsrCvPPCNKNrh31FNGaua5Nn/00UcDJk2a9EXzgOJtjJO7+H3Xdp7UXh37Kn3bmj14799VwnBa161bd9WNN954xBkmkirzZuQJHHaFGDmrq6tfiouL0w8IVrMf2D0OoAV2mAIjAd4XjdgKxDGvkjbV1NS8Ex8ff5+Tq0nxpTJzcJ/B2UOsXLmy14wZM7YKQZs7HSpcAJz6vR5X+Lm/JNDzISBL2ySHTUsp695+++1xM2fOPOmMR8VZo1XIQ08zB+uwb0z5y7lz5+Z369ZNN04QbA3AvglA1XZ/DT9crycJJIwBhm4CTNwyalNFRcUzSUlJi51crTairtJa4LCr08k4a9as2OXLl2/VtfUgc90JYPcYoLHVEqbX5/BzbyVAncyI7UB0U+4+jzXRZuOuu+4at2LFCouTyX4931YBLXCQP4FOT/zlyJEj12dnZ/9Fqf8M7ZzvhZ2EUuVhplYSyHkPSP6BkmAKCgruGDBgwCdO5nrXDaw34GiaPVjYYrG8FhMTc5NSL47NB76lKWKY/CqBi+YC/VwrhHZLtbW1H8bGxrqnJPc4a7AmvZmj2ezxwgsv9Lj//vu/EELoO6ny1JI/Azi7zq+y+beuvPskh0W9PX2ZNkkpz7744otXPfDAA65EMZqzhio4mk4uLFBQUHBD//79lysBi3YfByaF9R96b86b59RnXLIOMGtffzmrlkePHr0rOzvblYqcEXPbPKG4d0Vl5iA/ryebrigrKyufTUhIoG+DPjVWAHuvBSwH9HnDHGoSYF475qanIY8CVVVVrUhMTKRtqIu4GXVtSD3WoAoO8vHkYr9nmT59esyKFSvWR0REqCW1Z/aAvVcD9UUKQwmzaEogKhMY9hkQpe0k4KqjsbHx4KxZs65btWqV3brLqc/grKEbb1sVHKzUfp3vavT999/PmjJlyiZm9FF6nXXHgf2TgLoCJfYwUxsSiM4GhqwDovsoiUdKeX7NmjUTpk6dWuhWoNm1vFZFRsDBepqOtvwjPz9/wqBBg1bo3r24etBwBmAQmOoARuVREmsQMsVf5sjNxhtXNbIeOnRoVk5OjnvWIt1NqHvVRsHBZYULXdM1/smTJ+/o2bMndeZqdVmrgfzpQMWnakMMczly5uasAsxUWiuRPHXq1EO9evVy10tRPV5hJDOQ2gtt3p9mywsflZWV/Tw5OVk9zI7tAsCQz2WrlUb6b82UOg3gFbyB3Lnl5eWLU1JSWiZ5UV5OXPL2Bhws23Tv4qqosrJycUJCgruCRfud8pq/+BWg8FehY8ndkSilmV/W00DGPSrX7009q6qqei0xMbHlF9Xj/Ykv9xzuoOJGtEn7kpaWZiosLFwWExMz2ZAMq/4FfH07QDfLMDkkEJ0FXPwmkHCZIYnU1tauzcrKml1aWup+w0obChry6J5OWjbm7czBeqhaJ0Ca9h9XXXVV5MaNG1+Pjo6eaGhUjeeBI/eGlmW3oQEaYE6+BRjwMhChdgh01VxXV7chNzf3R1988YW7NRdBQmB4lfO1PeBgv1rtP4YMGWLetm3bc3FxcTMMiIRGBsCZ1UDh/OCPyGdoYIrMDMmUtRjgHkMYey01NTVvjx07dt7+/ftbgsDwPsO9t8Z60fY4afPRaht97ty5Bd26dXtAUTTfsXEWOf4kULzMW8AbbjKwBcxAxmygz0LDswX7XVFR8UJSUlJbFj70P+Few2vyBTjYeDP1uqs3JSUlc9LS0p7QtWBvq/vVux05WRnGsbNSwmig//NA/AhvRmgrLS19PD09fWkbhZXU43qN+gocbKfVCYb/PH78+NTMzEze3RsP58fg8mVrgaJfA7W6+df1xho8z2MGAZkLgJTJ3obIrC8qKprbp0+f99sYlFcnk7aE40twsP5mGlRXg9u2bbt01KhRr5tMpp5evSFpBcr+6kjgW/OVV1UERaG4S4Fe8xwRhQT388bJZrOdysvL+9HYsWPbEoQhDahe674GB9vj/Qs3qs1oyZIlyXPnzn01Kirqe3qd0nzO6MHFSx12IrKZm0W7qvVbYcYgo91FxhygW/uGXl9f//nzzz9/98MPP9xWwji6MXID6jPyBzg8LjHp6eli375996WkpDBvZSsAGRoVHZtPrwTOvBucswlnidQfAj1mAl20w7sqjPtCWVnZ00OHDn2ppKSkLX2Fz5YS9774Cxxsg34vbVqifPnll0PHjBnzUkRERI6CYPRZao86wiKc2whUbg3MjMIZInEckJQLJE8GYrQjWOgPysHR2NiYv3379vuuvPLKfR7K8Cqefic+J3+Cg51tco5q2fORI0dGbtiw4YHk5OR5Xm1WPYmiscqRwYAg4admD2D16WzraNmcCMQNdwDC/hkPRHDL5TOqLy8vf27ixIkv7Nq1y9P62aYzkq964G9wsJ88pfAk02ZbdLmcMGHCb6Kioq721aCa1UPlGo2MaInGGab+OFBX5EgfzlyvDWcBWz0g+Wl02GOKKEesdOZziUh2XJNHZwJMZMMZgZZYNLoxqKxSHV99ff1nmzZtetTpqthWMS4t1GNwA+o36ghwsPO8g+FG1aPH/uHDh3P79ev3pG5EIb+JIvAVM8LOsWPHFg4cOJAR/TwRVeKcCv3ud9pR4OBA2RYB4tEla/DgwREbN26cnpGR8aDJZNL30An8+/RJD2w224ni4uJnc3NzVx08eFDrpXN5ITAMX6J509GOBIerf9yHUKPqsW1e4L3zzju3paam3ms2m/t5M7BQKGO1Wo+dOXPm5VtvvfWtFhdmLbtPMFDr6bID7ZDhBQIcrmWG+xBNhwuaAWzevPm6zMzMOZGRkQxoFqj++vJlyIaGhm1FRUVLx48fv77F9Xpb7XAm4f7C78tIy8YDLWzOIJxJdPvxySefDLjiiituT0hImCaESPbl2+qIuqSU5VVVVau3bNny5vXXX8+YGHrE2YIzha4LgV5F3j7XfSneVmygHPXI1IkoKcVGjRoV8cYbb/xHZmbmzbGxsTcoW78b6JCvWGn9bbFYPi4qKvrgzjvv/GdeXp7qt5/aTh5TvbLD8FX/gwEcrrEQHASJ8qUDgbJs2bLRWVlZ18THx3/f6UfTgcneWr0GG/1Eqqur/1FYWPjp7NmzdxgABCsjGAiKpoh+vnrR3tQTTOBw9Z/2IVxuDL/kxx57rOttt902KiMjY3RMTMylkZGRg3VTk3kjNWcZprxqaGg4WFtb+1VxcfGOt956K2/RokW0vDJKPJ5y+WiX/YXRRvX4gxEc7iDhfkR5JmlrsLzwy83NHZSSkpIZGxubGRUV1TsiIiLFZDJ1N5vNdAhPEILWvOgihIiQ0h636oKUkt/eKqvVetZms51tbGwsq6+vP2GxWIrKysqKNm7ceMjDBZiezN2fc6bgviKoQOHqYDCDw9VHalg5m+iHrDHyWgLLS30FAeFXDWd7hxgK4HCNkTMIQUKwGF5y2isoH5Tn0kEwEBQB3WiqjiWUwOE+Jvsy4ARKMI+Bx1ECgktUUGwyVYFBvmAWrOo4uNwQKPypH8VEtVbv+bhn4bJBMISANZLngXYGcLiPjuMhSPjhMkSw+HMJ4lJBMHCZIBD46ZB7D++xq16ys4GjrZETHASK6yd/57j5N3+6Pq6Z1PVy+dP1IQj4O0HAD/92/VSXdohx/j92MMurqvaDXgAAAABJRU5ErkJggg==); background-size: contain; width: 88px; height: 91px; z-index: -1; } .drag-figure { width: 100px; background-color: rgba(255, 255, 255, 0.5); } .drag-figure img { width: 100%; } .drag-circle { color: #333; background-color: rgba(255, 255, 255, 0.2); border-radius: 50%; } .drag-circle .select-color { position: absolute; right: 0; top: -24px; } .drag-circle .drag-remove { right: -20px; } .drag-line { min-height: auto; line-height: 0px; color: #333; background-color: rgba(255, 255, 255, 0.3); } .drag-line .select-color { position: absolute; right: 0; top: -24px; } .drag-line .drag-remove { right: -20px; } .drag-button { min-height: 58.5px; line-height: normal; width: 195px; } .drag-button .drag-ui-button { outline: 0; width: 100%; height: 58.5px; color: #fff; background-color: #f90; border: 1px solid #f90; font-size: 16px; border-radius: 4px; font-weight: 400; text-align: center; vertical-align: middle; white-space: nowrap; line-height: 1.5; user-select: none; } .drag-arrow { width: 100px; height: 100px; border: 1px dashed rgba(0, 0, 0, 0.5); display: flex; align-items: center; justify-content: center; } .drag-arrow .arrow-inner { width: 91px; height: 49px; } .drag-arrow .left { transform: rotate(180deg); } .drag-arrow .left-top { transform: rotate(225deg); } .drag-arrow .top { transform: rotate(-90deg); } .drag-arrow .right-top { transform: rotate(-45deg); } .drag-arrow .right-bottom { transform: rotate(45deg); } .drag-arrow .bottom { transform: rotate(90deg); } .drag-arrow .left-bottom { transform: rotate(135deg); } .drag-audio { padding: 10px 5px 5px; min-height: 60px; border-radius: 8px; background-color: rgba(255, 255, 255, 0.7); } .drag-text { min-height: auto; border: 1px dashed rgba(0, 0, 0, 0.5); } .drag-text .ct-input { width: 100%; } .drag-text .ivu-color-picker { position: absolute; top: -24px; right: 85px; } .drag-text .ivu-select { position: absolute; top: -24px; right: 20px; } .drag-text-blanks { min-height: auto; background-color: #ffffff; max-width: 732px; min-width: auto; } .drag-text-blanks .ivu-color-picker { position: absolute; top: -24px; right: 85px; } .drag-text-blanks .ivu-select { position: absolute; top: -24px; right: 20px; } .drag-tts { min-height: auto; } .drag-tts .ct-input { width: 300px; } .drag-image { max-width: 430px; max-height: 430px; border: 1px dashed rgba(0, 0, 0, 0.5); } .drag-image img { width: 100%; } .poptip-figure-content { overflow: hidden; white-space: normal; } .poptip-figure-content .poptip-figure-item { display: inline-block; margin: 5px; min-width: 60px; } .poptip-content { text-align: center; overflow: hidden; } .poptip-item { display: inline-block; margin: 0 5px; } .poptip-item .left { transform: rotate(180deg); } .poptip-item .left-top { transform: rotate(225deg); } .poptip-item .top { transform: rotate(-90deg); } .poptip-item .right-top { transform: rotate(-45deg); } .poptip-item .right-bottom { transform: rotate(45deg); } .poptip-item .bottom { transform: rotate(90deg); } .poptip-item .left-bottom { transform: rotate(135deg); } .poptip-item img { width: 30px; } .init-svg { width: 100%; height: 100%; } .line-svg { stroke-dasharray: 1000; stroke-dashoffset: 10; animation: drawLine 3s linear forwards; } .show-property { position: absolute; bottom: 0; right: 0; } @keyframes drawLine { 0% { stroke-dashoffset: 1000; } 100% { stroke-dashoffset: 0; } } .circle-svg { stroke-dasharray: 20 5; animation: none; } @keyframes drawCircle { 0% { stroke-dashoffset: 0; } 100% { stroke-dasharray: 1500 1500; } } .rotate-x { transform-origin: center center; } .drag-bubble .ivu-color-picker { position: absolute; top: -24px; right: 20px; } .bubble-button { display: block; width: 130px; height: 98px; border-radius: 49px; position: relative; border: #FFF044 solid 1px; background-color: #FFF044; } .bubble-button:focus { border: none; outline: none; } .bg-grid { background-color: transparent; background-position: 0% 0%; background-size: 16px 16px; background-image: linear-gradient(90deg, rgba(0, 0, 0, 0.1) 1px, transparent 1px), linear-gradient(rgba(0, 0, 0, 0.1) 1px, transparent 1px); } audio { outline: none; } .action-box { max-width: 1012px; } .action-item { margin-bottom: 20px; } .action-item .audio-test { display: inline-block; vertical-align: middle; margin-right: 20px; } .action-item .ivu-upload { display: inline-block; vertical-align: middle; } .action-answer-item { margin: 0 0 15px; } .action-btn { text-align: right; } .action-btn.action-btn-left { text-align: left; } .cardBg { background-color: #e8eaec; } .lock-box { text-align: center; color: #999; padding: 15% 0 10%; } .lock-box > div { padding: 40px; } .poptip-remove { position: absolute; right: -4px; top: -4px; line-height: 0; opacity: 0; } .pageNumShow { position: absolute; left: 45%; bottom: -10px; line-height: 0; } .pageHiddenShow { position: absolute; left: 40px; top: -4px; line-height: 0; cursor: pointer; } .explanationSubtitles { position: absolute; right: -10px; top: -40px; cursor: pointer; } .image-upload-type { padding: 5px 0; } .image-upload-type > div + div { margin-top: 10px; } .module-list { display: inline-flex; padding: 10px 10px 10px 0; background-color: #f3f3f3; white-space: nowrap; } .module-list-item { display: flex; max-width: 100px; user-select: none; background-color: #fff; border: 1px solid #eee; text-align: center; position: relative; transition: hover 0.3s linear, box-shadow 0.3s ease-in-out, opacity 0.3s; margin-left: 10px; } .module-list-item > div { width: 100px; height: 100%; padding: 10px 0; } .module-list-item.curr { box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1); border-color: rgba(34, 153, 238, 0.5); } .module-list-item.set-box { min-height: 100px; border-style: dashed; cursor: pointer; } .module-list-item.set-box .ivu-icon { margin: 15px 0 5px; } .module-list-item .remove-course { position: absolute; left: -7px; top: -7px; opacity: 0; transition: opacity 0.3s; } .module-list-item .edit-course { position: absolute; right: -7px; top: -7px; opacity: 0; transition: opacity 0.3s; } .module-list-item .ivu-dropdown { position: absolute; right: 3px; top: 3px; } .module-list-item .ivu-dropdown a { color: #666; } .module-list-item img { width: 50px; height: 50px; background-color: #eee; } .module-list-item p { height: 22px; line-height: 22px; margin: 0 5px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .module-list-item:hover { box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1); } .module-list-item:hover .remove-course { opacity: 1; } .module-list-item:hover .edit-course { opacity: 1; } .preview-list { display: inline-flex; width: 750px; overflow-y: visible; overflow-x: auto; padding: 9px 8px; } .preview-item { display: flex; flex-shrink: 0; width: 100px; height: 100px; line-height: 0px; position: relative; margin-bottom: 10px; background-color: #f8f8f9; border: 2px solid #ffffff; background-size: cover; background-position: center; background-repeat: no-repeat; opacity: 0.5; transition: hover 0.3s linear, opacity 0.3s; } .preview-item:hover { border-color: rgba(60, 105, 138, 0.5); opacity: 0.7; } .preview-item.curr { border-color: rgba(34, 153, 238, 0.5); opacity: 1; } .preview-item.curr .poptip-remove { opacity: 1; } .preview-item.file-upload { background-color: #ccc; text-align: center; opacity: 1; } .preview-item.file-upload .upload-add-button { cursor: pointer; } .preview-item .flex-img { display: flex; width: 100%; height: 100%; align-items: center; justify-content: center; } .preview-item .flex-img > div { width: 100%; height: 100%; background-repeat: no-repeat; background-position: center; background-size: cover; } .preview-item .flex-img > div + div { margin-left: 2px; } .preview-item .preview-img { width: 100%; height: 100%; background-repeat: no-repeat; background-position: center; background-size: cover; } .other-area { position: relative; width: 832px; height: 468px; border: 1px dashed #dcdee2; background-color: #f8f8f9; } .image-box { position: relative; background-color: #f8f8f9; user-select: none; } .upload-image { position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 1; } .upload-image .ivu-upload { background-color: #f8f8f9; padding: 20px; } .upload-image .ivu-upload-drag { border: none; padding: 150px 0 20px; } .upload-image .ivu-row, .upload-image .ivu-col { height: 100%; } .image-preview { overflow: hidden; height: 100%; width: 100%; background-size: cover; display: flex; align-items: center; justify-content: center; } .image-preview .image-item { width: 100%; height: 100%; background-repeat: no-repeat; background-position: center; background-size: cover; } .image-preview .image-item + .image-item { margin-left: 5px; } .image-audio { padding-bottom: 20px; position: absolute; bottom: 0; left: 50%; margin-left: -250px; width: 500px; z-index: 10; text-align: center; } .image-audio .ct-input { width: 300px; } .image-audio .media-upload { display: inline-block; } .up-preview { width: 100%; height: 100%; background-repeat: no-repeat; background-position: top left; background-size: contain; } /* .roobo-editor { .other-area, //.player-box, .image-box, .editor-opt { height: 520px; } } */ .dropdown-list li a { color: #666; display: inline-block; padding: 5px 15px; } .dropdown-list li a:hover { background: #f3f3f3; color: #2d8cf0; } .blanks-main { text-align: left; font-family: Arial; padding: 5px; } .blanks-main p { font-size: 24px; line-height: 1; } .blanks-main span { display: inline-block; font-size: 24px; line-height: 1; overflow: hidden; vertical-align: middle; margin: 5px 0; } .blanks-main span.text-line { border-bottom: 1px solid #666; } .svg-button { cursor: pointer; width: 40px; height: 40px; fill-opacity: 0; stroke: #111111; stroke-width: 1; stroke-dasharray: 20 5; padding: 0px 4px; margin: 0px 10px 5px 10px; } .svg-button2 { cursor: pointer; width: 40px; height: 40px; fill-opacity: 0; stroke: #111111; stroke-width: 1; padding: 0px 4px; margin: 5px 10px 0px 10px; } .snBtn { height: 30px; margin: 20px 5px; } .snBtn2 { height: 30px; line-height: 30px; margin: 20px 5px; } .quanTuText { height: 50px; line-height: 50px; margin: 5px 30px 5px 10px; } .checkView { height: 50px; line-height: 50px; margin: 5px 30px 5px 10px; display: -webkit-flex; display: flex; flex-direction: row; justify-content: flex-start; } .checkViewItem { padding: 0px 10px 0px 0px; } .svgButtonOuter { width: 50px; height: 50px; display: table; } .svgButtoninner { display: table-cell; vertical-align: middle; text-align: center; } .tipsForeditor { font-family: Arial; padding: 5px; font-size: 12px; line-height: 1; } .editor-content { background-color: #f0f0f0; display: flex; border: 1px solid #eee; padding: 5px; max-width: 900px; } .tool-response { border: 1px solid #ddd; padding: 10px; margin: 0px 0px 10px 0px; } .oidFlex { display: -webkit-flex; display: flex; flex-direction: row; justify-content: flex-start; align-items: center; } .addInteractText { height: 30px; line-height: 30px; margin: 0px 30px 0px 10px; } .readPointInteractText { height: 30px; line-height: 30px; font-size: 16px; margin: 0px 10px 0px 10px; } .hide-area { border: 1px solid #ddd; padding: 0px 0px 0px 10px; } .talkTrainHeaderText { font-size: 14px; margin: 0px 0px 0px 0px; padding: 0px; } .showTimeoutTableCell { padding: 0px 20px 0px 0px; display: table-cell; vertical-align: middle; text-align: center; } .talkTrainHeader2Text { font-size: 10px; margin: 0px 0px 0px 0px; color: #aaaaaa; padding: 0px; } .svg-touch { cursor: pointer; } .talk-area { border: 1px solid #ddd; padding: 10px 10px 10px 10px; } .checkBtn { max-width: 900px; padding: 10px 10px 10px 10px; background-color: #f8f8f9; border: 1px solid #eee; } .classShow { width: 600px; display: -webkit-flex; display: flex; flex-direction: row; justify-content: space-between; align-items: center; } .recordStyle { height: 35px; width: 426px; display: -webkit-flex; display: flex; flex-direction: row; justify-content: flex-start; align-items: center; } .questionAudio2 { width: 500px; border: 1px solid #ddd; padding: 10px; } .questionAudio { width: 390px; border: 1px solid #ddd; padding: 10px; } .interact-game-pointRange { width: 700px; display: flex; display: -webkit-flex; flex-direction: column; justify-content: flex-start; align-items: flex-start; } .interact-gameSigmode-correct-btn { display: -webkit-flex; display: flex; flex-direction: row; justify-content: flex-start; align-items: center; } .interact-follow-response { display: -webkit-flex; display: flex; flex-direction: row; justify-content: flex-start; align-items: center; border: 1px solid #ddd; margin: 5px; } .oidstyle { height: 35px; width: 600px; display: -webkit-flex; display: flex; flex-direction: row; justify-content: start; align-items: center; } .el-table__body tr.current-row > td { background-color: #8282ec !important; /* color: #f19944; */ /* 设置文字颜色 */ } .readpoint-list { display: inline-flex; width: 1090px; overflow-y: visible; overflow-x: auto; padding: 8px; } .readpoint-item { display: flex; flex-shrink: 0; border-radius: 5px; width: 100px; height: 40px; line-height: 0px; position: relative; margin-right: 20px; margin-bottom: 10px; background-color: #f8f8f9; border: 2px solid #161616; background-size: cover; background-position: center; background-repeat: no-repeat; opacity: 0.8; transition: hover 0.3s linear, opacity 0.3s; cursor: pointer; } .readpoint-item:hover { border-color: rgba(60, 105, 138, 0.5); opacity: 0.7; } .readpoint-item.son { border-color: #b0c20f; background-color: #b0c20f; opacity: 1; } .readpoint-item.curr { border-color: rgba(34, 153, 238, 0.5); background-color: #0fc20f; opacity: 1; } .readpoint-item.curr .poptip-remove { opacity: 1; } .readpoint-item .flex-img { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; display: flex; width: 100%; height: 100%; align-items: center; justify-content: center; } .readpoint-item .flex-img > div { width: 100%; height: 100%; background-repeat: no-repeat; background-position: center; background-size: cover; } .readpoint-item .flex-img > div + div { margin-left: 2px; } .downloadPanelFlex { display: -webkit-flex; display: flex; flex-direction: column; justify-content: space-around; align-items: center; } .addPictureBookBtn { width: 120px; height: 40px; border-radius: 4px; background: #2472e3; color: #fff; text-align: center; cursor: pointer; } .el-checkbox + .el-checkbox { margin-left: 0px; } .el-checkbox { margin-right: 25px; } .course-module { width: 1014px; overflow-x: auto; background-color: #f3f3f3; border: 1px solid #eee; } .editor-mode { padding: 15px 0; overflow-x: auto; overflow-y: visible; } .editor-tool { background-color: #f8f8f9; display: flex; border: 1px solid #eee; padding: 5px; max-width: 1100px; } .editor-tool .tool-start { display: flex; flex-shrink: 0; flex-direction: column; padding: 5px 10px 5px 0; margin-right: 10px; border-right: 1px solid #eee; } .editor-tool .tool-start .ivu-btn { margin-bottom: 3px; margin-top: 3px; } .editor-tool .tool-action { padding: 5px 10px 5px 0; margin-right: 10px; border-right: 1px solid #eee; width: 380px; } .editor-tool .tool-action .ivu-btn { margin-bottom: 3px; margin-top: 3px; } .editor-tool .tool-main { display: flex; flex-shrink: 0; flex-direction: column; padding-right: 10px; margin-right: 10px; border-right: 1px solid #eee; } .editor-tool .tool-main .tool-column { margin: 3px 0; } .editor-tool .tool-opt { padding: 5px 0; } .editor-tool .tool-opt .ivu-btn { margin-bottom: 3px; margin-top: 3px; } .editor-container { margin-top: 10px; position: relative; } .editor-row { min-width: 900px; display: -webkit-flex; display: flex; flex-direction: row; } .editor-preview { width: 750px; float: top; margin-right: 12px; border: 1px solid #eee; background-color: #f8f8f9; } .editor-main { overflow-x: auto; width: 100%; position: relative; display: -webkit-flex; display: flex; flex-direction: row; align-items: center; } .editor-opt { height: 468px; width: 832px; position: absolute; left: 0; top: 0; z-index: 9; background: transparent; } .drag-box { position: absolute; z-index: 10; touch-action: none; text-align: center; font-size: 12px; border: 0px solid #3dd; /* .ivu-tooltip, .drap-title-pst { position: absolute; top: -24px; left: 0; } .size-val { position: absolute; top: 40%; left: 0; width: 100%; text-align: center; } .ivu-color-picker { cursor: default; } */ } .drag-box-bg { position: absolute; z-index: 8; touch-action: none; text-align: center; font-size: 12px; border: 0px solid #3dd; } .drag-polygon { position: absolute; z-index: 9; touch-action: none; text-align: center; font-size: 12px; border: 0px solid #3dd; } .drag-remove { position: absolute; left: 60px; top: -18px; } .OIDShowInQuantu { position: absolute; left: 0; right: 0; top: 40%; margin: auto; cursor: pointer; width: fit-content; background-color: #ffffff; } .OIDShowInQuantu2 { position: absolute; left: 5px; top: 3px; margin: auto; cursor: pointer; width: fit-content; background-color: #ffffff; } .NameShowInQuantu { position: absolute; left: 0; right: 0; top: 8px; margin: auto; cursor: pointer; width: fit-content; background-color: #ffffff; } .NameShowInQuantu1 { position: absolute; left: 0; right: 0; padding: 2px 0 0 2px; cursor: pointer; width: fit-content; overflow-y: auto; font-family: Times; } .drag-confirm { position: absolute; left: 30px; top: -18px; } .drag-reedit { position: absolute; left: 0; top: -18px; } .drag-box2 { position: absolute; z-index: 11; touch-action: none; text-align: center; font-size: 12px; /* .size-val { position: absolute; top: 40%; left: 0; width: 100%; text-align: center; } .ivu-color-picker { cursor: default; } */ } .drag-title { display: inline-block; font-size: 12px; border-radius: 4px; padding: 0 10px; height: 24px; line-height: 24px; background-color: #ff9900; color: #fff; } .resize-drag { touch-action: none; } .dragonly { touch-action: none; } .click-area { color: #fff; border-radius: 8px; padding: 10px 5px 5px; background-color: rgba(237, 64, 20, 0.5); } .click-area .horn-icon { position: absolute; top: 50%; left: 50%; margin-left: -44px; margin-top: -45px; background-image: url(data:image/png;base64,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); background-size: contain; width: 88px; height: 91px; z-index: -1; } .drag-figure { width: 100px; background-color: rgba(255, 255, 255, 0.5); } .drag-figure img { width: 100%; } .drag-circle { color: #333; background-color: rgba(255, 255, 255, 0.2); border-radius: 50%; } .drag-circle .select-color { position: absolute; right: 0; top: -24px; } .drag-circle .drag-remove { right: -20px; } .drag-line { min-height: auto; line-height: 0px; color: #333; background-color: rgba(255, 255, 255, 0.3); } .drag-line .select-color { position: absolute; right: 0; top: -24px; } .drag-line .drag-remove { right: -20px; } .drag-button { min-height: 58.5px; line-height: normal; width: 195px; } .drag-button .drag-ui-button { outline: 0; width: 100%; height: 58.5px; color: #fff; background-color: #f90; border: 1px solid #f90; font-size: 16px; border-radius: 4px; font-weight: 400; text-align: center; vertical-align: middle; white-space: nowrap; line-height: 1.5; user-select: none; } .drag-arrow { width: 100px; height: 100px; border: 1px dashed rgba(0, 0, 0, 0.5); display: flex; align-items: center; justify-content: center; } .drag-arrow .arrow-inner { width: 91px; height: 49px; } .drag-arrow .left { transform: rotate(180deg); } .drag-arrow .left-top { transform: rotate(225deg); } .drag-arrow .top { transform: rotate(-90deg); } .drag-arrow .right-top { transform: rotate(-45deg); } .drag-arrow .right-bottom { transform: rotate(45deg); } .drag-arrow .bottom { transform: rotate(90deg); } .drag-arrow .left-bottom { transform: rotate(135deg); } .drag-audio { padding: 10px 5px 5px; min-height: 60px; border-radius: 8px; background-color: rgba(255, 255, 255, 0.7); } .drag-text { min-height: auto; border: 1px dashed rgba(0, 0, 0, 0.5); } .drag-text .ct-input { width: 100%; } .drag-text .ivu-color-picker { position: absolute; top: -24px; right: 85px; } .drag-text .ivu-select { position: absolute; top: -24px; right: 20px; } .drag-text-blanks { min-height: auto; background-color: #ffffff; max-width: 732px; min-width: auto; } .drag-text-blanks .ivu-color-picker { position: absolute; top: -24px; right: 85px; } .drag-text-blanks .ivu-select { position: absolute; top: -24px; right: 20px; } .drag-tts { min-height: auto; } .drag-tts .ct-input { width: 300px; } .drag-image { max-width: 430px; max-height: 430px; border: 1px dashed rgba(0, 0, 0, 0.5); } .drag-image img { width: 100%; } .poptip-figure-content { overflow: hidden; white-space: normal; } .poptip-figure-content .poptip-figure-item { display: inline-block; margin: 5px; min-width: 60px; } .poptip-content { text-align: center; overflow: hidden; } .poptip-item { display: inline-block; margin: 0 5px; } .poptip-item .left { transform: rotate(180deg); } .poptip-item .left-top { transform: rotate(225deg); } .poptip-item .top { transform: rotate(-90deg); } .poptip-item .right-top { transform: rotate(-45deg); } .poptip-item .right-bottom { transform: rotate(45deg); } .poptip-item .bottom { transform: rotate(90deg); } .poptip-item .left-bottom { transform: rotate(135deg); } .poptip-item img { width: 30px; } .init-svg { width: 100%; height: 100%; } .line-svg { stroke-dasharray: 1000; stroke-dashoffset: 10; animation: drawLine 3s linear forwards; } .show-property { position: absolute; bottom: 0; right: 0; } @keyframes drawLine { 0% { stroke-dashoffset: 1000; } 100% { stroke-dashoffset: 0; } } .circle-svg { stroke-dasharray: 20 5; animation: none; } @keyframes drawCircle { 0% { stroke-dashoffset: 0; } 100% { stroke-dasharray: 1500 1500; } } .rotate-x { transform-origin: center center; } .drag-bubble .ivu-color-picker { position: absolute; top: -24px; right: 20px; } .bubble-button { display: block; width: 130px; height: 98px; border-radius: 49px; position: relative; border: #FFF044 solid 1px; background-color: #FFF044; } .bubble-button:focus { border: none; outline: none; } .bg-grid { background-color: transparent; background-position: 0% 0%; background-size: 16px 16px; background-image: linear-gradient(90deg, rgba(0, 0, 0, 0.1) 1px, transparent 1px), linear-gradient(rgba(0, 0, 0, 0.1) 1px, transparent 1px); } audio { outline: none; } .action-box { max-width: 1012px; } .action-item { margin-bottom: 20px; } .action-item .audio-test { display: inline-block; vertical-align: middle; margin-right: 20px; } .action-item .ivu-upload { display: inline-block; vertical-align: middle; } .action-answer-item { margin: 0 0 15px; } .action-btn { text-align: right; } .action-btn.action-btn-left { text-align: left; } .cardBg { background-color: #e8eaec; } .lock-box { text-align: center; color: #999; padding: 15% 0 10%; } .lock-box > div { padding: 40px; } .poptip-remove { position: absolute; right: -4px; top: -4px; line-height: 0; opacity: 0; } .pageNumShow { position: absolute; left: 45%; bottom: -10px; line-height: 0; } .pageHiddenShow { position: absolute; left: 40px; top: -4px; line-height: 0; cursor: pointer; } .explanationSubtitles { position: absolute; right: -10px; top: -40px; cursor: pointer; } .image-upload-type { padding: 5px 0; } .image-upload-type > div + div { margin-top: 10px; } .module-list { display: inline-flex; padding: 10px 10px 10px 0; background-color: #f3f3f3; white-space: nowrap; } .module-list-item { display: flex; max-width: 100px; user-select: none; background-color: #fff; border: 1px solid #eee; text-align: center; position: relative; transition: hover 0.3s linear, box-shadow 0.3s ease-in-out, opacity 0.3s; margin-left: 10px; } .module-list-item > div { width: 100px; height: 100%; padding: 10px 0; } .module-list-item.curr { box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1); border-color: rgba(34, 153, 238, 0.5); } .module-list-item.set-box { min-height: 100px; border-style: dashed; cursor: pointer; } .module-list-item.set-box .ivu-icon { margin: 15px 0 5px; } .module-list-item .remove-course { position: absolute; left: -7px; top: -7px; opacity: 0; transition: opacity 0.3s; } .module-list-item .edit-course { position: absolute; right: -7px; top: -7px; opacity: 0; transition: opacity 0.3s; } .module-list-item .ivu-dropdown { position: absolute; right: 3px; top: 3px; } .module-list-item .ivu-dropdown a { color: #666; } .module-list-item img { width: 50px; height: 50px; background-color: #eee; } .module-list-item p { height: 22px; line-height: 22px; margin: 0 5px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .module-list-item:hover { box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1); } .module-list-item:hover .remove-course { opacity: 1; } .module-list-item:hover .edit-course { opacity: 1; } .preview-list { display: inline-flex; width: 750px; overflow-y: visible; overflow-x: auto; padding: 9px 8px; } .preview-item { display: flex; flex-shrink: 0; width: 100px; height: 100px; line-height: 0px; position: relative; margin-bottom: 10px; background-color: #f8f8f9; border: 2px solid #ffffff; background-size: cover; background-position: center; background-repeat: no-repeat; opacity: 0.5; transition: hover 0.3s linear, opacity 0.3s; } .preview-item:hover { border-color: rgba(60, 105, 138, 0.5); opacity: 0.7; } .preview-item.curr { border-color: rgba(34, 153, 238, 0.5); opacity: 1; } .preview-item.curr .poptip-remove { opacity: 1; } .preview-item.file-upload { background-color: #ccc; text-align: center; opacity: 1; } .preview-item.file-upload .upload-add-button { cursor: pointer; } .preview-item .flex-img { display: flex; width: 100%; height: 100%; align-items: center; justify-content: center; } .preview-item .flex-img > div { width: 100%; height: 100%; background-repeat: no-repeat; background-position: center; background-size: cover; } .preview-item .flex-img > div + div { margin-left: 2px; } .preview-item .preview-img { width: 100%; height: 100%; background-repeat: no-repeat; background-position: center; background-size: cover; } .other-area { position: relative; width: 832px; height: 468px; border: 1px dashed #dcdee2; background-color: #f8f8f9; } .image-box { position: relative; background-color: #f8f8f9; user-select: none; } .upload-image { position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 1; } .upload-image .ivu-upload { background-color: #f8f8f9; padding: 20px; } .upload-image .ivu-upload-drag { border: none; padding: 150px 0 20px; } .upload-image .ivu-row, .upload-image .ivu-col { height: 100%; } .image-preview { overflow: hidden; height: 100%; width: 100%; background-size: cover; display: flex; align-items: center; justify-content: center; } .image-preview .image-item { width: 100%; height: 100%; background-repeat: no-repeat; background-position: center; background-size: cover; } .image-preview .image-item + .image-item { margin-left: 5px; } .image-audio { padding-bottom: 20px; position: absolute; bottom: 0; left: 50%; margin-left: -250px; width: 500px; z-index: 10; text-align: center; } .image-audio .ct-input { width: 300px; } .image-audio .media-upload { display: inline-block; } .up-preview { width: 100%; height: 100%; background-repeat: no-repeat; background-position: top left; background-size: contain; } /* .roobo-editor { .other-area, //.player-box, .image-box, .editor-opt { height: 520px; } } */ .dropdown-list li a { color: #666; display: inline-block; padding: 5px 15px; } .dropdown-list li a:hover { background: #f3f3f3; color: #2d8cf0; } .blanks-main { text-align: left; font-family: Arial; padding: 5px; } .blanks-main p { font-size: 24px; line-height: 1; } .blanks-main span { display: inline-block; font-size: 24px; line-height: 1; overflow: hidden; vertical-align: middle; margin: 5px 0; } .blanks-main span.text-line { border-bottom: 1px solid #666; } .svg-button { cursor: pointer; width: 40px; height: 40px; fill-opacity: 0; stroke: #111111; stroke-width: 1; stroke-dasharray: 20 5; padding: 0px 4px; margin: 0px 10px 5px 10px; } .svg-button2 { cursor: pointer; width: 40px; height: 40px; fill-opacity: 0; stroke: #111111; stroke-width: 1; padding: 0px 4px; margin: 5px 10px 0px 10px; } .snBtn { height: 30px; margin: 20px 5px; } .snBtn2 { height: 30px; line-height: 30px; margin: 20px 5px; } .quanTuText { height: 50px; line-height: 50px; margin: 5px 30px 5px 10px; } .checkView { height: 50px; line-height: 50px; margin: 5px 30px 5px 10px; display: -webkit-flex; display: flex; flex-direction: row; justify-content: flex-start; } .checkViewItem { padding: 0px 10px 0px 0px; } .svgButtonOuter { width: 50px; height: 50px; display: table; } .svgButtoninner { display: table-cell; vertical-align: middle; text-align: center; } .tipsForeditor { font-family: Arial; padding: 5px; font-size: 12px; line-height: 1; } .editor-content { background-color: #f0f0f0; display: flex; border: 1px solid #eee; padding: 5px; max-width: 900px; } .tool-response { border: 1px solid #ddd; padding: 10px; margin: 0px 0px 10px 0px; } .oidFlex { display: -webkit-flex; display: flex; flex-direction: row; justify-content: flex-start; align-items: center; } .addInteractText { height: 30px; line-height: 30px; margin: 0px 30px 0px 10px; } .readPointInteractText { height: 30px; line-height: 30px; font-size: 16px; margin: 0px 10px 0px 10px; } .hide-area { border: 1px solid #ddd; padding: 0px 0px 0px 10px; } .talkTrainHeaderText { font-size: 14px; margin: 0px 0px 0px 0px; padding: 0px; } .showTimeoutTableCell { padding: 0px 20px 0px 0px; display: table-cell; vertical-align: middle; text-align: center; } .talkTrainHeader2Text { font-size: 10px; margin: 0px 0px 0px 0px; color: #aaaaaa; padding: 0px; } .svg-touch { cursor: pointer; } .talk-area { border: 1px solid #ddd; padding: 10px 10px 10px 10px; } .checkBtn { max-width: 900px; padding: 10px 10px 10px 10px; background-color: #f8f8f9; border: 1px solid #eee; } .classShow { width: 600px; display: -webkit-flex; display: flex; flex-direction: row; justify-content: space-between; align-items: center; } .recordStyle { height: 35px; width: 426px; display: -webkit-flex; display: flex; flex-direction: row; justify-content: flex-start; align-items: center; } .questionAudio2 { width: 500px; border: 1px solid #ddd; padding: 10px; } .questionAudio { width: 390px; border: 1px solid #ddd; padding: 10px; } .interact-game-pointRange { width: 700px; display: flex; display: -webkit-flex; flex-direction: column; justify-content: flex-start; align-items: flex-start; } .interact-gameSigmode-correct-btn { display: -webkit-flex; display: flex; flex-direction: row; justify-content: flex-start; align-items: center; } .interact-follow-response { display: -webkit-flex; display: flex; flex-direction: row; justify-content: flex-start; align-items: center; border: 1px solid #ddd; margin: 5px; } .oidstyle { height: 35px; width: 600px; display: -webkit-flex; display: flex; flex-direction: row; justify-content: start; align-items: center; } .el-table__body tr.current-row > td { background-color: #8282ec !important; /* color: #f19944; */ /* 设置文字颜色 */ } .readpoint-list { display: inline-flex; width: 1090px; overflow-y: visible; overflow-x: auto; padding: 8px; } .readpoint-item { display: flex; flex-shrink: 0; border-radius: 5px; width: 100px; height: 40px; line-height: 0px; position: relative; margin-right: 20px; margin-bottom: 10px; background-color: #f8f8f9; border: 2px solid #161616; background-size: cover; background-position: center; background-repeat: no-repeat; opacity: 0.8; transition: hover 0.3s linear, opacity 0.3s; cursor: pointer; } .readpoint-item:hover { border-color: rgba(60, 105, 138, 0.5); opacity: 0.7; } .readpoint-item.son { border-color: #b0c20f; background-color: #b0c20f; opacity: 1; } .readpoint-item.curr { border-color: rgba(34, 153, 238, 0.5); background-color: #0fc20f; opacity: 1; } .readpoint-item.curr .poptip-remove { opacity: 1; } .readpoint-item .flex-img { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; display: flex; width: 100%; height: 100%; align-items: center; justify-content: center; } .readpoint-item .flex-img > div { width: 100%; height: 100%; background-repeat: no-repeat; background-position: center; background-size: cover; } .readpoint-item .flex-img > div + div { margin-left: 2px; } .downloadPanelFlex { display: -webkit-flex; display: flex; flex-direction: column; justify-content: space-around; align-items: center; } .addPictureBookBtn { width: 120px; height: 40px; border-radius: 4px; background: #2472e3; color: #fff; text-align: center; cursor: pointer; } .el-checkbox + .el-checkbox { margin-left: 0px; } .el-checkbox { margin-right: 25px; } .course-module { width: 1014px; overflow-x: auto; background-color: #f3f3f3; border: 1px solid #eee; } .editor-mode { padding: 15px 0; overflow-x: auto; overflow-y: visible; } .editor-tool { background-color: #f8f8f9; display: flex; border: 1px solid #eee; padding: 5px; max-width: 1100px; } .editor-tool .tool-start { display: flex; flex-shrink: 0; flex-direction: column; padding: 5px 10px 5px 0; margin-right: 10px; border-right: 1px solid #eee; } .editor-tool .tool-start .ivu-btn { margin-bottom: 3px; margin-top: 3px; } .editor-tool .tool-action { padding: 5px 10px 5px 0; margin-right: 10px; border-right: 1px solid #eee; width: 380px; } .editor-tool .tool-action .ivu-btn { margin-bottom: 3px; margin-top: 3px; } .editor-tool .tool-main { display: flex; flex-shrink: 0; flex-direction: column; padding-right: 10px; margin-right: 10px; border-right: 1px solid #eee; } .editor-tool .tool-main .tool-column { margin: 3px 0; } .editor-tool .tool-opt { padding: 5px 0; } .editor-tool .tool-opt .ivu-btn { margin-bottom: 3px; margin-top: 3px; } .editor-container { margin-top: 10px; position: relative; } .editor-row { min-width: 900px; display: -webkit-flex; display: flex; flex-direction: row; } .editor-preview { width: 750px; float: top; margin-right: 12px; border: 1px solid #eee; background-color: #f8f8f9; } .editor-main { overflow-x: auto; width: 100%; position: relative; display: -webkit-flex; display: flex; flex-direction: row; align-items: center; } .editor-opt { height: 468px; width: 832px; position: absolute; left: 0; top: 0; z-index: 9; background: transparent; } .drag-box { position: absolute; z-index: 10; touch-action: none; text-align: center; font-size: 12px; border: 0px solid #3dd; /* .ivu-tooltip, .drap-title-pst { position: absolute; top: -24px; left: 0; } .size-val { position: absolute; top: 40%; left: 0; width: 100%; text-align: center; } .ivu-color-picker { cursor: default; } */ } .drag-box-bg { position: absolute; z-index: 8; touch-action: none; text-align: center; font-size: 12px; border: 0px solid #3dd; } .drag-polygon { position: absolute; z-index: 9; touch-action: none; text-align: center; font-size: 12px; border: 0px solid #3dd; } .drag-remove { position: absolute; left: 60px; top: -18px; } .OIDShowInQuantu { position: absolute; left: 0; right: 0; top: 40%; margin: auto; cursor: pointer; width: fit-content; background-color: #ffffff; } .OIDShowInQuantu2 { position: absolute; left: 5px; top: 3px; margin: auto; cursor: pointer; width: fit-content; background-color: #ffffff; } .NameShowInQuantu { position: absolute; left: 0; right: 0; top: 8px; margin: auto; cursor: pointer; width: fit-content; background-color: #ffffff; } .NameShowInQuantu1 { position: absolute; left: 0; right: 0; padding: 2px 0 0 2px; cursor: pointer; width: fit-content; overflow-y: auto; font-family: Times; } .drag-confirm { position: absolute; left: 30px; top: -18px; } .drag-reedit { position: absolute; left: 0; top: -18px; } .drag-box2 { position: absolute; z-index: 11; touch-action: none; text-align: center; font-size: 12px; /* .size-val { position: absolute; top: 40%; left: 0; width: 100%; text-align: center; } .ivu-color-picker { cursor: default; } */ } .drag-title { display: inline-block; font-size: 12px; border-radius: 4px; padding: 0 10px; height: 24px; line-height: 24px; background-color: #ff9900; color: #fff; } .resize-drag { touch-action: none; } .dragonly { touch-action: none; } .click-area { color: #fff; border-radius: 8px; padding: 10px 5px 5px; background-color: rgba(237, 64, 20, 0.5); } .click-area .horn-icon { position: absolute; top: 50%; left: 50%; margin-left: -44px; margin-top: -45px; background-image: url(data:image/png;base64,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); background-size: contain; width: 88px; height: 91px; z-index: -1; } .drag-figure { width: 100px; background-color: rgba(255, 255, 255, 0.5); } .drag-figure img { width: 100%; } .drag-circle { color: #333; background-color: rgba(255, 255, 255, 0.2); border-radius: 50%; } .drag-circle .select-color { position: absolute; right: 0; top: -24px; } .drag-circle .drag-remove { right: -20px; } .drag-line { min-height: auto; line-height: 0px; color: #333; background-color: rgba(255, 255, 255, 0.3); } .drag-line .select-color { position: absolute; right: 0; top: -24px; } .drag-line .drag-remove { right: -20px; } .drag-button { min-height: 58.5px; line-height: normal; width: 195px; } .drag-button .drag-ui-button { outline: 0; width: 100%; height: 58.5px; color: #fff; background-color: #f90; border: 1px solid #f90; font-size: 16px; border-radius: 4px; font-weight: 400; text-align: center; vertical-align: middle; white-space: nowrap; line-height: 1.5; user-select: none; } .drag-arrow { width: 100px; height: 100px; border: 1px dashed rgba(0, 0, 0, 0.5); display: flex; align-items: center; justify-content: center; } .drag-arrow .arrow-inner { width: 91px; height: 49px; } .drag-arrow .left { transform: rotate(180deg); } .drag-arrow .left-top { transform: rotate(225deg); } .drag-arrow .top { transform: rotate(-90deg); } .drag-arrow .right-top { transform: rotate(-45deg); } .drag-arrow .right-bottom { transform: rotate(45deg); } .drag-arrow .bottom { transform: rotate(90deg); } .drag-arrow .left-bottom { transform: rotate(135deg); } .drag-audio { padding: 10px 5px 5px; min-height: 60px; border-radius: 8px; background-color: rgba(255, 255, 255, 0.7); } .drag-text { min-height: auto; border: 1px dashed rgba(0, 0, 0, 0.5); } .drag-text .ct-input { width: 100%; } .drag-text .ivu-color-picker { position: absolute; top: -24px; right: 85px; } .drag-text .ivu-select { position: absolute; top: -24px; right: 20px; } .drag-text-blanks { min-height: auto; background-color: #ffffff; max-width: 732px; min-width: auto; } .drag-text-blanks .ivu-color-picker { position: absolute; top: -24px; right: 85px; } .drag-text-blanks .ivu-select { position: absolute; top: -24px; right: 20px; } .drag-tts { min-height: auto; } .drag-tts .ct-input { width: 300px; } .drag-image { max-width: 430px; max-height: 430px; border: 1px dashed rgba(0, 0, 0, 0.5); } .drag-image img { width: 100%; } .poptip-figure-content { overflow: hidden; white-space: normal; } .poptip-figure-content .poptip-figure-item { display: inline-block; margin: 5px; min-width: 60px; } .poptip-content { text-align: center; overflow: hidden; } .poptip-item { display: inline-block; margin: 0 5px; } .poptip-item .left { transform: rotate(180deg); } .poptip-item .left-top { transform: rotate(225deg); } .poptip-item .top { transform: rotate(-90deg); } .poptip-item .right-top { transform: rotate(-45deg); } .poptip-item .right-bottom { transform: rotate(45deg); } .poptip-item .bottom { transform: rotate(90deg); } .poptip-item .left-bottom { transform: rotate(135deg); } .poptip-item img { width: 30px; } .init-svg { width: 100%; height: 100%; } .line-svg { stroke-dasharray: 1000; stroke-dashoffset: 10; animation: drawLine 3s linear forwards; } .show-property { position: absolute; bottom: 0; right: 0; } @keyframes drawLine { 0% { stroke-dashoffset: 1000; } 100% { stroke-dashoffset: 0; } } .circle-svg { stroke-dasharray: 20 5; animation: none; } @keyframes drawCircle { 0% { stroke-dashoffset: 0; } 100% { stroke-dasharray: 1500 1500; } } .rotate-x { transform-origin: center center; } .drag-bubble .ivu-color-picker { position: absolute; top: -24px; right: 20px; } .bubble-button { display: block; width: 130px; height: 98px; border-radius: 49px; position: relative; border: #FFF044 solid 1px; background-color: #FFF044; } .bubble-button:focus { border: none; outline: none; } .bg-grid { background-color: transparent; background-position: 0% 0%; background-size: 16px 16px; background-image: linear-gradient(90deg, rgba(0, 0, 0, 0.1) 1px, transparent 1px), linear-gradient(rgba(0, 0, 0, 0.1) 1px, transparent 1px); } audio { outline: none; } .action-box { max-width: 1012px; } .action-item { margin-bottom: 20px; } .action-item .audio-test { display: inline-block; vertical-align: middle; margin-right: 20px; } .action-item .ivu-upload { display: inline-block; vertical-align: middle; } .action-answer-item { margin: 0 0 15px; } .action-btn { text-align: right; } .action-btn.action-btn-left { text-align: left; } .cardBg { background-color: #e8eaec; } .lock-box { text-align: center; color: #999; padding: 15% 0 10%; } .lock-box > div { padding: 40px; } .poptip-remove { position: absolute; right: -4px; top: -4px; line-height: 0; opacity: 0; } .pageNumShow { position: absolute; left: 45%; bottom: -10px; line-height: 0; } .pageHiddenShow { position: absolute; left: 40px; top: -4px; line-height: 0; cursor: pointer; } .explanationSubtitles { position: absolute; right: -10px; top: -40px; cursor: pointer; } .image-upload-type { padding: 5px 0; } .image-upload-type > div + div { margin-top: 10px; } .module-list { display: inline-flex; padding: 10px 10px 10px 0; background-color: #f3f3f3; white-space: nowrap; } .module-list-item { display: flex; max-width: 100px; user-select: none; background-color: #fff; border: 1px solid #eee; text-align: center; position: relative; transition: hover 0.3s linear, box-shadow 0.3s ease-in-out, opacity 0.3s; margin-left: 10px; } .module-list-item > div { width: 100px; height: 100%; padding: 10px 0; } .module-list-item.curr { box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1); border-color: rgba(34, 153, 238, 0.5); } .module-list-item.set-box { min-height: 100px; border-style: dashed; cursor: pointer; } .module-list-item.set-box .ivu-icon { margin: 15px 0 5px; } .module-list-item .remove-course { position: absolute; left: -7px; top: -7px; opacity: 0; transition: opacity 0.3s; } .module-list-item .edit-course { position: absolute; right: -7px; top: -7px; opacity: 0; transition: opacity 0.3s; } .module-list-item .ivu-dropdown { position: absolute; right: 3px; top: 3px; } .module-list-item .ivu-dropdown a { color: #666; } .module-list-item img { width: 50px; height: 50px; background-color: #eee; } .module-list-item p { height: 22px; line-height: 22px; margin: 0 5px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .module-list-item:hover { box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1); } .module-list-item:hover .remove-course { opacity: 1; } .module-list-item:hover .edit-course { opacity: 1; } .preview-list { display: inline-flex; width: 750px; overflow-y: visible; overflow-x: auto; padding: 9px 8px; } .preview-item { display: flex; flex-shrink: 0; width: 100px; height: 100px; line-height: 0px; position: relative; margin-bottom: 10px; background-color: #f8f8f9; border: 2px solid #ffffff; background-size: cover; background-position: center; background-repeat: no-repeat; opacity: 0.5; transition: hover 0.3s linear, opacity 0.3s; } .preview-item:hover { border-color: rgba(60, 105, 138, 0.5); opacity: 0.7; } .preview-item.curr { border-color: rgba(34, 153, 238, 0.5); opacity: 1; } .preview-item.curr .poptip-remove { opacity: 1; } .preview-item.file-upload { background-color: #ccc; text-align: center; opacity: 1; } .preview-item.file-upload .upload-add-button { cursor: pointer; } .preview-item .flex-img { display: flex; width: 100%; height: 100%; align-items: center; justify-content: center; } .preview-item .flex-img > div { width: 100%; height: 100%; background-repeat: no-repeat; background-position: center; background-size: cover; } .preview-item .flex-img > div + div { margin-left: 2px; } .preview-item .preview-img { width: 100%; height: 100%; background-repeat: no-repeat; background-position: center; background-size: cover; } .other-area { position: relative; width: 832px; height: 468px; border: 1px dashed #dcdee2; background-color: #f8f8f9; } .image-box { position: relative; background-color: #f8f8f9; user-select: none; } .upload-image { position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 1; } .upload-image .ivu-upload { background-color: #f8f8f9; padding: 20px; } .upload-image .ivu-upload-drag { border: none; padding: 150px 0 20px; } .upload-image .ivu-row, .upload-image .ivu-col { height: 100%; } .image-preview { overflow: hidden; height: 100%; width: 100%; background-size: cover; display: flex; align-items: center; justify-content: center; } .image-preview .image-item { width: 100%; height: 100%; background-repeat: no-repeat; background-position: center; background-size: cover; } .image-preview .image-item + .image-item { margin-left: 5px; } .image-audio { padding-bottom: 20px; position: absolute; bottom: 0; left: 50%; margin-left: -250px; width: 500px; z-index: 10; text-align: center; } .image-audio .ct-input { width: 300px; } .image-audio .media-upload { display: inline-block; } .up-preview { width: 100%; height: 100%; background-repeat: no-repeat; background-position: top left; background-size: contain; } /* .roobo-editor { .other-area, //.player-box, .image-box, .editor-opt { height: 520px; } } */ .dropdown-list li a { color: #666; display: inline-block; padding: 5px 15px; } .dropdown-list li a:hover { background: #f3f3f3; color: #2d8cf0; } .blanks-main { text-align: left; font-family: Arial; padding: 5px; } .blanks-main p { font-size: 24px; line-height: 1; } .blanks-main span { display: inline-block; font-size: 24px; line-height: 1; overflow: hidden; vertical-align: middle; margin: 5px 0; } .blanks-main span.text-line { border-bottom: 1px solid #666; } .svg-button { cursor: pointer; width: 40px; height: 40px; fill-opacity: 0; stroke: #111111; stroke-width: 1; stroke-dasharray: 20 5; padding: 0px 4px; margin: 0px 10px 5px 10px; } .svg-button2 { cursor: pointer; width: 40px; height: 40px; fill-opacity: 0; stroke: #111111; stroke-width: 1; padding: 0px 4px; margin: 5px 10px 0px 10px; } .snBtn { height: 30px; margin: 20px 5px; } .snBtn2 { height: 30px; line-height: 30px; margin: 20px 5px; } .quanTuText { height: 50px; line-height: 50px; margin: 5px 30px 5px 10px; } .checkView { height: 50px; line-height: 50px; margin: 5px 30px 5px 10px; display: -webkit-flex; display: flex; flex-direction: row; justify-content: flex-start; } .checkViewItem { padding: 0px 10px 0px 0px; } .svgButtonOuter { width: 50px; height: 50px; display: table; } .svgButtoninner { display: table-cell; vertical-align: middle; text-align: center; } .tipsForeditor { font-family: Arial; padding: 5px; font-size: 12px; line-height: 1; } .editor-content { background-color: #f0f0f0; display: flex; border: 1px solid #eee; padding: 5px; max-width: 900px; } .tool-response { border: 1px solid #ddd; padding: 10px; margin: 0px 0px 10px 0px; } .oidFlex { display: -webkit-flex; display: flex; flex-direction: row; justify-content: flex-start; align-items: center; } .addInteractText { height: 30px; line-height: 30px; margin: 0px 30px 0px 10px; } .readPointInteractText { height: 30px; line-height: 30px; font-size: 16px; margin: 0px 10px 0px 10px; } .hide-area { border: 1px solid #ddd; padding: 0px 0px 0px 10px; } .talkTrainHeaderText { font-size: 14px; margin: 0px 0px 0px 0px; padding: 0px; } .showTimeoutTableCell { padding: 0px 20px 0px 0px; display: table-cell; vertical-align: middle; text-align: center; } .talkTrainHeader2Text { font-size: 10px; margin: 0px 0px 0px 0px; color: #aaaaaa; padding: 0px; } .svg-touch { cursor: pointer; } .talk-area { border: 1px solid #ddd; padding: 10px 10px 10px 10px; } .checkBtn { max-width: 900px; padding: 10px 10px 10px 10px; background-color: #f8f8f9; border: 1px solid #eee; } .classShow { width: 600px; display: -webkit-flex; display: flex; flex-direction: row; justify-content: space-between; align-items: center; } .recordStyle { height: 35px; width: 426px; display: -webkit-flex; display: flex; flex-direction: row; justify-content: flex-start; align-items: center; } .questionAudio2 { width: 500px; border: 1px solid #ddd; padding: 10px; } .questionAudio { width: 390px; border: 1px solid #ddd; padding: 10px; } .interact-game-pointRange { width: 700px; display: flex; display: -webkit-flex; flex-direction: column; justify-content: flex-start; align-items: flex-start; } .interact-gameSigmode-correct-btn { display: -webkit-flex; display: flex; flex-direction: row; justify-content: flex-start; align-items: center; } .interact-follow-response { display: -webkit-flex; display: flex; flex-direction: row; justify-content: flex-start; align-items: center; border: 1px solid #ddd; margin: 5px; } .oidstyle { height: 35px; width: 600px; display: -webkit-flex; display: flex; flex-direction: row; justify-content: start; align-items: center; } .el-table__body tr.current-row > td { background-color: #8282ec !important; /* color: #f19944; */ /* 设置文字颜色 */ } .readpoint-list { display: inline-flex; width: 1090px; overflow-y: visible; overflow-x: auto; padding: 8px; } .readpoint-item { display: flex; flex-shrink: 0; border-radius: 5px; width: 100px; height: 40px; line-height: 0px; position: relative; margin-right: 20px; margin-bottom: 10px; background-color: #f8f8f9; border: 2px solid #161616; background-size: cover; background-position: center; background-repeat: no-repeat; opacity: 0.8; transition: hover 0.3s linear, opacity 0.3s; cursor: pointer; } .readpoint-item:hover { border-color: rgba(60, 105, 138, 0.5); opacity: 0.7; } .readpoint-item.son { border-color: #b0c20f; background-color: #b0c20f; opacity: 1; } .readpoint-item.curr { border-color: rgba(34, 153, 238, 0.5); background-color: #0fc20f; opacity: 1; } .readpoint-item.curr .poptip-remove { opacity: 1; } .readpoint-item .flex-img { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; display: flex; width: 100%; height: 100%; align-items: center; justify-content: center; } .readpoint-item .flex-img > div { width: 100%; height: 100%; background-repeat: no-repeat; background-position: center; background-size: cover; } .readpoint-item .flex-img > div + div { margin-left: 2px; } .downloadPanelFlex { display: -webkit-flex; display: flex; flex-direction: column; justify-content: space-around; align-items: center; } .addPictureBookBtn { width: 120px; height: 40px; border-radius: 4px; background: #2472e3; color: #fff; text-align: center; cursor: pointer; } .el-checkbox + .el-checkbox { margin-left: 0px; } .el-checkbox { margin-right: 25px; } .course-module { width: 1014px; overflow-x: auto; background-color: #f3f3f3; border: 1px solid #eee; } .editor-mode { padding: 15px 0; overflow-x: auto; overflow-y: visible; } .editor-tool { background-color: #f8f8f9; display: flex; border: 1px solid #eee; padding: 5px; max-width: 1100px; } .editor-tool .tool-start { display: flex; flex-shrink: 0; flex-direction: column; padding: 5px 10px 5px 0; margin-right: 10px; border-right: 1px solid #eee; } .editor-tool .tool-start .ivu-btn { margin-bottom: 3px; margin-top: 3px; } .editor-tool .tool-action { padding: 5px 10px 5px 0; margin-right: 10px; border-right: 1px solid #eee; width: 380px; } .editor-tool .tool-action .ivu-btn { margin-bottom: 3px; margin-top: 3px; } .editor-tool .tool-main { display: flex; flex-shrink: 0; flex-direction: column; padding-right: 10px; margin-right: 10px; border-right: 1px solid #eee; } .editor-tool .tool-main .tool-column { margin: 3px 0; } .editor-tool .tool-opt { padding: 5px 0; } .editor-tool .tool-opt .ivu-btn { margin-bottom: 3px; margin-top: 3px; } .editor-container { margin-top: 10px; position: relative; } .editor-row { min-width: 900px; display: -webkit-flex; display: flex; flex-direction: row; } .editor-preview { width: 750px; float: top; margin-right: 12px; border: 1px solid #eee; background-color: #f8f8f9; } .editor-main { overflow-x: auto; width: 100%; position: relative; display: -webkit-flex; display: flex; flex-direction: row; align-items: center; } .editor-opt { height: 468px; width: 832px; position: absolute; left: 0; top: 0; z-index: 9; background: transparent; } .drag-box { position: absolute; z-index: 10; touch-action: none; text-align: center; font-size: 12px; border: 0px solid #3dd; /* .ivu-tooltip, .drap-title-pst { position: absolute; top: -24px; left: 0; } .size-val { position: absolute; top: 40%; left: 0; width: 100%; text-align: center; } .ivu-color-picker { cursor: default; } */ } .drag-box-bg { position: absolute; z-index: 8; touch-action: none; text-align: center; font-size: 12px; border: 0px solid #3dd; } .drag-polygon { position: absolute; z-index: 9; touch-action: none; text-align: center; font-size: 12px; border: 0px solid #3dd; } .drag-remove { position: absolute; left: 60px; top: -18px; } .OIDShowInQuantu { position: absolute; left: 0; right: 0; top: 40%; margin: auto; cursor: pointer; width: fit-content; background-color: #ffffff; } .OIDShowInQuantu2 { position: absolute; left: 5px; top: 3px; margin: auto; cursor: pointer; width: fit-content; background-color: #ffffff; } .NameShowInQuantu { position: absolute; left: 0; right: 0; top: 8px; margin: auto; cursor: pointer; width: fit-content; background-color: #ffffff; } .NameShowInQuantu1 { position: absolute; left: 0; right: 0; padding: 2px 0 0 2px; cursor: pointer; width: fit-content; overflow-y: auto; font-family: Times; } .drag-confirm { position: absolute; left: 30px; top: -18px; } .drag-reedit { position: absolute; left: 0; top: -18px; } .drag-box2 { position: absolute; z-index: 11; touch-action: none; text-align: center; font-size: 12px; /* .size-val { position: absolute; top: 40%; left: 0; width: 100%; text-align: center; } .ivu-color-picker { cursor: default; } */ } .drag-title { display: inline-block; font-size: 12px; border-radius: 4px; padding: 0 10px; height: 24px; line-height: 24px; background-color: #ff9900; color: #fff; } .resize-drag { touch-action: none; } .dragonly { touch-action: none; } .click-area { color: #fff; border-radius: 8px; padding: 10px 5px 5px; background-color: rgba(237, 64, 20, 0.5); } .click-area .horn-icon { position: absolute; top: 50%; left: 50%; margin-left: -44px; margin-top: -45px; background-image: url(data:image/png;base64,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); background-size: contain; width: 88px; height: 91px; z-index: -1; } .drag-figure { width: 100px; background-color: rgba(255, 255, 255, 0.5); } .drag-figure img { width: 100%; } .drag-circle { color: #333; background-color: rgba(255, 255, 255, 0.2); border-radius: 50%; } .drag-circle .select-color { position: absolute; right: 0; top: -24px; } .drag-circle .drag-remove { right: -20px; } .drag-line { min-height: auto; line-height: 0px; color: #333; background-color: rgba(255, 255, 255, 0.3); } .drag-line .select-color { position: absolute; right: 0; top: -24px; } .drag-line .drag-remove { right: -20px; } .drag-button { min-height: 58.5px; line-height: normal; width: 195px; } .drag-button .drag-ui-button { outline: 0; width: 100%; height: 58.5px; color: #fff; background-color: #f90; border: 1px solid #f90; font-size: 16px; border-radius: 4px; font-weight: 400; text-align: center; vertical-align: middle; white-space: nowrap; line-height: 1.5; user-select: none; } .drag-arrow { width: 100px; height: 100px; border: 1px dashed rgba(0, 0, 0, 0.5); display: flex; align-items: center; justify-content: center; } .drag-arrow .arrow-inner { width: 91px; height: 49px; } .drag-arrow .left { transform: rotate(180deg); } .drag-arrow .left-top { transform: rotate(225deg); } .drag-arrow .top { transform: rotate(-90deg); } .drag-arrow .right-top { transform: rotate(-45deg); } .drag-arrow .right-bottom { transform: rotate(45deg); } .drag-arrow .bottom { transform: rotate(90deg); } .drag-arrow .left-bottom { transform: rotate(135deg); } .drag-audio { padding: 10px 5px 5px; min-height: 60px; border-radius: 8px; background-color: rgba(255, 255, 255, 0.7); } .drag-text { min-height: auto; border: 1px dashed rgba(0, 0, 0, 0.5); } .drag-text .ct-input { width: 100%; } .drag-text .ivu-color-picker { position: absolute; top: -24px; right: 85px; } .drag-text .ivu-select { position: absolute; top: -24px; right: 20px; } .drag-text-blanks { min-height: auto; background-color: #ffffff; max-width: 732px; min-width: auto; } .drag-text-blanks .ivu-color-picker { position: absolute; top: -24px; right: 85px; } .drag-text-blanks .ivu-select { position: absolute; top: -24px; right: 20px; } .drag-tts { min-height: auto; } .drag-tts .ct-input { width: 300px; } .drag-image { max-width: 430px; max-height: 430px; border: 1px dashed rgba(0, 0, 0, 0.5); } .drag-image img { width: 100%; } .poptip-figure-content { overflow: hidden; white-space: normal; } .poptip-figure-content .poptip-figure-item { display: inline-block; margin: 5px; min-width: 60px; } .poptip-content { text-align: center; overflow: hidden; } .poptip-item { display: inline-block; margin: 0 5px; } .poptip-item .left { transform: rotate(180deg); } .poptip-item .left-top { transform: rotate(225deg); } .poptip-item .top { transform: rotate(-90deg); } .poptip-item .right-top { transform: rotate(-45deg); } .poptip-item .right-bottom { transform: rotate(45deg); } .poptip-item .bottom { transform: rotate(90deg); } .poptip-item .left-bottom { transform: rotate(135deg); } .poptip-item img { width: 30px; } .init-svg { width: 100%; height: 100%; } .line-svg { stroke-dasharray: 1000; stroke-dashoffset: 10; animation: drawLine 3s linear forwards; } .show-property { position: absolute; bottom: 0; right: 0; } @keyframes drawLine { 0% { stroke-dashoffset: 1000; } 100% { stroke-dashoffset: 0; } } .circle-svg { stroke-dasharray: 20 5; animation: none; } @keyframes drawCircle { 0% { stroke-dashoffset: 0; } 100% { stroke-dasharray: 1500 1500; } } .rotate-x { transform-origin: center center; } .drag-bubble .ivu-color-picker { position: absolute; top: -24px; right: 20px; } .bubble-button { display: block; width: 130px; height: 98px; border-radius: 49px; position: relative; border: #FFF044 solid 1px; background-color: #FFF044; } .bubble-button:focus { border: none; outline: none; } .bg-grid { background-color: transparent; background-position: 0% 0%; background-size: 16px 16px; background-image: linear-gradient(90deg, rgba(0, 0, 0, 0.1) 1px, transparent 1px), linear-gradient(rgba(0, 0, 0, 0.1) 1px, transparent 1px); } audio { outline: none; } .action-box { max-width: 1012px; } .action-item { margin-bottom: 20px; } .action-item .audio-test { display: inline-block; vertical-align: middle; margin-right: 20px; } .action-item .ivu-upload { display: inline-block; vertical-align: middle; } .action-answer-item { margin: 0 0 15px; } .action-btn { text-align: right; } .action-btn.action-btn-left { text-align: left; } .cardBg { background-color: #e8eaec; } .lock-box { text-align: center; color: #999; padding: 15% 0 10%; } .lock-box > div { padding: 40px; } .poptip-remove { position: absolute; right: -4px; top: -4px; line-height: 0; opacity: 0; } .pageNumShow { position: absolute; left: 45%; bottom: -10px; line-height: 0; } .pageHiddenShow { position: absolute; left: 40px; top: -4px; line-height: 0; cursor: pointer; } .explanationSubtitles { position: absolute; right: -10px; top: -40px; cursor: pointer; } .image-upload-type { padding: 5px 0; } .image-upload-type > div + div { margin-top: 10px; } .module-list { display: inline-flex; padding: 10px 10px 10px 0; background-color: #f3f3f3; white-space: nowrap; } .module-list-item { display: flex; max-width: 100px; user-select: none; background-color: #fff; border: 1px solid #eee; text-align: center; position: relative; transition: hover 0.3s linear, box-shadow 0.3s ease-in-out, opacity 0.3s; margin-left: 10px; } .module-list-item > div { width: 100px; height: 100%; padding: 10px 0; } .module-list-item.curr { box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1); border-color: rgba(34, 153, 238, 0.5); } .module-list-item.set-box { min-height: 100px; border-style: dashed; cursor: pointer; } .module-list-item.set-box .ivu-icon { margin: 15px 0 5px; } .module-list-item .remove-course { position: absolute; left: -7px; top: -7px; opacity: 0; transition: opacity 0.3s; } .module-list-item .edit-course { position: absolute; right: -7px; top: -7px; opacity: 0; transition: opacity 0.3s; } .module-list-item .ivu-dropdown { position: absolute; right: 3px; top: 3px; } .module-list-item .ivu-dropdown a { color: #666; } .module-list-item img { width: 50px; height: 50px; background-color: #eee; } .module-list-item p { height: 22px; line-height: 22px; margin: 0 5px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .module-list-item:hover { box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1); } .module-list-item:hover .remove-course { opacity: 1; } .module-list-item:hover .edit-course { opacity: 1; } .preview-list { display: inline-flex; width: 750px; overflow-y: visible; overflow-x: auto; padding: 9px 8px; } .preview-item { display: flex; flex-shrink: 0; width: 100px; height: 100px; line-height: 0px; position: relative; margin-bottom: 10px; background-color: #f8f8f9; border: 2px solid #ffffff; background-size: cover; background-position: center; background-repeat: no-repeat; opacity: 0.5; transition: hover 0.3s linear, opacity 0.3s; } .preview-item:hover { border-color: rgba(60, 105, 138, 0.5); opacity: 0.7; } .preview-item.curr { border-color: rgba(34, 153, 238, 0.5); opacity: 1; } .preview-item.curr .poptip-remove { opacity: 1; } .preview-item.file-upload { background-color: #ccc; text-align: center; opacity: 1; } .preview-item.file-upload .upload-add-button { cursor: pointer; } .preview-item .flex-img { display: flex; width: 100%; height: 100%; align-items: center; justify-content: center; } .preview-item .flex-img > div { width: 100%; height: 100%; background-repeat: no-repeat; background-position: center; background-size: cover; } .preview-item .flex-img > div + div { margin-left: 2px; } .preview-item .preview-img { width: 100%; height: 100%; background-repeat: no-repeat; background-position: center; background-size: cover; } .other-area { position: relative; width: 832px; height: 468px; border: 1px dashed #dcdee2; background-color: #f8f8f9; } .image-box { position: relative; background-color: #f8f8f9; user-select: none; } .upload-image { position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 1; } .upload-image .ivu-upload { background-color: #f8f8f9; padding: 20px; } .upload-image .ivu-upload-drag { border: none; padding: 150px 0 20px; } .upload-image .ivu-row, .upload-image .ivu-col { height: 100%; } .image-preview { overflow: hidden; height: 100%; width: 100%; background-size: cover; display: flex; align-items: center; justify-content: center; } .image-preview .image-item { width: 100%; height: 100%; background-repeat: no-repeat; background-position: center; background-size: cover; } .image-preview .image-item + .image-item { margin-left: 5px; } .image-audio { padding-bottom: 20px; position: absolute; bottom: 0; left: 50%; margin-left: -250px; width: 500px; z-index: 10; text-align: center; } .image-audio .ct-input { width: 300px; } .image-audio .media-upload { display: inline-block; } .up-preview { width: 100%; height: 100%; background-repeat: no-repeat; background-position: top left; background-size: contain; } /* .roobo-editor { .other-area, //.player-box, .image-box, .editor-opt { height: 520px; } } */ .dropdown-list li a { color: #666; display: inline-block; padding: 5px 15px; } .dropdown-list li a:hover { background: #f3f3f3; color: #2d8cf0; } .blanks-main { text-align: left; font-family: Arial; padding: 5px; } .blanks-main p { font-size: 24px; line-height: 1; } .blanks-main span { display: inline-block; font-size: 24px; line-height: 1; overflow: hidden; vertical-align: middle; margin: 5px 0; } .blanks-main span.text-line { border-bottom: 1px solid #666; } .svg-button { cursor: pointer; width: 40px; height: 40px; fill-opacity: 0; stroke: #111111; stroke-width: 1; stroke-dasharray: 20 5; padding: 0px 4px; margin: 0px 10px 5px 10px; } .svg-button2 { cursor: pointer; width: 40px; height: 40px; fill-opacity: 0; stroke: #111111; stroke-width: 1; padding: 0px 4px; margin: 5px 10px 0px 10px; } .snBtn { height: 30px; margin: 20px 5px; } .snBtn2 { height: 30px; line-height: 30px; margin: 20px 5px; } .quanTuText { height: 50px; line-height: 50px; margin: 5px 30px 5px 10px; } .checkView { height: 50px; line-height: 50px; margin: 5px 30px 5px 10px; display: -webkit-flex; display: flex; flex-direction: row; justify-content: flex-start; } .checkViewItem { padding: 0px 10px 0px 0px; } .svgButtonOuter { width: 50px; height: 50px; display: table; } .svgButtoninner { display: table-cell; vertical-align: middle; text-align: center; } .tipsForeditor { font-family: Arial; padding: 5px; font-size: 12px; line-height: 1; } .editor-content { background-color: #f0f0f0; display: flex; border: 1px solid #eee; padding: 5px; max-width: 900px; } .tool-response { border: 1px solid #ddd; padding: 10px; margin: 0px 0px 10px 0px; } .oidFlex { display: -webkit-flex; display: flex; flex-direction: row; justify-content: flex-start; align-items: center; } .addInteractText { height: 30px; line-height: 30px; margin: 0px 30px 0px 10px; } .readPointInteractText { height: 30px; line-height: 30px; font-size: 16px; margin: 0px 10px 0px 10px; } .hide-area { border: 1px solid #ddd; padding: 0px 0px 0px 10px; } .talkTrainHeaderText { font-size: 14px; margin: 0px 0px 0px 0px; padding: 0px; } .showTimeoutTableCell { padding: 0px 20px 0px 0px; display: table-cell; vertical-align: middle; text-align: center; } .talkTrainHeader2Text { font-size: 10px; margin: 0px 0px 0px 0px; color: #aaaaaa; padding: 0px; } .svg-touch { cursor: pointer; } .talk-area { border: 1px solid #ddd; padding: 10px 10px 10px 10px; } .checkBtn { max-width: 900px; padding: 10px 10px 10px 10px; background-color: #f8f8f9; border: 1px solid #eee; } .classShow { width: 600px; display: -webkit-flex; display: flex; flex-direction: row; justify-content: space-between; align-items: center; } .recordStyle { height: 35px; width: 426px; display: -webkit-flex; display: flex; flex-direction: row; justify-content: flex-start; align-items: center; } .questionAudio2 { width: 500px; border: 1px solid #ddd; padding: 10px; } .questionAudio { width: 390px; border: 1px solid #ddd; padding: 10px; } .interact-game-pointRange { width: 700px; display: flex; display: -webkit-flex; flex-direction: column; justify-content: flex-start; align-items: flex-start; } .interact-gameSigmode-correct-btn { display: -webkit-flex; display: flex; flex-direction: row; justify-content: flex-start; align-items: center; } .interact-follow-response { display: -webkit-flex; display: flex; flex-direction: row; justify-content: flex-start; align-items: center; border: 1px solid #ddd; margin: 5px; } .oidstyle { height: 35px; width: 600px; display: -webkit-flex; display: flex; flex-direction: row; justify-content: start; align-items: center; } .el-table__body tr.current-row > td { background-color: #8282ec !important; /* color: #f19944; */ /* 设置文字颜色 */ } .readpoint-list { display: inline-flex; width: 1090px; overflow-y: visible; overflow-x: auto; padding: 8px; } .readpoint-item { display: flex; flex-shrink: 0; border-radius: 5px; width: 100px; height: 40px; line-height: 0px; position: relative; margin-right: 20px; margin-bottom: 10px; background-color: #f8f8f9; border: 2px solid #161616; background-size: cover; background-position: center; background-repeat: no-repeat; opacity: 0.8; transition: hover 0.3s linear, opacity 0.3s; cursor: pointer; } .readpoint-item:hover { border-color: rgba(60, 105, 138, 0.5); opacity: 0.7; } .readpoint-item.son { border-color: #b0c20f; background-color: #b0c20f; opacity: 1; } .readpoint-item.curr { border-color: rgba(34, 153, 238, 0.5); background-color: #0fc20f; opacity: 1; } .readpoint-item.curr .poptip-remove { opacity: 1; } .readpoint-item .flex-img { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; display: flex; width: 100%; height: 100%; align-items: center; justify-content: center; } .readpoint-item .flex-img > div { width: 100%; height: 100%; background-repeat: no-repeat; background-position: center; background-size: cover; } .readpoint-item .flex-img > div + div { margin-left: 2px; } .downloadPanelFlex { display: -webkit-flex; display: flex; flex-direction: column; justify-content: space-around; align-items: center; } .addPictureBookBtn { width: 120px; height: 40px; border-radius: 4px; background: #2472e3; color: #fff; text-align: center; cursor: pointer; } .el-checkbox + .el-checkbox { margin-left: 0px; } .el-checkbox { margin-right: 25px; } .course-module { width: 1014px; overflow-x: auto; background-color: #f3f3f3; border: 1px solid #eee; } .editor-mode { padding: 15px 0; overflow-x: auto; overflow-y: visible; } .editor-tool { background-color: #f8f8f9; display: flex; border: 1px solid #eee; padding: 5px; max-width: 1100px; } .editor-tool .tool-start { display: flex; flex-shrink: 0; flex-direction: column; padding: 5px 10px 5px 0; margin-right: 10px; border-right: 1px solid #eee; } .editor-tool .tool-start .ivu-btn { margin-bottom: 3px; margin-top: 3px; } .editor-tool .tool-action { padding: 5px 10px 5px 0; margin-right: 10px; border-right: 1px solid #eee; width: 380px; } .editor-tool .tool-action .ivu-btn { margin-bottom: 3px; margin-top: 3px; } .editor-tool .tool-main { display: flex; flex-shrink: 0; flex-direction: column; padding-right: 10px; margin-right: 10px; border-right: 1px solid #eee; } .editor-tool .tool-main .tool-column { margin: 3px 0; } .editor-tool .tool-opt { padding: 5px 0; } .editor-tool .tool-opt .ivu-btn { margin-bottom: 3px; margin-top: 3px; } .editor-container { margin-top: 10px; position: relative; } .editor-row { min-width: 900px; display: -webkit-flex; display: flex; flex-direction: row; } .editor-preview { width: 750px; float: top; margin-right: 12px; border: 1px solid #eee; background-color: #f8f8f9; } .editor-main { overflow-x: auto; width: 100%; position: relative; display: -webkit-flex; display: flex; flex-direction: row; align-items: center; } .editor-opt { height: 468px; width: 832px; position: absolute; left: 0; top: 0; z-index: 9; background: transparent; } .drag-box { position: absolute; z-index: 10; touch-action: none; text-align: center; font-size: 12px; border: 0px solid #3dd; /* .ivu-tooltip, .drap-title-pst { position: absolute; top: -24px; left: 0; } .size-val { position: absolute; top: 40%; left: 0; width: 100%; text-align: center; } .ivu-color-picker { cursor: default; } */ } .drag-box-bg { position: absolute; z-index: 8; touch-action: none; text-align: center; font-size: 12px; border: 0px solid #3dd; } .drag-polygon { position: absolute; z-index: 9; touch-action: none; text-align: center; font-size: 12px; border: 0px solid #3dd; } .drag-remove { position: absolute; left: 60px; top: -18px; } .OIDShowInQuantu { position: absolute; left: 0; right: 0; top: 40%; margin: auto; cursor: pointer; width: fit-content; background-color: #ffffff; } .OIDShowInQuantu2 { position: absolute; left: 5px; top: 3px; margin: auto; cursor: pointer; width: fit-content; background-color: #ffffff; } .NameShowInQuantu { position: absolute; left: 0; right: 0; top: 8px; margin: auto; cursor: pointer; width: fit-content; background-color: #ffffff; } .NameShowInQuantu1 { position: absolute; left: 0; right: 0; padding: 2px 0 0 2px; cursor: pointer; width: fit-content; overflow-y: auto; font-family: Times; } .drag-confirm { position: absolute; left: 30px; top: -18px; } .drag-reedit { position: absolute; left: 0; top: -18px; } .drag-box2 { position: absolute; z-index: 11; touch-action: none; text-align: center; font-size: 12px; /* .size-val { position: absolute; top: 40%; left: 0; width: 100%; text-align: center; } .ivu-color-picker { cursor: default; } */ } .drag-title { display: inline-block; font-size: 12px; border-radius: 4px; padding: 0 10px; height: 24px; line-height: 24px; background-color: #ff9900; color: #fff; } .resize-drag { touch-action: none; } .dragonly { touch-action: none; } .click-area { color: #fff; border-radius: 8px; padding: 10px 5px 5px; background-color: rgba(237, 64, 20, 0.5); } .click-area .horn-icon { position: absolute; top: 50%; left: 50%; margin-left: -44px; margin-top: -45px; background-image: url(data:image/png;base64,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); background-size: contain; width: 88px; height: 91px; z-index: -1; } .drag-figure { width: 100px; background-color: rgba(255, 255, 255, 0.5); } .drag-figure img { width: 100%; } .drag-circle { color: #333; background-color: rgba(255, 255, 255, 0.2); border-radius: 50%; } .drag-circle .select-color { position: absolute; right: 0; top: -24px; } .drag-circle .drag-remove { right: -20px; } .drag-line { min-height: auto; line-height: 0px; color: #333; background-color: rgba(255, 255, 255, 0.3); } .drag-line .select-color { position: absolute; right: 0; top: -24px; } .drag-line .drag-remove { right: -20px; } .drag-button { min-height: 58.5px; line-height: normal; width: 195px; } .drag-button .drag-ui-button { outline: 0; width: 100%; height: 58.5px; color: #fff; background-color: #f90; border: 1px solid #f90; font-size: 16px; border-radius: 4px; font-weight: 400; text-align: center; vertical-align: middle; white-space: nowrap; line-height: 1.5; user-select: none; } .drag-arrow { width: 100px; height: 100px; border: 1px dashed rgba(0, 0, 0, 0.5); display: flex; align-items: center; justify-content: center; } .drag-arrow .arrow-inner { width: 91px; height: 49px; } .drag-arrow .left { transform: rotate(180deg); } .drag-arrow .left-top { transform: rotate(225deg); } .drag-arrow .top { transform: rotate(-90deg); } .drag-arrow .right-top { transform: rotate(-45deg); } .drag-arrow .right-bottom { transform: rotate(45deg); } .drag-arrow .bottom { transform: rotate(90deg); } .drag-arrow .left-bottom { transform: rotate(135deg); } .drag-audio { padding: 10px 5px 5px; min-height: 60px; border-radius: 8px; background-color: rgba(255, 255, 255, 0.7); } .drag-text { min-height: auto; border: 1px dashed rgba(0, 0, 0, 0.5); } .drag-text .ct-input { width: 100%; } .drag-text .ivu-color-picker { position: absolute; top: -24px; right: 85px; } .drag-text .ivu-select { position: absolute; top: -24px; right: 20px; } .drag-text-blanks { min-height: auto; background-color: #ffffff; max-width: 732px; min-width: auto; } .drag-text-blanks .ivu-color-picker { position: absolute; top: -24px; right: 85px; } .drag-text-blanks .ivu-select { position: absolute; top: -24px; right: 20px; } .drag-tts { min-height: auto; } .drag-tts .ct-input { width: 300px; } .drag-image { max-width: 430px; max-height: 430px; border: 1px dashed rgba(0, 0, 0, 0.5); } .drag-image img { width: 100%; } .poptip-figure-content { overflow: hidden; white-space: normal; } .poptip-figure-content .poptip-figure-item { display: inline-block; margin: 5px; min-width: 60px; } .poptip-content { text-align: center; overflow: hidden; } .poptip-item { display: inline-block; margin: 0 5px; } .poptip-item .left { transform: rotate(180deg); } .poptip-item .left-top { transform: rotate(225deg); } .poptip-item .top { transform: rotate(-90deg); } .poptip-item .right-top { transform: rotate(-45deg); } .poptip-item .right-bottom { transform: rotate(45deg); } .poptip-item .bottom { transform: rotate(90deg); } .poptip-item .left-bottom { transform: rotate(135deg); } .poptip-item img { width: 30px; } .init-svg { width: 100%; height: 100%; } .line-svg { stroke-dasharray: 1000; stroke-dashoffset: 10; animation: drawLine 3s linear forwards; } .show-property { position: absolute; bottom: 0; right: 0; } @keyframes drawLine { 0% { stroke-dashoffset: 1000; } 100% { stroke-dashoffset: 0; } } .circle-svg { stroke-dasharray: 20 5; animation: none; } @keyframes drawCircle { 0% { stroke-dashoffset: 0; } 100% { stroke-dasharray: 1500 1500; } } .rotate-x { transform-origin: center center; } .drag-bubble .ivu-color-picker { position: absolute; top: -24px; right: 20px; } .bubble-button { display: block; width: 130px; height: 98px; border-radius: 49px; position: relative; border: #FFF044 solid 1px; background-color: #FFF044; } .bubble-button:focus { border: none; outline: none; } .bg-grid { background-color: transparent; background-position: 0% 0%; background-size: 16px 16px; background-image: linear-gradient(90deg, rgba(0, 0, 0, 0.1) 1px, transparent 1px), linear-gradient(rgba(0, 0, 0, 0.1) 1px, transparent 1px); } audio { outline: none; } .action-box { max-width: 1012px; } .action-item { margin-bottom: 20px; } .action-item .audio-test { display: inline-block; vertical-align: middle; margin-right: 20px; } .action-item .ivu-upload { display: inline-block; vertical-align: middle; } .action-answer-item { margin: 0 0 15px; } .action-btn { text-align: right; } .action-btn.action-btn-left { text-align: left; } .cardBg { background-color: #e8eaec; } .lock-box { text-align: center; color: #999; padding: 15% 0 10%; } .lock-box > div { padding: 40px; } .poptip-remove { position: absolute; right: -4px; top: -4px; line-height: 0; opacity: 0; } .pageNumShow { position: absolute; left: 45%; bottom: -10px; line-height: 0; } .pageHiddenShow { position: absolute; left: 40px; top: -4px; line-height: 0; cursor: pointer; } .explanationSubtitles { position: absolute; right: -10px; top: -40px; cursor: pointer; } .image-upload-type { padding: 5px 0; } .image-upload-type > div + div { margin-top: 10px; } .module-list { display: inline-flex; padding: 10px 10px 10px 0; background-color: #f3f3f3; white-space: nowrap; } .module-list-item { display: flex; max-width: 100px; user-select: none; background-color: #fff; border: 1px solid #eee; text-align: center; position: relative; transition: hover 0.3s linear, box-shadow 0.3s ease-in-out, opacity 0.3s; margin-left: 10px; } .module-list-item > div { width: 100px; height: 100%; padding: 10px 0; } .module-list-item.curr { box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1); border-color: rgba(34, 153, 238, 0.5); } .module-list-item.set-box { min-height: 100px; border-style: dashed; cursor: pointer; } .module-list-item.set-box .ivu-icon { margin: 15px 0 5px; } .module-list-item .remove-course { position: absolute; left: -7px; top: -7px; opacity: 0; transition: opacity 0.3s; } .module-list-item .edit-course { position: absolute; right: -7px; top: -7px; opacity: 0; transition: opacity 0.3s; } .module-list-item .ivu-dropdown { position: absolute; right: 3px; top: 3px; } .module-list-item .ivu-dropdown a { color: #666; } .module-list-item img { width: 50px; height: 50px; background-color: #eee; } .module-list-item p { height: 22px; line-height: 22px; margin: 0 5px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .module-list-item:hover { box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1); } .module-list-item:hover .remove-course { opacity: 1; } .module-list-item:hover .edit-course { opacity: 1; } .preview-list { display: inline-flex; width: 750px; overflow-y: visible; overflow-x: auto; padding: 9px 8px; } .preview-item { display: flex; flex-shrink: 0; width: 100px; height: 100px; line-height: 0px; position: relative; margin-bottom: 10px; background-color: #f8f8f9; border: 2px solid #ffffff; background-size: cover; background-position: center; background-repeat: no-repeat; opacity: 0.5; transition: hover 0.3s linear, opacity 0.3s; } .preview-item:hover { border-color: rgba(60, 105, 138, 0.5); opacity: 0.7; } .preview-item.curr { border-color: rgba(34, 153, 238, 0.5); opacity: 1; } .preview-item.curr .poptip-remove { opacity: 1; } .preview-item.file-upload { background-color: #ccc; text-align: center; opacity: 1; } .preview-item.file-upload .upload-add-button { cursor: pointer; } .preview-item .flex-img { display: flex; width: 100%; height: 100%; align-items: center; justify-content: center; } .preview-item .flex-img > div { width: 100%; height: 100%; background-repeat: no-repeat; background-position: center; background-size: cover; } .preview-item .flex-img > div + div { margin-left: 2px; } .preview-item .preview-img { width: 100%; height: 100%; background-repeat: no-repeat; background-position: center; background-size: cover; } .other-area { position: relative; width: 832px; height: 468px; border: 1px dashed #dcdee2; background-color: #f8f8f9; } .image-box { position: relative; background-color: #f8f8f9; user-select: none; } .upload-image { position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 1; } .upload-image .ivu-upload { background-color: #f8f8f9; padding: 20px; } .upload-image .ivu-upload-drag { border: none; padding: 150px 0 20px; } .upload-image .ivu-row, .upload-image .ivu-col { height: 100%; } .image-preview { overflow: hidden; height: 100%; width: 100%; background-size: cover; display: flex; align-items: center; justify-content: center; } .image-preview .image-item { width: 100%; height: 100%; background-repeat: no-repeat; background-position: center; background-size: cover; } .image-preview .image-item + .image-item { margin-left: 5px; } .image-audio { padding-bottom: 20px; position: absolute; bottom: 0; left: 50%; margin-left: -250px; width: 500px; z-index: 10; text-align: center; } .image-audio .ct-input { width: 300px; } .image-audio .media-upload { display: inline-block; } .up-preview { width: 100%; height: 100%; background-repeat: no-repeat; background-position: top left; background-size: contain; } /* .roobo-editor { .other-area, //.player-box, .image-box, .editor-opt { height: 520px; } } */ .dropdown-list li a { color: #666; display: inline-block; padding: 5px 15px; } .dropdown-list li a:hover { background: #f3f3f3; color: #2d8cf0; } .blanks-main { text-align: left; font-family: Arial; padding: 5px; } .blanks-main p { font-size: 24px; line-height: 1; } .blanks-main span { display: inline-block; font-size: 24px; line-height: 1; overflow: hidden; vertical-align: middle; margin: 5px 0; } .blanks-main span.text-line { border-bottom: 1px solid #666; } .svg-button { cursor: pointer; width: 40px; height: 40px; fill-opacity: 0; stroke: #111111; stroke-width: 1; stroke-dasharray: 20 5; padding: 0px 4px; margin: 0px 10px 5px 10px; } .svg-button2 { cursor: pointer; width: 40px; height: 40px; fill-opacity: 0; stroke: #111111; stroke-width: 1; padding: 0px 4px; margin: 5px 10px 0px 10px; } .snBtn { height: 30px; margin: 20px 5px; } .snBtn2 { height: 30px; line-height: 30px; margin: 20px 5px; } .quanTuText { height: 50px; line-height: 50px; margin: 5px 30px 5px 10px; } .checkView { height: 50px; line-height: 50px; margin: 5px 30px 5px 10px; display: -webkit-flex; display: flex; flex-direction: row; justify-content: flex-start; } .checkViewItem { padding: 0px 10px 0px 0px; } .svgButtonOuter { width: 50px; height: 50px; display: table; } .svgButtoninner { display: table-cell; vertical-align: middle; text-align: center; } .tipsForeditor { font-family: Arial; padding: 5px; font-size: 12px; line-height: 1; } .editor-content { background-color: #f0f0f0; display: flex; border: 1px solid #eee; padding: 5px; max-width: 900px; } .tool-response { border: 1px solid #ddd; padding: 10px; margin: 0px 0px 10px 0px; } .oidFlex { display: -webkit-flex; display: flex; flex-direction: row; justify-content: flex-start; align-items: center; } .addInteractText { height: 30px; line-height: 30px; margin: 0px 30px 0px 10px; } .readPointInteractText { height: 30px; line-height: 30px; font-size: 16px; margin: 0px 10px 0px 10px; } .hide-area { border: 1px solid #ddd; padding: 0px 0px 0px 10px; } .talkTrainHeaderText { font-size: 14px; margin: 0px 0px 0px 0px; padding: 0px; } .showTimeoutTableCell { padding: 0px 20px 0px 0px; display: table-cell; vertical-align: middle; text-align: center; } .talkTrainHeader2Text { font-size: 10px; margin: 0px 0px 0px 0px; color: #aaaaaa; padding: 0px; } .svg-touch { cursor: pointer; } .talk-area { border: 1px solid #ddd; padding: 10px 10px 10px 10px; } .checkBtn { max-width: 900px; padding: 10px 10px 10px 10px; background-color: #f8f8f9; border: 1px solid #eee; } .classShow { width: 600px; display: -webkit-flex; display: flex; flex-direction: row; justify-content: space-between; align-items: center; } .recordStyle { height: 35px; width: 426px; display: -webkit-flex; display: flex; flex-direction: row; justify-content: flex-start; align-items: center; } .questionAudio2 { width: 500px; border: 1px solid #ddd; padding: 10px; } .questionAudio { width: 390px; border: 1px solid #ddd; padding: 10px; } .interact-game-pointRange { width: 700px; display: flex; display: -webkit-flex; flex-direction: column; justify-content: flex-start; align-items: flex-start; } .interact-gameSigmode-correct-btn { display: -webkit-flex; display: flex; flex-direction: row; justify-content: flex-start; align-items: center; } .interact-follow-response { display: -webkit-flex; display: flex; flex-direction: row; justify-content: flex-start; align-items: center; border: 1px solid #ddd; margin: 5px; } .oidstyle { height: 35px; width: 600px; display: -webkit-flex; display: flex; flex-direction: row; justify-content: start; align-items: center; } .el-table__body tr.current-row > td { background-color: #8282ec !important; /* color: #f19944; */ /* 设置文字颜色 */ } .readpoint-list { display: inline-flex; width: 1090px; overflow-y: visible; overflow-x: auto; padding: 8px; } .readpoint-item { display: flex; flex-shrink: 0; border-radius: 5px; width: 100px; height: 40px; line-height: 0px; position: relative; margin-right: 20px; margin-bottom: 10px; background-color: #f8f8f9; border: 2px solid #161616; background-size: cover; background-position: center; background-repeat: no-repeat; opacity: 0.8; transition: hover 0.3s linear, opacity 0.3s; cursor: pointer; } .readpoint-item:hover { border-color: rgba(60, 105, 138, 0.5); opacity: 0.7; } .readpoint-item.son { border-color: #b0c20f; background-color: #b0c20f; opacity: 1; } .readpoint-item.curr { border-color: rgba(34, 153, 238, 0.5); background-color: #0fc20f; opacity: 1; } .readpoint-item.curr .poptip-remove { opacity: 1; } .readpoint-item .flex-img { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; display: flex; width: 100%; height: 100%; align-items: center; justify-content: center; } .readpoint-item .flex-img > div { width: 100%; height: 100%; background-repeat: no-repeat; background-position: center; background-size: cover; } .readpoint-item .flex-img > div + div { margin-left: 2px; } .downloadPanelFlex { display: -webkit-flex; display: flex; flex-direction: column; justify-content: space-around; align-items: center; } .addPictureBookBtn { width: 120px; height: 40px; border-radius: 4px; background: #2472e3; color: #fff; text-align: center; cursor: pointer; } .el-checkbox + .el-checkbox { margin-left: 0px; } .el-checkbox { margin-right: 25px; } .course-module { width: 1014px; overflow-x: auto; background-color: #f3f3f3; border: 1px solid #eee; } .editor-mode { padding: 15px 0; overflow-x: auto; overflow-y: visible; } .editor-tool { background-color: #f8f8f9; display: flex; border: 1px solid #eee; padding: 5px; max-width: 1100px; } .editor-tool .tool-start { display: flex; flex-shrink: 0; flex-direction: column; padding: 5px 10px 5px 0; margin-right: 10px; border-right: 1px solid #eee; } .editor-tool .tool-start .ivu-btn { margin-bottom: 3px; margin-top: 3px; } .editor-tool .tool-action { padding: 5px 10px 5px 0; margin-right: 10px; border-right: 1px solid #eee; width: 380px; } .editor-tool .tool-action .ivu-btn { margin-bottom: 3px; margin-top: 3px; } .editor-tool .tool-main { display: flex; flex-shrink: 0; flex-direction: column; padding-right: 10px; margin-right: 10px; border-right: 1px solid #eee; } .editor-tool .tool-main .tool-column { margin: 3px 0; } .editor-tool .tool-opt { padding: 5px 0; } .editor-tool .tool-opt .ivu-btn { margin-bottom: 3px; margin-top: 3px; } .editor-container { margin-top: 10px; position: relative; } .editor-row { min-width: 900px; display: -webkit-flex; display: flex; flex-direction: row; } .editor-preview { width: 750px; float: top; margin-right: 12px; border: 1px solid #eee; background-color: #f8f8f9; } .editor-main { overflow-x: auto; width: 100%; position: relative; display: -webkit-flex; display: flex; flex-direction: row; align-items: center; } .editor-opt { height: 468px; width: 832px; position: absolute; left: 0; top: 0; z-index: 9; background: transparent; } .drag-box { position: absolute; z-index: 10; touch-action: none; text-align: center; font-size: 12px; border: 0px solid #3dd; /* .ivu-tooltip, .drap-title-pst { position: absolute; top: -24px; left: 0; } .size-val { position: absolute; top: 40%; left: 0; width: 100%; text-align: center; } .ivu-color-picker { cursor: default; } */ } .drag-box-bg { position: absolute; z-index: 8; touch-action: none; text-align: center; font-size: 12px; border: 0px solid #3dd; } .drag-polygon { position: absolute; z-index: 9; touch-action: none; text-align: center; font-size: 12px; border: 0px solid #3dd; } .drag-remove { position: absolute; left: 60px; top: -18px; } .OIDShowInQuantu { position: absolute; left: 0; right: 0; top: 40%; margin: auto; cursor: pointer; width: fit-content; background-color: #ffffff; } .OIDShowInQuantu2 { position: absolute; left: 5px; top: 3px; margin: auto; cursor: pointer; width: fit-content; background-color: #ffffff; } .NameShowInQuantu { position: absolute; left: 0; right: 0; top: 8px; margin: auto; cursor: pointer; width: fit-content; background-color: #ffffff; } .NameShowInQuantu1 { position: absolute; left: 0; right: 0; padding: 2px 0 0 2px; cursor: pointer; width: fit-content; overflow-y: auto; font-family: Times; } .drag-confirm { position: absolute; left: 30px; top: -18px; } .drag-reedit { position: absolute; left: 0; top: -18px; } .drag-box2 { position: absolute; z-index: 11; touch-action: none; text-align: center; font-size: 12px; /* .size-val { position: absolute; top: 40%; left: 0; width: 100%; text-align: center; } .ivu-color-picker { cursor: default; } */ } .drag-title { display: inline-block; font-size: 12px; border-radius: 4px; padding: 0 10px; height: 24px; line-height: 24px; background-color: #ff9900; color: #fff; } .resize-drag { touch-action: none; } .dragonly { touch-action: none; } .click-area { color: #fff; border-radius: 8px; padding: 10px 5px 5px; background-color: rgba(237, 64, 20, 0.5); } .click-area .horn-icon { position: absolute; top: 50%; left: 50%; margin-left: -44px; margin-top: -45px; background-image: url(data:image/png;base64,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); background-size: contain; width: 88px; height: 91px; z-index: -1; } .drag-figure { width: 100px; background-color: rgba(255, 255, 255, 0.5); } .drag-figure img { width: 100%; } .drag-circle { color: #333; background-color: rgba(255, 255, 255, 0.2); border-radius: 50%; } .drag-circle .select-color { position: absolute; right: 0; top: -24px; } .drag-circle .drag-remove { right: -20px; } .drag-line { min-height: auto; line-height: 0px; color: #333; background-color: rgba(255, 255, 255, 0.3); } .drag-line .select-color { position: absolute; right: 0; top: -24px; } .drag-line .drag-remove { right: -20px; } .drag-button { min-height: 58.5px; line-height: normal; width: 195px; } .drag-button .drag-ui-button { outline: 0; width: 100%; height: 58.5px; color: #fff; background-color: #f90; border: 1px solid #f90; font-size: 16px; border-radius: 4px; font-weight: 400; text-align: center; vertical-align: middle; white-space: nowrap; line-height: 1.5; user-select: none; } .drag-arrow { width: 100px; height: 100px; border: 1px dashed rgba(0, 0, 0, 0.5); display: flex; align-items: center; justify-content: center; } .drag-arrow .arrow-inner { width: 91px; height: 49px; } .drag-arrow .left { transform: rotate(180deg); } .drag-arrow .left-top { transform: rotate(225deg); } .drag-arrow .top { transform: rotate(-90deg); } .drag-arrow .right-top { transform: rotate(-45deg); } .drag-arrow .right-bottom { transform: rotate(45deg); } .drag-arrow .bottom { transform: rotate(90deg); } .drag-arrow .left-bottom { transform: rotate(135deg); } .drag-audio { padding: 10px 5px 5px; min-height: 60px; border-radius: 8px; background-color: rgba(255, 255, 255, 0.7); } .drag-text { min-height: auto; border: 1px dashed rgba(0, 0, 0, 0.5); } .drag-text .ct-input { width: 100%; } .drag-text .ivu-color-picker { position: absolute; top: -24px; right: 85px; } .drag-text .ivu-select { position: absolute; top: -24px; right: 20px; } .drag-text-blanks { min-height: auto; background-color: #ffffff; max-width: 732px; min-width: auto; } .drag-text-blanks .ivu-color-picker { position: absolute; top: -24px; right: 85px; } .drag-text-blanks .ivu-select { position: absolute; top: -24px; right: 20px; } .drag-tts { min-height: auto; } .drag-tts .ct-input { width: 300px; } .drag-image { max-width: 430px; max-height: 430px; border: 1px dashed rgba(0, 0, 0, 0.5); } .drag-image img { width: 100%; } .poptip-figure-content { overflow: hidden; white-space: normal; } .poptip-figure-content .poptip-figure-item { display: inline-block; margin: 5px; min-width: 60px; } .poptip-content { text-align: center; overflow: hidden; } .poptip-item { display: inline-block; margin: 0 5px; } .poptip-item .left { transform: rotate(180deg); } .poptip-item .left-top { transform: rotate(225deg); } .poptip-item .top { transform: rotate(-90deg); } .poptip-item .right-top { transform: rotate(-45deg); } .poptip-item .right-bottom { transform: rotate(45deg); } .poptip-item .bottom { transform: rotate(90deg); } .poptip-item .left-bottom { transform: rotate(135deg); } .poptip-item img { width: 30px; } .init-svg { width: 100%; height: 100%; } .line-svg { stroke-dasharray: 1000; stroke-dashoffset: 10; animation: drawLine 3s linear forwards; } .show-property { position: absolute; bottom: 0; right: 0; } @keyframes drawLine { 0% { stroke-dashoffset: 1000; } 100% { stroke-dashoffset: 0; } } .circle-svg { stroke-dasharray: 20 5; animation: none; } @keyframes drawCircle { 0% { stroke-dashoffset: 0; } 100% { stroke-dasharray: 1500 1500; } } .rotate-x { transform-origin: center center; } .drag-bubble .ivu-color-picker { position: absolute; top: -24px; right: 20px; } .bubble-button { display: block; width: 130px; height: 98px; border-radius: 49px; position: relative; border: #FFF044 solid 1px; background-color: #FFF044; } .bubble-button:focus { border: none; outline: none; } .bg-grid { background-color: transparent; background-position: 0% 0%; background-size: 16px 16px; background-image: linear-gradient(90deg, rgba(0, 0, 0, 0.1) 1px, transparent 1px), linear-gradient(rgba(0, 0, 0, 0.1) 1px, transparent 1px); } audio { outline: none; } .action-box { max-width: 1012px; } .action-item { margin-bottom: 20px; } .action-item .audio-test { display: inline-block; vertical-align: middle; margin-right: 20px; } .action-item .ivu-upload { display: inline-block; vertical-align: middle; } .action-answer-item { margin: 0 0 15px; } .action-btn { text-align: right; } .action-btn.action-btn-left { text-align: left; } .cardBg { background-color: #e8eaec; } .lock-box { text-align: center; color: #999; padding: 15% 0 10%; } .lock-box > div { padding: 40px; } .poptip-remove { position: absolute; right: -4px; top: -4px; line-height: 0; opacity: 0; } .pageNumShow { position: absolute; left: 45%; bottom: -10px; line-height: 0; } .pageHiddenShow { position: absolute; left: 40px; top: -4px; line-height: 0; cursor: pointer; } .explanationSubtitles { position: absolute; right: -10px; top: -40px; cursor: pointer; } .image-upload-type { padding: 5px 0; } .image-upload-type > div + div { margin-top: 10px; } .module-list { display: inline-flex; padding: 10px 10px 10px 0; background-color: #f3f3f3; white-space: nowrap; } .module-list-item { display: flex; max-width: 100px; user-select: none; background-color: #fff; border: 1px solid #eee; text-align: center; position: relative; transition: hover 0.3s linear, box-shadow 0.3s ease-in-out, opacity 0.3s; margin-left: 10px; } .module-list-item > div { width: 100px; height: 100%; padding: 10px 0; } .module-list-item.curr { box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1); border-color: rgba(34, 153, 238, 0.5); } .module-list-item.set-box { min-height: 100px; border-style: dashed; cursor: pointer; } .module-list-item.set-box .ivu-icon { margin: 15px 0 5px; } .module-list-item .remove-course { position: absolute; left: -7px; top: -7px; opacity: 0; transition: opacity 0.3s; } .module-list-item .edit-course { position: absolute; right: -7px; top: -7px; opacity: 0; transition: opacity 0.3s; } .module-list-item .ivu-dropdown { position: absolute; right: 3px; top: 3px; } .module-list-item .ivu-dropdown a { color: #666; } .module-list-item img { width: 50px; height: 50px; background-color: #eee; } .module-list-item p { height: 22px; line-height: 22px; margin: 0 5px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .module-list-item:hover { box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1); } .module-list-item:hover .remove-course { opacity: 1; } .module-list-item:hover .edit-course { opacity: 1; } .preview-list { display: inline-flex; width: 750px; overflow-y: visible; overflow-x: auto; padding: 9px 8px; } .preview-item { display: flex; flex-shrink: 0; width: 100px; height: 100px; line-height: 0px; position: relative; margin-bottom: 10px; background-color: #f8f8f9; border: 2px solid #ffffff; background-size: cover; background-position: center; background-repeat: no-repeat; opacity: 0.5; transition: hover 0.3s linear, opacity 0.3s; } .preview-item:hover { border-color: rgba(60, 105, 138, 0.5); opacity: 0.7; } .preview-item.curr { border-color: rgba(34, 153, 238, 0.5); opacity: 1; } .preview-item.curr .poptip-remove { opacity: 1; } .preview-item.file-upload { background-color: #ccc; text-align: center; opacity: 1; } .preview-item.file-upload .upload-add-button { cursor: pointer; } .preview-item .flex-img { display: flex; width: 100%; height: 100%; align-items: center; justify-content: center; } .preview-item .flex-img > div { width: 100%; height: 100%; background-repeat: no-repeat; background-position: center; background-size: cover; } .preview-item .flex-img > div + div { margin-left: 2px; } .preview-item .preview-img { width: 100%; height: 100%; background-repeat: no-repeat; background-position: center; background-size: cover; } .other-area { position: relative; width: 832px; height: 468px; border: 1px dashed #dcdee2; background-color: #f8f8f9; } .image-box { position: relative; background-color: #f8f8f9; user-select: none; } .upload-image { position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 1; } .upload-image .ivu-upload { background-color: #f8f8f9; padding: 20px; } .upload-image .ivu-upload-drag { border: none; padding: 150px 0 20px; } .upload-image .ivu-row, .upload-image .ivu-col { height: 100%; } .image-preview { overflow: hidden; height: 100%; width: 100%; background-size: cover; display: flex; align-items: center; justify-content: center; } .image-preview .image-item { width: 100%; height: 100%; background-repeat: no-repeat; background-position: center; background-size: cover; } .image-preview .image-item + .image-item { margin-left: 5px; } .image-audio { padding-bottom: 20px; position: absolute; bottom: 0; left: 50%; margin-left: -250px; width: 500px; z-index: 10; text-align: center; } .image-audio .ct-input { width: 300px; } .image-audio .media-upload { display: inline-block; } .up-preview { width: 100%; height: 100%; background-repeat: no-repeat; background-position: top left; background-size: contain; } /* .roobo-editor { .other-area, //.player-box, .image-box, .editor-opt { height: 520px; } } */ .dropdown-list li a { color: #666; display: inline-block; padding: 5px 15px; } .dropdown-list li a:hover { background: #f3f3f3; color: #2d8cf0; } .blanks-main { text-align: left; font-family: Arial; padding: 5px; } .blanks-main p { font-size: 24px; line-height: 1; } .blanks-main span { display: inline-block; font-size: 24px; line-height: 1; overflow: hidden; vertical-align: middle; margin: 5px 0; } .blanks-main span.text-line { border-bottom: 1px solid #666; } .svg-button { cursor: pointer; width: 40px; height: 40px; fill-opacity: 0; stroke: #111111; stroke-width: 1; stroke-dasharray: 20 5; padding: 0px 4px; margin: 0px 10px 5px 10px; } .svg-button2 { cursor: pointer; width: 40px; height: 40px; fill-opacity: 0; stroke: #111111; stroke-width: 1; padding: 0px 4px; margin: 5px 10px 0px 10px; } .snBtn { height: 30px; margin: 20px 5px; } .snBtn2 { height: 30px; line-height: 30px; margin: 20px 5px; } .quanTuText { height: 50px; line-height: 50px; margin: 5px 30px 5px 10px; } .checkView { height: 50px; line-height: 50px; margin: 5px 30px 5px 10px; display: -webkit-flex; display: flex; flex-direction: row; justify-content: flex-start; } .checkViewItem { padding: 0px 10px 0px 0px; } .svgButtonOuter { width: 50px; height: 50px; display: table; } .svgButtoninner { display: table-cell; vertical-align: middle; text-align: center; } .tipsForeditor { font-family: Arial; padding: 5px; font-size: 12px; line-height: 1; } .editor-content { background-color: #f0f0f0; display: flex; border: 1px solid #eee; padding: 5px; max-width: 900px; } .tool-response { border: 1px solid #ddd; padding: 10px; margin: 0px 0px 10px 0px; } .oidFlex { display: -webkit-flex; display: flex; flex-direction: row; justify-content: flex-start; align-items: center; } .addInteractText { height: 30px; line-height: 30px; margin: 0px 30px 0px 10px; } .readPointInteractText { height: 30px; line-height: 30px; font-size: 16px; margin: 0px 10px 0px 10px; } .hide-area { border: 1px solid #ddd; padding: 0px 0px 0px 10px; } .talkTrainHeaderText { font-size: 14px; margin: 0px 0px 0px 0px; padding: 0px; } .showTimeoutTableCell { padding: 0px 20px 0px 0px; display: table-cell; vertical-align: middle; text-align: center; } .talkTrainHeader2Text { font-size: 10px; margin: 0px 0px 0px 0px; color: #aaaaaa; padding: 0px; } .svg-touch { cursor: pointer; } .talk-area { border: 1px solid #ddd; padding: 10px 10px 10px 10px; } .checkBtn { max-width: 900px; padding: 10px 10px 10px 10px; background-color: #f8f8f9; border: 1px solid #eee; } .classShow { width: 600px; display: -webkit-flex; display: flex; flex-direction: row; justify-content: space-between; align-items: center; } .recordStyle { height: 35px; width: 426px; display: -webkit-flex; display: flex; flex-direction: row; justify-content: flex-start; align-items: center; } .questionAudio2 { width: 500px; border: 1px solid #ddd; padding: 10px; } .questionAudio { width: 390px; border: 1px solid #ddd; padding: 10px; } .interact-game-pointRange { width: 700px; display: flex; display: -webkit-flex; flex-direction: column; justify-content: flex-start; align-items: flex-start; } .interact-gameSigmode-correct-btn { display: -webkit-flex; display: flex; flex-direction: row; justify-content: flex-start; align-items: center; } .interact-follow-response { display: -webkit-flex; display: flex; flex-direction: row; justify-content: flex-start; align-items: center; border: 1px solid #ddd; margin: 5px; } .oidstyle { height: 35px; width: 600px; display: -webkit-flex; display: flex; flex-direction: row; justify-content: start; align-items: center; } .el-table__body tr.current-row > td { background-color: #8282ec !important; /* color: #f19944; */ /* 设置文字颜色 */ } .readpoint-list { display: inline-flex; width: 1090px; overflow-y: visible; overflow-x: auto; padding: 8px; } .readpoint-item { display: flex; flex-shrink: 0; border-radius: 5px; width: 100px; height: 40px; line-height: 0px; position: relative; margin-right: 20px; margin-bottom: 10px; background-color: #f8f8f9; border: 2px solid #161616; background-size: cover; background-position: center; background-repeat: no-repeat; opacity: 0.8; transition: hover 0.3s linear, opacity 0.3s; cursor: pointer; } .readpoint-item:hover { border-color: rgba(60, 105, 138, 0.5); opacity: 0.7; } .readpoint-item.son { border-color: #b0c20f; background-color: #b0c20f; opacity: 1; } .readpoint-item.curr { border-color: rgba(34, 153, 238, 0.5); background-color: #0fc20f; opacity: 1; } .readpoint-item.curr .poptip-remove { opacity: 1; } .readpoint-item .flex-img { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; display: flex; width: 100%; height: 100%; align-items: center; justify-content: center; } .readpoint-item .flex-img > div { width: 100%; height: 100%; background-repeat: no-repeat; background-position: center; background-size: cover; } .readpoint-item .flex-img > div + div { margin-left: 2px; } .downloadPanelFlex { display: -webkit-flex; display: flex; flex-direction: column; justify-content: space-around; align-items: center; } .addPictureBookBtn { width: 120px; height: 40px; border-radius: 4px; background: #2472e3; color: #fff; text-align: center; cursor: pointer; } .el-checkbox + .el-checkbox { margin-left: 0px; } .el-checkbox { margin-right: 25px; } .course-module { width: 1014px; overflow-x: auto; background-color: #f3f3f3; border: 1px solid #eee; } .editor-mode { padding: 15px 0; overflow-x: auto; overflow-y: visible; } .editor-tool { background-color: #f8f8f9; display: flex; border: 1px solid #eee; padding: 5px; max-width: 1100px; } .editor-tool .tool-start { display: flex; flex-shrink: 0; flex-direction: column; padding: 5px 10px 5px 0; margin-right: 10px; border-right: 1px solid #eee; } .editor-tool .tool-start .ivu-btn { margin-bottom: 3px; margin-top: 3px; } .editor-tool .tool-action { padding: 5px 10px 5px 0; margin-right: 10px; border-right: 1px solid #eee; width: 380px; } .editor-tool .tool-action .ivu-btn { margin-bottom: 3px; margin-top: 3px; } .editor-tool .tool-main { display: flex; flex-shrink: 0; flex-direction: column; padding-right: 10px; margin-right: 10px; border-right: 1px solid #eee; } .editor-tool .tool-main .tool-column { margin: 3px 0; } .editor-tool .tool-opt { padding: 5px 0; } .editor-tool .tool-opt .ivu-btn { margin-bottom: 3px; margin-top: 3px; } .editor-container { margin-top: 10px; position: relative; } .editor-row { min-width: 900px; display: -webkit-flex; display: flex; flex-direction: row; } .editor-preview { width: 750px; float: top; margin-right: 12px; border: 1px solid #eee; background-color: #f8f8f9; } .editor-main { overflow-x: auto; width: 100%; position: relative; display: -webkit-flex; display: flex; flex-direction: row; align-items: center; } .editor-opt { height: 468px; width: 832px; position: absolute; left: 0; top: 0; z-index: 9; background: transparent; } .drag-box { position: absolute; z-index: 10; touch-action: none; text-align: center; font-size: 12px; border: 0px solid #3dd; /* .ivu-tooltip, .drap-title-pst { position: absolute; top: -24px; left: 0; } .size-val { position: absolute; top: 40%; left: 0; width: 100%; text-align: center; } .ivu-color-picker { cursor: default; } */ } .drag-box-bg { position: absolute; z-index: 8; touch-action: none; text-align: center; font-size: 12px; border: 0px solid #3dd; } .drag-polygon { position: absolute; z-index: 9; touch-action: none; text-align: center; font-size: 12px; border: 0px solid #3dd; } .drag-remove { position: absolute; left: 60px; top: -18px; } .OIDShowInQuantu { position: absolute; left: 0; right: 0; top: 40%; margin: auto; cursor: pointer; width: fit-content; background-color: #ffffff; } .OIDShowInQuantu2 { position: absolute; left: 5px; top: 3px; margin: auto; cursor: pointer; width: fit-content; background-color: #ffffff; } .NameShowInQuantu { position: absolute; left: 0; right: 0; top: 8px; margin: auto; cursor: pointer; width: fit-content; background-color: #ffffff; } .NameShowInQuantu1 { position: absolute; left: 0; right: 0; padding: 2px 0 0 2px; cursor: pointer; width: fit-content; overflow-y: auto; font-family: Times; } .drag-confirm { position: absolute; left: 30px; top: -18px; } .drag-reedit { position: absolute; left: 0; top: -18px; } .drag-box2 { position: absolute; z-index: 11; touch-action: none; text-align: center; font-size: 12px; /* .size-val { position: absolute; top: 40%; left: 0; width: 100%; text-align: center; } .ivu-color-picker { cursor: default; } */ } .drag-title { display: inline-block; font-size: 12px; border-radius: 4px; padding: 0 10px; height: 24px; line-height: 24px; background-color: #ff9900; color: #fff; } .resize-drag { touch-action: none; } .dragonly { touch-action: none; } .click-area { color: #fff; border-radius: 8px; padding: 10px 5px 5px; background-color: rgba(237, 64, 20, 0.5); } .click-area .horn-icon { position: absolute; top: 50%; left: 50%; margin-left: -44px; margin-top: -45px; background-image: url(data:image/png;base64,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); background-size: contain; width: 88px; height: 91px; z-index: -1; } .drag-figure { width: 100px; background-color: rgba(255, 255, 255, 0.5); } .drag-figure img { width: 100%; } .drag-circle { color: #333; background-color: rgba(255, 255, 255, 0.2); border-radius: 50%; } .drag-circle .select-color { position: absolute; right: 0; top: -24px; } .drag-circle .drag-remove { right: -20px; } .drag-line { min-height: auto; line-height: 0px; color: #333; background-color: rgba(255, 255, 255, 0.3); } .drag-line .select-color { position: absolute; right: 0; top: -24px; } .drag-line .drag-remove { right: -20px; } .drag-button { min-height: 58.5px; line-height: normal; width: 195px; } .drag-button .drag-ui-button { outline: 0; width: 100%; height: 58.5px; color: #fff; background-color: #f90; border: 1px solid #f90; font-size: 16px; border-radius: 4px; font-weight: 400; text-align: center; vertical-align: middle; white-space: nowrap; line-height: 1.5; user-select: none; } .drag-arrow { width: 100px; height: 100px; border: 1px dashed rgba(0, 0, 0, 0.5); display: flex; align-items: center; justify-content: center; } .drag-arrow .arrow-inner { width: 91px; height: 49px; } .drag-arrow .left { transform: rotate(180deg); } .drag-arrow .left-top { transform: rotate(225deg); } .drag-arrow .top { transform: rotate(-90deg); } .drag-arrow .right-top { transform: rotate(-45deg); } .drag-arrow .right-bottom { transform: rotate(45deg); } .drag-arrow .bottom { transform: rotate(90deg); } .drag-arrow .left-bottom { transform: rotate(135deg); } .drag-audio { padding: 10px 5px 5px; min-height: 60px; border-radius: 8px; background-color: rgba(255, 255, 255, 0.7); } .drag-text { min-height: auto; border: 1px dashed rgba(0, 0, 0, 0.5); } .drag-text .ct-input { width: 100%; } .drag-text .ivu-color-picker { position: absolute; top: -24px; right: 85px; } .drag-text .ivu-select { position: absolute; top: -24px; right: 20px; } .drag-text-blanks { min-height: auto; background-color: #ffffff; max-width: 732px; min-width: auto; } .drag-text-blanks .ivu-color-picker { position: absolute; top: -24px; right: 85px; } .drag-text-blanks .ivu-select { position: absolute; top: -24px; right: 20px; } .drag-tts { min-height: auto; } .drag-tts .ct-input { width: 300px; } .drag-image { max-width: 430px; max-height: 430px; border: 1px dashed rgba(0, 0, 0, 0.5); } .drag-image img { width: 100%; } .poptip-figure-content { overflow: hidden; white-space: normal; } .poptip-figure-content .poptip-figure-item { display: inline-block; margin: 5px; min-width: 60px; } .poptip-content { text-align: center; overflow: hidden; } .poptip-item { display: inline-block; margin: 0 5px; } .poptip-item .left { transform: rotate(180deg); } .poptip-item .left-top { transform: rotate(225deg); } .poptip-item .top { transform: rotate(-90deg); } .poptip-item .right-top { transform: rotate(-45deg); } .poptip-item .right-bottom { transform: rotate(45deg); } .poptip-item .bottom { transform: rotate(90deg); } .poptip-item .left-bottom { transform: rotate(135deg); } .poptip-item img { width: 30px; } .init-svg { width: 100%; height: 100%; } .line-svg { stroke-dasharray: 1000; stroke-dashoffset: 10; animation: drawLine 3s linear forwards; } .show-property { position: absolute; bottom: 0; right: 0; } @keyframes drawLine { 0% { stroke-dashoffset: 1000; } 100% { stroke-dashoffset: 0; } } .circle-svg { stroke-dasharray: 20 5; animation: none; } @keyframes drawCircle { 0% { stroke-dashoffset: 0; } 100% { stroke-dasharray: 1500 1500; } } .rotate-x { transform-origin: center center; } .drag-bubble .ivu-color-picker { position: absolute; top: -24px; right: 20px; } .bubble-button { display: block; width: 130px; height: 98px; border-radius: 49px; position: relative; border: #FFF044 solid 1px; background-color: #FFF044; } .bubble-button:focus { border: none; outline: none; } .bg-grid { background-color: transparent; background-position: 0% 0%; background-size: 16px 16px; background-image: linear-gradient(90deg, rgba(0, 0, 0, 0.1) 1px, transparent 1px), linear-gradient(rgba(0, 0, 0, 0.1) 1px, transparent 1px); } audio { outline: none; } .action-box { max-width: 1012px; } .action-item { margin-bottom: 20px; } .action-item .audio-test { display: inline-block; vertical-align: middle; margin-right: 20px; } .action-item .ivu-upload { display: inline-block; vertical-align: middle; } .action-answer-item { margin: 0 0 15px; } .action-btn { text-align: right; } .action-btn.action-btn-left { text-align: left; } .cardBg { background-color: #e8eaec; } .lock-box { text-align: center; color: #999; padding: 15% 0 10%; } .lock-box > div { padding: 40px; } .poptip-remove { position: absolute; right: -4px; top: -4px; line-height: 0; opacity: 0; } .pageNumShow { position: absolute; left: 45%; bottom: -10px; line-height: 0; } .pageHiddenShow { position: absolute; left: 40px; top: -4px; line-height: 0; cursor: pointer; } .explanationSubtitles { position: absolute; right: -10px; top: -40px; cursor: pointer; } .image-upload-type { padding: 5px 0; } .image-upload-type > div + div { margin-top: 10px; } .module-list { display: inline-flex; padding: 10px 10px 10px 0; background-color: #f3f3f3; white-space: nowrap; } .module-list-item { display: flex; max-width: 100px; user-select: none; background-color: #fff; border: 1px solid #eee; text-align: center; position: relative; transition: hover 0.3s linear, box-shadow 0.3s ease-in-out, opacity 0.3s; margin-left: 10px; } .module-list-item > div { width: 100px; height: 100%; padding: 10px 0; } .module-list-item.curr { box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1); border-color: rgba(34, 153, 238, 0.5); } .module-list-item.set-box { min-height: 100px; border-style: dashed; cursor: pointer; } .module-list-item.set-box .ivu-icon { margin: 15px 0 5px; } .module-list-item .remove-course { position: absolute; left: -7px; top: -7px; opacity: 0; transition: opacity 0.3s; } .module-list-item .edit-course { position: absolute; right: -7px; top: -7px; opacity: 0; transition: opacity 0.3s; } .module-list-item .ivu-dropdown { position: absolute; right: 3px; top: 3px; } .module-list-item .ivu-dropdown a { color: #666; } .module-list-item img { width: 50px; height: 50px; background-color: #eee; } .module-list-item p { height: 22px; line-height: 22px; margin: 0 5px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .module-list-item:hover { box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1); } .module-list-item:hover .remove-course { opacity: 1; } .module-list-item:hover .edit-course { opacity: 1; } .preview-list { display: inline-flex; width: 750px; overflow-y: visible; overflow-x: auto; padding: 9px 8px; } .preview-item { display: flex; flex-shrink: 0; width: 100px; height: 100px; line-height: 0px; position: relative; margin-bottom: 10px; background-color: #f8f8f9; border: 2px solid #ffffff; background-size: cover; background-position: center; background-repeat: no-repeat; opacity: 0.5; transition: hover 0.3s linear, opacity 0.3s; } .preview-item:hover { border-color: rgba(60, 105, 138, 0.5); opacity: 0.7; } .preview-item.curr { border-color: rgba(34, 153, 238, 0.5); opacity: 1; } .preview-item.curr .poptip-remove { opacity: 1; } .preview-item.file-upload { background-color: #ccc; text-align: center; opacity: 1; } .preview-item.file-upload .upload-add-button { cursor: pointer; } .preview-item .flex-img { display: flex; width: 100%; height: 100%; align-items: center; justify-content: center; } .preview-item .flex-img > div { width: 100%; height: 100%; background-repeat: no-repeat; background-position: center; background-size: cover; } .preview-item .flex-img > div + div { margin-left: 2px; } .preview-item .preview-img { width: 100%; height: 100%; background-repeat: no-repeat; background-position: center; background-size: cover; } .other-area { position: relative; width: 832px; height: 468px; border: 1px dashed #dcdee2; background-color: #f8f8f9; } .image-box { position: relative; background-color: #f8f8f9; user-select: none; } .upload-image { position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 1; } .upload-image .ivu-upload { background-color: #f8f8f9; padding: 20px; } .upload-image .ivu-upload-drag { border: none; padding: 150px 0 20px; } .upload-image .ivu-row, .upload-image .ivu-col { height: 100%; } .image-preview { overflow: hidden; height: 100%; width: 100%; background-size: cover; display: flex; align-items: center; justify-content: center; } .image-preview .image-item { width: 100%; height: 100%; background-repeat: no-repeat; background-position: center; background-size: cover; } .image-preview .image-item + .image-item { margin-left: 5px; } .image-audio { padding-bottom: 20px; position: absolute; bottom: 0; left: 50%; margin-left: -250px; width: 500px; z-index: 10; text-align: center; } .image-audio .ct-input { width: 300px; } .image-audio .media-upload { display: inline-block; } .up-preview { width: 100%; height: 100%; background-repeat: no-repeat; background-position: top left; background-size: contain; } /* .roobo-editor { .other-area, //.player-box, .image-box, .editor-opt { height: 520px; } } */ .dropdown-list li a { color: #666; display: inline-block; padding: 5px 15px; } .dropdown-list li a:hover { background: #f3f3f3; color: #2d8cf0; } .blanks-main { text-align: left; font-family: Arial; padding: 5px; } .blanks-main p { font-size: 24px; line-height: 1; } .blanks-main span { display: inline-block; font-size: 24px; line-height: 1; overflow: hidden; vertical-align: middle; margin: 5px 0; } .blanks-main span.text-line { border-bottom: 1px solid #666; } .svg-button { cursor: pointer; width: 40px; height: 40px; fill-opacity: 0; stroke: #111111; stroke-width: 1; stroke-dasharray: 20 5; padding: 0px 4px; margin: 0px 10px 5px 10px; } .svg-button2 { cursor: pointer; width: 40px; height: 40px; fill-opacity: 0; stroke: #111111; stroke-width: 1; padding: 0px 4px; margin: 5px 10px 0px 10px; } .snBtn { height: 30px; margin: 20px 5px; } .snBtn2 { height: 30px; line-height: 30px; margin: 20px 5px; } .quanTuText { height: 50px; line-height: 50px; margin: 5px 30px 5px 10px; } .checkView { height: 50px; line-height: 50px; margin: 5px 30px 5px 10px; display: -webkit-flex; display: flex; flex-direction: row; justify-content: flex-start; } .checkViewItem { padding: 0px 10px 0px 0px; } .svgButtonOuter { width: 50px; height: 50px; display: table; } .svgButtoninner { display: table-cell; vertical-align: middle; text-align: center; } .tipsForeditor { font-family: Arial; padding: 5px; font-size: 12px; line-height: 1; } .editor-content { background-color: #f0f0f0; display: flex; border: 1px solid #eee; padding: 5px; max-width: 900px; } .tool-response { border: 1px solid #ddd; padding: 10px; margin: 0px 0px 10px 0px; } .oidFlex { display: -webkit-flex; display: flex; flex-direction: row; justify-content: flex-start; align-items: center; } .addInteractText { height: 30px; line-height: 30px; margin: 0px 30px 0px 10px; } .readPointInteractText { height: 30px; line-height: 30px; font-size: 16px; margin: 0px 10px 0px 10px; } .hide-area { border: 1px solid #ddd; padding: 0px 0px 0px 10px; } .talkTrainHeaderText { font-size: 14px; margin: 0px 0px 0px 0px; padding: 0px; } .showTimeoutTableCell { padding: 0px 20px 0px 0px; display: table-cell; vertical-align: middle; text-align: center; } .talkTrainHeader2Text { font-size: 10px; margin: 0px 0px 0px 0px; color: #aaaaaa; padding: 0px; } .svg-touch { cursor: pointer; } .talk-area { border: 1px solid #ddd; padding: 10px 10px 10px 10px; } .checkBtn { max-width: 900px; padding: 10px 10px 10px 10px; background-color: #f8f8f9; border: 1px solid #eee; } .classShow { width: 600px; display: -webkit-flex; display: flex; flex-direction: row; justify-content: space-between; align-items: center; } .recordStyle { height: 35px; width: 426px; display: -webkit-flex; display: flex; flex-direction: row; justify-content: flex-start; align-items: center; } .questionAudio2 { width: 500px; border: 1px solid #ddd; padding: 10px; } .questionAudio { width: 390px; border: 1px solid #ddd; padding: 10px; } .interact-game-pointRange { width: 700px; display: flex; display: -webkit-flex; flex-direction: column; justify-content: flex-start; align-items: flex-start; } .interact-gameSigmode-correct-btn { display: -webkit-flex; display: flex; flex-direction: row; justify-content: flex-start; align-items: center; } .interact-follow-response { display: -webkit-flex; display: flex; flex-direction: row; justify-content: flex-start; align-items: center; border: 1px solid #ddd; margin: 5px; } .oidstyle { height: 35px; width: 600px; display: -webkit-flex; display: flex; flex-direction: row; justify-content: start; align-items: center; } .el-table__body tr.current-row > td { background-color: #8282ec !important; /* color: #f19944; */ /* 设置文字颜色 */ } .readpoint-list { display: inline-flex; width: 1090px; overflow-y: visible; overflow-x: auto; padding: 8px; } .readpoint-item { display: flex; flex-shrink: 0; border-radius: 5px; width: 100px; height: 40px; line-height: 0px; position: relative; margin-right: 20px; margin-bottom: 10px; background-color: #f8f8f9; border: 2px solid #161616; background-size: cover; background-position: center; background-repeat: no-repeat; opacity: 0.8; transition: hover 0.3s linear, opacity 0.3s; cursor: pointer; } .readpoint-item:hover { border-color: rgba(60, 105, 138, 0.5); opacity: 0.7; } .readpoint-item.son { border-color: #b0c20f; background-color: #b0c20f; opacity: 1; } .readpoint-item.curr { border-color: rgba(34, 153, 238, 0.5); background-color: #0fc20f; opacity: 1; } .readpoint-item.curr .poptip-remove { opacity: 1; } .readpoint-item .flex-img { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; display: flex; width: 100%; height: 100%; align-items: center; justify-content: center; } .readpoint-item .flex-img > div { width: 100%; height: 100%; background-repeat: no-repeat; background-position: center; background-size: cover; } .readpoint-item .flex-img > div + div { margin-left: 2px; } .downloadPanelFlex { display: -webkit-flex; display: flex; flex-direction: column; justify-content: space-around; align-items: center; } .addPictureBookBtn { width: 120px; height: 40px; border-radius: 4px; background: #2472e3; color: #fff; text-align: center; cursor: pointer; } .el-checkbox + .el-checkbox { margin-left: 0px; } .el-checkbox { margin-right: 25px; } .course-module { width: 1014px; overflow-x: auto; background-color: #f3f3f3; border: 1px solid #eee; } .editor-mode { padding: 15px 0; overflow-x: auto; overflow-y: visible; } .editor-tool { background-color: #f8f8f9; display: flex; border: 1px solid #eee; padding: 5px; max-width: 1100px; } .editor-tool .tool-start { display: flex; flex-shrink: 0; flex-direction: column; padding: 5px 10px 5px 0; margin-right: 10px; border-right: 1px solid #eee; } .editor-tool .tool-start .ivu-btn { margin-bottom: 3px; margin-top: 3px; } .editor-tool .tool-action { padding: 5px 10px 5px 0; margin-right: 10px; border-right: 1px solid #eee; width: 380px; } .editor-tool .tool-action .ivu-btn { margin-bottom: 3px; margin-top: 3px; } .editor-tool .tool-main { display: flex; flex-shrink: 0; flex-direction: column; padding-right: 10px; margin-right: 10px; border-right: 1px solid #eee; } .editor-tool .tool-main .tool-column { margin: 3px 0; } .editor-tool .tool-opt { padding: 5px 0; } .editor-tool .tool-opt .ivu-btn { margin-bottom: 3px; margin-top: 3px; } .editor-container { margin-top: 10px; position: relative; } .editor-row { min-width: 900px; display: -webkit-flex; display: flex; flex-direction: row; } .editor-preview { width: 750px; float: top; margin-right: 12px; border: 1px solid #eee; background-color: #f8f8f9; } .editor-main { overflow-x: auto; width: 100%; position: relative; display: -webkit-flex; display: flex; flex-direction: row; align-items: center; } .editor-opt { height: 468px; width: 832px; position: absolute; left: 0; top: 0; z-index: 9; background: transparent; } .drag-box { position: absolute; z-index: 10; touch-action: none; text-align: center; font-size: 12px; border: 0px solid #3dd; /* .ivu-tooltip, .drap-title-pst { position: absolute; top: -24px; left: 0; } .size-val { position: absolute; top: 40%; left: 0; width: 100%; text-align: center; } .ivu-color-picker { cursor: default; } */ } .drag-box-bg { position: absolute; z-index: 8; touch-action: none; text-align: center; font-size: 12px; border: 0px solid #3dd; } .drag-polygon { position: absolute; z-index: 9; touch-action: none; text-align: center; font-size: 12px; border: 0px solid #3dd; } .drag-remove { position: absolute; left: 60px; top: -18px; } .OIDShowInQuantu { position: absolute; left: 0; right: 0; top: 40%; margin: auto; cursor: pointer; width: fit-content; background-color: #ffffff; } .OIDShowInQuantu2 { position: absolute; left: 5px; top: 3px; margin: auto; cursor: pointer; width: fit-content; background-color: #ffffff; } .NameShowInQuantu { position: absolute; left: 0; right: 0; top: 8px; margin: auto; cursor: pointer; width: fit-content; background-color: #ffffff; } .NameShowInQuantu1 { position: absolute; left: 0; right: 0; padding: 2px 0 0 2px; cursor: pointer; width: fit-content; overflow-y: auto; font-family: Times; } .drag-confirm { position: absolute; left: 30px; top: -18px; } .drag-reedit { position: absolute; left: 0; top: -18px; } .drag-box2 { position: absolute; z-index: 11; touch-action: none; text-align: center; font-size: 12px; /* .size-val { position: absolute; top: 40%; left: 0; width: 100%; text-align: center; } .ivu-color-picker { cursor: default; } */ } .drag-title { display: inline-block; font-size: 12px; border-radius: 4px; padding: 0 10px; height: 24px; line-height: 24px; background-color: #ff9900; color: #fff; } .resize-drag { touch-action: none; } .dragonly { touch-action: none; } .click-area { color: #fff; border-radius: 8px; padding: 10px 5px 5px; background-color: rgba(237, 64, 20, 0.5); } .click-area .horn-icon { position: absolute; top: 50%; left: 50%; margin-left: -44px; margin-top: -45px; background-image: url(data:image/png;base64,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); background-size: contain; width: 88px; height: 91px; z-index: -1; } .drag-figure { width: 100px; background-color: rgba(255, 255, 255, 0.5); } .drag-figure img { width: 100%; } .drag-circle { color: #333; background-color: rgba(255, 255, 255, 0.2); border-radius: 50%; } .drag-circle .select-color { position: absolute; right: 0; top: -24px; } .drag-circle .drag-remove { right: -20px; } .drag-line { min-height: auto; line-height: 0px; color: #333; background-color: rgba(255, 255, 255, 0.3); } .drag-line .select-color { position: absolute; right: 0; top: -24px; } .drag-line .drag-remove { right: -20px; } .drag-button { min-height: 58.5px; line-height: normal; width: 195px; } .drag-button .drag-ui-button { outline: 0; width: 100%; height: 58.5px; color: #fff; background-color: #f90; border: 1px solid #f90; font-size: 16px; border-radius: 4px; font-weight: 400; text-align: center; vertical-align: middle; white-space: nowrap; line-height: 1.5; user-select: none; } .drag-arrow { width: 100px; height: 100px; border: 1px dashed rgba(0, 0, 0, 0.5); display: flex; align-items: center; justify-content: center; } .drag-arrow .arrow-inner { width: 91px; height: 49px; } .drag-arrow .left { transform: rotate(180deg); } .drag-arrow .left-top { transform: rotate(225deg); } .drag-arrow .top { transform: rotate(-90deg); } .drag-arrow .right-top { transform: rotate(-45deg); } .drag-arrow .right-bottom { transform: rotate(45deg); } .drag-arrow .bottom { transform: rotate(90deg); } .drag-arrow .left-bottom { transform: rotate(135deg); } .drag-audio { padding: 10px 5px 5px; min-height: 60px; border-radius: 8px; background-color: rgba(255, 255, 255, 0.7); } .drag-text { min-height: auto; border: 1px dashed rgba(0, 0, 0, 0.5); } .drag-text .ct-input { width: 100%; } .drag-text .ivu-color-picker { position: absolute; top: -24px; right: 85px; } .drag-text .ivu-select { position: absolute; top: -24px; right: 20px; } .drag-text-blanks { min-height: auto; background-color: #ffffff; max-width: 732px; min-width: auto; } .drag-text-blanks .ivu-color-picker { position: absolute; top: -24px; right: 85px; } .drag-text-blanks .ivu-select { position: absolute; top: -24px; right: 20px; } .drag-tts { min-height: auto; } .drag-tts .ct-input { width: 300px; } .drag-image { max-width: 430px; max-height: 430px; border: 1px dashed rgba(0, 0, 0, 0.5); } .drag-image img { width: 100%; } .poptip-figure-content { overflow: hidden; white-space: normal; } .poptip-figure-content .poptip-figure-item { display: inline-block; margin: 5px; min-width: 60px; } .poptip-content { text-align: center; overflow: hidden; } .poptip-item { display: inline-block; margin: 0 5px; } .poptip-item .left { transform: rotate(180deg); } .poptip-item .left-top { transform: rotate(225deg); } .poptip-item .top { transform: rotate(-90deg); } .poptip-item .right-top { transform: rotate(-45deg); } .poptip-item .right-bottom { transform: rotate(45deg); } .poptip-item .bottom { transform: rotate(90deg); } .poptip-item .left-bottom { transform: rotate(135deg); } .poptip-item img { width: 30px; } .init-svg { width: 100%; height: 100%; } .line-svg { stroke-dasharray: 1000; stroke-dashoffset: 10; animation: drawLine 3s linear forwards; } .show-property { position: absolute; bottom: 0; right: 0; } @keyframes drawLine { 0% { stroke-dashoffset: 1000; } 100% { stroke-dashoffset: 0; } } .circle-svg { stroke-dasharray: 20 5; animation: none; } @keyframes drawCircle { 0% { stroke-dashoffset: 0; } 100% { stroke-dasharray: 1500 1500; } } .rotate-x { transform-origin: center center; } .drag-bubble .ivu-color-picker { position: absolute; top: -24px; right: 20px; } .bubble-button { display: block; width: 130px; height: 98px; border-radius: 49px; position: relative; border: #FFF044 solid 1px; background-color: #FFF044; } .bubble-button:focus { border: none; outline: none; } .bg-grid { background-color: transparent; background-position: 0% 0%; background-size: 16px 16px; background-image: linear-gradient(90deg, rgba(0, 0, 0, 0.1) 1px, transparent 1px), linear-gradient(rgba(0, 0, 0, 0.1) 1px, transparent 1px); } audio { outline: none; } .action-box { max-width: 1012px; } .action-item { margin-bottom: 20px; } .action-item .audio-test { display: inline-block; vertical-align: middle; margin-right: 20px; } .action-item .ivu-upload { display: inline-block; vertical-align: middle; } .action-answer-item { margin: 0 0 15px; } .action-btn { text-align: right; } .action-btn.action-btn-left { text-align: left; } .cardBg { background-color: #e8eaec; } .lock-box { text-align: center; color: #999; padding: 15% 0 10%; } .lock-box > div { padding: 40px; } .poptip-remove { position: absolute; right: -4px; top: -4px; line-height: 0; opacity: 0; } .pageNumShow { position: absolute; left: 45%; bottom: -10px; line-height: 0; } .pageHiddenShow { position: absolute; left: 40px; top: -4px; line-height: 0; cursor: pointer; } .explanationSubtitles { position: absolute; right: -10px; top: -40px; cursor: pointer; } .image-upload-type { padding: 5px 0; } .image-upload-type > div + div { margin-top: 10px; } .module-list { display: inline-flex; padding: 10px 10px 10px 0; background-color: #f3f3f3; white-space: nowrap; } .module-list-item { display: flex; max-width: 100px; user-select: none; background-color: #fff; border: 1px solid #eee; text-align: center; position: relative; transition: hover 0.3s linear, box-shadow 0.3s ease-in-out, opacity 0.3s; margin-left: 10px; } .module-list-item > div { width: 100px; height: 100%; padding: 10px 0; } .module-list-item.curr { box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1); border-color: rgba(34, 153, 238, 0.5); } .module-list-item.set-box { min-height: 100px; border-style: dashed; cursor: pointer; } .module-list-item.set-box .ivu-icon { margin: 15px 0 5px; } .module-list-item .remove-course { position: absolute; left: -7px; top: -7px; opacity: 0; transition: opacity 0.3s; } .module-list-item .edit-course { position: absolute; right: -7px; top: -7px; opacity: 0; transition: opacity 0.3s; } .module-list-item .ivu-dropdown { position: absolute; right: 3px; top: 3px; } .module-list-item .ivu-dropdown a { color: #666; } .module-list-item img { width: 50px; height: 50px; background-color: #eee; } .module-list-item p { height: 22px; line-height: 22px; margin: 0 5px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .module-list-item:hover { box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1); } .module-list-item:hover .remove-course { opacity: 1; } .module-list-item:hover .edit-course { opacity: 1; } .preview-list { display: inline-flex; width: 750px; overflow-y: visible; overflow-x: auto; padding: 9px 8px; } .preview-item { display: flex; flex-shrink: 0; width: 100px; height: 100px; line-height: 0px; position: relative; margin-bottom: 10px; background-color: #f8f8f9; border: 2px solid #ffffff; background-size: cover; background-position: center; background-repeat: no-repeat; opacity: 0.5; transition: hover 0.3s linear, opacity 0.3s; } .preview-item:hover { border-color: rgba(60, 105, 138, 0.5); opacity: 0.7; } .preview-item.curr { border-color: rgba(34, 153, 238, 0.5); opacity: 1; } .preview-item.curr .poptip-remove { opacity: 1; } .preview-item.file-upload { background-color: #ccc; text-align: center; opacity: 1; } .preview-item.file-upload .upload-add-button { cursor: pointer; } .preview-item .flex-img { display: flex; width: 100%; height: 100%; align-items: center; justify-content: center; } .preview-item .flex-img > div { width: 100%; height: 100%; background-repeat: no-repeat; background-position: center; background-size: cover; } .preview-item .flex-img > div + div { margin-left: 2px; } .preview-item .preview-img { width: 100%; height: 100%; background-repeat: no-repeat; background-position: center; background-size: cover; } .other-area { position: relative; width: 832px; height: 468px; border: 1px dashed #dcdee2; background-color: #f8f8f9; } .image-box { position: relative; background-color: #f8f8f9; user-select: none; } .upload-image { position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 1; } .upload-image .ivu-upload { background-color: #f8f8f9; padding: 20px; } .upload-image .ivu-upload-drag { border: none; padding: 150px 0 20px; } .upload-image .ivu-row, .upload-image .ivu-col { height: 100%; } .image-preview { overflow: hidden; height: 100%; width: 100%; background-size: cover; display: flex; align-items: center; justify-content: center; } .image-preview .image-item { width: 100%; height: 100%; background-repeat: no-repeat; background-position: center; background-size: cover; } .image-preview .image-item + .image-item { margin-left: 5px; } .image-audio { padding-bottom: 20px; position: absolute; bottom: 0; left: 50%; margin-left: -250px; width: 500px; z-index: 10; text-align: center; } .image-audio .ct-input { width: 300px; } .image-audio .media-upload { display: inline-block; } .up-preview { width: 100%; height: 100%; background-repeat: no-repeat; background-position: top left; background-size: contain; } /* .roobo-editor { .other-area, //.player-box, .image-box, .editor-opt { height: 520px; } } */ .dropdown-list li a { color: #666; display: inline-block; padding: 5px 15px; } .dropdown-list li a:hover { background: #f3f3f3; color: #2d8cf0; } .blanks-main { text-align: left; font-family: Arial; padding: 5px; } .blanks-main p { font-size: 24px; line-height: 1; } .blanks-main span { display: inline-block; font-size: 24px; line-height: 1; overflow: hidden; vertical-align: middle; margin: 5px 0; } .blanks-main span.text-line { border-bottom: 1px solid #666; } .svg-button { cursor: pointer; width: 40px; height: 40px; fill-opacity: 0; stroke: #111111; stroke-width: 1; stroke-dasharray: 20 5; padding: 0px 4px; margin: 0px 10px 5px 10px; } .svg-button2 { cursor: pointer; width: 40px; height: 40px; fill-opacity: 0; stroke: #111111; stroke-width: 1; padding: 0px 4px; margin: 5px 10px 0px 10px; } .snBtn { height: 30px; margin: 20px 5px; } .snBtn2 { height: 30px; line-height: 30px; margin: 20px 5px; } .quanTuText { height: 50px; line-height: 50px; margin: 5px 30px 5px 10px; } .checkView { height: 50px; line-height: 50px; margin: 5px 30px 5px 10px; display: -webkit-flex; display: flex; flex-direction: row; justify-content: flex-start; } .checkViewItem { padding: 0px 10px 0px 0px; } .svgButtonOuter { width: 50px; height: 50px; display: table; } .svgButtoninner { display: table-cell; vertical-align: middle; text-align: center; } .tipsForeditor { font-family: Arial; padding: 5px; font-size: 12px; line-height: 1; } .editor-content { background-color: #f0f0f0; display: flex; border: 1px solid #eee; padding: 5px; max-width: 900px; } .tool-response { border: 1px solid #ddd; padding: 10px; margin: 0px 0px 10px 0px; } .oidFlex { display: -webkit-flex; display: flex; flex-direction: row; justify-content: flex-start; align-items: center; } .addInteractText { height: 30px; line-height: 30px; margin: 0px 30px 0px 10px; } .readPointInteractText { height: 30px; line-height: 30px; font-size: 16px; margin: 0px 10px 0px 10px; } .hide-area { border: 1px solid #ddd; padding: 0px 0px 0px 10px; } .talkTrainHeaderText { font-size: 14px; margin: 0px 0px 0px 0px; padding: 0px; } .showTimeoutTableCell { padding: 0px 20px 0px 0px; display: table-cell; vertical-align: middle; text-align: center; } .talkTrainHeader2Text { font-size: 10px; margin: 0px 0px 0px 0px; color: #aaaaaa; padding: 0px; } .svg-touch { cursor: pointer; } .talk-area { border: 1px solid #ddd; padding: 10px 10px 10px 10px; } .checkBtn { max-width: 900px; padding: 10px 10px 10px 10px; background-color: #f8f8f9; border: 1px solid #eee; } .classShow { width: 600px; display: -webkit-flex; display: flex; flex-direction: row; justify-content: space-between; align-items: center; } .recordStyle { height: 35px; width: 426px; display: -webkit-flex; display: flex; flex-direction: row; justify-content: flex-start; align-items: center; } .questionAudio2 { width: 500px; border: 1px solid #ddd; padding: 10px; } .questionAudio { width: 390px; border: 1px solid #ddd; padding: 10px; } .interact-game-pointRange { width: 700px; display: flex; display: -webkit-flex; flex-direction: column; justify-content: flex-start; align-items: flex-start; } .interact-gameSigmode-correct-btn { display: -webkit-flex; display: flex; flex-direction: row; justify-content: flex-start; align-items: center; } .interact-follow-response { display: -webkit-flex; display: flex; flex-direction: row; justify-content: flex-start; align-items: center; border: 1px solid #ddd; margin: 5px; } .oidstyle { height: 35px; width: 600px; display: -webkit-flex; display: flex; flex-direction: row; justify-content: start; align-items: center; } .el-table__body tr.current-row > td { background-color: #8282ec !important; /* color: #f19944; */ /* 设置文字颜色 */ } .readpoint-list { display: inline-flex; width: 1090px; overflow-y: visible; overflow-x: auto; padding: 8px; } .readpoint-item { display: flex; flex-shrink: 0; border-radius: 5px; width: 100px; height: 40px; line-height: 0px; position: relative; margin-right: 20px; margin-bottom: 10px; background-color: #f8f8f9; border: 2px solid #161616; background-size: cover; background-position: center; background-repeat: no-repeat; opacity: 0.8; transition: hover 0.3s linear, opacity 0.3s; cursor: pointer; } .readpoint-item:hover { border-color: rgba(60, 105, 138, 0.5); opacity: 0.7; } .readpoint-item.son { border-color: #b0c20f; background-color: #b0c20f; opacity: 1; } .readpoint-item.curr { border-color: rgba(34, 153, 238, 0.5); background-color: #0fc20f; opacity: 1; } .readpoint-item.curr .poptip-remove { opacity: 1; } .readpoint-item .flex-img { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; display: flex; width: 100%; height: 100%; align-items: center; justify-content: center; } .readpoint-item .flex-img > div { width: 100%; height: 100%; background-repeat: no-repeat; background-position: center; background-size: cover; } .readpoint-item .flex-img > div + div { margin-left: 2px; } .downloadPanelFlex { display: -webkit-flex; display: flex; flex-direction: column; justify-content: space-around; align-items: center; } .addPictureBookBtn { width: 120px; height: 40px; border-radius: 4px; background: #2472e3; color: #fff; text-align: center; cursor: pointer; } .el-checkbox + .el-checkbox { margin-left: 0px; } .el-checkbox { margin-right: 25px; } .course-module { width: 1014px; overflow-x: auto; background-color: #f3f3f3; border: 1px solid #eee; } .editor-mode { padding: 15px 0; overflow-x: auto; overflow-y: visible; } .editor-tool { background-color: #f8f8f9; display: flex; border: 1px solid #eee; padding: 5px; max-width: 1100px; } .editor-tool .tool-start { display: flex; flex-shrink: 0; flex-direction: column; padding: 5px 10px 5px 0; margin-right: 10px; border-right: 1px solid #eee; } .editor-tool .tool-start .ivu-btn { margin-bottom: 3px; margin-top: 3px; } .editor-tool .tool-action { padding: 5px 10px 5px 0; margin-right: 10px; border-right: 1px solid #eee; width: 380px; } .editor-tool .tool-action .ivu-btn { margin-bottom: 3px; margin-top: 3px; } .editor-tool .tool-main { display: flex; flex-shrink: 0; flex-direction: column; padding-right: 10px; margin-right: 10px; border-right: 1px solid #eee; } .editor-tool .tool-main .tool-column { margin: 3px 0; } .editor-tool .tool-opt { padding: 5px 0; } .editor-tool .tool-opt .ivu-btn { margin-bottom: 3px; margin-top: 3px; } .editor-container { margin-top: 10px; position: relative; } .editor-row { min-width: 900px; display: -webkit-flex; display: flex; flex-direction: row; } .editor-preview { width: 750px; float: top; margin-right: 12px; border: 1px solid #eee; background-color: #f8f8f9; } .editor-main { overflow-x: auto; width: 100%; position: relative; display: -webkit-flex; display: flex; flex-direction: row; align-items: center; } .editor-opt { height: 468px; width: 832px; position: absolute; left: 0; top: 0; z-index: 9; background: transparent; } .drag-box { position: absolute; z-index: 10; touch-action: none; text-align: center; font-size: 12px; border: 0px solid #3dd; /* .ivu-tooltip, .drap-title-pst { position: absolute; top: -24px; left: 0; } .size-val { position: absolute; top: 40%; left: 0; width: 100%; text-align: center; } .ivu-color-picker { cursor: default; } */ } .drag-box-bg { position: absolute; z-index: 8; touch-action: none; text-align: center; font-size: 12px; border: 0px solid #3dd; } .drag-polygon { position: absolute; z-index: 9; touch-action: none; text-align: center; font-size: 12px; border: 0px solid #3dd; } .drag-remove { position: absolute; left: 60px; top: -18px; } .OIDShowInQuantu { position: absolute; left: 0; right: 0; top: 40%; margin: auto; cursor: pointer; width: fit-content; background-color: #ffffff; } .OIDShowInQuantu2 { position: absolute; left: 5px; top: 3px; margin: auto; cursor: pointer; width: fit-content; background-color: #ffffff; } .NameShowInQuantu { position: absolute; left: 0; right: 0; top: 8px; margin: auto; cursor: pointer; width: fit-content; background-color: #ffffff; } .NameShowInQuantu1 { position: absolute; left: 0; right: 0; padding: 2px 0 0 2px; cursor: pointer; width: fit-content; overflow-y: auto; font-family: Times; } .drag-confirm { position: absolute; left: 30px; top: -18px; } .drag-reedit { position: absolute; left: 0; top: -18px; } .drag-box2 { position: absolute; z-index: 11; touch-action: none; text-align: center; font-size: 12px; /* .size-val { position: absolute; top: 40%; left: 0; width: 100%; text-align: center; } .ivu-color-picker { cursor: default; } */ } .drag-title { display: inline-block; font-size: 12px; border-radius: 4px; padding: 0 10px; height: 24px; line-height: 24px; background-color: #ff9900; color: #fff; } .resize-drag { touch-action: none; } .dragonly { touch-action: none; } .click-area { color: #fff; border-radius: 8px; padding: 10px 5px 5px; background-color: rgba(237, 64, 20, 0.5); } .click-area .horn-icon { position: absolute; top: 50%; left: 50%; margin-left: -44px; margin-top: -45px; background-image: url(data:image/png;base64,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); background-size: contain; width: 88px; height: 91px; z-index: -1; } .drag-figure { width: 100px; background-color: rgba(255, 255, 255, 0.5); } .drag-figure img { width: 100%; } .drag-circle { color: #333; background-color: rgba(255, 255, 255, 0.2); border-radius: 50%; } .drag-circle .select-color { position: absolute; right: 0; top: -24px; } .drag-circle .drag-remove { right: -20px; } .drag-line { min-height: auto; line-height: 0px; color: #333; background-color: rgba(255, 255, 255, 0.3); } .drag-line .select-color { position: absolute; right: 0; top: -24px; } .drag-line .drag-remove { right: -20px; } .drag-button { min-height: 58.5px; line-height: normal; width: 195px; } .drag-button .drag-ui-button { outline: 0; width: 100%; height: 58.5px; color: #fff; background-color: #f90; border: 1px solid #f90; font-size: 16px; border-radius: 4px; font-weight: 400; text-align: center; vertical-align: middle; white-space: nowrap; line-height: 1.5; user-select: none; } .drag-arrow { width: 100px; height: 100px; border: 1px dashed rgba(0, 0, 0, 0.5); display: flex; align-items: center; justify-content: center; } .drag-arrow .arrow-inner { width: 91px; height: 49px; } .drag-arrow .left { transform: rotate(180deg); } .drag-arrow .left-top { transform: rotate(225deg); } .drag-arrow .top { transform: rotate(-90deg); } .drag-arrow .right-top { transform: rotate(-45deg); } .drag-arrow .right-bottom { transform: rotate(45deg); } .drag-arrow .bottom { transform: rotate(90deg); } .drag-arrow .left-bottom { transform: rotate(135deg); } .drag-audio { padding: 10px 5px 5px; min-height: 60px; border-radius: 8px; background-color: rgba(255, 255, 255, 0.7); } .drag-text { min-height: auto; border: 1px dashed rgba(0, 0, 0, 0.5); } .drag-text .ct-input { width: 100%; } .drag-text .ivu-color-picker { position: absolute; top: -24px; right: 85px; } .drag-text .ivu-select { position: absolute; top: -24px; right: 20px; } .drag-text-blanks { min-height: auto; background-color: #ffffff; max-width: 732px; min-width: auto; } .drag-text-blanks .ivu-color-picker { position: absolute; top: -24px; right: 85px; } .drag-text-blanks .ivu-select { position: absolute; top: -24px; right: 20px; } .drag-tts { min-height: auto; } .drag-tts .ct-input { width: 300px; } .drag-image { max-width: 430px; max-height: 430px; border: 1px dashed rgba(0, 0, 0, 0.5); } .drag-image img { width: 100%; } .poptip-figure-content { overflow: hidden; white-space: normal; } .poptip-figure-content .poptip-figure-item { display: inline-block; margin: 5px; min-width: 60px; } .poptip-content { text-align: center; overflow: hidden; } .poptip-item { display: inline-block; margin: 0 5px; } .poptip-item .left { transform: rotate(180deg); } .poptip-item .left-top { transform: rotate(225deg); } .poptip-item .top { transform: rotate(-90deg); } .poptip-item .right-top { transform: rotate(-45deg); } .poptip-item .right-bottom { transform: rotate(45deg); } .poptip-item .bottom { transform: rotate(90deg); } .poptip-item .left-bottom { transform: rotate(135deg); } .poptip-item img { width: 30px; } .init-svg { width: 100%; height: 100%; } .line-svg { stroke-dasharray: 1000; stroke-dashoffset: 10; animation: drawLine 3s linear forwards; } .show-property { position: absolute; bottom: 0; right: 0; } @keyframes drawLine { 0% { stroke-dashoffset: 1000; } 100% { stroke-dashoffset: 0; } } .circle-svg { stroke-dasharray: 20 5; animation: none; } @keyframes drawCircle { 0% { stroke-dashoffset: 0; } 100% { stroke-dasharray: 1500 1500; } } .rotate-x { transform-origin: center center; } .drag-bubble .ivu-color-picker { position: absolute; top: -24px; right: 20px; } .bubble-button { display: block; width: 130px; height: 98px; border-radius: 49px; position: relative; border: #FFF044 solid 1px; background-color: #FFF044; } .bubble-button:focus { border: none; outline: none; } .bg-grid { background-color: transparent; background-position: 0% 0%; background-size: 16px 16px; background-image: linear-gradient(90deg, rgba(0, 0, 0, 0.1) 1px, transparent 1px), linear-gradient(rgba(0, 0, 0, 0.1) 1px, transparent 1px); } .paly-breakpoint[data-v-eb933d48] { position: relative; width: 500px; overflow: hidden; user-select: none; border-radius: 30px; margin: 5px; } .paly-breakpoint .custom-controls[data-v-eb933d48] { width: 500px; display: flex; background-color: #f1f1f1; flex-direction: row; justify-content: flex-start; align-items: center; } .paly-breakpoint[data-v-eb933d48] .play-bar { padding: 0 0 0 5px; } .paly-breakpoint[data-v-eb933d48] .slider { width: 400px; padding: 0 5px 0 10px; } .paly-breakpoint[data-v-eb933d48] .time-bar { color: #111111; font-size: 10px; } .paly-breakpoint[data-v-eb933d48] .slider .ivu-slider-marks-item { font-size: 12px; margin-top: 6px; } .paly-breakpoint[data-v-eb933d48] .slider .ivu-slider-stop:hover { bottom: 1px; width: 8px; height: 8px; background-color: #007aff; } .el-table[data-v-eb933d48] th > .cell { text-align: center; } .el-table[data-v-eb933d48] td > .cell { text-align: center; } .el-table[data-v-eb933d48] .info-row td:nth-child(5) { height: 100% !important; width: 100% !important; border: 3px solid #00ffff !important; } .subtitle > div[data-v-eb933d48] { width: 220px; height: 300px; overflow: auto; border: 1px solid black; padding: 10px; } .li_content[data-v-eb933d48] { line-height: 28px; } .li_content[data-v-eb933d48]:hover { color: #00ffff; cursor: pointer; } audio { outline: none; } .action-box { max-width: 1012px; } .action-item { margin-bottom: 20px; } .action-item .audio-test { display: inline-block; vertical-align: middle; margin-right: 20px; } .action-item .ivu-upload { display: inline-block; vertical-align: middle; } .action-answer-item { margin: 0 0 15px; } .action-btn { text-align: right; } .action-btn.action-btn-left { text-align: left; } .cardBg { background-color: #e8eaec; } .lock-box { text-align: center; color: #999; padding: 15% 0 10%; } .lock-box > div { padding: 40px; } .poptip-remove { position: absolute; right: -4px; top: -4px; line-height: 0; opacity: 0; } .pageNumShow { position: absolute; left: 45%; bottom: -10px; line-height: 0; } .pageHiddenShow { position: absolute; left: 40px; top: -4px; line-height: 0; cursor: pointer; } .explanationSubtitles { position: absolute; right: -10px; top: -40px; cursor: pointer; } .image-upload-type { padding: 5px 0; } .image-upload-type > div + div { margin-top: 10px; } .module-list { display: inline-flex; padding: 10px 10px 10px 0; background-color: #f3f3f3; white-space: nowrap; } .module-list-item { display: flex; max-width: 100px; user-select: none; background-color: #fff; border: 1px solid #eee; text-align: center; position: relative; transition: hover 0.3s linear, box-shadow 0.3s ease-in-out, opacity 0.3s; margin-left: 10px; } .module-list-item > div { width: 100px; height: 100%; padding: 10px 0; } .module-list-item.curr { box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1); border-color: rgba(34, 153, 238, 0.5); } .module-list-item.set-box { min-height: 100px; border-style: dashed; cursor: pointer; } .module-list-item.set-box .ivu-icon { margin: 15px 0 5px; } .module-list-item .remove-course { position: absolute; left: -7px; top: -7px; opacity: 0; transition: opacity 0.3s; } .module-list-item .edit-course { position: absolute; right: -7px; top: -7px; opacity: 0; transition: opacity 0.3s; } .module-list-item .ivu-dropdown { position: absolute; right: 3px; top: 3px; } .module-list-item .ivu-dropdown a { color: #666; } .module-list-item img { width: 50px; height: 50px; background-color: #eee; } .module-list-item p { height: 22px; line-height: 22px; margin: 0 5px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .module-list-item:hover { box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1); } .module-list-item:hover .remove-course { opacity: 1; } .module-list-item:hover .edit-course { opacity: 1; } .preview-list { display: inline-flex; width: 750px; overflow-y: visible; overflow-x: auto; padding: 9px 8px; } .preview-item { display: flex; flex-shrink: 0; width: 100px; height: 100px; line-height: 0px; position: relative; margin-bottom: 10px; background-color: #f8f8f9; border: 2px solid #ffffff; background-size: cover; background-position: center; background-repeat: no-repeat; opacity: 0.5; transition: hover 0.3s linear, opacity 0.3s; } .preview-item:hover { border-color: rgba(60, 105, 138, 0.5); opacity: 0.7; } .preview-item.curr { border-color: rgba(34, 153, 238, 0.5); opacity: 1; } .preview-item.curr .poptip-remove { opacity: 1; } .preview-item.file-upload { background-color: #ccc; text-align: center; opacity: 1; } .preview-item.file-upload .upload-add-button { cursor: pointer; } .preview-item .flex-img { display: flex; width: 100%; height: 100%; align-items: center; justify-content: center; } .preview-item .flex-img > div { width: 100%; height: 100%; background-repeat: no-repeat; background-position: center; background-size: cover; } .preview-item .flex-img > div + div { margin-left: 2px; } .preview-item .preview-img { width: 100%; height: 100%; background-repeat: no-repeat; background-position: center; background-size: cover; } .other-area { position: relative; width: 832px; height: 468px; border: 1px dashed #dcdee2; background-color: #f8f8f9; } .image-box { position: relative; background-color: #f8f8f9; user-select: none; } .upload-image { position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 1; } .upload-image .ivu-upload { background-color: #f8f8f9; padding: 20px; } .upload-image .ivu-upload-drag { border: none; padding: 150px 0 20px; } .upload-image .ivu-row, .upload-image .ivu-col { height: 100%; } .image-preview { overflow: hidden; height: 100%; width: 100%; background-size: cover; display: flex; align-items: center; justify-content: center; } .image-preview .image-item { width: 100%; height: 100%; background-repeat: no-repeat; background-position: center; background-size: cover; } .image-preview .image-item + .image-item { margin-left: 5px; } .image-audio { padding-bottom: 20px; position: absolute; bottom: 0; left: 50%; margin-left: -250px; width: 500px; z-index: 10; text-align: center; } .image-audio .ct-input { width: 300px; } .image-audio .media-upload { display: inline-block; } .up-preview { width: 100%; height: 100%; background-repeat: no-repeat; background-position: top left; background-size: contain; } /* .roobo-editor { .other-area, //.player-box, .image-box, .editor-opt { height: 520px; } } */ .dropdown-list li a { color: #666; display: inline-block; padding: 5px 15px; } .dropdown-list li a:hover { background: #f3f3f3; color: #2d8cf0; } .blanks-main { text-align: left; font-family: Arial; padding: 5px; } .blanks-main p { font-size: 24px; line-height: 1; } .blanks-main span { display: inline-block; font-size: 24px; line-height: 1; overflow: hidden; vertical-align: middle; margin: 5px 0; } .blanks-main span.text-line { border-bottom: 1px solid #666; } .svg-button { cursor: pointer; width: 40px; height: 40px; fill-opacity: 0; stroke: #111111; stroke-width: 1; stroke-dasharray: 20 5; padding: 0px 4px; margin: 0px 10px 5px 10px; } .svg-button2 { cursor: pointer; width: 40px; height: 40px; fill-opacity: 0; stroke: #111111; stroke-width: 1; padding: 0px 4px; margin: 5px 10px 0px 10px; } .snBtn { height: 30px; margin: 20px 5px; } .snBtn2 { height: 30px; line-height: 30px; margin: 20px 5px; } .quanTuText { height: 50px; line-height: 50px; margin: 5px 30px 5px 10px; } .checkView { height: 50px; line-height: 50px; margin: 5px 30px 5px 10px; display: -webkit-flex; display: flex; flex-direction: row; justify-content: flex-start; } .checkViewItem { padding: 0px 10px 0px 0px; } .svgButtonOuter { width: 50px; height: 50px; display: table; } .svgButtoninner { display: table-cell; vertical-align: middle; text-align: center; } .tipsForeditor { font-family: Arial; padding: 5px; font-size: 12px; line-height: 1; } .editor-content { background-color: #f0f0f0; display: flex; border: 1px solid #eee; padding: 5px; max-width: 900px; } .tool-response { border: 1px solid #ddd; padding: 10px; margin: 0px 0px 10px 0px; } .oidFlex { display: -webkit-flex; display: flex; flex-direction: row; justify-content: flex-start; align-items: center; } .addInteractText { height: 30px; line-height: 30px; margin: 0px 30px 0px 10px; } .readPointInteractText { height: 30px; line-height: 30px; font-size: 16px; margin: 0px 10px 0px 10px; } .hide-area { border: 1px solid #ddd; padding: 0px 0px 0px 10px; } .talkTrainHeaderText { font-size: 14px; margin: 0px 0px 0px 0px; padding: 0px; } .showTimeoutTableCell { padding: 0px 20px 0px 0px; display: table-cell; vertical-align: middle; text-align: center; } .talkTrainHeader2Text { font-size: 10px; margin: 0px 0px 0px 0px; color: #aaaaaa; padding: 0px; } .svg-touch { cursor: pointer; } .talk-area { border: 1px solid #ddd; padding: 10px 10px 10px 10px; } .checkBtn { max-width: 900px; padding: 10px 10px 10px 10px; background-color: #f8f8f9; border: 1px solid #eee; } .classShow { width: 600px; display: -webkit-flex; display: flex; flex-direction: row; justify-content: space-between; align-items: center; } .recordStyle { height: 35px; width: 426px; display: -webkit-flex; display: flex; flex-direction: row; justify-content: flex-start; align-items: center; } .questionAudio2 { width: 500px; border: 1px solid #ddd; padding: 10px; } .questionAudio { width: 390px; border: 1px solid #ddd; padding: 10px; } .interact-game-pointRange { width: 700px; display: flex; display: -webkit-flex; flex-direction: column; justify-content: flex-start; align-items: flex-start; } .interact-gameSigmode-correct-btn { display: -webkit-flex; display: flex; flex-direction: row; justify-content: flex-start; align-items: center; } .interact-follow-response { display: -webkit-flex; display: flex; flex-direction: row; justify-content: flex-start; align-items: center; border: 1px solid #ddd; margin: 5px; } .oidstyle { height: 35px; width: 600px; display: -webkit-flex; display: flex; flex-direction: row; justify-content: start; align-items: center; } .el-table__body tr.current-row > td { background-color: #8282ec !important; /* color: #f19944; */ /* 设置文字颜色 */ } .readpoint-list { display: inline-flex; width: 1090px; overflow-y: visible; overflow-x: auto; padding: 8px; } .readpoint-item { display: flex; flex-shrink: 0; border-radius: 5px; width: 100px; height: 40px; line-height: 0px; position: relative; margin-right: 20px; margin-bottom: 10px; background-color: #f8f8f9; border: 2px solid #161616; background-size: cover; background-position: center; background-repeat: no-repeat; opacity: 0.8; transition: hover 0.3s linear, opacity 0.3s; cursor: pointer; } .readpoint-item:hover { border-color: rgba(60, 105, 138, 0.5); opacity: 0.7; } .readpoint-item.son { border-color: #b0c20f; background-color: #b0c20f; opacity: 1; } .readpoint-item.curr { border-color: rgba(34, 153, 238, 0.5); background-color: #0fc20f; opacity: 1; } .readpoint-item.curr .poptip-remove { opacity: 1; } .readpoint-item .flex-img { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; display: flex; width: 100%; height: 100%; align-items: center; justify-content: center; } .readpoint-item .flex-img > div { width: 100%; height: 100%; background-repeat: no-repeat; background-position: center; background-size: cover; } .readpoint-item .flex-img > div + div { margin-left: 2px; } .downloadPanelFlex { display: -webkit-flex; display: flex; flex-direction: column; justify-content: space-around; align-items: center; } .addPictureBookBtn { width: 120px; height: 40px; border-radius: 4px; background: #2472e3; color: #fff; text-align: center; cursor: pointer; } .el-checkbox + .el-checkbox { margin-left: 0px; } .el-checkbox { margin-right: 25px; } .course-module { width: 1014px; overflow-x: auto; background-color: #f3f3f3; border: 1px solid #eee; } .editor-mode { padding: 15px 0; overflow-x: auto; overflow-y: visible; } .editor-tool { background-color: #f8f8f9; display: flex; border: 1px solid #eee; padding: 5px; max-width: 1100px; } .editor-tool .tool-start { display: flex; flex-shrink: 0; flex-direction: column; padding: 5px 10px 5px 0; margin-right: 10px; border-right: 1px solid #eee; } .editor-tool .tool-start .ivu-btn { margin-bottom: 3px; margin-top: 3px; } .editor-tool .tool-action { padding: 5px 10px 5px 0; margin-right: 10px; border-right: 1px solid #eee; width: 380px; } .editor-tool .tool-action .ivu-btn { margin-bottom: 3px; margin-top: 3px; } .editor-tool .tool-main { display: flex; flex-shrink: 0; flex-direction: column; padding-right: 10px; margin-right: 10px; border-right: 1px solid #eee; } .editor-tool .tool-main .tool-column { margin: 3px 0; } .editor-tool .tool-opt { padding: 5px 0; } .editor-tool .tool-opt .ivu-btn { margin-bottom: 3px; margin-top: 3px; } .editor-container { margin-top: 10px; position: relative; } .editor-row { min-width: 900px; display: -webkit-flex; display: flex; flex-direction: row; } .editor-preview { width: 750px; float: top; margin-right: 12px; border: 1px solid #eee; background-color: #f8f8f9; } .editor-main { overflow-x: auto; width: 100%; position: relative; display: -webkit-flex; display: flex; flex-direction: row; align-items: center; } .editor-opt { height: 468px; width: 832px; position: absolute; left: 0; top: 0; z-index: 9; background: transparent; } .drag-box { position: absolute; z-index: 10; touch-action: none; text-align: center; font-size: 12px; border: 0px solid #3dd; /* .ivu-tooltip, .drap-title-pst { position: absolute; top: -24px; left: 0; } .size-val { position: absolute; top: 40%; left: 0; width: 100%; text-align: center; } .ivu-color-picker { cursor: default; } */ } .drag-box-bg { position: absolute; z-index: 8; touch-action: none; text-align: center; font-size: 12px; border: 0px solid #3dd; } .drag-polygon { position: absolute; z-index: 9; touch-action: none; text-align: center; font-size: 12px; border: 0px solid #3dd; } .drag-remove { position: absolute; left: 60px; top: -18px; } .OIDShowInQuantu { position: absolute; left: 0; right: 0; top: 40%; margin: auto; cursor: pointer; width: fit-content; background-color: #ffffff; } .OIDShowInQuantu2 { position: absolute; left: 5px; top: 3px; margin: auto; cursor: pointer; width: fit-content; background-color: #ffffff; } .NameShowInQuantu { position: absolute; left: 0; right: 0; top: 8px; margin: auto; cursor: pointer; width: fit-content; background-color: #ffffff; } .NameShowInQuantu1 { position: absolute; left: 0; right: 0; padding: 2px 0 0 2px; cursor: pointer; width: fit-content; overflow-y: auto; font-family: Times; } .drag-confirm { position: absolute; left: 30px; top: -18px; } .drag-reedit { position: absolute; left: 0; top: -18px; } .drag-box2 { position: absolute; z-index: 11; touch-action: none; text-align: center; font-size: 12px; /* .size-val { position: absolute; top: 40%; left: 0; width: 100%; text-align: center; } .ivu-color-picker { cursor: default; } */ } .drag-title { display: inline-block; font-size: 12px; border-radius: 4px; padding: 0 10px; height: 24px; line-height: 24px; background-color: #ff9900; color: #fff; } .resize-drag { touch-action: none; } .dragonly { touch-action: none; } .click-area { color: #fff; border-radius: 8px; padding: 10px 5px 5px; background-color: rgba(237, 64, 20, 0.5); } .click-area .horn-icon { position: absolute; top: 50%; left: 50%; margin-left: -44px; margin-top: -45px; background-image: url(data:image/png;base64,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); background-size: contain; width: 88px; height: 91px; z-index: -1; } .drag-figure { width: 100px; background-color: rgba(255, 255, 255, 0.5); } .drag-figure img { width: 100%; } .drag-circle { color: #333; background-color: rgba(255, 255, 255, 0.2); border-radius: 50%; } .drag-circle .select-color { position: absolute; right: 0; top: -24px; } .drag-circle .drag-remove { right: -20px; } .drag-line { min-height: auto; line-height: 0px; color: #333; background-color: rgba(255, 255, 255, 0.3); } .drag-line .select-color { position: absolute; right: 0; top: -24px; } .drag-line .drag-remove { right: -20px; } .drag-button { min-height: 58.5px; line-height: normal; width: 195px; } .drag-button .drag-ui-button { outline: 0; width: 100%; height: 58.5px; color: #fff; background-color: #f90; border: 1px solid #f90; font-size: 16px; border-radius: 4px; font-weight: 400; text-align: center; vertical-align: middle; white-space: nowrap; line-height: 1.5; user-select: none; } .drag-arrow { width: 100px; height: 100px; border: 1px dashed rgba(0, 0, 0, 0.5); display: flex; align-items: center; justify-content: center; } .drag-arrow .arrow-inner { width: 91px; height: 49px; } .drag-arrow .left { transform: rotate(180deg); } .drag-arrow .left-top { transform: rotate(225deg); } .drag-arrow .top { transform: rotate(-90deg); } .drag-arrow .right-top { transform: rotate(-45deg); } .drag-arrow .right-bottom { transform: rotate(45deg); } .drag-arrow .bottom { transform: rotate(90deg); } .drag-arrow .left-bottom { transform: rotate(135deg); } .drag-audio { padding: 10px 5px 5px; min-height: 60px; border-radius: 8px; background-color: rgba(255, 255, 255, 0.7); } .drag-text { min-height: auto; border: 1px dashed rgba(0, 0, 0, 0.5); } .drag-text .ct-input { width: 100%; } .drag-text .ivu-color-picker { position: absolute; top: -24px; right: 85px; } .drag-text .ivu-select { position: absolute; top: -24px; right: 20px; } .drag-text-blanks { min-height: auto; background-color: #ffffff; max-width: 732px; min-width: auto; } .drag-text-blanks .ivu-color-picker { position: absolute; top: -24px; right: 85px; } .drag-text-blanks .ivu-select { position: absolute; top: -24px; right: 20px; } .drag-tts { min-height: auto; } .drag-tts .ct-input { width: 300px; } .drag-image { max-width: 430px; max-height: 430px; border: 1px dashed rgba(0, 0, 0, 0.5); } .drag-image img { width: 100%; } .poptip-figure-content { overflow: hidden; white-space: normal; } .poptip-figure-content .poptip-figure-item { display: inline-block; margin: 5px; min-width: 60px; } .poptip-content { text-align: center; overflow: hidden; } .poptip-item { display: inline-block; margin: 0 5px; } .poptip-item .left { transform: rotate(180deg); } .poptip-item .left-top { transform: rotate(225deg); } .poptip-item .top { transform: rotate(-90deg); } .poptip-item .right-top { transform: rotate(-45deg); } .poptip-item .right-bottom { transform: rotate(45deg); } .poptip-item .bottom { transform: rotate(90deg); } .poptip-item .left-bottom { transform: rotate(135deg); } .poptip-item img { width: 30px; } .init-svg { width: 100%; height: 100%; } .line-svg { stroke-dasharray: 1000; stroke-dashoffset: 10; animation: drawLine 3s linear forwards; } .show-property { position: absolute; bottom: 0; right: 0; } @keyframes drawLine { 0% { stroke-dashoffset: 1000; } 100% { stroke-dashoffset: 0; } } .circle-svg { stroke-dasharray: 20 5; animation: none; } @keyframes drawCircle { 0% { stroke-dashoffset: 0; } 100% { stroke-dasharray: 1500 1500; } } .rotate-x { transform-origin: center center; } .drag-bubble .ivu-color-picker { position: absolute; top: -24px; right: 20px; } .bubble-button { display: block; width: 130px; height: 98px; border-radius: 49px; position: relative; border: #FFF044 solid 1px; background-color: #FFF044; } .bubble-button:focus { border: none; outline: none; } .bg-grid { background-color: transparent; background-position: 0% 0%; background-size: 16px 16px; background-image: linear-gradient(90deg, rgba(0, 0, 0, 0.1) 1px, transparent 1px), linear-gradient(rgba(0, 0, 0, 0.1) 1px, transparent 1px); } audio { outline: none; } .action-box { max-width: 1012px; } .action-item { margin-bottom: 20px; } .action-item .audio-test { display: inline-block; vertical-align: middle; margin-right: 20px; } .action-item .ivu-upload { display: inline-block; vertical-align: middle; } .action-answer-item { margin: 0 0 15px; } .action-btn { text-align: right; } .action-btn.action-btn-left { text-align: left; } .cardBg { background-color: #e8eaec; } .lock-box { text-align: center; color: #999; padding: 15% 0 10%; } .lock-box > div { padding: 40px; } .poptip-remove { position: absolute; right: -4px; top: -4px; line-height: 0; opacity: 0; } .pageNumShow { position: absolute; left: 45%; bottom: -10px; line-height: 0; } .pageHiddenShow { position: absolute; left: 40px; top: -4px; line-height: 0; cursor: pointer; } .explanationSubtitles { position: absolute; right: -10px; top: -40px; cursor: pointer; } .image-upload-type { padding: 5px 0; } .image-upload-type > div + div { margin-top: 10px; } .module-list { display: inline-flex; padding: 10px 10px 10px 0; background-color: #f3f3f3; white-space: nowrap; } .module-list-item { display: flex; max-width: 100px; user-select: none; background-color: #fff; border: 1px solid #eee; text-align: center; position: relative; transition: hover 0.3s linear, box-shadow 0.3s ease-in-out, opacity 0.3s; margin-left: 10px; } .module-list-item > div { width: 100px; height: 100%; padding: 10px 0; } .module-list-item.curr { box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1); border-color: rgba(34, 153, 238, 0.5); } .module-list-item.set-box { min-height: 100px; border-style: dashed; cursor: pointer; } .module-list-item.set-box .ivu-icon { margin: 15px 0 5px; } .module-list-item .remove-course { position: absolute; left: -7px; top: -7px; opacity: 0; transition: opacity 0.3s; } .module-list-item .edit-course { position: absolute; right: -7px; top: -7px; opacity: 0; transition: opacity 0.3s; } .module-list-item .ivu-dropdown { position: absolute; right: 3px; top: 3px; } .module-list-item .ivu-dropdown a { color: #666; } .module-list-item img { width: 50px; height: 50px; background-color: #eee; } .module-list-item p { height: 22px; line-height: 22px; margin: 0 5px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .module-list-item:hover { box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1); } .module-list-item:hover .remove-course { opacity: 1; } .module-list-item:hover .edit-course { opacity: 1; } .preview-list { display: inline-flex; width: 750px; overflow-y: visible; overflow-x: auto; padding: 9px 8px; } .preview-item { display: flex; flex-shrink: 0; width: 100px; height: 100px; line-height: 0px; position: relative; margin-bottom: 10px; background-color: #f8f8f9; border: 2px solid #ffffff; background-size: cover; background-position: center; background-repeat: no-repeat; opacity: 0.5; transition: hover 0.3s linear, opacity 0.3s; } .preview-item:hover { border-color: rgba(60, 105, 138, 0.5); opacity: 0.7; } .preview-item.curr { border-color: rgba(34, 153, 238, 0.5); opacity: 1; } .preview-item.curr .poptip-remove { opacity: 1; } .preview-item.file-upload { background-color: #ccc; text-align: center; opacity: 1; } .preview-item.file-upload .upload-add-button { cursor: pointer; } .preview-item .flex-img { display: flex; width: 100%; height: 100%; align-items: center; justify-content: center; } .preview-item .flex-img > div { width: 100%; height: 100%; background-repeat: no-repeat; background-position: center; background-size: cover; } .preview-item .flex-img > div + div { margin-left: 2px; } .preview-item .preview-img { width: 100%; height: 100%; background-repeat: no-repeat; background-position: center; background-size: cover; } .other-area { position: relative; width: 832px; height: 468px; border: 1px dashed #dcdee2; background-color: #f8f8f9; } .image-box { position: relative; background-color: #f8f8f9; user-select: none; } .upload-image { position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 1; } .upload-image .ivu-upload { background-color: #f8f8f9; padding: 20px; } .upload-image .ivu-upload-drag { border: none; padding: 150px 0 20px; } .upload-image .ivu-row, .upload-image .ivu-col { height: 100%; } .image-preview { overflow: hidden; height: 100%; width: 100%; background-size: cover; display: flex; align-items: center; justify-content: center; } .image-preview .image-item { width: 100%; height: 100%; background-repeat: no-repeat; background-position: center; background-size: cover; } .image-preview .image-item + .image-item { margin-left: 5px; } .image-audio { padding-bottom: 20px; position: absolute; bottom: 0; left: 50%; margin-left: -250px; width: 500px; z-index: 10; text-align: center; } .image-audio .ct-input { width: 300px; } .image-audio .media-upload { display: inline-block; } .up-preview { width: 100%; height: 100%; background-repeat: no-repeat; background-position: top left; background-size: contain; } /* .roobo-editor { .other-area, //.player-box, .image-box, .editor-opt { height: 520px; } } */ .dropdown-list li a { color: #666; display: inline-block; padding: 5px 15px; } .dropdown-list li a:hover { background: #f3f3f3; color: #2d8cf0; } .blanks-main { text-align: left; font-family: Arial; padding: 5px; } .blanks-main p { font-size: 24px; line-height: 1; } .blanks-main span { display: inline-block; font-size: 24px; line-height: 1; overflow: hidden; vertical-align: middle; margin: 5px 0; } .blanks-main span.text-line { border-bottom: 1px solid #666; } .svg-button { cursor: pointer; width: 40px; height: 40px; fill-opacity: 0; stroke: #111111; stroke-width: 1; stroke-dasharray: 20 5; padding: 0px 4px; margin: 0px 10px 5px 10px; } .svg-button2 { cursor: pointer; width: 40px; height: 40px; fill-opacity: 0; stroke: #111111; stroke-width: 1; padding: 0px 4px; margin: 5px 10px 0px 10px; } .snBtn { height: 30px; margin: 20px 5px; } .snBtn2 { height: 30px; line-height: 30px; margin: 20px 5px; } .quanTuText { height: 50px; line-height: 50px; margin: 5px 30px 5px 10px; } .checkView { height: 50px; line-height: 50px; margin: 5px 30px 5px 10px; display: -webkit-flex; display: flex; flex-direction: row; justify-content: flex-start; } .checkViewItem { padding: 0px 10px 0px 0px; } .svgButtonOuter { width: 50px; height: 50px; display: table; } .svgButtoninner { display: table-cell; vertical-align: middle; text-align: center; } .tipsForeditor { font-family: Arial; padding: 5px; font-size: 12px; line-height: 1; } .editor-content { background-color: #f0f0f0; display: flex; border: 1px solid #eee; padding: 5px; max-width: 900px; } .tool-response { border: 1px solid #ddd; padding: 10px; margin: 0px 0px 10px 0px; } .oidFlex { display: -webkit-flex; display: flex; flex-direction: row; justify-content: flex-start; align-items: center; } .addInteractText { height: 30px; line-height: 30px; margin: 0px 30px 0px 10px; } .readPointInteractText { height: 30px; line-height: 30px; font-size: 16px; margin: 0px 10px 0px 10px; } .hide-area { border: 1px solid #ddd; padding: 0px 0px 0px 10px; } .talkTrainHeaderText { font-size: 14px; margin: 0px 0px 0px 0px; padding: 0px; } .showTimeoutTableCell { padding: 0px 20px 0px 0px; display: table-cell; vertical-align: middle; text-align: center; } .talkTrainHeader2Text { font-size: 10px; margin: 0px 0px 0px 0px; color: #aaaaaa; padding: 0px; } .svg-touch { cursor: pointer; } .talk-area { border: 1px solid #ddd; padding: 10px 10px 10px 10px; } .checkBtn { max-width: 900px; padding: 10px 10px 10px 10px; background-color: #f8f8f9; border: 1px solid #eee; } .classShow { width: 600px; display: -webkit-flex; display: flex; flex-direction: row; justify-content: space-between; align-items: center; } .recordStyle { height: 35px; width: 426px; display: -webkit-flex; display: flex; flex-direction: row; justify-content: flex-start; align-items: center; } .questionAudio2 { width: 500px; border: 1px solid #ddd; padding: 10px; } .questionAudio { width: 390px; border: 1px solid #ddd; padding: 10px; } .interact-game-pointRange { width: 700px; display: flex; display: -webkit-flex; flex-direction: column; justify-content: flex-start; align-items: flex-start; } .interact-gameSigmode-correct-btn { display: -webkit-flex; display: flex; flex-direction: row; justify-content: flex-start; align-items: center; } .interact-follow-response { display: -webkit-flex; display: flex; flex-direction: row; justify-content: flex-start; align-items: center; border: 1px solid #ddd; margin: 5px; } .oidstyle { height: 35px; width: 600px; display: -webkit-flex; display: flex; flex-direction: row; justify-content: start; align-items: center; } .el-table__body tr.current-row > td { background-color: #8282ec !important; /* color: #f19944; */ /* 设置文字颜色 */ } .readpoint-list { display: inline-flex; width: 1090px; overflow-y: visible; overflow-x: auto; padding: 8px; } .readpoint-item { display: flex; flex-shrink: 0; border-radius: 5px; width: 100px; height: 40px; line-height: 0px; position: relative; margin-right: 20px; margin-bottom: 10px; background-color: #f8f8f9; border: 2px solid #161616; background-size: cover; background-position: center; background-repeat: no-repeat; opacity: 0.8; transition: hover 0.3s linear, opacity 0.3s; cursor: pointer; } .readpoint-item:hover { border-color: rgba(60, 105, 138, 0.5); opacity: 0.7; } .readpoint-item.son { border-color: #b0c20f; background-color: #b0c20f; opacity: 1; } .readpoint-item.curr { border-color: rgba(34, 153, 238, 0.5); background-color: #0fc20f; opacity: 1; } .readpoint-item.curr .poptip-remove { opacity: 1; } .readpoint-item .flex-img { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; display: flex; width: 100%; height: 100%; align-items: center; justify-content: center; } .readpoint-item .flex-img > div { width: 100%; height: 100%; background-repeat: no-repeat; background-position: center; background-size: cover; } .readpoint-item .flex-img > div + div { margin-left: 2px; } .downloadPanelFlex { display: -webkit-flex; display: flex; flex-direction: column; justify-content: space-around; align-items: center; } .addPictureBookBtn { width: 120px; height: 40px; border-radius: 4px; background: #2472e3; color: #fff; text-align: center; cursor: pointer; } .el-checkbox + .el-checkbox { margin-left: 0px; } .el-checkbox { margin-right: 25px; } .course-module { width: 1014px; overflow-x: auto; background-color: #f3f3f3; border: 1px solid #eee; } .editor-mode { padding: 15px 0; overflow-x: auto; overflow-y: visible; } .editor-tool { background-color: #f8f8f9; display: flex; border: 1px solid #eee; padding: 5px; max-width: 1100px; } .editor-tool .tool-start { display: flex; flex-shrink: 0; flex-direction: column; padding: 5px 10px 5px 0; margin-right: 10px; border-right: 1px solid #eee; } .editor-tool .tool-start .ivu-btn { margin-bottom: 3px; margin-top: 3px; } .editor-tool .tool-action { padding: 5px 10px 5px 0; margin-right: 10px; border-right: 1px solid #eee; width: 380px; } .editor-tool .tool-action .ivu-btn { margin-bottom: 3px; margin-top: 3px; } .editor-tool .tool-main { display: flex; flex-shrink: 0; flex-direction: column; padding-right: 10px; margin-right: 10px; border-right: 1px solid #eee; } .editor-tool .tool-main .tool-column { margin: 3px 0; } .editor-tool .tool-opt { padding: 5px 0; } .editor-tool .tool-opt .ivu-btn { margin-bottom: 3px; margin-top: 3px; } .editor-container { margin-top: 10px; position: relative; } .editor-row { min-width: 900px; display: -webkit-flex; display: flex; flex-direction: row; } .editor-preview { width: 750px; float: top; margin-right: 12px; border: 1px solid #eee; background-color: #f8f8f9; } .editor-main { overflow-x: auto; width: 100%; position: relative; display: -webkit-flex; display: flex; flex-direction: row; align-items: center; } .editor-opt { height: 468px; width: 832px; position: absolute; left: 0; top: 0; z-index: 9; background: transparent; } .drag-box { position: absolute; z-index: 10; touch-action: none; text-align: center; font-size: 12px; border: 0px solid #3dd; /* .ivu-tooltip, .drap-title-pst { position: absolute; top: -24px; left: 0; } .size-val { position: absolute; top: 40%; left: 0; width: 100%; text-align: center; } .ivu-color-picker { cursor: default; } */ } .drag-box-bg { position: absolute; z-index: 8; touch-action: none; text-align: center; font-size: 12px; border: 0px solid #3dd; } .drag-polygon { position: absolute; z-index: 9; touch-action: none; text-align: center; font-size: 12px; border: 0px solid #3dd; } .drag-remove { position: absolute; left: 60px; top: -18px; } .OIDShowInQuantu { position: absolute; left: 0; right: 0; top: 40%; margin: auto; cursor: pointer; width: fit-content; background-color: #ffffff; } .OIDShowInQuantu2 { position: absolute; left: 5px; top: 3px; margin: auto; cursor: pointer; width: fit-content; background-color: #ffffff; } .NameShowInQuantu { position: absolute; left: 0; right: 0; top: 8px; margin: auto; cursor: pointer; width: fit-content; background-color: #ffffff; } .NameShowInQuantu1 { position: absolute; left: 0; right: 0; padding: 2px 0 0 2px; cursor: pointer; width: fit-content; overflow-y: auto; font-family: Times; } .drag-confirm { position: absolute; left: 30px; top: -18px; } .drag-reedit { position: absolute; left: 0; top: -18px; } .drag-box2 { position: absolute; z-index: 11; touch-action: none; text-align: center; font-size: 12px; /* .size-val { position: absolute; top: 40%; left: 0; width: 100%; text-align: center; } .ivu-color-picker { cursor: default; } */ } .drag-title { display: inline-block; font-size: 12px; border-radius: 4px; padding: 0 10px; height: 24px; line-height: 24px; background-color: #ff9900; color: #fff; } .resize-drag { touch-action: none; } .dragonly { touch-action: none; } .click-area { color: #fff; border-radius: 8px; padding: 10px 5px 5px; background-color: rgba(237, 64, 20, 0.5); } .click-area .horn-icon { position: absolute; top: 50%; left: 50%; margin-left: -44px; margin-top: -45px; background-image: url(data:image/png;base64,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); background-size: contain; width: 88px; height: 91px; z-index: -1; } .drag-figure { width: 100px; background-color: rgba(255, 255, 255, 0.5); } .drag-figure img { width: 100%; } .drag-circle { color: #333; background-color: rgba(255, 255, 255, 0.2); border-radius: 50%; } .drag-circle .select-color { position: absolute; right: 0; top: -24px; } .drag-circle .drag-remove { right: -20px; } .drag-line { min-height: auto; line-height: 0px; color: #333; background-color: rgba(255, 255, 255, 0.3); } .drag-line .select-color { position: absolute; right: 0; top: -24px; } .drag-line .drag-remove { right: -20px; } .drag-button { min-height: 58.5px; line-height: normal; width: 195px; } .drag-button .drag-ui-button { outline: 0; width: 100%; height: 58.5px; color: #fff; background-color: #f90; border: 1px solid #f90; font-size: 16px; border-radius: 4px; font-weight: 400; text-align: center; vertical-align: middle; white-space: nowrap; line-height: 1.5; user-select: none; } .drag-arrow { width: 100px; height: 100px; border: 1px dashed rgba(0, 0, 0, 0.5); display: flex; align-items: center; justify-content: center; } .drag-arrow .arrow-inner { width: 91px; height: 49px; } .drag-arrow .left { transform: rotate(180deg); } .drag-arrow .left-top { transform: rotate(225deg); } .drag-arrow .top { transform: rotate(-90deg); } .drag-arrow .right-top { transform: rotate(-45deg); } .drag-arrow .right-bottom { transform: rotate(45deg); } .drag-arrow .bottom { transform: rotate(90deg); } .drag-arrow .left-bottom { transform: rotate(135deg); } .drag-audio { padding: 10px 5px 5px; min-height: 60px; border-radius: 8px; background-color: rgba(255, 255, 255, 0.7); } .drag-text { min-height: auto; border: 1px dashed rgba(0, 0, 0, 0.5); } .drag-text .ct-input { width: 100%; } .drag-text .ivu-color-picker { position: absolute; top: -24px; right: 85px; } .drag-text .ivu-select { position: absolute; top: -24px; right: 20px; } .drag-text-blanks { min-height: auto; background-color: #ffffff; max-width: 732px; min-width: auto; } .drag-text-blanks .ivu-color-picker { position: absolute; top: -24px; right: 85px; } .drag-text-blanks .ivu-select { position: absolute; top: -24px; right: 20px; } .drag-tts { min-height: auto; } .drag-tts .ct-input { width: 300px; } .drag-image { max-width: 430px; max-height: 430px; border: 1px dashed rgba(0, 0, 0, 0.5); } .drag-image img { width: 100%; } .poptip-figure-content { overflow: hidden; white-space: normal; } .poptip-figure-content .poptip-figure-item { display: inline-block; margin: 5px; min-width: 60px; } .poptip-content { text-align: center; overflow: hidden; } .poptip-item { display: inline-block; margin: 0 5px; } .poptip-item .left { transform: rotate(180deg); } .poptip-item .left-top { transform: rotate(225deg); } .poptip-item .top { transform: rotate(-90deg); } .poptip-item .right-top { transform: rotate(-45deg); } .poptip-item .right-bottom { transform: rotate(45deg); } .poptip-item .bottom { transform: rotate(90deg); } .poptip-item .left-bottom { transform: rotate(135deg); } .poptip-item img { width: 30px; } .init-svg { width: 100%; height: 100%; } .line-svg { stroke-dasharray: 1000; stroke-dashoffset: 10; animation: drawLine 3s linear forwards; } .show-property { position: absolute; bottom: 0; right: 0; } @keyframes drawLine { 0% { stroke-dashoffset: 1000; } 100% { stroke-dashoffset: 0; } } .circle-svg { stroke-dasharray: 20 5; animation: none; } @keyframes drawCircle { 0% { stroke-dashoffset: 0; } 100% { stroke-dasharray: 1500 1500; } } .rotate-x { transform-origin: center center; } .drag-bubble .ivu-color-picker { position: absolute; top: -24px; right: 20px; } .bubble-button { display: block; width: 130px; height: 98px; border-radius: 49px; position: relative; border: #FFF044 solid 1px; background-color: #FFF044; } .bubble-button:focus { border: none; outline: none; } .bg-grid { background-color: transparent; background-position: 0% 0%; background-size: 16px 16px; background-image: linear-gradient(90deg, rgba(0, 0, 0, 0.1) 1px, transparent 1px), linear-gradient(rgba(0, 0, 0, 0.1) 1px, transparent 1px); } audio { outline: none; } .action-box { max-width: 1012px; } .action-item { margin-bottom: 20px; } .action-item .audio-test { display: inline-block; vertical-align: middle; margin-right: 20px; } .action-item .ivu-upload { display: inline-block; vertical-align: middle; } .action-answer-item { margin: 0 0 15px; } .action-btn { text-align: right; } .action-btn.action-btn-left { text-align: left; } .cardBg { background-color: #e8eaec; } .lock-box { text-align: center; color: #999; padding: 15% 0 10%; } .lock-box > div { padding: 40px; } .poptip-remove { position: absolute; right: -4px; top: -4px; line-height: 0; opacity: 0; } .pageNumShow { position: absolute; left: 45%; bottom: -10px; line-height: 0; } .pageHiddenShow { position: absolute; left: 40px; top: -4px; line-height: 0; cursor: pointer; } .explanationSubtitles { position: absolute; right: -10px; top: -40px; cursor: pointer; } .image-upload-type { padding: 5px 0; } .image-upload-type > div + div { margin-top: 10px; } .module-list { display: inline-flex; padding: 10px 10px 10px 0; background-color: #f3f3f3; white-space: nowrap; } .module-list-item { display: flex; max-width: 100px; user-select: none; background-color: #fff; border: 1px solid #eee; text-align: center; position: relative; transition: hover 0.3s linear, box-shadow 0.3s ease-in-out, opacity 0.3s; margin-left: 10px; } .module-list-item > div { width: 100px; height: 100%; padding: 10px 0; } .module-list-item.curr { box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1); border-color: rgba(34, 153, 238, 0.5); } .module-list-item.set-box { min-height: 100px; border-style: dashed; cursor: pointer; } .module-list-item.set-box .ivu-icon { margin: 15px 0 5px; } .module-list-item .remove-course { position: absolute; left: -7px; top: -7px; opacity: 0; transition: opacity 0.3s; } .module-list-item .edit-course { position: absolute; right: -7px; top: -7px; opacity: 0; transition: opacity 0.3s; } .module-list-item .ivu-dropdown { position: absolute; right: 3px; top: 3px; } .module-list-item .ivu-dropdown a { color: #666; } .module-list-item img { width: 50px; height: 50px; background-color: #eee; } .module-list-item p { height: 22px; line-height: 22px; margin: 0 5px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .module-list-item:hover { box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1); } .module-list-item:hover .remove-course { opacity: 1; } .module-list-item:hover .edit-course { opacity: 1; } .preview-list { display: inline-flex; width: 750px; overflow-y: visible; overflow-x: auto; padding: 9px 8px; } .preview-item { display: flex; flex-shrink: 0; width: 100px; height: 100px; line-height: 0px; position: relative; margin-bottom: 10px; background-color: #f8f8f9; border: 2px solid #ffffff; background-size: cover; background-position: center; background-repeat: no-repeat; opacity: 0.5; transition: hover 0.3s linear, opacity 0.3s; } .preview-item:hover { border-color: rgba(60, 105, 138, 0.5); opacity: 0.7; } .preview-item.curr { border-color: rgba(34, 153, 238, 0.5); opacity: 1; } .preview-item.curr .poptip-remove { opacity: 1; } .preview-item.file-upload { background-color: #ccc; text-align: center; opacity: 1; } .preview-item.file-upload .upload-add-button { cursor: pointer; } .preview-item .flex-img { display: flex; width: 100%; height: 100%; align-items: center; justify-content: center; } .preview-item .flex-img > div { width: 100%; height: 100%; background-repeat: no-repeat; background-position: center; background-size: cover; } .preview-item .flex-img > div + div { margin-left: 2px; } .preview-item .preview-img { width: 100%; height: 100%; background-repeat: no-repeat; background-position: center; background-size: cover; } .other-area { position: relative; width: 832px; height: 468px; border: 1px dashed #dcdee2; background-color: #f8f8f9; } .image-box { position: relative; background-color: #f8f8f9; user-select: none; } .upload-image { position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 1; } .upload-image .ivu-upload { background-color: #f8f8f9; padding: 20px; } .upload-image .ivu-upload-drag { border: none; padding: 150px 0 20px; } .upload-image .ivu-row, .upload-image .ivu-col { height: 100%; } .image-preview { overflow: hidden; height: 100%; width: 100%; background-size: cover; display: flex; align-items: center; justify-content: center; } .image-preview .image-item { width: 100%; height: 100%; background-repeat: no-repeat; background-position: center; background-size: cover; } .image-preview .image-item + .image-item { margin-left: 5px; } .image-audio { padding-bottom: 20px; position: absolute; bottom: 0; left: 50%; margin-left: -250px; width: 500px; z-index: 10; text-align: center; } .image-audio .ct-input { width: 300px; } .image-audio .media-upload { display: inline-block; } .up-preview { width: 100%; height: 100%; background-repeat: no-repeat; background-position: top left; background-size: contain; } /* .roobo-editor { .other-area, //.player-box, .image-box, .editor-opt { height: 520px; } } */ .dropdown-list li a { color: #666; display: inline-block; padding: 5px 15px; } .dropdown-list li a:hover { background: #f3f3f3; color: #2d8cf0; } .blanks-main { text-align: left; font-family: Arial; padding: 5px; } .blanks-main p { font-size: 24px; line-height: 1; } .blanks-main span { display: inline-block; font-size: 24px; line-height: 1; overflow: hidden; vertical-align: middle; margin: 5px 0; } .blanks-main span.text-line { border-bottom: 1px solid #666; } .svg-button { cursor: pointer; width: 40px; height: 40px; fill-opacity: 0; stroke: #111111; stroke-width: 1; stroke-dasharray: 20 5; padding: 0px 4px; margin: 0px 10px 5px 10px; } .svg-button2 { cursor: pointer; width: 40px; height: 40px; fill-opacity: 0; stroke: #111111; stroke-width: 1; padding: 0px 4px; margin: 5px 10px 0px 10px; } .snBtn { height: 30px; margin: 20px 5px; } .snBtn2 { height: 30px; line-height: 30px; margin: 20px 5px; } .quanTuText { height: 50px; line-height: 50px; margin: 5px 30px 5px 10px; } .checkView { height: 50px; line-height: 50px; margin: 5px 30px 5px 10px; display: -webkit-flex; display: flex; flex-direction: row; justify-content: flex-start; } .checkViewItem { padding: 0px 10px 0px 0px; } .svgButtonOuter { width: 50px; height: 50px; display: table; } .svgButtoninner { display: table-cell; vertical-align: middle; text-align: center; } .tipsForeditor { font-family: Arial; padding: 5px; font-size: 12px; line-height: 1; } .editor-content { background-color: #f0f0f0; display: flex; border: 1px solid #eee; padding: 5px; max-width: 900px; } .tool-response { border: 1px solid #ddd; padding: 10px; margin: 0px 0px 10px 0px; } .oidFlex { display: -webkit-flex; display: flex; flex-direction: row; justify-content: flex-start; align-items: center; } .addInteractText { height: 30px; line-height: 30px; margin: 0px 30px 0px 10px; } .readPointInteractText { height: 30px; line-height: 30px; font-size: 16px; margin: 0px 10px 0px 10px; } .hide-area { border: 1px solid #ddd; padding: 0px 0px 0px 10px; } .talkTrainHeaderText { font-size: 14px; margin: 0px 0px 0px 0px; padding: 0px; } .showTimeoutTableCell { padding: 0px 20px 0px 0px; display: table-cell; vertical-align: middle; text-align: center; } .talkTrainHeader2Text { font-size: 10px; margin: 0px 0px 0px 0px; color: #aaaaaa; padding: 0px; } .svg-touch { cursor: pointer; } .talk-area { border: 1px solid #ddd; padding: 10px 10px 10px 10px; } .checkBtn { max-width: 900px; padding: 10px 10px 10px 10px; background-color: #f8f8f9; border: 1px solid #eee; } .classShow { width: 600px; display: -webkit-flex; display: flex; flex-direction: row; justify-content: space-between; align-items: center; } .recordStyle { height: 35px; width: 426px; display: -webkit-flex; display: flex; flex-direction: row; justify-content: flex-start; align-items: center; } .questionAudio2 { width: 500px; border: 1px solid #ddd; padding: 10px; } .questionAudio { width: 390px; border: 1px solid #ddd; padding: 10px; } .interact-game-pointRange { width: 700px; display: flex; display: -webkit-flex; flex-direction: column; justify-content: flex-start; align-items: flex-start; } .interact-gameSigmode-correct-btn { display: -webkit-flex; display: flex; flex-direction: row; justify-content: flex-start; align-items: center; } .interact-follow-response { display: -webkit-flex; display: flex; flex-direction: row; justify-content: flex-start; align-items: center; border: 1px solid #ddd; margin: 5px; } .oidstyle { height: 35px; width: 600px; display: -webkit-flex; display: flex; flex-direction: row; justify-content: start; align-items: center; } .el-table__body tr.current-row > td { background-color: #8282ec !important; /* color: #f19944; */ /* 设置文字颜色 */ } .readpoint-list { display: inline-flex; width: 1090px; overflow-y: visible; overflow-x: auto; padding: 8px; } .readpoint-item { display: flex; flex-shrink: 0; border-radius: 5px; width: 100px; height: 40px; line-height: 0px; position: relative; margin-right: 20px; margin-bottom: 10px; background-color: #f8f8f9; border: 2px solid #161616; background-size: cover; background-position: center; background-repeat: no-repeat; opacity: 0.8; transition: hover 0.3s linear, opacity 0.3s; cursor: pointer; } .readpoint-item:hover { border-color: rgba(60, 105, 138, 0.5); opacity: 0.7; } .readpoint-item.son { border-color: #b0c20f; background-color: #b0c20f; opacity: 1; } .readpoint-item.curr { border-color: rgba(34, 153, 238, 0.5); background-color: #0fc20f; opacity: 1; } .readpoint-item.curr .poptip-remove { opacity: 1; } .readpoint-item .flex-img { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; display: flex; width: 100%; height: 100%; align-items: center; justify-content: center; } .readpoint-item .flex-img > div { width: 100%; height: 100%; background-repeat: no-repeat; background-position: center; background-size: cover; } .readpoint-item .flex-img > div + div { margin-left: 2px; } .downloadPanelFlex { display: -webkit-flex; display: flex; flex-direction: column; justify-content: space-around; align-items: center; } .addPictureBookBtn { width: 120px; height: 40px; border-radius: 4px; background: #2472e3; color: #fff; text-align: center; cursor: pointer; } .el-checkbox + .el-checkbox { margin-left: 0px; } .el-checkbox { margin-right: 25px; } .course-module { width: 1014px; overflow-x: auto; background-color: #f3f3f3; border: 1px solid #eee; } .editor-mode { padding: 15px 0; overflow-x: auto; overflow-y: visible; } .editor-tool { background-color: #f8f8f9; display: flex; border: 1px solid #eee; padding: 5px; max-width: 1100px; } .editor-tool .tool-start { display: flex; flex-shrink: 0; flex-direction: column; padding: 5px 10px 5px 0; margin-right: 10px; border-right: 1px solid #eee; } .editor-tool .tool-start .ivu-btn { margin-bottom: 3px; margin-top: 3px; } .editor-tool .tool-action { padding: 5px 10px 5px 0; margin-right: 10px; border-right: 1px solid #eee; width: 380px; } .editor-tool .tool-action .ivu-btn { margin-bottom: 3px; margin-top: 3px; } .editor-tool .tool-main { display: flex; flex-shrink: 0; flex-direction: column; padding-right: 10px; margin-right: 10px; border-right: 1px solid #eee; } .editor-tool .tool-main .tool-column { margin: 3px 0; } .editor-tool .tool-opt { padding: 5px 0; } .editor-tool .tool-opt .ivu-btn { margin-bottom: 3px; margin-top: 3px; } .editor-container { margin-top: 10px; position: relative; } .editor-row { min-width: 900px; display: -webkit-flex; display: flex; flex-direction: row; } .editor-preview { width: 750px; float: top; margin-right: 12px; border: 1px solid #eee; background-color: #f8f8f9; } .editor-main { overflow-x: auto; width: 100%; position: relative; display: -webkit-flex; display: flex; flex-direction: row; align-items: center; } .editor-opt { height: 468px; width: 832px; position: absolute; left: 0; top: 0; z-index: 9; background: transparent; } .drag-box { position: absolute; z-index: 10; touch-action: none; text-align: center; font-size: 12px; border: 0px solid #3dd; /* .ivu-tooltip, .drap-title-pst { position: absolute; top: -24px; left: 0; } .size-val { position: absolute; top: 40%; left: 0; width: 100%; text-align: center; } .ivu-color-picker { cursor: default; } */ } .drag-box-bg { position: absolute; z-index: 8; touch-action: none; text-align: center; font-size: 12px; border: 0px solid #3dd; } .drag-polygon { position: absolute; z-index: 9; touch-action: none; text-align: center; font-size: 12px; border: 0px solid #3dd; } .drag-remove { position: absolute; left: 60px; top: -18px; } .OIDShowInQuantu { position: absolute; left: 0; right: 0; top: 40%; margin: auto; cursor: pointer; width: fit-content; background-color: #ffffff; } .OIDShowInQuantu2 { position: absolute; left: 5px; top: 3px; margin: auto; cursor: pointer; width: fit-content; background-color: #ffffff; } .NameShowInQuantu { position: absolute; left: 0; right: 0; top: 8px; margin: auto; cursor: pointer; width: fit-content; background-color: #ffffff; } .NameShowInQuantu1 { position: absolute; left: 0; right: 0; padding: 2px 0 0 2px; cursor: pointer; width: fit-content; overflow-y: auto; font-family: Times; } .drag-confirm { position: absolute; left: 30px; top: -18px; } .drag-reedit { position: absolute; left: 0; top: -18px; } .drag-box2 { position: absolute; z-index: 11; touch-action: none; text-align: center; font-size: 12px; /* .size-val { position: absolute; top: 40%; left: 0; width: 100%; text-align: center; } .ivu-color-picker { cursor: default; } */ } .drag-title { display: inline-block; font-size: 12px; border-radius: 4px; padding: 0 10px; height: 24px; line-height: 24px; background-color: #ff9900; color: #fff; } .resize-drag { touch-action: none; } .dragonly { touch-action: none; } .click-area { color: #fff; border-radius: 8px; padding: 10px 5px 5px; background-color: rgba(237, 64, 20, 0.5); } .click-area .horn-icon { position: absolute; top: 50%; left: 50%; margin-left: -44px; margin-top: -45px; background-image: url(data:image/png;base64,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); background-size: contain; width: 88px; height: 91px; z-index: -1; } .drag-figure { width: 100px; background-color: rgba(255, 255, 255, 0.5); } .drag-figure img { width: 100%; } .drag-circle { color: #333; background-color: rgba(255, 255, 255, 0.2); border-radius: 50%; } .drag-circle .select-color { position: absolute; right: 0; top: -24px; } .drag-circle .drag-remove { right: -20px; } .drag-line { min-height: auto; line-height: 0px; color: #333; background-color: rgba(255, 255, 255, 0.3); } .drag-line .select-color { position: absolute; right: 0; top: -24px; } .drag-line .drag-remove { right: -20px; } .drag-button { min-height: 58.5px; line-height: normal; width: 195px; } .drag-button .drag-ui-button { outline: 0; width: 100%; height: 58.5px; color: #fff; background-color: #f90; border: 1px solid #f90; font-size: 16px; border-radius: 4px; font-weight: 400; text-align: center; vertical-align: middle; white-space: nowrap; line-height: 1.5; user-select: none; } .drag-arrow { width: 100px; height: 100px; border: 1px dashed rgba(0, 0, 0, 0.5); display: flex; align-items: center; justify-content: center; } .drag-arrow .arrow-inner { width: 91px; height: 49px; } .drag-arrow .left { transform: rotate(180deg); } .drag-arrow .left-top { transform: rotate(225deg); } .drag-arrow .top { transform: rotate(-90deg); } .drag-arrow .right-top { transform: rotate(-45deg); } .drag-arrow .right-bottom { transform: rotate(45deg); } .drag-arrow .bottom { transform: rotate(90deg); } .drag-arrow .left-bottom { transform: rotate(135deg); } .drag-audio { padding: 10px 5px 5px; min-height: 60px; border-radius: 8px; background-color: rgba(255, 255, 255, 0.7); } .drag-text { min-height: auto; border: 1px dashed rgba(0, 0, 0, 0.5); } .drag-text .ct-input { width: 100%; } .drag-text .ivu-color-picker { position: absolute; top: -24px; right: 85px; } .drag-text .ivu-select { position: absolute; top: -24px; right: 20px; } .drag-text-blanks { min-height: auto; background-color: #ffffff; max-width: 732px; min-width: auto; } .drag-text-blanks .ivu-color-picker { position: absolute; top: -24px; right: 85px; } .drag-text-blanks .ivu-select { position: absolute; top: -24px; right: 20px; } .drag-tts { min-height: auto; } .drag-tts .ct-input { width: 300px; } .drag-image { max-width: 430px; max-height: 430px; border: 1px dashed rgba(0, 0, 0, 0.5); } .drag-image img { width: 100%; } .poptip-figure-content { overflow: hidden; white-space: normal; } .poptip-figure-content .poptip-figure-item { display: inline-block; margin: 5px; min-width: 60px; } .poptip-content { text-align: center; overflow: hidden; } .poptip-item { display: inline-block; margin: 0 5px; } .poptip-item .left { transform: rotate(180deg); } .poptip-item .left-top { transform: rotate(225deg); } .poptip-item .top { transform: rotate(-90deg); } .poptip-item .right-top { transform: rotate(-45deg); } .poptip-item .right-bottom { transform: rotate(45deg); } .poptip-item .bottom { transform: rotate(90deg); } .poptip-item .left-bottom { transform: rotate(135deg); } .poptip-item img { width: 30px; } .init-svg { width: 100%; height: 100%; } .line-svg { stroke-dasharray: 1000; stroke-dashoffset: 10; animation: drawLine 3s linear forwards; } .show-property { position: absolute; bottom: 0; right: 0; } @keyframes drawLine { 0% { stroke-dashoffset: 1000; } 100% { stroke-dashoffset: 0; } } .circle-svg { stroke-dasharray: 20 5; animation: none; } @keyframes drawCircle { 0% { stroke-dashoffset: 0; } 100% { stroke-dasharray: 1500 1500; } } .rotate-x { transform-origin: center center; } .drag-bubble .ivu-color-picker { position: absolute; top: -24px; right: 20px; } .bubble-button { display: block; width: 130px; height: 98px; border-radius: 49px; position: relative; border: #FFF044 solid 1px; background-color: #FFF044; } .bubble-button:focus { border: none; outline: none; } .bg-grid { background-color: transparent; background-position: 0% 0%; background-size: 16px 16px; background-image: linear-gradient(90deg, rgba(0, 0, 0, 0.1) 1px, transparent 1px), linear-gradient(rgba(0, 0, 0, 0.1) 1px, transparent 1px); } audio { outline: none; } .action-box { max-width: 1012px; } .action-item { margin-bottom: 20px; } .action-item .audio-test { display: inline-block; vertical-align: middle; margin-right: 20px; } .action-item .ivu-upload { display: inline-block; vertical-align: middle; } .action-answer-item { margin: 0 0 15px; } .action-btn { text-align: right; } .action-btn.action-btn-left { text-align: left; } .cardBg { background-color: #e8eaec; } .lock-box { text-align: center; color: #999; padding: 15% 0 10%; } .lock-box > div { padding: 40px; } .poptip-remove { position: absolute; right: -4px; top: -4px; line-height: 0; opacity: 0; } .pageNumShow { position: absolute; left: 45%; bottom: -10px; line-height: 0; } .pageHiddenShow { position: absolute; left: 40px; top: -4px; line-height: 0; cursor: pointer; } .explanationSubtitles { position: absolute; right: -10px; top: -40px; cursor: pointer; } .image-upload-type { padding: 5px 0; } .image-upload-type > div + div { margin-top: 10px; } .module-list { display: inline-flex; padding: 10px 10px 10px 0; background-color: #f3f3f3; white-space: nowrap; } .module-list-item { display: flex; max-width: 100px; user-select: none; background-color: #fff; border: 1px solid #eee; text-align: center; position: relative; transition: hover 0.3s linear, box-shadow 0.3s ease-in-out, opacity 0.3s; margin-left: 10px; } .module-list-item > div { width: 100px; height: 100%; padding: 10px 0; } .module-list-item.curr { box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1); border-color: rgba(34, 153, 238, 0.5); } .module-list-item.set-box { min-height: 100px; border-style: dashed; cursor: pointer; } .module-list-item.set-box .ivu-icon { margin: 15px 0 5px; } .module-list-item .remove-course { position: absolute; left: -7px; top: -7px; opacity: 0; transition: opacity 0.3s; } .module-list-item .edit-course { position: absolute; right: -7px; top: -7px; opacity: 0; transition: opacity 0.3s; } .module-list-item .ivu-dropdown { position: absolute; right: 3px; top: 3px; } .module-list-item .ivu-dropdown a { color: #666; } .module-list-item img { width: 50px; height: 50px; background-color: #eee; } .module-list-item p { height: 22px; line-height: 22px; margin: 0 5px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .module-list-item:hover { box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1); } .module-list-item:hover .remove-course { opacity: 1; } .module-list-item:hover .edit-course { opacity: 1; } .preview-list { display: inline-flex; width: 750px; overflow-y: visible; overflow-x: auto; padding: 9px 8px; } .preview-item { display: flex; flex-shrink: 0; width: 100px; height: 100px; line-height: 0px; position: relative; margin-bottom: 10px; background-color: #f8f8f9; border: 2px solid #ffffff; background-size: cover; background-position: center; background-repeat: no-repeat; opacity: 0.5; transition: hover 0.3s linear, opacity 0.3s; } .preview-item:hover { border-color: rgba(60, 105, 138, 0.5); opacity: 0.7; } .preview-item.curr { border-color: rgba(34, 153, 238, 0.5); opacity: 1; } .preview-item.curr .poptip-remove { opacity: 1; } .preview-item.file-upload { background-color: #ccc; text-align: center; opacity: 1; } .preview-item.file-upload .upload-add-button { cursor: pointer; } .preview-item .flex-img { display: flex; width: 100%; height: 100%; align-items: center; justify-content: center; } .preview-item .flex-img > div { width: 100%; height: 100%; background-repeat: no-repeat; background-position: center; background-size: cover; } .preview-item .flex-img > div + div { margin-left: 2px; } .preview-item .preview-img { width: 100%; height: 100%; background-repeat: no-repeat; background-position: center; background-size: cover; } .other-area { position: relative; width: 832px; height: 468px; border: 1px dashed #dcdee2; background-color: #f8f8f9; } .image-box { position: relative; background-color: #f8f8f9; user-select: none; } .upload-image { position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 1; } .upload-image .ivu-upload { background-color: #f8f8f9; padding: 20px; } .upload-image .ivu-upload-drag { border: none; padding: 150px 0 20px; } .upload-image .ivu-row, .upload-image .ivu-col { height: 100%; } .image-preview { overflow: hidden; height: 100%; width: 100%; background-size: cover; display: flex; align-items: center; justify-content: center; } .image-preview .image-item { width: 100%; height: 100%; background-repeat: no-repeat; background-position: center; background-size: cover; } .image-preview .image-item + .image-item { margin-left: 5px; } .image-audio { padding-bottom: 20px; position: absolute; bottom: 0; left: 50%; margin-left: -250px; width: 500px; z-index: 10; text-align: center; } .image-audio .ct-input { width: 300px; } .image-audio .media-upload { display: inline-block; } .up-preview { width: 100%; height: 100%; background-repeat: no-repeat; background-position: top left; background-size: contain; } /* .roobo-editor { .other-area, //.player-box, .image-box, .editor-opt { height: 520px; } } */ .dropdown-list li a { color: #666; display: inline-block; padding: 5px 15px; } .dropdown-list li a:hover { background: #f3f3f3; color: #2d8cf0; } .blanks-main { text-align: left; font-family: Arial; padding: 5px; } .blanks-main p { font-size: 24px; line-height: 1; } .blanks-main span { display: inline-block; font-size: 24px; line-height: 1; overflow: hidden; vertical-align: middle; margin: 5px 0; } .blanks-main span.text-line { border-bottom: 1px solid #666; } .svg-button { cursor: pointer; width: 40px; height: 40px; fill-opacity: 0; stroke: #111111; stroke-width: 1; stroke-dasharray: 20 5; padding: 0px 4px; margin: 0px 10px 5px 10px; } .svg-button2 { cursor: pointer; width: 40px; height: 40px; fill-opacity: 0; stroke: #111111; stroke-width: 1; padding: 0px 4px; margin: 5px 10px 0px 10px; } .snBtn { height: 30px; margin: 20px 5px; } .snBtn2 { height: 30px; line-height: 30px; margin: 20px 5px; } .quanTuText { height: 50px; line-height: 50px; margin: 5px 30px 5px 10px; } .checkView { height: 50px; line-height: 50px; margin: 5px 30px 5px 10px; display: -webkit-flex; display: flex; flex-direction: row; justify-content: flex-start; } .checkViewItem { padding: 0px 10px 0px 0px; } .svgButtonOuter { width: 50px; height: 50px; display: table; } .svgButtoninner { display: table-cell; vertical-align: middle; text-align: center; } .tipsForeditor { font-family: Arial; padding: 5px; font-size: 12px; line-height: 1; } .editor-content { background-color: #f0f0f0; display: flex; border: 1px solid #eee; padding: 5px; max-width: 900px; } .tool-response { border: 1px solid #ddd; padding: 10px; margin: 0px 0px 10px 0px; } .oidFlex { display: -webkit-flex; display: flex; flex-direction: row; justify-content: flex-start; align-items: center; } .addInteractText { height: 30px; line-height: 30px; margin: 0px 30px 0px 10px; } .readPointInteractText { height: 30px; line-height: 30px; font-size: 16px; margin: 0px 10px 0px 10px; } .hide-area { border: 1px solid #ddd; padding: 0px 0px 0px 10px; } .talkTrainHeaderText { font-size: 14px; margin: 0px 0px 0px 0px; padding: 0px; } .showTimeoutTableCell { padding: 0px 20px 0px 0px; display: table-cell; vertical-align: middle; text-align: center; } .talkTrainHeader2Text { font-size: 10px; margin: 0px 0px 0px 0px; color: #aaaaaa; padding: 0px; } .svg-touch { cursor: pointer; } .talk-area { border: 1px solid #ddd; padding: 10px 10px 10px 10px; } .checkBtn { max-width: 900px; padding: 10px 10px 10px 10px; background-color: #f8f8f9; border: 1px solid #eee; } .classShow { width: 600px; display: -webkit-flex; display: flex; flex-direction: row; justify-content: space-between; align-items: center; } .recordStyle { height: 35px; width: 426px; display: -webkit-flex; display: flex; flex-direction: row; justify-content: flex-start; align-items: center; } .questionAudio2 { width: 500px; border: 1px solid #ddd; padding: 10px; } .questionAudio { width: 390px; border: 1px solid #ddd; padding: 10px; } .interact-game-pointRange { width: 700px; display: flex; display: -webkit-flex; flex-direction: column; justify-content: flex-start; align-items: flex-start; } .interact-gameSigmode-correct-btn { display: -webkit-flex; display: flex; flex-direction: row; justify-content: flex-start; align-items: center; } .interact-follow-response { display: -webkit-flex; display: flex; flex-direction: row; justify-content: flex-start; align-items: center; border: 1px solid #ddd; margin: 5px; } .oidstyle { height: 35px; width: 600px; display: -webkit-flex; display: flex; flex-direction: row; justify-content: start; align-items: center; } .el-table__body tr.current-row > td { background-color: #8282ec !important; /* color: #f19944; */ /* 设置文字颜色 */ } .readpoint-list { display: inline-flex; width: 1090px; overflow-y: visible; overflow-x: auto; padding: 8px; } .readpoint-item { display: flex; flex-shrink: 0; border-radius: 5px; width: 100px; height: 40px; line-height: 0px; position: relative; margin-right: 20px; margin-bottom: 10px; background-color: #f8f8f9; border: 2px solid #161616; background-size: cover; background-position: center; background-repeat: no-repeat; opacity: 0.8; transition: hover 0.3s linear, opacity 0.3s; cursor: pointer; } .readpoint-item:hover { border-color: rgba(60, 105, 138, 0.5); opacity: 0.7; } .readpoint-item.son { border-color: #b0c20f; background-color: #b0c20f; opacity: 1; } .readpoint-item.curr { border-color: rgba(34, 153, 238, 0.5); background-color: #0fc20f; opacity: 1; } .readpoint-item.curr .poptip-remove { opacity: 1; } .readpoint-item .flex-img { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; display: flex; width: 100%; height: 100%; align-items: center; justify-content: center; } .readpoint-item .flex-img > div { width: 100%; height: 100%; background-repeat: no-repeat; background-position: center; background-size: cover; } .readpoint-item .flex-img > div + div { margin-left: 2px; } .downloadPanelFlex { display: -webkit-flex; display: flex; flex-direction: column; justify-content: space-around; align-items: center; } .addPictureBookBtn { width: 120px; height: 40px; border-radius: 4px; background: #2472e3; color: #fff; text-align: center; cursor: pointer; } .el-checkbox + .el-checkbox { margin-left: 0px; } .el-checkbox { margin-right: 25px; } .course-module { width: 1014px; overflow-x: auto; background-color: #f3f3f3; border: 1px solid #eee; } .editor-mode { padding: 15px 0; overflow-x: auto; overflow-y: visible; } .editor-tool { background-color: #f8f8f9; display: flex; border: 1px solid #eee; padding: 5px; max-width: 1100px; } .editor-tool .tool-start { display: flex; flex-shrink: 0; flex-direction: column; padding: 5px 10px 5px 0; margin-right: 10px; border-right: 1px solid #eee; } .editor-tool .tool-start .ivu-btn { margin-bottom: 3px; margin-top: 3px; } .editor-tool .tool-action { padding: 5px 10px 5px 0; margin-right: 10px; border-right: 1px solid #eee; width: 380px; } .editor-tool .tool-action .ivu-btn { margin-bottom: 3px; margin-top: 3px; } .editor-tool .tool-main { display: flex; flex-shrink: 0; flex-direction: column; padding-right: 10px; margin-right: 10px; border-right: 1px solid #eee; } .editor-tool .tool-main .tool-column { margin: 3px 0; } .editor-tool .tool-opt { padding: 5px 0; } .editor-tool .tool-opt .ivu-btn { margin-bottom: 3px; margin-top: 3px; } .editor-container { margin-top: 10px; position: relative; } .editor-row { min-width: 900px; display: -webkit-flex; display: flex; flex-direction: row; } .editor-preview { width: 750px; float: top; margin-right: 12px; border: 1px solid #eee; background-color: #f8f8f9; } .editor-main { overflow-x: auto; width: 100%; position: relative; display: -webkit-flex; display: flex; flex-direction: row; align-items: center; } .editor-opt { height: 468px; width: 832px; position: absolute; left: 0; top: 0; z-index: 9; background: transparent; } .drag-box { position: absolute; z-index: 10; touch-action: none; text-align: center; font-size: 12px; border: 0px solid #3dd; /* .ivu-tooltip, .drap-title-pst { position: absolute; top: -24px; left: 0; } .size-val { position: absolute; top: 40%; left: 0; width: 100%; text-align: center; } .ivu-color-picker { cursor: default; } */ } .drag-box-bg { position: absolute; z-index: 8; touch-action: none; text-align: center; font-size: 12px; border: 0px solid #3dd; } .drag-polygon { position: absolute; z-index: 9; touch-action: none; text-align: center; font-size: 12px; border: 0px solid #3dd; } .drag-remove { position: absolute; left: 60px; top: -18px; } .OIDShowInQuantu { position: absolute; left: 0; right: 0; top: 40%; margin: auto; cursor: pointer; width: fit-content; background-color: #ffffff; } .OIDShowInQuantu2 { position: absolute; left: 5px; top: 3px; margin: auto; cursor: pointer; width: fit-content; background-color: #ffffff; } .NameShowInQuantu { position: absolute; left: 0; right: 0; top: 8px; margin: auto; cursor: pointer; width: fit-content; background-color: #ffffff; } .NameShowInQuantu1 { position: absolute; left: 0; right: 0; padding: 2px 0 0 2px; cursor: pointer; width: fit-content; overflow-y: auto; font-family: Times; } .drag-confirm { position: absolute; left: 30px; top: -18px; } .drag-reedit { position: absolute; left: 0; top: -18px; } .drag-box2 { position: absolute; z-index: 11; touch-action: none; text-align: center; font-size: 12px; /* .size-val { position: absolute; top: 40%; left: 0; width: 100%; text-align: center; } .ivu-color-picker { cursor: default; } */ } .drag-title { display: inline-block; font-size: 12px; border-radius: 4px; padding: 0 10px; height: 24px; line-height: 24px; background-color: #ff9900; color: #fff; } .resize-drag { touch-action: none; } .dragonly { touch-action: none; } .click-area { color: #fff; border-radius: 8px; padding: 10px 5px 5px; background-color: rgba(237, 64, 20, 0.5); } .click-area .horn-icon { position: absolute; top: 50%; left: 50%; margin-left: -44px; margin-top: -45px; background-image: url(data:image/png;base64,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); background-size: contain; width: 88px; height: 91px; z-index: -1; } .drag-figure { width: 100px; background-color: rgba(255, 255, 255, 0.5); } .drag-figure img { width: 100%; } .drag-circle { color: #333; background-color: rgba(255, 255, 255, 0.2); border-radius: 50%; } .drag-circle .select-color { position: absolute; right: 0; top: -24px; } .drag-circle .drag-remove { right: -20px; } .drag-line { min-height: auto; line-height: 0px; color: #333; background-color: rgba(255, 255, 255, 0.3); } .drag-line .select-color { position: absolute; right: 0; top: -24px; } .drag-line .drag-remove { right: -20px; } .drag-button { min-height: 58.5px; line-height: normal; width: 195px; } .drag-button .drag-ui-button { outline: 0; width: 100%; height: 58.5px; color: #fff; background-color: #f90; border: 1px solid #f90; font-size: 16px; border-radius: 4px; font-weight: 400; text-align: center; vertical-align: middle; white-space: nowrap; line-height: 1.5; user-select: none; } .drag-arrow { width: 100px; height: 100px; border: 1px dashed rgba(0, 0, 0, 0.5); display: flex; align-items: center; justify-content: center; } .drag-arrow .arrow-inner { width: 91px; height: 49px; } .drag-arrow .left { transform: rotate(180deg); } .drag-arrow .left-top { transform: rotate(225deg); } .drag-arrow .top { transform: rotate(-90deg); } .drag-arrow .right-top { transform: rotate(-45deg); } .drag-arrow .right-bottom { transform: rotate(45deg); } .drag-arrow .bottom { transform: rotate(90deg); } .drag-arrow .left-bottom { transform: rotate(135deg); } .drag-audio { padding: 10px 5px 5px; min-height: 60px; border-radius: 8px; background-color: rgba(255, 255, 255, 0.7); } .drag-text { min-height: auto; border: 1px dashed rgba(0, 0, 0, 0.5); } .drag-text .ct-input { width: 100%; } .drag-text .ivu-color-picker { position: absolute; top: -24px; right: 85px; } .drag-text .ivu-select { position: absolute; top: -24px; right: 20px; } .drag-text-blanks { min-height: auto; background-color: #ffffff; max-width: 732px; min-width: auto; } .drag-text-blanks .ivu-color-picker { position: absolute; top: -24px; right: 85px; } .drag-text-blanks .ivu-select { position: absolute; top: -24px; right: 20px; } .drag-tts { min-height: auto; } .drag-tts .ct-input { width: 300px; } .drag-image { max-width: 430px; max-height: 430px; border: 1px dashed rgba(0, 0, 0, 0.5); } .drag-image img { width: 100%; } .poptip-figure-content { overflow: hidden; white-space: normal; } .poptip-figure-content .poptip-figure-item { display: inline-block; margin: 5px; min-width: 60px; } .poptip-content { text-align: center; overflow: hidden; } .poptip-item { display: inline-block; margin: 0 5px; } .poptip-item .left { transform: rotate(180deg); } .poptip-item .left-top { transform: rotate(225deg); } .poptip-item .top { transform: rotate(-90deg); } .poptip-item .right-top { transform: rotate(-45deg); } .poptip-item .right-bottom { transform: rotate(45deg); } .poptip-item .bottom { transform: rotate(90deg); } .poptip-item .left-bottom { transform: rotate(135deg); } .poptip-item img { width: 30px; } .init-svg { width: 100%; height: 100%; } .line-svg { stroke-dasharray: 1000; stroke-dashoffset: 10; animation: drawLine 3s linear forwards; } .show-property { position: absolute; bottom: 0; right: 0; } @keyframes drawLine { 0% { stroke-dashoffset: 1000; } 100% { stroke-dashoffset: 0; } } .circle-svg { stroke-dasharray: 20 5; animation: none; } @keyframes drawCircle { 0% { stroke-dashoffset: 0; } 100% { stroke-dasharray: 1500 1500; } } .rotate-x { transform-origin: center center; } .drag-bubble .ivu-color-picker { position: absolute; top: -24px; right: 20px; } .bubble-button { display: block; width: 130px; height: 98px; border-radius: 49px; position: relative; border: #FFF044 solid 1px; background-color: #FFF044; } .bubble-button:focus { border: none; outline: none; } .bg-grid { background-color: transparent; background-position: 0% 0%; background-size: 16px 16px; background-image: linear-gradient(90deg, rgba(0, 0, 0, 0.1) 1px, transparent 1px), linear-gradient(rgba(0, 0, 0, 0.1) 1px, transparent 1px); } audio { outline: none; } .action-box { max-width: 1012px; } .action-item { margin-bottom: 20px; } .action-item .audio-test { display: inline-block; vertical-align: middle; margin-right: 20px; } .action-item .ivu-upload { display: inline-block; vertical-align: middle; } .action-answer-item { margin: 0 0 15px; } .action-btn { text-align: right; } .action-btn.action-btn-left { text-align: left; } .cardBg { background-color: #e8eaec; } .lock-box { text-align: center; color: #999; padding: 15% 0 10%; } .lock-box > div { padding: 40px; } .poptip-remove { position: absolute; right: -4px; top: -4px; line-height: 0; opacity: 0; } .pageNumShow { position: absolute; left: 45%; bottom: -10px; line-height: 0; } .pageHiddenShow { position: absolute; left: 40px; top: -4px; line-height: 0; cursor: pointer; } .explanationSubtitles { position: absolute; right: -10px; top: -40px; cursor: pointer; } .image-upload-type { padding: 5px 0; } .image-upload-type > div + div { margin-top: 10px; } .module-list { display: inline-flex; padding: 10px 10px 10px 0; background-color: #f3f3f3; white-space: nowrap; } .module-list-item { display: flex; max-width: 100px; user-select: none; background-color: #fff; border: 1px solid #eee; text-align: center; position: relative; transition: hover 0.3s linear, box-shadow 0.3s ease-in-out, opacity 0.3s; margin-left: 10px; } .module-list-item > div { width: 100px; height: 100%; padding: 10px 0; } .module-list-item.curr { box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1); border-color: rgba(34, 153, 238, 0.5); } .module-list-item.set-box { min-height: 100px; border-style: dashed; cursor: pointer; } .module-list-item.set-box .ivu-icon { margin: 15px 0 5px; } .module-list-item .remove-course { position: absolute; left: -7px; top: -7px; opacity: 0; transition: opacity 0.3s; } .module-list-item .edit-course { position: absolute; right: -7px; top: -7px; opacity: 0; transition: opacity 0.3s; } .module-list-item .ivu-dropdown { position: absolute; right: 3px; top: 3px; } .module-list-item .ivu-dropdown a { color: #666; } .module-list-item img { width: 50px; height: 50px; background-color: #eee; } .module-list-item p { height: 22px; line-height: 22px; margin: 0 5px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .module-list-item:hover { box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1); } .module-list-item:hover .remove-course { opacity: 1; } .module-list-item:hover .edit-course { opacity: 1; } .preview-list { display: inline-flex; width: 750px; overflow-y: visible; overflow-x: auto; padding: 9px 8px; } .preview-item { display: flex; flex-shrink: 0; width: 100px; height: 100px; line-height: 0px; position: relative; margin-bottom: 10px; background-color: #f8f8f9; border: 2px solid #ffffff; background-size: cover; background-position: center; background-repeat: no-repeat; opacity: 0.5; transition: hover 0.3s linear, opacity 0.3s; } .preview-item:hover { border-color: rgba(60, 105, 138, 0.5); opacity: 0.7; } .preview-item.curr { border-color: rgba(34, 153, 238, 0.5); opacity: 1; } .preview-item.curr .poptip-remove { opacity: 1; } .preview-item.file-upload { background-color: #ccc; text-align: center; opacity: 1; } .preview-item.file-upload .upload-add-button { cursor: pointer; } .preview-item .flex-img { display: flex; width: 100%; height: 100%; align-items: center; justify-content: center; } .preview-item .flex-img > div { width: 100%; height: 100%; background-repeat: no-repeat; background-position: center; background-size: cover; } .preview-item .flex-img > div + div { margin-left: 2px; } .preview-item .preview-img { width: 100%; height: 100%; background-repeat: no-repeat; background-position: center; background-size: cover; } .other-area { position: relative; width: 832px; height: 468px; border: 1px dashed #dcdee2; background-color: #f8f8f9; } .image-box { position: relative; background-color: #f8f8f9; user-select: none; } .upload-image { position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 1; } .upload-image .ivu-upload { background-color: #f8f8f9; padding: 20px; } .upload-image .ivu-upload-drag { border: none; padding: 150px 0 20px; } .upload-image .ivu-row, .upload-image .ivu-col { height: 100%; } .image-preview { overflow: hidden; height: 100%; width: 100%; background-size: cover; display: flex; align-items: center; justify-content: center; } .image-preview .image-item { width: 100%; height: 100%; background-repeat: no-repeat; background-position: center; background-size: cover; } .image-preview .image-item + .image-item { margin-left: 5px; } .image-audio { padding-bottom: 20px; position: absolute; bottom: 0; left: 50%; margin-left: -250px; width: 500px; z-index: 10; text-align: center; } .image-audio .ct-input { width: 300px; } .image-audio .media-upload { display: inline-block; } .up-preview { width: 100%; height: 100%; background-repeat: no-repeat; background-position: top left; background-size: contain; } /* .roobo-editor { .other-area, //.player-box, .image-box, .editor-opt { height: 520px; } } */ .dropdown-list li a { color: #666; display: inline-block; padding: 5px 15px; } .dropdown-list li a:hover { background: #f3f3f3; color: #2d8cf0; } .blanks-main { text-align: left; font-family: Arial; padding: 5px; } .blanks-main p { font-size: 24px; line-height: 1; } .blanks-main span { display: inline-block; font-size: 24px; line-height: 1; overflow: hidden; vertical-align: middle; margin: 5px 0; } .blanks-main span.text-line { border-bottom: 1px solid #666; } .svg-button { cursor: pointer; width: 40px; height: 40px; fill-opacity: 0; stroke: #111111; stroke-width: 1; stroke-dasharray: 20 5; padding: 0px 4px; margin: 0px 10px 5px 10px; } .svg-button2 { cursor: pointer; width: 40px; height: 40px; fill-opacity: 0; stroke: #111111; stroke-width: 1; padding: 0px 4px; margin: 5px 10px 0px 10px; } .snBtn { height: 30px; margin: 20px 5px; } .snBtn2 { height: 30px; line-height: 30px; margin: 20px 5px; } .quanTuText { height: 50px; line-height: 50px; margin: 5px 30px 5px 10px; } .checkView { height: 50px; line-height: 50px; margin: 5px 30px 5px 10px; display: -webkit-flex; display: flex; flex-direction: row; justify-content: flex-start; } .checkViewItem { padding: 0px 10px 0px 0px; } .svgButtonOuter { width: 50px; height: 50px; display: table; } .svgButtoninner { display: table-cell; vertical-align: middle; text-align: center; } .tipsForeditor { font-family: Arial; padding: 5px; font-size: 12px; line-height: 1; } .editor-content { background-color: #f0f0f0; display: flex; border: 1px solid #eee; padding: 5px; max-width: 900px; } .tool-response { border: 1px solid #ddd; padding: 10px; margin: 0px 0px 10px 0px; } .oidFlex { display: -webkit-flex; display: flex; flex-direction: row; justify-content: flex-start; align-items: center; } .addInteractText { height: 30px; line-height: 30px; margin: 0px 30px 0px 10px; } .readPointInteractText { height: 30px; line-height: 30px; font-size: 16px; margin: 0px 10px 0px 10px; } .hide-area { border: 1px solid #ddd; padding: 0px 0px 0px 10px; } .talkTrainHeaderText { font-size: 14px; margin: 0px 0px 0px 0px; padding: 0px; } .showTimeoutTableCell { padding: 0px 20px 0px 0px; display: table-cell; vertical-align: middle; text-align: center; } .talkTrainHeader2Text { font-size: 10px; margin: 0px 0px 0px 0px; color: #aaaaaa; padding: 0px; } .svg-touch { cursor: pointer; } .talk-area { border: 1px solid #ddd; padding: 10px 10px 10px 10px; } .checkBtn { max-width: 900px; padding: 10px 10px 10px 10px; background-color: #f8f8f9; border: 1px solid #eee; } .classShow { width: 600px; display: -webkit-flex; display: flex; flex-direction: row; justify-content: space-between; align-items: center; } .recordStyle { height: 35px; width: 426px; display: -webkit-flex; display: flex; flex-direction: row; justify-content: flex-start; align-items: center; } .questionAudio2 { width: 500px; border: 1px solid #ddd; padding: 10px; } .questionAudio { width: 390px; border: 1px solid #ddd; padding: 10px; } .interact-game-pointRange { width: 700px; display: flex; display: -webkit-flex; flex-direction: column; justify-content: flex-start; align-items: flex-start; } .interact-gameSigmode-correct-btn { display: -webkit-flex; display: flex; flex-direction: row; justify-content: flex-start; align-items: center; } .interact-follow-response { display: -webkit-flex; display: flex; flex-direction: row; justify-content: flex-start; align-items: center; border: 1px solid #ddd; margin: 5px; } .oidstyle { height: 35px; width: 600px; display: -webkit-flex; display: flex; flex-direction: row; justify-content: start; align-items: center; } .el-table__body tr.current-row > td { background-color: #8282ec !important; /* color: #f19944; */ /* 设置文字颜色 */ } .readpoint-list { display: inline-flex; width: 1090px; overflow-y: visible; overflow-x: auto; padding: 8px; } .readpoint-item { display: flex; flex-shrink: 0; border-radius: 5px; width: 100px; height: 40px; line-height: 0px; position: relative; margin-right: 20px; margin-bottom: 10px; background-color: #f8f8f9; border: 2px solid #161616; background-size: cover; background-position: center; background-repeat: no-repeat; opacity: 0.8; transition: hover 0.3s linear, opacity 0.3s; cursor: pointer; } .readpoint-item:hover { border-color: rgba(60, 105, 138, 0.5); opacity: 0.7; } .readpoint-item.son { border-color: #b0c20f; background-color: #b0c20f; opacity: 1; } .readpoint-item.curr { border-color: rgba(34, 153, 238, 0.5); background-color: #0fc20f; opacity: 1; } .readpoint-item.curr .poptip-remove { opacity: 1; } .readpoint-item .flex-img { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; display: flex; width: 100%; height: 100%; align-items: center; justify-content: center; } .readpoint-item .flex-img > div { width: 100%; height: 100%; background-repeat: no-repeat; background-position: center; background-size: cover; } .readpoint-item .flex-img > div + div { margin-left: 2px; } .downloadPanelFlex { display: -webkit-flex; display: flex; flex-direction: column; justify-content: space-around; align-items: center; } .addPictureBookBtn { width: 120px; height: 40px; border-radius: 4px; background: #2472e3; color: #fff; text-align: center; cursor: pointer; } .el-checkbox + .el-checkbox { margin-left: 0px; } .el-checkbox { margin-right: 25px; } .course-module { width: 1014px; overflow-x: auto; background-color: #f3f3f3; border: 1px solid #eee; } .editor-mode { padding: 15px 0; overflow-x: auto; overflow-y: visible; } .editor-tool { background-color: #f8f8f9; display: flex; border: 1px solid #eee; padding: 5px; max-width: 1100px; } .editor-tool .tool-start { display: flex; flex-shrink: 0; flex-direction: column; padding: 5px 10px 5px 0; margin-right: 10px; border-right: 1px solid #eee; } .editor-tool .tool-start .ivu-btn { margin-bottom: 3px; margin-top: 3px; } .editor-tool .tool-action { padding: 5px 10px 5px 0; margin-right: 10px; border-right: 1px solid #eee; width: 380px; } .editor-tool .tool-action .ivu-btn { margin-bottom: 3px; margin-top: 3px; } .editor-tool .tool-main { display: flex; flex-shrink: 0; flex-direction: column; padding-right: 10px; margin-right: 10px; border-right: 1px solid #eee; } .editor-tool .tool-main .tool-column { margin: 3px 0; } .editor-tool .tool-opt { padding: 5px 0; } .editor-tool .tool-opt .ivu-btn { margin-bottom: 3px; margin-top: 3px; } .editor-container { margin-top: 10px; position: relative; } .editor-row { min-width: 900px; display: -webkit-flex; display: flex; flex-direction: row; } .editor-preview { width: 750px; float: top; margin-right: 12px; border: 1px solid #eee; background-color: #f8f8f9; } .editor-main { overflow-x: auto; width: 100%; position: relative; display: -webkit-flex; display: flex; flex-direction: row; align-items: center; } .editor-opt { height: 468px; width: 832px; position: absolute; left: 0; top: 0; z-index: 9; background: transparent; } .drag-box { position: absolute; z-index: 10; touch-action: none; text-align: center; font-size: 12px; border: 0px solid #3dd; /* .ivu-tooltip, .drap-title-pst { position: absolute; top: -24px; left: 0; } .size-val { position: absolute; top: 40%; left: 0; width: 100%; text-align: center; } .ivu-color-picker { cursor: default; } */ } .drag-box-bg { position: absolute; z-index: 8; touch-action: none; text-align: center; font-size: 12px; border: 0px solid #3dd; } .drag-polygon { position: absolute; z-index: 9; touch-action: none; text-align: center; font-size: 12px; border: 0px solid #3dd; } .drag-remove { position: absolute; left: 60px; top: -18px; } .OIDShowInQuantu { position: absolute; left: 0; right: 0; top: 40%; margin: auto; cursor: pointer; width: fit-content; background-color: #ffffff; } .OIDShowInQuantu2 { position: absolute; left: 5px; top: 3px; margin: auto; cursor: pointer; width: fit-content; background-color: #ffffff; } .NameShowInQuantu { position: absolute; left: 0; right: 0; top: 8px; margin: auto; cursor: pointer; width: fit-content; background-color: #ffffff; } .NameShowInQuantu1 { position: absolute; left: 0; right: 0; padding: 2px 0 0 2px; cursor: pointer; width: fit-content; overflow-y: auto; font-family: Times; } .drag-confirm { position: absolute; left: 30px; top: -18px; } .drag-reedit { position: absolute; left: 0; top: -18px; } .drag-box2 { position: absolute; z-index: 11; touch-action: none; text-align: center; font-size: 12px; /* .size-val { position: absolute; top: 40%; left: 0; width: 100%; text-align: center; } .ivu-color-picker { cursor: default; } */ } .drag-title { display: inline-block; font-size: 12px; border-radius: 4px; padding: 0 10px; height: 24px; line-height: 24px; background-color: #ff9900; color: #fff; } .resize-drag { touch-action: none; } .dragonly { touch-action: none; } .click-area { color: #fff; border-radius: 8px; padding: 10px 5px 5px; background-color: rgba(237, 64, 20, 0.5); } .click-area .horn-icon { position: absolute; top: 50%; left: 50%; margin-left: -44px; margin-top: -45px; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAIcAAACMCAYAAABWILrJAAAcEklEQVR4Xu1dCXiU1bl+z0xC9kBIQhKBQCAgQTZFNtHea5WgFhXkVkBE7e2t4FIp1laqgo+WKrRVq9cFbK1YRMGloFJlqfVWZQ1U9iAEIgFMAgmELJOEZObc550lTpb5//NPZjIz6XzPM0+W/zvb979zlu98i0AnJyllKoBLAGQB6Ov89ACQDCAFQAKAKABdAEQCaABwAUA9gCoAZQDKAZwG8I3zUwjggBDiTGcWn+hMg5NSJgEYB2A8gMsBDAOQ7scxlgDYC2AngM0AtgohzvmxvQ6tOqTBIaXkN/0KANcDuA7AUACmDpVg88ZsAPYBWA/gEwBbhBCciUKSQg4cTkBcA2AagJsBcLYIVuIs8gGA1QA+DTWghAw4pJQ5AP4HwB3OvUKwAsJTv7h3+QuAPwkh8kOh80ENDikllwjODvMAXAkgqPur+MIlgC8BPMdZRQjBpSgoKSiFLaXkyeG/ATwIYEBQSs43nToC4FkAfxZC8IQUVBRU4JBSRgC4C8BjAPoElaT825njABYBWC6EaPRvU+q1Bw04pJQ3Avg9gIHq3e90nIcBPCSE+CgYRhZwcEgpBwF4HkCuXwQiJVBfBFgOALVHgfrjQF0R0HAGaCwHGs4BtjpA1gOyERARgIgCTNFAZBIQkQxEpgLRmUBUHyCmPxB7CRCVCQi/iW8jgLlCiEN+kYlipX4bnV77ziPpfACPOjWUekXUnjdWAZWbgcqtjk/NHsBaqVbWCJc5EYgbDiSOc37GAxFUtvqMqKH9DYDFgToCBwQcUsrLALwBYIhPRMkZoXwtcG6jAxAyAHonEekASVIukDzZMcP4hvYDuFMI8S/fVKdeS4eCw3k0/blz88UTifd04TRweiVw5l2g5ivv6/FXybhLgdQfAj1mAl14ldMu4kmGm/RnOvLo22HgcF6AvQ2A2k3vqeJzoHgpcHZdYGYIoz3njNJ9EpAxB+j2PaOlW/J/CmBGR134dQg4pJSjAbwHoLdX0pFWoOyvwMnngnOWUB0UZ5Ne84CUWwBhVi3Vku8EgP8SQuzwtgLVcn4Hh5RyJoDXvNp0ShtQthYoWgTUhoTGWU3uMTlA5mNAymRAeHVPyM3qj4UQK9Ua9I7Lr+CQUlLtTd2FcQlU7waOzgWq/P4F8U5yviiVMBro/zwQP8Kb2qh2p06Eani/kN/AIaVcDOBhw71uPA8cfxIoXgbAarh46BUwAxmzgT4LgYiu3nR/iRCCKgGfk8/B4VSB/9GpBlfvMJVVZ1YDhfOBhlL1cp2FMzINyFoMpE7zRrm2HMBPfK169yk4nBdm3HhSFa5OnC2O3AuU/1W9TGflTL4FGPCyN7MIVe7cqPrsAs9n4HDqMHhUvdXQe6v6F/D17UAdzTLDZJdAdBZw8ZtAAnWFhugd51HXJ2YAvgTHiwDuUx4Kl5HiV4DCXwHSZ2BXbj7oGUUXIOtpIOMeo8vMS0KI+30xPp+AQ0q5AMCTyh2yXQAO3w2U0XouTJoSSJkGDHwVMBlSKC8UQvy6vZJtNziklHcDWKpspWWtBvKnAxVU9oVJSQLdrgFyVgHmeCV2ALQ2myOEeFW1QFt87QKHlPIHTgNaNXUfr8kPTAaqO/wOqT0yCo6y8ZcBl6x1mA+oEfUANwsh/qbG3prLa3BIKbMB5AHoptR43XFg/ySgrkCJPczUhgSis4Eh64BoZSO5CgCjhBBeCd0rcEgpYwFsc/qJ6L/H+m+BvVc7jG7C1D4J0Mho2GdA1EWq9dCPZqwQwqJawMXnLTio5KKbgD41VgB7r3VYYoXJNxKgJdqwvwMRapM2gD8KIbg3NESGwSGlnALgfaUNqLUWODAJqNxiqFNhZgUJJF4BXLIOMMcoMNs3qFOFEGtUmL2aOaSU9DulZRKdkLWJ9pj5Mxx2F2HyjwRoJ5LztsPuVZ/oDD5ECEH/XiUyNHNIKd+lilap5mPzgW9pNxwmv0rgorlAP95xKtF7QogfKnEqLQ3OmqSUkwGoTUvlfwPy1TCk2tEwn4YEct4DkqlVUKIpQoi1KpxKM4eUMg4AzeR76VZKs//dY4HGThOJQHfIAWeISAJGbHO4T+jTSQCDhBA1eqyq4KAqlgau2mRrAPZNAKq263GGn/taAgljgKGbABOjUujSIiEErzw0SRccUkpqXGijp78tLlwAnKLhV5gCIoGeDwFZSlcqtQByhBB0w/RIKuBg2IBZuoOt2Q/sHufwGgtTYCTAU8uIrUCckjvQCiEEw1l4Bw5nTAxq2LTvTnj9vu/asD4jMJBo3ir1H0P/rnLNz7sXHm09ulxqzhxSylXOCDrawy5dARwxrIALBlF2zj4MeBVI05/sGXFICDHdkxA8gkNKSW937jW0Lcd5Ktk13OGYHKbgkABvbkfuAXiK0SZajHHvQe/+VqQFjldoE6BXO47+HCh+WZctzNDBEsi4F+j/jEqjS4UQ9yiDQ0rJ+JzcyfL21TPVnwB2DumcZn7R/YCkiUBkiuM2+ezHoTU70szw8v1AlK6TIW9r+wghGLOsGbU5c0gpfwlgiS7sjtwPlNKZrRMRd/x9nwYuou2m2z7cagG+edThpxsqlPZjYABNe3XpYSHEb1XB8bVuhJ36YmDnoE42a5iBi98AUqd6luaRe4BSuomEANlnj0NAVIZeZw8LIS7WBYeU8j8BfKZXG75ZCJz8nS5b6DCYgIF/BHrcpt1lRgLK6w/YqEcKAer1C6Cvku331UKI/3MfUatlRUrJdYKR/DwT7TTy+gE05OkslP0SkK497Kah7r8JqNgUGiOnQdCoYyp2H4xo+GOP4HCGYuJ9f3fNkZeuBI6oGYKFhAT7PevYY6gSvfNKX1flDjzfgD8BaQx2oElnGSfePcRUs5lDSnkDAH1r5b3XdB5taN+nHDEzjFDBT4GSPxkpEVjexPEOs0J9+oEQ4mMXW0tw6NuG0m1x52D9ZkKBI3MBkPmI8Z6GGjg4wssPOtwstYmht3/iCRyMGqNts3Hid8DxhXqNBP9z9Y1a67GEIjj6PAn0/oXeezkphGhSjDTNHFJKXuXxkk2bvhoH1OzW4wru5xf9FOjX6liv3udQBEfcCODSrSpjHCqEoJ3wd4HmnVF4GIfbM9WfAvLoyxTClP4TRzSd9gSYDUVw8JWNKgCieuq9vAdd0YLcZw7G1dDQ/gAoWQ4UGNjV63Wjo5/3mAUMWOptHK7vehuq4Mh+BUhnaHlNel8IYTcAdgdHsW7Kq/yZoRtgpccdjqAo3kfxC31wMIrhIN0YcyVCCLtK1Q4OKSW3scf0IIXtfYM7JJPdf8PtPsQcC8QOATLuBlKmtm8pcRdOqM4cDC01hjkMdamfEKLQBQ56sWnHXKo9BuxiksUgI7oG9noIYJgC3qC2Zy+hOrSCuUBJu6IbqLbke76RB4CYfnr13kLvOBc4eDZ9QrPE6VXA4R/pVdqxz3vcDlDtbSywSfv7WLUT4Ob8wimAITGr8oDagCY4UB/TwNeBHh6Nv1z1PC6EeNIFDn1PtsJHgVPahxn1HvqA024ruUHVFdAHDbpVQXA0MM2sG1kOA6V/Cf5guj0fBLKYjEGT7J5xLnBQcTFck/3AzY6sBMFCw/7hyFIQCGoLHK5+MOLy6TedwXUC0TmdNmnAxCAw2rRHCDHCBY7zABI1+fMGORLZBANF9gBGf9Mx+4u2xqsFDvJX7nCaM/gkqJ9vJc6EQqN0l8BKIURXIaXkDSw9sD0TfVE2MxZEkEQUjh8FjPjct0IzUpseOFgX/YVL/2yk1g7iNQPjK1SW42SCgym992j2rO4bYCfTugYJJV4JDAugPYUKOCiqE0uCM3b75flAdF+9lzmc4LgawD80Oc9vAfa1L02KXk8MPQ8VcDDcFYP7I8iWl6GfAl2Z5V2Tvk9wMF4DI996pvKPgHxjgYn1Wm7X81ABBwfJHDGVzDEcRJTzDpCsG4H8VoJjtjOOqOfeB9udSiiBg7PuKSX/kY5Dj9odyxyCg/PeHzR7dup/gUJ6KwQJhRI4aG/7NV0TGZYrSCjrt0DPn+p15mcEh76PyslngG/0w3Poteaz56EEDg76yJzgcojquwjoxTyMmvQwwcG3rh3UoehpoEjJvF2vQd88DzVwHPslUHfUN2P3RS2ZC4HMX+nVtCAMDj0RtfVc9SjrKnvsF0Cd/qW3N13xqowBcISXFaMSNgoOZohgavRgIdVlxWq1/sxkMmknkQtvSJu/ViPgaKwMvttshQ2pzWabJ6xW6xyTycRwC54pfJT1HhwVnwHfKjkzd9y8onCUtdls9wiLxTItJiaGEXw8U1gJ5j04ip4Cqnd13ItXaUlBCVZbWztdlJeX53bv3n2DZp1h9bl34KgtAAqNZ09Veb/t4lFQn589e3aiKCoqurx3797Mm+KZwhdvxsHBbNrHHwcsB9v1Hv1SWOHi7cSJE6PEBx98cNFNN910SrMTwXZlr+776RfZQmVDWvomUK4WDdw/nfRUq9qV/YcfftiTxj4xUkp61oeOsQ9zwY8MYCowPXCUfxy8EY/UjX3SCY7oCxcu7IyMjNQ2LWdutnPaW5OO+waYgTFFQKR2pAi/9ccTODjDlrwOnFvvt6bbXbGCmWBDQ8OBLl26XE5wRNXU1LwbGxurfYcbbAbGmY8DmX5J4a4v/5bgYJDeys3A6beC26+HI1MwMLZYLB/FxcXZDYwjy8rKfp2cnKy9rQ421wRTNDBkA5A4Wv9l+pqj4nOg9muna8Ieh7VXI2OfhAApuCaUl5cvSUlJWUBwmAsKCmb279//Dc2hBaNTkykO6P8sQP8VoR1L16evLVQ93igEBaemo0eP3pmdnb2S4BCrVq26dNq0afqammB1h2SszW7fB7pkNPeFFdFAbA6QdC1givIdPkIVHIrukKtXrx45ffr0r1yO1MlWq/WgyWTqoSnBUHWkJngGvgZ0vco3AAlVcCg4UttsttNms5mhm8pd4OhWU1OzIjY2dpKm9ILtjsXIq2ZMTibL686wZ+2kUAWHwp2KxWJZFxcXR9O1Chc4EkpKSuampaVpG/2EevAWAmTQmyrGtdroCVVwKARvKS0tXZCens7MjVUucMSuX79+5MSJE/U9hUI97JOIBC5eAaTc7P30EYrgUAz7tGHDhu9dd9113H9aXODoQg2p1WrdYzKZtPNgd4aAcYzjwTDWXIO9oVAEh0LAOJvN9q3ZbKbPdCWACy5wMOJJUnV19bPO9cazyDpLqEkChGf+VC9SnIYiOBRCTXLfGR8f/yAApva0usch7X7w4MHcnBzu2nSo0wSpNTtOMT2m6Y24+fNQA4fiRWV+fv6MwYMHM5SCXaPnDo6EkSNHxu/YsYNHWnpNe6ZOFd5aMSC+uzToalCqrTM0hjY/cyuEt7bZbBWjR48evGvXrmpuRluCg6lB46qrq/8QFxenHSi70wXGNwEDlgFpt6u9pX03AOf1E0uoVeZnLsXA+DU1NSvj4+N/BoDJiO0pIdxnDvu+Y8+ePVcMGzbsA90ud7qUGgKw6wHu1B76hRIg7+LQyTOjGKl57969Nw8fPnyLa7/REhz8m3fgpsbGxm1ms7m/ppQ6ZTIeAuRFz6k1ePt66DagXDcyju53q0MYFJPxWK3WoxEREWOd4QCabhBb5luJp33HmTNn7k9JSXlcdwCdMY0XB81vW+/5AENVuujCaeDovNCKw6qYxqusrOyJ1NRUmsjXAeCew04twWHXdzz11FPd58+fv1sIoZ2ivDMnAGTaza5Xf5cA8Pw/Qyc7k/3NqiUAlFLWLl68eMQjjzzCGcOu3/AEjqalpbq6+rdxcXH6sSXDqUN1J9iAMCimDq2pqXk9Pj6eXo+MMNPMKKWt7JD2pWXNmjX9Jk+ezDD74aTDAXm77WjUQNLhtWvXjpsyZQodeZstKW0tK/xfJICu/MVisbwaExPD6MbaFE5Xriehjn2umK68trZ2TWxsrCvPPCNKNrh31FNGaua5Nn/00UcDJk2a9EXzgOJtjJO7+H3Xdp7UXh37Kn3bmj14799VwnBa161bd9WNN954xBkmkirzZuQJHHaFGDmrq6tfiouL0w8IVrMf2D0OoAV2mAIjAd4XjdgKxDGvkjbV1NS8Ex8ff5+Tq0nxpTJzcJ/B2UOsXLmy14wZM7YKQZs7HSpcAJz6vR5X+Lm/JNDzISBL2ySHTUsp695+++1xM2fOPOmMR8VZo1XIQ08zB+uwb0z5y7lz5+Z369ZNN04QbA3AvglA1XZ/DT9crycJJIwBhm4CTNwyalNFRcUzSUlJi51crTairtJa4LCr08k4a9as2OXLl2/VtfUgc90JYPcYoLHVEqbX5/BzbyVAncyI7UB0U+4+jzXRZuOuu+4at2LFCouTyX4931YBLXCQP4FOT/zlyJEj12dnZ/9Fqf8M7ZzvhZ2EUuVhplYSyHkPSP6BkmAKCgruGDBgwCdO5nrXDaw34GiaPVjYYrG8FhMTc5NSL47NB76lKWKY/CqBi+YC/VwrhHZLtbW1H8bGxrqnJPc4a7AmvZmj2ezxwgsv9Lj//vu/EELoO6ny1JI/Azi7zq+y+beuvPskh0W9PX2ZNkkpz7744otXPfDAA65EMZqzhio4mk4uLFBQUHBD//79lysBi3YfByaF9R96b86b59RnXLIOMGtffzmrlkePHr0rOzvblYqcEXPbPKG4d0Vl5iA/ryebrigrKyufTUhIoG+DPjVWAHuvBSwH9HnDHGoSYF475qanIY8CVVVVrUhMTKRtqIu4GXVtSD3WoAoO8vHkYr9nmT59esyKFSvWR0REqCW1Z/aAvVcD9UUKQwmzaEogKhMY9hkQpe0k4KqjsbHx4KxZs65btWqV3brLqc/grKEbb1sVHKzUfp3vavT999/PmjJlyiZm9FF6nXXHgf2TgLoCJfYwUxsSiM4GhqwDovsoiUdKeX7NmjUTpk6dWuhWoNm1vFZFRsDBepqOtvwjPz9/wqBBg1bo3r24etBwBmAQmOoARuVREmsQMsVf5sjNxhtXNbIeOnRoVk5OjnvWIt1NqHvVRsHBZYULXdM1/smTJ+/o2bMndeZqdVmrgfzpQMWnakMMczly5uasAsxUWiuRPHXq1EO9evVy10tRPV5hJDOQ2gtt3p9mywsflZWV/Tw5OVk9zI7tAsCQz2WrlUb6b82UOg3gFbyB3Lnl5eWLU1JSWiZ5UV5OXPL2Bhws23Tv4qqosrJycUJCgruCRfud8pq/+BWg8FehY8ndkSilmV/W00DGPSrX7009q6qqei0xMbHlF9Xj/Ykv9xzuoOJGtEn7kpaWZiosLFwWExMz2ZAMq/4FfH07QDfLMDkkEJ0FXPwmkHCZIYnU1tauzcrKml1aWup+w0obChry6J5OWjbm7czBeqhaJ0Ca9h9XXXVV5MaNG1+Pjo6eaGhUjeeBI/eGlmW3oQEaYE6+BRjwMhChdgh01VxXV7chNzf3R1988YW7NRdBQmB4lfO1PeBgv1rtP4YMGWLetm3bc3FxcTMMiIRGBsCZ1UDh/OCPyGdoYIrMDMmUtRjgHkMYey01NTVvjx07dt7+/ftbgsDwPsO9t8Z60fY4afPRaht97ty5Bd26dXtAUTTfsXEWOf4kULzMW8AbbjKwBcxAxmygz0LDswX7XVFR8UJSUlJbFj70P+Few2vyBTjYeDP1uqs3JSUlc9LS0p7QtWBvq/vVux05WRnGsbNSwmig//NA/AhvRmgrLS19PD09fWkbhZXU43qN+gocbKfVCYb/PH78+NTMzEze3RsP58fg8mVrgaJfA7W6+df1xho8z2MGAZkLgJTJ3obIrC8qKprbp0+f99sYlFcnk7aE40twsP5mGlRXg9u2bbt01KhRr5tMpp5evSFpBcr+6kjgW/OVV1UERaG4S4Fe8xwRhQT388bJZrOdysvL+9HYsWPbEoQhDahe674GB9vj/Qs3qs1oyZIlyXPnzn01Kirqe3qd0nzO6MHFSx12IrKZm0W7qvVbYcYgo91FxhygW/uGXl9f//nzzz9/98MPP9xWwji6MXID6jPyBzg8LjHp6eli375996WkpDBvZSsAGRoVHZtPrwTOvBucswlnidQfAj1mAl20w7sqjPtCWVnZ00OHDn2ppKSkLX2Fz5YS9774Cxxsg34vbVqifPnll0PHjBnzUkRERI6CYPRZao86wiKc2whUbg3MjMIZInEckJQLJE8GYrQjWOgPysHR2NiYv3379vuuvPLKfR7K8Cqefic+J3+Cg51tco5q2fORI0dGbtiw4YHk5OR5Xm1WPYmiscqRwYAg4admD2D16WzraNmcCMQNdwDC/hkPRHDL5TOqLy8vf27ixIkv7Nq1y9P62aYzkq964G9wsJ88pfAk02ZbdLmcMGHCb6Kioq721aCa1UPlGo2MaInGGab+OFBX5EgfzlyvDWcBWz0g+Wl02GOKKEesdOZziUh2XJNHZwJMZMMZgZZYNLoxqKxSHV99ff1nmzZtetTpqthWMS4t1GNwA+o36ghwsPO8g+FG1aPH/uHDh3P79ev3pG5EIb+JIvAVM8LOsWPHFg4cOJAR/TwRVeKcCv3ud9pR4OBA2RYB4tEla/DgwREbN26cnpGR8aDJZNL30An8+/RJD2w224ni4uJnc3NzVx08eFDrpXN5ITAMX6J509GOBIerf9yHUKPqsW1e4L3zzju3paam3ms2m/t5M7BQKGO1Wo+dOXPm5VtvvfWtFhdmLbtPMFDr6bID7ZDhBQIcrmWG+xBNhwuaAWzevPm6zMzMOZGRkQxoFqj++vJlyIaGhm1FRUVLx48fv77F9Xpb7XAm4f7C78tIy8YDLWzOIJxJdPvxySefDLjiiituT0hImCaESPbl2+qIuqSU5VVVVau3bNny5vXXX8+YGHrE2YIzha4LgV5F3j7XfSneVmygHPXI1IkoKcVGjRoV8cYbb/xHZmbmzbGxsTcoW78b6JCvWGn9bbFYPi4qKvrgzjvv/GdeXp7qt5/aTh5TvbLD8FX/gwEcrrEQHASJ8qUDgbJs2bLRWVlZ18THx3/f6UfTgcneWr0GG/1Eqqur/1FYWPjp7NmzdxgABCsjGAiKpoh+vnrR3tQTTOBw9Z/2IVxuDL/kxx57rOttt902KiMjY3RMTMylkZGRg3VTk3kjNWcZprxqaGg4WFtb+1VxcfGOt956K2/RokW0vDJKPJ5y+WiX/YXRRvX4gxEc7iDhfkR5JmlrsLzwy83NHZSSkpIZGxubGRUV1TsiIiLFZDJ1N5vNdAhPEILWvOgihIiQ0h636oKUkt/eKqvVetZms51tbGwsq6+vP2GxWIrKysqKNm7ceMjDBZiezN2fc6bgviKoQOHqYDCDw9VHalg5m+iHrDHyWgLLS30FAeFXDWd7hxgK4HCNkTMIQUKwGF5y2isoH5Tn0kEwEBQB3WiqjiWUwOE+Jvsy4ARKMI+Bx1ECgktUUGwyVYFBvmAWrOo4uNwQKPypH8VEtVbv+bhn4bJBMISANZLngXYGcLiPjuMhSPjhMkSw+HMJ4lJBMHCZIBD46ZB7D++xq16ys4GjrZETHASK6yd/57j5N3+6Pq6Z1PVy+dP1IQj4O0HAD/92/VSXdohx/j92MMurqvaDXgAAAABJRU5ErkJggg==); background-size: contain; width: 88px; height: 91px; z-index: -1; } .drag-figure { width: 100px; background-color: rgba(255, 255, 255, 0.5); } .drag-figure img { width: 100%; } .drag-circle { color: #333; background-color: rgba(255, 255, 255, 0.2); border-radius: 50%; } .drag-circle .select-color { position: absolute; right: 0; top: -24px; } .drag-circle .drag-remove { right: -20px; } .drag-line { min-height: auto; line-height: 0px; color: #333; background-color: rgba(255, 255, 255, 0.3); } .drag-line .select-color { position: absolute; right: 0; top: -24px; } .drag-line .drag-remove { right: -20px; } .drag-button { min-height: 58.5px; line-height: normal; width: 195px; } .drag-button .drag-ui-button { outline: 0; width: 100%; height: 58.5px; color: #fff; background-color: #f90; border: 1px solid #f90; font-size: 16px; border-radius: 4px; font-weight: 400; text-align: center; vertical-align: middle; white-space: nowrap; line-height: 1.5; user-select: none; } .drag-arrow { width: 100px; height: 100px; border: 1px dashed rgba(0, 0, 0, 0.5); display: flex; align-items: center; justify-content: center; } .drag-arrow .arrow-inner { width: 91px; height: 49px; } .drag-arrow .left { transform: rotate(180deg); } .drag-arrow .left-top { transform: rotate(225deg); } .drag-arrow .top { transform: rotate(-90deg); } .drag-arrow .right-top { transform: rotate(-45deg); } .drag-arrow .right-bottom { transform: rotate(45deg); } .drag-arrow .bottom { transform: rotate(90deg); } .drag-arrow .left-bottom { transform: rotate(135deg); } .drag-audio { padding: 10px 5px 5px; min-height: 60px; border-radius: 8px; background-color: rgba(255, 255, 255, 0.7); } .drag-text { min-height: auto; border: 1px dashed rgba(0, 0, 0, 0.5); } .drag-text .ct-input { width: 100%; } .drag-text .ivu-color-picker { position: absolute; top: -24px; right: 85px; } .drag-text .ivu-select { position: absolute; top: -24px; right: 20px; } .drag-text-blanks { min-height: auto; background-color: #ffffff; max-width: 732px; min-width: auto; } .drag-text-blanks .ivu-color-picker { position: absolute; top: -24px; right: 85px; } .drag-text-blanks .ivu-select { position: absolute; top: -24px; right: 20px; } .drag-tts { min-height: auto; } .drag-tts .ct-input { width: 300px; } .drag-image { max-width: 430px; max-height: 430px; border: 1px dashed rgba(0, 0, 0, 0.5); } .drag-image img { width: 100%; } .poptip-figure-content { overflow: hidden; white-space: normal; } .poptip-figure-content .poptip-figure-item { display: inline-block; margin: 5px; min-width: 60px; } .poptip-content { text-align: center; overflow: hidden; } .poptip-item { display: inline-block; margin: 0 5px; } .poptip-item .left { transform: rotate(180deg); } .poptip-item .left-top { transform: rotate(225deg); } .poptip-item .top { transform: rotate(-90deg); } .poptip-item .right-top { transform: rotate(-45deg); } .poptip-item .right-bottom { transform: rotate(45deg); } .poptip-item .bottom { transform: rotate(90deg); } .poptip-item .left-bottom { transform: rotate(135deg); } .poptip-item img { width: 30px; } .init-svg { width: 100%; height: 100%; } .line-svg { stroke-dasharray: 1000; stroke-dashoffset: 10; animation: drawLine 3s linear forwards; } .show-property { position: absolute; bottom: 0; right: 0; } @keyframes drawLine { 0% { stroke-dashoffset: 1000; } 100% { stroke-dashoffset: 0; } } .circle-svg { stroke-dasharray: 20 5; animation: none; } @keyframes drawCircle { 0% { stroke-dashoffset: 0; } 100% { stroke-dasharray: 1500 1500; } } .rotate-x { transform-origin: center center; } .drag-bubble .ivu-color-picker { position: absolute; top: -24px; right: 20px; } .bubble-button { display: block; width: 130px; height: 98px; border-radius: 49px; position: relative; border: #FFF044 solid 1px; background-color: #FFF044; } .bubble-button:focus { border: none; outline: none; } .bg-grid { background-color: transparent; background-position: 0% 0%; background-size: 16px 16px; background-image: linear-gradient(90deg, rgba(0, 0, 0, 0.1) 1px, transparent 1px), linear-gradient(rgba(0, 0, 0, 0.1) 1px, transparent 1px); } audio { outline: none; } .action-box { max-width: 1012px; } .action-item { margin-bottom: 20px; } .action-item .audio-test { display: inline-block; vertical-align: middle; margin-right: 20px; } .action-item .ivu-upload { display: inline-block; vertical-align: middle; } .action-answer-item { margin: 0 0 15px; } .action-btn { text-align: right; } .action-btn.action-btn-left { text-align: left; } .cardBg { background-color: #e8eaec; } .lock-box { text-align: center; color: #999; padding: 15% 0 10%; } .lock-box > div { padding: 40px; } .poptip-remove { position: absolute; right: -4px; top: -4px; line-height: 0; opacity: 0; } .pageNumShow { position: absolute; left: 45%; bottom: -10px; line-height: 0; } .pageHiddenShow { position: absolute; left: 40px; top: -4px; line-height: 0; cursor: pointer; } .explanationSubtitles { position: absolute; right: -10px; top: -40px; cursor: pointer; } .image-upload-type { padding: 5px 0; } .image-upload-type > div + div { margin-top: 10px; } .module-list { display: inline-flex; padding: 10px 10px 10px 0; background-color: #f3f3f3; white-space: nowrap; } .module-list-item { display: flex; max-width: 100px; user-select: none; background-color: #fff; border: 1px solid #eee; text-align: center; position: relative; transition: hover 0.3s linear, box-shadow 0.3s ease-in-out, opacity 0.3s; margin-left: 10px; } .module-list-item > div { width: 100px; height: 100%; padding: 10px 0; } .module-list-item.curr { box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1); border-color: rgba(34, 153, 238, 0.5); } .module-list-item.set-box { min-height: 100px; border-style: dashed; cursor: pointer; } .module-list-item.set-box .ivu-icon { margin: 15px 0 5px; } .module-list-item .remove-course { position: absolute; left: -7px; top: -7px; opacity: 0; transition: opacity 0.3s; } .module-list-item .edit-course { position: absolute; right: -7px; top: -7px; opacity: 0; transition: opacity 0.3s; } .module-list-item .ivu-dropdown { position: absolute; right: 3px; top: 3px; } .module-list-item .ivu-dropdown a { color: #666; } .module-list-item img { width: 50px; height: 50px; background-color: #eee; } .module-list-item p { height: 22px; line-height: 22px; margin: 0 5px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .module-list-item:hover { box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1); } .module-list-item:hover .remove-course { opacity: 1; } .module-list-item:hover .edit-course { opacity: 1; } .preview-list { display: inline-flex; width: 750px; overflow-y: visible; overflow-x: auto; padding: 9px 8px; } .preview-item { display: flex; flex-shrink: 0; width: 100px; height: 100px; line-height: 0px; position: relative; margin-bottom: 10px; background-color: #f8f8f9; border: 2px solid #ffffff; background-size: cover; background-position: center; background-repeat: no-repeat; opacity: 0.5; transition: hover 0.3s linear, opacity 0.3s; } .preview-item:hover { border-color: rgba(60, 105, 138, 0.5); opacity: 0.7; } .preview-item.curr { border-color: rgba(34, 153, 238, 0.5); opacity: 1; } .preview-item.curr .poptip-remove { opacity: 1; } .preview-item.file-upload { background-color: #ccc; text-align: center; opacity: 1; } .preview-item.file-upload .upload-add-button { cursor: pointer; } .preview-item .flex-img { display: flex; width: 100%; height: 100%; align-items: center; justify-content: center; } .preview-item .flex-img > div { width: 100%; height: 100%; background-repeat: no-repeat; background-position: center; background-size: cover; } .preview-item .flex-img > div + div { margin-left: 2px; } .preview-item .preview-img { width: 100%; height: 100%; background-repeat: no-repeat; background-position: center; background-size: cover; } .other-area { position: relative; width: 832px; height: 468px; border: 1px dashed #dcdee2; background-color: #f8f8f9; } .image-box { position: relative; background-color: #f8f8f9; user-select: none; } .upload-image { position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 1; } .upload-image .ivu-upload { background-color: #f8f8f9; padding: 20px; } .upload-image .ivu-upload-drag { border: none; padding: 150px 0 20px; } .upload-image .ivu-row, .upload-image .ivu-col { height: 100%; } .image-preview { overflow: hidden; height: 100%; width: 100%; background-size: cover; display: flex; align-items: center; justify-content: center; } .image-preview .image-item { width: 100%; height: 100%; background-repeat: no-repeat; background-position: center; background-size: cover; } .image-preview .image-item + .image-item { margin-left: 5px; } .image-audio { padding-bottom: 20px; position: absolute; bottom: 0; left: 50%; margin-left: -250px; width: 500px; z-index: 10; text-align: center; } .image-audio .ct-input { width: 300px; } .image-audio .media-upload { display: inline-block; } .up-preview { width: 100%; height: 100%; background-repeat: no-repeat; background-position: top left; background-size: contain; } /* .roobo-editor { .other-area, //.player-box, .image-box, .editor-opt { height: 520px; } } */ .dropdown-list li a { color: #666; display: inline-block; padding: 5px 15px; } .dropdown-list li a:hover { background: #f3f3f3; color: #2d8cf0; } .blanks-main { text-align: left; font-family: Arial; padding: 5px; } .blanks-main p { font-size: 24px; line-height: 1; } .blanks-main span { display: inline-block; font-size: 24px; line-height: 1; overflow: hidden; vertical-align: middle; margin: 5px 0; } .blanks-main span.text-line { border-bottom: 1px solid #666; } .svg-button { cursor: pointer; width: 40px; height: 40px; fill-opacity: 0; stroke: #111111; stroke-width: 1; stroke-dasharray: 20 5; padding: 0px 4px; margin: 0px 10px 5px 10px; } .svg-button2 { cursor: pointer; width: 40px; height: 40px; fill-opacity: 0; stroke: #111111; stroke-width: 1; padding: 0px 4px; margin: 5px 10px 0px 10px; } .snBtn { height: 30px; margin: 20px 5px; } .snBtn2 { height: 30px; line-height: 30px; margin: 20px 5px; } .quanTuText { height: 50px; line-height: 50px; margin: 5px 30px 5px 10px; } .checkView { height: 50px; line-height: 50px; margin: 5px 30px 5px 10px; display: -webkit-flex; display: flex; flex-direction: row; justify-content: flex-start; } .checkViewItem { padding: 0px 10px 0px 0px; } .svgButtonOuter { width: 50px; height: 50px; display: table; } .svgButtoninner { display: table-cell; vertical-align: middle; text-align: center; } .tipsForeditor { font-family: Arial; padding: 5px; font-size: 12px; line-height: 1; } .editor-content { background-color: #f0f0f0; display: flex; border: 1px solid #eee; padding: 5px; max-width: 900px; } .tool-response { border: 1px solid #ddd; padding: 10px; margin: 0px 0px 10px 0px; } .oidFlex { display: -webkit-flex; display: flex; flex-direction: row; justify-content: flex-start; align-items: center; } .addInteractText { height: 30px; line-height: 30px; margin: 0px 30px 0px 10px; } .readPointInteractText { height: 30px; line-height: 30px; font-size: 16px; margin: 0px 10px 0px 10px; } .hide-area { border: 1px solid #ddd; padding: 0px 0px 0px 10px; } .talkTrainHeaderText { font-size: 14px; margin: 0px 0px 0px 0px; padding: 0px; } .showTimeoutTableCell { padding: 0px 20px 0px 0px; display: table-cell; vertical-align: middle; text-align: center; } .talkTrainHeader2Text { font-size: 10px; margin: 0px 0px 0px 0px; color: #aaaaaa; padding: 0px; } .svg-touch { cursor: pointer; } .talk-area { border: 1px solid #ddd; padding: 10px 10px 10px 10px; } .checkBtn { max-width: 900px; padding: 10px 10px 10px 10px; background-color: #f8f8f9; border: 1px solid #eee; } .classShow { width: 600px; display: -webkit-flex; display: flex; flex-direction: row; justify-content: space-between; align-items: center; } .recordStyle { height: 35px; width: 426px; display: -webkit-flex; display: flex; flex-direction: row; justify-content: flex-start; align-items: center; } .questionAudio2 { width: 500px; border: 1px solid #ddd; padding: 10px; } .questionAudio { width: 390px; border: 1px solid #ddd; padding: 10px; } .interact-game-pointRange { width: 700px; display: flex; display: -webkit-flex; flex-direction: column; justify-content: flex-start; align-items: flex-start; } .interact-gameSigmode-correct-btn { display: -webkit-flex; display: flex; flex-direction: row; justify-content: flex-start; align-items: center; } .interact-follow-response { display: -webkit-flex; display: flex; flex-direction: row; justify-content: flex-start; align-items: center; border: 1px solid #ddd; margin: 5px; } .oidstyle { height: 35px; width: 600px; display: -webkit-flex; display: flex; flex-direction: row; justify-content: start; align-items: center; } .el-table__body tr.current-row > td { background-color: #8282ec !important; /* color: #f19944; */ /* 设置文字颜色 */ } .readpoint-list { display: inline-flex; width: 1090px; overflow-y: visible; overflow-x: auto; padding: 8px; } .readpoint-item { display: flex; flex-shrink: 0; border-radius: 5px; width: 100px; height: 40px; line-height: 0px; position: relative; margin-right: 20px; margin-bottom: 10px; background-color: #f8f8f9; border: 2px solid #161616; background-size: cover; background-position: center; background-repeat: no-repeat; opacity: 0.8; transition: hover 0.3s linear, opacity 0.3s; cursor: pointer; } .readpoint-item:hover { border-color: rgba(60, 105, 138, 0.5); opacity: 0.7; } .readpoint-item.son { border-color: #b0c20f; background-color: #b0c20f; opacity: 1; } .readpoint-item.curr { border-color: rgba(34, 153, 238, 0.5); background-color: #0fc20f; opacity: 1; } .readpoint-item.curr .poptip-remove { opacity: 1; } .readpoint-item .flex-img { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; display: flex; width: 100%; height: 100%; align-items: center; justify-content: center; } .readpoint-item .flex-img > div { width: 100%; height: 100%; background-repeat: no-repeat; background-position: center; background-size: cover; } .readpoint-item .flex-img > div + div { margin-left: 2px; } .downloadPanelFlex { display: -webkit-flex; display: flex; flex-direction: column; justify-content: space-around; align-items: center; } .addPictureBookBtn { width: 120px; height: 40px; border-radius: 4px; background: #2472e3; color: #fff; text-align: center; cursor: pointer; } .el-checkbox + .el-checkbox { margin-left: 0px; } .el-checkbox { margin-right: 25px; } .course-module { width: 1014px; overflow-x: auto; background-color: #f3f3f3; border: 1px solid #eee; } .editor-mode { padding: 15px 0; overflow-x: auto; overflow-y: visible; } .editor-tool { background-color: #f8f8f9; display: flex; border: 1px solid #eee; padding: 5px; max-width: 1100px; } .editor-tool .tool-start { display: flex; flex-shrink: 0; flex-direction: column; padding: 5px 10px 5px 0; margin-right: 10px; border-right: 1px solid #eee; } .editor-tool .tool-start .ivu-btn { margin-bottom: 3px; margin-top: 3px; } .editor-tool .tool-action { padding: 5px 10px 5px 0; margin-right: 10px; border-right: 1px solid #eee; width: 380px; } .editor-tool .tool-action .ivu-btn { margin-bottom: 3px; margin-top: 3px; } .editor-tool .tool-main { display: flex; flex-shrink: 0; flex-direction: column; padding-right: 10px; margin-right: 10px; border-right: 1px solid #eee; } .editor-tool .tool-main .tool-column { margin: 3px 0; } .editor-tool .tool-opt { padding: 5px 0; } .editor-tool .tool-opt .ivu-btn { margin-bottom: 3px; margin-top: 3px; } .editor-container { margin-top: 10px; position: relative; } .editor-row { min-width: 900px; display: -webkit-flex; display: flex; flex-direction: row; } .editor-preview { width: 750px; float: top; margin-right: 12px; border: 1px solid #eee; background-color: #f8f8f9; } .editor-main { overflow-x: auto; width: 100%; position: relative; display: -webkit-flex; display: flex; flex-direction: row; align-items: center; } .editor-opt { height: 468px; width: 832px; position: absolute; left: 0; top: 0; z-index: 9; background: transparent; } .drag-box { position: absolute; z-index: 10; touch-action: none; text-align: center; font-size: 12px; border: 0px solid #3dd; /* .ivu-tooltip, .drap-title-pst { position: absolute; top: -24px; left: 0; } .size-val { position: absolute; top: 40%; left: 0; width: 100%; text-align: center; } .ivu-color-picker { cursor: default; } */ } .drag-box-bg { position: absolute; z-index: 8; touch-action: none; text-align: center; font-size: 12px; border: 0px solid #3dd; } .drag-polygon { position: absolute; z-index: 9; touch-action: none; text-align: center; font-size: 12px; border: 0px solid #3dd; } .drag-remove { position: absolute; left: 60px; top: -18px; } .OIDShowInQuantu { position: absolute; left: 0; right: 0; top: 40%; margin: auto; cursor: pointer; width: fit-content; background-color: #ffffff; } .OIDShowInQuantu2 { position: absolute; left: 5px; top: 3px; margin: auto; cursor: pointer; width: fit-content; background-color: #ffffff; } .NameShowInQuantu { position: absolute; left: 0; right: 0; top: 8px; margin: auto; cursor: pointer; width: fit-content; background-color: #ffffff; } .NameShowInQuantu1 { position: absolute; left: 0; right: 0; padding: 2px 0 0 2px; cursor: pointer; width: fit-content; overflow-y: auto; font-family: Times; } .drag-confirm { position: absolute; left: 30px; top: -18px; } .drag-reedit { position: absolute; left: 0; top: -18px; } .drag-box2 { position: absolute; z-index: 11; touch-action: none; text-align: center; font-size: 12px; /* .size-val { position: absolute; top: 40%; left: 0; width: 100%; text-align: center; } .ivu-color-picker { cursor: default; } */ } .drag-title { display: inline-block; font-size: 12px; border-radius: 4px; padding: 0 10px; height: 24px; line-height: 24px; background-color: #ff9900; color: #fff; } .resize-drag { touch-action: none; } .dragonly { touch-action: none; } .click-area { color: #fff; border-radius: 8px; padding: 10px 5px 5px; background-color: rgba(237, 64, 20, 0.5); } .click-area .horn-icon { position: absolute; top: 50%; left: 50%; margin-left: -44px; margin-top: -45px; background-image: url(data:image/png;base64,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); background-size: contain; width: 88px; height: 91px; z-index: -1; } .drag-figure { width: 100px; background-color: rgba(255, 255, 255, 0.5); } .drag-figure img { width: 100%; } .drag-circle { color: #333; background-color: rgba(255, 255, 255, 0.2); border-radius: 50%; } .drag-circle .select-color { position: absolute; right: 0; top: -24px; } .drag-circle .drag-remove { right: -20px; } .drag-line { min-height: auto; line-height: 0px; color: #333; background-color: rgba(255, 255, 255, 0.3); } .drag-line .select-color { position: absolute; right: 0; top: -24px; } .drag-line .drag-remove { right: -20px; } .drag-button { min-height: 58.5px; line-height: normal; width: 195px; } .drag-button .drag-ui-button { outline: 0; width: 100%; height: 58.5px; color: #fff; background-color: #f90; border: 1px solid #f90; font-size: 16px; border-radius: 4px; font-weight: 400; text-align: center; vertical-align: middle; white-space: nowrap; line-height: 1.5; user-select: none; } .drag-arrow { width: 100px; height: 100px; border: 1px dashed rgba(0, 0, 0, 0.5); display: flex; align-items: center; justify-content: center; } .drag-arrow .arrow-inner { width: 91px; height: 49px; } .drag-arrow .left { transform: rotate(180deg); } .drag-arrow .left-top { transform: rotate(225deg); } .drag-arrow .top { transform: rotate(-90deg); } .drag-arrow .right-top { transform: rotate(-45deg); } .drag-arrow .right-bottom { transform: rotate(45deg); } .drag-arrow .bottom { transform: rotate(90deg); } .drag-arrow .left-bottom { transform: rotate(135deg); } .drag-audio { padding: 10px 5px 5px; min-height: 60px; border-radius: 8px; background-color: rgba(255, 255, 255, 0.7); } .drag-text { min-height: auto; border: 1px dashed rgba(0, 0, 0, 0.5); } .drag-text .ct-input { width: 100%; } .drag-text .ivu-color-picker { position: absolute; top: -24px; right: 85px; } .drag-text .ivu-select { position: absolute; top: -24px; right: 20px; } .drag-text-blanks { min-height: auto; background-color: #ffffff; max-width: 732px; min-width: auto; } .drag-text-blanks .ivu-color-picker { position: absolute; top: -24px; right: 85px; } .drag-text-blanks .ivu-select { position: absolute; top: -24px; right: 20px; } .drag-tts { min-height: auto; } .drag-tts .ct-input { width: 300px; } .drag-image { max-width: 430px; max-height: 430px; border: 1px dashed rgba(0, 0, 0, 0.5); } .drag-image img { width: 100%; } .poptip-figure-content { overflow: hidden; white-space: normal; } .poptip-figure-content .poptip-figure-item { display: inline-block; margin: 5px; min-width: 60px; } .poptip-content { text-align: center; overflow: hidden; } .poptip-item { display: inline-block; margin: 0 5px; } .poptip-item .left { transform: rotate(180deg); } .poptip-item .left-top { transform: rotate(225deg); } .poptip-item .top { transform: rotate(-90deg); } .poptip-item .right-top { transform: rotate(-45deg); } .poptip-item .right-bottom { transform: rotate(45deg); } .poptip-item .bottom { transform: rotate(90deg); } .poptip-item .left-bottom { transform: rotate(135deg); } .poptip-item img { width: 30px; } .init-svg { width: 100%; height: 100%; } .line-svg { stroke-dasharray: 1000; stroke-dashoffset: 10; animation: drawLine 3s linear forwards; } .show-property { position: absolute; bottom: 0; right: 0; } @keyframes drawLine { 0% { stroke-dashoffset: 1000; } 100% { stroke-dashoffset: 0; } } .circle-svg { stroke-dasharray: 20 5; animation: none; } @keyframes drawCircle { 0% { stroke-dashoffset: 0; } 100% { stroke-dasharray: 1500 1500; } } .rotate-x { transform-origin: center center; } .drag-bubble .ivu-color-picker { position: absolute; top: -24px; right: 20px; } .bubble-button { display: block; width: 130px; height: 98px; border-radius: 49px; position: relative; border: #FFF044 solid 1px; background-color: #FFF044; } .bubble-button:focus { border: none; outline: none; } .bg-grid { background-color: transparent; background-position: 0% 0%; background-size: 16px 16px; background-image: linear-gradient(90deg, rgba(0, 0, 0, 0.1) 1px, transparent 1px), linear-gradient(rgba(0, 0, 0, 0.1) 1px, transparent 1px); } audio { outline: none; } .action-box { max-width: 1012px; } .action-item { margin-bottom: 20px; } .action-item .audio-test { display: inline-block; vertical-align: middle; margin-right: 20px; } .action-item .ivu-upload { display: inline-block; vertical-align: middle; } .action-answer-item { margin: 0 0 15px; } .action-btn { text-align: right; } .action-btn.action-btn-left { text-align: left; } .cardBg { background-color: #e8eaec; } .lock-box { text-align: center; color: #999; padding: 15% 0 10%; } .lock-box > div { padding: 40px; } .poptip-remove { position: absolute; right: -4px; top: -4px; line-height: 0; opacity: 0; } .pageNumShow { position: absolute; left: 45%; bottom: -10px; line-height: 0; } .pageHiddenShow { position: absolute; left: 40px; top: -4px; line-height: 0; cursor: pointer; } .explanationSubtitles { position: absolute; right: -10px; top: -40px; cursor: pointer; } .image-upload-type { padding: 5px 0; } .image-upload-type > div + div { margin-top: 10px; } .module-list { display: inline-flex; padding: 10px 10px 10px 0; background-color: #f3f3f3; white-space: nowrap; } .module-list-item { display: flex; max-width: 100px; user-select: none; background-color: #fff; border: 1px solid #eee; text-align: center; position: relative; transition: hover 0.3s linear, box-shadow 0.3s ease-in-out, opacity 0.3s; margin-left: 10px; } .module-list-item > div { width: 100px; height: 100%; padding: 10px 0; } .module-list-item.curr { box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1); border-color: rgba(34, 153, 238, 0.5); } .module-list-item.set-box { min-height: 100px; border-style: dashed; cursor: pointer; } .module-list-item.set-box .ivu-icon { margin: 15px 0 5px; } .module-list-item .remove-course { position: absolute; left: -7px; top: -7px; opacity: 0; transition: opacity 0.3s; } .module-list-item .edit-course { position: absolute; right: -7px; top: -7px; opacity: 0; transition: opacity 0.3s; } .module-list-item .ivu-dropdown { position: absolute; right: 3px; top: 3px; } .module-list-item .ivu-dropdown a { color: #666; } .module-list-item img { width: 50px; height: 50px; background-color: #eee; } .module-list-item p { height: 22px; line-height: 22px; margin: 0 5px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .module-list-item:hover { box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1); } .module-list-item:hover .remove-course { opacity: 1; } .module-list-item:hover .edit-course { opacity: 1; } .preview-list { display: inline-flex; width: 750px; overflow-y: visible; overflow-x: auto; padding: 9px 8px; } .preview-item { display: flex; flex-shrink: 0; width: 100px; height: 100px; line-height: 0px; position: relative; margin-bottom: 10px; background-color: #f8f8f9; border: 2px solid #ffffff; background-size: cover; background-position: center; background-repeat: no-repeat; opacity: 0.5; transition: hover 0.3s linear, opacity 0.3s; } .preview-item:hover { border-color: rgba(60, 105, 138, 0.5); opacity: 0.7; } .preview-item.curr { border-color: rgba(34, 153, 238, 0.5); opacity: 1; } .preview-item.curr .poptip-remove { opacity: 1; } .preview-item.file-upload { background-color: #ccc; text-align: center; opacity: 1; } .preview-item.file-upload .upload-add-button { cursor: pointer; } .preview-item .flex-img { display: flex; width: 100%; height: 100%; align-items: center; justify-content: center; } .preview-item .flex-img > div { width: 100%; height: 100%; background-repeat: no-repeat; background-position: center; background-size: cover; } .preview-item .flex-img > div + div { margin-left: 2px; } .preview-item .preview-img { width: 100%; height: 100%; background-repeat: no-repeat; background-position: center; background-size: cover; } .other-area { position: relative; width: 832px; height: 468px; border: 1px dashed #dcdee2; background-color: #f8f8f9; } .image-box { position: relative; background-color: #f8f8f9; user-select: none; } .upload-image { position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 1; } .upload-image .ivu-upload { background-color: #f8f8f9; padding: 20px; } .upload-image .ivu-upload-drag { border: none; padding: 150px 0 20px; } .upload-image .ivu-row, .upload-image .ivu-col { height: 100%; } .image-preview { overflow: hidden; height: 100%; width: 100%; background-size: cover; display: flex; align-items: center; justify-content: center; } .image-preview .image-item { width: 100%; height: 100%; background-repeat: no-repeat; background-position: center; background-size: cover; } .image-preview .image-item + .image-item { margin-left: 5px; } .image-audio { padding-bottom: 20px; position: absolute; bottom: 0; left: 50%; margin-left: -250px; width: 500px; z-index: 10; text-align: center; } .image-audio .ct-input { width: 300px; } .image-audio .media-upload { display: inline-block; } .up-preview { width: 100%; height: 100%; background-repeat: no-repeat; background-position: top left; background-size: contain; } /* .roobo-editor { .other-area, //.player-box, .image-box, .editor-opt { height: 520px; } } */ .dropdown-list li a { color: #666; display: inline-block; padding: 5px 15px; } .dropdown-list li a:hover { background: #f3f3f3; color: #2d8cf0; } .blanks-main { text-align: left; font-family: Arial; padding: 5px; } .blanks-main p { font-size: 24px; line-height: 1; } .blanks-main span { display: inline-block; font-size: 24px; line-height: 1; overflow: hidden; vertical-align: middle; margin: 5px 0; } .blanks-main span.text-line { border-bottom: 1px solid #666; } .svg-button { cursor: pointer; width: 40px; height: 40px; fill-opacity: 0; stroke: #111111; stroke-width: 1; stroke-dasharray: 20 5; padding: 0px 4px; margin: 0px 10px 5px 10px; } .svg-button2 { cursor: pointer; width: 40px; height: 40px; fill-opacity: 0; stroke: #111111; stroke-width: 1; padding: 0px 4px; margin: 5px 10px 0px 10px; } .snBtn { height: 30px; margin: 20px 5px; } .snBtn2 { height: 30px; line-height: 30px; margin: 20px 5px; } .quanTuText { height: 50px; line-height: 50px; margin: 5px 30px 5px 10px; } .checkView { height: 50px; line-height: 50px; margin: 5px 30px 5px 10px; display: -webkit-flex; display: flex; flex-direction: row; justify-content: flex-start; } .checkViewItem { padding: 0px 10px 0px 0px; } .svgButtonOuter { width: 50px; height: 50px; display: table; } .svgButtoninner { display: table-cell; vertical-align: middle; text-align: center; } .tipsForeditor { font-family: Arial; padding: 5px; font-size: 12px; line-height: 1; } .editor-content { background-color: #f0f0f0; display: flex; border: 1px solid #eee; padding: 5px; max-width: 900px; } .tool-response { border: 1px solid #ddd; padding: 10px; margin: 0px 0px 10px 0px; } .oidFlex { display: -webkit-flex; display: flex; flex-direction: row; justify-content: flex-start; align-items: center; } .addInteractText { height: 30px; line-height: 30px; margin: 0px 30px 0px 10px; } .readPointInteractText { height: 30px; line-height: 30px; font-size: 16px; margin: 0px 10px 0px 10px; } .hide-area { border: 1px solid #ddd; padding: 0px 0px 0px 10px; } .talkTrainHeaderText { font-size: 14px; margin: 0px 0px 0px 0px; padding: 0px; } .showTimeoutTableCell { padding: 0px 20px 0px 0px; display: table-cell; vertical-align: middle; text-align: center; } .talkTrainHeader2Text { font-size: 10px; margin: 0px 0px 0px 0px; color: #aaaaaa; padding: 0px; } .svg-touch { cursor: pointer; } .talk-area { border: 1px solid #ddd; padding: 10px 10px 10px 10px; } .checkBtn { max-width: 900px; padding: 10px 10px 10px 10px; background-color: #f8f8f9; border: 1px solid #eee; } .classShow { width: 600px; display: -webkit-flex; display: flex; flex-direction: row; justify-content: space-between; align-items: center; } .recordStyle { height: 35px; width: 426px; display: -webkit-flex; display: flex; flex-direction: row; justify-content: flex-start; align-items: center; } .questionAudio2 { width: 500px; border: 1px solid #ddd; padding: 10px; } .questionAudio { width: 390px; border: 1px solid #ddd; padding: 10px; } .interact-game-pointRange { width: 700px; display: flex; display: -webkit-flex; flex-direction: column; justify-content: flex-start; align-items: flex-start; } .interact-gameSigmode-correct-btn { display: -webkit-flex; display: flex; flex-direction: row; justify-content: flex-start; align-items: center; } .interact-follow-response { display: -webkit-flex; display: flex; flex-direction: row; justify-content: flex-start; align-items: center; border: 1px solid #ddd; margin: 5px; } .oidstyle { height: 35px; width: 600px; display: -webkit-flex; display: flex; flex-direction: row; justify-content: start; align-items: center; } .el-table__body tr.current-row > td { background-color: #8282ec !important; /* color: #f19944; */ /* 设置文字颜色 */ } .readpoint-list { display: inline-flex; width: 1090px; overflow-y: visible; overflow-x: auto; padding: 8px; } .readpoint-item { display: flex; flex-shrink: 0; border-radius: 5px; width: 100px; height: 40px; line-height: 0px; position: relative; margin-right: 20px; margin-bottom: 10px; background-color: #f8f8f9; border: 2px solid #161616; background-size: cover; background-position: center; background-repeat: no-repeat; opacity: 0.8; transition: hover 0.3s linear, opacity 0.3s; cursor: pointer; } .readpoint-item:hover { border-color: rgba(60, 105, 138, 0.5); opacity: 0.7; } .readpoint-item.son { border-color: #b0c20f; background-color: #b0c20f; opacity: 1; } .readpoint-item.curr { border-color: rgba(34, 153, 238, 0.5); background-color: #0fc20f; opacity: 1; } .readpoint-item.curr .poptip-remove { opacity: 1; } .readpoint-item .flex-img { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; display: flex; width: 100%; height: 100%; align-items: center; justify-content: center; } .readpoint-item .flex-img > div { width: 100%; height: 100%; background-repeat: no-repeat; background-position: center; background-size: cover; } .readpoint-item .flex-img > div + div { margin-left: 2px; } .downloadPanelFlex { display: -webkit-flex; display: flex; flex-direction: column; justify-content: space-around; align-items: center; } .addPictureBookBtn { width: 120px; height: 40px; border-radius: 4px; background: #2472e3; color: #fff; text-align: center; cursor: pointer; } .el-checkbox + .el-checkbox { margin-left: 0px; } .el-checkbox { margin-right: 25px; } .course-module { width: 1014px; overflow-x: auto; background-color: #f3f3f3; border: 1px solid #eee; } .editor-mode { padding: 15px 0; overflow-x: auto; overflow-y: visible; } .editor-tool { background-color: #f8f8f9; display: flex; border: 1px solid #eee; padding: 5px; max-width: 1100px; } .editor-tool .tool-start { display: flex; flex-shrink: 0; flex-direction: column; padding: 5px 10px 5px 0; margin-right: 10px; border-right: 1px solid #eee; } .editor-tool .tool-start .ivu-btn { margin-bottom: 3px; margin-top: 3px; } .editor-tool .tool-action { padding: 5px 10px 5px 0; margin-right: 10px; border-right: 1px solid #eee; width: 380px; } .editor-tool .tool-action .ivu-btn { margin-bottom: 3px; margin-top: 3px; } .editor-tool .tool-main { display: flex; flex-shrink: 0; flex-direction: column; padding-right: 10px; margin-right: 10px; border-right: 1px solid #eee; } .editor-tool .tool-main .tool-column { margin: 3px 0; } .editor-tool .tool-opt { padding: 5px 0; } .editor-tool .tool-opt .ivu-btn { margin-bottom: 3px; margin-top: 3px; } .editor-container { margin-top: 10px; position: relative; } .editor-row { min-width: 900px; display: -webkit-flex; display: flex; flex-direction: row; } .editor-preview { width: 750px; float: top; margin-right: 12px; border: 1px solid #eee; background-color: #f8f8f9; } .editor-main { overflow-x: auto; width: 100%; position: relative; display: -webkit-flex; display: flex; flex-direction: row; align-items: center; } .editor-opt { height: 468px; width: 832px; position: absolute; left: 0; top: 0; z-index: 9; background: transparent; } .drag-box { position: absolute; z-index: 10; touch-action: none; text-align: center; font-size: 12px; border: 0px solid #3dd; /* .ivu-tooltip, .drap-title-pst { position: absolute; top: -24px; left: 0; } .size-val { position: absolute; top: 40%; left: 0; width: 100%; text-align: center; } .ivu-color-picker { cursor: default; } */ } .drag-box-bg { position: absolute; z-index: 8; touch-action: none; text-align: center; font-size: 12px; border: 0px solid #3dd; } .drag-polygon { position: absolute; z-index: 9; touch-action: none; text-align: center; font-size: 12px; border: 0px solid #3dd; } .drag-remove { position: absolute; left: 60px; top: -18px; } .OIDShowInQuantu { position: absolute; left: 0; right: 0; top: 40%; margin: auto; cursor: pointer; width: fit-content; background-color: #ffffff; } .OIDShowInQuantu2 { position: absolute; left: 5px; top: 3px; margin: auto; cursor: pointer; width: fit-content; background-color: #ffffff; } .NameShowInQuantu { position: absolute; left: 0; right: 0; top: 8px; margin: auto; cursor: pointer; width: fit-content; background-color: #ffffff; } .NameShowInQuantu1 { position: absolute; left: 0; right: 0; padding: 2px 0 0 2px; cursor: pointer; width: fit-content; overflow-y: auto; font-family: Times; } .drag-confirm { position: absolute; left: 30px; top: -18px; } .drag-reedit { position: absolute; left: 0; top: -18px; } .drag-box2 { position: absolute; z-index: 11; touch-action: none; text-align: center; font-size: 12px; /* .size-val { position: absolute; top: 40%; left: 0; width: 100%; text-align: center; } .ivu-color-picker { cursor: default; } */ } .drag-title { display: inline-block; font-size: 12px; border-radius: 4px; padding: 0 10px; height: 24px; line-height: 24px; background-color: #ff9900; color: #fff; } .resize-drag { touch-action: none; } .dragonly { touch-action: none; } .click-area { color: #fff; border-radius: 8px; padding: 10px 5px 5px; background-color: rgba(237, 64, 20, 0.5); } .click-area .horn-icon { position: absolute; top: 50%; left: 50%; margin-left: -44px; margin-top: -45px; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAIcAAACMCAYAAABWILrJAAAcEklEQVR4Xu1dCXiU1bl+z0xC9kBIQhKBQCAgQTZFNtHea5WgFhXkVkBE7e2t4FIp1laqgo+WKrRVq9cFbK1YRMGloFJlqfVWZQ1U9iAEIgFMAgmELJOEZObc550lTpb5//NPZjIz6XzPM0+W/zvb979zlu98i0AnJyllKoBLAGQB6Ov89ACQDCAFQAKAKABdAEQCaABwAUA9gCoAZQDKAZwG8I3zUwjggBDiTGcWn+hMg5NSJgEYB2A8gMsBDAOQ7scxlgDYC2AngM0AtgohzvmxvQ6tOqTBIaXkN/0KANcDuA7AUACmDpVg88ZsAPYBWA/gEwBbhBCciUKSQg4cTkBcA2AagJsBcLYIVuIs8gGA1QA+DTWghAw4pJQ5AP4HwB3OvUKwAsJTv7h3+QuAPwkh8kOh80ENDikllwjODvMAXAkgqPur+MIlgC8BPMdZRQjBpSgoKSiFLaXkyeG/ATwIYEBQSs43nToC4FkAfxZC8IQUVBRU4JBSRgC4C8BjAPoElaT825njABYBWC6EaPRvU+q1Bw04pJQ3Avg9gIHq3e90nIcBPCSE+CgYRhZwcEgpBwF4HkCuXwQiJVBfBFgOALVHgfrjQF0R0HAGaCwHGs4BtjpA1gOyERARgIgCTNFAZBIQkQxEpgLRmUBUHyCmPxB7CRCVCQi/iW8jgLlCiEN+kYlipX4bnV77ziPpfACPOjWUekXUnjdWAZWbgcqtjk/NHsBaqVbWCJc5EYgbDiSOc37GAxFUtvqMqKH9DYDFgToCBwQcUsrLALwBYIhPRMkZoXwtcG6jAxAyAHonEekASVIukDzZMcP4hvYDuFMI8S/fVKdeS4eCw3k0/blz88UTifd04TRweiVw5l2g5ivv6/FXybhLgdQfAj1mAl14ldMu4kmGm/RnOvLo22HgcF6AvQ2A2k3vqeJzoHgpcHZdYGYIoz3njNJ9EpAxB+j2PaOlW/J/CmBGR134dQg4pJSjAbwHoLdX0pFWoOyvwMnngnOWUB0UZ5Ne84CUWwBhVi3Vku8EgP8SQuzwtgLVcn4Hh5RyJoDXvNp0ShtQthYoWgTUhoTGWU3uMTlA5mNAymRAeHVPyM3qj4UQK9Ua9I7Lr+CQUlLtTd2FcQlU7waOzgWq/P4F8U5yviiVMBro/zwQP8Kb2qh2p06Eani/kN/AIaVcDOBhw71uPA8cfxIoXgbAarh46BUwAxmzgT4LgYiu3nR/iRCCKgGfk8/B4VSB/9GpBlfvMJVVZ1YDhfOBhlL1cp2FMzINyFoMpE7zRrm2HMBPfK169yk4nBdm3HhSFa5OnC2O3AuU/1W9TGflTL4FGPCyN7MIVe7cqPrsAs9n4HDqMHhUvdXQe6v6F/D17UAdzTLDZJdAdBZw8ZtAAnWFhugd51HXJ2YAvgTHiwDuUx4Kl5HiV4DCXwHSZ2BXbj7oGUUXIOtpIOMeo8vMS0KI+30xPp+AQ0q5AMCTyh2yXQAO3w2U0XouTJoSSJkGDHwVMBlSKC8UQvy6vZJtNziklHcDWKpspWWtBvKnAxVU9oVJSQLdrgFyVgHmeCV2ALQ2myOEeFW1QFt87QKHlPIHTgNaNXUfr8kPTAaqO/wOqT0yCo6y8ZcBl6x1mA+oEfUANwsh/qbG3prLa3BIKbMB5AHoptR43XFg/ySgrkCJPczUhgSis4Eh64BoZSO5CgCjhBBeCd0rcEgpYwFsc/qJ6L/H+m+BvVc7jG7C1D4J0Mho2GdA1EWq9dCPZqwQwqJawMXnLTio5KKbgD41VgB7r3VYYoXJNxKgJdqwvwMRapM2gD8KIbg3NESGwSGlnALgfaUNqLUWODAJqNxiqFNhZgUJJF4BXLIOMMcoMNs3qFOFEGtUmL2aOaSU9DulZRKdkLWJ9pj5Mxx2F2HyjwRoJ5LztsPuVZ/oDD5ECEH/XiUyNHNIKd+lilap5mPzgW9pNxwmv0rgorlAP95xKtF7QogfKnEqLQ3OmqSUkwGoTUvlfwPy1TCk2tEwn4YEct4DkqlVUKIpQoi1KpxKM4eUMg4AzeR76VZKs//dY4HGThOJQHfIAWeISAJGbHO4T+jTSQCDhBA1eqyq4KAqlgau2mRrAPZNAKq263GGn/taAgljgKGbABOjUujSIiEErzw0SRccUkpqXGijp78tLlwAnKLhV5gCIoGeDwFZSlcqtQByhBB0w/RIKuBg2IBZuoOt2Q/sHufwGgtTYCTAU8uIrUCckjvQCiEEw1l4Bw5nTAxq2LTvTnj9vu/asD4jMJBo3ir1H0P/rnLNz7sXHm09ulxqzhxSylXOCDrawy5dARwxrIALBlF2zj4MeBVI05/sGXFICDHdkxA8gkNKSW937jW0Lcd5Ktk13OGYHKbgkABvbkfuAXiK0SZajHHvQe/+VqQFjldoE6BXO47+HCh+WZctzNDBEsi4F+j/jEqjS4UQ9yiDQ0rJ+JzcyfL21TPVnwB2DumcZn7R/YCkiUBkiuM2+ezHoTU70szw8v1AlK6TIW9r+wghGLOsGbU5c0gpfwlgiS7sjtwPlNKZrRMRd/x9nwYuou2m2z7cagG+edThpxsqlPZjYABNe3XpYSHEb1XB8bVuhJ36YmDnoE42a5iBi98AUqd6luaRe4BSuomEANlnj0NAVIZeZw8LIS7WBYeU8j8BfKZXG75ZCJz8nS5b6DCYgIF/BHrcpt1lRgLK6w/YqEcKAer1C6Cvku331UKI/3MfUatlRUrJdYKR/DwT7TTy+gE05OkslP0SkK497Kah7r8JqNgUGiOnQdCoYyp2H4xo+GOP4HCGYuJ9f3fNkZeuBI6oGYKFhAT7PevYY6gSvfNKX1flDjzfgD8BaQx2oElnGSfePcRUs5lDSnkDAH1r5b3XdB5taN+nHDEzjFDBT4GSPxkpEVjexPEOs0J9+oEQ4mMXW0tw6NuG0m1x52D9ZkKBI3MBkPmI8Z6GGjg4wssPOtwstYmht3/iCRyMGqNts3Hid8DxhXqNBP9z9Y1a67GEIjj6PAn0/oXeezkphGhSjDTNHFJKXuXxkk2bvhoH1OzW4wru5xf9FOjX6liv3udQBEfcCODSrSpjHCqEoJ3wd4HmnVF4GIfbM9WfAvLoyxTClP4TRzSd9gSYDUVw8JWNKgCieuq9vAdd0YLcZw7G1dDQ/gAoWQ4UGNjV63Wjo5/3mAUMWOptHK7vehuq4Mh+BUhnaHlNel8IYTcAdgdHsW7Kq/yZoRtgpccdjqAo3kfxC31wMIrhIN0YcyVCCLtK1Q4OKSW3scf0IIXtfYM7JJPdf8PtPsQcC8QOATLuBlKmtm8pcRdOqM4cDC01hjkMdamfEKLQBQ56sWnHXKo9BuxiksUgI7oG9noIYJgC3qC2Zy+hOrSCuUBJu6IbqLbke76RB4CYfnr13kLvOBc4eDZ9QrPE6VXA4R/pVdqxz3vcDlDtbSywSfv7WLUT4Ob8wimAITGr8oDagCY4UB/TwNeBHh6Nv1z1PC6EeNIFDn1PtsJHgVPahxn1HvqA024ruUHVFdAHDbpVQXA0MM2sG1kOA6V/Cf5guj0fBLKYjEGT7J5xLnBQcTFck/3AzY6sBMFCw/7hyFIQCGoLHK5+MOLy6TedwXUC0TmdNmnAxCAw2rRHCDHCBY7zABI1+fMGORLZBANF9gBGf9Mx+4u2xqsFDvJX7nCaM/gkqJ9vJc6EQqN0l8BKIURXIaXkDSw9sD0TfVE2MxZEkEQUjh8FjPjct0IzUpseOFgX/YVL/2yk1g7iNQPjK1SW42SCgym992j2rO4bYCfTugYJJV4JDAugPYUKOCiqE0uCM3b75flAdF+9lzmc4LgawD80Oc9vAfa1L02KXk8MPQ8VcDDcFYP7I8iWl6GfAl2Z5V2Tvk9wMF4DI996pvKPgHxjgYn1Wm7X81ABBwfJHDGVzDEcRJTzDpCsG4H8VoJjtjOOqOfeB9udSiiBg7PuKSX/kY5Dj9odyxyCg/PeHzR7dup/gUJ6KwQJhRI4aG/7NV0TGZYrSCjrt0DPn+p15mcEh76PyslngG/0w3Poteaz56EEDg76yJzgcojquwjoxTyMmvQwwcG3rh3UoehpoEjJvF2vQd88DzVwHPslUHfUN2P3RS2ZC4HMX+nVtCAMDj0RtfVc9SjrKnvsF0Cd/qW3N13xqowBcISXFaMSNgoOZohgavRgIdVlxWq1/sxkMmknkQtvSJu/ViPgaKwMvttshQ2pzWabJ6xW6xyTycRwC54pfJT1HhwVnwHfKjkzd9y8onCUtdls9wiLxTItJiaGEXw8U1gJ5j04ip4Cqnd13ItXaUlBCVZbWztdlJeX53bv3n2DZp1h9bl34KgtAAqNZ09Veb/t4lFQn589e3aiKCoqurx3797Mm+KZwhdvxsHBbNrHHwcsB9v1Hv1SWOHi7cSJE6PEBx98cNFNN910SrMTwXZlr+776RfZQmVDWvomUK4WDdw/nfRUq9qV/YcfftiTxj4xUkp61oeOsQ9zwY8MYCowPXCUfxy8EY/UjX3SCY7oCxcu7IyMjNQ2LWdutnPaW5OO+waYgTFFQKR2pAi/9ccTODjDlrwOnFvvt6bbXbGCmWBDQ8OBLl26XE5wRNXU1LwbGxurfYcbbAbGmY8DmX5J4a4v/5bgYJDeys3A6beC26+HI1MwMLZYLB/FxcXZDYwjy8rKfp2cnKy9rQ421wRTNDBkA5A4Wv9l+pqj4nOg9muna8Ieh7VXI2OfhAApuCaUl5cvSUlJWUBwmAsKCmb279//Dc2hBaNTkykO6P8sQP8VoR1L16evLVQ93igEBaemo0eP3pmdnb2S4BCrVq26dNq0afqammB1h2SszW7fB7pkNPeFFdFAbA6QdC1givIdPkIVHIrukKtXrx45ffr0r1yO1MlWq/WgyWTqoSnBUHWkJngGvgZ0vco3AAlVcCg4UttsttNms5mhm8pd4OhWU1OzIjY2dpKm9ILtjsXIq2ZMTibL686wZ+2kUAWHwp2KxWJZFxcXR9O1Chc4EkpKSuampaVpG/2EevAWAmTQmyrGtdroCVVwKARvKS0tXZCens7MjVUucMSuX79+5MSJE/U9hUI97JOIBC5eAaTc7P30EYrgUAz7tGHDhu9dd9113H9aXODoQg2p1WrdYzKZtPNgd4aAcYzjwTDWXIO9oVAEh0LAOJvN9q3ZbKbPdCWACy5wMOJJUnV19bPO9cazyDpLqEkChGf+VC9SnIYiOBRCTXLfGR8f/yAApva0usch7X7w4MHcnBzu2nSo0wSpNTtOMT2m6Y24+fNQA4fiRWV+fv6MwYMHM5SCXaPnDo6EkSNHxu/YsYNHWnpNe6ZOFd5aMSC+uzToalCqrTM0hjY/cyuEt7bZbBWjR48evGvXrmpuRluCg6lB46qrq/8QFxenHSi70wXGNwEDlgFpt6u9pX03AOf1E0uoVeZnLsXA+DU1NSvj4+N/BoDJiO0pIdxnDvu+Y8+ePVcMGzbsA90ud7qUGgKw6wHu1B76hRIg7+LQyTOjGKl57969Nw8fPnyLa7/REhz8m3fgpsbGxm1ms7m/ppQ6ZTIeAuRFz6k1ePt66DagXDcyju53q0MYFJPxWK3WoxEREWOd4QCabhBb5luJp33HmTNn7k9JSXlcdwCdMY0XB81vW+/5AENVuujCaeDovNCKw6qYxqusrOyJ1NRUmsjXAeCew04twWHXdzz11FPd58+fv1sIoZ2ivDMnAGTaza5Xf5cA8Pw/Qyc7k/3NqiUAlFLWLl68eMQjjzzCGcOu3/AEjqalpbq6+rdxcXH6sSXDqUN1J9iAMCimDq2pqXk9Pj6eXo+MMNPMKKWt7JD2pWXNmjX9Jk+ezDD74aTDAXm77WjUQNLhtWvXjpsyZQodeZstKW0tK/xfJICu/MVisbwaExPD6MbaFE5Xriehjn2umK68trZ2TWxsrCvPPCNKNrh31FNGaua5Nn/00UcDJk2a9EXzgOJtjJO7+H3Xdp7UXh37Kn3bmj14799VwnBa161bd9WNN954xBkmkirzZuQJHHaFGDmrq6tfiouL0w8IVrMf2D0OoAV2mAIjAd4XjdgKxDGvkjbV1NS8Ex8ff5+Tq0nxpTJzcJ/B2UOsXLmy14wZM7YKQZs7HSpcAJz6vR5X+Lm/JNDzISBL2ySHTUsp695+++1xM2fOPOmMR8VZo1XIQ08zB+uwb0z5y7lz5+Z369ZNN04QbA3AvglA1XZ/DT9crycJJIwBhm4CTNwyalNFRcUzSUlJi51crTairtJa4LCr08k4a9as2OXLl2/VtfUgc90JYPcYoLHVEqbX5/BzbyVAncyI7UB0U+4+jzXRZuOuu+4at2LFCouTyX4931YBLXCQP4FOT/zlyJEj12dnZ/9Fqf8M7ZzvhZ2EUuVhplYSyHkPSP6BkmAKCgruGDBgwCdO5nrXDaw34GiaPVjYYrG8FhMTc5NSL47NB76lKWKY/CqBi+YC/VwrhHZLtbW1H8bGxrqnJPc4a7AmvZmj2ezxwgsv9Lj//vu/EELoO6ny1JI/Azi7zq+y+beuvPskh0W9PX2ZNkkpz7744otXPfDAA65EMZqzhio4mk4uLFBQUHBD//79lysBi3YfByaF9R96b86b59RnXLIOMGtffzmrlkePHr0rOzvblYqcEXPbPKG4d0Vl5iA/ryebrigrKyufTUhIoG+DPjVWAHuvBSwH9HnDHGoSYF475qanIY8CVVVVrUhMTKRtqIu4GXVtSD3WoAoO8vHkYr9nmT59esyKFSvWR0REqCW1Z/aAvVcD9UUKQwmzaEogKhMY9hkQpe0k4KqjsbHx4KxZs65btWqV3brLqc/grKEbb1sVHKzUfp3vavT999/PmjJlyiZm9FF6nXXHgf2TgLoCJfYwUxsSiM4GhqwDovsoiUdKeX7NmjUTpk6dWuhWoNm1vFZFRsDBepqOtvwjPz9/wqBBg1bo3r24etBwBmAQmOoARuVREmsQMsVf5sjNxhtXNbIeOnRoVk5OjnvWIt1NqHvVRsHBZYULXdM1/smTJ+/o2bMndeZqdVmrgfzpQMWnakMMczly5uasAsxUWiuRPHXq1EO9evVy10tRPV5hJDOQ2gtt3p9mywsflZWV/Tw5OVk9zI7tAsCQz2WrlUb6b82UOg3gFbyB3Lnl5eWLU1JSWiZ5UV5OXPL2Bhws23Tv4qqosrJycUJCgruCRfud8pq/+BWg8FehY8ndkSilmV/W00DGPSrX7009q6qqei0xMbHlF9Xj/Ykv9xzuoOJGtEn7kpaWZiosLFwWExMz2ZAMq/4FfH07QDfLMDkkEJ0FXPwmkHCZIYnU1tauzcrKml1aWup+w0obChry6J5OWjbm7czBeqhaJ0Ca9h9XXXVV5MaNG1+Pjo6eaGhUjeeBI/eGlmW3oQEaYE6+BRjwMhChdgh01VxXV7chNzf3R1988YW7NRdBQmB4lfO1PeBgv1rtP4YMGWLetm3bc3FxcTMMiIRGBsCZ1UDh/OCPyGdoYIrMDMmUtRjgHkMYey01NTVvjx07dt7+/ftbgsDwPsO9t8Z60fY4afPRaht97ty5Bd26dXtAUTTfsXEWOf4kULzMW8AbbjKwBcxAxmygz0LDswX7XVFR8UJSUlJbFj70P+Few2vyBTjYeDP1uqs3JSUlc9LS0p7QtWBvq/vVux05WRnGsbNSwmig//NA/AhvRmgrLS19PD09fWkbhZXU43qN+gocbKfVCYb/PH78+NTMzEze3RsP58fg8mVrgaJfA7W6+df1xho8z2MGAZkLgJTJ3obIrC8qKprbp0+f99sYlFcnk7aE40twsP5mGlRXg9u2bbt01KhRr5tMpp5evSFpBcr+6kjgW/OVV1UERaG4S4Fe8xwRhQT388bJZrOdysvL+9HYsWPbEoQhDahe674GB9vj/Qs3qs1oyZIlyXPnzn01Kirqe3qd0nzO6MHFSx12IrKZm0W7qvVbYcYgo91FxhygW/uGXl9f//nzzz9/98MPP9xWwji6MXID6jPyBzg8LjHp6eli375996WkpDBvZSsAGRoVHZtPrwTOvBucswlnidQfAj1mAl20w7sqjPtCWVnZ00OHDn2ppKSkLX2Fz5YS9774Cxxsg34vbVqifPnll0PHjBnzUkRERI6CYPRZao86wiKc2whUbg3MjMIZInEckJQLJE8GYrQjWOgPysHR2NiYv3379vuuvPLKfR7K8Cqefic+J3+Cg51tco5q2fORI0dGbtiw4YHk5OR5Xm1WPYmiscqRwYAg4admD2D16WzraNmcCMQNdwDC/hkPRHDL5TOqLy8vf27ixIkv7Nq1y9P62aYzkq964G9wsJ88pfAk02ZbdLmcMGHCb6Kioq721aCa1UPlGo2MaInGGab+OFBX5EgfzlyvDWcBWz0g+Wl02GOKKEesdOZziUh2XJNHZwJMZMMZgZZYNLoxqKxSHV99ff1nmzZtetTpqthWMS4t1GNwA+o36ghwsPO8g+FG1aPH/uHDh3P79ev3pG5EIb+JIvAVM8LOsWPHFg4cOJAR/TwRVeKcCv3ud9pR4OBA2RYB4tEla/DgwREbN26cnpGR8aDJZNL30An8+/RJD2w224ni4uJnc3NzVx08eFDrpXN5ITAMX6J509GOBIerf9yHUKPqsW1e4L3zzju3paam3ms2m/t5M7BQKGO1Wo+dOXPm5VtvvfWtFhdmLbtPMFDr6bID7ZDhBQIcrmWG+xBNhwuaAWzevPm6zMzMOZGRkQxoFqj++vJlyIaGhm1FRUVLx48fv77F9Xpb7XAm4f7C78tIy8YDLWzOIJxJdPvxySefDLjiiituT0hImCaESPbl2+qIuqSU5VVVVau3bNny5vXXX8+YGHrE2YIzha4LgV5F3j7XfSneVmygHPXI1IkoKcVGjRoV8cYbb/xHZmbmzbGxsTcoW78b6JCvWGn9bbFYPi4qKvrgzjvv/GdeXp7qt5/aTh5TvbLD8FX/gwEcrrEQHASJ8qUDgbJs2bLRWVlZ18THx3/f6UfTgcneWr0GG/1Eqqur/1FYWPjp7NmzdxgABCsjGAiKpoh+vnrR3tQTTOBw9Z/2IVxuDL/kxx57rOttt902KiMjY3RMTMylkZGRg3VTk3kjNWcZprxqaGg4WFtb+1VxcfGOt956K2/RokW0vDJKPJ5y+WiX/YXRRvX4gxEc7iDhfkR5JmlrsLzwy83NHZSSkpIZGxubGRUV1TsiIiLFZDJ1N5vNdAhPEILWvOgihIiQ0h636oKUkt/eKqvVetZms51tbGwsq6+vP2GxWIrKysqKNm7ceMjDBZiezN2fc6bgviKoQOHqYDCDw9VHalg5m+iHrDHyWgLLS30FAeFXDWd7hxgK4HCNkTMIQUKwGF5y2isoH5Tn0kEwEBQB3WiqjiWUwOE+Jvsy4ARKMI+Bx1ECgktUUGwyVYFBvmAWrOo4uNwQKPypH8VEtVbv+bhn4bJBMISANZLngXYGcLiPjuMhSPjhMkSw+HMJ4lJBMHCZIBD46ZB7D++xq16ys4GjrZETHASK6yd/57j5N3+6Pq6Z1PVy+dP1IQj4O0HAD/92/VSXdohx/j92MMurqvaDXgAAAABJRU5ErkJggg==); background-size: contain; width: 88px; height: 91px; z-index: -1; } .drag-figure { width: 100px; background-color: rgba(255, 255, 255, 0.5); } .drag-figure img { width: 100%; } .drag-circle { color: #333; background-color: rgba(255, 255, 255, 0.2); border-radius: 50%; } .drag-circle .select-color { position: absolute; right: 0; top: -24px; } .drag-circle .drag-remove { right: -20px; } .drag-line { min-height: auto; line-height: 0px; color: #333; background-color: rgba(255, 255, 255, 0.3); } .drag-line .select-color { position: absolute; right: 0; top: -24px; } .drag-line .drag-remove { right: -20px; } .drag-button { min-height: 58.5px; line-height: normal; width: 195px; } .drag-button .drag-ui-button { outline: 0; width: 100%; height: 58.5px; color: #fff; background-color: #f90; border: 1px solid #f90; font-size: 16px; border-radius: 4px; font-weight: 400; text-align: center; vertical-align: middle; white-space: nowrap; line-height: 1.5; user-select: none; } .drag-arrow { width: 100px; height: 100px; border: 1px dashed rgba(0, 0, 0, 0.5); display: flex; align-items: center; justify-content: center; } .drag-arrow .arrow-inner { width: 91px; height: 49px; } .drag-arrow .left { transform: rotate(180deg); } .drag-arrow .left-top { transform: rotate(225deg); } .drag-arrow .top { transform: rotate(-90deg); } .drag-arrow .right-top { transform: rotate(-45deg); } .drag-arrow .right-bottom { transform: rotate(45deg); } .drag-arrow .bottom { transform: rotate(90deg); } .drag-arrow .left-bottom { transform: rotate(135deg); } .drag-audio { padding: 10px 5px 5px; min-height: 60px; border-radius: 8px; background-color: rgba(255, 255, 255, 0.7); } .drag-text { min-height: auto; border: 1px dashed rgba(0, 0, 0, 0.5); } .drag-text .ct-input { width: 100%; } .drag-text .ivu-color-picker { position: absolute; top: -24px; right: 85px; } .drag-text .ivu-select { position: absolute; top: -24px; right: 20px; } .drag-text-blanks { min-height: auto; background-color: #ffffff; max-width: 732px; min-width: auto; } .drag-text-blanks .ivu-color-picker { position: absolute; top: -24px; right: 85px; } .drag-text-blanks .ivu-select { position: absolute; top: -24px; right: 20px; } .drag-tts { min-height: auto; } .drag-tts .ct-input { width: 300px; } .drag-image { max-width: 430px; max-height: 430px; border: 1px dashed rgba(0, 0, 0, 0.5); } .drag-image img { width: 100%; } .poptip-figure-content { overflow: hidden; white-space: normal; } .poptip-figure-content .poptip-figure-item { display: inline-block; margin: 5px; min-width: 60px; } .poptip-content { text-align: center; overflow: hidden; } .poptip-item { display: inline-block; margin: 0 5px; } .poptip-item .left { transform: rotate(180deg); } .poptip-item .left-top { transform: rotate(225deg); } .poptip-item .top { transform: rotate(-90deg); } .poptip-item .right-top { transform: rotate(-45deg); } .poptip-item .right-bottom { transform: rotate(45deg); } .poptip-item .bottom { transform: rotate(90deg); } .poptip-item .left-bottom { transform: rotate(135deg); } .poptip-item img { width: 30px; } .init-svg { width: 100%; height: 100%; } .line-svg { stroke-dasharray: 1000; stroke-dashoffset: 10; animation: drawLine 3s linear forwards; } .show-property { position: absolute; bottom: 0; right: 0; } @keyframes drawLine { 0% { stroke-dashoffset: 1000; } 100% { stroke-dashoffset: 0; } } .circle-svg { stroke-dasharray: 20 5; animation: none; } @keyframes drawCircle { 0% { stroke-dashoffset: 0; } 100% { stroke-dasharray: 1500 1500; } } .rotate-x { transform-origin: center center; } .drag-bubble .ivu-color-picker { position: absolute; top: -24px; right: 20px; } .bubble-button { display: block; width: 130px; height: 98px; border-radius: 49px; position: relative; border: #FFF044 solid 1px; background-color: #FFF044; } .bubble-button:focus { border: none; outline: none; } .bg-grid { background-color: transparent; background-position: 0% 0%; background-size: 16px 16px; background-image: linear-gradient(90deg, rgba(0, 0, 0, 0.1) 1px, transparent 1px), linear-gradient(rgba(0, 0, 0, 0.1) 1px, transparent 1px); } audio { outline: none; } .action-box { max-width: 1012px; } .action-item { margin-bottom: 20px; } .action-item .audio-test { display: inline-block; vertical-align: middle; margin-right: 20px; } .action-item .ivu-upload { display: inline-block; vertical-align: middle; } .action-answer-item { margin: 0 0 15px; } .action-btn { text-align: right; } .action-btn.action-btn-left { text-align: left; } .cardBg { background-color: #e8eaec; } .lock-box { text-align: center; color: #999; padding: 15% 0 10%; } .lock-box > div { padding: 40px; } .poptip-remove { position: absolute; right: -4px; top: -4px; line-height: 0; opacity: 0; } .pageNumShow { position: absolute; left: 45%; bottom: -10px; line-height: 0; } .pageHiddenShow { position: absolute; left: 40px; top: -4px; line-height: 0; cursor: pointer; } .explanationSubtitles { position: absolute; right: -10px; top: -40px; cursor: pointer; } .image-upload-type { padding: 5px 0; } .image-upload-type > div + div { margin-top: 10px; } .module-list { display: inline-flex; padding: 10px 10px 10px 0; background-color: #f3f3f3; white-space: nowrap; } .module-list-item { display: flex; max-width: 100px; user-select: none; background-color: #fff; border: 1px solid #eee; text-align: center; position: relative; transition: hover 0.3s linear, box-shadow 0.3s ease-in-out, opacity 0.3s; margin-left: 10px; } .module-list-item > div { width: 100px; height: 100%; padding: 10px 0; } .module-list-item.curr { box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1); border-color: rgba(34, 153, 238, 0.5); } .module-list-item.set-box { min-height: 100px; border-style: dashed; cursor: pointer; } .module-list-item.set-box .ivu-icon { margin: 15px 0 5px; } .module-list-item .remove-course { position: absolute; left: -7px; top: -7px; opacity: 0; transition: opacity 0.3s; } .module-list-item .edit-course { position: absolute; right: -7px; top: -7px; opacity: 0; transition: opacity 0.3s; } .module-list-item .ivu-dropdown { position: absolute; right: 3px; top: 3px; } .module-list-item .ivu-dropdown a { color: #666; } .module-list-item img { width: 50px; height: 50px; background-color: #eee; } .module-list-item p { height: 22px; line-height: 22px; margin: 0 5px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .module-list-item:hover { box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1); } .module-list-item:hover .remove-course { opacity: 1; } .module-list-item:hover .edit-course { opacity: 1; } .preview-list { display: inline-flex; width: 750px; overflow-y: visible; overflow-x: auto; padding: 9px 8px; } .preview-item { display: flex; flex-shrink: 0; width: 100px; height: 100px; line-height: 0px; position: relative; margin-bottom: 10px; background-color: #f8f8f9; border: 2px solid #ffffff; background-size: cover; background-position: center; background-repeat: no-repeat; opacity: 0.5; transition: hover 0.3s linear, opacity 0.3s; } .preview-item:hover { border-color: rgba(60, 105, 138, 0.5); opacity: 0.7; } .preview-item.curr { border-color: rgba(34, 153, 238, 0.5); opacity: 1; } .preview-item.curr .poptip-remove { opacity: 1; } .preview-item.file-upload { background-color: #ccc; text-align: center; opacity: 1; } .preview-item.file-upload .upload-add-button { cursor: pointer; } .preview-item .flex-img { display: flex; width: 100%; height: 100%; align-items: center; justify-content: center; } .preview-item .flex-img > div { width: 100%; height: 100%; background-repeat: no-repeat; background-position: center; background-size: cover; } .preview-item .flex-img > div + div { margin-left: 2px; } .preview-item .preview-img { width: 100%; height: 100%; background-repeat: no-repeat; background-position: center; background-size: cover; } .other-area { position: relative; width: 832px; height: 468px; border: 1px dashed #dcdee2; background-color: #f8f8f9; } .image-box { position: relative; background-color: #f8f8f9; user-select: none; } .upload-image { position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 1; } .upload-image .ivu-upload { background-color: #f8f8f9; padding: 20px; } .upload-image .ivu-upload-drag { border: none; padding: 150px 0 20px; } .upload-image .ivu-row, .upload-image .ivu-col { height: 100%; } .image-preview { overflow: hidden; height: 100%; width: 100%; background-size: cover; display: flex; align-items: center; justify-content: center; } .image-preview .image-item { width: 100%; height: 100%; background-repeat: no-repeat; background-position: center; background-size: cover; } .image-preview .image-item + .image-item { margin-left: 5px; } .image-audio { padding-bottom: 20px; position: absolute; bottom: 0; left: 50%; margin-left: -250px; width: 500px; z-index: 10; text-align: center; } .image-audio .ct-input { width: 300px; } .image-audio .media-upload { display: inline-block; } .up-preview { width: 100%; height: 100%; background-repeat: no-repeat; background-position: top left; background-size: contain; } /* .roobo-editor { .other-area, //.player-box, .image-box, .editor-opt { height: 520px; } } */ .dropdown-list li a { color: #666; display: inline-block; padding: 5px 15px; } .dropdown-list li a:hover { background: #f3f3f3; color: #2d8cf0; } .blanks-main { text-align: left; font-family: Arial; padding: 5px; } .blanks-main p { font-size: 24px; line-height: 1; } .blanks-main span { display: inline-block; font-size: 24px; line-height: 1; overflow: hidden; vertical-align: middle; margin: 5px 0; } .blanks-main span.text-line { border-bottom: 1px solid #666; } .svg-button { cursor: pointer; width: 40px; height: 40px; fill-opacity: 0; stroke: #111111; stroke-width: 1; stroke-dasharray: 20 5; padding: 0px 4px; margin: 0px 10px 5px 10px; } .svg-button2 { cursor: pointer; width: 40px; height: 40px; fill-opacity: 0; stroke: #111111; stroke-width: 1; padding: 0px 4px; margin: 5px 10px 0px 10px; } .snBtn { height: 30px; margin: 20px 5px; } .snBtn2 { height: 30px; line-height: 30px; margin: 20px 5px; } .quanTuText { height: 50px; line-height: 50px; margin: 5px 30px 5px 10px; } .checkView { height: 50px; line-height: 50px; margin: 5px 30px 5px 10px; display: -webkit-flex; display: flex; flex-direction: row; justify-content: flex-start; } .checkViewItem { padding: 0px 10px 0px 0px; } .svgButtonOuter { width: 50px; height: 50px; display: table; } .svgButtoninner { display: table-cell; vertical-align: middle; text-align: center; } .tipsForeditor { font-family: Arial; padding: 5px; font-size: 12px; line-height: 1; } .editor-content { background-color: #f0f0f0; display: flex; border: 1px solid #eee; padding: 5px; max-width: 900px; } .tool-response { border: 1px solid #ddd; padding: 10px; margin: 0px 0px 10px 0px; } .oidFlex { display: -webkit-flex; display: flex; flex-direction: row; justify-content: flex-start; align-items: center; } .addInteractText { height: 30px; line-height: 30px; margin: 0px 30px 0px 10px; } .readPointInteractText { height: 30px; line-height: 30px; font-size: 16px; margin: 0px 10px 0px 10px; } .hide-area { border: 1px solid #ddd; padding: 0px 0px 0px 10px; } .talkTrainHeaderText { font-size: 14px; margin: 0px 0px 0px 0px; padding: 0px; } .showTimeoutTableCell { padding: 0px 20px 0px 0px; display: table-cell; vertical-align: middle; text-align: center; } .talkTrainHeader2Text { font-size: 10px; margin: 0px 0px 0px 0px; color: #aaaaaa; padding: 0px; } .svg-touch { cursor: pointer; } .talk-area { border: 1px solid #ddd; padding: 10px 10px 10px 10px; } .checkBtn { max-width: 900px; padding: 10px 10px 10px 10px; background-color: #f8f8f9; border: 1px solid #eee; } .classShow { width: 600px; display: -webkit-flex; display: flex; flex-direction: row; justify-content: space-between; align-items: center; } .recordStyle { height: 35px; width: 426px; display: -webkit-flex; display: flex; flex-direction: row; justify-content: flex-start; align-items: center; } .questionAudio2 { width: 500px; border: 1px solid #ddd; padding: 10px; } .questionAudio { width: 390px; border: 1px solid #ddd; padding: 10px; } .interact-game-pointRange { width: 700px; display: flex; display: -webkit-flex; flex-direction: column; justify-content: flex-start; align-items: flex-start; } .interact-gameSigmode-correct-btn { display: -webkit-flex; display: flex; flex-direction: row; justify-content: flex-start; align-items: center; } .interact-follow-response { display: -webkit-flex; display: flex; flex-direction: row; justify-content: flex-start; align-items: center; border: 1px solid #ddd; margin: 5px; } .oidstyle { height: 35px; width: 600px; display: -webkit-flex; display: flex; flex-direction: row; justify-content: start; align-items: center; } .el-table__body tr.current-row > td { background-color: #8282ec !important; /* color: #f19944; */ /* 设置文字颜色 */ } .readpoint-list { display: inline-flex; width: 1090px; overflow-y: visible; overflow-x: auto; padding: 8px; } .readpoint-item { display: flex; flex-shrink: 0; border-radius: 5px; width: 100px; height: 40px; line-height: 0px; position: relative; margin-right: 20px; margin-bottom: 10px; background-color: #f8f8f9; border: 2px solid #161616; background-size: cover; background-position: center; background-repeat: no-repeat; opacity: 0.8; transition: hover 0.3s linear, opacity 0.3s; cursor: pointer; } .readpoint-item:hover { border-color: rgba(60, 105, 138, 0.5); opacity: 0.7; } .readpoint-item.son { border-color: #b0c20f; background-color: #b0c20f; opacity: 1; } .readpoint-item.curr { border-color: rgba(34, 153, 238, 0.5); background-color: #0fc20f; opacity: 1; } .readpoint-item.curr .poptip-remove { opacity: 1; } .readpoint-item .flex-img { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; display: flex; width: 100%; height: 100%; align-items: center; justify-content: center; } .readpoint-item .flex-img > div { width: 100%; height: 100%; background-repeat: no-repeat; background-position: center; background-size: cover; } .readpoint-item .flex-img > div + div { margin-left: 2px; } .downloadPanelFlex { display: -webkit-flex; display: flex; flex-direction: column; justify-content: space-around; align-items: center; } .addPictureBookBtn { width: 120px; height: 40px; border-radius: 4px; background: #2472e3; color: #fff; text-align: center; cursor: pointer; } .el-checkbox + .el-checkbox { margin-left: 0px; } .el-checkbox { margin-right: 25px; } .course-module { width: 1014px; overflow-x: auto; background-color: #f3f3f3; border: 1px solid #eee; } .editor-mode { padding: 15px 0; overflow-x: auto; overflow-y: visible; } .editor-tool { background-color: #f8f8f9; display: flex; border: 1px solid #eee; padding: 5px; max-width: 1100px; } .editor-tool .tool-start { display: flex; flex-shrink: 0; flex-direction: column; padding: 5px 10px 5px 0; margin-right: 10px; border-right: 1px solid #eee; } .editor-tool .tool-start .ivu-btn { margin-bottom: 3px; margin-top: 3px; } .editor-tool .tool-action { padding: 5px 10px 5px 0; margin-right: 10px; border-right: 1px solid #eee; width: 380px; } .editor-tool .tool-action .ivu-btn { margin-bottom: 3px; margin-top: 3px; } .editor-tool .tool-main { display: flex; flex-shrink: 0; flex-direction: column; padding-right: 10px; margin-right: 10px; border-right: 1px solid #eee; } .editor-tool .tool-main .tool-column { margin: 3px 0; } .editor-tool .tool-opt { padding: 5px 0; } .editor-tool .tool-opt .ivu-btn { margin-bottom: 3px; margin-top: 3px; } .editor-container { margin-top: 10px; position: relative; } .editor-row { min-width: 900px; display: -webkit-flex; display: flex; flex-direction: row; } .editor-preview { width: 750px; float: top; margin-right: 12px; border: 1px solid #eee; background-color: #f8f8f9; } .editor-main { overflow-x: auto; width: 100%; position: relative; display: -webkit-flex; display: flex; flex-direction: row; align-items: center; } .editor-opt { height: 468px; width: 832px; position: absolute; left: 0; top: 0; z-index: 9; background: transparent; } .drag-box { position: absolute; z-index: 10; touch-action: none; text-align: center; font-size: 12px; border: 0px solid #3dd; /* .ivu-tooltip, .drap-title-pst { position: absolute; top: -24px; left: 0; } .size-val { position: absolute; top: 40%; left: 0; width: 100%; text-align: center; } .ivu-color-picker { cursor: default; } */ } .drag-box-bg { position: absolute; z-index: 8; touch-action: none; text-align: center; font-size: 12px; border: 0px solid #3dd; } .drag-polygon { position: absolute; z-index: 9; touch-action: none; text-align: center; font-size: 12px; border: 0px solid #3dd; } .drag-remove { position: absolute; left: 60px; top: -18px; } .OIDShowInQuantu { position: absolute; left: 0; right: 0; top: 40%; margin: auto; cursor: pointer; width: fit-content; background-color: #ffffff; } .OIDShowInQuantu2 { position: absolute; left: 5px; top: 3px; margin: auto; cursor: pointer; width: fit-content; background-color: #ffffff; } .NameShowInQuantu { position: absolute; left: 0; right: 0; top: 8px; margin: auto; cursor: pointer; width: fit-content; background-color: #ffffff; } .NameShowInQuantu1 { position: absolute; left: 0; right: 0; padding: 2px 0 0 2px; cursor: pointer; width: fit-content; overflow-y: auto; font-family: Times; } .drag-confirm { position: absolute; left: 30px; top: -18px; } .drag-reedit { position: absolute; left: 0; top: -18px; } .drag-box2 { position: absolute; z-index: 11; touch-action: none; text-align: center; font-size: 12px; /* .size-val { position: absolute; top: 40%; left: 0; width: 100%; text-align: center; } .ivu-color-picker { cursor: default; } */ } .drag-title { display: inline-block; font-size: 12px; border-radius: 4px; padding: 0 10px; height: 24px; line-height: 24px; background-color: #ff9900; color: #fff; } .resize-drag { touch-action: none; } .dragonly { touch-action: none; } .click-area { color: #fff; border-radius: 8px; padding: 10px 5px 5px; background-color: rgba(237, 64, 20, 0.5); } .click-area .horn-icon { position: absolute; top: 50%; left: 50%; margin-left: -44px; margin-top: -45px; background-image: url(data:image/png;base64,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); background-size: contain; width: 88px; height: 91px; z-index: -1; } .drag-figure { width: 100px; background-color: rgba(255, 255, 255, 0.5); } .drag-figure img { width: 100%; } .drag-circle { color: #333; background-color: rgba(255, 255, 255, 0.2); border-radius: 50%; } .drag-circle .select-color { position: absolute; right: 0; top: -24px; } .drag-circle .drag-remove { right: -20px; } .drag-line { min-height: auto; line-height: 0px; color: #333; background-color: rgba(255, 255, 255, 0.3); } .drag-line .select-color { position: absolute; right: 0; top: -24px; } .drag-line .drag-remove { right: -20px; } .drag-button { min-height: 58.5px; line-height: normal; width: 195px; } .drag-button .drag-ui-button { outline: 0; width: 100%; height: 58.5px; color: #fff; background-color: #f90; border: 1px solid #f90; font-size: 16px; border-radius: 4px; font-weight: 400; text-align: center; vertical-align: middle; white-space: nowrap; line-height: 1.5; user-select: none; } .drag-arrow { width: 100px; height: 100px; border: 1px dashed rgba(0, 0, 0, 0.5); display: flex; align-items: center; justify-content: center; } .drag-arrow .arrow-inner { width: 91px; height: 49px; } .drag-arrow .left { transform: rotate(180deg); } .drag-arrow .left-top { transform: rotate(225deg); } .drag-arrow .top { transform: rotate(-90deg); } .drag-arrow .right-top { transform: rotate(-45deg); } .drag-arrow .right-bottom { transform: rotate(45deg); } .drag-arrow .bottom { transform: rotate(90deg); } .drag-arrow .left-bottom { transform: rotate(135deg); } .drag-audio { padding: 10px 5px 5px; min-height: 60px; border-radius: 8px; background-color: rgba(255, 255, 255, 0.7); } .drag-text { min-height: auto; border: 1px dashed rgba(0, 0, 0, 0.5); } .drag-text .ct-input { width: 100%; } .drag-text .ivu-color-picker { position: absolute; top: -24px; right: 85px; } .drag-text .ivu-select { position: absolute; top: -24px; right: 20px; } .drag-text-blanks { min-height: auto; background-color: #ffffff; max-width: 732px; min-width: auto; } .drag-text-blanks .ivu-color-picker { position: absolute; top: -24px; right: 85px; } .drag-text-blanks .ivu-select { position: absolute; top: -24px; right: 20px; } .drag-tts { min-height: auto; } .drag-tts .ct-input { width: 300px; } .drag-image { max-width: 430px; max-height: 430px; border: 1px dashed rgba(0, 0, 0, 0.5); } .drag-image img { width: 100%; } .poptip-figure-content { overflow: hidden; white-space: normal; } .poptip-figure-content .poptip-figure-item { display: inline-block; margin: 5px; min-width: 60px; } .poptip-content { text-align: center; overflow: hidden; } .poptip-item { display: inline-block; margin: 0 5px; } .poptip-item .left { transform: rotate(180deg); } .poptip-item .left-top { transform: rotate(225deg); } .poptip-item .top { transform: rotate(-90deg); } .poptip-item .right-top { transform: rotate(-45deg); } .poptip-item .right-bottom { transform: rotate(45deg); } .poptip-item .bottom { transform: rotate(90deg); } .poptip-item .left-bottom { transform: rotate(135deg); } .poptip-item img { width: 30px; } .init-svg { width: 100%; height: 100%; } .line-svg { stroke-dasharray: 1000; stroke-dashoffset: 10; animation: drawLine 3s linear forwards; } .show-property { position: absolute; bottom: 0; right: 0; } @keyframes drawLine { 0% { stroke-dashoffset: 1000; } 100% { stroke-dashoffset: 0; } } .circle-svg { stroke-dasharray: 20 5; animation: none; } @keyframes drawCircle { 0% { stroke-dashoffset: 0; } 100% { stroke-dasharray: 1500 1500; } } .rotate-x { transform-origin: center center; } .drag-bubble .ivu-color-picker { position: absolute; top: -24px; right: 20px; } .bubble-button { display: block; width: 130px; height: 98px; border-radius: 49px; position: relative; border: #FFF044 solid 1px; background-color: #FFF044; } .bubble-button:focus { border: none; outline: none; } .bg-grid { background-color: transparent; background-position: 0% 0%; background-size: 16px 16px; background-image: linear-gradient(90deg, rgba(0, 0, 0, 0.1) 1px, transparent 1px), linear-gradient(rgba(0, 0, 0, 0.1) 1px, transparent 1px); } audio { outline: none; } .action-box { max-width: 1012px; } .action-item { margin-bottom: 20px; } .action-item .audio-test { display: inline-block; vertical-align: middle; margin-right: 20px; } .action-item .ivu-upload { display: inline-block; vertical-align: middle; } .action-answer-item { margin: 0 0 15px; } .action-btn { text-align: right; } .action-btn.action-btn-left { text-align: left; } .cardBg { background-color: #e8eaec; } .lock-box { text-align: center; color: #999; padding: 15% 0 10%; } .lock-box > div { padding: 40px; } .poptip-remove { position: absolute; right: -4px; top: -4px; line-height: 0; opacity: 0; } .pageNumShow { position: absolute; left: 45%; bottom: -10px; line-height: 0; } .pageHiddenShow { position: absolute; left: 40px; top: -4px; line-height: 0; cursor: pointer; } .explanationSubtitles { position: absolute; right: -10px; top: -40px; cursor: pointer; } .image-upload-type { padding: 5px 0; } .image-upload-type > div + div { margin-top: 10px; } .module-list { display: inline-flex; padding: 10px 10px 10px 0; background-color: #f3f3f3; white-space: nowrap; } .module-list-item { display: flex; max-width: 100px; user-select: none; background-color: #fff; border: 1px solid #eee; text-align: center; position: relative; transition: hover 0.3s linear, box-shadow 0.3s ease-in-out, opacity 0.3s; margin-left: 10px; } .module-list-item > div { width: 100px; height: 100%; padding: 10px 0; } .module-list-item.curr { box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1); border-color: rgba(34, 153, 238, 0.5); } .module-list-item.set-box { min-height: 100px; border-style: dashed; cursor: pointer; } .module-list-item.set-box .ivu-icon { margin: 15px 0 5px; } .module-list-item .remove-course { position: absolute; left: -7px; top: -7px; opacity: 0; transition: opacity 0.3s; } .module-list-item .edit-course { position: absolute; right: -7px; top: -7px; opacity: 0; transition: opacity 0.3s; } .module-list-item .ivu-dropdown { position: absolute; right: 3px; top: 3px; } .module-list-item .ivu-dropdown a { color: #666; } .module-list-item img { width: 50px; height: 50px; background-color: #eee; } .module-list-item p { height: 22px; line-height: 22px; margin: 0 5px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .module-list-item:hover { box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1); } .module-list-item:hover .remove-course { opacity: 1; } .module-list-item:hover .edit-course { opacity: 1; } .preview-list { display: inline-flex; width: 750px; overflow-y: visible; overflow-x: auto; padding: 9px 8px; } .preview-item { display: flex; flex-shrink: 0; width: 100px; height: 100px; line-height: 0px; position: relative; margin-bottom: 10px; background-color: #f8f8f9; border: 2px solid #ffffff; background-size: cover; background-position: center; background-repeat: no-repeat; opacity: 0.5; transition: hover 0.3s linear, opacity 0.3s; } .preview-item:hover { border-color: rgba(60, 105, 138, 0.5); opacity: 0.7; } .preview-item.curr { border-color: rgba(34, 153, 238, 0.5); opacity: 1; } .preview-item.curr .poptip-remove { opacity: 1; } .preview-item.file-upload { background-color: #ccc; text-align: center; opacity: 1; } .preview-item.file-upload .upload-add-button { cursor: pointer; } .preview-item .flex-img { display: flex; width: 100%; height: 100%; align-items: center; justify-content: center; } .preview-item .flex-img > div { width: 100%; height: 100%; background-repeat: no-repeat; background-position: center; background-size: cover; } .preview-item .flex-img > div + div { margin-left: 2px; } .preview-item .preview-img { width: 100%; height: 100%; background-repeat: no-repeat; background-position: center; background-size: cover; } .other-area { position: relative; width: 832px; height: 468px; border: 1px dashed #dcdee2; background-color: #f8f8f9; } .image-box { position: relative; background-color: #f8f8f9; user-select: none; } .upload-image { position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 1; } .upload-image .ivu-upload { background-color: #f8f8f9; padding: 20px; } .upload-image .ivu-upload-drag { border: none; padding: 150px 0 20px; } .upload-image .ivu-row, .upload-image .ivu-col { height: 100%; } .image-preview { overflow: hidden; height: 100%; width: 100%; background-size: cover; display: flex; align-items: center; justify-content: center; } .image-preview .image-item { width: 100%; height: 100%; background-repeat: no-repeat; background-position: center; background-size: cover; } .image-preview .image-item + .image-item { margin-left: 5px; } .image-audio { padding-bottom: 20px; position: absolute; bottom: 0; left: 50%; margin-left: -250px; width: 500px; z-index: 10; text-align: center; } .image-audio .ct-input { width: 300px; } .image-audio .media-upload { display: inline-block; } .up-preview { width: 100%; height: 100%; background-repeat: no-repeat; background-position: top left; background-size: contain; } /* .roobo-editor { .other-area, //.player-box, .image-box, .editor-opt { height: 520px; } } */ .dropdown-list li a { color: #666; display: inline-block; padding: 5px 15px; } .dropdown-list li a:hover { background: #f3f3f3; color: #2d8cf0; } .blanks-main { text-align: left; font-family: Arial; padding: 5px; } .blanks-main p { font-size: 24px; line-height: 1; } .blanks-main span { display: inline-block; font-size: 24px; line-height: 1; overflow: hidden; vertical-align: middle; margin: 5px 0; } .blanks-main span.text-line { border-bottom: 1px solid #666; } .svg-button { cursor: pointer; width: 40px; height: 40px; fill-opacity: 0; stroke: #111111; stroke-width: 1; stroke-dasharray: 20 5; padding: 0px 4px; margin: 0px 10px 5px 10px; } .svg-button2 { cursor: pointer; width: 40px; height: 40px; fill-opacity: 0; stroke: #111111; stroke-width: 1; padding: 0px 4px; margin: 5px 10px 0px 10px; } .snBtn { height: 30px; margin: 20px 5px; } .snBtn2 { height: 30px; line-height: 30px; margin: 20px 5px; } .quanTuText { height: 50px; line-height: 50px; margin: 5px 30px 5px 10px; } .checkView { height: 50px; line-height: 50px; margin: 5px 30px 5px 10px; display: -webkit-flex; display: flex; flex-direction: row; justify-content: flex-start; } .checkViewItem { padding: 0px 10px 0px 0px; } .svgButtonOuter { width: 50px; height: 50px; display: table; } .svgButtoninner { display: table-cell; vertical-align: middle; text-align: center; } .tipsForeditor { font-family: Arial; padding: 5px; font-size: 12px; line-height: 1; } .editor-content { background-color: #f0f0f0; display: flex; border: 1px solid #eee; padding: 5px; max-width: 900px; } .tool-response { border: 1px solid #ddd; padding: 10px; margin: 0px 0px 10px 0px; } .oidFlex { display: -webkit-flex; display: flex; flex-direction: row; justify-content: flex-start; align-items: center; } .addInteractText { height: 30px; line-height: 30px; margin: 0px 30px 0px 10px; } .readPointInteractText { height: 30px; line-height: 30px; font-size: 16px; margin: 0px 10px 0px 10px; } .hide-area { border: 1px solid #ddd; padding: 0px 0px 0px 10px; } .talkTrainHeaderText { font-size: 14px; margin: 0px 0px 0px 0px; padding: 0px; } .showTimeoutTableCell { padding: 0px 20px 0px 0px; display: table-cell; vertical-align: middle; text-align: center; } .talkTrainHeader2Text { font-size: 10px; margin: 0px 0px 0px 0px; color: #aaaaaa; padding: 0px; } .svg-touch { cursor: pointer; } .talk-area { border: 1px solid #ddd; padding: 10px 10px 10px 10px; } .checkBtn { max-width: 900px; padding: 10px 10px 10px 10px; background-color: #f8f8f9; border: 1px solid #eee; } .classShow { width: 600px; display: -webkit-flex; display: flex; flex-direction: row; justify-content: space-between; align-items: center; } .recordStyle { height: 35px; width: 426px; display: -webkit-flex; display: flex; flex-direction: row; justify-content: flex-start; align-items: center; } .questionAudio2 { width: 500px; border: 1px solid #ddd; padding: 10px; } .questionAudio { width: 390px; border: 1px solid #ddd; padding: 10px; } .interact-game-pointRange { width: 700px; display: flex; display: -webkit-flex; flex-direction: column; justify-content: flex-start; align-items: flex-start; } .interact-gameSigmode-correct-btn { display: -webkit-flex; display: flex; flex-direction: row; justify-content: flex-start; align-items: center; } .interact-follow-response { display: -webkit-flex; display: flex; flex-direction: row; justify-content: flex-start; align-items: center; border: 1px solid #ddd; margin: 5px; } .oidstyle { height: 35px; width: 600px; display: -webkit-flex; display: flex; flex-direction: row; justify-content: start; align-items: center; } .el-table__body tr.current-row > td { background-color: #8282ec !important; /* color: #f19944; */ /* 设置文字颜色 */ } .readpoint-list { display: inline-flex; width: 1090px; overflow-y: visible; overflow-x: auto; padding: 8px; } .readpoint-item { display: flex; flex-shrink: 0; border-radius: 5px; width: 100px; height: 40px; line-height: 0px; position: relative; margin-right: 20px; margin-bottom: 10px; background-color: #f8f8f9; border: 2px solid #161616; background-size: cover; background-position: center; background-repeat: no-repeat; opacity: 0.8; transition: hover 0.3s linear, opacity 0.3s; cursor: pointer; } .readpoint-item:hover { border-color: rgba(60, 105, 138, 0.5); opacity: 0.7; } .readpoint-item.son { border-color: #b0c20f; background-color: #b0c20f; opacity: 1; } .readpoint-item.curr { border-color: rgba(34, 153, 238, 0.5); background-color: #0fc20f; opacity: 1; } .readpoint-item.curr .poptip-remove { opacity: 1; } .readpoint-item .flex-img { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; display: flex; width: 100%; height: 100%; align-items: center; justify-content: center; } .readpoint-item .flex-img > div { width: 100%; height: 100%; background-repeat: no-repeat; background-position: center; background-size: cover; } .readpoint-item .flex-img > div + div { margin-left: 2px; } .downloadPanelFlex { display: -webkit-flex; display: flex; flex-direction: column; justify-content: space-around; align-items: center; } .addPictureBookBtn { width: 120px; height: 40px; border-radius: 4px; background: #2472e3; color: #fff; text-align: center; cursor: pointer; } .el-checkbox + .el-checkbox { margin-left: 0px; } .el-checkbox { margin-right: 25px; } .course-module { width: 1014px; overflow-x: auto; background-color: #f3f3f3; border: 1px solid #eee; } .editor-mode { padding: 15px 0; overflow-x: auto; overflow-y: visible; } .editor-tool { background-color: #f8f8f9; display: flex; border: 1px solid #eee; padding: 5px; max-width: 1100px; } .editor-tool .tool-start { display: flex; flex-shrink: 0; flex-direction: column; padding: 5px 10px 5px 0; margin-right: 10px; border-right: 1px solid #eee; } .editor-tool .tool-start .ivu-btn { margin-bottom: 3px; margin-top: 3px; } .editor-tool .tool-action { padding: 5px 10px 5px 0; margin-right: 10px; border-right: 1px solid #eee; width: 380px; } .editor-tool .tool-action .ivu-btn { margin-bottom: 3px; margin-top: 3px; } .editor-tool .tool-main { display: flex; flex-shrink: 0; flex-direction: column; padding-right: 10px; margin-right: 10px; border-right: 1px solid #eee; } .editor-tool .tool-main .tool-column { margin: 3px 0; } .editor-tool .tool-opt { padding: 5px 0; } .editor-tool .tool-opt .ivu-btn { margin-bottom: 3px; margin-top: 3px; } .editor-container { margin-top: 10px; position: relative; } .editor-row { min-width: 900px; display: -webkit-flex; display: flex; flex-direction: row; } .editor-preview { width: 750px; float: top; margin-right: 12px; border: 1px solid #eee; background-color: #f8f8f9; } .editor-main { overflow-x: auto; width: 100%; position: relative; display: -webkit-flex; display: flex; flex-direction: row; align-items: center; } .editor-opt { height: 468px; width: 832px; position: absolute; left: 0; top: 0; z-index: 9; background: transparent; } .drag-box { position: absolute; z-index: 10; touch-action: none; text-align: center; font-size: 12px; border: 0px solid #3dd; /* .ivu-tooltip, .drap-title-pst { position: absolute; top: -24px; left: 0; } .size-val { position: absolute; top: 40%; left: 0; width: 100%; text-align: center; } .ivu-color-picker { cursor: default; } */ } .drag-box-bg { position: absolute; z-index: 8; touch-action: none; text-align: center; font-size: 12px; border: 0px solid #3dd; } .drag-polygon { position: absolute; z-index: 9; touch-action: none; text-align: center; font-size: 12px; border: 0px solid #3dd; } .drag-remove { position: absolute; left: 60px; top: -18px; } .OIDShowInQuantu { position: absolute; left: 0; right: 0; top: 40%; margin: auto; cursor: pointer; width: fit-content; background-color: #ffffff; } .OIDShowInQuantu2 { position: absolute; left: 5px; top: 3px; margin: auto; cursor: pointer; width: fit-content; background-color: #ffffff; } .NameShowInQuantu { position: absolute; left: 0; right: 0; top: 8px; margin: auto; cursor: pointer; width: fit-content; background-color: #ffffff; } .NameShowInQuantu1 { position: absolute; left: 0; right: 0; padding: 2px 0 0 2px; cursor: pointer; width: fit-content; overflow-y: auto; font-family: Times; } .drag-confirm { position: absolute; left: 30px; top: -18px; } .drag-reedit { position: absolute; left: 0; top: -18px; } .drag-box2 { position: absolute; z-index: 11; touch-action: none; text-align: center; font-size: 12px; /* .size-val { position: absolute; top: 40%; left: 0; width: 100%; text-align: center; } .ivu-color-picker { cursor: default; } */ } .drag-title { display: inline-block; font-size: 12px; border-radius: 4px; padding: 0 10px; height: 24px; line-height: 24px; background-color: #ff9900; color: #fff; } .resize-drag { touch-action: none; } .dragonly { touch-action: none; } .click-area { color: #fff; border-radius: 8px; padding: 10px 5px 5px; background-color: rgba(237, 64, 20, 0.5); } .click-area .horn-icon { position: absolute; top: 50%; left: 50%; margin-left: -44px; margin-top: -45px; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAIcAAACMCAYAAABWILrJAAAcEklEQVR4Xu1dCXiU1bl+z0xC9kBIQhKBQCAgQTZFNtHea5WgFhXkVkBE7e2t4FIp1laqgo+WKrRVq9cFbK1YRMGloFJlqfVWZQ1U9iAEIgFMAgmELJOEZObc550lTpb5//NPZjIz6XzPM0+W/zvb979zlu98i0AnJyllKoBLAGQB6Ov89ACQDCAFQAKAKABdAEQCaABwAUA9gCoAZQDKAZwG8I3zUwjggBDiTGcWn+hMg5NSJgEYB2A8gMsBDAOQ7scxlgDYC2AngM0AtgohzvmxvQ6tOqTBIaXkN/0KANcDuA7AUACmDpVg88ZsAPYBWA/gEwBbhBCciUKSQg4cTkBcA2AagJsBcLYIVuIs8gGA1QA+DTWghAw4pJQ5AP4HwB3OvUKwAsJTv7h3+QuAPwkh8kOh80ENDikllwjODvMAXAkgqPur+MIlgC8BPMdZRQjBpSgoKSiFLaXkyeG/ATwIYEBQSs43nToC4FkAfxZC8IQUVBRU4JBSRgC4C8BjAPoElaT825njABYBWC6EaPRvU+q1Bw04pJQ3Avg9gIHq3e90nIcBPCSE+CgYRhZwcEgpBwF4HkCuXwQiJVBfBFgOALVHgfrjQF0R0HAGaCwHGs4BtjpA1gOyERARgIgCTNFAZBIQkQxEpgLRmUBUHyCmPxB7CRCVCQi/iW8jgLlCiEN+kYlipX4bnV77ziPpfACPOjWUekXUnjdWAZWbgcqtjk/NHsBaqVbWCJc5EYgbDiSOc37GAxFUtvqMqKH9DYDFgToCBwQcUsrLALwBYIhPRMkZoXwtcG6jAxAyAHonEekASVIukDzZMcP4hvYDuFMI8S/fVKdeS4eCw3k0/blz88UTifd04TRweiVw5l2g5ivv6/FXybhLgdQfAj1mAl14ldMu4kmGm/RnOvLo22HgcF6AvQ2A2k3vqeJzoHgpcHZdYGYIoz3njNJ9EpAxB+j2PaOlW/J/CmBGR134dQg4pJSjAbwHoLdX0pFWoOyvwMnngnOWUB0UZ5Ne84CUWwBhVi3Vku8EgP8SQuzwtgLVcn4Hh5RyJoDXvNp0ShtQthYoWgTUhoTGWU3uMTlA5mNAymRAeHVPyM3qj4UQK9Ua9I7Lr+CQUlLtTd2FcQlU7waOzgWq/P4F8U5yviiVMBro/zwQP8Kb2qh2p06Eani/kN/AIaVcDOBhw71uPA8cfxIoXgbAarh46BUwAxmzgT4LgYiu3nR/iRCCKgGfk8/B4VSB/9GpBlfvMJVVZ1YDhfOBhlL1cp2FMzINyFoMpE7zRrm2HMBPfK169yk4nBdm3HhSFa5OnC2O3AuU/1W9TGflTL4FGPCyN7MIVe7cqPrsAs9n4HDqMHhUvdXQe6v6F/D17UAdzTLDZJdAdBZw8ZtAAnWFhugd51HXJ2YAvgTHiwDuUx4Kl5HiV4DCXwHSZ2BXbj7oGUUXIOtpIOMeo8vMS0KI+30xPp+AQ0q5AMCTyh2yXQAO3w2U0XouTJoSSJkGDHwVMBlSKC8UQvy6vZJtNziklHcDWKpspWWtBvKnAxVU9oVJSQLdrgFyVgHmeCV2ALQ2myOEeFW1QFt87QKHlPIHTgNaNXUfr8kPTAaqO/wOqT0yCo6y8ZcBl6x1mA+oEfUANwsh/qbG3prLa3BIKbMB5AHoptR43XFg/ySgrkCJPczUhgSis4Eh64BoZSO5CgCjhBBeCd0rcEgpYwFsc/qJ6L/H+m+BvVc7jG7C1D4J0Mho2GdA1EWq9dCPZqwQwqJawMXnLTio5KKbgD41VgB7r3VYYoXJNxKgJdqwvwMRapM2gD8KIbg3NESGwSGlnALgfaUNqLUWODAJqNxiqFNhZgUJJF4BXLIOMMcoMNs3qFOFEGtUmL2aOaSU9DulZRKdkLWJ9pj5Mxx2F2HyjwRoJ5LztsPuVZ/oDD5ECEH/XiUyNHNIKd+lilap5mPzgW9pNxwmv0rgorlAP95xKtF7QogfKnEqLQ3OmqSUkwGoTUvlfwPy1TCk2tEwn4YEct4DkqlVUKIpQoi1KpxKM4eUMg4AzeR76VZKs//dY4HGThOJQHfIAWeISAJGbHO4T+jTSQCDhBA1eqyq4KAqlgau2mRrAPZNAKq263GGn/taAgljgKGbABOjUujSIiEErzw0SRccUkpqXGijp78tLlwAnKLhV5gCIoGeDwFZSlcqtQByhBB0w/RIKuBg2IBZuoOt2Q/sHufwGgtTYCTAU8uIrUCckjvQCiEEw1l4Bw5nTAxq2LTvTnj9vu/asD4jMJBo3ir1H0P/rnLNz7sXHm09ulxqzhxSylXOCDrawy5dARwxrIALBlF2zj4MeBVI05/sGXFICDHdkxA8gkNKSW937jW0Lcd5Ktk13OGYHKbgkABvbkfuAXiK0SZajHHvQe/+VqQFjldoE6BXO47+HCh+WZctzNDBEsi4F+j/jEqjS4UQ9yiDQ0rJ+JzcyfL21TPVnwB2DumcZn7R/YCkiUBkiuM2+ezHoTU70szw8v1AlK6TIW9r+wghGLOsGbU5c0gpfwlgiS7sjtwPlNKZrRMRd/x9nwYuou2m2z7cagG+edThpxsqlPZjYABNe3XpYSHEb1XB8bVuhJ36YmDnoE42a5iBi98AUqd6luaRe4BSuomEANlnj0NAVIZeZw8LIS7WBYeU8j8BfKZXG75ZCJz8nS5b6DCYgIF/BHrcpt1lRgLK6w/YqEcKAer1C6Cvku331UKI/3MfUatlRUrJdYKR/DwT7TTy+gE05OkslP0SkK497Kah7r8JqNgUGiOnQdCoYyp2H4xo+GOP4HCGYuJ9f3fNkZeuBI6oGYKFhAT7PevYY6gSvfNKX1flDjzfgD8BaQx2oElnGSfePcRUs5lDSnkDAH1r5b3XdB5taN+nHDEzjFDBT4GSPxkpEVjexPEOs0J9+oEQ4mMXW0tw6NuG0m1x52D9ZkKBI3MBkPmI8Z6GGjg4wssPOtwstYmht3/iCRyMGqNts3Hid8DxhXqNBP9z9Y1a67GEIjj6PAn0/oXeezkphGhSjDTNHFJKXuXxkk2bvhoH1OzW4wru5xf9FOjX6liv3udQBEfcCODSrSpjHCqEoJ3wd4HmnVF4GIfbM9WfAvLoyxTClP4TRzSd9gSYDUVw8JWNKgCieuq9vAdd0YLcZw7G1dDQ/gAoWQ4UGNjV63Wjo5/3mAUMWOptHK7vehuq4Mh+BUhnaHlNel8IYTcAdgdHsW7Kq/yZoRtgpccdjqAo3kfxC31wMIrhIN0YcyVCCLtK1Q4OKSW3scf0IIXtfYM7JJPdf8PtPsQcC8QOATLuBlKmtm8pcRdOqM4cDC01hjkMdamfEKLQBQ56sWnHXKo9BuxiksUgI7oG9noIYJgC3qC2Zy+hOrSCuUBJu6IbqLbke76RB4CYfnr13kLvOBc4eDZ9QrPE6VXA4R/pVdqxz3vcDlDtbSywSfv7WLUT4Ob8wimAITGr8oDagCY4UB/TwNeBHh6Nv1z1PC6EeNIFDn1PtsJHgVPahxn1HvqA024ruUHVFdAHDbpVQXA0MM2sG1kOA6V/Cf5guj0fBLKYjEGT7J5xLnBQcTFck/3AzY6sBMFCw/7hyFIQCGoLHK5+MOLy6TedwXUC0TmdNmnAxCAw2rRHCDHCBY7zABI1+fMGORLZBANF9gBGf9Mx+4u2xqsFDvJX7nCaM/gkqJ9vJc6EQqN0l8BKIURXIaXkDSw9sD0TfVE2MxZEkEQUjh8FjPjct0IzUpseOFgX/YVL/2yk1g7iNQPjK1SW42SCgym992j2rO4bYCfTugYJJV4JDAugPYUKOCiqE0uCM3b75flAdF+9lzmc4LgawD80Oc9vAfa1L02KXk8MPQ8VcDDcFYP7I8iWl6GfAl2Z5V2Tvk9wMF4DI996pvKPgHxjgYn1Wm7X81ABBwfJHDGVzDEcRJTzDpCsG4H8VoJjtjOOqOfeB9udSiiBg7PuKSX/kY5Dj9odyxyCg/PeHzR7dup/gUJ6KwQJhRI4aG/7NV0TGZYrSCjrt0DPn+p15mcEh76PyslngG/0w3Poteaz56EEDg76yJzgcojquwjoxTyMmvQwwcG3rh3UoehpoEjJvF2vQd88DzVwHPslUHfUN2P3RS2ZC4HMX+nVtCAMDj0RtfVc9SjrKnvsF0Cd/qW3N13xqowBcISXFaMSNgoOZohgavRgIdVlxWq1/sxkMmknkQtvSJu/ViPgaKwMvttshQ2pzWabJ6xW6xyTycRwC54pfJT1HhwVnwHfKjkzd9y8onCUtdls9wiLxTItJiaGEXw8U1gJ5j04ip4Cqnd13ItXaUlBCVZbWztdlJeX53bv3n2DZp1h9bl34KgtAAqNZ09Veb/t4lFQn589e3aiKCoqurx3797Mm+KZwhdvxsHBbNrHHwcsB9v1Hv1SWOHi7cSJE6PEBx98cNFNN910SrMTwXZlr+776RfZQmVDWvomUK4WDdw/nfRUq9qV/YcfftiTxj4xUkp61oeOsQ9zwY8MYCowPXCUfxy8EY/UjX3SCY7oCxcu7IyMjNQ2LWdutnPaW5OO+waYgTFFQKR2pAi/9ccTODjDlrwOnFvvt6bbXbGCmWBDQ8OBLl26XE5wRNXU1LwbGxurfYcbbAbGmY8DmX5J4a4v/5bgYJDeys3A6beC26+HI1MwMLZYLB/FxcXZDYwjy8rKfp2cnKy9rQ421wRTNDBkA5A4Wv9l+pqj4nOg9muna8Ieh7VXI2OfhAApuCaUl5cvSUlJWUBwmAsKCmb279//Dc2hBaNTkykO6P8sQP8VoR1L16evLVQ93igEBaemo0eP3pmdnb2S4BCrVq26dNq0afqammB1h2SszW7fB7pkNPeFFdFAbA6QdC1givIdPkIVHIrukKtXrx45ffr0r1yO1MlWq/WgyWTqoSnBUHWkJngGvgZ0vco3AAlVcCg4UttsttNms5mhm8pd4OhWU1OzIjY2dpKm9ILtjsXIq2ZMTibL686wZ+2kUAWHwp2KxWJZFxcXR9O1Chc4EkpKSuampaVpG/2EevAWAmTQmyrGtdroCVVwKARvKS0tXZCens7MjVUucMSuX79+5MSJE/U9hUI97JOIBC5eAaTc7P30EYrgUAz7tGHDhu9dd9113H9aXODoQg2p1WrdYzKZtPNgd4aAcYzjwTDWXIO9oVAEh0LAOJvN9q3ZbKbPdCWACy5wMOJJUnV19bPO9cazyDpLqEkChGf+VC9SnIYiOBRCTXLfGR8f/yAApva0usch7X7w4MHcnBzu2nSo0wSpNTtOMT2m6Y24+fNQA4fiRWV+fv6MwYMHM5SCXaPnDo6EkSNHxu/YsYNHWnpNe6ZOFd5aMSC+uzToalCqrTM0hjY/cyuEt7bZbBWjR48evGvXrmpuRluCg6lB46qrq/8QFxenHSi70wXGNwEDlgFpt6u9pX03AOf1E0uoVeZnLsXA+DU1NSvj4+N/BoDJiO0pIdxnDvu+Y8+ePVcMGzbsA90ud7qUGgKw6wHu1B76hRIg7+LQyTOjGKl57969Nw8fPnyLa7/REhz8m3fgpsbGxm1ms7m/ppQ6ZTIeAuRFz6k1ePt66DagXDcyju53q0MYFJPxWK3WoxEREWOd4QCabhBb5luJp33HmTNn7k9JSXlcdwCdMY0XB81vW+/5AENVuujCaeDovNCKw6qYxqusrOyJ1NRUmsjXAeCew04twWHXdzz11FPd58+fv1sIoZ2ivDMnAGTaza5Xf5cA8Pw/Qyc7k/3NqiUAlFLWLl68eMQjjzzCGcOu3/AEjqalpbq6+rdxcXH6sSXDqUN1J9iAMCimDq2pqXk9Pj6eXo+MMNPMKKWt7JD2pWXNmjX9Jk+ezDD74aTDAXm77WjUQNLhtWvXjpsyZQodeZstKW0tK/xfJICu/MVisbwaExPD6MbaFE5Xriehjn2umK68trZ2TWxsrCvPPCNKNrh31FNGaua5Nn/00UcDJk2a9EXzgOJtjJO7+H3Xdp7UXh37Kn3bmj14799VwnBa161bd9WNN954xBkmkirzZuQJHHaFGDmrq6tfiouL0w8IVrMf2D0OoAV2mAIjAd4XjdgKxDGvkjbV1NS8Ex8ff5+Tq0nxpTJzcJ/B2UOsXLmy14wZM7YKQZs7HSpcAJz6vR5X+Lm/JNDzISBL2ySHTUsp695+++1xM2fOPOmMR8VZo1XIQ08zB+uwb0z5y7lz5+Z369ZNN04QbA3AvglA1XZ/DT9crycJJIwBhm4CTNwyalNFRcUzSUlJi51crTairtJa4LCr08k4a9as2OXLl2/VtfUgc90JYPcYoLHVEqbX5/BzbyVAncyI7UB0U+4+jzXRZuOuu+4at2LFCouTyX4931YBLXCQP4FOT/zlyJEj12dnZ/9Fqf8M7ZzvhZ2EUuVhplYSyHkPSP6BkmAKCgruGDBgwCdO5nrXDaw34GiaPVjYYrG8FhMTc5NSL47NB76lKWKY/CqBi+YC/VwrhHZLtbW1H8bGxrqnJPc4a7AmvZmj2ezxwgsv9Lj//vu/EELoO6ny1JI/Azi7zq+y+beuvPskh0W9PX2ZNkkpz7744otXPfDAA65EMZqzhio4mk4uLFBQUHBD//79lysBi3YfByaF9R96b86b59RnXLIOMGtffzmrlkePHr0rOzvblYqcEXPbPKG4d0Vl5iA/ryebrigrKyufTUhIoG+DPjVWAHuvBSwH9HnDHGoSYF475qanIY8CVVVVrUhMTKRtqIu4GXVtSD3WoAoO8vHkYr9nmT59esyKFSvWR0REqCW1Z/aAvVcD9UUKQwmzaEogKhMY9hkQpe0k4KqjsbHx4KxZs65btWqV3brLqc/grKEbb1sVHKzUfp3vavT999/PmjJlyiZm9FF6nXXHgf2TgLoCJfYwUxsSiM4GhqwDovsoiUdKeX7NmjUTpk6dWuhWoNm1vFZFRsDBepqOtvwjPz9/wqBBg1bo3r24etBwBmAQmOoARuVREmsQMsVf5sjNxhtXNbIeOnRoVk5OjnvWIt1NqHvVRsHBZYULXdM1/smTJ+/o2bMndeZqdVmrgfzpQMWnakMMczly5uasAsxUWiuRPHXq1EO9evVy10tRPV5hJDOQ2gtt3p9mywsflZWV/Tw5OVk9zI7tAsCQz2WrlUb6b82UOg3gFbyB3Lnl5eWLU1JSWiZ5UV5OXPL2Bhws23Tv4qqosrJycUJCgruCRfud8pq/+BWg8FehY8ndkSilmV/W00DGPSrX7009q6qqei0xMbHlF9Xj/Ykv9xzuoOJGtEn7kpaWZiosLFwWExMz2ZAMq/4FfH07QDfLMDkkEJ0FXPwmkHCZIYnU1tauzcrKml1aWup+w0obChry6J5OWjbm7czBeqhaJ0Ca9h9XXXVV5MaNG1+Pjo6eaGhUjeeBI/eGlmW3oQEaYE6+BRjwMhChdgh01VxXV7chNzf3R1988YW7NRdBQmB4lfO1PeBgv1rtP4YMGWLetm3bc3FxcTMMiIRGBsCZ1UDh/OCPyGdoYIrMDMmUtRjgHkMYey01NTVvjx07dt7+/ftbgsDwPsO9t8Z60fY4afPRaht97ty5Bd26dXtAUTTfsXEWOf4kULzMW8AbbjKwBcxAxmygz0LDswX7XVFR8UJSUlJbFj70P+Few2vyBTjYeDP1uqs3JSUlc9LS0p7QtWBvq/vVux05WRnGsbNSwmig//NA/AhvRmgrLS19PD09fWkbhZXU43qN+gocbKfVCYb/PH78+NTMzEze3RsP58fg8mVrgaJfA7W6+df1xho8z2MGAZkLgJTJ3obIrC8qKprbp0+f99sYlFcnk7aE40twsP5mGlRXg9u2bbt01KhRr5tMpp5evSFpBcr+6kjgW/OVV1UERaG4S4Fe8xwRhQT388bJZrOdysvL+9HYsWPbEoQhDahe674GB9vj/Qs3qs1oyZIlyXPnzn01Kirqe3qd0nzO6MHFSx12IrKZm0W7qvVbYcYgo91FxhygW/uGXl9f//nzzz9/98MPP9xWwji6MXID6jPyBzg8LjHp6eli375996WkpDBvZSsAGRoVHZtPrwTOvBucswlnidQfAj1mAl20w7sqjPtCWVnZ00OHDn2ppKSkLX2Fz5YS9774Cxxsg34vbVqifPnll0PHjBnzUkRERI6CYPRZao86wiKc2whUbg3MjMIZInEckJQLJE8GYrQjWOgPysHR2NiYv3379vuuvPLKfR7K8Cqefic+J3+Cg51tco5q2fORI0dGbtiw4YHk5OR5Xm1WPYmiscqRwYAg4admD2D16WzraNmcCMQNdwDC/hkPRHDL5TOqLy8vf27ixIkv7Nq1y9P62aYzkq964G9wsJ88pfAk02ZbdLmcMGHCb6Kioq721aCa1UPlGo2MaInGGab+OFBX5EgfzlyvDWcBWz0g+Wl02GOKKEesdOZziUh2XJNHZwJMZMMZgZZYNLoxqKxSHV99ff1nmzZtetTpqthWMS4t1GNwA+o36ghwsPO8g+FG1aPH/uHDh3P79ev3pG5EIb+JIvAVM8LOsWPHFg4cOJAR/TwRVeKcCv3ud9pR4OBA2RYB4tEla/DgwREbN26cnpGR8aDJZNL30An8+/RJD2w224ni4uJnc3NzVx08eFDrpXN5ITAMX6J509GOBIerf9yHUKPqsW1e4L3zzju3paam3ms2m/t5M7BQKGO1Wo+dOXPm5VtvvfWtFhdmLbtPMFDr6bID7ZDhBQIcrmWG+xBNhwuaAWzevPm6zMzMOZGRkQxoFqj++vJlyIaGhm1FRUVLx48fv77F9Xpb7XAm4f7C78tIy8YDLWzOIJxJdPvxySefDLjiiituT0hImCaESPbl2+qIuqSU5VVVVau3bNny5vXXX8+YGHrE2YIzha4LgV5F3j7XfSneVmygHPXI1IkoKcVGjRoV8cYbb/xHZmbmzbGxsTcoW78b6JCvWGn9bbFYPi4qKvrgzjvv/GdeXp7qt5/aTh5TvbLD8FX/gwEcrrEQHASJ8qUDgbJs2bLRWVlZ18THx3/f6UfTgcneWr0GG/1Eqqur/1FYWPjp7NmzdxgABCsjGAiKpoh+vnrR3tQTTOBw9Z/2IVxuDL/kxx57rOttt902KiMjY3RMTMylkZGRg3VTk3kjNWcZprxqaGg4WFtb+1VxcfGOt956K2/RokW0vDJKPJ5y+WiX/YXRRvX4gxEc7iDhfkR5JmlrsLzwy83NHZSSkpIZGxubGRUV1TsiIiLFZDJ1N5vNdAhPEILWvOgihIiQ0h636oKUkt/eKqvVetZms51tbGwsq6+vP2GxWIrKysqKNm7ceMjDBZiezN2fc6bgviKoQOHqYDCDw9VHalg5m+iHrDHyWgLLS30FAeFXDWd7hxgK4HCNkTMIQUKwGF5y2isoH5Tn0kEwEBQB3WiqjiWUwOE+Jvsy4ARKMI+Bx1ECgktUUGwyVYFBvmAWrOo4uNwQKPypH8VEtVbv+bhn4bJBMISANZLngXYGcLiPjuMhSPjhMkSw+HMJ4lJBMHCZIBD46ZB7D++xq16ys4GjrZETHASK6yd/57j5N3+6Pq6Z1PVy+dP1IQj4O0HAD/92/VSXdohx/j92MMurqvaDXgAAAABJRU5ErkJggg==); background-size: contain; width: 88px; height: 91px; z-index: -1; } .drag-figure { width: 100px; background-color: rgba(255, 255, 255, 0.5); } .drag-figure img { width: 100%; } .drag-circle { color: #333; background-color: rgba(255, 255, 255, 0.2); border-radius: 50%; } .drag-circle .select-color { position: absolute; right: 0; top: -24px; } .drag-circle .drag-remove { right: -20px; } .drag-line { min-height: auto; line-height: 0px; color: #333; background-color: rgba(255, 255, 255, 0.3); } .drag-line .select-color { position: absolute; right: 0; top: -24px; } .drag-line .drag-remove { right: -20px; } .drag-button { min-height: 58.5px; line-height: normal; width: 195px; } .drag-button .drag-ui-button { outline: 0; width: 100%; height: 58.5px; color: #fff; background-color: #f90; border: 1px solid #f90; font-size: 16px; border-radius: 4px; font-weight: 400; text-align: center; vertical-align: middle; white-space: nowrap; line-height: 1.5; user-select: none; } .drag-arrow { width: 100px; height: 100px; border: 1px dashed rgba(0, 0, 0, 0.5); display: flex; align-items: center; justify-content: center; } .drag-arrow .arrow-inner { width: 91px; height: 49px; } .drag-arrow .left { transform: rotate(180deg); } .drag-arrow .left-top { transform: rotate(225deg); } .drag-arrow .top { transform: rotate(-90deg); } .drag-arrow .right-top { transform: rotate(-45deg); } .drag-arrow .right-bottom { transform: rotate(45deg); } .drag-arrow .bottom { transform: rotate(90deg); } .drag-arrow .left-bottom { transform: rotate(135deg); } .drag-audio { padding: 10px 5px 5px; min-height: 60px; border-radius: 8px; background-color: rgba(255, 255, 255, 0.7); } .drag-text { min-height: auto; border: 1px dashed rgba(0, 0, 0, 0.5); } .drag-text .ct-input { width: 100%; } .drag-text .ivu-color-picker { position: absolute; top: -24px; right: 85px; } .drag-text .ivu-select { position: absolute; top: -24px; right: 20px; } .drag-text-blanks { min-height: auto; background-color: #ffffff; max-width: 732px; min-width: auto; } .drag-text-blanks .ivu-color-picker { position: absolute; top: -24px; right: 85px; } .drag-text-blanks .ivu-select { position: absolute; top: -24px; right: 20px; } .drag-tts { min-height: auto; } .drag-tts .ct-input { width: 300px; } .drag-image { max-width: 430px; max-height: 430px; border: 1px dashed rgba(0, 0, 0, 0.5); } .drag-image img { width: 100%; } .poptip-figure-content { overflow: hidden; white-space: normal; } .poptip-figure-content .poptip-figure-item { display: inline-block; margin: 5px; min-width: 60px; } .poptip-content { text-align: center; overflow: hidden; } .poptip-item { display: inline-block; margin: 0 5px; } .poptip-item .left { transform: rotate(180deg); } .poptip-item .left-top { transform: rotate(225deg); } .poptip-item .top { transform: rotate(-90deg); } .poptip-item .right-top { transform: rotate(-45deg); } .poptip-item .right-bottom { transform: rotate(45deg); } .poptip-item .bottom { transform: rotate(90deg); } .poptip-item .left-bottom { transform: rotate(135deg); } .poptip-item img { width: 30px; } .init-svg { width: 100%; height: 100%; } .line-svg { stroke-dasharray: 1000; stroke-dashoffset: 10; animation: drawLine 3s linear forwards; } .show-property { position: absolute; bottom: 0; right: 0; } @keyframes drawLine { 0% { stroke-dashoffset: 1000; } 100% { stroke-dashoffset: 0; } } .circle-svg { stroke-dasharray: 20 5; animation: none; } @keyframes drawCircle { 0% { stroke-dashoffset: 0; } 100% { stroke-dasharray: 1500 1500; } } .rotate-x { transform-origin: center center; } .drag-bubble .ivu-color-picker { position: absolute; top: -24px; right: 20px; } .bubble-button { display: block; width: 130px; height: 98px; border-radius: 49px; position: relative; border: #FFF044 solid 1px; background-color: #FFF044; } .bubble-button:focus { border: none; outline: none; } .bg-grid { background-color: transparent; background-position: 0% 0%; background-size: 16px 16px; background-image: linear-gradient(90deg, rgba(0, 0, 0, 0.1) 1px, transparent 1px), linear-gradient(rgba(0, 0, 0, 0.1) 1px, transparent 1px); } audio { outline: none; } .action-box { max-width: 1012px; } .action-item { margin-bottom: 20px; } .action-item .audio-test { display: inline-block; vertical-align: middle; margin-right: 20px; } .action-item .ivu-upload { display: inline-block; vertical-align: middle; } .action-answer-item { margin: 0 0 15px; } .action-btn { text-align: right; } .action-btn.action-btn-left { text-align: left; } .cardBg { background-color: #e8eaec; } .lock-box { text-align: center; color: #999; padding: 15% 0 10%; } .lock-box > div { padding: 40px; } .poptip-remove { position: absolute; right: -4px; top: -4px; line-height: 0; opacity: 0; } .pageNumShow { position: absolute; left: 45%; bottom: -10px; line-height: 0; } .pageHiddenShow { position: absolute; left: 40px; top: -4px; line-height: 0; cursor: pointer; } .explanationSubtitles { position: absolute; right: -10px; top: -40px; cursor: pointer; } .image-upload-type { padding: 5px 0; } .image-upload-type > div + div { margin-top: 10px; } .module-list { display: inline-flex; padding: 10px 10px 10px 0; background-color: #f3f3f3; white-space: nowrap; } .module-list-item { display: flex; max-width: 100px; user-select: none; background-color: #fff; border: 1px solid #eee; text-align: center; position: relative; transition: hover 0.3s linear, box-shadow 0.3s ease-in-out, opacity 0.3s; margin-left: 10px; } .module-list-item > div { width: 100px; height: 100%; padding: 10px 0; } .module-list-item.curr { box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1); border-color: rgba(34, 153, 238, 0.5); } .module-list-item.set-box { min-height: 100px; border-style: dashed; cursor: pointer; } .module-list-item.set-box .ivu-icon { margin: 15px 0 5px; } .module-list-item .remove-course { position: absolute; left: -7px; top: -7px; opacity: 0; transition: opacity 0.3s; } .module-list-item .edit-course { position: absolute; right: -7px; top: -7px; opacity: 0; transition: opacity 0.3s; } .module-list-item .ivu-dropdown { position: absolute; right: 3px; top: 3px; } .module-list-item .ivu-dropdown a { color: #666; } .module-list-item img { width: 50px; height: 50px; background-color: #eee; } .module-list-item p { height: 22px; line-height: 22px; margin: 0 5px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .module-list-item:hover { box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1); } .module-list-item:hover .remove-course { opacity: 1; } .module-list-item:hover .edit-course { opacity: 1; } .preview-list { display: inline-flex; width: 750px; overflow-y: visible; overflow-x: auto; padding: 9px 8px; } .preview-item { display: flex; flex-shrink: 0; width: 100px; height: 100px; line-height: 0px; position: relative; margin-bottom: 10px; background-color: #f8f8f9; border: 2px solid #ffffff; background-size: cover; background-position: center; background-repeat: no-repeat; opacity: 0.5; transition: hover 0.3s linear, opacity 0.3s; } .preview-item:hover { border-color: rgba(60, 105, 138, 0.5); opacity: 0.7; } .preview-item.curr { border-color: rgba(34, 153, 238, 0.5); opacity: 1; } .preview-item.curr .poptip-remove { opacity: 1; } .preview-item.file-upload { background-color: #ccc; text-align: center; opacity: 1; } .preview-item.file-upload .upload-add-button { cursor: pointer; } .preview-item .flex-img { display: flex; width: 100%; height: 100%; align-items: center; justify-content: center; } .preview-item .flex-img > div { width: 100%; height: 100%; background-repeat: no-repeat; background-position: center; background-size: cover; } .preview-item .flex-img > div + div { margin-left: 2px; } .preview-item .preview-img { width: 100%; height: 100%; background-repeat: no-repeat; background-position: center; background-size: cover; } .other-area { position: relative; width: 832px; height: 468px; border: 1px dashed #dcdee2; background-color: #f8f8f9; } .image-box { position: relative; background-color: #f8f8f9; user-select: none; } .upload-image { position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 1; } .upload-image .ivu-upload { background-color: #f8f8f9; padding: 20px; } .upload-image .ivu-upload-drag { border: none; padding: 150px 0 20px; } .upload-image .ivu-row, .upload-image .ivu-col { height: 100%; } .image-preview { overflow: hidden; height: 100%; width: 100%; background-size: cover; display: flex; align-items: center; justify-content: center; } .image-preview .image-item { width: 100%; height: 100%; background-repeat: no-repeat; background-position: center; background-size: cover; } .image-preview .image-item + .image-item { margin-left: 5px; } .image-audio { padding-bottom: 20px; position: absolute; bottom: 0; left: 50%; margin-left: -250px; width: 500px; z-index: 10; text-align: center; } .image-audio .ct-input { width: 300px; } .image-audio .media-upload { display: inline-block; } .up-preview { width: 100%; height: 100%; background-repeat: no-repeat; background-position: top left; background-size: contain; } /* .roobo-editor { .other-area, //.player-box, .image-box, .editor-opt { height: 520px; } } */ .dropdown-list li a { color: #666; display: inline-block; padding: 5px 15px; } .dropdown-list li a:hover { background: #f3f3f3; color: #2d8cf0; } .blanks-main { text-align: left; font-family: Arial; padding: 5px; } .blanks-main p { font-size: 24px; line-height: 1; } .blanks-main span { display: inline-block; font-size: 24px; line-height: 1; overflow: hidden; vertical-align: middle; margin: 5px 0; } .blanks-main span.text-line { border-bottom: 1px solid #666; } .svg-button { cursor: pointer; width: 40px; height: 40px; fill-opacity: 0; stroke: #111111; stroke-width: 1; stroke-dasharray: 20 5; padding: 0px 4px; margin: 0px 10px 5px 10px; } .svg-button2 { cursor: pointer; width: 40px; height: 40px; fill-opacity: 0; stroke: #111111; stroke-width: 1; padding: 0px 4px; margin: 5px 10px 0px 10px; } .snBtn { height: 30px; margin: 20px 5px; } .snBtn2 { height: 30px; line-height: 30px; margin: 20px 5px; } .quanTuText { height: 50px; line-height: 50px; margin: 5px 30px 5px 10px; } .checkView { height: 50px; line-height: 50px; margin: 5px 30px 5px 10px; display: -webkit-flex; display: flex; flex-direction: row; justify-content: flex-start; } .checkViewItem { padding: 0px 10px 0px 0px; } .svgButtonOuter { width: 50px; height: 50px; display: table; } .svgButtoninner { display: table-cell; vertical-align: middle; text-align: center; } .tipsForeditor { font-family: Arial; padding: 5px; font-size: 12px; line-height: 1; } .editor-content { background-color: #f0f0f0; display: flex; border: 1px solid #eee; padding: 5px; max-width: 900px; } .tool-response { border: 1px solid #ddd; padding: 10px; margin: 0px 0px 10px 0px; } .oidFlex { display: -webkit-flex; display: flex; flex-direction: row; justify-content: flex-start; align-items: center; } .addInteractText { height: 30px; line-height: 30px; margin: 0px 30px 0px 10px; } .readPointInteractText { height: 30px; line-height: 30px; font-size: 16px; margin: 0px 10px 0px 10px; } .hide-area { border: 1px solid #ddd; padding: 0px 0px 0px 10px; } .talkTrainHeaderText { font-size: 14px; margin: 0px 0px 0px 0px; padding: 0px; } .showTimeoutTableCell { padding: 0px 20px 0px 0px; display: table-cell; vertical-align: middle; text-align: center; } .talkTrainHeader2Text { font-size: 10px; margin: 0px 0px 0px 0px; color: #aaaaaa; padding: 0px; } .svg-touch { cursor: pointer; } .talk-area { border: 1px solid #ddd; padding: 10px 10px 10px 10px; } .checkBtn { max-width: 900px; padding: 10px 10px 10px 10px; background-color: #f8f8f9; border: 1px solid #eee; } .classShow { width: 600px; display: -webkit-flex; display: flex; flex-direction: row; justify-content: space-between; align-items: center; } .recordStyle { height: 35px; width: 426px; display: -webkit-flex; display: flex; flex-direction: row; justify-content: flex-start; align-items: center; } .questionAudio2 { width: 500px; border: 1px solid #ddd; padding: 10px; } .questionAudio { width: 390px; border: 1px solid #ddd; padding: 10px; } .interact-game-pointRange { width: 700px; display: flex; display: -webkit-flex; flex-direction: column; justify-content: flex-start; align-items: flex-start; } .interact-gameSigmode-correct-btn { display: -webkit-flex; display: flex; flex-direction: row; justify-content: flex-start; align-items: center; } .interact-follow-response { display: -webkit-flex; display: flex; flex-direction: row; justify-content: flex-start; align-items: center; border: 1px solid #ddd; margin: 5px; } .oidstyle { height: 35px; width: 600px; display: -webkit-flex; display: flex; flex-direction: row; justify-content: start; align-items: center; } .el-table__body tr.current-row > td { background-color: #8282ec !important; /* color: #f19944; */ /* 设置文字颜色 */ } .readpoint-list { display: inline-flex; width: 1090px; overflow-y: visible; overflow-x: auto; padding: 8px; } .readpoint-item { display: flex; flex-shrink: 0; border-radius: 5px; width: 100px; height: 40px; line-height: 0px; position: relative; margin-right: 20px; margin-bottom: 10px; background-color: #f8f8f9; border: 2px solid #161616; background-size: cover; background-position: center; background-repeat: no-repeat; opacity: 0.8; transition: hover 0.3s linear, opacity 0.3s; cursor: pointer; } .readpoint-item:hover { border-color: rgba(60, 105, 138, 0.5); opacity: 0.7; } .readpoint-item.son { border-color: #b0c20f; background-color: #b0c20f; opacity: 1; } .readpoint-item.curr { border-color: rgba(34, 153, 238, 0.5); background-color: #0fc20f; opacity: 1; } .readpoint-item.curr .poptip-remove { opacity: 1; } .readpoint-item .flex-img { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; display: flex; width: 100%; height: 100%; align-items: center; justify-content: center; } .readpoint-item .flex-img > div { width: 100%; height: 100%; background-repeat: no-repeat; background-position: center; background-size: cover; } .readpoint-item .flex-img > div + div { margin-left: 2px; } .downloadPanelFlex { display: -webkit-flex; display: flex; flex-direction: column; justify-content: space-around; align-items: center; } .addPictureBookBtn { width: 120px; height: 40px; border-radius: 4px; background: #2472e3; color: #fff; text-align: center; cursor: pointer; } .el-checkbox + .el-checkbox { margin-left: 0px; } .el-checkbox { margin-right: 25px; } .course-module { width: 1014px; overflow-x: auto; background-color: #f3f3f3; border: 1px solid #eee; } .editor-mode { padding: 15px 0; overflow-x: auto; overflow-y: visible; } .editor-tool { background-color: #f8f8f9; display: flex; border: 1px solid #eee; padding: 5px; max-width: 1100px; } .editor-tool .tool-start { display: flex; flex-shrink: 0; flex-direction: column; padding: 5px 10px 5px 0; margin-right: 10px; border-right: 1px solid #eee; } .editor-tool .tool-start .ivu-btn { margin-bottom: 3px; margin-top: 3px; } .editor-tool .tool-action { padding: 5px 10px 5px 0; margin-right: 10px; border-right: 1px solid #eee; width: 380px; } .editor-tool .tool-action .ivu-btn { margin-bottom: 3px; margin-top: 3px; } .editor-tool .tool-main { display: flex; flex-shrink: 0; flex-direction: column; padding-right: 10px; margin-right: 10px; border-right: 1px solid #eee; } .editor-tool .tool-main .tool-column { margin: 3px 0; } .editor-tool .tool-opt { padding: 5px 0; } .editor-tool .tool-opt .ivu-btn { margin-bottom: 3px; margin-top: 3px; } .editor-container { margin-top: 10px; position: relative; } .editor-row { min-width: 900px; display: -webkit-flex; display: flex; flex-direction: row; } .editor-preview { width: 750px; float: top; margin-right: 12px; border: 1px solid #eee; background-color: #f8f8f9; } .editor-main { overflow-x: auto; width: 100%; position: relative; display: -webkit-flex; display: flex; flex-direction: row; align-items: center; } .editor-opt { height: 468px; width: 832px; position: absolute; left: 0; top: 0; z-index: 9; background: transparent; } .drag-box { position: absolute; z-index: 10; touch-action: none; text-align: center; font-size: 12px; border: 0px solid #3dd; /* .ivu-tooltip, .drap-title-pst { position: absolute; top: -24px; left: 0; } .size-val { position: absolute; top: 40%; left: 0; width: 100%; text-align: center; } .ivu-color-picker { cursor: default; } */ } .drag-box-bg { position: absolute; z-index: 8; touch-action: none; text-align: center; font-size: 12px; border: 0px solid #3dd; } .drag-polygon { position: absolute; z-index: 9; touch-action: none; text-align: center; font-size: 12px; border: 0px solid #3dd; } .drag-remove { position: absolute; left: 60px; top: -18px; } .OIDShowInQuantu { position: absolute; left: 0; right: 0; top: 40%; margin: auto; cursor: pointer; width: fit-content; background-color: #ffffff; } .OIDShowInQuantu2 { position: absolute; left: 5px; top: 3px; margin: auto; cursor: pointer; width: fit-content; background-color: #ffffff; } .NameShowInQuantu { position: absolute; left: 0; right: 0; top: 8px; margin: auto; cursor: pointer; width: fit-content; background-color: #ffffff; } .NameShowInQuantu1 { position: absolute; left: 0; right: 0; padding: 2px 0 0 2px; cursor: pointer; width: fit-content; overflow-y: auto; font-family: Times; } .drag-confirm { position: absolute; left: 30px; top: -18px; } .drag-reedit { position: absolute; left: 0; top: -18px; } .drag-box2 { position: absolute; z-index: 11; touch-action: none; text-align: center; font-size: 12px; /* .size-val { position: absolute; top: 40%; left: 0; width: 100%; text-align: center; } .ivu-color-picker { cursor: default; } */ } .drag-title { display: inline-block; font-size: 12px; border-radius: 4px; padding: 0 10px; height: 24px; line-height: 24px; background-color: #ff9900; color: #fff; } .resize-drag { touch-action: none; } .dragonly { touch-action: none; } .click-area { color: #fff; border-radius: 8px; padding: 10px 5px 5px; background-color: rgba(237, 64, 20, 0.5); } .click-area .horn-icon { position: absolute; top: 50%; left: 50%; margin-left: -44px; margin-top: -45px; background-image: url(data:image/png;base64,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); background-size: contain; width: 88px; height: 91px; z-index: -1; } .drag-figure { width: 100px; background-color: rgba(255, 255, 255, 0.5); } .drag-figure img { width: 100%; } .drag-circle { color: #333; background-color: rgba(255, 255, 255, 0.2); border-radius: 50%; } .drag-circle .select-color { position: absolute; right: 0; top: -24px; } .drag-circle .drag-remove { right: -20px; } .drag-line { min-height: auto; line-height: 0px; color: #333; background-color: rgba(255, 255, 255, 0.3); } .drag-line .select-color { position: absolute; right: 0; top: -24px; } .drag-line .drag-remove { right: -20px; } .drag-button { min-height: 58.5px; line-height: normal; width: 195px; } .drag-button .drag-ui-button { outline: 0; width: 100%; height: 58.5px; color: #fff; background-color: #f90; border: 1px solid #f90; font-size: 16px; border-radius: 4px; font-weight: 400; text-align: center; vertical-align: middle; white-space: nowrap; line-height: 1.5; user-select: none; } .drag-arrow { width: 100px; height: 100px; border: 1px dashed rgba(0, 0, 0, 0.5); display: flex; align-items: center; justify-content: center; } .drag-arrow .arrow-inner { width: 91px; height: 49px; } .drag-arrow .left { transform: rotate(180deg); } .drag-arrow .left-top { transform: rotate(225deg); } .drag-arrow .top { transform: rotate(-90deg); } .drag-arrow .right-top { transform: rotate(-45deg); } .drag-arrow .right-bottom { transform: rotate(45deg); } .drag-arrow .bottom { transform: rotate(90deg); } .drag-arrow .left-bottom { transform: rotate(135deg); } .drag-audio { padding: 10px 5px 5px; min-height: 60px; border-radius: 8px; background-color: rgba(255, 255, 255, 0.7); } .drag-text { min-height: auto; border: 1px dashed rgba(0, 0, 0, 0.5); } .drag-text .ct-input { width: 100%; } .drag-text .ivu-color-picker { position: absolute; top: -24px; right: 85px; } .drag-text .ivu-select { position: absolute; top: -24px; right: 20px; } .drag-text-blanks { min-height: auto; background-color: #ffffff; max-width: 732px; min-width: auto; } .drag-text-blanks .ivu-color-picker { position: absolute; top: -24px; right: 85px; } .drag-text-blanks .ivu-select { position: absolute; top: -24px; right: 20px; } .drag-tts { min-height: auto; } .drag-tts .ct-input { width: 300px; } .drag-image { max-width: 430px; max-height: 430px; border: 1px dashed rgba(0, 0, 0, 0.5); } .drag-image img { width: 100%; } .poptip-figure-content { overflow: hidden; white-space: normal; } .poptip-figure-content .poptip-figure-item { display: inline-block; margin: 5px; min-width: 60px; } .poptip-content { text-align: center; overflow: hidden; } .poptip-item { display: inline-block; margin: 0 5px; } .poptip-item .left { transform: rotate(180deg); } .poptip-item .left-top { transform: rotate(225deg); } .poptip-item .top { transform: rotate(-90deg); } .poptip-item .right-top { transform: rotate(-45deg); } .poptip-item .right-bottom { transform: rotate(45deg); } .poptip-item .bottom { transform: rotate(90deg); } .poptip-item .left-bottom { transform: rotate(135deg); } .poptip-item img { width: 30px; } .init-svg { width: 100%; height: 100%; } .line-svg { stroke-dasharray: 1000; stroke-dashoffset: 10; animation: drawLine 3s linear forwards; } .show-property { position: absolute; bottom: 0; right: 0; } @keyframes drawLine { 0% { stroke-dashoffset: 1000; } 100% { stroke-dashoffset: 0; } } .circle-svg { stroke-dasharray: 20 5; animation: none; } @keyframes drawCircle { 0% { stroke-dashoffset: 0; } 100% { stroke-dasharray: 1500 1500; } } .rotate-x { transform-origin: center center; } .drag-bubble .ivu-color-picker { position: absolute; top: -24px; right: 20px; } .bubble-button { display: block; width: 130px; height: 98px; border-radius: 49px; position: relative; border: #FFF044 solid 1px; background-color: #FFF044; } .bubble-button:focus { border: none; outline: none; } .bg-grid { background-color: transparent; background-position: 0% 0%; background-size: 16px 16px; background-image: linear-gradient(90deg, rgba(0, 0, 0, 0.1) 1px, transparent 1px), linear-gradient(rgba(0, 0, 0, 0.1) 1px, transparent 1px); } .blackbook[data-v-45e2376e] { width: 500px !important; } .player-box[data-v-45e2376e] { position: relative; overflow: hidden; user-select: none; border-radius: 30px; margin: 5px; } .custom-controls[data-v-45e2376e] { display: flex; background-color: #f1f1f1; flex-direction: row; justify-content: flex-start; align-items: center; height: 38px; } .play-bar[data-v-45e2376e] { padding: 0 0 0 5px; } .slider[data-v-45e2376e] { padding: 0 5px 0 10px; } .slider1[data-v-45e2376e] { width: 400px !important; } .time-bar[data-v-45e2376e] { color: #111111; font-size: 10px; } audio { outline: none; } .action-box { max-width: 1012px; } .action-item { margin-bottom: 20px; } .action-item .audio-test { display: inline-block; vertical-align: middle; margin-right: 20px; } .action-item .ivu-upload { display: inline-block; vertical-align: middle; } .action-answer-item { margin: 0 0 15px; } .action-btn { text-align: right; } .action-btn.action-btn-left { text-align: left; } .cardBg { background-color: #e8eaec; } .lock-box { text-align: center; color: #999; padding: 15% 0 10%; } .lock-box > div { padding: 40px; } .poptip-remove { position: absolute; right: -4px; top: -4px; line-height: 0; opacity: 0; } .pageNumShow { position: absolute; left: 45%; bottom: -10px; line-height: 0; } .pageHiddenShow { position: absolute; left: 40px; top: -4px; line-height: 0; cursor: pointer; } .explanationSubtitles { position: absolute; right: -10px; top: -40px; cursor: pointer; } .image-upload-type { padding: 5px 0; } .image-upload-type > div + div { margin-top: 10px; } .module-list { display: inline-flex; padding: 10px 10px 10px 0; background-color: #f3f3f3; white-space: nowrap; } .module-list-item { display: flex; max-width: 100px; user-select: none; background-color: #fff; border: 1px solid #eee; text-align: center; position: relative; transition: hover 0.3s linear, box-shadow 0.3s ease-in-out, opacity 0.3s; margin-left: 10px; } .module-list-item > div { width: 100px; height: 100%; padding: 10px 0; } .module-list-item.curr { box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1); border-color: rgba(34, 153, 238, 0.5); } .module-list-item.set-box { min-height: 100px; border-style: dashed; cursor: pointer; } .module-list-item.set-box .ivu-icon { margin: 15px 0 5px; } .module-list-item .remove-course { position: absolute; left: -7px; top: -7px; opacity: 0; transition: opacity 0.3s; } .module-list-item .edit-course { position: absolute; right: -7px; top: -7px; opacity: 0; transition: opacity 0.3s; } .module-list-item .ivu-dropdown { position: absolute; right: 3px; top: 3px; } .module-list-item .ivu-dropdown a { color: #666; } .module-list-item img { width: 50px; height: 50px; background-color: #eee; } .module-list-item p { height: 22px; line-height: 22px; margin: 0 5px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .module-list-item:hover { box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1); } .module-list-item:hover .remove-course { opacity: 1; } .module-list-item:hover .edit-course { opacity: 1; } .preview-list { display: inline-flex; width: 750px; overflow-y: visible; overflow-x: auto; padding: 9px 8px; } .preview-item { display: flex; flex-shrink: 0; width: 100px; height: 100px; line-height: 0px; position: relative; margin-bottom: 10px; background-color: #f8f8f9; border: 2px solid #ffffff; background-size: cover; background-position: center; background-repeat: no-repeat; opacity: 0.5; transition: hover 0.3s linear, opacity 0.3s; } .preview-item:hover { border-color: rgba(60, 105, 138, 0.5); opacity: 0.7; } .preview-item.curr { border-color: rgba(34, 153, 238, 0.5); opacity: 1; } .preview-item.curr .poptip-remove { opacity: 1; } .preview-item.file-upload { background-color: #ccc; text-align: center; opacity: 1; } .preview-item.file-upload .upload-add-button { cursor: pointer; } .preview-item .flex-img { display: flex; width: 100%; height: 100%; align-items: center; justify-content: center; } .preview-item .flex-img > div { width: 100%; height: 100%; background-repeat: no-repeat; background-position: center; background-size: cover; } .preview-item .flex-img > div + div { margin-left: 2px; } .preview-item .preview-img { width: 100%; height: 100%; background-repeat: no-repeat; background-position: center; background-size: cover; } .other-area { position: relative; width: 832px; height: 468px; border: 1px dashed #dcdee2; background-color: #f8f8f9; } .image-box { position: relative; background-color: #f8f8f9; user-select: none; } .upload-image { position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 1; } .upload-image .ivu-upload { background-color: #f8f8f9; padding: 20px; } .upload-image .ivu-upload-drag { border: none; padding: 150px 0 20px; } .upload-image .ivu-row, .upload-image .ivu-col { height: 100%; } .image-preview { overflow: hidden; height: 100%; width: 100%; background-size: cover; display: flex; align-items: center; justify-content: center; } .image-preview .image-item { width: 100%; height: 100%; background-repeat: no-repeat; background-position: center; background-size: cover; } .image-preview .image-item + .image-item { margin-left: 5px; } .image-audio { padding-bottom: 20px; position: absolute; bottom: 0; left: 50%; margin-left: -250px; width: 500px; z-index: 10; text-align: center; } .image-audio .ct-input { width: 300px; } .image-audio .media-upload { display: inline-block; } .up-preview { width: 100%; height: 100%; background-repeat: no-repeat; background-position: top left; background-size: contain; } /* .roobo-editor { .other-area, //.player-box, .image-box, .editor-opt { height: 520px; } } */ .dropdown-list li a { color: #666; display: inline-block; padding: 5px 15px; } .dropdown-list li a:hover { background: #f3f3f3; color: #2d8cf0; } .blanks-main { text-align: left; font-family: Arial; padding: 5px; } .blanks-main p { font-size: 24px; line-height: 1; } .blanks-main span { display: inline-block; font-size: 24px; line-height: 1; overflow: hidden; vertical-align: middle; margin: 5px 0; } .blanks-main span.text-line { border-bottom: 1px solid #666; } .svg-button { cursor: pointer; width: 40px; height: 40px; fill-opacity: 0; stroke: #111111; stroke-width: 1; stroke-dasharray: 20 5; padding: 0px 4px; margin: 0px 10px 5px 10px; } .svg-button2 { cursor: pointer; width: 40px; height: 40px; fill-opacity: 0; stroke: #111111; stroke-width: 1; padding: 0px 4px; margin: 5px 10px 0px 10px; } .snBtn { height: 30px; margin: 20px 5px; } .snBtn2 { height: 30px; line-height: 30px; margin: 20px 5px; } .quanTuText { height: 50px; line-height: 50px; margin: 5px 30px 5px 10px; } .checkView { height: 50px; line-height: 50px; margin: 5px 30px 5px 10px; display: -webkit-flex; display: flex; flex-direction: row; justify-content: flex-start; } .checkViewItem { padding: 0px 10px 0px 0px; } .svgButtonOuter { width: 50px; height: 50px; display: table; } .svgButtoninner { display: table-cell; vertical-align: middle; text-align: center; } .tipsForeditor { font-family: Arial; padding: 5px; font-size: 12px; line-height: 1; } .editor-content { background-color: #f0f0f0; display: flex; border: 1px solid #eee; padding: 5px; max-width: 900px; } .tool-response { border: 1px solid #ddd; padding: 10px; margin: 0px 0px 10px 0px; } .oidFlex { display: -webkit-flex; display: flex; flex-direction: row; justify-content: flex-start; align-items: center; } .addInteractText { height: 30px; line-height: 30px; margin: 0px 30px 0px 10px; } .readPointInteractText { height: 30px; line-height: 30px; font-size: 16px; margin: 0px 10px 0px 10px; } .hide-area { border: 1px solid #ddd; padding: 0px 0px 0px 10px; } .talkTrainHeaderText { font-size: 14px; margin: 0px 0px 0px 0px; padding: 0px; } .showTimeoutTableCell { padding: 0px 20px 0px 0px; display: table-cell; vertical-align: middle; text-align: center; } .talkTrainHeader2Text { font-size: 10px; margin: 0px 0px 0px 0px; color: #aaaaaa; padding: 0px; } .svg-touch { cursor: pointer; } .talk-area { border: 1px solid #ddd; padding: 10px 10px 10px 10px; } .checkBtn { max-width: 900px; padding: 10px 10px 10px 10px; background-color: #f8f8f9; border: 1px solid #eee; } .classShow { width: 600px; display: -webkit-flex; display: flex; flex-direction: row; justify-content: space-between; align-items: center; } .recordStyle { height: 35px; width: 426px; display: -webkit-flex; display: flex; flex-direction: row; justify-content: flex-start; align-items: center; } .questionAudio2 { width: 500px; border: 1px solid #ddd; padding: 10px; } .questionAudio { width: 390px; border: 1px solid #ddd; padding: 10px; } .interact-game-pointRange { width: 700px; display: flex; display: -webkit-flex; flex-direction: column; justify-content: flex-start; align-items: flex-start; } .interact-gameSigmode-correct-btn { display: -webkit-flex; display: flex; flex-direction: row; justify-content: flex-start; align-items: center; } .interact-follow-response { display: -webkit-flex; display: flex; flex-direction: row; justify-content: flex-start; align-items: center; border: 1px solid #ddd; margin: 5px; } .oidstyle { height: 35px; width: 600px; display: -webkit-flex; display: flex; flex-direction: row; justify-content: start; align-items: center; } .el-table__body tr.current-row > td { background-color: #8282ec !important; /* color: #f19944; */ /* 设置文字颜色 */ } .readpoint-list { display: inline-flex; width: 1090px; overflow-y: visible; overflow-x: auto; padding: 8px; } .readpoint-item { display: flex; flex-shrink: 0; border-radius: 5px; width: 100px; height: 40px; line-height: 0px; position: relative; margin-right: 20px; margin-bottom: 10px; background-color: #f8f8f9; border: 2px solid #161616; background-size: cover; background-position: center; background-repeat: no-repeat; opacity: 0.8; transition: hover 0.3s linear, opacity 0.3s; cursor: pointer; } .readpoint-item:hover { border-color: rgba(60, 105, 138, 0.5); opacity: 0.7; } .readpoint-item.son { border-color: #b0c20f; background-color: #b0c20f; opacity: 1; } .readpoint-item.curr { border-color: rgba(34, 153, 238, 0.5); background-color: #0fc20f; opacity: 1; } .readpoint-item.curr .poptip-remove { opacity: 1; } .readpoint-item .flex-img { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; display: flex; width: 100%; height: 100%; align-items: center; justify-content: center; } .readpoint-item .flex-img > div { width: 100%; height: 100%; background-repeat: no-repeat; background-position: center; background-size: cover; } .readpoint-item .flex-img > div + div { margin-left: 2px; } .downloadPanelFlex { display: -webkit-flex; display: flex; flex-direction: column; justify-content: space-around; align-items: center; } .addPictureBookBtn { width: 120px; height: 40px; border-radius: 4px; background: #2472e3; color: #fff; text-align: center; cursor: pointer; } .el-checkbox + .el-checkbox { margin-left: 0px; } .el-checkbox { margin-right: 25px; } .svgButtonOuter { padding: 20px 0; } .editor-tool { background: none !important; border: none; } .extract { width: 50px; height: 30px; } textarea { border: 1px solid #ccc; border-radius: 4px; } .uls-extend { width: 730px; overflow: auto; border: 1px solid #ddd; } .tab { display: flex; } .buttonDetaut { background: #fff; color: #606266; cursor: pointer; padding: 0 10px; } .activeButton { display: inline-block; white-space: nowrap; cursor: pointer; color: #fff; background-color: #409eff; border-color: #409eff; border: 1px solid #dcdfe6; -webkit-appearance: none; text-align: center; box-sizing: border-box; outline: none; margin: 0; transition: 0.1s; font-weight: 500; font-size: 14px; border-radius: 4px; } .active { color: #18d0bc; } .redActive { color: #ff0000; } .active-tab, .active-tab:hover { color: #20a0ff; border-bottom: 3px solid; } audio { outline: none; } .action-box { max-width: 1012px; } .action-item { margin-bottom: 20px; } .action-item .audio-test { display: inline-block; vertical-align: middle; margin-right: 20px; } .action-item .ivu-upload { display: inline-block; vertical-align: middle; } .action-answer-item { margin: 0 0 15px; } .action-btn { text-align: right; } .action-btn.action-btn-left { text-align: left; } .cardBg { background-color: #e8eaec; } .lock-box { text-align: center; color: #999; padding: 15% 0 10%; } .lock-box > div { padding: 40px; } .poptip-remove { position: absolute; right: -4px; top: -4px; line-height: 0; opacity: 0; } .pageNumShow { position: absolute; left: 45%; bottom: -10px; line-height: 0; } .pageHiddenShow { position: absolute; left: 40px; top: -4px; line-height: 0; cursor: pointer; } .explanationSubtitles { position: absolute; right: -10px; top: -40px; cursor: pointer; } .image-upload-type { padding: 5px 0; } .image-upload-type > div + div { margin-top: 10px; } .module-list { display: inline-flex; padding: 10px 10px 10px 0; background-color: #f3f3f3; white-space: nowrap; } .module-list-item { display: flex; max-width: 100px; user-select: none; background-color: #fff; border: 1px solid #eee; text-align: center; position: relative; transition: hover 0.3s linear, box-shadow 0.3s ease-in-out, opacity 0.3s; margin-left: 10px; } .module-list-item > div { width: 100px; height: 100%; padding: 10px 0; } .module-list-item.curr { box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1); border-color: rgba(34, 153, 238, 0.5); } .module-list-item.set-box { min-height: 100px; border-style: dashed; cursor: pointer; } .module-list-item.set-box .ivu-icon { margin: 15px 0 5px; } .module-list-item .remove-course { position: absolute; left: -7px; top: -7px; opacity: 0; transition: opacity 0.3s; } .module-list-item .edit-course { position: absolute; right: -7px; top: -7px; opacity: 0; transition: opacity 0.3s; } .module-list-item .ivu-dropdown { position: absolute; right: 3px; top: 3px; } .module-list-item .ivu-dropdown a { color: #666; } .module-list-item img { width: 50px; height: 50px; background-color: #eee; } .module-list-item p { height: 22px; line-height: 22px; margin: 0 5px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .module-list-item:hover { box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1); } .module-list-item:hover .remove-course { opacity: 1; } .module-list-item:hover .edit-course { opacity: 1; } .preview-list { display: inline-flex; width: 750px; overflow-y: visible; overflow-x: auto; padding: 9px 8px; } .preview-item { display: flex; flex-shrink: 0; width: 100px; height: 100px; line-height: 0px; position: relative; margin-bottom: 10px; background-color: #f8f8f9; border: 2px solid #ffffff; background-size: cover; background-position: center; background-repeat: no-repeat; opacity: 0.5; transition: hover 0.3s linear, opacity 0.3s; } .preview-item:hover { border-color: rgba(60, 105, 138, 0.5); opacity: 0.7; } .preview-item.curr { border-color: rgba(34, 153, 238, 0.5); opacity: 1; } .preview-item.curr .poptip-remove { opacity: 1; } .preview-item.file-upload { background-color: #ccc; text-align: center; opacity: 1; } .preview-item.file-upload .upload-add-button { cursor: pointer; } .preview-item .flex-img { display: flex; width: 100%; height: 100%; align-items: center; justify-content: center; } .preview-item .flex-img > div { width: 100%; height: 100%; background-repeat: no-repeat; background-position: center; background-size: cover; } .preview-item .flex-img > div + div { margin-left: 2px; } .preview-item .preview-img { width: 100%; height: 100%; background-repeat: no-repeat; background-position: center; background-size: cover; } .other-area { position: relative; width: 832px; height: 468px; border: 1px dashed #dcdee2; background-color: #f8f8f9; } .image-box { position: relative; background-color: #f8f8f9; user-select: none; } .upload-image { position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 1; } .upload-image .ivu-upload { background-color: #f8f8f9; padding: 20px; } .upload-image .ivu-upload-drag { border: none; padding: 150px 0 20px; } .upload-image .ivu-row, .upload-image .ivu-col { height: 100%; } .image-preview { overflow: hidden; height: 100%; width: 100%; background-size: cover; display: flex; align-items: center; justify-content: center; } .image-preview .image-item { width: 100%; height: 100%; background-repeat: no-repeat; background-position: center; background-size: cover; } .image-preview .image-item + .image-item { margin-left: 5px; } .image-audio { padding-bottom: 20px; position: absolute; bottom: 0; left: 50%; margin-left: -250px; width: 500px; z-index: 10; text-align: center; } .image-audio .ct-input { width: 300px; } .image-audio .media-upload { display: inline-block; } .up-preview { width: 100%; height: 100%; background-repeat: no-repeat; background-position: top left; background-size: contain; } /* .roobo-editor { .other-area, //.player-box, .image-box, .editor-opt { height: 520px; } } */ .dropdown-list li a { color: #666; display: inline-block; padding: 5px 15px; } .dropdown-list li a:hover { background: #f3f3f3; color: #2d8cf0; } .blanks-main { text-align: left; font-family: Arial; padding: 5px; } .blanks-main p { font-size: 24px; line-height: 1; } .blanks-main span { display: inline-block; font-size: 24px; line-height: 1; overflow: hidden; vertical-align: middle; margin: 5px 0; } .blanks-main span.text-line { border-bottom: 1px solid #666; } .svg-button { cursor: pointer; width: 40px; height: 40px; fill-opacity: 0; stroke: #111111; stroke-width: 1; stroke-dasharray: 20 5; padding: 0px 4px; margin: 0px 10px 5px 10px; } .svg-button2 { cursor: pointer; width: 40px; height: 40px; fill-opacity: 0; stroke: #111111; stroke-width: 1; padding: 0px 4px; margin: 5px 10px 0px 10px; } .snBtn { height: 30px; margin: 20px 5px; } .snBtn2 { height: 30px; line-height: 30px; margin: 20px 5px; } .quanTuText { height: 50px; line-height: 50px; margin: 5px 30px 5px 10px; } .checkView { height: 50px; line-height: 50px; margin: 5px 30px 5px 10px; display: -webkit-flex; display: flex; flex-direction: row; justify-content: flex-start; } .checkViewItem { padding: 0px 10px 0px 0px; } .svgButtonOuter { width: 50px; height: 50px; display: table; } .svgButtoninner { display: table-cell; vertical-align: middle; text-align: center; } .tipsForeditor { font-family: Arial; padding: 5px; font-size: 12px; line-height: 1; } .editor-content { background-color: #f0f0f0; display: flex; border: 1px solid #eee; padding: 5px; max-width: 900px; } .tool-response { border: 1px solid #ddd; padding: 10px; margin: 0px 0px 10px 0px; } .oidFlex { display: -webkit-flex; display: flex; flex-direction: row; justify-content: flex-start; align-items: center; } .addInteractText { height: 30px; line-height: 30px; margin: 0px 30px 0px 10px; } .readPointInteractText { height: 30px; line-height: 30px; font-size: 16px; margin: 0px 10px 0px 10px; } .hide-area { border: 1px solid #ddd; padding: 0px 0px 0px 10px; } .talkTrainHeaderText { font-size: 14px; margin: 0px 0px 0px 0px; padding: 0px; } .showTimeoutTableCell { padding: 0px 20px 0px 0px; display: table-cell; vertical-align: middle; text-align: center; } .talkTrainHeader2Text { font-size: 10px; margin: 0px 0px 0px 0px; color: #aaaaaa; padding: 0px; } .svg-touch { cursor: pointer; } .talk-area { border: 1px solid #ddd; padding: 10px 10px 10px 10px; } .checkBtn { max-width: 900px; padding: 10px 10px 10px 10px; background-color: #f8f8f9; border: 1px solid #eee; } .classShow { width: 600px; display: -webkit-flex; display: flex; flex-direction: row; justify-content: space-between; align-items: center; } .recordStyle { height: 35px; width: 426px; display: -webkit-flex; display: flex; flex-direction: row; justify-content: flex-start; align-items: center; } .questionAudio2 { width: 500px; border: 1px solid #ddd; padding: 10px; } .questionAudio { width: 390px; border: 1px solid #ddd; padding: 10px; } .interact-game-pointRange { width: 700px; display: flex; display: -webkit-flex; flex-direction: column; justify-content: flex-start; align-items: flex-start; } .interact-gameSigmode-correct-btn { display: -webkit-flex; display: flex; flex-direction: row; justify-content: flex-start; align-items: center; } .interact-follow-response { display: -webkit-flex; display: flex; flex-direction: row; justify-content: flex-start; align-items: center; border: 1px solid #ddd; margin: 5px; } .oidstyle { height: 35px; width: 600px; display: -webkit-flex; display: flex; flex-direction: row; justify-content: start; align-items: center; } .el-table__body tr.current-row > td { background-color: #8282ec !important; /* color: #f19944; */ /* 设置文字颜色 */ } .readpoint-list { display: inline-flex; width: 1090px; overflow-y: visible; overflow-x: auto; padding: 8px; } .readpoint-item { display: flex; flex-shrink: 0; border-radius: 5px; width: 100px; height: 40px; line-height: 0px; position: relative; margin-right: 20px; margin-bottom: 10px; background-color: #f8f8f9; border: 2px solid #161616; background-size: cover; background-position: center; background-repeat: no-repeat; opacity: 0.8; transition: hover 0.3s linear, opacity 0.3s; cursor: pointer; } .readpoint-item:hover { border-color: rgba(60, 105, 138, 0.5); opacity: 0.7; } .readpoint-item.son { border-color: #b0c20f; background-color: #b0c20f; opacity: 1; } .readpoint-item.curr { border-color: rgba(34, 153, 238, 0.5); background-color: #0fc20f; opacity: 1; } .readpoint-item.curr .poptip-remove { opacity: 1; } .readpoint-item .flex-img { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; display: flex; width: 100%; height: 100%; align-items: center; justify-content: center; } .readpoint-item .flex-img > div { width: 100%; height: 100%; background-repeat: no-repeat; background-position: center; background-size: cover; } .readpoint-item .flex-img > div + div { margin-left: 2px; } .downloadPanelFlex { display: -webkit-flex; display: flex; flex-direction: column; justify-content: space-around; align-items: center; } .addPictureBookBtn { width: 120px; height: 40px; border-radius: 4px; background: #2472e3; color: #fff; text-align: center; cursor: pointer; } .el-checkbox + .el-checkbox { margin-left: 0px; } .el-checkbox { margin-right: 25px; } .course-module { width: 1014px; overflow-x: auto; background-color: #f3f3f3; border: 1px solid #eee; } .editor-mode { padding: 15px 0; overflow-x: auto; overflow-y: visible; } .editor-tool { background-color: #f8f8f9; display: flex; border: 1px solid #eee; padding: 5px; max-width: 1100px; } .editor-tool .tool-start { display: flex; flex-shrink: 0; flex-direction: column; padding: 5px 10px 5px 0; margin-right: 10px; border-right: 1px solid #eee; } .editor-tool .tool-start .ivu-btn { margin-bottom: 3px; margin-top: 3px; } .editor-tool .tool-action { padding: 5px 10px 5px 0; margin-right: 10px; border-right: 1px solid #eee; width: 380px; } .editor-tool .tool-action .ivu-btn { margin-bottom: 3px; margin-top: 3px; } .editor-tool .tool-main { display: flex; flex-shrink: 0; flex-direction: column; padding-right: 10px; margin-right: 10px; border-right: 1px solid #eee; } .editor-tool .tool-main .tool-column { margin: 3px 0; } .editor-tool .tool-opt { padding: 5px 0; } .editor-tool .tool-opt .ivu-btn { margin-bottom: 3px; margin-top: 3px; } .editor-container { margin-top: 10px; position: relative; } .editor-row { min-width: 900px; display: -webkit-flex; display: flex; flex-direction: row; } .editor-preview { width: 750px; float: top; margin-right: 12px; border: 1px solid #eee; background-color: #f8f8f9; } .editor-main { overflow-x: auto; width: 100%; position: relative; display: -webkit-flex; display: flex; flex-direction: row; align-items: center; } .editor-opt { height: 468px; width: 832px; position: absolute; left: 0; top: 0; z-index: 9; background: transparent; } .drag-box { position: absolute; z-index: 10; touch-action: none; text-align: center; font-size: 12px; border: 0px solid #3dd; /* .ivu-tooltip, .drap-title-pst { position: absolute; top: -24px; left: 0; } .size-val { position: absolute; top: 40%; left: 0; width: 100%; text-align: center; } .ivu-color-picker { cursor: default; } */ } .drag-box-bg { position: absolute; z-index: 8; touch-action: none; text-align: center; font-size: 12px; border: 0px solid #3dd; } .drag-polygon { position: absolute; z-index: 9; touch-action: none; text-align: center; font-size: 12px; border: 0px solid #3dd; } .drag-remove { position: absolute; left: 60px; top: -18px; } .OIDShowInQuantu { position: absolute; left: 0; right: 0; top: 40%; margin: auto; cursor: pointer; width: fit-content; background-color: #ffffff; } .OIDShowInQuantu2 { position: absolute; left: 5px; top: 3px; margin: auto; cursor: pointer; width: fit-content; background-color: #ffffff; } .NameShowInQuantu { position: absolute; left: 0; right: 0; top: 8px; margin: auto; cursor: pointer; width: fit-content; background-color: #ffffff; } .NameShowInQuantu1 { position: absolute; left: 0; right: 0; padding: 2px 0 0 2px; cursor: pointer; width: fit-content; overflow-y: auto; font-family: Times; } .drag-confirm { position: absolute; left: 30px; top: -18px; } .drag-reedit { position: absolute; left: 0; top: -18px; } .drag-box2 { position: absolute; z-index: 11; touch-action: none; text-align: center; font-size: 12px; /* .size-val { position: absolute; top: 40%; left: 0; width: 100%; text-align: center; } .ivu-color-picker { cursor: default; } */ } .drag-title { display: inline-block; font-size: 12px; border-radius: 4px; padding: 0 10px; height: 24px; line-height: 24px; background-color: #ff9900; color: #fff; } .resize-drag { touch-action: none; } .dragonly { touch-action: none; } .click-area { color: #fff; border-radius: 8px; padding: 10px 5px 5px; background-color: rgba(237, 64, 20, 0.5); } .click-area .horn-icon { position: absolute; top: 50%; left: 50%; margin-left: -44px; margin-top: -45px; background-image: url(data:image/png;base64,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); background-size: contain; width: 88px; height: 91px; z-index: -1; } .drag-figure { width: 100px; background-color: rgba(255, 255, 255, 0.5); } .drag-figure img { width: 100%; } .drag-circle { color: #333; background-color: rgba(255, 255, 255, 0.2); border-radius: 50%; } .drag-circle .select-color { position: absolute; right: 0; top: -24px; } .drag-circle .drag-remove { right: -20px; } .drag-line { min-height: auto; line-height: 0px; color: #333; background-color: rgba(255, 255, 255, 0.3); } .drag-line .select-color { position: absolute; right: 0; top: -24px; } .drag-line .drag-remove { right: -20px; } .drag-button { min-height: 58.5px; line-height: normal; width: 195px; } .drag-button .drag-ui-button { outline: 0; width: 100%; height: 58.5px; color: #fff; background-color: #f90; border: 1px solid #f90; font-size: 16px; border-radius: 4px; font-weight: 400; text-align: center; vertical-align: middle; white-space: nowrap; line-height: 1.5; user-select: none; } .drag-arrow { width: 100px; height: 100px; border: 1px dashed rgba(0, 0, 0, 0.5); display: flex; align-items: center; justify-content: center; } .drag-arrow .arrow-inner { width: 91px; height: 49px; } .drag-arrow .left { transform: rotate(180deg); } .drag-arrow .left-top { transform: rotate(225deg); } .drag-arrow .top { transform: rotate(-90deg); } .drag-arrow .right-top { transform: rotate(-45deg); } .drag-arrow .right-bottom { transform: rotate(45deg); } .drag-arrow .bottom { transform: rotate(90deg); } .drag-arrow .left-bottom { transform: rotate(135deg); } .drag-audio { padding: 10px 5px 5px; min-height: 60px; border-radius: 8px; background-color: rgba(255, 255, 255, 0.7); } .drag-text { min-height: auto; border: 1px dashed rgba(0, 0, 0, 0.5); } .drag-text .ct-input { width: 100%; } .drag-text .ivu-color-picker { position: absolute; top: -24px; right: 85px; } .drag-text .ivu-select { position: absolute; top: -24px; right: 20px; } .drag-text-blanks { min-height: auto; background-color: #ffffff; max-width: 732px; min-width: auto; } .drag-text-blanks .ivu-color-picker { position: absolute; top: -24px; right: 85px; } .drag-text-blanks .ivu-select { position: absolute; top: -24px; right: 20px; } .drag-tts { min-height: auto; } .drag-tts .ct-input { width: 300px; } .drag-image { max-width: 430px; max-height: 430px; border: 1px dashed rgba(0, 0, 0, 0.5); } .drag-image img { width: 100%; } .poptip-figure-content { overflow: hidden; white-space: normal; } .poptip-figure-content .poptip-figure-item { display: inline-block; margin: 5px; min-width: 60px; } .poptip-content { text-align: center; overflow: hidden; } .poptip-item { display: inline-block; margin: 0 5px; } .poptip-item .left { transform: rotate(180deg); } .poptip-item .left-top { transform: rotate(225deg); } .poptip-item .top { transform: rotate(-90deg); } .poptip-item .right-top { transform: rotate(-45deg); } .poptip-item .right-bottom { transform: rotate(45deg); } .poptip-item .bottom { transform: rotate(90deg); } .poptip-item .left-bottom { transform: rotate(135deg); } .poptip-item img { width: 30px; } .init-svg { width: 100%; height: 100%; } .line-svg { stroke-dasharray: 1000; stroke-dashoffset: 10; animation: drawLine 3s linear forwards; } .show-property { position: absolute; bottom: 0; right: 0; } @keyframes drawLine { 0% { stroke-dashoffset: 1000; } 100% { stroke-dashoffset: 0; } } .circle-svg { stroke-dasharray: 20 5; animation: none; } @keyframes drawCircle { 0% { stroke-dashoffset: 0; } 100% { stroke-dasharray: 1500 1500; } } .rotate-x { transform-origin: center center; } .drag-bubble .ivu-color-picker { position: absolute; top: -24px; right: 20px; } .bubble-button { display: block; width: 130px; height: 98px; border-radius: 49px; position: relative; border: #FFF044 solid 1px; background-color: #FFF044; } .bubble-button:focus { border: none; outline: none; } .bg-grid { background-color: transparent; background-position: 0% 0%; background-size: 16px 16px; background-image: linear-gradient(90deg, rgba(0, 0, 0, 0.1) 1px, transparent 1px), linear-gradient(rgba(0, 0, 0, 0.1) 1px, transparent 1px); } .mi-canvas-content:focus { border: none; outline: none; } .blackbook[data-v-0cfd442b] { width: 500px !important; } .player-box[data-v-0cfd442b] { position: relative; overflow: visible !important; user-select: none; margin: 5px; } .custom-controls[data-v-0cfd442b] { display: flex; background-color: #f1f1f1; flex-direction: row; justify-content: flex-start; align-items: center; height: 38px; border-radius: 30px; } .play-bar[data-v-0cfd442b] { padding: 0 0 0 5px; } .slider[data-v-0cfd442b] { padding: 0 5px 0 10px; } .slider1[data-v-0cfd442b] { width: 400px !important; } .time-bar[data-v-0cfd442b] { color: #111111; font-size: 10px; } audio { outline: none; } .action-box { max-width: 1012px; } .action-item { margin-bottom: 20px; } .action-item .audio-test { display: inline-block; vertical-align: middle; margin-right: 20px; } .action-item .ivu-upload { display: inline-block; vertical-align: middle; } .action-answer-item { margin: 0 0 15px; } .action-btn { text-align: right; } .action-btn.action-btn-left { text-align: left; } .cardBg { background-color: #e8eaec; } .lock-box { text-align: center; color: #999; padding: 15% 0 10%; } .lock-box > div { padding: 40px; } .poptip-remove { position: absolute; right: -4px; top: -4px; line-height: 0; opacity: 0; } .pageNumShow { position: absolute; left: 45%; bottom: -10px; line-height: 0; } .pageHiddenShow { position: absolute; left: 40px; top: -4px; line-height: 0; cursor: pointer; } .explanationSubtitles { position: absolute; right: -10px; top: -40px; cursor: pointer; } .image-upload-type { padding: 5px 0; } .image-upload-type > div + div { margin-top: 10px; } .module-list { display: inline-flex; padding: 10px 10px 10px 0; background-color: #f3f3f3; white-space: nowrap; } .module-list-item { display: flex; max-width: 100px; user-select: none; background-color: #fff; border: 1px solid #eee; text-align: center; position: relative; transition: hover 0.3s linear, box-shadow 0.3s ease-in-out, opacity 0.3s; margin-left: 10px; } .module-list-item > div { width: 100px; height: 100%; padding: 10px 0; } .module-list-item.curr { box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1); border-color: rgba(34, 153, 238, 0.5); } .module-list-item.set-box { min-height: 100px; border-style: dashed; cursor: pointer; } .module-list-item.set-box .ivu-icon { margin: 15px 0 5px; } .module-list-item .remove-course { position: absolute; left: -7px; top: -7px; opacity: 0; transition: opacity 0.3s; } .module-list-item .edit-course { position: absolute; right: -7px; top: -7px; opacity: 0; transition: opacity 0.3s; } .module-list-item .ivu-dropdown { position: absolute; right: 3px; top: 3px; } .module-list-item .ivu-dropdown a { color: #666; } .module-list-item img { width: 50px; height: 50px; background-color: #eee; } .module-list-item p { height: 22px; line-height: 22px; margin: 0 5px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .module-list-item:hover { box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1); } .module-list-item:hover .remove-course { opacity: 1; } .module-list-item:hover .edit-course { opacity: 1; } .preview-list { display: inline-flex; width: 750px; overflow-y: visible; overflow-x: auto; padding: 9px 8px; } .preview-item { display: flex; flex-shrink: 0; width: 100px; height: 100px; line-height: 0px; position: relative; margin-bottom: 10px; background-color: #f8f8f9; border: 2px solid #ffffff; background-size: cover; background-position: center; background-repeat: no-repeat; opacity: 0.5; transition: hover 0.3s linear, opacity 0.3s; } .preview-item:hover { border-color: rgba(60, 105, 138, 0.5); opacity: 0.7; } .preview-item.curr { border-color: rgba(34, 153, 238, 0.5); opacity: 1; } .preview-item.curr .poptip-remove { opacity: 1; } .preview-item.file-upload { background-color: #ccc; text-align: center; opacity: 1; } .preview-item.file-upload .upload-add-button { cursor: pointer; } .preview-item .flex-img { display: flex; width: 100%; height: 100%; align-items: center; justify-content: center; } .preview-item .flex-img > div { width: 100%; height: 100%; background-repeat: no-repeat; background-position: center; background-size: cover; } .preview-item .flex-img > div + div { margin-left: 2px; } .preview-item .preview-img { width: 100%; height: 100%; background-repeat: no-repeat; background-position: center; background-size: cover; } .other-area { position: relative; width: 832px; height: 468px; border: 1px dashed #dcdee2; background-color: #f8f8f9; } .image-box { position: relative; background-color: #f8f8f9; user-select: none; } .upload-image { position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 1; } .upload-image .ivu-upload { background-color: #f8f8f9; padding: 20px; } .upload-image .ivu-upload-drag { border: none; padding: 150px 0 20px; } .upload-image .ivu-row, .upload-image .ivu-col { height: 100%; } .image-preview { overflow: hidden; height: 100%; width: 100%; background-size: cover; display: flex; align-items: center; justify-content: center; } .image-preview .image-item { width: 100%; height: 100%; background-repeat: no-repeat; background-position: center; background-size: cover; } .image-preview .image-item + .image-item { margin-left: 5px; } .image-audio { padding-bottom: 20px; position: absolute; bottom: 0; left: 50%; margin-left: -250px; width: 500px; z-index: 10; text-align: center; } .image-audio .ct-input { width: 300px; } .image-audio .media-upload { display: inline-block; } .up-preview { width: 100%; height: 100%; background-repeat: no-repeat; background-position: top left; background-size: contain; } /* .roobo-editor { .other-area, //.player-box, .image-box, .editor-opt { height: 520px; } } */ .dropdown-list li a { color: #666; display: inline-block; padding: 5px 15px; } .dropdown-list li a:hover { background: #f3f3f3; color: #2d8cf0; } .blanks-main { text-align: left; font-family: Arial; padding: 5px; } .blanks-main p { font-size: 24px; line-height: 1; } .blanks-main span { display: inline-block; font-size: 24px; line-height: 1; overflow: hidden; vertical-align: middle; margin: 5px 0; } .blanks-main span.text-line { border-bottom: 1px solid #666; } .svg-button { cursor: pointer; width: 40px; height: 40px; fill-opacity: 0; stroke: #111111; stroke-width: 1; stroke-dasharray: 20 5; padding: 0px 4px; margin: 0px 10px 5px 10px; } .svg-button2 { cursor: pointer; width: 40px; height: 40px; fill-opacity: 0; stroke: #111111; stroke-width: 1; padding: 0px 4px; margin: 5px 10px 0px 10px; } .snBtn { height: 30px; margin: 20px 5px; } .snBtn2 { height: 30px; line-height: 30px; margin: 20px 5px; } .quanTuText { height: 50px; line-height: 50px; margin: 5px 30px 5px 10px; } .checkView { height: 50px; line-height: 50px; margin: 5px 30px 5px 10px; display: -webkit-flex; display: flex; flex-direction: row; justify-content: flex-start; } .checkViewItem { padding: 0px 10px 0px 0px; } .svgButtonOuter { width: 50px; height: 50px; display: table; } .svgButtoninner { display: table-cell; vertical-align: middle; text-align: center; } .tipsForeditor { font-family: Arial; padding: 5px; font-size: 12px; line-height: 1; } .editor-content { background-color: #f0f0f0; display: flex; border: 1px solid #eee; padding: 5px; max-width: 900px; } .tool-response { border: 1px solid #ddd; padding: 10px; margin: 0px 0px 10px 0px; } .oidFlex { display: -webkit-flex; display: flex; flex-direction: row; justify-content: flex-start; align-items: center; } .addInteractText { height: 30px; line-height: 30px; margin: 0px 30px 0px 10px; } .readPointInteractText { height: 30px; line-height: 30px; font-size: 16px; margin: 0px 10px 0px 10px; } .hide-area { border: 1px solid #ddd; padding: 0px 0px 0px 10px; } .talkTrainHeaderText { font-size: 14px; margin: 0px 0px 0px 0px; padding: 0px; } .showTimeoutTableCell { padding: 0px 20px 0px 0px; display: table-cell; vertical-align: middle; text-align: center; } .talkTrainHeader2Text { font-size: 10px; margin: 0px 0px 0px 0px; color: #aaaaaa; padding: 0px; } .svg-touch { cursor: pointer; } .talk-area { border: 1px solid #ddd; padding: 10px 10px 10px 10px; } .checkBtn { max-width: 900px; padding: 10px 10px 10px 10px; background-color: #f8f8f9; border: 1px solid #eee; } .classShow { width: 600px; display: -webkit-flex; display: flex; flex-direction: row; justify-content: space-between; align-items: center; } .recordStyle { height: 35px; width: 426px; display: -webkit-flex; display: flex; flex-direction: row; justify-content: flex-start; align-items: center; } .questionAudio2 { width: 500px; border: 1px solid #ddd; padding: 10px; } .questionAudio { width: 390px; border: 1px solid #ddd; padding: 10px; } .interact-game-pointRange { width: 700px; display: flex; display: -webkit-flex; flex-direction: column; justify-content: flex-start; align-items: flex-start; } .interact-gameSigmode-correct-btn { display: -webkit-flex; display: flex; flex-direction: row; justify-content: flex-start; align-items: center; } .interact-follow-response { display: -webkit-flex; display: flex; flex-direction: row; justify-content: flex-start; align-items: center; border: 1px solid #ddd; margin: 5px; } .oidstyle { height: 35px; width: 600px; display: -webkit-flex; display: flex; flex-direction: row; justify-content: start; align-items: center; } .el-table__body tr.current-row > td { background-color: #8282ec !important; /* color: #f19944; */ /* 设置文字颜色 */ } .readpoint-list { display: inline-flex; width: 1090px; overflow-y: visible; overflow-x: auto; padding: 8px; } .readpoint-item { display: flex; flex-shrink: 0; border-radius: 5px; width: 100px; height: 40px; line-height: 0px; position: relative; margin-right: 20px; margin-bottom: 10px; background-color: #f8f8f9; border: 2px solid #161616; background-size: cover; background-position: center; background-repeat: no-repeat; opacity: 0.8; transition: hover 0.3s linear, opacity 0.3s; cursor: pointer; } .readpoint-item:hover { border-color: rgba(60, 105, 138, 0.5); opacity: 0.7; } .readpoint-item.son { border-color: #b0c20f; background-color: #b0c20f; opacity: 1; } .readpoint-item.curr { border-color: rgba(34, 153, 238, 0.5); background-color: #0fc20f; opacity: 1; } .readpoint-item.curr .poptip-remove { opacity: 1; } .readpoint-item .flex-img { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; display: flex; width: 100%; height: 100%; align-items: center; justify-content: center; } .readpoint-item .flex-img > div { width: 100%; height: 100%; background-repeat: no-repeat; background-position: center; background-size: cover; } .readpoint-item .flex-img > div + div { margin-left: 2px; } .downloadPanelFlex { display: -webkit-flex; display: flex; flex-direction: column; justify-content: space-around; align-items: center; } .addPictureBookBtn { width: 120px; height: 40px; border-radius: 4px; background: #2472e3; color: #fff; text-align: center; cursor: pointer; } .el-checkbox + .el-checkbox { margin-left: 0px; } .el-checkbox { margin-right: 25px; } .course-module { width: 1014px; overflow-x: auto; background-color: #f3f3f3; border: 1px solid #eee; } .editor-mode { padding: 15px 0; overflow-x: auto; overflow-y: visible; } .editor-tool { background-color: #f8f8f9; display: flex; border: 1px solid #eee; padding: 5px; max-width: 1100px; } .editor-tool .tool-start { display: flex; flex-shrink: 0; flex-direction: column; padding: 5px 10px 5px 0; margin-right: 10px; border-right: 1px solid #eee; } .editor-tool .tool-start .ivu-btn { margin-bottom: 3px; margin-top: 3px; } .editor-tool .tool-action { padding: 5px 10px 5px 0; margin-right: 10px; border-right: 1px solid #eee; width: 380px; } .editor-tool .tool-action .ivu-btn { margin-bottom: 3px; margin-top: 3px; } .editor-tool .tool-main { display: flex; flex-shrink: 0; flex-direction: column; padding-right: 10px; margin-right: 10px; border-right: 1px solid #eee; } .editor-tool .tool-main .tool-column { margin: 3px 0; } .editor-tool .tool-opt { padding: 5px 0; } .editor-tool .tool-opt .ivu-btn { margin-bottom: 3px; margin-top: 3px; } .editor-container { margin-top: 10px; position: relative; } .editor-row { min-width: 900px; display: -webkit-flex; display: flex; flex-direction: row; } .editor-preview { width: 750px; float: top; margin-right: 12px; border: 1px solid #eee; background-color: #f8f8f9; } .editor-main { overflow-x: auto; width: 100%; position: relative; display: -webkit-flex; display: flex; flex-direction: row; align-items: center; } .editor-opt { height: 468px; width: 832px; position: absolute; left: 0; top: 0; z-index: 9; background: transparent; } .drag-box { position: absolute; z-index: 10; touch-action: none; text-align: center; font-size: 12px; border: 0px solid #3dd; /* .ivu-tooltip, .drap-title-pst { position: absolute; top: -24px; left: 0; } .size-val { position: absolute; top: 40%; left: 0; width: 100%; text-align: center; } .ivu-color-picker { cursor: default; } */ } .drag-box-bg { position: absolute; z-index: 8; touch-action: none; text-align: center; font-size: 12px; border: 0px solid #3dd; } .drag-polygon { position: absolute; z-index: 9; touch-action: none; text-align: center; font-size: 12px; border: 0px solid #3dd; } .drag-remove { position: absolute; left: 60px; top: -18px; } .OIDShowInQuantu { position: absolute; left: 0; right: 0; top: 40%; margin: auto; cursor: pointer; width: fit-content; background-color: #ffffff; } .OIDShowInQuantu2 { position: absolute; left: 5px; top: 3px; margin: auto; cursor: pointer; width: fit-content; background-color: #ffffff; } .NameShowInQuantu { position: absolute; left: 0; right: 0; top: 8px; margin: auto; cursor: pointer; width: fit-content; background-color: #ffffff; } .NameShowInQuantu1 { position: absolute; left: 0; right: 0; padding: 2px 0 0 2px; cursor: pointer; width: fit-content; overflow-y: auto; font-family: Times; } .drag-confirm { position: absolute; left: 30px; top: -18px; } .drag-reedit { position: absolute; left: 0; top: -18px; } .drag-box2 { position: absolute; z-index: 11; touch-action: none; text-align: center; font-size: 12px; /* .size-val { position: absolute; top: 40%; left: 0; width: 100%; text-align: center; } .ivu-color-picker { cursor: default; } */ } .drag-title { display: inline-block; font-size: 12px; border-radius: 4px; padding: 0 10px; height: 24px; line-height: 24px; background-color: #ff9900; color: #fff; } .resize-drag { touch-action: none; } .dragonly { touch-action: none; } .click-area { color: #fff; border-radius: 8px; padding: 10px 5px 5px; background-color: rgba(237, 64, 20, 0.5); } .click-area .horn-icon { position: absolute; top: 50%; left: 50%; margin-left: -44px; margin-top: -45px; background-image: url(data:image/png;base64,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); background-size: contain; width: 88px; height: 91px; z-index: -1; } .drag-figure { width: 100px; background-color: rgba(255, 255, 255, 0.5); } .drag-figure img { width: 100%; } .drag-circle { color: #333; background-color: rgba(255, 255, 255, 0.2); border-radius: 50%; } .drag-circle .select-color { position: absolute; right: 0; top: -24px; } .drag-circle .drag-remove { right: -20px; } .drag-line { min-height: auto; line-height: 0px; color: #333; background-color: rgba(255, 255, 255, 0.3); } .drag-line .select-color { position: absolute; right: 0; top: -24px; } .drag-line .drag-remove { right: -20px; } .drag-button { min-height: 58.5px; line-height: normal; width: 195px; } .drag-button .drag-ui-button { outline: 0; width: 100%; height: 58.5px; color: #fff; background-color: #f90; border: 1px solid #f90; font-size: 16px; border-radius: 4px; font-weight: 400; text-align: center; vertical-align: middle; white-space: nowrap; line-height: 1.5; user-select: none; } .drag-arrow { width: 100px; height: 100px; border: 1px dashed rgba(0, 0, 0, 0.5); display: flex; align-items: center; justify-content: center; } .drag-arrow .arrow-inner { width: 91px; height: 49px; } .drag-arrow .left { transform: rotate(180deg); } .drag-arrow .left-top { transform: rotate(225deg); } .drag-arrow .top { transform: rotate(-90deg); } .drag-arrow .right-top { transform: rotate(-45deg); } .drag-arrow .right-bottom { transform: rotate(45deg); } .drag-arrow .bottom { transform: rotate(90deg); } .drag-arrow .left-bottom { transform: rotate(135deg); } .drag-audio { padding: 10px 5px 5px; min-height: 60px; border-radius: 8px; background-color: rgba(255, 255, 255, 0.7); } .drag-text { min-height: auto; border: 1px dashed rgba(0, 0, 0, 0.5); } .drag-text .ct-input { width: 100%; } .drag-text .ivu-color-picker { position: absolute; top: -24px; right: 85px; } .drag-text .ivu-select { position: absolute; top: -24px; right: 20px; } .drag-text-blanks { min-height: auto; background-color: #ffffff; max-width: 732px; min-width: auto; } .drag-text-blanks .ivu-color-picker { position: absolute; top: -24px; right: 85px; } .drag-text-blanks .ivu-select { position: absolute; top: -24px; right: 20px; } .drag-tts { min-height: auto; } .drag-tts .ct-input { width: 300px; } .drag-image { max-width: 430px; max-height: 430px; border: 1px dashed rgba(0, 0, 0, 0.5); } .drag-image img { width: 100%; } .poptip-figure-content { overflow: hidden; white-space: normal; } .poptip-figure-content .poptip-figure-item { display: inline-block; margin: 5px; min-width: 60px; } .poptip-content { text-align: center; overflow: hidden; } .poptip-item { display: inline-block; margin: 0 5px; } .poptip-item .left { transform: rotate(180deg); } .poptip-item .left-top { transform: rotate(225deg); } .poptip-item .top { transform: rotate(-90deg); } .poptip-item .right-top { transform: rotate(-45deg); } .poptip-item .right-bottom { transform: rotate(45deg); } .poptip-item .bottom { transform: rotate(90deg); } .poptip-item .left-bottom { transform: rotate(135deg); } .poptip-item img { width: 30px; } .init-svg { width: 100%; height: 100%; } .line-svg { stroke-dasharray: 1000; stroke-dashoffset: 10; animation: drawLine 3s linear forwards; } .show-property { position: absolute; bottom: 0; right: 0; } @keyframes drawLine { 0% { stroke-dashoffset: 1000; } 100% { stroke-dashoffset: 0; } } .circle-svg { stroke-dasharray: 20 5; animation: none; } @keyframes drawCircle { 0% { stroke-dashoffset: 0; } 100% { stroke-dasharray: 1500 1500; } } .rotate-x { transform-origin: center center; } .drag-bubble .ivu-color-picker { position: absolute; top: -24px; right: 20px; } .bubble-button { display: block; width: 130px; height: 98px; border-radius: 49px; position: relative; border: #FFF044 solid 1px; background-color: #FFF044; } .bubble-button:focus { border: none; outline: none; } .bg-grid { background-color: transparent; background-position: 0% 0%; background-size: 16px 16px; background-image: linear-gradient(90deg, rgba(0, 0, 0, 0.1) 1px, transparent 1px), linear-gradient(rgba(0, 0, 0, 0.1) 1px, transparent 1px); } .tabs { padding: 20px 0px; } .absolute { position: absolute; } .text-left { text-align: left; font-size: 14px; line-height: 24px; position: relative; } .text-left .active { color: #D08C5A; } .text-left .activeGreen { color: #D08C5A; } .text-left .activeRed { color: #d7064e; } .addbgcolor { border: 10px solid red; } .postion { position: relative; } .up-preview-mask { left: 0; right: 0; width: 100%; height: 100%; } .up-preview-right { display: flex; justify-content: end; align-items: center; } .up-preview-center { display: flex; justify-content: center; } .up-preview-left { display: flex; justify-content: left; align-items: center; } .fillActivebg { background: #ffffff; } .bg100 { background-position: center !important; } .container { width: 1000px; height: 550px; border: 1px solid #ddd; position: relative; } .container .inner { display: flex; align-items: center; height: 100%; width: 100%; justify-content: center; position: absolute; } .container .up-preview { background-size: contain; background-position: center; background-repeat: no-repeat; } .NameShowInQuantu1::-webkit-scrollbar { width: 4px; height: 4px; /**/ } .innerBgcolor { background-color: #ccc !important; } .NameShowInQuantu1::-webkit-scrollbar-track { background: #efefef; border-radius: 2px; } .NameShowInQuantu1::-webkit-scrollbar-thumb { background: #bfbfbf; border-radius: 10px; } .NameShowInQuantu1::-webkit-scrollbar-thumb:hover { background: #333; } .NameShowInQuantu1::-webkit-scrollbar-corner { background: #fff; } .NameShowInQuantu1 { display: flex; flex-wrap: wrap; align-items: center; word-break: break-all; } .Activebgcolor { display: flex !important; align-items: center; flex-wrap: wrap; } .operabtn { margin-left: 20px; position: absolute; left: 1020px; top: 80px; } .operabtn .operabtn-recode { display: flex; flex-direction: column; align-items: center; margin-bottom: 20px; cursor: pointer; } .operabtn .btn { width: 44px; height: 44px; border-radius: 50%; line-height: 44px; text-align: center; color: #fff; cursor: pointer; } .operabtn .stoprecord { background-color: #20a0ff; border-color: #20a0ff; } .operabtn .lookrecord1 { background-color: #909399; border-color: #909399; cursor: not-allowed; } .operabtn .lookrecord { background-color: #13ce66; border-color: #13ce66; cursor: pointer; } .operabtn .record { background-color: #20a0ff; border-color: #20a0ff; } .operabtn .stoplook { background-color: #13ce66; border-color: #13ce66; } .operabtn .record-grew { background-color: #909399; border-color: #909399; cursor: not-allowed; } .operabtn .delrecord1 { background-color: #909399; border-color: #909399; cursor: not-allowed; } .operabtn .delrecord { background-color: red; border-color: red; cursor: pointer; } .mi-canvas { position: absolute; width: 1000px; height: 550px; box-sizing: content-box; } .mi-canvas .mi-canvas-content { height: 100%; } .rotation-handle { position: absolute; top: -20px; left: 90px; width: 20px; height: 20px; background-color: #4CAF50; } audio { outline: none; } .action-box { max-width: 1012px; } .action-item { margin-bottom: 20px; } .action-item .audio-test { display: inline-block; vertical-align: middle; margin-right: 20px; } .action-item .ivu-upload { display: inline-block; vertical-align: middle; } .action-answer-item { margin: 0 0 15px; } .action-btn { text-align: right; } .action-btn.action-btn-left { text-align: left; } .cardBg { background-color: #e8eaec; } .lock-box { text-align: center; color: #999; padding: 15% 0 10%; } .lock-box > div { padding: 40px; } .poptip-remove { position: absolute; right: -4px; top: -4px; line-height: 0; opacity: 0; } .pageNumShow { position: absolute; left: 45%; bottom: -10px; line-height: 0; } .pageHiddenShow { position: absolute; left: 40px; top: -4px; line-height: 0; cursor: pointer; } .explanationSubtitles { position: absolute; right: -10px; top: -40px; cursor: pointer; } .image-upload-type { padding: 5px 0; } .image-upload-type > div + div { margin-top: 10px; } .module-list { display: inline-flex; padding: 10px 10px 10px 0; background-color: #f3f3f3; white-space: nowrap; } .module-list-item { display: flex; max-width: 100px; user-select: none; background-color: #fff; border: 1px solid #eee; text-align: center; position: relative; transition: hover 0.3s linear, box-shadow 0.3s ease-in-out, opacity 0.3s; margin-left: 10px; } .module-list-item > div { width: 100px; height: 100%; padding: 10px 0; } .module-list-item.curr { box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1); border-color: rgba(34, 153, 238, 0.5); } .module-list-item.set-box { min-height: 100px; border-style: dashed; cursor: pointer; } .module-list-item.set-box .ivu-icon { margin: 15px 0 5px; } .module-list-item .remove-course { position: absolute; left: -7px; top: -7px; opacity: 0; transition: opacity 0.3s; } .module-list-item .edit-course { position: absolute; right: -7px; top: -7px; opacity: 0; transition: opacity 0.3s; } .module-list-item .ivu-dropdown { position: absolute; right: 3px; top: 3px; } .module-list-item .ivu-dropdown a { color: #666; } .module-list-item img { width: 50px; height: 50px; background-color: #eee; } .module-list-item p { height: 22px; line-height: 22px; margin: 0 5px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .module-list-item:hover { box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1); } .module-list-item:hover .remove-course { opacity: 1; } .module-list-item:hover .edit-course { opacity: 1; } .preview-list { display: inline-flex; width: 750px; overflow-y: visible; overflow-x: auto; padding: 9px 8px; } .preview-item { display: flex; flex-shrink: 0; width: 100px; height: 100px; line-height: 0px; position: relative; margin-bottom: 10px; background-color: #f8f8f9; border: 2px solid #ffffff; background-size: cover; background-position: center; background-repeat: no-repeat; opacity: 0.5; transition: hover 0.3s linear, opacity 0.3s; } .preview-item:hover { border-color: rgba(60, 105, 138, 0.5); opacity: 0.7; } .preview-item.curr { border-color: rgba(34, 153, 238, 0.5); opacity: 1; } .preview-item.curr .poptip-remove { opacity: 1; } .preview-item.file-upload { background-color: #ccc; text-align: center; opacity: 1; } .preview-item.file-upload .upload-add-button { cursor: pointer; } .preview-item .flex-img { display: flex; width: 100%; height: 100%; align-items: center; justify-content: center; } .preview-item .flex-img > div { width: 100%; height: 100%; background-repeat: no-repeat; background-position: center; background-size: cover; } .preview-item .flex-img > div + div { margin-left: 2px; } .preview-item .preview-img { width: 100%; height: 100%; background-repeat: no-repeat; background-position: center; background-size: cover; } .other-area { position: relative; width: 832px; height: 468px; border: 1px dashed #dcdee2; background-color: #f8f8f9; } .image-box { position: relative; background-color: #f8f8f9; user-select: none; } .upload-image { position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 1; } .upload-image .ivu-upload { background-color: #f8f8f9; padding: 20px; } .upload-image .ivu-upload-drag { border: none; padding: 150px 0 20px; } .upload-image .ivu-row, .upload-image .ivu-col { height: 100%; } .image-preview { overflow: hidden; height: 100%; width: 100%; background-size: cover; display: flex; align-items: center; justify-content: center; } .image-preview .image-item { width: 100%; height: 100%; background-repeat: no-repeat; background-position: center; background-size: cover; } .image-preview .image-item + .image-item { margin-left: 5px; } .image-audio { padding-bottom: 20px; position: absolute; bottom: 0; left: 50%; margin-left: -250px; width: 500px; z-index: 10; text-align: center; } .image-audio .ct-input { width: 300px; } .image-audio .media-upload { display: inline-block; } .up-preview { width: 100%; height: 100%; background-repeat: no-repeat; background-position: top left; background-size: contain; } /* .roobo-editor { .other-area, //.player-box, .image-box, .editor-opt { height: 520px; } } */ .dropdown-list li a { color: #666; display: inline-block; padding: 5px 15px; } .dropdown-list li a:hover { background: #f3f3f3; color: #2d8cf0; } .blanks-main { text-align: left; font-family: Arial; padding: 5px; } .blanks-main p { font-size: 24px; line-height: 1; } .blanks-main span { display: inline-block; font-size: 24px; line-height: 1; overflow: hidden; vertical-align: middle; margin: 5px 0; } .blanks-main span.text-line { border-bottom: 1px solid #666; } .svg-button { cursor: pointer; width: 40px; height: 40px; fill-opacity: 0; stroke: #111111; stroke-width: 1; stroke-dasharray: 20 5; padding: 0px 4px; margin: 0px 10px 5px 10px; } .svg-button2 { cursor: pointer; width: 40px; height: 40px; fill-opacity: 0; stroke: #111111; stroke-width: 1; padding: 0px 4px; margin: 5px 10px 0px 10px; } .snBtn { height: 30px; margin: 20px 5px; } .snBtn2 { height: 30px; line-height: 30px; margin: 20px 5px; } .quanTuText { height: 50px; line-height: 50px; margin: 5px 30px 5px 10px; } .checkView { height: 50px; line-height: 50px; margin: 5px 30px 5px 10px; display: -webkit-flex; display: flex; flex-direction: row; justify-content: flex-start; } .checkViewItem { padding: 0px 10px 0px 0px; } .svgButtonOuter { width: 50px; height: 50px; display: table; } .svgButtoninner { display: table-cell; vertical-align: middle; text-align: center; } .tipsForeditor { font-family: Arial; padding: 5px; font-size: 12px; line-height: 1; } .editor-content { background-color: #f0f0f0; display: flex; border: 1px solid #eee; padding: 5px; max-width: 900px; } .tool-response { border: 1px solid #ddd; padding: 10px; margin: 0px 0px 10px 0px; } .oidFlex { display: -webkit-flex; display: flex; flex-direction: row; justify-content: flex-start; align-items: center; } .addInteractText { height: 30px; line-height: 30px; margin: 0px 30px 0px 10px; } .readPointInteractText { height: 30px; line-height: 30px; font-size: 16px; margin: 0px 10px 0px 10px; } .hide-area { border: 1px solid #ddd; padding: 0px 0px 0px 10px; } .talkTrainHeaderText { font-size: 14px; margin: 0px 0px 0px 0px; padding: 0px; } .showTimeoutTableCell { padding: 0px 20px 0px 0px; display: table-cell; vertical-align: middle; text-align: center; } .talkTrainHeader2Text { font-size: 10px; margin: 0px 0px 0px 0px; color: #aaaaaa; padding: 0px; } .svg-touch { cursor: pointer; } .talk-area { border: 1px solid #ddd; padding: 10px 10px 10px 10px; } .checkBtn { max-width: 900px; padding: 10px 10px 10px 10px; background-color: #f8f8f9; border: 1px solid #eee; } .classShow { width: 600px; display: -webkit-flex; display: flex; flex-direction: row; justify-content: space-between; align-items: center; } .recordStyle { height: 35px; width: 426px; display: -webkit-flex; display: flex; flex-direction: row; justify-content: flex-start; align-items: center; } .questionAudio2 { width: 500px; border: 1px solid #ddd; padding: 10px; } .questionAudio { width: 390px; border: 1px solid #ddd; padding: 10px; } .interact-game-pointRange { width: 700px; display: flex; display: -webkit-flex; flex-direction: column; justify-content: flex-start; align-items: flex-start; } .interact-gameSigmode-correct-btn { display: -webkit-flex; display: flex; flex-direction: row; justify-content: flex-start; align-items: center; } .interact-follow-response { display: -webkit-flex; display: flex; flex-direction: row; justify-content: flex-start; align-items: center; border: 1px solid #ddd; margin: 5px; } .oidstyle { height: 35px; width: 600px; display: -webkit-flex; display: flex; flex-direction: row; justify-content: start; align-items: center; } .el-table__body tr.current-row > td { background-color: #8282ec !important; /* color: #f19944; */ /* 设置文字颜色 */ } .readpoint-list { display: inline-flex; width: 1090px; overflow-y: visible; overflow-x: auto; padding: 8px; } .readpoint-item { display: flex; flex-shrink: 0; border-radius: 5px; width: 100px; height: 40px; line-height: 0px; position: relative; margin-right: 20px; margin-bottom: 10px; background-color: #f8f8f9; border: 2px solid #161616; background-size: cover; background-position: center; background-repeat: no-repeat; opacity: 0.8; transition: hover 0.3s linear, opacity 0.3s; cursor: pointer; } .readpoint-item:hover { border-color: rgba(60, 105, 138, 0.5); opacity: 0.7; } .readpoint-item.son { border-color: #b0c20f; background-color: #b0c20f; opacity: 1; } .readpoint-item.curr { border-color: rgba(34, 153, 238, 0.5); background-color: #0fc20f; opacity: 1; } .readpoint-item.curr .poptip-remove { opacity: 1; } .readpoint-item .flex-img { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; display: flex; width: 100%; height: 100%; align-items: center; justify-content: center; } .readpoint-item .flex-img > div { width: 100%; height: 100%; background-repeat: no-repeat; background-position: center; background-size: cover; } .readpoint-item .flex-img > div + div { margin-left: 2px; } .downloadPanelFlex { display: -webkit-flex; display: flex; flex-direction: column; justify-content: space-around; align-items: center; } .addPictureBookBtn { width: 120px; height: 40px; border-radius: 4px; background: #2472e3; color: #fff; text-align: center; cursor: pointer; } .el-checkbox + .el-checkbox { margin-left: 0px; } .el-checkbox { margin-right: 25px; } audio { outline: none; } .action-box { max-width: 1012px; } .action-item { margin-bottom: 20px; } .action-item .audio-test { display: inline-block; vertical-align: middle; margin-right: 20px; } .action-item .ivu-upload { display: inline-block; vertical-align: middle; } .action-answer-item { margin: 0 0 15px; } .action-btn { text-align: right; } .action-btn.action-btn-left { text-align: left; } .cardBg { background-color: #e8eaec; } .lock-box { text-align: center; color: #999; padding: 15% 0 10%; } .lock-box > div { padding: 40px; } .poptip-remove { position: absolute; right: -4px; top: -4px; line-height: 0; opacity: 0; } .pageNumShow { position: absolute; left: 45%; bottom: -10px; line-height: 0; } .pageHiddenShow { position: absolute; left: 40px; top: -4px; line-height: 0; cursor: pointer; } .explanationSubtitles { position: absolute; right: -10px; top: -40px; cursor: pointer; } .image-upload-type { padding: 5px 0; } .image-upload-type > div + div { margin-top: 10px; } .module-list { display: inline-flex; padding: 10px 10px 10px 0; background-color: #f3f3f3; white-space: nowrap; } .module-list-item { display: flex; max-width: 100px; user-select: none; background-color: #fff; border: 1px solid #eee; text-align: center; position: relative; transition: hover 0.3s linear, box-shadow 0.3s ease-in-out, opacity 0.3s; margin-left: 10px; } .module-list-item > div { width: 100px; height: 100%; padding: 10px 0; } .module-list-item.curr { box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1); border-color: rgba(34, 153, 238, 0.5); } .module-list-item.set-box { min-height: 100px; border-style: dashed; cursor: pointer; } .module-list-item.set-box .ivu-icon { margin: 15px 0 5px; } .module-list-item .remove-course { position: absolute; left: -7px; top: -7px; opacity: 0; transition: opacity 0.3s; } .module-list-item .edit-course { position: absolute; right: -7px; top: -7px; opacity: 0; transition: opacity 0.3s; } .module-list-item .ivu-dropdown { position: absolute; right: 3px; top: 3px; } .module-list-item .ivu-dropdown a { color: #666; } .module-list-item img { width: 50px; height: 50px; background-color: #eee; } .module-list-item p { height: 22px; line-height: 22px; margin: 0 5px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .module-list-item:hover { box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1); } .module-list-item:hover .remove-course { opacity: 1; } .module-list-item:hover .edit-course { opacity: 1; } .preview-list { display: inline-flex; width: 750px; overflow-y: visible; overflow-x: auto; padding: 9px 8px; } .preview-item { display: flex; flex-shrink: 0; width: 100px; height: 100px; line-height: 0px; position: relative; margin-bottom: 10px; background-color: #f8f8f9; border: 2px solid #ffffff; background-size: cover; background-position: center; background-repeat: no-repeat; opacity: 0.5; transition: hover 0.3s linear, opacity 0.3s; } .preview-item:hover { border-color: rgba(60, 105, 138, 0.5); opacity: 0.7; } .preview-item.curr { border-color: rgba(34, 153, 238, 0.5); opacity: 1; } .preview-item.curr .poptip-remove { opacity: 1; } .preview-item.file-upload { background-color: #ccc; text-align: center; opacity: 1; } .preview-item.file-upload .upload-add-button { cursor: pointer; } .preview-item .flex-img { display: flex; width: 100%; height: 100%; align-items: center; justify-content: center; } .preview-item .flex-img > div { width: 100%; height: 100%; background-repeat: no-repeat; background-position: center; background-size: cover; } .preview-item .flex-img > div + div { margin-left: 2px; } .preview-item .preview-img { width: 100%; height: 100%; background-repeat: no-repeat; background-position: center; background-size: cover; } .other-area { position: relative; width: 832px; height: 468px; border: 1px dashed #dcdee2; background-color: #f8f8f9; } .image-box { position: relative; background-color: #f8f8f9; user-select: none; } .upload-image { position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 1; } .upload-image .ivu-upload { background-color: #f8f8f9; padding: 20px; } .upload-image .ivu-upload-drag { border: none; padding: 150px 0 20px; } .upload-image .ivu-row, .upload-image .ivu-col { height: 100%; } .image-preview { overflow: hidden; height: 100%; width: 100%; background-size: cover; display: flex; align-items: center; justify-content: center; } .image-preview .image-item { width: 100%; height: 100%; background-repeat: no-repeat; background-position: center; background-size: cover; } .image-preview .image-item + .image-item { margin-left: 5px; } .image-audio { padding-bottom: 20px; position: absolute; bottom: 0; left: 50%; margin-left: -250px; width: 500px; z-index: 10; text-align: center; } .image-audio .ct-input { width: 300px; } .image-audio .media-upload { display: inline-block; } .up-preview { width: 100%; height: 100%; background-repeat: no-repeat; background-position: top left; background-size: contain; } /* .roobo-editor { .other-area, //.player-box, .image-box, .editor-opt { height: 520px; } } */ .dropdown-list li a { color: #666; display: inline-block; padding: 5px 15px; } .dropdown-list li a:hover { background: #f3f3f3; color: #2d8cf0; } .blanks-main { text-align: left; font-family: Arial; padding: 5px; } .blanks-main p { font-size: 24px; line-height: 1; } .blanks-main span { display: inline-block; font-size: 24px; line-height: 1; overflow: hidden; vertical-align: middle; margin: 5px 0; } .blanks-main span.text-line { border-bottom: 1px solid #666; } .svg-button { cursor: pointer; width: 40px; height: 40px; fill-opacity: 0; stroke: #111111; stroke-width: 1; stroke-dasharray: 20 5; padding: 0px 4px; margin: 0px 10px 5px 10px; } .svg-button2 { cursor: pointer; width: 40px; height: 40px; fill-opacity: 0; stroke: #111111; stroke-width: 1; padding: 0px 4px; margin: 5px 10px 0px 10px; } .snBtn { height: 30px; margin: 20px 5px; } .snBtn2 { height: 30px; line-height: 30px; margin: 20px 5px; } .quanTuText { height: 50px; line-height: 50px; margin: 5px 30px 5px 10px; } .checkView { height: 50px; line-height: 50px; margin: 5px 30px 5px 10px; display: -webkit-flex; display: flex; flex-direction: row; justify-content: flex-start; } .checkViewItem { padding: 0px 10px 0px 0px; } .svgButtonOuter { width: 50px; height: 50px; display: table; } .svgButtoninner { display: table-cell; vertical-align: middle; text-align: center; } .tipsForeditor { font-family: Arial; padding: 5px; font-size: 12px; line-height: 1; } .editor-content { background-color: #f0f0f0; display: flex; border: 1px solid #eee; padding: 5px; max-width: 900px; } .tool-response { border: 1px solid #ddd; padding: 10px; margin: 0px 0px 10px 0px; } .oidFlex { display: -webkit-flex; display: flex; flex-direction: row; justify-content: flex-start; align-items: center; } .addInteractText { height: 30px; line-height: 30px; margin: 0px 30px 0px 10px; } .readPointInteractText { height: 30px; line-height: 30px; font-size: 16px; margin: 0px 10px 0px 10px; } .hide-area { border: 1px solid #ddd; padding: 0px 0px 0px 10px; } .talkTrainHeaderText { font-size: 14px; margin: 0px 0px 0px 0px; padding: 0px; } .showTimeoutTableCell { padding: 0px 20px 0px 0px; display: table-cell; vertical-align: middle; text-align: center; } .talkTrainHeader2Text { font-size: 10px; margin: 0px 0px 0px 0px; color: #aaaaaa; padding: 0px; } .svg-touch { cursor: pointer; } .talk-area { border: 1px solid #ddd; padding: 10px 10px 10px 10px; } .checkBtn { max-width: 900px; padding: 10px 10px 10px 10px; background-color: #f8f8f9; border: 1px solid #eee; } .classShow { width: 600px; display: -webkit-flex; display: flex; flex-direction: row; justify-content: space-between; align-items: center; } .recordStyle { height: 35px; width: 426px; display: -webkit-flex; display: flex; flex-direction: row; justify-content: flex-start; align-items: center; } .questionAudio2 { width: 500px; border: 1px solid #ddd; padding: 10px; } .questionAudio { width: 390px; border: 1px solid #ddd; padding: 10px; } .interact-game-pointRange { width: 700px; display: flex; display: -webkit-flex; flex-direction: column; justify-content: flex-start; align-items: flex-start; } .interact-gameSigmode-correct-btn { display: -webkit-flex; display: flex; flex-direction: row; justify-content: flex-start; align-items: center; } .interact-follow-response { display: -webkit-flex; display: flex; flex-direction: row; justify-content: flex-start; align-items: center; border: 1px solid #ddd; margin: 5px; } .oidstyle { height: 35px; width: 600px; display: -webkit-flex; display: flex; flex-direction: row; justify-content: start; align-items: center; } .el-table__body tr.current-row > td { background-color: #8282ec !important; /* color: #f19944; */ /* 设置文字颜色 */ } .readpoint-list { display: inline-flex; width: 1090px; overflow-y: visible; overflow-x: auto; padding: 8px; } .readpoint-item { display: flex; flex-shrink: 0; border-radius: 5px; width: 100px; height: 40px; line-height: 0px; position: relative; margin-right: 20px; margin-bottom: 10px; background-color: #f8f8f9; border: 2px solid #161616; background-size: cover; background-position: center; background-repeat: no-repeat; opacity: 0.8; transition: hover 0.3s linear, opacity 0.3s; cursor: pointer; } .readpoint-item:hover { border-color: rgba(60, 105, 138, 0.5); opacity: 0.7; } .readpoint-item.son { border-color: #b0c20f; background-color: #b0c20f; opacity: 1; } .readpoint-item.curr { border-color: rgba(34, 153, 238, 0.5); background-color: #0fc20f; opacity: 1; } .readpoint-item.curr .poptip-remove { opacity: 1; } .readpoint-item .flex-img { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; display: flex; width: 100%; height: 100%; align-items: center; justify-content: center; } .readpoint-item .flex-img > div { width: 100%; height: 100%; background-repeat: no-repeat; background-position: center; background-size: cover; } .readpoint-item .flex-img > div + div { margin-left: 2px; } .downloadPanelFlex { display: -webkit-flex; display: flex; flex-direction: column; justify-content: space-around; align-items: center; } .addPictureBookBtn { width: 120px; height: 40px; border-radius: 4px; background: #2472e3; color: #fff; text-align: center; cursor: pointer; } .el-checkbox + .el-checkbox { margin-left: 0px; } .el-checkbox { margin-right: 25px; } audio { outline: none; } .action-box { max-width: 1012px; } .action-item { margin-bottom: 20px; } .action-item .audio-test { display: inline-block; vertical-align: middle; margin-right: 20px; } .action-item .ivu-upload { display: inline-block; vertical-align: middle; } .action-answer-item { margin: 0 0 15px; } .action-btn { text-align: right; } .action-btn.action-btn-left { text-align: left; } .cardBg { background-color: #e8eaec; } .lock-box { text-align: center; color: #999; padding: 15% 0 10%; } .lock-box > div { padding: 40px; } .poptip-remove { position: absolute; right: -4px; top: -4px; line-height: 0; opacity: 0; } .pageNumShow { position: absolute; left: 45%; bottom: -10px; line-height: 0; } .pageHiddenShow { position: absolute; left: 40px; top: -4px; line-height: 0; cursor: pointer; } .explanationSubtitles { position: absolute; right: -10px; top: -40px; cursor: pointer; } .image-upload-type { padding: 5px 0; } .image-upload-type > div + div { margin-top: 10px; } .module-list { display: inline-flex; padding: 10px 10px 10px 0; background-color: #f3f3f3; white-space: nowrap; } .module-list-item { display: flex; max-width: 100px; user-select: none; background-color: #fff; border: 1px solid #eee; text-align: center; position: relative; transition: hover 0.3s linear, box-shadow 0.3s ease-in-out, opacity 0.3s; margin-left: 10px; } .module-list-item > div { width: 100px; height: 100%; padding: 10px 0; } .module-list-item.curr { box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1); border-color: rgba(34, 153, 238, 0.5); } .module-list-item.set-box { min-height: 100px; border-style: dashed; cursor: pointer; } .module-list-item.set-box .ivu-icon { margin: 15px 0 5px; } .module-list-item .remove-course { position: absolute; left: -7px; top: -7px; opacity: 0; transition: opacity 0.3s; } .module-list-item .edit-course { position: absolute; right: -7px; top: -7px; opacity: 0; transition: opacity 0.3s; } .module-list-item .ivu-dropdown { position: absolute; right: 3px; top: 3px; } .module-list-item .ivu-dropdown a { color: #666; } .module-list-item img { width: 50px; height: 50px; background-color: #eee; } .module-list-item p { height: 22px; line-height: 22px; margin: 0 5px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .module-list-item:hover { box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1); } .module-list-item:hover .remove-course { opacity: 1; } .module-list-item:hover .edit-course { opacity: 1; } .preview-list { display: inline-flex; width: 750px; overflow-y: visible; overflow-x: auto; padding: 9px 8px; } .preview-item { display: flex; flex-shrink: 0; width: 100px; height: 100px; line-height: 0px; position: relative; margin-bottom: 10px; background-color: #f8f8f9; border: 2px solid #ffffff; background-size: cover; background-position: center; background-repeat: no-repeat; opacity: 0.5; transition: hover 0.3s linear, opacity 0.3s; } .preview-item:hover { border-color: rgba(60, 105, 138, 0.5); opacity: 0.7; } .preview-item.curr { border-color: rgba(34, 153, 238, 0.5); opacity: 1; } .preview-item.curr .poptip-remove { opacity: 1; } .preview-item.file-upload { background-color: #ccc; text-align: center; opacity: 1; } .preview-item.file-upload .upload-add-button { cursor: pointer; } .preview-item .flex-img { display: flex; width: 100%; height: 100%; align-items: center; justify-content: center; } .preview-item .flex-img > div { width: 100%; height: 100%; background-repeat: no-repeat; background-position: center; background-size: cover; } .preview-item .flex-img > div + div { margin-left: 2px; } .preview-item .preview-img { width: 100%; height: 100%; background-repeat: no-repeat; background-position: center; background-size: cover; } .other-area { position: relative; width: 832px; height: 468px; border: 1px dashed #dcdee2; background-color: #f8f8f9; } .image-box { position: relative; background-color: #f8f8f9; user-select: none; } .upload-image { position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 1; } .upload-image .ivu-upload { background-color: #f8f8f9; padding: 20px; } .upload-image .ivu-upload-drag { border: none; padding: 150px 0 20px; } .upload-image .ivu-row, .upload-image .ivu-col { height: 100%; } .image-preview { overflow: hidden; height: 100%; width: 100%; background-size: cover; display: flex; align-items: center; justify-content: center; } .image-preview .image-item { width: 100%; height: 100%; background-repeat: no-repeat; background-position: center; background-size: cover; } .image-preview .image-item + .image-item { margin-left: 5px; } .image-audio { padding-bottom: 20px; position: absolute; bottom: 0; left: 50%; margin-left: -250px; width: 500px; z-index: 10; text-align: center; } .image-audio .ct-input { width: 300px; } .image-audio .media-upload { display: inline-block; } .up-preview { width: 100%; height: 100%; background-repeat: no-repeat; background-position: top left; background-size: contain; } /* .roobo-editor { .other-area, //.player-box, .image-box, .editor-opt { height: 520px; } } */ .dropdown-list li a { color: #666; display: inline-block; padding: 5px 15px; } .dropdown-list li a:hover { background: #f3f3f3; color: #2d8cf0; } .blanks-main { text-align: left; font-family: Arial; padding: 5px; } .blanks-main p { font-size: 24px; line-height: 1; } .blanks-main span { display: inline-block; font-size: 24px; line-height: 1; overflow: hidden; vertical-align: middle; margin: 5px 0; } .blanks-main span.text-line { border-bottom: 1px solid #666; } .svg-button { cursor: pointer; width: 40px; height: 40px; fill-opacity: 0; stroke: #111111; stroke-width: 1; stroke-dasharray: 20 5; padding: 0px 4px; margin: 0px 10px 5px 10px; } .svg-button2 { cursor: pointer; width: 40px; height: 40px; fill-opacity: 0; stroke: #111111; stroke-width: 1; padding: 0px 4px; margin: 5px 10px 0px 10px; } .snBtn { height: 30px; margin: 20px 5px; } .snBtn2 { height: 30px; line-height: 30px; margin: 20px 5px; } .quanTuText { height: 50px; line-height: 50px; margin: 5px 30px 5px 10px; } .checkView { height: 50px; line-height: 50px; margin: 5px 30px 5px 10px; display: -webkit-flex; display: flex; flex-direction: row; justify-content: flex-start; } .checkViewItem { padding: 0px 10px 0px 0px; } .svgButtonOuter { width: 50px; height: 50px; display: table; } .svgButtoninner { display: table-cell; vertical-align: middle; text-align: center; } .tipsForeditor { font-family: Arial; padding: 5px; font-size: 12px; line-height: 1; } .editor-content { background-color: #f0f0f0; display: flex; border: 1px solid #eee; padding: 5px; max-width: 900px; } .tool-response { border: 1px solid #ddd; padding: 10px; margin: 0px 0px 10px 0px; } .oidFlex { display: -webkit-flex; display: flex; flex-direction: row; justify-content: flex-start; align-items: center; } .addInteractText { height: 30px; line-height: 30px; margin: 0px 30px 0px 10px; } .readPointInteractText { height: 30px; line-height: 30px; font-size: 16px; margin: 0px 10px 0px 10px; } .hide-area { border: 1px solid #ddd; padding: 0px 0px 0px 10px; } .talkTrainHeaderText { font-size: 14px; margin: 0px 0px 0px 0px; padding: 0px; } .showTimeoutTableCell { padding: 0px 20px 0px 0px; display: table-cell; vertical-align: middle; text-align: center; } .talkTrainHeader2Text { font-size: 10px; margin: 0px 0px 0px 0px; color: #aaaaaa; padding: 0px; } .svg-touch { cursor: pointer; } .talk-area { border: 1px solid #ddd; padding: 10px 10px 10px 10px; } .checkBtn { max-width: 900px; padding: 10px 10px 10px 10px; background-color: #f8f8f9; border: 1px solid #eee; } .classShow { width: 600px; display: -webkit-flex; display: flex; flex-direction: row; justify-content: space-between; align-items: center; } .recordStyle { height: 35px; width: 426px; display: -webkit-flex; display: flex; flex-direction: row; justify-content: flex-start; align-items: center; } .questionAudio2 { width: 500px; border: 1px solid #ddd; padding: 10px; } .questionAudio { width: 390px; border: 1px solid #ddd; padding: 10px; } .interact-game-pointRange { width: 700px; display: flex; display: -webkit-flex; flex-direction: column; justify-content: flex-start; align-items: flex-start; } .interact-gameSigmode-correct-btn { display: -webkit-flex; display: flex; flex-direction: row; justify-content: flex-start; align-items: center; } .interact-follow-response { display: -webkit-flex; display: flex; flex-direction: row; justify-content: flex-start; align-items: center; border: 1px solid #ddd; margin: 5px; } .oidstyle { height: 35px; width: 600px; display: -webkit-flex; display: flex; flex-direction: row; justify-content: start; align-items: center; } .el-table__body tr.current-row > td { background-color: #8282ec !important; /* color: #f19944; */ /* 设置文字颜色 */ } .readpoint-list { display: inline-flex; width: 1090px; overflow-y: visible; overflow-x: auto; padding: 8px; } .readpoint-item { display: flex; flex-shrink: 0; border-radius: 5px; width: 100px; height: 40px; line-height: 0px; position: relative; margin-right: 20px; margin-bottom: 10px; background-color: #f8f8f9; border: 2px solid #161616; background-size: cover; background-position: center; background-repeat: no-repeat; opacity: 0.8; transition: hover 0.3s linear, opacity 0.3s; cursor: pointer; } .readpoint-item:hover { border-color: rgba(60, 105, 138, 0.5); opacity: 0.7; } .readpoint-item.son { border-color: #b0c20f; background-color: #b0c20f; opacity: 1; } .readpoint-item.curr { border-color: rgba(34, 153, 238, 0.5); background-color: #0fc20f; opacity: 1; } .readpoint-item.curr .poptip-remove { opacity: 1; } .readpoint-item .flex-img { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; display: flex; width: 100%; height: 100%; align-items: center; justify-content: center; } .readpoint-item .flex-img > div { width: 100%; height: 100%; background-repeat: no-repeat; background-position: center; background-size: cover; } .readpoint-item .flex-img > div + div { margin-left: 2px; } .downloadPanelFlex { display: -webkit-flex; display: flex; flex-direction: column; justify-content: space-around; align-items: center; } .addPictureBookBtn { width: 120px; height: 40px; border-radius: 4px; background: #2472e3; color: #fff; text-align: center; cursor: pointer; } .el-checkbox + .el-checkbox { margin-left: 0px; } .el-checkbox { margin-right: 25px; } audio { outline: none; } .action-box { max-width: 1012px; } .action-item { margin-bottom: 20px; } .action-item .audio-test { display: inline-block; vertical-align: middle; margin-right: 20px; } .action-item .ivu-upload { display: inline-block; vertical-align: middle; } .action-answer-item { margin: 0 0 15px; } .action-btn { text-align: right; } .action-btn.action-btn-left { text-align: left; } .cardBg { background-color: #e8eaec; } .lock-box { text-align: center; color: #999; padding: 15% 0 10%; } .lock-box > div { padding: 40px; } .poptip-remove { position: absolute; right: -4px; top: -4px; line-height: 0; opacity: 0; } .pageNumShow { position: absolute; left: 45%; bottom: -10px; line-height: 0; } .pageHiddenShow { position: absolute; left: 40px; top: -4px; line-height: 0; cursor: pointer; } .explanationSubtitles { position: absolute; right: -10px; top: -40px; cursor: pointer; } .image-upload-type { padding: 5px 0; } .image-upload-type > div + div { margin-top: 10px; } .module-list { display: inline-flex; padding: 10px 10px 10px 0; background-color: #f3f3f3; white-space: nowrap; } .module-list-item { display: flex; max-width: 100px; user-select: none; background-color: #fff; border: 1px solid #eee; text-align: center; position: relative; transition: hover 0.3s linear, box-shadow 0.3s ease-in-out, opacity 0.3s; margin-left: 10px; } .module-list-item > div { width: 100px; height: 100%; padding: 10px 0; } .module-list-item.curr { box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1); border-color: rgba(34, 153, 238, 0.5); } .module-list-item.set-box { min-height: 100px; border-style: dashed; cursor: pointer; } .module-list-item.set-box .ivu-icon { margin: 15px 0 5px; } .module-list-item .remove-course { position: absolute; left: -7px; top: -7px; opacity: 0; transition: opacity 0.3s; } .module-list-item .edit-course { position: absolute; right: -7px; top: -7px; opacity: 0; transition: opacity 0.3s; } .module-list-item .ivu-dropdown { position: absolute; right: 3px; top: 3px; } .module-list-item .ivu-dropdown a { color: #666; } .module-list-item img { width: 50px; height: 50px; background-color: #eee; } .module-list-item p { height: 22px; line-height: 22px; margin: 0 5px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .module-list-item:hover { box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1); } .module-list-item:hover .remove-course { opacity: 1; } .module-list-item:hover .edit-course { opacity: 1; } .preview-list { display: inline-flex; width: 750px; overflow-y: visible; overflow-x: auto; padding: 9px 8px; } .preview-item { display: flex; flex-shrink: 0; width: 100px; height: 100px; line-height: 0px; position: relative; margin-bottom: 10px; background-color: #f8f8f9; border: 2px solid #ffffff; background-size: cover; background-position: center; background-repeat: no-repeat; opacity: 0.5; transition: hover 0.3s linear, opacity 0.3s; } .preview-item:hover { border-color: rgba(60, 105, 138, 0.5); opacity: 0.7; } .preview-item.curr { border-color: rgba(34, 153, 238, 0.5); opacity: 1; } .preview-item.curr .poptip-remove { opacity: 1; } .preview-item.file-upload { background-color: #ccc; text-align: center; opacity: 1; } .preview-item.file-upload .upload-add-button { cursor: pointer; } .preview-item .flex-img { display: flex; width: 100%; height: 100%; align-items: center; justify-content: center; } .preview-item .flex-img > div { width: 100%; height: 100%; background-repeat: no-repeat; background-position: center; background-size: cover; } .preview-item .flex-img > div + div { margin-left: 2px; } .preview-item .preview-img { width: 100%; height: 100%; background-repeat: no-repeat; background-position: center; background-size: cover; } .other-area { position: relative; width: 832px; height: 468px; border: 1px dashed #dcdee2; background-color: #f8f8f9; } .image-box { position: relative; background-color: #f8f8f9; user-select: none; } .upload-image { position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 1; } .upload-image .ivu-upload { background-color: #f8f8f9; padding: 20px; } .upload-image .ivu-upload-drag { border: none; padding: 150px 0 20px; } .upload-image .ivu-row, .upload-image .ivu-col { height: 100%; } .image-preview { overflow: hidden; height: 100%; width: 100%; background-size: cover; display: flex; align-items: center; justify-content: center; } .image-preview .image-item { width: 100%; height: 100%; background-repeat: no-repeat; background-position: center; background-size: cover; } .image-preview .image-item + .image-item { margin-left: 5px; } .image-audio { padding-bottom: 20px; position: absolute; bottom: 0; left: 50%; margin-left: -250px; width: 500px; z-index: 10; text-align: center; } .image-audio .ct-input { width: 300px; } .image-audio .media-upload { display: inline-block; } .up-preview { width: 100%; height: 100%; background-repeat: no-repeat; background-position: top left; background-size: contain; } /* .roobo-editor { .other-area, //.player-box, .image-box, .editor-opt { height: 520px; } } */ .dropdown-list li a { color: #666; display: inline-block; padding: 5px 15px; } .dropdown-list li a:hover { background: #f3f3f3; color: #2d8cf0; } .blanks-main { text-align: left; font-family: Arial; padding: 5px; } .blanks-main p { font-size: 24px; line-height: 1; } .blanks-main span { display: inline-block; font-size: 24px; line-height: 1; overflow: hidden; vertical-align: middle; margin: 5px 0; } .blanks-main span.text-line { border-bottom: 1px solid #666; } .svg-button { cursor: pointer; width: 40px; height: 40px; fill-opacity: 0; stroke: #111111; stroke-width: 1; stroke-dasharray: 20 5; padding: 0px 4px; margin: 0px 10px 5px 10px; } .svg-button2 { cursor: pointer; width: 40px; height: 40px; fill-opacity: 0; stroke: #111111; stroke-width: 1; padding: 0px 4px; margin: 5px 10px 0px 10px; } .snBtn { height: 30px; margin: 20px 5px; } .snBtn2 { height: 30px; line-height: 30px; margin: 20px 5px; } .quanTuText { height: 50px; line-height: 50px; margin: 5px 30px 5px 10px; } .checkView { height: 50px; line-height: 50px; margin: 5px 30px 5px 10px; display: -webkit-flex; display: flex; flex-direction: row; justify-content: flex-start; } .checkViewItem { padding: 0px 10px 0px 0px; } .svgButtonOuter { width: 50px; height: 50px; display: table; } .svgButtoninner { display: table-cell; vertical-align: middle; text-align: center; } .tipsForeditor { font-family: Arial; padding: 5px; font-size: 12px; line-height: 1; } .editor-content { background-color: #f0f0f0; display: flex; border: 1px solid #eee; padding: 5px; max-width: 900px; } .tool-response { border: 1px solid #ddd; padding: 10px; margin: 0px 0px 10px 0px; } .oidFlex { display: -webkit-flex; display: flex; flex-direction: row; justify-content: flex-start; align-items: center; } .addInteractText { height: 30px; line-height: 30px; margin: 0px 30px 0px 10px; } .readPointInteractText { height: 30px; line-height: 30px; font-size: 16px; margin: 0px 10px 0px 10px; } .hide-area { border: 1px solid #ddd; padding: 0px 0px 0px 10px; } .talkTrainHeaderText { font-size: 14px; margin: 0px 0px 0px 0px; padding: 0px; } .showTimeoutTableCell { padding: 0px 20px 0px 0px; display: table-cell; vertical-align: middle; text-align: center; } .talkTrainHeader2Text { font-size: 10px; margin: 0px 0px 0px 0px; color: #aaaaaa; padding: 0px; } .svg-touch { cursor: pointer; } .talk-area { border: 1px solid #ddd; padding: 10px 10px 10px 10px; } .checkBtn { max-width: 900px; padding: 10px 10px 10px 10px; background-color: #f8f8f9; border: 1px solid #eee; } .classShow { width: 600px; display: -webkit-flex; display: flex; flex-direction: row; justify-content: space-between; align-items: center; } .recordStyle { height: 35px; width: 426px; display: -webkit-flex; display: flex; flex-direction: row; justify-content: flex-start; align-items: center; } .questionAudio2 { width: 500px; border: 1px solid #ddd; padding: 10px; } .questionAudio { width: 390px; border: 1px solid #ddd; padding: 10px; } .interact-game-pointRange { width: 700px; display: flex; display: -webkit-flex; flex-direction: column; justify-content: flex-start; align-items: flex-start; } .interact-gameSigmode-correct-btn { display: -webkit-flex; display: flex; flex-direction: row; justify-content: flex-start; align-items: center; } .interact-follow-response { display: -webkit-flex; display: flex; flex-direction: row; justify-content: flex-start; align-items: center; border: 1px solid #ddd; margin: 5px; } .oidstyle { height: 35px; width: 600px; display: -webkit-flex; display: flex; flex-direction: row; justify-content: start; align-items: center; } .el-table__body tr.current-row > td { background-color: #8282ec !important; /* color: #f19944; */ /* 设置文字颜色 */ } .readpoint-list { display: inline-flex; width: 1090px; overflow-y: visible; overflow-x: auto; padding: 8px; } .readpoint-item { display: flex; flex-shrink: 0; border-radius: 5px; width: 100px; height: 40px; line-height: 0px; position: relative; margin-right: 20px; margin-bottom: 10px; background-color: #f8f8f9; border: 2px solid #161616; background-size: cover; background-position: center; background-repeat: no-repeat; opacity: 0.8; transition: hover 0.3s linear, opacity 0.3s; cursor: pointer; } .readpoint-item:hover { border-color: rgba(60, 105, 138, 0.5); opacity: 0.7; } .readpoint-item.son { border-color: #b0c20f; background-color: #b0c20f; opacity: 1; } .readpoint-item.curr { border-color: rgba(34, 153, 238, 0.5); background-color: #0fc20f; opacity: 1; } .readpoint-item.curr .poptip-remove { opacity: 1; } .readpoint-item .flex-img { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; display: flex; width: 100%; height: 100%; align-items: center; justify-content: center; } .readpoint-item .flex-img > div { width: 100%; height: 100%; background-repeat: no-repeat; background-position: center; background-size: cover; } .readpoint-item .flex-img > div + div { margin-left: 2px; } .downloadPanelFlex { display: -webkit-flex; display: flex; flex-direction: column; justify-content: space-around; align-items: center; } .addPictureBookBtn { width: 120px; height: 40px; border-radius: 4px; background: #2472e3; color: #fff; text-align: center; cursor: pointer; } .el-checkbox + .el-checkbox { margin-left: 0px; } .el-checkbox { margin-right: 25px; } audio { outline: none; } .action-box { max-width: 1012px; } .action-item { margin-bottom: 20px; } .action-item .audio-test { display: inline-block; vertical-align: middle; margin-right: 20px; } .action-item .ivu-upload { display: inline-block; vertical-align: middle; } .action-answer-item { margin: 0 0 15px; } .action-btn { text-align: right; } .action-btn.action-btn-left { text-align: left; } .cardBg { background-color: #e8eaec; } .lock-box { text-align: center; color: #999; padding: 15% 0 10%; } .lock-box > div { padding: 40px; } .poptip-remove { position: absolute; right: -4px; top: -4px; line-height: 0; opacity: 0; } .pageNumShow { position: absolute; left: 45%; bottom: -10px; line-height: 0; } .pageHiddenShow { position: absolute; left: 40px; top: -4px; line-height: 0; cursor: pointer; } .explanationSubtitles { position: absolute; right: -10px; top: -40px; cursor: pointer; } .image-upload-type { padding: 5px 0; } .image-upload-type > div + div { margin-top: 10px; } .module-list { display: inline-flex; padding: 10px 10px 10px 0; background-color: #f3f3f3; white-space: nowrap; } .module-list-item { display: flex; max-width: 100px; user-select: none; background-color: #fff; border: 1px solid #eee; text-align: center; position: relative; transition: hover 0.3s linear, box-shadow 0.3s ease-in-out, opacity 0.3s; margin-left: 10px; } .module-list-item > div { width: 100px; height: 100%; padding: 10px 0; } .module-list-item.curr { box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1); border-color: rgba(34, 153, 238, 0.5); } .module-list-item.set-box { min-height: 100px; border-style: dashed; cursor: pointer; } .module-list-item.set-box .ivu-icon { margin: 15px 0 5px; } .module-list-item .remove-course { position: absolute; left: -7px; top: -7px; opacity: 0; transition: opacity 0.3s; } .module-list-item .edit-course { position: absolute; right: -7px; top: -7px; opacity: 0; transition: opacity 0.3s; } .module-list-item .ivu-dropdown { position: absolute; right: 3px; top: 3px; } .module-list-item .ivu-dropdown a { color: #666; } .module-list-item img { width: 50px; height: 50px; background-color: #eee; } .module-list-item p { height: 22px; line-height: 22px; margin: 0 5px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .module-list-item:hover { box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1); } .module-list-item:hover .remove-course { opacity: 1; } .module-list-item:hover .edit-course { opacity: 1; } .preview-list { display: inline-flex; width: 750px; overflow-y: visible; overflow-x: auto; padding: 9px 8px; } .preview-item { display: flex; flex-shrink: 0; width: 100px; height: 100px; line-height: 0px; position: relative; margin-bottom: 10px; background-color: #f8f8f9; border: 2px solid #ffffff; background-size: cover; background-position: center; background-repeat: no-repeat; opacity: 0.5; transition: hover 0.3s linear, opacity 0.3s; } .preview-item:hover { border-color: rgba(60, 105, 138, 0.5); opacity: 0.7; } .preview-item.curr { border-color: rgba(34, 153, 238, 0.5); opacity: 1; } .preview-item.curr .poptip-remove { opacity: 1; } .preview-item.file-upload { background-color: #ccc; text-align: center; opacity: 1; } .preview-item.file-upload .upload-add-button { cursor: pointer; } .preview-item .flex-img { display: flex; width: 100%; height: 100%; align-items: center; justify-content: center; } .preview-item .flex-img > div { width: 100%; height: 100%; background-repeat: no-repeat; background-position: center; background-size: cover; } .preview-item .flex-img > div + div { margin-left: 2px; } .preview-item .preview-img { width: 100%; height: 100%; background-repeat: no-repeat; background-position: center; background-size: cover; } .other-area { position: relative; width: 832px; height: 468px; border: 1px dashed #dcdee2; background-color: #f8f8f9; } .image-box { position: relative; background-color: #f8f8f9; user-select: none; } .upload-image { position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 1; } .upload-image .ivu-upload { background-color: #f8f8f9; padding: 20px; } .upload-image .ivu-upload-drag { border: none; padding: 150px 0 20px; } .upload-image .ivu-row, .upload-image .ivu-col { height: 100%; } .image-preview { overflow: hidden; height: 100%; width: 100%; background-size: cover; display: flex; align-items: center; justify-content: center; } .image-preview .image-item { width: 100%; height: 100%; background-repeat: no-repeat; background-position: center; background-size: cover; } .image-preview .image-item + .image-item { margin-left: 5px; } .image-audio { padding-bottom: 20px; position: absolute; bottom: 0; left: 50%; margin-left: -250px; width: 500px; z-index: 10; text-align: center; } .image-audio .ct-input { width: 300px; } .image-audio .media-upload { display: inline-block; } .up-preview { width: 100%; height: 100%; background-repeat: no-repeat; background-position: top left; background-size: contain; } /* .roobo-editor { .other-area, //.player-box, .image-box, .editor-opt { height: 520px; } } */ .dropdown-list li a { color: #666; display: inline-block; padding: 5px 15px; } .dropdown-list li a:hover { background: #f3f3f3; color: #2d8cf0; } .blanks-main { text-align: left; font-family: Arial; padding: 5px; } .blanks-main p { font-size: 24px; line-height: 1; } .blanks-main span { display: inline-block; font-size: 24px; line-height: 1; overflow: hidden; vertical-align: middle; margin: 5px 0; } .blanks-main span.text-line { border-bottom: 1px solid #666; } .svg-button { cursor: pointer; width: 40px; height: 40px; fill-opacity: 0; stroke: #111111; stroke-width: 1; stroke-dasharray: 20 5; padding: 0px 4px; margin: 0px 10px 5px 10px; } .svg-button2 { cursor: pointer; width: 40px; height: 40px; fill-opacity: 0; stroke: #111111; stroke-width: 1; padding: 0px 4px; margin: 5px 10px 0px 10px; } .snBtn { height: 30px; margin: 20px 5px; } .snBtn2 { height: 30px; line-height: 30px; margin: 20px 5px; } .quanTuText { height: 50px; line-height: 50px; margin: 5px 30px 5px 10px; } .checkView { height: 50px; line-height: 50px; margin: 5px 30px 5px 10px; display: -webkit-flex; display: flex; flex-direction: row; justify-content: flex-start; } .checkViewItem { padding: 0px 10px 0px 0px; } .svgButtonOuter { width: 50px; height: 50px; display: table; } .svgButtoninner { display: table-cell; vertical-align: middle; text-align: center; } .tipsForeditor { font-family: Arial; padding: 5px; font-size: 12px; line-height: 1; } .editor-content { background-color: #f0f0f0; display: flex; border: 1px solid #eee; padding: 5px; max-width: 900px; } .tool-response { border: 1px solid #ddd; padding: 10px; margin: 0px 0px 10px 0px; } .oidFlex { display: -webkit-flex; display: flex; flex-direction: row; justify-content: flex-start; align-items: center; } .addInteractText { height: 30px; line-height: 30px; margin: 0px 30px 0px 10px; } .readPointInteractText { height: 30px; line-height: 30px; font-size: 16px; margin: 0px 10px 0px 10px; } .hide-area { border: 1px solid #ddd; padding: 0px 0px 0px 10px; } .talkTrainHeaderText { font-size: 14px; margin: 0px 0px 0px 0px; padding: 0px; } .showTimeoutTableCell { padding: 0px 20px 0px 0px; display: table-cell; vertical-align: middle; text-align: center; } .talkTrainHeader2Text { font-size: 10px; margin: 0px 0px 0px 0px; color: #aaaaaa; padding: 0px; } .svg-touch { cursor: pointer; } .talk-area { border: 1px solid #ddd; padding: 10px 10px 10px 10px; } .checkBtn { max-width: 900px; padding: 10px 10px 10px 10px; background-color: #f8f8f9; border: 1px solid #eee; } .classShow { width: 600px; display: -webkit-flex; display: flex; flex-direction: row; justify-content: space-between; align-items: center; } .recordStyle { height: 35px; width: 426px; display: -webkit-flex; display: flex; flex-direction: row; justify-content: flex-start; align-items: center; } .questionAudio2 { width: 500px; border: 1px solid #ddd; padding: 10px; } .questionAudio { width: 390px; border: 1px solid #ddd; padding: 10px; } .interact-game-pointRange { width: 700px; display: flex; display: -webkit-flex; flex-direction: column; justify-content: flex-start; align-items: flex-start; } .interact-gameSigmode-correct-btn { display: -webkit-flex; display: flex; flex-direction: row; justify-content: flex-start; align-items: center; } .interact-follow-response { display: -webkit-flex; display: flex; flex-direction: row; justify-content: flex-start; align-items: center; border: 1px solid #ddd; margin: 5px; } .oidstyle { height: 35px; width: 600px; display: -webkit-flex; display: flex; flex-direction: row; justify-content: start; align-items: center; } .el-table__body tr.current-row > td { background-color: #8282ec !important; /* color: #f19944; */ /* 设置文字颜色 */ } .readpoint-list { display: inline-flex; width: 1090px; overflow-y: visible; overflow-x: auto; padding: 8px; } .readpoint-item { display: flex; flex-shrink: 0; border-radius: 5px; width: 100px; height: 40px; line-height: 0px; position: relative; margin-right: 20px; margin-bottom: 10px; background-color: #f8f8f9; border: 2px solid #161616; background-size: cover; background-position: center; background-repeat: no-repeat; opacity: 0.8; transition: hover 0.3s linear, opacity 0.3s; cursor: pointer; } .readpoint-item:hover { border-color: rgba(60, 105, 138, 0.5); opacity: 0.7; } .readpoint-item.son { border-color: #b0c20f; background-color: #b0c20f; opacity: 1; } .readpoint-item.curr { border-color: rgba(34, 153, 238, 0.5); background-color: #0fc20f; opacity: 1; } .readpoint-item.curr .poptip-remove { opacity: 1; } .readpoint-item .flex-img { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; display: flex; width: 100%; height: 100%; align-items: center; justify-content: center; } .readpoint-item .flex-img > div { width: 100%; height: 100%; background-repeat: no-repeat; background-position: center; background-size: cover; } .readpoint-item .flex-img > div + div { margin-left: 2px; } .downloadPanelFlex { display: -webkit-flex; display: flex; flex-direction: column; justify-content: space-around; align-items: center; } .addPictureBookBtn { width: 120px; height: 40px; border-radius: 4px; background: #2472e3; color: #fff; text-align: center; cursor: pointer; } .el-checkbox + .el-checkbox { margin-left: 0px; } .el-checkbox { margin-right: 25px; } audio[data-v-7ba56e74] { outline: none; } .action-box[data-v-7ba56e74] { max-width: 1012px; } .action-item[data-v-7ba56e74] { margin-bottom: 20px; } .action-item .audio-test[data-v-7ba56e74] { display: inline-block; vertical-align: middle; margin-right: 20px; } .action-item .ivu-upload[data-v-7ba56e74] { display: inline-block; vertical-align: middle; } .action-answer-item[data-v-7ba56e74] { margin: 0 0 15px; } .action-btn[data-v-7ba56e74] { text-align: right; } .action-btn.action-btn-left[data-v-7ba56e74] { text-align: left; } .cardBg[data-v-7ba56e74] { background-color: #e8eaec; } .lock-box[data-v-7ba56e74] { text-align: center; color: #999; padding: 15% 0 10%; } .lock-box > div[data-v-7ba56e74] { padding: 40px; } .poptip-remove[data-v-7ba56e74] { position: absolute; right: -4px; top: -4px; line-height: 0; opacity: 0; } .pageNumShow[data-v-7ba56e74] { position: absolute; left: 45%; bottom: -10px; line-height: 0; } .pageHiddenShow[data-v-7ba56e74] { position: absolute; left: 40px; top: -4px; line-height: 0; cursor: pointer; } .explanationSubtitles[data-v-7ba56e74] { position: absolute; right: -10px; top: -40px; cursor: pointer; } .image-upload-type[data-v-7ba56e74] { padding: 5px 0; } .image-upload-type > div + div[data-v-7ba56e74] { margin-top: 10px; } .module-list[data-v-7ba56e74] { display: inline-flex; padding: 10px 10px 10px 0; background-color: #f3f3f3; white-space: nowrap; } .module-list-item[data-v-7ba56e74] { display: flex; max-width: 100px; user-select: none; background-color: #fff; border: 1px solid #eee; text-align: center; position: relative; transition: hover 0.3s linear, box-shadow 0.3s ease-in-out, opacity 0.3s; margin-left: 10px; } .module-list-item > div[data-v-7ba56e74] { width: 100px; height: 100%; padding: 10px 0; } .module-list-item.curr[data-v-7ba56e74] { box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1); border-color: rgba(34, 153, 238, 0.5); } .module-list-item.set-box[data-v-7ba56e74] { min-height: 100px; border-style: dashed; cursor: pointer; } .module-list-item.set-box .ivu-icon[data-v-7ba56e74] { margin: 15px 0 5px; } .module-list-item .remove-course[data-v-7ba56e74] { position: absolute; left: -7px; top: -7px; opacity: 0; transition: opacity 0.3s; } .module-list-item .edit-course[data-v-7ba56e74] { position: absolute; right: -7px; top: -7px; opacity: 0; transition: opacity 0.3s; } .module-list-item .ivu-dropdown[data-v-7ba56e74] { position: absolute; right: 3px; top: 3px; } .module-list-item .ivu-dropdown a[data-v-7ba56e74] { color: #666; } .module-list-item img[data-v-7ba56e74] { width: 50px; height: 50px; background-color: #eee; } .module-list-item p[data-v-7ba56e74] { height: 22px; line-height: 22px; margin: 0 5px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .module-list-item[data-v-7ba56e74]:hover { box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1); } .module-list-item:hover .remove-course[data-v-7ba56e74] { opacity: 1; } .module-list-item:hover .edit-course[data-v-7ba56e74] { opacity: 1; } .preview-list[data-v-7ba56e74] { display: inline-flex; width: 750px; overflow-y: visible; overflow-x: auto; padding: 9px 8px; } .preview-item[data-v-7ba56e74] { display: flex; flex-shrink: 0; width: 100px; height: 100px; line-height: 0px; position: relative; margin-bottom: 10px; background-color: #f8f8f9; border: 2px solid #ffffff; background-size: cover; background-position: center; background-repeat: no-repeat; opacity: 0.5; transition: hover 0.3s linear, opacity 0.3s; } .preview-item[data-v-7ba56e74]:hover { border-color: rgba(60, 105, 138, 0.5); opacity: 0.7; } .preview-item.curr[data-v-7ba56e74] { border-color: rgba(34, 153, 238, 0.5); opacity: 1; } .preview-item.curr .poptip-remove[data-v-7ba56e74] { opacity: 1; } .preview-item.file-upload[data-v-7ba56e74] { background-color: #ccc; text-align: center; opacity: 1; } .preview-item.file-upload .upload-add-button[data-v-7ba56e74] { cursor: pointer; } .preview-item .flex-img[data-v-7ba56e74] { display: flex; width: 100%; height: 100%; align-items: center; justify-content: center; } .preview-item .flex-img > div[data-v-7ba56e74] { width: 100%; height: 100%; background-repeat: no-repeat; background-position: center; background-size: cover; } .preview-item .flex-img > div + div[data-v-7ba56e74] { margin-left: 2px; } .preview-item .preview-img[data-v-7ba56e74] { width: 100%; height: 100%; background-repeat: no-repeat; background-position: center; background-size: cover; } .other-area[data-v-7ba56e74] { position: relative; width: 832px; height: 468px; border: 1px dashed #dcdee2; background-color: #f8f8f9; } .image-box[data-v-7ba56e74] { position: relative; background-color: #f8f8f9; user-select: none; } .upload-image[data-v-7ba56e74] { position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 1; } .upload-image .ivu-upload[data-v-7ba56e74] { background-color: #f8f8f9; padding: 20px; } .upload-image .ivu-upload-drag[data-v-7ba56e74] { border: none; padding: 150px 0 20px; } .upload-image .ivu-row[data-v-7ba56e74], .upload-image .ivu-col[data-v-7ba56e74] { height: 100%; } .image-preview[data-v-7ba56e74] { overflow: hidden; height: 100%; width: 100%; background-size: cover; display: flex; align-items: center; justify-content: center; } .image-preview .image-item[data-v-7ba56e74] { width: 100%; height: 100%; background-repeat: no-repeat; background-position: center; background-size: cover; } .image-preview .image-item + .image-item[data-v-7ba56e74] { margin-left: 5px; } .image-audio[data-v-7ba56e74] { padding-bottom: 20px; position: absolute; bottom: 0; left: 50%; margin-left: -250px; width: 500px; z-index: 10; text-align: center; } .image-audio .ct-input[data-v-7ba56e74] { width: 300px; } .image-audio .media-upload[data-v-7ba56e74] { display: inline-block; } .up-preview[data-v-7ba56e74] { width: 100%; height: 100%; background-repeat: no-repeat; background-position: top left; background-size: contain; } /* .roobo-editor { .other-area, //.player-box, .image-box, .editor-opt { height: 520px; } } */ .dropdown-list li a[data-v-7ba56e74] { color: #666; display: inline-block; padding: 5px 15px; } .dropdown-list li a[data-v-7ba56e74]:hover { background: #f3f3f3; color: #2d8cf0; } .blanks-main[data-v-7ba56e74] { text-align: left; font-family: Arial; padding: 5px; } .blanks-main p[data-v-7ba56e74] { font-size: 24px; line-height: 1; } .blanks-main span[data-v-7ba56e74] { display: inline-block; font-size: 24px; line-height: 1; overflow: hidden; vertical-align: middle; margin: 5px 0; } .blanks-main span.text-line[data-v-7ba56e74] { border-bottom: 1px solid #666; } .svg-button[data-v-7ba56e74] { cursor: pointer; width: 40px; height: 40px; fill-opacity: 0; stroke: #111111; stroke-width: 1; stroke-dasharray: 20 5; padding: 0px 4px; margin: 0px 10px 5px 10px; } .svg-button2[data-v-7ba56e74] { cursor: pointer; width: 40px; height: 40px; fill-opacity: 0; stroke: #111111; stroke-width: 1; padding: 0px 4px; margin: 5px 10px 0px 10px; } .snBtn[data-v-7ba56e74] { height: 30px; margin: 20px 5px; } .snBtn2[data-v-7ba56e74] { height: 30px; line-height: 30px; margin: 20px 5px; } .quanTuText[data-v-7ba56e74] { height: 50px; line-height: 50px; margin: 5px 30px 5px 10px; } .checkView[data-v-7ba56e74] { height: 50px; line-height: 50px; margin: 5px 30px 5px 10px; display: -webkit-flex; display: flex; flex-direction: row; justify-content: flex-start; } .checkViewItem[data-v-7ba56e74] { padding: 0px 10px 0px 0px; } .svgButtonOuter[data-v-7ba56e74] { width: 50px; height: 50px; display: table; } .svgButtoninner[data-v-7ba56e74] { display: table-cell; vertical-align: middle; text-align: center; } .tipsForeditor[data-v-7ba56e74] { font-family: Arial; padding: 5px; font-size: 12px; line-height: 1; } .editor-content[data-v-7ba56e74] { background-color: #f0f0f0; display: flex; border: 1px solid #eee; padding: 5px; max-width: 900px; } .tool-response[data-v-7ba56e74] { border: 1px solid #ddd; padding: 10px; margin: 0px 0px 10px 0px; } .oidFlex[data-v-7ba56e74] { display: -webkit-flex; display: flex; flex-direction: row; justify-content: flex-start; align-items: center; } .addInteractText[data-v-7ba56e74] { height: 30px; line-height: 30px; margin: 0px 30px 0px 10px; } .readPointInteractText[data-v-7ba56e74] { height: 30px; line-height: 30px; font-size: 16px; margin: 0px 10px 0px 10px; } .hide-area[data-v-7ba56e74] { border: 1px solid #ddd; padding: 0px 0px 0px 10px; } .talkTrainHeaderText[data-v-7ba56e74] { font-size: 14px; margin: 0px 0px 0px 0px; padding: 0px; } .showTimeoutTableCell[data-v-7ba56e74] { padding: 0px 20px 0px 0px; display: table-cell; vertical-align: middle; text-align: center; } .talkTrainHeader2Text[data-v-7ba56e74] { font-size: 10px; margin: 0px 0px 0px 0px; color: #aaaaaa; padding: 0px; } .svg-touch[data-v-7ba56e74] { cursor: pointer; } .talk-area[data-v-7ba56e74] { border: 1px solid #ddd; padding: 10px 10px 10px 10px; } .checkBtn[data-v-7ba56e74] { max-width: 900px; padding: 10px 10px 10px 10px; background-color: #f8f8f9; border: 1px solid #eee; } .classShow[data-v-7ba56e74] { width: 600px; display: -webkit-flex; display: flex; flex-direction: row; justify-content: space-between; align-items: center; } .recordStyle[data-v-7ba56e74] { height: 35px; width: 426px; display: -webkit-flex; display: flex; flex-direction: row; justify-content: flex-start; align-items: center; } .questionAudio2[data-v-7ba56e74] { width: 500px; border: 1px solid #ddd; padding: 10px; } .questionAudio[data-v-7ba56e74] { width: 390px; border: 1px solid #ddd; padding: 10px; } .interact-game-pointRange[data-v-7ba56e74] { width: 700px; display: flex; display: -webkit-flex; flex-direction: column; justify-content: flex-start; align-items: flex-start; } .interact-gameSigmode-correct-btn[data-v-7ba56e74] { display: -webkit-flex; display: flex; flex-direction: row; justify-content: flex-start; align-items: center; } .interact-follow-response[data-v-7ba56e74] { display: -webkit-flex; display: flex; flex-direction: row; justify-content: flex-start; align-items: center; border: 1px solid #ddd; margin: 5px; } .oidstyle[data-v-7ba56e74] { height: 35px; width: 600px; display: -webkit-flex; display: flex; flex-direction: row; justify-content: start; align-items: center; } .el-table__body tr.current-row > td[data-v-7ba56e74] { background-color: #8282ec !important; /* color: #f19944; */ /* 设置文字颜色 */ } .readpoint-list[data-v-7ba56e74] { display: inline-flex; width: 1090px; overflow-y: visible; overflow-x: auto; padding: 8px; } .readpoint-item[data-v-7ba56e74] { display: flex; flex-shrink: 0; border-radius: 5px; width: 100px; height: 40px; line-height: 0px; position: relative; margin-right: 20px; margin-bottom: 10px; background-color: #f8f8f9; border: 2px solid #161616; background-size: cover; background-position: center; background-repeat: no-repeat; opacity: 0.8; transition: hover 0.3s linear, opacity 0.3s; cursor: pointer; } .readpoint-item[data-v-7ba56e74]:hover { border-color: rgba(60, 105, 138, 0.5); opacity: 0.7; } .readpoint-item.son[data-v-7ba56e74] { border-color: #b0c20f; background-color: #b0c20f; opacity: 1; } .readpoint-item.curr[data-v-7ba56e74] { border-color: rgba(34, 153, 238, 0.5); background-color: #0fc20f; opacity: 1; } .readpoint-item.curr .poptip-remove[data-v-7ba56e74] { opacity: 1; } .readpoint-item .flex-img[data-v-7ba56e74] { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; display: flex; width: 100%; height: 100%; align-items: center; justify-content: center; } .readpoint-item .flex-img > div[data-v-7ba56e74] { width: 100%; height: 100%; background-repeat: no-repeat; background-position: center; background-size: cover; } .readpoint-item .flex-img > div + div[data-v-7ba56e74] { margin-left: 2px; } .downloadPanelFlex[data-v-7ba56e74] { display: -webkit-flex; display: flex; flex-direction: column; justify-content: space-around; align-items: center; } .addPictureBookBtn[data-v-7ba56e74] { width: 120px; height: 40px; border-radius: 4px; background: #2472e3; color: #fff; text-align: center; cursor: pointer; } .el-checkbox + .el-checkbox[data-v-7ba56e74] { margin-left: 0px; } .el-checkbox[data-v-7ba56e74] { margin-right: 25px; } .course-module[data-v-7ba56e74] { width: 1014px; overflow-x: auto; background-color: #f3f3f3; border: 1px solid #eee; } .editor-mode[data-v-7ba56e74] { padding: 15px 0; overflow-x: auto; overflow-y: visible; } .editor-tool[data-v-7ba56e74] { background-color: #f8f8f9; display: flex; border: 1px solid #eee; padding: 5px; max-width: 1100px; } .editor-tool .tool-start[data-v-7ba56e74] { display: flex; flex-shrink: 0; flex-direction: column; padding: 5px 10px 5px 0; margin-right: 10px; border-right: 1px solid #eee; } .editor-tool .tool-start .ivu-btn[data-v-7ba56e74] { margin-bottom: 3px; margin-top: 3px; } .editor-tool .tool-action[data-v-7ba56e74] { padding: 5px 10px 5px 0; margin-right: 10px; border-right: 1px solid #eee; width: 380px; } .editor-tool .tool-action .ivu-btn[data-v-7ba56e74] { margin-bottom: 3px; margin-top: 3px; } .editor-tool .tool-main[data-v-7ba56e74] { display: flex; flex-shrink: 0; flex-direction: column; padding-right: 10px; margin-right: 10px; border-right: 1px solid #eee; } .editor-tool .tool-main .tool-column[data-v-7ba56e74] { margin: 3px 0; } .editor-tool .tool-opt[data-v-7ba56e74] { padding: 5px 0; } .editor-tool .tool-opt .ivu-btn[data-v-7ba56e74] { margin-bottom: 3px; margin-top: 3px; } .editor-container[data-v-7ba56e74] { margin-top: 10px; position: relative; } .editor-row[data-v-7ba56e74] { min-width: 900px; display: -webkit-flex; display: flex; flex-direction: row; } .editor-preview[data-v-7ba56e74] { width: 750px; float: top; margin-right: 12px; border: 1px solid #eee; background-color: #f8f8f9; } .editor-main[data-v-7ba56e74] { overflow-x: auto; width: 100%; position: relative; display: -webkit-flex; display: flex; flex-direction: row; align-items: center; } .editor-opt[data-v-7ba56e74] { height: 468px; width: 832px; position: absolute; left: 0; top: 0; z-index: 9; background: transparent; } .drag-box[data-v-7ba56e74] { position: absolute; z-index: 10; touch-action: none; text-align: center; font-size: 12px; border: 0px solid #3dd; /* .ivu-tooltip, .drap-title-pst { position: absolute; top: -24px; left: 0; } .size-val { position: absolute; top: 40%; left: 0; width: 100%; text-align: center; } .ivu-color-picker { cursor: default; } */ } .drag-box-bg[data-v-7ba56e74] { position: absolute; z-index: 8; touch-action: none; text-align: center; font-size: 12px; border: 0px solid #3dd; } .drag-polygon[data-v-7ba56e74] { position: absolute; z-index: 9; touch-action: none; text-align: center; font-size: 12px; border: 0px solid #3dd; } .drag-remove[data-v-7ba56e74] { position: absolute; left: 60px; top: -18px; } .OIDShowInQuantu[data-v-7ba56e74] { position: absolute; left: 0; right: 0; top: 40%; margin: auto; cursor: pointer; width: fit-content; background-color: #ffffff; } .OIDShowInQuantu2[data-v-7ba56e74] { position: absolute; left: 5px; top: 3px; margin: auto; cursor: pointer; width: fit-content; background-color: #ffffff; } .NameShowInQuantu[data-v-7ba56e74] { position: absolute; left: 0; right: 0; top: 8px; margin: auto; cursor: pointer; width: fit-content; background-color: #ffffff; } .NameShowInQuantu1[data-v-7ba56e74] { position: absolute; left: 0; right: 0; padding: 2px 0 0 2px; cursor: pointer; width: fit-content; overflow-y: auto; font-family: Times; } .drag-confirm[data-v-7ba56e74] { position: absolute; left: 30px; top: -18px; } .drag-reedit[data-v-7ba56e74] { position: absolute; left: 0; top: -18px; } .drag-box2[data-v-7ba56e74] { position: absolute; z-index: 11; touch-action: none; text-align: center; font-size: 12px; /* .size-val { position: absolute; top: 40%; left: 0; width: 100%; text-align: center; } .ivu-color-picker { cursor: default; } */ } .drag-title[data-v-7ba56e74] { display: inline-block; font-size: 12px; border-radius: 4px; padding: 0 10px; height: 24px; line-height: 24px; background-color: #ff9900; color: #fff; } .resize-drag[data-v-7ba56e74] { touch-action: none; } .dragonly[data-v-7ba56e74] { touch-action: none; } .click-area[data-v-7ba56e74] { color: #fff; border-radius: 8px; padding: 10px 5px 5px; background-color: rgba(237, 64, 20, 0.5); } .click-area .horn-icon[data-v-7ba56e74] { position: absolute; top: 50%; left: 50%; margin-left: -44px; margin-top: -45px; background-image: url(data:image/png;base64,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); background-size: contain; width: 88px; height: 91px; z-index: -1; } .drag-figure[data-v-7ba56e74] { width: 100px; background-color: rgba(255, 255, 255, 0.5); } .drag-figure img[data-v-7ba56e74] { width: 100%; } .drag-circle[data-v-7ba56e74] { color: #333; background-color: rgba(255, 255, 255, 0.2); border-radius: 50%; } .drag-circle .select-color[data-v-7ba56e74] { position: absolute; right: 0; top: -24px; } .drag-circle .drag-remove[data-v-7ba56e74] { right: -20px; } .drag-line[data-v-7ba56e74] { min-height: auto; line-height: 0px; color: #333; background-color: rgba(255, 255, 255, 0.3); } .drag-line .select-color[data-v-7ba56e74] { position: absolute; right: 0; top: -24px; } .drag-line .drag-remove[data-v-7ba56e74] { right: -20px; } .drag-button[data-v-7ba56e74] { min-height: 58.5px; line-height: normal; width: 195px; } .drag-button .drag-ui-button[data-v-7ba56e74] { outline: 0; width: 100%; height: 58.5px; color: #fff; background-color: #f90; border: 1px solid #f90; font-size: 16px; border-radius: 4px; font-weight: 400; text-align: center; vertical-align: middle; white-space: nowrap; line-height: 1.5; user-select: none; } .drag-arrow[data-v-7ba56e74] { width: 100px; height: 100px; border: 1px dashed rgba(0, 0, 0, 0.5); display: flex; align-items: center; justify-content: center; } .drag-arrow .arrow-inner[data-v-7ba56e74] { width: 91px; height: 49px; } .drag-arrow .left[data-v-7ba56e74] { transform: rotate(180deg); } .drag-arrow .left-top[data-v-7ba56e74] { transform: rotate(225deg); } .drag-arrow .top[data-v-7ba56e74] { transform: rotate(-90deg); } .drag-arrow .right-top[data-v-7ba56e74] { transform: rotate(-45deg); } .drag-arrow .right-bottom[data-v-7ba56e74] { transform: rotate(45deg); } .drag-arrow .bottom[data-v-7ba56e74] { transform: rotate(90deg); } .drag-arrow .left-bottom[data-v-7ba56e74] { transform: rotate(135deg); } .drag-audio[data-v-7ba56e74] { padding: 10px 5px 5px; min-height: 60px; border-radius: 8px; background-color: rgba(255, 255, 255, 0.7); } .drag-text[data-v-7ba56e74] { min-height: auto; border: 1px dashed rgba(0, 0, 0, 0.5); } .drag-text .ct-input[data-v-7ba56e74] { width: 100%; } .drag-text .ivu-color-picker[data-v-7ba56e74] { position: absolute; top: -24px; right: 85px; } .drag-text .ivu-select[data-v-7ba56e74] { position: absolute; top: -24px; right: 20px; } .drag-text-blanks[data-v-7ba56e74] { min-height: auto; background-color: #ffffff; max-width: 732px; min-width: auto; } .drag-text-blanks .ivu-color-picker[data-v-7ba56e74] { position: absolute; top: -24px; right: 85px; } .drag-text-blanks .ivu-select[data-v-7ba56e74] { position: absolute; top: -24px; right: 20px; } .drag-tts[data-v-7ba56e74] { min-height: auto; } .drag-tts .ct-input[data-v-7ba56e74] { width: 300px; } .drag-image[data-v-7ba56e74] { max-width: 430px; max-height: 430px; border: 1px dashed rgba(0, 0, 0, 0.5); } .drag-image img[data-v-7ba56e74] { width: 100%; } .poptip-figure-content[data-v-7ba56e74] { overflow: hidden; white-space: normal; } .poptip-figure-content .poptip-figure-item[data-v-7ba56e74] { display: inline-block; margin: 5px; min-width: 60px; } .poptip-content[data-v-7ba56e74] { text-align: center; overflow: hidden; } .poptip-item[data-v-7ba56e74] { display: inline-block; margin: 0 5px; } .poptip-item .left[data-v-7ba56e74] { transform: rotate(180deg); } .poptip-item .left-top[data-v-7ba56e74] { transform: rotate(225deg); } .poptip-item .top[data-v-7ba56e74] { transform: rotate(-90deg); } .poptip-item .right-top[data-v-7ba56e74] { transform: rotate(-45deg); } .poptip-item .right-bottom[data-v-7ba56e74] { transform: rotate(45deg); } .poptip-item .bottom[data-v-7ba56e74] { transform: rotate(90deg); } .poptip-item .left-bottom[data-v-7ba56e74] { transform: rotate(135deg); } .poptip-item img[data-v-7ba56e74] { width: 30px; } .init-svg[data-v-7ba56e74] { width: 100%; height: 100%; } .line-svg[data-v-7ba56e74] { stroke-dasharray: 1000; stroke-dashoffset: 10; animation: drawLine-7ba56e74 3s linear forwards; } .show-property[data-v-7ba56e74] { position: absolute; bottom: 0; right: 0; } @keyframes drawLine-7ba56e74 { 0% { stroke-dashoffset: 1000; } 100% { stroke-dashoffset: 0; } } .circle-svg[data-v-7ba56e74] { stroke-dasharray: 20 5; animation: none; } @keyframes drawCircle-7ba56e74 { 0% { stroke-dashoffset: 0; } 100% { stroke-dasharray: 1500 1500; } } .rotate-x[data-v-7ba56e74] { transform-origin: center center; } .drag-bubble .ivu-color-picker[data-v-7ba56e74] { position: absolute; top: -24px; right: 20px; } .bubble-button[data-v-7ba56e74] { display: block; width: 130px; height: 98px; border-radius: 49px; position: relative; border: #FFF044 solid 1px; background-color: #FFF044; } .bubble-button[data-v-7ba56e74]:focus { border: none; outline: none; } .bg-grid[data-v-7ba56e74] { background-color: transparent; background-position: 0% 0%; background-size: 16px 16px; background-image: linear-gradient(90deg, rgba(0, 0, 0, 0.1) 1px, transparent 1px), linear-gradient(rgba(0, 0, 0, 0.1) 1px, transparent 1px); } .editor-preview[data-v-7ba56e74] { width: 90%; } .preview-list[data-v-7ba56e74] { width: 100%; } audio[data-v-a8af163c] { outline: none; } .action-box[data-v-a8af163c] { max-width: 1012px; } .action-item[data-v-a8af163c] { margin-bottom: 20px; } .action-item .audio-test[data-v-a8af163c] { display: inline-block; vertical-align: middle; margin-right: 20px; } .action-item .ivu-upload[data-v-a8af163c] { display: inline-block; vertical-align: middle; } .action-answer-item[data-v-a8af163c] { margin: 0 0 15px; } .action-btn[data-v-a8af163c] { text-align: right; } .action-btn.action-btn-left[data-v-a8af163c] { text-align: left; } .cardBg[data-v-a8af163c] { background-color: #e8eaec; } .lock-box[data-v-a8af163c] { text-align: center; color: #999; padding: 15% 0 10%; } .lock-box > div[data-v-a8af163c] { padding: 40px; } .poptip-remove[data-v-a8af163c] { position: absolute; right: -4px; top: -4px; line-height: 0; opacity: 0; } .pageNumShow[data-v-a8af163c] { position: absolute; left: 45%; bottom: -10px; line-height: 0; } .pageHiddenShow[data-v-a8af163c] { position: absolute; left: 40px; top: -4px; line-height: 0; cursor: pointer; } .explanationSubtitles[data-v-a8af163c] { position: absolute; right: -10px; top: -40px; cursor: pointer; } .image-upload-type[data-v-a8af163c] { padding: 5px 0; } .image-upload-type > div + div[data-v-a8af163c] { margin-top: 10px; } .module-list[data-v-a8af163c] { display: inline-flex; padding: 10px 10px 10px 0; background-color: #f3f3f3; white-space: nowrap; } .module-list-item[data-v-a8af163c] { display: flex; max-width: 100px; user-select: none; background-color: #fff; border: 1px solid #eee; text-align: center; position: relative; transition: hover 0.3s linear, box-shadow 0.3s ease-in-out, opacity 0.3s; margin-left: 10px; } .module-list-item > div[data-v-a8af163c] { width: 100px; height: 100%; padding: 10px 0; } .module-list-item.curr[data-v-a8af163c] { box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1); border-color: rgba(34, 153, 238, 0.5); } .module-list-item.set-box[data-v-a8af163c] { min-height: 100px; border-style: dashed; cursor: pointer; } .module-list-item.set-box .ivu-icon[data-v-a8af163c] { margin: 15px 0 5px; } .module-list-item .remove-course[data-v-a8af163c] { position: absolute; left: -7px; top: -7px; opacity: 0; transition: opacity 0.3s; } .module-list-item .edit-course[data-v-a8af163c] { position: absolute; right: -7px; top: -7px; opacity: 0; transition: opacity 0.3s; } .module-list-item .ivu-dropdown[data-v-a8af163c] { position: absolute; right: 3px; top: 3px; } .module-list-item .ivu-dropdown a[data-v-a8af163c] { color: #666; } .module-list-item img[data-v-a8af163c] { width: 50px; height: 50px; background-color: #eee; } .module-list-item p[data-v-a8af163c] { height: 22px; line-height: 22px; margin: 0 5px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .module-list-item[data-v-a8af163c]:hover { box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1); } .module-list-item:hover .remove-course[data-v-a8af163c] { opacity: 1; } .module-list-item:hover .edit-course[data-v-a8af163c] { opacity: 1; } .preview-list[data-v-a8af163c] { display: inline-flex; width: 750px; overflow-y: visible; overflow-x: auto; padding: 9px 8px; } .preview-item[data-v-a8af163c] { display: flex; flex-shrink: 0; width: 100px; height: 100px; line-height: 0px; position: relative; margin-bottom: 10px; background-color: #f8f8f9; border: 2px solid #ffffff; background-size: cover; background-position: center; background-repeat: no-repeat; opacity: 0.5; transition: hover 0.3s linear, opacity 0.3s; } .preview-item[data-v-a8af163c]:hover { border-color: rgba(60, 105, 138, 0.5); opacity: 0.7; } .preview-item.curr[data-v-a8af163c] { border-color: rgba(34, 153, 238, 0.5); opacity: 1; } .preview-item.curr .poptip-remove[data-v-a8af163c] { opacity: 1; } .preview-item.file-upload[data-v-a8af163c] { background-color: #ccc; text-align: center; opacity: 1; } .preview-item.file-upload .upload-add-button[data-v-a8af163c] { cursor: pointer; } .preview-item .flex-img[data-v-a8af163c] { display: flex; width: 100%; height: 100%; align-items: center; justify-content: center; } .preview-item .flex-img > div[data-v-a8af163c] { width: 100%; height: 100%; background-repeat: no-repeat; background-position: center; background-size: cover; } .preview-item .flex-img > div + div[data-v-a8af163c] { margin-left: 2px; } .preview-item .preview-img[data-v-a8af163c] { width: 100%; height: 100%; background-repeat: no-repeat; background-position: center; background-size: cover; } .other-area[data-v-a8af163c] { position: relative; width: 832px; height: 468px; border: 1px dashed #dcdee2; background-color: #f8f8f9; } .image-box[data-v-a8af163c] { position: relative; background-color: #f8f8f9; user-select: none; } .upload-image[data-v-a8af163c] { position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 1; } .upload-image .ivu-upload[data-v-a8af163c] { background-color: #f8f8f9; padding: 20px; } .upload-image .ivu-upload-drag[data-v-a8af163c] { border: none; padding: 150px 0 20px; } .upload-image .ivu-row[data-v-a8af163c], .upload-image .ivu-col[data-v-a8af163c] { height: 100%; } .image-preview[data-v-a8af163c] { overflow: hidden; height: 100%; width: 100%; background-size: cover; display: flex; align-items: center; justify-content: center; } .image-preview .image-item[data-v-a8af163c] { width: 100%; height: 100%; background-repeat: no-repeat; background-position: center; background-size: cover; } .image-preview .image-item + .image-item[data-v-a8af163c] { margin-left: 5px; } .image-audio[data-v-a8af163c] { padding-bottom: 20px; position: absolute; bottom: 0; left: 50%; margin-left: -250px; width: 500px; z-index: 10; text-align: center; } .image-audio .ct-input[data-v-a8af163c] { width: 300px; } .image-audio .media-upload[data-v-a8af163c] { display: inline-block; } .up-preview[data-v-a8af163c] { width: 100%; height: 100%; background-repeat: no-repeat; background-position: top left; background-size: contain; } /* .roobo-editor { .other-area, //.player-box, .image-box, .editor-opt { height: 520px; } } */ .dropdown-list li a[data-v-a8af163c] { color: #666; display: inline-block; padding: 5px 15px; } .dropdown-list li a[data-v-a8af163c]:hover { background: #f3f3f3; color: #2d8cf0; } .blanks-main[data-v-a8af163c] { text-align: left; font-family: Arial; padding: 5px; } .blanks-main p[data-v-a8af163c] { font-size: 24px; line-height: 1; } .blanks-main span[data-v-a8af163c] { display: inline-block; font-size: 24px; line-height: 1; overflow: hidden; vertical-align: middle; margin: 5px 0; } .blanks-main span.text-line[data-v-a8af163c] { border-bottom: 1px solid #666; } .svg-button[data-v-a8af163c] { cursor: pointer; width: 40px; height: 40px; fill-opacity: 0; stroke: #111111; stroke-width: 1; stroke-dasharray: 20 5; padding: 0px 4px; margin: 0px 10px 5px 10px; } .svg-button2[data-v-a8af163c] { cursor: pointer; width: 40px; height: 40px; fill-opacity: 0; stroke: #111111; stroke-width: 1; padding: 0px 4px; margin: 5px 10px 0px 10px; } .snBtn[data-v-a8af163c] { height: 30px; margin: 20px 5px; } .snBtn2[data-v-a8af163c] { height: 30px; line-height: 30px; margin: 20px 5px; } .quanTuText[data-v-a8af163c] { height: 50px; line-height: 50px; margin: 5px 30px 5px 10px; } .checkView[data-v-a8af163c] { height: 50px; line-height: 50px; margin: 5px 30px 5px 10px; display: -webkit-flex; display: flex; flex-direction: row; justify-content: flex-start; } .checkViewItem[data-v-a8af163c] { padding: 0px 10px 0px 0px; } .svgButtonOuter[data-v-a8af163c] { width: 50px; height: 50px; display: table; } .svgButtoninner[data-v-a8af163c] { display: table-cell; vertical-align: middle; text-align: center; } .tipsForeditor[data-v-a8af163c] { font-family: Arial; padding: 5px; font-size: 12px; line-height: 1; } .editor-content[data-v-a8af163c] { background-color: #f0f0f0; display: flex; border: 1px solid #eee; padding: 5px; max-width: 900px; } .tool-response[data-v-a8af163c] { border: 1px solid #ddd; padding: 10px; margin: 0px 0px 10px 0px; } .oidFlex[data-v-a8af163c] { display: -webkit-flex; display: flex; flex-direction: row; justify-content: flex-start; align-items: center; } .addInteractText[data-v-a8af163c] { height: 30px; line-height: 30px; margin: 0px 30px 0px 10px; } .readPointInteractText[data-v-a8af163c] { height: 30px; line-height: 30px; font-size: 16px; margin: 0px 10px 0px 10px; } .hide-area[data-v-a8af163c] { border: 1px solid #ddd; padding: 0px 0px 0px 10px; } .talkTrainHeaderText[data-v-a8af163c] { font-size: 14px; margin: 0px 0px 0px 0px; padding: 0px; } .showTimeoutTableCell[data-v-a8af163c] { padding: 0px 20px 0px 0px; display: table-cell; vertical-align: middle; text-align: center; } .talkTrainHeader2Text[data-v-a8af163c] { font-size: 10px; margin: 0px 0px 0px 0px; color: #aaaaaa; padding: 0px; } .svg-touch[data-v-a8af163c] { cursor: pointer; } .talk-area[data-v-a8af163c] { border: 1px solid #ddd; padding: 10px 10px 10px 10px; } .checkBtn[data-v-a8af163c] { max-width: 900px; padding: 10px 10px 10px 10px; background-color: #f8f8f9; border: 1px solid #eee; } .classShow[data-v-a8af163c] { width: 600px; display: -webkit-flex; display: flex; flex-direction: row; justify-content: space-between; align-items: center; } .recordStyle[data-v-a8af163c] { height: 35px; width: 426px; display: -webkit-flex; display: flex; flex-direction: row; justify-content: flex-start; align-items: center; } .questionAudio2[data-v-a8af163c] { width: 500px; border: 1px solid #ddd; padding: 10px; } .questionAudio[data-v-a8af163c] { width: 390px; border: 1px solid #ddd; padding: 10px; } .interact-game-pointRange[data-v-a8af163c] { width: 700px; display: flex; display: -webkit-flex; flex-direction: column; justify-content: flex-start; align-items: flex-start; } .interact-gameSigmode-correct-btn[data-v-a8af163c] { display: -webkit-flex; display: flex; flex-direction: row; justify-content: flex-start; align-items: center; } .interact-follow-response[data-v-a8af163c] { display: -webkit-flex; display: flex; flex-direction: row; justify-content: flex-start; align-items: center; border: 1px solid #ddd; margin: 5px; } .oidstyle[data-v-a8af163c] { height: 35px; width: 600px; display: -webkit-flex; display: flex; flex-direction: row; justify-content: start; align-items: center; } .el-table__body tr.current-row > td[data-v-a8af163c] { background-color: #8282ec !important; /* color: #f19944; */ /* 设置文字颜色 */ } .readpoint-list[data-v-a8af163c] { display: inline-flex; width: 1090px; overflow-y: visible; overflow-x: auto; padding: 8px; } .readpoint-item[data-v-a8af163c] { display: flex; flex-shrink: 0; border-radius: 5px; width: 100px; height: 40px; line-height: 0px; position: relative; margin-right: 20px; margin-bottom: 10px; background-color: #f8f8f9; border: 2px solid #161616; background-size: cover; background-position: center; background-repeat: no-repeat; opacity: 0.8; transition: hover 0.3s linear, opacity 0.3s; cursor: pointer; } .readpoint-item[data-v-a8af163c]:hover { border-color: rgba(60, 105, 138, 0.5); opacity: 0.7; } .readpoint-item.son[data-v-a8af163c] { border-color: #b0c20f; background-color: #b0c20f; opacity: 1; } .readpoint-item.curr[data-v-a8af163c] { border-color: rgba(34, 153, 238, 0.5); background-color: #0fc20f; opacity: 1; } .readpoint-item.curr .poptip-remove[data-v-a8af163c] { opacity: 1; } .readpoint-item .flex-img[data-v-a8af163c] { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; display: flex; width: 100%; height: 100%; align-items: center; justify-content: center; } .readpoint-item .flex-img > div[data-v-a8af163c] { width: 100%; height: 100%; background-repeat: no-repeat; background-position: center; background-size: cover; } .readpoint-item .flex-img > div + div[data-v-a8af163c] { margin-left: 2px; } .downloadPanelFlex[data-v-a8af163c] { display: -webkit-flex; display: flex; flex-direction: column; justify-content: space-around; align-items: center; } .addPictureBookBtn[data-v-a8af163c] { width: 120px; height: 40px; border-radius: 4px; background: #2472e3; color: #fff; text-align: center; cursor: pointer; } .el-checkbox + .el-checkbox[data-v-a8af163c] { margin-left: 0px; } .el-checkbox[data-v-a8af163c] { margin-right: 25px; } .course-module[data-v-a8af163c] { width: 1014px; overflow-x: auto; background-color: #f3f3f3; border: 1px solid #eee; } .editor-mode[data-v-a8af163c] { padding: 15px 0; overflow-x: auto; overflow-y: visible; } .editor-tool[data-v-a8af163c] { background-color: #f8f8f9; display: flex; border: 1px solid #eee; padding: 5px; max-width: 1100px; } .editor-tool .tool-start[data-v-a8af163c] { display: flex; flex-shrink: 0; flex-direction: column; padding: 5px 10px 5px 0; margin-right: 10px; border-right: 1px solid #eee; } .editor-tool .tool-start .ivu-btn[data-v-a8af163c] { margin-bottom: 3px; margin-top: 3px; } .editor-tool .tool-action[data-v-a8af163c] { padding: 5px 10px 5px 0; margin-right: 10px; border-right: 1px solid #eee; width: 380px; } .editor-tool .tool-action .ivu-btn[data-v-a8af163c] { margin-bottom: 3px; margin-top: 3px; } .editor-tool .tool-main[data-v-a8af163c] { display: flex; flex-shrink: 0; flex-direction: column; padding-right: 10px; margin-right: 10px; border-right: 1px solid #eee; } .editor-tool .tool-main .tool-column[data-v-a8af163c] { margin: 3px 0; } .editor-tool .tool-opt[data-v-a8af163c] { padding: 5px 0; } .editor-tool .tool-opt .ivu-btn[data-v-a8af163c] { margin-bottom: 3px; margin-top: 3px; } .editor-container[data-v-a8af163c] { margin-top: 10px; position: relative; } .editor-row[data-v-a8af163c] { min-width: 900px; display: -webkit-flex; display: flex; flex-direction: row; } .editor-preview[data-v-a8af163c] { width: 750px; float: top; margin-right: 12px; border: 1px solid #eee; background-color: #f8f8f9; } .editor-main[data-v-a8af163c] { overflow-x: auto; width: 100%; position: relative; display: -webkit-flex; display: flex; flex-direction: row; align-items: center; } .editor-opt[data-v-a8af163c] { height: 468px; width: 832px; position: absolute; left: 0; top: 0; z-index: 9; background: transparent; } .drag-box[data-v-a8af163c] { position: absolute; z-index: 10; touch-action: none; text-align: center; font-size: 12px; border: 0px solid #3dd; /* .ivu-tooltip, .drap-title-pst { position: absolute; top: -24px; left: 0; } .size-val { position: absolute; top: 40%; left: 0; width: 100%; text-align: center; } .ivu-color-picker { cursor: default; } */ } .drag-box-bg[data-v-a8af163c] { position: absolute; z-index: 8; touch-action: none; text-align: center; font-size: 12px; border: 0px solid #3dd; } .drag-polygon[data-v-a8af163c] { position: absolute; z-index: 9; touch-action: none; text-align: center; font-size: 12px; border: 0px solid #3dd; } .drag-remove[data-v-a8af163c] { position: absolute; left: 60px; top: -18px; } .OIDShowInQuantu[data-v-a8af163c] { position: absolute; left: 0; right: 0; top: 40%; margin: auto; cursor: pointer; width: fit-content; background-color: #ffffff; } .OIDShowInQuantu2[data-v-a8af163c] { position: absolute; left: 5px; top: 3px; margin: auto; cursor: pointer; width: fit-content; background-color: #ffffff; } .NameShowInQuantu[data-v-a8af163c] { position: absolute; left: 0; right: 0; top: 8px; margin: auto; cursor: pointer; width: fit-content; background-color: #ffffff; } .NameShowInQuantu1[data-v-a8af163c] { position: absolute; left: 0; right: 0; padding: 2px 0 0 2px; cursor: pointer; width: fit-content; overflow-y: auto; font-family: Times; } .drag-confirm[data-v-a8af163c] { position: absolute; left: 30px; top: -18px; } .drag-reedit[data-v-a8af163c] { position: absolute; left: 0; top: -18px; } .drag-box2[data-v-a8af163c] { position: absolute; z-index: 11; touch-action: none; text-align: center; font-size: 12px; /* .size-val { position: absolute; top: 40%; left: 0; width: 100%; text-align: center; } .ivu-color-picker { cursor: default; } */ } .drag-title[data-v-a8af163c] { display: inline-block; font-size: 12px; border-radius: 4px; padding: 0 10px; height: 24px; line-height: 24px; background-color: #ff9900; color: #fff; } .resize-drag[data-v-a8af163c] { touch-action: none; } .dragonly[data-v-a8af163c] { touch-action: none; } .click-area[data-v-a8af163c] { color: #fff; border-radius: 8px; padding: 10px 5px 5px; background-color: rgba(237, 64, 20, 0.5); } .click-area .horn-icon[data-v-a8af163c] { position: absolute; top: 50%; left: 50%; margin-left: -44px; margin-top: -45px; background-image: url(data:image/png;base64,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); background-size: contain; width: 88px; height: 91px; z-index: -1; } .drag-figure[data-v-a8af163c] { width: 100px; background-color: rgba(255, 255, 255, 0.5); } .drag-figure img[data-v-a8af163c] { width: 100%; } .drag-circle[data-v-a8af163c] { color: #333; background-color: rgba(255, 255, 255, 0.2); border-radius: 50%; } .drag-circle .select-color[data-v-a8af163c] { position: absolute; right: 0; top: -24px; } .drag-circle .drag-remove[data-v-a8af163c] { right: -20px; } .drag-line[data-v-a8af163c] { min-height: auto; line-height: 0px; color: #333; background-color: rgba(255, 255, 255, 0.3); } .drag-line .select-color[data-v-a8af163c] { position: absolute; right: 0; top: -24px; } .drag-line .drag-remove[data-v-a8af163c] { right: -20px; } .drag-button[data-v-a8af163c] { min-height: 58.5px; line-height: normal; width: 195px; } .drag-button .drag-ui-button[data-v-a8af163c] { outline: 0; width: 100%; height: 58.5px; color: #fff; background-color: #f90; border: 1px solid #f90; font-size: 16px; border-radius: 4px; font-weight: 400; text-align: center; vertical-align: middle; white-space: nowrap; line-height: 1.5; user-select: none; } .drag-arrow[data-v-a8af163c] { width: 100px; height: 100px; border: 1px dashed rgba(0, 0, 0, 0.5); display: flex; align-items: center; justify-content: center; } .drag-arrow .arrow-inner[data-v-a8af163c] { width: 91px; height: 49px; } .drag-arrow .left[data-v-a8af163c] { transform: rotate(180deg); } .drag-arrow .left-top[data-v-a8af163c] { transform: rotate(225deg); } .drag-arrow .top[data-v-a8af163c] { transform: rotate(-90deg); } .drag-arrow .right-top[data-v-a8af163c] { transform: rotate(-45deg); } .drag-arrow .right-bottom[data-v-a8af163c] { transform: rotate(45deg); } .drag-arrow .bottom[data-v-a8af163c] { transform: rotate(90deg); } .drag-arrow .left-bottom[data-v-a8af163c] { transform: rotate(135deg); } .drag-audio[data-v-a8af163c] { padding: 10px 5px 5px; min-height: 60px; border-radius: 8px; background-color: rgba(255, 255, 255, 0.7); } .drag-text[data-v-a8af163c] { min-height: auto; border: 1px dashed rgba(0, 0, 0, 0.5); } .drag-text .ct-input[data-v-a8af163c] { width: 100%; } .drag-text .ivu-color-picker[data-v-a8af163c] { position: absolute; top: -24px; right: 85px; } .drag-text .ivu-select[data-v-a8af163c] { position: absolute; top: -24px; right: 20px; } .drag-text-blanks[data-v-a8af163c] { min-height: auto; background-color: #ffffff; max-width: 732px; min-width: auto; } .drag-text-blanks .ivu-color-picker[data-v-a8af163c] { position: absolute; top: -24px; right: 85px; } .drag-text-blanks .ivu-select[data-v-a8af163c] { position: absolute; top: -24px; right: 20px; } .drag-tts[data-v-a8af163c] { min-height: auto; } .drag-tts .ct-input[data-v-a8af163c] { width: 300px; } .drag-image[data-v-a8af163c] { max-width: 430px; max-height: 430px; border: 1px dashed rgba(0, 0, 0, 0.5); } .drag-image img[data-v-a8af163c] { width: 100%; } .poptip-figure-content[data-v-a8af163c] { overflow: hidden; white-space: normal; } .poptip-figure-content .poptip-figure-item[data-v-a8af163c] { display: inline-block; margin: 5px; min-width: 60px; } .poptip-content[data-v-a8af163c] { text-align: center; overflow: hidden; } .poptip-item[data-v-a8af163c] { display: inline-block; margin: 0 5px; } .poptip-item .left[data-v-a8af163c] { transform: rotate(180deg); } .poptip-item .left-top[data-v-a8af163c] { transform: rotate(225deg); } .poptip-item .top[data-v-a8af163c] { transform: rotate(-90deg); } .poptip-item .right-top[data-v-a8af163c] { transform: rotate(-45deg); } .poptip-item .right-bottom[data-v-a8af163c] { transform: rotate(45deg); } .poptip-item .bottom[data-v-a8af163c] { transform: rotate(90deg); } .poptip-item .left-bottom[data-v-a8af163c] { transform: rotate(135deg); } .poptip-item img[data-v-a8af163c] { width: 30px; } .init-svg[data-v-a8af163c] { width: 100%; height: 100%; } .line-svg[data-v-a8af163c] { stroke-dasharray: 1000; stroke-dashoffset: 10; animation: drawLine-a8af163c 3s linear forwards; } .show-property[data-v-a8af163c] { position: absolute; bottom: 0; right: 0; } @keyframes drawLine-a8af163c { 0% { stroke-dashoffset: 1000; } 100% { stroke-dashoffset: 0; } } .circle-svg[data-v-a8af163c] { stroke-dasharray: 20 5; animation: none; } @keyframes drawCircle-a8af163c { 0% { stroke-dashoffset: 0; } 100% { stroke-dasharray: 1500 1500; } } .rotate-x[data-v-a8af163c] { transform-origin: center center; } .drag-bubble .ivu-color-picker[data-v-a8af163c] { position: absolute; top: -24px; right: 20px; } .bubble-button[data-v-a8af163c] { display: block; width: 130px; height: 98px; border-radius: 49px; position: relative; border: #FFF044 solid 1px; background-color: #FFF044; } .bubble-button[data-v-a8af163c]:focus { border: none; outline: none; } .bg-grid[data-v-a8af163c] { background-color: transparent; background-position: 0% 0%; background-size: 16px 16px; background-image: linear-gradient(90deg, rgba(0, 0, 0, 0.1) 1px, transparent 1px), linear-gradient(rgba(0, 0, 0, 0.1) 1px, transparent 1px); } .tabs[data-v-a8af163c] { padding: 20px 0px; } .text-left .active[data-v-a8af163c] { color: #D08C5A; } .text-left .activeGreen[data-v-a8af163c] { color: #D08C5A; } .text-left .activeRed[data-v-a8af163c] { color: #d7064e; } .addbgcolor[data-v-a8af163c] { border: 10px solid red; } .postion[data-v-a8af163c] { position: relative; } .up-preview-mask[data-v-a8af163c] { left: 0; right: 0; width: 100%; height: 100%; } .fillActivebg[data-v-a8af163c] { background: #ffffff; } .bg100[data-v-a8af163c] { background-position: center !important; } .container[data-v-a8af163c] { width: 1000px; height: 550px; border: 1px solid #ddd; position: relative; } .container .inner[data-v-a8af163c] { display: flex; align-items: center; height: 100%; width: 100%; justify-content: center; position: absolute; } .container .up-preview[data-v-a8af163c] { background-size: contain; background-position: center; background-repeat: no-repeat; } .NameShowInQuantu1[data-v-a8af163c]::-webkit-scrollbar { width: 4px; height: 4px; /**/ } .innerBgcolor[data-v-a8af163c] { background-color: #ccc !important; } .NameShowInQuantu1[data-v-a8af163c]::-webkit-scrollbar-track { background: #efefef; border-radius: 2px; } .NameShowInQuantu1[data-v-a8af163c]::-webkit-scrollbar-thumb { background: #bfbfbf; border-radius: 10px; } .NameShowInQuantu1[data-v-a8af163c]::-webkit-scrollbar-thumb:hover { background: #333; } .NameShowInQuantu1[data-v-a8af163c]::-webkit-scrollbar-corner { background: #fff; } .NameShowInQuantu1[data-v-a8af163c] { display: flex; flex-wrap: wrap; align-items: center; word-break: break-all; } .Activebgcolor[data-v-a8af163c] { display: flex !important; align-items: center; flex-wrap: wrap; } .up-preview-right[data-v-a8af163c] { display: flex; justify-content: end; align-items: center; } .up-preview-center[data-v-a8af163c] { display: flex; justify-content: center; } .up-preview-left[data-v-a8af163c] { display: flex; justify-content: left; align-items: center; } .operabtn[data-v-a8af163c] { margin-left: 20px; position: absolute; left: 1020px; top: 80px; } .operabtn .operabtn-recode[data-v-a8af163c] { display: flex; flex-direction: column; align-items: center; margin-bottom: 20px; cursor: pointer; } .operabtn .btn[data-v-a8af163c] { width: 44px; height: 44px; border-radius: 50%; line-height: 44px; text-align: center; color: #fff; cursor: pointer; } .operabtn .stoprecord[data-v-a8af163c] { background-color: #20a0ff; border-color: #20a0ff; } .operabtn .lookrecord1[data-v-a8af163c] { background-color: #909399; border-color: #909399; cursor: not-allowed; } .operabtn .lookrecord[data-v-a8af163c] { background-color: #13ce66; border-color: #13ce66; cursor: pointer; } .operabtn .record[data-v-a8af163c] { background-color: #20a0ff; border-color: #20a0ff; } .operabtn .stoplook[data-v-a8af163c] { background-color: #13ce66; border-color: #13ce66; } .operabtn .record-grew[data-v-a8af163c] { background-color: #909399; border-color: #909399; cursor: not-allowed; } .operabtn .delrecord1[data-v-a8af163c] { background-color: #909399; border-color: #909399; cursor: not-allowed; } .operabtn .delrecord[data-v-a8af163c] { background-color: red; border-color: red; cursor: pointer; } .mi-canvas[data-v-a8af163c] { position: absolute; width: 1000px; height: 550px; box-sizing: content-box; } .mi-canvas .mi-canvas-content[data-v-a8af163c] { height: 100%; } .rotation-handle[data-v-a8af163c] { position: absolute; top: -20px; left: 90px; width: 20px; height: 20px; background-color: #4CAF50; } audio[data-v-40d209e5] { outline: none; } .action-box[data-v-40d209e5] { max-width: 1012px; } .action-item[data-v-40d209e5] { margin-bottom: 20px; } .action-item .audio-test[data-v-40d209e5] { display: inline-block; vertical-align: middle; margin-right: 20px; } .action-item .ivu-upload[data-v-40d209e5] { display: inline-block; vertical-align: middle; } .action-answer-item[data-v-40d209e5] { margin: 0 0 15px; } .action-btn[data-v-40d209e5] { text-align: right; } .action-btn.action-btn-left[data-v-40d209e5] { text-align: left; } .cardBg[data-v-40d209e5] { background-color: #e8eaec; } .lock-box[data-v-40d209e5] { text-align: center; color: #999; padding: 15% 0 10%; } .lock-box > div[data-v-40d209e5] { padding: 40px; } .poptip-remove[data-v-40d209e5] { position: absolute; right: -4px; top: -4px; line-height: 0; opacity: 0; } .pageNumShow[data-v-40d209e5] { position: absolute; left: 45%; bottom: -10px; line-height: 0; } .pageHiddenShow[data-v-40d209e5] { position: absolute; left: 40px; top: -4px; line-height: 0; cursor: pointer; } .explanationSubtitles[data-v-40d209e5] { position: absolute; right: -10px; top: -40px; cursor: pointer; } .image-upload-type[data-v-40d209e5] { padding: 5px 0; } .image-upload-type > div + div[data-v-40d209e5] { margin-top: 10px; } .module-list[data-v-40d209e5] { display: inline-flex; padding: 10px 10px 10px 0; background-color: #f3f3f3; white-space: nowrap; } .module-list-item[data-v-40d209e5] { display: flex; max-width: 100px; user-select: none; background-color: #fff; border: 1px solid #eee; text-align: center; position: relative; transition: hover 0.3s linear, box-shadow 0.3s ease-in-out, opacity 0.3s; margin-left: 10px; } .module-list-item > div[data-v-40d209e5] { width: 100px; height: 100%; padding: 10px 0; } .module-list-item.curr[data-v-40d209e5] { box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1); border-color: rgba(34, 153, 238, 0.5); } .module-list-item.set-box[data-v-40d209e5] { min-height: 100px; border-style: dashed; cursor: pointer; } .module-list-item.set-box .ivu-icon[data-v-40d209e5] { margin: 15px 0 5px; } .module-list-item .remove-course[data-v-40d209e5] { position: absolute; left: -7px; top: -7px; opacity: 0; transition: opacity 0.3s; } .module-list-item .edit-course[data-v-40d209e5] { position: absolute; right: -7px; top: -7px; opacity: 0; transition: opacity 0.3s; } .module-list-item .ivu-dropdown[data-v-40d209e5] { position: absolute; right: 3px; top: 3px; } .module-list-item .ivu-dropdown a[data-v-40d209e5] { color: #666; } .module-list-item img[data-v-40d209e5] { width: 50px; height: 50px; background-color: #eee; } .module-list-item p[data-v-40d209e5] { height: 22px; line-height: 22px; margin: 0 5px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .module-list-item[data-v-40d209e5]:hover { box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1); } .module-list-item:hover .remove-course[data-v-40d209e5] { opacity: 1; } .module-list-item:hover .edit-course[data-v-40d209e5] { opacity: 1; } .preview-list[data-v-40d209e5] { display: inline-flex; width: 750px; overflow-y: visible; overflow-x: auto; padding: 9px 8px; } .preview-item[data-v-40d209e5] { display: flex; flex-shrink: 0; width: 100px; height: 100px; line-height: 0px; position: relative; margin-bottom: 10px; background-color: #f8f8f9; border: 2px solid #ffffff; background-size: cover; background-position: center; background-repeat: no-repeat; opacity: 0.5; transition: hover 0.3s linear, opacity 0.3s; } .preview-item[data-v-40d209e5]:hover { border-color: rgba(60, 105, 138, 0.5); opacity: 0.7; } .preview-item.curr[data-v-40d209e5] { border-color: rgba(34, 153, 238, 0.5); opacity: 1; } .preview-item.curr .poptip-remove[data-v-40d209e5] { opacity: 1; } .preview-item.file-upload[data-v-40d209e5] { background-color: #ccc; text-align: center; opacity: 1; } .preview-item.file-upload .upload-add-button[data-v-40d209e5] { cursor: pointer; } .preview-item .flex-img[data-v-40d209e5] { display: flex; width: 100%; height: 100%; align-items: center; justify-content: center; } .preview-item .flex-img > div[data-v-40d209e5] { width: 100%; height: 100%; background-repeat: no-repeat; background-position: center; background-size: cover; } .preview-item .flex-img > div + div[data-v-40d209e5] { margin-left: 2px; } .preview-item .preview-img[data-v-40d209e5] { width: 100%; height: 100%; background-repeat: no-repeat; background-position: center; background-size: cover; } .other-area[data-v-40d209e5] { position: relative; width: 832px; height: 468px; border: 1px dashed #dcdee2; background-color: #f8f8f9; } .image-box[data-v-40d209e5] { position: relative; background-color: #f8f8f9; user-select: none; } .upload-image[data-v-40d209e5] { position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 1; } .upload-image .ivu-upload[data-v-40d209e5] { background-color: #f8f8f9; padding: 20px; } .upload-image .ivu-upload-drag[data-v-40d209e5] { border: none; padding: 150px 0 20px; } .upload-image .ivu-row[data-v-40d209e5], .upload-image .ivu-col[data-v-40d209e5] { height: 100%; } .image-preview[data-v-40d209e5] { overflow: hidden; height: 100%; width: 100%; background-size: cover; display: flex; align-items: center; justify-content: center; } .image-preview .image-item[data-v-40d209e5] { width: 100%; height: 100%; background-repeat: no-repeat; background-position: center; background-size: cover; } .image-preview .image-item + .image-item[data-v-40d209e5] { margin-left: 5px; } .image-audio[data-v-40d209e5] { padding-bottom: 20px; position: absolute; bottom: 0; left: 50%; margin-left: -250px; width: 500px; z-index: 10; text-align: center; } .image-audio .ct-input[data-v-40d209e5] { width: 300px; } .image-audio .media-upload[data-v-40d209e5] { display: inline-block; } .up-preview[data-v-40d209e5] { width: 100%; height: 100%; background-repeat: no-repeat; background-position: top left; background-size: contain; } /* .roobo-editor { .other-area, //.player-box, .image-box, .editor-opt { height: 520px; } } */ .dropdown-list li a[data-v-40d209e5] { color: #666; display: inline-block; padding: 5px 15px; } .dropdown-list li a[data-v-40d209e5]:hover { background: #f3f3f3; color: #2d8cf0; } .blanks-main[data-v-40d209e5] { text-align: left; font-family: Arial; padding: 5px; } .blanks-main p[data-v-40d209e5] { font-size: 24px; line-height: 1; } .blanks-main span[data-v-40d209e5] { display: inline-block; font-size: 24px; line-height: 1; overflow: hidden; vertical-align: middle; margin: 5px 0; } .blanks-main span.text-line[data-v-40d209e5] { border-bottom: 1px solid #666; } .svg-button[data-v-40d209e5] { cursor: pointer; width: 40px; height: 40px; fill-opacity: 0; stroke: #111111; stroke-width: 1; stroke-dasharray: 20 5; padding: 0px 4px; margin: 0px 10px 5px 10px; } .svg-button2[data-v-40d209e5] { cursor: pointer; width: 40px; height: 40px; fill-opacity: 0; stroke: #111111; stroke-width: 1; padding: 0px 4px; margin: 5px 10px 0px 10px; } .snBtn[data-v-40d209e5] { height: 30px; margin: 20px 5px; } .snBtn2[data-v-40d209e5] { height: 30px; line-height: 30px; margin: 20px 5px; } .quanTuText[data-v-40d209e5] { height: 50px; line-height: 50px; margin: 5px 30px 5px 10px; } .checkView[data-v-40d209e5] { height: 50px; line-height: 50px; margin: 5px 30px 5px 10px; display: -webkit-flex; display: flex; flex-direction: row; justify-content: flex-start; } .checkViewItem[data-v-40d209e5] { padding: 0px 10px 0px 0px; } .svgButtonOuter[data-v-40d209e5] { width: 50px; height: 50px; display: table; } .svgButtoninner[data-v-40d209e5] { display: table-cell; vertical-align: middle; text-align: center; } .tipsForeditor[data-v-40d209e5] { font-family: Arial; padding: 5px; font-size: 12px; line-height: 1; } .editor-content[data-v-40d209e5] { background-color: #f0f0f0; display: flex; border: 1px solid #eee; padding: 5px; max-width: 900px; } .tool-response[data-v-40d209e5] { border: 1px solid #ddd; padding: 10px; margin: 0px 0px 10px 0px; } .oidFlex[data-v-40d209e5] { display: -webkit-flex; display: flex; flex-direction: row; justify-content: flex-start; align-items: center; } .addInteractText[data-v-40d209e5] { height: 30px; line-height: 30px; margin: 0px 30px 0px 10px; } .readPointInteractText[data-v-40d209e5] { height: 30px; line-height: 30px; font-size: 16px; margin: 0px 10px 0px 10px; } .hide-area[data-v-40d209e5] { border: 1px solid #ddd; padding: 0px 0px 0px 10px; } .talkTrainHeaderText[data-v-40d209e5] { font-size: 14px; margin: 0px 0px 0px 0px; padding: 0px; } .showTimeoutTableCell[data-v-40d209e5] { padding: 0px 20px 0px 0px; display: table-cell; vertical-align: middle; text-align: center; } .talkTrainHeader2Text[data-v-40d209e5] { font-size: 10px; margin: 0px 0px 0px 0px; color: #aaaaaa; padding: 0px; } .svg-touch[data-v-40d209e5] { cursor: pointer; } .talk-area[data-v-40d209e5] { border: 1px solid #ddd; padding: 10px 10px 10px 10px; } .checkBtn[data-v-40d209e5] { max-width: 900px; padding: 10px 10px 10px 10px; background-color: #f8f8f9; border: 1px solid #eee; } .classShow[data-v-40d209e5] { width: 600px; display: -webkit-flex; display: flex; flex-direction: row; justify-content: space-between; align-items: center; } .recordStyle[data-v-40d209e5] { height: 35px; width: 426px; display: -webkit-flex; display: flex; flex-direction: row; justify-content: flex-start; align-items: center; } .questionAudio2[data-v-40d209e5] { width: 500px; border: 1px solid #ddd; padding: 10px; } .questionAudio[data-v-40d209e5] { width: 390px; border: 1px solid #ddd; padding: 10px; } .interact-game-pointRange[data-v-40d209e5] { width: 700px; display: flex; display: -webkit-flex; flex-direction: column; justify-content: flex-start; align-items: flex-start; } .interact-gameSigmode-correct-btn[data-v-40d209e5] { display: -webkit-flex; display: flex; flex-direction: row; justify-content: flex-start; align-items: center; } .interact-follow-response[data-v-40d209e5] { display: -webkit-flex; display: flex; flex-direction: row; justify-content: flex-start; align-items: center; border: 1px solid #ddd; margin: 5px; } .oidstyle[data-v-40d209e5] { height: 35px; width: 600px; display: -webkit-flex; display: flex; flex-direction: row; justify-content: start; align-items: center; } .el-table__body tr.current-row > td[data-v-40d209e5] { background-color: #8282ec !important; /* color: #f19944; */ /* 设置文字颜色 */ } .readpoint-list[data-v-40d209e5] { display: inline-flex; width: 1090px; overflow-y: visible; overflow-x: auto; padding: 8px; } .readpoint-item[data-v-40d209e5] { display: flex; flex-shrink: 0; border-radius: 5px; width: 100px; height: 40px; line-height: 0px; position: relative; margin-right: 20px; margin-bottom: 10px; background-color: #f8f8f9; border: 2px solid #161616; background-size: cover; background-position: center; background-repeat: no-repeat; opacity: 0.8; transition: hover 0.3s linear, opacity 0.3s; cursor: pointer; } .readpoint-item[data-v-40d209e5]:hover { border-color: rgba(60, 105, 138, 0.5); opacity: 0.7; } .readpoint-item.son[data-v-40d209e5] { border-color: #b0c20f; background-color: #b0c20f; opacity: 1; } .readpoint-item.curr[data-v-40d209e5] { border-color: rgba(34, 153, 238, 0.5); background-color: #0fc20f; opacity: 1; } .readpoint-item.curr .poptip-remove[data-v-40d209e5] { opacity: 1; } .readpoint-item .flex-img[data-v-40d209e5] { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; display: flex; width: 100%; height: 100%; align-items: center; justify-content: center; } .readpoint-item .flex-img > div[data-v-40d209e5] { width: 100%; height: 100%; background-repeat: no-repeat; background-position: center; background-size: cover; } .readpoint-item .flex-img > div + div[data-v-40d209e5] { margin-left: 2px; } .downloadPanelFlex[data-v-40d209e5] { display: -webkit-flex; display: flex; flex-direction: column; justify-content: space-around; align-items: center; } .addPictureBookBtn[data-v-40d209e5] { width: 120px; height: 40px; border-radius: 4px; background: #2472e3; color: #fff; text-align: center; cursor: pointer; } .el-checkbox + .el-checkbox[data-v-40d209e5] { margin-left: 0px; } .el-checkbox[data-v-40d209e5] { margin-right: 25px; } .item[data-v-40d209e5] { margin-bottom: 18px; } .clearfix[data-v-40d209e5]:before, .clearfix[data-v-40d209e5]:after { display: table; content: ""; } .clearfix[data-v-40d209e5]:after { clear: both; } .box-card[data-v-40d209e5] { width: 100%; } .box-card2[data-v-40d209e5] { width: 400px; } .readpointPage[data-v-40d209e5] { margin: 50px; } audio { outline: none; } .action-box { max-width: 1012px; } .action-item { margin-bottom: 20px; } .action-item .audio-test { display: inline-block; vertical-align: middle; margin-right: 20px; } .action-item .ivu-upload { display: inline-block; vertical-align: middle; } .action-answer-item { margin: 0 0 15px; } .action-btn { text-align: right; } .action-btn.action-btn-left { text-align: left; } .cardBg { background-color: #e8eaec; } .lock-box { text-align: center; color: #999; padding: 15% 0 10%; } .lock-box > div { padding: 40px; } .poptip-remove { position: absolute; right: -4px; top: -4px; line-height: 0; opacity: 0; } .pageNumShow { position: absolute; left: 45%; bottom: -10px; line-height: 0; } .pageHiddenShow { position: absolute; left: 40px; top: -4px; line-height: 0; cursor: pointer; } .explanationSubtitles { position: absolute; right: -10px; top: -40px; cursor: pointer; } .image-upload-type { padding: 5px 0; } .image-upload-type > div + div { margin-top: 10px; } .module-list { display: inline-flex; padding: 10px 10px 10px 0; background-color: #f3f3f3; white-space: nowrap; } .module-list-item { display: flex; max-width: 100px; user-select: none; background-color: #fff; border: 1px solid #eee; text-align: center; position: relative; transition: hover 0.3s linear, box-shadow 0.3s ease-in-out, opacity 0.3s; margin-left: 10px; } .module-list-item > div { width: 100px; height: 100%; padding: 10px 0; } .module-list-item.curr { box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1); border-color: rgba(34, 153, 238, 0.5); } .module-list-item.set-box { min-height: 100px; border-style: dashed; cursor: pointer; } .module-list-item.set-box .ivu-icon { margin: 15px 0 5px; } .module-list-item .remove-course { position: absolute; left: -7px; top: -7px; opacity: 0; transition: opacity 0.3s; } .module-list-item .edit-course { position: absolute; right: -7px; top: -7px; opacity: 0; transition: opacity 0.3s; } .module-list-item .ivu-dropdown { position: absolute; right: 3px; top: 3px; } .module-list-item .ivu-dropdown a { color: #666; } .module-list-item img { width: 50px; height: 50px; background-color: #eee; } .module-list-item p { height: 22px; line-height: 22px; margin: 0 5px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .module-list-item:hover { box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1); } .module-list-item:hover .remove-course { opacity: 1; } .module-list-item:hover .edit-course { opacity: 1; } .preview-list { display: inline-flex; width: 750px; overflow-y: visible; overflow-x: auto; padding: 9px 8px; } .preview-item { display: flex; flex-shrink: 0; width: 100px; height: 100px; line-height: 0px; position: relative; margin-bottom: 10px; background-color: #f8f8f9; border: 2px solid #ffffff; background-size: cover; background-position: center; background-repeat: no-repeat; opacity: 0.5; transition: hover 0.3s linear, opacity 0.3s; } .preview-item:hover { border-color: rgba(60, 105, 138, 0.5); opacity: 0.7; } .preview-item.curr { border-color: rgba(34, 153, 238, 0.5); opacity: 1; } .preview-item.curr .poptip-remove { opacity: 1; } .preview-item.file-upload { background-color: #ccc; text-align: center; opacity: 1; } .preview-item.file-upload .upload-add-button { cursor: pointer; } .preview-item .flex-img { display: flex; width: 100%; height: 100%; align-items: center; justify-content: center; } .preview-item .flex-img > div { width: 100%; height: 100%; background-repeat: no-repeat; background-position: center; background-size: cover; } .preview-item .flex-img > div + div { margin-left: 2px; } .preview-item .preview-img { width: 100%; height: 100%; background-repeat: no-repeat; background-position: center; background-size: cover; } .other-area { position: relative; width: 832px; height: 468px; border: 1px dashed #dcdee2; background-color: #f8f8f9; } .image-box { position: relative; background-color: #f8f8f9; user-select: none; } .upload-image { position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 1; } .upload-image .ivu-upload { background-color: #f8f8f9; padding: 20px; } .upload-image .ivu-upload-drag { border: none; padding: 150px 0 20px; } .upload-image .ivu-row, .upload-image .ivu-col { height: 100%; } .image-preview { overflow: hidden; height: 100%; width: 100%; background-size: cover; display: flex; align-items: center; justify-content: center; } .image-preview .image-item { width: 100%; height: 100%; background-repeat: no-repeat; background-position: center; background-size: cover; } .image-preview .image-item + .image-item { margin-left: 5px; } .image-audio { padding-bottom: 20px; position: absolute; bottom: 0; left: 50%; margin-left: -250px; width: 500px; z-index: 10; text-align: center; } .image-audio .ct-input { width: 300px; } .image-audio .media-upload { display: inline-block; } .up-preview { width: 100%; height: 100%; background-repeat: no-repeat; background-position: top left; background-size: contain; } /* .roobo-editor { .other-area, //.player-box, .image-box, .editor-opt { height: 520px; } } */ .dropdown-list li a { color: #666; display: inline-block; padding: 5px 15px; } .dropdown-list li a:hover { background: #f3f3f3; color: #2d8cf0; } .blanks-main { text-align: left; font-family: Arial; padding: 5px; } .blanks-main p { font-size: 24px; line-height: 1; } .blanks-main span { display: inline-block; font-size: 24px; line-height: 1; overflow: hidden; vertical-align: middle; margin: 5px 0; } .blanks-main span.text-line { border-bottom: 1px solid #666; } .svg-button { cursor: pointer; width: 40px; height: 40px; fill-opacity: 0; stroke: #111111; stroke-width: 1; stroke-dasharray: 20 5; padding: 0px 4px; margin: 0px 10px 5px 10px; } .svg-button2 { cursor: pointer; width: 40px; height: 40px; fill-opacity: 0; stroke: #111111; stroke-width: 1; padding: 0px 4px; margin: 5px 10px 0px 10px; } .snBtn { height: 30px; margin: 20px 5px; } .snBtn2 { height: 30px; line-height: 30px; margin: 20px 5px; } .quanTuText { height: 50px; line-height: 50px; margin: 5px 30px 5px 10px; } .checkView { height: 50px; line-height: 50px; margin: 5px 30px 5px 10px; display: -webkit-flex; display: flex; flex-direction: row; justify-content: flex-start; } .checkViewItem { padding: 0px 10px 0px 0px; } .svgButtonOuter { width: 50px; height: 50px; display: table; } .svgButtoninner { display: table-cell; vertical-align: middle; text-align: center; } .tipsForeditor { font-family: Arial; padding: 5px; font-size: 12px; line-height: 1; } .editor-content { background-color: #f0f0f0; display: flex; border: 1px solid #eee; padding: 5px; max-width: 900px; } .tool-response { border: 1px solid #ddd; padding: 10px; margin: 0px 0px 10px 0px; } .oidFlex { display: -webkit-flex; display: flex; flex-direction: row; justify-content: flex-start; align-items: center; } .addInteractText { height: 30px; line-height: 30px; margin: 0px 30px 0px 10px; } .readPointInteractText { height: 30px; line-height: 30px; font-size: 16px; margin: 0px 10px 0px 10px; } .hide-area { border: 1px solid #ddd; padding: 0px 0px 0px 10px; } .talkTrainHeaderText { font-size: 14px; margin: 0px 0px 0px 0px; padding: 0px; } .showTimeoutTableCell { padding: 0px 20px 0px 0px; display: table-cell; vertical-align: middle; text-align: center; } .talkTrainHeader2Text { font-size: 10px; margin: 0px 0px 0px 0px; color: #aaaaaa; padding: 0px; } .svg-touch { cursor: pointer; } .talk-area { border: 1px solid #ddd; padding: 10px 10px 10px 10px; } .checkBtn { max-width: 900px; padding: 10px 10px 10px 10px; background-color: #f8f8f9; border: 1px solid #eee; } .classShow { width: 600px; display: -webkit-flex; display: flex; flex-direction: row; justify-content: space-between; align-items: center; } .recordStyle { height: 35px; width: 426px; display: -webkit-flex; display: flex; flex-direction: row; justify-content: flex-start; align-items: center; } .questionAudio2 { width: 500px; border: 1px solid #ddd; padding: 10px; } .questionAudio { width: 390px; border: 1px solid #ddd; padding: 10px; } .interact-game-pointRange { width: 700px; display: flex; display: -webkit-flex; flex-direction: column; justify-content: flex-start; align-items: flex-start; } .interact-gameSigmode-correct-btn { display: -webkit-flex; display: flex; flex-direction: row; justify-content: flex-start; align-items: center; } .interact-follow-response { display: -webkit-flex; display: flex; flex-direction: row; justify-content: flex-start; align-items: center; border: 1px solid #ddd; margin: 5px; } .oidstyle { height: 35px; width: 600px; display: -webkit-flex; display: flex; flex-direction: row; justify-content: start; align-items: center; } .el-table__body tr.current-row > td { background-color: #8282ec !important; /* color: #f19944; */ /* 设置文字颜色 */ } .readpoint-list { display: inline-flex; width: 1090px; overflow-y: visible; overflow-x: auto; padding: 8px; } .readpoint-item { display: flex; flex-shrink: 0; border-radius: 5px; width: 100px; height: 40px; line-height: 0px; position: relative; margin-right: 20px; margin-bottom: 10px; background-color: #f8f8f9; border: 2px solid #161616; background-size: cover; background-position: center; background-repeat: no-repeat; opacity: 0.8; transition: hover 0.3s linear, opacity 0.3s; cursor: pointer; } .readpoint-item:hover { border-color: rgba(60, 105, 138, 0.5); opacity: 0.7; } .readpoint-item.son { border-color: #b0c20f; background-color: #b0c20f; opacity: 1; } .readpoint-item.curr { border-color: rgba(34, 153, 238, 0.5); background-color: #0fc20f; opacity: 1; } .readpoint-item.curr .poptip-remove { opacity: 1; } .readpoint-item .flex-img { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; display: flex; width: 100%; height: 100%; align-items: center; justify-content: center; } .readpoint-item .flex-img > div { width: 100%; height: 100%; background-repeat: no-repeat; background-position: center; background-size: cover; } .readpoint-item .flex-img > div + div { margin-left: 2px; } .downloadPanelFlex { display: -webkit-flex; display: flex; flex-direction: column; justify-content: space-around; align-items: center; } .addPictureBookBtn { width: 120px; height: 40px; border-radius: 4px; background: #2472e3; color: #fff; text-align: center; cursor: pointer; } .el-checkbox + .el-checkbox { margin-left: 0px; } .el-checkbox { margin-right: 25px; } .readpointPage { margin: 50px; } .addbumBtn { width: 120px; height: 40px; border-radius: 4px; background: #2472e3; color: #fff; text-align: center; cursor: pointer; } .rightEditBox .rightEditTitle { font-size: 18px; font-weight: normal; margin-bottom: 20px; padding-left: 10px; line-height: 20px; } .rightEditBox .rightEditSubTitle { font-size: 16px; font-weight: normal; margin-bottom: 20px; padding-left: 10px; line-height: 18px; } .rightEditContent { margin-bottom: 30px; } .rightEditContent dl { float: left; display: block; width: 100%; font-size: 14px; line-height: 32px; padding: 5px 0; } .rightEditContent dl.mode-item { width: 50%; } .rightEditContent dt { float: left; } .rightEditContent dd { overflow: hidden; zoom: 1; } .addbumBtn { width: 120px; height: 40px; border-radius: 4px; background: #2472e3; color: #fff; text-align: center; cursor: pointer; } .rightEditBox .rightEditTitle { font-size: 18px; font-weight: normal; margin-bottom: 20px; padding-left: 10px; line-height: 20px; } .rightEditBox .rightEditSubTitle { font-size: 16px; font-weight: normal; margin-bottom: 20px; padding-left: 10px; line-height: 18px; } .rightEditContent { margin-bottom: 30px; } .rightEditContent dl { float: left; display: block; width: 100%; font-size: 14px; line-height: 32px; padding: 5px 0; } .rightEditContent dl.mode-item { width: 50%; } .rightEditContent dt { float: left; } .rightEditContent dd { overflow: hidden; zoom: 1; } .addbumBtn { width: 120px; height: 40px; border-radius: 4px; background: #2472e3; color: #fff; text-align: center; cursor: pointer; } .rightEditBox .rightEditTitle { font-size: 18px; font-weight: normal; margin-bottom: 20px; padding-left: 10px; line-height: 20px; } .rightEditBox .rightEditSubTitle { font-size: 16px; font-weight: normal; margin-bottom: 20px; padding-left: 10px; line-height: 18px; } .rightEditContent { margin-bottom: 30px; } .rightEditContent dl { float: left; display: block; width: 100%; font-size: 14px; line-height: 32px; padding: 5px 0; } .rightEditContent dl.mode-item { width: 50%; } .rightEditContent dt { float: left; } .rightEditContent dd { overflow: hidden; zoom: 1; } .addbumBtn { width: 120px; height: 40px; border-radius: 4px; background: #2472e3; color: #fff; text-align: center; cursor: pointer; } .rightEditBox .rightEditTitle { font-size: 18px; font-weight: normal; margin-bottom: 20px; padding-left: 10px; line-height: 20px; } .rightEditBox .rightEditSubTitle { font-size: 16px; font-weight: normal; margin-bottom: 20px; padding-left: 10px; line-height: 18px; } .rightEditContent { margin-bottom: 30px; } .rightEditContent dl { float: left; display: block; width: 100%; font-size: 14px; line-height: 32px; padding: 5px 0; } .rightEditContent dl.mode-item { width: 50%; } .rightEditContent dt { float: left; } .rightEditContent dd { overflow: hidden; zoom: 1; } .addbumBtn { width: 120px; height: 40px; border-radius: 4px; background: #2472e3; color: #fff; text-align: center; cursor: pointer; } .rightEditBox .rightEditTitle { font-size: 18px; font-weight: normal; margin-bottom: 20px; padding-left: 10px; line-height: 20px; } .rightEditBox .rightEditSubTitle { font-size: 16px; font-weight: normal; margin-bottom: 20px; padding-left: 10px; line-height: 18px; } .rightEditContent { margin-bottom: 30px; } .rightEditContent dl { float: left; display: block; width: 100%; font-size: 14px; line-height: 32px; padding: 5px 0; } .rightEditContent dl.mode-item { width: 50%; } .rightEditContent dt { float: left; } .rightEditContent dd { overflow: hidden; zoom: 1; } .uidForm .el-form-item { width: 90%; } .uidForm .el-form-item .el-form-item__content { width: 90%; } .panel-box .panel-title { font-size: 18px; font-weight: normal; margin-bottom: 20px; padding-left: 10px; line-height: 20px; border-left: 4px solid #00a3ff; } .panel-content { margin-bottom: 30px; } .panel-content dl { float: left; display: block; width: 100%; font-size: 14px; line-height: 32px; padding: 5px 0; } .panel-content dl.panel-item { width: 50%; } .panel-content dt { float: left; } .panel-content dd { overflow: hidden; zoom: 1; } .btnFlex { display: flex; flex-direction: row; align-items: center; justify-content: center; } .fontCoralShow { color: coral; } .fontGreenShow { color: green; } .cancelDialogVisibleCode .el-dialog--small { width: 35%; } .cancelDialogVisibleCode .el-dialog__header { padding: 10px 20px 10px !important; background: none !important; } .cancelDialogVisibleCode .el-dialog__body { text-align: center; } .cancelDialogVisibleCode .el-dialog--small { width: 35%; } .cancelDialogVisibleCode .el-dialog__header { padding: 10px 20px 10px !important; background: none !important; } .cancelDialogVisibleCode .el-dialog__body { text-align: center; } .panel-box .panel-title[data-v-7f2e6718] { font-size: 18px; font-weight: normal; margin-bottom: 20px; padding-left: 10px; line-height: 20px; border-left: 4px solid #00a3ff; } .panel-content[data-v-7f2e6718] { margin-bottom: 30px; } .panel-content dl[data-v-7f2e6718] { float: left; display: block; width: 100%; font-size: 14px; line-height: 32px; padding: 5px 0; } .panel-content dl.panel-item[data-v-7f2e6718] { width: 50%; } .panel-content dt[data-v-7f2e6718] { float: left; } .panel-content dd[data-v-7f2e6718] { overflow: hidden; zoom: 1; } .btnFlex[data-v-7f2e6718] { display: flex; flex-direction: row; align-items: center; justify-content: center; } .fontCoralShow[data-v-7f2e6718] { color: coral; } .fontGreenShow[data-v-7f2e6718] { color: green; } .avatar-uploader .el-upload[data-v-7f2e6718] { border: 1px dashed #d9d9d9; border-radius: 6px; cursor: pointer; position: relative; overflow: hidden; } .avatar-uploader .el-upload[data-v-7f2e6718]:hover { border-color: #20a0ff; } .avatar-uploader-icon[data-v-7f2e6718] { font-size: 28px; color: #8c939d; width: 178px; height: 178px; line-height: 178px; text-align: center; border: 1px dashed #bfcbd9; border-radius: 10px; } .avatar[data-v-7f2e6718] { width: 178px; height: 178px; display: block; } .image_list[data-v-7f2e6718] { display: flex; /* 使用 Flex 布局 */ flex-direction: row; flex-wrap: wrap; /* 允许换行 */ gap: 10px; justify-content: flex-start; } .upload_img_div[data-v-7f2e6718] { width: 160px; height: 224px; border: 1px solid #ddd; border-radius: 5px; overflow: hidden; } .upload_img_div .uploader[data-v-7f2e6718] { border-top: 1px solid #ddd; width: 160px; height: 160px; } .upload_img_div .uploader .uploadBoxs[data-v-7f2e6718] { width: 160px; height: 140px; display: flex; justify-content: center; align-items: center; font-size: 16px; } .upload_img_div .uploader .uploadBoxs i[data-v-7f2e6718] { margin-right: 6px; } .one_image[data-v-7f2e6718] { width: 160px; height: 224px; border: 1px solid #ddd; border-radius: 5px; overflow: hidden; } .imgTop[data-v-7f2e6718] { height: 30px; display: flex; padding: 0 10px; align-items: center; justify-content: space-between; } .imgTop img[data-v-7f2e6718] { width: 20px; height: 20px; cursor: pointer; } .one_mom_image[data-v-7f2e6718] { width: 140px; height: 140px; margin: 10px; cursor: pointer; } .imgLink[data-v-7f2e6718] { border-top: 1px solid #ddd; height: 30px; line-height: 30px; } .imgLink p[data-v-7f2e6718] { widows: 100%; white-space: nowrap; /* 防止换行 */ overflow: hidden; /* 隐藏超出部分 */ text-overflow: ellipsis; /* 显示省略号 */ cursor: pointer; } .imgLink p img[data-v-7f2e6718] { width: 15px; height: 15px; margin: 0 6px; } .imgList[data-v-7f2e6718] { width: 100% !important; } .imgList[data-v-7f2e6718] .el-form-item__content { width: calc(100% - 120px) !important; } .imgList[data-v-7f2e6718] .el-form-item__content .el-radio { margin: 8px 0 0 4px; min-width: 120px; } .typeEditVisible[data-v-7f2e6718] .el-dialog { height: 240px; } .typeEditVisible[data-v-7f2e6718] .el-dialog .el-dialog__footer { text-align: center; } .typeListVisible[data-v-7f2e6718] .el-dialog { width: 500px; } .typeListVisible[data-v-7f2e6718] .el-dialog .showTypeList { max-height: 400px; overflow-y: auto; } .typeListVisible[data-v-7f2e6718] .el-dialog .showTypeList .everyType { box-sizing: border-box; padding-right: 10px; width: 100%; display: flex; align-items: center; margin-bottom: 10px; } .typeListVisible[data-v-7f2e6718] .el-dialog .showTypeList .everyType .typeName { width: 300px; } .typeListVisible[data-v-7f2e6718] .el-dialog .el-dialog__footer { text-align: center; } .panel-box .panel-title[data-v-36591657] { font-size: 18px; font-weight: normal; margin-bottom: 20px; padding-left: 10px; line-height: 20px; border-left: 4px solid #00a3ff; } .panel-content[data-v-36591657] { margin-bottom: 30px; } .panel-content dl[data-v-36591657] { float: left; display: block; width: 100%; font-size: 14px; line-height: 32px; padding: 5px 0; } .panel-content dl.panel-item[data-v-36591657] { width: 50%; } .panel-content dt[data-v-36591657] { float: left; } .panel-content dd[data-v-36591657] { overflow: hidden; zoom: 1; } .btnFlex[data-v-36591657] { display: flex; flex-direction: row; align-items: center; justify-content: center; } .fontCoralShow[data-v-36591657] { color: coral; } .fontGreenShow[data-v-36591657] { color: green; } .avatar-uploader .el-upload[data-v-36591657] { border: 1px dashed #d9d9d9; border-radius: 6px; cursor: pointer; position: relative; overflow: hidden; } .avatar-uploader .el-upload[data-v-36591657]:hover { border-color: #20a0ff; } .avatar-uploader-icon[data-v-36591657] { font-size: 28px; color: #8c939d; width: 178px; height: 178px; line-height: 178px; text-align: center; border: 1px dashed #bfcbd9; border-radius: 10px; } .avatar[data-v-36591657] { width: 178px; height: 178px; display: block; } .image_list[data-v-36591657] { display: flex; /* 使用 Flex 布局 */ flex-direction: row; flex-wrap: wrap; /* 允许换行 */ gap: 10px; justify-content: flex-start; } .upload_img_div[data-v-36591657] { width: 160px; height: 224px; border: 1px solid #ddd; border-radius: 5px; overflow: hidden; } .upload_img_div .uploader[data-v-36591657] { border-top: 1px solid #ddd; width: 160px; height: 160px; } .upload_img_div .uploader .uploadBoxs[data-v-36591657] { width: 160px; height: 140px; display: flex; justify-content: center; align-items: center; font-size: 16px; } .upload_img_div .uploader .uploadBoxs i[data-v-36591657] { margin-right: 6px; } .one_image[data-v-36591657] { width: 160px; height: 224px; border: 1px solid #ddd; border-radius: 5px; overflow: hidden; } .imgTop[data-v-36591657] { height: 30px; display: flex; padding: 0 10px; align-items: center; justify-content: space-between; } .imgTop img[data-v-36591657] { width: 20px; height: 20px; cursor: pointer; } .one_mom_image[data-v-36591657] { width: 140px; height: 140px; margin: 10px; cursor: pointer; } .imgLink[data-v-36591657] { border-top: 1px solid #ddd; height: 30px; line-height: 30px; } .imgLink p[data-v-36591657] { widows: 100%; white-space: nowrap; /* 防止换行 */ overflow: hidden; /* 隐藏超出部分 */ text-overflow: ellipsis; /* 显示省略号 */ cursor: pointer; } .imgLink p img[data-v-36591657] { width: 15px; height: 15px; margin: 0 6px; } .imgList[data-v-36591657] { width: 100% !important; } .imgList[data-v-36591657] .el-form-item__content { width: calc(100% - 120px) !important; } .imgList[data-v-36591657] .el-form-item__content .el-radio { margin: 8px 0 0 4px; min-width: 120px; } .typeEditVisible[data-v-36591657] .el-dialog { height: 240px; } .typeEditVisible[data-v-36591657] .el-dialog .el-dialog__footer { text-align: center; } .typeListVisible[data-v-36591657] .el-dialog { width: 500px; } .typeListVisible[data-v-36591657] .el-dialog .showTypeList { max-height: 400px; overflow-y: auto; } .typeListVisible[data-v-36591657] .el-dialog .showTypeList .everyType { box-sizing: border-box; padding-right: 10px; width: 100%; display: flex; align-items: center; margin-bottom: 10px; } .typeListVisible[data-v-36591657] .el-dialog .showTypeList .everyType .typeName { width: 300px; } .typeListVisible[data-v-36591657] .el-dialog .el-dialog__footer { text-align: center; } .panel-box .panel-title { font-size: 18px; font-weight: normal; margin-bottom: 20px; padding-left: 10px; line-height: 20px; border-left: 4px solid #00a3ff; } .panel-content { margin-bottom: 30px; } .panel-content dl { float: left; display: block; width: 100%; font-size: 14px; line-height: 32px; padding: 5px 0; } .panel-content dl.panel-item { width: 50%; } .panel-content dt { float: left; } .panel-content dd { overflow: hidden; zoom: 1; } .btnFlex { display: flex; flex-direction: row; align-items: center; justify-content: center; } .fontCoralShow { color: coral; } .fontGreenShow { color: green; } .image_list { display: flex; /* 使用 Flex 布局 */ flex-direction: row; flex-wrap: wrap; /* 允许换行 */ gap: 10px; justify-content: flex-start; } .one_image { width: 160px; height: 224px; border: 1px solid #ddd; border-radius: 5px; overflow: hidden; } .imgTop { height: 30px; display: flex; padding: 0 10px; align-items: center; justify-content: space-between; } .imgTop img { width: 20px; height: 20px; cursor: pointer; } .one_mom_image { width: 140px; height: 140px; margin: 10px; cursor: pointer; } .imgLink { border-top: 1px solid #ddd; height: 30px; line-height: 30px; } .imgLink p { widows: 100%; white-space: nowrap; /* 防止换行 */ overflow: hidden; /* 隐藏超出部分 */ text-overflow: ellipsis; /* 显示省略号 */ cursor: pointer; } .imgLink p img { width: 15px; height: 15px; margin: 0 6px; } .imgList { width: 100% !important; } .imgList /deep/ .el-form-item__content { width: calc(100% - 120px) !important; } .imgList /deep/ .el-form-item__content .el-radio { margin: 8px 0 0 4px; min-width: 120px; } .panel-box .panel-title { font-size: 18px; font-weight: normal; margin-bottom: 20px; padding-left: 10px; line-height: 20px; border-left: 4px solid #00a3ff; } .panel-content { margin-bottom: 30px; } .panel-content dl { float: left; display: block; width: 100%; font-size: 14px; line-height: 32px; padding: 5px 0; } .panel-content dl.panel-item { width: 50%; } .panel-content dt { float: left; } .panel-content dd { overflow: hidden; zoom: 1; } .btnFlex { display: flex; flex-direction: row; align-items: center; justify-content: center; } .fontCoralShow { color: coral; } .fontGreenShow { color: green; } .el-dialog .el-dialog__header[data-v-f5b5ec04] { text-align: center; background-color: #409eff; padding: 20px 20px !important; } .el-dialog .el-dialog__header .el-dialog__title[data-v-f5b5ec04] { color: #fff !important; } .el-dialog .el-dialog__footer[data-v-f5b5ec04] { text-align: center; } .el-dialog__wrapper[data-v-f5b5ec04] { background-color: rgba(0, 0, 0, 0.5) !important; } .panel-box .panel-title[data-v-f5b5ec04] { font-size: 18px; font-weight: normal; margin-bottom: 20px; padding-left: 10px; line-height: 20px; border-left: 4px solid #00a3ff; } .el-table td[data-v-f5b5ec04], .el-table th.is-leaf[data-v-f5b5ec04] { border-bottom: 0px !important; } .addbumBtn { width: 120px; height: 40px; border-radius: 4px; background: #2472e3; color: #fff; text-align: center; cursor: pointer; } .rightEditBox .rightEditTitle { font-size: 18px; font-weight: normal; margin-bottom: 20px; padding-left: 10px; line-height: 20px; } .rightEditBox .rightEditSubTitle { font-size: 16px; font-weight: normal; margin-bottom: 20px; padding-left: 10px; line-height: 18px; } .rightEditContent { margin-bottom: 30px; } .rightEditContent dl { float: left; display: block; width: 100%; font-size: 14px; line-height: 32px; padding: 5px 0; } .rightEditContent dl.mode-item { width: 50%; } .rightEditContent dt { float: left; } .rightEditContent dd { overflow: hidden; zoom: 1; } .agentList { width: 500px; margin-bottom: 10px; } .agentList .oneAgent { width: 100%; height: 40px; display: flex; align-items: center; margin-bottom: 20px; } .agentList .oneAgent .el-input { width: 130px !important; margin-right: 20px; } .single-selection-table .el-table__header-wrapper .el-checkbox { display: none; } .razStyle[data-v-1fb43b53] .cell { white-space: pre-wrap; } .couponName[data-v-1fb43b53] { text-align: left; } .colorStyle[data-v-1fb43b53] { font-size: 15px; color: rgba(245, 154, 35); } .res-opt[data-v-5b260eec]{padding:20px 0}.res-opt .btn-right[data-v-5b260eec]{text-align:right}.showMsgBox[data-v-5b260eec]{width:600px} .player-box { position: relative; width: 180px; overflow: hidden; user-select: none; border-radius: 30px; margin: 5px; } .custom-controls { display: flex; background-color: #f1f1f1; flex-direction: row; justify-content: flex-start; align-items: center; } .play-bar { padding: 0 0 0 5px; } .slider { width: 80px; padding: 0 5px 0 10px; } .time-bar { color: #111111; font-size: 10px; } .edit-box[data-v-648d56b6]{margin-top:20px;border-top:1px solid #efefef;padding:20px 0;max-width:900px}.edit-box .el-form-item[data-v-648d56b6]{width:48%}.edit-box .el-form-item.form-item-lg[data-v-648d56b6]{width:100%}.edit-box .el-form-item.form-item-lg audio[data-v-648d56b6],.edit-box .el-form-item.form-item-lg .el-button[data-v-648d56b6]{vertical-align:middle;margin-right:10px}.mode-box .mode-title[data-v-648d56b6]{font-size:18px;font-weight:normal;margin-bottom:20px;padding-left:10px;line-height:20px;border-left:4px solid #00a3ff}.mode-content[data-v-648d56b6]{margin-bottom:30px}.mode-content dl[data-v-648d56b6]{float:left;display:block;width:100%;font-size:14px;line-height:32px;padding:5px 0}.mode-content dl.mode-item[data-v-648d56b6]{width:50%}.mode-content dt[data-v-648d56b6]{float:left}.mode-content dd[data-v-648d56b6]{overflow:hidden;zoom:1}.mode-btn[data-v-648d56b6]{padding:10px 0;text-align:center}.rightTitile[data-v-648d56b6]{display:-webkit-flex;display:flex;flex-direction:row;justify-content:flex-start;align-items:center} .affixs[data-v-92a72ffa] .ivu-affix{ width: 100% !important; } .textTitle[data-v-92a72ffa]{ color: #ffff; letter-spacing: 3px; /* font-style: italic; */ font-weight: bold; font-size: 20px; } .main[data-v-92a72ffa] { margin: 0 auto; text-align: center; } .layout[data-v-92a72ffa] { width: 100%; } .layout-logo[data-v-92a72ffa] { float: left; position: relative; top: 0px; left: 20px; } .navBox[data-v-92a72ffa] { display: -webkit-flex; display: flex; flex-direction: row; justify-content: flex-start; } .layout-assistant[data-v-92a72ffa] { float: right; margin-right: 20px; } .layout-btngoto[data-v-92a72ffa] { margin: 0 50px; } .box[data-v-92a72ffa] { display: -webkit-flex; display: flex; flex-direction: column; justify-content: center; list-style: none; height: 100%; width: 100%; margin: 0 auto; } .img_box[data-v-92a72ffa] { height: 100%; position: relative; } .img_box2[data-v-92a72ffa] { height: 527px; position: relative; } .img[data-v-92a72ffa] { z-index: 1; } .mainTxt[data-v-92a72ffa] { z-index: 2; font-size: 50px; position: absolute; top: 30%; left: 0; right: 0; margin: auto; color: #ffffff; animation: mainTxtAnimation-92a72ffa 1s; -moz-animation: mainTxtAnimation-92a72ffa 1s; /* Firefox */ -webkit-animation: mainTxtAnimation-92a72ffa 1s; /* Safari and Chrome */ -o-animation: mainTxtAnimation-92a72ffa 1s; /* Opera */ } .wyMainTxt[data-v-92a72ffa]{ /* z-index: 2; */ font-size: 18px; font-weight: bold; line-height: 40px; color: rgb(113, 170, 225); animation: mainTxtAnimation-92a72ffa 1s; -moz-animation: mainTxtAnimation-92a72ffa 1s; /* Firefox */ -webkit-animation: mainTxtAnimation-92a72ffa 1s; /* Safari and Chrome */ -o-animation: mainTxtAnimation-92a72ffa 1s; /* Opera */ } .marginSmall[data-v-92a72ffa]{ margin: 80px auto 0px auto; } .marginBig[data-v-92a72ffa]{ margin: 130px auto 0px auto; } .imgSmall[data-v-92a72ffa]{ margin: 40px 0px; } .imgBig[data-v-92a72ffa]{ margin: 80px 0px; } .prodect1Txt[data-v-92a72ffa] { z-index: 2; font-size: 50px; position: absolute; top: 35%; left: 65%; margin: auto; color: #f75827; } .prodect2Txt[data-v-92a72ffa] { z-index: 2; font-size: 50px; position: absolute; top: 50%; left: 20%; margin: auto; color: #f75827; } .prodect3Txt[data-v-92a72ffa] { z-index: 2; font-size: 50px; position: absolute; top: 30%; left: 23%; margin: auto; color: #f75827; } .introduceTxt[data-v-92a72ffa] { z-index: 2; font-size: 18px; position: absolute; top: 30%; left: 0; right: 0; margin: auto; color: #464c5b; } .text_box[data-v-92a72ffa] { height: 360px; position: relative; } .introduce[data-v-92a72ffa] { font-size: 18px; position: absolute; top: 40%; left: 0; right: 0; margin: auto; color: #464c5b; } .question[data-v-92a72ffa] { font-size: 18px; position: absolute; top: 60%; left: 0; right: 0; margin: auto; color: #464c5b; } .layout-footer-center[data-v-92a72ffa] { text-align: center; background-color: #464c5b; } .fixedFooter[data-v-92a72ffa]{ position: fixed; bottom: 0; width: 100%; } .footer-font[data-v-92a72ffa] { font-size: 12px; color: #f0f2f585; } @keyframes mainTxtAnimation-92a72ffa { 0% { top: 40%; opacity: 0; } 100% { top: 30%; opacity: 1; } } @-moz-keyframes mainTxtAnimation-92a72ffa /* Firefox */ { 0% { top: 40%; opacity: 0; } 100% { top: 30%; opacity: 1; } } @-webkit-keyframes mainTxtAnimation-92a72ffa /* Safari and Chrome */ { 0% { top: 40%; opacity: 0; } 100% { top: 30%; opacity: 1; } } @-o-keyframes mainTxtAnimation-92a72ffa /* Opera */ { 0% { top: 40%; opacity: 0; } 100% { top: 30%; opacity: 1; } } .showFlex[data-v-e70a3e52]{display:-webkit-flex;display:flex;flex-direction:row;justify-content:flex-start;padding:10px;align-items:flex-start}.touchStyle[data-v-e70a3e52]{-moz-box-shadow:0 0 10px #000980;-webkit-box-shadow:0 0 10px #000980;box-shadow:0 0 10px #000980;border-radius:15px}.imgRad[data-v-e70a3e52]{border-radius:15px} .el-table__body tr.current-row>td{ background-color: #8282ec !important; /* color: #f19944; */ /* 设置文字颜色 */ } /* .el-table--enable-row-hover .el-table__body tr:hover>td { background-color: #f19944; // color: #f19944; // 设置文字颜色 } */ .previewSHow[data-v-df7022c8]{display:flex;justify-content:center;align-items:center;height:180px} .svgAddModulebtn[data-v-60288104]{cursor:pointer;width:100px;height:100px;fill-opacity:0;margin-top:20px}.svgArrow[data-v-60288104]{cursor:pointer;width:30px;height:30px;fill-opacity:0;margin-top:2px;stroke:#111;stroke-width:1}.contentPanel[data-v-60288104]{border:1px solid #ddd;padding:10px;margin:10px 0px 10px 0px}.showFlexColumn[data-v-60288104]{display:-webkit-flex;display:flex;flex-direction:column;justify-content:center;align-items:center}.showFlex[data-v-60288104]{display:-webkit-flex;display:flex;flex-direction:row;justify-content:space-between;align-items:center}.pshow[data-v-60288104]{font-size:16px;color:#111}.leftArrow[data-v-60288104]{margin-left:50px}.rightArrow[data-v-60288104]{margin-left:5px} .showtable[data-v-091b7d7e]{display:table}.showtableRow[data-v-091b7d7e]{display:table-row}.showtableCell[data-v-091b7d7e]{display:table-cell;vertical-align:middle;text-align:center}.ps[data-v-091b7d7e]{font-size:12px;color:#aaa}.showFlex[data-v-091b7d7e]{display:-webkit-flex;display:flex;flex-direction:row;justify-content:flex-start;align-items:flex-start}.showFlexColumn[data-v-091b7d7e]{display:-webkit-flex;display:flex;flex-direction:column;justify-content:flex-start;align-items:center}.previewShow[data-v-091b7d7e]{font-size:18px;font-weight:bold} .initial-box h3[data-v-3db7ef0f]{font-weight:#666;font-weight:400;font-size:24px}.initial-box .initial-info[data-v-3db7ef0f]{color:#666}.initial-box .initial-info p[data-v-3db7ef0f]{margin-bottom:10px}.initial-box .box-card[data-v-3db7ef0f]{min-height:300px} .el-input__inner { border: 1px solid #dcdee2; } .panel-box .panel-title { font-size: 18px; font-weight: normal; margin-bottom: 20px; padding-left: 10px; line-height: 20px; border-left: 4px solid #00a3ff; } .panel-content { margin-bottom: 30px; } .panel-content dl { float: left; display: block; width: 100%; font-size: 14px; line-height: 32px; padding: 5px 0; } .panel-content dl.panel-item { width: 50%; } .panel-content dt { float: left; } .panel-content dd { overflow: hidden; zoom: 1; } .btnFlex { display: flex; flex-direction: row; align-items: center; justify-content: center; } .fontCoralShow { color: coral; } .fontGreenShow { color: green; } #demo1 { width: 800px; height: 300px; overflow: hidden; } .panel-box .panel-title[data-v-4739bf19] { font-size: 18px; font-weight: normal; margin-bottom: 20px; padding-left: 10px; line-height: 20px; border-left: 4px solid #00a3ff; } .panel-content[data-v-4739bf19] { margin-bottom: 30px; } .panel-content dl[data-v-4739bf19] { float: left; display: block; width: 100%; font-size: 14px; line-height: 32px; padding: 5px 0; } .panel-content dl.panel-item[data-v-4739bf19] { width: 50%; } .panel-content dt[data-v-4739bf19] { float: left; } .panel-content dd[data-v-4739bf19] { overflow: hidden; zoom: 1; } .btnFlex[data-v-4739bf19] { display: flex; flex-direction: row; align-items: center; justify-content: center; } .fontCoralShow[data-v-4739bf19] { color: coral; } .fontGreenShow[data-v-4739bf19] { color: green; } .btnFlex[data-v-4739bf19] { flex-wrap: wrap; justify-content: flex-start; } .flex[data-v-7e8d6d1f] { display: flex; } .flex .progress[data-v-7e8d6d1f] { font-size: 14px; margin-left: 34px; width: 190px; } .flex .progress .title[data-v-7e8d6d1f] { color: #ccc; text-align: center; margin-bottom: 10px; } .flex .progress ul[data-v-7e8d6d1f] { color: #48576a; overflow-y: auto; } .flex .progress ul li[data-v-7e8d6d1f] { margin-bottom: 10px; } .flex .item_date[data-v-7e8d6d1f] { width: 195px; } .flex .formInline[data-v-7e8d6d1f] { display: flex; flex-direction: column; } .jionTime[data-v-7e8d6d1f] { border-top: 1px solid #e8eaec; margin-top: 10px; padding-top: 20px; } .active[data-v-7e8d6d1f] { color: #00a3ff !important; } .wordStyle[data-v-55781a3d] { white-space: pre-wrap; max-width: 570px; overflow-wrap: break-word; word-break: break-all; } .avatarImgTo[data-v-55781a3d] { position: relative; max-width: 600px; width: 60%; height: 60%; } .audio[data-v-55781a3d] { position: absolute; right: 0; top: 0; } .optionAnswer[data-v-55781a3d] { background-color: #8DD54F; color: #ffffff; border-color: #8DD54F !important; } .redAnswer[data-v-55781a3d] { background-color: red; color: #ffffff; border-color: red !important; } .answer[data-v-55781a3d] { display: block; width: 25px; height: 25px; line-height: 25px; text-align: center; border: 1px solid; border-radius: 50%; margin-right: 5px; flex-shrink: 0; } .stuGrid[data-v-55781a3d] { display: grid; grid-gap: 10px; grid-template-columns: repeat(3, 1fr); } [data-v-55781a3d] .redColor .el-textarea__inner { color: red; } [data-v-55781a3d] .greenColor .el-textarea__inner { color: Darkgreen; } .overlay[data-v-55781a3d] { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.7); } .overlay-content[data-v-55781a3d] { position: relative; text-align: center; display: grid; justify-content: center; align-items: center; width: 100%; height: 100%; overflow: auto; } .panel-box .panel-title[data-v-fddcf0c6] { font-size: 18px; font-weight: normal; margin-bottom: 20px; padding-left: 10px; line-height: 20px; border-left: 4px solid #00a3ff; } .panel-content[data-v-fddcf0c6] { margin-bottom: 30px; } .panel-content dl[data-v-fddcf0c6] { float: left; display: block; width: 100%; font-size: 14px; line-height: 32px; padding: 5px 0; } .panel-content dl.panel-item[data-v-fddcf0c6] { width: 50%; } .panel-content dt[data-v-fddcf0c6] { float: left; } .panel-content dd[data-v-fddcf0c6] { overflow: hidden; zoom: 1; } .btnFlex[data-v-fddcf0c6] { display: flex; flex-direction: row; align-items: center; justify-content: center; } .fontCoralShow[data-v-fddcf0c6] { color: coral; } .fontGreenShow[data-v-fddcf0c6] { color: green; } .flexMsg[data-v-fddcf0c6] { display: flex; } .flexMsg img[data-v-fddcf0c6] { width: 50px; height: 50px; border-radius: 50%; } .flexMsg .leftMsg[data-v-fddcf0c6] { display: flex; align-items: center; flex-direction: column; width: 10%; } .flexMsg .rightMsg[data-v-fddcf0c6] { width: 100%; display: flex; justify-content: space-between; } .flexMsg .rightMsg .rightMsgFlex p[data-v-fddcf0c6] { padding: 10px 10px; } .flexMsg .gridStu[data-v-fddcf0c6] { margin-left: 20px; width: 100%; display: grid; grid-template-columns: repeat(4, 1fr); row-gap: 20px; grid-template-rows: repeat(auto-fill, 25px); align-items: center; margin-bottom: 20px; } .el-table th > .cell[data-v-fddcf0c6] { text-align: center !important; } .report_detail table tbody tr[data-v-fddcf0c6]:first-child { position: sticky; top: 0; background: lightgray; z-index: 999; } .uniformWidth[data-v-fddcf0c6] { display: inline-block; width: 230px; } .formWidth[data-v-fddcf0c6] { width: 280px; } .testPaperModal .ivu-modal-header[data-v-fddcf0c6] { border: none; } .report_detail .el-table th > .cell[data-v-fddcf0c6] { white-space: pre-line; } .el-tooltip__popper[data-v-fddcf0c6] { background-color: #d3d3d3 !important; } .popper__arrow[data-v-fddcf0c6] { border-top-color: #d3d3d3 !important; } .popper__arrow[data-v-fddcf0c6]:after { border-top-color: #d3d3d3 !important; } .panel-box .panel-title { font-size: 18px; font-weight: normal; margin-bottom: 20px; padding-left: 10px; line-height: 20px; border-left: 4px solid #00a3ff; } .panel-content { margin-bottom: 30px; } .panel-content dl { float: left; display: block; width: 100%; font-size: 14px; line-height: 32px; padding: 5px 0; } .panel-content dl.panel-item { width: 50%; } .panel-content dt { float: left; } .panel-content dd { overflow: hidden; zoom: 1; } .btnFlex { display: flex; flex-direction: row; align-items: center; justify-content: center; } .fontCoralShow { color: coral; } .fontGreenShow { color: green; } .avatar-uploader .el-upload { border: 1px dashed #d9d9d9; border-radius: 6px; cursor: pointer; position: relative; overflow: hidden; } .avatar-uploader .el-upload:hover { border-color: #20a0ff; } .avatar-uploader-icon { font-size: 28px; color: #8c939d; width: 178px; height: 178px; line-height: 178px; text-align: center; border: 1px dashed #bfcbd9; border-radius: 10px; } .avatar { width: 178px; height: 178px; display: block; } .panel-box .panel-title[data-v-30de2688] { font-size: 18px; font-weight: normal; margin-bottom: 20px; padding-left: 10px; line-height: 20px; border-left: 4px solid #00a3ff; } .panel-content[data-v-30de2688] { margin-bottom: 30px; } .panel-content dl[data-v-30de2688] { float: left; display: block; width: 100%; font-size: 14px; line-height: 32px; padding: 5px 0; } .panel-content dl.panel-item[data-v-30de2688] { width: 50%; } .panel-content dt[data-v-30de2688] { float: left; } .panel-content dd[data-v-30de2688] { overflow: hidden; zoom: 1; } .btnFlex[data-v-30de2688] { display: flex; flex-direction: row; align-items: center; justify-content: center; } .fontCoralShow[data-v-30de2688] { color: coral; } .fontGreenShow[data-v-30de2688] { color: green; } .avatar-uploader .el-upload[data-v-30de2688] { border: 1px dashed #d9d9d9; border-radius: 6px; cursor: pointer; position: relative; overflow: hidden; } .avatar-uploader .el-upload[data-v-30de2688]:hover { border-color: #20a0ff; } .avatar-uploader-icon[data-v-30de2688] { font-size: 28px; color: #8c939d; width: 178px; height: 178px; line-height: 178px; text-align: center; border: 1px dashed #bfcbd9; border-radius: 10px; } .avatar[data-v-30de2688] { width: 178px; height: 178px; display: block; } .teacherRtu[data-v-30de2688] .ivu-select-dropdown { position: fixed !important; /* 固定位置 */ will-change: auto !important; transform-origin: initial !important; top: 65px !important; /* 距离顶部50像素 */ left: 50px !important; /* 距离左侧100像素 */ /* 其他需要调整的样式 */ } .teacherRtu[data-v-30de2688] .ivu-input-inner-container { display: none; } .teacherRtu[data-v-30de2688] .el-dialog--small { width: 520px; } .teacherRtu[data-v-30de2688] .dialogTableVisible .el-dialog__body { height: 350px; } .tagPeriod[data-v-30de2688] { display: inline-block; width: 100px; height: 25px; background-color: #ffffff; text-align: center; line-height: 22px; border-radius: 15px; margin-left: 3px; margin-top: 2px; font-size: 13px; } .tagPeriodBlue[data-v-30de2688] { color: #70B603; border: 2px solid #70B603; } .tagPeriodGreen[data-v-30de2688] { background-color: #70B603; border: 2px solid #70B603; cursor: pointer; color: #ffffff; } .dialogTimeVisible[data-v-30de2688] .el-dialog__header { text-align: center; } .dialogTimeVisible[data-v-30de2688] .el-checkbox-group .el-checkbox { border: 2px solid #4db3ff; border-radius: 15px; margin-left: 0px !important; margin-right: 20px; width: 95px; text-align: center; margin-top: 10px; color: #4db3ff; font-size: 12px; } .dialogTimeVisible[data-v-30de2688] .el-checkbox-group .el-checkbox .el-checkbox__input { display: none; } .dialogTimeVisible[data-v-30de2688] .el-checkbox-group .el-checkbox__label { font-size: 13px; } .isChecked[data-v-30de2688] { background-color: #4db3ff; color: #ffffff !important; } .panel-box .panel-title { font-size: 18px; font-weight: normal; margin-bottom: 20px; padding-left: 10px; line-height: 20px; border-left: 4px solid #00a3ff; } .panel-content { margin-bottom: 30px; } .panel-content dl { float: left; display: block; width: 100%; font-size: 14px; line-height: 32px; padding: 5px 0; } .panel-content dl.panel-item { width: 50%; } .panel-content dt { float: left; } .panel-content dd { overflow: hidden; zoom: 1; } .btnFlex { display: flex; flex-direction: row; align-items: center; justify-content: center; } .fontCoralShow { color: coral; } .fontGreenShow { color: green; } .panel-box .panel-title { font-size: 18px; font-weight: normal; margin-bottom: 20px; padding-left: 10px; line-height: 20px; border-left: 4px solid #00a3ff; } .panel-content { margin-bottom: 30px; } .panel-content dl { float: left; display: block; width: 100%; font-size: 14px; line-height: 32px; padding: 5px 0; } .panel-content dl.panel-item { width: 50%; } .panel-content dt { float: left; } .panel-content dd { overflow: hidden; zoom: 1; } .btnFlex { display: flex; flex-direction: row; align-items: center; justify-content: center; } .fontCoralShow { color: coral; } .fontGreenShow { color: green; } .panel-box .panel-title { font-size: 18px; font-weight: normal; margin-bottom: 20px; padding-left: 10px; line-height: 20px; border-left: 4px solid #00a3ff; } .panel-content { margin-bottom: 30px; } .panel-content dl { float: left; display: block; width: 100%; font-size: 14px; line-height: 32px; padding: 5px 0; } .panel-content dl.panel-item { width: 50%; } .panel-content dt { float: left; } .panel-content dd { overflow: hidden; zoom: 1; } .btnFlex { display: flex; flex-direction: row; align-items: center; justify-content: center; } .fontCoralShow { color: coral; } .fontGreenShow { color: green; } .panel-box .panel-title { font-size: 18px; font-weight: normal; margin-bottom: 20px; padding-left: 10px; line-height: 20px; border-left: 4px solid #00a3ff; } .panel-content { margin-bottom: 30px; } .panel-content dl { float: left; display: block; width: 100%; font-size: 14px; line-height: 32px; padding: 5px 0; } .panel-content dl.panel-item { width: 50%; } .panel-content dt { float: left; } .panel-content dd { overflow: hidden; zoom: 1; } .btnFlex { display: flex; flex-direction: row; align-items: center; justify-content: center; } .fontCoralShow { color: coral; } .fontGreenShow { color: green; } .home-yy[data-v-e899d55c]{position:relative;height:100%;width:100%;margin:0 auto}.home-yy .back[data-v-e899d55c]{position:fixed;width:40px;left:0px;top:.2rem;transform:translateZ(1px);z-index:999}.home-yy .back img[data-v-e899d55c]{width:100%}.home-yy .swiper-container[data-v-e899d55c]{width:100%;height:100%}.home-yy .swiper-slide-items[data-v-e899d55c]{display:flex;justify-content:center;height:100%;width:100%}.home-yy .swiperDiv[data-v-e899d55c]{display:flex;justify-content:flex-start;align-items:center;position:relative}.home-yy .active[data-v-e899d55c]{color:#18d0bc !important}.home-yy .rectDom[data-v-e899d55c]{position:absolute;top:0;left:0;width:100%;height:100%}.home-yy .swiper-slide[data-v-e899d55c]{display:flex;flex-direction:column}@media screen and (min-width: 900px)and (max-width: 1280px){.home-yy[data-v-e899d55c]{width:100%}}.player-box1[data-v-e899d55c]{width:100% !important;overflow:hidden;user-select:none;height:38px}.playerBg[data-v-e899d55c]{margin-top:-15px;position:fixed;width:100%;bottom:13%;font-size:.24rem;z-index:2;transform:translateZ(100px)}.custom-controls1 .slider1[data-v-e899d55c]{display:flex;align-items:center;padding:0 10px}.custom-controls1 .slider1[data-v-e899d55c] .ivu-slider-wrap{margin:0 !important}.control img[data-v-e899d55c]{width:40px}.ivu-slider-disabled .ivu-slider-wrap[data-v-e899d55c]{background-color:#fdedc4 !important;cursor:not-allowed}.ivu-slider-button[data-v-e899d55c]{background:#f9d269 !important}.ivu-slider-disabled .ivu-slider-button[data-v-e899d55c]{border-color:#f9d269 !important}.custom-controls1 .slider1[data-v-e899d55c]{display:flex;align-items:center;padding:0 10px}.custom-controls1 .slider1[data-v-e899d55c] .ivu-slider-wrap{margin:0 !important}.control[data-v-e899d55c]{position:fixed;right:0px;top:.2rem;transform:translateZ(1px);z-index:999}.page[data-v-e899d55c]{width:100px;background:#ccc;text-align:center;margin:3px auto;padding:1px 2px;border-radius:10px;color:#fff}.container .inner[data-v-e899d55c]{display:flex !important;flex-direction:column !important}.canvas_img[data-v-e899d55c]{width:50%;height:100%;display:flex;align-items:center} .activeGreen[data-v-93e820c2]{color:#d08c5a !important}.isActiveRed[data-v-93e820c2]{color:#ce0000 !important}.home-yy[data-v-93e820c2]{position:relative;height:100%;width:100%;margin:0 auto;-webkit-text-size-adjust:none;-moz-text-size-adjust:none;-ms-text-size-adjust:none;text-size-adjust:none}.home-yy .back[data-v-93e820c2]{position:fixed;width:40px;left:0px;top:.2rem;transform:translateZ(1px);z-index:999}.home-yy .back img[data-v-93e820c2]{width:100%}.home-yy .swiper-container[data-v-93e820c2]{width:100%;height:100%}.home-yy .swiper-slide-items[data-v-93e820c2]{display:flex;justify-content:center;height:100%;width:100%}.home-yy .swiperDiv[data-v-93e820c2]{display:flex;justify-content:flex-start;align-items:center;position:relative}.home-yy .rectDom[data-v-93e820c2]{position:absolute;top:0;left:0;width:100%;height:100%}.home-yy .swiper-slide[data-v-93e820c2]{display:flex;flex-direction:column}.player-box1[data-v-93e820c2]{width:100% !important;overflow:hidden;user-select:none;height:38px}.playerBg[data-v-93e820c2]{margin-top:-15px;position:fixed;width:100%;bottom:13%;font-size:.24rem;z-index:2;transform:translateZ(100px)}.custom-controls1 .slider1[data-v-93e820c2]{display:flex;align-items:center;padding:0 10px}.custom-controls1 .slider1[data-v-93e820c2] .ivu-slider-wrap{margin:0 !important}.control img[data-v-93e820c2]{width:40px}.ivu-slider-disabled .ivu-slider-wrap[data-v-93e820c2]{background-color:#fdedc4 !important;cursor:not-allowed}.ivu-slider-button[data-v-93e820c2]{background:#f9d269 !important}.ivu-slider-disabled .ivu-slider-button[data-v-93e820c2]{border-color:#f9d269 !important}.custom-controls1 .slider1[data-v-93e820c2]{display:flex;align-items:center;padding:0 10px}.custom-controls1 .slider1[data-v-93e820c2] .ivu-slider-wrap{margin:0 !important}.control[data-v-93e820c2]{position:fixed;right:0px;top:.2rem;transform:translateZ(1px);z-index:999}.page[data-v-93e820c2]{width:100px;background:#ccc;text-align:center;margin:3px auto;padding:1px 2px;border-radius:10px;color:#fff}.container .inner[data-v-93e820c2]{display:flex !important;flex-direction:column !important}.canvas_img[data-v-93e820c2]{width:50%;height:100%;display:flex;align-items:center} .h100[data-v-0b2d5492]{height:100%}.shareIndex[data-v-0b2d5492]{box-sizing:border-box;width:100%;height:100%}.shareIndex .container[data-v-0b2d5492]{width:100%;height:100%;overflow:hidden}.shareIndex .container .inner[data-v-0b2d5492]{margin:0 auto;display:flex !important;flex-direction:column !important}.shareIndex .container1[data-v-0b2d5492]{background:#b6bfeb}.shareIndex .container2[data-v-0b2d5492]{background:#fff}.shareIndex .card[data-v-0b2d5492]{display:flex;align-items:center;justify-content:center;height:100%;font-size:.6667rem;text-align:left}.shareIndex .card .card-left .coverImg[data-v-0b2d5492]{width:5em;height:6em;border:.28rem solid #fff;border-radius:6px;display:flex;align-items:center;justify-content:center;background-color:#fff;overflow:hidden}.shareIndex .card .card-left .top-img[data-v-0b2d5492]{position:absolute;left:50%;margin-left:-1.13rem;width:2.26rem;height:1.13rem;top:-1.13rem;border:none}.shareIndex .card .card-left .hand-img-1[data-v-0b2d5492]{position:absolute;top:1.8rem;width:.36rem;height:.77rem;left:-5px;border:none}.shareIndex .card .card-left .hand-img-2[data-v-0b2d5492]{position:absolute;top:2rem;width:.36rem;height:.77rem;border:none;right:-5px}.shareIndex .card .card-right[data-v-0b2d5492]{font-size:.4rem;margin-left:1.2rem}.shareIndex .card .card-name[data-v-0b2d5492]{margin-bottom:10px}.shareIndex .card .card-section[data-v-0b2d5492]{display:flex;margin-top:.5128rem}.shareIndex .card .card-section-item[data-v-0b2d5492]{width:1.5rem;height:1.5rem;text-align:center;color:#fff}.shareIndex .card .card-section-item img[data-v-0b2d5492]{width:1.5rem;height:1.5rem}.shareIndex .footer[data-v-0b2d5492]{display:flex;height:10%;justify-content:center;align-items:center;margin-top:.2rem}.shareIndex .footer .footer1[data-v-0b2d5492]{background:#b6bfeb}.shareIndex .footer .footer2[data-v-0b2d5492]{background:#fff}.shareIndex .footer img[data-v-0b2d5492]{width:1.1rem;height:1.21rem}.shareIndex .footer p[data-v-0b2d5492]{text-align:center;font-weight:600;font-size:.26rem}.shareIndex .footer .desc1[data-v-0b2d5492]{color:#fff}.shareIndex .footer .desc2[data-v-0b2d5492]{color:#7e8edb} .canvas-box{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);display:flex}.canvas_img{width:100%;height:100%;display:flex;align-items:center}.rectDom{position:absolute;top:0;left:0;width:100%;height:100%} .ipdaudioShare .innerside{background:url(/static/img/bg5.bc592e5..png);width:100%;margin-top:26px;background-size:100% 100%}.ipdaudioShare .inner-ju{width:100%;margin:0 auto}.ipdaudioShare .logo{display:flex;justify-content:center;align-items:center;margin:0 auto;text-align:center}.ipdaudioShare .fengImg{display:flex;align-items:center;justify-content:center;margin:10px auto;border-radius:20px;margin-top:20px}.ipdaudioShare .select-box{position:relative}.ipdaudioShare .easter1{position:absolute;top:70px;right:0px}.ipdaudioShare .share-content{background:url(/static/img/bg.b790648..png);background-size:100% 100%;background-attachment:fixed;top:0;bottom:0;width:100%}.ipdaudioShare .share-content .custom-controls1 .slider1{display:flex;align-items:center;padding:0 10px}.ipdaudioShare .share-content .custom-controls1 .slider1 ::v-deep .ivu-slider-wrap{margin:0 !important}.ipdaudioShare .share-content .page{width:50px;background:#ccc;text-align:center;margin:-6px auto;padding:1px 2px;border-radius:4px;color:#fff}.ipdaudioShare .share-content .audio__play-rate{display:none}.ipdaudioShare .share-content .back{width:24px;height:24px;padding-top:17px}.ipdaudioShare .share-content .inner{max-width:450px;margin:0 auto;background-attachment:fixed;padding-bottom:70px}.ipdaudioShare .share-content .box1{padding-top:10px;margin-left:16px;margin-right:16px;width:90%;margin:0 auto}.ipdaudioShare .share-content .title{display:flex;margin-left:5%;align-items:center;margin-bottom:8px}.ipdaudioShare .share-content .title p{font-size:16px;padding-left:10px;color:#fff}.ipdaudioShare .share-content .title .img1{width:50px;height:50px;border-radius:50%}.ipdaudioShare .share-content .title .img2{width:32px;height:47px}.ipdaudioShare .share-content .select-box{opacity:1;background:#fff;border-radius:8px}.ipdaudioShare .share-content .video-box{opacity:1;background:#fff;border-radius:8px}.ipdaudioShare .share-content .bt{padding-top:4px;padding-bottom:4px;margin-left:8%;color:#fff;font-size:20px;width:280px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ipdaudioShare .share-content .desc{display:flex;padding-left:36px;padding-right:2px;padding-top:20px;justify-content:space-between}.ipdaudioShare .share-content .name{color:#18d0bc !important;font-size:16px !important;width:130px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ipdaudioShare .share-content .level{width:130px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ipdaudioShare .share-content .desc p{font-size:14px;color:#000}.ipdaudioShare .share-content .img{width:100px;height:100px;border-radius:8px}.ipdaudioShare .share-content .jj-bg{width:98px;height:124px}.ipdaudioShare .share-content .ys-bg{background:url(/static/img/ys.8d447c8..png);background-size:100% 100%;width:98px;height:124px}.ipdaudioShare .share-content .bj{background:#e9f8fe;margin-top:10px;border-radius:8px;padding:6px 0;height:312px}.ipdaudioShare .share-content .bj1{position:relative}.ipdaudioShare .share-content .control{position:absolute;top:19px;right:0}.ipdaudioShare .share-content .control img{width:24px;height:24px}.ipdaudioShare .share-content .btn{display:flex;padding-left:70px;padding-right:70px;padding-top:30px;padding-bottom:37px;justify-content:space-between;align-items:center}.ipdaudioShare .share-content .box2{width:90%;margin:0 auto}.ipdaudioShare .share-content .desc1{display:flex;justify-content:center;align-items:center;flex-direction:column;font-size:16px;color:#fff;background:#f55937;border-radius:10px;padding-top:14px;width:90%;margin:0 auto}.ipdaudioShare .share-content .desc1 p:nth-child(2){padding-bottom:20px}.ipdaudioShare .share-content .msg-box{margin-top:10px;border-radius:8px;display:flex;justify-content:space-around;font-size:14px;text-align:center;width:80%;margin:0 auto}.ipdaudioShare .share-content .img-box{width:130px;height:130px;display:flex;justify-content:center;align-items:center;margin-bottom:10px}.ipdaudioShare .share-content .img-box img{width:120px;height:120px}.ipdaudioShare .share-content html,.ipdaudioShare .share-content body{position:relative;height:100%;margin:0 auto}.ipdaudioShare .share-content body{background:#eee;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;font-size:14px;color:#000;margin:0;padding:0}.ipdaudioShare .share-content .swiper-container{width:88%}.ipdaudioShare .share-content .swiper-slide{text-align:center;font-size:18px;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center}.ipdaudioShare .share-content .swiper-slide-items{display:flex;width:100%;height:100%}.ipdaudioShare .share-content .swiper-slide{display:flex;flex-direction:column}.ipdaudioShare .share-content ul li{list-style:none}.ipdaudioShare .share-content .audio-wrapper{width:100%}.ipdaudioShare .share-content .audio-left{float:left;text-align:center;width:18%;height:100%}.ipdaudioShare .share-content .audio-left img{width:40px;position:relative;top:15px;margin:0;display:initial;cursor:pointer}.ipdaudioShare .share-content .audio-right{margin-right:2%;width:100%;height:100%}.ipdaudioShare .share-content .audio-right p{font-size:15px;height:35%;margin:8px 0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;max-width:243px}.ipdaudioShare .share-content .progress-bar-bg{background-color:#d9d9d9;position:relative;height:2px;cursor:pointer}.ipdaudioShare .share-content .progress-bar{background-color:#649fec;width:0;height:2px}.ipdaudioShare .share-content .progress-bar-bg span{content:" ";width:10px;height:10px;border-radius:50%;-moz-border-radius:50%;-webkit-border-radius:50%;background-color:#3e87e8;position:absolute;left:0;top:50%;margin-top:-5px;margin-left:-5px;cursor:pointer}.ipdaudioShare .share-content .audio-time{overflow:hidden;margin-top:-1px}.ipdaudioShare .share-content .audio-length-total{float:right;font-size:12px}.ipdaudioShare .share-content .audio-length-current{float:left;font-size:12px}.ipdaudioShare .share-content .audio-wrapper{position:absolute;bottom:0;z-index:99}.ipdaudioShare .share-content audio{height:26px;bottom:0;width:100%}.ipdaudioShare .share-content .swiper-button-next:after,.ipdaudioShare .share-content .swiper-container-rtl .swiper-button-prev:after{content:"next";font-size:32px;color:#18d0bc}.ipdaudioShare .share-content .swiper-button-prev:after,.ipdaudioShare .share-content .swiper-container-rtl .swiper-button-next:after{content:"prev";font-size:32px;color:#18d0bc}.ipdaudioShare .share-content .custom-controls1{display:flex;background-color:none;flex-direction:row;justify-content:flex-start;align-items:center}.ipdaudioShare .share-content .custom-controls1 .slider1{display:flex;align-items:center;padding:0 10px;width:93%}.ipdaudioShare .share-content .player-box1{width:100% !important;overflow:hidden;user-select:none;border-radius:30px;margin:5px;height:38px}@media screen and (min-width: 1200px){.ipdaudioShare{height:100%}.ipdaudioShare .share-content{height:100%}}@media screen and (max-width: 768px){.ipdaudioShare{height:100%}.ipdaudioShare .bt{padding-top:4px;padding-bottom:4px;margin-left:40px;color:#fff;font-size:20px;width:400px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ipdaudioShare .share-content{height:auto !important}}@media screen and (min-width: 700px)and (max-width: 1100px){.ipdaudioShare .bt{padding-top:4px;padding-bottom:4px;margin-left:40px;color:#fff;font-size:20px;width:340px !important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ipdaudioShare .slider1 .Slider{padding:10px !important}.ipdaudioShare .slider1 .displayTime{margin-left:50px !important}.ipdaudioShare .desc1{margin-top:50px !important}.ipdaudioShare .share-content{height:100%}.ipdaudioShare .share-content .easter1{position:absolute !important;top:116px !important;right:100px !important;width:86px !important}}@media screen and (min-width: 580px)and (max-width: 600px){.ipdaudioShare .inner{height:100%;max-width:500px !important;margin:0 auto}.ipdaudioShare .bt{padding-top:4px;padding-bottom:4px;margin-left:40px;color:#fff;font-size:20px;width:300px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ipdaudioShare .share-content{padding-bottom:100px}.ipdaudioShare .easter{width:100px}}@media screen and (min-width: 800px)and (max-width: 850px){.ipdaudioShare .share-content{padding-bottom:50px;background:url(/static/img/bg.b790648..png);background-size:100% 100%;background-attachment:fixed;top:0;bottom:0;width:100%;padding-bottom:50px;height:1200px !important}.ipdaudioShare .slider1 .Slider{padding:10px !important}.ipdaudioShare .easter{width:200px !important}.ipdaudioShare .share-content .control img{width:28px;height:28px;margin-right:23px}.ipdaudioShare .back{width:28px !important;height:28px !important;padding-top:20px !important;margin-left:58px !important}}@media screen and (min-width: 340px)and (max-width: 400px){.ipdaudioShare .desc1{font-size:14px !important}.ipdaudioShare .bt{font-size:18px !important}.ipdaudioShare .slider1 .Slider{padding:10px !important}.ipdaudioShare .slider1 .displayTime{margin-left:12px !important}}@media screen and (min-width: 700px)and (max-width: 1100px){.ipdaudioShare .back{margin-left:60px !important;width:28px !important;height:28px !important}.ipdaudioShare .share-content .control img{margin-right:25px !important;width:28px !important;height:28px !important}.ipdaudioShare .share-content{padding-bottom:50px;background:url(/static/img/bg.b790648..png);background-size:100% 100%;background-attachment:fixed;top:0;bottom:0;width:100%;padding-bottom:50px}.ipdaudioShare .select-box{height:500px !important}.ipdaudioShare .inner{height:100%;max-width:700px !important;margin:0 auto}.ipdaudioShare .box2{width:90%;margin:40px auto !important}.ipdaudioShare .share-content .title .img1{width:50px !important;height:50px !important;border-radius:50%}.ipdaudioShare .share-content .title .img2{width:51px !important;height:82px !important}.ipdaudioShare .share-content .title p{font-size:24px !important;padding-left:10px;color:#fff}.ipdaudioShare .share-content .title{display:flex;margin-left:40px;align-items:center;margin-bottom:12px !important}.ipdaudioShare .share-content .bt{padding-top:8px;padding-bottom:8px;padding-left:60px !important;color:#fff;font-size:24px;width:400px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ipdaudioShare .share-content .desc{display:flex;padding-left:128px;padding-right:120px !important;padding-top:40px;justify-content:space-between}.ipdaudioShare .share-content .img{width:130px;height:164px;border-radius:8px}.ipdaudioShare .easter{width:200px !important}.ipdaudioShare .share-content .name{color:#18d0bc !important;font-size:26px !important;width:230px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ipdaudioShare .share-content .level{width:230px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ipdaudioShare .share-content .desc p{font-size:18px;color:#000}.ipdaudioShare .share-content .btn{padding-left:180px;padding-right:180px}.ipdaudioShare .share-content .jj-bg{width:120px;height:160px}.ipdaudioShare .share-content .ys-bg{width:120px;height:160px}.ipdaudioShare .share-content .desc1{display:flex;justify-content:center;align-items:center;flex-direction:column;font-size:22px !important;color:#fff;width:90%;margin-left:10px;margin:0 auto}.ipdaudioShare .share-content .msg-box{border-radius:8px;display:flex;justify-content:space-around;font-size:14px;text-align:center;width:80%;margin:0 auto}.ipdaudioShare .share-content .img-box img{width:170px;height:170px}.ipdaudioShare .share-content .img-box{width:200px;height:200px;display:flex;justify-content:center;align-items:center;margin-bottom:10px}}@media screen and (min-width: 400px)and (max-width: 500px){.ipdaudioShare .slider1 .Slider{padding:10px !important;width:100% !important}.ipdaudioShare .share-content .desc{display:flex;padding-left:26px !important;padding-right:10px !important;padding-top:21px !important;justify-content:space-between}.ipdaudioShare .share-content .jj-bg{width:84px;height:106px !important}.ipdaudioShare .share-content .ys-bg{width:84px;height:106px !important}.ipdaudioShare .share-content .btn{display:flex;padding-left:50px;padding-right:50px;padding-top:30px;padding-bottom:52px;justify-content:space-between;align-items:center}.ipdaudioShare .share-content .bj{background:#e9f8fe;margin-top:10px;border-radius:8px !important}.ipdaudioShare .share-content .desc1{display:flex;justify-content:center;align-items:center;flex-direction:column;font-size:14px !important;color:#fff}.ipdaudioShare .share-content .msg-box{border-radius:8px;display:flex;justify-content:space-around;font-size:12px !important;text-align:center;width:80%;margin:0 auto}.ipdaudioShare .share-content .bt{font-size:18px !important}} body{-webkit-text-size-adjust:100% !important;text-size-adjust:100% !important;-moz-text-size-adjust:100% !important}.chEnShare{font-family:"Microsoft YaHei"}.chEnShare .content{background:url(/static/img/chAndEN.a52cb96..png);background-repeat:no-repeat;background-size:cover;font-size:3.203704vw;color:#fff}.chEnShare .content::after{content:"";display:block;padding-bottom:20%}.chEnShare .title_content{padding-top:31.037037vw;margin-left:32.87037vw}.chEnShare .inner_content{margin-left:16.555556vw;margin-top:5.388889vw}.chEnShare .big_yellow{color:#ffb735;font-size:4.481481vw;font-weight:bold}.chEnShare .fixedContent{flex-shrink:0}.chEnShare .inner_content2{margin-left:16.555556vw;margin-top:5.314815vw}.chEnShare .inner_content3{margin-left:16.555556vw;margin-top:7.314815vw;height:30.555556vw}.chEnShare .inner_content4{margin-left:16.555556vw;margin-top:8.314815vw;height:35.555556vw}.chEnShare .inner_content5{margin-left:16.555556vw;margin-top:10.314815vw}.chEnShare .content2{font-size:3.203704vw;color:#2559cc}.chEnShare .content2 .Young_text{text-indent:6.407408vw}.chEnShare .Young_content{width:78%;margin:0 auto;position:relative}.chEnShare .img2{position:absolute;width:20.259259vw;right:0;bottom:-6.703704vw}.chEnShare .Young_content2{width:80%;margin:5.777778vw auto;font-weight:bold;border:.385185vw dashed;border-radius:4.851852vw;position:relative}.chEnShare .Young_content2 .Young_content2_code{display:flex;justify-content:center;align-items:center;padding:2.203704vw 0}.chEnShare .Young_content2 .Young_content2_code .img1{width:18.407407vw;margin-right:6.840741vw}.chEnShare .Young_content2 .Young_content2_code .Young_content2_text .readBook{margin-bottom:2.203704vw}.chEnShare .Young_content2 .Young_content2_code .Young_content2_text .underReadBook img{width:3.203704vw}.chEnShare .Young_content2 .img2{position:absolute;width:23.407407vw;right:3.296296vw;top:-10.203704vw} body{-webkit-text-size-adjust:100% !important;text-size-adjust:100% !important;-moz-text-size-adjust:100% !important}.chorEnShare{font-family:"Microsoft YaHei"}.chorEnShare .content{background:url(/static/img/choren.490833b..png);background-repeat:no-repeat;background-size:cover;font-size:3.203704vw;color:#fff}.chorEnShare .content::after{content:"";display:block;padding-bottom:20%}.chorEnShare .title_content{padding-top:34.037037vw;margin-left:31.87037vw}.chorEnShare .inner_content{margin-left:15.555556vw;margin-top:5.388889vw}.chorEnShare .big_yellow{color:#ffb735;font-size:4.481481vw;font-weight:bold}.chorEnShare .fixedContent{flex-shrink:0}.chorEnShare .inner_content2{margin-left:15.555556vw;margin-top:5.314815vw;height:32.888889vw}.chorEnShare .inner_content5{margin-left:15.555556vw;margin-top:10.314815vw}.chorEnShare .content2{font-size:3.203704vw;color:#2559cc}.chorEnShare .content2 .Young_text{text-indent:6.407408vw}.chorEnShare .Young_content{width:78%;margin:0 auto;position:relative}.chorEnShare .img2{position:absolute;width:20.259259vw;right:0;bottom:-6.703704vw}.chorEnShare .Young_content2{width:80%;margin:30px auto;font-weight:bold;border:.385185vw dashed;border-radius:4.851852vw;position:relative}.chorEnShare .Young_content2 .Young_content2_code{display:flex;justify-content:center;align-items:center;padding:2.203704vw 0}.chorEnShare .Young_content2 .Young_content2_code .img1{width:18.407407vw;margin-right:6.840741vw}.chorEnShare .Young_content2 .Young_content2_code .Young_content2_text .readBook{margin-bottom:2.203704vw}.chorEnShare .Young_content2 .Young_content2_code .Young_content2_text .underReadBook img{width:3.203704vw}.chorEnShare .Young_content2 .img2{position:absolute;width:23.407407vw;right:3.296296vw;top:-10.203704vw} .radio[data-v-2cdad26e]{display:flex}.radio .radio-div[data-v-2cdad26e]{display:flex;flex-direction:column;margin-bottom:20px;margin-left:10px}.radio .radio-div span[data-v-2cdad26e]{margin-bottom:10px}.table-list[data-v-2cdad26e] .el-table__fixed-right{height:100% !important}.table-list[data-v-2cdad26e] .el-table__fixed{height:100% !important} ul li[data-v-ac59a9a4] { padding: 0 6px; border: 1px solid #e8eaec; border-radius: 3px; background: #f7f7f7; font-size: 12px; line-height: 20px; margin: 8px; } .panel-box .panel-title { font-size: 18px; font-weight: normal; margin-bottom: 20px; padding-left: 10px; line-height: 20px; border-left: 4px solid #00a3ff; } .panel-content { margin-bottom: 30px; } .panel-content dl { float: left; display: block; width: 100%; font-size: 14px; line-height: 32px; padding: 5px 0; } .panel-content dl.panel-item { width: 50%; } .panel-content dt { float: left; } .panel-content dd { overflow: hidden; zoom: 1; } .btnFlex { display: flex; flex-direction: row; align-items: center; justify-content: center; } .fontCoralShow { color: coral; } .fontGreenShow { color: green; } .classAddNewBtn button { margin-top: 10px; } .panel-box .panel-title { font-size: 18px; font-weight: normal; margin-bottom: 20px; padding-left: 10px; line-height: 20px; border-left: 4px solid #00a3ff; } .panel-content { margin-bottom: 30px; } .panel-content dl { float: left; display: block; width: 100%; font-size: 14px; line-height: 32px; padding: 5px 0; } .panel-content dl.panel-item { width: 50%; } .panel-content dt { float: left; } .panel-content dd { overflow: hidden; zoom: 1; } .btnFlex { display: flex; flex-direction: row; align-items: center; justify-content: center; } .fontCoralShow { color: coral; } .fontGreenShow { color: green; } .panel-box .panel-title { font-size: 18px; font-weight: normal; margin-bottom: 20px; padding-left: 10px; line-height: 20px; border-left: 4px solid #00a3ff; } .panel-content { margin-bottom: 30px; } .panel-content dl { float: left; display: block; width: 100%; font-size: 14px; line-height: 32px; padding: 5px 0; } .panel-content dl.panel-item { width: 50%; } .panel-content dt { float: left; } .panel-content dd { overflow: hidden; zoom: 1; } .btnFlex { display: flex; flex-direction: row; align-items: center; justify-content: center; } .fontCoralShow { color: coral; } .fontGreenShow { color: green; } a:visited { color: blue; } a:hover { text-decoration: underline; } .panel-box .panel-title { font-size: 18px; font-weight: normal; margin-bottom: 20px; padding-left: 10px; line-height: 20px; border-left: 4px solid #00a3ff; } .panel-content { margin-bottom: 30px; } .panel-content dl { float: left; display: block; width: 100%; font-size: 14px; line-height: 32px; padding: 5px 0; } .panel-content dl.panel-item { width: 50%; } .panel-content dt { float: left; } .panel-content dd { overflow: hidden; zoom: 1; } .btnFlex { display: flex; flex-direction: row; align-items: center; justify-content: center; } .fontCoralShow { color: coral; } .fontGreenShow { color: green; } .panel-box .panel-title { font-size: 18px; font-weight: normal; margin-bottom: 20px; padding-left: 10px; line-height: 20px; border-left: 4px solid #00a3ff; } .panel-content { margin-bottom: 30px; } .panel-content dl { float: left; display: block; width: 100%; font-size: 14px; line-height: 32px; padding: 5px 0; } .panel-content dl.panel-item { width: 50%; } .panel-content dt { float: left; } .panel-content dd { overflow: hidden; zoom: 1; } .btnFlex { display: flex; flex-direction: row; align-items: center; justify-content: center; } .fontCoralShow { color: coral; } .fontGreenShow { color: green; } .testPaperEffect .el-dialog__header[data-v-27cb0385], .testPaperEffect .el-dialog__footer[data-v-27cb0385] { text-align: center; } .testPaperEffect .el-dialog--small[data-v-27cb0385] { width: 53%; } .testPaperEffect .assType[data-v-27cb0385] { display: inline; } .testPaperEffect[data-v-27cb0385] .assType > .el-form-item__content { display: inline; } .testPaperEffect .el-table--fit td.gutter[data-v-27cb0385], .testPaperEffect .el-table--fit th.gutter[data-v-27cb0385] { border-right-width: 0px !important; } .testPaperEffect .el-dialog__header, .testPaperEffect .el-dialog__footer { text-align: center; } .testPaperEffect .el-dialog--small { width: 53%; } .testPaperEffect .el-dialog__body { text-align: left; } .testPaperEffect .el-table--fit td.gutter, .testPaperEffect .el-table--fit th.gutter { border-right-width: 0px !important; } .panel-box .panel-title { font-size: 18px; font-weight: normal; margin-bottom: 20px; padding-left: 10px; line-height: 20px; border-left: 4px solid #00a3ff; } .panel-content { margin-bottom: 30px; } .panel-content dl { float: left; display: block; width: 100%; font-size: 14px; line-height: 32px; padding: 5px 0; } .panel-content dl.panel-item { width: 50%; } .panel-content dt { float: left; } .panel-content dd { overflow: hidden; zoom: 1; } .btnFlex { display: flex; flex-direction: row; align-items: center; justify-content: center; } .fontCoralShow { color: coral; } .fontGreenShow { color: green; } .panel-box .panel-title[data-v-de671c40] { font-size: 18px; font-weight: normal; margin-bottom: 20px; padding-left: 10px; line-height: 20px; border-left: 4px solid #00a3ff; } .panel-content[data-v-de671c40] { margin-bottom: 30px; } .panel-content dl[data-v-de671c40] { float: left; display: block; width: 100%; font-size: 14px; line-height: 32px; padding: 5px 0; } .panel-content dl.panel-item[data-v-de671c40] { width: 50%; } .panel-content dt[data-v-de671c40] { float: left; } .panel-content dd[data-v-de671c40] { overflow: hidden; zoom: 1; } .btnFlex[data-v-de671c40] { display: flex; flex-direction: row; align-items: center; justify-content: center; } .fontCoralShow[data-v-de671c40] { color: coral; } .fontGreenShow[data-v-de671c40] { color: green; } .avatar-uploader .el-upload[data-v-de671c40] { border: 1px dashed #d9d9d9; border-radius: 6px; cursor: pointer; position: relative; overflow: hidden; } .avatar-uploader .el-upload[data-v-de671c40]:hover { border-color: #20a0ff; } .avatar-uploader-icon[data-v-de671c40] { font-size: 28px; color: #8c939d; width: 356px; height: 178px; line-height: 178px; text-align: center; border: 1px dashed #bfcbd9; border-radius: 10px; } .avatar[data-v-de671c40] { width: 356px; height: 178px; display: block; } .panel-box .panel-title[data-v-7015d715] { font-size: 18px; font-weight: normal; margin-bottom: 20px; padding-left: 10px; line-height: 20px; border-left: 4px solid #00a3ff; } .panel-content[data-v-7015d715] { margin-bottom: 30px; } .panel-content dl[data-v-7015d715] { float: left; display: block; width: 100%; font-size: 14px; line-height: 32px; padding: 5px 0; } .panel-content dl.panel-item[data-v-7015d715] { width: 50%; } .panel-content dt[data-v-7015d715] { float: left; } .panel-content dd[data-v-7015d715] { overflow: hidden; zoom: 1; } .btnFlex[data-v-7015d715] { display: flex; flex-direction: row; align-items: center; justify-content: center; } .fontCoralShow[data-v-7015d715] { color: coral; } .fontGreenShow[data-v-7015d715] { color: green; } .avatar-uploader .el-upload[data-v-7015d715] { border: 1px dashed #d9d9d9; border-radius: 6px; cursor: pointer; position: relative; overflow: hidden; } .avatar-uploader .el-upload[data-v-7015d715]:hover { border-color: #20a0ff; } .avatar-uploader-icon[data-v-7015d715] { font-size: 28px; color: #8c939d; width: 356px; height: 178px; line-height: 178px; text-align: center; border: 1px dashed #bfcbd9; border-radius: 10px; } .avatar[data-v-7015d715] { width: 356px; height: 178px; display: block; } .panel-box .panel-title[data-v-2ffb60ba] { font-size: 18px; font-weight: normal; margin-bottom: 20px; padding-left: 10px; line-height: 20px; border-left: 4px solid #00a3ff; } .panel-content[data-v-2ffb60ba] { margin-bottom: 30px; } .panel-content dl[data-v-2ffb60ba] { float: left; display: block; width: 100%; font-size: 14px; line-height: 32px; padding: 5px 0; } .panel-content dl.panel-item[data-v-2ffb60ba] { width: 50%; } .panel-content dt[data-v-2ffb60ba] { float: left; } .panel-content dd[data-v-2ffb60ba] { overflow: hidden; zoom: 1; } .btnFlex[data-v-2ffb60ba] { display: flex; flex-direction: row; align-items: center; justify-content: center; } .fontCoralShow[data-v-2ffb60ba] { color: coral; } .fontGreenShow[data-v-2ffb60ba] { color: green; } .avatar-uploader .el-upload[data-v-2ffb60ba] { border: 1px dashed #d9d9d9; border-radius: 6px; cursor: pointer; position: relative; overflow: hidden; } .avatar-uploader .el-upload[data-v-2ffb60ba]:hover { border-color: #20a0ff; } .avatar-uploader-icon[data-v-2ffb60ba] { font-size: 28px; color: #8c939d; width: 356px; height: 178px; line-height: 178px; text-align: center; border: 1px dashed #bfcbd9; border-radius: 10px; } .avatar[data-v-2ffb60ba] { width: 356px; height: 178px; display: block; } .panel-box .panel-title { font-size: 18px; font-weight: normal; margin-bottom: 20px; padding-left: 10px; line-height: 20px; border-left: 4px solid #00a3ff; } .panel-content { margin-bottom: 30px; } .panel-content dl { float: left; display: block; width: 100%; font-size: 14px; line-height: 32px; padding: 5px 0; } .panel-content dl.panel-item { width: 50%; } .panel-content dt { float: left; } .panel-content dd { overflow: hidden; zoom: 1; } .btnFlex { display: flex; flex-direction: row; align-items: center; justify-content: center; } .fontCoralShow { color: coral; } .fontGreenShow { color: green; } .ulActive li[data-v-9c9ea16e] { display: flex; align-items: center; margin-bottom: 10px; } .ulActive li span[data-v-9c9ea16e], .ulActive li .checkList[data-v-9c9ea16e], .ulActive li .el-radio-group[data-v-9c9ea16e], .ulActive li .el-checkbox-group[data-v-9c9ea16e] { flex-shrink: 0; } .avatar-uploader .el-upload[data-v-43b5f323] { border: 1px dashed #d9d9d9; border-radius: 6px; cursor: pointer; position: relative; overflow: hidden; } .avatar-uploader .el-upload[data-v-43b5f323]:hover { border-color: #20a0ff; } .avatar-uploader-icon[data-v-43b5f323] { font-size: 28px; color: #8c939d; width: 120px; height: 120px; line-height: 120px; text-align: center; border: 1px dashed #bfcbd9; border-radius: 10px; } .avatar[data-v-43b5f323] { width: 120px; height: 120px; display: block; } .avatarImg[data-v-43b5f323] { width: 120px; height: 120px; display: block; background-repeat: no-repeat; background-size: 100% 100%; border: 1px dashed #d9d9d9; border-radius: 6px; } .avatarImg[data-v-43b5f323]:hover { border-color: #20a0ff; } .avatarImg a[data-v-43b5f323] { color: red; font-size: 16px; position: absolute; top: 0px; right: 0px; } .el-icon-delete[data-v-43b5f323] { position: absolute; right: 10px; top: 0; font-size: 12px; color: #48576a; display: none; } .uploadText[data-v-43b5f323] { position: absolute; top: 30px; left: 20px; font-size: 13px; } .ul li[data-v-09a39b46] { padding: 0 6px; border: 1px solid #e8eaec; border-radius: 3px; background: #949090; font-size: 12px; line-height: 30px; margin: 8px; height: 30px; background: #e8eaec; display: flex; justify-content: space-between; } .ul li[data-v-172f9241] { padding: 0 6px; border: 1px solid #e8eaec; border-radius: 3px; background: #949090; font-size: 12px; line-height: 30px; margin: 8px; height: 30px; background: #e8eaec; display: flex; justify-content: space-between; } .panel-box .panel-title[data-v-1bb3374f] { font-size: 18px; font-weight: normal; margin-bottom: 20px; padding-left: 10px; line-height: 20px; border-left: 4px solid #00a3ff; } .panel-content[data-v-1bb3374f] { margin-bottom: 30px; } .panel-content dl[data-v-1bb3374f] { float: left; display: block; width: 100%; font-size: 14px; line-height: 32px; padding: 5px 0; } .panel-content dl.panel-item[data-v-1bb3374f] { width: 50%; } .panel-content dt[data-v-1bb3374f] { float: left; } .panel-content dd[data-v-1bb3374f] { overflow: hidden; zoom: 1; } .btnFlex[data-v-1bb3374f] { display: flex; flex-direction: row; align-items: center; justify-content: center; } .fontCoralShow[data-v-1bb3374f] { color: coral; } .fontGreenShow[data-v-1bb3374f] { color: green; } .avatar-uploader .el-upload[data-v-1bb3374f] { border: 1px dashed #d9d9d9; border-radius: 6px; cursor: pointer; position: relative; overflow: hidden; } .avatar-uploader .el-upload[data-v-1bb3374f]:hover { border-color: #20a0ff; } .avatar-uploader-icon[data-v-1bb3374f] { font-size: 28px; color: #8c939d; width: 178px; height: 178px; line-height: 178px; text-align: center; border: 1px dashed #bfcbd9; border-radius: 10px; } .avatar[data-v-1bb3374f] { width: 178px; height: 178px; display: block; } .imgbox[data-v-1bb3374f] { display: flex; } .imgR[data-v-1bb3374f] { margin-left: 50px; } .panel-box .panel-title[data-v-05e4d71b] { font-size: 18px; font-weight: normal; margin-bottom: 20px; padding-left: 10px; line-height: 20px; border-left: 4px solid #00a3ff; } .panel-content[data-v-05e4d71b] { margin-bottom: 30px; } .panel-content dl[data-v-05e4d71b] { float: left; display: block; width: 100%; font-size: 14px; line-height: 32px; padding: 5px 0; } .panel-content dl.panel-item[data-v-05e4d71b] { width: 50%; } .panel-content dt[data-v-05e4d71b] { float: left; } .panel-content dd[data-v-05e4d71b] { overflow: hidden; zoom: 1; } .btnFlex[data-v-05e4d71b] { display: flex; flex-direction: row; align-items: center; justify-content: center; } .fontCoralShow[data-v-05e4d71b] { color: coral; } .fontGreenShow[data-v-05e4d71b] { color: green; } .avatar-uploader .el-upload[data-v-05e4d71b] { border: 1px dashed #d9d9d9; border-radius: 6px; cursor: pointer; position: relative; overflow: hidden; } .avatar-uploader .el-upload[data-v-05e4d71b]:hover { border-color: #20a0ff; } .avatar-uploader-icon[data-v-05e4d71b] { font-size: 28px; color: #8c939d; width: 178px; height: 178px; line-height: 178px; text-align: center; border: 1px dashed #bfcbd9; border-radius: 10px; } .avatar[data-v-05e4d71b] { width: 178px; height: 178px; display: block; } .imgbox[data-v-05e4d71b] { display: flex; } .imgR[data-v-05e4d71b] { margin-left: 50px; } .panel-box .panel-title[data-v-43cadf98] { font-size: 18px; font-weight: normal; margin-bottom: 20px; padding-left: 10px; line-height: 20px; border-left: 4px solid #00a3ff; } .panel-content[data-v-43cadf98] { margin-bottom: 30px; } .panel-content dl[data-v-43cadf98] { float: left; display: block; width: 100%; font-size: 14px; line-height: 32px; padding: 5px 0; } .panel-content dl.panel-item[data-v-43cadf98] { width: 50%; } .panel-content dt[data-v-43cadf98] { float: left; } .panel-content dd[data-v-43cadf98] { overflow: hidden; zoom: 1; } .btnFlex[data-v-43cadf98] { display: flex; flex-direction: row; align-items: center; justify-content: center; } .fontCoralShow[data-v-43cadf98] { color: coral; } .fontGreenShow[data-v-43cadf98] { color: green; } .avatar-uploader .el-upload[data-v-43cadf98] { border: 1px dashed #d9d9d9; border-radius: 6px; cursor: pointer; position: relative; overflow: hidden; } .avatar-uploader .el-upload[data-v-43cadf98]:hover { border-color: #20a0ff; } .avatar-uploader-icon[data-v-43cadf98] { font-size: 28px; color: #8c939d; width: 178px; height: 178px; line-height: 178px; text-align: center; border: 1px dashed #bfcbd9; border-radius: 10px; } .avatar[data-v-43cadf98] { width: 178px; height: 178px; display: block; } .flex{display:flex} .panel-box .panel-title { font-size: 18px; font-weight: normal; margin-bottom: 20px; padding-left: 10px; line-height: 20px; border-left: 4px solid #00a3ff; } .panel-content { margin-bottom: 30px; } .panel-content dl { float: left; display: block; width: 100%; font-size: 14px; line-height: 32px; padding: 5px 0; } .panel-content dl.panel-item { width: 50%; } .panel-content dt { float: left; } .panel-content dd { overflow: hidden; zoom: 1; } .btnFlex { display: flex; flex-direction: row; align-items: center; justify-content: center; } .fontCoralShow { color: coral; } .fontGreenShow { color: green; } .panel-box .panel-title { font-size: 18px; font-weight: normal; margin-bottom: 20px; padding-left: 10px; line-height: 20px; border-left: 4px solid #00a3ff; } .panel-content { margin-bottom: 30px; } .panel-content dl { float: left; display: block; width: 100%; font-size: 14px; line-height: 32px; padding: 5px 0; } .panel-content dl.panel-item { width: 50%; } .panel-content dt { float: left; } .panel-content dd { overflow: hidden; zoom: 1; } .btnFlex { display: flex; flex-direction: row; align-items: center; justify-content: center; } .fontCoralShow { color: coral; } .fontGreenShow { color: green; } .panel-box .panel-title { font-size: 18px; font-weight: normal; margin-bottom: 20px; padding-left: 10px; line-height: 20px; border-left: 4px solid #00a3ff; } .panel-content { margin-bottom: 30px; } .panel-content dl { float: left; display: block; width: 100%; font-size: 14px; line-height: 32px; padding: 5px 0; } .panel-content dl.panel-item { width: 50%; } .panel-content dt { float: left; } .panel-content dd { overflow: hidden; zoom: 1; } .btnFlex { display: flex; flex-direction: row; align-items: center; justify-content: center; } .fontCoralShow { color: coral; } .fontGreenShow { color: green; } .formCopyPush .el-form-item__label { width: 80px; flex-shrink: 0; } .panel-box .panel-title[data-v-5b851196] { font-size: 18px; font-weight: normal; margin-bottom: 20px; padding-left: 10px; line-height: 20px; border-left: 4px solid #00a3ff; } .panel-content[data-v-5b851196] { margin-bottom: 30px; } .panel-content dl[data-v-5b851196] { float: left; display: block; width: 100%; font-size: 14px; line-height: 32px; padding: 5px 0; } .panel-content dl.panel-item[data-v-5b851196] { width: 50%; } .panel-content dt[data-v-5b851196] { float: left; } .panel-content dd[data-v-5b851196] { overflow: hidden; zoom: 1; } .btnFlex[data-v-5b851196] { display: flex; flex-direction: row; align-items: center; justify-content: center; } .fontCoralShow[data-v-5b851196] { color: coral; } .fontGreenShow[data-v-5b851196] { color: green; } .avatar-uploader .el-upload[data-v-5b851196] { border: 1px dashed #d9d9d9; border-radius: 6px; cursor: pointer; position: relative; overflow: hidden; } .avatar-uploader .el-upload[data-v-5b851196]:hover { border-color: #20a0ff; } .avatar-uploader-icon[data-v-5b851196] { font-size: 28px; color: #8c939d; width: 120px; height: 145px; line-height: 145px; text-align: center; border: 1px dashed #bfcbd9; border-radius: 10px; } .avatar[data-v-5b851196] { width: 120px; height: 145px; display: block; } .imgbox[data-v-5b851196] { display: flex; } .imgR[data-v-5b851196] { margin-left: 50px; } .stuDataBoard[data-v-204ef4b0] { padding: 20px 0px; } .showData_first[data-v-204ef4b0] { display: flex; justify-content: space-between; padding: 30px 40px; } .showData_first div[data-v-204ef4b0] { width: 200px; height: 100px; padding: 10px; display: flex; justify-content: center; flex-direction: column; color: #ffffff; border-radius: 10px; } .showData_first div p[data-v-204ef4b0]:nth-child(1) { font-size: 18px; margin-bottom: 10px; text-align: left; } .showData_first_one div[data-v-204ef4b0] { width: 160px; } .countTo[data-v-204ef4b0] { font-size: 26px; text-align: right; } .panel-title[data-v-204ef4b0] { font-size: 18px; font-weight: normal; margin-bottom: 20px; padding-left: 10px; line-height: 20px; border-left: 4px solid #00a3ff; } [data-v-204ef4b0] .stuDataBoard .el-table--fit td.gutter, .el-table--fit th.gutter[data-v-204ef4b0] { border-right-width: 0px !important; } .teacherDataBoard[data-v-6f8cdac2] { padding: 20px 0px; } .showData_first[data-v-6f8cdac2] { display: flex; justify-content: space-between; padding: 30px 40px; } .showData_first div[data-v-6f8cdac2] { width: 200px; height: 100px; padding: 10px; display: flex; justify-content: center; flex-direction: column; color: #ffffff; border-radius: 10px; } .showData_first div p[data-v-6f8cdac2]:nth-child(1) { font-size: 18px; margin-bottom: 10px; text-align: left; } .countTo[data-v-6f8cdac2] { font-size: 26px; text-align: right; } .panel-title[data-v-6f8cdac2] { font-size: 18px; font-weight: normal; margin-bottom: 20px; padding-left: 10px; line-height: 20px; border-left: 4px solid #00a3ff; } [data-v-6f8cdac2] .teacherDataBoard .el-table--fit td.gutter, .el-table--fit th.gutter[data-v-6f8cdac2] { border-right-width: 0px !important; } .bookDataBoard[data-v-2051fcfa] { padding: 20px 0px; } .showData_first[data-v-2051fcfa] { display: flex; justify-content: space-between; padding: 30px 40px; } .showData_first div[data-v-2051fcfa] { width: 200px; height: 100px; padding: 10px; display: flex; justify-content: center; flex-direction: column; color: #ffffff; border-radius: 10px; } .showData_first div p[data-v-2051fcfa]:nth-child(1) { font-size: 18px; margin-bottom: 10px; text-align: left; } .countTo[data-v-2051fcfa] { font-size: 26px; text-align: right; } .countToTime[data-v-2051fcfa] { font-size: 16px; text-align: right; } .panel-title[data-v-2051fcfa] { font-size: 18px; font-weight: normal; margin-bottom: 20px; padding-left: 10px; line-height: 20px; border-left: 4px solid #00a3ff; } [data-v-2051fcfa] .bookDataBoard .el-table--fit td.gutter, .el-table--fit th.gutter[data-v-2051fcfa] { border-right-width: 0px !important; } .classDataBoard[data-v-529db6ff] { padding: 20px 0px; } .showData_first[data-v-529db6ff] { display: flex; justify-content: space-between; padding: 30px 40px; } .showData_first div[data-v-529db6ff] { width: 200px; height: 100px; padding: 10px; display: flex; justify-content: center; flex-direction: column; color: #ffffff; border-radius: 10px; } .showData_first div p[data-v-529db6ff]:nth-child(1) { font-size: 18px; margin-bottom: 10px; text-align: left; } .countTo[data-v-529db6ff] { font-size: 26px; text-align: right; } .panel-title[data-v-529db6ff] { font-size: 18px; font-weight: normal; margin-bottom: 20px; padding-left: 10px; line-height: 20px; border-left: 4px solid #00a3ff; } [data-v-529db6ff] .classDataBoard .el-table--fit td.gutter, .el-table--fit th.gutter[data-v-529db6ff] { border-right-width: 0px !important; } .panel-box .panel-title { font-size: 18px; font-weight: normal; margin-bottom: 20px; padding-left: 10px; line-height: 20px; border-left: 4px solid #00a3ff; } .panel-content { margin-bottom: 30px; } .panel-content dl { float: left; display: block; width: 100%; font-size: 14px; line-height: 32px; padding: 5px 0; } .panel-content dl.panel-item { width: 50%; } .panel-content dt { float: left; } .panel-content dd { overflow: hidden; zoom: 1; } .btnFlex { display: flex; flex-direction: row; align-items: center; justify-content: center; } .fontCoralShow { color: coral; } .fontGreenShow { color: green; } .dataBoard { font-size: 14px; } .testPaperModal .ivu-modal-header { border: none; } .richEditor { /* 禁止浏览器在单词内部进行断行换行 */ word-break: keep-all; white-space: pre; } .tooltip { position: absolute; top: 100%; left: 50%; transform: translateX(-50%); background-color: #000; color: #fff; padding: 5px; border-radius: 4px; } .editorQuill { word-break: break-all; } .quill-wrapper .ql-toolbar button::before { content: attr(data-tooltip); /* 使用伪元素设置tooltip提示文本 */ position: absolute; bottom: 100%; /* 将tooltip放置在工具栏按钮上方 */ left: 50%; transform: translateX(-50%); background-color: rgba(0, 0, 0, 0.7); color: white; padding: 4px 8px; border-radius: 4px; font-size: 12px; white-space: nowrap; opacity: 0; pointer-events: none; transition: opacity 0.3s ease-in-out; } .richEditor .ql-toolbar .ql-formats { position: relative; } .richEditor .ql-toolbar .ql-formats .ql-bold:hover::before { content: '加粗'; content: '\52A0\7C97'; position: absolute; bottom: 85%; -webkit-transform: translateX(-50%); transform: translateX(-50%); background-color: rgba(0, 0, 0, 0.7); color: white; padding: 0 4px; border-radius: 4px; white-space: nowrap; pointer-events: none; } .richEditor .ql-toolbar .ql-formats .ql-color:hover::before { content: '字体颜色'; position: absolute; bottom: 85%; left: 45%; -webkit-transform: translateX(-50%); transform: translateX(-50%); background-color: rgba(0, 0, 0, 0.7); color: white; padding: 0 4px; border-radius: 4px; white-space: nowrap; pointer-events: none; } .richEditor .ql-toolbar .ql-formats .ql-clean:hover::before { content: '清除样式'; position: absolute; bottom: 85%; -webkit-transform: translateX(-50%); transform: translateX(-50%); background-color: rgba(0, 0, 0, 0.7); color: white; padding: 0 4px; border-radius: 4px; white-space: nowrap; pointer-events: none; } .panel-box .panel-title[data-v-e07deb78] { font-size: 18px; font-weight: normal; margin-bottom: 20px; padding-left: 10px; line-height: 20px; border-left: 4px solid #00a3ff; } .panel-content[data-v-e07deb78] { margin-bottom: 30px; } .panel-content dl[data-v-e07deb78] { float: left; display: block; width: 100%; font-size: 14px; line-height: 32px; padding: 5px 0; } .panel-content dl.panel-item[data-v-e07deb78] { width: 50%; } .panel-content dt[data-v-e07deb78] { float: left; } .panel-content dd[data-v-e07deb78] { overflow: hidden; zoom: 1; } .btnFlex[data-v-e07deb78] { display: flex; flex-direction: row; align-items: center; justify-content: center; } .fontCoralShow[data-v-e07deb78] { color: coral; } .fontGreenShow[data-v-e07deb78] { color: green; } .quesConfig .avatar-uploader .el-upload[data-v-e07deb78] { border: 1px solid #d9d9d9; cursor: pointer; position: relative; overflow: hidden; } .quesConfig .avatar-uploader .el-upload[data-v-e07deb78]:hover { border-color: #20a0ff; } .quesConfig .avatar-uploader-icon[data-v-e07deb78] { font-size: 28px; color: #8c939d; width: 120px; height: 136px; line-height: 136px; text-align: center; border: 1px solid #bfcbd9; } .quesConfig .avatar[data-v-e07deb78] { width: 120px; height: 136px; display: block; } .quesConfig .avatarImgTo[data-v-e07deb78] { width: 120px; height: 136px; display: block; background-repeat: no-repeat; background-size: 100% 100%; border: 1px dashed #d9d9d9; position: relative; } .quesConfig .avatarImgTo[data-v-e07deb78]:hover { border-color: #20a0ff; } .quesConfig .avatarImgTo a[data-v-e07deb78] { color: red; font-size: 16px; position: absolute; right: 0; } .quesConfig .el-icon-delete[data-v-e07deb78] { position: absolute; right: 10px; top: 0; font-size: 12px; color: #48576a; display: none; } .quesConfig .ql-picker-label[data-v-e07deb78] { margin-top: -5px; } .bigStem[data-v-e07deb78] { display: flex; } .smallQues .ivu-card-head p[data-v-e07deb78] { height: 35px; font-weight: normal; overflow: inherit; } .optionContent[data-v-e07deb78] { display: flex; margin-top: 20px; } .chooseQues .el-form-item[data-v-e07deb78] { margin-bottom: 0px; } .addSubject textarea[data-v-e07deb78]::-webkit-input-placeholder { line-height: 120px; } .bigQues .el-form-item__label[data-v-e07deb78] { display: block; text-align: revert; } .el-collapse[data-v-e07deb78] { border-bottom: none; } .oraltestOrRegistration[data-v-08080ba2] { margin-bottom: 20px; } .cancelDialogVisible[data-v-08080ba2] .el-dialog__header { text-align: center; } .cancelDialogVisible[data-v-08080ba2] .el-dialog__footer { text-align: center; } .row-with-button[data-v-889eb586] { position: relative; margin-bottom: 20px; } .external-button[data-v-889eb586] { position: absolute; top: 0; right: 0; } .panel-box .panel-title[data-v-889eb586] { font-size: 18px; font-weight: normal; margin-bottom: 20px; padding-left: 10px; line-height: 20px; border-left: 4px solid #00a3ff; } .panel-content[data-v-889eb586] { margin-bottom: 30px; } .panel-content dl[data-v-889eb586] { float: left; display: block; width: 100%; font-size: 14px; line-height: 32px; padding: 5px 0; } .panel-content dl.panel-item[data-v-889eb586] { width: 50%; } .panel-content dt[data-v-889eb586] { float: left; } .panel-content dd[data-v-889eb586] { overflow: hidden; zoom: 1; } .btnFlex[data-v-889eb586] { display: flex; flex-direction: row; align-items: center; justify-content: center; } .fontCoralShow[data-v-889eb586] { color: coral; } .fontGreenShow[data-v-889eb586] { color: green; } .uniformWidth { display: inline-block; width: 230px; } .formWidth { width: 280px; } .testPaperModal .ivu-modal-header { border: none; } .avatar-uploader[data-v-19b9ccfe] { cursor: pointer; position: relative; overflow: visible; } .avatar-uploader .el-upload[data-v-19b9ccfe]:hover { border-color: #20a0ff; } .avatar-uploader-icon[data-v-19b9ccfe] { font-size: 28px; color: #8c939d; width: 120px; height: 120px; line-height: 120px; text-align: center; border: 2px dashed #bfcbd9; } .avatar[data-v-19b9ccfe] { width: 120px; height: 120px; display: block; } .avatarImgTo[data-v-19b9ccfe] { width: 120px; height: 120px; display: block; background-repeat: no-repeat; background-size: 100% 100%; border: 1px dashed #d9d9d9; position: relative; } .avatarImgTo[data-v-19b9ccfe]:hover { border-color: #20a0ff; } .avatarImgTo i[data-v-19b9ccfe] { cursor: pointer; color: red; font-size: 18px; font-weight: bold; position: absolute; right: 0; } .abText[data-v-19b9ccfe] { position: absolute; top: 30px; left: 90px; font-size: 13px; } .uploadText[data-v-19b9ccfe] { position: absolute; top: 50px; left: 40px; font-size: 13px; } .uploadText2[data-v-19b9ccfe] { position: absolute; top: 50px; left: 28px; font-size: 13px; } .videoImg[data-v-19b9ccfe] { width: 230px; } .avatarVideoTo i[data-v-19b9ccfe] { cursor: pointer; color: red; font-size: 18px; font-weight: bold; position: absolute; right: 0; } .uploadVideo[data-v-19b9ccfe] { width: 300px; height: 130px; border: 1px solid #ccc; display: flex; justify-content: center; align-items: center; cursor: pointer; } .uploadVideo[data-v-19b9ccfe] .ivu-upload-select { width: 100%; height: 100%; text-align: center; } .address-dialog[data-v-d2e7ac2c] .el-dialog--small { width: 55%; text-align: center; } .radio[data-v-d2e7ac2c] { display: flex; } .radio .radio-div[data-v-d2e7ac2c] { display: flex; flex-direction: column; margin-bottom: 20px; margin-left: 10px; } .radio .radio-div span[data-v-d2e7ac2c] { margin-bottom: 10px; } .table-list[data-v-d2e7ac2c] .el-table__fixed-right { height: 100% !important; } .table-list[data-v-d2e7ac2c] .el-table__fixed { height: 100% !important; } .exportList[data-v-d2e7ac2c] .el-dialog__header { text-align: center; } body[data-v-ae987670] { position: relative; width: 100vw; height: 100vh; } #root[data-v-ae987670] { width: 80%; height: 624px; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); } .tool[data-v-ae987670] { padding: 0 10px; line-height: 24px; height: 24px; width: 100%; } .tool span[data-v-ae987670] { cursor: pointer; } .tool span[data-v-ae987670]:hover { color: #fa9120; } .container_img[data-v-ae987670] { width: 100%; height: calc(100% - 24px); position: relative; display: flex; } .area[data-v-ae987670] { width: 50%; max-width: 50%; height: 100%; border: 2px dashed #eee; border-radius: 8px; position: relative; } #display[data-v-ae987670] { border: none; } .area .img-box[data-v-ae987670] { position: absolute; left: 0; height: 0; z-index: -1; pointer-events: none; } .area img[data-v-ae987670] { pointer-events: none; } #control canvas[data-v-ae987670] { width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: -1; } .rect[data-v-ae987670] { position: absolute; /* box-shadow: 0 0 0 1999px rgba(0, 0, 0, .4); */ left: -9999px; top: 0; width: 0; height: 0; border: 5px solid green; cursor: move; z-index: 1; } .rect > span[data-v-ae987670] { position: absolute; width: 6px; height: 6px; /* border-radius: 50%; */ border: 1px solid green; background-color: green; } .rect .left-top[data-v-ae987670] { left: -3px; top: -3px; cursor: nwse-resize; } .rect .middle-top[data-v-ae987670] { left: 50%; top: -3px; transform: translateX(-50%); cursor: n-resize; } .rect .right-top[data-v-ae987670] { right: -3px; top: -3px; cursor: nesw-resize; } .rect .right-middle[data-v-ae987670] { right: -3px; top: 50%; transform: translateY(-50%); cursor: e-resize; } .rect .right-bottom[data-v-ae987670] { right: -3px; bottom: -3px; cursor: nwse-resize; } .rect .middle-bottom[data-v-ae987670] { left: 50%; bottom: -3px; transform: translateX(-50%); cursor: s-resize; } .rect .left-bottom[data-v-ae987670] { left: -3px; bottom: -3px; cursor: nesw-resize; } .rect .left-middle[data-v-ae987670] { left: -3px; top: 50%; transform: translateY(-50%); cursor: w-resize; } *[data-v-ae987670] { box-sizing: border-box; } body[data-v-ae987670], h1[data-v-ae987670], h2[data-v-ae987670], h3[data-v-ae987670], h4[data-v-ae987670], h5[data-v-ae987670], h6[data-v-ae987670], hr[data-v-ae987670], p[data-v-ae987670], blockquote[data-v-ae987670], dl[data-v-ae987670], dt[data-v-ae987670], dd[data-v-ae987670], ul[data-v-ae987670], ol[data-v-ae987670], li[data-v-ae987670], pre[data-v-ae987670], form[data-v-ae987670], fieldset[data-v-ae987670], legend[data-v-ae987670], button[data-v-ae987670], input[data-v-ae987670], textarea[data-v-ae987670], th[data-v-ae987670], td[data-v-ae987670] { margin: 0; padding: 0; } body[data-v-ae987670], button[data-v-ae987670], input[data-v-ae987670], select[data-v-ae987670], textarea[data-v-ae987670] { font: 12px/1.5tahoma, arial, \5b8b\4f53; } h1[data-v-ae987670], h2[data-v-ae987670], h3[data-v-ae987670], h4[data-v-ae987670], h5[data-v-ae987670], h6[data-v-ae987670] { font-size: 100%; } address[data-v-ae987670], cite[data-v-ae987670], dfn[data-v-ae987670], em[data-v-ae987670], var[data-v-ae987670] { font-style: normal; } code[data-v-ae987670], kbd[data-v-ae987670], pre[data-v-ae987670], samp[data-v-ae987670] { font-family: couriernew, courier, monospace; } small[data-v-ae987670] { font-size: 12px; } ul[data-v-ae987670], ol[data-v-ae987670] { list-style: none; } a[data-v-ae987670] { text-decoration: none; } a[data-v-ae987670]:hover { text-decoration: none; } legend[data-v-ae987670] { color: #000; } fieldset[data-v-ae987670], img[data-v-ae987670] { border: 0; } button[data-v-ae987670], input[data-v-ae987670], select[data-v-ae987670], textarea[data-v-ae987670] { font-size: 100%; } table[data-v-ae987670] { border-collapse: collapse; border-spacing: 0; } .el-dialog .el-dialog__header[data-v-71e99447] { text-align: center; background-color: #409eff; padding: 20px 20px !important; } .el-dialog .el-dialog__header .el-dialog__title[data-v-71e99447] { color: #fff !important; } .el-dialog .el-dialog__footer[data-v-71e99447] { text-align: center; } .el-dialog__wrapper[data-v-71e99447] { background-color: rgba(0, 0, 0, 0.5) !important; } .panel-box .panel-title[data-v-71e99447] { font-size: 18px; font-weight: normal; margin-bottom: 20px; padding-left: 10px; line-height: 20px; border-left: 4px solid #00a3ff; } .el-table td[data-v-71e99447], .el-table th.is-leaf[data-v-71e99447] { border-bottom: 0px !important; } .el-dialog__wrapper[data-v-71e99447] { background-color: rgba(0, 0, 0, 0.5) !important; } .dialog_style .el-dialog--small[data-v-71e99447] { top: 5% !important; width: 75%; } .dialog_style .pagination-box[data-v-71e99447] { padding: 10px 0px; } .exampleL_style .el-dialog--small[data-v-71e99447] { width: 50%; } .exampleC_style .player-box[data-v-71e99447] { margin: auto; } .picPublic[data-v-71e99447] { padding: 10px 0px; } .overlay[data-v-71e99447] { position: fixed; top: 0; right: 5%; width: 50%; height: 100%; background-color: rgba(0, 0, 0, 0); z-index: 9999; display: flex; justify-content: center; align-items: center; } .overlay1[data-v-71e99447] { position: fixed; top: 0; right: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.5); z-index: 9999; display: flex; justify-content: center; align-items: center; } .centered-image[data-v-71e99447] { max-width: 100%; max-height: 100%; height: 70vh; } .cropping_pic[data-v-71e99447] { cursor: pointer; } .avatar-uploader[data-v-71e99447] .el-upload { border: none !important; border-radius: 6px; cursor: pointer; position: relative; overflow: hidden; } .avatar-uploader .el-upload[data-v-71e99447]:hover { border-color: #20a0ff; } .avatar-uploader-icon[data-v-71e99447] { font-size: 28px; color: #8c939d; width: 150px; height: 150px; line-height: 150px; text-align: center; border: 1px dashed #bfcbd9; border-radius: 10px; } .avatar[data-v-71e99447] { width: 150px; height: 150px; display: block; } .avatarImg[data-v-71e99447] { width: 150px; height: 150px; display: block; background-repeat: no-repeat; background-size: 100% 100%; border: 1px dashed #d9d9d9; border-radius: 6px; } .avatarImg[data-v-71e99447]:hover { border-color: #20a0ff; } .image_from_div[data-v-71e99447] { width: 100%; display: flex; flex-direction: row; justify-content: flex-start; align-items: flex-start; } .image_list[data-v-71e99447] { width: 320px; display: flex; /* 使用 Flex 布局 */ flex-direction: row; flex-wrap: wrap; /* 允许换行 */ gap: 10px; justify-content: flex-start; } .upload_img_div[data-v-71e99447] { width: 100px; height: 140px; display: flex; flex-direction: column; justify-content: center; align-items: center; border: none; } .upload_img_div .avatar-uploader[data-v-71e99447] { width: 100px; height: 100px; } .upload_img_div .avatar-uploader .el-upload[data-v-71e99447] { border: none !important; } .upload_img_div .avatar-uploader .el-upload .uploadBox[data-v-71e99447] { width: 100px; height: 100px; display: flex; justify-content: center; align-items: center; } .upload_img_div .avatar-uploader .el-upload .uploadBox .avatar-uploader-icon[data-v-71e99447] { font-size: 28px; color: #8c939d; width: 100px; height: 100px; line-height: 100px; text-align: center; border: 1px dashed #bfcbd9; border-radius: 10px; } .one_image[data-v-71e99447] { position: relative; width: 100px; height: 100px; border: 1px solid #ddd; border-radius: 5px; overflow: hidden; margin-right: 10px; } .one_mom_image[data-v-71e99447] { width: 100px; height: 100px; margin: 0; } .remove_img_btn[data-v-71e99447] { position: absolute; top: 5px; right: 5px; background-color: red; color: white; border: none; border-radius: 50%; width: 20px; height: 20px; display: flex; justify-content: center; align-items: center; cursor: pointer; } .addExampleCard[data-v-71e99447] { display: flex; align-items: flex-start; } .addExampleCard .image_from_div[data-v-71e99447] { width: 50%; margin-left: 10px; } .createImg[data-v-71e99447] { width: 100px; margin-top: 4px; } .imgListOne[data-v-71e99447] { display: flex; flex-direction: column; } .ul li[data-v-5ebb1702] { padding: 0 6px; border: 1px solid #e8eaec; border-radius: 3px; background: #949090; font-size: 12px; line-height: 30px; margin: 8px; height: 30px; background: #e8eaec; display: flex; justify-content: space-between; } .el-checkbox-group[data-v-5ebb1702] { display: grid; justify-content: space-between; grid-template-columns: repeat(auto-fill, 20%); grid-gap: 10px; } .el-checkbox[data-v-5ebb1702] { width: 150px; margin-left: 0px; padding-left: 0px; margin-top: 5px; } .truncate-checkbox[data-v-5ebb1702] { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 150px; display: inline-block; } .el-dialog .el-dialog__header { text-align: center; background-color: #409eff; padding: 20px 20px !important; } .el-dialog .el-dialog__header .el-dialog__title { color: #fff !important; } .el-dialog .el-dialog__footer { text-align: center; } .el-dialog__wrapper { background-color: rgba(0, 0, 0, 0.5) !important; } .panel-box .panel-title { font-size: 18px; font-weight: normal; margin-bottom: 20px; padding-left: 10px; line-height: 20px; border-left: 4px solid #00a3ff; } .el-table td, .el-table th.is-leaf { border-bottom: 0px !important; } .div_related_object { width: 60%; display: flex; flex-direction: row; flex-wrap: wrap; justify-content: flex-start; align-items: center; } .div_related_poem { width: 100%; display: flex; flex-direction: column; justify-content: flex-start; align-items: flex-start; } .englishFile { display: flex; align-items: center; } .englishFile .el-button { margin-left: 10px; } .videoUrl .el-form-item__content { display: flex; align-items: center; } .videoInfo { display: flex; flex-direction: column; justify-content: space-between; } .preset { margin-bottom: 10px; } .preset img { width: 20px; height: 20px; margin-left: 10px; cursor: pointer; } .avatar { max-width: 300px; } .image_list, .video_list { display: flex; /* 使用 Flex 布局 */ flex-direction: row; flex-wrap: wrap; /* 允许换行 */ gap: 10px; justify-content: flex-start; } .upload_img_div { width: 160px; height: 224px; border: 1px solid #ddd; border-radius: 5px; overflow: hidden; } .upload_img_div .uploader { border-top: 1px solid #ddd; width: 160px; height: 160px; } .upload_img_div .uploader .uploadBoxs { width: 160px; height: 140px; display: flex; justify-content: center; align-items: center; font-size: 16px; } .upload_img_div .uploader .uploadBoxs i { margin-right: 6px; } .upload_video_div { width: 280px; height: 245px; border: 1px solid #ddd; border-radius: 5px; overflow: hidden; } .upload_video_div .uploader { border-top: 1px solid #ddd; width: 280px; height: 180px; } .upload_video_div .uploader .uploadBoxs { width: 280px; height: 180px; display: flex; justify-content: center; align-items: center; font-size: 16px; } .upload_video_div .uploader .uploadBoxs i { margin-right: 6px; } .one_image { width: 160px; height: 224px; border: 1px solid #ddd; border-radius: 5px; overflow: hidden; } .one_video { width: 280px; height: 245px; border: 1px solid #ddd; border-radius: 5px; overflow: hidden; } .one_video video { margin: 10px 20px 0; } .imgTop, .videoTop { height: 30px; display: flex; padding: 0 10px; align-items: center; justify-content: space-between; } .imgTop img, .videoTop img { width: 20px; height: 20px; cursor: pointer; } .one_mom_image { width: 140px; height: 140px; margin: 10px; } .imgLink { border-top: 1px solid #ddd; height: 30px; line-height: 30px; } .imgLink p { widows: 100%; white-space: nowrap; /* 防止换行 */ overflow: hidden; /* 隐藏超出部分 */ text-overflow: ellipsis; /* 显示省略号 */ cursor: pointer; } .imgLink p img { width: 15px; height: 15px; margin: 0 6px; } .imgList .el-form-item__content { width: calc(100% - 100px) !important; } .el-dialog .el-dialog__header { text-align: center; background-color: #409eff; padding: 20px 20px !important; } .el-dialog .el-dialog__header .el-dialog__title { color: #fff !important; } .el-dialog .el-dialog__footer { text-align: center; } .el-dialog__wrapper { background-color: rgba(0, 0, 0, 0.5) !important; } .panel-box .panel-title { font-size: 18px; font-weight: normal; margin-bottom: 20px; padding-left: 10px; line-height: 20px; border-left: 4px solid #00a3ff; } .el-table td, .el-table th.is-leaf { border-bottom: 0px !important; } .el-dialog__wrapper { background-color: rgba(0, 0, 0, 0.5) !important; } .dialog_style .el-dialog--small { top: 5% !important; width: 75%; } .dialog_style .pagination-box { padding: 10px 0px; } .exampleL_style .el-dialog--small { width: 50%; } .exampleC_style .player-box { margin: auto; } .el-dialog .el-dialog__header[data-v-9e4401dc] { text-align: center; background-color: #409eff; padding: 20px 20px !important; } .el-dialog .el-dialog__header .el-dialog__title[data-v-9e4401dc] { color: #fff !important; } .el-dialog .el-dialog__footer[data-v-9e4401dc] { text-align: center; } .el-dialog__wrapper[data-v-9e4401dc] { background-color: rgba(0, 0, 0, 0.5) !important; } .panel-box .panel-title[data-v-9e4401dc] { font-size: 18px; font-weight: normal; margin-bottom: 20px; padding-left: 10px; line-height: 20px; border-left: 4px solid #00a3ff; } .el-table td[data-v-9e4401dc], .el-table th.is-leaf[data-v-9e4401dc] { border-bottom: 0px !important; } .detail_style .el-dialog--small[data-v-9e4401dc] { width: 70%; top: 5% !important; } .el-dialog__wrapper[data-v-9e4401dc] { background-color: rgba(0, 0, 0, 0.5) !important; } .image_from_div[data-v-9e4401dc] { width: 100%; display: flex; flex-direction: row; justify-content: flex-start; align-items: flex-start; } .one_image[data-v-9e4401dc] { position: relative; width: 100px; height: 100px; border: 1px solid #ddd; border-radius: 5px; overflow: hidden; margin-right: 10px; } .one_mom_image[data-v-9e4401dc] { width: 100px; height: 100px; margin: 0; } .el-dialog .el-dialog__header { text-align: center; background-color: #409eff; padding: 20px 20px !important; } .el-dialog .el-dialog__header .el-dialog__title { color: #fff !important; } .el-dialog .el-dialog__footer { text-align: center; } .el-dialog__wrapper { background-color: rgba(0, 0, 0, 0.5) !important; } .panel-box .panel-title { font-size: 18px; font-weight: normal; margin-bottom: 20px; padding-left: 10px; line-height: 20px; border-left: 4px solid #00a3ff; } .el-table td, .el-table th.is-leaf { border-bottom: 0px !important; } .detail_style .el-dialog--small { width: 70%; top: 5% !important; } .el-dialog__wrapper { background-color: rgba(0, 0, 0, 0.5) !important; } .el-dialog .el-dialog__header { text-align: center; background-color: #409eff; padding: 20px 20px !important; } .el-dialog .el-dialog__header .el-dialog__title { color: #fff !important; } .el-dialog .el-dialog__footer { text-align: center; } .el-dialog__wrapper { background-color: rgba(0, 0, 0, 0.5) !important; } .panel-box .panel-title { font-size: 18px; font-weight: normal; margin-bottom: 20px; padding-left: 10px; line-height: 20px; border-left: 4px solid #00a3ff; } .el-table td, .el-table th.is-leaf { border-bottom: 0px !important; } .addwordlist .el-dialog--small { top: 5% !important; } .message_alert { word-break: break-all !important; } .exportWordlist .el-table .cell { white-space: pre-line; } .cancelDialogVisible .el-dialog--small { width: 35% !important; } .cancelDialogVisible .el-dialog .el-dialog__header { text-align: inherit !important; padding: 20px 20px 10px !important; background: none !important; } .cancelDialogVisible .el-dialog .el-dialog__header .el-dialog__title { color: #1f2d3d !important; } .cancelDialogVisible .el-dialog__footer { text-align: end !important; } .cancelDialogVisible .el-table--fit td.gutter, .cancelDialogVisible .el-table--fit th.gutter { border-right-width: 0px !important; } .el-tooltip__popper { max-width: 80%; } .messageIndex { z-index: 30000 !important; } .el-dialog .el-dialog__header { text-align: center; background-color: #409eff; padding: 20px 20px !important; } .el-dialog .el-dialog__header .el-dialog__title { color: #fff !important; } .el-dialog .el-dialog__footer { text-align: center; } .el-dialog__wrapper { background-color: rgba(0, 0, 0, 0.5) !important; } .panel-box .panel-title { font-size: 18px; font-weight: normal; margin-bottom: 20px; padding-left: 10px; line-height: 20px; border-left: 4px solid #00a3ff; } .el-table td, .el-table th.is-leaf { border-bottom: 0px !important; } .message_alert { word-break: break-all !important; } .dopackAlum .el-dialog--small { width: 40%; } .el-dialog__wrapper { background-color: rgba(0, 0, 0, 0.5) !important; } .cancelDialogVisible .el-dialog--small { width: 35% !important; } .cancelDialogVisible .el-dialog .el-dialog__header { text-align: inherit !important; padding: 20px 20px 10px !important; background: none !important; } .cancelDialogVisible .el-dialog .el-dialog__header .el-dialog__title { color: #1f2d3d !important; } .cancelDialogVisible .el-dialog__footer { text-align: end !important; } .cancelDialogVisible .el-table--fit td.gutter, .cancelDialogVisible .el-table--fit th.gutter { border-right-width: 0px !important; } .el-dialog .el-dialog__header { text-align: center; background-color: #409eff; padding: 20px 20px !important; } .el-dialog .el-dialog__header .el-dialog__title { color: #fff !important; } .el-dialog .el-dialog__footer { text-align: center; } .el-dialog__wrapper { background-color: rgba(0, 0, 0, 0.5) !important; } .panel-box .panel-title { font-size: 18px; font-weight: normal; margin-bottom: 20px; padding-left: 10px; line-height: 20px; border-left: 4px solid #00a3ff; } .el-table td, .el-table th.is-leaf { border-bottom: 0px !important; } .message_alert { word-break: break-all !important; } .dopack .el-dialog--small { width: 40%; } .el-dialog__wrapper { background-color: rgba(0, 0, 0, 0.5) !important; } .cancelDialogVisible .el-dialog--small { width: 35% !important; } .cancelDialogVisible .el-dialog .el-dialog__header { text-align: inherit !important; padding: 20px 20px 10px !important; background: none !important; } .cancelDialogVisible .el-dialog .el-dialog__header .el-dialog__title { color: #1f2d3d !important; } .cancelDialogVisible .el-dialog__footer { text-align: end !important; } .cancelDialogVisible .el-table--fit td.gutter, .cancelDialogVisible .el-table--fit th.gutter { border-right-width: 0px !important; } .el-dialog .el-dialog__header { text-align: center; background-color: #409eff; padding: 20px 20px !important; } .el-dialog .el-dialog__header .el-dialog__title { color: #fff !important; } .el-dialog .el-dialog__footer { text-align: center; } .el-dialog__wrapper { background-color: rgba(0, 0, 0, 0.5) !important; } .panel-box .panel-title { font-size: 18px; font-weight: normal; margin-bottom: 20px; padding-left: 10px; line-height: 20px; border-left: 4px solid #00a3ff; } .el-table td, .el-table th.is-leaf { border-bottom: 0px !important; } .message_alert { word-break: break-all !important; } .dopack .el-dialog--small { width: 40%; } .el-dialog__wrapper { background-color: rgba(0, 0, 0, 0.5) !important; } .cancelDialogVisible .el-dialog--small { width: 35% !important; } .cancelDialogVisible .el-dialog .el-dialog__header { text-align: inherit !important; padding: 20px 20px 10px !important; background: none !important; } .cancelDialogVisible .el-dialog .el-dialog__header .el-dialog__title { color: #1f2d3d !important; } .cancelDialogVisible .el-dialog__footer { text-align: end !important; } .cancelDialogVisible .el-table--fit td.gutter, .cancelDialogVisible .el-table--fit th.gutter { border-right-width: 0px !important; } .el-dialog .el-dialog__header { text-align: center; background-color: #409eff; padding: 20px 20px !important; } .el-dialog .el-dialog__header .el-dialog__title { color: #fff !important; } .el-dialog .el-dialog__footer { text-align: center; } .el-dialog__wrapper { background-color: rgba(0, 0, 0, 0.5) !important; } .panel-box .panel-title { font-size: 18px; font-weight: normal; margin-bottom: 20px; padding-left: 10px; line-height: 20px; border-left: 4px solid #00a3ff; } .el-table td, .el-table th.is-leaf { border-bottom: 0px !important; } .message_alert { word-break: break-all !important; } .dopack .el-dialog--small { width: 40%; } .el-dialog__wrapper { background-color: rgba(0, 0, 0, 0.5) !important; } .cancelDialogVisible .el-dialog--small { width: 35% !important; } .cancelDialogVisible .el-dialog .el-dialog__header { text-align: inherit !important; padding: 20px 20px 10px !important; background: none !important; } .cancelDialogVisible .el-dialog .el-dialog__header .el-dialog__title { color: #1f2d3d !important; } .cancelDialogVisible .el-dialog__footer { text-align: end !important; } .cancelDialogVisible .el-table--fit td.gutter, .cancelDialogVisible .el-table--fit th.gutter { border-right-width: 0px !important; } .ul li[data-v-2a44fb96] { padding: 0 6px; border: 1px solid #e8eaec; border-radius: 3px; background: #949090; font-size: 12px; line-height: 30px; margin: 8px; height: 30px; background: #e8eaec; display: flex; justify-content: space-between; } .el-dialog .el-dialog__header { text-align: center; background-color: #409eff; padding: 20px 20px !important; } .el-dialog .el-dialog__header .el-dialog__title { color: #fff !important; } .el-dialog .el-dialog__footer { text-align: center; } .el-dialog__wrapper { background-color: rgba(0, 0, 0, 0.5) !important; } .panel-box .panel-title { font-size: 18px; font-weight: normal; margin-bottom: 20px; padding-left: 10px; line-height: 20px; border-left: 4px solid #00a3ff; } .el-table td, .el-table th.is-leaf { border-bottom: 0px !important; } .el-dialog__wrapper { background-color: rgba(0, 0, 0, 0.5) !important; } .dialog_style .el-dialog--small { top: 5% !important; width: 75%; } .dialog_style .pagination-box { padding: 10px 0px; } .exampleL_style .el-dialog--small { width: 50%; } .exampleC_style .player-box { margin: auto; } .el-dialog .el-dialog__header { text-align: center; background-color: #409eff; padding: 20px 20px !important; } .el-dialog .el-dialog__header .el-dialog__title { color: #fff !important; } .el-dialog .el-dialog__footer { text-align: center; } .el-dialog__wrapper { background-color: rgba(0, 0, 0, 0.5) !important; } .panel-box .panel-title { font-size: 18px; font-weight: normal; margin-bottom: 20px; padding-left: 10px; line-height: 20px; border-left: 4px solid #00a3ff; } .el-table td, .el-table th.is-leaf { border-bottom: 0px !important; } .el-dialog__wrapper { background-color: rgba(0, 0, 0, 0.5) !important; } .dialog_style .el-dialog--small { top: 5% !important; width: 75%; } .dialog_style .pagination-box { padding: 10px 0px; } .exampleL_style .el-dialog--small { width: 50%; } .exampleC_style .player-box { margin: auto; } .el-dialog .el-dialog__header { text-align: center; background-color: #409eff; padding: 20px 20px !important; } .el-dialog .el-dialog__header .el-dialog__title { color: #fff !important; } .el-dialog .el-dialog__footer { text-align: center; } .el-dialog__wrapper { background-color: rgba(0, 0, 0, 0.5) !important; } .panel-box .panel-title { font-size: 18px; font-weight: normal; margin-bottom: 20px; padding-left: 10px; line-height: 20px; border-left: 4px solid #00a3ff; } .el-table td, .el-table th.is-leaf { border-bottom: 0px !important; } .message_alert { word-break: break-all !important; } .dopack .el-dialog--small { width: 40%; } .el-dialog__wrapper { background-color: rgba(0, 0, 0, 0.5) !important; } .cancelDialogVisible .el-dialog--small { width: 35% !important; } .cancelDialogVisible .el-dialog .el-dialog__header { text-align: inherit !important; padding: 20px 20px 10px !important; background: none !important; } .cancelDialogVisible .el-dialog .el-dialog__header .el-dialog__title { color: #1f2d3d !important; } .cancelDialogVisible .el-dialog__footer { text-align: end !important; } .cancelDialogVisible .el-table--fit td.gutter, .cancelDialogVisible .el-table--fit th.gutter { border-right-width: 0px !important; } .el-dialog .el-dialog__header { text-align: center; background-color: #409eff; padding: 20px 20px !important; } .el-dialog .el-dialog__header .el-dialog__title { color: #fff !important; } .el-dialog .el-dialog__footer { text-align: center; } .el-dialog__wrapper { background-color: rgba(0, 0, 0, 0.5) !important; } .panel-box .panel-title { font-size: 18px; font-weight: normal; margin-bottom: 20px; padding-left: 10px; line-height: 20px; border-left: 4px solid #00a3ff; } .el-table td, .el-table th.is-leaf { border-bottom: 0px !important; } .el-dialog__wrapper { background-color: rgba(0, 0, 0, 0.5) !important; } .dialog_style .el-dialog--small { top: 5% !important; width: 75%; } .dialog_style .pagination-box { padding: 10px 0px; } .exampleL_style .el-dialog--small { width: 50%; } .exampleC_style .player-box { margin: auto; } .avatar-uploader .el-upload { border: 1px dashed #d9d9d9; border-radius: 6px; cursor: pointer; position: relative; overflow: hidden; } .avatar-uploader .el-upload:hover { border-color: #20a0ff; } .avatar-uploader-icon { font-size: 28px; color: #8c939d; width: 178px; height: 178px; line-height: 178px; text-align: center; border: 1px dashed #bfcbd9; border-radius: 10px; } .avatar { width: 178px; height: 178px; display: block; } .el-dialog .el-dialog__header { text-align: center; background-color: #409eff; padding: 20px 20px !important; } .el-dialog .el-dialog__header .el-dialog__title { color: #fff !important; } .el-dialog .el-dialog__footer { text-align: center; } .el-dialog__wrapper { background-color: rgba(0, 0, 0, 0.5) !important; } .panel-box .panel-title { font-size: 18px; font-weight: normal; margin-bottom: 20px; padding-left: 10px; line-height: 20px; border-left: 4px solid #00a3ff; } .el-table td, .el-table th.is-leaf { border-bottom: 0px !important; } .dopack .el-dialog--small { width: 30%; } .el-dialog__wrapper { background-color: rgba(0, 0, 0, 0.5) !important; } .el-dialog .el-dialog__header { text-align: center; background-color: #409eff; padding: 20px 20px !important; } .el-dialog .el-dialog__header .el-dialog__title { color: #fff !important; } .el-dialog .el-dialog__footer { text-align: center; } .el-dialog__wrapper { background-color: rgba(0, 0, 0, 0.5) !important; } .panel-box .panel-title { font-size: 18px; font-weight: normal; margin-bottom: 20px; padding-left: 10px; line-height: 20px; border-left: 4px solid #00a3ff; } .el-table td, .el-table th.is-leaf { border-bottom: 0px !important; } .el-dialog__wrapper { background-color: rgba(0, 0, 0, 0.5) !important; } .el-dialog .el-dialog__header { text-align: center; background-color: #409eff; padding: 20px 20px !important; } .el-dialog .el-dialog__header .el-dialog__title { color: #fff !important; } .el-dialog .el-dialog__footer { text-align: center; } .el-dialog__wrapper { background-color: rgba(0, 0, 0, 0.5) !important; } .panel-box .panel-title { font-size: 18px; font-weight: normal; margin-bottom: 20px; padding-left: 10px; line-height: 20px; border-left: 4px solid #00a3ff; } .el-table td, .el-table th.is-leaf { border-bottom: 0px !important; } .wordBook_style td { padding: 10px 0px; } .dopack .el-dialog--small { width: 30%; } .el-dialog__wrapper { background-color: rgba(0, 0, 0, 0.5) !important; } .el-dialog .el-dialog__header[data-v-d299d4a4] { text-align: center; background-color: #409eff; padding: 20px 20px !important; } .el-dialog .el-dialog__header .el-dialog__title[data-v-d299d4a4] { color: #fff !important; } .el-dialog .el-dialog__footer[data-v-d299d4a4] { text-align: center; } .el-dialog__wrapper[data-v-d299d4a4] { background-color: rgba(0, 0, 0, 0.5) !important; } .panel-box .panel-title[data-v-d299d4a4] { font-size: 18px; font-weight: normal; margin-bottom: 20px; padding-left: 10px; line-height: 20px; border-left: 4px solid #00a3ff; } .el-table td[data-v-d299d4a4], .el-table th.is-leaf[data-v-d299d4a4] { border-bottom: 0px !important; } .el-upload--picture-card[data-v-d299d4a4] { width: 100px; height: 140px; } .avatar-uploader .el-upload[data-v-d299d4a4] { border: 1px dashed #d9d9d9; border-radius: 6px; cursor: pointer; position: relative; overflow: hidden; } .avatar-uploader .el-upload[data-v-d299d4a4]:hover { border-color: #20a0ff; } .avatar-uploader-icon[data-v-d299d4a4] { font-size: 28px; color: #8c939d; width: 100px; height: 140px; line-height: 140px; text-align: center; border: 1px dashed #bfcbd9; border-radius: 10px; } .avatar[data-v-d299d4a4] { width: 100px; height: 140px; display: block; } .avatarImg[data-v-d299d4a4] { width: 100px; height: 140px; display: block; background-repeat: no-repeat; background-size: 100% 100%; border: 1px dashed #d9d9d9; border-radius: 6px; } .avatarImg[data-v-d299d4a4]:hover { border-color: #20a0ff; } .avatarImg a[data-v-d299d4a4] { color: red; font-size: 16px; position: absolute; top: 0px; right: 0px; } .el-icon-delete[data-v-d299d4a4] { position: absolute; right: 10px; top: 0; font-size: 12px; color: #48576a; display: none; } .message_alert[data-v-d299d4a4] { word-break: break-all !important; } .dialogVisibleCheckout .el-dialog--small[data-v-d299d4a4] { width: 30%; } .dialogVisibleCheckout .el-dialog__header[data-v-d299d4a4] { background: none !important; } .cancelDialogVisible .el-dialog--small[data-v-d299d4a4] { width: 35% !important; } .cancelDialogVisible .el-dialog .el-dialog__header[data-v-d299d4a4] { text-align: inherit !important; padding: 20px 20px 10px !important; background: none !important; } .cancelDialogVisible .el-dialog .el-dialog__header .el-dialog__title[data-v-d299d4a4] { color: #1f2d3d !important; } .cancelDialogVisible .el-dialog__footer[data-v-d299d4a4] { text-align: end !important; } .cancelDialogVisible .el-table--fit td.gutter[data-v-d299d4a4], .cancelDialogVisible .el-table--fit th.gutter[data-v-d299d4a4] { border-right-width: 0px !important; } .el-dialog .el-dialog__header { text-align: center; background-color: #409eff; padding: 20px 20px !important; } .el-dialog .el-dialog__header .el-dialog__title { color: #fff !important; } .el-dialog .el-dialog__footer { text-align: center; } .el-dialog__wrapper { background-color: rgba(0, 0, 0, 0.5) !important; } .panel-box .panel-title { font-size: 18px; font-weight: normal; margin-bottom: 20px; padding-left: 10px; line-height: 20px; border-left: 4px solid #00a3ff; } .el-table td, .el-table th.is-leaf { border-bottom: 0px !important; } .el-dialog .el-dialog__header { text-align: center; background-color: #409eff; padding: 20px 20px !important; } .el-dialog .el-dialog__header .el-dialog__title { color: #fff !important; } .el-dialog .el-dialog__footer { text-align: center; } .el-dialog__wrapper { background-color: rgba(0, 0, 0, 0.5) !important; } .panel-box .panel-title { font-size: 18px; font-weight: normal; margin-bottom: 20px; padding-left: 10px; line-height: 20px; border-left: 4px solid #00a3ff; } .el-table td, .el-table th.is-leaf { border-bottom: 0px !important; } .el-dialog__wrapper { background-color: rgba(0, 0, 0, 0.5) !important; } .wdbook_accredit_style td { padding: 10px 0; } .el-dialog .el-dialog__header { text-align: center; background-color: #409eff; padding: 20px 20px !important; } .el-dialog .el-dialog__header .el-dialog__title { color: #fff !important; } .el-dialog .el-dialog__footer { text-align: center; } .el-dialog__wrapper { background-color: rgba(0, 0, 0, 0.5) !important; } .panel-box .panel-title { font-size: 18px; font-weight: normal; margin-bottom: 20px; padding-left: 10px; line-height: 20px; border-left: 4px solid #00a3ff; } .el-table td, .el-table th.is-leaf { border-bottom: 0px !important; } .dopack .el-dialog--small { width: 30%; } .el-dialog__wrapper { background-color: rgba(0, 0, 0, 0.5) !important; } .el-dialog .el-dialog__header { text-align: center; background-color: #409eff; padding: 20px 20px !important; } .el-dialog .el-dialog__header .el-dialog__title { color: #fff !important; } .el-dialog .el-dialog__footer { text-align: center; } .el-dialog__wrapper { background-color: rgba(0, 0, 0, 0.5) !important; } .panel-box .panel-title { font-size: 18px; font-weight: normal; margin-bottom: 20px; padding-left: 10px; line-height: 20px; border-left: 4px solid #00a3ff; } .el-table td, .el-table th.is-leaf { border-bottom: 0px !important; } .wordBook_style td { padding: 10px 0px; } .el-dialog .el-dialog__header { text-align: center; background-color: #409eff; padding: 20px 20px !important; } .el-dialog .el-dialog__header .el-dialog__title { color: #fff !important; } .el-dialog .el-dialog__footer { text-align: center; } .el-dialog__wrapper { background-color: rgba(0, 0, 0, 0.5) !important; } .panel-box .panel-title { font-size: 18px; font-weight: normal; margin-bottom: 20px; padding-left: 10px; line-height: 20px; border-left: 4px solid #00a3ff; } .el-table td, .el-table th.is-leaf { border-bottom: 0px !important; } .message_alert { word-break: break-all !important; } .dopack .el-dialog--small { width: 40%; } .el-dialog__wrapper { background-color: rgba(0, 0, 0, 0.5) !important; } .cancelDialogVisible .el-dialog--small { width: 35% !important; } .cancelDialogVisible .el-dialog .el-dialog__header { text-align: inherit !important; padding: 20px 20px 10px !important; background: none !important; } .cancelDialogVisible .el-dialog .el-dialog__header .el-dialog__title { color: #1f2d3d !important; } .cancelDialogVisible .el-dialog__footer { text-align: end !important; } .cancelDialogVisible .el-table--fit td.gutter, .cancelDialogVisible .el-table--fit th.gutter { border-right-width: 0px !important; } .el-dialog .el-dialog__header { text-align: center; background-color: #409eff; padding: 20px 20px !important; } .el-dialog .el-dialog__header .el-dialog__title { color: #fff !important; } .el-dialog .el-dialog__footer { text-align: center; } .el-dialog__wrapper { background-color: rgba(0, 0, 0, 0.5) !important; } .panel-box .panel-title { font-size: 18px; font-weight: normal; margin-bottom: 20px; padding-left: 10px; line-height: 20px; border-left: 4px solid #00a3ff; } .el-table td, .el-table th.is-leaf { border-bottom: 0px !important; } .englishFile { display: flex; align-items: center; } .englishFile .el-button { margin-left: 10px; } .el-form-item__content { display: flex; align-items: center; } .preset { margin-bottom: 10px; } .preset img { width: 20px; height: 20px; margin-left: 10px; cursor: pointer; } .video_list { display: flex; /* 使用 Flex 布局 */ flex-direction: row; flex-wrap: wrap; /* 允许换行 */ gap: 10px; justify-content: flex-start; } .upload_video_div { width: 280px; height: 245px; border: 1px solid #ddd; border-radius: 5px; overflow: hidden; } .upload_video_div .uploader { border-top: 1px solid #ddd; width: 280px; height: 180px; } .upload_video_div .uploader .uploadBoxs { width: 280px; height: 180px; display: flex; justify-content: center; align-items: center; font-size: 16px; } .upload_video_div .uploader .uploadBoxs i { margin-right: 6px; } .one_video { width: 280px; height: 245px; border: 1px solid #ddd; border-radius: 5px; overflow: hidden; } .one_video video { margin: 10px 20px 0; } .imgTop, .videoTop { height: 30px; display: flex; padding: 0 10px; align-items: center; justify-content: space-between; } .imgTop img, .videoTop img { width: 20px; height: 20px; cursor: pointer; } .imgLink { border-top: 1px solid #ddd; height: 30px; line-height: 30px; } .imgLink p { widows: 100%; white-space: nowrap; /* 防止换行 */ overflow: hidden; /* 隐藏超出部分 */ text-overflow: ellipsis; /* 显示省略号 */ cursor: pointer; } .imgLink p img { width: 15px; height: 15px; margin: 0 6px; } .imgList .el-form-item__content { width: calc(100% - 100px) !important; } .bigContent { width: 100%; } .bigContent .el-form-item__content { width: calc(100% - 110px); box-sizing: border-box; padding: 10px; } .bigContent .el-form-item__content .contentBox { width: 100%; } .bigContent .el-form-item__content .contentBox .contentList { width: 100%; } .bigContent .el-form-item__content .contentBox .contentList .everyContent { width: 100%; } .bigContent .el-form-item__content .contentBox .contentList .everyContent .contentImg, .bigContent .el-form-item__content .contentBox .contentList .everyContent .contentText, .bigContent .el-form-item__content .contentBox .contentList .everyContent .contentAudio { width: 100%; display: flex; align-items: end; margin-bottom: 20px; } .bigContent .el-form-item__content .contentBox .contentList .everyContent .contentImg .showText, .bigContent .el-form-item__content .contentBox .contentList .everyContent .contentText .showText, .bigContent .el-form-item__content .contentBox .contentList .everyContent .contentAudio .showText { width: calc(100% - 110px); } .bigContent .el-form-item__content .contentBox .contentList .everyContent .contentAudio { height: 60px; align-items: center; } .bigContent .el-form-item__content .contentBox .contentList .everyContent .contentAudio audio { height: 40px; width: 300px; } .bigContent .el-form-item__content .contentBox .contentList .everyContent .listImg { width: 200px; display: block; margin-right: 6px; border: 1px solid #ccc; border-radius: 5px; } .bigContent .el-form-item__content .contentBox .contentList .everyContent .upBtn, .bigContent .el-form-item__content .contentBox .contentList .everyContent .downBtn, .bigContent .el-form-item__content .contentBox .contentList .everyContent .editBtn, .bigContent .el-form-item__content .contentBox .contentList .everyContent .deleteBtn { width: 20px; height: 20px; cursor: pointer; margin-right: 6px; } .bigContent .el-form-item__content .contentBox .contentList .everyContent i { margin-right: 6px; cursor: pointer; } .bigContent .el-form-item__content .contentBox .contentList .everyContent .editText { margin-right: 6px; width: calc(100% - 110px); } .bigContent .el-form-item__content .contentBox .contentList .everyContent .showText { margin-right: 6px; box-sizing: border-box; padding: 4px; width: 400px; border: 1px solid #ccc; border-radius: 5px; word-wrap: break-word; } .bigContent .el-form-item__content .contentBox .contentList .everyContent .editImg { margin-left: 10px; height: auto; display: flex; flex-direction: column; justify-content: space-between; } .bigContent .el-form-item__content .contentBox .contentList .everyContent .editImg .el-button { margin-bottom: 10px; } .bigContent .el-form-item__content .contentBox .contentList .everyContent .editAudio { margin-left: 10px; height: auto; display: flex; flex-direction: column; justify-content: space-between; } .bigContent .el-form-item__content .contentBox .contentList .everyContent .editAudio .el-button { margin-bottom: 10px; } .buttonBox { display: flex; height: 40px; align-items: center; } .footer-content .el-form-item { width: 100%; } .footer-content .el-form-item .el-form-item__content { width: 95%; } .audio_style .ivu-icon { display: inline-block; width: 20px; height: 20px; box-sizing: border-box; display: flex; align-items: center; justify-content: center; border: 2px solid #d2691e; border-radius: 50%; cursor: pointer; } .audio_style .ivu-icon-ios-play { padding-left: 3px !important; } .ai_audio_style { color: #d2691e; font-size: 18px; float: left; width: 80%; } .ai_audio_style .v-md-editor__toolbar { display: none; } .ai_audio_style .v-md-editor__editor-wrapper { display: none; } .user_position { float: right; text-align: right; word-wrap: break-word; width: 80%; font-size: 16px; } .cls-time-tips { height: 30px; color: gray; padding: 0 50px 0 0; font-size: 14px; text-align: right; } .sceneTable td { padding: 10px 0; } .el-dialog .el-dialog__header { text-align: center; background-color: #409eff; padding: 20px 20px !important; } .el-dialog .el-dialog__header .el-dialog__title { color: #fff !important; } .el-dialog .el-dialog__footer { text-align: center; } .el-dialog__wrapper { background-color: rgba(0, 0, 0, 0.5) !important; } .panel-box .panel-title { font-size: 18px; font-weight: normal; margin-bottom: 20px; padding-left: 10px; line-height: 20px; border-left: 4px solid #00a3ff; } .el-table td, .el-table th.is-leaf { border-bottom: 0px !important; } .avatar-uploader .el-upload[data-v-67f8464c] { border: 1px dashed #d9d9d9; border-radius: 6px; cursor: pointer; position: relative; overflow: hidden; } .avatar-uploader .el-upload[data-v-67f8464c]:hover { border-color: #20a0ff; } .avatar-uploader-icon[data-v-67f8464c] { font-size: 28px; color: #8c939d; width: 100px; height: 100px; line-height: 100px; text-align: center; border: 1px dashed #bfcbd9; border-radius: 10px; } .avatar[data-v-67f8464c] { width: 100px; height: 100px; display: block; } .avatarImg[data-v-67f8464c] { width: 100px; height: 100px; display: block; background-repeat: no-repeat; background-size: 100% 100%; border: 1px dashed #d9d9d9; border-radius: 6px; } .avatarImg[data-v-67f8464c]:hover { border-color: #20a0ff; } .avatarImg a[data-v-67f8464c] { color: red; font-size: 16px; position: absolute; top: 0px; right: 0px; } .el-icon-delete[data-v-67f8464c] { position: absolute; right: 10px; top: 0; font-size: 12px; color: #48576a; display: none; } .instructions[data-v-67f8464c] { cursor: pointer; height: 36px; width: 300px; text-align: center; line-height: 36px; border: 1px solid #bfcbd9; border-radius: 4px; color: #555555; } .instructions-dialog[data-v-67f8464c] .el-dialog__header { text-align: center; } .instructions-dialog[data-v-67f8464c] .el-dialog--small { width: 35%; } .marBom[data-v-67f8464c] { margin-bottom: 20px; } .role-item[data-v-67f8464c] { width: 350px; border: 1px solid; padding: 0px 10px; } .role-list[data-v-67f8464c] { display: flex; align-items: flex-end; } [data-v-633b4e92] .textLength .el-form-item__content { width: 500px; word-wrap: break-word; } .marBom[data-v-633b4e92] { margin-bottom: 20px; } .role-item[data-v-633b4e92] { width: 350px; border: 1px solid; padding: 0px 10px; } .role-list[data-v-633b4e92] { display: flex; align-items: flex-end; } .el-dialog .el-dialog__header[data-v-f0f3b958] { text-align: center; background-color: #409eff; padding: 20px 20px !important; } .el-dialog .el-dialog__header .el-dialog__title[data-v-f0f3b958] { color: #fff !important; } .el-dialog .el-dialog__footer[data-v-f0f3b958] { text-align: center; } .el-dialog__wrapper[data-v-f0f3b958] { background-color: rgba(0, 0, 0, 0.5) !important; } .panel-box .panel-title[data-v-f0f3b958] { font-size: 18px; font-weight: normal; margin-bottom: 20px; padding-left: 10px; line-height: 20px; border-left: 4px solid #00a3ff; } .el-table td[data-v-f0f3b958], .el-table th.is-leaf[data-v-f0f3b958] { border-bottom: 0px !important; } .dialog_select_agent .el-dialog--small { top: 5% !important; width: 60%; } .dialog_select_agent .el-dialog .el-dialog__header { text-align: center; background-color: #409eff; padding: 20px 20px !important; } .mode-box .mode-title[data-v-d0e58340] { font-size: 18px; font-weight: normal; padding-left: 10px; line-height: 20px; border-left: 4px solid #00a3ff; } .mode-title2[data-v-d0e58340] { font-size: 14px; font-weight: normal; padding-left: 10px; line-height: 20px; margin-left: 30px; border-left: 4px solid #00a3ff; } .selected-scene[data-v-d0e58340] { display: inline-block; border: 1px solid #aaa; border-radius: 5px; padding: 0px 5px; font-size: 13px; background-color: #ccc; } .age-box[data-v-d0e58340] { width: 500px; } .age-box span[data-v-d0e58340] { display: inline-block; width: 50px; height: 30px; line-height: 30px; margin-right: 8px; margin-bottom: 3px; text-align: center; font-size: 13px; border-radius: 4px; cursor: pointer; } .age-box .default[data-v-d0e58340] { background-color: #fff; color: #000; border: 1px solid #ddd; } .age-box .primary[data-v-d0e58340] { background-color: #00a3ff; color: #fff; border: 1px solid #00a3ff; } .el-button--primary[data-v-d0e58340] { color: #fff; background-color: #20a0ff !important; border-color: #20a0ff !important; } [data-v-d0e58340] .el-input-number--small .el-input-number__decrease { left: 0; border-left: none; border-right: 1px solid #bfcbd9; } [data-v-d0e58340] .el-input-number .el-input__inner { padding-left: 30px; padding-right: 30px; text-align: center; } .el-icon-arrow-left[data-v-d0e58340] { font-size: 20px; margin-right: 10px; cursor: pointer; } .el-button--text[data-v-d0e58340] { font-size: 14px; color: #606266; } .el-button--text[data-v-d0e58340]:hover { background: none; } .el-dialog .el-dialog__header[data-v-6693f424] { text-align: center; background-color: #409eff; padding: 20px 20px !important; } .el-dialog .el-dialog__header .el-dialog__title[data-v-6693f424] { color: #fff !important; } .el-dialog .el-dialog__footer[data-v-6693f424] { text-align: center; } .el-dialog__wrapper[data-v-6693f424] { background-color: rgba(0, 0, 0, 0.5) !important; } .panel-box .panel-title[data-v-6693f424] { font-size: 18px; font-weight: normal; margin-bottom: 20px; padding-left: 10px; line-height: 20px; border-left: 4px solid #00a3ff; } .el-table td[data-v-6693f424], .el-table th.is-leaf[data-v-6693f424] { border-bottom: 0px !important; } .main-box .mode-title[data-v-6693f424] { font-size: 18px; font-weight: normal; padding-left: 10px; line-height: 20px; } body[data-v-a0fc77c0],html[data-v-a0fc77c0]{height:100%}.apps-list[data-v-a0fc77c0]{max-height:80vh;overflow:hidden;overflow-y:auto;text-align:center;padding:20px 0;background-color:#e5e9f4;font-size:14px}.side-bar[data-v-a0fc77c0] .el-menu-item-group__title{padding-top:0px !important} .logo-bg { padding: 0 !important; } .el-tabs__header { border-bottom: none !important; padding: 0; position: relative; margin: 0 0 0 0; } .el-tabs__item { color: #333; } .is-active { color: #20a0ff; } .el-tabs__nav-wrap::after { background-color: #fff !important; } .el-header { padding: 0 !important; } #header[data-v-3fe6b786]{min-height:60px;border-bottom:1px solid #e6e6e6}.logo[data-v-3fe6b786]{background-color:#00a3ff;font-weight:normal;font-size:22px}.logo a[data-v-3fe6b786]{display:block;text-align:center;height:60px;line-height:60px;overflow:hidden;color:#fff}.logo a img[data-v-3fe6b786]{width:90%}.user-wrap[data-v-3fe6b786]{display:flex;flex-direction:row-reverse;justify-content:space-between;width:100%;padding:0px 0}.nav[data-v-3fe6b786]{height:100%;font-size:14px;box-sizing:border-box;width:85%;position:relative;top:10px}.nav ul[data-v-3fe6b786]{width:100%}.nav ul li[data-v-3fe6b786]{float:left;padding:0 30px;font-size:14px}.nav ul li a[data-v-3fe6b786]{display:block}.nav ul li a.router-link-active[data-v-3fe6b786]{color:#00a3ff}.nav ul li.item-dropdown[data-v-3fe6b786]{line-height:40px;padding:10px 30px}.nav ul li.item-dropdown .el-dropdown-link[data-v-3fe6b786]{cursor:pointer}.userSmallWidth[data-v-3fe6b786]{width:73% !important}.user-box[data-v-3fe6b786]{font-size:14px;line-height:60px;height:100%}.user-box span[data-v-3fe6b786]{margin:0px 5px}.linka[data-v-3fe6b786]{cursor:pointer}.flex[data-v-3fe6b786]{display:flex;margin-right:0 !important}