tourism-wxapp/nova-tourism/pages/my/merchant/merchant-home/gift-order/index.wxss

.order {
  border-radius: 20rpx;
  padding: 20px;
  width: 93vw;
  margin: 20rpx auto;
  background: white;
  box-shadow: 5rpx 5rpx 20rpx #46a9a473;
}
.order .orderNum {
  font-size: 24rpx;
  color: #46a9a4;
  margin-bottom: 10rpx;
  display: flex;
  justify-content: space-between;
}
.order .orderNum text {
  background: #d8faf8;
  padding: 3rpx 8rpx;
}
.order .orderNum .tag {
  padding: 5rpx 10rpx;
  height: 43rpx;
  font-size: 22rpx;
  color: #46a9a4;
  background: #d8faf8;
}
.order .orderNum .tag_errands {
  color: orange;
  background: rgba(255, 217, 0, 0.658);
}
.order .addressbox {
  width: 100%;
  border-bottom: 1rpx solid #e4e4e4;
  padding-bottom: 20rpx;
}
.order .goodDetil {
  margin: 20rpx 0;
}
.order .goodDetil .goodTitle {
  font-size: 30rpx;
  font-weight: bold;
  margin: 20rpx 0;
}
.order .goodDetil .picturebox {
  margin: 20rpx;
  width: 100%;
  display: flex;
  align-items: center;
}
.order .goodDetil .picturebox .picture {
  width: 120rpx;
  height: 120rpx;
  margin-left: 20rpx;
}
.order .goodDetil .weight {
  font-size: 30rpx;
  margin: 20rpx;
}
.order .staff {
  font-size: 30rpx;
}
.order .staff text {
  font-weight: bold;
}
.order .cart .good_item {
  display: flex;
  margin: 10rpx;
  overflow: hidden;
}
.order .cart .good_item > image {
  width: 170rpx;
  height: 170rpx;
  flex-shrink: 0;
  padding: 10rpx;
  border-radius: 10rpx;
}
.order .cart .good_item .left {
  width: 470rpx;
  margin: 10rpx 0rpx 10rpx 10rpx;
}
.order .cart .good_item .left .name {
  font-size: 35rpx;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}
.order .cart .good_item .left .desc {
  margin: 10rpx 0;
  width: 100%;
  font-size: 25rpx;
  color: #a0a0a0;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
}
.order .cart .good_item .left .buttom {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 6rpx;
}
.order .cart .good_item .left .buttom .price .price {
  font-size: 26rpx;
  color: #a0a0a0;
}
.order .cart .good_item .left .buttom .price .original {
  font-size: 22rpx;
  color: #a0a0a0;
  text-decoration: line-through;
}
.order .cart .good_item .left .buttom .add {
  margin-left: 10rpx;
  width: 150rpx;
  font-size: 26rpx;
  color: #a0a0a0;
}
.order .totalPrice {
  text-align: end;
  font-size: 28rpx;
  color: gray;
}
.order .totalPrice text {
  color: red;
  font-size: 36rpx;
  font-weight: bold;
}
.order .btn {
  height: 80rpx;
}
.order .btn button {
  padding: 3rpx 15rpx;
  float: right;
  font-size: 28rpx;
  background: #46a9a4;
  color: white;
  margin: 20rpx 0 10rpx 10rpx;
}
.refund_popup .title {
  font-weight: bold;
  padding: 20rpx;
  font-size: 40rpx;
  text-align: center;
  border-bottom: #e4e4e4 1rpx solid;
}
.refund_popup .refundPopup {
  padding: 30rpx;
}
.refund_popup .refundPopup .address {
  width: 100%;
  display: flex;
  align-items: center;
  margin-top: 15rpx;
  padding-left: 10rpx;
  padding-right: 10rpx;
}
.refund_popup .refundPopup .address .a {
  padding: 5rpx 8rpx;
  border-radius: 5rpx;
  margin-right: 20rpx;
  font-size: 25rpx;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #46a9a4;
  color: #d8faf8;
}
.refund_popup .refundPopup .address .b {
  padding: 5rpx 8rpx;
  border-radius: 5rpx;
  margin-right: 20rpx;
  font-size: 25rpx;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #d8faf8;
  color: #46a9a4;
}
.refund_popup .refundPopup .address .address2 {
  width: 100%;
  font-size: 30rpx;
}
.refund_popup .refundPopup .address .address2 .address-address {
  color: #4e4e4e;
  width: 100%;
  display: flex;
  align-items: center;
}
.refund_popup .refundPopup .address .address2 .name {
  color: #afaeae;
  margin-top: 10rpx;
}
.refund_popup button {
  background: #46a9a4;
  color: white;
  width: 90vw;
}
.expressPopup {
  width: 100%;
  height: 70vh;
}
.expressPopup .title {
  font-size: 30rpx;
  height: 90rpx;
  line-height: 90rpx;
  text-align: center;
  border-bottom: 1rpx solid whitesmoke;
}
.expressPopup .itemBox {
  overflow-y: auto;
  height: calc(70vh - 250rpx);
}
.expressPopup .itemBox .item {
  padding: 20rpx;
  font-size: 28rpx;
  border-bottom: 1rpx solid whitesmoke;
}