.van-pull-refresh {
    overflow: hidden;
    user-select: none;
}

.van-pull-refresh__track {
    position: relative;
    height: 100%;
    transition-property: transform;
}

.van-pull-refresh__head {
    position: absolute;
    left: 0;
    width: 100%;
    height: 50px;
    overflow: hidden;
    color: #969799;
    font-size: 14px;
    line-height: 50px;
    text-align: center;
    transform: translateY(-100%);
}

.tap-refresh-page {
    position: relative
}

.taptap-dialog {
    z-index: 500
}

.taptap-dialog,
.taptap-dialog__cover {
    bottom: 0;
    left: 0;
    position: fixed;
    right: 0;
    top: 0
}

.taptap-dialog__cover {
    background: rgba(0, 0, 0, .5);
    z-index: -1
}

.taptap-confirm-modal {
    background: #1a1a1a;
    background: var(--black-10);
    border-radius: 5px;
    -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, .4);
    box-shadow: 0 0 20px rgba(0, 0, 0, .4);
    -webkit-box-shadow: 0 0 20px var(--extension-components-black);
    box-shadow: 0 0 20px var(--extension-components-black);
    margin: 8% auto;
    overflow: hidden;
    width: 500px
}

.taptap-confirm-modal_mobile {
    margin: 20% auto;
    width: 94.6%
}

.taptap-confirm-modal__header {
    background-color: #1a1a1a;
    background-color: var(--black-10);
    color: #fff;
    color: var(--white-primary);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 15px
}

.taptap-confirm-modal__header .taptap-confirm-modal__title {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    margin: 0
}

.taptap-confirm-modal__header .icon-28_close {
    cursor: pointer
}

.taptap-confirm-modal__footer {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: flex-end;
    padding: 13px 20px
}

.taptap-confirm-modal__footer .taptap-button {
    line-height: 1.2;
    margin-left: 20px
}

.taptap-confirm-modal_light {
    margin: 0 auto;
    position: relative;
    top: 15%;
    width: 320px
}

.taptap-confirm-modal_light .taptap-confirm-modal__header {
    background: transparent;
    border: none;
    color: #1d2127;
    color: var(--gray-08);
    padding: 30px 0 0;
    text-align: center
}

.taptap-confirm-modal_light .icon-28_close {
    color: rgba(29, 33, 39, .12);
    color: var(--extension-divider-gray);
    position: absolute;
    right: 10px;
    top: 5px
}

.taptap-confirm-modal_light .taptap-confirm-modal__title {
    font-size: 16px
}

.taptap-confirm-modal_light .message-box_container_message {
    font-size: 14px;
    padding: 20px 25px;
    text-align: center
}

.taptap-confirm-modal_light .taptap-confirm-modal__footer {
    -ms-flex-pack: distribute;
    border-top: 1px solid #ebeff0;
    border-top: 1px solid var(--gray-02);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: space-around;
    padding: 0
}

.taptap-confirm-modal_light .taptap-confirm-modal__footer .taptap-button {
    -webkit-box-flex: 1;
    background: transparent;
    border: none;
    border-radius: 0;
    color: #31ff6c;
    color: var(--green-primary);
    -ms-flex: 1;
    flex: 1;
    height: auto;
    margin: 0;
    padding: 15px 0
}

.taptap-confirm-modal_light .taptap-confirm-modal__footer .taptap-button:first-child {
    border-right: 1px solid #ebeff0;
    border-right: 1px solid var(--gray-02)
}

.taptap-confirm-modal_light .taptap-confirm-modal__content {
    padding: 20px 25px
}

.taptap-confirm-modal_light .taptap-confirm-modal__content p {
    font-size: 14px;
    margin: 0
}

.modal-confirm__box .text-center {
    text-align: center
}

[data-v-1e60c738]: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
}

.tap-qrcode__bg .tap-qrcode[data-v-1e60c738] {
    background-color: #fff;
    background-color: var(--white-primary);
    border-radius: 12px;
    font-size: 0;
    padding: 8px;
    padding: var(--space-m8-w12)
}

.taptap-popover {
    position: relative
}

.taptap-popover__trigger-wrap {
    display: inline-block
}

[data-v-1156a7a6]: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
}

.contact-us[data-v-1156a7a6] {
    z-index: 2
}

.contact-us__trigger[data-v-1156a7a6] {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #c9c5ca;
    background-color: var(--black-60);
    border-radius: 100px;
    color: #fff;
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 9px 16px;
    padding: 9px var(--space-m16-w20);
    -webkit-transition: background-color .3s ease;
    transition: background-color .3s ease
}

.contact-us__trigger-icon[data-v-1156a7a6] {
    height: 16px;
    height: var(--space-m16-w20);
    margin-right: 4px;
    width: 16px;
    width: var(--space-m16-w20)
}

.contact-us__trigger[data-v-1156a7a6]:hover {
    background-color: #fff;
    background-color: var(--white-primary)
}

.contact-us__content[data-v-1156a7a6],
.contact-us__trigger--active[data-v-1156a7a6] {
    background-color: #fff;
    background-color: var(--white-primary)
}

.contact-us__content[data-v-1156a7a6] {
    border-radius: 16px;
    height: 70vh;
    margin-right: 16px;
    max-height: 600px;
    overflow: hidden;
    position: relative;
    width: 375px
}

.contact-us__content-close[data-v-1156a7a6] {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #fafafa;
    border-radius: 50%;
    -webkit-box-shadow: 0 4px 4px rgba(0, 0, 0, .12);
    box-shadow: 0 4px 4px rgba(0, 0, 0, .12);
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    height: 26px;
    justify-content: center;
    position: absolute;
    right: 25px;
    top: 16px;
    width: 26px
}

.contact-us__content-close__icon[data-v-1156a7a6] {
    color: #888
}

.tap-row-card {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.tap-row-card--large,
.tap-row-card--medium,
.tap-row-card--medium-small {
    padding: 12px 16px;
    padding: var(--space-m12-w16) var(--space-m16-w20)
}

.tap-row-card--small {
    padding: 8px 12px;
    padding: var(--space-m8-w12) var(--space-m12-w16)
}

.tap-row-card--in-list {
    padding-bottom: 8px;
    padding-bottom: var(--space-m8-w12);
    padding-top: 8px;
    padding-top: var(--space-m8-w12)
}

.tap-row-card--in-dialog {
    padding-left: 20px;
    padding-left: var(--space-m20-w24);
    padding-right: 20px;
    padding-right: var(--space-m20-w24)
}

.tap-row-card__left {
    margin-right: 12px;
    margin-right: var(--space-m12-w16)
}

.tap-row-card__right {
    margin-left: 6px;
    margin-left: var(--space-m6-w8)
}

[data-v-78a4adbc]: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
}

.popover-item[data-v-78a4adbc] {
    background-color: #333;
    background-color: var(--black-20);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    cursor: pointer;
    padding: 10px 16px;
    width: 100%
}

.popover-item[data-v-78a4adbc]:not(:last-of-type) {
    border-bottom: 1px solid #4d4d4d;
    border-bottom: 1px solid var(--black-30)
}

.popover-item__text[data-v-78a4adbc] {
    -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;
    max-width: 50vw;
    white-space: nowrap
}

.popover-item__text-seleted[data-v-78a4adbc] {
    color: #31ff6c;
    color: var(--green-primary)
}

.error-page {
    margin: 0 auto;
    max-width: 1070px;
    min-height: 80vh
}

.error-page__image {
    height: 220px;
    margin-bottom: 30px
}

.empty-page__wrap {
    -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
}

.app-rating {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #31ff6c;
    color: var(--green-primary);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    justify-content: flex-start
}

.app-rating__icon {
    margin-right: 2px
}

.app-rating__less-rating {
    text-align: center;
    white-space: nowrap
}

.tap-app-title__tag {
    font-weight: 400;
    margin-left: 2px;
    margin-left: var(--space-m2-w4);
    vertical-align: middle
}

.tap-app-title__tag.tap-app-title__ad-tag {
    background: -webkit-gradient(linear, left top, left bottom, from(#ff9c6b), to(#ff7752));
    background: linear-gradient(180deg, #ff9c6b, #ff7752);
    background: var(--primary-tap-orange-gradient)
}

.tap-app-title__title {
    vertical-align: middle
}

.tap-app-title__wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.search-placeholder-box {
    position: relative
}

.search-placeholder-text {
    left: 0;
    opacity: 0;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    width: 100%
}

.search-placeholder-text--prev {
    -webkit-animation: placeholder-slide-up-out .5s forwards;
    animation: placeholder-slide-up-out .5s forwards
}

.search-placeholder-text--current {
    -webkit-animation: placeholder-slide-up-in .5s forwards;
    animation: placeholder-slide-up-in .5s forwards
}

@-webkit-keyframes placeholder-slide-up-out {
    0% {
        opacity: .8;
        -webkit-transform: translate3d(0, -50%, 0);
        transform: translate3d(0, -50%, 0)
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(0, -150%, 0);
        transform: translate3d(0, -150%, 0)
    }
}

@keyframes placeholder-slide-up-out {
    0% {
        opacity: .8;
        -webkit-transform: translate3d(0, -50%, 0);
        transform: translate3d(0, -50%, 0)
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(0, -150%, 0);
        transform: translate3d(0, -150%, 0)
    }
}

@-webkit-keyframes placeholder-slide-up-in {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 50%, 0);
        transform: translate3d(0, 50%, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: translate3d(0, -50%, 0);
        transform: translate3d(0, -50%, 0)
    }
}

@keyframes placeholder-slide-up-in {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 50%, 0);
        transform: translate3d(0, 50%, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: translate3d(0, -50%, 0);
        transform: translate3d(0, -50%, 0)
    }
}

.search-placeholder-text--empty {
    opacity: 1
}

.label-tag-group-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%
}

[data-v-285e62eb]: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
}

.side-menu__trigger[data-v-285e62eb] {
    font-size: 15px
}

.side-menu__icon[data-v-285e62eb] {
    color: #d2d7d9;
    color: var(--gray-03);
    cursor: pointer
}

@media only screen and (min-width:499px)and (any-hover:hover) {
    .side-menu__icon[data-v-285e62eb] {
        -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
    }
    .side-menu__icon[data-v-285e62eb]:hover {
        background-color: rgba(0, 0, 0, .06);
        background-color: var(--extension-overlay-black)
    }
}

.scan-download-dialog__app-card {
    padding-bottom: 20px;
    padding-bottom: var(--space-m20-w24)
}

.scan-download-dialog__app-title {
    padding-left: 16px;
    padding-left: var(--space-m16-w20)
}

.to-app-store-dialog {
    padding: 20px;
    padding: var(--space-m20-w24)
}

.ways-to-app-store {
    -ms-flex-pack: distribute;
    justify-content: space-around;
    padding: 40px 0;
    text-align: center
}

