/* packageA/mycomponent/offline_order/offline_order.wxss */
.offline-order-detail {
    background: #fff;
    margin: 20rpx;
    padding-bottom: 32rpx;
  }

  .offline-order-detail .overflow-2 {
    word-break: break-all;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-flex: 2;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
  }

  .offline-order-detail .goods-box {
    padding: 26rpx;
    border-radius: 10rpx;
    text-align: left;
  }

  .offline-order-detail .goods-box .order-num {
    font-size: 12px;
    color: #666666;
  }

  .offline-order-detail .goods-box .goods {
    display: flex;
    align-items: center;
    margin-top: 24rpx;
  }

  .offline-order-detail .goods-box .left-img {
    width: 140rpx;
    height: 140rpx;
    margin-right: 16rpx;
    border-radius: 6rpx;
    overflow: hidden;
  }

  .offline-order-detail .goods-box .left-img image {
    width: 100%;
    height: 100%;
  }

  .offline-order-detail .goods-box .goods-title {
    font-size: 14px;
    color: #333333;
  }

  .offline-order-detail .goods-box .goods-option {
    color: #666666;
    margin: 16rpx 0;
  }

  .offline-order-detail .goods-box .bottom-box {
    display: flex;
    justify-content: space-between;
  }

  .offline-order-detail .goods-box .comment-btn {
    display: inline-block;
    margin-left: 16rpx;
    color: #f14e4e;
    font-size: 12px;
    padding: 5rpx 34rpx;
    border-radius: 32rpx;
    border: solid 1rpx #f14e4e;
  }

  .offline-order-detail .goods-box .view-comment-btn {
    display: inline-block;
    margin-left: 16rpx;
    color: #565656;
    border-radius: 15px;
    padding: 5rpx 10rpx;
    border: 1rpx solid #9f9c9c;
  }

  .offline-order-detail .goods-box .extend-more {
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 14px;
    color: #898989;
  }

  .offline-order-detail .goods-box .goods-info {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 16rpx;
    margin: 30rpx;
    padding: 30rpx;
    font-size: 14px;
    border-radius: 5rpx;
    background-color: #f7f7f7;
    text-align: left;
    white-space: break-spaces;
    word-break: break-all;
  }

  .offline-order-detail .goods-box .pay-amount {
    display: flex;
    align-items: center;
    justify-content: space-around;
    margin-top: 30rpx;
    color: #1e1e1e;
    font-size: 14px;
  }
  