.app {
		width: 100%;
		height: 1000rpx;
		background: linear-gradient(180deg, #A1DBCD 0%, #D8F4EE 12%, #FFFFFF 23%);

		.list {
			width: 100%;
			margin: 20rpx auto 0;
			padding: 40rpx 50rpx 50rpx;

			.item {
				width: 100%;
				height: 250rpx;
				position: relative;
				border-bottom: 2rpx solid #E6E6E6;

				image {
					position: absolute;
					right: 0;
					top: 50%;
					transform: translateY(-50%);
					width: 200rpx;
					height: 200rpx;
					border-radius: 10rpx;
				}

				.author {
					position: absolute;
					bottom: 20rpx;
					left: 0;
					font-size: 20rpx;
					color: #969494;
				}

				.text {
					position: absolute;
					top: 20rpx;
					left: 0;
					width: 65%;
					font-size: 28rpx;
					text-overflow: -o-ellipsis-lastline;
					overflow: hidden;
					text-overflow: ellipsis;
					display: -webkit-box;
					-webkit-line-clamp: 5; //行数需设置
					line-clamp: 5;
					-webkit-box-orient: vertical;
					text-align: justify;
				}
			}
		}

		.title {
			font-size: 30rpx;
			font-weight: 500;
			color: #595959;
			margin: 40rpx 0 0 50rpx;
			position: relative;

			view {
				display: inline-block;
				position: absolute;
				right: 3%;
				transform: translateY(-50%);
				top: 50%;

				text {
					font-size: 26rpx;
					color: #969494;
					padding-right: 10rpx;
				}
			}

			image {
				vertical-align: middle;
				width: 13rpx;
				height: 23rpx;
			}
		}

		.centerbar {
			flex-wrap: wrap;

			image {
				height: 180rpx !important;
				margin-bottom: 25rpx;
			}
		}

		.topbar {
			margin-top: 40rpx;
			width: 100%;
			display: flex;
			justify-content: space-evenly;

			image {
				width: 350rpx;
				height: 200rpx;
			}
		}

		.address {
			padding: 80rpx 0 0 50rpx;

			image {
				width: 25rpx;
				height: 30rpx;
				// vertical-align: middle;
			}

			text {
				font-size: 28rpx;
				color: #595959;
				padding-left: 10rpx;
			}
		}
	}