.bind-user {
  &-header {
    height: 460rpx;
    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: 180rpx;
  width: 100vw;
  &-content{
    padding: 30rpx 20rpx;
		box-sizing: border-box;
  }
  &-list{
    background: #FFFFFF;
    min-height: 900rpx;
    border-radius: 30rpx;
		padding: 0 0 30rpx 0;
		box-sizing: border-box;
  }
}

.bind-tabs {
	display: flex;
	justify-content: center;
}

.no-order{
	padding: 0 40rpx;
	box-sizing: border-box;
	&-list{
		background-color: #F5F5F7;
		padding: 0 30rpx;
		box-sizing: border-box;
		border-radius: 16rpx;
	}
	&-image{
		padding: 20rpx 0;
		box-sizing: border-box;
	}
	&-time{
		padding: 20rpx 0;
		box-sizing: border-box;
	}
}

.have-order{
	padding: 0 40rpx;
	box-sizing: border-box;
	&-list{
		background-color: #F5F5F7;
		padding: 0 30rpx 20rpx 30rpx;
		border-radius: 16rpx;
	}
	&-up{
		display: flex;
		justify-content: space-between;
	}
	&-image{
		padding: 20rpx 0;
		box-sizing: border-box;
	}
	&-time{
		padding: 6rpx 0;
		box-sizing: border-box;
	}
}