.df[data-v-590507a1]{display:flex}.task-container[data-v-590507a1]{color:#27272a;font-family:PingFang SC;padding:20px}.task-container .task-header[data-v-590507a1]{align-items:center;justify-content:space-between}.task-container .task-header .task-tabs .tabs-item[data-v-590507a1]{background-color:#fff;border:1px solid #0069ab;border-radius:16px;color:#0069ab;cursor:pointer;font-size:13px;height:32px;line-height:32px;margin-right:18px;text-align:center;transition:all .2s ease-in-out;width:123px}.task-container .task-header .task-tabs .tabs-active[data-v-590507a1]{background-color:#0069ab;color:#fff}.task-container .task-header .task-group[data-v-590507a1]{align-items:center;gap:24px;justify-content:space-around;width:40%}.task-container .task-header .task-group .group-sort[data-v-590507a1]{gap:12px}.task-container .task-header .task-group .group-sort img[data-v-590507a1]{height:20px;width:20px}.task-container .task-header .group-search[data-v-590507a1]{width:216px}.task-container .task-content[data-v-590507a1]{max-height:650px;overflow:hidden;overflow-y:auto;padding-top:24px}.task-container .task-content .task-chapter[data-v-590507a1]{margin-bottom:12px;width:100%}.task-container .task-content .task-chapter .chapter-title[data-v-590507a1]{align-items:center;background-color:#ecf6fd;border:1px solid #c5e3f8;border-radius:12px;display:flex;height:44px;padding-left:38px;width:100%}.task-container .task-content .task-chapter .chapter-title .chapter-num[data-v-590507a1]{color:#7a7a83}.task-container .task-content .task-chapter .task-list[data-v-590507a1]{flex-direction:column;gap:12px;padding-top:12px}.task-container .task-content .task-chapter .task-list .task-item[data-v-590507a1]{align-items:center;border:1px solid rgba(26,26,26,.08);border-radius:6px;height:69px;justify-content:space-between;width:100%}.task-container .task-content .task-chapter .task-list .task-item.ongoing[data-v-590507a1]{border-left:3px solid #ff6565}.task-container .task-content .task-chapter .task-list .task-item.complete[data-v-590507a1]{border-left:3px solid #0069ab}.task-container .task-content .task-chapter .task-list .task-item.again[data-v-590507a1]{border-left:3px solid #14b8a5}.task-container .task-content .task-chapter .task-list .task-item.unstart[data-v-590507a1]{border-left:3px solid #d0d0d4}.task-container .task-content .task-chapter .task-list .task-item .item-left[data-v-590507a1]{padding-left:13px}.task-container .task-content .task-chapter .task-list .task-item .item-left .task-title[data-v-590507a1]{display:-webkit-box;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-weight:700;margin-bottom:6px}.task-container .task-content .task-chapter .task-list .task-item .item-left .task-title .task-last[data-v-590507a1]{background-color:#936c3e;border-radius:2px;color:#fff;font-size:13px;line-height:20px;margin-right:6px;padding:2px 4px;text-align:center}.task-container .task-content .task-chapter .task-list .task-item .item-left .task-date[data-v-590507a1]{color:#a1a1aa;font-size:12px}.task-container .task-content .task-chapter .task-list .task-item .item-right[data-v-590507a1]{align-items:center}.task-container .task-content .task-chapter .task-list .task-item .task-count[data-v-590507a1]{color:#7a7a83;font-size:12px}.task-container .task-content .task-chapter .task-list .task-item .task-btn[data-v-590507a1]{border-radius:15px;color:#fff;cursor:pointer;font-size:13px;height:30px;line-height:30px;margin:0 16px;text-align:center;width:72px}.task-container .task-content .task-chapter .task-list .task-item .task-btn.ongoing[data-v-590507a1]{background-color:#fb657c}.task-container .task-content .task-chapter .task-list .task-item .task-btn.complete[data-v-590507a1]{background-color:#ecf6fd;color:#0069ab}.task-container .task-content .task-chapter .task-list .task-item .task-btn.again[data-v-590507a1]{background-color:#14b8a5}.task-container .task-content .task-chapter .task-list .task-item .task-btn.unstart[data-v-590507a1]{background-color:#f4f4f5;color:#52525b}.task-container .task-content .task-chapter .task-list .task-item .task-guoqi[data-v-590507a1]{height:60px;width:60px}