.tool-intro[data-v-b0cd055a]{min-height:360px}.tool-intro .img-class[data-v-b0cd055a]{height:120px;border:1px solid #ddd}.tool-intro .title[data-v-b0cd055a]{margin:10px 0;height:30px;font-size:16px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.tool-intro .title b[data-v-b0cd055a]{display:inline-block;color:#fff;padding:5px;width:60px;border-radius:15px;border:1px solid #ddd;background:#5797fe;text-align:center}.tool-intro .title span[data-v-b0cd055a]{margin-left:10px}.tool-intro .item[data-v-b0cd055a]{font-size:18px;color:#f99305;font-weight:700}.tool-intro .tab-container[data-v-b0cd055a]{-webkit-box-shadow:0 0 0 #ccc;box-shadow:0 0 0 #ccc;border-radius:10px;border:none;margin:20px 0}.tool-intro .tab-container[data-v-b0cd055a] .el-tabs__header{background:#fff;border:none;margin-bottom:-1px}.tool-intro .tab-container[data-v-b0cd055a] .el-tabs__header .el-tabs__nav .el-tabs__item{border:none;background:#3688f6;border-top-left-radius:10px;border-top-right-radius:10px;color:#fff}.tool-intro .tab-container[data-v-b0cd055a] .el-tabs__content{border:2px solid #a3c3ff;background:#dfeaff}.tool-intro .tab-container .img-container[data-v-b0cd055a]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.tool-intro .tab-container .img-container .img-item[data-v-b0cd055a]{height:120px;-webkit-box-flex:1;-ms-flex:1;flex:1;margin:0 5px}.tool[data-v-717eee19]{width:100%;height:calc(100vh - 110px)}.tool .iframe[data-v-717eee19]{width:100%;height:100%;border:0;overflow:hidden;-webkit-box-sizing:border-box;box-sizing:border-box}.tool-container .title[data-v-ef737b64]{margin-bottom:10px;padding:5px 0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.tool-container .title .search-input[data-v-ef737b64]{width:310px}.tool-container .title .el-select[data-v-ef737b64]{margin-left:45px;width:180px}.tool-container .title .el-select[data-v-ef737b64] input{border-color:#b5d3f7}.tool-container .title .el-select[data-v-ef737b64] i{color:#3b84f3}.tool-container .container-box[data-v-ef737b64]{-webkit-box-sizing:border-box;box-sizing:border-box;height:calc(100vh - 140px);overflow:hidden;padding:0 31px}.tool-container .container-box-list[data-v-ef737b64]{-webkit-box-sizing:border-box;box-sizing:border-box;height:calc(100% - 60px)}.tool-container .container-box-list .no-tool[data-v-ef737b64]{-webkit-box-sizing:border-box;box-sizing:border-box;width:100%;height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.tool-container .container-box[data-v-ef737b64] .el-col{margin-bottom:17px}.tool-container .container-box[data-v-ef737b64] .el-row{margin-left:0!important;margin-right:0!important}.tool-container .container-box .item-box[data-v-ef737b64]{border:1px solid #ddd;text-align:center;width:230px;height:180px;border-radius:6px;overflow:hidden;-webkit-box-sizing:border-box;box-sizing:border-box;background:#d9ebff;padding:9px 4px}.tool-container .container-box .item-box .item-img[data-v-ef737b64]{margin:0 5px;width:calc(100% - 10px);height:calc(100% - 45px);-webkit-box-sizing:border-box;box-sizing:border-box;position:relative;border-radius:4px;overflow:hidden;cursor:pointer}.tool-container .container-box .item-box .item-img img[data-v-ef737b64]{width:100%;height:180px}.tool-container .container-box .item-box .item-img .div-covel[data-v-ef737b64]{background:#fff;opacity:.6}.tool-container .container-box .item-box .item-img .img-covel[data-v-ef737b64]{position:absolute;top:calc(50% - 25px);left:calc(50% - 25px);font-size:50px;color:#429eff}.tool-container .container-box .item-box .item-title[data-v-ef737b64]{margin:5px 0;height:45px;-webkit-box-sizing:border-box;box-sizing:border-box;background:#fff;border-radius:0 0 6px 6px}.tool-container .container-box .item-box .item-title .item-btn[data-v-ef737b64]{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-pack:distribute;justify-content:space-around;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:45px}.tool-container .container-box .item-box .item-title .item-btn span[data-v-ef737b64]{width:100px;height:34px;border-radius:6px;background:#429eff;color:#fff;display:inline-block;text-align:center;line-height:34px;cursor:pointer}.tool-container .container-box .item-box .item-title .item-btn span[data-v-ef737b64]:active{opacity:.8}.tool-container .container-box .item-box .item-title .item-tt[data-v-ef737b64]{width:100%;height:100%;line-height:45px;text-align:center;font-size:16px;color:#333;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.title-btn[data-v-ef737b64]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-size:16px;cursor:pointer}.title-btn i[data-v-ef737b64]{font-size:20px;margin-right:10px}.tool-dialog[data-v-89c066e6] .el-dialog__body{padding:20px}.tool-dialog .content[data-v-89c066e6]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.interact-card[data-v-21fb1649]{-webkit-box-sizing:border-box;box-sizing:border-box;width:100%;position:relative;background:#fff;cursor:pointer;border:2px solid #edf2fc;-webkit-transition:border .3s;transition:border .3s;padding:0 30px}.interact-card.is-checked[data-v-21fb1649],.interact-card[data-v-21fb1649]:hover{border:2px solid #0084ff!important}.interact-card:hover .card-add-material[data-v-21fb1649],.interact-card:hover .card-handle[data-v-21fb1649]{display:block}.interact-card:hover .card-add-comment[data-v-21fb1649]{opacity:1}.interact-card.is-locked[data-v-21fb1649]{border:2px solid #edf2fc;cursor:not-allowed}.interact-card.is-locked[data-v-21fb1649]:after{content:"";-webkit-box-sizing:border-box;box-sizing:border-box;width:100%;height:100%;position:absolute;top:0;left:0;background-color:transparent;z-index:10}.interact-card.is-locked[data-v-21fb1649]:hover{border:2px solid #edf2fc!important}.interact-card.is-locked:hover .card-handle[data-v-21fb1649]{display:none}.interact-card .card-index[data-v-21fb1649]{-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;min-width:26px;padding:0 3px;text-align:center;height:16px;background:rgba(7,185,185,.5);font-size:12px;font-family:Sans Medium;font-weight:500;color:#fff;border-bottom-left-radius:4px;border-bottom-right-radius:4px}.interact-card .card-index[data-v-21fb1649],.interact-card .show-hide[data-v-21fb1649]{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.interact-card .show-hide[data-v-21fb1649]{margin-left:16px;position:absolute;right:10px;top:10px;z-index:10}.interact-card .show-hide>span[data-v-21fb1649]{font-size:14px;font-family:Sans Regular;color:#2c3645;font-weight:400;margin-right:8px}.interact-card .card-title[data-v-21fb1649]{-webkit-box-sizing:border-box;box-sizing:border-box;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-top:10px}.interact-card .card-title>input[data-v-21fb1649]{height:15px;font-size:14px;font-family:Sans Regular;font-weight:500;color:#2c3645}.interact-card .card-title>.text[data-v-21fb1649]{font-size:14px;font-family:Sans Regular;font-weight:500;color:#2c3645;padding-left:6px;cursor:text}.interact-card .card-content[data-v-21fb1649]{-webkit-box-sizing:border-box;box-sizing:border-box;width:100%;height:100%;padding:14px 0 14px 0;display:-webkit-box;display:-ms-flexbox;display:flex}.interact-card .card-content .interact-entry[data-v-21fb1649]{-webkit-box-sizing:border-box;box-sizing:border-box;width:88px;-webkit-box-flex:0;-ms-flex-positive:0;flex-grow:0;-ms-flex-negative:0;flex-shrink:0;border-radius:2px;cursor:pointer}.interact-card .card-content .interact-entry .init[data-v-21fb1649]{display:-webkit-box;display:-ms-flexbox;display:flex;width:100%;height:88px;background-color:#ebedf1;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.interact-card .card-content .interact-entry .init .add[data-v-21fb1649]{color:#5f7292;font-size:16px;margin-bottom:5px}.interact-card .card-content .interact-entry .init>span[data-v-21fb1649]{font-size:14px;font-family:Sans Regular;color:#5f7292}.interact-card .card-content .interact-entry .fill-cont[data-v-21fb1649]{-webkit-box-sizing:border-box;box-sizing:border-box;width:100%;height:88px;position:relative}.interact-card .card-content .interact-entry .fill-cont:hover .mask[data-v-21fb1649]{opacity:1}.interact-card .card-content .interact-entry .fill-cont>img[data-v-21fb1649]{-webkit-box-sizing:border-box;box-sizing:border-box;width:100%;height:100%;-o-object-fit:fill;object-fit:fill;border-radius:2px}.interact-card .card-content .interact-entry .fill-cont .mask[data-v-21fb1649]{position:absolute;top:0;left:0;z-index:100;border-radius:2px;width:100%;height:100%;background-color:rgba(0,0,0,.55);text-align:center;line-height:88px;font-size:14px;font-family:Sans Regular;color:#fff;opacity:0;-webkit-transition:all .3s;transition:all .3s}.interact-card .card-content .interact-entry .fill-cont .mask .play[data-v-21fb1649]{font-size:28px}.interact-card .card-content .interact-entry .fill-name[data-v-21fb1649]{-webkit-box-sizing:border-box;box-sizing:border-box;text-align:center;font-size:14px;font-family:Sans Regular;color:#2c3645;padding:5px 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.interact-card .card-content .interact-desc[data-v-21fb1649]{-webkit-box-sizing:border-box;box-sizing:border-box;width:100%;cursor:text}.interact-card .card-content .interact-desc[data-v-21fb1649] .course-editor{padding-top:0;padding-left:12px}.interact-card .card-content .interact-desc .preview[data-v-21fb1649]{-webkit-box-sizing:border-box;box-sizing:border-box;padding:0 11px;font-size:14px;min-height:76px;font-family:Sans Regular;color:#333;line-height:1.5;word-break:break-all;overflow:hidden}.interact-card .card-content .interact-desc .preview[data-v-21fb1649] img[data-mce-src]{-o-object-fit:contain;object-fit:contain;max-width:100%;max-height:100%;height:auto}.interact-card .card-content .interact-preview[data-v-21fb1649]{-webkit-box-sizing:border-box;box-sizing:border-box;width:88px;-webkit-box-flex:0;-ms-flex-positive:0;flex-grow:0;-ms-flex-negative:0;flex-shrink:0;border-radius:2px}.interact-card .card-content .interact-preview .fill-cont[data-v-21fb1649]{-webkit-box-sizing:border-box;box-sizing:border-box;width:100%;height:88px;position:relative}.interact-card .card-content .interact-preview .fill-cont:hover .mask[data-v-21fb1649]{opacity:1}.interact-card .card-content .interact-preview .fill-cont>img[data-v-21fb1649]{-webkit-box-sizing:border-box;box-sizing:border-box;width:100%;height:100%;-o-object-fit:fill;object-fit:fill;border-radius:2px}.interact-card .card-content .interact-preview .fill-cont .mask[data-v-21fb1649]{position:absolute;top:0;left:0;z-index:100;border-radius:2px;width:100%;height:100%;background-color:rgba(0,0,0,.55);text-align:center;line-height:88px;font-size:14px;font-family:Sans Regular;color:#fff;opacity:0;-webkit-transition:all .3s;transition:all .3s}.interact-card .card-content .interact-preview .fill-cont .mask .play[data-v-21fb1649]{font-size:28px;font-family:Sans Regular}.interact-card .card-content .interact-preview .fill-name[data-v-21fb1649]{-webkit-box-sizing:border-box;box-sizing:border-box;text-align:center;font-size:14px;font-family:Sans Regular;color:#2c3645;padding:5px 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:default}.interact-card .card-play[data-v-21fb1649]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.interact-card .card-play[data-v-21fb1649] .el-button{font-family:Sans Regular}.interact-card .card-add-material[data-v-21fb1649],.interact-card .card-handle[data-v-21fb1649]{display:none}.interact-card .card-add-comment[data-v-21fb1649]{-webkit-transition-property:opacity;transition-property:opacity;-webkit-transition-duration:.4s;transition-duration:.4s;opacity:0}