.DataAnalysis{
	width: 750rpx;
	height: 100vh;
	background-color: #697BFF;
	position: relative;
		
	.DataAnalysisNumber{
		width: 750rpx;
		height: 1170rpx;
		position: absolute;
		background-color: #FFFFFF;
		bottom: 0rpx;
		border-top-right-radius: 80rpx;
		border-top-left-radius: 80rpx;
		.title{
		text-align: center;
		color:  #697BFF;
		margin-top: 40rpx;
		}
		.area{
			.city{
				color: #5D5D5D;
				text-align: center;
				margin-top: 40rpx;
			}
			.cityDetails{
				display: flex;
				margin-top: 80rpx;
				.itemOne,.itemTwo,.itemThree{
					width: 212rpx;
					height: 236rpx;
					background-color: #F8FAFF;
					margin-right: 30rpx;
					border-radius: 48rpx;
				}
				.itemOne{
				margin-left: 25rpx;
				  background-color: #FFFCF8;
				  box-sizing: border-box;
				  padding-left: 20rpx;
				  .content{
					   image{
					  	width: 72rpx;
					  	height: 89rpx;
					  	margin-top: 30rpx;
					  	 }
							 
						 .textONE{
						       color: #333333;
							   font-size: 32rpx;
							   
						 }
						 .textTwo{
							 color: #ADABA8;
							 font-size: 22rpx;
						 }
						 .textThree{
							 color: #ADABA8;
							 font-size: 24rpx;
							 margin-top: 10rpx;
						 }
				  }
				 
				}
				
				.itemTwo{
				margin-left: 25rpx;
				  background-color: #FAF8FE;
				  box-sizing: border-box;
				  padding-left: 20rpx;
				  .content{
					   image{
					  	width: 72rpx;
					  	height: 89rpx;
					  	margin-top: 30rpx;
					  	 }
							 
						 .textONE{
						       color: #333333;
							   font-size: 32rpx;
							   
						 }
						 .textTwo{
							 color: #ADABA8;
							 font-size: 22rpx;
						 }
						 .textThree{
							 color: #ADABA8;
							 font-size: 24rpx;
							 margin-top: 10rpx;
						 }
				  }
				 
				}
				
				.itemThree{
				margin-left: 25rpx;
				  background-color: #F8FAFF;
				  box-sizing: border-box;
				  padding-left: 20rpx;
				  .content{
					   image{
					  	width: 72rpx;
					  	height: 89rpx;
					  	margin-top: 30rpx;
					  	 }
							 
						 .textONE{
						       color: #333333;
							   font-size: 32rpx;
							   
						 }
						 .textTwo{
							 color: #ADABA8;
							 font-size: 22rpx;
						 }
						 .textThree{
							 color: #ADABA8;
							 font-size: 24rpx;
							 margin-top: 10rpx;
						 }
				  }
				 
				}
				
			}
		}
	}
}