@media only screen and (max-width: 768px) {
  .container___23_YA {
    /* For mobile phones: */
    max-width: 768px;
  }
}

.main___2hBgV {
  width: 100%;
}

.main___2dUue {
  margin-bottom: 16px;
  /* For mobile phones: */
}
.main___2dUue .content___WRLQA {
  background-image: linear-gradient(rgba(255, 255, 255, 0.9), rgba(255, 255, 255, 0.6)), url('/images/pattern8.png');
  min-height: 261px;
  padding: 27px 30px 0px 37px;
  border-radius: 8px;
  background-color: #ffffff;
  margin-bottom: 10px;
}
.main___2dUue .content___WRLQA .btnSocial___2IzGY {
  text-align: left;
}
.main___2dUue .content___WRLQA .btnSocial___2IzGY a img {
  cursor: pointer;
  height: 40px !important;
  width: auto;
  margin: 20px 15px !important;
  margin-left: 0px !important;
}
.main___2dUue .content___WRLQA .btnSocial___2IzGY a img:last-child {
  margin-right: 0;
}
.main___2dUue .mobileContent___1CXze {
  padding-top: 15px;
  background-image: linear-gradient(rgba(255, 255, 255, 0.9), rgba(255, 255, 255, 0.6)), url('/images/pattern8.png');
  min-height: 261px;
  border-radius: 8px;
  background-color: #ffffff;
  margin-bottom: 10px;
}
.main___2dUue .mobileContent___1CXze .btnSocial___2IzGY {
  text-align: left;
}
.main___2dUue .mobileContent___1CXze .btnSocial___2IzGY a img {
  cursor: pointer;
  height: 40px !important;
  width: auto;
  margin: 20px 15px !important;
  margin-left: 0px !important;
}
.main___2dUue .mobileContent___1CXze .btnSocial___2IzGY a img:last-child {
  margin-right: 0;
}
@media only screen and (max-width: 768px) {
  .main___2dUue .content___WRLQA {
    width: 100%;
    padding: 20px;
    min-height: auto;
  }
  .main___2dUue .content___WRLQA .btnSocial___2IzGY {
    text-align: center;
  }
  .main___2dUue .content___WRLQA .btnSocial___2IzGY a img,
  .main___2dUue .content___WRLQA button {
    margin-top: 30px;
  }
  .main___2dUue .content___WRLQA .btnSocial___2IzGY a img {
    margin-left: 0px !important;
    margin-right: 7px !important;
    margin-bottom: 0 !important;
    height: 28px !important;
  }
  .main___2dUue .content___WRLQA span.ant-typography-secondary___16l6g {
    font-size: 13px;
  }
}

