|
- 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;
- }
|