/* pages/task/task.wxss */
.sp-task-body {
  margin: 15% auto 0;
  text-align: center;
}

.sp-task-body > image {
  width: 176rpx;
  height: 176rpx;
  border-radius: 24rpx;
}

.sp-task-body > text {
  display: block;
  margin: 12rpx 90rpx 0;
  line-height: 48rpx;
  font-size: 32rpx;
  color: #999;
}

.sp-task-body > text.title {
  margin: 38rpx 0 0;
  line-height: 56rpx;
  font-size: 38rpx;
  color: #333;
  font-weight: bold;
}

.sp-task-body > button, .sp-task-body > navigate {
  display: inline-block;
  width: 200rpx;
  height: 80rpx;
  line-height: 78rpx;
  margin: 60rpx 0 0;
  padding: 0;
  vertical-align: top;
  font-size: 30rpx;
  color: #12c287;
  border: 1px solid #12c287;
  border-radius: 8rpx;
  background: #fff;
}

.sp-task-body > button.button-hover {
  border: 1px solid #12c287;
  background: #12c287;
  color: #fff;
}