page {
	padding-bottom: calc(32rpx + constant(safe-area-inset-bottom));
	padding-bottom: calc(32rpx + env(safe-area-inset-bottom));
	font-family: HarmonyOS Sans SC-Regular, HarmonyOS Sans SC;
	font-weight: 400;
}

.user .top {
	position: relative;
	width: 100%;
	height: 464rpx;
}

.user .top .backgroundImg {
	position: absolute;
	width: 100%;
	height: 100%;
}

.user .top .navbar {
	position: fixed;
	top: 0;
	z-index: 980;
	width: 100%;
}

.user .top .header {
	position: relative;
	padding: 0 24rpx;
}

.user .top .header image {
	width: 120rpx;
	height: 120rpx;
	margin-right: 30rpx;
	border-radius: 50%;
	border: 4rpx solid #f5f5f5;
}

.user .header .text .name {
	width: 400rpx;
	margin-bottom: 10rpx;
	line-height: 46rpx;
	font-size: 40rpx;
	font-family: HarmonyOS Sans SC-Bold, HarmonyOS Sans SC;
	font-weight: bold;
	color: #fff;
}

.user .header .person {
	width: 100%;
	margin-top: 30rpx;
}

.user .header .person .personal {
	width: 50%;
	text-align: center;
	line-height: 32rpx;
	font-size: 24rpx;
	color: #fff;
}

.user .header .person .personal .count {
	margin-bottom: 16rpx;
	font-size: 32rpx;
	font-family: DIN Alternate-Bold, DIN Alternate;
	font-weight: bold;
}

.wrapper image {
	display: block;
	width: 100%;
	height: 300rpx;
	margin: 20rpx 0;
}