page{
	background: #f2f3f7;
}
.page-delivery-certificate {
	position: fixed;
	top: 30rpx;
	bottom: 30rpx;
	left: 30rpx;
	right: 30rpx;
	padding: 0 30rpx;
	background: #fff;
	border-radius: 10rpx;
	box-shadow: 0 0 6rpx rgba(0,0,0,.05);
	.item {
		position: relative;
		padding: 40rpx 0;
		border-bottom: 2rpx dashed #f5f5f5;
		&::before {
			position: absolute;
			bottom: -16rpx;
			display: block;
			width: 32rpx;
			height: 32rpx;
			border-radius: 50%;
			background: #f2f3f7;
			content: " ";
			font-size: 0;
			left: -46rpx;
		}
		&::after {
			position: absolute;
			bottom: -16rpx;
			display: block;
			width: 32rpx;
			height: 32rpx;
			border-radius: 50%;
			background: #f2f3f7;
			content: " ";
			font-size: 0;
			right: -46rpx;
		}
	}
	.address-box {
		.name {
			display: flex;
			align-items: center;
			margin-bottom: 30rpx;
			font-weight: 600;
			line-height: 32rpx;
			.self-icon {
				padding: 2rpx 10rpx;
				line-height: 24rpx;
				color: #fff;
				background: #fc1b35;
				font-size: 18rpx;
				margin-right: 10rpx;
				border-radius: 4rpx;
				font-weight: 400;
			}
		}
		.a-item {
			margin-bottom: 10rpx;
			display: flex;
			align-items: flex-start;
			line-height: 32rpx;
			.label {
				color: #999;
			}
			.text {
				flex: 1;
			}
		}
	}
	.code-det {
		margin-top: 10rpx;
		.bar-code {
			font-size: 0;
			margin: auto;
			width: 630rpx;
			height: 150rpx;
		}
		.code-number {
			margin-top: 40rpx;
			text-align: center;
		}
		.code {
			width: 460rpx;
			height: 460rpx;
			margin: 60rpx auto 40rpx;
		}
	}
	.btn-box {
		margin: 50rpx 0 20rpx;
		display: flex;
		justify-content: center;
		.btn {
			width: 590rpx;
			text-align: center;
			height: 70rpx;
			line-height: 70rpx;
			background: #fc1b35;
			color: #fff;
			border-radius: 80rpx;
			font-size: 26rpx;
			font-weight: 600;
		}
	}
}
