/* pages/order/Invoicing/index.wxss */ /* 顶部 */ page { background: #f4f4f3; } /* 顶部 */ .top { display: flex; justify-content: space-between; height: 71rpx; background-color: var(--subtitleColor); color: var(--subtitleColor); line-height: 71rpx; font-size: 23rpx; } /* 消费码 */ .code { display: flex; height: 76rpx; padding: 0 20rpx; } .left { width: 6rpx; height: 19rpx; margin: 27rpx 7rpx 20rpx 35rpx; } .chooseCode { font-size: 24rpx; margin: 18rpx 0 18rpx 7rpx; } /* 选择项 */ .chooseTerm { background-color: #fff; height: 142rpx; border-radius: 26rpx; margin-bottom: 20rpx; } .chooseTerm2 { display: flex; position: relative; top: 28rpx; } .checkbox { margin: auto 31rpx; } checkbox .wx-checkbox-input { width: 30rpx; height: 30rpx; border-radius: 50%; border: 1rpx solid var(--subtitleColor) } /* 选择信息说明 */ .info { margin-right: 20rpx; width: 100%; height: 100%; } .infoBox { display: flex; } .infoText { font-size: 28rpx; /* height: 24rpx; */ height: 39rpx; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; max-width: 400rpx; font-weight: 600; margin-bottom: 10rpx; /* overflow: hidden; */ } .infoText2 { font-size: 26rpx; width: 110rpx; color:#888886 } .leftInfo { width: 182rpx; height: 100%; margin-right: 5rpx; margin-left: -75rpx; margin: auto 0; } .infoText3 { font-size: 26rpx; width: 354rpx; height: 22rpx; color:#888886; text-overflow: ellipsis; } .infoText4 { font-size: 26rpx; color: #eb3943; width: 116rpx; /* font-weight: 600; */ text-align: right; transform: translate(-7rpx); margin-bottom:10rpx ; } .infoText5 { color: #3e3939; font-weight: normal; } .infoText6 { font-size: 26rpx; width: 156rpx; } .box { width: 100%; height: 200rpx; } /* 底部开票 */ .bottom_top { display: flex } .checked { margin-left: 30rpx; } .checkbox2 { position: relative; right: -31rpx; } .allCheckedBig{ margin-top: 22rpx; } .allChecked { font-size: 23rpx; color: #b3b3b3; margin-left: 25rpx; } .consumption { display: block; width: 600rpx; height: 32rpx; position: relative; top: 34rpx; left: 116rpx } .allRadio radio .wx-radio-input { border-radius: 50%; width: 28rpx; height: 28rpx; position: relative; top: 5rpx; left: 30rpx; border: var(--subtitleColor) } .bottom { height: 220rpx; position: fixed; bottom: 0; width: 100%; background-color: #fff; border-radius: 18rpx; } .bottom2 { display: flex; justify-content: space-around; } .record { border-radius: 16rpx; width: 295rpx; height: 70rpx; background-color: #fff; color: #000; text-align: center; line-height: 70rpx; border: 1rpx solid #000; position: relative; left: 22rpx; top: 26rpx } .goInvoice { border-radius: 16rpx; width: 295rpx; height: 70rpx; background-color: var(--themeColor); color: #000; text-align: center; line-height: 70rpx; border: 1rpx solid var(--themeColor); position: relative; left: -22rpx; top: 26rpx } /* 样式调整 */ .order-title { font-size: 28rpx; color: #000; margin-top: 14rpx; vertical-align: center; width: 100%; } .order-title-line { padding-bottom: 10rpx; } .order-title: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; } .order-title-button>.button { position: relative; top: -10rpx; float: right; } .cards-tips { background: var(--subtitleColor); top: 0; font-size: 26rpx; color: #000; /* line-height: 2.5; */ white-space: nowrap; padding: 0 20rpx; position: relative; } .arrow-right:before { content:''; position:absolute; top:50%; right:0; margin-top:-5px; border-top:5px solid transparent; border-bottom:5px solid transparent; border-left:5px solid black; }