.page-scan-pick {
	min-height: 100vh;
	background-color: #f8f8f8;
	overflow: hidden;
	.personal-inf{ display: flex;
	align-items: center;
	width: 690rpx;
	font-size: 28rpx;
	background-color: #fff;
	border-radius: 10rpx;
	margin: 0 auto;
	margin-top: 30rpx;
}
.personal-inf-wrapper {
	padding: 30rpx 0;
}
.personal-inf {
	.line {
		display: flex;
		align-items: top;
		&:not(:last-child) {
			margin-bottom: 30rpx;
		}
		view {
			display: inline-block;
		}
		.title {
			white-space: nowrap;
			color: #999;
			padding-right: 15rpx;
			margin-left: 30rpx;
			width: 180rpx;
			display: flex;
			justify-content: space-between;
		}
		.detail {
			width: 460rpx;
			word-wrap: break-word;
			word-break: normal;
			color: 333;
		}
	}
}
.commodity-inf {
	width: 690rpx;
	background-color: #fff;
	border-radius: 10rpx;
	margin: 0 auto;
	margin-top: 30rpx;
	.title {
		display: flex;
		align-items: center;
		width: 100%;
		height: 80rpx;
		border-bottom: 3rpx solid #eee;
	}
	.icon {
		display: inline-block;
		width: 30rpx;
		height: 30rpx;
		margin-right: 15rpx;
		>image {
			width: 100%;
			height: 100%;
		}
	}
	.font {
		display: inline-block;
		font-size: 28rpx;
		font-weight: 550;
		padding-right: 16rpx;
	}
	.total {
		display: block;
		padding: 30rpx 0;
		text-align: right;
		font-size: 28rpx;
		box-sizing: border-box;
	}
}
.commodity-inf-wrapper {
	padding: 0 30rpx;
}
.prod-box {
	display: block;
}
.item-cont {
	border-bottom: 3rpx solid #eee;
	.gift-prods {
		margin-left: 200rpx;
		margin-top: 10rpx;
		margin-bottom: 30rpx;
		font-size: 24rpx;
		.gift-item {
			display: block;
			width: 100%;
			color: #333;
			margin-bottom: 10rpx;
			.name {
				display: inline-block;
				vertical-align: middle;
				padding-right: 10rpx;
				box-sizing: border-box;
				width: 90%;
				white-space: nowrap;
				overflow: hidden;
				text-overflow: ellipsis;
			}
			.num {
				display: inline-block;
				vertical-align: middle;
				padding-right: 10rpx;
				box-sizing: border-box;
			}
		}
	}
}
.prod-detail {
	display: flex;
	align-items: center;
	width: 100%;
	height: 220rpx;
	.prod-img {
		display: inline-block;
		width: 175rpx;
		height: 175rpx;
		margin-right: 20rpx;
		image {
			width: 175rpx;
			height: 175rpx;
		}
	}
	.prod-inf {
		display: inline-block;
		font-size: 25rpx;
		width: 100%;
		.prod-title {
			line-height: 19px;
			max-height: 39px;
			overflow: hidden;
			display: -webkit-box;
			-webkit-line-clamp: 2;
			-webkit-box-orient: vertical;
			text-overflow: ellipsis;
			word-break: break-all;
			color: #333;
			font-size: 26rpx;
			font-weight: 549;
		}
		.brief {
			font-size: 23rpx;
			color: #999;
			padding: 15rpx 0;
			.gift-icon {
				display: inline-block;
				padding: 8rpx;
				border-radius: 6rpx;
				background: #e43130;
				color: #fff;
				margin-right: 8rpx;
				line-height: 1em;
			}
		}
		.price {
			font-size: 31rpx;
			font-weight: 520;
			color: #e43130;
		}
		.num {
			float: left;
			font-size: 30rpx;
			color: #999;
		}
		.sku-type {
			font-size: 22rpx;
			float: right;
			word-break: break-all;
			line-height: 30rpx;
			color: #999;
			border: 1rpx solid #999;
			border-radius: 4rpx;
			padding: 1rpx 6rpx;
		}
	}
}
.red {
	color: #e43130;
}
.order-remarks {
	display: flex;
	width: 690rpx;
	padding: 20rpx 0;
	font-size: 28rpx;
	background-color: #fff;
	border-radius: 10rpx;
	margin: 0 auto;
	margin-top: 20rpx;
	.remarks-title {
		font-size: 28rpx;
		color: #999;
		margin-left: 30rpx;
		width: 140rpx;
	}
	.remarks-txt {
		width: 500rpx;
		word-wrap: break-word;
		word-break: break-all;
		overflow: hidden;
	}
}
.virtual-goods-code {
	display: block;
	width: 690rpx;
	padding: 20rpx 30rpx;
	box-sizing: border-box;
	font-size: 28rpx;
	background-color: #fff;
	border-radius: 10rpx;
	margin: 0 auto;
	margin-top: 20rpx;
	.code-tit {
		margin-bottom: 20rpx;
	}
	.code-list.code-box {
		max-height: 1000rpx;
		overflow-y: auto;
		.code-item {
			font-size: 26rpx;
		}
	}
	.code-list {
		&:not(:last-child) {
			border-bottom: 1px solid #eee;
			padding-bottom: 10rpx;
			margin-bottom: 20rpx;
		}
		.code-item {
			margin-bottom: 16rpx;
			font-size: 24rpx;
		}
		.date {
			display: flex;
			align-items: flex-start;
			.lf {
				white-space: nowrap;
			}
		}
	}
	.weak {
		color: #999;
	}
}
.pick-btn {
	width: 690rpx;
	height: 80rpx;
	line-height: 80rpx;
	font-size: 30rpx;
	color: #fff;
  background: #f81a1a;
	text-align: center;
	border-radius: 10rpx;
	margin: 100rpx auto;
}
.no-pick-btn {
	background: #e5e5e5;
}
}
