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

@import '/app.wxss';

.order-details .address .name {
  font-size: 30rpx;
  color: #282828;
  margin-bottom: 10rpx;
}

.order-details .address .name .phone {
  margin-left: 40rpx;
}

.order-details .line {
  width: 100%;
  height: 3rpx;
}

.order-details .line image {
  width: 100%;
  height: 100%;
  display: block;
}

.order-details .wrapper {
  background-color: #fff;
  margin-top: 12rpx;
  padding: 30rpx;
}

.order-details .wrapper .item {
  font-size: 28rpx;
  color: #282828;
}

.order-details .wrapper .item~.item {
  margin-top: 20rpx;
}

.order-details .wrapper .item .conter {
  color: #868686;
  width: 500rpx;
  text-align: right;
}

.order-details .wrapper .item .conter .copy {
  font-size: 20rpx;
  color: #333;
  border-radius: 3rpx;
  border: 1px solid #666;
  padding: 3rpx 15rpx;
  margin-left: 24rpx;
  box-sizing: border-box;
}

.order-details .wrapper .actualPay {
  border-top: 1rpx solid #eee;
  margin-top: 30rpx;
  padding-top: 30rpx;
  box-sizing: border-box;
}

.order-details .wrapper .actualPay .money {
  font-weight: bold;
  font-size: 30rpx;
}

.order-details .footer {
  width: 100%;
  height: 100rpx;
  position: fixed;
  bottom: 0;
  left: 0;
  background-color: #fff;
  padding: 0 30rpx;
  border-top: 1px solid #eee;
}

.order-details .footer .bnt {
  width: 176rpx;
  height: 60rpx;
  text-align: center;
  line-height: 60rpx;
  border-radius: 50rpx;
  color: #fff;
  font-size: 27rpx;
}

.order-details .footer .bnt.cancel {
  color: #aaa;
  border: 1px solid #ddd;
}

.order-details .footer .bnt.default {
  color: #444;
  border: 1px solid #444;
}

.order-details .footer .bnt~.bnt {
  margin-left: 18rpx;
}

.pos-order-details .header {
  background: linear-gradient(to right, #2291f8 0%, #1cd1dc 100%);
  background: -webkit-linear-gradient(to right, #2291f8 0%, #1cd1dc 100%);
  background: -moz-linear-gradient(to right, #2291f8 0%, #1cd1dc 100%);
  padding: 0 30rpx;
  height: 150rpx;
  box-sizing: border-box;
}

.pos-order-details .header .state {
  font-size: 36rpx;
  color: #fff;
}

.pos-order-details .header .data {
  margin-left: 35rpx;
  font-size: 28rpx;
  color: rgba(255, 255, 255, 0.8);
}

.pos-order-details .header .data .order-num {
  font-size: 30rpx;
  margin-bottom: 8rpx;
}

.pos-order-details .remarks {
  width: 100%;
  height: 86rpx;
  background-color: #fff;
  padding: 0 30rpx;
  box-sizing: border-box;
}

.pos-order-details .remarks .iconfont {
  font-size: 40rpx;
  color: #2a7efb;
}

.pos-order-details .remarks input {
  width: 630rpx;
  height: 100%;
  font-size: 30rpx;
}

.pos-order-details .remarks input::placeholder {
  color: #666;
}

.pos-order-details .orderingUser {
  font-size: 26rpx;
  color: #282828;
  padding: 0 30rpx;
  height: 67rpx;
  background-color: #fff;
  margin-top: 16rpx;
  border-bottom: 1px solid #f5f5f5;
}

.pos-order-details .orderingUser .iconfont {
  font-size: 40rpx;
  color: #2a7efb;
  margin-right: 15rpx;
}

.pos-order-details .address {
  margin-top: 0;
  font-size: 26rpx;
  color: #868686;
  background-color: #fff;
  padding: 25rpx 30rpx 30rpx 30rpx;
}

.pos-order-details .pos-order-goods {
  margin-top: 17rpx;
}

.pos-order-details .footer .more {
  font-size: 27rpx;
  color: #aaa;
  width: 100rpx;
  height: 64rpx;
  text-align: center;
  line-height: 64rpx;
  margin-right: 25rpx;
  position: relative;
}

.pos-order-details .footer .delivery {
  background: linear-gradient(to right, #2291f8 0%, #1cd1dc 100%);
  background: -webkit-linear-gradient(to right, #2291f8 0%, #1cd1dc 100%);
  background: -moz-linear-gradient(to right, #2291f8 0%, #1cd1dc 100%);
}

.pos-order-details .footer .more .order .arrow {
  width: 0;
  height: 0;
  border-left: 11rpx solid transparent;
  border-right: 11rpx solid transparent;
  border-top: 0.2rem solid #e5e5e5;
  position: absolute;
  left: 15rpx;
  bottom: -18rpx;
}

.pos-order-details .footer .more .order .arrow:before {
  content: '';
  width: 0;
  height: 0;
  border-left: 9rpx solid transparent;
  border-right: 9rpx solid transparent;
  border-top: 19rpx solid #fff;
  position: absolute;
  left: -10rpx;
  bottom: 0;
}

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

.pos-order-details .footer .more .order .item {
  height: 77rpx;
  line-height: 77rpx;
}

.pos-order-details .footer .more .order .item~.item {
  border-top: 1px solid #f5f5f5;
}

.pos-order-details .footer .more .moreName {
  width: 100%;
  height: 100%;
}