xusfood_client/static/css/common.scss

.page-wrap{padding: 20rpx;}
.search-wrap{
	background-color: #fff;
	position: relative;
	padding: 20rpx;
	margin-bottom: 24rpx;
}
.search-wrap::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 14rpx;
  bottom: -20rpx;
  left: 0;
  background: linear-gradient(to bottom, #F5F5F5, #fff);
  z-index: -1;
}
.vip-icon{
	font-weight: bold;
	background: linear-gradient(180deg, #FFD49C 0%, #C27D22 100%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	margin-left: 10rpx;
}
.gray{
	color: #999;
}
.red{
	color: #FF3C3F;
}
.line-through{
	text-decoration: line-through;
}

.view-wrap{
	padding: 30rpx 20rpx;
}
.full-btn{
	background-color: #00A447;
	color: #fff;
	border-radius: 44rpx;
	padding: 22rpx 0;
	text-align: center;
	margin-bottom: 40rpx;
	margin-top: 20rpx;
	&.gray{
		background-color: #ddd;
		color: #999;
	}
}
.view-wrap{
	background-color: #fff;
	border-bottom: 10rpx solid #F5F5F5;
}

.single-til{
	margin-bottom: 20rpx;
	.text{
		font-size: 32rpx;
		color: #333;
		font-weight: 600;
		.sub-title{
			margin-left: 20rpx;
			font-size: 24rpx;
			font-weight: 400;
			color: #999999;
		}
	}
	.more-text{
		font-size: 24rpx;
		color: #999;
	}
}
.news-content{
	font-size: 26rpx;
	font-weight: 400;
	color: #666666;
	line-height: 44rpx;
	p{
		text-indent: 2em;
	}
	/deep/ .u-image{
		margin-bottom: 20rpx;
		max-width: 100%;
	}
	.title{
		font-size: 30rpx;
		font-weight: 400;
		color: #333333;
		line-height: 50rpx;
		margin: 30rpx auto 15rpx;
	}
}