@font-face {
  font-family: iconfont;
  src: url(data:application/x-font-woff2;charset=utf-8;base64,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)format("woff2")
}

.iconfont {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-family: iconfont !important;
  font-size: 32rpx;
  font-style: normal
}

.icon-dianzan-dianjitai:before {
  content: ""
}

.icon-xiangkan_:before {
  content: ""
}

.icon-xiangkanmian_:before {
  content: ""
}

.icon-pingfenmian_:before {
  content: ""
}

.icon-pingfen_:before {
  content: ""
}

.icon-rili:before {
  content: ""
}

.icon-tixing16:before {
  content: ""
}

.icon-lingdang_:before {
  content: ""
}

.icon-jianhao:before {
  content: ""
}

.icon-jiahao:before {
  content: ""
}

.icon-haowutuijian:before {
  content: ""
}

.icon-piaojiaxiaochengxu_:before {
  content: ""
}

.icon-guanyudamai_1:before {
  content: ""
}

.icon-Successfulpayment:before {
  content: ""
}

.icon-sousuo1:before {
  content: ""
}

.icon-sousuo2:before {
  content: ""
}

.icon-chouti_:before {
  content: ""
}

.icon-tixing18:before {
  content: ""
}

.icon-xiangkan24:before {
  content: ""
}

.icon-icon-like-bold:before {
  content: ""
}

.icon-zuoweitu18:before {
  content: ""
}

.icon-dagou12:before {
  content: ""
}

.icon-dacha12:before {
  content: ""
}

.icon-gengduo:before {
  content: ""
}

.icon-guanyudamai_:before {
  content: ""
}

.icon-delete:before {
  content: ""
}

.icon-wode1:before {
  content: ""
}

.icon-shouye1:before {
  content: ""
}

.icon-fenleiye:before {
  content: ""
}

.icon-_shoucang:before {
  content: ""
}

.icon-_shoucangjihuo:before {
  content: ""
}

.icon-fenxiang:before {
  content: ""
}

.icon-liebiaoyedizhi:before {
  content: ""
}

.icon-sousuo:before {
  content: ""
}

.icon-wode:before {
  content: ""
}

.icon-daohangdizhi:before {
  content: ""
}

.icon-shouqijiantou:before {
  content: ""
}

.icon-xialajiantou:before {
  content: ""
}

.icon-double-quote-left:before {
  content: ""
}

.icon-info:before {
  content: ""
}

.icon-cutprice:before {
  content: ""
}

.icon-mine:before {
  content: ""
}

.icon-weixin:before {
  content: ""
}

.icon-home:before {
  content: ""
}

.icon-close:before {
  content: ""
}

.icon-share:before {
  content: ""
}

.icon-arrow-left:before {
  content: ""
}

.icon-arrow-right:before {
  content: ""
}

.icon-arrow-forward:before {
  content: ""
}

.icon-search:before {
  content: ""
}

.icon-check-mark-outline:before {
  content: ""
}

.h5-button:after {
  border: none
}

.btn {
  border-radius: 0;
  color: #fff;
  height: 100rpx;
  padding: 0;
  width: 100%
}

