.buy-service-bar-container {
  width: 654rpx;
  background: var(--color-white, #fff);
  padding: 20rpx 0;

  .buy-service-bar-line {
    flex-direction: row;

    &_left {
      font-size: var(--p-body-1-font-size, 28rpx);
      color: var(--color-text1-4, #111);
      width: 180rpx;
      text-align: right;
    }

    &_right {
      margin-left: 24rpx;
      flex-direction: row;
      width: 450rpx;
      justify-content: space-between;
      align-items: center;

      .buy-service-bar-line_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;
      }

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

  
}



.promotion-popup {
    .dialog-body {
      min-height: 500rpx;
      max-height: 640rpx;

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

      .row {
        overflow: hidden;
        align-items: center;
        flex-direction: row;
        justify-content: space-between;
        box-sizing: border-box;
        border-bottom: 1rpx solid var(--color-line1-1, #e8e9ec);
        padding: 20rpx 0;

        .left-content {
          align-items: center;
          flex-direction: row;
          max-width: 640rpx;

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

          .left-content-subtitle {
            margin-left: 20rpx;
            color: var(--color-text1-2, #999);
            font-size: var(--p-caption-font-size, 24rpx);
          }
        }

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

        &.disabled{
          .left-content {
  
            .left-content-title {
              color: var(--color-text1-1, #999);
            }

            .left-content-subtitle {
              color: var(--color-text1-1, #999);
            }
  
          }
  
          .right-content {
            flex-direction: row;
            color: var(--color-text1-1, #999);
          }
          
        } 
      }
  }
  &.rm-popup-drawer-m {
    max-height: 958rpx;
    height: fit-content;
  }
}