html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; } ol, li, ul { list-style: none; } body { font-family: "Helvetica Neue", Helvetica, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "微软雅黑", Arial, sans-serif; -webkit-tap-highlight-color: transparent; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .md-icon { background-size: contain; fill: currentColor; -webkit-backface-visibility: hidden; transform: translateZ(0) scale(1, 1); } .md-icon.icon-font { font-family: "Mand-Mobile-Icon" !important; font-size: 0.21333rem; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; letter-spacing: 0; speak: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .md-icon.icon-font.xss { font-size: icon-size-xxs; } .md-icon.icon-font.xs { font-size: 0.26667rem; } .md-icon.icon-font.sm { font-size: 0.32rem; } .md-icon.icon-font.md { font-size: 0.42667rem; } .md-icon.icon-font.lg { font-size: 0.56rem; } .md-icon.icon-font:before { position: relative; z-index: 2; } .md-icon.icon-svg.xss { width: icon-size-xxs; height: icon-size-xxs; line-height: icon-size-xxs; } .md-icon.icon-svg.xs { width: 0.26667rem; height: 0.26667rem; line-height: 0.26667rem; } .md-icon.icon-svg.sm { width: 0.32rem; height: 0.32rem; line-height: 0.32rem; } .md-icon.icon-svg.md { width: 0.42667rem; height: 0.42667rem; line-height: 0.42667rem; } .md-icon.icon-svg.lg { width: 0.56rem; height: 0.56rem; line-height: 0.56rem; } .md-icon-rectangle:before { content: "\e900"; } .md-icon-invisible:before { content: "\e601"; } .md-icon-visible:before { content: "\e602"; } .md-icon-right:before { content: "\e905"; } .md-icon-wrong:before { content: "\e906"; } .md-icon-info:before { content: "\e605"; } .md-icon-service:before { content: "\e606"; } .md-icon-edit:before { content: "\e607"; } .md-icon-refresh:before { content: "\e901"; } .md-icon-question:before { content: "\e608"; } .md-icon-setting:before { content: "\e609"; } .md-icon-wait:before { content: "\e902"; } .md-icon-check:before { content: "\e904"; } .md-icon-check-disabled:before { content: "\e903"; } .md-icon-checked:before, .md-icon-success:before { content: "\e908"; } .md-icon-clear:before, .md-icon-fail:before { content: "\e60e"; } .md-icon-info-solid:before { content: "\e907"; } .md-icon-warn:before { content: "\e60b"; } .md-icon-security:before { content: "\e60f"; } .md-icon-rmb:before { content: "\e610"; } .md-icon-scan:before { content: "\e611"; } .md-icon-share:before { content: "\e612"; } .md-icon-back:before { content: "\e613"; } .md-icon-card-bag:before { content: "\e614"; } .md-icon-message:before { content: "\e615"; } .md-icon-order:before { content: "\e616"; } .md-icon-balance:before { content: "\e617"; } .md-icon-coupon:before { content: "\e618"; } .md-icon-sort:before { content: "\e619"; } .md-icon-address-book:before { content: "\e61a"; } .md-icon-mobile-phone:before { content: "\e61b"; } .md-icon-home:before { content: "\e61c"; } .md-icon-discovery:before { content: "\e61d"; } .md-icon-calendar:before { content: "\e61e"; } .md-icon-user:before { content: "\e61f"; } .md-icon-time:before { content: "\e620"; } .md-icon-search:before { content: "\e621"; } .md-icon-switch:before { content: "\e622"; } .md-icon-camera:before { content: "\e623"; } .md-icon-clock:before { content: "\e624"; } .md-icon-profession:before { content: "\e625"; } .md-icon-delete:before { content: "\e626"; } .md-icon-id-card:before { content: "\e627"; } .md-icon-filter:before { content: "\e628"; } .md-icon-location:before { content: "\e629"; } .md-icon-authentication:before { content: "\e62a"; } .md-icon-motor-vehicle:before { content: "\e62b"; } .md-icon-phone:before { content: "\e62c"; } .md-icon-volumn:before { content: "\e62d"; } .md-icon-arrow-left:before { content: "\e603"; } .md-icon-arrow-right:before { content: "\e630"; } .md-icon-arrow-up:before { content: "\e633"; } .md-icon-arrow-down:before { content: "\e634"; } .md-icon-close:before { content: "\e604"; } @font-face { font-family: Mand-Mobile-Icon; font-style: normal; font-weight: normal; /* chrome、firefox、opera、Safari, Android, iOS 4.2+ */ /* Version is required */ src: url("https://manhattan.didistatic.com/static/manhattan/mand-mobile/icon/2.0.2/iconfont.woff") format("woff"), url("https://manhattan.didistatic.com/static/manhattan/mand-mobile/icon/2.0.2/iconfont.ttf") format("truetype"); } .md-radio { display: flex; align-items: center; line-height: 1.5; margin-top: 0.16rem; margin-bottom: 0.16rem; } .md-radio .md-radio-icon { color: #c5cad5; } .md-radio .md-radio-icon .md-icon { display: flex; } .md-radio.is-checked .md-radio-icon { color: #2f86f6; } .md-radio.is-disabled .md-radio-icon, .md-radio.is-disabled .md-radio-label { color: #c5cad5; } .md-radio.is-inline { display: inline-flex; } .md-radio.is-inline:not(:last-child) { margin-right: 0.53333rem; } .md-radio-icon { position: relative; flex-shrink: 0; } .md-radio-label { margin-left: 0.16rem; font-size: inherit; font-weight: 400; } .md-field { padding: 0.53333rem 0.53333rem; border: none; background-color: #fff; } .md-field.is-plain { padding: 0; background-color: transparent; } .md-field-header { position: relative; display: flex; align-items: center; justify-content: space-between; margin-bottom: 0.42667rem; } .md-field-heading { flex: 1 1 0%; } .md-field-action { flex-shrink: 0; display: inline-flex; align-items: center; align-self: flex-start; justify-content: flex-end; margin-left: 0.16rem; color: #858b9c; font-size: 0.32rem; } .md-field-title { color: #111a34; font-size: 0.48rem; font-weight: 500; line-height: 1; } .md-field-brief { margin-top: 0.10667rem; color: #858b9c; font-size: 0.32rem; line-height: 1.4; } .md-field-footer { margin-top: 0.26667rem; } .md-field:disabled .md-field-title, .md-field.is-disabled .md-field-title, .md-field:disabled .md-field-brief, .md-field.is-disabled .md-field-brief, .md-field:disabled .md-field-action, .md-field.is-disabled .md-field-action, .md-field:disabled .md-field-content, .md-field.is-disabled .md-field-content, .md-field:disabled .md-field-footer, .md-field.is-disabled .md-field-footer { color: #c5cad5; } .md-cell-item { position: relative; } .md-cell-item.no-border .md-cell-item-body::before { display: none; } .md-cell-item-body { position: relative; display: flex; align-items: center; justify-content: space-between; min-height: 1.33333rem; padding-top: 0.42667rem; padding-bottom: 0.42667rem; box-sizing: border-box; } .md-cell-item-body::before { content: ''; position: absolute; z-index: 2; transform-origin: 100% 50%; transform: scaleY(0.5) translateY(100%); bottom: 0; left: 0; right: auto; top: auto; width: 100%; border-bottom: solid 0.02667rem #e2e4ea; transform-origin: 50% 100%; } @media (min-resolution: 3dppx) { .md-cell-item-body::before { transform: scaleY(0.33) translateY(100%); } } .md-cell-item-body.multilines { padding-top: 0.48rem; padding-bottom: 0.48rem; } .md-cell-item-left { flex-shrink: 0; margin-right: 0.42667rem; } .md-cell-item-content { flex: 1 1 0%; color: #111a34; font-size: 0.42667rem; line-height: 1.2; } .md-cell-item-right { flex-shrink: 0; margin-left: 0.16rem; display: inline-flex; align-items: center; justify-content: flex-end; color: #858b9c; font-size: 0.37333rem; } .md-cell-item-right .md-icon-arrow-right { margin-left: 0.08rem; margin-right: -0.08rem; color: #c5cad5; } .md-cell-item-title { line-height: 1.2; } .md-cell-item-brief { color: #858b9c; font-size: 0.32rem; line-height: 1.4; margin-top: 0.10667rem; } .md-cell-item-children { padding: 0.42667rem 0; } .md-cell-item.is-disabled, .md-cell-item.is-disabled .md-cell-item-content, .md-cell-item.is-disabled .md-cell-item-title, .md-cell-item.is-disabled .md-cell-item-brief, .md-cell-item.is-disabled .md-cell-item-left, .md-cell-item.is-disabled .md-cell-item-right, .md-cell-item.is-disabled .md-cell-item-children { color: #c5cad5; } .md-field-item { position: relative; } .md-field-item-content { position: relative; display: flex; align-items: center; justify-content: space-between; min-height: 1.33333rem; padding-top: 0.4rem; padding-bottom: 0.4rem; box-sizing: border-box; } .md-field-item-content::before { content: ''; position: absolute; z-index: 2; transform-origin: 100% 50%; transform: scaleY(0.5) translateY(100%); bottom: 0; left: 0; right: auto; top: auto; width: 100%; border-bottom: solid 0.02667rem #e2e4ea; transform-origin: 50% 100%; } @media (min-resolution: 3dppx) { .md-field-item-content::before { transform: scaleY(0.33) translateY(100%); } } .md-field-item-title { flex-shrink: 0; margin-right: 0.13333rem; font-size: 0.42667rem; } .md-field-item-left { flex-shrink: 0; margin-right: 0.16rem; display: inline-flex; align-items: center; justify-content: flex-start; color: #858b9c; font-size: 0.37333rem; } .md-field-item-control { position: relative; flex: 1 1 0%; color: #111a34; font-size: 0.42667rem; font-weight: 500; } .md-field-item-placeholder { color: #c5cad5; font-weight: 400; } .md-field-item-right { position: relative; flex-shrink: 0; margin-left: 0.16rem; display: inline-flex; align-items: center; justify-content: flex-end; color: #858b9c; font-size: 0.37333rem; } .md-field-item-right .md-icon-arrow-right { margin-right: -0.08rem; color: #c5cad5; } .md-field-item-children { font-size: 0.32rem; margin-top: 0.26667rem; } .md-field-item.is-solid .md-field-item-title { width: 2.13333rem; } .md-field-item.is-disabled .md-field-item-control, .md-field-item.is-disabled .md-field-item-left, .md-field-item.is-disabled .md-field-item-right { color: #c5cad5; } .md-field-item.is-align-right .md-field-item-control { text-align: right; } .md-field-item.is-android .md-field-item-control { font-weight: bold; } .md-bounce-enter-active { animation: bounce-in 300ms linear; } .md-bounce-leave-active { animation: zoom-out 250ms linear; } .md-zoom-enter, .md-zoom-leave-to { opacity: 0.01; transform: scale(0.75); } .md-zoom-enter-active { transition: all 300ms cubic-bezier(0.215, 0.61, 0.355, 1); } .md-zoom-leave-active { transition: all 250ms linear; } .md-punch-enter, .md-punch-leave-to { opacity: 0.01; transform: scale(1.35); } .md-punch-enter-active { transition: all 300ms cubic-bezier(0.215, 0.61, 0.355, 1); } .md-punch-leave-active { transition: all 250ms linear; } .md-slide-up-enter, .md-slide-up-leave-to { transform: translate3d(0, 100%, 0); } .md-slide-up-enter-active { transition: transform 300ms cubic-bezier(0.165, 0.84, 0.44, 1); } .md-slide-up-leave-active { transition: transform 250ms cubic-bezier(0.165, 0.84, 0.44, 1); } .md-slide-right-enter, .md-slide-right-leave-to { transform: translate3d(-100%, 0, 0); } .md-slide-right-enter-active { transition: transform 300ms cubic-bezier(0.165, 0.84, 0.44, 1); } .md-slide-right-leave-active { transition: transform 250ms cubic-bezier(0.165, 0.84, 0.44, 1); } .md-slide-left-enter, .md-slide-left-leave-to { transform: translate3d(100%, 0, 0); } .md-slide-left-enter-active { transition: transform 300ms cubic-bezier(0.165, 0.84, 0.44, 1); } .md-slide-left-leave-active { transition: transform 250ms cubic-bezier(0.165, 0.84, 0.44, 1); } .md-slide-down-enter, .md-slide-down-leave-to { transform: translate3d(0, -100%, 0); } .md-slide-down-enter-active { transition: transform 300ms cubic-bezier(0.165, 0.84, 0.44, 1); } .md-slide-down-leave-active { transition: transform 250ms cubic-bezier(0.165, 0.84, 0.44, 1); } .md-fade-enter, .md-fade-leave-to { opacity: 0.01; } .md-fade-enter-active { transition: opacity 300ms cubic-bezier(0.215, 0.61, 0.355, 1); } .md-fade-leave-active { transition: opacity 250ms linear; } .md-fade-up-enter, .md-fade-up-leave-to { opacity: 0.01; transform: translate3d(0, 20%, 0); } .md-fade-up-enter-active { transition: all 300ms cubic-bezier(0.215, 0.61, 0.355, 1); } .md-fade-up-leave-active { transition: all 250ms linear; } .md-fade-down-enter, .md-fade-down-leave-to { opacity: 0.01; transform: translate3d(0, -20%, 0); } .md-fade-down-enter-active { transition: all 300ms cubic-bezier(0.215, 0.61, 0.355, 1); } .md-fade-down-leave-active { transition: all 250ms linear; } .md-fade-right-enter, .md-fade-right-leave-to { opacity: 0.01; transform: translate3d(-20%, 0, 0); } .md-fade-right-enter-active { transition: all 300ms cubic-bezier(0.215, 0.61, 0.355, 1); } .md-fade-right-leave-active { transition: all 250ms linear; } .md-fade-left-enter, .md-fade-left-leave-to { opacity: 0.01; transform: translate3d(20%, 0, 0); } .md-fade-left-enter-active { transition: all 300ms cubic-bezier(0.215, 0.61, 0.355, 1); } .md-fade-left-leave-active { transition: all 250ms linear; } .md-fly-enter-active { animation: fly-in 600ms; animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } .md-fly-leave-active { animation: zoom-out 250ms; } @-moz-keyframes fly-in { 0% { opacity: 0.5; transform: scale(0.5) translate3d(0, 0.66667rem, 0); } 45% { opacity: 1; transform: scale(1.05) translate3d(0, -0.66667rem, 0); } 100% { transform: scale(1) translate3d(0, 0, 0); } } @-webkit-keyframes fly-in { 0% { opacity: 0.5; transform: scale(0.5) translate3d(0, 0.66667rem, 0); } 45% { opacity: 1; transform: scale(1.05) translate3d(0, -0.66667rem, 0); } 100% { transform: scale(1) translate3d(0, 0, 0); } } @-o-keyframes fly-in { 0% { opacity: 0.5; transform: scale(0.5) translate3d(0, 0.66667rem, 0); } 45% { opacity: 1; transform: scale(1.05) translate3d(0, -0.66667rem, 0); } 100% { transform: scale(1) translate3d(0, 0, 0); } } @keyframes fly-in { 0% { opacity: 0.5; transform: scale(0.5) translate3d(0, 0.66667rem, 0); } 45% { opacity: 1; transform: scale(1.05) translate3d(0, -0.66667rem, 0); } 100% { transform: scale(1) translate3d(0, 0, 0); } } @-moz-keyframes bounce-in { 0% { transform: scale(0.5); } 45% { transform: scale(1.05); } 80% { transform: scale(0.95); } 100% { transform: scale(1); } } @-webkit-keyframes bounce-in { 0% { transform: scale(0.5); } 45% { transform: scale(1.05); } 80% { transform: scale(0.95); } 100% { transform: scale(1); } } @-o-keyframes bounce-in { 0% { transform: scale(0.5); } 45% { transform: scale(1.05); } 80% { transform: scale(0.95); } 100% { transform: scale(1); } } @keyframes bounce-in { 0% { transform: scale(0.5); } 45% { transform: scale(1.05); } 80% { transform: scale(0.95); } 100% { transform: scale(1); } } @-moz-keyframes zoom-out { to { opacity: 0.01; transform: scale(0.75); } } @-webkit-keyframes zoom-out { to { opacity: 0.01; transform: scale(0.75); } } @-o-keyframes zoom-out { to { opacity: 0.01; transform: scale(0.75); } } @keyframes zoom-out { to { opacity: 0.01; transform: scale(0.75); } } .md-popup { top: 0; right: 0; bottom: 0; left: 0; position: fixed; display: flex; pointer-events: none; z-index: 1000; } .md-popup.center { align-items: center; justify-content: center; } .md-popup.top { flex-direction: column; justify-content: flex-start; } .md-popup.top .md-popup-box { width: 100%; } .md-popup.bottom { flex-direction: column; justify-content: flex-end; } .md-popup.bottom .md-popup-box { width: 100%; } .md-popup.left { justify-content: flex-start; } .md-popup.left .md-popup-box { height: 100%; } .md-popup.right { justify-content: flex-end; } .md-popup.right .md-popup-box { height: 100%; } .md-popup.inner-popup .md-popup-box { background-color: #fff; border-radius: 0.10667rem 0.10667rem 0 0; } .md-popup.large-radius.inner-popup .md-popup-box { border-radius: 0.53333rem 0.53333rem 0 0; } .md-popup-mask { top: 0; right: 0; bottom: 0; left: 0; position: absolute; pointer-events: auto; z-index: 1; background-color: rgba(37,38,45,0.7); } .md-popup-box { position: relative; pointer-events: auto; z-index: 2; max-width: 100%; max-height: 100%; overflow: auto; } .md-mask-fade-enter, .md-mask-fade-leave-to { opacity: 0.01; } .md-mask-fade-enter-active, .md-mask-fade-leave-active { transition: opacity 250ms; } .md-number-keyboard-container { position: relative; -webkit-user-select: none; -webkit-tap-highlight-color: transparent; display: flex; width: 100%; height: 5.70667rem; } .md-number-keyboard-container::after { content: ''; position: absolute; z-index: 2; transform-origin: 100% 50%; transform: scaleY(0.5) translateY(-100%); top: 0; left: 0; right: auto; bottom: auto; width: 100%; border-top: solid 0.02667rem #e2e4ea; transform-origin: 50% 0; } @media (min-resolution: 3dppx) { .md-number-keyboard-container::after { transform: scaleY(0.33) translateY(-100%); } } .md-number-keyboard-container .keyboard-number, .md-number-keyboard-container .keyboard-operate { display: flex; } .md-number-keyboard-container .keyboard-number { flex: 3; background: #f9fafb; } .md-number-keyboard-container .keyboard-number .keyboard-number-list { float: left; width: 100%; } .md-number-keyboard-container .keyboard-number .keyboard-number-list .keyboard-number-item { position: relative; float: left; width: 33.3%; height: 1.42667rem; padding-top: 0.06667rem; text-align: center; line-height: 1.42667rem; font-size: 0.69333rem; font-weight: 500; font-family: DINPro-Medium, DIN Alternate, "Helvetica Neue", Helvetica, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "微软雅黑", Arial, sans-serif; color: #111a34; transition: background 0.3s; background: #fff; box-sizing: border-box; } .md-number-keyboard-container .keyboard-number .keyboard-number-list .keyboard-number-item::before { content: ''; position: absolute; z-index: 2; transform-origin: 100% 50%; transform: scaleX(0.5) translateX(100%); top: 0; right: 0; left: auto; bottom: auto; border-right: solid 0.02667rem #e2e4ea; height: 100%; transform-origin: 100% 50%; } @media (min-resolution: 3dppx) { .md-number-keyboard-container .keyboard-number .keyboard-number-list .keyboard-number-item::before { transform: scaleX(0.33) translateX(100%); } } .md-number-keyboard-container .keyboard-number .keyboard-number-list .keyboard-number-item::after { content: ''; position: absolute; z-index: 2; transform-origin: 100% 50%; transform: scaleY(0.5) translateY(-100%); top: 0; left: 0; right: auto; bottom: auto; width: 100%; border-top: solid 0.02667rem #e2e4ea; transform-origin: 50% 0; } @media (min-resolution: 3dppx) { .md-number-keyboard-container .keyboard-number .keyboard-number-list .keyboard-number-item::after { transform: scaleY(0.33) translateY(-100%); } } .md-number-keyboard-container .keyboard-number .keyboard-number-list .keyboard-number-item.no-bg { background: transparent; } .md-number-keyboard-container .keyboard-number .keyboard-number-list .keyboard-number-item:nth-of-type(-n+3)::after { display: none; } .md-number-keyboard-container .keyboard-number .keyboard-number-list .keyboard-number-item:nth-of-type(3n) { width: 33.4%; } .md-number-keyboard-container .keyboard-number .keyboard-number-list .keyboard-number-item.delete { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGAAAABECAMAAABJe8AqAAAAdVBMVEUAAABBSF5GTWBBSF5CSmJBSF1BSF1hYXVCSV1CSF5SXGtBSV1BSF5DSV9ESl5FTWRBSV5BSF5BSV1BSF5BSV1CSl5BSV5CSV5CSV5DSl9DS2JOTmNBSF1CSV9CSl5ETGBJSWRCSV5CSV1ES19CSF1CSl5BSF2IZB1/AAAAJnRSTlMA1yffH5T1BfudCuvLWUQW8OTUtamjj4FzNy0QwIxNQBxoZkvCZK9RzSgAAAGQSURBVFjDzNW5jsJQDIXhQ8LNwpKwDfswA4Xf/xEpXLhwbo4AWcJVlEj/V6Q4yN9ePr8J8reUWOBcxQKXUmKBrcQCB4kFbqK3xNtXjAHFSvt7xACzjfavdRCw0/66Rwxw1H5zQgzw1yjwQAzwP9d+ixigXmh/MQsCWu3Pp4gBHtpvOsQAp0qBI2KAfq39HWKA+qr9zYs/uB4F/EauikzoJ2HoppNuDPAbecv1RdJQv5Sq44Bt5CHfV8H1xQQH+I3cZvq9fk9DfZFfAthGlhfYDaUSf+kB28jqDDCB9B3gN5ILvG+A30gukL4D3EZSgfQd4DeSC/bIAb+RXGB9A2wj77CjQmt9AmQ2kgrWJ0B+I7mQwIH8RnIh4SuAZ3VmbgMACMNAL0IF7L8iokposaLYEyDx5OyD3CKBQ6avqcBDKx8VMezW57DrH9fAJIHTj0wa+gKxhQxeCtERGN/hVyW+5wJiWqGAHSXQtMZmgpqqhIegpjonE9RVqZVLQWDWac0gqLlavgQ11/u1HxRBUH6BA3XHDDIvn0o0AAAAAElFTkSuQmCC) center no-repeat; background-size: 0.61333rem; } .md-number-keyboard-container .keyboard-number .keyboard-number-list .keyboard-number-item.slidedown { background: #fff url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGwAAABeAgMAAAC7uhn4AAAACVBMVEUAAAASHDYRGjQxUFCHAAAAAnRSTlMAgJsrThgAAAB/SURBVEjH7dUxDoAgEETRsbGgtvI0XkdP4xEoaOSUJgQzJMMmlpvAtL94YRuQ7flqEf2F2WazWsjtotvm6WbOWvgO5rx5utlsP5uzP84ehtlaX3xDt9R2oLOrpAe97aUlEySnIDkFySlITkFyCpJTkJyCyT4pOQXJ6U7Y29DuBThrzOxbC3kTAAAAAElFTkSuQmCC) center no-repeat; background-size: 0.72rem; } .md-number-keyboard-container .keyboard-number .keyboard-number-list .keyboard-number-item.large-item { width: 66.6%; } .md-number-keyboard-container .keyboard-number .keyboard-number-list .keyboard-number-item:active, .md-number-keyboard-container .keyboard-number .keyboard-number-list .keyboard-number-item.active { background-color: #f9fafb; } .md-number-keyboard-container .keyboard-number .keyboard-number-list .keyboard-number-item:before, .md-number-keyboard-container .keyboard-number .keyboard-number-list .keyboard-number-item:after { pointer-events: none; } .md-number-keyboard-container .keyboard-operate { flex: 1; } .md-number-keyboard-container .keyboard-operate .keyboard-operate-list { position: relative; float: left; width: 100%; display: flex; flex-direction: column; } .md-number-keyboard-container .keyboard-operate .keyboard-operate-list .keyboard-operate-item { position: relative; float: left; width: 100%; background: #fff; transition: background 0.3s; } .md-number-keyboard-container .keyboard-operate .keyboard-operate-list .keyboard-operate-item.delete { height: 1.42667rem; background: #fff url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGAAAABECAMAAABJe8AqAAAAdVBMVEUAAABBSF5GTWBBSF5CSmJBSF1BSF1hYXVCSV1CSF5SXGtBSV1BSF5DSV9ESl5FTWRBSV5BSF5BSV1BSF5BSV1CSl5BSV5CSV5CSV5DSl9DS2JOTmNBSF1CSV9CSl5ETGBJSWRCSV5CSV1ES19CSF1CSl5BSF2IZB1/AAAAJnRSTlMA1yffH5T1BfudCuvLWUQW8OTUtamjj4FzNy0QwIxNQBxoZkvCZK9RzSgAAAGQSURBVFjDzNW5jsJQDIXhQ8LNwpKwDfswA4Xf/xEpXLhwbo4AWcJVlEj/V6Q4yN9ePr8J8reUWOBcxQKXUmKBrcQCB4kFbqK3xNtXjAHFSvt7xACzjfavdRCw0/66Rwxw1H5zQgzw1yjwQAzwP9d+ixigXmh/MQsCWu3Pp4gBHtpvOsQAp0qBI2KAfq39HWKA+qr9zYs/uB4F/EauikzoJ2HoppNuDPAbecv1RdJQv5Sq44Bt5CHfV8H1xQQH+I3cZvq9fk9DfZFfAthGlhfYDaUSf+kB28jqDDCB9B3gN5ILvG+A30gukL4D3EZSgfQd4DeSC/bIAb+RXGB9A2wj77CjQmt9AmQ2kgrWJ0B+I7mQwIH8RnIh4SuAZ3VmbgMACMNAL0IF7L8iokposaLYEyDx5OyD3CKBQ6avqcBDKx8VMezW57DrH9fAJIHTj0wa+gKxhQxeCtERGN/hVyW+5wJiWqGAHSXQtMZmgpqqhIegpjonE9RVqZVLQWDWac0gqLlavgQ11/u1HxRBUH6BA3XHDDIvn0o0AAAAAElFTkSuQmCC) center no-repeat; background-size: 0.56rem; display: flex; flex: 1; } .md-number-keyboard-container .keyboard-operate .keyboard-operate-list .keyboard-operate-item.delete:active { background-color: #f9fafb; } .md-number-keyboard-container .keyboard-operate .keyboard-operate-list .keyboard-operate-item.confirm { padding-top: 0.06667rem; color: #fff; font-size: 0.48rem; background: #0057ff; display: flex; flex: 1; align-items: center; justify-content: center; } .md-number-keyboard-container .keyboard-operate .keyboard-operate-list .keyboard-operate-item.confirm:active { background-color: #2a78dc; } .md-number-keyboard .md-popup { z-index: 1302; } .md-number-keyboard .md-popup-box { padding-top: 1px; background-color: #f9fafb; padding-bottom: constant(safe-area-inset-bottom); padding-bottom: env(safe-area-inset-bottom); } .md-input-item .md-field-item-content { padding-top: 0; padding-bottom: 0; } .md-input-item .md-field-item-control { display: flex; align-items: center; } .md-input-item-clear { padding: 0.13333rem 0; color: #c5cad5; } .md-input-item-clear .md-icon { display: flex; background: #f9fafb; border-radius: 50%; } .md-input-item-input, .md-input-item-fake { width: 100%; height: 1.33333rem; color: #111a34; font-size: 0.42667rem; font-weight: 500; font-family: "Helvetica Neue", Helvetica, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "微软雅黑", Arial, sans-serif; line-height: 1; -webkit-appearance: none; border: none; background: transparent; outline: none; box-sizing: border-box; -webkit-tap-highlight-color: transparent; appearance: none; } .md-input-item-input:disabled, .md-input-item-input[disabled] { opacity: 1; } .md-input-item-input::-webkit-input-placeholder { color: #c5cad5; font-weight: 400; } .md-input-item-input::-webkit-outer-spin-button, .md-input-item-input::-webkit-inner-spin-button { -webkit-appearance: none; } .md-input-item-fake { line-height: 1.33333rem; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; cursor: text; } .md-input-item-fake::after { position: relative; z-index: 2; display: none; content: " "; height: 1.06667rem; border-right: solid 1.5px #111a34; } .md-input-item-fake.is-focus:after { display: inline; } .md-input-item-fake.is-waiting:after { animation: keyboard-cursor infinite 1s step-start; } .md-input-item-fake-placeholder { position: absolute; top: 0; left: 0; width: 100%; color: #c5cad5; font-weight: 400; } .md-input-item-msg, .md-input-item-brief { word-break: break-all; word-wrap: break-word; } .md-input-item-msg:not(:last-child), .md-input-item-brief:not(:last-child) { margin-bottom: 0.13333rem; } .md-input-item-brief { font-size: 0.32rem; color: #858b9c; } .md-input-item-msg { font-size: 0.32rem; color: #ff5257; } .md-input-item.left .md-input-item-input, .md-input-item.left .md-input-item-fake { text-align: left; } .md-input-item.center .md-input-item-input, .md-input-item.center .md-input-item-fake { text-align: center; } .md-input-item.right .md-input-item-input, .md-input-item.right .md-input-item-fake { text-align: right; } .md-input-item.is-title-latent .md-field-item-title { position: absolute; top: 50%; left: 0; height: auto; font-size: 0.34667rem; color: #666f83; transform: translate3d(0, -50%, 0); transition: all 0.3s ease; opacity: 0; will-change: auto; } .md-input-item.is-title-latent .md-field-item-content { min-height: 1.53333rem; } .md-input-item.is-title-latent .md-field-item-content, .md-input-item.is-title-latent .md-field-item-left, .md-input-item.is-title-latent .md-field-item-right, .md-input-item.is-title-latent .md-input-item-input, .md-input-item.is-title-latent .md-input-item-fake { padding-top: 0.26667rem; } .md-input-item.is-title-latent.is-active .md-field-item-title { opacity: 1; top: 0.26667rem; transform: translate3d(0, 0, 0); } .md-input-item.is-highlight.is-focus .md-field-item-content::before { content: ''; position: absolute; z-index: 2; transform-origin: 100% 50%; transform: scaleY(0.5) translateY(100%); bottom: 0; left: 0; right: auto; top: auto; width: 100%; border-bottom: solid 0.05333rem #111a34; transform-origin: 50% 100%; } @media (min-resolution: 3dppx) { .md-input-item.is-highlight.is-focus .md-field-item-content::before { transform: scaleY(0.33) translateY(100%); } } .md-input-item.is-disabled .md-input-item-input, .md-input-item.is-disabled .md-input-item-fake, .md-input-item.is-disabled .md-input-item-fake-placeholder { -webkit-text-fill-color: #858b9c; color: #858b9c; } .md-input-item.is-amount .md-input-item-input, .md-input-item.is-amount .md-input-item-fake { font-family: DINPro-Medium, DIN Alternate, "Helvetica Neue", Helvetica, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "微软雅黑", Arial, sans-serif; } .md-input-item.is-amount.large .md-input-item-input, .md-input-item.is-amount.large .md-input-item-fake { padding-top: 0.10667rem; } .md-input-item.large .md-input-item-input, .md-input-item.large .md-input-item-fake { padding-bottom: 0.2rem; font-size: 1.06667rem; } .md-input-item.large .md-input-item-input::-webkit-input-placeholder { font-size: 0.8rem; line-height: 1.33333rem; } .md-input-item.is-error .md-field-item-content::before { content: ''; position: absolute; z-index: 2; transform-origin: 100% 50%; transform: scaleY(0.5) translateY(100%); bottom: 0; left: 0; right: auto; top: auto; width: 100%; border-bottom: solid 0.05333rem #ff5257; transform-origin: 50% 100%; } @media (min-resolution: 3dppx) { .md-input-item.is-error .md-field-item-content::before { transform: scaleY(0.33) translateY(100%); } } .md-input-item.is-ios .md-input-item-input::-webkit-input-placeholder { position: relative; top: 0.04rem; overflow: visible; } .md-input-item.is-ios .md-input-item-fake::after { border-right: solid 0.08rem #2c6cf5; border-radius: 0.02667rem; } .md-input-item.is-android .md-input-item-fake::after { border-right: solid 0.05333rem #111a34; } .md-input-item.is-android .md-input-item-input, .md-input-item.is-android .md-input-item-fake { font-weight: bold; } @-webkit-keyframes keyboard-cursor { 0% { opacity: 1; } 50% { opacity: 0; } to { opacity: 1; } } @-moz-keyframes keyboard-cursor { 0% { opacity: 1; } 50% { opacity: 0; } to { opacity: 1; } } @-webkit-keyframes keyboard-cursor { 0% { opacity: 1; } 50% { opacity: 0; } to { opacity: 1; } } @-o-keyframes keyboard-cursor { 0% { opacity: 1; } 50% { opacity: 0; } to { opacity: 1; } } @keyframes keyboard-cursor { 0% { opacity: 1; } 50% { opacity: 0; } to { opacity: 1; } } .md-radio-item .md-radio { margin-top: 0; margin-bottom: 0; } .md-radio-list .md-cell-item-body.multilines .md-cell-item-title { font-weight: 500; } .md-radio-list.is-align-center .md-cell-item-content { text-align: center; } .md-radio-list.is-align-center .md-cell-left, .md-radio-list.is-align-center .md-cell-right { display: none; } .md-tag { color: #111a34; font-size: 0.37333rem; text-align: center; display: inline-block; -webkit-user-select: none; } .md-tag .default { background: rgba(0,0,0,0); color: #0057ff; border-color: #0057ff; } .md-tag .shape-square { padding: 0 0.16rem; border-radius: 50%; } .md-tag .shape-square { padding: 0 0.16rem; border-radius: 0; } .md-tag .shape-fillet { padding: 0.02667rem 0.10667rem; border-radius: 0.02667rem; } .md-tag .shape-quarter { position: relative; display: flex; width: 0.74667rem; height: 0.74667rem; background: transparent !important; overflow: hidden; } .md-tag .shape-quarter .quarter-content { position: relative; left: 10%; bottom: 10%; display: flex; flex: 1; z-index: 2; justify-content: center; align-items: center; } .md-tag .shape-quarter .quarter-bg { position: absolute; top: -100%; left: 0; width: 200%; height: 200%; border-radius: 50%; } .md-tag .shape-quarter .quarter-wrap { display: inline-block; padding: 0.21333rem 0.16rem 0.13333rem 0.34667rem; } .md-tag .shape-quarter .quarter-wrap-hidden { visibility: hidden; display: inline-block; padding: 0.21333rem 0.16rem 0.13333rem 0.34667rem; } .md-tag .shape-quarter.size-small { width: 0.53333rem; height: 0.53333rem; } .md-tag .shape-quarter.size-tiny { width: 0.32rem; height: 0.32rem; } .md-tag .shape-coupon { position: relative; padding: 0 0.13333rem; background: transparent !important; } .md-tag .shape-coupon .coupon-container { padding: 0.02667rem 0; } .md-tag .shape-coupon .left-coupon, .md-tag .shape-coupon .right-coupon { position: absolute; top: 0; width: 0.13333rem; height: 100%; } .md-tag .shape-coupon .left-coupon { left: 0; } .md-tag .shape-coupon .right-coupon { right: 0; } .md-tag .shape-coupon.size-small { padding: 0 0.10667rem; } .md-tag .shape-coupon.size-small .left-coupon, .md-tag .shape-coupon.size-small .right-coupon { width: 0.10667rem; } .md-tag .shape-coupon.size-tiny { padding: 0 0.06667rem; } .md-tag .shape-coupon.size-tiny .left-coupon, .md-tag .shape-coupon.size-tiny .right-coupon { width: 0.06667rem; } .md-tag .shape-bubble { width: 0.66667rem; padding: 0.08rem 0; border-radius: 50%; border-bottom-left-radius: 0; box-sizing: border-box; } .md-tag .shape-bubble.size-small { width: 0.50667rem; padding: 0.04rem 0; } .md-tag .shape-bubble.size-tiny { width: 0.32rem; padding: 0.02667rem 0; } .md-tag .size-large { font-size: 0.34667rem; } .md-tag .size-small { font-size: 0.26667rem; } .md-tag .size-tiny { font-size: 0.16rem; } .md-tag .type-fill { color: #fff; background: #0057ff; } .md-tag .type-ghost { border: 1px solid #0057ff; background: rgba(0,0,0,0); } .md-tag .font-weight-normal { font-weight: normal; } .md-tag .font-weight-bold { font-weight: bold; } .md-tag .font-weight-bolder { font-weight: bolder; } .md-tag .md-icon.icon-font { font-size: inherit; transform: scale(1.2); } .md-check-base-box { position: relative; display: inline-block; text-align: center; color: #111a34; font-size: 0.42667rem; padding: 0.16rem 0.26667rem; border: 1px solid #c5cad5; border-radius: 0.05333rem; box-sizing: border-box; overflow: hidden; } .md-check-base-box.is-checked { color: #0057ff; border-color: #0057ff; } .md-check-base-box.is-checked.is-disabled { color: #0057ff; border-color: #0057ff; opacity: 0.6; } .md-check-base-box.is-disabled { color: #c5cad5; border-color: #c5cad5; } .md-check-base-box .md-tag { position: absolute; top: 0; right: 0; } .md-check-base-box .md-tag .quarter-bg { background-color: #0057ff; } .md-check { display: flex; align-items: center; margin-top: 0.16rem; margin-bottom: 0.16rem; } .md-check.is-checked .md-check-icon { color: #2f86f6; } .md-check.is-disabled .md-check-icon, .md-check.is-disabled .md-check-label { color: #c5cad5; } .md-check-icon { position: relative; color: #c5cad5; } .md-check-icon .md-icon { display: flex; } .md-check-label { margin-left: 0.16rem; font-size: inherit; } .md-check-item .md-check { margin-top: 0; margin-bottom: 0; pointer-events: none; } .md-check-item .md-cell-item-body.multilines .md-cell-item-title { font-weight: 500; } .md-check-list.is-align-center .md-cell-item-content { text-align: center; } .md-check-list.is-align-center .md-cell-left, .md-check-list.is-align-center .md-cell-right { display: none; } .md-check-box { position: relative; display: inline-block; text-align: center; color: #111a34; font-size: 0.42667rem; padding: 0.16rem 0.26667rem; border: 1px solid #c5cad5; border-radius: 0.05333rem; box-sizing: border-box; overflow: hidden; } .md-check-box.is-checked { color: #0057ff; border-color: #0057ff; } .md-check-box.is-checked.is-disabled { color: #0057ff; border-color: #0057ff; opacity: 0.6; } .md-check-box.is-disabled { color: #c5cad5; border-color: #c5cad5; } .md-check-box .md-tag { position: absolute; top: 0; right: 0; } .md-check-box .md-tag .quarter-bg { background-color: #0057ff; } .md-activity-indicator-rolling:after { content: ""; display: table; clear: both; } .md-activity-indicator-rolling .rolling-container { position: relative; float: left; } .md-activity-indicator-rolling .rolling { float: left; } .md-activity-indicator-rolling .rolling circle.stroke { will-change: auto; } .md-activity-indicator-rolling .content { position: absolute; top: 0; right: 0; bottom: 0; left: 0; display: flex; justify-content: center; align-items: center; } .md-scroll-view-refresh { display: flex; padding: 0.66667rem 0; justify-content: center; align-items: center; overflow: hidden; } .md-scroll-view-refresh .md-activity-indicator-rolling .md-activity-indicator-svg { width: 0.42667rem !important; height: 0.42667rem !important; transform: rotateZ(-45deg); } .md-scroll-view-refresh .refresh-tip { margin-left: 0.2rem; font-size: 0.32rem; color: #999; } .md-scroll-view { position: relative; display: block; height: 100%; overflow: hidden; user-select: none; } .md-scroll-view .scroll-view-header, .md-scroll-view .scroll-view-footer { position: absolute; left: 0; right: 0; z-index: 2; } .md-scroll-view .scroll-view-header { top: 0; } .md-scroll-view .scroll-view-footer { bottom: 0; } .md-scroll-view .scroll-view-container { position: relative; z-index: 1; } .md-scroll-view .scroll-view-container:after { content: ""; display: table; clear: both; } .md-scroll-view .scroll-view-container .scroll-view-refresh { position: absolute; left: 0; right: 0; transform: translate3d(0, -100%, 0); } .md-scroll-view .scroll-view-container .scroll-view-refresh:after { content: ""; display: table; clear: both; } .md-scroll-view .scroll-view-container .scroll-view-more { visibility: hidden; } .md-scroll-view .scroll-view-container .scroll-view-more.active { visibility: visible; } .md-scroll-view .scroll-view-container.horizon { display: inline-block; } .md-steps { display: flex; justify-content: space-around; font-size: 0.37333rem; } .md-steps.md-steps-horizontal { align-items: center; padding: 0.53333rem 1.33333rem 1.33333rem; } .md-steps.md-steps-horizontal .step-wrapper { margin: 0 0.05333rem; justify-content: center; align-items: center; flex-direction: column; } .md-steps.md-steps-horizontal .step-wrapper.reached .text-wrapper .name { color: #41485d; } .md-steps.md-steps-horizontal .step-wrapper.current .text-wrapper .name { color: #0057ff; } .md-steps.md-steps-horizontal .text-wrapper { top: 100%; padding-top: 0.26667rem; text-align: center; } .md-steps.md-steps-horizontal .text-wrapper .name { color: #858b9c; } .md-steps.md-steps-horizontal .text-wrapper .desc { margin-top: 0.13333rem; color: #858b9c; } .md-steps.md-steps-horizontal.no-current .reached:last-of-type { display: none !important; } .md-steps.md-steps-vertical { align-items: flex-start; padding: 0.53333rem; flex-direction: column; } .md-steps.md-steps-vertical.vertical-adaptive { justify-content: normal; padding: 0.53333rem 0.53333rem 0.10667rem; } .md-steps.md-steps-vertical.vertical-adaptive .bar.vertical-bar { flex: 1; } .md-steps.md-steps-vertical .step-wrapper { width: 100%; margin: 0.05333rem 0; align-items: stretch; } .md-steps.md-steps-vertical .step-wrapper .icon-wrapper { position: relative; } .md-steps.md-steps-vertical .step-wrapper .icon-wrapper .step-node-default { min-width: 0.42667rem; min-height: 0.42667rem; } .md-steps.md-steps-vertical .step-wrapper .text-wrapper { left: 0.42667rem; padding-left: 0.53333rem; } .md-steps.md-steps-vertical .step-wrapper .text-wrapper .name, .md-steps.md-steps-vertical .step-wrapper .text-wrapper .desc { white-space: normal; } .md-steps.md-steps-vertical .step-wrapper .text-wrapper .name { color: #41485d; } .md-steps.md-steps-vertical .step-wrapper .text-wrapper .desc { margin-top: 0.24rem; color: #858b9c; } .md-steps .icon-wrapper { display: flex; justify-content: center; align-items: center; color: #e2e4ea; } .md-steps .icon-wrapper >div { display: flex; justify-content: center; align-items: center; } .md-steps .icon-wrapper:nth-child(2) { display: none; } .md-steps .icon-wrapper .step-node-default-icon { background: #e2e4ea; } .md-steps .step-wrapper { display: flex; position: relative; min-width: 0.42667rem; min-height: 0.42667rem; } .md-steps .step-wrapper .icon-wrapper { min-width: 0.42667rem; min-height: 0.42667rem; } .md-steps .step-wrapper .icon-wrapper .md-icon { width: 0.42667rem; height: 0.42667rem; font-size: 0.42667rem; line-height: 0.42667rem; } .md-steps .step-wrapper .text-wrapper { position: absolute; } .md-steps .step-wrapper .text-wrapper .name, .md-steps .step-wrapper .text-wrapper .desc { white-space: nowrap; } .md-steps .step-wrapper .text-wrapper .name { line-height: 0.37333rem; font-size: 0.37333rem; } .md-steps .step-wrapper .text-wrapper .desc { line-height: 0.37333rem; font-size: 0.34667rem; } .md-steps .step-wrapper.reached .icon-wrapper, .md-steps .step-wrapper.current .icon-wrapper { color: #0057ff; } .md-steps .step-wrapper.reached .icon-wrapper .step-node-default-icon, .md-steps .step-wrapper.current .icon-wrapper .step-node-default-icon { background: #0057ff; } .md-steps .bar { position: relative; background-color: #e2e4ea; overflow: hidden; } .md-steps .bar .bar-inner { z-index: 10; position: absolute; top: 0; left: 0; display: block; content: ''; transition: all linear 1s; } .md-steps .bar.horizontal-bar { flex: 1; height: 1px; } .md-steps .bar.horizontal-bar .bar-inner { width: 100%; height: 1px; background-color: #0057ff; } .md-steps .bar.vertical-bar { left: 0.21333rem; width: 1px; transform: translateX(-50%); } .md-steps .bar.vertical-bar .bar-inner { width: 1px; height: 100%; background-color: #0057ff; } .md-steps .bar:last-of-type.horizontal-bar { display: none; } .md-steps .bar:last-of-type.vertical-bar { visibility: hidden; } .md-swiper-item { position: relative; width: 100%; flex-shrink: 0; } .md-swiper-box { overflow: hidden; will-change: tranform; } .md-swiper, .md-swiper-box { width: 100%; height: 100%; position: relative; } .md-swiper.disabled, .md-swiper-box.disabled { visibility: hidden; } .md-swiper.md-swiper-fade .md-swiper-item, .md-swiper-box.md-swiper-fade .md-swiper-item { position: absolute; opacity: 0; top: 0; left: 0; } .md-swiper.md-swiper-vertical .md-swiper-container, .md-swiper-box.md-swiper-vertical .md-swiper-container { width: 100%; height: auto; box-orient: vertical; flex-direction: column; } .md-swiper.md-swiper-vertical .md-swiper-indicators, .md-swiper-box.md-swiper-vertical .md-swiper-indicators { flex-direction: column; right: 0.26667rem; left: auto; bottom: auto; top: 50%; transform: translate(0, -50%); } .md-swiper.md-swiper-vertical .md-swiper-indicators.disabled, .md-swiper-box.md-swiper-vertical .md-swiper-indicators.disabled { visibility: hidden; } .md-swiper.md-swiper-vertical .md-swiper-indicators .md-swiper-indicator, .md-swiper-box.md-swiper-vertical .md-swiper-indicators .md-swiper-indicator { width: 0.05333rem; height: 0.21333rem; margin: 0.03333rem 0; } .md-swiper-container { height: 100%; width: auto; position: relative; display: flex; box-sizing: content-box; } .md-swiper-indicators { position: absolute; bottom: 0.26667rem; left: 50%; display: flex; transform: translateX(-50%); } .md-swiper-indicator { width: 0.21333rem; height: 0.05333rem; display: inline-block; background: #ddd; margin: 0 0.04rem; } .md-swiper-indicator.md-swiper-indicator-active { background: #0057ff; } .md-tab-bar { position: relative; padding-left: 0.53333rem; padding-right: 0.53333rem; background-color: #f9fafb; } .md-tab-bar-inner { position: relative; width: 100%; } .md-tab-bar-list { display: flex; justify-content: space-between; min-width: 100%; } .md-tab-bar-item { flex: auto; flex-shrink: 0; position: relative; display: inline-flex; align-items: center; justify-content: center; color: #666f83; font-size: 0.37333rem; font-weight: 500; min-height: 1.33333rem; padding: 0 0.26667rem; margin: 0 auto; box-sizing: border-box; -webkit-user-select: none; -webkit-tap-highlight-color: transparent; } .md-tab-bar-item.is-active { color: #0057ff; } .md-tab-bar-item.is-disabled { color: #c5cad5; } .md-tab-bar-ink { position: absolute; bottom: 0; left: 0; display: block; height: 0.04rem; background-color: #0057ff; transition: all 300ms; } .md-tab-bar-ink.is-disabled { background-color: #c5cad5; } .md-tab-bar-start, .md-tab-bar-end { position: absolute; top: 0; left: 0; width: 0.18667rem; height: 1.33333rem; overflow: hidden; } .md-tab-bar-start::after, .md-tab-bar-end::after { content: ''; display: block; position: absolute; left: -0.18667rem; top: 50%; width: 0.18667rem; margin-top: -0.53333rem; height: 1.06667rem; border-radius: 50%; box-shadow: -1px 0 0.16rem 0 rgba(0,0,0,0.2); } .md-tab-bar-end { left: auto; right: 0; transform: rotate(180deg); } .md-tab-bar .md-scroll-view { display: block; } .md-tab-bar .scroll-view-container { min-width: 100%; } .md-button { position: relative; display: block; height: 1.33333rem; line-height: 1.33333rem; font-size: 0.48rem; font-weight: 500; font-family: "Helvetica Neue", Helvetica, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "微软雅黑", Arial, sans-serif; text-align: center; border: none; border-radius: 0.05333rem; box-sizing: border-box; outline: none; transition: all 0.3s; -webkit-appearance: none; -webkit-user-select: none; -webkit-tap-highlight-color: transparent; overflow: visible; } .md-button-inner { display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; overflow: hidden; text-overflow: ellipsis; word-break: break-all; word-wrap: break-word; white-space: nowrap; } .md-button-loading .md-activity-indicator-svg { width: 0.46667rem !important; height: 0.46667rem !important; margin-right: 0.13333rem; } .md-button-content { display: flex; align-items: center; padding: 0 0.08rem; } .md-button-content .md-icon { padding: 0; } .md-button { position: relative; } .md-button .md-icon { display: flex; align-items: center; justify-content: center; padding: 0 0.08rem; } .md-button.default { background: #fff; color: #41485d; } .md-button.default::after { content: ''; position: absolute; top: 0; left: 0; right: auto; bottom: auto; width: 200%; height: 200%; border: solid 0.04rem #c5cad5; box-sizing: border-box; transform-origin: 0 0; transform: scale(0.5); z-index: 2; border-radius: 0.10667rem; } .md-button.default.active:active { background: #f9fafb; } .md-button.default .md-button-loading .md-activity-indicator-svg .circle circle { stroke: #41485d !important; } .md-button.primary { background: #0057ff; color: #fff; } .md-button.primary::after { content: ''; position: absolute; top: 0; left: 0; right: auto; bottom: auto; width: 200%; height: 200%; border: solid 0.04rem #0057ff; box-sizing: border-box; transform-origin: 0 0; transform: scale(0.5); z-index: 2; border-radius: 0.10667rem; } .md-button.primary.active:active { background: #2a78dc; } .md-button.primary .md-button-loading .md-activity-indicator-svg .circle circle { stroke: #fff !important; } .md-button.warning { background: #ff5257; color: #fff; } .md-button.warning::after { content: ''; position: absolute; top: 0; left: 0; right: auto; bottom: auto; width: 200%; height: 200%; border: solid 0.04rem #ff5257; box-sizing: border-box; transform-origin: 0 0; transform: scale(0.5); z-index: 2; border-radius: 0.10667rem; } .md-button.warning.active:active { background: #e9424f; } .md-button.warning .md-button-loading .md-activity-indicator-svg .circle circle { stroke: #fff !important; } .md-button.disabled { background: #e2e4ea; color: #fff; } .md-button.disabled::after { content: ''; position: absolute; top: 0; left: 0; right: auto; bottom: auto; width: 200%; height: 200%; border: solid 0.04rem #e2e4ea; box-sizing: border-box; transform-origin: 0 0; transform: scale(0.5); z-index: 2; border-radius: 0.10667rem; } .md-button.disabled .md-button-loading .md-activity-indicator-svg .circle circle { stroke: #fff !important; } .md-button.plain { background: transparent; } .md-button.plain.default { color: #41485d; } .md-button.plain.default::after { content: ''; position: absolute; top: 0; left: 0; right: auto; bottom: auto; width: 200%; height: 200%; border: solid 0.04rem #c5cad5; box-sizing: border-box; transform-origin: 0 0; transform: scale(0.5); z-index: 2; border-radius: 0.10667rem; } .md-button.plain.default.active:active { background: #f9fafb; } .md-button.plain.default .md-button-loading .md-activity-indicator-svg .circle circle { stroke: #41485d !important; } .md-button.plain.primary { color: #0057ff; } .md-button.plain.primary::after { content: ''; position: absolute; top: 0; left: 0; right: auto; bottom: auto; width: 200%; height: 200%; border: solid 0.04rem #0057ff; box-sizing: border-box; transform-origin: 0 0; transform: scale(0.5); z-index: 2; border-radius: 0.10667rem; } .md-button.plain.primary.active:active { background: #eaf2fe; } .md-button.plain.primary .md-button-loading .md-activity-indicator-svg .circle circle { stroke: #0057ff !important; } .md-button.plain.warning { color: #ff5257; } .md-button.plain.warning::after { content: ''; position: absolute; top: 0; left: 0; right: auto; bottom: auto; width: 200%; height: 200%; border: solid 0.04rem #ff5257; box-sizing: border-box; transform-origin: 0 0; transform: scale(0.5); z-index: 2; border-radius: 0.10667rem; } .md-button.plain.warning.active:active { background: #fac3c6; } .md-button.plain.warning .md-button-loading .md-activity-indicator-svg .circle circle { stroke: #ff5257 !important; } .md-button.plain.disabled { color: #c5cad5; } .md-button.plain.disabled::after { content: ''; position: absolute; top: 0; left: 0; right: auto; bottom: auto; width: 200%; height: 200%; border: solid 0.04rem #c5cad5; box-sizing: border-box; transform-origin: 0 0; transform: scale(0.5); z-index: 2; border-radius: 0.10667rem; } .md-button.plain.disabled .md-button-loading .md-activity-indicator-svg .circle circle { stroke: #c5cad5 !important; } .md-button.round { border-radius: 1.33333rem; } .md-button.round:after { border-radius: 1.33333rem !important; } .md-button.inline { display: inline-block; padding: 0 0.26667rem; } .md-button.block { width: 100%; } .md-button.small { height: 0.85333rem; line-height: 0.85333rem; font-size: 0.37333rem; } .md-button.small.round { border-radius: 0.85333rem; } .md-button.small.round:after { border-radius: 0.85333rem; } .md-button.link { display: inline; width: auto; height: auto; line-height: normal; font-size: 0.37333rem; font-weight: 400; color: #0057ff; background: transparent; } .md-button.link.inactive { color: #c5cad5; opacity: 1; } .md-button.inactive { opacity: 0.3; } .md-button.inactive.disabled { opacity: 1; } .md-notice-bar { display: flex; z-index: 999; font-size: 0.34667rem; min-height: 0.85333rem; background-color: rgba(89,158,248,0.08); color: #0057ff; position: relative; padding-left: 0.42667rem; box-sizing: border-box; } .md-notice-bar.md-notice-bar-round { border-radius: 0.42667rem; } .md-notice-bar.activity { background-color: #ffedde; color: #ff843d; } .md-notice-bar.warning { background-color: #ffeeef; color: #ff5b60; } .md-notice-bar-left, .md-notice-bar-right { display: flex; align-items: center; } .md-notice-bar-left { padding-right: 0.16rem; } .md-notice-bar-right { padding-right: 0.42667rem; } .md-notice-bar-empty { padding-right: 0; } .md-notice-bar-content { flex: 1; margin: auto; width: auto; line-height: 0.85333rem; white-space: nowrap; overflow: hidden; } .md-notice-bar-content.md-notice-bar-multi-content { padding: 0.26667rem 0; line-height: 0.48rem; white-space: normal; } .md-notice-bar-content .md-notice-bar-content-animate { padding-left: 100%; display: inline-block; animation: md-notice-bar-animation linear 16s infinite both; } @-moz-keyframes md-notice-bar-animation { 0% { transform: translate3d(0, 0, 0); } 100% { transform: translate3d(-100%, 0, 0); } } @-webkit-keyframes md-notice-bar-animation { 0% { transform: translate3d(0, 0, 0); } 100% { transform: translate3d(-100%, 0, 0); } } @-o-keyframes md-notice-bar-animation { 0% { transform: translate3d(0, 0, 0); } 100% { transform: translate3d(-100%, 0, 0); } } @keyframes md-notice-bar-animation { 0% { transform: translate3d(0, 0, 0); } 100% { transform: translate3d(-100%, 0, 0); } } .md-popup-title-bar[data-v-e23f0fda] { position: relative; width: 100%; height: 1.6rem; background-color: #fff; border-radius: 0.10667rem 0.10667rem 0 0; overflow: hidden; } .md-popup-title-bar[data-v-e23f0fda]:after { content: ""; display: table; clear: both; } .md-popup-title-bar.large[data-v-e23f0fda] { height: 2.4rem; } .md-popup-title-bar.large-radius[data-v-e23f0fda] { border-radius: 0.53333rem 0.53333rem 0 0; } .md-popup-title-bar.title-align-left .title-bar-title[data-v-e23f0fda] { padding-left: 0.53333rem; align-items: flex-start; } .md-popup-title-bar.title-align-left .title-bar-left[data-v-e23f0fda] { display: none; } .md-popup-title-bar.title-align-right .title-bar-title[data-v-e23f0fda] { padding-right: 0.53333rem; align-items: flex-end; } .md-popup-title-bar.title-align-right .title-bar-right[data-v-e23f0fda] { display: none; } .md-popup-title-bar>div[data-v-e23f0fda] { display: flex; float: left; height: 100%; padding-top: 0.8rem; flex-direction: column; align-items: center; justify-content: flex-start; overflow: hidden; text-overflow: ellipsis; word-break: break-all; word-wrap: break-word; white-space: nowrap; } .md-popup-title-bar .title-bar-left[data-v-e23f0fda], .md-popup-title-bar .title-bar-right[data-v-e23f0fda] { position: absolute; width: 20%; max-height: 1.6rem; font-size: 0.48rem; font-weight: 500; box-sizing: border-box; line-height: 1; } .md-popup-title-bar .title-bar-title[data-v-e23f0fda] { width: 100%; padding-left: 20%; padding-right: 20%; box-sizing: border-box; line-height: 1; } .md-popup-title-bar .title-bar-title p.title[data-v-e23f0fda] { font-size: 0.53333rem; color: #111a34; } .md-popup-title-bar .title-bar-title p.describe[data-v-e23f0fda] { margin-top: 0.2rem; font-size: 0.37333rem; color: #858b9c; } .md-popup-title-bar .title-bar-left[data-v-e23f0fda] { left: 0; padding-left: 0.53333rem; align-items: flex-start; } .md-popup-title-bar .title-bar-right[data-v-e23f0fda] { right: 0; padding-right: 0.53333rem; align-items: flex-end; } .md-popup-title-bar .md-popup-cancel[data-v-e23f0fda] { color: #666f83; } .md-popup-title-bar .md-popup-confirm[data-v-e23f0fda] { color: #2f86f6; } .md-popup-title-bar .md-popup-close[data-v-e23f0fda] { padding-top: 0.53333rem; color: #666f83; justify-content: flex-start; } .md-textarea-item-msg { color: #ff5257; } .md-textarea-item .md-field-item-content { align-items: normal; } .md-textarea-item.is-disabled .md-textarea-item__textarea { -webkit-text-fill-color: #858b9c; color: #858b9c; } .md-textarea-item .md-field-item-right { align-items: start; } .md-textarea-item__clear { padding: 0.08rem 0; color: #c5cad5; } .md-textarea-item__clear .md-icon { display: flex; } .md-textarea-item__textarea { box-sizing: border-box; width: 100%; font: 500 0.42667rem "Helvetica Neue", Helvetica, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "微软雅黑", Arial, sans-serif; line-height: 1.4; color: #111a34; background: transparent; border: none; outline: none; resize: none; appearance: none; -webkit-tap-highlight-color: transparent; } .md-textarea-item__textarea::-webkit-input-placeholder { color: #c5cad5; font-weight: 400; } .md-textarea-item.is-error .md-field-item-content::before { content: ''; position: absolute; z-index: 2; transform-origin: 100% 50%; transform: scaleY(0.5) translateY(100%); bottom: 0; left: 0; right: auto; top: auto; width: 100%; border-bottom: solid 0.05333rem #ff5257; transform-origin: 50% 100%; } @media (min-resolution: 3dppx) { .md-textarea-item.is-error .md-field-item-content::before { transform: scaleY(0.33) translateY(100%); } } .md-activity-indicator-spinning:after { content: ""; display: table; clear: both; } .md-activity-indicator-spinning .md-icon { float: left; } .md-activity-indicator-spinning.dark .md-icon { filter: invert(1); } .md-activity-indicator-carousel:after { content: ""; display: table; clear: both; } .md-activity-indicator-carousel .carouseling { float: left; overflow: visible; } .md-activity-indicator .indicator-container { display: flex; flex-direction: row; align-items: center; } .md-activity-indicator .indicator-container .indicator-text { margin: 0 0 0 0.2rem; color: #666f83; } .md-activity-indicator .indicator-container.vertical { flex-direction: column; justify-content: center; } .md-activity-indicator .indicator-container.vertical .indicator-text { margin: 0.2rem 0 0 0; }