/* pages/orderdetail/orderdetail.wxss */
page {
  background: #e5e5e5;
}

.time_msg {
  font-size: 24rpx;
  font-family: PingFang SC;
  font-weight: 400;
  line-height: 66rpx;
  color: #5B5B5B;
  opacity: 1;
  float: left;
}

.status_msg {
  font-size: 24rpx;
  font-family: PingFang SC;
  font-weight: 400;
  line-height: 66rpx;
  color: #FF6A6A;
  opacity: 1;
  float: right;
}

.details_box {
  display: flex;
  border-bottom: 1px solid #e2e2e2;
  padding: 0 24rpx;
  padding-bottom: 32rpx;
}

.title {
  width: 430rpx;
  height: 86rpx;
  font-size: 30rpx;
  font-family: PingFang SC;
  font-weight: bold;
  line-height: 44rpx;
  color: #222222;
  opacity: 1;
  margin-top: 16rpx;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.detail_number {
  font-size: 26rpx;
  font-family: PingFang SC;
  font-weight: 400;
  line-height: 37rpx;
  color: #B4B4B4;
  opacity: 1;
  margin-top: 11rpx;
}

.money {
  margin-top: 18rpx;
  font-size: 26rpx;
  font-family: PingFang SC;
  font-weight: 400;
  line-height: 37rpx;
  color: #B4B4B4;
  opacity: 1;

}

.detail_btn {
  margin-top: 20rpx;
  margin-right: 30rpx;
  float: right;

  height: 57rpx;
 
  border: 1rpx solid #FF4A4A;
  border-radius: 34rpx;
  font-size: 26rpx;
  font-family: PingFang SC;
  font-weight: 400;
  line-height: 57rpx;
  color: #FF4A4A;
  opacity: 1;
  text-align: center;
  right:200rpx;color:#4A4A4A;border: 1rpx solid #4A4A4A;padding:0 30rpx
}

.contact {
  height: 219rpx;
  background: #fff;
  margin-top: 8rpx;
  padding: 0 24rpx;
}

.contact_title {
  font-size: 30rpx;
  font-family: PingFang SC;
  font-weight: 500;
  line-height: 70rpx;
  color: #333333;
  opacity: 1;
  margin-bottom: 10rpx;

}

.information {
  margin-top: 8rpx;
  background: #fff;
  height: 458rpx;
  padding: 0 24rpx;
}

.information_title {
  font-size: 26rpx;
  font-family: PingFang SC;
  font-weight: 400;
  line-height: 36rpx;
  color: #686868;
  opacity: 1;
  margin-right: 71rpx;

}

.mengceng {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: 0.7;
}

.qxdd {
  position: fixed;
  left: 95rpx;
  bottom: 50%;
  width: 560rpx;
  height: 247rpx;
  background: #fff;
  border-radius: 20rpx;

}

.msg_btn {
  width: 50%;
  line-height: 85rpx;
  text-align: center;
  font-size: 26rpx;
  font-family: PingFang SC;
  font-weight: 500;
  color: #4A4A4A;
  opacity: 1;
}

.msg_title {
  height: 161rpx;
  line-height: 161rpx;
  text-align: center;
  font-size: 28rpx;
  color: #4A4A4A;
  font-family: PingFang SC;
  font-weight: 500;
  border-bottom: 1px solid #EBEBEB;
}

.erweima_tanchang {
  position: fixed;
  left: 95rpx;
  bottom: 40%;
  width: 560rpx;
  height: 446rpx;
  background: #fff;
  border-radius: 20rpx;
  text-align: center;
}

.refund_box {
  position: fixed;
  background: #fff;
  bottom: 0;
  width: 100%;
  border-radius: 40rpx 40rpx 0px 0px;
  
}

.gang {
  width: 102rpx;
  height: 8rpx;
  background: #CCCCCC;
  border-radius: 103rpx;
  margin: 0 auto;
  margin-top: 23rpx;
  margin-bottom: 15rpx;
}

.refund_title {
  font-size: 34rpx;
  font-family: PingFang SC;
  font-weight: bold;
  line-height: 48rpx;
  color: #2D2D2F;
  opacity: 1;
  margin-bottom: 5rpx;
  text-align: center;
}

.list_box {
  margin: 0 41rpx 0 25rpx;
  display: flex;
  justify-content: space-between;
  height: 102rpx;
  line-height: 102rpx;
  border-bottom: 1rpx solid #E8E8E8;
}

.opt_view {
    height:105rpx;position: relative;background: #ffffff;margin-top:4rpx;
}

.opt_bt_view {
    right:200rpx;color:#4A4A4A;border: 1rpx solid #4A4A4A;padding:0 30rpx
}































.wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
}

.block {
  width: 676rpx;
  height: 1125rpx;
  background-color: #fff;
  border-radius: 20rpx;
}

.select-wrap {
  width: 300rpx;
  margin-left: 116rpx;
}

