.folder{list-style:none;display:-webkit-box;display:-ms-flexbox;display:flex;height:30px;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-size:13px;margin-bottom:8px;color:#666;cursor:pointer}.folder:first-child{margin-bottom:8px;border-bottom:1px solid #e5e5e5}.folder.active{color:#ee4d2d}.notification-menu{display:block;padding:12px 16px;background:#fff;min-height:294px}.notification-content-container{background:#fff;padding:20px 24px 24px}.notification-content-container .header{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;border-bottom:1px solid #e5e5e5;padding-bottom:20px}.notification-content-container .title{font-size:22px;color:#333;height:32px;line-height:32px;font-weight:500}.notification-list{background:#fff;padding:20px 24px 24px}.notification-item{margin-top:16px;padding-bottom:15px;border-bottom:1px solid #e5e5e5;cursor:pointer}.notification-item .summary{font-size:14px;color:#666;line-height:18px;margin-bottom:8px;width:100%;word-break:break-all}.notification-item .title{font-size:16px;color:#333;margin-bottom:8px;font-weight:500;width:100%;word-break:break-all}.notification-item.unread,.notification-item.unread .summary,.notification-item.unread .title{color:#ee4d2d}.notification-item:hover,.notification-item:hover .summary,.notification-item:hover .title{color:#409eff}.notification-meta{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}