.home {
	width: 100%;
	height: 100%;

	.bg {
		position: absolute;
	}

	.home-container {
		width: 100%;
		height: 100%;
		padding-top: 160rpx;
		box-sizing: border-box;

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

			.title_1 {
				color: #1A3F68;
				height: 48rpx;
				font-size: 48rpx;
				line-height: 48rpx;
				margin-bottom: 24rpx;
			}

			.title_2 {
				color: #446D99;
				height: 26rpx;
				font-size: 26rpx;
				line-height: 26rpx;
			}
		}

		.user {
			width: 100%; 
			padding: 30rpx;
			display: flex;
			flex-wrap: nowrap;
			align-items: center;
			border-radius: 24rpx;
			margin-bottom: 24rpx;
			box-sizing: border-box;
			border: 2rpx solid #ffffff;
			background: linear-gradient(180deg, #D3E9FF 0%, #FFFFFF 30%, #FFFFFF 100%);

			.userAvatar {
				width: 88rpx;
				height: 88rpx;
				overflow: hidden;
				border-radius: 24rpx;
				margin-right: 15rpx;
				background-color: red;
			}

			.userInfo {
				width: 0;
				flex: 1;

				.userName {
					color: #252535;
					height: 32rpx;
					font-size: 32rpx;
					line-height: 32rpx;
					margin-bottom: 20rpx;
				}

				.userSex {
					color: #77849E;
					height: 26rpx;
					font-size: 26rpx;
					line-height: 26rpx;

					text {
						color: #EAECFA;
					}
				}
			}
		}

		.recentMeasurements {
			width: 100%;
			border-radius: 24rpx;
			padding: 40rpx 30rpx 30rpx;
			box-sizing: border-box;
			border: 2rpx solid #ffffff;
			margin-bottom: 24rpx;
			background: linear-gradient(180deg, #D3E9FF 0%, #FFFFFF 12%, #FFFFFF 100%);
			
			.recentMeasurementsTitle {
				width: 100%;
				display: flex;
				flex-wrap: nowrap;
				align-items: center;
				margin-bottom: 30rpx;

				> view:nth-of-type(1) {
					width: 6rpx;
					height: 20rpx;
					margin-right: 15rpx;
					border-radius: 16rpx;
					background-color: #1385FA;
				}

				> view:nth-of-type(2) {
					color: #252535;
					flex: 1;
					height: 32rpx;
					font-size: 32rpx;
					line-height: 32rpx;
				}

				> view:nth-of-type(3) {
					color: #808080;
					height: 32rpx;
					font-size: 26rpx;
					line-height: 32rpx;
					padding-right: 50rpx;
				}
			}

			.recentMeasurementsContent {
				width: 100%;

				.recentMeasurementsContentTop {
					width: 100%;
					display: flex;
					flex-wrap: nowrap;
					justify-content: space-between;
					margin-bottom: 30rpx;

					.recentMeasurementsContentTopL {
						width: 240rpx;

						> view:nth-of-type(1) {
							width: 100%;
							height: 80rpx;
							display: flex;
							flex-wrap: nowrap;
							align-items: end;
							margin-bottom: 15rpx;

							> view:nth-of-type(1) {
								color: #252535;
								height: 80rpx;
								font-size: 80rpx;
								font-weight: bolder;
								line-height: 80rpx;
							}

							> view:nth-of-type(2) {
								color: #252535;
								height: 56rpx;
								font-size: 56rpx;
								font-weight: bolder;
								line-height: 56rpx;
								margin-right: 10rpx;
							}

							> view:nth-of-type(3) {
								color: #808080;
								height: 28rpx;
								font-size: 28rpx;
								line-height: 28rpx;
							}
						}

						> view:nth-of-type(2) {
							width: 100%;
							color: #B6B6B6;
							height: 24rpx;
							font-size: 24rpx;
							line-height: 24rpx;
						}
					}

					.recentMeasurementsContentTopR {
						width: 240rpx;

						> view:nth-of-type(1) {
							width: 100%;
							height: 80rpx;
							display: flex;
							flex-wrap: nowrap;
							align-items: end;
							margin-bottom: 15rpx;

							> view:nth-of-type(1) {
								color: #2AC79F;
								height: 48rpx;
								font-size: 48rpx;
								font-weight: bolder;
								line-height: 48rpx;
								margin-right: 10rpx;
							}

							> view:nth-of-type(2) {
								flex: 1;
								width: 0;

								> view:nth-of-type(1) {
									width: 14rpx;
									height: 18rpx;
									font-size: 18rpx;
									line-height: 18rpx;
									text-align: center;
									margin-bottom: 6rpx;
								}

								> view:nth-of-type(2) {
									color: #808080;
									height: 28rpx;
									font-size: 28rpx;
									line-height: 28rpx;
								}
							}
						}

						> view:nth-of-type(2) {
							width: 100%;
							color: #B6B6B6;
							height: 24rpx;
							font-size: 24rpx;
							line-height: 24rpx;
						}
					}
				}

				.recentMeasurementsContentLine {
					width: 100%;
					height: 2rpx;
					margin-bottom: 40rpx;
					background-color: #EAECF1;
				}

				.recentMeasurementsContentBottom {
					width: 100%;
					display: flex;
					flex-wrap: nowrap;
					padding: 0 24rpx;
					box-sizing: border-box;
					justify-content: space-between;

					> view {
						width: 150rpx;

						> view:nth-of-type(1) {
							color: #808080;
							width: 100%;
							height: 30rpx;
							font-size: 26rpx;
							line-height: 30rpx;
							margin-bottom: 20rpx;

							text {
								color: #FFFFFF;
								height: 18rpx;
								font-size: 18rpx;
								padding: 2rpx 6rpx;
								border-radius: 8rpx;
								line-height: 18rpx;
								margin-left: 16rpx;
								background-color: #2AC79F;
							}
						}

						> view:nth-of-type(2) {
							color: #252535;
							height: 44rpx;
							font-size: 44rpx;
							font-weight: bolder;
							line-height: 44rpx;

							text {
								font-size: 26rpx;
							}
						}
					}
				}
			}
		}

		.detailedData {
			width: 100%;
			border-radius: 24rpx;
			padding: 40rpx 30rpx 30rpx;
			box-sizing: border-box;
			border: 2rpx solid #ffffff;
			background-color: #FFFFFF;

			.detailedDataTitle {
				width: 100%;
				display: flex;
				flex-wrap: nowrap;
				align-items: center;
				margin-bottom: 30rpx;

				> view:nth-of-type(1) {
					width: 6rpx;
					height: 20rpx;
					margin-right: 15rpx;
					border-radius: 16rpx;
					background-color: #1385FA;
				}

				> view:nth-of-type(2) {
					color: #252535;
					height: 32rpx;
					font-size: 32rpx;
					line-height: 32rpx;
				}
			}

			.detailedDataContent {
				width: 100%;
				display: flex;
				flex-wrap: nowrap;
				justify-content: space-between;

				> view {
					width: 195rpx;
					box-sizing: border-box;
					border-radius: 16rpx;
					padding: 24rpx 0 18rpx 24rpx;
					background-color: #F5F7FB;

					> view:nth-of-type(1) {
						color: #808080;
						height: 26rpx;
						font-size: 26rpx;
						line-height: 26rpx;
						margin-bottom: 20rpx;
					}

					> view:nth-of-type(2) {
						color: #252535;
						height: 44rpx;
						font-size: 44rpx;
						font-weight: bolder;
						line-height: 44rpx;

						text {
							font-size: 26rpx;
						}
					}
				}
			}
		}
	}
}