*,
*:before,
*:after {
  box-sizing: inherit;
}
html {
  box-sizing: border-box;
  font-size: 14px;
  -ms-overflow-style: -ms-autohiding-scrollbar;
}
body {
  background-color: var(--primaryColor);
  -ms-text-size-adjust: 100%;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
}
.text-left {
  text-align: left !important;
}
.text-right {
  text-align: right !important;
}
.text-center {
  text-align: center !important;
}
.m-0 {
  margin: 0 !important;
}
.mt-0 {
  margin-top: 0 !important;
}
.mb-0 {
  margin-bottom: 0 !important;
}
.my-0 {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}
.ml-0 {
  margin-left: 0 !important;
}
.mr-0 {
  margin-right: 0 !important;
}
.mx-0 {
  margin-left: 0 !important;
  margin-right: 0 !important;
}
.m-1 {
  margin: 0.25rem !important;
}
.mt-1 {
  margin-top: 0.25rem !important;
}
.mb-1 {
  margin-bottom: 0.25rem !important;
}
.my-1 {
  margin-top: 0.25rem !important;
  margin-bottom: 0.25rem !important;
}
.ml-1 {
  margin-left: 0.25rem !important;
}
.mr-1 {
  margin-right: 0.25rem !important;
}
.mx-1 {
  margin-left: 0.25rem !important;
  margin-right: 0.25rem !important;
}
.m-2 {
  margin: 0.5rem !important;
}
.mt-2 {
  margin-top: 0.5rem !important;
}
.mb-2 {
  margin-bottom: 0.5rem !important;
}
.my-2 {
  margin-top: 0.5rem !important;
  margin-bottom: 0.5rem !important;
}
.ml-2 {
  margin-left: 0.5rem !important;
}
.mr-2 {
  margin-right: 0.5rem !important;
}
.mx-2 {
  margin-left: 0.5rem !important;
  margin-right: 0.5rem !important;
}
.m-3 {
  margin: 1rem !important;
}
.mt-3 {
  margin-top: 1rem !important;
}
.mb-3 {
  margin-bottom: 1rem !important;
}
.my-3 {
  margin-top: 1rem !important;
  margin-bottom: 1rem !important;
}
.ml-3 {
  margin-left: 1rem !important;
}
.mr-3 {
  margin-right: 1rem !important;
}
.mx-3 {
  margin-left: 1rem !important;
  margin-right: 1rem !important;
}
.m-4 {
  margin: 1.5rem !important;
}
.mt-4 {
  margin-top: 1.5rem !important;
}
.mb-4 {
  margin-bottom: 1.5rem !important;
}
.my-4 {
  margin-top: 1.5rem !important;
  margin-bottom: 1.5rem !important;
}
.ml-4 {
  margin-left: 1.5rem !important;
}
.mr-4 {
  margin-right: 1.5rem !important;
}
.mx-4 {
  margin-left: 1.5rem !important;
  margin-right: 1.5rem !important;
}
.m-5 {
  margin: 3rem !important;
}
.mt-5 {
  margin-top: 3rem !important;
}
.mb-5 {
  margin-bottom: 3rem !important;
}
.my-5 {
  margin-top: 3rem !important;
  margin-bottom: 3rem !important;
}
.ml-5 {
  margin-left: 3rem !important;
}
.mr-5 {
  margin-right: 3rem !important;
}
.mx-5 {
  margin-left: 3rem !important;
  margin-right: 3rem !important;
}
.mt-10 {
  margin-top: 6rem !important;
}
.mb-10 {
  margin-bottom: 6rem !important;
}
.my-10 {
  margin-top: 6rem !important;
  margin-bottom: 6rem !important;
}
.ml-10 {
  margin-left: 6rem !important;
}
.mr-10 {
  margin-right: 6rem !important;
}
.mx-10 {
  margin-left: 6rem !important;
  margin-right: 6rem !important;
}
.mt-20 {
  margin-top: 12rem !important;
}
.mb-20 {
  margin-bottom: 12rem !important;
}
.my-20 {
  margin-top: 12rem !important;
  margin-bottom: 12rem !important;
}
.ml-20 {
  margin-left: 12rem !important;
}
.mr-20 {
  margin-right: 12rem !important;
}
.mx-20 {
  margin-left: 12rem !important;
  margin-right: 12rem !important;
}
.p-3 {
  padding: 1rem !important;
}
.pt-3 {
  padding-top: 1rem !important;
}
.pb-3 {
  padding-bottom: 1rem !important;
}
.py-3 {
  padding-top: 1rem !important;
  padding-bottom: 1rem !important;
}
.pl-3 {
  padding-left: 1rem !important;
}
.pr-3 {
  padding-right: 1rem !important;
}
.px-3 {
  padding-left: 1rem !important;
  padding-right: 1rem !important;
}
.p-4 {
  padding: 1.5rem !important;
}
.pt-4 {
  padding-top: 1.5rem !important;
}
.pb-4 {
  padding-bottom: 1.5rem !important;
}
.py-4 {
  padding-top: 1.5rem !important;
  padding-bottom: 1.5rem !important;
}
.pl-4 {
  padding-left: 1.5rem !important;
}
.pr-4 {
  padding-right: 1.5rem !important;
}
.px-4 {
  padding-left: 1.5rem !important;
  padding-right: 1.5rem !important;
}
.p-5 {
  padding: 2rem !important;
}
.pt-5 {
  padding-top: 2rem !important;
}
.pb-5 {
  padding-bottom: 2rem !important;
}
.py-5 {
  padding-top: 2rem !important;
  padding-bottom: 2rem !important;
}
.pl-5 {
  padding-left: 2rem !important;
}
.pr-5 {
  padding-right: 2rem !important;
}
.px-5 {
  padding-left: 2rem !important;
  padding-right: 2rem !important;
}
.p-0 {
  padding: 0 !important;
}
.pt-0 {
  padding-top: 0 !important;
}
.pb-0 {
  padding-bottom: 0 !important;
}
.py-0 {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}
.pl-0 {
  padding-left: 0 !important;
}
.pr-0 {
  padding-right: 0 !important;
}
.px-0 {
  padding-left: 0 !important;
  padding-right: 0 !important;
}
.pt-10 {
  padding-top: 6rem !important;
}
@font-face {
  font-family: 'Circular Std Book';
  src: url('/styles/CircularStd-Book.woff');
}
@font-face {
  font-family: 'SFNS Display Regular';
  src: url('/styles/SFNS-Display-Regular.ttf');
}
@font-face {
  font-family: 'SF-Pro-Display-Light';
  src: url('/styles/sf-pro-display/SF-Pro-Display-Light.otf');
}
@font-face {
  font-family: 'SF-Pro-Display-Regular';
  src: url('/styles/sf-pro-display/SF-Pro-Display-Regular.otf');
}
@font-face {
  font-family: 'SF-Pro-Display-Medium';
  src: url('/styles/sf-pro-display/SF-Pro-Display-Medium.otf');
}
@font-face {
  font-family: 'SF-Pro-Display-Semibold';
  src: url('/styles/sf-pro-display/SF-Pro-Display-Semibold.otf');
}
@font-face {
  font-family: 'SF-Pro-Display-Bold';
  src: url('/styles/sf-pro-display/SF-Pro-Display-Bold.otf');
}
@font-face {
  font-family: 'Poppins';
  src: url('/styles/poppins/Poppins-ExtraBold.ttf');
}
@font-face {
  font-family: 'Poppins-Bold';
  src: url('/styles/poppins/Poppins-Bold.ttf');
}
@font-face {
  font-family: 'Poppins-Regular';
  src: url('/styles/poppins/Poppins-Regular.ttf');
}
div,
span,
p,
pre {
  font-family: 'SF-Pro-Display-Regular', 'Lato', "Lucida Grande", Tahoma, Sans-Serif;
}
h1 {
  font-family: 'SF-Pro-Display-Bold', 'Lato', "Lucida Grande", Tahoma, Sans-Serif;
  font-size: 32px;
  padding: 0;
  margin: 0;
}
.h1 {
  font-size: 32px;
  font-family: 'SF-Pro-Display-Bold', 'Lato', "Lucida Grande", Tahoma, Sans-Serif;
}
.h2 {
  font-family: 'SF-Pro-Display-Bold', 'Lato', "Lucida Grande", Tahoma, Sans-Serif;
}
.sfns {
  font-family: 'SF-Pro-Display-Regular', 'SFNS Display Regular', "Lucida Grande", Tahoma, Sans-Serif;
}
.subtitle {
  font-size: 14px;
  word-spacing: -4px;
  font-family: 'SF-Pro-Display-Regular', 'Circular Std Book', "Lucida Grande", Tahoma, Sans-Serif;
}
.p-helper {
  color: #9B9B9B !important;
  font-size: 16px;
}
.body {
  word-spacing: -4px;
  font-family: 'Circular Std Book', "Lucida Grande", Tahoma, Sans-Serif;
}
.lh-normal {
  line-height: normal;
}
.lh-25 {
  line-height: 25px !important;
}
.lh-35 {
  line-height: 35px !important;
}
.bold {
  font-family: 'SF-Pro-Display-Bold', "Lucida Grande", Tahoma, Sans-Serif;
  font-weight: bold;
}
.normal {
  font-weight: normal;
}
.italic {
  font-style: italic;
}
.fs-10 {
  font-size: 10px;
}
.fs-11 {
  font-size: 11px;
}
.fs-12 {
  font-size: 12px;
}
.fs-13 {
  font-size: 13px;
}
.fs-14 {
  font-size: 14px;
}
.fs-15 {
  font-size: 15px;
}
.fs-16 {
  font-size: 16px;
}
.fs-17 {
  font-size: 17px;
}
.fs-18 {
  font-size: 18px;
}
.fs-20 {
  font-size: 20px;
}
.fs-21 {
  font-size: 21px;
}
.fs-22 {
  font-size: 22px;
}
.fs-23 {
  font-size: 23px;
}
.fs-24 {
  font-size: 24px;
}
.fs-25 {
  font-size: 25px;
}
.fs-26 {
  font-size: 26px;
}
.fs-27 {
  font-size: 27px;
}
.fs-28 {
  font-size: 28px;
}
.fs-30 {
  font-size: 30px;
}
.fs-32 {
  font-size: 32px;
}
.fs-45 {
  font-size: 45px;
}
.fs-50 {
  font-size: 50px;
}
.white {
  color: #ffffff !important;
}
.yellow {
  color: #FFB001 !important;
}
.yellow-sea {
  color: #FEB004 !important;
}
.chamois {
  color: #EEDBB8 !important;
}
.red {
  color: #C21110 !important;
}
.milano-red {
  color: #BC0F0E !important;
}
.grey {
  color: #7A7A7A !important;
}
.tundora {
  color: #4C4C4C !important;
}
.dusty-grey {
  color: #9B9B9B !important;
}
.emperor {
  color: #505050 !important;
}
.boulder {
  color: #767676 !important;
}
.manatee {
  color: #919099 !important;
}
.dark-grey {
  color: #2A2A2F !important;
}
.dove-grey {
  color: #686868 !important;
}
.black {
  color: #121212 !important;
}
.blue {
  color: #a7b2d3 !important;
}
.cod-gray {
  color: #0C0C0C !important;
}
.mine-shaft {
  color: #303030 !important;
}
.scorpion {
  color: #606060 !important;
}
.nobel {
  color: #B5B5B5 !important;
}
.ant-form-item-with-help___1nMUg {
  margin-bottom: 24px;
}
.center-vh {
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
}
.end-vh {
  display: flex !important;
  justify-content: left !important;
  align-items: flex-end !important;
}
.center-left-vh {
  display: flex !important;
  justify-content: left !important;
  align-items: center !important;
}
.center-right-vh {
  display: flex !important;
  justify-content: flex-end !important;
  align-items: center !important;
}
.divider {
  border: 1px solid rgba(0, 0, 0, 0.85);
  margin: 12px 0;
}
.bonanza-btn {
  background: #fff;
  color: #bb0706;
}
@media only screen and (max-width: 300px) {
  .ant-popover {
    width: 80% !important;
  }
}

