TaxWeChatApp/miniprogram/style/style.wxss

/* 公用样式 */
.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;
}