pos_xcx/pages/personorder/personorder.wxss

.container .tab-content {
  height: 95rpx;
  line-height: 95rpx;
}

.container .weui-tabs .weui-tabs-bar__wrp {
  position: relative;
}

.container .weui-tabs .weui-tabs-bar__wrp .weui-tabs-bar__content {
  height: 95rpx;
  line-height: 92rpx;
  white-space: nowrap;
  display: flex;
  justify-content: space-around;
}

.container .weui-tabs .weui-tabs-bar__wrp .weui-tabs-bar__content .weui-tabs-bar__item {
  width: 100rpx;
}

.container .weui-tabs .weui-tabs-bar__wrp .weui-tabs-bar__content .weui-tabs-bar__item .weui-tabs-bar__title {
  width: 100rpx;
  text-align: center;
  border-bottom-width: 6rpx;
}

.container .weui-tabs .weui-tabs-bar__wrp::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 1rpx;
  background-color: #ECECEC;
  bottom: -2rpx;
  left: 0;
}

.container .orders {
  margin-top: 20rpx;
}

.container .orders .orderinfo {
  margin: 0 20rpx 20rpx;
}

.container .orders .orderinfo .order-item {
  display: flex;
  justify-content: flex-start;
  position: relative;
  border-bottom: 1px solid #ebeef5;
}

.container .orders .orderinfo .order-item .order-img {
  width: 210rpx;
  height: 200rpx;
  margin: 55rpx 20rpx 0 20rpx;
}

.container .orders .orderinfo .order-item .order-img image {
  width: 210rpx;
  height: 200rpx;
  border-radius: 20rpx;
}

.container .orders .orderinfo .order-item .order-desc {
  flex: 1;
  margin: 15rpx 15rpx;
}

.container .orders .orderinfo .order-item .order-desc .order-id {
  height: 40rpx;
  line-height: 40rpx;
  text-align: right;
}

.container .orders .orderinfo .order-item .order-desc .order-title {
  height: 40rpx;
  line-height: 40rpx;
}

.container .orders .orderinfo .order-item .order-desc .order-price {
  height: 100rpx;
  line-height: 100rpx;
}

.container .orders .orderinfo .order-item .order-desc .order-date {
  height: 34rpx;
  line-height: 30rpx;
  margin-bottom: 10rpx;
  position: relative;
  padding-left: 40rpx;
}

.container .orders .orderinfo .order-item .order-desc .order-shop-address {
  height: 30rpx;
  line-height: 30rpx;
  display: flex;
  justify-content: space-between;
  position: relative;
  padding-left: 35rpx;
}

.container .orders .orderinfo .operate-btn {
  display: flex;
  justify-content: flex-end;
}

.container .orders .orderinfo .operate-btn .btn {
  width: 150rpx;
  height: 60rpx;
  line-height: 60rpx;
  text-align: center;
  margin: 20rpx 25rpx;
  border-radius: 10rpx;
}

.container .orders .orderinfo .operate-btn .buy-again {
  border: 1rpx solid #c7c7c7;
}

.container .orders .orderinfo .operate-btn .comment,
.container .orders .orderinfo .operate-btn .pay {
  background-color: #DF3361;
  color: #fff;
}

.icon {
  position: absolute;
  top: -3rpx;
  left: 0;
}

.pay-text {
  display: inline;
  position: absolute;
  font-size: 28rpx;
  line-height: 53rpx;
  left: 20rpx;
  color: #F4511E;
}