.detail-bill-container {
  width: 100%;
  padding: 20rpx 0;

  .detail-bill-content {
    flex-direction: row;
    justify-content: space-between;

    .detail-bill-left {
      font-size: var(--p-body-1-font-size, );
      color: var(--color-text1-2, #999);
      min-width: 160rpx;
      text-align: left;
    }

    .detail-bill-right {
      flex: 1;
      // margin-left: 24rpx;
      flex-direction: row;
      // width: 450rpx;
      align-items: center;
      justify-content: space-between;

      .right-desc {
        font-size: var(--p-body-1-font-size, 28rpx);
        color: var(--color-text1-2, #999);
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        font-weight: 300;
      }

      .right-value {
        flex: 1;
        flex-direction: row;
        justify-content: space-between;

        &-text {
          font-size: var(--p-body-1-font-size, 28rpx);
        }

        .right-arrow {
          color: var(--color-text1-1, #ccc);
          position: relative;
          right: -12rpx;
        }
      }
    }
  }

  .bill-popup {
    .dialog-body {
      min-height: 640rpx;
      max-height: 724rpx;

      .dialog-body-main {
        &.coupon {
          overflow-y: scroll;
          box-sizing: border-box;
          // width: 750rpx;
          height: 624rpx;
        }

        .row {
          display: flex;
          overflow: hidden;
          align-items: center;
          flex-direction: row;
          box-sizing: border-box;
          width: 100%;
          line-height: 80rpx;
          // border-bottom: 1rpx solid var(--color-line1-1, #e8e9ec);

          .left-content {
            display: flex;
            flex: 1;
            align-items: baseline;
            flex-direction: row;
            // max-width: 640rpx;
            // justify-content: space-between;

            .left-content-title {
              color: var(--color-text1-2, #999);
              font-size: var(--p-body-1-font-size, 28rpx);
              min-width: 140rpx;
            }

            .left-content-value {
              margin-left: 16rpx;
              color: var(--color-text1-4, #111);
              font-size: var(--p-body-1-font-size, 28rpx);
            }
          }

          .right-content {
            flex-direction: row;
            color: var(--std-color-primary, var(--color-brand-3, #ff6a00));
          }

          &:last-child {
            font-size: 32rpx;
            // margin-top: 32rpx;
            line-height: 88rpx;
            color: var(--color-text1-4, #111);
            font-size: var(--p-title-font-size, 40rpx);
            font-weight: var(--p-title-font-weight);
          }
        }
      }
    }
  }
  &.rm-popup-drawer-m {
    max-height: 958rpx;
    height: fit-content;
  }
}