challengeFamily/pages/order/invoicingDetail/index.wxss

/* pages/order/invoicingDetail/index.wxss */
page{
  background-color: #f4f4f3;
  padding:0;
  margin: 0;
}
/* 开票信息顶部 */
.detailTop{
  display: flex;
  position: absolute;
  top:68rpx;
  margin: 0;
  padding: 0;
  width: 100%;
}
.red{
  height: 75rpx;
  width: 20rpx;
  border-right:solid var(--subtitleColor) 6rpx
}
.invoicing{
  margin-left: 17rpx;
  /* position: relative;
  top:-8rpx; */
  width: 65%;
}
.invoicing1{
  color: #000;
  font-weight: 900;
  font-size: 36rpx;
  line-height: 1;
  margin-top: -2rpx;
}
.invoicing2{
  font-size: 25rpx;
  color: #413b3b;
  margin-top: 10rpx;
}
/* 开票图片类型 */
.invoicImg{
  width: 25%;
  margin-top: -50rpx;
}
.refuseImg{
  width: 25%;
  margin-top: -50rpx;
}

.overImg{
  width: 25%;
  margin-top: -50rpx;
}


/* 发票类型开票详情 */
.invoicDetail{
  /* height: 527rpx; */
  width: 100%;
  background-color: #fff;
  position: relative;
  top: 200rpx;
  border-radius: 28rpx;
}
.invoicTop{
  height:65rpx;
  width: 100%;
  /* background-color: blue; */
  display: flex;
  align-items: center;
  padding: 0 20rpx;
}
.invoicTopLeft{
  width: 20rpx;
  height: 20rpx;
  border-right:solid var(--subtitleColor) 6rpx;
  margin-right: 17rpx;
}
.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: 74rpx;
  border-bottom: solid #dbdcdd 2rpx;
  align-items: center;
  margin: 0 20rpx;
}
.type{
  font-size: 28rpx;
  margin-right: auto;
  color: #433f3f;
  flex:2;
}
.typeInfo{
  font-size: 26rpx;
  color:#959595;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.typeInfo2{
  font-size: 22rpx;
  color:#959595;
  flex:wrap
}
.typeInput {
  text-align: right;
  text-align-last: right;
  margin-right: 15rpx;
  /* box-sizing:border-box; */
  font-size: 22rpx;
  color: #959595;
}
.typeInfoTitle {
  flex:1;
  overflow: hidden;
  width: 417rpx;
  /* margin-right: -16rpx; */
  text-align: right;
  white-space: wrap;
  padding: 8rpx 0 8rpx 0;
}
.typeInfoOne {
  position: relative;
  font-size: 26rpx;
  color: #959595;
  /* margin-right: 15rpx; */
  width: 90rpx;
  height: 74rpx;
}
.invoicTypeInfoOne{
  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;
}
.invoicEmail{
  display: flex;
  width: 708rpx;
  height: 74rpx;
  align-items: center;
  margin: 0 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;
}