yoshop-wechat/pages/sharing/order/index.wxss

.container {
  /* font-size: 28rpx; */
}

.header {
  width: 100%;
  height: 88rpx;
  border-bottom: 1rpx solid #e4e4e4;
  display: flex;
  background: #fff;
  line-height: 88rpx;
  position: fixed;
  top: 0;
  z-index: 100;
}

.header view {
  flex: 1;
  text-align: center;
  padding: 0 15rpx;
}

.header view text {
  display: block;
}

.header view.active {
  color: #fd4a5f;
}

.header view.active text {
  border-bottom: 1px solid #fd4a5f;
}

/* 商品列表 */

.goods-detail-box {
  font-size: 28rpx;
}

.order-box {
  padding: 0 25rpx;
}

.order-header {
  padding: 18rpx 0;
}

.order-cont {
  padding: 15rpx 0;
  justify-content: space-between;
}

.order-cont .order-num text, .order-cont .order-time text {
  color: #777;
  font-size: 26rpx;
}

.order-shop {
  padding: 16rpx 0 16rpx 0;
}

.order-shop-left, .order-shop-left image {
  width: 160rpx;
  height: 160rpx;
  /* border: 1rpx solid #e4e4e4; */
  margin-right: 15rpx;
  display: inline-block;
  background: #fff;
}

.order-shop .num {
  float: right;
}

.order-btn {
  padding: 18rpx 0 18rpx 0;
  z-index: 9;
}

.order-btn .order-left text, .order-btn .order-left .text {
  font-size: 29rpx;
}

.order-btn .order-left .text {
  color: #888;
}

.order-btn .order-right .btn-group {
  margin-bottom: -10rpx;
}

.order-btn .order-right .btn-group .btn-group-item {
  margin: 0 0 10rpx 10rpx;
  float: right;
}

.order-btn .order-right .btn-group .btn-group-item .btn-default {
  border-radius: 4px;
  border: 1rpx solid #ccc;
  padding: 6rpx 20rpx;
  font-size: 28rpx;
  color: #555;
}

.order-btn .order-right .btn-group .btn-group-item .btn-main {
  border-radius: 4px;
  border: 1rpx solid #fd4a5f;
  padding: 6rpx 20rpx;
  font-size: 28rpx;
  color: #fd4a5f;
}

.order-list-box .left {
  flex: 4;
  overflow: hidden;
  position: relative;
}

.order-list-box .right {
  flex: 1;
}

.goods-number {
  font-size: 28rpx;
  color: #777;
}

.user-orderJtou {
  font-size: 24rpx;
}

.order-img_list {
  background: #fff;
  border-top: 1rpx solid #f8f8f8;
  border-bottom: 1rpx solid #f8f8f8;
}

/* 商品详情 */

.detail-goods {
  padding: 18rpx;
}

.detail-goods .left .goods-image {
  display: block;
  width: 150rpx;
  height: 150rpx;
}

.detail-goods .right {
  padding-left: 25rpx;
}

.detail-goods .right .goods-name {
  color: #333;
}

.yoshop-notcont navigator {
  background: #fd4a5f;
  height: 30px;
  line-height: 30px;
  font-size: 28rpx;
  width: 200rpx;
  margin: 0 auto;
  border-radius: 5px;
  text-align: center;
  color: #f8f8f8;
  margin-top: 25rpx;
}

/* 弹出层 */

.pop-example__container {
  background: #fff;
  padding: 30rpx 40rpx;
  border-radius: 10rpx;
  min-width: 460rpx;
}

.pop-example__container .pop-title {
  text-align: center;
}

.pop-content {
  margin-top: 30rpx;
}

/* 弹出层：核销码 */

.pop-qrcode .pop-content image {
  display: block;
  width: 460rpx;
  height: 460rpx;
}

/* 弹出层：支付方式 */

.pop-orderPay .pop-title {
  text-align: left;
}

.pay-method .pay-item {
  padding: 20rpx 0;
  font-size: 28rpx;
  /* border-bottom: 1rpx solid rgb(248, 248, 248); */
}

.pay-method .pay-item .item-left_icon {
  margin-right: 20rpx;
  font-size: 32rpx;
}

.pay-method .pay-item .item-left_icon.wechat {
  color: #00c800;
}

.pay-method .pay-item .item-left_icon.balance {
  color: #ff9700;
}