/* IMPORTANT: Do not modify this generated css file*/
/* common value, do not edit unless you have global search and confirm it is safe */
/* Color Theme */
/* Color theme for landing */
/* header scss variable */
/* (Flexbox Mixin Helper) */
/* (Calc Mixin Helper) */
/*  START: Animation Mixin */
/* Clockwise Spinning */
/* Anti-clockwise Spinning */
/*  END: Animation Mixin */
/* Start - Base PriceLabel */
/* line 19, ../../../../resource/compass/lib/_hktvMixin.scss */
.pricelabel:after {
  content: " ";
  display: table;
  height: 0;
  clear: both;
}
/* line 10, ../../../../resource/compass/lib/_priceLabel.scss */
.pricelabel .price > span {
  font-weight: bold;
  color: #000;
}
/* line 13, ../../../../resource/compass/lib/_priceLabel.scss */
.pricelabel .price > span.discount {
  font-weight: bold;
  color: #E4483f;
}
/* line 17, ../../../../resource/compass/lib/_priceLabel.scss */
.pricelabel .price > span.vip {
  color: #7039c7;
}
/* line 20, ../../../../resource/compass/lib/_priceLabel.scss */
.pricelabel .price > span.vip-highlight {
  margin-left: 5px;
  color: #fff;
}
/* line 24, ../../../../resource/compass/lib/_priceLabel.scss */
.pricelabel .price > span.goldvip {
  color: #d9a900;
}
/* line 27, ../../../../resource/compass/lib/_priceLabel.scss */
.pricelabel .price > span.goldvip-highlight {
  background-image: url(/_ui/shared/common/images/vipPriceRebate/Gold-3x.png);
  display: inline-block;
  width: 42px;
  height: 18px;
  background-size: contain;
  background-repeat: no-repeat;
  margin-left: 4px;
}
/* line 36, ../../../../resource/compass/lib/_priceLabel.scss */
.pricelabel .price > span.diamondvip {
  color: #927D20;
}
/* line 39, ../../../../resource/compass/lib/_priceLabel.scss */
.pricelabel .price > span.diamondvip-highlight {
  background-image: url(/_ui/shared/common/images/vipPriceRebate/DVIPTag.svg);
  display: inline-block;
  width: 43px;
  height: 18px;
  background-size: contain;
  background-repeat: no-repeat;
  margin-left: 4px;
}
/* line 48, ../../../../resource/compass/lib/_priceLabel.scss */
.pricelabel .price > span.plusmember {
  color: #00B539;
}
/* line 51, ../../../../resource/compass/lib/_priceLabel.scss */
.pricelabel .price > span.plusmember-highlight {
  background-image: url(/_ui/common/images/plus_membership/plusMemberLabel.svg);
  display: inline-block;
  width: 46px;
  height: 18px;
  background-size: contain;
  background-repeat: no-repeat;
  margin-left: 4px;
}
/* line 60, ../../../../resource/compass/lib/_priceLabel.scss */
.pricelabel .price > span.personal {
  color: #FF5000;
}
/* line 63, ../../../../resource/compass/lib/_priceLabel.scss */
.pricelabel .price > span.personal-highlight {
  display: inline-block;
  width: 46px;
  height: 22px;
  background-size: contain;
  background-repeat: no-repeat;
  margin-left: 4px;
}
/* line 70, ../../../../resource/compass/lib/_priceLabel.scss */
.pricelabel .price > span.personal-highlight.zh {
  background-image: url(/_ui/common/images/personal_price/priceLabel-zh.svg);
}
/* line 73, ../../../../resource/compass/lib/_priceLabel.scss */
.pricelabel .price > span.personal-highlight.en {
  background-image: url(/_ui/common/images/personal_price/priceLabel-en.svg);
}
/* line 77, ../../../../resource/compass/lib/_priceLabel.scss */
.pricelabel .price > span.mainlandPrice {
  font-weight: bold;
  color: #E4483f;
}
/* line 81, ../../../../resource/compass/lib/_priceLabel.scss */
.pricelabel .price > span .upLabel {
  font-size: 0.6em;
}
/* line 85, ../../../../resource/compass/lib/_priceLabel.scss */
.pricelabel .price > * {
  vertical-align: middle;
}
/* line 90, ../../../../resource/compass/lib/_priceLabel.scss */
.pricelabel .promotional > span {
  font-weight: normal;
  color: #222;
  text-decoration: line-through;
}
/* line 94, ../../../../resource/compass/lib/_priceLabel.scss */
.pricelabel .promotional > span.red {
  color: #E4483f;
  text-decoration: initial;
}
/* line 98, ../../../../resource/compass/lib/_priceLabel.scss */
.pricelabel .promotional > span.blue {
  color: #1969C6;
  text-decoration: initial;
}
/* line 102, ../../../../resource/compass/lib/_priceLabel.scss */
.pricelabel .promotional > span.black {
  color: #000;
  text-decoration: initial;
}
/* line 106, ../../../../resource/compass/lib/_priceLabel.scss */
.pricelabel .promotional > span.discount {
  color: #E4483f;
}
/* line 109, ../../../../resource/compass/lib/_priceLabel.scss */
.pricelabel .promotional > span.vip {
  color: #7039c7;
}
/* line 112, ../../../../resource/compass/lib/_priceLabel.scss */
.pricelabel .promotional > span.goldvip {
  color: #d9a900;
}
/* line 115, ../../../../resource/compass/lib/_priceLabel.scss */
.pricelabel .promotional > span.diamondvip {
  color: #927D20;
}
/* line 118, ../../../../resource/compass/lib/_priceLabel.scss */
.pricelabel .promotional > span.plusmember {
  color: #00B539;
}
/* line 121, ../../../../resource/compass/lib/_priceLabel.scss */
.pricelabel .promotional > span.mainlandPrice {
  text-decoration: none;
}

