twong329/view/xcx/pages/admin/order_list/index.wxss

@import '/app.wxss';

/**头部**/
.pos-order-list .nav {
  width: 100%;
  height: 96rpx;
  background-color: #fff;
  font-size: 30rpx;
  color: #282828;
  position: fixed;
  left: 0;
}

.pos-order-list .nav .active {
  color: #2291f8;
}

.pos-order-list .list {
  margin-top: 109rpx;
}

.pos-order-list .list .item {
  background-color: #fff;
  width: 100%;
}

.pos-order-list .list .item~.item {
  margin-top: 18rpx;
}

.pos-order-list .list .item .order-num {
  height: 124rpx;
  border-bottom: 1px solid #eee;
  font-size: 30rpx;
  font-weight: bold;
  color: #282828;
  padding: 0 30rpx;
  box-sizing: border-box;
}

.pos-order-list .list .item .order-num .time {
  font-size: 26rpx;
  font-weight: normal;
  color: #999;
  margin-top: -40rpx;
}

.pos-order-list .list .item .operation {
  padding: 20rpx 30rpx;
  margin-top: 3rpx;
  box-sizing: border-box;
}

.pos-order-list .list .item .operation .more {
  position: relative;
}

.pos-order-list .list .item .operation .icon-gengduo {
  font-size: 50rpx;
  color: #aaa;
}

.pos-order-list .list .item .operation .order .arrow {
  width: 0;
  height: 0;
  border-left: 11rpx solid transparent;
  border-right: 11rpx solid transparent;
  border-top: 20rpx solid #e5e5e5;
  position: absolute;
  left: 15rpx;
  bottom: -18rpx;
}

.pos-order-list .list .item .operation .order .arrow:before {
  content: '';
  width: 0;
  height: 0;
  border-left: 7rpx solid transparent;
  border-right: 7rpx solid transparent;
  border-top: 20rpx solid #fff;
  position: absolute;
  left: -7rpx;
  bottom: 0;
}

.pos-order-list .list .item .operation .order {
  width: 200rpx;
  background-color: #fff;
  border: 1px solid #eee;
  border-radius: 10rpx;
  position: absolute;
  top: -100rpx;
  z-index: 9;
}

.pos-order-list .list .item .operation .order .items {
  height: 77rpx;
  line-height: 77rpx;
  text-align: center;
}

.pos-order-list .list .item .operation .order .items~.items {
  border-top: 1px solid #f5f5f5;
}

.pos-order-list .list .item .operation .bnt {
  font-size: 28rpx;
  color: #5c5c5c;
  width: 170rpx;
  height: 60rpx;
  border-radius: 30rpx;
  border: 1px solid #bbb;
  text-align: center;
  line-height: 60rpx;
}

.pos-order-list .list .item .operation .bnt~.bnt {
  margin-left: 14rpx;
}