/* 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 97, ../../../../../resource/compass/_ui/desktop/common/css/st12-hotcat/st12-hotcat-list.scss */
.homenfamily .st12-hotcat-list {
  margin-bottom: 5px;
  background-color: #F0F8F8;
}

/* line 97, ../../../../../resource/compass/_ui/desktop/common/css/st12-hotcat/st12-hotcat-list.scss */
.beautynhealth .st12-hotcat-list {
  margin-bottom: 5px;
  background-color: #FFEFEE;
}

/* line 97, ../../../../../resource/compass/_ui/desktop/common/css/st12-hotcat/st12-hotcat-list.scss */
.personalcarenhealth .st12-hotcat-list {
  margin-bottom: 5px;
  background-color: #FFF9EF;
}

/* line 97, ../../../../../resource/compass/_ui/desktop/common/css/st12-hotcat/st12-hotcat-list.scss */
.mothernbaby .st12-hotcat-list {
  margin-bottom: 5px;
  background-color: #F2FEFF;
}

/* line 97, ../../../../../resource/compass/_ui/desktop/common/css/st12-hotcat/st12-hotcat-list.scss */
.pets .st12-hotcat-list {
  margin-bottom: 5px;
  background-color: #FFF7F7;
}

/* line 97, ../../../../../resource/compass/_ui/desktop/common/css/st12-hotcat/st12-hotcat-list.scss */
.deals .st12-hotcat-list {
  background-color: #fff2f1;
}

/* line 97, ../../../../../resource/compass/_ui/desktop/common/css/st12-hotcat/st12-hotcat-list.scss */
.sportsntravel .st12-hotcat-list {
  margin-bottom: 5px;
  background-color: #FBFFF3;
}

/* line 97, ../../../../../resource/compass/_ui/desktop/common/css/st12-hotcat/st12-hotcat-list.scss */
.toysnbooks .st12-hotcat-list {
  margin-bottom: 5px;
  background-color: #F2FAFF;
}

/* line 97, ../../../../../resource/compass/_ui/desktop/common/css/st12-hotcat/st12-hotcat-list.scss */
.finance .st12-hotcat-list {
  margin-bottom: 5px;
  background-color: #FFEAEC;
}

/* line 97, ../../../../../resource/compass/_ui/desktop/common/css/st12-hotcat/st12-hotcat-list.scss */
.macau .st12-hotcat-list {
  margin-bottom: 5px;
  background-color: #FFEDB3;
}

