gongxiangjiayun/pages/orderDetail/orderDetail.wxss

/* pages/bikeList/bikeList.wxss */
page {
  background-color: rgba(238, 238, 238, 1);

  height: 100%;
}

.home {
  height: 100%;
  position: relative;
}

.top {
  padding: 56rpx 100rpx 38rpx 100rpx;
  display: flex;
  text-align: center;
}

.top-left,
.top-right {
  flex: 1;

  text-align: center;
  font-size: 26rpx;
  font-family: PingFang SC;
  font-weight: 550;
  color: rgba(42, 42, 42, 0.42);

}

.cur {

  font-size: 34rpx;
  font-family: PingFang SC;

  color: rgba(42, 42, 42, 0.8);

}

.line {
  margin-left: 40%;
  margin-top: 15rpx;
  display: block;
  width: 20%;
  height: 12rpx;
  background: #FF6545;
  border-radius: 4rpx;
}





.content {
  padding: 16rpx 30rpx;
}

.list {
  position: relative;
  font-size: 28rpx;
  font-family: PingFang SC;
  font-weight: 500;
  color: #202020;
  padding: 45rpx 50rpx 36rpx 50rpx;
  background: #FFFFFF;
  border-radius: 10rpx;
}

.list-text {
  margin: 10rpx 0;
}

.title {
  margin-bottom: 30rpx;
  height: 31rpx;
  font-size: 32rpx;
  font-family: PingFang SC;
  font-weight: bold;
  color: #FF6545;
}

.detail {
  text-align: center;
  position: absolute;
  bottom: 47rpx;
  right: 37rpx;
  width: 148rpx;
  height: 54rpx;
  line-height: 54rpx;
  background: #FF6545;
  border-radius: 27rpx;
  font-size: 24rpx;
  font-family: PingFang SC;
  font-weight: 500;
  color: #FFFEFE;
}

.pop {
  position: fixed;
  top: 0;
  height: 100%;
  width: 100%;
  z-index: 200;
  background-color: rgba(0, 0, 0, 0.6);
}

.pop-bottom {
  position: fixed;
  bottom: 0;

  border-radius: 20rpx 20rpx 0rpx 0rpx;
  background-color: #FFFFFF;
  width: 100%;
}

.bottom-top {
  padding: 0 30rpx;
}

.bottom-title {
  padding: 54rpx 0;
  text-align: center;
  border-bottom: solid 1rpx rgba(238, 238, 238, 1);
  font-size: 34rpx;
  font-family: PingFang SC;
  font-weight: 500;
  color: #202020;
}

.bottom-text {
  padding: 30rpx 0 45rpx 0;
  border-bottom: solid 1rpx rgba(238, 238, 238, 1);
}

.text1,
.text6 {
  display: flex;
}

.text1 view {
  flex: 1;
}

.text6 view {
  flex: 1;
}

.text1 {
  margin-bottom: 35rpx;
  font-size: 28rpx;
  font-family: PingFang SC;
  font-weight: bold;
  color: #202020;
}

.text3 {
  text-align: right;
}

.text6 {
  margin: 15rpx;
  font-size: 24rpx;
  font-family: PingFang SC;
  font-weight: 500;
  color: #4D4D4D;
}

.text5 {
  text-align: right;
}

.result {
  margin: 30rpx;
  font-size: 28rpx;
  text-align: right;
  font-family: PingFang SC;
  font-weight: bold;
  color: #202020;
}

.tips {
  margin: 30rpx 0;
  font-size: 24rpx;
  font-family: PingFang SC;
  font-weight: 500;
  color: #FF6545;
}

.pay {
  height: 138rpx;
  width: 100%;
  line-height: 138rpx;
  text-align: center;
  display: flex;
}

.pay-left {
  flex: 0 0 60%;
  background: #FFE5E0;
  font-size: 30rpx;
  font-family: PingFang SC;
  font-weight: 400;
  color: #333333;
}

.pay-right {
  flex: 1;
  background: #FF6545;
  font-size: 40rpx;
  font-family: PingFang SC;
  font-weight: 500;
  color: #FFFFFF;

}

.tip {
  margin: 40rpx 30rpx;
  font-size: 22rpx;
  font-family: PingFang SC;
  font-weight: 400;
  color: #333333;
}