aiot-app/pages/center/center.scss

page {
	left: 0;
	top: 0;
	background-color: $uni-bg-color-grey;
}


.font {
	font-family: iconfont;
	color: $j-primary-green;
	font-size: 40rpx;
}

.content {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;

	.logo_bg {
		background: url('../../static/BJ.jpg') no-repeat top center;
		height: 400rpx;
		width: 100%;
		border-bottom-left-radius: 60rpx;
		border-bottom-right-radius: 60rpx;

		.logo-content {
			height: 70%;
			margin-left: 40rpx;
			display: flex;
			flex-direction: row;
			justify-content: flex-start;
			align-items: center;

			image {
				width: 120rpx;
				height: 120rpx;
				border-radius: 50%;
			}

			.tuichu {
				margin-top: -120rpx;
				font-size: 48rpx;
				margin-right: 30rpx;
			}

			.user_name {
				padding-left: 35rpx;
				width: 520rpx;
			}

			.user_name view:nth-of-type(1) {
				height: 50rpx;
				font-weight: bold;
				line-height: 50rpx;
				font-size: 32rpx;
				color: #ffffff;
				width: 100%;
			}

			.user_name view:nth-of-type(2) {
				height: 30rpx;
				line-height: 30rpx;
				font-size: 28rpx;
				color: #D5D5D5;
				width: 100%;

			}

			
		}

	}

	.data-action {
		color: $j-primary-green;
		border: 1rpx solid $j-primary-green !important;
		//font-weight: bold;
	}

	.bg_content {
		background-color: $uni-bg-color;
		position: absolute;
		top: 270rpx;
		width: 93%;
		height: 550rpx;
		border-radius: 20rpx;
		font-size: $j-font-text-big;

		.tab-lable {
			padding-left: 30rpx;
		}

		.options {
			image {
				width: 100%;
				height: 150rpx;
				margin-top: 160rpx;
				border-radius: 10rpx;
			}

		}

		.notice {
			width: 100%;
			background-color: $uni-bg-color;
			border-radius: 10rpx;
			display: flex;
			flex-direction: row;
			justify-content: space-between;
			text-align: center;
			height: 120rpx;
			line-height: 120rpx;

			label {
				margin-left: 20rpx;
				color: $j-primary-green;
			}
			.icon{
					width: 40rpx;
					height: 100%;
					margin-left: 20rpx;
				}
			.text1 {
				font-size: $j-font-text-default;
				color: $uni-text-color;
				display: block;
				width: 90%;
				text-align: left;
			}

			.icos {
				margin-right: 10rpx;
			}
		}

		.tab-data {
			display: flex;
			flex-direction: row;
			justify-content: space-between;
			border-bottom: 1rpx solid $uni-border-color;
			width: 100%;
			height: 100rpx;
			line-height: 100rpx;
			margin-top: 5rpx;

			.tab-content {
				display: flex;
				flex-direction: row;
				justify-content: flex-end;
				flex-wrap: center;
				margin-top: 10rpx;
				margin-right: 40rpx;

				label {
					display: inline-block;
					width: 110rpx;
					height: 70rpx;
					line-height: 70rpx;
					border-top: 1rpx solid $uni-border-color;
					border-bottom: 1rpx solid $uni-border-color;
					border-right: 1rpx solid $uni-border-color;
					text-align: center;
				}

				label:nth-of-type(1) {
					border-left: 1rpx solid $uni-border-color;
				}
			}

		}

		.tab {
			display: flex;
			flex-direction: column;
			align-items: center;
			height: 60%;

			.tab-content {
				display: flex;
				flex-direction: row;
				justify-content: center;
				align-items: center;
				width: 100%;
				height: 100%;

				.tab-content-title {
					width: 50%;
					
					label {
						display: flex;
						flex-direction: column;
						justify-content: center;
						align-items: center;
						padding-top: 30rpx;
						color: $uni-text-color-grey;
					}

					label:nth-of-type(1) {
						font-size: 52rpx;
					}
				}

			}

			.tab-check-lable {
				display: inline-block;
				padding: 10rpx 20rpx;
				color: $j-primary-green;
				border-radius: 30rpx;
				border: 1rpx solid $j-primary-green !important;
				margin-bottom: -30rpx;
			}
		}
	}
}