.tap-media-page {
  
  background: var(--black-primary);
  bottom: 0;
  box-sizing: border-box;
  left: 0;
  padding-bottom: 0;
  padding-bottom: calc(var(--safe-area-inset-bottom));
  position: fixed;
  right: 0;
  top: 0;
  /*! autoprefixer: off */
  z-index: 300
}

.tap-media-page__header {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: space-between;
  min-height: 56px;
  padding: 0 16px
}

.tap-media-page__header .taptap__main-header-content {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  height: 52px;
  width: 100%
}

.tap-media-page-header__left {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 20px;
  height: 100%;
  width: 100%
}

.tap-media-page-header__left .tap-media-page-header__title {
  margin-left: 14px
}

.media-page__content {
  
  background: var(--black-primary);
  height: calc(100% - 52px);
  overflow: auto;
  padding-bottom: 10px;
  position: relative;
  width: 100%
}

.media-page__header--close {
  cursor: pointer
}

.taptap__main-header-title span {
  font-size: 16px
}

.icon--round {
  border-radius: 50%;
  overflow: hidden
}

.tap-media-modal {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  background: #1a1a1a;
  background: var(--black-10);
  border-radius: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  margin: 10vh auto;
  max-height: 80vh;
  max-width: 496px
}

.tap-media-modal .tap-cell.tap-cell--pc {
  padding-left: 24px;
  padding-right: 24px
}

@media only screen and (max-width: 499px) {
  .tap-media-modal {
    margin:10vh 32px;
    min-width: 311px
  }
}

.media-modal__header {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -ms-flex-direction: row;
  flex-direction: row;
  justify-content: space-between;
  padding: 24px 24px 8px;
  padding: 24px 24px var(--space-m8-w12)
}

.media-modal__header,.media-modal__header--left,.media-modal__header--right {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}

.media-modal__body {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  max-height: calc(80vh - 66px);
  overflow: auto
}

.media-modal__body.media-component-loading {
  height: 300px
}

.media-component-loading {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: center
}

.media-modal__header--close {
  cursor: pointer;
  height: 28px;
  width: 28px
}

.media-modal__header--left .media-modal__header--close {
  margin-right: 26px
}

.tap-media-popup {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-overflow-scrolling: touch;
  background-color: #1a1a1a;
  background-color: var(--black-10);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  max-height: 70vh;
  padding: 16px;
  padding: var(--space-m16-w20);
  position: fixed;
  -webkit-transition: -webkit-transform .3s;
  transition: -webkit-transform .3s;
  transition: transform .3s;
  transition: transform .3s,-webkit-transform .3s;
  z-index: 600
}

.tap-media-popup--no-header,.tap-media-popup.tap-media-popup--border {
  padding: 0
}

.tap-media-popup.tap-media-popup--border .media-popup__header {
  padding: 14px 16px;
  padding: var(--space-m14-w18) var(--space-m16-w20);
  position: relative
}

.tap-media-popup.tap-media-popup--border .media-popup__header:after {
  background: hsla(0,0%,100%,.1);
  background: var(--white-divider);
  bottom: 0;
  content: "";
  display: block;
  height: 1px;
  left: 50%;
  position: absolute;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  width: 100%
}

.tap-media-popup.tap-media-popup--border .media-popup__body {
  padding: 20px 16px
}

.tap-media-popup.tap-media-popup--line {
  padding: 0
}

.tap-media-popup--bottom {
  border-radius: 8px 8px 0 0;
  border-radius: var(--radius-m8-w10) var(--radius-m8-w10) 0 0;
  bottom: 0;
  box-sizing: border-box;
  left: 0;
  padding-bottom: 0;
  /*! autoprefixer: off */
  padding-bottom: calc(var(--safe-area-inset-bottom));
  width: 100%
}

.media-popup__header {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
  flex-direction: row;
  justify-content: space-between
}

.media-popup__body {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  overflow-x: hidden;
  overflow-y: auto
}

.media-sheet__slider-wrapper {
  padding: 8px;
  padding: var(--space-m8-w12)
}

.media-sheet__slider {
  background: #f5f7f8;
  background: var(--gray-01);
  border-radius: 2px;
  border-radius: var(--space-m2-w4);
  height: 4px;
  margin: 0 auto;
  width: 33px
}

.media-popup__header-text {
  padding: 4px 8px;
  padding: var(--space-m4-w6) var(--space-m8-w12)
}

.media-popup__close-icon {
  cursor: pointer;
  font-size: 28px
}

.slide-fade-enter-active {
  -webkit-transition: all .3s ease;
  transition: all .3s ease
}

.slide-fade-leave-active {
  -webkit-transition: all .8s cubic-bezier(1,.5,.8,1);
  transition: all .8s cubic-bezier(1,.5,.8,1)
}

.slide-fade-enter,.slide-fade-leave-to {
  opacity: 0;
  -webkit-transform: translateY(50px);
  transform: translateY(50px)
}

.media-popover__dropdown-menu {
  overflow: auto
}

.media-modal__footer {
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: flex-end;
  padding: 24px
}

.media-modal__footer-direction--column-reverse {
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
  -ms-flex-direction: column-reverse;
  flex-direction: column-reverse
}

.media-modal__footer-direction--row {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row
}

.media-modal__footer-direction--row-reverse {
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
  justify-content: flex-start
}

.tap-text {
  display: block
}

.tap-text__normal-line {
  word-wrap: break-word;
  overflow: hidden;
  word-break: break-word
}

.tap-text__one-line {
  white-space: nowrap
}

.tap-text__multi-line,.tap-text__one-line {
  word-wrap: break-word;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-word
}

.tap-text__multi-line {
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  display: -webkit-box
}

@media only screen and (min-width: 499px) {
  .confirm-footer__button {
    min-width:140px
  }
}

.confirm-footer__button:not(:first-child) {
  margin-left: 16px;
  margin-left: var(--space-m16-w20)
}

.confirm-footer__button--column:not(:first-child) {
  margin-left: 0;
  margin-top: 8px;
  margin-top: var(--space-m8-w12)
}

.confirm-footer__button--full {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1
}

.confirm-footer__button--column {
  -webkit-box-flex: 0;
  -ms-flex: none;
  flex: none;
  margin-right: 0;
  width: 100%
}

@media only screen and (min-width: 499px) {
  .confirm-footer__button--column {
    max-width:448px;
    min-width: 336px
  }
}

.confirm-footer.media-modal__footer-direction--row-reverse .confirm-footer__button:not(:first-child) {
  margin-left: 0
}

.confirm-footer.media-modal__footer-direction--row-reverse .confirm-footer__button:not(:last-child) {
  margin-left: 16px;
  margin-left: var(--space-m16-w20)
}

.confirm-footer.media-modal__footer-direction--column-reverse .confirm-footer__button:not(:first-child) {
  margin-left: 0;
  margin-top: 0
}

.confirm-footer.media-modal__footer-direction--column-reverse .confirm-footer__button:not(:last-child) {
  margin-top: 8px;
  margin-top: var(--space-m8-w12)
}

.confirm-modal__content {
  color: #868c92;
  color: var(--gray-06);
  padding: 0 24px
}

.back-button {
  cursor: pointer;
  font-size: 0
}

.back-button,.icon--transparent {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}

.icon--transparent {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  align-items: center;
  background: rgba(0,0,0,.4);
  background: var(--extension-components-black);
  border-radius: 20px;
  color: #fff;
  color: var(--extension-button-label-white);
  justify-content: center
}

.iframe-login .tap-media-modal {
  border-radius: 0;
  height: 100%;
  margin: 0;
  max-height: none;
  max-width: none;
  width: 100%
}

.iframe-login .media-modal__body {
  height: 100%;
  max-height: 100%;
  width: 100%
}

.iframe-login .media-modal__header {
  display: none
}

.iframe-login .iframe-login__content {
  height: 100%;
  width: 100%
}

.iframe-login .iframe-login__close {
  position: absolute;
  /*! autoprefixer: off */
  right: 24px;
  top: 24px;
  top: calc(24px + var(--safe-area-inset-top))
}

.standalone-layout .iframe-login .iframe-login__close {
  top: calc(24px + max(20px, var(--safe-area-inset-top)))
}

.iframe-login .iframe-login__icon {
  font-size: 22px
}

.iframe-login .iframe-login__loading {
  left: 50%;
  position: absolute;
  top: 50%;
  -webkit-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%)
}

.iframe-login--wild .tap-media-modal {
  border-radius: 8px;
  border-radius: var(--radius-m8-w10);
  height: 90vh;
  margin: 5vh auto;
  overflow: hidden;
  width: 360px
}

.iframe-login--wild .iframe-login__close {
  cursor: pointer;
  right: calc(50vw - 204px)
}

html {
  -webkit-text-size-adjust: 100%
}

body,button,div,input,li,optgroup,p,select,textarea,ul {
  margin: 0;
  padding: 0
}

li,ul {
  list-style: none
}

a,button,div,input {
  -webkit-tap-highlight-color: transparent;
  outline: none
}

button {
  border: none
}

input,textarea {
  outline: none
}

a {
  background-color: transparent;
  color: inherit;
  text-decoration: none
}

b,strong {
  font-weight: bolder
}

code,kbd,samp {
  font-family: monospace,monospace;
  font-size: 1em
}

small {
  font-size: 80%
}

sub,sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline
}

sub {
  bottom: -.25em
}

sup {
  top: -.5em
}

img {
  border-style: none
}

button,input {
  overflow: visible
}

button,select {
  text-transform: none
}

[type=button],[type=reset],[type=submit],button {
  -webkit-appearance: button
}

