.garden { background-color: #E8CD30; border-radius: 50%; width: 20rpx; height: 20rpx; margin-right: 16rpx; } .showProof { margin-top: 20rpx; color: #2866FF; font-size: 28rpx; } .garden { background-color: #E8CD30; border-radius: 50%; width: 20rpx; height: 20rpx; margin-right: 16rpx; } .listCard_header_Type { background: rgba(232, 205, 48, 0.15); border-radius: 40rpx; color: #E8CD30; /* padding: 10rpx 20rpx; */ font-size: 24rpx; display: flex; justify-content: center; align-items: center; Width: 180rpx; Height: 54rpx; } .paymentInformation_item_value { color: #666666; font-size: 28rpx; } .companyTag_label { color: #BBBBBB; font-size: 28rpx; } .companyTag { font-size: 20rpx; padding: 5rpx 20rpx; background-color: #18BC37; color: #FFFFFF; border-radius: 20rpx; margin-left: 15rpx; } .ac { align-items: center; } .paymentInformation_item_label { color: #BBBBBB; font-size: 20rpx; } .popup_coment { padding: 80rpx; text-align: center; font-size: 35rpx; color: #666666; } .backButten { background: #ADCEFF; border-radius: 22rpx; width: 364rpx; color: #FFFFFF; font-size: 30rpx; } .paymentInformation_item:last-child { margin-bottom: 0; } .paymentInformation_item { margin-bottom: 20rpx; } .paymentInformation_container { padding-top: 40rpx; } .on_selector_item { font-size: 28rpx; color: #fFFFFF; width: 180rpx; height: 60rpx; background: #ADCEFF; display: flex; justify-content: center; align-items: center; border-radius: 20rpx; } .selector_item { font-size: 28rpx; color: #BBBBBB; width: 180rpx; height: 60rpx; display: flex; justify-content: center; align-items: center; border-radius: 20rpx; } .paymentInformation_footer { margin-top: 40rpx; } .an { align-items: flex-end; } .jw { justify-content: space-between; } .jc { justify-content: center; } .copyButten { flex: 1; height: 76rpx; background: #2866FF; border-radius: 10rpx; margin-right: 19rpx; } .forwardButten { width: 260rpx; height: 80rpx; background: #FF4A4A; border-radius: 22rpx; color: #FFFFFF; font-size: 30rpx; margin: 0; } .footerButten { /* padding: 0 43rpx; font-size: 32rpx; color: #FFFFFF; margin: 43rpx 0; */ width: 100vw; position: fixed; height: 80rpx; left: 0; bottom: env(safe-area-inset-bottom); justify-content: space-around; } .dxx { transition: all 1s; overflow: hidden; display: flex; flex-direction: column; } .refund { height: 76rpx; width: 308rpx; background: #EC4645; border-radius: 10rpx; color: #FFFFFF; font-size: 32rpx; margin: 0 auto; } .more { padding: 0 43rpx; } .moreButten { height: 67rpx; background: #F0F0F0; margin: 0 43rpx; border-radius: 10rpx; margin-top: 40rpx; } .writeOff { height: 92rpx; background: #2866FF; border-radius: 10rpx; font-size: 32rpx; margin: 37rpx 43rpx; color: #FFFFFF; font-weight: 500; } .bgtext { font-size: 38rpx; font-family: PingFang SC; font-weight: bold; color: #EC4645; } .actualUnitPrice { width: 160rpx; height: 108rpx; background: #F4F4F4; margin-left: 19rpx; text-align: center; } .olitype { width: 67rpx; height: 108rpx; background: #F4F4F4; } .genres { width: 88rpx; height: 40rpx; font-size: 24rpx; display: flex; justify-content: center; align-items: center; margin-bottom: 10rpx; } .price { /* padding-left: 80rpx; */ font-size: 48rpx; font-weight: 600; color: #666666; } .Line { position: relative; width: calc(100% - 100rpx); height: 100%; display: flex; align-items: center; } .splitLineyuan { width: 45rpx; height: 45rpx; border-radius: 50%; background-color: #2866FF; } .splitLine { height: 45rpx; display: flex; justify-content: space-between; position: relative; margin: 20rpx 0; } .Text { font-size: 28rpx; font-family: PingFang SC; font-weight: 500; color: #333333; } .smallText { font-size: 24rpx; font-family: PingFang SC; font-weight: 500; color: #BBBBBB; } .paymentInformation { padding: 0 35rpx; } .details_body_car_lable .payment { width: 160rpx; height: 48rpx; background: #D1FFDA; color: #17A00E; font-size: 30rpx; position: absolute; right: 46rpx; } .justifyContent { justify-content: center; } .alignItems { align-items: center; } .felx { display: flex; } .details_body_car_lable .payLi { width: 100rpx; height: 44rpx; background: #2866FF; border-radius: 0px 0px 12rpx 12rpx; color: #FFFFFF; margin-left: 51rpx; } .details_body_car_lable .sign { width: 140rpx; height: 140rpx; background: #FFFFFF; box-shadow: 0px 5px 5px 0px rgba(88, 88, 88, 0.18); border-radius: 50%; top: -50rpx; position: relative; display: flex; align-items: center; justify-content: center; } .details_body_car_lable { width: 100%; position: absolute; top: 0; display: flex; padding: 0 46rpx; } .details_body_car { width: 100%; /* height: 1003rpx; */ background-color: #FFFFFF; border-radius: 20rpx; position: relative; /* box-shadow: 0px 5px 5px 0px rgba(88, 88, 88, 0.18); */ /* padding-bottom: 63rpx; */ padding: 35rpx 0; margin-bottom: calc(env(safe-area-inset-bottom) + 90rpx); } .details_body { padding: 0 31rpx; /* padding-bottom: 90rpx; */ width: 100vw; height: 100vh; overflow: auto; background-color: #2866FF; }