/* 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 */
/* line 70, ../../../../resource/compass/_ui/desktop/common/css/sfpi-st12-rec.scss */
.ymal-container .ui-you-may-also-like {
  margin: 0 auto;
}
/* line 75, ../../../../resource/compass/_ui/desktop/common/css/sfpi-st12-rec.scss */
.ymal-container .products .product-brief-wrapper .product-brief {
  display: inline-block;
  vertical-align: top;
  width: 226px;
  height: 363px;
  padding: 14px;
  margin-right: 14px;
  margin-bottom: 20px;
  margin-top: 14px;
  background-color: #FFF;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  border-radius: 6px;
}
/* line 88, ../../../../resource/compass/_ui/desktop/common/css/sfpi-st12-rec.scss */
.ymal-container .products .product-brief-wrapper:nth-child(5n-2) .product-brief {
  margin-right: 15px;
}
/* line 92, ../../../../resource/compass/_ui/desktop/common/css/sfpi-st12-rec.scss */
.ymal-container .products .product-brief-wrapper:nth-child(5n-3) .product-brief {
  margin-right: 15px;
}
/* line 96, ../../../../resource/compass/_ui/desktop/common/css/sfpi-st12-rec.scss */
.ymal-container .products .product-brief-wrapper:nth-child(5n) .product-brief {
  margin-right: 0px;
}
/* line 102, ../../../../resource/compass/_ui/desktop/common/css/sfpi-st12-rec.scss */
.ymal-container .products .slick-list {
  margin-right: -3px;
}
/* line 107, ../../../../resource/compass/_ui/desktop/common/css/sfpi-st12-rec.scss */
.ymal-container .st12-you-may-also-like {
  width: 1188px;
  margin: 0 auto;
}

