.pa[data-v-36ffb1a2]{position:absolute}.pr[data-v-36ffb1a2]{position:relative}.create-modal[data-v-36ffb1a2] .ivu-modal-close{display:none}.create-modal[data-v-36ffb1a2] .ivu-modal-body{top:70px}.header[data-v-36ffb1a2]{justify-content:space-between;z-index:999}.header .arrow-back[data-v-36ffb1a2],.header[data-v-36ffb1a2]{display:flex;align-items:center}.header .arrow-back .arrow-icon[data-v-36ffb1a2]{font-size:25px;cursor:pointer}.header .arrow-back>span[data-v-36ffb1a2]{font-size:18px;color:#464c5b;font-weight:600;margin-left:5px}.header .modal-btn button[data-v-36ffb1a2]{height:42px;margin-left:20px}.modal-content[data-v-36ffb1a2]{padding:0 20px}.modal-content>.hint-box[data-v-36ffb1a2]{font-size:14px;color:#80838e;font-weight:400}.modal-content .forms[data-v-36ffb1a2]{margin-top:10px;display:flex;flex-wrap:wrap}.modal-content .forms .flex-item[data-v-36ffb1a2]{width:30.5%;margin-right:4.25%}.modal-content .forms .flex-item[data-v-36ffb1a2]:nth-child(3n){margin-right:0}.modal-content .forms .flex-item[data-v-36ffb1a2] .ivu-form-item-label{width:100%;text-align:left}.modal-content .forms .flex-item .teacher-list[data-v-36ffb1a2]{width:100%;display:flex;flex-wrap:wrap}.modal-content .forms .flex-item .teacher-list>li[data-v-36ffb1a2]{margin-right:8px}.modal-content .forms .flex-item .teacher-list>li[data-v-36ffb1a2]:last-child{margin-right:0}.modal-content .forms .flex-item .teacher-list .user[data-v-36ffb1a2]{margin:4px 7px 4px 0}.modal-content .forms .flex-item .teacher-list .add-button[data-v-36ffb1a2]{padding:3px 12px;background:#fff;border:1px solid #2d8cf0;border-radius:4px;font-size:16px;color:#2d8cf0;font-weight:400;cursor:pointer}.modal-content .forms .flex-item .teacher-list .more-item .more-text[data-v-36ffb1a2],.modal-content .forms .flex-item .teacher-list .teacher-item[data-v-36ffb1a2]{padding:3px 12px;background:#f7f8fd;border-radius:4px;font-size:16px;color:#464c5b;font-weight:400}.modal-content .forms .flex-item .teacher-list .more-item .more-text[data-v-36ffb1a2]{width:100%;height:100%;cursor:pointer}.modal-content .forms .flex-item .label-hint[data-v-36ffb1a2]{font-size:12px;color:rgba(0,0,0,.4);font-weight:400;margin-left:8px}.modal-content .forms .flex-item .preview-box[data-v-36ffb1a2]{width:213px;height:120px;position:relative;display:flex;align-items:center;justify-content:center;background:#f6f7fc}.modal-content .forms .flex-item .preview-box>img[data-v-36ffb1a2]{max-width:100%;max-height:100%}.modal-content .forms .flex-item .preview-box>.mask[data-v-36ffb1a2]{width:100%;height:100%;position:absolute;top:0;left:0;background:rgba(0,0,0,.4);display:flex;align-items:center;justify-content:center;opacity:0;transition:.3s}.modal-content .forms .flex-item .preview-box>.mask .icon-box[data-v-36ffb1a2]{display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;cursor:pointer}.modal-content .forms .flex-item .preview-box>.mask .icon-box[data-v-36ffb1a2]:first-child{margin-right:12px}.modal-content .forms .flex-item .preview-box>.mask .icon-box>span[data-v-36ffb1a2]{margin-top:5px;height:12px;line-height:12px;font-size:12px;color:#fff;font-weight:400}.modal-content .forms .flex-item .preview-box>.mask .icon-box>input[data-v-36ffb1a2]{width:100%;height:100%;position:absolute;top:0;left:0;opacity:0;z-index:7;cursor:pointer}.modal-content .forms .flex-item .preview-box:hover>.mask[data-v-36ffb1a2]{opacity:1;transition:.3s}.modal-content .forms .flex-item .file-list .file-item[data-v-36ffb1a2]{display:flex;align-items:center;width:100%;margin:10px 6% 0 0;padding:8px 12px;transition:.3s}.modal-content .forms .flex-item .file-list .file-item[data-v-36ffb1a2]:nth-child(2n){margin-right:0}.modal-content .forms .flex-item .file-list .file-item .type-icon[data-v-36ffb1a2]{height:24px;margin-right:8px;flex-shrink:0}.modal-content .forms .flex-item .file-list .file-item>.file-name[data-v-36ffb1a2]{word-break:break-all;font-size:16px;color:#464c5b;font-weight:400;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}.modal-content .forms .flex-item .file-list .file-item .operate-box[data-v-36ffb1a2]{display:none;align-items:center;margin-left:auto}.modal-content .forms .flex-item .file-list .file-item .operate-box>.icons[data-v-36ffb1a2]{margin-right:18px;font-size:20px;cursor:pointer}.modal-content .forms .flex-item .file-list .file-item .operate-box>.icons[data-v-36ffb1a2]:last-child{margin-right:0}.modal-content .forms .flex-item .file-list .file-item[data-v-36ffb1a2]:hover{background:#f7f8fd;border-radius:4px;transition:.3s}.modal-content .forms .flex-item .file-list .file-item:hover .operate-box[data-v-36ffb1a2]{display:flex}