challengeFamily/pages/order/invoicing/index.wxss

/* 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;
  }