/* line 116, ../../../../resource/compass/_ui/desktop/common/css/sfpi-st12-rec.scss */
#ymal-1-container .ui-you-may-also-like {
  margin-top: 40px;
  margin-bottom: 30px;
  width: 1280px;
}
/* line 121, ../../../../resource/compass/_ui/desktop/common/css/sfpi-st12-rec.scss */
#ymal-1-container .st12-you-may-also-like {
  display: block;
  width: 1188px;
}
/* line 127, ../../../../resource/compass/_ui/desktop/common/css/sfpi-st12-rec.scss */
#ymal-1-container .header {
  position: relative;
  text-align: center;
  width: 1188px;
  height: 60px;
  border: solid #D4D4D4 1px;
  margin: auto;
}
/* line 134, ../../../../resource/compass/_ui/desktop/common/css/sfpi-st12-rec.scss */
#ymal-1-container .header .title {
  display: none;
}
/* line 139, ../../../../resource/compass/_ui/desktop/common/css/sfpi-st12-rec.scss */
.homenfamily.language-zh #ymal-1-container .header {
  background-image: url(/_ui/desktop/common/svg/homenfamily/imgTitleYoumaylikeElectricalZh.svg);
}
/* line 144, ../../../../resource/compass/_ui/desktop/common/css/sfpi-st12-rec.scss */
.homenfamily.language-en #ymal-1-container .header {
  background-image: url(/_ui/desktop/common/svg/homenfamily/imgTitleYoumaylikeElectricalEn.svg);
}
/* line 139, ../../../../resource/compass/_ui/desktop/common/css/sfpi-st12-rec.scss */
.beautynhealth.language-zh #ymal-1-container .header {
  background-image: url(/_ui/desktop/common/svg/beautynhealth/imgTitleYoumaylikeBeautyZh.svg);
}
/* line 144, ../../../../resource/compass/_ui/desktop/common/css/sfpi-st12-rec.scss */
.beautynhealth.language-en #ymal-1-container .header {
  background-image: url(/_ui/desktop/common/svg/beautynhealth/imgTitleYoumaylikeBeautyEn.svg);
}
/* line 139, ../../../../resource/compass/_ui/desktop/common/css/sfpi-st12-rec.scss */
.personalcarenhealth.language-zh #ymal-1-container .header {
  background-image: url(/_ui/desktop/common/svg/personalcarenhealth/imgTitleYoumaylikeHealthZh.svg);
}
/* line 144, ../../../../resource/compass/_ui/desktop/common/css/sfpi-st12-rec.scss */
.personalcarenhealth.language-en #ymal-1-container .header {
  background-image: url(/_ui/desktop/common/svg/personalcarenhealth/imgTitleYoumaylikeHealthEn.svg);
}
/* line 139, ../../../../resource/compass/_ui/desktop/common/css/sfpi-st12-rec.scss */
.mothernbaby.language-zh #ymal-1-container .header {
  background-image: url(/_ui/desktop/common/svg/mothernbaby/imgTitleYoumaylikeMotherZh.svg);
}
/* line 144, ../../../../resource/compass/_ui/desktop/common/css/sfpi-st12-rec.scss */
.mothernbaby.language-en #ymal-1-container .header {
  background-image: url(/_ui/desktop/common/svg/mothernbaby/imgTitleYoumaylikeMotherEn.svg);
}
/* line 139, ../../../../resource/compass/_ui/desktop/common/css/sfpi-st12-rec.scss */
.pets.language-zh #ymal-1-container .header {
  background-image: url(/_ui/desktop/common/svg/pets/imgTitleYoumaylikePetsZh.svg);
}
/* line 144, ../../../../resource/compass/_ui/desktop/common/css/sfpi-st12-rec.scss */
.pets.language-en #ymal-1-container .header {
  background-image: url(/_ui/desktop/common/svg/pets/imgTitleYoumaylikePetsEn.svg);
}
/* line 139, ../../../../resource/compass/_ui/desktop/common/css/sfpi-st12-rec.scss */
.sportsntravel.language-zh #ymal-1-container .header {
  background-image: url(/_ui/desktop/common/svg/sportsntravel/imgTitleYoumaylikeSportsZh.svg);
}
/* line 144, ../../../../resource/compass/_ui/desktop/common/css/sfpi-st12-rec.scss */
.sportsntravel.language-en #ymal-1-container .header {
  background-image: url(/_ui/desktop/common/svg/sportsntravel/imgTitleYoumaylikeSportsEn.svg);
}
/* line 139, ../../../../resource/compass/_ui/desktop/common/css/sfpi-st12-rec.scss */
.toysnbooks.language-zh #ymal-1-container .header {
  background-image: url(/_ui/desktop/common/svg/toysnbooks/imgTitleYoumaylikeToysZh.svg);
}
/* line 144, ../../../../resource/compass/_ui/desktop/common/css/sfpi-st12-rec.scss */
.toysnbooks.language-en #ymal-1-container .header {
  background-image: url(/_ui/desktop/common/svg/toysnbooks/imgTitleYoumaylikeToysEn.svg);
}
/* line 139, ../../../../resource/compass/_ui/desktop/common/css/sfpi-st12-rec.scss */
.disney.language-zh #ymal-1-container .header {
  background-image: url(/_ui/desktop/common/svg/disney/imgTitleYMAL_zh.svg);
}
/* line 144, ../../../../resource/compass/_ui/desktop/common/css/sfpi-st12-rec.scss */
.disney.language-en #ymal-1-container .header {
  background-image: url(/_ui/desktop/common/svg/disney/imgTitleYMAL_EN.svg);
}
/* line 139, ../../../../resource/compass/_ui/desktop/common/css/sfpi-st12-rec.scss */
.deals.language-zh #ymal-1-container .header {
  background-image: url(/_ui/desktop/common/svg/deals/imgTitleYMALDealsZH.svg);
}
/* line 144, ../../../../resource/compass/_ui/desktop/common/css/sfpi-st12-rec.scss */
.deals.language-en #ymal-1-container .header {
  background-image: url(/_ui/desktop/common/svg/deals/imgTitleYMALDealsEN.svg);
}
/* line 139, ../../../../resource/compass/_ui/desktop/common/css/sfpi-st12-rec.scss */
.finance.language-zh #ymal-1-container .header {
  background-image: url(/_ui/desktop/common/svg/finance/imgTitleInsuranceYMAL_ZH.svg);
}
/* line 144, ../../../../resource/compass/_ui/desktop/common/css/sfpi-st12-rec.scss */
.finance.language-en #ymal-1-container .header {
  background-image: url(/_ui/desktop/common/svg/finance/imgTitleInsuranceYMAL_EN.svg);
}
/* line 149, ../../../../resource/compass/_ui/desktop/common/css/sfpi-st12-rec.scss */
.housewares.language-zh #ymal-1-container .header {
  border: hidden !important;
  background-image: url(/_ui/desktop/common/svg/housewares/header-background-line.svg) !important;
  background-repeat: no-repeat;
  background-position: center center;
  margin-bottom: 25px;
}
/* line 155, ../../../../resource/compass/_ui/desktop/common/css/sfpi-st12-rec.scss */
.housewares.language-zh #ymal-1-container .header .title {
  content: "";
  background-position: center;
  background-repeat: no-repeat;
  display: inline-block;
  height: 100%;
  width: 100%;
  background-image: url(/_ui/desktop/common/svg/housewares/img_YMAL_zh.svg);
  font-size: 0;
  display: block;
}
/* line 167, ../../../../resource/compass/_ui/desktop/common/css/sfpi-st12-rec.scss */
.housewares.language-en #ymal-1-container .header {
  border: hidden !important;
  background-image: url(/_ui/desktop/common/svg/housewares/header-background-line.svg) !important;
  background-repeat: no-repeat;
  background-position: center center;
  margin-bottom: 25px;
}
/* line 173, ../../../../resource/compass/_ui/desktop/common/css/sfpi-st12-rec.scss */
.housewares.language-en #ymal-1-container .header .title {
  content: "";
  background-position: center;
  background-repeat: no-repeat;
  display: inline-block;
  height: 100%;
  width: 100%;
  background-image: url(/_ui/desktop/common/svg/housewares/img_YMAL_en.svg);
  font-size: 0;
  display: block;
}
/* line 186, ../../../../resource/compass/_ui/desktop/common/css/sfpi-st12-rec.scss */
#ymal-1-container .products {
  padding: 0 35px;
}
/* line 188, ../../../../resource/compass/_ui/desktop/common/css/sfpi-st12-rec.scss */
#ymal-1-container .products .product-brief {
  width: 181px;
  height: 355px;
  padding: 5px;
  margin-right: 10px;
}
/* line 193, ../../../../resource/compass/_ui/desktop/common/css/sfpi-st12-rec.scss */
#ymal-1-container .products .product-brief.BMSM {
  height: auto;
  height: initial;
  padding: 0;
  margin: 0;
}
/* line 200, ../../../../resource/compass/_ui/desktop/common/css/sfpi-st12-rec.scss */
#ymal-1-container .products .bnArrowLeft {
  display: inline-block;
  width: 30px;
  height: 70px;
  position: absolute;
  top: 50%;
  left: -4px;
  -moz-transform: translate(-100%, -50%);
  -ms-transform: translate(-100%, -50%);
  -webkit-transform: translate(-100%, -50%);
  transform: translate(-100%, -50%);
  background-image: url("/_ui/shared/common/svg/arrows/slider-prev.svg");
  background-image: url(/_ui/desktop/common/images/sprite/sprite1511-s6c86c57acc.png);
  background-position: -1087px -62px;
  background-repeat: no-repeat;
  overflow: hidden;
  display: inline-block;
  height: 55px;
  width: 35px;
  height: 56px;
  z-index: 2;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
  /* line 200, ../../../../resource/compass/_ui/desktop/common/css/sfpi-st12-rec.scss */
  #ymal-1-container .products .bnArrowLeft {
    background-image: url(/_ui/desktop/common/images/sprite/sprite1511-2x-s50e7106e33.png);
    background-size: 1189px 180px;
    background-position: -1087px -61px;
    height: 55px;
    width: 35px;
  }
}
/* line 211, ../../../../resource/compass/_ui/desktop/common/css/sfpi-st12-rec.scss */
#ymal-1-container .products .bnArrowLeft:hover {
  background-image: url("/_ui/shared/common/svg/arrows/orange-long-left.svg");
  background-image: url(/_ui/desktop/common/images/sprite/sprite1511-s6c86c57acc.png);
  background-position: -915px -117px;
  background-repeat: no-repeat;
  overflow: hidden;
  display: inline-block;
  height: 55px;
  width: 35px;
  height: 56px;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
  /* line 211, ../../../../resource/compass/_ui/desktop/common/css/sfpi-st12-rec.scss */
  #ymal-1-container .products .bnArrowLeft:hover {
    background-image: url(/_ui/desktop/common/images/sprite/sprite1511-2x-s50e7106e33.png);
    background-size: 1189px 180px;
    background-position: -915px -116px;
    height: 55px;
    width: 35px;
  }
}
/* line 219, ../../../../resource/compass/_ui/desktop/common/css/sfpi-st12-rec.scss */
#ymal-1-container .products .bnArrowRight {
  display: inline-block;
  width: 30px;
  height: 70px;
  position: absolute;
  top: 50%;
  right: -4px;
  -moz-transform: translate(100%, -50%);
  -ms-transform: translate(100%, -50%);
  -webkit-transform: translate(100%, -50%);
  transform: translate(100%, -50%);
  background-image: url("/_ui/shared/common/svg/arrows/slider-next.svg");
  background-image: url(/_ui/desktop/common/images/sprite/sprite1511-s6c86c57acc.png);
  background-position: -985px -117px;
  background-repeat: no-repeat;
  overflow: hidden;
  display: inline-block;
  height: 55px;
  width: 35px;
  height: 56px;
  z-index: 2;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
  /* line 219, ../../../../resource/compass/_ui/desktop/common/css/sfpi-st12-rec.scss */
  #ymal-1-container .products .bnArrowRight {
    background-image: url(/_ui/desktop/common/images/sprite/sprite1511-2x-s50e7106e33.png);
    background-size: 1189px 180px;
    background-position: -985px -116px;
    height: 55px;
    width: 35px;
  }
}
/* line 230, ../../../../resource/compass/_ui/desktop/common/css/sfpi-st12-rec.scss */
#ymal-1-container .products .bnArrowRight:hover {
  background-image: url("/_ui/shared/common/svg/arrows/orange-long-right.svg");
  background-image: url(/_ui/desktop/common/images/sprite/sprite1511-s6c86c57acc.png);
  background-position: -950px -117px;
  background-repeat: no-repeat;
  overflow: hidden;
  display: inline-block;
  height: 55px;
  width: 35px;
  height: 56px;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
  /* line 230, ../../../../resource/compass/_ui/desktop/common/css/sfpi-st12-rec.scss */
  #ymal-1-container .products .bnArrowRight:hover {
    background-image: url(/_ui/desktop/common/images/sprite/sprite1511-2x-s50e7106e33.png);
    background-size: 1189px 180px;
    background-position: -950px -116px;
    height: 55px;
    width: 35px;
  }
}