@charset "UTF-8";
/* 水平间距 */
/* 水平间距 */
.task-page.data-v-96a65fb4 {
  background-color: #F3F5FB;
}
.task-page .title.data-v-96a65fb4 {
  font-family: 'Source Han Sans CN';
  font-style: normal;
  font-weight: 700;
  font-size: 36rpx;
  line-height: 54rpx;
  color: #212121;
  padding: 0 32rpx;
}
.task-page .info.data-v-96a65fb4 {
  padding: 0 32rpx;
  margin: 40rpx 0;
  background: #FFFFFF;
  border-radius: 32rpx 32rpx 0px 0px;
}
.task-page .info .item.data-v-96a65fb4 {
  border-bottom: 1rpx solid #EFF1F3;
  padding: 40rpx 32rpx;
}
.task-page .info .item .name.data-v-96a65fb4 {
  font-size: 28rpx;
  color: #999999;
  line-height: 1;
}
.task-page .info .item .cont.data-v-96a65fb4 {
  font-size: 30rpx;
  color: #212121;
  line-height: 1.5;
  padding-top: 12rpx;
}
.task-page .info .item.data-v-96a65fb4:last-child {
  border-bottom: none;
}
.task-page .status.data-v-96a65fb4 {
  background: #FFFFFF;
  border-radius: 32rpx 32rpx 0px 0px;
  padding: 48rpx 32rpx;
}
.task-page .status .head.data-v-96a65fb4 {
  color: #212121;
  font-size: 34rpx;
  line-height: 1;
  font-weight: 700;
}
.task-page .status .icon-empty.data-v-96a65fb4 {
  display: block;
  width: 160rpx;
  margin: 64rpx auto 0;
}
.task-page .status ._p.data-v-96a65fb4 {
  font-size: 24rpx;
  line-height: 28rpx;
  color: #D5D5D5;
  text-align: center;
}
.task-page .status .flow-head.data-v-96a65fb4 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-family: 'Abhaya Libre';
  font-style: normal;
  font-weight: 400;
  font-size: 24rpx;
  line-height: 48rpx;
  padding: 30rpx 0  24rpx 0;
}
.task-page .status .flow-head .flow-status.data-v-96a65fb4 {
  color: #27DFA8;
}
.task-page .status .flow-head .flow-status.error.data-v-96a65fb4 {
  color: #F54545;
}
.task-page .status .flow-head .flow-time.data-v-96a65fb4 {
  color: #999999;
}
.task-page .status .desc.data-v-96a65fb4 {
  font-family: 'SF Pro Text';
  font-style: normal;
  font-weight: 500;
  font-size: 30rpx;
  line-height: 42rpx;
  color: #434343;
  padding-bottom: 24rpx;
}
.task-page .status .attach.data-v-96a65fb4 {
  display: flex;
  flex-wrap: wrap;
}
.task-page .status .attach .attach-item.data-v-96a65fb4 {
  width: 224rpx;
  overflow: hidden;
  margin-right: 7rpx;
  margin-bottom: 20rpx;
}
.task-page .status .attach .attach-item.data-v-96a65fb4:nth-child(3n) {
  margin-right: 0;
}
.task-page .status .attach .attach-item .image.data-v-96a65fb4 {
  display: block;
  width: 224rpx;
  border-radius: 8px;
}
.task-page .add.data-v-96a65fb4 {
  display: block;
  width: 96rpx;
  position: fixed;
  bottom: 186rpx;
  right: 32rpx;
}

