@charset "utf-8";
@keyframes breathing {
  0% {
    opacity: 1;
  }
  50.0% {
    opacity: 0.3;
  }
  100.0% {
    opacity: 1;
  }
}
.skeleton {
  font-size: 0;
}
/* 灰底白呼吸块 */
/* 白底灰呼吸块 */
.tcp-h5-locale-selector .tcp-h5-locale-selector-list-item .ic-flag {
  display: inline-block;
  width: 30px;
  height: 20px;
  background-image: url(https://ak-d.tripcdn.com/images/05E1v12000dgqkhtf5799.png);
  background-position: 1000px 1000px;
  background-repeat: no-repeat;
  background-size: 60px 560px;
  position: relative;
  top: 2px;
  vertical-align: baseline;
}
.tcp-h5-locale-selector {
  box-sizing: border-box;
  height: 100%;
  overflow: auto;
  padding: 60px 0 0;
  background: #ffffff;
  color: #0f294d;
  font-size: initial;
}
.tcp-h5-locale-selector-title {
  background: #ffffff;
  z-index: 1;
  padding: 16px 0;
  position: fixed;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.24);
  top: 0;
  left: 0;
  width: 100%;
}
.tcp-h5-locale-selector-title div {
  font-size: 24px;
  position: absolute;
  left: 12px;
  top: 50%;
  margin-top: -12px;
}
.tcp-h5-locale-selector-title h2 {
  font-size: 20px;
  font-weight: normal;
  line-height: 24px;
  text-align: center;
}
.tcp-h5-locale-selector-nav {
  color: #0f294d;
  font-size: 18px;
  font-weight: 500;
  line-height: 24px;
  padding: 12px;
}
.tcp-h5-locale-selector-divider {
  height: 1px;
  background-color: #dadfe6;
  margin: 8px 12px;
}
.tcp-h5-locale-selector-list-item {
  line-height: 30px;
  height: 30px;
  padding: 12px;
  border-radius: 0 !important;
}
.tcp-h5-locale-selector-list-item i {
  margin-right: 15px;
}
.tcp-h5-locale-selector-list-item em {
  font-size: 20px;
  line-height: 30px;
  font-style: normal;
  font-family: Trip Geom, BlinkMacSystemFont, -apple-system, Roboto, Helvetica, Arial, sans-serif;
}
.tcp-h5-locale-selector-list-item em.tcp-h5-ic-dropdown {
  color: #8592a6;
  display: inline-block;
  margin-left: 12px;
  transition: transform 0.2s;
}
.tcp-h5-locale-selector-list-item em.tcp-h5-ic-dropdown.expanded {
  transform: rotate(180deg);
}
.tcp-h5-locale-selector-list-item.active em {
  color: #3264ff;
}
.tcp-h5-locale-selector-list-item.active .tcp-h5-ic-select {
  float: right;
}
.grouped-select-children {
  overflow: hidden;
  transition: height 0.2s;
}
.grouped-select-children.collapsed {
  height: 0;
}
.grouped-select-children .tcp-h5-locale-selector-list-item {
  height: 32px;
}
.grouped-select-children .tcp-h5-locale-selector-list-item i.ic-flag-tc {
  visibility: hidden;
}
.tcp-h5-locale-selector.tcp-h5-locale-selector-rtl {
  direction: rtl;
}
.tcp-h5-locale-selector.tcp-h5-locale-selector-rtl .tcp-h5-locale-selector-list-item.active .tcp-h5-ic-select {
  float: left;
}
.tcp-h5-locale-selector.tcp-h5-locale-selector-rtl .tcp-h5-locale-selector-title div {
  right: 12px;
  left: initial;
}
.tcp-h5-locale-selector.tcp-h5-locale-selector-rtl .tcp-h5-locale-selector-nav {
  margin-left: 0;
}
.tcp-h5-locale-selector.tcp-h5-locale-selector-rtl .tcp-h5-locale-selector-divider {
  margin-left: 0;
  margin-right: -6px;
}
.tcp-h5-locale-selector.tcp-h5-locale-selector-rtl .tcp-h5-locale-selector-list-item em.tcp-h5-ic-dropdown {
  margin-right: 12px;
  margin-left: 0;
}
.tcp-h5-locale-selector.tcp-h5-locale-selector-rtl .tcp-h5-locale-selector-list-item i {
  margin-left: 15px;
  margin-right: 0;
}
.tcp-h5-currency-selector {
  box-sizing: border-box;
  height: 100%;
  overflow: auto;
  padding: 56px 0 0 0;
  background: #ffffff;
  color: #0f294d;
}
.tcp-h5-currency-selector-title {
  background: #ffffff;
  z-index: 1;
  padding: 16px 0;
  position: fixed;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.24);
  top: 0;
  left: 0;
  width: 100%;
}
.tcp-h5-currency-selector-title div {
  font-size: 24px;
  position: absolute;
  left: 15px;
  top: 50%;
  margin-top: -12px;
}
.tcp-h5-currency-selector-title h2 {
  font-size: 20px;
  font-weight: normal;
  line-height: 24px;
  text-align: center;
}
.tcp-h5-currency-selector-nav {
  padding-left: 12px;
  background-color: #F0F2F5;
  color: #8592a6;
  line-height: 35px;
  font-size: 14px;
}
.tcp-h5-currency-selector-list div {
  position: relative;
  padding: 10px 34px 10px 12px;
  color: #0f294d;
  font-size: 16px;
  line-height: 28px;
  border-bottom: 1px solid #DADFE6;
  border-radius: 0 !important;
}
.tcp-h5-currency-selector-list div:last-child {
  border-bottom: none;
}
.tcp-h5-currency-selector-list div.active {
  color: #3264ff;
}
.tcp-h5-currency-selector-list div .tcp-h5-ic-select {
  position: absolute;
  display: inline-block;
  right: 12px;
  font-size: 22px;
  top: 50%;
  margin-top: -14px;
}
.tcp-h5-currency-selector-key {
  margin-right: 5px;
}
.tcp-h5-currency-selector.tcp-h5-currency-selector-rtl {
  padding: 56px 12px 0 0;
  direction: rtl;
}
.tcp-h5-currency-selector.tcp-h5-currency-selector-rtl .tcp-h5-currency-selector-title div {
  right: 15px;
  left: initial;
}
.tcp-h5-currency-selector.tcp-h5-currency-selector-rtl .tcp-h5-currency-selector-nav {
  padding-right: 12px;
  padding-left: 0;
  margin-right: -12px;
  margin-left: 0px;
}
.tcp-h5-currency-selector.tcp-h5-currency-selector-rtl .tcp-h5-currency-selector-list div {
  padding: 10px 0 10px 34px;
  direction: ltr;
  text-align: right;
}
.tcp-h5-currency-selector.tcp-h5-currency-selector-rtl .tcp-h5-currency-selector-list div .tcp-h5-ic-select {
  left: 12px;
  right: initial;
}
.tcb-drawer {
  position: fixed;
  animation-duration: 0.5s;
}
.tcb-drawer-slide-up-in {
  animation-name: drawerSlideInUp;
}
.tcb-drawer-slide-up-out {
  animation-name: drawerSlideOutUp;
}
.tcb-drawer-slide-down-in {
  animation-name: drawerSlideInDown;
}
.tcb-drawer-slide-down-out {
  animation-name: drawerSlideOutDown;
}
.tcb-drawer-slide-left-in {
  animation-name: drawerSlideInLeft;
}
.tcb-drawer-slide-left-out {
  animation-name: drawerSlideOutLeft;
}
.tcb-drawer-slide-right-in {
  animation-name: drawerSlideInRight;
}
.tcb-drawer-slide-right-out {
  animation-name: drawerSlideOutRight;
}
@keyframes drawerSlideInUp {
  0% {
    opacity: 0;
    transform: translateY(-101%);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes drawerSlideOutUp {
  0% {
    opacity: 1;
    transform: translateY(0);
  }
  100% {
    opacity: 0;
    transform: translateY(-101%);
  }
}
@keyframes drawerSlideInDown {
  0% {
    opacity: 0;
    transform: translateY(101%);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes drawerSlideOutDown {
  0% {
    opacity: 1;
    transform: translateY(0);
  }
  100% {
    opacity: 0;
    transform: translateY(101%);
  }
}
@keyframes drawerSlideInLeft {
  0% {
    opacity: 0;
    transform: translateX(-101%);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}
@keyframes drawerSlideOutLeft {
  0% {
    opacity: 1;
    transform: translateX(0);
  }
  100% {
    opacity: 0;
    transform: translateX(-101%);
  }
}
@keyframes drawerSlideInRight {
  0% {
    opacity: 0;
    transform: translateX(101%);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}
@keyframes drawerSlideOutRight {
  0% {
    opacity: 1;
    transform: translateX(0);
  }
  100% {
    opacity: 0;
    transform: translateX(101%);
  }
}
.m-basic-loading {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  box-sizing: border-box;
  padding: 0 24px;
}
.m-basic-loading.static-loading-con {
  position: static;
  display: inline-flex;
  box-sizing: border-box;
  width: 100%;
  padding: 24px;
}
.m-basic-loading .loading-mask {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
.m-basic-loading .loading-content-con {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  box-sizing: border-box;
  width: 100%;
}
.m-basic-loading .loading-content-con .loading-image-con {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  box-sizing: border-box;
  width: 110px;
  height: 110px;
  background-color: #fff;
  position: relative;
}
.m-basic-loading .loading-content-con .loading-image-con .close-loading {
  color: #ced2d9;
  font-size: 20px;
  position: absolute;
  top: 3px;
  right: 3px;
}
.m-basic-loading .loading-content-con .loading-image-con .loading-image {
  display: inline-block;
  box-sizing: border-box;
  width: 76px;
  height: 76px;
  background-color: #fff;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url(/modules/gcc/thingstodo-destination/_next/static/images/globalloading.202507082059.gif);
}
.m-basic-loading .loading-content-con .loading-txt {
  margin-top: 8px;
  text-align: center;
  font-size: 15px;
  font-weight: bold;
  color: #FFFFFF;
}
.m-basic-loading .loading-content-con .alert-modal {
  display: inline-block;
  box-sizing: border-box;
  width: 100%;
  background: #fff;
}
.m-basic-loading .loading-content-con .alert-modal .alert-content {
  display: inline-block;
  box-sizing: border-box;
  width: 100%;
  padding: 16px 16px 30px 16px;
}
.m-basic-loading .loading-content-con .alert-modal .alert-content .alert-title {
  display: inline-block;
  box-sizing: border-box;
  width: 100%;
  text-align: center;
  font-size: 18px;
  color: #0F294D;
  line-height: 24px;
}
.m-basic-loading .loading-content-con .alert-modal .alert-content .alert-msg {
  display: inline-block;
  box-sizing: border-box;
  width: 100%;
  text-align: center;
  font-size: 14px;
  color: #0F294D;
  line-height: 18px;
  margin-top: 16px;
}
.m-basic-loading .loading-content-con .alert-modal .alert-button {
  display: inline-block;
  box-sizing: border-box;
  width: 100%;
  border-top: 1px solid #dadfe6;
  padding: 12px;
  text-align: center;
  font-size: 17px;
  color: #007AFF;
}
.m-basic-loading .loading-content-con .toast-msg {
  border-radius: 4px;
  color: #fff;
  background: rgba(0, 0, 0, 0.7);
  text-align: center;
  font-size: 15px;
  line-height: 20px;
  padding: 12px;
}
.m-basic-loading.global-loading-con .loading-mask,
.m-basic-loading.static-loading-con .loading-mask {
  background: #fff;
}
.m-basic-loading.global-loading-con .loading-content-con .loading-txt,
.m-basic-loading.static-loading-con .loading-content-con .loading-txt {
  color: #0F294D;
}
.m-basic-loading.mask-loading-con .loading-mask {
  background: rgba(0, 0, 0, 0.3);
}
.m-basic-loading.toast-con .loading-mask {
  display: none;
}
.h5-USP-603-complex {
  display: flex;
  flex-direction: column;
}
.h5-USP-603-complex.isArad {
  direction: rtl;
}
.h5-USP-603-complex.isArad .h5-USP-603-complex-list__item .h5-USP-603-complex-list__item__icon {
  margin-left: 12px;
  margin-right: 0;
}
.h5-USP-603-complex > span {
  color: #0f294d;
  font-size: 18px;
  font-weight: 500;
  line-height: 24px;
  margin-bottom: 24px;
}
.h5-USP-603-complex-list__item {
  display: flex;
  margin-bottom: 16px;
}
.h5-USP-603-complex-list__item:last-child {
  margin-bottom: 0;
}
.h5-USP-603-complex-list__item__icon {
  width: 24px;
  height: 24px;
  flex-shrink: 0;
  background-size: 100% 100%;
  margin-right: 12px;
}
.h5-USP-603-complex-list__item__text {
  display: flex;
  flex-direction: column;
}
.h5-USP-603-complex-list__item__text > span {
  color: #0f294d;
  font-size: 15px;
  font-weight: 500;
  letter-spacing: 0px;
  line-height: 23px;
}
.h5-USP-603-complex-list__item__text > div {
  color: #8592a6;
  font-size: 12px;
  line-height: 17px;
  margin-top: 4px;
}
.h5-USP-603-complex-list__item__text > div > span {
  unicode-bidi: -webkit-isolate;
  unicode-bidi: isolate;
  color: #3264ff;
  white-space: nowrap;
}
.h5-USP-603-simple .title {
  display: block;
  padding: 0 12px;
  margin-bottom: 8px;
  font-size: 16px;
  color: #0f294d;
  font-weight: 500;
}
.h5-USP-603-simple.center .title {
  text-align: center;
}
.h5-USP-603-simple.right .title {
  text-align: right;
}
.h5-USP-603-simple.isArad .h5-USP-603-simple-list {
  direction: rtl;
}
.h5-USP-603-simple.isArad .h5-USP-603-simple-list .h5-USP-603-simple-list__item > div {
  margin-right: 0;
  margin-left: 4px;
}
.h5-USP-603-simple.isArad .h5-USP-603-simple-list .h5-USP-603-simple-list__item > .split {
  left: auto;
  right: 0px;
}
.h5-USP-603-simple-list {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
.h5-USP-603-simple-list__item {
  display: flex;
  align-items: center;
  overflow: hidden;
  padding: 0 12px;
  position: relative;
  margin-bottom: 5px;
}
.h5-USP-603-simple-list__item > span {
  color: #8592a6;
  font-size: 12px;
  line-height: 17px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.h5-USP-603-simple-list__item > div {
  width: 16px;
  height: 16px;
  margin-right: 4px;
  background-size: 100% 100%;
  flex-shrink: 0;
}
.h5-USP-603-simple-list__item > .split {
  position: absolute;
  content: '';
  left: -1px;
  top: 50%;
  width: 2px;
  transform: scaleX(0.5) translateY(-50%);
  height: 9px;
  background-color: #ced2d9;
  visibility: hidden;
}
.h5-USP-603-simple-list__item > .split.show {
  visibility: visible;
}
.tcp-h5-header {
  box-sizing: border-box;
  position: relative;
  z-index: 1;
  font-size: initial;
}
.tcp-h5-header.transparent .tcp-h5-header-channels {
  background: transparent;
  border-bottom: 1px solid rgba(255, 255, 255, 0.24);
}
.tcp-h5-header.transparent .tcp-h5-header-channels-item {
  color: rgba(255, 255, 255, 0.8);
}
.tcp-h5-header.transparent .tcp-h5-header-channels-item.active {
  color: var(--smtcColorTextContentWhite, #fff);
  border-bottom-color: var(--smtcColorTextContentWhite, #fff);
}
.tcp-h5-header.transparent .tripui-h5-click:active {
  background-color: rgba(255, 255, 255, 0.08) !important;
  border-radius: 4px;
}
.tcp-h5-header .tcp-h5-header-wrap.transparent .tcp-h5-header-logo .tcp-h5-header-back-icon {
  color: var(--smtcColorTextContentWhite, #fff);
}
.tcp-h5-header .tcp-h5-header-wrap.transparent .tcp-h5-header-logo .tcp-h5-header-logo-split {
  background: var(--smtcColorTextContentWhite, #fff);
}
.tcp-h5-header .tcp-h5-header-wrap.transparent .tcp-h5-header-expand-search {
  background-color: rgba(255, 255, 255, 0.24);
}
.tcp-h5-header .tcp-h5-header-wrap.transparent .tcp-h5-header-expand-search .tcp-h5-header-expand-search-txt,
.tcp-h5-header .tcp-h5-header-wrap.transparent .tcp-h5-header-expand-search .tcp-h5-header-expand-search-icon {
  color: rgba(255, 255, 255, 0.6);
}
.tcp-h5-header .tcp-h5-header-wrap.transparent .tcp-h5-header-back {
  color: var(--smtcColorTextContentWhite, #fff);
}
.tcp-h5-header-wrap {
  z-index: 3;
  background: var(--smtcColorTextContentWhite, #fff);
  overflow: hidden;
  border-bottom: 1px solid var(--smtcColorDividerInfo, #dadfe6);
  position: relative;
  height: 48px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.tcp-h5-header-wrap.no-border-line {
  border-bottom: none;
}
.tcp-h5-header-wrap.transparent {
  background: transparent;
}
.tcp-h5-header-wrap.blue {
  background: var(--smtcColorBgBrandFilled, #3264ff);
}
.tcp-h5-header-wrap.transparent,
.tcp-h5-header-wrap.blue {
  border-bottom: none;
}
.tcp-h5-header-wrap.transparent .tcp-h5-header-back .tcp-h5-ic-back-arrow,
.tcp-h5-header-wrap.blue .tcp-h5-header-back .tcp-h5-ic-back-arrow {
  color: var(--smtcColorTextContentWhite, #fff);
}
.tcp-h5-header-wrap.transparent .tcp-h5-header-switch,
.tcp-h5-header-wrap.blue .tcp-h5-header-switch {
  color: var(--smtcColorTextContentWhite, #fff);
}
.tcp-h5-header-wrap.transparent .tcp-h5-header-logo-trip-logo,
.tcp-h5-header-wrap.blue .tcp-h5-header-logo-trip-logo,
.tcp-h5-header-wrap.transparent .tcp-h5-header-logo1-trip-logo,
.tcp-h5-header-wrap.blue .tcp-h5-header-logo1-trip-logo {
  background-image: url(https://ak-d.tripcdn.com/images/05E3i12000cx55j5k7B3D.svg);
}
.tcp-h5-header-wrap.transparent .tcp-h5-header-middle,
.tcp-h5-header-wrap.blue .tcp-h5-header-middle {
  color: var(--smtcColorTextContentWhite, #fff);
}
.tcp-h5-header-wrap.transparent .tcp-h5-header-switch-icon div,
.tcp-h5-header-wrap.blue .tcp-h5-header-switch-icon div {
  background: var(--smtcColorTextContentWhite, #fff);
}
.tcp-h5-header-wrap.transparent .tcp-h5-header-signin,
.tcp-h5-header-wrap.blue .tcp-h5-header-signin {
  color: var(--smtcColorTextContentWhite, #fff);
}
.tcp-h5-header-back {
  width: 40px;
  height: 48px;
  text-align: center;
  cursor: pointer;
  position: relative;
  -webkit-tap-highlight-color: transparent;
  margin-left: -12px;
  margin-right: -12px;
}
.tcp-h5-header-back-icon {
  position: absolute;
  top: 15px;
  left: 12px;
  width: 18px;
  height: 18px;
  font-size: 18px;
  line-height: 1;
  color: #0f294d;
  font-weight: 600;
}
.tcp-h5-header-logo-placeholder {
  height: 18px;
  width: 74px;
  margin: 15px 0;
}
.tcp-h5-header-logo {
  height: 100%;
  cursor: pointer;
  flex-shrink: 0;
  padding-left: 12px;
  padding-right: 12px;
  display: flex;
  align-items: center;
  -webkit-tap-highlight-color: transparent;
}
.tcp-h5-header-logo-split {
  height: 16px;
  width: 1px;
  margin: 0 8px;
  background-color: var(--smtcColorDividerInfo, #dadfe6);
}
.tcp-h5-header-logo1-cobranding {
  box-sizing: border-box;
  height: 18px;
  padding: 2px;
  background-color: var(--smtcColorTextContentWhite, #fff);
}
.tcp-h5-header-logo1-cobranding img {
  max-height: 18px;
  height: 100%;
  display: block;
}
.tcp-h5-header-logo1-cobranding.logo1-cobranding-transparent {
  padding: 0px;
  background-color: transparent;
}
.tcp-h5-header-logo1-trip-phrase {
  max-width: 100px;
  line-height: 18px;
  overflow: hidden;
  text-overflow: ellipse;
  white-space: nowrap;
  font-size: 12px;
  color: var(--smtcColorTextPrimary, #0F294D);
}
.tcp-h5-header-logo1-trip-logo {
  background-image: url(https://ak-d.tripcdn.com/images/05E2f12000cx55rziBCFA.svg);
  background-position: center;
  background-repeat: no-repeat;
  height: 12px;
  min-width: 50px;
}
.tcp-h5-header-logo1-trip-logo-no-phrase {
  background-image: url(https://ak-d.tripcdn.com/images/05E2f12000cx55rziBCFA.svg);
  background-size: 74px 18px;
  background-repeat: no-repeat;
  height: 18px;
  width: 74px;
  margin: 15px 0;
}
.tcp-h5-header-logo-cobranding {
  padding: 2px;
  background-color: var(--smtcColorTextContentWhite, #fff);
}
.tcp-h5-header-logo-cobranding img {
  max-height: 18px;
  height: 100%;
  display: block;
}
.tcp-h5-header-logo-cobranding.logo-cobranding-transparent {
  padding: 0px;
  background-color: transparent;
}
.tcp-h5-header-logo-trip-phrase {
  max-width: 100px;
  line-height: 18px;
  overflow: hidden;
  text-overflow: ellipse;
  white-space: nowrap;
  font-size: 12px;
  color: var(--smtcColorTextPrimary, #0F294D);
}
.tcp-h5-header-logo-trip-logo {
  background-image: url(https://ak-d.tripcdn.com/images/05E2f12000cx55rziBCFA.svg);
  background-size: 74px 18px;
  background-repeat: no-repeat;
  height: 18px;
  width: 74px;
  margin: 15px 0;
}
.tcp-h5-header-logo-custom,
.tcp-h5-header-logo-brand {
  width: auto;
  max-width: 108px;
  height: 18px;
  margin: 15px 0;
}
.tcp-h5-header-logo-custom *,
.tcp-h5-header-logo-brand * {
  height: 100%;
}
.tcp-h5-header-logo-custom-cobranding img {
  max-width: 120px;
  max-height: 18px;
}
.tcp-h5-header-logo-custom-cobranding-white {
  background-color: var(--smtcColorTextContentWhite, #fff);
}
.tcp-h5-header-expand {
  display: inline-block;
  box-sizing: border-box;
  width: 100%;
  padding: 0 6px 0 4px;
  line-height: 0;
}
.tcp-h5-header-expand-search {
  display: inline-block;
  box-sizing: border-box;
  cursor: pointer;
  width: 100%;
  height: 30px;
  padding: 6px 8px;
  padding-left: 32px;
  border-radius: 4px;
  background-color: var(--smtcColorBgPage, #F0F2F5);
  position: relative;
  -webkit-tap-highlight-color: transparent;
}
.tcp-h5-header-expand-search-txt {
  display: inline-block;
  box-sizing: border-box;
  font-size: 14px;
  font-weight: normal;
  line-height: 18px;
  color: var(--smtcColorTextTertiary, #8592a6);
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.tcp-h5-header-expand-search-icon {
  display: inline-block;
  box-sizing: border-box;
  font-size: 16px;
  line-height: 16px;
  position: absolute;
  top: 7px;
  left: 8px;
  color: var(--smtcColorTextTertiary, #8592a6);
}
.tcp-h5-header-middle {
  height: 30px;
  overflow: hidden;
  line-height: 30px;
  flex-shrink: 1;
  width: 100%;
  justify-content: space-between;
  font-size: 14px;
  color: #0f294d;
}
.tcp-h5-header-custom-center {
  height: 100%;
  flex: 1 auto;
  overflow: hidden;
}
.tcp-h5-header-icons {
  flex-shrink: 0;
  color: #0f294d;
}
.tcp-h5-header-switch {
  display: inline-block;
  width: 40px;
  height: 48px;
  text-align: center;
  cursor: pointer;
  position: relative;
  vertical-align: top;
  color: var(--smtcColorTextPrimary, #0F294D);
  font-size: 12px;
  -webkit-tap-highlight-color: transparent;
}
.tcp-h5-header-switch-login-icon {
  font-size: 20px !important;
  margin-top: 12px;
}
.tcp-h5-header-switch-login-coins {
  display: inline-block;
  height: 20px;
  width: 20px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url("https://ak-d.tripcdn.com/images/05E0j12000cx55ojuDA55.png");
  cursor: pointer;
  margin-top: 14px;
}
.tcp-h5-header-switch-search-icon {
  font-size: 20px !important;
  margin-top: 12px;
}
.tcp-h5-header-switch-currency {
  font-size: 12px;
}
.tcp-h5-header-switch-currency-icon {
  font-size: 16px !important;
  margin-top: 8px;
  margin-bottom: 1px;
  line-height: 1;
}
.tcp-h5-header-switch-selficon {
  position: absolute;
  top: calc(50% - 12px);
  left: calc(50% - 12px);
  width: 24px;
  height: 24px;
  overflow: hidden;
}
.tcp-h5-header-switch-icon {
  position: absolute;
  top: 18px;
  left: 11px;
  width: 16px;
  height: 12px;
}
.tcp-h5-header-switch-icon div {
  position: absolute;
  left: 0;
  width: 16px;
  height: 2px;
  background: var(--smtcColorTextPrimary, #0F294D);
  animation-fill-mode: both;
  animation-timing-function: cubic-bezier(0.04, 0.04, 0.12, 0.96);
  animation-duration: 0.2s;
}
.tcp-h5-header-switch-icon-top {
  top: 0;
  transform-origin: left center;
}
.tcp-h5-header-switch-icon-middle {
  top: 5px;
}
.tcp-h5-header-switch-icon-bottom {
  bottom: 0;
  transform-origin: left center;
}
.tcp-h5-header-switch .open .tcp-h5-header-switch-icon-top {
  animation-name: switch-top-open;
}
.tcp-h5-header-switch .open .tcp-h5-header-switch-icon-middle {
  animation-name: switch-middle-open;
}
.tcp-h5-header-switch .open .tcp-h5-header-switch-icon-bottom {
  animation-name: switch-bottom-open;
}
.tcp-h5-header-switch .close .tcp-h5-header-switch-icon-top {
  animation-name: switch-top-close;
}
.tcp-h5-header-switch .close .tcp-h5-header-switch-icon-middle {
  animation-name: switch-middle-close;
}
.tcp-h5-header-switch .close .tcp-h5-header-switch-icon-bottom {
  animation-name: switch-bottom-close;
}
@keyframes switch-top-open {
  from {
    width: 21px;
    top: -2px;
    left: 1px;
    transform: rotate(45deg);
  }
  to {
    width: 16px;
    top: 0;
    left: 0;
    transform: rotate(0deg);
  }
}
@keyframes switch-middle-open {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes switch-bottom-open {
  from {
    width: 21px;
    bottom: -3px;
    left: 1px;
    transform: rotate(-45deg);
  }
  to {
    width: 16px;
    bottom: 0;
    left: 0;
    transform: rotate(0deg);
  }
}
@keyframes switch-top-close {
  from {
    width: 16px;
    top: 0;
    left: 0;
    transform: rotate(0deg);
  }
  to {
    width: 21px;
    top: -2px;
    left: 1px;
    transform: rotate(45deg);
  }
}
@keyframes switch-middle-close {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0.2;
  }
  100% {
    opacity: 0;
  }
}
@keyframes switch-bottom-close {
  from {
    width: 16px;
    bottom: 0;
    left: 0;
    transform: rotate(0deg);
  }
  to {
    width: 21px;
    bottom: -3px;
    left: 1px;
    transform: rotate(-45deg);
  }
}
.tcp-h5-header-signin {
  font-size: 14px;
  line-height: 18px;
  height: 18px;
  padding: 15px 5px 15px 0;
  color: var(--smtcColorTextBrand, #3264ff);
  width: auto !important;
}
.tcp-h5-header-channels {
  z-index: 1;
  background: var(--smtcColorTextContentWhite, #fff);
  overflow-x: auto;
  height: 30px;
  white-space: nowrap;
  overflow-y: hidden;
  display: flex;
}
.tcp-h5-header-channels-item {
  box-sizing: border-box;
  line-height: 18px;
  display: inline-flex;
  height: 100%;
  margin: 0 12px;
  padding-top: 4px;
  font-size: 14px;
  color: var(--smtcColorTextPrimary, #0F294D);
  position: relative;
}
.tcp-h5-header-channels-item-img {
  height: 18px;
  margin-right: 8px;
}
.tcp-h5-header-channels-item.active {
  color: var(--smtcColorTextBrand, #3264ff);
  border-bottom: 3px solid var(--smtcColorBorderBrandBold, #3264ff);
}
.tcp-h5-header-channels.empty-channels {
  display: none;
}
.tcp-h5-header .tcp-h5-menu-container {
  background-color: var(--smtcColorBgPage, #F0F2F5);
}
.tcp-h5-header-customer-component {
  display: inline-block;
  height: 48px;
  width: auto;
  position: relative;
  vertical-align: top;
  color: var(--smtcColorTextPrimary, #0F294D);
  -webkit-tap-highlight-color: transparent;
}
.webp .tcp-h5-header-logo-trip-logo {
  background-image: url(https://ak-d.tripcdn.com/images/05E1y12000cx55p730B17.webp);
}
.webp .tcp-h5-header-wrap.transparent .tcp-h5-header-logo-trip-logo,
.webp .tcp-h5-header-wrap.blue .tcp-h5-header-logo-trip-logo {
  background-image: url(https://ak-d.tripcdn.com/images/05E5712000cx55qwq43E7.webp);
}
.tcp-h5-menu {
  overflow: auto;
  background: var(--smtcColorBgSurface, #fff);
  line-height: initial;
  padding: 12px 12px 8px;
}
.tcp-h5-menu-container {
  z-index: 2;
  position: absolute;
  left: 0;
  right: 0;
  top: 49px;
  overflow-y: auto;
}
.tcp-h5-menu-container .h5-simple-mount {
  display: flex;
}
.tcp-h5-menu-list-con {
  padding: 8px 0;
  border-bottom: 0.5px solid var(--smtcColorDividerInfo, #dadfe6);
}
.tcp-h5-menu-list-con:last-child {
  border-bottom: none;
}
.tcp-h5-menu-list-title {
  color: var(--smtcColorTextTertiary, #8592a6);
  font-size: 12px;
  font-weight: normal;
  display: block;
  padding: 8px 0;
}
.tcp-h5-menu-list {
  background: var(--smtcColorBgSurface, #fff);
}
.tcp-h5-menu-channels {
  transition: height 0.5s;
  overflow: hidden;
}
.tcp-h5-menu-item {
  list-style: none;
  position: relative;
  font-size: 13px;
  color: var(--smtcColorTextPrimary, #0f294d);
}
.tcp-h5-menu-hidden {
  visibility: hidden;
}
.tcp-h5-menu-block {
  position: relative;
  height: auto;
  padding: 8px 0;
  height: 18px;
  box-sizing: content-box;
  overflow: visible;
}
.tcp-h5-menu-block.custom-icon {
  width: 21px;
}
.tcp-h5-menu-block-icon {
  line-height: 18px;
  margin: 0 8px 0 0;
  font-size: 18px;
  float: left;
  position: relative;
  bottom: 1px;
}
.tcp-h5-menu-block-icon-locale {
  margin-right: 9px;
  top: 2px;
}
.tcp-h5-menu-block-icon .custom-icon {
  height: 18px;
  width: 18px;
}
.tcp-h5-menu-block-icon-img {
  height: 18px;
  width: 18px;
  display: inline-block;
  box-sizing: border-box;
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
}
.tcp-h5-menu-block-icon.tcp-h5-ic-trip-coins {
  color: var(--coreColorBrandingOrange, #ffb400);
}
.tcp-h5-menu-block-title {
  line-height: 18px;
  float: left;
  max-width: 75%;
  position: relative;
}
.tcp-h5-menu-block-slot {
  position: absolute;
  right: 0;
  font-size: 16px;
  color: var(--smtcColorTextBrand, #3264ff);
  top: 50%;
  height: 24px;
  line-height: 24px;
  margin-top: -12px;
}
.tcp-h5-menu-block-slot a {
  color: var(--smtcColorTextBrand, #3264ff);
  text-decoration: none;
}
.tcp-h5-menu-block-slot.account {
  max-width: 50%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.tcp-h5-menu-block-locale {
  font-size: 13px;
}
.tcp-h5-menu-block-locale i {
  margin-left: 4px;
  margin-top: -2px;
  transform: scale(0.8);
}
.tcp-h5-menu-block-curr {
  font-size: 13px;
}
.tcp-h5-menu-block .icon-tag-con {
  position: absolute;
  right: -1px;
  top: 8px;
  z-index: 100;
  display: inline-block;
  box-sizing: border-box;
  width: 0;
  height: 0;
  overflow: visible;
}
.tcp-h5-menu-block .icon-tag {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: inline-block;
  box-sizing: border-box;
  position: absolute;
  z-index: 10;
  left: 0;
  bottom: 0;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 4px;
  color: var(--smtcColorTextWhite, #fff);
  background-color: #F5594A;
  padding: 2px 5px;
  font-size: 12px;
  line-height: 16px;
  height: 20px;
  font-style: italic;
  font-weight: bold;
  max-width: 44px;
  transform: scale(0.8);
}
.tcp-h5-menu-block .icon-tag.with-img {
  padding: 3px 3px;
  height: 16px;
  display: inline-flex;
  box-sizing: content-box;
}
.tcp-h5-menu-block .icon-tag .icon-tag-img {
  height: 16px;
}
.tcp-h5-menu .show-more-less {
  font-size: 13px;
}
.tcp-h5-menu-block-title.show-more-less-title {
  margin-right: 4px;
}
.tcp-h5-menu-block-icon.show-more-less-icon {
  margin: 0;
  font-size: 16px;
  line-height: 16px;
  color: var(--smtcColorTextTertiary, #8592a6);
  bottom: -1px;
}
.tcp-h5-menu-block-icon.show-more-less-icon.collapsed {
  transform: rotate(180deg) !important;
}
.tcp-h5-menu-login-card {
  background: var(--smtcColorBgBrandTintedHigh, rgba(50, 100, 255, 0.08));
  padding: 12px;
  margin-bottom: 8px;
  border-radius: 8px;
}
.tcp-h5-menu-login-card-title {
  color: var(--smtcColorTextPrimary, #0f294d);
  font-size: 16px;
  font-weight: 500;
  text-align: center;
  margin-bottom: 12px;
  line-height: 21px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  line-clamp: 2;
  -webkit-line-clamp: 2;
  word-break: break-word;
}
.tcp-h5-menu-login-card-btn {
  display: flex;
  justify-content: center;
  margin-top: 12px;
}
.tcp-h5-menu-login-card-btn .booking,
.tcp-h5-menu-login-card-btn .signin {
  flex: 1;
  cursor: pointer;
  width: 160px;
  border-radius: 4px;
  font-size: 14px;
  font-weight: 500;
  border: none;
  padding: 7px 12px;
  line-height: 18px;
}
.tcp-h5-menu-login-card-btn .booking {
  background: var(--smtcColorBgSurface, #fff);
  color: var(--smtcColorTextBrand, #3264ff);
  margin-right: 8px;
  position: relative;
}
.tcp-h5-menu-login-card-btn .booking::after {
  content: '';
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 200%;
  height: 200%;
  border: 1px solid var(--smtcColorBorderBrandBold, #3264ff);
  border-radius: 8px;
  transform: scale(0.5);
  transform-origin: left top;
}
.tcp-h5-menu-login-card-btn .booking:active {
  background: #ECEEF1;
}
.tcp-h5-menu-login-card-btn .signin {
  background: var(--smtcColorBgBrandFilled, #3264ff);
  color: var(--smtcColorTextContentWhite, #fff);
}
.tcp-h5-menu-login-card-btn .signin:active {
  background: #2F5FF1;
}
.tcp-h5-menu-account-card {
  background-color: var(--smtcColorTextContentWhite, #fff);
  padding-bottom: 16px;
  border-bottom: 0.5px solid var(--smtcColorDividerInfo, #dadfe6);
}
.tcp-h5-menu-account-card-profile {
  border-radius: 8px;
  padding: 16px;
  background-size: cover;
  background-position: center;
  position: relative;
  color: #3e454f;
}
.tcp-h5-menu-account-card-profile > div {
  position: relative;
  z-index: 1;
}
.tcp-h5-menu-account-card-profile::before {
  content: '';
  border-radius: 8px;
  background-size: cover;
  background-position: center;
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.tcp-h5-menu-account-card-profile .profile-info-skeleton {
  display: flex;
  width: 340px;
  height: 24px;
  margin-bottom: 8px;
  background-color: #ffffff;
}
.tcp-h5-menu-account-card-profile .profile-info-skeleton div,
.tcp-h5-menu-account-card-profile .profile-info-skeleton span {
  display: inline-block;
  overflow: hidden;
  animation-duration: 1.6s;
  animation-iteration-count: infinite;
  animation-name: breathing;
  animation-timing-function: ease-in-out;
  background: #f0f2f5;
}
.tcp-h5-menu-account-card-profile .profile-info-skeleton div {
  width: 24px;
  height: 24px;
  border-radius: 100%;
  margin-right: 8px;
}
.tcp-h5-menu-account-card-profile .profile-info-skeleton span {
  flex: 1;
}
.tcp-h5-menu-account-card-profile .profile-info {
  display: flex;
  align-items: flex-start;
  margin-bottom: 8px;
  padding-right: 32px;
}
.tcp-h5-menu-account-card-profile .profile-info img {
  width: 24px;
  height: 24px;
  margin-right: 8px;
  border-radius: 100%;
  object-fit: cover;
  object-position: center;
}
.tcp-h5-menu-account-card-profile .profile-info span {
  font-size: 18px;
  font-weight: 500;
  line-height: 24px;
  white-space: normal;
}
.tcp-h5-menu-account-card-profile .membership-level {
  display: flex;
  align-items: center;
  font-size: 11px;
  font-weight: normal;
}
.tcp-h5-menu-account-card-profile .membership-level .badge {
  display: flex;
  align-items: center;
  margin-right: 8px;
  background: linear-gradient(90deg, #d5e7ff 0%, #afcef6 100%);
  height: 18px;
  border-radius: 2px;
  line-height: 18px;
}
.tcp-h5-menu-account-card-profile .membership-level .badge span {
  padding: 0 4px 0 0;
}
.tcp-h5-menu-account-card-profile .membership-level .medal {
  width: 25px;
  height: 18px;
  background-size: cover;
  background-position: center;
}
.tcp-h5-menu-account-card-profile .membership-level .coins {
  display: flex;
  align-items: center;
  padding: 0 4px;
  background: linear-gradient(-90deg, rgba(255, 255, 255, 0.16) 100%, rgba(255, 255, 255, 0.32) 0%);
  height: 18px;
  border-radius: 2px;
  max-width: 200px;
}
.tcp-h5-menu-account-card-profile .membership-level .coins img {
  width: 14px;
  height: 14px;
}
.tcp-h5-menu-account-card-profile .membership-level .coins-number {
  font-size: 15px;
  font-weight: 500;
  margin: 0 5px;
}
.tcp-h5-menu-account-card-profile .membership-level .coins-amount {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.tcp-h5-menu-account-card-profile .membership-level-skeleton {
  width: 100%;
  height: 24px;
  background-color: #ffffff;
}
.tcp-h5-menu-account-card-profile .membership-level-skeleton div,
.tcp-h5-menu-account-card-profile .membership-level-skeleton span {
  display: inline-block;
  overflow: hidden;
  animation-duration: 1.6s;
  animation-iteration-count: infinite;
  animation-name: breathing;
  animation-timing-function: ease-in-out;
  background: #f0f2f5;
}
.tcp-h5-menu-account-card-profile .membership-level-skeleton div {
  width: 100%;
  height: 100%;
}
.tcp-h5-menu-account-card-profile .tcp-h5-ic-back-arrow-v2 {
  position: absolute;
  font-size: 16px;
  right: 12px;
  top: 50%;
  transform: rotate(180deg) translateY(-50%);
  transform-origin: top;
}
.tcp-h5-menu-account-card-profile.guest,
.tcp-h5-menu-account-card-profile.sliver {
  color: #2b5186;
}
.tcp-h5-menu-account-card-profile.guest::before,
.tcp-h5-menu-account-card-profile.sliver::before {
  background-image: url(https://ak-d.tripcdn.com/images/05E6j12000cnc8vi5E61F.png);
}
.tcp-h5-menu-account-card-profile.guest .membership-level .badge,
.tcp-h5-menu-account-card-profile.sliver .membership-level .badge {
  background: linear-gradient(90deg, #d5e7ff 0%, #afcef6 100%);
}
.tcp-h5-menu-account-card-profile.guest .membership-level .medal,
.tcp-h5-menu-account-card-profile.sliver .membership-level .medal {
  background-image: url(https://ak-d.tripcdn.com/images/05E3012000cn6drw66A39.png);
}
.tcp-h5-menu-account-card-profile.guest .membership-level .coins,
.tcp-h5-menu-account-card-profile.sliver .membership-level .coins {
  background: linear-gradient(-90deg, rgba(255, 255, 255, 0.16) 100%, rgba(255, 255, 255, 0.32) 0%);
}
.tcp-h5-menu-account-card-profile.gold {
  color: #533f1d;
}
.tcp-h5-menu-account-card-profile.gold::before {
  background-image: url(https://ak-d.tripcdn.com/images/05E0y12000cnc8znfDBFF.png);
}
.tcp-h5-menu-account-card-profile.gold .membership-level .badge {
  background: linear-gradient(90deg, #ebdec6 0%, #e9dbc1 -14.68%, #dec8a1 100%);
}
.tcp-h5-menu-account-card-profile.gold .membership-level .medal {
  background-image: url(https://ak-d.tripcdn.com/images/05E2212000cn6cqvuD7D8.png);
}
.tcp-h5-menu-account-card-profile.gold .membership-level .coins {
  background: linear-gradient(-90deg, rgba(255, 255, 255, 0.16) 100%, rgba(255, 255, 255, 0.32) 0%);
}
.tcp-h5-menu-account-card-profile.platinum {
  color: var(--smtcColorTextContentWhite, #fff);
}
.tcp-h5-menu-account-card-profile.platinum::before {
  background-image: url(https://ak-d.tripcdn.com/images/05E0112000cnc8j6t859C.png);
}
.tcp-h5-menu-account-card-profile.platinum .membership-level .badge {
  background: linear-gradient(-270deg, #7c98d0 1.26%, #436bbc 100%);
}
.tcp-h5-menu-account-card-profile.platinum .membership-level .medal {
  background-image: url(https://ak-d.tripcdn.com/images/05E6z12000cn6bsyuC891.png);
}
.tcp-h5-menu-account-card-profile.platinum .membership-level .coins {
  background: linear-gradient(-90deg, rgba(255, 255, 255, 0.08) 100%, rgba(255, 255, 255, 0.2) 0%);
}
.tcp-h5-menu-account-card-profile.diamond {
  color: var(--smtcColorTextContentWhite, #fff);
}
.tcp-h5-menu-account-card-profile.diamond::before {
  background-image: url(https://ak-d.tripcdn.com/images/05E5512000cnc90omDFC8.png);
}
.tcp-h5-menu-account-card-profile.diamond .membership-level .badge {
  background: linear-gradient(90deg, #7a66a6 0.36%, #5d4493 100%);
}
.tcp-h5-menu-account-card-profile.diamond .membership-level .medal {
  background-image: url(https://ak-d.tripcdn.com/images/05E6q12000cn6di098A08.png);
}
.tcp-h5-menu-account-card-profile.diamond .membership-level .coins {
  background: linear-gradient(-90deg, rgba(255, 255, 255, 0.08) 100%, rgba(255, 255, 255, 0.2) 0%);
}
.tcp-h5-menu-account-card-profile-new {
  border-radius: 8px;
  padding: 16px;
  position: relative;
  color: #3e454f;
}
.tcp-h5-menu-account-card-profile-new > div {
  position: relative;
  z-index: 1;
}
.tcp-h5-menu-account-card-profile-new > .profile-bg {
  border-radius: 8px;
  background-size: cover;
  background-position: 50% 0;
  background-repeat: no-repeat;
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.tcp-h5-menu-account-card-profile-new .profile-info {
  display: flex;
  align-items: flex-start;
  margin-bottom: 10px;
  padding-right: 87px;
}
.tcp-h5-menu-account-card-profile-new .profile-info img {
  width: 24px;
  height: 24px;
  margin-right: 8px;
  border-radius: 100%;
  object-fit: cover;
  object-position: center;
  box-sizing: border-box;
  border: 1px solid var(--smtcColorTextContentWhite, #fff);
}
.tcp-h5-menu-account-card-profile-new .profile-info span {
  font-size: 18px;
  font-weight: 500;
  line-height: 24px;
  white-space: normal;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  line-clamp: 2;
  -webkit-line-clamp: 2;
  word-break: break-word;
}
.tcp-h5-menu-account-card-profile-new .membership-level {
  display: flex;
  align-items: center;
  font-size: 11px;
  font-weight: normal;
  padding-right: 87px;
  flex-wrap: wrap;
  margin-bottom: -4px;
}
.tcp-h5-menu-account-card-profile-new .membership-level .badge {
  display: flex;
  align-items: center;
  height: 18px;
  border-radius: 2px;
  padding: 0 4px;
  box-sizing: border-box;
}
.tcp-h5-menu-account-card-profile-new .membership-level .badge .medal {
  width: 12px;
  height: 12px;
  background-size: cover;
  background-position: center;
  margin-right: 2px;
}
.tcp-h5-menu-account-card-profile-new .membership-level .badge span {
  font-size: 11px;
  font-weight: 500;
  letter-spacing: 0;
}
.tcp-h5-menu-account-card-profile-new .membership-level .divider {
  width: 1px;
  height: 12px;
  background: rgba(63, 98, 142, 0.24);
  margin: 0 8px;
}
.tcp-h5-menu-account-card-profile-new .membership-level .coins {
  display: flex;
  align-items: center;
  height: 18px;
  max-width: 200px;
  position: relative;
  margin-top: 4px;
  margin-bottom: 4px;
}
.tcp-h5-menu-account-card-profile-new .membership-level .coins img {
  width: 14px;
  height: 14px;
  margin-right: 2px;
}
.tcp-h5-menu-account-card-profile-new .membership-level .coins-number {
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 18px;
}
.tcp-h5-menu-account-card-profile-new .membership-level .coins-amount {
  font-size: 12px;
  line-height: 18px;
  font-weight: normal;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.tcp-h5-menu-account-card-profile-new .membership-logo {
  position: absolute;
  top: 50%;
  right: 28px;
  width: 75px;
  height: 62px;
  background-repeat: no-repeat;
  background-size: cover;
  z-index: 2;
  transform: translateY(calc(-50% + 2px));
}
.tcp-h5-menu-account-card-profile-new .tcp-h5-ic-back-arrow-v2 {
  position: absolute;
  font-size: 16px;
  right: 12px;
  top: 50%;
  transform: rotate(180deg) translateY(-50%);
  transform-origin: top;
}
.tcp-h5-menu-account-card-profile-new.guest,
.tcp-h5-menu-account-card-profile-new.sliver {
  color: #3f628e;
  background: rgba(180, 206, 241, 0.24);
}
.tcp-h5-menu-account-card-profile-new.guest .membership-level .badge,
.tcp-h5-menu-account-card-profile-new.sliver .membership-level .badge {
  background: linear-gradient(90deg, #B4CEF1 0%, #DBE8F9 100%);
}
.tcp-h5-menu-account-card-profile-new.guest .membership-level .coins,
.tcp-h5-menu-account-card-profile-new.sliver .membership-level .coins {
  color: #0f294d;
}
.tcp-h5-menu-account-card-profile-new.gold {
  color: #6d4a08;
  background: rgba(253, 211, 136, 0.24);
}
.tcp-h5-menu-account-card-profile-new.gold .membership-level .badge {
  background: linear-gradient(90deg, #FDDFA9 0%, #FEEAC6 100%);
}
.tcp-h5-menu-account-card-profile-new.gold .membership-level .coins {
  color: #0f294d;
}
.tcp-h5-menu-account-card-profile-new.platinum {
  color: #124c6d;
  background: rgba(79, 167, 209, 0.24);
}
.tcp-h5-menu-account-card-profile-new.platinum .membership-level .badge {
  background: linear-gradient(90deg, #95CAE3 0%, #BFDFEE 100%);
}
.tcp-h5-menu-account-card-profile-new.platinum .membership-level .coins {
  color: #0f294d;
}
.tcp-h5-menu-account-card-profile-new.diamond {
  color: var(--smtcColorTextContentWhite, #fff);
  background: linear-gradient(68.58deg, #442098 0%, #853da3 100%);
}
.tcp-h5-menu-account-card-profile-new.diamond .membership-level .badge {
  background: linear-gradient(68.58deg, #5A3BA4 0%, #7141FF 100%);
}
.tcp-h5-menu-account-card-profile-new.diamond .membership-level .coins {
  color: var(--smtcColorTextContentWhite, #fff);
}
.tcp-h5-menu-account-card-profile-new.diamond-plus {
  color: var(--smtcColorTextContentWhite, #fff);
  background: linear-gradient(90deg, #0a1d6a 0%, #30319d 100%);
}
.tcp-h5-menu-account-card-profile-new.diamond-plus .membership-level .badge {
  background: linear-gradient(68.58deg, #27387C 0%, #494AA8 100%);
}
.tcp-h5-menu-account-card-profile-new.diamond-plus .membership-level .coins {
  color: var(--smtcColorTextContentWhite, #fff);
}
.tcp-h5-menu-account-card-profile-new.black-diamond {
  color: #F5E9DC;
  background: linear-gradient(90deg, #1c1a23 1.6%, #2e242a 100%);
}
.tcp-h5-menu-account-card-profile-new.black-diamond .profile-bg {
  background-position: right top;
  background-size: 50%;
  background-repeat: no-repeat;
}
.tcp-h5-menu-account-card-profile-new.black-diamond .membership-level .badge {
  background: linear-gradient(90deg, #403E46 0%, #4F474C 100%);
  padding-left: 0px;
}
.tcp-h5-menu-account-card-profile-new.black-diamond .membership-level .badge .medal {
  width: 21px;
  height: 18px;
}
.tcp-h5-menu-account-card-profile-new.black-diamond .membership-level .badge > span {
  background: linear-gradient(90deg, #EEDDC3 0%, #F5EBDC 50%, #EEDDC3 100%);
  -webkit-background-clip: text;
          background-clip: text;
  color: transparent;
}
.tcp-h5-menu-account-card-profile-new.black-diamond .membership-level .coins {
  color: var(--smtcColorTextContentWhite, #fff);
}
.tcp-h5-menu-account-card-links {
  display: flex;
  margin-top: 20px;
}
.tcp-h5-menu-account-card-links li {
  flex: 1 1;
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  cursor: pointer;
}
.tcp-h5-menu-account-card-links li img {
  width: 24px;
  height: 24px;
  display: block;
  margin-bottom: 8px;
}
.tcp-h5-menu-account-card-links li span {
  color: var(--smtcColorTextSecondary, #455873);
  font-size: 12px;
  font-weight: normal;
}
.tcp-h5-header.tcp-h5-header-rtl {
  direction: rtl;
}
.tcp-h5-header.tcp-h5-header-rtl .tcp-h5-header-back-icon {
  transform: rotateZ(180deg);
  transform-origin: center;
}
.tcp-h5-header.tcp-h5-header-rtl .tcp-h5-header-expand-search {
  padding: 6px 32px 6px 8px;
}
.tcp-h5-header.tcp-h5-header-rtl .tcp-h5-header-expand-search-icon {
  left: initial;
  right: 8px;
  transform: rotateY(180deg);
}
.tcp-h5-header.tcp-h5-header-rtl .tcp-h5-menu-login-card-title {
  direction: ltr;
}
.tcp-h5-header.tcp-h5-header-rtl .h5Simple-container__separate {
  margin-left: 12px;
}
.tcp-h5-header.tcp-h5-header-rtl .h5Simple-container__title {
  padding: 0 4px 0 0;
}
.tcp-h5-header.tcp-h5-header-rtl .h5Simple-container-last__title {
  padding: 0 4px 0 0;
}
.tcp-h5-header.tcp-h5-header-rtl .tcp-h5-menu-login-card-btn .booking {
  margin: 0 0 0 8px;
}
.tcp-h5-header.tcp-h5-header-rtl .tcp-h5-menu-account-card-profile::before {
  transform: rotateY(180deg);
}
.tcp-h5-header.tcp-h5-header-rtl .tcp-h5-menu-account-card-profile .tcp-h5-ic-back-arrow-v2 {
  right: initial;
  left: 12px;
  transform: rotate(0deg) translateY(-50%);
}
.tcp-h5-header.tcp-h5-header-rtl .tcp-h5-menu-account-card-profile .profile-info {
  padding-left: 32px;
  padding-right: 0;
}
.tcp-h5-header.tcp-h5-header-rtl .tcp-h5-menu-account-card-profile .profile-info img {
  margin-left: 8px;
  margin-right: 0;
}
.tcp-h5-header.tcp-h5-header-rtl .tcp-h5-menu-account-card-profile .membership-level .badge {
  margin-left: 8px;
  margin-right: 0;
}
.tcp-h5-header.tcp-h5-header-rtl .tcp-h5-menu-account-card-profile .membership-level .medal {
  transform: rotateY(180deg);
}
.tcp-h5-header.tcp-h5-header-rtl .tcp-h5-menu-account-card-profile .membership-level .coins {
  background: linear-gradient(90deg, rgba(255, 255, 255, 0.08) 0%, rgba(255, 255, 255, 0.2) 100%);
}
.tcp-h5-header.tcp-h5-header-rtl .tcp-h5-menu-account-card-profile.sliver .membership-level .badge {
  background: linear-gradient(90deg, #c3cad5 0%, #dfe4ec 100%);
}
.tcp-h5-header.tcp-h5-header-rtl .tcp-h5-menu-account-card-profile.gold .membership-level .badge {
  background: linear-gradient(90deg, #dec8a1 0%, #ece1cb 100%);
}
.tcp-h5-header.tcp-h5-header-rtl .tcp-h5-menu-account-card-profile.platinum .membership-level .badge {
  background: linear-gradient(90deg, #436bbc 0%, #92a8d3 100%);
}
.tcp-h5-header.tcp-h5-header-rtl .tcp-h5-menu-account-card-profile.diamond .membership-level .badge {
  background: linear-gradient(90deg, #464b53 0%, #94989e 100%);
}
.tcp-h5-header.tcp-h5-header-rtl .tcp-h5-menu-account-card-profile-new .profile-info {
  padding-left: 87px;
  padding-right: 0;
}
.tcp-h5-header.tcp-h5-header-rtl .tcp-h5-menu-account-card-profile-new .profile-info img {
  margin-left: 8px;
  margin-right: 0;
}
.tcp-h5-header.tcp-h5-header-rtl .tcp-h5-menu-account-card-profile-new .membership-level {
  padding-left: 87px;
  padding-right: 0;
}
.tcp-h5-header.tcp-h5-header-rtl .tcp-h5-menu-account-card-profile-new .membership-level .badge .medal {
  margin-left: 2px;
  margin-right: 0;
}
.tcp-h5-header.tcp-h5-header-rtl .tcp-h5-menu-account-card-profile-new .membership-level .coins img {
  margin-left: 2px;
  margin-right: 0;
}
.tcp-h5-header.tcp-h5-header-rtl .tcp-h5-menu-account-card-profile-new .membership-logo {
  left: 28px;
  right: initial;
}
.tcp-h5-header.tcp-h5-header-rtl .tcp-h5-menu-account-card-profile-new .tcp-h5-ic-back-arrow-v2 {
  right: initial;
  left: 12px;
  transform: rotate(0deg) translateY(-50%);
}
.tcp-h5-header.tcp-h5-header-rtl .tcp-h5-menu-account-card-profile-new.black-diamond .profile-bg {
  transform: rotateY(180deg);
}
.tcp-h5-header.tcp-h5-header-rtl .tcp-h5-menu-account-card-profile-new.black-diamond .membership-level .badge {
  padding-left: 4px;
  padding-right: 0;
}
.tcp-h5-header.tcp-h5-header-rtl .tcp-h5-menu-block-icon {
  float: right;
  margin: 0 0 0 8px;
}
.tcp-h5-header.tcp-h5-header-rtl .tcp-h5-menu-block-icon.tcp-h5-icon,
.tcp-h5-header.tcp-h5-header-rtl .tcp-h5-menu-block-icon.custom-icon {
  transform: rotateY(180deg);
}
.tcp-h5-header.tcp-h5-header-rtl .tcp-h5-menu-block-icon.tcp-h5-ic-currency {
  transform: rotateY(0deg);
}
.tcp-h5-header.tcp-h5-header-rtl .tcp-h5-menu-block-icon-locale {
  margin-left: 5px;
}
.tcp-h5-header.tcp-h5-header-rtl .tcp-h5-menu-block-title {
  float: right;
}
.tcp-h5-header.tcp-h5-header-rtl .tcp-h5-menu-block-title.show-more-less-title {
  margin-right: 0;
  margin-left: 4px;
}
.tcp-h5-header.tcp-h5-header-rtl .tcp-h5-menu-block-icon.show-more-less-icon {
  margin: 0;
}
.tcp-h5-header.tcp-h5-header-rtl .tcp-h5-menu-block .icon-tag-con {
  left: -1px;
  right: initial;
}
.tcp-h5-header.tcp-h5-header-rtl .tcp-h5-menu-block .icon-tag {
  right: 0;
  left: initial;
}
.h5-locale-flag-icon {
  transform: scale(0.95);
  display: block;
  width: 16.5px;
  height: 11.5px;
  background-image: url(https://ak-d.tripcdn.com/images/05E1v12000dgqkhtf5799.png);
  background-position: 1000px 1000px;
  background-repeat: no-repeat;
  background-size: 33px 322px;
}