.main___1ucRr {
  padding: 30px;
  min-height: 300px;
}
@media only screen and (max-width: 540px) {
  .delivery_date_option___FP8sc {
    margin-top: 20px;
  }
  .delivery_date_btn_now___2v0GJ {
    padding: 5px;
    font-size: 14px !important;
  }
  .delivery_date_btn_later___3tZhj {
    padding: 5px;
    font-size: 14px !important;
  }
}
@media only screen and (max-width: 320px) {
  .main___1ucRr {
    padding: 20px 15px;
    min-height: 300px;
  }
}

.container___1MYXP {
  margin: 0 auto;
  max-width: 1024px;
  padding-left: 20px;
  padding-right: 20px;
}
@media only screen and (max-width: 768px) {
  .container___1MYXP {
    /* For mobile phones: */
    max-width: 768px;
  }
}

.main___mx0wE .titles___2ntAz {
  margin-top: 38px;
  margin-bottom: 13px;
}
.main___mx0wE .noResults___8BxhV {
  font-size: 22px;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.14;
  letter-spacing: normal;
  text-align: center;
  color: #5e5e5e;
  margin: 95px 190px;
}
@media only screen and (max-width: 768px) {
  .main___mx0wE .noResults___8BxhV {
    margin: 95px 10px;
  }
}

