.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{ width: 702rpx; background: #FFFFFF; border-radius: 10rpx; margin-left: 24rpx; } .timeEditImg.data-v-cbd5a456{ width: 25rpx;height: 25rpx;padding-left: 20rpx; } .timeLeft.data-v-cbd5a456{ font-size: 28rpx; color: #3C3C3C;font-weight: 500; } .timeRight.data-v-cbd5a456{ font-size: 26rpx; color: #3F90F7; } .timeBox.data-v-cbd5a456{ display: flex; justify-content: space-between; padding: 24rpx 20rpx; border-bottom: 1px solid #EEEEEE; } .orderTop.data-v-cbd5a456{ position: relative; top: -44rpx; } .shopBoximg.data-v-cbd5a456{ width: 40rpx;height: 40rpx; } .shopRightImg.data-v-cbd5a456{ width: 52rpx;height: 38rpx; } .shopsx.data-v-cbd5a456{ width: 1px; height: 50rpx; background: #EEEEEE; margin-top: 30rpx; margin-left: 28rpx; } .shopBox.data-v-cbd5a456{ display: flex; padding: 30rpx 20rpx 20rpx 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; font-weight: 500; color: #3C3C3C; padding-left: 20rpx; } .people.data-v-cbd5a456{ display: flex; padding-left: 20rpx; padding-bottom: 36rpx; } .PlateNumberBox.data-v-cbd5a456{ display: flex;padding-left: 20rpx;padding-bottom: 30rpx; } .PlateNumbercx.data-v-cbd5a456{ font-size: 28rpx; font-weight: 500; 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{ width: 702rpx; background: #FFFFFF; border-radius: 10px; margin-left: 24rpx; margin-top: -60rpx; padding-bottom: 20rpx; } .itemBox.data-v-cbd5a456{ margin-top: 20rpx; } .detailedTitle.data-v-cbd5a456{ font-size: 32rpx; color: #3C3C3C; padding-left: 20rpx;padding-top: 30rpx; font-weight: 600; 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: 150rpx; 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; } .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: 40rpx; } .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; } .goIndexImg.data-v-cbd5a456{ width: 92rpx; height: 88rpx; }