@charset "utf-8"; .van-overlay[data-v-eee171dd] { backdrop-filter: blur(0.13333rem) saturate(100%) !important; } .default-pop-wrapper[data-v-eee171dd] { position: relative; pointer-events: none; } .default-pop-wrapper.show-bottom-close[data-v-eee171dd] { padding-bottom: 1.6rem; } .default-pop-wrapper .bottom-close-btn[data-v-eee171dd] { position: absolute; bottom: 0px; left: 50%; transform: translate(-50%); pointer-events: auto; } .default-pop-container[data-v-eee171dd] { background-image: ; background-attachment: ; background-origin: ; background-clip: ; background-color: ; background-size: cover; background-position: center center; background-repeat: no-repeat; padding: var(--default-popup-padding, 0) 0; width: 9.22667rem; max-height: calc(var(--page-height) - 1.6rem); border-radius: 0.21333rem; overflow: hidden; position: relative; display: flex; flex-direction: column; pointer-events: auto; } .default-popup[data-v-eee171dd] { --van-popup-background: none; max-width: none; pointer-events: none; } .default-pop-top-bg[data-v-eee171dd] { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; background-size: 100%; background-repeat: no-repeat; z-index: 0; } .default-pop-header[data-v-eee171dd] { position: relative; z-index: 1; flex-shrink: 0; } .default-pop-header .title[data-v-eee171dd] { height: 1.06667rem; display: flex; align-items: center; justify-content: center; color: var(--app-theme-1, #232221); font-size: 0.42667rem; font-weight: 500; } .default-pop-content[data-v-eee171dd] { position: relative; z-index: 1; flex: 1 1 0%; width: 100%; overflow: hidden auto; } .default-pop-content[data-v-eee171dd] .sub { width: 100%; color: var(---, #812B00); font-size: 0.42667rem; background: var(--btnSuccessBg); border-radius: 0.85333rem; height: 1.33333rem; display: flex; align-items: center; justify-content: center; } .default-pop-content[data-v-eee171dd] .sub.disabled { background: rgb(204, 204, 204); color: rgb(255, 255, 255); pointer-events: none; } .top-progress[data-v-06300c55] { position: absolute; top: 0px; left: 0px; right: 0px; height: 0.05333rem; z-index: 3001; background: transparent; } .top-progress .top-progress__bar[data-v-06300c55] { height: 100%; width: 0%; background: rgb(18, 188, 230); transition: width 0.2s; } .version-tip-popup[data-v-02726da2] { width: 100%; padding: 0px 0.4rem; color: var(--app-theme-1); } .version-tip-popup .ic-hj[data-v-02726da2] { width: 4.90667rem; height: 6.26667rem; position: absolute; top: -1.46667rem; right: 0px; } .version-tip-popup .header .title[data-v-02726da2] { padding: 0.53333rem 0px; font-weight: 600; font-size: 0.64rem; } .version-tip-popup .content[data-v-02726da2] { font-weight: 500; font-size: 0.42667rem; } .version-tip-popup .content .tip[data-v-02726da2] { font-weight: 400; padding: 0.26667rem 0px; } .version-tip-popup .sub[data-v-02726da2] { margin-top: 1.06667rem; margin-bottom: 0.53333rem; } .version-tip-popup-wrapper .default-pop-wrapper { padding-top: 1.46667rem; padding-bottom: 1.6rem; } .version-tip-popup-wrapper { background: none !important; } .version-tip-popup-wrapper .default-pop-wrapper::before { content: ""; width: 4.90667rem; height: 6.26667rem; background-size: 100% 100%; background-position: 0px 0px; background-repeat: no-repeat; position: absolute; top: 0px; right: 0px; z-index: 1; } .deposit-notification[data-v-934a9af9] { width: 100%; padding: 0px 0.4rem; color: var(--app-theme-1); font-size: 0.37333rem; } .deposit-notification .title[data-v-934a9af9] { display: flex; flex-direction: column; align-items: center; margin-top: 0.4rem; } .deposit-notification .title img[data-v-934a9af9] { width: 4rem; } .deposit-notification .title p[data-v-934a9af9] { margin: 0.4rem 0px; } .deposit-notification .item[data-v-934a9af9] { display: flex; justify-content: space-between; color: var(--app-theme-1); margin-top: 0.13333rem; } .deposit-notification .item .label[data-v-934a9af9] { color: var(--app-theme-8); } .deposit-notification .item .amount-with-icon[data-v-934a9af9] { display: inline-flex; align-items: center; gap: 0.05333rem; } .deposit-notification .notice-bottom-text[data-v-934a9af9] { padding: 0.42667rem 0.21333rem; border: solid .01333rem var(--app-theme-2); border-radius: 0.26667rem; margin-top: 0.4rem; } .deposit-notification .notice-bottom-text[data-v-934a9af9] img { width: 100%; height: auto; } .deposit-notification .sub-btn[data-v-934a9af9] { width: 100%; margin: 0.4rem 0px; } .deposit-notification .sub-btn .btn[data-v-934a9af9] { width: 100%; color: var(--app-theme-5); background: var(--btnSuccessBg); height: 1.33333rem; display: flex; align-items: center; justify-content: center; font-size: 0.4rem; } #app[data-v-33cd5b30] { width: 100vw; height: var(--page-height, 100dvh); min-height: var(--page-height, 100dvh); overflow: hidden; } #app .page_container[data-v-33cd5b30] { position: fixed; top: var(--page-offset-top, 0); left: 0px; right: 0px; height: var(--page-height, 100dvh); min-height: var(--page-height, 100dvh); max-width: var(--page-max-width); background-image: ; background-attachment: ; background-origin: ; background-clip: ; background-color: ; background-size: cover; background-position: center center; background-repeat: no-repeat; width: 100%; margin: 0px auto; padding-top: var(--safe-top); overflow: hidden; transform: translateZ(0px); } #default-logo[data-v-33cd5b30] { width: 100%; height: 100%; position: fixed; top: 0px; left: 0px; z-index: 9999; background: rgb(0, 0, 0); display: flex; justify-content: center; align-items: center; overflow: hidden; } #default-logo img[data-v-33cd5b30] { width: 100%; object-fit: contain; } :root, :host { --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: .6; --van-disabled-opacity: .5; --van-background: var(--van-gray-1); --van-background-2: var(--van-white); --van-background-3: var(--van-white); --van-padding-base: .10667rem; --van-padding-xs: .21333rem; --van-padding-sm: .32rem; --van-padding-md: .42667rem; --van-padding-lg: .64rem; --van-padding-xl: .85333rem; --van-font-bold: 600; --van-font-size-xs: .26667rem; --van-font-size-sm: .32rem; --van-font-size-md: .37333rem; --van-font-size-lg: .42667rem; --van-line-height-xs: .37333rem; --van-line-height-sm: .48rem; --van-line-height-md: .53333rem; --van-line-height-lg: .58667rem; --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: .3s; --van-duration-fast: .2s; --van-ease-out: ease-out; --van-ease-in: ease-in; --van-border-color: var(--van-gray-3); --van-border-width: .02667rem; --van-radius-sm: .05333rem; --van-radius-md: .10667rem; --van-radius-lg: .21333rem; --van-radius-max: 26.64rem; } .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: 0px; 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: 0px; padding: 0px; list-style: none; } @keyframes van-slide-up-enter { 0% { transform: translate3d(0px, 100%, 0px); } } @keyframes van-slide-up-leave { 100% { transform: translate3d(0px, 100%, 0px); } } @keyframes van-slide-down-enter { 0% { transform: translate3d(0px, -100%, 0px); } } @keyframes van-slide-down-leave { 100% { transform: translate3d(0px, -100%, 0px); } } @keyframes van-slide-left-enter { 0% { transform: translate3d(-100%, 0px, 0px); } } @keyframes van-slide-left-leave { 100% { transform: translate3d(-100%, 0px, 0px); } } @keyframes van-slide-right-enter { 0% { transform: translate3d(100%, 0px, 0px); } } @keyframes van-slide-right-leave { 100% { transform: translate3d(100%, 0px, 0px); } } @keyframes van-fade-in { 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes van-fade-out { 0% { opacity: 1; } 100% { opacity: 0; } } @keyframes van-rotate { 0% { transform: rotate(0deg); } 100% { 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: env(safe-area-inset-top); } .van-safe-area-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; inset: -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, :host { --van-action-bar-background: var(--van-background-2); --van-action-bar-height: 1.33333rem; } .van-action-bar { position: fixed; right: 0px; bottom: 0px; left: 0px; display: flex; align-items: center; box-sizing: content-box; height: var(--van-action-bar-height); background: var(--van-action-bar-background); } :root, :host { --van-badge-size: .42667rem; --van-badge-color: var(--van-white); --van-badge-padding: 0 .08rem; --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: .21333rem; --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% center; } .van-badge--top-left { top: 0px; left: 0px; transform: translate(-50%, -50%); } .van-badge--top-right { top: 0px; right: 0px; transform: translate(50%, -50%); } .van-badge--bottom-left { bottom: 0px; left: 0px; transform: translate(-50%, 50%); } .van-badge--bottom-right { bottom: 0px; right: 0px; transform: translate(50%, 50%); } .van-badge--dot { width: var(--van-badge-dot-size); min-width: 0px; height: var(--van-badge-dot-size); background: var(--van-badge-dot-color); border-radius: 100%; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; padding: 0px; } .van-badge__wrapper { position: relative; display: inline-block; } .van-icon { position: relative; display: inline-block; font-style: ; font-variant-ligatures: ; font-variant-caps: ; font-variant-numeric: ; font-variant-east-asian: ; font-variant-alternates: ; font-variant-position: ; font-variant-emoji: ; font-weight: ; font-stretch: ; line-height: ; font-family: ; font-optical-sizing: ; font-size-adjust: ; font-kerning: ; font-feature-settings: ; font-variation-settings: ; font-language-override: ; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; } .van-icon::before { display: inline-block; } .van-icon-arrow-double-left::before { content: ""; } .van-icon-arrow-double-right::before { content: ""; } .van-icon-contact::before { content: ""; } .van-icon-notes::before { content: ""; } .van-icon-records::before { content: ""; } .van-icon-cash-back-record::before { content: ""; } .van-icon-newspaper::before { content: ""; } .van-icon-discount::before { content: ""; } .van-icon-completed::before { content: ""; } .van-icon-user::before { content: ""; } .van-icon-description::before { content: ""; } .van-icon-list-switch::before { content: ""; } .van-icon-list-switching::before { content: ""; } .van-icon-link-o::before { content: ""; } .van-icon-miniprogram-o::before { content: ""; } .van-icon-qq::before { content: ""; } .van-icon-wechat-moments::before { content: ""; } .van-icon-weibo::before { content: ""; } .van-icon-cash-o::before { content: ""; } .van-icon-guide-o::before { content: ""; } .van-icon-invitation::before { content: ""; } .van-icon-shield-o::before { content: ""; } .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-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-o::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-o::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-o::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-o::before { content: ""; } .van-icon-descending::before { content: ""; } .van-icon-desktop-o::before { content: ""; } .van-icon-diamond-o::before { content: ""; } .van-icon-description-o::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-o::before { content: ""; } .van-icon-ecard-pay::before { content: ""; } .van-icon-envelop-o::before { content: ""; } @font-face { font-weight: 400; font-family: vant-icon; font-style: normal; font-display: auto; src: url("assets/asset-009.woff2") format("woff2"), url("//at.alicdn.com/t/c/font_2553510_ciljc7axaw7.woff?t=1705587463221") format("woff"); } .van-icon__image { display: block; width: 1em; height: 1em; object-fit: contain; } :root, :host { --van-skeleton-image-size: 2.56rem; --van-skeleton-image-radius: .64rem; } .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, :host { --van-rate-icon-size: .53333rem; --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; 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: 0px; left: 0px; 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, :host { --van-notice-bar-height: 1.06667rem; --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: .64rem; --van-notice-bar-background: var(--van-orange-light); --van-notice-bar-icon-size: .42667rem; --van-notice-bar-icon-min-width: .64rem; } .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 1 0%; 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; overflow-wrap: break-word; } :root, :host { --van-nav-bar-height: 1.22667rem; --van-nav-bar-background: var(--van-background-2); --van-nav-bar-arrow-size: .42667rem; --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); user-select: none; } .van-nav-bar--fixed { position: fixed; top: 0px; left: 0px; width: 100%; } .van-nav-bar--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: 0px 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: 0px; bottom: 0px; 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: 0px; } .van-nav-bar__right { right: 0px; } .van-nav-bar__text { color: var(--van-nav-bar-text-color); } :root, :host { --van-floating-bubble-size: 1.28rem; --van-floating-bubble-initial-gap: .64rem; --van-floating-bubble-icon-size: .74667rem; --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: 0px; top: 0px; 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; 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, :host { --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: .85333rem; --van-image-loading-icon-color: var(--van-gray-4); --van-image-error-icon-size: .85333rem; --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: 0px; left: 0px; 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, :host { --van-back-top-size: 1.06667rem; --van-back-top-right: .8rem; --van-back-top-bottom: 1.06667rem; --van-back-top-z-index: 100; --van-back-top-icon-size: .53333rem; --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: rgba(0, 0, 0, 0.12) 0px 0.05333rem 0.21333rem; transform: scale(0); transition: var(--van-duration-base) cubic-bezier(.25,.8,.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, :host { --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: .05333rem; --van-tag-line-height: .42667rem; --van-tag-medium-padding: .05333rem .16rem; --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; inset: 0px; border-width: 0.02667rem; border-style: solid; border-image: none; 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: 0.05333rem; content: ""; } .van-tag--round { border-radius: var(--van-tag-round-radius); } .van-tag__close { margin-left: 0.05333rem; } :root, :host { --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: 2.34667rem; --van-card-thumb-radius: var(--van-radius-lg); --van-card-title-line-height: .42667rem; --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: 0 0 auto; 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 1 0%; flex-direction: column; justify-content: space-between; min-width: 0px; min-height: var(--van-card-thumb-size); } .van-card__content--centered { justify-content: center; } .van-card__title, .van-card__desc { overflow-wrap: break-word; } .van-card__title { max-height: 0.85333rem; 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: 0.13333rem; 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: 0.05333rem; left: 0px; } .van-card__footer { flex: 0 0 auto; text-align: right; } .van-card__footer .van-button { margin-left: 0.13333rem; } :root, :host { --van-cell-font-size: var(--van-font-size-md); --van-cell-line-height: .64rem; --van-cell-vertical-padding: .26667rem; --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: .42667rem; --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: 0px; left: var(--van-padding-md); border-bottom: .02667rem 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 1 0%; } .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; overflow-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, :host { --van-coupon-cell-selected-text-color: var(--van-text-color); } .van-coupon-cell__value--selected { color: var(--van-coupon-cell-selected-text-color); } :root, :host { --van-contact-card-padding: var(--van-padding-md); --van-contact-card-add-icon-size: 1.06667rem; --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: 0.13333rem; 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: 0px; bottom: 0px; left: 0px; height: 0.05333rem; background-image: ; background-position-x: ; background-position-y: ; background-repeat: ; background-attachment: ; background-origin: ; background-clip: ; background-color: ; background-size: 2.13333rem; content: ""; } :root, :host { --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: 0px; right: var(--van-padding-md); left: var(--van-padding-md); border-top: .02667rem solid var(--van-border-color); transform: scaleY(0.5); } .van-collapse-item__title .van-cell__right-icon::before { transform: rotate(90deg) translateZ(0px); 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, :host { --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: .48rem; --van-field-clear-icon-size: .48rem; --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: .32rem; --van-field-text-area-min-height: 1.6rem; --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: .42667rem; --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: 0 0 auto; 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; overflow-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); overflow-wrap: break-word; } .van-field__label--required::before { margin-right: 0.05333rem; 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: 0px; margin: 0px; padding: 0px; color: var(--van-field-input-text-color); line-height: inherit; text-align: left; background-color: transparent; border: 0px; resize: none; 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"] { 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, :host { --van-search-padding: .26667rem var(--van-padding-sm); --van-search-background: var(--van-background-2); --van-search-content-background: var(--van-background); --van-search-input-height: .90667rem; --van-search-label-padding: 0 .13333rem; --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 1 0%; 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 1 0%; 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__field--with-message { height: auto; align-items: flex-start; padding-top: 0.13333rem; padding-bottom: 0.13333rem; } .van-search--show-action { padding-right: 0px; } .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; user-select: none; } .van-search__action:active { background-color: var(--van-active-color); } :root, :host { --van-action-bar-icon-width: 1.28rem; --van-action-bar-icon-height: 100%; --van-action-bar-icon-color: var(--van-text-color); --van-action-bar-icon-size: .48rem; --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, :host { --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: .8rem; --van-loading-spinner-duration: .8s; } .van-loading { position: relative; color: var(--van-loading-spinner-color); font-size: 0px; 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: 0px; left: 0px; width: 100%; height: 100%; } .van-loading__line::before { display: block; width: 0.05333rem; height: 25%; margin: 0px auto; background-color: currentcolor; border-radius: 40%; content: " "; } .van-loading__circular { display: block; width: 100%; height: 100%; } .van-loading__circular circle { animation: 1.5s ease-in-out 0s infinite normal none running van-circular; 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; } 100% { 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, :host { --van-pull-refresh-head-height: 1.33333rem; --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: .42667rem; } .van-pull-refresh { overflow: hidden; } .van-pull-refresh__track { position: relative; height: 100%; transition-property: transform; } .van-pull-refresh__head { position: absolute; left: 0px; 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, :host { --van-number-keyboard-background: var(--van-gray-2); --van-number-keyboard-key-height: 1.28rem; --van-number-keyboard-key-font-size: .74667rem; --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: .90667rem; --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: 0px; left: 0px; z-index: var(--van-number-keyboard-z-index); width: 100%; padding-bottom: 0.58667rem; background: var(--van-number-keyboard-background); user-select: none; } .van-number-keyboard--with-title { border-radius: 0.53333rem 0.53333rem 0px 0px; } .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: 0.16rem; 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: 0px; } .van-number-keyboard__body { display: flex; padding: 0.16rem 0px 0px 0.16rem; } .van-number-keyboard__keys { display: flex; flex: 3 1 0%; flex-wrap: wrap; } .van-number-keyboard__close { position: absolute; right: 0px; 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-width: medium; border-style: none; border-color: currentcolor; border-image: none; } .van-number-keyboard__sidebar { display: flex; flex: 1 1 0%; flex-direction: column; } .van-number-keyboard--unfit { padding-bottom: 0px; } .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; inset: 0px 0.16rem 0.16rem 0px; 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 1 33%; box-sizing: border-box; padding: 0px 0.16rem 0.16rem 0px; } .van-key__wrapper--wider { flex-basis: 66%; } .van-key__delete-icon { width: 0.85333rem; height: 0.58667rem; } .van-key__collapse-icon { width: 0.8rem; height: 0.64rem; } .van-key__loading-icon { color: var(--van-number-keyboard-button-text-color); } :root, :host { --van-list-text-color: var(--van-text-color-2); --van-list-text-font-size: var(--van-font-size-md); --van-list-text-line-height: 1.33333rem; --van-list-loading-icon-size: .42667rem; } .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: 0px; 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, :host { --van-switch-size: .69333rem; --van-switch-width: calc(1.8em + .10667rem); --van-switch-height: calc(1em + .10667rem); --van-switch-node-size: 1em; --van-switch-node-background: var(--van-white); --van-switch-node-shadow: 0 .08rem .02667rem 0 rgba(0, 0, 0, .05); --van-switch-background: rgba(120, 120, 128, .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, .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: 0.05333rem; left: 0.05333rem; 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(.3,1.05,.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) - .10667rem)); } .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, :host { --van-button-mini-height: .64rem; --van-button-mini-padding: 0 var(--van-padding-base); --van-button-mini-font-size: var(--van-font-size-xs); --van-button-small-height: .85333rem; --van-button-small-padding: 0 var(--van-padding-xs); --van-button-small-font-size: var(--van-font-size-sm); --van-button-normal-padding: 0 .4rem; --van-button-normal-font-size: var(--van-font-size-md); --van-button-large-height: 1.33333rem; --van-button-default-height: 1.17333rem; --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: .53333rem; } .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: 0px; padding: 0px; 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); appearance: none; -webkit-font-smoothing: auto; } .van-button::before { position: absolute; top: 50%; left: 50%; width: 100%; height: 100%; background: var(--van-black); border-style: inherit; border-width: inherit; border-image: inherit; border-color: var(--van-black); border-radius: inherit; transform: translate(-50%, -50%); opacity: 0; content: " "; box-sizing: content-box; } .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: 0px; } .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: 0px; } .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: 0px; } :root, :host { --van-submit-bar-height: 1.33333rem; --van-submit-bar-z-index: 100; --van-submit-bar-background: var(--van-background-2); --van-submit-bar-button-width: 2.93333rem; --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: .53333rem; --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: .32rem; --van-submit-bar-button-height: 1.06667rem; --van-submit-bar-padding: 0 var(--van-padding-md); } .van-submit-bar { position: fixed; bottom: 0px; left: 0px; z-index: var(--van-submit-bar-z-index); width: 100%; background: var(--van-submit-bar-background); 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 1 0%; 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-width: medium; border-style: none; border-color: currentcolor; border-image: none; } .van-submit-bar__button--danger { background: var(--van-gradient-red); } :root, :host { --van-signature-padding: var(--van-padding-xs); --van-signature-content-height: 5.33333rem; --van-signature-content-background: var(--van-background-2); --van-signature-content-border: .02667rem 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, :host { --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: 0.26667rem; padding-top: 0.24rem; padding-bottom: 0.24rem; 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, :host { --van-action-bar-button-height: 1.06667rem; --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 1 0%; height: var(--van-action-bar-button-height); font-weight: var(--van-font-bold); font-size: var(--van-font-size-md); border-width: medium; border-style: none; border-color: currentcolor; border-image: none; border-radius: 0px; } .van-action-bar-button--first { margin-left: 0.13333rem; border-top-left-radius: var(--van-radius-max); border-bottom-left-radius: var(--van-radius-max); } .van-action-bar-button--last { margin-right: 0.13333rem; 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: 0.34667rem; } } :root, :host { --van-overlay-z-index: 1; --van-overlay-background: rgba(0, 0, 0, .7); } .van-overlay { position: fixed; top: 0px; left: 0px; z-index: var(--van-overlay-z-index); width: 100%; height: 100%; background: var(--van-overlay-background); } :root, :host { --van-popup-background: var(--van-background-2); --van-popup-transition: transform var(--van-duration-base); --van-popup-round-radius: .42667rem; --van-popup-close-icon-size: .58667rem; --van-popup-close-icon-color: var(--van-gray-5); --van-popup-close-icon-margin: .42667rem; --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); } .van-popup--center { top: 50%; left: 0px; right: 0px; width: fit-content; max-width: calc(100vw - var(--van-padding-md) * 2); margin: 0px auto; transform: translateY(-50%); } .van-popup--center.van-popup--round { border-radius: var(--van-popup-round-radius); } .van-popup--top { top: 0px; left: 0px; 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: 0px; transform: translate3d(0px, -50%, 0px); } .van-popup--right.van-popup--round { border-radius: var(--van-popup-round-radius) 0 0 var(--van-popup-round-radius); } .van-popup--bottom { bottom: 0px; left: 0px; 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: 0px; transform: translate3d(0px, -50%, 0px); } .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(0px, -100%, 0px); } .van-popup-slide-right-enter-from, .van-popup-slide-right-leave-active { transform: translate3d(100%, -50%, 0px); } .van-popup-slide-bottom-enter-from, .van-popup-slide-bottom-leave-active { transform: translate3d(0px, 100%, 0px); } .van-popup-slide-left-enter-from, .van-popup-slide-left-leave-active { transform: translate3d(-100%, -50%, 0px); } .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, :host { --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: .42667rem; --van-share-sheet-icon-size: 1.28rem; --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: 1.28rem; --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: auto visible; } .van-share-sheet__options--border::before { position: absolute; box-sizing: border-box; content: " "; pointer-events: none; top: 0px; right: 0px; left: var(--van-padding-md); border-top: .02667rem solid var(--van-border-color); transform: scaleY(0.5); } .van-share-sheet__options::-webkit-scrollbar { height: 0px; } .van-share-sheet__option { display: flex; flex-direction: column; align-items: center; 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: 0.69333rem; } .van-share-sheet__icon--weapp-qrcode { font-size: 0.74667rem; } .van-share-sheet__icon--qq, .van-share-sheet__icon--weibo, .van-share-sheet__icon--wechat, .van-share-sheet__icon--wechat-moments { font-size: 0.8rem; color: var(--van-white); } .van-share-sheet__icon--qq { background-color: rgb(56, 185, 250); } .van-share-sheet__icon--wechat { background-color: rgb(11, 193, 95); } .van-share-sheet__icon--weibo { background-color: rgb(238, 87, 94); } .van-share-sheet__icon--wechat-moments { background-color: rgb(123, 200, 69); } .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: 0px; 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-width: medium; border-style: none; border-color: currentcolor; border-image: 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, :host { --van-popover-arrow-size: .16rem; --van-popover-radius: var(--van-radius-lg); --van-popover-action-width: 3.41333rem; --van-popover-action-height: 1.17333rem; --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: .53333rem; --van-popover-horizontal-action-height: .90667rem; --van-popover-horizontal-action-icon-size: .42667rem; --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: 0px; height: 0px; 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: max-content; } .van-popover__content--horizontal .van-popover__action { flex: 0 0 auto; 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 1 0%; 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: 0px; border-top-color: currentcolor; border-bottom-width: 0px; 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: 0px 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: 0px; border-right-width: 0px; 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% 0px; } .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: 0px; border-right-color: currentcolor; border-left-width: 0px; margin-left: calc(var(--van-popover-arrow-size) * -1); } .van-popover[data-popper-placement="right"] { transform-origin: 0px 50%; } .van-popover[data-popper-placement="right"] .van-popover__arrow { top: 50%; transform: translateY(-50%); } .van-popover[data-popper-placement="right-start"] { transform-origin: 0px 0px; } .van-popover[data-popper-placement="right-start"] .van-popover__arrow { top: var(--van-padding-md); } .van-popover[data-popper-placement="right-end"] { transform-origin: 0px 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: 0px; border-top-width: 0px; border-bottom-color: currentcolor; margin-top: calc(var(--van-popover-arrow-size) * -1); } .van-popover[data-popper-placement="bottom"] { transform-origin: 50% 0px; } .van-popover[data-popper-placement="bottom"] .van-popover__arrow { left: 50%; transform: translate(-50%); } .van-popover[data-popper-placement="bottom-start"] { transform-origin: 0px 0px; } .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% 0px; } .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: rgba(50, 50, 51, 0.12) 0px 0.05333rem 0.32rem; } .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, :host { --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; overflow-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, :host { --van-dialog-width: 8.53333rem; --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: .42667rem; --van-dialog-background: var(--van-background-2); --van-dialog-header-font-weight: var(--van-font-bold); --van-dialog-header-line-height: .64rem; --van-dialog-header-padding-top: .69333rem; --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: 1.28rem; --van-dialog-round-button-height: .96rem; --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); backface-visibility: hidden; transition-duration: ; transition-timing-function: ; transition-delay: ; transition-behavior: ; 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: 2.77333rem; } .van-dialog__message { color: var(--van-text-color); flex: 1 1 0%; max-height: var(--van-dialog-message-max-height); padding: .69333rem 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; overflow-wrap: break-word; } .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; user-select: none; } .van-dialog__confirm, .van-dialog__cancel { flex: 1 1 0%; height: var(--van-dialog-button-height); margin: 0px; border: 0px; border-radius: 0px; } .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(0px, -50%, 0px) scale(0.7); opacity: 0; } .van-dialog-bounce-leave-active { transform: translate3d(0px, -50%, 0px) scale(0.9); opacity: 0; } :root, :host { --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, .7); --van-toast-icon-size: .96rem; --van-toast-text-min-width: 2.56rem; --van-toast-text-padding: var(--van-padding-xs) var(--van-padding-sm); --van-toast-default-padding: var(--van-padding-md); --van-toast-default-width: 2.34667rem; --van-toast-default-min-height: 2.34667rem; --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; overflow-wrap: normal; } .van-toast--break-word { word-break: normal; overflow-wrap: break-word; } .van-toast--unclickable { overflow: hidden; cursor: not-allowed; } .van-toast--unclickable * { pointer-events: none; } .van-toast--text, .van-toast--html { width: fit-content; min-width: var(--van-toast-text-min-width); min-height: 0px; padding: var(--van-toast-text-padding); } .van-toast--text .van-toast__text, .van-toast--html .van-toast__text { margin-top: 0px; } .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, :host { --van-action-sheet-max-height: 80%; --van-action-sheet-header-height: 1.28rem; --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-item-icon-size: .48rem; --van-action-sheet-item-icon-margin-right: var(--van-padding-xs); --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: .58667rem; --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: .58667rem; } .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 1 auto; overflow-y: auto; } .van-action-sheet__item, .van-action-sheet__cancel { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; width: 100%; padding: .37333rem var(--van-padding-md); font-size: var(--van-action-sheet-item-font-size); background: var(--van-action-sheet-item-background); border-width: medium; border-style: none; border-color: currentcolor; border-image: 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__item-icon { font-size: var(--van-action-sheet-item-icon-size); margin-right: var(--van-action-sheet-item-icon-margin-right); } .van-action-sheet__cancel { flex-shrink: 0; box-sizing: border-box; color: var(--van-action-sheet-cancel-text-color); } .van-action-sheet__subname { width: 100%; 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); overflow-wrap: break-word; } .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: .53333rem 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: 0px; left: var(--van-padding-md); border-bottom: .02667rem 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: 0px; right: 0px; 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, :host { --van-sticky-z-index: 99; } .van-sticky--fixed { position: fixed; z-index: var(--van-sticky-z-index); } :root, :host { --van-swipe-indicator-size: .16rem; --van-swipe-indicator-margin: var(--van-padding-sm); --van-swipe-indicator-active-opacity: 1; --van-swipe-indicator-inactive-opacity: .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(0px); cursor: grab; user-select: none; } .van-swipe__track { display: flex; height: 100%; transition-property: transform; } .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, :host { --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 .02667rem .02667rem var(--van-gray-8); --van-image-preview-overlay-background: rgba(0, 0, 0, .9); --van-image-preview-close-icon-size: .58667rem; --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: 0px; left: 0px; 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: 0px; left: 0px; } .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: 0.96rem; } .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, :host { --van-uploader-size: 2.13333rem; --van-uploader-icon-size: .64rem; --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: .37333rem; --van-uploader-delete-background: rgba(0, 0, 0, .7); --van-uploader-file-background: var(--van-background); --van-uploader-file-icon-size: .53333rem; --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, .88); --van-uploader-mask-icon-size: .58667rem; --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: .58667rem; --van-uploader-loading-icon-color: var(--van-white); --van-uploader-disabled-opacity: var(--van-disabled-opacity); --van-uploader-border-radius: 0; } .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: 0px; left: 0px; 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); border-radius: var(--van-uploader-border-radius); } .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; border-radius: var(--van-uploader-border-radius); } .van-uploader__preview-delete { position: absolute; top: 0px; right: 0px; } .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: 0px 0px 0px 0.32rem; } .van-uploader__preview-delete-icon { position: absolute; top: 0px; right: 0px; 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; inset: 0px; } .van-uploader__mask { position: absolute; inset: 0px; display: flex; flex-direction: column; align-items: center; justify-content: center; color: var(--van-uploader-mask-text-color); background: var(--van-uploader-mask-background); border-radius: var(--van-uploader-border-radius); } .van-uploader__mask-icon { font-size: var(--van-uploader-mask-icon-size); } .van-uploader__mask-message { margin-top: 0.16rem; 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, :host { --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: 1.17333rem; --van-tabs-card-height: .8rem; --van-tabs-nav-background: var(--van-background-2); --van-tabs-bottom-bar-width: 1.06667rem; --van-tabs-bottom-bar-height: .08rem; --van-tabs-bottom-bar-color: var(--van-primary-color); } .van-tab { position: relative; display: flex; flex: 1 1 0%; 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: 0 0 auto; 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-width: medium; border-right-style: none; border-right-color: currentcolor; } .van-tab--card.van-tab--active { color: var(--van-white); background-color: var(--van-tabs-default-color); } .van-tab--card.van-tab--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: 0px; } .van-tabs__nav { position: relative; display: flex; background: var(--van-tabs-nav-background); user-select: none; } .van-tabs__nav--complete { overflow: auto hidden; } .van-tabs__nav--complete::-webkit-scrollbar { display: none; } .van-tabs__nav--line { box-sizing: content-box; height: 100%; padding-bottom: 0.4rem; } .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-radius-sm); } .van-tabs__nav--card.van-tabs__nav--shrink { display: inline-flex; } .van-tabs__line { position: absolute; bottom: 0.4rem; left: 0px; 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: 0px; overflow: visible; } :root, :host { --van-cascader-header-height: 1.28rem; --van-cascader-header-padding: 0 var(--van-padding-md); --van-cascader-title-font-size: var(--van-font-size-lg); --van-cascader-title-line-height: .53333rem; --van-cascader-close-icon-size: .58667rem; --van-cascader-close-icon-color: var(--van-gray-5); --van-cascader-selected-icon-size: .48rem; --van-cascader-tabs-height: 1.28rem; --van-cascader-active-color: var(--van-primary-color); --van-cascader-options-height: 10.24rem; --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: .26667rem 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: 0.16rem; overflow-y: auto; } :root, :host { --van-picker-background: var(--van-background-2); --van-picker-toolbar-height: 1.17333rem; --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: .3; --van-picker-loading-icon-color: var(--van-primary-color); --van-picker-loading-mask-color: rgba(255, 255, 255, .9); --van-picker-mask-color: linear-gradient(180deg, rgba(255, 255, 255, .9), rgba(255, 255, 255, .4)), linear-gradient(0deg, rgba(255, 255, 255, .9), rgba(255, 255, 255, .4)); } .van-theme-dark { --van-picker-loading-mask-color: rgba(0, 0, 0, .6); --van-picker-mask-color: linear-gradient(180deg, rgba(0, 0, 0, .6), rgba(0, 0, 0, .1)), linear-gradient(0deg, rgba(0, 0, 0, .6), rgba(0, 0, 0, .1)); } .van-picker { position: relative; background: var(--van-picker-background); 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-width: medium; border-style: none; border-color: currentcolor; border-image: 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: grab; } .van-picker__loading { position: absolute; inset: 0px; 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: 0px; left: 0px; z-index: 1; width: 100%; height: 100%; background-image: var(--van-picker-mask-color); background-repeat: no-repeat; background-position: center top, center bottom; transform: translateZ(0px); pointer-events: none; } .van-picker-column { flex: 1 1 0%; 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, :host { --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: 0.42667rem; } :root, :host { --van-calendar-background: var(--van-background-2); --van-calendar-popup-height: 80%; --van-calendar-header-shadow: 0 .05333rem .26667rem rgba(125, 126, 128, .16); --van-calendar-header-title-height: 1.17333rem; --van-calendar-header-title-font-size: var(--van-font-size-lg); --van-calendar-header-subtitle-font-size: var(--van-font-size-md); --van-calendar-header-action-width: .74667rem; --van-calendar-header-action-color: var(--van-text-color); --van-calendar-header-action-disabled-color: var(--van-text-color-3); --van-calendar-weekdays-height: .8rem; --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, .8); --van-calendar-month-mark-font-size: 4.26667rem; --van-calendar-day-height: 1.70667rem; --van-calendar-day-font-size: var(--van-font-size-lg); --van-calendar-day-margin-bottom: .10667rem; --van-calendar-day-disabled-color: var(--van-text-color-3); --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: .1; --van-calendar-selected-day-size: 1.44rem; --van-calendar-selected-day-color: var(--van-white); --van-calendar-selected-day-background: var(--van-primary-color); --van-calendar-info-font-size: var(--van-font-size-xs); --van-calendar-info-line-height: var(--van-line-height-xs); --van-calendar-confirm-button-height: .96rem; --van-calendar-confirm-button-margin: .18667rem 0; } .van-theme-dark { --van-calendar-month-mark-color: rgba(100, 101, 102, .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: 0.29333rem; } .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__header-subtitle--with-switch { display: flex; align-items: center; padding: 0 var(--van-padding-base); } .van-calendar__header-subtitle-text { flex: 1 1 0%; } .van-calendar__header-action { display: flex; align-items: center; justify-content: center; min-width: var(--van-calendar-header-action-width); height: 100%; color: var(--van-calendar-header-action-color); cursor: pointer; } .van-calendar__header-action--disabled { color: var(--van-calendar-header-action-disabled-color); cursor: not-allowed; } .van-calendar__month-title { font-size: var(--van-calendar-month-title-font-size); } .van-calendar__weekdays { display: flex; } .van-calendar__weekday { flex: 1 1 0%; font-size: var(--van-calendar-weekdays-font-size); line-height: var(--van-calendar-weekdays-height); text-align: center; } .van-calendar__body { flex: 1 1 0%; overflow: auto; } .van-calendar__days { position: relative; display: flex; flex-wrap: wrap; 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; inset: 0px; 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: 0px; left: 0px; 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: 0.24rem; } } .van-calendar__top-info { top: 0.16rem; } .van-calendar__bottom-info { bottom: 0.16rem; } .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, :host { --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, :host { --van-checkbox-size: .53333rem; --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; 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: 0 0 auto; 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: .02667rem 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, :host { --van-coupon-margin: 0 var(--van-padding-sm) var(--van-padding-sm); --van-coupon-content-height: 2.24rem; --van-coupon-content-padding: .37333rem 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 .10667rem rgba(0, 0, 0, .1); --van-coupon-head-width: 2.56rem; --van-coupon-amount-color: var(--van-primary-color); --van-coupon-amount-font-size: .8rem; --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: 0.16rem; 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: 0.05333rem; } .van-coupon__condition { font-size: var(--van-font-size-sm); line-height: 0.42667rem; white-space: pre-wrap; } .van-coupon__body { position: relative; flex: 1 1 0%; } .van-coupon__name { margin-bottom: 0.26667rem; 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: 0px; right: var(--van-padding-md); bottom: 0px; } .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: .02667rem 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) - .26667rem); } .van-coupon--disabled .van-coupon__head { color: inherit; } :root, :host { --van-radio-size: .53333rem; --van-radio-dot-size: .21333rem; --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; 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: 0 0 auto; 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: .02667rem 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: .02667rem 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, :host { --van-contact-list-padding: var(--van-padding-sm) var(--van-padding-sm) 2.13333rem; --van-contact-list-edit-icon-size: .42667rem; --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: 0 0 auto; margin-left: var(--van-padding-xs); padding-top: 0px; padding-bottom: 0px; line-height: 1.4em; } .van-contact-list__group { box-sizing: border-box; height: 100%; overflow-y: scroll; 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: 0px; bottom: 0px; left: 0px; 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: 1.06667rem; margin: 0.13333rem 0px; } :root, :host { --van-address-list-padding: var(--van-padding-sm) var(--van-padding-sm) 2.13333rem; --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: .34667rem; --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: .53333rem; } .van-address-list { box-sizing: border-box; height: 100%; padding: var(--van-address-list-padding); } .van-address-list__bottom { position: fixed; bottom: 0px; left: 0px; 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: 1.06667rem; margin: 0.13333rem 0px; } .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: 1.17333rem; } .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: 0 0 auto; margin-left: var(--van-padding-xs); padding-top: 0px; padding-bottom: 0px; 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: 0px; } .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, :host { --van-barrage-font-size: .42667rem; --van-barrage-space: .26667rem; --van-barrage-font: inherit; --van-barrage-color: var(--van-white); } .van-barrage { position: relative; overflow: hidden; } .van-barrage__item { position: absolute; top: 0px; right: 0px; 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: rgb(0, 0, 0) 0.02667rem 0px 0.02667rem, rgb(0, 0, 0) 0px 0.02667rem 0.02667rem, rgb(0, 0, 0) 0px -0.02667rem 0.02667rem, rgb(0, 0, 0) -0.02667rem 0px 0.02667rem; user-select: none; will-change: transform; transform: translate(110%); } @keyframes van-barrage { 0% { transform: translate(110%); } 100% { transform: translate(var(--move-distance)); } } :root, :host { --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: .42667rem; --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, :host { --van-circle-size: 2.66667rem; --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: 0px; left: 0px; 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: 0px; 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: 0.02667rem; } .van-col--1 { flex: 0 0 4.16667%; max-width: 4.16667%; } .van-col--offset-1 { margin-left: 4.16667%; } .van-col--2 { flex: 0 0 8.33333%; max-width: 8.33333%; } .van-col--offset-2 { margin-left: 8.33333%; } .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.6667%; max-width: 16.6667%; } .van-col--offset-4 { margin-left: 16.6667%; } .van-col--5 { flex: 0 0 20.8333%; max-width: 20.8333%; } .van-col--offset-5 { margin-left: 20.8333%; } .van-col--6 { flex: 0 0 25%; max-width: 25%; } .van-col--offset-6 { margin-left: 25%; } .van-col--7 { flex: 0 0 29.1667%; max-width: 29.1667%; } .van-col--offset-7 { margin-left: 29.1667%; } .van-col--8 { flex: 0 0 33.3333%; max-width: 33.3333%; } .van-col--offset-8 { margin-left: 33.3333%; } .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.6667%; max-width: 41.6667%; } .van-col--offset-10 { margin-left: 41.6667%; } .van-col--11 { flex: 0 0 45.8333%; max-width: 45.8333%; } .van-col--offset-11 { margin-left: 45.8333%; } .van-col--12 { flex: 0 0 50%; max-width: 50%; } .van-col--offset-12 { margin-left: 50%; } .van-col--13 { flex: 0 0 54.1667%; max-width: 54.1667%; } .van-col--offset-13 { margin-left: 54.1667%; } .van-col--14 { flex: 0 0 58.3333%; max-width: 58.3333%; } .van-col--offset-14 { margin-left: 58.3333%; } .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.6667%; max-width: 66.6667%; } .van-col--offset-16 { margin-left: 66.6667%; } .van-col--17 { flex: 0 0 70.8333%; max-width: 70.8333%; } .van-col--offset-17 { margin-left: 70.8333%; } .van-col--18 { flex: 0 0 75%; max-width: 75%; } .van-col--offset-18 { margin-left: 75%; } .van-col--19 { flex: 0 0 79.1667%; max-width: 79.1667%; } .van-col--offset-19 { margin-left: 79.1667%; } .van-col--20 { flex: 0 0 83.3333%; max-width: 83.3333%; } .van-col--offset-20 { margin-left: 83.3333%; } .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.6667%; max-width: 91.6667%; } .van-col--offset-22 { margin-left: 91.6667%; } .van-col--23 { flex: 0 0 95.8333%; max-width: 95.8333%; } .van-col--offset-23 { margin-left: 95.8333%; } .van-col--24 { flex: 0 0 100%; max-width: 100%; } .van-col--offset-24 { margin-left: 100%; } :root, :host { --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, :host { --van-empty-padding: var(--van-padding-xl) 0; --van-empty-image-size: 4.26667rem; --van-empty-description-margin-top: var(--van-padding-md); --van-empty-description-padding: 0 1.6rem; --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: .64rem; } .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, :host { --van-coupon-list-background: var(--van-background); --van-coupon-list-field-padding: .13333rem 0 .13333rem var(--van-padding-md); --van-coupon-list-exchange-button-height: .85333rem; --van-coupon-list-close-button-height: 1.06667rem; --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: 0.90667rem; padding-left: var(--van-padding-sm); line-height: 0.90667rem; 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: 0px; } .van-coupon-list__exchange-bar { display: flex; align-items: center; background-color: var(--van-background-2); } .van-coupon-list__exchange { flex: 0 0 auto; 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) - .05333rem); border: 0px; } .van-coupon-list .van-tabs__wrap { box-shadow: 0 .16rem .32rem -.32rem 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; } .van-coupon-list__list--with-bottom { padding-bottom: 1.33333rem; } .van-coupon-list__bottom { position: absolute; bottom: 0px; left: 0px; z-index: 999; box-sizing: border-box; width: 100%; padding: .13333rem 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, :host { --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: .64rem; --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: 0px; } .van-divider::before, .van-divider::after { display: block; flex: 1 1 0%; box-sizing: border-box; height: 0.02667rem; 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, :host { --van-dropdown-menu-height: 1.28rem; --van-dropdown-menu-background: var(--van-background-2); --van-dropdown-menu-shadow: 0 .05333rem .32rem rgba(100, 101, 102, .12); --van-dropdown-menu-title-font-size: .4rem; --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-option-disabled-color: var(--van-text-color-3); --van-dropdown-menu-content-max-height: 80%; } .van-dropdown-menu { 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: auto hidden; } .van-dropdown-menu__bar--scrollable::-webkit-scrollbar { display: none; } .van-dropdown-menu__item { display: flex; flex: 1 1 0%; align-items: center; justify-content: center; min-width: 0px; } .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: -0.10667rem; margin-top: -0.13333rem; border-width: 0.08rem; border-style: solid; border-image: none; 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: -0.02667rem; transform: rotate(135deg); } :root, :host { --van-dropdown-item-z-index: 10; } .van-dropdown-item { position: fixed; right: 0px; left: 0px; 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__option--disabled, .van-dropdown-item__option--disabled .van-dropdown-item__icon { color: var(--van-dropdown-menu-option-disabled-color); } .van-dropdown-item--up { top: 0px; } .van-dropdown-item--down { bottom: 0px; } .van-dropdown-item__content { position: absolute; max-height: var(--van-dropdown-menu-content-max-height); } :root, :host { --van-floating-panel-border-radius: .42667rem; --van-floating-panel-header-height: .8rem; --van-floating-panel-z-index: 999; --van-floating-panel-background: var(--van-background-2); --van-floating-panel-bar-width: .53333rem; --van-floating-panel-bar-height: .08rem; --van-floating-panel-bar-color: var(--van-gray-5); } .van-floating-panel { position: fixed; left: 0px; bottom: 0px; 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); will-change: transform; } .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: grab; 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 1 0%; overflow-y: auto; background-color: var(--van-floating-panel-background); } .van-grid { display: flex; flex-wrap: wrap; } :root, :host { --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: .74667rem; --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: 0px; } .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: 0px; right: 0px; left: 0px; } .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, :host { --van-highlight-tag-color: var(--van-primary-color); } .van-highlight__tag { color: var(--van-highlight-tag-color); } :root, :host { --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: 0px; z-index: var(--van-index-bar-sidebar-z-index); display: flex; flex-direction: column; text-align: center; transform: translateY(-50%); cursor: pointer; 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, :host { --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: .85333rem; --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: 0px; right: 0px; left: 0px; color: var(--van-index-anchor-sticky-text-color); background: var(--van-index-anchor-sticky-background); } :root, :host { --van-pagination-height: 1.06667rem; --van-pagination-font-size: var(--van-font-size-md); --van-pagination-item-width: .96rem; --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 1 0%; 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; user-select: none; } .van-pagination__item button { flex: 1 1 0%; height: 100%; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; padding: 0px; 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: 0px; } .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 1 0%; height: var(--van-pagination-height); color: var(--van-pagination-desc-color); } :root, :host { --van-password-input-height: 1.33333rem; --van-password-input-margin: 0 var(--van-padding-md); --van-password-input-font-size: .53333rem; --van-password-input-radius: .16rem; --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: .26667rem; --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: .02667rem; --van-password-input-cursor-height: 40%; --van-password-input-cursor-duration: 1s; } .van-password-input { position: relative; margin: var(--van-password-input-margin); 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 1 0%; 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; } 100% { opacity: 0; } } :root, :host { --van-progress-height: .10667rem; --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 .13333rem; --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: 0px; width: 100%; height: 100%; background: var(--van-progress-color); border-radius: inherit; transform-origin: 0px center; 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, :host { --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: 0; --van-rolling-text-item-width: .4rem; --van-rolling-text-item-border-radius: 0; } .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: 0px; } .van-rolling-text-item__box { overflow: hidden; } .van-rolling-text-item__box--animate { animation-duration: ; animation-timing-function: ; animation-delay: ; animation-direction: ; animation-play-state: ; animation-name: ; animation-timeline: ; animation-range-start: ; animation-range-end: ; 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)); } 100% { transform: translateY(0px); } } @keyframes van-up { 0% { transform: translateY(0px); } 100% { transform: translateY(var(--van-translate)); } } :root, :host { --van-sidebar-width: 2.13333rem; } .van-sidebar { width: var(--van-sidebar-width); overflow-y: auto; } :root, :host { --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: .53333rem 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: .10667rem; --van-sidebar-selected-border-height: .42667rem; --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; user-select: none; } .van-sidebar-item:active { background-color: var(--van-sidebar-active-color); } .van-sidebar-item:not(:last-child)::after { border-bottom-width: 0.02667rem; } .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: 0px; 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, :host { --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: .37333rem var(--van-padding-sm); --van-tree-select-item-height: 1.28rem; --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: .42667rem; } .van-tree-select { position: relative; display: flex; font-size: var(--van-tree-select-font-size); } .van-tree-select__nav { flex: 1 1 0%; overflow-y: auto; background: var(--van-tree-select-nav-background); } .van-tree-select__nav-item { padding: var(--van-tree-select-nav-item-padding); } .van-tree-select__content { flex: 2 1 0%; overflow-y: auto; background: var(--van-tree-select-content-background); } .van-tree-select__item { position: relative; padding: 0 .85333rem 0 var(--van-padding-md); font-weight: var(--van-font-bold); line-height: var(--van-tree-select-item-height); 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, :host { --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: 0px; } .van-skeleton-title + .van-skeleton-paragraph { margin-top: 0.53333rem; } :root, :host { --van-skeleton-avatar-size: .85333rem; --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, :host { --van-skeleton-paragraph-height: .42667rem; --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, :host { --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, :host { --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: .05333rem; --van-slider-button-width: .64rem; --van-slider-button-height: .64rem; --van-slider-button-radius: 50%; --van-slider-button-background: var(--van-white); --van-slider-button-shadow: 0 .02667rem .05333rem rgba(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: 0px; bottom: calc(var(--van-padding-xs) * -1); left: 0px; 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: grab; top: 50%; } .van-slider__button-wrapper--right { right: 0px; transform: translate3d(50%, -50%, 0px); } .van-slider__button-wrapper--left { left: 0px; transform: translate3d(-50%, -50%, 0px); } .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: 0px; transform: translate3d(50%, 50%, 0px); } .van-slider--vertical .van-slider__button-wrapper--left { top: 0px; right: 50%; left: auto; transform: translate3d(50%, -50%, 0px); } .van-slider--vertical::before { top: 0px; right: calc(var(--van-padding-xs) * -1); bottom: 0px; 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, :host { --van-steps-background: var(--van-background-2); } .van-steps { overflow: hidden; background-color: var(--van-steps-background); } .van-steps--horizontal { padding: 0.26667rem 0.26667rem 0px; } .van-steps--horizontal .van-steps__items { position: relative; display: flex; margin: 0px 0px 0.26667rem; padding-bottom: 0.58667rem; } .van-steps--vertical { padding: 0 0 0 var(--van-padding-xl); } :root, :host { --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: .32rem; --van-step-circle-size: .13333rem; --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 1 0%; 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: 0px; transform: none; } .van-step--horizontal:last-child:not(:first-child) { position: absolute; right: 0.02667rem; width: auto; } .van-step--horizontal:last-child:not(:first-child) .van-step__title { margin-left: 0px; transform: none; } .van-step--horizontal:last-child:not(:first-child) .van-step__circle-container { right: -0.24rem; left: auto; } .van-step--horizontal .van-step__circle-container { position: absolute; top: 0.8rem; 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: 0.08rem; font-size: var(--van-step-horizontal-title-font-size); transform: translate(-50%); } .van-step--horizontal .van-step__line { top: 0.8rem; left: 0px; width: 100%; height: 0.02667rem; } .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: 0.26667rem 0.26667rem 0.26667rem 0px; line-height: var(--van-line-height-sm); } .van-step--vertical:not(:last-child)::after { border-bottom-width: 0.02667rem; } .van-step--vertical .van-step__circle-container { position: absolute; top: 0.50667rem; left: -0.4rem; z-index: 1; font-size: var(--van-step-icon-size); line-height: 1; transform: translate(-50%, -50%); } .van-step--vertical .van-step__line { top: 0.42667rem; left: -0.4rem; width: 0.02667rem; height: 100%; } .van-step:last-child .van-step__line { width: 0px; } .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, :host { --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: .85333rem; --van-stepper-input-height: .74667rem; --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; 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: 0px; padding: 0px; color: var(--van-stepper-button-icon-color); vertical-align: middle; background: var(--van-stepper-background); border: 0px; } .van-stepper__minus::before, .van-stepper__plus::before { width: 50%; height: 0.02667rem; } .van-stepper__minus::after, .van-stepper__plus::after { width: 0.02667rem; 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: 0px 0.05333rem; padding: 0px; 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-style: none; border-color: currentcolor; border-image: none; border-width: 0.02667rem 0px; border-radius: 0px; 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: .02667rem solid var(--van-stepper-button-round-theme-color); } .van-swipe-cell { position: relative; overflow: hidden; 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: 0px; height: 100%; } .van-swipe-cell__left { left: 0px; transform: translate3d(-100%, 0px, 0px); } .van-swipe-cell__right { right: 0px; transform: translate3d(100%, 0px, 0px); } :root, :host { --van-tabbar-height: 1.33333rem; --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: 0px; left: 0px; } :root, :host { --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: .58667rem; --van-tabbar-item-icon-margin-bottom: var(--van-padding-base); } .van-tabbar-item { display: flex; flex: 1 1 0%; 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: 0.53333rem; } .van-tabbar-item--active { color: var(--van-tabbar-item-active-color); background-color: var(--van-tabbar-item-active-background); } :root, :host { --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; overflow-wrap: 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, :host { --van-watermark-z-index: 100; } .van-watermark { position: absolute; height: 100%; width: 100%; left: 0px; top: 0px; z-index: var(--van-watermark-z-index); background-repeat: repeat; pointer-events: none; } .van-watermark__wrapper { display: none; } .van-watermark--full { position: fixed; } .svg-container[data-v-e6c6c6a0] { display: inline-block; vertical-align: middle; position: relative; } .icon[data-v-e6c6c6a0] { width: 100%; height: 100%; vertical-align: middle; display: flex; align-items: center; justify-content: center; flex-shrink: 0; } .icon[data-v-e6c6c6a0] svg { width: 100%; height: 100%; } .icon-placeholder[data-v-e6c6c6a0] { display: block; width: 100%; height: 100%; background-color: rgb(238, 238, 238); border-radius: 0.08rem; } @font-face { font-family: DINProBold; src: url("/assets/dinpro_bold-DkofzpcJ.otf") format("opentype"); font-weight: 700; font-style: normal; font-display: swap; } html { --page-max-width: auto; --page-height: 100dvh; min-height: -webkit-fill-available; overflow: hidden; background: rgb(0, 0, 0); --safe-top: env(safe-area-inset-top, 0); --safe-bottom: env(safe-area-inset-bottom, 0); --tabbar-height: calc(1.46667rem + var(--safe-bottom)); --tabbar-height-tow: calc(1.46667rem + var(--safe-bottom)); --color-bg: #fff; --text-color: #232221; --linearBg1: linear-gradient(180deg, #F9F3E3 0%, #FFFEF9 100%), linear-gradient(180deg, #EBDCFF 0%, #FCFCFF 100%); --linearBg2: linear-gradient(180deg, #FFF2E7 0%, #FFFEFC 100%); --btnSuccessBg: linear-gradient(to top, #4d7ef1 100%, #277FF9 58.8346%, #277FF9 5.15365%), #4A5FFF; font-family: "PingFang SC"; --app-tab-shadow: #fff; --app-tab-active-shadow: 0 .01333rem .06rem 0 rgba(0, 0, 0, .1), 0 .04rem .05333rem 0 rgba(128, 153, 255, .56), 0 .04rem .05333rem 0 rgba(153, 187, 255, .3), inset .04667rem 0 .1rem 0 rgba(255, 255, 255, .2), inset -.04667rem 0 .1rem 0 rgba(255, 255, 255, .2), inset .01333rem 0 .06667rem 0 rgba(255, 255, 255, .7), inset -.01333rem 0 .06667rem 0 rgba(255, 255, 255, .7); --app-theme-1: #1A1A1A; --app-theme-2: #468AFF; --app-theme-3: #1873FF; --app-theme-4: #0057DE; --app-theme-5: #FFFFFF; --app-theme-6: #30303D; --app-theme-7: #f9f9f9; --app-theme-8: #999; --error-color: #F64545; --app-theme-star: #468AFF; --app-theme-star-text: #1A1A1A; --app-tab-color: var(--app-theme-2); --top-up-tab-color: #F3F3F3; --app-html-table: #1A1A1A; --app-label-color: #00000080; --peh-card-bg: #f9f9f9; --peh-text-primary: #1A1A1A; --peh-text-secondary: #999; --peh-divider: #30303D; --peh-soft-bg: var(--btnSuccessBg); --peh-disabled-bg: #30303D; --peh-plain-bg: #fff; } body { min-height: -webkit-fill-available; } @supports (-webkit-touch-callout: none) { html { height: -webkit-fill-available; min-height: calc(100% + env(safe-area-inset-top,0)); } body, #app { height: 100%; min-height: -webkit-fill-available; } @media (display-mode: standalone) { #app, #app .page_container { height: max(var(--page-height, 100dvh),100dvh); min-height: max(var(--page-height, 100dvh),100dvh); max-height: none; } } } .van-dropdown-item { z-index: 1001; } .icon-war { display: flex; align-items: center; justify-content: center; border-radius: 50%; background: linear-gradient(to top, rgb(77, 126, 241) 100%, rgb(39, 127, 249) 58.8346%, rgb(39, 127, 249) 5.15365%), rgb(74, 95, 255); box-shadow: rgba(128, 147, 255, 0.56) 0px 0.13333rem 0.2rem, rgba(153, 163, 255, 0.3) 0px 0.19333rem 0.2rem, rgba(255, 255, 255, 0.4) 0.05333rem -0.05333rem 0.13333rem inset, rgba(255, 255, 255, 0.4) -0.05333rem -0.05333rem 0.13333rem inset, rgba(255, 255, 255, 0.4) -0.02667rem -0.02667rem 0.13333rem inset, rgba(255, 255, 255, 0.4) 0.02667rem -0.02667rem 0.13333rem inset; } .tabbar .tab-item .icon lineargradient stop { stop-color: rgb(144, 155, 176); } .tabbar .tab-item.active .icon lineargradient stop { stop-color: var(--app-theme-2); } .home-icon.icon lineargradient stop { stop-color: rgb(255, 255, 255); } .me-icon.icon lineargradient stop { stop-color: var(--app-theme-2); } .btn { cursor: pointer; transition: 0.1s; border-radius: 0.13333rem; font-size: 0.32rem; } .me-safety .box { box-shadow: rgba(190, 214, 255, 0.5) 0px 0.10667rem 0.10667rem; } .btn:active { opacity: 0.9; transform: scale(0.98) translateY(0.02667rem); } .btn.suc, .btn.suc2 { padding: 0.10667rem 0.37333rem; color: rgb(255, 255, 255); border: 0.02667rem solid white; background: linear-gradient(rgb(172, 212, 255), rgba(172, 212, 255, 0) 58.381%), rgb(70, 138, 255); box-shadow: rgba(0, 0, 0, 0.1) 0px 0.01333rem 0.06rem, rgba(128, 153, 255, 0.56) 0px 0.04rem 0.05333rem, rgba(153, 187, 255, 0.3) 0px 0.04rem 0.05333rem, rgba(255, 255, 255, 0.2) 0.04667rem 0px 0.1rem inset, rgba(255, 255, 255, 0.2) -0.04667rem 0px 0.1rem inset, rgba(255, 255, 255, 0.7) 0.01333rem 0px 0.06667rem inset, rgba(255, 255, 255, 0.7) -0.01333rem 0px 0.06667rem inset; } .btn.disabled { opacity: 0.5; cursor: not-allowed; pointer-events: none; } .btn.bor:not(.suc, .suc2) { padding: 0.10667rem 0.37333rem; border: 0.02667rem solid transparent; color: var(--app-theme-2); background: radial-gradient(90% 30% at center top, rgba(255, 255, 255, 0.48), rgba(255, 255, 255, 0)), rgb(255, 255, 255); box-shadow: rgba(153, 187, 255, 0.3) 0px 0.09653rem 0.1rem, rgb(220, 235, 255) -0.01333rem -0.01333rem 0.14667rem inset, rgb(220, 235, 255) 0.01333rem -0.01333rem 0.17333rem inset, rgba(255, 255, 255, 0.8) 0px 0.01333rem 0.02667rem inset; } :root { --van-popup-round-radius: .26667rem; } .van-overlay { animation-duration: 0.2s !important; } #app { font-size: 0.4rem; color: var(--app-theme-1); } #app, #app :not(input):not(textarea):not([contenteditable="true"]) { user-select: none; } input, textarea, [contenteditable="true"] { user-select: text; } .bold { font-weight: 700; } .font-din-pro-bold { font-family: DINProBold, "DIN Alternate", sans-serif; font-weight: 700; } .select-pop-popover { width: 10rem; left: 0px !important; } .select-pop-popover .van-popover__arrow { display: none; } img { user-select: none; -webkit-user-drag: none; touch-action: manipulation; } * { margin: 0px; padding: 0px; -webkit-tap-highlight-color: transparent; box-sizing: border-box; scrollbar-width: none; } @keyframes slideInLeft { 0% { transform: translate3d(-100%, 0px, 0px); } 100% { transform: translateZ(0px); } } @keyframes slideOutLeft { 0% { transform: translateZ(0px); } 100% { transform: translate3d(-100%, 0px, 0px); } } @keyframes slideInRight { 0% { transform: translate3d(100%, 0px, 0px); } 100% { transform: translateZ(0px); } } @keyframes slideOutRight { 0% { transform: translateZ(0px); } 100% { transform: translate3d(100%, 0px, 0px); } } @keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } .slide-right-enter-active, .slide-right-leave-active, .slide-left-enter-active, .slide-left-leave-active { position: absolute !important; will-change: transform; } .slide-left-enter-active { animation: 0.2s ease 0s 1 normal both running slideInRight; } .slide-left-leave-active { animation: 0.2s ease 0s 1 normal both running slideOutLeft; } .slide-right-enter-active { animation: 0.2s ease 0s 1 normal both running slideInLeft; } .slide-right-leave-active { animation: 0.2s ease 0s 1 normal both running slideOutRight; } .fade-enter-active { width: 100%; animation: 0.2s ease 0s 1 normal both running fadeIn; } .fade-leave-active { animation: 0.2s ease 0s 1 normal both running fadeOut; position: absolute !important; } .no-enter-active { position: absolute !important; z-index: 999; } .no-leave-active { z-index: -1; display: none; position: absolute !important; } .icon_back_play { width: 34px; height: 34px; top: var(--safe-top); z-index: 3000; background: transparent !important; } .icon_back_play.icon_back_play_live { width: 31px; height: 31px; } .icon_back_play .van-floating-bubble__icon, .icon_back_play .van-icon__image { width: 100%; height: 100%; } .v-loading-mask { position: absolute; inset: 0px; display: flex; align-items: center; justify-content: center; z-index: 99; pointer-events: all; } .v-loading-spinner { display: grid; grid-template-columns: repeat(2, 0.37333rem); grid-template-rows: repeat(2, 0.37333rem); gap: 0.26667rem; } .v-loading-dot { width: 0.37333rem; height: 0.37333rem; border-radius: 50%; background: linear-gradient(rgb(255, 255, 255), rgb(247, 247, 247)); box-shadow: rgba(0, 0, 0, 0.12) 0px 0.08rem 0.26667rem, rgba(0, 0, 0, 0.06) 0px 0px 0.05333rem inset; transform: scale(0.7); animation: 1s ease-in-out 0s infinite normal none running v-pulse; } .v-loading-dot:nth-child(1) { animation-delay: 0ms; background: linear-gradient(rgb(254, 75, 90), rgb(253, 28, 28)); } .v-loading-dot:nth-child(2) { animation-delay: 0.12s; background: linear-gradient(rgb(255, 236, 161), rgb(253, 216, 67)); } .v-loading-dot:nth-child(3) { animation-delay: 0.24s; background: linear-gradient(rgb(116, 233, 134), rgb(40, 208, 62)); } .v-loading-dot:nth-child(4) { animation-delay: 0.36s; background: linear-gradient(rgb(69, 139, 243), rgb(28, 120, 249)); } @keyframes v-pulse { 0%, 100% { transform: scale(0.7); opacity: 0.6; } 50% { transform: scale(1.1); opacity: 1; } } .num-int { font-size: 0.4rem; font-weight: 600; line-height: 0.42667rem; letter-spacing: -0.008rem; } .num-dec { font-size: 0.26667rem; font-weight: 600; line-height: 0.42667rem; letter-spacing: -0.008rem; } .win { color: rgb(220, 131, 7); } .loss { color: rgb(50, 160, 52); } .flex { display: flex; } .al-center { align-items: center; } .red { color: var(--Color-2, #F64545); } input { border-width: medium; border-style: none; border-color: currentcolor; border-image: none; background-color: transparent; font-size: 0.37333rem; } .retry { width: 100%; display: flex; align-items: center; justify-content: center; flex-direction: column; gap: 0.26667rem 0px; padding: 0.26667rem; } .retry::before { content: ""; width: 3.25333rem; height: 3.25333rem; background-image: url("/assets/no-data-BQLlCBbJ.png"); background-size: 100% 100%; } .retry > div { font-size: 0.32rem; color: var(---, #606266); text-align: center; font-style: normal; font-weight: 400; line-height: normal; } .normal-dialog { --van-action-bar-button-warning-color: #fff; --van-button-warning-color: #000; --van-dialog-has-title-message-text-color: #000; --van-action-bar-background: transparent; --van-dialog-header-padding-top: .53333rem; padding: 0px 0.53333rem; } .normal-dialog .van-dialog__message--has-title { color: var(--app-theme-1); } .normal-dialog .van-dialog__footer { padding: 0.4rem 0px; --van-border-color: none; } .normal-dialog .van-dialog__header { padding-bottom: var(--van-dialog-header-padding-top); color: var(--app-theme-1); } .normal-dialog .van-dialog__footer { flex-direction: column; gap: 0.26667rem; } .normal-dialog .van-dialog__header, .normal-dialog .van-dialog__footer, .normal-dialog .van-dialog__content { position: relative; z-index: 1; } .normal-dialog .van-dialog__cancel, .normal-dialog .van-dialog__confirm { height: 1.33333rem; border-radius: 0.26667rem; flex: 0 0 auto; width: 100%; } .normal-dialog .van-dialog__cancel { border: .02667rem solid var(--app-theme-2); color: var(--app-theme-2); background: none; } .normal-dialog .van-dialog__confirm { background: var(--btnSuccessBg); color: var(--van-button-primary-color); } .normal-dialog::before { position: absolute; content: ""; top: 0px; left: 0px; width: 100%; height: 100%; background-size: 100%; background-repeat: no-repeat; } .loginPop_reg_agreement { height: 80%; } .loginPop_reg_agreement .van-dialog__content { height: calc(100% - 4rem); } .loginPop_reg_agreement .van-dialog__message { text-align: left; font-size: 80%; max-height: 100%; } @keyframes turnIcon { 0% { transform: rotate(0deg); } 100% { transform: rotate(-360deg); } } .refresh-icon { animation: 0.6s linear 0s infinite normal none running turnIcon; } .default-popup { margin: 0px auto; left: 0px; right: 0px; max-width: var(--page-max-width) !important; } .my-geetest-verifi-box.geetest_box_wrap { width: 8.53333rem !important; max-width: 8.53333rem !important; margin: 0px auto !important; } .my-geetest-verifi-box.geetest_box_wrap .geetest_font_16 { font-size: 0.4rem !important; } .my-geetest-verifi-box.geetest_box_wrap .geetest_box .geetest_header .geetest_title .geetest_ques_tips img { width: 0.64rem !important; height: 0.64rem !important; } .my-geetest-verifi-box.geetest_box_wrap .geetest_click .geetest_submit .geetest_submit_tips { font-size: 0.4rem !important; } .color-primary { color: rgb(254, 205, 1); } .color-green { color: rgb(23, 195, 46); } .color-red { color: rgb(225, 12, 12); } .color-blue { color: rgb(94, 144, 238); } .van-icon-my-icon-user::after { font-family: iconfont; content: ""; } @font-face { font-family: iconfont; src: url("//at.alicdn.com/t/c/font_4716075_pran7corp5b.woff2?t=1736824016356") format("woff2"), url("//at.alicdn.com/t/c/font_4716075_pran7corp5b.woff?t=1736824016356") format("woff"), url("//at.alicdn.com/t/c/font_4716075_pran7corp5b.ttf?t=1736824016356") format("truetype"); } .van-icon-my-icon-password::after { font-family: iconfont; content: ""; } .van-icon-my-icon-code::after { font-family: iconfont; content: ""; } .van-icon-my-icon-phone::after { font-family: iconfont; content: ""; } .van-icon-my-icon-meil::after { font-family: iconfont; content: ""; } .van-icon-my-icon-crad::after { font-family: iconfont; content: ""; } .van-icon-my-icon-u::after { font-family: iconfont; content: ""; } .van-icon-my-icon-resh2::after { font-family: iconfont; content: ""; } .van-icon-my-icon-home::after { font-family: iconfont; content: ""; } .have-tabbar-popup { padding-bottom: var(--tabbar-height); } .van-dropdown-menu__item { border-width: medium !important; border-style: none !important; border-color: currentcolor !important; border-image: none !important; } .edit-password-pop .childPage { padding: 0px !important; } .html_desc h2 { padding: 0.26667rem 0px; font-size: 120%; } .html_desc p, .html_desc strong { font-size: 0.4rem; word-break: break-all; } .html_desc table { margin: 0.21333rem 0px; border-collapse: collapse; width: 100%; border: .02667rem solid var(--app-theme-1, #00000030); border-radius: 0.08rem; font-size: 0.35rem; } .html_desc img { max-width: 100%; object-fit: contain; } .html_desc th, .html_desc td { border: .02667rem solid var(--app-theme-1, #00000030); padding: 0.13333rem; text-align: left; vertical-align: middle; } .html_desc ul, .html_desc li { list-style: none; } .notice-pop .html_desc { color: var(--app-html-table); } .country-dialog .van-dialog__message { color: var(--app-theme-1); z-index: 2147483647; } .normal-dialog .van-dialog__message { color: var(--app-theme-1); } .game-cps-dialog .van-dialog__message { color: var(--app-theme-1); font-size: 0.42667rem; }