.activity-item{
		padding: 20rpx;
		background-color: #FFFFFF;
		box-shadow: 0rpx 4rpx 20rpx 0rpx rgba(0,0,0,0.15);
		&.active{
			border: 4rpx solid rgba(232,116,0,0.34);
			padding: 16rpx 16rpx;
			.activity-favourites{
				color: $textActionColor;
			}
		}
		.activity-favourites{
			@include display-flex-center;
			font-size: $fontSize2;
			&.active{
				color: $textActionColor;
			}
			.iconfont{
				font-size: $fontSize2;
				margin-right: 4rpx;
			}
		}
		.activity-title{
			display: flex;
			align-items: flex-start;
			justify-content: space-between;
			flex: 1;
			line-height: 38rpx;
			&>view:first-child{
				font-weight: bold;
				font-size: $fontSize4;
			}
			.activity-favourites-text{
				white-space: nowrap;
			}
		}
		.activity-time{
			margin-top: 15rpx;
			font-family: Inter, Inter;
			font-size: $fontSize2;
		}
		.activity-views{
			margin-top: 15rpx;
			font-family: Inter, Inter;
			font-size: $fontSize0;
			color: #7D7D7D;
			line-height: 19rpx;
		}
		.activity-desc{
			@include display-flex-between;
			margin-top: 15rpx;
			&>view:first-child{
				@include text-ellipsis-line;
				flex: 1;
				margin-right: 51rpx;
				font-size: $fontSize1;
				line-height: 30rpx;
			}
		}
		.activity-detail-link{
			flex-shrink: 0;
			@include link-button;
		}
	}