challengeFamily/pages/order/invoicingEdit/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;
  align-items: center;
}
.red{
  height: 32rpx;
  width: 20rpx;
  border-right:solid #ec3a43 6rpx
}
.invoicing{
  margin-left: 17rpx;
  font-size: 36rpx;
  font-weight: 700;
  color: #ec3a43;
  line-height: 1;
}
/* 开票图片类型 */
.invoicImg{
  width: 100%;
  height: 500rpx;
}



/* 发票类型开票详情 */
.invoicDetail{
  /* height: 480rpx; */
  width: 100%;
  background-color: #fff;
  position: relative;
  top: -300rpx;
  border-radius: 28rpx;
}
.invoicTop{
  height:65rpx;
  width: 100%;
  /* background-color: blue; */
  display: flex;
  align-items: center;
}
.invoicTopLeft{
  width: 20rpx;
  height: 20rpx;
  border-right:solid #ec3a43 6rpx;
  margin-right: 17rpx;
}
.invoicTopInfo{
  font-size: 24rpx;
  color: #3e3939;
  font-weight: 700;
}
/* 发票类型 */
.invoicType{
  display: flex;
  width: 708rpx;
  height: 74rpx;
  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;
}
.typeInfoTitle {
  overflow: hidden;
  width: 417rpx;
  margin-right: -16rpx;
  text-align: right;
  white-space: wrap;
  padding: 4rpx 0 8rpx 0;
  margin-right: 0rpx;
}
.typeInfoOne {
  /* display: block; */
  position: relative;
  /* left: 190rpx; */
  font-size: 26rpx;
  color: #959595;
  /* margin-right: 15rpx; */
  width: 90rpx;
  height: 74rpx;
  /* float: left; */
}
.type{
  font-size: 28rpx;
  margin-right: auto;
  color: #433f3f;
}
.typeInfo{
  font-size: 26rpx;
  color: #888886;
  text-overflow: -o-ellipsis-lastline;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  /* margin-right: 20rpx; */
}
.invoicEmail{
  display: flex;
  width: 708rpx;
  height: 74rpx;
  align-items: center;
  margin: 0 20rpx;
}
.typeInput {
  text-align: right;
  /* text-align-last: right; */
  /* margin-right: 15rpx; */
  /* box-sizing:border-box; */
  font-size: 22rpx;
  color: #959595;
}



/* 底部 */
.editInfo{
  position: fixed;
  bottom: 0;
  height: 87rpx;
  width: 100%;
  background-color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
}
.infobtn{
  background-color: #ec3a43;
  border-radius: 20rpx;
  width: 630rpx;
  height: 73rpx;
  text-align: center;
  line-height: 73rpx;
  color: #fef7f8;
}