.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; }