@import '../common/index.wxss';

.van-card {
  position: relative;
  box-sizing: border-box;
  padding: 16rpx 32rpx;
  padding: var(--card-padding,16rpx 32rpx);
  font-size: 24rpx;
  font-size: var(--card-font-size,24rpx);
  color: #323233;
  color: var(--card-text-color,#323233);
  background-color: #fafafa;
  background-color: var(--card-background-color,#fafafa);
}

.van-card__header {
  display: -webkit-flex;
  display: flex;
}

.van-card__header--center {
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  justify-content: center;
}

.van-card__thumb {
  position: relative;
  -webkit-flex: none;
  flex: none;
  width: 176rpx;
  width: var(--card-thumb-size,176rpx);
  height: 176rpx;
  height: var(--card-thumb-size,176rpx);
  margin-right: 16rpx;
  margin-right: var(--padding-xs,16rpx);
}

.van-card__thumb:empty {
  display: none;
}

.van-card__img {
  width: 100%;
  height: 100%;
  border-radius: 16rpx;
  border-radius: var(--border-radius-lg,16rpx);
}

.van-card__content {
  position: relative;
  display: -webkit-flex;
  display: flex;
  -webkit-flex: 1;
  flex: 1;
  -webkit-flex-direction: column;
  flex-direction: column;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  min-width: 0;
  min-height: 176rpx;
  min-height: var(--card-thumb-size,176rpx);
}

.van-card__content--center {
  -webkit-justify-content: center;
  justify-content: center;
}

.van-card__desc,
.van-card__title {
  word-wrap: break-word;
}

.van-card__title {
  font-weight: 700;
  line-height: 32rpx;
  line-height: var(--card-title-line-height,32rpx);
}

.van-card__desc {
  line-height: 40rpx;
  line-height: var(--card-desc-line-height,40rpx);
  color: #646566;
  color: var(--card-desc-color,#646566);
}

.van-card__bottom {
  line-height: 40rpx;
}

.van-card__price {
  display: inline-block;
  font-weight: 700;
  color: #ee0a24;
  color: var(--card-price-color,#ee0a24);
  font-size: 24rpx;
  font-size: var(--card-price-font-size,24rpx);
}

.van-card__price-integer {
  font-size: 32rpx;
  font-size: var(--card-price-integer-font-size,32rpx);
}

.van-card__price-decimal,
.van-card__price-integer {
  font-family: Avenir-Heavy,PingFang SC,Helvetica Neue,Arial,sans-serif;
  font-family: var(--card-price-font-family,Avenir-Heavy,PingFang SC,Helvetica Neue,Arial,sans-serif);
}

.van-card__origin-price {
  display: inline-block;
  margin-left: 10rpx;
  text-decoration: line-through;
  font-size: 20rpx;
  font-size: var(--card-origin-price-font-size,20rpx);
  color: #646566;
  color: var(--card-origin-price-color,#646566);
}

.van-card__num {
  float: right;
}

.van-card__tag {
  position: absolute!important;
  top: 4rpx;
  left: 0;
}

.van-card__footer {
  -webkit-flex: none;
  flex: none;
  width: 100%;
  text-align: right;
}