/* line 103, ../../../../../resource/compass/_ui/desktop/common/css/st12-hotcat/st12-hotcat-list.scss */
.st12-hotcat-list .content {
  position: relative;
  width: 1188px;
  min-height: 271px;
  margin: auto;
  padding: 40px 0 40px 0;
}
/* line 122, ../../../../../resource/compass/_ui/desktop/common/css/st12-hotcat/st12-hotcat-list.scss */
.st12-hotcat-list .side-banner {
  display: inline-block;
}
/* line 128, ../../../../../resource/compass/_ui/desktop/common/css/st12-hotcat/st12-hotcat-list.scss */
.st12-hotcat-list .side-banner .image {
  margin: 0 28px 0 20px;
  display: inline-block;
  width: 476px;
  height: 170px;
}
/* line 135, ../../../../../resource/compass/_ui/desktop/common/css/st12-hotcat/st12-hotcat-list.scss */
.homenfamily.language-zh .st12-hotcat-list .side-banner .image {
  background-image: url(/_ui/desktop/common/svg/homenfamily/imgTitleHotcatElectricalZh.svg);
}
/* line 140, ../../../../../resource/compass/_ui/desktop/common/css/st12-hotcat/st12-hotcat-list.scss */
.homenfamily.language-en .st12-hotcat-list .side-banner .image {
  background-image: url(/_ui/desktop/common/svg/homenfamily/imgTitleHotcatElectricalEn.svg);
}
/* line 135, ../../../../../resource/compass/_ui/desktop/common/css/st12-hotcat/st12-hotcat-list.scss */
.beautynhealth.language-zh .st12-hotcat-list .side-banner .image {
  background-image: url(/_ui/desktop/common/svg/beautynhealth/imgTitleHotcatBeautyZh.svg);
}
/* line 140, ../../../../../resource/compass/_ui/desktop/common/css/st12-hotcat/st12-hotcat-list.scss */
.beautynhealth.language-en .st12-hotcat-list .side-banner .image {
  background-image: url(/_ui/desktop/common/svg/beautynhealth/imgTitleHotcatBeautyEn.svg);
}
/* line 135, ../../../../../resource/compass/_ui/desktop/common/css/st12-hotcat/st12-hotcat-list.scss */
.personalcarenhealth.language-zh .st12-hotcat-list .side-banner .image {
  background-image: url(/_ui/desktop/common/svg/personalcarenhealth/imgTitleHotcatHealthZh.svg);
}
/* line 140, ../../../../../resource/compass/_ui/desktop/common/css/st12-hotcat/st12-hotcat-list.scss */
.personalcarenhealth.language-en .st12-hotcat-list .side-banner .image {
  background-image: url(/_ui/desktop/common/svg/personalcarenhealth/imgTitleHotcatHealthEn.svg);
}
/* line 135, ../../../../../resource/compass/_ui/desktop/common/css/st12-hotcat/st12-hotcat-list.scss */
.mothernbaby.language-zh .st12-hotcat-list .side-banner .image {
  background-image: url(/_ui/desktop/common/svg/mothernbaby/imgTitleHotcatMotherZh.svg);
}
/* line 140, ../../../../../resource/compass/_ui/desktop/common/css/st12-hotcat/st12-hotcat-list.scss */
.mothernbaby.language-en .st12-hotcat-list .side-banner .image {
  background-image: url(/_ui/desktop/common/svg/mothernbaby/imgTitleHotcatMotherEn.svg);
}
/* line 135, ../../../../../resource/compass/_ui/desktop/common/css/st12-hotcat/st12-hotcat-list.scss */
.pets.language-zh .st12-hotcat-list .side-banner .image {
  background-image: url(/_ui/desktop/common/svg/pets/imgTitleHotcatPetsZh.svg);
}
/* line 140, ../../../../../resource/compass/_ui/desktop/common/css/st12-hotcat/st12-hotcat-list.scss */
.pets.language-en .st12-hotcat-list .side-banner .image {
  background-image: url(/_ui/desktop/common/svg/pets/imgTitleHotcatPetsEn.svg);
}
/* line 135, ../../../../../resource/compass/_ui/desktop/common/css/st12-hotcat/st12-hotcat-list.scss */
.deals.language-zh .st12-hotcat-list .side-banner .image {
  background-image: url(/_ui/desktop/common/svg/deals/imgTitleHotcataDealsZH.svg);
}
/* line 140, ../../../../../resource/compass/_ui/desktop/common/css/st12-hotcat/st12-hotcat-list.scss */
.deals.language-en .st12-hotcat-list .side-banner .image {
  background-image: url(/_ui/desktop/common/svg/deals/imgTitleHotcataDealsEN.svg);
}
/* line 135, ../../../../../resource/compass/_ui/desktop/common/css/st12-hotcat/st12-hotcat-list.scss */
.sportsntravel.language-zh .st12-hotcat-list .side-banner .image {
  background-image: url(/_ui/desktop/common/svg/sportsntravel/imgTitleHotcatSportsZh.svg);
}
/* line 140, ../../../../../resource/compass/_ui/desktop/common/css/st12-hotcat/st12-hotcat-list.scss */
.sportsntravel.language-en .st12-hotcat-list .side-banner .image {
  background-image: url(/_ui/desktop/common/svg/sportsntravel/imgTitleHotcatSportsEn.svg);
}
/* line 135, ../../../../../resource/compass/_ui/desktop/common/css/st12-hotcat/st12-hotcat-list.scss */
.toysnbooks.language-zh .st12-hotcat-list .side-banner .image {
  background-image: url(/_ui/desktop/common/svg/toysnbooks/imgTitleHotcatToysZh.svg);
}
/* line 140, ../../../../../resource/compass/_ui/desktop/common/css/st12-hotcat/st12-hotcat-list.scss */
.toysnbooks.language-en .st12-hotcat-list .side-banner .image {
  background-image: url(/_ui/desktop/common/svg/toysnbooks/imgTitleHotcatToysEn.svg);
}
/* line 135, ../../../../../resource/compass/_ui/desktop/common/css/st12-hotcat/st12-hotcat-list.scss */
.finance.language-zh .st12-hotcat-list .side-banner .image {
  background-image: url(/_ui/desktop/common/svg/finance/imgTitleHotcatInsuranceZH.svg);
}
/* line 140, ../../../../../resource/compass/_ui/desktop/common/css/st12-hotcat/st12-hotcat-list.scss */
.finance.language-en .st12-hotcat-list .side-banner .image {
  background-image: url(/_ui/desktop/common/svg/finance/imgTitleHotcatInsuranceEN.svg);
}
/* line 135, ../../../../../resource/compass/_ui/desktop/common/css/st12-hotcat/st12-hotcat-list.scss */
.macau.language-zh .st12-hotcat-list .side-banner .image {
  background-image: url(/_ui/desktop/common/svg/macau/imgTitleHotcatMacauZh.svg);
}
/* line 140, ../../../../../resource/compass/_ui/desktop/common/css/st12-hotcat/st12-hotcat-list.scss */
.macau.language-en .st12-hotcat-list .side-banner .image {
  background-image: url(/_ui/desktop/common/svg/macau/imgTitleHotcatMacauEn.svg);
}
/* line 154, ../../../../../resource/compass/_ui/desktop/common/css/st12-hotcat/st12-hotcat-list.scss */
.st12-hotcat-list .main-content .cards .st12-hotcat-card {
  margin-right: 28px;
}
/* line 156, ../../../../../resource/compass/_ui/desktop/common/css/st12-hotcat/st12-hotcat-list.scss */
.st12-hotcat-list .main-content .cards .st12-hotcat-card:nth-child(5) {
  margin-right: 20px;
}
/* line 159, ../../../../../resource/compass/_ui/desktop/common/css/st12-hotcat/st12-hotcat-list.scss */
.st12-hotcat-list .main-content .cards .st12-hotcat-card:nth-child(7n-1) {
  margin-left: 20px;
}
/* line 162, ../../../../../resource/compass/_ui/desktop/common/css/st12-hotcat/st12-hotcat-list.scss */
.st12-hotcat-list .main-content .cards .st12-hotcat-card:nth-child(7n+12) {
  margin-right: 20px;
}
/* line 165, ../../../../../resource/compass/_ui/desktop/common/css/st12-hotcat/st12-hotcat-list.scss */
.st12-hotcat-list .main-content .cards .st12-hotcat-card:nth-child(n+6) {
  margin-top: 22px;
}
/* line 171, ../../../../../resource/compass/_ui/desktop/common/css/st12-hotcat/st12-hotcat-list.scss */
.st12-hotcat-list .main-content .show-more {
  margin-top: 40px;
  text-align: center;
}