pos_xcx/pages/personorder/personorder.wxss

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

.container .weui-tabs .weui-tabs-bar__wrp .weui-tabs-bar__content {
  height: 95rpx;
  line-height: 94rpx;
  white-space: nowrap;
  display: flex;
  justify-content: space-around;
  border-bottom: 1rpx solid #ECECEC;
}

.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 .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: 15rpx 15rpx;
}

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

.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: 80rpx;
  line-height: 80rpx;
}

.container .orders .orderinfo .order-item .order-desc .order-date {
  height: 30rpx;
  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: -2rpx;
  left: 0;
}