/* 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 */
/*move to general.scss after search page on production*/
/* line 7, ../../../../resource/compass/_ui/desktop/common/css/bundlePromotionPage.scss */
.imageWrapper {
  position: relative;
  background: white;
  padding-top: 100%;
}
/* line 11, ../../../../resource/compass/_ui/desktop/common/css/bundlePromotionPage.scss */
.imageWrapper .imgContainer {
  position: absolute;
  top: 0;
  left: 0;
}

/* line 19, ../../../../resource/compass/_ui/desktop/common/css/bundlePromotionPage.scss */
.squareButton.red {
  background: #f4511e;
  color: white;
}

/* line 24, ../../../../resource/compass/_ui/desktop/common/css/bundlePromotionPage.scss */
.squareButton.red:hover {
  background: #d23706;
}

/* line 49, ../../../../resource/compass/_ui/desktop/common/css/bundlePromotionPage.scss */
.btnDeleteA {
  background-image: url(/_ui/desktop/common/images/sprite/bundlePromotion-s9fd4586fbe.png);
  background-position: -71px 0;
  background-repeat: no-repeat;
  overflow: hidden;
  display: inline-block;
  height: 20px;
  width: 20px;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
  /* line 49, ../../../../resource/compass/_ui/desktop/common/css/bundlePromotionPage.scss */
  .btnDeleteA {
    background-image: url(/_ui/desktop/common/images/sprite/bundlePromotion-2x-sab092f0752.png);
    background-size: 156px 673px;
    background-position: -71px 0;
    height: 20px;
    width: 20px;
  }
}

/* line 52, ../../../../resource/compass/_ui/desktop/common/css/bundlePromotionPage.scss */
.btnBundlePromotionA {
  background-image: url(/_ui/desktop/common/images/sprite/bundlePromotion-s9fd4586fbe.png);
  background-position: 0 -442px;
  background-repeat: no-repeat;
  overflow: hidden;
  display: inline-block;
  height: 77px;
  width: 156px;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
  /* line 52, ../../../../resource/compass/_ui/desktop/common/css/bundlePromotionPage.scss */
  .btnBundlePromotionA {
    background-image: url(/_ui/desktop/common/images/sprite/bundlePromotion-2x-sab092f0752.png);
    background-size: 156px 673px;
    background-position: 0 -442px;
    height: 77px;
    width: 156px;
  }
}

/* line 55, ../../../../resource/compass/_ui/desktop/common/css/bundlePromotionPage.scss */
.btnBundlePromotionInactive {
  background-image: url(/_ui/desktop/common/images/sprite/bundlePromotion-s9fd4586fbe.png);
  background-position: 0 -231px;
  background-repeat: no-repeat;
  overflow: hidden;
  display: inline-block;
  height: 67px;
  width: 156px;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
  /* line 55, ../../../../resource/compass/_ui/desktop/common/css/bundlePromotionPage.scss */
  .btnBundlePromotionInactive {
    background-image: url(/_ui/desktop/common/images/sprite/bundlePromotion-2x-sab092f0752.png);
    background-size: 156px 673px;
    background-position: 0 -231px;
    height: 67px;
    width: 156px;
  }
}

/* line 58, ../../../../resource/compass/_ui/desktop/common/css/bundlePromotionPage.scss */
.btnBundlePromotionInactiveA {
  background-image: url(/_ui/desktop/common/images/sprite/bundlePromotion-s9fd4586fbe.png);
  background-position: 0 -97px;
  background-repeat: no-repeat;
  overflow: hidden;
  display: inline-block;
  height: 67px;
  width: 156px;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
  /* line 58, ../../../../resource/compass/_ui/desktop/common/css/bundlePromotionPage.scss */
  .btnBundlePromotionInactiveA {
    background-image: url(/_ui/desktop/common/images/sprite/bundlePromotion-2x-sab092f0752.png);
    background-size: 156px 673px;
    background-position: 0 -97px;
    height: 67px;
    width: 156px;
  }
}

/* line 49, ../../../../resource/compass/_ui/desktop/common/css/bundlePromotionPage.scss */
.btnDeleteB {
  background-image: url(/_ui/desktop/common/images/sprite/bundlePromotion-s9fd4586fbe.png);
  background-position: -51px 0;
  background-repeat: no-repeat;
  overflow: hidden;
  display: inline-block;
  height: 20px;
  width: 20px;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
  /* line 49, ../../../../resource/compass/_ui/desktop/common/css/bundlePromotionPage.scss */
  .btnDeleteB {
    background-image: url(/_ui/desktop/common/images/sprite/bundlePromotion-2x-sab092f0752.png);
    background-size: 156px 673px;
    background-position: -51px 0;
    height: 20px;
    width: 20px;
  }
}

/* line 52, ../../../../resource/compass/_ui/desktop/common/css/bundlePromotionPage.scss */
.btnBundlePromotionB {
  background-image: url(/_ui/desktop/common/images/sprite/bundlePromotion-s9fd4586fbe.png);
  background-position: 0 -365px;
  background-repeat: no-repeat;
  overflow: hidden;
  display: inline-block;
  height: 77px;
  width: 156px;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
  /* line 52, ../../../../resource/compass/_ui/desktop/common/css/bundlePromotionPage.scss */
  .btnBundlePromotionB {
    background-image: url(/_ui/desktop/common/images/sprite/bundlePromotion-2x-sab092f0752.png);
    background-size: 156px 673px;
    background-position: 0 -365px;
    height: 77px;
    width: 156px;
  }
}

