.userinfo-container {
	padding-top: 120rpx;

	.bg {
		position: absolute;
		top: 0;
		width: 100%;
		height: 500rpx;
		background: linear-gradient(180deg, #04f5e7 0%, #01d0da 38%, #f5f7fa 100%);
		border-radius: 0rpx 0rpx 0rpx 0rpx;
	}
	.content {
		position: absolute;
		top: 150rpx;
		width: 100%;
		box-sizing: border-box;
		padding-bottom: 100rpx;
		.item {
			padding: 28rpx;
			background-color: white;
			border-radius: 12rpx 12rpx 12rpx 12rpx;
			margin: 20rpx 0;
		}
	}
	.new-container {
		
		> view {
			margin-bottom: 24rpx;
		}
		.all{
			font-weight: 500;
			font-size: 28rpx;
			color: #00BCA6;
			position: absolute;
			right: 20rpx;
			bottom: 0;
		}
		.video {
			margin-top: 44rpx;
			height: 363rpx;
			background-color: #01d0da;
			position: relative;
			text{
				position: absolute;
				
			}
			.play{
				width: 40rpx;
				height: 40rpx;
				top: 50%;
				left: 50%;
				transform: translate(-50%);

			}
			.time{
				background-color: #899598;
				border-radius: 30rpx;
				right: 15rpx;
				bottom: 15rpx;
				padding: 7rpx 15rpx;
				color: white;
				font-size: 24rpx;
				

			}
		}
		.new-content{
			position: relative;
			display: flex;
			flex-direction: column;
			gap: 28rpx;
			
		}
		.icon-box{
			display: flex;
			gap: 10rpx;
			// background-color: wheat;
			align-items: center;
			margin-right: 15rpx;
		}
	}
	.more-container {
		display: flex;
		flex-direction: column;
		.more-item {
			// height: 100%;
			height: 152rpx;
			margin-top: 48rpx;
			.left{
				justify-content: space-between;
				height: 100%;
			}
			view {
				gap: 16rpx;
				justify-content: space-between;
			}
		}
		 
		.image {
			height: 152rpx;
			width: 228rpx;
			background-color: aquamarine;
		}
	}
	.more-btn {
		margin-top: 48rpx;
		height: 92rpx;
		background: rgba(17, 195, 174, 0.1);
		border-radius: 4rpx 4rpx 4rpx 4rpx;
		font-weight: 400;
		font-size: 32rpx;
		color: #00BCA6;
	}
	.search {
		font-weight: 400;
		font-size: 32rpx;
		color: #11c3ae;
		margin-right: 10rpx;
	}
}
page {
	background: #f5f7fa;
}
