@charset "utf-8";

.merchandizingBanner { width: 100%; justify-content: center; align-items: center; min-height: 68px; }

.merchandizingBanner.show { display: flex; }

.merchandizingBanner .carsouelfalse, .merchandizingBanner .carsouelfalse .merchandizingInfo.static { min-height: 68px; }

.merchandizingBanner .carsouelfalse .merchandizingInfo.static .noAutoRun { flex-grow: 1; flex-basis: 0px; box-sizing: border-box; height: 100%; display: flex; align-items: center; justify-content: center; min-height: 68px; }

.merchandizingBanner .slideBtn { width: 24px; height: 24px; font-size: 24px; cursor: pointer; z-index: 3; }

.merchandizingBanner .slideBtn > span::before { color: var(--merch-banner-arr-color) !important; }

.merchandizingBanner .content { justify-content: center; align-items: center; height: 100%; width: 1048px; }

.merchandizingBanner .content .merchandizingInfo { font-size: 16px; text-align: center; float: left; width: 100%; position: relative; }

.merchandizingBanner .content .merchandizingInfo.static { display: flex; align-items: center; }

.merchandizingBanner .content .merchandizingInfo.static .merchandizingItem { justify-content: center; position: relative; flex: 1 1 0%; opacity: 1; text-align: center; visibility: visible; margin: 0px; top: 0px; display: flex !important; }

.merchandizingBanner .content .merchandizingInfo .merchandizingItem { color: rgb(0, 0, 0); transition: opacity 0.5s ease-in; width: 100%; opacity: 0; top: 50%; left: 0px; padding: 0px 20px; line-height: 19px; overflow: hidden; visibility: hidden; display: none; justify-content: center; align-items: center; flex-direction: column; margin: 9px 0px; }

.merchandizingBanner .content .merchandizingInfo .merchandizingItem.zoomOutPadding { margin: 5px 0px; }

.merchandizingBanner .content .merchandizingInfo .merchandizingItem.active { opacity: 1; z-index: 1; visibility: visible; justify-content: center; align-items: center; flex-direction: column; display: flex !important; }

.merchandizingBanner .content .merchandizingInfo .merchandizingItem a { position: relative; z-index: 2; }

.merchandizingBanner .content .merchandizingInfo .merchandizingItem .shopNow { margin-left: 15px; color: rgb(10, 103, 156); text-decoration: underline; font-weight: 700; }

.merchandizingBanner .content .merchandizingInfo .divide { position: relative; width: 2px; height: 74px; align-self: center; }

.merchandizingBanner .alwaysFree { font-size: 16px; margin-left: 100px; max-height: 100%; overflow: hidden; }

.merchandizingBanner .alwaysFree a { position: relative; z-index: 2; }

.merchandizingBannerCom { position: relative; }

.merchandizingBannerCom .carsouelLink { cursor: pointer; position: absolute; z-index: 1; }

.merchandizingBanner-shine .merchandizingBanner-content-shine { min-height: 68px; width: 100%; z-index: 3; position: relative; }

.merchandizingBannerCom .merchandizingBanner.flex .merchandizingInfo.static { width: 100%; }

@media screen and (min-width: 1920px) {
  .merchandizingBanner.flex { justify-content: center; }
  .merchandizingBanner.flex .slideBtn { width: 17px; }
  .merchandizingBanner.flex .merchandizingInfo { width: 1296px; margin: 0px auto; }
  .merchandizingBanner.flex .alwaysFree { max-width: 300px; }
}

@media screen and (min-width: 1179px) and (max-width: 1919px) {
  .merchandizingBanner.flex { justify-content: center; }
  .merchandizingBanner.flex .content.carsouel_true { width: 1048px; margin-right: 30px; }
  .merchandizingBanner.flex .content.carsouel_true .merchandizingInfo { margin: 0px auto; overflow: hidden; }
  .merchandizingBanner.flex .alwaysFree { max-width: 232px; max-height: 75px; overflow: hidden; }
}