/* line 55, ../../../../resource/compass/_ui/desktop/common/css/bundlePromotionPage.scss */
.btnBundlePromotionInactive {
  background-image: url(/_ui/desktop/common/images/sprite/bundlePromotion-s9fd4586fbe.png);
  background-position: 0 -231px;
  background-repeat: no-repeat;
  overflow: hidden;
  display: inline-block;
  height: 67px;
  width: 156px;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
  /* line 55, ../../../../resource/compass/_ui/desktop/common/css/bundlePromotionPage.scss */
  .btnBundlePromotionInactive {
    background-image: url(/_ui/desktop/common/images/sprite/bundlePromotion-2x-sab092f0752.png);
    background-size: 156px 673px;
    background-position: 0 -231px;
    height: 67px;
    width: 156px;
  }
}

/* line 58, ../../../../resource/compass/_ui/desktop/common/css/bundlePromotionPage.scss */
.btnBundlePromotionInactiveB {
  background-image: url(/_ui/desktop/common/images/sprite/bundlePromotion-s9fd4586fbe.png);
  background-position: 0 -30px;
  background-repeat: no-repeat;
  overflow: hidden;
  display: inline-block;
  height: 67px;
  width: 156px;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
  /* line 58, ../../../../resource/compass/_ui/desktop/common/css/bundlePromotionPage.scss */
  .btnBundlePromotionInactiveB {
    background-image: url(/_ui/desktop/common/images/sprite/bundlePromotion-2x-sab092f0752.png);
    background-size: 156px 673px;
    background-position: 0 -30px;
    height: 67px;
    width: 156px;
  }
}

/* line 49, ../../../../resource/compass/_ui/desktop/common/css/bundlePromotionPage.scss */
.btnDeleteC {
  background-image: url(/_ui/desktop/common/images/sprite/bundlePromotion-s9fd4586fbe.png);
  background-position: -31px 0;
  background-repeat: no-repeat;
  overflow: hidden;
  display: inline-block;
  height: 20px;
  width: 20px;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
  /* line 49, ../../../../resource/compass/_ui/desktop/common/css/bundlePromotionPage.scss */
  .btnDeleteC {
    background-image: url(/_ui/desktop/common/images/sprite/bundlePromotion-2x-sab092f0752.png);
    background-size: 156px 673px;
    background-position: -31px 0;
    height: 20px;
    width: 20px;
  }
}

/* line 52, ../../../../resource/compass/_ui/desktop/common/css/bundlePromotionPage.scss */
.btnBundlePromotionC {
  background-image: url(/_ui/desktop/common/images/sprite/bundlePromotion-s9fd4586fbe.png);
  background-position: 0 -596px;
  background-repeat: no-repeat;
  overflow: hidden;
  display: inline-block;
  height: 77px;
  width: 156px;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
  /* line 52, ../../../../resource/compass/_ui/desktop/common/css/bundlePromotionPage.scss */
  .btnBundlePromotionC {
    background-image: url(/_ui/desktop/common/images/sprite/bundlePromotion-2x-sab092f0752.png);
    background-size: 156px 673px;
    background-position: 0 -596px;
    height: 77px;
    width: 156px;
  }
}

/* line 55, ../../../../resource/compass/_ui/desktop/common/css/bundlePromotionPage.scss */
.btnBundlePromotionInactive {
  background-image: url(/_ui/desktop/common/images/sprite/bundlePromotion-s9fd4586fbe.png);
  background-position: 0 -231px;
  background-repeat: no-repeat;
  overflow: hidden;
  display: inline-block;
  height: 67px;
  width: 156px;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
  /* line 55, ../../../../resource/compass/_ui/desktop/common/css/bundlePromotionPage.scss */
  .btnBundlePromotionInactive {
    background-image: url(/_ui/desktop/common/images/sprite/bundlePromotion-2x-sab092f0752.png);
    background-size: 156px 673px;
    background-position: 0 -231px;
    height: 67px;
    width: 156px;
  }
}

/* line 58, ../../../../resource/compass/_ui/desktop/common/css/bundlePromotionPage.scss */
.btnBundlePromotionInactiveC {
  background-image: url(/_ui/desktop/common/images/sprite/bundlePromotion-s9fd4586fbe.png);
  background-position: 0 -298px;
  background-repeat: no-repeat;
  overflow: hidden;
  display: inline-block;
  height: 67px;
  width: 156px;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
  /* line 58, ../../../../resource/compass/_ui/desktop/common/css/bundlePromotionPage.scss */
  .btnBundlePromotionInactiveC {
    background-image: url(/_ui/desktop/common/images/sprite/bundlePromotion-2x-sab092f0752.png);
    background-size: 156px 673px;
    background-position: 0 -298px;
    height: 67px;
    width: 156px;
  }
}

/* line 49, ../../../../resource/compass/_ui/desktop/common/css/bundlePromotionPage.scss */
.btnDeleteD {
  background-image: url(/_ui/desktop/common/images/sprite/bundlePromotion-s9fd4586fbe.png);
  background-position: -11px 0;
  background-repeat: no-repeat;
  overflow: hidden;
  display: inline-block;
  height: 20px;
  width: 20px;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
  /* line 49, ../../../../resource/compass/_ui/desktop/common/css/bundlePromotionPage.scss */
  .btnDeleteD {
    background-image: url(/_ui/desktop/common/images/sprite/bundlePromotion-2x-sab092f0752.png);
    background-size: 156px 673px;
    background-position: -11px 0;
    height: 20px;
    width: 20px;
  }
}

/* line 52, ../../../../resource/compass/_ui/desktop/common/css/bundlePromotionPage.scss */
.btnBundlePromotionD {
  background-image: url(/_ui/desktop/common/images/sprite/bundlePromotion-s9fd4586fbe.png);
  background-position: 0 -519px;
  background-repeat: no-repeat;
  overflow: hidden;
  display: inline-block;
  height: 77px;
  width: 156px;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
  /* line 52, ../../../../resource/compass/_ui/desktop/common/css/bundlePromotionPage.scss */
  .btnBundlePromotionD {
    background-image: url(/_ui/desktop/common/images/sprite/bundlePromotion-2x-sab092f0752.png);
    background-size: 156px 673px;
    background-position: 0 -519px;
    height: 77px;
    width: 156px;
  }
}

