sureorder.wxss 3.4 KB
page{
  background:#F4F4F4 
}
.sureorderhead{
  width:691rpx;
  height:152rpx;
  background:rgba(255,255,255,1);
  border-radius:10px;
  display:flex;
  align-items: center;
  margin:0 auto;
  justify-content: space-between;
  padding: 0 40rpx;
  box-sizing: border-box

}
.ordername{
  color:#707070;
  font-size: 24rpx;

}
.ordersign{
  width:33rpx;
  height:33rpx;
  font-size: 0
}
.ordersign image{
  width:100%;
  height:100%;
}
.addressname{
  color:#333333;
  font-size: 28rpx;

}
.orderaddress{
  display:flex;
  align-items: center
}
.addressname{
  margin-left:21rpx;
}
.editimg{
  width:36rpx;
  height:36rpx;
  font-size: 0
}
.editimg image{
  width:100%;
  height:100%;
}
.orderaddress{
  margin-top:24rpx;
}
.sureorderhead{
  margin-top:30rpx;
}
.middlecontent{
  width:691rpx;
  padding: 27rpx 54rpx;
  margin:0 auto;
  box-sizing: border-box;
  background: #fff;
  margin-top:77rpx;
  border-radius:10rpx;

}
.midimg{
  width:136rpx;
  height:149rpx;
  font-size: 0
}
.midimg image{
  width:100%;
  height:100%;
}
.middlecontentlist{
  display:flex;
  justify-content: space-between;
  align-items: center
}
.ordermiddlename{
  color:#333333;
  font-size: 28rpx;

}
.ordermiddlecolor{
  color:#707070;
  font-size: 24rpx;
  margin-top:20rpx;
}
.ordermiddlerightprice{
  color:#15276D;
  font-size: 36rpx;
}
.ordermiddlerightnum{
  color:#707070;
  font-size: 24rpx;
  text-align: right
}
.midorderbottom{
 text-align: right
  
}
.midorderbottompriceleft{
  color:#707070;
  font-size:28rpx;
  margin-right:20rpx;

}
.midorderbottompriceright{
  color:#333333;
  font-size: 28rpx;
}
.wxpayimage{
  width:63rpx;
  height:63rpx;
  font-size: 0
}
.wxpayimage image{
  width:100%;
  height:100%;
}
.wxpayname{
  color:#333333;
  font-size: 28rpx;
  margin-left:18rpx;

}
.wxpayimg{
  display:flex;
  align-items: center
}
.selectwx{
  width:30rpx;
  height:30rpx;
  font-size: 0
}
.selectwx image{
  width:100%;
  height:100%;
}
.wxpaytop{
  display:flex;
  justify-content: space-between;
  align-items: center
}
.wxpaybottom{
  display:flex;
  justify-content: space-between;
  align-items: center;
  margin-top:43rpx;
}
.wxpaybottomrightrow{
  width:8rpx;
  height:15rpx;
  font-size: 0
}
.wxpaybottomrightrow image{
  width:100%;
  height:100%;
}
.wxpaybottomleft{
  color:#333333;
  font-size: 24rpx;
}
.wxpaybottomright{
  display:flex;
  align-items: center

}
.wxpaybottomrightname{
  color:#707070;
  font-size: 24rpx;
  margin-right: 15rpx;
}
.wxpay{
  width:691rpx;
  margin:0 auto;
  background: #fff;
  border-radius: 10rpx;
  padding: 18rpx 48rpx;
  box-sizing: border-box;
  margin-top:20rpx;
}
.paydetail{
  width:691rpx;
  background: #fff;
  border-radius: 10rpx;
  padding: 29rpx 40rpx 39rpx;
  box-sizing: border-box;
  margin:22rpx auto 0;
}
.paydetailist{
  color:#707070;
  font-size: 24rpx;
  margin-top:20rpx;
}
.payorderbottom{
  width:691rpx;
  padding: 30rpx 40rpx;
  box-sizing: border-box;
  display:flex;
  justify-content: space-between;
  align-items: center;
  border-radius:10rpx;
  background: #fff;
  margin:24rpx auto 230rpx;

}
.payorderbottomleftact{
  color:#707070;
  font-size: 24rpx;
}
.payorderbottomleftprice{
  color:#333333;
  font-size: 40rpx;
  margin-left:20rpx;

}
.payorderleft{
  display:flex;
  align-items: center
}
.payorderbottomright{
  width:148rpx;
  height:54rpx;
  background:linear-gradient(95deg,rgba(14,166,212,1),rgba(23,69,149,1));
  border-radius:27rpx;
  color:#fff;
  text-align: center;
  line-height: 54rpx;
  font-size: 24rpx;
}