/*!***************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-2.use[1]!./node_modules/sass-loader/dist/cjs.js!./static/viewComponents/IndexBanner/src/components/Stickers/index.scss ***!
  \***************************************************************************************************************************************************************************************/
@charset "UTF-8";
@media screen and (min-width: 990px) {
  .stickers-banner {
    position: relative;
  }
  .stickers-banner .stickers-content {
    width: 100%;
    padding: 0;
    display: flex;
    align-items: center;
    flex-direction: row;
    justify-content: flex-end;
  }
  .stickers-banner .stickers-content .stickers-text {
    margin: 0 calc(166 / 1920 * 100vw);
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }
  .stickers-banner .stickers-content .stickers-text .banner-title {
    font-family: Poppins-Bold;
    font-weight: normal;
    font-size: clamp(30px, 36 / 1920 * 100vw, 36px);
    padding: 0 calc(8 / 1920 * 100vw);
    color: #ffffff;
    line-height: clamp(40px, 50 / 1920 * 100vw, 50px);
  }
  .stickers-banner .stickers-content .stickers-text .coupon-list {
    display: grid;
    width: 100%;
    grid-template-columns: repeat(3, 1fr); /* 一行三个 */
    gap: calc(13 / 1920 * 100vw);
    margin: calc(24 / 1920 * 100vw) 0 calc(50 / 1920 * 100vw);
  }
  .stickers-banner .stickers-content .stickers-text .coupon-list .coupnp-item {
    cursor: pointer;
    border-radius: 12px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    justify-content: center;
    min-width: 76px;
    border: 1px solid #ff4433;
  }
  .stickers-banner .stickers-content .stickers-text .coupon-list .coupnp-item .coupon-top {
    background-color: #fff;
  }
  .stickers-banner .stickers-content .stickers-text .coupon-list .coupnp-item .coupon-title {
    padding: calc(6 / 1920 * 100vw) calc(3 / 1920 * 100vw) 0 calc(3 / 1920 * 100vw);
    font-weight: 600;
    font-size: clamp(16px, 18 / 1920 * 100vw, 18px);
    color: #000000;
    line-height: clamp(20px, 25 / 1920 * 100vw, 25px);
    text-align: center;
  }
  .stickers-banner .stickers-content .stickers-text .coupon-list .coupnp-item .coupon-label {
    font-weight: 500;
    font-size: clamp(10px, 12 / 1920 * 100vw, 12px);
    color: #000000;
    line-height: 1;
    padding: 0 calc(3 / 1920 * 100vw) calc(6 / 1920 * 100vw) calc(3 / 1920 * 100vw);
    text-align: center;
  }
  .stickers-banner .stickers-content .stickers-text .coupon-list .coupnp-item .coupon-code {
    position: relative;
    background-color: #ff4433;
    font-family: Poppins-Medium;
    font-weight: normal;
    font-size: clamp(12px, 14 / 1920 * 100vw, 14px);
    color: #ffffff;
    line-height: clamp(23px, 27 / 1920 * 100vw, 27px);
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .stickers-banner .stickers-content .stickers-text .coupon-list .coupnp-item .coupon-code svg {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: calc(13 / 1920 * 100vw);
  }
  .stickers-banner .stickers-content .stickers-text .stickers-small-text-mb {
    display: none;
  }
  .stickers-banner .stickers-content .stickers-text .stickers-btn {
    width: calc(290 / 1920 * 100vw);
    height: calc(56 / 1920 * 100vw);
    min-height: 40px;
    border-radius: calc(12 / 1920 * 100vw);
    background-color: #ffffff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: clamp(14px, 16 / 1920 * 100vw, 16px);
    line-height: 1;
    font-family: Poppins;
    font-weight: 600;
    color: #0f0f0f;
  }
  .stickers-banner .stickers-content .stickers-small-text-pc {
    display: block;
    position: absolute;
    right: calc(43 / 1920 * 100vw);
    bottom: calc(23 / 1920 * 100vw);
    font-family: Poppins;
    font-weight: 500;
    font-size: clamp(10px, 12 / 1920 * 100vw, 12px);
    color: #ffffff;
    line-height: clamp(13px, 17 / 1920 * 100vw, 17px);
  }
  .stickers-banner .stickers-content * {
    box-sizing: border-box;
  }
}
@media screen and (max-width: 990px) {
  .stickers-banner .overlay-card-box {
    display: flex;
    flex-direction: column-reverse;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    padding: 0 calc(18 / 430 * 100vw);
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0.1), rgba(106, 98, 69, 0.6));
  }
  .stickers-banner .stickers-content .stickers-text {
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding-bottom: calc(20 / 430 * 100vw);
  }
  .stickers-banner .stickers-content .stickers-text .banner-title {
    line-height: calc(33 / 430 * 100vw);
    font-family: Poppins-Bold;
    font-weight: normal;
    font-size: calc(24 / 430 * 100vw);
    color: #ffffff;
  }
  .stickers-banner .stickers-content .stickers-text .coupon-list {
    display: grid;
    width: 100%;
    grid-template-columns: repeat(3, 1fr); /* 一行三个 */
    gap: calc(6 / 430 * 100vw);
    margin-top: calc(17 / 430 * 100vw);
  }
  .stickers-banner .stickers-content .stickers-text .coupon-list .coupnp-item {
    border: 1px solid #ff4433;
    height: calc(59 / 430 * 100vw);
    cursor: pointer;
    border-radius: calc(12 / 430 * 100vw);
    overflow: hidden;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    background-color: #ff4433;
  }
  .stickers-banner .stickers-content .stickers-text .coupon-list .coupnp-item .coupon-top {
    background-color: #fff;
  }
  .stickers-banner .stickers-content .stickers-text .coupon-list .coupnp-item .coupon-title {
    font-size: calc(14 / 430 * 100vw);
    color: #000000;
    line-height: 1;
    text-align: center;
    font-family: Poppins-Bold;
    font-weight: normal;
    padding: calc(5 / 430 * 100vw) 0 calc(2 / 430 * 100vw) 0;
  }
  .stickers-banner .stickers-content .stickers-text .coupon-list .coupnp-item .coupon-label {
    font-weight: 500;
    font-size: calc(12 / 430 * 100vw);
    color: #000000;
    line-height: 1;
    text-align: center;
    padding-bottom: calc(2 / 430 * 100vw);
  }
  .stickers-banner .stickers-content .stickers-text .coupon-list .coupnp-item .coupon-code {
    position: relative;
    text-align: center;
    background-color: #ff4433;
    font-weight: 500;
    font-size: calc(12 / 430 * 100vw);
    color: #ffffff;
    line-height: calc(23 / 430 * 100vw);
    text-align: center;
    font-style: normal;
    text-transform: none;
  }
  .stickers-banner .stickers-content .stickers-text .coupon-list .coupnp-item .coupon-code svg {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: calc(13 / 430 * 100vw);
  }
  .stickers-banner .stickers-content .stickers-text .stickers-small-text-mb {
    display: block;
    font-family: Poppins;
    font-weight: 400;
    font-size: calc(12 / 430 * 100vw);
    color: #ffffff;
    line-height: calc(17 / 430 * 100vw);
    margin-top: calc(10 / 430 * 100vw);
  }
  .stickers-banner .stickers-content .stickers-text .stickers-btn {
    margin-top: calc(9 / 430 * 100vw);
    width: calc(210 / 430 * 100vw);
    height: calc(40 / 430 * 100vw);
    border-radius: calc(12 / 430 * 100vw);
    background-color: #ffffff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: calc(14 / 430 * 100vw);
    line-height: 1;
    color: #ffffff;
    font-weight: 600;
    color: #0f0f0f;
  }
  .stickers-banner .stickers-content .stickers-small-text-pc {
    display: none;
  }
  .stickers-banner .stickers-content * {
    box-sizing: border-box;
  }
}

/*# sourceMappingURL=entry-client.52bd9ba20bf12e6f0567.css.map*/