/* line 55, ../../../../resource/compass/_ui/desktop/common/css/bundlePromotionPage.scss */
.btnBundlePromotionInactive {
  background-image: url(/_ui/desktop/common/images/sprite/bundlePromotion-s9fd4586fbe.png);
  background-position: 0 -231px;
  background-repeat: no-repeat;
  overflow: hidden;
  display: inline-block;
  height: 67px;
  width: 156px;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
  /* line 55, ../../../../resource/compass/_ui/desktop/common/css/bundlePromotionPage.scss */
  .btnBundlePromotionInactive {
    background-image: url(/_ui/desktop/common/images/sprite/bundlePromotion-2x-sab092f0752.png);
    background-size: 156px 673px;
    background-position: 0 -231px;
    height: 67px;
    width: 156px;
  }
}

/* line 58, ../../../../resource/compass/_ui/desktop/common/css/bundlePromotionPage.scss */
.btnBundlePromotionInactiveD {
  background-image: url(/_ui/desktop/common/images/sprite/bundlePromotion-s9fd4586fbe.png);
  background-position: 0 -164px;
  background-repeat: no-repeat;
  overflow: hidden;
  display: inline-block;
  height: 67px;
  width: 156px;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
  /* line 58, ../../../../resource/compass/_ui/desktop/common/css/bundlePromotionPage.scss */
  .btnBundlePromotionInactiveD {
    background-image: url(/_ui/desktop/common/images/sprite/bundlePromotion-2x-sab092f0752.png);
    background-size: 156px 673px;
    background-position: 0 -164px;
    height: 67px;
    width: 156px;
  }
}

/* line 63, ../../../../resource/compass/_ui/desktop/common/css/bundlePromotionPage.scss */
.bgBundlePromotionPricetag {
  background-image: url(/_ui/desktop/common/images/sprite/bundlePromotion-s9fd4586fbe.png);
  background-position: -113px 0;
  background-repeat: no-repeat;
  overflow: hidden;
  display: inline-block;
  height: 30px;
  width: 15px;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
  /* line 63, ../../../../resource/compass/_ui/desktop/common/css/bundlePromotionPage.scss */
  .bgBundlePromotionPricetag {
    background-image: url(/_ui/desktop/common/images/sprite/bundlePromotion-2x-sab092f0752.png);
    background-size: 156px 673px;
    background-position: -113px 0;
    height: 30px;
    width: 15px;
  }
}

/* line 67, ../../../../resource/compass/_ui/desktop/common/css/bundlePromotionPage.scss */
.icCollapseArrow {
  background-image: url(/_ui/desktop/common/images/sprite/bundlePromotion-s9fd4586fbe.png);
  background-position: 0 0;
  background-repeat: no-repeat;
  overflow: hidden;
  display: inline-block;
  height: 7px;
  width: 11px;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
  /* line 67, ../../../../resource/compass/_ui/desktop/common/css/bundlePromotionPage.scss */
  .icCollapseArrow {
    background-image: url(/_ui/desktop/common/images/sprite/bundlePromotion-2x-sab092f0752.png);
    background-size: 156px 673px;
    background-position: 0 0;
    height: 7px;
    width: 11px;
  }
}

/* line 71, ../../../../resource/compass/_ui/desktop/common/css/bundlePromotionPage.scss */
.icBundlePromotionSuccess {
  background-image: url(/_ui/desktop/common/images/sprite/bundlePromotion-s9fd4586fbe.png);
  background-position: -91px 0;
  background-repeat: no-repeat;
  overflow: hidden;
  display: inline-block;
  height: 22px;
  width: 22px;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
  /* line 71, ../../../../resource/compass/_ui/desktop/common/css/bundlePromotionPage.scss */
  .icBundlePromotionSuccess {
    background-image: url(/_ui/desktop/common/images/sprite/bundlePromotion-2x-sab092f0752.png);
    background-size: 156px 673px;
    background-position: -91px 0;
    height: 22px;
    width: 22px;
  }
}

