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 } button, input, textarea { color: inherit; font: inherit } [class*=van-]:focus, a:focus, button:focus, input:focus, textarea:focus { outline: 0 } ol, ul { margin: 0; padding: 0; list-style: none } .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-clearfix::after { display: table; clear: both; content: '' } [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 #ebedf0; -webkit-transform: scale(.5); transform: scale(.5) } .van-hairline, .van-hairline--bottom, .van-hairline--left, .van-hairline--right, .van-hairline--surround, .van-hairline--top, .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 } @-webkit-keyframes van-slide-up-enter { from { -webkit-transform: translate3d(0,100%,0); transform: translate3d(0,100%,0) } } @keyframes van-slide-up-enter { from { -webkit-transform: translate3d(0,100%,0); transform: translate3d(0,100%,0) } } @-webkit-keyframes van-slide-up-leave { to { -webkit-transform: translate3d(0,100%,0); transform: translate3d(0,100%,0) } } @keyframes van-slide-up-leave { to { -webkit-transform: translate3d(0,100%,0); transform: translate3d(0,100%,0) } } @-webkit-keyframes van-slide-down-enter { from { -webkit-transform: translate3d(0,-100%,0); transform: translate3d(0,-100%,0) } } @keyframes van-slide-down-enter { from { -webkit-transform: translate3d(0,-100%,0); transform: translate3d(0,-100%,0) } } @-webkit-keyframes van-slide-down-leave { to { -webkit-transform: translate3d(0,-100%,0); transform: translate3d(0,-100%,0) } } @keyframes van-slide-down-leave { to { -webkit-transform: translate3d(0,-100%,0); transform: translate3d(0,-100%,0) } } @-webkit-keyframes van-slide-left-enter { from { -webkit-transform: translate3d(-100%,0,0); transform: translate3d(-100%,0,0) } } @keyframes van-slide-left-enter { from { -webkit-transform: translate3d(-100%,0,0); transform: translate3d(-100%,0,0) } } @-webkit-keyframes van-slide-left-leave { to { -webkit-transform: translate3d(-100%,0,0); transform: translate3d(-100%,0,0) } } @keyframes van-slide-left-leave { to { -webkit-transform: translate3d(-100%,0,0); transform: translate3d(-100%,0,0) } } @-webkit-keyframes van-slide-right-enter { from { -webkit-transform: translate3d(100%,0,0); transform: translate3d(100%,0,0) } } @keyframes van-slide-right-enter { from { -webkit-transform: translate3d(100%,0,0); transform: translate3d(100%,0,0) } } @-webkit-keyframes van-slide-right-leave { to { -webkit-transform: translate3d(100%,0,0); transform: translate3d(100%,0,0) } } @keyframes van-slide-right-leave { to { -webkit-transform: translate3d(100%,0,0); transform: translate3d(100%,0,0) } } @-webkit-keyframes van-fade-in { from { opacity: 0 } to { opacity: 1 } } @keyframes van-fade-in { from { opacity: 0 } to { opacity: 1 } } @-webkit-keyframes van-fade-out { from { opacity: 1 } to { opacity: 0 } } @keyframes van-fade-out { from { opacity: 1 } to { opacity: 0 } } @-webkit-keyframes van-rotate { from { -webkit-transform: rotate(0); transform: rotate(0) } to { -webkit-transform: rotate(360deg); transform: rotate(360deg) } } @keyframes van-rotate { from { -webkit-transform: rotate(0); transform: rotate(0) } to { -webkit-transform: rotate(360deg); transform: rotate(360deg) } } .van-fade-enter-active { -webkit-animation: .3s van-fade-in both ease-out; animation: .3s van-fade-in both ease-out } .van-fade-leave-active { -webkit-animation: .3s van-fade-out both ease-in; animation: .3s van-fade-out both ease-in } .van-slide-up-enter-active { -webkit-animation: van-slide-up-enter .3s both ease-out; animation: van-slide-up-enter .3s both ease-out } .van-slide-up-leave-active { -webkit-animation: van-slide-up-leave .3s both ease-in; animation: van-slide-up-leave .3s both ease-in } .van-slide-down-enter-active { -webkit-animation: van-slide-down-enter .3s both ease-out; animation: van-slide-down-enter .3s both ease-out } .van-slide-down-leave-active { -webkit-animation: van-slide-down-leave .3s both ease-in; animation: van-slide-down-leave .3s both ease-in } .van-slide-left-enter-active { -webkit-animation: van-slide-left-enter .3s both ease-out; animation: van-slide-left-enter .3s both ease-out } .van-slide-left-leave-active { -webkit-animation: van-slide-left-leave .3s both ease-in; animation: van-slide-left-leave .3s both ease-in } .van-slide-right-enter-active { -webkit-animation: van-slide-right-enter .3s both ease-out; animation: van-slide-right-enter .3s both ease-out } .van-slide-right-leave-active { -webkit-animation: van-slide-right-leave .3s both ease-in; animation: van-slide-right-leave .3s both ease-in } .van-overlay { position: fixed; top: 0; left: 0; z-index: 1; width: 100%; height: 100%; background-color: rgba(0,0,0,.7) } .van-info { position: absolute; top: 0; right: 0; box-sizing: border-box; min-width: 16px; padding: 0 3px; color: #fff; font-weight: 500; font-size: 12px; font-family: -apple-system-font,helvetica neue,arial,sans-serif; line-height: 1.2; text-align: center; background-color: #ee0a24; border: 1px solid #fff; border-radius: 16px; -webkit-transform: translate(50%,-50%); transform: translate(50%,-50%); -webkit-transform-origin: 100%; transform-origin: 100% } .van-info--dot { width: 8px; min-width: 0; height: 8px; background-color: #ee0a24; border-radius: 100% } .van-sidebar-item { position: relative; display: block; box-sizing: border-box; padding: 20px 12px; overflow: hidden; color: #323233; font-size: 14px; line-height: 20px; background-color: #f7f8fa; cursor: pointer; -webkit-user-select: none; user-select: none } .van-sidebar-item:active { background-color: #f2f3f5 } .van-sidebar-item__text { position: relative; display: inline-block; word-break: break-all } .van-sidebar-item:not(:last-child)::after { border-bottom-width: 1px } .van-sidebar-item--select { color: #323233; font-weight: 500 } .van-sidebar-item--select, .van-sidebar-item--select:active { background-color: #fff } .van-sidebar-item--select::before { position: absolute; top: 50%; left: 0; width: 4px; height: 16px; background-color: #ee0a24; -webkit-transform: translatey(-50%); transform: translatey(-50%); content: '' } .van-sidebar-item--disabled { color: #c8c9cc; cursor: not-allowed } .van-sidebar-item--disabled:active { background-color: #f7f8fa } @font-face { font-weight: 400; font-family: vant-icon; font-style: normal; font-display: auto; src: format('woff2'), format('woff'), format('truetype') } .van-icon { position: relative; display: inline-block; font: normal normal normal 14px/1 vant-icon; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased } .van-icon::before { display: inline-block } .van-icon-add-o::before { content: '\f000' } .van-icon-add-square::before { content: '\f001' } .van-icon-add::before { content: '\f002' } .van-icon-after-sale::before { content: '\f003' } .van-icon-aim::before { content: '\f004' } .van-icon-alipay::before { content: '\f005' } .van-icon-apps-o::before { content: '\f006' } .van-icon-arrow-down::before { content: '\f007' } .van-icon-arrow-left::before { content: '\f008' } .van-icon-arrow-up::before { content: '\f009' } .van-icon-arrow::before { content: '\f00a' } .van-icon-ascending::before { content: '\f00b' } .van-icon-audio::before { content: '\f00c' } .van-icon-award-o::before { content: '\f00d' } .van-icon-award::before { content: '\f00e' } .van-icon-back-top::before { content: '\f0e6' } .van-icon-bag-o::before { content: '\f00f' } .van-icon-bag::before { content: '\f010' } .van-icon-balance-list-o::before { content: '\f011' } .van-icon-balance-list::before { content: '\f012' } .van-icon-balance-o::before { content: '\f013' } .van-icon-balance-pay::before { content: '\f014' } .van-icon-bar-chart-o::before { content: '\f015' } .van-icon-bars::before { content: '\f016' } .van-icon-bell::before { content: '\f017' } .van-icon-bill-o::before { content: '\f018' } .van-icon-bill::before { content: '\f019' } .van-icon-birthday-cake-o::before { content: '\f01a' } .van-icon-bookmark-o::before { content: '\f01b' } .van-icon-bookmark::before { content: '\f01c' } .van-icon-browsing-history-o::before { content: '\f01d' } .van-icon-browsing-history::before { content: '\f01e' } .van-icon-brush-o::before { content: '\f01f' } .van-icon-bulb-o::before { content: '\f020' } .van-icon-bullhorn-o::before { content: '\f021' } .van-icon-calendar-o::before { content: '\f022' } .van-icon-card::before { content: '\f023' } .van-icon-cart-circle-o::before { content: '\f024' } .van-icon-cart-circle::before { content: '\f025' } .van-icon-cart-o::before { content: '\f026' } .van-icon-cart::before { content: '\f027' } .van-icon-cash-back-record::before { content: '\f028' } .van-icon-cash-on-deliver::before { content: '\f029' } .van-icon-cashier-o::before { content: '\f02a' } .van-icon-certificate::before { content: '\f02b' } .van-icon-chart-trending-o::before { content: '\f02c' } .van-icon-chat-o::before { content: '\f02d' } .van-icon-chat::before { content: '\f02e' } .van-icon-checked::before { content: '\f02f' } .van-icon-circle::before { content: '\f030' } .van-icon-clear::before { content: '\f031' } .van-icon-clock-o::before { content: '\f032' } .van-icon-clock::before { content: '\f033' } .van-icon-close::before { content: '\f034' } .van-icon-closed-eye::before { content: '\f035' } .van-icon-cluster-o::before { content: '\f036' } .van-icon-cluster::before { content: '\f037' } .van-icon-column::before { content: '\f038' } .van-icon-comment-circle-o::before { content: '\f039' } .van-icon-comment-circle::before { content: '\f03a' } .van-icon-comment-o::before { content: '\f03b' } .van-icon-comment::before { content: '\f03c' } .van-icon-completed::before { content: '\f03d' } .van-icon-contact::before { content: '\f03e' } .van-icon-coupon-o::before { content: '\f03f' } .van-icon-coupon::before { content: '\f040' } .van-icon-credit-pay::before { content: '\f041' } .van-icon-cross::before { content: '\f042' } .van-icon-debit-pay::before { content: '\f043' } .van-icon-delete-o::before { content: '\f0e9' } .van-icon-delete::before { content: '\f044' } .van-icon-descending::before { content: '\f045' } .van-icon-description::before { content: '\f046' } .van-icon-desktop-o::before { content: '\f047' } .van-icon-diamond-o::before { content: '\f048' } .van-icon-diamond::before { content: '\f049' } .van-icon-discount::before { content: '\f04a' } .van-icon-down::before { content: '\f04b' } .van-icon-ecard-pay::before { content: '\f04c' } .van-icon-edit::before { content: '\f04d' } .van-icon-ellipsis::before { content: '\f04e' } .van-icon-empty::before { content: '\f04f' } .van-icon-enlarge::before { content: '\f0e4' } .van-icon-envelop-o::before { content: '\f050' } .van-icon-exchange::before { content: '\f051' } .van-icon-expand-o::before { content: '\f052' } .van-icon-expand::before { content: '\f053' } .van-icon-eye-o::before { content: '\f054' } .van-icon-eye::before { content: '\f055' } .van-icon-fail::before { content: '\f056' } .van-icon-failure::before { content: '\f057' } .van-icon-filter-o::before { content: '\f058' } .van-icon-fire-o::before { content: '\f059' } .van-icon-fire::before { content: '\f05a' } .van-icon-flag-o::before { content: '\f05b' } .van-icon-flower-o::before { content: '\f05c' } .van-icon-font-o::before { content: '\f0ec' } .van-icon-font::before { content: '\f0eb' } .van-icon-free-postage::before { content: '\f05d' } .van-icon-friends-o::before { content: '\f05e' } .van-icon-friends::before { content: '\f05f' } .van-icon-gem-o::before { content: '\f060' } .van-icon-gem::before { content: '\f061' } .van-icon-gift-card-o::before { content: '\f062' } .van-icon-gift-card::before { content: '\f063' } .van-icon-gift-o::before { content: '\f064' } .van-icon-gift::before { content: '\f065' } .van-icon-gold-coin-o::before { content: '\f066' } .van-icon-gold-coin::before { content: '\f067' } .van-icon-good-job-o::before { content: '\f068' } .van-icon-good-job::before { content: '\f069' } .van-icon-goods-collect-o::before { content: '\f06a' } .van-icon-goods-collect::before { content: '\f06b' } .van-icon-graphic::before { content: '\f06c' } .van-icon-home-o::before { content: '\f06d' } .van-icon-hot-o::before { content: '\f06e' } .van-icon-hot-sale-o::before { content: '\f06f' } .van-icon-hot-sale::before { content: '\f070' } .van-icon-hot::before { content: '\f071' } .van-icon-hotel-o::before { content: '\f072' } .van-icon-idcard::before { content: '\f073' } .van-icon-info-o::before { content: '\f074' } .van-icon-info::before { content: '\f075' } .van-icon-invition::before { content: '\f076' } .van-icon-label-o::before { content: '\f077' } .van-icon-label::before { content: '\f078' } .van-icon-like-o::before { content: '\f079' } .van-icon-like::before { content: '\f07a' } .van-icon-live::before { content: '\f07b' } .van-icon-location-o::before { content: '\f07c' } .van-icon-location::before { content: '\f07d' } .van-icon-lock::before { content: '\f07e' } .van-icon-logistics::before { content: '\f07f' } .van-icon-manager-o::before { content: '\f080' } .van-icon-manager::before { content: '\f081' } .van-icon-map-marked::before { content: '\f082' } .van-icon-medal-o::before { content: '\f083' } .van-icon-medal::before { content: '\f084' } .van-icon-minus::before { content: '\f0e8' } .van-icon-more-o::before { content: '\f085' } .van-icon-more::before { content: '\f086' } .van-icon-music-o::before { content: '\f087' } .van-icon-music::before { content: '\f088' } .van-icon-new-arrival-o::before { content: '\f089' } .van-icon-new-arrival::before { content: '\f08a' } .van-icon-new-o::before { content: '\f08b' } .van-icon-new::before { content: '\f08c' } .van-icon-newspaper-o::before { content: '\f08d' } .van-icon-notes-o::before { content: '\f08e' } .van-icon-orders-o::before { content: '\f08f' } .van-icon-other-pay::before { content: '\f090' } .van-icon-paid::before { content: '\f091' } .van-icon-passed::before { content: '\f092' } .van-icon-pause-circle-o::before { content: '\f093' } .van-icon-pause-circle::before { content: '\f094' } .van-icon-pause::before { content: '\f095' } .van-icon-peer-pay::before { content: '\f096' } .van-icon-pending-payment::before { content: '\f097' } .van-icon-phone-circle-o::before { content: '\f098' } .van-icon-phone-circle::before { content: '\f099' } .van-icon-phone-o::before { content: '\f09a' } .van-icon-phone::before { content: '\f09b' } .van-icon-photo-fail::before { content: '\f0e5' } .van-icon-photo-o::before { content: '\f09c' } .van-icon-photo::before { content: '\f09d' } .van-icon-photograph::before { content: '\f09e' } .van-icon-play-circle-o::before { content: '\f09f' } .van-icon-play-circle::before { content: '\f0a0' } .van-icon-play::before { content: '\f0a1' } .van-icon-plus::before { content: '\f0a2' } .van-icon-point-gift-o::before { content: '\f0a3' } .van-icon-point-gift::before { content: '\f0a4' } .van-icon-points::before { content: '\f0a5' } .van-icon-printer::before { content: '\f0a6' } .van-icon-qr-invalid::before { content: '\f0a7' } .van-icon-qr::before { content: '\f0a8' } .van-icon-question-o::before { content: '\f0a9' } .van-icon-question::before { content: '\f0aa' } .van-icon-records::before { content: '\f0ab' } .van-icon-refund-o::before { content: '\f0ac' } .van-icon-replay::before { content: '\f0ad' } .van-icon-revoke::before { content: '\f0ed' } .van-icon-scan::before { content: '\f0ae' } .van-icon-search::before { content: '\f0af' } .van-icon-send-gift-o::before { content: '\f0b0' } .van-icon-send-gift::before { content: '\f0b1' } .van-icon-service-o::before { content: '\f0b2' } .van-icon-service::before { content: '\f0b3' } .van-icon-setting-o::before { content: '\f0b4' } .van-icon-setting::before { content: '\f0b5' } .van-icon-share-o::before { content: '\f0e7' } .van-icon-share::before { content: '\f0b6' } .van-icon-shop-collect-o::before { content: '\f0b7' } .van-icon-shop-collect::before { content: '\f0b8' } .van-icon-shop-o::before { content: '\f0b9' } .van-icon-shop::before { content: '\f0ba' } .van-icon-shopping-cart-o::before { content: '\f0bb' } .van-icon-shopping-cart::before { content: '\f0bc' } .van-icon-shrink::before { content: '\f0bd' } .van-icon-sign::before { content: '\f0be' } .van-icon-smile-comment-o::before { content: '\f0bf' } .van-icon-smile-comment::before { content: '\f0c0' } .van-icon-smile-o::before { content: '\f0c1' } .van-icon-smile::before { content: '\f0c2' } .van-icon-sort::before { content: '\f0ea' } .van-icon-star-o::before { content: '\f0c3' } .van-icon-star::before { content: '\f0c4' } .van-icon-stop-circle-o::before { content: '\f0c5' } .van-icon-stop-circle::before { content: '\f0c6' } .van-icon-stop::before { content: '\f0c7' } .van-icon-success::before { content: '\f0c8' } .van-icon-thumb-circle-o::before { content: '\f0c9' } .van-icon-thumb-circle::before { content: '\f0ca' } .van-icon-todo-list-o::before { content: '\f0cb' } .van-icon-todo-list::before { content: '\f0cc' } .van-icon-tosend::before { content: '\f0cd' } .van-icon-tv-o::before { content: '\f0ce' } .van-icon-umbrella-circle::before { content: '\f0cf' } .van-icon-underway-o::before { content: '\f0d0' } .van-icon-underway::before { content: '\f0d1' } .van-icon-upgrade::before { content: '\f0d2' } .van-icon-user-circle-o::before { content: '\f0d3' } .van-icon-user-o::before { content: '\f0d4' } .van-icon-video-o::before { content: '\f0d5' } .van-icon-video::before { content: '\f0d6' } .van-icon-vip-card-o::before { content: '\f0d7' } .van-icon-vip-card::before { content: '\f0d8' } .van-icon-volume-o::before { content: '\f0d9' } .van-icon-volume::before { content: '\f0da' } .van-icon-wap-home-o::before { content: '\f0db' } .van-icon-wap-home::before { content: '\f0dc' } .van-icon-wap-nav::before { content: '\f0dd' } .van-icon-warn-o::before { content: '\f0de' } .van-icon-warning-o::before { content: '\f0df' } .van-icon-warning::before { content: '\f0e0' } .van-icon-weapp-nav::before { content: '\f0e1' } .van-icon-wechat-pay::before { content: '\f0e2' } .van-icon-wechat::before { content: '\f0ee' } .van-icon-youzan-shield::before { content: '\f0e3' } .van-icon__image { width: 1em; height: 1em; object-fit: contain } .van-tabbar-item { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-flex: 1; -webkit-flex: 1; flex: 1; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; -webkit-box-align: center; -webkit-align-items: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; justify-content: center; color: #646566; font-size: 12px; line-height: 1; cursor: pointer } .van-tabbar-item__icon { position: relative; margin-bottom: 4px; font-size: 22px } .van-tabbar-item__icon .van-icon { display: block } .van-tabbar-item__icon img { display: block; height: 20px } .van-tabbar-item--active { color: #1989fa; background-color: #fff } .van-tabbar-item .van-info { margin-top: 4px } .van-step { position: relative; -webkit-box-flex: 1; -webkit-flex: 1; flex: 1; color: #969799; font-size: 14px } .van-step__circle { display: block; width: 5px; height: 5px; background-color: #969799; border-radius: 50% } .van-step__line { position: absolute; background-color: #ebedf0; -webkit-transition: background-color .3s; transition: background-color .3s } .van-step--horizontal { float: left } .van-step--horizontal:first-child .van-step__title { margin-left: 0; -webkit-transform: none; transform: none } .van-step--horizontal:last-child { position: absolute; right: 1px; width: auto } .van-step--horizontal:last-child .van-step__title { margin-left: 0; -webkit-transform: none; 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: -8px; z-index: 1; padding: 0 8px; background-color: #fff; -webkit-transform: translatey(-50%); transform: translatey(-50%) } .van-step--horizontal .van-step__title { display: inline-block; margin-left: 3px; font-size: 12px; -webkit-transform: translatex(-50%); transform: translatex(-50%) } @media (max-width:321px) { .van-step--horizontal .van-step__title { font-size: 11px } } .van-step--horizontal .van-step__line { top: 30px; left: 0; width: 100%; height: 1px } .van-step--horizontal .van-step__icon { display: block; font-size: 12px } .van-step--horizontal .van-step--process { color: #323233 } .van-step--vertical { display: block; float: none; padding: 10px 10px 10px 0; line-height: 18px } .van-step--vertical:not(:last-child)::after { border-bottom-width: 1px } .van-step--vertical:first-child::before { position: absolute; top: 0; left: -15px; z-index: 1; width: 1px; height: 20px; background-color: #fff; content: '' } .van-step--vertical .van-step__circle-container { position: absolute; top: 19px; left: -15px; z-index: 2; font-size: 12px; line-height: 1; -webkit-transform: translate(-50%,-50%); 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: #323233 } .van-step--finish .van-step__circle, .van-step--finish .van-step__line { background-color: #07c160 } .van-step__icon, .van-step__title { -webkit-transition: color .3s; transition: color .3s } .van-step__icon--active, .van-step__icon--finish, .van-step__title--active, .van-step__title--finish { color: #07c160 } .van-rate { display: -webkit-inline-box; display: -webkit-inline-flex; display: inline-flex; cursor: pointer; -webkit-user-select: none; user-select: none } .van-rate__item { position: relative } .van-rate__item:not(:last-child) { padding-right: 4px } .van-rate__icon { display: block; width: 1em; color: #c8c9cc; font-size: 20px } .van-rate__icon--half { position: absolute; top: 0; left: 0; width: .5em; overflow: hidden } .van-rate__icon--full { color: #ee0a24 } .van-rate__icon--disabled { color: #c8c9cc } .van-rate--disabled { cursor: not-allowed } .van-rate--readonly { cursor: default } .van-notice-bar { position: relative; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center; height: 40px; padding: 0 16px; color: #ed6a0c; font-size: 14px; line-height: 24px; background-color: #fffbe8 } .van-notice-bar__left-icon, .van-notice-bar__right-icon { min-width: 24px; font-size: 16px } .van-notice-bar__right-icon { text-align: right; cursor: pointer } .van-notice-bar__wrap { position: relative; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-flex: 1; -webkit-flex: 1; flex: 1; -webkit-box-align: center; -webkit-align-items: center; align-items: center; height: 100%; overflow: hidden } .van-notice-bar__content { position: absolute; white-space: nowrap; -webkit-transition-timing-function: linear; transition-timing-function: linear } .van-notice-bar__content.van-ellipsis { max-width: 100% } .van-notice-bar--wrapable { height: auto; padding: 8px 16px } .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 } .van-nav-bar { position: relative; z-index: 1; line-height: 22px; text-align: center; background-color: #fff; -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: #1989fa } .van-nav-bar__content { position: relative; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center; height: 46px } .van-nav-bar__arrow { margin-right: 4px; font-size: 16px } .van-nav-bar__title { max-width: 60%; margin: 0 auto; color: #323233; font-weight: 500; font-size: 16px } .van-nav-bar__left, .van-nav-bar__right { position: absolute; top: 0; bottom: 0; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center; padding: 0 16px; font-size: 14px; cursor: pointer } .van-nav-bar__left:active, .van-nav-bar__right:active { opacity: .7 } .van-nav-bar__left { left: 0 } .van-nav-bar__right { right: 0 } .van-nav-bar__text { color: #1989fa } .van-grid-item { position: relative; box-sizing: border-box } .van-grid-item--square { height: 0 } .van-grid-item__icon { font-size: 28px } .van-grid-item__icon-wrapper { position: relative } .van-grid-item__text { color: #646566; font-size: 12px; line-height: 1.5; word-break: break-all } .van-grid-item__icon .van-grid-item__text { margin-top: 8px } .van-grid-item__content { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; box-sizing: border-box; height: 100%; padding: 16px 8px; background-color: #fff } .van-grid-item__content::after { z-index: 1; border-width: 0 1px 1px 0 } .van-grid-item__content--square { position: absolute; top: 0; right: 0; left: 0 } .van-grid-item__content--center { -webkit-box-align: center; -webkit-align-items: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; justify-content: center } .van-grid-item__content--horizontal { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; flex-direction: row } .van-grid-item__content--horizontal .van-grid-item__icon .van-grid-item__text { margin-top: 0; margin-left: 8px } .van-grid-item__content--surround::after { border-width: 1px } .van-grid-item__content--clickable { cursor: pointer } .van-grid-item__content--clickable:active { background-color: #f2f3f5 } .van-goods-action-icon { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -webkit-justify-content: center; justify-content: center; min-width: 48px; height: 100%; color: #646566; font-size: 10px; line-height: 1; text-align: center; background-color: #fff; cursor: pointer } .van-goods-action-icon:active { background-color: #f2f3f5 } .van-goods-action-icon__icon { position: relative; width: 1em; margin: 0 auto 5px; color: #323233; font-size: 18px } .van-checkbox { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; 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: 12px } .van-checkbox__icon { -webkit-box-flex: 0; -webkit-flex: none; flex: none; height: 1em; font-size: 20px; 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: .8em; line-height: 1.25; text-align: center; border: 1px solid #c8c9cc; -webkit-transition-duration: .2s; transition-duration: .2s; -webkit-transition-property: color,border-color,background-color; transition-property: color,border-color,background-color } .van-checkbox__icon--round .van-icon { border-radius: 100% } .van-checkbox__icon--checked .van-icon { color: #fff; background-color: #1989fa; border-color: #1989fa } .van-checkbox__icon--disabled { cursor: not-allowed } .van-checkbox__icon--disabled .van-icon { background-color: #ebedf0; border-color: #c8c9cc } .van-checkbox__icon--disabled.van-checkbox__icon--checked .van-icon { color: #c8c9cc } .van-checkbox__label { margin-left: 8px; color: #323233; line-height: 20px } .van-checkbox__label--left { margin: 0 8px 0 0 } .van-checkbox__label--disabled { color: #c8c9cc } .van-coupon { margin: 0 12px 12px; overflow: hidden; background-color: #fff; border-radius: 8px; box-shadow: 0 0 4px rgba(0,0,0,.1) } .van-coupon:active { background-color: #f2f3f5 } .van-coupon__content { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center; box-sizing: border-box; min-height: 84px; padding: 14px 0; color: #323233 } .van-coupon__head { position: relative; min-width: 96px; padding: 0 8px; color: #ee0a24; 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: 500; font-size: 30px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis } .van-coupon__amount span { font-weight: 400; font-size: 40% } .van-coupon__amount span:not(:empty) { margin-left: 2px } .van-coupon__condition { font-size: 12px; line-height: 16px; white-space: pre-wrap } .van-coupon__body { position: relative; -webkit-box-flex: 1; -webkit-flex: 1; flex: 1; border-radius: 0 8px 8px 0 } .van-coupon__name { margin-bottom: 10px; font-weight: 700; font-size: 14px; line-height: 20px } .van-coupon__valid { font-size: 12px } .van-coupon__corner { position: absolute; top: 0; right: 16px; bottom: 0 } .van-coupon__description { padding: 8px 16px; font-size: 12px; border-top: 1px dashed #ebedf0 } .van-coupon--disabled:active { background-color: #fff } .van-coupon--disabled .van-coupon-item__content { height: 74px } .van-coupon--disabled .van-coupon__head { color: inherit } .van-image { position: relative; display: inline-block } .van-image--round { overflow: hidden; border-radius: 50% } .van-image--round img { border-radius: inherit } .van-image__error, .van-image__img, .van-image__loading { display: block; width: 100%; height: 100% } .van-image__error, .van-image__loading { position: absolute; top: 0; left: 0; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; -webkit-box-align: center; -webkit-align-items: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; justify-content: center; color: #969799; font-size: 14px; background-color: #f7f8fa } .van-image__loading-icon { color: #dcdee0; font-size: 32px } .van-image__error-icon { color: #dcdee0; font-size: 32px } .van-radio { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; 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: 12px } .van-radio__icon { -webkit-box-flex: 0; -webkit-flex: none; flex: none; height: 1em; font-size: 20px; 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: .8em; line-height: 1.25; text-align: center; border: 1px solid #c8c9cc; -webkit-transition-duration: .2s; transition-duration: .2s; -webkit-transition-property: color,border-color,background-color; transition-property: color,border-color,background-color } .van-radio__icon--round .van-icon { border-radius: 100% } .van-radio__icon--checked .van-icon { color: #fff; background-color: #1989fa; border-color: #1989fa } .van-radio__icon--disabled { cursor: not-allowed } .van-radio__icon--disabled .van-icon { background-color: #ebedf0; border-color: #c8c9cc } .van-radio__icon--disabled.van-radio__icon--checked .van-icon { color: #c8c9cc } .van-radio__label { margin-left: 8px; color: #323233; line-height: 20px } .van-radio__label--left { margin: 0 8px 0 0 } .van-radio__label--disabled { color: #c8c9cc } .van-tag { position: relative; display: -webkit-inline-box; display: -webkit-inline-flex; display: inline-flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center; padding: 0 4px; color: #fff; font-size: 12px; line-height: 16px; border-radius: 2px } .van-tag--default { background-color: #969799 } .van-tag--default.van-tag--plain { color: #969799 } .van-tag--danger { background-color: #ee0a24 } .van-tag--danger.van-tag--plain { color: #ee0a24 } .van-tag--primary { background-color: #1989fa } .van-tag--primary.van-tag--plain { color: #1989fa } .van-tag--success { background-color: #07c160 } .van-tag--success.van-tag--plain { color: #07c160 } .van-tag--warning { background-color: #ff976a } .van-tag--warning.van-tag--plain { color: #ff976a } .van-tag--plain { background-color: #fff; 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: 2px 6px } .van-tag--large { padding: 4px 8px; font-size: 14px; border-radius: 4px } .van-tag--mark { border-radius: 0 999px 999px 0 } .van-tag--mark::after { display: block; width: 2px; content: '' } .van-tag--round { border-radius: 999px } .van-tag__close { margin-left: 2px; cursor: pointer } .van-card { position: relative; box-sizing: border-box; padding: 8px 16px; color: #323233; font-size: 12px; background-color: #fafafa } .van-card:not(:first-child) { margin-top: 8px } .van-card__header { display: -webkit-box; display: -webkit-flex; display: flex } .van-card__thumb { position: relative; -webkit-box-flex: 0; -webkit-flex: none; flex: none; width: 88px; height: 88px; margin-right: 8px } .van-card__thumb img { border-radius: 8px } .van-card__content { position: relative; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-flex: 1; -webkit-flex: 1; flex: 1; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; -webkit-box-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; min-width: 0; min-height: 88px } .van-card__content--centered { -webkit-box-pack: center; -webkit-justify-content: center; justify-content: center } .van-card__desc, .van-card__title { word-wrap: break-word } .van-card__title { max-height: 32px; font-weight: 500; line-height: 16px } .van-card__desc { max-height: 20px; color: #646566; line-height: 20px } .van-card__bottom { line-height: 20px } .van-card__price { display: inline-block; color: #323233; font-weight: 500; font-size: 12px } .van-card__price-integer { font-size: 16px; font-family: avenir-heavy,pingfang sc,helvetica neue,arial,sans-serif } .van-card__price-decimal { font-family: avenir-heavy,pingfang sc,helvetica neue,arial,sans-serif } .van-card__origin-price { display: inline-block; margin-left: 5px; color: #969799; font-size: 10px; text-decoration: line-through } .van-card__num { float: right; color: #969799 } .van-card__tag { position: absolute; top: 2px; left: 0 } .van-card__footer { -webkit-box-flex: 0; -webkit-flex: none; flex: none; text-align: right } .van-card__footer .van-button { margin-left: 5px } .van-cell { position: relative; display: -webkit-box; display: -webkit-flex; display: flex; box-sizing: border-box; width: 100%; padding: 10px 16px; overflow: hidden; color: #323233; font-size: 14px; line-height: 24px; background-color: #fff } .van-cell::after { position: absolute; box-sizing: border-box; content: ' '; pointer-events: none; right: 16px; bottom: 0; left: 16px; border-bottom: 1px solid #ebedf0; -webkit-transform: scaley(.5); transform: scaley(.5) } .van-cell--borderless::after, .van-cell:last-child::after { display: none } .van-cell__label { margin-top: 4px; color: #969799; font-size: 12px; line-height: 18px } .van-cell__title, .van-cell__value { -webkit-box-flex: 1; -webkit-flex: 1; flex: 1 } .van-cell__value { position: relative; overflow: hidden; color: #969799; text-align: right; vertical-align: middle; word-wrap: break-word } .van-cell__value--alone { color: #323233; text-align: left } .van-cell__left-icon, .van-cell__right-icon { height: 24px; font-size: 16px; line-height: 24px } .van-cell__left-icon { margin-right: 4px } .van-cell__right-icon { margin-left: 4px; color: #969799 } .van-cell--clickable { cursor: pointer } .van-cell--clickable:active { background-color: #f2f3f5 } .van-cell--required { overflow: visible } .van-cell--required::before { position: absolute; left: 8px; color: #ee0a24; font-size: 14px; content: '*' } .van-cell--center { -webkit-box-align: center; -webkit-align-items: center; align-items: center } .van-cell--large { padding-top: 12px; padding-bottom: 12px } .van-cell--large .van-cell__title { font-size: 16px } .van-cell--large .van-cell__label { font-size: 14px } .van-coupon-cell__value--selected { color: #323233 } .van-contact-card { padding: 16px } .van-contact-card__value { margin-left: 5px; line-height: 20px } .van-contact-card--add .van-contact-card__value { line-height: 40px } .van-contact-card--add .van-cell__left-icon { color: #1989fa; font-size: 40px } .van-contact-card::before { position: absolute; right: 0; bottom: 0; left: 0; height: 2px; background: -webkit-repeating-linear-gradient(135deg,#ff6c6c 0,#ff6c6c 20%,transparent 0,transparent 25%,#1989fa 0,#1989fa 45%,transparent 0,transparent 50%); background: repeating-linear-gradient(-45deg,#ff6c6c 0,#ff6c6c 20%,transparent 0,transparent 25%,#1989fa 0,#1989fa 45%,transparent 0,transparent 50%); background-size: 80px; content: '' } .van-collapse-item { position: relative } .van-collapse-item--border::after { position: absolute; box-sizing: border-box; content: ' '; pointer-events: none; top: 0; right: 16px; left: 16px; border-top: 1px solid #ebedf0; -webkit-transform: scaley(.5); transform: scaley(.5) } .van-collapse-item__title .van-cell__right-icon::before { -webkit-transform: rotate(90deg) translatez(0); transform: rotate(90deg) translatez(0); -webkit-transition: -webkit-transform .3s; transition: -webkit-transform .3s; transition: transform .3s; transition: transform .3s,-webkit-transform .3s } .van-collapse-item__title::after { right: 16px; display: none } .van-collapse-item__title--expanded .van-cell__right-icon::before { -webkit-transform: rotate(-90deg); 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: #c8c9cc } .van-collapse-item__title--disabled:active { background-color: #fff } .van-collapse-item__wrapper { overflow: hidden; -webkit-transition: height .3s ease-in-out; transition: height .3s ease-in-out; will-change: height } .van-collapse-item__content { padding: 12px 16px; color: #969799; font-size: 14px; line-height: 1.5; background-color: #fff } .van-field__label { -webkit-box-flex: 0; -webkit-flex: none; flex: none; box-sizing: border-box; width: 6.2em; margin-right: 12px; color: #646566; text-align: left; word-wrap: break-word } .van-field__label--center { text-align: center } .van-field__label--right { text-align: right } .van-field--disabled .van-field__label { color: #c8c9cc } .van-field__value { overflow: visible } .van-field__body { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center } .van-field__control { display: block; box-sizing: border-box; width: 100%; min-width: 0; margin: 0; padding: 0; color: #323233; line-height: inherit; text-align: left; background-color: transparent; border: 0; resize: none } .van-field__control::-webkit-input-placeholder { color: #c8c9cc } .van-field__control::placeholder { color: #c8c9cc } .van-field__control:disabled { color: #c8c9cc; cursor: not-allowed; opacity: 1; -webkit-text-fill-color: #c8c9cc } .van-field__control:read-only { cursor: default } .van-field__control--center { -webkit-box-pack: center; -webkit-justify-content: center; justify-content: center; text-align: center } .van-field__control--right { -webkit-box-pack: end; -webkit-justify-content: flex-end; justify-content: flex-end; text-align: right } .van-field__control--custom { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center; min-height: 24px } .van-field__control[type=date], .van-field__control[type=datetime-local], .van-field__control[type=time] { min-height: 24px } .van-field__control[type=search] { -webkit-appearance: none } .van-field__button, .van-field__clear, .van-field__icon, .van-field__right-icon { -webkit-flex-shrink: 0; flex-shrink: 0 } .van-field__clear, .van-field__right-icon { margin-right: -8px; padding: 0 8px; line-height: inherit } .van-field__clear { color: #c8c9cc; font-size: 16px; cursor: pointer } .van-field__left-icon .van-icon, .van-field__right-icon .van-icon { display: block; font-size: 16px; line-height: inherit } .van-field__left-icon { margin-right: 4px } .van-field__right-icon { color: #969799 } .van-field__button { padding-left: 8px } .van-field__error-message { color: #ee0a24; font-size: 12px; 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: 4px; color: #646566; font-size: 12px; line-height: 16px; text-align: right } .van-field--error .van-field__control::-webkit-input-placeholder { color: #ee0a24; -webkit-text-fill-color: currentcolor } .van-field--error .van-field__control, .van-field--error .van-field__control::placeholder { color: #ee0a24; -webkit-text-fill-color: currentcolor } .van-field--min-height .van-field__control { min-height: 60px } .van-search { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center; box-sizing: border-box; padding: 10px 12px; background-color: #fff } .van-search__content { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-flex: 1; -webkit-flex: 1; flex: 1; padding-left: 12px; background-color: #f7f8fa; border-radius: 2px } .van-search__content--round { border-radius: 999px } .van-search__label { padding: 0 5px; color: #323233; font-size: 14px; line-height: 34px } .van-search .van-cell { -webkit-box-flex: 1; -webkit-flex: 1; flex: 1; padding: 5px 8px 5px 0; background-color: transparent } .van-search .van-cell__left-icon { color: #969799 } .van-search--show-action { padding-right: 0 } .van-search input::-webkit-search-cancel-button, .van-search input::-webkit-search-decoration, .van-search input::-webkit-search-results-button, .van-search input::-webkit-search-results-decoration { display: none } .van-search__action { padding: 0 8px; color: #323233; font-size: 14px; line-height: 34px; cursor: pointer; -webkit-user-select: none; user-select: none } .van-search__action:active { background-color: #f2f3f5 } .van-overflow-hidden { overflow: hidden !important } .van-popup { position: fixed; max-height: 100%; overflow-y: auto; background-color: #fff; -webkit-transition: -webkit-transform .3s; transition: -webkit-transform .3s; transition: transform .3s; transition: transform .3s,-webkit-transform .3s; -webkit-overflow-scrolling: touch } .van-popup--center { top: 50%; left: 50%; -webkit-transform: translate3d(-50%,-50%,0); transform: translate3d(-50%,-50%,0) } .van-popup--center.van-popup--round { border-radius: 16px } .van-popup--top { top: 0; left: 0; width: 100% } .van-popup--top.van-popup--round { border-radius: 0 0 16px 16px } .van-popup--right { top: 50%; right: 0; -webkit-transform: translate3d(0,-50%,0); transform: translate3d(0,-50%,0) } .van-popup--right.van-popup--round { border-radius: 16px 0 0 16px } .van-popup--bottom { bottom: 0; left: 0; width: 100% } .van-popup--bottom.van-popup--round { border-radius: 16px 16px 0 0 } .van-popup--left { top: 50%; left: 0; -webkit-transform: translate3d(0,-50%,0); transform: translate3d(0,-50%,0) } .van-popup--left.van-popup--round { border-radius: 0 16px 16px 0 } .van-popup--safe-area-inset-bottom { padding-bottom: constant(safe-area-inset-bottom); padding-bottom: env(safe-area-inset-bottom) } .van-popup-slide-bottom-enter-active, .van-popup-slide-left-enter-active, .van-popup-slide-right-enter-active, .van-popup-slide-top-enter-active { -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out } .van-popup-slide-bottom-leave-active, .van-popup-slide-left-leave-active, .van-popup-slide-right-leave-active, .van-popup-slide-top-leave-active { -webkit-transition-timing-function: ease-in; transition-timing-function: ease-in } .van-popup-slide-top-enter, .van-popup-slide-top-leave-active { -webkit-transform: translate3d(0,-100%,0); transform: translate3d(0,-100%,0) } .van-popup-slide-right-enter, .van-popup-slide-right-leave-active { -webkit-transform: translate3d(100%,-50%,0); transform: translate3d(100%,-50%,0) } .van-popup-slide-bottom-enter, .van-popup-slide-bottom-leave-active { -webkit-transform: translate3d(0,100%,0); transform: translate3d(0,100%,0) } .van-popup-slide-left-enter, .van-popup-slide-left-leave-active { -webkit-transform: translate3d(-100%,-50%,0); transform: translate3d(-100%,-50%,0) } .van-popup__close-icon { position: absolute; z-index: 1; color: #c8c9cc; font-size: 22px; cursor: pointer } .van-popup__close-icon:active { color: #969799 } .van-popup__close-icon--top-left { top: 16px; left: 16px } .van-popup__close-icon--top-right { top: 16px; right: 16px } .van-popup__close-icon--bottom-left { bottom: 16px; left: 16px } .van-popup__close-icon--bottom-right { right: 16px; bottom: 16px } .van-share-sheet__header { padding: 12px 16px 4px; text-align: center } .van-share-sheet__title { margin-top: 8px; color: #323233; font-weight: 400; font-size: 14px; line-height: 20px } .van-share-sheet__description { display: block; margin-top: 8px; color: #969799; font-size: 12px; line-height: 16px } .van-share-sheet__options { position: relative; display: -webkit-box; display: -webkit-flex; display: flex; padding: 16px 0 16px 8px; 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: 16px; border-top: 1px solid #ebedf0; -webkit-transform: scaley(.5); transform: scaley(.5) } .van-share-sheet__options::-webkit-scrollbar { height: 0 } .van-share-sheet__option { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; -webkit-box-align: center; -webkit-align-items: center; align-items: center; cursor: pointer; -webkit-user-select: none; user-select: none } .van-share-sheet__option:active { opacity: .7 } .van-share-sheet__icon { width: 48px; height: 48px; margin: 0 16px } .van-share-sheet__name { margin-top: 8px; padding: 0 4px; color: #646566; font-size: 12px } .van-share-sheet__option-description { padding: 0 4px; color: #c8c9cc; font-size: 12px } .van-share-sheet__cancel { display: block; width: 100%; padding: 0; font-size: 16px; line-height: 48px; text-align: center; background: #fff; border: none; cursor: pointer } .van-share-sheet__cancel::before { display: block; height: 8px; background-color: #f7f8fa; content: ' ' } .van-share-sheet__cancel:active { background-color: #f2f3f5 } .van-popover { position: absolute; overflow: visible; background-color: transparent; -webkit-transition: opacity .15s,-webkit-transform .15s; transition: opacity .15s,-webkit-transform .15s; transition: opacity .15s,transform .15s; transition: opacity .15s,transform .15s,-webkit-transform .15s } .van-popover__wrapper { display: inline-block } .van-popover__arrow { position: absolute; width: 0; height: 0; border-color: transparent; border-style: solid; border-width: 6px } .van-popover__content { overflow: hidden; border-radius: 8px } .van-popover__action { position: relative; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center; box-sizing: border-box; width: 128px; height: 44px; padding: 0 16px; font-size: 14px; line-height: 20px; cursor: pointer } .van-popover__action:last-child .van-popover__action-text::after { display: none } .van-popover__action-text { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-flex: 1; -webkit-flex: 1; flex: 1; -webkit-box-align: center; -webkit-align-items: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; justify-content: center; height: 100% } .van-popover__action-icon { margin-right: 8px; font-size: 20px } .van-popover__action--with-icon .van-popover__action-text { -webkit-box-pack: start; -webkit-justify-content: flex-start; justify-content: flex-start } .van-popover[data-popper-placement^=top] .van-popover__arrow { bottom: 0; border-top-color: currentcolor; border-bottom-width: 0; -webkit-transform: translate(-50%,100%); transform: translate(-50%,100%) } .van-popover[data-popper-placement=top] { -webkit-transform-origin: 50% 100%; transform-origin: 50% 100% } .van-popover[data-popper-placement=top] .van-popover__arrow { left: 50% } .van-popover[data-popper-placement=top-start] { -webkit-transform-origin: 0 100%; transform-origin: 0 100% } .van-popover[data-popper-placement=top-start] .van-popover__arrow { left: 16px } .van-popover[data-popper-placement=top-end] { -webkit-transform-origin: 100% 100%; transform-origin: 100% 100% } .van-popover[data-popper-placement=top-end] .van-popover__arrow { right: 16px } .van-popover[data-popper-placement^=left] .van-popover__arrow { right: 0; border-right-width: 0; border-left-color: currentcolor; -webkit-transform: translate(100%,-50%); transform: translate(100%,-50%) } .van-popover[data-popper-placement=left] { -webkit-transform-origin: 100% 50%; transform-origin: 100% 50% } .van-popover[data-popper-placement=left] .van-popover__arrow { top: 50% } .van-popover[data-popper-placement=left-start] { -webkit-transform-origin: 100% 0; transform-origin: 100% 0 } .van-popover[data-popper-placement=left-start] .van-popover__arrow { top: 16px } .van-popover[data-popper-placement=left-end] { -webkit-transform-origin: 100% 100%; transform-origin: 100% 100% } .van-popover[data-popper-placement=left-end] .van-popover__arrow { bottom: 16px } .van-popover[data-popper-placement^=right] .van-popover__arrow { left: 0; border-right-color: currentcolor; border-left-width: 0; -webkit-transform: translate(-100%,-50%); transform: translate(-100%,-50%) } .van-popover[data-popper-placement=right] { -webkit-transform-origin: 0 50%; transform-origin: 0 50% } .van-popover[data-popper-placement=right] .van-popover__arrow { top: 50% } .van-popover[data-popper-placement=right-start] { -webkit-transform-origin: 0 0; transform-origin: 0 0 } .van-popover[data-popper-placement=right-start] .van-popover__arrow { top: 16px } .van-popover[data-popper-placement=right-end] { -webkit-transform-origin: 0 100%; transform-origin: 0 100% } .van-popover[data-popper-placement=right-end] .van-popover__arrow { bottom: 16px } .van-popover[data-popper-placement^=bottom] .van-popover__arrow { top: 0; border-top-width: 0; border-bottom-color: currentcolor; -webkit-transform: translate(-50%,-100%); transform: translate(-50%,-100%) } .van-popover[data-popper-placement=bottom] { -webkit-transform-origin: 50% 0; transform-origin: 50% 0 } .van-popover[data-popper-placement=bottom] .van-popover__arrow { left: 50% } .van-popover[data-popper-placement=bottom-start] { -webkit-transform-origin: 0 0; transform-origin: 0 0 } .van-popover[data-popper-placement=bottom-start] .van-popover__arrow { left: 16px } .van-popover[data-popper-placement=bottom-end] { -webkit-transform-origin: 100% 0; transform-origin: 100% 0 } .van-popover[data-popper-placement=bottom-end] .van-popover__arrow { right: 16px } .van-popover--light { color: #323233 } .van-popover--light .van-popover__content { background-color: #fff; box-shadow: 0 2px 12px rgba(50,50,51,.12) } .van-popover--light .van-popover__arrow { color: #fff } .van-popover--light .van-popover__action:active { background-color: #f2f3f5 } .van-popover--light .van-popover__action--disabled { color: #c8c9cc; cursor: not-allowed } .van-popover--light .van-popover__action--disabled:active { background-color: transparent } .van-popover--dark { color: #fff } .van-popover--dark .van-popover__content { background-color: #4a4a4a } .van-popover--dark .van-popover__arrow { color: #4a4a4a } .van-popover--dark .van-popover__action:active { background-color: rgba(0,0,0,.2) } .van-popover--dark .van-popover__action--disabled { color: #969799 } .van-popover--dark .van-popover__action--disabled:active { background-color: transparent } .van-popover--dark .van-popover__action-text::after { border-color: #646566 } .van-popover-zoom-enter, .van-popover-zoom-leave-active { -webkit-transform: scale(.8); transform: scale(.8); opacity: 0 } .van-popover-zoom-enter-active { -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out } .van-popover-zoom-leave-active { -webkit-transition-timing-function: ease-in; transition-timing-function: ease-in } .van-notify { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; justify-content: center; box-sizing: border-box; padding: 8px 16px; color: #fff; font-size: 14px; line-height: 20px; white-space: pre-wrap; text-align: center; word-wrap: break-word } .van-notify--primary { background-color: #1989fa } .van-notify--success { background-color: #07c160 } .van-notify--danger { background-color: #ee0a24 } .van-notify--warning { background-color: #ff976a } .van-dropdown-item { position: fixed; right: 0; left: 0; z-index: 10; overflow: hidden } .van-dropdown-item__icon { display: block; line-height: inherit } .van-dropdown-item__option { text-align: left } .van-dropdown-item__option--active { color: #ee0a24 } .van-dropdown-item__option--active .van-dropdown-item__icon { color: #ee0a24 } .van-dropdown-item--up { top: 0 } .van-dropdown-item--down { bottom: 0 } .van-dropdown-item__content { position: absolute; max-height: 80% } .van-loading { position: relative; color: #c8c9cc; font-size: 0; vertical-align: middle } .van-loading__spinner { position: relative; display: inline-block; width: 30px; max-width: 100%; height: 30px; max-height: 100%; vertical-align: middle; -webkit-animation: van-rotate .8s linear infinite; animation: van-rotate .8s linear infinite } .van-loading__spinner--spinner { -webkit-animation-timing-function: steps(12); animation-timing-function: steps(12) } .van-loading__spinner--spinner i { position: absolute; top: 0; left: 0; width: 100%; height: 100% } .van-loading__spinner--spinner i::before { display: block; width: 2px; height: 25%; margin: 0 auto; background-color: currentcolor; border-radius: 40%; content: ' ' } .van-loading__spinner--circular { -webkit-animation-duration: 2s; animation-duration: 2s } .van-loading__circular { display: block; width: 100%; height: 100% } .van-loading__circular circle { -webkit-animation: van-circular 1.5s ease-in-out infinite; 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: 8px; color: #969799; font-size: 14px; vertical-align: middle } .van-loading--vertical { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; -webkit-box-align: center; -webkit-align-items: center; align-items: center } .van-loading--vertical .van-loading__text { margin: 8px 0 0 } @-webkit-keyframes van-circular { 0% { stroke-dasharray: 1,200; stroke-dashoffset: 0 } 50% { stroke-dasharray: 90,150; stroke-dashoffset: -40 } 100% { stroke-dasharray: 90,150; stroke-dashoffset: -120 } } @keyframes van-circular { 0% { stroke-dasharray: 1,200; stroke-dashoffset: 0 } 50% { stroke-dasharray: 90,150; stroke-dashoffset: -40 } 100% { stroke-dasharray: 90,150; stroke-dashoffset: -120 } } .van-loading__spinner--spinner i:nth-of-type(1) { -webkit-transform: rotate(30deg); transform: rotate(30deg); opacity: 1 } .van-loading__spinner--spinner i:nth-of-type(2) { -webkit-transform: rotate(60deg); transform: rotate(60deg); opacity: .9375 } .van-loading__spinner--spinner i:nth-of-type(3) { -webkit-transform: rotate(90deg); transform: rotate(90deg); opacity: .875 } .van-loading__spinner--spinner i:nth-of-type(4) { -webkit-transform: rotate(120deg); transform: rotate(120deg); opacity: .8125 } .van-loading__spinner--spinner i:nth-of-type(5) { -webkit-transform: rotate(150deg); transform: rotate(150deg); opacity: .75 } .van-loading__spinner--spinner i:nth-of-type(6) { -webkit-transform: rotate(180deg); transform: rotate(180deg); opacity: .6875 } .van-loading__spinner--spinner i:nth-of-type(7) { -webkit-transform: rotate(210deg); transform: rotate(210deg); opacity: .625 } .van-loading__spinner--spinner i:nth-of-type(8) { -webkit-transform: rotate(240deg); transform: rotate(240deg); opacity: .5625 } .van-loading__spinner--spinner i:nth-of-type(9) { -webkit-transform: rotate(270deg); transform: rotate(270deg); opacity: .5 } .van-loading__spinner--spinner i:nth-of-type(10) { -webkit-transform: rotate(300deg); transform: rotate(300deg); opacity: .4375 } .van-loading__spinner--spinner i:nth-of-type(11) { -webkit-transform: rotate(330deg); transform: rotate(330deg); opacity: .375 } .van-loading__spinner--spinner i:nth-of-type(12) { -webkit-transform: rotate(360deg); transform: rotate(360deg); opacity: .3125 } .van-pull-refresh { overflow: hidden; -webkit-user-select: none; user-select: none } .van-pull-refresh__track { position: relative; height: 100%; -webkit-transition-property: -webkit-transform; transition-property: -webkit-transform; transition-property: transform; transition-property: transform,-webkit-transform } .van-pull-refresh__head { position: absolute; left: 0; width: 100%; height: 50px; overflow: hidden; color: #969799; font-size: 14px; line-height: 50px; text-align: center; -webkit-transform: translatey(-100%); transform: translatey(-100%) } .van-number-keyboard { position: fixed; bottom: 0; left: 0; z-index: 100; width: 100%; padding-bottom: 22px; background-color: #f2f3f5; -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: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; justify-content: center; box-sizing: content-box; height: 34px; padding-top: 6px; color: #646566; font-size: 16px } .van-number-keyboard__title { display: inline-block; font-weight: 400 } .van-number-keyboard__title-left { position: absolute; left: 0 } .van-number-keyboard__body { display: -webkit-box; display: -webkit-flex; display: flex; padding: 6px 0 0 6px } .van-number-keyboard__keys { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-flex: 3; -webkit-flex: 3; flex: 3; -webkit-flex-wrap: wrap; flex-wrap: wrap } .van-number-keyboard__close { position: absolute; right: 0; height: 100%; padding: 0 16px; color: #576b95; font-size: 14px; background-color: transparent; border: none; cursor: pointer } .van-number-keyboard__close:active { opacity: .7 } .van-number-keyboard__sidebar { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-flex: 1; -webkit-flex: 1; flex: 1; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column } .van-number-keyboard--unfit { padding-bottom: 0 } .van-key { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; justify-content: center; height: 48px; font-size: 28px; line-height: 1.5; background-color: #fff; border-radius: 8px; 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: 16px } .van-key--active { background-color: #ebedf0 } .van-key--blue { color: #fff; background-color: #1989fa } .van-key--blue.van-key--active { background-color: #0570db } .van-key__wrapper { position: relative; -webkit-box-flex: 1; -webkit-flex: 1; flex: 1; -webkit-flex-basis: 33%; flex-basis: 33%; box-sizing: border-box; padding: 0 6px 6px 0 } .van-key__wrapper--wider { -webkit-flex-basis: 66%; flex-basis: 66% } .van-key__delete-icon { width: 32px; height: 22px } .van-key__collapse-icon { width: 30px; height: 24px } .van-key__loading-icon { color: #fff } .van-list__error-text, .van-list__finished-text, .van-list__loading { color: #969799; font-size: 14px; line-height: 50px; text-align: center } .van-list__placeholder { height: 0; pointer-events: none } .van-switch { position: relative; display: inline-block; box-sizing: content-box; width: 2em; height: 1em; font-size: 30px; background-color: #fff; border: 1px solid rgba(0,0,0,.1); border-radius: 1em; cursor: pointer; -webkit-transition: background-color .3s; transition: background-color .3s } .van-switch__node { position: absolute; top: 0; left: 0; width: 1em; height: 1em; background-color: #fff; border-radius: 100%; box-shadow: 0 3px 1px 0 rgba(0,0,0,.05),0 2px 2px 0 rgba(0,0,0,.1),0 3px 3px 0 rgba(0,0,0,.05); -webkit-transition: -webkit-transform .3s cubic-bezier(.3,1.05,.4,1.05); transition: -webkit-transform .3s cubic-bezier(.3,1.05,.4,1.05); transition: transform .3s cubic-bezier(.3,1.05,.4,1.05); transition: transform .3s cubic-bezier(.3,1.05,.4,1.05),-webkit-transform .3s cubic-bezier(.3,1.05,.4,1.05) } .van-switch__loading { top: 25%; left: 25%; width: 50%; height: 50%; line-height: 1 } .van-switch--on { background-color: #1989fa } .van-switch--on .van-switch__node { -webkit-transform: translatex(1em); transform: translatex(1em) } .van-switch--on .van-switch__loading { color: #1989fa } .van-switch--disabled { cursor: not-allowed; opacity: .5 } .van-switch--loading { cursor: default } .van-switch-cell { padding-top: 9px; padding-bottom: 9px } .van-switch-cell--large { padding-top: 11px; padding-bottom: 11px } .van-switch-cell .van-switch { float: right } .van-button { position: relative; display: inline-block; box-sizing: border-box; height: 44px; margin: 0; padding: 0; font-size: 16px; line-height: 1.2; text-align: center; border-radius: 2px; cursor: pointer; -webkit-transition: opacity .2s; transition: opacity .2s; -webkit-appearance: none } .van-button::before { position: absolute; top: 50%; left: 50%; width: 100%; height: 100%; background-color: #000; border: inherit; border-color: #000; border-radius: inherit; -webkit-transform: translate(-50%,-50%); transform: translate(-50%,-50%); opacity: 0; content: ' ' } .van-button:active::before { opacity: .1 } .van-button--disabled::before, .van-button--loading::before { display: none } .van-button--default { color: #323233; background-color: #fff; border: 1px solid #ebedf0 } .van-button--primary { color: #fff; background-color: #07c160; border: 1px solid #07c160 } .van-button--info { color: #fff; background-color: #1989fa; border: 1px solid #1989fa } .van-button--danger { color: #fff; background-color: #ee0a24; border: 1px solid #ee0a24 } .van-button--warning { color: #fff; background-color: #ff976a; border: 1px solid #ff976a } .van-button--plain { background-color: #fff } .van-button--plain.van-button--primary { color: #07c160 } .van-button--plain.van-button--info { color: #1989fa } .van-button--plain.van-button--danger { color: #ee0a24 } .van-button--plain.van-button--warning { color: #ff976a } .van-button--large { width: 100%; height: 50px } .van-button--normal { padding: 0 15px; font-size: 14px } .van-button--small { height: 32px; padding: 0 8px; font-size: 12px } .van-button__loading { color: inherit; font-size: inherit } .van-button--mini { height: 24px; padding: 0 4px; font-size: 10px } .van-button--mini .van-button--mini { margin-left: 4px } .van-button--block { display: block; width: 100% } .van-button--disabled { cursor: not-allowed; opacity: .5 } .van-button--loading { cursor: default } .van-button--round { border-radius: 999px } .van-button--square { border-radius: 0 } .van-button__content { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; justify-content: center; height: 100% } .van-button__content::before { content: ' ' } .van-button__icon { font-size: 1.2em; 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: 4px } .van-button--hairline { border-width: 0 } .van-button--hairline::after { border-color: inherit; border-radius: 4px } .van-button--hairline.van-button--round::after { border-radius: 999px } .van-button--hairline.van-button--square::after { border-radius: 0 } .van-submit-bar { position: fixed; bottom: 0; left: 0; z-index: 100; width: 100%; padding-bottom: constant(safe-area-inset-bottom); padding-bottom: env(safe-area-inset-bottom); background-color: #fff; -webkit-user-select: none; user-select: none } .van-submit-bar__tip { padding: 8px 12px; color: #f56723; font-size: 12px; line-height: 1.5; background-color: #fff7cc } .van-submit-bar__tip-icon { min-width: 18px; font-size: 12px; vertical-align: middle } .van-submit-bar__tip-text { vertical-align: middle } .van-submit-bar__bar { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center; -webkit-box-pack: end; -webkit-justify-content: flex-end; justify-content: flex-end; height: 50px; padding: 0 16px; font-size: 14px } .van-submit-bar__text { -webkit-box-flex: 1; -webkit-flex: 1; flex: 1; padding-right: 12px; color: #323233; text-align: right } .van-submit-bar__text span { display: inline-block } .van-submit-bar__suffix-label { margin-left: 5px; font-weight: 500 } .van-submit-bar__price { color: #ee0a24; font-weight: 500; font-size: 12px } .van-submit-bar__price--integer { font-size: 20px; font-family: avenir-heavy,pingfang sc,helvetica neue,arial,sans-serif } .van-submit-bar__button { width: 110px; height: 40px; font-weight: 500; border: none } .van-submit-bar__button--danger { background: -webkit-linear-gradient(left,#ff6034,#ee0a24); background: linear-gradient(to right,#ff6034,#ee0a24) } .van-submit-bar--unfit { padding-bottom: 0 } .van-goods-action-button { -webkit-box-flex: 1; -webkit-flex: 1; flex: 1; height: 40px; font-weight: 500; font-size: 14px; border: none; border-radius: 0 } .van-goods-action-button--first { margin-left: 5px; border-top-left-radius: 999px; border-bottom-left-radius: 999px } .van-goods-action-button--last { margin-right: 5px; border-top-right-radius: 999px; border-bottom-right-radius: 999px } .van-goods-action-button--warning { background: -webkit-linear-gradient(left,#ffd01e,#ff8917); background: linear-gradient(to right,#ffd01e,#ff8917) } .van-goods-action-button--danger { background: -webkit-linear-gradient(left,#ff6034,#ee0a24); background: linear-gradient(to right,#ff6034,#ee0a24) } @media (max-width:321px) { .van-goods-action-button { font-size: 13px } } .van-toast { position: fixed; top: 50%; left: 50%; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; -webkit-box-align: center; -webkit-align-items: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; justify-content: center; box-sizing: content-box; width: 88px; max-width: 70%; min-height: 88px; padding: 16px; color: #fff; font-size: 14px; line-height: 20px; white-space: pre-wrap; text-align: center; word-wrap: break-word; background-color: rgba(0,0,0,.7); border-radius: 8px; -webkit-transform: translate3d(-50%,-50%,0); transform: translate3d(-50%,-50%,0) } .van-toast--unclickable { overflow: hidden } .van-toast--unclickable * { pointer-events: none } .van-toast--html, .van-toast--text { width: -webkit-fit-content; width: fit-content; min-width: 96px; min-height: 0; padding: 8px 12px } .van-toast--html .van-toast__text, .van-toast--text .van-toast__text { margin-top: 0 } .van-toast--top { top: 20% } .van-toast--bottom { top: auto; bottom: 20% } .van-toast__icon { font-size: 36px } .van-toast__loading { padding: 4px; color: #fff } .van-toast__text { margin-top: 8px } .van-calendar { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; height: 100%; background-color: #fff } .van-calendar__popup.van-popup--bottom, .van-calendar__popup.van-popup--top { height: 80% } .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 { -webkit-flex-shrink: 0; flex-shrink: 0; box-shadow: 0 2px 10px rgba(125,126,128,.16) } .van-calendar__header-subtitle, .van-calendar__header-title, .van-calendar__month-title { height: 44px; font-weight: 500; line-height: 44px; text-align: center } .van-calendar__header-title { font-size: 16px } .van-calendar__header-subtitle { font-size: 14px } .van-calendar__month-title { font-size: 14px } .van-calendar__weekdays { display: -webkit-box; display: -webkit-flex; display: flex } .van-calendar__weekday { -webkit-box-flex: 1; -webkit-flex: 1; flex: 1; font-size: 12px; line-height: 30px; text-align: center } .van-calendar__body { -webkit-box-flex: 1; -webkit-flex: 1; flex: 1; overflow: auto; -webkit-overflow-scrolling: touch } .van-calendar__days { position: relative; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-user-select: none; user-select: none } .van-calendar__month-mark { position: absolute; top: 50%; left: 50%; z-index: 0; color: rgba(242,243,245,.8); font-size: 160px; -webkit-transform: translate(-50%,-50%); transform: translate(-50%,-50%); pointer-events: none } .van-calendar__day, .van-calendar__selected-day { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; justify-content: center; text-align: center } .van-calendar__day { position: relative; width: 14.285%; height: 64px; font-size: 16px; cursor: pointer } .van-calendar__day--end, .van-calendar__day--multiple-middle, .van-calendar__day--multiple-selected, .van-calendar__day--start, .van-calendar__day--start-end { color: #fff; background-color: #ee0a24 } .van-calendar__day--start { border-radius: 4px 0 0 4px } .van-calendar__day--end { border-radius: 0 4px 4px 0 } .van-calendar__day--multiple-selected, .van-calendar__day--start-end { border-radius: 4px } .van-calendar__day--middle { color: #ee0a24 } .van-calendar__day--middle::after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-color: currentcolor; opacity: .1; content: '' } .van-calendar__day--disabled { color: #c8c9cc; cursor: default } .van-calendar__bottom-info, .van-calendar__top-info { position: absolute; right: 0; left: 0; font-size: 10px; line-height: 14px } @media (max-width:350px) { .van-calendar__bottom-info, .van-calendar__top-info { font-size: 9px } } .van-calendar__top-info { top: 6px } .van-calendar__bottom-info { bottom: 6px } .van-calendar__selected-day { width: 54px; height: 54px; color: #fff; background-color: #ee0a24; border-radius: 4px } .van-calendar__footer { -webkit-flex-shrink: 0; flex-shrink: 0; padding: 0 16px; padding-bottom: constant(safe-area-inset-bottom); padding-bottom: env(safe-area-inset-bottom) } .van-calendar__footer--unfit { padding-bottom: 0 } .van-calendar__confirm { height: 36px; margin: 7px 0 } .van-picker { position: relative; background-color: #fff; -webkit-user-select: none; user-select: none } .van-picker__toolbar { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center; -webkit-box-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; height: 44px } .van-picker__cancel, .van-picker__confirm { height: 100%; padding: 0 16px; font-size: 14px; background-color: transparent; border: none; cursor: pointer } .van-picker__cancel:active, .van-picker__confirm:active { opacity: .7 } .van-picker__confirm { color: #576b95 } .van-picker__cancel { color: #969799 } .van-picker__title { max-width: 50%; font-weight: 500; font-size: 16px; line-height: 20px; text-align: center } .van-picker__columns { position: relative; display: -webkit-box; display: -webkit-flex; display: flex; cursor: grab } .van-picker__loading { position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 3; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; justify-content: center; color: #1989fa; background-color: rgba(255,255,255,.9) } .van-picker__frame { position: absolute; top: 50%; right: 16px; left: 16px; z-index: 2; -webkit-transform: translatey(-50%); transform: translatey(-50%); pointer-events: none } .van-picker__mask { position: absolute; top: 0; left: 0; z-index: 1; width: 100%; height: 100%; background-image: -webkit-linear-gradient(top,hsla(0,0%,100%,.9),hsla(0,0%,100%,.4)),-webkit-linear-gradient(bottom,hsla(0,0%,100%,.9),hsla(0,0%,100%,.4)); background-image: linear-gradient(180deg,hsla(0,0%,100%,.9),hsla(0,0%,100%,.4)),linear-gradient(0deg,hsla(0,0%,100%,.9),hsla(0,0%,100%,.4)); background-repeat: no-repeat; background-position: top,bottom; -webkit-transform: translatez(0); transform: translatez(0); pointer-events: none } .van-picker-column { -webkit-box-flex: 1; -webkit-flex: 1; flex: 1; overflow: hidden; font-size: 16px } .van-picker-column__wrapper { -webkit-transition-timing-function: cubic-bezier(.23,1,.68,1); transition-timing-function: cubic-bezier(.23,1,.68,1) } .van-picker-column__item { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; justify-content: center; padding: 0 4px; color: #000 } .van-picker-column__item--disabled { cursor: not-allowed; opacity: .3 } .van-action-sheet { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; max-height: 80%; overflow: hidden; color: #323233 } .van-action-sheet__content { -webkit-box-flex: 1; -webkit-flex: 1 auto; flex: 1 auto; overflow-y: auto; -webkit-overflow-scrolling: touch } .van-action-sheet__cancel, .van-action-sheet__item { display: block; width: 100%; padding: 14px 16px; font-size: 16px; background-color: #fff; border: none; cursor: pointer } .van-action-sheet__cancel:active, .van-action-sheet__item:active { background-color: #f2f3f5 } .van-action-sheet__item { line-height: 22px } .van-action-sheet__item--disabled, .van-action-sheet__item--loading { color: #c8c9cc } .van-action-sheet__item--disabled:active, .van-action-sheet__item--loading:active { background-color: #fff } .van-action-sheet__item--disabled { cursor: not-allowed } .van-action-sheet__item--loading { cursor: default } .van-action-sheet__cancel { -webkit-flex-shrink: 0; flex-shrink: 0; box-sizing: border-box; color: #646566 } .van-action-sheet__subname { margin-top: 8px; color: #969799; font-size: 12px; line-height: 18px } .van-action-sheet__gap { display: block; height: 8px; background-color: #f7f8fa } .van-action-sheet__header { -webkit-flex-shrink: 0; flex-shrink: 0; font-weight: 500; font-size: 16px; line-height: 48px; text-align: center } .van-action-sheet__description { position: relative; -webkit-flex-shrink: 0; flex-shrink: 0; padding: 20px 16px; color: #969799; font-size: 14px; line-height: 20px; text-align: center } .van-action-sheet__description::after { position: absolute; box-sizing: border-box; content: ' '; pointer-events: none; right: 16px; bottom: 0; left: 16px; border-bottom: 1px solid #ebedf0; -webkit-transform: scaley(.5); transform: scaley(.5) } .van-action-sheet__loading-icon .van-loading__spinner { width: 22px; height: 22px } .van-action-sheet__close { position: absolute; top: 0; right: 0; padding: 0 16px; color: #c8c9cc; font-size: 22px; line-height: inherit } .van-action-sheet__close:active { color: #969799 } .van-goods-action { position: fixed; right: 0; bottom: 0; left: 0; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center; box-sizing: content-box; height: 50px; padding-bottom: constant(safe-area-inset-bottom); padding-bottom: env(safe-area-inset-bottom); background-color: #fff } .van-goods-action--unfit { padding-bottom: 0 } .van-dialog { position: fixed; top: 45%; left: 50%; width: 320px; overflow: hidden; font-size: 16px; background-color: #fff; border-radius: 16px; -webkit-transform: translate3d(-50%,-50%,0); transform: translate3d(-50%,-50%,0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-transition: .3s; transition: .3s; -webkit-transition-property: opacity,-webkit-transform; transition-property: opacity,-webkit-transform; transition-property: transform,opacity; transition-property: transform,opacity,-webkit-transform } @media (max-width:321px) { .van-dialog { width: 90% } } .van-dialog__header { padding-top: 26px; font-weight: 500; line-height: 24px; text-align: center } .van-dialog__header--isolated { padding: 24px 0 } .van-dialog__content--isolated { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center; min-height: 104px } .van-dialog__message { -webkit-box-flex: 1; -webkit-flex: 1; flex: 1; max-height: 60vh; padding: 26px 24px; overflow-y: auto; font-size: 14px; line-height: 20px; white-space: pre-wrap; text-align: center; word-wrap: break-word; -webkit-overflow-scrolling: touch } .van-dialog__message--has-title { padding-top: 8px; color: #646566 } .van-dialog__message--left { text-align: left } .van-dialog__message--right { text-align: right } .van-dialog__footer { display: -webkit-box; display: -webkit-flex; display: flex; overflow: hidden; -webkit-user-select: none; user-select: none } .van-dialog__cancel, .van-dialog__confirm { -webkit-box-flex: 1; -webkit-flex: 1; flex: 1; height: 48px; margin: 0; border: 0 } .van-dialog__confirm, .van-dialog__confirm:active { color: #ee0a24 } .van-dialog--round-button .van-dialog__footer { position: relative; height: auto; padding: 8px 24px 16px } .van-dialog--round-button .van-dialog__message { padding-bottom: 16px; color: #323233 } .van-dialog--round-button .van-dialog__cancel, .van-dialog--round-button .van-dialog__confirm { height: 36px } .van-dialog--round-button .van-dialog__confirm { color: #fff } .van-dialog-bounce-enter { -webkit-transform: translate3d(-50%,-50%,0) scale(.7); transform: translate3d(-50%,-50%,0) scale(.7); opacity: 0 } .van-dialog-bounce-leave-active { -webkit-transform: translate3d(-50%,-50%,0) scale(.9); transform: translate3d(-50%,-50%,0) scale(.9); opacity: 0 } .van-contact-edit { padding: 16px } .van-contact-edit__fields { overflow: hidden; border-radius: 4px } .van-contact-edit__fields .van-field__label { width: 4.1em } .van-contact-edit__switch-cell { margin-top: 10px; padding-top: 9px; padding-bottom: 9px; border-radius: 4px } .van-contact-edit__buttons { padding: 32px 0 } .van-contact-edit .van-button { margin-bottom: 12px; font-size: 16px } .van-address-edit { padding: 12px } .van-address-edit__fields { overflow: hidden; border-radius: 8px } .van-address-edit__fields .van-field__label { width: 4.1em } .van-address-edit__default { margin-top: 12px; overflow: hidden; border-radius: 8px } .van-address-edit__buttons { padding: 32px 4px } .van-address-edit__buttons .van-button { margin-bottom: 12px } .van-address-edit-detail { padding: 0 } .van-address-edit-detail__search-item { background-color: #f2f3f5 } .van-address-edit-detail__keyword { color: #ee0a24 } .van-address-edit-detail__finish { color: #1989fa; font-size: 12px } .van-radio-group--horizontal { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap } .van-contact-list { box-sizing: border-box; height: 100%; padding-bottom: 80px } .van-contact-list__item { padding: 16px } .van-contact-list__item-value { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center; padding-right: 32px; padding-left: 8px } .van-contact-list__item-tag { -webkit-box-flex: 0; -webkit-flex: none; flex: none; margin-left: 8px; 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: 16px } .van-contact-list__bottom { position: fixed; right: 0; bottom: 0; left: 0; z-index: 999; padding: 0 16px; padding-bottom: constant(safe-area-inset-bottom); padding-bottom: env(safe-area-inset-bottom); background-color: #fff } .van-contact-list__add { height: 40px; margin: 5px 0 } .van-address-list { box-sizing: border-box; height: 100%; padding: 12px 12px 80px } .van-address-list__bottom { position: fixed; bottom: 0; left: 0; z-index: 999; box-sizing: border-box; width: 100%; padding: 0 16px; padding-bottom: constant(safe-area-inset-bottom); padding-bottom: env(safe-area-inset-bottom); background-color: #fff } .van-address-list__add { height: 40px; margin: 5px 0 } .van-address-list__disabled-text { padding: 20px 0 16px; color: #969799; font-size: 14px; line-height: 20px } .van-address-item { padding: 12px; background-color: #fff; border-radius: 8px } .van-address-item:not(:last-child) { margin-bottom: 12px } .van-address-item__value { padding-right: 44px } .van-address-item__name { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center; margin-bottom: 8px; font-size: 16px; line-height: 22px } .van-address-item__tag { -webkit-box-flex: 0; -webkit-flex: none; flex: none; margin-left: 8px; padding-top: 0; padding-bottom: 0; line-height: 1.4em } .van-address-item__address { color: #323233; font-size: 13px; line-height: 18px } .van-address-item--disabled .van-address-item__address, .van-address-item--disabled .van-address-item__name { color: #c8c9cc } .van-address-item__edit { position: absolute; top: 50%; right: 16px; color: #969799; font-size: 20px; -webkit-transform: translate(0,-50%); transform: translate(0,-50%) } .van-address-item .van-cell { padding: 0 } .van-address-item .van-radio__label { margin-left: 12px } .van-address-item .van-radio__icon--checked .van-icon { background-color: #ee0a24; border-color: #ee0a24 } .van-badge { display: inline-block; box-sizing: border-box; min-width: 16px; padding: 0 3px; color: #fff; font-weight: 500; font-size: 12px; font-family: -apple-system-font,helvetica neue,arial,sans-serif; line-height: 1.2; text-align: center; background-color: #ee0a24; border: 1px solid #fff; border-radius: 999px } .van-badge--fixed { position: absolute; top: 0; right: 0; -webkit-transform: translate(50%,-50%); transform: translate(50%,-50%); -webkit-transform-origin: 100%; transform-origin: 100% } .van-badge--dot { width: 8px; min-width: 0; height: 8px; background-color: #ee0a24; border-radius: 100% } .van-badge__wrapper { position: relative; display: inline-block } .van-tab__pane, .van-tab__pane-wrapper { -webkit-flex-shrink: 0; flex-shrink: 0; box-sizing: border-box; width: 100% } .van-tab__pane-wrapper--inactive { height: 0; overflow: visible } .van-sticky--fixed { position: fixed; top: 0; right: 0; left: 0; z-index: 99 } .van-tab { position: relative; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-flex: 1; -webkit-flex: 1; flex: 1; -webkit-box-align: center; -webkit-align-items: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; justify-content: center; box-sizing: border-box; padding: 0 4px; color: #646566; font-size: 14px; line-height: 20px; cursor: pointer } .van-tab--active { color: #323233; font-weight: 500 } .van-tab--disabled { color: #c8c9cc; cursor: not-allowed } .van-tab__text--ellipsis { display: -webkit-box; overflow: hidden; -webkit-line-clamp: 1; -webkit-box-orient: vertical } .van-tab__text-wrapper { position: relative } .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__wrap--scrollable .van-tab { -webkit-box-flex: 1; -webkit-flex: 1 0 auto; flex: 1 0 auto; padding: 0 12px } .van-tabs__wrap--scrollable .van-tabs__nav { overflow-x: auto; overflow-y: hidden; -webkit-overflow-scrolling: touch } .van-tabs__wrap--scrollable .van-tabs__nav::-webkit-scrollbar { display: none } .van-tabs__nav { position: relative; display: -webkit-box; display: -webkit-flex; display: flex; background-color: #fff; -webkit-user-select: none; user-select: none } .van-tabs__nav--line { box-sizing: content-box; height: 100%; padding-bottom: 15px } .van-tabs__nav--complete { padding-right: 8px; padding-left: 8px } .van-tabs__nav--card { box-sizing: border-box; height: 30px; margin: 0 16px; border: 1px solid #ee0a24; border-radius: 2px } .van-tabs__nav--card .van-tab { color: #ee0a24; border-right: 1px solid #ee0a24 } .van-tabs__nav--card .van-tab:last-child { border-right: none } .van-tabs__nav--card .van-tab.van-tab--active { color: #fff; background-color: #ee0a24 } .van-tabs__nav--card .van-tab--disabled { color: #c8c9cc } .van-tabs__line { position: absolute; bottom: 15px; left: 0; z-index: 1; width: 40px; height: 3px; background-color: #ee0a24; border-radius: 3px } .van-tabs__track { position: relative; display: -webkit-box; display: -webkit-flex; display: flex; width: 100%; height: 100%; will-change: left } .van-tabs__content--animated { overflow: hidden } .van-tabs--line .van-tabs__wrap { height: 44px } .van-tabs--card > .van-tabs__wrap { height: 30px } .van-coupon-list { position: relative; height: 100%; background-color: #f7f8fa } .van-coupon-list__field { padding: 5px 0 5px 16px } .van-coupon-list__field .van-field__body { height: 34px; padding-left: 12px; line-height: 34px; background: #f7f8fa; border-radius: 17px } .van-coupon-list__field .van-field__body::-webkit-input-placeholder { color: #c8c9cc } .van-coupon-list__field .van-field__body::placeholder { color: #c8c9cc } .van-coupon-list__field .van-field__clear { margin-right: 0 } .van-coupon-list__exchange-bar { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center; background-color: #fff } .van-coupon-list__exchange { -webkit-box-flex: 0; -webkit-flex: none; flex: none; height: 32px; font-size: 16px; line-height: 30px; border: 0 } .van-coupon-list .van-tabs__wrap { box-shadow: 0 6px 12px -12px #969799 } .van-coupon-list__list { box-sizing: border-box; padding: 16px 0 24px; overflow-y: auto; -webkit-overflow-scrolling: touch } .van-coupon-list__list--with-bottom { padding-bottom: 66px } .van-coupon-list__bottom { position: absolute; bottom: 0; left: 0; z-index: 999; box-sizing: border-box; width: 100%; padding: 5px 16px; font-weight: 500; background-color: #fff } .van-coupon-list__close { height: 40px } .van-coupon-list__empty { padding-top: 60px; text-align: center } .van-coupon-list__empty p { margin: 16px 0; color: #969799; font-size: 14px; line-height: 20px } .van-coupon-list__empty img { width: 200px; height: 200px } .van-cascader__header { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center; -webkit-box-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; height: 48px; padding: 0 16px } .van-cascader__title { font-weight: 500; font-size: 16px; line-height: 20px } .van-cascader__close-icon { color: #c8c9cc; font-size: 22px } .van-cascader__close-icon:active { color: #969799 } .van-cascader__tabs .van-tab { -webkit-box-flex: 0; -webkit-flex: none; flex: none; padding: 0 10px } .van-cascader__tabs.van-tabs--line .van-tabs__wrap { height: 48px } .van-cascader__tabs .van-tabs__nav--complete { padding-right: 6px; padding-left: 6px } .van-cascader__tab { color: #323233; font-weight: 500 } .van-cascader__tab--unselected { color: #969799; font-weight: 400 } .van-cascader__option { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center; -webkit-box-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; padding: 10px 16px; font-size: 14px; line-height: 20px } .van-cascader__option:active { background-color: #f2f3f5 } .van-cascader__option--selected { color: #ee0a24; font-weight: 500 } .van-cascader__selected-icon { font-size: 18px } .van-cascader__options { box-sizing: border-box; height: 384px; padding-top: 6px; overflow-y: auto; -webkit-overflow-scrolling: touch } .van-cell-group { background-color: #fff } .van-cell-group__title { padding: 16px 16px 8px; color: #969799; font-size: 14px; line-height: 16px } .van-panel { background: #fff } .van-panel__header-value { color: #ee0a24 } .van-panel__footer { padding: 8px 16px } .van-checkbox-group--horizontal { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap } .van-circle { position: relative; display: inline-block; width: 100px; height: 100px; text-align: center } .van-circle svg { position: absolute; top: 0; left: 0; width: 100%; height: 100% } .van-circle__layer { stroke: #fff } .van-circle__hover { fill: none; stroke: #1989fa; stroke-linecap: round } .van-circle__text { position: absolute; top: 50%; left: 0; box-sizing: border-box; width: 100%; padding: 0 4px; color: #323233; font-weight: 500; font-size: 14px; line-height: 20px; -webkit-transform: translatey(-50%); transform: translatey(-50%) } .van-col { float: left; box-sizing: border-box; min-height: 1px } .van-col--1 { width: 4.16666667% } .van-col--offset-1 { margin-left: 4.16666667% } .van-col--2 { width: 8.33333333% } .van-col--offset-2 { margin-left: 8.33333333% } .van-col--3 { width: 12.5% } .van-col--offset-3 { margin-left: 12.5% } .van-col--4 { width: 16.66666667% } .van-col--offset-4 { margin-left: 16.66666667% } .van-col--5 { width: 20.83333333% } .van-col--offset-5 { margin-left: 20.83333333% } .van-col--6 { width: 25% } .van-col--offset-6 { margin-left: 25% } .van-col--7 { width: 29.16666667% } .van-col--offset-7 { margin-left: 29.16666667% } .van-col--8 { width: 33.33333333% } .van-col--offset-8 { margin-left: 33.33333333% } .van-col--9 { width: 37.5% } .van-col--offset-9 { margin-left: 37.5% } .van-col--10 { width: 41.66666667% } .van-col--offset-10 { margin-left: 41.66666667% } .van-col--11 { width: 45.83333333% } .van-col--offset-11 { margin-left: 45.83333333% } .van-col--12 { width: 50% } .van-col--offset-12 { margin-left: 50% } .van-col--13 { width: 54.16666667% } .van-col--offset-13 { margin-left: 54.16666667% } .van-col--14 { width: 58.33333333% } .van-col--offset-14 { margin-left: 58.33333333% } .van-col--15 { width: 62.5% } .van-col--offset-15 { margin-left: 62.5% } .van-col--16 { width: 66.66666667% } .van-col--offset-16 { margin-left: 66.66666667% } .van-col--17 { width: 70.83333333% } .van-col--offset-17 { margin-left: 70.83333333% } .van-col--18 { width: 75% } .van-col--offset-18 { margin-left: 75% } .van-col--19 { width: 79.16666667% } .van-col--offset-19 { margin-left: 79.16666667% } .van-col--20 { width: 83.33333333% } .van-col--offset-20 { margin-left: 83.33333333% } .van-col--21 { width: 87.5% } .van-col--offset-21 { margin-left: 87.5% } .van-col--22 { width: 91.66666667% } .van-col--offset-22 { margin-left: 91.66666667% } .van-col--23 { width: 95.83333333% } .van-col--offset-23 { margin-left: 95.83333333% } .van-col--24 { width: 100% } .van-col--offset-24 { margin-left: 100% } .van-count-down { color: #323233; font-size: 14px; line-height: 20px } .van-divider { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center; margin: 16px 0; color: #969799; font-size: 14px; line-height: 24px; border-color: #ebedf0; border-style: solid; border-width: 0 } .van-divider::after, .van-divider::before { display: block; -webkit-box-flex: 1; -webkit-flex: 1; flex: 1; box-sizing: border-box; height: 1px; border-color: inherit; border-style: inherit; border-width: 1px 0 0 } .van-divider::before { content: '' } .van-divider--hairline::after, .van-divider--hairline::before { -webkit-transform: scaley(.5); transform: scaley(.5) } .van-divider--dashed { border-style: dashed } .van-divider--content-center::before, .van-divider--content-left::before, .van-divider--content-right::before { margin-right: 16px } .van-divider--content-center::after, .van-divider--content-left::after, .van-divider--content-right::after { margin-left: 16px; content: '' } .van-divider--content-left::before { max-width: 10% } .van-divider--content-right::after { max-width: 10% } .van-dropdown-menu { -webkit-user-select: none; user-select: none } .van-dropdown-menu__bar { position: relative; display: -webkit-box; display: -webkit-flex; display: flex; height: 48px; background-color: #fff; box-shadow: 0 2px 12px rgba(100,101,102,.12) } .van-dropdown-menu__bar--opened { z-index: 11 } .van-dropdown-menu__item { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-flex: 1; -webkit-flex: 1; flex: 1; -webkit-box-align: center; -webkit-align-items: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; justify-content: center; min-width: 0; cursor: pointer } .van-dropdown-menu__item:active { opacity: .7 } .van-dropdown-menu__item--disabled:active { opacity: 1 } .van-dropdown-menu__item--disabled .van-dropdown-menu__title { color: #969799 } .van-dropdown-menu__title { position: relative; box-sizing: border-box; max-width: 100%; padding: 0 8px; color: #323233; font-size: 15px; line-height: 22px } .van-dropdown-menu__title::after { position: absolute; top: 50%; right: -4px; margin-top: -5px; border: 3px solid; border-color: transparent transparent #dcdee0 #dcdee0; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); opacity: .8; content: '' } .van-dropdown-menu__title--active { color: #ee0a24 } .van-dropdown-menu__title--active::after { border-color: transparent transparent currentcolor currentcolor } .van-dropdown-menu__title--down::after { margin-top: -1px; -webkit-transform: rotate(135deg); transform: rotate(135deg) } .van-empty { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; -webkit-box-align: center; -webkit-align-items: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; justify-content: center; box-sizing: border-box; padding: 32px 0 } .van-empty__image { width: 160px; height: 160px } .van-empty__image img { width: 100%; height: 100% } .van-empty__description { margin-top: 16px; padding: 0 60px; color: #969799; font-size: 14px; line-height: 20px } .van-empty__bottom { margin-top: 24px } .van-grid { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap } .van-swipe { position: relative; overflow: hidden; cursor: grab; -webkit-user-select: none; user-select: none } .van-swipe__track { display: -webkit-box; display: -webkit-flex; display: flex; height: 100% } .van-swipe__track--vertical { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column } .van-swipe__indicators { position: absolute; bottom: 12px; left: 50%; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-transform: translatex(-50%); transform: translatex(-50%) } .van-swipe__indicators--vertical { top: 50%; bottom: auto; left: 12px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; -webkit-transform: translatey(-50%); transform: translatey(-50%) } .van-swipe__indicators--vertical .van-swipe__indicator:not(:last-child) { margin-bottom: 6px } .van-swipe__indicator { width: 6px; height: 6px; background-color: #ebedf0; border-radius: 100%; opacity: .3; -webkit-transition: opacity .2s,background-color .2s; transition: opacity .2s,background-color .2s } .van-swipe__indicator:not(:last-child) { margin-right: 6px } .van-swipe__indicator--active { background-color: #1989fa; opacity: 1 } .van-swipe-item { position: relative; -webkit-flex-shrink: 0; flex-shrink: 0; width: 100%; height: 100% } .van-image-preview { position: fixed; top: 0; left: 0; width: 100%; height: 100% } .van-image-preview__swipe { height: 100% } .van-image-preview__swipe-item { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; justify-content: center; overflow: hidden } .van-image-preview__cover { position: absolute; top: 0; left: 0 } .van-image-preview__image { width: 100%; -webkit-transition-property: -webkit-transform; transition-property: -webkit-transform; transition-property: transform; transition-property: transform,-webkit-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: 16px; left: 50%; color: #fff; font-size: 14px; line-height: 20px; text-shadow: 0 1px 1px #323233; -webkit-transform: translate(-50%,0); transform: translate(-50%,0) } .van-image-preview__overlay { background-color: rgba(0,0,0,.9) } .van-image-preview__close-icon { position: absolute; z-index: 1; color: #c8c9cc; font-size: 22px; cursor: pointer } .van-image-preview__close-icon:active { color: #969799 } .van-image-preview__close-icon--top-left { top: 16px; left: 16px } .van-image-preview__close-icon--top-right { top: 16px; right: 16px } .van-image-preview__close-icon--bottom-left { bottom: 16px; left: 16px } .van-image-preview__close-icon--bottom-right { right: 16px; bottom: 16px } .van-uploader { position: relative; display: inline-block } .van-uploader__wrapper { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap } .van-uploader__wrapper--disabled { opacity: .5 } .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: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; -webkit-box-align: center; -webkit-align-items: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; justify-content: center; box-sizing: border-box; width: 80px; height: 80px; margin: 0 8px 8px 0; background-color: #f7f8fa } .van-uploader__upload:active { background-color: #f2f3f5 } .van-uploader__upload-icon { color: #dcdee0; font-size: 24px } .van-uploader__upload-text { margin-top: 8px; color: #969799; font-size: 12px } .van-uploader__preview { position: relative; margin: 0 8px 8px 0; cursor: pointer } .van-uploader__preview-image { display: block; width: 80px; height: 80px; overflow: hidden } .van-uploader__preview-delete { position: absolute; top: 0; right: 0; width: 14px; height: 14px; background-color: rgba(0,0,0,.7); border-radius: 0 0 0 12px } .van-uploader__preview-delete-icon { position: absolute; top: -2px; right: -2px; color: #fff; font-size: 16px; -webkit-transform: scale(.5); transform: scale(.5) } .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: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; -webkit-box-align: center; -webkit-align-items: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; justify-content: center; color: #fff; background-color: rgba(50,50,51,.88) } .van-uploader__mask-icon { font-size: 22px } .van-uploader__mask-message { margin-top: 6px; padding: 0 4px; font-size: 12px; line-height: 14px } .van-uploader__loading { width: 22px; height: 22px; color: #fff } .van-uploader__file { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; -webkit-box-align: center; -webkit-align-items: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; justify-content: center; width: 80px; height: 80px; background-color: #f7f8fa } .van-uploader__file-icon { color: #646566; font-size: 20px } .van-uploader__file-name { box-sizing: border-box; width: 100%; margin-top: 8px; padding: 0 4px; color: #646566; font-size: 12px; text-align: center } .van-index-anchor { z-index: 1; box-sizing: border-box; padding: 0 16px; color: #323233; font-weight: 500; font-size: 14px; line-height: 32px; background-color: transparent } .van-index-anchor--sticky { position: fixed; top: 0; right: 0; left: 0; color: #ee0a24; background-color: #fff } .van-index-bar__sidebar { position: fixed; top: 50%; right: 0; z-index: 2; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; text-align: center; -webkit-transform: translatey(-50%); transform: translatey(-50%); cursor: pointer; -webkit-user-select: none; user-select: none } .van-index-bar__index { padding: 0 8px 0 16px; font-weight: 500; font-size: 10px; line-height: 14px } .van-index-bar__index--active { color: #ee0a24 } .van-pagination { display: -webkit-box; display: -webkit-flex; display: flex; font-size: 14px } .van-pagination__item, .van-pagination__page-desc { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; justify-content: center } .van-pagination__item { -webkit-box-flex: 1; -webkit-flex: 1; flex: 1; box-sizing: border-box; min-width: 36px; height: 40px; color: #1989fa; background-color: #fff; cursor: pointer; -webkit-user-select: none; user-select: none } .van-pagination__item:active { color: #fff; background-color: #1989fa } .van-pagination__item::after { border-width: 1px 0 1px 1px } .van-pagination__item:last-child::after { border-right-width: 1px } .van-pagination__item--active { color: #fff; background-color: #1989fa } .van-pagination__next, .van-pagination__prev { padding: 0 4px; cursor: pointer } .van-pagination__item--disabled, .van-pagination__item--disabled:active { color: #646566; background-color: #f7f8fa; cursor: not-allowed; opacity: .5 } .van-pagination__page { -webkit-box-flex: 0; -webkit-flex-grow: 0; flex-grow: 0 } .van-pagination__page-desc { -webkit-box-flex: 1; -webkit-flex: 1; flex: 1; height: 40px; color: #646566 } .van-pagination--simple .van-pagination__next::after, .van-pagination--simple .van-pagination__prev::after { border-width: 1px } .van-password-input { position: relative; margin: 0 16px; -webkit-user-select: none; user-select: none } .van-password-input__error-info, .van-password-input__info { margin-top: 16px; font-size: 14px; text-align: center } .van-password-input__info { color: #969799 } .van-password-input__error-info { color: #ee0a24 } .van-password-input__security { display: -webkit-box; display: -webkit-flex; display: flex; width: 100%; height: 50px; cursor: pointer } .van-password-input__security::after { border-radius: 6px } .van-password-input__security li { position: relative; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-flex: 1; -webkit-flex: 1; flex: 1; -webkit-box-align: center; -webkit-align-items: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; justify-content: center; height: 100%; font-size: 20px; line-height: 1.2; background-color: #fff } .van-password-input__security i { position: absolute; top: 50%; left: 50%; width: 10px; height: 10px; background-color: #000; border-radius: 100%; -webkit-transform: translate(-50%,-50%); transform: translate(-50%,-50%); visibility: hidden } .van-password-input__cursor { position: absolute; top: 50%; left: 50%; width: 1px; height: 40%; background-color: #323233; -webkit-transform: translate(-50%,-50%); transform: translate(-50%,-50%); -webkit-animation: 1s van-cursor-flicker infinite; animation: 1s van-cursor-flicker infinite } @-webkit-keyframes van-cursor-flicker { from { opacity: 0 } 50% { opacity: 1 } 100% { opacity: 0 } } @keyframes van-cursor-flicker { from { opacity: 0 } 50% { opacity: 1 } 100% { opacity: 0 } } .van-progress { position: relative; height: 4px; background: #ebedf0; border-radius: 4px } .van-progress__portion { position: absolute; left: 0; height: 100%; background: #1989fa; border-radius: inherit } .van-progress__pivot { position: absolute; top: 50%; box-sizing: border-box; min-width: 3.6em; padding: 0 5px; color: #fff; font-size: 10px; line-height: 1.6; text-align: center; word-break: keep-all; background-color: #1989fa; border-radius: 1em; -webkit-transform: translate(0,-50%); transform: translate(0,-50%) } .van-row::after { display: table; clear: both; content: '' } .van-row--flex { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap } .van-row--flex::after { display: none } .van-row--justify-center { -webkit-box-pack: center; -webkit-justify-content: center; justify-content: center } .van-row--justify-end { -webkit-box-pack: end; -webkit-justify-content: flex-end; justify-content: flex-end } .van-row--justify-space-between { -webkit-box-pack: justify; -webkit-justify-content: space-between; justify-content: space-between } .van-row--justify-space-around { -webkit-justify-content: space-around; justify-content: space-around } .van-row--align-center { -webkit-box-align: center; -webkit-align-items: center; align-items: center } .van-row--align-bottom { -webkit-box-align: end; -webkit-align-items: flex-end; align-items: flex-end } .van-sidebar { width: 80px; overflow-y: auto; -webkit-overflow-scrolling: touch } .van-tree-select { position: relative; display: -webkit-box; display: -webkit-flex; display: flex; font-size: 14px; -webkit-user-select: none; user-select: none } .van-tree-select__nav { -webkit-box-flex: 1; -webkit-flex: 1; flex: 1; overflow-y: auto; background-color: #f7f8fa; -webkit-overflow-scrolling: touch } .van-tree-select__nav-item { padding: 14px 12px } .van-tree-select__content { -webkit-box-flex: 2; -webkit-flex: 2; flex: 2; overflow-y: auto; background-color: #fff; -webkit-overflow-scrolling: touch } .van-tree-select__item { position: relative; padding: 0 32px 0 16px; font-weight: 500; line-height: 48px; cursor: pointer } .van-tree-select__item--active { color: #ee0a24 } .van-tree-select__item--disabled { color: #c8c9cc; cursor: not-allowed } .van-tree-select__selected { position: absolute; top: 50%; right: 16px; margin-top: -8px; font-size: 16px } .van-skeleton { display: -webkit-box; display: -webkit-flex; display: flex; padding: 0 16px } .van-skeleton__avatar { -webkit-flex-shrink: 0; flex-shrink: 0; width: 32px; height: 32px; margin-right: 16px; background-color: #f2f3f5 } .van-skeleton__avatar--round { border-radius: 999px } .van-skeleton__content { width: 100% } .van-skeleton__avatar .van-skeleton__content { padding-top: 8px } .van-skeleton__row, .van-skeleton__title { height: 16px; background-color: #f2f3f5 } .van-skeleton__title { width: 40%; margin: 0 } .van-skeleton__row:not(:first-child) { margin-top: 12px } .van-skeleton__title .van-skeleton__row { margin-top: 20px } .van-skeleton--animate { -webkit-animation: van-skeleton-blink 1.2s ease-in-out infinite; animation: van-skeleton-blink 1.2s ease-in-out infinite } .van-skeleton--round .van-skeleton__row, .van-skeleton--round .van-skeleton__title { border-radius: 999px } @-webkit-keyframes van-skeleton-blink { 50% { opacity: .6 } } @keyframes van-skeleton-blink { 50% { opacity: .6 } } .van-stepper { font-size: 0; -webkit-user-select: none; user-select: none } .van-stepper__minus, .van-stepper__plus { position: relative; box-sizing: border-box; width: 28px; height: 28px; margin: 0; padding: 0; color: #323233; vertical-align: middle; background-color: #f2f3f5; border: 0; cursor: pointer } .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::after, .van-stepper__minus::before, .van-stepper__plus::after, .van-stepper__plus::before { position: absolute; top: 50%; left: 50%; background-color: currentcolor; -webkit-transform: translate(-50%,-50%); transform: translate(-50%,-50%); content: '' } .van-stepper__minus:active, .van-stepper__plus:active { background-color: #e8e8e8 } .van-stepper__minus--disabled, .van-stepper__plus--disabled { color: #c8c9cc; background-color: #f7f8fa; cursor: not-allowed } .van-stepper__minus--disabled:active, .van-stepper__plus--disabled:active { background-color: #f7f8fa } .van-stepper__minus { border-radius: 4px 0 0 4px } .van-stepper__minus::after { display: none } .van-stepper__plus { border-radius: 0 4px 4px 0 } .van-stepper__input { box-sizing: border-box; width: 32px; height: 28px; margin: 0 2px; padding: 0; color: #323233; font-size: 14px; line-height: normal; text-align: center; vertical-align: middle; background-color: #f2f3f5; border: 0; border-width: 1px 0; border-radius: 0; -webkit-appearance: none } .van-stepper__input:disabled { color: #c8c9cc; background-color: #f2f3f5; -webkit-text-fill-color: #c8c9cc; opacity: 1 } .van-stepper__input:read-only { cursor: default } .van-stepper--round .van-stepper__input { background-color: transparent } .van-stepper--round .van-stepper__minus, .van-stepper--round .van-stepper__plus { border-radius: 100% } .van-stepper--round .van-stepper__minus:active, .van-stepper--round .van-stepper__plus:active { opacity: .7 } .van-stepper--round .van-stepper__minus--disabled, .van-stepper--round .van-stepper__minus--disabled:active, .van-stepper--round .van-stepper__plus--disabled, .van-stepper--round .van-stepper__plus--disabled:active { opacity: .3 } .van-stepper--round .van-stepper__plus { color: #fff; background-color: #ee0a24 } .van-stepper--round .van-stepper__minus { color: #ee0a24; background-color: #fff; border: 1px solid #ee0a24 } .van-sku-container { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; -webkit-box-align: stretch; -webkit-align-items: stretch; align-items: stretch; min-height: 50%; max-height: 80%; overflow-y: visible; font-size: 14px; background: #fff } .van-sku-body { -webkit-box-flex: 1; -webkit-flex: 1 1 auto; flex: 1 1 auto; min-height: 44px; overflow-y: scroll; -webkit-overflow-scrolling: touch } .van-sku-body::-webkit-scrollbar { display: none } .van-sku-header { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-flex-shrink: 0; flex-shrink: 0; margin: 0 16px } .van-sku-header__img-wrap { -webkit-flex-shrink: 0; flex-shrink: 0; width: 96px; height: 96px; margin: 12px 12px 12px 0; overflow: hidden; border-radius: 4px } .van-sku-header__goods-info { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; -webkit-box-pack: end; -webkit-justify-content: flex-end; justify-content: flex-end; padding: 12px 20px 12px 0 } .van-sku-header-item { margin-top: 8px; color: #969799; font-size: 12px; line-height: 16px } .van-sku__price-symbol { font-size: 16px; vertical-align: bottom } .van-sku__price-num { font-weight: 500; font-size: 22px; vertical-align: bottom; word-wrap: break-word } .van-sku__goods-price { margin-left: -2px; color: #ee0a24 } .van-sku__price-tag { position: relative; display: inline-block; margin-left: 8px; padding: 0 5px; overflow: hidden; color: #ee0a24; font-size: 12px; line-height: 16px; border-radius: 8px } .van-sku__price-tag::before { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: currentcolor; opacity: .1; content: '' } .van-sku-group-container { padding-top: 12px } .van-sku-group-container--hide-soldout .van-sku-row__item--disabled { display: none } .van-sku-row { margin: 0 16px 12px } .van-sku-row:last-child { margin-bottom: 0 } .van-sku-row__image-item, .van-sku-row__item { position: relative; overflow: hidden; color: #323233; border-radius: 4px; cursor: pointer } .van-sku-row__image-item::before, .van-sku-row__item::before { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #f7f8fa; content: '' } .van-sku-row__image-item--active, .van-sku-row__item--active { color: #ee0a24 } .van-sku-row__image-item--active::before, .van-sku-row__item--active::before { background: currentcolor; opacity: .1 } .van-sku-row__item { display: -webkit-inline-box; display: -webkit-inline-flex; display: inline-flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; justify-content: center; min-width: 40px; margin: 0 12px 12px 0; font-size: 13px; line-height: 16px; vertical-align: middle } .van-sku-row__item-img { z-index: 1; width: 24px; height: 24px; margin: 4px 0 4px 4px; object-fit: cover; border-radius: 2px } .van-sku-row__item-name { z-index: 1; padding: 8px } .van-sku-row__item--disabled { color: #c8c9cc; background: #f2f3f5; cursor: not-allowed } .van-sku-row__item--disabled .van-sku-row__item-img { opacity: .3 } .van-sku-row__image { margin-right: 0 } .van-sku-row__image-item { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; width: 110px; margin: 0 4px 4px 0; border: 1px solid transparent } .van-sku-row__image-item:last-child { margin-right: 0 } .van-sku-row__image-item-img { width: 100%; height: 110px } .van-sku-row__image-item-img-icon { position: absolute; top: 0; right: 0; z-index: 3; width: 18px; height: 18px; color: #fff; line-height: 18px; text-align: center; background-color: rgba(0,0,0,.4); border-bottom-left-radius: 4px } .van-sku-row__image-item-name { position: relative; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; justify-content: center; box-sizing: border-box; height: 40px; padding: 4px; font-size: 12px; line-height: 16px } .van-sku-row__image-item-name span { word-wrap: break-word } .van-sku-row__image-item--active { border-color: currentcolor } .van-sku-row__image-item--disabled { color: #c8c9cc; cursor: not-allowed } .van-sku-row__image-item--disabled::before { z-index: 2; background: #f2f3f5; opacity: .4 } .van-sku-row__title { padding-bottom: 12px } .van-sku-row__title-multiple { color: #969799 } .van-sku-row__scroller { margin: 0 -16px; overflow-x: scroll; overflow-y: hidden; -webkit-overflow-scrolling: touch } .van-sku-row__scroller::-webkit-scrollbar { display: none } .van-sku-row__row { display: -webkit-inline-box; display: -webkit-inline-flex; display: inline-flex; margin-bottom: 4px; padding: 0 16px } .van-sku-row__indicator { width: 40px; height: 4px; background: #ebedf0; border-radius: 2px } .van-sku-row__indicator-wrapper { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; justify-content: center; padding-bottom: 16px } .van-sku-row__indicator-slider { width: 50%; height: 100%; background-color: #ee0a24; border-radius: 2px } .van-sku-stepper-stock { padding: 12px 16px; overflow: hidden; line-height: 30px } .van-sku__stepper { float: right; padding-left: 4px } .van-sku__stepper-title { float: left } .van-sku__stepper-quota { float: right; color: #ee0a24; font-size: 12px } .van-sku__stock { display: inline-block; margin-right: 8px; color: #969799; font-size: 12px } .van-sku__stock-num--highlight { color: #ee0a24 } .van-sku-messages { padding-bottom: 32px } .van-sku-messages__image-cell .van-cell__title { max-width: 6.2em; margin-right: 12px; color: #646566; text-align: left; word-wrap: break-word } .van-sku-messages__image-cell .van-cell__value { overflow: visible; text-align: left } .van-sku-messages__image-cell-label { color: #969799; font-size: 12px; line-height: 18px } .van-sku-actions { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-flex-shrink: 0; flex-shrink: 0; padding: 8px 16px } .van-sku-actions .van-button { height: 40px; font-weight: 500; font-size: 14px; border: none; border-radius: 0 } .van-sku-actions .van-button:first-of-type { border-top-left-radius: 20px; border-bottom-left-radius: 20px } .van-sku-actions .van-button:last-of-type { border-top-right-radius: 20px; border-bottom-right-radius: 20px } .van-sku-actions .van-button--warning { background: -webkit-linear-gradient(left,#ffd01e,#ff8917); background: linear-gradient(to right,#ffd01e,#ff8917) } .van-sku-actions .van-button--danger { background: -webkit-linear-gradient(left,#ff6034,#ee0a24); background: linear-gradient(to right,#ff6034,#ee0a24) } .van-slider { position: relative; width: 100%; height: 2px; background-color: #ebedf0; border-radius: 999px; cursor: pointer } .van-slider::before { position: absolute; top: -8px; right: 0; bottom: -8px; left: 0; content: '' } .van-slider__bar { position: relative; width: 100%; height: 100%; background-color: #1989fa; border-radius: inherit; -webkit-transition: all .2s; transition: all .2s } .van-slider__button { width: 24px; height: 24px; background-color: #fff; border-radius: 50%; box-shadow: 0 1px 2px rgba(0,0,0,.5) } .van-slider__button-wrapper, .van-slider__button-wrapper-right { position: absolute; top: 50%; right: 0; -webkit-transform: translate3d(50%,-50%,0); transform: translate3d(50%,-50%,0); cursor: grab } .van-slider__button-wrapper-left { position: absolute; top: 50%; left: 0; -webkit-transform: translate3d(-50%,-50%,0); transform: translate3d(-50%,-50%,0); cursor: grab } .van-slider--disabled { cursor: not-allowed; opacity: .5 } .van-slider--disabled .van-slider__button-wrapper, .van-slider--disabled .van-slider__button-wrapper-left, .van-slider--disabled .van-slider__button-wrapper-right { cursor: not-allowed } .van-slider--vertical { display: inline-block; width: 2px; height: 100% } .van-slider--vertical .van-slider__button-wrapper, .van-slider--vertical .van-slider__button-wrapper-right { top: auto; right: 50%; bottom: 0; -webkit-transform: translate3d(50%,50%,0); transform: translate3d(50%,50%,0) } .van-slider--vertical .van-slider__button-wrapper-left { top: 0; right: 50%; left: auto; -webkit-transform: translate3d(50%,-50%,0); transform: translate3d(50%,-50%,0) } .van-slider--vertical::before { top: 0; right: -8px; bottom: 0; left: -8px } .van-steps { overflow: hidden; background-color: #fff } .van-steps--horizontal { padding: 10px 10px 0 } .van-steps--horizontal .van-steps__items { position: relative; display: -webkit-box; display: -webkit-flex; display: flex; margin: 0 0 10px; padding-bottom: 22px } .van-steps--vertical { padding: 0 0 0 32px } .van-swipe-cell { position: relative; overflow: hidden; cursor: grab } .van-swipe-cell__wrapper { -webkit-transition-timing-function: cubic-bezier(.18,.89,.32,1); transition-timing-function: cubic-bezier(.18,.89,.32,1); -webkit-transition-property: -webkit-transform; transition-property: -webkit-transform; transition-property: transform; transition-property: transform,-webkit-transform } .van-swipe-cell__left, .van-swipe-cell__right { position: absolute; top: 0; height: 100% } .van-swipe-cell__left { left: 0; -webkit-transform: translate3d(-100%,0,0); transform: translate3d(-100%,0,0) } .van-swipe-cell__right { right: 0; -webkit-transform: translate3d(100%,0,0); transform: translate3d(100%,0,0) } .van-tabbar { z-index: 1; display: -webkit-box; display: -webkit-flex; display: flex; box-sizing: content-box; width: 100%; height: 50px; padding-bottom: constant(safe-area-inset-bottom); padding-bottom: env(safe-area-inset-bottom); background-color: #fff } .van-tabbar--fixed { position: fixed; bottom: 0; left: 0 } .van-tabbar--unfit { padding-bottom: 0 }