/* 提交成功图片 */ .subBox { height: 322rpx; width: 100%; display: flex; flex-direction: column; align-items: center; } .submitImg { width: 277rpx; height: 185rpx; /* margin: 20rpx 0; */ } .subText { color: #000; font-size: 39rpx; font-weight: 700; } .subText2 { color: #656161; font-size: 22rpx; margin-top: 10rpx; } /* 开票结果 */ .invoicRes { height: 326rpx; width: 100%; background-color: #fff; border-radius: 28rpx; margin-top: 20rpx; } .invoicResText { display: flex; height: 84rpx; width: 100%; align-items: center; padding: 0 20rpx; } .red { width: 20rpx; height: 26rpx; border-right: 5rpx solid #eb3943; margin-right: 7rpx; } .redText { font-size: 28rpx; color: #454040; } .redText::before { content: ''; height: 20rpx; width: 6rpx; background: var(--subtitleColor); display: inline-block; margin-right: 10rpx; border-radius: 4rpx; background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat-x: initial; background-repeat-y: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: var(--subtitleColor); border-top-left-radius: 2px; border-top-right-radius: 2px; border-bottom-right-radius: 2px; border-bottom-left-radius: 2px; } .service { width: 100%; height: 204rpx; display: flex; margin: 14rpx 34rpx 0 33rpx; /* margin-right: auto; */ } .serviceText { font-size: 28rpx; } .serviceText2 { font-size: 28rpx; color: var(--subtitleColor); font-weight: 900; } .serviceText3 { font-size: 25rpx; margin-top: 10rpx; } .qrcode { display: flex; width: 100%; height: 102rpx; align-items: center; margin-top: 32rpx; } .qrcodeImg { width: 62rpx; height: 54rpx; } .qrcodeText { color: #888886; font-size: 25rpx; margin: 0 14rpx 0 19rpx; } .rightImg { margin-top: 8rpx; width: 30rpx; height: 30rpx; } .qrcodeImg2 { width: 196rpx; height: 196rpx; background-color: #ececed; position: relative; left: 14rpx; } /* 开票信息修改 */ .infoEdit { width: 100%; height: 275rpx; background-color: #fff; margin-top: 22rpx; border-radius: 28rpx; } .infoEditBox { display: flex; align-items: center; width: 100%; height: 74rpx; padding: 0 20rpx } .infoEditText { color: #3e3939; font-size: 28rpx; } .infoEditText::before { content: ''; height: 20rpx; width: 6rpx; background: var(--subtitleColor); display: inline-block; margin-right: 10rpx; border-radius: 4rpx; background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat-x: initial; background-repeat-y: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: var(--subtitleColor); border-top-left-radius: 2px; border-top-right-radius: 2px; border-bottom-right-radius: 2px; border-bottom-left-radius: 2px; } .infoEditText2 { color: #3e3939; font-size: 25rpx; text-align: left; margin-left: 32rpx; margin-top: 14rpx; } .record { width: 100%; height: 87rpx; } .recordText { text-align: center; background-color: var(--themeColor); border-radius: 30rpx; width: 280rpx; height: 63rpx; line-height: 63rpx; color: #000; font-size: 28rpx; margin: 37rpx auto; }