/* Start - bundle Promotion Landing Page */
/* line 76, ../../../../resource/compass/_ui/desktop/common/css/bundlePromotionPage.scss */
.bundlePromotionPage {
  margin: 0 auto;
  width: 1188px;
}
/* line 79, ../../../../resource/compass/_ui/desktop/common/css/bundlePromotionPage.scss */
.bundlePromotionPage .bundlePromotionSets {
  position: relative;
  height: 86px;
  box-shadow: 0 1px 3px #acacac;
  padding: 0 25px;
  overflow: hidden;
}
/* line 19, ../../../../resource/compass/lib/_hktvMixin.scss */
.bundlePromotionPage .bundlePromotionSets:after {
  content: " ";
  display: table;
  height: 0;
  clear: both;
}
/* line 86, ../../../../resource/compass/_ui/desktop/common/css/bundlePromotionPage.scss */
.bundlePromotionPage .bundlePromotionSets .successOverlay {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(255, 255, 255, 0.9);
  text-align: center;
}
/* line 10, ../../../../resource/compass/lib/_hktvMixin.scss */
.bundlePromotionPage .bundlePromotionSets .successOverlay:before {
  content: ' ';
  display: inline-block;
  vertical-align: middle;
  height: 100%;
}
/* line 95, ../../../../resource/compass/_ui/desktop/common/css/bundlePromotionPage.scss */
.bundlePromotionPage .bundlePromotionSets .successOverlay > i {
  vertical-align: middle;
}
/* line 98, ../../../../resource/compass/_ui/desktop/common/css/bundlePromotionPage.scss */
.bundlePromotionPage .bundlePromotionSets .successOverlay > span {
  vertical-align: middle;
  margin-left: 4px;
  font-size: 20px;
  font-weight: bold;
  color: #f4511e;
}
/* line 106, ../../../../resource/compass/_ui/desktop/common/css/bundlePromotionPage.scss */
.bundlePromotionPage .bundlePromotionSets .bundlePromotionSet {
  position: relative;
  float: left;
  margin: 15px 0 20px 0;
}
/* line 19, ../../../../resource/compass/lib/_hktvMixin.scss */
.bundlePromotionPage .bundlePromotionSets .bundlePromotionSet:after {
  content: " ";
  display: table;
  height: 0;
  clear: both;
}
/* line 111, ../../../../resource/compass/_ui/desktop/common/css/bundlePromotionPage.scss */
.bundlePromotionPage .bundlePromotionSets .bundlePromotionSet.length2 {
  margin-right: 65px;
}
/* line 114, ../../../../resource/compass/_ui/desktop/common/css/bundlePromotionPage.scss */
.bundlePromotionPage .bundlePromotionSets .bundlePromotionSet.length3 {
  margin-right: 40px;
}
/* line 117, ../../../../resource/compass/_ui/desktop/common/css/bundlePromotionPage.scss */
.bundlePromotionPage .bundlePromotionSets .bundlePromotionSet.length4 {
  margin-right: 35px;
}
/* line 120, ../../../../resource/compass/_ui/desktop/common/css/bundlePromotionPage.scss */
.bundlePromotionPage .bundlePromotionSets .bundlePromotionSet .productSquare {
  float: left;
  margin-right: 7px;
}
/* line 123, ../../../../resource/compass/_ui/desktop/common/css/bundlePromotionPage.scss */
.bundlePromotionPage .bundlePromotionSets .bundlePromotionSet .productSquare:last-of-type {
  margin-right: 0;
}
/* line 127, ../../../../resource/compass/_ui/desktop/common/css/bundlePromotionPage.scss */
.bundlePromotionPage .bundlePromotionSets .bundlePromotionSet .priceTag {
  position: absolute;
  right: -10px;
  bottom: -10px;
}
/* line 131, ../../../../resource/compass/_ui/desktop/common/css/bundlePromotionPage.scss */
.bundlePromotionPage .bundlePromotionSets .bundlePromotionSet .priceTag > i {
  vertical-align: middle;
}
/* line 134, ../../../../resource/compass/_ui/desktop/common/css/bundlePromotionPage.scss */
.bundlePromotionPage .bundlePromotionSets .bundlePromotionSet .priceTag > span {
  display: inline-block;
  line-height: 30px;
  vertical-align: middle;
  height: 30px;
  font-size: 18px;
  color: #ffeb00;
  background: #f4511e;
  padding-left: 1px;
  padding-right: 5px;
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
}
/* line 149, ../../../../resource/compass/_ui/desktop/common/css/bundlePromotionPage.scss */
.bundlePromotionPage .bundlePromotionSets .showBundlePanelButton, .bundlePromotionPage .bundlePromotionSets .hideBundlePanelButton {
  position: absolute;
  display: block;
  right: 20px;
  bottom: 30px;
  min-width: 82px;
  font-size: 16px;
  line-height: 30px;
}
/* line 158, ../../../../resource/compass/_ui/desktop/common/css/bundlePromotionPage.scss */
.bundlePromotionPage .bundlePromotionSets .hideBundlePanelButton {
  display: none;
}
/* line 162, ../../../../resource/compass/_ui/desktop/common/css/bundlePromotionPage.scss */
.bundlePromotionPage .bundlePromotionInfo {
  margin-top: 30px;
}
/* line 164, ../../../../resource/compass/_ui/desktop/common/css/bundlePromotionPage.scss */
.bundlePromotionPage .bundlePromotionInfo .name {
  display: inline-block;
  white-space: nowrap;
  width: 100%;
  max-height: 24px;
  font-size: 24px;
  line-height: 24px;
  overflow: hidden;
  text-overflow: ellipsis;
  color: #f4511e;
  font-weight: bold;
}
/* line 169, ../../../../resource/compass/_ui/desktop/common/css/bundlePromotionPage.scss */
.bundlePromotionPage .bundlePromotionInfo .desc {
  margin-top: 10px;
  border-top: #e6e6e6 1px solid;
  padding-top: 10px;
  font-size: 17px;
  line-height: 24px;
  color: #222;
}
/* line 178, ../../../../resource/compass/_ui/desktop/common/css/bundlePromotionPage.scss */
.bundlePromotionPage .bundlePromotionTab {
  padding-top: 30px;
  z-index: 3;
  background: #fff;
}
/* line 182, ../../../../resource/compass/_ui/desktop/common/css/bundlePromotionPage.scss */
.bundlePromotionPage .bundlePromotionTab.is_stuck {
  transform: translateY(-18px);
}
/* line 185, ../../../../resource/compass/_ui/desktop/common/css/bundlePromotionPage.scss */
.bundlePromotionPage .bundlePromotionTab ul {
  margin-left: 10px;
}
/* line 19, ../../../../resource/compass/lib/_hktvMixin.scss */
.bundlePromotionPage .bundlePromotionTab ul:after {
  content: " ";
  display: table;
  height: 0;
  clear: both;
}
/* line 188, ../../../../resource/compass/_ui/desktop/common/css/bundlePromotionPage.scss */
.bundlePromotionPage .bundlePromotionTab ul > li {
  display: block;
  position: relative;
  float: left;
  width: 142px;
}
/* line 193, ../../../../resource/compass/_ui/desktop/common/css/bundlePromotionPage.scss */
.bundlePromotionPage .bundlePromotionTab ul > li > i {
  background-image: url(/_ui/desktop/common/images/sprite/bundlePromotion-s9fd4586fbe.png);
  background-position: 0 -231px;
  background-repeat: no-repeat;
  overflow: hidden;
  display: inline-block;
  height: 67px;
  width: 156px;
  z-index: 0;
  display: block;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
  /* line 193, ../../../../resource/compass/_ui/desktop/common/css/bundlePromotionPage.scss */
  .bundlePromotionPage .bundlePromotionTab ul > li > i {
    background-image: url(/_ui/desktop/common/images/sprite/bundlePromotion-2x-sab092f0752.png);
    background-size: 156px 673px;
    background-position: 0 -231px;
    height: 67px;
    width: 156px;
  }
}
/* line 198, ../../../../resource/compass/_ui/desktop/common/css/bundlePromotionPage.scss */
.bundlePromotionPage .bundlePromotionTab ul > li > button {
  position: absolute;
  left: 0;
  bottom: 0;
  padding-right: 8px;
}
/* line 207, ../../../../resource/compass/_ui/desktop/common/css/bundlePromotionPage.scss */
.bundlePromotionPage .bundlePromotionTab ul > li.setA > button {
  background-image: url(/_ui/desktop/common/images/sprite/bundlePromotion-s9fd4586fbe.png);
  background-position: 0 -97px;
  background-repeat: no-repeat;
  overflow: hidden;
  display: inline-block;
  height: 67px;
  width: 156px;
  transition: 0.13s linear;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
  /* line 207, ../../../../resource/compass/_ui/desktop/common/css/bundlePromotionPage.scss */
  .bundlePromotionPage .bundlePromotionTab ul > li.setA > button {
    background-image: url(/_ui/desktop/common/images/sprite/bundlePromotion-2x-sab092f0752.png);
    background-size: 156px 673px;
    background-position: 0 -97px;
    height: 67px;
    width: 156px;
  }
}
/* line 211, ../../../../resource/compass/_ui/desktop/common/css/bundlePromotionPage.scss */
.bundlePromotionPage .bundlePromotionTab ul > li.setA:not(.active) > button {
  opacity: 0;
}
/* line 214, ../../../../resource/compass/_ui/desktop/common/css/bundlePromotionPage.scss */
.bundlePromotionPage .bundlePromotionTab ul > li.setA.selected {
  z-index: 5;
}
/* line 216, ../../../../resource/compass/_ui/desktop/common/css/bundlePromotionPage.scss */
.bundlePromotionPage .bundlePromotionTab ul > li.setA.selected > button {
  background-image: url(/_ui/desktop/common/images/sprite/bundlePromotion-s9fd4586fbe.png);
  background-position: 0 -442px;
  background-repeat: no-repeat;
  overflow: hidden;
  display: inline-block;
  height: 77px;
  width: 156px;
  opacity: 1;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
  /* line 216, ../../../../resource/compass/_ui/desktop/common/css/bundlePromotionPage.scss */
  .bundlePromotionPage .bundlePromotionTab ul > li.setA.selected > button {
    background-image: url(/_ui/desktop/common/images/sprite/bundlePromotion-2x-sab092f0752.png);
    background-size: 156px 673px;
    background-position: 0 -442px;
    height: 77px;
    width: 156px;
  }
}
/* line 224, ../../../../resource/compass/_ui/desktop/common/css/bundlePromotionPage.scss */
.bundlePromotionPage .bundlePromotionTab ul > li.setA:hover > button, .bundlePromotionPage .bundlePromotionTab ul > li.setA.active > button, .bundlePromotionPage .bundlePromotionTab ul > li.setA.selected > button {
  opacity: 1;
  transition-delay: 0.1s;
}
/* line 228, ../../../../resource/compass/_ui/desktop/common/css/bundlePromotionPage.scss */
.bundlePromotionPage .bundlePromotionTab ul > li.setA:hover .productHolder, .bundlePromotionPage .bundlePromotionTab ul > li.setA.active .productHolder, .bundlePromotionPage .bundlePromotionTab ul > li.setA.selected .productHolder {
  background: #c7404b;
  transition-delay: 0.1s;
}
/* line 207, ../../../../resource/compass/_ui/desktop/common/css/bundlePromotionPage.scss */
.bundlePromotionPage .bundlePromotionTab ul > li.setB > button {
  background-image: url(/_ui/desktop/common/images/sprite/bundlePromotion-s9fd4586fbe.png);
  background-position: 0 -30px;
  background-repeat: no-repeat;
  overflow: hidden;
  display: inline-block;
  height: 67px;
  width: 156px;
  transition: 0.13s linear;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
  /* line 207, ../../../../resource/compass/_ui/desktop/common/css/bundlePromotionPage.scss */
  .bundlePromotionPage .bundlePromotionTab ul > li.setB > button {
    background-image: url(/_ui/desktop/common/images/sprite/bundlePromotion-2x-sab092f0752.png);
    background-size: 156px 673px;
    background-position: 0 -30px;
    height: 67px;
    width: 156px;
  }
}
/* line 211, ../../../../resource/compass/_ui/desktop/common/css/bundlePromotionPage.scss */
.bundlePromotionPage .bundlePromotionTab ul > li.setB:not(.active) > button {
  opacity: 0;
}
/* line 214, ../../../../resource/compass/_ui/desktop/common/css/bundlePromotionPage.scss */
.bundlePromotionPage .bundlePromotionTab ul > li.setB.selected {
  z-index: 5;
}
/* line 216, ../../../../resource/compass/_ui/desktop/common/css/bundlePromotionPage.scss */
.bundlePromotionPage .bundlePromotionTab ul > li.setB.selected > button {
  background-image: url(/_ui/desktop/common/images/sprite/bundlePromotion-s9fd4586fbe.png);
  background-position: 0 -365px;
  background-repeat: no-repeat;
  overflow: hidden;
  display: inline-block;
  height: 77px;
  width: 156px;
  opacity: 1;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
  /* line 216, ../../../../resource/compass/_ui/desktop/common/css/bundlePromotionPage.scss */
  .bundlePromotionPage .bundlePromotionTab ul > li.setB.selected > button {
    background-image: url(/_ui/desktop/common/images/sprite/bundlePromotion-2x-sab092f0752.png);
    background-size: 156px 673px;
    background-position: 0 -365px;
    height: 77px;
    width: 156px;
  }
}
/* line 224, ../../../../resource/compass/_ui/desktop/common/css/bundlePromotionPage.scss */
.bundlePromotionPage .bundlePromotionTab ul > li.setB:hover > button, .bundlePromotionPage .bundlePromotionTab ul > li.setB.active > button, .bundlePromotionPage .bundlePromotionTab ul > li.setB.selected > button {
  opacity: 1;
  transition-delay: 0.1s;
}
/* line 228, ../../../../resource/compass/_ui/desktop/common/css/bundlePromotionPage.scss */
.bundlePromotionPage .bundlePromotionTab ul > li.setB:hover .productHolder, .bundlePromotionPage .bundlePromotionTab ul > li.setB.active .productHolder, .bundlePromotionPage .bundlePromotionTab ul > li.setB.selected .productHolder {
  background: #3d6dcc;
  transition-delay: 0.1s;
}
/* line 207, ../../../../resource/compass/_ui/desktop/common/css/bundlePromotionPage.scss */
.bundlePromotionPage .bundlePromotionTab ul > li.setC > button {
  background-image: url(/_ui/desktop/common/images/sprite/bundlePromotion-s9fd4586fbe.png);
  background-position: 0 -298px;
  background-repeat: no-repeat;
  overflow: hidden;
  display: inline-block;
  height: 67px;
  width: 156px;
  transition: 0.13s linear;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
  /* line 207, ../../../../resource/compass/_ui/desktop/common/css/bundlePromotionPage.scss */
  .bundlePromotionPage .bundlePromotionTab ul > li.setC > button {
    background-image: url(/_ui/desktop/common/images/sprite/bundlePromotion-2x-sab092f0752.png);
    background-size: 156px 673px;
    background-position: 0 -298px;
    height: 67px;
    width: 156px;
  }
}
/* line 211, ../../../../resource/compass/_ui/desktop/common/css/bundlePromotionPage.scss */
.bundlePromotionPage .bundlePromotionTab ul > li.setC:not(.active) > button {
  opacity: 0;
}
/* line 214, ../../../../resource/compass/_ui/desktop/common/css/bundlePromotionPage.scss */
.bundlePromotionPage .bundlePromotionTab ul > li.setC.selected {
  z-index: 5;
}
/* line 216, ../../../../resource/compass/_ui/desktop/common/css/bundlePromotionPage.scss */
.bundlePromotionPage .bundlePromotionTab ul > li.setC.selected > button {
  background-image: url(/_ui/desktop/common/images/sprite/bundlePromotion-s9fd4586fbe.png);
  background-position: 0 -596px;
  background-repeat: no-repeat;
  overflow: hidden;
  display: inline-block;
  height: 77px;
  width: 156px;
  opacity: 1;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
  /* line 216, ../../../../resource/compass/_ui/desktop/common/css/bundlePromotionPage.scss */
  .bundlePromotionPage .bundlePromotionTab ul > li.setC.selected > button {
    background-image: url(/_ui/desktop/common/images/sprite/bundlePromotion-2x-sab092f0752.png);
    background-size: 156px 673px;
    background-position: 0 -596px;
    height: 77px;
    width: 156px;
  }
}
/* line 224, ../../../../resource/compass/_ui/desktop/common/css/bundlePromotionPage.scss */
.bundlePromotionPage .bundlePromotionTab ul > li.setC:hover > button, .bundlePromotionPage .bundlePromotionTab ul > li.setC.active > button, .bundlePromotionPage .bundlePromotionTab ul > li.setC.selected > button {
  opacity: 1;
  transition-delay: 0.1s;
}
/* line 228, ../../../../resource/compass/_ui/desktop/common/css/bundlePromotionPage.scss */
.bundlePromotionPage .bundlePromotionTab ul > li.setC:hover .productHolder, .bundlePromotionPage .bundlePromotionTab ul > li.setC.active .productHolder, .bundlePromotionPage .bundlePromotionTab ul > li.setC.selected .productHolder {
  background: #6e9917;
  transition-delay: 0.1s;
}
/* line 207, ../../../../resource/compass/_ui/desktop/common/css/bundlePromotionPage.scss */
.bundlePromotionPage .bundlePromotionTab ul > li.setD > button {
  background-image: url(/_ui/desktop/common/images/sprite/bundlePromotion-s9fd4586fbe.png);
  background-position: 0 -164px;
  background-repeat: no-repeat;
  overflow: hidden;
  display: inline-block;
  height: 67px;
  width: 156px;
  transition: 0.13s linear;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
  /* line 207, ../../../../resource/compass/_ui/desktop/common/css/bundlePromotionPage.scss */
  .bundlePromotionPage .bundlePromotionTab ul > li.setD > button {
    background-image: url(/_ui/desktop/common/images/sprite/bundlePromotion-2x-sab092f0752.png);
    background-size: 156px 673px;
    background-position: 0 -164px;
    height: 67px;
    width: 156px;
  }
}
/* line 211, ../../../../resource/compass/_ui/desktop/common/css/bundlePromotionPage.scss */
.bundlePromotionPage .bundlePromotionTab ul > li.setD:not(.active) > button {
  opacity: 0;
}
/* line 214, ../../../../resource/compass/_ui/desktop/common/css/bundlePromotionPage.scss */
.bundlePromotionPage .bundlePromotionTab ul > li.setD.selected {
  z-index: 5;
}
/* line 216, ../../../../resource/compass/_ui/desktop/common/css/bundlePromotionPage.scss */
.bundlePromotionPage .bundlePromotionTab ul > li.setD.selected > button {
  background-image: url(/_ui/desktop/common/images/sprite/bundlePromotion-s9fd4586fbe.png);
  background-position: 0 -519px;
  background-repeat: no-repeat;
  overflow: hidden;
  display: inline-block;
  height: 77px;
  width: 156px;
  opacity: 1;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
  /* line 216, ../../../../resource/compass/_ui/desktop/common/css/bundlePromotionPage.scss */
  .bundlePromotionPage .bundlePromotionTab ul > li.setD.selected > button {
    background-image: url(/_ui/desktop/common/images/sprite/bundlePromotion-2x-sab092f0752.png);
    background-size: 156px 673px;
    background-position: 0 -519px;
    height: 77px;
    width: 156px;
  }
}
/* line 224, ../../../../resource/compass/_ui/desktop/common/css/bundlePromotionPage.scss */
.bundlePromotionPage .bundlePromotionTab ul > li.setD:hover > button, .bundlePromotionPage .bundlePromotionTab ul > li.setD.active > button, .bundlePromotionPage .bundlePromotionTab ul > li.setD.selected > button {
  opacity: 1;
  transition-delay: 0.1s;
}
/* line 228, ../../../../resource/compass/_ui/desktop/common/css/bundlePromotionPage.scss */
.bundlePromotionPage .bundlePromotionTab ul > li.setD:hover .productHolder, .bundlePromotionPage .bundlePromotionTab ul > li.setD.active .productHolder, .bundlePromotionPage .bundlePromotionTab ul > li.setD.selected .productHolder {
  background: #bf8715;
  transition-delay: 0.1s;
}
/* line 237, ../../../../resource/compass/_ui/desktop/common/css/bundlePromotionPage.scss */
.bundlePromotionPage .bundlePromotionTab ul > li:nth-of-type(1) {
  z-index: 4;
}
/* line 237, ../../../../resource/compass/_ui/desktop/common/css/bundlePromotionPage.scss */
.bundlePromotionPage .bundlePromotionTab ul > li:nth-of-type(2) {
  z-index: 3;
}
/* line 237, ../../../../resource/compass/_ui/desktop/common/css/bundlePromotionPage.scss */
.bundlePromotionPage .bundlePromotionTab ul > li:nth-of-type(3) {
  z-index: 2;
}
/* line 237, ../../../../resource/compass/_ui/desktop/common/css/bundlePromotionPage.scss */
.bundlePromotionPage .bundlePromotionTab ul > li:nth-of-type(4) {
  z-index: 1;
}
/* line 242, ../../../../resource/compass/_ui/desktop/common/css/bundlePromotionPage.scss */
.bundlePromotionPage .bundlePromotionTab ul > li .productHolder {
  display: block;
  position: absolute;
  left: 50px;
  bottom: 8px;
  width: 50px;
  height: 50px;
  text-align: center;
  border: solid 3px #fff;
  z-index: 6;
  transition: 0.13s linear;
  cursor: pointer;
}
/* line 254, ../../../../resource/compass/_ui/desktop/common/css/bundlePromotionPage.scss */
.bundlePromotionPage .bundlePromotionTab ul > li .productHolder > span {
  font-size: 24px;
  line-height: 44px;
  color: white;
}
/* line 259, ../../../../resource/compass/_ui/desktop/common/css/bundlePromotionPage.scss */
.bundlePromotionPage .bundlePromotionTab ul > li .productHolder .productSquare {
  position: absolute;
  top: -3px;
  left: -3px;
}
/* line 266, ../../../../resource/compass/_ui/desktop/common/css/bundlePromotionPage.scss */
.bundlePromotionPage .bundlePromotionTab ul > li:not(.selected) .productSquare .buttonWrapper {
  display: none;
}
/* line 270, ../../../../resource/compass/_ui/desktop/common/css/bundlePromotionPage.scss */
.bundlePromotionPage .bundlePromotionTab ul > li.selected .productSquare .buttonWrapper {
  visibility: visible;
  opacity: 1;
}
/* line 278, ../../../../resource/compass/_ui/desktop/common/css/bundlePromotionPage.scss */
.bundlePromotionPage .productSquare {
  position: relative;
  width: 50px;
  border: #bdbdbd 1px solid;
  transition: border 0.13s linear 0.1s;
}
/* line 283, ../../../../resource/compass/_ui/desktop/common/css/bundlePromotionPage.scss */
.bundlePromotionPage .productSquare .imageWrapper {
  display: block;
}
/* line 286, ../../../../resource/compass/_ui/desktop/common/css/bundlePromotionPage.scss */
.bundlePromotionPage .productSquare .buttonWrapper {
  position: absolute;
  top: -8px;
  right: -5px;
  visibility: hidden;
  opacity: 0;
  transition: visibility 0.1s linear 0.13s,opacity 0.13s linear;
}
/* line 293, ../../../../resource/compass/_ui/desktop/common/css/bundlePromotionPage.scss */
.bundlePromotionPage .productSquare .buttonWrapper i {
  display: block;
}
/* line 299, ../../../../resource/compass/_ui/desktop/common/css/bundlePromotionPage.scss */
.bundlePromotionPage .productSquare:hover.setA {
  border: #c7404b 1px solid;
  transition-delay: 0.1s;
}
/* line 299, ../../../../resource/compass/_ui/desktop/common/css/bundlePromotionPage.scss */
.bundlePromotionPage .productSquare:hover.setB {
  border: #3d6dcc 1px solid;
  transition-delay: 0.1s;
}
/* line 299, ../../../../resource/compass/_ui/desktop/common/css/bundlePromotionPage.scss */
.bundlePromotionPage .productSquare:hover.setC {
  border: #6e9917 1px solid;
  transition-delay: 0.1s;
}
/* line 299, ../../../../resource/compass/_ui/desktop/common/css/bundlePromotionPage.scss */
.bundlePromotionPage .productSquare:hover.setD {
  border: #bf8715 1px solid;
  transition-delay: 0.1s;
}
/* line 306, ../../../../resource/compass/_ui/desktop/common/css/bundlePromotionPage.scss */
.bundlePromotionPage .productSquare:hover .buttonWrapper {
  visibility: visible;
  opacity: 1;
  transition-delay: 0.1s;
}
/* line 313, ../../../../resource/compass/_ui/desktop/common/css/bundlePromotionPage.scss */
.bundlePromotionPage .bundlePromotionCaption {
  border-radius: 3px;
  line-height: 35px;
}
/* line 316, ../../../../resource/compass/_ui/desktop/common/css/bundlePromotionPage.scss */
.bundlePromotionPage .bundlePromotionCaption .name {
  font-weight: bold;
  font-size: 20px;
  padding-left: 10px;
  max-width: 700px;
  overflow: hidden;
}
/* line 323, ../../../../resource/compass/_ui/desktop/common/css/bundlePromotionPage.scss */
.bundlePromotionPage .bundlePromotionCaption .guide {
  font-size: 18px;
  padding-left: 20px;
}
/* line 328, ../../../../resource/compass/_ui/desktop/common/css/bundlePromotionPage.scss */
.bundlePromotionPage .bundlePromotionCaption.setA {
  background: #fa6873;
}
/* line 328, ../../../../resource/compass/_ui/desktop/common/css/bundlePromotionPage.scss */
.bundlePromotionPage .bundlePromotionCaption.setB {
  background: #6699ff;
}
/* line 328, ../../../../resource/compass/_ui/desktop/common/css/bundlePromotionPage.scss */
.bundlePromotionPage .bundlePromotionCaption.setC {
  background: #99cc33;
}
/* line 328, ../../../../resource/compass/_ui/desktop/common/css/bundlePromotionPage.scss */
.bundlePromotionPage .bundlePromotionCaption.setD {
  background: #f3b434;
}
/* line 335, ../../../../resource/compass/_ui/desktop/common/css/bundlePromotionPage.scss */
.bundlePromotionPage .loading {
  background: url("/_ui/desktop/common/images/loading1605.gif") center no-repeat;
  height: 800px;
}
/* line 339, ../../../../resource/compass/_ui/desktop/common/css/bundlePromotionPage.scss */
.bundlePromotionPage .productGrid {
  padding-bottom: 0;
}
/* line 341, ../../../../resource/compass/_ui/desktop/common/css/bundlePromotionPage.scss */
.bundlePromotionPage .productGrid .loading {
  height: 300px;
}
/* line 344, ../../../../resource/compass/_ui/desktop/common/css/bundlePromotionPage.scss */
.bundlePromotionPage .productGrid .row {
  padding: 30px 0;
}
/* line 19, ../../../../resource/compass/lib/_hktvMixin.scss */
.bundlePromotionPage .productGrid .row:after {
  content: " ";
  display: table;
  height: 0;
  clear: both;
}
/* line 348, ../../../../resource/compass/_ui/desktop/common/css/bundlePromotionPage.scss */
.bundlePromotionPage .productGrid .row.setA {
  border-bottom: solid 1px #fa6873;
}
/* line 348, ../../../../resource/compass/_ui/desktop/common/css/bundlePromotionPage.scss */
.bundlePromotionPage .productGrid .row.setB {
  border-bottom: solid 1px #6699ff;
}
/* line 348, ../../../../resource/compass/_ui/desktop/common/css/bundlePromotionPage.scss */
.bundlePromotionPage .productGrid .row.setC {
  border-bottom: solid 1px #99cc33;
}
/* line 348, ../../../../resource/compass/_ui/desktop/common/css/bundlePromotionPage.scss */
.bundlePromotionPage .productGrid .row.setD {
  border-bottom: solid 1px #f3b434;
}
/* line 354, ../../../../resource/compass/_ui/desktop/common/css/bundlePromotionPage.scss */
.bundlePromotionPage .productGrid .row:last-of-type {
  border-bottom: none;
}
/* line 357, ../../../../resource/compass/_ui/desktop/common/css/bundlePromotionPage.scss */
.bundlePromotionPage .productGrid .row .productBrief {
  float: left;
  width: 148px;
}
/* line 360, ../../../../resource/compass/_ui/desktop/common/css/bundlePromotionPage.scss */
.bundlePromotionPage .productGrid .row .productBrief .packing-spec {
  font-weight: 500;
}
/* line 363, ../../../../resource/compass/_ui/desktop/common/css/bundlePromotionPage.scss */
.bundlePromotionPage .productGrid .row .productBrief .salesNumberString {
  font-weight: 500;
  font-size: 12px;
  color: #999;
  max-height: 14px;
  overflow: hidden;
}

/* line 375, ../../../../resource/compass/_ui/desktop/common/css/bundlePromotionPage.scss */
.topsection {
  z-index: 10;
}

/* line 380, ../../../../resource/compass/_ui/desktop/common/css/bundlePromotionPage.scss */
.productGrid .product-brief {
  width: 148px;
}

/*adjusting bundlePromotionTab sticky position Y depends on header status*/
/* line 386, ../../../../resource/compass/_ui/desktop/common/css/bundlePromotionPage.scss */
#header.sticky-header + #mainWrapper .bundlePromotionTab.is_stuck {
  transform: translateY(-34px);
}

/* End - bundle Promotion Landing Page */
/* line 393, ../../../../resource/compass/_ui/desktop/common/css/bundlePromotionPage.scss */
.productBrief .infoWrapper.showAverageRating {
  height: 180px;
}