parking_inspection/pages/center/center.scss

.user-box{
	// height: 400rpx;
	overflow: hidden;
	background:url(../../static/img/center-bg.png) no-repeat;
	background-size: 100% auto;
	background-position: left bottom;
	padding-bottom: 106rpx;
	text-align: center;
	.avatar-wrap{
		padding-top: 100rpx;
	}
	.user-name{
		font-size: 56rpx;
		font-weight: 400;
		color: #FFFFFF;
		line-height: 78rpx;
		letter-spacing: 2rpx;
	}
	.user-post{
		margin-top: 14rpx;
		display: inline-block;
		padding: 0 24rpx;
		font-size: 30rpx;
		font-weight: 400;
		color: #FFFFFF;
		line-height: 42rpx;
		letter-spacing: 1px;
		border: 1px solid #fff;
		border-radius: 20rpx;
	}
}
.statistics{
	margin: -80rpx 30rpx 20rpx;
	border-radius: 5rpx;
	padding: 34rpx 24rpx 32rpx;
	background-color: #fff;
	.number{
		font-size: 70rpx;
		font-family: Rubik-Regular, Rubik;
		font-weight: 400;
		color: #FF8B00;
		line-height: 82rpx;
		letter-spacing: 2rpx;
	}
	.text{
		font-size: 26rpx;
		font-family: PingFangSC-Regular, PingFang SC;
		font-weight: 400;
		color: #7C7C7C;
		line-height: 31rpx;
	}
	.all{
		position: relative;
		.number{
			color: #5175FF;
		}
		&::after{
			content: '';
			width: 1rpx;
			height: 80%;
			background-color: #B9B9B9;
			position: absolute;
			left: 0;
			top: 20rpx;
		}
	}
}
.feature-list{
	background-color: #fff;
	margin: 20rpx 30rpx;
	border-radius: 5rpx;
	padding: 20rpx 35rpx;
	.feature-item{
		display: flex;
		justify-content: space-between;
		align-items: center;
		padding: 29rpx 0;
		border-bottom: 1px solid #EAEAEA;
		&:last-of-type{border-bottom: 0;}
		.feature-left{
			display: flex;
			align-items: center;
			font-size: 34rpx;
			font-family: PingFangSC-Regular, PingFang SC;
			font-weight: 400;
			color: #555555;
		}
		image{
			width: 60rpx;
			// height: 32rpx;
			margin-right: 30rpx;
		}
		.feature-right{
			.badge{
				height: 30rpx;
				line-height: 30rpx;
				padding: 0 20rpx;
				background-color: #FF5656;
				color: #fff;
				border-radius: 20rpx;
				margin-right: 15rpx;
			}
		}
	}
}