veterans_H5/h5_web/pages/notification/scss/notification.scss

page {
	height: 100%;
	background-color: #f2f2f2;
}
.notice {
	&-tab {
		margin-top: 88rpx;
	}
	&-list {
		margin-top: 18rpx;
		padding: 0 30rpx;
		
		&-item {
			background-color: #fff;
			margin-bottom: 20rpx;
			padding: 42rpx 32rpx;
			
			&-title {
				color: #000;
				font-size: 32rpx;
				margin-bottom: 14rpx;
			}
			
			&-content {
				font-size: 24rpx;
				color: #545454;
				line-height: 38rpx;
				margin-bottom: 14rpx;
				overflow: hidden;
				text-overflow: ellipsis;
				white-space: nowrap;
			}
			
			&-bottom {
				display: flex;
				justify-content: space-between;
				font-size: 22rpx;
				color: #9F9F9F;
				
				.is-read {
					color: #EF6622;
				}
				
				.no-read {
					color: #1A1A1A;
				}
			}
		}
	}
}