$priceCardPrefixCls: #{$prefixCls}-price-card;

.#{$priceCardPrefixCls} {
  border: solid 1px $borderColor;
  background-color: white;
  height: p2w(70);
  text-align: center;
  border-radius: 2px;
  -webkit-tap-highlight-color: transparent;
  &.selected {
    border: solid 1px $primaryColor;
    .price {
      color: $primaryColor;
    }
    .discountPrice {
      color: $primaryColor;
    }
  }
  &.canceled {
    border: solid 1px $borderColor;
    .price {
      color: rgba(0,0,0,0.12);
    }
  }

  .price {
    font-size: p2w(26);
    line-height: 1;
    margin-top: p2w(15);
    color: rgba(0,0,0,0.65);
    .small {
      font-size: p2w(12);
    }
  }

  .discount-price {
    @include itemFooter();
  }

  .canceled {
    @include itemFooter();
    background: rgba(0,0,0,0.06);
    padding: p2w(2) p2w(8);
    display: inline-block;
    border-radius: p2w(8)
  }

  .promo-mark {
    transform: translate(0, 0);
    width: p2w(45);
    height: p2w(45);
    position: absolute;
    overflow: hidden;
    .promo-mark-bg {
      position: absolute;
      left: p2w(-14);
      top: p2w(6);
      width: p2w(60);
      height: p2w(16);
      background: -webkit-linear-gradient(to right, $primaryColor, $LinearBgColor);
      // background: -o-linear-gradient(left, #FF5722, #FFA731);
      // background: -moz-linear-gradient(left, #FF5722, #FFA731);
      background: linear-gradient(to right, $primaryColor, $LinearBgColor);
      -webkit-transform: rotate(-45deg);
      transform: rotate(-45deg);
    }
    p {
      color: #fff;
      font-size: p2w(8);
      transform: rotate(-45deg);
      position: absolute;
      left: p2w(-14);
      top: p2w(6);
      width: p2w(60);
      height: p2w(16);
      line-height: p2w(16);
      text-align: center;
    }
  }
}