txCar/unpackage/dist/dev/mp-weixin/pages/order/orderDetail.wxss

.box.data-v-cbd5a456 {
	min-height: 100vh;
	background: #F4F5F7;
}
.status_bar.data-v-cbd5a456 {
	background: #FF4F00;
	width: 100vw;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 1111;
}
.qrcodeBox.data-v-cbd5a456 {
	width: 100vw;
	height: 100vh;
	display: flex;
	justify-content: center;
	align-items: center;
	position: fixed;
	top: 0;
	left: 0;
	background: rgba(0, 0, 0, 0.7);
}
.top.data-v-cbd5a456 {
	width: 750rpx;
	height: 342rpx;
	background: #FF4F00;
	/* background: linear-gradient(134deg, #FF8635 0%, #FF4828 100%); */
}
.nav.data-v-cbd5a456 {
	line-height: 44px;
	font-size: 34rpx;
	font-weight: 600;
	display: flex;
	justify-content: space-between;
	color: #FFFFFF;
	position: fixed;
	width: 100vw;
	left: 0;
	z-index: 1111;
	background: #FF4F00;
}
.gobackImg.data-v-cbd5a456 {
	width: 92rpx;
	height: 88rpx;
	/* padding: 12px; */
}
.SheetState.data-v-cbd5a456 {
	font-size: 44rpx;
	font-weight: 500;
	color: #FFFFFF;
	padding-left: 24rpx;
	padding-top: 50rpx;
}
.orderTop.data-v-cbd5a456 {
	background: #FFFFFF;
	border-radius: 10rpx;
	margin: 20rpx 24rpx;
}
.timeEditImg.data-v-cbd5a456 {
	width: 25rpx;
	height: 25rpx;
	padding-left: 20rpx;
}
.timeLeft.data-v-cbd5a456 {
	font-size: 32rpx;
	color: #3C3C3C;
}
.timeRight.data-v-cbd5a456 {
	font-size: 26rpx;
	color: #3F90F7;
}
.timeBox.data-v-cbd5a456 {
	display: flex;
	justify-content: space-between;
	padding: 24rpx 20rpx;
	border-bottom: 1rpx solid #EEEEEE;
}
.shopBoximg.data-v-cbd5a456 {
	width: 40rpx;
	height: 40rpx;
}
.shopRightImg.data-v-cbd5a456 {
	width: 52rpx;
	height: 60rpx;
}
.shopsx.data-v-cbd5a456 {
	width: 1px;
	height: 50rpx;
	background: #EEEEEE;
	margin-top: 30rpx;
	margin-left: 28rpx;
}
.shopBox.data-v-cbd5a456 {
	display: flex;
	padding: 0rpx 20rpx 36rpx 20rpx;
}
.shopCont.data-v-cbd5a456 {
	width: 418rpx;
	padding-left: 20rpx;
}
.shopName.data-v-cbd5a456 {
	font-size: 28rpx;
	color: #3C3C3C;
}
.Address.data-v-cbd5a456 {
	color: #999999;
	font-size: 26rpx;
	padding-top: 10rpx;
}
.shopRihgtTxt.data-v-cbd5a456 {
	color: #999999;
	font-size: 22rpx;
	padding-top: 5rpx;
}
.shopRightBox.data-v-cbd5a456 {
	padding-top: 30rpx;
	padding-left: 28rpx;
}
.peopleCont.data-v-cbd5a456 {
	font-size: 28rpx;
	color: #3C3C3C;
	padding-left: 20rpx;
}
.people.data-v-cbd5a456 {
	display: flex;
	padding-left: 20rpx;
	padding-top: 30rpx;
	padding-bottom: 36rpx;
}
.PlateNumberBox.data-v-cbd5a456 {
	display: flex;
	padding-left: 20rpx;
	padding-bottom: 30rpx;
}
.PlateNumbercx.data-v-cbd5a456 {
	font-size: 28rpx;
	font-weight: bold;
	color: #3C3C3C;
	padding-left: 20rpx;
}
.PlateNumber.data-v-cbd5a456 {
	width: 130rpx;
	height: 32rpx;
	border-radius: 4rpx;
	border: 1px solid #F19D01;
	line-height: 32rpx;
	text-align: center;
	font-size: 22rpx;
	color: #F19D01;
	margin-left: 26rpx;
}
.PlateNumberBoxTop.data-v-cbd5a456 {
	display: flex;
}
.CarModel.data-v-cbd5a456 {
	font-size: 26rpx;
	color: #999999;
	padding-left: 20rpx;
	padding-top: 6rpx;
	padding-right: 20rpx;
	padding-bottom: 15rpx;
	width: 600rpx;
}
.detailedBox.data-v-cbd5a456 {

	background: #FFFFFF;
	border-radius: 10px;
	margin: 20rpx 24rpx;
	padding: 20rpx 0;
}
.itemBox.data-v-cbd5a456 {
	margin-top: 20rpx;
}
.detailedTitle.data-v-cbd5a456 {
	font-size: 32rpx;
	color: #3C3C3C;
	padding-left: 20rpx;
	padding-top: 30rpx;
	padding-bottom: 10rpx;
}
.detailedLine.data-v-cbd5a456 {
	display: flex;
	padding-left: 20rpx;
	padding-top: 40rpx;
}
.detailedImg.data-v-cbd5a456 {
	width: 120rpx;
	height: 120rpx;
	border-radius: 10rpx;
}
.detailedCont.data-v-cbd5a456 {
	padding-left: 20rpx;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}
