.container {
		position: relative;
	}
	.code {
		background-color: #d9d9d9;
		z-index: 99;
		position: sticky;
		top: 0rpx;
		left: 0;
	}
	.code-title {
		display: flex;
		justify-content: space-around;
		height: 50rpx;
	}
	.list {
		margin: 20rpx;
		
		background-color: #fff;
		border-radius: 20rpx;
		border: 1px solid #eeeeee;
		display: flex;
		position: relative;
	}
	.card-id {
		position: absolute;
		right: 10rpx;
		top: 20rpx;
		padding: 5rpx 10rpx;
		line-height: 1.2;
		text-align: center;
		color: #eeeeee;
		background-color: #30ddb2;
		border-radius: 50%;
		font-size: 10px;
	}
	.list-left {
		flex: 1;
		padding: 20rpx;
		position: relative;
	}
	.list-right {
		width: 70rpx;
		border-left: 1px solid #eeeeee;
		display: flex;
		align-items: center;
		justify-content: center;
	}
	.buttom {
		width: 100%;
		position: fixed;
		bottom: 0;
		left: 0;
		display: flex;
		align-items: center;
		justify-content: space-between;
		height: 100rpx;
		background-color: #FFF;
		box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.2) ;
	}
	.card-status-1 {
		position: absolute;
		right: 20rpx;
		top: 30rpx;
		padding: 4rpx 20rpx;
		text-align: center;
		font-size: 10px;
		color: #f5222d;
		background-color: #fff1f0;
		border: 1px solid #ffa39e;
		border-radius: 6rpx;
	}
	.card-status-2 {
		position: absolute;
		right: 20rpx;
		top: 30rpx;
		padding: 4rpx 20rpx;
		text-align: center;
		font-size: 10px;
		color: #52c41a;
		background-color: #f6ffed;
		border: 1px solid #b7eb8f;
		border-radius: 6rpx;
	}
	.card-status-4 {
		position: absolute;
		right: 20rpx;
		top: 30rpx;
		padding: 4rpx 20rpx;
		text-align: center;
		font-size: 10px;
		color: #1890ff;
		background-color: #e6f7ff;
		border: 1px solid #91d5ff;
		border-radius: 6rpx;
	}