.noteContainer[data-v-f093c2d4]{width:93%;background:#fff;box-shadow:0 0 12px 1px rgba(51,44,42,.29);border-radius:11px;padding:30px}.noteContainer .note-list[data-v-f093c2d4]{padding:0 18px}.noteContainer .note-list .note-item[data-v-f093c2d4]{position:relative;padding:20px 0;border-bottom:1px solid #d9dde1}.noteContainer .note-list .note-item[data-v-f093c2d4]:last-child{border-bottom:none}.noteContainer .note-list .note-item .user[data-v-f093c2d4]{display:flex;align-items:center;margin-bottom:10px}.noteContainer .note-list .note-item .user img[data-v-f093c2d4]{width:48px;border-radius:100px;height:48px}.noteContainer .note-list .note-item .user .info[data-v-f093c2d4]{margin-left:12px}.noteContainer .note-list .note-item .user .info .username[data-v-f093c2d4]{height:24px;color:#1c1f21;line-height:24px;font-weight:600}.noteContainer .note-list .note-item .user .info .time[data-v-f093c2d4]{color:#9199a1;font-size:12px;line-height:24px;font-weight:400}.noteContainer .note-list .note-item .user .video-time[data-v-f093c2d4]{margin-left:auto;background:rgba(84,92,99,.1);border-radius:100px;padding:4px 14px;display:flex;align-items:center;transition:all .2s}.noteContainer .note-list .note-item .user .video-time .video_circle[data-v-f093c2d4]{color:#d3d6d9;transition:all .2s}.noteContainer .note-list .note-item .user .video-time .collect-time[data-v-f093c2d4]{color:#545c63;font-size:12px;font-style:normal;margin-left:6px;transition:all .2s}.noteContainer .note-list .note-item .note-content[data-v-f093c2d4]{padding-left:60px;word-break:break-all;margin-bottom:20px;overflow:hidden;color:#14191e;line-height:1.76em;font-size:14px}.noteContainer .note-list .note-item .bottom[data-v-f093c2d4]{display:flex;align-items:center;justify-content:space-between;padding-left:60px}.noteContainer .note-list .note-item .bottom .left[data-v-f093c2d4]{color:#9199a1;font-size:14px}.noteContainer .note-list .note-item .bottom .left span[data-v-f093c2d4]:nth-child(2),.noteContainer .note-list .note-item .bottom .left span[data-v-f093c2d4]:nth-child(3){margin-left:16px}.noteContainer .note-list .note-item .bottom .left span .to-chapter[data-v-f093c2d4]{display:inline-block;max-width:370px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;vertical-align:bottom;color:#9199a1}.noteContainer .note-list .note-item .bottom .rights button[data-v-f093c2d4]{float:left;padding:8px 12px;color:#93999f;background-color:transparent;border-radius:2px;border:1px solid #d9dde1;cursor:pointer;transition:all .2s;opacity:0}.noteContainer .note-list .note-item .bottom .rights button i[data-v-f093c2d4]{line-height:16px;margin-right:4px}.noteContainer .note-list .note-item .bottom .rights button[data-v-f093c2d4]:hover{color:#4d555d;background-color:#d9dde1}.noteContainer .note-list .note-item:hover .rights button[data-v-f093c2d4]{opacity:1}