page {
  background: #fff;
}

.title {
  width: calc(100% - 40rpx);
  background: #f71a1a;
  padding: 20rpx 25rpx;
  display: flex;
  align-items: center;
}

.title image {
  border-radius: 10rpx;
  width: 50rpx;
  height: 50rpx;
}

.title .name {
  margin-left: 10rpx;
  width: calc(100% - 260rpx);
  font-size: 28rpx;
  font-weight: 500;
  color: rgba(255, 255, 255, 1);
}

.title .time {
  text-align: right;
  width: 260rpx;
  font-size: 24rpx;
  font-weight: 500;
  color: rgba(255, 255, 255, 1);
}

/* 完成任务 */

.info {
  width: calc(100% - 40rpx);
  height: 100rpx;
  line-height: 100rpx;
  padding: 0 20rpx;
  font-size: 34rpx;
  font-weight: bold;
  color: rgba(51, 51, 51, 1);
}

.line {
  margin-top: 1rpx;
  margin-left: 20rpx;
  width: calc(100% - 40rpx);
  height: 1rpx;
  background: #e7eeee;
}

/* 内容 */

.content {
  width: calc(100% - 40rpx);
  padding: 40rpx 20rpx 0 20rpx;
}

.content .name {
  font-size: 32rpx;
  font-weight: bold;
  color: rgba(51, 51, 51, 1);
}

.content .answer {
  margin-top: 20rpx;
  font-size: 34rpx;
  font-weight: 500;
  color: rgba(51, 51, 51, 1);
}

/* 相册 */

.image-all {
  width: calc(100% - 30rpx);
  padding: 30rpx 20rpx 0 10rpx;
  display: flex;
  flex-wrap: wrap;
}

.image-all image {
  border-radius: 10rpx;
  margin-left: 10rpx;
  margin-top: 10rpx;
  height: 160rpx;
  width: calc(33.3333333% - 10rpx);
}

/* 附件提示 */

.file {
  margin-top: 25rpx;
  width: calc(100% - 40rpx);
  font-size: 22rpx;
  font-weight: 500;
  padding: 0rpx 20rpx;
  color: rgba(179, 179, 179, 1);
}
.file text{
  color: #237AF1;
}