.task-list .task-item{background-color:#fff;border-radius:8px;cursor:pointer;display:-ms-flexbox;display:flex;-ms-flex-align:start;align-items:flex-start;padding:8px 16px 8px 8px;border-bottom:1px solid #f5f6fa;box-shadow:0 2px 3px 0 rgb(17 17 4.25%);overflow:hidden;position:relative}.task-list .task-item:after{content:"";left:0;position:absolute;top:0;height:100%;width:0;transition:width 218ms ease-in;background-color:#999;z-index:10}.task-list .task-item:hover:after{width:8px}.task-list .task-item:hover .left-box{background:#f7f7fc}.task-list .task-item:hover .task-content-title{color:#005eff}.task-list .task-item.accomplish{opacity:.56}.task-list .left-box{position:relative;line-height:18px;font-size:14px;font-weight:500;height:36px;border-radius:8px}.task-list .right-box{-ms-flex:1;flex:1;min-width:0}.task-list .task-content{padding-top:7px;padding-bottom:0;position:relative;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;height:26px}.task-list .task-content-header{-ms-flex:1;flex:1;min-width:0;display:-ms-flexbox;display:flex}.task-list .task-content-title{color:#1b1b4e}.task-list .task-content-ptitle{margin-left:24px;color:#a0a3bd}.task-list .task-content-date{margin-right:10px;margin-left:8px}.task-list .task-content-remind{margin-right:10px;font-size:20px}.task-list .task-content-member{height:26px;vertical-align:middle;line-height:24px;border-radius:13px}.task-list .task-detail{padding-top:10px;min-width:0;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.task-list .task-detail-okr{border-radius:12px;background:#3068ff;font-weight:700;padding:0 10px;color:#fff;margin-right:24px;height:24px;line-height:23px}.task-list .task-detail-kr{color:#3a78f6;padding-right:9px}.task-list .task-detail-step{font-size:14px;color:#444558;padding:0 8px 0 0;margin-right:40px;display:block}.task-list .task-ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}