.btn.primary {
  background-image: linear-gradient(90deg, #ff7f81, #ff2d79)
}

.btn.disable {
  background: #ccc
}

.input-placeholder {
  color: #ddd
}

page {
  height: 100%
}

.hover {
  background: #f2f2f2
}

.h5-inline,
.h5-span {
  display: inline
}

.h5-br {
  display: block
}

.h5-b,
.h5-strong {
  font-weight: 700
}

view {
  -webkit-overflow-scrolling: touch;
  word-break: break-all
}

.bui-btn.tph {
  --border-radius: var(--bui-button-border-radius, 200rpx);
  --text-color: var(--bui-button-text-color, var(--bui-color-fg-muted));
  --bg-color: var(--bui-button-default-bg-color, var(--bui-color-neutral-5));
  --border-color: var(--bui-button-border-color, var(--bui-color-neutral-4));
  --height: var(--bui-button-height, 54rpx);
  --icon-start-margin-right: var(--bui-button-icon-start-margin-right, var(--bui-spacing-xs));
  --icon-start-margin-left: var(--bui-button-icon-start-margin-left, var(--bui-spacing-xs));
  --default-border: var(--bui-button-default-border, 2rpx solid transparent);
  --light-border: var(--bui-button-light-border, 2rpx solid transparent);
  --outlined-default-border: var(--bui-button-outlined-default-border, 2rpx solid var(--bui-color-neutral-4));
  --disabled-opacity: var(--bui-button-disabled-opacity, 0.5);
  --small-padding: var(--bui-button-small-padding, 0 22rpx);
  --small-height: var(--bui-button-small-height, 48rpx);
  --medium-padding: var(--bui-button-medium-padding, 0 28rpx);
  --large-padding: var(--bui-button-large-padding, 0 28rpx);
  --large-height: var(--bui-button-large-height, 66rpx);
  --full-font-size: var(--bui-button-full-font-size, var(--bui-title-size-4));
  --full-height: var(--bui-button-full-height, 84rpx);
  align-items: center;
  background-color: initial;
  border: var(--default-border);
  border-radius: var(--border-radius);
  box-sizing: border-box;
  color: var(--text-color);
  display: inline-flex;
  font-family: var(--bui-font-family);
  font-size: var(--bui-text-size-3);
  font-weight: var(--bui-font-weight-medium);
  height: var(--height);
  justify-content: center;
  line-height: var(--bui-line-height);
  margin: 0;
  outline: 0;
  position: relative;
  white-space: nowrap
}

@keyframes spin {
  from {
    transform: rotate(0deg)
  }

  to {
    transform: rotate(1turn)
  }
}

.bui-btn::after {
  border: 0
}

.bui-btn::before {
  background-color: var(--bui-color-black);
  border: inherit;
  border-color: var(--bui-color-black);
  border-radius: inherit;
  content: " ";
  height: 100%;
  left: 50%;
  opacity: 0;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 100%
}

.bui-btn:active::before {
  opacity: .04
}

.bui-btn-icon-start.tph {
  margin-right: var(--icon-start-margin-right)
}

.bui-btn-icon-end.tph,
.bui-btn-icon-start.tph {
  align-self: center;
  display: inline-flex;
  flex-shrink: 0
}

.bui-btn-icon-end.tph {
  margin-left: var(--icon-start-margin-left)
}

.bui-btn-disabled.tph {
  opacity: var(--disabled-opacity);
  pointer-events: none
}

.bui-btn-small.tph {
  font-size: var(--bui-text-size-4);
  height: var(--small-height);
  padding: var(--small-padding)
}

.bui-btn-medium.tph {
  height: var(--height);
  padding: var(--medium-padding)
}

.bui-btn-large.tph {
  font-size: var(--bui-text-size-2);
  height: var(--large-height);
  padding: var(--large-padding)
}

.bui-btn-full.tph {
  font-size: var(--full-font-size);
  height: var(--full-height);
  width: 100%
}

.bui-btn-text.bui-btn-primary.tph {
  color: var(--bui-color-primary)
}

.bui-btn-text.bui-btn-success.tph {
  color: var(--bui-color-success)
}

.bui-btn-text.bui-btn-info.tph {
  color: var(--bui-color-info)
}

.bui-btn-text.bui-btn-warning.tph {
  color: var(--bui-color-warning)
}

.bui-btn-text.bui-btn-danger.tph {
  color: var(--bui-color-danger)
}

.bui-btn-text.bui-btn-vip.tph {
  color: var(--bui-color-vip)
}

.bui-btn-contained.tph {
  background-color: var(--bg-color)
}

.bui-btn-contained.bui-btn-primary.tph {
  background-image: linear-gradient(90deg, var(--bui-color-primary-start)0, var(--bui-color-primary-end) 100%);
  color: var(--bui-color-white)
}

.bui-btn-contained.bui-btn-success.tph {
  background-image: linear-gradient(90deg, var(--bui-color-success-start)0, var(--bui-color-success-end) 100%);
  color: var(--bui-color-white)
}

.bui-btn-contained.bui-btn-info.tph {
  background-image: linear-gradient(90deg, var(--bui-color-info-start)0, var(--bui-color-info-end) 100%);
  color: var(--bui-color-white)
}

.bui-btn-contained.bui-btn-warning.tph {
  background-image: linear-gradient(90deg, var(--bui-color-warning-start)0, var(--bui-color-warning-end) 100%);
  color: var(--bui-color-white)
}

.bui-btn-contained.bui-btn-danger.tph {
  background-image: linear-gradient(90deg, var(--bui-color-danger-start)0, var(--bui-color-danger-end) 100%);
  color: var(--bui-color-white)
}

.bui-btn-contained.bui-btn-vip.tph {
  background-image: linear-gradient(90deg, var(--bui-color-vip-start) 3%, var(--bui-color-vip-end) 100%);
  color: #582331
}

.bui-btn-outlined.tph {
  border: var(--outlined-default-border)
}

.bui-btn-outlined.bui-btn-primary.tph {
  border-color: var(--bui-color-primary);
  color: var(--bui-color-primary)
}

.bui-btn-outlined.bui-btn-success.tph {
  border-color: var(--bui-color-success);
  color: var(--bui-color-success)
}

.bui-btn-outlined.bui-btn-info.tph {
  border-color: var(--bui-color-info);
  color: var(--bui-color-info)
}

.bui-btn-outlined.bui-btn-warning.tph {
  border-color: var(--bui-color-warning);
  color: var(--bui-color-warning)
}

.bui-btn-outlined.bui-btn-danger.tph {
  border-color: var(--bui-color-danger);
  color: var(--bui-color-danger)
}

.bui-btn-outlined.bui-btn-vip.tph {
  border-color: var(--bui-color-vip);
  color: var(--bui-color-vip)
}

.bui-btn-light.tph {
  background-color: var(--bui-color-gray-light);
  background-image: none;
  border: var(--light-border)
}

.bui-btn-light.bui-btn-warning.tph {
  background-color: var(--bui-color-warning-light);
  background-image: none;
  border: var(--light-border);
  color: var(--bui-color-warning)
}

.bui-btn-light.bui-btn-primary.tph {
  background-color: var(--bui-color-primary-light);
  background-image: none;
  border: var(--light-border);
  color: var(--bui-color-primary)
}

.bui-btn-light.bui-btn-info.tph {
  background-color: var(--bui-color-info-light);
  background-image: none;
  border: var(--light-border);
  color: var(--bui-color-info)
}

.bui-btn-light.bui-btn-success.tph {
  background-color: var(--bui-color-success-light);
  background-image: none;
  border: var(--light-border);
  color: var(--bui-color-success)
}

.bui-btn-light.bui-btn-danger.tph {
  background-color: var(--bui-color-danger-light);
  background-image: none;
  border: var(--light-border);
  color: var(--bui-color-danger)
}

.bui-btn-light.bui-btn-vip.tph {
  background-color: rgba(255, 134, 110, .3);
  color: var(--bui-color-vip);
  position: relative
}

.bui-image.tph {
  --default-background-color: var(--bui-image-default-background-color, hsla(0, 0%, 50%, .2));
  display: inline-block;
  font-family: var(--bui-font-family);
  height: auto;
  overflow: hidden;
  position: relative;
  width: auto
}

.bui-image .bui-image-img.tph {
  display: block;
  height: 100%;
  opacity: 0;
  overflow: hidden;
  width: 100%
}

.bui-image .bui-image-img.bui-image-loaded.tph {
  opacity: 1
}

.bui-image-default-icon-wrap.tph {
  height: 100%;
  left: 0;
  opacity: 1;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 1
}

.bui-image-default-icon-wrap.bui-image-loaded.tph {
  opacity: 0
}

.bui-image-default-icon-item.tph {
  background-color: var(--default-background-color);
  height: 100%;
  width: 100%
}

.bui-svg-icon.tph {
  background-size: cover;
  display: inline-flex;
  flex-shrink: 0;
  height: 1em;
  user-select: none;
  width: 1em
}

.bui-svg-icon.icon-size-small.tph {
  font-size: 32rpx
}

.bui-svg-icon.icon-size-medium.tph {
  font-size: 40rpx
}

.bui-svg-icon.icon-size-large.tph {
  font-size: 48rpx
}

.h5-svg.bui-svg-icon.tph {
  fill: currentcolor;
  transition: fill .2s cubic-bezier(.4, 0, .2, 1) 0ms
}

@keyframes bui-fade-in {
  from {
    opacity: 0
  }

  to {
    opacity: 1;
    visibility: visible
  }
}

@keyframes bui-fade-out {
  from {
    opacity: 1
  }

  to {
    opacity: 0;
    visibility: hidden
  }
}

.bui-divider.tph {
  --height: var(--bui-divider-height, 100%);
  --width: var(--bui-divider-width, 100%);
  --border-width: var(--bui-divider-border-width, 2rpx);
  --line-width: var(--bui-divider-line-width, 80rpx);
  border-color: var(--bui-color-border-default);
  font-family: var(--bui-font-family)
}

.bui-divider-vertical.tph {
  border-right-style: solid;
  border-right-width: var(--border-width);
  display: inline-block;
  height: var(--height)
}

.bui-divider-horizontal.tph {
  border-bottom-style: solid;
  border-bottom-width: var(--border-width);
  width: var(--width)
}

.bui-divider-vertical-dashed.tph {
  border-right-style: dashed
}

.bui-divider-horizontal-dashed.tph {
  border-bottom-style: dashed
}

.bui-divider-content.tph {
  align-items: center;
  border-width: 0;
  display: flex;
  justify-content: center;
  width: 100%
}

.bui-divider-line.tph {
  border-bottom-style: solid;
  border-bottom-width: var(--border-width);
  border-color: var(--bui-color-border-default);
  width: var(--line-width)
}

.bui-divider-text.tph {
  color: var(--bui-color-fg-subtle);
  flex-shrink: 0;
  font-size: var(--bui-text-size-2)
}

.bui-backdrop.tph {
  --background-color: var(--bui-backdrop-background-color, rgba(0, 0, 0, .68));
  align-items: center;
  background-color: var(--background-color);
  bottom: 0;
  display: flex;
  justify-content: center;
  left: 0;
  position: fixed;
  right: 0;
  top: 0
}

.bui-backdrop-invisible.tph {
  background-color: initial
}

.bui-modal.tph {
  bottom: 0;
  font-family: var(--bui-font-family);
  left: 0;
  position: fixed;
  right: 0;
  top: 0;
  z-index: var(--bui-z-index-modal)
}

.bui-modal-exited.tph {
  visibility: hidden
}

.bui-modal-backdrop.tph {
  z-index: -1
}

@keyframes bui-slide-left-in {
  from {
    transform: translateX(100%)
  }

  to {
    transform: none;
    visibility: visible
  }
}

@keyframes bui-slide-left-out {
  from {
    transform: none
  }

  to {
    transform: translateX(100%);
    visibility: hidden
  }
}

@keyframes bui-slide-right-in {
  from {
    transform: translateX(-100%)
  }

  to {
    transform: none;
    visibility: visible
  }
}

@keyframes bui-slide-right-out {
  from {
    transform: none
  }

  to {
    transform: translateX(-100%);
    visibility: hidden
  }
}

@keyframes bui-slide-up-in {
  from {
    transform: translateY(100%)
  }

  to {
    transform: none;
    visibility: visible
  }
}

@keyframes bui-slide-up-out {
  from {
    transform: none
  }

  to {
    transform: translateY(100%);
    visibility: hidden
  }
}

@keyframes bui-slide-down-in {
  from {
    transform: translateY(-100%)
  }

  to {
    transform: none;
    visibility: visible
  }
}

@keyframes bui-slide-down-out {
  from {
    transform: none
  }

  to {
    transform: translateY(-100%);
    visibility: hidden
  }
}

.bui-tag.tph {
  --tag-color: var(--bui-tag-color, var(--bui-color-gray));
  --tag-border-color: var(--bui-tag-border-color, var(--bui-color-border-gray));
  --tag-bg-color: var(--bui-tag-bg-color, var(--bui-color-gray));
  --tag-height: var(--bui-tag-height, 30rpx);
  --tag-line-height: var(--bui-tag-line-height, 30rpx);
  --tag-padding: var(--bui-tag-padding, 0 var(--bui-spacing-xs));
  --tag-bg-color-vip: var(--bui-tag-color-vip, rgba(255, 134, 110, .3));
  align-items: center;
  border: 2rpx solid transparent;
  border-radius: var(--bui-shape-radius-label);
  box-sizing: border-box;
  color: var(--bui-color-bg-view);
  display: inline-flex;
  font-family: var(--bui-font-family);
  font-size: var(--bui-text-size-5);
  font-weight: var(--bui-font-weight-normal);
  height: var(--tag-height);
  justify-content: center;
  line-height: var(--tag-line-height);
  padding: var(--tag-padding);
  position: relative;
  white-space: nowrap
}

.bui-tag-outlined.tph {
  border: 2rpx solid var(--tag-border-color);
  color: var(--tag-color)
}

.bui-tag-outlined.bui-tag-primary.tph {
  border: 2rpx solid var(--bui-color-border-primary);
  color: var(--bui-color-primary)
}

.bui-tag-outlined.bui-tag-info.tph {
  border: 2rpx solid var(--bui-color-border-info);
  color: var(--bui-color-info)
}

.bui-tag-outlined.bui-tag-warning.tph {
  border: 2rpx solid var(--bui-color-border-warning);
  color: var(--bui-color-warning)
}

.bui-tag-outlined.bui-tag-success.tph {
  border: 2rpx solid var(--bui-color-border-success);
  color: var(--bui-color-success)
}

.bui-tag-outlined.bui-tag-danger.tph {
  border: 2rpx solid var(--bui-color-border-danger);
  color: var(--bui-color-danger)
}

.bui-tag-outlined.bui-tag-vip.tph {
  border: 2rpx solid var(--bui-color-border-primary);
  color: var(--bui-color-red)
}

.bui-tag-contained.tph {
  background-color: var(--tag-bg-color)
}

.bui-tag-contained.bui-tag-primary.tph {
  background-color: var(--bui-color-primary)
}

.bui-tag-contained.bui-tag-info.tph {
  background-color: var(--bui-color-info)
}

.bui-tag-contained.bui-tag-warning.tph {
  background-color: var(--bui-color-warning)
}

.bui-tag-contained.bui-tag-success.tph {
  background-color: var(--bui-color-success)
}

.bui-tag-contained.bui-tag-danger.tph {
  background-color: var(--bui-color-danger)
}

.bui-tag-contained.bui-tag-vip.tph {
  background-color: var(--bui-color-vip)
}

.bui-tag-light.tph {
  background-color: var(--bui-color-gray-light);
  color: var(--bui-color-gray)
}

.bui-tag-light.bui-tag-primary.tph {
  background-color: var(--bui-color-primary-light);
  color: var(--bui-color-primary)
}

.bui-tag-light.bui-tag-info.tph {
  background-color: var(--bui-color-info-light);
  color: var(--bui-color-info)
}

.bui-tag-light.bui-tag-warning.tph {
  background-color: var(--bui-color-warning-light);
  color: var(--bui-color-warning)
}

.bui-tag-light.bui-tag-success.tph {
  background-color: var(--bui-color-success-light);
  color: var(--bui-color-success)
}

.bui-tag-light.bui-tag-danger.tph {
  background-color: var(--bui-color-danger-light);
  color: var(--bui-color-danger)
}

.bui-tag-light.bui-tag-vip.tph {
  background-color: var(--tag-bg-color-vip);
  color: var(--bui-color-vip)
}

.bui-drawer.tph {
  font-family: var(--bui-font-family)
}

.bui-drawer-content.tph {
  background-color: var(--bui-color-bg-view);
  display: flex;
  flex: 1 0 auto;
  flex-direction: column;
  height: 100%;
  outline: 0;
  position: fixed;
  top: 0
}

.bui-drawer-content-left.tph {
  left: 0
}

.bui-drawer-content-top.tph {
  height: auto;
  left: 0;
  max-height: 100%;
  right: 0;
  top: 0
}

.bui-drawer-content-right.tph {
  right: 0
}

.bui-drawer-content-bottom.tph {
  bottom: 0;
  height: auto;
  left: 0;
  max-height: 100%;
  right: 0;
  top: auto
}

.bui-tag-group.tph {
  --height: var(--bui-tag-group-divider-height, 13%);
  --tag-color: var(--bui-tag-color, var(--bui-color-gray));
  --tag-border-color: var(--bui-tag-border-color, var(--bui-color-border-gray));
  --tag-bg-color: var(--bui-tag-bg-color, var(--bui-color-gray));
  --tag-height: var(--bui-tag-height, 30rpx);
  --tag-line-height: var(--bui-tag-line-height, 30rpx);
  --tag-padding: var(--bui-tag-padding, 0 var(--bui-spacing-xs));
  --tag-bg-color-vip: var(--bui-tag-color-vip, rgba(255, 134, 110, .3));
  display: inline-flex;
  font-family: var(--bui-font-family)
}

.bui-tag-group .bui-tag-outlined.tph {
  background-color: var(--bui-color-white)
}

.bui-tag-group .bui-tag-outlined+.bui-tag-contained.tph {
  margin-left: -2rpx
}

.bui-tag-group .bui-tag-outlined:not(:last-child).tph {
  border-right-style: dotted;
  position: relative
}

.bui-tag-group .bui-tag-outlined:not(:last-child)::after {
  top: 0
}

.bui-tag-group .bui-tag-outlined:not(:last-child)::before {
  bottom: 0
}

.bui-tag-group .bui-tag-outlined:not(:last-child)::after,
.bui-tag-group .bui-tag-outlined:not(:last-child)::before {
  background-color: #fff;
  border-right-style: solid;
  color: #fff;
  content: "";
  height: var(--height);
  position: absolute;
  right: -2rpx;
  width: 2rpx
}

.bui-tag-group .bui-tag:not(:last-child).tph {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0
}

.bui-tag-group .bui-tag:not(:last-child):not(.bui-tag-outlined).tph {
  border-right: 0
}

.bui-tag-group .bui-tag:not(:first-child).tph {
  border-bottom-left-radius: 0;
  border-left: 0;
  border-top-left-radius: 0
}

.bui-errorpage.tph {
  align-items: center;
  background: var(--bui-color-bg-view);
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  height: 100vh;
  justify-content: center;
  padding-bottom: 200rpx
}

.bui-errorpage .bui-errorpage-img.tph {
  height: 300rpx;
  width: 300rpx
}

.bui-errorpage .bui-btn.tph {
  height: 74rpx;
  margin-top: 40rpx;
  padding: 0 40rpx
}

.bui-errorpage-message.tph {
  color: var(--bui-color-fg-default);
  font-size: var(--bui-title-size-4);
  margin-top: 40rpx;
  white-space: pre-wrap
}

.bui-errorpage-sub-title.tph {
  color: #999;
  font-size: var(--bui-text-size-2);
  margin-top: 12rpx;
  white-space: pre-wrap
}

.promotion-tag-group,
.promotion-tag-half-price.bui-image.tph {
  height: 30rpx
}

.promotion-tag-group .bui-tag-contained.tph {
  background-color: var(--bui-color-red)
}

.promotion-tag-group .bui-tag-outlined.tph {
  border: 2rpx solid var(--bui-color-red);
  color: var(--bui-color-red)
}

.promotion-tag-default {
  background-image: linear-gradient(270deg, #ff7070, #ff72a2);
  font-weight: var(--bui-font-weight-bold);
  height: 30rpx
}

.bui-countdown.tph {
  --font-size: var(--bui-countdown-font-size, var(--bui-text-size-1));
  --color: var(--bui-countdown-color, var(--bui-color-fg-default));
  --font-weight: var(--bui-countdown-font-weight, var(--bui-font-weight-normal));
  --slice-unit-margin: var(--bui-countdown-slice-unit-margin, 0 4rpx);
  color: var(--color);
  font-family: var(--bui-font-family);
  font-size: var(--font-size);
  font-weight: var(--font-weight)
}

.bui-countdown-slice-item.tph,
.bui-countdown-slice.tph,
.bui-countdown.tph {
  align-items: center;
  display: flex;
  flex-direction: row
}

.bui-countdown-slice-value.tph {
  font-family: Helvetica Neue, helvetica, PingFang SC, Chinese Quote, Segoe UI, roboto, Hiragino Sans GB, Microsoft YaHei, arial, sans-serif
}

.bui-countdown-slice-unit.tph {
  margin: var(--slice-unit-margin)
}

.bui-rating.tph {
  --small-margin-right: var(--bui-rating-small-margin-right, 1rpx);
  --medium-margin-right: var(--bui-rating-medium-margin-right, 2rpx);
  --large-margin-right: var(--bui-rating-large-margin-right, 4rpx);
  --large-font-size: var(--bui-rating-large-font-size, 44rpx);
  display: flex;
  flex-wrap: wrap;
  font-family: var(--bui-font-family)
}

.bui-rating-disabled.tph {
  opacity: .5;
  pointer-events: none
}

.bui-rating-container.tph {
  display: flex;
  position: relative
}

.bui-rating-container:last-child.tph {
  margin-right: 0
}

.bui-rating-container-xsmall.tph {
  font-size: var(--bui-text-size-5)
}

.bui-rating-container-small.tph {
  font-size: var(--bui-text-size-1);
  margin-right: var(--small-margin-right)
}

.bui-rating-container-medium.tph {
  font-size: var(--bui-title-size-3);
  margin-right: var(--medium-margin-right)
}

.bui-rating-container-large.tph {
  font-size: var(--large-font-size);
  margin-right: var(--large-margin-right)
}

.bui-rating-item.tph {
  align-items: center;
  color: var(--bui-color-fg-disabled);
  display: flex;
  overflow: hidden
}

.bui-rating-item-input.tph {
  display: none
}

.bui-rating-item-half.tph {
  position: absolute;
  top: 0;
  width: 50%
}

.bui-rating-item-active.tph {
  color: var(--bui-color-warning)
}

.bui-calendar.tph {
  --padding: var(--bui-calendar-padding, 12rpx 24rpx 14rpx);
  --week-height: var(--bui-calendar-week-height, 60rpx);
  --handler-height: var(--bui-calendar-handler-height, 56rpx);
  --handler-margin-bottom: var(--bui-calendar-handler-margin-bottom, 14rpx);
  --handler-text-width: var(--bui-calendar-handler-text-width, 160rpx);
  --handler-btn-width: var(--bui-calendar-handler-btn-width, 92rpx);
  --handler-btn-height: var(--bui-calendar-handler-btn-height, 100%);
  --handler-btn-icon-font-size: var(--bui-calendar-handler-btn-icon-font-size, 56rpx);
  --day-box-height: var(--bui-calendar-day-box-height, 60rpx);
  --day-box-margin-bottom: var(--bui-calendar-day-box-margin-bottom, 14rpx);
  --day-disabled-color: var(--bui-calendar-day-disabled-color, #9c9ca5);
  --middle-color: var(--bui-calendar-middle-color, #000);
  --middle-background-color: var(--bui-calendar-middle-background-color, #ffeaf1);
  --range-both-ends-color: var(--bui-calendar-range-both-ends-color, #000);
  --range-both-ends-background-color: var(--bui-calendar-range-both-ends-background-color, #ffc7da);
  background-color: var(--bui-color-bg-view);
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  font-family: var(--bui-font-family);
  overflow: hidden;
  padding: var(--padding);
  position: relative;
  width: 100%
}

.bui-calendar-week.tph {
  align-items: center;
  color: var(--bui-color-fg-default);
  display: flex;
  font-size: var(--bui-text-size-2);
  font-weight: var(--bui-font-weight-medium);
  height: var(--week-height);
  justify-content: space-between
}

.bui-calendar-week-item.tph {
  align-items: center;
  display: flex;
  justify-content: center;
  width: 14.28%
}

.bui-calendar-week-item:nth-child(1).tph,
.bui-calendar-week-item:nth-child(7).tph {
  color: var(--bui-color-primary)
}

.bui-calendar-handler.tph {
  align-items: center;
  display: flex;
  height: var(--handler-height);
  justify-content: center;
  margin-bottom: var(--handler-margin-bottom)
}

.bui-calendar-handler-text.tph {
  font-size: var(--bui-title-size-3);
  font-weight: var(--bui-font-weight-medium);
  text-align: center;
  width: var(--handler-text-width)
}

.bui-calendar-handler-btn.tph {
  align-items: center;
  display: flex;
  font-size: 32rpx;
  height: var(--handler-btn-height);
  justify-content: center;
  width: var(--handler-btn-width)
}

.bui-calendar-handler-btn-icon.tph {
  font-size: var(--handler-btn-icon-font-size)
}

.bui-calendar-month.tph {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: var(--bui-spacing-sm)
}

.bui-calendar-day-box.tph {
  height: var(--day-box-height);
  margin-bottom: var(--day-box-margin-bottom);
  width: 14.28%
}

.bui-calendar-highlight-day .bui-calendar-day.tph {
  color: var(--bui-color-primary)
}

.bui-calendar-day.tph {
  align-items: center;
  border-radius: var(--bui-shape-radius-default);
  color: var(--bui-color-fg-default);
  display: flex;
  font-size: var(--bui-title-size-4);
  font-weight: var(--bui-font-weight-medium);
  height: 100%;
  justify-content: center;
  width: 100%
}

.bui-calendar-day.bui-calendar-disabled.tph {
  color: var(--day-disabled-color)
}

.bui-calendar-today.tph {
  color: var(--bui-color-primary)
}

.bui-calendar-middle.tph {
  background-color: var(--middle-background-color);
  border-radius: 0;
  color: var(--middle-color)
}

.bui-calendar-start.tph {
  background-color: var(--range-both-ends-background-color);
  color: var(--range-both-ends-color)
}

.bui-calendar-range.tph {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0
}

.bui-calendar-end.tph {
  background-color: var(--range-both-ends-background-color);
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
  color: var(--range-both-ends-color)
}

.bui-tab.tph {
  align-items: center;
  box-sizing: border-box;
  color: var(--color);
  display: flex;
  font-family: var(--bui-font-family);
  height: var(--tab-height);
  justify-content: center;
  padding: var(--tab-padding);
  position: relative;
  white-space: nowrap;
  width: min-content
}

.bui-tab-active.tph,
.bui-tab.tph {
  font-size: var(--font-size);
  line-height: var(--bui-line-height)
}

.bui-tab-active.tph {
  color: var(--active-color);
  font-weight: var(--bui-font-weight-medium)
}

.bui-tab-center.tph {
  flex: 1 0 0;
  margin: 0 auto
}

.bui-tab-miniapp-active.tph {
  color: var(--active-color);
  font-size: var(--font-size);
  font-weight: var(--bui-font-weight-medium);
  line-height: 1.5;
  position: relative
}

.bui-tab-miniapp-active-line.tph {
  background-color: var(--bui-color-primary);
  bottom: 0;
  height: 4rpx;
  left: -24rpx;
  margin: 0 auto !important;
  position: absolute;
  right: -24rpx;
  transition: all .1s cubic-bezier(.4, 0, .2, 1) 0ms;
  width: 36rpx
}

.bui-tab-disabled.tph {
  opacity: .5;
  pointer-events: none
}

.bui-tabpanel.tph {
  font-family: var(--bui-font-family)
}

.bui-tabpanel-active.tph {
  display: block
}

.bui-tabpanel-inactive.tph {
  display: none
}

.bui-dm-show-card.tph {
  background: #fff;
  border-radius: 12rpx;
  box-sizing: border-box;
  display: flex;
  margin-bottom: 18rpx;
  padding: 30rpx 24rpx;
  width: 100%
}

.bui-dm-show-card .dm-show-card-divider.tph {
  height: 24rpx
}

.bui-dm-show-card.status-removed .poster-container-shop.tph {
  opacity: .5
}

.bui-dm-show-card.status-removed .show-content .price-not-sure.tph {
  color: #4d4d56;
  font-size: 24rpx
}

.bui-dm-show-card.bui-dm-show-new-tag.tph {
  background-image: linear-gradient(180deg, #e8fffd, #fff 11%, #fff);
  background-repeat: no-repeat;
  border: 2rpx solid rgba(0, 204, 190, .5)
}

.bui-dm-show-card .poster-container-shop.tph {
  border-radius: 12rpx;
  flex: 0 0 auto;
  flex-shrink: 0;
  height: 202rpx;
  margin-right: 24rpx;
  overflow: hidden;
  position: relative;
  width: 152rpx
}

.bui-dm-show-card .poster-container-shop .poster-tag-top-left.tph,
.bui-dm-show-card .poster-container-shop .poster-tag-top.tph {
  position: absolute;
  top: 6rpx;
  z-index: 9
}

.bui-dm-show-card .poster-container-shop .poster-tag-top.tph {
  right: 6rpx
}

.bui-dm-show-card .poster-container-shop .poster-tag-top-left.tph {
  left: 6rpx
}

.bui-dm-show-card .poster-container-shop .bui-image-img.tph {
  display: block
}

.bui-dm-show-card .poster-container-shop .poster-img.tph {
  border-radius: 12rpx;
  height: 100%;
  width: 100%
}

.bui-dm-show-card .poster-container-shop .video-tag.tph {
  align-items: center;
  background: rgba(0, 0, 0, .8);
  border-radius: 50%;
  bottom: 6rpx;
  display: flex;
  height: 30rpx;
  justify-content: center;
  position: absolute;
  right: 6rpx;
  width: 30rpx
}

.bui-dm-show-card .poster-container-shop .video-tag .icon-video.tph {
  font-size: 42rpx
}

.bui-dm-show-card .poster-container-shop .image-placeholder.tph {
  background: #f5f5f5;
  height: 100%;
  width: 100%
}

.bui-dm-show-card .poster-container-shop .poster-tag-bottom.tph {
  bottom: 0;
  height: 30rpx;
  left: 0;
  position: absolute;
  width: 72rpx
}

.bui-dm-show-card .poster-container-shop .poster-tag-bottom-buy-first.tph {
  bottom: 0;
  height: 30rpx;
  left: 0;
  position: absolute;
  width: 104rpx
}

.bui-dm-show-card .show-content-wrapper.tph {
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  position: relative;
  width: 0
}

.bui-dm-show-card .show-content-wrapper .promotion-item.tph {
  align-items: center;
  color: var(--bui-color-fg-muted);
  display: flex;
  font-size: 22rpx
}

.bui-dm-show-card .show-content-wrapper .promotion-item .promotion-tag.tph {
  flex-shrink: 0;
  height: 28rpx;
  margin-right: 6rpx;
  width: 28rpx
}

.bui-dm-show-card .show-content-wrapper .promotion-item .promotion-desc.tph {
  flex-grow: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 0
}

.bui-dm-show-card .show-content-wrapper .promotion-divider.tph {
  margin: 20rpx 0
}

.bui-dm-show-card .show-content.tph {
  align-items: stretch;
  display: flex;
  flex: 1;
  flex-direction: column;
  position: relative
}

.bui-dm-show-card .show-content .show-title.tph {
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  color: var(--bui-color-fg-default);
  display: -webkit-box;
  font-size: 32rpx;
  font-weight: 500;
  line-height: 42rpx;
  margin: -6rpx 0 10rpx;
  overflow: hidden;
  text-overflow: ellipsis
}

.bui-dm-show-card .show-content .show-title-touring.tph {
  margin-top: 10rpx
}

.bui-dm-show-card .show-content .show-info.tph {
  align-items: center;
  display: flex;
  margin-bottom: 10rpx;
  overflow: hidden
}

.bui-dm-show-card .show-content .show-info .show-info-wanted.tph {
  align-items: center;
  background: var(--bui-color-warning);
  border-radius: 16rpx;
  color: #fff;
  display: flex;
  flex-shrink: 0;
  font-size: 20rpx;
  font-weight: 500;
  height: 32rpx;
  margin-right: 6rpx;
  padding: 0 12rpx
}

.bui-dm-show-card .show-content .show-info .show-info-left.tph {
  align-items: center;
  color: var(--bui-color-warning);
  display: flex;
  flex-shrink: 0;
  font-size: 24rpx;
  font-weight: 500
}

.bui-dm-show-card .show-content .show-info .show-info-left .show-info-score.tph {
  font-size: 28rpx;
  line-height: 28rpx;
  margin-left: 2rpx
}

.bui-dm-show-card .show-content .show-info .show-info-right.tph {
  color: var(--bui-color-warning);
  font-size: 24rpx;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: auto
}

.bui-dm-show-card .show-content .show-adress.tph,
.bui-dm-show-card .show-content .show-date.tph {
  color: #4d4d56;
  font-size: 24rpx;
  line-height: 24rpx;
  margin-bottom: 12rpx
}

.bui-dm-show-card .show-content .show-adress.tph {
  align-items: center;
  display: flex;
  overflow: hidden
}

.bui-dm-show-card .show-content .show-adress .show-city.tph {
  flex-shrink: 0;
  max-width: 100%
}

.bui-dm-show-card .show-content .show-adress .show-city.tph,
.bui-dm-show-card .show-content .show-adress .show-theatre.tph {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: auto
}

.bui-dm-show-card .show-content .show-adress .show-distance.tph {
  white-space: nowrap
}

.bui-dm-show-card .show-content .show-tags.tph {
  align-items: center;
  display: flex;
  flex-wrap: wrap
}

.bui-dm-show-card .show-content .show-tags .bui-tag-group.tph,
.bui-dm-show-card .show-content .show-tags .tag-item.tph {
  margin: 4rpx 4rpx 0 0
}

.bui-dm-show-card .show-content .show-tags .tag-item.tph {
  font-weight: 500
}

.bui-dm-show-card .show-content .show-tags .tag-group-text.tph {
  background: #fff3f3;
  border: 2rpx solid #ff7292;
  color: #ff7292
}

.bui-dm-show-card .show-content .show-tags .tag-normal-bg.tph {
  background: #ff7292
}

.bui-dm-show-card .show-content .show-tags .tag-half-price.tph {
  background-image: url(//gw.alicdn.com/imgextra/i2/O1CN01lGd8yd1NGjwb26rxl_!!6000000001543-2-tps-200-60.png);
  background-repeat: no-repeat;
  background-size: contain;
  color: transparent;
  height: 30rpx;
  margin-right: 4rpx;
  margin-top: 4rpx;
  width: 100rpx
}

.bui-dm-show-card .show-content .show-tags .gray-border.tph {
  border: 2rpx solid #6a7a99;
  padding: 6rpx
}

.bui-dm-show-card .show-content .show-price.tph {
  align-items: baseline;
  display: flex;
  flex-shrink: 0;
  margin-left: auto
}

.bui-dm-show-card .show-content .show-price .price-unit.tph {
  color: #ff4886;
  font-size: 22rpx;
  font-weight: 500;
  line-height: 22rpx
}

.bui-dm-show-card .show-content .show-price .price-count.tph {
  color: #ff4886;
  font-size: 32rpx;
  font-weight: 500;
  line-height: 32rpx;
  margin-right: 4rpx
}

.bui-dm-show-card .show-content .show-price .price-start.tph {
  color: #4d4d56;
  font-size: 22rpx;
  line-height: 22rpx;
  position: relative;
  top: -2rpx
}

.bui-dm-show-card .show-content .price-not-sure.tph {
  color: #ff4886;
  display: inline-block;
  font-size: 24rpx;
  font-weight: 500;
  line-height: 24rpx;
  max-width: 140rpx;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: auto
}

.bui-dm-show-card .show-content .show-content-footer.tph {
  display: flex;
  justify-content: space-between;
  margin-top: auto
}

.bui-dm-show-card .bui-divider.tph {
  border-color: #e9ebef;
  margin: 0 6rpx
}

.bui-dm-show-card .poster-container-touring.tph {
  border-radius: 12rpx;
  flex: 0 0 auto;
  flex-shrink: 0;
  height: 270rpx;
  margin-right: 24rpx;
  overflow: hidden;
  position: relative;
  width: 204rpx
}

.bui-dm-show-card .poster-container-touring .poster-tag-top-left.tph,
.bui-dm-show-card .poster-container-touring .poster-tag-top.tph {
  position: absolute;
  top: 6rpx;
  z-index: 9
}

.bui-dm-show-card .poster-container-touring .poster-tag-top.tph {
  right: 6rpx
}

.bui-dm-show-card .poster-container-touring .poster-tag-top-left.tph {
  left: 6rpx
}

.bui-dm-show-card .poster-container-touring .bui-image-img.tph {
  display: block
}

.bui-dm-show-card .poster-container-touring .poster-img.tph {
  border-radius: 12rpx;
  height: 100%;
  width: 100%
}

.bui-dm-show-card .poster-container-touring .video-tag.tph {
  align-items: center;
  background: rgba(0, 0, 0, .8);
  border-radius: 50%;
  bottom: 6rpx;
  display: flex;
  height: 30rpx;
  justify-content: center;
  position: absolute;
  right: 6rpx;
  width: 30rpx
}

.bui-dm-show-card .poster-container-touring .video-tag .icon-video.tph {
  font-size: 42rpx
}

.bui-dm-show-card .poster-container-touring .image-placeholder.tph {
  background: #f5f5f5;
  height: 100%;
  width: 100%
}

.bui-dm-show-card .poster-container-touring .poster-tag-bottom.tph {
  bottom: 0;
  height: 30rpx;
  left: 0;
  position: absolute;
  width: 72rpx
}

.bui-btn-wrapper.tph {
  align-items: center;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  height: 222rpx;
  justify-content: center;
  position: absolute;
  right: 0;
  top: 0
}

.bui-btn-wrapper.ratio-wrapper.tph {
  min-width: 48rpx
}

.bui-btn-wrapper .bui-btn-medium.tph {
  height: 48rpx
}

.bui-dm-show-card-merge .show-content .show-title.tph {
  font-size: 28rpx;
  margin-top: 6rpx;
  max-width: 80%
}

.bui-dm-show-card-merge .show-adress.tph {
  max-width: 80%
}

.bui-dm-show-card-merge .show-content .show-date.tph {
  max-width: 80%
}

.bui-dm-show-card-merge .show-content .show-adress.tph,
.bui-dm-show-card-merge .show-content .show-date.tph {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: auto
}

.bui-dm-show-card-merge .poster-container-shop .poster-tag-top.tph {
  left: 6rpx;
  right: unset
}

.bui-dm-show-card-pioneer .movie-card-btn.tph {
  border-radius: 18rpx
}

.bui-tabs.tph {
  --height: var(--bui-tabs-height, 78rpx);
  --color: var(--bui-tabs-color, var(--bui-color-fg-subtle));
  --active-color: var(--bui-tabs-active-color, var(--bui-color-fg-default));
  --line-color: var(--bui-tabs-line-color, var(--bui-color-primary));
  --line-height: var(--bui-tabs-line-height, 3PX);
  --line-width: var(--bui-tabs-line-width, 36rpx);
  --mask-width: var(--bui-tabs-mask-width, 24rpx);
  --mask-height: var(--bui-tabs-mask-height, 100%);
  --tab-height: var(--bui-tab-height, 100%);
  --tab-padding: var(--bui-tab-padding, var(--bui-spacing-lg) var(--bui-spacing-lg) 20rpx);
  --font-size: var(--bui-tab-font-size, var(--bui-text-size-1));
  font-family: var(--bui-font-family);
  position: relative
}

.bui-tabs-tabs.tph {
  align-items: center;
  display: flex;
  flex-wrap: nowrap;
  height: var(--height);
  justify-content: flex-start;
  overflow-x: scroll;
  position: relative;
  scrollbar-width: none
}

.bui-tabs-tabs::-webkit-scrollbar {
  display: none
}

.bui-tabs-tabline.tph {
  background: var(--line-color);
  border-radius: var(--bui-shape-radius-label);
  bottom: 0;
  color: var(--bui-color-primary);
  height: var(--line-height);
  position: absolute;
  width: var(--line-width)
}

.bui-tabs-content.tph {
  padding: var(--bui-spacing-lg)
}

.bui-tabs-mask.tph {
  bottom: 0;
  height: var(--mask-height);
  pointer-events: none;
  position: absolute;
  top: 0;
  width: var(--mask-width);
  z-index: 1
}

.bui-tabs-mask-left.tph {
  background: linear-gradient(to right, var(--bui-color-bg-view), hsla(0, 0%, 100%, 0));
  left: 0
}

.bui-tabs-mask-right.tph {
  background: linear-gradient(to left, var(--bui-color-bg-view), hsla(0, 0%, 100%, 0));
  right: 0
}

.bui-tabline-invisible.tph {
  background-color: initial;
  visibility: hidden
}

.bui-ball-area-item.tph {
  display: flex;
  flex: 1;
  position: relative;
  width: 0
}

.bui-ball-area-item.bui-ball-area-item-horizontal.tph {
  align-items: center;
  flex-direction: row
}

.bui-ball-area-item.bui-ball-area-item-horizontal .ball-area-item-circle.tph {
  flex-shrink: 0;
  margin-right: 12rpx
}

.bui-ball-area-item.bui-ball-area-item-horizontal .ball-area-item-text.tph {
  color: var(--bui-color-fg-default);
  font-size: 30rpx;
  font-weight: 500;
  line-height: 30rpx;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 100%
}

.bui-ball-area-item.bui-ball-area-item-vertical.tph {
  align-items: center;
  flex-direction: column
}

.bui-ball-area-item.bui-ball-area-item-vertical .ball-area-item-circle.tph {
  margin-bottom: 10rpx
}

.bui-ball-area-item.bui-ball-area-item-vertical .ball-area-item-text.tph {
  color: var(--bui-color-fg-default);
  font-size: var(--bui-text-size-3);
  line-height: var(--bui-text-size-3);
  overflow: hidden;
  text-align: center;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 100%
}

.bui-ball-area-item .ball-area-item-circle.tph {
  align-items: center;
  border-radius: 50%;
  display: flex;
  flex-direction: column;
  position: relative
}

.bui-ball-area-item .ball-area-item-circle-small.tph {
  height: 72rpx;
  width: 72rpx
}

.bui-ball-area-item .ball-area-item-circle-medium.tph {
  height: 80rpx;
  width: 80rpx
}

.bui-ball-area-item .ball-area-item-circle-large.tph {
  height: 90rpx;
  width: 90rpx
}

.bui-ball-area-item .ball-area-item-img.tph {
  background-image: url(https://gw.alicdn.com/imgextra/i3/O1CN01X1CYkt222RzBT436W_!!6000000007062-2-tps-160-160.png);
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  border-radius: 100%;
  height: 100%;
  overflow: hidden;
  width: 100%
}

.bui-ball-area-item-oneline.tph {
  flex: unset;
  flex-shrink: 0
}

.bui-ball-area-item-flag.tph {
  background-color: var(--bui-html-flag-background-color, var(--bui-color-primary));
  background-image: var(--bui-html-flag-background-image);
  border-radius: 16rpx 20rpx 20rpx 0;
  color: #fff;
  font-size: 18rpx;
  height: 30rpx;
  line-height: 30rpx;
  overflow: hidden;
  padding: 0 8rpx;
  position: absolute;
  right: 0;
  top: 0;
  transform: translateY(-50%);
  white-space: nowrap;
  z-index: 1
}

.bui-ball-area-item-flag-animation-scale.tph {
  animation: bui-flag-item-scale 3.6s infinite
}

.bui-ball-area-item .loop-flag-wrapper.tph {
  animation: bui-flag-loop 4.8s steps(2) infinite
}

.bui-ball-area-item .loop-flag-wrapper.loop-flag-scale-wrapper.tph {
  animation: bui-flag-loop 7.2s steps(2) infinite
}

.bui-ball-area-item .loop-flag-wrapper .flag-loop-item.tph {
  align-items: center;
  display: flex;
  height: 32rpx
}

.bui-ball-area-item .loop-flag-wrapper .flag-loop-item-animation-move.tph {
  animation: bui-flag-item-move 2.4s infinite;
  animation-delay: 2.4s
}

.bui-ball-area-item .loop-flag-wrapper .flag-loop-item-animation-fade.tph {
  animation: bui-flag-item-fade 2.4s infinite
}

@keyframes bui-flag-loop {
  0% {
    transform: translate(0)
  }

  100% {
    transform: translateY(-64rpx)
  }
}

@keyframes bui-flag-item-move {
  0% {
    transform: translate(0)
  }

  100%,
  50% {
    transform: translateY(-32rpx)
  }
}

@keyframes bui-flag-item-scale {
  0% {
    top: -20%;
    transform: scale(.1)
  }

  10%,
  50%,
  90% {
    top: -20%;
    transform: scale(1)
  }

  100% {
    top: -20%;
    transform: scale(.1)
  }
}

@keyframes bui-flag-item-fade {
  0% {
    opacity: 0
  }

  100%,
  50% {
    opacity: 1
  }
}

.bui-card-header.tph {
  --padding: var(--bui-card-header-padding, var(--bui-spacing-md) var(--bui-spacing-lg));
  --end-icon-margin-left: var(--bui-card-header-end-icon-margin-left, 4rpx);
  align-items: center;
  color: var(--bui-color-fg-default);
  display: flex;
  flex-direction: row;
  font-family: var(--bui-font-family);
  font-size: var(--bui-title-size-4);
  font-weight: var(--bui-font-weight-medium);
  padding: var(--bui-spacing-md) var(--bui-spacing-lg);
  position: relative
}

.bui-card-header-title.tph {
  flex-shrink: 0;
  max-width: 100%
}

.bui-card-header-subtitle.tph,
.bui-card-header-title.tph {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap
}

.bui-card-header-subtitle.tph {
  color: var(--bui-color-fg-subtle);
  font-size: var(--bui-text-size-3);
  font-weight: 400;
  padding: 0 var(--bui-spacing-xs)
}

.bui-card-header-extra.tph {
  white-space: nowrap
}

.bui-card-header-end-icon.tph {
  align-items: center;
  display: flex;
  flex-direction: row
}

.bui-card-header-end-icon.tph,
.bui-card-header-extra.tph {
  color: var(--bui-color-fg-subtle);
  font-size: var(--bui-text-size-3);
  font-weight: 400;
  margin-left: auto
}

.bui-card-header-extra+.bui-card-header-end-icon.tph {
  margin-left: 4rpx
}

.bui-card.tph {
  background-color: var(--bui-color-bg-view);
  border-radius: var(--bui-shape-radius-card);
  font-family: var(--bui-font-family);
  overflow: hidden
}

.bui-card-header+.bui-card-content.tph {
  padding-top: 0
}

.bui-horizontal-attraction-card.tph {
  background-color: var(--bui-color-white);
  border-radius: var(--bui-spacing-sm);
  box-sizing: border-box;
  max-width: 100%;
  padding: 30rpx 24rpx
}

.bui-horizontal-attraction-card .attraction-main.tph {
  display: flex;
  width: 100%
}

.bui-horizontal-attraction-card .attraction-main .attraction-poster.tph {
  margin-right: var(--bui-spacing-lg);
  position: relative;
  width: 152rpx
}

.bui-horizontal-attraction-card .attraction-main .attraction-poster-tag.tph {
  background-color: rgba(0, 0, 0, .9);
  font-size: 18rpx;
  left: 6rpx;
  position: absolute;
  top: 6rpx;
  z-index: 9
}

.bui-horizontal-attraction-card .attraction-main .attraction-poster-img.tph {
  border-radius: var(--bui-shape-radius-default);
  height: 152rpx;
  width: 152rpx
}

.bui-horizontal-attraction-card .attraction-main .attraction-poster-img .img-placeholder.tph {
  background-color: var(--bui-color-bg-default);
  height: 100%;
  width: 100%
}

.bui-horizontal-attraction-card .attraction-main .attraction-content.tph {
  flex: 1;
  overflow: hidden
}

.bui-horizontal-attraction-card .attraction-main .attraction-content-top.tph {
  height: 132rpx;
  margin-bottom: 4rpx
}

.bui-horizontal-attraction-card .attraction-main .attraction-content-top-lower.tph {
  height: 104rpx
}

.bui-horizontal-attraction-card .attraction-main .attraction-content .content-title.tph {
  align-items: center;
  display: flex;
  margin-bottom: 8rpx
}

.bui-horizontal-attraction-card .attraction-main .attraction-content .content-title .content-title-text.tph {
  color: var(--bui-color-fg-default);
  font-size: 32rpx;
  font-weight: var(--bui-font-weight-medium);
  line-height: 44rpx;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: auto
}

.bui-horizontal-attraction-card .attraction-main .attraction-content .content-title-tag.tph {
  background-color: #eff0f3;
  color: #6a7a99;
  flex-shrink: 0;
  font-size: 20rpx;
  font-weight: 500;
  margin-left: 8rpx
}

.bui-horizontal-attraction-card .attraction-main .attraction-content .recommend-tag.tph {
  display: flex;
  height: 36rpx;
  margin-bottom: 10rpx
}

.bui-horizontal-attraction-card .attraction-main .attraction-content .recommend-tag-icon.tph {
  background: url(https://gw.alicdn.com/imgextra/i1/O1CN01aIveL11fIGXcYk4AR_!!6000000003983-2-tps-48-60.png)no-repeat 50%;
  background-size: 100%auto;
  border-radius: 8rpx 0 0 8rpx;
  flex-shrink: 0;
  height: 100%;
  width: 36rpx
}

.bui-horizontal-attraction-card .attraction-main .attraction-content .recommend-tag-text.tph {
  align-items: center;
  background-color: #fff7e9;
  border-radius: 0 8rpx 8rpx 0;
  color: #874953;
  flex-shrink: 0;
  font-size: 20rpx;
  font-weight: 500;
  height: 100%;
  line-height: 36rpx;
  max-width: calc(100% - 52rpx);
  overflow: hidden;
  padding: 0 8rpx;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: auto
}

.bui-horizontal-attraction-card .attraction-main .attraction-content .attraction-address.tph {
  align-items: center;
  color: var(--bui-color-neutral-2);
  display: flex;
  font-size: 24rpx
}

.bui-horizontal-attraction-card .attraction-main .attraction-content .attraction-address .address-distance.tph {
  flex-shrink: 0
}

.bui-horizontal-attraction-card .attraction-main .attraction-content .attraction-address .address-divider.tph {
  border-color: #e9ebef;
  margin: 0 12rpx
}

.bui-horizontal-attraction-card .attraction-main .attraction-content .attraction-address .address-detail.tph {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: auto
}

.bui-horizontal-attraction-card .attraction-main .attraction-content .attraction-price.tph {
  align-items: baseline;
  display: flex;
  justify-content: space-between
}

.bui-horizontal-attraction-card .attraction-main .attraction-content .attraction-price-left .today-order-tag.tph {
  font-weight: var(--bui-font-weight-bold);
  margin-right: 6rpx
}

.bui-horizontal-attraction-card .attraction-main .attraction-content .attraction-price-left .retreat-tag.tph {
  color: #8896b1;
  font-weight: var(--bui-font-weight-bold)
}

.bui-horizontal-attraction-card .attraction-main .attraction-content .attraction-price-right.tph {
  align-items: baseline;
  color: #959aa5;
  display: flex;
  flex-shrink: 0;
  font-size: 20rpx
}

.bui-horizontal-attraction-card .attraction-main .attraction-content .attraction-price-right .discount-tag.tph {
  margin-right: 6rpx
}

.bui-horizontal-attraction-card .attraction-main .attraction-content .attraction-price-right .discount-tag.promotion-tag-half-price.tph {
  transform: translateY(4rpx)
}

.bui-horizontal-attraction-card .attraction-main .attraction-content .attraction-price-right .attraction-price-tickets.tph {
  align-items: baseline;
  display: flex
}

.bui-horizontal-attraction-card .attraction-main .attraction-content .attraction-price-right .attraction-price-tickets .ml-2.tph {
  margin-left: 4rpx
}

.bui-horizontal-attraction-card .attraction-main .attraction-content .attraction-price-right .attraction-price-tickets .mr-2.tph {
  margin-right: 4rpx
}

.bui-horizontal-attraction-card .attraction-main .attraction-content .attraction-price-right .attraction-price-tickets .price-text.tph {
  font-size: 24rpx;
  max-width: 290rpx;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: auto
}

.bui-horizontal-attraction-card .attraction-show.tph {
  align-items: center;
  background-color: #f5f6f8;
  border-radius: var(--bui-shape-radius-default);
  box-sizing: border-box;
  display: flex;
  height: 60rpx;
  margin-top: var(--bui-spacing-md);
  padding: 0 var(--bui-spacing-md);
  width: 100%
}

.bui-horizontal-attraction-card .attraction-show-type.tph {
  color: var(--bui-color-fg-default);
  flex-shrink: 0;
  font-size: 24rpx;
  font-weight: var(--bui-font-weight-medium)
}

.bui-horizontal-attraction-card .attraction-show-divider.tph {
  border-color: #e9ebef;
  margin: 0 12rpx
}

.bui-horizontal-attraction-card .attraction-show-name.tph {
  color: var(--bui-color-neutral-2);
  font-size: 24rpx;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: auto
}

.bui-horizontal-attraction-card .attraction-show-right.tph {
  align-items: center;
  display: flex;
  flex: 1 0 auto;
  flex-shrink: 0;
  justify-content: flex-end;
  padding-left: 24rpx
}

.bui-horizontal-attraction-card .attraction-show-right .show-price.tph {
  align-items: baseline;
  display: flex;
  flex-shrink: 0
}

.bui-horizontal-attraction-card .attraction-show-right .price-text.tph {
  font-size: 24rpx;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: auto
}

.bui-horizontal-attraction-card .attraction-show-tag.tph {
  margin-right: 6rpx
}

.bui-horizontal-attraction-card .price-unit.tph {
  color: var(--bui-color-red);
  font-size: 20rpx;
  font-weight: 500
}

.bui-horizontal-attraction-card .price-number.tph {
  color: var(--bui-color-red);
  font-size: 30rpx;
  font-weight: 700
}

.bui-horizontal-attraction-card .price-desc.tph {
  color: #959aa5;
  font-size: 20rpx
}

.bui-stack.tph {
  align-items: var(--align-items);
  column-gap: var(--spacing);
  display: flex;
  flex-direction: var(--flex-direction);
  flex-wrap: var(--flex-wrap);
  font-family: var(--bui-font-family);
  justify-content: var(--justify-content);
  row-gap: var(--spacing)
}

.bui-card-content.tph {
  color: var(--bui-color-fg-muted);
  font-family: var(--bui-font-family);
  font-size: var(--bui-text-size-2);
  padding: var(--bui-spacing-lg)
}

@media (prefers-color-scheme:light) {
  [data-color-mode="auto"][data-theme="dm"] {
    --bui-color-blue: #48b1f1;
    --bui-color-orange: #ff8f3f;
    --bui-color-gray: #f5f5f5;
    --bui-color-pink: #ff8e92;
    --bui-color-neutral-2: #4d4d56;
    --bui-color-neutral-3: #9c9ca5;
    --bui-color-neutral-5: #f1f1f1;
    --bui-color-bg-default: #f4f5f6;
    --bui-color-powder-start: #ff72a2;
    --bui-color-powder-end: #ff7070;
    --bui-title-size-2: 40rpx;
    --bui-title-size-3: 36rpx;
    --bui-color-red: #ff4886;
    --bui-color-fg-default: #2e333e;
    --bui-color-fg-muted: #2e333e;
    --bui-shape-radius-label: 8rpx
  }
}

@media (prefers-color-scheme:dark) {
  [data-color-mode="auto"][data-theme="dm"] {
    --bui-color-neutral-5: #e5e5e5;
    --bui-color-powder-start: #ff4886;
    --bui-color-powder-end: #ffa662;
    --bui-color-fg-default: #f0f6fc;
    --bui-color-fg-muted: #8b949e;
    --bui-color-fg-subtle: #484f58;
    --bui-color-fg-disabled: #484f58;
    --bui-color-bg-default: #010409;
    --bui-color-bg-view: #161b22;
    --bui-color-bg-popover: rgba(72, 79, 88, .7);
    --bui-color-bg-alpha-light-9: rgba(22, 27, 34, .9);
    --bui-color-bg-alpha-light-7: rgba(22, 27, 34, .7);
    --bui-color-bg-alpha-light-5: rgba(22, 27, 34, .5);
    --bui-color-bg-alpha-light-3: rgba(22, 27, 34, .3);
    --bui-color-bg-alpha-light-1: rgba(22, 27, 34, .1);
    --bui-color-bg-alpha-dark-9: rgba(72, 79, 88, .9);
    --bui-color-bg-alpha-dark-7: rgba(72, 79, 88, .7);
    --bui-color-bg-alpha-dark-5: rgba(72, 79, 88, .5);
    --bui-color-bg-alpha-dark-3: rgba(72, 79, 88, .3);
    --bui-color-bg-alpha-dark-1: rgba(72, 79, 88, .1);
    --bui-color-border-default: #30363d
  }
}

.bui-default-light.tph,
[data-color-mode="light"][data-theme="default"],
page,
xhs-page {
  --bui-color-fg-vip-title: #582331;
  --bui-color-fg-vip-subtitle: #874953;
  --bui-color-fg-vip-info: #a67070;
  --bui-color-fg-vip-disabled: #daaaa0;
  --bui-color-bg-rank: #fef4da;
  --bui-color-rank: #d7932c;
  --bui-color-border-vip: hsla(16, 72%, 71%, .4);
  --bui-color-border-rank: rgba(215, 147, 44, .4);
  --bui-color-mystery-start: #f273ff;
  --bui-color-mystery-end: #ca64ff;
  --bui-color-vip-light-start: #ffecc7;
  --bui-color-vip-light-end: #ffdbcf;
  --bui-color-vip-dark-start: #f5ac6b;
  --bui-color-vip-dark-end: #f7846d;
  --bui-color-vip-diamond-start: #202a4d;
  --bui-color-vip-diamond-end: #2b3858;
  --bui-color-red: #ff335c;
  --bui-color-red-light: #ffebef;
  --bui-color-pink: #dd10f2;
  --bui-color-pink-light: #fce7fe;
  --bui-color-orange: #ff8533;
  --bui-color-orange-light: #fff0e5;
  --bui-color-green: #00d68f;
  --bui-color-green-light: #dcf9f0;
  --bui-color-purple: #8b52ff;
  --bui-color-purple-light: #f2ebff;
  --bui-color-blue: #148aff;
  --bui-color-blue-light: #e1f0ff;
  --bui-color-gray: #8896b1;
  --bui-color-gray-light: #f3f5f8;
  --bui-color-black: #000;
  --bui-color-white: #fff;
  --bui-color-vip: #ff866e;
  --bui-color-neutral-0: var(--bui-color-black);
  --bui-color-neutral-1: #2e333e;
  --bui-color-neutral-2: #5f6672;
  --bui-color-neutral-3: #959aa5;
  --bui-color-neutral-4: #ced1d6;
  --bui-color-neutral-5: #e9ebef;
  --bui-color-neutral-6: #f5f6f8;
  --bui-color-neutral-7: var(--bui-color-white);
  --bui-font-weight-normal: 400;
  --bui-font-weight-medium: 500;
  --bui-font-weight-bold: 600;
  --bui-color-primary: var(--bui-color-red);
  --bui-color-primary-light: var(--bui-color-red-light);
  --bui-color-info: var(--bui-color-blue);
  --bui-color-info-light: var(--bui-color-blue-light);
  --bui-color-success: var(--bui-color-green);
  --bui-color-success-light: var(--bui-color-green-light);
  --bui-color-warning: var(--bui-color-orange);
  --bui-color-warning-light: var(--bui-color-orange-light);
  --bui-color-danger: var(--bui-color-red);
  --bui-color-danger-light: var(--bui-color-red-light);
  --bui-title-size-1: 42rpx;
  --bui-title-size-2: 36rpx;
  --bui-title-size-3: 32rpx;
  --bui-title-size-4: 30rpx;
  --bui-text-size-1: 28rpx;
  --bui-text-size-2: 26rpx;
  --bui-text-size-3: 24rpx;
  --bui-text-size-4: 22rpx;
  --bui-text-size-5: 20rpx;
  --bui-color-fg-default: var(--bui-color-neutral-1);
  --bui-color-fg-muted: var(--bui-color-neutral-2);
  --bui-color-fg-subtle: var(--bui-color-neutral-3);
  --bui-color-fg-disabled: var(--bui-color-neutral-4);
  --bui-color-bg-default: var(--bui-color-neutral-6);
  --bui-color-bg-view: var(--bui-color-neutral-7);
  --bui-color-bg-popover: var(--bui-color-neutral-7);
  --bui-color-bg-alpha-light-9: hsla(0, 0%, 100%, .9);
  --bui-color-bg-alpha-light-7: hsla(0, 0%, 100%, .7);
  --bui-color-bg-alpha-light-5: hsla(0, 0%, 100%, .5);
  --bui-color-bg-alpha-light-3: hsla(0, 0%, 100%, .3);
  --bui-color-bg-alpha-light-1: hsla(0, 0%, 100%, .1);
  --bui-color-bg-alpha-dark-9: rgba(0, 0, 0, .9);
  --bui-color-bg-alpha-dark-7: rgba(0, 0, 0, .7);
  --bui-color-bg-alpha-dark-5: rgba(0, 0, 0, .5);
  --bui-color-bg-alpha-dark-3: rgba(0, 0, 0, .3);
  --bui-color-bg-alpha-dark-1: rgba(0, 0, 0, .1);
  --bui-color-border-default: var(--bui-color-neutral-5);
  --bui-color-border-primary: rgba(255, 51, 92, .4);
  --bui-color-border-info: rgba(20, 138, 255, .4);
  --bui-color-border-success: rgba(0, 214, 143, .4);
  --bui-color-border-warning: rgba(255, 133, 51, .4);
  --bui-color-border-danger: rgba(255, 51, 92, .4);
  --bui-color-border-gray: rgba(136, 150, 177, .4);
  --bui-color-primary-start: #ef16b9;
  --bui-color-primary-end: var(--bui-color-red);
  --bui-color-secondary-start: #f32adf;
  --bui-color-secondary-end: var(--bui-color-pink);
  --bui-color-info-start: #33a7ff;
  --bui-color-info-end: var(--bui-color-blue);
  --bui-color-warning-start: #ffad33;
  --bui-color-warning-end: var(--bui-color-orange);
  --bui-color-success-start: #00ebac;
  --bui-color-success-end: var(--bui-color-green);
  --bui-color-danger-start: #ef16b9;
  --bui-color-danger-end: var(--bui-color-red);
  --bui-color-vip-start: #ffd4a6;
  --bui-color-vip-end: #ffbeae;
  --bui-shape-radius-popover: 36rpx;
  --bui-shape-radius-drawer: 24rpx;
  --bui-shape-radius-card: 18rpx;
  --bui-shape-radius-default: 12rpx;
  --bui-shape-radius-poster: 8rpx;
  --bui-shape-radius-label: 6rpx;
  --bui-spacing-xl: 30rpx;
  --bui-spacing-lg: 24rpx;
  --bui-spacing-md: 18rpx;
  --bui-spacing-sm: 12rpx;
  --bui-spacing-xs: 8rpx;
  --bui-line-height: 1.5;
  --bui-z-index-dropdown: 1000;
  --bui-z-index-affix: 1100;
  --bui-z-index-modal-backdrop: 1200;
  --bui-z-index-modal: 1200;
  --bui-z-index-popover: 1300;
  --bui-z-index-tooltip: 1400;
  --bui-z-index-toast: 1500;
  --bui-font-family: "PingFang SC", "Chinese Quote", "Segoe UI", roboto, "Hiragino Sans GB", "Microsoft YaHei", "Helvetica Neue", helvetica, arial, sans-serif
}

.bui-dark.tph,
[data-color-mode="dark"][data-theme="default"] {
  --bui-color-fg-default: #f0f6fc;
  --bui-color-fg-muted: #8b949e;
  --bui-color-fg-subtle: #484f58;
  --bui-color-fg-disabled: #484f58;
  --bui-color-bg-default: #010409;
  --bui-color-bg-view: #161b22;
  --bui-color-bg-popover: rgba(72, 79, 88, .7);
  --bui-color-bg-alpha-light-9: rgba(22, 27, 34, .9);
  --bui-color-bg-alpha-light-7: rgba(22, 27, 34, .7);
  --bui-color-bg-alpha-light-5: rgba(22, 27, 34, .5);
  --bui-color-bg-alpha-light-3: rgba(22, 27, 34, .3);
  --bui-color-bg-alpha-light-1: rgba(22, 27, 34, .1);
  --bui-color-bg-alpha-dark-9: rgba(72, 79, 88, .9);
  --bui-color-bg-alpha-dark-7: rgba(72, 79, 88, .7);
  --bui-color-bg-alpha-dark-5: rgba(72, 79, 88, .5);
  --bui-color-bg-alpha-dark-3: rgba(72, 79, 88, .3);
  --bui-color-bg-alpha-dark-1: rgba(72, 79, 88, .1);
  --bui-color-border-default: #30363d
}

.bui-dm-light.tph,
[data-color-mode="light"][data-theme="dm"] {
  --bui-color-blue: #48b1f1;
  --bui-color-orange: #ff8f3f;
  --bui-color-gray: #f5f5f5;
  --bui-color-pink: #ff8e92;
  --bui-color-neutral-2: #4d4d56;
  --bui-color-neutral-3: #9c9ca5;
  --bui-color-neutral-5: #f1f1f1;
  --bui-color-bg-default: #f4f5f6;
  --bui-color-powder-start: #ff72a2;
  --bui-color-powder-end: #ff7070;
  --bui-title-size-2: 40rpx;
  --bui-title-size-3: 36rpx;
  --bui-color-red: #ff4886;
  --bui-color-fg-default: #2e333e;
  --bui-color-fg-muted: #2e333e;
  --bui-shape-radius-label: 8rpx
}

.bui-dm-dark.tph,
[data-color-mode="dark"][data-theme="dm"] {
  --bui-color-neutral-5: #e5e5e5;
  --bui-color-powder-start: #ff4886;
  --bui-color-powder-end: #ffa662;
  --bui-color-fg-default: #f0f6fc;
  --bui-color-fg-muted: #8b949e;
  --bui-color-fg-subtle: #484f58;
  --bui-color-fg-disabled: #484f58;
  --bui-color-bg-default: #010409;
  --bui-color-bg-view: #161b22;
  --bui-color-bg-popover: rgba(72, 79, 88, .7);
  --bui-color-bg-alpha-light-9: rgba(22, 27, 34, .9);
  --bui-color-bg-alpha-light-7: rgba(22, 27, 34, .7);
  --bui-color-bg-alpha-light-5: rgba(22, 27, 34, .5);
  --bui-color-bg-alpha-light-3: rgba(22, 27, 34, .3);
  --bui-color-bg-alpha-light-1: rgba(22, 27, 34, .1);
  --bui-color-bg-alpha-dark-9: rgba(72, 79, 88, .9);
  --bui-color-bg-alpha-dark-7: rgba(72, 79, 88, .7);
  --bui-color-bg-alpha-dark-5: rgba(72, 79, 88, .5);
  --bui-color-bg-alpha-dark-3: rgba(72, 79, 88, .3);
  --bui-color-bg-alpha-dark-1: rgba(72, 79, 88, .1);
  --bui-color-border-default: #30363d
}

@media (prefers-color-scheme:light) {
  [data-color-mode="auto"] {
    --bui-color-fg-vip-title: #582331;
    --bui-color-fg-vip-subtitle: #874953;
    --bui-color-fg-vip-info: #a67070;
    --bui-color-fg-vip-disabled: #daaaa0;
    --bui-color-bg-rank: #fef4da;
    --bui-color-rank: #d7932c;
    --bui-color-border-vip: hsla(16, 72%, 71%, .4);
    --bui-color-border-rank: rgba(215, 147, 44, .4);
    --bui-color-mystery-start: #f273ff;
    --bui-color-mystery-end: #ca64ff;
    --bui-color-vip-light-start: #ffecc7;
    --bui-color-vip-light-end: #ffdbcf;
    --bui-color-vip-dark-start: #f5ac6b;
    --bui-color-vip-dark-end: #f7846d;
    --bui-color-vip-diamond-start: #202a4d;
    --bui-color-vip-diamond-end: #2b3858;
    --bui-color-red: #ff335c;
    --bui-color-red-light: #ffebef;
    --bui-color-pink: #dd10f2;
    --bui-color-pink-light: #fce7fe;
    --bui-color-orange: #ff8533;
    --bui-color-orange-light: #fff0e5;
    --bui-color-green: #00d68f;
    --bui-color-green-light: #dcf9f0;
    --bui-color-purple: #8b52ff;
    --bui-color-purple-light: #f2ebff;
    --bui-color-blue: #148aff;
    --bui-color-blue-light: #e1f0ff;
    --bui-color-gray: #8896b1;
    --bui-color-gray-light: #f3f5f8;
    --bui-color-black: #000;
    --bui-color-white: #fff;
    --bui-color-vip: #ff866e;
    --bui-color-neutral-0: var(--bui-color-black);
    --bui-color-neutral-1: #2e333e;
    --bui-color-neutral-2: #5f6672;
    --bui-color-neutral-3: #959aa5;
    --bui-color-neutral-4: #ced1d6;
    --bui-color-neutral-5: #e9ebef;
    --bui-color-neutral-6: #f5f6f8;
    --bui-color-neutral-7: var(--bui-color-white);
    --bui-font-weight-normal: 400;
    --bui-font-weight-medium: 500;
    --bui-font-weight-bold: 600;
    --bui-color-primary: var(--bui-color-red);
    --bui-color-primary-light: var(--bui-color-red-light);
    --bui-color-info: var(--bui-color-blue);
    --bui-color-info-light: var(--bui-color-blue-light);
    --bui-color-success: var(--bui-color-green);
    --bui-color-success-light: var(--bui-color-green-light);
    --bui-color-warning: var(--bui-color-orange);
    --bui-color-warning-light: var(--bui-color-orange-light);
    --bui-color-danger: var(--bui-color-red);
    --bui-color-danger-light: var(--bui-color-red-light);
    --bui-title-size-1: 42rpx;
    --bui-title-size-2: 36rpx;
    --bui-title-size-3: 32rpx;
    --bui-title-size-4: 30rpx;
    --bui-text-size-1: 28rpx;
    --bui-text-size-2: 26rpx;
    --bui-text-size-3: 24rpx;
    --bui-text-size-4: 22rpx;
    --bui-text-size-5: 20rpx;
    --bui-color-fg-default: var(--bui-color-neutral-1);
    --bui-color-fg-muted: var(--bui-color-neutral-2);
    --bui-color-fg-subtle: var(--bui-color-neutral-3);
    --bui-color-fg-disabled: var(--bui-color-neutral-4);
    --bui-color-bg-default: var(--bui-color-neutral-6);
    --bui-color-bg-view: var(--bui-color-neutral-7);
    --bui-color-bg-popover: var(--bui-color-neutral-7);
    --bui-color-bg-alpha-light-9: hsla(0, 0%, 100%, .9);
    --bui-color-bg-alpha-light-7: hsla(0, 0%, 100%, .7);
    --bui-color-bg-alpha-light-5: hsla(0, 0%, 100%, .5);
    --bui-color-bg-alpha-light-3: hsla(0, 0%, 100%, .3);
    --bui-color-bg-alpha-light-1: hsla(0, 0%, 100%, .1);
    --bui-color-bg-alpha-dark-9: rgba(0, 0, 0, .9);
    --bui-color-bg-alpha-dark-7: rgba(0, 0, 0, .7);
    --bui-color-bg-alpha-dark-5: rgba(0, 0, 0, .5);
    --bui-color-bg-alpha-dark-3: rgba(0, 0, 0, .3);
    --bui-color-bg-alpha-dark-1: rgba(0, 0, 0, .1);
    --bui-color-border-default: var(--bui-color-neutral-5);
    --bui-color-border-primary: rgba(255, 51, 92, .4);
    --bui-color-border-info: rgba(20, 138, 255, .4);
    --bui-color-border-success: rgba(0, 214, 143, .4);
    --bui-color-border-warning: rgba(255, 133, 51, .4);
    --bui-color-border-danger: rgba(255, 51, 92, .4);
    --bui-color-border-gray: rgba(136, 150, 177, .4);
    --bui-color-primary-start: #ef16b9;
    --bui-color-primary-end: var(--bui-color-red);
    --bui-color-secondary-start: #f32adf;
    --bui-color-secondary-end: var(--bui-color-pink);
    --bui-color-info-start: #33a7ff;
    --bui-color-info-end: var(--bui-color-blue);
    --bui-color-warning-start: #ffad33;
    --bui-color-warning-end: var(--bui-color-orange);
    --bui-color-success-start: #00ebac;
    --bui-color-success-end: var(--bui-color-green);
    --bui-color-danger-start: #ef16b9;
    --bui-color-danger-end: var(--bui-color-red);
    --bui-color-vip-start: #ffd4a6;
    --bui-color-vip-end: #ffbeae;
    --bui-shape-radius-popover: 36rpx;
    --bui-shape-radius-drawer: 24rpx;
    --bui-shape-radius-card: 18rpx;
    --bui-shape-radius-default: 12rpx;
    --bui-shape-radius-poster: 8rpx;
    --bui-shape-radius-label: 6rpx;
    --bui-spacing-xl: 30rpx;
    --bui-spacing-lg: 24rpx;
    --bui-spacing-md: 18rpx;
    --bui-spacing-sm: 12rpx;
    --bui-spacing-xs: 8rpx;
    --bui-line-height: 1.5;
    --bui-z-index-dropdown: 1000;
    --bui-z-index-affix: 1100;
    --bui-z-index-modal-backdrop: 1200;
    --bui-z-index-modal: 1200;
    --bui-z-index-popover: 1300;
    --bui-z-index-tooltip: 1400;
    --bui-z-index-toast: 1500;
    --bui-font-family: "PingFang SC", "Chinese Quote", "Segoe UI", roboto, "Hiragino Sans GB", "Microsoft YaHei", "Helvetica Neue", helvetica, arial, sans-serif
  }
}

@media (prefers-color-scheme:dark) {
  [data-color-mode="auto"] {
    --bui-color-fg-default: #f0f6fc;
    --bui-color-fg-muted: #8b949e;
    --bui-color-fg-subtle: #484f58;
    --bui-color-fg-disabled: #484f58;
    --bui-color-bg-default: #010409;
    --bui-color-bg-view: #161b22;
    --bui-color-bg-popover: rgba(72, 79, 88, .7);
    --bui-color-bg-alpha-light-9: rgba(22, 27, 34, .9);
    --bui-color-bg-alpha-light-7: rgba(22, 27, 34, .7);
    --bui-color-bg-alpha-light-5: rgba(22, 27, 34, .5);
    --bui-color-bg-alpha-light-3: rgba(22, 27, 34, .3);
    --bui-color-bg-alpha-light-1: rgba(22, 27, 34, .1);
    --bui-color-bg-alpha-dark-9: rgba(72, 79, 88, .9);
    --bui-color-bg-alpha-dark-7: rgba(72, 79, 88, .7);
    --bui-color-bg-alpha-dark-5: rgba(72, 79, 88, .5);
    --bui-color-bg-alpha-dark-3: rgba(72, 79, 88, .3);
    --bui-color-bg-alpha-dark-1: rgba(72, 79, 88, .1);
    --bui-color-border-default: #30363d
  }
}

[data-color-mode="light"],
page,
xhs-page {
  color-scheme: light
}

[data-color-mode="dark"] {
  color-scheme: dark
}

@media (prefers-color-scheme:light) {
  [data-color-mode="auto"] {
    color-scheme: light
  }
}

@media (prefers-color-scheme:dark) {
  [data-color-mode="auto"] {
    color-scheme: dark
  }
}

[data-color-mode] {
  background-color: var(--bui-color-bg-default);
  color: var(--bui-color-fg-default)
}

.h5-body,
.h5-button,
.h5-input,
.h5-select,
.h5-textarea {
  color: inherit;
  font-family: Chinese Quote, Segoe UI, Roboto, PingFang SC, Hiragino Sans GB, Microsoft YaHei, Helvetica Neue, Helvetica, Arial, sans-serif;
  font-size: 30rpx;
  line-height: 1.5
}

.h5-button,
.h5-input,
.h5-select {
  appearance: none;
  outline: none
}

.h5-blockquote,
.h5-dd,
.h5-div,
.h5-dl,
.h5-dt,
.h5-fieldset,
.h5-form,
.h5-h1,
.h5-h2,
.h5-h3,
.h5-h4,
.h5-h5,
.h5-h6,
.h5-input,
.h5-legend,
.h5-li,
.h5-ol,
.h5-p,
.h5-td,
.h5-textarea,
.h5-th,
.h5-ul {
  margin: 0;
  padding: 0
}

.h5-a {
  outline: 0
}

.h5-ol,
.h5-ul {
  list-style-type: none
}

.h5-input {
  line-height: normal
}

.h5-table {
  border-collapse: collapse;
  border-spacing: 0
}

.h5-fieldset,
.h5-img {
  border: 0
}

.h5-li {
  list-style: none
}

.h5-caption,
.h5-th {
  text-align: left
}

.h5-q:after,
.h5-q:before {
  content: ""
}

::-webkit-scrollbar {
  display: none
}

.h5-body {
  margin: 0;
  min-height: 100vh;
  padding: 0 0 var(--safe-area-inset-bottom, 68rpx);
  user-select: none
}

.t-c {
  text-align: center !important
}

.t-l {
  text-align: left !important
}

.t-r {
  text-align: right !important
}

.h5-a {
  color: inherit;
  text-decoration: none
}

.h5-h1,
.head1 {
  font-size: 48rpx;
  font-weight: 600;
  line-height: 1.375
}

.h5-h2,
.head2 {
  font-size: 40rpx;
  font-weight: 600;
  line-height: 1.45
}

.h5-h3,
.head3 {
  font-size: 36rpx;
  font-weight: 600;
  line-height: 1.33
}

.h5-h4,
.head4 {
  font-size: 32rpx;
  font-weight: 500;
  line-height: 1.375
}

.body1 {
  font-size: 30rpx
}

.body2 {
  font-size: 28rpx
}

.secondary1 {
  font-size: 26rpx
}

.secondary2 {
  font-size: 24rpx
}

.secondary3 {
  font-size: 22rpx
}

.fn-show {
  display: block !important
}

.fn-hide {
  display: none !important
}

.fn-visible {
  visibility: visible !important
}

.fn-hidden {
  visibility: hidden !important
}

.fn-left {
  float: left
}

.fn-right {
  float: right
}

.d-block {
  display: block !important
}

.d-none {
  display: none !important
}

.d-inline {
  display: inline !important
}

.d-inline-block {
  display: inline-block !important
}

.d-flex {
  display: flex !important
}

.bui-flex-center.tph {
  align-items: center;
  display: flex;
  justify-content: center
}

.img-fluid {
  height: auto;
  max-width: 100%
}

.default-avatar {
  background-image: url(https://gw.alicdn.com/tfs/TB1Q2zRXuL2gK0jSZFmXXc7iXXa-120-120.png)
}

.tpp-btn {
  background-color: initial;
  background-image: linear-gradient(90deg, var(--bui-color-primary-start, #ef16b9)0, var(--bui-color-primary-end, #ff335c) 100%);
  background-image: linear-gradient(45deg, var(--bui-color-primary-start, #ef16b9)0, var(--bui-color-primary-end, #ff335c) 100%);
  border: 0;
  border-radius: 240rpx;
  box-sizing: border-box;
  color: #fff;
  display: inline-block;
  font-size: 24rpx;
  height: 56rpx;
  line-height: 56rpx;
  padding: 0 26rpx;
  text-align: center;
  user-select: none;
  vertical-align: middle
}

.tpp-btn-primary {
  background-image: linear-gradient(90deg, var(--bui-color-primary-start)0, var(--bui-color-primary-end) 100%);
  background-image: linear-gradient(45deg, var(--bui-color-primary-start)0, var(--bui-color-primary-end) 100%)
}

.tpp-btn-info {
  background-image: linear-gradient(90deg, var(--bui-color-info-start)0, var(--bui-color-info-end) 100%);
  background-image: linear-gradient(45deg, var(--bui-color-info-start)0, var(--bui-color-info-end) 100%)
}

.tpp-btn-warning {
  background-image: linear-gradient(90deg, var(--bui-color-warning-start)0, var(--bui-color-warning-end) 100%);
  background-image: linear-gradient(45deg, var(--bui-color-warning-start)0, var(--bui-color-warning-end) 100%)
}

.tpp-btn-outline,
.tpp-btn-outline-info,
.tpp-btn-outline-primary,
.tpp-btn-outline-warning {
  background-image: none;
  padding: 0 24rpx
}

.tpp-btn-outline {
  border: 2rpx solid #959aa5;
  color: #959aa5
}

.tpp-btn-outline-primary {
  border: 2rpx solid var(--bui-color-primary);
  color: var(--bui-color-primary)
}

.tpp-btn-outline-warning {
  border: 2rpx solid var(--bui-color-warning);
  color: var(--bui-color-warning)
}

.tpp-btn-outline-info {
  border: 2rpx solid var(--bui-color-info);
  color: var(--bui-color-info)
}

.tpp-btn-block {
  border-radius: 0;
  display: block;
  font-size: 34rpx;
  height: 110rpx;
  line-height: 110rpx;
  width: 100%
}

.tpp-btn.disabled,
.tpp-btn:disabled {
  background-color: #c8c8c8;
  background-image: none;
  pointer-events: none
}

.tpp-btn-outline-info.disabled,
.tpp-btn-outline-info:disabled,
.tpp-btn-outline-primary.disabled,
.tpp-btn-outline-primary:disabled,
.tpp-btn-outline.disabled,
.tpp-btn-outline:disabled {
  background-color: initial;
  background-image: none;
  border: 2rpx solid #c8c8c8;
  color: #c8c8c8;
  pointer-events: none
}

.tpp-lbl {
  align-items: center;
  background-color: #f8f8fb;
  border-radius: 6rpx;
  box-sizing: border-box;
  color: #000;
  display: inline-flex;
  font-size: 20rpx;
  font-style: normal;
  font-weight: 400;
  height: 30rpx;
  justify-content: center;
  line-height: 30rpx;
  padding: 0 6rpx;
  position: relative;
  user-select: none;
  white-space: nowrap
}

.tpp-lbl-primary {
  background-color: var(--bui-color-primary)
}

.tpp-lbl-info {
  background-color: var(--bui-color-info)
}

.tpp-lbl-warning {
  background-color: var(--bui-color-warning)
}

.tpp-lbl-success {
  background-color: var(--bui-color-success)
}

.tpp-lbl-outline {
  background-color: initial;
  border: 2rpx solid #959aa5;
  border-radius: 6rpx;
  color: #959aa5
}

.tpp-lbl-outline-primary {
  background-color: initial;
  border: 2rpx solid var(--bui-color-border-primary);
  border-radius: 6rpx;
  color: var(--bui-color-primary)
}

.tpp-lbl-outline-info {
  background-color: initial;
  border: 2rpx solid var(--bui-color-border-info);
  border-radius: 6rpx;
  color: var(--bui-color-info)
}

.tpp-lbl-outline-warning {
  background-color: initial;
  border: 2rpx solid var(--bui-color-border-warning);
  border-radius: 6rpx;
  color: var(--bui-color-warning)
}

.tpp-lbl-outline-success {
  background-color: initial;
  border: 2rpx solid var(--bui-color-border-success);
  border-radius: 6rpx;
  color: var(--bui-color-success)
}

.tpp-i {
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  display: inline-block;
  height: 32rpx;
  position: relative;
  width: 32rpx
}

.bui-icon.tph {
  fill: currentColor;
  height: 28rpx;
  width: 28rpx
}

.tpp-spinner {
  animation: rotation .5s linear infinite;
  border: 4rpx solid var(--bui-color-primary);
  border-bottom: 4rpx solid transparent;
  border-radius: 100%;
  height: 40rpx;
  width: 40rpx
}

.a-cp-loading-indicator,
.a-cp-loading-item,
.tpp-spinner {
  display: inline-block
}

.a-cp-loading-item {
  animation: ACPAULoadingScaleColorBoth .766s ease-in-out infinite alternate;
  height: 20rpx;
  opacity: 0;
  position: relative;
  transform: scale(0);
  width: 20rpx
}

.a-cp-loading-item:before {
  background-color: #108ee9;
  border-radius: 2rpx 4rpx 4rpx 6rpx;
  content: " ";
  height: 38.26rpx;
  left: 50%;
  margin-left: -12.76rpx;
  margin-top: -19.12rpx;
  position: absolute;
  top: 50%;
  transform: skew(-.46rad) scale(.5);
  transform-origin: center center;
  width: 25.5rpx
}

.a-cp-loading-item:nth-child(1) {
  animation-delay: -2.2s
}

.a-cp-loading-item:nth-child(2) {
  animation-delay: -1.966s
}

.a-cp-loading-item:nth-child(3) {
  animation-delay: -1.666s
}

@keyframes ACPAULoadingScaleColorBoth {
  0% {
    opacity: 0;
    transform: scale(0)
  }

  35% {
    opacity: .001;
    transform: scale(.12)
  }

  100% {
    opacity: 1;
    transform: scale(1)
  }
}

@keyframes rotation {
  from {
    transform: rotate(0deg)
  }

  to {
    transform: rotate(359deg)
  }
}

.privacy-modal {
  align-items: center;
  display: flex;
  justify-content: center;
  z-index: 10000
}

.privacy-modal .privacy-modal-card {
  box-sizing: border-box;
  height: 792rpx;
  padding: 42rpx 42rpx 0;
  position: relative;
  width: 600rpx
}

.privacy-modal .privacy-modal-title {
  color: var(--bui-color-fg-default);
  display: flex;
  font-size: 36rpx;
  font-weight: 500;
  justify-content: center;
  width: 100%
}

.privacy-modal .privacy-modal-link {
  color: var(--bui-color-fg-default);
  font-size: 26rpx;
  line-height: 42rpx;
  margin-top: 14rpx;
  width: 100%
}

.privacy-modal .privacy-modal-link-blue {
  color: #148aff
}

.privacy-modal .privacy-modal-content {
  color: var(--bui-color-fg-default);
  font-size: 26rpx;
  line-height: 42rpx;
  margin-top: 6rpx;
  width: 100%
}

.privacy-modal .privacy-modal-btn {
  border-top: 2rpx solid var(--bui-color-border-default);
  bottom: 0;
  display: flex;
  font-size: 34rpx;
  height: 104rpx;
  left: 0;
  position: absolute;
  width: 100%
}

.privacy-modal .privacy-modal-btn-cancel {
  align-items: center;
  border-right: 2rpx solid var(--bui-color-border-default);
  color: #5f6672;
  display: flex;
  justify-content: center;
  width: 50%
}

.privacy-modal .privacy-modal-btn-confirm {
  align-items: center;
  color: #ff335c;
  display: flex;
  font-weight: 500;
  justify-content: center;
  width: 50%
}