/* line 127, ../../../../resource/compass/lib/_priceLabel.scss */
.priceLastUpdate > span {
  color: #666;
}
/* line 128, ../../../../resource/compass/lib/_priceLabel.scss */
.product-detail .priceLastUpdate > span {
  padding: 0 2px;
}

/* line 134, ../../../../resource/compass/lib/_priceLabel.scss */
.priceDropdownButton {
  margin-left: 5px;
  vertical-align: middle;
  background-image: url(/_ui/shared/common/images/sprite/product-s516ab4d78c.png);
  background-position: 0 -78px;
  background-repeat: no-repeat;
  overflow: hidden;
  display: inline-block;
  height: 16px;
  width: 16px;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
  /* line 134, ../../../../resource/compass/lib/_priceLabel.scss */
  .priceDropdownButton {
    background-image: url(/_ui/shared/common/images/sprite/product-2x-se044fc7286.png);
    background-size: 48px 645px;
    background-position: 0 -78px;
    height: 16px;
    width: 16px;
  }
}
/* line 139, ../../../../resource/compass/lib/_priceLabel.scss */
.priceDropdownButton:hover {
  background-image: url(/_ui/shared/common/images/sprite/product-s516ab4d78c.png);
  background-position: -15px -62px;
  background-repeat: no-repeat;
  overflow: hidden;
  display: inline-block;
  height: 16px;
  width: 16px;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
  /* line 139, ../../../../resource/compass/lib/_priceLabel.scss */
  .priceDropdownButton:hover {
    background-image: url(/_ui/shared/common/images/sprite/product-2x-se044fc7286.png);
    background-size: 48px 645px;
    background-position: -15px -62px;
    height: 16px;
    width: 16px;
  }
}

/* End - Base PriceLabel */
/* Start - Base PriceDropdown with supermarket tooltipster*/
/* line 147, ../../../../resource/compass/lib/_priceLabel.scss */
.priceDropdownWrapper {
  width: 200px;
}
/* line 149, ../../../../resource/compass/lib/_priceLabel.scss */
.priceDropdownWrapper .savedPrice, .priceDropdownWrapper .mallDollarCaption {
  font-weight: bold;
  line-height: 26px;
  font-size: 14px;
  background: #f9f9f9;
}
/* line 19, ../../../../resource/compass/lib/_hktvMixin.scss */
.priceDropdownWrapper .savedPrice:after, .priceDropdownWrapper .mallDollarCaption:after {
  content: " ";
  display: table;
  height: 0;
  clear: both;
}
/* line 155, ../../../../resource/compass/lib/_priceLabel.scss */
.priceDropdownWrapper .savedPrice > span:first-of-type, .priceDropdownWrapper .mallDollarCaption > span:first-of-type {
  display: block;
  float: left;
}
/* line 159, ../../../../resource/compass/lib/_priceLabel.scss */
.priceDropdownWrapper .savedPrice > span:last-of-type, .priceDropdownWrapper .mallDollarCaption > span:last-of-type {
  display: block;
  float: right;
  text-align: right;
  font-size: 16px;
  color: #36b449;
}
/* line 166, ../../../../resource/compass/lib/_priceLabel.scss */
.priceDropdownWrapper .savedPrice.vip > span:last-of-type, .priceDropdownWrapper .mallDollarCaption.vip > span:last-of-type {
  color: #7039c7;
}
/* line 169, ../../../../resource/compass/lib/_priceLabel.scss */
.priceDropdownWrapper .savedPrice.goldvip > span:last-of-type, .priceDropdownWrapper .mallDollarCaption.goldvip > span:last-of-type {
  color: #d9a900;
}
/* line 172, ../../../../resource/compass/lib/_priceLabel.scss */
.priceDropdownWrapper .savedPrice.diamondvip > span:last-of-type, .priceDropdownWrapper .mallDollarCaption.diamondvip > span:last-of-type {
  color: #927D20;
}
/* line 176, ../../../../resource/compass/lib/_priceLabel.scss */
.priceDropdownWrapper > div {
  padding: 0 5px;
}
/* line 178, ../../../../resource/compass/lib/_priceLabel.scss */
.priceDropdownWrapper > div:not(:last-of-type) {
  border-bottom: 1px solid #ddd;
}
/* line 182, ../../../../resource/compass/lib/_priceLabel.scss */
.priceDropdownWrapper .priceLastUpdate {
  padding-top: 3px;
  padding-bottom: 3px;
  font-size: 12px;
  line-height: 14px;
  color: #666;
  background: #e9ece5;
}

/* line 193, ../../../../resource/compass/lib/_priceLabel.scss */
.tooltipster-default.tooltipsterForPriceDropdown {
  background: #f9f9f9;
}
/* line 195, ../../../../resource/compass/lib/_priceLabel.scss */
.tooltipster-default.tooltipsterForPriceDropdown .tooltipster-content {
  padding: 0;
}