.nh_breathBrick {
  border-radius: 2px;
  background: var(--tertiaryGray);
  opacity: 0.5;
}

@keyframes nh_breath {
  0% {
    opacity: 0.4;
  }
  50% {
    opacity: 0.8;
  }
  100% {
    opacity: 0.4;
  }
}
.usp-container {
  display: flex;
  flex-direction: column;
  background-color: transparent;
  row-gap: 16px;
}
.usp-container .usp-title-module {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}
.usp-container .module-left {
  display: flex;
  flex-direction: row;
  align-items: center;
  column-gap: 8px;
}
.usp-container .module-left .trip-logo {
  width: 116px;
  height: 28px;
  background-image: url(font/trip-logo.b61ac29265.svg);
  background-size: contain;
  background-repeat: no-repeat;
}
.usp-container .module-left .usp-title-text {
  position: relative;
  top: -2px;
  color: var(--black);
  font-weight: var(--weight-bold);
  font-size: 28px;
  line-height: 34px;
}
.usp-container .usp-login-text-container {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  column-gap: 8px;
  cursor: pointer;
}
.usp-container .usp-login-text-container .usp-login-text {
  color: var(--black);
  font-size: 18px;
  line-height: 24px;
}
.usp-container .module-card {
  border: 1px solid var(--tertiaryGray);
  background-color: transparent !important;
}
.usp-container .usp-card-wrapper {
  display: flex;
  flex-direction: column;
  margin: 16px;
  row-gap: 8px;
}
.usp-container .usp-card-main {
  display: flex;
  flex-direction: column;
}
.usp-container .usp-card-image.rewards {
  width: 42px;
  height: 42px;
  background-image: url(font/rewards.659f252ca5.svg);
  background-size: contain;
  background-repeat: no-repeat;
}
.usp-container .usp-card-image.download {
  width: 42px;
  height: 42px;
  background-image: url(font/download.0ab6617a18.svg);
  background-size: contain;
  background-repeat: no-repeat;
}
.usp-container .usp-card-image.global {
  width: 42px;
  height: 42px;
  background-image: url(font/global.219601ef91.svg);
  background-size: contain;
  background-repeat: no-repeat;
}
.usp-container .usp-card-image.service {
  width: 42px;
  height: 42px;
  background-image: url(font/service.47c0583d51.svg);
  background-size: contain;
  background-repeat: no-repeat;
}
.usp-container .usp-card-title {
  color: var(--black);
  font-weight: var(--weight-medium);
  font-size: 18px;
  line-height: 24px;
}
.usp-container .usp-card-content {
  color: var(--secondaryBlack);
  font-weight: var(--weight-regular);
  font-size: 14px;
  line-height: 22px;
}
.usp-container .usp-card-content b {
  color: var(--black);
  font-weight: var(--weight-regular);
}
.usp-container .usp-download {
  color: var(--BrandingBlue);
  font-size: 12px;
  line-height: 18px;
  text-decoration-line: underline;
  cursor: pointer;
}
.ift-home-topList-mobile {
  --blur: 10px;
  --font-size-small: 12px;
  --font-size-base: 14px;
  --font-size-medium: 18px;
  --font-size-large: 24px;
  --font-size-extra: 28px;
  --linear-start: linear-gradient(90deg, transparent, black 38px);
  --linear-end: linear-gradient(-90deg, transparent, black 38px);
  --linear-both:
      linear-gradient(
          90deg,
          transparent 0,
          black 38px,
          black 566px,
          transparent
      );
  --panel-radius: 8px;
  --panel-title-height: 404px;
  --padding-bottom-panel: 0;
  --color-bg-tab: transparent;
  --backdrop-filter-tab: none;
  --color-font-tab-label: #fff;
  --color-font-tab-label--selected: var(--black);
  --color-bg-tab-label--hover: rgba(255, 255, 255, 0.08);
  --color-bg-tab-label--selected: #fff;
  --color-font-panel-title: #fff;
  --color-bg-panel-title: rgba(46, 131, 185, 0.4);
  --backdrop-filter-panel-title: blur(10px);
  --color-bg-panel-content: rgba(46, 131, 185, 0.4);
  --backdrop-filter-panel-content: blur(10px);
  --color-font-show-more: #fff;
  --color-bg-show-more--hover: rgba(255, 255, 255, 0.08);
  position: relative;
  font-size: var(--font-size-base);
}
.ift-home-topList-mobile * {
  image-rendering: -webkit-optimize-contrast;
}
.ift-home-topList-mobile .hiddenMore {
  display: none;
  max-height: 0;
  opacity: 0;
  overflow: hidden;
  transition: 0.2s;
}
.ift-home-topList-mobile .shownMore {
  max-height: 146px;
  margin-top: 16px;
  opacity: 1;
  overflow: hidden;
  transition: 0.4s;
}
.ift-home-topList-mobile__wrapper {
  display: flex;
  flex-direction: column;
  width: 720px;
  height: 640px;
  background-image: radial-gradient(farthest-corner at 520px -40px, #59d2c6 10%, #59d2c6 20%, #14b7c6 40%);
}
.ift-home-topList-mobile__background {
  position: absolute;
  width: 720px;
  height: 640px;
  border-radius: var(--radius-large);
  background-image: var(--image-bg);
  background-position: center;
  background-size: cover;
  overflow: hidden;
}
.ift-home-topList-mobile__background img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: top right;
}
.ift-home-topList-mobile__background .ift-home-topList-mobile__img {
  position: absolute;
  will-change: auto;
  inset-inline-start: 0;
}
.ift-home-topList-mobile__background .ift-home-topList-mobile__img.fadeIn {
  animation: bgImgFadeIn 0.5s ease;
}
@keyframes bgImgFadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.ift-home-topList-mobile__background .ift-home-topList-mobile__defaultTitle {
  position: absolute;
  inset: 112px 16px;
}
.ift-home-topList-mobile__background .ift-home-topList-mobile__defaultTitle .title-line {
  display: inline-block;
  padding: 4px 8px;
  border-radius: var(--radius-medium);
  color: var(--color-font-panel-title);
  background-color: var(--color-bg-panel-title);
  font-weight: bold;
  font-size: var(--font-size-extra);
  line-height: 40px;
  margin-block: 2px;
  -webkit-box-decoration-break: clone;
  box-decoration-break: clone;
}
.ift-home-topList-mobile .topList-tab__labelContainer .slidePic {
  display: flex;
  height: 58px;
  background-color: var(--color-bg-tab);
  font-weight: 500;
  transition: 0.3s;
}
.ift-home-topList-mobile .topList-tab__labelContainer .slidePic .arrow-pre {
  order: 0;
}
.ift-home-topList-mobile .topList-tab__labelContainer .slidePic-content-wrapper {
  order: 1;
}
.ift-home-topList-mobile .topList-tab__labelContainer .slidePic .arrow-next {
  order: 2;
}
.ift-home-topList-mobile .topList-tab__labelContainer .slidePic .arrow-pre,
.ift-home-topList-mobile .topList-tab__labelContainer .slidePic .arrow-next,
.ift-home-topList-mobile .topList-tab__labelContainer .slidePic .arrow-pre:hover,
.ift-home-topList-mobile .topList-tab__labelContainer .slidePic .arrow-next:hover {
  position: unset;
  right: unset;
  bottom: unset;
  width: 58px;
  height: unset;
  border: unset;
  border-radius: unset;
  margin-bottom: unset;
  background: unset;
  box-shadow: unset;
}
.ift-home-topList-mobile .topList-tab__labelContainer .slidePic .arrow-pre,
.ift-home-topList-mobile .topList-tab__labelContainer .slidePic .arrow-next {
  display: flex;
  justify-content: center;
  align-items: center;
  color: var(--black);
}
.ift-home-topList-mobile .topList-tab__labelContainer .slidePic .arrow-pre .fi-icon,
.ift-home-topList-mobile .topList-tab__labelContainer .slidePic .arrow-next .fi-icon {
  width: 58px;
  font-size: 16px;
}
.ift-home-topList-mobile .topList-tab__labelContainer .slidePic .arrow-pre:hover,
.ift-home-topList-mobile .topList-tab__labelContainer .slidePic .arrow-next:hover {
  background-color: var(--color-bg-tab-label--hover);
}
.ift-home-topList-mobile .topList-tab__labelContainer .slidePic .arrow-pre:active,
.ift-home-topList-mobile .topList-tab__labelContainer .slidePic .arrow-next:active {
  background-color: rgba(22, 40, 74, 0.2);
  transition: 0s;
}
.ift-home-topList-mobile .topList-tab__labelContainer .slidePic .flex-box {
  display: flex;
  align-items: center;
}
.ift-home-topList-mobile .topList-tab__labelContainer .slidePic .topList-tab-slidePic-wrapper {
  display: flex;
  align-items: center;
  padding-inline: 16px;
}
.ift-home-topList-mobile .topList-tab__labelContainer .slidePic .topList-tab-slidePic-content {
  column-gap: 8px;
}
.ift-home-topList-mobile .topList-tab__labelContainer .slidePic .topList-tab-slidePic-content .topList-tab__label {
  padding: 4px 16px;
  border-radius: var(--radius-medium);
  color: var(--color-font-tab-label);
  transition: 0.25s;
}
.ift-home-topList-mobile .topList-tab__labelContainer .slidePic .topList-tab-slidePic-content .topList-tab__label:hover {
  background-color: var(--color-bg-tab-label--hover);
  transition: 0.3s;
}
.ift-home-topList-mobile .topList-tab__labelContainer .slidePic .topList-tab-slidePic-content .topList-tab__label.selected {
  color: var(--color-font-tab-label--selected);
  background-color: var(--color-bg-tab-label--selected);
  transition: 0.3s;
}
.ift-home-topList-mobile .topList-tab__labelContainer .slidePic-gradient-left::before {
  display: none;
}
.ift-home-topList-mobile .topList-tab__labelContainer .slidePic-gradient-left .slidePic-content-wrapper {
  -webkit-mask-image: var(--linear-start);
}
.ift-home-topList-mobile .topList-tab__labelContainer .slidePic-gradient-right::after {
  display: none;
}
.ift-home-topList-mobile .topList-tab__labelContainer .slidePic-gradient-right .slidePic-content-wrapper {
  -webkit-mask-image: var(--linear-end);
}
.ift-home-topList-mobile .topList-tab__labelContainer .slidePic-gradient-left.slidePic-gradient-right .slidePic-content-wrapper {
  -webkit-mask-image: var(--linear-both);
}
.ift-home-topList-mobile .topList-tab__panelContainer {
  display: flex;
  flex: 1;
  flex-direction: column;
  justify-content: space-between;
}
.ift-home-topList-mobile .topList-tab__panelContainer .topList-tab__panel--title {
  display: flex;
  flex: 1 1;
  max-height: var(--panel-title-height);
  overflow: hidden;
  transition: 0.3s;
  padding-inline: 16px;
}
.ift-home-topList-mobile .topList-tab__panelContainer .topList-tab__panel--title .title-text {
  transform: translateY(54px);
}
.ift-home-topList-mobile .topList-tab__panelContainer .topList-tab__panel--title .title-text .title-line {
  display: inline-block;
  padding: 4px 8px;
  border-radius: var(--radius-medium);
  color: var(--color-font-panel-title);
  background-color: var(--color-bg-panel-title);
  font-weight: bold;
  font-size: var(--font-size-extra);
  line-height: 40px;
  margin-block: 2px;
  -webkit-box-decoration-break: clone;
  box-decoration-break: clone;
  -webkit-backdrop-filter: var(--backdrop-filter-panel-title);
  backdrop-filter: var(--backdrop-filter-panel-title);
}
.ift-home-topList-mobile .topList-tab__panelContainer .topList-tab__panel--title .title-text .title-line:empty {
  display: none;
}
.ift-home-topList-mobile .topList-tab__panelContainer .topList-tab__panel--flights {
  display: flex;
  flex: 0 1;
  flex-direction: column;
  justify-content: space-between;
  height: fit-content;
  padding: 16px;
  border-radius: var(--panel-radius);
  background-color: var(--color-bg-panel-content);
  transform: scale(1);
  transition: 0.5s;
  will-change: auto;
  gap: 16px;
}
.ift-home-topList-mobile .topList-tab__panelContainer .topList-tab__panel--flights .flight-item__card {
  position: relative;
  display: flex;
  flex: 1 1 calc(50% - 8px);
  flex-direction: column;
  box-sizing: border-box;
  max-width: calc(50% - 8px);
  padding: 16px;
  border-radius: var(--radius-large);
  background-color: #fff;
  overflow: hidden;
  white-space: nowrap;
  text-decoration: none;
  gap: 4px;
}
.ift-home-topList-mobile .topList-tab__panelContainer .topList-tab__panel--flights .flight-item__card:hover {
  box-shadow: var(--shadow-large);
}
.ift-home-topList-mobile .topList-tab__panelContainer .topList-tab__panel--flights .flight-item__card:hover .flight-item__card--city,
.ift-home-topList-mobile .topList-tab__panelContainer .topList-tab__panel--flights .flight-item__card:hover .flight-item__card--detail,
.ift-home-topList-mobile .topList-tab__panelContainer .topList-tab__panel--flights .flight-item__card:hover .flight-item__card--price {
  color: var(--BrandBlue);
  transition: 0.2s;
}
.ift-home-topList-mobile .topList-tab__panelContainer .topList-tab__panel--flights .flight-item__card--city {
  width: 90%;
  color: var(--black);
  overflow: hidden;
  font-weight: bold;
  font-size: var(--font-size-large);
  line-height: 30px;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.ift-home-topList-mobile .topList-tab__panelContainer .topList-tab__panel--flights .flight-item__card--detail {
  display: inline-flex;
  color: var(--black);
  overflow: hidden;
  font-size: var(--font-size-base);
  line-height: 22px;
  text-overflow: ellipsis;
  gap: 8px;
}
.ift-home-topList-mobile .topList-tab__panelContainer .topList-tab__panel--flights .flight-item__card--price {
  color: var(--black);
  font-weight: bold;
  font-size: var(--font-size-large);
  line-height: 30px;
  transition: 0.3s;
}
.ift-home-topList-mobile .topList-tab__panelContainer .topList-tab__panel--flights .flight-item__card--tip {
  color: var(--Cyan);
  font-weight: bold;
}
.ift-home-topList-mobile .topList-tab__panelContainer .topList-tab__panel--flights .flight-item__card--labels {
  display: flex;
  -webkit-mask-image: linear-gradient(90deg, black 0, black 80%, transparent);
  gap: 8px;
}
.ift-home-topList-mobile .topList-tab__panelContainer .topList-tab__panel--flights .flight-item__card--labelItem {
  display: flex;
  align-items: center;
  box-sizing: border-box;
  height: 20px;
  padding: 0 4px;
  border: 1px solid rgb(218, 223, 230);
  border-radius: 2px;
  color: var(--secondaryBlack);
  font-size: 12px;
  line-height: 20px;
}
.ift-home-topList-mobile .topList-tab__panelContainer .topList-tab__panel--flights .flight-item__card--percent {
  position: absolute;
  top: 0;
  width: 86px;
  height: 32px;
  color: #fff;
  font-weight: 700;
  font-size: 18px;
  line-height: 32px;
  text-align: center;
  inset-inline-end: 16px;
}
.ift-home-topList-mobile .topList-tab__panelContainer .topList-tab__panel--flights .flight-item__card .ellipsis-item__normal {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.ift-home-topList-mobile .topList-tab__panelContainer .topList-tab__panel--flights .item-card {
  background-position: right top;
  background-size: 100%;
  background-repeat: no-repeat;
}
.ift-home-topList-mobile .topList-tab__panelContainer .topList-tab__panel--flights .item-card__priceOff {
  background-image: url(card_price_off.34a74b095e.png);
}
.ift-home-topList-mobile .topList-tab__panelContainer .topList-tab__panel--flights .item-card__top::before {
  position: absolute;
  top: 2px;
  display: flex;
  justify-content: center;
  width: 38px;
  color: #fff;
  font-weight: bold;
  font-size: 15px;
  content: "TOP";
  inset-inline-end: 15px;
}
.ift-home-topList-mobile .topList-tab__panelContainer .topList-tab__panel--flights .item-card__top::after {
  position: absolute;
  top: 24px;
  display: flex;
  justify-content: center;
  width: 22px;
  border-top: solid 1px;
  color: #fff;
  font-weight: bold;
  font-size: 16px;
  content: "TOP";
  inset-inline-end: 23px;
}
.ift-home-topList-mobile .topList-tab__panelContainer .topList-tab__panel--flights .item-card__top.top-1 {
  background-image: url(card_top1.6964931f7c.png);
}
.ift-home-topList-mobile .topList-tab__panelContainer .topList-tab__panel--flights .item-card__top.top-1::after {
  content: "1";
}
.ift-home-topList-mobile .topList-tab__panelContainer .topList-tab__panel--flights .item-card__top.top-2 {
  background-image: url(card_top2.6f8731a5f8.png);
}
.ift-home-topList-mobile .topList-tab__panelContainer .topList-tab__panel--flights .item-card__top.top-2::after {
  content: "2";
}
.ift-home-topList-mobile .topList-tab__panelContainer .topList-tab__panel--flights .item-card__top.top-3 {
  background-image: url(card_top3.21daa598ea.png);
}
.ift-home-topList-mobile .topList-tab__panelContainer .topList-tab__panel--flights .item-card__top.top-3::after {
  content: "3";
}
.ift-home-topList-mobile .topList-tab__panelContainer .topList-tab__panel--flights .item-card__top.top-4 {
  background-image: url(card_top4.cccbc5cbba.png);
}
.ift-home-topList-mobile .topList-tab__panelContainer .topList-tab__panel--flights .item-card__top.top-4::after {
  content: "4";
}
.ift-home-topList-mobile .topList-tab__panelContainer .topList-tab__panel--layouts:empty {
  display: none;
}
.ift-home-topList-mobile .ift-online-showMore {
  bottom: 16px;
  width: 100%;
  height: 18px;
  will-change: auto;
}
.ift-home-topList-mobile .ift-online-showMore:hover {
  cursor: default;
}
.ift-home-topList-mobile .ift-online-showMore__text {
  height: 18px;
  padding: 2px 8px;
  border-radius: 4px;
  color: var(--color-font-show-more);
  line-height: 18px;
  transition: 0.3s;
}
.ift-home-topList-mobile .ift-online-showMore__text:hover {
  background-color: var(--color-bg-show-more--hover);
  transition: 0.2s;
  cursor: pointer;
}
.ift-home-topList-mobile .rot-270 {
  display: inline-block;
  transform: rotate(270deg);
}
.topListAndMap-container {
  height: 690px;
}
.topListAndMap-container .module-loading {
  position: absolute;
  left: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 1160px;
  height: 640px;
  background-image: url("//static.tripcdn.com/packages/flight/static-image-online/latest/flight_v2/appdownload/map_default.png");
  background-size: cover;
  z-index: 1;
}
.topListAndMap-container .module-loading .loading-gif {
  display: inline-block;
  width: 86px;
  height: 86px;
  margin: 14px 34px 4px;
  background: no-repeat;
  background-image: url("//static.tripcdn.com/packages/flight/static-image-online/latest/flight_v2/shared/pic_common_loading.gif");
  background-size: 100% 100%;
}
.topListAndMap-container .module-base {
  display: flex;
  border-radius: var(--radius-large);
  background-color: #fff;
  overflow: hidden;
}
.topListAndMap-container .layout-card-column {
  position: relative;
}
.topListAndMap-container .layout-card-column.no-gap {
  column-gap: 0;
  row-gap: 0;
}
.topListAndMap-container .module-appDownload.module-base {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  box-sizing: border-box;
  width: 440px;
  height: 640px;
  padding: 16px;
  padding-bottom: 0;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  background-image: url("//static.tripcdn.com/packages/flight/static-image-online/latest/flight_v2/appdownload/home_banner_bg.png");
  background-size: cover;
  background-repeat: no-repeat;
  overflow: visible;
  z-index: 1;
  gap: 16px;
}
.topListAndMap-container .module-appDownload.module-base .module-title {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  margin-top: 24px;
  color: #fff;
  font-weight: bold;
  font-size: 32px;
  line-height: 48px;
  word-break: break-word;
  text-align: center;
}
.topListAndMap-container .module-appDownload.module-base .module-phone {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 440px;
  padding-top: 108px;
  background-image: url("//static.tripcdn.com/packages/flight/static-image-online/latest/flight_v2/appdownload/download_phone.png");
  background-size: cover;
  background-repeat: no-repeat;
  gap: 16px;
}
.topListAndMap-container .module-appDownload.module-base .module-phone .module-active-popup {
  position: relative;
  position: absolute;
  top: 0;
  display: flex;
  flex-direction: column;
  box-sizing: border-box;
  min-width: 350px;
  height: 130px;
  border: 2px solid rgb(255, 231, 239);
  border-radius: 4px;
  border-bottom-left-radius: 0;
  background: linear-gradient(88.81deg, rgb(255, 245, 248) 7.43%, rgb(255, 255, 255) 95.31%);
  box-shadow: 0 8px 16px 0 rgba(15, 41, 77, 0.12);
  padding-inline: 32px;
  padding-block: 24px;
  inset-inline-start: calc(100% - 125px);
  gap: 16px;
}
.topListAndMap-container .module-appDownload.module-base .module-phone .module-active-popup::before {
  position: absolute;
  bottom: -18px;
  left: -2px;
  width: 0;
  height: 0;
  border: 16px solid rgb(255, 231, 239);
  border-top-color: transparent;
  border-right-color: transparent;
  border-bottom-color: transparent;
  content: "";
}
.topListAndMap-container .module-appDownload.module-base .module-phone .module-active-popup::after {
  position: absolute;
  bottom: -13px;
  left: 0;
  width: 0;
  height: 0;
  border: 17px solid rgb(255, 243, 247);
  border-top-color: transparent;
  border-right-color: transparent;
  border-bottom-color: transparent;
  content: "";
}
.topListAndMap-container .module-appDownload.module-base .module-phone .module-active-popup .fi-icon_priceDownbeifen {
  display: inline-block;
  color: var(--deepPink);
  overflow: hidden;
  animation: iconfadein 1.5s;
  margin-inline-start: -10px;
}
@keyframes iconfadein {
  0% {
    height: 0;
    opacity: 0;
  }
  40% {
    height: 6px;
    opacity: 0;
  }
  100% {
    height: 24px;
    opacity: 1;
  }
}
.topListAndMap-container .module-appDownload.module-base .module-phone .module-active-popup .module-active-popup-title {
  color: var(--black);
  font-weight: 500;
  font-size: 24px;
  line-height: 30px;
  white-space: nowrap;
}
.topListAndMap-container .module-appDownload.module-base .module-phone .module-active-popup .module-active-popup-title .module-active-city {
  animation: cityFadeIn 0.5s;
}
@keyframes cityFadeIn {
  0% {
    opacity: 0;
  }
  33% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.topListAndMap-container .module-appDownload.module-base .module-phone .module-active-popup .module-active-popup-price {
  position: relative;
  display: flex;
  flex-direction: row;
  height: 30px;
  color: var(--tertiaryBlack);
  overflow: hidden;
  font-weight: normal;
  font-size: 24px;
  line-height: 30px;
  white-space: nowrap;
  gap: 16px;
}
.topListAndMap-container .module-appDownload.module-base .module-phone .module-active-popup .module-active-popup-price .module-price {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  gap: 8px;
}
.topListAndMap-container .module-appDownload.module-base .module-phone .module-active-popup .module-active-popup-price b {
  animation: priceTextFadeIn 0.5s;
}
@keyframes priceTextFadeIn {
  0% {
    opacity: 0;
  }
  33% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.topListAndMap-container .module-appDownload.module-base .module-phone .module-active-popup .module-active-popup-price b .origin-price {
  color: #0086f6;
  font-weight: bold;
  animation: switchPrice 1s;
  animation-delay: 0.5s;
  animation-fill-mode: forwards;
}
@keyframes switchPrice {
  0% {
    margin-top: 0;
    opacity: 1;
  }
  100% {
    margin-top: 54px;
    opacity: 0;
  }
}
.topListAndMap-container .module-appDownload.module-base .module-phone .module-active-popup .module-active-popup-price b .special-price {
  margin-top: -30px;
  color: var(--deepPink);
  font-weight: bold;
  animation: switchSpecialPrice 1s;
  animation-delay: 0.5s;
  animation-fill-mode: forwards;
}
@keyframes switchSpecialPrice {
  0% {
    margin-top: -30px;
    opacity: 0;
  }
  100% {
    margin-top: 0;
    opacity: 1;
  }
}
.topListAndMap-container .module-appDownload.module-base .module-phone .module-active-popup .module-active-popup-price .module-tag {
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 4px;
  color: #fff;
  background-color: var(--deepPink);
  font-size: 16px;
  line-height: 20px;
  padding-inline: 4px;
  padding-block: 2px;
}
.topListAndMap-container .module-appDownload.module-base .module-phone .module-qrcode {
  width: 180px;
  height: 180px;
}
.topListAndMap-container .module-appDownload.module-base .module-phone .module-downloadBtn {
  display: flex;
  flex-direction: column;
  margin-bottom: 24px;
  gap: 16px;
}
.topListAndMap-container .module-appDownload.module-base .module-phone .module-downloadBtn .ios-button,
.topListAndMap-container .module-appDownload.module-base .module-phone .module-downloadBtn .android-button {
  width: 180px;
  height: 54px;
  cursor: pointer;
}
.topListAndMap-container .module-topList {
  width: 720px;
  height: 640px;
}
.topListAndMap-container .module-map {
  flex: 1 1;
  box-sizing: border-box;
  height: 640px;
  border: 2px solid #fff;
}
.topListAndMap-container .module-map.no-border {
  border: none;
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
}
.monthInspire-container {
  --opacity-bg: transparent;
  --inspire-content-margin-bottom: 0;
  --title-white-space-value: nowrap;
  --title-overflow-value: hidden;
}
.monthInspire-container .layout-card-column {
  display: flex;
  flex-wrap: nowrap !important;
}
.monthInspire-container .module-card {
  position: relative;
  display: flex;
  cursor: pointer;
}
.monthInspire-container .module-card-no-price-card {
  flex-direction: column;
  justify-content: flex-end;
  max-height: 629px;
  padding-top: 266px;
}
.monthInspire-container .module-normal-card {
  flex-direction: column;
  justify-content: flex-end;
  max-width: calc(50% - 8px);
  height: 629px;
}
.monthInspire-container .module-subname {
  font-weight: var(--weight-medium) !important;
}
.monthInspire-container .inspire-background {
  position: absolute;
  top: 0;
  width: 100%;
  height: 320px;
  border-radius: 8px 8px 0 0;
  background-color: var(--imgBgGray);
  transition: 0.3s;
  object-fit: cover;
}
.monthInspire-container .inspire-background:hover {
  transform: scale(1.05);
}
.monthInspire-container .inspire-background.month-placeHolder {
  display: flex;
  background: none;
}
.monthInspire-container .module-animation {
  width: 100%;
  height: 22px;
  border-radius: 2px;
  background: var(--tertiaryGray);
  opacity: 0.5;
  -webkit-animation: monthmodulebreath 2.5s ease infinite;
  animation: monthModuleBreath 2.5s ease infinite;
}
@keyframes monthModuleBreath {
  0% {
    opacity: 0.4;
  }
  50% {
    opacity: 0.8;
  }
  100% {
    opacity: 0.4;
  }
}
.monthInspire-container .module-animation.ani-w-85 {
  width: 85%;
}
.monthInspire-container .inspire-content.inspire-no-flight-card {
  margin-bottom: var(--inspire-content-margin-bottom);
}
.monthInspire-container .inspire-content {
  display: flex;
  flex-direction: column;
  padding: 16px;
  border-radius: 8px;
  background: linear-gradient(-180deg, rgba(255, 255, 255, 0.8) 0%, rgb(255, 255, 255) 99px, white);
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  row-gap: 8px;
}
.monthInspire-container .inspire-content:hover .inspire-explain-transparent {
  display: block;
  max-height: 360px;
  overflow: auto;
  text-overflow: unset;
  transition: 0.3s;
  scrollbar-width: thin;
}
.monthInspire-container .inspire-content:hover .inspire-explain-transparent::-webkit-scrollbar {
  width: 6px;
}
.monthInspire-container .inspire-content:hover .inspire-explain-transparent .inspire-opacity-bar {
  opacity: 0;
}
.monthInspire-container .inspire-content .inspire-month-abbr {
  margin-top: 8px;
  color: var(--black);
  font-weight: var(--weight-bold);
  font-size: 40px;
  line-height: 50px;
}
.monthInspire-container .inspire-content .inspire-month-abbr.month-placeHolder {
  margin-top: 22px;
}
.monthInspire-container .inspire-content .inspire-location-festival {
  color: var(--black);
  font-weight: var(--weight-medium);
  font-size: 24px;
  line-height: 30px;
}
.monthInspire-container .inspire-content .inspire-location-festival.month-placeHolder {
  margin-top: 22px;
}
.monthInspire-container .inspire-content .inspire-explain-container {
  position: relative;
  display: flex;
}
.monthInspire-container .inspire-content .inspire-explain-container.month-placeHolder {
  width: 100%;
  margin-top: 8px;
  margin-bottom: 48px;
}
.monthInspire-container .inspire-content .inspire-explain-transparent.month-placeHolder {
  width: 100%;
}
.monthInspire-container .inspire-content .inspire-explain-transparent {
  position: relative;
  min-height: 66px;
  max-height: 66px;
  color: var(--black);
  background-color: white;
  box-shadow: var(--inspire-shadow);
  overflow: hidden;
  font-weight: var(--weight-regular);
  font-size: 14px;
  line-height: 22px;
  text-overflow: ellipsis;
  transition: 0.3s;
}
.monthInspire-container .inspire-content .inspire-text-no-flight-card {
  max-height: var(--inspire-text-max-height);
}
.monthInspire-container .inspire-content .inspire-text-no-flight-card:hover {
  max-height: 460px;
}
.monthInspire-container .inspire-content .inspire-opacity-bar {
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 42px;
  background: var(--opacity-bg);
  opacity: 100;
  transition: 0.3s;
}
.monthInspire-container .inspire-flight-card {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  margin-top: 8px;
  column-gap: 16px;
  cursor: pointer;
}
.monthInspire-container .inspire-flight-card .inspire-card-item {
  display: flex;
  flex: 1;
  flex-direction: column;
  padding: 16px;
  border: 2px solid var(--imgBgGray);
  border-radius: 8px;
  background-color: white;
  row-gap: 4px;
}
.monthInspire-container .inspire-flight-card .inspire-card-item * {
  transition: 0.2s;
}
.monthInspire-container .inspire-flight-card .card-subscription-icon .text-black {
  color: var(--black);
}
.monthInspire-container .inspire-flight-card .card-subscription-icon .text-cyan {
  color: var(--Cyan);
}
.monthInspire-container .inspire-flight-card .card-subscription-icon:hover * {
  color: var(--BrandingBlue);
}
.monthInspire-container .inspire-flight-card .inspire-card-item.month-placeHolder {
  row-gap: 8px;
}
.monthInspire-container .inspire-flight-card .card-first-row {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  height: 24px;
}
.monthInspire-container .inspire-flight-card .card-first-row .fi-icon_subscribed,
.monthInspire-container .inspire-flight-card .card-first-row .fi-icon_unsubscribed {
  font-size: 24px;
}
.monthInspire-container .inspire-flight-card .card-first-row .inspire-subscribe-icon-disable {
  cursor: default;
}
.monthInspire-container .inspire-flight-card .inspire-card-title {
  color: var(--black);
  overflow: hidden;
  font-weight: var(--weight-bold);
  font-size: 24px;
  line-height: 24px;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.monthInspire-container .inspire-flight-card .inspire-card-title.month-placeHolder {
  margin-top: 4px;
}
.monthInspire-container .inspire-flight-card .inspire-card-price {
  max-width: 226px;
  color: var(--black);
  overflow: hidden;
  font-weight: var(--weight-bold);
  font-size: 24px;
  line-height: 30px;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.monthInspire-container .inspire-flight-card .inspire-type-time {
  max-width: 226px;
  color: var(--black);
  overflow: hidden;
  font-weight: var(--weight-regular);
  font-size: 14px;
  line-height: 22px;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.monthInspire-container .inspire-flight-card .inspire-price-trend {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  max-width: 226px;
  margin-top: 4px;
  overflow: hidden;
  font-weight: var(--weight-regular);
  font-size: 12px;
  line-height: 18px;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.monthInspire-container .inspire-flight-card .inspire-price-trend .fi-icon_arrow_left {
  color: #fff;
}
.monthInspire-container .inspire-flight-card .inspire-price-trend.month-placeHolder {
  margin-top: 0;
}
.monthInspire-container .inspire-flight-card .inspire-price-icon-up {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 16px;
  height: 16px;
  border-radius: 8px;
  background-color: var(--Orange);
  transform: rotate(90deg);
  margin-inline-end: 4px;
}
.monthInspire-container .inspire-flight-card .inspire-price-icon-down {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 16px;
  height: 16px;
  border-radius: 8px;
  background-color: var(--Cyan);
  transform: rotate(-90deg);
  margin-inline-end: 4px;
}
.monthInspire-container .inspire-flight-card .inspire-price-trend-text.month-placeHolder {
  margin-top: 0;
}
.monthInspire-container .inspire-flight-card .inspire-price-trend-text {
  max-width: 226px;
  color: var(--Orange);
  overflow: hidden;
  font-weight: var(--weight-regular);
  font-size: 12px;
  line-height: 18px;
  text-overflow: ellipsis;
  white-space: nowrap;
}
@media screen and (max-width: 1024px) {
  .monthInspire-container .inspire-flight-card .inspire-card-item:nth-child(2n) {
    display: none;
  }
}
.moments-container {
  display: flex;
  flex-direction: column;
}
.moments-container .layout-card-column {
  flex-wrap: nowrap !important;
}
.moments-container .module-subname {
  font-weight: var(--weight-medium) !important;
}
.moments-container .module-card.moments-holder {
  display: flex;
  flex: 1;
  flex-direction: column;
  width: 278px;
  height: 528px;
  border-radius: 8px;
  white-space: normal;
}
.moments-container .module-card {
  display: flex;
  flex: 1;
  flex-direction: column;
  width: 278px;
  border-radius: 8px;
  white-space: normal;
}
.moments-container .moments-image.moments-holder {
  display: flex;
  background: none;
}
.moments-container .moments-image-div {
  contain: paint;
}
.moments-container .moments-image {
  display: block;
  width: 278px;
  height: 300px;
  border-radius: 8px 8px 0 0;
  background-color: var(--imgBgGray);
  transition: 0.3s;
  object-fit: cover;
}
.moments-container .moments-image:hover {
  transform: scale(1.05);
}
.moments-container .fi-icon_unsubscribed,
.moments-container .fi-icon_subscribed {
  font-size: 24px;
}
.moments-container .moments-details {
  display: flex;
  flex-direction: column;
  padding: 16px;
  border-radius: 0 0 8px 8px;
  background-color: white;
  row-gap: 8px;
}
.moments-container .moments-user,
.moments-container .moments-user-location {
  display: flex;
  flex-direction: row;
  align-items: center;
  column-gap: 4px;
}
.moments-container .moments-user {
  max-width: 65%;
}
.moments-container .moments-user-location {
  max-width: 30%;
}
.moments-container .moments-user-info-row {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}
.moments-container .moments-user-avatar.moments-holder {
  background: none;
  overflow: hidden;
}
.moments-container .moments-user-avatar {
  width: 32px;
  height: 32px;
  border-radius: 16px;
  background-color: var(--imgBgGray);
  object-fit: cover;
}
.moments-container .moments-user-name,
.moments-container .moments-location-text {
  color: var(--black);
  font-weight: var(--weight-regular);
  font-size: 14px;
  line-height: 22px;
}
.moments-container .moments-user-name {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.moments-container .moments-location-text {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.moments-container .moments-content.moments-holder {
  height: 22px;
}
.moments-container .moments-content {
  display: -webkit-box;
  height: 88px;
  color: var(--black);
  overflow: hidden;
  font-weight: var(--weight-regular);
  font-size: 14px;
  line-height: 22px;
  text-overflow: ellipsis;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
}
.moments-container .inspire-card-item.moments-holder {
  row-gap: 8px;
}
.moments-container .inspire-card-item {
  display: flex;
  flex: 1;
  flex-direction: column;
  padding: 16px;
  border: 2px solid var(--imgBgGray);
  border-radius: 8px;
  margin-top: 8px;
  cursor: pointer;
  row-gap: 4px;
}
.moments-container .inspire-card-item * {
  transition: 0.2s;
}
.moments-container .inspire-card-item .card-first-row.moments-holder {
  margin-top: 4px;
}
.moments-container .inspire-card-item .card-first-row {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  height: 24px;
}
.moments-container .inspire-card-item .card-first-row .fi-icon_subscribed,
.moments-container .inspire-card-item .card-first-row .fi-icon_unsubscribed {
  font-size: 24px;
}
.moments-container .inspire-card-item .card-first-row .inspire-subscribe-icon-disable {
  cursor: default;
}
.moments-container .inspire-card-item .inspire-card-title {
  color: var(--black);
  overflow: hidden;
  font-weight: var(--weight-bold);
  font-size: 24px;
  line-height: 30px;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.moments-container .inspire-card-item .inspire-type-time {
  max-width: 214px;
  color: var(--black);
  overflow: hidden;
  font-weight: var(--weight-regular);
  font-size: 14px;
  line-height: 22px;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.moments-container .inspire-card-item .inspire-card-price {
  max-width: 214px;
  color: var(--black);
  overflow: hidden;
  font-weight: var(--weight-bold);
  font-size: 24px;
  line-height: 30px;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.moments-container .card-subscription-icon .text-black {
  color: var(--black);
}
.moments-container .card-subscription-icon .text-cyan {
  color: var(--Cyan);
}
.moments-container .card-subscription-icon:hover * {
  color: var(--BrandingBlue);
}
.moments-container .module-animation {
  width: 100%;
  height: 22px;
  border-radius: 2px;
  background: var(--tertiaryGray);
  opacity: 0.5;
  -webkit-animation: monthmodulebreath 2.5s ease infinite;
  animation: monthModuleBreath 2.5s ease infinite;
}
@keyframes monthModuleBreath {
  0% {
    opacity: 0.4;
  }
  50% {
    opacity: 0.8;
  }
  100% {
    opacity: 0.4;
  }
}
.moments-container .slidePic {
  width: 100%;
}
.moments-container .slidePic .slidePic-content {
  gap: 16px;
}
.moments-container .slidePic .arrow-pre {
  top: 126px;
  left: -24px;
}
.moments-container .slidePic .arrow-next {
  top: 126px;
  right: -24px;
}
.moments-container .moments-flight-card {
  display: flex;
  flex: 1;
  flex-direction: column;
  padding: 16px;
  border: 2px solid var(--imgBgGray);
  border-radius: 8px;
  margin-top: 8px;
  cursor: pointer;
  row-gap: 8px;
}
.moments-container .moments-flight-card .moments-card-first-row {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}
@media screen and (max-width: 1024px) {
  .moments-container .moments-image {
    width: calc(50vw - 40px - 8px - 8px);
  }
  .moments-container .module-card {
    width: calc(50vw - 40px - 8px - 8px);
  }
  .moments-container .module-card.moments-holder {
    width: 278px;
  }
}
.nh_download-app {
  display: flex;
  justify-content: space-between;
  align-items: center;
  box-sizing: border-box;
  width: 100%;
  height: 127px;
  padding: 20px;
  border-radius: 2px;
  background-color: rgb(245, 249, 255);
}
.nh_download-app .nh_downloadApp-Left {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  width: 35%;
  height: 100%;
}
.nh_download-app .nh_downloadApp-Left .left-desc {
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin-left: 6px;
}
.nh_download-app .nh_downloadApp-Left .left-desc .mt5 {
  margin-top: 5px;
}
.nh_download-app .nh_downloadApp-right {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 60%;
  max-width: 605px;
  height: 100%;
}
.nh_download-app .nh_downloadApp-right .right-input {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.nh_download-app .nh_downloadApp-right .right-input .right-input-con {
  display: flex;
  align-items: center;
  margin-top: 5px;
}
.nh_download-app .nh_downloadApp-right .right-input .right-input-con .right-input_left {
  display: flex;
  align-items: center;
  width: 345px;
  height: 36px;
  padding: 4px;
  border: 1px solid var(--tertiaryGray);
  border-radius: 4px;
  margin-right: 8px;
  font-size: 14px;
  block-size: border-box;
}
.nh_download-app .nh_downloadApp-right .dash-line {
  width: 0;
  height: 65px;
  border-left: 1px dashed var(--tertiaryGray);
}

.new-nh_download-app {
  display: flex;
  justify-content: center;
  width: 100%;
  height: 400px;
}
.new-nh_download-app_card {
  display: flex;
  align-items: flex-end;
  border-radius: 4px;
}
.new-nh_download-app_title {
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin-left: 42px;
}
.new-nh_download-app_title ul li {
  margin-top: 24px;
}
.new-nh_download-app_scan {
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin-left: 48px;
}
.new-nh_download-app_scan > div {
  border-radius: 4px;
}
.new-nh_download-app_scan > div:not(:first-child) {
  margin-top: 24px;
}
.hotAirline-container {
  --display-max-height: 500vh;
  --font-size-small: 12px;
  --font-size-base: 14px;
  --font-size-medium: 18px;
  max-height: var(--display-max-height);
  overflow: hidden;
  transition: 1s max-height linear, 0.2s margin-top 1s linear;
}
.hotAirline-container .hiddenMore {
  max-height: 0;
  opacity: 0%;
  overflow: hidden;
  transition: 0.3s ease-out;
}
.hotAirline-container .shownMore {
  max-height: 500vh;
  margin-top: 16px;
  opacity: 100%;
  transition: 1s;
}
.hotAirline-container .hotAirline__module-card {
  display: flex;
  flex: 1 1 278px;
  box-sizing: border-box;
  padding: 16px;
  border-radius: var(--radius-large);
  background-color: #fff;
  font-size: var(--font-size-base);
  transition: 0.25s box-shadow;
  row-gap: 10px;
}
.hotAirline-container .hotAirline__module-card a {
  text-decoration: none;
}
.hotAirline-container .hotAirline__module-card:hover {
  box-shadow: var(--shadow-large);
  transition: 0.3s box-shadow;
}
@media screen and (min-width: 1224px) {
  .hotAirline-container .hotAirline__module-card {
    max-width: calc(25% - 12px);
  }
}
@media screen and (min-width: 1175px) and (max-width: 1224px) {
  .hotAirline-container .hotAirline__module-card {
    max-width: calc(25% - 12px);
  }
}
@media screen and (min-width: 892px) and (max-width: 1174px) {
  .hotAirline-container .hotAirline__module-card {
    max-width: calc(33% - 8px);
  }
}
@media screen and (max-width: 891px) {
  .hotAirline-container .hotAirline__module-card {
    max-width: calc(50% - 8px);
  }
}
.hotAirline-container .hotAirline__item-header {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  gap: 8px;
}
.hotAirline-container .hotAirline__item-header:hover {
  cursor: pointer;
}
.hotAirline-container .hotAirline__item-header .airline-info {
  flex: 1 1 auto;
  flex-wrap: nowrap;
  align-items: center;
  column-gap: 8px;
}
.hotAirline-container .hotAirline__item-header .airline-info .airline-logo {
  display: inline-block;
  flex: 0 0 36px;
  width: 36px;
  height: 36px;
  background-size: cover;
  background-color: #fff;
}
.hotAirline-container .hotAirline__item-header .airline-info .airline-logo-img {
  width: 36px;
  height: 36px;
  border-radius: 50%;
  outline: 1px solid #eee;
  overflow: hidden;
}
.hotAirline-container .hotAirline__item-header .airline-info .airline-name {
  display: inline-flex;
  align-items: center;
  height: 36px;
  color: var(--black);
  overflow: hidden;
  line-height: 18px;
  transition: 0.25s color;
  text-wrap: balance;
}
.hotAirline-container .hotAirline__item-header .airline-info .airline-name:hover {
  color: var(--BrandingBlue);
  transition: 0.3s color;
}
.hotAirline-container .hotAirline__item-header .airline-more {
  display: inline-flex;
  flex: 1 3 60px;
  justify-content: flex-end;
  align-items: center;
  color: var(--BrandingBlue);
  column-gap: 4px;
  line-height: 14px;
  text-align: end;
  text-wrap: balance;
}
.hotAirline-container .hotAirline__item-header .airline-more .fi-icon {
  font-size: var(--font-size-small);
}
.hotAirline-container .hotAirline__item-header .airline-more:hover {
  text-decoration: underline;
}
.hotAirline-container .hotAirline__item-body:hover {
  cursor: pointer;
}
.hotAirline-container .hotAirline__item-body .itemInfo {
  display: flex;
  flex-direction: column;
  row-gap: 10px;
}
.hotAirline-container .hotAirline__item-body .itemInfo .city {
  color: var(--black);
  font-weight: bold;
  font-size: var(--font-size-medium);
  line-height: var(--font-size-medium);
}
.hotAirline-container .hotAirline__item-body .itemInfo .city .fi-icon {
  padding: 0 8px;
  vertical-align: middle;
  font-size: 20px;
}
.hotAirline-container .hotAirline__item-body .itemInfo .city-loading {
  width: 200px;
  height: 22px;
  background: var(--placeholderGray);
}
.hotAirline-container .hotAirline__item-body .itemInfo .detail {
  height: 14px;
  color: var(--secondaryBlack);
  font-size: var(--font-size-base);
  line-height: var(--font-size-base);
}
.hotAirline-container .hotAirline__item-body .itemInfo .detail .separate {
  display: inline-block;
  width: 1px;
  height: 8px;
  margin: 0 8px;
  background-color: var(--secondaryBlack);
}
.hotAirline-container .hotAirline__item-body .itemInfo .detail-loading {
  width: 100px;
  height: 18px;
  margin-top: 8px;
  background: var(--placeholderGray);
}
.hotAirline-container .hotAirline__item-body .itemInfo .low-price {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  height: 15px;
  color: var(--secondaryBlack);
  font-size: var(--font-size-base);
  line-height: var(--font-size-base);
  text-align: end;
  letter-spacing: 0;
}
.hotAirline-container .hotAirline__item-body .itemInfo .low-price .price {
  color: var(--black);
  font-weight: bold;
  font-size: var(--font-size-medium);
  margin-inline-start: 4px;
}
.hotAirline-container .hotAirline__item-body .itemInfo .low-price-loading {
  float: right;
  width: 100px;
  height: 22px;
  margin-top: 16px;
  background: var(--placeholderGray);
}
.hotAirline-container .breath-brick {
  display: inline-block;
}
.hotAirline-container .loading {
  animation: breath 800ms infinite alternate;
}
@keyframes breath {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0.3;
  }
}
.hotAirline-container .note {
  width: 100%;
  padding-top: 16px;
  color: var(--tertiaryBlack);
  font-size: 14px;
  line-height: 18px;
  text-align: right;
  letter-spacing: 0;
}
.hotAirline-container .ellipsis-container {
  display: flex;
  align-items: center;
}
.hotAirline-container .ellipsis-item__normal {
  flex-grow: 0;
  flex-shrink: 0;
  height: var(--font-size-medium);
}
.hotAirline-container .ellipsis-item {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-break: keep-all;
}

.ift-online-showMore {
  display: flex;
  justify-content: center;
  height: 21px;
  color: var(--black);
  font-weight: bold;
  transition: 0.25s color;
}
.ift-online-showMore:hover {
  color: var(--BrandingBlue);
  transition: 0.3s color;
  cursor: pointer;
}
.serach-box-pl-wrap {
  padding-top: 8px;
}
.serach-box-pl-wrap .breath {
  animation: breath 800ms infinite alternate;
}
@keyframes breath {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0.3;
  }
}
.serach-box-pl-wrap .top-pl-wrap {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.serach-box-pl-wrap .top-pl-wrap .left-pl {
  width: 360px;
  height: 18px;
  border-radius: 2px;
  background: var(--placeholderGray);
}
.serach-box-pl-wrap .top-pl-wrap .right-pl {
  width: 115px;
  height: 18px;
  border-radius: 2px;
  background: var(--placeholderGray);
}
.serach-box-pl-wrap .bottom-pl-wrap {
  display: flex;
  align-items: center;
  margin-top: 16px;
}
.serach-box-pl-wrap .bottom-pl-wrap .box-wrap {
  display: flex;
  flex: 1 1 auto;
}
.serach-box-pl-wrap .bottom-pl-wrap .box-wrap .city-wrap {
  position: relative;
  display: flex;
  flex: 1 1 66.6%;
  justify-content: space-between;
  align-items: center;
  height: 56px;
}
.serach-box-pl-wrap .bottom-pl-wrap .box-wrap .city-wrap .city-item-wrap {
  display: flex;
  flex: 1;
  align-items: center;
  box-sizing: border-box;
  height: 56px;
  padding-left: 16px;
  border: 1px solid var(--tertiaryGray);
  border-radius: 4px;
}
.serach-box-pl-wrap .bottom-pl-wrap .box-wrap .city-wrap .city-item-wrap:first-of-type {
  margin-right: 4px;
}
.serach-box-pl-wrap .bottom-pl-wrap .box-wrap .city-wrap .city-item-wrap:last-of-type {
  margin-left: 4px;
}
.serach-box-pl-wrap .bottom-pl-wrap .box-wrap .city-wrap .city-item-wrap .city-pl {
  width: 88px;
  height: 18px;
  border-radius: 2px;
  background: var(--placeholderGray);
}
.serach-box-pl-wrap .bottom-pl-wrap .box-wrap .city-wrap .switch-wrap {
  position: absolute;
  top: 50%;
  left: 50%;
  min-width: 28px;
  border: 4px solid #fff;
  border-radius: 50%;
  margin-left: 2px;
  background: #fff;
  transform: translate(-50%, -50%);
  z-index: 2;
}
.serach-box-pl-wrap .bottom-pl-wrap .box-wrap .city-wrap .switch-wrap .switch-pl {
  width: 28px;
  height: 28px;
  border-radius: 50%;
  background-color: var(--placeholderGray);
}
.serach-box-pl-wrap .bottom-pl-wrap .box-wrap .date-wrap {
  display: flex;
  flex: 1 1 33.3%;
  align-items: center;
  box-sizing: border-box;
  border: 1px solid var(--tertiaryGray);
  border-radius: 4px;
  margin-left: 8px;
  background: #fff;
}
.serach-box-pl-wrap .bottom-pl-wrap .box-wrap .date-wrap .date-item-wrap {
  position: relative;
  display: flex;
  flex: 1;
  align-items: center;
  box-sizing: border-box;
  padding-left: 16px;
}
.serach-box-pl-wrap .bottom-pl-wrap .box-wrap .date-wrap .date-item-wrap:last-of-type {
  margin-left: 24px;
}
.serach-box-pl-wrap .bottom-pl-wrap .box-wrap .date-wrap .date-item-wrap .date-pl {
  width: 88px;
  height: 18px;
  border-radius: 2px 2px 2px 2px;
  background: var(--placeholderGray);
}
.serach-box-pl-wrap .bottom-pl-wrap .box-wrap .date-wrap .date-item-wrap .line-pl {
  position: absolute;
  top: 50%;
  left: -12px;
  width: 24px;
  height: 1px;
  background: var(--tertiaryBlack);
  transform: translateX(-50%);
}
.serach-box-pl-wrap .bottom-pl-wrap .btn-wrap {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 115px;
  height: 56px;
  border-radius: 4px;
  margin-left: 8px;
  background-color: var(--BrandingBlue);
}
.serach-box-pl-wrap .bottom-pl-wrap .btn-wrap .btn-pl {
  width: 82px;
  height: 18px;
  border-radius: 2px;
  background: rgba(255, 255, 255, 0.3);
}

[dir=rtl] .serach-box-pl-wrap .bottom-pl-wrap .btn-wrap {
  margin-right: 8px;
  margin-left: 0;
}
[dir=rtl] .serach-box-pl-wrap .bottom-pl-wrap .box-wrap .city-wrap .switch-wrap {
  margin-right: 2px;
  margin-left: 0;
}
[dir=rtl] .serach-box-pl-wrap .bottom-pl-wrap .box-wrap .city-wrap .city-item-wrap {
  padding-right: 16px;
  padding-left: 0;
}
[dir=rtl] .serach-box-pl-wrap .bottom-pl-wrap .box-wrap .city-wrap .city-item-wrap:first-of-type {
  margin-right: 0;
  margin-left: 4px;
}
[dir=rtl] .serach-box-pl-wrap .bottom-pl-wrap .box-wrap .city-wrap .city-item-wrap:last-of-type {
  margin-right: 4px;
  margin-left: 0;
}
[dir=rtl] .serach-box-pl-wrap .bottom-pl-wrap .box-wrap .date-wrap {
  margin-right: 8px;
  margin-left: 0;
}
[dir=rtl] .serach-box-pl-wrap .bottom-pl-wrap .box-wrap .date-wrap .date-item-wrap {
  padding-right: 16px;
  padding-left: 0;
}
[dir=rtl] .serach-box-pl-wrap .bottom-pl-wrap .box-wrap .date-wrap .date-item-wrap:last-of-type {
  margin-right: 24px;
  margin-left: 0;
}
[dir=rtl] .serach-box-pl-wrap .bottom-pl-wrap .box-wrap .date-wrap .date-item-wrap .line-pl {
  right: -36px;
  left: unset;
}

.nh_sf-container {
  padding: 10px 16px 16px;
  border-radius: 8px;
  background-color: #fff;
}
.nh_sf-container .breath {
  animation: breath 800ms infinite alternate;
}
@keyframes breath {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0.3;
  }
}
.nh_sf-container .top-pl-wrap {
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 32px;
  margin: 6px 0 8px 0;
}
.nh_sf-container .top-pl-wrap .left-pl {
  width: 360px;
  height: 18px;
  border-radius: 2px;
  background: var(--placeholderGray);
}
.nh_sf-container .top-pl-wrap .right-pl {
  width: 115px;
  height: 18px;
  border-radius: 2px;
  background: var(--placeholderGray);
}
.nh_sf-container .bottom-pl-wrap {
  display: flex;
  align-items: center;
  height: 56px;
}
.nh_sf-container .bottom-pl-wrap .box-wrap {
  display: flex;
  flex: 1 1 auto;
}
.nh_sf-container .bottom-pl-wrap .box-wrap .city-wrap {
  position: relative;
  display: flex;
  flex: 1 1 50%;
  justify-content: space-between;
  align-items: center;
  height: 56px;
}
.nh_sf-container .bottom-pl-wrap .box-wrap .city-wrap .city-item-wrap {
  display: flex;
  flex: 1;
  align-items: center;
  box-sizing: border-box;
  height: 56px;
  padding-left: 16px;
  border: 1px solid var(--tertiaryGray);
  border-radius: 4px;
}
.nh_sf-container .bottom-pl-wrap .box-wrap .city-wrap .city-item-wrap:first-of-type {
  margin-right: 4px;
}
.nh_sf-container .bottom-pl-wrap .box-wrap .city-wrap .city-item-wrap:last-of-type {
  margin-left: 4px;
}
.nh_sf-container .bottom-pl-wrap .box-wrap .city-wrap .city-item-wrap .city-pl {
  width: 88px;
  height: 18px;
  border-radius: 2px;
  background: var(--placeholderGray);
}
.nh_sf-container .bottom-pl-wrap .box-wrap .city-wrap .switch-wrap {
  position: absolute;
  top: 50%;
  left: calc(50% - 2px);
  min-width: 28px;
  border: 4px solid #fff;
  border-radius: 50%;
  margin-left: 2px;
  background: #fff;
  transform: translate(-50%, -50%);
  z-index: 2;
}
.nh_sf-container .bottom-pl-wrap .box-wrap .city-wrap .switch-wrap .switch-pl {
  width: 28px;
  height: 28px;
  border-radius: 50%;
  background-color: var(--placeholderGray);
}
.nh_sf-container .bottom-pl-wrap .box-wrap .date-wrap {
  display: flex;
  flex: 1 1 25%;
  align-items: center;
  box-sizing: border-box;
  border: 1px solid var(--tertiaryGray);
  border-radius: 4px;
  margin-left: 8px;
  background: #fff;
}
.nh_sf-container .bottom-pl-wrap .box-wrap .date-wrap .date-item-wrap {
  position: relative;
  display: flex;
  flex: 1;
  align-items: center;
  box-sizing: border-box;
  padding-left: 16px;
}
.nh_sf-container .bottom-pl-wrap .box-wrap .date-wrap .date-item-wrap:last-of-type {
  margin-left: 24px;
}
.nh_sf-container .bottom-pl-wrap .box-wrap .date-wrap .date-item-wrap .date-pl {
  width: 88px;
  height: 18px;
  border-radius: 2px 2px 2px 2px;
  background: var(--placeholderGray);
}
.nh_sf-container .bottom-pl-wrap .box-wrap .date-wrap .date-item-wrap .line-pl {
  position: absolute;
  top: 50%;
  left: -12px;
  width: 24px;
  height: 1px;
  background: var(--tertiaryBlack);
  transform: translateX(-50%);
}
.nh_sf-container .bottom-pl-wrap .box-wrap .psg-wrap {
  display: flex;
  flex: 1 1 25%;
  align-items: center;
  box-sizing: border-box;
  border: 1px solid var(--tertiaryGray);
  border-radius: 4px;
  margin-left: 8px;
  background: #fff;
}
.nh_sf-container .bottom-pl-wrap .box-wrap .psg-wrap .psg-item-wrap {
  position: relative;
  display: flex;
  flex: 1;
  align-items: center;
  box-sizing: border-box;
  padding-left: 16px;
}
.nh_sf-container .bottom-pl-wrap .box-wrap .psg-wrap .psg-item-wrap .psg-pl {
  width: 148px;
  height: 18px;
  border-radius: 2px 2px 2px 2px;
  background: var(--placeholderGray);
}
.nh_sf-container .bottom-pl-wrap .box-wrap .psg-wrap .psg-item-wrap .line-pl {
  position: absolute;
  top: 50%;
  left: -12px;
  width: 24px;
  height: 1px;
  background: var(--tertiaryBlack);
  transform: translateX(-50%);
}
.nh_sf-container .bottom-pl-wrap .box-wrap .nh_ph-btn {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 56px;
  height: 56px;
  border-radius: 2px;
  margin-left: 5px;
  background-color: var(--BrandingBlue);
}
.nh_sf-container .bottom-pl-wrap .box-wrap .nh_ph-btn .text {
  width: 20px;
  height: 20px;
  border-radius: 3px;
  background-color: rgba(255, 255, 255, 0.3);
}
.nh_sf-container .btn-wrap {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  width: 100%;
  height: 58px;
  margin-top: 16px;
  background-color: #fff;
}
.nh_sf-container .btn-wrap .btn-1 {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 154px;
  height: 58px;
  border-radius: 4px;
  margin-left: 8px;
  background-color: var(--BrandingBlue);
}
.nh_sf-container .btn-wrap .btn-1 .text {
  width: 70px;
  height: 20px;
  border-radius: 3px;
  background-color: rgba(255, 255, 255, 0.3);
}
.nh_sf-container .btn-wrap .btn-2 {
  display: flex;
  justify-content: center;
  align-items: center;
  box-sizing: border-box;
  width: 154px;
  height: 58px;
  border: 1px solid var(--BrandingBlue);
  border-radius: 4px;
  background-color: #fff;
}
.nh_sf-container .btn-wrap .btn-2 .text {
  width: 70px;
  height: 20px;
  border-radius: 3px;
  background-color: rgba(50, 100, 255, 0.3);
}

.nh_sf_fixed-container {
  box-sizing: border-box;
  padding: 0;
}
.nh_sf_fixed-container .breath {
  animation: breath 800ms infinite alternate;
}
@keyframes breath {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0.3;
  }
}
.nh_sf_fixed-container .top-pl-wrap {
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 32px;
  margin: 6px 0 8px 0;
}
.nh_sf_fixed-container .top-pl-wrap .left-pl {
  width: 360px;
  height: 18px;
  border-radius: 2px;
  background: var(--placeholderGray);
}
.nh_sf_fixed-container .top-pl-wrap .right-pl {
  width: 115px;
  height: 18px;
  border-radius: 2px;
  background: var(--placeholderGray);
}
.nh_sf_fixed-container .bottom-pl-wrap {
  display: flex;
  align-items: center;
  height: 56px;
}
.nh_sf_fixed-container .bottom-pl-wrap .box-wrap {
  display: flex;
  flex: 1 1 auto;
}
.nh_sf_fixed-container .bottom-pl-wrap .box-wrap .city-wrap {
  position: relative;
  display: flex;
  flex: 1 1 50%;
  justify-content: space-between;
  align-items: center;
  height: 56px;
}
.nh_sf_fixed-container .bottom-pl-wrap .box-wrap .city-wrap .city-item-wrap {
  display: flex;
  flex: 1;
  align-items: center;
  box-sizing: border-box;
  height: 56px;
  padding-left: 16px;
  border: 1px solid var(--tertiaryGray);
  border-radius: 4px;
}
.nh_sf_fixed-container .bottom-pl-wrap .box-wrap .city-wrap .city-item-wrap:first-of-type {
  margin-right: 4px;
}
.nh_sf_fixed-container .bottom-pl-wrap .box-wrap .city-wrap .city-item-wrap:last-of-type {
  margin-left: 4px;
}
.nh_sf_fixed-container .bottom-pl-wrap .box-wrap .city-wrap .city-item-wrap .city-pl {
  width: 88px;
  height: 18px;
  border-radius: 2px;
  background: var(--placeholderGray);
}
.nh_sf_fixed-container .bottom-pl-wrap .box-wrap .city-wrap .switch-wrap {
  position: absolute;
  top: 50%;
  left: calc(50% - 2px);
  min-width: 28px;
  border: 4px solid #fff;
  border-radius: 50%;
  margin-left: 2px;
  background: #fff;
  transform: translate(-50%, -50%);
  z-index: 2;
}
.nh_sf_fixed-container .bottom-pl-wrap .box-wrap .city-wrap .switch-wrap .switch-pl {
  width: 28px;
  height: 28px;
  border-radius: 50%;
  background-color: var(--placeholderGray);
}
.nh_sf_fixed-container .bottom-pl-wrap .box-wrap .date-wrap {
  display: flex;
  flex: 1 1 25%;
  align-items: center;
  box-sizing: border-box;
  border: 1px solid var(--tertiaryGray);
  border-radius: 4px;
  margin-left: 8px;
  background: #fff;
}
.nh_sf_fixed-container .bottom-pl-wrap .box-wrap .date-wrap .date-item-wrap {
  position: relative;
  display: flex;
  flex: 1;
  align-items: center;
  box-sizing: border-box;
  padding-left: 16px;
}
.nh_sf_fixed-container .bottom-pl-wrap .box-wrap .date-wrap .date-item-wrap:last-of-type {
  margin-left: 24px;
}
.nh_sf_fixed-container .bottom-pl-wrap .box-wrap .date-wrap .date-item-wrap .date-pl {
  width: 88px;
  height: 18px;
  border-radius: 2px 2px 2px 2px;
  background: var(--placeholderGray);
}
.nh_sf_fixed-container .bottom-pl-wrap .box-wrap .date-wrap .date-item-wrap .line-pl {
  position: absolute;
  top: 50%;
  left: -12px;
  width: 24px;
  height: 1px;
  background: var(--tertiaryBlack);
  transform: translateX(-50%);
}
.nh_sf_fixed-container .bottom-pl-wrap .box-wrap .psg-wrap {
  display: flex;
  flex: 1 1 25%;
  align-items: center;
  box-sizing: border-box;
  border: 1px solid var(--tertiaryGray);
  border-radius: 4px;
  margin-left: 8px;
  background: #fff;
}
.nh_sf_fixed-container .bottom-pl-wrap .box-wrap .psg-wrap .psg-item-wrap {
  position: relative;
  display: flex;
  flex: 1;
  align-items: center;
  box-sizing: border-box;
  padding-left: 16px;
}
.nh_sf_fixed-container .bottom-pl-wrap .box-wrap .psg-wrap .psg-item-wrap .psg-pl {
  width: 148px;
  height: 18px;
  border-radius: 2px 2px 2px 2px;
  background: var(--placeholderGray);
}
.nh_sf_fixed-container .bottom-pl-wrap .box-wrap .psg-wrap .psg-item-wrap .line-pl {
  position: absolute;
  top: 50%;
  left: -12px;
  width: 24px;
  height: 1px;
  background: var(--tertiaryBlack);
  transform: translateX(-50%);
}
.nh_sf_fixed-container .bottom-pl-wrap .box-wrap .nh_ph-btn {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 56px;
  height: 56px;
  border-radius: 2px;
  margin-left: 5px;
  background-color: var(--BrandingBlue);
}
.nh_sf_fixed-container .bottom-pl-wrap .box-wrap .nh_ph-btn .text {
  width: 20px;
  height: 20px;
  border-radius: 3px;
  background-color: rgba(255, 255, 255, 0.3);
}
.sideTool-box {
  width: 1180px;
  margin-right: auto;
  margin-left: auto;
}

.sideTool-container {
  position: absolute;
  top: 183px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-end;
  margin-left: 1256px;
  z-index: 898;
}
.sideTool-container .sideTool-item {
  position: relative;
  display: flex;
  align-items: center;
  box-sizing: border-box;
  height: 48px;
  padding: 10px;
  border-radius: 8px;
  margin-bottom: 8px;
  background-color: #fff;
  cursor: pointer;
}
.sideTool-container .sideTool-item .item-bage {
  position: absolute;
  top: -9px;
  right: 0;
  box-sizing: border-box;
  min-width: 18px;
  height: 18px;
  padding: 0 6px;
  border-radius: 18px;
  color: #fff;
  background-color: var(--Red);
  font-size: 12px;
  line-height: 18px;
  transform: translateX(50%);
  z-index: 3;
}
.sideTool-container .sideTool-item .item-text {
  position: absolute;
  top: 0;
  right: 0;
  box-sizing: border-box;
  width: 48px;
  height: 48px;
  padding-right: 48px;
  padding-left: 8px;
  border-radius: 8px;
  line-height: 48px;
  white-space: nowrap;
  transition: width 1s;
  z-index: 1;
}
.sideTool-container .sideTool-item .item-text .text-span {
  opacity: 0;
}
.sideTool-container .sideTool-item .item-text .text-slide-box {
  position: absolute;
  top: 0;
  right: 0;
  box-sizing: border-box;
  width: 0;
  padding-right: 48px;
  border-radius: 8px;
  background-color: #fff;
  overflow: hidden;
  transition: all 0.5s;
}
.sideTool-container .sideTool-item .item-text .text-slide-box .slide-span {
  opacity: 0;
}
.sideTool-container .sideTool-item .item-icon {
  position: relative;
  flex: 0 0 auto;
  width: 26px;
  height: 26px;
  z-index: 2;
}
.sideTool-container .sideTool-item .item-icon .icon-img,
.sideTool-container .sideTool-item .item-icon .icon-img-hover {
  display: block;
  width: 100%;
  height: 100%;
}
.sideTool-container .sideTool-item .item-icon .icon-img-hover {
  display: none;
}
.sideTool-container .sideTool-item:hover {
  overflow: visible;
}
.sideTool-container .sideTool-item:hover .item-text {
  width: auto;
}
.sideTool-container .sideTool-item:hover .item-text .text-slide-box {
  width: 100%;
  padding-inline-start: 8px;
}
.sideTool-container .sideTool-item:hover .item-text .text-slide-box .slide-span {
  opacity: 1;
  transition: opacity 1s;
}
.sideTool-container .sideTool-item:hover .item-icon .icon-img {
  display: none;
}
.sideTool-container .sideTool-item:hover .item-icon .icon-img-hover {
  display: block;
}

@media only screen and (max-width: 1442px) {
  .sideTool-container {
    right: 6px;
  }
}
@media only screen and (max-height: 680px) {
  .mod-back-top-side-bar {
    display: none !important;
  }
}
[dir=rtl] .sideTool-container {
  margin-right: 1256px;
  margin-left: 0;
}
[dir=rtl] .sideTool-container .sideTool-item .item-bage {
  right: unset;
  left: -14px;
}
[dir=rtl] .sideTool-container .sideTool-item .item-text {
  position: absolute;
  top: 0;
  right: unset;
  left: 0;
  padding-right: 8px;
  padding-left: 40px;
}
[dir=rtl] .sideTool-container .sideTool-item .item-text .text-slide-box {
  right: unset;
  left: 0;
}
@media only screen and (max-width: 1442px) {
  [dir=rtl] .sideTool-container {
    right: unset;
    left: 0;
    margin-right: 0;
    margin-left: 0;
  }
}
.nh_skeleton-card {
  box-sizing: border-box;
  max-width: 572px;
  height: 171px;
  padding: 16px 16px 0 16px;
  border-radius: 8px;
  background-color: #fff;
  overflow: hidden;
  transform: translate3d(0, 0, 0);
  user-select: none;
}
.nh_skeleton-card .breath {
  border-radius: 4px;
  animation: breath 800ms infinite alternate;
}
@keyframes breath {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0.3;
  }
}
.nh_skeleton-card .nh_skeleton-title {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 18px;
}
.nh_skeleton-card .nh_skeleton-title .nh_skeleton-titleLeft {
  width: 200px;
  height: 18px;
  background-color: var(--placeholderGray);
}
.nh_skeleton-card .nh_skeleton-content {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  min-height: 52px;
  margin-top: 16px;
  overflow: hidden;
}
.nh_skeleton-card .nh_skeleton-content .nh_skeleton-contentLeft .nh_skeleton-contentTop {
  width: 100px;
  height: 24px;
  background-color: var(--placeholderGray);
}
.nh_skeleton-card .nh_skeleton-content .nh_skeleton-contentLeft .nh_skeleton-contentBottom {
  width: 320px;
  height: 18px;
  margin-top: 8px;
  background-color: var(--placeholderGray);
}
.nh_skeleton-card .nh_skeleton-content .nh_skeleton-contentRight {
  width: 80px;
  height: 30px;
  background-color: var(--placeholderGray);
}
.nh_skeleton-card .nh_card-dashline {
  width: 100%;
  border-top: 1px dashed var(--tertiaryGray);
  margin: 16px 0 0 0;
}
.nh_skeleton-card .nh_skeleton-footer {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 38px;
  padding: 8px 0;
  line-height: 18px;
}
.nh_skeleton-card .nh_skeleton-footer .nh_skeleton-footerLeft {
  width: 180px;
  height: 18px;
  background-color: var(--placeholderGray);
}
.nh_skeleton-card .nh_skeleton-footer .nh_skeleton-footerRight {
  width: 100px;
  height: 18px;
  background-color: var(--BrandingBlue);
}
.nh_card-container {
  position: relative;
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 14px;
  max-width: 1160px;
  padding: 0 56px 0 56px;
  margin: 0 auto;
  margin-top: 16px;
  z-index: 1;
}

.nh_card-split {
  display: inline-block;
  width: 1px;
  min-width: 1px;
  height: 12px;
  margin: 0 8px;
  background-color: var(--tertiaryGray);
}
@charset "UTF-8";
.new-index-container {
  --BrandingBlue: #3264ff;
  --BrandingBlue-alpha-10: rgba(50, 100, 255, 0.1);
  --placeholderGray: #f0f2f5;
  --black: #0f294d;
  --secondaryBlack: #455873;
  --tertiaryBlack: #8592a6;
  --tertiaryBlack-alpha-10: rgba(133, 146, 166, 0.1);
  --otherBlack: #234;
  --otherBlack-1: #666;
  --otherBlack-2: #999;
  --gray: #acb4bf;
  --secondaryGray: #ced2d9;
  --tertiaryGray: #dadfe6;
  --backgroundGray: #f5f7fa;
  --otherGray: #ccc;
  --Cyan: #06aebd;
  --cyan-alpha-10: rgba(6, 174, 189, 0.1);
  --deepCyan: #0288d1;
  --deepCyan-2: #05939f;
  --deepPink: #ec3c77;
  --otherPink: #f5594a;
  --deepOrange: #eb5600;
  --Orange: #ff6f00;
  --otherOrange: #ff9500;
  --deepRed: #d92917;
  --Red: #ee3b28;
  --red-alpha-10: rgba(238, 59, 40, 0.1);
  --otherRed: #e74c3c;
  --imgBgGray: #d4d8df;
  --radius-small: 2px;
  --radius-medium: 4px;
  --radius-large: 8px;
  --radius-extra: 24px;
  --radius-circle: 50%;
  --weight-bold: 700;
  --weight-medium: 500;
  --weight-regular: 400;
  --shadow-medium: 0 4px 8px 0 rgba(15, 41, 77, 0.08);
  --shadow-large: 0 8px 16px 0 rgba(15, 41, 77, 0.08);
  --gap: 16px;
  --gap-modules: 48px;
}

body[data-a11y-theme=true] .new-index-container {
  --BrandingBlue: #2c61fe;
  --BrandingBlue-alpha-10: rgba(44, 97, 254, 0.1);
  --placeholderGray: #ebedf1;
  --black: #121826;
  --secondaryBlack: #4f5563;
  --tertiaryBlack: #6f7685;
  --tertiaryBlack-alpha-10: rgba(111, 118, 133, 0.1);
  --otherBlack: #121826;
  --otherBlack-1: #666;
  --otherBlack-2: #999;
  --gray: #b9bec7;
  --secondaryGray: #6f7685;
  --tertiaryGray: #d4d7de;
  --backgroundGray: #f6f7fa;
  --otherGray: #b9bec7;
  --Cyan: #047c88;
  --cyan-alpha-10: rgba(4, 124, 136, 0.1);
  --deepCyan: #047c88;
  --deepCyan-2: #047c88;
  --deepPink: #d81e60;
  --otherPink: #d81e60;
  --deepOrange: #c74401;
  --Orange: #c74401;
  --otherOrange: #c74401;
  --deepRed: #d02c2a;
  --Red: #d02c2a;
  --red-alpha-10: rgba(208, 44, 42, 0.1);
  --otherRed: #d02c2a;
  --imgBgGray: #d4d8df;
  --shadow-medium: 0 4px 8px 0 rgba(15, 41, 77, 0.08);
  --shadow-large: 0 8px 16px 0 rgba(15, 41, 77, 0.08);
  --shadow-medium: 0 4px 8px 0 rgba(18, 24, 38, 0.08);
  --shadow-large: 0 8px 16px 0 rgba(18, 24, 38, 0.08);
}

/*
* 统一用法
* 新加Icon 使用 fi_flight 引入字体
* eg: <i class='fi_flight fi-star'></i>
*/
/* stylelint-disable */
@font-face {
  font-family: "fi-flight";
  src: url(font/fi_flight.0f6dfae119.eot); /* IE9*/
  src: url(font/fi_flight.0f6dfae119.eot) format("embedded-opentype"), url(font/fi_flight.9eaf24b9d9.woff) format("woff"), url(font/fi_flight.f3b4f9f780.ttf) format("truetype"), url(font/fi_flight.f856a4efe9.svg) format("svg"); /* iOS 4.1- */
  font-display: swap;
}
.fi_flight, .fi_flight-clock,
.fi_flight-arrow-down,
.fi_flight-round-trip,
.fi-edit1,
.fi-delete,
.fi-alarm-create,
.fi-alarm-view,
.fi-baggage,
.fi-star,
.fi-calendar-input,
.fi-remove,
.fi-check-piece-o,
.fi-warn-circle,
.fi-info-circle,
.fi-lightning,
.fi-gift,
.fi-bell,
.fi-image,
.fi-minus,
.fi-plus,
.fi-calender,
.fi-clock-countdown,
.fi-ticket-refund,
.fi_flight-check-circle,
.fi-smile-circle,
.fi-info-o,
.fi-ticketing,
.fi-adult,
.fi-child,
.fi-infant,
.fi-arrow-two-way,
.fi-arrow-one-way,
.fi-calendar-o,
.fi-check-shield,
.fi-check,
.fi-double-arrow-right,
.fi-edit,
.fi-info-shield,
.fi-minus-circle-o,
.fi-plus-circle-o,
.fi-plus-bold,
.fi-question-circle-o,
.fi-user,
.fi-double-arrow-up,
.fi-double-arrow-down,
.fi-minus-bold,
.fi-star-integral,
.fi-f-head,
.fi-f-guarantee,
.fi-f-users-choice,
.fi-flight,
.fi-flying,
.fi-thumb,
.fi-detailTit,
.fi-search {
  font-style: normal;
  font-weight: normal;
  font-size: 12px;
  font-family: "fi-flight", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.fi_flight.fi-arrow-up::before, .fi-arrow-up.fi_flight-clock::before,
.fi-arrow-up.fi_flight-arrow-down::before,
.fi-arrow-up.fi_flight-round-trip::before,
.fi-arrow-up.fi-edit1::before,
.fi-arrow-up.fi-delete::before,
.fi-arrow-up.fi-alarm-create::before,
.fi-arrow-up.fi-alarm-view::before,
.fi-arrow-up.fi-baggage::before,
.fi-arrow-up.fi-star::before,
.fi-arrow-up.fi-calendar-input::before,
.fi-arrow-up.fi-remove::before,
.fi-arrow-up.fi-check-piece-o::before,
.fi-arrow-up.fi-warn-circle::before,
.fi-arrow-up.fi-info-circle::before,
.fi-arrow-up.fi-lightning::before,
.fi-arrow-up.fi-gift::before,
.fi-arrow-up.fi-bell::before,
.fi-arrow-up.fi-image::before,
.fi-arrow-up.fi-minus::before,
.fi-arrow-up.fi-plus::before,
.fi-arrow-up.fi-calender::before,
.fi-arrow-up.fi-clock-countdown::before,
.fi-arrow-up.fi-ticket-refund::before,
.fi-arrow-up.fi_flight-check-circle::before,
.fi-arrow-up.fi-smile-circle::before,
.fi-arrow-up.fi-info-o::before,
.fi-arrow-up.fi-ticketing::before,
.fi-arrow-up.fi-adult::before,
.fi-arrow-up.fi-child::before,
.fi-arrow-up.fi-infant::before,
.fi-arrow-up.fi-arrow-two-way::before,
.fi-arrow-up.fi-arrow-one-way::before,
.fi-arrow-up.fi-calendar-o::before,
.fi-arrow-up.fi-check-shield::before,
.fi-arrow-up.fi-check::before,
.fi-arrow-up.fi-double-arrow-right::before,
.fi-arrow-up.fi-edit::before,
.fi-arrow-up.fi-info-shield::before,
.fi-arrow-up.fi-minus-circle-o::before,
.fi-arrow-up.fi-plus-circle-o::before,
.fi-arrow-up.fi-plus-bold::before,
.fi-arrow-up.fi-question-circle-o::before,
.fi-arrow-up.fi-user::before,
.fi-arrow-up.fi-double-arrow-up::before,
.fi-arrow-up.fi-double-arrow-down::before,
.fi-arrow-up.fi-minus-bold::before,
.fi-arrow-up.fi-star-integral::before,
.fi-arrow-up.fi-f-head::before,
.fi-arrow-up.fi-f-guarantee::before,
.fi-arrow-up.fi-f-users-choice::before,
.fi-arrow-up.fi-flight::before,
.fi-arrow-up.fi-flying::before,
.fi-arrow-up.fi-thumb::before,
.fi-arrow-up.fi-detailTit::before,
.fi-arrow-up.fi-search::before {
  content: "\e32b";
}
.fi_flight.fi-arrow-left::before, .fi-arrow-left.fi_flight-clock::before,
.fi-arrow-left.fi_flight-arrow-down::before,
.fi-arrow-left.fi_flight-round-trip::before,
.fi-arrow-left.fi-edit1::before,
.fi-arrow-left.fi-delete::before,
.fi-arrow-left.fi-alarm-create::before,
.fi-arrow-left.fi-alarm-view::before,
.fi-arrow-left.fi-baggage::before,
.fi-arrow-left.fi-star::before,
.fi-arrow-left.fi-calendar-input::before,
.fi-arrow-left.fi-remove::before,
.fi-arrow-left.fi-check-piece-o::before,
.fi-arrow-left.fi-warn-circle::before,
.fi-arrow-left.fi-info-circle::before,
.fi-arrow-left.fi-lightning::before,
.fi-arrow-left.fi-gift::before,
.fi-arrow-left.fi-bell::before,
.fi-arrow-left.fi-image::before,
.fi-arrow-left.fi-minus::before,
.fi-arrow-left.fi-plus::before,
.fi-arrow-left.fi-calender::before,
.fi-arrow-left.fi-clock-countdown::before,
.fi-arrow-left.fi-ticket-refund::before,
.fi-arrow-left.fi_flight-check-circle::before,
.fi-arrow-left.fi-smile-circle::before,
.fi-arrow-left.fi-info-o::before,
.fi-arrow-left.fi-ticketing::before,
.fi-arrow-left.fi-adult::before,
.fi-arrow-left.fi-child::before,
.fi-arrow-left.fi-infant::before,
.fi-arrow-left.fi-arrow-two-way::before,
.fi-arrow-left.fi-arrow-one-way::before,
.fi-arrow-left.fi-calendar-o::before,
.fi-arrow-left.fi-check-shield::before,
.fi-arrow-left.fi-check::before,
.fi-arrow-left.fi-double-arrow-right::before,
.fi-arrow-left.fi-edit::before,
.fi-arrow-left.fi-info-shield::before,
.fi-arrow-left.fi-minus-circle-o::before,
.fi-arrow-left.fi-plus-circle-o::before,
.fi-arrow-left.fi-plus-bold::before,
.fi-arrow-left.fi-question-circle-o::before,
.fi-arrow-left.fi-user::before,
.fi-arrow-left.fi-double-arrow-up::before,
.fi-arrow-left.fi-double-arrow-down::before,
.fi-arrow-left.fi-minus-bold::before,
.fi-arrow-left.fi-star-integral::before,
.fi-arrow-left.fi-f-head::before,
.fi-arrow-left.fi-f-guarantee::before,
.fi-arrow-left.fi-f-users-choice::before,
.fi-arrow-left.fi-flight::before,
.fi-arrow-left.fi-flying::before,
.fi-arrow-left.fi-thumb::before,
.fi-arrow-left.fi-detailTit::before,
.fi-arrow-left.fi-search::before {
  content: "\e32a";
}
.fi_flight.fi-arrow-right::before, .fi-arrow-right.fi_flight-clock::before,
.fi-arrow-right.fi_flight-arrow-down::before,
.fi-arrow-right.fi_flight-round-trip::before,
.fi-arrow-right.fi-edit1::before,
.fi-arrow-right.fi-delete::before,
.fi-arrow-right.fi-alarm-create::before,
.fi-arrow-right.fi-alarm-view::before,
.fi-arrow-right.fi-baggage::before,
.fi-arrow-right.fi-star::before,
.fi-arrow-right.fi-calendar-input::before,
.fi-arrow-right.fi-remove::before,
.fi-arrow-right.fi-check-piece-o::before,
.fi-arrow-right.fi-warn-circle::before,
.fi-arrow-right.fi-info-circle::before,
.fi-arrow-right.fi-lightning::before,
.fi-arrow-right.fi-gift::before,
.fi-arrow-right.fi-bell::before,
.fi-arrow-right.fi-image::before,
.fi-arrow-right.fi-minus::before,
.fi-arrow-right.fi-plus::before,
.fi-arrow-right.fi-calender::before,
.fi-arrow-right.fi-clock-countdown::before,
.fi-arrow-right.fi-ticket-refund::before,
.fi-arrow-right.fi_flight-check-circle::before,
.fi-arrow-right.fi-smile-circle::before,
.fi-arrow-right.fi-info-o::before,
.fi-arrow-right.fi-ticketing::before,
.fi-arrow-right.fi-adult::before,
.fi-arrow-right.fi-child::before,
.fi-arrow-right.fi-infant::before,
.fi-arrow-right.fi-arrow-two-way::before,
.fi-arrow-right.fi-arrow-one-way::before,
.fi-arrow-right.fi-calendar-o::before,
.fi-arrow-right.fi-check-shield::before,
.fi-arrow-right.fi-check::before,
.fi-arrow-right.fi-double-arrow-right::before,
.fi-arrow-right.fi-edit::before,
.fi-arrow-right.fi-info-shield::before,
.fi-arrow-right.fi-minus-circle-o::before,
.fi-arrow-right.fi-plus-circle-o::before,
.fi-arrow-right.fi-plus-bold::before,
.fi-arrow-right.fi-question-circle-o::before,
.fi-arrow-right.fi-user::before,
.fi-arrow-right.fi-double-arrow-up::before,
.fi-arrow-right.fi-double-arrow-down::before,
.fi-arrow-right.fi-minus-bold::before,
.fi-arrow-right.fi-star-integral::before,
.fi-arrow-right.fi-f-head::before,
.fi-arrow-right.fi-f-guarantee::before,
.fi-arrow-right.fi-f-users-choice::before,
.fi-arrow-right.fi-flight::before,
.fi-arrow-right.fi-flying::before,
.fi-arrow-right.fi-thumb::before,
.fi-arrow-right.fi-detailTit::before,
.fi-arrow-right.fi-search::before {
  content: "\e28a";
}
.fi_flight.fi-check-piece-o::before,
.fi-check-piece-o::before {
  content: "\e284";
}
.fi_flight.fi_flight-check-circle::before,
.fi_flight-check-circle::before {
  content: "\e255";
}

.fi_flight-arrow-down::before {
  content: "\e32c";
}

.fi_flight-clock::before {
  content: "\e325";
}

.fi_flight-round-trip::before {
  content: "\e345";
}

.fi-search::before {
  content: "\ead0";
}

.fi-star::before {
  content: "\e25b";
}

.fi-calendar-input::before {
  content: "\e2db";
}

.fi-remove::before {
  content: "\e289";
}

.fi-warn-circle::before {
  content: "\e25c";
}

.fi-info-circle::before {
  content: "\e25f";
}

.fi-lightning::before {
  content: "\e2da";
}

.fi-gift::before {
  content: "\e326";
}

.fi-bell::before {
  content: "\e32d";
}

.fi-image::before {
  content: "\e2d0";
}

.fi-minus::before {
  content: "\e340";
}

.fi-plus::before {
  content: "\e332";
}

.fi-calender::before {
  content: "\e288";
}

.fi-clock-countdown::before {
  content: "\e39d";
}

.fi-ticket-refund::before {
  content: "\e39e";
}

.fi_flight-check-circle::before {
  content: "\e255";
}

.fi-smile-circle::before {
  content: "\e3d6";
}

.fi-info-o::before {
  content: "\e3ef";
}

.fi-ticketing::before {
  content: "\e39b";
}

.fi-adult::before {
  content: "\e487";
}

.fi-child::before {
  content: "\e488";
}

.fi-infant::before {
  content: "\e489";
}

.fi-arrow-two-way::before {
  content: "\e4f0";
}

.fi-arrow-one-way::before {
  content: "\e4f1";
}

.fi-calendar-o::before {
  content: "\e4f2";
}

.fi-check-shield::before {
  content: "\e4f3";
}

.fi-check::before {
  content: "\e4f4";
}

.fi-double-arrow-right::before {
  content: "\e4f5";
}

.fi-edit::before {
  content: "\e4f6";
}

.fi-info-shield::before {
  content: "\e4f7";
}

.fi-minus-circle-o::before {
  content: "\e4f8";
}

.fi-plus-circle-o::before {
  content: "\e4f9";
}

.fi-plus-bold::before {
  content: "\e4fa";
}

.fi-question-circle-o::before {
  content: "\e4fb";
}

.fi-user::before {
  content: "\e4fc";
}

.fi-double-arrow-up::before {
  content: "\e4fd";
}

.fi-double-arrow-down::before {
  content: "\e4fe";
}

.fi-minus-bold::before {
  content: "\e4ff";
}

.fi-star-integral::before {
  content: "\e500";
}

.fi-f-head::before {
  content: "\e5a7";
}

.fi-f-guarantee::before {
  content: "\e5a8";
}

.fi-f-users-choice::before {
  content: "\e5a9";
}

.fi-flight::before {
  content: "\e3f1";
}

.fi-flying::before {
  content: "\e382";
}

.fi-thumb::before {
  content: "\e6bf";
}

.fi-detailTit::before {
  content: "\e6e7";
}

.fi-hollow-check::before {
  content: "\ecef";
}

.fi-entertainment::before {
  content: "\eac3";
}

.fi-meals::before {
  content: "\eac4";
}

.fi-wifi::before {
  content: "\eac5";
}

.fi-notice::before {
  content: "\eac6";
}

.fi-baggage::before {
  content: "\eb83";
}

.fi-prompt::before {
  content: "\ecee";
}

.fi-transfer::before {
  content: "\ecf0";
}

.fi-alarm-view::before {
  content: "\eed5";
}

.fi-delete::before {
  content: "\eed6";
}

.fi-edit1::before {
  content: "\eed7";
}

.fi-brand::before {
  content: "\e62c";
}

.fi-service-1::before {
  content: "\ef4b";
}

.fi-service-2::before {
  content: "\ef58";
}

.fi-service-3::before {
  content: "\ef43";
}

.fi-service-4::before {
  content: "\ef59";
}

.fi-service-5::before {
  content: "\ef47";
}

.fi-service-6::before {
  content: "\ef51";
}

.fi-service-7::before {
  content: "\ef52";
}

.fi-service-8::before {
  content: "\ef5a";
}

.fi-service-9::before {
  content: "\ef4f";
}

.fi-service-10::before {
  content: "\ef54";
}

.fi-service-11::before {
  content: "\ef55";
}

.fi-service-12::before {
  content: "\ef44";
}

.fi-service-13::before {
  content: "\ef4c";
}

.fi-service-14::before {
  content: "\ef42";
}

.fi-service-15::before {
  content: "\ef4a";
}

.fi-service-16::before {
  content: "\ef49";
}

.fi-service-17::before {
  content: "\ef4e";
}

.fi-service-18::before {
  content: "\ef46";
}

.fi-service-19::before {
  content: "\ef48";
}

.fi-service-20::before {
  content: "\ef56";
}

.fi-service-21::before {
  content: "\ef50";
}

.pure-material-progress-circular {
  box-sizing: border-box;
  width: 1em;
  height: 1em;
  border: none;
  border-radius: 50%;
  color: var(--BrandingBlue);
  background-color: transparent;
  overflow: hidden;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

.pure-material-progress-circular::-webkit-progress-bar {
  background-color: transparent;
}

/* Indeterminate */
.pure-material-progress-circular:indeterminate {
  -webkit-mask-image: linear-gradient(transparent 50%, black 50%), linear-gradient(to right, transparent 50%, black 50%);
  mask-image: linear-gradient(transparent 50%, black 50%), linear-gradient(to right, transparent 50%, black 50%);
  animation: pure-material-progress-circular 6s infinite cubic-bezier(0.3, 0.6, 1, 1);
}

/* stylelint-disable */
:-ms-lang(x),
.pure-material-progress-circular:indeterminate {
  animation: none;
}

.pure-material-progress-circular:indeterminate::before,
.pure-material-progress-circular:indeterminate::-webkit-progress-value {
  display: block;
  box-sizing: border-box;
  width: 100% !important;
  height: 100%;
  border: solid 2px transparent;
  border-top-color: currentColor;
  border-radius: 50%;
  margin-bottom: 0.25em;
  background-color: transparent;
  animation: pure-material-progress-circular-pseudo 0.75s infinite linear alternate;
  content: "";
}

.pure-material-progress-circular:indeterminate::-moz-progress-bar {
  box-sizing: border-box;
  width: 100%;
  height: 100%;
  border: solid 0.25em transparent;
  border-top-color: currentColor;
  border-radius: 50%;
  background-color: transparent;
  animation: pure-material-progress-circular-pseudo 0.75s infinite linear alternate;
}

.pure-material-progress-circular:indeterminate::-ms-fill {
  animation-name: -ms-ring;
}

@keyframes pure-material-progress-circular {
  0% {
    transform: rotate(0deg);
  }
  12.5% {
    transform: rotate(180deg);
    animation-timing-function: linear;
  }
  25% {
    transform: rotate(630deg);
  }
  37.5% {
    transform: rotate(810deg);
    animation-timing-function: linear;
  }
  50% {
    transform: rotate(1260deg);
  }
  62.5% {
    transform: rotate(1440deg);
    animation-timing-function: linear;
  }
  75% {
    transform: rotate(1890deg);
  }
  87.5% {
    transform: rotate(2070deg);
    animation-timing-function: linear;
  }
  100% {
    transform: rotate(2520deg);
  }
}
@keyframes pure-material-progress-circular-pseudo {
  0% {
    transform: rotate(-30deg);
  }
  29.4% {
    border-left-color: transparent;
  }
  29.41% {
    border-left-color: currentColor;
  }
  64.7% {
    border-bottom-color: transparent;
  }
  64.71% {
    border-bottom-color: currentColor;
  }
  100% {
    border-bottom-color: currentColor;
    border-left-color: currentColor;
    transform: rotate(225deg);
  }
}
body,
html {
  height: 100%;
}

body,
dd,
dl,
form,
p {
  padding: 0;
  margin: 0;
}

input::-webkit-input-placeholder {
  color: #EBEDF1;
}

input:-moz-placeholder {
  color: #EBEDF1;
}

input::-moz-placeholder {
  color: #EBEDF1;
}

input:-ms-input-placeholder {
  color: #EBEDF1;
}

body {
  padding: 0;
  margin: 0;
  color: #121826;
  background-color: #F6F7FA;
  font: 12px/1.5 arial, sans-serif;
  font-size: 12px;
  line-height: 1.5;
  -webkit-text-size-adjust: none;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0;
  font-size: 12px;
}

.mc-hd {
  z-index: 9;
}

.new-index-container {
  position: relative;
  min-width: 840px;
  color: var(--black);
  background-color: var(--backgroundGray);
  overflow-x: hidden;
}
.new-index-container .bypass_menu {
  position: absolute;
  left: 50%;
  top: -100%;
  margin: 24px;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  z-index: 999;
}
.new-index-container .bypass_menu:focus-within {
  top: 0;
}
.new-index-container .bypass_menu a {
  display: block;
  padding: 0 24px;
  color: var(--black);
  font-size: 16px;
  font-weight: 700;
  line-height: 40px;
  border-radius: 2px;
  border: 2px solid var(--BrandingBlue);
  text-decoration: underline;
  background-color: #fff;
}
.new-index-container .bypass_menu a:focus {
  outline: 0;
}
.new-index-container .top-wrapper {
  position: relative;
  padding-bottom: 64px;
  margin-top: -100px;
}
.new-index-container .top-wrapper .placeholder-100 {
  height: 100px;
}
.new-index-container .top-wrapper .bg-wrapper {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: radial-gradient(ellipse at 65% 0%, rgb(146, 86, 103) 0%, rgb(48, 46, 95) 50%, rgb(24, 32, 79) 100%);
  z-index: 0;
}
.new-index-container .top-wrapper .bg-wrapper .idnex-bg {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center top;
}
.new-index-container .top-wrapper .inner-wrapper {
  position: relative;
  max-width: 1160px;
  padding: 40px 56px 0;
  margin: 0 auto;
  z-index: 2;
}
.new-index-container .top-wrapper .inner-wrapper .inner-title .txt {
  font-size: 40px;
  line-height: 68px;
  letter-spacing: 0;
  text-shadow: 0 1px 1px rgba(15, 41, 77, 0.2);
}
.new-index-container .top-wrapper .inner-wrapper .inner-title .circle {
  display: inline-block;
  width: 12px;
  height: 12px;
  border-radius: var(--radius-circle);
  margin-left: 10px;
  background: #ffb400;
}
.new-index-container .top-wrapper .inner-wrapper .searchForm-wrapper {
  border-radius: var(--radius-large);
  margin-top: 8px;
  transition: width 0.3s, height 0.3s;
}
.new-index-container .top-wrapper .inner-wrapper .searchFormWrapper {
  position: fixed;
  top: 0;
  left: 0;
  display: flex;
  justify-content: center;
  width: 100%;
  padding: 0;
  border-radius: 0;
  margin-top: 0;
  background-color: #fff;
  box-shadow: 0 0 4px var(--otherGray);
  transition: background-color ease 0.3s;
  z-index: 100;
}
.new-index-container .body-wrapper {
  position: relative;
  border-radius: 32px 32px 0 0;
  margin-top: -32px;
  background-color: var(--backgroundGray);
}
.new-index-container .body-wrapper .body-inner {
  display: flex;
  flex-direction: column;
  max-width: 1160px;
  padding: 0 40px;
  margin: 0 auto;
}
.new-index-container .body-wrapper .body-inner .tab-link-wrapper .tab-link-list.is-active {
  box-shadow: var(--shadow-large);
}
.new-index-container .body-wrapper .module-name {
  margin-bottom: 16px;
  font-weight: bold;
  font-size: 28px;
  line-height: 34px;
  text-align: start;
}
.new-index-container .body-wrapper .inspire-module-name {
  font-weight: bold;
  font-size: 28px;
  line-height: 34px;
}
.new-index-container .body-wrapper .module-subname {
  margin-bottom: 16px;
  font-weight: normal;
  font-size: 24px;
  line-height: 30px;
}
.new-index-container .body-wrapper .layout-column {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}
.new-index-container .body-wrapper .layout-row {
  display: flex;
  flex-direction: column;
}
.new-index-container .body-wrapper .layout-card-column {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  column-gap: var(--gap);
  row-gap: var(--gap);
}
.new-index-container .body-wrapper .module-card {
  display: flex;
  flex: 1 1;
  box-sizing: border-box;
  border-radius: var(--radius-large);
  background-color: #fff;
  contain: paint;
}
.new-index-container .bottom-wrapper {
  position: relative;
}
.new-index-container .online-advertize-con .online-advertize .title {
  text-align: start;
}
.new-index-container .online-advertize-item-link {
  border-radius: 8px !important;
}

.m-flight-poi-wrapper.mt-4 {
  z-index: 1000;
}