.main___1nKA4 {
  padding: 30px;
  min-height: 300px;
}
@media only screen and (max-width: 540px) {
  .delivery_date_option___3jkJP {
    margin-top: 20px;
  }
  .delivery_date_btn_now___BQZhQ {
    padding: 5px;
    font-size: 14px !important;
  }
  .delivery_date_btn_later___3Cyz1 {
    padding: 5px;
    font-size: 14px !important;
  }
}
@media only screen and (max-width: 320px) {
  .main___1nKA4 {
    padding: 20px 15px;
    min-height: 300px;
  }
}

.dpDropdown___3yR7K > div[class='ant-picker-panel-container'] > div[class='ant-picker-panel'] > div[class='ant-picker-month-panel'] > div[class='ant-picker-header'] {
  display: none;
}

.big___EllqY:nth-child(1) {
  grid-column: 1 / 2;
  grid-row: 1 / 3;
}
.big___EllqY .supercard___1AAey img {
  width: 40px;
  height: 40px;
}
.small___20pac .main___1ud_W {
  height: 184px;
}
.small___20pac .main___1ud_W .name___2gwi7 {
  font-size: 14px;
}
.small___20pac .main___1ud_W .price___1RDNr {
  float: left;
  margin-top: -4px;
}
.small___20pac .main___1ud_W .order___3XzL8 {
  float: right;
}
.small___20pac .main___1ud_W .name___2gwi7,
.small___20pac .main___1ud_W .description___tWyvZ {
  text-align: left;
}
.small___20pac .supercard___1AAey img {
  width: 30px;
  height: 30px;
}
.small___20pac .image___2xXhT {
  float: left;
  margin-left: -32% !important;
  width: 162px !important;
  height: auto !important;
  margin-top: -17px !important;
  margin-right: 10px !important;
  overflow: hidden;
}
.small___20pac .image___2xXhT img {
  float: right;
  max-height: 170px;
}
.small___20pac .price___1RDNr,
.small___20pac .order___3XzL8 {
  max-width: 90px;
  padding: 0 !important;
}
.small___20pac .price___1RDNr {
  background-color: transparent !important;
}
.small___20pac .order___3XzL8 {
  font-size: 10px;
  height: 24px !important;
}
.small___20pac .price_value___2ZOqH {
  font-size: 16px !important;
  color: #000000;
}
.small___20pac .description___tWyvZ {
  height: 54px !important;
  margin-bottom: 15px !important;
}
.main___1ud_W {
  cursor: pointer;
  width: 327px;
  height: 395px;
  border-radius: 10px;
  box-shadow: 0 22px 24px -30px rgba(0, 0, 0, 0.1);
  background-color: #ffffff;
  margin-bottom: 20px;
  grid-auto-flow: column;
  overflow: hidden;
}
.main___1ud_W .image___2xXhT {
  width: 208px;
  height: 208px;
  margin: 0 auto;
}
.main___1ud_W .name___2gwi7 {
  height: 50px;
  font-size: 18px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: center;
  color: #000000;
  margin-bottom: 10px;
  overflow: hidden;
  vertical-align: middle;
}
.main___1ud_W .supercard___1AAey {
  vertical-align: middle;
}
.main___1ud_W .supercard___1AAey img {
  width: 40px;
  height: 40px;
}
.main___1ud_W .newTag___13Ude {
  position: absolute;
  top: 10px;
  left: -30px;
  width: 100px;
  background: #C21110;
  text-align: center;
  letter-spacing: 1px;
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
}
.main___1ud_W .name___2gwi7,
.main___1ud_W .supercard___1AAey {
  display: table-cell;
}
.main___1ud_W .description___tWyvZ {
  height: 34px;
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: center;
  color: #9b9b9b;
  overflow: hidden;
  margin-bottom: 10px;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}
