challengeFamily/pages/order/invoicingRecord/index.wxss

/* pages/order/invoicingRecord/index.wxss */
page {
  background-color: #f4f4f3;
}

/* .applicationRecord {
  font-size: 23rpx;
} */
.chooseCode::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;
}

/* 消费码 */
.code {
  display: flex;
  height: 76rpx;
  padding: 0 20rpx;
}

.left {
  width: 6rpx;
  height: 19rpx;
  margin: 31rpx 7rpx 20rpx 35rpx;
}

.chooseCode {
  font-size: 28rpx;
  /* position: relative;
  top:13rpx */
  margin: 25rpx 0 19rpx 6rpx;
}

/* 选择项 */
.chooseTerm {
  background-color: #fff;
  height: 120rpx;
  border-radius: 26rpx;
  margin-bottom: 20rpx;
}

.frame radio .wx-radio-input {
  border-radius: 50%;
  width: 28rpx;
  height: 28rpx;
  border: 1rpx solid #ed4c55;
  margin: 44rpx 29rpx 44rpx 35rpx;
}

/* 选择信息说明 */
.infomation {
  position: relative;
  top: 36rpx;
  left: 95rpx;
}

.time {
  position: relative;
  left: 0rpx;
}

.position {
  width: 655rpx;
  height: 28rpx;
  font-size: 28rpx;
  font-weight: 600;
  display: flex;
  position: relative;
  top: -16rpx;
  left: -60rpx;
  margin-bottom: 6rpx;
}

.explain {
  width: 655rpx;
  height: 24rpx;
  font-size: 24rpx;
  font-weight: 550;
  display: flex;
}

.name {
  color: #888886;
  font-size: 26rpx;
  display: block;
  width: 321rpx;
  height: 26rpx;
  font-weight: normal;
  position: relative;
  left: -60rpx;
}

.name2 {
  position: relative;
  left: -214rpx;
}

.invoicing_price {
  color: #575353;
  font-size: 22rpx;
}

.invoicing_price image {
  width: 84rpx;
  height: 22rpx;
  margin-right: 30rpx;
}

.price {
  position: relative;
  left: 25rpx;
  font-size: 28rpx;
  font-weight: 600;
  color: #4c4747;
}

/* 待开票 */
.toBeInvoiced {
  width: 130rpx;
  height: 26rpx;
  font-size: 26rpx;
  position: relative;
  top: -24rpx;
  left: -21rpx;
  font-weight: normal;
  color: var(--subtitleColor);
}

/* 已开票 */
.invoiced {
  color: #cfd0d1;
}