.detailedName.data-v-cbd5a456 {
	font-size: 26rpx;
	color: #3C3C3C;
}
.detailedContBottom.data-v-cbd5a456 {
	display: flex;
	justify-content: space-between;
	font-size: 26rpx;
	color: #999999;
	width: 500rpx;
	line-height: 40rpx;
}
.SalePrice.data-v-cbd5a456 {
	font-size: 32rpx;
	font-weight: 500;
	color: #3C3C3C;
}
.goodscost.data-v-cbd5a456 {
	width: 702rpx;
	background: #FFFFFF;
	border-radius: 10px;
	margin-left: 24rpx;
	margin-top: 20rpx;
	padding: 15rpx 0;
}
.goodscostLine.data-v-cbd5a456 {
	display: flex;
	justify-content: space-between;
	font-size: 28rpx;
	padding: 20rpx 20rpx;
	color: #666666;
}
.goodsCostNum.data-v-cbd5a456 {
	color: #3C3C3C;
}
.information.data-v-cbd5a456 {
	width: 702rpx;
	background: #FFFFFF;
	border-radius: 10px;
	margin-left: 24rpx;
	margin-top: 20rpx;
	padding: 0rpx 0 15rpx 0;
}
.informationLine.data-v-cbd5a456 {
	display: flex;
	font-size: 26rpx;
	padding: 15rpx 20rpx;
}
.informationTxt.data-v-cbd5a456 {
	width: 190rpx;
	color: #666666;
}
.informationNum.data-v-cbd5a456 {
	color: #333333;
}
.copyBtn.data-v-cbd5a456 {
	width: 86rpx;
	height: 40rpx;
	background: #F4F5F7;
	border-radius: 20rpx;
	font-size: 24rpx;
	color: #333333;
	text-align: center;
	line-height: 40rpx;
	margin-left: 20rpx;
}
.orderBottom.data-v-cbd5a456 {
	width: 750rpx;
	height: 98rpx;
	background: #FFFFFF;
	position: fixed;
	left: 0;
	bottom: 0;
	display: flex;
	justify-content: flex-end;
}
.cancelBtn.data-v-cbd5a456 {
	width: 150rpx;
	height: 56rpx;
	border-radius: 36rpx;
	border: 2rpx solid #DDDDDD;
	text-align: center;
	line-height: 56rpx;
	font-size: 28rpx;
	color: #3C3C3C;
	margin-top: 21rpx;
	margin-right: 16rpx;
	margin-left: 20rpx;
}
.payBtn.data-v-cbd5a456 {
	width: 150rpx;
	height: 56rpx;
	border-radius: 36rpx;
	border: 2rpx solid #FF4F00;
	text-align: center;
	line-height: 56rpx;
	font-size: 28rpx;
	color: #FF4F00;
	margin-top: 21rpx;
	margin-right: 16rpx;
	margin-left: 20rpx;
}
.timeBox2.data-v-cbd5a456 {
	width: 100vw;
	height: 100vh;
	background: rgba(0, 0, 0, 0.5);
	position: fixed;
	top: 0;
	left: 0;
}
.timeLeftActive.data-v-cbd5a456 {
	background: #FFFFFF;
}
.timeMain.data-v-cbd5a456 {
	width: 100vw;
	height: 70vh;
	margin-top: 30vh;
	background: #FFFFFF;
	border-radius: 24rpx 24rpx 0px 0px;
}
.timesfNo.data-v-cbd5a456 {
	background: #F5F5F5;
}
.timesfActive.data-v-cbd5a456 {
	background: #FF4F00;
}
.timesfActive .timeSfNum.data-v-cbd5a456 {
	color: #FFFFFF;
}
.timesfActive .timeyy.data-v-cbd5a456 {
	color: #FFFFFF;
}
.topBox.data-v-cbd5a456 {
	padding: 20rpx 24rpx;
}
.timeTop.data-v-cbd5a456 {
	display: flex;
	line-height: 90rpx;
	padding-left: 24rpx;
	padding-right: 24rpx;
	justify-content: space-between;
}
.timeTopTitle.data-v-cbd5a456 {
	font-size: 30rpx;
	font-family: PingFangSC-Medium, PingFang SC;
	font-weight: 600;
	color: #3C3C3C;
}
.close.data-v-cbd5a456 {
	color: #999999;
	font-size: 30rpx;
	padding-left: 30rpx;
}
.timeCont.data-v-cbd5a456 {
	height: calc(70vh - 210rpx);
}
.timeSv.data-v-cbd5a456 {
	height: calc(70vh - 210rpx);
}
.timeLeft2.data-v-cbd5a456 {
	width: 162rpx;
	background: #F4F5F7;
	border-top: 1px soid #F4F5F7;
	border-right: 1px soid #F4F5F7;
}
.timeRight2.data-v-cbd5a456 {
	width: 588rpx;
}
.timesf.data-v-cbd5a456 {
	width: 165rpx;
	height: 98rpx;
	border-radius: 7rpx;
	border: 2rpx solid #EEEEEE;
	text-align: center;
	margin-left: 20rpx;
	margin-bottom: 24rpx;
}
.timeBottom.data-v-cbd5a456 {
	width: 750rpx;
	height: 120rpx;
	background: #FFFFFF;
	box-shadow: 0px -2px 20rpx 0px rgba(153, 153, 153, 0.2);
	display: flex;
	align-items: center;
}
.timerightBox.data-v-cbd5a456 {
	display: flex;
	flex-wrap: wrap;
}
.timeCont.data-v-cbd5a456 {
	display: flex;
}
.timeSfNum.data-v-cbd5a456 {
	color: #666666;
	font-size: 28rpx;
	padding-top: 15rpx;
}
.timeyy.data-v-cbd5a456 {
	font-size: 24rpx;
	color: #999999;
}
.timecomplete.data-v-cbd5a456 {
	width: 690rpx;
	height: 74rpx;
	background: linear-gradient(124deg, #FF8700 0%, #FF4F00 100%);
	border-radius: 37rpx;
	line-height: 74rpx;
	text-align: center;
	font-size: 30rpx;
	color: #FFFFFF;
	margin-left: 30rpx;
}
.timeleftLine.data-v-cbd5a456 {
	font-size: 30rpx;
	color: #999999;
	text-align: center;
	padding: 28rpx 10rpx;
	border-bottom: 1px solid #EEEEEE;
}
.yuyueBox.data-v-cbd5a456 {

	background: #FFFFFF;
	border-radius: 10rpx;
	margin-left: 24rpx;
	margin-right: 24rpx;
}
.yuyueTime.data-v-cbd5a456 {
	display: flex;
	padding-left: 20rpx;
	padding-top: 30rpx;
	padding-bottom: 36rpx;
	align-items: center;
}
.yuyueState.data-v-cbd5a456 {
	display: flex;
	padding-left: 20rpx;
	padding-top: 30rpx;
	padding-bottom: 36rpx;
}
.maBox.data-v-cbd5a456 {
	display: flex;
	justify-content: space-between;
	padding: 24rpx 20rpx;
}
.querenMa.data-v-cbd5a456 {

	margin: 20rpx 0;
	padding-bottom: 30rpx;
}
.maBoximg.data-v-cbd5a456 {
	width: 308rpx;
	height: 308rpx;
	margin: 30rpx 197rpx;
}
.rightShou.data-v-cbd5a456{
	display: flex;
	justify-content: flex-start;
	align-items: center;
}