.pinGroup {
  height: 270rpx;
  display: flex;
  border-bottom: 1px solid #999999;
}
.Groupone {
  height: 161rpx;
  display: flex;
  border-bottom: 1px solid #999999;
}
.Group-image {
  width: 230rpx;
  height: 230rpx;
  margin: 19rpx 28rpx 19rpx 31rpx;
}

.Group-image image {
  width: 100%;
  height: 100%;
}

.pincontent {

  width: 400rpx;
  height: 201rpx;
  margin-top: 28rpx;
}

.pincontent .title1 {
  font-size: 30rpx;
  font-weight: 700;
}

.pincontent .title2 {
  font-size: 26rpx;
  height: 37rpx;
  line-height: 37rpx;
  display: flex;
  color: #B4B4B4;
  margin: 11rpx 0 18rpx 0;
}

.pincontent .title2 .house {
  width: 28rpx;
  height: 28rpx;
  margin-right: 7rpx;
  margin-top: 5rpx;
}


.pincontent .title2 .house image {
  width: 100%;
  height: 100%;
}

.pincontent .Price {
  display: flex;
}

.pincontent .Price .Price1 {
  font-size: 34rpx;
  color: #FF4A4A;
  line-height: 42rpx;
  margin-right: 17rpx;
}

.pincontent .Price .Price2 {
  font-size: 24rpx;
  color: #CBCBCB;
  line-height: 41rpx;
  margin-right: 23rpx;
  text-decoration:line-through;
}

.pincontent .Price .Price3 {
  width: 51rpx;
  height: 21rpx;
  font-size: 15rpx;
  color: #E75D4D;
  border: 1px solid #E75D4D;
  border-radius: 4rpx;
  text-align: center;
  line-height: 18rpx;
  margin-top: 10rpx;
}

.order-list{
  width: 100%;
}

.custom-bar {
  
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
}
.custom-bar__wrapper {
  padding: 0 10rpx;
  display: flex;
  justify-content: center;
  align-items: center;
}
.search-group {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  border-radius: 60rpx;
  
  padding-left: 25rpx;
  background: #F5F5F5;
}
.search-group > input {
  font-size: 25rpx;
  width: 800rpx;
}
.search-group > image {
  height: 32rpx;
  width: 32rpx;
  margin-right: 20rpx
}

.buttonsty{
  width: 244rpx;
  height: 80rpx;
  text-align: center;
  font-size: 25rpx;
  background: #F5F5F5;
  border-radius: 310rpx;
  align-items: center;
  justify-content: center;
  display: flex ;
}


.Distit {
  width: 685rpx;
  display: flex;
  margin-top: 26rpx;
  justify-content: space-between;
}
.textone{
  background: #FF4C00;
  border-radius: 50%;
  width: 29rpx;
  height: 29rpx;
  align-items: center;
  font-size: 17rpx;
  color: #FFFFFF;
  text-align:center;
}

.viewone{
  display: flex;flex-direction:column;align-items: center; margin-left: 56rpx;
}

.yaotext{
  font-size: 60rpx;text-shadow: 0rpx 3rpx 5rpx rgba(250, 37, 61, 0.59);
  color: #FFF433;
  display: flex;
  position: relative;
  top: -228rpx;
  justify-content: center;
  font-family: FZChaoCuHei-M10S;

}
.yaotexttwo{
  font-size: 60rpx;
  font-family: YouSheBiaoTiHei;
  color: #FFFFFF;
  text-shadow: 0rpx 3rpx 6rpx #FE424C;
  display: flex;
  position: relative;
  top: -200rpx;
  justify-content: center;
}


.imageone{
  width: 90rpx;
height: 90rpx;
border: 2rpx solid #FF4C00;
border-style:dashed;
border-radius: 50%;
}
.texttwo{
  background: #FF4C00;
  width: 57rpx;
  height: 27rpx;
  align-items: center;
  font-size: 17rpx;
  color: #FFFFFF;
  text-align:center;
}
.imagetwo{}


  
.status-box{
  height: 88rpx;
  line-height: 88rpx;
  display: flex;
  position: absolute;
  z-index: 1;
  margin-top: 0rpx;
  justify-content: space-between;
  align-items: center;
  background-color:#ffffff;
  margin-left: 220rpx;
  margin-right: 220rpx;
  justify-content: space-between;

}
.status-box .status-label{
  width: 150rpx;
  height: 100%;
  text-align: center;
  font-size:24rpx;
  color:#353535;
  box-sizing: border-box;
  position: relative;
}
.status-box .status-label.active{
 

  color: #5B5B5B;
  font-size: 28rpx;
  font-family: PingFang SC;
  font-weight: 800;
  border-bottom: 6rpx solid #FF6A6A;
}
.status-box .status-label .red-dot{
  width: 16rpx;
  height: 16rpx;
  position: absolute;
  left: 116rpx;
  top:23rpx;
  background-color: #f43530;
  border-radius: 50%;
}
