.course-notes[data-v-0ba6182c]{height:100%;width:100%;display:flex;flex-wrap:wrap;overflow-y:auto}.course-notes .catalog-box[data-v-0ba6182c]{width:250px;display:flex;flex-direction:column;border-right:1px solid #f0f1f3;height:100%}.course-notes .catalog-box .note-list[data-v-0ba6182c]{padding:5px;flex:1;overflow:auto}.course-notes .catalog-box .note-box[data-v-0ba6182c]:hover{background:#f1fafa}.course-notes .catalog-box .note-box[data-v-0ba6182c]:first-child{margin-top:0}.course-notes .catalog-box .note-box[data-v-0ba6182c]:last-child{margin-bottom:0}.course-notes .catalog-box .note-box[data-v-0ba6182c]{height:100px;width:230px;border:1px solid #10a6b4;margin:10px 0;border-radius:4px;padding:5px;cursor:pointer}.course-notes .catalog-box .note-box .note-header[data-v-0ba6182c]{width:100%;padding-bottom:5px}.course-notes .catalog-box .note-box .note-title[data-v-0ba6182c]{width:100%;display:inline-block;font-weight:700;color:#10a6b4;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.course-notes .catalog-box .now-check-box[data-v-0ba6182c]{box-shadow:0 0 2px 2px #10a6b4}.course-notes .catalog-box .note-explain[data-v-0ba6182c]{width:100%;height:53px;text-overflow:-o-ellipsis-lastline;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;letter-spacing:2px}.course-notes .catalog-box .note-manage[data-v-0ba6182c]{padding-top:2px;display:flex;width:100%;font-size:12px;justify-content:space-between}.course-notes .catalog-box .note-manage .note-time[data-v-0ba6182c]{color:silver}.course-notes .catalog-box .note-manage .note-manage-button[data-v-0ba6182c]{padding-right:5px;cursor:pointer;color:red}.course-notes .catalog-box .add-note-button[data-v-0ba6182c]{margin-right:10px}.course-notes .right-content[data-v-0ba6182c]{padding:10px;height:100%;position:relative;flex:1;display:flex;flex-direction:column;z-index:1}.course-notes .right-content .content-header[data-v-0ba6182c]{display:flex;height:50px;justify-content:space-between;margin-bottom:10px;align-items:center;flex-wrap:wrap}.course-notes .right-content .note-update-time[data-v-0ba6182c]{font-size:12px;color:#10a6b4}.course-notes .right-content .note-title-input[data-v-0ba6182c]{align-items:center;font-size:15px;font-weight:700;display:flex}.course-notes .right-content[data-v-0ba6182c] .el-input__inner{padding-right:50px}