.main___1ud_W .price___1RDNr {
  float: left;
  margin-right: 12px;
  padding: 7px 20px 10px 19px;
  border-radius: 6px;
}
.main___1ud_W .price_label___3w1OZ {
  font-size: 10px;
  color: #9b9b9b;
}
.main___1ud_W .price_value___2ZOqH {
  font-size: 20px;
  color: #000000;
}
.main___1ud_W .price_label___3w1OZ,
.main___1ud_W .price_value___2ZOqH {
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
}
.main___1ud_W .price___1RDNr,
.main___1ud_W .order___3XzL8 {
  height: 49px;
  width: 130px;
}
.main___1ud_W .order___3XzL8 {
  float: right;
}
/* For mobile phones: */
@media only screen and (max-width: 768px) {
  .main___1ud_W {
    width: 100%;
  }
  .main___1ud_W .price___1RDNr,
  .main___1ud_W .order___3XzL8 {
    width: 82px;
  }
  .main___1ud_W .price_value___2ZOqH {
    font-size: 12px;
  }
  .small___20pac .price___1RDNr {
    margin-right: 50px;
  }
}
@media only screen and (max-width: 425px) {
  .small___20pac .price___1RDNr,
  .small___20pac .order___3XzL8 {
    width: 62px;
  }
}
@media only screen and (max-width: 320px) {
  .big___EllqY .price___1RDNr,
  .big___EllqY .order___3XzL8 {
    width: 109px;
  }
  .small___20pac .price___1RDNr,
  .small___20pac .order___3XzL8 {
    width: 62px;
    display: inherit;
    margin: 0 auto;
  }
  .small___20pac .price_value___2ZOqH {
    font-size: 16px;
  }
}
@media only screen and (max-width: 280px) {
  .big___EllqY .price___1RDNr,
  .big___EllqY .order___3XzL8 {
    width: 85px;
  }
  .small___20pac .price___1RDNr {
    display: none !important;
  }
  .small___20pac .order___3XzL8 {
    float: left !important;
  }
  .small___20pac .price_value___2ZOqH {
    font-size: 14px !important;
  }
}