.ways-to-app-store__divider {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.ways-to-app-store__divider:after,
.ways-to-app-store__divider:before {
    background: #ebeff0;
    background: var(--gray-02);
    content: "";
    display: block;
    height: 54px;
    margin: 4px auto;
    width: 1px
}

.scan-download-dialog__qrcode-group .tap-qrcode {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    margin-bottom: 16px;
    margin-bottom: var(--space-m16-w20)
}

.to-app-store-dialog__app-store-icon {
    margin-bottom: 20px;
    margin-bottom: var(--space-m20-w24);
    width: 80px
}

.to-app-store-dialog__go-straight-text {
    color: #1ba4f7
}

.to-app-store-dialog__go-straight-text .icon-arrow-right {
    margin-left: 2px;
    margin-left: var(--space-m2-w4);
    position: relative;
    top: 1px
}

.install-game-dialog__intro {
    border-radius: 8px;
    border-radius: var(--radius-m8-w10);
    margin-bottom: 32px;
    margin-bottom: var(--space-m32-w38);
    margin-top: 40px
}

.install-game-dialog__intro-brand {
    -webkit-box-align: start;
    -ms-flex-align: start;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    align-items: start;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: flex-start
}

.install-game-dialog__brand-icon {
    bottom: 12px;
    bottom: var(--space-m12-w16);
    margin: 0 12px;
    margin: 0 var(--space-m12-w16);
    position: relative
}

.install-game-dialog__app-guide {
    margin: 32px auto;
    margin: var(--space-m32-w38) auto;
    padding-right: 16px;
    padding-right: var(--space-m16-w20)
}

.install-game-dialog__app-guide .lang-client-text {
    color: #31ff6c;
    color: var(--green-primary)
}

.install-game-dialog__app-name {
    margin-top: 20px;
    margin-top: var(--space-m20-w24);
    text-align: center
}

.install-game-dialog__app-icon .app-icon {
    display: block;
    margin: 0 auto
}

.install-game-dialog__brand-features {
    text-align: center;
    white-space: pre-wrap
}

.install-game-dialog__download-btn {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin-bottom: 32px;
    margin-bottom: var(--space-m32-w38);
    width: 100%
}

.install-game-dialog__download-btn .icon-logo {
    height: 32px;
    width: 80px
}

.scan-to-download-game,
.scan-to-download-tap {
    padding: 20px;
    padding: var(--space-m20-w24)
}

.scan-download-dialog__brand-title {
    padding-bottom: 20px;
    padding-bottom: var(--space-m20-w24)
}

.scan-download-dialog__client-name {
    padding-left: 16px;
    padding-left: var(--space-m16-w20)
}

.scan-download-dialog__tap-intro {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-box-align: start;
    -ms-flex-align: start;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    align-items: start;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
    justify-content: flex-end;
    padding: 24px 0;
    padding: var(--space-m24-w30) 0;
    text-align: center
}

.scan-download-dialog__tap-intro .scan-download-dialog__qrcode-group {
    margin-right: 6px;
    margin-right: var(--space-m6-w8)
}

.scan-to-download-game .tap-logo {
    margin: 0 8px 2px;
    margin: 0 var(--space-m8-w12) var(--space-m2-w4)
}

.scan-download-dialog__tap-scan-img {
    height: 188px;
    margin: 0 12px;
    margin: 0 var(--space-m12-w16)
}

.scan-download-dialog__tap-next {
    border-bottom: 9px solid transparent;
    border-left: 12px solid #31ff6c;
    border-left-color: var(--green-primary);
    border-right: 12px solid transparent;
    border-top: 9px solid transparent;
    height: 0;
    margin-right: 3px;
    margin-top: 50px;
    width: 0
}

.scan-download-dialog__qrcode-group .tap-qrcode {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    margin-bottom: 16px;
    margin-bottom: var(--space-m16-w20)
}

.scan-download-dialog__footer {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.scan-download-dialog__footer-left,
.scan-download-dialog__footer-right {
    cursor: pointer
}

.scan-download-dialog__footer-right {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    text-align: right
}

.scan-download-dialog__footer-right .svg-icon {
    margin-left: 2px;
    margin-left: var(--space-m2-w4)
}

.scan-download-dialog__footer-left {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    text-align: left
}

.scan-download-dialog__footer-left .svg-icon {
    margin-right: 2px;
    margin-right: var(--space-m2-w4)
}

.scan-download-dialog__brand-features {
    white-space: pre-wrap
}

.scan-download-dialog__download-tap {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 24px;
    margin-bottom: var(--space-m24-w30);
    text-align: center
}

.scan-download-dialog__client-name {
    text-align: left
}

.scan-download-dialog__client-qrcode-box {
    margin-right: 16px;
    margin-right: var(--space-m16-w20)
}

.scan-download-dialog__download-icon {
    height: 20px;
    margin: 0 2px;
    margin: 0 var(--space-m2-w4);
    width: auto
}

.scan-to-download-tap .icon-arrow-right {
    -webkit-transform: rotateY(180deg);
    transform: rotateY(180deg)
}

.reservation__wechat-bind {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: #f5f7f8;
    background: var(--gray-01);
    border-right: 2px;
    border-right: var(--radius-m2-w4);
    color: #1d2127;
    color: var(--gray-08);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: space-between;
    margin-top: 16px;
    margin-top: var(--space-m16-w20);
    padding: 16px 20px
}

.reservation a.reservation__wechat-set {
    color: #31ff6c;
    color: var(--green-primary)
}

.reservation-modal__body {
    padding: 8px 24px 0
}

.reservation .media-modal__body {
    overflow: visible;
    overflow: initial
}

.reservation .media-popover__dropdown-menu {
    height: 296px
}

.app-button-group__button-primary .svg-icon {
    margin-right: 4px
}

.app-button-item {
    -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
}

.app-button-item .app-button-item-icon {
    font-size: 16px;
    height: 24px;
    margin-right: 4px;
    width: 24px
}

.app-button-item.tap-button-intl--small .app-button-item-icon {
    font-size: 16px;
    height: 16px;
    width: 16px
}

.app-button-group .app-button-item__extra-button {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    max-width: inherit !important
}

.app-button__ends-time {
    font-size: 11px;
    font-size: var(--caption-11-size);
    font-weight: 400;
    margin-left: 4px
}

.app-row-card {
    width: 100%
}

.app-row-card .tap-row-card__left .tap-router {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.app-row-card .tap-row-card__left .app-icon__link {
    border-radius: 23%;
    overflow: hidden
}

.app-row-card .tap-row-card__contents {
    -ms-flex-pack: distribute;
    justify-content: space-around;
    min-height: auto
}

.app-row-card .tap-row-card__right {
    margin-left: 12px;
    margin-left: var(--space-m12-w16)
}

.app-row-card .tap-app-title__wrap {
    max-width: 100%
}

.app-row-card .app-icon-disabled,
.app-row-card .app-title-disabled {
    cursor: not-allowed;
    font-size: 18px;
    font-size: var(--heading-m16-w18-size);
    opacity: .5
}

.app-row-card--adMenu .tap-row-card__right {
    margin: 0;
    min-width: 42px
}

@media only screen and (max-width:996px) {
    .app-row-card--adMenu .tap-row-card__right {
        min-width: 36px
    }
}

.app-row-card__rating {
    margin-right: 8px;
    margin-right: var(--space-m8-w12)
}

.app-row-card__features {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    line-height: 22px;
    line-height: var(--caption-m12-w14-line-height);
    width: 100%
}

.app-row-card__caption,
.app-row-card__tags {
    display: block;
    overflow: hidden;
    white-space: nowrap;
    width: 100%
}

.app-row-card__caption .text-label-tag,
.app-row-card__tags .text-label-tag {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    max-width: 100%
}

.app-row-card__highlights {
    margin-bottom: 4px;
    margin-top: 4px;
    width: 100%
}

.app-row-card__highlights .highlight-tag-intl--editors_choice,
.app-row-card__highlights .highlight-tag-intl--normal {
    border-color: grey;
    border-color: var(--black-50);
    color: grey;
    color: var(--black-50)
}

.app-row-card__side-menu {
    position: absolute;
    right: 18px;
    top: 2px
}

.app-row-card__side-menu .side-menu__icon {
    font-size: 24px;
    padding: 2px
}

@media only screen and (max-width:499px) {
    .app-row-card__side-menu {
        right: 16px;
        top: 8px
    }
    .app-row-card__side-menu .side-menu__icon {
        padding: 0
    }
}

.no-list {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 100px 0;
    text-align: center
}

.no-list__title {
    margin-top: 8px
}

.no-list__text {
    margin-top: 16px
}

.tap-list {
    position: relative
}

.tap-list__status-box {
    min-height: 24px;
    padding: 20px;
    text-align: center
}

.tap-list__status-box .tap-list__loading {
    display: inline-block;
    height: 20px;
    margin-right: 4px;
    width: 20px
}

.tap-list__status-box--pc {
    min-height: 30px;
    padding: 32px
}

.tap-list__status-box--top {
    padding-bottom: 0
}

.tap-rate {
    position: relative;
    white-space: nowrap
}

.tap-rate__star {
    color: #31ff6c;
    color: var(--green-primary);
    cursor: pointer
}

.tap-rate__star.icon-12_rating_grey {
    color: #4d4d4d;
    color: var(--black-30)
}

@media only screen and (min-width:499px) {
    .tap-rate__star.icon-12_rating_grey {
        color: #666;
        color: var(--black-40)
    }
}

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

.tap-rate__highlight {
    overflow: hidden;
    position: absolute;
    top: 0
}

.tap-rate__highlight,
.tap-rate__normal {
    font-size: 0
}

.tap-rate__highlight .tap-rate__star:last-child,
.tap-rate__normal .tap-rate__star:last-child {
    padding-right: 0 !important
}

div.search-list-item-correct__wrapper {
    border-bottom: 1px solid #ebeff0;
    border-bottom: 1px solid var(--gray-02);
    margin-bottom: 0;
    padding: 16px;
    padding: 16px var(--space-m16-w20)
}

.user-avatar {
    border-radius: 50%;
    display: inline-block;
    position: relative
}

.user-avatar:after {
    border: 1px solid #d2d7d9;
    border: 1px solid var(--gray-03);
    border-radius: 50%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    content: "";
    display: block;
    height: 200%;
    left: 0;
    position: absolute;
    top: 0;
    -webkit-transform: scale(.5);
    transform: scale(.5);
    -webkit-transform-origin: left top;
    transform-origin: left top;
    width: 200%
}

.user-avatar .taptap-popover__trigger-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.user-avatar--default {
    height: 50px;
    width: 50px
}

.user-avatar__verified-reason {
    background: #fff;
    background: var(--primary-white);
    border: 1px solid rgba(29, 33, 39, .12);
    border: 1px solid var(--extension-divider-gray);
    border-radius: 3px;
    bottom: 4px;
    -webkit-box-shadow: 0 1px 2px 0 rgba(#000000, .1);
    -webkit-box-shadow: 0 1px 2px 0 rgba(var(--primary-black), .1);
    box-shadow: 0 1px 2px 0 rgba(#000000, .1);
    box-shadow: 0 1px 2px 0 rgba(var(--primary-black), .1);
    font-size: 12px;
    left: 50%;
    line-height: 1.428;
    opacity: .9;
    padding: 8px;
    position: absolute;
    text-align: center;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    white-space: nowrap;
    z-index: 1
}

.user-avatar__verified-reason .verified-arrow {
    background: #fff;
    background: var(--primary-white);
    background: #f5f7f8;
    background: var(--gray-01);
    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)
}

.user-avatar__verified-reason .verified-arrow:after,
.user-avatar__verified-reason .verified-arrow:before {
    border: solid transparent;
    content: " ";
    height: 0;
    pointer-events: none;
    position: absolute;
    width: 0
}

.user-avatar__verified-reason .verified-arrow:after {
    border-color: transparent;
    border-width: 5px
}

.user-avatar__verified-reason .verified-arrow:before {
    border-color: transparent;
    border-width: 6px
}

.user-avatar__verified-reason .verified-arrow:after,
.user-avatar__verified-reason .verified-arrow:before {
    left: 50%;
    top: 100%
}

.user-avatar__verified-reason .verified-arrow:after {
    border-top-color: #fff;
    border-top-color: var(--primary-white);
    margin-left: -5px
}

.user-avatar__verified-reason .verified-arrow:before {
    border-top-color: hsla(0, 100%, 70%, .1);
    border-top-color: var(--extension-coral-light);
    margin-left: -6px
}

.taptap-popover.user-avatar__verified {
    bottom: 0;
    height: 43%;
    position: absolute;
    right: -5.2%;
    width: 43%;
    z-index: 1
}

.user-avatar__verified-icon {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    width: 100%
}

.user-avatar__image {
    border-radius: 50%;
    height: 100%;
    width: 100%
}

.user-avatar__image img {
    border-radius: 50%
}

.user-avatar {
    border-radius: 50%;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    position: relative
}

.user-avatar:after {
    border: 1px solid rgba(0, 0, 0, .06);
    border: 1px solid var(--extension-overlay-black);
    border-radius: 50%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    content: "";
    display: block;
    height: 200%;
    left: 0;
    position: absolute;
    top: 0;
    -webkit-transform: scale(.5);
    transform: scale(.5);
    -webkit-transform-origin: left top;
    transform-origin: left top;
    width: 200%;
    z-index: -1
}

.user-avatar .taptap-popover__trigger-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.user-avatar--default {
    height: 50px;
    width: 50px
}

.user-avatar__verified-reason {
    background: #fff;
    background: var(--primary-white);
    border: 1px solid rgba(29, 33, 39, .12);
    border: 1px solid var(--extension-divider-gray);
    border-radius: 3px;
    bottom: 4px;
    -webkit-box-shadow: 0 1px 2px 0 rgba(#000000, .1);
    -webkit-box-shadow: 0 1px 2px 0 rgba(var(--primary-black), .1);
    box-shadow: 0 1px 2px 0 rgba(#000000, .1);
    box-shadow: 0 1px 2px 0 rgba(var(--primary-black), .1);
    font-size: 12px;
    left: 50%;
    line-height: 1.428;
    opacity: .9;
    padding: 8px;
    position: absolute;
    text-align: center;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    white-space: nowrap;
    z-index: 1
}

.user-avatar__verified-reason .verified-arrow {
    background: #fff;
    background: var(--primary-white);
    background: #f5f7f8;
    background: var(--gray-01);
    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)
}

.user-avatar__verified-reason .verified-arrow:after,
.user-avatar__verified-reason .verified-arrow:before {
    border: solid transparent;
    content: " ";
    height: 0;
    pointer-events: none;
    position: absolute;
    width: 0
}

.user-avatar__verified-reason .verified-arrow:after {
    border-color: transparent;
    border-width: 5px
}

.user-avatar__verified-reason .verified-arrow:before {
    border-color: transparent;
    border-width: 6px
}

.user-avatar__verified-reason .verified-arrow:after,
.user-avatar__verified-reason .verified-arrow:before {
    left: 50%;
    top: 100%
}

.user-avatar__verified-reason .verified-arrow:after {
    border-top-color: #fff;
    border-top-color: var(--primary-white);
    margin-left: -5px
}

.user-avatar__verified-reason .verified-arrow:before {
    border-top-color: hsla(0, 100%, 70%, .1);
    border-top-color: var(--extension-coral-light);
    margin-left: -6px
}

.taptap-popover.user-avatar__verified {
    bottom: 0;
    height: 43%;
    position: absolute;
    right: -5.2%;
    width: 43%;
    z-index: 1
}

.user-avatar__verified-icon {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    width: 100%
}

.user-avatar__image {
    border-radius: 50%;
    height: 100%;
    width: 100%
}

.user-avatar__image img {
    border-radius: 50%
}

[data-v-0eb82bf0]: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
}

.user-avatar-login[data-v-0eb82bf0],
.user-avatar-unlogin[data-v-0eb82bf0] {
    border-radius: 20px;
    cursor: pointer;
    height: 40px;
    padding: 0;
    width: 40px
}

@media only screen and (max-width:499px) {
    .user-avatar-login[data-v-0eb82bf0],
    .user-avatar-unlogin[data-v-0eb82bf0] {
        height: 28px;
        width: 28px
    }
}

.dropdown-menu__wrap[data-v-0eb82bf0] {
    padding: 0 16px
}

.navbar-user__avatar[data-v-0eb82bf0] {
    display: inline-block;
    height: 100%;
    width: 100%
}

.switch-theme-hint[data-v-0eb82bf0] {
    background: rgba(52, 57, 71, .96);
    background: var(--extension-toast-black);
    border-radius: 6px;
    border-radius: var(--radius-m6-w8);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 8px;
    position: absolute;
    right: 12px;
    top: 100%;
    z-index: 1
}

.switch-theme-hint[data-v-0eb82bf0]:after {
    border: 6px solid transparent;
    border-bottom-color: rgba(52, 57, 71, .96);
    content: "";
    height: 0;
    position: absolute;
    right: 16px;
    top: -12px;
    width: 0
}

@media only screen and (max-width:499px) {
    .switch-theme-hint[data-v-0eb82bf0] {
        right: 0
    }
    .switch-theme-hint[data-v-0eb82bf0]:after {
        right: 9px
    }
}

.switch-theme-hint .tap-hint__close[data-v-0eb82bf0] {
    color: #fff;
    color: var(--extension-button-label-white)
}

.switch-theme__title[data-v-0eb82bf0] {
    margin-right: 8px;
    white-space: nowrap
}

.app-row-card-global__card {
    border-radius: 12px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 12px;
    padding: var(--space-m12-w16);
    white-space: normal
}

.app-row-card-global__card .tap-app-title__tag {
    margin-left: 4px;
    margin-left: var(--space-m4-w6)
}

.app-row-card-global__card.app-row-card-global__card--with-rating .tap-row-card__left,
.app-row-card-global__card.app-row-card-global__card--with-rating .tap-row-card__right {
    -ms-flex-item-align: start;
    align-self: flex-start
}

.app-row-card-global__card .app-rating__number {
    font-size: 14px;
    line-height: 22px;
    line-height: var(--caption-m12-w14-line-height);
    word-break: normal
}

.app-row-card-global__card--black-10 {
    background-color: #1a1a1a;
    background-color: var(--black-10)
}

.app-row-card-global__card--black-20 {
    background-color: #333;
    background-color: var(--black-20)
}

.app-row-card-global__card--none {
    background-color: transparent
}

.app-row-card-global__card-user-avatar {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    height: 12px !important;
    height: var(--space-m12-w16) !important;
    margin: 0 2px;
    margin: 0 var(--space-m2-w4);
    width: 12px !important;
    width: var(--space-m12-w16) !important
}

.app-row-card-global__card-user-avatar,
.app-row-card-global__card-user-avatar .lazy-image {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.app-row-card-global__card-user-avatar-wrapper {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    min-width: 0
}

.app-row-card-global__card-rating {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    margin: 2px 0;
    margin: var(--space-m2-w4) 0;
    width: 100%
}

.app-row-card-global__card-rate {
    margin: 2px 0 8px;
    margin: var(--space-m2-w4) 0 var(--space-m8-w10)
}

.app-row-card-global__card-sub-rate-list {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.app-row-card-global__card-device {
    margin-top: 6px;
    margin-top: var(--space-m6-w8)
}

.app-row-card-global__card-sub-rate-icon {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-right: 4px;
    margin-right: var(--space-m4-w6)
}

div.search-list-item-app__wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    position: relative
}

div.search-list-item-app__wrapper--mix-mobile {
    padding-bottom: 4px;
    padding-top: 4px
}

.search-list-item-app__app-card {
    background-color: transparent;
    background-color: initial;
    border-radius: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 12px 16px
}

.search-list-item-app__app-card .tap-avatar {
    height: 56px;
    width: 56px
}

.media-popover {
    width: auto
}

.moment-review__top-image {
    -ms-flex-negative: 0;
    border-radius: 5px;
    flex-shrink: 0;
    height: 40px;
    overflow: hidden;
    position: relative;
    width: 80px
}

.moment-review__top-image-size {
    height: 100%;
    width: 100%
}

.moment-review__top-image-icon {
    height: 30px;
    left: 50%;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 30px
}

.repost-card {
    background-color: #f5f7f8;
    background-color: var(--extension-background-gray);
    border-radius: 5px;
    margin: 10px 20px;
    padding: 10px
}

.repost-card,
.repost-card .repost-card__reposted-box {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.repost-card__reposted-box {
    background: #f5f7f8;
    background: var(--extension-background-gray);
    border-radius: 5px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%
}

.repost-card__reposted-box.repost-card__reposted-box--repost {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.repost-card__reposted-box.repost-card__reposted-box--repost .repost-card__reposted-box-title {
    margin-top: 10px
}

.repost-card__reposted-box .repost-card__reposted-box-title {
    word-wrap: break-word;
    word-break: break-word
}

.repost-card__reposted--box {
    border-bottom: 1px solid #e4e4e4;
    margin-bottom: 10px;
    padding-bottom: 10px
}

.repost-card__reposted {
    color: #b9bec1;
    color: var(--gray-04);
    font-size: 13px
}

.repost-card__reposted .style-router-link,
.repost-card__reposted--author {
    color: #2a2a2a
}

.repost-card__reposted-text {
    max-height: 18px
}

.repost-card__reposted-box-img {
    border-radius: 3px;
    height: 64px;
    margin-right: 10px;
    min-width: 64px;
    overflow: hidden;
    width: 64px
}

.repost-card__reposted-box-img>img {
    height: 100%;
    width: 100%
}

.repost-card__reposted-box-content {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    justify-content: center;
    width: 100%
}

.repost-card__reposted-box-name {
    color: #1d2127;
    color: var(--gray-08);
    font-size: 15px;
    line-height: 22px;
    margin-bottom: 2px
}

.repost-card__reposted-box-title {
    color: #b9bec1;
    color: var(--gray-04);
    font-size: 13px;
    max-height: 40px
}

.repost-card__reposted-box-review-title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.repost-card__reposted-box-review-title-info {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    margin-left: 10px
}

.repost-card__reposted-box-review-title-info-top {
    color: #1d2127;
    color: var(--gray-08);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 15px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%
}

.repost-card__reposted-box-review-title-info-top-user {
    display: inline-block;
    max-width: 122px;
    overflow: hidden;
    text-overflow: ellipsis
}

.mobile .repost-card__reposted-box-review-title-info-top-user {
    max-width: 114px
}

.repost-card__reposted-box-review-title-info-top-mid {
    color: #b9bec1;
    color: var(--gray-04);
    font-size: 15px;
    padding: 0 5px
}

.repost-card__reposted-box-review-title-info-top-app {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 0
}

.repost-card__reposted-box-review-title-info-bottom {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: flex-start
}

.repost-card__reposted-box-review-title-info-bottom .text-color--second {
    color: rgba(0, 0, 0, .4);
    margin-left: 4px
}

.repost-card__content {
    pointer-events: none
}

.repost-card .moment-detail__abnormal-info .icon-info {
    height: 24px;
    margin-right: 3px;
    width: 24px
}

.operate-layer {
    height: 100%;
    overflow-y: scroll;
    width: 100%
}

.operate-layer__content-box {
    -webkit-box-align: start;
    -ms-flex-align: start;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: flex-start;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    justify-content: center;
    width: 100%
}

.operate-layer__content {
    background-color: #fff;
    background-color: var(--primary-white);
    border-radius: 10px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 110px 15px 0;
    max-width: 100vw;
    min-height: 44px;
    position: relative;
    width: 640px
}

.operate-layer__close {
    -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: 44px;
    justify-content: center;
    position: absolute;
    right: -44px;
    top: 0;
    width: 44px
}

.operate-layer__close .icon-close-icon {
    fill: #fff;
    fill: var(--extension-button-label-white);
    color: #fff;
    color: var(--extension-button-label-white);
    height: 22px;
    width: 22px
}

@media screen and (max-width:730px) {
    .operate-layer__close {
        position: absolute;
        right: 0;
        top: -44px
    }
}

.insights {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    height: 100%;
    min-height: 980px;
    width: 100%
}

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

.insights__close {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    cursor: pointer;
    height: 44px;
    position: absolute;
    right: -44px;
    top: 0;
    width: 44px
}

.insights__close .icon-close-icon {
    fill: #fff;
    fill: var(--primary-white);
    color: #fff;
    color: var(--primary-white);
    height: 22px;
    width: 22px
}

@media screen and (max-width:730px) {
    .insights__close {
        position: absolute;
        right: 0;
        top: -44px
    }
}

.insights__info {
    height: 420px;
    overflow: auto
}

.insights__info .repost-card {
    margin: 20px
}

.mobile .insights__info .repost-card {
    margin: 15px 15px 20px
}

.insights__data {
    margin: 0 20px
}

.mobile .insights__data {
    margin: 0 15px
}

.insights__data-item {
    margin-bottom: 40px
}

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

.insights__data-left {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.insights__data-right {
    color: #1d2127;
    color: var(--gray-08);
    font-size: 22px;
    line-height: 26px;
    text-align: right;
    width: 95px
}

.mobile .insights__data-right {
    width: 88px
}

.insights__data-title {
    color: #1d2127;
    color: var(--gray-08);
    font-weight: 500;
    line-height: 18px
}

.insights__data-description {
    color: #999;
    font-size: 13px;
    font-weight: 300;
    line-height: 16px;
    margin-top: 5px
}

.insights__data-item-content {
    padding: 0 15px 0 23px
}

.mobile .insights__data-item-content {
    padding: 0 0 0 8px
}

.insights__data-item-title {
    position: relative
}

.insights__data-item-title:after {
    background: #15c5ce;
    background: var(--primary-tap-blue);
    border-radius: 2px;
    content: "";
    height: 100%;
    left: -8px;
    position: absolute;
    top: 0;
    width: 3px
}

.insights__data-sub {
    border-top: 1px solid #e4e4e4;
    margin: 20px 15px;
    padding: 0 0 0 15px
}

.mobile .insights__data-sub {
    margin: 20px 0 0
}

.insights__data-item-sub {
    padding-top: 20px
}

.insights__no-data {
    color: #999;
    font-size: 13px;
    font-weight: 500;
    margin-top: 40px;
    text-align: center
}

.ugc-menu__popover-class {
    padding: 0;
    width: 288px
}

.ugc-menu__popover-class .media-sheet-slider {
    background-color: #ebeff0;
    background-color: var(--gray-02)
}

.ugc-menu__trigger {
    cursor: pointer
}

.ugc-menu__list {
    margin-bottom: 8px
}

.ugc-menu__tips {
    padding: 20px 20px 6px;
    white-space: nowrap
}

@media only screen and (max-width:499px) {
    .ugc-menu__tips {
        padding: 24px 16px 4px
    }
}

.ugc-menu__item {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    cursor: pointer;
    justify-content: flex-start
}

.ugc-menu__item .popover-item__text {
    margin: 0 20px
}

.ugc-menu__item .ugc-menu__icon {
    -ms-flex-negative: 0;
    color: #1d2127;
    color: var(--gray-08);
    flex-shrink: 0;
    font-size: 24px;
    margin-right: 12px
}

@media only screen and (max-width:499px) {
    .ugc-menu__content {
        padding-bottom: 16px
    }
}

.post-cross-card--item {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 32px
}

.post-cross-card__title {
    line-height: 18px
}

.post-cross-card--banner--wrap {
    margin-right: 12px;
    width: 98px
}

.post-cross-card--banner {
    background: #fff;
    background: var(--extension-shadow-background-white);
    border-radius: 6px;
    height: 0;
    overflow: hidden;
    padding-bottom: 56.25%;
    position: relative;
    width: 100%
}

.post-cross-card__image {
    border-radius: 6px;
    height: 100%;
    left: 0;
    overflow: hidden;
    position: absolute;
    top: 0;
    width: 100%
}

.post-cross-card__ugc-menu {
    position: absolute;
    right: 2px;
    top: 8px
}

.post-cross-card__ugc-menu .ugc-menu__icon {
    height: 20px;
    width: 20px
}

.post-card__video-icon {
    background: rgba(0, 0, 0, .9);
    background: var(--white-overlay);
    border-radius: 20px;
    bottom: 4px;
    left: 4px;
    padding: 1px 6px;
    position: absolute
}

.post-card__video-icon .svg-icon {
    display: block;
    font-size: 10px;
    margin: 0 auto
}

.post-cross-card__title-summary {
    -ms-flex-negative: 1;
    flex-shrink: 1;
    padding-bottom: 24px;
    padding-bottom: var(--space-m24-w30);
    position: relative
}

.post-cross-card__bottom-wrapper {
    bottom: 0;
    left: 0;
    position: absolute;
    width: 100%
}

.post-draft__delete {
    bottom: 0;
    position: absolute;
    right: 0
}

.post-cross-card__title-summary--has-img {
    height: 56px;
    padding-bottom: 0
}

.search-list-item-post__wrapper {
    padding: 16px;
    padding: 16px var(--space-m16-w20)
}

.search-list-item-post__wrapper .post-cross-card--item {
    margin-bottom: 0
}

.search-list-item-post__wrapper .search-list-item-post__bottom-info .label-tag:first-child {
    margin-right: 0;
    overflow: hidden;
    padding-right: 14px
}

.search-list-item-post__wrapper .search-list-item-post__bottom-info .label-tag:first-child:after {
    right: 6px
}

.search-list-item-post__video-icon {
    border-radius: 20px;
    padding: 1px 4px;
    padding: 1px var(--space-m4-w6);
    width: auto
}

.tap-search-tag__wrapper {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: #333;
    background: var(--black-20);
    border-radius: 18px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 16px;
    margin-right: 4px;
    max-width: 34%;
    padding: 3px 6px
}

.tap-search-tag__icon {
    font-size: 0;
    margin-right: 4px;
    margin-right: var(--space-m4-w6)
}

.tap-search-tag__tag {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-left: 4px;
    margin-left: var(--space-m4-w6)
}

.tap-search-input__input-wrapper {
    -webkit-box-flex: 1;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #1a1a1a;
    background-color: var(--black-10);
    border: 1px solid transparent;
    border-radius: 42px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex: 1;
    flex: 1;
    height: 70%;
    margin-right: 4px;
    margin-right: var(--space-m4-w6);
    padding: 8px;
    padding: 8px var(--space-m8-w12);
    width: 100%
}

.tap-search-input__input-wrapper .icon-button {
    background: transparent;
    cursor: pointer;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    font-size: 18px;
    width: auto
}

.tap-search-input__input-wrapper .icon-button svg {
    vertical-align: middle
}

.tap-search-input__input-wrapper--focusing {
    border-color: #31ff6c;
    border-color: var(--green-primary)
}

.tap-button-intl.tap-search-input__submit-button {
    border: none;
    margin-left: 12px
}

.tap-search-input__search-input::-webkit-input-placeholder {
    color: #666 !important;
    color: var(--black-40) !important;
    font-size: 14px !important;
    font-size: var(--body-14-size) !important;
    line-height: 1.3em !important;
    line-height: var(--body-14-line-height) !important
}

.tap-search-input__search-input:-ms-input-placeholder,
.tap-search-input__search-input::-moz-placeholder,
.tap-search-input__search-input::-ms-input-placeholder,
.tap-search-input__search-input::-webkit-input-placeholder,
.tap-search-input__search-input::placeholder {
    color: #666 !important;
    color: var(--black-40) !important;
    font-size: 14px !important;
    font-size: var(--body-14-size) !important;
    line-height: 1.3em !important;
    line-height: var(--body-14-line-height) !important
}

div.search-list-item-user-developer__wrapper .tap-row-card {
    padding: 12px 16px
}

div.search-list-item-user-developer__wrapper .tap-text__one-line {
    width: 100%
}

div.search-list-item-user-developer__wrapper .tap-text__one-line:not(:last-child) {
    margin-bottom: 2px;
    margin-bottom: var(--space-m2-w4)
}

.search-list-item-user-developer__title {
    margin-bottom: 2px;
    margin-bottom: var(--space-m2-w4);
    width: 100%
}

.search-list-item-user__user-avatar {
    height: 56px;
    width: 56px
}

.search-list-item-user__user-avatar .taptap-popover.user-avatar__verified {
    height: 18px;
    height: var(--space-m18-w22);
    width: 18px;
    width: var(--space-m18-w22)
}

.search-list-item-sug__wrapper {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 12px 16px;
    padding: var(--space-m12-w16) var(--space-m16-w20)
}

.search-list-item-sug__icon-more {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-left: 8px;
    margin-left: var(--space-m8-w12)
}

.search-list-item-sug__icon-sug {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-right: 8px;
    margin-right: var(--space-m8-w12)
}

.search-list-item-loading__wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 12px 16px;
    padding: var(--space-m12-w16) var(--space-m16-w20)
}

.search-list-item-loading__icon,
.search-list-item-loading__line {
    background-color: rgba(0, 0, 0, .06);
    background-color: var(--extension-overlay-black);
    border-radius: 16px
}

.search-list-item-loading__line-wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-flex: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex: 1;
    flex: 1;
    -ms-flex-direction: column;
    flex-direction: column
}

.search-list-item-loading__icon {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    height: 56px;
    margin-right: 12px;
    margin-right: var(--space-m12-w16);
    width: 56px
}

.search-list-item-loading__line {
    height: 12px;
    height: var(--icon-size-m10-w12);
    margin-bottom: 12px;
    margin-bottom: var(--space-m12-w16)
}

.search-list-item-loading__line:last-child {
    margin-bottom: 0
}

.search-item-list__separator--full {
    background-color: #f5f7f8;
    background-color: var(--extension-background-gray);
    height: 6px;
    height: var(--space-m6-w8);
    width: 100%
}

.search-item-list__separator--slim {
    background-color: hsla(0, 0%, 100%, .1);
    background-color: var(--white-divider);
    height: 1px;
    margin: 0 auto;
    width: calc(100% - 32px);
    width: calc(100% - var(--space-m16-w20)*2)
}

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

.tap-search-suggest__row {
    border-radius: 6px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 12px 8px
}

@media only screen and (max-width:996px) {
    .tap-search-suggest__row {
        padding: 12px 16px
    }
}

.tap-search-suggest__text {
    display: block;
    height: 24px;
    height: var(--paragraph-m16-w16-line-height);
    position: relative
}

.tap-search-suggest__empty-list {
    -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;
    height: 96px;
    justify-content: center
}

.tap-search-suggest__active {
    background-color: rgba(0, 0, 0, .06);
    background-color: var(--extension-overlay-black)
}

.standalone-layout .tap-search-suggest__wrapper {
    padding-bottom: 1em;
    /*! autoprefixer: off */
    padding-bottom: calc(1em + var(--safe-area-inset-bottom))
}

.tap-search-chip-app__wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.tap-search-chip-app__icon {
    font-size: 0;
    margin-right: 4px;
    margin-right: var(--space-m4-w6)
}

.tap-search-chip-app__tag {
    margin-left: 4px;
    margin-left: var(--space-m4-w6)
}

.tap-search-chip-user__wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.tap-search-chip-user__avatar {
    font-size: 0;
    margin-right: 4px;
    margin-right: var(--space-m4-w6)
}

.tap-search-chip__wrapper {
    background-color: #1a1a1a;
    background-color: var(--black-10);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    line-height: inherit
}

.tap-search-chip__wrapper.tap-search-block__chip {
    padding: 5px 10px;
    padding: 5px var(--space-m10-w14)
}

.tap-search-chip__wrapper>* {
    max-width: 100%
}

.tap-search-chip__wrapper-post-app.tap-search-block__chip {
    padding: 2px 10px 2px 2px;
    padding: 2px var(--space-m10-w14) 2px 2px
}

.tap-search-chip__icon {
    height: 18px;
    margin-left: 4px;
    width: 18px
}

.tap-search-block__header {
    -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;
    padding: 14px 0
}

@media only screen and (max-width:499px) {
    .tap-search-block__header {
        padding: 11px 0
    }
}

.tap-search-block__content {
    overflow: hidden
}

.tap-search-block__toggle {
    padding: 7px;
    -webkit-transition: -webkit-transform .33s;
    transition: -webkit-transform .33s;
    transition: transform .33s;
    transition: transform .33s, -webkit-transform .33s
}

.tap-search-block__toggle--open {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.tap-search-block__chip,
.tap-search-block__toggle {
    background-color: #1a1a1a;
    background-color: var(--black-10);
    margin-bottom: 8px;
    margin-bottom: var(--space-m8-w12);
    margin-right: 6px;
    margin-right: var(--space-m6-w8);
    max-width: 276px;
    padding: 5px 10px
}

@media only screen and (max-width:499px) {
    .tap-search-block__chip,
    .tap-search-block__toggle {
        max-width: calc(50% - 6px);
        max-width: calc((100% - var(--space-m6-w8))/2 - 3px)
    }
}

.tap-search-block__chip--last {
    margin-right: 0
}

.tap-search-block__chip--sidebar {
    max-width: 100%
}

.trend-post__icon {
    background: #333;
    background: var(--black-20);
    border-radius: 50%;
    height: 44px;
    margin-right: 6px;
    min-width: 44px;
    width: 44px
}

.trend-post {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    overflow: hidden
}

.trend-post__image {
    border-radius: 10px;
    height: 44px;
    margin-right: 6px;
    min-width: 44px;
    width: 44px
}

.trend-post__user {
    border-radius: 50%;
    height: 44px;
    margin-right: 6px;
    min-width: 44px;
    width: 44px
}

.web-aside__app-item {
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.web-aside__app-item .app-item__icon {
    border-radius: 23%;
    height: 44px;
    overflow: hidden;
    width: 44px
}

.web-aside__app-item .app-item__infos {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-pack: distribute;
    -webkit-box-flex: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex: 1;
    flex: 1;
    -ms-flex-direction: column;
    flex-direction: column;
    justify-content: space-around;
    margin: 6px;
    width: 0
}

.web-aside__app-item .app-item__content {
    margin-top: 3px
}

.web-aside__app-item .app-item__title-tags {
    padding: 2px 4px
}

.web-aside__app-item .app-item__rating {
    margin-right: 8px
}

.web-aside__app-item .app-item__tag {
    height: 100%;
    margin-top: 1px
}

.trend-app {
    width: 100%
}

.trend-post__image {
    border-radius: 10px;
    height: 44px;
    margin-right: 6px;
    min-width: 44px;
    width: 44px
}

.tap-trend-search-item__wrapper {
    border-radius: 12px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 60px;
    margin: 0 4px;
    padding: 8px 8px 8px 4px;
    white-space: normal;
    width: calc(50% - 8px)
}

.tap-trend-search-item__wrapper-small {
    margin: 0;
    width: 100%
}

@media only screen and (max-width:499px) {
    .tap-trend-search-item__wrapper {
        margin: 0;
        width: 100%
    }
}

.tap-trend-search-item__wrapper .web-aside__app-item {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.tap-trend-search-item__wrapper .web-aside__app-item .app-item__infos {
    display: block;
    margin: 0 0 0 6px
}

.tap-trend-search-item__index {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-left: 8px;
    margin-right: 10px;
    text-align: center
}

.tap-trend-search__wrapper {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    justify-content: flex-start
}

.tap-trend-search__wrapper-line .tap-trend-search-item__wrapper {
    width: 100%
}

.tap-search-intro-discover__wrapper {
    padding: 0 16px
}

.tap-search-intro__wrapper {
    -webkit-overflow-scrolling: touch;
    background-color: #000;
    background-color: var(--black-primary);
    border: 2px solid #1a1a1a;
    border: 2px solid var(--black-10);
    border-radius: 16px;
    max-height: 80vh;
    overflow-y: auto;
    padding: 0
}

@supports(overflow:overlay) {
    .tap-search-intro__wrapper {
        overflow-y: overlay
    }
}

@media only screen and (max-width:499px) {
    .tap-search-intro__wrapper {
        border: none
    }
}

.tap-search-intro__wrapper--loading {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: center
}

.tap-search-intro__hot-search-wrapper {
    background-color: #1a1a1a;
    background-color: var(--black-10);
    border-radius: 16px;
    margin: 12px 0 16px;
    padding-bottom: 6px
}

.tap-search-intro__hot-search-wrapper .tap-search-block__header {
    padding: 12px 12px 8px;
    padding: var(--space-m12-w16) var(--space-m12-w16) var(--space-m8-w12)
}

.tap-search-intro__hot-search-title-icon {
    color: #31ff6c;
    color: var(--green-primary);
    font-size: 28px;
    margin-right: 4px;
    margin-right: var(--space-m4-w6)
}

@-webkit-keyframes goLoading {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
    90% {
        -webkit-transform: rotate(-1turn);
        transform: rotate(-1turn)
    }
    to {
        -webkit-transform: rotate(-1turn);
        transform: rotate(-1turn)
    }
}

@keyframes goLoading {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
    90% {
        -webkit-transform: rotate(-1turn);
        transform: rotate(-1turn)
    }
    to {
        -webkit-transform: rotate(-1turn);
        transform: rotate(-1turn)
    }
}

@media only screen and (max-width:996px) {
    .tap-search-intro__wrapper {
        -webkit-box-flex: 1;
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 0;
        -webkit-box-shadow: none;
        box-shadow: none;
        -ms-flex: 1;
        flex: 1;
        max-height: none
    }
    .tap-search-intro__hot-search-wrapper {
        margin-bottom: 44px
    }
    .tap-search-intro__hot-search-title-icon {
        font-size: 26px
    }
}

.tap-search-intro__clear-all {
    cursor: pointer
}

.disabled-body-transition {
    -webkit-transition: none 0s ease 0s;
    transition: none 0s ease 0s;
    -webkit-transition: initial;
    transition: initial
}

.tap-search-box__wrapper {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.tap-search-box__trigger--bg {
    background-color: #1a1a1a;
    background-color: var(--black-10)
}

.tap-search-box__trigger {
    background: #1a1a1a;
    background: var(--black-10);
    border: 1px solid transparent;
    border-radius: 42px;
    cursor: pointer;
    overflow: hidden;
    padding: 4px 8px;
    padding: 4px var(--space-m8-w12)
}

.tap-search-box__trigger .search-placeholder-box {
    margin-left: 4px;
    margin-left: var(--space-m4-w6);
    width: 100%
}

.tap-search-box__trigger-icon {
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.tap-search-box__trigger-text {
    margin-left: 4px;
    margin-left: var(--space-m4-w6)
}

.tap-search-box__input-wrapper,
.tap-search-box__trigger {
    -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;
    height: 60%;
    width: 100%
}

.tap-search-box__search-input,
.tap-search-box__trigger-input {
    background: none;
    border: none;
    margin-left: 4px;
    margin-left: var(--space-m4-w6);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: calc(100% - 4px);
    width: calc(100% - var(--space-m4-w6))
}

.tap-search-box__search-input::-webkit-input-placeholder,
.tap-search-box__trigger-input::-webkit-input-placeholder {
    color: #666;
    color: var(--black-40);
    font-size: 14px;
    font-size: var(--body-14-size);
    letter-spacing: .02em;
    line-height: 1.3em;
    line-height: var(--body-14-line-height)
}

.tap-search-box__search-input::-moz-placeholder,
.tap-search-box__trigger-input::-moz-placeholder {
    color: #666;
    color: var(--black-40);
    font-size: 14px;
    font-size: var(--body-14-size);
    letter-spacing: .02em;
    line-height: 1.3em;
    line-height: var(--body-14-line-height)
}

.tap-search-box__search-input:-ms-input-placeholder,
.tap-search-box__trigger-input:-ms-input-placeholder {
    color: #666;
    color: var(--black-40);
    font-size: 14px;
    font-size: var(--body-14-size);
    letter-spacing: .02em;
    line-height: 1.3em;
    line-height: var(--body-14-line-height)
}

.tap-search-box__search-input::-ms-input-placeholder,
.tap-search-box__trigger-input::-ms-input-placeholder {
    color: #666;
    color: var(--black-40);
    font-size: 14px;
    font-size: var(--body-14-size);
    letter-spacing: .02em;
    line-height: 1.3em;
    line-height: var(--body-14-line-height)
}

.tap-search-box__search-input::placeholder,
.tap-search-box__trigger-input::placeholder {
    color: #666;
    color: var(--black-40);
    font-size: 14px;
    font-size: var(--body-14-size);
    letter-spacing: .02em;
    line-height: 1.3em;
    line-height: var(--body-14-line-height)
}

.tap-search-box__search-input {
    caret-color: #31ff6c;
    caret-color: var(--green-primary);
    color: #fff;
    color: var(--white-primary)
}

@supports(-webkit-mask:none) and (not (cater-color:var(--green-primary))) {
    .tap-search-box__search-input {
        color: #31ff6c;
        color: var(--green-primary)
    }
    .tap-search-box__search-input input:first-line {
        color: #fff;
        color: var(--white-primary)
    }
}

.tap-search-box__content-wrapper {
    overflow: inherit;
    padding-right: 16px;
    /*! autoprefixer: off */
    padding-top: 0;
    padding-top: calc(var(--safe-area-inset-top));
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 600
}

.standalone-layout .tap-search-box__content-wrapper {
    padding-top: calc(max(20px, var(--safe-area-inset-top)))
}

.tap-search-box__content-wrapper .media-popover__dropdown-menu {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100%
}

.tap-search-box__header {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #000;
    background-color: var(--black-primary);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 32px;
    margin: 12px 0;
    padding: 4px 0
}

.tap-search-box__wrapper--active {
    background-color: transparent
}

.tap-search-box__header-back {
    background-color: transparent;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-right: 6px
}

.tap-search-box__input-back-btn {
    background-color: #1a1a1a;
    background-color: var(--black-10)
}

.tap-search-box__wrapper--full-box .tap-search-box__content-wrapper {
    padding-right: 0
}

.tap-search-box__trigger--icon {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 0
}

.tap-search-box__header--no-sidebar {
    height: 40px
}

.tap-search-box__header--no-sidebar .tap-search-box__header-back {
    border-radius: 50%;
    margin-right: 12px;
    min-width: 32px;
    overflow: hidden;
    padding: 6px
}

@media only screen and (max-width:499px) {
    .tap-search-box__header--no-sidebar .tap-search-box__header-back {
        margin-left: 2px;
        margin-right: 8px;
        padding: 0
    }
}

@media only screen and (max-width:996px) {
    .tap-search-box__input-wrapper,
    .tap-search-box__trigger {
        border-radius: 18px
    }
    .tap-search-box__content-wrapper {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        background: #000;
        background: var(--black-primary);
        bottom: 0;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column;
        height: 100%;
        left: 0;
        right: 0;
        top: 0;
        width: 100vw
    }
}

@media only screen and (max-width:996px)and (max-width:499px) {
    .tap-search-box__content-wrapper {
        padding-right: 0
    }
    .tap-search-box__wrapper--full-box .tap-search-box__trigger {
        background-color: #1a1a1a;
        background-color: var(--black-10)
    }
    .tap-search-box__wrapper--full-box .tap-search-box__trigger--result {
        background-color: #1a1a1a;
        background-color: var(--black-10);
        border-color: transparent;
        padding: 4px 8px
    }
    .tap-search-box__header {
        margin: 10px 0;
        padding: 0 16px 0 10px
    }
    .tap-search-box__header,
    .tap-search-box__trigger--result {
        height: 32px
    }
}

.taptap__top-operation-wrap--mobile-right {
    margin-left: auto
}

.taptap__top-operation-wrap--mobile-right+.taptap__main-header-content {
    display: none !important
}

.taptap__top-operation-wrap--mobile-right .top-operation__search-small {
    -webkit-box-flex: inherit;
    -ms-flex: inherit;
    flex: inherit;
    margin: 0
}

.taptap__main-header .van-sticky.van-sticky--fixed {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.taptap__main--no-header .taptap__main-wrapper {
    margin-top: 0;
    /*! autoprefixer: off */
    margin-top: calc(0px - var(--safe-area-inset-top))
}

.standalone-layout .taptap__main--no-header .taptap__main-wrapper {
    margin-top: calc(0px - max(20px, var(--safe-area-inset-top)))
}

.taptap__main--no-header .taptap__main-container {
    position: relative;
    z-index: 301
}

.taptap__main--no-header .taptap__main-header:before {
    display: none
}

.taptap__main--no-header .taptap__main-header:after {
    display: none
}

@media only screen and (min-width:499px) {
    .taptap__main--no-header .taptap__main-container {
        z-index: 0
    }
    .taptap__main--no-header .taptap__main-header {
        height: 64px
    }
    .taptap__main--no-header .taptap__top-operation-wrap {
        background: #000;
        background: var(--black-primary)
    }
}

@media only screen and (max-width:996px) {
    .taptap__main--no-header .taptap__top-operation-wrap {
        background: transparent
    }
}

@media only screen and (max-width:499px) {
    .taptap__main--no-header .taptap__main-container {
        z-index: 99
    }
    .taptap__main--no-header .taptap__main-header {
        background: transparent;
        position: relative
    }
    .taptap__main--no-header .taptap__main-header .taptap__top-operation-wrap,
    .taptap__main--no-header .taptap__main-header .van-sticky {
        background: transparent
    }
}

.taptap__main--mobile.taptap__main--home-page {
    padding-bottom: 50px;
    /*! autoprefixer: off */
    padding-bottom: calc(50px + var(--safe-area-inset-bottom))
}

.taptap__main-header.taptap_main-header--top {
    background: none;
    pointer-events: none
}

.taptap__main-header.taptap_main-header--top .taptap__top-operation-wrap {
    background: #000;
    background: var(--black-primary);
    pointer-events: auto
}

.taptap__main-header.taptap_main-header--top .taptap__top-operation-wrap.taptap__top-operation-wrap--no-bg {
    background: none
}

.taptap__main-header.taptap_main-header--top .top-operation__search-small {
    opacity: 0;
    -webkit-transition: all .2s;
    transition: all .2s
}

@media only screen and (max-width:499px) {
    .taptap__main-header.taptap_main-header--top .van-sticky {
        background: none;
        z-index: 300
    }
    .taptap__main-header.taptap_main-header--top .taptap__top-operation-wrap {
        background: transparent
    }
}

.taptap_main-container--top {
    margin-top: -64px
}

@media only screen and (max-width:499px) {
    .taptap_main-container--top {
        margin-top: -56px
    }
}

.tap-footer {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 20px 0
}

.tap-footer .tap-qrcode {
    margin-right: 12px
}

.tap-footer__download {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #1a1a1a;
    background-color: var(--black-10);
    border-radius: 16px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 16px;
    padding: 12px;
    width: 100%
}

.tap-footer__download .tap-qrcode img {
    height: 100%;
    width: 100%
}

.tap-footer__download-right {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    flex-grow: 1;
    justify-content: center
}

.tap-footer__download-title {
    margin-bottom: 4px
}

.tap-footer__download-slogan,
.tap-footer__download-title {
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    word-wrap: break-word;
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-word
}

.tap-footer__switch {
    margin-bottom: 20px
}

.tap-footer__switch,
.tap-footer__switch-language {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.tap-footer__switch-language {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #1a1a1a;
    background-color: var(--black-10);
    border-radius: 20px;
    cursor: pointer;
    margin-right: 12px;
    padding: 4px 8px
}

.tap-footer__switch-language .icon-12_dropdown {
    height: 6px;
    margin-left: 4px;
    vertical-align: baseline;
    width: 6px
}

.tap-footer__switch-language .icon-switch-source {
    height: 12px;
    margin-left: 4px;
    width: 12px
}

.tap-footer__links {
    margin-bottom: 20px
}

.tap-footer__link-group {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #868c92;
    color: var(--gray-06);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: 4px
}

.tap-footer__link-group a:hover {
    text-decoration: underline
}

.tap-footer__link-item {
    margin-bottom: 4px
}

.tap-footer__icon-link {
    -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
}

.tap-footer__link-group:last-child,
.tap-footer__link-item:last-child {
    margin-bottom: 0
}

.tap-footer__oversea-contact {
    margin-top: 8px
}

.tap-footer__oversea-contact-item {
    margin-right: 16px
}

.tap-footer__oversea-contact-item:hover {
    color: #868c92;
    color: var(--gray-06)
}

.tap-footer__switcher {
    margin-bottom: 12px;
    margin-bottom: var(--space-m12-w16)
}

.tap-footer__download-tato {
    height: 48px;
    margin-right: 20px;
    width: 48px
}

.back-top {
    background: #000;
    background: var(--black-primary);
    border: 2px solid #1a1a1a;
    border: 2px solid var(--black-10);
    border-radius: 25px;
    cursor: pointer;
    line-height: 0;
    padding: 9px
}

.web-aside-wrap {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    border-radius: 16px;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-bottom: 16px;
    overflow: hidden
}

.web-aside-wrap,
.web-aside-wrap .web-aside-wrap__header {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #1a1a1a;
    background-color: var(--black-10);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%
}

.web-aside-wrap .web-aside-wrap__header {
    -ms-flex-item-align: start;
    align-self: flex-start;
    padding: 12px
}

.web-aside-wrap .web-aside-wrap__content {
    position: relative;
    width: 100%
}

.web-aside-wrap .web-aside-wrap__footer {
    -ms-flex-item-align: start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    align-self: flex-start;
    background-color: #1a1a1a;
    background-color: var(--black-10);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 12px;
    width: 100%
}

.rank-index {
    text-align: center;
    width: 40px
}

.game-list-card {
    border-bottom: .5px solid hsla(0, 0%, 100%, .1);
    border-bottom: .5px solid var(--white-divider)
}

.game-list-card__index {
    text-align: center;
    width: 50px
}

.game-list-card__detail {
    margin-bottom: 0;
    overflow: hidden;
    padding: 16px 0;
    position: relative
}

@media only screen and (max-width:499px) {
    .game-list-card__detail {
        border-bottom: none;
        padding: 12px 0
    }
}

.game-list-card__detail .app-row-card__highlights {
    margin-bottom: 8px;
    margin-top: 8px
}

@media only screen and (max-width:499px) {
    .game-list-card__detail .app-row-card__highlights {
        margin-bottom: 4px;
        margin-top: 4px
    }
}

.game-list-card__detail .tap-row-card__right {
    min-width: 70px
}

.game-list-card__detail .tap-app-title__tag {
    padding-bottom: 1px;
    padding-top: 1px
}

.drop-down-option {
    background-color: #333;
    background-color: var(--black-20);
    -webkit-box-shadow: 0 6px 32px 0 rgba(0, 0, 0, .25);
    box-shadow: 0 6px 32px 0 rgba(0, 0, 0, .25);
    width: 288px;
    z-index: 200
}

@media only screen and (max-width:499px) {
    .drop-down-option {
        -webkit-box-shadow: none;
        box-shadow: none;
        width: 100%
    }
}

.drop-down-option__item {
    cursor: pointer;
    padding: 12px 16px;
    padding: var(--space-m12-w16) var(--space-m16-w20)
}

.drop-down-option__item,
.drop-down-option__item__label {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.drop-down-option__item__label {
    width: 228px
}

.sort-selector__more-wrapper {
    border-radius: 10px 10px 0 0
}

@media only screen and (max-width:499px) {
    .sort-selector__more-wrapper {
        border-radius: 0
    }
}

.sort-selector__more-wrapper .media-popover {
    left: 20px;
    margin-top: 0;
    top: 52px
}

.sort-selector__box {
    background-color: #333;
    background-color: var(--black-20);
    border-radius: 24px;
    cursor: pointer;
    margin: 12px 16px;
    padding: 5px 8px 5px 16px;
    position: relative;
    white-space: nowrap
}

@media only screen and (max-width:499px) {
    .sort-selector__box {
        background-color: #1a1a1a;
        background-color: var(--black-10);
        padding: 5px 6px 5px 12px
    }
}

.no-content-tips {
    padding-bottom: 40px;
    text-align: center
}

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

.labels-modal .tap-chip {
    margin-bottom: 6px;
    margin-bottom: var(--space-m6-w8);
    margin-right: 6px;
    margin-right: var(--space-m6-w8)
}

.labels-modal .media-modal__body {
    padding-bottom: 8px
}

.labels-modal__complaint {
    color: #31ff6c;
    color: var(--green-primary);
    cursor: pointer
}

.labels-modal__labels {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.labels-modal__input {
    -webkit-box-flex: 1;
    background: #333;
    background: var(--black-20);
    border: none;
    border-radius: 36px;
    -ms-flex: 1;
    flex: 1;
    font-size: 14px;
    font-size: var(--heading-14-size);
    letter-spacing: .02em;
    line-height: 1.3em;
    line-height: var(--heading-14-line-height);
    margin-right: 16px;
    padding: 6px 16px;
    padding: var(--space-m6-w8) var(--space-m16-w20);
    width: 100%
}

.labels-modal__input::-webkit-input-placeholder {
    color: #666;
    color: var(--black-40)
}

.labels-modal__input::-moz-placeholder {
    color: #666;
    color: var(--black-40)
}

.labels-modal__input:-ms-input-placeholder {
    color: #666;
    color: var(--black-40)
}

.labels-modal__input::-ms-input-placeholder {
    color: #666;
    color: var(--black-40)
}

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

.labels-modal__title {
    border-top: 1px solid rgba(29, 33, 39, .12);
    border-top: 1px solid var(--extension-divider-gray);
    margin-top: 16px
}

@media only screen and (min-width:499px) {
    .labels-modal__title {
        margin-top: 40px
    }
}

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

.web-aside-wrapper--tags {
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    padding: 8px 12px 4px;
    padding: var(--space-m8-w12) var(--space-m12-w16) 4px
}

.web-aside-wrapper--tags .tap-chip {
    margin-bottom: 6px;
    margin-bottom: var(--space-m6-w8);
    margin-right: 6px;
    margin-right: var(--space-m6-w8)
}

.web-aside-wrapper--tags .tap-chip:last-child {
    margin-right: 0
}

.app-aside-chip__text {
    max-width: 180px
}

.tap-hot-search__wrapper {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    justify-content: flex-start
}

.tap-hot-search-item__wrapper {
    border-radius: 12px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0 4px;
    padding: 8px 8px 8px 4px;
    white-space: normal;
    width: calc(50% - 8px)
}

.tap-hot-search-item__index {
    -ms-flex-negative: 0;
    display: inline-block;
    flex-shrink: 0;
    margin-right: 8px;
    text-align: center;
    width: 24px;
    width: var(--icon-size-m22-w24)
}

.tap-hot-search__wrapper .tap-hot-search-item__index--highlight {
    color: #31ff6c;
    color: var(--green-primary)
}

.tap-hot-search-item__widget-img {
    vertical-align: middle
}

.web-aside-wrapper__hot-search {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    -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;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    justify-content: flex-start;
    padding: 12px 0 0 12px;
    padding: var(--space-m12-w16) 0 0 var(--space-m12-w16)
}

.web-aside-wrapper__hot-search .tap-chip {
    margin-bottom: 6px;
    margin-bottom: var(--space-m6-w8);
    margin-right: 6px;
    margin-right: var(--space-m6-w8)
}

.web-aside-wrapper__hot-search .tap-chip:last-child {
    margin-right: 0
}

.web-aside-wrapper__hot-search--new {
    padding: 8px 4px
}

.web-aside-wrapper__hot-search__item {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 16px;
    max-width: 250px;
    white-space: normal;
    width: 50%
}

.web-aside-wrapper__hot-search__item-rank--blue {
    color: #31ff6c;
    color: var(--green-primary)
}

.web-aside-wrapper__hot-search__item-rank {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-right: 8px
}

.web-aside-wrapper__hot-search__item-text {
    margin-right: 16px
}

.tap-moment-tag {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 2px;
    border-radius: var(--radius-m2-w4);
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    font-size: 12px;
    font-size: var(--caption-m10-w12-size);
    font-weight: 700;
    line-height: 18px;
    line-height: var(--caption-m10-w12-line-height);
    margin-right: 8px;
    padding: 2px 6px 2px 4px;
    padding: var(--space-m2-w4) var(--space-m6-w8) var(--space-m2-w4) var(--space-m4-w6)
}

.tap-moment-tag .group-tag-icon {
    margin-right: 2px;
    margin-right: var(--space-m2-w4)
}

.tap-moment-tag.tap-moment-tag--top {
    background: rgba(255, 121, 77, .1);
    background: var(--extension-orange-light);
    color: #ff794d;
    color: var(--extension-orange)
}

.tap-moment-tag.tap-moment-tag--treasure {
    background: rgba(138, 115, 255, .1);
    background: var(--extension-purple-light);
    color: #8a73ff;
    color: var(--extension-purple)
}

.tap-moment-tag.tap-moment-tag--focus {
    background: rgba(26, 178, 255, .1);
    background: var(--extension-blue-light);
    color: #1ab2ff;
    color: var(--extension-blue)
}

.tap-moment-tag.tap-moment-tag--hot-search {
    background: hsla(0, 100%, 70%, .1);
    background: var(--extension-coral-light);
    color: #f66;
    color: var(--extension-coral)
}

.tap-moment-tag.tap-moment-tag--elite {
    background: rgba(255, 170, 0, .1);
    background: var(--extension-yellow-light);
    color: #fa0;
    color: var(--extension-yellow)
}

.tap-moment-tag.tap-moment-tag--official {
    background: #ecfafb;
    background: var(--primary-tap-blue-light);
    color: #15c5ce;
    color: var(--primary-tap-blue)
}

.tap-moment-tag.tap-moment-tag--question {
    background: rgba(61, 204, 73, .1);
    background: var(--extension-lime-light);
    color: #3dcc49;
    color: var(--extension-lime)
}

.ugc-rec-card {
    -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;
    padding: 18px 16px;
    padding: 18px var(--space-m16-w20)
}

.ugc-rec-card__cover {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-right: 12px;
    position: relative
}

.ugc-rec-card__cover:before {
    border: 0 solid rgba(0, 0, 0, .06);
    border: 0 solid var(--extension-overlay-black);
    bottom: -50%;
    content: "";
    display: block;
    left: -50%;
    pointer-events: none;
    position: absolute;
    right: -50%;
    top: -50%;
    -webkit-transform: scale(.5);
    transform: scale(.5)
}

.ugc-rec-card__cover:before {
    border-radius: 8px;
    border-width: 1px;
    bottom: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    height: 200%;
    left: 0;
    right: 0;
    top: 0;
    -webkit-transform-origin: left top;
    transform-origin: left top;
    width: 200%;
    z-index: 1
}

@media only screen and (min-width:499px) {
    .ugc-rec-card__cover:before {
        border-radius: 12px
    }
}

.ugc-rec-card__cover-img {
    border-radius: 4px;
    border-radius: var(--radius-m4-w6);
    height: 64px;
    overflow: hidden;
    width: 113px
}

.ugc-rec-card__video-duration {
    background-color: rgba(0, 0, 0, .4);
    background-color: var(--extension-components-black);
    border-radius: 40px;
    bottom: 4px;
    color: #fff;
    color: var(--primary-white);
    font-size: 12px;
    font-size: var(--caption-m10-w12-size);
    left: 4px;
    line-height: 18px;
    line-height: var(--caption-m10-w12-line-height);
    margin-right: 12px;
    padding: 2px 6px;
    position: absolute
}

.ugc-rec-card__contents,
.ugc-rec-card__contents-titles-wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -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;
    overflow: hidden
}

.ugc-rec-card__contents-titles-wrapper {
    font-size: 16px;
    font-size: var(--heading-m14-w16-size);
    line-height: 24px;
    line-height: var(--heading-m14-w16-line-height);
    max-height: 48px;
    max-height: calc(var(--heading-m14-w16-line-height)*2);
    width: 100%
}

.ugc-rec-card__contents-subtitle,
.ugc-rec-card__contents-title {
    -ms-flex-negative: 0;
    color: #1d2127;
    color: var(--gray-08);
    flex-shrink: 0;
    width: 100%
}

.ugc-rec-card__contents-description {
    margin-top: 4px;
    margin-top: var(--space-m4-w6)
}

.ugc-rec-card__contents-description-tag {
    color: #868c92;
    color: var(--gray-06);
    font-size: 14px;
    font-size: var(--caption-m12-w14-size);
    line-height: 22px;
    line-height: var(--caption-m12-w14-line-height)
}

.ugc-rec-card__contents-description-tag:first-child {
    margin-right: 0;
    overflow: hidden;
    padding-right: 14px
}

.ugc-rec-card__contents-description-tag:first-child:after {
    right: 6px
}

.ugc-rec-card__contents-title-tag {
    display: inline-block;
    margin-right: 4px;
    margin-right: var(--space-m4-w6);
    padding: 2px 4px;
    vertical-align: 2px
}

.ugc-rec-card__default.ugc-rec-card:not(:last-child) {
    position: relative
}

.ugc-rec-card__default.ugc-rec-card:not(:last-child):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% - 40px)
}

@media only screen and (max-width:499px) {
    .ugc-rec-card__default.ugc-rec-card:not(:last-child) {
        position: relative
    }
    .ugc-rec-card__default.ugc-rec-card:not(:last-child):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% - 36px)
    }
}

@media only screen and (min-width:499px) {
    .ugc-rec-card__default .ugc-rec-card__cover-img {
        height: 72px;
        width: 128px
    }
}

.tap-player {
    bottom: 0;
    left: 0;
    position: absolute
}

.tap-player :not(.container) {
    -webkit-box-sizing: border-box !important;
    box-sizing: border-box !important
}

.common-new-video .video-play-live-image {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    position: absolute;
    width: 100%
}

.common-new-video.is-live video::-webkit-media-controls-time-remaining-display,
.common-new-video.is-live video::-webkit-media-controls-timeline {
    display: none
}

.common-new-video.is-live video::-webkit-media-controls-current-time-display {
    display: none
}

.common-new-video.is-fullscreen .tap-player__mini-box,
.common-new-video.is-fullscreen .tap-player__theater-box {
    display: none !important
}

.common-new-video .video-player__mask {
    background: rgba(0, 0, 0, .5);
    color: #fff;
    color: var(--extension-button-label-white);
    font-size: 14px;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.common-new-video .progress-bar__played,
.common-new-video .progress-bar__point,
.common-new-video .volume-bar__active,
.common-new-video .volume-bar__point {
    background-color: #31ff6c;
    background-color: var(--green-primary);
    border-color: #31ff6c;
    border-color: var(--green-primary);
    color: #31ff6c;
    color: var(--green-primary)
}

.common-new-video .tap-player__levels>.levels__box>.level.is-active,
.common-new-video .tap-player__levels>.levels__box>.level.is-active>.leaves__icon,
.common-new-video .tap-player__levels>.levels__box>.level.is-active>.leaves__icon>.iconfont,
.common-new-video .tap-player__levels>.levels__box>.level:hover {
    color: #31ff6c;
    color: var(--green-primary)
}

.common-new-video .tap-player__loading:before {
    background: #0c6fff;
    background: var(--blue-primary)
}

.common-new-video .tap-player__loading:after {
    background: #31ff6c;
    background: var(--green-primary)
}

.ugc-rec-card__aside.ugc-rec-card {
    padding: 18px 16px
}

.ugc-rec-card__aside .ugc-rec-card__cover:before {
    border-radius: 8px
}

.ugc-rec-card__aside .ugc-rec-card__cover-img {
    border-radius: 4px
}

.ugc-rec-card__aside .ugc-rec-card__video-duration {
    padding: 0 6px
}

.ugc-rec-card__aside .ugc-rec-card__contents-titles-wrapper {
    font-size: 14px;
    font-size: var(--caption-m12-w14-size);
    line-height: 22px;
    line-height: var(--caption-m12-w14-line-height);
    max-height: 44px;
    max-height: calc(var(--caption-m12-w14-line-height)*2)
}

.ugc-rec-card__aside .ugc-rec-card__contents-description-tag {
    font-size: 12px;
    font-size: var(--caption-m10-w12-size);
    line-height: 18px;
    line-height: var(--caption-m10-w12-line-height)
}

.ugc-rec-card__aside .ugc-rec-card__contents-title-tag {
    margin-right: 4px;
    margin-top: 4px;
    padding: 0 4px
}

.video-duration {
    background: rgba(0, 0, 0, .06);
    background: var(--extension-overlay-black);
    border-radius: 3px;
    bottom: 10px;
    color: #fff;
    color: var(--extension-button-label-white);
    font-size: 11px;
    left: 12px;
    line-height: 1;
    padding: 4px;
    position: absolute;
    right: auto
}

.ugc-rec-list__loading {
    height: 100px
}

.collect-button__icon-text--column {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.video-player-card--hover .video-player-card__duration--opacity {
    opacity: 1
}

.video-player-card--hover .video-player-card__control--opacity {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(9.62%, transparent), color-stop(90.35%, rgba(0, 0, 0, .2)));
    background: linear-gradient(180deg, transparent 9.62%, rgba(0, 0, 0, .2) 90.35%)
}

.video-player-card--hover .video-player-card__play-mute-box {
    opacity: 1
}

.video-player-card--hover .video-player-card__progress-bar {
    -webkit-box-flex: 1;
    --hot-size: 9px;
    background-clip: content-box;
    border-bottom: var(--hot-size) solid transparent;
    border-top: var(--hot-size) solid transparent;
    -ms-flex: 1;
    flex: 1;
    height: 4px;
    margin: 0 16px;
    position: relative
}

.video-player-card--hover .video-player-card__progress-bar:active .video-player-card__progress-point-box {
    background: rgba(21, 197, 206, .3);
    border-radius: 24px;
    padding: 5px;
    right: -12px;
    top: -10px
}

.video-player-card--hover .video-player-card__progress-bar-active,
.video-player-card--hover .video-player-card__progress-bar-buffed {
    height: 4px
}

.video-player-card--hover .video-player-card__progress-point-box {
    display: block;
    position: absolute;
    right: -7px;
    top: -5px;
    z-index: 1
}

.video-player-card--hover .video-player-card__progress-point {
    background: #fff;
    background: var(--primary-white);
    border: 5px solid #31ff6c;
    border: 5px solid var(--green-primary);
    border-radius: 14px;
    -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, .4);
    box-shadow: 0 0 4px rgba(0, 0, 0, .4);
    -webkit-box-shadow: 0 0 4px var(--extension-components-black);
    box-shadow: 0 0 4px var(--extension-components-black);
    display: block;
    height: 4px;
    width: 4px
}

.video-player-card__image {
    height: 0;
    padding-bottom: 56.25%;
    position: relative;
    width: 100%
}

.video-player-card__image .video-hls__poster-img {
    -o-object-fit: cover;
    object-fit: cover
}

.video-player-card__lazy-image {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 11
}

.video-player-card__lazy-image .tap-image {
    height: inherit;
    width: inherit
}

.video-player-card__play {
    cursor: pointer;
    height: 70px;
    left: 50%;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 70px;
    z-index: 11
}

.video-player-card__play-icon {
    color: #fff;
    color: var(--extension-button-label-white);
    padding-left: 1px
}

.video-player-card__play-button {
    background: rgba(0, 0, 0, .4);
    background: var(--extension-components-black);
    border: 1px solid hsla(0, 0%, 100%, .3);
    border-radius: 61px;
    height: 41px;
    width: 41px
}

@media only screen and (min-width:499px) {
    .video-player-card__play-button {
        height: 63px;
        width: 63px
    }
}

.video-player-card__control {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(9.62%, transparent), color-stop(90.35%, rgba(0, 0, 0, .2)));
    background: linear-gradient(180deg, transparent 9.62%, rgba(0, 0, 0, .2) 90.35%);
    bottom: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: #fff;
    color: var(--extension-button-label-white);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 14px;
    font-size: var(--caption-m12-w14-size);
    height: 28px;
    justify-content: space-between;
    left: 0;
    line-height: 22px;
    line-height: var(--caption-m12-w14-line-height);
    padding: 2px 12px 8px;
    padding: 2px var(--space-m12-w16) var(--space-m8-w10);
    position: absolute;
    text-shadow: 1px 1px 3px rgba(0, 0, 0, .4);
    text-shadow: 1px 1px 3px var(--extension-components-black);
    -webkit-transition: .5s;
    transition: .5s;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    width: 100%;
    z-index: 11
}

@media only screen and (min-width:499px) {
    .video-player-card__control {
        height: 48px;
        padding-top: 14px
    }
}

.video-player-card__control--opacity {
    background: transparent
}

.video-player-card__play-total-icon {
    margin-right: 2px;
    margin-right: var(--space-m2-w4)
}

.video-player-card__progress-bar {
    background: hsla(0, 0%, 100%, .4);
    bottom: 0;
    height: 2px;
    left: 0;
    position: absolute;
    width: 100%
}

.video-player-card__progress-point-box {
    display: none
}

.video-player-card__progress-bar-active {
    background: #31ff6c;
    background: var(--green-primary);
    height: 2px;
    left: 0;
    position: absolute;
    top: 0;
    width: 0
}

.video-player-card__progress-bar-buffed {
    background: hsla(0, 0%, 100%, .45);
    background: var(--extension-components-border-gray);
    height: 2px;
    left: 0;
    position: absolute;
    top: 0;
    width: 0
}

.video-player-card__duration--opacity {
    opacity: 0;
    -webkit-transition: .5s;
    transition: .5s
}

.video-player-card__play-mute-box--opacity {
    opacity: .6;
    -webkit-transition: .5s;
    transition: .5s
}

.video-player-card .tap-player__play--big,
.video-player-card--no-controls .tap-player__mark {
    display: none !important
}

.app-no-banner {
    background-image: url(https://assets.tapimg.com/cupid-apps/web-app-intl/static/img/app_no_image_placeholder.8fd816c3..png);
    background-repeat: no-repeat;
    background-size: cover;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.app-no-banner--pc {
    background-repeat: repeat;
    background-size: 62.8%
}

.app-no-banner__icon-box {
    height: 88px;
    left: 50%;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 88px
}

.app-no-banner__icon-box .app-icon {
    -webkit-box-shadow: 0 10px 20px 0 rgba(0, 0, 0, .3);
    box-shadow: 0 10px 20px 0 rgba(0, 0, 0, .3)
}

.app-no-banner__icon-box--pc {
    height: 148px;
    width: 148px
}

.icon-button {
    color: rgba(29, 33, 39, .12);
    color: var(--extension-divider-gray);
    cursor: pointer;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    font-size: 18px;
    width: auto
}

.icon-button svg,
.icon-button__text {
    vertical-align: middle
}

.icon-button__text {
    color: #b9bec1;
    color: var(--gray-04);
    display: inline-block;
    font-size: 12px
}

.icon-button__figure+.icon-button__text {
    margin-left: 3px
}

.icon-button--disabled {
    color: rgba(29, 33, 39, .12);
    color: var(--extension-divider-gray);
    cursor: default
}

.icon-button--disabled .icon-button__figure {
    fill: rgba(29, 33, 39, .12);
    fill: var(--extension-divider-gray)
}

.icon-button--disabled .icon-button__figure,
.icon-button--disabled.icon-button__text {
    color: rgba(29, 33, 39, .12);
    color: var(--extension-divider-gray)
}

.icon-button--column {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.icon-button--column .icon-button__text {
    margin-left: 0
}

.taptap-web-aside {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    padding-bottom: 136px
}

.taptap-web-aside .back-top {
    bottom: 32px;
    position: absolute;
    right: 16px;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

.taptap-web-aside .back-top .svg-icon {
    font-size: 32px
}

.taptap-web-aside .tap-footer {
    padding-top: 0
}

.taptap-web-aside__loading .web-aside-wrap__content {
    min-height: 300px
}

.mobile-nav__title {
    margin-bottom: 0;
    margin-top: 0
}

.game-list-combination .taptap-main-content {
    min-height: 100vh
}

.game-list-combination .taptap__main-header-content {
    background-color: #000;
    background-color: var(--black-primary)
}

.game-list-combination .taptap__main-header-title .icon-back-new {
    height: 28px;
    width: 28px
}

.game-list-combination .round-corner-group {
    z-index: 200
}

@media only screen and (max-width:996px) {
    .game-list-combination .top-operation__notification {
        display: none
    }
}

.game-list__no-banner-header .taptap__main-header {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: start
}

.game-list__no-banner-header .taptap_main-header--fixed .taptap__main-header-title .back-button {
    background: transparent;
    height: auto;
    width: auto
}

.game-list__no-banner-header .taptap_main-header--fixed .taptap__main-header-title .back-button .icon-ico-m28-w28-web-back {
    fill: #1d2127;
    fill: var(--gray-08);
    color: #1d2127;
    color: var(--gray-08)
}

.game-list__no-banner-header .taptap_main-header--fixed .tap-search-box__wrapper {
    background: #fff;
    background: var(--primary-white);
    -webkit-box-shadow: none;
    box-shadow: none
}

@media only screen and (max-width:996px) {
    .game-list__no-banner-header .taptap_main-header--fixed .tap-search-box__wrapper .tap-search-box__trigger .icon-ico-m24-w24-search,
    .game-list__no-banner-header .taptap_main-header--fixed .tap-search-box__wrapper .tap-search-box__trigger .icon-ico-m28-w28-search {
        fill: #1d2127;
        fill: var(--gray-08);
        color: #1d2127;
        color: var(--gray-08)
    }
}

@media only screen and (max-width:499px) {
    .game-list__banner-header .icon-ico-m28-w28-search {
        font-size: 24px;
        height: 24px;
        width: 24px
    }
}

@media only screen and (max-width:996px) {
    .game-list__banner-header .tap-search-box__wrapper {
        background: rgba(0, 0, 0, .4);
        background: var(--extension-components-black);
        -webkit-box-shadow: none;
        box-shadow: none
    }
    .game-list__banner-header .tap-search-box__wrapper .tap-search-box__trigger .icon-ico-m24-w24-search,
    .game-list__banner-header .tap-search-box__wrapper .tap-search-box__trigger .icon-ico-m28-w28-search {
        fill: #fff;
        fill: var(--primary-white);
        color: #fff;
        color: var(--primary-white)
    }
    .game-list__banner-header .top-operation__avatar {
        border: .5px solid rgba(0, 0, 0, .06);
        border: .5px solid var(--extension-overlay-black);
        -webkit-box-shadow: none;
        box-shadow: none
    }
    .game-list__banner-header .top-operation__notification .icon-notifications-new {
        fill: #fff;
        fill: var(--primary-white);
        color: #fff;
        color: var(--primary-white)
    }
}

@media only screen and (min-width:499px) {
    .game-list__banner-header .taptap__top-operation-wrap {
        margin-top: 0;
        /*! autoprefixer: off */
        margin-top: calc(var(--safe-area-inset-top))
    }
    .standalone-layout .game-list__banner-header .taptap__top-operation-wrap {
        margin-top: calc(max(20px, var(--safe-area-inset-top)))
    }
}

.taptap__main--no-header.game-list-combination .taptap__main-header .van-sticky {
    padding: 0 16px
}

.taptap__main--no-header.game-list-combination .taptap__main-header .van-sticky.van-sticky--fixed {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.game-list {
    margin-top: -64px;
    padding: 0
}

.game-list .page-loading {
    padding-top: 150px
}

@media only screen and (max-width:499px) {
    .game-list .page-loading {
        padding-top: 100px
    }
}

.game-list--revert {
    margin-top: 0
}

.game-list__tap-list {
    padding: 0 16px
}

.game-list__tap-list--rank {
    padding-right: 16px;
    padding-right: var(--space-m16-w20)
}

.game-list__header-left {
    margin-top: 0;
    /*! autoprefixer: off */
    margin-top: calc(var(--safe-area-inset-top));
    width: 100%
}

.standalone-layout .game-list__header-left {
    margin-top: calc(max(20px, var(--safe-area-inset-top)))
}

.game-list__back-button {
    font-size: 0;
    height: 40px;
    width: 40px
}

@media only screen and (max-width:499px) {
    .game-list__back-button {
        -webkit-box-shadow: none;
        box-shadow: none;
        height: 28px;
        width: 28px
    }
}

.game-list__back-button--pc {
    margin-left: 10px;
    margin-left: var(--space-m10-w14)
}

.game-list__banner {
    height: 0;
    padding-bottom: 56.25%;
    position: relative;
    width: 100%
}

.game-list__banner-title {
    bottom: 12px;
    bottom: var(--space-m12-w16);
    color: #fff;
    color: var(--primary-white);
    font-size: 38px;
    left: 16px;
    left: var(--space-m16-w20);
    position: absolute;
    width: 95%
}

@media only screen and (max-width:499px) {
    .game-list__banner-title {
        font-size: 30px
    }
}

.game-list__banner--cover {
    height: 100%;
    position: absolute;
    width: 100%
}

.game-list__sort-selector {
    border-radius: 10px 10px 0 0;
    /*! autoprefixer: off */
    pointer-events: auto;
    top: 63px;
    top: calc(63px + var(--safe-area-inset-top));
    z-index: 200
}

.standalone-layout .game-list__sort-selector {
    top: calc(63px + max(20px, var(--safe-area-inset-top)))
}

@media only screen and (max-width:499px) {
    .game-list__sort-selector {
        border-radius: 0;
        margin-right: 0;
        top: 51px;
        /*! autoprefixer: off */
        top: calc(51px + var(--safe-area-inset-top))
    }
    .standalone-layout .game-list__sort-selector {
        top: calc(51px + max(20px, var(--safe-area-inset-top)))
    }
}

.vote-button--active .icon-button__text {
    color: inherit
}

/**
 * Swiper 5.3.6
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * http://swiperjs.com
 *
 * Copyright 2014-2020 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: February 29, 2020
 */

@font-face {
    font-family: 'swiper-icons';
    src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA") format("woff");
    font-weight: 400;
    font-style: normal;
}

:root {
    --swiper-theme-color: #007aff;
}

.swiper-container {
    margin-left: auto;
    margin-right: auto;
    position: relative;
    overflow: hidden;
    list-style: none;
    padding: 0;
    /* Fix of Webkit flickering */
    z-index: 1;
}

.swiper-container-vertical>.swiper-wrapper {
    flex-direction: column;
}

.swiper-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: flex;
    transition-property: transform;
    box-sizing: content-box;
}

.swiper-container-android .swiper-slide,
.swiper-wrapper {
    transform: translate3d(0px, 0, 0);
}

.swiper-container-multirow>.swiper-wrapper {
    flex-wrap: wrap;
}

.swiper-container-multirow-column>.swiper-wrapper {
    flex-wrap: wrap;
    flex-direction: column;
}

.swiper-container-free-mode>.swiper-wrapper {
    transition-timing-function: ease-out;
    margin: 0 auto;
}

.swiper-slide {
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    position: relative;
    transition-property: transform;
}

.swiper-slide-invisible-blank {
    visibility: hidden;
}

/* Auto Height */

.swiper-container-autoheight,
.swiper-container-autoheight .swiper-slide {
    height: auto;
}

.swiper-container-autoheight .swiper-wrapper {
    align-items: flex-start;
    transition-property: transform, height;
}

/* 3D Effects */

.swiper-container-3d {
    perspective: 1200px;
}

.swiper-container-3d .swiper-wrapper,
.swiper-container-3d .swiper-slide,
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-slide-shadow-bottom,
.swiper-container-3d .swiper-cube-shadow {
    transform-style: preserve-3d;
}

.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-slide-shadow-bottom {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 10;
}

.swiper-container-3d .swiper-slide-shadow-left {
    background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-container-3d .swiper-slide-shadow-right {
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-container-3d .swiper-slide-shadow-top {
    background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-container-3d .swiper-slide-shadow-bottom {
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

/* CSS Mode */

.swiper-container-css-mode>.swiper-wrapper {
    overflow: auto;
    scrollbar-width: none;
    /* For Firefox */
    -ms-overflow-style: none;
    /* For Internet Explorer and Edge */
}

.swiper-container-css-mode>.swiper-wrapper::-webkit-scrollbar {
    display: none;
}

.swiper-container-css-mode>.swiper-wrapper>.swiper-slide {
    scroll-snap-align: start start;
}

.swiper-container-horizontal.swiper-container-css-mode>.swiper-wrapper {
    scroll-snap-type: x mandatory;
}

.swiper-container-vertical.swiper-container-css-mode>.swiper-wrapper {
    scroll-snap-type: y mandatory;
}

:root {
    --swiper-navigation-size: 44px;
    /*
  --swiper-navigation-color: var(--swiper-theme-color);
  */
}

.swiper-button-prev,
.swiper-button-next {
    position: absolute;
    top: 50%;
    width: calc(var(--swiper-navigation-size) / 44 * 27);
    height: var(--swiper-navigation-size);
    margin-top: calc(-1 * var(--swiper-navigation-size) / 2);
    z-index: 10;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--swiper-navigation-color, var(--swiper-theme-color));
}

.swiper-button-prev.swiper-button-disabled,
.swiper-button-next.swiper-button-disabled {
    opacity: 0.35;
    cursor: auto;
    pointer-events: none;
}

.swiper-button-prev:after,
.swiper-button-next:after {
    font-family: swiper-icons;
    font-size: var(--swiper-navigation-size);
    text-transform: none !important;
    letter-spacing: 0;
    text-transform: none;
    font-variant: initial;
}

.swiper-button-prev,
.swiper-container-rtl .swiper-button-next {
    left: 10px;
    right: auto;
}

.swiper-button-prev:after,
.swiper-container-rtl .swiper-button-next:after {
    content: 'prev';
}

.swiper-button-next,
.swiper-container-rtl .swiper-button-prev {
    right: 10px;
    left: auto;
}

.swiper-button-next:after,
.swiper-container-rtl .swiper-button-prev:after {
    content: 'next';
}

.swiper-button-prev.swiper-button-white,
.swiper-button-next.swiper-button-white {
    --swiper-navigation-color: #ffffff;
}

.swiper-button-prev.swiper-button-black,
.swiper-button-next.swiper-button-black {
    --swiper-navigation-color: #000000;
}

.swiper-button-lock {
    display: none;
}

:root {
    /*
  --swiper-pagination-color: var(--swiper-theme-color);
  */
}

.swiper-pagination {
    position: absolute;
    text-align: center;
    transition: 300ms opacity;
    transform: translate3d(0, 0, 0);
    z-index: 10;
}

.swiper-pagination.swiper-pagination-hidden {
    opacity: 0;
}

/* Common Styles */

.swiper-pagination-fraction,
.swiper-pagination-custom,
.swiper-container-horizontal>.swiper-pagination-bullets {
    bottom: 10px;
    left: 0;
    width: 100%;
}

/* Bullets */

.swiper-pagination-bullets-dynamic {
    overflow: hidden;
    font-size: 0;
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    transform: scale(0.33);
    position: relative;
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
    transform: scale(1);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
    transform: scale(1);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
    transform: scale(0.66);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
    transform: scale(0.33);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
    transform: scale(0.66);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
    transform: scale(0.33);
}

.swiper-pagination-bullet {
    width: 8px;
    height: 8px;
    display: inline-block;
    border-radius: 100%;
    background: #000;
    opacity: 0.2;
}

button.swiper-pagination-bullet {
    border: none;
    margin: 0;
    padding: 0;
    box-shadow: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.swiper-pagination-clickable .swiper-pagination-bullet {
    cursor: pointer;
}

.swiper-pagination-bullet-active {
    opacity: 1;
    background: var(--swiper-pagination-color, var(--swiper-theme-color));
}

.swiper-container-vertical>.swiper-pagination-bullets {
    right: 10px;
    top: 50%;
    transform: translate3d(0px, -50%, 0);
}

.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 6px 0;
    display: block;
}

.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    top: 50%;
    transform: translateY(-50%);
    width: 8px;
}

.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    display: inline-block;
    transition: 200ms transform, 200ms top;
}

.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 4px;
}

.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    left: 50%;
    transform: translateX(-50%);
    white-space: nowrap;
}

.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    transition: 200ms transform, 200ms left;
}

.swiper-container-horizontal.swiper-container-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    transition: 200ms transform, 200ms right;
}

/* Progress */

.swiper-pagination-progressbar {
    background: rgba(0, 0, 0, 0.25);
    position: absolute;
}

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    background: var(--swiper-pagination-color, var(--swiper-theme-color));
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    transform: scale(0);
    transform-origin: left top;
}

.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    transform-origin: right top;
}

.swiper-container-horizontal>.swiper-pagination-progressbar,
.swiper-container-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
    width: 100%;
    height: 4px;
    left: 0;
    top: 0;
}

.swiper-container-vertical>.swiper-pagination-progressbar,
.swiper-container-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
    width: 4px;
    height: 100%;
    left: 0;
    top: 0;
}

.swiper-pagination-white {
    --swiper-pagination-color: #ffffff;
}

.swiper-pagination-black {
    --swiper-pagination-color: #000000;
}

.swiper-pagination-lock {
    display: none;
}

/* Scrollbar */

.swiper-scrollbar {
    border-radius: 10px;
    position: relative;
    -ms-touch-action: none;
    background: rgba(0, 0, 0, 0.1);
}

.swiper-container-horizontal>.swiper-scrollbar {
    position: absolute;
    left: 1%;
    bottom: 3px;
    z-index: 50;
    height: 5px;
    width: 98%;
}

.swiper-container-vertical>.swiper-scrollbar {
    position: absolute;
    right: 3px;
    top: 1%;
    z-index: 50;
    width: 5px;
    height: 98%;
}

.swiper-scrollbar-drag {
    height: 100%;
    width: 100%;
    position: relative;
    background: rgba(0, 0, 0, 0.5);
    border-radius: 10px;
    left: 0;
    top: 0;
}

.swiper-scrollbar-cursor-drag {
    cursor: move;
}

.swiper-scrollbar-lock {
    display: none;
}

.swiper-zoom-container {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
}

.swiper-zoom-container>img,
.swiper-zoom-container>svg,
.swiper-zoom-container>canvas {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
}

.swiper-slide-zoomed {
    cursor: move;
}

/* Preloader */

:root {
    /*
  --swiper-preloader-color: var(--swiper-theme-color);
  */
}

.swiper-lazy-preloader {
    width: 42px;
    height: 42px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -21px;
    margin-top: -21px;
    z-index: 10;
    transform-origin: 50%;
    animation: swiper-preloader-spin 1s infinite linear;
    box-sizing: border-box;
    border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
    border-radius: 50%;
    border-top-color: transparent;
}

.swiper-lazy-preloader-white {
    --swiper-preloader-color: #fff;
}

.swiper-lazy-preloader-black {
    --swiper-preloader-color: #000;
}

@keyframes swiper-preloader-spin {
    100% {
        transform: rotate(360deg);
    }
}

/* a11y */

.swiper-container .swiper-notification {
    position: absolute;
    left: 0;
    top: 0;
    pointer-events: none;
    opacity: 0;
    z-index: -1000;
}

.swiper-container-fade.swiper-container-free-mode .swiper-slide {
    transition-timing-function: ease-out;
}

.swiper-container-fade .swiper-slide {
    pointer-events: none;
    transition-property: opacity;
}

.swiper-container-fade .swiper-slide .swiper-slide {
    pointer-events: none;
}

.swiper-container-fade .swiper-slide-active,
.swiper-container-fade .swiper-slide-active .swiper-slide-active {
    pointer-events: auto;
}

.swiper-container-cube {
    overflow: visible;
}

.swiper-container-cube .swiper-slide {
    pointer-events: none;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 1;
    visibility: hidden;
    transform-origin: 0 0;
    width: 100%;
    height: 100%;
}

.swiper-container-cube .swiper-slide .swiper-slide {
    pointer-events: none;
}

.swiper-container-cube.swiper-container-rtl .swiper-slide {
    transform-origin: 100% 0;
}

.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-active .swiper-slide-active {
    pointer-events: auto;
}

.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-next,
.swiper-container-cube .swiper-slide-prev,
.swiper-container-cube .swiper-slide-next+.swiper-slide {
    pointer-events: auto;
    visibility: visible;
}

.swiper-container-cube .swiper-slide-shadow-top,
.swiper-container-cube .swiper-slide-shadow-bottom,
.swiper-container-cube .swiper-slide-shadow-left,
.swiper-container-cube .swiper-slide-shadow-right {
    z-index: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

.swiper-container-cube .swiper-cube-shadow {
    position: absolute;
    left: 0;
    bottom: 0px;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: 0.6;
    -webkit-filter: blur(50px);
    filter: blur(50px);
    z-index: 0;
}

.swiper-container-flip {
    overflow: visible;
}

.swiper-container-flip .swiper-slide {
    pointer-events: none;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 1;
}

.swiper-container-flip .swiper-slide .swiper-slide {
    pointer-events: none;
}

.swiper-container-flip .swiper-slide-active,
.swiper-container-flip .swiper-slide-active .swiper-slide-active {
    pointer-events: auto;
}

.swiper-container-flip .swiper-slide-shadow-top,
.swiper-container-flip .swiper-slide-shadow-bottom,
.swiper-container-flip .swiper-slide-shadow-left,
.swiper-container-flip .swiper-slide-shadow-right {
    z-index: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

.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-special-swiper-wrapper .tap-swiper-scrollbar,
.tap-swiper .tap-swiper-scrollbar {
    display: none;
    opacity: 0;
    -webkit-transition: opacity .5s;
    transition: opacity .5s
}

.tap-special-swiper-wrapper .swiper-wrapper,
.tap-swiper .swiper-wrapper {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.tap-swiper-wrapper__hover-navigation .tap-swiper-button {
    opacity: 0
}

.tap-swiper-wrapper__hover-navigation:hover .tap-swiper-button {
    opacity: 1
}

.gallery-media-swiper--wrap {
    position: relative
}

.gallery-media-swiper--wrap .gallery-media-swiper .swiper-slide {
    width: 100%
}

.gallery-media-swiper--wrap .gallery-media-swiper .swiper-wrapper .tap-image-wrapper {
    max-height: 480px;
    max-width: 100%;
    overflow: hidden
}

.gallery-media-swiper--wrap .gallery-media-swiper .tap-swiper-pagination {
    display: block
}

.gallery-media-swiper--wrap .gallery-media-swiper .swiper-pagination-bullet {
    background: #c9c5ca;
    background: var(--black-60);
    border-radius: 10px;
    height: 3px;
    opacity: .3;
    width: 20px
}

.gallery-media-swiper--wrap .gallery-media-swiper .swiper-pagination-bullet.swiper-pagination-bullet-active {
    opacity: 1
}

.gallery-media-swiper .media-swiper__image {
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    width: 100%
}

.gallery-pic-count {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: rgba(0, 0, 0, .9);
    background: var(--white-overlay);
    border-radius: 4px;
    color: #fff;
    color: var(--white-primary);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 11px;
    padding: 4px;
    position: absolute;
    right: 12px;
    top: 11px;
    z-index: 2
}

.gallery-pic-count .svg-icon {
    color: #fff;
    color: var(--white-primary);
    font-size: 12px;
    margin-right: 4px
}

.post-card--item {
    background: #1a1a1a;
    background: var(--black-10);
    padding: 20px 20px 12px
}

.post-card--item .tap-rate {
    margin-bottom: 8px
}

.post-card__top-info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 16px
}

.post-card-top__avatar {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-right: 4px
}

.post-card-top__avatar.tap-avatar--wide-screen.tap-avatar--x-small {
    height: 30px;
    width: 30px
}

.post-card--item__wrapper--list .post-card-top__avatar.tap-avatar--wide-screen.tap-avatar--x-small {
    height: 18px;
    width: 18px
}

.post-card-top__title-stats {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.post-card-top__title-stats .user-name__text {
    font-weight: 400
}

.post-card-top__title-stats .post-card-top__title {
    -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;
    justify-content: space-between;
    margin-bottom: 2px
}

.post-card-top__title-stats .post-card-top__title .post-card-top__title-text {
    -webkit-box-flex: 1;
    color: grey;
    color: var(--black-50);
    -ms-flex: 1;
    flex: 1;
    margin-right: 16px
}

.post-card-top__title-stats .post-card-top__title .post-card-top__title-text p {
    display: inline
}

.post-card-top__title-stats .post-card-top__title .post-card-top__title-text span {
    color: #fff;
    color: var(--white-primary);
    margin: 0 2px
}

.post-card-top__title-stats .post-card-top__stats-list {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.post-card-top__title-stats .post-card-top__stats-list .tap-text {
    -ms-flex-negative: 1;
    flex-shrink: 1
}

.post-card-top__title-stats .post-card-top__stats-list .user-name {
    width: 100%
}

.post-card__summary--title {
    margin-bottom: 8px
}

.post-card--banner {
    background: #fff;
    background: var(--extension-shadow-background-white);
    border-radius: 8px;
    margin-top: 8px;
    overflow: hidden;
    position: relative;
    width: 332px
}

.post-card--banner .post-card__image {
    border-radius: 8px;
    height: 100%;
    left: 0;
    position: static;
    top: 0;
    width: 100%
}

.post-card--banner .post-card__image .tap-image {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%
}

.post-card--banner.post-card--banner-flat .post-card__image {
    height: 0;
    padding-bottom: 56.25%;
    position: relative
}

.post-card--banner.post-card--banner-flat .post-card__image .tap-image {
    position: absolute
}

.post-card--banner.post-card--banner-height .post-card__image {
    height: 0;
    padding-bottom: 75%;
    position: relative
}

.post-card--banner.post-card--banner-height .post-card__image .tap-image {
    position: absolute
}

.post-card__ugc-menu {
    position: absolute;
    right: 2px;
    top: 8px
}

.post-card__ugc-menu .ugc-menu__icon {
    height: 20px;
    width: 20px
}

.post-card__mentioned-apps {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 10px;
    padding: var(--space-m10-w14)
}

.post-card__mentioned-apps.post-card__mentioned-apps--top-line {
    border-top: 1px solid #ebeff0;
    border-top: 1px solid var(--gray-02);
    margin: 0 10px;
    margin: 0 var(--space-m10-w14);
    padding: 10px 0;
    padding: var(--space-m10-w14) 0
}

.post-card__mentioned-apps--item {
    margin-right: 6px;
    margin-right: var(--space-m6-w8)
}

.post-card__mentioned-apps--item .app-icon__link {
    display: block
}

.post-card__mentioned-apps--num {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: center;
    background: #ebeff0;
    background: var(--gray-02);
    border-radius: 6px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 28px;
    justify-content: center;
    width: 28px
}

@media only screen and (min-width:499px) {
    .post-card__mentioned-apps--num {
        height: 36px;
        width: 36px
    }
}

.post-card__mentioned-app--title {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    width: 0
}

.post-card__view-count {
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.post-card__bottom-operation {
    border-top: 1px solid hsla(0, 0%, 100%, .05);
    border-top: 1px solid var(--white-border);
    margin-top: 16px;
    padding-top: 16px
}

.post-card__bottom-operation,
.post-card__bottom-operation .post-card__operation-item {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.post-card__bottom-operation .post-card__operation-item {
    color: grey;
    color: var(--black-50);
    margin-right: 50px
}

.post-card__bottom-operation .post-card__operation-item .svg-icon {
    font-size: 20px;
    margin-right: 3px
}

.post-card__bottom-operation .post-card__operation-item .icon-button__text {
    font-size: 14px;
    font-size: var(--body-14-size);
    font-weight: 400
}

.post-card__bottom-operation .post-card__operation-item .collect-button__icon-text {
    color: grey;
    color: var(--black-50)
}

.post-card__bottom-operation .post-card__operation-item .icon-button__text--collected,
.post-card__bottom-operation .post-card__operation-item .vote-button--active .icon-button__text {
    color: #31ff6c;
    color: var(--green-primary)
}

.post-card--item__wrapper {
    position: relative
}

.post-card--item__wrapper .video-player-card__play {
    height: 50px;
    width: 50px
}

.post-card--item__wrapper .video-player-card__play .video-player-card__play-button {
    background: #fff;
    background: var(--white-primary);
    border: none;
    height: 50px;
    width: 50px
}

.post-card--item__wrapper .video-player-card__play .video-player-card__play-button .video-player-card__play-icon {
    color: #000;
    color: var(--black-primary)
}

.post-card--item__wrapper--list {
    border-bottom: 1px solid hsla(0, 0%, 100%, .05);
    border-bottom: 1px solid var(--white-border);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding-bottom: 20px
}

.post-card--item__wrapper--list .video-player-card__play,
.post-card--item__wrapper--list .video-player-card__play .video-player-card__play-button {
    height: 30px;
    width: 30px
}

.post-card--item__wrapper--list .video-player-card__play .video-player-card__play-button .video-player-card__play-icon {
    font-size: 14px
}

.post-card--item__wrapper--list .post-card__top-info {
    margin-bottom: 8px
}

.post-card--item__wrapper--list .post-card__bottom-operation {
    border: 0;
    margin-top: 8px;
    padding: 0
}

.post-card--item__left-content {
    border-radius: 12px;
    height: 90px;
    margin-right: 16px;
    overflow: hidden;
    position: relative;
    width: 160px
}

.post-card--item__left-content .post-card__image {
    border-radius: 8px;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.post-card--item__left-content .post-card__image .tap-image {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%
}

.post-card__is-pin .svg-icon {
    color: #31ff6c;
    color: var(--green-primary)
}

.post-card__is-pin span {
    margin-left: 4px
}

.post-card-user__verified-icon {
    margin-right: 3px
}

.post-card__hashtags-wrapper {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-top: 8px
}

.post-card__hashtags-wrapper .post-card__hashtags-item {
    background: #333;
    background: var(--black-20);
    border-radius: 100px;
    margin-bottom: 8px;
    margin-right: 8px;
    padding: 4px 8px 4px 4px
}

.post-card__hashtags-wrapper .post-card__hashtags-item .svg-icon,
.post-card__hashtags-wrapper .post-card__hashtags-item img {
    font-size: 20px;
    height: 20px;
    width: 20px
}

.post-card__hashtags-wrapper .post-card__hashtags-item span {
    line-height: 20px
}

.post-list-separator__wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-bottom: 20px;
    padding: 12px 0 16px
}

.post-list-separator__main-hint {
    margin: 8px 0
}

.post-list-separator__row {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0 auto;
    width: 100%
}

.post-list-separator__row:after,
.post-list-separator__row:before {
    -webkit-box-flex: 1;
    background-color: hsla(0, 0%, 100%, .1);
    background-color: var(--white-divider);
    content: "";
    -ms-flex: 1;
    flex: 1;
    height: 1px
}

.post-list-separator__icon {
    height: 50px;
    margin: 0 9px;
    width: 50px
}

.new-post-list .post-card--item {
    margin-bottom: 16px;
    margin-bottom: var(--space-m16-w20)
}

.font-bold {
    font-weight: 700
}

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

.italic.font-bold {
    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 {
    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)
}

.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 {
    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)
}

.tap-tabs-header {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    height: 100%;
    position: relative;
    width: 100%
}

.tap-tabs-header--sticky {
    position: sticky
}

.tap-tabs-header__link.tap-slide--active {
    font-weight: 700
}

.tap-tabs-header__slide {
    width: 100%
}

.tap-tabs-header__slide .swiper-slide {
    width: auto
}

.tap-tabs-header__slide .tap-slide__line {
    bottom: 0
}

.tap-tabs-header__link--default {
    cursor: pointer;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    padding: 6px;
    padding: var(--space-m6-w8)
}

.notification-reply-item {
    background: #000;
    background: var(--black-primary);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 12px 16px;
    padding: var(--space-m12-w16) var(--space-m16-w20)
}

.notification-reply-item .notification-reply-item__avatar {
    height: 60px;
    margin-right: 12px;
    margin-right: var(--space-m12-w16);
    width: 60px
}

.notification-reply-item .notification-reply-item__avatar-small {
    height: 40px;
    width: 40px
}

.notification-reply-item .notification-reply-item__content {
    -webkit-box-flex: 1;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-pack: distribute;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex: 1;
    flex: 1;
    -ms-flex-direction: column;
    flex-direction: column;
    justify-content: space-around;
    width: 0
}

.notification-reply-item .notification-reply-item__wrap {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: space-between
}

.notification-reply-item .notification-reply-item__title {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.notification-reply-item .notification-reply-item__time {
    margin-left: 24px;
    margin-left: var(--space-m24-w30);
    white-space: nowrap
}

.notification-reply-item .notification-reply-item__del {
    color: #31ff6c;
    color: var(--green-primary);
    margin-left: 12px;
    margin-left: var(--space-m12-w16)
}

.notification-reply-item .notification-reply-item__del:hover {
    color: #2ef066;
    color: var(--green-primary-hover)
}

@media only screen and (max-width:499px) {
    .notification-reply-item .notification-reply-item__avatar {
        height: 40px;
        width: 40px
    }
    .notification-reply-item .notification-reply-item__avatar-small {
        height: 28px;
        width: 28px
    }
}

.notification-reply-item__unread:before {
    background-color: #e03730;
    border-radius: 50%;
    content: "";
    display: block;
    height: 8px;
    left: -14px;
    margin-top: -4px;
    position: absolute;
    top: 50%;
    width: 8px
}

.user-name {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #1d2127;
    color: var(--gray-08);
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    font-size: 14px
}

.user-name__text {
    color: inherit;
    font-size: inherit;
    font-weight: 500;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.user-name__badge {
    height: 1em;
    margin-left: 3px;
    width: 1em
}

.user-name__verified-reason {
    background: #fff;
    background: var(--primary-white);
    border: 1px solid rgba(29, 33, 39, .12);
    border: 1px solid var(--extension-divider-gray);
    border-radius: 3px;
    bottom: 4px;
    -webkit-box-shadow: 0 1px 2px 0 rgba(#000000, .1);
    -webkit-box-shadow: 0 1px 2px 0 rgba(var(--primary-black), .1);
    box-shadow: 0 1px 2px 0 rgba(#000000, .1);
    box-shadow: 0 1px 2px 0 rgba(var(--primary-black), .1);
    font-size: 12px;
    left: 50%;
    line-height: 1.428;
    opacity: .9;
    padding: 8px;
    position: absolute;
    text-align: center;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    white-space: nowrap;
    z-index: 1
}

.user-name__verified-reason .verified-arrow {
    background: #fff;
    background: var(--primary-white);
    background: #f5f7f8;
    background: var(--gray-01);
    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)
}

.user-name__verified-reason .verified-arrow:after,
.user-name__verified-reason .verified-arrow:before {
    border: solid transparent;
    content: " ";
    height: 0;
    pointer-events: none;
    position: absolute;
    width: 0
}

.user-name__verified-reason .verified-arrow:after {
    border-color: transparent;
    border-width: 5px
}

.user-name__verified-reason .verified-arrow:before {
    border-color: transparent;
    border-width: 6px
}

.user-name__verified-reason .verified-arrow:after,
.user-name__verified-reason .verified-arrow:before {
    left: 50%;
    top: 100%
}

.user-name__verified-reason .verified-arrow:after {
    border-top-color: #fff;
    border-top-color: var(--primary-white);
    margin-left: -5px
}

.user-name__verified-reason .verified-arrow:before {
    border-top-color: hsla(0, 100%, 70%, .1);
    border-top-color: var(--extension-coral-light);
    margin-left: -6px
}

.taptap-popover.user-name__verified {
    margin-left: 2px
}

.user-name__verified-icon {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 1em;
    width: 1em
}

.user-name__forum-level {
    height: 16px;
    margin-left: 4px;
    width: 16px
}

.feed-card {
    cursor: pointer;
    overflow: hidden;
    position: relative
}

.feed-card .feed-card__contents__side-menu {
    bottom: 9px;
    position: absolute;
    right: 5px;
    text-align: right
}

.feed-card .feed-card__contents__side-menu .side-menu__icon {
    font-size: 20px
}

.feed-card__top-info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 8px;
    padding: var(--space-m8-w12)
}

.feed-card__top-info--under-line {
    border-bottom: 1px solid #ebeff0;
    border-bottom: 1px solid var(--gray-02)
}

.feed-card__banner {
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    height: 0;
    overflow: hidden;
    padding-bottom: 56.25%;
    position: relative;
    width: 100%
}

.feed-card__banner .feed-card__image {
    height: 100%;
    position: absolute;
    width: 100%
}

.feed-card__banner .lazy-image img,
.feed-card__banner .tap-player {
    border-top-left-radius: 16px;
    border-top-right-radius: 16px
}

.feed-card__banner .tap-player {
    overflow: hidden
}

.feed-card__banner .tap-image {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%
}

.feed-card__contents {
    padding: 8px;
    padding: var(--space-m8-w12) var(--space-m8-w12)
}

.feed-card-top__avatar {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-right: 4px
}

.feed-card-top__title-stats {
    -ms-flex-negative: 1;
    flex-shrink: 1
}

.feed-card-top__title-stats .user-name__text {
    font-weight: 400
}

.feed-card-top__title-stats .home-post-card-top__title {
    margin-bottom: 2px;
    margin-bottom: var(--space-m2-w4)
}

.feed-card-top__title-stats .home-post-card-top__stats-list {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.feed-card__via {
    margin-bottom: 2px;
    margin-bottom: var(--space-m2-w4)
}

.feed-card__app-icon {
    font-size: inherit;
    margin-right: 4px;
    margin-right: var(--space-m4-w6)
}

.feed-card__app-icon .app-icon {
    display: block
}

.feed-card__rating-rate {
    float: right;
    height: 24px;
    height: var(--space-m24-w30)
}

.feed-card__rating-left-space {
    width: calc(100% - 54px)
}

@media only screen and (min-width:499px) {
    .feed-card__rating-left-space {
        width: calc(100% - 60px)
    }
}

.feed-card__features {
    display: inline-block;
    margin-bottom: 8px;
    margin-bottom: var(--space-m8-w10)
}

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

.feed-card__tags-group {
    min-height: 24px;
    min-height: var(--space-m24-w30)
}

.feed-card__title-wrap {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.feed-card__title-wrap.feed-card__title-box--on-top {
    margin-top: 2px
}

.feed-card__tag {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    font-weight: 400;
    margin-right: 6px;
    vertical-align: middle
}

.feed-card__tag.feed-card__tag-ad:before {
    content: normal
}

.feed-card__title-text {
    vertical-align: middle
}

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

.feed-card__recommend-text--beside-menu {
    max-width: calc(100% - 14px);
    min-height: 22px;
    min-height: var(--caption-m12-w14-line-height)
}

.feed-card__recommend-text .label-tag--large {
    font-size: 12px;
    font-size: var(--body-12-size)
}

.feed-card__mentioned-apps {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.feed-card__mentioned-apps--item {
    margin-right: 6px;
    margin-right: var(--space-m6-w8)
}

.feed-card__mentioned-apps--item .app-icon__link {
    display: block
}

.feed-card__mentioned-apps--num {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: center;
    background: #ebeff0;
    background: var(--gray-02);
    border-radius: 6px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 28px;
    justify-content: center;
    width: 28px
}

.home-post-card__summary {
    padding-top: 8px
}

@media only screen and (min-width:499px) {
    .home-post-card__summary {
        font-size: 14px;
        font-size: var(--body-14-size)
    }
}

.feed-card__mentioned-apps--top-line {
    border-top: 1px solid #ebeff0;
    border-top: 1px solid var(--gray-02);
    padding-top: 8px
}

.home-post-card {
    margin-bottom: 12px;
    margin-bottom: var(--space-m12-w16)
}

.home-post-card .feed-card__banner .lazy-image img,
.home-post-card .feed-card__banner .tap-player {
    border-radius: 0
}

.suggest-follow-card {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    height: 251px;
    margin-bottom: 12px;
    margin-right: 12px;
    position: relative;
    text-align: center;
    width: calc(50% - 12px)
}

@media only screen and (max-width:499px) {
    .suggest-follow-card {
        height: 203px
    }
}

.suggest-card__banner-box {
    display: block;
    position: relative
}

.suggest-card__banner__mask {
    background: rgba(0, 0, 0, .5);
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

@supports((-webkit-backdrop-filter:blur(3px)) or (backdrop-filter:blur(3px))) {
    .suggest-card__banner__mask {
        -webkit-backdrop-filter: blur(3px);
        backdrop-filter: blur(3px)
    }
}

.suggest-card__banner-image {
    border-radius: 16px 16px 0 0;
    height: 82px;
    overflow: hidden
}

.suggest-card__app-icon {
    border: 3px solid #1a1a1a;
    border: 3px solid var(--black-10);
    border-radius: 14px;
    display: inline-block;
    margin-bottom: 5px;
    margin-top: -17px;
    position: relative;
    z-index: 2
}

.suggest-card__app-icon .tap-avatar--medium-small {
    height: 44px;
    width: 44px
}

.suggest-card__user-wrap {
    padding: 16px 5px
}

.suggest-card__user-avatar {
    margin-bottom: 8px
}

.suggest-card__user-avatar.tap-avatar--small {
    height: 50px;
    width: 50px
}

.suggest-card__user-posts-image {
    -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-top: 12px
}

.suggest-card__post-image {
    margin: 0 1px;
    width: calc(33.33333% - 4.66667px)
}

.suggest-card__post-image .lazy-image {
    height: 100%;
    position: absolute;
    width: 100%
}

.suggest-card__post-image .lazy-image img {
    border-radius: 2px
}

.suggest-card__post-image-item {
    height: 0;
    padding-bottom: 66.66%;
    position: relative;
    width: 100%
}

.suggest-card__title {
    margin-bottom: 2px;
    padding: 0 8px
}

.suggest-card__fans-count {
    padding: 0 8px
}

.suggest-card__fans-count .rate-number-font {
    color: #fff;
    color: var(--white-primary)
}

.suggest-card__follow-button {
    bottom: 20px;
    left: 50%;
    margin-top: 7px;
    position: absolute;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

.recommend-page {
    padding-top: .1px
}

@media only screen and (max-width:499px) {
    .recommend-page {
        padding-left: 16px;
        padding-left: var(--space-m16-w20);
        padding-right: 16px;
        padding-right: var(--space-m16-w20)
    }
}

.recommend-page .feed-card {
    background: #f5f7f8;
    background: var(--gray-01);
    -webkit-box-shadow: 0 20px 20px 0 rgba(0, 0, 0, .1);
    box-shadow: 0 20px 20px 0 rgba(0, 0, 0, .1);
    margin: 20px auto
}

.recommend-page .feed-card--pc-1 {
    margin-top: 0
}

.recommend-page .feed-card--mobile-1 {
    margin-top: 4px
}

.recommend-following__tip-height {
    height: calc(100vh - 144px);
    overflow: hidden
}

.recommend-following-page {
    margin: 0;
    overflow: hidden
}

@media only screen and (max-width:499px) {
    .recommend-following-page {
        margin: 0 16px;
        margin: 0 var(--space-m16-w20)
    }
}

.recommend-following-page--tipping {
    opacity: .1
}

.recommend-following__card-list {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: calc(100% + 12px)
}

.suggest-follow-list__title {
    margin-bottom: 20px
}

.recommend-following__suggest-tips {
    height: calc(100vh - 144px);
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 2
}

.suggest-follow__tip-content {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    left: 0;
    padding: 0 20px;
    position: absolute;
    text-align: center;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 100%
}

.suggest-follow__tip-content .sprites-icon-green_front_winking {
    margin: 0 auto 8px
}

.suggest-follow__tip-title {
    margin-bottom: 16px
}

.suggest-follow__tip-text {
    margin-bottom: 28px
}

.suggest-follow__tip-button {
    min-width: 260px
}

.user-row-card__features {
    margin-top: 2px;
    width: 100%
}

.user-row-card__tags {
    display: inline
}

.user-row-card__title-wrap {
    margin-bottom: 3px;
    width: 100%
}

.user-row-card__caption-text {
    width: 100%
}

.user-row-card__title {
    display: inline
}

.user-row-card__title .user-name__text {
    font-weight: 700
}

.user-row-card--medium-small .user-row-card__title,
.user-row-card--small .user-row-card__title {
    font-size: 16px;
    font-size: var(--heading-m14-w16-size);
    line-height: 24px;
    line-height: var(--heading-m14-w16-line-height)
}

.notification-fans-item {
    background: #000;
    background: var(--black-primary)
}

.notification-fans-item .tap-row-card__contents {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-direction: row;
    flex-direction: row;
    justify-content: flex-start
}

.notification-fans-item .tap-row-card__contents .user-row-card__title {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content
}

.notification-fans-item .tap-row-card__contents .user-row-card__features {
    display: none
}

.notification-fans-item .tap-row-card__right .user-row-card__right {
    text-align: center
}

.notification-fans-item .tap-row-card__left .user-avatar {
    height: 60px;
    width: 60px
}

.notification-fans-item .notification-fans-tips {
    margin: 0 2px;
    margin: 0 var(--space-m2-w4);
    white-space: nowrap
}

.notification-fans-item .notification-fans-time {
    display: block;
    padding-bottom: 4px;
    padding-bottom: var(--space-m4-w6)
}

.notification-fans-item__seed .tap-row-card__right .user-row-card__right .tap-button {
    font-size: 12px;
    font-size: var(--caption-m10-w12-size);
    height: 24px;
    min-width: 64px !important
}

.notification-fans-item__seed .tap-row-card__left .user-avatar {
    height: 40px;
    width: 40px
}

.notification-fans-item__seed:hover {
    text-decoration: none !important
}

.notification-reply {
    position: relative
}

.notification-reply .notification-reply-manage {
    position: absolute;
    right: 0;
    top: -48px
}

.notification-reply .notification-reply-page {
    border-radius: 8px;
    overflow: hidden
}

.notification-reply .notification-reply-page__none {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 300px;
    justify-content: center
}

.notification-reply .notification-reply-page__none img {
    width: 150px
}

.notification-reply .notification-reply-page__no-bottom .tap-list__limit--bottom,
.notification-reply .notification-reply-page__no-bottom .tap-list__status-box--bottom {
    display: none
}

.notification-reply .reply-list-pagination {
    padding: 12px;
    padding: var(--space-m12-w16)
}

@media only screen and (max-width:499px) {
    .notification-reply .notification-reply-manage {
        top: -40px
    }
}

.notification-reply-loading {
    height: 300px
}

.notification-list-item {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 12px 16px;
    padding: var(--space-m12-w16) var(--space-m16-w20)
}

.notification-list-item .notification-list-item__content {
    width: calc(100% - 58px)
}

.notification-list-item .notification-list-item__avatar {
    background: transparent !important;
    margin-right: 8px;
    margin-right: var(--space-m8-w10)
}

.notification-list-item .notification-list-item__title {
    -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;
    margin-bottom: 2px;
    margin-bottom: var(--space-m2-w4)
}

.notification-list-item .notification-list-item__title .notification-list-item__name {
    max-width: 150px
}

.notification-list-item .notification-list-item__title .taptap-popover__content-detail {
    overflow: visible
}

.notification-list-item .notification-list-item__title .svg-icon {
    font-size: 14px
}

.notification-list-item .notification-list-item__time {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    margin-right: 4px;
    margin-right: var(--space-m4-w6);
    text-align: right
}

.notification-list-item .notification-list-item__text {
    background: #1a1a1a;
    background: var(--black-10);
    border-radius: 4px;
    display: block;
    margin: 4px 0;
    margin: var(--space-m4-w6) 0;
    padding: 4px;
    padding: var(--space-m4-w6)
}

.notification-list-item .notification-list-item__pop-wrap {
    background-color: #000;
    background-color: var(--black-primary);
    border-radius: 4px;
    border-radius: var(--space-m4-w6);
    -webkit-box-shadow: 0 6px 32px 0 rgba(0, 0, 0, .2);
    box-shadow: 0 6px 32px 0 rgba(0, 0, 0, .2);
    margin-top: 8px;
    margin-top: var(--space-m8-w12);
    padding: 4px 0;
    padding: var(--space-m4-w6) 0
}

.notification-list-item .notification-list-item__pop-wrap ul li {
    line-height: 20px;
    min-width: 100px;
    padding: 4px;
    padding: var(--space-m4-w6);
    text-align: center
}

.notification-list-item .notification-list-item__pop-wrap ul li .loading-dots__wrapper {
    height: 20px
}

.notification-list-item .tap-image-wrapper .tap-image {
    border-radius: 50%;
    height: 48px;
    width: 48px
}

.notification-list-item__seed {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: start;
    padding: 8px 12px;
    padding: var(--space-m8-w12) var(--space-m12-w16)
}

.notification-list-item__seed .tap-image-wrapper .tap-image {
    height: 40px;
    width: 40px
}

.notification-list-item__checked {
    background: #ebeff0;
    background: var(--gray-02)
}

.notification-pop-list .notification-sytem-title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 12px;
    padding: var(--space-m12-w16)
}

.notification-pop-list .notification-sytem-title .icon-ico-m16-w18-arrow-right {
    margin-right: 6px;
    margin-right: var(--space-m6-w8);
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.notification-pop-list .notification-system-title__text {
    -webkit-box-flex: 1;
    color: #1d2127;
    color: var(--gray-08);
    -ms-flex: 1;
    flex: 1;
    font-weight: 700
}

.notification-pop-list .notification-system-item {
    display: block;
    padding: 12px;
    padding: var(--space-m12-w16)
}

.notification-pop-list .notification-system-item:hover {
    text-decoration: none !important
}

.notification-pop-list .notification-system-item__title {
    -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;
    margin-bottom: 6px;
    margin-bottom: var(--space-m6-w8)
}

.notification-pop-list .notification-system-item__time {
    margin-left: 6px;
    margin-left: var(--space-m6-w8)
}

.notification-pop-list .notification-bell {
    border-radius: 50%;
    height: 40px;
    width: 40px
}

.notification-pop-list .notification-bell img {
    width: 100%
}