/* 公用样式 */ .formTitle { padding: 26rpx 24rpx; line-height: 30rpx; font-size: 28rpx; } .formArea { margin-bottom: 24rpx; background: #fff; box-shadow: 6rpx 6rpx 35rpx rgba(178, 221, 250, .2); overflow: hidden; } .formArea.noMargin { margin: 0; } .lineGroup { position: relative; padding: 0 24rpx; } .lineGroup.gray { background: #eff0f2; } .lineGroup+.lineGroup:before { content: ""; position: absolute; top: 0; left: 24rpx; right: 24rpx; height: 1rpx; background: #f5f5f5; } .lineGroup .lineInner { position: relative; display: flex; } .lineInner .label { height: 98rpx; line-height: 98rpx; font-size: 32rpx; } .lineInner .label.mr { margin-right: 30rpx; } .lineInner .label.small { width: 206rpx; } .lineInner .label.middle { width: 216rpx; } .lineInner .label.large{ width:280rpx; } .lineInner .label.center { display: flex; align-items: center; } .lineInner .label .icon-add1 { margin-top: 4rpx; margin-right: 24rpx; font-size: 36rpx; color: #007dff; } .lineInner .label .star { color: #f63c43; } .lineInner .content { position: relative; flex: 1; width: 0; } .lineInner .diyInput { padding: 30rpx 0 30rpx 24rpx; line-height: 38rpx; font-size: 28rpx; text-align: right; color: #2d2d2d; word-break: break-all; } .lineInner .diyInput.left { text-align: left; } .lineInner .diyInput.nopadding { padding-left: 0; } .lineInner .diyInput .warning { color: #ff8c42; } .lineInner .diyInput .black { color: #282828; } .lineInner .diyInput .danger { color: #fd482c; } .lineInner .diyInput .blue { color: #20cff5; } .lineInner .diyInput .gray { color: #b3b6c3; } .lineInner .diyInput .link { font-weight: 450; color: #007dff; text-decoration: underline; } .lineInner .input { width:100%; height: 98rpx; font-size: 28rpx; color: #2d2d2d; text-align: left; } .lineInner .content.hasUnit { padding-right: 36rpx; } .lineInner .unit { position: absolute; right: 0; top: 0; height: 98rpx; line-height: 98rpx; font-size: 28rpx; text-align: right; color: #2d2d2d; } .lineInner .input.right { text-align: right; } .lineInner .input.padding { padding-left: 24rpx; } .lineInner .searchBtn { margin-top: 22rpx !important; width: 112rpx !important; height: 58rpx; line-height: 58rpx; background: #007dff; font-size: 28rpx; color: #fff; } .lineInner .textareaWrap { padding: 16rpx 0; width: 100%; box-sizing: border-box; } .lineInner .textareaWrap .textarea { margin-left: -10rpx; padding: 0; width: 100%; height: 160rpx; font-size: 28rpx; color: #2d2d2d; } .lineInner .textareaWrap .textarea.right { text-align: right; } .placeholderStyle { font-size: 28rpx; color: #b3b6c3; } .hasArrow { padding-right: 40rpx !important; } .arrow { position: absolute; top: 50%; transform: translateY(-50%); right: -2rpx; font-size: 28rpx; color: #b3b6c3; } .cart { position: absolute; top: 50%; transform: translateY(-50%); right: 0; } .receiveType .lineBox { position: relative; padding: 0 24rpx; height: 98rpx; line-height: 98rpx; font-size: 32rpx; color: #2d2d2d; } .receiveType .lineBox+.lineBox:before { content: ""; position: absolute; top: 0; left: 24rpx; right: 24rpx; height: 1rpx; background: #f5f5f5; } .receiveType .lineBox .icon-right { position: absolute; right: 24rpx; top: 50%; transform: translateY(-50%); color: #fd482c; font-size: 30rpx; } .divide { height: 24rpx; } .totalMoney { position: relative; margin-left: 40rpx; height: 98rpx; line-height: 98rpx; font-size: 28rpx; font-weight: 450; color: #b3b6c3; } .orange { margin-right: 16rpx; color: #ff8c42; } .grayText { display: block; font-size: 28rpx; color: #b3b6c3; } /* 手工开票里的选择 */ .chooseTitle { margin-top: 33rpx; height: 32rpx; line-height: 32rpx; font-size: 32rpx; padding: 0 24rpx; } .chooseWrap { display: flex; align-items: center; padding: 0 24rpx; } .chooseWrap .item { display: flex; align-items: center; padding: 34rpx 0; } .chooseWrap .item+.item { margin-left: 48rpx; } .chooseWrap .item .icon-select { font-size: 36rpx; color: #c4c4c4; } .chooseWrap .item .icon-selected { font-size: 36rpx; color: #007dff; } .chooseWrap .item .text { margin-left: 16rpx; } /* 点击展开 */ .lineSpread { position: relative; padding: 24rpx; display: flex; align-items: center; } .lineSpread:before { content: ""; position: absolute; top: 0; left: 24rpx; right: 24rpx; height: 1rpx; background: #f5f5f5; } .lineSpread .btn { flex: 1; height: 80rpx; line-height: 80rpx; font-size: 32rpx; color: #d5d1d1; background: transparent; border: solid #c4c4c4 1rpx; border-radius: 0; } .lineSpread .btn+.btn { margin-left: 20rpx!important; } .qrcode { padding: 36rpx 24rpx 24rpx; box-sizing: border-box; } .qrcode .pic { width: 220rpx; height: 220rpx; } .selectRate{ position: absolute; top:0; left:0; right:0; bottom:0; z-index:100; } .lineInner .content.ticket{ padding-right:0; display: flex; align-items: center; } .lineInner .content.ticket .input{ flex: 1; padding-right:10rpx; } .lineInner .content.ticket .unit{ position:relative; top:auto; right:auto; }