/* 多行省略 */ .multi-line-omit[data-v-eb8e0cdd] { word-break: break-all; text-overflow: ellipsis; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } /* 单行省略 */ .one-line-omit[data-v-eb8e0cdd] { width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .u-status-bar[data-v-eb8e0cdd] { width: 100%; } /* 多行省略 */ .multi-line-omit[data-v-a6aad22d] { word-break: break-all; text-overflow: ellipsis; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } /* 单行省略 */ .one-line-omit[data-v-a6aad22d] { width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .app-header[data-v-a6aad22d] { width: 100vw; z-index: 9999; } .app-header.sticky[data-v-a6aad22d] { position: fixed; left: 0; top: 0; } .app-header__content[data-v-a6aad22d] { width: 100vw; height: 2.75rem; display: flex; flex-direction: row; align-items: center; } .app-header__content .content-title[data-v-a6aad22d] { flex: 1; display: flex; align-items: center; justify-content: center; } .app-header__content .content-title__context[data-v-a6aad22d] { font-size: 1rem; font-family: Medium; } .app-header__content .content-slot[data-v-a6aad22d] { min-width: 2.75rem; display: flex; align-items: center; justify-content: center; } /* 多行省略 */ .multi-line-omit[data-v-5cec8177] { word-break: break-all; text-overflow: ellipsis; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } /* 单行省略 */ .one-line-omit[data-v-5cec8177] { width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .u-empty[data-v-5cec8177], .u-empty__wrap[data-v-5cec8177], .u-tabs[data-v-5cec8177], .u-tabs__wrapper[data-v-5cec8177], .u-tabs__wrapper__scroll-view-wrapper[data-v-5cec8177], .u-tabs__wrapper__scroll-view[data-v-5cec8177], .u-tabs__wrapper__nav[data-v-5cec8177], .u-tabs__wrapper__nav__line[data-v-5cec8177], .up-empty[data-v-5cec8177], .up-empty__wrap[data-v-5cec8177], .up-tabs[data-v-5cec8177], .up-tabs__wrapper[data-v-5cec8177], .up-tabs__wrapper__scroll-view-wrapper[data-v-5cec8177], .up-tabs__wrapper__scroll-view[data-v-5cec8177], .up-tabs__wrapper__nav[data-v-5cec8177], .up-tabs__wrapper__nav__line[data-v-5cec8177] { display: flex; flex-direction: column; flex-shrink: 0; flex-grow: 0; flex-basis: auto; align-items: stretch; align-content: flex-start; } /** * vue版本动画内置的动画模式有如下: * fade:淡入 * zoom:缩放 * fade-zoom:缩放淡入 * fade-up:上滑淡入 * fade-down:下滑淡入 * fade-left:左滑淡入 * fade-right:右滑淡入 * slide-up:上滑进入 * slide-down:下滑进入 * slide-left:左滑进入 * slide-right:右滑进入 */ .u-fade-enter-active[data-v-5cec8177], .u-fade-leave-active[data-v-5cec8177] { transition-property: opacity; } .u-fade-enter[data-v-5cec8177], .u-fade-leave-to[data-v-5cec8177] { opacity: 0; } .u-fade-zoom-enter[data-v-5cec8177], .u-fade-zoom-leave-to[data-v-5cec8177] { transform: scale(0.95); opacity: 0; } .u-fade-zoom-enter-active[data-v-5cec8177], .u-fade-zoom-leave-active[data-v-5cec8177] { transition-property: transform, opacity; } .u-fade-down-enter-active[data-v-5cec8177], .u-fade-down-leave-active[data-v-5cec8177], .u-fade-left-enter-active[data-v-5cec8177], .u-fade-left-leave-active[data-v-5cec8177], .u-fade-right-enter-active[data-v-5cec8177], .u-fade-right-leave-active[data-v-5cec8177], .u-fade-up-enter-active[data-v-5cec8177], .u-fade-up-leave-active[data-v-5cec8177] { transition-property: opacity, transform; } .u-fade-up-enter[data-v-5cec8177], .u-fade-up-leave-to[data-v-5cec8177] { transform: translate3d(0, 100%, 0); opacity: 0; } .u-fade-down-enter[data-v-5cec8177], .u-fade-down-leave-to[data-v-5cec8177] { transform: translate3d(0, -100%, 0); opacity: 0; } .u-fade-left-enter[data-v-5cec8177], .u-fade-left-leave-to[data-v-5cec8177] { transform: translate3d(-100%, 0, 0); opacity: 0; } .u-fade-right-enter[data-v-5cec8177], .u-fade-right-leave-to[data-v-5cec8177] { transform: translate3d(100%, 0, 0); opacity: 0; } .u-slide-down-enter-active[data-v-5cec8177], .u-slide-down-leave-active[data-v-5cec8177], .u-slide-left-enter-active[data-v-5cec8177], .u-slide-left-leave-active[data-v-5cec8177], .u-slide-right-enter-active[data-v-5cec8177], .u-slide-right-leave-active[data-v-5cec8177], .u-slide-up-enter-active[data-v-5cec8177], .u-slide-up-leave-active[data-v-5cec8177] { transition-property: transform; } .u-slide-up-enter[data-v-5cec8177], .u-slide-up-leave-to[data-v-5cec8177] { transform: translate3d(0, 100%, 0); } .u-slide-down-enter[data-v-5cec8177], .u-slide-down-leave-to[data-v-5cec8177] { transform: translate3d(0, -100%, 0); } .u-slide-left-enter[data-v-5cec8177], .u-slide-left-leave-to[data-v-5cec8177] { transform: translate3d(-100%, 0, 0); } .u-slide-right-enter[data-v-5cec8177], .u-slide-right-leave-to[data-v-5cec8177] { transform: translate3d(100%, 0, 0); } .u-zoom-enter-active[data-v-5cec8177], .u-zoom-leave-active[data-v-5cec8177] { transition-property: transform; } .u-zoom-enter[data-v-5cec8177], .u-zoom-leave-to[data-v-5cec8177] { transform: scale(0.95); } /* 多行省略 */ .multi-line-omit[data-v-9112bed9] { word-break: break-all; text-overflow: ellipsis; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } /* 单行省略 */ .one-line-omit[data-v-9112bed9] { width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .u-empty[data-v-9112bed9], .u-empty__wrap[data-v-9112bed9], .u-tabs[data-v-9112bed9], .u-tabs__wrapper[data-v-9112bed9], .u-tabs__wrapper__scroll-view-wrapper[data-v-9112bed9], .u-tabs__wrapper__scroll-view[data-v-9112bed9], .u-tabs__wrapper__nav[data-v-9112bed9], .u-tabs__wrapper__nav__line[data-v-9112bed9], .up-empty[data-v-9112bed9], .up-empty__wrap[data-v-9112bed9], .up-tabs[data-v-9112bed9], .up-tabs__wrapper[data-v-9112bed9], .up-tabs__wrapper__scroll-view-wrapper[data-v-9112bed9], .up-tabs__wrapper__scroll-view[data-v-9112bed9], .up-tabs__wrapper__nav[data-v-9112bed9], .up-tabs__wrapper__nav__line[data-v-9112bed9] { display: flex; flex-direction: column; flex-shrink: 0; flex-grow: 0; flex-basis: auto; align-items: stretch; align-content: flex-start; } .u-overlay[data-v-9112bed9] { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.7); } /* 多行省略 */ .multi-line-omit { word-break: break-all; text-overflow: ellipsis; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } /* 单行省略 */ .one-line-omit { width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .typeBox { position: absolute; bottom: 3.75rem; width: 100vw; } .typeBox .btn-item { width: 80vw; margin: 1rem auto; padding: 0.75rem; display: flex; background-color: white; align-items: center; justify-content: center; border-radius: 0.375rem; } .app { background-color: #F5F5F5; } .app .page { padding: 18px 1rem; } .app .home-top { display: flex; } .app .home-top .searching { margin: 0.625rem 0; width: 19.1875rem; height: 2.125rem; background-color: #FFFFFF; border-radius: 1.375rem; box-sizing: border-box; padding: 0.625rem; display: flex; align-items: center; } .app .home-top .message-icon { flex: 1; display: flex; align-items: center; justify-content: flex-end; } .app .carousel { margin-top: 0.3125rem; } .app .carousel .swiper-wrapper { width: 100%; height: 12.5rem; border-radius: 0.875rem; overflow: hidden; } .app .carousel .swiper-wrapper__item { width: 100%; height: 12.5rem; border-radius: 0.875rem; } .app .carousel .grid-wrapper { margin: 1rem 0; } .app .carousel .grid-wrapper__icon { width: 2.625rem; height: 2.625rem; } .app .carousel .grid-wrapper__text { font-size: 0.8125rem; } .app .carousel .subject-title { font-size: 1rem; font-weight: 500; color: #353635; font-family: Medium; } .app .type-bc { display: flex; flex-wrap: wrap; justify-content: space-between; } .app .type-bc .type-item { width: 10.3125rem; height: 5.5rem; background-repeat: no-repeat; background-size: 100% 100%; background-position: center; margin-bottom: 0.75rem; border-radius: 0.6875rem; } .app .type-bc .type-item-text { color: white; font-weight: 600; font-size: 1.125rem; font-family: PingFang SC; margin: 0.75rem; } .app .type-bc .type-item-gc { background-image: url(../../static/bc/homeBcItem.png); } .app .type-bc .type-item-hy { background-image: url(../../static/bc/homeBcItem.png); } .app .type-bc .type-item-jz { background-image: url(../../static/bc/homeBcItem.png); } .app .type-bc .type-item-hl { background-image: url(../../static/bc/homeBcItem.png); } .app .Advertising { width: 100%; height: 5.5rem; background-repeat: no-repeat; background-image: url(../../static/bc/home-gg.png); background-size: contain; background-position: center; margin-bottom: 0.75rem; }