.scrollViewContent {
	width: 100%;
	padding: 24rpx 30rpx;
	box-sizing: border-box;

	.data-card {
		width: 100%;
		padding: 40rpx 30rpx 30rpx;
		box-sizing: border-box;
		border-radius: 24rpx;
		margin-bottom: 30rpx;
		background-color: #FFFFFF;

		.userInfo {}

		.nav {
			width: 100%;
			height: 72rpx;
			padding: 4rpx;
			box-sizing: border-box;
			display: flex;
			flex-wrap: nowrap;
			background-color: #E8EBF2;
			border-radius: 16rpx;
			margin-bottom: 24rpx;

			>view {
				flex: 1;
				height: 64rpx;
				border-radius: 16rpx;
				font-size: 28rpx;
				color: #808080;
				line-height: 64rpx;
				text-align: center;

				&.active {
					color: #FFFFFF;
					font-weight: bold;
					background-color: #1385FA;
				}
			}
		}

		.summary {
			width: 100%;
			display: flex;
			flex-wrap: nowrap;
			justify-content: space-between;
			padding: 24rpx 0;
			background-color: #F3F4F6;
			border-radius: 16rpx;

			.summary-item {
				flex: 1

				// > view:first-of-type {
				// 	width: 94rpx;
				// 	height: 23rpx;
				// 	font-family: HarmonyOS Sans SC;
				// 	font-weight: 400;
				// 	font-size: 24rpx;
				// 	color: #808080;
				// 	margin-bottom: 30rpx;
				// }

				// > view:last-of-type {

				// }
			}
		}
	}

	.data-list {
		width: 100%;

		.list {
			width: 100%;
			margin-bottom: 30rpx;

			> view:first-of-type {
				color: #808080;
				width: 100%;
				height: 24rpx;
				font-size: 24rpx;
				line-height: 24rpx;
				margin-bottom: 20rpx;
			}

			> view:last-of-type {
				width: 100%;
				height: 96rpx;
				display: flex;
				justify-content: space-between;
				padding-left: 30rpx;
				padding-right: 50rpx;
				box-sizing: border-box;
				flex-wrap: nowrap;
				border-radius: 16rpx;
				background-color: #FFFFFF;

				> view {
					color: #808080;
					font-size: 26rpx;
					height: 96rpx;
					line-height: 96rpx;

					text {
						color: #252535;
						font-weight: bold;
					}
				}
			}
		}
	}
}