.todo_done_container.data-v-fb0c29a5 {
  padding: 30rpx 30rpx 0 30rpx;
}
.todo_done_container .todo_done_container_head_tab.data-v-fb0c29a5 {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.todo_done_container .todo_done_container_head_tab .items.data-v-fb0c29a5 {
  color: #c3c3c3;
  border: 1px solid #c3c3c3;
  border-radius: 100rpx;
  font-size: 24rpx;
  color: #666;
  height: 54rpx;
  line-height: 54rpx;
  width: 140rpx;
  text-align: center;
}
.todo_done_container .todo_done_container_head_tab .active.data-v-fb0c29a5 {
  color: #0082fa;
  border: 1px solid #0082fa;
}
.todo_done_container .todo_done_card.data-v-fb0c29a5 {
  background-color: #f9fafb;
  border-radius: 20rpx;
  padding: 0 30rpx 30rpx 30rpx;
  margin-top: 30rpx;
}
.todo_done_container .todo_done_card .todo_done_card_header.data-v-fb0c29a5 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 30rpx 0 25rpx 0;
}
.todo_done_container .todo_done_card .todo_done_card_header .group_type_btn.data-v-fb0c29a5 {
  display: flex;
  align-items: center;
}
.todo_done_container .todo_done_card .todo_done_card_header .type_btn.data-v-fb0c29a5 {
  border-radius: 100rpx;
  border: 1px solid #eee;
  color: #3d3d3d;
  font-size: 24rpx;
  padding: 8rpx 20rpx;
  margin-right: 16rpx;
}
.todo_done_container .todo_done_card .todo_done_card_header .btn_status.data-v-fb0c29a5 {
  border-radius: 100rpx;
  font-size: 28rpx;
  padding: 7rpx 19rpx;
}
.todo_done_container .todo_done_card .todo_done_card_header .status_Pending.data-v-fb0c29a5 {
  color: #f97316;
  background-color: #fff7ed;
}
.todo_done_container .todo_done_card .todo_done_card_header .status_Processing.data-v-fb0c29a5 {
  color: #0082fa;
  background-color: #edf4ff;
}
.todo_done_container .todo_done_card .todo_done_card_header .status_Completed.data-v-fb0c29a5 {
  color: #22c55e;
  background-color: #f0fdf4;
}
.todo_done_container .todo_done_card .todo_done_card_header .status_Closed.data-v-fb0c29a5 {
  color: #909399;
  background-color: #f3f3f4;
}
.todo_done_container .todo_done_card .todo_done_card_houses_title.data-v-fb0c29a5 {
  display: flex;
  align-items: center;
  font-size: 28rpx;
  font-weight: 500;
  padding: 10rpx 0;
}
.todo_done_container .todo_done_card .todo_done_card_houses_title .item.data-v-fb0c29a5 {
  height: 30rpx;
  line-height: 30rpx;
}
.todo_done_container .todo_done_card .todo_done_card_houses_title .item.data-v-fb0c29a5:last-child {
  padding-left: 20rpx;
  margin-left: 20rpx;
  border-left: 1rpx solid #eee;
}
.todo_done_container .todo_done_card .todo_done_card_content.data-v-fb0c29a5 {
  color: #444;
  font-size: 28rpx;
  padding: 5rpx 0 0 0;
}
.todo_done_container .todo_done_card_attachments.data-v-fb0c29a5 {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  padding-bottom: 30rpx;
  border-bottom: 1rpx solid #eee;
}
.todo_done_container .todo_done_card_attachments .item.data-v-fb0c29a5 {
  width: 140rpx;
  height: 140rpx;
  border-radius: 10rpx;
  background-color: #f8f8f8;
  margin-top: 25rpx;
  margin-right: 25rpx;
  overflow: hidden;
}
.todo_done_container .todo_done_card_attachments .item.data-v-fb0c29a5:nth-child(4n) {
  margin-right: 0;
}
.todo_done_container .todo_done_card_attachments .item image.data-v-fb0c29a5 {
  width: 100%;
  height: 100%;
}
.todo_done_container .todo_done_card .todo_done_card_footer.data-v-fb0c29a5 {
  color: #666666;
  font-size: 28rpx;
  padding: 12rpx 20rpx;
  border-radius: 10rpx;
  color: #24bc21;
  background: linear-gradient(90deg, #edffed 0%, rgba(232, 255, 231, 0) 103%);
  display: flex;
  align-items: center;
  margin: 25rpx 0 0 0;
}
.todo_done_container .todo_done_card .status_1.data-v-fb0c29a5 {
  color: #24bc21;
  background: linear-gradient(90deg, #edffed 0%, rgba(232, 255, 231, 0) 103%);
}
.todo_done_container .todo_done_card .status_2.data-v-fb0c29a5 {
  color: #0082fa;
  background: linear-gradient(90deg, #eff7ff 0%, rgba(231, 241, 255, 0) 103%);
}
.todo_done_container .todo_done_card .status_3.data-v-fb0c29a5 {
  color: #f97316;
  background: linear-gradient(90deg, #fff4ef 0%, rgba(255, 237, 231, 0) 103%);
}
.todo_done_container .todo_done_card .status_4.data-v-fb0c29a5 {
  color: #ea0000;
  background: linear-gradient(90deg, #ffe5e5 0%, rgba(255, 255, 255, 0) 103%);
}
.todo_done_container .todo_done_card .expected_time.data-v-fb0c29a5 {
  padding: 20rpx 0 0 0;
  color: #333;
  font-size: 28rpx;
}
.todo_done_container .card_status_4.data-v-fb0c29a5 {
  border-top: 6px solid #ef4444;
}