.bind-user {
	// height: 100vh;
	height: 453rpx;
	background: linear-gradient(360deg, #ffffff 0%, #ffbf60 99%);
	&-header {
		padding: 60rpx 20rpx 0;
		color: #ffffff;
	}

	.header-name {
		margin-left: 20rpx;
		.label1 {
			background-color: #ffa848;
			border-radius: 20rpx;
			font-size: 22rpx;
			border: 1px solid #ffffff;
			padding: 0 10rpx;
			box-sizing: border-box;
		}
	}

	.header-card {
		padding: 20rpx;
		border-radius: 20rpx;
		font-size: 28rpx;
	}

	.card-left {
		background: #78f7eb;
	}

	.card-right {
		background: #de8585;
	}

	&-foot {
		width: 100%;
		height: 180rpx;
		background-color: #ffffff;
		position: fixed;
		bottom: 0;
		.tab-bar {
			margin-bottom: 60rpx;
			.activeColor {
				color: #000;
			}
		}
	}
}

.bind-main {
	padding: 0 20rpx;
	box-sizing: border-box;
	height: 100vh;
}

.my-data {
	padding: 0 40rpx;
	box-sizing: border-box;
	background-color: #ffffff;
	margin-bottom: 40rpx;
	border-radius: 20rpx;
	&-mounth {
		padding: 40rpx 0;
		box-sizing: border-box;
		background-color: #ffffff;
	}
	&-total {
		padding: 40rpx 0;
		box-sizing: border-box;
		background-color: #ffffff;
	}
}
.bottom {
	height: 546rpx;
	background-color: #fff4e6;
	padding: 3%;
	font-size: 22rpx;
	box-sizing: border-box;
	.line1 {
		position: relative;
		margin-bottom: 50rpx;
		&::before {
			position: absolute;
			top: 25rpx;
			left: 0;
			content: '';
			width: 660rpx;
			height: 1rpx;
			background-color: #f5f5f7;
		}
	}
	.form_item {
		font-size: 22rpx;
		color: #a55822;
		position: relative;
		margin-left: 10rpx;
		&::before {
			position: absolute;
			top: 5rpx;
			left: -18rpx;
			content: '*';
		}
	}
}
.my-level {
	padding: 0 40rpx;
	box-sizing: border-box;
	background-color: #ffffff;
	margin-bottom: 40rpx;
	border-radius: 20rpx;
	&-need {
		padding: 40rpx 0;
		box-sizing: border-box;
		background-color: #ffffff;
	}
	&-content {
		.data {
		}
	}
}
