.with-boxshadow[data-v-34495e4f]{cursor:pointer}.with-boxshadow[data-v-34495e4f]:hover{box-shadow:0 2px 12px 0 #e0e0f2}.text-overflow[data-v-34495e4f]{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.container[data-v-34495e4f]{height:100%;overflow:auto}ul[data-v-34495e4f]{overflow:auto;list-style:none;margin-top:8px}ul li[data-v-34495e4f]{margin:0 16px;position:relative;padding:4px;padding:16px 8px;border-bottom:1px solid #ddd}ul li[data-v-34495e4f]:hover{background-color:#f5f6fa}ul li img[data-v-34495e4f]{width:48px;margin-right:12px;border-radius:50%}ul li .red-hot[data-v-34495e4f]{width:8px;height:8px;border-radius:50%;position:absolute;left:48px;top:16px;background-color:red}ul li .title[data-v-34495e4f]{white-space:nowrap;display:block;overflow:hidden;text-overflow:ellipsis;font-size:12px;color:#2a2a34;margin-bottom:4px}ul li .title.time[data-v-34495e4f]{color:#a1a1bb}ul li .title .todo-link[data-v-34495e4f]{margin-left:8px;color:#f15d73;cursor:pointer}.with-boxshadow[data-v-6cf25da1]{cursor:pointer}.with-boxshadow[data-v-6cf25da1]:hover{box-shadow:0 2px 12px 0 #e0e0f2}.text-overflow[data-v-6cf25da1]{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.right-bottom[data-v-6cf25da1]{background-color:#fff;border-radius:8px}.right-bottom .inner[data-v-6cf25da1]{height:100%}.right-bottom .inner .left[data-v-6cf25da1]{width:120px;height:100%;padding:0 16px;border-right:1px solid #ddd}.right-bottom .inner .left .botton[data-v-6cf25da1]{width:120px;line-height:32px;margin:16px auto;text-align:center;border-radius:4px;font-size:13px;color:#2a2a34;cursor:pointer}.right-bottom .inner .left .botton.active[data-v-6cf25da1],.right-bottom .inner .left .botton[data-v-6cf25da1]:hover{background-color:#dfe0f2}.right-bottom .inner .content[data-v-6cf25da1]{margin-left:152px;height:100%}