@charset "UTF-8"; /* 水平间距 */ /* 水平间距 */ .data-v-391a97dd:root { --swiper-theme-color: #007aff; } .swiper.data-v-391a97dd { margin-left: auto; margin-right: auto; position: relative; overflow: hidden; list-style: none; padding: 0; /* Fix of Webkit flickering */ z-index: 1; } .swiper-vertical > .swiper-wrapper.data-v-391a97dd { flex-direction: column; } .swiper-wrapper.data-v-391a97dd { position: relative; width: 100%; height: 100%; z-index: 1; display: flex; transition-property: -webkit-transform; transition-property: transform; transition-property: transform, -webkit-transform; box-sizing: content-box; } .swiper-android .swiper-slide.data-v-391a97dd, .swiper-wrapper.data-v-391a97dd { -webkit-transform: translate3d(0px, 0, 0); transform: translate3d(0px, 0, 0); } .swiper-pointer-events.data-v-391a97dd { touch-action: pan-y; } .swiper-pointer-events.swiper-vertical.data-v-391a97dd { touch-action: pan-x; } .swiper-slide.data-v-391a97dd { flex-shrink: 0; width: 100%; height: 100%; position: relative; transition-property: -webkit-transform; transition-property: transform; transition-property: transform, -webkit-transform; } .swiper-slide-invisible-blank.data-v-391a97dd { visibility: hidden; } /* Auto Height */ .swiper-autoheight.data-v-391a97dd, .swiper-autoheight .swiper-slide.data-v-391a97dd { height: auto; } .swiper-autoheight .swiper-wrapper.data-v-391a97dd { align-items: flex-start; transition-property: height, -webkit-transform; transition-property: transform, height; transition-property: transform, height, -webkit-transform; } .swiper-slide-3d.data-v-391a97dd { -webkit-transform-style: preserve-3d; transform-style: preserve-3d; } /* 3D Effects */ .swiper-3d.data-v-391a97dd, .swiper-3d.swiper-css-mode .swiper-wrapper.data-v-391a97dd { -webkit-perspective: 1200px; perspective: 1200px; } .swiper-3d .swiper-wrapper.data-v-391a97dd, .swiper-3d .swiper-slide.data-v-391a97dd, .swiper-3d .swiper-slide-shadow.data-v-391a97dd, .swiper-3d .swiper-slide-shadow-left.data-v-391a97dd, .swiper-3d .swiper-slide-shadow-right.data-v-391a97dd, .swiper-3d .swiper-slide-shadow-top.data-v-391a97dd, .swiper-3d .swiper-slide-shadow-bottom.data-v-391a97dd, .swiper-3d .swiper-cube-shadow.data-v-391a97dd { -webkit-transform-style: preserve-3d; transform-style: preserve-3d; } .swiper-3d .swiper-slide-shadow.data-v-391a97dd, .swiper-3d .swiper-slide-shadow-left.data-v-391a97dd, .swiper-3d .swiper-slide-shadow-right.data-v-391a97dd, .swiper-3d .swiper-slide-shadow-top.data-v-391a97dd, .swiper-3d .swiper-slide-shadow-bottom.data-v-391a97dd { position: absolute; left: 0; top: 0; width: 100%; height: 100%; pointer-events: none; z-index: 10; } .swiper-3d .swiper-slide-shadow.data-v-391a97dd { background: rgba(0, 0, 0, 0.15); } .swiper-3d .swiper-slide-shadow-left.data-v-391a97dd { background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); } .swiper-3d .swiper-slide-shadow-right.data-v-391a97dd { background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); } .swiper-3d .swiper-slide-shadow-top.data-v-391a97dd { background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); } .swiper-3d .swiper-slide-shadow-bottom.data-v-391a97dd { background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); } /* CSS Mode */ .swiper-css-mode > .swiper-wrapper.data-v-391a97dd { overflow: auto; scrollbar-width: none; /* For Firefox */ -ms-overflow-style: none; /* For Internet Explorer and Edge */ } .swiper-css-mode > .swiper-wrapper.data-v-391a97dd::-webkit-scrollbar { display: none; } .swiper-css-mode > .swiper-wrapper > .swiper-slide.data-v-391a97dd { scroll-snap-align: start start; } .swiper-horizontal.swiper-css-mode > .swiper-wrapper.data-v-391a97dd { -webkit-scroll-snap-type: x mandatory; scroll-snap-type: x mandatory; } .swiper-vertical.swiper-css-mode > .swiper-wrapper.data-v-391a97dd { -webkit-scroll-snap-type: y mandatory; scroll-snap-type: y mandatory; } .swiper-horizontal.data-v-391a97dd { touch-action: pan-y; } .swiper-vertical.data-v-391a97dd { touch-action: pan-x; } .swiper-centered > .swiper-wrapper.data-v-391a97dd::before { content: ''; flex-shrink: 0; order: 9999; } .swiper-centered.swiper-horizontal > .swiper-wrapper > .swiper-slide.data-v-391a97dd:first-child { -webkit-margin-start: var(--swiper-centered-offset-before); margin-inline-start: var(--swiper-centered-offset-before); } .swiper-centered.swiper-horizontal > .swiper-wrapper.data-v-391a97dd::before { height: 100%; width: var(--swiper-centered-offset-after); } .swiper-centered.swiper-vertical > .swiper-wrapper > .swiper-slide.data-v-391a97dd:first-child { -webkit-margin-before: var(--swiper-centered-offset-before); margin-block-start: var(--swiper-centered-offset-before); } .swiper-centered.swiper-vertical > .swiper-wrapper.data-v-391a97dd::before { width: 100%; height: var(--swiper-centered-offset-after); } .swiper-centered > .swiper-wrapper > .swiper-slide.data-v-391a97dd { scroll-snap-align: center center; } .swiper-slide-fade.data-v-391a97dd { pointer-events: none; transition-property: opacity; } .swiper-slide-fade .swiper-slide.data-v-391a97dd { pointer-events: none; } .swiper-slide-fade.swiper-slide-active.data-v-391a97dd { pointer-events: auto; } .swiper-cube.data-v-391a97dd { overflow: visible; } .swiper-cube.swiper-rtl .swiper-slide.data-v-391a97dd { -webkit-transform-origin: 100% 0; transform-origin: 100% 0; } .swiper-cube .swiper-cube-shadow.data-v-391a97dd { position: absolute; left: 0; bottom: 0px; width: 100%; height: 100%; opacity: 0.6; z-index: 0; } .swiper-cube .swiper-cube-shadow.data-v-391a97dd:before { content: ''; background: #000; position: absolute; left: 0; top: 0; bottom: 0; right: 0; -webkit-filter: blur(50px); filter: blur(50px); } .swiper-slide-cube.data-v-391a97dd { pointer-events: none; -webkit-backface-visibility: hidden; backface-visibility: hidden; z-index: 1; visibility: hidden; -webkit-transform-origin: 0 0; transform-origin: 0 0; width: 100%; height: 100%; -webkit-transform-style: preserve-3d; transform-style: preserve-3d; } .swiper-slide-cube .swiper-slide.data-v-391a97dd { pointer-events: none; } .swiper-slide-cube.swiper-slide-active.data-v-391a97dd, .swiper-slide-cube.swiper-slide-next.data-v-391a97dd, .swiper-slide-cube.swiper-slide-prev.data-v-391a97dd, .swiper-slide-cube.swiper-slide-next + .swiper-slide.data-v-391a97dd { pointer-events: auto; visibility: visible; } .swiper-slide-coverflow.data-v-391a97dd { -webkit-transform-style: preserve-3d; transform-style: preserve-3d; } .swiper-flip.data-v-391a97dd { overflow: visible; } .swiper-flip .swiper-slide-shadow-top.data-v-391a97dd, .swiper-flip .swiper-slide-shadow-bottom.data-v-391a97dd, .swiper-flip .swiper-slide-shadow-left.data-v-391a97dd, .swiper-flip .swiper-slide-shadow-right.data-v-391a97dd { z-index: 0; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .swiper-slide-flip.data-v-391a97dd { pointer-events: none; -webkit-backface-visibility: hidden; backface-visibility: hidden; z-index: 1; -webkit-transform-style: preserve-3d; transform-style: preserve-3d; } .swiper-slide-flip .swiper-slide.data-v-391a97dd { pointer-events: none; } .swiper-cards.data-v-391a97dd { overflow: visible; } .swiper-slide-cards.data-v-391a97dd { -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .swiper-slide-creative.data-v-391a97dd { -webkit-backface-visibility: hidden; backface-visibility: hidden; overflow: hidden; transition-property: opacity, height, -webkit-transform; transition-property: transform, opacity, height; transition-property: transform, opacity, height, -webkit-transform; -webkit-transform-style: preserve-3d; transform-style: preserve-3d; } .swiper-panorama.data-v-391a97dd { overflow: visible; } .swiper-slide-carousel.data-v-391a97dd { -webkit-backface-visibility: hidden; backface-visibility: hidden; overflow: hidden; transition-property: opacity, height, -webkit-transform; transition-property: transform, opacity, height; transition-property: transform, opacity, height, -webkit-transform; -webkit-transform-style: preserve-3d; transform-style: preserve-3d; } .swiper-button-prev.data-v-391a97dd, .swiper-button-next.data-v-391a97dd { position: absolute; top: 50%; height: 80rpx; margin-top: calc(0rpx - (80rpx / 2)); z-index: 10; cursor: pointer; display: flex; align-items: center; justify-content: center; color: #007aff; font-size: 50rpx; } .swiper-button-prev.swiper-button-disabled.data-v-391a97dd, .swiper-button-next.swiper-button-disabled.data-v-391a97dd { opacity: 0.35; cursor: auto; pointer-events: none; } .swiper-button-prev.data-v-391a97dd:after, .swiper-button-next.data-v-391a97dd:after { font-family: swiper-icons; font-size: 80rpx; text-transform: none !important; letter-spacing: 0; text-transform: none; font-variant: initial; line-height: 1; } .swiper-button-prev.data-v-391a97dd, .swiper-rtl .swiper-button-next.data-v-391a97dd { left: 10px; right: auto; } .swiper-button-next.data-v-391a97dd, .swiper-rtl .swiper-button-prev.data-v-391a97dd { right: 10px; left: auto; } .swiper-button-lock.data-v-391a97dd { display: none; } .swiper-pagination.data-v-391a97dd { position: absolute; text-align: center; transition: 300ms opacity; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); z-index: 10; font-size: 24rpx; } .swiper-pagination.swiper-pagination-hidden.data-v-391a97dd { opacity: 0; } /* Common Styles */ .swiper-pagination-fraction.data-v-391a97dd, .swiper-pagination-custom.data-v-391a97dd, .swiper-horizontal > .swiper-pagination-bullets.data-v-391a97dd, .swiper-pagination-bullets.swiper-pagination-horizontal.data-v-391a97dd { bottom: 10px; left: 0; width: 100%; } /* Bullets */ .swiper-pagination-bullets-dynamic.data-v-391a97dd { overflow: hidden; font-size: 0; } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet.data-v-391a97dd { -webkit-transform: scale(0.33); transform: scale(0.33); position: relative; } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active.data-v-391a97dd { -webkit-transform: scale(1); transform: scale(1); } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main.data-v-391a97dd { -webkit-transform: scale(1); transform: scale(1); } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev.data-v-391a97dd { -webkit-transform: scale(0.66); transform: scale(0.66); } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev.data-v-391a97dd { -webkit-transform: scale(0.33); transform: scale(0.33); } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next.data-v-391a97dd { -webkit-transform: scale(0.66); transform: scale(0.66); } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next.data-v-391a97dd { -webkit-transform: scale(0.33); transform: scale(0.33); } .swiper-pagination-bullet.data-v-391a97dd { width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px)); height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px)); display: inline-block; border-radius: 50%; background: var(--swiper-pagination-bullet-inactive-color, #000); opacity: var(--swiper-pagination-bullet-inactive-opacity, 0.2); } .swiper-pagination-clickable .swiper-pagination-bullet.data-v-391a97dd { cursor: pointer; } .swiper-pagination-bullet.data-v-391a97dd:only-child { display: none !important; } .swiper-pagination-bullet-active.data-v-391a97dd { opacity: var(--swiper-pagination-bullet-opacity, 1); background: var(--swiper-pagination-color, #007aff); } .swiper-vertical > .swiper-pagination-bullets.data-v-391a97dd, .swiper-pagination-vertical.swiper-pagination-bullets.data-v-391a97dd { right: 10px; top: 50%; -webkit-transform: translate3d(0px, -50%, 0); transform: translate3d(0px, -50%, 0); } .swiper-vertical > .swiper-pagination-bullets .swiper-pagination-bullet.data-v-391a97dd, .swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet.data-v-391a97dd { margin: var(--swiper-pagination-bullet-vertical-gap, 6px) 0; display: block; } .swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic.data-v-391a97dd, .swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic.data-v-391a97dd { top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); width: 8px; } .swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet.data-v-391a97dd, .swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet.data-v-391a97dd { display: inline-block; transition: 200ms top, 200ms -webkit-transform; transition: 200ms transform, 200ms top; transition: 200ms transform, 200ms top, 200ms -webkit-transform; } .swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet.data-v-391a97dd, .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet.data-v-391a97dd { margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 4px); } .swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic.data-v-391a97dd, .swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic.data-v-391a97dd { left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); white-space: nowrap; } .swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet.data-v-391a97dd, .swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet.data-v-391a97dd { transition: 200ms left, 200ms -webkit-transform; transition: 200ms transform, 200ms left; transition: 200ms transform, 200ms left, 200ms -webkit-transform; } .swiper-horizontal.swiper-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet.data-v-391a97dd { transition: 200ms right, 200ms -webkit-transform; transition: 200ms transform, 200ms right; transition: 200ms transform, 200ms right, 200ms -webkit-transform; } /* Progress */ .swiper-pagination-progressbar.data-v-391a97dd { background: rgba(0, 0, 0, 0.25); position: absolute; } .swiper-pagination-progressbar .swiper-pagination-progressbar-fill.data-v-391a97dd { background: var(--swiper-pagination-color, #007aff); position: absolute; left: 0; top: 0; width: 100%; height: 100%; -webkit-transform: scale(0); transform: scale(0); -webkit-transform-origin: left top; transform-origin: left top; } .swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill.data-v-391a97dd { -webkit-transform-origin: right top; transform-origin: right top; } .swiper-horizontal > .swiper-pagination-progressbar.data-v-391a97dd, .swiper-pagination-progressbar.swiper-pagination-horizontal.data-v-391a97dd, .swiper-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite.data-v-391a97dd, .swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite.data-v-391a97dd { width: 100%; height: 4px; left: 0; top: 0; } .swiper-vertical > .swiper-pagination-progressbar.data-v-391a97dd, .swiper-pagination-progressbar.swiper-pagination-vertical.data-v-391a97dd, .swiper-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite.data-v-391a97dd, .swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite.data-v-391a97dd { width: 4px; height: 100%; left: 0; top: 0; } .swiper-pagination-lock.data-v-391a97dd { display: none; } .swiper-slide-thumb.data-v-391a97dd { opacity: 0.4; } .swiper-slide-thumb-active.data-v-391a97dd { opacity: 1; } /* Scrollbar */ .swiper-scrollbar.data-v-391a97dd { border-radius: 10px; position: relative; -ms-touch-action: none; background: rgba(0, 0, 0, 0.1); } .swiper-horizontal > .swiper-scrollbar.data-v-391a97dd { position: absolute; left: 1%; bottom: 3px; z-index: 50; height: 5px; width: 98%; } .swiper-vertical > .swiper-scrollbar.data-v-391a97dd { position: absolute; right: 3px; top: 1%; z-index: 50; width: 5px; height: 98%; } .swiper-scrollbar-drag.data-v-391a97dd { height: 100%; width: 100%; position: relative; background: rgba(0, 0, 0, 0.5); border-radius: 10px; left: 0; top: 0; } .swiper-scrollbar-cursor-drag.data-v-391a97dd { cursor: move; } .swiper-scrollbar-lock.data-v-391a97dd { display: none; }