.express-delivery{
	background-color: #F3F5F9 !important;
	padding: 20rpx;
	height: 80vh;
	.address-box{
		background: #FFFFFF;
		border-radius: 20rpx;
		display: flex;
		padding: 42rpx 28rpx;
		padding-bottom: 0rpx;
		.left{
			margin-right: 20rpx;
			.send,.get{
				width: 40rpx;
				height: 40prx;
				border-radius: 50%;
				text-align: center;
				line-height: 40rpx;
				font-size: 24rpx;
			}
			.send{
				background: #000000;
				color: white;
			}
			.get{
				background: #E63E32;
				color: white;
			}
			.line{
				width: 2rpx;
				height: 120rpx;
				border-left: 2rpx dashed #D5D1D1;
				margin-left: 18rpx;
			}
			.active{
				height: 153rpx;
			}
		}
		.right{
			width: 100%;
			position: relative;
			.send-people,.get-people{
				display: flex;
				align-items: center;
				justify-content: space-between;
				.send-title{
					max-width: 490rpx;
					height: 100%;
				}
				.send-sub-title{
					color: #151515;
					font-size: 32rpx;
					margin-bottom: 6rpx;
					font-weight: bold;
					text{
						color: #888888;
						font-size: 24rpx;
					}
				}
				.send-desc{
					color: #888888;
					font-size: 24rpx;
				}
				.address-enter{
					font-weight: bold;
					border-left: 2rpx solid #F4F4F4;
					padding-left: 28rpx;
					font-size: 24rpx;
				}
			}
			.get-people{
				margin-bottom: 40rpx;
			}
			.send-people{
				margin-bottom: 40rpx;
			}
			.line{
				width: 100%;
				height: 2rpx;
				background-color: #F4F4F4;
				margin-bottom: 40rpx;
			}
		}
	}
	
	.send-form{
		height: 400rpx;
		width: 100%;
		border-radius: 20rpx;
		margin-top: 40rpx;
	
		.tab-box{
			display: flex;
			position: relative;
			background-color: white;
			border-radius: 0 20rpx 0 0;
			.tab-item{
				flex: 1;
				text-align: center;
				height: 76rpx;
				line-height: 76rpx;
				font-size: 30rpx;
				background-color:#E3E7ED ;
				border-radius:0 20rpx 0 20rpx ;
				position: relative;
			}
			.tab-item.active{
				font-weight: bold;
				height: 96rpx;
				line-height: 96rpx;
				background-color:white ;
				border-radius:20rpx 20rpx 0 0rpx ;
				position: relative;
				bottom: 20rpx;
			}
			.isNotActive.tab-item:first-child{
				border-radius:20rpx 0rpx 20rpx 0rpx ;
			}
		}
		.tab-box.active{
			border-radius:  20rpx 0 0 0;
		}
		.form-box{
			background-color: #FFFFFF;
			position: relative;
			bottom: 20rpx;
			padding: 0 36rpx 0 28rpx;
			border-radius: 0 0 20rpx 20rpx;
			.form-getTime,.goods-info,.pay-type{
				display: flex;
				align-items: center;
				justify-content: space-between;
				height: 96rpx;
				border-bottom: 2rpx solid #F4F4F4;
				.left{
					display: flex;
					align-items: center;
					.label{
						font-size: 26rpx;
						color:#151515 ;
						font-weight: bold;
					}
					.required{
						margin-left: 12rpx;
						width: 62rpx;
						height: 30rpx;
						background-repeat: no-repeat;
						background-size: contain;
						background-image: url('../../static/required.png');
					}
				}
				.right{
					display: flex;
					align-items: center;
					.nextIcon{
						margin-left: 18rpx;
					}
					.value{
						color: #888888;
						font-size: 26rpx;
					}
					.value.active{
						color: #151515;
						font-weight: bold;
					}
				}
	
			}
			.pay-type{
				border-bottom: none;
			}
		}
	}
	.footer{
		height:172rpx ;
		background-color: white;
		display: flex;
		justify-content: space-between;
		position: fixed;
		width: 100%;
		bottom: 0;
		left: 0;
		padding-top: 22rpx;
		.right{
			.btn{
				width: 268rpx;
				height: 88rpx;
				background-color: #CCCCCC;
				border-radius: 44rpx;
				text-align: center;
				line-height: 88rpx;
				color: white;
				margin-right: 29rpx;
			}
			.btn.active{
				background-color:#E84134 ;
			}
		}
		.left{
			margin-left: 29rpx;
			.left-top{
				font-size:26rpx ;
				color:#323232 ;
				display: flex;
				.all-account{
					border-right: 2rpx solid #F4F4F4;
					display: flex;
					padding-right: 10rpx;
					margin-right: 10rpx;
					.price{
						color: #E73F33;
					}
				}
				.price-detail{
					display: flex;
					align-items: center;
					.arrow{
						width: 0;
						height: 0;
						border: 10rpx solid transparent;
						border-top-color: black;
						margin-left: 10rpx;
						margin-top: 8rpx;
					}
				}
			}
			.left-bottom{
				display: flex;
				align-items: center;
				margin-top: 22rpx;
				.active,.checkbox{
					width: 32rpx;
					height: 32rpx;
					background-repeat: no-repeat;
					background-size: contain;
					margin-right: 10rpx;
				}
				.checkbox{
					background-image: url('../../static/checkbox.png');
				}
				.active{
					
					background-image: url('../../static/checkboxActive.png');
				}
				.content{
					color: #696969;
					font-size: 20rpx;
				}
			}
		}
	}
	.footer.active{
		z-index: 9999;
	}
	.priceDetail{
		::v-deep .uni-popup__wrapper {
			height:640rpx;
			background-color: white !important;
			border-radius: 24rpx 24rpx 0 0;
			padding: 29rpx 38rpx 150rpx;
		}
		.header {
			display: flex;
			height: 56rpx;
			// padding: 30rpx 38rpx;
			align-items: center;
			justify-content: space-between;
			border-radius: 24rpx 24rpx 0 0;
		
			.header-title {
				font-size: 32rpx;
				color: #151515;
				font-weight: bold;
			}
		
			.close {
				width: 40rpx;
				height: 40rpx;
				background-repeat: no-repeat;
				background-size: contain;
				background-image: url('../../static/guanbi.png');
			}
		}
		.title{
			margin-top: 40rpx;
			font-size: 26rpx;
			color: #151515;
			display: flex;
			.title-red{
				color: #E84134;
			}
		}
		.base-price{
			margin-top: 36rpx;
			font-size: 26rpx;
			color: #151515;
			font-weight: bold;
			display: flex;
			align-items: center;
			justify-content: space-between;
		}
		.price-rule{
			font-size: 24rpx;
			color: #888888;
			margin-top: 20rpx;
		}
		.billing-weight{
			display: flex;
			align-items: center;
			justify-content: space-between;
			height: 80rpx;
			background-color:#F5F5F5 ;
			border-radius: 4rpx;
			padding: 10rpx 27rpx;
			margin-top: 22rpx;
			.left{
				font-size: 24prx;
				color: #888888;
			}
			.right{
				font-size: 26rpx;
			}
		}
		.line{
			margin-top: 20rpx;
			width: 100%;
			height: 2rpx;
			background-color: #F4F4F4;
		}
		.add-service,.setTimeout-send{
			display: flex;
			align-items: center;
			justify-content: space-between;
		}
		.add-service{
			font-size: 26rpx;
			font-weight: bold;
			margin-top: 22rpx;
			margin-bottom: 22rpx;
		}
		.setTimeout-send{
			font-size: 26rpx;
			.left{
				color: #888888;
			}
			.right{
				font-weight: bold;
			}
		}
	}
}