security_study_h5/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;
}
.gray{
	color: #999;
}
.red{
	color: #FF3C3F;
}
.line-through{
	text-decoration: line-through;
}

.view-wrap{
	padding: 30rpx 20rpx;
	background-color: #fff;
	border-bottom: 10rpx solid #F5F5F5;
}

.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;
	}
}

.single-til{
	margin-bottom: 20rpx;
	.text{
		font-size: 32rpx;
		color: #333;
		font-weight: 600;
	}
	.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;
	}
}