.bind-user {
  &-header {
    height: 315rpx;
    padding: 60rpx 20rpx 0;
    background: linear-gradient(360deg, #FFFFFF 0%, #FFBF60 99%);
    color: #FFFFFF;
  }

  .header-name {
    margin-left: 20rpx;
		.label1{
			width: 120rpx;
			height: 28rpx;
			line-height: 28rpx;
			text-align: center;
			background-color: #ffa848;
			border-radius: 20rpx;
			font-size: 22rpx;
			border: 1px solid #ffffff;
			margin-bottom: 10rpx;
		}
  }

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

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

  .card-right {
    background: #de8585;
  }
}

.bind-main {
  position: absolute;
  top: 220rpx;
  width: 100vw;
  &-content{
    padding: 30rpx 20rpx;
		box-sizing: border-box;
		
		.top {
			// height: 259rpx;
			background-color: #FFF6EC;
			padding: 3% 4%;
		
			.account {
				display: flex;
				justify-content: space-between;
				color: #000000;
				font-size: 30rpx;
		
				.text {
					color: #A55822;
					display: flex;
				}
		
				.line {
					position: relative;
					padding: 0 0 0 20rpx;
					&::before {
						position: absolute;
						top: 7rpx;
						left: 10rpx;
						content: "";
						width: 3rpx;
						height: 30rpx;
						border-radius: 9rpx;
						background-color: #A55822;
					}
				}
		
			}
		
			.money {
				width: auto;
				height: 60rpx;
				margin: 20rpx 0;
				color: #FF2A2A;
				font-size: 42rpx;
				align-items: center;
		
				.text1 {
					font-size: 25rpx !important;
					color: #FF2A2A !important;
					margin-right: 10rpx;
				}
			}
		
			.line1 {
				position: relative;
		
				&::before {
					position: absolute;
					top: -10rpx;
					left: 0;
					content: "";
					width: 660rpx;
					height: 1rpx;
					background-color: #FFBF60;
				}
			}
		
			.divide {
				color: #A55822;
				font-size: 30rpx;
				margin-top: 50rpx;
				display: flex;
				justify-content: space-between;
			}
		
		}
		
		
		
		
		
		
		.my-data {
			padding: 0 40rpx;
			box-sizing: border-box;
			background-color: #ffffff;
			margin-bottom: 40rpx;
			border-radius: 20rpx;
			
			&-total {
				padding: 40rpx 0;
				box-sizing: border-box;
				background-color: #ffffff;
			}
		}
		
		
		
		
		
		
		
		
  }
  // &-list{
  //   background: #FFFFFF;
  //   min-height: 900rpx;
  //   border-radius: 30rpx;
		// padding: 0 0 30rpx 0;
		// box-sizing: border-box;
  // }
}