.container___mVkYE {
  margin: 0 auto;
  max-width: 1440px;
}

.main___hkXNH {
  padding: 42px 208px;
  background-image: url('/images/bg-image.png');
  max-width: auto;
  min-height: 130px;
  max-height: auto;
}
.main___hkXNH .searchTitle___jnK37 {
  font-size: 30px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #ffffff;
  text-align: center;
  margin-top: 50px;
}
.main___hkXNH .promotionTitle___vNP8K {
  font-size: 30px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #ffffff;
}
.main___hkXNH .nav___3RvbA {
  background-color: transparent;
  border: none;
}
.main___hkXNH .nav___3RvbA li {
  color: #ffffff;
  border: none;
  border-radius: 5px;
  background-color: #1212121f !important;
  margin: 0 5px !important;
  padding: 5px 10px !important;
  max-width: 25%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.main___hkXNH .nav___3RvbA li img {
  margin-right: 10px;
}
.main___hkXNH .nav___3RvbA li:hover,
.main___hkXNH .nav___3RvbA li.selected___2bJXp {
  border: none !important;
  background-color: #ffffff !important;
}
.main___hkXNH .hotline___15lqJ {
  display: flex;
  justify-content: flex-end;
  padding-top: 10px;
}
.csName___1ajf6,
.csImages___XB6nF {
  display: inline !important;
}
/* For mobile phones: */
@media only screen and (max-width: 1024px) {
  .main___hkXNH .nav___3RvbA li {
    margin: 0 2px !important;
    padding: 5px 5px !important;
  }
}
@media only screen and (max-width: 768px) {
  .main___hkXNH {
    padding-left: 15px;
    padding-right: 0;
    min-height: 150px;
  }
  .main___hkXNH .searchTitle___jnK37 {
    display: none;
  }
  .main___hkXNH li img {
    margin: 0 auto;
    display: block;
  }
  .main___hkXNH .nav___3RvbA li {
    margin: 0 8px !important;
    padding: 5px 20px !important;
  }
}

.container___2P3t2 {
  min-height: 100vh;
}
@media only screen and (max-width: 1024px) {
  /* For mobile phones: */
  .layout___1uKNx .container___2P3t2 {
    margin: 0 20px !important;
  }
}
@media only screen and (max-width: 414px) {
  /* For mobile phones: */
  .layout___1uKNx .container___2P3t2 {
    min-height: 450px;
  }
}

@media only screen and (max-width: 768px) {
  .container___3iQcx {
    /* For mobile phones: */
    max-width: 768px;
  }
}

.main___2aAJN {
  padding: 37px 208px;
  background-image: url('/images/bg-image-dark.png');
  background-repeat: no-repeat;
  background-size: 100%;
  max-width: auto;
  min-height: 160px;
  max-height: auto;
}
.main___2aAJN .searchTitle___CF0M3 {
  font-size: 30px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #ffffff;
  text-align: center;
  margin-top: 50px;
}
.main___2aAJN .promotionTitle___3ki5v {
  font-size: 30px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #ffffff;
}
.main___2aAJN .nav___1JHyN {
  background-color: transparent;
  border: none;
}
.main___2aAJN .nav___1JHyN li {
  color: #ffffff;
  border: none;
  border-radius: 5px;
  background-color: #1212121f !important;
  margin: 0 5px !important;
  padding: 5px 10px !important;
  max-width: 25%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.main___2aAJN .nav___1JHyN li img {
  margin-right: 10px;
}
.main___2aAJN .nav___1JHyN li:hover,
.main___2aAJN .nav___1JHyN li.selected___1IDga {
  border: none !important;
  background-color: #ffffff !important;
}
.main___2aAJN .hotline___2BC8X {
  display: flex;
  justify-content: flex-end;
  padding-top: 10px;
}
.csName___3I4a3,
.csImages___oeKjm {
  display: inline !important;
}
/* For mobile phones: */
@media only screen and (max-width: 1024px) {
  .main___2aAJN .nav___1JHyN li {
    margin: 0 2px !important;
    padding: 5px 5px !important;
  }
}
@media only screen and (max-width: 768px) {
  .main___2aAJN {
    padding-left: 15px;
    padding-right: 0;
    min-height: 150px;
  }
  .main___2aAJN .searchTitle___CF0M3 {
    display: none;
  }
  .main___2aAJN li img {
    margin: 0 auto;
    display: block;
  }
  .main___2aAJN .nav___1JHyN li {
    margin: 0 8px !important;
    padding: 5px 20px !important;
  }
}

.container___1EV_H {
  min-height: 100vh;
}
@media only screen and (max-width: 1024px) {
  /* For mobile phones: */
  .layout___1XHY6 .container___1EV_H {
    margin: 0 0 !important;
  }
}
@media only screen and (max-width: 414px) {
  /* For mobile phones: */
  .layout___1XHY6 .container___1EV_H {
    min-height: 450px;
  }
}

.layout___3rUnf {
  height: auto;
  min-height: 100vh;
  background-image: url('/images/bg-image.png');
  background-size: cover;
  background-attachment: fixed;
}
.container___1x--d {
  margin: 0 208px;
}
@media only screen and (max-width: 1024px) {
  /* For Web view */
  .layout___3rUnf {
    display: inline-block;
    display: flex;
    flex-direction: column;
    min-height: 100vh;
    /* Ensures the layout covers the full height of the viewport */
  }
  .layout___3rUnf .container___1x--d {
    margin: 0 20px !important;
  }
}
@media only screen and (max-width: 768px) {
  /* For mobile view */
  .layout___3rUnf {
    display: inline-block;
  }
  .layout___3rUnf .container___1x--d {
    margin: 0 20px !important;
  }
}

.container___12CcY {
  margin: 0 208px;
  min-height: 700px;
}
@media only screen and (max-width: 1024px) {
  /* For mobile phones: */
  .layout___yaRXU {
    display: inline-block;
  }
  .layout___yaRXU .container___12CcY {
    margin: 0 20px !important;
  }
}

.container___2XMZP {
  margin: 0 208px;
}
@media only screen and (max-width: 1024px) {
  /* For mobile phones: */
  .layout___3Zw8D {
    display: inline-block;
  }
  .layout___3Zw8D .container___2XMZP {
    margin: 0 20px !important;
  }
}

.container___3nzdy {
  margin: 0 208px;
  min-height: 100vh !important;
}
@media only screen and (max-width: 1024px) {
  /* For mobile phones: */
  .layout___Vqxx9 {
    display: inline-block;
  }
  .layout___Vqxx9 .container___3nzdy {
    margin: 0 20px !important;
  }
}

.main___3YW2O {
  padding: 42px 208px;
  background-image: url('/images/bg-image.png');
  max-width: auto;
  min-height: 130px;
  max-height: auto;
}
.main___3YW2O .searchTitle___HuxKc {
  font-size: 30px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #ffffff;
  text-align: center;
  margin-top: 50px;
}
.main___3YW2O .promotionTitle___3RWwI {
  font-size: 30px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #ffffff;
}
.main___3YW2O .nav___1HB7i {
  background-color: transparent;
  border: none;
}
.main___3YW2O .nav___1HB7i li {
  color: #ffffff;
  border: none;
  border-radius: 5px;
  background-color: #1212121f !important;
  margin: 0 5px !important;
  padding: 5px 10px !important;
  max-width: 25%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.main___3YW2O .nav___1HB7i li img {
  margin-right: 10px;
}
.main___3YW2O .nav___1HB7i li:hover,
.main___3YW2O .nav___1HB7i li.selected___2FNrp {
  border: none !important;
  background-color: #ffffff !important;
}
.main___3YW2O .hotline___33Byo {
  display: flex;
  justify-content: flex-end;
  padding-top: 10px;
}
.csName___JAGUq,
.csImages___29J7y {
  display: inline !important;
}
/* For mobile phones: */
@media only screen and (max-width: 1024px) {
  .main___3YW2O .nav___1HB7i li {
    margin: 0 2px !important;
    padding: 5px 5px !important;
  }
}
@media only screen and (max-width: 768px) {
  .main___3YW2O {
    padding-left: 15px;
    padding-right: 0;
    min-height: 150px;
  }
  .main___3YW2O .searchTitle___HuxKc {
    display: none;
  }
  .main___3YW2O li img {
    margin: 0 auto;
    display: block;
  }
  .main___3YW2O .nav___1HB7i li {
    margin: 0 8px !important;
    padding: 5px 20px !important;
  }
}

.container___YNEGn {
  min-height: 100vh;
}
@media only screen and (max-width: 1024px) {
  /* For mobile phones: */
  .layout___36UDo .container___YNEGn {
    margin: 0 20px !important;
  }
}
@media only screen and (max-width: 414px) {
  /* For mobile phones: */
  .layout___36UDo .container___YNEGn {
    min-height: 450px;
  }
}

.container___3f2_f {
  min-height: 100vh;
}
@media only screen and (max-width: 1024px) {
  /* For mobile phones: */
  .layout___3J_sq .container___3f2_f {
    margin: 0 !important;
  }
}
@media only screen and (max-width: 414px) {
  /* For mobile phones: */
  .layout___3J_sq .container___3f2_f {
    min-height: 450px;
  }
}