[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner {
  border-style: none;
  padding: 0
}

[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring {
  outline: 1px dotted ButtonText
}

fieldset {
  padding: .35em .75em .625em
}

legend {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: inherit;
  display: table;
  max-width: 100%;
  padding: 0;
  white-space: normal
}

progress {
  vertical-align: baseline
}

textarea {
  border: none;
  outline: none;
  overflow: auto;
  resize: none
}

[type=checkbox],[type=radio] {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0
}

[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button {
  height: auto
}

[type=search] {
  -webkit-appearance: textfield;
  outline-offset: -2px
}

[type=search]::-webkit-search-decoration {
  -webkit-appearance: none
}

::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit
}

details {
  display: block
}

summary {
  display: list-item
}

template {
  display: none
}

[hidden] {
  display: none
}

:root {
  --safe-area-inset-top: 0;
  --safe-area-inset-right: 0;
  --safe-area-inset-bottom: 0;
  --safe-area-inset-left: 0
}

@supports(bottom: constant(safe-area-inset-bottom)) {
  :root {
    --safe-area-inset-top:constant(safe-area-inset-top);
    --safe-area-inset-right: constant(safe-area-inset-right);
    --safe-area-inset-bottom: constant(safe-area-inset-bottom);
    --safe-area-inset-left: constant(safe-area-inset-left)
  }
}

@supports(bottom: env(safe-area-inset-bottom)) {
  :root {
    --safe-area-inset-top:env(safe-area-inset-top);
    --safe-area-inset-right: env(safe-area-inset-right);
    --safe-area-inset-bottom: env(safe-area-inset-bottom);
    --safe-area-inset-left: env(safe-area-inset-left)
  }
}

.waves-ripple {
  background: radial-gradient(hsla(0,0%,100%,.2) 0,hsla(0,0%,100%,.3) 40%,hsla(0,0%,100%,.4) 50%,hsla(0,0%,100%,.5) 60%,hsla(0,0%,100%,0) 70%);
  background-clip: padding-box;
  border-radius: 100%;
  opacity: 1;
  pointer-events: none;
  position: absolute;
  -webkit-transform: scale(0);
  transform: scale(0);
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none
}

.waves-ripple--active {
  opacity: 1;
  -webkit-transform: scale(3);
  transform: scale(3);
  -webkit-transition: opacity 1.2s ease-out,-webkit-transform .6s ease-out;
  transition: opacity 1.2s ease-out,-webkit-transform .6s ease-out;
  transition: opacity 1.2s ease-out,transform .6s ease-out;
  transition: opacity 1.2s ease-out,transform .6s ease-out,-webkit-transform .6s ease-out
}

.waves-ripple--end {
  opacity: 0;
  -webkit-transition: opacity 0 ease-out,-webkit-transform 0 ease-out;
  transition: opacity 0 ease-out,-webkit-transform 0 ease-out;
  transition: opacity 0 ease-out,transform 0 ease-out;
  transition: opacity 0 ease-out,transform 0 ease-out,-webkit-transform 0 ease-out
}

.van-nav-bar--fixed {
  padding-top: 0;
  /*! autoprefixer: off */
  padding-top: calc(var(--safe-area-inset-top))
}

.standalone-layout .van-nav-bar--fixed {
  padding-top: calc(max(20px, 0));
  padding-top: calc(max(20px, var(--safe-area-inset-top)))
}

.van-toast {
  font-size: 18px;
  font-size: var(--heading-m16-w18-size);
  line-height: 26px;
  line-height: var(--heading-m16-w18-line-height);
  max-width: calc(100% - 120px);
  padding: 12px 24px;
  padding: var(--space-m12-w16) var(--space-m24-w30);
  width: -moz-fit-content
}

@media only screen and (max-width: 499px) {
  .van-toast {
    max-width:calc(100% - 64px)
  }
}

.font-bold,.user-notification__popover .taptap-notice-widget .notice-widget-nav>li.active>a {
  font-weight: 700
}

.italic {
  font-family: tap-intl-font-italic
}

.italic.font-bold,.user-notification__popover .taptap-notice-widget .notice-widget-nav>li.active>a.italic {
  font-family: tap-intl-font-italic-bold
}

.heading-m20-w22 {
  font-size: 22px;
  font-size: var(--heading-m20-w22-size);
  line-height: 30px;
  line-height: var(--heading-m20-w22-line-height)
}

.heading-m16-w18,.search-popover__content .results .suggest-search a,.search-popover__content .results li a,.search-popover__content .search-support__item .suggest-search a,.search-popover__content .search-support__item li a {
  font-size: 18px;
  font-size: var(--heading-m16-w18-size);
  line-height: 26px;
  line-height: var(--heading-m16-w18-line-height)
}

.heading-m14-w16 {
  font-size: 16px;
  font-size: var(--heading-m14-w16-size);
  line-height: 24px;
  line-height: var(--heading-m14-w16-line-height)
}

.heading-m18-w20 {
  font-size: 20px;
  font-size: var(--heading-m18-w20-size);
  line-height: 28px;
  line-height: var(--heading-m18-w20-line-height)
}

.list-heading-m16-w18 {
  font-size: 18px;
  font-size: var(--list-heading-m16-w18-size);
  line-height: 22px;
  line-height: var(--list-heading-m16-w18-line-height)
}

.list-heading-m14-w16 {
  font-size: 16px;
  font-size: var(--list-heading-m14-w16-size);
  line-height: 20px;
  line-height: var(--list-heading-m14-w16-line-height)
}

.paragraph-m16-w16 {
  font-size: 16px;
  font-size: var(--paragraph-m16-w16-size);
  line-height: 24px;
  line-height: var(--paragraph-m16-w16-line-height)
}

.notice-item,.paragraph-m14-w14 {
  font-size: 14px;
  font-size: var(--paragraph-m14-w14-size);
  line-height: 22px;
  line-height: var(--paragraph-m14-w14-line-height)
}

.caption-m12-w14 {
  font-size: 14px;
  font-size: var(--caption-m12-w14-size);
  line-height: 22px;
  line-height: var(--caption-m12-w14-line-height)
}

.caption-m10-w12 {
  font-size: 12px;
  font-size: var(--caption-m10-w12-size);
  line-height: 18px;
  line-height: var(--caption-m10-w12-line-height)
}

.caption-m8-w12 {
  font-size: 12px;
  font-size: var(--caption-m8-w12-size);
  line-height: 18px;
  line-height: var(--caption-m8-w12-line-height)
}

.gray-08,.search-popover__content .results .suggest-search a,.search-popover__content .results li a,.search-popover__content .search-support__item .suggest-search a,.search-popover__content .search-support__item li a {
  color: #1d2127;
  color: var(--gray-08)
}

.gray-06 {
  color: #868c92;
  color: var(--gray-06)
}

.gray-04 {
  color: #b9bec1;
  color: var(--gray-04)
}

.gray-03 {
  color: #d2d7d9;
  color: var(--gray-03)
}

.gray-02 {
  color: #ebeff0;
  color: var(--gray-02)
}

.gray-01 {
  color: #f5f7f8;
  color: var(--gray-01)
}

.primary-white {
  color: #fff;
  color: var(--primary-white)
}

.primary-black {
  color: #000;
  color: var(--primary-black)
}

.primary-red {
  color: #f64c4c;
  color: var(--primary-red)
}

.primary-tap-blue,.primary-tap-blue-light {
  color: #15c5ce;
  color: var(--primary-tap-blue)
}

.primary-tap-orange {
  color: #ff8156;
  color: var(--primary-tap-orange)
}

.primary-tap-orange-light {
  color: #fff5f1;
  color: var(--primary-tap-orange-light)
}

.primary-tap-blue-gradient {
  color: linear-gradient(180deg,#18d6e0,#14c2cb 67.19%,#17d6e1);
  color: var(--primary-tap-blue-gradient)
}

.extension-button-label-white {
  color: #fff;
  color: var(--extension-button-label-white)
}

.green-primary {
  color: #31ff6c;
  color: var(--green-primary)
}

.green-40 {
  color: #1d9941;
  color: var(--green-40)
}

.green-60 {
  color: #14662b;
  color: var(--green-60)
}

.green-80 {
  color: #0a3316;
  color: var(--green-80)
}

.blue-primary {
  color: #0c6fff;
  color: var(--blue-primary)
}

.blue-40 {
  color: #074399;
  color: var(--blue-40)
}

.blue-60 {
  color: #052c66;
  color: var(--blue-60)
}

.blue-80 {
  color: #021633;
  color: var(--blue-80)
}

.coral-primary {
  color: #ff687f;
  color: var(--coral-primary)
}

.coral-40 {
  color: #993e4c;
  color: var(--coral-40)
}

.coral-60 {
  color: #662a33;
  color: var(--coral-60)
}

.coral-80 {
  color: #331519;
  color: var(--coral-80)
}

.lilac-primary {
  color: #e5cdec;
  color: var(--lilac-primary)
}

.lilac-40 {
  color: #897b8e;
  color: var(--lilac-40)
}

.lilac-60 {
  color: #5c525e;
  color: var(--lilac-60)
}

.lilac-80 {
  color: #2e292f;
  color: var(--lilac-80)
}

.black-primary {
  color: #000;
  color: var(--black-primary)
}

.black-10 {
  color: #1a1a1a;
  color: var(--black-10)
}

.black-20 {
  color: #333;
  color: var(--black-20)
}

.black-30 {
  color: #4d4d4d;
  color: var(--black-30)
}

.black-40 {
  color: #666;
  color: var(--black-40)
}

.black-50 {
  color: grey;
  color: var(--black-50)
}

.black-60 {
  color: #c9c5ca;
  color: var(--black-60)
}

.black-70 {
  color: #f4eff4;
  color: var(--black-70)
}

.white-primary {
  color: #fff;
  color: var(--white-primary)
}

.white-divider {
  color: hsla(0,0%,100%,.1);
  color: var(--white-divider)
}

.white-overlay {
  color: rgba(0,0,0,.9);
  color: var(--white-overlay)
}

.white-model {
  color: rgba(0,0,0,.6);
  color: var(--white-model)
}

.white-mark {
  color: rgba(0,0,0,.1);
  color: var(--white-mark)
}

.heading-68 {
  font-size: 68px;
  font-size: var(--heading-68-size);
  letter-spacing: .02em;
  line-height: 1em;
  line-height: var(--heading-68-line-height)
}

.heading-36 {
  font-size: 36px;
  font-size: var(--heading-36-size);
  letter-spacing: .02em;
  line-height: 1.5em;
  line-height: var(--heading-36-line-height)
}

.heading-24 {
  font-size: 24px;
  font-size: var(--heading-24-size);
  letter-spacing: .02em;
  line-height: 1.3em;
  line-height: var(--heading-24-line-height)
}

.heading-20 {
  font-size: 20px;
  font-size: var(--heading-20-size);
  letter-spacing: .02em;
  line-height: 1.3em;
  line-height: var(--heading-20-line-height)
}

.heading-18 {
  font-size: 18px;
  font-size: var(--heading-18-size);
  letter-spacing: .02em;
  line-height: 1.35em;
  line-height: var(--heading-18-line-height)
}

.heading-16 {
  font-size: 16px;
  font-size: var(--heading-16-size);
  letter-spacing: .02em;
  line-height: 1.3em;
  line-height: var(--heading-16-line-height)
}

.heading-14 {
  font-size: 14px;
  font-size: var(--heading-14-size);
  letter-spacing: .02em;
  line-height: 1.3em;
  line-height: var(--heading-14-line-height)
}

.heading-12 {
  font-size: 12px;
  font-size: var(--heading-12-size);
  letter-spacing: .02em;
  line-height: 1.3em;
  line-height: var(--heading-12-line-height)
}

.body-16 {
  font-size: 16px;
  font-size: var(--body-16-size);
  line-height: 1.5em;
  line-height: var(--body-16-line-height)
}

.body-14,.body-16 {
  letter-spacing: .02em
}

.body-14 {
  font-size: 14px;
  font-size: var(--body-14-size);
  line-height: 1.3em;
  line-height: var(--body-14-line-height)
}

.body-13 {
  font-size: 13px;
  font-size: var(--body-13-size);
  line-height: 1.4em;
  line-height: var(--body-13-line-height)
}

.body-12,.body-13 {
  letter-spacing: .02em
}

.body-12 {
  font-size: 12px;
  font-size: var(--body-12-size);
  line-height: 1.3em;
  line-height: var(--body-12-line-height)
}

.caption-11 {
  font-size: 11px;
  font-size: var(--caption-11-size);
  letter-spacing: .02em;
  line-height: 1.2em;
  line-height: var(--caption-11-line-height)
}

.caption-8 {
  font-size: 8px;
  font-size: var(--caption-8-size);
  letter-spacing: .02em;
  line-height: 1.2em;
  line-height: var(--caption-8-line-height)
}

.sprites-icon {
  background-image: url(https://assets.tapimg.com/cupid-apps/web-app-intl/static/img/sprite.01245a5c..png);
  background-size: 301.3333333333px 280.3333333333px
}

.sprites-icon-award {
  background-position: 0 -234.3333333333px;
  height: 46px;
  width: 22px
}

.sprites-icon-blue_front_winking {
  background-position: 0 -201.6666666667px;
  height: 32px;
  width: 32px
}

.sprites-icon-coral_front_cheerful {
  background-position: -32.6666666667px -201.6666666667px;
  height: 32px;
  width: 32px
}

.sprites-icon-coral_front_dead {
  background-position: 0 0;
  height: 100.3333333333px;
  width: 100px
}

.sprites-icon-green_front_starry {
  background-position: -65.3333333333px -201.6666666667px;
  height: 32px;
  width: 32px
}

.sprites-icon-green_front_winking {
  background-position: -100.6666666667px 0;
  height: 100px;
  width: 100px
}

.sprites-icon-harmful_info_report {
  background-position: -169.3333333333px -234.3333333333px;
  height: 18px;
  width: 18px
}

.sprites-icon-ico16-review-notre-color {
  background-position: -242px -234.3333333333px;
  height: 16px;
  width: 16px
}

.sprites-icon-ico16-review-re-color {
  background-position: -225.3333333333px -234.3333333333px;
  height: 16.3333333333px;
  width: 16px
}

.sprites-icon-ico20-review-notre-color {
  background-position: -45.3333333333px -234.3333333333px;
  height: 20px;
  width: 20px
}

.sprites-icon-ico20-review-notre {
  background-position: -66px -234.3333333333px;
  height: 20px;
  width: 20px
}

.sprites-icon-ico20-review-re-color {
  background-position: -86.6666666667px -234.3333333333px;
  height: 20px;
  width: 20px
}

.sprites-icon-ico20-review-re {
  background-position: -107.3333333333px -234.3333333333px;
  height: 20px;
  width: 20px
}

.sprites-icon-ico20-treasure-filled {
  background-position: -128px -234.3333333333px;
  height: 20px;
  width: 20px
}

.sprites-icon-ico20-treasure-outlined {
  background-position: -148.6666666667px -234.3333333333px;
  height: 20px;
  width: 20px
}

.sprites-icon-ico22-treasure-filled {
  background-position: -274px -201.6666666667px;
  height: 22px;
  width: 22px
}

.sprites-icon-ico22-treasure-outlined {
  background-position: -22.6666666667px -234.3333333333px;
  height: 22px;
  width: 22px
}

.sprites-icon-ico24-remove {
  background-position: -249.3333333333px -201.6666666667px;
  height: 24px;
  width: 24px
}

.sprites-icon-ico28-google-play {
  background-position: -220.6666666667px -201.6666666667px;
  height: 28px;
  width: 28px
}

.sprites-icon-ico30-review-notre-color {
  background-position: -98px -201.6666666667px;
  height: 30px;
  width: 30px
}

.sprites-icon-ico30-review-notre {
  background-position: -128.6666666667px -201.6666666667px;
  height: 30px;
  width: 30px
}

.sprites-icon-ico30-review-re-color {
  background-position: -159.3333333333px -201.6666666667px;
  height: 30px;
  width: 30px
}

.sprites-icon-ico30-review-re {
  background-position: -190px -201.6666666667px;
  height: 30px;
  width: 30px
}

.sprites-icon-lilac_front_sad {
  background-position: -201.3333333333px 0;
  height: 100px;
  width: 100px
}

.sprites-icon-lilac_rightBottom_sad {
  background-position: 0 -101px;
  height: 100px;
  width: 100px
}

.sprites-icon-lilac_rightTop_sad {
  background-position: -100.6666666667px -101px;
  height: 100px;
  width: 100px
}

.sprites-icon-report_phone {
  background-position: -188px -234.3333333333px;
  height: 18px;
  width: 18px
}

.sprites-icon-shanghai_record {
  background-position: -206.6666666667px -234.3333333333px;
  height: 18px;
  width: 18px
}

.sprites-icon-white_front_confused {
  background-position: -201.3333333333px -101px;
  height: 100px;
  width: 100px
}

.sf-in-fade-out-enter-active {
  -webkit-transition: all .3s ease;
  transition: all .3s ease
}

.sf-in-fade-out-leave-active {
  -webkit-transition: all .8s cubic-bezier(1,.5,.8,1);
  transition: all .8s cubic-bezier(1,.5,.8,1)
}

.sf-in-fade-out-enter {
  opacity: 0;
  -webkit-transform: translateY(-20px);
  transform: translateY(-20px)
}

.sf-in-fade-out-leave-to {
  opacity: 0
}

.slide-up-in-enter-active,.slide-up-in-leave-active {
  -webkit-transition: all .1s ease-out;
  transition: all .1s ease-out
}

.slide-up-in-enter {
  opacity: 0;
  -webkit-transform: translateY(20px);
  transform: translateY(20px)
}

.slide-up-in-leave-to {
  opacity: 0
}

.svg-icon {
  fill: currentColor;
  height: 1em;
  vertical-align: top;
  width: 1em
}

[class*=icon-10] {
  font-size: 10px
}

[class*=icon-12] {
  font-size: 12px
}

[class*=icon-16] {
  font-size: 16px
}

[class*=icon-20] {
  font-size: 20px
}

[class*=icon-24] {
  font-size: 24px
}

[class*=icon-28] {
  font-size: 28px
}

[class*=icon-32] {
  font-size: 32px
}

[class*=icon-36] {
  font-size: 36px
}

[class*=icon-50] {
  font-size: 50px
}

[class*=icon-64] {
  font-size: 32px
}

[class*=icon-ico10] {
  font-size: 12px;
  font-size: var(--icon-size-m10-w12)
}

[class*=icon-ico12] {
  font-size: 14px;
  font-size: var(--icon-size-m12-w14)
}

[class*=icon-ico16] {
  font-size: 18px;
  font-size: var(--icon-size-m16-w18)
}

[class*=icon-ico20] {
  font-size: 22px;
  font-size: var(--icon-size-m20-w22)
}

[class*=icon-ico22] {
  font-size: 24px;
  font-size: var(--icon-size-m22-w24)
}

[class*=icon-ico24] {
  font-size: 24px;
  font-size: var(--icon-size-m24-w24)
}

[class*=icon-ico28] {
  font-size: 28px;
  font-size: var(--icon-size-m28-w28)
}

[class*=icon-ico-m10-w12] {
  font-size: 12px;
  font-size: var(--icon-size-m10-w12)
}

[class*=icon-ico-m12-w14] {
  font-size: 14px;
  font-size: var(--icon-size-m12-w14)
}

[class*=icon-ico-m14-w16] {
  font-size: 16px;
  font-size: var(--icon-size-m14-w16)
}

[class*=icon-ico-m16-w18] {
  font-size: 18px;
  font-size: var(--icon-size-m16-w18)
}

[class*=icon-ico-m20-w22] {
  font-size: 22px;
  font-size: var(--icon-size-m20-w22)
}

[class*=icon-ico-m22-w24] {
  font-size: 24px;
  font-size: var(--icon-size-m22-w24)
}

[class*=icon-ico-m24-w24] {
  font-size: 24px;
  font-size: var(--icon-size-m24-w24)
}

[class*=icon-ico-m28-w28] {
  font-size: 28px;
  font-size: var(--icon-size-m28-w28)
}

[class*=icon-ico-m24-w36] {
  font-size: 36px;
  font-size: var(--icon-size-m24-w36)
}

.icon-arrow_down {
  width: 28px;
  width: var(--icon-size-m28-w28)
}

.icon-icobtn-tag-add-filled,.icon-icobtn-tag-delete-filled {
  height: 14px;
  width: 14px
}

.icon-FeaturesaddfavStatusoutlined,.icon-FeaturesgroupStatusoutlined,.icon-FeaturesratingStatusoutlined {
  height: 24px;
  height: var(--icon-size-m24-w24);
  width: 24px;
  width: var(--icon-size-m24-w24)
}

.tap-button {
  border-style: solid;
  border-width: 1px;
  cursor: pointer;
  font-weight: 500;
  outline: none;
  padding-left: 16px;
  padding-right: 16px
}

.tap-button--router {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  align-items: center;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  justify-content: center
}

.tap-button__icon {
  color: inherit;
  font-size: 24px;
  font-size: var(--icon-size-m22-w24);
  margin-right: 2px;
  margin-right: var(--space-m2-w4)
}

.tap-button--disabled {
  cursor: not-allowed;
  opacity: .5
}

.tap-button--loading {
  cursor: auto
}

.tap-button--primary {
  background: #15c5ce;
  background: var(--primary-tap-blue);
  border-color: #15c5ce;
  border-color: var(--primary-tap-blue);
  color: #000;
  color: var(--black-primary)
}

.tap-button--primary>.loading-dots__wrapper>.loading-dots__dot {
  background-color: #fff;
  background-color: var(--extension-button-label-white)
}

@media only screen and (min-width: 499px)and (any-hover:hover) {
  .tap-button--primary:not(.tap-button--disabled):not(.tap-button--no-hover) {
    -webkit-transition-duration:.3s;
    transition-duration: .3s;
    -webkit-transition-property: background-color,border-color;
    transition-property: background-color,border-color;
    -webkit-transition-timing-function: ease;
    transition-timing-function: ease
  }

  .tap-button--primary:not(.tap-button--disabled):not(.tap-button--no-hover):hover {
    background-color: #14b9c2;
    background-color: var(--primary-tap-blue-hover);
    border-color: #14b9c2;
    border-color: var(--primary-tap-blue-hover)
  }
}

.tap-button--secondary {
  background: #ecfafb;
  background: var(--primary-tap-blue-light);
  border-color: #ecfafb;
  border-color: var(--primary-tap-blue-light);
  color: #15c5ce;
  color: var(--primary-tap-blue)
}

.tap-button--secondary>.loading-dots__wrapper>.loading-dots__dot {
  background-color: #15c5ce;
  background-color: var(--primary-tap-blue)
}

@media only screen and (min-width: 499px)and (any-hover:hover) {
  .tap-button--secondary:not(.tap-button--disabled):not(.tap-button--no-hover) {
    -webkit-transition-duration:.3s;
    transition-duration: .3s;
    -webkit-transition-property: background-color,border-color;
    transition-property: background-color,border-color;
    -webkit-transition-timing-function: ease;
    transition-timing-function: ease
  }

  .tap-button--secondary:not(.tap-button--disabled):not(.tap-button--no-hover):hover {
    background-color: #deebec;
    background-color: var(--primary-tap-blue-light-hover);
    border-color: #deebec;
    border-color: var(--primary-tap-blue-light-hover)
  }
}

.tap-button--tertiary {
  background: transparent;
  border-color: #ebeff0;
  border-color: var(--gray-02);
  color: #1d2127;
  color: var(--gray-08)
}

.tap-button--tertiary>.loading-dots__wrapper>.loading-dots__dot {
  background-color: #1d2127;
  background-color: var(--gray-08)
}

@media only screen and (min-width: 499px)and (any-hover:hover) {
  .tap-button--tertiary:not(.tap-button--disabled):not(.tap-button--no-hover) {
    -webkit-transition-duration:.3s;
    transition-duration: .3s;
    -webkit-transition-property: background-color,border-color;
    transition-property: background-color,border-color;
    -webkit-transition-timing-function: ease;
    transition-timing-function: ease
  }

  .tap-button--tertiary:not(.tap-button--disabled):not(.tap-button--no-hover):hover {
    background-color: rgba(0,0,0,.06);
    background-color: var(--extension-overlay-black);
    border-color: rgba(0,0,0,.06);
    border-color: var(--extension-overlay-black)
  }
}

.tap-button--quaternary {
  background: transparent;
  border: none;
  color: #15c5ce;
  color: var(--primary-tap-blue)
}

.tap-button--quaternary>.loading-dots__wrapper>.loading-dots__dot {
  background-color: #15c5ce;
  background-color: var(--primary-tap-blue)
}

@media only screen and (min-width: 499px)and (any-hover:hover) {
  .tap-button--quaternary:not(.tap-button--disabled):not(.tap-button--no-hover) {
    -webkit-transition-duration:.3s;
    transition-duration: .3s;
    -webkit-transition-property: background-color,border-color;
    transition-property: background-color,border-color;
    -webkit-transition-timing-function: ease;
    transition-timing-function: ease
  }

  .tap-button--quaternary:not(.tap-button--disabled):not(.tap-button--no-hover):hover {
    background-color: rgba(0,0,0,.06);
    background-color: var(--extension-overlay-black);
    border-color: rgba(0,0,0,.06);
    border-color: var(--extension-overlay-black)
  }
}

.tap-button--special {
  background: #fff;
  background: var(--extension-button-label-white);
  border-color: #fff;
  border-color: var(--extension-button-label-white);
  color: #15c5ce;
  color: var(--primary-tap-blue)
}

.tap-button--special>.loading-dots__wrapper>.loading-dots__dot {
  background-color: #15c5ce;
  background-color: var(--primary-tap-blue)
}

@media only screen and (min-width: 499px)and (any-hover:hover) {
  .tap-button--special:not(.tap-button--disabled):not(.tap-button--no-hover) {
    -webkit-transition-duration:.3s;
    transition-duration: .3s;
    -webkit-transition-property: background-color,border-color;
    transition-property: background-color,border-color;
    -webkit-transition-timing-function: ease;
    transition-timing-function: ease
  }

  .tap-button--special:not(.tap-button--disabled):not(.tap-button--no-hover):hover {
    background-color: rgba(0,0,0,.46);
    background-color: var(--extension-components-black-hover);
    border-color: rgba(0,0,0,.46);
    border-color: var(--extension-components-black-hover)
  }
}

.tap-button--danger {
  background: #f64c4c;
  background: var(--primary-red);
  border-color: #f64c4c;
  border-color: var(--primary-red);
  color: #fff;
  color: var(--extension-button-label-white)
}

@media only screen and (min-width: 499px)and (any-hover:hover) {
  .tap-button--danger:not(.tap-button--disabled):not(.tap-button--no-hover) {
    -webkit-transition-duration:.3s;
    transition-duration: .3s;
    -webkit-transition-property: background-color,border-color;
    transition-property: background-color,border-color;
    -webkit-transition-timing-function: ease;
    transition-timing-function: ease
  }

  .tap-button--danger:not(.tap-button--disabled):not(.tap-button--no-hover):hover {
    background-color: #e74747;
    background-color: var(--primary-red-hover);
    border-color: #e74747;
    border-color: var(--primary-red-hover)
  }
}

.tap-button--danger>.loading-dots__wrapper>.loading-dots__dot {
  background-color: #fff;
  background-color: var(--primary-white)
}

.tap-button--special.tap-button--done {
  background: rgba(0,0,0,.4);
  background: var(--extension-components-black);
  border-color: transparent;
  color: #fff;
  color: var(--extension-button-label-white)
}

@media only screen and (min-width: 499px)and (any-hover:hover) {
  .tap-button--special.tap-button--done:not(.tap-button--disabled):not(.tap-button--no-hover) {
    -webkit-transition-duration:.3s;
    transition-duration: .3s;
    -webkit-transition-property: background-color,border-color;
    transition-property: background-color,border-color;
    -webkit-transition-timing-function: ease;
    transition-timing-function: ease
  }

  .tap-button--special.tap-button--done:not(.tap-button--disabled):not(.tap-button--no-hover):hover {
    background-color: rgba(0,0,0,.46);
    background-color: var(--extension-components-black-hover);
    border-color: rgba(0,0,0,.46);
    border-color: var(--extension-components-black-hover)
  }
}

.tap-button--primary.tap-button--done,.tap-button--secondary.tap-button--done,.tap-button--tertiary.tap-button--done {
  background: #f5f7f8;
  background: var(--gray-01);
  border-color: #ebeff0;
  border-color: var(--gray-02);
  color: #868c92;
  color: var(--gray-06)
}

@media only screen and (min-width: 499px)and (any-hover:hover) {
  .tap-button--primary.tap-button--done:not(.tap-button--disabled):not(.tap-button--no-hover),.tap-button--secondary.tap-button--done:not(.tap-button--disabled):not(.tap-button--no-hover),.tap-button--tertiary.tap-button--done:not(.tap-button--disabled):not(.tap-button--no-hover) {
    -webkit-transition-duration:.3s;
    transition-duration: .3s;
    -webkit-transition-property: background-color,border-color;
    transition-property: background-color,border-color;
    -webkit-transition-timing-function: ease;
    transition-timing-function: ease
  }

  .tap-button--primary.tap-button--done:not(.tap-button--disabled):not(.tap-button--no-hover):hover,.tap-button--secondary.tap-button--done:not(.tap-button--disabled):not(.tap-button--no-hover):hover,.tap-button--tertiary.tap-button--done:not(.tap-button--disabled):not(.tap-button--no-hover):hover {
    background-color: #e6e8e9;
    background-color: var(--gray-01-hover);
    border-color: #e6e8e9;
    border-color: var(--gray-01-hover)
  }
}

.tap-button--small {
  border-radius: 14px;
  font-size: 16px;
  font-size: var(--heading-m14-w16-size);
  height: 28px;
  line-height: 24px;
  line-height: var(--heading-m14-w16-line-height);
  min-width: 70px;
  padding: 0 10px
}

.tap-button--small.tap-button--wide-screen {
  border-radius: 16px;
  height: 32px;
  min-width: 84px;
  padding: 0 10px
}

.tap-button--medium {
  border-radius: 16px;
  font-size: 16px;
  font-size: var(--heading-m14-w16-size);
  height: 32px;
  line-height: 24px;
  line-height: var(--heading-m14-w16-line-height);
  padding: 0 16px
}

.tap-button--large,.tap-button--medium.tap-button--wide-screen {
  border-radius: 20px;
  height: 40px;
  padding: 0 16px
}

.tap-button--large {
  font-size: 16px;
  font-size: var(--heading-m14-w16-size);
  line-height: 24px;
  line-height: var(--heading-m14-w16-line-height)
}

.tap-button--large.tap-button--wide-screen {
  border-radius: 23px;
  height: 46px;
  padding: 0 24px
}

.tap-button--x-large {
  border-radius: 24px;
  font-size: 16px;
  font-size: var(--heading-m14-w16-size);
  height: 48px;
  line-height: 24px;
  line-height: var(--heading-m14-w16-line-height)
}

.tap-button--x-large.tap-button--wide-screen {
  border-radius: 24px;
  height: 48px;
  padding: 0 24px
}

@media only screen and (any-hover: hover)and (min-width:499px)and (any-hover:hover) {
  .common-hover {
    -webkit-transition-duration:.3s;
    transition-duration: .3s;
    -webkit-transition-property: background-color,border-color;
    transition-property: background-color,border-color;
    -webkit-transition-timing-function: ease;
    transition-timing-function: ease
  }

  .common-hover:hover {
    background-color: rgba(0,0,0,.06);
    background-color: var(--extension-overlay-black)
  }
}

@media only screen and (any-hover: hover)and (min-width:499px)and (any-hover:hover) {
  .gray-01-hover {
    -webkit-transition-duration:.3s;
    transition-duration: .3s;
    -webkit-transition-property: background-color,border-color;
    transition-property: background-color,border-color;
    -webkit-transition-timing-function: ease;
    transition-timing-function: ease
  }

  .gray-01-hover:hover {
    background-color: #e6e8e9;
    background-color: var(--gray-01-hover)
  }
}

@media only screen and (any-hover: hover)and (min-width:499px)and (any-hover:hover) {
  .black-10-hover {
    -webkit-transition-duration:.3s;
    transition-duration: .3s;
    -webkit-transition-property: background-color,border-color;
    transition-property: background-color,border-color;
    -webkit-transition-timing-function: ease;
    transition-timing-function: ease
  }

  .black-10-hover:hover {
    background-color: #313131;
    background-color: var(--black-10-hover)
  }
}

@media only screen and (any-hover: hover)and (min-width:499px)and (any-hover:hover) {
  .black-20-hover {
    -webkit-transition-duration:.3s;
    transition-duration: .3s;
    -webkit-transition-property: background-color,border-color;
    transition-property: background-color,border-color;
    -webkit-transition-timing-function: ease;
    transition-timing-function: ease
  }

  .black-20-hover:hover {
    background-color: #474747;
    background-color: var(--black-20-hover)
  }
}

@media only screen and (any-hover: hover)and (min-width:499px)and (any-hover:hover) {
  .black-primary-hover {
    -webkit-transition-duration:.3s;
    transition-duration: .3s;
    -webkit-transition-property: background-color,border-color;
    transition-property: background-color,border-color;
    -webkit-transition-timing-function: ease;
    transition-timing-function: ease
  }

  .black-primary-hover:hover {
    background-color: #191919;
    background-color: var(--black-primary-hover)
  }
}

@media(any-hover: hover) {
  .text-hover:hover {
    text-decoration:underline
  }

  @supports(text-underline-offset:2px) {
    .text-hover:hover {
      text-underline-offset: 2px
    }
  }
}

body {
  
  background: var(--black-primary);
  color: #1d2127;
  color: var(--gray-08);
  font-family: tap-intl-font,-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Arial,PingFang SC,Noto Sans,Roboto,Microsoft Yahei,sans-serif,Apple Color Emoji,Segoe UI Emoji;
  font-size: 0;
  letter-spacing: .02em
}

@media only screen and (min-width: 499px) {
  body {
    background:#000;
    background: var(--black-primary)
  }
}

.pc-layout {
  -webkit-user-select: text;
  -moz-user-select: text;
  -ms-user-select: text;
  user-select: text
}

.mobile.mobile-layout.first-level-padding {
  padding-bottom: 0;
  /*! autoprefixer: off */
  padding-bottom: calc(var(--safe-area-inset-bottom))
}

@font-face {
  font-family: my-van-icon;
  src: url(https://assets.tapimg.com/cupid-apps/web-app-intl/static/fonts/vant-icon-f463a9.aa339ecc..woff2) format("woff2"),url(https://assets.tapimg.com/cupid-apps/web-app-intl/static/fonts/vant-icon-f463a9.04721ff5..woff) format("woff"),url(https://assets.tapimg.com/cupid-apps/web-app-intl/static/fonts/vant-icon-f463a9.6278f58e..ttf) format("truetype")
}

.van-icon {
  font-family: my-van-icon!important
}

@font-face {
  font-family: rate-number-font;
  src: url(https://assets.tapimg.com/cupid-apps/web-app-intl/static/fonts/DIN-Bold.aaeb13e7..woff2) format("woff2"),url(https://assets.tapimg.com/cupid-apps/web-app-intl/static/fonts/DIN-Bold.8a0632ab..woff) format("woff"),url(https://assets.tapimg.com/cupid-apps/web-app-intl/static/fonts/DIN-Bold.95d9dcf1..ttf) format("truetype")
}

@font-face {
  font-display: swap;
  font-family: tap-intl-font;
  font-weight: 400;
  src: url(https://assets.tapimg.com/tap-assets/intl/font/PPNeueMontreal-Regular.woff) format("woff"),url(https://assets.tapimg.com/tap-assets/intl/font/PPNeueMontreal-Regular.woff2) format("woff2"),url(https://assets.tapimg.com/tap-assets/intl/font/PPNeueMontreal-Regular.ttf) format("truetype")
}

@font-face {
  font-display: swap;
  font-family: tap-intl-font;
  font-weight: 700;
  src: url(https://assets.tapimg.com/tap-assets/intl/font/PPNeueMontreal-Bold.woff) format("woff"),url(https://assets.tapimg.com/tap-assets/intl/font/PPNeueMontreal-Bold.woff2) format("woff2"),url(https://assets.tapimg.com/tap-assets/intl/font/PPNeueMontreal-Bold.ttf) format("truetype")
}

@font-face {
  font-display: swap;
  font-family: tap-intl-font;
  font-style: italic;
  font-weight: 700;
  src: url(https://assets.tapimg.com/tap-assets/intl/font/PPNeueMontreal-BoldItalic.woff) format("woff"),url(https://assets.tapimg.com/tap-assets/intl/font/PPNeueMontreal-BoldItalic.woff2) format("woff2"),url(https://assets.tapimg.com/tap-assets/intl/font/PPNeueMontreal-BoldItalic.ttf) format("truetype")
}

@font-face {
  font-display: swap;
  font-family: tap-intl-font;
  font-style: italic;
  src: url(https://assets.tapimg.com/tap-assets/intl/font/PPNeueMontreal-Italic.woff) format("woff"),url(https://assets.tapimg.com/tap-assets/intl/font/PPNeueMontreal-Italic.woff2) format("woff2"),url(https://assets.tapimg.com/tap-assets/intl/font/PPNeueMontreal-Italic.ttf) format("truetype")
}

@font-face {
  font-display: swap;
  font-family: tap-intl-font-italic-bold;
  src: url(https://assets.tapimg.com/tap-assets/intl/font/PPNeueMontreal-BoldItalic.woff) format("woff"),url(https://assets.tapimg.com/tap-assets/intl/font/PPNeueMontreal-BoldItalic.woff2) format("woff2"),url(https://assets.tapimg.com/tap-assets/intl/font/PPNeueMontreal-BoldItalic.ttf) format("truetype")
}

@font-face {
  font-display: swap;
  font-family: tap-intl-font-italic;
  src: url(https://assets.tapimg.com/tap-assets/intl/font/PPNeueMontreal-Italic.woff) format("woff"),url(https://assets.tapimg.com/tap-assets/intl/font/PPNeueMontreal-Italic.woff2) format("woff2"),url(https://assets.tapimg.com/tap-assets/intl/font/PPNeueMontreal-Italic.ttf) format("truetype")
}

.rate-number-font {
  -webkit-font-smoothing: antialiased;
  font-family: rate-number-font
}

#tap {
  
  background: #ffff;
  color: #1d2127;
  color: var(--gray-08);
  font-size: 14px;
  min-height: 100vh
}

button {
  cursor: pointer
}

img {
  content: normal!important
}

.flex-center--y {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}

.flex-center,.flex-center--x {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: center
}

.flex-center {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.flex-1 {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  width: 0
}

.x-start-y-center {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  justify-content: space-between
}

.text-color--primary,a.text-color--primary {
  color: #15c5ce;
  color: var(--primary-tap-blue)
}

.text-color--content {
  color: #1d2127;
  color: var(--gray-08)
}

.text-color--second {
  color: #868c92;
  color: var(--gray-06)
}

.text-color--warning {
  color: #fa0;
  color: var(--extension-yellow)
}

.text-color--description {
  color: #b9bec1;
  color: var(--gray-04)
}

.text-size--11 {
  font-size: 11px
}

.text-size--12 {
  font-size: 12px
}

.text-size--13 {
  font-size: 13px
}

.text-size--14 {
  font-size: 14px
}

.text-size--15 {
  font-size: 15px
}

.font-weight--title {
  font-weight: 500
}

.clearfix:after {
  clear: both;
  content: "";
  display: block;
  height: 0;
  width: 0
}

.content-block--line-bottom {
  position: relative
}

.content-block--line-bottom:after {
  background: hsla(0,0%,100%,.1);
  background: var(--white-divider);
  bottom: 0;
  content: "";
  display: block;
  height: 1px;
  left: 50%;
  position: absolute;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  width: calc(100% - 60rpx)
}

.bb-light {
  border-bottom: 1px solid #ebeff0;
  border-bottom: 1px solid var(--gray-02)
}

.content-block--deep {
  background: #f5f7f8;
  background: var(--extension-background-gray);
  border-radius: 16px
}

.section-divider {
  margin-top: 8px;
  position: relative
}

.section-divider:before {
  background-color: #f5f7f8;
  background-color: var(--gray-01);
  content: "";
  display: block;
  height: 8px;
  left: 0;
  position: absolute;
  top: -8px;
  width: 100%
}

.full-scroll-x {
  -webkit-overflow-scrolling: touch;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 0;
  margin-left: -16px;
  margin-left: calc(0px - var(--space-m16-w20));
  max-width: 100%;
  overflow-x: auto;
  overflow-y: hidden;
  padding-left: 16px;
  padding-left: var(--space-m16-w20);
  white-space: nowrap;
  width: 100%
}

.full-scroll-x>a,.full-scroll-x>div,.full-scroll-x>li {
  vertical-align: top
}

.full-scroll-x::-webkit-scrollbar {
  display: none
}

.full-content-wrap {
  margin-left: -16px;
  margin-left: calc(0px - var(--space-m16-w20));
  margin-right: -16px;
  margin-right: calc(0px - var(--space-m16-w20))
}

.vote-bar .figure-group {
  padding: 0 18px
}

.vote-bar .figure-group:first-child {
  padding-left: 0
}

.vote-bar .figure-group:last-child {
  padding-right: 0
}

.dropdown-menu-list {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: #333;
  background-color: var(--black-20);
  border-radius: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  justify-content: center;
  min-width: 220 rpx;
  overflow: hidden
}

.safe-area-inset-top {
  padding-top: 0;
  /*! autoprefixer: off */
  padding-top: calc(var(--safe-area-inset-top))
}

.standalone-layout .safe-area-inset-top {
  padding-top: calc(max(20px, 0));
  padding-top: calc(max(20px, var(--safe-area-inset-top)))
}

.mix-search-item__divider {
  background: #f5f7f8;
  background: var(--gray-01);
  height: 6px;
  width: 100%
}

.mix-search-item__divider_fine_all {
  background: #f5f7f8;
  background: var(--gray-01);
  height: 1px;
  width: 100%
}

.fade-enter-active,.fade-leave-active {
  -webkit-transition: opacity .2s;
  transition: opacity .2s
}

.fade-enter,.fade-leave-to {
  opacity: 0
}

.modal-backdrop {
  display: none
}

.clickable {
  cursor: pointer
}

.rotate-90 {
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg)
}

.rotate-180 {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg)
}

.rotate-270 {
  -webkit-transform: rotate(-90deg);
  transform: rotate(-90deg)
}

.rotate-x-180 {
  -webkit-transform: rotateX(180deg);
  transform: rotateX(180deg)
}

.rotate-y-180 {
  -webkit-transform: rotateY(180deg);
  transform: rotateY(180deg)
}

.new-page__switch-version-button {
  background: none;
  border: 0;
  color: #ff8156;
  color: var(--primary-tap-orange);
  font-size: 12px
}

.sticky_sentinel {
  height: 1px;
  visibility: hidden
}

.tap-divider-line {
  position: relative
}

.tap-divider-line:after {
  border-bottom: 1px solid rgba(29,33,39,.12);
  border-bottom: 1px solid var(--extension-divider-gray);
  bottom: 0;
  content: "";
  display: block;
  left: -50%;
  pointer-events: none;
  position: absolute;
  -webkit-transform: scale(.5);
  transform: scale(.5);
  width: 200%
}

.tap-divider-line--top {
  position: relative
}

.tap-divider-line--top:after {
  border-bottom: 1px solid rgba(29,33,39,.12);
  border-bottom: 1px solid var(--extension-divider-gray);
  content: "";
  display: block;
  left: -50%;
  pointer-events: none;
  position: absolute;
  top: 0;
  -webkit-transform: scale(.5);
  transform: scale(.5);
  width: 200%
}

.tap-divider-line--bottom {
  position: relative
}

.tap-divider-line--bottom:before {
  border-top: 1px solid rgba(29,33,39,.12);
  border-top: 1px solid var(--extension-divider-gray);
  bottom: 0;
  content: "";
  display: block;
  left: -50%;
  pointer-events: none;
  position: absolute;
  -webkit-transform: scale(.5);
  transform: scale(.5);
  width: 200%
}

.tap-divider-line--left {
  position: relative
}

.tap-divider-line--left:after {
  border-left: 1px solid rgba(29,33,39,.12);
  border-left: 1px solid var(--extension-divider-gray);
  bottom: -50%;
  content: "";
  display: block;
  height: 200%;
  left: 0;
  pointer-events: none;
  position: absolute;
  -webkit-transform: scale(.5);
  transform: scale(.5)
}

.van-tabs .van-tabs__nav--complete {
  padding-left: 0;
  padding-right: 0
}

.label-tag {
  font-size: 12px;
  font-size: var(--body-12-size);
  letter-spacing: .02em;
  line-height: 1.3em;
  line-height: var(--body-12-line-height);
  position: relative
}

.label-tag:not(:last-child) {
  margin-right: 10px
}

.label-tag:not(:last-child):after {
  background: grey;
  background: var(--black-50);
  border-radius: 50%;
  content: "";
  display: block;
  height: 2px;
  margin-top: -1px;
  position: absolute;
  right: -6px;
  top: 50%;
  width: 2px
}

.label-tag--large:not(:last-child) {
  margin-right: 14px
}

.label-tag--large:not(:last-child):after {
  right: -8px
}

.tap-decorate-dash {
  padding: 0 8px;
  padding: 0 var(--space-m8-w12);
  position: relative
}

.tap-decorate-dash:after,.tap-decorate-dash:before {
  background: #b9bec1;
  background: var(--gray-04);
  content: " ";
  height: 1px;
  opacity: .4;
  position: absolute;
  top: calc(50% - .5px);
  width: 7px
}

.tap-decorate-dash:before {
  left: -10px
}

.tap-decorate-dash:after {
  right: -10px
}

.no-content-tips__img {
  display: block;
  margin: 0 auto 16px;
  margin: 0 auto var(--space-m16-w20);
  width: 150px
}

.user-detail__main-header-router.tap-tabs-router-header {
  background: #1a1a1a;
  background: var(--black-10);
  padding-bottom: 12px;
  padding-top: 12px
}

@media only screen and (max-width: 499px) {
  .user-detail__main-header-router.tap-tabs-router-header {
    background:#000;
    background: var(--black-primary)
  }

  .user-detail__main-header-router.tap-tabs-router-header .van-sticky--fixed {
    
    background: var(--black-primary);
    height: auto;
    padding: 12px 16px;
    padding: 12px var(--space-m16-w20)
  }
}

.user-detail__main-header-router.tap-tabs-router-header .tap-slide__content {
  width: 100%
}

.user-detail__main-header-router.tap-tabs-router-header .tap-tabs-router-header__link {
  margin-right: 4px;
  overflow: hidden
}

.user-detail__main-header-router.tap-tabs-router-header .tap-tabs-router-header__link .user-detail__list-tab-item {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background: #333;
  background: var(--black-20);
  color: #4d4d4d;
  color: var(--black-30);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 12px;
  font-size: var(--heading-12-size);
  font-weight: 700;
  justify-content: center;
  padding: 8px 16px
}

@media only screen and (max-width: 499px) {
  .user-detail__main-header-router.tap-tabs-router-header .tap-tabs-router-header__link .user-detail__list-tab-item {
    background:#1a1a1a;
    background: var(--black-10)
  }
}

.user-detail__main-header-router.tap-tabs-router-header .tap-tabs-router-header__link:first-child {
  border-radius: 30px 0 0 30px
}

.user-detail__main-header-router.tap-tabs-router-header .tap-tabs-router-header__link:last-child {
  border-radius: 0 30px 30px 0;
  margin-right: 0
}

.user-detail__main-header-router.tap-tabs-router-header .tap-tabs-router-header__link .user-home__sub-tab-total {
  font-weight: 400
}

.user-detail__main-header-router.tap-tabs-router-header .tap-tabs-router-header__link.tap-slide--active {
  -webkit-transform: inherit;
  transform: inherit
}

.user-detail__main-header-router.tap-tabs-router-header .tap-tabs-router-header__link.tap-slide--active .user-detail__list-tab-item {
  background: #fff;
  background: var(--white-primary);
  color: #000;
  color: var(--black-primary)
}

.select-publish-time__datepicker {
  --v-calendar-picker-color: #333;
  --v-calendar-input-bg-color: #222;
  --v-calendar-select-bg-color: #333;
  --v-calendar-border-color: #323b43;
  --v-calendar-triangle-color: #222;
  --v-calendar-shadow: 0 20px 30px 0 rgba(0,0,0,.2);
  --v-calendar-top-shadow: 3px -14px 30px 0px rgba(0,0,0,.2);
  --v-calendar-text-color: #b8b8b9;
  --v-calendar-action-color: #b8b8b9;
  --v-calendar-text-disabled-color: hsla(240,1%,72%,.486);
  --v-calendar-view-button-color: #b8b8b9;
  --v-calendar-datepicker-icon-color: #b8b8b9;
  --v-calendar-datepicker-icon-size: 1.1rem;
  --v-calendar-active-bg-color: #333;
  --v-calendar-active-text-color: #fff;
  --v-calendar-range-bg-color: #282c34;
  --v-calendar-view-button-font-weight: 00;
  --v-calendar-view-button-font-size: 1.1rem;
  --v-calendar-range-text-color: #ddd;
  --v-calendar-range-radius: 100%;
  --v-calendar-day-hover-bg-color: #313131;
  --v-calendar-day-width: 44px;
  --v-calendar-day-height: 44px;
  --v-calendar-day-font-size: 0.8rem;
  --v-calendar-day-font-weight: 500;
  --v-calendar-input-border: none;
  --v-calendar-input-text-color: $black-60;
  --v-calendar-input-font-size: 13px;
  --v-calendar-input-font-weight: 500;
  --v-calendar-content-radius: 6px;
  --v-calendar-day-name-font-size: 0.9rem;
  --v-calendar-day-name-font-weight: 600;
  --v-calendar-day-name-color: #fff;
  --v-calendar-year-font-size: 1.1rem;
  --v-calendar-year-color: #b8b8b9;
  --v-calendar-year-font-weight: 500;
  --v-calendar-input-bg-disable-color: #f5f5f5;
  --v-calendar-input-text-disable-color: $black-60;
  --v-calendar-year-disabled-color: #b8b8b9;
  --v-calendar-year-disabled-bg-color: transparent;
  --v-calendar-year-padding: 10px;
  --v-calendar-year-border: none;
  --v-calendar-year-border-radius: none;
  --v-calendar-month-font-size: 1.1rem;
  --v-calendar-month-color: #b8b8b9;
  --v-calendar-month-font-weight: 500;
  --v-calendar-month-disabled-color: #b8b8b9;
  --v-calendar-month-disabled-bg-color: transparent;
  --v-calendar-month-padding: 8px;
  --v-calendar-month-border: none;
  --v-calendar-month-border-radius: none
}

.select-publish-time__datepicker.v-calendar {
  left: 0;
  min-width: inherit;
  position: absolute;
  top: 0;
  width: 100%
}

.select-publish-time__datepicker.v-calendar .input-field {
  min-width: auto;
  width: 100%
}

.select-publish-time__datepicker.v-calendar .input-field input {
  background: none;
  cursor: pointer;
  height: 24px;
  padding: 0;
  width: 100%
}

.select-publish-time__datepicker.v-calendar .input-field input:disabled {
  background: none
}

.select-publish-time__datepicker.v-calendar .input-field svg.datepicker {
  display: none
}

.select-publish-time__datepicker.v-calendar.top .content {
  border-radius: 12px;
  height: 375px;
  left: -22px;
  overflow: hidden;
  top: 56px
}

.select-publish-time__datepicker.v-calendar.top .content .calendar:first-child:before {
  left: auto;
  right: 0
}

.select-publish-time__datepicker.v-calendar.top .content .calendar .days .day {
  margin-right: 0
}

.select-publish-time__datepicker.v-calendar.top .content .calendar .days .day .number {
  -webkit-box-sizing: border-box;
  box-sizing: border-box
}

.select-publish-time__datepicker.v-calendar.top .content .calendar .days .day.selectedDate .number {
  border: 1px solid #31ff6c;
  border: 1px solid var(--green-primary)
}

.editor-post__select-side-wrap .tap-radio {
  height: auto;
  margin-right: 6px;
  width: auto
}

.editor-post__select-side-wrap .tap-cell {
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  color: #666;
  color: var(--black-40);
  font-weight: 400;
  justify-content: flex-start;
  margin-bottom: 14px
}

.editor-post__select-side-wrap .tap-cell .tap-radio__circle {
  background: none;
  border-color: #666;
  border-color: var(--black-40);
  height: 16px;
  width: 16px
}

.editor-post__select-side-wrap .tap-cell .tap-radio__dot {
  height: 8px;
  width: 8px
}

.editor-post__select-side-wrap .tap-cell:not(:last-of-type).tap-cell__with-border {
  border: none
}

.editor-post__select-side-wrap .tap-cell.tap-cell--pc {
  padding: 0
}

.editor-post__select-side-wrap .tap-cell:hover {
  background: none
}

.editor-post__select-side-wrap .tap-cell.select-publish-time__item-selected {
  color: #c9c5ca;
  color: var(--black-60)
}

.editor-post__select-side-wrap .tap-cell.select-publish-time__item-selected .tap-radio__dot {
  background: #c9c5ca;
  background: var(--black-60)
}

.editor-post__select-side-wrap .tap-cell.select-publish-time__item-selected .tap-radio__circle {
  border-color: #c9c5ca;
  border-color: var(--black-60)
}

.mt4 {
  margin-top: 4px;
  margin-top: var(--space-m4-w6)
}

.mt8 {
  margin-top: 8px;
  margin-top: var(--space-m8-w10)
}

.mt12 {
  margin-top: 12px;
  margin-top: var(--space-m12-w16)
}

.mt16 {
  margin-top: 16px;
  margin-top: var(--space-m16-w20)
}

.mt24 {
  margin-top: 24px;
  margin-top: var(--space-m24-w30)
}

.mt32 {
  margin-top: 32px;
  margin-top: var(--space-m32-w38)
}

.mr4 {
  margin-right: 4px;
  margin-right: var(--space-m4-w6)
}

.mr16 {
  margin-right: 16px;
  margin-right: var(--space-m16-w20)
}

.mb24 {
  margin-bottom: 24px;
  margin-bottom: var(--space-m24-w30)
}

.ml2 {
  margin-left: 2px;
  margin-left: var(--space-m2-w4)
}

.ml4 {
  margin-left: 4px;
  margin-left: var(--space-m4-w6)
}

.ml8 {
  margin-left: 8px;
  margin-left: var(--space-m8-w10)
}

.ml16 {
  margin-left: 16px;
  margin-left: var(--space-m16-w20)
}

.pt32 {
  margin-top: 32px;
  margin-top: var(--space-m32-w38)
}

@font-face {
  font-family: iconfont;
  src: url(https://assets.tapimg.com/cupid-apps/web-app-intl/static/fonts/iconfont.8a4b2a29..eot);
  src: url(https://assets.tapimg.com/cupid-apps/web-app-intl/static/fonts/iconfont.8a4b2a29..eot#iefix) format("embedded-opentype"),url(https://assets.tapimg.com/cupid-apps/web-app-intl/static/fonts/iconfont.b9af2b13..ttf) format("truetype"),url(https://assets.tapimg.com/cupid-apps/web-app-intl/static/img/iconfont.e1848b97..svg) format("svg")
}

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

.ico-m24-w24-praise-filled1:before {
  content: ""
}

.ico-m28-w28-praise-filled1:before {
  content: ""
}

.ico-m28-w28-bold:before {
  content: ""
}

.ico-m28-w28-uploadDoc:before {
  content: ""
}

.ico-m28-w28-game1:before {
  content: ""
}

.ico-m28-w28-removeFormat:before {
  content: ""
}

.ico-m28-w28-italic:before {
  content: ""
}

.ico-m28-w28-emoji:before {
  content: ""
}

.ico-m28-w28-link:before {
  content: ""
}

.ico-m28-w28-underline:before {
  content: ""
}

.ico-m28-w28-video:before {
  content: ""
}

.ico-m28-w28-pic:before {
  content: ""
}

.ico-m28-w28-bold-filled:before {
  content: ""
}

.ico-m28-w28-emoji-filled:before {
  content: ""
}

.ico-m28-w28-italic-filled:before {
  content: ""
}

.ico-m28-w28-underline-filled:before {
  content: ""
}

.ico-m16-w18-unfold-filled:before {
  content: ""
}

.ico-m20-w22-translate:before {
  content: ""
}

.ico-m24-w24-close:before {
  content: ""
}

.ico-m28-w28-reply:before {
  content: ""
}

.ico-m28-w28-praise:before {
  content: ""
}

.ico-m12-w14-selected:before {
  content: ""
}

.ico-m28-w28-repost:before {
  content: ""
}

.ico-m28-w28-more:before {
  content: ""
}

.ico-m28-w28-search:before {
  content: ""
}

.ico-m28-w28-controller:before {
  content: ""
}

.ico-m28-w28-data:before {
  content: ""
}

.ico-m24-w24-follow:before {
  content: ""
}

.ico-m24-w24-following:before {
  content: ""
}

.m14-w16developerOnBoardStyleShape:before {
  content: ""
}

.ico-m28-w28-addedFav-filled:before {
  content: ""
}

.ico-m28-w28-disableReply:before {
  content: ""
}

.ico-m28-w28-allowReply:before {
  content: ""
}

.ico-m28-w28-editPost:before {
  content: ""
}

.ico-m28-w28-report:before {
  content: ""
}

.ico-m28-w28-submission:before {
  content: ""
}

.ico-m28-w28-share:before {
  content: ""
}

.ico-m28-w28-delete:before {
  content: ""
}

.ico-m28-w28-addFav:before {
  content: ""
}

.ico-m24-w24-moreright:before {
  content: ""
}

.ico-m16-w18-arrowdown:before {
  content: ""
}

.ico-m24-w24-repost:before {
  content: ""
}

.ico-m24-w24-reply:before {
  content: ""
}

.ico-m24-w24-praise:before {
  content: ""
}

.ico-m28-w28-time:before {
  content: ""
}

.ico-m28-w28-game:before {
  content: ""
}

.ico-m28-w28-group:before {
  content: ""
}

.ico-m28-w28-badge:before {
  content: ""
}

.ico-m12-w14-filledarrow-down:before {
  content: ""
}

.ico-m16-w18-search:before {
  content: ""
}

.ico-m16-w18-invisible-outlined:before {
  content: ""
}

.ico-m28-w28-selected:before {
  content: ""
}

.ico-m24-w24-arrow-down:before {
  content: ""
}

.ico-m14-w16-fire:before {
  content: ""
}

.ico-m28-w28-Apple:before {
  content: ""
}

.icon-ico-m20-w22-tag-outlined:before {
  content: ""
}

.icon-ico-m16-w18-praise-filled:before {
  content: ""
}

.icon-ico-m16-w18-Praise:before {
  content: ""
}

.icon-ico-m12-w14-Picture:before {
  content: ""
}

.icon-ico12-topic:before {
  content: ""
}

.ico12-official:before {
  content: ""
}

.ico-m12-w14-elite:before {
  content: ""
}

.ico12-treasure:before {
  content: ""
}

.ico12-pinned:before {
  content: ""
}

.ico-m12-w14-hotsearch:before {
  content: ""
}

.ico-star:before {
  content: ""
}

.ico-m28-w28-moments-outlined:before {
  content: ""
}

.ico-m28-w28-video-outlined:before {
  content: ""
}

.ico-m28-w28-post-outlined:before {
  content: ""
}

.ico-m28-w28-editor:before {
  content: ""
}

.ico20-cleancontents:before {
  content: ""
}

.ico12-down:before {
  content: ""
}

.ico12-up:before {
  content: ""
}

.ico12-na:before {
  content: ""
}

.ico24-applymoderator:before {
  content: ""
}

.icon-ico28-close:before {
  content: ""
}

.icon-ico24-close:before {
  content: ""
}

.icon-ico16-delete:before {
  content: ""
}

.icon-ICO20_close:before {
  content: ""
}

.icon-add-to:before {
  content: ""
}

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

.icon-editor-bold-filled:before {
  content: ""
}

.icon-editor-italic-filled:before {
  content: ""
}

.icon-editor-underline-filled:before {
  content: ""
}

.icon-editor-text-style-filled:before {
  content: ""
}

.icon-editor-text-style:before {
  content: ""
}

.icon-editor-italic:before {
  content: ""
}

.icon-editor-underline:before {
  content: ""
}

.icon-editor-bold:before {
  content: ""
}

.icon-editor-link:before {
  content: ""
}

.icon-editor-pic:before {
  content: ""
}

.icon-editor-video:before {
  content: ""
}

.icon-notifications-new:before {
  content: ""
}

.icon-back-new:before {
  content: ""
}

.icon-mobile-search:before {
  content: ""
}

.icon-back-top:before {
  content: ""
}

.icon-close-notice:before {
  content: ""
}

.icon-broadcast:before {
  content: ""
}

.icon-search-simple:before {
  content: ""
}

.icon-add-new:before {
  content: ""
}

.icon-settings:before {
  content: ""
}

.icon-reviews-pressed:before {
  content: ""
}

.icon-reviews:before {
  content: ""
}

.icon-notifications:before {
  content: ""
}

.icon-notifications-pressed:before {
  content: ""
}

.icon-discover-new-pressed:before {
  content: ""
}

.icon-discover-new:before {
  content: ""
}

.icon-moments-pressed:before {
  content: ""
}

.icon-moments:before {
  content: ""
}

.icon-search-pressed:before {
  content: ""
}

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

.icon-home-new-pressed:before {
  content: ""
}

.icon-home-new:before {
  content: ""
}

.icon-rankings-pressed:before {
  content: ""
}

.icon-rankings:before {
  content: ""
}

.icon-videos-pressed:before {
  content: ""
}

.icon-videos:before {
  content: ""
}

.icon-insights:before {
  content: ""
}

.icon-drawer-menu:before {
  content: ""
}

.icon-silence:before {
  content: ""
}

.icon-strategy:before {
  content: ""
}

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

.icon-inform:before {
  content: ""
}

.icon-no-interest:before {
  content: ""
}

.icon-follow-hollow:before {
  content: ""
}

.icon-unfollow-hollow:before {
  content: ""
}

.icon-down-line-active:before {
  content: ""
}

.icon-houtui:before {
  content: ""
}

.icon-menu:before {
  content: ""
}

.icon-moment:before {
  content: ""
}

.icon-discover:before {
  content: ""
}

.icon-rank:before {
  content: ""
}

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

.icon-notification:before {
  content: ""
}

.icon-recommend-reviews:before {
  content: ""
}

.icon-post-moment:before {
  content: ""
}

.icon-vote-down:before {
  content: ""
}

.icon-dot-more2:before {
  content: ""
}

.icon-share4:before {
  content: ""
}

.icon-vote-up:before {
  content: ""
}

.icon-reply3:before {
  content: ""
}

.icon-forward:before {
  content: ""
}

.icon-vote-up-active:before {
  content: ""
}

.icon-app-review:before {
  content: ""
}

.icon-blind-phone:before {
  content: ""
}

.icon-certificate:before {
  content: ""
}

.icon-fans:before {
  content: ""
}

.icon-forum-post:before {
  content: ""
}

.icon-etiquette:before {
  content: ""
}

.icon-tap-fans:before {
  content: ""
}

.icon-share-new:before {
  content: ""
}

.icon-comment-new:before {
  content: ""
}

.icon-up-new:before {
  content: ""
}

.ic_apple:before {
  content: ""
}

.icon-change:before {
  content: ""
}

.icon-mode-default:before {
  content: ""
}

.icon-triangle:before {
  content: ""
}

.icon-expand:before {
  content: ""
}

.icon-left-button:before {
  content: ""
}

.icon-exit-fullscreen:before {
  content: ""
}

.icon-play2:before {
  content: ""
}

.icon-pause:before {
  content: ""
}

.icon-smallscreen:before {
  content: ""
}

.icon-widescreen:before {
  content: ""
}

.icon-fullscreen:before {
  content: ""
}

.icon-volume:before {
  content: ""
}

.icon-soundoff:before {
  content: ""
}

.icon-tiaotiao:before {
  content: ""
}

.icon-shield:before {
  content: ""
}

.ic-zhongbo:before {
  content: ""
}

.icon-calendar:before {
  content: ""
}

.icon-question2:before {
  content: ""
}

.icon-emoji-select:before {
  content: ""
}

.icon-zibankuai:before {
  content: ""
}

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

.icon-official:before {
  content: ""
}

.icon-elite:before {
  content: ""
}

.icon-is-top:before {
  content: ""
}

.icon-post:before {
  content: ""
}

.icon-set:before {
  content: ""
}

.icon-sort:before {
  content: ""
}

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

.icon-unblock:before {
  content: ""
}

.icon-unfollow:before {
  content: ""
}

.icon-block:before {
  content: ""
}

.icon-interest:before {
  content: ""
}

.icon-follow:before {
  content: ""
}

.icon-loseinterest:before {
  content: ""
}

.icon-complain:before {
  content: ""
}

.icon-eyeclose:before {
  content: ""
}

.icon-share3:before {
  content: ""
}

.icon-comment2:before {
  content: ""
}

.icon-eye2:before {
  content: ""
}

.icon-collect2:before {
  content: ""
}

.icon-drafts:before {
  content: ""
}

.icon-history:before {
  content: ""
}

.icon-pic2:before {
  content: ""
}

.icon-video:before {
  content: ""
}

.icon-game:before {
  content: ""
}

.icon-discord:before {
  content: ""
}

.icon-level:before {
  content: ""
}

.icon-image-text:before {
  content: ""
}

.icon-field-guide:before {
  content: ""
}

.icon-collect-line:before {
  content: ""
}

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

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

.icon-notice:before {
  content: ""
}

.icon-apic:before {
  content: ""
}

.ic_youtube:before {
  content: ""
}

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

.icon-pad:before {
  content: ""
}

.icon-pc:before {
  content: ""
}

.icon-dot-more:before {
  content: ""
}

.icon-plus:before {
  content: ""
}

.icon-recommend:before {
  content: ""
}

.icon-win:before {
  content: ""
}

.icon-switch:before {
  content: ""
}

.icon-ps:before {
  content: ""
}

.icon-xbox:before {
  content: ""
}

.icon-followeachother:before {
  content: ""
}

.icon-upload:before {
  content: ""
}

.icon-stick:before {
  content: ""
}

.icon-question:before {
  content: ""
}

.ic_naver:before {
  content: ""
}

.icon-attachment:before {
  content: ""
}

.icon-btn-more:before {
  content: ""
}

.icon-play:before {
  content: ""
}

.icon-rocket:before {
  content: ""
}

.icon-update:before {
  content: ""
}

.icon-community:before {
  content: ""
}

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

.icon-bell:before {
  content: ""
}

.icon-list-unordered:before {
  content: ""
}

.icon-comment:before {
  content: ""
}

.icon-link:before {
  content: ""
}

.icon-view:before {
  content: ""
}

.icon-flame:before {
  content: ""
}

.icon-star-inner:before {
  content: ""
}

.icon-backcolor:before {
  content: ""
}

.icon-paragraph:before {
  content: ""
}

.icon-pic:before {
  content: ""
}

.icon-text-style:before {
  content: ""
}

.icon-indent-out:before {
  content: ""
}

.icon-align-center:before {
  content: ""
}

.icon-font-size:before {
  content: ""
}

.icon-font-color:before {
  content: ""
}

.icon-list-ordered:before {
  content: ""
}

.icon-bbcode-link:before {
  content: ""
}

.icon-introduction:before {
  content: ""
}

.icon-quote-story:before {
  content: ""
}

.icon-indent-in:before {
  content: ""
}

.icon-section:before {
  content: ""
}

.icon-more:before {
  content: ""
}

.icon-align-right:before {
  content: ""
}

.icon-align-left:before {
  content: ""
}

.icon-strike:before {
  content: ""
}

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

.icon-dislike:before {
  content: ""
}

.icon-like:before {
  content: ""
}

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

.icon-title:before {
  content: ""
}

.icon-success:before {
  content: ""
}

.icon-error:before {
  content: ""
}

.icon-doc:before {
  content: ""
}

.icon-picerror:before {
  content: ""
}

.icon-add:before {
  content: ""
}

.icon-delivery:before {
  content: ""
}

.ic_twitter:before {
  content: ""
}

.ic_google:before {
  content: ""
}

.ic_line:before {
  content: ""
}

.icon-site:before {
  content: ""
}

.icon-safeguard:before {
  content: ""
}

.icon-welfare:before {
  content: ""
}

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

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

.icon-interview:before {
  content: ""
}

.icon-apply-online:before {
  content: ""
}

.icon-hire:before {
  content: ""
}

.icon-tip:before {
  content: ""
}

.icon-reply2:before {
  content: ""
}

.icon-download-new:before {
  content: ""
}

.icon-quote:before {
  content: ""
}

.icon-copy:before {
  content: ""
}

.icon-arrow-down:before {
  content: ""
}

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

.icon-share2:before {
  content: ""
}

.icon-back:before {
  content: ""
}

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

.ic_awards:before {
  content: ""
}

.ic_prev:before {
  content: ""
}

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

.icon-android:before {
  content: ""
}

.icon-like-line:before {
  content: ""
}

.icon-collect:before {
  content: ""
}

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

.ic_group:before {
  content: ""
}

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

.icon-download:before {
  content: ""
}

.ic_Starline:before {
  content: ""
}

.icon-edit:before {
  content: ""
}

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

.icon-down:before {
  content: ""
}

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

.icon-funny:before {
  content: ""
}

.ic_iphone_spec:before {
  content: ""
}

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

.icon-reply:before {
  content: ""
}

.icon-up:before {
  content: ""
}

.ic_search:before {
  content: ""
}

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

.ic_zhihu:before {
  content: ""
}

.ic_sina:before {
  content: ""
}

.icon-logo:before {
  content: ""
}

.ic_qq:before {
  content: ""
}

.ic_mail:before {
  content: ""
}

.ic_wechat:before {
  content: ""
}

.ic_facebook:before {
  content: ""
}

body #tap,html #tap {
  
  background: var(--black-primary)
}

li {
  list-style: none
}

.taptap {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: space-between;
  margin: 0 auto;
  max-width: 1496px;
  position: relative
}

.taptap__header {
  -webkit-box-flex: 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -ms-flex: 0 0 248px;
  flex: 0 0 248px;
  padding-left: 16px;
  position: relative
}

.taptap__header-container {
  font-size: 0;
  position: sticky;
  top: 0
}

.taptap__header-container-logo {
  display: inline-block;
  margin: 16px 0 0 8px;
  width: 114px
}

.taptap__header-container-logo img {
  width: 100%
}

.taptap__header-container-logo--wide {
  fill: #31ff6c;
  fill: var(--green-primary);
  /* height: 100%; */
  width: 100%
}

.taptap__header-container-logo--narrow {
  fill: #fff;
  fill: var(--primary-white);
  display: none;
  height: 100%;
  width: 100%
}

.taptap__header-container-nav {
  margin-top: 40px;
  width: 75%
}

.taptap__header-container-nav .taptap__header-container-nav-item {
  height: 50px;
  margin-bottom: 22px;
  width: 100%
}

.taptap__header-container-nav .taptap__header-container-nav-item .nav-item__link {
  border-radius: 38px;
  font-weight: 700;
  -webkit-transition: background-color .2s;
  transition: background-color .2s
}

.taptap__header-container-nav .taptap__header-container-nav-item:hover .nav-item__link {
  background-color: #191919;
  background-color: var(--black-primary-hover)
}

.taptap__header-container-nav .taptap__header-container-nav-item.active .nav-item__link {
  background-color: #1a1a1a;
  background-color: var(--black-10);
  color: #31ff6c;
  color: var(--green-primary)
}

.taptap__header-container-nav .taptap__header-container-nav-item.active .nav-item__link .nav-item__link-title {
  color: #31ff6c;
  color: var(--green-primary);
  font-weight: 700
}

.nav-item__link {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  padding-left: 15px;
  text-decoration: none
}

.nav-item__link-title {
  color: #525252;
  /* color: var(--gray-08); */
  margin-left: 10px
}

.taptap__main {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  max-width: 1248px;
  padding-left: 140px;
  width: 100%
}

.taptap__main-header {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: space-between;
  z-index: 200
}

.taptap__main-transition .taptap__main-header:after {
  content: none
}

.taptap__main-header:after {
  /* 
  background: var(--black-primary); */
  content: "";
  height: 100%;
  left: -16px;
  position: absolute;
  top: 0;
  width: 16px
}

.taptap__main-header .van-sticky {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: space-between;
  padding: 0 16px;
  width: 100%
}

.taptap__main--no-header .taptap__main-header .van-sticky {
  padding: 0
}

.taptap__main-header.taptap_main-header--fixed .taptap__main-header-title .back-button {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -ms-flex-negative: 0;
  align-items: center;
  background: rgba(0,0,0,.4);
  background: var(--extension-components-black);
  border-radius: 20px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  flex-shrink: 0;
  height: 40px;
  justify-content: center;
  margin-left: 14px;
  width: 40px
}

@media only screen and (max-width: 499px) {
  .taptap__main-header.taptap_main-header--fixed .taptap__main-header-title .back-button {
    margin-left:16px
  }
}

.taptap__main-header.taptap_main-header--fixed .taptap__main-header-title .back-button .svg-icon {
  fill: #fff;
  fill: var(--white-primary)
}

.taptap__main-header.taptap_main-header--fixed .taptap__main-header-title .mobile-nav__title {
  -ms-flex-negative: 1;
  flex-shrink: 1
}

.taptap__main-header-content-wrap {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: center;
  width: 100%
}

.taptap__main-header-content {
  width: 600px
}

.taptap__main-header-content,.taptap__main-header-title {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}

.taptap__main-header-title {
  color: #fff;
  color: var(--white-primary);
  font-size: 20px;
  height: 100%;
  width: 100%
}

.taptap__main-header-title .icon-ico-m28-w28-web-back {
  fill: #1d2127;
  fill: var(--gray-08);
  cursor: pointer;
  max-height: 56px
}

.mobile-nav__title {
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  word-wrap: break-word;
  -webkit-box-flex: 1;
  color: #fff;
  color: var(--white-primary);
  display: -webkit-box;
  -ms-flex: 1;
  flex: 1;
  margin-left: 14px;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 100%;
  word-break: break-word
}

.taptap__top-operation-wrap {
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  margin-left: 12px;
  padding: 12px 14px 12px 0;
  position: relative;
  width: 368px
}

.taptap__top-operation-wrap,.top-operation__search {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}

.top-operation__search {
  background: #fff;
  background: var(--primary-white);
  border-radius: 20px;
  color: #b9bec1;
  color: var(--gray-04);
  width: 196px
}

.top-operation__search-icon {
  margin-right: 12px;
  width: 1.2em
}

.top-operation__search-small {
  border-radius: 20px
}

.top-operation__notification {
  margin-left: 12px
}

.top-operation__avatar {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  align-items: center;
  background: #f5f7f8;
  background: var(--gray-01);
  border-radius: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 40px;
  justify-content: center;
  margin-left: 20px;
  width: 40px
}

@media only screen and (min-width: 499px) {
  .top-operation__notification,.top-operation__search-small {
    -webkit-box-align:center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: center;
    border-radius: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 32px;
    justify-content: center;
    width: 32px
  }
}

.top-operation__search-small {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  margin-left: 0;
  margin-right: 0;
  width: auto
}

.taptap__main-wrap {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: space-between
}

.taptap__main-container {
  height: 100%;
  width: 600px
}

.taptap__aside-container,.taptap__main-container {
  -webkit-box-sizing: border-box;
  box-sizing: border-box
}

.taptap__aside-container {
  padding-left: 16px;
  padding-right: 16px;
  width: 384px
}

.taptap__aside {
  position: sticky
}

@media only screen and (max-width: 1280px) {
  .taptap__main {
    padding-left:32px
  }

  .taptap__aside-container,.taptap__top-operation-wrap {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    margin-left: 0;
    padding-left: 32px;
    width: auto
  }
}

@media only screen and (max-width: 1024px) {
  .taptap__aside-container,.taptap__main,.taptap__top-operation-wrap {
    padding-left:16px
  }
}

@media only screen and (max-width: 1220px) {
  .taptap__header {
    -webkit-box-flex:1;
    -ms-flex: 1;
    flex: 1
  }

  .taptap__main {
    width: 972px
  }

  .taptap__aside-container {
    width: 340px
  }
}

@media only screen and (max-width: 1182px) {
  .taptap__header-container {
    width:48px
  }

  .taptap__header-container-logo {
    height: 44px;
    margin: 12px 0 3px;
    overflow: hidden;
    width: 44px
  }

  .nav-item__link {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 48px;
    justify-content: center;
    line-height: 48px;
    padding: 0;
    text-align: center;
    width: 48px
  }

  .nav-item__link-title,.taptap__header-container-logo--wide {
    display: none
  }

  .taptap__header-container-logo--narrow {
    display: block
  }
}

@media only screen and (max-width: 1025px) {
  .taptap__main-header:after,.taptap__main-header:before {
    display:none
  }

  .taptap__aside-container {
    width: 0
  }
}

@media only screen and (max-width: 996px) {
  .taptap__main {
    padding-left:0
  }

  .taptap__header {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 64px;
    flex: 0 0 64px
  }

  .taptap__main-header {
    margin: 0 auto;
    width: 600px
  }

  .taptap__main-transition .taptap__main-header:before {
    content: none
  }

  .taptap__main-header:before {
    
    background: var(--black-primary);
    content: "";
    height: 100%;
    position: absolute;
    right: -16px;
    top: 0;
    width: 16px
  }

  .taptap__main-header.taptap_main-header--fixed {
    background: transparent;
    z-index: 300
  }

  .taptap__main-header.taptap_main-header--fixed:not(.taptap-sticky) {
    position: relative
  }

  .taptap__main-header.taptap_main-header--fixed .van-sticky {
    background: transparent
  }

  .taptap__main-header.taptap_main-header--fixed .top-operation__search-small {
    -webkit-box-flex: initial;
    background: #fff;
    background: var(--extension-shadow-background-white);
    -ms-flex: initial;
    flex: initial
  }

  .taptap__main-header.taptap_main-header--fixed .taptap__main-header-content {
    margin-right: 0
  }

  .taptap__main-header.taptap_main-header--fixed .tap-search-box__wrapper .tap-search-box__trigger .icon-mobile-search,.taptap__main-header.taptap_main-header--fixed .tap-search-box__wrapper .tap-search-box__trigger .tap-search-box__trigger-icon {
    fill: #fff;
    fill: var(--extension-button-label-white)
  }

  .taptap__top-operation-wrap {
    -webkit-box-flex: inherit;
    -ms-flex-negative: 0;
    -ms-flex: inherit;
    flex: inherit;
    flex-shrink: 0;
    padding-left: 0
  }

  .taptap__aside-container {
    display: none
  }

  .taptap__main-wrap {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
  }

  .top-operation__search-small {
    height: 40px;
    width: 40px
  }

  .top-operation__search-small:not(.top-operation__search-full) {
    margin-left: 12px
  }

  .taptap__main-header-content {
    margin-right: 32px
  }

  .taptap__main--no-header .taptap__main-header-content {
    margin-right: 0
  }
}

@media only screen and (min-width: 499px) {
  .taptap__main-header:not(.taptap_main-header--fixed) {
    background:#000;
    background: var(--black-primary)
  }

  .taptap__top-operation-wrap--outside {
    
    background: var(--black-primary)
  }

  .taptap__main-header-content {
    height: 64px;
    position: relative
  }
}

@media only screen and (max-width: 688px) {
  .taptap__main {
    -webkit-box-flex:1;
    -ms-flex: 1;
    flex: 1;
    width: 0
  }

  .taptap__main-header {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 16px;
    width: 100%
  }

  .taptap__main-header:after,.taptap__main-header:before {
    display: none
  }

  .taptap__main-wrap {
    padding: 0 16px
  }

  .taptap__main-container {
    width: 100%
  }

  .taptap__main-header-content {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    width: 0
  }

  .taptap__main-header-content-wrap .taptap__main-header-content {
    width: auto
  }
}

@media only screen and (max-width: 499px) {
  .taptap__header {
    display:none
  }

  .taptap__main {
    margin: 0;
    padding: 0
  }

  .taptap__main-header {
    
    background: var(--black-primary);
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    padding: 0
  }

  .taptap__main-header.taptap__main-header--line .van-sticky {
    -webkit-box-shadow: inset 0 -.5px 0 rgba(29,33,39,.12);
    box-shadow: inset 0 -.5px 0 rgba(29,33,39,.12);
    -webkit-box-shadow: inset 0 -.5px 0 var(--extension-divider-gray);
    box-shadow: inset 0 -.5px 0 var(--extension-divider-gray)
  }

  .taptap__main-header .van-sticky {
    
    background: var(--black-primary);
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    width: calc(100% - 32px)
  }

  .taptap__main--no-header .taptap__main-header .van-sticky {
    width: 100%
  }

  .taptap__main-header.taptap_main-header--fixed .taptap__main-header-title .back-button {
    background: none;
    height: 28px;
    margin-left: 0;
    width: 28px
  }

  .taptap__main-header.taptap_main-header--fixed .taptap__main-header-title .back-button .svg-icon {
    font-size: 20px;
    height: 24px;
    width: 24px
  }

  .taptap__main-header.taptap_main-header--fixed .top-operation__avatar,.taptap__main-header.taptap_main-header--fixed .top-operation__notification,.taptap__main-header.taptap_main-header--fixed .top-operation__search-small {
    -webkit-box-shadow: none;
    box-shadow: none
  }

  .taptap__main-wrap {
    padding: 0
  }

  .taptap__top-operation-wrap {
    padding-right: 0
  }

  .taptap__main-container {
    border-radius: 0
  }

  .taptap__main-header-content {
    margin-right: 0
  }

  .taptap__main-header-content,.taptap__top-operation-wrap {
    -webkit-transition: margin-top .1s;
    transition: margin-top .1s
  }

  .top-operation__search-small.top-operation__search-full {
    background: #f5f7f8;
    background: var(--gray-01);
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    height: 32px
  }

  .top-operation__search-small {
    height: 40px;
    width: 40px
  }

  .top-operation__avatar,.top-operation__notification {
    height: 28px;
    width: 28px
  }
}

.header-popover__menu-item,.search-popover__content .results .suggest-search,.search-popover__content .results li,.search-popover__content .search-support__item .suggest-search,.search-popover__content .search-support__item li {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 8px
}

.header-popover__menu-item.active,.header-popover__menu-item:hover,.search-popover__content .results .active.suggest-search,.search-popover__content .results .suggest-search:hover,.search-popover__content .results li.active,.search-popover__content .results li:hover,.search-popover__content .search-support__item .active.suggest-search,.search-popover__content .search-support__item .suggest-search:hover,.search-popover__content .search-support__item li.active,.search-popover__content .search-support__item li:hover {
  background: rgba(0,0,0,.06);
  background: var(--extension-overlay-black);
  border-radius: 6px
}

.search-popover__content .results,.search-popover__content .search-support__item {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column
}

.search-popover__content .results .list,.search-popover__content .search-support__item .list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}

.search-popover__content .results .suggest-search,.search-popover__content .results li,.search-popover__content .search-support__item .suggest-search,.search-popover__content .search-support__item li {
  -webkit-box-flex: 1;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex: 1;
  flex: 1;
  justify-content: space-between;
  position: relative
}

.search-popover__content .results .suggest-search a,.search-popover__content .results li a,.search-popover__content .search-support__item .suggest-search a,.search-popover__content .search-support__item li a {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  height: auto;
  padding: 0
}

.search-popover__content .results .suggest-search a em,.search-popover__content .results li a em,.search-popover__content .search-support__item .suggest-search a em,.search-popover__content .search-support__item li a em {
  color: #31ff6c;
  color: var(--green-primary);
  font-style: normal
}

.search-popover__content .results .suggest-search .clear,.search-popover__content .results li .clear,.search-popover__content .search-support__item .suggest-search .clear,.search-popover__content .search-support__item li .clear {
  background-color: transparent;
  border: none;
  height: 100%;
  margin: 0;
  padding: 8px 15px 8px 8px;
  position: absolute;
  right: 0;
  top: 0;
  visibility: hidden
}

.search-popover__content .results .suggest-search:hover,.search-popover__content .results li:hover,.search-popover__content .search-support__item .suggest-search:hover,.search-popover__content .search-support__item li:hover {
  background: rgba(0,0,0,.06);
  background: var(--extension-overlay-black);
  border-radius: 6px
}

@media only screen and (min-width: 499px) {
  .search-popover__content .results .suggest-search:hover .clear,.search-popover__content .results li:hover .clear,.search-popover__content .search-support__item .suggest-search:hover .clear,.search-popover__content .search-support__item li:hover .clear {
    cursor:pointer;
    visibility: visible
  }

  .search-popover__content .results .suggest-search:hover .clear:before,.search-popover__content .results li:hover .clear:before,.search-popover__content .search-support__item .suggest-search:hover .clear:before,.search-popover__content .search-support__item li:hover .clear:before {
    background: url(https://assets.tapimg.com/img/background/main_icons.png?20180305=) no-repeat -20px -55px;
    background-size: 52px;
    content: " ";
    display: block;
    height: 16px;
    margin-top: -1px;
    width: 16px
  }
}

.search-popover__content .results {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column
}

.search-popover__content .results .list,.search-popover__content .results .list-unstyled {
  width: 100%
}

.search-popover__content .results .loading {
  display: none;
  padding: 12px 0;
  text-align: center
}

.popover--no-position {
  position: static!important
}

.user-menu__popover,.user-notification__popover {
  background: #333;
  background: var(--black-20);
  border-radius: 16px;
  margin-top: 0;
  margin-top: calc(var(--safe-area-inset-top));
  overflow: hidden;
  width: 352px;
  z-index: 1/*! autoprefixer: off */
}

.standalone-layout .user-menu__popover,.standalone-layout .user-notification__popover {
  margin-top: calc(max(20px, 0));
  margin-top: calc(max(20px, var(--safe-area-inset-top)))
}

.user-menu__popover {
  width: 288px;
  z-index: 600
}

.user-menu__popover .dropdown-menu {
  padding: 0 16px
}

.publish-action__popover {
  padding: 0
}

.publish-popover__content .content-item__body {
  padding: 8px
}

.user-notification__popover {
  padding: 0;
  z-index: 600
}

.user-notification__popover .taptap-notice-widget {
  
  background: var(--black-primary);
  border-radius: 10px;
  overflow: hidden;
  padding: 0;
  width: 100%
}

.user-notification__popover .taptap-notice-widget .notice-widget-nav {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  border-bottom: 1px solid #1a1a1a;
  border-bottom: 1px solid var(--black-10);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: space-between;
  overflow: hidden
}

.user-notification__popover .taptap-notice-widget .notice-widget-nav>li {
  height: 100%;
  text-align: center;
  width: 100%
}

.user-notification__popover .taptap-notice-widget .notice-widget-nav>li:last-child {
  margin-right: 0
}

.user-notification__popover .taptap-notice-widget .notice-widget-nav>li>a {
  background: none;
  border-left: none;
  padding: 0
}

.user-notification__popover .taptap-notice-widget .notice-widget-nav>li.active {
  position: relative
}

.user-notification__popover .taptap-notice-widget .notice-widget-nav>li.active>a {
  
  background: var(--black-primary);
  border: none;
  color: #fff;
  color: var(--white-primary)
}

.user-notification__popover .taptap-notice-widget .notice-widget-nav>li .unread:after {
  background: #ff687f;
  background: var(--coral-primary);
  border-radius: 50%;
  content: "";
  display: inline-block;
  height: 6px;
  margin-left: -2px;
  margin-top: 2px;
  vertical-align: top;
  width: 6px
}

.user-notification__popover .taptap-notice-widget .notice-widget-nav>li>a {
  background: #1a1a1a;
  background: var(--black-10);
  border-left: 1px solid #ebeff0;
  border-left: 1px solid var(--gray-02);
  color: #868c92;
  color: var(--gray-06);
  display: inline-block;
  font-size: 12px;
  line-height: 20px;
  padding: 10px 0;
  width: 100%
}

.user-notification__popover .taptap-notice-widget .notice-widget-nav>li>a>span {
  color: #ff687f;
  color: var(--coral-primary)
}

.user-notification__popover .taptap-notice-widget .notice-widget-list .tab-pane {
  display: none
}

.user-notification__popover .taptap-notice-widget .notice-widget-list .tab-pane.active {
  display: block
}

.user-notification__popover .taptap-notice-widget .notice-widget-list .notice-window {
  -webkit-overflow-scrolling: touch;
  height: 318px;
  margin: 0;
  overflow: auto;
  padding: 0 21px 0 16px;
  position: relative
}

.user-notification__popover .taptap-notice-widget .notice-widget-list .notice-window .loading {
  left: 0;
  margin: 0 auto;
  position: absolute;
  right: 0;
  text-align: center;
  top: 144px
}

.user-notification__popover .taptap-notice-widget .notice-widget-list .notice-window .loading>img {
  width: 30px
}

.user-notification__popover .taptap-notice-widget .notice-widget-loading {
  height: 30px;
  margin: 20px auto;
  width: 30px
}

.user-notification__popover .taptap-notice-widget .notice-widget-loading>img {
  width: 100%
}

.notice-item {
  color: #1d2127;
  color: var(--gray-08);
  padding: 15px 0;
  position: relative
}

.notice-item:not(:last-child) {
  border-bottom: 1px solid #ebeff0;
  border-bottom: 1px solid var(--gray-02)
}

.notice-item.unread .sender {
  position: relative
}

.notice-item.unread .sender:before {
  background-color: #ff687f;
  background-color: var(--coral-primary);
  border-radius: 50%;
  content: "";
  display: block;
  height: 8px;
  left: -14px;
  margin-top: -4px;
  position: absolute;
  top: 50%;
  width: 8px
}

.notice-item .delete-btn {
  color: #31ff6c;
  color: var(--green-primary);
  cursor: pointer;
  font-size: 13px;
  margin-left: 20px
}

.notice-item p {
  margin: 0
}

.notice-item .sender {
  display: block;
  float: left;
  height: 40px;
  padding: 0;
  width: 40px
}

.notice-item .sender img {
  border: 1px solid #ebeff0;
  border: 1px solid var(--gray-02);
  border-radius: 50%;
  width: 100%
}

.notice-item .no-sender {
  padding-left: 50px;
  position: relative
}

.notice-item .no-sender img {
  border-radius: 50%;
  height: 40px;
  left: 0;
  position: absolute;
  top: 0
}

.notice-item .notice-desc-mobile.is_widgets {
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  background: #1a1a1a;
  background: var(--black-10);
  border-radius: 3px;
  color: #b9bec1;
  color: var(--gray-04);
  display: -webkit-box;
  font-size: 13px;
  margin-left: 45px;
  overflow: hidden;
  padding: 3px 5px;
  text-overflow: ellipsis
}

.notice-item .inbox-title a {
  color: #868c92;
  color: var(--gray-06);
  font-size: 14px
}

.notice-item .notice-description {
  color: #b9bec1;
  color: var(--gray-04);
  line-height: 20px
}

.notice-item .notice-description.is_widgets {
  font-weight: 500;
  margin-bottom: 12px;
  margin-top: 6px
}

.notice-item .notice-description.notice-tit {
  color: #1d2127;
  color: var(--gray-08);
  font-size: 14px
}

.notice-item .notice-description:not(.non-clamp) {
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis
}

.notice-item .notice-description a {
  color: inherit
}

.notice-item .notice-desc {
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  background: #1a1a1a;
  background: var(--black-10);
  border-radius: 3px;
  color: #b9bec1;
  color: var(--gray-04);
  display: -webkit-box;
  font-size: 13px;
  margin-left: 45px;
  overflow: hidden;
  padding: 3px 5px;
  text-overflow: ellipsis
}

.notice-item .right-block {
  float: right;
  line-height: normal;
  text-align: right;
  white-space: nowrap
}

.notice-item .right-block .hide {
  display: none
}

.notice-item .taptap-button-friendship {
  border: 1px solid transparent;
  font-size: 14px;
  height: 28px;
  line-height: 28px;
  min-width: 70px;
  padding: 0 5px;
  position: absolute;
  right: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%)
}

.notice-item .taptap-button-friendship.btn-default {
  background: none;
  border-color: #31ff6c;
  border-color: var(--green-primary);
  border-radius: 20px;
  color: #31ff6c;
  color: var(--green-primary)
}

.notice-item .taptap-button-friendship.active {
  border-color: #1a1a1a;
  border-color: var(--black-10);
  color: #b9bec1;
  color: var(--gray-04)
}

.notice-item .taptap-button-friendship.active .unfollow {
  display: none
}

.notice-item .taptap-button-friendship.active:hover .unfollow {
  display: block
}

.notice-item .taptap-button-friendship.active:hover .following {
  display: none
}

.notice-item .notice-time {
  color: #b9bec1;
  color: var(--gray-04);
  font-size: 12px
}

.notice-item.in-box-notice .notice-content {
  overflow: visible
}

.notice-item .notice-content,.notice-item .notice-info {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  padding-left: 10px;
  position: relative
}

.notice-item .notice-content.is_widgets,.notice-item .notice-info.is_widgets {
  font-weight: 500;
  margin-bottom: 8px;
  margin-top: 4px
}

.notice-item .notice-content.is_widgets a,.notice-item .notice-info.is_widgets a {
  color: #1d2127;
  color: var(--gray-08);
  font-size: 14px
}

.notice-item .collapse-menu,.sender-info .collapse-menu {
  cursor: pointer;
  display: inline-block;
  height: 20px;
  line-height: 16px;
  position: relative;
  vertical-align: middle;
  z-index: 100
}

.notice-item .collapse-menu .icon-font,.sender-info .collapse-menu .icon-font {
  color: #b9bec1;
  color: var(--gray-04);
  line-height: normal;
  padding: 0
}

.notice-item .collapse-menu .icon-font:active,.sender-info .collapse-menu .icon-font:active {
  -webkit-box-shadow: none;
  box-shadow: none
}

.notice-item .collapse-menu .operation-menu,.sender-info .collapse-menu .operation-menu {
  background: #fff;
  background: var(--primary-white);
  border: none;
  border-radius: 3px;
  -webkit-box-shadow: 0 2px 2px rgba(0,0,0,.05);
  box-shadow: 0 2px 2px rgba(0,0,0,.05);
  -webkit-box-shadow: 0 1px 4px 0 rgba(0,0,0,.12);
  box-shadow: 0 1px 4px 0 rgba(0,0,0,.12);
  left: auto;
  padding: 0;
  position: absolute;
  right: 8px;
  top: 20px;
  width: 110px
}

.notice-item .collapse-menu .operation-menu .icon-font,.sender-info .collapse-menu .operation-menu .icon-font {
  color: #b9bec1;
  color: var(--gray-04)
}

.notice-item .collapse-menu .menu-item,.sender-info .collapse-menu .menu-item {
  cursor: pointer;
  font-size: 13px;
  height: 36px;
  line-height: 36px;
  text-align: center;
  width: 100%
}

.notice-item .collapse-menu .menu-item .taptap-button-friendship,.sender-info .collapse-menu .menu-item .taptap-button-friendship {
  background: none;
  border: none;
  color: inherit;
  font-size: inherit;
  height: 100%;
  padding: 0;
  width: 100%
}

.notice-item .collapse-menu .menu-item .taptap-button-friendship .unfollow,.sender-info .collapse-menu .menu-item .taptap-button-friendship .unfollow {
  display: block
}

.notice-item .collapse-menu .menu-item .taptap-button-friendship .following,.sender-info .collapse-menu .menu-item .taptap-button-friendship .following {
  display: none
}

.notice-item__follow-info {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: space-between
}

.notice-item__follow-info .taptap-button-friendship {
  display: block;
  font-size: 12px;
  height: 26px;
  line-height: 26px;
  min-width: 56px;
  position: static;
  -webkit-transform: inherit;
  transform: inherit
}

.notice-item__follow-info .notice-content {
  padding: 0;
  width: calc(100% - 50px)
}

.notice-item__follow-info .notice-title {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: space-between
}

.notice-item__follow-info .notice-title>a {
  -webkit-box-flex: 1;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  display: -webkit-box;
  -ms-flex: 1;
  flex: 1;
  max-height: 40px;
  overflow: hidden;
  text-overflow: ellipsis
}

.notice-item__follow-info .block-time__follow-btn .notice-time {
  display: block;
  margin-bottom: 10px;
  text-align: right
}

.none-notice-wrap {
  color: #b9bec1;
  color: var(--gray-04);
  padding: 80px 0;
  text-align: center
}

.none-notice-wrap .none-image {
  margin-bottom: 15px;
  width: 115px
}

.none-notice-wrap .none-text {
  font-size: 14px
}

@-webkit-keyframes width-zero-to-fit {
  0% {
    margin: 0 50%
  }

  to {
    margin: 0 8px
  }
}

@keyframes width-zero-to-fit {
  0% {
    margin: 0 50%
  }

  to {
    margin: 0 8px
  }
}

.tap-page-transition .top-operation__search {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background: #fff;
  background: var(--primary-white);
  border: 1px solid #ebeff0;
  border: 1px solid var(--gray-02);
  border-radius: 20px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: #b9bec1;
  color: var(--gray-04);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 40px
}

@media only screen and (max-width: 996px) {
  .tap-page-transition .taptap__main-transition .taptap__main-header {
    margin:0
  }

  .tap-page-transition .top-operation__search {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 0
  }

  .tap-page-transition .top-operation__search .top-operation__search-icon {
    margin-right: 0
  }

  .tap-page-transition .top-operation__search>span {
    display: none
  }
}

.tap-page-transition .taptap__main-wrap--overflow-auto {
  overflow: auto
}

@media only screen and (max-width: 1334px) {
  .tap-page-transition .taptap__main {
    overflow:hidden
  }

  .tap-page-transition .nav-sidebar-main {
    padding-top: 64px;
    /*! autoprefixer: off */
    padding-top: calc(64px + var(--safe-area-inset-top))
  }

  .standalone-layout .tap-page-transition .nav-sidebar-main {
    padding-top: calc(64px + max(20px, 0));
    padding-top: calc(64px + max(20px, var(--safe-area-inset-top)))
  }

  .tap-page-transition .taptap__main-header {
    left: auto;
    position: fixed;
    right: 0;
    width: calc(100% - 242px)
  }
}

@media only screen and (max-width: 1220px) {
  .tap-page-transition .taptap__main-header {
    width:calc(100% - 196px)
  }
}

@media only screen and (max-width: 1182px) {
  .tap-page-transition .taptap__main-header {
    width:calc(100% - 64px)
  }
}

@media only screen and (max-width: 688px)and (min-width:499px) {
  .tap-page-transition .top-operation__search {
    width:auto!important
  }
}

@media only screen and (max-width: 499px) {
  .tap-page-transition .publish-action__popover {
    width:calc(100% - 32px)
  }

  .tap-page-transition .taptap__main {
    overflow: hidden
  }

  .tap-page-transition .taptap__main-header {
    position: static;
    width: 100%
  }

  .tap-page-transition .nav-sidebar-main {
    padding-top: 0!important
  }

  .tap-page-transition .top-operation__search {
    background: #f5f7f8;
    background: var(--gray-01);
    border: 1px solid #ebeff0;
    border: 1px solid var(--gray-02);
    height: 32px
  }

  .tap-page-transition .search-input {
    font-size: 14px
  }
}

@media only screen and (min-width: 499px) {
  .tap-page-transition .top-operation__search {
    left:50%;
    position: fixed;
    top: 12px;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 380px
  }

  .tap-page-transition .taptap__main-transition {
    margin-left: 16px;
    padding-left: 0
  }
}

.taptap-notice-bell {
  margin: 0!important
}

.standalone-layout:after {
  background: linear-gradient(180deg,rgba(29,33,39,.2),transparent 100%,rgba(29,33,39,0) 0);
  content: "";
  display: block;
  height: 0;
  left: 0;
  padding-top: 0;
  padding-top: calc(var(--safe-area-inset-top));
  position: fixed;
  right: 0;
  top: 0;
  width: 100vw;
  z-index: 1000/*! autoprefixer: off */
}

.standalone-layout .standalone-layout:after {
  padding-top: calc(max(20px, 0));
  padding-top: calc(max(20px, var(--safe-area-inset-top)))
}

.standalone-layout .taptap__main-header,.standalone-layout__page-media .taptap__main-header {
  height: auto
}

@media only screen and (max-width: 499px) {
  .standalone-layout .taptap__main-header.taptap_main-header--top,.standalone-layout__page-media .taptap__main-header.taptap_main-header--top {
    background:#000;
    background: var(--black-primary)
  }
}

.standalone-layout .tap-media-page__header .media-modal__header--right,.standalone-layout .taptap__main-header-content,.standalone-layout .taptap__top-operation-wrap,.standalone-layout__page-media .tap-media-page__header .media-modal__header--right,.standalone-layout__page-media .taptap__main-header-content,.standalone-layout__page-media .taptap__top-operation-wrap {
  margin-top: 0;
  margin-top: calc(var(--safe-area-inset-top));
  transition: margin-top .1s/*! autoprefixer: off */
}

.standalone-layout .standalone-layout .tap-media-page__header .media-modal__header--right,.standalone-layout .standalone-layout .taptap__main-header-content,.standalone-layout .standalone-layout .taptap__top-operation-wrap,.standalone-layout .standalone-layout__page-media .tap-media-page__header .media-modal__header--right,.standalone-layout .standalone-layout__page-media .taptap__main-header-content,.standalone-layout .standalone-layout__page-media .taptap__top-operation-wrap {
  margin-top: calc(max(20px, 0));
  margin-top: calc(max(20px, var(--safe-area-inset-top)))
}

.standalone-layout .taptap__main--no-header .taptap__main-header-content,.standalone-layout__page-media .taptap__main--no-header .taptap__main-header-content {
  margin-top: 0
}

.standalone-layout .taptap__main--no-header .taptap__main-header-content .app-detail__header--normal,.standalone-layout__page-media .taptap__main--no-header .taptap__main-header-content .app-detail__header--normal {
  margin-top: 0;
  /*! autoprefixer: off */
  margin-top: calc(var(--safe-area-inset-top));
  transform: translateY(25px)
}

.standalone-layout .standalone-layout .taptap__main--no-header .taptap__main-header-content .app-detail__header--normal,.standalone-layout .standalone-layout__page-media .taptap__main--no-header .taptap__main-header-content .app-detail__header--normal {
  margin-top: calc(max(20px, 0));
  margin-top: calc(max(20px, var(--safe-area-inset-top)))
}

.standalone-layout .taptap__main--home-page .taptap__main-top-wrap .van-sticky.van-sticky--fixed .taptap__main-top-wrap-main,.standalone-layout__page-media .taptap__main--home-page .taptap__main-top-wrap .van-sticky.van-sticky--fixed .taptap__main-top-wrap-main {
  padding-top: 0;
  /*! autoprefixer: off */
  padding-top: calc(var(--safe-area-inset-top))
}

.standalone-layout .standalone-layout .taptap__main--home-page .taptap__main-top-wrap .van-sticky.van-sticky--fixed .taptap__main-top-wrap-main,.standalone-layout .standalone-layout__page-media .taptap__main--home-page .taptap__main-top-wrap .van-sticky.van-sticky--fixed .taptap__main-top-wrap-main {
  padding-top: calc(max(20px, 0));
  padding-top: calc(max(20px, var(--safe-area-inset-top)))
}

.standalone-layout .taptap__header-container,.standalone-layout__page-media .taptap__header-container {
  padding-top: 0;
  /*! autoprefixer: off */
  padding-top: calc(var(--safe-area-inset-top))
}

.standalone-layout .standalone-layout .taptap__header-container,.standalone-layout .standalone-layout__page-media .taptap__header-container {
  padding-top: calc(max(20px, 0));
  padding-top: calc(max(20px, var(--safe-area-inset-top)))
}

.standalone-layout .taptap_main-header--fixed .taptap__main-header-content,.standalone-layout__page-media .taptap_main-header--fixed .taptap__main-header-content {
  height: 64px;
  /*! autoprefixer: off */
  height: calc(64px + var(--safe-area-inset-top));
  /*! autoprefixer: off */
  margin-top: 0;
  padding-top: 0;
  padding-top: calc(var(--safe-area-inset-top))
}

.standalone-layout .standalone-layout .taptap_main-header--fixed .taptap__main-header-content,.standalone-layout .standalone-layout__page-media .taptap_main-header--fixed .taptap__main-header-content {
  height: calc(64px + max(20px, 0));
  height: calc(64px + max(20px, var(--safe-area-inset-top)));
  padding-top: calc(max(20px, 0));
  padding-top: calc(max(20px, var(--safe-area-inset-top)))
}

@media only screen and (max-width: 499px) {
  .standalone-layout .taptap_main-header--fixed .taptap__main-header-content,.standalone-layout__page-media .taptap_main-header--fixed .taptap__main-header-content {
    height:56px;
    /*! autoprefixer: off */
    height: calc(56px + var(--safe-area-inset-top))
  }

  .standalone-layout .standalone-layout .taptap_main-header--fixed .taptap__main-header-content,.standalone-layout .standalone-layout__page-media .taptap_main-header--fixed .taptap__main-header-content {
    height: calc(56px + max(20px, 0));
    height: calc(56px + max(20px, var(--safe-area-inset-top)))
  }
}

.taptap_main-header--fixed .taptap__main-header-content {
  padding-right: 0
}

.taptap_main-header--fixed .taptap__main-header-content .taptap__top-operation-wrap {
  margin-top: 0
}

.taptap__main-header-content {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin-right: 0
}

@media only screen and (max-width: 499px) {
  .taptap__main-header-content {
    -webkit-box-sizing:border-box;
    box-sizing: border-box;
    height: 52px;
    margin-left: 0;
    padding: 10px 0
  }
}

.taptap__main-header-title {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1
}

.taptap__main-header-title .mobile-nav__title {
  font-size: 20px;
  font-size: var(--heading-20-size);
  letter-spacing: .02em;
  line-height: 1.3em;
  line-height: var(--heading-20-line-height);
  margin-left: 8px;
  margin-left: var(--space-m8-w12)
}

.taptap__main-header-icon {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 20px;
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: center;
  margin-left: 12px
}

@media only screen and (max-width: 996px) {
  .taptap__main-header-icon.back-button {
    background:transparent
  }

  .taptap__main-header-icon.back-button:hover {
    background: transparent
  }
}

@media only screen and (max-width: 499px) {
  .taptap__main-header-icon.back-button {
    margin-left:0
  }
}

::-moz-selection {
  background-color: #2ef066;
  background-color: var(--green-primary-hover);
  color: #000;
  color: var(--black-primary);
  text-shadow: none
}

::-webkit-selection {
  background-color: #2ef066;
  background-color: var(--green-primary-hover);
  color: #000;
  color: var(--black-primary);
  text-shadow: none
}

::selection {
  background-color: #2ef066;
  background-color: var(--green-primary-hover);
  color: #000;
  color: var(--black-primary);
  text-shadow: none
}

.tap-router[data-v-d2f569e2] {
  cursor: pointer
}

.complain__reason {
  padding: 6px 16px;
  padding: 6px var(--space-m16-w20)
}

.complain__textarea {
  
  background: var(--black-primary);
  border: none;
  border-radius: 4px;
  border-radius: var(--radius-m4-w6);
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 14px;
  font-size: var(--body-14-size);
  height: 104px;
  letter-spacing: .02em;
  line-height: 1.3em;
  line-height: var(--body-14-line-height);
  outline: none;
  padding: 6px 12px;
  padding: var(--space-m6-w8) var(--space-m12-w16);
  width: 100%
}

.complain .tap-chip {
  margin-bottom: 6px;
  margin-bottom: var(--space-m6-w8);
  margin-right: 6px;
  margin-right: var(--space-m6-w8)
}

.complain__labels {
  border-bottom: 1px solid rgba(29,33,39,.12);
  border-bottom: 1px solid var(--extension-divider-gray);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding-bottom: 16px;
  padding-bottom: var(--space-m16-w20);
  width: 100%
}

.taptap-card {
  background: #f3f4f5;
  background: #f3f4f5;
  position: relative
}

.taptap-card--round {
  border-radius: 16px
}

.taptap-main-content {
  background: #1a1a1a;
  background: var(--black-10);
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin-bottom: 32px;
  min-height: calc(100vh - 96px);
  padding-left: 16px;
  padding-left: var(--space-m16-w20);
  padding-right: 16px;
  padding-right: var(--space-m16-w20)
}

@media only screen and (max-width: 499px) {
  .taptap-main-content {
    background:#000;
    background: var(--black-primary);
    margin-bottom: 0;
    min-height: calc(100vh - 52px)
  }
}

.taptap-sticky {
  left: 0;
  position: sticky;
  top: 0;
  z-index: 200
}

.tap-avatar {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex
}

.tap-avatar.tap-avatar--round {
  border-radius: 50%
}

.tap-avatar--x-small {
  height: 28px;
  width: 28px
}

.tap-avatar--small {
  height: 48px;
  width: 48px
}

.tap-avatar--medium {
  height: 64px;
  width: 64px
}

.tap-avatar--medium-small {
  height: 40px;
  width: 40px
}

.tap-avatar--large {
  height: 88px;
  width: 88px
}

.tap-avatar--wide-screen.tap-avatar--x-small {
  height: 28px;
  width: 28px
}

.tap-avatar--wide-screen.tap-avatar--medium-small {
  height: 48px;
  width: 48px
}

.tap-avatar--wide-screen.tap-avatar--small {
  height: 56px;
  width: 56px
}

.tap-avatar--wide-screen.tap-avatar--medium {
  height: 72px;
  width: 72px
}

.tap-avatar--wide-screen.tap-avatar--large {
  height: 96px;
  width: 96px
}

.tap-chip {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  align-items: center;
  background: #333;
  background: var(--black-20);
  border-radius: 18px;
  color: #c9c5ca;
  color: var(--black-60);
  cursor: pointer;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  font-size: 14px;
  font-size: var(--body-14-size);
  justify-content: center;
  letter-spacing: .02em;
  line-height: 1.3em;
  line-height: var(--body-14-line-height);
  padding: 5px 8px;
  position: relative;
  vertical-align: middle
}

.tap-chip.tap-chip--icon {
  padding: 5px
}

.tap-chip:link,.tap-chip:visited {
  color: #c9c5ca;
  color: var(--black-60)
}

.tap-chip.tap-chip--extra {
  padding-right: 5px
}

.tap-chip.tap-chip--leading {
  padding-right: 4px
}

.tap-chip--orange {
  background: #fff5f1;
  background: var(--primary-tap-orange-light);
  color: #ff8156;
  color: var(--primary-tap-orange)
}

.tap-chip--orange:link,.tap-chip--orange:visited {
  color: #ff8156;
  color: var(--primary-tap-orange)
}

.tap-chip--active {
  background: #31ff6c;
  background: var(--green-primary);
  color: #000;
  color: var(--black-primary)
}

.tap-chip--active:link,.tap-chip--active:visited {
  color: #000;
  color: var(--black-primary)
}

.tap-chip__extra {
  padding-left: 3px
}

.tap-chip--disabled {
  cursor: not-allowed;
  opacity: .5
}

.tap-chip__image {
  height: 16px;
  -webkit-transform: translateX(-2px);
  transform: translateX(-2px)
}

.tap-chip__icon {
  height: 16px;
  width: 16px
}

.tap-chip--pc {
  padding: 5px 12px
}

.tap-chip--pc.tap-chip--leading {
  padding-right: 6px
}

.tap-chip--pc.tap-chip--extra {
  padding-right: 8px
}

.tap-chip--pc .tap-chip__image {
  -webkit-transform: translateX(-4px);
  transform: translateX(-4px)
}

.tap-chip--pc .tap-chip__extra {
  padding-left: 6px
}

.tap-radio {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 28px;
  justify-content: center;
  width: 28px
}

.tap-radio--disabled {
  cursor: not-allowed;
  opacity: .5
}

.tap-radio__circle {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  
  background: var(--black-primary);
  border: 1.5px solid #ebeff0;
  border: 1.5px solid var(--gray-02);
  border-radius: 22px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 22px;
  justify-content: center;
  width: 22px
}

.tap-radio__dot {
  background: #31ff6c;
  background: var(--green-primary);
  border-radius: 12px;
  height: 12px;
  width: 12px
}

.tap-cell {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: space-between;
  padding: 12px 16px
}

.tap-cell:not(:last-of-type).tap-cell__with-border {
  border-bottom: 1px solid #4d4d4d;
  border-bottom: 1px solid var(--black-30)
}

.tap-cell.tap-cell--pc {
  padding: 16px 20px
}

.tap-cell--radio {
  cursor: pointer
}

@media only screen and (min-width: 499px)and (any-hover:hover) {
  .tap-cell--radio {
    -webkit-transition-duration:.3s;
    transition-duration: .3s;
    -webkit-transition-property: background-color,border-color;
    transition-property: background-color,border-color;
    -webkit-transition-timing-function: ease;
    transition-timing-function: ease
  }

  .tap-cell--radio:hover {
    background-color: #313131;
    background-color: var(--black-10-hover)
  }
}

.tap-column {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  justify-content: space-between
}

.tap-column__item {
  width: calc(33.33333% - 8px)
}

@media only screen and (max-width: 599px) {
  .tap-column__item {
    width:calc(50% - 3.5px)
  }
}

.tap-slide-button,.tap-swiper-button {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  align-items: center;
  color: #868c92;
  color: var(--gray-06);
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: center;
  -webkit-transition: opacity .5s;
  transition: opacity .5s;
  width: 48px;
  z-index: 10
}

.tap-slide-button.tap-slide-button--image,.tap-slide-button.tap-swiper-button--image,.tap-swiper-button.tap-slide-button--image,.tap-swiper-button.tap-swiper-button--image {
  width: 40px
}

.tap-slide-button.slide-button-disabled,.tap-slide-button.swiper-button-disabled,.tap-swiper-button.slide-button-disabled,.tap-swiper-button.swiper-button-disabled {
  cursor: none;
  opacity: 0;
  pointer-events: none;
  visibility: hidden;
  z-index: 0
}

.tap-slide-button .icon-arrow_down,.tap-swiper-button .icon-arrow_down {
  height: 28px;
  width: 28px
}

.tap-slide-button--circle,.tap-swiper-button--circle {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  background: #fff;
  background: var(--extension-shadow-background-white);
  border-radius: 50%;
  -webkit-box-shadow: 0 3px 6px 0 rgba(0,0,0,.1);
  box-shadow: 0 3px 6px 0 rgba(0,0,0,.1);
  color: #fff;
  color: var(--white-primary);
  height: 36px;
  justify-content: center
}

.tap-slide-button--circle .tap-slide-button--icon,.tap-slide-button--circle .tap-swiper-button--icon,.tap-swiper-button--circle .tap-slide-button--icon,.tap-swiper-button--circle .tap-swiper-button--icon {
  color: #fff;
  color: var(--white-primary);
  height: 22px;
  height: var(--icon-size-m20-w22);
  width: 22px;
  width: var(--icon-size-m20-w22)
}

.tap-slide-button--prev,.tap-swiper-button--prev {
  background: -webkit-gradient(linear,right top,left top,from(rgba(0,0,0,.6)),to(transparent));
  background: linear-gradient(270deg,rgba(0,0,0,.6),transparent);
  bottom: 0;
  left: 0;
  position: absolute;
  top: 0;
  -webkit-transform: matrix(-1,0,0,1,0,0);
  transform: matrix(-1,0,0,1,0,0)
}

.tap-slide-button--prev.tap-slide-button--circle,.tap-slide-button--prev.tap-swiper-button--circle,.tap-swiper-button--prev.tap-slide-button--circle,.tap-swiper-button--prev.tap-swiper-button--circle {
  top: 50%;
  -webkit-transform: matrix(-1,0,0,1,0,-20);
  transform: matrix(-1,0,0,1,0,-20);
  width: 36px
}

.tap-slide-button--next,.tap-swiper-button--next {
  background: -webkit-gradient(linear,right top,left top,from(rgba(0,0,0,.6)),to(transparent));
  background: linear-gradient(270deg,rgba(0,0,0,.6),transparent);
  bottom: 0;
  position: absolute;
  right: 0;
  top: 0
}

.tap-slide-button--next.tap-slide-button--circle,.tap-slide-button--next.tap-swiper-button--circle,.tap-swiper-button--next.tap-slide-button--circle,.tap-swiper-button--next.tap-swiper-button--circle {
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 36px
}

.tap-slide-button--default,.tap-swiper-button--default {
  background: -webkit-gradient(linear,right top,left top,color-stop(55.56%,#000),to(rgba(245,247,248,0)));
  background: linear-gradient(270deg,#000 55.56%,rgba(245,247,248,0));
  background: -webkit-gradient(linear,right top,left top,color-stop(55.56%,var(--black-primary)),to(rgba(245,247,248,0)));
  background: linear-gradient(270deg,var(--black-primary) 55.56%,rgba(245,247,248,0) 100%)
}

.tap-slide-button--default.tap-swiper-button--dark,.tap-swiper-button--default.tap-swiper-button--dark {
  background: -webkit-gradient(linear,right top,left top,color-stop(55.56%,#000),to(rgba(52,57,71,0)));
  background: linear-gradient(270deg,#000 55.56%,rgba(52,57,71,0));
  background: -webkit-gradient(linear,right top,left top,color-stop(55.56%,var(--black-primary)),to(rgba(52,57,71,0)));
  background: linear-gradient(270deg,var(--black-primary) 55.56%,rgba(52,57,71,0) 100%)
}

.tap-slide-button--white,.tap-swiper-button--white {
  background: -webkit-gradient(linear,right top,left top,color-stop(55.56%,#1a1a1a),to(hsla(0,0%,100%,0)));
  background: linear-gradient(270deg,#1a1a1a 55.56%,hsla(0,0%,100%,0));
  background: -webkit-gradient(linear,right top,left top,color-stop(55.56%,var(--black-10)),to(hsla(0,0%,100%,0)));
  background: linear-gradient(270deg,var(--black-10) 55.56%,hsla(0,0%,100%,0) 100%)
}

.tap-slide-button--white.tap-swiper-button--dark,.tap-swiper-button--white.tap-swiper-button--dark {
  background: -webkit-gradient(linear,right top,left top,color-stop(55.56%,#1a1a1a),to(rgba(26,26,26,0)));
  background: linear-gradient(270deg,#1a1a1a 55.56%,rgba(26,26,26,0));
  background: -webkit-gradient(linear,right top,left top,color-stop(55.56%,var(--black-10)),to(rgba(26,26,26,0)));
  background: linear-gradient(270deg,var(--black-10) 55.56%,rgba(26,26,26,0) 100%)
}

.tap-slide-button--image,.tap-swiper-button--image {
  color: #fff;
  color: var(--white-primary)
}

.tap-swiper-pagination {
  display: none
}

@media only screen and (max-width: 499px) {
  .tap-slide-button,.tap-swiper-button {
    display:none
  }
}

.tap-slide {
  height: 100%;
  position: relative
}

.tap-slide__wrap {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  overflow: hidden;
  white-space: nowrap;
  width: 100%
}

.tap-slide__content {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  position: relative
}

.tap-slide__line {
  background: #15c5ce;
  background: var(--primary-tap-blue);
  border-radius: 3px;
  bottom: -9px;
  height: 3px;
  position: absolute;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  width: 30px
}

.tap-slide__hover-navigation .tap-slide-button {
  opacity: 0
}

@media(any-hover: hover) {
  .tap-slide__hover-navigation:hover .tap-slide-button {
    opacity:1
  }
}

.tap-tabs-router-header {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  height: 100%;
  position: relative;
  width: 100%
}

.tap-tabs-router-header .van-sticky {
  height: 100%
}

.tap-tabs-router-header--sticky {
  position: sticky
}

.tap-tabs-router-header__link:first-of-type {
  -webkit-transform-origin: left;
  transform-origin: left
}

.tap-tabs-router-header__link:last-of-type {
  -webkit-transform-origin: right;
  transform-origin: right
}

.tap-tabs-router-header__link.tap-slide--active {
  font-weight: 700;
  -webkit-transform: scale(1.1);
  transform: scale(1.1)
}

.tap-tabs-router-header__link-tag {
  border-radius: 6px;
  padding: 6px 10px;
  padding: var(--space-m6-w8) var(--space-m10-w14)
}

.tap-tabs-router-header__slide {
  width: 100%
}

.tap-tabs-router-header__slide .swiper-slide {
  width: auto
}

.tap-tabs-router-header__circle .tap-tabs-router-header__link-item {
  background: #1a1a1a;
  background: var(--black-10);
  border-radius: 18px;
  color: #c9c5ca;
  color: var(--black-60);
  display: inline-block;
  font-size: 14px;
  font-size: var(--heading-14-size);
  font-weight: 700;
  letter-spacing: .02em;
  line-height: 1.3em;
  line-height: var(--heading-14-line-height);
  padding: 6px 16px;
  padding: var(--space-m6-w8) var(--space-m16-w20)
}

.tap-tabs-router-header__circle.tap-slide--active {
  -webkit-transform: none;
  -webkit-transform: initial;
  transform: none
}

.tap-tabs-router-header__circle.tap-slide--active .tap-tabs-router-header__link-item {
  background: #fff;
  background: var(--white-primary);
  color: #000;
  color: var(--black-primary);
  font-weight: 700
}

.tap-tabs-router-header__circle:not(:last-of-type) {
  margin-right: 8px;
  margin-right: var(--space-m8-w12)
}

[data-v-2cb5cfd2]:export {
  zIndex-navbar: 100;
  zIndex-dropdown: 100;
  zIndex-sticky: 200;
  zIndex-navbar-fixed: 300;
  zIndex-overlay: 400;
  zIndex-dialog: 500;
  zIndex-popover: 600;
  zIndex-tooltip: 1000
}

.content-loading-box[data-v-2cb5cfd2] {
  text-align: center
}

.content-loading-box--middle[data-v-2cb5cfd2] {
  bottom: 50%;
  left: 0;
  position: absolute;
  -webkit-transform: translateY(50%);
  transform: translateY(50%);
  width: 100%;
  z-index: 1
}

.loading-dots__wrapper {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: center;
  margin: 0 auto
}

.loading-dots__wrapper .loading-dots__dot {
  -webkit-animation: wavingDots .92s linear infinite;
  animation: wavingDots .92s linear infinite;
  background-color: #b9bec1;
  background-color: var(--gray-04);
  border-radius: 100%;
  height: 1em;
  margin-right: .8em;
  width: 1em
}

.loading-dots__wrapper .loading-dots__dot:nth-child(2) {
  -webkit-animation-delay: .115s;
  animation-delay: .115s
}

.loading-dots__wrapper .loading-dots__dot:nth-child(3) {
  -webkit-animation-delay: .23s;
  animation-delay: .23s;
  margin-right: 0
}

@-webkit-keyframes wavingDots {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0)
  }

  33% {
    -webkit-transform: translateY(-.28em);
    transform: translateY(-.28em)
  }

  36% {
    -webkit-transform: translateY(-.3em);
    transform: translateY(-.3em)
  }

  40% {
    -webkit-transform: translateY(-.3em);
    transform: translateY(-.3em)
  }

  75% {
    -webkit-transform: translateY(.3em);
    transform: translateY(.3em)
  }

  to {
    -webkit-transform: translateY(0);
    transform: translateY(0)
  }
}

@keyframes wavingDots {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0)
  }

  33% {
    -webkit-transform: translateY(-.28em);
    transform: translateY(-.28em)
  }

  36% {
    -webkit-transform: translateY(-.3em);
    transform: translateY(-.3em)
  }

  40% {
    -webkit-transform: translateY(-.3em);
    transform: translateY(-.3em)
  }

  75% {
    -webkit-transform: translateY(.3em);
    transform: translateY(.3em)
  }

  to {
    -webkit-transform: translateY(0);
    transform: translateY(0)
  }
}

.tap-long-text {
  max-width: 100%
}

.tap-long-text.tap-text__multi-line {
  line-height: 0
}

.tap-long-text__contents {
  display: inline-block;
  max-width: 100%;
  vertical-align: middle
}

.tap-long-text__contents.tap-long-text__contents--inline {
  display: inline
}

.tap-long-text__contents.tap-long-text__contents--overflow {
  display: contents
}

.tap-long-text__contents.tap-long-text__contents--nowrap {
  white-space: nowrap
}

.tap-long-text--single {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  max-width: 100%;
  overflow: hidden
}

.tap-long-text--single .tap-long-text__contents {
  -webkit-box-flex: 1;
  -ms-flex: auto;
  flex: auto;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap
}

.tap-long-text__float-placeholder {
  float: right;
  width: 0
}

.tap-long-text__float-end {
  clear: right;
  float: right;
  max-width: 100%
}

.tap-image[data-v-bd3d239c] {
  vertical-align: middle
}

.page--navbar-fixed {
  margin-top: 0;
  margin-top: calc(var(--safe-area-inset-top));
  padding-top: 56px/*! autoprefixer: off */
}

.standalone-layout .page--navbar-fixed {
  margin-top: calc(max(20px, var(--safe-area-inset-top)))
}

.tap-page__navbar {
  height: 56px;
  z-index: 100
}

.tap-page__navbar .icon-arrow-left {
  color: inherit
}

.tap-page__navbar .van-nav-bar__title {
  color: inherit;
  font-size: 18px;
  line-height: 56px
}

.tap-page__navbar .van-nav-bar__left,.tap-page__navbar .van-nav-bar__right {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 56px
}

.van-nav-bar--fixed {
  z-index: 300
}

.tap-page__navbar--primary {
  background: #15c5ce;
  background: var(--primary-tap-blue);
  color: #fff;
  color: var(--primary-white)
}

.tap-page__navbar--light {
  background: #fff;
  background: var(--primary-white);
  color: #1d2127;
  color: var(--gray-08)
}

.tap-page--fill-navbar .tap-page__navbar {
  background: #15c5ce;
  background: var(--primary-tap-blue)
}

.open-dl-dialog__item {
  padding: 12px 16px;
  padding: var(--space-m12-w16) var(--space-m16-w20)
}

.open-dl-dialog__item:last-child {
  margin-bottom: 16px
}

.open-dl-dialog__item-icon {
  height: 48px;
  margin-right: 12px;
  width: 48px
}

.open-dl-dialog__logo.svg-icon {
  height: 32px;
  width: 80px
}

.open-dl-dialog__open-app {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 70px
}

.open-app {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  position: relative
}

.open-app,.open-app__default {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  justify-content: center
}

.open-app__default {
  border-radius: 100px;
  height: 40px;
  padding: 0 16px;
  padding: 0 var(--space-m16-w20);
  width: calc(100% - 32px);
  width: calc(100% - var(--space-m16-w20)*2)
}

.open-app__logo.svg-icon {
  height: 32px;
  width: 80px
}

.view-more {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  bottom: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  left: 0;
  position: absolute;
  width: 100%;
  z-index: 100
}

.view-more:before {
  background: linear-gradient(.94deg,#fff .81%,hsla(0,0%,100%,.08) 88.43%,hsla(0,0%,100%,0) 99.19%);
  background: linear-gradient(.94deg,var(--primary-white) .81%,hsla(0,0%,100%,.08) 88.43%,hsla(0,0%,100%,0) 99.19%);
  content: "";
  display: inline-block;
  height: 80px
}

.view-more:after {
  background-color: #fff;
  background-color: var(--primary-white);
  content: "";
  display: inline-block;
  height: 24px
}

.view-more__text {
  bottom: 8px;
  color: #15c5ce;
  color: var(--primary-tap-blue);
  left: 0;
  position: absolute;
  text-align: center;
  width: 100%
}

.view-more__parent {
  max-height: 336px;
  overflow: hidden;
  position: relative
}

.view-more__sheet-title {
  padding: 16px 16px 4px;
  padding: var(--space-m16-w20) var(--space-m16-w20) var(--space-m4-w6)
}

.view-more__sheet-item {
  padding: 12px 16px;
  padding: var(--space-m12-w16) var(--space-m16-w20)
}

.view-more__sheet-item:last-child {
  margin-bottom: 16px;
  margin-bottom: var(--space-m16-w20)
}

.view-more__device-icon {
  height: 48px;
  margin-right: 12px;
  width: 48px
}

.open-app-view-comment {
  margin: 0 16px;
  margin: 0 var(--space-m16-w20);
  width: calc(100% - 32px);
  width: calc(100% - var(--space-m16-w20)*2)
}

[data-v-59f1bc12]:export {
  zIndex-navbar: 100;
  zIndex-dropdown: 100;
  zIndex-sticky: 200;
  zIndex-navbar-fixed: 300;
  zIndex-overlay: 400;
  zIndex-dialog: 500;
  zIndex-popover: 600;
  zIndex-tooltip: 1000
}

.page-loading[data-v-59f1bc12] {
  background: transparent;
  height: 100%;
  left: 0;
  max-height: 100vh;
  position: absolute;
  text-align: center;
  top: 0;
  width: 100%
}

.page-loading .van-loading[data-v-59f1bc12] {
  display: inline-block
}

.page-loading.fullscreen[data-v-59f1bc12] {
  position: fixed
}

.page-loading .middle[data-v-59f1bc12] {
  position: absolute;
  top: 48%
}

.page-loading .error-block[data-v-59f1bc12] {
  text-align: center
}

.page-loading .error-block .try-again[data-v-59f1bc12] {
  color: #15c5ce;
  color: var(--primary-tap-blue)
}

.page-loading .error-block .link[data-v-59f1bc12] {
  text-decoration: underline;
  text-indent: 4px
}

.page-loading.page-loading--mobile[data-v-59f1bc12] {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  align-items: center;
  background-color: transparent;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: calc(100vh - 114px);
  justify-content: center
}

.app-icon__link {
  font-size: 0
}

.app-icon__img {
  height: inherit;
  vertical-align: middle;
  width: inherit
}

@media only screen and (min-width: 499px)and (any-hover:hover) {
  .app-icon__img-hover {
    -webkit-transition-duration:.3s;
    transition-duration: .3s;
    -webkit-transition-property: background-color,border-color;
    transition-property: background-color,border-color;
    -webkit-transition-timing-function: ease;
    transition-timing-function: ease
  }

  .app-icon__img-hover:hover {
    opacity: .8
  }
}

.app-icon {
  border-radius: 22.78%;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  overflow: hidden
}

.app-icon {
  border-radius: 22.78%;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex
}