.game-card { padding: 20px; border-bottom: 1px solid rgba(29,33,39,.12)} .game-card:last-child { border-bottom: 0} .tap-media-page { position:fixed; box-sizing:border-box; top:0;/*! autoprefixer: off */ padding-bottom:0; padding-bottom:calc(var(--safe-area-inset-bottom)); bottom:0; left:0; right:0; z-index:300; background:#fff; background:var(--primary-white) } .tap-media-page__header { display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-pack:justify; -ms-flex-pack:justify; justify-content:space-between; -webkit-box-align:center; -ms-flex-align:center; align-items:center; min-height:56px; padding:0 16px } .tap-media-page__header .taptap__main-header-content { -webkit-box-sizing:border-box; box-sizing:border-box; height:52px; width:100% } .tap-media-page-header__left { display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; font-size:20px; height:100%; width:100% } .tap-media-page-header__left .tap-media-page-header__title { margin-left:14px } .media-page__content { height:calc(100% - 52px); width:100%; background:#fff; background:var(--primary-white); overflow:auto; padding-bottom:10px; position:relative } .tap-media-page--full-content .tap-media-page__header { position:absolute; background:transparent; z-index:1; top:0; left:0; width:100%; -webkit-box-sizing:border-box; box-sizing:border-box } .tap-media-page--full-content .media-page__content { height:100%; padding-bottom:0 } .media-page__header--close { cursor:pointer } .taptap__main-header-title span { font-size:16px } .icon--round { border-radius:50%; overflow:hidden } .tap-media-modal { background:#fff; background:var(--extension-shadow-background-white); max-width:496px; width:80%; margin:10vh auto; max-height:80vh; border-radius:10px; border-radius:var(--radius-m8-w10) } .tap-media-modal .tap-cell.tap-cell--pc { padding-left:24px; padding-right:24px } .media-modal__header { display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-orient:horizontal; -webkit-box-direction:normal; -ms-flex-direction:row; flex-direction:row; -webkit-box-pack:justify; -ms-flex-pack:justify; justify-content:space-between; -webkit-box-align:center; -ms-flex-align:center; align-items:center; padding:24px 24px 12px; padding:24px 24px var(--space-m8-w12) } .media-modal__header__right-enabled { position:relative; padding-right:36px } @media only screen and (min-width:499px) { .media-modal__header__right-enabled { padding-right:44px } } .media-modal__header__right-enabled .media-modal__header--right { position:absolute; padding:8px; padding:var(--space-m6-w8); right:0; top:0 } .media-modal__header__right-enabled .media-modal__header--right .svg-icon { color:#868c92; color:var(--gray-06) } .media-modal__header--left, .media-modal__header--right { display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center } .media-modal-header__title { font-size:22px } .media-modal__body { max-height:calc(80vh - 66px); -webkit-box-sizing:border-box; box-sizing:border-box; overflow:auto } .media-modal__body.media-component-loading { height:300px } .tap-media-modal--full-content { position:relative } .tap-media-modal--full-content .media-modal__header { position:absolute; background:transparent; z-index:1; top:0; left:0; width:100%; -webkit-box-sizing:border-box; box-sizing:border-box } .tap-media-modal--full-content .media-modal__body { height:100%; padding-bottom:0; max-height:80vh; border-radius:10px; border-radius:var(--radius-m8-w10) } .media-component-loading { display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; -webkit-box-align:center; -ms-flex-align:center; align-items:center } .media-modal__header--close { cursor:pointer; width:28px; height:28px } .media-modal__header--left .media-modal__header--close { margin-right:26px } .media-modal__header--close .icon-close-icon { width:28px; width:var(--icon-size-m28-w28) } .tap-media-popup { position:fixed; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-orient:vertical; -webkit-box-direction:normal; -ms-flex-direction:column; flex-direction:column; max-height:70vh; background-color:#fff; background-color:var(--primary-white); -webkit-transition:-webkit-transform .3s; transition:-webkit-transform .3s; transition:transform .3s; transition:transform .3s, -webkit-transform .3s; -webkit-overflow-scrolling:touch; padding:20px; padding:var(--space-m16-w20); z-index:600 } .tap-media-popup--no-header, .tap-media-popup.tap-media-popup--border { padding:0 } .tap-media-popup.tap-media-popup--border .media-popup__header { padding:18px 20px; padding:var(--space-m14-w18) var(--space-m16-w20); position:relative } .tap-media-popup.tap-media-popup--border .media-popup__header:after { content:""; display:block; background:#ebeff0; background:var(--gray-02); height:1px; width:100%; position:absolute; left:50%; -webkit-transform:translateX(-50%); transform:translateX(-50%); bottom:0 } .tap-media-popup.tap-media-popup--border .media-popup__body { padding:18px 20px; padding:var(--space-m14-w18) var(--space-m16-w20) } .tap-media-popup.tap-media-popup--line { padding:0 } .tap-media-popup--bottom {/*! autoprefixer: off */ padding-bottom:0; padding-bottom:calc(var(--safe-area-inset-bottom)); bottom:0; left:0; width:100%; box-sizing:border-box; border-radius:10px 10px 0 0; border-radius:var(--radius-m8-w10) var(--radius-m8-w10) 0 0 } .media-popup__header { display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-orient:horizontal; -webkit-box-direction:normal; -ms-flex-direction:row; flex-direction:row; -webkit-box-pack:justify; -ms-flex-pack:justify; justify-content:space-between; -webkit-box-align:center; -ms-flex-align:center; align-items:center } .media-popup__body { -webkit-box-flex:1; -ms-flex:1; flex:1; overflow-y:auto; overflow-x:hidden } .media-sheet__slider-wrapper { padding:12px; padding:var(--space-m8-w12) } .media-sheet__slider { width:33px; height:4px; background:#f5f7f8; background:var(--gray-01); border-radius:4px; border-radius:var(--space-m2-w4); margin:0 auto } .media-popup__header-text { padding:6px 12px; padding:var(--space-m4-w6) var(--space-m8-w12) } .media-popup__close-icon { font-size:28px; cursor:pointer } .slide-fade-enter-active { -webkit-transition:all .3s ease; transition:all .3s ease } .slide-fade-leave-active { -webkit-transition:all .8s cubic-bezier(1, .5, .8, 1); transition:all .8s cubic-bezier(1, .5, .8, 1) } .slide-fade-enter, .slide-fade-leave-to { -webkit-transform:translateY(50px); transform:translateY(50px); opacity:0 } .media-popover__dropdown-menu { overflow:auto } .media-modal__footer { display:-webkit-box; display:-ms-flexbox; display:flex; padding:24px; -webkit-box-pack:end; -ms-flex-pack:end; justify-content:flex-end; -webkit-box-align:center; -ms-flex-align:center; align-items:center } .media-modal__footer-direction--column-reverse { -webkit-box-orient:vertical; -webkit-box-direction:reverse; -ms-flex-direction:column-reverse; flex-direction:column-reverse } .media-modal__footer-direction--row { -webkit-box-orient:horizontal; -webkit-box-direction:normal; -ms-flex-direction:row; flex-direction:row } .media-modal__footer-direction--row-reverse { -webkit-box-pack:start; -ms-flex-pack:start; justify-content:flex-start; -webkit-box-orient:horizontal; -webkit-box-direction:reverse; -ms-flex-direction:row-reverse; flex-direction:row-reverse } .tap-text { display:block } .tap-text__normal-line { word-wrap:break-word; word-break:break-word; overflow:hidden } .tap-text__one-line { white-space:nowrap } .tap-text__multi-line, .tap-text__one-line { word-wrap:break-word; word-break:break-word; overflow:hidden; text-overflow:ellipsis } .tap-text__multi-line { display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2 } @media only screen and (min-width:499px) { .confirm-footer__button { min-width:140px } } .confirm-footer__button:not(:first-child) { margin-left:20px; margin-left:var(--space-m16-w20) } .confirm-footer__button--column:not(:first-child) { margin-left:0; margin-top:12px; margin-top:var(--space-m8-w12) } .confirm-footer__button--full { -webkit-box-flex:1; -ms-flex:1; flex:1 } .confirm-footer__button--column { margin-right:0; -webkit-box-flex:0; -ms-flex:none; flex:none; width:100% } @media only screen and (min-width:499px) { .confirm-footer__button--column { min-width:336px; max-width:448px } } .confirm-footer.media-modal__footer-direction--row-reverse .confirm-footer__button:not(:first-child) { margin-left:0 } .confirm-footer.media-modal__footer-direction--row-reverse .confirm-footer__button:not(:last-child) { margin-left:20px; margin-left:var(--space-m16-w20) } .confirm-footer.media-modal__footer-direction--column-reverse .confirm-footer__button:not(:first-child) { margin-left:0; margin-top:0 } .confirm-footer.media-modal__footer-direction--column-reverse .confirm-footer__button:not(:last-child) { margin-top:12px; margin-top:var(--space-m8-w12) } .confirm-modal__content { padding:0 24px; color:#868c92; color:var(--gray-06) } [data-v-906c3cf4]: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 } section.taptap-add-to-screen[data-v-906c3cf4] { position:fixed; left:0; width:100%; z-index:1; background:#fff; background:var(--primary-white); -webkit-backdrop-filter:blur(15px); backdrop-filter:blur(15px); border-radius:10px 10px 0 0; border-radius:var(--radius-m8-w10) var(--radius-m8-w10) 0 0; -webkit-box-shadow:none; box-shadow:none; bottom:0 } section.taptap-add-to-screen button.close[data-v-906c3cf4] { background:none; border:0; position:absolute; right:0; top:0; opacity:1; font-size:28px; font-weight:400; color:#1d2127; color:var(--gray-08); display:block; margin:16px 20px 0 0;/*! autoprefixer: off */ padding-right:0 } @media only screen and (max-width:499px) { section.taptap-add-to-screen button.close[data-v-906c3cf4] { margin:14px 16px 0 0 } } @supports(top:constant(safe-area-inset-right)) { section.taptap-add-to-screen button.close[data-v-906c3cf4] { padding-right:calc(constant(safe-area-inset-right)) } } @supports(top:env(safe-area-inset-right)) { section.taptap-add-to-screen button.close[data-v-906c3cf4] { padding-right:calc(env(safe-area-inset-right)) } } .standalone-layout section.taptap-add-to-screen button.close[data-v-906c3cf4] { padding-right:20px } @supports(top:constant(safe-area-inset-right)) { .standalone-layout section.taptap-add-to-screen button.close[data-v-906c3cf4] { padding-right:calc(max(20px, constant(safe-area-inset-right))) } } @supports(top:env(safe-area-inset-right)) { .standalone-layout section.taptap-add-to-screen button.close[data-v-906c3cf4] { padding-right:calc(max(20px, env(safe-area-inset-right))) } } .add-to-screen__container[data-v-906c3cf4] { top:0; left:0; width:100%; height:100%; position:fixed; z-index:600 } .add-to-screen__background-mask[data-v-906c3cf4] { position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(0, 0, 0, .4) } .add-to-screen__header[data-v-906c3cf4] { padding:20px; border-bottom:.5px solid rgba(29, 33, 39, .12); border-bottom:.5px solid var(--extension-divider-gray); text-align:center } @media only screen and (max-width:499px) { .add-to-screen__header[data-v-906c3cf4] { padding:16px; text-align:left } } @media only screen and (min-width:500px)and (max-width:996px) { .add-to-screen__header[data-v-906c3cf4] { padding:16px } } .add-to-screen__guide[data-v-906c3cf4] { display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-orient:vertical; -webkit-box-direction:normal; -ms-flex-direction:column; flex-direction:column; margin-top:12px; -webkit-box-align:center; -ms-flex-align:center; align-items:center; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center } @media only screen and (min-width:499px) { .add-to-screen__guide[data-v-906c3cf4] { -webkit-box-orient:horizontal; -webkit-box-direction:normal; -ms-flex-direction:row; flex-direction:row } } .add-to-screen__guide-divider[data-v-906c3cf4] { width:120px; position:relative } .add-to-screen__guide-divider[data-v-906c3cf4]:after { content:""; display:block; background:#ebeff0; background:var(--gray-02); height:60px; width:1px; position:absolute; top:50%; -webkit-transform:translateY(-50%); transform:translateY(-50%); right:60px } @media only screen and (max-width:499px) { .add-to-screen__guide-divider[data-v-906c3cf4] { display:none } } @media only screen and (min-width:500px)and (max-width:996px) { .add-to-screen__guide-divider[data-v-906c3cf4] { width:80px; position:relative } .add-to-screen__guide-divider[data-v-906c3cf4]:after { content:""; display:block; background:#ebeff0; background:var(--gray-02); height:60px; width:1px; position:absolute; top:50%; -webkit-transform:translateY(-50%); transform:translateY(-50%); right:40px } } .add-to-screen__guide-img-wrapper[data-v-906c3cf4] { text-align:right } @media only screen and (min-width:499px) { .add-to-screen__guide-img-wrapper[data-v-906c3cf4] { -webkit-box-flex:1; -ms-flex:1; flex:1 } } .add-to-screen__guide-img[data-v-906c3cf4] { width:194px; height:194px } @media only screen and (max-width:499px) { .add-to-screen__guide-img[data-v-906c3cf4] { width:112px; height:112px } } @media only screen and (min-width:500px)and (max-width:996px) { .add-to-screen__guide-img[data-v-906c3cf4] { width:120px; height:120px } } @media only screen and (min-width:499px) { .add-to-screen__guide-texts-wrapper[data-v-906c3cf4] { display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; -webkit-box-flex:1; -ms-flex:1; flex:1; height:147px } } .add-to-screen__guide-texts[data-v-906c3cf4] { position:relative; -ms-flex-negative:0; flex-shrink:0; width:-webkit-fit-content; width:-moz-fit-content; width:fit-content } @media only screen and (min-width:500px)and (max-width:996px) { .add-to-screen__guide-texts[data-v-906c3cf4] { -webkit-transform:scale(.8); transform:scale(.8); -webkit-transform-origin:0; transform-origin:0 } } .add-to-screen__step[data-v-906c3cf4] { display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; margin:0 auto; -webkit-box-align:center; -ms-flex-align:center; align-items:center } @media only screen and (min-width:499px) { .add-to-screen__step[data-v-906c3cf4] { -webkit-box-pack:left; -ms-flex-pack:left; justify-content:left } } .add-to-screen__step-icon[data-v-906c3cf4] { background:#fff; background:var(--primary-white); border-radius:8px; width:48px; height:48px; display:block; margin:0 8px; -webkit-box-sizing:border-box; box-sizing:border-box } .add-to-screen__mask[data-v-906c3cf4] { display:-webkit-box; display:-ms-flexbox; display:flex; position:absolute; width:100%; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; margin:0 auto; height:44px; left:50%; -webkit-transform:translate(-50%); transform:translate(-50%); background:-webkit-gradient(linear, left top, left bottom, from(#fff), to(rgba(248, 248, 249, 0))); background:-webkit-gradient(linear, left top, left bottom, from(var(--primary-white)), to(rgba(248, 248, 249, 0))); background:linear-gradient(180deg, #fff, rgba(248, 248, 249, 0)); background:linear-gradient(180deg, var(--primary-white), rgba(248, 248, 249, 0)) } @media only screen and (max-width:499px) { .add-to-screen__mask[data-v-906c3cf4] { width:182px; height:36px } } .add-to-screen__button-show[data-v-906c3cf4] { -webkit-box-sizing:border-box; box-sizing:border-box; width:210px; height:30px; padding:7px 10px; border-bottom:.33px solid rgba(29, 33, 39, .12); border-bottom:.33px solid var(--extension-divider-gray); background:#f5f7f8; background:var(--gray-01); margin:0 auto; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-pack:justify; -ms-flex-pack:justify; justify-content:space-between; -webkit-box-align:center; -ms-flex-align:center; align-items:center } @media only screen and (max-width:499px) { .add-to-screen__button-show[data-v-906c3cf4] { width:182px; height:25px; padding:7px 8px } } .add-to-screen__button-click[data-v-906c3cf4] { width:226px; height:30px; background:#fff; background:var(--primary-white); border:1.22936px solid #15c5ce; border:1.22936px solid var(--primary-tap-blue); -webkit-box-shadow:0 2.45872px 7.37615px rgba(0, 0, 0, .18); box-shadow:0 2.45872px 7.37615px rgba(0, 0, 0, .18); border-radius:6.28612px; margin:-1px auto 0; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-pack:justify; -ms-flex-pack:justify; justify-content:space-between; -webkit-box-align:center; -ms-flex-align:center; align-items:center; -webkit-box-sizing:border-box; box-sizing:border-box; padding:7px 10px } @media only screen and (max-width:499px) { .add-to-screen__button-click[data-v-906c3cf4] { width:196px; height:26px; padding:7px 8px } } .add-to-screen__button-icon[data-v-906c3cf4] { width:24px; height:24px; display:block } @media only screen and (max-width:499px) { .add-to-screen__button-icon[data-v-906c3cf4] { width:16px; height:16px } } .add-to-screen__reason[data-v-906c3cf4] { margin-top:10px; text-align:center;/*! autoprefixer: off */ margin-bottom:16px; margin-bottom:calc(16px + var(--safe-area-inset-bottom)) } .add-to-screen-wrap button.show-add-to-screen[data-v-906c3cf4] { position:fixed; padding:9px 20px; left:50%; -webkit-transform:translateX(-50%); transform:translateX(-50%); display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; -webkit-box-align:center; -ms-flex-align:center; align-items:center; background:#fff; background:var(--primary-white); -webkit-box-shadow:0 3px 6px 0 rgba(0, 0, 0, .1); box-shadow:0 3px 6px 0 rgba(0, 0, 0, .1); border-radius:20px; color:#1d2127; color:var(--gray-08); z-index:200; text-align:center } .add-to-screen-wrap button.show-add-to-screen .taptap-logo[data-v-906c3cf4] { width:22px; height:22px; display:block; -webkit-box-shadow:none; box-shadow:none; margin-right:8px; margin-right:var(--space-m6-w8) } @media only screen and (max-width:499px) { .add-to-screen-wrap button.show-add-to-screen[data-v-906c3cf4] { padding:9px 16px } } .add-to-screen__button-text[data-v-906c3cf4] { white-space:nowrap } .standalone-layout .taptap-add-to-screen[data-v-906c3cf4] { display:none } @-webkit-keyframes downward-data-v-906c3cf4 { 0% { -webkit-transform:translate(-50%); transform:translate(-50%) } 50% { -webkit-transform:translate(-50%, 10px); transform:translate(-50%, 10px) } to { -webkit-transform:translate(-50%); transform:translate(-50%) } } @keyframes downward-data-v-906c3cf4 { 0% { -webkit-transform:translate(-50%); transform:translate(-50%) } 50% { -webkit-transform:translate(-50%, 10px); transform:translate(-50%, 10px) } to { -webkit-transform:translate(-50%); transform:translate(-50%) } } .add-to-screen__step-number-wrapper[data-v-906c3cf4] { display:-webkit-inline-box; display:-ms-inline-flexbox; display:inline-flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center } .add-to-screen__step-number[data-v-906c3cf4] { height:32px; margin-top:-12px } .add-to-screen__step-number-1[data-v-906c3cf4] { margin-right:-8px } .add-to-screen__step-number-2[data-v-906c3cf4] { margin-right:-4px } .back-button { cursor:pointer; font-size:0 } .back-button, .icon--transparent { display:-webkit-box; display:-ms-flexbox; display:flex } .icon--transparent { position: absolute; left: 15px; top: 15px; height: 40px; width: 40px; } .icon--transparent svg:not(:root) { box-sizing: unset} .icon--transparent { background:rgba(0, 0, 0, .4); border-radius:20px; -webkit-box-align:center; -ms-flex-align:center; align-items:center; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; color:#fff; } .back-button__back-icon { padding:6px } @media only screen and (max-width:499px) { .back-button__back-icon { padding:0 } } .iframe-login .tap-media-modal { width:100%; height:100%; margin:0; max-width:unset; max-height:unset; border-radius:0 } .iframe-login .media-modal__body { width:100%; height:100%; max-height:100% } .iframe-login .media-modal__header { display:none } .iframe-login .iframe-login__content { width:100%; height:100% } .iframe-login .iframe-login__close { position:absolute;/*! autoprefixer: off */ top:24px; top:calc(24px + var(--safe-area-inset-top)); right:24px } .standalone-layout .iframe-login .iframe-login__close { top:calc(24px + max(20px, var(--safe-area-inset-top))) } .iframe-login .iframe-login__icon { font-size:22px } .iframe-login .iframe-login__loading { position:absolute; top:50%; left:50%; -webkit-transform:translate(-50%, -50%); transform:translate(-50%, -50%) } fieldset { padding:.35em .75em .625em } legend { -webkit-box-sizing:border-box; box-sizing:border-box; color:inherit; display:table; max-width:100%; padding:0; white-space:normal } progress { vertical-align:baseline } textarea { overflow:auto; resize:none; border:none; outline:none } [type=checkbox], [type=radio] { -webkit-box-sizing:border-box; box-sizing:border-box; padding:0 } [type=number]::-webkit-inner-spin-button, [type=number]::-webkit-outer-spin-button { height:auto } [type=search] { -webkit-appearance:textfield; outline-offset:-2px } [type=search]::-webkit-search-decoration { -webkit-appearance:none } ::-webkit-file-upload-button { -webkit-appearance:button; font:inherit } details { display:block } summary { display:list-item } [hidden], template { display:none } :root { --safe-area-inset-top:0; --safe-area-inset-right:0; --safe-area-inset-bottom:0; --safe-area-inset-left:0 } @supports(bottom:constant(safe-area-inset-bottom)) { :root { --safe-area-inset-top:constant(safe-area-inset-top); --safe-area-inset-right:constant(safe-area-inset-right); --safe-area-inset-bottom:constant(safe-area-inset-bottom); --safe-area-inset-left:constant(safe-area-inset-left) } } @supports(bottom:env(safe-area-inset-bottom)) { :root { --safe-area-inset-top:env(safe-area-inset-top); --safe-area-inset-right:env(safe-area-inset-right); --safe-area-inset-bottom:env(safe-area-inset-bottom); --safe-area-inset-left:env(safe-area-inset-left) } } .waves-ripple { position:absolute; border-radius:100%; background:radial-gradient(hsla(0, 0%, 100%, .2) 0, hsla(0, 0%, 100%, .3) 40%, hsla(0, 0%, 100%, .4) 50%, hsla(0, 0%, 100%, .5) 60%, hsla(0, 0%, 100%, 0) 70%); background-clip:padding-box; pointer-events:none; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; -webkit-transform:scale(0); transform:scale(0); opacity:1 } .waves-ripple--active { opacity:1; -webkit-transform:scale(3); transform:scale(3); -webkit-transition:opacity 1.2s ease-out, -webkit-transform .6s ease-out; transition:opacity 1.2s ease-out, -webkit-transform .6s ease-out; transition:opacity 1.2s ease-out, transform .6s ease-out; transition:opacity 1.2s ease-out, transform .6s ease-out, -webkit-transform .6s ease-out } .waves-ripple--end { opacity:0; -webkit-transition:opacity 0 ease-out, -webkit-transform 0 ease-out; transition:opacity 0 ease-out, -webkit-transform 0 ease-out; transition:opacity 0 ease-out, transform 0 ease-out; transition:opacity 0 ease-out, transform 0 ease-out, -webkit-transform 0 ease-out } .van-nav-bar--fixed {/*! autoprefixer: off *//*! autoprefixer: off */ padding-top:0; padding-top:calc(var(--safe-area-inset-top)) } .standalone-layout .van-nav-bar--fixed { padding-top:calc(max(20px, 0)); padding-top:calc(max(20px, var(--safe-area-inset-top))) } .van-toast { width:-moz-fit-content; font-size:18px; font-size:var(--heading-m16-w18-size); line-height:26px; line-height:var(--heading-m16-w18-line-height); padding:16px 30px; padding:var(--space-m12-w16) var(--space-m24-w30); max-width:calc(100% - 120px) } @media only screen and (max-width:499px) { .van-toast { max-width:calc(100% - 64px) } } .sprites-icon { background-image:url(../../static/img/sprite.0dc32c36.png); background-size:227.6666666667px 189.3333333333px } .sprites-icon-award { width:28px; height:60px; background-position:0 -129.3333333333px } .sprites-icon-game-event-0 { width:45px; height:64px; background-position:0 0 } .sprites-icon-game-event-1 { width:45px; height:64px; background-position:-45.6666666667px 0 } .sprites-icon-game-event-2 { width:45px; height:64px; background-position:-91.3333333333px 0 } .sprites-icon-game-event-3 { width:45px; height:64px; background-position:0 -64.6666666667px } .sprites-icon-game-event-4 { width:45px; height:64px; background-position:-45.6666666667px -64.6666666667px } .sprites-icon-game-event-5 { width:45px; height:64px; background-position:-91.3333333333px -64.6666666667px } .sprites-icon-game-event-6 { width:45px; height:64px; background-position:-137px 0 } .sprites-icon-game-event-7 { width:45px; height:64px; background-position:-137px -64.6666666667px } .sprites-icon-game-event-8 { width:45px; height:64px; background-position:-182.6666666667px 0 } .sprites-icon-game-event-9 { width:45px; height:64px; background-position:-182.6666666667px -64.6666666667px } .sprites-icon-harmful_info_report { width:18px; height:18px; background-position:-28.6666666667px -158px } .sprites-icon-ico20-review-notre-color { width:20px; height:20px; background-position:-102.6666666667px -129.3333333333px } .sprites-icon-ico20-review-notre { width:20px; height:20px; background-position:-123.3333333333px -129.3333333333px } .sprites-icon-ico20-review-re-color { width:20px; height:20px; background-position:-144px -129.3333333333px } .sprites-icon-ico20-review-re { width:20px; height:20px; background-position:-164.6666666667px -129.3333333333px } .sprites-icon-ico20-treasure-filled { width:20px; height:20px; background-position:-185.3333333333px -129.3333333333px } .sprites-icon-ico20-treasure-outlined { width:20px; height:20px; background-position:-206px -129.3333333333px } .sprites-icon-ico22-treasure-filled { width:22px; height:22px; background-position:-57.3333333333px -129.3333333333px } .sprites-icon-ico22-treasure-outlined { width:22px; height:22px; background-position:-80px -129.3333333333px } .sprites-icon-ico28-google-play { width:28px; height:28px; background-position:-28.6666666667px -129.3333333333px } .sprites-icon-report_phone { width:18px; height:18px; background-position:-47.3333333333px -158px } .sprites-icon-shanghai_record { width:18px; height:18px; background-position:-66px -158px } .sf-in-fade-out-enter-active { -webkit-transition:all .3s ease; transition:all .3s ease } .sf-in-fade-out-leave-active { -webkit-transition:all .8s cubic-bezier(1, .5, .8, 1); transition:all .8s cubic-bezier(1, .5, .8, 1) } .sf-in-fade-out-enter { -webkit-transform:translateY(-20px); transform:translateY(-20px); opacity:0 } .sf-in-fade-out-leave-to { opacity:0 } .slide-up-in-enter-active, .slide-up-in-leave-active { -webkit-transition:all .1s ease-out; transition:all .1s ease-out } .slide-up-in-enter { -webkit-transform:translateY(20px); transform:translateY(20px); opacity:0 } .slide-up-in-leave-to { opacity:0 } .svg-icon { fill:currentColor; width:1em; height:1em; vertical-align:top } [class*=icon-ico10] { font-size:12px; font-size:var(--icon-size-m10-w12) } [class*=icon-ico12] { font-size:14px; font-size:var(--icon-size-m12-w14) } [class*=icon-ico16] { font-size:18px; font-size:var(--icon-size-m16-w18) } [class*=icon-ico20] { font-size:22px; font-size:var(--icon-size-m20-w22) } [class*=icon-ico22] { font-size:24px; font-size:var(--icon-size-m22-w24) } [class*=icon-ico24] { font-size:24px; } [class*=icon-ico28] { font-size:28px; } [class*=icon-ico-m10-w12] { font-size:12px; } [class*=icon-ico-m12-w14] { font-size:14px; } [class*=icon-ico-m14-w16] { font-size:16px; } [class*=icon-ico-m16-w18] { font-size:18px; } [class*=icon-ico-m20-w22] { font-size:22px; } [class*=icon-ico-m22-w24] { font-size:24px; } [class*=icon-ico-m24-w24] { font-size:24px; } [class*=icon-ico-m28-w28] { font-size:28px; } [class*=icon-ico-m24-w36] { font-size:36px; font-size:var(--icon-size-m24-w36) } .icon-arrow_down { width:28px; width:var(--icon-size-m28-w28) } .icon-icobtn-tag-add-filled, .icon-icobtn-tag-delete-filled { width:14px; height:14px } .icon-FeaturesaddfavStatusoutlined, .icon-FeaturesgroupStatusoutlined, .icon-FeaturesratingStatusoutlined { width:24px; width:var(--icon-size-m24-w24); height:24px; height:var(--icon-size-m24-w24) } .tap-button { outline:none; cursor:pointer; font-weight:500; border-width:1px; border-style:solid; padding-left:16px; padding-right:16px } .tap-button--router { display:-webkit-inline-box; display:-ms-inline-flexbox; display:inline-flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center } .tap-button__icon { font-size:24px; font-size:var(--icon-size-m22-w24); color:inherit; margin-right:4px; margin-right:var(--space-m2-w4) } .tap-button--disabled { opacity:.5; cursor:not-allowed } .tap-button--loading { cursor:auto } .tap-button--primary { background:#15c5ce; background:var(--primary-tap-blue); color:#fff; color:var(--extension-button-label-white); border-color:#15c5ce; border-color:var(--primary-tap-blue) } .tap-button--primary>.loading-dots__wrapper>.loading-dots__dot { background-color:#fff; background-color:var(--extension-button-label-white) } @media only screen and (min-width:499px)and (any-hover:hover) { .tap-button--primary:not(.tap-button--disabled, .tap-button--no-hover) { -webkit-transition-duration:.3s; transition-duration:.3s; -webkit-transition-timing-function:ease; transition-timing-function:ease; -webkit-transition-property:background-color, border-color; transition-property:background-color, border-color } .tap-button--primary:not(.tap-button--disabled, .tap-button--no-hover):hover { background-color:#14b9c2; background-color:var(--primary-tap-blue-hover); border-color:#14b9c2; border-color:var(--primary-tap-blue-hover) } } .tap-button--secondary { background:#ecfafb; background:var(--primary-tap-blue-light); color:#15c5ce; color:var(--primary-tap-blue); border-color:#ecfafb; border-color:var(--primary-tap-blue-light) } .tap-button--secondary>.loading-dots__wrapper>.loading-dots__dot { background-color:#15c5ce; background-color:var(--primary-tap-blue) } @media only screen and (min-width:499px)and (any-hover:hover) { .tap-button--secondary:not(.tap-button--disabled, .tap-button--no-hover) { -webkit-transition-duration:.3s; transition-duration:.3s; -webkit-transition-timing-function:ease; transition-timing-function:ease; -webkit-transition-property:background-color, border-color; transition-property:background-color, border-color } .tap-button--secondary:not(.tap-button--disabled, .tap-button--no-hover):hover { background-color:#deebec; background-color:var(--primary-tap-blue-light-hover); border-color:#deebec; border-color:var(--primary-tap-blue-light-hover) } } .tap-button--tertiary { background:transparent; color:#1d2127; color:var(--gray-08); border-color:#ebeff0; border-color:var(--gray-02) } .tap-button--tertiary>.loading-dots__wrapper>.loading-dots__dot { background-color:#1d2127; background-color:var(--gray-08) } @media only screen and (min-width:499px)and (any-hover:hover) { .tap-button--tertiary:not(.tap-button--disabled, .tap-button--no-hover) { -webkit-transition-duration:.3s; transition-duration:.3s; -webkit-transition-timing-function:ease; transition-timing-function:ease; -webkit-transition-property:background-color, border-color; transition-property:background-color, border-color } .tap-button--tertiary:not(.tap-button--disabled, .tap-button--no-hover):hover { background-color:rgba(0, 0, 0, .06); background-color:var(--extension-overlay-black); border-color:rgba(0, 0, 0, .06); border-color:var(--extension-overlay-black) } } .tap-button--quaternary { border:none; background:transparent; color:#15c5ce; color:var(--primary-tap-blue) } .tap-button--quaternary>.loading-dots__wrapper>.loading-dots__dot { background-color:#15c5ce; background-color:var(--primary-tap-blue) } @media only screen and (min-width:499px)and (any-hover:hover) { .tap-button--quaternary:not(.tap-button--disabled, .tap-button--no-hover) { -webkit-transition-duration:.3s; transition-duration:.3s; -webkit-transition-timing-function:ease; transition-timing-function:ease; -webkit-transition-property:background-color, border-color; transition-property:background-color, border-color } .tap-button--quaternary:not(.tap-button--disabled, .tap-button--no-hover):hover { background-color:rgba(0, 0, 0, .06); background-color:var(--extension-overlay-black); border-color:rgba(0, 0, 0, .06); border-color:var(--extension-overlay-black) } } .tap-button--special { background:#fff; background:var(--extension-button-label-white); color:#15c5ce; color:var(--primary-tap-blue); border-color:#fff; border-color:var(--extension-button-label-white) } .tap-button--special>.loading-dots__wrapper>.loading-dots__dot { background-color:#15c5ce; background-color:var(--primary-tap-blue) } @media only screen and (min-width:499px)and (any-hover:hover) { .tap-button--special:not(.tap-button--disabled, .tap-button--no-hover) { -webkit-transition-duration:.3s; transition-duration:.3s; -webkit-transition-timing-function:ease; transition-timing-function:ease; -webkit-transition-property:background-color, border-color; transition-property:background-color, border-color } .tap-button--special:not(.tap-button--disabled, .tap-button--no-hover):hover { background-color:rgba(0, 0, 0, .46); background-color:var(--extension-components-black-hover); border-color:rgba(0, 0, 0, .46); border-color:var(--extension-components-black-hover) } } .tap-button--danger { background:#f64c4c; background:var(--primary-red); color:#fff; color:var(--extension-button-label-white); border-color:#f64c4c; border-color:var(--primary-red) } @media only screen and (min-width:499px)and (any-hover:hover) { .tap-button--danger:not(.tap-button--disabled, .tap-button--no-hover) { -webkit-transition-duration:.3s; transition-duration:.3s; -webkit-transition-timing-function:ease; transition-timing-function:ease; -webkit-transition-property:background-color, border-color; transition-property:background-color, border-color } .tap-button--danger:not(.tap-button--disabled, .tap-button--no-hover):hover { background-color:#e74747; background-color:var(--primary-red-hover); border-color:#e74747; border-color:var(--primary-red-hover) } } .tap-button--danger>.loading-dots__wrapper>.loading-dots__dot { background-color:#fff; background-color:var(--primary-white) } .tap-button--special.tap-button--done { color:#fff; color:var(--extension-button-label-white); background:rgba(0, 0, 0, .4); background:rgba(0, 0, 0, .4); border-color:transparent } @media only screen and (min-width:499px)and (any-hover:hover) { .tap-button--special.tap-button--done:not(.tap-button--disabled, .tap-button--no-hover) { -webkit-transition-duration:.3s; transition-duration:.3s; -webkit-transition-timing-function:ease; transition-timing-function:ease; -webkit-transition-property:background-color, border-color; transition-property:background-color, border-color } .tap-button--special.tap-button--done:not(.tap-button--disabled, .tap-button--no-hover):hover { background-color:rgba(0, 0, 0, .46); background-color:var(--extension-components-black-hover); border-color:rgba(0, 0, 0, .46); border-color:var(--extension-components-black-hover) } } .tap-button--primary.tap-button--done, .tap-button--secondary.tap-button--done, .tap-button--tertiary.tap-button--done { color:#868c92; color:var(--gray-06); background:#f5f7f8; background:var(--gray-01); border-color:#ebeff0; border-color:var(--gray-02) } @media only screen and (min-width:499px)and (any-hover:hover) { .tap-button--primary.tap-button--done:not(.tap-button--disabled, .tap-button--no-hover), .tap-button--secondary.tap-button--done:not(.tap-button--disabled, .tap-button--no-hover), .tap-button--tertiary.tap-button--done:not(.tap-button--disabled, .tap-button--no-hover) { -webkit-transition-duration:.3s; transition-duration:.3s; -webkit-transition-timing-function:ease; transition-timing-function:ease; -webkit-transition-property:background-color, border-color; transition-property:background-color, border-color } .tap-button--primary.tap-button--done:not(.tap-button--disabled, .tap-button--no-hover):hover, .tap-button--secondary.tap-button--done:not(.tap-button--disabled, .tap-button--no-hover):hover, .tap-button--tertiary.tap-button--done:not(.tap-button--disabled, .tap-button--no-hover):hover { background-color:#e6e8e9; background-color:var(--gray-01-hover); border-color:#e6e8e9; border-color:var(--gray-01-hover) } } .tap-button--small { height:28px; border-radius:14px; font-size:16px; font-size:var(--heading-m14-w16-size); line-height:24px; line-height:var(--heading-m14-w16-line-height); min-width:70px; padding:0 10px } .tap-button--small.tap-button--wide-screen { height:32px; border-radius:16px; min-width:84px; padding:0 10px } .tap-button--medium { height:32px; border-radius:16px; font-size:16px; font-size:var(--heading-m14-w16-size); line-height:24px; line-height:var(--heading-m14-w16-line-height); padding:0 16px } .tap-button--large, .tap-button--medium.tap-button--wide-screen { height:40px; border-radius:20px; padding:0 16px } .tap-button--large { font-size:16px; font-size:var(--heading-m14-w16-size); line-height:24px; line-height:var(--heading-m14-w16-line-height) } .tap-button--large.tap-button--wide-screen { height:46px; border-radius:23px; padding:0 24px } .tap-button--x-large { height:48px; border-radius:24px; font-size:16px; font-size:var(--heading-m14-w16-size); line-height:24px; line-height:var(--heading-m14-w16-line-height) } .tap-button--x-large.tap-button--wide-screen { height:48px; border-radius:24px; padding:0 24px } @media only screen and (any-hover:hover)and (min-width:499px)and (any-hover:hover) { .common-hover { -webkit-transition-duration:.3s; transition-duration:.3s; -webkit-transition-timing-function:ease; transition-timing-function:ease; -webkit-transition-property:background-color, border-color; transition-property:background-color, border-color } .common-hover:hover { background-color:rgba(0, 0, 0, .06); background-color:var(--extension-overlay-black) } } @media only screen and (any-hover:hover)and (min-width:499px)and (any-hover:hover) { .gray-01-hover { -webkit-transition-duration:.3s; transition-duration:.3s; -webkit-transition-timing-function:ease; transition-timing-function:ease; -webkit-transition-property:background-color, border-color; transition-property:background-color, border-color } .gray-01-hover:hover { background-color:#e6e8e9; background-color:var(--gray-01-hover) } } @media(any-hover:hover) { .text-hover:hover { text-decoration:underline } @supports(text-underline-offset:2px) { .text-hover:hover { text-underline-offset:2px } } } @media only screen and (min-width:499px) { } .pc-layout { -webkit-user-select:text; -moz-user-select:text; -ms-user-select:text; user-select:text } @font-face { font-family:my-van-icon; src:url(../../static/fonts/vant-icon-f463a9.e8723d8e.woff2) format("woff2"), url(../../static/fonts/vant-icon-f463a9.836d9904.woff) format("woff"), url(../../static/fonts/vant-icon-f463a9.6a653e5b.ttf) format("truetype") } .van-icon { font-family:my-van-icon!important } @font-face { font-family:rate-number-font; src:url(data:font/woff2;base64,d09GMgABAAAAAAS0AA0AAAAACUgAAAReAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAP0ZGVE0cGh4GYACCShEICoYEhG0LHgABNgIkAyYEIAWEcwc+G6kHIxEmfNEF8M+ETO4PywXuEVkdYws89wXZsn+z0dARetDz5iCinFb1SHZsKcAgB9ELfBciZYFY8gEAvRAXn0Yc3B5SogFhIPT+N9J3vzpXJRt/tBPuxHp4pj/unf4P2Dif7zzRRLOA/h6NRdGY1KVxGQS4hy2wscESSxMLNBXxms2H8VKAAHw7cM1/AK888scBgO/OS9uGAJFAMlAIGlEIOqAAXUWo5/GAOledC1wZNJdjan1PEJADD8Xyw+Sq1jJvt4f52kkf5iJxPYDyq7dBLgE0QAMyCQBBNATIpFMKvOgIimotBVSzKvxF+HMEAEC8IACAKEBBvoQKDd3jjbgZ4l8AHShhKACiAcgEseAPkBoIdICCoBBJpY/WUHovkZERqcUxuTF+f4zhSxptGmIudz4/90vR3K/O+4JRufWr576Mcl4577UowzMoI2ZUpKx+SdxXjXPfx3C/MovESop1D0aVimV2fDls3vBB+WfifmoYkoK8xn1YrD3T+Gri4BfLDQyJlAlz1BST+mntH5eq9X8quS+gVdwHLEOVZWhRRPKSDXZ80jy6O1IOdxeb8MWg++m5HzufnPfZ+knDrloo6teChC8bOe4MDkNAyt8Uzq3OkR01Jm43isSN8rka/c0Vl1/Brx8sO7D1yYNbl1UuO5iMHFjJLS+r+nHxscqyyqPhj+wLtV988PzYLYf465Gd/voF5aUvlxWlWyF735bpmd2bbSuv5+I3f0lgH6xyNi61Q2tYE4raVFbRV1MVrEnYmlD1cmlFzvyolJBM7t84ae/dOr7q1IoJC6Jn5cGVBfuP/noh3c4VZxw8o4e//+1JGwpes3zV2fnemZAxsrBk1XOLnZG+st2XXrkz95qBWUOUYfz51eoDu149sGN1sG3vFXUXXlY0mrNw03bXrintL5kpkWWc6P+l/wK0fH7LgZ/f4Gjt286WN6nVipWjrUuanj606emDhKWMC1xUnLCwoLgkf2G8v6b/nGi3s/v55/9ad19Zd0Flk5u32/Uy3KvCz7ZqSvsBQAABcT5cb8e0H/eZ2m8TmUNyeoX6kOBDASCgnWwtlFFHjaSSJ+/XA1kEkkVQ5dBkNW3K5WhhqVWpjgDRFNMAUIBoHkTcNi8jBUGTUg8UujSCRkKWg45PzgEPEXIr6u3/PBqi+4EXIR0Er+SCwieVoFGcNtCJzW7wEC2X8l5Mv5cwBx8UdDpwDY4n7Vq1CZGrx4CRNgfdfNQEnWI2G2hyBbRo0aAalhPbprVrSAJa5oVmm00OGVlmizAvG1l1jDmoQ0umRQZlMB4O5zbSMI3aSSigAV//1UKof/wj4/2jUrpLp4+VQTzRRc2+AeLQXWILe+3cm8xFxOkt7dPtBghyhCB4IUBvW8cFOGiYya3quWJEIIo2ejer06BJM1G6oJf0DmIHGhub6xqamptdtsgYgBV1B1Sz0lgbqNaNW6WZisBv+KciR099N4uTIFGSZClSpUmXIRMAAA==) format("woff2"), url(data:font/woff;base64,d09GRgABAAAAAAkIAAoAAAAACMAAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABPUy8yAAAA9AAAAGAAAABgE/b97mNtYXAAAAFUAAABUgAAAVINWhQPZ2x5ZgAAAqgAAAMMAAADDKHseN1oZWFkAAAFtAAAADYAAAA2/nxHm2hoZWEAAAXsAAAAJAAAACQGGAF0aG10eAAABhAAAAAeAAAAHghTATFsb2NhAAAGMAAAABoAAAAaBJQD1G1heHAAAAZMAAAAIAAAACAAEAAobmFtZQAABmwAAAJgAAACYFlPNENwb3N0AAAIzAAAADoAAAA6ABEA1gAEAgcCvAAFAAACigKKAAAAlgKKAooAAAH0ADIA4QAAAAAAAAAAAAAAAIAAAK8QAAAAAAAAAAAAAAAAAAAAACAALgA5Asj/QQBKA/cAziAAARFBAAAAAgkCyAAAACAAAgAAAAMAAAADAAAAHAABAAAAAABMAAMAAQAAABwABAAwAAAACAAIAAIAAAAuADn/////AAAALgAw///////T/9IAAQABAAAAAAAAAAAAAAEGAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAQACAwQFBgcICQoLAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAQBEAAAA2QCUAAMAADcjNTPZlZUAlAAAAgA3//oB6ALOAAsAFwAAJRQGIiY1ETQ2MhYVAxE0JiIGFREUFjI2Aeh9tn5+tn2CL04wME4vzmJycmIBLGJycmL+1QEpLTQ1LP7XLDQ0AAABAGcAAAF6AsgABgAAJSMRBzU3MwF6gpGRggACPH6MfgAAAAABADsAAAHsAs4AFwAAJSE1ATY1NCYjIgYVIzQ2MzIWFRQGDwEhAez+TwEKJS0pJTKCe15geCIqxwETAHUBNSwqKDErMF9xcF8wQjHnAAAAAAEAKv/6Ae8CzgAlAAAlFAYjIiYnMx4BMzI2NTQmKwE1MzI2NTQmIgYHIz4BMzIWFRQHFgHvgWFfgwGCATcpKzU1LxMTLS0ySjECggJ8XF96UlzOZm5paS4vNC8tNXExKCswLihdbnJaZiwxAAEAHwAAAgACyAAOAAAlIxUjNSE1EzMDMzUzFTMCAEF9/t30jvSVfUFlZWV7Aej+GIWFAAABADn/+gHuAsgAHwAAJRQGBwYjIicmJzMWMzI3NjU0IyIHIxEhFSEVNjMyFxYB7holOmNmOTMHggtMJxccV0MTdwGW/uAmRVUwQPBBViU6OTNhWBccToA6AZJ1mSQwQAACADD/+gHsAsgADgAXAAAlFAYiJjU0NxMzAzYzMhYHNCYiBhQWMjYB7H3CfTyWjpQWH0xvgjNSMzNSM9hnd3VnRHoBNP7aCXRgLzk4YDg4AAEAMgAAAfcCyAAIAAABAyMTIxUjNSEB9+eN57x8AcUCU/2tAlNw5QADACz/+gH0As4ADgAYACAAAAAUBiImNTQ3JjQ2MhYUByc0JiIGFRQWMjYSNCYiBhQWMgH0gcaBWVB/uH5QMjJMMzNMMgo5Ujk5UgEzyHFxZGU7OLhvb7g4kCY0NCYnMzP+0FI6OlI5AAIAMwAAAe8CzgAOABcAAAEUBwMjEwYjIiY1NDYyFgY0JiIGFRQWMgHvO5eNlBYfTHB9wn2CM1IzM1IB8kZ4/swBJgl0X2d3dZhgODgwLzkAAQAAAAEAAElGWT9fDzz1AAsD6AAAAADBsep8AAAAANuLGXIAH//6AgACzgABAAgAAgAAAAAAAAABAAAD9/8yAAACHwAfAB8CAAABAAAAAAAAAAAAAAAAAAAAAwPoAAABHQBEAh8ANwBnADsAKgAfADkAMAAyACwAMwAAAAAAAAAMADQARgBuAKQAvgDuARYBKgFeAYYAAAABAAAADAAmAAMAAAAAAAIAAAAAAAAAAAAAAAAAAAAAAAAADgCuAAEAAAAAAAAAYQAAAAEAAAAAAAEAAwBhAAEAAAAAAAIABABkAAEAAAAAAAMAEwBoAAEAAAAAAAQACAB7AAEAAAAAAAUABwCDAAEAAAAAAAYACACKAAMAAQQJAAAAvgCSAAMAAQQJAAEABgFQAAMAAQQJAAIACAFWAAMAAQQJAAMAJgFeAAMAAQQJAAQAEAGEAAMAAQQJAAUADgGUAAMAAQQJAAYAEAGiw7/CqSBEdXRjaCBEZXNpZ246IEFsYmVydC1KYW4gUG9vbCwgMTk5NS4gUHVibGlzaGVkIGJ5IEZvbnRTaG9wIEludGVybmF0aW9uYWwgRm9udEZvbnQgcmVsZWFzZSAxNURJTkJvbGRESU4tQm9sZDoxMTY2ODM1Nzg4RElOLUJvbGQwMDEuMDAwRElOLUJvbGQA/wCpACAARAB1AHQAYwBoACAARABlAHMAaQBnAG4AOgAgAEEAbABiAGUAcgB0AC0ASgBhAG4AIABQAG8AbwBsACwAIAAxADkAOQA1AC4AIABQAHUAYgBsAGkAcwBoAGUAZAAgAGIAeQAgAEYAbwBuAHQAUwBoAG8AcAAgAEkAbgB0AGUAcgBuAGEAdABpAG8AbgBhAGwAIABGAG8AbgB0AEYAbwBuAHQAIAByAGUAbABlAGEAcwBlACAAMQA1AEQASQBOAEIAbwBsAGQARABJAE4ALQBCAG8AbABkADoAMQAxADYANgA4ADMANQA3ADgAOABEAEkATgAtAEIAbwBsAGQAMAAwADEALgAwADAAMABEAEkATgAtAEIAbwBsAGQAAgAAAAAAAP96AFcAAAAAAAAAAAAAAAAAAAAAAAAADAAMAAAAEQATABQAFQAWABcAGAAZABoAGwAcAAA=) format("woff"), url(data:font/ttf;base64,AAEAAAAKAIAAAwAgT1MvMhP2/e4AAACsAAAAYGNtYXANWhQPAAABDAAAAVJnbHlmoex43QAAAmAAAAMMaGVhZP58R5sAAAVsAAAANmhoZWEGGAF0AAAFpAAAACRobXR4CFMBMQAABcgAAAAebG9jYQSUA9QAAAXoAAAAGm1heHAAEAAoAAAGBAAAACBuYW1lWU80QwAABiQAAAJgcG9zdAARANYAAAiEAAAAOgAEAgcCvAAFAAACigKKAAAAlgKKAooAAAH0ADIA4QAAAAAAAAAAAAAAAIAAAK8QAAAAAAAAAAAAAAAAAAAAACAALgA5Asj/QQBKA/cAziAAARFBAAAAAgkCyAAAACAAAgAAAAMAAAADAAAAHAABAAAAAABMAAMAAQAAABwABAAwAAAACAAIAAIAAAAuADn/////AAAALgAw///////T/9IAAQABAAAAAAAAAAAAAAEGAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAQACAwQFBgcICQoLAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAQBEAAAA2QCUAAMAADcjNTPZlZUAlAAAAgA3//oB6ALOAAsAFwAAJRQGIiY1ETQ2MhYVAxE0JiIGFREUFjI2Aeh9tn5+tn2CL04wME4vzmJycmIBLGJycmL+1QEpLTQ1LP7XLDQ0AAABAGcAAAF6AsgABgAAJSMRBzU3MwF6gpGRggACPH6MfgAAAAABADsAAAHsAs4AFwAAJSE1ATY1NCYjIgYVIzQ2MzIWFRQGDwEhAez+TwEKJS0pJTKCe15geCIqxwETAHUBNSwqKDErMF9xcF8wQjHnAAAAAAEAKv/6Ae8CzgAlAAAlFAYjIiYnMx4BMzI2NTQmKwE1MzI2NTQmIgYHIz4BMzIWFRQHFgHvgWFfgwGCATcpKzU1LxMTLS0ySjECggJ8XF96UlzOZm5paS4vNC8tNXExKCswLihdbnJaZiwxAAEAHwAAAgACyAAOAAAlIxUjNSE1EzMDMzUzFTMCAEF9/t30jvSVfUFlZWV7Aej+GIWFAAABADn/+gHuAsgAHwAAJRQGBwYjIicmJzMWMzI3NjU0IyIHIxEhFSEVNjMyFxYB7holOmNmOTMHggtMJxccV0MTdwGW/uAmRVUwQPBBViU6OTNhWBccToA6AZJ1mSQwQAACADD/+gHsAsgADgAXAAAlFAYiJjU0NxMzAzYzMhYHNCYiBhQWMjYB7H3CfTyWjpQWH0xvgjNSMzNSM9hnd3VnRHoBNP7aCXRgLzk4YDg4AAEAMgAAAfcCyAAIAAABAyMTIxUjNSEB9+eN57x8AcUCU/2tAlNw5QADACz/+gH0As4ADgAYACAAAAAUBiImNTQ3JjQ2MhYUByc0JiIGFRQWMjYSNCYiBhQWMgH0gcaBWVB/uH5QMjJMMzNMMgo5Ujk5UgEzyHFxZGU7OLhvb7g4kCY0NCYnMzP+0FI6OlI5AAIAMwAAAe8CzgAOABcAAAEUBwMjEwYjIiY1NDYyFgY0JiIGFRQWMgHvO5eNlBYfTHB9wn2CM1IzM1IB8kZ4/swBJgl0X2d3dZhgODgwLzkAAQAAAAEAAElGWT9fDzz1AAsD6AAAAADBsep8AAAAANuLGXIAH//6AgACzgABAAgAAgAAAAAAAAABAAAD9/8yAAACHwAfAB8CAAABAAAAAAAAAAAAAAAAAAAAAwPoAAABHQBEAh8ANwBnADsAKgAfADkAMAAyACwAMwAAAAAAAAAMADQARgBuAKQAvgDuARYBKgFeAYYAAAABAAAADAAmAAMAAAAAAAIAAAAAAAAAAAAAAAAAAAAAAAAADgCuAAEAAAAAAAAAYQAAAAEAAAAAAAEAAwBhAAEAAAAAAAIABABkAAEAAAAAAAMAEwBoAAEAAAAAAAQACAB7AAEAAAAAAAUABwCDAAEAAAAAAAYACACKAAMAAQQJAAAAvgCSAAMAAQQJAAEABgFQAAMAAQQJAAIACAFWAAMAAQQJAAMAJgFeAAMAAQQJAAQAEAGEAAMAAQQJAAUADgGUAAMAAQQJAAYAEAGiw7/CqSBEdXRjaCBEZXNpZ246IEFsYmVydC1KYW4gUG9vbCwgMTk5NS4gUHVibGlzaGVkIGJ5IEZvbnRTaG9wIEludGVybmF0aW9uYWwgRm9udEZvbnQgcmVsZWFzZSAxNURJTkJvbGRESU4tQm9sZDoxMTY2ODM1Nzg4RElOLUJvbGQwMDEuMDAwRElOLUJvbGQA/wCpACAARAB1AHQAYwBoACAARABlAHMAaQBnAG4AOgAgAEEAbABiAGUAcgB0AC0ASgBhAG4AIABQAG8AbwBsACwAIAAxADkAOQA1AC4AIABQAHUAYgBsAGkAcwBoAGUAZAAgAGIAeQAgAEYAbwBuAHQAUwBoAG8AcAAgAEkAbgB0AGUAcgBuAGEAdABpAG8AbgBhAGwAIABGAG8AbgB0AEYAbwBuAHQAIAByAGUAbABlAGEAcwBlACAAMQA1AEQASQBOAEIAbwBsAGQARABJAE4ALQBCAG8AbABkADoAMQAxADYANgA4ADMANQA3ADgAOABEAEkATgAtAEIAbwBsAGQAMAAwADEALgAwADAAMABEAEkATgAtAEIAbwBsAGQAAgAAAAAAAP96AFcAAAAAAAAAAAAAAAAAAAAAAAAADAAMAAAAEQATABQAFQAWABcAGAAZABoAGwAcAAA=) format("truetype") } .rate-number-font { font-family:rate-number-font; -webkit-font-smoothing:antialiased } #tap { color:#1d2127; color:var(--gray-08); background:#fff; background:var(--primary-white); min-height:100vh } button { cursor:pointer } img { content:normal!important } .flex-center--y { -webkit-box-align:center; -ms-flex-align:center; align-items:center } .flex-center, .flex-center--x, .flex-center--y { display:-webkit-box; display:-ms-flexbox; display:flex } .flex-center, .flex-center--x { -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center } .flex-center { -webkit-box-align:center; -ms-flex-align:center; align-items:center } .flex-1 { -webkit-box-flex:1; -ms-flex:1; flex:1; width:0 } .flex-shrink-0 { -ms-flex-negative:0; flex-shrink:0 } .x-start-y-center { display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-orient:vertical; -webkit-box-direction:normal; -ms-flex-direction:column; flex-direction:column; -webkit-box-pack:justify; -ms-flex-pack:justify; justify-content:space-between; -webkit-box-align:start; -ms-flex-align:start; align-items:flex-start } .text-color--primary, a.text-color--primary { color:#15c5ce; color:var(--primary-tap-blue) } .text-color--content { color:#1d2127; color:var(--gray-08) } .text-color--second { color:#868c92; color:var(--gray-06) } .text-color--warning { color:#fa0; color:var(--extension-yellow) } .text-color--description { color:#b9bec1; color:var(--gray-04) } .text-size--11 { font-size:11px } .text-size--12 { font-size:12px } .text-size--13 { font-size:13px } .text-size--14 { font-size:14px } .text-size--15 { font-size:15px } .font-weight--title { font-weight:500 } .clearfix:after { content:""; display:block; clear:both; width:0; height:0 } .content-block--line-bottom { position:relative } .content-block--line-bottom:after { content:""; display:block; background:#ebeff0; background:var(--gray-02); height:1px; width:calc(100% - 8vw); position:absolute; left:50%; -webkit-transform:translateX(-50%); transform:translateX(-50%); bottom:0 } .bb-light { border-bottom:1px solid #ebeff0; border-bottom:1px solid var(--gray-02) } .content-block--deep { background:#f5f7f8; background:var(--extension-background-gray); border-radius:10px; border-radius:var(--radius-m8-w10) } .section-divider { position:relative; margin-top:8px } .section-divider:before { content:""; display:block; width:100%; height:8px; background-color:#f5f7f8; background-color:var(--gray-01); position:absolute; top:-8px; left:0 } .full-scroll-x { width:100%; max-width:100%; -webkit-box-sizing:border-box; box-sizing:border-box; overflow-x:auto; overflow-y:hidden; font-size:0; white-space:nowrap; margin-left:-20px; margin-left:calc(0px - var(--space-m16-w20)); padding-left:20px; padding-left:var(--space-m16-w20); -webkit-overflow-scrolling:touch } .full-scroll-x>a, .full-scroll-x>div, .full-scroll-x>li { vertical-align:top } .full-scroll-x::-webkit-scrollbar { display:none } .full-content-wrap { margin-left:-20px; margin-left:calc(0px - var(--space-m16-w20)); margin-right:-20px; margin-right:calc(0px - var(--space-m16-w20)) } .vote-bar .figure-group { padding:0 18px } .vote-bar .figure-group:first-child { padding-left:0 } .vote-bar .figure-group:last-child { padding-right:0 } .dropdown-menu-list { display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-orient:vertical; -webkit-box-direction:normal; -ms-flex-direction:column; flex-direction:column; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; -webkit-box-align:center; -ms-flex-align:center; align-items:center; min-width:220 rpx; background-color:#fff; background-color:var(--extension-shadow-background-white); -webkit-box-shadow:0 3px 6px 0 rgba(0, 0, 0, .1); box-shadow:0 3px 6px 0 rgba(0, 0, 0, .1); border-radius:3px } .safe-area-inset-top {/*! autoprefixer: off *//*! autoprefixer: off */ padding-top:0; padding-top:calc(var(--safe-area-inset-top)) } .standalone-layout .safe-area-inset-top { padding-top:calc(max(20px, 0)); padding-top:calc(max(20px, var(--safe-area-inset-top))) } .mix-search-item__divider { width:100%; height:6px; background:#f5f7f8; background:var(--gray-01) } .mix-search-item__divider_fine_all { width:100%; height:1px; background:#f5f7f8; background:var(--gray-01) } .fade-enter-active, .fade-leave-active { -webkit-transition:opacity .2s; transition:opacity .2s } .fade-enter, .fade-leave-to { opacity:0 } .modal-backdrop { display:none } .clickable { cursor:pointer } .rotate-90 { -webkit-transform:rotate(90deg); transform:rotate(90deg) } .rotate-180 { -webkit-transform:rotate(180deg); transform:rotate(180deg) } .rotate-270 { -webkit-transform:rotate(-90deg); transform:rotate(-90deg) } .rotate-x-180 { -webkit-transform:rotateX(180deg); transform:rotateX(180deg) } .rotate-y-180 { -webkit-transform:rotateY(180deg); transform:rotateY(180deg) } .new-page__switch-version-button { color:#ff8156; color:var(--primary-tap-orange); background:none; border:0; font-size:12px } .sticky_sentinel { visibility:hidden; height:1px } .tap-divider-line { position:relative } .tap-divider-line:after { content:""; display:block; position:absolute; width:200%; bottom:0; left:-50%; border-bottom:1px solid rgba(29, 33, 39, .12); border-bottom:1px solid var(--extension-divider-gray); -webkit-transform:scale(.5); transform:scale(.5); pointer-events:none } .tap-divider-line--top { position:relative } .tap-divider-line--top:after { content:""; display:block; position:absolute; width:200%; top:0; left:-50%; border-bottom:1px solid rgba(29, 33, 39, .12); border-bottom:1px solid var(--extension-divider-gray); -webkit-transform:scale(.5); transform:scale(.5); pointer-events:none } .tap-divider-line--bottom { position:relative } .tap-divider-line--bottom:before { content:""; display:block; position:absolute; width:200%; bottom:0; left:-50%; border-top:1px solid rgba(29, 33, 39, .12); border-top:1px solid var(--extension-divider-gray); -webkit-transform:scale(.5); transform:scale(.5); pointer-events:none } .tap-divider-line--left { position:relative } .tap-divider-line--left:after { content:""; display:block; position:absolute; height:200%; bottom:-50%; left:0; border-left:1px solid rgba(29, 33, 39, .12); border-left:1px solid var(--extension-divider-gray); -webkit-transform:scale(.5); transform:scale(.5); pointer-events:none } .van-tabs .van-tabs__nav--complete { padding-right:0; padding-left:0 } .label-tag { position:relative; color:#868c92; color:var(--gray-06); font-size:12px; font-size:var(--caption-m10-w12-size); line-height:18px; line-height:var(--caption-m10-w12-line-height) } .label-tag:not(:last-child) { margin-right:10px } .label-tag:not(:last-child):after { content:""; position:absolute; right:-6px; top:50%; margin-top:-1px; display:block; width:2px; height:2px; border-radius:50%; background:#868c92; background:var(--gray-06) } .label-tag--large { font-size:14px; line-height:22px; } .label-tag--large:not(:last-child) { margin-right:14px } .label-tag--large:not(:last-child):after { right:-8px } .tap-decorate-dash { position:relative; padding:0 12px; padding:0 var(--space-m8-w12) } .tap-decorate-dash:after, .tap-decorate-dash:before { content:" "; width:7px; height:1px; background:#b9bec1; background:var(--gray-04); position:absolute; top:calc(50% - .5px); opacity:.4 } .tap-decorate-dash:before { left:-10px } .tap-decorate-dash:after { right:-10px } @font-face { font-family:iconfont; src:url(../../static/fonts/iconfont.f695bcb0.eot); src:url(../../static/fonts/iconfont.f695bcb0.eot#iefix) format("embedded-opentype"), url(../../static/fonts/iconfont.b195011c.ttf) format("truetype"), url(../../static/img/iconfont.93034f91.svg) format("svg") } .icon-font { font-family:iconfont!important; font-size:16px; font-style:normal; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale } .ico-m24-w24-praise-filled1:before { content:"" } .ico-m28-w28-praise-filled1:before { content:"" } .ico-m28-w28-bold:before { content:"" } .ico-m28-w28-uploadDoc:before { content:"" } .ico-m28-w28-game1:before { content:"" } .ico-m28-w28-removeFormat:before { content:"" } .ico-m28-w28-italic:before { content:"" } .ico-m28-w28-emoji:before { content:"" } .ico-m28-w28-link:before { content:"" } .ico-m28-w28-underline:before { content:"" } .ico-m28-w28-video:before { content:"" } .ico-m28-w28-pic:before { content:"" } .ico-m28-w28-bold-filled:before { content:"" } .ico-m28-w28-emoji-filled:before { content:"" } .ico-m28-w28-italic-filled:before { content:"" } .ico-m28-w28-underline-filled:before { content:"" } .ico-m16-w18-unfold-filled:before { content:"" } .ico-m20-w22-translate:before { content:"" } .ico-m24-w24-close:before { content:"" } .ico-m28-w28-reply:before { content:"" } .ico-m28-w28-praise:before { content:"" } .ico-m12-w14-selected:before { content:"" } .ico-m28-w28-repost:before { content:"" } .ico-m28-w28-more:before { content:"" } .ico-m28-w28-search:before { content:"" } .ico-m28-w28-controller:before { content:"" } .ico-m28-w28-data:before { content:"" } .ico-m24-w24-follow:before { content:"" } .ico-m24-w24-following:before { content:"" } .m14-w16developerOnBoardStyleShape:before { content:"" } .ico-m28-w28-addedFav-filled:before { content:"" } .ico-m28-w28-disableReply:before { content:"" } .ico-m28-w28-allowReply:before { content:"" } .ico-m28-w28-editPost:before { content:"" } .ico-m28-w28-report:before { content:"" } .ico-m28-w28-submission:before { content:"" } .ico-m28-w28-share:before { content:"" } .ico-m28-w28-delete:before { content:"" } .ico-m28-w28-addFav:before { content:"" } .ico-m24-w24-moreright:before { content:"" } .ico-m16-w18-arrowdown:before { content:"" } .ico-m24-w24-repost:before { content:"" } .ico-m24-w24-reply:before { content:"" } .ico-m24-w24-praise:before { content:"" } .ico-m28-w28-time:before { content:"" } .ico-m28-w28-game:before { content:"" } .ico-m28-w28-group:before { content:"" } .ico-m28-w28-badge:before { content:"" } .ico-m12-w14-filledarrow-down:before { content:"" } .ico-m16-w18-search:before { content:"" } .ico-m16-w18-invisible-outlined:before { content:"" } .ico-m28-w28-selected:before { content:"" } .ico-m24-w24-arrow-down:before { content:"" } .ico-m14-w16-fire:before { content:"" } .ico-m28-w28-Apple:before { content:"" } .icon-ico-m20-w22-tag-outlined:before { content:"" } .icon-ico-m16-w18-praise-filled:before { content:"" } .icon-ico-m16-w18-Praise:before { content:"" } .icon-ico-m12-w14-Picture:before { content:"" } .icon-ico12-topic:before { content:"" } .ico12-official:before { content:"" } .ico-m12-w14-elite:before { content:"" } .ico12-treasure:before { content:"" } .ico12-pinned:before { content:"" } .ico-m12-w14-hotsearch:before { content:"" } .ico-star:before { content:"" } .ico-m28-w28-moments-outlined:before { content:"" } .ico-m28-w28-video-outlined:before { content:"" } .ico-m28-w28-post-outlined:before { content:"" } .ico-m28-w28-editor:before { content:"" } .ico20-cleancontents:before { content:"" } .ico12-down:before { content:"" } .ico12-up:before { content:"" } .ico12-na:before { content:"" } .ico24-applymoderator:before { content:"" } .icon-ico28-close:before { content:"" } .icon-ico24-close:before { content:"" } .icon-ico16-delete:before { content:"" } .icon-ICO20_close:before { content:"" } .icon-add-to:before { content:"" } .icon-click:before { content:"" } .icon-editor-bold-filled:before { content:"" } .icon-editor-italic-filled:before { content:"" } .icon-editor-underline-filled:before { content:"" } .icon-editor-text-style-filled:before { content:"" } .icon-editor-text-style:before { content:"" } .icon-editor-italic:before { content:"" } .icon-editor-underline:before { content:"" } .icon-editor-bold:before { content:"" } .icon-editor-link:before { content:"" } .icon-editor-pic:before { content:"" } .icon-editor-video:before { content:"" } .icon-notifications-new:before { content:"" } .icon-back-new:before { content:"" } .icon-mobile-search:before { content:"" } .icon-back-top:before { content:"" } .icon-close-notice:before { content:"" } .icon-broadcast:before { content:"" } .icon-search-simple:before { content:"" } .icon-add-new:before { content:"" } .icon-settings:before { content:"" } .icon-reviews-pressed:before { content:"" } .icon-reviews:before { content:"" } .icon-notifications:before { content:"" } .icon-notifications-pressed:before { content:"" } .icon-discover-new-pressed:before { content:"" } .icon-discover-new:before { content:"" } .icon-moments-pressed:before { content:"" } .icon-moments:before { content:"" } .icon-search-pressed:before { content:"" } .icon-search:before { content:"" } .icon-home-new-pressed:before { content:"" } .icon-home-new:before { content:"" } .icon-rankings-pressed:before { content:"" } .icon-rankings:before { content:"" } .icon-videos-pressed:before { content:"" } .icon-videos:before { content:"" } .icon-insights:before { content:"" } .icon-drawer-menu:before { content:"" } .icon-silence:before { content:"" } .icon-strategy:before { content:"" } .icon-tags:before { content:"" } .icon-inform:before { content:"" } .icon-no-interest:before { content:"" } .icon-follow-hollow:before { content:"" } .icon-unfollow-hollow:before { content:"" } .icon-down-line-active:before { content:"" } .icon-houtui:before { content:"" } .icon-menu:before { content:"" } .icon-moment:before { content:"" } .icon-discover:before { content:"" } .icon-rank:before { content:"" } .icon-home:before { content:"" } .icon-notification:before { content:"" } .icon-recommend-reviews:before { content:"" } .icon-post-moment:before { content:"" } .icon-vote-down:before { content:"" } .icon-dot-more2:before { content:"" } .icon-share4:before { content:"" } .icon-vote-up:before { content:"" } .icon-reply3:before { content:"" } .icon-forward:before { content:"" } .icon-vote-up-active:before { content:"" } .icon-app-review:before { content:"" } .icon-blind-phone:before { content:"" } .icon-certificate:before { content:"" } .icon-fans:before { content:"" } .icon-forum-post:before { content:"" } .icon-etiquette:before { content:"" } .icon-tap-fans:before { content:"" } .icon-share-new:before { content:"" } .icon-comment-new:before { content:"" } .icon-up-new:before { content:"" } .ic_apple:before { content:"" } .icon-change:before { content:"" } .icon-mode-default:before { content:"" } .icon-triangle:before { content:"" } .icon-expand:before { content:"" } .icon-left-button:before { content:"" } .icon-exit-fullscreen:before { content:"" } .icon-play2:before { content:"" } .icon-pause:before { content:"" } .icon-smallscreen:before { content:"" } .icon-widescreen:before { content:"" } .icon-fullscreen:before { content:"" } .icon-volume:before { content:"" } .icon-soundoff:before { content:"" } .icon-tiaotiao:before { content:"" } .icon-shield:before { content:"" } .ic-zhongbo:before { content:"" } .icon-calendar:before { content:"" } .icon-question2:before { content:"" } .icon-emoji-select:before { content:"" } .icon-zibankuai:before { content:"" } .icon-emoji:before { content:"" } .icon-official:before { content:"" } .icon-elite:before { content:"" } .icon-is-top:before { content:"" } .icon-post:before { content:"" } .icon-set:before { content:"" } .icon-sort:before { content:"" } .icon-allclassify:before { content:"" } .icon-unblock:before { content:"" } .icon-unfollow:before { content:"" } .icon-block:before { content:"" } .icon-interest:before { content:"" } .icon-follow:before { content:"" } .icon-loseinterest:before { content:"" } .icon-complain:before { content:"" } .icon-eyeclose:before { content:"" } .icon-share3:before { content:"" } .icon-comment2:before { content:"" } .icon-eye2:before { content:"" } .icon-collect2:before { content:"" } .icon-drafts:before { content:"" } .icon-history:before { content:"" } .icon-pic2:before { content:"" } .icon-video:before { content:"" } .icon-game:before { content:"" } .icon-discord:before { content:"" } .icon-level:before { content:"" } .icon-image-text:before { content:"" } .icon-field-guide:before { content:"" } .icon-collect-line:before { content:"" } .icon-note:before { content:"" } .icon-global:before { content:"" } .icon-notice:before { content:"" } .icon-apic:before { content:"" } .ic_youtube:before { content:"" } .icon-badge:before { content:"" } .icon-pad:before { content:"" } .icon-pc:before { content:"" } .icon-dot-more:before { content:"" } .icon-plus:before { content:"" } .icon-recommend:before { content:"" } .icon-win:before { content:"" } .icon-switch:before { content:"" } .icon-ps:before { content:"" } .icon-xbox:before { content:"" } .icon-followeachother:before { content:"" } .icon-upload:before { content:"" } .icon-stick:before { content:"" } .icon-question:before { content:"" } .ic_naver:before { content:"" } .icon-attachment:before { content:"" } .icon-btn-more:before { content:"" } .icon-play:before { content:"" } .icon-rocket:before { content:"" } .icon-update:before { content:"" } .icon-community:before { content:"" } .icon-searchnew:before { content:"" } .icon-bell:before { content:"" } .icon-list-unordered:before { content:"" } .icon-comment:before { content:"" } .icon-link:before { content:"" } .icon-view:before { content:"" } .icon-flame:before { content:"" } .icon-star-inner:before { content:"" } .icon-backcolor:before { content:"" } .icon-paragraph:before { content:"" } .icon-pic:before { content:"" } .icon-text-style:before { content:"" } .icon-indent-out:before { content:"" } .icon-align-center:before { content:"" } .icon-font-size:before { content:"" } .icon-font-color:before { content:"" } .icon-list-ordered:before { content:"" } .icon-bbcode-link:before { content:"" } .icon-introduction:before { content:"" } .icon-quote-story:before { content:"" } .icon-indent-in:before { content:"" } .icon-section:before { content:"" } .icon-more:before { content:"" } .icon-align-right:before { content:"" } .icon-align-left:before { content:"" } .icon-strike:before { content:"" } .icon-award:before { content:"" } .icon-dislike:before { content:"" } .icon-like:before { content:"" } .icon-search2:before { content:"" } .icon-title:before { content:"" } .icon-success:before { content:"" } .icon-error:before { content:"" } .icon-doc:before { content:"" } .icon-picerror:before { content:"" } .icon-add:before { content:"" } .icon-delivery:before { content:"" } .ic_twitter:before { content:"" } .ic_google:before { content:"" } .ic_line:before { content:"" } .icon-site:before { content:"" } .icon-safeguard:before { content:"" } .icon-welfare:before { content:"" } .icon-salary:before { content:"" } .icon-examination:before { content:"" } .icon-interview:before { content:"" } .icon-apply-online:before { content:"" } .icon-hire:before { content:"" } .icon-tip:before { content:"" } .icon-reply2:before { content:"" } .icon-download-new:before { content:"" } .icon-quote:before { content:"" } .icon-copy:before { content:"" } .icon-arrow-down:before { content:"" } .icon-close:before { content:"" } .icon-share2:before { content:"" } .icon-back:before { content:"" } .icon-arrow-right:before { content:"" } .ic_awards:before { content:"" } .ic_prev:before { content:"" } .icon-next:before { content:"" } .icon-android:before { content:"" } .icon-like-line:before { content:"" } .icon-collect:before { content:"" } .icon-share:before { content:"" } .ic_group:before { content:"" } .icon-qrcode:before { content:"" } .icon-download:before { content:"" } .ic_Starline:before { content:"" } .icon-edit:before { content:"" } .icon-dropdown:before { content:"" } .icon-down:before { content:"" } .icon-ios:before { content:"" } .icon-funny:before { content:"" } .ic_iphone_spec:before { content:"" } .icon-star:before { content:"" } .icon-reply:before { content:"" } .icon-up:before { content:"" } .ic_search:before { content:"" } .icon-phone:before { content:"" } .ic_zhihu:before { content:"" } .ic_sina:before { content:"" } .icon-logo:before { content:"" } .ic_qq:before { content:"" } .ic_mail:before { content:"" } .ic_wechat:before { content:"" } .ic_facebook:before { content:"" } .font-bold, .user-notification__popover .taptap-notice-widget .notice-widget-nav>li.active>a { font-weight:700 } .heading-m16-w18, .search-popover__content .results .suggest-search a, .search-popover__content .results li a, .search-popover__content .search-support__item .suggest-search a, .search-popover__content .search-support__item li a { font-size:18px; font-size:var(--heading-m16-w18-size); line-height:26px; line-height:var(--heading-m16-w18-line-height) } .notice-item, .paragraph-m14-w14 { font-size:14px; font-size:var(--paragraph-m14-w14-size); line-height:22px; line-height:var(--paragraph-m14-w14-line-height) } .gray-08, .search-popover__content .results .suggest-search a, .search-popover__content .results li a, .search-popover__content .search-support__item .suggest-search a, .search-popover__content .search-support__item li a { color:#1d2127; color:var(--gray-08) } body #tap, html #tap { background:#f5f7f8; background:var(--extension-background-gray) } body .nav-item__link, html .nav-item__link { display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; height:100%; padding-left:15px; text-decoration:none } body .nav-item__link-icon, html .nav-item__link-icon { width:28px; height:29px } body .nav-item__link-title, html .nav-item__link-title { margin-left:10px; color:#1d2127; color:var(--gray-08) } li { list-style:none } .taptap { display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-pack:justify; -ms-flex-pack:justify; justify-content:space-between; max-width:1496px; margin:0 auto; position:relative } .taptap__header { -webkit-box-flex:0; -ms-flex:0 0 248px; flex:0 0 248px; padding-left:16px; -webkit-box-sizing:border-box; box-sizing:border-box; position:relative } .taptap__header-container { font-size:0; position:-webkit-sticky; position:sticky; top:0 } .taptap__header-container-logo { width:123px; height:63px; display:inline-block; margin:0 0 0 8px } .taptap__header-container-logo img { width:100% } .taptap__header-container-logo--wide { width:100%; height:100%; fill:#15c5ce; fill:var(--primary-tap-blue) } .taptap__header-container-logo--narrow { display:none; width:100%; height:100%; border-radius:50%; background:-webkit-gradient(linear, left top, left bottom, from(#16d1d6), to(#14b9c6)); background:linear-gradient(180deg, #16d1d6, #14b9c6); fill:#fff; fill:var(--primary-white) } .taptap__header-container-nav { margin-top:25px } .taptap__header-container-nav .taptap__header-container-nav-item { width:100%; height:48px; margin-bottom:15px } .taptap__header-container-nav .taptap__header-container-nav-item .nav-item__link { -webkit-transition:background-color .2s; transition:background-color .2s; font-weight:700; border-radius:38px } .taptap__header-container-nav .taptap__header-container-nav-item:hover .nav-item__link { background-color:rgba(0, 0, 0, .06); background-color:var(--extension-overlay-black) } .taptap__header-container-nav .taptap__header-container-nav-item.active .nav-item__link { background-color:#fff; background-color:var(--primary-white); color:#15c5ce; color:var(--primary-tap-blue) } .taptap__header-container-nav .taptap__header-container-nav-item.active .nav-item__link .nav-item__link-title { color:#15c5ce; color:var(--primary-tap-blue); font-weight:700 } .taptap__main { max-width:1248px; width:100%; padding-left:140px; -webkit-box-sizing:border-box; box-sizing:border-box } .taptap__main-header { display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-pack:justify; -ms-flex-pack:justify; justify-content:space-between; -webkit-box-align:center; -ms-flex-align:center; align-items:center; z-index:200; height:64px } @media only screen and (max-width:499px) { .taptap__main-header { height:52px } } .taptap__main-transition .taptap__main-header:after { content:none } .taptap__main-header:after { content:""; position:absolute; width:16px; height:100%; left:-16px; top:0; background:#f5f7f8; background:var(--extension-background-gray) } .taptap__main-header .van-sticky { display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-pack:justify; -ms-flex-pack:justify; justify-content:space-between; width:100%; -webkit-box-sizing:border-box; box-sizing:border-box; padding:0 16px } .taptap__main--no-header .taptap__main-header .van-sticky { padding:0 } .taptap__main-header.taptap_main-header--fixed .taptap__main-header-title .back-button { border-radius:20px; background:rgba(0, 0, 0, .4); background:rgba(0, 0, 0, .4); width:40px; height:40px; -webkit-box-sizing:border-box; box-sizing:border-box; -webkit-box-align:center; -ms-flex-align:center; align-items:center; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; -ms-flex-negative:0; flex-shrink:0; margin-left: 20px } @media only screen and (max-width:499px) { .taptap__main-header.taptap_main-header--fixed .taptap__main-header-title .back-button { margin-left:16px } } .taptap__main-header.taptap_main-header--fixed .taptap__main-header-title .back-button .svg-icon { fill:#fff; } .taptap__main-header.taptap_main-header--fixed .taptap__main-header-title .mobile-nav__title { -ms-flex-negative:1; flex-shrink:1 } .taptap__main-header-content-wrap { width:100%; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center } .taptap__main-header-content { width:600px } .taptap__main-header-content, .taptap__main-header-title { display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center } .taptap__main-header-title { font-size:20px; height:100%; color:#15c5ce; color:var(--primary-tap-blue); width:100% } .taptap__main-header-title .icon-ico-m28-w28-web-back { cursor:pointer; max-height:56px; fill:#1d2127; fill:var(--gray-08) } .mobile-nav__title { margin-left:14px; color:#1d2127; color:var(--gray-08); width:100%; display:-webkit-box; overflow:hidden; -webkit-box-orient:vertical; -webkit-line-clamp:1; text-overflow:ellipsis; word-wrap:break-word; word-break:break-word; -webkit-box-flex:1; -ms-flex:1; flex:1 } .taptap__top-operation-wrap { width:368px; padding:12px 14px 12px 0; -webkit-box-pack:end; -ms-flex-pack:end; justify-content:flex-end; position:relative; margin-left:12px } .taptap__top-operation-wrap, .top-operation__search { display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; -webkit-box-sizing:border-box; box-sizing:border-box } .top-operation__search { width:196px; background:#fff; background:var(--primary-white); border-radius:20px; color:#b9bec1; color:var(--gray-04) } .top-operation__search-icon { width:1.2em; margin-right:12px } .top-operation__avatar, .top-operation__notification, .top-operation__post, .top-operation__search-small { width:40px; height:40px; margin-left:12px; border-radius:20px; background:#fff; background:var(--primary-white); display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center } @media only screen and (min-width:499px) { .top-operation__notification:hover, .top-operation__post:hover { background:rgba(0, 0, 0, .06); background:var(--extension-overlay-black) } } .top-operation__search-small { width:auto; -webkit-box-flex:1; -ms-flex:1; flex:1; margin-left:0 } .taptap__main-wrap { display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-pack:justify; -ms-flex-pack:justify; justify-content:space-between } .taptap__main-container { width:600px; height:100% } .taptap__aside-container, .taptap__main-container { -webkit-box-sizing:border-box; box-sizing:border-box } .taptap__aside-container { width:384px; padding-right:16px; padding-left:16px } .taptap__aside { position:-webkit-sticky; position:sticky } .mobile-tabbar { position:fixed; bottom:0; left:0; width:100%;/*! autoprefixer: off */ height:50px; height:calc(50px + var(--safe-area-inset-bottom));/*! autoprefixer: off */ padding-bottom:0; padding-bottom:calc(var(--safe-area-inset-bottom)); z-index:299; background:#fff; background:var(--primary-white); transition:padding-bottom .1s; box-sizing:border-box; justify-content:space-around; align-items:center; box-shadow:0 -.5px 0 rgba(25, 49, 55, .3); color:#868c92; color:var(--gray-06); display:none } @media only screen and (max-width:1280px) { .taptap__main { padding-left:32px } .taptap__aside-container, .taptap__top-operation-wrap { -webkit-box-flex:1; -ms-flex:1; flex:1; padding-left:32px; width:auto; margin-left:0 } } @media only screen and (max-width:1024px) { .taptap__aside-container, .taptap__main, .taptap__top-operation-wrap { padding-left:16px } } @media only screen and (max-width:1220px) { .taptap__header { -webkit-box-flex:1; -ms-flex:1; flex:1 } .taptap__main { width:972px } .taptap__aside-container { width:340px } } @media only screen and (max-width:1182px) { .taptap__header-container { width:48px } .taptap__header-container-logo { width:48px; height:48px; border-radius:50%; overflow:hidden; margin:12px 0 3px } .nav-item__link { height:48px; width:48px; line-height:48px; text-align:center; padding:0; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center } .nav-item__link-title, .taptap__header-container-logo--wide { display:none } .taptap__header-container-logo--narrow { display:block } } @media only screen and (max-width:1025px) { .taptap__main-header:after, .taptap__main-header:before { display:none } .taptap__aside-container { width:0 } } @media only screen and (max-width:996px) { .taptap__main { padding-left:0 } .taptap__header { -webkit-box-flex:0; -ms-flex:0 0 64px; flex:0 0 64px } .taptap__main-header { width:600px; margin:0 auto } .taptap__main-transition .taptap__main-header:before { content:none } .taptap__main-header:before { content:""; position:absolute; width:16px; height:100%; right:-16px; top:0; background:#f5f7f8; background:var(--extension-background-gray) } .taptap__main-header.taptap_main-header--fixed { z-index:300; background:transparent } .taptap__main-header.taptap_main-header--fixed:not(.taptap-sticky) { position:relative } .taptap__main-header.taptap_main-header--fixed .van-sticky { background:transparent } .taptap__main-header.taptap_main-header--fixed .top-operation__search-small { background:rgba(0, 0, 0, .4); background:rgba(0, 0, 0, .4); -webkit-box-flex:initial; -ms-flex:initial; flex:initial } .taptap__main-header.taptap_main-header--fixed .taptap__main-header-content { margin-right:0 } .taptap__main-header.taptap_main-header--fixed .tap-search-box__wrapper .tap-search-box__trigger .icon-mobile-search, .taptap__main-header.taptap_main-header--fixed .tap-search-box__wrapper .tap-search-box__trigger .tap-search-box__trigger-icon { fill:#fff; fill:var(--extension-button-label-white) } .taptap__top-operation-wrap { -webkit-box-flex:inherit; -ms-flex:inherit; flex:inherit; -ms-flex-negative:0; flex-shrink:0; padding-left:0 } .taptap__aside-container, .taptap__top-operation-wrap .top-operation__post { display:none } .taptap__main-wrap { -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center } .top-operation__search-small { width:40px } .top-operation__search-small:not(.top-operation__search-full) { margin-left:12px } .taptap__main-header-content { margin-right:32px } .taptap__main--no-header .taptap__main-header-content { margin-right:0 } } @media only screen and (min-width:499px) { .taptap__main-header:not(.taptap_main-header--fixed), .taptap__top-operation-wrap--outside { background:#f5f7f8; background:var(--extension-background-gray) } .taptap__main-header-content { height:64px; position:relative } } @media only screen and (max-width:688px) { .taptap__main { -webkit-box-flex:1; -ms-flex:1; flex:1; width:0 } .taptap__main-header { -webkit-box-sizing:border-box; box-sizing:border-box; width:100%; padding:0 16px } .taptap__main-header:after, .taptap__main-header:before { display:none } .taptap__main-wrap { padding:0 16px } .taptap__main-container { width:100% } .taptap__main-header-content { width:0; -webkit-box-flex:1; -ms-flex:1; flex:1 } .taptap__main-header-content-wrap .taptap__main-header-content { width:auto } } @media only screen and (max-width:499px) { .taptap__header { display:none } .mobile-tabbar { display:-webkit-box; display:-ms-flexbox; display:flex } .taptap__main { padding:0; margin:0 } .taptap__main-header { padding:0; -webkit-box-sizing:content-box; box-sizing:content-box; background:#f5f7f8; background:var(--extension-background-gray) } .taptap__main-header.taptap__main-header--line .van-sticky { -webkit-box-shadow:inset 0 -.5px 0 rgba(29, 33, 39, .12); -webkit-box-shadow:inset 0 -.5px 0 var(--extension-divider-gray); box-shadow:inset 0 -.5px 0 rgba(29, 33, 39, .12); box-shadow:inset 0 -.5px 0 var(--extension-divider-gray) } .taptap__main-header .van-sticky { background:#fff; background:var(--primary-white); -webkit-box-sizing:content-box; box-sizing:content-box; width:calc(100% - 32px) } .taptap__main--no-header .taptap__main-header .van-sticky { width:100% } .taptap__main-header.taptap_main-header--fixed .taptap__main-header-title .back-button { width:28px; height:28px; margin-left:0 } .taptap__main-header.taptap_main-header--fixed .taptap__main-header-title .back-button .svg-icon { font-size:20px; width:20px; height:20px } .taptap__main-header.taptap_main-header--fixed .top-operation__avatar, .taptap__main-header.taptap_main-header--fixed .top-operation__notification, .taptap__main-header.taptap_main-header--fixed .top-operation__post, .taptap__main-header.taptap_main-header--fixed .top-operation__search-small { -webkit-box-shadow:none; box-shadow:none } .taptap__main-wrap { padding:0 } .taptap__top-operation-wrap { padding-right:0 } .taptap__main-container { border-radius:0 } .taptap__main-header-content { margin-right:0 } .taptap__main-header-content, .taptap__top-operation-wrap { -webkit-transition:margin-top .1s; transition:margin-top .1s } .top-operation__search-small.top-operation__search-full { height:32px; -webkit-box-sizing:border-box; box-sizing:border-box; background:#f5f7f8; background:var(--gray-01); -webkit-box-shadow:none; box-shadow:none } .top-operation__avatar, .top-operation__notification, .top-operation__post, .top-operation__search-small { height:28px; width:28px } } .header-popover__menu-item, .search-popover__content .results .suggest-search, .search-popover__content .results li, .search-popover__content .search-support__item .suggest-search, .search-popover__content .search-support__item li { padding:8px; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; cursor:pointer } .header-popover__menu-item.active, .header-popover__menu-item:hover, .search-popover__content .results .active.suggest-search, .search-popover__content .results .suggest-search:hover, .search-popover__content .results li.active, .search-popover__content .results li:hover, .search-popover__content .search-support__item .active.suggest-search, .search-popover__content .search-support__item .suggest-search:hover, .search-popover__content .search-support__item li.active, .search-popover__content .search-support__item li:hover { background:rgba(0, 0, 0, .06); background:var(--extension-overlay-black); border-radius:6px } .search-popover__content .results, .search-popover__content .search-support__item { display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-orient:vertical; -webkit-box-direction:normal; -ms-flex-direction:column; flex-direction:column; cursor:pointer } .search-popover__content .results .list, .search-popover__content .search-support__item .list { display:-webkit-box; display:-ms-flexbox; display:flex } .search-popover__content .results .suggest-search, .search-popover__content .results li, .search-popover__content .search-support__item .suggest-search, .search-popover__content .search-support__item li { -webkit-box-flex:1; -ms-flex:1; flex:1; display:-webkit-box; display:-ms-flexbox; display:flex; position:relative; -webkit-box-pack:justify; -ms-flex-pack:justify; justify-content:space-between } .search-popover__content .results .suggest-search a, .search-popover__content .results li a, .search-popover__content .search-support__item .suggest-search a, .search-popover__content .search-support__item li a { -webkit-box-flex:1; -ms-flex:1; flex:1; height:auto; padding:0 } .search-popover__content .results .suggest-search a em, .search-popover__content .results li a em, .search-popover__content .search-support__item .suggest-search a em, .search-popover__content .search-support__item li a em { font-style:normal; color:#15c5ce; color:var(--primary-tap-blue) } .search-popover__content .results .suggest-search .clear, .search-popover__content .results li .clear, .search-popover__content .search-support__item .suggest-search .clear, .search-popover__content .search-support__item li .clear { visibility:hidden; position:absolute; right:0; top:0; height:100%; padding:8px 15px 8px 8px; margin:0; border:none; background-color:transparent } .search-popover__content .results .suggest-search:hover, .search-popover__content .results li:hover, .search-popover__content .search-support__item .suggest-search:hover, .search-popover__content .search-support__item li:hover { background:rgba(0, 0, 0, .06); background:var(--extension-overlay-black); border-radius:6px } @media only screen and (min-width:499px) { .search-popover__content .results .suggest-search:hover .clear, .search-popover__content .results li:hover .clear, .search-popover__content .search-support__item .suggest-search:hover .clear, .search-popover__content .search-support__item li:hover .clear { visibility:visible; cursor:pointer } .search-popover__content .results .suggest-search:hover .clear:before, .search-popover__content .results li:hover .clear:before, .search-popover__content .search-support__item .suggest-search:hover .clear:before, .search-popover__content .search-support__item li:hover .clear:before { content:" "; display:block; background:url(https://assets.tapimg.com/img/background/main_icons.png?20180305=) no-repeat -20px -55px; background-size:52px; height:16px; width:16px; margin-top:-1px } } .search-popover__content .results { display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-orient:vertical; -webkit-box-direction:normal; -ms-flex-direction:column; flex-direction:column; cursor:pointer } .search-popover__content .results .list, .search-popover__content .results .list-unstyled { width:100% } .search-popover__content .results .loading { display:none; padding:12px 0; text-align:center } .popover--no-position { position:static!important } .user-menu__popover, .user-notification__popover { width:352px; background:#fff; background:var(--primary-white); box-shadow:0 6px 32px rgba(0, 0, 0, .4); box-shadow:0 6px 32px rgba(0, 0, 0, .4); border-radius:10px; z-index:1;/*! autoprefixer: off */ margin-top:0; margin-top:calc(var(--safe-area-inset-top)) } .standalone-layout .user-menu__popover, .standalone-layout .user-notification__popover { margin-top:calc(max(20px, 0)); margin-top:calc(max(20px, var(--safe-area-inset-top))) } .user-menu__popover { width:288px; padding:12px 0; z-index:600 } .user-menu__popover .dropdown-menu { padding:0 16px } .publish-action__popover { padding:0 } .publish-popover__content .content-item__body { padding:8px } .user-notification__popover { padding:0; z-index:600 } .user-notification__popover .taptap-notice-widget { padding:0; overflow:hidden; background:#fff; background:var(--primary-white); border-radius:10px; width:100% } .user-notification__popover .taptap-notice-widget .notice-widget-nav { border-bottom:1px solid rgba(29, 33, 39, .12); border-bottom:1px solid var(--extension-divider-gray); display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-pack:justify; -ms-flex-pack:justify; justify-content:space-between; overflow:hidden } .user-notification__popover .taptap-notice-widget .notice-widget-nav>li { width:100%; height:100%; text-align:center } .user-notification__popover .taptap-notice-widget .notice-widget-nav>li:last-child { margin-right:0 } .user-notification__popover .taptap-notice-widget .notice-widget-nav>li>a { padding:0; border-left:none; background:none } .user-notification__popover .taptap-notice-widget .notice-widget-nav>li.active { position:relative } .user-notification__popover .taptap-notice-widget .notice-widget-nav>li.active>a { border:none; color:#1d2127; color:var(--gray-08); background:#fff; background:var(--primary-white) } .user-notification__popover .taptap-notice-widget .notice-widget-nav>li .unread:after { content:""; display:inline-block; vertical-align:top; width:6px; height:6px; margin-top:2px; margin-left:-2px; background:#f64c4c; background:var(--primary-red); border-radius:50% } .user-notification__popover .taptap-notice-widget .notice-widget-nav>li>a { font-size:12px; color:#868c92; color:var(--gray-06); background:#f5f7f8; background:var(--gray-01); border-left:1px solid #ebeff0; border-left:1px solid var(--gray-02); padding:10px 0; display:inline-block; width:100%; line-height:20px } .user-notification__popover .taptap-notice-widget .notice-widget-nav>li>a>span { color:#f64c4c; color:var(--primary-red) } .user-notification__popover .taptap-notice-widget .notice-widget-list .tab-pane { display:none } .user-notification__popover .taptap-notice-widget .notice-widget-list .tab-pane.active { display:block } .user-notification__popover .taptap-notice-widget .notice-widget-list .notice-window { position:relative; margin:0; height:318px; overflow:auto; padding:0 21px 0 16px; -webkit-overflow-scrolling:touch } .user-notification__popover .taptap-notice-widget .notice-widget-list .notice-window .loading { position:absolute; top:144px; left:0; right:0; margin:0 auto; text-align:center } .user-notification__popover .taptap-notice-widget .notice-widget-list .notice-window .loading>img { width:30px } .user-notification__popover .taptap-notice-widget .notice-widget-list .widget-list-footer { padding:10px 16px; border-top:1px solid rgba(29, 33, 39, .12); border-top:1px solid var(--extension-divider-gray); overflow:hidden } .user-notification__popover .taptap-notice-widget .notice-widget-list .widget-list-footer:after { content:""; display:table; clear:both } .user-notification__popover .taptap-notice-widget .notice-widget-list .widget-list-footer .btn-link { float:left; padding:0; line-height:20px; border:none } .user-notification__popover .taptap-notice-widget .notice-widget-list .widget-list-footer .btn-link.all { float:right; font-size:12px; color:#777 } .user-notification__popover .taptap-notice-widget .notice-widget-list .widget-list-footer .btn-link.control { margin-right:10px } .user-notification__popover .taptap-notice-widget .notice-widget-list .widget-list-footer .btn-link.control>i { background-position:-22px -26px } .user-notification__popover .taptap-notice-widget .notice-widget-list .widget-list-footer .btn-link.control-ban { margin-right:10px } .user-notification__popover .taptap-notice-widget .notice-widget-list .widget-list-footer .btn-link.control-ban>i { background-position:-22px -48px } .user-notification__popover .taptap-notice-widget .notice-widget-list .widget-list-footer .btn-link.config:hover>i { background-position:0 -70px } .user-notification__popover .taptap-notice-widget .notice-widget-list .widget-list-footer .btn-link.config>i { background-position:-22px -70px } .user-notification__popover .taptap-notice-widget .notice-widget-list .widget-list-footer .btn-link>i { display:block; width:20px; height:20px; background:url(https://img.tapimg.com/market/images/46923bd352e737201fe73fa052252fae.png) no-repeat; background-size:42px } .user-notification__popover .taptap-notice-widget .notice-widget-loading { margin:20px auto; width:30px; height:30px } .user-notification__popover .taptap-notice-widget .notice-widget-loading>img { width:100% } .taptap-notice-bell { position:relative } .taptap-notice-bell.unread:before { content:""; position:absolute; -webkit-box-sizing:border-box; box-sizing:border-box; right:-5px; top:-5px; width:10px; height:10px; background:#f64c4c; background:var(--primary-red); border-radius:100px } .notice-item { color:#1d2127; color:var(--gray-08); position:relative; padding:15px 0 } .notice-item:not(:last-child) { border-bottom:1px solid #ebeff0; border-bottom:1px solid var(--gray-02) } .notice-item.unread .sender { position:relative } .notice-item.unread .sender:before { content:""; display:block; width:8px; height:8px; background-color:#f64c4c; background-color:var(--primary-red); border-radius:50%; position:absolute; top:50%; left:-14px; margin-top:-4px } .notice-item .delete-btn { color:#15c5ce; color:var(--primary-tap-blue); font-size:13px; margin-left:20px; cursor:pointer } .notice-item p { margin:0 } .notice-item .sender { float:left; display:block; height:40px; padding:0; width:40px } .notice-item .sender img { width:100%; border-radius:50%; border:1px solid #ebeff0; border:1px solid var(--gray-02) } .notice-item .no-sender { padding-left:50px; position:relative } .notice-item .no-sender img { height:40px; border-radius:50%; position:absolute; left:0; top:0 } .notice-item .notice-desc-mobile.is_widgets { margin-left:45px; padding:3px 5px; font-size:13px; color:#b9bec1; color:var(--gray-04); background:#f5f7f8; background:var(--gray-01); border-radius:3px; display:-webkit-box; overflow:hidden; -webkit-box-orient:vertical; -webkit-line-clamp:2; text-overflow:ellipsis } .notice-item .inbox-title a { font-size:14px; color:#868c92; color:var(--gray-06) } .notice-item .notice-description { color:#b9bec1; color:var(--gray-04); line-height:20px } .notice-item .notice-description.is_widgets { font-weight:500; margin-top:6px; margin-bottom:12px } .notice-item .notice-description.notice-tit { font-size:14px; color:#1d2127; color:var(--gray-08) } .notice-item .notice-description:not(.non-clamp) { display:-webkit-box; overflow:hidden; -webkit-box-orient:vertical; -webkit-line-clamp:2; text-overflow:ellipsis } .notice-item .notice-description a { color:inherit } .notice-item .notice-desc { margin-left:45px; padding:3px 5px; font-size:13px; color:#b9bec1; color:var(--gray-04); background:#f5f7f8; background:var(--gray-01); border-radius:3px; display:-webkit-box; overflow:hidden; -webkit-box-orient:vertical; -webkit-line-clamp:2; text-overflow:ellipsis } .notice-item .right-block { float:right; text-align:right; line-height:normal; white-space:nowrap } .notice-item .right-block .hide { display:none } .notice-item .taptap-button-friendship { position:absolute; right:0; top:50%; min-width:70px; padding:0 5px; font-size:14px; -webkit-transform:translateY(-50%); transform:translateY(-50%); height:28px; line-height:28px; border:1px solid transparent } .notice-item .taptap-button-friendship.btn-default { border-radius:3px; background:none; border-color:#15c5ce; border-color:var(--primary-tap-blue); color:#15c5ce; color:var(--primary-tap-blue) } .notice-item .taptap-button-friendship.active { color:#b9bec1; color:var(--gray-04); border-color:rgba(29, 33, 39, .12); border-color:var(--extension-divider-gray) } .notice-item .taptap-button-friendship.active .unfollow { display:none } .notice-item .taptap-button-friendship.active:hover .unfollow { display:block } .notice-item .taptap-button-friendship.active:hover .following { display:none } .notice-item .notice-time { color:#b9bec1; color:var(--gray-04); font-size:12px } .notice-item.in-box-notice .notice-content { overflow:visible } .notice-item .notice-content, .notice-item .notice-info { position:relative; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-orient:vertical; -webkit-box-direction:normal; -ms-flex-direction:column; flex-direction:column; padding-left:10px } .notice-item .notice-content.is_widgets, .notice-item .notice-info.is_widgets { font-weight:500; margin-top:4px; margin-bottom:8px } .notice-item .notice-content.is_widgets a, .notice-item .notice-info.is_widgets a { font-size:14px; color:#1d2127; color:var(--gray-08) } .notice-item .collapse-menu, .sender-info .collapse-menu { position:relative; height:20px; line-height:16px; display:inline-block; vertical-align:middle; cursor:pointer; z-index:100 } .notice-item .collapse-menu .icon-font, .sender-info .collapse-menu .icon-font { color:#b9bec1; color:var(--gray-04); padding:0; line-height:normal } .notice-item .collapse-menu .icon-font:active, .sender-info .collapse-menu .icon-font:active { -webkit-box-shadow:none; box-shadow:none } .notice-item .collapse-menu .operation-menu, .sender-info .collapse-menu .operation-menu { position:absolute; right:8px; top:20px; left:unset; width:110px; border:none; padding:0; background:#fff; background:var(--primary-white); border-radius:3px; -webkit-box-shadow:0 2px 2px rgba(0, 0, 0, .05); box-shadow:0 2px 2px rgba(0, 0, 0, .05); -webkit-box-shadow:0 1px 4px 0 rgba(0, 0, 0, .12); box-shadow:0 1px 4px 0 rgba(0, 0, 0, .12) } .notice-item .collapse-menu .operation-menu .icon-font, .sender-info .collapse-menu .operation-menu .icon-font { color:#b9bec1; color:var(--gray-04) } .notice-item .collapse-menu .menu-item, .sender-info .collapse-menu .menu-item { width:100%; height:36px; line-height:36px; font-size:13px; text-align:center; cursor:pointer } .notice-item .collapse-menu .menu-item .taptap-button-friendship, .sender-info .collapse-menu .menu-item .taptap-button-friendship { background:none; color:inherit; border:none; padding:0; width:100%; height:100%; font-size:inherit } .notice-item .collapse-menu .menu-item .taptap-button-friendship .unfollow, .sender-info .collapse-menu .menu-item .taptap-button-friendship .unfollow { display:block } .notice-item .collapse-menu .menu-item .taptap-button-friendship .following, .sender-info .collapse-menu .menu-item .taptap-button-friendship .following { display:none } .notice-item__follow-info { display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; -webkit-box-pack:justify; -ms-flex-pack:justify; justify-content:space-between } .notice-item__follow-info .taptap-button-friendship { position:static; display:block; -webkit-transform:inherit; transform:inherit; font-size:12px; min-width:56px; line-height:26px; height:26px } .notice-item__follow-info .notice-content { width:calc(100% - 50px); padding:0 } .notice-item__follow-info .notice-title { display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; -webkit-box-pack:justify; -ms-flex-pack:justify; justify-content:space-between } .notice-item__follow-info .notice-title>a { -webkit-box-flex:1; -ms-flex:1; flex:1; max-height:40px; display:-webkit-box; overflow:hidden; -webkit-box-orient:vertical; -webkit-line-clamp:2; text-overflow:ellipsis } .notice-item__follow-info .block-time__follow-btn .notice-time { display:block; margin-bottom:10px; text-align:right } .none-notice-wrap { padding:80px 0; text-align:center; color:#b9bec1; color:var(--gray-04) } .none-notice-wrap .none-image { width:115px; margin-bottom:15px } .none-notice-wrap .none-text { font-size:14px } @-webkit-keyframes width-zero-to-fit { 0% { margin:0 50% } to { margin:0 8px } } @keyframes width-zero-to-fit { 0% { margin:0 50% } to { margin:0 8px } } .tap-page-transition .top-operation__search { -webkit-box-sizing:border-box; box-sizing:border-box; height:40px; background:#fff; background:var(--primary-white); border-radius:20px; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; color:#b9bec1; color:var(--gray-04); border:1px solid #ebeff0; border:1px solid var(--gray-02) } @media only screen and (max-width:996px) { .tap-page-transition .taptap__main-transition .taptap__main-header { margin:0 } .tap-page-transition .top-operation__search { padding:0; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center } .tap-page-transition .top-operation__search .top-operation__search-icon { margin-right:0 } .tap-page-transition .top-operation__search>span { display:none } } .tap-page-transition .taptap__main-wrap--overflow-auto { overflow:auto } @media only screen and (max-width:1334px) { .tap-page-transition .taptap__main { overflow:hidden } .tap-page-transition .nav-sidebar-main {/*! autoprefixer: off */ padding-top:64px; padding-top:calc(64px + var(--safe-area-inset-top)) } .standalone-layout .tap-page-transition .nav-sidebar-main { padding-top:calc(64px + max(20px, 0)); padding-top:calc(64px + max(20px, var(--safe-area-inset-top))) } .tap-page-transition .taptap__main-header { position:fixed; width:calc(100% - 242px); right:0; left:auto } } @media only screen and (max-width:1220px) { .tap-page-transition .taptap__main-header { width:calc(100% - 196px) } } @media only screen and (max-width:1182px) { .tap-page-transition .taptap__main-header { width:calc(100% - 64px) } } @media only screen and (max-width:688px)and (min-width:499px) { .tap-page-transition .top-operation__search { width:auto!important } } @media only screen and (max-width:499px) { .tap-page-transition .publish-action__popover { width:calc(100% - 32px) } .tap-page-transition .taptap__main { overflow:hidden } .tap-page-transition .taptap__main-header { position:static; width:100% } .tap-page-transition .nav-sidebar-main { padding-top:0!important } .tap-page-transition .top-operation__search { height:32px; border:1px solid #ebeff0; border:1px solid var(--gray-02); background:#f5f7f8; background:var(--gray-01) } .tap-page-transition .search-input { font-size:14px } } @media only screen and (min-width:499px) { .tap-page-transition .top-operation__search { width:380px; position:fixed; top:12px; left:50%; -webkit-transform:translateX(-50%); transform:translateX(-50%) } .tap-page-transition .taptap__main-transition { margin-left:16px; padding-left:0 } } .taptap-notice-bell { margin:0!important } .standalone-layout:after { content:""; display:block; height:0; width:100vw; left:0; top:0; right:0; position:fixed; z-index:1000;/*! autoprefixer: off */ padding-top:0; padding-top:calc(var(--safe-area-inset-top)); background:linear-gradient(180deg, rgba(29, 33, 39, .2), transparent 100%, rgba(29, 33, 39, 0) 0) } .standalone-layout .standalone-layout:after { padding-top:calc(max(20px, 0)); padding-top:calc(max(20px, var(--safe-area-inset-top))) } .standalone-layout .taptap__main-header, .standalone-layout__page-media .taptap__main-header { height:auto } @media only screen and (max-width:499px) { .standalone-layout .taptap__main-header.taptap_main-header--top, .standalone-layout__page-media .taptap__main-header.taptap_main-header--top { background:#fff; background:var(--primary-white) } } .standalone-layout .tap-media-page__header .media-modal__header--right, .standalone-layout .taptap__main-header-content, .standalone-layout .taptap__top-operation-wrap, .standalone-layout__page-media .tap-media-page__header .media-modal__header--right, .standalone-layout__page-media .taptap__main-header-content, .standalone-layout__page-media .taptap__top-operation-wrap { transition:margin-top .1s;/*! autoprefixer: off */ margin-top:0; margin-top:calc(var(--safe-area-inset-top)) } .standalone-layout .standalone-layout .tap-media-page__header .media-modal__header--right, .standalone-layout .standalone-layout .taptap__main-header-content, .standalone-layout .standalone-layout .taptap__top-operation-wrap, .standalone-layout .standalone-layout__page-media .tap-media-page__header .media-modal__header--right, .standalone-layout .standalone-layout__page-media .taptap__main-header-content, .standalone-layout .standalone-layout__page-media .taptap__top-operation-wrap { margin-top:calc(max(20px, 0)); margin-top:calc(max(20px, var(--safe-area-inset-top))) } .standalone-layout .taptap__main--no-header .taptap__main-header-content, .standalone-layout__page-media .taptap__main--no-header .taptap__main-header-content { margin-top:0 } .standalone-layout .taptap__main--no-header .taptap__main-header-content .app-detail__header--normal, .standalone-layout__page-media .taptap__main--no-header .taptap__main-header-content .app-detail__header--normal {/*! autoprefixer: off */ margin-top:0; margin-top:calc(var(--safe-area-inset-top)) } .standalone-layout .standalone-layout .taptap__main--no-header .taptap__main-header-content .app-detail__header--normal, .standalone-layout .standalone-layout__page-media .taptap__main--no-header .taptap__main-header-content .app-detail__header--normal { margin-top:calc(max(20px, 0)); margin-top:calc(max(20px, var(--safe-area-inset-top))) } .standalone-layout .taptap__main--home-page .taptap__main-top-wrap .van-sticky.van-sticky--fixed .taptap__main-top-wrap-main, .standalone-layout__page-media .taptap__main--home-page .taptap__main-top-wrap .van-sticky.van-sticky--fixed .taptap__main-top-wrap-main {/*! autoprefixer: off */ padding-top:0; padding-top:calc(var(--safe-area-inset-top)) } .standalone-layout .standalone-layout .taptap__main--home-page .taptap__main-top-wrap .van-sticky.van-sticky--fixed .taptap__main-top-wrap-main, .standalone-layout .standalone-layout__page-media .taptap__main--home-page .taptap__main-top-wrap .van-sticky.van-sticky--fixed .taptap__main-top-wrap-main { padding-top:calc(max(20px, 0)); padding-top:calc(max(20px, var(--safe-area-inset-top))) } .standalone-layout .taptap__header-container, .standalone-layout__page-media .taptap__header-container {/*! autoprefixer: off */ padding-top:0; padding-top:calc(var(--safe-area-inset-top)) } .standalone-layout .standalone-layout .taptap__header-container, .standalone-layout .standalone-layout__page-media .taptap__header-container { padding-top:calc(max(20px, 0)); padding-top:calc(max(20px, var(--safe-area-inset-top))) } .standalone-layout .taptap_main-header--fixed .taptap__main-header-content, .standalone-layout__page-media .taptap_main-header--fixed .taptap__main-header-content {/*! autoprefixer: off */ height:64px; height:calc(64px + var(--safe-area-inset-top));/*! autoprefixer: off */ padding-top:0; padding-top:calc(var(--safe-area-inset-top)); margin-top:0 } .standalone-layout .standalone-layout .taptap_main-header--fixed .taptap__main-header-content, .standalone-layout .standalone-layout__page-media .taptap_main-header--fixed .taptap__main-header-content { height:calc(64px + max(20px, 0)); height:calc(64px + max(20px, var(--safe-area-inset-top))); padding-top:calc(max(20px, 0)); padding-top:calc(max(20px, var(--safe-area-inset-top))) } @media only screen and (max-width:499px) { .standalone-layout .taptap_main-header--fixed .taptap__main-header-content, .standalone-layout__page-media .taptap_main-header--fixed .taptap__main-header-content {/*! autoprefixer: off */ height:56px; height:calc(56px + var(--safe-area-inset-top)) } .standalone-layout .standalone-layout .taptap_main-header--fixed .taptap__main-header-content, .standalone-layout .standalone-layout__page-media .taptap_main-header--fixed .taptap__main-header-content { height:calc(56px + max(20px, 0)); height:calc(56px + max(20px, var(--safe-area-inset-top))) } } .taptap_main-header--fixed .taptap__main-header-content { padding-right:0 } .taptap_main-header--fixed .taptap__main-header-content .taptap__top-operation-wrap { margin-top:0 } .taptap__main-header-content { -webkit-box-sizing:border-box; box-sizing:border-box; margin-right:0 } @media only screen and (max-width:499px) { .taptap__main-header-content { margin-left:0 } } .taptap__main-header-title { -webkit-box-flex:1; -ms-flex:1; flex:1 } .taptap__main-header-title .mobile-nav__title { margin-left:12px; margin-left:var(--space-m8-w12); font-size:22px; font-size:var(--heading-m20-w22-size); line-height:30px; line-height:var(--heading-m20-w22-line-height) } @media only screen and (max-width:499px) { .taptap__main-header-title .mobile-nav__title { font-size:18px; font-size:var(--heading-m16-w18-size); line-height:26px; line-height:var(--heading-m16-w18-line-height) } } .taptap__main-header-icon { width:40px; height:40px; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; -webkit-box-align:center; -ms-flex-align:center; align-items:center; margin-left:12px; border-radius:20px; cursor:pointer } .taptap__main-header-icon.back-button { margin-left:14px } @media only screen and (min-width:499px) { .taptap__main-header-icon:hover { background:rgba(0, 0, 0, .06); background:var(--extension-overlay-black) } } @media only screen and (max-width:996px) { .taptap__main-header-icon, .taptap__main-header-icon:hover { background:#fff; background:var(--primary-white) } .taptap__main-header-icon.back-button, .taptap__main-header-icon.back-button:hover { background:transparent } } @media only screen and (max-width:499px) { .taptap__main-header-icon { width:28px; height:28px; background:#fff; background:var(--primary-white) } .taptap__main-header-icon.back-button { margin-left:0 } .taptap__main-header-icon:hover { background:#fff; background:var(--primary-white) } } .tap-router[data-v-0cf94153] { cursor:pointer } .complain__reason { padding:6px 20px; padding:6px var(--space-m16-w20) } .complain__textarea { font-size:14px; font-size:var(--paragraph-m14-w14-size); line-height:22px; line-height:var(--paragraph-m14-w14-line-height); padding:8px 16px; padding:var(--space-m6-w8) var(--space-m12-w16); border:none; outline:none; width:100%; height:104px; border-radius:6px; border-radius:var(--radius-m4-w6); -webkit-box-sizing:border-box; box-sizing:border-box; background:#f5f7f8; background:var(--gray-01) } .complain .tap-chip { margin-right:8px; margin-right:var(--space-m6-w8); margin-bottom:8px; margin-bottom:var(--space-m6-w8) } .complain__labels { display:-webkit-box; display:-ms-flexbox; display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap; border-bottom:1px solid rgba(29, 33, 39, .12); border-bottom:1px solid var(--extension-divider-gray); padding-bottom:20px; padding-bottom:var(--space-m16-w20); width:100% } .taptap-dialog { z-index:500 } .taptap-dialog, .taptap-dialog__cover { position:fixed; left:0; right:0; bottom:0; top:0 } .taptap-dialog__cover { background:rgba(0, 0, 0, .5); z-index:-1 } .taptap-confirm-modal { width:500px; margin:8% auto; border-radius:5px; overflow:hidden; background:#fff; background:var(--primary-white); -webkit-box-shadow:0 0 20px rgba(0, 0, 0, .4); -webkit-box-shadow:0 0 20px rgba(0, 0, 0, .4); box-shadow:0 0 20px rgba(0, 0, 0, .4); box-shadow:0 0 20px rgba(0, 0, 0, .4) } .taptap-confirm-modal_mobile { width:94.6%; margin:20% auto } .taptap-confirm-modal__header { display:-webkit-box; display:-ms-flexbox; display:flex; padding:15px; border-bottom:1px solid #ebeff0; border-bottom:1px solid var(--gray-02); color:#fff; color:var(--primary-white); background:#15c5ce; background:var(--primary-tap-blue) } .taptap-confirm-modal__header .taptap-confirm-modal__title { margin:0; font-size:18px; line-height:1.42857143; -webkit-box-flex:1; -ms-flex:1; flex:1; color:#fff; color:var(--extension-button-label-white) } .taptap-confirm-modal__header .icon-close-icon { width:24px; height:24px; font-size:24px; font-weight:700; cursor:pointer; fill:#fff; fill:var(--extension-button-label-white) } .taptap-confirm-modal__footer { padding:13px 20px; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-pack:end; -ms-flex-pack:end; justify-content:flex-end } .taptap-confirm-modal__footer .taptap-button { margin-left:20px; line-height:1.2 } .taptap-confirm-modal__footer .van-button--plain { background-color:#fff; background-color:var(--primary-white) } .taptap-confirm-modal_light { position:relative; width:320px; margin:0 auto; top:15% } .taptap-confirm-modal_light .taptap-confirm-modal__header { color:#1d2127; color:var(--gray-08); padding:30px 0 0; border:none; background:transparent; text-align:center } .taptap-confirm-modal_light .icon-close-icon { position:absolute; color:rgba(29, 33, 39, .12); color:var(--extension-divider-gray); right:10px; top:5px } .taptap-confirm-modal_light .taptap-confirm-modal__title { font-size:16px } .taptap-confirm-modal_light .message-box_container_message { padding:20px 25px; font-size:14px; text-align:center } .taptap-confirm-modal_light .taptap-confirm-modal__footer { display:-webkit-box; display:-ms-flexbox; display:flex; padding:0; -ms-flex-pack:distribute; justify-content:space-around; border-top:1px solid #ebeff0; border-top:1px solid var(--gray-02) } .taptap-confirm-modal_light .taptap-confirm-modal__footer .taptap-button { margin:0; height:auto; color:#15c5ce; color:var(--primary-tap-blue); padding:15px 0; border:none; background:transparent; border-radius:0; -webkit-box-flex:1; -ms-flex:1; flex:1 } .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 } .dislike-dialog__contents { padding:28px } .dislike-feedback__close { position:relative; padding-left:10px; margin-left:10px } .dislike-feedback__close:not(:first-child):before { content:""; display:block; background:rgba(29, 33, 39, .12); background:var(--extension-divider-gray); width:1px; height:10px; position:absolute; left:-.5px; top:50%; -webkit-transform:translateY(-50%) scale(1); transform:translateY(-50%) scale(1) } .dislike-feedback__cancel, .dislike-feedback__close { cursor:pointer; white-space:nowrap } .dislike-feedback__text { -webkit-box-flex:1; -ms-flex:1; flex:1; padding-right:8px } .dislike-dialog__description { margin-bottom:10px; line-height:1.2 } .dislike-dialog__reason-item { padding:13px 0; cursor:pointer } .dislike-feedback__wrap { margin-bottom:15px; min-height:20px } .dislike-feedback__wrap .dislike-feedback { -webkit-box-pack:justify; -ms-flex-pack:justify; justify-content:space-between } .dislike-inline-box { width:100%; height:100%; border-radius:initial; background:#f5f7f8; background:var(--gray-01) } .dislike-inline-replace { position:absolute; z-index:2; background:#ebeff0; background:var(--gray-02); width:100%; height:100%; left:0; top:0 } .dislike-inline-inner { text-align:center; -webkit-box-orient:vertical; -webkit-box-direction:normal; -ms-flex-direction:column; flex-direction:column; padding:0 40px } .dislike-inline-inner__text { margin-bottom:20px } .share-dialog__contents { padding:50px 20px } .share-dialog__contents p { font-size:18px; color:#868c92; color:var(--gray-06); margin:0 } .share-dialog__contents p a { color:#15c5ce; color:var(--primary-tap-blue) } .share-dialog { width:339px } .mobile .share-dialog { width:94%; margin:50% auto 0 } .share-dialog p { margin:0 } .share-dialog .share-dialog__contents { position:relative; padding:30px 80px } .mobile .share-dialog .share-dialog__contents { padding:30px 60px } .share-dialog .share-dialog__contents .wechat-in-container, .share-dialog .share-dialog__contents .wechat-out-container { margin-bottom:26px; text-align:center } .share-dialog .share-dialog__contents .wechat-in-container>span, .share-dialog .share-dialog__contents .wechat-out-container>span { display:inline-block; vertical-align:text-bottom; width:25px; height:16px; padding:0 5px; background-color:#868c92; background-color:var(--gray-06); border-radius:3px; font-size:0 } .share-dialog .share-dialog__contents .wechat-in-container>span>i, .share-dialog .share-dialog__contents .wechat-out-container>span>i { display:inline-block; vertical-align:sub; width:3px; height:3px; margin:1.5px; background-color:#fff; background-color:var(--primary-white); border-radius:50% } .share-dialog .share-dialog__contents .wechat-in-container>span>i:first-of-type, .share-dialog .share-dialog__contents .wechat-out-container>span>i:first-of-type { margin-left:0 } .share-dialog .share-dialog__contents .wechat-in-container>span>i:last-of-type, .share-dialog .share-dialog__contents .wechat-out-container>span>i:last-of-type { margin-right:0 } .share-dialog .share-dialog__contents .wechat-in-container>p, .share-dialog .share-dialog__contents .wechat-out-container>p { display:inline-block; font-size:12px; color:#000; color:var(--primary-black) } .mobile .share-dialog .share-dialog__contents .wechat-out-container { margin-bottom:0 } .share-dialog .share-dialog__contents .wechat-out-container>span { line-height:20px; margin:0 4px } .mobile .share-dialog .share-dialog__contents .wechat-out-container>p, .mobile .share-dialog .share-dialog__contents .wechat-out-container>span { display:none } .share-dialog .share-dialog__contents .bar-code { position:relative; margin:0 auto 30px; padding:5px; width:130px; height:130px; border:1px solid #ebeff0; border:1px solid var(--gray-02) } .mobile .share-dialog .share-dialog__contents .bar-code { display:none } .share-dialog .share-dialog__contents .bar-code>canvas { width:100%; height:100% } .share-dialog .share-dialog__contents .bar-code .wechat-icon { background:url(https://assets.tapimg.com/img/background/footer-icons@2x.png) no-repeat 0 -290px; background-size:120px; position:absolute; top:50%; left:50%; margin-top:-20px; margin-left:-20px; width:40px; height:40px } .share-dialog .share-dialog__contents .share-container { height:30px; font-size:0; text-align:center } .share-dialog .share-dialog__contents .share-container .copy-link, .share-dialog .share-dialog__contents .share-container .facebook, .share-dialog .share-dialog__contents .share-container .qq, .share-dialog .share-dialog__contents .share-container .weibo { display:inline-block; width:30px; height:30px; margin:0 1.5px 0 0; background:url(https://assets.tapimg.com/img/background/share-icons@2x.png) no-repeat 0 0; background-size:30px } .mobile .share-dialog .share-dialog__contents .share-container .copy-link, .mobile .share-dialog .share-dialog__contents .share-container .facebook, .mobile .share-dialog .share-dialog__contents .share-container .qq, .mobile .share-dialog .share-dialog__contents .share-container .weibo { margin:0 10px 0 0 } .share-dialog .share-dialog__contents .share-container .weibo { margin:0 1.5px; background:url(https://assets.tapimg.com/img/background/share-icons@2x.png) no-repeat 0 -32px; background-size:30px } .mobile .share-dialog .share-dialog__contents .share-container .weibo { margin:0 10px } .share-dialog .share-dialog__contents .share-container .qq { margin:0 1.5px; background:url(https://assets.tapimg.com/img/background/share-icons@2x.png) no-repeat 0 -64px; background-size:30px } .mobile .share-dialog .share-dialog__contents .share-container .qq { margin:0 10px } .share-dialog .share-dialog__contents .share-container .copy-link { margin:0 0 0 1.5px; background:url(https://assets.tapimg.com/img/background/share-icons@2x.png) no-repeat 0 -96px; background-size:30px; cursor:pointer } .mobile .share-dialog .share-dialog__contents .share-container .copy-link { margin:0 0 0 10px } .download-client-modal__description { white-space:pre-wrap } .download-client-modal .taptap-confirm-modal_mobile { margin:50% 30px 0; width:unset } .download-client-modal .taptap-confirm-modal__header { height:62px; background:none; border:none; position:relative; -webkit-box-sizing:border-box; box-sizing:border-box } .download-client-modal .taptap-confirm-modal__header .icon-close-icon { position:absolute; right:15px; top:15px; color:#b9bec1; color:var(--gray-04); font-size:18px; width:20px; height:20px } .download-client-modal .taptap-confirm-modal__title { text-align:center; font-size:24px; color:#1d2127; color:var(--gray-08); line-height:1.2; -webkit-box-flex:0; -ms-flex:none; flex:none; position:absolute; width:100%; padding:0 15px; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; left:0; top:30px; -webkit-box-sizing:border-box; box-sizing:border-box } .download-client-modal .download-client-modal__button { min-width:205px; margin-bottom:20px } .download-client-modal .download-client-modal__description, .download-client-modal .download-client-modal__sub-title { white-space:pre-wrap; margin-bottom:20px; font-size:13px } .taptap-popover { position:relative } .taptap-popover__trigger-wrap, .user-avatar { display:inline-block } .user-avatar:after { border:1px solid #d2d7d9; border:1px solid var(--gray-03) } .tap-avatar { display:-webkit-inline-box; display:-ms-inline-flexbox; display:inline-flex } .tap-avatar.tap-avatar--round { border-radius:50% } .tap-avatar--x-small { width:28px; height:28px } .tap-avatar--small { width:48px; height:48px } .tap-avatar--medium { width:64px; height:64px } .tap-avatar--medium-small { width:40px; height:40px } .tap-avatar--large { width:88px; height:88px } .tap-avatar--wide-screen.tap-avatar--x-small { width:36px; height:36px } .tap-avatar--wide-screen.tap-avatar--medium-small { width:48px; height:48px } .tap-avatar--wide-screen.tap-avatar--small { width:56px; height:56px } .tap-avatar--wide-screen.tap-avatar--medium { width:72px; height:72px } .tap-avatar--wide-screen.tap-avatar--large { width:96px; height:96px } .user-avatar { display:-webkit-inline-box; display:-ms-inline-flexbox; display:inline-flex; position:relative; border-radius:50% } .user-avatar:after { content:""; display:block; position:absolute; left:0; top:0; width:200%; height:200%; -webkit-transform-origin:left top; transform-origin:left top; -webkit-transform:scale(.5); transform:scale(.5); -webkit-box-sizing:border-box; box-sizing:border-box; border:1px solid rgba(0, 0, 0, .06); border:1px solid var(--extension-overlay-black); border-radius:50%; z-index:-1 } .user-avatar .taptap-popover__trigger-wrap { display:-webkit-box; display:-ms-flexbox; display:flex } .user-avatar--default { width:50px; height:50px } .user-avatar__verified-reason { position:absolute; bottom:4px; left:50%; -webkit-transform:translateX(-50%); transform:translateX(-50%); border-radius:3px; font-size:12px; padding:8px; text-align:center; line-height:1.428; z-index:1; background:#fff; background:var(--primary-white); white-space:nowrap; border:1px solid rgba(29, 33, 39, .12); border:1px solid var(--extension-divider-gray); opacity:.9; -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) } .user-avatar__verified-reason .verified-arrow { background:#fff; background:var(--primary-white); background:#f5f7f8; background:var(--gray-01); border-radius:3px; -webkit-box-shadow:0 2px 2px rgba(0, 0, 0, .05); box-shadow:0 2px 2px rgba(0, 0, 0, .05); border:none } .user-avatar__verified-reason .verified-arrow:after, .user-avatar__verified-reason .verified-arrow:before { position:absolute; height:0; width:0; border:solid transparent; content:" "; pointer-events:none } .user-avatar__verified-reason .verified-arrow:after { border-width:5px; border-color:transparent } .user-avatar__verified-reason .verified-arrow:before { border-width:6px; border-color:transparent } .user-avatar__verified-reason .verified-arrow:after, .user-avatar__verified-reason .verified-arrow:before { top:100%; left:50% } .user-avatar__verified-reason .verified-arrow:after { margin-left:-5px; border-top-color:#fff; border-top-color:var(--primary-white) } .user-avatar__verified-reason .verified-arrow:before { margin-left:-6px; border-top-color:hsla(0, 100%, 70%, .1); border-top-color:var(--extension-coral-light) } .taptap-popover.user-avatar__verified { position:absolute; bottom:0; right:-5.2%; width:43%; height:43%; z-index:1 } .user-avatar__verified-icon { width:100%; height:100%; display:-webkit-box; display:-ms-flexbox; display:flex } .user-avatar__image { width:100%; height:100%; border-radius:50% } .user-avatar__image img { border-radius:50% } .user-avatar__image__mask { position:absolute; top:0; left:0; border-radius:50%; color:#fff; color:var(--extension-button-label-white); background:rgba(0, 0, 0, .4); background:rgba(0, 0, 0, .4); width:100%; height:100%; -webkit-box-align:center; -ms-flex-align:center; align-items:center; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; padding:0 8px; -webkit-box-sizing:border-box; box-sizing:border-box; text-align:center } .taptap-reply-post { background:#fff; background:var(--primary-white) } .taptap-reply-post__header { background:#15c5ce; background:var(--primary-tap-blue); padding:15px; text-align:center } .taptap-reply-post__header .icon-reply-left { position:relative; top:10px; -webkit-transform:rotateY(180deg); transform:rotateY(180deg); color:#109aa5; width:24px; height:24px } .taptap-reply-post__header .text-box__content { color:#fff; color:var(--primary-white) } .taptap-reply-post__user { display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; -webkit-box-orient:vertical; -webkit-box-direction:normal; -ms-flex-direction:column; flex-direction:column } .taptap-reply-post__user .user-avatar { display:inline-block; margin:0 5px 5px; background:#fff; background:var(--primary-white) } .taptap-reply-post__user .taptap-reply-post__user-name { color:#fff; color:var(--extension-button-label-white); font-size:16px; width:100% } .taptap-reply-post__user_left { float:left; text-align:left; width:40% } .taptap-reply-post__user_right { float:right; -webkit-box-align:end; -ms-flex-align:end; align-items:flex-end; text-align:right; width:40% } .taptap-reply-post__contents { padding:20px; border-bottom:1px solid #ebeff0; border-bottom:1px solid var(--gray-02) } .taptap-reply-post__contents textarea { display:block; height:210px; width:100%; background:#fff; background:var(--primary-white); color:#1d2127; color:var(--gray-08) } .taptap-reply-post__related-post { color:#fff; color:var(--extension-button-label-white); text-align:left } .taptap-reply-post__related-post p { display:inline } [data-v-6bc0e369]: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 } .taptap-dialog[data-v-6bc0e369] { display:none } .taptap-confirm-modal.user-exam__modal { width:300px; background:#fff; background:var(--primary-white); position:relative; border-radius:5px; text-align:center; -webkit-box-shadow:0 6px 25px 0 rgba(0, 0, 0, .4); -webkit-box-shadow:0 6px 25px 0 rgba(0, 0, 0, .4); box-shadow:0 6px 25px 0 rgba(0, 0, 0, .4); box-shadow:0 6px 25px 0 rgba(0, 0, 0, .4) } .taptap-confirm-modal.user-exam__modal .question-switch-content .alert-body { font-size:16px; color:#737373; text-align:center; padding-top:30px } .taptap-confirm-modal.user-exam__modal .question-switch-content .alert-body .alert-p2 { margin-top:12px; margin-bottom:14px } .taptap-confirm-modal.user-exam__modal .question-switch-content .alert-body .alert-p3 { margin-bottom:14px } .taptap-confirm-modal.user-exam__modal .question-switch-content .alert-body .alert-href { color:#15c5ce; color:var(--primary-tap-blue); margin-top:10px; text-decoration:underline; margin-bottom:35px; display:block } .taptap-confirm-modal.user-exam__modal .taptap-confirm-modal__footer { width:100%; height:50px; border-top:1px solid #ebeff0; border-top:1px solid var(--gray-02); font-size:16px; display:block; padding:0 } .taptap-confirm-modal.user-exam__modal .taptap-confirm-modal__footer .taptap-button { margin:0; border-radius:0 } .taptap-confirm-modal.user-exam__modal .taptap-confirm-modal__footer .taptap-button_default { line-height:50px; width:50%; border:0; border-right:1px solid #ebeff0; border-right:1px solid var(--gray-02); text-align:center; color:#9f9f9f; height:100% } .taptap-confirm-modal.user-exam__modal .taptap-confirm-modal__footer .taptap-button_primary { border:0; line-height:50px; width:50%; text-align:center; height:auto; color:#15c5ce; color:var(--primary-tap-blue); background:none } .user-verified__modal:not(.taptap-confirm-modal_mobile) { width:400px } .user-verified__modal .common-form-basic-title { margin-bottom:8px; overflow:hidden } .user-verified__modal .common-form-basic-title h3 { font-size:14px; color:#b9bec1; color:var(--gray-04); line-height:20px; margin:0 } .user-verified__modal .common-form-basic-title h3>span { float:left } .user-verified__modal .common-form-basic-title .num-text { float:right; color:#b7b9ba; margin-bottom:0 } .user-verified__modal .taptap-confirm-modal__footer { position:relative; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center } .user-verified__modal .taptap-confirm-modal__footer .taptap-button_default { color:#b9bec1; color:var(--gray-04); margin-left:15px; cursor:pointer; position:absolute; right:20px; top:50%; -webkit-transform:translateY(-50%); transform:translateY(-50%); border:none } .user-verified__modal .common-form-fields { padding:20px } .user-verified__modal .common-form-fields .require-field { color:red; float:left; font-style:normal; padding-top:4px; margin-right:5px } .user-verified__modal .common-form-fields .common-field { margin-bottom:15px; border-radius:4px; background-color:#f8fafb; padding:8px 15px; border:1px solid #f5f7f8; border:1px solid var(--gray-01) } .user-verified__modal .common-form-fields .note { font-size:12px; color:#999; margin:0 } .user-verified__modal .common-form-text, .user-verified__modal .common-form-textarea { width:100%; background:none; border-radius:4px; display:block; font-size:14px; border:none } .taptap-tip { position:fixed; z-index:1000; top:0; left:0; display:none; height:80px; width:100%; background-color:#15c5ce; background-color:var(--primary-tap-blue); padding:25px; text-align:center } .taptap-tip span { line-height:30px; font-size:16px; color:#fff } .taptap-tip { display:block } .unlogin-dialog__contents { padding:50px 20px } .unlogin-dialog__contents p { font-size:18px; color:#868c92; color:var(--gray-06); margin:0 } .unlogin-dialog__contents p a { color:#15c5ce; color:var(--primary-tap-blue); display:inline-block } .taptap-card { position:relative; background:#fff; background:var(--primary-white) } .taptap-card--round { border-radius:10px; border-radius:var(--radius-m8-w10) } .taptap-main-content { background:#fff; background:var(--primary-white); padding-left:20px; padding-left:var(--space-m16-w20); padding-right:20px; padding-right:var(--space-m16-w20); min-height:calc(100vh - 96px); margin-bottom:32px; -webkit-box-sizing:border-box; box-sizing:border-box } @media only screen and (max-width:499px) { .taptap-main-content { margin-bottom:0; min-height:calc(100vh - 52px) } } .taptap-sticky { position:-webkit-sticky; position:sticky; top:0; left:0; z-index:200 } .sticky-mobile--fixed { position:fixed; top:0; right:0; left:0; z-index:200 } .tap-chip { font-size:14px; font-size:var(--caption-m12-w14-size); line-height:22px; line-height:var(--caption-m12-w14-line-height); position:relative; border-radius:18px; color:#868c92; color:var(--gray-06); background:#f5f7f8; background:var(--gray-01); vertical-align:middle; display:-webkit-inline-box; display:-ms-inline-flexbox; display:inline-flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; padding:5px 8px; cursor:pointer } .tap-chip.tap-chip--icon { padding:8px } .tap-chip:link, .tap-chip:visited { color:#868c92; color:var(--gray-06) } .tap-chip.tap-chip--extra { padding-right:5px } .tap-chip.tap-chip--leading { padding-right:4px } .tap-chip--orange { background:#fff5f1; background:var(--primary-tap-orange-light) } .tap-chip--orange, .tap-chip--orange:link, .tap-chip--orange:visited { color:#ff8156; color:var(--primary-tap-orange) } .tap-chip--active { background:#15c5ce; background:var(--primary-tap-blue) } .tap-chip--active, .tap-chip--active:link, .tap-chip--active:visited { color:#fff; color:var(--extension-button-label-white) } .tap-chip__extra { padding-left:3px } .tap-chip--disabled { opacity:.5; cursor:not-allowed } .tap-chip__image { height:16px; -webkit-transform:translateX(-2px); transform:translateX(-2px) } .svg-icon.tap-chip__icon { height:16px; width:16px } .tap-chip--pc { padding:5px 12px } .tap-chip--pc.tap-chip--leading { padding-right:6px } .tap-chip--pc.tap-chip--extra { padding-right:8px } .tap-chip--pc .tap-chip__image { -webkit-transform:translateX(-4px); transform:translateX(-4px) } .tap-chip--pc .tap-chip__extra { padding-left:6px } .tap-radio { height:28px; width:28px; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; -webkit-box-align:center; -ms-flex-align:center; align-items:center; cursor:pointer } .tap-radio--disabled { opacity:.5; cursor:not-allowed } .tap-radio__circle { width:22px; height:22px; border-radius:22px; border:1.5px solid #ebeff0; border:1.5px solid var(--gray-02); background:#fff; background:var(--primary-white); display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; -webkit-box-align:center; -ms-flex-align:center; align-items:center; -webkit-box-sizing:border-box; box-sizing:border-box } .tap-radio__dot { width:12px; height:12px; border-radius:12px; background:linear-gradient(180deg, #18d6e0, #14c2cb 67.19%, #17d6e1); background:var(--primary-tap-blue-gradient) } .tap-cell { font-size:16px; font-size:var(--paragraph-m16-w16-size); line-height:24px; line-height:var(--paragraph-m16-w16-line-height); color:#1d2127; color:var(--gray-08); display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-pack:justify; -ms-flex-pack:justify; justify-content:space-between; -webkit-box-align:center; -ms-flex-align:center; align-items:center; padding:12px 16px } .tap-cell.tap-cell--pc { padding:16px 20px } .tap-cell--radio { cursor:pointer } .tap-cell--radio:hover { background:rgba(0, 0, 0, .06); background:var(--extension-overlay-black) } .tap-column { display:-webkit-box; display:-ms-flexbox; display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap; -webkit-box-pack:justify; -ms-flex-pack:justify; justify-content:space-between } .tap-column__item { width:calc(33.33333% - 8px) } @media only screen and (max-width:599px) { .tap-column__item { width:calc(50% - 3.5px) } } .tap-slide-button, .tap-swiper-button { color:#868c92; color:var(--gray-06); z-index:10; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; -webkit-box-pack:end; -ms-flex-pack:end; justify-content:flex-end; cursor:pointer; -webkit-transition:opacity .5s; transition:opacity .5s; width:48px } .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:28px } .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; visibility:hidden; opacity:0; z-index:0; pointer-events:none } .tap-slide-button .icon-arrow_down, .tap-swiper-button .icon-arrow_down { width:28px; height:28px } .tap-slide-button--circle, .tap-swiper-button--circle { height:36px; border-radius:50%; background:#fff; background:var(--extension-shadow-background-white); color:#1d2127; color:var(--gray-08); -webkit-box-shadow:0 3px 6px 0 rgba(0, 0, 0, .1); box-shadow:0 3px 6px 0 rgba(0, 0, 0, .1); -webkit-box-pack:center; -ms-flex-pack:center; 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 { height:22px; height:var(--icon-size-m20-w22); width:22px; width:var(--icon-size-m20-w22) } .tap-slide-button--prev, .tap-swiper-button--prev { position:absolute; top:0; bottom:0; left: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%; width:36px; -webkit-transform:matrix(-1, 0, 0, 1, 0, -20); transform:matrix(-1, 0, 0, 1, 0, -20) } .tap-slide-button--next, .tap-swiper-button--next { position:absolute; top:0; bottom:0; right: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%; width:36px; -webkit-transform:translateY(-50%); transform:translateY(-50%) } .tap-slide-button--default, .tap-swiper-button--default { background:-webkit-gradient(linear, right top, left top, color-stop(55.56%, #f5f7f8), to(rgba(245, 247, 248, 0))); background:-webkit-gradient(linear, right top, left top, color-stop(55.56%, var(--extension-background-gray)), to(rgba(245, 247, 248, 0))); background:linear-gradient(270deg, #f5f7f8 55.56%, rgba(245, 247, 248, 0)); background:linear-gradient(270deg, var(--extension-background-gray) 55.56%, rgba(245, 247, 248, 0)) } .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%, #f5f7f8), to(rgba(52, 57, 71, 0))); background:-webkit-gradient(linear, right top, left top, color-stop(55.56%, var(--extension-background-gray)), to(rgba(52, 57, 71, 0))); background:linear-gradient(270deg, #f5f7f8 55.56%, rgba(52, 57, 71, 0)); background:linear-gradient(270deg, var(--extension-background-gray) 55.56%, rgba(52, 57, 71, 0)) } .tap-slide-button--white, .tap-swiper-button--white { background:-webkit-gradient(linear, right top, left top, color-stop(55.56%, #fff), to(hsla(0, 0%, 100%, 0))); background:-webkit-gradient(linear, right top, left top, color-stop(55.56%, var(--primary-white)), to(hsla(0, 0%, 100%, 0))); background:linear-gradient(270deg, #fff 55.56%, hsla(0, 0%, 100%, 0)); background:linear-gradient(270deg, var(--primary-white) 55.56%, hsla(0, 0%, 100%, 0)) } .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%, #fff), to(rgba(37, 39, 51, 0))); background:-webkit-gradient(linear, right top, left top, color-stop(55.56%, var(--primary-white)), to(rgba(37, 39, 51, 0))); background:linear-gradient(270deg, #fff 55.56%, rgba(37, 39, 51, 0)); background:linear-gradient(270deg, var(--primary-white) 55.56%, rgba(37, 39, 51, 0)) } .tap-slide-button--image, .tap-swiper-button--image { background:rgba(0, 0, 0, .4); background:rgba(0, 0, 0, .4); color:#fff; color:var(--extension-button-label-white) } .tap-swiper-pagination { display:none } @media only screen and (max-width:499px) { .tap-slide-button, .tap-swiper-button { display:none } } .tap-slide { position:relative; height:100% } .tap-slide__wrap { width:100%; white-space:nowrap; overflow:hidden; height:100%; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center } .tap-slide__content { display:-webkit-inline-box; display:-ms-inline-flexbox; display:inline-flex; position:relative } .tap-slide__line { position:absolute; bottom:-9px; border-radius:3px; background:#15c5ce; height:3px; width:30px; -webkit-transform:translateX(-50%); transform:translateX(-50%) } .tap-slide__hover-navigation .tap-slide-button { opacity:0 } @media(any-hover:hover) { .tap-slide__hover-navigation:hover .tap-slide-button { opacity:1 } } .font-bold, .tap-tabs-router-header__link.tap-slide--active { font-weight:700 } .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-m18-w20 { font-size:20px; font-size:var(--heading-m18-w20-size); line-height:28px; line-height:var(--heading-m18-w20-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) } .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; } .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) } .tap-tabs-router-header { position:relative; -webkit-box-sizing:border-box; box-sizing:border-box; width:100%; height:100% } .tap-tabs-router-header .van-sticky { height:100% } .tap-tabs-router-header--sticky { position:-webkit-sticky; position:sticky } .tap-tabs-router-header__link:first-of-type { -webkit-transform-origin:left; transform-origin:left } .tap-tabs-router-header__link:last-of-type { -webkit-transform-origin:right; transform-origin:right } .tap-tabs-router-header__link.tap-slide--active { -webkit-transform:scale(1.1); transform:scale(1.1) } .tap-tabs-router-header__link-tag { padding:8px 14px; padding:var(--space-m6-w8) var(--space-m10-w14); border-radius:6px } .tap-tabs-router-header__slide { width:100% } .tap-tabs-router-header__slide .swiper-slide { width:auto } [data-v-2898f276]:export { zIndex-navbar:100; zIndex-dropdown:100; zIndex-sticky:200; zIndex-navbar-fixed:300; zIndex-overlay:400; zIndex-dialog:500; zIndex-popover:600; zIndex-tooltip:1000 } .content-loading-box[data-v-2898f276] { text-align:center } .content-loading-box--middle[data-v-2898f276] { position:absolute; left:0; width:100%; z-index:1; bottom:50%; -webkit-transform:translateY(50%); transform:translateY(50%) } .loading-dots__wrapper { display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; margin:0 auto } .loading-dots__wrapper .loading-dots__dot { width:1em; height:1em; border-radius:100%; -webkit-animation:wavingDots .92s linear infinite; animation:wavingDots .92s linear infinite; margin-right:.8em; background-color:#b9bec1; background-color:var(--gray-04) } .loading-dots__wrapper .loading-dots__dot:nth-child(2) { -webkit-animation-delay:.115s; animation-delay:.115s } .loading-dots__wrapper .loading-dots__dot:nth-child(3) { -webkit-animation-delay:.23s; animation-delay:.23s; margin-right:0 } @-webkit-keyframes wavingDots { 0% { -webkit-transform:translateY(0); transform:translateY(0) } 33% { -webkit-transform:translateY(-.28em); transform:translateY(-.28em) } 36% { -webkit-transform:translateY(-.3em); transform:translateY(-.3em) } 40% { -webkit-transform:translateY(-.3em); transform:translateY(-.3em) } 75% { -webkit-transform:translateY(.3em); transform:translateY(.3em) } to { -webkit-transform:translateY(0); transform:translateY(0) } } @keyframes wavingDots { 0% { -webkit-transform:translateY(0); transform:translateY(0) } 33% { -webkit-transform:translateY(-.28em); transform:translateY(-.28em) } 36% { -webkit-transform:translateY(-.3em); transform:translateY(-.3em) } 40% { -webkit-transform:translateY(-.3em); transform:translateY(-.3em) } 75% { -webkit-transform:translateY(.3em); transform:translateY(.3em) } to { -webkit-transform:translateY(0); transform:translateY(0) } } .tap-long-text { max-width:100% } .tap-long-text.tap-text__multi-line { line-height:0 } .tap-long-text__contents { display:inline-block; max-width:100%; vertical-align:middle } .tap-long-text__contents.tap-long-text__contents--inline { display:inline } .tap-long-text__contents.tap-long-text__contents--overflow { display:contents } .tap-long-text__contents.tap-long-text__contents--nowrap { white-space:nowrap } .tap-long-text--single { display:-webkit-inline-box; display:-ms-inline-flexbox; display:inline-flex; overflow:hidden; max-width:100%; -webkit-box-align:center; -ms-flex-align:center; align-items:center } .tap-long-text--single .tap-long-text__contents { white-space:nowrap; -webkit-box-flex:1; -ms-flex:auto; flex:auto; overflow:hidden; text-overflow:ellipsis } .tap-long-text__float-placeholder { float:right; width:0 } .tap-long-text__float-end { float:right; clear:right; max-width:100% } .tap-tag--gray { background:#f5f7f8; background:var(--gray-01); border:1px solid rgba(0, 0, 0, .06); border:1px solid var(--extension-overlay-black) } .tap-tag--gray.tap-tag--outline { color:#868c92; color:var(--gray-06) } .tap-tag--gray.tap-tag--filled { background:#d2d7d9; background:var(--gray-03); color:#fff; color:var(--primary-white) } .tap-tag--blue { border:1px solid #15c5ce; border:1px solid var(--primary-tap-blue) } .tap-tag--blue.tap-tag--outline { color:#15c5ce; color:var(--primary-tap-blue) } .tap-tag--blue.tap-tag--filled { background:#15c5ce; background:var(--primary-tap-blue); color:#fff; color:var(--extension-button-label-white) } .tap-tag--orange { border:1px solid #ff8156; border:1px solid var(--primary-tap-orange) } .tap-tag--orange.tap-tag--outline { color:#ff8156; color:var(--primary-tap-orange) } .tap-tag--orange.tap-tag--filled { background:#ff8156; background:var(--primary-tap-orange); color:#fff; color:var(--extension-button-label-white) } .tap-tag--white { background:hsla(0, 0%, 100%, .06); border:1px solid hsla(0, 0%, 100%, .12) } .tap-tag--white.tap-tag--filled, .tap-tag--white.tap-tag--outline { color:hsla(0, 0%, 100%, .6) } .tap-tag--orange-light { border:1px solid #fff5f1; border:1px solid var(--primary-tap-orange-light) } .tap-tag--orange-light.tap-tag--outline { color:#fff5f1; color:var(--primary-tap-orange-light) } .tap-tag--orange-light.tap-tag--filled { background:#fff5f1; background:var(--primary-tap-orange-light); color:#ff8156; color:var(--primary-tap-orange) } .tap-tag--lime { border:1px solid #3dcc49; border:1px solid var(--extension-lime) } .tap-tag--lime.tap-tag--outline { color:#3dcc49; color:var(--extension-lime) } .tap-tag--lime.tap-tag--filled { background:#3dcc49; background:var(--extension-lime); color:#fff; color:var(--extension-button-label-white) } .tap-tag { padding:0 3px; display:-webkit-inline-box; display:-ms-inline-flexbox; display:inline-flex } @media only screen and (min-width:499px) { .tap-tag { padding:0 4px } } .tap-tag--default { border-radius:6px; border-radius:var(--radius-m4-w6) } .tap-tag--bubble { border-radius:11px 11px 11px 2px } @media only screen and (max-width:499px) { .tap-tag--bubble { border-radius:10px 10px 10px 2px } } .tap-iframe-page { width:100%; height:100% } .iframe-media-components .media-modal__body, .iframe-media-components .media-page__content { display:-webkit-box; display:-ms-flexbox; display:flex } .iframe-media-components .media-modal__body { height:80vh } .login-tips { width:100%; -webkit-box-align:center; -ms-flex-align:center; align-items:center; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center } .login-tips__text { font-size:18px; color:#868c92; color:var(--gray-06); margin:0 } .login-tips__link { color:#15c5ce; color:var(--primary-tap-blue); display:inline-block } [data-v-c25c081c]: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 } .lazy-image[data-v-c25c081c] { -webkit-transition:background-color .3s ease-in-out .1s; transition:background-color .3s ease-in-out .1s; -webkit-appearance:none; -webkit-backface-visibility:hidden } .lazy-image img[data-v-c25c081c] { width:100%; height:100%; -o-object-fit:cover; object-fit:cover; opacity:0; border-radius: 20px; -webkit-transition:opacity .3s ease-in-out; transition:opacity .3s ease-in-out } .lazy-image__logo-default[data-v-c25c081c] { display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; background-color:#f5f7f8; background-color:var(--gray-01); font-size:80px } .lazy-image--hover.lazy-image--transitionend[data-v-c25c081c] { -webkit-transition-duration:.3s; transition-duration:.3s; -webkit-transition-timing-function:ease; transition-timing-function:ease; -webkit-transition-property:opacity; transition-property:opacity } @media only screen and (min-width:499px)and (any-hover:hover) { .lazy-image--hover.lazy-image--transitionend[data-v-c25c081c] { -webkit-transition-duration:.3s; transition-duration:.3s; -webkit-transition-timing-function:ease; transition-timing-function:ease; -webkit-transition-property:background-color, border-color; transition-property:background-color, border-color } .lazy-image--hover.lazy-image--transitionend:hover .origin-image[data-v-c25c081c] { opacity:.8!important } } .open-app-wechat, .open-app-wechat__wrap { position:absolute; top:0; left:0; right:0; bottom:0 } .open-dl-dialog__item { padding:16px 20px; padding:var(--space-m12-w16) var(--space-m16-w20) } .open-dl-dialog__item:last-child { margin-bottom:16px } .open-dl-dialog__item-icon { width:48px; height:48px; margin-right:12px } .open-dl-dialog__logo { margin:4px 8px 2px; width:55px; height:22px } .open-dl-dialog__open-app { width:70px; -webkit-box-sizing:border-box; box-sizing:border-box } .open-dl-dialog__download-btn { width:100% } .open-app { position:relative; -webkit-box-sizing:border-box; box-sizing:border-box } .open-app, .open-app__default { display:-webkit-inline-box; display:-ms-inline-flexbox; display:inline-flex; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; -webkit-box-align:center; -ms-flex-align:center; align-items:center } .open-app__default { width:calc(100% - 40px); width:calc(100% - var(--space-m16-w20)*2); border-radius:100px; height:40px; padding:0 20px; padding:0 var(--space-m16-w20) } .open-app__logo, .open-app__logo.svg-icon { margin:4px 8px 2px; width:55px; height:22px } .view-more { width:100%; position:absolute; bottom:0; left:0; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-orient:vertical; -webkit-box-direction:normal; -ms-flex-direction:column; flex-direction:column; z-index:100 } .view-more:before { content:""; display:inline-block; height:80px; background:linear-gradient(.94deg, #fff .81%, hsla(0, 0%, 100%, .08) 88.43%, hsla(0, 0%, 100%, 0) 99.19%); background:linear-gradient(.94deg, var(--primary-white) .81%, hsla(0, 0%, 100%, .08) 88.43%, hsla(0, 0%, 100%, 0) 99.19%) } .view-more:after { content:""; display:inline-block; height:24px; background-color:#fff; background-color:var(--primary-white) } .view-more__text { position:absolute; bottom:8px; left:0; width:100%; color:#15c5ce; color:var(--primary-tap-blue); text-align:center } .view-more__parent { max-height:336px; overflow:hidden; position:relative } .view-more__sheet-title { padding:20px 20px 6px; padding:var(--space-m16-w20) var(--space-m16-w20) var(--space-m4-w6) } .view-more__sheet-item { padding:16px 20px; padding:var(--space-m12-w16) var(--space-m16-w20) } .view-more__sheet-item:last-child { margin-bottom:20px; margin-bottom:var(--space-m16-w20) } .view-more__device-icon { width:48px; height:48px; margin-right:12px } .open-app-view-comment { margin:0 20px; margin:0 var(--space-m16-w20); width:calc(100% - 40px); width:calc(100% - var(--space-m16-w20)*2) } [data-v-50a72475]:export { zIndex-navbar:100; zIndex-dropdown:100; zIndex-sticky:200; zIndex-navbar-fixed:300; zIndex-overlay:400; zIndex-dialog:500; zIndex-popover:600; zIndex-tooltip:1000 } .page-loading[data-v-50a72475] { position:absolute; left:0; top:0; width:100%; height:100%; max-height:100vh; background:transparent; text-align:center } .page-loading .van-loading[data-v-50a72475] { display:inline-block } .page-loading.fullscreen[data-v-50a72475] { position:fixed } .page-loading .middle[data-v-50a72475] { position:absolute; top:48% } .page-loading .error-block[data-v-50a72475] { text-align:center } .page-loading .error-block .try-again[data-v-50a72475] { color:#15c5ce; color:var(--primary-tap-blue) } .page-loading .error-block .link[data-v-50a72475] { text-indent:4px; text-decoration:underline } .page-loading.page-loading--mobile[data-v-50a72475] { height:calc(100vh - 114px); display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; background-color:transparent } .app-icon__link { font-size:0 } .app-icon { display:-webkit-inline-box; display:-ms-inline-flexbox; display:inline-flex; border-radius:22.78% }