challengeFamily/pages/order/invoicingApply/index.wxss

/* pages/order/invoicingDetail/index.wxss */
page {
  background-color: #f4f4f3;
  padding: 0;
  margin: 0;
}

/* 发票类型开票详情 */
.invoicDetail {
  margin: 20rpx 0;
  /* height: 708rpx; */
  width: 100%;
  background-color: #fff;
  position: relative;
  /* top: -300rpx; */
  border-radius: 28rpx;
  overflow: hidden;
}

.invoicTop {
  height: 65rpx;
  width: 100%;
  /* background-color: blue; */
  display: flex;
  align-items: center;
  padding: 0 20rpx;
}

.invoicTopLeft {
  width: 20rpx;
  height: 20rpx;
  border-right: solid #ec3a43 6rpx;
  margin-right: 9rpx;
}

.invoicTopInfo {
  font-size: 28rpx;
  color: #000;
  /* font-weight: 700; */
  margin-top: 20rpx;
}

.invoicTopInfo::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;
}

/* 发票类型 */
.invoicType {
  display: flex;
  width: 708rpx;
  height: 80rpx;
  border-bottom: solid #dbdcdd 2rpx;
  align-items: center;
  margin: 0 20rpx;
}

.invoicTypeInfo {
  display: flex;
  width: 708rpx;
  /* height: 80rpx; */
  border-bottom: solid #dbdcdd 2rpx;
  align-items: center;
  margin: 0 20rpx;
}

.invoicTypeInfoOne {
  display: flex;
  width: 708rpx;
  height: 80rpx;
  border-bottom: solid #dbdcdd 2rpx;
  align-items: center;
  margin: 0 20rpx;
  padding: 20rpx 0;
}

.type {
  font-size: 28rpx;
  margin-right: auto;
  color: #433f3f;
}
.invoiceSample{color: #c9caca;width: 100%;text-align: center;font-size: 22rpx;margin-bottom: 20rpx;}

.typeInput {
  text-align: right;
  text-align-last: right;
  margin-right: 15rpx;
  /* box-sizing:border-box; */
  font-size: 26rpx;
  color: #959595;
}

.typeInfoTitle {
  overflow: hidden;
  width: 417rpx;
  margin-right: -16rpx;
  text-align: right;
  white-space: wrap;
  padding: 4rpx 0 8rpx 0;
  /* float: left; */
  /* height: 100%; */
  /* width: 200rpx; */
  /* overflow: scroll; */
}

.typeInfoOne {
  /* display: block; */
  position: relative;
  /* left: 190rpx; */
  font-size: 26rpx;
  color: #959595;
  margin-right: 15rpx;
  width: 90rpx;
  height: 74rpx;
  /* float: left; */
}

.typeInfo {
  font-size: 26rpx;
  color: #959595;
  text-overflow: -o-ellipsis-lastline;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  /* margin-right: 15rpx; */
  /* width: 200rpx; */
  /* width: 200rpx; */
}

.typeInfoEmail {
  position: relative;
  right: 25rpx;
}

.invoicEmail {
  display: flex;
  width: 708rpx;
  height: 80rpx;
  align-items: center;
  margin: 0 20rpx;
}



/* 提示说明 */
.tipInfo {
  height: 158rpx;
  background-color: #fff;
  border-radius: 28rpx;
}

.tip {
  display: flex;
  align-items: center;
  height: 50%;
  padding: 0 20rpx;
}

.tipRed {
  width: 22rpx;
  height: 22rpx;
  border-right: #ec3a43 solid 6rpx;
  margin-right: 9rpx;
}

.tipTitle {
  font-size: 28rpx;
  color: #3e3939;
}

.tipTitle::before {
  content: '';
    height: 20rpx;
    width: 6rpx;
    background: #EE3A43;
    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: rgb(238, 58, 67);
    border-top-left-radius: 2px;
    border-top-right-radius: 2px;
    border-bottom-right-radius: 2px;
    border-bottom-left-radius: 2px;
}

/* 提示文案 */
.prompt {
  font-size: 26rpx;
  color: #c5c6c7;
  margin-left: 20rpx;
}



/* 底部 */
.editInfo {
  position: fixed;
  bottom: 0;
  height: 87rpx;
  width: 100%;
  background-color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
}

.infobtn {
  background-color: var(--themeColor);
  border-radius: 20rpx;
  width: 630rpx;
  height: 73rpx;
  text-align: center;
  line-height: 73rpx;
  color: #000;
}