/* pages/task/task-detail/index.wxss */

.margin-top {
  margin-top: 32rpx;
}

.header-box {
  width: 100%;
  background: rgba(255, 255, 255, 1);
  box-shadow: 0px 0px 15px -6px rgba(0, 0, 0, 0.32);
  border-radius: 6px;
}

.item_border {
  border-bottom: 1px solid #D0D0D0;
  padding-bottom: 18rpx;
}

.offer-label {
  font-size: 28rpx;
  font-family: PingFang-SC-Regular, PingFang-SC;
  font-weight: 400;
  color: rgba(151,151,151, 1);
  line-height: 17px;
}

.offer-val {
  font-size: 28rpx;
  font-family: PingFang-SC-Regular, PingFang-SC;
  font-weight: 400;
  color: rgba(102,102,102, 1);
  line-height: 17px;
}

.page-icon {
  height: 120rpx;
  width: 120rpx;
}

.page-name {
  font-size: 32rpx;
  font-family: PingFang-SC-Medium, PingFang-SC;
  font-weight: 500;
  color: rgba(51, 51, 51, 1);
  line-height: 22px;
}

.page-num {
  margin-top: 8rpx;
  font-size: 20rpx;
  font-family: PingFang-SC-Regular, PingFang-SC;
  font-weight: 400;
  color: rgba(51, 51, 51, 1);
}

.offer-hint {
  font-size: 24rpx;
  font-family: PingFang-SC-Regular, PingFang-SC;
  font-weight: 400;
  color: rgba(208, 208, 208, 1);
  line-height: 17px;
}

.offer-btn {
  width:150px;
  height:45px;
  background: linear-gradient(312deg, rgba(38, 125, 214, 1) 0%, rgba(0, 138, 255, 1) 100%);
  box-shadow: 0px 10px 13px -8px rgba(35, 126, 217, 0.53);
  border-radius: 23px;
  color: white;
  font-size: 32rpx;
  margin-left: 32rpx;
}

button::after {
  border: none;
}

.image-load {
	width: 120rpx;
	height: 120rpx;
	display: flex;
	align-items: center;
	justify-content: center;
}

.page-outline {
	margin-top: 8rpx;
	font-size: 26rpx;
	font-family: PingFang-SC-Regular, PingFang-SC;
	font-weight: 400;
	color: rgba(51, 51, 51, 1);
	display: -webkit-box;
	overflow: hidden;
	text-overflow: ellipsis;
	word-wrap: break-word;
	white-space: normal !important;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
}