@charset "UTF-8"; * { scrollbar-width: none; } .van-popup--center { max-width: calc(400px - var(--van-padding-md) * 2) !important; } .van-popup--bottom { left: inherit !important; max-width: 460px; } .mian_app { width: 100%; max-width: 460px; height: 100%; } .full-height { width: 100%; height: 100%; } .login .van-field__error-message { position: absolute !important; top: 2px !important; right: 0 !important; } .new_input { position: relative; } .new_input .van-field__control { padding-left: 16px !important; } .new_input img { position: absolute; top: 12px; left: 10px; } .van-checkbox__icon .van-icon { border-radius: 50%; } .textp * { line-height: 16px; } .textp p { margin-top: 0 !important; margin-bottom: 0 !important; } .my_coin .van-cell__right-icon { line-height: inherit !important; padding-top: 5px !important; } .onebank .van-field__label { padding-top: 10px; } .onebank .van-field__body { margin-top: 8px; } .onebank .van-cell__right-icon { padding-top: 5px; box-sizing: border-box; } .w-screen { width: inherit !important; } .van-swipe-item { width: 100%; } .van-swipe-item img { width: 100%; height: auto; } .van-picker__confirm { color: #38b2ac !important; } #timeone { color: #fff !important; font-size: 5rem !important; } /*! base-class.css v1.0.8 | MIT License | https://github.com/doofox/base-class.css */ .f { display: -webkit-box; display: -ms-flexbox; display: flex; } .f1 { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } .f2 { -webkit-box-flex: 2; -ms-flex: 2; flex: 2; } .f3 { -webkit-box-flex: 3; -ms-flex: 3; flex: 3; } .f4 { -webkit-box-flex: 4; -ms-flex: 4; flex: 4; } .f5 { -webkit-box-flex: 5; -ms-flex: 5; flex: 5; } .f6 { -webkit-box-flex: 6; -ms-flex: 6; flex: 6; } .f7 { -webkit-box-flex: 7; -ms-flex: 7; flex: 7; } .f8 { -webkit-box-flex: 8; -ms-flex: 8; flex: 8; } .f9 { -webkit-box-flex: 9; -ms-flex: 9; flex: 9; } .f10 { -webkit-box-flex: 10; -ms-flex: 10; flex: 10; } .f11 { -webkit-box-flex: 11; -ms-flex: 11; flex: 11; } .f12 { -webkit-box-flex: 12; -ms-flex: 12; flex: 12; } .f13 { -webkit-box-flex: 13; -ms-flex: 13; flex: 13; } .f14 { -webkit-box-flex: 14; -ms-flex: 14; flex: 14; } .f15 { -webkit-box-flex: 15; -ms-flex: 15; flex: 15; } .f16 { -webkit-box-flex: 16; -ms-flex: 16; flex: 16; } .f17 { -webkit-box-flex: 17; -ms-flex: 17; flex: 17; } .f18 { -webkit-box-flex: 18; -ms-flex: 18; flex: 18; } .f19 { -webkit-box-flex: 19; -ms-flex: 19; flex: 19; } .f20 { -webkit-box-flex: 20; -ms-flex: 20; flex: 20; } .f21 { -webkit-box-flex: 21; -ms-flex: 21; flex: 21; } .f22 { -webkit-box-flex: 22; -ms-flex: 22; flex: 22; } .f23 { -webkit-box-flex: 23; -ms-flex: 23; flex: 23; } .f24 { -webkit-box-flex: 24; -ms-flex: 24; flex: 24; } .f-ac { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .f-afs { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } .f-afe { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; } .f-jc { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .f-js { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .f-acjs { 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; } .f-acjc { 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; } .f-afejc { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .f-w { -ms-flex-wrap: wrap; flex-wrap: wrap; } .p-r { position: relative; } .p-a { position: absolute; } .p-f { position: fixed; } .p-full { top: 0; bottom: 0; left: 0; right: 0; width: 100%; height: 100%; } .gray { -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: grayscale(100%); -webkit-filter: gray; filter: gray; } .t-c { text-align: center; } .t-l { text-align: left; } .t-r { text-align: right; } .t-b { font-weight: 700; } .t-b-100 { font-weight: 100; } .t-b-200 { font-weight: 200; } .t-b-300 { font-weight: 300; } .t-b-400 { font-weight: 400; } .t-b-500 { font-weight: 500; } .t-b-600 { font-weight: 600; } .t-b-700 { font-weight: 700; } [hidden] { display: none; } .hide { opacity: 0; visibility: hidden; } .show { opacity: 1; visibility: visible; } .f-l { float: left; } .f-r { float: right; } .clearfix:after { content: " "; display: table; clear: both; } .bg-cover { height: 100%; width: 100%; background-position: center; background-size: cover; background-repeat: no-repeat; } .overflow { overflow: hidden; } .overflow-y { overflow: hidden; overflow-y: auto; } .overflow-x { overflow: hidden; overflow-x: auto; } .block { display: block; width: 100%; } .iblock { display: inline-block; } .untouch { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; pointer-events: none; } .touch { -webkit-user-select: all; -moz-user-select: all; -ms-user-select: all; user-select: all; pointer-events: all; } .cur-p { cursor: pointer; } .cur-d { cursor: default; } .w-0 { width: 0%; } .w-5 { width: 5%; } .w-10 { width: 10%; } .w-15 { width: 15%; } .w-20 { width: 20%; } .w-25 { width: 25%; } .w-30 { width: 30%; } .w-35 { width: 35%; } .w-40 { width: 40%; } .w-45 { width: 45%; } .w-50 { width: 50%; } .w-55 { width: 55%; } .w-60 { width: 60%; } .w-65 { width: 65%; } .w-70 { width: 70%; } .w-75 { width: 75%; } .w-80 { width: 80%; } .w-85 { width: 85%; } .w-90 { width: 90%; } .w-95 { width: 95%; } .w-100 { width: 100%; } :root { --vue-mobcal-color-primary: #007ad3; } .cal-container { margin-left: auto; margin-right: auto; position: relative; overflow: hidden; list-style: none; padding: 0; z-index: 1; } .cal-container .cal-wrapper { position: relative; width: 100%; height: 100%; z-index: 1; display: flex; transition-property: transform; box-sizing: content-box; transform: translateZ(0); } .cal-container .cal-wrapper .cal-slide { transform: translateZ(0); flex-shrink: 0; width: 100%; height: 100%; position: relative; transition-property: transform; } .cal-container.cal-container-autoheight, .cal-container.cal-container-autoheight .cal-slide { height: auto; } .cal-container.cal-container-autoheight .cal-wrapper { align-items: flex-start; transition-property: transform, height; } .vue-mobcal-wrapper { width: 100%; background-color: #fff; } .vue-mobcal-head { height: 13.86667vw; padding: 0 4vw; color: var(--vue-mobcal-color-primary); font-size: 4vw; line-height: 6.4vw; border-bottom: 1px solid #f5f5f5; position: relative; } .vue-mobcal-head .vue-mobcal-head-left { left: 4vw; } .vue-mobcal-head .vue-mobcal-head-right { right: 4vw; } .vue-mobcal-head .vue-mobcal-head-left, .vue-mobcal-head .vue-mobcal-head-right { position: absolute; } .vue-mobcal-head .vue-mobcal-head-content span { height: 6.4vw; padding: 0 1.6vw; font-weight: 600; vertical-align: middle; } .vue-mobcal-head .vue-mobcal-head-content i { display: inline-block; vertical-align: middle; } .vue-mobcal-head .vue-mobcal-head-content svg { width: 4.26667vw; height: 6.4vw; line-height: 6.4vw; vertical-align: middle; fill: currentColor; } .vue-mobcal-head .vue-mobcal-head-content .mobcal-font { padding: 0 1.6vw; } .vue-mobcal-page { padding: 3.73333vw 6.4vw; position: relative; } .vue-mobcal-page .vue-mobcal-table-head-fixed { position: relative; border-spacing: 0; margin-top: 0; } .vue-mobcal-page .vue-mobcal-table-head-fixed thead { opacity: 1; } .vue-mobcal-page .vue-mobcal-table-head-fixed th { font-size: 3.73333vw; line-height: 5.33333vw; color: #2a2a2a; padding: 0; width: 14.285714286%; max-width: 14.285714286%; min-width: 14.285714286%; } .vue-mobcal-page table { width: 100%; border-spacing: 0; margin-top: -0.53333vw; } .vue-mobcal-page thead { opacity: 0; } .vue-mobcal-page th { font-size: 0; height: 0; } .vue-mobcal-page td { text-align: center; font-size: 3.2vw; line-height: 5.86667vw; color: #6d7278; padding: 2.13333vw 0; width: 14.285714286%; max-width: 14.285714286%; min-width: 14.285714286%; } .vue-mobcal-page .detail { position: relative; } .vue-mobcal-page .mindot { width: 1.06667vw; height: 1.06667vw; position: absolute; z-index: 2; bottom: 0; left: 50%; margin-left: -0.53333vw; background-color: var(--vue-mobcal-color-primary); border-radius: 26.66667vw; } .vue-mobcal-page .is-today span, .vue-mobcal-page .is-active-day span { position: relative; z-index: 9; } .vue-mobcal-page .is-today .mindot, .vue-mobcal-page .is-active-day .mindot { position: absolute; z-index: 2; } .vue-mobcal-page .is-today .dot, .vue-mobcal-page .is-active-day .dot { position: absolute; z-index: 1; top: 0; left: 0; height: 6.93333vw; width: 6.93333vw; background-color: var(--vue-mobcal-color-primary); transform: translate(-50%) translateY(-0.53333vw); margin-left: 50%; opacity: 0.1; border-radius: 26.66667vw; } .vue-mobcal-page .is-today { color: var(--vue-mobcal-color-primary); } .vue-mobcal-page .is-today .dot { opacity: 0.1; } .vue-mobcal-page .is-work-day { color: #000; font-weight: 500; } .vue-mobcal-page .is-other-month { color: rgba(109, 114, 120, 0.5); } .vue-mobcal-page .is-active-day { color: #fff; } .vue-mobcal-page .is-active-day .dot { opacity: 1; } .vue-mobcal-mode-control { margin-top: -6.4vw; padding: 3.73333vw 6.4vw; font-size: 4.26667vw; line-height: 4.26667vw; position: relative; } .vue-mobcal-mode-control span { vertical-align: middle; display: inline-block; transform: rotate(180deg); } .vue-mobcal-mode-control span svg { width: 4.26667vw; height: 4.26667vw; line-height: 4.26667vw; vertical-align: middle; } .vue-mobcal-mode-control:before, .vue-mobcal-mode-control:after { position: absolute; top: 6.4vw; content: ""; display: block; height: 1px; width: calc(50% - 8.53333vw); background-color: rgba(0, 0, 0, 0.1); } .vue-mobcal-mode-control.expand span { transform: rotate(0); } .vue-mobcal-mode-control:before { left: 3.73333vw; } .vue-mobcal-mode-control:after { right: 3.73333vw; } :root { --van-overlay-z-index: 99 !important; --theme-color: #3574f0; --dark-blue: #004a9c; --tabbar-height: 49px; --navbar-height: 46px; } html, body { width: 100%; height: 100%; font-size: 4rem; } html #app, body #app { width: 100%; height: 100%; } .translateYTop-enter-active, .translateYTop-leave-active { transition-duration: 0.3s; } .translateYTop-enter-from, .translateYTop-leave-to { --un-translate-y: -300px; transform: translate(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotate(var(--un-rotate-z)) skew(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z)); } ::-webkit-scrollbar { width: 0 !important; height: 0 !important; } body::-webkit-scrollbar, .mine::-webkit-scrollbar { display: none; } * { line-height: 1; } .ab-center { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .theme-bg-color { background: var(--theme-color); } .theme-text-color { color: var(--theme-color); } .theme-shadow { box-shadow: 0 2px 8px rgba(168, 168, 168, 0.15); } .dark-blue_text { color: var(--dark-blue); } .dark-blue_bg { background: var(--dark-blue); } .text-overflow-3 { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; line-clamp: 3; overflow: hidden; text-overflow: ellipsis; } .van-toast--text, .van-toast--loading { background: rgba(0, 0, 0, 0.7) !important; } .text-uppercase { text-transform: uppercase; } .text-overflow-1 { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .text-overflow-3 { display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; } .text-overflow-2 { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; } .van-list__loading { margin-top: 20px; } :root { --van-black: #000; --van-white: #fff; --van-gray-1: #f7f8fa; --van-gray-2: #f2f3f5; --van-gray-3: #ebedf0; --van-gray-4: #dcdee0; --van-gray-5: #c8c9cc; --van-gray-6: #969799; --van-gray-7: #646566; --van-gray-8: #323233; --van-red: #ee0a24; --van-blue: #1989fa; --van-orange: #ff976a; --van-orange-dark: #ed6a0c; --van-orange-light: #fffbe8; --van-green: #07c160; --van-gradient-red: linear-gradient(to right, #ff6034, #ee0a24); --van-gradient-orange: linear-gradient(to right, #ffd01e, #ff8917); --van-primary-color: var(--van-blue); --van-success-color: var(--van-green); --van-danger-color: var(--van-red); --van-warning-color: var(--van-orange); --van-text-color: var(--van-gray-8); --van-text-color-2: var(--van-gray-6); --van-text-color-3: var(--van-gray-5); --van-active-color: var(--van-gray-2); --van-active-opacity: 0.6; --van-disabled-opacity: 0.5; --van-background: var(--van-gray-1); --van-background-2: var(--van-white); --van-background-3: var(--van-white); --van-padding-base: 4px; --van-padding-xs: 8px; --van-padding-sm: 12px; --van-padding-md: 16px; --van-padding-lg: 24px; --van-padding-xl: 32px; --van-font-bold: 600; --van-font-size-xs: 10px; --van-font-size-sm: 12px; --van-font-size-md: 14px; --van-font-size-lg: 16px; --van-line-height-xs: 14px; --van-line-height-sm: 18px; --van-line-height-md: 20px; --van-line-height-lg: 22px; --van-base-font: -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, Segoe UI, Arial, Roboto, "PingFang SC", "miui", "Hiragino Sans GB", "Microsoft Yahei", sans-serif; --van-price-font: avenir-heavy, "PingFang SC", helvetica neue, arial, sans-serif; --van-duration-base: 0.3s; --van-duration-fast: 0.2s; --van-ease-out: ease-out; --van-ease-in: ease-in; --van-border-color: var(--van-gray-3); --van-border-width: 1px; --van-radius-sm: 2px; --van-radius-md: 4px; --van-radius-lg: 8px; --van-radius-max: 999px; } .van-theme-dark { --van-text-color: #f5f5f5; --van-text-color-2: #707070; --van-text-color-3: #4d4d4d; --van-border-color: #3a3a3c; --van-active-color: #3a3a3c; --van-background: #000; --van-background-2: #1c1c1e; --van-background-3: #37363b; } html { -webkit-tap-highlight-color: transparent; } body { margin: 0; font-family: var(--van-base-font); } a { text-decoration: none; } input, button, textarea { color: inherit; font: inherit; } a:focus, input:focus, button:focus, textarea:focus, [class*="van-"]:focus { outline: none; } ol, ul { margin: 0; padding: 0; list-style: none; } @keyframes van-slide-up-enter { 0% { transform: translate3d(0, 100%, 0); } } @keyframes van-slide-up-leave { to { transform: translate3d(0, 100%, 0); } } @keyframes van-slide-down-enter { 0% { transform: translate3d(0, -100%, 0); } } @keyframes van-slide-down-leave { to { transform: translate3d(0, -100%, 0); } } @keyframes van-slide-left-enter { 0% { transform: translate3d(-100%, 0, 0); } } @keyframes van-slide-left-leave { to { transform: translate3d(-100%, 0, 0); } } @keyframes van-slide-right-enter { 0% { transform: translate3d(100%, 0, 0); } } @keyframes van-slide-right-leave { to { transform: translate3d(100%, 0, 0); } } @keyframes van-fade-in { 0% { opacity: 0; } to { opacity: 1; } } @keyframes van-fade-out { 0% { opacity: 1; } to { opacity: 0; } } @keyframes van-rotate { 0% { transform: rotate(0); } to { transform: rotate(360deg); } } .van-fade-enter-active { animation: var(--van-duration-base) van-fade-in both var(--van-ease-out); } .van-fade-leave-active { animation: var(--van-duration-base) van-fade-out both var(--van-ease-in); } .van-slide-up-enter-active { animation: van-slide-up-enter var(--van-duration-base) both var(--van-ease-out); } .van-slide-up-leave-active { animation: van-slide-up-leave var(--van-duration-base) both var(--van-ease-in); } .van-slide-down-enter-active { animation: van-slide-down-enter var(--van-duration-base) both var(--van-ease-out); } .van-slide-down-leave-active { animation: van-slide-down-leave var(--van-duration-base) both var(--van-ease-in); } .van-slide-left-enter-active { animation: van-slide-left-enter var(--van-duration-base) both var(--van-ease-out); } .van-slide-left-leave-active { animation: van-slide-left-leave var(--van-duration-base) both var(--van-ease-in); } .van-slide-right-enter-active { animation: van-slide-right-enter var(--van-duration-base) both var(--van-ease-out); } .van-slide-right-leave-active { animation: van-slide-right-leave var(--van-duration-base) both var(--van-ease-in); } .van-clearfix:after { display: table; clear: both; content: ""; } .van-ellipsis { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .van-multi-ellipsis--l2 { display: -webkit-box; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 2; line-break: anywhere; -webkit-box-orient: vertical; } .van-multi-ellipsis--l3 { display: -webkit-box; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 3; line-break: anywhere; -webkit-box-orient: vertical; } .van-safe-area-top { padding-top: constant(safe-area-inset-top); padding-top: env(safe-area-inset-top); } .van-safe-area-bottom { padding-bottom: constant(safe-area-inset-bottom); padding-bottom: env(safe-area-inset-bottom); } .van-haptics-feedback { cursor: pointer; } .van-haptics-feedback:active { opacity: var(--van-active-opacity); } [class*="van-hairline"]:after { position: absolute; box-sizing: border-box; content: " "; pointer-events: none; top: -50%; right: -50%; bottom: -50%; left: -50%; border: 0 solid var(--van-border-color); transform: scale(0.5); } .van-hairline, .van-hairline--top, .van-hairline--left, .van-hairline--right, .van-hairline--bottom, .van-hairline--surround, .van-hairline--top-bottom { position: relative; } .van-hairline--top:after { border-top-width: var(--van-border-width); } .van-hairline--left:after { border-left-width: var(--van-border-width); } .van-hairline--right:after { border-right-width: var(--van-border-width); } .van-hairline--bottom:after { border-bottom-width: var(--van-border-width); } .van-hairline--top-bottom:after, .van-hairline-unset--top-bottom:after { border-width: var(--van-border-width) 0; } .van-hairline--surround:after { border-width: var(--van-border-width); } :root { --van-action-bar-background: var(--van-background-2); --van-action-bar-height: 50px; } .van-action-bar { position: fixed; right: 0; bottom: 0; left: 0; display: flex; align-items: center; box-sizing: content-box; height: var(--van-action-bar-height); background: var(--van-action-bar-background); } :root { --van-badge-size: 16px; --van-badge-color: var(--van-white); --van-badge-padding: 0 3px; --van-badge-font-size: var(--van-font-size-sm); --van-badge-font-weight: var(--van-font-bold); --van-badge-border-width: var(--van-border-width); --van-badge-background: var(--van-danger-color); --van-badge-dot-color: var(--van-danger-color); --van-badge-dot-size: 8px; --van-badge-font: -apple-system-font, helvetica neue, arial, sans-serif; } .van-badge { display: inline-block; box-sizing: border-box; min-width: var(--van-badge-size); padding: var(--van-badge-padding); color: var(--van-badge-color); font-weight: var(--van-badge-font-weight); font-size: var(--van-badge-font-size); font-family: var(--van-badge-font); line-height: 1.2; text-align: center; background: var(--van-badge-background); border: var(--van-badge-border-width) solid var(--van-background-2); border-radius: var(--van-radius-max); } .van-badge--fixed { position: absolute; transform-origin: 100%; } .van-badge--top-left { top: 0; left: 0; transform: translate(-50%, -50%); } .van-badge--top-right { top: 0; right: 0; transform: translate(50%, -50%); } .van-badge--bottom-left { bottom: 0; left: 0; transform: translate(-50%, 50%); } .van-badge--bottom-right { bottom: 0; right: 0; transform: translate(50%, 50%); } .van-badge--dot { width: var(--van-badge-dot-size); min-width: 0; height: var(--van-badge-dot-size); background: var(--van-badge-dot-color); border-radius: 100%; border: none; padding: 0; } .van-badge__wrapper { position: relative; display: inline-block; } .van-icon { position: relative; display: inline-block; font: 14px/1 vant-icon; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; } .van-icon:before { display: inline-block; } .van-icon-exchange:before { content: ""; } .van-icon-eye:before { content: ""; } .van-icon-enlarge:before { content: ""; } .van-icon-expand-o:before { content: ""; } .van-icon-eye-o:before { content: ""; } .van-icon-expand:before { content: ""; } .van-icon-filter-o:before { content: ""; } .van-icon-fire:before { content: ""; } .van-icon-fail:before { content: ""; } .van-icon-failure:before { content: ""; } .van-icon-fire-o:before { content: ""; } .van-icon-flag-o:before { content: ""; } .van-icon-font:before { content: ""; } .van-icon-font-o:before { content: ""; } .van-icon-gem-o:before { content: ""; } .van-icon-flower-o:before { content: ""; } .van-icon-gem:before { content: ""; } .van-icon-gift-card:before { content: ""; } .van-icon-friends:before { content: ""; } .van-icon-friends-o:before { content: ""; } .van-icon-gold-coin:before { content: ""; } .van-icon-gold-coin-o:before { content: ""; } .van-icon-good-job-o:before { content: ""; } .van-icon-gift:before { content: ""; } .van-icon-gift-o:before { content: ""; } .van-icon-gift-card-o:before { content: ""; } .van-icon-good-job:before { content: ""; } .van-icon-home-o:before { content: ""; } .van-icon-goods-collect:before { content: ""; } .van-icon-graphic:before { content: ""; } .van-icon-goods-collect-o:before { content: ""; } .van-icon-hot-o:before { content: ""; } .van-icon-info:before { content: ""; } .van-icon-hotel-o:before { content: ""; } .van-icon-info-o:before { content: ""; } .van-icon-hot-sale-o:before { content: ""; } .van-icon-hot:before { content: ""; } .van-icon-like:before { content: ""; } .van-icon-idcard:before { content: ""; } .van-icon-invitation:before { content: ""; } .van-icon-like-o:before { content: ""; } .van-icon-hot-sale:before { content: ""; } .van-icon-location-o:before { content: ""; } .van-icon-location:before { content: ""; } .van-icon-label:before { content: ""; } .van-icon-lock:before { content: ""; } .van-icon-label-o:before { content: ""; } .van-icon-map-marked:before { content: ""; } .van-icon-logistics:before { content: ""; } .van-icon-manager:before { content: ""; } .van-icon-more:before { content: ""; } .van-icon-live:before { content: ""; } .van-icon-manager-o:before { content: ""; } .van-icon-medal:before { content: ""; } .van-icon-more-o:before { content: ""; } .van-icon-music-o:before { content: ""; } .van-icon-music:before { content: ""; } .van-icon-new-arrival-o:before { content: ""; } .van-icon-medal-o:before { content: ""; } .van-icon-new-o:before { content: ""; } .van-icon-free-postage:before { content: ""; } .van-icon-newspaper-o:before { content: ""; } .van-icon-new-arrival:before { content: ""; } .van-icon-minus:before { content: ""; } .van-icon-orders-o:before { content: ""; } .van-icon-new:before { content: ""; } .van-icon-paid:before { content: ""; } .van-icon-notes-o:before { content: ""; } .van-icon-other-pay:before { content: ""; } .van-icon-pause-circle:before { content: ""; } .van-icon-pause:before { content: ""; } .van-icon-pause-circle-o:before { content: ""; } .van-icon-peer-pay:before { content: ""; } .van-icon-pending-payment:before { content: ""; } .van-icon-passed:before { content: ""; } .van-icon-plus:before { content: ""; } .van-icon-phone-circle-o:before { content: ""; } .van-icon-phone-o:before { content: ""; } .van-icon-printer:before { content: ""; } .van-icon-photo-fail:before { content: ""; } .van-icon-phone:before { content: ""; } .van-icon-photo-o:before { content: ""; } .van-icon-play-circle:before { content: ""; } .van-icon-play:before { content: ""; } .van-icon-phone-circle:before { content: ""; } .van-icon-point-gift-o:before { content: ""; } .van-icon-point-gift:before { content: ""; } .van-icon-play-circle-o:before { content: ""; } .van-icon-shrink:before { content: ""; } .van-icon-photo:before { content: ""; } .van-icon-qr:before { content: ""; } .van-icon-qr-invalid:before { content: ""; } .van-icon-question-o:before { content: ""; } .van-icon-revoke:before { content: ""; } .van-icon-replay:before { content: ""; } .van-icon-service:before { content: ""; } .van-icon-question:before { content: ""; } .van-icon-search:before { content: ""; } .van-icon-refund-o:before { content: ""; } .van-icon-service-o:before { content: ""; } .van-icon-scan:before { content: ""; } .van-icon-share:before { content: ""; } .van-icon-send-gift-o:before { content: ""; } .van-icon-share-o:before { content: ""; } .van-icon-setting:before { content: ""; } .van-icon-points:before { content: ""; } .van-icon-photograph:before { content: ""; } .van-icon-shop:before { content: ""; } .van-icon-shop-o:before { content: ""; } .van-icon-shop-collect-o:before { content: ""; } .van-icon-shop-collect:before { content: ""; } .van-icon-smile:before { content: ""; } .van-icon-shopping-cart-o:before { content: ""; } .van-icon-sign:before { content: ""; } .van-icon-sort:before { content: ""; } .van-icon-star-o:before { content: ""; } .van-icon-smile-comment-o:before { content: ""; } .van-icon-stop:before { content: ""; } .van-icon-stop-circle-o:before { content: ""; } .van-icon-smile-o:before { content: ""; } .van-icon-star:before { content: ""; } .van-icon-success:before { content: ""; } .van-icon-stop-circle:before { content: ""; } .van-icon-records:before { content: ""; } .van-icon-shopping-cart:before { content: ""; } .van-icon-tosend:before { content: ""; } .van-icon-todo-list:before { content: ""; } .van-icon-thumb-circle-o:before { content: ""; } .van-icon-thumb-circle:before { content: ""; } .van-icon-umbrella-circle:before { content: ""; } .van-icon-underway:before { content: ""; } .van-icon-upgrade:before { content: ""; } .van-icon-todo-list-o:before { content: ""; } .van-icon-tv-o:before { content: ""; } .van-icon-underway-o:before { content: ""; } .van-icon-user-o:before { content: ""; } .van-icon-vip-card-o:before { content: ""; } .van-icon-vip-card:before { content: ""; } .van-icon-send-gift:before { content: ""; } .van-icon-wap-home:before { content: ""; } .van-icon-wap-nav:before { content: ""; } .van-icon-volume-o:before { content: ""; } .van-icon-video:before { content: ""; } .van-icon-wap-home-o:before { content: ""; } .van-icon-volume:before { content: ""; } .van-icon-warning:before { content: ""; } .van-icon-weapp-nav:before { content: ""; } .van-icon-wechat-pay:before { content: ""; } .van-icon-warning-o:before { content: ""; } .van-icon-wechat:before { content: ""; } .van-icon-setting-o:before { content: ""; } .van-icon-youzan-shield:before { content: ""; } .van-icon-warn-o:before { content: ""; } .van-icon-smile-comment:before { content: ""; } .van-icon-user-circle-o:before { content: ""; } .van-icon-video-o:before { content: ""; } .van-icon-add-square:before { content: ""; } .van-icon-add:before { content: ""; } .van-icon-arrow-down:before { content: ""; } .van-icon-arrow-up:before { content: ""; } .van-icon-arrow:before { content: ""; } .van-icon-after-sale:before { content: ""; } .van-icon-add-o:before { content: ""; } .van-icon-alipay:before { content: ""; } .van-icon-ascending:before { content: ""; } .van-icon-apps-o:before { content: ""; } .van-icon-aim:before { content: ""; } .van-icon-award:before { content: ""; } .van-icon-arrow-left:before { content: ""; } .van-icon-award-o:before { content: ""; } .van-icon-audio:before { content: ""; } .van-icon-bag-o:before { content: ""; } .van-icon-balance-list:before { content: ""; } .van-icon-back-top:before { content: ""; } .van-icon-bag:before { content: ""; } .van-icon-balance-pay:before { content: ""; } .van-icon-balance-o:before { content: ""; } .van-icon-bar-chart-o:before { content: ""; } .van-icon-bars:before { content: ""; } .van-icon-balance-list-o:before { content: ""; } .van-icon-birthday-cake-o:before { content: ""; } .van-icon-bookmark:before { content: ""; } .van-icon-bill:before { content: ""; } .van-icon-bell:before { content: ""; } .van-icon-browsing-history-o:before { content: ""; } .van-icon-browsing-history:before { content: ""; } .van-icon-bookmark-o:before { content: ""; } .van-icon-bulb-o:before { content: ""; } .van-icon-bullhorn-o:before { content: ""; } .van-icon-bill-o:before { content: ""; } .van-icon-calendar-o:before { content: ""; } .van-icon-brush-o:before { content: ""; } .van-icon-card:before { content: ""; } .van-icon-cart-o:before { content: ""; } .van-icon-cart-circle:before { content: ""; } .van-icon-cart-circle-o:before { content: ""; } .van-icon-cart:before { content: ""; } .van-icon-cash-on-deliver:before { content: ""; } .van-icon-cash-back-record:before { content: ""; } .van-icon-cashier-o:before { content: ""; } .van-icon-chart-trending-o:before { content: ""; } .van-icon-certificate:before { content: ""; } .van-icon-chat:before { content: ""; } .van-icon-clear:before { content: ""; } .van-icon-chat-o:before { content: ""; } .van-icon-checked:before { content: ""; } .van-icon-clock:before { content: ""; } .van-icon-clock-o:before { content: ""; } .van-icon-close:before { content: ""; } .van-icon-closed-eye:before { content: ""; } .van-icon-circle:before { content: ""; } .van-icon-cluster-o:before { content: ""; } .van-icon-column:before { content: ""; } .van-icon-comment-circle-o:before { content: ""; } .van-icon-cluster:before { content: ""; } .van-icon-comment:before { content: ""; } .van-icon-comment-o:before { content: ""; } .van-icon-comment-circle:before { content: ""; } .van-icon-completed:before { content: ""; } .van-icon-credit-pay:before { content: ""; } .van-icon-coupon:before { content: ""; } .van-icon-debit-pay:before { content: ""; } .van-icon-coupon-o:before { content: ""; } .van-icon-contact:before { content: ""; } .van-icon-descending:before { content: ""; } .van-icon-desktop-o:before { content: ""; } .van-icon-diamond-o:before { content: ""; } .van-icon-description:before { content: ""; } .van-icon-delete:before { content: ""; } .van-icon-diamond:before { content: ""; } .van-icon-delete-o:before { content: ""; } .van-icon-cross:before { content: ""; } .van-icon-edit:before { content: ""; } .van-icon-ellipsis:before { content: ""; } .van-icon-down:before { content: ""; } .van-icon-discount:before { content: ""; } .van-icon-ecard-pay:before { content: ""; } .van-icon-envelop-o:before { content: ""; } .van-icon-shield-o:before { content: ""; } .van-icon-guide-o:before { content: ""; } .van-icon-cash-o:before { content: ""; } .van-icon-qq:before { content: ""; } .van-icon-wechat-moments:before { content: ""; } .van-icon-weibo:before { content: ""; } .van-icon-link-o:before { content: ""; } .van-icon-miniprogram-o:before { content: ""; } @font-face { font-weight: 400; font-family: vant-icon; font-style: normal; font-display: auto; src: url(data:font/woff2;charset=utf-8;base64,d09GMgABAAAAAGAgAA0AAAAA34AAAF/FAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAP0ZGVE0cGh4GYACCShEICoOWIIK6dAuDdAABNgIkA4N6BCAFhQ4HlRUb9q51B8h1O4AkUtvLGIkQNg4Ake1DZ///x+TGmFAifdkzRYUNWmGzVcusxJ63YJ8dHfe+KIHghunNX2CmdJrQVCF2JKmxNGunPaLGLvxCy+jknqsM//A/rYfPwLaRP8nJOzzfNt9HwIMvl8r/CgiCeCKKoPyvNyB44Ql4Vl53giaWHXaYttIOq3WvzNrEaldtbbXOpW7Zqa3WypXYtZXZWqtdMbBtzM06zF0dRqJN/Ndt392fEw04xCThNMtyiZNmgkBa1Nl/EysgV0oVx3IdupYPgKbHI01//pc5q27DbFW3JCeHiJYV2JsALbI/0lf6BmZmEe4JQL/lLdsCPrbr802ftjhV8OHfuSqvwEmCnESQXYdiayIRZAVd9lRXrv1Nfp9EsLlJvKi0HRPwyMmvzTuXn9j0kxrQIQ6QAzcGN8etbYwZPI8WAH7gx3em0q+0saRnuBTNJSAnPijlUuKs6B/71/4NOE7bUcI3gtwAKO0G5pnzKB5ughso4QNROGx8T0Cmc3pcN0izuUyKohr/3tTKC7tpdjl3MqCcna2rqeJc5iqXcSZSkr1+/zfQ///+jUY3wAW7SQ4I7IxAYEYLgMMTSHB3CQKDMuRS5LganvG2CexckZxdFYec9TKUs26kzLtciqYUbSgTJAovCBXvRTKhwkBBqFChklBBZNy1ltR0I0eiGaFBbhE8kprnPn672VRW5nSpGVVBOI5PeGc9/vl/TP0/pknXzk/6M5ut0Q0KcoELiL5CUbZlloKfmCBB2lPP/jsCAKAcuGX7O7EDv6aNREBABqPKYoTdiIN3myCmMwEg1gQ6AGk6fieMAwBsZCXQA8A4/f/oSX2y3yBrTaoA5/53/EmOQ6fdwjs6XAB+j5Dg16TDSXJgpkYBzQaJAgbJiEMJ95EnA3Z76vEnj4+FJ2hLz8NyVkDjpgmoka7a/7UHsh+DfrvWPX8PQN+Awzugmt5cP79HPiPMvdAIiUPJEzkBHctzW1vbVDKNmI0arNEWm2dsmTg0805UQvRAnypKpTEiioRgCJpexOGEuJA6SsSHdApiZTnKQKlkSshErUQOSoojLdXYYi9IiIsnxVKnjnWijipgf1Hln4+G2HpUaHUFZrRUpUIN1Uuc/CiUUe0EOM4oMYqk1CW7RASwRi0elf4yuYg+AkSltaRUek3V9BYhSD3JmrNBBm104NERZo8Hqt+dkk4zg0wK9A4bZb6eIhf1Faw43F3cckuxHMCYO632t70Y9ooQe+bbiA2D+QYxmlvTUb5S3c3QwuyVcZSL+1geHoCavIVVA2mbZXl2CGxtwglXoyolRYJBOBuYIBA0wvz26Aix4uiug+VtfVe7PhF2HG0p6hiHhKdZjeqUv8Og+ondmG0WhIlINRb/IlEhtZxyKwDBxInlTDtnqTaesLSq6hmzjgRwxpYyTwbdzg4MBlXCssLBAtkMcbJ/2zIcDHlWdgBCMe5Yjri6LgAa2bsdQOfuSy4/BSMt6e6j3clcwHtjDAAcnXrENVaBGeR7mU63vWu6ZWtk1ttb1eMe8l0Oe9h/fhUFyH46XVuXuU1xKUKUmqa52iLWckRkS7UIYmAQHVTbBAWWmmfuad9lhOYmBGPZNUH+DPYVY6iJfGcz9fuX0GFMjsimAAKz4jSylDxNIxWnauUtlNa6pspufFnmOTHD7o3xw0ij2tiqgFFQaDVXfR7MAkRTofG49Mtf9CGNDa4DjEhJh5EpQ+Dr1cWFt2jngf67kWUrKmhcDfBGs+paZkVxJJ62YzwBBZfob6AM5jlzbXyRZ/b5lVlbtWc8qj4O1wC+1uV0OsfswN8xli2XHXPniIqWdH22GmQp6RzxCMZaALZazaOoLJoeUUTVBmUYNlGlp1vxbDv3ZhWbcYJu4GbRNjt4btRUEnpmIcNOcaqzFoPFKI1fWnsZYbu7mMydEOqQtbDfuXVQjq40rkRaMC5g++yqzvZ4YZxEGsCco+4h5C6QuvVhrIvl+PiFssD72suvVWvxoj85Vr1yRzZBeztoUgZbi+sYOXhhixA6M0pQNwtllNhdonwFp65apMEmUYqRvBu2KaOz4hoCDk7QGFfF2IRMkoQ4y0IWTe/KDOa/wMV+zMcniNYN2Bi07yJuHBU6UXfIGFR7IYS8IqRc77k9ZPhvLcZlMbogpwpeVDJtnJcYe7t+SHQhxjE4l9WUQ43pZhf228nnmhVWokbQHZVAkQ8gg4mEUx1CEEJB0JivldoH4KF2d7CYWgBmDpcYM/POA2dRDAYSm5ZbGFUwrqk+5nlmcIha5xbIecrNdIMNbf8aRFdgY32vK+d5ikZG+9DkWYiAgLeWBx5IW9IiW7NZaSjLt6jcL5iEUPbrN6T8wQ1M3cVPo/5P+5p0rm0P+bz7/pvziOn5og2zChFIU6VYrfXrLN4mQxBjRAxPp5/ld/WuundlXr/zz1vr5qNBS6QphK2UpfVkTsbFo8kyiuyufLEqOHbVsfZ7l2/y9Z1ngzihLAYzHh6WCSgoETovPSxwJC4juMgM+gbUHuULg35xp7Ry8Hn0ZfjVdcp2iOdlt12ErsAYz2vjd7hN9dqR+d4v/PXUev/XBWxB7OlhV4JHNeWw0VFqT8/eh+B89xfCsFYNv4w+D75Yov55Y91+8vdr8+otpUjgX7VDTjjLkaHTpqYgMYJKCq6gHBPTAIcyAnjL1cub5gv12hEgl2kuZST+HPBPkc8afYhbs4hKt/zrmi/4iHmT/9N+fxTYJ+X1D2Uh3TpV2TPPuclSwLtpfqRMGWaATlx9qEMkrIQz415hTJ6G/KD7TCEKex5X6/c3qQyec5c8qUojJtey/S2c5mN8YMVo3PSo06GraYPW5hn209GGhrh0EkdJfxun8lJMhWhcGiVSY5LNtxu6uSKR7+1wu58QEwExirAlEjOS+LeOwlb3nu/HSPj0RjmU7PrrEGkqXlbTPFxdShCbHKJBrhfT6KLDejz9rGTzoTz1TYjqgCbylw7s36l8/7BwZVIjYRqenou9DSwCDEw7Dm/VjNvCCqY1I44LJvY+yhRqOd3sT94HKT9Fx0jPzV7zW8rYwsodaI3OXb8pyqQe9URCJcyLhnor97VMW0rZQphS1pMLJZ0oLPXG0AkfJkBtKK6bZRKjUvVi2kQui9dledCnDvIoiV2pgioU5F6jpo0e/ma9Qil6+7dk3L0gRlCQiJ2aYfV8IZFca+jcqITsuz/bLyeQYfPxkJU5bGBQZ5loryvrC17mqkVAVxLL+7R5lad9W8jRDbBfUOTVvdWiLUGZqSMzL71eOLJ/YCvO4nxdpkVsVlqHZOyU+XnDgCN5lr9n49qba08GdiAbgaRbvrW5/Jrdsf5U6ISKGarWvGjezqqb/ao4HBrYCWdR73CKmV5tNvqFN6S+sfqEb/mSHsiGHdhbK67zzo2no3mRaoWK6YTO9sobfdr144JMWx/8ls/FkJu9ZvzvmM81W/ruupwtO6s5yA5FkZqbKojOi8uIl+LSxV8HLq3YjlZvDgH0QKDLOm/y9uty+AsOPAJf180igz0AG60UHiYssMCegVEawvMkfuXEoZm8YBN1r/AUcfiDKFFZ8RCuu8zmz+IFkkg8h0N/iI6406qNmRxpXDuh3Du+JqN7TEHNiPRiSYNlZSgwPS6BUdPDE1OStSoVvwZDGblnnhcDoguy6K3/e+z0hz2uuEcayX1em6VFyhYmFpovNsjw2SSjNNj53SseYLDE51uYAAoCfoQiNNSqu4wtfUlPQdYlZpKu4h41uG/abVwGKrLt9tC7Kumzp2YbyEqTlh854QwTu7azM88q5kr3qd/FsWPWKpis4C77nMFbGWNEH7mjIBs0eK/iW6aVaXXmnc9Mb5ewATUKsvXWoLUg7fVzP2ygasUroSKSjOr7x1qgrdGM2/UwbUWNJL/iXepHrcCWBAaJKeh1WeDWvsnp02v0tIO8AYxJQT2Own5mE9jeckMIkGUihERosk47bDXygQcx9KPOuaZFeKrO//CtUSFrP81/a4ILJJAkO9YZtG9HWn8R1J1pJIzCWx5qfIg2s+b6LARcoo5l7pDZlSn1mmNphDhtogh0DqDVFFzjPCo5niKW4knC3IDl3FsK8dznG74hY+tUbbVuxZFSHBEGIrJaQ6LDjLcGUjYRANWB1b8x/5SgeWLC3CBg1UD11fB0osJmFMfq9mW2Q81EZ0PyEHTTOoxKo8TxDYp7vkhGkB5IkdqShq51IEa5uBYkYwnEJO/kGsbQRqpcQgQmCOIcCjSWZsGUg5BPO0TopqBUgDLnMKu1yPyqZ2szcz7HfoUszi43SYSFbgyKhLR+KGSFFD2lIzGagAH4ybqHo6yWXKtJeKkuedeTlDRmQ7BdKIKMhWX+14YJtQQB6o+oPopAI6qPi4cNthHnuecVwnFFSVqXslIjZApZnk85wToTeKbNywf225PRZmStxnxLMvwPFZnba4vKx7uMMQDbaGH8+y1e1Fd7qiLc6BBF1llSQpaTWaEYJbx+UHCxC5vvF3nnuYvQoozhvJSEviBSFOE5zr8CVP3JO6au+ryasFa1wjsN2TlZqN2ro16uI+drqu2S1KQK8dKYhS3xUhMjjBM+mYcfbtieqIVi7FBO5MJbMNELByRrkRV9z6u4Poes/bEic5GlbErXa6BnGtJKrdRntAjZtUrTrV0AzlQ9/WEh7fLliQMEXm4IEY5duDknHnqIjssLRktCf8u5rHEl4RxiLCoxEfI1ZCq4oggCqd4ZSmDnGMss1R2oymIUvvLY/ELkT6z/lyOimAY33VnJVesqVLUvqg8HtQmQGhO02YQBB5uo17b/Xcp0UV+46yMNnidhK2LPwCC79Fb8buz9Qm+KJwBACbghp5ofHXKxSGwgsYrlIJ0WEUCGKnCUU0+HrjMwmJMw1EQXkWXIVCrdxYKW9B8DO0TKp9B9fKqJevuDbECzsINdqqhSIze4BNJoupJCHa8+U7QG8Zjl16hIM5IsYJVKXIR0rxZh2GnuFFaEnro1BxNyYz41QSFANsMlpIuC5s/obZPrgNcsyxLyuwhKtd32nC1TGdoUAlJXceu9TdErW66+3ezq4abfXkbABArs0jrteB1FgBFp03yGbdKlfqpWfTPXoKZiFCu7fvzkF3Fu7kQY5BcgUR7jNDM+qwdlyu/9ZZqFKud95mjYNFLzmQkNTBoRDZpPRtemaOKrRgH5V8pAUpSVaqr7jPT8p5oRNWbLX63HcJQkKKNxXJkYVH7aPxtw35iQM7MNDtphz151QoedLdVtX+qF3u6tnwrbHr186b6t8+ZBvKd34Y29+dvPfrn9kdblH8u6era/TzY/duXMdWv7td1Yd1fp9T0dt8x+sevxlqUfSKwo7WOpqveRTJX7cKKKChqLEa07CID5KwnnRTmmRo21H0NebYYBN2KVhMLMLdXf2HU1tcq8UeJtBLYrZ51kV/U0z31+XAxPfXbMV52vGolFZtICI6oUq0nAf9skvfhEaW1KkbXx7rRmwH6minHfXl3pHj+w5xacr97n+T+m3urLC/dHoTO/8ELPCU1T9ev8VD0yv/l/62dEC5AES/l2Jno+BOMwkAVnntslAHnExoPqpb5Cj0Bpud06s7LMGwHJM2SJpM9hR/BM7SzBvpRYCZSGLDH6DL+E67925sNXJ4L6/H1+lz+FHOeQfL67Xfv8PWy0BIGg6cLKpCYl3fvV5QVzwfzS+t39e22xTW/0HNRUFs6HixY2VQ8dtoqE01Cu01KnQ5sbCaORmUqMcRLv58maPyGJ5ucbvt6Y8LlTcbCxHr3f+AIDpy+Uc+gRG8sVJYqTuqMHthnITJXOEghEKreqzO0Y2dP0RblyX6iYKgGh3bc255dGZpeAg9uW04YUuodXNkWHDiPVRSuXJWhlOUlGVONGCyqvzwIoyVLx5NY+rrUDH32QFDyWD/r4o4EPPyaQt2VAfJUU5bCnZD1umdHtp/jZYdXufvYoujsEYIKl092OnvbazRqDbDIzd6ScJLNh4jV5sCAB9jRLe/wT13luz4DLVzKOCdJLhK5IaQpdVlv1hMNE9X8PaXNHv15+XJ+AzcduhHu2p40buC9rdjocuyMY6Gvm4PpQn8QWDJq7d8yMrD3prAl08+OYsL5def0pd20oQuNK1vla/pcpc4Y5pgGcmL3ai0MQoyQcyqVI1jJj1YXgmhy5LmxbKI4F/pcVHYj6iK4N6cE8nXOPcmlI82hvIotfVTYy7cg8m5ptuEqPKUKDxzGDrDRfb79e4JYxezZH8RNXlHKnDktHaxzuwMKiiwFtQ7CFQyYxPfCa8hl3NhZN4hup8qoWZOxzEHoJVOk/CREVyEO9nGaQJ8S5Be1ZxLuRQEbzIB6LkByLMRjDi1LsBHAxW9X80Nj1eVTsG2jqN+vrwwmRNii1MDIALYrNVy8P3nBC4rsAwTF/mfmvvf7FDhHqtSYoOY71xKun4rfcSeTrY0f4fdHMmzl0JrP+YxoFcR8lzthhGzCnxRAEV0xBXHzl/5d4TmONO4dsGzGSJmQcbv1W8P325AL15zoMkK+UKBc1Yya1DZlT3AB+Zc6Z3i9ATr7QkyI6F9fFgOQ7TtkSFggfLSKsPOv5+dLOyRaLTyF5J26eVk1EmzMnFBcp8SmCM9ZlDmisO8lf8ATM7w57RLjI69GUJEJEmTgcA8v69D1cNkl1JDwP/p3AvQDyPVjBasaKqVOMcR8T0+ql7ehTiT6cGeF6KPptGk5cYCiC7uqgyJF83DO6tZzqX9rwaeoWn6ox4LLzlHAjxXhkr1lFwL05Db8pMUvb5KFmK9f1rISMpCHkHMW5Fr++cuVi/815EQ0dgAGPdgevv/Z54XZEPxRPv+HB2ZGNn9IL/YzydQUSFZii2bQQOXw8KgQs67hZKsNuu9g7Ojg8HFCQdlZ+aVzGZ0HGltb7Fssfc6Fzkscz+01PjeBw0j6n7uUw+w7GgM5djmTDliNDrd07yf2n2r1DSGTuJWzJ/Xa7S/yeALAoUwitdjLCc+a0PESRNagOAo94XxeIwHwGC7VDVKwn9nSzMG0bjvQJvHwxUDSlfnP980tr148BWAkyoQhsEV11YrVvtUOAkQA44fOhU3Gw4EXuzlZ+46FoiSp19YTRFAK0HDXhCLPg8rNIEAhG+8SZP80Skd3wCaGHQpCPN29Bbh9q1bq0DZGGXFOsDYOmANQ1liYrjnl9tKCJskM+X1AVGVCUFMeKpgLodAYDIwPhxI3oGkF2irlvr6tpaJ9mHsN9dWDjGRo4MrfyRg3FXKttsSHSC2Umq6LsUqv3axWy/azGa2XaVcQbhBQ4lOHMDqG7ccoxjnjIQIUhElsfOReusuwLjHbEnGzAmDFAl11v77rRsSn2ZBGBRj6V711b08zMBGCAMeb8npHHLHWi2d3nXz3Ztb1yoKNk9UTeXEtXuFA2bn1kWlHu8PDOVkZxHd8+ySA5xstnpXuaA7srFI9HZ2LR23EhkYd8wSfhMbCEbnBijI/d5pnhL8vqqiTjHp6N2s4N4s/ewZZVcUBdw1x2Paq8C7DXOFFaD5X9nHCq5Ysp+sbsdQU6S9lsiaxyx5srVHV1geOMDYHNoRgEb15VFQiOwLbCl4c6OZI1AaSmNkbEdBIgUFZQkCaqmdJDRdUHH1VSsVZWT1xfyolasHRiK0l9ruhrt1d2OTYNfJnvdmeV19t7b3QIDNJMkPH//ELzozMzn5OU34XJ3u1xCOqOFildc3avmXsE/Men903j4/ShuXwX4pO7DSS2Ch1rJgPWRroGZGYe1KPA0EO2j2jffCaUjYxbmQDwSfAY4HpxY2DPsP7Hyv+gsQcV69jZ/6s2PTCfN0B8FKR8w5nj5C+d1AuzD6/833mT3+pmZyp4qzuIP+u/E77dm75r+OWSAxhu6Q/jyYSu6wbAOlMowss+ifPASWyB4bZPAcQltrxTQZmqpLeKB1KrjxiyRynpUrKGHF5UazPGpAZpQriggH97N+hGpTKad9goUQJbkMNbXNrMr+2uHpWrLLwQX46LRdSaORvaca4kOQFb+N4gx0VhhkTg4Corac/U7Zgp4F+CPCO60mOA6gpUb1h8+pcSBiQYY60e4yQkYqhexfMWzXjwtMCWXAXV4nX1G5qvvcxIHNVO2lHKhUqeIQJJVUYPgYV0LzaVYSHyBC2tICVJovhgC7D4ZSNjkKlKIizIkqGpb68oPh/Pfu5/CgjOtT3HHhrAQBuIa9cGb4uuI55ylA1jeTsTsoXHg6yv4KnZjbPrk18BdrlWVHUgqfUfj8Xb1Gc5vxS6PUj79YmJz3XFSKVrVZTl7NHJDp0xzAJZ7cg1iHKdnZ93ie80ZGa30rK6nWr7KuFcXc+CB/6RlsBKOZto3z47v5ubamk3FajFjOUF49XCRHeRY1675yn/M48JHRxgOKorQIA+3gkYOgwjki18G+2VMegjYHArJoIpf9Di0r49FslFVS/XnXB26Drp9tCyK0qKLKGC1AasZxZBsTS/1s798mPlzUOYrssSG3fccBTs/CR0K+8UlPhwqidMThddYb600iDk+slhDSETtO9IfqyWqONLuOqlliZyAG87YgXNpUwguNiBK3jYUZ9B+vSCEaWQeD3k1mSpqrNyYqxwLMrZVBANYxZlWU05VS28UNuqswAlzO0sNNNLre1ILgjiUO7hdaHelWZtyrUm6ly0+yJrU3Gb88/j1YrL0szsdXtO5y7MVdoNudMsFKyFNJDpPoY4OIov/Y65iSw5YbHWr55hrZrLCrgSYYECL6johdE5VVpWJ0+BF3lTCKMKU27iQ6pMlTSba0XVmiJHw1xJrRxLMw2i9oxKEPzFMXTMMI7OOGD3cxkgXchDstJxZQvwBo3usLTBzL6qIylNqbgCNPWnGCnZbrfPxE3Uz3qvbO4umttVU0P2GK+t/tKm2p7O61AaqYOBuhVa6FL+snYMkg4nT5S609+BuSIo9duq0TId73Do5So1Fv9EWQE7fdU1Z5i7MEPiSYPob009zLtPCUFZVR5YSHjr+pwBZFAVshRcpMro8lyInVxLkS4/8DjMsPu/UR1sUua8wGZn2PsMJsg+6eeOpRE8IH3stqanp0lwYwLtz2Mn/NcWrWOMbUfkXP6kIbUao05Pg9sSfSEbyFqQccEXNkdA2bSdL3qa+HKSdGvPpgcrRZq+/OCInJHO9wfd4GT3cXfSnDSeOqy3ncr3UV2D2upTpRwz63be3Fi5mFB/+yTuy1g4WD0MbKxxHpcJbLNQnntShgKBTJPgxiP611VHG0CBWiqrtUJsM6HaClvrJnUNX2lyUnRc/VB9ZGYbOicpEgRzFL6Dnfbb+gOZq7W+xtabhmJd3VJ/jXhU1DpukfRN9C6FuIDrImoiQaZbuKeNdsO7TztSRZfTrOlFC+sED4hp9uO86xJIiCLJvyzUwNiGLF/KBk8ajorYv59AACXNdTw5AZIQFEZMx5fdVKhafbKramJNNQcVNDq4mj04XkeQtRuNNSKfvFUHRbmvxqCbWj2Jwn5qBtuGIVhtt61z2fP93HH3y+uN2pTGEoG/NFxiNtvPh186/CVF2LWaXwrcmlXkiKO33kLoSCTbguzgH4rzjiBNwtZg76Vj6zPYID4d4E8UdBaQvm+ceddiBY4ytSBWcpF8Rfj+m1/99BwqZ7iZTdFv96n6SI7sNUMBsvf51Rg3w6TcBu8rldQrDWZPQoMbX+ioWU2F+aWBW3f9dnrmJXYBk7TLCdNdt6LgtEqVedngUs5PhmdXzYu48dOtURzJDIZVCTqq1SOBVavTgsn8nEain57XxDwUMS6FwfKMNrOaGL68qdYSfZl7Y2q0N8eEhsJUgQ6bzZt+RhXv4VK7mBauK1KM9kaHovRFhIBF58/iTk7GkedxkmrRaZeOF8v2W+sZ2EyP+Qgv50c+pE6sZnTZAumTYevwx02RjwL2yVSzq/NiZ14aJHfmsRoDEAMOOmyrYxlZiz3KgBLkYFspCAQss0qmR9OUykIjQeo8MlhJNQQv0wiAK4X2X42bK0TmWhxrK4erIDQ8Gxe4STvfZkC3gvFC3Pe/7ngkl/tKmdUmFIGY6119xEOb8CvookXWBg6aJ0DVqrjaxVloR8zwEFlD+KmuIC9hsRFyCj/Wrq3RsXQt13huVOsjbAZRCD2K3RgVPBqdG+X9UHuAwPuqwyaZFwNraZ2AAovxwe0m50zsaMSLEK/wAUrjR5RiHWbc+WaCBl5nxWY5pTXKV9E6lfjOUqjjjVHMaMllCaDxi4BkMrwgAUFirMyIzEahD7/me6uWFGzcbVw+7tHU2cXoxbjtWtmm5VstQie2zVJnZp5dtLLpokvs1OwrT7c7k91MR0VeQ0k2T5HRX42jqQvN6dt9QJfazs7168euociKML12s7DX1t+/MkeZMpH9/ux7vwQSE7vXjvbsI4HB0oH9lgEupAPR2fd/9aYWc26e7junmoHFff6Z3eflv7Ga9hxYvYeay+59s2tPUIFEgTSHL6UkoQ9ufo7muHUWdCcVD1+X4Cg8C/Ynyci+9/KAuNDbMTIglnkrtRS+Z5zVAlky6qhl7DBO9YpVxYro4MS5EXZlyOdzWXyErlbMN3Wqb9g5G4805guUfWtAw6kDMOz9J/RCYSBsK1oHLunQ0gCsXMYonmGBY4OrugZ6wHvYZgaIiVhwCtiTKCPX1Y0xVfHyNvouvPiT+VyirswDcJXxRLb+c0tm+IyUTIL3TfvDj+db10dS2+stabPFfYUqwK1Gwpeq9EghSSdRZOvZOfzo7efeKlDQmvDIvvbzW1GZVt+xg7zPMG6sz2l9/WDjZwgFaUmt6j3fXqssukPpzdnYycjhPyNFAvhm5ONVg8eP1Z6/MfAkPwIJK9EjiRV9dVoZwjVXkWVRlERF6rPiwCD3GiEwqiY54tLw/I6Qif2VqhhtSFXC0F2Uknq4vY83eEAKMviIb7iSbVgVn2RCyCCtZ62RicsNeF+fcC8zpnSrAxMa5M+3PDNHtV0uah1ZF9mWTSzGXBTw5udq6QnXM8VQDMUgNqF3VCAhDybIN5LzpqlHyxu1EVjUYxglL710WNKomUh716UTlUonYfNx2zvp+qM2FS99SmXFEoc+VrGunx0VnxVfuZvknjOGmqXJbXl2klpoFFBOQqhU8jJdTc5T3on2Pfqpv9L7CKz9IdKqofgIuHBY0VxR8coSyxaQLmEEnigUU9Hli1PakG1xKQCFLMy0jFFPhnCzk0s9iWYM0Via9Iuv0CgTCL4CS+U2FCOrTwNVgctlpMJEO1QVaJR+XNugWmpVNBZ2kuslp5iYsETz5qi3oNRAkI7As/11wRexdrNMFKnH0MzQZOhP8AZT5HEO/ackHI1wbVahRHI83htlzYNi1fgSh6xHCe1xAtxHvqv/U3wC3ctqv3Y/yzpkGjRDOsOoaF6mKkIewFiJls963eoqOe2C0/hBR2JYjXfhY4nszD8K+xRZPoNZguhgfuxEU6oGw/+0ka63NKwnziji/dS+b2RwraQwKLdOeGnmYTrHwWFrSRtAS7+Yr6tDl1xjsgSrwkQoEAoSfHDDAy+iyNyViDUihjge+TociuS9/LDKRrpVulZEFoHidUiI4NaY/6CGmqXLOpqHleMEBM/5bS5ztGw3nwIWS8kublSQ6nKKNFllupiwhebsJll9utD8vudOczc5IJbrlKh6LhLjKtzvKT+/yzzH5ApgnfSdp5ntySLZMAwkCv6SNc2e+rvZHH1qOOOts5k5xBF3GWa8i6S4dPvMQYm1w4g49UWwP2HF0Z6LM061pQZw0e2Q5BOiZlVUaupQRyKOY8SC0/UJomZho/lpKVB4y4w7p+XfkrPg6wDnN60y7w4GJoHRlA434GAyTYQIPK9bvwH5cv2HgvUuXn21qMDicne1pP68tWvT/awks5eQf+uGsnTnTco+Ry6X+Hf2BLAZm/g8NvKiclBwAbqXL+q5TFp03v7axhfQqan46q1oMsis/XEtcxIS3eTPoYxNZ7efpTPhjPU/b5QjpdDrVPEMmCfjWmMcLzHV2W6d4Zxtnp1/DscYdt0wf5eJ496Vno44GqUmZXgdvDaWFA6MiitYJYUdFQtZq6eJMDFFpAVYYky8QippP/uyadVKm2GvehF+Zm3oyM1NBb+VGdYXK0Af4Wxl0YVBiqMdhDHnECLyZn9S/iyOii1d63lnH+WR9MDiIciyXU+0b+Tz4R6xI+MxLHgv/1TPHMlrFfmtCju2eHEzZeQvFCxfvUgzdI0SVIns5hydAydc/3wIJzYFDxiJAIse4jbnZJuAnV7l3SAnUw3WZL46lR1nDkVWPMJ7bvTN0550IIWxWzBHPcqzIThe58OylJCMZbUXVZof0tBQ+Y9gBKWI8rmjCRYmNT7cj5w2/IyYLSZ+KTcT6ytNfVYd2yK1cAiBg7b1LwJMftCT4Va51Uyh7aKGOvt731OFfZz05eDD50IF2HsW16/pWxLcfoleKVndHrdcSTPXeasqS+fxXb7kC6yYM2eWzcy0lt2Oh9xPZJwckwTfmriWMlOSfh6Ng39fAUdo/1h+AFKwiL9/zhWVhTwWvyo9o0u7q1nIZMQMx6K4fBdYAu7utl8t3QkWKTuruX42IW8969jlBRziIgFFeLUjN5Xlm63guChhOv/ifgJCdR25DFkdTcpmp2du6I4djEAnmAyec1uZqcWLxYK5UFBzQnlLNdmFRb3RvG+6VFdl1cHY31MlyG4nuvOmnr5avrXAGAb9Ycn6Wlcpddb2+J6ZUbYYanYn6H7S9zAuJeVytX7+cvV+foKhQQOLrlwVzi6dd0LDNYRoDXBEE2gHYJnLPfpVPzWu5qlXWsI0wuWOttSVnu6YCtk4X82kjPX3vAA4daCegqIfy2+pI9J2LGD1VFuFK0917VEjUlSteURfp3GYngUn9+Xrs+OjTP0oEYQkDeKWZRNTcZCFpYpG3rCXaU+4n0ri5JH4UDpCmhxMdAbGeq37SV9VZk71u1cKtt1jFBpKo4z50Bw6V81ee4HYkBUF6KkIjJQPD8N9BjPtVitcC7w5vbQ2tio6uiq29h0Bgwx1+3eL9cHfm77o1hvGhT3CywrNTsWy0waDJQnARd1Bg+F0zyn18sC4fogB3LYEt5N6JlIRGTmMG7KNIjdNR5YmZ/2bI1lQBDLFvtP8QwtAUUimJGdwfksJ2WloNkWxYEFksby+EZxtilwgL64HjU1nk2QdaILJTv383hXiM3DHTe7WfQyeQ+0oDQVxHl9mgqCNPfFd8dsMhZLsOLjTDTZjZhigNNhsNhb4asAIuBNQaNgGtlUWxDeFU2FBJbDtHoWBg9PIyA+UZ7MoP4BRih156RftfjDFNtRQHFEglxdEFN8h8JChbn9nceb1mDu+foW9pgoOeAn2HXj9YRR/hxr9JjAZnb8XO8c/Nz/DOZJJzLnAvxB5gI/P3Mnj/J7h+vuTxrRr+50zfbUVa3GN0jdBKE+sDr9mJAm8Dgi8pXDv8p4oP3U/cEQjGJVkyUPsVzf1l//SrQHSC/5K1WV/B/V0r7cdUNtzPT2YIt/DLKOZGJmuYtgq6rTqi+m2weSk4EBQUtBA0oBXkteBAFmuVJpbKdXzUKVealQiQNBbDABgxwBCR+01DASgkA+QaYC2VDrOEtB5HO2WKP6pBnwHrdVu34d4L2xH7XBvKTk7PEsqzQrPJpc2IUIFDXSge8alZER+WToKwg7BwNp6GAYwObFBkp8vt3cwHxeRD2f5HS+4Ny9Dki4OSQ/J/GaCFTLU7b9dZIttvDibmYiNi7WFqUBi8TRY9E+OfVrBheLZAty4B9gndUq/NwtEyl2iRFHCn8XYRcafESp4JZUL3kzxdEzRQbqQjG9DMjQHoCkA2hK69C5QuTuid0btjN4xJjzgpfEc0Ax4arwObC0zhZqOA2vMa7BiAzasx4JGk1SuioRXfTA/ypcMTCsaQvbHu4GDAhRHAGpDAYLPu2N0HoxeyjoGCTApBbwb8uZO8HCJWHdpFAH4TSVlND1NVEzTzhXRjXTR/F2wmTcRAmwaiS4kRDcPAaPzFrenagQF6KIF0XE1MTE1ceGBeZn177rCBDcD0yAId8YpdgtWT+dxxrhzECdoMhN1vsy47IwGO+1GnYI56SZeVgNzxXozDBAAmynCrzTZKgAkFYbnnBue+jIAVn7W4+lpkUGI5bffHGEaQoMdo2ERNmrp+T0BS0UEfhkH+vKRKSFvWUrvrRqhb53im8eETIAwIdXlt0BRH+Jx3wO26ldfkLDbesaevZWMyuyczIIwwz0rsFbtba/YeqbRaOgRnnlG6a6u7kYA0nOf9TYKBXOCOcLIOypSE8HpRqz7PQgA0pKQjkRvkavIBb9lJuUifS6JurpF0d3CzqjLSVZfbicg3isoMfIDUg0ZtTZpCX5DCE44jPS6GiJV8sQM/sUPyuV/sTxQFusvecuSizp+RGKEimpg9booj1hVrWpXdWvurtN+FtiOzsGs+xbUjlqq2uzi3veg4Adxg4g6QRyrIcHQHGo/DxdYR6wmazNmcp/ONpVhHDPHhJkROspB6Yh5oHLe0TRqHp1AIWT0EGxGADqKQGCkHKGHGgX4a8psL6Be24PYNnJZyeCA9gcnb6thR8IAwh6WA1QVFQvQGGXOZgBmHX1hm6NUHq3Pak4YiqfxZ3QQYLSjvNBDl/vuUy5uO6vcX7hXQYx5aifTZZa/i4sv6mt4Xuc97rt4ivo9oQi98EOUtVDiDyoSk4ISn7OAVcOxcoYwI6kcnXXoMZnHzKPYGAKlBgJolkLon2bYDputQGfdA4uQBE5CaCYnkxsFXMSB9cuB/lVoiC4jpJjAj4TCtJtJni1Ox2y8a4/WnGyNIDYCUPffJ4/8F/Cf28p75uFZdzYKADgJIGAJwsHuKx4K7b3nKlyV5rpfwa1HUQNoxIQjDGTGctzVzAYSY+6oNUK41RLlQO8qZGgYQv0HZFdvI7lvXkBKYHo+x+gUYfy8Jo2c/BZ60P9bxEj2hu3A7prvfYcpEuwreLRLNLnfadNkxAePUo6BJnAs5dEHEZObnPZPinY9KtgH8ivSVYsQtDVN9SOlWlFkUT1cjjV1AgHF0YlH875nYwuBJYOBfBo+odkC9sTRd9lP3WPGVmCllT+PwTSYI3nXHSQVvUoCTTYCMA0ctnX5hmr0a/PW6v1Gvl29a86MngmPLQmZv3h+iK+c7qTQYBymIeMvgBOKbVUF5wsMacaCzwoq+9vaEUuPBZ1D2i3diHYxTIMBJA0EMK325dbKgnMpxmgo/7zA2FzfjXRbHsbmUBmAAOmFR0nf/GH8w2WxH35EwSdwFPvchkKIEYFQW/4iS7t8vIHrRlAIhiL3jo5JePs02yuySAr3v2WhL4Y3AtRGxWfwIcxESp/CZMOw6RETSu8yergO5IZXE+r71r3PoxxYd5uspl4TfODc1yoG5Zq4efcVyzVyYXtK21RLclPuLZBnOPidiwstrEPI8wovWJK+5IJngmdoJ5cZ5hnmgXlu8FR4hHqGqkasuNU+hHPOtvvYEWvadwwYSC9qcbzP7Z+IOldD6sp7rg4rYh05covxStUVo0XOcYxd4eB6b2Wqoc414h+3PhxXTGNXJirOs7Y/wVdIYzkUjT7ki+/5rIUneHoNhRMrXYE/2c46XzFhwcwYwOYoc/AwH5k+DM/ZQ/pGGchx2DSG9WHP2wD6IJz+9z7evme8Zx/xPvp7lFpf/ewuPLsQENTq4uryxuU/zxhD0MQB8nJshVMza13p1F33lveG78KPmHD5n5JVjEYW3ndCa+O9W2B6CAOY6BZhDfjNxYpZOfSz13yunTXRuRSAfLi9qxjCFC7CQLimGGAl3Xe4Ty9gvhVhIB8/rGjGr5LBoRnO1V/0W6ZOc3GxLXEnlLtnMlZalNuxluNWPG+sYiw+IKfxM3oF/bPGGCHJs9z3kL7//NHGhjn5uVUQzQDAVGZcTacQq+jUSgUwDeYICIXz6EcoBg2t3LBp6zZDoWYJTBMFlW9IM1l0LTQA0yTgABNmGj5F9B06NmwyKxImR72YRDd8WNXTrO0ed5ek3GBuAlZzg6WuEY/x7i8u0AOezlDsiJ3SBNvhpp/yXMvXzCZmY2STjCFMq88mAyM7mzoHCkvpVFkYFAVEzjbNKgqfPSrGouEvnTTW6us1orXcmcMRjnu26g8mbeN8MiAn31xbBrDPTwSyGwj5pg1F2X6rkvgZ86B/Dbk8jfh9CsU+j84hc+fyUyt7SfNGkqjyafXN3OV65QNZBlX/QG1R0wxVVRa0B/AdqEtrI6rk0QWxxXcIPGSo78BS9QqfhZsl/VgXHt4RL2qKbvh1uEPfRsX+QxxKW+5n6LxBLWNhGKMb6V6/QXsWFIxC6zd0D6LtG7B8HMuG7dtCwG7dQmFxOb6ksVhSIJbpIjJOEnjIUFt3H15yxRWxuVj06YS2f5epLh29OO23Y97HfvOeJq1UrA7t4+0jwRo7FQ/CqVFi3iWu9m2cHfeWANQY5a0So8Rsez1fdl0VYpO5Ss1a5Xn5VTWs2rC6zWPREdKyyAtk2oJpGMBAxIJ9WszYYMDiHj/ki4aLex+v38AwaHEjvWOVKO19KCmL+4rSwPFnYiP3yuf/XDl2vP/WlvBtQT2ipQvvwR/d++1tZEOzmNEc3VpsXhvcUtomKg1amMBMIIBut9kpt+4/L/Ili0tFi0olS9wtNO2CD4zFSxanln8F7OS6Qnm+TJYvL5yUF8ry82WF8smNM6+NT9bRkUmT2aSeqCZ9log1/aICBQg0OGUDdpysH9H9Ej0+sJKVNH/hKlUqcRO2yUGECpqAGF52b32B4wg2woABQ8B3g1GEjlpROqKd5BthOzwjQ8Dm014PsSrKIk126yQ4N3RJBwGNkU1vNladF9ky5CpwzaX6uAbRsDUnuutpbFcfau7xDR7G+gSigQEZYAflZaaNJMUJxClzbbj5k0C4mW3jlJvDqKSA2uYdHQBMu5VlBV0xdy76dhyWvlI/yvHdXms+iL7pDxpgz8tZGg04IHrl7hOfgION9t19BIq1ryG5OFY0fa54HpFNq+8+sQajBSXzBTI1RSQA0otU2Do2h+Lw9fOYg6n+pzMgA4DoQifZP/9UdZJlCxeGEyGScI9sc3h+lA9F8Ow7n84kNm7FMds0qj1VwkOY1ZehZfhODwNs+pZcLDmzUuk5K2eUg31E++TC65E5gL1SL6nC0Y632uJFTs3W1/ojKD96zIJa2rtR2lZi6UEGnNpRAvx/AiBLHOU1NMTS3T4TYCPUPVTsAZWBQD09gdgu1sa2ksRtHKvvBl91c44e48RpJcW6ZImzI/CDRrEH+NzEt33BAnuQ6UQkU62RqGMVvgp1TGiSWnBCsRAr3S3O00mRYL4vX8wKN+p2B5eOaFHWPO2Z/hTeiauOia3pIPDRpaNOIIz+s0p1yrdHOG5AfcvN+rcup5j7zFVv6rTqS4JdSc9rR7HRIdMMPmMwjVnHHFYbUNOHh5pwA5tqlWMzaKTJPBJH3KRRgdNCFrQ96PncbLz0W/Szn9Z51vWMF6TAAjilIH4v6zzX7bx4VXz1YCB9dwEmp/5+/hAHwx0J41SZoUqNtrXLhfN2tBAFh6wcKEmm51CaOUznrZeZrCTIAIVgr87ejatABajck4kquBiEbbdyE1Z+tN+8ABhMBLLUt3ofas/M3Zzuw4torNZKmbfiDC6cllW3h2J/Iem5EAhAcogOKXADNnN2J64CZXrKUQGq4OaLMXsgVxJoHFw6ZSKQwN0FRyvQYNW3isiDYpcTSZd9e3xPk4h6yLiwx/cUySGednEwYiKlHAyCJ8jt7RbUUlGxf7+FWEFRtWdmdlt0YYiZtNuLdf0dJybu430uDiaSePsSX8GubuXlbq4wODmJ0X5a9LronkpT7UiFd89ei8hrtsVcx5y8c+dU2DgY9z2FetLmAIrOyR388c5vySeZO8ED5+npF32b7YmlO1nuds+nUxLJ1FNPuztrZ2mifXPfiz3b0TFUwbUcX00WIT2dkKX1ZdcGN1kVp1bjq2CGAQzhAhrt+mPM9tXeTskdvyiWDklNS0UyPFLJO0UnskXk1Lefmyj/DFEU7XOmaZ5sfrPQtCBsvumfLSv185HEtJV1mzgnj/dhVa5Yi+EZCgCm3Q/g7klwztlBHhnibmyR+6IuTEwVpTGlQP7gK4+LeIw8I9+ZZenq2snd2d2NZKQtsTUevBDGqvHBc2h715q70I3Q0G5gnzRmeKs8PyOv+svIc6UZH295e7aeyPQ+ljkIPvt2y2MjzZVn/GsV+bM/cOuUhmk+URxiFzK0DI2tALtdmT2MvXvq/oyTKEC/YfTcOZjf/M+EY2MvurP2fU17DmFWME9uEXtHKWCdtGqKEM7/8s+bhvUWPmyScb6C52gt1DreB3ctWXatVk58FmocjwkA4auc3iV7p/MGCfy23n3SW3jaCXIjNE3wdYm41juVtwUAIO+Bjj/RRHCDXEfhjMmsdK9E5Fv5PixP5lveVntV/ePbFK9NuKO3P6qv1raV+8rysH3ybxORdK/M3oKyM4qBBvSn5Y7xKwOk52/Fy69atTIx3spVVcnFeK6B9SUrLcPHnLTrsX00yy6zmzB6E+BrapZBizqobjvdKqhf/1ZxDFq0Y6gScFq0pTlvkI55B1o/jl5+8XFw6Jcfnrri8Ph/H/e9oZYxe9jxkE7Pis1F83JzuY1GkXd6SsP+NZySsfVfB7PU8VrXAq4yJCVsYVBSju6DhF3rOgraLMWDYOQ9ud1R72hxpHg69pBjyD2O4m9QnQgslQCqTaIvghW32jBby75JUO9sD8pAe2btFtTCsO3sq6vOrBX8/xNCwZ8tS1pQvPPLwQ9bJ4IDvti4MPogv9U/UwPt9Xk47c8xJBTiKVhybWhirXsFIztZ/aOIvb6+fQnk/vlbbu4wtf7IrGnLaO3q+Pf3V2Y1LhqN7x7wpLz3rREnEMuN/2+oQ3+8/LVrAqu+qaOGbIddV+6WGYsLSpanCqobsaQIwdHrbt46rev8CeJ60sZX3sLEDPDj+6+CLg06jW3/LNEhFdVC79+e3fss/p+vv/pma6pH5x/fJRFilm6/HRP3BJS36b0S0ghJzNqI4ph3zue/SndLZ9ZvejDPY4cmXffsn89/soOIXGqVOii7Hfj5xPp1M8lqhmms/zxJ5mHYjlzdfFhyCLNqtxdjyu6wWRCZZhz67wpAXk51euZf8d6PZxi2VZu6rY+SQv3K3vs/cx7F6BuK6ouOLM92yf5IlJGccVg38i0Y2YCPUD8dOa0duQgCzkYGJCj9SweSHUyqgEAl4mihAY+vK7v+Cjq/J51aqYKqTtfu9x//pP32F8lFriAZwoFJWRCB5ancJh6VVd6kv/wiqXHerZYH7L2Lk+rWay7+uuegf76Hv8vnIqywMLJsx5NsdnZM5kN6hWVx7fFqhqJdtsgv21C+qBwGKA21o3MlNHgOmUPtF+HyE36V4e0KoVzjDAOYun5xraWC/jAmk50NAn5nzcEkdyCoMJSL4ihGgLsGuibXPtr4KLmyf2F/b9umkk0YlmJ/G9lBl9FOTQW7IFBph/ieAENx6vZbt+TvxbxNX2NffcQTz8ofPdqemuI7WDVo3Forp2E0F9tqXE8m3sOKv6PffjEbOO5/r4pD4A/MJ+oH+ARO1T3/8UDgL6NGFsnlRZHRcSX+IJnZsoCv4idlQBBMo7RQAIUMpfuo+Ykt85MZICBuQXRkRFGh/Ggi9cYHyeEBBZnz/Ns+dqysc7niTKIpmksyzoB+WZY0JDgtTQyUE/iHC5SRNTEQAe5uBaULE3mLc7S/Q/tpKA1+uYtC3C9RJErUiRIS/diexZmSdLE4XZI5D9f5KRe8ORbrSGlQZ3rGpY3PW6EPZ3A+vCPCjOJENkk5HIE/Ep6XBef6J4hECRkESzTjoWNNZFGEvLBBXlQkb0gpgFHYPNbArlEjxo6zDTiXbrsUZgYnzSs6JublZmcjJLH2ci3aEaqTjkyug7q5uaH8Remd1um/7elf7fjq1QKyxczUoMvRjuS+qgDxbgc3wjqIGdDm7xQaKm3CBLkoQPtQgA7F9Qy5cLywMLbAVQHVCBS/MrwNaD49UZJLuYjkBDS2+X3Ta+ozgand684ozqyL3qyLlwmPRkUdFcp08ZvzUYAMz6pBYrOBYcRpO3DkKyzztJqtwOa6tW3+uYy2JF+h0Nx9DrWZzLjZqrcarL3fB2G2YduItcs0m3Nm3YF1Z+zsu7qgx6P515LcIO58im/q9keP5LNi3kfLsOWbeOL38lu3tp9ePlUvPsI8ovqx1buCgktMmyaBJmA62c7qrgz/P+h/N9HNemgqmtrYVHdqE7aJ/Vz/3CuM8/xF0AscC/PaFNfPfyDrvCUgiIgUnbuHVvCs7TgIdwkH7z7hz4D5riQRQcB4ceT0i0R7wMvBmcGX0l7w/uWwYP/bD7ajAPXhkagsmYWmFQU6BKX4hiVYklhUD7dYZeB3PL+/REp/MrkbgiAw9NL+p63wHqQj+KzeIdgOcylzCnUphQvT4N4RxqWr526vSVqmAH5H4NcgIpFAEOpdHpNdkZOIK5lHyOMszuHZTx6XsOrh62tetnfoJJ/EKGXVMwEAANoUTFOvyQz3Ocn9GgKM8PitKkjcmw5a3Ej8ydC4zw+8Y73SaCDxH56OBCccUhQ8HheYv/mh3Ofy4/x5/mQIIhI8/5D3Jgb5rPNSATcYYrOvraFZkik4DOf/tTBx4V98LEyS1SB2mmptHRy0C94VAqy8fC5sbuK9eQD+EC2Mtqj92+/sRLwXR0mjQg6HqKQq8YGcgAZtfQCX+Fo653fa8w13hoO84bxpxnsCJcvEyyR+MWX6cjwY4LiVHPaIPMl8bQmwvhq1jsqSEjIzEY2zcgqjABinAESv9Ck2ykwgm8mlJhg4toLP57rYYKvhDW6PWA1WPWYIRZ9dQVYi184lGWGe+lxAS6AdDJcMe0UwI0Vg80Ci6kQaRwIZm/2HmqPYWN/Yt04YVdwgWCz/Iz9u35eZuQyJnj5atVSQceNvpzToMRbHwVzakBKfElY7Yjrv1L/0lU8Hq8ynDEkwJwNnn0Bm5VVyx+S6F/4T/31P/b6O0LMmIHtvNeXlFv+u5wF/ByZpFGUBpFjaUfGGfGf+dzWZQgGhIUEQy3hO+Gn7JdsPT9jRUkehUBiYDfz9hH4BgYJAidCHv5LhDnNPdg5sk4qFYn/QcoNUytD3h8NVClX4svdRiqjVOVxjmELmyw04lXUa8RR5ixCOO99jRX2gbFn4MlkgaE/+i0jgd/uuLS/vEpgUY+dOBvwkWyOoKBeu5XU75NXTHrzSy+IjQ6oYud1LfS8H44BerUsaONWl2gJ8nHxAZljiP8uinImcaoVMpqjmGMxXO7axtrlp/401N+OmqkiYcMNbn3WbYP/C+ZX62hrPOk5tRkaNV7VXFcOnaoNk6zIOMHjleWnpO3cy1gi6Erh6fkUqalX3P3Lg7wQYJw57DKU5/X0jQ7C0alRPl+QyMr/cF5f/h3yxoEFMZR0TIGU+ZawOn1dL+53Om5B2VolPSVmRY6CPM0g2EtZNdpDPup3/nvr9f4fcyXuzA9bcR553+W9xZAgDhUKhozSa/eQH26XtPxGeM2IFCQ0EgTCz5ju+c/4G8VFaLCmgTKFJavX39RcLxdJtA50nubA7YyXfRygJFAQG+An9AN8heV5mSHqwOE2SXvSfWAbAgzmx/N8iSbo4LT04M6QI0yWKEnzTlqfNsH05wkdp6cv/TBTpRvwSQYZWYDX8Fu4HN4Svpik0vnKzkv4Zm1e0+6g6PNWelf2rPrr7sNnYP+ppZPN7Z4mzfbNksz0ce78Z9AZZ3JDRRUxp2Lh2tnIER+goTtv/mNFzgn2C2fPTfhquUh06aY5FwJKxZu2FzTTbfQwjN6u5RzlmP1EiFOqc6Aek5zz+xv5m97IP0hH726ZcTxBWismUK1uLXeuVh6ZxpWpT3hco+M+VuqFjh+1Cb8zPzGAUoIze7baODbTSL5aNfQEA+GJs2RdJ0/gYbpuOi8cuIhbHJ44ah8daWsaGjaOJ8YsjknhtbK8efisB5dTAaYvo3OpgDx1TjDJ2FQ9EiB/Knnr8grN7IxaG6Qq91WvHhxVD8HGJv5yYGRlBGJ2NVkHtiuzEEQyBOuRuSsZE3ERG7HQjTwPOxcHmZ1/nDbrGuA7yw48p9Es1YtYlOuVEGUyjODsV2pOl0LDXqGNjzPtL7bXT5U7kbN62DaNN9zQ2nuH95Pp0ZpxqiSz5S4t4nMGsQda2FLWx5uBvXM6Z1gLrV5esl74yxlwTxv7sLL2Fng6zbKnUtsca2Mt9KsvX3JsLm8vKsoc6nvkDsFGoXUpH6Kj58lGlc5u5zXlHL5vdBVeMU+hsdYxYDK8gi92fhBy1at3vB95z13qMB14583WrssLJweW5M8hf6qXlwueizlG4Wi7lHJcMLUkLLqeNRBYYaeOMdlpDKdnWqqzI231V0yMB3YBtty5R9GaBn3KXyrSRSDeD2RTDY8OxNbEx1UsJ/B6/WfxD9gqhdwIvihtV7O3DbCx1hF30MdwYntLbt3T5t2uq+F0nMv49lquo5fG/NBcfKCQUJNX8CKVtvf6qaxePEc/g7+Lu4jOU85f2Q/ml4/r95S3iGzVDfWcMXvHp8XvTlOlK+N/2C+37vVdGrfyl2hQT773HO7a4A4zNH+Swcs5/in+nwFOaSsZK1E9QoPY7/FNCbIJEqBGl5HZkPV+ub4pvkl3b0MssaT8usxJmb81usKgr+wnkhuQoXRozfn+u0XnmztQlPf95qi4zK1OfzL+dFqGGdFcAVaXN8PwZ5xl5+M+eGc2YtTswRKXzlxglDmJAYP+AcNg7pgwqF+Xc2ApoIlFYPly2GyeI5kcLj2iROqHI6udmhhAzFzFDaPithrBzBVn2tn3nBGWWEhvL+8R7mDvEG+R9wx32PsmTx84BMUZuDTfXZdZFUrp7zFLccaddjlLHXU6nHn5DO8Vt53h9rkkg7XCSd+oyMmIdd5A6T8qdPiQrNAvVsUkZCvKHQHouGLfiPeYYjnftjDVPDzs0j5iHzWwbPAd/ucMUv0ifYjXoAlTKWGEydZGssWSiLBKgJjm+KQi8qG/1rin5d2mJ0DuRHcOL0TnDpJXLmUJvA8bD2HHePvNKtiQKHvRCmrEdSoKB5zvkO8TjV8vCTx8zr9wqpEfThR/1d20V0OPpvjUllpzzuQcynEaPLLtbFRiuidbc1cRr5J9car0kzJUvkxeJ1XVF0by9vLgWICrYSa/kV9IfT9NAOqH1WtIWBD4QKiEUw3AubrfJsGL42eVYM0LdJnHOkK8T1YYeRURuJ8kEdfdh3sPCSii2gusz5dDuskdVOCqICyeQdhDhzAKmoFHOqGkIzkkc7KucacBmNeEcl5nBSfFQnTkWvBfqusI2hR+7zh4BtH1LA7SNeLq8SEloPB00XOvQpvrElHw7cPZ8X62QRnfdVzQKIrKCTSa7jjRafqA5bWyogx2a9Ul32IgqWLUkbBQghouitlzKcYeB9Uahsb9jOHKfOM2cNwJzKbhtoqlpVCu4dyut1KVCoH/ly/DFUGhHKxcLR2vAwaDDWkYv8BdFhxlVXn1sOniUMyo9Z8Ieci3319nb2/AZmZkW1JKZ1V289vfraKcuY0Uugj6K44DR8PVNOII17q85Web/+gKkBL82NaxWYm0elg3dalh+TX5DaUoJvx4ufq66TlGkrYuoQEc38o10na6+tOpWrhwF8h9aY9Gbvx5PUgFAVH1w9ldXdnwNZKXXxLNd///3EzkRALl+vINBgpKK0/xkRx1ef2GDYoPjw+7KzIOX9BApZNpqxP0T8nNwOI5F7b1ipw3+7sYdqFgtd965SYVpgrhuZ1Ln7PfuUFm2c/2i/AT/fhAyCSCIr4dcdMslOkeXfQygv7O/OV18W+c8p2YCWeXpQy+OB9+GfA3S5oVhRqm2airl9I7Sn9LnSdVCDT6fcSFSJUyQFhBTSMWzgpvX+YTGnXaXheoQJ9j7Z3VVtWrv3Od9kqQmSnzCzp+kEBwi6wERWRVWqxVHgbctejswoxwcGsIe2WQ1oWBJb30Zz7Ji9uVA0DcZ4NKXkvzyAKzeUjXLFn/V36yP9Z8HCWddyyFzPWB3crpH2VlczHqEkJz36g+eeg7tOoCOmNDo5yHqgxa0U/d3QyAv+VevXrO7pgOa5+ZdXDp9dvz5PrnIuXnCKIAXJhweTGg6JzTGauu0mSre9n9Yt7yOn1jzSRgadYdn9dcVW4e6yg93scBjPNjLb3162mxhv7zc0YWTnLqxIIm599EqF9etaesB9gqmoQCdQ+0Uk2wfmChziHB45ZOcQgulubI+zprjnEKTib1KDOYfc3x2qgf5N4It3PXQzxiMdv+1Nz+pZAE4y+V62Vog9anojdtedt1lGUxjLcpPk7V+7UyR/B2cOsKKg/GcfP8E3Git7E/wzxf1n7OxqHfu2efIM27cIA2m2rTTWb66YoDr9vsgzX6l9w4AqqTxrxkkAOkvDZpld8Pig2Mh2xevHY7K/NKKkyASo2NcLweAKP/k3/9d2TXxdCsUX8N2/fXsByog6afMkaaslbtRCDGjnfONpdDcAwg9Z/h2igRK7lt7voOO7bS+KPlzFzAAhf77IDtuxptNQTPAPvBRgWHbuyDoFco3bg9kI7KajQNQ0LtthoKg0DdeC7pWCzr8Oc3HZYygp2sM2sGO/gjrUA9s1MpJMFrfc7wTRmx9gCC59boXAfqycnpOn+4Zv581107PTaF/1C+KQuaa8WGjLy5yfwFT3wOyroDh2pufrC277pIFA1bl9Ebi3844upgn1GNbHSWzqwR0hgIow2Yuv2rxYpvkaR2d9+s5ACunxg/sHtb+O/orL99o2IhCyMbRwPHNsd3vmThWYj9j/iIcbgYAmAbKOah90mrrVRcxqFjoCzlgHEy6hrJe4wjeIy6rYgf1jKvECHbd9QsbGgQ+3f8U9nz2ac/T5g1hGEJHn/Z8+lnPlh551WEuvqX33hWk7/wDrXVak5Gphqjh7HAqFETyChYk8VHScPPvG5koCbjK2JB3cLC2mXp8/TIJlqLUNrqf/sV/p/+Qfw/oGm8jamVViYvCjxyJZDkRye5uAuuwBbU7JMsWL35akh2SKZbowjJOSnTitPSQDEkxIYpCQ65uTgjJVouUIr+EgMQdfgkZq3Q6wp/Ad0I+ZBr1HhsydSl/pVQnk9dJw1WeGm89LY9miFRi6qGYPJqeqlQkYVz9zlQHB4f09TtPpmV+5luZo8pSVjJrmT+mqHOUmYwqt1rfSu/cF+MD0UZSFGVKCWwnEYDOIADBUYBwOVwEGseQmV03wwg8B9fkZRWnTyrHN52UURJqYFCpL97FG3rlRToON4QZXWvJKrSz59xY3OVg9wPNIrVq0XoKLVKtN9RJUefVkbjdXgvWs7//V4twgzZQE4gprTUwGTUxEGglG68LyQaFbyUQ9lPr8HHzMkJ0IWJ/Z/CWLqj2gF7pvaKf71ubMJNiet+Ce/2Xz9a2AmmFOZetizo08P3X4TJjS42fpLzmaKDnCqw5VZ+264uWVyiT50cUQnXCitoeXizOEKelhegkhQAuALqQVLE4deeBQtLeT/cImUPNhkopPTeCz+DNtm/hDoLbqMvYAyaNc8fs04F43+4xbGVfFyV968lpQxsKttAZvj2dAehk+v8MgIyXTNbltNjLgvH0hFMI45O8NBeV8xb+YfUPXQG2wSZdEJmdUfjDzPyP47cln0nxzuKXuAKZ4FHFyYSAnGX76RX0/Y0BOc0oQKwIHW2+Vz1sGEq0JhqsmNWmsBFMQc1BwM9GSlefIlxO114mM4cPtfuV8P663fmDFAqcZZVJsmLrStVtOYeRI0yyZG0c+mfZNo9qTZkqqnl2W3/WM6IXmoA6xjx/CvxUaVrasmSSM/Vt4wMP9RYP9YPGt1Rn0rJkLQ38kpWQ9QvYt/ZueZ4/SYB9d+tFWccx89EOz56+Bo+ajwW0YBVG9xy38kQtAUJuHXsovha5qv8qy3cymdsV5ka+KH2i/K4qRYwfXXox/Cl935cexYNiNfhoS/8VRBhCmRClfV9+WZl8LxIhwHnjtMC/n0rb0BGVbx04Gx5ka1jboI4NtPbpuOrY2OqlRBAy+gNNqykj5w9XfuP+RCnom9VMDWpw16RmcGr3uRD2KZ+47Ssosqe8LCp6KfKQe+KecneRffiJ++YsI+DUi94ak+K79RDqtecHr4BuRygMcuzO6g6ApOEVBXj9sMcLPRQSH/b9HAVIz1N5sTM8Ir2U4FcgBACATcHeytUmAeNj7scAQGZwUB0q3pMOWpkk3mQsz+f85+yjbreVgvX3BYEBSeqAQN+Xqam/Jv9amPqrr3uEu4wCEBolkdHNjNs2nnRfsF552005g0JyOSOU4egEOeKQIv/xc6n57u+m8B/fFBT7E8kok3MkznfLIBJgyWwjE0IJ5LaMNn9CWNDREoAMBuMUOzJHkVy2KrEfDeRX+PFM3/7byoimqzVmKEDZ4y/rolOrkpfT5zA1uq76cDQzWVcW3FganKJjRh/ecN79VMDpwNMBp/zn9wI4rab6uPAjdqEAcWbp+QmHADtc6vKe4lstRb4+FH4kpRaZnKbr9f/YUj1/a6MJp/2DXNKBSxEzJgnowKTxaQVHfXfPTr9E44cqnSmF48V8j6Vg5BdHKwok/7mTfVautG+G9bNe5+Q2m/0zzlG2B/zLkFWzB2CVvVQ9PQ3EFNGh5eA6YejM35Gd9wxskCY83/9WjXch0N48mJfqR2azvrneTu5Wm+hRG14VVG4rj/CQs1986cVK6t5ONsvl4QGnMjBv91vcipvkBodekxlvcv3WDp/pIUlIRnpIUVo/WQ9QwKR8QhLDvUklUOaqYem+gUtWgN/NCwZF6ckMC+PLA32ujlA5g1+9sczAtKVsuTTQzig3SLPDwrKlhhECDxnq9iMPgWUxrWVRJQpFSVTZUwIPGer2Tx92Q0fDXEeKvRpGvC41eBVfqofD3IlmB4GndMej6yyHo5kputLgxrLgZOqyqinv+wXYo+zNg/kpfo5sj/x+UFnkg75g7/egPNzf/CuKxVXV7nkpecpFny+qCKuc6FiUVTlsIbb99de3Pqd0rpM81xfmJcDA5yI11mOW9Ttr1sOZNcXi933zgA0rlVEVNtzji1GqAZfmCGr0xfBumtL9020Di9MYS6I6hDVyTUm3f7KglqwsC0Xdfea7psc15jX3CIJa10NQQkRtedwxLnLqyWW2ZITURmKeX5weHoj3Jx7HkRekqlR23WnsP0OYawcwgFMQUDUY/3mQAgOV+Y8O/l2SrDBypna+jhdZDSxngkk/2GkEdydi50z9tXNwSP2AMjiMedjtY6rfDY3rF+sPLs31CdJOJPxx6s/nsfvABhsAA28MG6fQ0D1410OsMg4lws7PnUyEjpiaeriyHIKc2SiBdFeS5uSzg0nKnU6hxbWgIRzzO/64B8/6R8KENsgnd+nB9V9oXG/4UT92O8wMDlMOuBMczC6N6twRnTwhrY8jOKQYGlgXtY4/tA24Hzj27GjKyH67HT5pTiV3JEJkOwc5sFw9CKngRSTm3k9EdC6N+R/uCge7OS5TGw1CGLoB/3/+kzEVrW8JSQ1NqkQyT+IyeBEqaKCTgR1mbf3dKdYpuP+G4G/MMMa2Z/dfeNqtTkNkHz2UU3pLBPxiy482eLHIQ2azscVWy9Aw32RKaBhmjIXwPtL9BwtuQSTZyhSyfhoApPf03yeMu3xJ1Xzb4QNA+/BgBLMC67jjuQVbq1JF/p87MIDJOedKti5K1RbQRS+fdhoie7GONpTHNt4qhXJ89OQh0Ksx6UXEdlL+2H6aSfb4ymhPfbIePT0XHKSL3nmt34e+4MNdwcoRiMqDja/D9r8O+DMg3LHKgu0FsfMD/G/kRLFXiVexQYy5ou/MhGn0KTV6utRwH170VGN8tf8MXWLzYyfz/CnXRwFsukJ4BmGYUUPelrAuxMPD5hO2kdcGMDaTw9Q8Qa6LX1rxq9Ju110I9LiEgQybhqH/FWRXu1wtpofk7qrw/4PAwd0nPcYDxz2mtvtbLq8sha64vxsYDyKjAhB08te9P9Jd/KbvJDbK7KIfp3cxR6etqCOdTHdEZc9nfbKFud8S+LJZSzVX450yAACF1VlZbUHVrTCkzfJSmFM8/tLN7NE57FL7k6l7CNuF/DiNUuQni9mMMPKoFV/JDg3hzTjZZuzVj/2CFH6xJTmlbeu5BTlkmAafJ4tSq7Z2zztOtwalI9buA9w6wx5uMI9P4BNXuU0zcH195xrjJOPaHVv3bdruv00I3k0ffVzbjVjU6uRPLxB48jcsqfH43VYMHLegC5vbkZ5TEtNyEqeaZErmN68KHieybpSD/KJdvphR7VPl0+ZjgU9EEw0kx3YHAzGIaCA6tZMMwD7ZdX/VAmzSEr30NQeWMV+973aJ39Ej+Kz1py81pnPmgUtRqYVBxcF1reWyBeGYAc+vKQjODExPkzMXOm6/tCQzIs0rp+V3pfAvztfUplmw/wzJQIy2GZJTOzFbX58deCsZVT7VPhafNnACaJfHqaviZXOn/BhIZl7oyl5emn0quW5Fct2UfXYu44OoeVW/QtT06evJrUmCzcAVWf3wjVuzgrfglz/9E9Ku7e1Pjmmkqb2TvA3e+oG5wZPFauYT5g7fnWZ4x7XRRuDpsU5HtbgdXV+8Hm0XY0CnKi6P3f6v5t/2BaDO308vsljvJWpx/XvO0ODQ+2I7IrfomAU7A4v7p+o1stzYldJO6QbpO2791MH0wJ3KEnOtae6W+c3ZC75bs5Cf61bqR5/73fgLJpJIDn6FFCc+LSDVIyaQ5IQQlRGMDOfOU07kfPT/lrCVU06xOcutdxlG8N/u7MZD/HU5TYPjqV/RDqEApTZkN315Je228leizCGIKCOSYAeVg7eDzMGjuJM7svdTm8pld0Q7ZlEI1JvcGMmE0J0KKCA0RJf2L5qOZEjCrZDdooP4NcB+8p9yrV1vkjBV+rN3LRvbxrvfujudKJt8VPp6prkyMVBa2TzzuvTRZNkJJ/e33ZctDEnqDv0XBP5Uxxh/nxUUF4z4RGbkio2SMQSE/P3ugwS/vnsX1XgmZyylTXtpRg/6v/QUt70L9wo45Phmcob4+mb4w4GwgYfhN18TZybfOB4K8Ap/Z6I+Hhmy4tZxT7H2TuTzMA2q4LaUZI2HCTNbp3G82QBXMGF6uGvAR5WgKNdsYe1RpqR8WKKYVHG3evSr2DdLInpSlj8d93hs0USWR8ZBQFGeTdobZnmRGZIo0nBzRRpxmuTIK/+9pOwoGcUOgy3b4DmWHd4GtlJesuyUbf2wnTUH9/fDNFD5bfi2pC+/CElNDREXVhXFXk5bU3A8KIkYjz13T7v4QjGo/nLuSA5euy5pO0fZErXAxfX7G1ndHf3rt7MEayiOLJDJCiKLG+pkReF5xoi8cQ2hBZRwEtdmMfLPS0WL4htOkrKCQl4ZSdp6qLYwojhQAkgYTEMH9b69+sAyHRjfTwfKiwsi1yq3ldcINYuTFtetBYqsonPeyBMQMr/leFCD2/6CLwgawkOh8KGGQPiiYJNDQ9DxlvkhTsE3tJ1ZPiJlMbL5UXeejVDPyfXOv66Sf6+UPfDO4+gJDW8Dyh44FitFPmCFT52rI5AlgQs0xX/d3n3k40dh6M1nHDvzGrTUb4IRGnx9zuc5fdQ8OlZyHPBUa7u71oYZgJgmv1Dzm1uYEYhpkefaOdud4Rt3py/AgHFK4Nio49l9vyjgtWxDN+R20RqHSnDhYOfv2CXnvgNrvs+b2sX87yl4E0pEw8hOtgjFulbyyj8Y64zCPpFIHvFH62bFwdlTU1pJQqDRLcctnZRLTnDL9vx/m2O2KyQrGiduCVhmNaZOn8nl8Cu/ygDJyUt8+8kdMm1OeXJWR9Bm8v/jyYUhPRoVgO4Tk8jLtYLOcx9u2DnfleYmTb7wdON5xWa3n0oTj4purb4nTot4+A9/6asfE3LuFV9Kj2elehVxy6WbS4g0nU8p4ckR/uTKn9tM9ONZYGAToKlp8M0vAAT5uHk3pzs6ON1zn3KBfHgcas4zlyn3+y5zfOZqzvxdV4H3z/R8/nxSTsjIEv8F5iUg6nOVw9u1zS1X3LM9sk5leGQy7yUqezo/7kF74hPfZ3gbM3n2bs5Cz4W1TXVDC9lN3Oxs7u7f9BSYF01l+QQzp3NCfqrzzzQvAdHnVA5v20wtV9yy3bNOZXpkMJ8rlT2eDLT9U7T36tjP3VTfg4oHjzbQGnNP7ipWTQvIMv535Qla0giqZqkntlfUghrF9qKBOzPH9kNd/P5AbtaZXQJ7Ezp9v887Tw0voMW8KcPkG/uKgd0CcNgEcwJdgHwXn1mMbCVuaNOqH3rKmuFWi4lIQHHyzfpak8MJAcOgDL+jUaoXB+FwW+AHzESb4VTl4EWYpYjmadVBYni9Xs2FWVxgchiG4suW/zlJLg2deDEOAI9COPZb/D5KUJcSQbG6B9IqXzWzGRBhOQstsu0AGZIyUKEIGQEybI8DUMURVBKmy6qsaMjForyKYLiEj6hen1vBE5bB2tADtdfBJuHMkTFDEiYxlVNtq4gw0S2iI27ClEQwgs5GuuRKsSJl9VZA3/C3f+MKkGhhLuYAAHZwiGkqHXMTwA9AnGUdIHBUxxxG/WsZEfoHD5BQjDAy9D8+4CI4yYUUbtkDHOS+wjE/IDsAYYo5QEBVyByw38yI0L/pAAnLMUaG/psHXBjNbUbhl9aJilmlUq3bwRX4yix++FrlFmpSBTc0bgJa16jXiPqPeQDalH5GQ+JCayxdHhLaGYAclaot0qB0tuh/3/UEUpxQyIhRJbKWBT9uyCclEQbovz5WUklYalUrmnJYsL2s5afBauEgWdV+pIr5wxqT0OSAMVmDYQsX0ezP6g6sfLRGAuhjl7a0VYe3tlah4dFQOqjuqpsb0QegJv/JZlFCTbuqnIWkxkqjrnQqqxIjinKebONSXD7E3z7/BEtImpgEkizJkyIpE0xsMn0dShvrMDC5ceeBBYHy5IWNg8sbD58PASFfIn78BQgUJJhYCIlQYaTCychFiKSAwUWJFiNWnHgJACAIDIHC4AgkCo3BpgXhCUQSmUKl0RlMFpvD5fEFQpFYIpXJFUqVWqPV6Q1Gk9litdkdTpfb4/XxBUOgMDgCiUJjsDg8gUgi5yWFSqMzmCw2h8sL1QuEIrFEKpMrlCq1RqvTG4ymCHxusdrZOzg6Obu4urnbPDy9vH18/fwhjhrzgx9dNu6Kq6657oabJky65Se33fGzu35xz31TfvXAQ9NsZjzy2BNPPfOb3z33wqyX5rzyh9fSk1ittE32lw2r0uf2VhFNU579teOHsIqbXFVAOca3SfOcYS++RrJicUKTjP0+yv9JXRAhSjMieqOCX+BEoJZnClW6Ir1IJ1ehTi76m5M6t/3vbbkPzDv8yjhwTyWPAqiw6h4Tw9FKmqBwI1ZMTy3R9eSgEsoBTWr+Gw3i8LB2quMJc9vstGwSGGdJ11x61dpz/2brAbPRIEz4fEAB63jee65A5qyp1Ey4nW72ieZwpjEGHgljJ1bVjhXZThpPmaDc/BpDd1SZ2xqfZ/cCa3aCpAxO3AciQzmdYJZMexXITxW8hYFA4wKQ5+NqxbehqkjDdIVLk+REZdYnjVRV8rNkT8v8nIQxWtQYaIACTXHYDFpRf/Q6YygdfaL9S/1RykI/PHOk0TKFlzQar5CaHZvUJO6p5ABTrNgwZTh3KE/AlA3DVB2D0SDTJwl/PcRsLeGWZv9wG+4Rmqkm4AYWxRBhM8lqCs0UOAcEKgfIq2SBVEYSIyErVbvC6yunDZQUPlhm+O6t/u3N/mpuiKxcqyEZgSrNHhiMQ5zrT92G1R1hoFhlS35bOXNIyGkDJeoyAbAkmJNMKiAP9sRdMa+SKbMtyQdrBjdx2SB2VTASFqoeAmD2Q5Y1ZPWPg5Qq9LkVJO1/uCCK7kcvQEsiWlZ+VTuGTwJJrAKmHnkGuN422fVBRQjzt9qM+5Ox6s5QVg4gVg5LQBoX3C7GhrqYaYjTjwBZ0QP3x4LjrSRh9MdIGqCPQ49p9TU2cdeoQ7zCq9klMIUfC5P6x0E9ljP3FQeCEF9xrhjejj3vzawWaGmOTmx+PBAtkWJR6tK0JknDigh9nbeE0Ip7/fENE3FZrlNJoLfJDocOBqsn4XBu8ZkIz4U1dSo0WUtTSIFTMpnvOXQnzC5168OSoXtiSoUwP1Z7UG0OrdjUeEwomR5rksSsFCNa42owjR9etIzk7opSs9zRa/UaCHZpQWfYCqqReW8cmYIchGw5beCBiLvIXGzxVgdT5tdK6rTA6DUe9Wo5yPFyEsfVFIkS1WsQBxlcHjbzepoEE294LBlX2+xeJJN0W0NBBi3YKG4AxORuIiJSN5Jli7eylPnJKdZ/hSjhTnkXX14B2LVcFlg/e25n2VDInLC42mF8130th1+ipl8NuQctrmzOh6QXr2u8PuPVjpiJQQ/D0aa+kvm7SXPASXTDJrwnkOufHqA9pB7CjBY6ZoXL569Y9XbjzTVF0jrVfSxCbSOdSwoHMCW21qCOMFaC3tQO33qPpVLl3iF3PBhKhPjCGQ9IYp3L6ygBAAA=) format("woff2"), url(//at.alicdn.com/t/c/font_2553510_ovbl29ce9ud.woff?t=1672541115585) format("woff"); } .van-icon__image { display: block; width: 1em; height: 1em; object-fit: contain; } :root { --van-skeleton-image-size: 96px; --van-skeleton-image-radius: 24px; } .van-skeleton-image { display: flex; width: var(--van-skeleton-image-size); height: var(--van-skeleton-image-size); align-items: center; justify-content: center; background: var(--van-active-color); } .van-skeleton-image--round { border-radius: var(--van-skeleton-image-radius); } .van-skeleton-image__icon { width: calc(var(--van-skeleton-image-size) / 2); height: calc(var(--van-skeleton-image-size) / 2); font-size: calc(var(--van-skeleton-image-size) / 2); color: var(--van-gray-5); } :root { --van-rate-icon-size: 20px; --van-rate-icon-gutter: var(--van-padding-base); --van-rate-icon-void-color: var(--van-gray-5); --van-rate-icon-full-color: var(--van-danger-color); --van-rate-icon-disabled-color: var(--van-gray-5); } .van-rate { display: inline-flex; cursor: pointer; -webkit-user-select: none; user-select: none; flex-wrap: wrap; } .van-rate__item { position: relative; } .van-rate__item:not(:last-child) { padding-right: var(--van-rate-icon-gutter); } .van-rate__icon { display: block; width: 1em; color: var(--van-rate-icon-void-color); font-size: var(--van-rate-icon-size); } .van-rate__icon--half { position: absolute; top: 0; left: 0; overflow: hidden; pointer-events: none; } .van-rate__icon--full { color: var(--van-rate-icon-full-color); } .van-rate__icon--disabled { color: var(--van-rate-icon-disabled-color); } .van-rate--disabled { cursor: not-allowed; } .van-rate--readonly { cursor: default; } :root { --van-notice-bar-height: 40px; --van-notice-bar-padding: 0 var(--van-padding-md); --van-notice-bar-wrapable-padding: var(--van-padding-xs) var(--van-padding-md); --van-notice-bar-text-color: var(--van-orange-dark); --van-notice-bar-font-size: var(--van-font-size-md); --van-notice-bar-line-height: 24px; --van-notice-bar-background: var(--van-orange-light); --van-notice-bar-icon-size: 16px; --van-notice-bar-icon-min-width: 24px; } .van-notice-bar { position: relative; display: flex; align-items: center; height: var(--van-notice-bar-height); padding: var(--van-notice-bar-padding); color: var(--van-notice-bar-text-color); font-size: var(--van-notice-bar-font-size); line-height: var(--van-notice-bar-line-height); background: var(--van-notice-bar-background); } .van-notice-bar__left-icon, .van-notice-bar__right-icon { min-width: var(--van-notice-bar-icon-min-width); font-size: var(--van-notice-bar-icon-size); } .van-notice-bar__right-icon { text-align: right; cursor: pointer; } .van-notice-bar__wrap { position: relative; display: flex; flex: 1; align-items: center; height: 100%; overflow: hidden; } .van-notice-bar__content { position: absolute; white-space: nowrap; transition-timing-function: linear; } .van-notice-bar__content.van-ellipsis { max-width: 100%; } .van-notice-bar--wrapable { height: auto; padding: var(--van-notice-bar-wrapable-padding); } .van-notice-bar--wrapable .van-notice-bar__wrap { height: auto; } .van-notice-bar--wrapable .van-notice-bar__content { position: relative; white-space: normal; word-wrap: break-word; } :root { --van-nav-bar-height: 46px; --van-nav-bar-background: var(--van-background-2); --van-nav-bar-arrow-size: 16px; --van-nav-bar-icon-color: var(--van-primary-color); --van-nav-bar-text-color: var(--van-primary-color); --van-nav-bar-title-font-size: var(--van-font-size-lg); --van-nav-bar-title-text-color: var(--van-text-color); --van-nav-bar-z-index: 1; --van-nav-bar-disabled-opacity: var(--van-disabled-opacity); } .van-nav-bar { position: relative; z-index: var(--van-nav-bar-z-index); line-height: var(--van-line-height-lg); text-align: center; background: var(--van-nav-bar-background); -webkit-user-select: none; user-select: none; } .van-nav-bar--fixed { position: fixed; top: 0; left: 0; width: 100%; } .van-nav-bar--safe-area-inset-top { padding-top: constant(safe-area-inset-top); padding-top: env(safe-area-inset-top); } .van-nav-bar .van-icon { color: var(--van-nav-bar-icon-color); } .van-nav-bar__content { position: relative; display: flex; align-items: center; height: var(--van-nav-bar-height); } .van-nav-bar__arrow { margin-right: var(--van-padding-base); font-size: var(--van-nav-bar-arrow-size); } .van-nav-bar__title { max-width: 60%; margin: 0 auto; color: var(--van-nav-bar-title-text-color); font-weight: var(--van-font-bold); font-size: var(--van-nav-bar-title-font-size); } .van-nav-bar__left, .van-nav-bar__right { position: absolute; top: 0; bottom: 0; display: flex; align-items: center; padding: 0 var(--van-padding-md); font-size: var(--van-font-size-md); } .van-nav-bar__left--disabled, .van-nav-bar__right--disabled { cursor: not-allowed; opacity: var(--van-nav-bar-disabled-opacity); } .van-nav-bar__left { left: 0; } .van-nav-bar__right { right: 0; } .van-nav-bar__text { color: var(--van-nav-bar-text-color); } :root { --van-floating-bubble-size: 48px; --van-floating-bubble-initial-gap: 24px; --van-floating-bubble-icon-size: 28px; --van-floating-bubble-background: var(--van-primary-color); --van-floating-bubble-color: var(--van-background-2); --van-floating-bubble-z-index: 999; --van-floating-bubble-border-radius: var(--van-radius-max); } .van-floating-bubble { position: fixed; left: 0; top: 0; right: var(--van-floating-bubble-initial-gap); bottom: var(--van-floating-bubble-initial-gap); width: var(--van-floating-bubble-size); height: var(--van-floating-bubble-size); box-sizing: border-box; display: flex; justify-content: center; align-items: center; overflow: hidden; cursor: pointer; -webkit-user-select: none; user-select: none; touch-action: none; background: var(--van-floating-bubble-background); color: var(--van-floating-bubble-color); border-radius: var(--van-floating-bubble-border-radius); z-index: var(--van-floating-bubble-z-index); transition: transform var(--van-duration-base); } .van-floating-bubble:active { opacity: 0.8; } .van-floating-bubble__icon { font-size: var(--van-floating-bubble-icon-size); } :root { --van-image-placeholder-text-color: var(--van-text-color-2); --van-image-placeholder-font-size: var(--van-font-size-md); --van-image-placeholder-background: var(--van-background); --van-image-loading-icon-size: 32px; --van-image-loading-icon-color: var(--van-gray-4); --van-image-error-icon-size: 32px; --van-image-error-icon-color: var(--van-gray-4); } .van-image { position: relative; display: inline-block; } .van-image--round { overflow: hidden; border-radius: var(--van-radius-max); } .van-image--round .van-image__img { border-radius: inherit; } .van-image--block { display: block; } .van-image__img, .van-image__error, .van-image__loading { display: block; width: 100%; height: 100%; } .van-image__error, .van-image__loading { position: absolute; top: 0; left: 0; display: flex; flex-direction: column; align-items: center; justify-content: center; color: var(--van-image-placeholder-text-color); font-size: var(--van-image-placeholder-font-size); background: var(--van-image-placeholder-background); } .van-image__loading-icon { color: var(--van-image-loading-icon-color); font-size: var(--van-image-loading-icon-size); } .van-image__error-icon { color: var(--van-image-error-icon-color); font-size: var(--van-image-error-icon-size); } :root { --van-back-top-size: 40px; --van-back-top-right: 30px; --van-back-top-bottom: 40px; --van-back-top-z-index: 100; --van-back-top-icon-size: 20px; --van-back-top-text-color: #fff; --van-back-top-background: var(--van-blue); } .van-back-top { position: fixed; display: flex; align-items: center; justify-content: center; width: var(--van-back-top-size); height: var(--van-back-top-size); right: var(--van-back-top-right); bottom: var(--van-back-top-bottom); z-index: var(--van-back-top-z-index); cursor: pointer; color: var(--van-back-top-text-color); border-radius: var(--van-radius-max); box-shadow: 0 2px 8px rgba(0, 0, 0, 0.12); transform: scale(0); transition: var(--van-duration-base) cubic-bezier(0.25, 0.8, 0.5, 1); background-color: var(--van-back-top-background); } .van-back-top:active { opacity: var(--van-active-opacity); } .van-back-top__placeholder { display: none; } .van-back-top--active { transform: scale(1); } .van-back-top__icon { font-size: var(--van-back-top-icon-size); font-weight: var(--van-font-bold); } :root { --van-tag-padding: 0 var(--van-padding-base); --van-tag-text-color: var(--van-white); --van-tag-font-size: var(--van-font-size-sm); --van-tag-radius: 2px; --van-tag-line-height: 16px; --van-tag-medium-padding: 2px 6px; --van-tag-large-padding: var(--van-padding-base) var(--van-padding-xs); --van-tag-large-radius: var(--van-radius-md); --van-tag-large-font-size: var(--van-font-size-md); --van-tag-round-radius: var(--van-radius-max); --van-tag-danger-color: var(--van-danger-color); --van-tag-primary-color: var(--van-primary-color); --van-tag-success-color: var(--van-success-color); --van-tag-warning-color: var(--van-warning-color); --van-tag-default-color: var(--van-gray-6); --van-tag-plain-background: var(--van-background-2); } .van-tag { position: relative; display: inline-flex; align-items: center; padding: var(--van-tag-padding); color: var(--van-tag-text-color); font-size: var(--van-tag-font-size); line-height: var(--van-tag-line-height); border-radius: var(--van-tag-radius); } .van-tag--default { background: var(--van-tag-default-color); } .van-tag--default.van-tag--plain { color: var(--van-tag-default-color); } .van-tag--danger { background: var(--van-tag-danger-color); } .van-tag--danger.van-tag--plain { color: var(--van-tag-danger-color); } .van-tag--primary { background: var(--van-tag-primary-color); } .van-tag--primary.van-tag--plain { color: var(--van-tag-primary-color); } .van-tag--success { background: var(--van-tag-success-color); } .van-tag--success.van-tag--plain { color: var(--van-tag-success-color); } .van-tag--warning { background: var(--van-tag-warning-color); } .van-tag--warning.van-tag--plain { color: var(--van-tag-warning-color); } .van-tag--plain { background: var(--van-tag-plain-background); border-color: currentColor; } .van-tag--plain:before { position: absolute; top: 0; right: 0; bottom: 0; left: 0; border: 1px solid; border-color: inherit; border-radius: inherit; content: ""; pointer-events: none; } .van-tag--medium { padding: var(--van-tag-medium-padding); } .van-tag--large { padding: var(--van-tag-large-padding); font-size: var(--van-tag-large-font-size); border-radius: var(--van-tag-large-radius); } .van-tag--mark { border-radius: 0 var(--van-tag-round-radius) var(--van-tag-round-radius) 0; } .van-tag--mark:after { display: block; width: 2px; content: ""; } .van-tag--round { border-radius: var(--van-tag-round-radius); } .van-tag__close { margin-left: 2px; } :root { --van-card-padding: var(--van-padding-xs) var(--van-padding-md); --van-card-font-size: var(--van-font-size-sm); --van-card-text-color: var(--van-text-color); --van-card-background: var(--van-background); --van-card-thumb-size: 88px; --van-card-thumb-radius: var(--van-radius-lg); --van-card-title-line-height: 16px; --van-card-desc-color: var(--van-text-color-2); --van-card-desc-line-height: var(--van-line-height-md); --van-card-price-color: var(--van-text-color); --van-card-origin-price-color: var(--van-text-color-2); --van-card-num-color: var(--van-text-color-2); --van-card-origin-price-font-size: var(--van-font-size-xs); --van-card-price-font-size: var(--van-font-size-sm); --van-card-price-integer-font-size: var(--van-font-size-lg); --van-card-price-font: var(--van-price-font); } .van-card { position: relative; box-sizing: border-box; padding: var(--van-card-padding); color: var(--van-card-text-color); font-size: var(--van-card-font-size); background: var(--van-card-background); } .van-card:not(:first-child) { margin-top: var(--van-padding-xs); } .van-card__header { display: flex; } .van-card__thumb { position: relative; flex: none; width: var(--van-card-thumb-size); height: var(--van-card-thumb-size); margin-right: var(--van-padding-xs); } .van-card__thumb img { border-radius: var(--van-card-thumb-radius); } .van-card__content { position: relative; display: flex; flex: 1; flex-direction: column; justify-content: space-between; min-width: 0; min-height: var(--van-card-thumb-size); } .van-card__content--centered { justify-content: center; } .van-card__title, .van-card__desc { word-wrap: break-word; } .van-card__title { max-height: 32px; font-weight: var(--van-font-bold); line-height: var(--van-card-title-line-height); } .van-card__desc { max-height: var(--van-card-desc-line-height); color: var(--van-card-desc-color); line-height: var(--van-card-desc-line-height); } .van-card__bottom { line-height: var(--van-line-height-md); } .van-card__price { display: inline-block; color: var(--van-card-price-color); font-weight: var(--van-font-bold); font-size: var(--van-card-price-font-size); } .van-card__price-integer { font-size: var(--van-card-price-integer-font-size); font-family: var(--van-card-price-font); } .van-card__price-decimal { font-family: var(--van-card-price-font); } .van-card__origin-price { display: inline-block; margin-left: 5px; color: var(--van-card-origin-price-color); font-size: var(--van-card-origin-price-font-size); text-decoration: line-through; } .van-card__num { float: right; color: var(--van-card-num-color); } .van-card__tag { position: absolute; top: 2px; left: 0; } .van-card__footer { flex: none; text-align: right; } .van-card__footer .van-button { margin-left: 5px; } :root { --van-cell-font-size: var(--van-font-size-md); --van-cell-line-height: 24px; --van-cell-vertical-padding: 10px; --van-cell-horizontal-padding: var(--van-padding-md); --van-cell-text-color: var(--van-text-color); --van-cell-background: var(--van-background-2); --van-cell-border-color: var(--van-border-color); --van-cell-active-color: var(--van-active-color); --van-cell-required-color: var(--van-danger-color); --van-cell-label-color: var(--van-text-color-2); --van-cell-label-font-size: var(--van-font-size-sm); --van-cell-label-line-height: var(--van-line-height-sm); --van-cell-label-margin-top: var(--van-padding-base); --van-cell-value-color: var(--van-text-color-2); --van-cell-value-font-size: inherit; --van-cell-icon-size: 16px; --van-cell-right-icon-color: var(--van-gray-6); --van-cell-large-vertical-padding: var(--van-padding-sm); --van-cell-large-title-font-size: var(--van-font-size-lg); --van-cell-large-label-font-size: var(--van-font-size-md); --van-cell-large-value-font-size: inherit; } .van-cell { position: relative; display: flex; box-sizing: border-box; width: 100%; padding: var(--van-cell-vertical-padding) var(--van-cell-horizontal-padding); overflow: hidden; color: var(--van-cell-text-color); font-size: var(--van-cell-font-size); line-height: var(--van-cell-line-height); background: var(--van-cell-background); } .van-cell:after { position: absolute; box-sizing: border-box; content: " "; pointer-events: none; right: var(--van-padding-md); bottom: 0; left: var(--van-padding-md); border-bottom: 1px solid var(--van-cell-border-color); transform: scaleY(0.5); } .van-cell:last-child:after, .van-cell--borderless:after { display: none; } .van-cell__label { margin-top: var(--van-cell-label-margin-top); color: var(--van-cell-label-color); font-size: var(--van-cell-label-font-size); line-height: var(--van-cell-label-line-height); } .van-cell__title, .van-cell__value { flex: 1; } .van-cell__value { position: relative; overflow: hidden; color: var(--van-cell-value-color); font-size: var(--van-cell-value-font-size); text-align: right; vertical-align: middle; word-wrap: break-word; } .van-cell__left-icon, .van-cell__right-icon { height: var(--van-cell-line-height); font-size: var(--van-cell-icon-size); line-height: var(--van-cell-line-height); } .van-cell__left-icon { margin-right: var(--van-padding-base); } .van-cell__right-icon { margin-left: var(--van-padding-base); color: var(--van-cell-right-icon-color); } .van-cell--clickable { cursor: pointer; } .van-cell--clickable:active { background-color: var(--van-cell-active-color); } .van-cell--required { overflow: visible; } .van-cell--required:before { position: absolute; left: var(--van-padding-xs); color: var(--van-cell-required-color); font-size: var(--van-cell-font-size); content: "*"; } .van-cell--center { align-items: center; } .van-cell--large { padding-top: var(--van-cell-large-vertical-padding); padding-bottom: var(--van-cell-large-vertical-padding); } .van-cell--large .van-cell__title { font-size: var(--van-cell-large-title-font-size); } .van-cell--large .van-cell__label { font-size: var(--van-cell-large-label-font-size); } .van-cell--large .van-cell__value { font-size: var(--van-cell-large-value-font-size); } :root { --van-coupon-cell-selected-text-color: var(--van-text-color); } .van-coupon-cell__value--selected { color: var(--van-coupon-cell-selected-text-color); } :root { --van-contact-card-padding: var(--van-padding-md); --van-contact-card-add-icon-size: 40px; --van-contact-card-add-icon-color: var(--van-primary-color); --van-contact-card-title-line-height: var(--van-line-height-md); } .van-contact-card { padding: var(--van-contact-card-padding); } .van-contact-card__title { margin-left: 5px; line-height: var(--van-contact-card-title-line-height); } .van-contact-card--add .van-contact-card__value { line-height: var(--van-contact-card-add-icon-size); } .van-contact-card--add .van-cell__left-icon { color: var(--van-contact-card-add-icon-color); font-size: var(--van-contact-card-add-icon-size); } .van-contact-card:before { position: absolute; right: 0; bottom: 0; left: 0; height: 2px; background: repeating-linear-gradient( -45deg, var(--van-warning-color) 0, var(--van-warning-color) 20%, transparent 0, transparent 25%, var(--van-primary-color) 0, var(--van-primary-color) 45%, transparent 0, transparent 50% ); background-size: 80px; content: ""; } :root { --van-collapse-item-duration: var(--van-duration-base); --van-collapse-item-content-padding: var(--van-padding-sm) var(--van-padding-md); --van-collapse-item-content-font-size: var(--van-font-size-md); --van-collapse-item-content-line-height: 1.5; --van-collapse-item-content-text-color: var(--van-text-color-2); --van-collapse-item-content-background: var(--van-background-2); --van-collapse-item-title-disabled-color: var(--van-text-color-3); } .van-collapse-item { position: relative; } .van-collapse-item--border:after { position: absolute; box-sizing: border-box; content: " "; pointer-events: none; top: 0; right: var(--van-padding-md); left: var(--van-padding-md); border-top: 1px solid var(--van-border-color); transform: scaleY(0.5); } .van-collapse-item__title .van-cell__right-icon:before { transform: rotate(90deg) translateZ(0); transition: transform var(--van-collapse-item-duration); } .van-collapse-item__title:after { right: var(--van-padding-md); display: none; } .van-collapse-item__title--expanded .van-cell__right-icon:before { transform: rotate(-90deg); } .van-collapse-item__title--expanded:after { display: block; } .van-collapse-item__title--borderless:after { display: none; } .van-collapse-item__title--disabled { cursor: not-allowed; } .van-collapse-item__title--disabled, .van-collapse-item__title--disabled .van-cell__right-icon { color: var(--van-collapse-item-title-disabled-color); } .van-collapse-item__wrapper { overflow: hidden; transition: height var(--van-collapse-item-duration) ease-in-out; will-change: height; } .van-collapse-item__content { padding: var(--van-collapse-item-content-padding); color: var(--van-collapse-item-content-text-color); font-size: var(--van-collapse-item-content-font-size); line-height: var(--van-collapse-item-content-line-height); background: var(--van-collapse-item-content-background); } :root { --van-field-label-width: 6.2em; --van-field-label-color: var(--van-text-color); --van-field-label-margin-right: var(--van-padding-sm); --van-field-input-text-color: var(--van-text-color); --van-field-input-error-text-color: var(--van-danger-color); --van-field-input-disabled-text-color: var(--van-text-color-3); --van-field-placeholder-text-color: var(--van-text-color-3); --van-field-icon-size: 18px; --van-field-clear-icon-size: 18px; --van-field-clear-icon-color: var(--van-gray-5); --van-field-right-icon-color: var(--van-gray-6); --van-field-error-message-color: var(--van-danger-color); --van-field-error-message-font-size: 12px; --van-field-text-area-min-height: 60px; --van-field-word-limit-color: var(--van-gray-7); --van-field-word-limit-font-size: var(--van-font-size-sm); --van-field-word-limit-line-height: 16px; --van-field-disabled-text-color: var(--van-text-color-3); --van-field-required-mark-color: var(--van-red); } .van-field { flex-wrap: wrap; } .van-field__label { flex: none; box-sizing: border-box; width: var(--van-field-label-width); margin-right: var(--van-field-label-margin-right); color: var(--van-field-label-color); text-align: left; word-wrap: break-word; } .van-field__label--center { text-align: center; } .van-field__label--right { text-align: right; } .van-field__label--top { display: flex; width: 100%; text-align: left; margin-bottom: var(--van-padding-base); word-break: break-word; } .van-field__label--required:before { margin-right: 2px; color: var(--van-field-required-mark-color); content: "*"; } .van-field--disabled .van-field__label { color: var(--van-field-disabled-text-color); } .van-field__value { overflow: visible; } .van-field__body { display: flex; align-items: center; } .van-field__control { display: block; box-sizing: border-box; width: 100%; min-width: 0; margin: 0; padding: 0; color: var(--van-field-input-text-color); line-height: inherit; text-align: left; background-color: transparent; border: 0; resize: none; -webkit-user-select: auto; user-select: auto; } .van-field__control::-webkit-input-placeholder { color: var(--van-field-placeholder-text-color); } .van-field__control::placeholder { color: var(--van-field-placeholder-text-color); } .van-field__control:read-only { cursor: default; } .van-field__control:disabled { color: var(--van-field-input-disabled-text-color); cursor: not-allowed; opacity: 1; -webkit-text-fill-color: var(--van-field-input-disabled-text-color); } .van-field__control--center { justify-content: center; text-align: center; } .van-field__control--right { justify-content: flex-end; text-align: right; } .van-field__control--custom { display: flex; align-items: center; min-height: var(--van-cell-line-height); } .van-field__control--error::-webkit-input-placeholder { color: var(--van-field-input-error-text-color); -webkit-text-fill-color: currentColor; } .van-field__control--error, .van-field__control--error::placeholder { color: var(--van-field-input-error-text-color); -webkit-text-fill-color: currentColor; } .van-field__control--min-height { min-height: var(--van-field-text-area-min-height); } .van-field__control[type="date"], .van-field__control[type="time"], .van-field__control[type="datetime-local"] { min-height: var(--van-cell-line-height); } .van-field__control[type="search"] { -webkit-appearance: none; } .van-field__clear, .van-field__icon, .van-field__button, .van-field__right-icon { flex-shrink: 0; } .van-field__clear, .van-field__right-icon { margin-right: calc(var(--van-padding-xs) * -1); padding: 0 var(--van-padding-xs); line-height: inherit; } .van-field__clear { color: var(--van-field-clear-icon-color); font-size: var(--van-field-clear-icon-size); cursor: pointer; } .van-field__left-icon .van-icon, .van-field__right-icon .van-icon { display: block; font-size: var(--van-field-icon-size); line-height: inherit; } .van-field__left-icon { margin-right: var(--van-padding-base); } .van-field__right-icon { color: var(--van-field-right-icon-color); } .van-field__button { padding-left: var(--van-padding-xs); } .van-field__error-message { color: var(--van-field-error-message-color); font-size: var(--van-field-error-message-font-size); text-align: left; } .van-field__error-message--center { text-align: center; } .van-field__error-message--right { text-align: right; } .van-field__word-limit { margin-top: var(--van-padding-base); color: var(--van-field-word-limit-color); font-size: var(--van-field-word-limit-font-size); line-height: var(--van-field-word-limit-line-height); text-align: right; } :root { --van-search-padding: 10px var(--van-padding-sm); --van-search-background: var(--van-background-2); --van-search-content-background: var(--van-background); --van-search-input-height: 34px; --van-search-label-padding: 0 5px; --van-search-label-color: var(--van-text-color); --van-search-label-font-size: var(--van-font-size-md); --van-search-left-icon-color: var(--van-gray-6); --van-search-action-padding: 0 var(--van-padding-xs); --van-search-action-text-color: var(--van-text-color); --van-search-action-font-size: var(--van-font-size-md); } .van-search { display: flex; align-items: center; box-sizing: border-box; padding: var(--van-search-padding); background: var(--van-search-background); } .van-search__content { display: flex; flex: 1; padding-left: var(--van-padding-sm); background: var(--van-search-content-background); border-radius: var(--van-radius-sm); } .van-search__content--round { border-radius: var(--van-radius-max); } .van-search__label { padding: var(--van-search-label-padding); color: var(--van-search-label-color); font-size: var(--van-search-label-font-size); line-height: var(--van-search-input-height); } .van-search__field { flex: 1; align-items: center; padding: 0 var(--van-padding-xs) 0 0; height: var(--van-search-input-height); background-color: transparent; } .van-search__field .van-field__left-icon { color: var(--van-search-left-icon-color); } .van-search--show-action { padding-right: 0; } .van-search input::-webkit-search-decoration, .van-search input::-webkit-search-cancel-button, .van-search input::-webkit-search-results-button, .van-search input::-webkit-search-results-decoration { display: none; } .van-search__action { padding: var(--van-search-action-padding); color: var(--van-search-action-text-color); font-size: var(--van-search-action-font-size); line-height: var(--van-search-input-height); cursor: pointer; -webkit-user-select: none; user-select: none; } .van-search__action:active { background-color: var(--van-active-color); } :root { --van-action-bar-icon-width: 48px; --van-action-bar-icon-height: 100%; --van-action-bar-icon-color: var(--van-text-color); --van-action-bar-icon-size: 18px; --van-action-bar-icon-font-size: var(--van-font-size-xs); --van-action-bar-icon-active-color: var(--van-active-color); --van-action-bar-icon-text-color: var(--van-text-color); --van-action-bar-icon-background: var(--van-background-2); } .van-action-bar-icon { display: flex; flex-direction: column; justify-content: center; min-width: var(--van-action-bar-icon-width); height: var(--van-action-bar-icon-height); color: var(--van-action-bar-icon-text-color); font-size: var(--van-action-bar-icon-font-size); line-height: 1; text-align: center; background: var(--van-action-bar-icon-background); cursor: pointer; } .van-action-bar-icon:active { background-color: var(--van-action-bar-icon-active-color); } .van-action-bar-icon__icon { margin: 0 auto var(--van-padding-base); color: var(--van-action-bar-icon-color); font-size: var(--van-action-bar-icon-size); } :root { --van-loading-text-color: var(--van-text-color-2); --van-loading-text-font-size: var(--van-font-size-md); --van-loading-spinner-color: var(--van-gray-5); --van-loading-spinner-size: 30px; --van-loading-spinner-duration: 0.8s; } .van-loading { position: relative; color: var(--van-loading-spinner-color); font-size: 0; vertical-align: middle; } .van-loading__spinner { position: relative; display: inline-block; width: var(--van-loading-spinner-size); max-width: 100%; height: var(--van-loading-spinner-size); max-height: 100%; vertical-align: middle; animation: van-rotate var(--van-loading-spinner-duration) linear infinite; } .van-loading__spinner--spinner { animation-timing-function: steps(12); } .van-loading__spinner--circular { animation-duration: 2s; } .van-loading__line { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .van-loading__line:before { display: block; width: 2px; height: 25%; margin: 0 auto; background-color: currentColor; border-radius: 40%; content: " "; } .van-loading__circular { display: block; width: 100%; height: 100%; } .van-loading__circular circle { animation: van-circular 1.5s ease-in-out infinite; stroke: currentColor; stroke-width: 3; stroke-linecap: round; } .van-loading__text { display: inline-block; margin-left: var(--van-padding-xs); color: var(--van-loading-text-color); font-size: var(--van-loading-text-font-size); vertical-align: middle; } .van-loading--vertical { display: flex; flex-direction: column; align-items: center; } .van-loading--vertical .van-loading__text { margin: var(--van-padding-xs) 0 0; } @keyframes van-circular { 0% { stroke-dasharray: 1, 200; stroke-dashoffset: 0; } 50% { stroke-dasharray: 90, 150; stroke-dashoffset: -40; } to { stroke-dasharray: 90, 150; stroke-dashoffset: -120; } } .van-loading__line--1 { transform: rotate(30deg); opacity: 1; } .van-loading__line--2 { transform: rotate(60deg); opacity: 0.9375; } .van-loading__line--3 { transform: rotate(90deg); opacity: 0.875; } .van-loading__line--4 { transform: rotate(120deg); opacity: 0.8125; } .van-loading__line--5 { transform: rotate(150deg); opacity: 0.75; } .van-loading__line--6 { transform: rotate(180deg); opacity: 0.6875; } .van-loading__line--7 { transform: rotate(210deg); opacity: 0.625; } .van-loading__line--8 { transform: rotate(240deg); opacity: 0.5625; } .van-loading__line--9 { transform: rotate(270deg); opacity: 0.5; } .van-loading__line--10 { transform: rotate(300deg); opacity: 0.4375; } .van-loading__line--11 { transform: rotate(330deg); opacity: 0.375; } .van-loading__line--12 { transform: rotate(360deg); opacity: 0.3125; } :root { --van-pull-refresh-head-height: 50px; --van-pull-refresh-head-font-size: var(--van-font-size-md); --van-pull-refresh-head-text-color: var(--van-text-color-2); --van-pull-refresh-loading-icon-size: 16px; } .van-pull-refresh { overflow: hidden; } .van-pull-refresh__track { position: relative; height: 100%; transition-property: transform; } .van-pull-refresh__head { position: absolute; left: 0; width: 100%; height: var(--van-pull-refresh-head-height); overflow: hidden; color: var(--van-pull-refresh-head-text-color); font-size: var(--van-pull-refresh-head-font-size); line-height: var(--van-pull-refresh-head-height); text-align: center; transform: translateY(-100%); } .van-pull-refresh__loading .van-loading__spinner { width: var(--van-pull-refresh-loading-icon-size); height: var(--van-pull-refresh-loading-icon-size); } :root { --van-number-keyboard-background: var(--van-gray-2); --van-number-keyboard-key-height: 48px; --van-number-keyboard-key-font-size: 28px; --van-number-keyboard-key-active-color: var(--van-gray-3); --van-number-keyboard-key-background: var(--van-background-2); --van-number-keyboard-delete-font-size: var(--van-font-size-lg); --van-number-keyboard-title-color: var(--van-gray-7); --van-number-keyboard-title-height: 34px; --van-number-keyboard-title-font-size: var(--van-font-size-lg); --van-number-keyboard-close-padding: 0 var(--van-padding-md); --van-number-keyboard-close-color: var(--van-primary-color); --van-number-keyboard-close-font-size: var(--van-font-size-md); --van-number-keyboard-button-text-color: var(--van-white); --van-number-keyboard-button-background: var(--van-primary-color); --van-number-keyboard-z-index: 100; } .van-theme-dark { --van-number-keyboard-background: var(--van-gray-8); --van-number-keyboard-key-background: var(--van-gray-7); --van-number-keyboard-key-active-color: var(--van-gray-6); } .van-number-keyboard { position: fixed; bottom: 0; left: 0; z-index: var(--van-number-keyboard-z-index); width: 100%; padding-bottom: 22px; background: var(--van-number-keyboard-background); -webkit-user-select: none; user-select: none; } .van-number-keyboard--with-title { border-radius: 20px 20px 0 0; } .van-number-keyboard__header { position: relative; display: flex; align-items: center; justify-content: center; box-sizing: content-box; height: var(--van-number-keyboard-title-height); padding-top: 6px; color: var(--van-number-keyboard-title-color); font-size: var(--van-number-keyboard-title-font-size); } .van-number-keyboard__title { display: inline-block; font-weight: 400; } .van-number-keyboard__title-left { position: absolute; left: 0; } .van-number-keyboard__body { display: flex; padding: 6px 0 0 6px; } .van-number-keyboard__keys { display: flex; flex: 3; flex-wrap: wrap; } .van-number-keyboard__close { position: absolute; right: 0; height: 100%; padding: var(--van-number-keyboard-close-padding); color: var(--van-number-keyboard-close-color); font-size: var(--van-number-keyboard-close-font-size); background-color: transparent; border: none; } .van-number-keyboard__sidebar { display: flex; flex: 1; flex-direction: column; } .van-number-keyboard--unfit { padding-bottom: 0; } .van-key { display: flex; align-items: center; justify-content: center; height: var(--van-number-keyboard-key-height); font-size: var(--van-number-keyboard-key-font-size); line-height: 1.5; background: var(--van-number-keyboard-key-background); border-radius: var(--van-radius-lg); cursor: pointer; } .van-key--large { position: absolute; top: 0; right: 6px; bottom: 6px; left: 0; height: auto; } .van-key--blue, .van-key--delete { font-size: var(--van-number-keyboard-delete-font-size); } .van-key--active { background-color: var(--van-number-keyboard-key-active-color); } .van-key--blue { color: var(--van-number-keyboard-button-text-color); background: var(--van-number-keyboard-button-background); } .van-key--blue.van-key--active { opacity: var(--van-active-opacity); } .van-key__wrapper { position: relative; flex: 1; flex-basis: 33%; box-sizing: border-box; padding: 0 6px 6px 0; } .van-key__wrapper--wider { flex-basis: 66%; } .van-key__delete-icon { width: 32px; height: 22px; } .van-key__collapse-icon { width: 30px; height: 24px; } .van-key__loading-icon { color: var(--van-number-keyboard-button-text-color); } :root { --van-list-text-color: var(--van-text-color-2); --van-list-text-font-size: var(--van-font-size-md); --van-list-text-line-height: 50px; --van-list-loading-icon-size: 16px; } .van-list__loading, .van-list__finished-text, .van-list__error-text { color: var(--van-list-text-color); font-size: var(--van-list-text-font-size); line-height: var(--van-list-text-line-height); text-align: center; } .van-list__placeholder { height: 0; pointer-events: none; } .van-list__loading-icon .van-loading__spinner { width: var(--van-list-loading-icon-size); height: var(--van-list-loading-icon-size); } :root { --van-switch-size: 26px; --van-switch-width: calc(1.8em + 4px); --van-switch-height: calc(1em + 4px); --van-switch-node-size: 1em; --van-switch-node-background: var(--van-white); --van-switch-node-shadow: 0 3px 1px 0 rgba(0, 0, 0, 0.05); --van-switch-background: rgba(120, 120, 128, 0.16); --van-switch-on-background: var(--van-primary-color); --van-switch-duration: var(--van-duration-base); --van-switch-disabled-opacity: var(--van-disabled-opacity); } .van-theme-dark { --van-switch-background: rgba(120, 120, 128, 0.32); } .van-switch { position: relative; display: inline-block; box-sizing: content-box; width: var(--van-switch-width); height: var(--van-switch-height); font-size: var(--van-switch-size); background: var(--van-switch-background); border-radius: var(--van-switch-node-size); cursor: pointer; transition: background-color var(--van-switch-duration); } .van-switch__node { position: absolute; top: 2px; left: 2px; width: var(--van-switch-node-size); height: var(--van-switch-node-size); font-size: inherit; background: var(--van-switch-node-background); border-radius: 100%; box-shadow: var(--van-switch-node-shadow); transition: transform var(--van-switch-duration) cubic-bezier(0.3, 1.05, 0.4, 1.05); } .van-switch__loading { top: 25%; left: 25%; width: 50%; height: 50%; line-height: 1; } .van-switch--on { background: var(--van-switch-on-background); } .van-switch--on .van-switch__node { transform: translate( calc(var(--van-switch-width) - var(--van-switch-node-size) - 4px) ); } .van-switch--on .van-switch__loading { color: var(--van-switch-on-background); } .van-switch--disabled { cursor: not-allowed; opacity: var(--van-switch-disabled-opacity); } .van-switch--loading { cursor: default; } :root { --van-button-mini-height: 24px; --van-button-mini-padding: 0 var(--van-padding-base); --van-button-mini-font-size: var(--van-font-size-xs); --van-button-small-height: 32px; --van-button-small-padding: 0 var(--van-padding-xs); --van-button-small-font-size: var(--van-font-size-sm); --van-button-normal-padding: 0 15px; --van-button-normal-font-size: var(--van-font-size-md); --van-button-large-height: 50px; --van-button-default-height: 44px; --van-button-default-line-height: 1.2; --van-button-default-font-size: var(--van-font-size-lg); --van-button-default-color: var(--van-text-color); --van-button-default-background: var(--van-background-2); --van-button-default-border-color: var(--van-gray-4); --van-button-primary-color: var(--van-white); --van-button-primary-background: var(--van-primary-color); --van-button-primary-border-color: var(--van-primary-color); --van-button-success-color: var(--van-white); --van-button-success-background: var(--van-success-color); --van-button-success-border-color: var(--van-success-color); --van-button-danger-color: var(--van-white); --van-button-danger-background: var(--van-danger-color); --van-button-danger-border-color: var(--van-danger-color); --van-button-warning-color: var(--van-white); --van-button-warning-background: var(--van-warning-color); --van-button-warning-border-color: var(--van-warning-color); --van-button-border-width: var(--van-border-width); --van-button-radius: var(--van-radius-md); --van-button-round-radius: var(--van-radius-max); --van-button-plain-background: var(--van-white); --van-button-disabled-opacity: var(--van-disabled-opacity); --van-button-icon-size: 1.2em; --van-button-loading-icon-size: 20px; } .van-theme-dark { --van-button-plain-background: transparent; } .van-button { position: relative; display: inline-block; box-sizing: border-box; height: var(--van-button-default-height); margin: 0; padding: 0; font-size: var(--van-button-default-font-size); line-height: var(--van-button-default-line-height); text-align: center; border-radius: var(--van-button-radius); cursor: pointer; transition: opacity var(--van-duration-fast); -webkit-appearance: none; -webkit-font-smoothing: auto; } .van-button:before { position: absolute; top: 50%; left: 50%; width: 100%; height: 100%; background: var(--van-black); border: inherit; border-color: var(--van-black); border-radius: inherit; transform: translate(-50%, -50%); opacity: 0; content: " "; } .van-button:active:before { opacity: 0.1; } .van-button--loading:before, .van-button--disabled:before { display: none; } .van-button--default { color: var(--van-button-default-color); background: var(--van-button-default-background); border: var(--van-button-border-width) solid var(--van-button-default-border-color); } .van-button--primary { color: var(--van-button-primary-color); background: var(--van-button-primary-background); border: var(--van-button-border-width) solid var(--van-button-primary-border-color); } .van-button--success { color: var(--van-button-success-color); background: var(--van-button-success-background); border: var(--van-button-border-width) solid var(--van-button-success-border-color); } .van-button--danger { color: var(--van-button-danger-color); background: var(--van-button-danger-background); border: var(--van-button-border-width) solid var(--van-button-danger-border-color); } .van-button--warning { color: var(--van-button-warning-color); background: var(--van-button-warning-background); border: var(--van-button-border-width) solid var(--van-button-warning-border-color); } .van-button--plain { background: var(--van-button-plain-background); } .van-button--plain.van-button--primary { color: var(--van-button-primary-background); } .van-button--plain.van-button--success { color: var(--van-button-success-background); } .van-button--plain.van-button--danger { color: var(--van-button-danger-background); } .van-button--plain.van-button--warning { color: var(--van-button-warning-background); } .van-button--large { width: 100%; height: var(--van-button-large-height); } .van-button--normal { padding: var(--van-button-normal-padding); font-size: var(--van-button-normal-font-size); } .van-button--small { height: var(--van-button-small-height); padding: var(--van-button-small-padding); font-size: var(--van-button-small-font-size); } .van-button__loading { color: inherit; font-size: inherit; } .van-button__loading .van-loading__spinner { color: currentColor; width: var(--van-button-loading-icon-size); height: var(--van-button-loading-icon-size); } .van-button--mini { height: var(--van-button-mini-height); padding: var(--van-button-mini-padding); font-size: var(--van-button-mini-font-size); } .van-button--mini + .van-button--mini { margin-left: var(--van-padding-base); } .van-button--block { display: block; width: 100%; } .van-button--disabled { cursor: not-allowed; opacity: var(--van-button-disabled-opacity); } .van-button--loading { cursor: default; } .van-button--round { border-radius: var(--van-button-round-radius); } .van-button--square { border-radius: 0; } .van-button__content { display: flex; align-items: center; justify-content: center; height: 100%; } .van-button__content:before { content: " "; } .van-button__icon { font-size: var(--van-button-icon-size); line-height: inherit; } .van-button__icon + .van-button__text, .van-button__loading + .van-button__text, .van-button__text + .van-button__icon, .van-button__text + .van-button__loading { margin-left: var(--van-padding-base); } .van-button--hairline { border-width: 0; } .van-button--hairline:after { border-color: inherit; border-radius: calc(var(--van-button-radius) * 2); } .van-button--hairline.van-button--round:after { border-radius: var(--van-button-round-radius); } .van-button--hairline.van-button--square:after { border-radius: 0; } :root { --van-submit-bar-height: 50px; --van-submit-bar-z-index: 100; --van-submit-bar-background: var(--van-background-2); --van-submit-bar-button-width: 110px; --van-submit-bar-price-color: var(--van-danger-color); --van-submit-bar-price-font-size: var(--van-font-size-sm); --van-submit-bar-price-integer-font-size: 20px; --van-submit-bar-price-font: var(--van-price-font); --van-submit-bar-text-color: var(--van-text-color); --van-submit-bar-text-font-size: var(--van-font-size-md); --van-submit-bar-tip-padding: var(--van-padding-xs) var(--van-padding-sm); --van-submit-bar-tip-font-size: var(--van-font-size-sm); --van-submit-bar-tip-line-height: 1.5; --van-submit-bar-tip-color: var(--van-orange-dark); --van-submit-bar-tip-background: var(--van-orange-light); --van-submit-bar-tip-icon-size: 12px; --van-submit-bar-button-height: 40px; --van-submit-bar-padding: 0 var(--van-padding-md); } .van-submit-bar { position: fixed; bottom: 0; left: 0; z-index: var(--van-submit-bar-z-index); width: 100%; background: var(--van-submit-bar-background); -webkit-user-select: none; user-select: none; } .van-submit-bar__tip { padding: var(--van-submit-bar-tip-padding); color: var(--van-submit-bar-tip-color); font-size: var(--van-submit-bar-tip-font-size); line-height: var(--van-submit-bar-tip-line-height); background: var(--van-submit-bar-tip-background); } .van-submit-bar__tip-icon { margin-right: var(--van-padding-base); font-size: var(--van-submit-bar-tip-icon-size); vertical-align: middle; } .van-submit-bar__tip-text { vertical-align: middle; } .van-submit-bar__bar { display: flex; align-items: center; justify-content: flex-end; height: var(--van-submit-bar-height); padding: var(--van-submit-bar-padding); font-size: var(--van-submit-bar-text-font-size); } .van-submit-bar__text { flex: 1; padding-right: var(--van-padding-sm); color: var(--van-submit-bar-text-color); text-align: right; } .van-submit-bar__text span { display: inline-block; } .van-submit-bar__suffix-label { margin-left: var(--van-padding-base); font-weight: var(--van-font-bold); } .van-submit-bar__price { color: var(--van-submit-bar-price-color); font-weight: var(--van-font-bold); font-size: var(--van-submit-bar-price-font-size); margin-left: var(--van-padding-base); } .van-submit-bar__price-integer { font-size: var(--van-submit-bar-price-integer-font-size); font-family: var(--van-submit-bar-price-font); } .van-submit-bar__button { width: var(--van-submit-bar-button-width); height: var(--van-submit-bar-button-height); font-weight: var(--van-font-bold); border: none; } .van-submit-bar__button--danger { background: var(--van-gradient-red); } :root { --van-signature-padding: var(--van-padding-xs); --van-signature-content-height: 200px; --van-signature-content-background: var(--van-background-2); --van-signature-content-border: 1px dotted #dadada; } .van-signature { padding: var(--van-signature-padding); } .van-signature__content { display: flex; justify-content: center; align-items: center; height: var(--van-signature-content-height); background-color: var(--van-signature-content-background); border: var(--van-signature-content-border); border-radius: var(--van-radius-lg); overflow: hidden; } .van-signature__content canvas { width: 100%; height: 100%; } .van-signature__footer { display: flex; justify-content: flex-end; } .van-signature__footer .van-button { padding: 0 var(--van-padding-md); margin-top: var(--van-padding-xs); margin-left: var(--van-padding-xs); } :root { --van-contact-edit-padding: var(--van-padding-md); --van-contact-edit-fields-radius: var(--van-radius-md); --van-contact-edit-buttons-padding: var(--van-padding-xl) 0; --van-contact-edit-button-margin-bottom: var(--van-padding-sm); --van-contact-edit-button-font-size: var(--van-font-size-lg); --van-contact-edit-field-label-width: 4.1em; } .van-contact-edit { padding: var(--van-contact-edit-padding); } .van-contact-edit__fields { overflow: hidden; border-radius: var(--van-contact-edit-fields-radius); } .van-contact-edit__fields .van-field__label { width: var(--van-contact-edit-field-label-width); } .van-contact-edit__switch-cell { margin-top: 10px; padding-top: 9px; padding-bottom: 9px; border-radius: var(--van-contact-edit-fields-radius); } .van-contact-edit__buttons { padding: var(--van-contact-edit-buttons-padding); } .van-contact-edit__button { margin-bottom: var(--van-contact-edit-button-margin-bottom); font-size: var(--van-contact-edit-button-font-size); } :root { --van-action-bar-button-height: 40px; --van-action-bar-button-warning-color: var(--van-gradient-orange); --van-action-bar-button-danger-color: var(--van-gradient-red); } .van-action-bar-button { flex: 1; height: var(--van-action-bar-button-height); font-weight: var(--van-font-bold); font-size: var(--van-font-size-md); border: none; border-radius: 0; } .van-action-bar-button--first { margin-left: 5px; border-top-left-radius: var(--van-radius-max); border-bottom-left-radius: var(--van-radius-max); } .van-action-bar-button--last { margin-right: 5px; border-top-right-radius: var(--van-radius-max); border-bottom-right-radius: var(--van-radius-max); } .van-action-bar-button--warning { background: var(--van-action-bar-button-warning-color); } .van-action-bar-button--danger { background: var(--van-action-bar-button-danger-color); } @media (max-width: 321px) { .van-action-bar-button { font-size: 13px; } } :root { --van-overlay-z-index: 1; --van-overlay-background: rgba(0, 0, 0, 0.7); } .van-overlay { position: fixed; top: 0; left: 0; z-index: var(--van-overlay-z-index); width: 100%; height: 100%; background: var(--van-overlay-background); } :root { --van-popup-background: var(--van-background-2); --van-popup-transition: transform var(--van-duration-base); --van-popup-round-radius: 16px; --van-popup-close-icon-size: 22px; --van-popup-close-icon-color: var(--van-gray-5); --van-popup-close-icon-margin: 16px; --van-popup-close-icon-z-index: 1; } .van-overflow-hidden { overflow: hidden !important; } .van-popup { position: fixed; max-height: 100%; overflow-y: auto; box-sizing: border-box; background: var(--van-popup-background); transition: var(--van-popup-transition); -webkit-overflow-scrolling: touch; } .van-popup--center { top: 50%; left: 0; right: 0; width: -webkit-fit-content; width: fit-content; max-width: calc(100vw - var(--van-padding-md) * 2); margin: 0 auto; transform: translateY(-50%); } .van-popup--center.van-popup--round { border-radius: var(--van-popup-round-radius); } .van-popup--top { top: 0; left: 0; width: 100%; } .van-popup--top.van-popup--round { border-radius: 0 0 var(--van-popup-round-radius) var(--van-popup-round-radius); } .van-popup--right { top: 50%; right: 0; transform: translate3d(0, -50%, 0); } .van-popup--right.van-popup--round { border-radius: var(--van-popup-round-radius) 0 0 var(--van-popup-round-radius); } .van-popup--bottom { bottom: 0; left: 0; width: 100%; } .van-popup--bottom.van-popup--round { border-radius: var(--van-popup-round-radius) var(--van-popup-round-radius) 0 0; } .van-popup--left { top: 50%; left: 0; transform: translate3d(0, -50%, 0); } .van-popup--left.van-popup--round { border-radius: 0 var(--van-popup-round-radius) var(--van-popup-round-radius) 0; } .van-popup-slide-top-enter-active, .van-popup-slide-left-enter-active, .van-popup-slide-right-enter-active, .van-popup-slide-bottom-enter-active { transition-timing-function: var(--van-ease-out); } .van-popup-slide-top-leave-active, .van-popup-slide-left-leave-active, .van-popup-slide-right-leave-active, .van-popup-slide-bottom-leave-active { transition-timing-function: var(--van-ease-in); } .van-popup-slide-top-enter-from, .van-popup-slide-top-leave-active { transform: translate3d(0, -100%, 0); } .van-popup-slide-right-enter-from, .van-popup-slide-right-leave-active { transform: translate3d(100%, -50%, 0); } .van-popup-slide-bottom-enter-from, .van-popup-slide-bottom-leave-active { transform: translate3d(0, 100%, 0); } .van-popup-slide-left-enter-from, .van-popup-slide-left-leave-active { transform: translate3d(-100%, -50%, 0); } .van-popup__close-icon { position: absolute; z-index: var(--van-popup-close-icon-z-index); color: var(--van-popup-close-icon-color); font-size: var(--van-popup-close-icon-size); } .van-popup__close-icon--top-left { top: var(--van-popup-close-icon-margin); left: var(--van-popup-close-icon-margin); } .van-popup__close-icon--top-right { top: var(--van-popup-close-icon-margin); right: var(--van-popup-close-icon-margin); } .van-popup__close-icon--bottom-left { bottom: var(--van-popup-close-icon-margin); left: var(--van-popup-close-icon-margin); } .van-popup__close-icon--bottom-right { right: var(--van-popup-close-icon-margin); bottom: var(--van-popup-close-icon-margin); } :root { --van-share-sheet-header-padding: var(--van-padding-sm) var(--van-padding-md); --van-share-sheet-title-color: var(--van-text-color); --van-share-sheet-title-font-size: var(--van-font-size-md); --van-share-sheet-title-line-height: var(--van-line-height-md); --van-share-sheet-description-color: var(--van-text-color-2); --van-share-sheet-description-font-size: var(--van-font-size-sm); --van-share-sheet-description-line-height: 16px; --van-share-sheet-icon-size: 48px; --van-share-sheet-option-name-color: var(--van-gray-7); --van-share-sheet-option-name-font-size: var(--van-font-size-sm); --van-share-sheet-option-description-color: var(--van-text-color-3); --van-share-sheet-option-description-font-size: var(--van-font-size-sm); --van-share-sheet-cancel-button-font-size: var(--van-font-size-lg); --van-share-sheet-cancel-button-height: 48px; --van-share-sheet-cancel-button-background: var(--van-background-2); } .van-share-sheet__header { padding: var(--van-share-sheet-header-padding); text-align: center; } .van-share-sheet__title { margin-top: var(--van-padding-xs); color: var(--van-share-sheet-title-color); font-weight: 400; font-size: var(--van-share-sheet-title-font-size); line-height: var(--van-share-sheet-title-line-height); } .van-share-sheet__description { display: block; margin-top: var(--van-padding-xs); color: var(--van-share-sheet-description-color); font-size: var(--van-share-sheet-description-font-size); line-height: var(--van-share-sheet-description-line-height); } .van-share-sheet__options { position: relative; display: flex; padding: var(--van-padding-md) 0 var(--van-padding-md) var(--van-padding-xs); overflow-x: auto; overflow-y: visible; -webkit-overflow-scrolling: touch; } .van-share-sheet__options--border:before { position: absolute; box-sizing: border-box; content: " "; pointer-events: none; top: 0; right: 0; left: var(--van-padding-md); border-top: 1px solid var(--van-border-color); transform: scaleY(0.5); } .van-share-sheet__options::-webkit-scrollbar { height: 0; } .van-share-sheet__option { display: flex; flex-direction: column; align-items: center; -webkit-user-select: none; user-select: none; } .van-share-sheet__icon, .van-share-sheet__image-icon { width: var(--van-share-sheet-icon-size); height: var(--van-share-sheet-icon-size); margin: 0 var(--van-padding-md); } .van-share-sheet__icon { display: flex; align-items: center; justify-content: center; color: var(--van-gray-7); border-radius: 100%; background-color: var(--van-gray-2); } .van-share-sheet__icon--link, .van-share-sheet__icon--poster, .van-share-sheet__icon--qrcode { font-size: 26px; } .van-share-sheet__icon--weapp-qrcode { font-size: 28px; } .van-share-sheet__icon--qq, .van-share-sheet__icon--weibo, .van-share-sheet__icon--wechat, .van-share-sheet__icon--wechat-moments { font-size: 30px; color: var(--van-white); } .van-share-sheet__icon--qq { background-color: #38b9fa; } .van-share-sheet__icon--wechat { background-color: #0bc15f; } .van-share-sheet__icon--weibo { background-color: #ee575e; } .van-share-sheet__icon--wechat-moments { background-color: #7bc845; } .van-share-sheet__name { margin-top: var(--van-padding-xs); padding: 0 var(--van-padding-base); color: var(--van-share-sheet-option-name-color); font-size: var(--van-share-sheet-option-name-font-size); } .van-share-sheet__option-description { padding: 0 var(--van-padding-base); color: var(--van-share-sheet-option-description-color); font-size: var(--van-share-sheet-option-description-font-size); } .van-share-sheet__cancel { display: block; width: 100%; padding: 0; font-size: var(--van-share-sheet-cancel-button-font-size); line-height: var(--van-share-sheet-cancel-button-height); text-align: center; background: var(--van-share-sheet-cancel-button-background); border: none; cursor: pointer; } .van-share-sheet__cancel:before { display: block; height: var(--van-padding-xs); background-color: var(--van-background); content: " "; } .van-share-sheet__cancel:active { background-color: var(--van-active-color); } :root { --van-popover-arrow-size: 6px; --van-popover-radius: var(--van-radius-lg); --van-popover-action-width: 128px; --van-popover-action-height: 44px; --van-popover-action-font-size: var(--van-font-size-md); --van-popover-action-line-height: var(--van-line-height-md); --van-popover-action-icon-size: 20px; --van-popover-horizontal-action-height: 34px; --van-popover-horizontal-action-icon-size: 16px; --van-popover-light-text-color: var(--van-text-color); --van-popover-light-background: var(--van-background-2); --van-popover-light-action-disabled-text-color: var(--van-text-color-3); --van-popover-dark-text-color: var(--van-white); --van-popover-dark-background: #4a4a4a; --van-popover-dark-action-disabled-text-color: var(--van-text-color-2); } .van-popover { position: absolute; overflow: visible; background-color: transparent; transition: opacity 0.15s, transform 0.15s; } .van-popover__wrapper { display: inline-block; } .van-popover__arrow { position: absolute; width: 0; height: 0; border-color: transparent; border-style: solid; border-width: var(--van-popover-arrow-size); } .van-popover__content { overflow: hidden; border-radius: var(--van-popover-radius); } .van-popover__content--horizontal { display: flex; width: -webkit-max-content; width: max-content; } .van-popover__content--horizontal .van-popover__action { flex: none; width: auto; height: var(--van-popover-horizontal-action-height); padding: 0 var(--van-padding-sm); } .van-popover__content--horizontal .van-popover__action:last-child:after { display: none; } .van-popover__content--horizontal .van-popover__action-icon { margin-right: var(--van-padding-base); font-size: var(--van-popover-horizontal-action-icon-size); } .van-popover__action { position: relative; display: flex; align-items: center; box-sizing: border-box; width: var(--van-popover-action-width); height: var(--van-popover-action-height); padding: 0 var(--van-padding-md); font-size: var(--van-popover-action-font-size); line-height: var(--van-line-height-md); cursor: pointer; } .van-popover__action:last-child .van-popover__action-text:after { display: none; } .van-popover__action-text { display: flex; flex: 1; align-items: center; justify-content: center; height: 100%; } .van-popover__action-icon { margin-right: var(--van-padding-xs); font-size: var(--van-popover-action-icon-size); } .van-popover__action--with-icon .van-popover__action-text { justify-content: flex-start; } .van-popover[data-popper-placement^="top"] .van-popover__arrow { bottom: 0; border-top-color: currentColor; border-bottom-width: 0; margin-bottom: calc(var(--van-popover-arrow-size) * -1); } .van-popover[data-popper-placement="top"] { transform-origin: 50% 100%; } .van-popover[data-popper-placement="top"] .van-popover__arrow { left: 50%; transform: translate(-50%); } .van-popover[data-popper-placement="top-start"] { transform-origin: 0 100%; } .van-popover[data-popper-placement="top-start"] .van-popover__arrow { left: var(--van-padding-md); } .van-popover[data-popper-placement="top-end"] { transform-origin: 100% 100%; } .van-popover[data-popper-placement="top-end"] .van-popover__arrow { right: var(--van-padding-md); } .van-popover[data-popper-placement^="left"] .van-popover__arrow { right: 0; border-right-width: 0; border-left-color: currentColor; margin-right: calc(var(--van-popover-arrow-size) * -1); } .van-popover[data-popper-placement="left"] { transform-origin: 100% 50%; } .van-popover[data-popper-placement="left"] .van-popover__arrow { top: 50%; transform: translateY(-50%); } .van-popover[data-popper-placement="left-start"] { transform-origin: 100% 0; } .van-popover[data-popper-placement="left-start"] .van-popover__arrow { top: var(--van-padding-md); } .van-popover[data-popper-placement="left-end"] { transform-origin: 100% 100%; } .van-popover[data-popper-placement="left-end"] .van-popover__arrow { bottom: var(--van-padding-md); } .van-popover[data-popper-placement^="right"] .van-popover__arrow { left: 0; border-right-color: currentColor; border-left-width: 0; margin-left: calc(var(--van-popover-arrow-size) * -1); } .van-popover[data-popper-placement="right"] { transform-origin: 0 50%; } .van-popover[data-popper-placement="right"] .van-popover__arrow { top: 50%; transform: translateY(-50%); } .van-popover[data-popper-placement="right-start"] { transform-origin: 0 0; } .van-popover[data-popper-placement="right-start"] .van-popover__arrow { top: var(--van-padding-md); } .van-popover[data-popper-placement="right-end"] { transform-origin: 0 100%; } .van-popover[data-popper-placement="right-end"] .van-popover__arrow { bottom: var(--van-padding-md); } .van-popover[data-popper-placement^="bottom"] .van-popover__arrow { top: 0; border-top-width: 0; border-bottom-color: currentColor; margin-top: calc(var(--van-popover-arrow-size) * -1); } .van-popover[data-popper-placement="bottom"] { transform-origin: 50% 0; } .van-popover[data-popper-placement="bottom"] .van-popover__arrow { left: 50%; transform: translate(-50%); } .van-popover[data-popper-placement="bottom-start"] { transform-origin: 0 0; } .van-popover[data-popper-placement="bottom-start"] .van-popover__arrow { left: var(--van-padding-md); } .van-popover[data-popper-placement="bottom-end"] { transform-origin: 100% 0; } .van-popover[data-popper-placement="bottom-end"] .van-popover__arrow { right: var(--van-padding-md); } .van-popover--light { color: var(--van-popover-light-text-color); } .van-popover--light .van-popover__content { background: var(--van-popover-light-background); box-shadow: 0 2px 12px rgba(50, 50, 51, 0.12); } .van-popover--light .van-popover__arrow { color: var(--van-popover-light-background); } .van-popover--light .van-popover__action:active { background-color: var(--van-active-color); } .van-popover--light .van-popover__action--disabled { color: var(--van-popover-light-action-disabled-text-color); cursor: not-allowed; } .van-popover--light .van-popover__action--disabled:active { background-color: transparent; } .van-popover--dark { color: var(--van-popover-dark-text-color); } .van-popover--dark .van-popover__content { background: var(--van-popover-dark-background); } .van-popover--dark .van-popover__arrow { color: var(--van-popover-dark-background); } .van-popover--dark .van-popover__action:active { background-color: rgba(0, 0, 0, 0.2); } .van-popover--dark .van-popover__action--disabled { color: var(--van-popover-dark-action-disabled-text-color); } .van-popover--dark .van-popover__action--disabled:active { background-color: transparent; } .van-popover--dark .van-popover__action-text:after { border-color: var(--van-gray-7); } .van-popover-zoom-enter-from, .van-popover-zoom-leave-active { transform: scale(0.8); opacity: 0; } .van-popover-zoom-enter-active { transition-timing-function: var(--van-ease-out); } .van-popover-zoom-leave-active { transition-timing-function: var(--van-ease-in); } :root { --van-notify-text-color: var(--van-white); --van-notify-padding: var(--van-padding-xs) var(--van-padding-md); --van-notify-font-size: var(--van-font-size-md); --van-notify-line-height: var(--van-line-height-md); --van-notify-primary-background: var(--van-primary-color); --van-notify-success-background: var(--van-success-color); --van-notify-danger-background: var(--van-danger-color); --van-notify-warning-background: var(--van-warning-color); } .van-notify { display: flex; align-items: center; justify-content: center; box-sizing: border-box; padding: var(--van-notify-padding); color: var(--van-notify-text-color); font-size: var(--van-notify-font-size); line-height: var(--van-notify-line-height); white-space: pre-wrap; text-align: center; word-wrap: break-word; } .van-notify--primary { background: var(--van-notify-primary-background); } .van-notify--success { background: var(--van-notify-success-background); } .van-notify--danger { background: var(--van-notify-danger-background); } .van-notify--warning { background: var(--van-notify-warning-background); } :root { --van-dialog-width: 320px; --van-dialog-small-screen-width: 90%; --van-dialog-font-size: var(--van-font-size-lg); --van-dialog-transition: var(--van-duration-base); --van-dialog-radius: 16px; --van-dialog-background: var(--van-background-2); --van-dialog-header-font-weight: var(--van-font-bold); --van-dialog-header-line-height: 24px; --van-dialog-header-padding-top: 26px; --van-dialog-header-isolated-padding: var(--van-padding-lg) 0; --van-dialog-message-padding: var(--van-padding-lg); --van-dialog-message-font-size: var(--van-font-size-md); --van-dialog-message-line-height: var(--van-line-height-md); --van-dialog-message-max-height: 60vh; --van-dialog-has-title-message-text-color: var(--van-gray-7); --van-dialog-has-title-message-padding-top: var(--van-padding-xs); --van-dialog-button-height: 48px; --van-dialog-round-button-height: 36px; --van-dialog-confirm-button-text-color: var(--van-primary-color); } .van-dialog { top: 45%; width: var(--van-dialog-width); overflow: hidden; font-size: var(--van-dialog-font-size); background: var(--van-dialog-background); border-radius: var(--van-dialog-radius); -webkit-backface-visibility: hidden; backface-visibility: hidden; transition: var(--van-dialog-transition); transition-property: transform, opacity; } @media (max-width: 321px) { .van-dialog { width: var(--van-dialog-small-screen-width); } } .van-dialog__header { color: var(--van-text-color); padding-top: var(--van-dialog-header-padding-top); font-weight: var(--van-dialog-header-font-weight); line-height: var(--van-dialog-header-line-height); text-align: center; } .van-dialog__header--isolated { padding: var(--van-dialog-header-isolated-padding); } .van-dialog__content--isolated { display: flex; align-items: center; min-height: 104px; } .van-dialog__message { color: var(--van-text-color); flex: 1; max-height: var(--van-dialog-message-max-height); padding: 26px var(--van-dialog-message-padding); overflow-y: auto; font-size: var(--van-dialog-message-font-size); line-height: var(--van-dialog-message-line-height); white-space: pre-wrap; text-align: center; word-wrap: break-word; -webkit-overflow-scrolling: touch; } .van-dialog__message--has-title { padding-top: var(--van-dialog-has-title-message-padding-top); color: var(--van-dialog-has-title-message-text-color); } .van-dialog__message--left { text-align: left; } .van-dialog__message--right { text-align: right; } .van-dialog__message--justify { text-align: justify; } .van-dialog__footer { display: flex; overflow: hidden; -webkit-user-select: none; user-select: none; } .van-dialog__confirm, .van-dialog__cancel { flex: 1; height: var(--van-dialog-button-height); margin: 0; border: 0; border-radius: 0; } .van-dialog__confirm, .van-dialog__confirm:active { color: var(--van-dialog-confirm-button-text-color); } .van-dialog--round-button .van-dialog__footer { position: relative; height: auto; padding: var(--van-padding-xs) var(--van-padding-lg) var(--van-padding-md); } .van-dialog--round-button .van-dialog__message { padding-bottom: var(--van-padding-md); color: var(--van-text-color); } .van-dialog--round-button .van-dialog__confirm, .van-dialog--round-button .van-dialog__cancel { height: var(--van-dialog-round-button-height); } .van-dialog--round-button .van-dialog__confirm { color: var(--van-white); } .van-dialog--round-button .van-action-bar-button--first { border-top-left-radius: var(--van-radius-max); border-bottom-left-radius: var(--van-radius-max); } .van-dialog--round-button .van-action-bar-button--last { border-top-right-radius: var(--van-radius-max); border-bottom-right-radius: var(--van-radius-max); } .van-dialog-bounce-enter-from { transform: translate3d(0, -50%, 0) scale(0.7); opacity: 0; } .van-dialog-bounce-leave-active { transform: translate3d(0, -50%, 0) scale(0.9); opacity: 0; } :root { --van-toast-max-width: 70%; --van-toast-font-size: var(--van-font-size-md); --van-toast-text-color: var(--van-white); --van-toast-loading-icon-color: var(--van-white); --van-toast-line-height: var(--van-line-height-md); --van-toast-radius: var(--van-radius-lg); --van-toast-background: rgba(0, 0, 0, 0.7); --van-toast-icon-size: 36px; --van-toast-text-min-width: 96px; --van-toast-text-padding: var(--van-padding-xs) var(--van-padding-sm); --van-toast-default-padding: var(--van-padding-md); --van-toast-default-width: 88px; --van-toast-default-min-height: 88px; --van-toast-position-top-distance: 20%; --van-toast-position-bottom-distance: 20%; } .van-toast { display: flex; flex-direction: column; align-items: center; justify-content: center; box-sizing: content-box; transition: all var(--van-duration-fast); width: var(--van-toast-default-width); max-width: var(--van-toast-max-width); min-height: var(--van-toast-default-min-height); padding: var(--van-toast-default-padding); color: var(--van-toast-text-color); font-size: var(--van-toast-font-size); line-height: var(--van-toast-line-height); white-space: pre-wrap; word-break: break-all; text-align: center; background: var(--van-toast-background); border-radius: var(--van-toast-radius); } .van-toast--break-normal { word-break: normal; word-wrap: normal; } .van-toast--break-word { word-break: normal; word-wrap: break-word; } .van-toast--unclickable { overflow: hidden; cursor: not-allowed; } .van-toast--unclickable * { pointer-events: none; } .van-toast--text, .van-toast--html { width: -webkit-fit-content; width: fit-content; min-width: var(--van-toast-text-min-width); min-height: 0; padding: var(--van-toast-text-padding); } .van-toast--text .van-toast__text, .van-toast--html .van-toast__text { margin-top: 0; } .van-toast--top { top: var(--van-toast-position-top-distance); } .van-toast--bottom { top: auto; bottom: var(--van-toast-position-bottom-distance); } .van-toast__icon { font-size: var(--van-toast-icon-size); } .van-toast__loading { padding: var(--van-padding-base); color: var(--van-toast-loading-icon-color); } .van-toast__text { margin-top: var(--van-padding-xs); } :root { --van-action-sheet-max-height: 80%; --van-action-sheet-header-height: 48px; --van-action-sheet-header-font-size: var(--van-font-size-lg); --van-action-sheet-description-color: var(--van-text-color-2); --van-action-sheet-description-font-size: var(--van-font-size-md); --van-action-sheet-description-line-height: var(--van-line-height-md); --van-action-sheet-item-background: var(--van-background-2); --van-action-sheet-item-font-size: var(--van-font-size-lg); --van-action-sheet-item-line-height: var(--van-line-height-lg); --van-action-sheet-item-text-color: var(--van-text-color); --van-action-sheet-item-disabled-text-color: var(--van-text-color-3); --van-action-sheet-subname-color: var(--van-text-color-2); --van-action-sheet-subname-font-size: var(--van-font-size-sm); --van-action-sheet-subname-line-height: var(--van-line-height-sm); --van-action-sheet-close-icon-size: 22px; --van-action-sheet-close-icon-color: var(--van-gray-5); --van-action-sheet-close-icon-padding: 0 var(--van-padding-md); --van-action-sheet-cancel-text-color: var(--van-gray-7); --van-action-sheet-cancel-padding-top: var(--van-padding-xs); --van-action-sheet-cancel-padding-color: var(--van-background); --van-action-sheet-loading-icon-size: 22px; } .van-action-sheet { display: flex; flex-direction: column; max-height: var(--van-action-sheet-max-height); overflow: hidden; color: var(--van-action-sheet-item-text-color); } .van-action-sheet__content { flex: 1 auto; overflow-y: auto; -webkit-overflow-scrolling: touch; } .van-action-sheet__item, .van-action-sheet__cancel { display: block; width: 100%; padding: 14px var(--van-padding-md); font-size: var(--van-action-sheet-item-font-size); background: var(--van-action-sheet-item-background); border: none; cursor: pointer; } .van-action-sheet__item:active, .van-action-sheet__cancel:active { background-color: var(--van-active-color); } .van-action-sheet__item { line-height: var(--van-action-sheet-item-line-height); } .van-action-sheet__item--loading, .van-action-sheet__item--disabled { color: var(--van-action-sheet-item-disabled-text-color); } .van-action-sheet__item--loading:active, .van-action-sheet__item--disabled:active { background-color: var(--van-action-sheet-item-background); } .van-action-sheet__item--disabled { cursor: not-allowed; } .van-action-sheet__item--loading { cursor: default; } .van-action-sheet__cancel { flex-shrink: 0; box-sizing: border-box; color: var(--van-action-sheet-cancel-text-color); } .van-action-sheet__subname { margin-top: var(--van-padding-xs); color: var(--van-action-sheet-subname-color); font-size: var(--van-action-sheet-subname-font-size); line-height: var(--van-action-sheet-subname-line-height); } .van-action-sheet__gap { display: block; height: var(--van-action-sheet-cancel-padding-top); background: var(--van-action-sheet-cancel-padding-color); } .van-action-sheet__header { flex-shrink: 0; font-weight: var(--van-font-bold); font-size: var(--van-action-sheet-header-font-size); line-height: var(--van-action-sheet-header-height); text-align: center; } .van-action-sheet__description { position: relative; flex-shrink: 0; padding: 20px var(--van-padding-md); color: var(--van-action-sheet-description-color); font-size: var(--van-action-sheet-description-font-size); line-height: var(--van-action-sheet-description-line-height); text-align: center; } .van-action-sheet__description:after { position: absolute; box-sizing: border-box; content: " "; pointer-events: none; right: var(--van-padding-md); bottom: 0; left: var(--van-padding-md); border-bottom: 1px solid var(--van-border-color); transform: scaleY(0.5); } .van-action-sheet__loading-icon .van-loading__spinner { width: var(--van-action-sheet-loading-icon-size); height: var(--van-action-sheet-loading-icon-size); } .van-action-sheet__close { position: absolute; top: 0; right: 0; z-index: 1; padding: var(--van-action-sheet-close-icon-padding); color: var(--van-action-sheet-close-icon-color); font-size: var(--van-action-sheet-close-icon-size); line-height: inherit; } :root { --van-sticky-z-index: 99; } .van-sticky--fixed { position: fixed; z-index: var(--van-sticky-z-index); } :root { --van-swipe-indicator-size: 6px; --van-swipe-indicator-margin: var(--van-padding-sm); --van-swipe-indicator-active-opacity: 1; --van-swipe-indicator-inactive-opacity: 0.3; --van-swipe-indicator-active-background: var(--van-primary-color); --van-swipe-indicator-inactive-background: var(--van-border-color); } .van-swipe { position: relative; overflow: hidden; transform: translateZ(0); cursor: -webkit-grab; cursor: grab; -webkit-user-select: none; user-select: none; } .van-swipe__track { display: flex; height: 100%; } .van-swipe__track--vertical { flex-direction: column; } .van-swipe__indicators { position: absolute; bottom: var(--van-swipe-indicator-margin); left: 50%; display: flex; transform: translate(-50%); } .van-swipe__indicators--vertical { top: 50%; bottom: auto; left: var(--van-swipe-indicator-margin); flex-direction: column; transform: translateY(-50%); } .van-swipe__indicators--vertical .van-swipe__indicator:not(:last-child) { margin-bottom: var(--van-swipe-indicator-size); } .van-swipe__indicator { width: var(--van-swipe-indicator-size); height: var(--van-swipe-indicator-size); background-color: var(--van-swipe-indicator-inactive-background); border-radius: 100%; opacity: var(--van-swipe-indicator-inactive-opacity); transition: opacity var(--van-duration-fast), background-color var(--van-duration-fast); } .van-swipe__indicator:not(:last-child) { margin-right: var(--van-swipe-indicator-size); } .van-swipe__indicator--active { background-color: var(--van-swipe-indicator-active-background); opacity: var(--van-swipe-indicator-active-opacity); } .van-swipe-item { position: relative; flex-shrink: 0; width: 100%; height: 100%; } :root { --van-image-preview-index-text-color: var(--van-white); --van-image-preview-index-font-size: var(--van-font-size-md); --van-image-preview-index-line-height: var(--van-line-height-md); --van-image-preview-index-text-shadow: 0 1px 1px var(--van-gray-8); --van-image-preview-overlay-background: rgba(0, 0, 0, 0.9); --van-image-preview-close-icon-size: 22px; --van-image-preview-close-icon-color: var(--van-gray-5); --van-image-preview-close-icon-margin: var(--van-padding-md); --van-image-preview-close-icon-z-index: 1; } .van-image-preview { position: fixed; top: 0; left: 0; width: 100%; height: 100%; max-width: none; background-color: transparent; transform: none; } .van-image-preview__swipe { height: 100%; } .van-image-preview__swipe-item { display: flex; align-items: center; justify-content: center; overflow: hidden; } .van-image-preview__cover { position: absolute; top: 0; left: 0; } .van-image-preview__image, .van-image-preview__image-wrap { width: 100%; transition-property: transform; } .van-image-preview__image--vertical, .van-image-preview__image-wrap--vertical { width: auto; height: 100%; } .van-image-preview__image img, .van-image-preview__image-wrap img, .van-image-preview__image video, .van-image-preview__image-wrap video { -webkit-user-drag: none; } .van-image-preview__image .van-image__error, .van-image-preview__image-wrap .van-image__error { top: 30%; height: 40%; } .van-image-preview__image .van-image__error-icon, .van-image-preview__image-wrap .van-image__error-icon { font-size: 36px; } .van-image-preview__image .van-image__loading, .van-image-preview__image-wrap .van-image__loading { background-color: transparent; } .van-image-preview__index { position: absolute; top: var(--van-padding-md); left: 50%; color: var(--van-image-preview-index-text-color); font-size: var(--van-image-preview-index-font-size); line-height: var(--van-image-preview-index-line-height); text-shadow: var(--van-image-preview-index-text-shadow); transform: translate(-50%); } .van-image-preview__overlay { background: var(--van-image-preview-overlay-background); } .van-image-preview__close-icon { position: absolute; z-index: var(--van-image-preview-close-icon-z-index); color: var(--van-image-preview-close-icon-color); font-size: var(--van-image-preview-close-icon-size); } .van-image-preview__close-icon--top-left { top: var(--van-image-preview-close-icon-margin); left: var(--van-image-preview-close-icon-margin); } .van-image-preview__close-icon--top-right { top: var(--van-image-preview-close-icon-margin); right: var(--van-image-preview-close-icon-margin); } .van-image-preview__close-icon--bottom-left { bottom: var(--van-image-preview-close-icon-margin); left: var(--van-image-preview-close-icon-margin); } .van-image-preview__close-icon--bottom-right { right: var(--van-image-preview-close-icon-margin); bottom: var(--van-image-preview-close-icon-margin); } :root { --van-uploader-size: 80px; --van-uploader-icon-size: 24px; --van-uploader-icon-color: var(--van-gray-4); --van-uploader-text-color: var(--van-text-color-2); --van-uploader-text-font-size: var(--van-font-size-sm); --van-uploader-upload-background: var(--van-gray-1); --van-uploader-upload-active-color: var(--van-active-color); --van-uploader-delete-color: var(--van-white); --van-uploader-delete-icon-size: 14px; --van-uploader-delete-background: rgba(0, 0, 0, 0.7); --van-uploader-file-background: var(--van-background); --van-uploader-file-icon-size: 20px; --van-uploader-file-icon-color: var(--van-gray-7); --van-uploader-file-name-padding: 0 var(--van-padding-base); --van-uploader-file-name-margin-top: var(--van-padding-xs); --van-uploader-file-name-font-size: var(--van-font-size-sm); --van-uploader-file-name-text-color: var(--van-gray-7); --van-uploader-mask-text-color: var(--van-white); --van-uploader-mask-background: rgba(50, 50, 51, 0.88); --van-uploader-mask-icon-size: 22px; --van-uploader-mask-message-font-size: var(--van-font-size-sm); --van-uploader-mask-message-line-height: var(--van-line-height-xs); --van-uploader-loading-icon-size: 22px; --van-uploader-loading-icon-color: var(--van-white); --van-uploader-disabled-opacity: var(--van-disabled-opacity); } .van-uploader { position: relative; display: inline-block; } .van-uploader__wrapper { display: flex; flex-wrap: wrap; } .van-uploader__wrapper--disabled { opacity: var(--van-uploader-disabled-opacity); } .van-uploader__input { position: absolute; top: 0; left: 0; width: 100%; height: 100%; overflow: hidden; cursor: pointer; opacity: 0; } .van-uploader__input-wrapper { position: relative; } .van-uploader__input:disabled { cursor: not-allowed; } .van-uploader__upload { position: relative; display: flex; flex-direction: column; align-items: center; justify-content: center; box-sizing: border-box; width: var(--van-uploader-size); height: var(--van-uploader-size); margin: 0 var(--van-padding-xs) var(--van-padding-xs) 0; background: var(--van-uploader-upload-background); } .van-uploader__upload:active { background-color: var(--van-uploader-upload-active-color); } .van-uploader__upload--readonly:active { background-color: var(--van-uploader-upload-background); } .van-uploader__upload-icon { color: var(--van-uploader-icon-color); font-size: var(--van-uploader-icon-size); } .van-uploader__upload-text { margin-top: var(--van-padding-xs); color: var(--van-uploader-text-color); font-size: var(--van-uploader-text-font-size); } .van-uploader__preview { position: relative; margin: 0 var(--van-padding-xs) var(--van-padding-xs) 0; cursor: pointer; } .van-uploader__preview-image { display: block; width: var(--van-uploader-size); height: var(--van-uploader-size); overflow: hidden; } .van-uploader__preview-delete { position: absolute; top: 0; right: 0; } .van-uploader__preview-delete--shadow { width: var(--van-uploader-delete-icon-size); height: var(--van-uploader-delete-icon-size); background: var(--van-uploader-delete-background); border-radius: 0 0 0 12px; } .van-uploader__preview-delete-icon { position: absolute; top: 0; right: 0; color: var(--van-uploader-delete-color); font-size: var(--van-uploader-delete-icon-size); transform: scale(0.7) translate(10%, -10%); } .van-uploader__preview-cover { position: absolute; top: 0; right: 0; bottom: 0; left: 0; } .van-uploader__mask { position: absolute; top: 0; right: 0; bottom: 0; left: 0; display: flex; flex-direction: column; align-items: center; justify-content: center; color: var(--van-uploader-mask-text-color); background: var(--van-uploader-mask-background); } .van-uploader__mask-icon { font-size: var(--van-uploader-mask-icon-size); } .van-uploader__mask-message { margin-top: 6px; padding: 0 var(--van-padding-base); font-size: var(--van-uploader-mask-message-font-size); line-height: var(--van-uploader-mask-message-line-height); } .van-uploader__loading { width: var(--van-uploader-loading-icon-size); height: var(--van-uploader-loading-icon-size); color: var(--van-uploader-loading-icon-color); } .van-uploader__file { display: flex; flex-direction: column; align-items: center; justify-content: center; width: var(--van-uploader-size); height: var(--van-uploader-size); background: var(--van-uploader-file-background); } .van-uploader__file-icon { color: var(--van-uploader-file-icon-color); font-size: var(--van-uploader-file-icon-size); } .van-uploader__file-name { box-sizing: border-box; width: 100%; margin-top: var(--van-uploader-file-name-margin-top); padding: var(--van-uploader-file-name-padding); color: var(--van-uploader-file-name-text-color); font-size: var(--van-uploader-file-name-font-size); text-align: center; } :root { --van-tab-text-color: var(--van-gray-7); --van-tab-active-text-color: var(--van-text-color); --van-tab-disabled-text-color: var(--van-text-color-3); --van-tab-font-size: var(--van-font-size-md); --van-tab-line-height: var(--van-line-height-md); --van-tabs-default-color: var(--van-primary-color); --van-tabs-line-height: 44px; --van-tabs-card-height: 30px; --van-tabs-nav-background: var(--van-background-2); --van-tabs-bottom-bar-width: 40px; --van-tabs-bottom-bar-height: 3px; --van-tabs-bottom-bar-color: var(--van-primary-color); } .van-tab { position: relative; display: flex; flex: 1; align-items: center; justify-content: center; box-sizing: border-box; padding: 0 var(--van-padding-base); color: var(--van-tab-text-color); font-size: var(--van-tab-font-size); line-height: var(--van-tab-line-height); cursor: pointer; } .van-tab--active { color: var(--van-tab-active-text-color); font-weight: var(--van-font-bold); } .van-tab--disabled { color: var(--van-tab-disabled-text-color); cursor: not-allowed; } .van-tab--grow { flex: 1 0 auto; padding: 0 var(--van-padding-sm); } .van-tab--shrink { flex: none; padding: 0 var(--van-padding-xs); } .van-tab--card { color: var(--van-tabs-default-color); border-right: var(--van-border-width) solid var(--van-tabs-default-color); } .van-tab--card:last-child { border-right: none; } .van-tab--card.van-tab--active { color: var(--van-white); background-color: var(--van-tabs-default-color); } .van-tab--card--disabled { color: var(--van-tab-disabled-text-color); } .van-tab__text--ellipsis { display: -webkit-box; overflow: hidden; -webkit-line-clamp: 1; -webkit-box-orient: vertical; } .van-tabs { position: relative; } .van-tabs__wrap { overflow: hidden; } .van-tabs__wrap--page-top { position: fixed; } .van-tabs__wrap--content-bottom { top: auto; bottom: 0; } .van-tabs__nav { position: relative; display: flex; background: var(--van-tabs-nav-background); -webkit-user-select: none; user-select: none; } .van-tabs__nav--complete { overflow-x: auto; overflow-y: hidden; -webkit-overflow-scrolling: touch; } .van-tabs__nav--complete::-webkit-scrollbar { display: none; } .van-tabs__nav--line { box-sizing: content-box; height: 100%; padding-bottom: 15px; } .van-tabs__nav--line.van-tabs__nav--shrink, .van-tabs__nav--line.van-tabs__nav--complete { padding-right: var(--van-padding-xs); padding-left: var(--van-padding-xs); } .van-tabs__nav--card { box-sizing: border-box; height: var(--van-tabs-card-height); margin: 0 var(--van-padding-md); border: var(--van-border-width) solid var(--van-tabs-default-color); border-radius: var(--van-border-radius-sm); } .van-tabs__nav--card.van-tabs__nav--shrink { display: inline-flex; } .van-tabs__line { position: absolute; bottom: 15px; left: 0; z-index: 1; width: var(--van-tabs-bottom-bar-width); height: var(--van-tabs-bottom-bar-height); background: var(--van-tabs-bottom-bar-color); border-radius: var(--van-tabs-bottom-bar-height); } .van-tabs__track { position: relative; display: flex; width: 100%; height: 100%; will-change: left; } .van-tabs__content--animated { overflow: hidden; } .van-tabs--line .van-tabs__wrap { height: var(--van-tabs-line-height); } .van-tabs--card > .van-tabs__wrap { height: var(--van-tabs-card-height); } .van-tab__panel, .van-tab__panel-wrapper { flex-shrink: 0; box-sizing: border-box; width: 100%; } .van-tab__panel-wrapper--inactive { height: 0; overflow: visible; } :root { --van-cascader-header-height: 48px; --van-cascader-header-padding: 0 var(--van-padding-md); --van-cascader-title-font-size: var(--van-font-size-lg); --van-cascader-title-line-height: 20px; --van-cascader-close-icon-size: 22px; --van-cascader-close-icon-color: var(--van-gray-5); --van-cascader-selected-icon-size: 18px; --van-cascader-tabs-height: 48px; --van-cascader-active-color: var(--van-primary-color); --van-cascader-options-height: 384px; --van-cascader-option-disabled-color: var(--van-text-color-3); --van-cascader-tab-color: var(--van-text-color); --van-cascader-unselected-tab-color: var(--van-text-color-2); } .van-cascader__header { display: flex; align-items: center; justify-content: space-between; height: var(--van-cascader-header-height); padding: var(--van-cascader-header-padding); } .van-cascader__title { font-weight: var(--van-font-bold); font-size: var(--van-cascader-title-font-size); line-height: var(--van-cascader-title-line-height); } .van-cascader__close-icon { color: var(--van-cascader-close-icon-color); font-size: var(--van-cascader-close-icon-size); } .van-cascader__tabs.van-tabs--line .van-tabs__wrap { height: var(--van-cascader-tabs-height); } .van-cascader__tab { color: var(--van-cascader-tab-color); font-weight: var(--van-font-bold); } .van-cascader__tab--unselected { color: var(--van-cascader-unselected-tab-color); font-weight: 400; } .van-cascader__option { display: flex; align-items: center; justify-content: space-between; padding: 10px var(--van-padding-md); font-size: var(--van-font-size-md); line-height: var(--van-line-height-md); cursor: pointer; } .van-cascader__option:active { background-color: var(--van-active-color); } .van-cascader__option--selected { color: var(--van-cascader-active-color); font-weight: var(--van-font-bold); } .van-cascader__option--disabled { color: var(--van-cascader-option-disabled-color); cursor: not-allowed; } .van-cascader__option--disabled:active { background-color: transparent; } .van-cascader__selected-icon { font-size: var(--van-cascader-selected-icon-size); } .van-cascader__options { box-sizing: border-box; height: var(--van-cascader-options-height); padding-top: 6px; overflow-y: auto; -webkit-overflow-scrolling: touch; } :root { --van-picker-background: var(--van-background-2); --van-picker-toolbar-height: 44px; --van-picker-title-font-size: var(--van-font-size-lg); --van-picker-title-line-height: var(--van-line-height-md); --van-picker-action-padding: 0 var(--van-padding-md); --van-picker-action-font-size: var(--van-font-size-md); --van-picker-confirm-action-color: var(--van-primary-color); --van-picker-cancel-action-color: var(--van-text-color-2); --van-picker-option-font-size: var(--van-font-size-lg); --van-picker-option-padding: 0 var(--van-padding-base); --van-picker-option-text-color: var(--van-text-color); --van-picker-option-disabled-opacity: 0.3; --van-picker-loading-icon-color: var(--van-primary-color); --van-picker-loading-mask-color: rgba(255, 255, 255, 0.9); --van-picker-mask-color: linear-gradient( 180deg, rgba(255, 255, 255, 0.9), rgba(255, 255, 255, 0.4) ), linear-gradient(0deg, rgba(255, 255, 255, 0.9), rgba(255, 255, 255, 0.4)); } .van-theme-dark { --van-picker-loading-mask-color: rgba(0, 0, 0, 0.6); --van-picker-mask-color: linear-gradient( 180deg, rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.1) ), linear-gradient(0deg, rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.1)); } .van-picker { position: relative; background: var(--van-picker-background); -webkit-user-select: none; user-select: none; } .van-picker__toolbar { position: relative; display: flex; align-items: center; justify-content: space-between; height: var(--van-picker-toolbar-height); } .van-picker__cancel, .van-picker__confirm { height: 100%; padding: var(--van-picker-action-padding); font-size: var(--van-picker-action-font-size); background-color: transparent; border: none; } .van-picker__confirm { color: var(--van-picker-confirm-action-color); } .van-picker__cancel { color: var(--van-picker-cancel-action-color); } .van-picker__title { position: absolute; left: 50%; color: var(--van-text-color); max-width: 50%; font-weight: var(--van-font-bold); font-size: var(--van-picker-title-font-size); line-height: var(--van-picker-title-line-height); text-align: center; transform: translate(-50%); } .van-picker__columns { position: relative; display: flex; cursor: -webkit-grab; cursor: grab; } .van-picker__loading { position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 3; display: flex; align-items: center; justify-content: center; color: var(--van-picker-loading-icon-color); background: var(--van-picker-loading-mask-color); } .van-picker__frame { position: absolute; top: 50%; right: var(--van-padding-md); left: var(--van-padding-md); z-index: 2; transform: translateY(-50%); pointer-events: none; } .van-picker__mask { position: absolute; top: 0; left: 0; z-index: 1; width: 100%; height: 100%; background-image: var(--van-picker-mask-color); background-repeat: no-repeat; background-position: top, bottom; transform: translateZ(0); pointer-events: none; } .van-picker-column { flex: 1; overflow: hidden; font-size: var(--van-picker-option-font-size); } .van-picker-column__wrapper { transition-timing-function: cubic-bezier(0.23, 1, 0.68, 1); } .van-picker-column__item { display: flex; align-items: center; justify-content: center; padding: var(--van-picker-option-padding); color: var(--van-picker-option-text-color); } .van-picker-column__item--disabled { cursor: not-allowed; opacity: var(--van-picker-option-disabled-opacity); } :root { --van-picker-group-background: var(--van-background-2); } .van-picker-group { background: var(--van-picker-group-background); } .van-picker-group__tabs { margin-top: var(--van-padding-base); } .van-picker-group__tab-title { margin-right: 16px; } :root { --van-calendar-background: var(--van-background-2); --van-calendar-popup-height: 80%; --van-calendar-header-shadow: 0 2px 10px rgba(125, 126, 128, 0.16); --van-calendar-header-title-height: 44px; --van-calendar-header-title-font-size: var(--van-font-size-lg); --van-calendar-header-subtitle-font-size: var(--van-font-size-md); --van-calendar-weekdays-height: 30px; --van-calendar-weekdays-font-size: var(--van-font-size-sm); --van-calendar-month-title-font-size: var(--van-font-size-md); --van-calendar-month-mark-color: rgba(242, 243, 245, 0.8); --van-calendar-month-mark-font-size: 160px; --van-calendar-day-height: 64px; --van-calendar-day-font-size: var(--van-font-size-lg); --van-calendar-day-margin-bottom: 4px; --van-calendar-range-edge-color: var(--van-white); --van-calendar-range-edge-background: var(--van-primary-color); --van-calendar-range-middle-color: var(--van-primary-color); --van-calendar-range-middle-background-opacity: 0.1; --van-calendar-selected-day-size: 54px; --van-calendar-selected-day-color: var(--van-white); --van-calendar-info-font-size: var(--van-font-size-xs); --van-calendar-info-line-height: var(--van-line-height-xs); --van-calendar-selected-day-background: var(--van-primary-color); --van-calendar-day-disabled-color: var(--van-text-color-3); --van-calendar-confirm-button-height: 36px; --van-calendar-confirm-button-margin: 7px 0; } .van-theme-dark { --van-calendar-month-mark-color: rgba(100, 101, 102, 0.2); --van-calendar-day-disabled-color: var(--van-gray-7); } .van-calendar { display: flex; flex-direction: column; height: 100%; background: var(--van-calendar-background); } .van-calendar__popup.van-popup--top, .van-calendar__popup.van-popup--bottom { height: var(--van-calendar-popup-height); } .van-calendar__popup.van-popup--left, .van-calendar__popup.van-popup--right { height: 100%; } .van-calendar__popup .van-popup__close-icon { top: 11px; } .van-calendar__header { flex-shrink: 0; box-shadow: var(--van-calendar-header-shadow); } .van-calendar__month-title, .van-calendar__header-title, .van-calendar__header-subtitle { color: var(--van-text-color); height: var(--van-calendar-header-title-height); font-weight: var(--van-font-bold); line-height: var(--van-calendar-header-title-height); text-align: center; } .van-calendar__header-title { font-size: var(--van-calendar-header-title-font-size); } .van-calendar__header-subtitle { font-size: var(--van-calendar-header-subtitle-font-size); } .van-calendar__month-title { font-size: var(--van-calendar-month-title-font-size); } .van-calendar__weekdays { display: flex; } .van-calendar__weekday { flex: 1; font-size: var(--van-calendar-weekdays-font-size); line-height: var(--van-calendar-weekdays-height); text-align: center; } .van-calendar__body { flex: 1; overflow: auto; -webkit-overflow-scrolling: touch; } .van-calendar__days { position: relative; display: flex; flex-wrap: wrap; -webkit-user-select: none; user-select: none; } .van-calendar__month-mark { position: absolute; top: 50%; left: 50%; z-index: 0; color: var(--van-calendar-month-mark-color); font-size: var(--van-calendar-month-mark-font-size); transform: translate(-50%, -50%); pointer-events: none; } .van-calendar__day, .van-calendar__selected-day { display: flex; align-items: center; justify-content: center; text-align: center; } .van-calendar__day { position: relative; width: 14.285%; height: var(--van-calendar-day-height); font-size: var(--van-calendar-day-font-size); margin-bottom: var(--van-calendar-day-margin-bottom); cursor: pointer; } .van-calendar__day--end, .van-calendar__day--start, .van-calendar__day--start-end, .van-calendar__day--multiple-middle, .van-calendar__day--multiple-selected { color: var(--van-calendar-range-edge-color); background: var(--van-calendar-range-edge-background); } .van-calendar__day--start { border-radius: var(--van-radius-md) 0 0 var(--van-radius-md); } .van-calendar__day--end { border-radius: 0 var(--van-radius-md) var(--van-radius-md) 0; } .van-calendar__day--start-end, .van-calendar__day--multiple-selected { border-radius: var(--van-radius-md); } .van-calendar__day--middle { color: var(--van-calendar-range-middle-color); } .van-calendar__day--middle:after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-color: currentColor; opacity: var(--van-calendar-range-middle-background-opacity); content: ""; } .van-calendar__day--disabled { color: var(--van-calendar-day-disabled-color); cursor: default; } .van-calendar__top-info, .van-calendar__bottom-info { position: absolute; right: 0; left: 0; font-size: var(--van-calendar-info-font-size); line-height: var(--van-calendar-info-line-height); } @media (max-width: 350px) { .van-calendar__top-info, .van-calendar__bottom-info { font-size: 9px; } } .van-calendar__top-info { top: 6px; } .van-calendar__bottom-info { bottom: 6px; } .van-calendar__selected-day { width: var(--van-calendar-selected-day-size); height: var(--van-calendar-selected-day-size); color: var(--van-calendar-selected-day-color); background: var(--van-calendar-selected-day-background); border-radius: var(--van-radius-md); } .van-calendar__footer { flex-shrink: 0; padding-left: var(--van-padding-md); padding-right: var(--van-padding-md); } .van-calendar__confirm { height: var(--van-calendar-confirm-button-height); margin: var(--van-calendar-confirm-button-margin); } :root { --van-address-edit-padding: var(--van-padding-sm); --van-address-edit-buttons-padding: var(--van-padding-xl) var(--van-padding-base); --van-address-edit-button-margin-bottom: var(--van-padding-sm); --van-address-edit-button-font-size: var(--van-font-size-lg); } .van-address-edit { padding: var(--van-address-edit-padding); } .van-address-edit__fields { overflow: hidden; border-radius: var(--van-padding-xs); } .van-address-edit__fields .van-field__label { width: 4.1em; } .van-address-edit__default { margin-top: var(--van-padding-sm); overflow: hidden; border-radius: var(--van-padding-xs); } .van-address-edit__buttons { padding: var(--van-address-edit-buttons-padding); } .van-address-edit__button { margin-bottom: var(--van-address-edit-button-margin-bottom); font-size: var(--van-address-edit-button-font-size); } .van-address-edit-detail__search-item { background: var(--van-gray-2); } .van-radio-group--horizontal, .van-checkbox-group--horizontal { display: flex; flex-wrap: wrap; } :root { --van-checkbox-size: 20px; --van-checkbox-border-color: var(--van-gray-5); --van-checkbox-duration: var(--van-duration-fast); --van-checkbox-label-margin: var(--van-padding-xs); --van-checkbox-label-color: var(--van-text-color); --van-checkbox-checked-icon-color: var(--van-primary-color); --van-checkbox-disabled-icon-color: var(--van-gray-5); --van-checkbox-disabled-label-color: var(--van-text-color-3); --van-checkbox-disabled-background: var(--van-border-color); } .van-checkbox { display: flex; align-items: center; overflow: hidden; cursor: pointer; -webkit-user-select: none; user-select: none; } .van-checkbox--disabled { cursor: not-allowed; } .van-checkbox--label-disabled { cursor: default; } .van-checkbox--horizontal { margin-right: var(--van-padding-sm); } .van-checkbox__icon { flex: none; height: 1em; font-size: var(--van-checkbox-size); line-height: 1em; cursor: pointer; } .van-checkbox__icon .van-icon { display: block; box-sizing: border-box; width: 1.25em; height: 1.25em; color: transparent; font-size: 0.8em; line-height: 1.25; text-align: center; border: 1px solid var(--van-checkbox-border-color); transition-duration: var(--van-checkbox-duration); transition-property: color, border-color, background-color; } .van-checkbox__icon--round .van-icon { border-radius: 100%; } .van-checkbox__icon--indeterminate .van-icon { display: flex; align-items: center; justify-content: center; color: var(--van-white); border-color: var(--van-checkbox-checked-icon-color); background-color: var(--van-checkbox-checked-icon-color); } .van-checkbox__icon--checked .van-icon { color: var(--van-white); background-color: var(--van-checkbox-checked-icon-color); border-color: var(--van-checkbox-checked-icon-color); } .van-checkbox__icon--disabled { cursor: not-allowed; } .van-checkbox__icon--disabled .van-icon { background-color: var(--van-checkbox-disabled-background); border-color: var(--van-checkbox-disabled-icon-color); } .van-checkbox__icon--disabled.van-checkbox__icon--checked .van-icon { color: var(--van-checkbox-disabled-icon-color); } .van-checkbox__label { margin-left: var(--van-checkbox-label-margin); color: var(--van-checkbox-label-color); line-height: var(--van-checkbox-size); } .van-checkbox__label--left { margin: 0 var(--van-checkbox-label-margin) 0 0; } .van-checkbox__label--disabled { color: var(--van-checkbox-disabled-label-color); } :root { --van-coupon-margin: 0 var(--van-padding-sm) var(--van-padding-sm); --van-coupon-content-height: 84px; --van-coupon-content-padding: 14px 0; --van-coupon-content-text-color: var(--van-text-color); --van-coupon-background: var(--van-background-2); --van-coupon-active-background: var(--van-active-color); --van-coupon-radius: var(--van-radius-lg); --van-coupon-shadow: 0 0 4px rgba(0, 0, 0, 0.1); --van-coupon-head-width: 96px; --van-coupon-amount-color: var(--van-primary-color); --van-coupon-amount-font-size: 30px; --van-coupon-currency-font-size: 40%; --van-coupon-name-font-size: var(--van-font-size-md); --van-coupon-disabled-text-color: var(--van-text-color-2); --van-coupon-description-padding: var(--van-padding-xs) var(--van-padding-md); --van-coupon-description-border-color: var(--van-border-color); --van-coupon-checkbox-color: var(--van-primary-color); } .van-coupon { margin: var(--van-coupon-margin); overflow: hidden; background: var(--van-coupon-background); border-radius: var(--van-coupon-radius); box-shadow: var(--van-coupon-shadow); } .van-coupon:active { background-color: var(--van-coupon-active-background); } .van-coupon__content { display: flex; align-items: center; box-sizing: border-box; min-height: var(--van-coupon-content-height); padding: var(--van-coupon-content-padding); color: var(--van-coupon-content-text-color); } .van-coupon__head { position: relative; min-width: var(--van-coupon-head-width); padding: 0 var(--van-padding-xs); color: var(--van-coupon-amount-color); text-align: center; } .van-coupon__amount, .van-coupon__condition, .van-coupon__name, .van-coupon__valid { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .van-coupon__amount { margin-bottom: 6px; font-weight: var(--van-font-bold); font-size: var(--van-coupon-amount-font-size); overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .van-coupon__amount span { font-size: var(--van-coupon-currency-font-size); } .van-coupon__amount span:not(:empty) { margin-left: 2px; } .van-coupon__condition { font-size: var(--van-font-size-sm); line-height: 16px; white-space: pre-wrap; } .van-coupon__body { position: relative; flex: 1; } .van-coupon__name { margin-bottom: 10px; font-weight: var(--van-font-bold); font-size: var(--van-coupon-name-font-size); line-height: var(--van-line-height-md); } .van-coupon__valid { font-size: var(--van-font-size-sm); } .van-coupon__corner { position: absolute; top: 0; right: var(--van-padding-md); bottom: 0; } .van-coupon__corner .van-checkbox__icon--checked .van-icon { background-color: var(--van-coupon-checkbox-color); border-color: var(--van-coupon-checkbox-color); } .van-coupon__description { padding: var(--van-coupon-description-padding); font-size: var(--van-font-size-sm); border-top: 1px dashed var(--van-coupon-description-border-color); } .van-coupon--disabled:active { background-color: var(--van-coupon-background); } .van-coupon--disabled .van-coupon-item__content { height: calc(var(--van-coupon-content-height) - 10px); } .van-coupon--disabled .van-coupon__head { color: inherit; } :root { --van-radio-size: 20px; --van-radio-dot-size: 8px; --van-radio-border-color: var(--van-gray-5); --van-radio-duration: var(--van-duration-fast); --van-radio-label-margin: var(--van-padding-xs); --van-radio-label-color: var(--van-text-color); --van-radio-checked-icon-color: var(--van-primary-color); --van-radio-disabled-icon-color: var(--van-gray-5); --van-radio-disabled-label-color: var(--van-text-color-3); --van-radio-disabled-background: var(--van-border-color); } .van-radio { display: flex; align-items: center; overflow: hidden; cursor: pointer; -webkit-user-select: none; user-select: none; } .van-radio--disabled { cursor: not-allowed; } .van-radio--label-disabled { cursor: default; } .van-radio--horizontal { margin-right: var(--van-padding-sm); } .van-radio__icon { flex: none; height: 1em; font-size: var(--van-radio-size); line-height: 1em; cursor: pointer; } .van-radio__icon .van-icon { display: block; box-sizing: border-box; width: 1.25em; height: 1.25em; color: transparent; font-size: 0.8em; line-height: 1.25; text-align: center; border: 1px solid var(--van-radio-border-color); transition-duration: var(--van-radio-duration); transition-property: color, border-color, background-color; } .van-radio__icon--round .van-icon { border-radius: 100%; } .van-radio__icon--dot { position: relative; border-radius: 100%; box-sizing: border-box; width: var(--van-radio-size); height: var(--van-radio-size); border: 1px solid var(--van-radio-border-color); transition-duration: var(--van-radio-duration); transition-property: border-color; } .van-radio__icon--dot__icon { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); border-radius: 100%; height: calc(100% - var(--van-radio-dot-size)); width: calc(100% - var(--van-radio-dot-size)); transition-duration: var(--van-radio-duration); transition-property: background-color; } .van-radio__icon--checked .van-icon { color: var(--van-white); background-color: var(--van-radio-checked-icon-color); border-color: var(--van-radio-checked-icon-color); } .van-radio__icon--checked.van-radio__icon--dot { border-color: var(--van-radio-checked-icon-color); } .van-radio__icon--checked.van-radio__icon--dot .van-radio__icon--dot__icon { background: var(--van-radio-checked-icon-color); } .van-radio__icon--disabled { cursor: not-allowed; } .van-radio__icon--disabled .van-icon { background-color: var(--van-radio-disabled-background); border-color: var(--van-radio-disabled-icon-color); } .van-radio__icon--disabled.van-radio__icon--checked .van-icon { color: var(--van-radio-disabled-icon-color); } .van-radio__label { margin-left: var(--van-radio-label-margin); color: var(--van-radio-label-color); line-height: var(--van-radio-size); } .van-radio__label--left { margin: 0 var(--van-radio-label-margin) 0 0; } .van-radio__label--disabled { color: var(--van-radio-disabled-label-color); } :root { --van-contact-list-padding: var(--van-padding-sm) var(--van-padding-sm) 80px; --van-contact-list-edit-icon-size: 16px; --van-contact-list-add-button-z-index: 999; --van-contact-list-radio-color: var(--van-primary-color); --van-contact-list-item-padding: var(--van-padding-md); } .van-contact-list { box-sizing: border-box; height: 100%; padding: var(--van-contact-list-padding); } .van-contact-list__item { padding: var(--van-contact-list-item-padding); } .van-contact-list__item-title { display: flex; align-items: center; padding-right: var(--van-padding-xl); padding-left: var(--van-padding-xs); } .van-contact-list__item-tag { flex: none; margin-left: var(--van-padding-xs); padding-top: 0; padding-bottom: 0; line-height: 1.4em; } .van-contact-list__group { box-sizing: border-box; height: 100%; overflow-y: scroll; -webkit-overflow-scrolling: touch; border-radius: var(--van-radius-lg); } .van-contact-list__edit { font-size: var(--van-contact-list-edit-icon-size); } .van-contact-list__radio .van-radio__icon--checked .van-icon { background-color: var(--van-contact-list-radio-color); border-color: var(--van-contact-list-radio-color); } .van-contact-list__bottom { position: fixed; right: 0; bottom: 0; left: 0; z-index: var(--van-contact-list-add-button-z-index); padding-left: var(--van-padding-md); padding-right: var(--van-padding-md); background-color: var(--van-background-2); } .van-contact-list__add { height: 40px; margin: 5px 0; } :root { --van-address-list-padding: var(--van-padding-sm) var(--van-padding-sm) 80px; --van-address-list-disabled-text-color: var(--van-text-color-2); --van-address-list-disabled-text-padding: calc(var(--van-padding-base) * 5) 0; --van-address-list-disabled-text-font-size: var(--van-font-size-md); --van-address-list-disabled-text-line-height: var(--van-line-height-md); --van-address-list-add-button-z-index: 999; --van-address-list-item-padding: var(--van-padding-sm); --van-address-list-item-text-color: var(--van-text-color); --van-address-list-item-disabled-text-color: var(--van-text-color-3); --van-address-list-item-font-size: 13px; --van-address-list-item-line-height: var(--van-line-height-sm); --van-address-list-radio-color: var(--van-primary-color); --van-address-list-edit-icon-size: 20px; } .van-address-list { box-sizing: border-box; height: 100%; padding: var(--van-address-list-padding); } .van-address-list__bottom { position: fixed; bottom: 0; left: 0; z-index: var(--van-address-list-add-button-z-index); box-sizing: border-box; width: 100%; padding-left: var(--van-padding-md); padding-right: var(--van-padding-md); background-color: var(--van-background-2); } .van-address-list__add { height: 40px; margin: 5px 0; } .van-address-list__disabled-text { padding: var(--van-address-list-disabled-text-padding); color: var(--van-address-list-disabled-text-color); font-size: var(--van-address-list-disabled-text-font-size); line-height: var(--van-address-list-disabled-text-line-height); } .van-address-item { padding: var(--van-address-list-item-padding); background-color: var(--van-background-2); border-radius: var(--van-radius-lg); } .van-address-item:not(:last-child) { margin-bottom: var(--van-padding-sm); } .van-address-item__title { padding-right: 44px; } .van-address-item__name { display: flex; align-items: center; margin-bottom: var(--van-padding-xs); font-size: var(--van-font-size-lg); line-height: var(--van-line-height-lg); } .van-address-item__tag { flex: none; margin-left: var(--van-padding-xs); padding-top: 0; padding-bottom: 0; line-height: 1.4em; } .van-address-item__address { color: var(--van-address-list-item-text-color); font-size: var(--van-address-list-item-font-size); line-height: var(--van-address-list-item-line-height); } .van-address-item--disabled .van-address-item__name, .van-address-item--disabled .van-address-item__address { color: var(--van-address-list-item-disabled-text-color); } .van-address-item__edit { position: absolute; top: 50%; right: var(--van-padding-md); color: var(--van-gray-6); font-size: var(--van-address-list-edit-icon-size); transform: translateY(-50%); } .van-address-item .van-cell { padding: 0; } .van-address-item .van-radio__label { margin-left: var(--van-padding-sm); } .van-address-item .van-radio__icon--checked .van-icon { background-color: var(--van-address-list-radio-color); border-color: var(--van-address-list-radio-color); } :root { --van-barrage-font-size: 16px; --van-barrage-space: 10px; --van-barrage-font: inherit; --van-barrage-color: var(--van-white); } .van-barrage { position: relative; overflow: hidden; } .van-barrage__item { position: absolute; top: 0; right: 0; z-index: 99; padding-bottom: var(--van-barrage-space); opacity: 0.75; line-height: 1; font-size: var(--van-barrage-font-size); font-family: var(--van-barrage-font); font-weight: 700; white-space: nowrap; color: var(--van-barrage-color); text-shadow: 1px 0 1px #000000, 0 1px 1px #000000, 0 -1px 1px #000000, -1px 0 1px #000000; -webkit-user-select: none; user-select: none; will-change: transform; transform: translate(110%); } @keyframes van-barrage { 0% { transform: translate(110%); } to { transform: translate(var(--move-distance)); } } :root { --van-cell-group-background: var(--van-background-2); --van-cell-group-title-color: var(--van-text-color-2); --van-cell-group-title-padding: var(--van-padding-md) var(--van-padding-md); --van-cell-group-title-font-size: var(--van-font-size-md); --van-cell-group-title-line-height: 16px; --van-cell-group-inset-padding: 0 var(--van-padding-md); --van-cell-group-inset-radius: var(--van-radius-lg); --van-cell-group-inset-title-padding: var(--van-padding-md) var(--van-padding-md); } .van-cell-group { background: var(--van-cell-group-background); } .van-cell-group--inset { margin: var(--van-cell-group-inset-padding); border-radius: var(--van-cell-group-inset-radius); overflow: hidden; } .van-cell-group__title { padding: var(--van-cell-group-title-padding); color: var(--van-cell-group-title-color); font-size: var(--van-cell-group-title-font-size); line-height: var(--van-cell-group-title-line-height); } .van-cell-group__title--inset { padding: var(--van-cell-group-inset-title-padding); } :root { --van-circle-size: 100px; --van-circle-color: var(--van-primary-color); --van-circle-layer-color: var(--van-white); --van-circle-text-color: var(--van-text-color); --van-circle-text-font-weight: var(--van-font-bold); --van-circle-text-font-size: var(--van-font-size-md); --van-circle-text-line-height: var(--van-line-height-md); } .van-circle { position: relative; display: inline-block; width: var(--van-circle-size); height: var(--van-circle-size); text-align: center; } .van-circle svg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .van-circle__layer { stroke: var(--van-circle-layer-color); } .van-circle__hover { fill: none; stroke: var(--van-circle-color); stroke-linecap: round; } .van-circle__text { position: absolute; top: 50%; left: 0; box-sizing: border-box; width: 100%; padding: 0 var(--van-padding-base); color: var(--van-circle-text-color); font-weight: var(--van-circle-text-font-weight); font-size: var(--van-circle-text-font-size); line-height: var(--van-circle-text-line-height); transform: translateY(-50%); } .van-row { display: flex; flex-wrap: wrap; } .van-row--nowrap { flex-wrap: nowrap; } .van-row--justify-center { justify-content: center; } .van-row--justify-end { justify-content: flex-end; } .van-row--justify-space-between { justify-content: space-between; } .van-row--justify-space-around { justify-content: space-around; } .van-row--align-center { align-items: center; } .van-row--align-bottom { align-items: flex-end; } .van-col { display: block; box-sizing: border-box; min-height: 1px; } .van-col--1 { flex: 0 0 4.16666667%; max-width: 4.16666667%; } .van-col--offset-1 { margin-left: 4.16666667%; } .van-col--2 { flex: 0 0 8.33333333%; max-width: 8.33333333%; } .van-col--offset-2 { margin-left: 8.33333333%; } .van-col--3 { flex: 0 0 12.5%; max-width: 12.5%; } .van-col--offset-3 { margin-left: 12.5%; } .van-col--4 { flex: 0 0 16.66666667%; max-width: 16.66666667%; } .van-col--offset-4 { margin-left: 16.66666667%; } .van-col--5 { flex: 0 0 20.83333333%; max-width: 20.83333333%; } .van-col--offset-5 { margin-left: 20.83333333%; } .van-col--6 { flex: 0 0 25%; max-width: 25%; } .van-col--offset-6 { margin-left: 25%; } .van-col--7 { flex: 0 0 29.16666667%; max-width: 29.16666667%; } .van-col--offset-7 { margin-left: 29.16666667%; } .van-col--8 { flex: 0 0 33.33333333%; max-width: 33.33333333%; } .van-col--offset-8 { margin-left: 33.33333333%; } .van-col--9 { flex: 0 0 37.5%; max-width: 37.5%; } .van-col--offset-9 { margin-left: 37.5%; } .van-col--10 { flex: 0 0 41.66666667%; max-width: 41.66666667%; } .van-col--offset-10 { margin-left: 41.66666667%; } .van-col--11 { flex: 0 0 45.83333333%; max-width: 45.83333333%; } .van-col--offset-11 { margin-left: 45.83333333%; } .van-col--12 { flex: 0 0 50%; max-width: 50%; } .van-col--offset-12 { margin-left: 50%; } .van-col--13 { flex: 0 0 54.16666667%; max-width: 54.16666667%; } .van-col--offset-13 { margin-left: 54.16666667%; } .van-col--14 { flex: 0 0 58.33333333%; max-width: 58.33333333%; } .van-col--offset-14 { margin-left: 58.33333333%; } .van-col--15 { flex: 0 0 62.5%; max-width: 62.5%; } .van-col--offset-15 { margin-left: 62.5%; } .van-col--16 { flex: 0 0 66.66666667%; max-width: 66.66666667%; } .van-col--offset-16 { margin-left: 66.66666667%; } .van-col--17 { flex: 0 0 70.83333333%; max-width: 70.83333333%; } .van-col--offset-17 { margin-left: 70.83333333%; } .van-col--18 { flex: 0 0 75%; max-width: 75%; } .van-col--offset-18 { margin-left: 75%; } .van-col--19 { flex: 0 0 79.16666667%; max-width: 79.16666667%; } .van-col--offset-19 { margin-left: 79.16666667%; } .van-col--20 { flex: 0 0 83.33333333%; max-width: 83.33333333%; } .van-col--offset-20 { margin-left: 83.33333333%; } .van-col--21 { flex: 0 0 87.5%; max-width: 87.5%; } .van-col--offset-21 { margin-left: 87.5%; } .van-col--22 { flex: 0 0 91.66666667%; max-width: 91.66666667%; } .van-col--offset-22 { margin-left: 91.66666667%; } .van-col--23 { flex: 0 0 95.83333333%; max-width: 95.83333333%; } .van-col--offset-23 { margin-left: 95.83333333%; } .van-col--24 { flex: 0 0 100%; max-width: 100%; } .van-col--offset-24 { margin-left: 100%; } :root { --van-count-down-text-color: var(--van-text-color); --van-count-down-font-size: var(--van-font-size-md); --van-count-down-line-height: var(--van-line-height-md); } .van-count-down { color: var(--van-count-down-text-color); font-size: var(--van-count-down-font-size); line-height: var(--van-count-down-line-height); } :root { --van-empty-padding: var(--van-padding-xl) 0; --van-empty-image-size: 160px; --van-empty-description-margin-top: var(--van-padding-md); --van-empty-description-padding: 0 60px; --van-empty-description-color: var(--van-text-color-2); --van-empty-description-font-size: var(--van-font-size-md); --van-empty-description-line-height: var(--van-line-height-md); --van-empty-bottom-margin-top: 24px; } .van-empty { display: flex; flex-direction: column; align-items: center; justify-content: center; box-sizing: border-box; padding: var(--van-empty-padding); } .van-empty__image { width: var(--van-empty-image-size); height: var(--van-empty-image-size); } .van-empty__image img { width: 100%; height: 100%; } .van-empty__description { margin-top: var(--van-empty-description-margin-top); padding: var(--van-empty-description-padding); color: var(--van-empty-description-color); font-size: var(--van-empty-description-font-size); line-height: var(--van-empty-description-line-height); } .van-empty__bottom { margin-top: var(--van-empty-bottom-margin-top); } .van-theme-dark .van-empty { opacity: 0.5; } :root { --van-coupon-list-background: var(--van-background); --van-coupon-list-field-padding: 5px 0 5px var(--van-padding-md); --van-coupon-list-exchange-button-height: 32px; --van-coupon-list-close-button-height: 40px; --van-coupon-list-empty-tip-color: var(--van-text-color-2); --van-coupon-list-empty-tip-font-size: var(--van-font-size-md); --van-coupon-list-empty-tip-line-height: var(--van-line-height-md); } .van-coupon-list { position: relative; height: 100%; background: var(--van-coupon-list-background); } .van-coupon-list__field { padding: var(--van-coupon-list-field-padding); } .van-coupon-list__field .van-field__body { height: 34px; padding-left: var(--van-padding-sm); line-height: 34px; background: var(--van-background); border-radius: var(--van-radius-max); } .van-coupon-list__field .van-field__body::-webkit-input-placeholder { color: var(--van-text-color-3); } .van-coupon-list__field .van-field__body::placeholder { color: var(--van-text-color-3); } .van-coupon-list__field .van-field__clear { margin-right: 0; } .van-coupon-list__exchange-bar { display: flex; align-items: center; background-color: var(--van-background-2); } .van-coupon-list__exchange { flex: none; height: var(--van-coupon-list-exchange-button-height); font-size: var(--van-font-size-lg); line-height: calc(var(--van-coupon-list-exchange-button-height) - 2px); border: 0; } .van-coupon-list .van-tabs__wrap { box-shadow: 0 6px 12px -12px var(--van-gray-6); } .van-coupon-list__list { box-sizing: border-box; padding: var(--van-padding-md) 0 var(--van-padding-lg); overflow-y: auto; -webkit-overflow-scrolling: touch; } .van-coupon-list__list--with-bottom { padding-bottom: 50px; } .van-coupon-list__bottom { position: absolute; bottom: 0; left: 0; z-index: 999; box-sizing: border-box; width: 100%; padding: 5px var(--van-padding-md); font-weight: var(--van-font-bold); background-color: var(--van-background-2); } .van-coupon-list__close { height: var(--van-coupon-list-close-button-height); } .van-coupon-list__empty-tip { color: var(--van-coupon-list-empty-tip-color); font-size: var(--van-coupon-list-empty-tip-font-size); line-height: var(--van-coupon-list-empty-tip-line-height); } :root { --van-divider-margin: var(--van-padding-md) 0; --van-divider-vertical-margin: 0 var(--van-padding-xs); --van-divider-text-color: var(--van-text-color-2); --van-divider-font-size: var(--van-font-size-md); --van-divider-line-height: 24px; --van-divider-border-color: var(--van-border-color); --van-divider-content-padding: var(--van-padding-md); --van-divider-content-left-width: 10%; --van-divider-content-right-width: 10%; } .van-divider { display: flex; align-items: center; margin: var(--van-divider-margin); color: var(--van-divider-text-color); font-size: var(--van-divider-font-size); line-height: var(--van-divider-line-height); border-color: var(--van-divider-border-color); border-style: solid; border-width: 0; } .van-divider:before, .van-divider:after { display: block; flex: 1; box-sizing: border-box; height: 1px; border-color: inherit; border-style: inherit; border-width: var(--van-border-width) 0 0; } .van-divider:before { content: ""; } .van-divider--hairline:before, .van-divider--hairline:after { transform: scaleY(0.5); } .van-divider--dashed { border-style: dashed; } .van-divider--content-center:before, .van-divider--content-left:before, .van-divider--content-right:before { margin-right: var(--van-divider-content-padding); } .van-divider--content-center:after, .van-divider--content-left:after, .van-divider--content-right:after { margin-left: var(--van-divider-content-padding); content: ""; } .van-divider--content-left:before { max-width: var(--van-divider-content-left-width); } .van-divider--content-right:after { max-width: var(--van-divider-content-right-width); } .van-divider--vertical { display: inline-block; width: var(--van-border-width); height: 1em; margin: var(--van-divider-vertical-margin); vertical-align: middle; } .van-divider--vertical:before { height: 100%; border-width: 0 0 0 var(--van-border-width); } .van-divider--vertical:after { display: none; } .van-divider--vertical.van-divider--hairline:before { transform: scaleX(0.5); } :root { --van-dropdown-menu-height: 48px; --van-dropdown-menu-background: var(--van-background-2); --van-dropdown-menu-shadow: 0 2px 12px rgba(100, 101, 102, 0.12); --van-dropdown-menu-title-font-size: 15px; --van-dropdown-menu-title-text-color: var(--van-text-color); --van-dropdown-menu-title-active-text-color: var(--van-primary-color); --van-dropdown-menu-title-disabled-text-color: var(--van-text-color-2); --van-dropdown-menu-title-padding: 0 var(--van-padding-xs); --van-dropdown-menu-title-line-height: var(--van-line-height-lg); --van-dropdown-menu-option-active-color: var(--van-primary-color); --van-dropdown-menu-content-max-height: 80%; } .van-dropdown-menu { -webkit-user-select: none; user-select: none; } .van-dropdown-menu__bar { position: relative; display: flex; height: var(--van-dropdown-menu-height); background: var(--van-dropdown-menu-background); box-shadow: var(--van-dropdown-menu-shadow); } .van-dropdown-menu__bar--opened { z-index: calc(var(--van-dropdown-item-z-index) + 1); } .van-dropdown-menu__bar--scrollable { padding-left: var(--van-padding-base); padding-right: var(--van-padding-xs); overflow-x: auto; overflow-y: hidden; -webkit-overflow-scrolling: touch; } .van-dropdown-menu__bar--scrollable::-webkit-scrollbar { display: none; } .van-dropdown-menu__item { display: flex; flex: 1; align-items: center; justify-content: center; min-width: 0; } .van-dropdown-menu__item--disabled .van-dropdown-menu__title { color: var(--van-dropdown-menu-title-disabled-text-color); } .van-dropdown-menu__item--grow { flex: 1 0 auto; padding-left: var(--van-padding-base); padding-right: var(--van-padding-sm); } .van-dropdown-menu__title { position: relative; box-sizing: border-box; max-width: 100%; padding: var(--van-dropdown-menu-title-padding); color: var(--van-dropdown-menu-title-text-color); font-size: var(--van-dropdown-menu-title-font-size); line-height: var(--van-dropdown-menu-title-line-height); } .van-dropdown-menu__title:after { position: absolute; top: 50%; right: -4px; margin-top: -5px; border: 3px solid; border-color: transparent transparent var(--van-gray-4) var(--van-gray-4); transform: rotate(-45deg); opacity: 0.8; content: ""; } .van-dropdown-menu__title--active { color: var(--van-dropdown-menu-title-active-text-color); } .van-dropdown-menu__title--active:after { border-color: transparent transparent currentColor currentColor; } .van-dropdown-menu__title--down:after { margin-top: -1px; transform: rotate(135deg); } :root { --van-dropdown-item-z-index: 10; } .van-dropdown-item { position: fixed; right: 0; left: 0; z-index: var(--van-dropdown-item-z-index); overflow: hidden; } .van-dropdown-item__icon { display: block; line-height: inherit; } .van-dropdown-item__option { text-align: left; } .van-dropdown-item__option--active, .van-dropdown-item__option--active .van-dropdown-item__icon { color: var(--van-dropdown-menu-option-active-color); } .van-dropdown-item--up { top: 0; } .van-dropdown-item--down { bottom: 0; } .van-dropdown-item__content { position: absolute; max-height: var(--van-dropdown-menu-content-max-height); } :root { --van-floating-panel-border-radius: 16px; --van-floating-panel-header-height: 30px; --van-floating-panel-z-index: 999; --van-floating-panel-background: var(--van-background-2); --van-floating-panel-bar-width: 20px; --van-floating-panel-bar-height: 3px; --van-floating-panel-bar-color: var(--van-gray-5); } .van-floating-panel { position: fixed; left: 0; bottom: 0; width: 100vw; z-index: var(--van-floating-panel-z-index); display: flex; flex-direction: column; touch-action: none; border-top-left-radius: var(--van-floating-panel-border-radius); border-top-right-radius: var(--van-floating-panel-border-radius); background: var(--van-floating-panel-background); } .van-floating-panel:after { content: ""; display: block; position: absolute; bottom: -100vh; height: 100vh; width: 100vw; background-color: inherit; } .van-floating-panel__header { height: var(--van-floating-panel-header-height); display: flex; justify-content: center; align-items: center; cursor: -webkit-grab; cursor: grab; -webkit-user-select: none; user-select: none; } .van-floating-panel__header-bar { height: var(--van-floating-panel-bar-height); width: var(--van-floating-panel-bar-width); border-radius: var(--van-radius-md); background: var(--van-floating-panel-bar-color); } .van-floating-panel__content { flex: 1; overflow-y: auto; background-color: var(--van-floating-panel-background); } .van-grid { display: flex; flex-wrap: wrap; } :root { --van-grid-item-content-padding: var(--van-padding-md) var(--van-padding-xs); --van-grid-item-content-background: var(--van-background-2); --van-grid-item-content-active-color: var(--van-active-color); --van-grid-item-icon-size: 28px; --van-grid-item-text-color: var(--van-text-color); --van-grid-item-text-font-size: var(--van-font-size-sm); } .van-grid-item { position: relative; box-sizing: border-box; } .van-grid-item--square { height: 0; } .van-grid-item__icon { font-size: var(--van-grid-item-icon-size); } .van-grid-item__text { color: var(--van-grid-item-text-color); font-size: var(--van-grid-item-text-font-size); line-height: 1.5; word-break: break-all; } .van-grid-item__icon + .van-grid-item__text { margin-top: var(--van-padding-xs); } .van-grid-item__content { display: flex; flex-direction: column; box-sizing: border-box; height: 100%; padding: var(--van-grid-item-content-padding); background: var(--van-grid-item-content-background); } .van-grid-item__content:after { z-index: 1; border-width: 0 var(--van-border-width) var(--van-border-width) 0; } .van-grid-item__content--square { position: absolute; top: 0; right: 0; left: 0; } .van-grid-item__content--center { align-items: center; justify-content: center; } .van-grid-item__content--horizontal { flex-direction: row; } .van-grid-item__content--horizontal .van-grid-item__text { margin: 0 0 0 var(--van-padding-xs); } .van-grid-item__content--reverse { flex-direction: column-reverse; } .van-grid-item__content--reverse .van-grid-item__text { margin: 0 0 var(--van-padding-xs); } .van-grid-item__content--horizontal.van-grid-item__content--reverse { flex-direction: row-reverse; } .van-grid-item__content--horizontal.van-grid-item__content--reverse .van-grid-item__text { margin: 0 var(--van-padding-xs) 0 0; } .van-grid-item__content--surround:after { border-width: var(--van-border-width); } .van-grid-item__content--clickable { cursor: pointer; } .van-grid-item__content--clickable:active { background-color: var(--van-grid-item-content-active-color); } :root { --van-index-bar-sidebar-z-index: 2; --van-index-bar-index-font-size: var(--van-font-size-xs); --van-index-bar-index-line-height: var(--van-line-height-xs); --van-index-bar-index-active-color: var(--van-primary-color); } .van-index-bar__sidebar { position: fixed; top: 50%; right: 0; z-index: var(--van-index-bar-sidebar-z-index); display: flex; flex-direction: column; text-align: center; transform: translateY(-50%); cursor: pointer; -webkit-user-select: none; user-select: none; } .van-index-bar__index { padding: 0 var(--van-padding-xs) 0 var(--van-padding-md); font-weight: var(--van-font-bold); font-size: var(--van-index-bar-index-font-size); line-height: var(--van-index-bar-index-line-height); } .van-index-bar__index--active { color: var(--van-index-bar-index-active-color); font-weight: 700; } :root { --van-index-anchor-z-index: 1; --van-index-anchor-padding: 0 var(--van-padding-md); --van-index-anchor-text-color: var(--van-text-color); --van-index-anchor-font-weight: var(--van-font-bold); --van-index-anchor-font-size: var(--van-font-size-md); --van-index-anchor-line-height: 32px; --van-index-anchor-background: transparent; --van-index-anchor-sticky-text-color: var(--van-primary-color); --van-index-anchor-sticky-background: var(--van-background-2); } .van-index-anchor { z-index: var(--van-index-anchor-z-index); box-sizing: border-box; padding: var(--van-index-anchor-padding); color: var(--van-index-anchor-text-color); font-weight: var(--van-index-anchor-font-weight); font-size: var(--van-index-anchor-font-size); line-height: var(--van-index-anchor-line-height); background: var(--van-index-anchor-background); } .van-index-anchor--sticky { position: fixed; top: 0; right: 0; left: 0; color: var(--van-index-anchor-sticky-text-color); background: var(--van-index-anchor-sticky-background); } :root { --van-pagination-height: 40px; --van-pagination-font-size: var(--van-font-size-md); --van-pagination-item-width: 36px; --van-pagination-item-default-color: var(--van-primary-color); --van-pagination-item-disabled-color: var(--van-gray-7); --van-pagination-item-disabled-background: var(--van-background); --van-pagination-background: var(--van-background-2); --van-pagination-desc-color: var(--van-gray-7); --van-pagination-disabled-opacity: var(--van-disabled-opacity); } .van-pagination { font-size: var(--van-pagination-font-size); } .van-pagination__items { display: flex; } .van-pagination__item, .van-pagination__page-desc { display: flex; align-items: center; justify-content: center; } .van-pagination__item { flex: 1; box-sizing: border-box; min-width: var(--van-pagination-item-width); height: var(--van-pagination-height); color: var(--van-pagination-item-default-color); background: var(--van-pagination-background); cursor: pointer; -webkit-user-select: none; user-select: none; } .van-pagination__item button { flex: 1; height: 100%; border: none; padding: 0; background: transparent; } .van-pagination__item button[disabled] { cursor: not-allowed; } .van-pagination__item:active { color: var(--van-white); background-color: var(--van-pagination-item-default-color); } .van-pagination__item:not(:last-child):after { border-right-width: 0; } .van-pagination__item--active { color: var(--van-white); background-color: var(--van-pagination-item-default-color); } .van-pagination__item--page { flex-grow: 0; } .van-pagination__item--prev, .van-pagination__item--next { padding: 0 var(--van-padding-base); cursor: pointer; } .van-pagination__item--border:first-child:after { border-right-width: var(--van-border-width); } .van-pagination__item--disabled, .van-pagination__item--disabled:active { color: var(--van-pagination-item-disabled-color); background-color: var(--van-pagination-item-disabled-background); opacity: var(--van-pagination-disabled-opacity); } .van-pagination__page-desc { flex: 1; height: var(--van-pagination-height); color: var(--van-pagination-desc-color); } :root { --van-password-input-height: 50px; --van-password-input-margin: 0 var(--van-padding-md); --van-password-input-font-size: 20px; --van-password-input-radius: 6px; --van-password-input-background: var(--van-background-2); --van-password-input-info-color: var(--van-text-color-2); --van-password-input-info-font-size: var(--van-font-size-md); --van-password-input-error-info-color: var(--van-danger-color); --van-password-input-dot-size: 10px; --van-password-input-dot-color: var(--van-text-color); --van-password-input-text-color: var(--van-text-color); --van-password-input-cursor-color: var(--van-text-color); --van-password-input-cursor-width: 1px; --van-password-input-cursor-height: 40%; --van-password-input-cursor-duration: 1s; } .van-password-input { position: relative; margin: var(--van-password-input-margin); -webkit-user-select: none; user-select: none; } .van-password-input__info, .van-password-input__error-info { margin-top: var(--van-padding-md); font-size: var(--van-password-input-info-font-size); text-align: center; } .van-password-input__info { color: var(--van-password-input-info-color); } .van-password-input__error-info { color: var(--van-password-input-error-info-color); } .van-password-input__security { display: flex; width: 100%; height: var(--van-password-input-height); cursor: pointer; } .van-password-input__security:after { border-radius: var(--van-password-input-radius); } .van-password-input__security li { position: relative; display: flex; flex: 1; align-items: center; justify-content: center; height: 100%; color: var(--van-password-input-text-color); font-size: var(--van-password-input-font-size); line-height: 1.2; background: var(--van-password-input-background); } .van-password-input__security i { position: absolute; top: 50%; left: 50%; width: var(--van-password-input-dot-size); height: var(--van-password-input-dot-size); background: var(--van-password-input-dot-color); border-radius: 100%; transform: translate(-50%, -50%); visibility: hidden; } .van-password-input__cursor { position: absolute; top: 50%; left: 50%; width: var(--van-password-input-cursor-width); height: var(--van-password-input-cursor-height); background: var(--van-password-input-cursor-color); transform: translate(-50%, -50%); animation: var(--van-password-input-cursor-duration) van-cursor-flicker infinite; } @keyframes van-cursor-flicker { 0% { opacity: 0; } 50% { opacity: 1; } to { opacity: 0; } } :root { --van-progress-height: 4px; --van-progress-color: var(--van-primary-color); --van-progress-inactive-color: var(--van-gray-5); --van-progress-background: var(--van-gray-3); --van-progress-pivot-padding: 0 5px; --van-progress-pivot-text-color: var(--van-white); --van-progress-pivot-font-size: var(--van-font-size-xs); --van-progress-pivot-line-height: 1.6; --van-progress-pivot-background: var(--van-primary-color); } .van-progress { position: relative; height: var(--van-progress-height); background: var(--van-progress-background); border-radius: var(--van-progress-height); } .van-progress__portion { position: absolute; left: 0; width: 100%; height: 100%; background: var(--van-progress-color); border-radius: inherit; transform-origin: 0; transition: all var(--van-duration-base) var(--van-ease-out); } .van-progress__portion--inactive { background: var(--van-progress-inactive-color); } .van-progress__pivot { position: absolute; top: 50%; box-sizing: border-box; min-width: 3.6em; padding: var(--van-progress-pivot-padding); color: var(--van-progress-pivot-text-color); font-size: var(--van-progress-pivot-font-size); line-height: var(--van-progress-pivot-line-height); text-align: center; word-break: keep-all; background: var(--van-progress-pivot-background); border-radius: 1em; transition: all var(--van-duration-base) var(--van-ease-out); } .van-progress__pivot--inactive { background: var(--van-progress-inactive-color); } :root { --van-rolling-text-background: inherit; --van-rolling-text-color: var(--van-text-color); --van-rolling-text-font-size: var(--van-font-size-md); --van-rolling-text-gap: 0px; --van-rolling-text-item-width: 15px; --van-rolling-text-item-border-radius: 0px; } .van-rolling-text { display: inline-flex; justify-content: center; align-items: center; font-size: var(--van-rolling-text-font-size); color: var(--van-rolling-text-color); } .van-rolling-text-item { margin-right: var(--van-rolling-text-gap); width: var(--van-rolling-text-item-width); border-radius: var(--van-rolling-text-item-border-radius); background: var(--van-rolling-text-background); overflow: hidden; } .van-rolling-text-item:last-child { margin-right: 0; } .van-rolling-text-item__box { overflow: hidden; } .van-rolling-text-item__box--animate { animation: van-up var(--van-duration) ease-in-out var(--van-delay); animation-iteration-count: 1; animation-fill-mode: both; } .van-rolling-text-item__item { text-align: center; } .van-rolling-text-item--down .van-rolling-text-item__box { transform: translateY(var(--van-translate)); } .van-rolling-text-item--down .van-rolling-text-item__box--animate { animation-name: van-down; } @keyframes van-down { 0% { transform: translateY(var(--van-translate)); } to { transform: translateY(0); } } @keyframes van-up { 0% { transform: translateY(0); } to { transform: translateY(var(--van-translate)); } } :root { --van-sidebar-width: 80px; } .van-sidebar { width: var(--van-sidebar-width); overflow-y: auto; -webkit-overflow-scrolling: touch; } :root { --van-sidebar-font-size: var(--van-font-size-md); --van-sidebar-line-height: var(--van-line-height-md); --van-sidebar-text-color: var(--van-text-color); --van-sidebar-disabled-text-color: var(--van-text-color-3); --van-sidebar-padding: 20px var(--van-padding-sm); --van-sidebar-active-color: var(--van-active-color); --van-sidebar-background: var(--van-background); --van-sidebar-selected-font-weight: var(--van-font-bold); --van-sidebar-selected-text-color: var(--van-text-color); --van-sidebar-selected-border-width: 4px; --van-sidebar-selected-border-height: 16px; --van-sidebar-selected-border-color: var(--van-primary-color); --van-sidebar-selected-background: var(--van-background-2); } .van-sidebar-item { position: relative; display: block; box-sizing: border-box; padding: var(--van-sidebar-padding); overflow: hidden; color: var(--van-sidebar-text-color); font-size: var(--van-sidebar-font-size); line-height: var(--van-sidebar-line-height); background: var(--van-sidebar-background); cursor: pointer; -webkit-user-select: none; user-select: none; } .van-sidebar-item:active { background-color: var(--van-sidebar-active-color); } .van-sidebar-item:not(:last-child):after { border-bottom-width: 1px; } .van-sidebar-item__text { word-break: break-all; } .van-sidebar-item--select { color: var(--van-sidebar-selected-text-color); font-weight: var(--van-sidebar-selected-font-weight); } .van-sidebar-item--select, .van-sidebar-item--select:active { background-color: var(--van-sidebar-selected-background); } .van-sidebar-item--select:before { position: absolute; top: 50%; left: 0; width: var(--van-sidebar-selected-border-width); height: var(--van-sidebar-selected-border-height); background-color: var(--van-sidebar-selected-border-color); transform: translateY(-50%); content: ""; } .van-sidebar-item--disabled { color: var(--van-sidebar-disabled-text-color); cursor: not-allowed; } .van-sidebar-item--disabled:active { background-color: var(--van-sidebar-background); } :root { --van-tree-select-font-size: var(--van-font-size-md); --van-tree-select-nav-background: var(--van-background); --van-tree-select-content-background: var(--van-background-2); --van-tree-select-nav-item-padding: 14px var(--van-padding-sm); --van-tree-select-item-height: 48px; --van-tree-select-item-active-color: var(--van-primary-color); --van-tree-select-item-disabled-color: var(--van-gray-5); --van-tree-select-item-selected-size: 16px; } .van-tree-select { position: relative; display: flex; font-size: var(--van-tree-select-font-size); } .van-tree-select__nav { flex: 1; overflow-y: auto; background: var(--van-tree-select-nav-background); -webkit-overflow-scrolling: touch; } .van-tree-select__nav-item { padding: var(--van-tree-select-nav-item-padding); } .van-tree-select__content { flex: 2; overflow-y: auto; background: var(--van-tree-select-content-background); -webkit-overflow-scrolling: touch; } .van-tree-select__item { position: relative; padding: 0 32px 0 var(--van-padding-md); font-weight: var(--van-font-bold); line-height: var(--van-tree-select-item-height); -webkit-user-select: none; user-select: none; cursor: pointer; } .van-tree-select__item--active { color: var(--van-tree-select-item-active-color); } .van-tree-select__item:active { background-color: var(--van-active-color); } .van-tree-select__item--disabled { color: var(--van-tree-select-item-disabled-color); cursor: not-allowed; } .van-tree-select__item--disabled:active { background-color: transparent; } .van-tree-select__selected { position: absolute; top: 50%; right: var(--van-padding-md); margin-top: calc(var(--van-padding-xs) * -1); font-size: var(--van-tree-select-item-selected-size); } :root { --van-skeleton-title-width: 40%; } .van-skeleton-title { height: var(--van-skeleton-paragraph-height); background: var(--van-skeleton-paragraph-background); } .van-skeleton-title--round { border-radius: var(--van-radius-max); } .van-skeleton-title { width: var(--van-skeleton-title-width); margin: 0; } .van-skeleton-title + .van-skeleton-paragraph { margin-top: 20px; } :root { --van-skeleton-avatar-size: 32px; --van-skeleton-avatar-background: var(--van-active-color); } .van-skeleton-avatar { flex-shrink: 0; width: var(--van-skeleton-avatar-size); height: var(--van-skeleton-avatar-size); margin-right: var(--van-padding-md); background: var(--van-skeleton-avatar-background); } .van-skeleton-avatar--round { border-radius: var(--van-radius-max); } .van-skeleton-avatar + .van-skeleton__content { padding-top: var(--van-padding-xs); } :root { --van-skeleton-paragraph-height: 16px; --van-skeleton-paragraph-background: var(--van-active-color); --van-skeleton-paragraph-margin-top: var(--van-padding-sm); } .van-skeleton-paragraph { height: var(--van-skeleton-paragraph-height); background: var(--van-skeleton-paragraph-background); } .van-skeleton-paragraph--round { border-radius: var(--van-radius-max); } .van-skeleton-paragraph:not(:first-child) { margin-top: var(--van-skeleton-paragraph-margin-top); } :root { --van-skeleton-duration: 1.2s; } .van-skeleton { display: flex; padding: 0 var(--van-padding-md); } .van-skeleton__content { width: 100%; } .van-skeleton--animate { animation: van-skeleton-blink var(--van-skeleton-duration) ease-in-out infinite; } @keyframes van-skeleton-blink { 50% { opacity: 0.6; } } :root { --van-slider-active-background: var(--van-primary-color); --van-slider-inactive-background: var(--van-gray-3); --van-slider-disabled-opacity: var(--van-disabled-opacity); --van-slider-bar-height: 2px; --van-slider-button-width: 24px; --van-slider-button-height: 24px; --van-slider-button-radius: 50%; --van-slider-button-background: var(--van-white); --van-slider-button-shadow: 0 1px 2px rgba(0, 0, 0, 0.5); } .van-theme-dark { --van-slider-inactive-background: var(--van-background-3); } .van-slider { position: relative; width: 100%; height: var(--van-slider-bar-height); background: var(--van-slider-inactive-background); border-radius: var(--van-radius-max); cursor: pointer; } .van-slider:before { position: absolute; top: calc(var(--van-padding-xs) * -1); right: 0; bottom: calc(var(--van-padding-xs) * -1); left: 0; content: ""; } .van-slider__bar { position: absolute; width: 100%; height: 100%; background: var(--van-slider-active-background); border-radius: inherit; transition: all var(--van-duration-fast); } .van-slider__button { width: var(--van-slider-button-width); height: var(--van-slider-button-height); background: var(--van-slider-button-background); border-radius: var(--van-slider-button-radius); box-shadow: var(--van-slider-button-shadow); } .van-slider__button-wrapper { position: absolute; cursor: -webkit-grab; cursor: grab; top: 50%; } .van-slider__button-wrapper--right { right: 0; transform: translate3d(50%, -50%, 0); } .van-slider__button-wrapper--left { left: 0; transform: translate3d(-50%, -50%, 0); } .van-slider--disabled { cursor: not-allowed; opacity: var(--van-slider-disabled-opacity); } .van-slider--disabled .van-slider__button-wrapper { cursor: not-allowed; } .van-slider--vertical { display: inline-block; width: var(--van-slider-bar-height); height: 100%; } .van-slider--vertical .van-slider__button-wrapper--right { top: auto; right: 50%; bottom: 0; transform: translate3d(50%, 50%, 0); } .van-slider--vertical .van-slider__button-wrapper--left { top: 0; right: 50%; left: auto; transform: translate3d(50%, -50%, 0); } .van-slider--vertical:before { top: 0; right: calc(var(--van-padding-xs) * -1); bottom: 0; left: calc(var(--van-padding-xs) * -1); } .van-space { display: inline-flex; } .van-space--horizontal .van-space-item { display: flex; align-items: center; } .van-space--vertical { flex-direction: column; } .van-space--align-baseline { align-items: baseline; } .van-space--align-start { align-items: flex-start; } .van-space--align-end { align-items: flex-end; } .van-space--align-center { align-items: center; } .van-space--wrap { flex-wrap: wrap; } .van-space--fill { display: flex; } :root { --van-steps-background: var(--van-background-2); } .van-steps { overflow: hidden; background-color: var(--van-steps-background); } .van-steps--horizontal { padding: 10px 10px 0; } .van-steps--horizontal .van-steps__items { position: relative; display: flex; margin: 0 0 10px; padding-bottom: 22px; } .van-steps--vertical { padding: 0 0 0 var(--van-padding-xl); } :root { --van-step-text-color: var(--van-text-color-2); --van-step-active-color: var(--van-primary-color); --van-step-process-text-color: var(--van-text-color); --van-step-font-size: var(--van-font-size-md); --van-step-line-color: var(--van-border-color); --van-step-finish-line-color: var(--van-primary-color); --van-step-finish-text-color: var(--van-text-color); --van-step-icon-size: 12px; --van-step-circle-size: 5px; --van-step-circle-color: var(--van-gray-6); --van-step-horizontal-title-font-size: var(--van-font-size-sm); } .van-step { position: relative; flex: 1; color: var(--van-step-text-color); font-size: var(--van-step-font-size); } .van-step__circle { display: block; width: var(--van-step-circle-size); height: var(--van-step-circle-size); background-color: var(--van-step-circle-color); border-radius: 50%; } .van-step__line { position: absolute; background-color: var(--van-step-line-color); transition: background-color var(--van-duration-base); } .van-step--horizontal { float: left; } .van-step--horizontal:first-child .van-step__title { margin-left: 0; transform: none; } .van-step--horizontal:last-child:not(:first-child) { position: absolute; right: 1px; width: auto; } .van-step--horizontal:last-child:not(:first-child) .van-step__title { margin-left: 0; transform: none; } .van-step--horizontal:last-child:not(:first-child) .van-step__circle-container { right: -9px; left: auto; } .van-step--horizontal .van-step__circle-container { position: absolute; top: 30px; left: calc(var(--van-padding-xs) * -1); z-index: 1; padding: 0 var(--van-padding-xs); background-color: var(--van-background-2); transform: translateY(-50%); } .van-step--horizontal .van-step__title { display: inline-block; margin-left: 3px; font-size: var(--van-step-horizontal-title-font-size); transform: translate(-50%); } .van-step--horizontal .van-step__line { top: 30px; left: 0; width: 100%; height: 1px; } .van-step--horizontal .van-step__icon { display: block; font-size: var(--van-step-icon-size); } .van-step--horizontal .van-step--process { color: var(--van-step-process-text-color); } .van-step--vertical { display: block; float: none; padding: 10px 10px 10px 0; line-height: var(--van-line-height-sm); } .van-step--vertical:not(:last-child):after { border-bottom-width: 1px; } .van-step--vertical .van-step__circle-container { position: absolute; top: 19px; left: -15px; z-index: 1; font-size: var(--van-step-icon-size); line-height: 1; transform: translate(-50%, -50%); } .van-step--vertical .van-step__line { top: 16px; left: -15px; width: 1px; height: 100%; } .van-step:last-child .van-step__line { width: 0; } .van-step--finish { color: var(--van-step-finish-text-color); } .van-step--finish .van-step__circle, .van-step--finish .van-step__line { background-color: var(--van-step-finish-line-color); } .van-step__icon, .van-step__title { transition: color var(--van-duration-base); } .van-step__icon--active, .van-step__title--active, .van-step__icon--finish, .van-step__title--finish { color: var(--van-step-active-color); } :root { --van-stepper-background: var(--van-active-color); --van-stepper-button-icon-color: var(--van-text-color); --van-stepper-button-disabled-color: var(--van-background); --van-stepper-button-disabled-icon-color: var(--van-gray-5); --van-stepper-button-round-theme-color: var(--van-primary-color); --van-stepper-input-width: 32px; --van-stepper-input-height: 28px; --van-stepper-input-font-size: var(--van-font-size-md); --van-stepper-input-line-height: normal; --van-stepper-input-text-color: var(--van-text-color); --van-stepper-input-disabled-text-color: var(--van-text-color-3); --van-stepper-input-disabled-background: var(--van-active-color); --van-stepper-radius: var(--van-radius-md); } .van-stepper { display: inline-block; -webkit-user-select: none; user-select: none; } .van-stepper__minus, .van-stepper__plus { position: relative; box-sizing: border-box; width: var(--van-stepper-input-height); height: var(--van-stepper-input-height); margin: 0; padding: 0; color: var(--van-stepper-button-icon-color); vertical-align: middle; background: var(--van-stepper-background); border: 0; } .van-stepper__minus:before, .van-stepper__plus:before { width: 50%; height: 1px; } .van-stepper__minus:after, .van-stepper__plus:after { width: 1px; height: 50%; } .van-stepper__minus:before, .van-stepper__plus:before, .van-stepper__minus:after, .van-stepper__plus:after { position: absolute; top: 50%; left: 50%; background-color: currentColor; transform: translate(-50%, -50%); content: ""; } .van-stepper__minus--disabled, .van-stepper__plus--disabled { color: var(--van-stepper-button-disabled-icon-color); background-color: var(--van-stepper-button-disabled-color); cursor: not-allowed; } .van-stepper__minus { border-radius: var(--van-stepper-radius) 0 0 var(--van-stepper-radius); } .van-stepper__minus:after { display: none; } .van-stepper__plus { border-radius: 0 var(--van-stepper-radius) var(--van-stepper-radius) 0; } .van-stepper__input { box-sizing: border-box; width: var(--van-stepper-input-width); height: var(--van-stepper-input-height); margin: 0 2px; padding: 0; color: var(--van-stepper-input-text-color); font-size: var(--van-stepper-input-font-size); line-height: var(--van-stepper-input-line-height); text-align: center; vertical-align: middle; background: var(--van-stepper-background); border: 0; border-width: 1px 0; border-radius: 0; -webkit-appearance: none; } .van-stepper__input:disabled { color: var(--van-stepper-input-disabled-text-color); background-color: var(--van-stepper-input-disabled-background); -webkit-text-fill-color: var(--van-stepper-input-disabled-text-color); opacity: 1; } .van-stepper__input:read-only { cursor: default; } .van-stepper--round .van-stepper__input { background-color: transparent; } .van-stepper--round .van-stepper__plus, .van-stepper--round .van-stepper__minus { border-radius: 100%; } .van-stepper--round .van-stepper__plus--disabled, .van-stepper--round .van-stepper__minus--disabled { opacity: 0.3; cursor: not-allowed; } .van-stepper--round .van-stepper__plus { color: var(--van-white); background: var(--van-stepper-button-round-theme-color); } .van-stepper--round .van-stepper__minus { color: var(--van-stepper-button-round-theme-color); background-color: var(--van-background-2); border: 1px solid var(--van-stepper-button-round-theme-color); } .van-swipe-cell { position: relative; overflow: hidden; cursor: -webkit-grab; cursor: grab; } .van-swipe-cell__wrapper { transition-timing-function: cubic-bezier(0.18, 0.89, 0.32, 1); transition-property: transform; } .van-swipe-cell__left, .van-swipe-cell__right { position: absolute; top: 0; height: 100%; } .van-swipe-cell__left { left: 0; transform: translate3d(-100%, 0, 0); } .van-swipe-cell__right { right: 0; transform: translate3d(100%, 0, 0); } :root { --van-tabbar-height: 50px; --van-tabbar-z-index: 1; --van-tabbar-background: var(--van-background-2); } .van-tabbar { z-index: var(--van-tabbar-z-index); display: flex; box-sizing: content-box; width: 100%; height: var(--van-tabbar-height); background: var(--van-tabbar-background); } .van-tabbar--fixed { position: fixed; bottom: 0; left: 0; } :root { --van-tabbar-item-font-size: var(--van-font-size-sm); --van-tabbar-item-text-color: var(--van-text-color); --van-tabbar-item-active-color: var(--van-primary-color); --van-tabbar-item-active-background: var(--van-background-2); --van-tabbar-item-line-height: 1; --van-tabbar-item-icon-size: 22px; --van-tabbar-item-icon-margin-bottom: var(--van-padding-base); } .van-tabbar-item { display: flex; flex: 1; flex-direction: column; align-items: center; justify-content: center; color: var(--van-tabbar-item-text-color); font-size: var(--van-tabbar-item-font-size); line-height: var(--van-tabbar-item-line-height); cursor: pointer; } .van-tabbar-item__icon { margin-bottom: var(--van-tabbar-item-icon-margin-bottom); font-size: var(--van-tabbar-item-icon-size); } .van-tabbar-item__icon .van-icon { display: block; } .van-tabbar-item__icon .van-badge { margin-top: var(--van-padding-base); } .van-tabbar-item__icon img { display: block; height: 20px; } .van-tabbar-item--active { color: var(--van-tabbar-item-active-color); background-color: var(--van-tabbar-item-active-background); } :root { --van-text-ellipsis-line-height: 1.6; --van-text-ellipsis-action-color: var(--van-blue); } .van-text-ellipsis { line-height: var(--van-text-ellipsis-line-height); white-space: pre-wrap; word-break: break-word; } .van-text-ellipsis__action { cursor: pointer; color: var(--van-text-ellipsis-action-color); } .van-text-ellipsis__action:active { opacity: var(--van-active-opacity); } :root { --van-watermark-z-index: 100; } .van-watermark { position: absolute; height: 100%; width: 100%; left: 0; top: 0; z-index: var(--van-watermark-z-index); background-repeat: repeat; pointer-events: none; } .van-watermark__wrapper { display: none; } .van-watermark--full { position: fixed; } .nutbig-turntable { position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); text-align: center; overflow: hidden; } .nutbig-turntable .pointer { position: absolute; left: 50%; top: 50%; z-index: 99; -webkit-transform: translate(-43.75%, -50%); transform: translate(-43.75%, -50%); } .nutbig-turntable .drawTable-name { position: absolute; left: 10px; top: 20px; width: calc(100% - 20px); font-size: 12px; text-align: center; color: #ff5722; } .nutbig-turntable .drawTable-img { position: absolute; left: calc(50% - 15px); top: 60px; width: 30px; height: 30px; } .nutbig-turntable .drawTable-img img { display: inline-block; width: 100%; height: 100%; } .nutbig-turntable .turntable { position: absolute; left: 0; top: 0; width: 100%; height: 100%; } .nutbig-turntable .turntable #canvasWx { width: 100%; height: 100%; } .nutbig-turntable .turntable .mlcanvas { height: 50% !important; margin-top: 25%; } .nutbig-turntable .turntable .mlcanvas canvas { -webkit-transform: scale(2); transform: scale(2); } .nutbig-turntable .prize { position: absolute; left: 25%; top: 0; width: 50%; height: 50%; } .nutbig-turntable .prize .item { position: absolute; left: 0; top: 0; width: 100%; height: 100%; -webkit-transform-origin: center bottom; transform-origin: center bottom; } .nutbig-marquee { position: relative; 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; width: 300px; height: 300px; margin: 0 auto; border-radius: 8px; } .nutbig-marquee .bgContent { position: absolute; width: 100%; height: 100%; } .nutbig-marquee .marqueeBg { position: absolute; width: 100%; height: 100%; background: url(https://img10.360buyimg.com/imagetools/jfs/t1/189406/15/21216/26045/61309346E9aa7922b/5dc34e22d3a7bb0e.png) no-repeat center; background-size: 100% 100%; } .nutbig-marquee .start { position: relative; top: -5px; left: -2px; width: 75px; height: 75px; background: url(https://img13.360buyimg.com/imagetools/jfs/t1/205479/17/4245/32041/61309346E02bd3b6b/b41be60bedbb1e69.png) no-repeat center; background-size: 100% 100%; } .nutbig-marquee .disabledDraw { background: url(https://img10.360buyimg.com/imagetools/jfs/t1/193040/14/21217/16320/61309346E6569e270/36e45126a5f1fc9c.png) no-repeat center; background-size: 100% 100%; } .nutbig-marquee ul { margin: 0; padding: 0; } .nutbig-marquee ul li { list-style: none; position: absolute; width: 75px; height: 75px; background: url(https://img10.360buyimg.com/imagetools/jfs/t1/187454/31/21425/27854/61309346E7c791c2c/a12649fbffb63a34.png) no-repeat center; background-size: 100% 100%; } .nutbig-marquee ul li .gift-img { margin: 8px auto; width: 35px; height: 35px; } .nutbig-marquee ul li .gift-img img { width: 100%; height: 100%; } .nutbig-marquee ul li .desc { display: block; max-width: 70px; margin: 0 auto; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; text-align: center; font-size: 12px; font-weight: 500; color: #fff; } .nutbig-marquee ul .gift-1, .nutbig-marquee ul .gift-2, .nutbig-marquee ul .gift-3 { top: 25px; } .nutbig-marquee ul .gift-1 { left: 15px; } .nutbig-marquee ul .gift-2 { left: 110px; } .nutbig-marquee ul .gift-3 { left: 205px; } .nutbig-marquee ul .gift-4, .nutbig-marquee ul .gift-8 { top: 110px; } .nutbig-marquee ul .gift-4 { left: 205px; } .nutbig-marquee ul .gift-8 { left: 15px; } .nutbig-marquee ul .gift-5, .nutbig-marquee ul .gift-6, .nutbig-marquee ul .gift-7 { top: 190px; } .nutbig-marquee ul .gift-5 { left: 205px; } .nutbig-marquee ul .gift-6 { left: 110px; } .nutbig-marquee ul .gift-7 { left: 15px; } .nutbig-marquee ul .active { background: url(https://img10.360buyimg.com/imagetools/jfs/t1/189406/15/21216/26045/61309346E9aa7922b/5dc34e22d3a7bb0e.png) no-repeat center; background-size: 100% 100%; } .nutbig-squarenine { height: 357px; width: 100%; -ms-flex-negative: 0; flex-shrink: 0; overflow: auto; 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; padding: 12px; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-perspective: 1000; perspective: 1000; } .nutbig-squarenine .nine-ninegrid__item { position: relative; width: 103px; height: 103px; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; } .nutbig-squarenine .nine-ninegrid__item:nth-child(5) { z-index: 11; } .nutbig-squarenine .nine-ninegrid__item .front, .nutbig-squarenine .nine-ninegrid__item .back { position: absolute; top: 0; left: 0; right: 0; bottom: 0; border-radius: 8px; padding: 9px 8px 0; overflow: hidden; -webkit-backface-visibility: hidden; backface-visibility: hidden; background-image: -webkit-gradient( linear, left top, left bottom, from(#ffefd1), to(#ffc8a4) ); background-image: linear-gradient(#ffefd1, #ffc8a4); -webkit-transition: 1s; transition: 1s; -webkit-transform-style: preserve-3d; transform-style: preserve-3d; 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-align: center; -ms-flex-align: center; align-items: center; } .nutbig-squarenine .nine-ninegrid__item .front > p, .nutbig-squarenine .nine-ninegrid__item .back > p { width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-family: PingFangSC-Medium; text-align: center; font-size: 13px; height: 15px; margin-bottom: 3px; color: #2e2d2d; -ms-flex-negative: 0; flex-shrink: 0; } .nutbig-squarenine .nine-ninegrid__item .front .nut-price, .nutbig-squarenine .nine-ninegrid__item .back .nut-price { height: 40px; } .nutbig-squarenine .nine-ninegrid__item .front .nut-price > span, .nutbig-squarenine .nine-ninegrid__item .back .nut-price > span { font-family: PingFangSC-Medium; font-size: 10px !important; color: #f91232 !important; } .nutbig-squarenine .nine-ninegrid__item .front .nut-price > span.price-big, .nutbig-squarenine .nine-ninegrid__item .back .nut-price > span.price-big { font-size: 16px !important; } .nutbig-squarenine .nine-ninegrid__item .front > img, .nutbig-squarenine .nine-ninegrid__item .back > img { width: 71px; height: 71px; -ms-flex-negative: 0; flex-shrink: 0; } .nutbig-squarenine .nine-ninegrid__item .front { z-index: 2; padding: 0; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-transform: rotateY(0deg); transform: rotateY(0); } .nutbig-squarenine .nine-ninegrid__item .back { -webkit-transform: rotateY(-180deg); transform: rotateY(-180deg); } .nutbig-squarenine .nine-ninegrid__item.active .front { -webkit-transform: rotateY(180deg); transform: rotateY(180deg); } .nutbig-squarenine .nine-ninegrid__item.active .back { -webkit-transform: rotateY(0deg); transform: rotateY(0); } .nutbig-squarenine .nine-ninegrid__item .nine-ninegrid__item__center { border-radius: 8px; overflow: hidden; background-image: -webkit-gradient( linear, left top, left bottom, from(#ff733e), to(#ff4e57) ); background-image: linear-gradient(#ff733e, #ff4e57); border: 1px solid #ffa07c; width: 100%; height: 100%; 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-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-sizing: border-box; box-sizing: border-box; } .nutbig-squarenine .nine-ninegrid__item .nine-ninegrid__item__center > img { width: 15px; height: 16px; } .nutbig-squarenine .nine-ninegrid__item .nine-ninegrid__item__center > img.rotate { -webkit-animation-name: box-rotate; animation-name: box-rotate; -webkit-animation-duration: 1s; animation-duration: 1s; } .nutbig-squarenine .nine-ninegrid__item .nine-ninegrid__item__center > span { font-family: PingFangSC-Medium; font-size: 16px; color: #ffd4a7; } .nutbig-squarenine .nine-ninegrid__item .nine-ninegrid__item__center > p { font-family: PingFangSC-Medium; font-size: 12px; color: #ffd4a7; } @-webkit-keyframes box-rotate { 0% { -webkit-transform: translate(0px, 0px) rotate(0deg); transform: translate(0) rotate(0); } to { -webkit-transform: translate(0px, 0px) rotate(360deg); transform: translate(0) rotate(360deg); } } @keyframes box-rotate { 0% { -webkit-transform: translate(0px, 0px) rotate(0deg); transform: translate(0) rotate(0); } to { -webkit-transform: translate(0px, 0px) rotate(360deg); transform: translate(0) rotate(360deg); } } .nutbig-scratch-card { position: relative; } .nutbig-scratch-card .nut-cover { position: absolute; top: 0; left: 0; } .nutbig-scratch-card .scratchcard-content { 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; height: 100%; width: 100%; line-height: 100%; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .giftbox-wraper { display: block; padding: 5px; background: url(https://img10.360buyimg.com/imagetools/jfs/t1/80308/16/17542/310729/613b20a9Ef0a4b640/85977b5e747213ca.png) no-repeat; background-size: 100% 100%; } .gift-box { position: relative; display: block; width: 300px; height: 200px; margin: 110px auto 0; } .gift-box .gBox { position: absolute; } .gift-box .gift-box-1 { top: 20%; left: 50%; z-index: 120; margin: -11% 0 0 -32%; width: 63%; height: 35%; background: url(https://img11.360buyimg.com/imagetools/jfs/t1/79939/3/16076/28752/613b1610Edbfa9502/16bdec9244e231b0.png) no-repeat; background-size: 100% 100%; background-position: center center; -webkit-transition: all linear 0.6s; transition: all linear 0.6s; } .gift-box .gift-box-1-open { margin: -26% 0 0 -27%; -webkit-transform: rotateZ(22deg); transform: rotate(22deg); } .gift-box .gift-box-2 { top: 55%; left: 50%; z-index: 10; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 60%; height: 60%; background: url(https://img14.360buyimg.com/imagetools/jfs/t1/67459/8/17031/35435/613b1611E14f88d6d/276574386be58ddd.png) no-repeat; background-size: 100% 100%; background-position: center center; } .gift-box .gift-box-3 { top: 0; left: 50%; z-index: 5; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 100%; height: 100%; background: url(https://img12.360buyimg.com/imagetools/jfs/t1/206640/13/170/107814/613b1611E104d998f/0f570d559327b701.png) no-repeat; background-size: 100% 100%; background-position: center center; opacity: 0; -webkit-transition: all 0.3s linear 0.4s; transition: all 0.3s linear 0.4s; } .gift-box .gift-box-3-open { opacity: 1; } @-webkit-keyframes nutFadeIn-cee5f8fe { 0% { opacity: 0; } to { opacity: 1; } } @keyframes nutFadeIn-cee5f8fe { 0% { opacity: 0; } to { opacity: 1; } } @-webkit-keyframes nutFadeOut-cee5f8fe { 0% { opacity: 1; } to { opacity: 0; } } @keyframes nutFadeOut-cee5f8fe { 0% { opacity: 1; } to { opacity: 0; } } .nutFade-enter-active[data-v-cee5f8fe], .nutFadeIn[data-v-cee5f8fe], .nutFade-leave-active[data-v-cee5f8fe], .nutFadeOut[data-v-cee5f8fe] { -webkit-animation-duration: 0.25s; animation-duration: 0.25s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53); animation-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53); } .nutFade-enter-active[data-v-cee5f8fe], .nutFadeIn[data-v-cee5f8fe] { -webkit-animation-name: nutFadeIn-cee5f8fe; animation-name: nutFadeIn-cee5f8fe; } .nutFade-leave-active[data-v-cee5f8fe], .nutFadeOut[data-v-cee5f8fe] { -webkit-animation-name: nutFadeOut-cee5f8fe; animation-name: nutFadeOut-cee5f8fe; } @-webkit-keyframes nutZoomIn-cee5f8fe { 0% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 50% { opacity: 1; } } @keyframes nutZoomIn-cee5f8fe { 0% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 50% { opacity: 1; } } @-webkit-keyframes nutZoomOut-cee5f8fe { 0% { opacity: 1; } 50% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } to { opacity: 0; } } @keyframes nutZoomOut-cee5f8fe { 0% { opacity: 1; } 50% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } to { opacity: 0; } } .nutZoom-enter-active[data-v-cee5f8fe], .nutZoomIn[data-v-cee5f8fe], .nutZoom-leave-active[data-v-cee5f8fe], .nutZoomOut[data-v-cee5f8fe] { -webkit-animation-duration: 0.25s; animation-duration: 0.25s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53); animation-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53); } .nutZoom-enter-active[data-v-cee5f8fe], .nutZoomIn[data-v-cee5f8fe] { -webkit-animation-name: nutZoomIn-cee5f8fe; animation-name: nutZoomIn-cee5f8fe; } .nutZoom-leave-active[data-v-cee5f8fe], .nutZoomOut[data-v-cee5f8fe] { -webkit-animation-name: nutZoomOut-cee5f8fe; animation-name: nutZoomOut-cee5f8fe; } @-webkit-keyframes nutEaseIn-cee5f8fe { 0% { opacity: 0; -webkit-transform: scale(0.9); transform: scale(0.9); } to { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } } @keyframes nutEaseIn-cee5f8fe { 0% { opacity: 0; -webkit-transform: scale(0.9); transform: scale(0.9); } to { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } } @-webkit-keyframes nutEaseOut-cee5f8fe { 0% { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } to { opacity: 0; -webkit-transform: scale(0.9); transform: scale(0.9); } } @keyframes nutEaseOut-cee5f8fe { 0% { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } to { opacity: 0; -webkit-transform: scale(0.9); transform: scale(0.9); } } .nutEase-enter-active[data-v-cee5f8fe], .nutEaseIn[data-v-cee5f8fe], .nutEase-leave-active[data-v-cee5f8fe], .nutEaseOut[data-v-cee5f8fe] { -webkit-animation-duration: 0.25s; animation-duration: 0.25s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53); animation-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53); } .nutEase-enter-active[data-v-cee5f8fe], .nutEaseIn[data-v-cee5f8fe] { -webkit-animation-name: nutEaseIn-cee5f8fe; animation-name: nutEaseIn-cee5f8fe; } .nutEase-leave-active[data-v-cee5f8fe], .nutEaseOut[data-v-cee5f8fe] { -webkit-animation-name: nutEaseOut-cee5f8fe; animation-name: nutEaseOut-cee5f8fe; } @-webkit-keyframes nutDropIn-cee5f8fe { 0% { opacity: 0; -webkit-transform: scaleY(0.8); transform: scaleY(0.8); } to { opacity: 1; -webkit-transform: scaleY(1); transform: scaleY(1); } } @keyframes nutDropIn-cee5f8fe { 0% { opacity: 0; -webkit-transform: scaleY(0.8); transform: scaleY(0.8); } to { opacity: 1; -webkit-transform: scaleY(1); transform: scaleY(1); } } @-webkit-keyframes nutDropOut-cee5f8fe { 0% { opacity: 1; -webkit-transform: scaleY(1); transform: scaleY(1); } to { opacity: 0; -webkit-transform: scaleY(0.8); transform: scaleY(0.8); } } @keyframes nutDropOut-cee5f8fe { 0% { opacity: 1; -webkit-transform: scaleY(1); transform: scaleY(1); } to { opacity: 0; -webkit-transform: scaleY(0.8); transform: scaleY(0.8); } } .nutDrop-enter-active[data-v-cee5f8fe], .nutDropIn[data-v-cee5f8fe], .nutDrop-leave-active[data-v-cee5f8fe], .nutDropOut[data-v-cee5f8fe] { -webkit-animation-duration: 0.25s; animation-duration: 0.25s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53); animation-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53); } .nutDrop-enter-active[data-v-cee5f8fe], .nutDropIn[data-v-cee5f8fe] { -webkit-animation-name: nutDropIn-cee5f8fe; animation-name: nutDropIn-cee5f8fe; } .nutDrop-leave-active[data-v-cee5f8fe], .nutDropOut[data-v-cee5f8fe] { -webkit-animation-name: nutDropOut-cee5f8fe; animation-name: nutDropOut-cee5f8fe; } @-webkit-keyframes rotation-cee5f8fe { 0% { -webkit-transform: rotate(0deg); } to { -webkit-transform: rotate(360deg); } } @keyframes rotation-cee5f8fe { 0% { -webkit-transform: rotate(0deg); } to { -webkit-transform: rotate(360deg); } } .nutRotate-enter-active[data-v-cee5f8fe], .nutRotateIn[data-v-cee5f8fe], .nutRotate-leave-active[data-v-cee5f8fe], .nutRotateOut[data-v-cee5f8fe] { -webkit-animation-duration: 0.25s; animation-duration: 0.25s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53); animation-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53); } .nutRotate-enter-active[data-v-cee5f8fe], .nutRotateIn[data-v-cee5f8fe] { -webkit-animation-name: nutRotateIn; animation-name: nutRotateIn; } .nutRotate-leave-active[data-v-cee5f8fe], .nutRotateOut[data-v-cee5f8fe] { -webkit-animation-name: nutRotateOut; animation-name: nutRotateOut; } .nutbig-lotto-roll[data-v-cee5f8fe] { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; width: 100%; } .nutbig-lotto-roll .lotto-roll-wrap[data-v-cee5f8fe] { float: left; width: 100px; height: 100px; } .nutbig-lotto-roll .lotto-roll-content[data-v-cee5f8fe] { width: 100%; height: 100%; overflow: hidden; } .nutbig-lotto-roll .lotto-roll-content .lotto-wrap[data-v-cee5f8fe], .nutbig-lotto-roll .lotto-roll-content .lotto-item[data-v-cee5f8fe], .nutbig-lotto-roll .lotto-roll-content .lotto-item-image[data-v-cee5f8fe], .nutbig-lotto-roll .lotto-roll-content .lotto-item-img[data-v-cee5f8fe] { width: 100%; height: 100%; } .nutbig-lotto-roll .lotto-roll-content .lotto-item-content[data-v-cee5f8fe] { margin: auto; width: 100%; height: 100%; text-align: center; color: #fff; } .nutbig-hiteggs { width: 100%; -ms-flex-negative: 0; flex-shrink: 0; background-size: 100% 100%; overflow: hidden; 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; padding: 25px; -webkit-box-sizing: border-box; box-sizing: border-box; } .nutbig-hiteggs .nut-eggs-item { margin-bottom: 20px; position: relative; width: 80px; height: 80px; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; } .nutbig-hiteggs .nut-eggs-item .intactImg { position: absolute; bottom: 0; left: 0; -webkit-animation: move 2s 0s infinite; animation: move 2s 0s infinite; } .nutbig-hiteggs .nut-eggs-item .intactImg.hide { opacity: 0; } .nutbig-hiteggs .nut-eggs-item .splitImg { position: absolute; left: 0; bottom: 0; } .nutbig-hiteggs .nut-eggs-item > img { width: 100%; } .nutbig-hiteggs .nut-eggs-item .hammer { width: 50px; position: absolute; top: -15px; right: -18px; -webkit-transform: rotate(10deg); transform: rotate(10deg); } @-webkit-keyframes move { 0%, 65% { -webkit-transform: rotate(0deg); transform: rotate(0); } 70% { -webkit-transform: rotate(6deg); transform: rotate(6deg); } 75% { -webkit-transform: rotate(-6deg); transform: rotate(-6deg); } 80% { -webkit-transform: rotate(6deg); transform: rotate(6deg); } 85% { -webkit-transform: rotate(-6deg); transform: rotate(-6deg); } 90% { -webkit-transform: rotate(6deg); transform: rotate(6deg); } 95% { -webkit-transform: rotate(-6deg); transform: rotate(-6deg); } to { -webkit-transform: rotate(0deg); transform: rotate(0); } } @keyframes move { 0%, 65% { -webkit-transform: rotate(0deg); transform: rotate(0); } 70% { -webkit-transform: rotate(6deg); transform: rotate(6deg); } 75% { -webkit-transform: rotate(-6deg); transform: rotate(-6deg); } 80% { -webkit-transform: rotate(6deg); transform: rotate(6deg); } 85% { -webkit-transform: rotate(-6deg); transform: rotate(-6deg); } 90% { -webkit-transform: rotate(6deg); transform: rotate(6deg); } 95% { -webkit-transform: rotate(-6deg); transform: rotate(-6deg); } to { -webkit-transform: rotate(0deg); transform: rotate(0); } } @-webkit-keyframes shake-rotate { 0% { -webkit-transform: rotate(10deg); transform: rotate(10deg); } 20% { -webkit-transform: rotate(30deg); transform: rotate(30deg); } 40% { -webkit-transform: rotate(50deg); transform: rotate(50deg); } 60% { -webkit-transform: rotate(50deg); transform: rotate(50deg); } 80% { -webkit-transform: rotate(30deg); transform: rotate(30deg); } to { -webkit-transform: rotate(10deg); transform: rotate(10deg); } } @keyframes shake-rotate { 0% { -webkit-transform: rotate(10deg); transform: rotate(10deg); } 20% { -webkit-transform: rotate(30deg); transform: rotate(30deg); } 40% { -webkit-transform: rotate(50deg); transform: rotate(50deg); } 60% { -webkit-transform: rotate(50deg); transform: rotate(50deg); } 80% { -webkit-transform: rotate(30deg); transform: rotate(30deg); } to { -webkit-transform: rotate(10deg); transform: rotate(10deg); } } .nutbig-giftrain { margin-top: 30px; background: #ffffff; overflow: hidden; position: relative; } .nutbig-giftrain .nutbig-giftrain-content-rainimg { position: absolute; } .nutbig-luckshake { position: relative; width: 100%; padding-top: 210px; } .nutbig-luckshake .shake-box { margin: 0 auto; } .nutbig-luckshake .shake-box-img { position: relative; width: 188px; height: 166px; margin: 0 auto; text-align: center; font-size: 0; } .nutbig-luckshake .shake-box-img .img-top, .nutbig-luckshake .shake-box-img .img-bottom { position: relative; width: 130px; height: 71px; z-index: 2; } .nutbig-luckshake .shake-box-img .img-left, .nutbig-luckshake .shake-box-img .img-right { position: absolute; width: 30px; -webkit-transform-origin: 100% 32%; transform-origin: 100% 32%; z-index: 1; } .nutbig-luckshake .shake-box-img.rockit { -webkit-animation: rockit 0.6s ease infinite alternate; animation: rockit 0.6s ease infinite alternate; } .nutbig-luckshake .shake-box-img.animation .img-top { -webkit-animation: toTop 1s ease 1 alternate; animation: toTop 1s ease 1 alternate; } .nutbig-luckshake .shake-box-img.animation .img-bottom { -webkit-animation: toBottom 1s ease 1 alternate; animation: toBottom 1s ease 1 alternate; } .nutbig-luckshake .shake-num { width: 140px; margin: 20px auto 0; color: #fff; text-align: center; font-size: 16px; } .nutbig-luckshake .pointer { position: absolute; right: 36px; top: 160px; z-index: 99; } .nutbig-luckshake .pointer.clickShake { -webkit-transform-origin: 80% 80%; transform-origin: 80% 80%; -webkit-transform: rotate(23deg); transform: rotate(23deg); -webkit-animation: clickShake 0.6s ease infinite alternate; animation: clickShake 0.6s ease infinite alternate; } .nutbig-luckshake .pointer img { width: 100%; height: 100%; } @-webkit-keyframes rockit { 0% { -webkit-transform: rotate(-20deg); transform: rotate(-20deg); } to { -webkit-transform: rotate(8deg); transform: rotate(8deg); } } @keyframes rockit { 0% { -webkit-transform: rotate(-20deg); transform: rotate(-20deg); } to { -webkit-transform: rotate(8deg); transform: rotate(8deg); } } @-webkit-keyframes clickShake { 0%, to { -webkit-transform: rotate(23deg); transform: rotate(23deg); } 50% { -webkit-transform: rotate(-5deg); transform: rotate(-5deg); } } @keyframes clickShake { 0%, to { -webkit-transform: rotate(23deg); transform: rotate(23deg); } 50% { -webkit-transform: rotate(-5deg); transform: rotate(-5deg); } } @-webkit-keyframes toTop { 0% { -webkit-transform: translate(0, 0); transform: translate(0); } 50% { -webkit-transform: translate(0, -80px); transform: translateY(-80px); } to { -webkit-transform: translate(0, 0); transform: translate(0); } } @keyframes toTop { 0% { -webkit-transform: translate(0, 0); transform: translate(0); } 50% { -webkit-transform: translate(0, -80px); transform: translateY(-80px); } to { -webkit-transform: translate(0, 0); transform: translate(0); } } @-webkit-keyframes toBottom { 0% { -webkit-transform: translate(0, 0); transform: translate(0); } 50% { -webkit-transform: translate(0, 80px); transform: translateY(80px); } to { -webkit-transform: translate(0, 0); transform: translate(0); } } @keyframes toBottom { 0% { -webkit-transform: translate(0, 0); transform: translate(0); } 50% { -webkit-transform: translate(0, 80px); transform: translateY(80px); } to { -webkit-transform: translate(0, 0); transform: translate(0); } } @-webkit-keyframes nutFadeIn-6e0eecf9 { 0% { opacity: 0; } to { opacity: 1; } } @keyframes nutFadeIn-6e0eecf9 { 0% { opacity: 0; } to { opacity: 1; } } @-webkit-keyframes nutFadeOut-6e0eecf9 { 0% { opacity: 1; } to { opacity: 0; } } @keyframes nutFadeOut-6e0eecf9 { 0% { opacity: 1; } to { opacity: 0; } } .nutFade-enter-active[data-v-6e0eecf9], .nutFadeIn[data-v-6e0eecf9], .nutFade-leave-active[data-v-6e0eecf9], .nutFadeOut[data-v-6e0eecf9] { -webkit-animation-duration: 0.25s; animation-duration: 0.25s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53); animation-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53); } .nutFade-enter-active[data-v-6e0eecf9], .nutFadeIn[data-v-6e0eecf9] { -webkit-animation-name: nutFadeIn-6e0eecf9; animation-name: nutFadeIn-6e0eecf9; } .nutFade-leave-active[data-v-6e0eecf9], .nutFadeOut[data-v-6e0eecf9] { -webkit-animation-name: nutFadeOut-6e0eecf9; animation-name: nutFadeOut-6e0eecf9; } @-webkit-keyframes nutZoomIn-6e0eecf9 { 0% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 50% { opacity: 1; } } @keyframes nutZoomIn-6e0eecf9 { 0% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 50% { opacity: 1; } } @-webkit-keyframes nutZoomOut-6e0eecf9 { 0% { opacity: 1; } 50% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } to { opacity: 0; } } @keyframes nutZoomOut-6e0eecf9 { 0% { opacity: 1; } 50% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } to { opacity: 0; } } .nutZoom-enter-active[data-v-6e0eecf9], .nutZoomIn[data-v-6e0eecf9], .nutZoom-leave-active[data-v-6e0eecf9], .nutZoomOut[data-v-6e0eecf9] { -webkit-animation-duration: 0.25s; animation-duration: 0.25s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53); animation-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53); } .nutZoom-enter-active[data-v-6e0eecf9], .nutZoomIn[data-v-6e0eecf9] { -webkit-animation-name: nutZoomIn-6e0eecf9; animation-name: nutZoomIn-6e0eecf9; } .nutZoom-leave-active[data-v-6e0eecf9], .nutZoomOut[data-v-6e0eecf9] { -webkit-animation-name: nutZoomOut-6e0eecf9; animation-name: nutZoomOut-6e0eecf9; } @-webkit-keyframes nutEaseIn-6e0eecf9 { 0% { opacity: 0; -webkit-transform: scale(0.9); transform: scale(0.9); } to { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } } @keyframes nutEaseIn-6e0eecf9 { 0% { opacity: 0; -webkit-transform: scale(0.9); transform: scale(0.9); } to { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } } @-webkit-keyframes nutEaseOut-6e0eecf9 { 0% { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } to { opacity: 0; -webkit-transform: scale(0.9); transform: scale(0.9); } } @keyframes nutEaseOut-6e0eecf9 { 0% { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } to { opacity: 0; -webkit-transform: scale(0.9); transform: scale(0.9); } } .nutEase-enter-active[data-v-6e0eecf9], .nutEaseIn[data-v-6e0eecf9], .nutEase-leave-active[data-v-6e0eecf9], .nutEaseOut[data-v-6e0eecf9] { -webkit-animation-duration: 0.25s; animation-duration: 0.25s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53); animation-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53); } .nutEase-enter-active[data-v-6e0eecf9], .nutEaseIn[data-v-6e0eecf9] { -webkit-animation-name: nutEaseIn-6e0eecf9; animation-name: nutEaseIn-6e0eecf9; } .nutEase-leave-active[data-v-6e0eecf9], .nutEaseOut[data-v-6e0eecf9] { -webkit-animation-name: nutEaseOut-6e0eecf9; animation-name: nutEaseOut-6e0eecf9; } @-webkit-keyframes nutDropIn-6e0eecf9 { 0% { opacity: 0; -webkit-transform: scaleY(0.8); transform: scaleY(0.8); } to { opacity: 1; -webkit-transform: scaleY(1); transform: scaleY(1); } } @keyframes nutDropIn-6e0eecf9 { 0% { opacity: 0; -webkit-transform: scaleY(0.8); transform: scaleY(0.8); } to { opacity: 1; -webkit-transform: scaleY(1); transform: scaleY(1); } } @-webkit-keyframes nutDropOut-6e0eecf9 { 0% { opacity: 1; -webkit-transform: scaleY(1); transform: scaleY(1); } to { opacity: 0; -webkit-transform: scaleY(0.8); transform: scaleY(0.8); } } @keyframes nutDropOut-6e0eecf9 { 0% { opacity: 1; -webkit-transform: scaleY(1); transform: scaleY(1); } to { opacity: 0; -webkit-transform: scaleY(0.8); transform: scaleY(0.8); } } .nutDrop-enter-active[data-v-6e0eecf9], .nutDropIn[data-v-6e0eecf9], .nutDrop-leave-active[data-v-6e0eecf9], .nutDropOut[data-v-6e0eecf9] { -webkit-animation-duration: 0.25s; animation-duration: 0.25s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53); animation-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53); } .nutDrop-enter-active[data-v-6e0eecf9], .nutDropIn[data-v-6e0eecf9] { -webkit-animation-name: nutDropIn-6e0eecf9; animation-name: nutDropIn-6e0eecf9; } .nutDrop-leave-active[data-v-6e0eecf9], .nutDropOut[data-v-6e0eecf9] { -webkit-animation-name: nutDropOut-6e0eecf9; animation-name: nutDropOut-6e0eecf9; } @-webkit-keyframes rotation-6e0eecf9 { 0% { -webkit-transform: rotate(0deg); } to { -webkit-transform: rotate(360deg); } } @keyframes rotation-6e0eecf9 { 0% { -webkit-transform: rotate(0deg); } to { -webkit-transform: rotate(360deg); } } .nutRotate-enter-active[data-v-6e0eecf9], .nutRotateIn[data-v-6e0eecf9], .nutRotate-leave-active[data-v-6e0eecf9], .nutRotateOut[data-v-6e0eecf9] { -webkit-animation-duration: 0.25s; animation-duration: 0.25s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53); animation-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53); } .nutRotate-enter-active[data-v-6e0eecf9], .nutRotateIn[data-v-6e0eecf9] { -webkit-animation-name: nutRotateIn; animation-name: nutRotateIn; } .nutRotate-leave-active[data-v-6e0eecf9], .nutRotateOut[data-v-6e0eecf9] { -webkit-animation-name: nutRotateOut; animation-name: nutRotateOut; } .nutbig-doll-machine .machine-box[data-v-6e0eecf9] { position: relative; width: 100%; height: 690px; background: url(https://img12.360buyimg.com/imagetools/jfs/t1/145351/6/24350/800170/61c95470E416c27bb/a3f62a18af70684e.png) no-repeat center; background-size: cover; } .nutbig-doll-machine .machine-tools[data-v-6e0eecf9] { position: absolute; top: 0; 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; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-transition: all linear 0.3s; transition: all linear 0.3s; } .nutbig-doll-machine .machine-rope[data-v-6e0eecf9] { top: 50px; width: 10px; height: 20px; background: -webkit-gradient( linear, left top, right bottom, from(#ff9800), to(#ffeb3b) ); background: linear-gradient(to bottom right, #ff9800, #ffeb3b); -webkit-transition: all linear 2s; transition: all linear 2s; } .nutbig-doll-machine .machine-claw[data-v-6e0eecf9] { width: 80px; height: 70px; text-align: center; } .nutbig-doll-machine .machine-claw .gift-prize[data-v-6e0eecf9] { margin-top: 30px; width: 60px; height: 60px; } .nutbig-doll-machine .machine-gift-box[data-v-6e0eecf9] { position: absolute; bottom: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; width: 100%; } .nutbig-doll-machine .machine-gift-box .box-glass[data-v-6e0eecf9] { position: relative; width: 100%; height: 200px; background-color: rgba(241, 217, 5, 0.337); } .nutbig-doll-machine .machine-gift-box .box-glass .gift-img[data-v-6e0eecf9] { position: absolute; width: 50px; height: 50px; } .nutbig-doll-machine .machine-operate[data-v-6e0eecf9] { width: 90%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-pack: distribute; justify-content: space-around; padding: 5px 20px; margin: 0 auto; } .nutbig-doll-machine .machine-operate .machine-direction[data-v-6e0eecf9] { position: relative; width: 50px; height: 50px; background: url(https://img14.360buyimg.com/imagetools/jfs/t1/3283/2/18965/1403/62c28eb5E0cfb824b/9b90cde1898d18af.png) no-repeat center; background-size: 100% 100%; } .nutbig-doll-machine .machine-operate .machine-direction .direction-block[data-v-6e0eecf9] { position: absolute; display: block; top: 50%; width: 15px; height: 15px; } .nutbig-doll-machine .machine-operate .machine-direction .direction-block[data-v-6e0eecf9]:nth-child(1) { left: 0; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .nutbig-doll-machine .machine-operate .machine-direction .direction-block[data-v-6e0eecf9]:nth-child(2) { right: 0; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .nutbig-doll-machine .machine-operate .machine-btn[data-v-6e0eecf9] { width: 50px; height: 60px; } .nutbig-doll-machine .machine-operate .machine-start[data-v-6e0eecf9] { background: url(https://img13.360buyimg.com/imagetools/jfs/t1/205479/17/4245/32041/61309346E02bd3b6b/b41be60bedbb1e69.png) no-repeat center; background-size: contain; } .nutbig-doll-machine .machine-operate .machine-disabled[data-v-6e0eecf9] { background: url(https://img10.360buyimg.com/imagetools/jfs/t1/193040/14/21217/16320/61309346E6569e270/36e45126a5f1fc9c.png) no-repeat center; background-size: contain; } .nutbig-doll-machine .machine-operate .machine-reset-btn[data-v-6e0eecf9] { 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; color: #ff9800; } .disabledClick[data-v-6e0eecf9] { pointer-events: none !important; cursor: not-allowed !important; } .nutbig-shakedice { width: 100px; height: 100px; position: relative; -webkit-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-transition: all 1s; transition: all 1s; } .nutbig-shakedice .page { width: 100px; height: 100px; display: -webkit-box; display: -ms-flexbox; display: flex; position: absolute; left: 0; top: 0; border: 1px solid #000; background: rgb(253, 250, 250); border-radius: 20px; font-size: 100px; color: #fff; text-align: center; -webkit-box-sizing: border-box; box-sizing: border-box; } .nutbig-shakedice .page > span { display: block; width: 25px; height: 25px; background: black; border-radius: 50%; } .nutbig-shakedice .page1 { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-transform: translateZ(50px); transform: translateZ(50px); } .nutbig-shakedice .page2 { -ms-flex-pack: distribute; justify-content: space-around; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-transform: rotateX(-90deg) translateZ(50px); transform: rotateX(-90deg) translateZ(50px); } .nutbig-shakedice .page3 { position: relative; -webkit-transform: rotateY(90deg) translateZ(50px); transform: rotateY(90deg) translateZ(50px); } .nutbig-shakedice .page3 > span { position: absolute; } .nutbig-shakedice .page3 > span:first-child { right: 10px; top: 10px; } .nutbig-shakedice .page3 > span:nth-child(2) { top: 37%; left: 37%; } .nutbig-shakedice .page3 > span:nth-child(3) { bottom: 10px; left: 10px; } .nutbig-shakedice .page4 { -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 15px; -webkit-transform: rotateY(-90deg) translateZ(50px); transform: rotateY(-90deg) translateZ(50px); } .nutbig-shakedice .page5 { -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-transform: rotateX(90deg) translateZ(50px); transform: rotateX(90deg) translateZ(50px); } .nutbig-shakedice .page5 > span { margin: 0 10px; } .nutbig-shakedice .page5 > span:nth-child(3) { margin: 0; position: absolute; top: 37%; left: 37%; } .nutbig-shakedice .page6 { -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-transform: translateZ(-50px); transform: translateZ(-50px); } @-webkit-keyframes rotate { to { -webkit-transform: rotateX(360deg) rotateY(360deg); transform: rotateX(360deg) rotateY(360deg); } } @keyframes rotate { to { -webkit-transform: rotateX(360deg) rotateY(360deg); transform: rotateX(360deg) rotateY(360deg); } } @-webkit-keyframes nutFadeIn { 0% { opacity: 0; } to { opacity: 1; } } @keyframes nutFadeIn { 0% { opacity: 0; } to { opacity: 1; } } @-webkit-keyframes nutFadeOut { 0% { opacity: 1; } to { opacity: 0; } } @keyframes nutFadeOut { 0% { opacity: 1; } to { opacity: 0; } } .nutFade-enter-active, .nutFadeIn, .nutFade-leave-active, .nutFadeOut { -webkit-animation-duration: 0.25s; animation-duration: 0.25s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53); animation-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53); } .nutFade-enter-active, .nutFadeIn { -webkit-animation-name: nutFadeIn; animation-name: nutFadeIn; } .nutFade-leave-active, .nutFadeOut { -webkit-animation-name: nutFadeOut; animation-name: nutFadeOut; } @-webkit-keyframes nutZoomIn { 0% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 50% { opacity: 1; } } @keyframes nutZoomIn { 0% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 50% { opacity: 1; } } @-webkit-keyframes nutZoomOut { 0% { opacity: 1; } 50% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } to { opacity: 0; } } @keyframes nutZoomOut { 0% { opacity: 1; } 50% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } to { opacity: 0; } } .nutZoom-enter-active, .nutZoomIn, .nutZoom-leave-active, .nutZoomOut { -webkit-animation-duration: 0.25s; animation-duration: 0.25s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53); animation-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53); } .nutZoom-enter-active, .nutZoomIn { -webkit-animation-name: nutZoomIn; animation-name: nutZoomIn; } .nutZoom-leave-active, .nutZoomOut { -webkit-animation-name: nutZoomOut; animation-name: nutZoomOut; } @-webkit-keyframes nutEaseIn { 0% { opacity: 0; -webkit-transform: scale(0.9); transform: scale(0.9); } to { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } } @keyframes nutEaseIn { 0% { opacity: 0; -webkit-transform: scale(0.9); transform: scale(0.9); } to { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } } @-webkit-keyframes nutEaseOut { 0% { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } to { opacity: 0; -webkit-transform: scale(0.9); transform: scale(0.9); } } @keyframes nutEaseOut { 0% { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } to { opacity: 0; -webkit-transform: scale(0.9); transform: scale(0.9); } } .nutEase-enter-active, .nutEaseIn, .nutEase-leave-active, .nutEaseOut { -webkit-animation-duration: 0.25s; animation-duration: 0.25s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53); animation-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53); } .nutEase-enter-active, .nutEaseIn { -webkit-animation-name: nutEaseIn; animation-name: nutEaseIn; } .nutEase-leave-active, .nutEaseOut { -webkit-animation-name: nutEaseOut; animation-name: nutEaseOut; } @-webkit-keyframes nutDropIn { 0% { opacity: 0; -webkit-transform: scaleY(0.8); transform: scaleY(0.8); } to { opacity: 1; -webkit-transform: scaleY(1); transform: scaleY(1); } } @keyframes nutDropIn { 0% { opacity: 0; -webkit-transform: scaleY(0.8); transform: scaleY(0.8); } to { opacity: 1; -webkit-transform: scaleY(1); transform: scaleY(1); } } @-webkit-keyframes nutDropOut { 0% { opacity: 1; -webkit-transform: scaleY(1); transform: scaleY(1); } to { opacity: 0; -webkit-transform: scaleY(0.8); transform: scaleY(0.8); } } @keyframes nutDropOut { 0% { opacity: 1; -webkit-transform: scaleY(1); transform: scaleY(1); } to { opacity: 0; -webkit-transform: scaleY(0.8); transform: scaleY(0.8); } } .nutDrop-enter-active, .nutDropIn, .nutDrop-leave-active, .nutDropOut { -webkit-animation-duration: 0.25s; animation-duration: 0.25s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53); animation-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53); } .nutDrop-enter-active, .nutDropIn { -webkit-animation-name: nutDropIn; animation-name: nutDropIn; } .nutDrop-leave-active, .nutDropOut { -webkit-animation-name: nutDropOut; animation-name: nutDropOut; } @-webkit-keyframes rotation { 0% { -webkit-transform: rotate(0deg); } to { -webkit-transform: rotate(360deg); } } @keyframes rotation { 0% { -webkit-transform: rotate(0deg); } to { -webkit-transform: rotate(360deg); } } .nutRotate-enter-active, .nutRotateIn, .nutRotate-leave-active, .nutRotateOut { -webkit-animation-duration: 0.25s; animation-duration: 0.25s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53); animation-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53); } .nutRotate-enter-active, .nutRotateIn { -webkit-animation-name: nutRotateIn; animation-name: nutRotateIn; } .nutRotate-leave-active, .nutRotateOut { -webkit-animation-name: nutRotateOut; animation-name: nutRotateOut; } .nutbig-guess-gift { position: relative; display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .nutbig-guess-gift .bowl-item { position: relative; top: 0; left: 0; z-index: 10; width: 100px; height: 100px; background: url(https://img14.360buyimg.com/imagetools/jfs/t1/213395/37/9376/5774/61cc34b8Ec3d2eddd/1ddf6d42663e1285.png); background-repeat: no-repeat; background-size: 100% 100%; -webkit-transition: all ease-out 0.5s; transition: all ease-out 0.5s; } .nutbig-guess-gift .gold-bean { position: absolute; z-index: 1; bottom: 30px; width: 30px; height: 30px; background: url(https://img13.360buyimg.com/imagetools/jfs/t1/219815/14/9349/4725/61cc34b8E059ebbd2/55e8002ae82a01ea.png); background-repeat: no-repeat; background-size: 100% 100%; } .nutbig-guess-gift ._opacity0 { opacity: 0; } .nutbig-guess-gift ._opacity1 { opacity: 1; } .disabledClick { pointer-events: none !important; cursor: not-allowed !important; } *, :before, :after { --un-rotate: 0; --un-rotate-x: 0; --un-rotate-y: 0; --un-rotate-z: 0; --un-scale-x: 1; --un-scale-y: 1; --un-scale-z: 1; --un-skew-x: 0; --un-skew-y: 0; --un-translate-x: 0; --un-translate-y: 0; --un-translate-z: 0; --un-pan-x: ; --un-pan-y: ; --un-pinch-zoom: ; --un-scroll-snap-strictness: proximity; --un-ordinal: ; --un-slashed-zero: ; --un-numeric-figure: ; --un-numeric-spacing: ; --un-numeric-fraction: ; --un-border-spacing-x: 0; --un-border-spacing-y: 0; --un-ring-offset-shadow: 0 0 rgba(0, 0, 0, 0); --un-ring-shadow: 0 0 rgba(0, 0, 0, 0); --un-shadow-inset: ; --un-shadow: 0 0 rgba(0, 0, 0, 0); --un-ring-inset: ; --un-ring-offset-width: 0px; --un-ring-offset-color: #fff; --un-ring-width: 0px; --un-ring-color: rgba(147, 197, 253, 0.5); --un-blur: ; --un-brightness: ; --un-contrast: ; --un-drop-shadow: ; --un-grayscale: ; --un-hue-rotate: ; --un-invert: ; --un-saturate: ; --un-sepia: ; --un-backdrop-blur: ; --un-backdrop-brightness: ; --un-backdrop-contrast: ; --un-backdrop-grayscale: ; --un-backdrop-hue-rotate: ; --un-backdrop-invert: ; --un-backdrop-opacity: ; --un-backdrop-saturate: ; --un-backdrop-sepia: ; } ::backdrop { --un-rotate: 0; --un-rotate-x: 0; --un-rotate-y: 0; --un-rotate-z: 0; --un-scale-x: 1; --un-scale-y: 1; --un-scale-z: 1; --un-skew-x: 0; --un-skew-y: 0; --un-translate-x: 0; --un-translate-y: 0; --un-translate-z: 0; --un-pan-x: ; --un-pan-y: ; --un-pinch-zoom: ; --un-scroll-snap-strictness: proximity; --un-ordinal: ; --un-slashed-zero: ; --un-numeric-figure: ; --un-numeric-spacing: ; --un-numeric-fraction: ; --un-border-spacing-x: 0; --un-border-spacing-y: 0; --un-ring-offset-shadow: 0 0 rgba(0, 0, 0, 0); --un-ring-shadow: 0 0 rgba(0, 0, 0, 0); --un-shadow-inset: ; --un-shadow: 0 0 rgba(0, 0, 0, 0); --un-ring-inset: ; --un-ring-offset-width: 0px; --un-ring-offset-color: #fff; --un-ring-width: 0px; --un-ring-color: rgba(147, 197, 253, 0.5); --un-blur: ; --un-brightness: ; --un-contrast: ; --un-drop-shadow: ; --un-grayscale: ; --un-hue-rotate: ; --un-invert: ; --un-saturate: ; --un-sepia: ; --un-backdrop-blur: ; --un-backdrop-brightness: ; --un-backdrop-contrast: ; --un-backdrop-grayscale: ; --un-backdrop-hue-rotate: ; --un-backdrop-invert: ; --un-backdrop-opacity: ; --un-backdrop-saturate: ; --un-backdrop-sepia: ; } .\!fixed { position: fixed !important; } .absolute { position: absolute; } .fixed { position: fixed; } .relative { position: relative; } .sticky { position: sticky; } .bottom-0 { bottom: 0; } .bottom-1 { bottom: 0.25rem; } .bottom-10 { bottom: 2.5rem; } .bottom-1vw { bottom: 1vw; } .bottom-3 { bottom: 0.75rem; } .bottom-5 { bottom: 1.25rem; } .left-\[50\%\], .left-1\/2, .left-50\% { left: 50%; } .left-0 { left: 0; } .right-0 { right: 0; } .right-12 { right: 3rem; } .right-16 { right: 4rem; } .right-5 { right: 1.25rem; } .right-80 { right: 20rem; } .top-0 { top: 0; } .top-1\/2, .top-50\% { top: 50%; } .top-100 { top: 25rem; } .-z-1 { z-index: -1; } .\!z-9999 { z-index: 9999 !important; } .z-0 { z-index: 0; } .z-10 { z-index: 10; } .z-100 { z-index: 100; } .z-2 { z-index: 2; } .z-999 { z-index: 999; } .grid { display: grid; } .m-auto { margin: auto; } .mx-5 { margin-left: 1.25rem; margin-right: 1.25rem; } .mx-auto { margin-left: auto; margin-right: auto; } .my-12 { margin-top: 3rem; margin-bottom: 3rem; } .my-5 { margin-top: 1.25rem; margin-bottom: 1.25rem; } .my-8 { margin-top: 2rem; margin-bottom: 2rem; } .\!mr-7 { margin-right: 1.75rem !important; } .\!mt-20 { margin-top: 5rem !important; } .mb-1 { margin-bottom: 0.25rem; } .mb-10 { margin-bottom: 2.5rem; } .mb-12 { margin-bottom: 3rem; } .mb-20 { margin-bottom: 5rem; } .mb-25 { margin-bottom: 6.25rem; } .mb-30 { margin-bottom: 7.5rem; } .mb-38 { margin-bottom: 9.5rem; } .mb-4 { margin-bottom: 1rem; } .mb-40 { margin-bottom: 10rem; } .mb-70 { margin-bottom: 17.5rem; } .mb-8 { margin-bottom: 2rem; } .ml-10 { margin-left: 2.5rem; } .ml-10\% { margin-left: 10%; } .ml-12 { margin-left: 3rem; } .ml-13 { margin-left: 3.25rem; } .ml-2 { margin-left: 0.5rem; } .ml-20 { margin-left: 5rem; } .ml-5 { margin-left: 1.25rem; } .ml-6 { margin-left: 1.5rem; } .ml-8 { margin-left: 2rem; } .mr-10 { margin-right: 2.5rem; } .mr-12 { margin-right: 3rem; } .mr-4 { margin-right: 1rem; } .mr-5 { margin-right: 1.25rem; } .mr-8 { margin-right: 2rem; } .mt-10 { margin-top: 2.5rem; } .mt-12 { margin-top: 3rem; } .mt-14 { margin-top: 3.5rem; } .mt-15 { margin-top: 3.75rem; } .mt-16 { margin-top: 4rem; } .mt-20 { margin-top: 5rem; } .mt-24 { margin-top: 6rem; } .mt-3 { margin-top: 0.75rem; } .mt-30 { margin-top: 7.5rem; } .mt-33 { margin-top: 8.25rem; } .mt-4 { margin-top: 1rem; } .mt-40 { margin-top: 10rem; } .mt-5 { margin-top: 1.25rem; } .mt-50 { margin-top: 12.5rem; } .mt-8 { margin-top: 2rem; } .mt-9 { margin-top: 2.25rem; } .box-border { box-sizing: border-box; } .block, [block=""] { display: block; } .inline-block { display: inline-block; } .hidden { display: none; } .\!h-50 { height: 12.5rem !important; } .h-100 { height: 25rem; } .h-100\%, .h-full { height: 100%; } .h-120 { height: 30rem; } .h-13 { height: 3.25rem; } .h-15 { height: 3.75rem; } .h-16 { height: 4rem; } .h-18 { height: 4.5rem; } .h-188 { height: 47rem; } .h-20 { height: 5rem; } .h-200 { height: 50rem; } .h-22 { height: 5.5rem; } .h-25 { height: 6.25rem; } .h-26 { height: 6.5rem; } .h-28 { height: 7rem; } .h-30 { height: 7.5rem; } .h-32 { height: 8rem; } .h-34 { height: 8.5rem; } .h-36 { height: 9rem; } .h-38 { height: 9.5rem; } .h-40 { height: 10rem; } .h-42 { height: 10.5rem; } .h-45 { height: 11.25rem; } .h-50 { height: 12.5rem; } .h-6 { height: 1.5rem; } .h-66vh { height: 66vh; } .h-70 { height: 17.5rem; } .h-9 { height: 2.25rem; } .h-screen { height: 100vh; } .max-h-500 { max-height: 125rem; } .min-h-130 { min-height: 32.5rem; } .min-h-full { min-height: 100%; } .w-100\%, .w-full { width: 100%; } .w-14 { width: 3.5rem; } .w-15 { width: 3.75rem; } .w-16 { width: 4rem; } .w-17 { width: 4.25rem; } .w-18 { width: 4.5rem; } .w-20 { width: 5rem; } .w-20\% { width: 20%; } .w-21 { width: 5.25rem; } .w-24 { width: 6rem; } .w-25 { width: 6.25rem; } .w-25\% { width: 25%; } .w-27\% { width: 27%; } .w-28 { width: 7rem; } .w-30 { width: 7.5rem; } .w-30\% { width: 30%; } .w-300 { width: 75rem; } .w-32 { width: 8rem; } .w-33\.3\% { width: 33.3%; } .w-33\% { width: 33%; } .w-34 { width: 8.5rem; } .w-34\% { width: 34%; } .w-35\% { width: 35%; } .w-38\% { width: 38%; } .w-40 { width: 10rem; } .w-40\% { width: 40%; } .w-44 { width: 11rem; } .w-46 { width: 11.5rem; } .w-46\% { width: 46%; } .w-5 { width: 1.25rem; } .w-50 { width: 12.5rem; } .w-50\% { width: 50%; } .w-55 { width: 13.75rem; } .w-6 { width: 1.5rem; } .w-6\.2em { width: 6.2em; } .w-60 { width: 15rem; } .w-62\% { width: 62%; } .w-65\% { width: 65%; } .w-65vw { width: 65vw; } .w-66\% { width: 66%; } .w-70 { width: 17.5rem; } .w-70\% { width: 70%; } .w-80\% { width: 80%; } .w-84\% { width: 84%; } .w-88\% { width: 88%; } .w-90\% { width: 90%; } .w-90vw { width: 90vw; } .w-98\% { width: 98%; } .w-auto { width: auto; } .w-screen { width: 100vw; } .flex, [flex=""] { display: flex; } .flex-1 { flex: 1 1 0%; } .flex-shrink-0, .shrink-0 { flex-shrink: 0; } .flex-col { flex-direction: column; } .flex-wrap { flex-wrap: wrap; } .table { display: table; } .border-collapse { border-collapse: collapse; } .-translate-1\/2 { --un-translate-x: -50%; --un-translate-y: -50%; transform: translate(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotate(var(--un-rotate-z)) skew(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z)); } .-translate-x-1\/2, .-translate-x-50\% { --un-translate-x: -50%; transform: translate(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotate(var(--un-rotate-z)) skew(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z)); } .-translate-y-1\/2, .-translate-y-50\% { --un-translate-y: -50%; transform: translate(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotate(var(--un-rotate-z)) skew(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z)); } .translate-y-1 { --un-translate-y: 0.25rem; transform: translate(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotate(var(--un-rotate-z)) skew(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z)); } .transform { transform: translate(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotate(var(--un-rotate-z)) skew(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z)); } .resize { resize: both; } .items-end { align-items: flex-end; } .items-center { align-items: center; } .justify-end { justify-content: flex-end; } .justify-center { justify-content: center; } .justify-between { justify-content: space-between; } .justify-around { justify-content: space-around; } .gap-10 { gap: 2.5rem; } .overflow-auto { overflow: auto; } .overflow-hidden { overflow: hidden; } .border { border-width: 1px; } .border-0\.5 { border-width: 0.5px; } .border-b { border-bottom-width: 1px; } .border-r-0\.5 { border-right-width: 0.5px; } .border-\#e0e0e0 { --un-border-opacity: 1; border-color: rgba(224, 224, 224, var(--un-border-opacity)); } .border-\#ebeef5 { --un-border-opacity: 1; border-color: rgba(235, 238, 245, var(--un-border-opacity)); } [border-color~="#5B56E8"] { --un-border-opacity: 1; border-color: rgba(91, 86, 232, var(--un-border-opacity)); } .border-b-\#eeecec { --un-border-opacity: 1; --un-border-bottom-opacity: var(--un-border-opacity); border-bottom-color: rgba(238, 236, 236, var(--un-border-bottom-opacity)); } .border-r-\#ebeef5 { --un-border-opacity: 1; --un-border-right-opacity: var(--un-border-opacity); border-right-color: rgba(235, 238, 245, var(--un-border-right-opacity)); } .\!rounded-full { border-radius: 9999px !important; } .rounded-10 { border-radius: 2.5rem; } .rounded-14 { border-radius: 3.5rem; } .rounded-15 { border-radius: 3.75rem; } .rounded-20 { border-radius: 5rem; } .rounded-4 { border-radius: 1rem; } .rounded-5 { border-radius: 1.25rem; } .rounded-50\% { border-radius: 50%; } .rounded-6 { border-radius: 1.5rem; } .rounded-8 { border-radius: 2rem; } .rounded-full { border-radius: 9999px; } .rounded-bl-30\% { border-bottom-left-radius: 30%; } .rounded-br-30\% { border-bottom-right-radius: 30%; } .border-solid { border-style: solid; } .border-b-solid { border-bottom-style: solid; } .border-r-solid { border-right-style: solid; } .\!bg-\#5B56E8 { --un-bg-opacity: 1 !important; background-color: rgba(91, 86, 232, var(--un-bg-opacity)) !important; } .bg-\[rgba\(0\,0\,0\,\.5\)\] { --un-bg-opacity: 0.5; background-color: rgba(0, 0, 0, var(--un-bg-opacity)); } .bg-\#000 { --un-bg-opacity: 1; background-color: rgba(0, 0, 0, var(--un-bg-opacity)); } .bg-\#017DE8 { --un-bg-opacity: 1; background-color: rgba(1, 125, 232, var(--un-bg-opacity)); } .bg-\#0EBF3B { --un-bg-opacity: 1; background-color: rgba(14, 191, 59, var(--un-bg-opacity)); } .bg-\#5A55E6 { --un-bg-opacity: 1; background-color: rgba(90, 85, 230, var(--un-bg-opacity)); } .bg-\#5B56E8 { --un-bg-opacity: 1; background-color: rgba(91, 86, 232, var(--un-bg-opacity)); } .bg-\#767c83 { --un-bg-opacity: 1; background-color: rgba(118, 124, 131, var(--un-bg-opacity)); } .bg-\#8C89F0 { --un-bg-opacity: 1; background-color: rgba(140, 137, 240, var(--un-bg-opacity)); } .bg-\#DBDAFC { --un-bg-opacity: 1; background-color: rgba(219, 218, 252, var(--un-bg-opacity)); } .bg-\#DDDCFC { --un-bg-opacity: 1; background-color: rgba(221, 220, 252, var(--un-bg-opacity)); } .bg-\#e9e9e9 { --un-bg-opacity: 1; background-color: rgba(233, 233, 233, var(--un-bg-opacity)); } .bg-\#f2f2f2, .bg-\#F2F2F2 { --un-bg-opacity: 1; background-color: rgba(242, 242, 242, var(--un-bg-opacity)); } .bg-\#f6f6f6 { --un-bg-opacity: 1; background-color: rgba(246, 246, 246, var(--un-bg-opacity)); } .bg-\#f9f9fa { --un-bg-opacity: 1; background-color: rgba(249, 249, 250, var(--un-bg-opacity)); } .bg-\#fe8c00 { --un-bg-opacity: 1; background-color: rgba(254, 140, 0, var(--un-bg-opacity)); } .bg-\#fff, .bg-white { --un-bg-opacity: 1; background-color: rgba(255, 255, 255, var(--un-bg-opacity)); } .bg-main { --un-bg-opacity: 1; background-color: rgba(22, 120, 255, var(--un-bg-opacity)); } .bg-red { --un-bg-opacity: 1; background-color: rgba(245, 44, 44, var(--un-bg-opacity)); } .bg-cover { background-size: cover; } .object-cover { object-fit: cover; } .p-10 { padding: 2.5rem; } .p-12 { padding: 3rem; } .p-14 { padding: 3.5rem; } .p-15 { padding: 3.75rem; } .p-16 { padding: 4rem; } .p-20 { padding: 5rem; } .p-3 { padding: 0.75rem; } .p-5 { padding: 1.25rem; } .\!py-12 { padding-top: 3rem !important; padding-bottom: 3rem !important; } .\!py-14 { padding-top: 3.5rem !important; padding-bottom: 3.5rem !important; } .px { padding-left: 1rem; padding-right: 1rem; } .px-10 { padding-left: 2.5rem; padding-right: 2.5rem; } .px-12 { padding-left: 3rem; padding-right: 3rem; } .px-14 { padding-left: 3.5rem; padding-right: 3.5rem; } .px-15 { padding-left: 3.75rem; padding-right: 3.75rem; } .px-16 { padding-left: 4rem; padding-right: 4rem; } .px-17 { padding-left: 4.25rem; padding-right: 4.25rem; } .px-18 { padding-left: 4.5rem; padding-right: 4.5rem; } .px-20 { padding-left: 5rem; padding-right: 5rem; } .px-25 { padding-left: 6.25rem; padding-right: 6.25rem; } .px-40 { padding-left: 10rem; padding-right: 10rem; } .px-5 { padding-left: 1.25rem; padding-right: 1.25rem; } .px-8 { padding-left: 2rem; padding-right: 2rem; } .py-0 { padding-top: 0; padding-bottom: 0; } .py-10 { padding-top: 2.5rem; padding-bottom: 2.5rem; } .py-12 { padding-top: 3rem; padding-bottom: 3rem; } .py-14 { padding-top: 3.5rem; padding-bottom: 3.5rem; } .py-15 { padding-top: 3.75rem; padding-bottom: 3.75rem; } .py-16 { padding-top: 4rem; padding-bottom: 4rem; } .py-18 { padding-top: 4.5rem; padding-bottom: 4.5rem; } .py-20 { padding-top: 5rem; padding-bottom: 5rem; } .py-22 { padding-top: 5.5rem; padding-bottom: 5.5rem; } .py-24 { padding-top: 6rem; padding-bottom: 6rem; } .py-26 { padding-top: 6.5rem; padding-bottom: 6.5rem; } .py-3 { padding-top: 0.75rem; padding-bottom: 0.75rem; } .py-4 { padding-top: 1rem; padding-bottom: 1rem; } .py-5 { padding-top: 1.25rem; padding-bottom: 1.25rem; } .py-6 { padding-top: 1.5rem; padding-bottom: 1.5rem; } .py-7 { padding-top: 1.75rem; padding-bottom: 1.75rem; } .py-8 { padding-top: 2rem; padding-bottom: 2rem; } .py-9 { padding-top: 2.25rem; padding-bottom: 2.25rem; } .pb-0 { padding-bottom: 0; } .pb-12 { padding-bottom: 3rem; } .pb-14 { padding-bottom: 3.5rem; } .pb-20 { padding-bottom: 5rem; } .pb-21 { padding-bottom: 5.25rem; } .pb-30 { padding-bottom: 7.5rem; } .pb-5 { padding-bottom: 1.25rem; } .pb-50 { padding-bottom: 12.5rem; } .pb-6 { padding-bottom: 1.5rem; } .pl-10 { padding-left: 2.5rem; } .pl-15 { padding-left: 3.75rem; } .pl-20 { padding-left: 5rem; } .pl-3 { padding-left: 0.75rem; } .pl-9 { padding-left: 2.25rem; } .pr-10 { padding-right: 2.5rem; } .pr-18 { padding-right: 4.5rem; } .pr-20 { padding-right: 5rem; } .pr-5 { padding-right: 1.25rem; } .pt, .pt-4 { padding-top: 1rem; } .pt-10 { padding-top: 2.5rem; } .pt-12 { padding-top: 3rem; } .pt-13 { padding-top: 3.25rem; } .pt-14 { padding-top: 3.5rem; } .pt-15 { padding-top: 3.75rem; } .pt-17 { padding-top: 4.25rem; } .pt-18 { padding-top: 4.5rem; } .pt-20 { padding-top: 5rem; } .pt-25 { padding-top: 6.25rem; } .pt-250 { padding-top: 62.5rem; } .pt-3 { padding-top: 0.75rem; } .pt-42 { padding-top: 10.5rem; } .pt-5 { padding-top: 1.25rem; } .pt-50 { padding-top: 12.5rem; } .pt-6 { padding-top: 1.5rem; } .pt-8 { padding-top: 2rem; } .text-center { text-align: center; } .text-right { text-align: right; } .vertical-middle { vertical-align: middle; } .text-10 { font-size: 2.5rem; } .text-12 { font-size: 3rem; } .text-13 { font-size: 3.25rem; } .text-14 { font-size: 3.5rem; } .text-15 { font-size: 3.75rem; } .text-16 { font-size: 4rem; } .text-18 { font-size: 4.5rem; } .text-20 { font-size: 5rem; } .text-22 { font-size: 5.5rem; } .text-26 { font-size: 6.5rem; } .text-28 { font-size: 7rem; } .text-32 { font-size: 8rem; } .text-36 { font-size: 9rem; } .text-8 { font-size: 2rem; } .font-400 { font-weight: 400; } .font-500 { font-weight: 500; } .font-600 { font-weight: 600; } .font-bold { font-weight: 700; } .lh-15 { line-height: 3.75rem; } .lh-150 { line-height: 37.5rem; } .lh-18 { line-height: 4.5rem; } .lh-20 { line-height: 5rem; } .lh-22 { line-height: 5.5rem; } .lh-24 { line-height: 6rem; } .lh-26 { line-height: 6.5rem; } .lh-28 { line-height: 7rem; } .lh-30 { line-height: 7.5rem; } .lh-32 { line-height: 8rem; } .lh-38 { line-height: 9.5rem; } .lh-40 { line-height: 10rem; } .lh-45 { line-height: 11.25rem; } .lh-50 { line-height: 12.5rem; } .lh-60 { line-height: 15rem; } [color~="#000"] { --un-text-opacity: 1; color: rgba(0, 0, 0, var(--un-text-opacity)); } [color~="#188707"] { --un-text-opacity: 1; color: rgba(24, 135, 7, var(--un-text-opacity)); } .text-\#333, [color~="#333"] { --un-text-opacity: 1; color: rgba(51, 51, 51, var(--un-text-opacity)); } .text-\#5A55E6, [color~="#5A55E6"] { --un-text-opacity: 1; color: rgba(90, 85, 230, var(--un-text-opacity)); } [color~="#5A58C7"] { --un-text-opacity: 1; color: rgba(90, 88, 199, var(--un-text-opacity)); } .text-\[\#5B56E8\], .text-\#5B56E8, [color~="#5B56E8"] { --un-text-opacity: 1; color: rgba(91, 86, 232, var(--un-text-opacity)); } .text-\#e23a30, .text-\#E23A30, [color~="#e23a30"] { --un-text-opacity: 1; color: rgba(226, 58, 48, var(--un-text-opacity)); } [color~="#e2c196"] { --un-text-opacity: 1; color: rgba(226, 193, 150, var(--un-text-opacity)); } [color~="#E7B29F"] { --un-text-opacity: 1; color: rgba(231, 178, 159, var(--un-text-opacity)); } .text-\#EF6E3E, [color~="#EF6E3E"] { --un-text-opacity: 1; color: rgba(239, 110, 62, var(--un-text-opacity)); } [color~="#fe8c00"] { --un-text-opacity: 1; color: rgba(254, 140, 0, var(--un-text-opacity)); } .text-\#fff, .text-white, [color~="#fff"] { --un-text-opacity: 1; color: rgba(255, 255, 255, var(--un-text-opacity)); } .text-black, [color~="black"] { --un-text-opacity: 1; color: rgba(22, 19, 13, var(--un-text-opacity)); } [checked-color~="#5A58C7"]:checked { --un-text-opacity: 1; color: rgba(90, 88, 199, var(--un-text-opacity)); } [checked-color~="#5B56E8"]:checked { --un-text-opacity: 1; color: rgba(91, 86, 232, var(--un-text-opacity)); } [active-color~="#222"]:active { --un-text-opacity: 1; color: rgba(34, 34, 34, var(--un-text-opacity)); } [active-color~="#5B56E8"]:active { --un-text-opacity: 1; color: rgba(91, 86, 232, var(--un-text-opacity)); } [active-color~="#fff"]:active { --un-text-opacity: 1; color: rgba(255, 255, 255, var(--un-text-opacity)); } .\!text-\#86898c { --un-text-opacity: 1 !important; color: rgba(134, 137, 140, var(--un-text-opacity)) !important; } .\!text-white { --un-text-opacity: 1 !important; color: rgba(255, 255, 255, var(--un-text-opacity)) !important; } .text-\[\#626262\] { --un-text-opacity: 1; color: rgba(98, 98, 98, var(--un-text-opacity)); } .text-\[\#999\], .text-\#999 { --un-text-opacity: 1; color: rgba(153, 153, 153, var(--un-text-opacity)); } .text-\#199D2A { --un-text-opacity: 1; color: rgba(25, 157, 42, var(--un-text-opacity)); } .text-\#1f19cb { --un-text-opacity: 1; color: rgba(31, 25, 203, var(--un-text-opacity)); } .text-\#2284F3 { --un-text-opacity: 1; color: rgba(34, 132, 243, var(--un-text-opacity)); } .text-\#323233 { --un-text-opacity: 1; color: rgba(50, 50, 51, var(--un-text-opacity)); } .text-\#47A79E { --un-text-opacity: 1; color: rgba(71, 167, 158, var(--un-text-opacity)); } .text-\#666 { --un-text-opacity: 1; color: rgba(102, 102, 102, var(--un-text-opacity)); } .text-\#aaa { --un-text-opacity: 1; color: rgba(170, 170, 170, var(--un-text-opacity)); } .text-\#bbb { --un-text-opacity: 1; color: rgba(187, 187, 187, var(--un-text-opacity)); } .text-\#ccc { --un-text-opacity: 1; color: rgba(204, 204, 204, var(--un-text-opacity)); } .text-\#CD2727 { --un-text-opacity: 1; color: rgba(205, 39, 39, var(--un-text-opacity)); } .text-\#E21716 { --un-text-opacity: 1; color: rgba(226, 23, 22, var(--un-text-opacity)); } .text-\#f1f1f1 { --un-text-opacity: 1; color: rgba(241, 241, 241, var(--un-text-opacity)); } .text-\#f3f3f3 { --un-text-opacity: 1; color: rgba(243, 243, 243, var(--un-text-opacity)); } .text-\#ff0000 { --un-text-opacity: 1; color: rgba(255, 0, 0, var(--un-text-opacity)); } .text-grey { --un-text-opacity: 1; color: rgba(147, 147, 147, var(--un-text-opacity)); } .text-main { --un-text-opacity: 1; color: rgba(22, 120, 255, var(--un-text-opacity)); } .text-red { --un-text-opacity: 1; color: rgba(245, 44, 44, var(--un-text-opacity)); } .\!opacity-100 { opacity: 1 !important; } .opacity-40 { opacity: 0.4; } .opacity-50 { opacity: 0.5; } .shadow-lg { --un-shadow: var(--un-shadow-inset) 0 10px 15px -3px var(--un-shadow-color, rgba(0, 0, 0, 0.1)), var(--un-shadow-inset) 0 4px 6px -4px var(--un-shadow-color, rgba(0, 0, 0, 0.1)); box-shadow: var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow); } .shadow-sm { --un-shadow: var(--un-shadow-inset) 0 1px 2px 0 var(--un-shadow-color, rgba(0, 0, 0, 0.05)); box-shadow: var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow); } .transition { transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 0.15s; } .leh-18 { line-height: 18px; } .border, .border-top, .border-right, .border-bottom, .border-left, .border-topbottom, .border-rightleft, .border-topleft, .border-rightbottom, .border-topright, .border-bottomleft { position: relative; } .border:before, .border-top:before, .border-right:before, .border-bottom:before, .border-left:before, .border-topbottom:before, .border-topbottom:after, .border-rightleft:before, .border-rightleft:after, .border-topleft:before, .border-topleft:after, .border-rightbottom:before, .border-rightbottom:after, .border-topright:before, .border-topright:after, .border-bottomleft:before, .border-bottomleft:after { content: " "; overflow: hidden; position: absolute; } .border:before { box-sizing: border-box; top: 0; left: 0; height: 100%; width: 100%; border: 1px solid #eaeaea; transform-origin: 0 0; } .border-top:before, .border-bottom:before, .border-topbottom:before, .border-topbottom:after, .border-topleft:before, .border-rightbottom:after, .border-topright:before, .border-bottomleft:before { left: 0; width: 100%; height: 1px; } .border-right:before, .border-left:before, .border-rightleft:before, .border-rightleft:after, .border-topleft:after, .border-rightbottom:before, .border-topright:after, .border-bottomleft:after { top: 0; width: 1px; height: 100%; } .border-top:before, .border-topbottom:before, .border-topleft:before, .border-topright:before { border-top: 1px solid #eaeaea; transform-origin: 0 0; } .border-right:before, .border-rightbottom:before, .border-rightleft:before, .border-topright:after { border-right: 1px solid #eaeaea; transform-origin: 100% 0; } .border-bottom:before, .border-topbottom:after, .border-rightbottom:after, .border-bottomleft:before { border-bottom: 1px solid #eaeaea; transform-origin: 0 100%; } .border-left:before, .border-topleft:after, .border-rightleft:after, .border-bottomleft:after { border-left: 1px solid #eaeaea; transform-origin: 0 0; } .border-top:before, .border-topbottom:before, .border-topleft:before, .border-topright:before { top: 0; } .border-right:before, .border-rightleft:after, .border-rightbottom:before, .border-topright:after { right: 0; } .border-bottom:before, .border-topbottom:after, .border-rightbottom:after, .border-bottomleft:after { bottom: 0; } .border-left:before, .border-rightleft:before, .border-topleft:after, .border-bottomleft:before { left: 0; } @media (min--moz-device-pixel-ratio: 1.5) and (max--moz-device-pixel-ratio: 2.49), (-webkit-min-device-pixel-ratio: 1.5) and (-webkit-max-device-pixel-ratio: 2.49), (min-device-pixel-ratio: 1.5) and (max-device-pixel-ratio: 2.49), (min-resolution: 144dpi) and (max-resolution: 239dpi), (min-resolution: 1.5dppx) and (max-resolution: 2.49dppx) { .border:before { width: 200%; height: 200%; transform: scale(0.5); } .border-top:before, .border-bottom:before, .border-topbottom:before, .border-topbottom:after, .border-topleft:before, .border-rightbottom:after, .border-topright:before, .border-bottomleft:before { transform: scaleY(0.5); } .border-right:before, .border-left:before, .border-rightleft:before, .border-rightleft:after, .border-topleft:after, .border-rightbottom:before, .border-topright:after, .border-bottomleft:after { transform: scaleX(0.5); } } @media (min--moz-device-pixel-ratio: 2.5), (-webkit-min-device-pixel-ratio: 2.5), (min-device-pixel-ratio: 2.5), (min-resolution: 240dpi), (min-resolution: 2.5dppx) { .border:before { width: 300%; height: 300%; transform: scale(0.33333); } .border-top:before, .border-bottom:before, .border-topbottom:before, .border-topbottom:after, .border-topleft:before, .border-rightbottom:after, .border-topright:before, .border-bottomleft:before { transform: scaleY(0.33333); } .border-right:before, .border-left:before, .border-rightleft:before, .border-rightleft:after, .border-topleft:after, .border-rightbottom:before, .border-topright:after, .border-bottomleft:after { transform: scaleX(0.33333); } } .normal-bg[data-v-d0301cb7] { z-index: -1; position: absolute; top: 0; left: 0; width: 100vw; min-height: 100vh; background-repeat: no-repeat; background-size: 100% 100%; background-attachment: fixed; } .content-wrapper[data-v-245e3b6b] { height: calc(100% - var(--navbar-height)); }