page {
  background-color: #ffffff;
}
.detalhead {
  margin-top:  30rpx;
  text-align: center;
  font-weight: 400;
  font-size: 30rpx;
  color: #000000;
}
.line {
  margin-top: 27rpx;
  width: 100%;
  height: 2rpx;
  background-color: #F2F2F2;
}
.line2 {
  margin-top: 14rpx;
  width: 100%;
  height: 2rpx;
  background-color: #F2F2F2;
}
.line3 {
  margin-top: 20rpx;
  width: 100%;
  height: 2rpx;
  background-color: #F2F2F2;
}
.iconbox {
  margin-top: 50rpx;
  display: flex;
  flex-direction: row;
  height: 88rpx;
  width: 80%;
  margin-left: 10%;
  margin-right: 10%;
  text-align: center;
  align-content: center;
}
.txtbox {
  margin-top: 14rpx;
  display: flex;
  flex-direction: row;
  width: 90%;
  margin-left: 5%;
  margin-right: 5%;
  text-align: center;
  align-content: center;
}
.datebox {
  display: flex;
  flex-direction: row;
  height: 88rpx;
  width: 90%;
  margin-left: 5%;
  margin-right: 5%;
  text-align: center;
  align-content: center;
}
.iconfirst {
  flex: 14;
  border:2rpx solid #00C7C6;
  border-radius:50rpx;
}
.iconfirstun {
  flex: 14;
  border:2rpx solid #EEF5F7;
  border-radius:50rpx;
}
.iconfirstred {
  flex: 14;
  border:2rpx solid #FF5B60;
  border-radius:50rpx;
}
.iconline {
  width: 100%;
  height: 2rpx;
  background-color:#00C7C6; 
  flex: 29;
  margin-top:42rpx;
}
.iconlineun {
  width: 100%;
  height: 2rpx;
  background-color:#EEF5F7; 
  flex: 29;
  margin-top:42rpx;
}
.iconlinered {
  width: 100%;
  height: 2rpx;
  background-color:#FF5B60; 
  flex: 29;
  margin-top:42rpx;
}

.imgfirst {
  margin-top: 20rpx;
  width: 50rpx;
  height: 50rpx;
}
.imgsecond {
  margin-top: 18rpx;
  width: 50rpx;
  height: 50rpx;
  margin-left: 10rpx;
}
.imgthird {
  margin-left: 2rpx;
  margin-top: 18rpx;
  width: 50rpx;
  height: 50rpx;
}
.txtfirst {
  flex: 24;
  font-weight: 400;
  font-size: 30rpx;
  color: #000000;
}
.txtsecond {
  flex: 18;
  font-weight: 400;
  font-size: 30rpx;
  color: #000000;
}
.txtthird {
  flex: 24;
  font-weight: 400;
  font-size: 30rpx;
  color: #000000;
}
.txtline1 {
  flex: 17;
}
.txtline2 {
  flex: 17;
}

.dateline1 {
  flex: 14;
}
.dateline2 {
  flex: 14;
}
.datefirst {
  flex: 24;
  font-weight: 400;
  font-size: 22rpx;
  color: #848484;
}
.datesecond {
  flex: 24;
  font-weight: 400;
  font-size: 22rpx;
  color: #848484;
}
.datethird {
  flex: 24;
  font-weight: 400;
  font-size: 22rpx;
  color: #848484;
}
.detailbox {
  margin-top: 26rpx;
  width: 90%;
  margin-left: 5%;
  margin-right: 5%;
  display: flex;
  flex-direction: row;
  align-items: center;
}
.detailtxt {
  font-weight: 400;
  font-size: 30rpx;
  color: #848484;
  flex: 5;
  text-align: left;
}
.detailvalue {
  font-weight: 400;
  font-size: 30rpx;
  color: #848484;
  flex: 5;
  text-align: right;
}
.detailvalue2 {
  flex: 5;
  text-align: right;
}
.money {
  font-weight:500;
  font-size:40rpx;
  color:#FF5B60;
}
.moneyvalue {
  font-weight:500;
  font-size:50rpx;
  color:#FF5B60;
}
.load {
  width: 100%;
  height: 2400rpx;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 9999;
  background-color: #ffffff;
  text-align: center;
  line-height: 1300rpx;
}
.loadimg {
  width: 200rpx;
  height: 200rpx;
}