:root { --van-black: #000; --van-white: #fff; --van-gray-1: #f7f8fa; --van-gray-2: #f2f3f5; --van-gray-3: #ebedf0; --van-gray-4: #dcdee0; --van-gray-5: #c8c9cc; --van-gray-6: #969799; --van-gray-7: #646566; --van-gray-8: #323233; --van-red: rgba(17, 194, 147, 1); --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-text-link-color: #576b95; --van-active-color: var(--van-gray-2); --van-active-opacity: 0.6; --van-disabled-opacity: 0.5; --van-background-color: var(--van-gray-1); --van-background-color-light: var(--van-white); --van-padding-base: 4px; --van-padding-xs: 8px; --van-padding-sm: 12px; --van-padding-md: 16px; --van-padding-lg: 24px; --van-padding-xl: 32px; --van-font-size-xs: 10px; --van-font-size-sm: 12px; --van-font-size-md: 14px; --van-font-size-lg: 16px; --van-font-weight-bold: 500; --van-line-height-xs: 14px; --van-line-height-sm: 18px; --van-line-height-md: 20px; --van-line-height-lg: 22px; --van-base-font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, Segoe UI, Arial, Roboto, "PingFang SC", "miui", "Hiragino Sans GB", "Microsoft Yahei", sans-serif; --van-price-integer-font-family: Avenir-Heavy, PingFang SC, Helvetica Neue, Arial, sans-serif; --van-animation-duration-base: 0.3s; --van-animation-duration-fast: 0.2s; --van-animation-timing-function-enter: ease-out; --van-animation-timing-function-leave: ease-in; --van-border-color: var(--van-gray-3); --van-border-width-base: 1px; --van-border-radius-sm: 2px; --van-border-radius-md: 4px; --van-border-radius-lg: 8px; --van-border-radius-max: 999px; } html { -webkit-tap-highlight-color: transparent; } body { margin: 0; font-family: -apple-system, BlinkMacSystemFont, Helvetica Neue, Helvetica, Segoe UI, Arial, Roboto, PingFang SC, miui, Hiragino Sans GB, Microsoft Yahei, sans-serif; } a { text-decoration: none; } input, button, textarea { color: inherit; font: inherit; } a:focus, input:focus, button:focus, textarea:focus, [class*="van-"]:focus { outline: none; } ol, ul { margin: 0; padding: 0; list-style: none; } @keyframes van-slide-up-enter { 0% { transform: translateY(100%); } } @keyframes van-slide-up-leave { to { transform: translateY(100%); } } @keyframes van-slide-down-enter { 0% { transform: translateY(-100%); } } @keyframes van-slide-down-leave { to { transform: translateY(-100%); } } @keyframes van-slide-left-enter { 0% { transform: translate(-100%); } } @keyframes van-slide-left-leave { to { transform: translate(-100%); } } @keyframes van-slide-right-enter { 0% { transform: translate(100%); } } @keyframes van-slide-right-leave { to { transform: translate(100%); } } @keyframes van-fade-in { 0% { opacity: 0; } to { opacity: 1; } } @keyframes van-fade-out { 0% { opacity: 1; } to { opacity: 0; } } @keyframes van-rotate { 0% { transform: rotate(0); } to { transform: rotate(360deg); } } .van-fade-enter-active { animation: var(--van-animation-duration-base) van-fade-in both var(--van-animation-timing-function-enter); } .van-fade-leave-active { animation: var(--van-animation-duration-base) van-fade-out both var(--van-animation-timing-function-leave); } .van-slide-up-enter-active { animation: van-slide-up-enter var(--van-animation-duration-base) both var(--van-animation-timing-function-enter); } .van-slide-up-leave-active { animation: van-slide-up-leave var(--van-animation-duration-base) both var(--van-animation-timing-function-leave); } .van-slide-down-enter-active { animation: van-slide-down-enter var(--van-animation-duration-base) both var(--van-animation-timing-function-enter); } .van-slide-down-leave-active { animation: van-slide-down-leave var(--van-animation-duration-base) both var(--van-animation-timing-function-leave); } .van-slide-left-enter-active { animation: van-slide-left-enter var(--van-animation-duration-base) both var(--van-animation-timing-function-enter); } .van-slide-left-leave-active { animation: van-slide-left-leave var(--van-animation-duration-base) both var(--van-animation-timing-function-leave); } .van-slide-right-enter-active { animation: van-slide-right-enter var(--van-animation-duration-base) both var(--van-animation-timing-function-enter); } .van-slide-right-leave-active { animation: van-slide-right-leave var(--van-animation-duration-base) both var(--van-animation-timing-function-leave); } .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; -webkit-box-orient: vertical; } .van-multi-ellipsis--l3 { display: -webkit-box; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 3; -webkit-box-orient: vertical; } .van-safe-area-bottom { padding-bottom: constant(safe-area-inset-bottom); padding-bottom: env(safe-area-inset-bottom); } .van-haptics-feedback { cursor: pointer; } .van-haptics-feedback:active { opacity: var(--van-active-opacity); } [class*="van-hairline"]:after { position: absolute; box-sizing: border-box; content: " "; pointer-events: none; top: -50%; right: -50%; bottom: -50%; left: -50%; border: 0 solid var(--van-border-color); transform: scale(0.5); } .van-hairline, .van-hairline--top, .van-hairline--left, .van-hairline--right, .van-hairline--bottom, .van-hairline--surround, .van-hairline--top-bottom { position: relative; } .van-hairline--top:after { border-top-width: 1px; } .van-hairline--left:after { border-left-width: 1px; } .van-hairline--right:after { border-right-width: 1px; } .van-hairline--bottom:after { border-bottom-width: 1px; } .van-hairline--top-bottom:after, .van-hairline-unset--top-bottom:after { border-width: 1px 0; } .van-hairline--surround:after { border-width: 1px; } :root { --van-action-bar-background-color: var(--van-background-color-light); --van-action-bar-height: 50px; } .van-action-bar { position: fixed; right: 0; bottom: 0; left: 0; display: flex; align-items: center; box-sizing: content-box; height: var(--van-action-bar-height); background: var(--van-action-bar-background-color); } :root { --van-badge-size: 16px; --van-badge-color: var(--van-white); --van-badge-padding: 0 3px; --van-badge-font-size: var(--van-font-size-sm); --van-badge-font-weight: var(--van-font-weight-bold); --van-badge-border-width: var(--van-border-width-base); --van-badge-background-color: var(--van-danger-color); --van-badge-dot-color: var(--van-danger-color); --van-badge-dot-size: 8px; --van-badge-font-family: -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-family); line-height: 1.2; text-align: center; background: var(--van-badge-background-color); border: var(--van-badge-border-width) solid var(--van-background-color-light); border-radius: var(--van-border-radius-max); } .van-badge--fixed { position: absolute; transform-origin: 100%; } .van-badge--top-left { top: 0; left: 0; transform: translate(-50%, -50%); } .van-badge--top-right { top: 0; right: 0; transform: translate(50%, -50%); } .van-badge--bottom-left { bottom: 0; left: 0; transform: translate(-50%, 50%); } .van-badge--bottom-right { bottom: 0; right: 0; transform: translate(50%, 50%); } .van-badge--dot { width: var(--van-badge-dot-size); min-width: 0; height: var(--van-badge-dot-size); background: var(--van-badge-dot-color); border-radius: 100%; border: none; padding: 0; } .van-badge__wrapper { position: relative; display: inline-block; } .van-icon { position: relative; display: inline-block; font: 14px/1 vant-icon; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; } .van-icon:before { display: inline-block; } .van-icon-exchange:before { content: "\e6af"; } .van-icon-eye:before { content: "\e6b0"; } .van-icon-enlarge:before { content: "\e6b1"; } .van-icon-expand-o:before { content: "\e6b2"; } .van-icon-eye-o:before { content: "\e6b3"; } .van-icon-expand:before { content: "\e6b4"; } .van-icon-filter-o:before { content: "\e6b5"; } .van-icon-fire:before { content: "\e6b6"; } .van-icon-fail:before { content: "\e6b7"; } .van-icon-failure:before { content: "\e6b8"; } .van-icon-fire-o:before { content: "\e6b9"; } .van-icon-flag-o:before { content: "\e6ba"; } .van-icon-font:before { content: "\e6bb"; } .van-icon-font-o:before { content: "\e6bc"; } .van-icon-gem-o:before { content: "\e6bd"; } .van-icon-flower-o:before { content: "\e6be"; } .van-icon-gem:before { content: "\e6bf"; } .van-icon-gift-card:before { content: "\e6c0"; } .van-icon-friends:before { content: "\e6c1"; } .van-icon-friends-o:before { content: "\e6c2"; } .van-icon-gold-coin:before { content: "\e6c3"; } .van-icon-gold-coin-o:before { content: "\e6c4"; } .van-icon-good-job-o:before { content: "\e6c5"; } .van-icon-gift:before { content: "\e6c6"; } .van-icon-gift-o:before { content: "\e6c7"; } .van-icon-gift-card-o:before { content: "\e6c8"; } .van-icon-good-job:before { content: "\e6c9"; } .van-icon-home-o:before { content: "\e6ca"; } .van-icon-goods-collect:before { content: "\e6cb"; } .van-icon-graphic:before { content: "\e6cc"; } .van-icon-goods-collect-o:before { content: "\e6cd"; } .van-icon-hot-o:before { content: "\e6ce"; } .van-icon-info:before { content: "\e6cf"; } .van-icon-hotel-o:before { content: "\e6d0"; } .van-icon-info-o:before { content: "\e6d1"; } .van-icon-hot-sale-o:before { content: "\e6d2"; } .van-icon-hot:before { content: "\e6d3"; } .van-icon-like:before { content: "\e6d4"; } .van-icon-idcard:before { content: "\e6d5"; } .van-icon-invitation:before { content: "\e6d6"; } .van-icon-like-o:before { content: "\e6d7"; } .van-icon-hot-sale:before { content: "\e6d8"; } .van-icon-location-o:before { content: "\e6d9"; } .van-icon-location:before { content: "\e6da"; } .van-icon-label:before { content: "\e6db"; } .van-icon-lock:before { content: "\e6dc"; } .van-icon-label-o:before { content: "\e6dd"; } .van-icon-map-marked:before { content: "\e6de"; } .van-icon-logistics:before { content: "\e6df"; } .van-icon-manager:before { content: "\e6e0"; } .van-icon-more:before { content: "\e6e1"; } .van-icon-live:before { content: "\e6e2"; } .van-icon-manager-o:before { content: "\e6e3"; } .van-icon-medal:before { content: "\e6e4"; } .van-icon-more-o:before { content: "\e6e5"; } .van-icon-music-o:before { content: "\e6e6"; } .van-icon-music:before { content: "\e6e7"; } .van-icon-new-arrival-o:before { content: "\e6e8"; } .van-icon-medal-o:before { content: "\e6e9"; } .van-icon-new-o:before { content: "\e6ea"; } .van-icon-free-postage:before { content: "\e6eb"; } .van-icon-newspaper-o:before { content: "\e6ec"; } .van-icon-new-arrival:before { content: "\e6ed"; } .van-icon-minus:before { content: "\e6ee"; } .van-icon-orders-o:before { content: "\e6ef"; } .van-icon-new:before { content: "\e6f0"; } .van-icon-paid:before { content: "\e6f1"; } .van-icon-notes-o:before { content: "\e6f2"; } .van-icon-other-pay:before { content: "\e6f3"; } .van-icon-pause-circle:before { content: "\e6f4"; } .van-icon-pause:before { content: "\e6f5"; } .van-icon-pause-circle-o:before { content: "\e6f6"; } .van-icon-peer-pay:before { content: "\e6f7"; } .van-icon-pending-payment:before { content: "\e6f8"; } .van-icon-passed:before { content: "\e6f9"; } .van-icon-plus:before { content: "\e6fa"; } .van-icon-phone-circle-o:before { content: "\e6fb"; } .van-icon-phone-o:before { content: "\e6fc"; } .van-icon-printer:before { content: "\e6fd"; } .van-icon-photo-fail:before { content: "\e6fe"; } .van-icon-phone:before { content: "\e6ff"; } .van-icon-photo-o:before { content: "\e700"; } .van-icon-play-circle:before { content: "\e701"; } .van-icon-play:before { content: "\e702"; } .van-icon-phone-circle:before { content: "\e703"; } .van-icon-point-gift-o:before { content: "\e704"; } .van-icon-point-gift:before { content: "\e705"; } .van-icon-play-circle-o:before { content: "\e706"; } .van-icon-shrink:before { content: "\e707"; } .van-icon-photo:before { content: "\e708"; } .van-icon-qr:before { content: "\e709"; } .van-icon-qr-invalid:before { content: "\e70a"; } .van-icon-question-o:before { content: "\e70b"; } .van-icon-revoke:before { content: "\e70c"; } .van-icon-replay:before { content: "\e70d"; } .van-icon-service:before { content: "\e70e"; } .van-icon-question:before { content: "\e70f"; } .van-icon-search:before { content: "\e710"; } .van-icon-refund-o:before { content: "\e711"; } .van-icon-service-o:before { content: "\e712"; } .van-icon-scan:before { content: "\e713"; } .van-icon-share:before { content: "\e714"; } .van-icon-send-gift-o:before { content: "\e715"; } .van-icon-share-o:before { content: "\e716"; } .van-icon-setting:before { content: "\e717"; } .van-icon-points:before { content: "\e718"; } .van-icon-photograph:before { content: "\e719"; } .van-icon-shop:before { content: "\e71a"; } .van-icon-shop-o:before { content: "\e71b"; } .van-icon-shop-collect-o:before { content: "\e71c"; } .van-icon-shop-collect:before { content: "\e71d"; } .van-icon-smile:before { content: "\e71e"; } .van-icon-shopping-cart-o:before { content: "\e71f"; } .van-icon-sign:before { content: "\e720"; } .van-icon-sort:before { content: "\e721"; } .van-icon-star-o:before { content: "\e722"; } .van-icon-smile-comment-o:before { content: "\e723"; } .van-icon-stop:before { content: "\e724"; } .van-icon-stop-circle-o:before { content: "\e725"; } .van-icon-smile-o:before { content: "\e726"; } .van-icon-star:before { content: "\e727"; } .van-icon-success:before { content: "\e728"; } .van-icon-stop-circle:before { content: "\e729"; } .van-icon-records:before { content: "\e72a"; } .van-icon-shopping-cart:before { content: "\e72b"; } .van-icon-tosend:before { content: "\e72c"; } .van-icon-todo-list:before { content: "\e72d"; } .van-icon-thumb-circle-o:before { content: "\e72e"; } .van-icon-thumb-circle:before { content: "\e72f"; } .van-icon-umbrella-circle:before { content: "\e730"; } .van-icon-underway:before { content: "\e731"; } .van-icon-upgrade:before { content: "\e732"; } .van-icon-todo-list-o:before { content: "\e733"; } .van-icon-tv-o:before { content: "\e734"; } .van-icon-underway-o:before { content: "\e735"; } .van-icon-user-o:before { content: "\e736"; } .van-icon-vip-card-o:before { content: "\e737"; } .van-icon-vip-card:before { content: "\e738"; } .van-icon-send-gift:before { content: "\e739"; } .van-icon-wap-home:before { content: "\e73a"; } .van-icon-wap-nav:before { content: "\e73b"; } .van-icon-volume-o:before { content: "\e73c"; } .van-icon-video:before { content: "\e73d"; } .van-icon-wap-home-o:before { content: "\e73e"; } .van-icon-volume:before { content: "\e73f"; } .van-icon-warning:before { content: "\e740"; } .van-icon-weapp-nav:before { content: "\e741"; } .van-icon-wechat-pay:before { content: "\e742"; } .van-icon-warning-o:before { content: "\e743"; } .van-icon-wechat:before { content: "\e744"; } .van-icon-setting-o:before { content: "\e745"; } .van-icon-youzan-shield:before { content: "\e746"; } .van-icon-warn-o:before { content: "\e747"; } .van-icon-smile-comment:before { content: "\e748"; } .van-icon-user-circle-o:before { content: "\e749"; } .van-icon-video-o:before { content: "\e74a"; } .van-icon-add-square:before { content: "\e65c"; } .van-icon-add:before { content: "\e65d"; } .van-icon-arrow-down:before { content: "\e65e"; } .van-icon-arrow-up:before { content: "\e65f"; } .van-icon-arrow:before { content: "\e660"; } .van-icon-after-sale:before { content: "\e661"; } .van-icon-add-o:before { content: "\e662"; } .van-icon-alipay:before { content: "\e663"; } .van-icon-ascending:before { content: "\e664"; } .van-icon-apps-o:before { content: "\e665"; } .van-icon-aim:before { content: "\e666"; } .van-icon-award:before { content: "\e667"; } .van-icon-arrow-left:before { content: "\e668"; } .van-icon-award-o:before { content: "\e669"; } .van-icon-audio:before { content: "\e66a"; } .van-icon-bag-o:before { content: "\e66b"; } .van-icon-balance-list:before { content: "\e66c"; } .van-icon-back-top:before { content: "\e66d"; } .van-icon-bag:before { content: "\e66e"; } .van-icon-balance-pay:before { content: "\e66f"; } .van-icon-balance-o:before { content: "\e670"; } .van-icon-bar-chart-o:before { content: "\e671"; } .van-icon-bars:before { content: "\e672"; } .van-icon-balance-list-o:before { content: "\e673"; } .van-icon-birthday-cake-o:before { content: "\e674"; } .van-icon-bookmark:before { content: "\e675"; } .van-icon-bill:before { content: "\e676"; } .van-icon-bell:before { content: "\e677"; } .van-icon-browsing-history-o:before { content: "\e678"; } .van-icon-browsing-history:before { content: "\e679"; } .van-icon-bookmark-o:before { content: "\e67a"; } .van-icon-bulb-o:before { content: "\e67b"; } .van-icon-bullhorn-o:before { content: "\e67c"; } .van-icon-bill-o:before { content: "\e67d"; } .van-icon-calendar-o:before { content: "\e67e"; } .van-icon-brush-o:before { content: "\e67f"; } .van-icon-card:before { content: "\e680"; } .van-icon-cart-o:before { content: "\e681"; } .van-icon-cart-circle:before { content: "\e682"; } .van-icon-cart-circle-o:before { content: "\e683"; } .van-icon-cart:before { content: "\e684"; } .van-icon-cash-on-deliver:before { content: "\e685"; } .van-icon-cash-back-record:before { content: "\e686"; } .van-icon-cashier-o:before { content: "\e687"; } .van-icon-chart-trending-o:before { content: "\e688"; } .van-icon-certificate:before { content: "\e689"; } .van-icon-chat:before { content: "\e68a"; } .van-icon-clear:before { content: "\e68b"; } .van-icon-chat-o:before { content: "\e68c"; } .van-icon-checked:before { content: "\e68d"; } .van-icon-clock:before { content: "\e68e"; } .van-icon-clock-o:before { content: "\e68f"; } .van-icon-close:before { content: "\e690"; } .van-icon-closed-eye:before { content: "\e691"; } .van-icon-circle:before { content: "\e692"; } .van-icon-cluster-o:before { content: "\e693"; } .van-icon-column:before { content: "\e694"; } .van-icon-comment-circle-o:before { content: "\e695"; } .van-icon-cluster:before { content: "\e696"; } .van-icon-comment:before { content: "\e697"; } .van-icon-comment-o:before { content: "\e698"; } .van-icon-comment-circle:before { content: "\e699"; } .van-icon-completed:before { content: "\e69a"; } .van-icon-credit-pay:before { content: "\e69b"; } .van-icon-coupon:before { content: "\e69c"; } .van-icon-debit-pay:before { content: "\e69d"; } .van-icon-coupon-o:before { content: "\e69e"; } .van-icon-contact:before { content: "\e69f"; } .van-icon-descending:before { content: "\e6a0"; } .van-icon-desktop-o:before { content: "\e6a1"; } .van-icon-diamond-o:before { content: "\e6a2"; } .van-icon-description:before { content: "\e6a3"; } .van-icon-delete:before { content: "\e6a4"; } .van-icon-diamond:before { content: "\e6a5"; } .van-icon-delete-o:before { content: "\e6a6"; } .van-icon-cross:before { content: "\e6a7"; } .van-icon-edit:before { content: "\e6a8"; } .van-icon-ellipsis:before { content: "\e6a9"; } .van-icon-down:before { content: "\e6aa"; } .van-icon-discount:before { content: "\e6ab"; } .van-icon-ecard-pay:before { content: "\e6ac"; } .van-icon-envelop-o:before { content: "\e6ae"; } .van-icon-shield-o:before { content: "\e74b"; } .van-icon-guide-o:before { content: "\e74c"; } .van-icon-cash-o:before { content: "\e74d"; } @font-face { font-weight: 400; font-family: vant-icon; font-style: normal; font-display: auto; src: url(data:font/woff2;charset=utf-8;base64,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) format("woff2"), url(//at.alicdn.com/t/font_2553510_61agzg96wm8.woff?t=1631948257467) format("woff"), url(//at.alicdn.com/t/font_2553510_61agzg96wm8.ttf?t=1631948257467) format("truetype"); } .van-icon__image { display: block; width: 1em; height: 1em; object-fit: contain; } :root { --van-rate-icon-size: 20px; --van-rate-icon-gutter: var(--van-padding-base); --van-rate-icon-void-color: var(--van-gray-5); --van-rate-icon-full-color: var(--van-danger-color); --van-rate-icon-disabled-color: var(--van-gray-5); } .van-rate { display: inline-flex; cursor: pointer; -webkit-user-select: none; user-select: none; flex-wrap: wrap; } .van-rate__item { position: relative; } .van-rate__item:not(:last-child) { padding-right: var(--van-rate-icon-gutter); } .van-rate__icon { display: block; width: 1em; color: var(--van-rate-icon-void-color); font-size: var(--van-rate-icon-size); } .van-rate__icon--half { position: absolute; top: 0; left: 0; overflow: hidden; } .van-rate__icon--full { color: var(--van-rate-icon-full-color); } .van-rate__icon--disabled { color: var(--van-rate-icon-disabled-color); } .van-rate--disabled { cursor: not-allowed; } .van-rate--readonly { cursor: default; } :root { --van-notice-bar-height: 40px; --van-notice-bar-padding: 0 var(--van-padding-md); --van-notice-bar-wrapable-padding: var(--van-padding-xs) var(--van-padding-md); --van-notice-bar-text-color: var(--van-orange-dark); --van-notice-bar-font-size: var(--van-font-size-md); --van-notice-bar-line-height: 24px; --van-notice-bar-background-color: var(--van-orange-light); --van-notice-bar-icon-size: 16px; --van-notice-bar-icon-min-width: 24px; } .van-notice-bar { position: relative; display: flex; align-items: center; height: var(--van-notice-bar-height); padding: var(--van-notice-bar-padding); color: var(--van-notice-bar-text-color); font-size: var(--van-notice-bar-font-size); line-height: var(--van-notice-bar-line-height); background: var(--van-notice-bar-background-color); } .van-notice-bar__left-icon, .van-notice-bar__right-icon { min-width: var(--van-notice-bar-icon-min-width); font-size: var(--van-notice-bar-icon-size); } .van-notice-bar__right-icon { text-align: right; cursor: pointer; } .van-notice-bar__wrap { position: relative; display: flex; flex: 1; align-items: center; height: 100%; overflow: hidden; } .van-notice-bar__content { position: absolute; white-space: nowrap; transition-timing-function: linear; } .van-notice-bar__content.van-ellipsis { max-width: 100%; } .van-notice-bar--wrapable { height: auto; padding: var(--van-notice-bar-wrapable-padding); } .van-notice-bar--wrapable .van-notice-bar__wrap { height: auto; } .van-notice-bar--wrapable .van-notice-bar__content { position: relative; white-space: normal; word-wrap: break-word; } :root { --van-nav-bar-height: 46px; --van-nav-bar-background-color: var(--van-background-color-light); --van-nav-bar-arrow-size: 16px; --van-nav-bar-icon-color: var(--van-primary-color); --van-nav-bar-text-color: var(--van-primary-color); --van-nav-bar-title-font-size: var(--van-font-size-lg); --van-nav-bar-title-text-color: var(--van-text-color); --van-nav-bar-z-index: 1; } .van-nav-bar { 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-color); -webkit-user-select: none; user-select: none; } .van-nav-bar--fixed { position: fixed; top: 0; left: 0; width: 100%; } .van-nav-bar--safe-area-inset-top { padding-top: constant(safe-area-inset-top); padding-top: env(safe-area-inset-top); } .van-nav-bar .van-icon { color: var(--van-nav-bar-icon-color); } .van-nav-bar__content { position: relative; display: flex; align-items: center; height: var(--van-nav-bar-height); } .van-nav-bar__arrow { margin-right: var(--van-padding-base); font-size: var(--van-nav-bar-arrow-size); } .van-nav-bar__title { max-width: 60%; margin: 0 auto; color: var(--van-nav-bar-title-text-color); font-weight: var(--van-font-weight-bold); font-size: var(--van-nav-bar-title-font-size); } .van-nav-bar__left, .van-nav-bar__right { position: absolute; top: 0; bottom: 0; display: flex; align-items: center; padding: 0 var(--van-padding-md); font-size: var(--van-font-size-md); } .van-nav-bar__left { left: 0; } .van-nav-bar__right { right: 0; } .van-nav-bar__text { color: var(--van-nav-bar-text-color); } :root { --van-image-placeholder-text-color: var(--van-text-color-2); --van-image-placeholder-font-size: var(--van-font-size-md); --van-image-placeholder-background-color: var(--van-background-color); --van-image-loading-icon-size: 32px; --van-image-loading-icon-color: var(--van-gray-4); --van-image-error-icon-size: 32px; --van-image-error-icon-color: var(--van-gray-4); } .van-image { position: relative; display: inline-block; } .van-image--round { overflow: hidden; border-radius: var(--van-border-radius-max); } .van-image--round .van-image__img { border-radius: inherit; } .van-image__img, .van-image__error, .van-image__loading { display: block; width: 100%; height: 100%; } .van-image__error, .van-image__loading { position: absolute; top: 0; left: 0; display: flex; flex-direction: column; align-items: center; justify-content: center; color: var(--van-image-placeholder-text-color); font-size: var(--van-image-placeholder-font-size); background: var(--van-image-placeholder-background-color); } .van-image__loading-icon { color: var(--van-image-loading-icon-color); font-size: var(--van-image-loading-icon-size); } .van-image__error-icon { color: var(--van-image-error-icon-color); font-size: var(--van-image-error-icon-size); } :root { --van-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-border-radius: 2px; --van-tag-line-height: 16px; --van-tag-medium-padding: 2px 6px; --van-tag-large-padding: var(--van-padding-base) var(--van-padding-xs); --van-tag-large-border-radius: var(--van-border-radius-md); --van-tag-large-font-size: var(--van-font-size-md); --van-tag-round-border-radius: var(--van-border-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-color: var(--van-background-color-light); } .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-border-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-color); border-color: currentColor; } .van-tag--plain:before { position: absolute; top: 0; right: 0; bottom: 0; left: 0; border: 1px solid; border-color: inherit; border-radius: inherit; content: ""; pointer-events: none; } .van-tag--medium { padding: var(--van-tag-medium-padding); } .van-tag--large { padding: var(--van-tag-large-padding); font-size: var(--van-tag-large-font-size); border-radius: var(--van-tag-large-border-radius); } .van-tag--mark { border-radius: 0 var(--van-tag-round-border-radius) var(--van-tag-round-border-radius) 0; } .van-tag--mark:after { display: block; width: 2px; content: ""; } .van-tag--round { border-radius: var(--van-tag-round-border-radius); } .van-tag__close { margin-left: 2px; } :root { --van-card-padding: var(--van-padding-xs) var(--van-padding-md); --van-card-font-size: var(--van-font-size-sm); --van-card-text-color: var(--van-text-color); --van-card-background-color: var(--van-gray-1); --van-card-thumb-size: 88px; --van-card-thumb-border-radius: var(--van-border-radius-lg); --van-card-title-line-height: 16px; --van-card-desc-color: var(--van-gray-7); --van-card-desc-line-height: var(--van-line-height-md); --van-card-price-color: var(--van-gray-8); --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-family: var(--van-price-integer-font-family); } .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-color); } .van-card:not(:first-child) { margin-top: var(--van-padding-xs); } .van-card__header { display: flex; } .van-card__thumb { position: relative; flex: none; width: var(--van-card-thumb-size); height: var(--van-card-thumb-size); margin-right: var(--van-padding-xs); } .van-card__thumb img { border-radius: var(--van-card-thumb-border-radius); } .van-card__content { position: relative; display: flex; flex: 1; flex-direction: column; justify-content: space-between; min-width: 0; min-height: var(--van-card-thumb-size); } .van-card__content--centered { justify-content: center; } .van-card__title, .van-card__desc { word-wrap: break-word; } .van-card__title { max-height: 32px; font-weight: var(--van-font-weight-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-weight-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-family); } .van-card__price-decimal { font-family: var(--van-card-price-font-family); } .van-card__origin-price { display: inline-block; margin-left: 5px; color: var(--van-card-origin-price-color); font-size: var(--van-card-origin-price-font-size); text-decoration: line-through; } .van-card__num { float: right; color: var(--van-card-num-color); } .van-card__tag { position: absolute; top: 2px; left: 0; } .van-card__footer { flex: none; text-align: right; } .van-card__footer .van-button { margin-left: 5px; } :root { --van-cell-font-size: var(--van-font-size-md); --van-cell-line-height: 24px; --van-cell-vertical-padding: 10px; --van-cell-horizontal-padding: var(--van-padding-md); --van-cell-text-color: var(--van-text-color); --van-cell-background-color: var(--van-background-color-light); --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-icon-size: 16px; --van-cell-right-icon-color: var(--van-gray-6); --van-cell-large-vertical-padding: var(--van-padding-sm); --van-cell-large-title-font-size: var(--van-font-size-lg); --van-cell-large-label-font-size: var(--van-font-size-md); } .van-cell { 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-color); } .van-cell:after { position: absolute; box-sizing: border-box; content: " "; pointer-events: none; right: var(--van-padding-md); bottom: 0; left: var(--van-padding-md); border-bottom: 1px solid var(--van-cell-border-color); transform: scaleY(0.5); } .van-cell:last-child:after, .van-cell--borderless:after { display: none; } .van-cell__label { margin-top: var(--van-cell-label-margin-top); color: var(--van-cell-label-color); font-size: var(--van-cell-label-font-size); line-height: var(--van-cell-label-line-height); } .van-cell__title, .van-cell__value { flex: 1; } .van-cell__value { position: relative; overflow: hidden; color: var(--van-cell-value-color); text-align: right; vertical-align: middle; word-wrap: break-word; } .van-cell__value--alone { color: var(--van-text-color); text-align: left; } .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); } :root { --van-coupon-cell-selected-text-color: var(--van-text-color); } .van-coupon-cell__value--selected { color: var(--van-coupon-cell-selected-text-color); } :root { --van-contact-card-padding: var(--van-padding-md); --van-contact-card-add-icon-size: 40px; --van-contact-card-add-icon-color: var(--van-primary-color); --van-contact-card-value-line-height: var(--van-line-height-md); } .van-contact-card { padding: var(--van-contact-card-padding); } .van-contact-card__value { margin-left: 5px; line-height: var(--van-contact-card-value-line-height); } .van-contact-card--add .van-contact-card__value { line-height: var(--van-contact-card-add-icon-size); } .van-contact-card--add .van-cell__left-icon { color: var(--van-contact-card-add-icon-color); font-size: var(--van-contact-card-add-icon-size); } .van-contact-card:before { position: absolute; right: 0; bottom: 0; left: 0; height: 2px; background: repeating-linear-gradient( -45deg, var(--van-warning-color) 0, var(--van-warning-color) 20%, transparent 0, transparent 25%, var(--van-primary-color) 0, var(--van-primary-color) 45%, transparent 0, transparent 50% ); background-size: 80px; content: ""; } :root { --van-collapse-item-transition-duration: var(--van-animation-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-color: var( --van-background-color-light ); --van-collapse-item-title-disabled-color: var(--van-text-color-3); } .van-collapse-item { position: relative; } .van-collapse-item--border:after { position: absolute; box-sizing: border-box; content: " "; pointer-events: none; top: 0; right: var(--van-padding-md); left: var(--van-padding-md); border-top: 1px solid var(--van-border-color); transform: scaleY(0.5); } .van-collapse-item__title .van-cell__right-icon:before { transform: rotate(90deg) translateZ(0); transition: transform var(--van-collapse-item-transition-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-transition-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-color); } :root { --van-field-label-width: 6.2em; --van-field-label-color: var(--van-gray-7); --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: 16px; --van-field-clear-icon-size: 16px; --van-field-clear-icon-color: var(--van-gray-5); --van-field-right-icon-color: var(--van-gray-6); --van-field-error-message-color: var(--van-danger-color); --van-field-error-message-font-size: 12px; --van-field-text-area-min-height: 60px; --van-field-word-limit-color: var(--van-gray-7); --van-field-word-limit-font-size: var(--van-font-size-sm); --van-field-word-limit-line-height: 16px; --van-field-disabled-text-color: var(--van-text-color-3); --van-field-required-mark-color: var(--van-red); } .van-field__label { flex: none; box-sizing: border-box; width: var(--van-field-label-width); margin-right: var(--van-field-label-margin-right); color: var(--van-field-label-color); text-align: left; word-wrap: break-word; } .van-field__label--center { text-align: center; } .van-field__label--right { text-align: right; } .van-field__label--required:before { margin-right: 2px; color: var(--van-field-required-mark-color); content: "*"; } .van-field--disabled .van-field__label { color: var(--van-field-disabled-text-color); } .van-field__value { overflow: visible; } .van-field__body { display: flex; align-items: center; } .van-field__control { display: block; box-sizing: border-box; width: 100%; min-width: 0; margin: 0; padding: 0; color: var(--van-field-input-text-color); line-height: inherit; text-align: left; background-color: transparent; border: 0; resize: none; -webkit-user-select: auto; user-select: auto; } .van-field__control::-webkit-input-placeholder { color: var(--van-field-placeholder-text-color); } .van-field__control::placeholder { color: var(--van-field-placeholder-text-color); } .van-field__control: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:read-only { cursor: default; } .van-field__control--center { justify-content: center; text-align: center; } .van-field__control--right { justify-content: flex-end; text-align: right; } .van-field__control--custom { display: flex; align-items: center; min-height: var(--van-cell-line-height); } .van-field__control--error::-webkit-input-placeholder { color: var(--van-field-input-error-text-color); -webkit-text-fill-color: currentColor; } .van-field__control--error, .van-field__control--error::placeholder { color: var(--van-field-input-error-text-color); -webkit-text-fill-color: currentColor; } .van-field__control--min-height { min-height: var(--van-field-text-area-min-height); } .van-field__control[type="date"], .van-field__control[type="time"], .van-field__control[type="datetime-local"] { min-height: var(--van-cell-line-height); } .van-field__control[type="search"] { -webkit-appearance: none; } .van-field__clear, .van-field__icon, .van-field__button, .van-field__right-icon { flex-shrink: 0; } .van-field__clear, .van-field__right-icon { margin-right: calc(var(--van-padding-xs) * -1); padding: 0 var(--van-padding-xs); line-height: inherit; } .van-field__clear { color: var(--van-field-clear-icon-color); font-size: var(--van-field-clear-icon-size); cursor: pointer; } .van-field__left-icon .van-icon, .van-field__right-icon .van-icon { display: block; font-size: var(--van-field-icon-size); line-height: inherit; } .van-field__left-icon { margin-right: var(--van-padding-base); } .van-field__right-icon { color: var(--van-field-right-icon-color); } .van-field__button { padding-left: var(--van-padding-xs); } .van-field__error-message { color: var(--van-field-error-message-color); font-size: var(--van-field-error-message-font-size); text-align: left; } .van-field__error-message--center { text-align: center; } .van-field__error-message--right { text-align: right; } .van-field__word-limit { margin-top: var(--van-padding-base); color: var(--van-field-word-limit-color); font-size: var(--van-field-word-limit-font-size); line-height: var(--van-field-word-limit-line-height); text-align: right; } :root { --van-search-padding: 10px var(--van-padding-sm); --van-search-background-color: var(--van-background-color-light); --van-search-content-background-color: var(--van-gray-1); --van-search-input-height: 34px; --van-search-label-padding: 0 5px; --van-search-label-color: var(--van-text-color); --van-search-label-font-size: var(--van-font-size-md); --van-search-left-icon-color: var(--van-gray-6); --van-search-action-padding: 0 var(--van-padding-xs); --van-search-action-text-color: var(--van-text-color); --van-search-action-font-size: var(--van-font-size-md); } .van-search { display: flex; align-items: center; box-sizing: border-box; padding: var(--van-search-padding); background: var(--van-search-background-color); } .van-search__content { display: flex; flex: 1; padding-left: var(--van-padding-sm); background: var(--van-search-content-background-color); border-radius: var(--van-border-radius-sm); } .van-search__content--round { border-radius: var(--van-border-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; padding: 5px var(--van-padding-xs) 5px 0; background-color: transparent; } .van-search__field .van-field__left-icon { color: var(--van-search-left-icon-color); } .van-search--show-action { padding-right: 0; } .van-search input::-webkit-search-decoration, .van-search input::-webkit-search-cancel-button, .van-search input::-webkit-search-results-button, .van-search input::-webkit-search-results-decoration { display: none; } .van-search__action { padding: var(--van-search-action-padding); color: var(--van-search-action-text-color); font-size: var(--van-search-action-font-size); line-height: var(--van-search-input-height); cursor: pointer; -webkit-user-select: none; user-select: none; } .van-search__action:active { background-color: var(--van-active-color); } :root { --van-action-bar-icon-width: 48px; --van-action-bar-icon-height: 100%; --van-action-bar-icon-color: var(--van-text-color); --van-action-bar-icon-size: 18px; --van-action-bar-icon-font-size: var(--van-font-size-xs); --van-action-bar-icon-active-color: var(--van-active-color); --van-action-bar-icon-text-color: var(--van-gray-7); --van-action-bar-icon-background-color: var(--van-background-color-light); } .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-color); cursor: pointer; } .van-action-bar-icon:active { background-color: var(--van-action-bar-icon-active-color); } .van-action-bar-icon__icon { margin: 0 auto var(--van-padding-base); color: var(--van-action-bar-icon-color); font-size: var(--van-action-bar-icon-size); } :root { --van-loading-text-color: var(--van-text-color-2); --van-loading-text-font-size: var(--van-font-size-md); --van-loading-spinner-color: var(--van-gray-5); --van-loading-spinner-size: 30px; --van-loading-spinner-animation-duration: 0.8s; } .van-loading { position: relative; color: var(--van-loading-spinner-color); font-size: 0; vertical-align: middle; } .van-loading__spinner { position: relative; display: inline-block; width: var(--van-loading-spinner-size); max-width: 100%; height: var(--van-loading-spinner-size); max-height: 100%; vertical-align: middle; animation: van-rotate var(--van-loading-spinner-animation-duration) linear infinite; } .van-loading__spinner--spinner { animation-timing-function: steps(12); } .van-loading__spinner--circular { animation-duration: 2s; } .van-loading__line { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .van-loading__line:before { display: block; width: 2px; height: 25%; margin: 0 auto; background-color: currentColor; border-radius: 40%; content: " "; } .van-loading__circular { display: block; width: 100%; height: 100%; } .van-loading__circular circle { animation: van-circular 1.5s ease-in-out infinite; stroke: currentColor; stroke-width: 3; stroke-linecap: round; } .van-loading__text { display: inline-block; margin-left: var(--van-padding-xs); color: var(--van-loading-text-color); font-size: var(--van-loading-text-font-size); vertical-align: middle; } .van-loading--vertical { display: flex; flex-direction: column; align-items: center; } .van-loading--vertical .van-loading__text { margin: var(--van-padding-xs) 0 0; } @keyframes van-circular { 0% { stroke-dasharray: 1, 200; stroke-dashoffset: 0; } 50% { stroke-dasharray: 90, 150; stroke-dashoffset: -40; } to { stroke-dasharray: 90, 150; stroke-dashoffset: -120; } } .van-loading__line--1 { transform: rotate(30deg); opacity: 1; } .van-loading__line--2 { transform: rotate(60deg); opacity: 0.9375; } .van-loading__line--3 { transform: rotate(90deg); opacity: 0.875; } .van-loading__line--4 { transform: rotate(120deg); opacity: 0.8125; } .van-loading__line--5 { transform: rotate(150deg); opacity: 0.75; } .van-loading__line--6 { transform: rotate(180deg); opacity: 0.6875; } .van-loading__line--7 { transform: rotate(210deg); opacity: 0.625; } .van-loading__line--8 { transform: rotate(240deg); opacity: 0.5625; } .van-loading__line--9 { transform: rotate(270deg); opacity: 0.5; } .van-loading__line--10 { transform: rotate(300deg); opacity: 0.4375; } .van-loading__line--11 { transform: rotate(330deg); opacity: 0.375; } .van-loading__line--12 { transform: rotate(360deg); opacity: 0.3125; } :root { --van-pull-refresh-head-height: 50px; --van-pull-refresh-head-font-size: var(--van-font-size-md); --van-pull-refresh-head-text-color: var(--van-text-color-2); --van-pull-refresh-loading-icon-size: 16px; } .van-pull-refresh { overflow: hidden; } .van-pull-refresh__track { position: relative; height: 100%; transition-property: transform; } .van-pull-refresh__head { position: absolute; left: 0; width: 100%; height: var(--van-pull-refresh-head-height); overflow: hidden; color: var(--van-pull-refresh-head-text-color); font-size: var(--van-pull-refresh-head-font-size); line-height: var(--van-pull-refresh-head-height); text-align: center; transform: translateY(-100%); } .van-pull-refresh__loading .van-loading__spinner { width: var(--van-pull-refresh-loading-icon-size); height: var(--van-pull-refresh-loading-icon-size); } :root { --van-number-keyboard-background-color: var(--van-gray-2); --van-number-keyboard-key-height: 48px; --van-number-keyboard-key-font-size: 28px; --van-number-keyboard-key-active-color: var(--van-gray-3); --van-number-keyboard-key-background-color: var(--van-background-color-light); --van-number-keyboard-delete-font-size: var(--van-font-size-lg); --van-number-keyboard-title-color: var(--van-gray-7); --van-number-keyboard-title-height: 34px; --van-number-keyboard-title-font-size: var(--van-font-size-lg); --van-number-keyboard-close-padding: 0 var(--van-padding-md); --van-number-keyboard-close-color: var(--van-text-link-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-color: var(--van-primary-color); --van-number-keyboard-z-index: 100; } .van-number-keyboard { position: fixed; bottom: 0; left: 0; z-index: var(--van-number-keyboard-z-index); width: 100%; padding-bottom: 22px; background: var(--van-number-keyboard-background-color); -webkit-user-select: none; user-select: none; } .van-number-keyboard--with-title { border-radius: 20px 20px 0 0; } .van-number-keyboard__header { position: relative; display: flex; align-items: center; justify-content: center; box-sizing: content-box; height: var(--van-number-keyboard-title-height); padding-top: 6px; color: var(--van-number-keyboard-title-color); font-size: var(--van-number-keyboard-title-font-size); } .van-number-keyboard__title { display: inline-block; font-weight: 400; } .van-number-keyboard__title-left { position: absolute; left: 0; } .van-number-keyboard__body { display: flex; padding: 6px 0 0 6px; } .van-number-keyboard__keys { display: flex; flex: 3; flex-wrap: wrap; } .van-number-keyboard__close { position: absolute; right: 0; height: 100%; padding: var(--van-number-keyboard-close-padding); color: var(--van-number-keyboard-close-color); font-size: var(--van-number-keyboard-close-font-size); background-color: transparent; border: none; } .van-number-keyboard__sidebar { display: flex; flex: 1; flex-direction: column; } .van-number-keyboard--unfit { padding-bottom: 0; } .van-key { display: flex; align-items: center; justify-content: center; height: var(--van-number-keyboard-key-height); font-size: var(--van-number-keyboard-key-font-size); line-height: 1.5; background: var(--van-number-keyboard-key-background-color); border-radius: var(--van-border-radius-lg); cursor: pointer; } .van-key--large { position: absolute; top: 0; right: 6px; bottom: 6px; left: 0; height: auto; } .van-key--blue, .van-key--delete { font-size: var(--van-number-keyboard-delete-font-size); } .van-key--active { background-color: var(--van-number-keyboard-key-active-color); } .van-key--blue { color: var(--van-number-keyboard-button-text-color); background: var(--van-number-keyboard-button-background-color); } .van-key--blue.van-key--active { opacity: var(--van-active-opacity); } .van-key__wrapper { position: relative; flex: 1; flex-basis: 33%; box-sizing: border-box; padding: 0 6px 6px 0; } .van-key__wrapper--wider { flex-basis: 66%; } .van-key__delete-icon { width: 32px; height: 22px; } .van-key__collapse-icon { width: 30px; height: 24px; } .van-key__loading-icon { color: var(--van-number-keyboard-button-text-color); } :root { --van-list-text-color: var(--van-text-color-2); --van-list-text-font-size: var(--van-font-size-md); --van-list-text-line-height: 50px; --van-list-loading-icon-size: 16px; } .van-list__loading, .van-list__finished-text, .van-list__error-text { color: var(--van-list-text-color); font-size: var(--van-list-text-font-size); line-height: var(--van-list-text-line-height); text-align: center; } .van-list__placeholder { height: 0; pointer-events: none; } .van-list__loading-icon .van-loading__spinner { width: var(--van-list-loading-icon-size); height: var(--van-list-loading-icon-size); } :root { --van-switch-size: 30px; --van-switch-width: 2em; --van-switch-height: 1em; --van-switch-node-size: 1em; --van-switch-node-background-color: var(--van-white); --van-switch-node-box-shadow: 0 3px 1px 0 rgba(0, 0, 0, 0.05), 0 2px 2px 0 rgba(0, 0, 0, 0.1), 0 3px 3px 0 rgba(0, 0, 0, 0.05); --van-switch-background-color: var(--van-background-color-light); --van-switch-on-background-color: var(--van-primary-color); --van-switch-transition-duration: var(--van-animation-duration-base); --van-switch-disabled-opacity: var(--van-disabled-opacity); --van-switch-border: var(--van-border-width-base) solid rgba(0, 0, 0, 0.1); } .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-color); border: var(--van-switch-border); border-radius: var(--van-switch-node-size); cursor: pointer; transition: background-color var(--van-switch-transition-duration); } .van-switch__node { position: absolute; top: 0; left: 0; width: var(--van-switch-node-size); height: var(--van-switch-node-size); font-size: inherit; background: var(--van-switch-node-background-color); border-radius: 100%; box-shadow: var(--van-switch-node-box-shadow); transition: transform var(--van-switch-transition-duration) cubic-bezier(0.3, 1.05, 0.4, 1.05); } .van-switch__loading { top: 25%; left: 25%; width: 50%; height: 50%; line-height: 1; } .van-switch--on { background: var(--van-switch-on-background-color); } .van-switch--on .van-switch__node { transform: translate( calc(var(--van-switch-width) - var(--van-switch-node-size)) ); } .van-switch--on .van-switch__loading { color: var(--van-switch-on-background-color); } .van-switch--disabled { cursor: not-allowed; opacity: var(--van-switch-disabled-opacity); } .van-switch--loading { cursor: default; } :root { --van-picker-background-color: var(--van-background-color-light); --van-picker-toolbar-height: 44px; --van-picker-title-font-size: var(--van-font-size-lg); --van-picker-title-line-height: var(--van-line-height-md); --van-picker-action-padding: 0 var(--van-padding-md); --van-picker-action-font-size: var(--van-font-size-md); --van-picker-confirm-action-color: var(--van-text-link-color); --van-picker-cancel-action-color: var(--van-text-color-2); --van-picker-option-font-size: var(--van-font-size-lg); --van-picker-option-padding: 0 var(--van-padding-base); --van-picker-option-text-color: var(--van-text-color); --van-picker-option-disabled-opacity: 0.3; --van-picker-loading-icon-color: var(--van-primary-color); --van-picker-loading-mask-color: rgba(255, 255, 255, 0.9); --van-picker-mask-color: linear-gradient( 180deg, rgba(255, 255, 255, 0.9), rgba(255, 255, 255, 0.4) ), linear-gradient(0deg, rgba(255, 255, 255, 0.9), rgba(255, 255, 255, 0.4)); } .van-picker { position: relative; background: var(--van-picker-background-color); -webkit-user-select: none; user-select: none; } .van-picker__toolbar { display: flex; align-items: center; justify-content: space-between; height: var(--van-picker-toolbar-height); } .van-picker__cancel, .van-picker__confirm { height: 100%; padding: var(--van-picker-action-padding); font-size: var(--van-picker-action-font-size); background-color: transparent; border: none; } .van-picker__confirm { color: var(--van-picker-confirm-action-color); } .van-picker__cancel { color: var(--van-picker-cancel-action-color); } .van-picker__title { max-width: 50%; font-weight: var(--van-font-weight-bold); font-size: var(--van-picker-title-font-size); line-height: var(--van-picker-title-line-height); text-align: center; } .van-picker__columns { position: relative; display: flex; cursor: -webkit-grab; cursor: grab; } .van-picker__loading { position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 3; display: flex; align-items: center; justify-content: center; color: var(--van-picker-loading-icon-color); background: var(--van-picker-loading-mask-color); } .van-picker__frame { position: absolute; top: 50%; right: var(--van-padding-md); left: var(--van-padding-md); z-index: 2; transform: translateY(-50%); pointer-events: none; } .van-picker__mask { position: absolute; top: 0; left: 0; z-index: 1; width: 100%; height: 100%; background-image: var(--van-picker-mask-color); background-repeat: no-repeat; background-position: top, bottom; transform: translateZ(0); pointer-events: none; } .van-picker-column { flex: 1; overflow: hidden; font-size: var(--van-picker-option-font-size); } .van-picker-column__wrapper { transition-timing-function: cubic-bezier(0.23, 1, 0.68, 1); } .van-picker-column__item { display: flex; align-items: center; justify-content: center; padding: var(--van-picker-option-padding); color: var(--van-picker-option-text-color); } .van-picker-column__item--disabled { cursor: not-allowed; opacity: var(--van-picker-option-disabled-opacity); } :root { --van-button-mini-height: 24px; --van-button-mini-padding: 0 var(--van-padding-base); --van-button-mini-font-size: var(--van-font-size-xs); --van-button-small-height: 32px; --van-button-small-padding: 0 var(--van-padding-xs); --van-button-small-font-size: var(--van-font-size-sm); --van-button-normal-padding: 0 15px; --van-button-normal-font-size: var(--van-font-size-md); --van-button-large-height: 50px; --van-button-default-height: 44px; --van-button-default-line-height: 1.2; --van-button-default-font-size: var(--van-font-size-lg); --van-button-default-color: var(--van-text-color); --van-button-default-background-color: var(--van-background-color-light); --van-button-default-border-color: var(--van-border-color); --van-button-primary-color: var(--van-white); --van-button-primary-background-color: var(--van-primary-color); --van-button-primary-border-color: var(--van-primary-color); --van-button-success-color: var(--van-white); --van-button-success-background-color: var(--van-success-color); --van-button-success-border-color: var(--van-success-color); --van-button-danger-color: var(--van-white); --van-button-danger-background-color: var(--van-danger-color); --van-button-danger-border-color: var(--van-danger-color); --van-button-warning-color: var(--van-white); --van-button-warning-background-color: var(--van-warning-color); --van-button-warning-border-color: var(--van-warning-color); --van-button-border-width: var(--van-border-width-base); --van-button-border-radius: var(--van-border-radius-sm); --van-button-round-border-radius: var(--van-border-radius-max); --van-button-plain-background-color: var(--van-white); --van-button-disabled-opacity: var(--van-disabled-opacity); --van-button-icon-size: 1.2em; --van-button-loading-icon-size: 20px; } .van-button { position: relative; display: inline-block; box-sizing: border-box; height: var(--van-button-default-height); margin: 0; padding: 0; font-size: var(--van-button-default-font-size); line-height: var(--van-button-default-line-height); text-align: center; border-radius: var(--van-button-border-radius); cursor: pointer; transition: opacity var(--van-animation-duration-fast); -webkit-appearance: none; } .van-button:before { position: absolute; top: 50%; left: 50%; width: 100%; height: 100%; background: var(--van-black); border: inherit; border-color: var(--van-black); border-radius: inherit; transform: translate(-50%, -50%); opacity: 0; content: " "; } .van-button:active:before { opacity: 0.1; } .van-button--loading:before, .van-button--disabled:before { display: none; } .van-button--default { color: var(--van-button-default-color); background: var(--van-button-default-background-color); 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-color); 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-color); 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-color); 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-color); border: var(--van-button-border-width) solid var(--van-button-warning-border-color); } .van-button--plain { background: var(--van-button-plain-background-color); } .van-button--plain.van-button--primary { color: var(--van-button-primary-background-color); } .van-button--plain.van-button--success { color: var(--van-button-success-background-color); } .van-button--plain.van-button--danger { color: var(--van-button-danger-background-color); } .van-button--plain.van-button--warning { color: var(--van-button-warning-background-color); } .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-border-radius); } .van-button--square { border-radius: 0; } .van-button__content { display: flex; align-items: center; justify-content: center; height: 100%; } .van-button__content:before { content: " "; } .van-button__icon { font-size: var(--van-button-icon-size); line-height: inherit; } .van-button__icon + .van-button__text, .van-button__loading + .van-button__text, .van-button__text + .van-button__icon, .van-button__text + .van-button__loading { margin-left: var(--van-padding-base); } .van-button--hairline { border-width: 0; } .van-button--hairline:after { border-color: inherit; border-radius: calc(var(--van-button-border-radius) * 2); } .van-button--hairline.van-button--round:after { border-radius: var(--van-button-round-border-radius); } .van-button--hairline.van-button--square:after { border-radius: 0; } :root { --van-submit-bar-height: 50px; --van-submit-bar-z-index: 100; --van-submit-bar-background-color: var(--van-background-color-light); --van-submit-bar-button-width: 110px; --van-submit-bar-price-color: var(--van-danger-color); --van-submit-bar-price-font-size: var(--van-font-size-sm); --van-submit-bar-price-integer-font-size: 20px; --van-submit-bar-price-font-family: var(--van-price-integer-font-family); --van-submit-bar-currency-font-size: var(--van-font-size-md); --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-color: var(--van-orange-light); --van-submit-bar-tip-icon-size: 12px; --van-submit-bar-button-height: 40px; --van-submit-bar-padding: 0 var(--van-padding-md); } .van-submit-bar { position: fixed; bottom: 0; left: 0; z-index: var(--van-submit-bar-z-index); width: 100%; background: var(--van-submit-bar-background-color); -webkit-user-select: none; user-select: none; } .van-submit-bar__tip { padding: var(--van-submit-bar-tip-padding); color: var(--van-submit-bar-tip-color); font-size: var(--van-submit-bar-tip-font-size); line-height: var(--van-submit-bar-tip-line-height); background: var(--van-submit-bar-tip-background-color); } .van-submit-bar__tip-icon { margin-right: var(--van-padding-base); font-size: var(--van-submit-bar-tip-icon-size); vertical-align: middle; } .van-submit-bar__tip-text { vertical-align: middle; } .van-submit-bar__bar { display: flex; align-items: center; justify-content: flex-end; height: var(--van-submit-bar-height); padding: var(--van-submit-bar-padding); font-size: var(--van-submit-bar-text-font-size); } .van-submit-bar__text { flex: 1; padding-right: var(--van-padding-sm); color: var(--van-submit-bar-text-color); text-align: right; } .van-submit-bar__text span { display: inline-block; } .van-submit-bar__suffix-label { margin-left: var(--van-padding-base); font-weight: var(--van-font-weight-bold); } .van-submit-bar__price { color: var(--van-submit-bar-price-color); font-weight: var(--van-font-weight-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-family); } .van-submit-bar__button { width: var(--van-submit-bar-button-width); height: var(--van-submit-bar-button-height); font-weight: var(--van-font-weight-bold); border: none; } .van-submit-bar__button--danger { background: var(--van-gradient-red); } :root { --van-contact-edit-padding: var(--van-padding-md); --van-contact-edit-fields-radius: var(--van-border-radius-md); --van-contact-edit-buttons-padding: var(--van-padding-xl) 0; --van-contact-edit-button-margin-bottom: var(--van-padding-sm); --van-contact-edit-button-font-size: var(--van-font-size-lg); --van-contact-edit-field-label-width: 4.1em; } .van-contact-edit { padding: var(--van-contact-edit-padding); } .van-contact-edit__fields { overflow: hidden; border-radius: var(--van-contact-edit-fields-radius); } .van-contact-edit__fields .van-field__label { width: var(--van-contact-edit-field-label-width); } .van-contact-edit__switch-cell { margin-top: 10px; padding-top: 9px; padding-bottom: 9px; border-radius: var(--van-contact-edit-fields-radius); } .van-contact-edit__buttons { padding: var(--van-contact-edit-buttons-padding); } .van-contact-edit__button { margin-bottom: var(--van-contact-edit-button-margin-bottom); font-size: var(--van-contact-edit-button-font-size); } :root { --van-action-bar-button-height: 40px; --van-action-bar-button-warning-color: var(--van-gradient-orange); --van-action-bar-button-danger-color: var(--van-gradient-red); } .van-action-bar-button { flex: 1; height: var(--van-action-bar-button-height); font-weight: var(--van-font-weight-bold); font-size: var(--van-font-size-md); border: none; border-radius: 0; } .van-action-bar-button--first { margin-left: 5px; border-top-left-radius: var(--van-border-radius-max); border-bottom-left-radius: var(--van-border-radius-max); } .van-action-bar-button--last { margin-right: 5px; border-top-right-radius: var(--van-border-radius-max); border-bottom-right-radius: var(--van-border-radius-max); } .van-action-bar-button--warning { background: var(--van-action-bar-button-warning-color); } .van-action-bar-button--danger { background: var(--van-action-bar-button-danger-color); } @media (max-width: 321px) { .van-action-bar-button { font-size: 13px; } } :root { --van-overlay-z-index: 1; --van-overlay-background-color: rgba(0, 0, 0, 0.7); } .van-overlay { position: fixed; top: 0; left: 0; z-index: var(--van-overlay-z-index); width: 100%; height: 100%; background: var(--van-overlay-background-color); } :root { --van-popup-background-color: var(--van-background-color-light); --van-popup-transition: transform var(--van-animation-duration-base); --van-popup-round-border-radius: 16px; --van-popup-close-icon-size: 22px; --van-popup-close-icon-color: var(--van-gray-5); --van-popup-close-icon-margin: 16px; --van-popup-close-icon-z-index: 1; } .van-overflow-hidden { overflow: hidden !important; } .van-popup { position: fixed; max-height: 100%; overflow-y: auto; background: var(--van-popup-background-color); transition: var(--van-popup-transition); -webkit-overflow-scrolling: touch; } .van-popup--center { top: 50%; left: 50%; transform: translate(-50%, -50%); } .van-popup--center.van-popup--round { border-radius: var(--van-popup-round-border-radius); } .van-popup--top { top: 0; left: 0; width: 100%; } .van-popup--top.van-popup--round { border-radius: 0 0 var(--van-popup-round-border-radius) var(--van-popup-round-border-radius); } .van-popup--right { top: 50%; right: 0; transform: translateY(-50%); } .van-popup--right.van-popup--round { border-radius: var(--van-popup-round-border-radius) 0 0 var(--van-popup-round-border-radius); } .van-popup--bottom { bottom: 0; left: 0; width: 100%; } .van-popup--bottom.van-popup--round { border-radius: var(--van-popup-round-border-radius) var(--van-popup-round-border-radius) 0 0; } .van-popup--left { top: 50%; left: 0; transform: translateY(-50%); } .van-popup--left.van-popup--round { border-radius: 0 var(--van-popup-round-border-radius) var(--van-popup-round-border-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-animation-timing-function-enter); } .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-animation-timing-function-leave); } .van-popup-slide-top-enter-from, .van-popup-slide-top-leave-active { transform: translateY(-100%); } .van-popup-slide-right-enter-from, .van-popup-slide-right-leave-active { transform: translate(100%, -50%); } .van-popup-slide-bottom-enter-from, .van-popup-slide-bottom-leave-active { transform: translateY(100%); } .van-popup-slide-left-enter-from, .van-popup-slide-left-leave-active { transform: translate(-100%, -50%); } .van-popup__close-icon { position: absolute; z-index: var(--van-popup-close-icon-z-index); color: var(--van-popup-close-icon-color); font-size: var(--van-popup-close-icon-size); } .van-popup__close-icon--top-left { top: var(--van-popup-close-icon-margin); left: var(--van-popup-close-icon-margin); } .van-popup__close-icon--top-right { top: var(--van-popup-close-icon-margin); right: var(--van-popup-close-icon-margin); } .van-popup__close-icon--bottom-left { bottom: var(--van-popup-close-icon-margin); left: var(--van-popup-close-icon-margin); } .van-popup__close-icon--bottom-right { right: var(--van-popup-close-icon-margin); bottom: var(--van-popup-close-icon-margin); } :root { --van-share-sheet-header-padding: var(--van-padding-sm) var(--van-padding-md) var(--van-padding-base); --van-share-sheet-title-color: var(--van-text-color); --van-share-sheet-title-font-size: var(--van-font-size-md); --van-share-sheet-title-line-height: var(--van-line-height-md); --van-share-sheet-description-color: var(--van-text-color-2); --van-share-sheet-description-font-size: var(--van-font-size-sm); --van-share-sheet-description-line-height: 16px; --van-share-sheet-icon-size: 48px; --van-share-sheet-option-name-color: var(--van-gray-7); --van-share-sheet-option-name-font-size: var(--van-font-size-sm); --van-share-sheet-option-description-color: var(--van-text-color-3); --van-share-sheet-option-description-font-size: var(--van-font-size-sm); --van-share-sheet-cancel-button-font-size: var(--van-font-size-lg); --van-share-sheet-cancel-button-height: 48px; --van-share-sheet-cancel-button-background: var(--van-background-color-light); } .van-share-sheet__header { padding: var(--van-share-sheet-header-padding); text-align: center; } .van-share-sheet__title { margin-top: var(--van-padding-xs); color: var(--van-share-sheet-title-color); font-weight: 400; font-size: var(--van-share-sheet-title-font-size); line-height: var(--van-share-sheet-title-line-height); } .van-share-sheet__description { display: block; margin-top: var(--van-padding-xs); color: var(--van-share-sheet-description-color); font-size: var(--van-share-sheet-description-font-size); line-height: var(--van-share-sheet-description-line-height); } .van-share-sheet__options { position: relative; display: flex; padding: var(--van-padding-md) 0 var(--van-padding-md) var(--van-padding-xs); overflow-x: auto; overflow-y: visible; -webkit-overflow-scrolling: touch; } .van-share-sheet__options--border:before { position: absolute; box-sizing: border-box; content: " "; pointer-events: none; top: 0; right: 0; left: var(--van-padding-md); border-top: 1px solid var(--van-border-color); transform: scaleY(0.5); } .van-share-sheet__options::-webkit-scrollbar { height: 0; } .van-share-sheet__option { display: flex; flex-direction: column; align-items: center; -webkit-user-select: none; user-select: none; } .van-share-sheet__icon { width: var(--van-share-sheet-icon-size); height: var(--van-share-sheet-icon-size); margin: 0 var(--van-padding-md); } .van-share-sheet__name { margin-top: var(--van-padding-xs); padding: 0 var(--van-padding-base); color: var(--van-share-sheet-option-name-color); font-size: var(--van-share-sheet-option-name-font-size); } .van-share-sheet__option-description { padding: 0 var(--van-padding-base); color: var(--van-share-sheet-option-description-color); font-size: var(--van-share-sheet-option-description-font-size); } .van-share-sheet__cancel { display: block; width: 100%; padding: 0; font-size: var(--van-share-sheet-cancel-button-font-size); line-height: var(--van-share-sheet-cancel-button-height); text-align: center; background: var(--van-share-sheet-cancel-button-background); border: none; cursor: pointer; } .van-share-sheet__cancel:before { display: block; height: var(--van-padding-xs); background-color: var(--van-background-color); content: " "; } .van-share-sheet__cancel:active { background-color: var(--van-active-color); } :root { --van-popover-arrow-size: 6px; --van-popover-border-radius: var(--van-border-radius-lg); --van-popover-action-width: 128px; --van-popover-action-height: 44px; --van-popover-action-font-size: var(--van-font-size-md); --van-popover-action-line-height: var(--van-line-height-md); --van-popover-action-icon-size: 20px; --van-popover-light-text-color: var(--van-text-color); --van-popover-light-background-color: var(--van-background-color-light); --van-popover-light-action-disabled-text-color: var(--van-text-color-3); --van-popover-dark-text-color: var(--van-white); --van-popover-dark-background-color: #4a4a4a; --van-popover-dark-action-disabled-text-color: var(--van-text-color-2); } .van-popover { position: absolute; overflow: visible; background-color: transparent; transition: opacity 0.15s, transform 0.15s; } .van-popover__wrapper { display: inline-block; } .van-popover__arrow { position: absolute; width: 0; height: 0; border-color: transparent; border-style: solid; border-width: var(--van-popover-arrow-size); } .van-popover__content { overflow: hidden; border-radius: var(--van-popover-border-radius); } .van-popover__action { position: relative; display: flex; align-items: center; box-sizing: border-box; width: var(--van-popover-action-width); height: var(--van-popover-action-height); padding: 0 var(--van-padding-md); font-size: var(--van-popover-action-font-size); line-height: var(--van-line-height-md); cursor: pointer; } .van-popover__action:last-child .van-popover__action-text:after { display: none; } .van-popover__action-text { display: flex; flex: 1; align-items: center; justify-content: center; height: 100%; } .van-popover__action-icon { margin-right: var(--van-padding-xs); font-size: var(--van-popover-action-icon-size); } .van-popover__action--with-icon .van-popover__action-text { justify-content: flex-start; } .van-popover[data-popper-placement^="top"] .van-popover__arrow { bottom: 0; border-top-color: currentColor; border-bottom-width: 0; transform: translate(-50%); 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%; } .van-popover[data-popper-placement="top-start"] { transform-origin: 0 100%; } .van-popover[data-popper-placement="top-start"] .van-popover__arrow { left: var(--van-padding-md); } .van-popover[data-popper-placement="top-end"] { transform-origin: 100% 100%; } .van-popover[data-popper-placement="top-end"] .van-popover__arrow { right: var(--van-padding-md); } .van-popover[data-popper-placement^="left"] .van-popover__arrow { right: 0; border-right-width: 0; border-left-color: currentColor; transform: translateY(-50%); 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%; } .van-popover[data-popper-placement="left-start"] { transform-origin: 100% 0; } .van-popover[data-popper-placement="left-start"] .van-popover__arrow { top: var(--van-padding-md); } .van-popover[data-popper-placement="left-end"] { transform-origin: 100% 100%; } .van-popover[data-popper-placement="left-end"] .van-popover__arrow { bottom: var(--van-padding-md); } .van-popover[data-popper-placement^="right"] .van-popover__arrow { left: 0; border-right-color: currentColor; border-left-width: 0; transform: translateY(-50%); margin-left: calc(var(--van-popover-arrow-size) * -1); } .van-popover[data-popper-placement="right"] { transform-origin: 0 50%; } .van-popover[data-popper-placement="right"] .van-popover__arrow { top: 50%; } .van-popover[data-popper-placement="right-start"] { transform-origin: 0 0; } .van-popover[data-popper-placement="right-start"] .van-popover__arrow { top: var(--van-padding-md); } .van-popover[data-popper-placement="right-end"] { transform-origin: 0 100%; } .van-popover[data-popper-placement="right-end"] .van-popover__arrow { bottom: var(--van-padding-md); } .van-popover[data-popper-placement^="bottom"] .van-popover__arrow { top: 0; border-top-width: 0; border-bottom-color: currentColor; transform: translate(-50%); margin-top: calc(var(--van-popover-arrow-size) * -1); } .van-popover[data-popper-placement="bottom"] { transform-origin: 50% 0; } .van-popover[data-popper-placement="bottom"] .van-popover__arrow { left: 50%; } .van-popover[data-popper-placement="bottom-start"] { transform-origin: 0 0; } .van-popover[data-popper-placement="bottom-start"] .van-popover__arrow { left: var(--van-padding-md); } .van-popover[data-popper-placement="bottom-end"] { transform-origin: 100% 0; } .van-popover[data-popper-placement="bottom-end"] .van-popover__arrow { right: var(--van-padding-md); } .van-popover--light { color: var(--van-popover-light-text-color); } .van-popover--light .van-popover__content { background: var(--van-popover-light-background-color); box-shadow: 0 2px 12px rgba(50, 50, 51, 0.12); } .van-popover--light .van-popover__arrow { color: var(--van-popover-light-background-color); } .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-color); } .van-popover--dark .van-popover__arrow { color: var(--van-popover-dark-background-color); } .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-animation-timing-function-enter); } .van-popover-zoom-leave-active { transition-timing-function: var(--van-animation-timing-function-leave); } :root { --van-notify-text-color: var(--van-white); --van-notify-padding: var(--van-padding-xs) var(--van-padding-md); --van-notify-font-size: var(--van-font-size-md); --van-notify-line-height: var(--van-line-height-md); --van-notify-primary-background-color: var(--van-primary-color); --van-notify-success-background-color: var(--van-success-color); --van-notify-danger-background-color: var(--van-danger-color); --van-notify-warning-background-color: var(--van-warning-color); } .van-notify { display: flex; align-items: center; justify-content: center; box-sizing: border-box; padding: var(--van-notify-padding); color: var(--van-notify-text-color); font-size: var(--van-notify-font-size); line-height: var(--van-notify-line-height); white-space: pre-wrap; text-align: center; word-wrap: break-word; } .van-notify--primary { background: var(--van-notify-primary-background-color); } .van-notify--success { background: var(--van-notify-success-background-color); } .van-notify--danger { background: var(--van-notify-danger-background-color); } .van-notify--warning { background: var(--van-notify-warning-background-color); } :root { --van-dialog-width: 320px; --van-dialog-small-screen-width: 90%; --van-dialog-font-size: var(--van-font-size-lg); --van-dialog-transition: var(--van-animation-duration-base); --van-dialog-border-radius: 16px; --van-dialog-background-color: var(--van-background-color-light); --van-dialog-header-font-weight: var(--van-font-weight-bold); --van-dialog-header-line-height: 24px; --van-dialog-header-padding-top: 26px; --van-dialog-header-isolated-padding: var(--van-padding-lg) 0; --van-dialog-message-padding: var(--van-padding-lg); --van-dialog-message-font-size: var(--van-font-size-md); --van-dialog-message-line-height: var(--van-line-height-md); --van-dialog-message-max-height: 60vh; --van-dialog-has-title-message-text-color: var(--van-gray-7); --van-dialog-has-title-message-padding-top: var(--van-padding-xs); --van-dialog-button-height: 48px; --van-dialog-round-button-height: 36px; --van-dialog-confirm-button-text-color: var(--van-danger-color); } .van-dialog { top: 45%; left: 50%; width: var(--van-dialog-width); overflow: hidden; font-size: var(--van-dialog-font-size); background: var(--van-dialog-background-color); border-radius: var(--van-dialog-border-radius); -webkit-backface-visibility: hidden; backface-visibility: hidden; transition: var(--van-dialog-transition); transition-property: transform, opacity; } @media (max-width: 321px) { .van-dialog { width: var(--van-dialog-small-screen-width); } } .van-dialog__header { padding-top: var(--van-dialog-header-padding-top); font-weight: var(--van-dialog-header-font-weight); line-height: var(--van-dialog-header-line-height); text-align: center; } .van-dialog__header--isolated { padding: var(--van-dialog-header-isolated-padding); } .van-dialog__content--isolated { display: flex; align-items: center; min-height: 104px; } .van-dialog__message { flex: 1; max-height: var(--van-dialog-message-max-height); padding: 26px var(--van-dialog-message-padding); overflow-y: auto; font-size: var(--van-dialog-message-font-size); line-height: var(--van-dialog-message-line-height); white-space: pre-wrap; text-align: center; word-wrap: break-word; -webkit-overflow-scrolling: touch; } .van-dialog__message--has-title { padding-top: var(--van-dialog-has-title-message-padding-top); color: var(--van-dialog-has-title-message-text-color); } .van-dialog__message--left { text-align: left; } .van-dialog__message--right { text-align: right; } .van-dialog__footer { display: flex; overflow: hidden; -webkit-user-select: none; user-select: none; } .van-dialog__confirm, .van-dialog__cancel { flex: 1; height: var(--van-dialog-button-height); margin: 0; border: 0; } .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-bounce-enter-from { transform: translate(-50%, -50%) scale(0.7); opacity: 0; } .van-dialog-bounce-leave-active { transform: translate(-50%, -50%) scale(0.9); opacity: 0; } :root { --van-toast-max-width: 70%; --van-toast-font-size: var(--van-font-size-md); --van-toast-text-color: var(--van-white); --van-toast-loading-icon-color: var(--van-white); --van-toast-line-height: var(--van-line-height-md); --van-toast-border-radius: var(--van-border-radius-lg); --van-toast-background-color: rgba(0, 0, 0, 0.7); --van-toast-icon-size: 36px; --van-toast-text-min-width: 96px; --van-toast-text-padding: var(--van-padding-xs) var(--van-padding-sm); --van-toast-default-padding: var(--van-padding-md); --van-toast-default-width: 88px; --van-toast-default-min-height: 88px; --van-toast-position-top-distance: 20%; --van-toast-position-bottom-distance: 20%; } .van-toast { display: flex; flex-direction: column; align-items: center; justify-content: center; box-sizing: content-box; transition: all var(--van-animation-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; text-align: center; word-break: break-all; background: var(--van-toast-background-color); border-radius: var(--van-toast-border-radius); } .van-toast--unclickable { overflow: hidden; cursor: not-allowed; } .van-toast--unclickable * { pointer-events: none; } .van-toast--text, .van-toast--html { width: -webkit-fit-content; width: fit-content; min-width: var(--van-toast-text-min-width); min-height: 0; padding: var(--van-toast-text-padding); } .van-toast--text .van-toast__text, .van-toast--html .van-toast__text { margin-top: 0; } .van-toast--top { top: var(--van-toast-position-top-distance); } .van-toast--bottom { top: auto; bottom: var(--van-toast-position-bottom-distance); } .van-toast__icon { font-size: var(--van-toast-icon-size); } .van-toast__loading { padding: var(--van-padding-base); color: var(--van-toast-loading-icon-color); } .van-toast__text { margin-top: var(--van-padding-xs); } :root { --van-calendar-background-color: var(--van-background-color-light); --van-calendar-popup-height: 80%; --van-calendar-header-box-shadow: 0 2px 10px rgba(125, 126, 128, 0.16); --van-calendar-header-title-height: 44px; --van-calendar-header-title-font-size: var(--van-font-size-lg); --van-calendar-header-subtitle-font-size: var(--van-font-size-md); --van-calendar-weekdays-height: 30px; --van-calendar-weekdays-font-size: var(--van-font-size-sm); --van-calendar-month-title-font-size: var(--van-font-size-md); --van-calendar-month-mark-color: rgba(242, 243, 245, 0.8); --van-calendar-month-mark-font-size: 160px; --van-calendar-day-height: 64px; --van-calendar-day-font-size: var(--van-font-size-lg); --van-calendar-range-edge-color: var(--van-white); --van-calendar-range-edge-background-color: var(--van-danger-color); --van-calendar-range-middle-color: var(--van-danger-color); --van-calendar-range-middle-background-opacity: 0.1; --van-calendar-selected-day-size: 54px; --van-calendar-selected-day-color: var(--van-white); --van-calendar-info-font-size: var(--van-font-size-xs); --van-calendar-info-line-height: var(--van-line-height-xs); --van-calendar-selected-day-background-color: var(--van-danger-color); --van-calendar-day-disabled-color: var(--van-text-color-3); --van-calendar-confirm-button-height: 36px; --van-calendar-confirm-button-margin: 7px 0; } .van-calendar { display: flex; flex-direction: column; height: 100%; background: var(--van-calendar-background-color); } .van-calendar__popup.van-popup--top, .van-calendar__popup.van-popup--bottom { height: var(--van-calendar-popup-height); } .van-calendar__popup.van-popup--left, .van-calendar__popup.van-popup--right { height: 100%; } .van-calendar__popup .van-popup__close-icon { top: 11px; } .van-calendar__header { flex-shrink: 0; box-shadow: var(--van-calendar-header-box-shadow); } .van-calendar__month-title, .van-calendar__header-title, .van-calendar__header-subtitle { height: var(--van-calendar-header-title-height); font-weight: var(--van-font-weight-bold); line-height: var(--van-calendar-header-title-height); text-align: center; } .van-calendar__header-title { font-size: var(--van-calendar-header-title-font-size); } .van-calendar__header-subtitle { font-size: var(--van-calendar-header-subtitle-font-size); } .van-calendar__month-title { font-size: var(--van-calendar-month-title-font-size); } .van-calendar__weekdays { display: flex; } .van-calendar__weekday { flex: 1; font-size: var(--van-calendar-weekdays-font-size); line-height: var(--van-calendar-weekdays-height); text-align: center; } .van-calendar__body { flex: 1; overflow: auto; -webkit-overflow-scrolling: touch; } .van-calendar__days { position: relative; display: flex; flex-wrap: wrap; -webkit-user-select: none; user-select: none; } .van-calendar__month-mark { position: absolute; top: 50%; left: 50%; z-index: 0; color: var(--van-calendar-month-mark-color); font-size: var(--van-calendar-month-mark-font-size); transform: translate(-50%, -50%); pointer-events: none; } .van-calendar__day, .van-calendar__selected-day { display: flex; align-items: center; justify-content: center; text-align: center; } .van-calendar__day { position: relative; width: 14.285%; height: var(--van-calendar-day-height); font-size: var(--van-calendar-day-font-size); 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-color); } .van-calendar__day--start { border-radius: var(--van-border-radius-md) 0 0 var(--van-border-radius-md); } .van-calendar__day--end { border-radius: 0 var(--van-border-radius-md) var(--van-border-radius-md) 0; } .van-calendar__day--start-end, .van-calendar__day--multiple-selected { border-radius: var(--van-border-radius-md); } .van-calendar__day--middle { color: var(--van-calendar-range-middle-color); } .van-calendar__day--middle:after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-color: currentColor; opacity: var(--van-calendar-range-middle-background-opacity); content: ""; } .van-calendar__day--disabled { color: var(--van-calendar-day-disabled-color); cursor: default; } .van-calendar__top-info, .van-calendar__bottom-info { position: absolute; right: 0; left: 0; font-size: var(--van-calendar-info-font-size); line-height: var(--van-calendar-info-line-height); } @media (max-width: 350px) { .van-calendar__top-info, .van-calendar__bottom-info { font-size: 9px; } } .van-calendar__top-info { top: 6px; } .van-calendar__bottom-info { bottom: 6px; } .van-calendar__selected-day { width: var(--van-calendar-selected-day-size); height: var(--van-calendar-selected-day-size); color: var(--van-calendar-selected-day-color); background: var(--van-calendar-selected-day-background-color); border-radius: var(--van-border-radius-md); } .van-calendar__footer { flex-shrink: 0; padding-left: var(--van-padding-md); padding-right: var(--van-padding-md); } .van-calendar__confirm { height: var(--van-calendar-confirm-button-height); margin: var(--van-calendar-confirm-button-margin); } :root { --van-address-edit-padding: var(--van-padding-sm); --van-address-edit-buttons-padding: var(--van-padding-xl) var(--van-padding-base); --van-address-edit-button-margin-bottom: var(--van-padding-sm); --van-address-edit-button-font-size: var(--van-font-size-lg); } .van-address-edit { padding: var(--van-address-edit-padding); } .van-address-edit__fields { overflow: hidden; border-radius: var(--van-padding-xs); } .van-address-edit__fields .van-field__label { width: 4.1em; } .van-address-edit__default { margin-top: var(--van-padding-sm); overflow: hidden; border-radius: var(--van-padding-xs); } .van-address-edit__buttons { padding: var(--van-address-edit-buttons-padding); } .van-address-edit__button { margin-bottom: var(--van-address-edit-button-margin-bottom); font-size: var(--van-address-edit-button-font-size); } .van-address-edit-detail__search-item { background: var(--van-gray-2); } .van-address-edit-detail__keyword { color: var(--van-danger-color); } :root { --van-action-sheet-max-height: 80%; --van-action-sheet-header-height: 48px; --van-action-sheet-header-font-size: var(--van-font-size-lg); --van-action-sheet-description-color: var(--van-text-color-2); --van-action-sheet-description-font-size: var(--van-font-size-md); --van-action-sheet-description-line-height: var(--van-line-height-md); --van-action-sheet-item-background: var(--van-background-color-light); --van-action-sheet-item-font-size: var(--van-font-size-lg); --van-action-sheet-item-line-height: var(--van-line-height-lg); --van-action-sheet-item-text-color: var(--van-text-color); --van-action-sheet-item-disabled-text-color: var(--van-text-color-3); --van-action-sheet-subname-color: var(--van-text-color-2); --van-action-sheet-subname-font-size: var(--van-font-size-sm); --van-action-sheet-subname-line-height: var(--van-line-height-sm); --van-action-sheet-close-icon-size: 22px; --van-action-sheet-close-icon-color: var(--van-gray-5); --van-action-sheet-close-icon-padding: 0 var(--van-padding-md); --van-action-sheet-cancel-text-color: var(--van-gray-7); --van-action-sheet-cancel-padding-top: var(--van-padding-xs); --van-action-sheet-cancel-padding-color: var(--van-background-color); --van-action-sheet-loading-icon-size: 22px; } .van-action-sheet { display: flex; flex-direction: column; max-height: var(--van-action-sheet-max-height); overflow: hidden; color: var(--van-action-sheet-item-text-color); } .van-action-sheet__content { flex: 1 auto; overflow-y: auto; -webkit-overflow-scrolling: touch; } .van-action-sheet__item, .van-action-sheet__cancel { display: block; width: 100%; padding: 14px var(--van-padding-md); font-size: var(--van-action-sheet-item-font-size); background: var(--van-action-sheet-item-background); border: none; cursor: pointer; } .van-action-sheet__item:active, .van-action-sheet__cancel:active { background-color: var(--van-active-color); } .van-action-sheet__item { line-height: var(--van-action-sheet-item-line-height); } .van-action-sheet__item--loading, .van-action-sheet__item--disabled { color: var(--van-action-sheet-item-disabled-text-color); } .van-action-sheet__item--loading:active, .van-action-sheet__item--disabled:active { background-color: var(--van-action-sheet-item-background); } .van-action-sheet__item--disabled { cursor: not-allowed; } .van-action-sheet__item--loading { cursor: default; } .van-action-sheet__cancel { flex-shrink: 0; box-sizing: border-box; color: var(--van-action-sheet-cancel-text-color); } .van-action-sheet__subname { margin-top: var(--van-padding-xs); color: var(--van-action-sheet-subname-color); font-size: var(--van-action-sheet-subname-font-size); line-height: var(--van-action-sheet-subname-line-height); } .van-action-sheet__gap { display: block; height: var(--van-action-sheet-cancel-padding-top); background: var(--van-action-sheet-cancel-padding-color); } .van-action-sheet__header { flex-shrink: 0; font-weight: var(--van-font-weight-bold); font-size: var(--van-action-sheet-header-font-size); line-height: var(--van-action-sheet-header-height); text-align: center; } .van-action-sheet__description { position: relative; flex-shrink: 0; padding: 20px var(--van-padding-md); color: var(--van-action-sheet-description-color); font-size: var(--van-action-sheet-description-font-size); line-height: var(--van-action-sheet-description-line-height); text-align: center; } .van-action-sheet__description:after { position: absolute; box-sizing: border-box; content: " "; pointer-events: none; right: var(--van-padding-md); bottom: 0; left: var(--van-padding-md); border-bottom: 1px solid var(--van-border-color); transform: scaleY(0.5); } .van-action-sheet__loading-icon .van-loading__spinner { width: var(--van-action-sheet-loading-icon-size); height: var(--van-action-sheet-loading-icon-size); } .van-action-sheet__close { position: absolute; top: 0; right: 0; 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; } .van-radio-group--horizontal, .van-checkbox-group--horizontal { display: flex; flex-wrap: wrap; } :root { --van-checkbox-size: 20px; --van-checkbox-border-color: var(--van-gray-5); --van-checkbox-transition-duration: var(--van-animation-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-color: var(--van-border-color); } .van-checkbox { display: flex; align-items: center; overflow: hidden; cursor: pointer; -webkit-user-select: none; user-select: none; } .van-checkbox--disabled { cursor: not-allowed; } .van-checkbox--label-disabled { cursor: default; } .van-checkbox--horizontal { margin-right: var(--van-padding-sm); } .van-checkbox__icon { flex: none; height: 1em; font-size: var(--van-checkbox-size); line-height: 1em; cursor: pointer; } .van-checkbox__icon .van-icon { display: block; box-sizing: border-box; width: 1.25em; height: 1.25em; color: transparent; font-size: 0.8em; line-height: 1.25; text-align: center; border: 1px solid var(--van-checkbox-border-color); transition-duration: var(--van-checkbox-transition-duration); transition-property: color, border-color, background-color; } .van-checkbox__icon--round .van-icon { border-radius: 100%; } .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-color); border-color: var(--van-checkbox-disabled-icon-color); } .van-checkbox__icon--disabled.van-checkbox__icon--checked .van-icon { color: var(--van-checkbox-disabled-icon-color); } .van-checkbox__label { margin-left: var(--van-checkbox-label-margin); color: var(--van-checkbox-label-color); line-height: var(--van-checkbox-size); } .van-checkbox__label--left { margin: 0 var(--van-checkbox-label-margin) 0 0; } .van-checkbox__label--disabled { color: var(--van-checkbox-disabled-label-color); } :root { --van-coupon-margin: 0 var(--van-padding-sm) var(--van-padding-sm); --van-coupon-content-height: 84px; --van-coupon-content-padding: 14px 0; --van-coupon-content-text-color: var(--van-text-color); --van-coupon-background-color: var(--van-background-color-light); --van-coupon-active-background-color: var(--van-active-color); --van-coupon-border-radius: var(--van-border-radius-lg); --van-coupon-box-shadow: 0 0 4px rgba(0, 0, 0, 0.1); --van-coupon-head-width: 96px; --van-coupon-amount-color: var(--van-danger-color); --van-coupon-amount-font-size: 30px; --van-coupon-currency-font-size: 40%; --van-coupon-name-font-size: var(--van-font-size-md); --van-coupon-disabled-text-color: var(--van-text-color-2); --van-coupon-description-padding: var(--van-padding-xs) var(--van-padding-md); --van-coupon-description-border-color: var(--van-border-color); --van-coupon-corner-checkbox-icon-color: var(--van-danger-color); } .van-coupon { margin: var(--van-coupon-margin); overflow: hidden; background: var(--van-coupon-background-color); border-radius: var(--van-coupon-border-radius); box-shadow: var(--van-coupon-box-shadow); } .van-coupon:active { background-color: var(--van-coupon-active-background-color); } .van-coupon__content { display: flex; align-items: center; box-sizing: border-box; min-height: var(--van-coupon-content-height); padding: var(--van-coupon-content-padding); color: var(--van-coupon-content-text-color); } .van-coupon__head { position: relative; min-width: var(--van-coupon-head-width); padding: 0 var(--van-padding-xs); color: var(--van-coupon-amount-color); text-align: center; } .van-coupon__amount, .van-coupon__condition, .van-coupon__name, .van-coupon__valid { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .van-coupon__amount { margin-bottom: 6px; font-weight: var(--van-font-weight-bold); font-size: var(--van-coupon-amount-font-size); overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .van-coupon__amount span { font-weight: 400; font-size: var(--van-coupon-currency-font-size); } .van-coupon__amount span:not(:empty) { margin-left: 2px; } .van-coupon__condition { font-size: var(--van-font-size-sm); line-height: 16px; white-space: pre-wrap; } .van-coupon__body { position: relative; flex: 1; border-radius: 0 var(--van-coupon-border-radius) var(--van-coupon-border-radius) 0; } .van-coupon__name { margin-bottom: 10px; font-weight: 700; font-size: var(--van-coupon-name-font-size); line-height: var(--van-line-height-md); } .van-coupon__valid { font-size: var(--van-font-size-sm); } .van-coupon__corner { position: absolute; top: 0; right: var(--van-padding-md); bottom: 0; } .van-coupon__corner .van-checkbox__icon--checked .van-icon { background-color: var(--van-coupon-corner-checkbox-icon-color); border-color: var(--van-coupon-corner-checkbox-icon-color); } .van-coupon__description { padding: var(--van-coupon-description-padding); font-size: var(--van-font-size-sm); border-top: 1px dashed var(--van-coupon-description-border-color); } .van-coupon--disabled:active { background-color: var(--van-coupon-background-color); } .van-coupon--disabled .van-coupon-item__content { height: calc(var(--van-coupon-content-height) - 10px); } .van-coupon--disabled .van-coupon__head { color: inherit; } :root { --van-radio-size: 20px; --van-radio-border-color: var(--van-gray-5); --van-radio-transition-duration: var(--van-animation-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-color: var(--van-border-color); } .van-radio { display: flex; align-items: center; overflow: hidden; cursor: pointer; -webkit-user-select: none; user-select: none; } .van-radio--disabled { cursor: not-allowed; } .van-radio--label-disabled { cursor: default; } .van-radio--horizontal { margin-right: var(--van-padding-sm); } .van-radio__icon { flex: none; height: 1em; font-size: var(--van-radio-size); line-height: 1em; cursor: pointer; } .van-radio__icon .van-icon { display: block; box-sizing: border-box; width: 1.25em; height: 1.25em; color: transparent; font-size: 0.8em; line-height: 1.25; text-align: center; border: 1px solid var(--van-radio-border-color); transition-duration: var(--van-radio-transition-duration); transition-property: color, border-color, background-color; } .van-radio__icon--round .van-icon { border-radius: 100%; } .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--disabled { cursor: not-allowed; } .van-radio__icon--disabled .van-icon { background-color: var(--van-radio-disabled-background-color); border-color: var(--van-radio-disabled-icon-color); } .van-radio__icon--disabled.van-radio__icon--checked .van-icon { color: var(--van-radio-disabled-icon-color); } .van-radio__label { margin-left: var(--van-radio-label-margin); color: var(--van-radio-label-color); line-height: var(--van-radio-size); } .van-radio__label--left { margin: 0 var(--van-radio-label-margin) 0 0; } .van-radio__label--disabled { color: var(--van-radio-disabled-label-color); } :root { --van-contact-list-edit-icon-size: 16px; --van-contact-list-add-button-z-index: 999; --van-contact-list-item-padding: var(--van-padding-md); --van-contact-list-item-radio-icon-color: var(--van-danger-color); } .van-contact-list { box-sizing: border-box; height: 100%; padding-bottom: 80px; } .van-contact-list__item { padding: var(--van-contact-list-item-padding); } .van-contact-list__item-value { display: flex; align-items: center; padding-right: var(--van-padding-xl); padding-left: var(--van-padding-xs); } .van-contact-list__item-tag { flex: none; margin-left: var(--van-padding-xs); padding-top: 0; padding-bottom: 0; line-height: 1.4em; } .van-contact-list__group { box-sizing: border-box; height: 100%; overflow-y: scroll; -webkit-overflow-scrolling: touch; } .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-item-radio-icon-color); border-color: var(--van-contact-list-item-radio-icon-color); } .van-contact-list__bottom { position: fixed; right: 0; bottom: 0; left: 0; z-index: var(--van-contact-list-add-button-z-index); padding-left: var(--van-padding-md); padding-right: var(--van-padding-md); background-color: var(--van-background-color-light); } .van-contact-list__add { height: 40px; margin: 5px 0; } :root { --van-address-list-padding: var(--van-padding-sm) var(--van-padding-sm) 80px; --van-address-list-disabled-text-color: var(--van-text-color-2); --van-address-list-disabled-text-padding: calc(var(--van-padding-base) * 5) 0 var(--van-padding-md); --van-address-list-disabled-text-font-size: var(--van-font-size-md); --van-address-list-disabled-text-line-height: var(--van-line-height-md); --van-address-list-add-button-z-index: 999; --van-address-list-item-padding: var(--van-padding-sm); --van-address-list-item-text-color: var(--van-text-color); --van-address-list-item-disabled-text-color: var(--van-text-color-3); --van-address-list-item-font-size: 13px; --van-address-list-item-line-height: var(--van-line-height-sm); --van-address-list-item-radio-icon-color: var(--van-danger-color); --van-address-list-edit-icon-size: 20px; } .van-address-list { box-sizing: border-box; height: 100%; padding: var(--van-address-list-padding); } .van-address-list__bottom { position: fixed; bottom: 0; left: 0; z-index: var(--van-address-list-add-button-z-index); box-sizing: border-box; width: 100%; padding-left: var(--van-padding-md); padding-right: var(--van-padding-md); background-color: var(--van-background-color-light); } .van-address-list__add { height: 40px; margin: 5px 0; } .van-address-list__disabled-text { padding: var(--van-address-list-disabled-text-padding); color: var(--van-address-list-disabled-text-color); font-size: var(--van-address-list-disabled-text-font-size); line-height: var(--van-address-list-disabled-text-line-height); } .van-address-item { padding: var(--van-address-list-item-padding); background-color: var(--van-background-color-light); border-radius: var(--van-border-radius-lg); } .van-address-item:not(:last-child) { margin-bottom: var(--van-padding-sm); } .van-address-item__value { padding-right: 44px; } .van-address-item__name { display: flex; align-items: center; margin-bottom: var(--van-padding-xs); font-size: var(--van-font-size-lg); line-height: var(--van-line-height-lg); } .van-address-item__tag { flex: none; margin-left: var(--van-padding-xs); padding-top: 0; padding-bottom: 0; line-height: 1.4em; } .van-address-item__address { color: var(--van-address-list-item-text-color); font-size: var(--van-address-list-item-font-size); line-height: var(--van-address-list-item-line-height); } .van-address-item--disabled .van-address-item__name, .van-address-item--disabled .van-address-item__address { color: var(--van-address-list-item-disabled-text-color); } .van-address-item__edit { position: absolute; top: 50%; right: var(--van-padding-md); color: var(--van-gray-6); font-size: var(--van-address-list-edit-icon-size); transform: translateY(-50%); } .van-address-item .van-cell { padding: 0; } .van-address-item .van-radio__label { margin-left: var(--van-padding-sm); } .van-address-item .van-radio__icon--checked .van-icon { background-color: var(--van-address-list-item-radio-icon-color); border-color: var(--van-address-list-item-radio-icon-color); } :root { --van-sticky-z-index: 99; } .van-sticky--fixed { position: fixed; z-index: var(--van-sticky-z-index); } :root { --van-swipe-indicator-size: 6px; --van-swipe-indicator-margin: var(--van-padding-sm); --van-swipe-indicator-active-opacity: 1; --van-swipe-indicator-inactive-opacity: 0.3; --van-swipe-indicator-active-background-color: var(--van-primary-color); --van-swipe-indicator-inactive-background-color: var(--van-border-color); } .van-swipe { position: relative; overflow: hidden; transform: translateZ(0); cursor: -webkit-grab; cursor: grab; -webkit-user-select: none; user-select: none; } .van-swipe__track { display: flex; height: 100%; } .van-swipe__track--vertical { flex-direction: column; } .van-swipe__indicators { position: absolute; bottom: var(--van-swipe-indicator-margin); left: 50%; display: flex; transform: translate(-50%); } .van-swipe__indicators--vertical { top: 50%; bottom: auto; left: var(--van-swipe-indicator-margin); flex-direction: column; transform: translateY(-50%); } .van-swipe__indicators--vertical .van-swipe__indicator:not(:last-child) { margin-bottom: var(--van-swipe-indicator-size); } .van-swipe__indicator { width: var(--van-swipe-indicator-size); height: var(--van-swipe-indicator-size); background-color: var(--van-swipe-indicator-inactive-background-color); border-radius: 100%; opacity: var(--van-swipe-indicator-inactive-opacity); transition: opacity var(--van-animation-duration-fast), background-color var(--van-animation-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-color); opacity: var(--van-swipe-indicator-active-opacity); } .van-swipe-item { position: relative; flex-shrink: 0; width: 100%; height: 100%; } :root { --van-image-preview-index-text-color: var(--van-white); --van-image-preview-index-font-size: var(--van-font-size-md); --van-image-preview-index-line-height: var(--van-line-height-md); --van-image-preview-index-text-shadow: 0 1px 1px var(--van-gray-8); --van-image-preview-overlay-background-color: rgba(0, 0, 0, 0.9); --van-image-preview-close-icon-size: 22px; --van-image-preview-close-icon-color: var(--van-gray-5); --van-image-preview-close-icon-margin: var(--van-padding-md); --van-image-preview-close-icon-z-index: 1; } .van-image-preview { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: transparent; transform: none; } .van-image-preview__swipe { height: 100%; } .van-image-preview__swipe-item { display: flex; align-items: center; justify-content: center; overflow: hidden; } .van-image-preview__cover { position: absolute; top: 0; left: 0; } .van-image-preview__image { width: 100%; transition-property: transform; } .van-image-preview__image--vertical { width: auto; height: 100%; } .van-image-preview__image img { -webkit-user-drag: none; } .van-image-preview__image .van-image__error { top: 30%; height: 40%; } .van-image-preview__image .van-image__error-icon { font-size: 36px; } .van-image-preview__image .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-color); } .van-image-preview__close-icon { position: absolute; z-index: var(--van-image-preview-close-icon-z-index); color: var(--van-image-preview-close-icon-color); font-size: var(--van-image-preview-close-icon-size); } .van-image-preview__close-icon--top-left { top: var(--van-image-preview-close-icon-margin); left: var(--van-image-preview-close-icon-margin); } .van-image-preview__close-icon--top-right { top: var(--van-image-preview-close-icon-margin); right: var(--van-image-preview-close-icon-margin); } .van-image-preview__close-icon--bottom-left { bottom: var(--van-image-preview-close-icon-margin); left: var(--van-image-preview-close-icon-margin); } .van-image-preview__close-icon--bottom-right { right: var(--van-image-preview-close-icon-margin); bottom: var(--van-image-preview-close-icon-margin); } :root { --van-uploader-size: 80px; --van-uploader-icon-size: 24px; --van-uploader-icon-color: var(--van-gray-4); --van-uploader-text-color: var(--van-text-color-2); --van-uploader-text-font-size: var(--van-font-size-sm); --van-uploader-upload-background-color: var(--van-gray-1); --van-uploader-upload-active-color: var(--van-active-color); --van-uploader-delete-color: var(--van-white); --van-uploader-delete-icon-size: 14px; --van-uploader-delete-background-color: rgba(0, 0, 0, 0.7); --van-uploader-file-background-color: var(--van-background-color); --van-uploader-file-icon-size: 20px; --van-uploader-file-icon-color: var(--van-gray-7); --van-uploader-file-name-padding: 0 var(--van-padding-base); --van-uploader-file-name-margin-top: var(--van-padding-xs); --van-uploader-file-name-font-size: var(--van-font-size-sm); --van-uploader-file-name-text-color: var(--van-gray-7); --van-uploader-mask-text-color: var(--van-white); --van-uploader-mask-background-color: rgba(50, 50, 51, 0.88); --van-uploader-mask-icon-size: 22px; --van-uploader-mask-message-font-size: var(--van-font-size-sm); --van-uploader-mask-message-line-height: var(--van-line-height-xs); --van-uploader-loading-icon-size: 22px; --van-uploader-loading-icon-color: var(--van-white); --van-uploader-disabled-opacity: var(--van-disabled-opacity); } .van-uploader { position: relative; display: inline-block; } .van-uploader__wrapper { display: flex; flex-wrap: wrap; } .van-uploader__wrapper--disabled { opacity: var(--van-uploader-disabled-opacity); } .van-uploader__input { position: absolute; top: 0; left: 0; width: 100%; height: 100%; overflow: hidden; cursor: pointer; opacity: 0; } .van-uploader__input-wrapper { position: relative; } .van-uploader__input:disabled { cursor: not-allowed; } .van-uploader__upload { position: relative; display: flex; flex-direction: column; align-items: center; justify-content: center; box-sizing: border-box; width: var(--van-uploader-size); height: var(--van-uploader-size); margin: 0 var(--van-padding-xs) var(--van-padding-xs) 0; background: var(--van-uploader-upload-background-color); } .van-uploader__upload:active { background-color: var(--van-uploader-upload-active-color); } .van-uploader__upload--readonly:active { background-color: var(--van-uploader-upload-background-color); } .van-uploader__upload-icon { color: var(--van-uploader-icon-color); font-size: var(--van-uploader-icon-size); } .van-uploader__upload-text { margin-top: var(--van-padding-xs); color: var(--van-uploader-text-color); font-size: var(--van-uploader-text-font-size); } .van-uploader__preview { position: relative; margin: 0 var(--van-padding-xs) var(--van-padding-xs) 0; cursor: pointer; } .van-uploader__preview-image { display: block; width: var(--van-uploader-size); height: var(--van-uploader-size); overflow: hidden; } .van-uploader__preview-delete { position: absolute; top: 0; right: 0; width: var(--van-uploader-delete-icon-size); height: var(--van-uploader-delete-icon-size); background: var(--van-uploader-delete-background-color); border-radius: 0 0 0 12px; } .van-uploader__preview-delete-icon { position: absolute; top: 0; right: 0; color: var(--van-uploader-delete-color); font-size: var(--van-uploader-delete-icon-size); transform: scale(0.7) translate(10%, -10%); } .van-uploader__preview-cover { position: absolute; top: 0; right: 0; bottom: 0; left: 0; } .van-uploader__mask { position: absolute; top: 0; right: 0; bottom: 0; left: 0; display: flex; flex-direction: column; align-items: center; justify-content: center; color: var(--van-uploader-mask-text-color); background: var(--van-uploader-mask-background-color); } .van-uploader__mask-icon { font-size: var(--van-uploader-mask-icon-size); } .van-uploader__mask-message { margin-top: 6px; padding: 0 var(--van-padding-base); font-size: var(--van-uploader-mask-message-font-size); line-height: var(--van-uploader-mask-message-line-height); } .van-uploader__loading { width: var(--van-uploader-loading-icon-size); height: var(--van-uploader-loading-icon-size); color: var(--van-uploader-loading-icon-color); } .van-uploader__file { display: flex; flex-direction: column; align-items: center; justify-content: center; width: var(--van-uploader-size); height: var(--van-uploader-size); background: var(--van-uploader-file-background-color); } .van-uploader__file-icon { color: var(--van-uploader-file-icon-color); font-size: var(--van-uploader-file-icon-size); } .van-uploader__file-name { box-sizing: border-box; width: 100%; margin-top: var(--van-uploader-file-name-margin-top); padding: var(--van-uploader-file-name-padding); color: var(--van-uploader-file-name-text-color); font-size: var(--van-uploader-file-name-font-size); text-align: center; } :root { --van-tab-text-color: var(--van-gray-7); --van-tab-active-text-color: var(--van-text-color); --van-tab-disabled-text-color: var(--van-text-color-3); --van-tab-font-size: var(--van-font-size-md); --van-tab-line-height: var(--van-line-height-md); --van-tabs-default-color: var(--van-danger-color); --van-tabs-line-height: 44px; --van-tabs-card-height: 30px; --van-tabs-nav-background-color: var(--van-background-color-light); --van-tabs-bottom-bar-width: 40px; --van-tabs-bottom-bar-height: 3px; --van-tabs-bottom-bar-color: var(--van-danger-color); } .van-tab { position: relative; display: flex; flex: 1; align-items: center; justify-content: center; box-sizing: border-box; padding: 0 var(--van-padding-base); color: var(--van-tab-text-color); font-size: var(--van-tab-font-size); line-height: var(--van-tab-line-height); cursor: pointer; } .van-tab--active { color: #07c160; font-weight: var(--van-font-weight-bold); } .van-tab--disabled { color: var(--van-tab-disabled-text-color); cursor: not-allowed; } .van-tab--grow { flex: 1 0 auto; padding: 0 var(--van-padding-sm); } .van-tab--shrink { flex: none; padding: 0 var(--van-padding-xs); } .van-tab--card { color: var(--van-tabs-default-color); border-right: var(--van-border-width-base) solid var(--van-tabs-default-color); } .van-tab--card:last-child { border-right: none; } .van-tab--card.van-tab--active { color: var(--van-white); background-color: var(--van-tabs-default-color); } .van-tab--card--disabled { color: var(--van-tab-disabled-text-color); } .van-tab__text--ellipsis { display: -webkit-box; overflow: hidden; -webkit-line-clamp: 1; -webkit-box-orient: vertical; } .van-tabs { position: relative; } .van-tabs__wrap { overflow: hidden; } .van-tabs__wrap--page-top { position: fixed; } .van-tabs__wrap--content-bottom { top: auto; bottom: 0; } .van-tabs__nav { position: relative; display: flex; background: var(--van-tabs-nav-background-color); -webkit-user-select: none; user-select: none; } .van-tabs__nav--complete { overflow-x: auto; overflow-y: hidden; -webkit-overflow-scrolling: touch; } .van-tabs__nav--complete::-webkit-scrollbar { display: none; } .van-tabs__nav--line { box-sizing: content-box; height: 100%; padding-bottom: 15px; } .van-tabs__nav--line.van-tabs__nav--shrink, .van-tabs__nav--line.van-tabs__nav--complete { padding-right: var(--van-padding-xs); padding-left: var(--van-padding-xs); } .van-tabs__nav--card { box-sizing: border-box; height: var(--van-tabs-card-height); margin: 0 var(--van-padding-md); border: var(--van-border-width-base) solid var(--van-tabs-default-color); border-radius: var(--van-border-radius-sm); } .van-tabs__nav--card.van-tabs__nav--shrink { display: inline-flex; } .van-tabs__line { position: absolute; bottom: 15px; left: 0; z-index: 1; width: var(--van-tabs-bottom-bar-width); height: var(--van-tabs-bottom-bar-height); background: var(--van-tabs-bottom-bar-color); border-radius: var(--van-tabs-bottom-bar-height); } .van-tabs__track { position: relative; display: flex; width: 100%; height: 100%; will-change: left; } .van-tabs__content--animated { overflow: hidden; } .van-tabs--line .van-tabs__wrap { height: var(--van-tabs-line-height); } .van-tabs--card > .van-tabs__wrap { height: var(--van-tabs-card-height); } .van-tab__panel, .van-tab__panel-wrapper { flex-shrink: 0; box-sizing: border-box; width: 100%; } .van-tab__panel-wrapper--inactive { height: 0; overflow: visible; } :root { --van-coupon-list-background-color: var(--van-background-color); --van-coupon-list-field-padding: 5px 0 5px var(--van-padding-md); --van-coupon-list-exchange-button-height: 32px; --van-coupon-list-close-button-height: 40px; --van-coupon-list-empty-image-size: 200px; --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-color); } .van-coupon-list__field { padding: var(--van-coupon-list-field-padding); } .van-coupon-list__field .van-field__body { height: 34px; padding-left: var(--van-padding-sm); line-height: 34px; background: var(--van-gray-1); border-radius: 17px; } .van-coupon-list__field .van-field__body::-webkit-input-placeholder { color: var(--van-text-color-3); } .van-coupon-list__field .van-field__body::placeholder { color: var(--van-text-color-3); } .van-coupon-list__field .van-field__clear { margin-right: 0; } .van-coupon-list__exchange-bar { display: flex; align-items: center; background-color: var(--van-background-color-light); } .van-coupon-list__exchange { flex: none; height: var(--van-coupon-list-exchange-button-height); font-size: var(--van-font-size-lg); line-height: calc(var(--van-coupon-list-exchange-button-height) - 2px); border: 0; } .van-coupon-list .van-tabs__wrap { box-shadow: 0 6px 12px -12px var(--van-gray-6); } .van-coupon-list__list { box-sizing: border-box; padding: var(--van-padding-md) 0 var(--van-padding-lg); overflow-y: auto; -webkit-overflow-scrolling: touch; } .van-coupon-list__list--with-bottom { padding-bottom: 50px; } .van-coupon-list__bottom { position: absolute; bottom: 0; left: 0; z-index: 999; box-sizing: border-box; width: 100%; padding: 5px var(--van-padding-md); font-weight: var(--van-font-weight-bold); background-color: var(--van-background-color-light); } .van-coupon-list__close { height: var(--van-coupon-list-close-button-height); } .van-coupon-list__empty { padding-top: 60px; text-align: center; } .van-coupon-list__empty p { margin: var(--van-padding-md) 0; 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); } .van-coupon-list__empty img { width: var(--van-coupon-list-empty-image-size); height: var(--van-coupon-list-empty-image-size); } :root { --van-cascader-header-height: 48px; --van-cascader-header-padding: 0 var(--van-padding-md); --van-cascader-title-font-size: var(--van-font-size-lg); --van-cascader-title-line-height: 20px; --van-cascader-close-icon-size: 22px; --van-cascader-close-icon-color: var(--van-gray-5); --van-cascader-selected-icon-size: 18px; --van-cascader-tabs-height: 48px; --van-cascader-active-color: var(--van-danger-color); --van-cascader-options-height: 384px; --van-cascader-option-disabled-color: var(--van-text-color-3); --van-cascader-tab-color: var(--van-text-color); --van-cascader-unselected-tab-color: var(--van-text-color-2); } .van-cascader__header { display: flex; align-items: center; justify-content: space-between; height: var(--van-cascader-header-height); padding: var(--van-cascader-header-padding); } .van-cascader__title { font-weight: var(--van-font-weight-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-weight-bold); } .van-cascader__tab--unselected { color: var(--van-cascader-unselected-tab-color); font-weight: 400; } .van-cascader__option { display: flex; align-items: center; justify-content: space-between; padding: 10px var(--van-padding-md); font-size: var(--van-font-size-md); line-height: var(--van-line-height-md); cursor: pointer; } .van-cascader__option:active { background-color: var(--van-active-color); } .van-cascader__option--selected { color: var(--van-cascader-active-color); font-weight: var(--van-font-weight-bold); } .van-cascader__option--disabled { color: var(--van-cascader-option-disabled-color); cursor: not-allowed; } .van-cascader__option--disabled:active { background-color: transparent; } .van-cascader__selected-icon { font-size: var(--van-cascader-selected-icon-size); } .van-cascader__options { box-sizing: border-box; height: var(--van-cascader-options-height); padding-top: 6px; overflow-y: auto; -webkit-overflow-scrolling: touch; } :root { --van-cell-group-background-color: var(--van-background-color-light); --van-cell-group-title-color: var(--van-text-color-2); --van-cell-group-title-padding: var(--van-padding-md) var(--van-padding-md) var(--van-padding-xs); --van-cell-group-title-font-size: var(--van-font-size-md); --van-cell-group-title-line-height: 16px; --van-cell-group-inset-padding: 0 var(--van-padding-md); --van-cell-group-inset-border-radius: var(--van-border-radius-lg); --van-cell-group-inset-title-padding: var(--van-padding-md) var(--van-padding-md) var(--van-padding-xs) var(--van-padding-xl); } .van-cell-group { background: var(--van-cell-group-background-color); } .van-cell-group--inset { margin: var(--van-cell-group-inset-padding); border-radius: var(--van-cell-group-inset-border-radius); overflow: hidden; } .van-cell-group__title { padding: var(--van-cell-group-title-padding); color: var(--van-cell-group-title-color); font-size: var(--van-cell-group-title-font-size); line-height: var(--van-cell-group-title-line-height); } .van-cell-group__title--inset { padding: var(--van-cell-group-inset-title-padding); } :root { --van-circle-size: 100px; --van-circle-color: var(--van-primary-color); --van-circle-layer-color: var(--van-white); --van-circle-text-color: var(--van-text-color); --van-circle-text-font-weight: var(--van-font-weight-bold); --van-circle-text-font-size: var(--van-font-size-md); --van-circle-text-line-height: var(--van-line-height-md); } .van-circle { position: relative; display: inline-block; width: var(--van-circle-size); height: var(--van-circle-size); text-align: center; } .van-circle svg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .van-circle__layer { stroke: var(--van-circle-layer-color); } .van-circle__hover { fill: none; stroke: var(--van-circle-color); stroke-linecap: round; } .van-circle__text { position: absolute; top: 50%; left: 0; box-sizing: border-box; width: 100%; padding: 0 var(--van-padding-base); color: var(--van-circle-text-color); font-weight: var(--van-circle-text-font-weight); font-size: var(--van-circle-text-font-size); line-height: var(--van-circle-text-line-height); transform: translateY(-50%); } .van-row { display: flex; flex-wrap: wrap; } .van-row--nowrap { flex-wrap: nowrap; } .van-row--justify-center { justify-content: center; } .van-row--justify-end { justify-content: flex-end; } .van-row--justify-space-between { justify-content: space-between; } .van-row--justify-space-around { justify-content: space-around; } .van-row--align-center { align-items: center; } .van-row--align-bottom { align-items: flex-end; } .van-col { display: block; box-sizing: border-box; min-height: 1px; } .van-col--1 { flex: 0 0 4.16666667%; max-width: 4.16666667%; } .van-col--offset-1 { margin-left: 4.16666667%; } .van-col--2 { flex: 0 0 8.33333333%; max-width: 8.33333333%; } .van-col--offset-2 { margin-left: 8.33333333%; } .van-col--3 { flex: 0 0 12.5%; max-width: 12.5%; } .van-col--offset-3 { margin-left: 12.5%; } .van-col--4 { flex: 0 0 16.66666667%; max-width: 16.66666667%; } .van-col--offset-4 { margin-left: 16.66666667%; } .van-col--5 { flex: 0 0 20.83333333%; max-width: 20.83333333%; } .van-col--offset-5 { margin-left: 20.83333333%; } .van-col--6 { flex: 0 0 25%; max-width: 25%; } .van-col--offset-6 { margin-left: 25%; } .van-col--7 { flex: 0 0 29.16666667%; max-width: 29.16666667%; } .van-col--offset-7 { margin-left: 29.16666667%; } .van-col--8 { flex: 0 0 33.33333333%; max-width: 33.33333333%; } .van-col--offset-8 { margin-left: 33.33333333%; } .van-col--9 { flex: 0 0 37.5%; max-width: 37.5%; } .van-col--offset-9 { margin-left: 37.5%; } .van-col--10 { flex: 0 0 41.66666667%; max-width: 41.66666667%; } .van-col--offset-10 { margin-left: 41.66666667%; } .van-col--11 { flex: 0 0 45.83333333%; max-width: 45.83333333%; } .van-col--offset-11 { margin-left: 45.83333333%; } .van-col--12 { flex: 0 0 50%; max-width: 50%; } .van-col--offset-12 { margin-left: 50%; } .van-col--13 { flex: 0 0 54.16666667%; max-width: 54.16666667%; } .van-col--offset-13 { margin-left: 54.16666667%; } .van-col--14 { flex: 0 0 58.33333333%; max-width: 58.33333333%; } .van-col--offset-14 { margin-left: 58.33333333%; } .van-col--15 { flex: 0 0 62.5%; max-width: 62.5%; } .van-col--offset-15 { margin-left: 62.5%; } .van-col--16 { flex: 0 0 66.66666667%; max-width: 66.66666667%; } .van-col--offset-16 { margin-left: 66.66666667%; } .van-col--17 { flex: 0 0 70.83333333%; max-width: 70.83333333%; } .van-col--offset-17 { margin-left: 70.83333333%; } .van-col--18 { flex: 0 0 75%; max-width: 75%; } .van-col--offset-18 { margin-left: 75%; } .van-col--19 { flex: 0 0 79.16666667%; max-width: 79.16666667%; } .van-col--offset-19 { margin-left: 79.16666667%; } .van-col--20 { flex: 0 0 83.33333333%; max-width: 83.33333333%; } .van-col--offset-20 { margin-left: 83.33333333%; } .van-col--21 { flex: 0 0 87.5%; max-width: 87.5%; } .van-col--offset-21 { margin-left: 87.5%; } .van-col--22 { flex: 0 0 91.66666667%; max-width: 91.66666667%; } .van-col--offset-22 { margin-left: 91.66666667%; } .van-col--23 { flex: 0 0 95.83333333%; max-width: 95.83333333%; } .van-col--offset-23 { margin-left: 95.83333333%; } .van-col--24 { flex: 0 0 100%; max-width: 100%; } .van-col--offset-24 { margin-left: 100%; } :root { --van-count-down-text-color: var(--van-text-color); --van-count-down-font-size: var(--van-font-size-md); --van-count-down-line-height: var(--van-line-height-md); } .van-count-down { color: var(--van-count-down-text-color); font-size: var(--van-count-down-font-size); line-height: var(--van-count-down-line-height); } :root { --van-divider-margin: var(--van-padding-md) 0; --van-divider-text-color: var(--van-text-color-2); --van-divider-font-size: var(--van-font-size-md); --van-divider-line-height: 24px; --van-divider-border-color: var(--van-border-color); --van-divider-content-padding: var(--van-padding-md); --van-divider-content-left-width: 10%; --van-divider-content-right-width: 10%; } .van-divider { display: flex; align-items: center; margin: var(--van-divider-margin); color: var(--van-divider-text-color); font-size: var(--van-divider-font-size); line-height: var(--van-divider-line-height); border-color: var(--van-divider-border-color); border-style: solid; border-width: 0; } .van-divider:before, .van-divider:after { display: block; flex: 1; box-sizing: border-box; height: 1px; border-color: inherit; border-style: inherit; border-width: var(--van-border-width-base) 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); } :root { --van-dropdown-menu-height: 48px; --van-dropdown-menu-background-color: var(--van-background-color-light); --van-dropdown-menu-box-shadow: 0 2px 12px rgba(100, 101, 102, 0.12); --van-dropdown-menu-title-font-size: 15px; --van-dropdown-menu-title-text-color: var(--van-text-color); --van-dropdown-menu-title-active-text-color: var(--van-danger-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-danger-color); --van-dropdown-menu-content-max-height: 80%; } .van-dropdown-menu { -webkit-user-select: none; user-select: none; } .van-dropdown-menu__bar { position: relative; display: flex; height: var(--van-dropdown-menu-height); background: var(--van-dropdown-menu-background-color); box-shadow: var(--van-dropdown-menu-box-shadow); } .van-dropdown-menu__bar--opened { z-index: calc(var(--van-dropdown-item-z-index) + 1); } .van-dropdown-menu__item { display: flex; flex: 1; align-items: center; justify-content: center; min-width: 0; } .van-dropdown-menu__item--disabled .van-dropdown-menu__title { color: var(--van-dropdown-menu-title-disabled-text-color); } .van-dropdown-menu__title { position: relative; box-sizing: border-box; max-width: 100%; padding: var(--van-dropdown-menu-title-padding); color: var(--van-dropdown-menu-title-text-color); font-size: var(--van-dropdown-menu-title-font-size); line-height: var(--van-dropdown-menu-title-line-height); } .van-dropdown-menu__title:after { position: absolute; top: 50%; right: -4px; margin-top: -5px; border: 3px solid; border-color: transparent transparent var(--van-gray-4) var(--van-gray-4); transform: rotate(-45deg); opacity: 0.8; content: ""; } .van-dropdown-menu__title--active { color: var(--van-dropdown-menu-title-active-text-color); } .van-dropdown-menu__title--active:after { border-color: transparent transparent currentColor currentColor; } .van-dropdown-menu__title--down:after { margin-top: -1px; transform: rotate(135deg); } :root { --van-dropdown-item-z-index: 10; } .van-dropdown-item { position: fixed; right: 0; left: 0; z-index: var(--van-dropdown-item-z-index); overflow: hidden; } .van-dropdown-item__icon { display: block; line-height: inherit; } .van-dropdown-item__option { text-align: left; } .van-dropdown-item__option--active, .van-dropdown-item__option--active .van-dropdown-item__icon { color: var(--van-dropdown-menu-option-active-color); } .van-dropdown-item--up { top: 0; } .van-dropdown-item--down { bottom: 0; } .van-dropdown-item__content { position: absolute; max-height: var(--van-dropdown-menu-content-max-height); } :root { --van-empty-padding: var(--van-padding-xl) 0; --van-empty-image-size: 160px; --van-empty-description-margin-top: var(--van-padding-md); --van-empty-description-padding: 0 60px; --van-empty-description-color: var(--van-text-color-2); --van-empty-description-font-size: var(--van-font-size-md); --van-empty-description-line-height: var(--van-line-height-md); --van-empty-bottom-margin-top: 24px; } .van-empty { display: flex; flex-direction: column; align-items: center; justify-content: center; box-sizing: border-box; padding: var(--van-empty-padding); } .van-empty__image { width: var(--van-empty-image-size); height: var(--van-empty-image-size); } .van-empty__image img { width: 100%; height: 100%; } .van-empty__description { margin-top: var(--van-empty-description-margin-top); padding: var(--van-empty-description-padding); color: var(--van-empty-description-color); font-size: var(--van-empty-description-font-size); line-height: var(--van-empty-description-line-height); } .van-empty__bottom { margin-top: var(--van-empty-bottom-margin-top); } .van-grid { display: flex; flex-wrap: wrap; } :root { --van-grid-item-content-padding: var(--van-padding-md) var(--van-padding-xs); --van-grid-item-content-background-color: var(--van-background-color-light); --van-grid-item-content-active-color: var(--van-active-color); --van-grid-item-icon-size: 28px; --van-grid-item-text-color: var(--van-gray-7); --van-grid-item-text-font-size: var(--van-font-size-sm); } .van-grid-item { position: relative; box-sizing: border-box; } .van-grid-item--square { height: 0; } .van-grid-item__icon { font-size: var(--van-grid-item-icon-size); } .van-grid-item__text { color: var(--van-grid-item-text-color); font-size: var(--van-grid-item-text-font-size); line-height: 1.5; word-break: break-all; } .van-grid-item__icon + .van-grid-item__text { margin-top: var(--van-padding-xs); } .van-grid-item__content { display: flex; flex-direction: column; box-sizing: border-box; height: 100%; padding: var(--van-grid-item-content-padding); background: var(--van-grid-item-content-background-color); } .van-grid-item__content:after { z-index: 1; border-width: 0 var(--van-border-width-base) var(--van-border-width-base) 0; } .van-grid-item__content--square { position: absolute; top: 0; right: 0; left: 0; } .van-grid-item__content--center { align-items: center; justify-content: center; } .van-grid-item__content--horizontal { flex-direction: row; } .van-grid-item__content--horizontal .van-grid-item__text { margin: 0 0 0 var(--van-padding-xs); } .van-grid-item__content--reverse { flex-direction: column-reverse; } .van-grid-item__content--reverse .van-grid-item__text { margin: 0 0 var(--van-padding-xs); } .van-grid-item__content--horizontal.van-grid-item__content--reverse { flex-direction: row-reverse; } .van-grid-item__content--horizontal.van-grid-item__content--reverse .van-grid-item__text { margin: 0 var(--van-padding-xs) 0 0; } .van-grid-item__content--surround:after { border-width: var(--van-border-width-base); } .van-grid-item__content--clickable { cursor: pointer; } .van-grid-item__content--clickable:active { background-color: var(--van-grid-item-content-active-color); } :root { --van-index-bar-sidebar-z-index: 2; --van-index-bar-index-font-size: var(--van-font-size-xs); --van-index-bar-index-line-height: var(--van-line-height-xs); --van-index-bar-index-active-color: var(--van-danger-color); } .van-index-bar__sidebar { position: fixed; top: 50%; right: 0; z-index: var(--van-index-bar-sidebar-z-index); display: flex; flex-direction: column; text-align: center; transform: translateY(-50%); cursor: pointer; -webkit-user-select: none; user-select: none; } .van-index-bar__index { padding: 0 var(--van-padding-xs) 0 var(--van-padding-md); font-weight: var(--van-font-weight-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); } :root { --van-index-anchor-z-index: 1; --van-index-anchor-padding: 0 var(--van-padding-md); --van-index-anchor-text-color: var(--van-text-color); --van-index-anchor-font-weight: var(--van-font-weight-bold); --van-index-anchor-font-size: var(--van-font-size-md); --van-index-anchor-line-height: 32px; --van-index-anchor-background-color: transparent; --van-index-anchor-sticky-text-color: var(--van-danger-color); --van-index-anchor-sticky-background-color: var(--van-background-color-light); } .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-color); } .van-index-anchor--sticky { position: fixed; top: 0; right: 0; left: 0; color: var(--van-index-anchor-sticky-text-color); background: var(--van-index-anchor-sticky-background-color); } :root { --van-pagination-height: 40px; --van-pagination-font-size: var(--van-font-size-md); --van-pagination-item-width: 36px; --van-pagination-item-default-color: var(--van-primary-color); --van-pagination-item-disabled-color: var(--van-gray-7); --van-pagination-item-disabled-background-color: var(--van-background-color); --van-pagination-background-color: var(--van-background-color-light); --van-pagination-desc-color: var(--van-gray-7); --van-pagination-disabled-opacity: var(--van-disabled-opacity); } .van-pagination { font-size: var(--van-pagination-font-size); } .van-pagination__items { display: flex; } .van-pagination__item, .van-pagination__page-desc { display: flex; align-items: center; justify-content: center; } .van-pagination__item { flex: 1; box-sizing: border-box; min-width: var(--van-pagination-item-width); height: var(--van-pagination-height); color: var(--van-pagination-item-default-color); background: var(--van-pagination-background-color); cursor: pointer; -webkit-user-select: none; user-select: none; } .van-pagination__item button { flex: 1; height: 100%; border: none; padding: 0; background: transparent; } .van-pagination__item button[disabled] { cursor: not-allowed; } .van-pagination__item:active { color: var(--van-white); background-color: var(--van-pagination-item-default-color); } .van-pagination__item:not(:last-child):after { border-right-width: 0; } .van-pagination__item--active { color: var(--van-white); background-color: var(--van-pagination-item-default-color); } .van-pagination__item--page { flex-grow: 0; } .van-pagination__item--prev, .van-pagination__item--next { padding: 0 var(--van-padding-base); cursor: pointer; } .van-pagination__item--border:after { border-width: var(--van-border-width-base); } .van-pagination__item--disabled { color: var(--van-pagination-item-disabled-color); background-color: var(--van-pagination-item-disabled-background-color); opacity: var(--van-pagination-disabled-opacity); } .van-pagination__page-desc { flex: 1; height: var(--van-pagination-height); color: var(--van-pagination-desc-color); } :root { --van-password-input-height: 50px; --van-password-input-margin: 0 var(--van-padding-md); --van-password-input-font-size: 20px; --van-password-input-border-radius: 6px; --van-password-input-background-color: var(--van-background-color-light); --van-password-input-info-color: var(--van-text-color-2); --van-password-input-info-font-size: var(--van-font-size-md); --van-password-input-error-info-color: var(--van-danger-color); --van-password-input-dot-size: 10px; --van-password-input-dot-color: var(--van-text-color); --van-password-input-text-color: var(--van-text-color); --van-password-input-cursor-color: var(--van-text-color); --van-password-input-cursor-width: 1px; --van-password-input-cursor-height: 40%; --van-password-input-cursor-animation-duration: 1s; } .van-password-input { position: relative; margin: var(--van-password-input-margin); -webkit-user-select: none; user-select: none; } .van-password-input__info, .van-password-input__error-info { margin-top: var(--van-padding-md); font-size: var(--van-password-input-info-font-size); text-align: center; } .van-password-input__info { color: var(--van-password-input-info-color); } .van-password-input__error-info { color: var(--van-password-input-error-info-color); } .van-password-input__security { display: flex; width: 100%; height: var(--van-password-input-height); cursor: pointer; } .van-password-input__security:after { border-radius: var(--van-password-input-border-radius); } .van-password-input__security li { position: relative; display: flex; flex: 1; align-items: center; justify-content: center; height: 100%; color: var(--van-password-input-text-color); font-size: var(--van-password-input-font-size); line-height: 1.2; background: var(--van-password-input-background-color); } .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-animation-duration) van-cursor-flicker infinite; } @keyframes van-cursor-flicker { 0% { opacity: 0; } 50% { opacity: 1; } to { opacity: 0; } } :root { --van-progress-height: 4px; --van-progress-color: var(--van-primary-color); --van-progress-inactive-color: var(--van-gray-5); --van-progress-background-color: var(--van-gray-3); --van-progress-pivot-padding: 0 5px; --van-progress-pivot-text-color: var(--van-white); --van-progress-pivot-font-size: var(--van-font-size-xs); --van-progress-pivot-line-height: 1.6; --van-progress-pivot-background-color: var(--van-primary-color); } .van-progress { position: relative; height: var(--van-progress-height); background: var(--van-progress-background-color); border-radius: var(--van-progress-height); } .van-progress__portion { position: absolute; left: 0; width: 100%; height: 100%; background: var(--van-progress-color); border-radius: inherit; transform-origin: 0; transition: all var(--van-animation-duration-base) var(--van-animation-timing-function-enter); } .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-color); border-radius: 1em; transition: all var(--van-animation-duration-base) var(--van-animation-timing-function-enter); } .van-progress__pivot--inactive { background: var(--van-progress-inactive-color); } :root { --van-sidebar-width: 80px; } .van-sidebar { width: var(--van-sidebar-width); overflow-y: auto; -webkit-overflow-scrolling: touch; } :root { --van-sidebar-font-size: var(--van-font-size-md); --van-sidebar-line-height: var(--van-line-height-md); --van-sidebar-text-color: var(--van-text-color); --van-sidebar-disabled-text-color: var(--van-text-color-3); --van-sidebar-padding: 20px var(--van-padding-sm); --van-sidebar-active-color: var(--van-active-color); --van-sidebar-background-color: var(--van-background-color); --van-sidebar-selected-font-weight: var(--van-font-weight-bold); --van-sidebar-selected-text-color: var(--van-text-color); --van-sidebar-selected-border-width: 4px; --van-sidebar-selected-border-height: 16px; --van-sidebar-selected-border-color: var(--van-danger-color); --van-sidebar-selected-background-color: var(--van-background-color-light); } .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-color); cursor: pointer; -webkit-user-select: none; user-select: none; } .van-sidebar-item:active { background-color: var(--van-sidebar-active-color); } .van-sidebar-item:not(:last-child):after { border-bottom-width: 1px; } .van-sidebar-item__text { word-break: break-all; } .van-sidebar-item--select { color: var(--van-sidebar-selected-text-color); font-weight: var(--van-sidebar-selected-font-weight); } .van-sidebar-item--select, .van-sidebar-item--select:active { background-color: var(--van-sidebar-selected-background-color); } .van-sidebar-item--select:before { position: absolute; top: 50%; left: 0; width: var(--van-sidebar-selected-border-width); height: var(--van-sidebar-selected-border-height); background-color: var(--van-sidebar-selected-border-color); transform: translateY(-50%); content: ""; } .van-sidebar-item--disabled { color: var(--van-sidebar-disabled-text-color); cursor: not-allowed; } .van-sidebar-item--disabled:active { background-color: var(--van-sidebar-background-color); } :root { --van-tree-select-font-size: var(--van-font-size-md); --van-tree-select-nav-background-color: var(--van-background-color); --van-tree-select-content-background-color: var(--van-background-color-light); --van-tree-select-nav-item-padding: 14px var(--van-padding-sm); --van-tree-select-item-height: 48px; --van-tree-select-item-active-color: var(--van-danger-color); --van-tree-select-item-disabled-color: var(--van-gray-5); --van-tree-select-item-selected-size: 16px; } .van-tree-select { position: relative; display: flex; font-size: var(--van-tree-select-font-size); } .van-tree-select__nav { flex: 1; overflow-y: auto; background: var(--van-tree-select-nav-background-color); -webkit-overflow-scrolling: touch; } .van-tree-select__nav-item { padding: var(--van-tree-select-nav-item-padding); } .van-tree-select__content { flex: 2; overflow-y: auto; background: var(--van-tree-select-content-background-color); -webkit-overflow-scrolling: touch; } .van-tree-select__item { position: relative; padding: 0 32px 0 var(--van-padding-md); font-weight: var(--van-font-weight-bold); line-height: var(--van-tree-select-item-height); -webkit-user-select: none; user-select: none; cursor: pointer; } .van-tree-select__item--active { color: var(--van-tree-select-item-active-color); } .van-tree-select__item:active { background-color: var(--van-active-color); } .van-tree-select__item--disabled { color: var(--van-tree-select-item-disabled-color); cursor: not-allowed; } .van-tree-select__item--disabled:active { background-color: transparent; } .van-tree-select__selected { position: absolute; top: 50%; right: var(--van-padding-md); margin-top: calc(var(--van-padding-xs) * -1); font-size: var(--van-tree-select-item-selected-size); } :root { --van-skeleton-row-height: 16px; --van-skeleton-row-background-color: var(--van-active-color); --van-skeleton-row-margin-top: var(--van-padding-sm); --van-skeleton-title-width: 40%; --van-skeleton-avatar-size: 32px; --van-skeleton-avatar-background-color: var(--van-active-color); --van-skeleton-animation-duration: 1.2s; } .van-skeleton { display: flex; padding: 0 var(--van-padding-md); } .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-color); } .van-skeleton__avatar--round { border-radius: var(--van-border-radius-max); } .van-skeleton__content { width: 100%; } .van-skeleton__avatar + .van-skeleton__content { padding-top: var(--van-padding-xs); } .van-skeleton__row, .van-skeleton__title { height: var(--van-skeleton-row-height); background: var(--van-skeleton-row-background-color); } .van-skeleton__title { width: var(--van-skeleton-title-width); margin: 0; } .van-skeleton__row:not(:first-child) { margin-top: var(--van-skeleton-row-margin-top); } .van-skeleton__title + .van-skeleton__row { margin-top: 20px; } .van-skeleton--animate { animation: van-skeleton-blink var(--van-skeleton-animation-duration) ease-in-out infinite; } .van-skeleton--round .van-skeleton__row, .van-skeleton--round .van-skeleton__title { border-radius: var(--van-border-radius-max); } @keyframes van-skeleton-blink { 50% { opacity: 0.6; } } :root { --van-slider-active-background-color: var(--van-primary-color); --van-slider-inactive-background-color: var(--van-gray-3); --van-slider-disabled-opacity: var(--van-disabled-opacity); --van-slider-bar-height: 2px; --van-slider-button-width: 24px; --van-slider-button-height: 24px; --van-slider-button-border-radius: 50%; --van-slider-button-background-color: var(--van-white); --van-slider-button-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5); } .van-slider { position: relative; width: 100%; height: var(--van-slider-bar-height); background: var(--van-slider-inactive-background-color); border-radius: var(--van-border-radius-max); cursor: pointer; } .van-slider:before { position: absolute; top: calc(var(--van-padding-xs) * -1); right: 0; bottom: calc(var(--van-padding-xs) * -1); left: 0; content: ""; } .van-slider__bar { position: absolute; width: 100%; height: 100%; background: var(--van-slider-active-background-color); border-radius: inherit; transition: all var(--van-animation-duration-fast); } .van-slider__button { width: var(--van-slider-button-width); height: var(--van-slider-button-height); background: var(--van-slider-button-background-color); border-radius: var(--van-slider-button-border-radius); box-shadow: var(--van-slider-button-box-shadow); } .van-slider__button-wrapper { position: absolute; cursor: -webkit-grab; cursor: grab; top: 50%; } .van-slider__button-wrapper--right { right: 0; transform: translate(50%, -50%); } .van-slider__button-wrapper--left { left: 0; transform: translate(-50%, -50%); } .van-slider--disabled { cursor: not-allowed; opacity: var(--van-slider-disabled-opacity); } .van-slider--disabled .van-slider__button-wrapper { cursor: not-allowed; } .van-slider--vertical { display: inline-block; width: var(--van-slider-bar-height); height: 100%; } .van-slider--vertical .van-slider__button-wrapper--right { top: auto; right: 50%; bottom: 0; transform: translate(50%, 50%); } .van-slider--vertical .van-slider__button-wrapper--left { top: 0; right: 50%; left: auto; transform: translate(50%, -50%); } .van-slider--vertical:before { top: 0; right: calc(var(--van-padding-xs) * -1); bottom: 0; left: calc(var(--van-padding-xs) * -1); } :root { --van-steps-background-color: var(--van-background-color-light); } .van-steps { overflow: hidden; background-color: var(--van-steps-background-color); } .van-steps--horizontal { padding: 10px 10px 0; } .van-steps--horizontal .van-steps__items { position: relative; display: flex; margin: 0 0 10px; padding-bottom: 22px; } .van-steps--vertical { padding: 0 0 0 var(--van-padding-xl); } :root { --van-step-text-color: var(--van-text-color-2); --van-step-active-color: var(--van-success-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-success-color); --van-step-finish-text-color: var(--van-text-color); --van-step-icon-size: 12px; --van-step-circle-size: 5px; --van-step-circle-color: var(--van-gray-6); --van-step-horizontal-title-font-size: var(--van-font-size-sm); } .van-step { position: relative; flex: 1; color: var(--van-step-text-color); font-size: var(--van-step-font-size); } .van-step__circle { display: block; width: var(--van-step-circle-size); height: var(--van-step-circle-size); background-color: var(--van-step-circle-color); border-radius: 50%; } .van-step__line { position: absolute; background-color: var(--van-step-line-color); transition: background-color var(--van-animation-duration-base); } .van-step--horizontal { float: left; } .van-step--horizontal:first-child .van-step__title { margin-left: 0; transform: none; } .van-step--horizontal:last-child { position: absolute; right: 1px; width: auto; } .van-step--horizontal:last-child .van-step__title { margin-left: 0; transform: none; } .van-step--horizontal:last-child .van-step__circle-container { right: -9px; left: auto; } .van-step--horizontal .van-step__circle-container { position: absolute; top: 30px; left: calc(var(--van-padding-xs) * -1); z-index: 1; padding: 0 var(--van-padding-xs); background-color: var(--van-background-color-light); transform: translateY(-50%); } .van-step--horizontal .van-step__title { display: inline-block; margin-left: 3px; font-size: var(--van-step-horizontal-title-font-size); transform: translate(-50%); } .van-step--horizontal .van-step__line { top: 30px; left: 0; width: 100%; height: 1px; } .van-step--horizontal .van-step__icon { display: block; font-size: var(--van-step-icon-size); } .van-step--horizontal .van-step--process { color: var(--van-step-process-text-color); } .van-step--vertical { display: block; float: none; padding: 10px 10px 10px 0; line-height: var(--van-line-height-sm); } .van-step--vertical:not(:last-child):after { border-bottom-width: 1px; } .van-step--vertical .van-step__circle-container { position: absolute; top: 19px; left: -15px; z-index: 1; font-size: var(--van-step-icon-size); line-height: 1; transform: translate(-50%, -50%); } .van-step--vertical .van-step__line { top: 16px; left: -15px; width: 1px; height: 100%; } .van-step:last-child .van-step__line { width: 0; } .van-step--finish { color: var(--van-step-finish-text-color); } .van-step--finish .van-step__circle, .van-step--finish .van-step__line { background-color: var(--van-step-finish-line-color); } .van-step__icon, .van-step__title { transition: color var(--van-animation-duration-base); } .van-step__icon--active, .van-step__title--active, .van-step__icon--finish, .van-step__title--finish { color: var(--van-step-active-color); } :root { --van-stepper-background-color: var(--van-active-color); --van-stepper-button-icon-color: var(--van-text-color); --van-stepper-button-disabled-color: var(--van-background-color); --van-stepper-button-disabled-icon-color: var(--van-gray-5); --van-stepper-button-round-theme-color: var(--van-danger-color); --van-stepper-input-width: 32px; --van-stepper-input-height: 28px; --van-stepper-input-font-size: var(--van-font-size-md); --van-stepper-input-line-height: normal; --van-stepper-input-text-color: var(--van-text-color); --van-stepper-input-disabled-text-color: var(--van-text-color-3); --van-stepper-input-disabled-background-color: var(--van-active-color); --van-stepper-border-radius: var(--van-border-radius-md); } .van-stepper { display: inline-block; -webkit-user-select: none; user-select: none; } .van-stepper__minus, .van-stepper__plus { position: relative; box-sizing: border-box; width: var(--van-stepper-input-height); height: var(--van-stepper-input-height); margin: 0; padding: 0; color: var(--van-stepper-button-icon-color); vertical-align: middle; background: var(--van-stepper-background-color); border: 0; } .van-stepper__minus:before, .van-stepper__plus:before { width: 50%; height: 1px; } .van-stepper__minus:after, .van-stepper__plus:after { width: 1px; height: 50%; } .van-stepper__minus:before, .van-stepper__plus:before, .van-stepper__minus:after, .van-stepper__plus:after { position: absolute; top: 50%; left: 50%; background-color: currentColor; transform: translate(-50%, -50%); content: ""; } .van-stepper__minus--disabled, .van-stepper__plus--disabled { color: var(--van-stepper-button-disabled-icon-color); background-color: var(--van-stepper-button-disabled-color); cursor: not-allowed; } .van-stepper__minus { border-radius: var(--van-stepper-border-radius) 0 0 var(--van-stepper-border-radius); } .van-stepper__minus:after { display: none; } .van-stepper__plus { border-radius: 0 var(--van-stepper-border-radius) var(--van-stepper-border-radius) 0; } .van-stepper__input { box-sizing: border-box; width: var(--van-stepper-input-width); height: var(--van-stepper-input-height); margin: 0 2px; padding: 0; color: var(--van-stepper-input-text-color); font-size: var(--van-stepper-input-font-size); line-height: var(--van-stepper-input-line-height); text-align: center; vertical-align: middle; background: var(--van-stepper-background-color); border: 0; border-width: 1px 0; border-radius: 0; -webkit-appearance: none; } .van-stepper__input:disabled { color: var(--van-stepper-input-disabled-text-color); background-color: var(--van-stepper-input-disabled-background-color); -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-color-light); border: 1px solid var(--van-stepper-button-round-theme-color); } .van-swipe-cell { position: relative; overflow: hidden; cursor: -webkit-grab; cursor: grab; } .van-swipe-cell__wrapper { transition-timing-function: cubic-bezier(0.18, 0.89, 0.32, 1); transition-property: transform; } .van-swipe-cell__left, .van-swipe-cell__right { position: absolute; top: 0; height: 100%; } .van-swipe-cell__left { left: 0; transform: translate(-100%); } .van-swipe-cell__right { right: 0; transform: translate(100%); } :root { --van-tabbar-height: 50px; --van-tabbar-z-index: 1; --van-tabbar-background-color: var(--van-background-color-light); } .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-color); } .van-tabbar--fixed { position: fixed; bottom: 0; left: 0; } :root { --van-tabbar-item-font-size: var(--van-font-size-sm); --van-tabbar-item-text-color: var(--van-gray-7); --van-tabbar-item-active-color: var(--van-primary-color); --van-tabbar-item-active-background-color: var(--van-background-color-light); --van-tabbar-item-line-height: 1; --van-tabbar-item-icon-size: 22px; --van-tabbar-item-icon-margin-bottom: var(--van-padding-base); } .van-tabbar-item { display: flex; flex: 1; flex-direction: column; align-items: center; justify-content: center; color: var(--van-tabbar-item-text-color); font-size: var(--van-tabbar-item-font-size); line-height: var(--van-tabbar-item-line-height); cursor: pointer; } .van-tabbar-item__icon { margin-bottom: var(--van-tabbar-item-icon-margin-bottom); font-size: var(--van-tabbar-item-icon-size); } .van-tabbar-item__icon .van-icon { display: block; } .van-tabbar-item__icon .van-badge { margin-top: var(--van-padding-base); } .van-tabbar-item__icon img { display: block; height: 20px; } .van-tabbar-item--active { color: var(--van-tabbar-item-active-color); background-color: var(--van-tabbar-item-active-background-color); }