fohow_xcx/packageUser/pages/user/orders/orders.wxss

.bg {
  position: relative;
  width: 100%;
  min-height: 100%;
  background-color: #f3f3f3;
}
.orders-tabs {
  position: fixed;
  top: -1rpx;
  left: 0rpx;
  width: 100%;
  height: 91rpx;
  background-color: #fff;
  border-bottom: 1rpx solid #dddddd;
  z-index: 99999;
}
.orders-tab {
  width: 20%;
  height: 90rpx;
  float: left;
  line-height: 90rpx;
  text-align: center;
  font-size: 28rpx;
  color: #4c4c4c;
}
.orders-tab__border {
  position: absolute;
  width: 20%;
  height: 4rpx;
  bottom: 0;
  background-color: #eab86a;
  transition: left 0.4s;
  -webkit-transition: left 0.4s;
}
.orders-main {
  padding-top: 110rpx;
}
.order {
  padding: 0 20rpx;
  background-color: #fff;
  margin-bottom: 20rpx;
}
.order-title {
  height: 90rpx;
  line-height: 90rpx;
  font-size: 28rpx;
}
.order-title__left {
  color: #999999;
  float: left;
}
.order-title__right {
  color: #eab86a;
  float: right;
}
.order-main {
  width: 710rpx;
  height: 200rpx;
  background-color: #fcfcfc;
  margin-bottom:5px;
}
.order-main__left {
  width: 200rpx;
  height: 200rpx;
  display: block;
  float: left;
}
.order-main__right {
  position: relative;
  width: 490rpx;
  height: 200rpx;
  float: right;
}
.order-info__title {
  color: #4c4c4c;
  font-size: 24rpx;
  line-height: 36rpx;
  padding-top: 5rpx;
  height: 72rpx;
  -webkit-line-clamp: 2;
}
.order-info__type {
  padding-top: 12rpx;
  font-size: 24rpx;
  color: #bbbbbb;
}
.order-info__price {
  position: absolute;
  bottom: 16rpx;
  left: 0;
  font-size: 24rpx;
  color: #eab86a;
}
.order-info__point {
  color: #bbbbbb;
}
.order-info__count {
  /* position: absolute; */
  bottom: 16rpx;
  right: 0;
  font-size: 24rpx;
  color: #bbbbbb;
}
.order-allprice {
  width: 100%;
  padding-top: 20rpx;
  height: 70rpx;
  line-height: 70rpx;
  text-align: right;
  color: #4c4c4c;
  font-size: 24rpx;
  border-bottom: 1rpx solid #eeeeee;
}
.order-btn {
  height: 108rpx;
}
.order-btn__black {
  float: right;
  width: 158rpx;
  height: 58rpx;
  border: 1rpx solid #cccccc;
  font-size: 28rpx;
  color: #4c4c4c;
  text-align: center;
  line-height: 58rpx;
  margin-top: 20rpx;
  margin-left: 20rpx;
  border-radius: 5rpx;
}
.order-btn__red {
  float: right;
  width: 158rpx;
  height: 58rpx;
  border: 1rpx solid #eab86a;
  font-size: 28rpx;
  color: #eab86a;
  text-align: center;
  line-height: 58rpx;
  margin-top: 20rpx;
  margin-left: 20rpx;
  border-radius: 5rpx;
}
.orders-no {
  padding-top: 250rpx;
}
.orders-no__icon {
  display: block;
  width: 204rpx;
  height: 258rpx;
  margin: 0 auto;
}
.orders-no__text {
  text-align: center;
  font-size: 28rpx;
  margin-top: 25rpx;
  color: #cccccc;
}