+ {needNavBar && (
+ hist.push(leftRoute)}
+ leftContent={leftContentArr}
+ >
+ {`${navTitle}`}
+
+ )}
+ {props.children}
+
+
+
+ )
+}
+
+export default Wrapper
diff --git a/pwa/src/antd-mobile.css b/pwa/src/antd-mobile.css
index aaefaa0..d31d677 100644
--- a/pwa/src/antd-mobile.css
+++ b/pwa/src/antd-mobile.css
@@ -18,9 +18,9 @@
*/
html {
- line-height: 1.15; /* 1 */
- -ms-text-size-adjust: 100%; /* 2 */
- -webkit-text-size-adjust: 100%; /* 2 */
+ line-height: 1.15; /* 1 */
+ -ms-text-size-adjust: 100%; /* 2 */
+ -webkit-text-size-adjust: 100%; /* 2 */
}
/* Sections
@@ -31,7 +31,7 @@ html {
*/
body {
- margin: 0;
+ margin: 0;
}
/**
@@ -44,7 +44,7 @@ footer,
header,
nav,
section {
- display: block;
+ display: block;
}
/**
@@ -53,8 +53,8 @@ section {
*/
h1 {
- font-size: 2em;
- margin: 0.67em 0;
+ font-size: 2em;
+ margin: 0.67em 0;
}
/* Grouping content
@@ -67,8 +67,9 @@ h1 {
figcaption,
figure,
-main { /* 1 */
- display: block;
+main {
+ /* 1 */
+ display: block;
}
/**
@@ -76,7 +77,7 @@ main { /* 1 */
*/
figure {
- margin: 1em 40px;
+ margin: 1em 40px;
}
/**
@@ -85,10 +86,10 @@ figure {
*/
hr {
- -webkit-box-sizing: content-box;
- box-sizing: content-box; /* 1 */
- height: 0; /* 1 */
- overflow: visible; /* 2 */
+ -webkit-box-sizing: content-box;
+ box-sizing: content-box; /* 1 */
+ height: 0; /* 1 */
+ overflow: visible; /* 2 */
}
/**
@@ -97,8 +98,8 @@ hr {
*/
pre {
- font-family: monospace, monospace; /* 1 */
- font-size: 1em; /* 2 */
+ font-family: monospace, monospace; /* 1 */
+ font-size: 1em; /* 2 */
}
/* Text-level semantics
@@ -110,8 +111,8 @@ pre {
*/
a {
- background-color: transparent; /* 1 */
- -webkit-text-decoration-skip: objects; /* 2 */
+ background-color: transparent; /* 1 */
+ -webkit-text-decoration-skip: objects; /* 2 */
}
/**
@@ -120,10 +121,10 @@ a {
*/
abbr[title] {
- border-bottom: none; /* 1 */
- text-decoration: underline; /* 2 */
- -webkit-text-decoration: underline dotted;
- text-decoration: underline dotted; /* 2 */
+ border-bottom: none; /* 1 */
+ text-decoration: underline; /* 2 */
+ -webkit-text-decoration: underline dotted;
+ text-decoration: underline dotted; /* 2 */
}
/**
@@ -132,7 +133,7 @@ abbr[title] {
b,
strong {
- font-weight: inherit;
+ font-weight: inherit;
}
/**
@@ -141,7 +142,7 @@ strong {
b,
strong {
- font-weight: bolder;
+ font-weight: bolder;
}
/**
@@ -152,8 +153,8 @@ strong {
code,
kbd,
samp {
- font-family: monospace, monospace; /* 1 */
- font-size: 1em; /* 2 */
+ font-family: monospace, monospace; /* 1 */
+ font-size: 1em; /* 2 */
}
/**
@@ -161,7 +162,7 @@ samp {
*/
dfn {
- font-style: italic;
+ font-style: italic;
}
/**
@@ -169,8 +170,8 @@ dfn {
*/
mark {
- background-color: #ff0;
- color: #000;
+ background-color: #ff0;
+ color: #000;
}
/**
@@ -178,7 +179,7 @@ mark {
*/
small {
- font-size: 80%;
+ font-size: 80%;
}
/**
@@ -188,18 +189,18 @@ small {
sub,
sup {
- font-size: 75%;
- line-height: 0;
- position: relative;
- vertical-align: baseline;
+ font-size: 75%;
+ line-height: 0;
+ position: relative;
+ vertical-align: baseline;
}
sub {
- bottom: -0.25em;
+ bottom: -0.25em;
}
sup {
- top: -0.5em;
+ top: -0.5em;
}
/* Embedded content
@@ -211,7 +212,7 @@ sup {
audio,
video {
- display: inline-block;
+ display: inline-block;
}
/**
@@ -219,8 +220,8 @@ video {
*/
audio:not([controls]) {
- display: none;
- height: 0;
+ display: none;
+ height: 0;
}
/**
@@ -228,7 +229,7 @@ audio:not([controls]) {
*/
img {
- border-style: none;
+ border-style: none;
}
/**
@@ -236,7 +237,7 @@ img {
*/
svg:not(:root) {
- overflow: hidden;
+ overflow: hidden;
}
/* Forms
@@ -252,10 +253,10 @@ input,
optgroup,
select,
textarea {
- font-family: sans-serif; /* 1 */
- font-size: 100%; /* 1 */
- line-height: 1.15; /* 1 */
- margin: 0; /* 2 */
+ font-family: sans-serif; /* 1 */
+ font-size: 100%; /* 1 */
+ line-height: 1.15; /* 1 */
+ margin: 0; /* 2 */
}
/**
@@ -264,8 +265,9 @@ textarea {
*/
button,
-input { /* 1 */
- overflow: visible;
+input {
+ /* 1 */
+ overflow: visible;
}
/**
@@ -274,8 +276,9 @@ input { /* 1 */
*/
button,
-select { /* 1 */
- text-transform: none;
+select {
+ /* 1 */
+ text-transform: none;
}
/**
@@ -288,7 +291,7 @@ button,
html [type="button"], /* 1 */
[type="reset"],
[type="submit"] {
- -webkit-appearance: button; /* 2 */
+ -webkit-appearance: button; /* 2 */
}
/**
@@ -296,11 +299,11 @@ html [type="button"], /* 1 */
*/
button::-moz-focus-inner,
-[type="button"]::-moz-focus-inner,
-[type="reset"]::-moz-focus-inner,
-[type="submit"]::-moz-focus-inner {
- border-style: none;
- padding: 0;
+[type='button']::-moz-focus-inner,
+[type='reset']::-moz-focus-inner,
+[type='submit']::-moz-focus-inner {
+ border-style: none;
+ padding: 0;
}
/**
@@ -308,10 +311,10 @@ button::-moz-focus-inner,
*/
button:-moz-focusring,
-[type="button"]:-moz-focusring,
-[type="reset"]:-moz-focusring,
-[type="submit"]:-moz-focusring {
- outline: 1px dotted ButtonText;
+[type='button']:-moz-focusring,
+[type='reset']:-moz-focusring,
+[type='submit']:-moz-focusring {
+ outline: 1px dotted ButtonText;
}
/**
@@ -319,7 +322,7 @@ button:-moz-focusring,
*/
fieldset {
- padding: 0.35em 0.75em 0.625em;
+ padding: 0.35em 0.75em 0.625em;
}
/**
@@ -330,13 +333,13 @@ fieldset {
*/
legend {
- -webkit-box-sizing: border-box;
- box-sizing: border-box; /* 1 */
- color: inherit; /* 2 */
- display: table; /* 1 */
- max-width: 100%; /* 1 */
- padding: 0; /* 3 */
- white-space: normal; /* 1 */
+ -webkit-box-sizing: border-box;
+ box-sizing: border-box; /* 1 */
+ color: inherit; /* 2 */
+ display: table; /* 1 */
+ max-width: 100%; /* 1 */
+ padding: 0; /* 3 */
+ white-space: normal; /* 1 */
}
/**
@@ -345,8 +348,8 @@ legend {
*/
progress {
- display: inline-block; /* 1 */
- vertical-align: baseline; /* 2 */
+ display: inline-block; /* 1 */
+ vertical-align: baseline; /* 2 */
}
/**
@@ -354,7 +357,7 @@ progress {
*/
textarea {
- overflow: auto;
+ overflow: auto;
}
/**
@@ -362,20 +365,20 @@ textarea {
* 2. Remove the padding in IE 10-.
*/
-[type="checkbox"],
-[type="radio"] {
- -webkit-box-sizing: border-box;
- box-sizing: border-box; /* 1 */
- padding: 0; /* 2 */
+[type='checkbox'],
+[type='radio'] {
+ -webkit-box-sizing: border-box;
+ box-sizing: border-box; /* 1 */
+ padding: 0; /* 2 */
}
/**
* Correct the cursor style of increment and decrement buttons in Chrome.
*/
-[type="number"]::-webkit-inner-spin-button,
-[type="number"]::-webkit-outer-spin-button {
- height: auto;
+[type='number']::-webkit-inner-spin-button,
+[type='number']::-webkit-outer-spin-button {
+ height: auto;
}
/**
@@ -383,18 +386,18 @@ textarea {
* 2. Correct the outline style in Safari.
*/
-[type="search"] {
- -webkit-appearance: textfield; /* 1 */
- outline-offset: -2px; /* 2 */
+[type='search'] {
+ -webkit-appearance: textfield; /* 1 */
+ outline-offset: -2px; /* 2 */
}
/**
* Remove the inner padding and cancel buttons in Chrome and Safari on macOS.
*/
-[type="search"]::-webkit-search-cancel-button,
-[type="search"]::-webkit-search-decoration {
- -webkit-appearance: none;
+[type='search']::-webkit-search-cancel-button,
+[type='search']::-webkit-search-decoration {
+ -webkit-appearance: none;
}
/**
@@ -403,8 +406,8 @@ textarea {
*/
::-webkit-file-upload-button {
- -webkit-appearance: button; /* 1 */
- font: inherit; /* 2 */
+ -webkit-appearance: button; /* 1 */
+ font: inherit; /* 2 */
}
/* Interactive
@@ -417,7 +420,7 @@ textarea {
details, /* 1 */
menu {
- display: block;
+ display: block;
}
/*
@@ -425,7 +428,7 @@ menu {
*/
summary {
- display: list-item;
+ display: list-item;
}
/* Scripting
@@ -436,7 +439,7 @@ summary {
*/
canvas {
- display: inline-block;
+ display: inline-block;
}
/**
@@ -444,7 +447,7 @@ canvas {
*/
template {
- display: none;
+ display: none;
}
/* Hidden
@@ -455,7255 +458,7821 @@ template {
*/
[hidden] {
- display: none;
+ display: none;
}
/*do not import this file except components/style/index.less*/
.am-fade-enter,
.am-fade-appear {
- opacity: 0;
- -webkit-animation-duration: .2s;
- animation-duration: .2s;
- -webkit-animation-fill-mode: both;
- animation-fill-mode: both;
- -webkit-animation-timing-function: cubic-bezier(0.55, 0, 0.55, 0.2);
- animation-timing-function: cubic-bezier(0.55, 0, 0.55, 0.2);
- -webkit-animation-play-state: paused;
- animation-play-state: paused;
+ opacity: 0;
+ -webkit-animation-duration: 0.2s;
+ animation-duration: 0.2s;
+ -webkit-animation-fill-mode: both;
+ animation-fill-mode: both;
+ -webkit-animation-timing-function: cubic-bezier(0.55, 0, 0.55, 0.2);
+ animation-timing-function: cubic-bezier(0.55, 0, 0.55, 0.2);
+ -webkit-animation-play-state: paused;
+ animation-play-state: paused;
}
.am-fade-leave {
- -webkit-animation-duration: .2s;
- animation-duration: .2s;
- -webkit-animation-fill-mode: both;
- animation-fill-mode: both;
- -webkit-animation-timing-function: cubic-bezier(0.55, 0, 0.55, 0.2);
- animation-timing-function: cubic-bezier(0.55, 0, 0.55, 0.2);
- -webkit-animation-play-state: paused;
- animation-play-state: paused;
+ -webkit-animation-duration: 0.2s;
+ animation-duration: 0.2s;
+ -webkit-animation-fill-mode: both;
+ animation-fill-mode: both;
+ -webkit-animation-timing-function: cubic-bezier(0.55, 0, 0.55, 0.2);
+ animation-timing-function: cubic-bezier(0.55, 0, 0.55, 0.2);
+ -webkit-animation-play-state: paused;
+ animation-play-state: paused;
}
.am-fade-enter.am-fade-enter-active,
.am-fade-appear.am-fade-appear-active {
- -webkit-animation-name: amFadeIn;
- animation-name: amFadeIn;
- -webkit-animation-play-state: running;
- animation-play-state: running;
+ -webkit-animation-name: amFadeIn;
+ animation-name: amFadeIn;
+ -webkit-animation-play-state: running;
+ animation-play-state: running;
}
.am-fade-leave.am-fade-leave-active {
- -webkit-animation-name: amFadeOut;
- animation-name: amFadeOut;
- -webkit-animation-play-state: running;
- animation-play-state: running;
+ -webkit-animation-name: amFadeOut;
+ animation-name: amFadeOut;
+ -webkit-animation-play-state: running;
+ animation-play-state: running;
}
@-webkit-keyframes amFadeIn {
- 0% {
- opacity: 0;
- }
- 100% {
- opacity: 1;
- }
+ 0% {
+ opacity: 0;
+ }
+ 100% {
+ opacity: 1;
+ }
}
@keyframes amFadeIn {
- 0% {
- opacity: 0;
- }
- 100% {
- opacity: 1;
- }
+ 0% {
+ opacity: 0;
+ }
+ 100% {
+ opacity: 1;
+ }
}
@-webkit-keyframes amFadeOut {
- 0% {
- opacity: 1;
- }
- 100% {
- opacity: 0;
- }
+ 0% {
+ opacity: 1;
+ }
+ 100% {
+ opacity: 0;
+ }
}
@keyframes amFadeOut {
- 0% {
- opacity: 1;
- }
- 100% {
- opacity: 0;
- }
+ 0% {
+ opacity: 1;
+ }
+ 100% {
+ opacity: 0;
+ }
}
.am-slide-up-enter,
.am-slide-up-appear {
- -webkit-transform: translate(0, 100%);
- -ms-transform: translate(0, 100%);
- transform: translate(0, 100%);
+ -webkit-transform: translate(0, 100%);
+ -ms-transform: translate(0, 100%);
+ transform: translate(0, 100%);
}
.am-slide-up-enter,
.am-slide-up-appear,
.am-slide-up-leave {
- -webkit-animation-duration: .2s;
- animation-duration: .2s;
- -webkit-animation-fill-mode: both;
- animation-fill-mode: both;
- -webkit-animation-timing-function: cubic-bezier(0.55, 0, 0.55, 0.2);
- animation-timing-function: cubic-bezier(0.55, 0, 0.55, 0.2);
- -webkit-animation-play-state: paused;
- animation-play-state: paused;
+ -webkit-animation-duration: 0.2s;
+ animation-duration: 0.2s;
+ -webkit-animation-fill-mode: both;
+ animation-fill-mode: both;
+ -webkit-animation-timing-function: cubic-bezier(0.55, 0, 0.55, 0.2);
+ animation-timing-function: cubic-bezier(0.55, 0, 0.55, 0.2);
+ -webkit-animation-play-state: paused;
+ animation-play-state: paused;
}
.am-slide-up-enter.am-slide-up-enter-active,
.am-slide-up-appear.am-slide-up-appear-active {
- -webkit-animation-name: amSlideUpIn;
- animation-name: amSlideUpIn;
- -webkit-animation-play-state: running;
- animation-play-state: running;
+ -webkit-animation-name: amSlideUpIn;
+ animation-name: amSlideUpIn;
+ -webkit-animation-play-state: running;
+ animation-play-state: running;
}
.am-slide-up-leave.am-slide-up-leave-active {
- -webkit-animation-name: amSlideUpOut;
- animation-name: amSlideUpOut;
- -webkit-animation-play-state: running;
- animation-play-state: running;
+ -webkit-animation-name: amSlideUpOut;
+ animation-name: amSlideUpOut;
+ -webkit-animation-play-state: running;
+ animation-play-state: running;
}
@-webkit-keyframes amSlideUpIn {
- 0% {
- -webkit-transform: translate(0, 100%);
- transform: translate(0, 100%);
- }
- 100% {
- -webkit-transform: translate(0, 0);
- transform: translate(0, 0);
- }
+ 0% {
+ -webkit-transform: translate(0, 100%);
+ transform: translate(0, 100%);
+ }
+ 100% {
+ -webkit-transform: translate(0, 0);
+ transform: translate(0, 0);
+ }
}
@keyframes amSlideUpIn {
- 0% {
- -webkit-transform: translate(0, 100%);
- transform: translate(0, 100%);
- }
- 100% {
- -webkit-transform: translate(0, 0);
- transform: translate(0, 0);
- }
+ 0% {
+ -webkit-transform: translate(0, 100%);
+ transform: translate(0, 100%);
+ }
+ 100% {
+ -webkit-transform: translate(0, 0);
+ transform: translate(0, 0);
+ }
}
@-webkit-keyframes amSlideUpOut {
- 0% {
- -webkit-transform: translate(0, 0);
- transform: translate(0, 0);
- }
- 100% {
- -webkit-transform: translate(0, 100%);
- transform: translate(0, 100%);
- }
+ 0% {
+ -webkit-transform: translate(0, 0);
+ transform: translate(0, 0);
+ }
+ 100% {
+ -webkit-transform: translate(0, 100%);
+ transform: translate(0, 100%);
+ }
}
@keyframes amSlideUpOut {
- 0% {
- -webkit-transform: translate(0, 0);
- transform: translate(0, 0);
- }
- 100% {
- -webkit-transform: translate(0, 100%);
- transform: translate(0, 100%);
- }
+ 0% {
+ -webkit-transform: translate(0, 0);
+ transform: translate(0, 0);
+ }
+ 100% {
+ -webkit-transform: translate(0, 100%);
+ transform: translate(0, 100%);
+ }
}
.am.am-zoom-enter,
.am.am-zoom-leave {
- display: block;
+ display: block;
}
.am-zoom-enter,
.am-zoom-appear {
- opacity: 0;
- -webkit-animation-duration: .2s;
- animation-duration: .2s;
- -webkit-animation-fill-mode: both;
- animation-fill-mode: both;
- -webkit-animation-timing-function: cubic-bezier(0.55, 0, 0.55, 0.2);
- animation-timing-function: cubic-bezier(0.55, 0, 0.55, 0.2);
- -webkit-animation-timing-function: cubic-bezier(0.18, 0.89, 0.32, 1.28);
- animation-timing-function: cubic-bezier(0.18, 0.89, 0.32, 1.28);
- -webkit-animation-play-state: paused;
- animation-play-state: paused;
+ opacity: 0;
+ -webkit-animation-duration: 0.2s;
+ animation-duration: 0.2s;
+ -webkit-animation-fill-mode: both;
+ animation-fill-mode: both;
+ -webkit-animation-timing-function: cubic-bezier(0.55, 0, 0.55, 0.2);
+ animation-timing-function: cubic-bezier(0.55, 0, 0.55, 0.2);
+ -webkit-animation-timing-function: cubic-bezier(0.18, 0.89, 0.32, 1.28);
+ animation-timing-function: cubic-bezier(0.18, 0.89, 0.32, 1.28);
+ -webkit-animation-play-state: paused;
+ animation-play-state: paused;
}
.am-zoom-leave {
- -webkit-animation-duration: .2s;
- animation-duration: .2s;
- -webkit-animation-fill-mode: both;
- animation-fill-mode: both;
- -webkit-animation-timing-function: cubic-bezier(0.55, 0, 0.55, 0.2);
- animation-timing-function: cubic-bezier(0.55, 0, 0.55, 0.2);
- -webkit-animation-timing-function: cubic-bezier(0.6, -0.3, 0.74, 0.05);
- animation-timing-function: cubic-bezier(0.6, -0.3, 0.74, 0.05);
- -webkit-animation-play-state: paused;
- animation-play-state: paused;
+ -webkit-animation-duration: 0.2s;
+ animation-duration: 0.2s;
+ -webkit-animation-fill-mode: both;
+ animation-fill-mode: both;
+ -webkit-animation-timing-function: cubic-bezier(0.55, 0, 0.55, 0.2);
+ animation-timing-function: cubic-bezier(0.55, 0, 0.55, 0.2);
+ -webkit-animation-timing-function: cubic-bezier(0.6, -0.3, 0.74, 0.05);
+ animation-timing-function: cubic-bezier(0.6, -0.3, 0.74, 0.05);
+ -webkit-animation-play-state: paused;
+ animation-play-state: paused;
}
.am-zoom-enter.am-zoom-enter-active,
.am-zoom-appear.am-zoom-appear-active {
- -webkit-animation-name: amZoomIn;
- animation-name: amZoomIn;
- -webkit-animation-play-state: running;
- animation-play-state: running;
+ -webkit-animation-name: amZoomIn;
+ animation-name: amZoomIn;
+ -webkit-animation-play-state: running;
+ animation-play-state: running;
}
.am-zoom-leave.am-zoom-leave-active {
- -webkit-animation-name: amZoomOut;
- animation-name: amZoomOut;
- -webkit-animation-play-state: running;
- animation-play-state: running;
+ -webkit-animation-name: amZoomOut;
+ animation-name: amZoomOut;
+ -webkit-animation-play-state: running;
+ animation-play-state: running;
}
@-webkit-keyframes amZoomIn {
- 0% {
- opacity: 0;
- -webkit-transform-origin: 50% 50%;
- transform-origin: 50% 50%;
- -webkit-transform: scale(0, 0);
- transform: scale(0, 0);
- }
- 100% {
- opacity: 1;
- -webkit-transform-origin: 50% 50%;
- transform-origin: 50% 50%;
- -webkit-transform: scale(1, 1);
- transform: scale(1, 1);
- }
+ 0% {
+ opacity: 0;
+ -webkit-transform-origin: 50% 50%;
+ transform-origin: 50% 50%;
+ -webkit-transform: scale(0, 0);
+ transform: scale(0, 0);
+ }
+ 100% {
+ opacity: 1;
+ -webkit-transform-origin: 50% 50%;
+ transform-origin: 50% 50%;
+ -webkit-transform: scale(1, 1);
+ transform: scale(1, 1);
+ }
}
@keyframes amZoomIn {
- 0% {
- opacity: 0;
- -webkit-transform-origin: 50% 50%;
- transform-origin: 50% 50%;
- -webkit-transform: scale(0, 0);
- transform: scale(0, 0);
- }
- 100% {
- opacity: 1;
- -webkit-transform-origin: 50% 50%;
- transform-origin: 50% 50%;
- -webkit-transform: scale(1, 1);
- transform: scale(1, 1);
- }
+ 0% {
+ opacity: 0;
+ -webkit-transform-origin: 50% 50%;
+ transform-origin: 50% 50%;
+ -webkit-transform: scale(0, 0);
+ transform: scale(0, 0);
+ }
+ 100% {
+ opacity: 1;
+ -webkit-transform-origin: 50% 50%;
+ transform-origin: 50% 50%;
+ -webkit-transform: scale(1, 1);
+ transform: scale(1, 1);
+ }
}
@-webkit-keyframes amZoomOut {
- 0% {
- opacity: 1;
- -webkit-transform-origin: 50% 50%;
- transform-origin: 50% 50%;
- -webkit-transform: scale(1, 1);
- transform: scale(1, 1);
- }
- 100% {
- opacity: 0;
- -webkit-transform-origin: 50% 50%;
- transform-origin: 50% 50%;
- -webkit-transform: scale(0, 0);
- transform: scale(0, 0);
- }
+ 0% {
+ opacity: 1;
+ -webkit-transform-origin: 50% 50%;
+ transform-origin: 50% 50%;
+ -webkit-transform: scale(1, 1);
+ transform: scale(1, 1);
+ }
+ 100% {
+ opacity: 0;
+ -webkit-transform-origin: 50% 50%;
+ transform-origin: 50% 50%;
+ -webkit-transform: scale(0, 0);
+ transform: scale(0, 0);
+ }
}
@keyframes amZoomOut {
- 0% {
- opacity: 1;
- -webkit-transform-origin: 50% 50%;
- transform-origin: 50% 50%;
- -webkit-transform: scale(1, 1);
- transform: scale(1, 1);
- }
- 100% {
- opacity: 0;
- -webkit-transform-origin: 50% 50%;
- transform-origin: 50% 50%;
- -webkit-transform: scale(0, 0);
- transform: scale(0, 0);
- }
+ 0% {
+ opacity: 1;
+ -webkit-transform-origin: 50% 50%;
+ transform-origin: 50% 50%;
+ -webkit-transform: scale(1, 1);
+ transform: scale(1, 1);
+ }
+ 100% {
+ opacity: 0;
+ -webkit-transform-origin: 50% 50%;
+ transform-origin: 50% 50%;
+ -webkit-transform: scale(0, 0);
+ transform: scale(0, 0);
+ }
}
.am-slide-down-enter,
.am-slide-down-appear {
- -webkit-transform: translate(0, -100%);
- -ms-transform: translate(0, -100%);
- transform: translate(0, -100%);
+ -webkit-transform: translate(0, -100%);
+ -ms-transform: translate(0, -100%);
+ transform: translate(0, -100%);
}
.am-slide-down-enter,
.am-slide-down-appear,
.am-slide-down-leave {
- -webkit-animation-duration: .2s;
- animation-duration: .2s;
- -webkit-animation-fill-mode: both;
- animation-fill-mode: both;
- -webkit-animation-timing-function: cubic-bezier(0.55, 0, 0.55, 0.2);
- animation-timing-function: cubic-bezier(0.55, 0, 0.55, 0.2);
- -webkit-animation-play-state: paused;
- animation-play-state: paused;
+ -webkit-animation-duration: 0.2s;
+ animation-duration: 0.2s;
+ -webkit-animation-fill-mode: both;
+ animation-fill-mode: both;
+ -webkit-animation-timing-function: cubic-bezier(0.55, 0, 0.55, 0.2);
+ animation-timing-function: cubic-bezier(0.55, 0, 0.55, 0.2);
+ -webkit-animation-play-state: paused;
+ animation-play-state: paused;
}
.am-slide-down-enter.am-slide-down-enter-active,
.am-slide-down-appear.am-slide-down-appear-active {
- -webkit-animation-name: amSlideDownIn;
- animation-name: amSlideDownIn;
- -webkit-animation-play-state: running;
- animation-play-state: running;
+ -webkit-animation-name: amSlideDownIn;
+ animation-name: amSlideDownIn;
+ -webkit-animation-play-state: running;
+ animation-play-state: running;
}
.am-slide-down-leave.am-slide-down-leave-active {
- -webkit-animation-name: amSlideDownOut;
- animation-name: amSlideDownOut;
- -webkit-animation-play-state: running;
- animation-play-state: running;
+ -webkit-animation-name: amSlideDownOut;
+ animation-name: amSlideDownOut;
+ -webkit-animation-play-state: running;
+ animation-play-state: running;
}
@-webkit-keyframes amSlideDownIn {
- 0% {
- -webkit-transform: translate(0, -100%);
- transform: translate(0, -100%);
- }
- 100% {
- -webkit-transform: translate(0, 0);
- transform: translate(0, 0);
- }
+ 0% {
+ -webkit-transform: translate(0, -100%);
+ transform: translate(0, -100%);
+ }
+ 100% {
+ -webkit-transform: translate(0, 0);
+ transform: translate(0, 0);
+ }
}
@keyframes amSlideDownIn {
- 0% {
- -webkit-transform: translate(0, -100%);
- transform: translate(0, -100%);
- }
- 100% {
- -webkit-transform: translate(0, 0);
- transform: translate(0, 0);
- }
+ 0% {
+ -webkit-transform: translate(0, -100%);
+ transform: translate(0, -100%);
+ }
+ 100% {
+ -webkit-transform: translate(0, 0);
+ transform: translate(0, 0);
+ }
}
@-webkit-keyframes amSlideDownOut {
- 0% {
- -webkit-transform: translate(0, 0);
- transform: translate(0, 0);
- }
- 100% {
- -webkit-transform: translate(0, -100%);
- transform: translate(0, -100%);
- }
+ 0% {
+ -webkit-transform: translate(0, 0);
+ transform: translate(0, 0);
+ }
+ 100% {
+ -webkit-transform: translate(0, -100%);
+ transform: translate(0, -100%);
+ }
}
@keyframes amSlideDownOut {
- 0% {
- -webkit-transform: translate(0, 0);
- transform: translate(0, 0);
- }
- 100% {
- -webkit-transform: translate(0, -100%);
- transform: translate(0, -100%);
- }
+ 0% {
+ -webkit-transform: translate(0, 0);
+ transform: translate(0, 0);
+ }
+ 100% {
+ -webkit-transform: translate(0, -100%);
+ transform: translate(0, -100%);
+ }
}
*,
*:before,
*:after {
- -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
+ -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
body {
- background-color: #f5f5f9;
- font-size: 14px;
+ background-color: #f5f5f9;
+ font-size: 14px;
}
*[contenteditable] {
- -webkit-user-select: auto !important;
+ -webkit-user-select: auto !important;
}
*:focus {
- outline: none;
+ outline: none;
}
a {
- background: transparent;
- text-decoration: none;
- outline: none;
+ background: transparent;
+ text-decoration: none;
+ outline: none;
}
.am-accordion {
- position: relative;
- border-top: 1PX solid #ddd;
+ position: relative;
+ border-top: 1px solid #ddd;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
- html:not([data-scale]) .am-accordion {
- border-top: none;
- }
- html:not([data-scale]) .am-accordion::before {
- content: '';
- position: absolute;
- background-color: #ddd;
- display: block;
- z-index: 1;
- top: 0;
- right: auto;
- bottom: auto;
- left: 0;
- width: 100%;
- height: 1PX;
- -webkit-transform-origin: 50% 50%;
+ html:not([data-scale]) .am-accordion {
+ border-top: none;
+ }
+ html:not([data-scale]) .am-accordion::before {
+ content: '';
+ position: absolute;
+ background-color: #ddd;
+ display: block;
+ z-index: 1;
+ top: 0;
+ right: auto;
+ bottom: auto;
+ left: 0;
+ width: 100%;
+ height: 1px;
+ -webkit-transform-origin: 50% 50%;
-ms-transform-origin: 50% 50%;
- transform-origin: 50% 50%;
- -webkit-transform: scaleY(0.5);
+ transform-origin: 50% 50%;
+ -webkit-transform: scaleY(0.5);
-ms-transform: scaleY(0.5);
- transform: scaleY(0.5);
- }
+ transform: scaleY(0.5);
+ }
}
-@media (-webkit-min-device-pixel-ratio: 2) and (-webkit-min-device-pixel-ratio: 3), (min-resolution: 2dppx) and (min-resolution: 3dppx) {
- html:not([data-scale]) .am-accordion::before {
- -webkit-transform: scaleY(0.33);
+@media (-webkit-min-device-pixel-ratio: 2) and (-webkit-min-device-pixel-ratio: 3),
+ (min-resolution: 2dppx) and (min-resolution: 3dppx) {
+ html:not([data-scale]) .am-accordion::before {
+ -webkit-transform: scaleY(0.33);
-ms-transform: scaleY(0.33);
- transform: scaleY(0.33);
- }
+ transform: scaleY(0.33);
+ }
}
.am-accordion-anim-active {
- -webkit-transition: all 0.2s ease-out;
- transition: all 0.2s ease-out;
+ -webkit-transition: all 0.2s ease-out;
+ transition: all 0.2s ease-out;
}
.am-accordion .am-accordion-item .am-accordion-header {
- position: relative;
- color: #000;
- font-size: 17px;
- height: 44px;
- line-height: 44px;
- background-color: #fff;
- -webkit-box-sizing: content-box;
- box-sizing: content-box;
- padding-left: 15px;
- padding-right: 30px;
- border-bottom: 1PX solid #ddd;
- width: auto;
- overflow: hidden;
- text-overflow: ellipsis;
- white-space: nowrap;
+ position: relative;
+ color: #000;
+ font-size: 17px;
+ height: 44px;
+ line-height: 44px;
+ background-color: #fff;
+ -webkit-box-sizing: content-box;
+ box-sizing: content-box;
+ padding-left: 15px;
+ padding-right: 30px;
+ border-bottom: 1px solid #ddd;
+ width: auto;
+ overflow: hidden;
+ text-overflow: ellipsis;
+ white-space: nowrap;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
- html:not([data-scale]) .am-accordion .am-accordion-item .am-accordion-header {
- border-bottom: none;
- }
- html:not([data-scale]) .am-accordion .am-accordion-item .am-accordion-header::after {
- content: '';
- position: absolute;
- background-color: #ddd;
- display: block;
- z-index: 1;
- top: auto;
- right: auto;
- bottom: 0;
- left: 0;
- width: 100%;
- height: 1PX;
- -webkit-transform-origin: 50% 100%;
+ html:not([data-scale])
+ .am-accordion
+ .am-accordion-item
+ .am-accordion-header {
+ border-bottom: none;
+ }
+ html:not([data-scale])
+ .am-accordion
+ .am-accordion-item
+ .am-accordion-header::after {
+ content: '';
+ position: absolute;
+ background-color: #ddd;
+ display: block;
+ z-index: 1;
+ top: auto;
+ right: auto;
+ bottom: 0;
+ left: 0;
+ width: 100%;
+ height: 1px;
+ -webkit-transform-origin: 50% 100%;
-ms-transform-origin: 50% 100%;
- transform-origin: 50% 100%;
- -webkit-transform: scaleY(0.5);
+ transform-origin: 50% 100%;
+ -webkit-transform: scaleY(0.5);
-ms-transform: scaleY(0.5);
- transform: scaleY(0.5);
- }
+ transform: scaleY(0.5);
+ }
}
-@media (-webkit-min-device-pixel-ratio: 2) and (-webkit-min-device-pixel-ratio: 3), (min-resolution: 2dppx) and (min-resolution: 3dppx) {
- html:not([data-scale]) .am-accordion .am-accordion-item .am-accordion-header::after {
- -webkit-transform: scaleY(0.33);
+@media (-webkit-min-device-pixel-ratio: 2) and (-webkit-min-device-pixel-ratio: 3),
+ (min-resolution: 2dppx) and (min-resolution: 3dppx) {
+ html:not([data-scale])
+ .am-accordion
+ .am-accordion-item
+ .am-accordion-header::after {
+ -webkit-transform: scaleY(0.33);
-ms-transform: scaleY(0.33);
- transform: scaleY(0.33);
- }
+ transform: scaleY(0.33);
+ }
}
.am-accordion .am-accordion-item .am-accordion-header i {
- position: absolute;
- display: block;
- top: 15px;
- right: 15px;
- width: 15px;
- height: 15px;
- background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D%2216%22%20height%3D%2226%22%20viewBox%3D%220%200%2016%2026%22%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%3E%3Cg%20id%3D%22UI-KIT_%E5%9F%BA%E7%A1%80%E5%85%83%E4%BB%B6%22%20stroke%3D%22none%22%20stroke-width%3D%221%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Cg%20id%3D%229.9%E5%9F%BA%E7%A1%80%E5%85%83%E4%BB%B6%22%20transform%3D%22translate(-5809.000000%2C%20-8482.000000)%22%20fill%3D%22%23C7C7CC%22%3E%3Cpolygon%20id%3D%22Disclosure-Indicator%22%20points%3D%225811%208482%205809%208484%205820.5%208495%205809%208506%205811%208508%205825%208495%22%3E%3C%2Fpolygon%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E");
- background-size: contain;
- background-repeat: no-repeat;
- background-position: 50% 50%;
- -webkit-transform: rotate(90deg);
- -ms-transform: rotate(90deg);
- transform: rotate(90deg);
- -webkit-transition: -webkit-transform .2s ease;
- transition: -webkit-transform .2s ease;
- transition: transform .2s ease;
- transition: transform .2s ease, -webkit-transform .2s ease;
+ position: absolute;
+ display: block;
+ top: 15px;
+ right: 15px;
+ width: 15px;
+ height: 15px;
+ background-image: url('data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D%2216%22%20height%3D%2226%22%20viewBox%3D%220%200%2016%2026%22%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%3E%3Cg%20id%3D%22UI-KIT_%E5%9F%BA%E7%A1%80%E5%85%83%E4%BB%B6%22%20stroke%3D%22none%22%20stroke-width%3D%221%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Cg%20id%3D%229.9%E5%9F%BA%E7%A1%80%E5%85%83%E4%BB%B6%22%20transform%3D%22translate(-5809.000000%2C%20-8482.000000)%22%20fill%3D%22%23C7C7CC%22%3E%3Cpolygon%20id%3D%22Disclosure-Indicator%22%20points%3D%225811%208482%205809%208484%205820.5%208495%205809%208506%205811%208508%205825%208495%22%3E%3C%2Fpolygon%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E');
+ background-size: contain;
+ background-repeat: no-repeat;
+ background-position: 50% 50%;
+ -webkit-transform: rotate(90deg);
+ -ms-transform: rotate(90deg);
+ transform: rotate(90deg);
+ -webkit-transition: -webkit-transform 0.2s ease;
+ transition: -webkit-transform 0.2s ease;
+ transition: transform 0.2s ease;
+ transition: transform 0.2s ease, -webkit-transform 0.2s ease;
}
-.am-accordion .am-accordion-item .am-accordion-header[aria-expanded~="true"] i {
- -webkit-transform: rotate(270deg);
- -ms-transform: rotate(270deg);
- transform: rotate(270deg);
+.am-accordion .am-accordion-item .am-accordion-header[aria-expanded~='true'] i {
+ -webkit-transform: rotate(270deg);
+ -ms-transform: rotate(270deg);
+ transform: rotate(270deg);
}
.am-accordion .am-accordion-item .am-accordion-content {
- overflow: hidden;
- background: #fff;
+ overflow: hidden;
+ background: #fff;
}
-.am-accordion .am-accordion-item .am-accordion-content .am-accordion-content-box {
- font-size: 15px;
- color: #333;
- position: relative;
- border-bottom: 1PX solid #ddd;
+.am-accordion
+ .am-accordion-item
+ .am-accordion-content
+ .am-accordion-content-box {
+ font-size: 15px;
+ color: #333;
+ position: relative;
+ border-bottom: 1px solid #ddd;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
- html:not([data-scale]) .am-accordion .am-accordion-item .am-accordion-content .am-accordion-content-box {
- border-bottom: none;
- }
- html:not([data-scale]) .am-accordion .am-accordion-item .am-accordion-content .am-accordion-content-box::after {
- content: '';
- position: absolute;
- background-color: #ddd;
- display: block;
- z-index: 1;
- top: auto;
- right: auto;
- bottom: 0;
- left: 0;
- width: 100%;
- height: 1PX;
- -webkit-transform-origin: 50% 100%;
+ html:not([data-scale])
+ .am-accordion
+ .am-accordion-item
+ .am-accordion-content
+ .am-accordion-content-box {
+ border-bottom: none;
+ }
+ html:not([data-scale])
+ .am-accordion
+ .am-accordion-item
+ .am-accordion-content
+ .am-accordion-content-box::after {
+ content: '';
+ position: absolute;
+ background-color: #ddd;
+ display: block;
+ z-index: 1;
+ top: auto;
+ right: auto;
+ bottom: 0;
+ left: 0;
+ width: 100%;
+ height: 1px;
+ -webkit-transform-origin: 50% 100%;
-ms-transform-origin: 50% 100%;
- transform-origin: 50% 100%;
- -webkit-transform: scaleY(0.5);
+ transform-origin: 50% 100%;
+ -webkit-transform: scaleY(0.5);
-ms-transform: scaleY(0.5);
- transform: scaleY(0.5);
- }
+ transform: scaleY(0.5);
+ }
}
-@media (-webkit-min-device-pixel-ratio: 2) and (-webkit-min-device-pixel-ratio: 3), (min-resolution: 2dppx) and (min-resolution: 3dppx) {
- html:not([data-scale]) .am-accordion .am-accordion-item .am-accordion-content .am-accordion-content-box::after {
- -webkit-transform: scaleY(0.33);
+@media (-webkit-min-device-pixel-ratio: 2) and (-webkit-min-device-pixel-ratio: 3),
+ (min-resolution: 2dppx) and (min-resolution: 3dppx) {
+ html:not([data-scale])
+ .am-accordion
+ .am-accordion-item
+ .am-accordion-content
+ .am-accordion-content-box::after {
+ -webkit-transform: scaleY(0.33);
-ms-transform: scaleY(0.33);
- transform: scaleY(0.33);
- }
+ transform: scaleY(0.33);
+ }
}
-.am-accordion .am-accordion-item .am-accordion-content .am-accordion-content-box .am-list-body {
- border-top: 0;
+.am-accordion
+ .am-accordion-item
+ .am-accordion-content
+ .am-accordion-content-box
+ .am-list-body {
+ border-top: 0;
}
-.am-accordion .am-accordion-item .am-accordion-content .am-accordion-content-box .am-list-body:before {
- display: none !important;
+.am-accordion
+ .am-accordion-item
+ .am-accordion-content
+ .am-accordion-content-box
+ .am-list-body:before {
+ display: none !important;
}
-.am-accordion .am-accordion-item .am-accordion-content.am-accordion-content-inactive {
- display: none;
+.am-accordion
+ .am-accordion-item
+ .am-accordion-content.am-accordion-content-inactive {
+ display: none;
}
.am-badge {
- position: relative;
- display: inline-block;
- line-height: 1;
- vertical-align: middle;
+ position: relative;
+ display: inline-block;
+ line-height: 1;
+ vertical-align: middle;
}
.am-badge-text {
- text-rendering: optimizeLegibility;
- -webkit-font-smoothing: antialiased;
- -moz-osx-font-smoothing: grayscale;
- position: absolute;
- top: -6px;
- height: 18px;
- line-height: 18px;
- min-width: 9px;
- border-radius: 12px;
- padding: 0 5px;
- text-align: center;
- font-size: 12px;
- color: #fff;
- background-color: #ff5b05;
- white-space: nowrap;
- -webkit-transform: translateX(-45%);
- -ms-transform: translateX(-45%);
- transform: translateX(-45%);
- -webkit-transform-origin: -10% center;
- -ms-transform-origin: -10% center;
- transform-origin: -10% center;
- z-index: 10;
- font-family: "Helvetica Neue", Helvetica, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "\5FAE\8F6F\96C5\9ED1", SimSun, sans-serif;
+ text-rendering: optimizeLegibility;
+ -webkit-font-smoothing: antialiased;
+ -moz-osx-font-smoothing: grayscale;
+ position: absolute;
+ top: -6px;
+ height: 18px;
+ line-height: 18px;
+ min-width: 9px;
+ border-radius: 12px;
+ padding: 0 5px;
+ text-align: center;
+ font-size: 12px;
+ color: #fff;
+ background-color: #ff5b05;
+ white-space: nowrap;
+ -webkit-transform: translateX(-45%);
+ -ms-transform: translateX(-45%);
+ transform: translateX(-45%);
+ -webkit-transform-origin: -10% center;
+ -ms-transform-origin: -10% center;
+ transform-origin: -10% center;
+ z-index: 10;
+ font-family: 'Helvetica Neue', Helvetica, 'PingFang SC', 'Hiragino Sans GB',
+ 'Microsoft YaHei', '\5FAE\8F6F\96C5\9ED1', SimSun, sans-serif;
}
.am-badge-text a {
- color: #fff;
+ color: #fff;
}
.am-badge-text p {
- margin: 0;
- padding: 0;
+ margin: 0;
+ padding: 0;
}
.am-badge-hot .am-badge-text {
- background-color: #f96268;
+ background-color: #f96268;
}
.am-badge-dot {
- position: absolute;
- -webkit-transform: translateX(-50%);
- -ms-transform: translateX(-50%);
- transform: translateX(-50%);
- -webkit-transform-origin: 0 center;
- -ms-transform-origin: 0 center;
- transform-origin: 0 center;
- top: -4px;
- height: 8px;
- width: 8px;
- border-radius: 100%;
- background: #ff5b05;
- z-index: 10;
+ position: absolute;
+ -webkit-transform: translateX(-50%);
+ -ms-transform: translateX(-50%);
+ transform: translateX(-50%);
+ -webkit-transform-origin: 0 center;
+ -ms-transform-origin: 0 center;
+ transform-origin: 0 center;
+ top: -4px;
+ height: 8px;
+ width: 8px;
+ border-radius: 100%;
+ background: #ff5b05;
+ z-index: 10;
}
.am-badge-dot-large {
- height: 16px;
- width: 16px;
+ height: 16px;
+ width: 16px;
}
.am-badge-not-a-wrapper .am-badge-text,
.am-badge-not-a-wrapper .am-badge-dot {
- top: auto;
- display: block;
- position: relative;
- -webkit-transform: translateX(0);
- -ms-transform: translateX(0);
- transform: translateX(0);
+ top: auto;
+ display: block;
+ position: relative;
+ -webkit-transform: translateX(0);
+ -ms-transform: translateX(0);
+ transform: translateX(0);
}
.am-badge-corner {
- width: 80px;
- padding: 8px;
- position: absolute;
- right: -32px;
- top: 8px;
- background-color: #ff5b05;
- color: #fff;
- white-space: nowrap;
- -webkit-transform: rotate(45deg);
- -ms-transform: rotate(45deg);
- transform: rotate(45deg);
- text-align: center;
- font-size: 15px;
+ width: 80px;
+ padding: 8px;
+ position: absolute;
+ right: -32px;
+ top: 8px;
+ background-color: #ff5b05;
+ color: #fff;
+ white-space: nowrap;
+ -webkit-transform: rotate(45deg);
+ -ms-transform: rotate(45deg);
+ transform: rotate(45deg);
+ text-align: center;
+ font-size: 15px;
}
.am-badge-corner-wrapper {
- overflow: hidden;
+ overflow: hidden;
}
.am-action-sheet-wrap {
- position: fixed;
- overflow: auto;
- top: 0;
- right: 0;
- bottom: 0;
- left: 0;
- z-index: 1000;
- -webkit-overflow-scrolling: touch;
- outline: 0;
+ position: fixed;
+ overflow: auto;
+ top: 0;
+ right: 0;
+ bottom: 0;
+ left: 0;
+ z-index: 1000;
+ -webkit-overflow-scrolling: touch;
+ outline: 0;
}
.am-action-sheet-mask {
- position: fixed;
- top: 0;
- right: 0;
- left: 0;
- bottom: 0;
- background-color: rgba(0, 0, 0, 0.4);
- height: 100%;
- z-index: 1000;
+ position: fixed;
+ top: 0;
+ right: 0;
+ left: 0;
+ bottom: 0;
+ background-color: rgba(0, 0, 0, 0.4);
+ height: 100%;
+ z-index: 1000;
}
.am-action-sheet-mask-hidden {
- display: none;
+ display: none;
}
.am-action-sheet-close {
- display: none;
+ display: none;
}
.am-action-sheet {
- position: fixed;
- left: 0;
- bottom: 0;
- width: 100%;
- background-color: #fff;
- padding-bottom: env(safe-area-inset-bottom);
+ position: fixed;
+ left: 0;
+ bottom: 0;
+ width: 100%;
+ background-color: #fff;
+ padding-bottom: env(safe-area-inset-bottom);
}
.am-action-sheet.am-action-sheet-share {
- background-color: #f2f2f2;
+ background-color: #f2f2f2;
}
.am-action-sheet-title,
.am-action-sheet-message {
- margin: 15px auto;
- padding: 0 15px;
- text-align: center;
+ margin: 15px auto;
+ padding: 0 15px;
+ text-align: center;
}
.am-action-sheet-title {
- font-size: 17px;
+ font-size: 17px;
}
.am-action-sheet-message {
- color: #888;
- font-size: 14px;
+ color: #888;
+ font-size: 14px;
}
.am-action-sheet-button-list {
- text-align: center;
- color: #000;
+ text-align: center;
+ color: #000;
}
.am-action-sheet-button-list-item {
- font-size: 18px;
- padding: 0 8px;
- margin: 0;
- position: relative;
- height: 50px;
- line-height: 50px;
- -webkit-box-sizing: border-box;
- box-sizing: border-box;
- white-space: nowrap;
- text-overflow: ellipsis;
- overflow-x: hidden;
- border-top: 1PX solid #ddd;
+ font-size: 18px;
+ padding: 0 8px;
+ margin: 0;
+ position: relative;
+ height: 50px;
+ line-height: 50px;
+ -webkit-box-sizing: border-box;
+ box-sizing: border-box;
+ white-space: nowrap;
+ text-overflow: ellipsis;
+ overflow-x: hidden;
+ border-top: 1px solid #ddd;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
- html:not([data-scale]) .am-action-sheet-button-list-item {
- border-top: none;
- }
- html:not([data-scale]) .am-action-sheet-button-list-item::before {
- content: '';
- position: absolute;
- background-color: #ddd;
- display: block;
- z-index: 1;
- top: 0;
- right: auto;
- bottom: auto;
- left: 0;
- width: 100%;
- height: 1PX;
- -webkit-transform-origin: 50% 50%;
+ html:not([data-scale]) .am-action-sheet-button-list-item {
+ border-top: none;
+ }
+ html:not([data-scale]) .am-action-sheet-button-list-item::before {
+ content: '';
+ position: absolute;
+ background-color: #ddd;
+ display: block;
+ z-index: 1;
+ top: 0;
+ right: auto;
+ bottom: auto;
+ left: 0;
+ width: 100%;
+ height: 1px;
+ -webkit-transform-origin: 50% 50%;
-ms-transform-origin: 50% 50%;
- transform-origin: 50% 50%;
- -webkit-transform: scaleY(0.5);
+ transform-origin: 50% 50%;
+ -webkit-transform: scaleY(0.5);
-ms-transform: scaleY(0.5);
- transform: scaleY(0.5);
- }
+ transform: scaleY(0.5);
+ }
}
-@media (-webkit-min-device-pixel-ratio: 2) and (-webkit-min-device-pixel-ratio: 3), (min-resolution: 2dppx) and (min-resolution: 3dppx) {
- html:not([data-scale]) .am-action-sheet-button-list-item::before {
- -webkit-transform: scaleY(0.33);
+@media (-webkit-min-device-pixel-ratio: 2) and (-webkit-min-device-pixel-ratio: 3),
+ (min-resolution: 2dppx) and (min-resolution: 3dppx) {
+ html:not([data-scale]) .am-action-sheet-button-list-item::before {
+ -webkit-transform: scaleY(0.33);
-ms-transform: scaleY(0.33);
- transform: scaleY(0.33);
- }
+ transform: scaleY(0.33);
+ }
}
.am-action-sheet-button-list-item.am-action-sheet-button-list-item-active {
- background-color: #ddd;
+ background-color: #ddd;
}
.am-action-sheet-button-list-badge {
- display: -webkit-box;
- display: -webkit-flex;
- display: -ms-flexbox;
- display: flex;
- -webkit-box-align: center;
- -webkit-align-items: center;
- -ms-flex-align: center;
- align-items: center;
- -webkit-box-pack: center;
- -webkit-justify-content: center;
- -ms-flex-pack: center;
- justify-content: center;
+ display: -webkit-box;
+ display: -webkit-flex;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-align: center;
+ -webkit-align-items: center;
+ -ms-flex-align: center;
+ align-items: center;
+ -webkit-box-pack: center;
+ -webkit-justify-content: center;
+ -ms-flex-pack: center;
+ justify-content: center;
}
.am-action-sheet-button-list-badge .am-badge {
- margin-left: 8px;
- -webkit-flex-shrink: 0;
- -ms-flex-negative: 0;
- flex-shrink: 0;
+ margin-left: 8px;
+ -webkit-flex-shrink: 0;
+ -ms-flex-negative: 0;
+ flex-shrink: 0;
}
.am-action-sheet-button-list-item-content {
- display: inline-block;
- white-space: nowrap;
- overflow: hidden;
- text-overflow: ellipsis;
+ display: inline-block;
+ white-space: nowrap;
+ overflow: hidden;
+ text-overflow: ellipsis;
}
.am-action-sheet-button-list .am-action-sheet-cancel-button {
- padding-top: 6px;
- position: relative;
+ padding-top: 6px;
+ position: relative;
}
.am-action-sheet-button-list .am-action-sheet-cancel-button-mask {
- position: absolute;
- top: 0;
- left: 0;
- width: 100%;
- height: 6px;
- background-color: #e7e7ed;
- border-top: 1PX solid #ddd;
- border-bottom: 1PX solid #ddd;
-}
-@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
- html:not([data-scale]) .am-action-sheet-button-list .am-action-sheet-cancel-button-mask {
- border-top: none;
- }
- html:not([data-scale]) .am-action-sheet-button-list .am-action-sheet-cancel-button-mask::before {
- content: '';
position: absolute;
- background-color: #ddd;
- display: block;
- z-index: 1;
top: 0;
- right: auto;
- bottom: auto;
left: 0;
width: 100%;
- height: 1PX;
- -webkit-transform-origin: 50% 50%;
- -ms-transform-origin: 50% 50%;
- transform-origin: 50% 50%;
- -webkit-transform: scaleY(0.5);
- -ms-transform: scaleY(0.5);
- transform: scaleY(0.5);
- }
-}
-@media (-webkit-min-device-pixel-ratio: 2) and (-webkit-min-device-pixel-ratio: 3), (min-resolution: 2dppx) and (min-resolution: 3dppx) {
- html:not([data-scale]) .am-action-sheet-button-list .am-action-sheet-cancel-button-mask::before {
- -webkit-transform: scaleY(0.33);
- -ms-transform: scaleY(0.33);
- transform: scaleY(0.33);
- }
+ height: 6px;
+ background-color: #e7e7ed;
+ border-top: 1px solid #ddd;
+ border-bottom: 1px solid #ddd;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
- html:not([data-scale]) .am-action-sheet-button-list .am-action-sheet-cancel-button-mask {
- border-bottom: none;
- }
- html:not([data-scale]) .am-action-sheet-button-list .am-action-sheet-cancel-button-mask::after {
- content: '';
- position: absolute;
- background-color: #ddd;
- display: block;
- z-index: 1;
- top: auto;
- right: auto;
- bottom: 0;
- left: 0;
- width: 100%;
- height: 1PX;
- -webkit-transform-origin: 50% 100%;
- -ms-transform-origin: 50% 100%;
- transform-origin: 50% 100%;
- -webkit-transform: scaleY(0.5);
+ html:not([data-scale])
+ .am-action-sheet-button-list
+ .am-action-sheet-cancel-button-mask {
+ border-top: none;
+ }
+ html:not([data-scale])
+ .am-action-sheet-button-list
+ .am-action-sheet-cancel-button-mask::before {
+ content: '';
+ position: absolute;
+ background-color: #ddd;
+ display: block;
+ z-index: 1;
+ top: 0;
+ right: auto;
+ bottom: auto;
+ left: 0;
+ width: 100%;
+ height: 1px;
+ -webkit-transform-origin: 50% 50%;
+ -ms-transform-origin: 50% 50%;
+ transform-origin: 50% 50%;
+ -webkit-transform: scaleY(0.5);
-ms-transform: scaleY(0.5);
- transform: scaleY(0.5);
- }
+ transform: scaleY(0.5);
+ }
}
-@media (-webkit-min-device-pixel-ratio: 2) and (-webkit-min-device-pixel-ratio: 3), (min-resolution: 2dppx) and (min-resolution: 3dppx) {
- html:not([data-scale]) .am-action-sheet-button-list .am-action-sheet-cancel-button-mask::after {
- -webkit-transform: scaleY(0.33);
+@media (-webkit-min-device-pixel-ratio: 2) and (-webkit-min-device-pixel-ratio: 3),
+ (min-resolution: 2dppx) and (min-resolution: 3dppx) {
+ html:not([data-scale])
+ .am-action-sheet-button-list
+ .am-action-sheet-cancel-button-mask::before {
+ -webkit-transform: scaleY(0.33);
-ms-transform: scaleY(0.33);
- transform: scaleY(0.33);
- }
+ transform: scaleY(0.33);
+ }
+}
+@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
+ html:not([data-scale])
+ .am-action-sheet-button-list
+ .am-action-sheet-cancel-button-mask {
+ border-bottom: none;
+ }
+ html:not([data-scale])
+ .am-action-sheet-button-list
+ .am-action-sheet-cancel-button-mask::after {
+ content: '';
+ position: absolute;
+ background-color: #ddd;
+ display: block;
+ z-index: 1;
+ top: auto;
+ right: auto;
+ bottom: 0;
+ left: 0;
+ width: 100%;
+ height: 1px;
+ -webkit-transform-origin: 50% 100%;
+ -ms-transform-origin: 50% 100%;
+ transform-origin: 50% 100%;
+ -webkit-transform: scaleY(0.5);
+ -ms-transform: scaleY(0.5);
+ transform: scaleY(0.5);
+ }
+}
+@media (-webkit-min-device-pixel-ratio: 2) and (-webkit-min-device-pixel-ratio: 3),
+ (min-resolution: 2dppx) and (min-resolution: 3dppx) {
+ html:not([data-scale])
+ .am-action-sheet-button-list
+ .am-action-sheet-cancel-button-mask::after {
+ -webkit-transform: scaleY(0.33);
+ -ms-transform: scaleY(0.33);
+ transform: scaleY(0.33);
+ }
}
.am-action-sheet-button-list .am-action-sheet-destructive-button {
- color: #f4333c;
+ color: #f4333c;
}
.am-action-sheet-share-list {
- display: -webkit-box;
- display: -webkit-flex;
- display: -ms-flexbox;
- display: flex;
- position: relative;
- border-top: 1PX solid #ddd;
- padding: 21px 0 21px 15px;
- overflow-y: scroll;
- -webkit-overflow-scrolling: touch;
+ display: -webkit-box;
+ display: -webkit-flex;
+ display: -ms-flexbox;
+ display: flex;
+ position: relative;
+ border-top: 1px solid #ddd;
+ padding: 21px 0 21px 15px;
+ overflow-y: scroll;
+ -webkit-overflow-scrolling: touch;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
- html:not([data-scale]) .am-action-sheet-share-list {
- border-top: none;
- }
- html:not([data-scale]) .am-action-sheet-share-list::before {
- content: '';
- position: absolute;
- background-color: #ddd;
- display: block;
- z-index: 1;
- top: 0;
- right: auto;
- bottom: auto;
- left: 0;
- width: 100%;
- height: 1PX;
- -webkit-transform-origin: 50% 50%;
+ html:not([data-scale]) .am-action-sheet-share-list {
+ border-top: none;
+ }
+ html:not([data-scale]) .am-action-sheet-share-list::before {
+ content: '';
+ position: absolute;
+ background-color: #ddd;
+ display: block;
+ z-index: 1;
+ top: 0;
+ right: auto;
+ bottom: auto;
+ left: 0;
+ width: 100%;
+ height: 1px;
+ -webkit-transform-origin: 50% 50%;
-ms-transform-origin: 50% 50%;
- transform-origin: 50% 50%;
- -webkit-transform: scaleY(0.5);
+ transform-origin: 50% 50%;
+ -webkit-transform: scaleY(0.5);
-ms-transform: scaleY(0.5);
- transform: scaleY(0.5);
- }
+ transform: scaleY(0.5);
+ }
}
-@media (-webkit-min-device-pixel-ratio: 2) and (-webkit-min-device-pixel-ratio: 3), (min-resolution: 2dppx) and (min-resolution: 3dppx) {
- html:not([data-scale]) .am-action-sheet-share-list::before {
- -webkit-transform: scaleY(0.33);
+@media (-webkit-min-device-pixel-ratio: 2) and (-webkit-min-device-pixel-ratio: 3),
+ (min-resolution: 2dppx) and (min-resolution: 3dppx) {
+ html:not([data-scale]) .am-action-sheet-share-list::before {
+ -webkit-transform: scaleY(0.33);
-ms-transform: scaleY(0.33);
- transform: scaleY(0.33);
- }
+ transform: scaleY(0.33);
+ }
}
.am-action-sheet-share-list-item {
- -webkit-box-flex: 0;
- -webkit-flex: none;
- -ms-flex: none;
- flex: none;
- margin: 0 12px 0 0;
+ -webkit-box-flex: 0;
+ -webkit-flex: none;
+ -ms-flex: none;
+ flex: none;
+ margin: 0 12px 0 0;
}
.am-action-sheet-share-list-item-icon {
- margin-bottom: 9px;
- width: 60px;
- height: 60px;
- background-color: #fff;
- border-radius: 3px;
- display: -webkit-box;
- display: -webkit-flex;
- display: -ms-flexbox;
- display: flex;
- -webkit-box-pack: center;
- -webkit-justify-content: center;
- -ms-flex-pack: center;
- justify-content: center;
- -webkit-box-align: center;
- -webkit-align-items: center;
- -ms-flex-align: center;
- align-items: center;
+ margin-bottom: 9px;
+ width: 60px;
+ height: 60px;
+ background-color: #fff;
+ border-radius: 3px;
+ display: -webkit-box;
+ display: -webkit-flex;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-pack: center;
+ -webkit-justify-content: center;
+ -ms-flex-pack: center;
+ justify-content: center;
+ -webkit-box-align: center;
+ -webkit-align-items: center;
+ -ms-flex-align: center;
+ align-items: center;
}
.am-action-sheet-share-list-item-title {
- color: #888;
- font-size: 10px;
- text-align: center;
+ color: #888;
+ font-size: 10px;
+ text-align: center;
}
.am-action-sheet-share-cancel-button {
- height: 50px;
- line-height: 50px;
- text-align: center;
- background-color: #fff;
- color: #000;
- font-size: 18px;
- position: relative;
- border-top: 1PX solid #ddd;
- -webkit-box-sizing: border-box;
- box-sizing: border-box;
+ height: 50px;
+ line-height: 50px;
+ text-align: center;
+ background-color: #fff;
+ color: #000;
+ font-size: 18px;
+ position: relative;
+ border-top: 1px solid #ddd;
+ -webkit-box-sizing: border-box;
+ box-sizing: border-box;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
- html:not([data-scale]) .am-action-sheet-share-cancel-button {
- border-top: none;
- }
- html:not([data-scale]) .am-action-sheet-share-cancel-button::before {
- content: '';
- position: absolute;
- background-color: #ddd;
- display: block;
- z-index: 1;
- top: 0;
- right: auto;
- bottom: auto;
- left: 0;
- width: 100%;
- height: 1PX;
- -webkit-transform-origin: 50% 50%;
+ html:not([data-scale]) .am-action-sheet-share-cancel-button {
+ border-top: none;
+ }
+ html:not([data-scale]) .am-action-sheet-share-cancel-button::before {
+ content: '';
+ position: absolute;
+ background-color: #ddd;
+ display: block;
+ z-index: 1;
+ top: 0;
+ right: auto;
+ bottom: auto;
+ left: 0;
+ width: 100%;
+ height: 1px;
+ -webkit-transform-origin: 50% 50%;
-ms-transform-origin: 50% 50%;
- transform-origin: 50% 50%;
- -webkit-transform: scaleY(0.5);
+ transform-origin: 50% 50%;
+ -webkit-transform: scaleY(0.5);
-ms-transform: scaleY(0.5);
- transform: scaleY(0.5);
- }
+ transform: scaleY(0.5);
+ }
}
-@media (-webkit-min-device-pixel-ratio: 2) and (-webkit-min-device-pixel-ratio: 3), (min-resolution: 2dppx) and (min-resolution: 3dppx) {
- html:not([data-scale]) .am-action-sheet-share-cancel-button::before {
- -webkit-transform: scaleY(0.33);
+@media (-webkit-min-device-pixel-ratio: 2) and (-webkit-min-device-pixel-ratio: 3),
+ (min-resolution: 2dppx) and (min-resolution: 3dppx) {
+ html:not([data-scale]) .am-action-sheet-share-cancel-button::before {
+ -webkit-transform: scaleY(0.33);
-ms-transform: scaleY(0.33);
- transform: scaleY(0.33);
- }
+ transform: scaleY(0.33);
+ }
}
.am-action-sheet-share-cancel-button.am-action-sheet-share-cancel-button-active {
- background-color: #ddd;
+ background-color: #ddd;
}
.am-activity-indicator {
- display: -webkit-box;
- display: -webkit-flex;
- display: -ms-flexbox;
- display: flex;
- -webkit-box-align: center;
- -webkit-align-items: center;
- -ms-flex-align: center;
- align-items: center;
- z-index: 99;
+ display: -webkit-box;
+ display: -webkit-flex;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-align: center;
+ -webkit-align-items: center;
+ -ms-flex-align: center;
+ align-items: center;
+ z-index: 99;
}
.am-activity-indicator-spinner {
- display: inline-block;
- width: 20px;
- height: 20px;
- background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%22-2.125%20-1.875%2064%2064%22%3E%3Cpath%20fill%3D%22%23CCC%22%20d%3D%22M29.875-1.875c-17.673%200-32%2014.327-32%2032s14.327%2032%2032%2032%2032-14.327%2032-32-14.327-32-32-32zm0%2060.7c-15.85%200-28.7-12.85-28.7-28.7s12.85-28.7%2028.7-28.7%2028.7%2012.85%2028.7%2028.7-12.85%2028.7-28.7%2028.7z%22%2F%3E%3Cpath%20fill%3D%22%23108ee9%22%20d%3D%22M61.858%2030.34c.003-.102.008-.203.008-.305%200-11.43-5.996-21.452-15.01-27.113l-.013.026c-.24-.137-.515-.22-.81-.22-.912%200-1.65.738-1.65%201.65%200%20.654.384%201.215.937%201.482%207.963%205.1%2013.247%2014.017%2013.247%2024.176%200%20.147-.01.293-.01.44h.022c0%20.01-.004.02-.004.03%200%20.91.74%201.65%201.65%201.65s1.65-.74%201.65-1.65c0-.06-.012-.112-.018-.167z%22%2F%3E%3C%2Fsvg%3E");
- background-position: 50%;
- background-size: 100%;
- background-repeat: no-repeat;
- -webkit-animation: spinner-anime 1s linear infinite;
- animation: spinner-anime 1s linear infinite;
+ display: inline-block;
+ width: 20px;
+ height: 20px;
+ background-image: url('data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%22-2.125%20-1.875%2064%2064%22%3E%3Cpath%20fill%3D%22%23CCC%22%20d%3D%22M29.875-1.875c-17.673%200-32%2014.327-32%2032s14.327%2032%2032%2032%2032-14.327%2032-32-14.327-32-32-32zm0%2060.7c-15.85%200-28.7-12.85-28.7-28.7s12.85-28.7%2028.7-28.7%2028.7%2012.85%2028.7%2028.7-12.85%2028.7-28.7%2028.7z%22%2F%3E%3Cpath%20fill%3D%22%23108ee9%22%20d%3D%22M61.858%2030.34c.003-.102.008-.203.008-.305%200-11.43-5.996-21.452-15.01-27.113l-.013.026c-.24-.137-.515-.22-.81-.22-.912%200-1.65.738-1.65%201.65%200%20.654.384%201.215.937%201.482%207.963%205.1%2013.247%2014.017%2013.247%2024.176%200%20.147-.01.293-.01.44h.022c0%20.01-.004.02-.004.03%200%20.91.74%201.65%201.65%201.65s1.65-.74%201.65-1.65c0-.06-.012-.112-.018-.167z%22%2F%3E%3C%2Fsvg%3E');
+ background-position: 50%;
+ background-size: 100%;
+ background-repeat: no-repeat;
+ -webkit-animation: spinner-anime 1s linear infinite;
+ animation: spinner-anime 1s linear infinite;
}
.am-activity-indicator-tip {
- font-size: 14px;
- margin-left: 8px;
- color: #000;
- opacity: 0.4;
+ font-size: 14px;
+ margin-left: 8px;
+ color: #000;
+ opacity: 0.4;
}
.am-activity-indicator.am-activity-indicator-toast {
- position: fixed;
- top: 0;
- left: 0;
- width: 100%;
- height: 100%;
- display: -webkit-box;
- display: -webkit-flex;
- display: -ms-flexbox;
- display: flex;
- -webkit-box-pack: center;
- -webkit-justify-content: center;
- -ms-flex-pack: center;
- justify-content: center;
- -webkit-box-align: center;
- -webkit-align-items: center;
- -ms-flex-align: center;
- align-items: center;
- text-align: center;
- z-index: 1999;
+ position: fixed;
+ top: 0;
+ left: 0;
+ width: 100%;
+ height: 100%;
+ display: -webkit-box;
+ display: -webkit-flex;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-pack: center;
+ -webkit-justify-content: center;
+ -ms-flex-pack: center;
+ justify-content: center;
+ -webkit-box-align: center;
+ -webkit-align-items: center;
+ -ms-flex-align: center;
+ align-items: center;
+ text-align: center;
+ z-index: 1999;
}
-.am-activity-indicator.am-activity-indicator-toast .am-activity-indicator-spinner {
- margin: 0;
+.am-activity-indicator.am-activity-indicator-toast
+ .am-activity-indicator-spinner {
+ margin: 0;
}
-.am-activity-indicator.am-activity-indicator-toast .am-activity-indicator-toast {
- display: inline-block;
- position: relative;
- top: 4px;
+.am-activity-indicator.am-activity-indicator-toast
+ .am-activity-indicator-toast {
+ display: inline-block;
+ position: relative;
+ top: 4px;
}
.am-activity-indicator-content {
- display: -webkit-box;
- display: -webkit-flex;
- display: -ms-flexbox;
- display: flex;
- -webkit-box-orient: vertical;
- -webkit-box-direction: normal;
- -webkit-flex-direction: column;
- -ms-flex-direction: column;
- flex-direction: column;
- -webkit-box-pack: center;
- -webkit-justify-content: center;
- -ms-flex-pack: center;
- justify-content: center;
- -webkit-box-align: center;
- -webkit-align-items: center;
- -ms-flex-align: center;
- align-items: center;
- padding: 15px 15px;
- border-radius: 7px;
- background-clip: padding-box;
- color: #fff;
- background-color: rgba(58, 58, 58, 0.9);
- font-size: 15px;
- line-height: 20px;
+ display: -webkit-box;
+ display: -webkit-flex;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-orient: vertical;
+ -webkit-box-direction: normal;
+ -webkit-flex-direction: column;
+ -ms-flex-direction: column;
+ flex-direction: column;
+ -webkit-box-pack: center;
+ -webkit-justify-content: center;
+ -ms-flex-pack: center;
+ justify-content: center;
+ -webkit-box-align: center;
+ -webkit-align-items: center;
+ -ms-flex-align: center;
+ align-items: center;
+ padding: 15px 15px;
+ border-radius: 7px;
+ background-clip: padding-box;
+ color: #fff;
+ background-color: rgba(58, 58, 58, 0.9);
+ font-size: 15px;
+ line-height: 20px;
}
.am-activity-indicator-spinner-lg {
- width: 32px;
- height: 32px;
+ width: 32px;
+ height: 32px;
}
@-webkit-keyframes spinner-anime {
- 100% {
- -webkit-transform: rotate(360deg);
- transform: rotate(360deg);
- }
+ 100% {
+ -webkit-transform: rotate(360deg);
+ transform: rotate(360deg);
+ }
}
@keyframes spinner-anime {
- 100% {
- -webkit-transform: rotate(360deg);
- transform: rotate(360deg);
- }
+ 100% {
+ -webkit-transform: rotate(360deg);
+ transform: rotate(360deg);
+ }
}
.am-icon {
- fill: currentColor;
- background-size: cover;
- width: 22px;
- height: 22px;
+ fill: currentColor;
+ background-size: cover;
+ width: 22px;
+ height: 22px;
}
.am-icon-xxs {
- width: 15px;
- height: 15px;
+ width: 15px;
+ height: 15px;
}
.am-icon-xs {
- width: 18px;
- height: 18px;
+ width: 18px;
+ height: 18px;
}
.am-icon-sm {
- width: 21px;
- height: 21px;
+ width: 21px;
+ height: 21px;
}
.am-icon-md {
- width: 22px;
- height: 22px;
+ width: 22px;
+ height: 22px;
}
.am-icon-lg {
- width: 36px;
- height: 36px;
+ width: 36px;
+ height: 36px;
}
.am-icon-loading {
- -webkit-animation: cirle-anim 1s linear infinite;
- animation: cirle-anim 1s linear infinite;
+ -webkit-animation: cirle-anim 1s linear infinite;
+ animation: cirle-anim 1s linear infinite;
}
@-webkit-keyframes cirle-anim {
- 100% {
- -webkit-transform: rotate(360deg);
- transform: rotate(360deg);
- }
+ 100% {
+ -webkit-transform: rotate(360deg);
+ transform: rotate(360deg);
+ }
}
@keyframes cirle-anim {
- 100% {
- -webkit-transform: rotate(360deg);
- transform: rotate(360deg);
- }
+ 100% {
+ -webkit-transform: rotate(360deg);
+ transform: rotate(360deg);
+ }
}
.am-button {
- display: block;
- outline: 0 none;
- -webkit-appearance: none;
- -webkit-box-sizing: border-box;
- box-sizing: border-box;
- padding: 0;
- text-align: center;
- font-size: 18px;
- height: 47px;
- line-height: 47px;
- overflow: hidden;
- text-overflow: ellipsis;
- word-break: break-word;
- white-space: nowrap;
- color: #000;
- background-color: #fff;
- border: 1PX solid #ddd;
- border-radius: 5px;
+ display: block;
+ outline: 0 none;
+ -webkit-appearance: none;
+ -webkit-box-sizing: border-box;
+ box-sizing: border-box;
+ padding: 0;
+ text-align: center;
+ font-size: 18px;
+ height: 47px;
+ line-height: 47px;
+ overflow: hidden;
+ text-overflow: ellipsis;
+ word-break: break-word;
+ white-space: nowrap;
+ color: #000;
+ background-color: #fff;
+ border: 1px solid #ddd;
+ border-radius: 5px;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
- html:not([data-scale]) .am-button {
- position: relative;
- border: none;
- }
- html:not([data-scale]) .am-button::before {
- content: '';
- position: absolute;
- left: 0;
- top: 0;
- width: 200%;
- height: 200%;
- border: 1PX solid #ddd;
- border-radius: 10px;
- -webkit-transform-origin: 0 0;
+ html:not([data-scale]) .am-button {
+ position: relative;
+ border: none;
+ }
+ html:not([data-scale]) .am-button::before {
+ content: '';
+ position: absolute;
+ left: 0;
+ top: 0;
+ width: 200%;
+ height: 200%;
+ border: 1px solid #ddd;
+ border-radius: 10px;
+ -webkit-transform-origin: 0 0;
-ms-transform-origin: 0 0;
- transform-origin: 0 0;
- -webkit-transform: scale(0.5);
+ transform-origin: 0 0;
+ -webkit-transform: scale(0.5);
-ms-transform: scale(0.5);
- transform: scale(0.5);
- -webkit-box-sizing: border-box;
- box-sizing: border-box;
- pointer-events: none;
- }
+ transform: scale(0.5);
+ -webkit-box-sizing: border-box;
+ box-sizing: border-box;
+ pointer-events: none;
+ }
}
.am-button-borderfix:before {
- -webkit-transform: scale(0.49) !important;
- -ms-transform: scale(0.49) !important;
- transform: scale(0.49) !important;
+ -webkit-transform: scale(0.49) !important;
+ -ms-transform: scale(0.49) !important;
+ transform: scale(0.49) !important;
}
.am-button.am-button-active {
- background-color: #ddd;
+ background-color: #ddd;
}
.am-button.am-button-disabled {
- color: rgba(0, 0, 0, 0.3);
- opacity: 0.6;
+ color: rgba(0, 0, 0, 0.3);
+ opacity: 0.6;
}
.am-button-primary {
- color: #fff;
- background-color: #108ee9;
- border: 1PX solid #108ee9;
- border-radius: 5px;
+ color: #fff;
+ background-color: #108ee9;
+ border: 1px solid #108ee9;
+ border-radius: 5px;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
- html:not([data-scale]) .am-button-primary {
- position: relative;
- border: none;
- }
- html:not([data-scale]) .am-button-primary::before {
- content: '';
- position: absolute;
- left: 0;
- top: 0;
- width: 200%;
- height: 200%;
- border: 1PX solid #108ee9;
- border-radius: 10px;
- -webkit-transform-origin: 0 0;
+ html:not([data-scale]) .am-button-primary {
+ position: relative;
+ border: none;
+ }
+ html:not([data-scale]) .am-button-primary::before {
+ content: '';
+ position: absolute;
+ left: 0;
+ top: 0;
+ width: 200%;
+ height: 200%;
+ border: 1px solid #108ee9;
+ border-radius: 10px;
+ -webkit-transform-origin: 0 0;
-ms-transform-origin: 0 0;
- transform-origin: 0 0;
- -webkit-transform: scale(0.5);
+ transform-origin: 0 0;
+ -webkit-transform: scale(0.5);
-ms-transform: scale(0.5);
- transform: scale(0.5);
- -webkit-box-sizing: border-box;
- box-sizing: border-box;
- pointer-events: none;
- }
+ transform: scale(0.5);
+ -webkit-box-sizing: border-box;
+ box-sizing: border-box;
+ pointer-events: none;
+ }
}
.am-button-primary.am-button-active {
- color: rgba(255, 255, 255, 0.3);
- background-color: #0e80d2;
+ color: rgba(255, 255, 255, 0.3);
+ background-color: #0e80d2;
}
.am-button-primary.am-button-disabled {
- color: rgba(255, 255, 255, 0.6);
- opacity: 0.4;
+ color: rgba(255, 255, 255, 0.6);
+ opacity: 0.4;
}
.am-button-ghost {
- color: #108ee9;
- background-color: transparent;
- border: 1PX solid #108ee9;
- border-radius: 5px;
+ color: #108ee9;
+ background-color: transparent;
+ border: 1px solid #108ee9;
+ border-radius: 5px;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
- html:not([data-scale]) .am-button-ghost {
- position: relative;
- border: none;
- }
- html:not([data-scale]) .am-button-ghost::before {
- content: '';
- position: absolute;
- left: 0;
- top: 0;
- width: 200%;
- height: 200%;
- border: 1PX solid #108ee9;
- border-radius: 10px;
- -webkit-transform-origin: 0 0;
+ html:not([data-scale]) .am-button-ghost {
+ position: relative;
+ border: none;
+ }
+ html:not([data-scale]) .am-button-ghost::before {
+ content: '';
+ position: absolute;
+ left: 0;
+ top: 0;
+ width: 200%;
+ height: 200%;
+ border: 1px solid #108ee9;
+ border-radius: 10px;
+ -webkit-transform-origin: 0 0;
-ms-transform-origin: 0 0;
- transform-origin: 0 0;
- -webkit-transform: scale(0.5);
+ transform-origin: 0 0;
+ -webkit-transform: scale(0.5);
-ms-transform: scale(0.5);
- transform: scale(0.5);
- -webkit-box-sizing: border-box;
- box-sizing: border-box;
- pointer-events: none;
- }
+ transform: scale(0.5);
+ -webkit-box-sizing: border-box;
+ box-sizing: border-box;
+ pointer-events: none;
+ }
}
.am-button-ghost.am-button-active {
- color: rgba(16, 142, 233, 0.6);
- background-color: transparent;
- border: 1PX solid rgba(16, 142, 233, 0.6);
- border-radius: 5px;
+ color: rgba(16, 142, 233, 0.6);
+ background-color: transparent;
+ border: 1px solid rgba(16, 142, 233, 0.6);
+ border-radius: 5px;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
- html:not([data-scale]) .am-button-ghost.am-button-active {
- position: relative;
- border: none;
- }
- html:not([data-scale]) .am-button-ghost.am-button-active::before {
- content: '';
- position: absolute;
- left: 0;
- top: 0;
- width: 200%;
- height: 200%;
- border: 1PX solid rgba(16, 142, 233, 0.6);
- border-radius: 10px;
- -webkit-transform-origin: 0 0;
+ html:not([data-scale]) .am-button-ghost.am-button-active {
+ position: relative;
+ border: none;
+ }
+ html:not([data-scale]) .am-button-ghost.am-button-active::before {
+ content: '';
+ position: absolute;
+ left: 0;
+ top: 0;
+ width: 200%;
+ height: 200%;
+ border: 1px solid rgba(16, 142, 233, 0.6);
+ border-radius: 10px;
+ -webkit-transform-origin: 0 0;
-ms-transform-origin: 0 0;
- transform-origin: 0 0;
- -webkit-transform: scale(0.5);
+ transform-origin: 0 0;
+ -webkit-transform: scale(0.5);
-ms-transform: scale(0.5);
- transform: scale(0.5);
- -webkit-box-sizing: border-box;
- box-sizing: border-box;
- pointer-events: none;
- }
+ transform: scale(0.5);
+ -webkit-box-sizing: border-box;
+ box-sizing: border-box;
+ pointer-events: none;
+ }
}
.am-button-ghost.am-button-disabled {
- color: rgba(0, 0, 0, 0.1);
- border: 1PX solid rgba(0, 0, 0, 0.1);
- border-radius: 5px;
- opacity: 1;
+ color: rgba(0, 0, 0, 0.1);
+ border: 1px solid rgba(0, 0, 0, 0.1);
+ border-radius: 5px;
+ opacity: 1;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
- html:not([data-scale]) .am-button-ghost.am-button-disabled {
- position: relative;
- border: none;
- }
- html:not([data-scale]) .am-button-ghost.am-button-disabled::before {
- content: '';
- position: absolute;
- left: 0;
- top: 0;
- width: 200%;
- height: 200%;
- border: 1PX solid rgba(0, 0, 0, 0.1);
- border-radius: 10px;
- -webkit-transform-origin: 0 0;
+ html:not([data-scale]) .am-button-ghost.am-button-disabled {
+ position: relative;
+ border: none;
+ }
+ html:not([data-scale]) .am-button-ghost.am-button-disabled::before {
+ content: '';
+ position: absolute;
+ left: 0;
+ top: 0;
+ width: 200%;
+ height: 200%;
+ border: 1px solid rgba(0, 0, 0, 0.1);
+ border-radius: 10px;
+ -webkit-transform-origin: 0 0;
-ms-transform-origin: 0 0;
- transform-origin: 0 0;
- -webkit-transform: scale(0.5);
+ transform-origin: 0 0;
+ -webkit-transform: scale(0.5);
-ms-transform: scale(0.5);
- transform: scale(0.5);
- -webkit-box-sizing: border-box;
- box-sizing: border-box;
- pointer-events: none;
- }
+ transform: scale(0.5);
+ -webkit-box-sizing: border-box;
+ box-sizing: border-box;
+ pointer-events: none;
+ }
}
.am-button-warning {
- color: #fff;
- background-color: #e94f4f;
+ color: #fff;
+ background-color: #e94f4f;
}
.am-button-warning.am-button-active {
- color: rgba(255, 255, 255, 0.3);
- background-color: #d24747;
+ color: rgba(255, 255, 255, 0.3);
+ background-color: #d24747;
}
.am-button-warning.am-button-disabled {
- color: rgba(255, 255, 255, 0.6);
- opacity: 0.4;
+ color: rgba(255, 255, 255, 0.6);
+ opacity: 0.4;
}
.am-button-inline {
- display: inline-block;
- padding: 0 15px;
+ display: inline-block;
+ padding: 0 15px;
}
.am-button-inline.am-button-icon {
- display: -webkit-inline-box;
- display: -webkit-inline-flex;
- display: -ms-inline-flexbox;
- display: inline-flex;
+ display: -webkit-inline-box;
+ display: -webkit-inline-flex;
+ display: -ms-inline-flexbox;
+ display: inline-flex;
}
.am-button-small {
- font-size: 13px;
- height: 30px;
- line-height: 30px;
- padding: 0 15px;
+ font-size: 13px;
+ height: 30px;
+ line-height: 30px;
+ padding: 0 15px;
}
.am-button-icon {
- display: -webkit-box;
- display: -webkit-flex;
- display: -ms-flexbox;
- display: flex;
- -webkit-box-align: center;
- -webkit-align-items: center;
- -ms-flex-align: center;
- align-items: center;
- -webkit-box-pack: center;
- -webkit-justify-content: center;
- -ms-flex-pack: center;
- justify-content: center;
+ display: -webkit-box;
+ display: -webkit-flex;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-align: center;
+ -webkit-align-items: center;
+ -ms-flex-align: center;
+ align-items: center;
+ -webkit-box-pack: center;
+ -webkit-justify-content: center;
+ -ms-flex-pack: center;
+ justify-content: center;
}
.am-button > .am-button-icon {
- margin-right: 0.5em;
+ margin-right: 0.5em;
}
.am-picker-col {
- display: block;
- position: relative;
- height: 238px;
- overflow: hidden;
- width: 100%;
+ display: block;
+ position: relative;
+ height: 238px;
+ overflow: hidden;
+ width: 100%;
}
.am-picker-col-content {
- position: absolute;
- left: 0;
- top: 0;
- width: 100%;
- z-index: 1;
- padding: 102px 0;
+ position: absolute;
+ left: 0;
+ top: 0;
+ width: 100%;
+ z-index: 1;
+ padding: 102px 0;
}
.am-picker-col-item {
- -ms-touch-action: manipulation;
- touch-action: manipulation;
- text-align: center;
- font-size: 16px;
- height: 34px;
- line-height: 34px;
- color: #000;
- white-space: nowrap;
- text-overflow: ellipsis;
+ -ms-touch-action: manipulation;
+ touch-action: manipulation;
+ text-align: center;
+ font-size: 16px;
+ height: 34px;
+ line-height: 34px;
+ color: #000;
+ white-space: nowrap;
+ text-overflow: ellipsis;
}
.am-picker-col-item-selected {
- font-size: 17px;
+ font-size: 17px;
}
.am-picker-col-mask {
- position: absolute;
- left: 0;
- top: 0;
- height: 100%;
- margin: 0 auto;
- width: 100%;
- z-index: 3;
- background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.95), rgba(255, 255, 255, 0.6)), -webkit-linear-gradient(bottom, rgba(255, 255, 255, 0.95), rgba(255, 255, 255, 0.6));
- background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0.95)), to(rgba(255, 255, 255, 0.6))), -webkit-gradient(linear, left bottom, left top, from(rgba(255, 255, 255, 0.95)), to(rgba(255, 255, 255, 0.6)));
- background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.95), rgba(255, 255, 255, 0.6)), linear-gradient(to top, rgba(255, 255, 255, 0.95), rgba(255, 255, 255, 0.6));
- background-position: top, bottom;
- background-size: 100% 102px;
- background-repeat: no-repeat;
+ position: absolute;
+ left: 0;
+ top: 0;
+ height: 100%;
+ margin: 0 auto;
+ width: 100%;
+ z-index: 3;
+ background-image: -webkit-linear-gradient(
+ top,
+ rgba(255, 255, 255, 0.95),
+ rgba(255, 255, 255, 0.6)
+ ),
+ -webkit-linear-gradient(bottom, rgba(255, 255, 255, 0.95), rgba(255, 255, 255, 0.6));
+ background-image: -webkit-gradient(
+ linear,
+ left top,
+ left bottom,
+ from(rgba(255, 255, 255, 0.95)),
+ to(rgba(255, 255, 255, 0.6))
+ ),
+ -webkit-gradient(linear, left bottom, left top, from(rgba(255, 255, 255, 0.95)), to(rgba(255, 255, 255, 0.6)));
+ background-image: linear-gradient(
+ to bottom,
+ rgba(255, 255, 255, 0.95),
+ rgba(255, 255, 255, 0.6)
+ ),
+ linear-gradient(
+ to top,
+ rgba(255, 255, 255, 0.95),
+ rgba(255, 255, 255, 0.6)
+ );
+ background-position: top, bottom;
+ background-size: 100% 102px;
+ background-repeat: no-repeat;
}
.am-picker-col-indicator {
- -webkit-box-sizing: border-box;
- box-sizing: border-box;
- width: 100%;
- height: 34px;
- position: absolute;
- left: 0;
- top: 102px;
- z-index: 3;
- border-top: 1PX solid #ddd;
- border-bottom: 1PX solid #ddd;
+ -webkit-box-sizing: border-box;
+ box-sizing: border-box;
+ width: 100%;
+ height: 34px;
+ position: absolute;
+ left: 0;
+ top: 102px;
+ z-index: 3;
+ border-top: 1px solid #ddd;
+ border-bottom: 1px solid #ddd;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
- html:not([data-scale]) .am-picker-col-indicator {
- border-top: none;
- }
- html:not([data-scale]) .am-picker-col-indicator::before {
- content: '';
- position: absolute;
- background-color: #ddd;
- display: block;
- z-index: 1;
- top: 0;
- right: auto;
- bottom: auto;
- left: 0;
- width: 100%;
- height: 1PX;
- -webkit-transform-origin: 50% 50%;
+ html:not([data-scale]) .am-picker-col-indicator {
+ border-top: none;
+ }
+ html:not([data-scale]) .am-picker-col-indicator::before {
+ content: '';
+ position: absolute;
+ background-color: #ddd;
+ display: block;
+ z-index: 1;
+ top: 0;
+ right: auto;
+ bottom: auto;
+ left: 0;
+ width: 100%;
+ height: 1px;
+ -webkit-transform-origin: 50% 50%;
-ms-transform-origin: 50% 50%;
- transform-origin: 50% 50%;
- -webkit-transform: scaleY(0.5);
+ transform-origin: 50% 50%;
+ -webkit-transform: scaleY(0.5);
-ms-transform: scaleY(0.5);
- transform: scaleY(0.5);
- }
+ transform: scaleY(0.5);
+ }
}
-@media (-webkit-min-device-pixel-ratio: 2) and (-webkit-min-device-pixel-ratio: 3), (min-resolution: 2dppx) and (min-resolution: 3dppx) {
- html:not([data-scale]) .am-picker-col-indicator::before {
- -webkit-transform: scaleY(0.33);
+@media (-webkit-min-device-pixel-ratio: 2) and (-webkit-min-device-pixel-ratio: 3),
+ (min-resolution: 2dppx) and (min-resolution: 3dppx) {
+ html:not([data-scale]) .am-picker-col-indicator::before {
+ -webkit-transform: scaleY(0.33);
-ms-transform: scaleY(0.33);
- transform: scaleY(0.33);
- }
+ transform: scaleY(0.33);
+ }
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
- html:not([data-scale]) .am-picker-col-indicator {
- border-bottom: none;
- }
- html:not([data-scale]) .am-picker-col-indicator::after {
- content: '';
- position: absolute;
- background-color: #ddd;
- display: block;
- z-index: 1;
- top: auto;
- right: auto;
- bottom: 0;
- left: 0;
- width: 100%;
- height: 1PX;
- -webkit-transform-origin: 50% 100%;
+ html:not([data-scale]) .am-picker-col-indicator {
+ border-bottom: none;
+ }
+ html:not([data-scale]) .am-picker-col-indicator::after {
+ content: '';
+ position: absolute;
+ background-color: #ddd;
+ display: block;
+ z-index: 1;
+ top: auto;
+ right: auto;
+ bottom: 0;
+ left: 0;
+ width: 100%;
+ height: 1px;
+ -webkit-transform-origin: 50% 100%;
-ms-transform-origin: 50% 100%;
- transform-origin: 50% 100%;
- -webkit-transform: scaleY(0.5);
+ transform-origin: 50% 100%;
+ -webkit-transform: scaleY(0.5);
-ms-transform: scaleY(0.5);
- transform: scaleY(0.5);
- }
+ transform: scaleY(0.5);
+ }
}
-@media (-webkit-min-device-pixel-ratio: 2) and (-webkit-min-device-pixel-ratio: 3), (min-resolution: 2dppx) and (min-resolution: 3dppx) {
- html:not([data-scale]) .am-picker-col-indicator::after {
- -webkit-transform: scaleY(0.33);
+@media (-webkit-min-device-pixel-ratio: 2) and (-webkit-min-device-pixel-ratio: 3),
+ (min-resolution: 2dppx) and (min-resolution: 3dppx) {
+ html:not([data-scale]) .am-picker-col-indicator::after {
+ -webkit-transform: scaleY(0.33);
-ms-transform: scaleY(0.33);
- transform: scaleY(0.33);
- }
+ transform: scaleY(0.33);
+ }
}
.am-picker {
- display: -webkit-box;
- display: -webkit-flex;
- display: -ms-flexbox;
- display: flex;
- -webkit-box-align: center;
- -webkit-align-items: center;
- -ms-flex-align: center;
- align-items: center;
+ display: -webkit-box;
+ display: -webkit-flex;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-align: center;
+ -webkit-align-items: center;
+ -ms-flex-align: center;
+ align-items: center;
}
.am-picker-item {
- -webkit-box-flex: 1;
- -webkit-flex: 1;
- -ms-flex: 1;
- flex: 1;
- text-align: center;
+ -webkit-box-flex: 1;
+ -webkit-flex: 1;
+ -ms-flex: 1;
+ flex: 1;
+ text-align: center;
}
.am-picker-popup {
- left: 0;
- bottom: 0;
- position: fixed;
- width: 100%;
- background-color: #fff;
- padding-bottom: env(safe-area-inset-bottom);
+ left: 0;
+ bottom: 0;
+ position: fixed;
+ width: 100%;
+ background-color: #fff;
+ padding-bottom: env(safe-area-inset-bottom);
}
.am-picker-popup-wrap {
- position: fixed;
- overflow: auto;
- top: 0;
- right: 0;
- bottom: 0;
- left: 0;
- z-index: 1000;
- -webkit-overflow-scrolling: touch;
- outline: 0;
- -webkit-transform: translateZ(1px);
- transform: translateZ(1px);
-}
-.am-picker-popup-mask {
- position: fixed;
- top: 0;
- right: 0;
- left: 0;
- bottom: 0;
- background-color: rgba(0, 0, 0, 0.4);
- height: 100%;
- z-index: 1000;
- -webkit-transform: translateZ(1px);
- transform: translateZ(1px);
-}
-.am-picker-popup-mask-hidden {
- display: none;
-}
-.am-picker-popup-header {
- background-image: -webkit-linear-gradient(top, #e7e7e7, #e7e7e7, transparent, transparent);
- background-image: -webkit-gradient(linear, left top, left bottom, from(#e7e7e7), color-stop(#e7e7e7), color-stop(transparent), to(transparent));
- background-image: linear-gradient(to bottom, #e7e7e7, #e7e7e7, transparent, transparent);
- background-position: bottom;
- background-size: 100% 1PX;
- background-repeat: no-repeat;
- display: -webkit-box;
- display: -webkit-flex;
- display: -ms-flexbox;
- display: flex;
- -webkit-box-align: center;
- -webkit-align-items: center;
- -ms-flex-align: center;
- align-items: center;
- position: relative;
- border-bottom: 1PX solid #ddd;
-}
-@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
- html:not([data-scale]) .am-picker-popup-header {
- border-bottom: none;
- }
- html:not([data-scale]) .am-picker-popup-header::after {
- content: '';
- position: absolute;
- background-color: #ddd;
- display: block;
- z-index: 1;
- top: auto;
- right: auto;
+ position: fixed;
+ overflow: auto;
+ top: 0;
+ right: 0;
bottom: 0;
left: 0;
- width: 100%;
- height: 1PX;
- -webkit-transform-origin: 50% 100%;
- -ms-transform-origin: 50% 100%;
- transform-origin: 50% 100%;
- -webkit-transform: scaleY(0.5);
- -ms-transform: scaleY(0.5);
- transform: scaleY(0.5);
- }
+ z-index: 1000;
+ -webkit-overflow-scrolling: touch;
+ outline: 0;
+ -webkit-transform: translateZ(1px);
+ transform: translateZ(1px);
}
-@media (-webkit-min-device-pixel-ratio: 2) and (-webkit-min-device-pixel-ratio: 3), (min-resolution: 2dppx) and (min-resolution: 3dppx) {
- html:not([data-scale]) .am-picker-popup-header::after {
- -webkit-transform: scaleY(0.33);
+.am-picker-popup-mask {
+ position: fixed;
+ top: 0;
+ right: 0;
+ left: 0;
+ bottom: 0;
+ background-color: rgba(0, 0, 0, 0.4);
+ height: 100%;
+ z-index: 1000;
+ -webkit-transform: translateZ(1px);
+ transform: translateZ(1px);
+}
+.am-picker-popup-mask-hidden {
+ display: none;
+}
+.am-picker-popup-header {
+ background-image: -webkit-linear-gradient(
+ top,
+ #e7e7e7,
+ #e7e7e7,
+ transparent,
+ transparent
+ );
+ background-image: -webkit-gradient(
+ linear,
+ left top,
+ left bottom,
+ from(#e7e7e7),
+ color-stop(#e7e7e7),
+ color-stop(transparent),
+ to(transparent)
+ );
+ background-image: linear-gradient(
+ to bottom,
+ #e7e7e7,
+ #e7e7e7,
+ transparent,
+ transparent
+ );
+ background-position: bottom;
+ background-size: 100% 1px;
+ background-repeat: no-repeat;
+ display: -webkit-box;
+ display: -webkit-flex;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-align: center;
+ -webkit-align-items: center;
+ -ms-flex-align: center;
+ align-items: center;
+ position: relative;
+ border-bottom: 1px solid #ddd;
+}
+@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
+ html:not([data-scale]) .am-picker-popup-header {
+ border-bottom: none;
+ }
+ html:not([data-scale]) .am-picker-popup-header::after {
+ content: '';
+ position: absolute;
+ background-color: #ddd;
+ display: block;
+ z-index: 1;
+ top: auto;
+ right: auto;
+ bottom: 0;
+ left: 0;
+ width: 100%;
+ height: 1px;
+ -webkit-transform-origin: 50% 100%;
+ -ms-transform-origin: 50% 100%;
+ transform-origin: 50% 100%;
+ -webkit-transform: scaleY(0.5);
+ -ms-transform: scaleY(0.5);
+ transform: scaleY(0.5);
+ }
+}
+@media (-webkit-min-device-pixel-ratio: 2) and (-webkit-min-device-pixel-ratio: 3),
+ (min-resolution: 2dppx) and (min-resolution: 3dppx) {
+ html:not([data-scale]) .am-picker-popup-header::after {
+ -webkit-transform: scaleY(0.33);
-ms-transform: scaleY(0.33);
- transform: scaleY(0.33);
- }
+ transform: scaleY(0.33);
+ }
}
.am-picker-popup-header .am-picker-popup-header-right {
- text-align: right;
+ text-align: right;
}
.am-picker-popup-item {
- color: #108ee9;
- font-size: 17px;
- padding: 9px 15px;
- height: 42px;
- -webkit-box-sizing: border-box;
- box-sizing: border-box;
- display: -webkit-box;
- display: -webkit-flex;
- display: -ms-flexbox;
- display: flex;
- -webkit-box-align: center;
- -webkit-align-items: center;
- -ms-flex-align: center;
- align-items: center;
- -webkit-box-pack: center;
- -webkit-justify-content: center;
- -ms-flex-pack: center;
- justify-content: center;
+ color: #108ee9;
+ font-size: 17px;
+ padding: 9px 15px;
+ height: 42px;
+ -webkit-box-sizing: border-box;
+ box-sizing: border-box;
+ display: -webkit-box;
+ display: -webkit-flex;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-align: center;
+ -webkit-align-items: center;
+ -ms-flex-align: center;
+ align-items: center;
+ -webkit-box-pack: center;
+ -webkit-justify-content: center;
+ -ms-flex-pack: center;
+ justify-content: center;
}
.am-picker-popup-item-active {
- background-color: #ddd;
+ background-color: #ddd;
}
.am-picker-popup-title {
- -webkit-box-flex: 1;
- -webkit-flex: 1;
- -ms-flex: 1;
- flex: 1;
- text-align: center;
- color: #000;
+ -webkit-box-flex: 1;
+ -webkit-flex: 1;
+ -ms-flex: 1;
+ flex: 1;
+ text-align: center;
+ color: #000;
}
.am-picker-popup .am-picker-popup-close {
- display: none;
+ display: none;
}
.am-picker-col {
- -webkit-box-flex: 1;
- -webkit-flex: 1;
- -ms-flex: 1;
- flex: 1;
+ -webkit-box-flex: 1;
+ -webkit-flex: 1;
+ -ms-flex: 1;
+ flex: 1;
}
.am-calendar .animate {
- -webkit-animation-duration: .3s;
- animation-duration: .3s;
- -webkit-animation-fill-mode: both;
- animation-fill-mode: both;
+ -webkit-animation-duration: 0.3s;
+ animation-duration: 0.3s;
+ -webkit-animation-fill-mode: both;
+ animation-fill-mode: both;
}
@-webkit-keyframes fadeIn {
- 0% {
- opacity: 0;
- }
- to {
- opacity: 1;
- }
+ 0% {
+ opacity: 0;
+ }
+ to {
+ opacity: 1;
+ }
}
@keyframes fadeIn {
- 0% {
- opacity: 0;
- }
- to {
- opacity: 1;
- }
+ 0% {
+ opacity: 0;
+ }
+ to {
+ opacity: 1;
+ }
}
@-webkit-keyframes fadeOut {
- 0% {
- opacity: 1;
- }
- to {
- opacity: 0;
- }
+ 0% {
+ opacity: 1;
+ }
+ to {
+ opacity: 0;
+ }
}
@keyframes fadeOut {
- 0% {
- opacity: 1;
- }
- to {
- opacity: 0;
- }
+ 0% {
+ opacity: 1;
+ }
+ to {
+ opacity: 0;
+ }
}
.am-calendar .fade-enter {
- -webkit-animation-name: fadeIn;
- animation-name: fadeIn;
+ -webkit-animation-name: fadeIn;
+ animation-name: fadeIn;
}
.am-calendar .fade-leave {
- -webkit-animation-name: fadeOut;
- animation-name: fadeOut;
+ -webkit-animation-name: fadeOut;
+ animation-name: fadeOut;
}
@-webkit-keyframes slideInUp {
- 0% {
- -webkit-transform: translate3d(0, 100%, 0);
- transform: translate3d(0, 100%, 0);
- visibility: visible;
- }
- to {
- -webkit-transform: translateZ(0);
- transform: translateZ(0);
- }
+ 0% {
+ -webkit-transform: translate3d(0, 100%, 0);
+ transform: translate3d(0, 100%, 0);
+ visibility: visible;
+ }
+ to {
+ -webkit-transform: translateZ(0);
+ transform: translateZ(0);
+ }
}
@keyframes slideInUp {
- 0% {
- -webkit-transform: translate3d(0, 100%, 0);
- transform: translate3d(0, 100%, 0);
- visibility: visible;
- }
- to {
- -webkit-transform: translateZ(0);
- transform: translateZ(0);
- }
+ 0% {
+ -webkit-transform: translate3d(0, 100%, 0);
+ transform: translate3d(0, 100%, 0);
+ visibility: visible;
+ }
+ to {
+ -webkit-transform: translateZ(0);
+ transform: translateZ(0);
+ }
}
@-webkit-keyframes slideInDown {
- 0% {
- -webkit-transform: translateZ(0);
- transform: translateZ(0);
- visibility: visible;
- }
- to {
- -webkit-transform: translate3d(0, 100%, 0);
- transform: translate3d(0, 100%, 0);
- }
+ 0% {
+ -webkit-transform: translateZ(0);
+ transform: translateZ(0);
+ visibility: visible;
+ }
+ to {
+ -webkit-transform: translate3d(0, 100%, 0);
+ transform: translate3d(0, 100%, 0);
+ }
}
@keyframes slideInDown {
- 0% {
- -webkit-transform: translateZ(0);
- transform: translateZ(0);
- visibility: visible;
- }
- to {
- -webkit-transform: translate3d(0, 100%, 0);
- transform: translate3d(0, 100%, 0);
- }
+ 0% {
+ -webkit-transform: translateZ(0);
+ transform: translateZ(0);
+ visibility: visible;
+ }
+ to {
+ -webkit-transform: translate3d(0, 100%, 0);
+ transform: translate3d(0, 100%, 0);
+ }
}
@-webkit-keyframes slideInLeft {
- 0% {
- -webkit-transform: translate3d(100%, 0, 0);
- transform: translate3d(100%, 0, 0);
- visibility: visible;
- }
- to {
- -webkit-transform: translateZ(0);
- transform: translateZ(0);
- }
+ 0% {
+ -webkit-transform: translate3d(100%, 0, 0);
+ transform: translate3d(100%, 0, 0);
+ visibility: visible;
+ }
+ to {
+ -webkit-transform: translateZ(0);
+ transform: translateZ(0);
+ }
}
@keyframes slideInLeft {
- 0% {
- -webkit-transform: translate3d(100%, 0, 0);
- transform: translate3d(100%, 0, 0);
- visibility: visible;
- }
- to {
- -webkit-transform: translateZ(0);
- transform: translateZ(0);
- }
+ 0% {
+ -webkit-transform: translate3d(100%, 0, 0);
+ transform: translate3d(100%, 0, 0);
+ visibility: visible;
+ }
+ to {
+ -webkit-transform: translateZ(0);
+ transform: translateZ(0);
+ }
}
@-webkit-keyframes slideInRight {
- 0% {
- -webkit-transform: translateZ(0);
- transform: translateZ(0);
- visibility: visible;
- }
- to {
- -webkit-transform: translate3d(100%, 0, 0);
- transform: translate3d(100%, 0, 0);
- }
+ 0% {
+ -webkit-transform: translateZ(0);
+ transform: translateZ(0);
+ visibility: visible;
+ }
+ to {
+ -webkit-transform: translate3d(100%, 0, 0);
+ transform: translate3d(100%, 0, 0);
+ }
}
@keyframes slideInRight {
- 0% {
- -webkit-transform: translateZ(0);
- transform: translateZ(0);
- visibility: visible;
- }
- to {
- -webkit-transform: translate3d(100%, 0, 0);
- transform: translate3d(100%, 0, 0);
- }
+ 0% {
+ -webkit-transform: translateZ(0);
+ transform: translateZ(0);
+ visibility: visible;
+ }
+ to {
+ -webkit-transform: translate3d(100%, 0, 0);
+ transform: translate3d(100%, 0, 0);
+ }
}
.am-calendar .slideV-enter {
- -webkit-animation-name: slideInUp;
- animation-name: slideInUp;
+ -webkit-animation-name: slideInUp;
+ animation-name: slideInUp;
}
.am-calendar .slideV-leave {
- -webkit-animation-name: slideInDown;
- animation-name: slideInDown;
+ -webkit-animation-name: slideInDown;
+ animation-name: slideInDown;
}
.am-calendar .slideH-enter {
- -webkit-animation-name: slideInLeft;
- animation-name: slideInLeft;
+ -webkit-animation-name: slideInLeft;
+ animation-name: slideInLeft;
}
.am-calendar .slideH-leave {
- -webkit-animation-name: slideInRight;
- animation-name: slideInRight;
+ -webkit-animation-name: slideInRight;
+ animation-name: slideInRight;
}
.am-calendar .mask {
- position: fixed;
- width: 100%;
- height: 100%;
- top: 0;
- left: 0;
- z-index: 999;
- background: rgba(0, 0, 0, 0.5);
+ position: fixed;
+ width: 100%;
+ height: 100%;
+ top: 0;
+ left: 0;
+ z-index: 999;
+ background: rgba(0, 0, 0, 0.5);
}
.am-calendar .content {
- position: fixed;
- display: -webkit-box;
- display: -webkit-flex;
- display: -ms-flexbox;
- display: flex;
- -webkit-box-orient: vertical;
- -webkit-box-direction: normal;
- -webkit-flex-direction: column;
- -ms-flex-direction: column;
- flex-direction: column;
- width: 100%;
- height: 100%;
- top: 0;
- left: 0;
- z-index: 999;
- background: #fff;
+ position: fixed;
+ display: -webkit-box;
+ display: -webkit-flex;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-orient: vertical;
+ -webkit-box-direction: normal;
+ -webkit-flex-direction: column;
+ -ms-flex-direction: column;
+ flex-direction: column;
+ width: 100%;
+ height: 100%;
+ top: 0;
+ left: 0;
+ z-index: 999;
+ background: #fff;
}
.am-calendar .header {
- margin: 5px;
- display: -webkit-box;
- display: -webkit-flex;
- display: -ms-flexbox;
- display: flex;
- -webkit-flex-shrink: 0;
- -ms-flex-negative: 0;
- flex-shrink: 0;
- -webkit-box-align: center;
- -webkit-align-items: center;
- -ms-flex-align: center;
- align-items: center;
+ margin: 5px;
+ display: -webkit-box;
+ display: -webkit-flex;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-flex-shrink: 0;
+ -ms-flex-negative: 0;
+ flex-shrink: 0;
+ -webkit-box-align: center;
+ -webkit-align-items: center;
+ -ms-flex-align: center;
+ align-items: center;
}
.am-calendar .header .title {
- text-align: center;
- width: 100%;
- font-size: 16px;
- font-weight: bold;
+ text-align: center;
+ width: 100%;
+ font-size: 16px;
+ font-weight: bold;
}
.am-calendar .header .left {
- position: absolute;
- display: -webkit-box;
- display: -webkit-flex;
- display: -ms-flexbox;
- display: flex;
- -webkit-box-pack: center;
- -webkit-justify-content: center;
- -ms-flex-pack: center;
- justify-content: center;
- -webkit-box-align: center;
- -webkit-align-items: center;
- -ms-flex-align: center;
- align-items: center;
- padding: 0 8px;
- height: 24px;
- left: 5px;
- top: 5px;
- color: #068EEF;
+ position: absolute;
+ display: -webkit-box;
+ display: -webkit-flex;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-pack: center;
+ -webkit-justify-content: center;
+ -ms-flex-pack: center;
+ justify-content: center;
+ -webkit-box-align: center;
+ -webkit-align-items: center;
+ -ms-flex-align: center;
+ align-items: center;
+ padding: 0 8px;
+ height: 24px;
+ left: 5px;
+ top: 5px;
+ color: #068eef;
}
.am-calendar .header .right {
- position: absolute;
- display: -webkit-box;
- display: -webkit-flex;
- display: -ms-flexbox;
- display: flex;
- -webkit-box-pack: center;
- -webkit-justify-content: center;
- -ms-flex-pack: center;
- justify-content: center;
- -webkit-box-align: center;
- -webkit-align-items: center;
- -ms-flex-align: center;
- align-items: center;
- padding: 0 8px;
- height: 24px;
- right: 5px;
- top: 5px;
- color: #068EEF;
- font-size: 14px;
+ position: absolute;
+ display: -webkit-box;
+ display: -webkit-flex;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-pack: center;
+ -webkit-justify-content: center;
+ -ms-flex-pack: center;
+ justify-content: center;
+ -webkit-box-align: center;
+ -webkit-align-items: center;
+ -ms-flex-align: center;
+ align-items: center;
+ padding: 0 8px;
+ height: 24px;
+ right: 5px;
+ top: 5px;
+ color: #068eef;
+ font-size: 14px;
}
.am-calendar .timePicker {
- border-top: 1PX #ccc solid;
+ border-top: 1px #ccc solid;
}
.am-calendar .week-panel {
- background: #fff;
- display: -webkit-box;
- display: -webkit-flex;
- display: -ms-flexbox;
- display: flex;
- -webkit-flex-shrink: 0;
- -ms-flex-negative: 0;
- flex-shrink: 0;
- padding: 0 2px;
- border-bottom: 1PX #ddd solid;
+ background: #fff;
+ display: -webkit-box;
+ display: -webkit-flex;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-flex-shrink: 0;
+ -ms-flex-negative: 0;
+ flex-shrink: 0;
+ padding: 0 2px;
+ border-bottom: 1px #ddd solid;
}
.am-calendar .week-panel .cell {
- height: 24px;
- display: -webkit-box;
- display: -webkit-flex;
- display: -ms-flexbox;
- display: flex;
- width: 14.28571429%;
- -webkit-box-pack: center;
- -webkit-justify-content: center;
- -ms-flex-pack: center;
- justify-content: center;
- -webkit-box-align: center;
- -webkit-align-items: center;
- -ms-flex-align: center;
- align-items: center;
- color: #000;
- font-size: 14px;
+ height: 24px;
+ display: -webkit-box;
+ display: -webkit-flex;
+ display: -ms-flexbox;
+ display: flex;
+ width: 14.28571429%;
+ -webkit-box-pack: center;
+ -webkit-justify-content: center;
+ -ms-flex-pack: center;
+ justify-content: center;
+ -webkit-box-align: center;
+ -webkit-align-items: center;
+ -ms-flex-align: center;
+ align-items: center;
+ color: #000;
+ font-size: 14px;
}
.am-calendar .week-panel .cell-grey {
- color: #bbb;
+ color: #bbb;
}
.am-calendar .date-picker {
- display: -webkit-box;
- display: -webkit-flex;
- display: -ms-flexbox;
- display: flex;
- -webkit-box-orient: vertical;
- -webkit-box-direction: normal;
- -webkit-flex-direction: column;
- -ms-flex-direction: column;
- flex-direction: column;
- background: #eee;
- padding-bottom: env(safe-area-inset-bottom);
- -webkit-box-flex: 1;
- -webkit-flex: 1;
- -ms-flex: 1;
- flex: 1;
- min-height: 0;
+ display: -webkit-box;
+ display: -webkit-flex;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-orient: vertical;
+ -webkit-box-direction: normal;
+ -webkit-flex-direction: column;
+ -ms-flex-direction: column;
+ flex-direction: column;
+ background: #eee;
+ padding-bottom: env(safe-area-inset-bottom);
+ -webkit-box-flex: 1;
+ -webkit-flex: 1;
+ -ms-flex: 1;
+ flex: 1;
+ min-height: 0;
}
.am-calendar .date-picker .wrapper {
- height: auto;
- position: relative;
- -webkit-box-flex: 1;
- -webkit-flex: 1;
- -ms-flex: 1;
- flex: 1;
- min-height: 0;
+ height: auto;
+ position: relative;
+ -webkit-box-flex: 1;
+ -webkit-flex: 1;
+ -ms-flex: 1;
+ flex: 1;
+ min-height: 0;
}
.am-calendar .date-picker .months {
- background: #fff;
+ background: #fff;
}
.am-calendar .date-picker .load-tip {
- position: absolute;
- display: -webkit-box;
- display: -webkit-flex;
- display: -ms-flexbox;
- display: flex;
- -webkit-box-pack: center;
- -webkit-justify-content: center;
- -ms-flex-pack: center;
- justify-content: center;
- -webkit-box-align: end;
- -webkit-align-items: flex-end;
- -ms-flex-align: end;
- align-items: flex-end;
- left: 0;
- right: 0;
- padding: 10px 0;
- top: -40px;
- color: #bbb;
+ position: absolute;
+ display: -webkit-box;
+ display: -webkit-flex;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-pack: center;
+ -webkit-justify-content: center;
+ -ms-flex-pack: center;
+ justify-content: center;
+ -webkit-box-align: end;
+ -webkit-align-items: flex-end;
+ -ms-flex-align: end;
+ align-items: flex-end;
+ left: 0;
+ right: 0;
+ padding: 10px 0;
+ top: -40px;
+ color: #bbb;
}
.am-calendar .confirm-panel {
- display: -webkit-box;
- display: -webkit-flex;
- display: -ms-flexbox;
- display: flex;
- -webkit-flex-shrink: 0;
- -ms-flex-negative: 0;
- flex-shrink: 0;
- -webkit-box-align: center;
- -webkit-align-items: center;
- -ms-flex-align: center;
- align-items: center;
- background: #f7f7f7;
- padding: 8px 15px;
- border-top: #ddd 1PX solid;
+ display: -webkit-box;
+ display: -webkit-flex;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-flex-shrink: 0;
+ -ms-flex-negative: 0;
+ flex-shrink: 0;
+ -webkit-box-align: center;
+ -webkit-align-items: center;
+ -ms-flex-align: center;
+ align-items: center;
+ background: #f7f7f7;
+ padding: 8px 15px;
+ border-top: #ddd 1px solid;
}
.am-calendar .confirm-panel .info {
- font-size: 12px;
+ font-size: 12px;
}
.am-calendar .confirm-panel .info p {
- margin: 0;
+ margin: 0;
}
.am-calendar .confirm-panel .info p + p {
- margin-top: 8px;
+ margin-top: 8px;
}
.am-calendar .confirm-panel .info .grey {
- color: #bbb;
+ color: #bbb;
}
.am-calendar .confirm-panel .button {
- text-align: center;
- width: 80px;
- margin: 0 0 0 auto;
- padding: 8px 0;
- border-radius: 5px;
- color: #fff;
- font-size: 18px;
- background: #108ee9;
+ text-align: center;
+ width: 80px;
+ margin: 0 0 0 auto;
+ padding: 8px 0;
+ border-radius: 5px;
+ color: #fff;
+ font-size: 18px;
+ background: #108ee9;
}
.am-calendar .confirm-panel .button-disable {
- color: #bbb;
- background: #ddd;
+ color: #bbb;
+ background: #ddd;
}
.am-calendar .confirm-panel .button-full {
- width: 100%;
- text-align: center;
+ width: 100%;
+ text-align: center;
}
.am-calendar .time-picker {
- -webkit-flex-shrink: 0;
- -ms-flex-negative: 0;
- flex-shrink: 0;
- text-align: center;
- background: #fff;
+ -webkit-flex-shrink: 0;
+ -ms-flex-negative: 0;
+ flex-shrink: 0;
+ text-align: center;
+ background: #fff;
}
.am-calendar .time-picker .title {
- display: -webkit-box;
- display: -webkit-flex;
- display: -ms-flexbox;
- display: flex;
- -webkit-box-pack: center;
- -webkit-justify-content: center;
- -ms-flex-pack: center;
- justify-content: center;
- -webkit-box-align: center;
- -webkit-align-items: center;
- -ms-flex-align: center;
- align-items: center;
- height: 44px;
- font-size: 16px;
- border-top: 1PX #ddd solid;
- border-bottom: 1PX #ddd solid;
+ display: -webkit-box;
+ display: -webkit-flex;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-pack: center;
+ -webkit-justify-content: center;
+ -ms-flex-pack: center;
+ justify-content: center;
+ -webkit-box-align: center;
+ -webkit-align-items: center;
+ -ms-flex-align: center;
+ align-items: center;
+ height: 44px;
+ font-size: 16px;
+ border-top: 1px #ddd solid;
+ border-bottom: 1px #ddd solid;
}
.am-calendar .single-month {
- padding: 0;
+ padding: 0;
}
.am-calendar .single-month .month-title {
- margin: 0;
- padding: 21px 0 6px 15px;
+ margin: 0;
+ padding: 21px 0 6px 15px;
}
.am-calendar .single-month .row {
- display: -webkit-box;
- display: -webkit-flex;
- display: -ms-flexbox;
- display: flex;
- -webkit-box-align: baseline;
- -webkit-align-items: baseline;
- -ms-flex-align: baseline;
- align-items: baseline;
+ display: -webkit-box;
+ display: -webkit-flex;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-align: baseline;
+ -webkit-align-items: baseline;
+ -ms-flex-align: baseline;
+ align-items: baseline;
}
.am-calendar .single-month .row .cell {
- display: -webkit-box;
- display: -webkit-flex;
- display: -ms-flexbox;
- display: flex;
- -webkit-box-orient: vertical;
- -webkit-box-direction: normal;
- -webkit-flex-direction: column;
- -ms-flex-direction: column;
- flex-direction: column;
- width: 14.28571429%;
- -webkit-box-pack: center;
- -webkit-justify-content: center;
- -ms-flex-pack: center;
- justify-content: center;
- -webkit-box-align: center;
- -webkit-align-items: center;
- -ms-flex-align: center;
- align-items: center;
+ display: -webkit-box;
+ display: -webkit-flex;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-orient: vertical;
+ -webkit-box-direction: normal;
+ -webkit-flex-direction: column;
+ -ms-flex-direction: column;
+ flex-direction: column;
+ width: 14.28571429%;
+ -webkit-box-pack: center;
+ -webkit-justify-content: center;
+ -ms-flex-pack: center;
+ justify-content: center;
+ -webkit-box-align: center;
+ -webkit-align-items: center;
+ -ms-flex-align: center;
+ align-items: center;
}
.am-calendar .single-month .row .cell .date-wrapper {
- display: -webkit-box;
- display: -webkit-flex;
- display: -ms-flexbox;
- display: flex;
- height: 35px;
- width: 100%;
- -webkit-box-pack: center;
- -webkit-justify-content: center;
- -ms-flex-pack: center;
- justify-content: center;
- -webkit-box-align: center;
- -webkit-align-items: center;
- -ms-flex-align: center;
- align-items: center;
- margin-bottom: 2px;
+ display: -webkit-box;
+ display: -webkit-flex;
+ display: -ms-flexbox;
+ display: flex;
+ height: 35px;
+ width: 100%;
+ -webkit-box-pack: center;
+ -webkit-justify-content: center;
+ -ms-flex-pack: center;
+ justify-content: center;
+ -webkit-box-align: center;
+ -webkit-align-items: center;
+ -ms-flex-align: center;
+ align-items: center;
+ margin-bottom: 2px;
}
.am-calendar .single-month .row .cell .date-wrapper .date {
- display: -webkit-box;
- display: -webkit-flex;
- display: -ms-flexbox;
- display: flex;
- -webkit-box-pack: center;
- -webkit-justify-content: center;
- -ms-flex-pack: center;
- justify-content: center;
- -webkit-box-align: center;
- -webkit-align-items: center;
- -ms-flex-align: center;
- align-items: center;
- width: 35px;
- height: 35px;
- -webkit-flex-shrink: 0;
- -ms-flex-negative: 0;
- flex-shrink: 0;
- color: #000;
- font-size: 17px;
- font-weight: bold;
+ display: -webkit-box;
+ display: -webkit-flex;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-pack: center;
+ -webkit-justify-content: center;
+ -ms-flex-pack: center;
+ justify-content: center;
+ -webkit-box-align: center;
+ -webkit-align-items: center;
+ -ms-flex-align: center;
+ align-items: center;
+ width: 35px;
+ height: 35px;
+ -webkit-flex-shrink: 0;
+ -ms-flex-negative: 0;
+ flex-shrink: 0;
+ color: #000;
+ font-size: 17px;
+ font-weight: bold;
}
.am-calendar .single-month .row .cell .date-wrapper .disable {
- color: #bbb;
- background: #eee;
- border: none;
- border-radius: 100%;
+ color: #bbb;
+ background: #eee;
+ border: none;
+ border-radius: 100%;
}
.am-calendar .single-month .row .cell .date-wrapper .grey {
- color: #bbb;
+ color: #bbb;
}
.am-calendar .single-month .row .cell .date-wrapper .important {
- border: 1PX #ddd solid;
- border-radius: 100%;
+ border: 1px #ddd solid;
+ border-radius: 100%;
}
.am-calendar .single-month .row .cell .date-wrapper .left,
.am-calendar .single-month .row .cell .date-wrapper .right {
- border: none;
- width: 100%;
- height: 35px;
+ border: none;
+ width: 100%;
+ height: 35px;
}
.am-calendar .single-month .row .cell .date-wrapper .date-selected {
- border: none;
- background: #108ee9;
- color: #fff;
- font-size: 17px;
+ border: none;
+ background: #108ee9;
+ color: #fff;
+ font-size: 17px;
}
.am-calendar .single-month .row .cell .date-wrapper .selected-start {
- border-radius: 100% 0 0 100%;
+ border-radius: 100% 0 0 100%;
}
.am-calendar .single-month .row .cell .date-wrapper .selected-single {
- border-radius: 100%;
+ border-radius: 100%;
}
.am-calendar .single-month .row .cell .date-wrapper .selected-middle {
- border-radius: 0;
+ border-radius: 0;
}
.am-calendar .single-month .row .cell .date-wrapper .selected-end {
- border-radius: 0 100% 100% 0;
+ border-radius: 0 100% 100% 0;
}
.am-calendar .single-month .row .cell .info {
- height: 15px;
- width: 100%;
- padding: 0 5px;
- font-size: 10px;
- color: #888;
- white-space: nowrap;
- text-overflow: ellipsis;
- overflow: hidden;
- text-align: center;
+ height: 15px;
+ width: 100%;
+ padding: 0 5px;
+ font-size: 10px;
+ color: #888;
+ white-space: nowrap;
+ text-overflow: ellipsis;
+ overflow: hidden;
+ text-align: center;
}
.am-calendar .single-month .row .cell .date-selected {
- color: #108ee9;
+ color: #108ee9;
}
.am-calendar .single-month .row + .row {
- margin-top: 6px;
+ margin-top: 6px;
}
.am-calendar .single-month .row-xl + .row-xl {
- margin-top: 21px;
+ margin-top: 21px;
}
.am-calendar .shortcut-panel {
- display: -webkit-box;
- display: -webkit-flex;
- display: -ms-flexbox;
- display: flex;
- -webkit-box-orient: horizontal;
- -webkit-box-direction: normal;
- -webkit-flex-direction: row;
- -ms-flex-direction: row;
- flex-direction: row;
- -webkit-flex-shrink: 0;
- -ms-flex-negative: 0;
- flex-shrink: 0;
- -webkit-box-pack: justify;
- -webkit-justify-content: space-between;
- -ms-flex-pack: justify;
- justify-content: space-between;
- -webkit-box-align: center;
- -webkit-align-items: center;
- -ms-flex-align: center;
- align-items: center;
- padding: 0 30px;
- border-top: #ddd 1PX solid;
- height: 42px;
+ display: -webkit-box;
+ display: -webkit-flex;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-orient: horizontal;
+ -webkit-box-direction: normal;
+ -webkit-flex-direction: row;
+ -ms-flex-direction: row;
+ flex-direction: row;
+ -webkit-flex-shrink: 0;
+ -ms-flex-negative: 0;
+ flex-shrink: 0;
+ -webkit-box-pack: justify;
+ -webkit-justify-content: space-between;
+ -ms-flex-pack: justify;
+ justify-content: space-between;
+ -webkit-box-align: center;
+ -webkit-align-items: center;
+ -ms-flex-align: center;
+ align-items: center;
+ padding: 0 30px;
+ border-top: #ddd 1px solid;
+ height: 42px;
}
.am-calendar .shortcut-panel .item {
- display: inline-block;
- color: #108ee9;
- font-size: 16px;
+ display: inline-block;
+ color: #108ee9;
+ font-size: 16px;
}
.am-card {
- min-height: 96px;
- padding-bottom: 6px;
- display: -webkit-box;
- display: -webkit-flex;
- display: -ms-flexbox;
- display: flex;
- -webkit-box-orient: vertical;
- -webkit-box-direction: normal;
- -webkit-flex-direction: column;
- -ms-flex-direction: column;
- flex-direction: column;
- background-color: #fff;
+ min-height: 96px;
+ padding-bottom: 6px;
+ display: -webkit-box;
+ display: -webkit-flex;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-orient: vertical;
+ -webkit-box-direction: normal;
+ -webkit-flex-direction: column;
+ -ms-flex-direction: column;
+ flex-direction: column;
+ background-color: #fff;
}
.am-card:not(.am-card-full) {
- border: 1PX solid #ddd;
- border-radius: 5px;
+ border: 1px solid #ddd;
+ border-radius: 5px;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
- html:not([data-scale]) .am-card:not(.am-card-full) {
- position: relative;
- border: none;
- }
- html:not([data-scale]) .am-card:not(.am-card-full)::before {
- content: '';
- position: absolute;
- left: 0;
- top: 0;
- width: 200%;
- height: 200%;
- border: 1PX solid #ddd;
- border-radius: 10px;
- -webkit-transform-origin: 0 0;
+ html:not([data-scale]) .am-card:not(.am-card-full) {
+ position: relative;
+ border: none;
+ }
+ html:not([data-scale]) .am-card:not(.am-card-full)::before {
+ content: '';
+ position: absolute;
+ left: 0;
+ top: 0;
+ width: 200%;
+ height: 200%;
+ border: 1px solid #ddd;
+ border-radius: 10px;
+ -webkit-transform-origin: 0 0;
-ms-transform-origin: 0 0;
- transform-origin: 0 0;
- -webkit-transform: scale(0.5);
+ transform-origin: 0 0;
+ -webkit-transform: scale(0.5);
-ms-transform: scale(0.5);
- transform: scale(0.5);
- -webkit-box-sizing: border-box;
- box-sizing: border-box;
- pointer-events: none;
- }
+ transform: scale(0.5);
+ -webkit-box-sizing: border-box;
+ box-sizing: border-box;
+ pointer-events: none;
+ }
}
.am-card.am-card-full {
- position: relative;
- border-top: 1PX solid #ddd;
- border-bottom: 1PX solid #ddd;
+ position: relative;
+ border-top: 1px solid #ddd;
+ border-bottom: 1px solid #ddd;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
- html:not([data-scale]) .am-card.am-card-full {
- border-top: none;
- }
- html:not([data-scale]) .am-card.am-card-full::before {
- content: '';
- position: absolute;
- background-color: #ddd;
- display: block;
- z-index: 1;
- top: 0;
- right: auto;
- bottom: auto;
- left: 0;
- width: 100%;
- height: 1PX;
- -webkit-transform-origin: 50% 50%;
+ html:not([data-scale]) .am-card.am-card-full {
+ border-top: none;
+ }
+ html:not([data-scale]) .am-card.am-card-full::before {
+ content: '';
+ position: absolute;
+ background-color: #ddd;
+ display: block;
+ z-index: 1;
+ top: 0;
+ right: auto;
+ bottom: auto;
+ left: 0;
+ width: 100%;
+ height: 1px;
+ -webkit-transform-origin: 50% 50%;
-ms-transform-origin: 50% 50%;
- transform-origin: 50% 50%;
- -webkit-transform: scaleY(0.5);
+ transform-origin: 50% 50%;
+ -webkit-transform: scaleY(0.5);
-ms-transform: scaleY(0.5);
- transform: scaleY(0.5);
- }
+ transform: scaleY(0.5);
+ }
}
-@media (-webkit-min-device-pixel-ratio: 2) and (-webkit-min-device-pixel-ratio: 3), (min-resolution: 2dppx) and (min-resolution: 3dppx) {
- html:not([data-scale]) .am-card.am-card-full::before {
- -webkit-transform: scaleY(0.33);
+@media (-webkit-min-device-pixel-ratio: 2) and (-webkit-min-device-pixel-ratio: 3),
+ (min-resolution: 2dppx) and (min-resolution: 3dppx) {
+ html:not([data-scale]) .am-card.am-card-full::before {
+ -webkit-transform: scaleY(0.33);
-ms-transform: scaleY(0.33);
- transform: scaleY(0.33);
- }
+ transform: scaleY(0.33);
+ }
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
- html:not([data-scale]) .am-card.am-card-full {
- border-bottom: none;
- }
- html:not([data-scale]) .am-card.am-card-full::after {
- content: '';
- position: absolute;
- background-color: #ddd;
- display: block;
- z-index: 1;
- top: auto;
- right: auto;
- bottom: 0;
- left: 0;
- width: 100%;
- height: 1PX;
- -webkit-transform-origin: 50% 100%;
+ html:not([data-scale]) .am-card.am-card-full {
+ border-bottom: none;
+ }
+ html:not([data-scale]) .am-card.am-card-full::after {
+ content: '';
+ position: absolute;
+ background-color: #ddd;
+ display: block;
+ z-index: 1;
+ top: auto;
+ right: auto;
+ bottom: 0;
+ left: 0;
+ width: 100%;
+ height: 1px;
+ -webkit-transform-origin: 50% 100%;
-ms-transform-origin: 50% 100%;
- transform-origin: 50% 100%;
- -webkit-transform: scaleY(0.5);
+ transform-origin: 50% 100%;
+ -webkit-transform: scaleY(0.5);
-ms-transform: scaleY(0.5);
- transform: scaleY(0.5);
- }
+ transform: scaleY(0.5);
+ }
}
-@media (-webkit-min-device-pixel-ratio: 2) and (-webkit-min-device-pixel-ratio: 3), (min-resolution: 2dppx) and (min-resolution: 3dppx) {
- html:not([data-scale]) .am-card.am-card-full::after {
- -webkit-transform: scaleY(0.33);
+@media (-webkit-min-device-pixel-ratio: 2) and (-webkit-min-device-pixel-ratio: 3),
+ (min-resolution: 2dppx) and (min-resolution: 3dppx) {
+ html:not([data-scale]) .am-card.am-card-full::after {
+ -webkit-transform: scaleY(0.33);
-ms-transform: scaleY(0.33);
- transform: scaleY(0.33);
- }
+ transform: scaleY(0.33);
+ }
}
.am-card-header {
- display: -webkit-box;
- display: -webkit-flex;
- display: -ms-flexbox;
- display: flex;
- -webkit-box-align: center;
- -webkit-align-items: center;
- -ms-flex-align: center;
- align-items: center;
- font-size: 17px;
- padding: 9px 15px;
+ display: -webkit-box;
+ display: -webkit-flex;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-align: center;
+ -webkit-align-items: center;
+ -ms-flex-align: center;
+ align-items: center;
+ font-size: 17px;
+ padding: 9px 15px;
}
.am-card-header-content {
- -webkit-box-flex: 1;
- -webkit-flex: 1;
- -ms-flex: 1;
- flex: 1;
- text-align: left;
- color: #000;
- display: -webkit-box;
- display: -webkit-flex;
- display: -ms-flexbox;
- display: flex;
- -webkit-box-align: center;
- -webkit-align-items: center;
- -ms-flex-align: center;
- align-items: center;
+ -webkit-box-flex: 1;
+ -webkit-flex: 1;
+ -ms-flex: 1;
+ flex: 1;
+ text-align: left;
+ color: #000;
+ display: -webkit-box;
+ display: -webkit-flex;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-align: center;
+ -webkit-align-items: center;
+ -ms-flex-align: center;
+ align-items: center;
}
.am-card-header-content img {
- margin-right: 5px;
+ margin-right: 5px;
}
.am-card-header-extra {
- -webkit-box-flex: 1;
- -webkit-flex: 1;
- -ms-flex: 1;
- flex: 1;
- text-align: right;
- font-size: 17px;
- color: #888;
+ -webkit-box-flex: 1;
+ -webkit-flex: 1;
+ -ms-flex: 1;
+ flex: 1;
+ text-align: right;
+ font-size: 17px;
+ color: #888;
}
.am-card-body {
- position: relative;
- border-top: 1PX solid #ddd;
- padding: 15px 15px 6px;
- font-size: 15px;
- color: #333;
- min-height: 40px;
- -webkit-box-flex: 1;
- -webkit-flex: 1;
- -ms-flex: 1;
- flex: 1;
+ position: relative;
+ border-top: 1px solid #ddd;
+ padding: 15px 15px 6px;
+ font-size: 15px;
+ color: #333;
+ min-height: 40px;
+ -webkit-box-flex: 1;
+ -webkit-flex: 1;
+ -ms-flex: 1;
+ flex: 1;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
- html:not([data-scale]) .am-card-body {
- border-top: none;
- }
- html:not([data-scale]) .am-card-body::before {
- content: '';
- position: absolute;
- background-color: #ddd;
- display: block;
- z-index: 1;
- top: 0;
- right: auto;
- bottom: auto;
- left: 0;
- width: 100%;
- height: 1PX;
- -webkit-transform-origin: 50% 50%;
+ html:not([data-scale]) .am-card-body {
+ border-top: none;
+ }
+ html:not([data-scale]) .am-card-body::before {
+ content: '';
+ position: absolute;
+ background-color: #ddd;
+ display: block;
+ z-index: 1;
+ top: 0;
+ right: auto;
+ bottom: auto;
+ left: 0;
+ width: 100%;
+ height: 1px;
+ -webkit-transform-origin: 50% 50%;
-ms-transform-origin: 50% 50%;
- transform-origin: 50% 50%;
- -webkit-transform: scaleY(0.5);
+ transform-origin: 50% 50%;
+ -webkit-transform: scaleY(0.5);
-ms-transform: scaleY(0.5);
- transform: scaleY(0.5);
- }
+ transform: scaleY(0.5);
+ }
}
-@media (-webkit-min-device-pixel-ratio: 2) and (-webkit-min-device-pixel-ratio: 3), (min-resolution: 2dppx) and (min-resolution: 3dppx) {
- html:not([data-scale]) .am-card-body::before {
- -webkit-transform: scaleY(0.33);
+@media (-webkit-min-device-pixel-ratio: 2) and (-webkit-min-device-pixel-ratio: 3),
+ (min-resolution: 2dppx) and (min-resolution: 3dppx) {
+ html:not([data-scale]) .am-card-body::before {
+ -webkit-transform: scaleY(0.33);
-ms-transform: scaleY(0.33);
- transform: scaleY(0.33);
- }
+ transform: scaleY(0.33);
+ }
}
.am-card-footer {
- font-size: 14px;
- color: #888;
- padding: 0 15px;
- display: -webkit-box;
- display: -webkit-flex;
- display: -ms-flexbox;
- display: flex;
+ font-size: 14px;
+ color: #888;
+ padding: 0 15px;
+ display: -webkit-box;
+ display: -webkit-flex;
+ display: -ms-flexbox;
+ display: flex;
}
.am-card-footer-content {
- -webkit-box-flex: 1;
- -webkit-flex: 1;
- -ms-flex: 1;
- flex: 1;
+ -webkit-box-flex: 1;
+ -webkit-flex: 1;
+ -ms-flex: 1;
+ flex: 1;
}
.am-card-footer-extra {
- -webkit-box-flex: 1;
- -webkit-flex: 1;
- -ms-flex: 1;
- flex: 1;
- text-align: right;
+ -webkit-box-flex: 1;
+ -webkit-flex: 1;
+ -ms-flex: 1;
+ flex: 1;
+ text-align: right;
}
.am-carousel {
- position: relative;
+ position: relative;
}
.am-carousel-wrap {
- font-size: 18px;
- color: #000;
- background: none;
- text-align: center;
- zoom: 1;
- width: 100%;
+ font-size: 18px;
+ color: #000;
+ background: none;
+ text-align: center;
+ zoom: 1;
+ width: 100%;
}
.am-carousel-wrap-dot {
- display: inline-block;
- zoom: 1;
+ display: inline-block;
+ zoom: 1;
}
.am-carousel-wrap-dot > span {
- display: block;
- width: 8px;
- height: 8px;
- margin: 0 3px;
- border-radius: 50%;
- background: #ccc;
+ display: block;
+ width: 8px;
+ height: 8px;
+ margin: 0 3px;
+ border-radius: 50%;
+ background: #ccc;
}
.am-carousel-wrap-dot-active > span {
- background: #888;
+ background: #888;
}
.am-list-header {
- padding: 15px 15px 9px 15px;
- font-size: 14px;
- color: #888;
- width: 100%;
- -webkit-box-sizing: border-box;
- box-sizing: border-box;
+ padding: 15px 15px 9px 15px;
+ font-size: 14px;
+ color: #888;
+ width: 100%;
+ -webkit-box-sizing: border-box;
+ box-sizing: border-box;
}
.am-list-footer {
- padding: 9px 15px 15px 15px;
- font-size: 14px;
- color: #888;
+ padding: 9px 15px 15px 15px;
+ font-size: 14px;
+ color: #888;
}
.am-list-body {
- position: relative;
- background-color: #fff;
- border-top: 1PX solid #ddd;
- border-bottom: 1PX solid #ddd;
+ position: relative;
+ background-color: #fff;
+ border-top: 1px solid #ddd;
+ border-bottom: 1px solid #ddd;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
- html:not([data-scale]) .am-list-body {
- border-top: none;
- }
- html:not([data-scale]) .am-list-body::before {
- content: '';
- position: absolute;
- background-color: #ddd;
- display: block;
- z-index: 1;
- top: 0;
- right: auto;
- bottom: auto;
- left: 0;
- width: 100%;
- height: 1PX;
- -webkit-transform-origin: 50% 50%;
+ html:not([data-scale]) .am-list-body {
+ border-top: none;
+ }
+ html:not([data-scale]) .am-list-body::before {
+ content: '';
+ position: absolute;
+ background-color: #ddd;
+ display: block;
+ z-index: 1;
+ top: 0;
+ right: auto;
+ bottom: auto;
+ left: 0;
+ width: 100%;
+ height: 1px;
+ -webkit-transform-origin: 50% 50%;
-ms-transform-origin: 50% 50%;
- transform-origin: 50% 50%;
- -webkit-transform: scaleY(0.5);
+ transform-origin: 50% 50%;
+ -webkit-transform: scaleY(0.5);
-ms-transform: scaleY(0.5);
- transform: scaleY(0.5);
- }
+ transform: scaleY(0.5);
+ }
}
-@media (-webkit-min-device-pixel-ratio: 2) and (-webkit-min-device-pixel-ratio: 3), (min-resolution: 2dppx) and (min-resolution: 3dppx) {
- html:not([data-scale]) .am-list-body::before {
- -webkit-transform: scaleY(0.33);
+@media (-webkit-min-device-pixel-ratio: 2) and (-webkit-min-device-pixel-ratio: 3),
+ (min-resolution: 2dppx) and (min-resolution: 3dppx) {
+ html:not([data-scale]) .am-list-body::before {
+ -webkit-transform: scaleY(0.33);
-ms-transform: scaleY(0.33);
- transform: scaleY(0.33);
- }
+ transform: scaleY(0.33);
+ }
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
- html:not([data-scale]) .am-list-body {
- border-bottom: none;
- }
- html:not([data-scale]) .am-list-body::after {
- content: '';
- position: absolute;
- background-color: #ddd;
- display: block;
- z-index: 1;
- top: auto;
- right: auto;
- bottom: 0;
- left: 0;
- width: 100%;
- height: 1PX;
- -webkit-transform-origin: 50% 100%;
+ html:not([data-scale]) .am-list-body {
+ border-bottom: none;
+ }
+ html:not([data-scale]) .am-list-body::after {
+ content: '';
+ position: absolute;
+ background-color: #ddd;
+ display: block;
+ z-index: 1;
+ top: auto;
+ right: auto;
+ bottom: 0;
+ left: 0;
+ width: 100%;
+ height: 1px;
+ -webkit-transform-origin: 50% 100%;
-ms-transform-origin: 50% 100%;
- transform-origin: 50% 100%;
- -webkit-transform: scaleY(0.5);
+ transform-origin: 50% 100%;
+ -webkit-transform: scaleY(0.5);
-ms-transform: scaleY(0.5);
- transform: scaleY(0.5);
- }
+ transform: scaleY(0.5);
+ }
}
-@media (-webkit-min-device-pixel-ratio: 2) and (-webkit-min-device-pixel-ratio: 3), (min-resolution: 2dppx) and (min-resolution: 3dppx) {
- html:not([data-scale]) .am-list-body::after {
- -webkit-transform: scaleY(0.33);
+@media (-webkit-min-device-pixel-ratio: 2) and (-webkit-min-device-pixel-ratio: 3),
+ (min-resolution: 2dppx) and (min-resolution: 3dppx) {
+ html:not([data-scale]) .am-list-body::after {
+ -webkit-transform: scaleY(0.33);
-ms-transform: scaleY(0.33);
- transform: scaleY(0.33);
- }
+ transform: scaleY(0.33);
+ }
}
.am-list-body div:not(:last-child) .am-list-line {
- border-bottom: 1PX solid #ddd;
+ border-bottom: 1px solid #ddd;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
- html:not([data-scale]) .am-list-body div:not(:last-child) .am-list-line {
- border-bottom: none;
- }
- html:not([data-scale]) .am-list-body div:not(:last-child) .am-list-line::after {
- content: '';
- position: absolute;
- background-color: #ddd;
- display: block;
- z-index: 1;
- top: auto;
- right: auto;
- bottom: 0;
- left: 0;
- width: 100%;
- height: 1PX;
- -webkit-transform-origin: 50% 100%;
+ html:not([data-scale]) .am-list-body div:not(:last-child) .am-list-line {
+ border-bottom: none;
+ }
+ html:not([data-scale])
+ .am-list-body
+ div:not(:last-child)
+ .am-list-line::after {
+ content: '';
+ position: absolute;
+ background-color: #ddd;
+ display: block;
+ z-index: 1;
+ top: auto;
+ right: auto;
+ bottom: 0;
+ left: 0;
+ width: 100%;
+ height: 1px;
+ -webkit-transform-origin: 50% 100%;
-ms-transform-origin: 50% 100%;
- transform-origin: 50% 100%;
- -webkit-transform: scaleY(0.5);
+ transform-origin: 50% 100%;
+ -webkit-transform: scaleY(0.5);
-ms-transform: scaleY(0.5);
- transform: scaleY(0.5);
- }
+ transform: scaleY(0.5);
+ }
}
-@media (-webkit-min-device-pixel-ratio: 2) and (-webkit-min-device-pixel-ratio: 3), (min-resolution: 2dppx) and (min-resolution: 3dppx) {
- html:not([data-scale]) .am-list-body div:not(:last-child) .am-list-line::after {
- -webkit-transform: scaleY(0.33);
+@media (-webkit-min-device-pixel-ratio: 2) and (-webkit-min-device-pixel-ratio: 3),
+ (min-resolution: 2dppx) and (min-resolution: 3dppx) {
+ html:not([data-scale])
+ .am-list-body
+ div:not(:last-child)
+ .am-list-line::after {
+ -webkit-transform: scaleY(0.33);
-ms-transform: scaleY(0.33);
- transform: scaleY(0.33);
- }
+ transform: scaleY(0.33);
+ }
}
.am-list-item {
- position: relative;
- display: -webkit-box;
- display: -webkit-flex;
- display: -ms-flexbox;
- display: flex;
- padding-left: 15px;
- min-height: 44px;
- background-color: #fff;
- vertical-align: middle;
- overflow: hidden;
- -webkit-transition: background-color 200ms;
- transition: background-color 200ms;
- -webkit-box-align: center;
- -webkit-align-items: center;
- -ms-flex-align: center;
- align-items: center;
- /* list左图片显示*/
+ position: relative;
+ display: -webkit-box;
+ display: -webkit-flex;
+ display: -ms-flexbox;
+ display: flex;
+ padding-left: 15px;
+ min-height: 44px;
+ background-color: #fff;
+ vertical-align: middle;
+ overflow: hidden;
+ -webkit-transition: background-color 200ms;
+ transition: background-color 200ms;
+ -webkit-box-align: center;
+ -webkit-align-items: center;
+ -ms-flex-align: center;
+ align-items: center;
+ /* list左图片显示*/
}
.am-list-item .am-list-ripple {
- position: absolute;
- background: transparent;
- display: inline-block;
- overflow: hidden;
- will-change: box-shadow, transform;
- -webkit-transition: background-color 0.2s cubic-bezier(0.4, 0, 0.2, 1), color 0.2s cubic-bezier(0.4, 0, 0.2, 1), -webkit-box-shadow 0.2s cubic-bezier(0.4, 0, 1, 1);
- transition: background-color 0.2s cubic-bezier(0.4, 0, 0.2, 1), color 0.2s cubic-bezier(0.4, 0, 0.2, 1), -webkit-box-shadow 0.2s cubic-bezier(0.4, 0, 1, 1);
- transition: box-shadow 0.2s cubic-bezier(0.4, 0, 1, 1), background-color 0.2s cubic-bezier(0.4, 0, 0.2, 1), color 0.2s cubic-bezier(0.4, 0, 0.2, 1);
- transition: box-shadow 0.2s cubic-bezier(0.4, 0, 1, 1), background-color 0.2s cubic-bezier(0.4, 0, 0.2, 1), color 0.2s cubic-bezier(0.4, 0, 0.2, 1), -webkit-box-shadow 0.2s cubic-bezier(0.4, 0, 1, 1);
- outline: none;
- cursor: pointer;
- border-radius: 100%;
- -webkit-transform: scale(0);
- -ms-transform: scale(0);
- transform: scale(0);
+ position: absolute;
+ background: transparent;
+ display: inline-block;
+ overflow: hidden;
+ will-change: box-shadow, transform;
+ -webkit-transition: background-color 0.2s cubic-bezier(0.4, 0, 0.2, 1),
+ color 0.2s cubic-bezier(0.4, 0, 0.2, 1),
+ -webkit-box-shadow 0.2s cubic-bezier(0.4, 0, 1, 1);
+ transition: background-color 0.2s cubic-bezier(0.4, 0, 0.2, 1),
+ color 0.2s cubic-bezier(0.4, 0, 0.2, 1),
+ -webkit-box-shadow 0.2s cubic-bezier(0.4, 0, 1, 1);
+ transition: box-shadow 0.2s cubic-bezier(0.4, 0, 1, 1),
+ background-color 0.2s cubic-bezier(0.4, 0, 0.2, 1),
+ color 0.2s cubic-bezier(0.4, 0, 0.2, 1);
+ transition: box-shadow 0.2s cubic-bezier(0.4, 0, 1, 1),
+ background-color 0.2s cubic-bezier(0.4, 0, 0.2, 1),
+ color 0.2s cubic-bezier(0.4, 0, 0.2, 1),
+ -webkit-box-shadow 0.2s cubic-bezier(0.4, 0, 1, 1);
+ outline: none;
+ cursor: pointer;
+ border-radius: 100%;
+ -webkit-transform: scale(0);
+ -ms-transform: scale(0);
+ transform: scale(0);
}
.am-list-item .am-list-ripple.am-list-ripple-animate {
- background-color: rgba(158, 158, 158, 0.2);
- -webkit-animation: ripple 1s linear;
- animation: ripple 1s linear;
+ background-color: rgba(158, 158, 158, 0.2);
+ -webkit-animation: ripple 1s linear;
+ animation: ripple 1s linear;
}
.am-list-item.am-list-item-top .am-list-line {
- -webkit-box-align: start;
- -webkit-align-items: flex-start;
- -ms-flex-align: start;
- align-items: flex-start;
+ -webkit-box-align: start;
+ -webkit-align-items: flex-start;
+ -ms-flex-align: start;
+ align-items: flex-start;
}
.am-list-item.am-list-item-top .am-list-line .am-list-arrow {
- margin-top: 2px;
+ margin-top: 2px;
}
.am-list-item.am-list-item-middle .am-list-line {
- -webkit-box-align: center;
- -webkit-align-items: center;
- -ms-flex-align: center;
- align-items: center;
+ -webkit-box-align: center;
+ -webkit-align-items: center;
+ -ms-flex-align: center;
+ align-items: center;
}
.am-list-item.am-list-item-bottom .am-list-line {
- -webkit-box-align: end;
- -webkit-align-items: flex-end;
- -ms-flex-align: end;
- align-items: flex-end;
+ -webkit-box-align: end;
+ -webkit-align-items: flex-end;
+ -ms-flex-align: end;
+ align-items: flex-end;
}
.am-list-item.am-list-item-error .am-list-line .am-list-extra {
- color: #f50;
+ color: #f50;
}
.am-list-item.am-list-item-error .am-list-line .am-list-extra .am-list-brief {
- color: #f50;
+ color: #f50;
}
.am-list-item.am-list-item-active {
- background-color: #ddd;
+ background-color: #ddd;
}
.am-list-item.am-list-item-disabled .am-list-line .am-list-content,
.am-list-item.am-list-item-disabled .am-list-line .am-list-extra {
- color: #bbb;
+ color: #bbb;
}
.am-list-item img {
- width: 22px;
- height: 22px;
- vertical-align: middle;
+ width: 22px;
+ height: 22px;
+ vertical-align: middle;
}
.am-list-item .am-list-thumb:first-child {
- margin-right: 15px;
+ margin-right: 15px;
}
.am-list-item .am-list-thumb:last-child {
- margin-left: 8px;
+ margin-left: 8px;
}
.am-list-item .am-list-line {
- position: relative;
- display: -webkit-box;
- display: -webkit-flex;
- display: -ms-flexbox;
- display: flex;
- -webkit-box-flex: 1;
- -webkit-flex: 1;
- -ms-flex: 1;
- flex: 1;
- -webkit-align-self: stretch;
- -ms-flex-item-align: stretch;
- align-self: stretch;
- padding-right: 15px;
- overflow: hidden;
- /* list左侧主内容*/
- /* list右补充内容*/
- /* 辅助性文字*/
- /* list右侧箭头*/
+ position: relative;
+ display: -webkit-box;
+ display: -webkit-flex;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-flex: 1;
+ -webkit-flex: 1;
+ -ms-flex: 1;
+ flex: 1;
+ -webkit-align-self: stretch;
+ -ms-flex-item-align: stretch;
+ align-self: stretch;
+ padding-right: 15px;
+ overflow: hidden;
+ /* list左侧主内容*/
+ /* list右补充内容*/
+ /* 辅助性文字*/
+ /* list右侧箭头*/
}
.am-list-item .am-list-line .am-list-content {
- -webkit-box-flex: 1;
- -webkit-flex: 1;
- -ms-flex: 1;
- flex: 1;
- color: #000;
- font-size: 17px;
- line-height: 1.5;
- text-align: left;
- width: auto;
- overflow: hidden;
- text-overflow: ellipsis;
- white-space: nowrap;
- padding-top: 7px;
- padding-bottom: 7px;
+ -webkit-box-flex: 1;
+ -webkit-flex: 1;
+ -ms-flex: 1;
+ flex: 1;
+ color: #000;
+ font-size: 17px;
+ line-height: 1.5;
+ text-align: left;
+ width: auto;
+ overflow: hidden;
+ text-overflow: ellipsis;
+ white-space: nowrap;
+ padding-top: 7px;
+ padding-bottom: 7px;
}
.am-list-item .am-list-line .am-list-extra {
- -webkit-flex-basis: 36%;
- -ms-flex-preferred-size: 36%;
- flex-basis: 36%;
- color: #888;
- font-size: 16px;
- line-height: 1.5;
- text-align: right;
- width: auto;
- overflow: hidden;
- text-overflow: ellipsis;
- white-space: nowrap;
- padding-top: 7px;
- padding-bottom: 7px;
+ -webkit-flex-basis: 36%;
+ -ms-flex-preferred-size: 36%;
+ flex-basis: 36%;
+ color: #888;
+ font-size: 16px;
+ line-height: 1.5;
+ text-align: right;
+ width: auto;
+ overflow: hidden;
+ text-overflow: ellipsis;
+ white-space: nowrap;
+ padding-top: 7px;
+ padding-bottom: 7px;
}
.am-list-item .am-list-line .am-list-title {
- width: auto;
- overflow: hidden;
- text-overflow: ellipsis;
- white-space: nowrap;
+ width: auto;
+ overflow: hidden;
+ text-overflow: ellipsis;
+ white-space: nowrap;
}
.am-list-item .am-list-line .am-list-brief {
- color: #888;
- font-size: 15px;
- line-height: 1.5;
- margin-top: 6px;
- width: auto;
- overflow: hidden;
- text-overflow: ellipsis;
- white-space: nowrap;
+ color: #888;
+ font-size: 15px;
+ line-height: 1.5;
+ margin-top: 6px;
+ width: auto;
+ overflow: hidden;
+ text-overflow: ellipsis;
+ white-space: nowrap;
}
.am-list-item .am-list-line .am-list-arrow {
- display: block;
- width: 15px;
- height: 15px;
- margin-left: 8px;
- background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D%2216%22%20height%3D%2226%22%20viewBox%3D%220%200%2016%2026%22%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%3E%3Cg%20id%3D%22UI-KIT_%E5%9F%BA%E7%A1%80%E5%85%83%E4%BB%B6%22%20stroke%3D%22none%22%20stroke-width%3D%221%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Cg%20id%3D%229.9%E5%9F%BA%E7%A1%80%E5%85%83%E4%BB%B6%22%20transform%3D%22translate(-5809.000000%2C%20-8482.000000)%22%20fill%3D%22%23C7C7CC%22%3E%3Cpolygon%20id%3D%22Disclosure-Indicator%22%20points%3D%225811%208482%205809%208484%205820.5%208495%205809%208506%205811%208508%205825%208495%22%3E%3C%2Fpolygon%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E");
- background-size: contain;
- background-repeat: no-repeat;
- background-position: 50% 50%;
- visibility: hidden;
+ display: block;
+ width: 15px;
+ height: 15px;
+ margin-left: 8px;
+ background-image: url('data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D%2216%22%20height%3D%2226%22%20viewBox%3D%220%200%2016%2026%22%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%3E%3Cg%20id%3D%22UI-KIT_%E5%9F%BA%E7%A1%80%E5%85%83%E4%BB%B6%22%20stroke%3D%22none%22%20stroke-width%3D%221%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Cg%20id%3D%229.9%E5%9F%BA%E7%A1%80%E5%85%83%E4%BB%B6%22%20transform%3D%22translate(-5809.000000%2C%20-8482.000000)%22%20fill%3D%22%23C7C7CC%22%3E%3Cpolygon%20id%3D%22Disclosure-Indicator%22%20points%3D%225811%208482%205809%208484%205820.5%208495%205809%208506%205811%208508%205825%208495%22%3E%3C%2Fpolygon%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E');
+ background-size: contain;
+ background-repeat: no-repeat;
+ background-position: 50% 50%;
+ visibility: hidden;
}
.am-list-item .am-list-line .am-list-arrow-horizontal {
- visibility: visible;
+ visibility: visible;
}
.am-list-item .am-list-line .am-list-arrow-vertical {
- visibility: visible;
- -webkit-transform: rotate(90deg);
- -ms-transform: rotate(90deg);
- transform: rotate(90deg);
+ visibility: visible;
+ -webkit-transform: rotate(90deg);
+ -ms-transform: rotate(90deg);
+ transform: rotate(90deg);
}
.am-list-item .am-list-line .am-list-arrow-vertical-up {
- visibility: visible;
- -webkit-transform: rotate(270deg);
- -ms-transform: rotate(270deg);
- transform: rotate(270deg);
+ visibility: visible;
+ -webkit-transform: rotate(270deg);
+ -ms-transform: rotate(270deg);
+ transform: rotate(270deg);
}
.am-list-item .am-list-line-multiple {
- padding: 12.5px 15px 12.5px 0;
+ padding: 12.5px 15px 12.5px 0;
}
.am-list-item .am-list-line-multiple .am-list-content {
- padding-top: 0;
- padding-bottom: 0;
+ padding-top: 0;
+ padding-bottom: 0;
}
.am-list-item .am-list-line-multiple .am-list-extra {
- padding-top: 0;
- padding-bottom: 0;
+ padding-top: 0;
+ padding-bottom: 0;
}
.am-list-item .am-list-line-wrap .am-list-content {
- white-space: normal;
+ white-space: normal;
}
.am-list-item .am-list-line-wrap .am-list-extra {
- white-space: normal;
+ white-space: normal;
}
.am-list-item select {
- position: relative;
- display: block;
- width: 100%;
- height: 100%;
- padding: 0;
- border: 0;
- font-size: 17px;
- -webkit-appearance: none;
- -moz-appearance: none;
- appearance: none;
- background-color: transparent;
+ position: relative;
+ display: block;
+ width: 100%;
+ height: 100%;
+ padding: 0;
+ border: 0;
+ font-size: 17px;
+ -webkit-appearance: none;
+ -moz-appearance: none;
+ appearance: none;
+ background-color: transparent;
}
@-webkit-keyframes ripple {
- 100% {
- opacity: 0;
- -webkit-transform: scale(2.5);
- transform: scale(2.5);
- }
+ 100% {
+ opacity: 0;
+ -webkit-transform: scale(2.5);
+ transform: scale(2.5);
+ }
}
@keyframes ripple {
- 100% {
- opacity: 0;
- -webkit-transform: scale(2.5);
- transform: scale(2.5);
- }
+ 100% {
+ opacity: 0;
+ -webkit-transform: scale(2.5);
+ transform: scale(2.5);
+ }
}
.am-checkbox {
- position: relative;
- display: inline-block;
- vertical-align: middle;
- width: 21px;
- height: 21px;
+ position: relative;
+ display: inline-block;
+ vertical-align: middle;
+ width: 21px;
+ height: 21px;
}
.am-checkbox-inner {
- position: absolute;
- right: 0;
- width: 21px;
- height: 21px;
- border: 1px solid #ccc;
- border-radius: 50%;
- -webkit-transform: rotate(0deg);
- -ms-transform: rotate(0deg);
- transform: rotate(0deg);
- -webkit-box-sizing: border-box;
- box-sizing: border-box;
+ position: absolute;
+ right: 0;
+ width: 21px;
+ height: 21px;
+ border: 1px solid #ccc;
+ border-radius: 50%;
+ -webkit-transform: rotate(0deg);
+ -ms-transform: rotate(0deg);
+ transform: rotate(0deg);
+ -webkit-box-sizing: border-box;
+ box-sizing: border-box;
}
.am-checkbox-inner:after {
- position: absolute;
- display: none;
- top: 1.5px;
- right: 6px;
- z-index: 999;
- width: 5px;
- height: 11px;
- border-style: solid;
- border-width: 0 1px 1px 0;
- content: ' ';
- -webkit-transform: rotate(45deg);
- -ms-transform: rotate(45deg);
- transform: rotate(45deg);
+ position: absolute;
+ display: none;
+ top: 1.5px;
+ right: 6px;
+ z-index: 999;
+ width: 5px;
+ height: 11px;
+ border-style: solid;
+ border-width: 0 1px 1px 0;
+ content: ' ';
+ -webkit-transform: rotate(45deg);
+ -ms-transform: rotate(45deg);
+ transform: rotate(45deg);
}
.am-checkbox-input {
- position: absolute;
- top: 0;
- left: 0;
- opacity: 0;
- width: 100%;
- height: 100%;
- z-index: 2;
- border: 0 none;
- -webkit-appearance: none;
- -moz-appearance: none;
- appearance: none;
+ position: absolute;
+ top: 0;
+ left: 0;
+ opacity: 0;
+ width: 100%;
+ height: 100%;
+ z-index: 2;
+ border: 0 none;
+ -webkit-appearance: none;
+ -moz-appearance: none;
+ appearance: none;
}
.am-checkbox.am-checkbox-checked .am-checkbox-inner {
- border-color: #108ee9;
- background: #108ee9;
+ border-color: #108ee9;
+ background: #108ee9;
}
.am-checkbox.am-checkbox-checked .am-checkbox-inner:after {
- display: block;
- border-color: #fff;
+ display: block;
+ border-color: #fff;
}
.am-checkbox.am-checkbox-disabled {
- opacity: 0.3;
+ opacity: 0.3;
}
.am-checkbox.am-checkbox-disabled.am-checkbox-checked .am-checkbox-inner {
- border-color: #888;
- background: none;
+ border-color: #888;
+ background: none;
}
.am-checkbox.am-checkbox-disabled.am-checkbox-checked .am-checkbox-inner:after {
- border-color: #888;
+ border-color: #888;
}
.am-list .am-list-item.am-checkbox-item .am-list-thumb {
- width: 21px;
- height: 21px;
+ width: 21px;
+ height: 21px;
}
.am-list .am-list-item.am-checkbox-item .am-list-thumb .am-checkbox {
- position: absolute;
- top: 0;
- left: 0;
- right: 0;
- bottom: 0;
- width: 100%;
- height: 44px;
+ position: absolute;
+ top: 0;
+ left: 0;
+ right: 0;
+ bottom: 0;
+ width: 100%;
+ height: 44px;
}
.am-list .am-list-item.am-checkbox-item .am-list-thumb .am-checkbox-inner {
- left: 15px;
- top: 12px;
+ left: 15px;
+ top: 12px;
}
-.am-list .am-list-item.am-checkbox-item.am-checkbox-item-disabled .am-list-content {
- color: #bbb;
+.am-list
+ .am-list-item.am-checkbox-item.am-checkbox-item-disabled
+ .am-list-content {
+ color: #bbb;
}
.am-checkbox-agree {
- position: relative;
- display: -webkit-box;
- display: -webkit-flex;
- display: -ms-flexbox;
- display: flex;
- -webkit-box-align: stretch;
- -webkit-align-items: stretch;
- -ms-flex-align: stretch;
- align-items: stretch;
- margin-left: 15px;
- padding-top: 9px;
- padding-bottom: 9px;
+ position: relative;
+ display: -webkit-box;
+ display: -webkit-flex;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-align: stretch;
+ -webkit-align-items: stretch;
+ -ms-flex-align: stretch;
+ align-items: stretch;
+ margin-left: 15px;
+ padding-top: 9px;
+ padding-bottom: 9px;
}
.am-checkbox-agree .am-checkbox {
- position: absolute;
- left: 0;
- top: 0;
- width: 30px;
- height: 100%;
+ position: absolute;
+ left: 0;
+ top: 0;
+ width: 30px;
+ height: 100%;
}
.am-checkbox-agree .am-checkbox-inner {
- left: 0;
- top: 12px;
+ left: 0;
+ top: 12px;
}
.am-checkbox-agree .am-checkbox-agree-label {
- display: inline-block;
- font-size: 15px;
- color: #000;
- line-height: 1.5;
- margin-left: 30px;
- margin-top: 1PX;
+ display: inline-block;
+ font-size: 15px;
+ color: #000;
+ line-height: 1.5;
+ margin-left: 30px;
+ margin-top: 1px;
}
.am-drawer {
- position: absolute;
- top: 0;
- left: 0;
- right: 0;
- bottom: 0;
- overflow: hidden;
+ position: absolute;
+ top: 0;
+ left: 0;
+ right: 0;
+ bottom: 0;
+ overflow: hidden;
}
.am-drawer-sidebar {
- z-index: 4;
- position: absolute;
- -webkit-transition: -webkit-transform 0.3s ease-out;
- transition: -webkit-transform 0.3s ease-out;
- transition: transform 0.3s ease-out;
- transition: transform 0.3s ease-out, -webkit-transform 0.3s ease-out;
- will-change: transform;
- overflow-y: auto;
+ z-index: 4;
+ position: absolute;
+ -webkit-transition: -webkit-transform 0.3s ease-out;
+ transition: -webkit-transform 0.3s ease-out;
+ transition: transform 0.3s ease-out;
+ transition: transform 0.3s ease-out, -webkit-transform 0.3s ease-out;
+ will-change: transform;
+ overflow-y: auto;
}
.am-drawer-draghandle {
- z-index: 1;
- position: absolute;
- background-color: rgba(50, 50, 50, 0.1);
+ z-index: 1;
+ position: absolute;
+ background-color: rgba(50, 50, 50, 0.1);
}
.am-drawer-overlay {
- z-index: 3;
- position: absolute;
- top: 0;
- left: 0;
- right: 0;
- bottom: 0;
- opacity: 0;
- visibility: hidden;
- -webkit-transition: opacity 0.5s ease-out;
- transition: opacity 0.5s ease-out;
- background-color: rgba(0, 0, 0, 0.4);
+ z-index: 3;
+ position: absolute;
+ top: 0;
+ left: 0;
+ right: 0;
+ bottom: 0;
+ opacity: 0;
+ visibility: hidden;
+ -webkit-transition: opacity 0.5s ease-out;
+ transition: opacity 0.5s ease-out;
+ background-color: rgba(0, 0, 0, 0.4);
}
.am-drawer-content {
- position: absolute;
- top: 0;
- left: 0;
- right: 0;
- bottom: 0;
- overflow: auto;
- -webkit-transition: left 0.3s ease-out, right 0.3s ease-out;
- transition: left 0.3s ease-out, right 0.3s ease-out;
+ position: absolute;
+ top: 0;
+ left: 0;
+ right: 0;
+ bottom: 0;
+ overflow: auto;
+ -webkit-transition: left 0.3s ease-out, right 0.3s ease-out;
+ transition: left 0.3s ease-out, right 0.3s ease-out;
}
.am-drawer.am-drawer-left .am-drawer-sidebar,
.am-drawer.am-drawer-right .am-drawer-sidebar,
.am-drawer.am-drawer-left .am-drawer-draghandle,
.am-drawer.am-drawer-right .am-drawer-draghandle {
- top: 0;
- bottom: 0;
+ top: 0;
+ bottom: 0;
}
.am-drawer.am-drawer-left .am-drawer-draghandle,
.am-drawer.am-drawer-right .am-drawer-draghandle {
- width: 10px;
- height: 100%;
+ width: 10px;
+ height: 100%;
}
.am-drawer.am-drawer-top .am-drawer-sidebar,
.am-drawer.am-drawer-bottom .am-drawer-sidebar,
.am-drawer.am-drawer-top .am-drawer-draghandle,
.am-drawer.am-drawer-bottom .am-drawer-draghandle {
- left: 0;
- right: 0;
+ left: 0;
+ right: 0;
}
.am-drawer.am-drawer-top .am-drawer-draghandle,
.am-drawer.am-drawer-bottom .am-drawer-draghandle {
- width: 100%;
- height: 10px;
+ width: 100%;
+ height: 10px;
}
.am-drawer.am-drawer-left .am-drawer-sidebar {
- left: 0;
- -webkit-transform: translateX(-100%);
- -ms-transform: translateX(-100%);
- transform: translateX(-100%);
+ left: 0;
+ -webkit-transform: translateX(-100%);
+ -ms-transform: translateX(-100%);
+ transform: translateX(-100%);
}
.am-drawer-open.am-drawer.am-drawer-left .am-drawer-sidebar {
- -webkit-box-shadow: 1PX 1PX 2px rgba(0, 0, 0, 0.15);
- box-shadow: 1PX 1PX 2px rgba(0, 0, 0, 0.15);
+ -webkit-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.15);
+ box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.15);
}
.am-drawer.am-drawer-left .am-drawer-draghandle {
- left: 0;
+ left: 0;
}
.am-drawer.am-drawer-right .am-drawer-sidebar {
- right: 0;
- -webkit-transform: translateX(100%);
- -ms-transform: translateX(100%);
- transform: translateX(100%);
+ right: 0;
+ -webkit-transform: translateX(100%);
+ -ms-transform: translateX(100%);
+ transform: translateX(100%);
}
.am-drawer-open.am-drawer.am-drawer-right .am-drawer-sidebar {
- -webkit-box-shadow: -1PX 1PX 2px rgba(0, 0, 0, 0.15);
- box-shadow: -1PX 1PX 2px rgba(0, 0, 0, 0.15);
+ -webkit-box-shadow: -1px 1px 2px rgba(0, 0, 0, 0.15);
+ box-shadow: -1px 1px 2px rgba(0, 0, 0, 0.15);
}
.am-drawer.am-drawer-right .am-drawer-draghandle {
- right: 0;
+ right: 0;
}
.am-drawer.am-drawer-top .am-drawer-sidebar {
- top: 0;
- -webkit-transform: translateY(-100%);
- -ms-transform: translateY(-100%);
- transform: translateY(-100%);
+ top: 0;
+ -webkit-transform: translateY(-100%);
+ -ms-transform: translateY(-100%);
+ transform: translateY(-100%);
}
.am-drawer-open.am-drawer.am-drawer-top .am-drawer-sidebar {
- -webkit-box-shadow: 1PX 1PX 2px rgba(0, 0, 0, 0.15);
- box-shadow: 1PX 1PX 2px rgba(0, 0, 0, 0.15);
+ -webkit-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.15);
+ box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.15);
}
.am-drawer.am-drawer-top .am-drawer-draghandle {
- top: 0;
+ top: 0;
}
.am-drawer.am-drawer-bottom .am-drawer-sidebar {
- bottom: 0;
- -webkit-transform: translateY(100%);
- -ms-transform: translateY(100%);
- transform: translateY(100%);
+ bottom: 0;
+ -webkit-transform: translateY(100%);
+ -ms-transform: translateY(100%);
+ transform: translateY(100%);
}
.am-drawer-open.am-drawer.am-drawer-bottom .am-drawer-sidebar {
- -webkit-box-shadow: 1PX -1PX 2px rgba(0, 0, 0, 0.15);
- box-shadow: 1PX -1PX 2px rgba(0, 0, 0, 0.15);
+ -webkit-box-shadow: 1px -1px 2px rgba(0, 0, 0, 0.15);
+ box-shadow: 1px -1px 2px rgba(0, 0, 0, 0.15);
}
.am-drawer.am-drawer-bottom .am-drawer-draghandle {
- bottom: 0;
+ bottom: 0;
}
/* flexbox */
.am-flexbox {
- text-align: left;
- overflow: hidden;
- display: -webkit-box;
- display: -webkit-flex;
- display: -ms-flexbox;
- display: flex;
- -webkit-box-align: center;
- -webkit-align-items: center;
- -ms-flex-align: center;
- align-items: center;
+ text-align: left;
+ overflow: hidden;
+ display: -webkit-box;
+ display: -webkit-flex;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-align: center;
+ -webkit-align-items: center;
+ -ms-flex-align: center;
+ align-items: center;
}
.am-flexbox.am-flexbox-dir-row {
- -webkit-box-orient: horizontal;
- -webkit-box-direction: normal;
- -webkit-flex-direction: row;
- -ms-flex-direction: row;
- flex-direction: row;
+ -webkit-box-orient: horizontal;
+ -webkit-box-direction: normal;
+ -webkit-flex-direction: row;
+ -ms-flex-direction: row;
+ flex-direction: row;
}
.am-flexbox.am-flexbox-dir-row-reverse {
- -webkit-box-orient: horizontal;
- -webkit-box-direction: reverse;
- -webkit-flex-direction: row-reverse;
- -ms-flex-direction: row-reverse;
- flex-direction: row-reverse;
+ -webkit-box-orient: horizontal;
+ -webkit-box-direction: reverse;
+ -webkit-flex-direction: row-reverse;
+ -ms-flex-direction: row-reverse;
+ flex-direction: row-reverse;
}
.am-flexbox.am-flexbox-dir-column {
- -webkit-box-orient: vertical;
- -webkit-box-direction: normal;
- -webkit-flex-direction: column;
- -ms-flex-direction: column;
- flex-direction: column;
+ -webkit-box-orient: vertical;
+ -webkit-box-direction: normal;
+ -webkit-flex-direction: column;
+ -ms-flex-direction: column;
+ flex-direction: column;
}
.am-flexbox.am-flexbox-dir-column .am-flexbox-item {
- margin-left: 0;
+ margin-left: 0;
}
.am-flexbox.am-flexbox-dir-column-reverse {
- -webkit-box-orient: vertical;
- -webkit-box-direction: reverse;
- -webkit-flex-direction: column-reverse;
- -ms-flex-direction: column-reverse;
- flex-direction: column-reverse;
+ -webkit-box-orient: vertical;
+ -webkit-box-direction: reverse;
+ -webkit-flex-direction: column-reverse;
+ -ms-flex-direction: column-reverse;
+ flex-direction: column-reverse;
}
.am-flexbox.am-flexbox-dir-column-reverse .am-flexbox-item {
- margin-left: 0;
+ margin-left: 0;
}
.am-flexbox.am-flexbox-nowrap {
- -webkit-flex-wrap: nowrap;
- -ms-flex-wrap: nowrap;
- flex-wrap: nowrap;
+ -webkit-flex-wrap: nowrap;
+ -ms-flex-wrap: nowrap;
+ flex-wrap: nowrap;
}
.am-flexbox.am-flexbox-wrap {
- -webkit-flex-wrap: wrap;
- -ms-flex-wrap: wrap;
- flex-wrap: wrap;
+ -webkit-flex-wrap: wrap;
+ -ms-flex-wrap: wrap;
+ flex-wrap: wrap;
}
.am-flexbox.am-flexbox-wrap-reverse {
- -webkit-flex-wrap: wrap-reverse;
- -ms-flex-wrap: wrap-reverse;
- flex-wrap: wrap-reverse;
+ -webkit-flex-wrap: wrap-reverse;
+ -ms-flex-wrap: wrap-reverse;
+ flex-wrap: wrap-reverse;
}
.am-flexbox.am-flexbox-justify-start {
- -webkit-box-pack: start;
- -webkit-justify-content: flex-start;
- -ms-flex-pack: start;
- justify-content: flex-start;
+ -webkit-box-pack: start;
+ -webkit-justify-content: flex-start;
+ -ms-flex-pack: start;
+ justify-content: flex-start;
}
.am-flexbox.am-flexbox-justify-end {
- -webkit-box-pack: end;
- -webkit-justify-content: flex-end;
- -ms-flex-pack: end;
- justify-content: flex-end;
+ -webkit-box-pack: end;
+ -webkit-justify-content: flex-end;
+ -ms-flex-pack: end;
+ justify-content: flex-end;
}
.am-flexbox.am-flexbox-justify-center {
- -webkit-box-pack: center;
- -webkit-justify-content: center;
- -ms-flex-pack: center;
- justify-content: center;
+ -webkit-box-pack: center;
+ -webkit-justify-content: center;
+ -ms-flex-pack: center;
+ justify-content: center;
}
.am-flexbox.am-flexbox-justify-between {
- -webkit-box-pack: justify;
- -webkit-justify-content: space-between;
- -ms-flex-pack: justify;
- justify-content: space-between;
+ -webkit-box-pack: justify;
+ -webkit-justify-content: space-between;
+ -ms-flex-pack: justify;
+ justify-content: space-between;
}
.am-flexbox.am-flexbox-justify-around {
- -webkit-justify-content: space-around;
- -ms-flex-pack: distribute;
- justify-content: space-around;
+ -webkit-justify-content: space-around;
+ -ms-flex-pack: distribute;
+ justify-content: space-around;
}
.am-flexbox.am-flexbox-align-start {
- -webkit-box-align: start;
- -webkit-align-items: flex-start;
- -ms-flex-align: start;
- align-items: flex-start;
+ -webkit-box-align: start;
+ -webkit-align-items: flex-start;
+ -ms-flex-align: start;
+ align-items: flex-start;
}
.am-flexbox.am-flexbox-align-end {
- -webkit-box-align: end;
- -webkit-align-items: flex-end;
- -ms-flex-align: end;
- align-items: flex-end;
+ -webkit-box-align: end;
+ -webkit-align-items: flex-end;
+ -ms-flex-align: end;
+ align-items: flex-end;
}
.am-flexbox.am-flexbox-align-center {
- -webkit-box-align: center;
- -webkit-align-items: center;
- -ms-flex-align: center;
- align-items: center;
+ -webkit-box-align: center;
+ -webkit-align-items: center;
+ -ms-flex-align: center;
+ align-items: center;
}
.am-flexbox.am-flexbox-align-stretch {
- -webkit-box-align: stretch;
- -webkit-align-items: stretch;
- -ms-flex-align: stretch;
- align-items: stretch;
+ -webkit-box-align: stretch;
+ -webkit-align-items: stretch;
+ -ms-flex-align: stretch;
+ align-items: stretch;
}
.am-flexbox.am-flexbox-align-baseline {
- -webkit-box-align: baseline;
- -webkit-align-items: baseline;
- -ms-flex-align: baseline;
- align-items: baseline;
+ -webkit-box-align: baseline;
+ -webkit-align-items: baseline;
+ -ms-flex-align: baseline;
+ align-items: baseline;
}
.am-flexbox.am-flexbox-align-content-start {
- -webkit-align-content: flex-start;
- -ms-flex-line-pack: start;
- align-content: flex-start;
+ -webkit-align-content: flex-start;
+ -ms-flex-line-pack: start;
+ align-content: flex-start;
}
.am-flexbox.am-flexbox-align-content-end {
- -webkit-align-content: flex-end;
- -ms-flex-line-pack: end;
- align-content: flex-end;
+ -webkit-align-content: flex-end;
+ -ms-flex-line-pack: end;
+ align-content: flex-end;
}
.am-flexbox.am-flexbox-align-content-center {
- -webkit-align-content: center;
- -ms-flex-line-pack: center;
- align-content: center;
+ -webkit-align-content: center;
+ -ms-flex-line-pack: center;
+ align-content: center;
}
.am-flexbox.am-flexbox-align-content-between {
- -webkit-align-content: space-between;
- -ms-flex-line-pack: justify;
- align-content: space-between;
+ -webkit-align-content: space-between;
+ -ms-flex-line-pack: justify;
+ align-content: space-between;
}
.am-flexbox.am-flexbox-align-content-around {
- -webkit-align-content: space-around;
- -ms-flex-line-pack: distribute;
- align-content: space-around;
+ -webkit-align-content: space-around;
+ -ms-flex-line-pack: distribute;
+ align-content: space-around;
}
.am-flexbox.am-flexbox-align-content-stretch {
- -webkit-align-content: stretch;
- -ms-flex-line-pack: stretch;
- align-content: stretch;
+ -webkit-align-content: stretch;
+ -ms-flex-line-pack: stretch;
+ align-content: stretch;
}
.am-flexbox .am-flexbox-item {
- -webkit-box-sizing: border-box;
- box-sizing: border-box;
- -webkit-box-flex: 1;
- -webkit-flex: 1;
- -ms-flex: 1;
- flex: 1;
- margin-left: 8px;
- min-width: 10px;
+ -webkit-box-sizing: border-box;
+ box-sizing: border-box;
+ -webkit-box-flex: 1;
+ -webkit-flex: 1;
+ -ms-flex: 1;
+ flex: 1;
+ margin-left: 8px;
+ min-width: 10px;
}
.am-flexbox .am-flexbox-item:first-child {
- margin-left: 0;
+ margin-left: 0;
}
/* flexbox */
.am-grid .am-flexbox {
- background: #fff;
+ background: #fff;
}
.am-grid .am-flexbox .am-flexbox-item {
- margin-left: 0;
+ margin-left: 0;
}
.am-grid .am-flexbox .am-flexbox-item.am-grid-item {
- position: relative;
+ position: relative;
}
-.am-grid .am-flexbox .am-flexbox-item.am-grid-item-active .am-grid-item-content {
- background-color: #ddd;
+.am-grid
+ .am-flexbox
+ .am-flexbox-item.am-grid-item-active
+ .am-grid-item-content {
+ background-color: #ddd;
}
.am-grid .am-flexbox .am-flexbox-item .am-grid-item-content {
- text-align: center;
- width: 100%;
- height: 100%;
- padding: 15px 0;
+ text-align: center;
+ width: 100%;
+ height: 100%;
+ padding: 15px 0;
}
-.am-grid .am-flexbox .am-flexbox-item .am-grid-item-content .am-grid-item-inner-content {
- display: -webkit-box;
- display: -webkit-flex;
- display: -ms-flexbox;
- display: flex;
- -webkit-box-orient: vertical;
- -webkit-box-direction: normal;
- -webkit-flex-direction: column;
- -ms-flex-direction: column;
- flex-direction: column;
- -webkit-box-pack: center;
- -webkit-justify-content: center;
- -ms-flex-pack: center;
- justify-content: center;
- -webkit-box-align: center;
- -webkit-align-items: center;
- -ms-flex-align: center;
- align-items: center;
+.am-grid
+ .am-flexbox
+ .am-flexbox-item
+ .am-grid-item-content
+ .am-grid-item-inner-content {
+ display: -webkit-box;
+ display: -webkit-flex;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-orient: vertical;
+ -webkit-box-direction: normal;
+ -webkit-flex-direction: column;
+ -ms-flex-direction: column;
+ flex-direction: column;
+ -webkit-box-pack: center;
+ -webkit-justify-content: center;
+ -ms-flex-pack: center;
+ justify-content: center;
+ -webkit-box-align: center;
+ -webkit-align-items: center;
+ -ms-flex-align: center;
+ align-items: center;
}
-.am-grid .am-flexbox .am-flexbox-item .am-grid-item-content .am-grid-item-inner-content .am-grid-icon {
- max-width: 100%;
+.am-grid
+ .am-flexbox
+ .am-flexbox-item
+ .am-grid-item-content
+ .am-grid-item-inner-content
+ .am-grid-icon {
+ max-width: 100%;
}
-.am-grid .am-flexbox .am-flexbox-item .am-grid-item-content .am-grid-item-inner-content .am-grid-text {
- margin-top: 9px;
- font-size: 12px;
- color: #000;
- text-align: center;
+.am-grid
+ .am-flexbox
+ .am-flexbox-item
+ .am-grid-item-content
+ .am-grid-item-inner-content
+ .am-grid-text {
+ margin-top: 9px;
+ font-size: 12px;
+ color: #000;
+ text-align: center;
}
-.am-grid .am-flexbox .am-flexbox-item .am-grid-item-content .am-grid-item-inner-content.column-num-3 .am-grid-text {
- font-size: 16px;
+.am-grid
+ .am-flexbox
+ .am-flexbox-item
+ .am-grid-item-content
+ .am-grid-item-inner-content.column-num-3
+ .am-grid-text {
+ font-size: 16px;
}
-.am-grid .am-flexbox .am-flexbox-item .am-grid-item-content .am-grid-item-inner-content.column-num-2 .am-grid-text {
- margin-top: 15px;
- font-size: 18px;
+.am-grid
+ .am-flexbox
+ .am-flexbox-item
+ .am-grid-item-content
+ .am-grid-item-inner-content.column-num-2
+ .am-grid-text {
+ margin-top: 15px;
+ font-size: 18px;
}
.am-grid.am-grid-line {
- position: relative;
+ position: relative;
}
.am-grid.am-grid-line:not(.am-grid-carousel) {
- border-top: 1PX solid #ddd;
- border-right: 1PX solid #ddd;
+ border-top: 1px solid #ddd;
+ border-right: 1px solid #ddd;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
- html:not([data-scale]) .am-grid.am-grid-line:not(.am-grid-carousel) {
- border-top: none;
- }
- html:not([data-scale]) .am-grid.am-grid-line:not(.am-grid-carousel)::before {
- content: '';
- position: absolute;
- background-color: #ddd;
- display: block;
- z-index: 1;
- top: 0;
- right: auto;
- bottom: auto;
- left: 0;
- width: 100%;
- height: 1PX;
- -webkit-transform-origin: 50% 50%;
+ html:not([data-scale]) .am-grid.am-grid-line:not(.am-grid-carousel) {
+ border-top: none;
+ }
+ html:not([data-scale])
+ .am-grid.am-grid-line:not(.am-grid-carousel)::before {
+ content: '';
+ position: absolute;
+ background-color: #ddd;
+ display: block;
+ z-index: 1;
+ top: 0;
+ right: auto;
+ bottom: auto;
+ left: 0;
+ width: 100%;
+ height: 1px;
+ -webkit-transform-origin: 50% 50%;
-ms-transform-origin: 50% 50%;
- transform-origin: 50% 50%;
- -webkit-transform: scaleY(0.5);
+ transform-origin: 50% 50%;
+ -webkit-transform: scaleY(0.5);
-ms-transform: scaleY(0.5);
- transform: scaleY(0.5);
- }
+ transform: scaleY(0.5);
+ }
}
-@media (-webkit-min-device-pixel-ratio: 2) and (-webkit-min-device-pixel-ratio: 3), (min-resolution: 2dppx) and (min-resolution: 3dppx) {
- html:not([data-scale]) .am-grid.am-grid-line:not(.am-grid-carousel)::before {
- -webkit-transform: scaleY(0.33);
+@media (-webkit-min-device-pixel-ratio: 2) and (-webkit-min-device-pixel-ratio: 3),
+ (min-resolution: 2dppx) and (min-resolution: 3dppx) {
+ html:not([data-scale])
+ .am-grid.am-grid-line:not(.am-grid-carousel)::before {
+ -webkit-transform: scaleY(0.33);
-ms-transform: scaleY(0.33);
- transform: scaleY(0.33);
- }
+ transform: scaleY(0.33);
+ }
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
- html:not([data-scale]) .am-grid.am-grid-line:not(.am-grid-carousel) {
- border-right: none;
- }
- html:not([data-scale]) .am-grid.am-grid-line:not(.am-grid-carousel)::after {
- content: '';
- position: absolute;
- background-color: #ddd;
- display: block;
- z-index: 1;
- top: 0;
- right: 0;
- bottom: auto;
- left: auto;
- width: 1PX;
- height: 100%;
- background: #ddd;
- -webkit-transform-origin: 100% 50%;
+ html:not([data-scale]) .am-grid.am-grid-line:not(.am-grid-carousel) {
+ border-right: none;
+ }
+ html:not([data-scale]) .am-grid.am-grid-line:not(.am-grid-carousel)::after {
+ content: '';
+ position: absolute;
+ background-color: #ddd;
+ display: block;
+ z-index: 1;
+ top: 0;
+ right: 0;
+ bottom: auto;
+ left: auto;
+ width: 1px;
+ height: 100%;
+ background: #ddd;
+ -webkit-transform-origin: 100% 50%;
-ms-transform-origin: 100% 50%;
- transform-origin: 100% 50%;
- -webkit-transform: scaleX(0.5);
+ transform-origin: 100% 50%;
+ -webkit-transform: scaleX(0.5);
-ms-transform: scaleX(0.5);
- transform: scaleX(0.5);
- }
+ transform: scaleX(0.5);
+ }
}
-@media (-webkit-min-device-pixel-ratio: 2) and (-webkit-min-device-pixel-ratio: 3), (min-resolution: 2dppx) and (min-resolution: 3dppx) {
- html:not([data-scale]) .am-grid.am-grid-line:not(.am-grid-carousel)::after {
- -webkit-transform: scaleX(0.33);
+@media (-webkit-min-device-pixel-ratio: 2) and (-webkit-min-device-pixel-ratio: 3),
+ (min-resolution: 2dppx) and (min-resolution: 3dppx) {
+ html:not([data-scale]) .am-grid.am-grid-line:not(.am-grid-carousel)::after {
+ -webkit-transform: scaleX(0.33);
-ms-transform: scaleX(0.33);
- transform: scaleX(0.33);
- }
+ transform: scaleX(0.33);
+ }
}
.am-grid.am-grid-line .am-flexbox {
- position: relative;
- border-bottom: 1PX solid #ddd;
+ position: relative;
+ border-bottom: 1px solid #ddd;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
- html:not([data-scale]) .am-grid.am-grid-line .am-flexbox {
- border-bottom: none;
- }
- html:not([data-scale]) .am-grid.am-grid-line .am-flexbox::after {
- content: '';
- position: absolute;
- background-color: #ddd;
- display: block;
- z-index: 1;
- top: auto;
- right: auto;
- bottom: 0;
- left: 0;
- width: 100%;
- height: 1PX;
- -webkit-transform-origin: 50% 100%;
+ html:not([data-scale]) .am-grid.am-grid-line .am-flexbox {
+ border-bottom: none;
+ }
+ html:not([data-scale]) .am-grid.am-grid-line .am-flexbox::after {
+ content: '';
+ position: absolute;
+ background-color: #ddd;
+ display: block;
+ z-index: 1;
+ top: auto;
+ right: auto;
+ bottom: 0;
+ left: 0;
+ width: 100%;
+ height: 1px;
+ -webkit-transform-origin: 50% 100%;
-ms-transform-origin: 50% 100%;
- transform-origin: 50% 100%;
- -webkit-transform: scaleY(0.5);
+ transform-origin: 50% 100%;
+ -webkit-transform: scaleY(0.5);
-ms-transform: scaleY(0.5);
- transform: scaleY(0.5);
- }
+ transform: scaleY(0.5);
+ }
}
-@media (-webkit-min-device-pixel-ratio: 2) and (-webkit-min-device-pixel-ratio: 3), (min-resolution: 2dppx) and (min-resolution: 3dppx) {
- html:not([data-scale]) .am-grid.am-grid-line .am-flexbox::after {
- -webkit-transform: scaleY(0.33);
+@media (-webkit-min-device-pixel-ratio: 2) and (-webkit-min-device-pixel-ratio: 3),
+ (min-resolution: 2dppx) and (min-resolution: 3dppx) {
+ html:not([data-scale]) .am-grid.am-grid-line .am-flexbox::after {
+ -webkit-transform: scaleY(0.33);
-ms-transform: scaleY(0.33);
- transform: scaleY(0.33);
- }
+ transform: scaleY(0.33);
+ }
}
.am-grid.am-grid-line .am-flexbox .am-flexbox-item {
- position: relative;
+ position: relative;
}
.am-grid.am-grid-line .am-flexbox .am-flexbox-item:first-child {
- border-left: 1PX solid #ddd;
+ border-left: 1px solid #ddd;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
- html:not([data-scale]) .am-grid.am-grid-line .am-flexbox .am-flexbox-item:first-child {
- border-left: none;
- }
- html:not([data-scale]) .am-grid.am-grid-line .am-flexbox .am-flexbox-item:first-child::before {
- content: '';
- position: absolute;
- background-color: #ddd;
- display: block;
- z-index: 1;
- top: 0;
- right: auto;
- bottom: auto;
- left: 0;
- width: 1PX;
- height: 100%;
- -webkit-transform-origin: 100% 50%;
+ html:not([data-scale])
+ .am-grid.am-grid-line
+ .am-flexbox
+ .am-flexbox-item:first-child {
+ border-left: none;
+ }
+ html:not([data-scale])
+ .am-grid.am-grid-line
+ .am-flexbox
+ .am-flexbox-item:first-child::before {
+ content: '';
+ position: absolute;
+ background-color: #ddd;
+ display: block;
+ z-index: 1;
+ top: 0;
+ right: auto;
+ bottom: auto;
+ left: 0;
+ width: 1px;
+ height: 100%;
+ -webkit-transform-origin: 100% 50%;
-ms-transform-origin: 100% 50%;
- transform-origin: 100% 50%;
- -webkit-transform: scaleX(0.5);
+ transform-origin: 100% 50%;
+ -webkit-transform: scaleX(0.5);
-ms-transform: scaleX(0.5);
- transform: scaleX(0.5);
- }
+ transform: scaleX(0.5);
+ }
}
-@media (-webkit-min-device-pixel-ratio: 2) and (-webkit-min-device-pixel-ratio: 3), (min-resolution: 2dppx) and (min-resolution: 3dppx) {
- html:not([data-scale]) .am-grid.am-grid-line .am-flexbox .am-flexbox-item:first-child::before {
- -webkit-transform: scaleX(0.33);
+@media (-webkit-min-device-pixel-ratio: 2) and (-webkit-min-device-pixel-ratio: 3),
+ (min-resolution: 2dppx) and (min-resolution: 3dppx) {
+ html:not([data-scale])
+ .am-grid.am-grid-line
+ .am-flexbox
+ .am-flexbox-item:first-child::before {
+ -webkit-transform: scaleX(0.33);
-ms-transform: scaleX(0.33);
- transform: scaleX(0.33);
- }
+ transform: scaleX(0.33);
+ }
}
.am-grid.am-grid-line .am-flexbox .am-flexbox-item:not(:last-child) {
- border-right: 1PX solid #ddd;
+ border-right: 1px solid #ddd;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
- html:not([data-scale]) .am-grid.am-grid-line .am-flexbox .am-flexbox-item:not(:last-child) {
- border-right: none;
- }
- html:not([data-scale]) .am-grid.am-grid-line .am-flexbox .am-flexbox-item:not(:last-child)::after {
- content: '';
- position: absolute;
- background-color: #ddd;
- display: block;
- z-index: 1;
- top: 0;
- right: 0;
- bottom: auto;
- left: auto;
- width: 1PX;
- height: 100%;
- background: #ddd;
- -webkit-transform-origin: 100% 50%;
+ html:not([data-scale])
+ .am-grid.am-grid-line
+ .am-flexbox
+ .am-flexbox-item:not(:last-child) {
+ border-right: none;
+ }
+ html:not([data-scale])
+ .am-grid.am-grid-line
+ .am-flexbox
+ .am-flexbox-item:not(:last-child)::after {
+ content: '';
+ position: absolute;
+ background-color: #ddd;
+ display: block;
+ z-index: 1;
+ top: 0;
+ right: 0;
+ bottom: auto;
+ left: auto;
+ width: 1px;
+ height: 100%;
+ background: #ddd;
+ -webkit-transform-origin: 100% 50%;
-ms-transform-origin: 100% 50%;
- transform-origin: 100% 50%;
- -webkit-transform: scaleX(0.5);
+ transform-origin: 100% 50%;
+ -webkit-transform: scaleX(0.5);
-ms-transform: scaleX(0.5);
- transform: scaleX(0.5);
- }
+ transform: scaleX(0.5);
+ }
}
-@media (-webkit-min-device-pixel-ratio: 2) and (-webkit-min-device-pixel-ratio: 3), (min-resolution: 2dppx) and (min-resolution: 3dppx) {
- html:not([data-scale]) .am-grid.am-grid-line .am-flexbox .am-flexbox-item:not(:last-child)::after {
- -webkit-transform: scaleX(0.33);
+@media (-webkit-min-device-pixel-ratio: 2) and (-webkit-min-device-pixel-ratio: 3),
+ (min-resolution: 2dppx) and (min-resolution: 3dppx) {
+ html:not([data-scale])
+ .am-grid.am-grid-line
+ .am-flexbox
+ .am-flexbox-item:not(:last-child)::after {
+ -webkit-transform: scaleX(0.33);
-ms-transform: scaleX(0.33);
- transform: scaleX(0.33);
- }
+ transform: scaleX(0.33);
+ }
}
.am-grid.am-grid-line.am-grid-carousel .am-grid-carousel-page {
- border-top: 1PX solid #ddd;
- border-right: 1PX solid #ddd;
+ border-top: 1px solid #ddd;
+ border-right: 1px solid #ddd;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
- html:not([data-scale]) .am-grid.am-grid-line.am-grid-carousel .am-grid-carousel-page {
- border-top: none;
- }
- html:not([data-scale]) .am-grid.am-grid-line.am-grid-carousel .am-grid-carousel-page::before {
- content: '';
- position: absolute;
- background-color: #ddd;
- display: block;
- z-index: 1;
- top: 0;
- right: auto;
- bottom: auto;
- left: 0;
- width: 100%;
- height: 1PX;
- -webkit-transform-origin: 50% 50%;
+ html:not([data-scale])
+ .am-grid.am-grid-line.am-grid-carousel
+ .am-grid-carousel-page {
+ border-top: none;
+ }
+ html:not([data-scale])
+ .am-grid.am-grid-line.am-grid-carousel
+ .am-grid-carousel-page::before {
+ content: '';
+ position: absolute;
+ background-color: #ddd;
+ display: block;
+ z-index: 1;
+ top: 0;
+ right: auto;
+ bottom: auto;
+ left: 0;
+ width: 100%;
+ height: 1px;
+ -webkit-transform-origin: 50% 50%;
-ms-transform-origin: 50% 50%;
- transform-origin: 50% 50%;
- -webkit-transform: scaleY(0.5);
+ transform-origin: 50% 50%;
+ -webkit-transform: scaleY(0.5);
-ms-transform: scaleY(0.5);
- transform: scaleY(0.5);
- }
+ transform: scaleY(0.5);
+ }
}
-@media (-webkit-min-device-pixel-ratio: 2) and (-webkit-min-device-pixel-ratio: 3), (min-resolution: 2dppx) and (min-resolution: 3dppx) {
- html:not([data-scale]) .am-grid.am-grid-line.am-grid-carousel .am-grid-carousel-page::before {
- -webkit-transform: scaleY(0.33);
+@media (-webkit-min-device-pixel-ratio: 2) and (-webkit-min-device-pixel-ratio: 3),
+ (min-resolution: 2dppx) and (min-resolution: 3dppx) {
+ html:not([data-scale])
+ .am-grid.am-grid-line.am-grid-carousel
+ .am-grid-carousel-page::before {
+ -webkit-transform: scaleY(0.33);
-ms-transform: scaleY(0.33);
- transform: scaleY(0.33);
- }
+ transform: scaleY(0.33);
+ }
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
- html:not([data-scale]) .am-grid.am-grid-line.am-grid-carousel .am-grid-carousel-page {
- border-right: none;
- }
- html:not([data-scale]) .am-grid.am-grid-line.am-grid-carousel .am-grid-carousel-page::after {
- content: '';
- position: absolute;
- background-color: #ddd;
- display: block;
- z-index: 1;
- top: 0;
- right: 0;
- bottom: auto;
- left: auto;
- width: 1PX;
- height: 100%;
- background: #ddd;
- -webkit-transform-origin: 100% 50%;
+ html:not([data-scale])
+ .am-grid.am-grid-line.am-grid-carousel
+ .am-grid-carousel-page {
+ border-right: none;
+ }
+ html:not([data-scale])
+ .am-grid.am-grid-line.am-grid-carousel
+ .am-grid-carousel-page::after {
+ content: '';
+ position: absolute;
+ background-color: #ddd;
+ display: block;
+ z-index: 1;
+ top: 0;
+ right: 0;
+ bottom: auto;
+ left: auto;
+ width: 1px;
+ height: 100%;
+ background: #ddd;
+ -webkit-transform-origin: 100% 50%;
-ms-transform-origin: 100% 50%;
- transform-origin: 100% 50%;
- -webkit-transform: scaleX(0.5);
+ transform-origin: 100% 50%;
+ -webkit-transform: scaleX(0.5);
-ms-transform: scaleX(0.5);
- transform: scaleX(0.5);
- }
+ transform: scaleX(0.5);
+ }
}
-@media (-webkit-min-device-pixel-ratio: 2) and (-webkit-min-device-pixel-ratio: 3), (min-resolution: 2dppx) and (min-resolution: 3dppx) {
- html:not([data-scale]) .am-grid.am-grid-line.am-grid-carousel .am-grid-carousel-page::after {
- -webkit-transform: scaleX(0.33);
+@media (-webkit-min-device-pixel-ratio: 2) and (-webkit-min-device-pixel-ratio: 3),
+ (min-resolution: 2dppx) and (min-resolution: 3dppx) {
+ html:not([data-scale])
+ .am-grid.am-grid-line.am-grid-carousel
+ .am-grid-carousel-page::after {
+ -webkit-transform: scaleX(0.33);
-ms-transform: scaleX(0.33);
- transform: scaleX(0.33);
- }
+ transform: scaleX(0.33);
+ }
}
.am-grid .am-carousel .am-carousel-wrap-dot > span {
- background: #dcdee3;
+ background: #dcdee3;
}
.am-grid .am-carousel .am-carousel-wrap-dot-active > span {
- background: #0ae;
+ background: #0ae;
}
.am-grid.am-grid-square .am-grid-item:before {
- display: block;
- content: ' ';
- padding-bottom: 100%;
+ display: block;
+ content: ' ';
+ padding-bottom: 100%;
}
.am-grid.am-grid-square .am-grid-item .am-grid-item-content {
- position: absolute;
- top: 50%;
- -webkit-transform: translateY(-50%);
- -ms-transform: translateY(-50%);
- transform: translateY(-50%);
+ position: absolute;
+ top: 50%;
+ -webkit-transform: translateY(-50%);
+ -ms-transform: translateY(-50%);
+ transform: translateY(-50%);
}
.am-grid.am-grid-square .am-grid-item .am-grid-item-inner-content {
- height: 100%;
+ height: 100%;
}
-.am-grid.am-grid-square .am-grid-item .am-grid-item-inner-content .am-grid-icon {
- margin-top: 9px;
- width: 28%!important;
+.am-grid.am-grid-square
+ .am-grid-item
+ .am-grid-item-inner-content
+ .am-grid-icon {
+ margin-top: 9px;
+ width: 28% !important;
}
.am-image-picker-list {
- padding: 9px 8px 0;
- margin-bottom: 15px;
+ padding: 9px 8px 0;
+ margin-bottom: 15px;
}
.am-image-picker-list .am-flexbox {
- margin-bottom: 6px;
+ margin-bottom: 6px;
}
.am-image-picker-list .am-flexbox .am-flexbox-item {
- position: relative;
- margin-right: 5px;
- margin-left: 0;
+ position: relative;
+ margin-right: 5px;
+ margin-left: 0;
}
.am-image-picker-list .am-flexbox .am-flexbox-item:after {
- display: block;
- content: ' ';
- padding-bottom: 100%;
+ display: block;
+ content: ' ';
+ padding-bottom: 100%;
}
.am-image-picker-list .am-image-picker-item {
- position: absolute;
- top: 50%;
- -webkit-transform: translateY(-50%);
- -ms-transform: translateY(-50%);
- transform: translateY(-50%);
- width: 100%;
- height: 100%;
+ position: absolute;
+ top: 50%;
+ -webkit-transform: translateY(-50%);
+ -ms-transform: translateY(-50%);
+ transform: translateY(-50%);
+ width: 100%;
+ height: 100%;
}
.am-image-picker-list .am-image-picker-item .am-image-picker-item-remove {
- width: 15px;
- height: 15px;
- position: absolute;
- right: 6px;
- top: 6px;
- text-align: right;
- vertical-align: top;
- z-index: 2;
- background-size: 15px auto;
- background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D'16'%20height%3D'16'%20viewBox%3D'0%200%2016%2016'%20version%3D'1.1'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cg%20id%3D'Page-1'%20stroke%3D'none'%20stroke-width%3D'1'%20fill%3D'none'%20fill-rule%3D'evenodd'%3E%3Ccircle%20id%3D'Oval-98'%20fill-opacity%3D'0.4'%20fill%3D'%23404040'%20cx%3D'8'%20cy%3D'8'%20r%3D'8'%3E%3C%2Fcircle%3E%3Cpath%20d%3D'M11.8979743%2C11.8990375%20L11.8979743%2C11.8990375%20C11.7633757%2C12.0336542%2011.5447877%2C12.0336542%2011.4101891%2C11.8990375%20L8%2C8.48838931%20L4.5887341%2C11.8990375%20C4.45413554%2C12.0336542%204.23554748%2C12.0336542%204.10094892%2C11.8990375%20L4.10094892%2C11.8990375%20C3.96635036%2C11.7644208%203.96635036%2C11.5458033%204.10094892%2C11.4111866%20L7.51221482%2C8.00053847%20L4.10202571%2C4.58881335%20C3.96742715%2C4.45419667%203.96742715%2C4.23557919%204.10202571%2C4.10096251%20L4.10202571%2C4.10096251%20C4.23662427%2C3.96634583%204.45521233%2C3.96634583%204.58981089%2C4.10096251%20L8%2C7.51268762%20L11.4112659%2C4.10203944%20C11.5458645%2C3.96742276%2011.7644525%2C3.96742276%2011.8990511%2C4.10203944%20L11.8990511%2C4.10203944%20C12.0336496%2C4.23665612%2012.0336496%2C4.45527361%2011.8990511%2C4.58989029%20L8.48778518%2C8.00053847%20L11.8979743%2C11.4122636%20C12.0325729%2C11.5468803%2012.0325729%2C11.7644208%2011.8979743%2C11.8990375%20L11.8979743%2C11.8990375%20Z'%20id%3D'Shape'%20fill%3D'%23FFFFFF'%20transform%3D'translate(8.000000%2C%208.000000)%20scale(1%2C%20-1)%20translate(-8.000000%2C%20-8.000000)%20'%3E%3C%2Fpath%3E%3C%2Fg%3E%3C%2Fsvg%3E");
+ width: 15px;
+ height: 15px;
+ position: absolute;
+ right: 6px;
+ top: 6px;
+ text-align: right;
+ vertical-align: top;
+ z-index: 2;
+ background-size: 15px auto;
+ background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D'16'%20height%3D'16'%20viewBox%3D'0%200%2016%2016'%20version%3D'1.1'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cg%20id%3D'Page-1'%20stroke%3D'none'%20stroke-width%3D'1'%20fill%3D'none'%20fill-rule%3D'evenodd'%3E%3Ccircle%20id%3D'Oval-98'%20fill-opacity%3D'0.4'%20fill%3D'%23404040'%20cx%3D'8'%20cy%3D'8'%20r%3D'8'%3E%3C%2Fcircle%3E%3Cpath%20d%3D'M11.8979743%2C11.8990375%20L11.8979743%2C11.8990375%20C11.7633757%2C12.0336542%2011.5447877%2C12.0336542%2011.4101891%2C11.8990375%20L8%2C8.48838931%20L4.5887341%2C11.8990375%20C4.45413554%2C12.0336542%204.23554748%2C12.0336542%204.10094892%2C11.8990375%20L4.10094892%2C11.8990375%20C3.96635036%2C11.7644208%203.96635036%2C11.5458033%204.10094892%2C11.4111866%20L7.51221482%2C8.00053847%20L4.10202571%2C4.58881335%20C3.96742715%2C4.45419667%203.96742715%2C4.23557919%204.10202571%2C4.10096251%20L4.10202571%2C4.10096251%20C4.23662427%2C3.96634583%204.45521233%2C3.96634583%204.58981089%2C4.10096251%20L8%2C7.51268762%20L11.4112659%2C4.10203944%20C11.5458645%2C3.96742276%2011.7644525%2C3.96742276%2011.8990511%2C4.10203944%20L11.8990511%2C4.10203944%20C12.0336496%2C4.23665612%2012.0336496%2C4.45527361%2011.8990511%2C4.58989029%20L8.48778518%2C8.00053847%20L11.8979743%2C11.4122636%20C12.0325729%2C11.5468803%2012.0325729%2C11.7644208%2011.8979743%2C11.8990375%20L11.8979743%2C11.8990375%20Z'%20id%3D'Shape'%20fill%3D'%23FFFFFF'%20transform%3D'translate(8.000000%2C%208.000000)%20scale(1%2C%20-1)%20translate(-8.000000%2C%20-8.000000)%20'%3E%3C%2Fpath%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}
.am-image-picker-list .am-image-picker-item .am-image-picker-item-content {
- height: 100%;
- width: 100%;
- border-radius: 3px;
- background-size: cover;
+ height: 100%;
+ width: 100%;
+ border-radius: 3px;
+ background-size: cover;
}
.am-image-picker-list .am-image-picker-item img {
- width: 100%;
+ width: 100%;
}
.am-image-picker-list .am-image-picker-upload-btn {
- -webkit-box-sizing: border-box;
- box-sizing: border-box;
- border-radius: 3px;
- border: 1PX solid #ddd;
- background-color: #fff;
+ -webkit-box-sizing: border-box;
+ box-sizing: border-box;
+ border-radius: 3px;
+ border: 1px solid #ddd;
+ background-color: #fff;
}
.am-image-picker-list .am-image-picker-upload-btn:before,
.am-image-picker-list .am-image-picker-upload-btn:after {
- width: 1PX;
- height: 25px;
- content: " ";
- position: absolute;
- top: 50%;
- left: 50%;
- -webkit-transform: translate(-50%, -50%);
- -ms-transform: translate(-50%, -50%);
- transform: translate(-50%, -50%);
- background-color: #ccc;
+ width: 1px;
+ height: 25px;
+ content: ' ';
+ position: absolute;
+ top: 50%;
+ left: 50%;
+ -webkit-transform: translate(-50%, -50%);
+ -ms-transform: translate(-50%, -50%);
+ transform: translate(-50%, -50%);
+ background-color: #ccc;
}
.am-image-picker-list .am-image-picker-upload-btn:after {
- width: 25px;
- height: 1PX;
+ width: 25px;
+ height: 1px;
}
.am-image-picker-list .am-image-picker-upload-btn-active {
- background-color: #ddd;
+ background-color: #ddd;
}
.am-image-picker-list .am-image-picker-upload-btn input {
- position: absolute;
- top: 0;
- left: 0;
- bottom: 0;
- right: 0;
- opacity: 0;
+ position: absolute;
+ top: 0;
+ left: 0;
+ bottom: 0;
+ right: 0;
+ opacity: 0;
}
.am-list-item .am-input-control .fake-input-container {
- height: 30px;
- line-height: 30px;
- position: relative;
+ height: 30px;
+ line-height: 30px;
+ position: relative;
}
.am-list-item .am-input-control .fake-input-container .fake-input {
- position: absolute;
- top: 0;
- left: 0;
- width: 100%;
- height: 100%;
- margin-right: 5px;
- -webkit-text-decoration: rtl;
- text-decoration: rtl;
- text-align: right;
- color: #000;
- font-size: 17px;
- overflow: hidden;
- text-overflow: ellipsis;
- white-space: nowrap;
+ position: absolute;
+ top: 0;
+ left: 0;
+ width: 100%;
+ height: 100%;
+ margin-right: 5px;
+ -webkit-text-decoration: rtl;
+ text-decoration: rtl;
+ text-align: right;
+ color: #000;
+ font-size: 17px;
+ overflow: hidden;
+ text-overflow: ellipsis;
+ white-space: nowrap;
}
-.am-list-item .am-input-control .fake-input-container .fake-input.fake-input-disabled {
- color: #bbb;
+.am-list-item
+ .am-input-control
+ .fake-input-container
+ .fake-input.fake-input-disabled {
+ color: #bbb;
}
.am-list-item .am-input-control .fake-input-container .fake-input.focus {
- -webkit-transition: color .2s;
- transition: color .2s;
+ -webkit-transition: color 0.2s;
+ transition: color 0.2s;
}
.am-list-item .am-input-control .fake-input-container .fake-input.focus:after {
- content: "";
- position: absolute;
- right: 0;
- top: 10%;
- height: 80%;
- border-right: 1.5px solid #108ee9;
- -webkit-animation: keyboard-cursor infinite 1s step-start;
- animation: keyboard-cursor infinite 1s step-start;
+ content: '';
+ position: absolute;
+ right: 0;
+ top: 10%;
+ height: 80%;
+ border-right: 1.5px solid #108ee9;
+ -webkit-animation: keyboard-cursor infinite 1s step-start;
+ animation: keyboard-cursor infinite 1s step-start;
}
.am-list-item .am-input-control .fake-input-container .fake-input-placeholder {
- position: absolute;
- top: 0;
- left: 0;
- width: 100%;
- height: 100%;
- color: #bbb;
- text-align: right;
+ position: absolute;
+ top: 0;
+ left: 0;
+ width: 100%;
+ height: 100%;
+ color: #bbb;
+ text-align: right;
}
.am-list-item .am-input-control .fake-input-container-left .fake-input {
- text-align: left;
+ text-align: left;
}
-.am-list-item .am-input-control .fake-input-container-left .fake-input.focus:after {
- position: relative;
+.am-list-item
+ .am-input-control
+ .fake-input-container-left
+ .fake-input.focus:after {
+ position: relative;
}
-.am-list-item .am-input-control .fake-input-container-left .fake-input-placeholder {
- text-align: left;
+.am-list-item
+ .am-input-control
+ .fake-input-container-left
+ .fake-input-placeholder {
+ text-align: left;
}
.am-number-keyboard-wrapper {
- position: fixed;
- bottom: 0;
- left: 0;
- right: 0;
- width: 100%;
- z-index: 10000;
- font-family: 'PingFang SC';
- background-color: #f6f6f7;
- -webkit-transition-duration: 0.2s;
- transition-duration: 0.2s;
- -webkit-transition-property: -webkit-transform display;
- transition-property: -webkit-transform display;
- transition-property: transform display;
- transition-property: transform display, -webkit-transform display;
- -webkit-transform: translateZ(0);
- transform: translateZ(0);
- padding-bottom: env(safe-area-inset-bottom);
+ position: fixed;
+ bottom: 0;
+ left: 0;
+ right: 0;
+ width: 100%;
+ z-index: 10000;
+ font-family: 'PingFang SC';
+ background-color: #f6f6f7;
+ -webkit-transition-duration: 0.2s;
+ transition-duration: 0.2s;
+ -webkit-transition-property: -webkit-transform display;
+ transition-property: -webkit-transform display;
+ transition-property: transform display;
+ transition-property: transform display, -webkit-transform display;
+ -webkit-transform: translateZ(0);
+ transform: translateZ(0);
+ padding-bottom: env(safe-area-inset-bottom);
}
.am-number-keyboard-wrapper.am-number-keyboard-wrapper-hide {
- bottom: -500px;
+ bottom: -500px;
}
.am-number-keyboard-wrapper table {
- width: 100%;
- padding: 0;
- margin: 0;
- border-collapse: collapse;
- border-top: 1PX solid #ddd;
+ width: 100%;
+ padding: 0;
+ margin: 0;
+ border-collapse: collapse;
+ border-top: 1px solid #ddd;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
- html:not([data-scale]) .am-number-keyboard-wrapper table {
- border-top: none;
- }
- html:not([data-scale]) .am-number-keyboard-wrapper table::before {
- content: '';
- position: absolute;
- background-color: #ddd;
- display: block;
- z-index: 1;
- top: 0;
- right: auto;
- bottom: auto;
- left: 0;
- width: 100%;
- height: 1PX;
- -webkit-transform-origin: 50% 50%;
+ html:not([data-scale]) .am-number-keyboard-wrapper table {
+ border-top: none;
+ }
+ html:not([data-scale]) .am-number-keyboard-wrapper table::before {
+ content: '';
+ position: absolute;
+ background-color: #ddd;
+ display: block;
+ z-index: 1;
+ top: 0;
+ right: auto;
+ bottom: auto;
+ left: 0;
+ width: 100%;
+ height: 1px;
+ -webkit-transform-origin: 50% 50%;
-ms-transform-origin: 50% 50%;
- transform-origin: 50% 50%;
- -webkit-transform: scaleY(0.5);
+ transform-origin: 50% 50%;
+ -webkit-transform: scaleY(0.5);
-ms-transform: scaleY(0.5);
- transform: scaleY(0.5);
- }
+ transform: scaleY(0.5);
+ }
}
-@media (-webkit-min-device-pixel-ratio: 2) and (-webkit-min-device-pixel-ratio: 3), (min-resolution: 2dppx) and (min-resolution: 3dppx) {
- html:not([data-scale]) .am-number-keyboard-wrapper table::before {
- -webkit-transform: scaleY(0.33);
+@media (-webkit-min-device-pixel-ratio: 2) and (-webkit-min-device-pixel-ratio: 3),
+ (min-resolution: 2dppx) and (min-resolution: 3dppx) {
+ html:not([data-scale]) .am-number-keyboard-wrapper table::before {
+ -webkit-transform: scaleY(0.33);
-ms-transform: scaleY(0.33);
- transform: scaleY(0.33);
- }
+ transform: scaleY(0.33);
+ }
}
.am-number-keyboard-wrapper table tr {
- width: 100%;
- padding: 0;
- margin: 0;
+ width: 100%;
+ padding: 0;
+ margin: 0;
}
.am-number-keyboard-wrapper table tr .am-number-keyboard-item {
- width: 25%;
- padding: 0;
- margin: 0;
- height: 50px;
- text-align: center;
- font-size: 25.5px;
- color: #2a2b2c;
- position: relative;
+ width: 25%;
+ padding: 0;
+ margin: 0;
+ height: 50px;
+ text-align: center;
+ font-size: 25.5px;
+ color: #2a2b2c;
+ position: relative;
}
-.am-number-keyboard-wrapper table tr .am-number-keyboard-item:not(.keyboard-confirm) {
- border-left: 1PX solid #ddd;
- border-bottom: 1PX solid #ddd;
+.am-number-keyboard-wrapper
+ table
+ tr
+ .am-number-keyboard-item:not(.keyboard-confirm) {
+ border-left: 1px solid #ddd;
+ border-bottom: 1px solid #ddd;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
- html:not([data-scale]) .am-number-keyboard-wrapper table tr .am-number-keyboard-item:not(.keyboard-confirm) {
- border-left: none;
- }
- html:not([data-scale]) .am-number-keyboard-wrapper table tr .am-number-keyboard-item:not(.keyboard-confirm)::before {
- content: '';
- position: absolute;
- background-color: #ddd;
- display: block;
- z-index: 1;
- top: 0;
- right: auto;
- bottom: auto;
- left: 0;
- width: 1PX;
- height: 100%;
- -webkit-transform-origin: 100% 50%;
+ html:not([data-scale])
+ .am-number-keyboard-wrapper
+ table
+ tr
+ .am-number-keyboard-item:not(.keyboard-confirm) {
+ border-left: none;
+ }
+ html:not([data-scale])
+ .am-number-keyboard-wrapper
+ table
+ tr
+ .am-number-keyboard-item:not(.keyboard-confirm)::before {
+ content: '';
+ position: absolute;
+ background-color: #ddd;
+ display: block;
+ z-index: 1;
+ top: 0;
+ right: auto;
+ bottom: auto;
+ left: 0;
+ width: 1px;
+ height: 100%;
+ -webkit-transform-origin: 100% 50%;
-ms-transform-origin: 100% 50%;
- transform-origin: 100% 50%;
- -webkit-transform: scaleX(0.5);
+ transform-origin: 100% 50%;
+ -webkit-transform: scaleX(0.5);
-ms-transform: scaleX(0.5);
- transform: scaleX(0.5);
- }
+ transform: scaleX(0.5);
+ }
}
-@media (-webkit-min-device-pixel-ratio: 2) and (-webkit-min-device-pixel-ratio: 3), (min-resolution: 2dppx) and (min-resolution: 3dppx) {
- html:not([data-scale]) .am-number-keyboard-wrapper table tr .am-number-keyboard-item:not(.keyboard-confirm)::before {
- -webkit-transform: scaleX(0.33);
+@media (-webkit-min-device-pixel-ratio: 2) and (-webkit-min-device-pixel-ratio: 3),
+ (min-resolution: 2dppx) and (min-resolution: 3dppx) {
+ html:not([data-scale])
+ .am-number-keyboard-wrapper
+ table
+ tr
+ .am-number-keyboard-item:not(.keyboard-confirm)::before {
+ -webkit-transform: scaleX(0.33);
-ms-transform: scaleX(0.33);
- transform: scaleX(0.33);
- }
+ transform: scaleX(0.33);
+ }
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
- html:not([data-scale]) .am-number-keyboard-wrapper table tr .am-number-keyboard-item:not(.keyboard-confirm) {
- border-bottom: none;
- }
- html:not([data-scale]) .am-number-keyboard-wrapper table tr .am-number-keyboard-item:not(.keyboard-confirm)::after {
- content: '';
- position: absolute;
- background-color: #ddd;
- display: block;
- z-index: 1;
- top: auto;
- right: auto;
- bottom: 0;
- left: 0;
- width: 100%;
- height: 1PX;
- -webkit-transform-origin: 50% 100%;
+ html:not([data-scale])
+ .am-number-keyboard-wrapper
+ table
+ tr
+ .am-number-keyboard-item:not(.keyboard-confirm) {
+ border-bottom: none;
+ }
+ html:not([data-scale])
+ .am-number-keyboard-wrapper
+ table
+ tr
+ .am-number-keyboard-item:not(.keyboard-confirm)::after {
+ content: '';
+ position: absolute;
+ background-color: #ddd;
+ display: block;
+ z-index: 1;
+ top: auto;
+ right: auto;
+ bottom: 0;
+ left: 0;
+ width: 100%;
+ height: 1px;
+ -webkit-transform-origin: 50% 100%;
-ms-transform-origin: 50% 100%;
- transform-origin: 50% 100%;
- -webkit-transform: scaleY(0.5);
+ transform-origin: 50% 100%;
+ -webkit-transform: scaleY(0.5);
-ms-transform: scaleY(0.5);
- transform: scaleY(0.5);
- }
+ transform: scaleY(0.5);
+ }
}
-@media (-webkit-min-device-pixel-ratio: 2) and (-webkit-min-device-pixel-ratio: 3), (min-resolution: 2dppx) and (min-resolution: 3dppx) {
- html:not([data-scale]) .am-number-keyboard-wrapper table tr .am-number-keyboard-item:not(.keyboard-confirm)::after {
- -webkit-transform: scaleY(0.33);
+@media (-webkit-min-device-pixel-ratio: 2) and (-webkit-min-device-pixel-ratio: 3),
+ (min-resolution: 2dppx) and (min-resolution: 3dppx) {
+ html:not([data-scale])
+ .am-number-keyboard-wrapper
+ table
+ tr
+ .am-number-keyboard-item:not(.keyboard-confirm)::after {
+ -webkit-transform: scaleY(0.33);
-ms-transform: scaleY(0.33);
- transform: scaleY(0.33);
- }
+ transform: scaleY(0.33);
+ }
}
-.am-number-keyboard-wrapper table tr .am-number-keyboard-item.am-number-keyboard-item-active {
- background-color: #ddd;
+.am-number-keyboard-wrapper
+ table
+ tr
+ .am-number-keyboard-item.am-number-keyboard-item-active {
+ background-color: #ddd;
}
.am-number-keyboard-wrapper table tr .am-number-keyboard-item.keyboard-confirm {
- color: #fff;
- font-size: 21px;
- background-color: #108ee9;
- border-bottom: 1PX solid #ddd;
+ color: #fff;
+ font-size: 21px;
+ background-color: #108ee9;
+ border-bottom: 1px solid #ddd;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
- html:not([data-scale]) .am-number-keyboard-wrapper table tr .am-number-keyboard-item.keyboard-confirm {
- border-bottom: none;
- }
- html:not([data-scale]) .am-number-keyboard-wrapper table tr .am-number-keyboard-item.keyboard-confirm::after {
- content: '';
- position: absolute;
- background-color: #ddd;
- display: block;
- z-index: 1;
- top: auto;
- right: auto;
- bottom: 0;
- left: 0;
- width: 100%;
- height: 1PX;
- -webkit-transform-origin: 50% 100%;
+ html:not([data-scale])
+ .am-number-keyboard-wrapper
+ table
+ tr
+ .am-number-keyboard-item.keyboard-confirm {
+ border-bottom: none;
+ }
+ html:not([data-scale])
+ .am-number-keyboard-wrapper
+ table
+ tr
+ .am-number-keyboard-item.keyboard-confirm::after {
+ content: '';
+ position: absolute;
+ background-color: #ddd;
+ display: block;
+ z-index: 1;
+ top: auto;
+ right: auto;
+ bottom: 0;
+ left: 0;
+ width: 100%;
+ height: 1px;
+ -webkit-transform-origin: 50% 100%;
-ms-transform-origin: 50% 100%;
- transform-origin: 50% 100%;
- -webkit-transform: scaleY(0.5);
+ transform-origin: 50% 100%;
+ -webkit-transform: scaleY(0.5);
-ms-transform: scaleY(0.5);
- transform: scaleY(0.5);
- }
+ transform: scaleY(0.5);
+ }
}
-@media (-webkit-min-device-pixel-ratio: 2) and (-webkit-min-device-pixel-ratio: 3), (min-resolution: 2dppx) and (min-resolution: 3dppx) {
- html:not([data-scale]) .am-number-keyboard-wrapper table tr .am-number-keyboard-item.keyboard-confirm::after {
- -webkit-transform: scaleY(0.33);
+@media (-webkit-min-device-pixel-ratio: 2) and (-webkit-min-device-pixel-ratio: 3),
+ (min-resolution: 2dppx) and (min-resolution: 3dppx) {
+ html:not([data-scale])
+ .am-number-keyboard-wrapper
+ table
+ tr
+ .am-number-keyboard-item.keyboard-confirm::after {
+ -webkit-transform: scaleY(0.33);
-ms-transform: scaleY(0.33);
- transform: scaleY(0.33);
- }
+ transform: scaleY(0.33);
+ }
}
-.am-number-keyboard-wrapper table tr .am-number-keyboard-item.keyboard-confirm.am-number-keyboard-item-active {
- background-color: #0e80d2;
+.am-number-keyboard-wrapper
+ table
+ tr
+ .am-number-keyboard-item.keyboard-confirm.am-number-keyboard-item-active {
+ background-color: #0e80d2;
}
-.am-number-keyboard-wrapper table tr .am-number-keyboard-item.keyboard-confirm.am-number-keyboard-item-disabled {
- background-color: #0e80d2;
- color: rgba(255, 255, 255, 0.45);
+.am-number-keyboard-wrapper
+ table
+ tr
+ .am-number-keyboard-item.keyboard-confirm.am-number-keyboard-item-disabled {
+ background-color: #0e80d2;
+ color: rgba(255, 255, 255, 0.45);
}
.am-number-keyboard-wrapper table tr .am-number-keyboard-item.keyboard-delete {
- background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20version%3D%221%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22204%22%20height%3D%22148%22%20viewBox%3D%220%200%20153.000000%20111.000000%22%3E%3Cpath%20d%3D%22M46.9%204.7c-2.5%202.6-14.1%2015.5-25.8%2028.6L-.1%2057l25.6%2027%2025.7%2027.1%2047.4-.3%2047.4-.3%203.2-3.3%203.3-3.2V7l-3.3-3.2L146%20.5%2098.7.2%2051.5-.1l-4.6%204.8zm97.9%203.5c1.7%201.7%201.7%2092.9%200%2094.6-.9.9-12.6%201.2-46.3%201.2H53.4L31.2%2080.4%209%2056.9l5.1-5.7c2.8-3.1%2012.8-14.4%2022.2-24.9L53.5%207h45c33.8%200%2045.4.3%2046.3%201.2z%22%2F%3E%3Cpath%20d%3D%22M69.5%2031c-1.9%202.1-1.7%202.2%209.3%2013.3L90%2055.5%2078.8%2066.7%2067.5%2078l2.3%202.2%202.2%202.3%2011.3-11.3L94.5%2060l11.2%2011.2L117%2082.5l2.2-2.3%202.3-2.2-11.3-11.3L99%2055.5l11.2-11.2L121.5%2033l-2.3-2.2-2.2-2.3-11.3%2011.3L94.5%2051l-11-11c-6-6-11.2-11-11.6-11-.3%200-1.4.9-2.4%202z%22%2F%3E%3C%2Fsvg%3E");
- background-size: 25.5px 18.5px;
- background-position: 50% 50%;
- background-repeat: no-repeat;
+ background-image: url('data:image/svg+xml;charset=utf-8,%3Csvg%20version%3D%221%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22204%22%20height%3D%22148%22%20viewBox%3D%220%200%20153.000000%20111.000000%22%3E%3Cpath%20d%3D%22M46.9%204.7c-2.5%202.6-14.1%2015.5-25.8%2028.6L-.1%2057l25.6%2027%2025.7%2027.1%2047.4-.3%2047.4-.3%203.2-3.3%203.3-3.2V7l-3.3-3.2L146%20.5%2098.7.2%2051.5-.1l-4.6%204.8zm97.9%203.5c1.7%201.7%201.7%2092.9%200%2094.6-.9.9-12.6%201.2-46.3%201.2H53.4L31.2%2080.4%209%2056.9l5.1-5.7c2.8-3.1%2012.8-14.4%2022.2-24.9L53.5%207h45c33.8%200%2045.4.3%2046.3%201.2z%22%2F%3E%3Cpath%20d%3D%22M69.5%2031c-1.9%202.1-1.7%202.2%209.3%2013.3L90%2055.5%2078.8%2066.7%2067.5%2078l2.3%202.2%202.2%202.3%2011.3-11.3L94.5%2060l11.2%2011.2L117%2082.5l2.2-2.3%202.3-2.2-11.3-11.3L99%2055.5l11.2-11.2L121.5%2033l-2.3-2.2-2.2-2.3-11.3%2011.3L94.5%2051l-11-11c-6-6-11.2-11-11.6-11-.3%200-1.4.9-2.4%202z%22%2F%3E%3C%2Fsvg%3E');
+ background-size: 25.5px 18.5px;
+ background-position: 50% 50%;
+ background-repeat: no-repeat;
}
.am-number-keyboard-wrapper table tr .am-number-keyboard-item.keyboard-hide {
- background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20version%3D%221%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22260%22%20height%3D%22188%22%20viewBox%3D%220%200%20195.000000%20141.000000%22%3E%3Cpath%20d%3D%22M0%2057v57h195V0H0v57zm183%200v45H12V12h171v45z%22%2F%3E%3Cpath%20d%3D%22M21%2031.5V39h15V24H21v7.5zM48%2031.5V39h15V24H48v7.5zM75%2031.5V39h15V24H75v7.5zM102%2031.5V39h15V24h-15v7.5zM129%2031.5V39h15V24h-15v7.5zM156%2031.5V39h15V24h-15v7.5zM36%2055.5V63h15V48H36v7.5zM63%2055.5V63h15V48H63v7.5zM90%2055.5V63h15V48H90v7.5zM117%2055.5V63h15V48h-15v7.5zM144%2055.5V63h15V48h-15v7.5zM27%2079.5V87h15V72H27v7.5zM48%2079.5V87h96V72H48v7.5zM150%2079.5V87h15V72h-15v7.5zM81%20124.5c0%20.8.7%201.5%201.5%201.5s1.5.7%201.5%201.5.7%201.5%201.5%201.5%201.5.7%201.5%201.5.7%201.5%201.5%201.5%201.5.7%201.5%201.5.7%201.5%201.5%201.5%201.5.7%201.5%201.5.7%201.5%201.5%201.5%201.5.7%201.5%201.5.7%201.5%201.5%201.5%201.5-.7%201.5-1.5.7-1.5%201.5-1.5%201.5-.7%201.5-1.5.7-1.5%201.5-1.5%201.5-.7%201.5-1.5.7-1.5%201.5-1.5%201.5-.7%201.5-1.5.7-1.5%201.5-1.5%201.5-.7%201.5-1.5.7-1.5%201.5-1.5%201.5-.7%201.5-1.5c0-1.3-2.5-1.5-16.5-1.5s-16.5.2-16.5%201.5z%22%2F%3E%3C%2Fsvg%3E");
- background-size: 32.5px 23.5px;
- background-position: 50% 50%;
- background-repeat: no-repeat;
+ background-image: url('data:image/svg+xml;charset=utf-8,%3Csvg%20version%3D%221%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22260%22%20height%3D%22188%22%20viewBox%3D%220%200%20195.000000%20141.000000%22%3E%3Cpath%20d%3D%22M0%2057v57h195V0H0v57zm183%200v45H12V12h171v45z%22%2F%3E%3Cpath%20d%3D%22M21%2031.5V39h15V24H21v7.5zM48%2031.5V39h15V24H48v7.5zM75%2031.5V39h15V24H75v7.5zM102%2031.5V39h15V24h-15v7.5zM129%2031.5V39h15V24h-15v7.5zM156%2031.5V39h15V24h-15v7.5zM36%2055.5V63h15V48H36v7.5zM63%2055.5V63h15V48H63v7.5zM90%2055.5V63h15V48H90v7.5zM117%2055.5V63h15V48h-15v7.5zM144%2055.5V63h15V48h-15v7.5zM27%2079.5V87h15V72H27v7.5zM48%2079.5V87h96V72H48v7.5zM150%2079.5V87h15V72h-15v7.5zM81%20124.5c0%20.8.7%201.5%201.5%201.5s1.5.7%201.5%201.5.7%201.5%201.5%201.5%201.5.7%201.5%201.5.7%201.5%201.5%201.5%201.5.7%201.5%201.5.7%201.5%201.5%201.5%201.5.7%201.5%201.5.7%201.5%201.5%201.5%201.5.7%201.5%201.5.7%201.5%201.5%201.5%201.5-.7%201.5-1.5.7-1.5%201.5-1.5%201.5-.7%201.5-1.5.7-1.5%201.5-1.5%201.5-.7%201.5-1.5.7-1.5%201.5-1.5%201.5-.7%201.5-1.5.7-1.5%201.5-1.5%201.5-.7%201.5-1.5.7-1.5%201.5-1.5%201.5-.7%201.5-1.5c0-1.3-2.5-1.5-16.5-1.5s-16.5.2-16.5%201.5z%22%2F%3E%3C%2Fsvg%3E');
+ background-size: 32.5px 23.5px;
+ background-position: 50% 50%;
+ background-repeat: no-repeat;
}
.am-number-keyboard-wrapper table tr .am-number-keyboard-item-disabled {
- color: #bbb;
+ color: #bbb;
}
@-webkit-keyframes keyboard-cursor {
- 0% {
- opacity: 1;
- }
- 50% {
- opacity: 0;
- }
- to {
- opacity: 1;
- }
+ 0% {
+ opacity: 1;
+ }
+ 50% {
+ opacity: 0;
+ }
+ to {
+ opacity: 1;
+ }
}
@keyframes keyboard-cursor {
- 0% {
- opacity: 1;
- }
- 50% {
- opacity: 0;
- }
- to {
- opacity: 1;
- }
+ 0% {
+ opacity: 1;
+ }
+ 50% {
+ opacity: 0;
+ }
+ to {
+ opacity: 1;
+ }
}
.am-list-item.am-input-item {
- height: 44px;
- padding-left: 15px;
+ height: 44px;
+ padding-left: 15px;
}
.am-list-item:not(:last-child) .am-list-line {
- border-bottom: 1PX solid #ddd;
+ border-bottom: 1px solid #ddd;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
- html:not([data-scale]) .am-list-item:not(:last-child) .am-list-line {
- border-bottom: none;
- }
- html:not([data-scale]) .am-list-item:not(:last-child) .am-list-line::after {
- content: '';
- position: absolute;
- background-color: #ddd;
- display: block;
- z-index: 1;
- top: auto;
- right: auto;
- bottom: 0;
- left: 0;
- width: 100%;
- height: 1PX;
- -webkit-transform-origin: 50% 100%;
+ html:not([data-scale]) .am-list-item:not(:last-child) .am-list-line {
+ border-bottom: none;
+ }
+ html:not([data-scale]) .am-list-item:not(:last-child) .am-list-line::after {
+ content: '';
+ position: absolute;
+ background-color: #ddd;
+ display: block;
+ z-index: 1;
+ top: auto;
+ right: auto;
+ bottom: 0;
+ left: 0;
+ width: 100%;
+ height: 1px;
+ -webkit-transform-origin: 50% 100%;
-ms-transform-origin: 50% 100%;
- transform-origin: 50% 100%;
- -webkit-transform: scaleY(0.5);
+ transform-origin: 50% 100%;
+ -webkit-transform: scaleY(0.5);
-ms-transform: scaleY(0.5);
- transform: scaleY(0.5);
- }
+ transform: scaleY(0.5);
+ }
}
-@media (-webkit-min-device-pixel-ratio: 2) and (-webkit-min-device-pixel-ratio: 3), (min-resolution: 2dppx) and (min-resolution: 3dppx) {
- html:not([data-scale]) .am-list-item:not(:last-child) .am-list-line::after {
- -webkit-transform: scaleY(0.33);
+@media (-webkit-min-device-pixel-ratio: 2) and (-webkit-min-device-pixel-ratio: 3),
+ (min-resolution: 2dppx) and (min-resolution: 3dppx) {
+ html:not([data-scale]) .am-list-item:not(:last-child) .am-list-line::after {
+ -webkit-transform: scaleY(0.33);
-ms-transform: scaleY(0.33);
- transform: scaleY(0.33);
- }
+ transform: scaleY(0.33);
+ }
}
.am-list-item .am-input-label {
- color: #000;
- font-size: 17px;
- margin-left: 0;
- margin-right: 5px;
- text-align: left;
- white-space: nowrap;
- overflow: hidden;
- padding: 2px 0;
+ color: #000;
+ font-size: 17px;
+ margin-left: 0;
+ margin-right: 5px;
+ text-align: left;
+ white-space: nowrap;
+ overflow: hidden;
+ padding: 2px 0;
}
.am-list-item .am-input-label.am-input-label-2 {
- width: 34px;
+ width: 34px;
}
.am-list-item .am-input-label.am-input-label-3 {
- width: 51px;
+ width: 51px;
}
.am-list-item .am-input-label.am-input-label-4 {
- width: 68px;
+ width: 68px;
}
.am-list-item .am-input-label.am-input-label-5 {
- width: 85px;
+ width: 85px;
}
.am-list-item .am-input-label.am-input-label-6 {
- width: 102px;
+ width: 102px;
}
.am-list-item .am-input-label.am-input-label-7 {
- width: 119px;
+ width: 119px;
}
.am-list-item .am-input-control {
- font-size: 17px;
- -webkit-box-flex: 1;
- -webkit-flex: 1;
- -ms-flex: 1;
- flex: 1;
+ font-size: 17px;
+ -webkit-box-flex: 1;
+ -webkit-flex: 1;
+ -ms-flex: 1;
+ flex: 1;
}
.am-list-item .am-input-control input {
- color: #000;
- font-size: 17px;
- -webkit-appearance: none;
- -moz-appearance: none;
- appearance: none;
- width: 100%;
- padding: 2px 0;
- border: 0;
- background-color: transparent;
- line-height: 1;
- -webkit-box-sizing: border-box;
- box-sizing: border-box;
+ color: #000;
+ font-size: 17px;
+ -webkit-appearance: none;
+ -moz-appearance: none;
+ appearance: none;
+ width: 100%;
+ padding: 2px 0;
+ border: 0;
+ background-color: transparent;
+ line-height: 1;
+ -webkit-box-sizing: border-box;
+ box-sizing: border-box;
}
.am-list-item .am-input-control input::-webkit-input-placeholder {
- color: #bbb;
- line-height: 1.2;
+ color: #bbb;
+ line-height: 1.2;
}
.am-list-item .am-input-control input::-moz-placeholder {
- color: #bbb;
- line-height: 1.2;
+ color: #bbb;
+ line-height: 1.2;
}
.am-list-item .am-input-control input::-ms-input-placeholder {
- color: #bbb;
- line-height: 1.2;
+ color: #bbb;
+ line-height: 1.2;
}
.am-list-item .am-input-control input::placeholder {
- color: #bbb;
- line-height: 1.2;
+ color: #bbb;
+ line-height: 1.2;
}
.am-list-item .am-input-control input:disabled {
- color: #bbb;
- background-color: #fff;
+ color: #bbb;
+ background-color: #fff;
}
.am-list-item .am-input-clear {
- display: none;
- width: 21px;
- height: 21px;
- border-radius: 50%;
- overflow: hidden;
- font-style: normal;
- color: #fff;
- background-color: #ccc;
- background-repeat: no-repeat;
- background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20fill%3D'%23fff'%20viewBox%3D'0%200%2030%2030'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20d%3D'M19%206.41L17.59%205%2012%2010.59%206.41%205%205%206.41%2010.59%2012%205%2017.59%206.41%2019%2012%2013.41%2017.59%2019%2019%2017.59%2013.41%2012z'%2F%3E%3Cpath%20d%3D'M0%200h24v24H0z'%20fill%3D'none'%2F%3E%3C%2Fsvg%3E");
- background-size: 21px auto;
- background-position: 2px 2px;
+ display: none;
+ width: 21px;
+ height: 21px;
+ border-radius: 50%;
+ overflow: hidden;
+ font-style: normal;
+ color: #fff;
+ background-color: #ccc;
+ background-repeat: no-repeat;
+ background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20fill%3D'%23fff'%20viewBox%3D'0%200%2030%2030'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20d%3D'M19%206.41L17.59%205%2012%2010.59%206.41%205%205%206.41%2010.59%2012%205%2017.59%206.41%2019%2012%2013.41%2017.59%2019%2019%2017.59%2013.41%2012z'%2F%3E%3Cpath%20d%3D'M0%200h24v24H0z'%20fill%3D'none'%2F%3E%3C%2Fsvg%3E");
+ background-size: 21px auto;
+ background-position: 2px 2px;
}
.am-list-item .am-input-clear-active {
- background-color: #108ee9;
+ background-color: #108ee9;
}
.am-list-item.am-input-focus .am-input-clear {
- display: block;
+ display: block;
}
.am-list-item .am-input-extra {
- -webkit-box-flex: initial;
- -webkit-flex: initial;
- -ms-flex: initial;
- flex: initial;
- min-width: 0;
- max-height: 21px;
- overflow: hidden;
- padding-right: 0;
- line-height: 1;
- color: #888;
- font-size: 15px;
- margin-left: 5px;
+ -webkit-box-flex: initial;
+ -webkit-flex: initial;
+ -ms-flex: initial;
+ flex: initial;
+ min-width: 0;
+ max-height: 21px;
+ overflow: hidden;
+ padding-right: 0;
+ line-height: 1;
+ color: #888;
+ font-size: 15px;
+ margin-left: 5px;
}
.am-list-item.am-input-error .am-input-control input {
- color: #f50;
+ color: #f50;
}
.am-list-item.am-input-error .am-input-error-extra {
- height: 21px;
- width: 21px;
- margin-left: 6px;
- background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D'18'%20height%3D'18'%20viewBox%3D'0%200%2018%2018'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cg%20stroke%3D'none'%20stroke-width%3D'1'%20fill%3D'none'%20fill-rule%3D'evenodd'%3E%3Cg%20transform%3D'translate(-300.000000%2C%20-1207.000000)'%20fill%3D'%23FF5500'%3E%3Cg%20id%3D'exclamation-circle-o'%20transform%3D'translate(300.000000%2C%201207.000000)'%3E%3Cpath%20d%3D'M9%2C16.734375%20C10.0441406%2C16.734375%2011.0566406%2C16.5304688%2012.009375%2C16.1279297%20C12.9304688%2C15.7376953%2013.7566406%2C15.1804687%2014.4685547%2C14.4703125%20C15.1787109%2C13.7601563%2015.7376953%2C12.9322266%2016.1261719%2C12.0111328%20C16.5304688%2C11.0566406%2016.734375%2C10.0441406%2016.734375%2C9%20C16.734375%2C7.95585938%2016.5304688%2C6.94335938%2016.1279297%2C5.990625%20C15.7376953%2C5.06953125%2015.1804687%2C4.24335938%2014.4703125%2C3.53144531%20C13.7601563%2C2.82128906%2012.9322266%2C2.26230469%2012.0111328%2C1.87382813%20C11.0566406%2C1.46953125%2010.0441406%2C1.265625%209%2C1.265625%20C7.95585938%2C1.265625%206.94335938%2C1.46953125%205.990625%2C1.87207031%20C5.06953125%2C2.26230469%204.24335938%2C2.81953125%203.53144531%2C3.5296875%20C2.82128906%2C4.23984375%202.26230469%2C5.06777344%201.87382813%2C5.98886719%20C1.46953125%2C6.94335938%201.265625%2C7.95585938%201.265625%2C9%20C1.265625%2C10.0441406%201.46953125%2C11.0566406%201.87207031%2C12.009375%20C2.26230469%2C12.9304688%202.81953125%2C13.7566406%203.5296875%2C14.4685547%20C4.23984375%2C15.1787109%205.06777344%2C15.7376953%205.98886719%2C16.1261719%20C6.94335938%2C16.5304688%207.95585938%2C16.734375%209%2C16.734375%20L9%2C16.734375%20Z%20M9%2C18%20C4.02890625%2C18%200%2C13.9710937%200%2C9%20C0%2C4.02890625%204.02890625%2C0%209%2C0%20C13.9710937%2C0%2018%2C4.02890625%2018%2C9%20C18%2C13.9710937%2013.9710937%2C18%209%2C18%20L9%2C18%20L9%2C18%20Z%20M9%2C6.75%20C8.61152344%2C6.75%208.296875%2C7.06464844%208.296875%2C7.453125%20L8.296875%2C13.9394531%20C8.296875%2C14.3279297%208.61152344%2C14.6425781%209%2C14.6425781%20C9.38847656%2C14.6425781%209.703125%2C14.3279297%209.703125%2C13.9394531%20L9.703125%2C7.453125%20C9.703125%2C7.06464844%209.38847656%2C6.75%209%2C6.75%20L9%2C6.75%20Z%20M8.20898438%2C4.83398438%20C8.20898438%2C5.27085024%208.56313413%2C5.625%209%2C5.625%20C9.43686587%2C5.625%209.79101562%2C5.27085024%209.79101562%2C4.83398438%20C9.79101562%2C4.39711851%209.43686587%2C4.04296875%209%2C4.04296875%20C8.56313413%2C4.04296875%208.20898438%2C4.39711851%208.20898438%2C4.83398438%20L8.20898438%2C4.83398438%20Z'%20id%3D'Shape'%20transform%3D'translate(9.000000%2C%209.000000)%20scale(1%2C%20-1)%20translate(-9.000000%2C%20-9.000000)%20'%3E%3C%2Fpath%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E");
- background-size: 21px auto;
+ height: 21px;
+ width: 21px;
+ margin-left: 6px;
+ background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D'18'%20height%3D'18'%20viewBox%3D'0%200%2018%2018'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cg%20stroke%3D'none'%20stroke-width%3D'1'%20fill%3D'none'%20fill-rule%3D'evenodd'%3E%3Cg%20transform%3D'translate(-300.000000%2C%20-1207.000000)'%20fill%3D'%23FF5500'%3E%3Cg%20id%3D'exclamation-circle-o'%20transform%3D'translate(300.000000%2C%201207.000000)'%3E%3Cpath%20d%3D'M9%2C16.734375%20C10.0441406%2C16.734375%2011.0566406%2C16.5304688%2012.009375%2C16.1279297%20C12.9304688%2C15.7376953%2013.7566406%2C15.1804687%2014.4685547%2C14.4703125%20C15.1787109%2C13.7601563%2015.7376953%2C12.9322266%2016.1261719%2C12.0111328%20C16.5304688%2C11.0566406%2016.734375%2C10.0441406%2016.734375%2C9%20C16.734375%2C7.95585938%2016.5304688%2C6.94335938%2016.1279297%2C5.990625%20C15.7376953%2C5.06953125%2015.1804687%2C4.24335938%2014.4703125%2C3.53144531%20C13.7601563%2C2.82128906%2012.9322266%2C2.26230469%2012.0111328%2C1.87382813%20C11.0566406%2C1.46953125%2010.0441406%2C1.265625%209%2C1.265625%20C7.95585938%2C1.265625%206.94335938%2C1.46953125%205.990625%2C1.87207031%20C5.06953125%2C2.26230469%204.24335938%2C2.81953125%203.53144531%2C3.5296875%20C2.82128906%2C4.23984375%202.26230469%2C5.06777344%201.87382813%2C5.98886719%20C1.46953125%2C6.94335938%201.265625%2C7.95585938%201.265625%2C9%20C1.265625%2C10.0441406%201.46953125%2C11.0566406%201.87207031%2C12.009375%20C2.26230469%2C12.9304688%202.81953125%2C13.7566406%203.5296875%2C14.4685547%20C4.23984375%2C15.1787109%205.06777344%2C15.7376953%205.98886719%2C16.1261719%20C6.94335938%2C16.5304688%207.95585938%2C16.734375%209%2C16.734375%20L9%2C16.734375%20Z%20M9%2C18%20C4.02890625%2C18%200%2C13.9710937%200%2C9%20C0%2C4.02890625%204.02890625%2C0%209%2C0%20C13.9710937%2C0%2018%2C4.02890625%2018%2C9%20C18%2C13.9710937%2013.9710937%2C18%209%2C18%20L9%2C18%20L9%2C18%20Z%20M9%2C6.75%20C8.61152344%2C6.75%208.296875%2C7.06464844%208.296875%2C7.453125%20L8.296875%2C13.9394531%20C8.296875%2C14.3279297%208.61152344%2C14.6425781%209%2C14.6425781%20C9.38847656%2C14.6425781%209.703125%2C14.3279297%209.703125%2C13.9394531%20L9.703125%2C7.453125%20C9.703125%2C7.06464844%209.38847656%2C6.75%209%2C6.75%20L9%2C6.75%20Z%20M8.20898438%2C4.83398438%20C8.20898438%2C5.27085024%208.56313413%2C5.625%209%2C5.625%20C9.43686587%2C5.625%209.79101562%2C5.27085024%209.79101562%2C4.83398438%20C9.79101562%2C4.39711851%209.43686587%2C4.04296875%209%2C4.04296875%20C8.56313413%2C4.04296875%208.20898438%2C4.39711851%208.20898438%2C4.83398438%20L8.20898438%2C4.83398438%20Z'%20id%3D'Shape'%20transform%3D'translate(9.000000%2C%209.000000)%20scale(1%2C%20-1)%20translate(-9.000000%2C%20-9.000000)%20'%3E%3C%2Fpath%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E");
+ background-size: 21px auto;
}
.am-list-item.am-input-disabled .am-input-label {
- color: #bbb;
+ color: #bbb;
}
.sr-only {
- position: absolute;
- width: 1px;
- height: 1px;
- padding: 0;
- margin: -1px;
- overflow: hidden;
- clip: rect(0, 0, 0, 0);
- white-space: nowrap;
- border: 0;
+ position: absolute;
+ width: 1px;
+ height: 1px;
+ padding: 0;
+ margin: -1px;
+ overflow: hidden;
+ clip: rect(0, 0, 0, 0);
+ white-space: nowrap;
+ border: 0;
}
.am-indexed-list-section-body.am-list-body,
-.am-indexed-list-section-body.am-list-body .am-list-item:last-child .am-list-line {
- border-bottom: 0;
+.am-indexed-list-section-body.am-list-body
+ .am-list-item:last-child
+ .am-list-line {
+ border-bottom: 0;
}
.am-indexed-list-section-body.am-list-body:after,
-.am-indexed-list-section-body.am-list-body .am-list-item:last-child .am-list-line:after {
- display: none !important;
+.am-indexed-list-section-body.am-list-body
+ .am-list-item:last-child
+ .am-list-line:after {
+ display: none !important;
}
.am-indexed-list-section-header.am-list-body,
.am-indexed-list-section-header.am-list-body .am-list-item .am-list-line {
- border-bottom: 0;
+ border-bottom: 0;
}
.am-indexed-list-section-header.am-list-body:after,
.am-indexed-list-section-header.am-list-body .am-list-item .am-list-line:after {
- display: none !important;
+ display: none !important;
}
.am-indexed-list-section-header .am-list-item {
- height: 30px;
- min-height: 30px;
- background-color: #f5f5f9;
+ height: 30px;
+ min-height: 30px;
+ background-color: #f5f5f9;
}
.am-indexed-list-section-header .am-list-item .am-list-line {
- height: 30px;
- min-height: 30px;
+ height: 30px;
+ min-height: 30px;
}
.am-indexed-list-section-header .am-list-item .am-list-content {
- font-size: 14px !important;
- color: #888 !important;
+ font-size: 14px !important;
+ color: #888 !important;
}
.am-indexed-list-quick-search-bar {
- position: fixed;
- top: 0;
- right: 0;
- z-index: 0;
- text-align: center;
- color: #108ee9;
- font-size: 16px;
- list-style: none;
- padding: 0;
+ position: fixed;
+ top: 0;
+ right: 0;
+ z-index: 0;
+ text-align: center;
+ color: #108ee9;
+ font-size: 16px;
+ list-style: none;
+ padding: 0;
}
.am-indexed-list-quick-search-bar li {
- padding: 0 5px;
+ padding: 0 5px;
}
.am-indexed-list-quick-search-bar-over {
- background-color: rgba(0, 0, 0, 0.4);
+ background-color: rgba(0, 0, 0, 0.4);
}
.am-indexed-list-qsindicator {
- position: absolute;
- left: 50%;
- top: 50%;
- margin: -15px auto auto -30px;
- width: 60px;
- height: 30px;
- background: transparent;
- opacity: 0.7;
- color: #0af;
- font-size: 20px;
- border-radius: 30px;
- z-index: 1999;
- text-align: center;
- line-height: 30px;
+ position: absolute;
+ left: 50%;
+ top: 50%;
+ margin: -15px auto auto -30px;
+ width: 60px;
+ height: 30px;
+ background: transparent;
+ opacity: 0.7;
+ color: #0af;
+ font-size: 20px;
+ border-radius: 30px;
+ z-index: 1999;
+ text-align: center;
+ line-height: 30px;
}
.am-indexed-list-qsindicator-hide {
- display: none;
+ display: none;
}
.am-radio {
- position: relative;
- display: inline-block;
- vertical-align: middle;
- width: 15px;
- height: 15px;
+ position: relative;
+ display: inline-block;
+ vertical-align: middle;
+ width: 15px;
+ height: 15px;
}
.am-radio-inner {
- position: absolute;
- right: 0;
- width: 15px;
- height: 15px;
- -webkit-box-sizing: border-box;
- box-sizing: border-box;
- -webkit-transform: rotate(0deg);
- -ms-transform: rotate(0deg);
- transform: rotate(0deg);
+ position: absolute;
+ right: 0;
+ width: 15px;
+ height: 15px;
+ -webkit-box-sizing: border-box;
+ box-sizing: border-box;
+ -webkit-transform: rotate(0deg);
+ -ms-transform: rotate(0deg);
+ transform: rotate(0deg);
}
.am-radio-inner:after {
- position: absolute;
- display: none;
- top: -2.5px;
- right: 5px;
- z-index: 999;
- width: 7px;
- height: 14px;
- border-style: solid;
- border-width: 0 1.5px 1.5px 0;
- content: ' ';
- -webkit-transform: rotate(45deg);
- -ms-transform: rotate(45deg);
- transform: rotate(45deg);
+ position: absolute;
+ display: none;
+ top: -2.5px;
+ right: 5px;
+ z-index: 999;
+ width: 7px;
+ height: 14px;
+ border-style: solid;
+ border-width: 0 1.5px 1.5px 0;
+ content: ' ';
+ -webkit-transform: rotate(45deg);
+ -ms-transform: rotate(45deg);
+ transform: rotate(45deg);
}
.am-radio-input {
- position: absolute;
- top: 0;
- left: 0;
- opacity: 0;
- width: 100%;
- height: 100%;
- z-index: 2;
- border: 0 none;
- -webkit-appearance: none;
- -moz-appearance: none;
- appearance: none;
+ position: absolute;
+ top: 0;
+ left: 0;
+ opacity: 0;
+ width: 100%;
+ height: 100%;
+ z-index: 2;
+ border: 0 none;
+ -webkit-appearance: none;
+ -moz-appearance: none;
+ appearance: none;
}
.am-radio.am-radio-checked .am-radio-inner {
- border-width: 0;
+ border-width: 0;
}
.am-radio.am-radio-checked .am-radio-inner:after {
- display: block;
- border-color: #108ee9;
+ display: block;
+ border-color: #108ee9;
}
.am-radio.am-radio-disabled.am-radio-checked .am-radio-inner:after {
- display: block;
- border-color: #bbb;
+ display: block;
+ border-color: #bbb;
}
.am-list .am-list-item.am-radio-item .am-list-line .am-list-extra {
- -webkit-box-flex: 0;
- -webkit-flex: 0;
- -ms-flex: 0;
- flex: 0;
+ -webkit-box-flex: 0;
+ -webkit-flex: 0;
+ -ms-flex: 0;
+ flex: 0;
}
.am-list .am-list-item.am-radio-item .am-list-line .am-list-extra .am-radio {
- position: absolute;
- top: 0;
- left: 0;
- right: 0;
- bottom: 0;
- width: 100%;
- height: 44px;
- overflow: visible;
+ position: absolute;
+ top: 0;
+ left: 0;
+ right: 0;
+ bottom: 0;
+ width: 100%;
+ height: 44px;
+ overflow: visible;
}
-.am-list .am-list-item.am-radio-item .am-list-line .am-list-extra .am-radio-inner {
- right: 15px;
- top: 15px;
+.am-list
+ .am-list-item.am-radio-item
+ .am-list-line
+ .am-list-extra
+ .am-radio-inner {
+ right: 15px;
+ top: 15px;
}
.am-list .am-list-item.am-radio-item.am-radio-item-disabled .am-list-content {
- color: #bbb;
+ color: #bbb;
}
.am-menu {
- background-color: #f5f5f9;
+ background-color: #f5f5f9;
}
.am-menu .am-menu-select-container {
- -webkit-box-flex: 2;
- -webkit-flex-grow: 2;
- -ms-flex-positive: 2;
- flex-grow: 2;
+ -webkit-box-flex: 2;
+ -webkit-flex-grow: 2;
+ -ms-flex-positive: 2;
+ flex-grow: 2;
}
.am-menu .am-menu-select-container .am-menu-select-container-submenu {
- -webkit-align-self: stretch;
- -ms-flex-item-align: stretch;
- align-self: stretch;
+ -webkit-align-self: stretch;
+ -ms-flex-item-align: stretch;
+ align-self: stretch;
}
.am-menu .am-multi-select-btns {
- height: 47px;
- width: 100%;
+ height: 47px;
+ width: 100%;
}
.am-menu .am-multi-select-btns .am-multi-select-btns-btn {
- width: 50%;
- height: 100%;
- border: 1PX solid #ddd;
- border-radius: 0;
+ width: 50%;
+ height: 100%;
+ border: 1px solid #ddd;
+ border-radius: 0;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
- html:not([data-scale]) .am-menu .am-multi-select-btns .am-multi-select-btns-btn {
- position: relative;
- border: none;
- }
- html:not([data-scale]) .am-menu .am-multi-select-btns .am-multi-select-btns-btn::before {
- content: '';
- position: absolute;
- left: 0;
- top: 0;
- width: 200%;
- height: 200%;
- border: 1PX solid #ddd;
- border-radius: 0;
- -webkit-transform-origin: 0 0;
+ html:not([data-scale])
+ .am-menu
+ .am-multi-select-btns
+ .am-multi-select-btns-btn {
+ position: relative;
+ border: none;
+ }
+ html:not([data-scale])
+ .am-menu
+ .am-multi-select-btns
+ .am-multi-select-btns-btn::before {
+ content: '';
+ position: absolute;
+ left: 0;
+ top: 0;
+ width: 200%;
+ height: 200%;
+ border: 1px solid #ddd;
+ border-radius: 0;
+ -webkit-transform-origin: 0 0;
-ms-transform-origin: 0 0;
- transform-origin: 0 0;
- -webkit-transform: scale(0.5);
+ transform-origin: 0 0;
+ -webkit-transform: scale(0.5);
-ms-transform: scale(0.5);
- transform: scale(0.5);
- -webkit-box-sizing: border-box;
- box-sizing: border-box;
- pointer-events: none;
- }
+ transform: scale(0.5);
+ -webkit-box-sizing: border-box;
+ box-sizing: border-box;
+ pointer-events: none;
+ }
}
.am-menu .am-flexbox .am-flexbox-item {
- margin-left: 0;
- -webkit-overflow-scrolling: touch;
- overflow-y: scroll;
+ margin-left: 0;
+ -webkit-overflow-scrolling: touch;
+ overflow-y: scroll;
}
.am-menu .am-flexbox .am-flexbox-item .am-list {
- padding: 0;
+ padding: 0;
}
-.am-menu .am-flexbox .am-flexbox-item .am-list .am-list-item .am-list-line .am-list-content {
- font-size: 16px;
+.am-menu
+ .am-flexbox
+ .am-flexbox-item
+ .am-list
+ .am-list-item
+ .am-list-line
+ .am-list-content {
+ font-size: 16px;
}
-.am-menu .am-flexbox .am-flexbox-item .am-list .am-list-item .am-list-line .am-list-extra .am-checkbox-wrapper .am-checkbox {
- position: absolute;
- top: 0;
- left: 0;
- right: 0;
- bottom: 0;
- width: 100%;
- height: 100%;
- overflow: visible;
+.am-menu
+ .am-flexbox
+ .am-flexbox-item
+ .am-list
+ .am-list-item
+ .am-list-line
+ .am-list-extra
+ .am-checkbox-wrapper
+ .am-checkbox {
+ position: absolute;
+ top: 0;
+ left: 0;
+ right: 0;
+ bottom: 0;
+ width: 100%;
+ height: 100%;
+ overflow: visible;
}
-.am-menu .am-flexbox .am-flexbox-item .am-list .am-list-item .am-list-line .am-list-extra .am-checkbox-wrapper .am-checkbox .am-checkbox-inner {
- top: 12px;
- right: 15px;
+.am-menu
+ .am-flexbox
+ .am-flexbox-item
+ .am-list
+ .am-list-item
+ .am-list-line
+ .am-list-extra
+ .am-checkbox-wrapper
+ .am-checkbox
+ .am-checkbox-inner {
+ top: 12px;
+ right: 15px;
}
.am-menu .am-flexbox .am-flexbox-item:first-child {
- background-color: #f7f7f7;
+ background-color: #f7f7f7;
}
.am-menu .am-flexbox .am-flexbox-item:first-child .am-list .am-list-body {
- background-color: #f7f7f7;
- border-bottom: 0;
+ background-color: #f7f7f7;
+ border-bottom: 0;
}
.am-menu .am-flexbox .am-flexbox-item:first-child .am-list .am-list-body:after {
- display: none !important;
+ display: none !important;
}
.am-menu .am-flexbox .am-flexbox-item:first-child .am-list .am-list-item {
- background-color: #f7f7f7;
+ background-color: #f7f7f7;
}
-.am-menu .am-flexbox .am-flexbox-item:first-child .am-list .am-list-item .am-list-line {
- border-bottom: 0;
+.am-menu
+ .am-flexbox
+ .am-flexbox-item:first-child
+ .am-list
+ .am-list-item
+ .am-list-line {
+ border-bottom: 0;
}
-.am-menu .am-flexbox .am-flexbox-item:first-child .am-list .am-list-item .am-list-line:after {
- display: none !important;
+.am-menu
+ .am-flexbox
+ .am-flexbox-item:first-child
+ .am-list
+ .am-list-item
+ .am-list-line:after {
+ display: none !important;
}
-.am-menu .am-flexbox .am-flexbox-item:first-child .am-list .am-list-item .am-list-line .am-list-content {
- color: #000;
+.am-menu
+ .am-flexbox
+ .am-flexbox-item:first-child
+ .am-list
+ .am-list-item
+ .am-list-line
+ .am-list-content {
+ color: #000;
}
-.am-menu .am-flexbox .am-flexbox-item:first-child .am-list .am-list-item:last-child {
- border-bottom: 0;
+.am-menu
+ .am-flexbox
+ .am-flexbox-item:first-child
+ .am-list
+ .am-list-item:last-child {
+ border-bottom: 0;
}
-.am-menu .am-flexbox .am-flexbox-item:first-child .am-list .am-list-item:last-child:after {
- display: none !important;
+.am-menu
+ .am-flexbox
+ .am-flexbox-item:first-child
+ .am-list
+ .am-list-item:last-child:after {
+ display: none !important;
}
-.am-menu .am-flexbox .am-flexbox-item:first-child .am-list .am-list-item.am-menu-selected {
- background-color: #fff;
+.am-menu
+ .am-flexbox
+ .am-flexbox-item:first-child
+ .am-list
+ .am-list-item.am-menu-selected {
+ background-color: #fff;
}
.am-menu .am-flexbox .am-flexbox-item:last-child {
- background-color: #fff;
+ background-color: #fff;
}
.am-menu .am-flexbox .am-flexbox-item:last-child .am-list .am-list-item {
- background-color: #fff;
- border-bottom: 0;
+ background-color: #fff;
+ border-bottom: 0;
}
.am-menu .am-flexbox .am-flexbox-item:last-child .am-list .am-list-item:after {
- display: none !important;
+ display: none !important;
}
-.am-menu .am-flexbox .am-flexbox-item:last-child .am-list .am-list-item .am-list-line .am-list-extra {
- -webkit-box-flex: 0;
- -webkit-flex: 0;
- -ms-flex: 0;
- flex: 0;
+.am-menu
+ .am-flexbox
+ .am-flexbox-item:last-child
+ .am-list
+ .am-list-item
+ .am-list-line
+ .am-list-extra {
+ -webkit-box-flex: 0;
+ -webkit-flex: 0;
+ -ms-flex: 0;
+ flex: 0;
}
-.am-menu .am-flexbox .am-flexbox-item:last-child .am-list .am-list-item.am-sub-menu-item-selected .am-list-line .am-list-content {
- color: #108ee9;
+.am-menu
+ .am-flexbox
+ .am-flexbox-item:last-child
+ .am-list
+ .am-list-item.am-sub-menu-item-selected
+ .am-list-line
+ .am-list-content {
+ color: #108ee9;
}
-.am-menu .am-flexbox .am-flexbox-item:last-child .am-list .am-list-item.am-sub-menu-item-disabled .am-list-line .am-list-content {
- color: #bbb;
+.am-menu
+ .am-flexbox
+ .am-flexbox-item:last-child
+ .am-list
+ .am-list-item.am-sub-menu-item-disabled
+ .am-list-line
+ .am-list-content {
+ color: #bbb;
}
-.am-menu .am-flexbox .am-flexbox-item:only-child .am-list .am-list-item .am-list-line {
- border-bottom: 1PX solid #ddd;
+.am-menu
+ .am-flexbox
+ .am-flexbox-item:only-child
+ .am-list
+ .am-list-item
+ .am-list-line {
+ border-bottom: 1px solid #ddd;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
- html:not([data-scale]) .am-menu .am-flexbox .am-flexbox-item:only-child .am-list .am-list-item .am-list-line {
- border-bottom: none;
- }
- html:not([data-scale]) .am-menu .am-flexbox .am-flexbox-item:only-child .am-list .am-list-item .am-list-line::after {
- content: '';
- position: absolute;
- background-color: #ddd;
- display: block;
- z-index: 1;
- top: auto;
- right: auto;
- bottom: 0;
- left: 0;
- width: 100%;
- height: 1PX;
- -webkit-transform-origin: 50% 100%;
+ html:not([data-scale])
+ .am-menu
+ .am-flexbox
+ .am-flexbox-item:only-child
+ .am-list
+ .am-list-item
+ .am-list-line {
+ border-bottom: none;
+ }
+ html:not([data-scale])
+ .am-menu
+ .am-flexbox
+ .am-flexbox-item:only-child
+ .am-list
+ .am-list-item
+ .am-list-line::after {
+ content: '';
+ position: absolute;
+ background-color: #ddd;
+ display: block;
+ z-index: 1;
+ top: auto;
+ right: auto;
+ bottom: 0;
+ left: 0;
+ width: 100%;
+ height: 1px;
+ -webkit-transform-origin: 50% 100%;
-ms-transform-origin: 50% 100%;
- transform-origin: 50% 100%;
- -webkit-transform: scaleY(0.5);
+ transform-origin: 50% 100%;
+ -webkit-transform: scaleY(0.5);
-ms-transform: scaleY(0.5);
- transform: scaleY(0.5);
- }
+ transform: scaleY(0.5);
+ }
}
-@media (-webkit-min-device-pixel-ratio: 2) and (-webkit-min-device-pixel-ratio: 3), (min-resolution: 2dppx) and (min-resolution: 3dppx) {
- html:not([data-scale]) .am-menu .am-flexbox .am-flexbox-item:only-child .am-list .am-list-item .am-list-line::after {
- -webkit-transform: scaleY(0.33);
+@media (-webkit-min-device-pixel-ratio: 2) and (-webkit-min-device-pixel-ratio: 3),
+ (min-resolution: 2dppx) and (min-resolution: 3dppx) {
+ html:not([data-scale])
+ .am-menu
+ .am-flexbox
+ .am-flexbox-item:only-child
+ .am-list
+ .am-list-item
+ .am-list-line::after {
+ -webkit-transform: scaleY(0.33);
-ms-transform: scaleY(0.33);
- transform: scaleY(0.33);
- }
+ transform: scaleY(0.33);
+ }
}
-.am-menu .am-flexbox .am-flexbox-item:only-child .am-list .am-list-item:last-child {
- border-bottom: 1PX solid #ddd;
+.am-menu
+ .am-flexbox
+ .am-flexbox-item:only-child
+ .am-list
+ .am-list-item:last-child {
+ border-bottom: 1px solid #ddd;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
- html:not([data-scale]) .am-menu .am-flexbox .am-flexbox-item:only-child .am-list .am-list-item:last-child {
- border-bottom: none;
- }
- html:not([data-scale]) .am-menu .am-flexbox .am-flexbox-item:only-child .am-list .am-list-item:last-child::after {
- content: '';
- position: absolute;
- background-color: #ddd;
- display: block;
- z-index: 1;
- top: auto;
- right: auto;
- bottom: 0;
- left: 0;
- width: 100%;
- height: 1PX;
- -webkit-transform-origin: 50% 100%;
+ html:not([data-scale])
+ .am-menu
+ .am-flexbox
+ .am-flexbox-item:only-child
+ .am-list
+ .am-list-item:last-child {
+ border-bottom: none;
+ }
+ html:not([data-scale])
+ .am-menu
+ .am-flexbox
+ .am-flexbox-item:only-child
+ .am-list
+ .am-list-item:last-child::after {
+ content: '';
+ position: absolute;
+ background-color: #ddd;
+ display: block;
+ z-index: 1;
+ top: auto;
+ right: auto;
+ bottom: 0;
+ left: 0;
+ width: 100%;
+ height: 1px;
+ -webkit-transform-origin: 50% 100%;
-ms-transform-origin: 50% 100%;
- transform-origin: 50% 100%;
- -webkit-transform: scaleY(0.5);
+ transform-origin: 50% 100%;
+ -webkit-transform: scaleY(0.5);
-ms-transform: scaleY(0.5);
- transform: scaleY(0.5);
- }
+ transform: scaleY(0.5);
+ }
}
-@media (-webkit-min-device-pixel-ratio: 2) and (-webkit-min-device-pixel-ratio: 3), (min-resolution: 2dppx) and (min-resolution: 3dppx) {
- html:not([data-scale]) .am-menu .am-flexbox .am-flexbox-item:only-child .am-list .am-list-item:last-child::after {
- -webkit-transform: scaleY(0.33);
+@media (-webkit-min-device-pixel-ratio: 2) and (-webkit-min-device-pixel-ratio: 3),
+ (min-resolution: 2dppx) and (min-resolution: 3dppx) {
+ html:not([data-scale])
+ .am-menu
+ .am-flexbox
+ .am-flexbox-item:only-child
+ .am-list
+ .am-list-item:last-child::after {
+ -webkit-transform: scaleY(0.33);
-ms-transform: scaleY(0.33);
- transform: scaleY(0.33);
- }
+ transform: scaleY(0.33);
+ }
}
-.am-menu .am-flexbox .am-flexbox-item:only-child .am-list .am-list-item:last-child .am-list-line {
- border-bottom: 0;
+.am-menu
+ .am-flexbox
+ .am-flexbox-item:only-child
+ .am-list
+ .am-list-item:last-child
+ .am-list-line {
+ border-bottom: 0;
}
-.am-menu .am-flexbox .am-flexbox-item:only-child .am-list .am-list-item:last-child .am-list-line:after {
- display: none !important;
+.am-menu
+ .am-flexbox
+ .am-flexbox-item:only-child
+ .am-list
+ .am-list-item:last-child
+ .am-list-line:after {
+ display: none !important;
}
.am-modal {
- position: relative;
+ position: relative;
}
.am-modal:not(.am-modal-transparent):not(.am-modal-popup) {
- width: 100%;
- height: 100%;
+ width: 100%;
+ height: 100%;
}
.am-modal-mask {
- position: fixed;
- top: 0;
- right: 0;
- left: 0;
- bottom: 0;
- height: 100%;
- z-index: 999;
- background-color: rgba(0, 0, 0, 0.4);
+ position: fixed;
+ top: 0;
+ right: 0;
+ left: 0;
+ bottom: 0;
+ height: 100%;
+ z-index: 999;
+ background-color: rgba(0, 0, 0, 0.4);
}
.am-modal-mask-hidden {
- display: none;
+ display: none;
}
.am-modal-wrap {
- position: fixed;
- overflow: auto;
- top: 0;
- right: 0;
- bottom: 0;
- left: 0;
- height: 100%;
- z-index: 999;
- -webkit-overflow-scrolling: touch;
- outline: 0;
- display: -webkit-box;
- display: -webkit-flex;
- display: -ms-flexbox;
- display: flex;
- -webkit-box-align: center;
- -webkit-align-items: center;
- -ms-flex-align: center;
- align-items: center;
- -webkit-box-pack: center;
- -webkit-justify-content: center;
- -ms-flex-pack: center;
- justify-content: center;
- -webkit-transform: translateZ(1px);
- transform: translateZ(1px);
-}
-.am-modal-wrap-popup {
- display: block;
-}
-.am-modal-transparent {
- width: 270px;
-}
-.am-modal-transparent .am-modal-content {
- border-radius: 7px;
- padding-top: 15px;
-}
-.am-modal-transparent .am-modal-content .am-modal-body {
- padding: 0 15px 15px;
-}
-.am-modal-popup {
- position: fixed;
- left: 0;
- width: 100%;
-}
-.am-modal-popup-slide-down {
- top: 0;
-}
-.am-modal-popup-slide-up {
- bottom: 0;
-}
-.am-modal-popup .am-modal-content {
- padding-bottom: env(safe-area-inset-bottom);
-}
-.am-modal-title {
- margin: 0;
- font-size: 18px;
- line-height: 1;
- color: #000;
- text-align: center;
-}
-.am-modal-header {
- padding: 6px 15px 15px;
-}
-.am-modal-content {
- position: relative;
- background-color: #fff;
- border: 0;
- background-clip: padding-box;
- text-align: center;
- height: 100%;
- overflow: hidden;
-}
-.am-modal-close {
- border: 0;
- padding: 0;
- background-color: transparent;
- outline: none;
- position: absolute;
- right: 15px;
- z-index: 999;
- height: 21px;
- width: 21px;
-}
-.am-modal-close-x {
- display: inline-block;
- width: 15px;
- height: 15px;
- background-repeat: no-repeat;
- background-size: cover;
- background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D'30'%20height%3D'30'%20viewBox%3D'0%200%2030%2030'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%20%3Cdefs%3E%3C%2Fdefs%3E%20%3Cg%20id%3D'ALL-ICON'%20stroke%3D'none'%20stroke-width%3D'1'%20fill%3D'none'%20fill-rule%3D'evenodd'%3E%20%3Cg%20id%3D'Rectangle-283-%2B-Rectangle-283'%20fill%3D'%23888888'%3E%20%3Crect%20id%3D'Rectangle-283'%20transform%3D'translate(14.849242%2C%2014.849242)%20rotate(-315.000000)%20translate(-14.849242%2C%20-14.849242)%20'%20x%3D'-5.1507576'%20y%3D'13.8492424'%20width%3D'40'%20height%3D'2'%3E%3C%2Frect%3E%20%3Crect%20id%3D'Rectangle-283'%20transform%3D'translate(14.849242%2C%2014.849242)%20scale(-1%2C%201)%20rotate(-315.000000)%20translate(-14.849242%2C%20-14.849242)%20'%20x%3D'-5.1507576'%20y%3D'13.8492424'%20width%3D'40'%20height%3D'2'%3E%3C%2Frect%3E%20%3C%2Fg%3E%20%3C%2Fg%3E%20%3C%2Fsvg%3E");
-}
-.am-modal-body {
- font-size: 15px;
- color: #888;
- height: 100%;
- line-height: 1.5;
- overflow: auto;
-}
-.am-modal-button-group-h {
- position: relative;
- border-top: 1PX solid #ddd;
- display: -webkit-box;
- display: -webkit-flex;
- display: -ms-flexbox;
- display: flex;
-}
-@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
- html:not([data-scale]) .am-modal-button-group-h {
- border-top: none;
- }
- html:not([data-scale]) .am-modal-button-group-h::before {
- content: '';
- position: absolute;
- background-color: #ddd;
- display: block;
- z-index: 1;
+ position: fixed;
+ overflow: auto;
top: 0;
- right: auto;
- bottom: auto;
- left: 0;
- width: 100%;
- height: 1PX;
- -webkit-transform-origin: 50% 50%;
- -ms-transform-origin: 50% 50%;
- transform-origin: 50% 50%;
- -webkit-transform: scaleY(0.5);
- -ms-transform: scaleY(0.5);
- transform: scaleY(0.5);
- }
-}
-@media (-webkit-min-device-pixel-ratio: 2) and (-webkit-min-device-pixel-ratio: 3), (min-resolution: 2dppx) and (min-resolution: 3dppx) {
- html:not([data-scale]) .am-modal-button-group-h::before {
- -webkit-transform: scaleY(0.33);
- -ms-transform: scaleY(0.33);
- transform: scaleY(0.33);
- }
-}
-.am-modal-button-group-h .am-modal-button {
- -webkit-touch-callout: none;
- -webkit-box-flex: 1;
- -webkit-flex: 1;
- -ms-flex: 1;
- flex: 1;
- -webkit-box-sizing: border-box;
- box-sizing: border-box;
- text-align: center;
- text-decoration: none;
- outline: none;
- color: #108ee9;
- font-size: 18px;
- height: 50px;
- line-height: 50px;
- display: block;
- width: auto;
- overflow: hidden;
- text-overflow: ellipsis;
- white-space: nowrap;
-}
-.am-modal-button-group-h .am-modal-button:first-child {
- color: #000;
-}
-.am-modal-button-group-h .am-modal-button:last-child {
- position: relative;
- border-left: 1PX solid #ddd;
-}
-@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
- html:not([data-scale]) .am-modal-button-group-h .am-modal-button:last-child {
- border-left: none;
- }
- html:not([data-scale]) .am-modal-button-group-h .am-modal-button:last-child::before {
- content: '';
- position: absolute;
- background-color: #ddd;
- display: block;
- z-index: 1;
- top: 0;
- right: auto;
- bottom: auto;
- left: 0;
- width: 1PX;
- height: 100%;
- -webkit-transform-origin: 100% 50%;
- -ms-transform-origin: 100% 50%;
- transform-origin: 100% 50%;
- -webkit-transform: scaleX(0.5);
- -ms-transform: scaleX(0.5);
- transform: scaleX(0.5);
- }
-}
-@media (-webkit-min-device-pixel-ratio: 2) and (-webkit-min-device-pixel-ratio: 3), (min-resolution: 2dppx) and (min-resolution: 3dppx) {
- html:not([data-scale]) .am-modal-button-group-h .am-modal-button:last-child::before {
- -webkit-transform: scaleX(0.33);
- -ms-transform: scaleX(0.33);
- transform: scaleX(0.33);
- }
-}
-.am-modal-button-group-v .am-modal-button {
- -webkit-touch-callout: none;
- position: relative;
- border-top: 1PX solid #ddd;
- -webkit-box-sizing: border-box;
- box-sizing: border-box;
- text-align: center;
- text-decoration: none;
- outline: none;
- color: #108ee9;
- font-size: 18px;
- height: 50px;
- line-height: 50px;
- display: block;
- width: auto;
- overflow: hidden;
- text-overflow: ellipsis;
- white-space: nowrap;
-}
-@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
- html:not([data-scale]) .am-modal-button-group-v .am-modal-button {
- border-top: none;
- }
- html:not([data-scale]) .am-modal-button-group-v .am-modal-button::before {
- content: '';
- position: absolute;
- background-color: #ddd;
- display: block;
- z-index: 1;
- top: 0;
- right: auto;
- bottom: auto;
- left: 0;
- width: 100%;
- height: 1PX;
- -webkit-transform-origin: 50% 50%;
- -ms-transform-origin: 50% 50%;
- transform-origin: 50% 50%;
- -webkit-transform: scaleY(0.5);
- -ms-transform: scaleY(0.5);
- transform: scaleY(0.5);
- }
-}
-@media (-webkit-min-device-pixel-ratio: 2) and (-webkit-min-device-pixel-ratio: 3), (min-resolution: 2dppx) and (min-resolution: 3dppx) {
- html:not([data-scale]) .am-modal-button-group-v .am-modal-button::before {
- -webkit-transform: scaleY(0.33);
- -ms-transform: scaleY(0.33);
- transform: scaleY(0.33);
- }
-}
-.am-modal-button-active {
- background-color: #ddd;
-}
-.am-modal-input-container {
- margin-top: 9px;
- border: 1PX solid #ddd;
- border-radius: 3px;
-}
-@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
- html:not([data-scale]) .am-modal-input-container {
- position: relative;
- border: none;
- }
- html:not([data-scale]) .am-modal-input-container::before {
- content: '';
- position: absolute;
- left: 0;
- top: 0;
- width: 200%;
- height: 200%;
- border: 1PX solid #ddd;
- border-radius: 6px;
- -webkit-transform-origin: 0 0;
- -ms-transform-origin: 0 0;
- transform-origin: 0 0;
- -webkit-transform: scale(0.5);
- -ms-transform: scale(0.5);
- transform: scale(0.5);
- -webkit-box-sizing: border-box;
- box-sizing: border-box;
- pointer-events: none;
- }
-}
-.am-modal-input {
- height: 36px;
- line-height: 1;
-}
-.am-modal-input:nth-child(2) {
- position: relative;
- border-top: 1PX solid #ddd;
-}
-@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
- html:not([data-scale]) .am-modal-input:nth-child(2) {
- border-top: none;
- }
- html:not([data-scale]) .am-modal-input:nth-child(2)::before {
- content: '';
- position: absolute;
- background-color: #ddd;
- display: block;
- z-index: 1;
- top: 0;
- right: auto;
- bottom: auto;
- left: 0;
- width: 100%;
- height: 1PX;
- -webkit-transform-origin: 50% 50%;
- -ms-transform-origin: 50% 50%;
- transform-origin: 50% 50%;
- -webkit-transform: scaleY(0.5);
- -ms-transform: scaleY(0.5);
- transform: scaleY(0.5);
- }
-}
-@media (-webkit-min-device-pixel-ratio: 2) and (-webkit-min-device-pixel-ratio: 3), (min-resolution: 2dppx) and (min-resolution: 3dppx) {
- html:not([data-scale]) .am-modal-input:nth-child(2)::before {
- -webkit-transform: scaleY(0.33);
- -ms-transform: scaleY(0.33);
- transform: scaleY(0.33);
- }
-}
-.am-modal-input input {
- position: relative;
- border: 0;
- width: 98%;
- height: 34px;
- top: 1PX;
- -webkit-box-sizing: border-box;
- box-sizing: border-box;
- margin: 0;
-}
-.am-modal-input input::-webkit-input-placeholder {
- font-size: 14px;
- color: #ccc;
- padding-left: 8px;
-}
-.am-modal-input input::-moz-placeholder {
- font-size: 14px;
- color: #ccc;
- padding-left: 8px;
-}
-.am-modal-input input::-ms-input-placeholder {
- font-size: 14px;
- color: #ccc;
- padding-left: 8px;
-}
-.am-modal-input input::placeholder {
- font-size: 14px;
- color: #ccc;
- padding-left: 8px;
-}
-.am-modal.am-modal-transparent.am-modal-android .am-modal-content {
- border-radius: 0;
-}
-.am-modal.am-modal-transparent.am-modal-android .am-modal-content .am-modal-header {
- padding: 9px 24px 12px;
-}
-.am-modal.am-modal-transparent.am-modal-android .am-modal-content .am-modal-header .am-modal-title {
- text-align: left;
- font-size: 21px;
- color: #000;
-}
-.am-modal.am-modal-transparent.am-modal-android .am-modal-content .am-modal-body {
- color: #000;
- text-align: left;
- padding: 0 24px 15px;
-}
-.am-modal.am-modal-transparent.am-modal-android .am-modal-content .am-modal-body .am-modal-input-container {
- border: 0;
- border-bottom: 1PX solid #ddd;
-}
-.am-modal.am-modal-transparent.am-modal-android .am-modal-content .am-modal-body .am-modal-input-container:before {
- display: none !important;
-}
-@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
- html:not([data-scale]) .am-modal.am-modal-transparent.am-modal-android .am-modal-content .am-modal-body .am-modal-input-container {
- border-bottom: none;
- }
- html:not([data-scale]) .am-modal.am-modal-transparent.am-modal-android .am-modal-content .am-modal-body .am-modal-input-container::after {
- content: '';
- position: absolute;
- background-color: #ddd;
- display: block;
- z-index: 1;
- top: auto;
- right: auto;
+ right: 0;
bottom: 0;
left: 0;
+ height: 100%;
+ z-index: 999;
+ -webkit-overflow-scrolling: touch;
+ outline: 0;
+ display: -webkit-box;
+ display: -webkit-flex;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-align: center;
+ -webkit-align-items: center;
+ -ms-flex-align: center;
+ align-items: center;
+ -webkit-box-pack: center;
+ -webkit-justify-content: center;
+ -ms-flex-pack: center;
+ justify-content: center;
+ -webkit-transform: translateZ(1px);
+ transform: translateZ(1px);
+}
+.am-modal-wrap-popup {
+ display: block;
+}
+.am-modal-transparent {
+ width: 270px;
+}
+.am-modal-transparent .am-modal-content {
+ border-radius: 7px;
+ padding-top: 15px;
+}
+.am-modal-transparent .am-modal-content .am-modal-body {
+ padding: 0 15px 15px;
+}
+.am-modal-popup {
+ position: fixed;
+ left: 0;
width: 100%;
- height: 1PX;
- -webkit-transform-origin: 50% 100%;
- -ms-transform-origin: 50% 100%;
- transform-origin: 50% 100%;
- -webkit-transform: scaleY(0.5);
+}
+.am-modal-popup-slide-down {
+ top: 0;
+}
+.am-modal-popup-slide-up {
+ bottom: 0;
+}
+.am-modal-popup .am-modal-content {
+ padding-bottom: env(safe-area-inset-bottom);
+}
+.am-modal-title {
+ margin: 0;
+ font-size: 18px;
+ line-height: 1;
+ color: #000;
+ text-align: center;
+}
+.am-modal-header {
+ padding: 6px 15px 15px;
+}
+.am-modal-content {
+ position: relative;
+ background-color: #fff;
+ border: 0;
+ background-clip: padding-box;
+ text-align: center;
+ height: 100%;
+ overflow: hidden;
+}
+.am-modal-close {
+ border: 0;
+ padding: 0;
+ background-color: transparent;
+ outline: none;
+ position: absolute;
+ right: 15px;
+ z-index: 999;
+ height: 21px;
+ width: 21px;
+}
+.am-modal-close-x {
+ display: inline-block;
+ width: 15px;
+ height: 15px;
+ background-repeat: no-repeat;
+ background-size: cover;
+ background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D'30'%20height%3D'30'%20viewBox%3D'0%200%2030%2030'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%20%3Cdefs%3E%3C%2Fdefs%3E%20%3Cg%20id%3D'ALL-ICON'%20stroke%3D'none'%20stroke-width%3D'1'%20fill%3D'none'%20fill-rule%3D'evenodd'%3E%20%3Cg%20id%3D'Rectangle-283-%2B-Rectangle-283'%20fill%3D'%23888888'%3E%20%3Crect%20id%3D'Rectangle-283'%20transform%3D'translate(14.849242%2C%2014.849242)%20rotate(-315.000000)%20translate(-14.849242%2C%20-14.849242)%20'%20x%3D'-5.1507576'%20y%3D'13.8492424'%20width%3D'40'%20height%3D'2'%3E%3C%2Frect%3E%20%3Crect%20id%3D'Rectangle-283'%20transform%3D'translate(14.849242%2C%2014.849242)%20scale(-1%2C%201)%20rotate(-315.000000)%20translate(-14.849242%2C%20-14.849242)%20'%20x%3D'-5.1507576'%20y%3D'13.8492424'%20width%3D'40'%20height%3D'2'%3E%3C%2Frect%3E%20%3C%2Fg%3E%20%3C%2Fg%3E%20%3C%2Fsvg%3E");
+}
+.am-modal-body {
+ font-size: 15px;
+ color: #888;
+ height: 100%;
+ line-height: 1.5;
+ overflow: auto;
+}
+.am-modal-button-group-h {
+ position: relative;
+ border-top: 1px solid #ddd;
+ display: -webkit-box;
+ display: -webkit-flex;
+ display: -ms-flexbox;
+ display: flex;
+}
+@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
+ html:not([data-scale]) .am-modal-button-group-h {
+ border-top: none;
+ }
+ html:not([data-scale]) .am-modal-button-group-h::before {
+ content: '';
+ position: absolute;
+ background-color: #ddd;
+ display: block;
+ z-index: 1;
+ top: 0;
+ right: auto;
+ bottom: auto;
+ left: 0;
+ width: 100%;
+ height: 1px;
+ -webkit-transform-origin: 50% 50%;
+ -ms-transform-origin: 50% 50%;
+ transform-origin: 50% 50%;
+ -webkit-transform: scaleY(0.5);
-ms-transform: scaleY(0.5);
- transform: scaleY(0.5);
- }
+ transform: scaleY(0.5);
+ }
}
-@media (-webkit-min-device-pixel-ratio: 2) and (-webkit-min-device-pixel-ratio: 3), (min-resolution: 2dppx) and (min-resolution: 3dppx) {
- html:not([data-scale]) .am-modal.am-modal-transparent.am-modal-android .am-modal-content .am-modal-body .am-modal-input-container::after {
- -webkit-transform: scaleY(0.33);
+@media (-webkit-min-device-pixel-ratio: 2) and (-webkit-min-device-pixel-ratio: 3),
+ (min-resolution: 2dppx) and (min-resolution: 3dppx) {
+ html:not([data-scale]) .am-modal-button-group-h::before {
+ -webkit-transform: scaleY(0.33);
-ms-transform: scaleY(0.33);
- transform: scaleY(0.33);
- }
+ transform: scaleY(0.33);
+ }
}
-.am-modal.am-modal-transparent.am-modal-android .am-modal-content .am-modal-body .am-modal-input-container .am-modal-input:first-child {
- border-top: 0;
+.am-modal-button-group-h .am-modal-button {
+ -webkit-touch-callout: none;
+ -webkit-box-flex: 1;
+ -webkit-flex: 1;
+ -ms-flex: 1;
+ flex: 1;
+ -webkit-box-sizing: border-box;
+ box-sizing: border-box;
+ text-align: center;
+ text-decoration: none;
+ outline: none;
+ color: #108ee9;
+ font-size: 18px;
+ height: 50px;
+ line-height: 50px;
+ display: block;
+ width: auto;
+ overflow: hidden;
+ text-overflow: ellipsis;
+ white-space: nowrap;
}
-.am-modal.am-modal-transparent.am-modal-android .am-modal-content .am-modal-body .am-modal-input-container .am-modal-input:first-child:before {
- display: none !important;
+.am-modal-button-group-h .am-modal-button:first-child {
+ color: #000;
}
-.am-modal.am-modal-transparent.am-modal-android .am-modal-content .am-modal-footer {
- padding-bottom: 12px;
+.am-modal-button-group-h .am-modal-button:last-child {
+ position: relative;
+ border-left: 1px solid #ddd;
}
-.am-modal.am-modal-transparent.am-modal-android .am-modal-content .am-modal-footer .am-modal-button-group-h {
- overflow: hidden;
- border-top: 0;
- -webkit-box-pack: end;
- -webkit-justify-content: flex-end;
- -ms-flex-pack: end;
- justify-content: flex-end;
- padding: 0 12px;
+@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
+ html:not([data-scale])
+ .am-modal-button-group-h
+ .am-modal-button:last-child {
+ border-left: none;
+ }
+ html:not([data-scale])
+ .am-modal-button-group-h
+ .am-modal-button:last-child::before {
+ content: '';
+ position: absolute;
+ background-color: #ddd;
+ display: block;
+ z-index: 1;
+ top: 0;
+ right: auto;
+ bottom: auto;
+ left: 0;
+ width: 1px;
+ height: 100%;
+ -webkit-transform-origin: 100% 50%;
+ -ms-transform-origin: 100% 50%;
+ transform-origin: 100% 50%;
+ -webkit-transform: scaleX(0.5);
+ -ms-transform: scaleX(0.5);
+ transform: scaleX(0.5);
+ }
}
-.am-modal.am-modal-transparent.am-modal-android .am-modal-content .am-modal-footer .am-modal-button-group-h:before {
- display: none !important;
+@media (-webkit-min-device-pixel-ratio: 2) and (-webkit-min-device-pixel-ratio: 3),
+ (min-resolution: 2dppx) and (min-resolution: 3dppx) {
+ html:not([data-scale])
+ .am-modal-button-group-h
+ .am-modal-button:last-child::before {
+ -webkit-transform: scaleX(0.33);
+ -ms-transform: scaleX(0.33);
+ transform: scaleX(0.33);
+ }
}
-.am-modal.am-modal-transparent.am-modal-android .am-modal-content .am-modal-footer .am-modal-button-group-h .am-modal-button {
- -webkit-box-flex: initial;
- -webkit-flex: initial;
- -ms-flex: initial;
- flex: initial;
- margin-left: 3px;
- padding: 0 15px;
- height: 48px;
- -webkit-box-sizing: border-box;
- box-sizing: border-box;
+.am-modal-button-group-v .am-modal-button {
+ -webkit-touch-callout: none;
+ position: relative;
+ border-top: 1px solid #ddd;
+ -webkit-box-sizing: border-box;
+ box-sizing: border-box;
+ text-align: center;
+ text-decoration: none;
+ outline: none;
+ color: #108ee9;
+ font-size: 18px;
+ height: 50px;
+ line-height: 50px;
+ display: block;
+ width: auto;
+ overflow: hidden;
+ text-overflow: ellipsis;
+ white-space: nowrap;
}
-.am-modal.am-modal-transparent.am-modal-android .am-modal-content .am-modal-footer .am-modal-button-group-h .am-modal-button:first-child {
- color: #777;
+@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
+ html:not([data-scale]) .am-modal-button-group-v .am-modal-button {
+ border-top: none;
+ }
+ html:not([data-scale]) .am-modal-button-group-v .am-modal-button::before {
+ content: '';
+ position: absolute;
+ background-color: #ddd;
+ display: block;
+ z-index: 1;
+ top: 0;
+ right: auto;
+ bottom: auto;
+ left: 0;
+ width: 100%;
+ height: 1px;
+ -webkit-transform-origin: 50% 50%;
+ -ms-transform-origin: 50% 50%;
+ transform-origin: 50% 50%;
+ -webkit-transform: scaleY(0.5);
+ -ms-transform: scaleY(0.5);
+ transform: scaleY(0.5);
+ }
}
-.am-modal.am-modal-transparent.am-modal-android .am-modal-content .am-modal-footer .am-modal-button-group-h .am-modal-button:last-child {
- border-left: 0;
+@media (-webkit-min-device-pixel-ratio: 2) and (-webkit-min-device-pixel-ratio: 3),
+ (min-resolution: 2dppx) and (min-resolution: 3dppx) {
+ html:not([data-scale]) .am-modal-button-group-v .am-modal-button::before {
+ -webkit-transform: scaleY(0.33);
+ -ms-transform: scaleY(0.33);
+ transform: scaleY(0.33);
+ }
}
-.am-modal.am-modal-transparent.am-modal-android .am-modal-content .am-modal-footer .am-modal-button-group-h .am-modal-button:last-child:before {
- display: none !important;
+.am-modal-button-active {
+ background-color: #ddd;
}
-.am-modal.am-modal-transparent.am-modal-android .am-modal-content .am-modal-footer .am-modal-button-group-v.am-modal-button-group-normal {
- display: -webkit-box;
- display: -webkit-flex;
- display: -ms-flexbox;
- display: flex;
- -webkit-box-pack: end;
- -webkit-justify-content: flex-end;
- -ms-flex-pack: end;
- justify-content: flex-end;
- overflow: hidden;
- padding: 0 12px;
+.am-modal-input-container {
+ margin-top: 9px;
+ border: 1px solid #ddd;
+ border-radius: 3px;
}
-.am-modal.am-modal-transparent.am-modal-android .am-modal-content .am-modal-footer .am-modal-button-group-v.am-modal-button-group-normal .am-modal-button {
- border-top: 0;
- padding: 0 15px;
- margin-left: 3px;
- height: 48px;
- -webkit-box-sizing: border-box;
- box-sizing: border-box;
+@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
+ html:not([data-scale]) .am-modal-input-container {
+ position: relative;
+ border: none;
+ }
+ html:not([data-scale]) .am-modal-input-container::before {
+ content: '';
+ position: absolute;
+ left: 0;
+ top: 0;
+ width: 200%;
+ height: 200%;
+ border: 1px solid #ddd;
+ border-radius: 6px;
+ -webkit-transform-origin: 0 0;
+ -ms-transform-origin: 0 0;
+ transform-origin: 0 0;
+ -webkit-transform: scale(0.5);
+ -ms-transform: scale(0.5);
+ transform: scale(0.5);
+ -webkit-box-sizing: border-box;
+ box-sizing: border-box;
+ pointer-events: none;
+ }
}
-.am-modal.am-modal-transparent.am-modal-android .am-modal-content .am-modal-footer .am-modal-button-group-v.am-modal-button-group-normal .am-modal-button:before {
- display: none !important;
+.am-modal-input {
+ height: 36px;
+ line-height: 1;
}
-.am-modal.am-modal-transparent.am-modal-android .am-modal-content .am-modal-footer .am-modal-button-group-operation .am-modal-button {
- text-align: start;
- padding-left: 15px;
+.am-modal-input:nth-child(2) {
+ position: relative;
+ border-top: 1px solid #ddd;
+}
+@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
+ html:not([data-scale]) .am-modal-input:nth-child(2) {
+ border-top: none;
+ }
+ html:not([data-scale]) .am-modal-input:nth-child(2)::before {
+ content: '';
+ position: absolute;
+ background-color: #ddd;
+ display: block;
+ z-index: 1;
+ top: 0;
+ right: auto;
+ bottom: auto;
+ left: 0;
+ width: 100%;
+ height: 1px;
+ -webkit-transform-origin: 50% 50%;
+ -ms-transform-origin: 50% 50%;
+ transform-origin: 50% 50%;
+ -webkit-transform: scaleY(0.5);
+ -ms-transform: scaleY(0.5);
+ transform: scaleY(0.5);
+ }
+}
+@media (-webkit-min-device-pixel-ratio: 2) and (-webkit-min-device-pixel-ratio: 3),
+ (min-resolution: 2dppx) and (min-resolution: 3dppx) {
+ html:not([data-scale]) .am-modal-input:nth-child(2)::before {
+ -webkit-transform: scaleY(0.33);
+ -ms-transform: scaleY(0.33);
+ transform: scaleY(0.33);
+ }
+}
+.am-modal-input input {
+ position: relative;
+ border: 0;
+ width: 98%;
+ height: 34px;
+ top: 1px;
+ -webkit-box-sizing: border-box;
+ box-sizing: border-box;
+ margin: 0;
+}
+.am-modal-input input::-webkit-input-placeholder {
+ font-size: 14px;
+ color: #ccc;
+ padding-left: 8px;
+}
+.am-modal-input input::-moz-placeholder {
+ font-size: 14px;
+ color: #ccc;
+ padding-left: 8px;
+}
+.am-modal-input input::-ms-input-placeholder {
+ font-size: 14px;
+ color: #ccc;
+ padding-left: 8px;
+}
+.am-modal-input input::placeholder {
+ font-size: 14px;
+ color: #ccc;
+ padding-left: 8px;
+}
+.am-modal.am-modal-transparent.am-modal-android .am-modal-content {
+ border-radius: 0;
+}
+.am-modal.am-modal-transparent.am-modal-android
+ .am-modal-content
+ .am-modal-header {
+ padding: 9px 24px 12px;
+}
+.am-modal.am-modal-transparent.am-modal-android
+ .am-modal-content
+ .am-modal-header
+ .am-modal-title {
+ text-align: left;
+ font-size: 21px;
+ color: #000;
+}
+.am-modal.am-modal-transparent.am-modal-android
+ .am-modal-content
+ .am-modal-body {
+ color: #000;
+ text-align: left;
+ padding: 0 24px 15px;
+}
+.am-modal.am-modal-transparent.am-modal-android
+ .am-modal-content
+ .am-modal-body
+ .am-modal-input-container {
+ border: 0;
+ border-bottom: 1px solid #ddd;
+}
+.am-modal.am-modal-transparent.am-modal-android
+ .am-modal-content
+ .am-modal-body
+ .am-modal-input-container:before {
+ display: none !important;
+}
+@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
+ html:not([data-scale])
+ .am-modal.am-modal-transparent.am-modal-android
+ .am-modal-content
+ .am-modal-body
+ .am-modal-input-container {
+ border-bottom: none;
+ }
+ html:not([data-scale])
+ .am-modal.am-modal-transparent.am-modal-android
+ .am-modal-content
+ .am-modal-body
+ .am-modal-input-container::after {
+ content: '';
+ position: absolute;
+ background-color: #ddd;
+ display: block;
+ z-index: 1;
+ top: auto;
+ right: auto;
+ bottom: 0;
+ left: 0;
+ width: 100%;
+ height: 1px;
+ -webkit-transform-origin: 50% 100%;
+ -ms-transform-origin: 50% 100%;
+ transform-origin: 50% 100%;
+ -webkit-transform: scaleY(0.5);
+ -ms-transform: scaleY(0.5);
+ transform: scaleY(0.5);
+ }
+}
+@media (-webkit-min-device-pixel-ratio: 2) and (-webkit-min-device-pixel-ratio: 3),
+ (min-resolution: 2dppx) and (min-resolution: 3dppx) {
+ html:not([data-scale])
+ .am-modal.am-modal-transparent.am-modal-android
+ .am-modal-content
+ .am-modal-body
+ .am-modal-input-container::after {
+ -webkit-transform: scaleY(0.33);
+ -ms-transform: scaleY(0.33);
+ transform: scaleY(0.33);
+ }
+}
+.am-modal.am-modal-transparent.am-modal-android
+ .am-modal-content
+ .am-modal-body
+ .am-modal-input-container
+ .am-modal-input:first-child {
+ border-top: 0;
+}
+.am-modal.am-modal-transparent.am-modal-android
+ .am-modal-content
+ .am-modal-body
+ .am-modal-input-container
+ .am-modal-input:first-child:before {
+ display: none !important;
+}
+.am-modal.am-modal-transparent.am-modal-android
+ .am-modal-content
+ .am-modal-footer {
+ padding-bottom: 12px;
+}
+.am-modal.am-modal-transparent.am-modal-android
+ .am-modal-content
+ .am-modal-footer
+ .am-modal-button-group-h {
+ overflow: hidden;
+ border-top: 0;
+ -webkit-box-pack: end;
+ -webkit-justify-content: flex-end;
+ -ms-flex-pack: end;
+ justify-content: flex-end;
+ padding: 0 12px;
+}
+.am-modal.am-modal-transparent.am-modal-android
+ .am-modal-content
+ .am-modal-footer
+ .am-modal-button-group-h:before {
+ display: none !important;
+}
+.am-modal.am-modal-transparent.am-modal-android
+ .am-modal-content
+ .am-modal-footer
+ .am-modal-button-group-h
+ .am-modal-button {
+ -webkit-box-flex: initial;
+ -webkit-flex: initial;
+ -ms-flex: initial;
+ flex: initial;
+ margin-left: 3px;
+ padding: 0 15px;
+ height: 48px;
+ -webkit-box-sizing: border-box;
+ box-sizing: border-box;
+}
+.am-modal.am-modal-transparent.am-modal-android
+ .am-modal-content
+ .am-modal-footer
+ .am-modal-button-group-h
+ .am-modal-button:first-child {
+ color: #777;
+}
+.am-modal.am-modal-transparent.am-modal-android
+ .am-modal-content
+ .am-modal-footer
+ .am-modal-button-group-h
+ .am-modal-button:last-child {
+ border-left: 0;
+}
+.am-modal.am-modal-transparent.am-modal-android
+ .am-modal-content
+ .am-modal-footer
+ .am-modal-button-group-h
+ .am-modal-button:last-child:before {
+ display: none !important;
+}
+.am-modal.am-modal-transparent.am-modal-android
+ .am-modal-content
+ .am-modal-footer
+ .am-modal-button-group-v.am-modal-button-group-normal {
+ display: -webkit-box;
+ display: -webkit-flex;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-pack: end;
+ -webkit-justify-content: flex-end;
+ -ms-flex-pack: end;
+ justify-content: flex-end;
+ overflow: hidden;
+ padding: 0 12px;
+}
+.am-modal.am-modal-transparent.am-modal-android
+ .am-modal-content
+ .am-modal-footer
+ .am-modal-button-group-v.am-modal-button-group-normal
+ .am-modal-button {
+ border-top: 0;
+ padding: 0 15px;
+ margin-left: 3px;
+ height: 48px;
+ -webkit-box-sizing: border-box;
+ box-sizing: border-box;
+}
+.am-modal.am-modal-transparent.am-modal-android
+ .am-modal-content
+ .am-modal-footer
+ .am-modal-button-group-v.am-modal-button-group-normal
+ .am-modal-button:before {
+ display: none !important;
+}
+.am-modal.am-modal-transparent.am-modal-android
+ .am-modal-content
+ .am-modal-footer
+ .am-modal-button-group-operation
+ .am-modal-button {
+ text-align: start;
+ padding-left: 15px;
}
.am-modal.am-modal-operation .am-modal-content {
- border-radius: 7px;
- height: auto;
- padding-top: 0;
+ border-radius: 7px;
+ height: auto;
+ padding-top: 0;
}
.am-modal.am-modal-operation .am-modal-content .am-modal-body {
- padding: 0!important;
+ padding: 0 !important;
}
.am-modal.am-modal-operation .am-modal-content .am-modal-button {
- color: #000;
- text-align: left;
- padding-left: 15px;
+ color: #000;
+ text-align: left;
+ padding-left: 15px;
}
.am-modal-alert-content,
.am-modal-propmt-content {
- zoom: 1;
- overflow: hidden;
+ zoom: 1;
+ overflow: hidden;
}
.am-navbar {
- display: -webkit-box;
- display: -webkit-flex;
- display: -ms-flexbox;
- display: flex;
- -webkit-box-align: center;
- -webkit-align-items: center;
- -ms-flex-align: center;
- align-items: center;
- height: 45px;
- background-color: #108ee9;
- color: #fff;
+ display: -webkit-box;
+ display: -webkit-flex;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-align: center;
+ -webkit-align-items: center;
+ -ms-flex-align: center;
+ align-items: center;
+ height: 45px;
+ background-color: #108ee9;
+ color: #fff;
}
.am-navbar-left,
.am-navbar-title,
.am-navbar-right {
- -webkit-box-flex: 1;
- -webkit-flex: 1;
- -ms-flex: 1;
- flex: 1;
- height: 100%;
- display: -webkit-box;
- display: -webkit-flex;
- display: -ms-flexbox;
- display: flex;
- -webkit-box-align: center;
- -webkit-align-items: center;
- -ms-flex-align: center;
- align-items: center;
+ -webkit-box-flex: 1;
+ -webkit-flex: 1;
+ -ms-flex: 1;
+ flex: 1;
+ height: 100%;
+ display: -webkit-box;
+ display: -webkit-flex;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-align: center;
+ -webkit-align-items: center;
+ -ms-flex-align: center;
+ align-items: center;
}
.am-navbar-left {
- padding-left: 15px;
- font-size: 16px;
+ padding-left: 15px;
+ font-size: 16px;
}
.am-navbar-left-icon {
- margin-right: 5px;
- display: inherit;
+ margin-right: 5px;
+ display: inherit;
}
.am-navbar-title {
- -webkit-box-pack: center;
- -webkit-justify-content: center;
- -ms-flex-pack: center;
- justify-content: center;
- font-size: 18px;
- white-space: nowrap;
+ -webkit-box-pack: center;
+ -webkit-justify-content: center;
+ -ms-flex-pack: center;
+ justify-content: center;
+ font-size: 18px;
+ white-space: nowrap;
}
.am-navbar-right {
- -webkit-box-pack: end;
- -webkit-justify-content: flex-end;
- -ms-flex-pack: end;
- justify-content: flex-end;
- font-size: 16px;
- margin-right: 15px;
+ -webkit-box-pack: end;
+ -webkit-justify-content: flex-end;
+ -ms-flex-pack: end;
+ justify-content: flex-end;
+ font-size: 16px;
+ margin-right: 15px;
}
.am-navbar-light {
- background-color: #fff;
- color: #108ee9;
+ background-color: #fff;
+ color: #108ee9;
}
.am-navbar-light .am-navbar-title {
- color: #000;
+ color: #000;
}
.am-notice-bar {
- background-color: #fefcec;
- height: 36px;
- overflow: hidden;
- font-size: 14px;
- line-height: 36px;
- color: #f76a24;
- display: -webkit-box;
- display: -webkit-flex;
- display: -ms-flexbox;
- display: flex;
+ background-color: #fefcec;
+ height: 36px;
+ overflow: hidden;
+ font-size: 14px;
+ line-height: 36px;
+ color: #f76a24;
+ display: -webkit-box;
+ display: -webkit-flex;
+ display: -ms-flexbox;
+ display: flex;
}
.am-notice-bar-content {
- -webkit-box-flex: 1;
- -webkit-flex: 1;
- -ms-flex: 1;
- flex: 1;
- width: 100%;
- margin: auto 15px;
- width: auto;
- overflow: hidden;
- text-overflow: ellipsis;
- white-space: nowrap;
+ -webkit-box-flex: 1;
+ -webkit-flex: 1;
+ -ms-flex: 1;
+ flex: 1;
+ width: 100%;
+ margin: auto 15px;
+ width: auto;
+ overflow: hidden;
+ text-overflow: ellipsis;
+ white-space: nowrap;
}
.am-notice-bar-icon {
- margin-left: 15px;
- display: -webkit-box;
- display: -webkit-flex;
- display: -ms-flexbox;
- display: flex;
- -webkit-box-align: center;
- -webkit-align-items: center;
- -ms-flex-align: center;
- align-items: center;
+ margin-left: 15px;
+ display: -webkit-box;
+ display: -webkit-flex;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-align: center;
+ -webkit-align-items: center;
+ -ms-flex-align: center;
+ align-items: center;
}
.am-notice-bar-icon .am-notice-bar-trips {
- background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D%2238%22%20height%3D%2233%22%20viewBox%3D%220%200%2038%2033%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Ctitle%3Etrips%3C%2Ftitle%3E%3Cg%20fill-rule%3D%22evenodd%22%3E%3Cpath%20d%3D%22M17.838%2028.8c-.564-.468-1.192-.983-1.836-1.496-4.244-3.385-5.294-3.67-6.006-3.67-.014%200-.027.005-.04.005-.015%200-.028-.005-.042-.005H3.562c-.734%200-.903-.203-.903-.928V10.085c0-.49.058-.8.66-.8h5.782c.693%200%201.758-.28%206.4-3.628.828-.597%201.637-1.197%202.336-1.723V28.8zM19.682.19c-.463-.22-1.014-.158-1.417.157-.02.016-1.983%201.552-4.152%203.125C10.34%206.21%209.243%206.664%209.02%206.737H3.676c-.027%200-.053.003-.08.004H1.183c-.608%200-1.1.486-1.1%201.085V25.14c0%20.598.492%201.084%201.1%201.084h8.71c.22.08%201.257.55%204.605%203.24%201.947%201.562%203.694%203.088%203.712%203.103.25.22.568.333.89.333.186%200%20.373-.038.55-.116.48-.213.79-.684.79-1.204V1.38c0-.506-.294-.968-.758-1.19z%22%20mask%3D%22url(%23mask-2)%22%2F%3E%3Cpath%20d%3D%22M31.42%2016.475c0-3.363-1.854-6.297-4.606-7.876-.125-.066-.42-.192-.625-.192-.612%200-1.108.488-1.108%201.09%200%20.404.22.764.55.952%202.128%201.19%203.565%203.442%203.565%206.025%200%202.627-1.486%204.913-3.677%206.087-.318.19-.53.54-.53.934%200%20.602.496%201.09%201.107%201.09.26.002.568-.15.568-.15%202.835-1.556%204.754-4.538%204.754-7.96%22%20mask%3D%22url(%23mask-4)%22%2F%3E%3Cg%3E%3Cpath%20d%3D%22M30.14%203.057c-.205-.122-.41-.22-.658-.22-.608%200-1.1.485-1.1%201.084%200%20.433.26.78.627.977%204.043%202.323%206.762%206.636%206.762%2011.578%200%204.938-2.716%209.248-6.755%2011.572-.354.19-.66.55-.66.993%200%20.6.494%201.084%201.102%201.084.243%200%20.438-.092.65-.213%204.692-2.695%207.848-7.7%207.848-13.435%200-5.723-3.142-10.718-7.817-13.418%22%20mask%3D%22url(%23mask-6)%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E");
+ background-image: url('data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D%2238%22%20height%3D%2233%22%20viewBox%3D%220%200%2038%2033%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Ctitle%3Etrips%3C%2Ftitle%3E%3Cg%20fill-rule%3D%22evenodd%22%3E%3Cpath%20d%3D%22M17.838%2028.8c-.564-.468-1.192-.983-1.836-1.496-4.244-3.385-5.294-3.67-6.006-3.67-.014%200-.027.005-.04.005-.015%200-.028-.005-.042-.005H3.562c-.734%200-.903-.203-.903-.928V10.085c0-.49.058-.8.66-.8h5.782c.693%200%201.758-.28%206.4-3.628.828-.597%201.637-1.197%202.336-1.723V28.8zM19.682.19c-.463-.22-1.014-.158-1.417.157-.02.016-1.983%201.552-4.152%203.125C10.34%206.21%209.243%206.664%209.02%206.737H3.676c-.027%200-.053.003-.08.004H1.183c-.608%200-1.1.486-1.1%201.085V25.14c0%20.598.492%201.084%201.1%201.084h8.71c.22.08%201.257.55%204.605%203.24%201.947%201.562%203.694%203.088%203.712%203.103.25.22.568.333.89.333.186%200%20.373-.038.55-.116.48-.213.79-.684.79-1.204V1.38c0-.506-.294-.968-.758-1.19z%22%20mask%3D%22url(%23mask-2)%22%2F%3E%3Cpath%20d%3D%22M31.42%2016.475c0-3.363-1.854-6.297-4.606-7.876-.125-.066-.42-.192-.625-.192-.612%200-1.108.488-1.108%201.09%200%20.404.22.764.55.952%202.128%201.19%203.565%203.442%203.565%206.025%200%202.627-1.486%204.913-3.677%206.087-.318.19-.53.54-.53.934%200%20.602.496%201.09%201.107%201.09.26.002.568-.15.568-.15%202.835-1.556%204.754-4.538%204.754-7.96%22%20mask%3D%22url(%23mask-4)%22%2F%3E%3Cg%3E%3Cpath%20d%3D%22M30.14%203.057c-.205-.122-.41-.22-.658-.22-.608%200-1.1.485-1.1%201.084%200%20.433.26.78.627.977%204.043%202.323%206.762%206.636%206.762%2011.578%200%204.938-2.716%209.248-6.755%2011.572-.354.19-.66.55-.66.993%200%20.6.494%201.084%201.102%201.084.243%200%20.438-.092.65-.213%204.692-2.695%207.848-7.7%207.848-13.435%200-5.723-3.142-10.718-7.817-13.418%22%20mask%3D%22url(%23mask-6)%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E');
}
.am-notice-bar-icon + div {
- margin-left: 5px;
+ margin-left: 5px;
}
.am-notice-bar-operation {
- display: -webkit-box;
- display: -webkit-flex;
- display: -ms-flexbox;
- display: flex;
- -webkit-box-align: center;
- -webkit-align-items: center;
- -ms-flex-align: center;
- align-items: center;
- padding-right: 8px;
+ display: -webkit-box;
+ display: -webkit-flex;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-align: center;
+ -webkit-align-items: center;
+ -ms-flex-align: center;
+ align-items: center;
+ padding-right: 8px;
}
.am-pagination-wrap {
- font-size: 18px;
- color: #000;
- background: none;
- text-align: center;
+ font-size: 18px;
+ color: #000;
+ background: none;
+ text-align: center;
}
.am-pagination-wrap .active {
- color: #108ee9;
+ color: #108ee9;
}
.am-pagination-wrap-btn {
- text-align: center;
+ text-align: center;
}
.am-pagination-wrap-btn-prev {
- text-align: left;
+ text-align: left;
}
.am-pagination-wrap-btn-next {
- text-align: right;
+ text-align: right;
}
.am-pagination-wrap-dot {
- display: inline-block;
- zoom: 1;
+ display: inline-block;
+ zoom: 1;
}
.am-pagination-wrap-dot > span {
- display: block;
- width: 8px;
- height: 8px;
- margin-right: 5px;
- border-radius: 50%;
- background: #ccc;
+ display: block;
+ width: 8px;
+ height: 8px;
+ margin-right: 5px;
+ border-radius: 50%;
+ background: #ccc;
}
.am-pagination-wrap-dot-active > span {
- background: #888;
+ background: #888;
}
.am-popover {
- position: absolute;
- z-index: 1999;
+ position: absolute;
+ z-index: 1999;
}
.am-popover-hidden {
- display: none;
+ display: none;
}
.am-popover-mask {
- position: fixed;
- top: 0;
- right: 0;
- left: 0;
- bottom: 0;
- background-color: rgba(0, 0, 0, 0.4);
- height: 100%;
- z-index: 999;
+ position: fixed;
+ top: 0;
+ right: 0;
+ left: 0;
+ bottom: 0;
+ background-color: rgba(0, 0, 0, 0.4);
+ height: 100%;
+ z-index: 999;
}
.am-popover-mask-hidden {
- display: none;
+ display: none;
}
.am-popover-arrow {
- position: absolute;
- width: 7px;
- height: 7px;
- border-radius: 1PX;
- background-color: #fff;
- -webkit-transform: rotate(45deg);
- -ms-transform: rotate(45deg);
- transform: rotate(45deg);
- z-index: 0;
- -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.21);
- box-shadow: 0 0 2px rgba(0, 0, 0, 0.21);
+ position: absolute;
+ width: 7px;
+ height: 7px;
+ border-radius: 1px;
+ background-color: #fff;
+ -webkit-transform: rotate(45deg);
+ -ms-transform: rotate(45deg);
+ transform: rotate(45deg);
+ z-index: 0;
+ -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.21);
+ box-shadow: 0 0 2px rgba(0, 0, 0, 0.21);
}
.am-popover-placement-top .am-popover-arrow,
.am-popover-placement-topLeft .am-popover-arrow,
.am-popover-placement-topRight .am-popover-arrow {
- -webkit-transform: rotate(225deg);
- -ms-transform: rotate(225deg);
- transform: rotate(225deg);
- bottom: -3.5px;
+ -webkit-transform: rotate(225deg);
+ -ms-transform: rotate(225deg);
+ transform: rotate(225deg);
+ bottom: -3.5px;
}
.am-popover-placement-top .am-popover-arrow {
- left: 50%;
+ left: 50%;
}
.am-popover-placement-topLeft .am-popover-arrow {
- left: 8px;
+ left: 8px;
}
.am-popover-placement-topRight .am-popover-arrow {
- right: 8px;
+ right: 8px;
}
.am-popover-placement-right .am-popover-arrow,
.am-popover-placement-rightTop .am-popover-arrow,
.am-popover-placement-rightBottom .am-popover-arrow {
- -webkit-transform: rotate(-45deg);
- -ms-transform: rotate(-45deg);
- transform: rotate(-45deg);
- left: -3.5px;
+ -webkit-transform: rotate(-45deg);
+ -ms-transform: rotate(-45deg);
+ transform: rotate(-45deg);
+ left: -3.5px;
}
.am-popover-placement-right .am-popover-arrow {
- top: 50%;
+ top: 50%;
}
.am-popover-placement-rightTop .am-popover-arrow {
- top: 8px;
+ top: 8px;
}
.am-popover-placement-rightBottom .am-popover-arrow {
- bottom: 8px;
+ bottom: 8px;
}
.am-popover-placement-left .am-popover-arrow,
.am-popover-placement-leftTop .am-popover-arrow,
.am-popover-placement-leftBottom .am-popover-arrow {
- -webkit-transform: rotate(135deg);
- -ms-transform: rotate(135deg);
- transform: rotate(135deg);
- right: -3.5px;
+ -webkit-transform: rotate(135deg);
+ -ms-transform: rotate(135deg);
+ transform: rotate(135deg);
+ right: -3.5px;
}
.am-popover-placement-left .am-popover-arrow {
- top: 50%;
+ top: 50%;
}
.am-popover-placement-leftTop .am-popover-arrow {
- top: 8px;
+ top: 8px;
}
.am-popover-placement-leftBottom .am-popover-arrow {
- bottom: 8px;
+ bottom: 8px;
}
.am-popover-placement-bottom .am-popover-arrow,
.am-popover-placement-bottomLeft .am-popover-arrow,
.am-popover-placement-bottomRight .am-popover-arrow {
- top: -3.5px;
+ top: -3.5px;
}
.am-popover-placement-bottom .am-popover-arrow {
- left: 50%;
+ left: 50%;
}
.am-popover-placement-bottomLeft .am-popover-arrow {
- left: 8px;
+ left: 8px;
}
.am-popover-placement-bottomRight .am-popover-arrow {
- right: 8px;
+ right: 8px;
}
.am-popover-inner {
- font-size: 15px;
- color: #000;
- background-color: #fff;
- border-radius: 3px;
- -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.21);
- box-shadow: 0 0 2px rgba(0, 0, 0, 0.21);
- overflow: hidden;
+ font-size: 15px;
+ color: #000;
+ background-color: #fff;
+ border-radius: 3px;
+ -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.21);
+ box-shadow: 0 0 2px rgba(0, 0, 0, 0.21);
+ overflow: hidden;
}
.am-popover-inner-wrapper {
- position: relative;
- background-color: #fff;
+ position: relative;
+ background-color: #fff;
}
.am-popover .am-popover-item {
- padding: 0 8px;
+ padding: 0 8px;
}
.am-popover .am-popover-item-container {
- position: relative;
- display: -webkit-box;
- display: -webkit-flex;
- display: -ms-flexbox;
- display: flex;
- -webkit-box-align: center;
- -webkit-align-items: center;
- -ms-flex-align: center;
- align-items: center;
- height: 39px;
- -webkit-box-sizing: border-box;
- box-sizing: border-box;
- padding: 0 8px;
+ position: relative;
+ display: -webkit-box;
+ display: -webkit-flex;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-align: center;
+ -webkit-align-items: center;
+ -ms-flex-align: center;
+ align-items: center;
+ height: 39px;
+ -webkit-box-sizing: border-box;
+ box-sizing: border-box;
+ padding: 0 8px;
}
.am-popover .am-popover-item:not(:first-child) .am-popover-item-container {
- border-top: 1PX solid #ddd;
+ border-top: 1px solid #ddd;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
- html:not([data-scale]) .am-popover .am-popover-item:not(:first-child) .am-popover-item-container {
- border-top: none;
- }
- html:not([data-scale]) .am-popover .am-popover-item:not(:first-child) .am-popover-item-container::before {
- content: '';
- position: absolute;
- background-color: #ddd;
- display: block;
- z-index: 1;
- top: 0;
- right: auto;
- bottom: auto;
- left: 0;
- width: 100%;
- height: 1PX;
- -webkit-transform-origin: 50% 50%;
+ html:not([data-scale])
+ .am-popover
+ .am-popover-item:not(:first-child)
+ .am-popover-item-container {
+ border-top: none;
+ }
+ html:not([data-scale])
+ .am-popover
+ .am-popover-item:not(:first-child)
+ .am-popover-item-container::before {
+ content: '';
+ position: absolute;
+ background-color: #ddd;
+ display: block;
+ z-index: 1;
+ top: 0;
+ right: auto;
+ bottom: auto;
+ left: 0;
+ width: 100%;
+ height: 1px;
+ -webkit-transform-origin: 50% 50%;
-ms-transform-origin: 50% 50%;
- transform-origin: 50% 50%;
- -webkit-transform: scaleY(0.5);
+ transform-origin: 50% 50%;
+ -webkit-transform: scaleY(0.5);
-ms-transform: scaleY(0.5);
- transform: scaleY(0.5);
- }
+ transform: scaleY(0.5);
+ }
}
-@media (-webkit-min-device-pixel-ratio: 2) and (-webkit-min-device-pixel-ratio: 3), (min-resolution: 2dppx) and (min-resolution: 3dppx) {
- html:not([data-scale]) .am-popover .am-popover-item:not(:first-child) .am-popover-item-container::before {
- -webkit-transform: scaleY(0.33);
+@media (-webkit-min-device-pixel-ratio: 2) and (-webkit-min-device-pixel-ratio: 3),
+ (min-resolution: 2dppx) and (min-resolution: 3dppx) {
+ html:not([data-scale])
+ .am-popover
+ .am-popover-item:not(:first-child)
+ .am-popover-item-container::before {
+ -webkit-transform: scaleY(0.33);
-ms-transform: scaleY(0.33);
- transform: scaleY(0.33);
- }
+ transform: scaleY(0.33);
+ }
}
.am-popover .am-popover-item.am-popover-item-active .am-popover-item-container {
- border-top: 0;
+ border-top: 0;
}
-.am-popover .am-popover-item.am-popover-item-active .am-popover-item-container:before {
- display: none !important;
+.am-popover
+ .am-popover-item.am-popover-item-active
+ .am-popover-item-container:before {
+ display: none !important;
}
-.am-popover .am-popover-item.am-popover-item-active + .am-popover-item .am-popover-item-container {
- border-top: 0;
+.am-popover
+ .am-popover-item.am-popover-item-active
+ + .am-popover-item
+ .am-popover-item-container {
+ border-top: 0;
}
-.am-popover .am-popover-item.am-popover-item-active + .am-popover-item .am-popover-item-container:before {
- display: none !important;
+.am-popover
+ .am-popover-item.am-popover-item-active
+ + .am-popover-item
+ .am-popover-item-container:before {
+ display: none !important;
}
.am-popover .am-popover-item.am-popover-item-active {
- background-color: #ddd;
+ background-color: #ddd;
}
-.am-popover .am-popover-item.am-popover-item-active.am-popover-item-fix-active-arrow {
- position: relative;
+.am-popover
+ .am-popover-item.am-popover-item-active.am-popover-item-fix-active-arrow {
+ position: relative;
}
.am-popover .am-popover-item.am-popover-item-disabled {
- color: #bbb;
+ color: #bbb;
}
.am-popover .am-popover-item.am-popover-item-disabled.am-popover-item-active {
- background-color: transparent;
+ background-color: transparent;
}
.am-popover .am-popover-item-icon {
- margin-right: 8px;
- width: 18px;
- height: 18px;
+ margin-right: 8px;
+ width: 18px;
+ height: 18px;
}
.am-progress-outer {
- background-color: #ddd;
- display: block;
+ background-color: #ddd;
+ display: block;
}
.am-progress-fixed-outer {
- position: fixed;
- width: 100%;
- top: 0;
- left: 0;
- z-index: 2000;
+ position: fixed;
+ width: 100%;
+ top: 0;
+ left: 0;
+ z-index: 2000;
}
.am-progress-hide-outer {
- background-color: transparent;
+ background-color: transparent;
}
.am-progress-bar {
- border: 2px solid #108ee9;
- -webkit-transition: all .3s linear 0s;
- transition: all .3s linear 0s;
+ border: 2px solid #108ee9;
+ -webkit-transition: all 0.3s linear 0s;
+ transition: all 0.3s linear 0s;
}
.am-pull-to-refresh-content {
- -webkit-transform-origin: left top 0;
- -ms-transform-origin: left top 0;
- transform-origin: left top 0;
+ -webkit-transform-origin: left top 0;
+ -ms-transform-origin: left top 0;
+ transform-origin: left top 0;
}
.am-pull-to-refresh-content-wrapper {
- overflow: hidden;
+ overflow: hidden;
}
.am-pull-to-refresh-transition {
- -webkit-transition: -webkit-transform 0.3s;
- transition: -webkit-transform 0.3s;
- transition: transform 0.3s;
- transition: transform 0.3s, -webkit-transform 0.3s;
+ -webkit-transition: -webkit-transform 0.3s;
+ transition: -webkit-transform 0.3s;
+ transition: transform 0.3s;
+ transition: transform 0.3s, -webkit-transform 0.3s;
}
.am-pull-to-refresh-indicator {
- color: grey;
- text-align: center;
- height: 25px;
+ color: grey;
+ text-align: center;
+ height: 25px;
}
.am-pull-to-refresh-down .am-pull-to-refresh-indicator {
- margin-top: -25px;
+ margin-top: -25px;
}
.am-pull-to-refresh-up .am-pull-to-refresh-indicator {
- margin-bottom: -25px;
+ margin-bottom: -25px;
}
.am-slider {
- position: relative;
+ position: relative;
}
.am-slider-rail {
- position: absolute;
- width: 100%;
- background-color: #ddd;
- height: 2px;
- -webkit-box-sizing: border-box;
- box-sizing: border-box;
+ position: absolute;
+ width: 100%;
+ background-color: #ddd;
+ height: 2px;
+ -webkit-box-sizing: border-box;
+ box-sizing: border-box;
}
.am-slider-track {
- position: absolute;
- left: 0;
- height: 2px;
- border-radius: 2px;
- background-color: #108ee9;
+ position: absolute;
+ left: 0;
+ height: 2px;
+ border-radius: 2px;
+ background-color: #108ee9;
}
.am-slider-handle {
- position: absolute;
- margin-left: -12px;
- margin-top: -10px;
- width: 22px;
- height: 22px;
- cursor: pointer;
- border-radius: 50%;
- border: 2px solid #108ee9;
- background-color: #fff;
- -webkit-box-sizing: border-box;
- box-sizing: border-box;
+ position: absolute;
+ margin-left: -12px;
+ margin-top: -10px;
+ width: 22px;
+ height: 22px;
+ cursor: pointer;
+ border-radius: 50%;
+ border: 2px solid #108ee9;
+ background-color: #fff;
+ -webkit-box-sizing: border-box;
+ box-sizing: border-box;
}
.am-slider-handle:focus {
- background-color: #40a5ed;
+ background-color: #40a5ed;
}
.am-slider-mark {
- position: absolute;
- top: 20px;
- left: 0;
- width: 100%;
- font-size: 12px;
+ position: absolute;
+ top: 20px;
+ left: 0;
+ width: 100%;
+ font-size: 12px;
}
.am-slider-mark-text {
- position: absolute;
- display: inline-block;
- vertical-align: middle;
- text-align: center;
- cursor: pointer;
- color: #000;
+ position: absolute;
+ display: inline-block;
+ vertical-align: middle;
+ text-align: center;
+ cursor: pointer;
+ color: #000;
}
.am-slider-mark-text-active {
- opacity: 0.3;
+ opacity: 0.3;
}
.am-slider-step {
- position: absolute;
- width: 100%;
- height: 4px;
- background: transparent;
+ position: absolute;
+ width: 100%;
+ height: 4px;
+ background: transparent;
}
.am-slider-dot {
- position: absolute;
- bottom: -5px;
- margin-left: -4px;
- width: 12px;
- height: 12px;
- border: 2px solid #ddd;
- background-color: #fff;
- cursor: pointer;
- border-radius: 50%;
- vertical-align: middle;
+ position: absolute;
+ bottom: -5px;
+ margin-left: -4px;
+ width: 12px;
+ height: 12px;
+ border: 2px solid #ddd;
+ background-color: #fff;
+ cursor: pointer;
+ border-radius: 50%;
+ vertical-align: middle;
}
.am-slider-dot:first-child {
- margin-left: -4px;
+ margin-left: -4px;
}
.am-slider-dot:last-child {
- margin-left: -4px;
+ margin-left: -4px;
}
.am-slider-dot-active {
- border-color: #108ee9;
+ border-color: #108ee9;
}
.am-slider-disabled {
- opacity: 0.3;
+ opacity: 0.3;
}
.am-slider-disabled .am-slider-track {
- height: 2px;
+ height: 2px;
}
.am-slider-disabled .am-slider-handle,
.am-slider-disabled .am-slider-mark-text,
.am-slider-disabled .am-slider-dot {
- cursor: not-allowed;
- -webkit-box-shadow: none;
- box-shadow: none;
+ cursor: not-allowed;
+ -webkit-box-shadow: none;
+ box-shadow: none;
}
.am-result {
- position: relative;
- text-align: center;
- width: 100%;
- padding-top: 30px;
- padding-bottom: 21px;
- background-color: #fff;
- border-bottom: 1PX solid #ddd;
+ position: relative;
+ text-align: center;
+ width: 100%;
+ padding-top: 30px;
+ padding-bottom: 21px;
+ background-color: #fff;
+ border-bottom: 1px solid #ddd;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
- html:not([data-scale]) .am-result {
- border-bottom: none;
- }
- html:not([data-scale]) .am-result::after {
- content: '';
- position: absolute;
- background-color: #ddd;
- display: block;
- z-index: 1;
- top: auto;
- right: auto;
- bottom: 0;
- left: 0;
- width: 100%;
- height: 1PX;
- -webkit-transform-origin: 50% 100%;
+ html:not([data-scale]) .am-result {
+ border-bottom: none;
+ }
+ html:not([data-scale]) .am-result::after {
+ content: '';
+ position: absolute;
+ background-color: #ddd;
+ display: block;
+ z-index: 1;
+ top: auto;
+ right: auto;
+ bottom: 0;
+ left: 0;
+ width: 100%;
+ height: 1px;
+ -webkit-transform-origin: 50% 100%;
-ms-transform-origin: 50% 100%;
- transform-origin: 50% 100%;
- -webkit-transform: scaleY(0.5);
+ transform-origin: 50% 100%;
+ -webkit-transform: scaleY(0.5);
-ms-transform: scaleY(0.5);
- transform: scaleY(0.5);
- }
+ transform: scaleY(0.5);
+ }
}
-@media (-webkit-min-device-pixel-ratio: 2) and (-webkit-min-device-pixel-ratio: 3), (min-resolution: 2dppx) and (min-resolution: 3dppx) {
- html:not([data-scale]) .am-result::after {
- -webkit-transform: scaleY(0.33);
+@media (-webkit-min-device-pixel-ratio: 2) and (-webkit-min-device-pixel-ratio: 3),
+ (min-resolution: 2dppx) and (min-resolution: 3dppx) {
+ html:not([data-scale]) .am-result::after {
+ -webkit-transform: scaleY(0.33);
-ms-transform: scaleY(0.33);
- transform: scaleY(0.33);
- }
+ transform: scaleY(0.33);
+ }
}
.am-result .am-result-pic {
- width: 60px;
- height: 60px;
- margin: 0 auto;
- line-height: 60px;
- background-size: 60px 60px;
+ width: 60px;
+ height: 60px;
+ margin: 0 auto;
+ line-height: 60px;
+ background-size: 60px 60px;
}
.am-result .am-result-title,
.am-result .am-result-message {
- font-size: 21px;
- color: #000;
- padding-left: 15px;
- padding-right: 15px;
+ font-size: 21px;
+ color: #000;
+ padding-left: 15px;
+ padding-right: 15px;
}
.am-result .am-result-title {
- margin-top: 15px;
- line-height: 1;
+ margin-top: 15px;
+ line-height: 1;
}
.am-result .am-result-message {
- margin-top: 9px;
- line-height: 1.5;
- font-size: 16px;
- color: #888;
+ margin-top: 9px;
+ line-height: 1.5;
+ font-size: 16px;
+ color: #888;
}
.am-result .am-result-button {
- padding: 0 15px;
- margin-top: 15px;
+ padding: 0 15px;
+ margin-top: 15px;
}
/* 默认搜索bar */
.am-search {
- position: relative;
- display: -webkit-box;
- display: -webkit-flex;
- display: -ms-flexbox;
- display: flex;
- -webkit-box-align: center;
- -webkit-align-items: center;
- -ms-flex-align: center;
- align-items: center;
- height: 44px;
- padding: 0 8px;
- overflow: hidden;
- background-color: #efeff4;
+ position: relative;
+ display: -webkit-box;
+ display: -webkit-flex;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-align: center;
+ -webkit-align-items: center;
+ -ms-flex-align: center;
+ align-items: center;
+ height: 44px;
+ padding: 0 8px;
+ overflow: hidden;
+ background-color: #efeff4;
}
.am-search-input {
- -webkit-box-flex: 1;
- -webkit-flex: 1;
- -ms-flex: 1;
- flex: 1;
- position: relative;
- width: 100%;
- height: 28px;
- overflow: hidden;
- background-color: #fff;
- background-clip: padding-box;
- border-radius: 3px;
+ -webkit-box-flex: 1;
+ -webkit-flex: 1;
+ -ms-flex: 1;
+ flex: 1;
+ position: relative;
+ width: 100%;
+ height: 28px;
+ overflow: hidden;
+ background-color: #fff;
+ background-clip: padding-box;
+ border-radius: 3px;
}
.am-search-input .am-search-synthetic-ph,
-.am-search-input input[type="search"] {
- position: absolute;
- top: 0;
- left: 0;
+.am-search-input input[type='search'] {
+ position: absolute;
+ top: 0;
+ left: 0;
}
.am-search-input .am-search-synthetic-ph {
- -webkit-box-sizing: content-box;
- box-sizing: content-box;
- z-index: 1;
- height: 28px;
- line-height: 28px;
- width: 100%;
- -webkit-transition: width .3s;
- transition: width .3s;
- display: block;
- text-align: center;
+ -webkit-box-sizing: content-box;
+ box-sizing: content-box;
+ z-index: 1;
+ height: 28px;
+ line-height: 28px;
+ width: 100%;
+ -webkit-transition: width 0.3s;
+ transition: width 0.3s;
+ display: block;
+ text-align: center;
}
.am-search-input .am-search-synthetic-ph-icon {
- display: inline-block;
- margin-right: 5px;
- width: 15px;
- height: 15px;
- overflow: hidden;
- vertical-align: -2.5px;
- background-repeat: no-repeat;
- background-size: 15px auto;
- background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D'38'%20height%3D'36'%20viewBox%3D'0%200%2038%2036'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20d%3D'M29.05%2025.23a15.81%2015.81%200%200%200%203.004-9.294c0-8.8-7.17-15.934-16.017-15.934C7.192.002.02%207.136.02%2015.936c0%208.802%207.172%2015.937%2016.017%2015.937%204.148%200%207.928-1.569%2010.772-4.143l8.873%208.232%202.296-2.45-8.927-8.282zM16.2%2028.933c-7.19%200-13.04-5.788-13.04-12.903%200-7.113%205.85-12.904%2013.04-12.904%207.19%200%2012.9%205.79%2012.9%2012.904%200%207.115-5.71%2012.903-12.9%2012.903z'%20fill%3D'%23bbb'%20fill-rule%3D'evenodd'%2F%3E%3C%2Fsvg%3E");
+ display: inline-block;
+ margin-right: 5px;
+ width: 15px;
+ height: 15px;
+ overflow: hidden;
+ vertical-align: -2.5px;
+ background-repeat: no-repeat;
+ background-size: 15px auto;
+ background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D'38'%20height%3D'36'%20viewBox%3D'0%200%2038%2036'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20d%3D'M29.05%2025.23a15.81%2015.81%200%200%200%203.004-9.294c0-8.8-7.17-15.934-16.017-15.934C7.192.002.02%207.136.02%2015.936c0%208.802%207.172%2015.937%2016.017%2015.937%204.148%200%207.928-1.569%2010.772-4.143l8.873%208.232%202.296-2.45-8.927-8.282zM16.2%2028.933c-7.19%200-13.04-5.788-13.04-12.903%200-7.113%205.85-12.904%2013.04-12.904%207.19%200%2012.9%205.79%2012.9%2012.904%200%207.115-5.71%2012.903-12.9%2012.903z'%20fill%3D'%23bbb'%20fill-rule%3D'evenodd'%2F%3E%3C%2Fsvg%3E");
}
.am-search-input .am-search-synthetic-ph-placeholder {
- color: #bbb;
- font-size: 15px;
+ color: #bbb;
+ font-size: 15px;
}
-.am-search-input input[type="search"] {
- z-index: 2;
- opacity: 0;
- width: 100%;
- text-align: left;
- display: block;
- color: #000;
- height: 28px;
- font-size: 15px;
- background-color: transparent;
- border: 0;
+.am-search-input input[type='search'] {
+ z-index: 2;
+ opacity: 0;
+ width: 100%;
+ text-align: left;
+ display: block;
+ color: #000;
+ height: 28px;
+ font-size: 15px;
+ background-color: transparent;
+ border: 0;
}
-.am-search-input input[type="search"]::-webkit-input-placeholder {
- background: none;
- text-align: left;
- color: transparent;
+.am-search-input input[type='search']::-webkit-input-placeholder {
+ background: none;
+ text-align: left;
+ color: transparent;
}
-.am-search-input input[type="search"]::-moz-placeholder {
- background: none;
- text-align: left;
- color: transparent;
+.am-search-input input[type='search']::-moz-placeholder {
+ background: none;
+ text-align: left;
+ color: transparent;
}
-.am-search-input input[type="search"]::-ms-input-placeholder {
- background: none;
- text-align: left;
- color: transparent;
+.am-search-input input[type='search']::-ms-input-placeholder {
+ background: none;
+ text-align: left;
+ color: transparent;
}
-.am-search-input input[type="search"]::placeholder {
- background: none;
- text-align: left;
- color: transparent;
+.am-search-input input[type='search']::placeholder {
+ background: none;
+ text-align: left;
+ color: transparent;
}
-.am-search-input input[type="search"]::-webkit-search-cancel-button {
- -webkit-appearance: none;
+.am-search-input input[type='search']::-webkit-search-cancel-button {
+ -webkit-appearance: none;
}
.am-search-input .am-search-clear {
- -webkit-box-sizing: content-box;
- box-sizing: content-box;
- position: absolute;
- display: none;
- z-index: 3;
- width: 15px;
- height: 15px;
- padding: 6.5px;
- border-radius: 50%;
- top: 0;
- right: 0;
- background-color: transparent;
- background-position: center;
- background-repeat: no-repeat;
- background-size: 15px 15px;
- -webkit-transition: all .3s;
- transition: all .3s;
- background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2028%2028'%3E%3Ccircle%20cx%3D'14'%20cy%3D'14'%20r%3D'14'%20fill%3D'%23ccc'%2F%3E%3Cline%20stroke%3D'%23ffffff'%20stroke-width%3D'2'%20stroke-miterlimit%3D'10'%20x1%3D'8'%20y1%3D'8'%20x2%3D'20'%20y2%3D'20'%2F%3E%3Cline%20fill%3D'none'%20stroke%3D'%23ffffff'%20stroke-width%3D'2'%20stroke-miterlimit%3D'10'%20x1%3D'20'%20y1%3D'8'%20x2%3D'8'%20y2%3D'20'%2F%3E%3C%2Fsvg%3E");
+ -webkit-box-sizing: content-box;
+ box-sizing: content-box;
+ position: absolute;
+ display: none;
+ z-index: 3;
+ width: 15px;
+ height: 15px;
+ padding: 6.5px;
+ border-radius: 50%;
+ top: 0;
+ right: 0;
+ background-color: transparent;
+ background-position: center;
+ background-repeat: no-repeat;
+ background-size: 15px 15px;
+ -webkit-transition: all 0.3s;
+ transition: all 0.3s;
+ background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2028%2028'%3E%3Ccircle%20cx%3D'14'%20cy%3D'14'%20r%3D'14'%20fill%3D'%23ccc'%2F%3E%3Cline%20stroke%3D'%23ffffff'%20stroke-width%3D'2'%20stroke-miterlimit%3D'10'%20x1%3D'8'%20y1%3D'8'%20x2%3D'20'%20y2%3D'20'%2F%3E%3Cline%20fill%3D'none'%20stroke%3D'%23ffffff'%20stroke-width%3D'2'%20stroke-miterlimit%3D'10'%20x1%3D'20'%20y1%3D'8'%20x2%3D'8'%20y2%3D'20'%2F%3E%3C%2Fsvg%3E");
}
.am-search-input .am-search-clear-active {
- background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2028%2028'%3E%3Ccircle%20cx%3D'14'%20cy%3D'14'%20r%3D'14'%20fill%3D'%23108ee9'%2F%3E%3Cline%20stroke%3D'%23ffffff'%20stroke-width%3D'2'%20stroke-miterlimit%3D'10'%20x1%3D'8'%20y1%3D'8'%20x2%3D'20'%20y2%3D'20'%2F%3E%3Cline%20fill%3D'none'%20stroke%3D'%23ffffff'%20stroke-width%3D'2'%20stroke-miterlimit%3D'10'%20x1%3D'20'%20y1%3D'8'%20x2%3D'8'%20y2%3D'20'%2F%3E%3C%2Fsvg%3E");
+ background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2028%2028'%3E%3Ccircle%20cx%3D'14'%20cy%3D'14'%20r%3D'14'%20fill%3D'%23108ee9'%2F%3E%3Cline%20stroke%3D'%23ffffff'%20stroke-width%3D'2'%20stroke-miterlimit%3D'10'%20x1%3D'8'%20y1%3D'8'%20x2%3D'20'%20y2%3D'20'%2F%3E%3Cline%20fill%3D'none'%20stroke%3D'%23ffffff'%20stroke-width%3D'2'%20stroke-miterlimit%3D'10'%20x1%3D'20'%20y1%3D'8'%20x2%3D'8'%20y2%3D'20'%2F%3E%3C%2Fsvg%3E");
}
.am-search-input .am-search-clear-show {
- display: block;
+ display: block;
}
.am-search-cancel {
- -webkit-box-flex: 0;
- -webkit-flex: none;
- -ms-flex: none;
- flex: none;
- opacity: 0;
- padding-left: 8px;
- height: 44px;
- line-height: 44px;
- font-size: 16px;
- color: #108ee9;
- text-align: right;
+ -webkit-box-flex: 0;
+ -webkit-flex: none;
+ -ms-flex: none;
+ flex: none;
+ opacity: 0;
+ padding-left: 8px;
+ height: 44px;
+ line-height: 44px;
+ font-size: 16px;
+ color: #108ee9;
+ text-align: right;
}
.am-search-cancel-anim {
- -webkit-transition: margin-right 0.3s, opacity 0.3s;
- transition: margin-right 0.3s, opacity 0.3s;
- -webkit-transition-delay: .1s;
- transition-delay: .1s;
+ -webkit-transition: margin-right 0.3s, opacity 0.3s;
+ transition: margin-right 0.3s, opacity 0.3s;
+ -webkit-transition-delay: 0.1s;
+ transition-delay: 0.1s;
}
.am-search-cancel-show {
- opacity: 1;
+ opacity: 1;
}
-.am-search.am-search-start .am-search-input input[type="search"] {
- opacity: 1;
- padding: 0 28px 0 35px;
+.am-search.am-search-start .am-search-input input[type='search'] {
+ opacity: 1;
+ padding: 0 28px 0 35px;
}
-.am-search.am-search-start .am-search-input input[type="search"]::-webkit-input-placeholder {
- color: transparent;
+.am-search.am-search-start
+ .am-search-input
+ input[type='search']::-webkit-input-placeholder {
+ color: transparent;
}
-.am-search.am-search-start .am-search-input input[type="search"]::-moz-placeholder {
- color: transparent;
+.am-search.am-search-start
+ .am-search-input
+ input[type='search']::-moz-placeholder {
+ color: transparent;
}
-.am-search.am-search-start .am-search-input input[type="search"]::-ms-input-placeholder {
- color: transparent;
+.am-search.am-search-start
+ .am-search-input
+ input[type='search']::-ms-input-placeholder {
+ color: transparent;
}
-.am-search.am-search-start .am-search-input input[type="search"]::placeholder {
- color: transparent;
+.am-search.am-search-start .am-search-input input[type='search']::placeholder {
+ color: transparent;
}
.am-search.am-search-start .am-search-input .am-search-synthetic-ph {
- padding-left: 15px;
- width: auto;
+ padding-left: 15px;
+ width: auto;
}
.am-segment {
- display: -webkit-box;
- display: -webkit-flex;
- display: -ms-flexbox;
- display: flex;
- border-radius: 5px;
- overflow: hidden;
- min-height: 27px;
- opacity: 1;
+ display: -webkit-box;
+ display: -webkit-flex;
+ display: -ms-flexbox;
+ display: flex;
+ border-radius: 5px;
+ overflow: hidden;
+ min-height: 27px;
+ opacity: 1;
}
.am-segment.am-segment-disabled {
- opacity: 0.5;
+ opacity: 0.5;
}
.am-segment-item {
- display: -webkit-box;
- display: -webkit-flex;
- display: -ms-flexbox;
- display: flex;
- -webkit-box-flex: 1;
- -webkit-flex: 1;
- -ms-flex: 1;
- flex: 1;
- -webkit-box-pack: center;
- -webkit-justify-content: center;
- -ms-flex-pack: center;
- justify-content: center;
- -webkit-box-align: center;
- -webkit-align-items: center;
- -ms-flex-align: center;
- align-items: center;
- color: #108ee9;
- font-size: 14px;
- line-height: 1;
- -webkit-transition: background .2s;
- transition: background .2s;
- position: relative;
- border: 1PX solid #108ee9;
- width: 100%;
- -webkit-box-sizing: border-box;
- box-sizing: border-box;
- border-left-width: 0;
+ display: -webkit-box;
+ display: -webkit-flex;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-flex: 1;
+ -webkit-flex: 1;
+ -ms-flex: 1;
+ flex: 1;
+ -webkit-box-pack: center;
+ -webkit-justify-content: center;
+ -ms-flex-pack: center;
+ justify-content: center;
+ -webkit-box-align: center;
+ -webkit-align-items: center;
+ -ms-flex-align: center;
+ align-items: center;
+ color: #108ee9;
+ font-size: 14px;
+ line-height: 1;
+ -webkit-transition: background 0.2s;
+ transition: background 0.2s;
+ position: relative;
+ border: 1px solid #108ee9;
+ width: 100%;
+ -webkit-box-sizing: border-box;
+ box-sizing: border-box;
+ border-left-width: 0;
}
.am-segment-item-tintcolor {
- border-color: #108ee9;
+ border-color: #108ee9;
}
.am-segment-item:first-child {
- border-left-width: 1PX;
- border-radius: 5px 0 0 5px;
+ border-left-width: 1px;
+ border-radius: 5px 0 0 5px;
}
.am-segment-item:last-child {
- border-radius: 0 5px 5px 0;
+ border-radius: 0 5px 5px 0;
}
.am-segment-item-selected {
- background: #108ee9;
- color: #fff;
+ background: #108ee9;
+ color: #fff;
}
.am-segment-item-active .am-segment-item-inner {
- position: absolute;
- top: 0;
- left: 0;
- height: 100%;
- width: 100%;
- opacity: 0.1;
- -webkit-transition: background .2s;
- transition: background .2s;
- background-color: #108ee9;
+ position: absolute;
+ top: 0;
+ left: 0;
+ height: 100%;
+ width: 100%;
+ opacity: 0.1;
+ -webkit-transition: background 0.2s;
+ transition: background 0.2s;
+ background-color: #108ee9;
}
.am-slider {
- position: relative;
+ position: relative;
}
.am-slider-rail {
- position: absolute;
- width: 100%;
- background-color: #ddd;
- height: 2px;
- -webkit-box-sizing: border-box;
- box-sizing: border-box;
+ position: absolute;
+ width: 100%;
+ background-color: #ddd;
+ height: 2px;
+ -webkit-box-sizing: border-box;
+ box-sizing: border-box;
}
.am-slider-track {
- position: absolute;
- left: 0;
- height: 2px;
- border-radius: 2px;
- background-color: #108ee9;
+ position: absolute;
+ left: 0;
+ height: 2px;
+ border-radius: 2px;
+ background-color: #108ee9;
}
.am-slider-handle {
- position: absolute;
- margin-left: -12px;
- margin-top: -10px;
- width: 22px;
- height: 22px;
- cursor: pointer;
- border-radius: 50%;
- border: 2px solid #108ee9;
- background-color: #fff;
- -webkit-box-sizing: border-box;
- box-sizing: border-box;
+ position: absolute;
+ margin-left: -12px;
+ margin-top: -10px;
+ width: 22px;
+ height: 22px;
+ cursor: pointer;
+ border-radius: 50%;
+ border: 2px solid #108ee9;
+ background-color: #fff;
+ -webkit-box-sizing: border-box;
+ box-sizing: border-box;
}
.am-slider-handle:focus {
- background-color: #40a5ed;
+ background-color: #40a5ed;
}
.am-slider-mark {
- position: absolute;
- top: 20px;
- left: 0;
- width: 100%;
- font-size: 12px;
+ position: absolute;
+ top: 20px;
+ left: 0;
+ width: 100%;
+ font-size: 12px;
}
.am-slider-mark-text {
- position: absolute;
- display: inline-block;
- vertical-align: middle;
- text-align: center;
- cursor: pointer;
- color: #000;
+ position: absolute;
+ display: inline-block;
+ vertical-align: middle;
+ text-align: center;
+ cursor: pointer;
+ color: #000;
}
.am-slider-mark-text-active {
- opacity: 0.3;
+ opacity: 0.3;
}
.am-slider-step {
- position: absolute;
- width: 100%;
- height: 4px;
- background: transparent;
+ position: absolute;
+ width: 100%;
+ height: 4px;
+ background: transparent;
}
.am-slider-dot {
- position: absolute;
- bottom: -5px;
- margin-left: -4px;
- width: 12px;
- height: 12px;
- border: 2px solid #ddd;
- background-color: #fff;
- cursor: pointer;
- border-radius: 50%;
- vertical-align: middle;
+ position: absolute;
+ bottom: -5px;
+ margin-left: -4px;
+ width: 12px;
+ height: 12px;
+ border: 2px solid #ddd;
+ background-color: #fff;
+ cursor: pointer;
+ border-radius: 50%;
+ vertical-align: middle;
}
.am-slider-dot:first-child {
- margin-left: -4px;
+ margin-left: -4px;
}
.am-slider-dot:last-child {
- margin-left: -4px;
+ margin-left: -4px;
}
.am-slider-dot-active {
- border-color: #108ee9;
+ border-color: #108ee9;
}
.am-slider-disabled {
- opacity: 0.3;
+ opacity: 0.3;
}
.am-slider-disabled .am-slider-track {
- height: 2px;
+ height: 2px;
}
.am-slider-disabled .am-slider-handle,
.am-slider-disabled .am-slider-mark-text,
.am-slider-disabled .am-slider-dot {
- cursor: not-allowed;
- -webkit-box-shadow: none;
- box-shadow: none;
+ cursor: not-allowed;
+ -webkit-box-shadow: none;
+ box-shadow: none;
}
.am-stepper {
- position: relative;
- margin: 0;
- padding: 2px 0;
- display: inline-block;
- -webkit-box-sizing: content-box;
- box-sizing: content-box;
- width: 63px;
- height: 35px;
- line-height: 35px;
- font-size: 14px;
- vertical-align: middle;
- overflow: hidden;
+ position: relative;
+ margin: 0;
+ padding: 2px 0;
+ display: inline-block;
+ -webkit-box-sizing: content-box;
+ box-sizing: content-box;
+ width: 63px;
+ height: 35px;
+ line-height: 35px;
+ font-size: 14px;
+ vertical-align: middle;
+ overflow: hidden;
}
.am-stepper-handler-wrap {
- position: absolute;
- width: 100%;
- font-size: 24px;
+ position: absolute;
+ width: 100%;
+ font-size: 24px;
}
.am-stepper-handler,
.am-stepper-handler-up-inner,
.am-stepper-handler-down-inner {
- width: 30px;
- height: 30px;
- line-height: 30px;
+ width: 30px;
+ height: 30px;
+ line-height: 30px;
}
.am-stepper-handler {
- text-align: center;
- border: 1PX solid #ddd;
- border-radius: 5px;
- overflow: hidden;
- color: #000;
- position: absolute;
- display: inline-block;
- -webkit-box-sizing: content-box;
- box-sizing: content-box;
+ text-align: center;
+ border: 1px solid #ddd;
+ border-radius: 5px;
+ overflow: hidden;
+ color: #000;
+ position: absolute;
+ display: inline-block;
+ -webkit-box-sizing: content-box;
+ box-sizing: content-box;
}
.am-stepper-handler-active {
- z-index: 2;
- background-color: #ddd;
+ z-index: 2;
+ background-color: #ddd;
}
.am-stepper-handler-up-inner,
.am-stepper-handler-down-inner {
- -webkit-user-select: none;
- -moz-user-select: none;
- -ms-user-select: none;
- user-select: none;
- right: 2px;
- color: #000;
+ -webkit-user-select: none;
+ -moz-user-select: none;
+ -ms-user-select: none;
+ user-select: none;
+ right: 2px;
+ color: #000;
}
.am-stepper-input-wrap {
- display: none;
- width: 100%;
- height: 30px;
- line-height: 30px;
- text-align: center;
- overflow: hidden;
+ display: none;
+ width: 100%;
+ height: 30px;
+ line-height: 30px;
+ text-align: center;
+ overflow: hidden;
}
.am-stepper-input {
- display: none;
- width: 60px;
- font-size: 16px;
- color: #000;
- text-align: center;
- border: 0;
- padding: 0;
- background: none;
- vertical-align: middle;
+ display: none;
+ width: 60px;
+ font-size: 16px;
+ color: #000;
+ text-align: center;
+ border: 0;
+ padding: 0;
+ background: none;
+ vertical-align: middle;
}
.am-stepper-input[disabled] {
- opacity: 1;
- color: #000;
+ opacity: 1;
+ color: #000;
}
.am-stepper.showNumber {
- width: 138px;
+ width: 138px;
}
.am-stepper.showNumber .am-stepper-input-wrap {
- display: inline-block;
+ display: inline-block;
}
.am-stepper.showNumber .am-stepper-input {
- display: inline-block;
+ display: inline-block;
}
.am-stepper.showNumber .am-stepper-handler-down-disabled {
- right: -1PX;
+ right: -1px;
}
.am-stepper-handler-up {
- cursor: pointer;
- right: 0;
+ cursor: pointer;
+ right: 0;
}
.am-stepper-handler-up-inner:before {
- text-align: center;
- content: "+";
+ text-align: center;
+ content: '+';
}
.am-stepper-handler-down {
- cursor: pointer;
- left: 0;
+ cursor: pointer;
+ left: 0;
}
.am-stepper-handler-down-inner:before {
- text-align: center;
- content: "-";
+ text-align: center;
+ content: '-';
}
.am-stepper-handler-down-disabled,
.am-stepper-handler-up-disabled {
- opacity: 0.3;
+ opacity: 0.3;
}
.am-stepper-handler-up-disabled .am-stepper-handler-active {
- background: none;
+ background: none;
}
.am-stepper-disabled .am-stepper-handler-down,
.am-stepper-disabled .am-stepper-handler-up {
- opacity: 0.3;
- background: none;
+ opacity: 0.3;
+ background: none;
}
.am-stepper-disabled .am-stepper-handler {
- opacity: 0.3;
+ opacity: 0.3;
}
.am-stepper-disabled .am-stepper-input-wrap {
- opacity: 0.3;
+ opacity: 0.3;
}
.am-steps {
- font-size: 0;
- width: 100%;
- line-height: 1.5;
- display: -webkit-box;
- display: -webkit-flex;
- display: -ms-flexbox;
- display: flex;
+ font-size: 0;
+ width: 100%;
+ line-height: 1.5;
+ display: -webkit-box;
+ display: -webkit-flex;
+ display: -ms-flexbox;
+ display: flex;
}
.am-steps,
.am-steps * {
- -webkit-box-sizing: border-box;
- box-sizing: border-box;
+ -webkit-box-sizing: border-box;
+ box-sizing: border-box;
}
.am-steps-item {
- position: relative;
- display: inline-block;
- vertical-align: top;
- -webkit-box-flex: 1;
- -webkit-flex: 1;
- -ms-flex: 1;
- flex: 1;
- overflow: hidden;
+ position: relative;
+ display: inline-block;
+ vertical-align: top;
+ -webkit-box-flex: 1;
+ -webkit-flex: 1;
+ -ms-flex: 1;
+ flex: 1;
+ overflow: hidden;
}
.am-steps-item:last-child {
- -webkit-box-flex: 0;
- -webkit-flex: none;
- -ms-flex: none;
- flex: none;
+ -webkit-box-flex: 0;
+ -webkit-flex: none;
+ -ms-flex: none;
+ flex: none;
}
.am-steps-item:last-child .am-steps-item-tail,
.am-steps-item:last-child .am-steps-item-title:after {
- display: none;
+ display: none;
}
.am-steps-item-icon,
.am-steps-item-content {
- display: inline-block;
- vertical-align: top;
+ display: inline-block;
+ vertical-align: top;
}
.am-steps-item-icon {
- border: 1px solid #bbb;
- width: 22px;
- height: 22px;
- line-height: 22px;
- border-radius: 22px;
- text-align: center;
- font-size: 14px;
- margin-right: 8px;
- -webkit-transition: background-color 0.3s, border-color 0.3s;
- transition: background-color 0.3s, border-color 0.3s;
+ border: 1px solid #bbb;
+ width: 22px;
+ height: 22px;
+ line-height: 22px;
+ border-radius: 22px;
+ text-align: center;
+ font-size: 14px;
+ margin-right: 8px;
+ -webkit-transition: background-color 0.3s, border-color 0.3s;
+ transition: background-color 0.3s, border-color 0.3s;
}
.am-steps-item-icon > .am-steps-icon {
- line-height: 1;
- top: -1px;
- color: #108ee9;
- position: relative;
+ line-height: 1;
+ top: -1px;
+ color: #108ee9;
+ position: relative;
}
.am-steps-item-icon > .am-steps-icon .am-icon {
- font-size: 12px;
- position: relative;
- float: left;
+ font-size: 12px;
+ position: relative;
+ float: left;
}
.am-steps-item-tail {
- position: absolute;
- left: 0;
- width: 100%;
- top: 12px;
- padding: 0 10px;
+ position: absolute;
+ left: 0;
+ width: 100%;
+ top: 12px;
+ padding: 0 10px;
}
.am-steps-item-tail:after {
- content: '';
- display: inline-block;
- background: #ddd;
- height: 1px;
- border-radius: 1px;
- width: 100%;
- -webkit-transition: background .3s;
- transition: background .3s;
- position: relative;
- left: -2px;
+ content: '';
+ display: inline-block;
+ background: #ddd;
+ height: 1px;
+ border-radius: 1px;
+ width: 100%;
+ -webkit-transition: background 0.3s;
+ transition: background 0.3s;
+ position: relative;
+ left: -2px;
}
.am-steps-item-content {
- margin-top: 3px;
+ margin-top: 3px;
}
.am-steps-item-title {
- font-size: 16px;
- margin-bottom: 4px;
- color: #000;
- font-weight: bold;
- display: inline-block;
- padding-right: 10px;
- position: relative;
+ font-size: 16px;
+ margin-bottom: 4px;
+ color: #000;
+ font-weight: bold;
+ display: inline-block;
+ padding-right: 10px;
+ position: relative;
}
.am-steps-item-description {
- font-size: 15px;
- color: #bbb;
+ font-size: 15px;
+ color: #bbb;
}
.am-steps-item-wait .am-steps-item-icon {
- border-color: #ccc;
- background-color: #fff;
+ border-color: #ccc;
+ background-color: #fff;
}
.am-steps-item-wait .am-steps-item-icon > .am-steps-icon {
- color: #ccc;
+ color: #ccc;
}
.am-steps-item-wait .am-steps-item-icon > .am-steps-icon .am-steps-icon-dot {
- background: #ccc;
+ background: #ccc;
}
.am-steps-item-wait .am-steps-item-title {
- color: #000;
+ color: #000;
}
.am-steps-item-wait .am-steps-item-title:after {
- background-color: #ddd;
+ background-color: #ddd;
}
.am-steps-item-wait .am-steps-item-description {
- color: #000;
+ color: #000;
}
.am-steps-item-wait .am-steps-item-tail:after {
- background-color: #ddd;
+ background-color: #ddd;
}
.am-steps-item-process .am-steps-item-icon {
- border-color: #108ee9;
- background-color: #fff;
+ border-color: #108ee9;
+ background-color: #fff;
}
.am-steps-item-process .am-steps-item-icon > .am-steps-icon {
- color: #108ee9;
+ color: #108ee9;
}
.am-steps-item-process .am-steps-item-icon > .am-steps-icon .am-steps-icon-dot {
- background: #108ee9;
+ background: #108ee9;
}
.am-steps-item-process .am-steps-item-title {
- color: #000;
+ color: #000;
}
.am-steps-item-process .am-steps-item-title:after {
- background-color: #ddd;
+ background-color: #ddd;
}
.am-steps-item-process .am-steps-item-description {
- color: #000;
+ color: #000;
}
.am-steps-item-process .am-steps-item-tail:after {
- background-color: #ddd;
+ background-color: #ddd;
}
.am-steps-item-process .am-steps-item-icon {
- background: #108ee9;
+ background: #108ee9;
}
.am-steps-item-process .am-steps-item-icon > .am-steps-icon {
- color: #fff;
+ color: #fff;
}
.am-steps-item-finish .am-steps-item-icon {
- border-color: #108ee9;
- background-color: #fff;
+ border-color: #108ee9;
+ background-color: #fff;
}
.am-steps-item-finish .am-steps-item-icon > .am-steps-icon {
- color: #108ee9;
+ color: #108ee9;
}
.am-steps-item-finish .am-steps-item-icon > .am-steps-icon .am-steps-icon-dot {
- background: #108ee9;
+ background: #108ee9;
}
.am-steps-item-finish .am-steps-item-title {
- color: #000;
+ color: #000;
}
.am-steps-item-finish .am-steps-item-title:after {
- background-color: #108ee9;
+ background-color: #108ee9;
}
.am-steps-item-finish .am-steps-item-description {
- color: #000;
+ color: #000;
}
.am-steps-item-finish .am-steps-item-tail:after {
- background-color: #108ee9;
+ background-color: #108ee9;
}
.am-steps-item-error .am-steps-item-icon {
- border-color: #f4333c;
- background-color: #fff;
+ border-color: #f4333c;
+ background-color: #fff;
}
.am-steps-item-error .am-steps-item-icon > .am-steps-icon {
- color: #f4333c;
+ color: #f4333c;
}
.am-steps-item-error .am-steps-item-icon > .am-steps-icon .am-steps-icon-dot {
- background: #f4333c;
+ background: #f4333c;
}
.am-steps-item-error .am-steps-item-title {
- color: #f4333c;
+ color: #f4333c;
}
.am-steps-item-error .am-steps-item-title:after {
- background-color: #ddd;
+ background-color: #ddd;
}
.am-steps-item-error .am-steps-item-description {
- color: #f4333c;
+ color: #f4333c;
}
.am-steps-item-error .am-steps-item-tail:after {
- background-color: #ddd;
+ background-color: #ddd;
}
.am-steps-item.am-steps-next-error .am-steps-item-title:after {
- background: #f4333c;
+ background: #f4333c;
}
.am-steps-item.error-tail .am-steps-item-tail:after {
- background-color: #f4333c;
+ background-color: #f4333c;
}
.am-steps-horizontal:not(.am-steps-label-vertical) .am-steps-item {
- margin-right: 10px;
+ margin-right: 10px;
}
.am-steps-horizontal:not(.am-steps-label-vertical) .am-steps-item:last-child {
- margin-right: 0;
+ margin-right: 0;
}
.am-steps-horizontal:not(.am-steps-label-vertical) .am-steps-item-tail {
- display: none;
+ display: none;
}
.am-steps-horizontal:not(.am-steps-label-vertical) .am-steps-item-description {
- max-width: 100px;
+ max-width: 100px;
}
.am-steps-item-custom .am-steps-item-icon {
- background: none;
- border: 0;
- width: auto;
- height: auto;
+ background: none;
+ border: 0;
+ width: auto;
+ height: auto;
}
.am-steps-item-custom .am-steps-item-icon > .am-steps-icon {
- font-size: 22px;
- top: 1px;
- width: 22px;
- height: 22px;
+ font-size: 22px;
+ top: 1px;
+ width: 22px;
+ height: 22px;
}
-.am-steps-item-custom.am-steps-item-process .am-steps-item-icon > .am-steps-icon {
- color: #108ee9;
+.am-steps-item-custom.am-steps-item-process
+ .am-steps-item-icon
+ > .am-steps-icon {
+ color: #108ee9;
}
.am-steps-small .am-steps-item-icon {
- width: 18px;
- height: 18px;
- line-height: 18px;
- text-align: center;
- border-radius: 18px;
- font-size: 14px;
- margin-right: 8px;
+ width: 18px;
+ height: 18px;
+ line-height: 18px;
+ text-align: center;
+ border-radius: 18px;
+ font-size: 14px;
+ margin-right: 8px;
}
.am-steps-small .am-steps-item-icon > .am-steps-icon {
- font-size: 12px;
- -webkit-transform: scale(0.75);
- -ms-transform: scale(0.75);
- transform: scale(0.75);
- top: -2px;
+ font-size: 12px;
+ -webkit-transform: scale(0.75);
+ -ms-transform: scale(0.75);
+ transform: scale(0.75);
+ top: -2px;
}
.am-steps-small .am-steps-item-content {
- margin-top: 0;
+ margin-top: 0;
}
.am-steps-small .am-steps-item-title {
- font-size: 16px;
- margin-bottom: 3px;
- color: #000;
- font-weight: bold;
+ font-size: 16px;
+ margin-bottom: 3px;
+ color: #000;
+ font-weight: bold;
}
.am-steps-small .am-steps-item-description {
- font-size: 12px;
- color: #bbb;
+ font-size: 12px;
+ color: #bbb;
}
.am-steps-small .am-steps-item-tail {
- top: 8px;
- padding: 0 8px;
+ top: 8px;
+ padding: 0 8px;
}
.am-steps-small .am-steps-item-tail:after {
- height: 1px;
- border-radius: 1px;
- width: 100%;
- left: 0;
+ height: 1px;
+ border-radius: 1px;
+ width: 100%;
+ left: 0;
}
.am-steps-small .am-steps-item-custom .am-steps-item-icon {
- background: none;
+ background: none;
}
.am-steps-small .am-steps-item-custom .am-steps-item-icon > .am-steps-icon {
- font-size: 18px;
- top: -2px;
- -webkit-transform: none;
- -ms-transform: none;
- transform: none;
+ font-size: 18px;
+ top: -2px;
+ -webkit-transform: none;
+ -ms-transform: none;
+ transform: none;
}
.am-steps-vertical {
- display: block;
+ display: block;
}
.am-steps-vertical .am-steps-item {
- display: block;
- overflow: visible;
+ display: block;
+ overflow: visible;
}
.am-steps-vertical .am-steps-item-icon {
- float: left;
+ float: left;
}
.am-steps-vertical .am-steps-item-icon-inner {
- margin-right: 16px;
+ margin-right: 16px;
}
.am-steps-vertical .am-steps-item-content {
- min-height: 48px;
- overflow: hidden;
- display: block;
+ min-height: 48px;
+ overflow: hidden;
+ display: block;
}
.am-steps-vertical .am-steps-item-title {
- line-height: 26px;
+ line-height: 26px;
}
.am-steps-vertical .am-steps-item-title:after {
- display: none;
+ display: none;
}
.am-steps-vertical .am-steps-item-description {
- padding-bottom: 12px;
+ padding-bottom: 12px;
}
.am-steps-vertical .am-steps-item-tail {
- position: absolute;
- left: 13px;
- top: 0;
- height: 100%;
- width: 1px;
- padding: 30px 0 4px 0;
+ position: absolute;
+ left: 13px;
+ top: 0;
+ height: 100%;
+ width: 1px;
+ padding: 30px 0 4px 0;
}
.am-steps-vertical .am-steps-item-tail:after {
- height: 100%;
- width: 1px;
+ height: 100%;
+ width: 1px;
}
.am-steps-vertical.am-steps-small .am-steps-item-tail {
- position: absolute;
- left: 9px;
- top: 0;
- padding: 22px 0 4px 0;
+ position: absolute;
+ left: 9px;
+ top: 0;
+ padding: 22px 0 4px 0;
}
.am-steps-vertical.am-steps-small .am-steps-item-title {
- line-height: 18px;
+ line-height: 18px;
}
.am-steps-label-vertical .am-steps-item {
- overflow: visible;
+ overflow: visible;
}
.am-steps-label-vertical .am-steps-item-tail {
- padding: 0 24px;
- margin-left: 48px;
+ padding: 0 24px;
+ margin-left: 48px;
}
.am-steps-label-vertical .am-steps-item-content {
- display: block;
- text-align: center;
- margin-top: 8px;
- width: 100px;
+ display: block;
+ text-align: center;
+ margin-top: 8px;
+ width: 100px;
}
.am-steps-label-vertical .am-steps-item-icon {
- display: inline-block;
- margin-left: 36px;
+ display: inline-block;
+ margin-left: 36px;
}
.am-steps-label-vertical .am-steps-item-title {
- padding-right: 0;
+ padding-right: 0;
}
.am-steps-label-vertical .am-steps-item-title:after {
- display: none;
+ display: none;
}
.am-swipe {
- overflow: hidden;
- position: relative;
+ overflow: hidden;
+ position: relative;
}
.am-swipe-content {
- position: relative;
- background-color: #fff;
+ position: relative;
+ background-color: #fff;
}
.am-swipe-cover {
- position: absolute;
- z-index: 2;
- background: transparent;
- height: 100%;
- width: 100%;
- top: 0;
- display: none;
+ position: absolute;
+ z-index: 2;
+ background: transparent;
+ height: 100%;
+ width: 100%;
+ top: 0;
+ display: none;
}
.am-swipe .am-swipe-content,
.am-swipe .am-swipe-actions {
- -webkit-transition: all 250ms;
- transition: all 250ms;
+ -webkit-transition: all 250ms;
+ transition: all 250ms;
}
.am-swipe-swiping .am-swipe-content,
.am-swipe-swiping .am-swipe-actions {
- -webkit-transition: none;
- transition: none;
+ -webkit-transition: none;
+ transition: none;
}
.am-swipe-swiping .am-list-item-active {
- background-color: #FFF;
+ background-color: #fff;
}
.am-swipe-actions {
- position: absolute;
- top: 0;
- bottom: 0;
- display: -webkit-box;
- display: -webkit-flex;
- display: -ms-flexbox;
- display: flex;
- overflow: hidden;
- white-space: nowrap;
+ position: absolute;
+ top: 0;
+ bottom: 0;
+ display: -webkit-box;
+ display: -webkit-flex;
+ display: -ms-flexbox;
+ display: flex;
+ overflow: hidden;
+ white-space: nowrap;
}
.am-swipe-actions-left {
- left: 0;
+ left: 0;
}
.am-swipe-actions-right {
- right: 0;
+ right: 0;
}
.am-swipe-btn {
- display: -webkit-box;
- display: -webkit-flex;
- display: -ms-flexbox;
- display: flex;
- -webkit-box-align: center;
- -webkit-align-items: center;
- -ms-flex-align: center;
- align-items: center;
- -webkit-box-pack: center;
- -webkit-justify-content: center;
- -ms-flex-pack: center;
- justify-content: center;
- overflow: hidden;
+ display: -webkit-box;
+ display: -webkit-flex;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-align: center;
+ -webkit-align-items: center;
+ -ms-flex-align: center;
+ align-items: center;
+ -webkit-box-pack: center;
+ -webkit-justify-content: center;
+ -ms-flex-pack: center;
+ justify-content: center;
+ overflow: hidden;
}
.am-swipe-btn-text {
- padding: 0 8px;
+ padding: 0 8px;
}
.am-switch {
- display: inline-block;
- vertical-align: middle;
- -webkit-box-sizing: border-box;
- box-sizing: border-box;
- position: relative;
- cursor: pointer;
- -webkit-align-self: center;
- -ms-flex-item-align: center;
- align-self: center;
+ display: inline-block;
+ vertical-align: middle;
+ -webkit-box-sizing: border-box;
+ box-sizing: border-box;
+ position: relative;
+ cursor: pointer;
+ -webkit-align-self: center;
+ -ms-flex-item-align: center;
+ align-self: center;
}
.am-switch .checkbox {
- width: 51px;
- height: 31px;
- border-radius: 31px;
- -webkit-box-sizing: border-box;
- box-sizing: border-box;
- background: #e5e5e5;
- z-index: 0;
- margin: 0;
- padding: 0;
- -webkit-appearance: none;
- -moz-appearance: none;
- appearance: none;
- border: 0;
- cursor: pointer;
- position: relative;
- -webkit-transition: all 300ms;
- transition: all 300ms;
+ width: 51px;
+ height: 31px;
+ border-radius: 31px;
+ -webkit-box-sizing: border-box;
+ box-sizing: border-box;
+ background: #e5e5e5;
+ z-index: 0;
+ margin: 0;
+ padding: 0;
+ -webkit-appearance: none;
+ -moz-appearance: none;
+ appearance: none;
+ border: 0;
+ cursor: pointer;
+ position: relative;
+ -webkit-transition: all 300ms;
+ transition: all 300ms;
}
.am-switch .checkbox:before {
- content: ' ';
- position: absolute;
- left: 1.5px;
- top: 1.5px;
- width: 48px;
- height: 28px;
- border-radius: 28px;
- -webkit-box-sizing: border-box;
- box-sizing: border-box;
- background: #fff;
- z-index: 1;
- -webkit-transition: all 200ms;
- transition: all 200ms;
- -webkit-transform: scale(1);
- -ms-transform: scale(1);
- transform: scale(1);
+ content: ' ';
+ position: absolute;
+ left: 1.5px;
+ top: 1.5px;
+ width: 48px;
+ height: 28px;
+ border-radius: 28px;
+ -webkit-box-sizing: border-box;
+ box-sizing: border-box;
+ background: #fff;
+ z-index: 1;
+ -webkit-transition: all 200ms;
+ transition: all 200ms;
+ -webkit-transform: scale(1);
+ -ms-transform: scale(1);
+ transform: scale(1);
}
.am-switch .checkbox:after {
- content: ' ';
- height: 28px;
- width: 28px;
- border-radius: 28px;
- background: #fff;
- position: absolute;
- z-index: 2;
- left: 1.5px;
- top: 1.5px;
- -webkit-transform: translateX(0);
- -ms-transform: translateX(0);
- transform: translateX(0);
- -webkit-transition: all 200ms;
- transition: all 200ms;
- -webkit-box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.21);
- box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.21);
+ content: ' ';
+ height: 28px;
+ width: 28px;
+ border-radius: 28px;
+ background: #fff;
+ position: absolute;
+ z-index: 2;
+ left: 1.5px;
+ top: 1.5px;
+ -webkit-transform: translateX(0);
+ -ms-transform: translateX(0);
+ transform: translateX(0);
+ -webkit-transition: all 200ms;
+ transition: all 200ms;
+ -webkit-box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.21);
+ box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.21);
}
.am-switch .checkbox.checkbox-disabled {
- z-index: 3;
+ z-index: 3;
}
-.am-switch input[type="checkbox"] {
- position: absolute;
- top: 0;
- left: 0;
- opacity: 0;
- width: 100%;
- height: 100%;
- z-index: 2;
- border: 0 none;
- -webkit-appearance: none;
- -moz-appearance: none;
- appearance: none;
+.am-switch input[type='checkbox'] {
+ position: absolute;
+ top: 0;
+ left: 0;
+ opacity: 0;
+ width: 100%;
+ height: 100%;
+ z-index: 2;
+ border: 0 none;
+ -webkit-appearance: none;
+ -moz-appearance: none;
+ appearance: none;
}
-.am-switch input[type="checkbox"]:checked + .checkbox {
- background: #4dd865;
+.am-switch input[type='checkbox']:checked + .checkbox {
+ background: #4dd865;
}
-.am-switch input[type="checkbox"]:checked + .checkbox:before {
- -webkit-transform: scale(0);
- -ms-transform: scale(0);
- transform: scale(0);
+.am-switch input[type='checkbox']:checked + .checkbox:before {
+ -webkit-transform: scale(0);
+ -ms-transform: scale(0);
+ transform: scale(0);
}
-.am-switch input[type="checkbox"]:checked + .checkbox:after {
- -webkit-transform: translateX(20px);
- -ms-transform: translateX(20px);
- transform: translateX(20px);
+.am-switch input[type='checkbox']:checked + .checkbox:after {
+ -webkit-transform: translateX(20px);
+ -ms-transform: translateX(20px);
+ transform: translateX(20px);
}
-.am-switch input[type="checkbox"]:disabled + .checkbox {
- opacity: 0.3;
+.am-switch input[type='checkbox']:disabled + .checkbox {
+ opacity: 0.3;
}
.am-switch.am-switch-android .checkbox {
- width: 72px;
- height: 23px;
- border-radius: 3px;
- background: #a7aaa6;
+ width: 72px;
+ height: 23px;
+ border-radius: 3px;
+ background: #a7aaa6;
}
.am-switch.am-switch-android .checkbox:before {
- display: none;
+ display: none;
}
.am-switch.am-switch-android .checkbox:after {
- width: 35px;
- height: 21px;
- border-radius: 2px;
- -webkit-box-shadow: none;
- box-shadow: none;
- left: 1PX;
- top: 1PX;
+ width: 35px;
+ height: 21px;
+ border-radius: 2px;
+ -webkit-box-shadow: none;
+ box-shadow: none;
+ left: 1px;
+ top: 1px;
}
-.am-switch.am-switch-android input[type="checkbox"]:checked + .checkbox {
- background: #108ee9;
+.am-switch.am-switch-android input[type='checkbox']:checked + .checkbox {
+ background: #108ee9;
}
-.am-switch.am-switch-android input[type="checkbox"]:checked + .checkbox:before {
- -webkit-transform: scale(0);
- -ms-transform: scale(0);
- transform: scale(0);
+.am-switch.am-switch-android input[type='checkbox']:checked + .checkbox:before {
+ -webkit-transform: scale(0);
+ -ms-transform: scale(0);
+ transform: scale(0);
}
-.am-switch.am-switch-android input[type="checkbox"]:checked + .checkbox:after {
- -webkit-transform: translateX(35px);
- -ms-transform: translateX(35px);
- transform: translateX(35px);
+.am-switch.am-switch-android input[type='checkbox']:checked + .checkbox:after {
+ -webkit-transform: translateX(35px);
+ -ms-transform: translateX(35px);
+ transform: translateX(35px);
}
.am-tabs {
- -webkit-box-sizing: border-box;
- box-sizing: border-box;
- display: -webkit-box;
- display: -webkit-flex;
- display: -ms-flexbox;
- display: flex;
- -webkit-box-flex: 1;
- -webkit-flex: 1;
- -ms-flex: 1;
- flex: 1;
- position: relative;
- overflow: hidden;
- height: 100%;
- width: 100%;
+ -webkit-box-sizing: border-box;
+ box-sizing: border-box;
+ display: -webkit-box;
+ display: -webkit-flex;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-flex: 1;
+ -webkit-flex: 1;
+ -ms-flex: 1;
+ flex: 1;
+ position: relative;
+ overflow: hidden;
+ height: 100%;
+ width: 100%;
}
.am-tabs * {
- -webkit-box-sizing: border-box;
- box-sizing: border-box;
+ -webkit-box-sizing: border-box;
+ box-sizing: border-box;
}
.am-tabs-content-wrap {
- display: -webkit-box;
- display: -webkit-flex;
- display: -ms-flexbox;
- display: flex;
- -webkit-box-flex: 1;
- -webkit-flex: 1;
- -ms-flex: 1;
- flex: 1;
- width: 100%;
- height: 100%;
- min-height: 0;
+ display: -webkit-box;
+ display: -webkit-flex;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-flex: 1;
+ -webkit-flex: 1;
+ -ms-flex: 1;
+ flex: 1;
+ width: 100%;
+ height: 100%;
+ min-height: 0;
}
.am-tabs-content-wrap-animated {
- -webkit-transition: left 0.3s cubic-bezier(0.35, 0, 0.25, 1), top 0.3s cubic-bezier(0.35, 0, 0.25, 1), -webkit-transform 0.3s cubic-bezier(0.35, 0, 0.25, 1);
- transition: left 0.3s cubic-bezier(0.35, 0, 0.25, 1), top 0.3s cubic-bezier(0.35, 0, 0.25, 1), -webkit-transform 0.3s cubic-bezier(0.35, 0, 0.25, 1);
- transition: transform 0.3s cubic-bezier(0.35, 0, 0.25, 1), left 0.3s cubic-bezier(0.35, 0, 0.25, 1), top 0.3s cubic-bezier(0.35, 0, 0.25, 1);
- transition: transform 0.3s cubic-bezier(0.35, 0, 0.25, 1), left 0.3s cubic-bezier(0.35, 0, 0.25, 1), top 0.3s cubic-bezier(0.35, 0, 0.25, 1), -webkit-transform 0.3s cubic-bezier(0.35, 0, 0.25, 1);
- will-change: transform, left, top;
+ -webkit-transition: left 0.3s cubic-bezier(0.35, 0, 0.25, 1),
+ top 0.3s cubic-bezier(0.35, 0, 0.25, 1),
+ -webkit-transform 0.3s cubic-bezier(0.35, 0, 0.25, 1);
+ transition: left 0.3s cubic-bezier(0.35, 0, 0.25, 1),
+ top 0.3s cubic-bezier(0.35, 0, 0.25, 1),
+ -webkit-transform 0.3s cubic-bezier(0.35, 0, 0.25, 1);
+ transition: transform 0.3s cubic-bezier(0.35, 0, 0.25, 1),
+ left 0.3s cubic-bezier(0.35, 0, 0.25, 1),
+ top 0.3s cubic-bezier(0.35, 0, 0.25, 1);
+ transition: transform 0.3s cubic-bezier(0.35, 0, 0.25, 1),
+ left 0.3s cubic-bezier(0.35, 0, 0.25, 1),
+ top 0.3s cubic-bezier(0.35, 0, 0.25, 1),
+ -webkit-transform 0.3s cubic-bezier(0.35, 0, 0.25, 1);
+ will-change: transform, left, top;
}
.am-tabs-pane-wrap {
- width: 100%;
- -webkit-flex-shrink: 0;
- -ms-flex-negative: 0;
- flex-shrink: 0;
- overflow-y: auto;
+ width: 100%;
+ -webkit-flex-shrink: 0;
+ -ms-flex-negative: 0;
+ flex-shrink: 0;
+ overflow-y: auto;
}
.am-tabs-tab-bar-wrap {
- -webkit-flex-shrink: 0;
- -ms-flex-negative: 0;
- flex-shrink: 0;
+ -webkit-flex-shrink: 0;
+ -ms-flex-negative: 0;
+ flex-shrink: 0;
}
.am-tabs-horizontal .am-tabs-pane-wrap-active {
- height: auto;
+ height: auto;
}
.am-tabs-horizontal .am-tabs-pane-wrap-inactive {
- height: 0;
- overflow: visible;
+ height: 0;
+ overflow: visible;
}
.am-tabs-vertical .am-tabs-content-wrap {
- -webkit-box-orient: vertical;
- -webkit-box-direction: normal;
- -webkit-flex-direction: column;
- -ms-flex-direction: column;
- flex-direction: column;
+ -webkit-box-orient: vertical;
+ -webkit-box-direction: normal;
+ -webkit-flex-direction: column;
+ -ms-flex-direction: column;
+ flex-direction: column;
}
.am-tabs-vertical .am-tabs-tab-bar-wrap {
- height: 100%;
+ height: 100%;
}
.am-tabs-vertical .am-tabs-pane-wrap {
- height: 100%;
+ height: 100%;
}
.am-tabs-vertical .am-tabs-pane-wrap-active {
- overflow: auto;
+ overflow: auto;
}
.am-tabs-vertical .am-tabs-pane-wrap-inactive {
- overflow: hidden;
+ overflow: hidden;
}
.am-tabs-top,
.am-tabs-bottom {
- -webkit-box-orient: vertical;
- -webkit-box-direction: normal;
- -webkit-flex-direction: column;
- -ms-flex-direction: column;
- flex-direction: column;
+ -webkit-box-orient: vertical;
+ -webkit-box-direction: normal;
+ -webkit-flex-direction: column;
+ -ms-flex-direction: column;
+ flex-direction: column;
}
.am-tabs-left,
.am-tabs-right {
- -webkit-box-orient: horizontal;
- -webkit-box-direction: normal;
- -webkit-flex-direction: row;
- -ms-flex-direction: row;
- flex-direction: row;
+ -webkit-box-orient: horizontal;
+ -webkit-box-direction: normal;
+ -webkit-flex-direction: row;
+ -ms-flex-direction: row;
+ flex-direction: row;
}
.am-tabs-default-bar {
- position: relative;
- display: -webkit-box;
- display: -webkit-flex;
- display: -ms-flexbox;
- display: flex;
- -webkit-flex-shrink: 0;
- -ms-flex-negative: 0;
- flex-shrink: 0;
- -webkit-box-orient: horizontal;
- -webkit-box-direction: normal;
- -webkit-flex-direction: row;
- -ms-flex-direction: row;
- flex-direction: row;
- width: 100%;
- height: 100%;
- overflow: visible;
- z-index: 1;
+ position: relative;
+ display: -webkit-box;
+ display: -webkit-flex;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-flex-shrink: 0;
+ -ms-flex-negative: 0;
+ flex-shrink: 0;
+ -webkit-box-orient: horizontal;
+ -webkit-box-direction: normal;
+ -webkit-flex-direction: row;
+ -ms-flex-direction: row;
+ flex-direction: row;
+ width: 100%;
+ height: 100%;
+ overflow: visible;
+ z-index: 1;
}
.am-tabs-default-bar-tab {
- position: relative;
- display: -webkit-box;
- display: -webkit-flex;
- display: -ms-flexbox;
- display: flex;
- -webkit-flex-shrink: 0;
- -ms-flex-negative: 0;
- flex-shrink: 0;
- -webkit-box-pack: center;
- -webkit-justify-content: center;
- -ms-flex-pack: center;
- justify-content: center;
- -webkit-box-align: center;
- -webkit-align-items: center;
- -ms-flex-align: center;
- align-items: center;
- font-size: 15px;
- height: 43.5px;
- line-height: 43.5px;
+ position: relative;
+ display: -webkit-box;
+ display: -webkit-flex;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-flex-shrink: 0;
+ -ms-flex-negative: 0;
+ flex-shrink: 0;
+ -webkit-box-pack: center;
+ -webkit-justify-content: center;
+ -ms-flex-pack: center;
+ justify-content: center;
+ -webkit-box-align: center;
+ -webkit-align-items: center;
+ -ms-flex-align: center;
+ align-items: center;
+ font-size: 15px;
+ height: 43.5px;
+ line-height: 43.5px;
}
.am-tabs-default-bar-tab .am-badge .am-badge-text {
- top: -13px;
- -webkit-transform: translateX(-5px);
- -ms-transform: translateX(-5px);
- transform: translateX(-5px);
+ top: -13px;
+ -webkit-transform: translateX(-5px);
+ -ms-transform: translateX(-5px);
+ transform: translateX(-5px);
}
.am-tabs-default-bar-tab .am-badge .am-badge-dot {
- top: -6px;
- -webkit-transform: translateX(0);
- -ms-transform: translateX(0);
- transform: translateX(0);
+ top: -6px;
+ -webkit-transform: translateX(0);
+ -ms-transform: translateX(0);
+ transform: translateX(0);
}
.am-tabs-default-bar-tab-active {
- color: #108ee9;
+ color: #108ee9;
}
.am-tabs-default-bar-underline {
- position: absolute;
- border: 1px #108ee9 solid;
- -webkit-transform: translate3d(0, 0, 0);
- transform: translate3d(0, 0, 0);
+ position: absolute;
+ border: 1px #108ee9 solid;
+ -webkit-transform: translate3d(0, 0, 0);
+ transform: translate3d(0, 0, 0);
}
.am-tabs-default-bar-animated .am-tabs-default-bar-content {
- -webkit-transition: -webkit-transform 0.3s cubic-bezier(0.35, 0, 0.25, 1);
- transition: -webkit-transform 0.3s cubic-bezier(0.35, 0, 0.25, 1);
- transition: transform 0.3s cubic-bezier(0.35, 0, 0.25, 1);
- transition: transform 0.3s cubic-bezier(0.35, 0, 0.25, 1), -webkit-transform 0.3s cubic-bezier(0.35, 0, 0.25, 1);
- will-change: transform;
+ -webkit-transition: -webkit-transform 0.3s cubic-bezier(0.35, 0, 0.25, 1);
+ transition: -webkit-transform 0.3s cubic-bezier(0.35, 0, 0.25, 1);
+ transition: transform 0.3s cubic-bezier(0.35, 0, 0.25, 1);
+ transition: transform 0.3s cubic-bezier(0.35, 0, 0.25, 1),
+ -webkit-transform 0.3s cubic-bezier(0.35, 0, 0.25, 1);
+ will-change: transform;
}
.am-tabs-default-bar-animated .am-tabs-default-bar-underline {
- -webkit-transition: top 0.3s cubic-bezier(0.35, 0, 0.25, 1), left 0.3s cubic-bezier(0.35, 0, 0.25, 1), color 0.3s cubic-bezier(0.35, 0, 0.25, 1), width 0.3s cubic-bezier(0.35, 0, 0.25, 1);
- transition: top 0.3s cubic-bezier(0.35, 0, 0.25, 1), left 0.3s cubic-bezier(0.35, 0, 0.25, 1), color 0.3s cubic-bezier(0.35, 0, 0.25, 1), width 0.3s cubic-bezier(0.35, 0, 0.25, 1);
- will-change: top, left, width, color;
+ -webkit-transition: top 0.3s cubic-bezier(0.35, 0, 0.25, 1),
+ left 0.3s cubic-bezier(0.35, 0, 0.25, 1),
+ color 0.3s cubic-bezier(0.35, 0, 0.25, 1),
+ width 0.3s cubic-bezier(0.35, 0, 0.25, 1);
+ transition: top 0.3s cubic-bezier(0.35, 0, 0.25, 1),
+ left 0.3s cubic-bezier(0.35, 0, 0.25, 1),
+ color 0.3s cubic-bezier(0.35, 0, 0.25, 1),
+ width 0.3s cubic-bezier(0.35, 0, 0.25, 1);
+ will-change: top, left, width, color;
}
.am-tabs-default-bar-top,
.am-tabs-default-bar-bottom {
- -webkit-box-orient: horizontal;
- -webkit-box-direction: normal;
- -webkit-flex-direction: row;
- -ms-flex-direction: row;
- flex-direction: row;
+ -webkit-box-orient: horizontal;
+ -webkit-box-direction: normal;
+ -webkit-flex-direction: row;
+ -ms-flex-direction: row;
+ flex-direction: row;
}
.am-tabs-default-bar-top .am-tabs-default-bar-content,
.am-tabs-default-bar-bottom .am-tabs-default-bar-content {
- display: -webkit-box;
- display: -webkit-flex;
- display: -ms-flexbox;
- display: flex;
- width: 100%;
- -webkit-box-orient: horizontal;
- -webkit-box-direction: normal;
- -webkit-flex-direction: row;
- -ms-flex-direction: row;
- flex-direction: row;
+ display: -webkit-box;
+ display: -webkit-flex;
+ display: -ms-flexbox;
+ display: flex;
+ width: 100%;
+ -webkit-box-orient: horizontal;
+ -webkit-box-direction: normal;
+ -webkit-flex-direction: row;
+ -ms-flex-direction: row;
+ flex-direction: row;
}
.am-tabs-default-bar-top .am-tabs-default-bar-prevpage,
.am-tabs-default-bar-bottom .am-tabs-default-bar-prevpage {
- pointer-events: none;
- position: absolute;
- top: 0;
- display: block;
- width: 59px;
- height: 100%;
- content: ' ';
- z-index: 999;
- left: 0;
- background: -webkit-gradient(linear, left top, right top, from(#ffffff), to(rgba(255, 255, 255, 0)));
- background: -webkit-linear-gradient(left, #ffffff, rgba(255, 255, 255, 0));
- background: linear-gradient(to right, #ffffff, rgba(255, 255, 255, 0));
+ pointer-events: none;
+ position: absolute;
+ top: 0;
+ display: block;
+ width: 59px;
+ height: 100%;
+ content: ' ';
+ z-index: 999;
+ left: 0;
+ background: -webkit-gradient(
+ linear,
+ left top,
+ right top,
+ from(#ffffff),
+ to(rgba(255, 255, 255, 0))
+ );
+ background: -webkit-linear-gradient(left, #ffffff, rgba(255, 255, 255, 0));
+ background: linear-gradient(to right, #ffffff, rgba(255, 255, 255, 0));
}
.am-tabs-default-bar-top .am-tabs-default-bar-nextpage,
.am-tabs-default-bar-bottom .am-tabs-default-bar-nextpage {
- pointer-events: none;
- position: absolute;
- top: 0;
- display: block;
- width: 59px;
- height: 100%;
- content: ' ';
- z-index: 999;
- right: 0;
- background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), to(#ffffff));
- background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0), #ffffff);
- background: linear-gradient(to right, rgba(255, 255, 255, 0), #ffffff);
+ pointer-events: none;
+ position: absolute;
+ top: 0;
+ display: block;
+ width: 59px;
+ height: 100%;
+ content: ' ';
+ z-index: 999;
+ right: 0;
+ background: -webkit-gradient(
+ linear,
+ left top,
+ right top,
+ from(rgba(255, 255, 255, 0)),
+ to(#ffffff)
+ );
+ background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0), #ffffff);
+ background: linear-gradient(to right, rgba(255, 255, 255, 0), #ffffff);
}
.am-tabs-default-bar-top .am-tabs-default-bar-tab,
.am-tabs-default-bar-bottom .am-tabs-default-bar-tab {
- padding: 8px 0;
+ padding: 8px 0;
}
.am-tabs-default-bar-top .am-tabs-default-bar-underline,
.am-tabs-default-bar-bottom .am-tabs-default-bar-underline {
- bottom: 0;
+ bottom: 0;
}
.am-tabs-default-bar-top .am-tabs-default-bar-tab {
- border-bottom: 1PX solid #ddd;
+ border-bottom: 1px solid #ddd;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
- html:not([data-scale]) .am-tabs-default-bar-top .am-tabs-default-bar-tab {
- border-bottom: none;
- }
- html:not([data-scale]) .am-tabs-default-bar-top .am-tabs-default-bar-tab::after {
- content: '';
- position: absolute;
- background-color: #ddd;
- display: block;
- z-index: 1;
- top: auto;
- right: auto;
- bottom: 0;
- left: 0;
- width: 100%;
- height: 1PX;
- -webkit-transform-origin: 50% 100%;
+ html:not([data-scale]) .am-tabs-default-bar-top .am-tabs-default-bar-tab {
+ border-bottom: none;
+ }
+ html:not([data-scale])
+ .am-tabs-default-bar-top
+ .am-tabs-default-bar-tab::after {
+ content: '';
+ position: absolute;
+ background-color: #ddd;
+ display: block;
+ z-index: 1;
+ top: auto;
+ right: auto;
+ bottom: 0;
+ left: 0;
+ width: 100%;
+ height: 1px;
+ -webkit-transform-origin: 50% 100%;
-ms-transform-origin: 50% 100%;
- transform-origin: 50% 100%;
- -webkit-transform: scaleY(0.5);
+ transform-origin: 50% 100%;
+ -webkit-transform: scaleY(0.5);
-ms-transform: scaleY(0.5);
- transform: scaleY(0.5);
- }
+ transform: scaleY(0.5);
+ }
}
-@media (-webkit-min-device-pixel-ratio: 2) and (-webkit-min-device-pixel-ratio: 3), (min-resolution: 2dppx) and (min-resolution: 3dppx) {
- html:not([data-scale]) .am-tabs-default-bar-top .am-tabs-default-bar-tab::after {
- -webkit-transform: scaleY(0.33);
+@media (-webkit-min-device-pixel-ratio: 2) and (-webkit-min-device-pixel-ratio: 3),
+ (min-resolution: 2dppx) and (min-resolution: 3dppx) {
+ html:not([data-scale])
+ .am-tabs-default-bar-top
+ .am-tabs-default-bar-tab::after {
+ -webkit-transform: scaleY(0.33);
-ms-transform: scaleY(0.33);
- transform: scaleY(0.33);
- }
+ transform: scaleY(0.33);
+ }
}
.am-tabs-default-bar-bottom .am-tabs-default-bar-tab {
- border-top: 1PX solid #ddd;
+ border-top: 1px solid #ddd;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
- html:not([data-scale]) .am-tabs-default-bar-bottom .am-tabs-default-bar-tab {
- border-top: none;
- }
- html:not([data-scale]) .am-tabs-default-bar-bottom .am-tabs-default-bar-tab::before {
- content: '';
- position: absolute;
- background-color: #ddd;
- display: block;
- z-index: 1;
- top: 0;
- right: auto;
- bottom: auto;
- left: 0;
- width: 100%;
- height: 1PX;
- -webkit-transform-origin: 50% 50%;
+ html:not([data-scale])
+ .am-tabs-default-bar-bottom
+ .am-tabs-default-bar-tab {
+ border-top: none;
+ }
+ html:not([data-scale])
+ .am-tabs-default-bar-bottom
+ .am-tabs-default-bar-tab::before {
+ content: '';
+ position: absolute;
+ background-color: #ddd;
+ display: block;
+ z-index: 1;
+ top: 0;
+ right: auto;
+ bottom: auto;
+ left: 0;
+ width: 100%;
+ height: 1px;
+ -webkit-transform-origin: 50% 50%;
-ms-transform-origin: 50% 50%;
- transform-origin: 50% 50%;
- -webkit-transform: scaleY(0.5);
+ transform-origin: 50% 50%;
+ -webkit-transform: scaleY(0.5);
-ms-transform: scaleY(0.5);
- transform: scaleY(0.5);
- }
+ transform: scaleY(0.5);
+ }
}
-@media (-webkit-min-device-pixel-ratio: 2) and (-webkit-min-device-pixel-ratio: 3), (min-resolution: 2dppx) and (min-resolution: 3dppx) {
- html:not([data-scale]) .am-tabs-default-bar-bottom .am-tabs-default-bar-tab::before {
- -webkit-transform: scaleY(0.33);
+@media (-webkit-min-device-pixel-ratio: 2) and (-webkit-min-device-pixel-ratio: 3),
+ (min-resolution: 2dppx) and (min-resolution: 3dppx) {
+ html:not([data-scale])
+ .am-tabs-default-bar-bottom
+ .am-tabs-default-bar-tab::before {
+ -webkit-transform: scaleY(0.33);
-ms-transform: scaleY(0.33);
- transform: scaleY(0.33);
- }
+ transform: scaleY(0.33);
+ }
}
.am-tabs-default-bar-left,
.am-tabs-default-bar-right {
- -webkit-box-orient: vertical;
- -webkit-box-direction: normal;
- -webkit-flex-direction: column;
- -ms-flex-direction: column;
- flex-direction: column;
+ -webkit-box-orient: vertical;
+ -webkit-box-direction: normal;
+ -webkit-flex-direction: column;
+ -ms-flex-direction: column;
+ flex-direction: column;
}
.am-tabs-default-bar-left .am-tabs-default-bar-content,
.am-tabs-default-bar-right .am-tabs-default-bar-content {
- display: -webkit-box;
- display: -webkit-flex;
- display: -ms-flexbox;
- display: flex;
- height: 100%;
- -webkit-box-orient: vertical;
- -webkit-box-direction: normal;
- -webkit-flex-direction: column;
- -ms-flex-direction: column;
- flex-direction: column;
+ display: -webkit-box;
+ display: -webkit-flex;
+ display: -ms-flexbox;
+ display: flex;
+ height: 100%;
+ -webkit-box-orient: vertical;
+ -webkit-box-direction: normal;
+ -webkit-flex-direction: column;
+ -ms-flex-direction: column;
+ flex-direction: column;
}
.am-tabs-default-bar-left .am-tabs-default-bar-tab,
.am-tabs-default-bar-right .am-tabs-default-bar-tab {
- padding: 0 8px;
+ padding: 0 8px;
}
.am-tabs-default-bar-left .am-tabs-default-bar-underline {
- right: 0;
+ right: 0;
}
.am-tabs-default-bar-left .am-tabs-default-bar-tab {
- border-right: 1PX solid #ddd;
+ border-right: 1px solid #ddd;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
- html:not([data-scale]) .am-tabs-default-bar-left .am-tabs-default-bar-tab {
- border-right: none;
- }
- html:not([data-scale]) .am-tabs-default-bar-left .am-tabs-default-bar-tab::after {
- content: '';
- position: absolute;
- background-color: #ddd;
- display: block;
- z-index: 1;
- top: 0;
- right: 0;
- bottom: auto;
- left: auto;
- width: 1PX;
- height: 100%;
- background: #ddd;
- -webkit-transform-origin: 100% 50%;
+ html:not([data-scale]) .am-tabs-default-bar-left .am-tabs-default-bar-tab {
+ border-right: none;
+ }
+ html:not([data-scale])
+ .am-tabs-default-bar-left
+ .am-tabs-default-bar-tab::after {
+ content: '';
+ position: absolute;
+ background-color: #ddd;
+ display: block;
+ z-index: 1;
+ top: 0;
+ right: 0;
+ bottom: auto;
+ left: auto;
+ width: 1px;
+ height: 100%;
+ background: #ddd;
+ -webkit-transform-origin: 100% 50%;
-ms-transform-origin: 100% 50%;
- transform-origin: 100% 50%;
- -webkit-transform: scaleX(0.5);
+ transform-origin: 100% 50%;
+ -webkit-transform: scaleX(0.5);
-ms-transform: scaleX(0.5);
- transform: scaleX(0.5);
- }
+ transform: scaleX(0.5);
+ }
}
-@media (-webkit-min-device-pixel-ratio: 2) and (-webkit-min-device-pixel-ratio: 3), (min-resolution: 2dppx) and (min-resolution: 3dppx) {
- html:not([data-scale]) .am-tabs-default-bar-left .am-tabs-default-bar-tab::after {
- -webkit-transform: scaleX(0.33);
+@media (-webkit-min-device-pixel-ratio: 2) and (-webkit-min-device-pixel-ratio: 3),
+ (min-resolution: 2dppx) and (min-resolution: 3dppx) {
+ html:not([data-scale])
+ .am-tabs-default-bar-left
+ .am-tabs-default-bar-tab::after {
+ -webkit-transform: scaleX(0.33);
-ms-transform: scaleX(0.33);
- transform: scaleX(0.33);
- }
+ transform: scaleX(0.33);
+ }
}
.am-tabs-default-bar-right .am-tabs-default-bar-underline {
- left: 0;
+ left: 0;
}
.am-tabs-default-bar-right .am-tabs-default-bar-tab {
- border-left: 1PX solid #ddd;
+ border-left: 1px solid #ddd;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
- html:not([data-scale]) .am-tabs-default-bar-right .am-tabs-default-bar-tab {
- border-left: none;
- }
- html:not([data-scale]) .am-tabs-default-bar-right .am-tabs-default-bar-tab::before {
- content: '';
- position: absolute;
- background-color: #ddd;
- display: block;
- z-index: 1;
- top: 0;
- right: auto;
- bottom: auto;
- left: 0;
- width: 1PX;
- height: 100%;
- -webkit-transform-origin: 100% 50%;
+ html:not([data-scale]) .am-tabs-default-bar-right .am-tabs-default-bar-tab {
+ border-left: none;
+ }
+ html:not([data-scale])
+ .am-tabs-default-bar-right
+ .am-tabs-default-bar-tab::before {
+ content: '';
+ position: absolute;
+ background-color: #ddd;
+ display: block;
+ z-index: 1;
+ top: 0;
+ right: auto;
+ bottom: auto;
+ left: 0;
+ width: 1px;
+ height: 100%;
+ -webkit-transform-origin: 100% 50%;
-ms-transform-origin: 100% 50%;
- transform-origin: 100% 50%;
- -webkit-transform: scaleX(0.5);
+ transform-origin: 100% 50%;
+ -webkit-transform: scaleX(0.5);
-ms-transform: scaleX(0.5);
- transform: scaleX(0.5);
- }
+ transform: scaleX(0.5);
+ }
}
-@media (-webkit-min-device-pixel-ratio: 2) and (-webkit-min-device-pixel-ratio: 3), (min-resolution: 2dppx) and (min-resolution: 3dppx) {
- html:not([data-scale]) .am-tabs-default-bar-right .am-tabs-default-bar-tab::before {
- -webkit-transform: scaleX(0.33);
+@media (-webkit-min-device-pixel-ratio: 2) and (-webkit-min-device-pixel-ratio: 3),
+ (min-resolution: 2dppx) and (min-resolution: 3dppx) {
+ html:not([data-scale])
+ .am-tabs-default-bar-right
+ .am-tabs-default-bar-tab::before {
+ -webkit-transform: scaleX(0.33);
-ms-transform: scaleX(0.33);
- transform: scaleX(0.33);
- }
+ transform: scaleX(0.33);
+ }
}
.am-tab-bar {
- height: 100%;
- overflow: hidden;
+ height: 100%;
+ overflow: hidden;
}
.am-tab-bar-bar {
- position: relative;
- -webkit-box-sizing: border-box;
- box-sizing: border-box;
- height: 50px;
- border-top: 1PX solid #ddd;
- width: 100%;
- display: -webkit-box;
- display: -webkit-flex;
- display: -ms-flexbox;
- display: flex;
- -webkit-transition-duration: .2s;
- transition-duration: .2s;
- -webkit-transition-property: height bottom;
- transition-property: height bottom;
- z-index: 100;
- -webkit-justify-content: space-around;
- -ms-flex-pack: distribute;
- justify-content: space-around;
- -webkit-box-align: center;
- -webkit-align-items: center;
- -ms-flex-align: center;
- align-items: center;
- bottom: 0;
+ position: relative;
+ -webkit-box-sizing: border-box;
+ box-sizing: border-box;
+ height: 50px;
+ border-top: 1px solid #ddd;
+ width: 100%;
+ display: -webkit-box;
+ display: -webkit-flex;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-transition-duration: 0.2s;
+ transition-duration: 0.2s;
+ -webkit-transition-property: height bottom;
+ transition-property: height bottom;
+ z-index: 100;
+ -webkit-justify-content: space-around;
+ -ms-flex-pack: distribute;
+ justify-content: space-around;
+ -webkit-box-align: center;
+ -webkit-align-items: center;
+ -ms-flex-align: center;
+ align-items: center;
+ bottom: 0;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
- html:not([data-scale]) .am-tab-bar-bar {
- border-top: none;
- }
- html:not([data-scale]) .am-tab-bar-bar::before {
- content: '';
- position: absolute;
- background-color: #ddd;
- display: block;
- z-index: 1;
- top: 0;
- right: auto;
- bottom: auto;
- left: 0;
- width: 100%;
- height: 1PX;
- -webkit-transform-origin: 50% 50%;
+ html:not([data-scale]) .am-tab-bar-bar {
+ border-top: none;
+ }
+ html:not([data-scale]) .am-tab-bar-bar::before {
+ content: '';
+ position: absolute;
+ background-color: #ddd;
+ display: block;
+ z-index: 1;
+ top: 0;
+ right: auto;
+ bottom: auto;
+ left: 0;
+ width: 100%;
+ height: 1px;
+ -webkit-transform-origin: 50% 50%;
-ms-transform-origin: 50% 50%;
- transform-origin: 50% 50%;
- -webkit-transform: scaleY(0.5);
+ transform-origin: 50% 50%;
+ -webkit-transform: scaleY(0.5);
-ms-transform: scaleY(0.5);
- transform: scaleY(0.5);
- }
+ transform: scaleY(0.5);
+ }
}
-@media (-webkit-min-device-pixel-ratio: 2) and (-webkit-min-device-pixel-ratio: 3), (min-resolution: 2dppx) and (min-resolution: 3dppx) {
- html:not([data-scale]) .am-tab-bar-bar::before {
- -webkit-transform: scaleY(0.33);
+@media (-webkit-min-device-pixel-ratio: 2) and (-webkit-min-device-pixel-ratio: 3),
+ (min-resolution: 2dppx) and (min-resolution: 3dppx) {
+ html:not([data-scale]) .am-tab-bar-bar::before {
+ -webkit-transform: scaleY(0.33);
-ms-transform: scaleY(0.33);
- transform: scaleY(0.33);
- }
+ transform: scaleY(0.33);
+ }
}
.am-tab-bar-bar-hidden-top {
- bottom: 50px;
- height: 0;
+ bottom: 50px;
+ height: 0;
}
.am-tab-bar-bar-hidden-bottom {
- bottom: -50px;
- height: 0;
+ bottom: -50px;
+ height: 0;
}
.am-tab-bar-bar .am-tab-bar-tab {
- -webkit-box-flex: 1;
- -webkit-flex: 1;
- -ms-flex: 1;
- flex: 1;
- display: -webkit-box;
- display: -webkit-flex;
- display: -ms-flexbox;
- display: flex;
- -webkit-box-pack: center;
- -webkit-justify-content: center;
- -ms-flex-pack: center;
- justify-content: center;
- -webkit-box-align: center;
- -webkit-align-items: center;
- -ms-flex-align: center;
- align-items: center;
- -webkit-box-orient: vertical;
- -webkit-box-direction: normal;
- -webkit-flex-direction: column;
- -ms-flex-direction: column;
- flex-direction: column;
- text-align: center;
- width: 100%;
+ -webkit-box-flex: 1;
+ -webkit-flex: 1;
+ -ms-flex: 1;
+ flex: 1;
+ display: -webkit-box;
+ display: -webkit-flex;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-pack: center;
+ -webkit-justify-content: center;
+ -ms-flex-pack: center;
+ justify-content: center;
+ -webkit-box-align: center;
+ -webkit-align-items: center;
+ -ms-flex-align: center;
+ align-items: center;
+ -webkit-box-orient: vertical;
+ -webkit-box-direction: normal;
+ -webkit-flex-direction: column;
+ -ms-flex-direction: column;
+ flex-direction: column;
+ text-align: center;
+ width: 100%;
}
.am-tab-bar-bar .am-tab-bar-tab-image {
- width: 22px;
- height: 22px;
- vertical-align: middle;
+ width: 22px;
+ height: 22px;
+ vertical-align: middle;
}
.am-tab-bar-bar .am-tab-bar-tab-title {
- font-size: 10px;
- margin: 3px 0 0 0;
- line-height: 1;
- text-align: center;
+ font-size: 10px;
+ margin: 3px 0 0 0;
+ line-height: 1;
+ text-align: center;
}
.am-tab-bar-bar .am-tab-bar-tab-icon {
- display: -webkit-box;
- display: -webkit-flex;
- display: -ms-flexbox;
- display: flex;
- -webkit-box-pack: center;
- -webkit-justify-content: center;
- -ms-flex-pack: center;
- justify-content: center;
+ display: -webkit-box;
+ display: -webkit-flex;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-pack: center;
+ -webkit-justify-content: center;
+ -ms-flex-pack: center;
+ justify-content: center;
}
.am-tab-bar-bar .am-tab-bar-tab-icon .tab-badge :last-child {
- margin-top: 4px;
- left: 22px;
+ margin-top: 4px;
+ left: 22px;
}
.am-tab-bar-bar .am-tab-bar-tab-icon .tab-dot :last-child {
- margin-top: 4px;
- left: 22px;
+ margin-top: 4px;
+ left: 22px;
}
.am-tab-bar-item {
- height: 100%;
+ height: 100%;
}
.am-tag {
- display: inline-block;
- position: relative;
- font-size: 14px;
- text-align: center;
- padding: 0 15px;
- height: 25px;
- line-height: 25px;
- -webkit-box-sizing: border-box;
- box-sizing: border-box;
+ display: inline-block;
+ position: relative;
+ font-size: 14px;
+ text-align: center;
+ padding: 0 15px;
+ height: 25px;
+ line-height: 25px;
+ -webkit-box-sizing: border-box;
+ box-sizing: border-box;
}
.am-tag.am-tag-small {
- height: 15px;
- line-height: 15px;
- padding: 0 5px;
- font-size: 10px;
+ height: 15px;
+ line-height: 15px;
+ padding: 0 5px;
+ font-size: 10px;
}
.am-tag-normal {
- background-color: #fff;
- color: #888;
- border: 1PX solid #ddd;
- border-radius: 3px;
+ background-color: #fff;
+ color: #888;
+ border: 1px solid #ddd;
+ border-radius: 3px;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
- html:not([data-scale]) .am-tag-normal {
- position: relative;
- border: none;
- }
- html:not([data-scale]) .am-tag-normal::before {
- content: '';
- position: absolute;
- left: 0;
- top: 0;
- width: 200%;
- height: 200%;
- border: 1PX solid #ddd;
- border-radius: 6px;
- -webkit-transform-origin: 0 0;
+ html:not([data-scale]) .am-tag-normal {
+ position: relative;
+ border: none;
+ }
+ html:not([data-scale]) .am-tag-normal::before {
+ content: '';
+ position: absolute;
+ left: 0;
+ top: 0;
+ width: 200%;
+ height: 200%;
+ border: 1px solid #ddd;
+ border-radius: 6px;
+ -webkit-transform-origin: 0 0;
-ms-transform-origin: 0 0;
- transform-origin: 0 0;
- -webkit-transform: scale(0.5);
+ transform-origin: 0 0;
+ -webkit-transform: scale(0.5);
-ms-transform: scale(0.5);
- transform: scale(0.5);
- -webkit-box-sizing: border-box;
- box-sizing: border-box;
- pointer-events: none;
- }
+ transform: scale(0.5);
+ -webkit-box-sizing: border-box;
+ box-sizing: border-box;
+ pointer-events: none;
+ }
}
.am-tag-active {
- background-color: #fff;
- color: #108ee9;
- border: 1PX solid #108ee9;
- border-radius: 3px;
+ background-color: #fff;
+ color: #108ee9;
+ border: 1px solid #108ee9;
+ border-radius: 3px;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
- html:not([data-scale]) .am-tag-active {
- position: relative;
- border: none;
- }
- html:not([data-scale]) .am-tag-active::before {
- content: '';
- position: absolute;
- left: 0;
- top: 0;
- width: 200%;
- height: 200%;
- border: 1PX solid #108ee9;
- border-radius: 6px;
- -webkit-transform-origin: 0 0;
+ html:not([data-scale]) .am-tag-active {
+ position: relative;
+ border: none;
+ }
+ html:not([data-scale]) .am-tag-active::before {
+ content: '';
+ position: absolute;
+ left: 0;
+ top: 0;
+ width: 200%;
+ height: 200%;
+ border: 1px solid #108ee9;
+ border-radius: 6px;
+ -webkit-transform-origin: 0 0;
-ms-transform-origin: 0 0;
- transform-origin: 0 0;
- -webkit-transform: scale(0.5);
+ transform-origin: 0 0;
+ -webkit-transform: scale(0.5);
-ms-transform: scale(0.5);
- transform: scale(0.5);
- -webkit-box-sizing: border-box;
- box-sizing: border-box;
- pointer-events: none;
- }
+ transform: scale(0.5);
+ -webkit-box-sizing: border-box;
+ box-sizing: border-box;
+ pointer-events: none;
+ }
}
.am-tag-disabled {
- color: #bbb;
- background-color: #ddd;
- border: 1PX solid #ddd;
- border-radius: 3px;
+ color: #bbb;
+ background-color: #ddd;
+ border: 1px solid #ddd;
+ border-radius: 3px;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
- html:not([data-scale]) .am-tag-disabled {
- position: relative;
- border: none;
- }
- html:not([data-scale]) .am-tag-disabled::before {
- content: '';
- position: absolute;
- left: 0;
- top: 0;
- width: 200%;
- height: 200%;
- border: 1PX solid #ddd;
- border-radius: 6px;
- -webkit-transform-origin: 0 0;
+ html:not([data-scale]) .am-tag-disabled {
+ position: relative;
+ border: none;
+ }
+ html:not([data-scale]) .am-tag-disabled::before {
+ content: '';
+ position: absolute;
+ left: 0;
+ top: 0;
+ width: 200%;
+ height: 200%;
+ border: 1px solid #ddd;
+ border-radius: 6px;
+ -webkit-transform-origin: 0 0;
-ms-transform-origin: 0 0;
- transform-origin: 0 0;
- -webkit-transform: scale(0.5);
+ transform-origin: 0 0;
+ -webkit-transform: scale(0.5);
-ms-transform: scale(0.5);
- transform: scale(0.5);
- -webkit-box-sizing: border-box;
- box-sizing: border-box;
- pointer-events: none;
- }
+ transform: scale(0.5);
+ -webkit-box-sizing: border-box;
+ box-sizing: border-box;
+ pointer-events: none;
+ }
}
.am-tag-close {
- position: absolute;
- top: -9px;
- left: -10px;
- color: #bbb;
+ position: absolute;
+ top: -9px;
+ left: -10px;
+ color: #bbb;
}
.am-tag-close-active {
- color: #888;
+ color: #888;
}
.am-tag-close .am-icon {
- background-color: #fff;
- border-radius: 9px;
+ background-color: #fff;
+ border-radius: 9px;
}
.am-list .am-list-item.am-textarea-item {
- display: -webkit-box;
- display: -webkit-flex;
- display: -ms-flexbox;
- display: flex;
- -webkit-box-align: start;
- -webkit-align-items: flex-start;
- -ms-flex-align: start;
- align-items: flex-start;
- -webkit-box-sizing: border-box;
- box-sizing: border-box;
- min-height: 44px;
- padding-left: 15px;
- padding-right: 15px;
- border-bottom: 1PX solid #ddd;
+ display: -webkit-box;
+ display: -webkit-flex;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-align: start;
+ -webkit-align-items: flex-start;
+ -ms-flex-align: start;
+ align-items: flex-start;
+ -webkit-box-sizing: border-box;
+ box-sizing: border-box;
+ min-height: 44px;
+ padding-left: 15px;
+ padding-right: 15px;
+ border-bottom: 1px solid #ddd;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
- html:not([data-scale]) .am-list .am-list-item.am-textarea-item {
- border-bottom: none;
- }
- html:not([data-scale]) .am-list .am-list-item.am-textarea-item::after {
- content: '';
- position: absolute;
- background-color: #ddd;
- display: block;
- z-index: 1;
- top: auto;
- right: auto;
- bottom: 0;
- left: 0;
- width: 100%;
- height: 1PX;
- -webkit-transform-origin: 50% 100%;
+ html:not([data-scale]) .am-list .am-list-item.am-textarea-item {
+ border-bottom: none;
+ }
+ html:not([data-scale]) .am-list .am-list-item.am-textarea-item::after {
+ content: '';
+ position: absolute;
+ background-color: #ddd;
+ display: block;
+ z-index: 1;
+ top: auto;
+ right: auto;
+ bottom: 0;
+ left: 0;
+ width: 100%;
+ height: 1px;
+ -webkit-transform-origin: 50% 100%;
-ms-transform-origin: 50% 100%;
- transform-origin: 50% 100%;
- -webkit-transform: scaleY(0.5);
+ transform-origin: 50% 100%;
+ -webkit-transform: scaleY(0.5);
-ms-transform: scaleY(0.5);
- transform: scaleY(0.5);
- }
+ transform: scaleY(0.5);
+ }
}
-@media (-webkit-min-device-pixel-ratio: 2) and (-webkit-min-device-pixel-ratio: 3), (min-resolution: 2dppx) and (min-resolution: 3dppx) {
- html:not([data-scale]) .am-list .am-list-item.am-textarea-item::after {
- -webkit-transform: scaleY(0.33);
+@media (-webkit-min-device-pixel-ratio: 2) and (-webkit-min-device-pixel-ratio: 3),
+ (min-resolution: 2dppx) and (min-resolution: 3dppx) {
+ html:not([data-scale]) .am-list .am-list-item.am-textarea-item::after {
+ -webkit-transform: scaleY(0.33);
-ms-transform: scaleY(0.33);
- transform: scaleY(0.33);
- }
+ transform: scaleY(0.33);
+ }
}
.am-list .am-list-item.am-textarea-item.am-textarea-item-single-line {
- -webkit-box-align: center;
- -webkit-align-items: center;
- -ms-flex-align: center;
- align-items: center;
+ -webkit-box-align: center;
+ -webkit-align-items: center;
+ -ms-flex-align: center;
+ align-items: center;
}
-.am-list .am-list-item.am-textarea-item.am-textarea-item-single-line .am-textarea-label {
- -webkit-align-self: center;
- -ms-flex-item-align: center;
- align-self: center;
+.am-list
+ .am-list-item.am-textarea-item.am-textarea-item-single-line
+ .am-textarea-label {
+ -webkit-align-self: center;
+ -ms-flex-item-align: center;
+ align-self: center;
}
-.am-list .am-list-item.am-textarea-item.am-textarea-item-single-line .am-textarea-control {
- padding-top: 0;
- padding-bottom: 0;
+.am-list
+ .am-list-item.am-textarea-item.am-textarea-item-single-line
+ .am-textarea-control {
+ padding-top: 0;
+ padding-bottom: 0;
}
-.am-list .am-list-item.am-textarea-item.am-textarea-item-single-line .am-textarea-control textarea {
- line-height: 25.5px;
+.am-list
+ .am-list-item.am-textarea-item.am-textarea-item-single-line
+ .am-textarea-control
+ textarea {
+ line-height: 25.5px;
}
-.am-list .am-list-item.am-textarea-item.am-textarea-item-single-line .am-textarea-clear {
- margin-top: 0;
+.am-list
+ .am-list-item.am-textarea-item.am-textarea-item-single-line
+ .am-textarea-clear {
+ margin-top: 0;
}
-.am-list .am-list-item.am-textarea-item.am-textarea-item-single-line.am-textarea-error .am-textarea-error-extra {
- margin-top: 0;
+.am-list
+ .am-list-item.am-textarea-item.am-textarea-item-single-line.am-textarea-error
+ .am-textarea-error-extra {
+ margin-top: 0;
}
.am-textarea-label {
- -webkit-align-self: flex-start;
- -ms-flex-item-align: start;
- align-self: flex-start;
- color: #000;
- text-align: left;
- min-height: 44px;
- font-size: 17px;
- line-height: 44px;
- margin-left: 0;
- margin-right: 5px;
- white-space: nowrap;
- overflow: hidden;
+ -webkit-align-self: flex-start;
+ -ms-flex-item-align: start;
+ align-self: flex-start;
+ color: #000;
+ text-align: left;
+ min-height: 44px;
+ font-size: 17px;
+ line-height: 44px;
+ margin-left: 0;
+ margin-right: 5px;
+ white-space: nowrap;
+ overflow: hidden;
}
.am-textarea-label.am-textarea-label-2 {
- width: 34px;
+ width: 34px;
}
.am-textarea-label.am-textarea-label-3 {
- width: 51px;
+ width: 51px;
}
.am-textarea-label.am-textarea-label-4 {
- width: 68px;
+ width: 68px;
}
.am-textarea-label.am-textarea-label-5 {
- width: 85px;
+ width: 85px;
}
.am-textarea-label.am-textarea-label-6 {
- width: 102px;
+ width: 102px;
}
.am-textarea-label.am-textarea-label-7 {
- width: 119px;
+ width: 119px;
}
.am-textarea-control {
- -webkit-box-flex: 1;
- -webkit-flex: 1;
- -ms-flex: 1;
- flex: 1;
- padding-top: 10px;
- padding-bottom: 9px;
+ -webkit-box-flex: 1;
+ -webkit-flex: 1;
+ -ms-flex: 1;
+ flex: 1;
+ padding-top: 10px;
+ padding-bottom: 9px;
}
.am-textarea-control textarea {
- color: #000;
- font-size: 17px;
- line-height: 25.5px;
- -webkit-appearance: none;
- -moz-appearance: none;
- appearance: none;
- width: 100%;
- padding: 0;
- border: 0;
- background-color: transparent;
- overflow: visible;
- display: block;
- resize: none;
- word-break: break-word;
- word-wrap: break-word;
+ color: #000;
+ font-size: 17px;
+ line-height: 25.5px;
+ -webkit-appearance: none;
+ -moz-appearance: none;
+ appearance: none;
+ width: 100%;
+ padding: 0;
+ border: 0;
+ background-color: transparent;
+ overflow: visible;
+ display: block;
+ resize: none;
+ word-break: break-word;
+ word-wrap: break-word;
}
.am-textarea-control textarea::-webkit-input-placeholder {
- color: #bbb;
+ color: #bbb;
}
.am-textarea-control textarea::-moz-placeholder {
- color: #bbb;
+ color: #bbb;
}
.am-textarea-control textarea::-ms-input-placeholder {
- color: #bbb;
+ color: #bbb;
}
.am-textarea-control textarea::placeholder {
- color: #bbb;
+ color: #bbb;
}
.am-textarea-control textarea:disabled {
- color: #bbb;
- background-color: #fff;
+ color: #bbb;
+ background-color: #fff;
}
.am-textarea-clear {
- display: none;
- width: 21px;
- height: 21px;
- margin-top: 12px;
- border-radius: 50%;
- overflow: hidden;
- font-style: normal;
- color: #fff;
- background-color: #ccc;
- background-repeat: no-repeat;
- background-size: 21px auto;
- background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20fill%3D'%23fff'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20d%3D'M19%206.41L17.59%205%2012%2010.59%206.41%205%205%206.41%2010.59%2012%205%2017.59%206.41%2019%2012%2013.41%2017.59%2019%2019%2017.59%2013.41%2012z'%2F%3E%3Cpath%20d%3D'M0%200h24v24H0z'%20fill%3D'none'%2F%3E%3C%2Fsvg%3E");
+ display: none;
+ width: 21px;
+ height: 21px;
+ margin-top: 12px;
+ border-radius: 50%;
+ overflow: hidden;
+ font-style: normal;
+ color: #fff;
+ background-color: #ccc;
+ background-repeat: no-repeat;
+ background-size: 21px auto;
+ background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20fill%3D'%23fff'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20d%3D'M19%206.41L17.59%205%2012%2010.59%206.41%205%205%206.41%2010.59%2012%205%2017.59%206.41%2019%2012%2013.41%2017.59%2019%2019%2017.59%2013.41%2012z'%2F%3E%3Cpath%20d%3D'M0%200h24v24H0z'%20fill%3D'none'%2F%3E%3C%2Fsvg%3E");
}
.am-textarea-clear-active {
- background-color: #108ee9;
+ background-color: #108ee9;
}
.am-textarea-focus .am-textarea-clear {
- display: block;
+ display: block;
}
.am-textarea-has-count {
- padding-bottom: 14px;
+ padding-bottom: 14px;
}
.am-textarea-count {
- position: absolute;
- bottom: 6px;
- right: 5px;
- color: #bbb;
- font-size: 14px;
+ position: absolute;
+ bottom: 6px;
+ right: 5px;
+ color: #bbb;
+ font-size: 14px;
}
.am-textarea-count span {
- color: #000;
+ color: #000;
}
.am-textarea-error .am-textarea-control textarea {
- color: #f50;
+ color: #f50;
}
.am-textarea-error .am-textarea-error-extra {
- margin-top: 12px;
- width: 21px;
- height: 21px;
- margin-left: 8px;
- background-size: 21px 21px;
- background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D'18'%20height%3D'18'%20viewBox%3D'0%200%2018%2018'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cg%20stroke%3D'none'%20stroke-width%3D'1'%20fill%3D'none'%20fill-rule%3D'evenodd'%3E%3Cg%20transform%3D'translate(-300.000000%2C%20-1207.000000)'%20fill%3D'%23FF5500'%3E%3Cg%20id%3D'exclamation-circle-o'%20transform%3D'translate(300.000000%2C%201207.000000)'%3E%3Cpath%20d%3D'M9%2C16.734375%20C10.0441406%2C16.734375%2011.0566406%2C16.5304688%2012.009375%2C16.1279297%20C12.9304688%2C15.7376953%2013.7566406%2C15.1804687%2014.4685547%2C14.4703125%20C15.1787109%2C13.7601563%2015.7376953%2C12.9322266%2016.1261719%2C12.0111328%20C16.5304688%2C11.0566406%2016.734375%2C10.0441406%2016.734375%2C9%20C16.734375%2C7.95585938%2016.5304688%2C6.94335938%2016.1279297%2C5.990625%20C15.7376953%2C5.06953125%2015.1804687%2C4.24335938%2014.4703125%2C3.53144531%20C13.7601563%2C2.82128906%2012.9322266%2C2.26230469%2012.0111328%2C1.87382813%20C11.0566406%2C1.46953125%2010.0441406%2C1.265625%209%2C1.265625%20C7.95585938%2C1.265625%206.94335938%2C1.46953125%205.990625%2C1.87207031%20C5.06953125%2C2.26230469%204.24335938%2C2.81953125%203.53144531%2C3.5296875%20C2.82128906%2C4.23984375%202.26230469%2C5.06777344%201.87382813%2C5.98886719%20C1.46953125%2C6.94335938%201.265625%2C7.95585938%201.265625%2C9%20C1.265625%2C10.0441406%201.46953125%2C11.0566406%201.87207031%2C12.009375%20C2.26230469%2C12.9304688%202.81953125%2C13.7566406%203.5296875%2C14.4685547%20C4.23984375%2C15.1787109%205.06777344%2C15.7376953%205.98886719%2C16.1261719%20C6.94335938%2C16.5304688%207.95585938%2C16.734375%209%2C16.734375%20L9%2C16.734375%20Z%20M9%2C18%20C4.02890625%2C18%200%2C13.9710937%200%2C9%20C0%2C4.02890625%204.02890625%2C0%209%2C0%20C13.9710937%2C0%2018%2C4.02890625%2018%2C9%20C18%2C13.9710937%2013.9710937%2C18%209%2C18%20L9%2C18%20L9%2C18%20Z%20M9%2C6.75%20C8.61152344%2C6.75%208.296875%2C7.06464844%208.296875%2C7.453125%20L8.296875%2C13.9394531%20C8.296875%2C14.3279297%208.61152344%2C14.6425781%209%2C14.6425781%20C9.38847656%2C14.6425781%209.703125%2C14.3279297%209.703125%2C13.9394531%20L9.703125%2C7.453125%20C9.703125%2C7.06464844%209.38847656%2C6.75%209%2C6.75%20L9%2C6.75%20Z%20M8.20898438%2C4.83398438%20C8.20898438%2C5.27085024%208.56313413%2C5.625%209%2C5.625%20C9.43686587%2C5.625%209.79101562%2C5.27085024%209.79101562%2C4.83398438%20C9.79101562%2C4.39711851%209.43686587%2C4.04296875%209%2C4.04296875%20C8.56313413%2C4.04296875%208.20898438%2C4.39711851%208.20898438%2C4.83398438%20L8.20898438%2C4.83398438%20Z'%20id%3D'Shape'%20transform%3D'translate(9.000000%2C%209.000000)%20scale(1%2C%20-1)%20translate(-9.000000%2C%20-9.000000)%20'%3E%3C%2Fpath%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E");
+ margin-top: 12px;
+ width: 21px;
+ height: 21px;
+ margin-left: 8px;
+ background-size: 21px 21px;
+ background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D'18'%20height%3D'18'%20viewBox%3D'0%200%2018%2018'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cg%20stroke%3D'none'%20stroke-width%3D'1'%20fill%3D'none'%20fill-rule%3D'evenodd'%3E%3Cg%20transform%3D'translate(-300.000000%2C%20-1207.000000)'%20fill%3D'%23FF5500'%3E%3Cg%20id%3D'exclamation-circle-o'%20transform%3D'translate(300.000000%2C%201207.000000)'%3E%3Cpath%20d%3D'M9%2C16.734375%20C10.0441406%2C16.734375%2011.0566406%2C16.5304688%2012.009375%2C16.1279297%20C12.9304688%2C15.7376953%2013.7566406%2C15.1804687%2014.4685547%2C14.4703125%20C15.1787109%2C13.7601563%2015.7376953%2C12.9322266%2016.1261719%2C12.0111328%20C16.5304688%2C11.0566406%2016.734375%2C10.0441406%2016.734375%2C9%20C16.734375%2C7.95585938%2016.5304688%2C6.94335938%2016.1279297%2C5.990625%20C15.7376953%2C5.06953125%2015.1804687%2C4.24335938%2014.4703125%2C3.53144531%20C13.7601563%2C2.82128906%2012.9322266%2C2.26230469%2012.0111328%2C1.87382813%20C11.0566406%2C1.46953125%2010.0441406%2C1.265625%209%2C1.265625%20C7.95585938%2C1.265625%206.94335938%2C1.46953125%205.990625%2C1.87207031%20C5.06953125%2C2.26230469%204.24335938%2C2.81953125%203.53144531%2C3.5296875%20C2.82128906%2C4.23984375%202.26230469%2C5.06777344%201.87382813%2C5.98886719%20C1.46953125%2C6.94335938%201.265625%2C7.95585938%201.265625%2C9%20C1.265625%2C10.0441406%201.46953125%2C11.0566406%201.87207031%2C12.009375%20C2.26230469%2C12.9304688%202.81953125%2C13.7566406%203.5296875%2C14.4685547%20C4.23984375%2C15.1787109%205.06777344%2C15.7376953%205.98886719%2C16.1261719%20C6.94335938%2C16.5304688%207.95585938%2C16.734375%209%2C16.734375%20L9%2C16.734375%20Z%20M9%2C18%20C4.02890625%2C18%200%2C13.9710937%200%2C9%20C0%2C4.02890625%204.02890625%2C0%209%2C0%20C13.9710937%2C0%2018%2C4.02890625%2018%2C9%20C18%2C13.9710937%2013.9710937%2C18%209%2C18%20L9%2C18%20L9%2C18%20Z%20M9%2C6.75%20C8.61152344%2C6.75%208.296875%2C7.06464844%208.296875%2C7.453125%20L8.296875%2C13.9394531%20C8.296875%2C14.3279297%208.61152344%2C14.6425781%209%2C14.6425781%20C9.38847656%2C14.6425781%209.703125%2C14.3279297%209.703125%2C13.9394531%20L9.703125%2C7.453125%20C9.703125%2C7.06464844%209.38847656%2C6.75%209%2C6.75%20L9%2C6.75%20Z%20M8.20898438%2C4.83398438%20C8.20898438%2C5.27085024%208.56313413%2C5.625%209%2C5.625%20C9.43686587%2C5.625%209.79101562%2C5.27085024%209.79101562%2C4.83398438%20C9.79101562%2C4.39711851%209.43686587%2C4.04296875%209%2C4.04296875%20C8.56313413%2C4.04296875%208.20898438%2C4.39711851%208.20898438%2C4.83398438%20L8.20898438%2C4.83398438%20Z'%20id%3D'Shape'%20transform%3D'translate(9.000000%2C%209.000000)%20scale(1%2C%20-1)%20translate(-9.000000%2C%20-9.000000)%20'%3E%3C%2Fpath%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}
.am-textarea-disabled .am-textarea-label {
- color: #bbb;
+ color: #bbb;
}
.am-list-body .am-list-item:last-child {
- border-bottom: 0;
+ border-bottom: 0;
}
.am-list-body .am-list-item:last-child:after {
- display: none !important;
+ display: none !important;
}
.am-toast {
- position: fixed;
- width: 100%;
- z-index: 1999;
- font-size: 14px;
- text-align: center;
+ position: fixed;
+ width: 100%;
+ z-index: 1999;
+ font-size: 14px;
+ text-align: center;
}
.am-toast > span {
- max-width: 50%;
+ max-width: 50%;
}
.am-toast.am-toast-mask {
- height: 100%;
- display: -webkit-box;
- display: -webkit-flex;
- display: -ms-flexbox;
- display: flex;
- -webkit-box-pack: center;
- -webkit-justify-content: center;
- -ms-flex-pack: center;
- justify-content: center;
- -webkit-box-align: center;
- -webkit-align-items: center;
- -ms-flex-align: center;
- align-items: center;
- left: 0;
- top: 0;
- -webkit-transform: translateZ(1px);
- transform: translateZ(1px);
+ height: 100%;
+ display: -webkit-box;
+ display: -webkit-flex;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-pack: center;
+ -webkit-justify-content: center;
+ -ms-flex-pack: center;
+ justify-content: center;
+ -webkit-box-align: center;
+ -webkit-align-items: center;
+ -ms-flex-align: center;
+ align-items: center;
+ left: 0;
+ top: 0;
+ -webkit-transform: translateZ(1px);
+ transform: translateZ(1px);
}
.am-toast.am-toast-nomask {
- position: fixed;
- max-width: 50%;
- width: auto;
- left: 50%;
- top: 50%;
- -webkit-transform: translateZ(1px);
- transform: translateZ(1px);
+ position: fixed;
+ max-width: 50%;
+ width: auto;
+ left: 50%;
+ top: 50%;
+ -webkit-transform: translateZ(1px);
+ transform: translateZ(1px);
}
.am-toast.am-toast-nomask .am-toast-notice {
- -webkit-transform: translateX(-50%) translateY(-50%);
- -ms-transform: translateX(-50%) translateY(-50%);
- transform: translateX(-50%) translateY(-50%);
+ -webkit-transform: translateX(-50%) translateY(-50%);
+ -ms-transform: translateX(-50%) translateY(-50%);
+ transform: translateX(-50%) translateY(-50%);
}
.am-toast-notice-content .am-toast-text {
- min-width: 60px;
- border-radius: 3px;
- color: #fff;
- background-color: rgba(58, 58, 58, 0.9);
- line-height: 1.5;
- padding: 9px 15px;
+ min-width: 60px;
+ border-radius: 3px;
+ color: #fff;
+ background-color: rgba(58, 58, 58, 0.9);
+ line-height: 1.5;
+ padding: 9px 15px;
}
.am-toast-notice-content .am-toast-text.am-toast-text-icon {
- border-radius: 5px;
- padding: 15px 15px;
+ border-radius: 5px;
+ padding: 15px 15px;
}
.am-toast-notice-content .am-toast-text.am-toast-text-icon .am-toast-text-info {
- margin-top: 6px;
+ margin-top: 6px;
}
.am-whitespace.am-whitespace-xs {
- height: 3px;
+ height: 3px;
}
.am-whitespace.am-whitespace-sm {
- height: 6px;
+ height: 6px;
}
.am-whitespace.am-whitespace-md {
- height: 9px;
+ height: 9px;
}
.am-whitespace.am-whitespace-lg {
- height: 15px;
+ height: 15px;
}
.am-whitespace.am-whitespace-xl {
- height: 21px;
+ height: 21px;
}
.am-wingblank {
- margin-left: 8px;
- margin-right: 8px;
+ margin-left: 8px;
+ margin-right: 8px;
}
.am-wingblank.am-wingblank-sm {
- margin-left: 5px;
- margin-right: 5px;
+ margin-left: 5px;
+ margin-right: 5px;
}
.am-wingblank.am-wingblank-md {
- margin-left: 8px;
- margin-right: 8px;
+ margin-left: 8px;
+ margin-right: 8px;
}
.am-wingblank.am-wingblank-lg {
- margin-left: 15px;
- margin-right: 15px;
+ margin-left: 15px;
+ margin-right: 15px;
}
-/*# sourceMappingURL=antd-mobile.css.map*/
\ No newline at end of file
+/*# sourceMappingURL=antd-mobile.css.map*/
diff --git a/pwa/src/antd-mobile.min.css b/pwa/src/antd-mobile.min.css
index b7a7beb..39a1060 100644
--- a/pwa/src/antd-mobile.min.css
+++ b/pwa/src/antd-mobile.min.css
@@ -6,5 +6,7878 @@
* All rights reserved.
*
*/
-/*! normalize.css v7.0.0 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,footer,header,nav,section{display:block}h1{font-size:2em;margin:.67em 0}figcaption,figure,main{display:block}figure{margin:1em 40px}hr{-webkit-box-sizing:content-box;box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent;-webkit-text-decoration-skip:objects}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:inherit;font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}dfn{font-style:italic}mark{background-color:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}audio,video{display:inline-block}audio:not([controls]){display:none;height:0}img{border-style:none}svg:not(:root){overflow:hidden}button,input,optgroup,select,textarea{font-family:sans-serif;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=reset],[type=submit],button,html [type=button]{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{-webkit-box-sizing:border-box;box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{display:inline-block;vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{-webkit-box-sizing:border-box;box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details,menu{display:block}summary{display:list-item}canvas{display:inline-block}[hidden],template{display:none}.am-fade-appear,.am-fade-enter{opacity:0}.am-fade-appear,.am-fade-enter,.am-fade-leave{-webkit-animation-duration:.2s;animation-duration:.2s;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-timing-function:cubic-bezier(.55,0,.55,.2);animation-timing-function:cubic-bezier(.55,0,.55,.2);-webkit-animation-play-state:paused;animation-play-state:paused}.am-fade-appear.am-fade-appear-active,.am-fade-enter.am-fade-enter-active{-webkit-animation-name:amFadeIn;animation-name:amFadeIn;-webkit-animation-play-state:running;animation-play-state:running}.am-fade-leave.am-fade-leave-active{-webkit-animation-name:amFadeOut;animation-name:amFadeOut;-webkit-animation-play-state:running;animation-play-state:running}@-webkit-keyframes amFadeIn{0%{opacity:0}to{opacity:1}}@keyframes amFadeIn{0%{opacity:0}to{opacity:1}}@-webkit-keyframes amFadeOut{0%{opacity:1}to{opacity:0}}@keyframes amFadeOut{0%{opacity:1}to{opacity:0}}.am-slide-up-appear,.am-slide-up-enter{-webkit-transform:translateY(100%);-ms-transform:translateY(100%);transform:translateY(100%)}.am-slide-up-appear,.am-slide-up-enter,.am-slide-up-leave{-webkit-animation-duration:.2s;animation-duration:.2s;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-timing-function:cubic-bezier(.55,0,.55,.2);animation-timing-function:cubic-bezier(.55,0,.55,.2);-webkit-animation-play-state:paused;animation-play-state:paused}.am-slide-up-appear.am-slide-up-appear-active,.am-slide-up-enter.am-slide-up-enter-active{-webkit-animation-name:amSlideUpIn;animation-name:amSlideUpIn;-webkit-animation-play-state:running;animation-play-state:running}.am-slide-up-leave.am-slide-up-leave-active{-webkit-animation-name:amSlideUpOut;animation-name:amSlideUpOut;-webkit-animation-play-state:running;animation-play-state:running}@-webkit-keyframes amSlideUpIn{0%{-webkit-transform:translateY(100%);transform:translateY(100%)}to{-webkit-transform:translate(0);transform:translate(0)}}@keyframes amSlideUpIn{0%{-webkit-transform:translateY(100%);transform:translateY(100%)}to{-webkit-transform:translate(0);transform:translate(0)}}@-webkit-keyframes amSlideUpOut{0%{-webkit-transform:translate(0);transform:translate(0)}to{-webkit-transform:translateY(100%);transform:translateY(100%)}}@keyframes amSlideUpOut{0%{-webkit-transform:translate(0);transform:translate(0)}to{-webkit-transform:translateY(100%);transform:translateY(100%)}}.am.am-zoom-enter,.am.am-zoom-leave{display:block}.am-zoom-appear,.am-zoom-enter{opacity:0;-webkit-animation-duration:.2s;animation-duration:.2s;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-timing-function:cubic-bezier(.55,0,.55,.2);animation-timing-function:cubic-bezier(.55,0,.55,.2);-webkit-animation-timing-function:cubic-bezier(.18,.89,.32,1.28);animation-timing-function:cubic-bezier(.18,.89,.32,1.28);-webkit-animation-play-state:paused;animation-play-state:paused}.am-zoom-leave{-webkit-animation-duration:.2s;animation-duration:.2s;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-timing-function:cubic-bezier(.55,0,.55,.2);animation-timing-function:cubic-bezier(.55,0,.55,.2);-webkit-animation-timing-function:cubic-bezier(.6,-.3,.74,.05);animation-timing-function:cubic-bezier(.6,-.3,.74,.05);-webkit-animation-play-state:paused;animation-play-state:paused}.am-zoom-appear.am-zoom-appear-active,.am-zoom-enter.am-zoom-enter-active{-webkit-animation-name:amZoomIn;animation-name:amZoomIn;-webkit-animation-play-state:running;animation-play-state:running}.am-zoom-leave.am-zoom-leave-active{-webkit-animation-name:amZoomOut;animation-name:amZoomOut;-webkit-animation-play-state:running;animation-play-state:running}@-webkit-keyframes amZoomIn{0%{opacity:0;-webkit-transform-origin:50% 50%;transform-origin:50% 50%;-webkit-transform:scale(0);transform:scale(0)}to{opacity:1;-webkit-transform-origin:50% 50%;transform-origin:50% 50%;-webkit-transform:scale(1);transform:scale(1)}}@keyframes amZoomIn{0%{opacity:0;-webkit-transform-origin:50% 50%;transform-origin:50% 50%;-webkit-transform:scale(0);transform:scale(0)}to{opacity:1;-webkit-transform-origin:50% 50%;transform-origin:50% 50%;-webkit-transform:scale(1);transform:scale(1)}}@-webkit-keyframes amZoomOut{0%{opacity:1;-webkit-transform-origin:50% 50%;transform-origin:50% 50%;-webkit-transform:scale(1);transform:scale(1)}to{opacity:0;-webkit-transform-origin:50% 50%;transform-origin:50% 50%;-webkit-transform:scale(0);transform:scale(0)}}@keyframes amZoomOut{0%{opacity:1;-webkit-transform-origin:50% 50%;transform-origin:50% 50%;-webkit-transform:scale(1);transform:scale(1)}to{opacity:0;-webkit-transform-origin:50% 50%;transform-origin:50% 50%;-webkit-transform:scale(0);transform:scale(0)}}.am-slide-down-appear,.am-slide-down-enter{-webkit-transform:translateY(-100%);-ms-transform:translateY(-100%);transform:translateY(-100%)}.am-slide-down-appear,.am-slide-down-enter,.am-slide-down-leave{-webkit-animation-duration:.2s;animation-duration:.2s;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-timing-function:cubic-bezier(.55,0,.55,.2);animation-timing-function:cubic-bezier(.55,0,.55,.2);-webkit-animation-play-state:paused;animation-play-state:paused}.am-slide-down-appear.am-slide-down-appear-active,.am-slide-down-enter.am-slide-down-enter-active{-webkit-animation-name:amSlideDownIn;animation-name:amSlideDownIn;-webkit-animation-play-state:running;animation-play-state:running}.am-slide-down-leave.am-slide-down-leave-active{-webkit-animation-name:amSlideDownOut;animation-name:amSlideDownOut;-webkit-animation-play-state:running;animation-play-state:running}@-webkit-keyframes amSlideDownIn{0%{-webkit-transform:translateY(-100%);transform:translateY(-100%)}to{-webkit-transform:translate(0);transform:translate(0)}}@keyframes amSlideDownIn{0%{-webkit-transform:translateY(-100%);transform:translateY(-100%)}to{-webkit-transform:translate(0);transform:translate(0)}}@-webkit-keyframes amSlideDownOut{0%{-webkit-transform:translate(0);transform:translate(0)}to{-webkit-transform:translateY(-100%);transform:translateY(-100%)}}@keyframes amSlideDownOut{0%{-webkit-transform:translate(0);transform:translate(0)}to{-webkit-transform:translateY(-100%);transform:translateY(-100%)}}*,:after,:before{-webkit-tap-highlight-color:rgba(0,0,0,0)}body{background-color:#f5f5f9;font-size:14px}[contenteditable]{-webkit-user-select:auto!important}:focus,a{outline:none}a{background:transparent;text-decoration:none}.am-accordion{position:relative;border-top:1px solid #ddd}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:2dppx){html:not([data-scale]) .am-accordion{border-top:none}html:not([data-scale]) .am-accordion:before{content:"";position:absolute;background-color:#ddd;display:block;z-index:1;top:0;right:auto;bottom:auto;left:0;width:100%;height:1px;-webkit-transform-origin:50% 50%;-ms-transform-origin:50% 50%;transform-origin:50% 50%;-webkit-transform:scaleY(.5);-ms-transform:scaleY(.5);transform:scaleY(.5)}}@media (-webkit-min-device-pixel-ratio:2) and (-webkit-min-device-pixel-ratio:3),(min-resolution:2dppx) and (min-resolution:3dppx){html:not([data-scale]) .am-accordion:before{-webkit-transform:scaleY(.33);-ms-transform:scaleY(.33);transform:scaleY(.33)}}.am-accordion-anim-active{-webkit-transition:all .2s ease-out;transition:all .2s ease-out}.am-accordion .am-accordion-item .am-accordion-header{position:relative;color:#000;font-size:17px;height:44px;line-height:44px;background-color:#fff;-webkit-box-sizing:content-box;box-sizing:content-box;padding-left:15px;padding-right:30px;border-bottom:1px solid #ddd;width:auto;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:2dppx){html:not([data-scale]) .am-accordion .am-accordion-item .am-accordion-header{border-bottom:none}html:not([data-scale]) .am-accordion .am-accordion-item .am-accordion-header:after{content:"";position:absolute;background-color:#ddd;display:block;z-index:1;top:auto;right:auto;bottom:0;left:0;width:100%;height:1px;-webkit-transform-origin:50% 100%;-ms-transform-origin:50% 100%;transform-origin:50% 100%;-webkit-transform:scaleY(.5);-ms-transform:scaleY(.5);transform:scaleY(.5)}}@media (-webkit-min-device-pixel-ratio:2) and (-webkit-min-device-pixel-ratio:3),(min-resolution:2dppx) and (min-resolution:3dppx){html:not([data-scale]) .am-accordion .am-accordion-item .am-accordion-header:after{-webkit-transform:scaleY(.33);-ms-transform:scaleY(.33);transform:scaleY(.33)}}.am-accordion .am-accordion-item .am-accordion-header i{position:absolute;display:block;top:15px;right:15px;width:15px;height:15px;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='26' viewBox='0 0 16 26' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2 0L0 2l11.5 11L0 24l2 2 14-13z' fill='%23C7C7CC' fill-rule='evenodd'/%3E%3C/svg%3E");background-size:contain;background-repeat:no-repeat;background-position:50% 50%;-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg);-webkit-transition:-webkit-transform .2s ease;transition:-webkit-transform .2s ease;transition:transform .2s ease;transition:transform .2s ease,-webkit-transform .2s ease}.am-accordion .am-accordion-item .am-accordion-header[aria-expanded~=true] i{-webkit-transform:rotate(270deg);-ms-transform:rotate(270deg);transform:rotate(270deg)}.am-accordion .am-accordion-item .am-accordion-content{overflow:hidden;background:#fff}.am-accordion .am-accordion-item .am-accordion-content .am-accordion-content-box{font-size:15px;color:#333;position:relative;border-bottom:1px solid #ddd}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:2dppx){html:not([data-scale]) .am-accordion .am-accordion-item .am-accordion-content .am-accordion-content-box{border-bottom:none}html:not([data-scale]) .am-accordion .am-accordion-item .am-accordion-content .am-accordion-content-box:after{content:"";position:absolute;background-color:#ddd;display:block;z-index:1;top:auto;right:auto;bottom:0;left:0;width:100%;height:1px;-webkit-transform-origin:50% 100%;-ms-transform-origin:50% 100%;transform-origin:50% 100%;-webkit-transform:scaleY(.5);-ms-transform:scaleY(.5);transform:scaleY(.5)}}@media (-webkit-min-device-pixel-ratio:2) and (-webkit-min-device-pixel-ratio:3),(min-resolution:2dppx) and (min-resolution:3dppx){html:not([data-scale]) .am-accordion .am-accordion-item .am-accordion-content .am-accordion-content-box:after{-webkit-transform:scaleY(.33);-ms-transform:scaleY(.33);transform:scaleY(.33)}}.am-accordion .am-accordion-item .am-accordion-content .am-accordion-content-box .am-list-body{border-top:0}.am-accordion .am-accordion-item .am-accordion-content .am-accordion-content-box .am-list-body:before{display:none!important}.am-accordion .am-accordion-item .am-accordion-content.am-accordion-content-inactive{display:none}.am-badge{position:relative;display:inline-block;line-height:1;vertical-align:middle}.am-badge-text{text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;position:absolute;top:-6px;height:18px;line-height:18px;min-width:9px;border-radius:12px;padding:0 5px;text-align:center;font-size:12px;color:#fff;background-color:#ff5b05;white-space:nowrap;-webkit-transform:translateX(-45%);-ms-transform:translateX(-45%);transform:translateX(-45%);-webkit-transform-origin:-10% center;-ms-transform-origin:-10% center;transform-origin:-10% center;z-index:10;font-family:Helvetica Neue,Helvetica,PingFang SC,Hiragino Sans GB,Microsoft YaHei,\\5FAE\8F6F\96C5\9ED1,SimSun,sans-serif}.am-badge-text a{color:#fff}.am-badge-text p{margin:0;padding:0}.am-badge-hot .am-badge-text{background-color:#f96268}.am-badge-dot{position:absolute;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);-webkit-transform-origin:0 center;-ms-transform-origin:0 center;transform-origin:0 center;top:-4px;height:8px;width:8px;border-radius:100%;background:#ff5b05;z-index:10}.am-badge-dot-large{height:16px;width:16px}.am-badge-not-a-wrapper .am-badge-dot,.am-badge-not-a-wrapper .am-badge-text{top:auto;display:block;position:relative;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}.am-badge-corner{width:80px;padding:8px;position:absolute;right:-32px;top:8px;background-color:#ff5b05;color:#fff;white-space:nowrap;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);text-align:center;font-size:15px}.am-badge-corner-wrapper{overflow:hidden}.am-action-sheet-wrap{overflow:auto;-webkit-overflow-scrolling:touch;outline:0}.am-action-sheet-mask,.am-action-sheet-wrap{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000}.am-action-sheet-mask{background-color:rgba(0,0,0,.4);height:100%}.am-action-sheet-close,.am-action-sheet-mask-hidden{display:none}.am-action-sheet{position:fixed;left:0;bottom:0;width:100%;background-color:#fff;padding-bottom:env(safe-area-inset-bottom)}.am-action-sheet.am-action-sheet-share{background-color:#f2f2f2}.am-action-sheet-message,.am-action-sheet-title{margin:15px auto;padding:0 15px;text-align:center}.am-action-sheet-title{font-size:17px}.am-action-sheet-message{color:#888;font-size:14px}.am-action-sheet-button-list{text-align:center;color:#000}.am-action-sheet-button-list-item{font-size:18px;padding:0 8px;margin:0;position:relative;height:50px;line-height:50px;-webkit-box-sizing:border-box;box-sizing:border-box;white-space:nowrap;text-overflow:ellipsis;overflow-x:hidden;border-top:1px solid #ddd}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:2dppx){html:not([data-scale]) .am-action-sheet-button-list-item{border-top:none}html:not([data-scale]) .am-action-sheet-button-list-item:before{content:"";position:absolute;background-color:#ddd;display:block;z-index:1;top:0;right:auto;bottom:auto;left:0;width:100%;height:1px;-webkit-transform-origin:50% 50%;-ms-transform-origin:50% 50%;transform-origin:50% 50%;-webkit-transform:scaleY(.5);-ms-transform:scaleY(.5);transform:scaleY(.5)}}@media (-webkit-min-device-pixel-ratio:2) and (-webkit-min-device-pixel-ratio:3),(min-resolution:2dppx) and (min-resolution:3dppx){html:not([data-scale]) .am-action-sheet-button-list-item:before{-webkit-transform:scaleY(.33);-ms-transform:scaleY(.33);transform:scaleY(.33)}}.am-action-sheet-button-list-item.am-action-sheet-button-list-item-active{background-color:#ddd}.am-action-sheet-button-list-badge{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center}.am-action-sheet-button-list-badge .am-badge{margin-left:8px;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0}.am-action-sheet-button-list-item-content{display:inline-block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.am-action-sheet-button-list .am-action-sheet-cancel-button{padding-top:6px;position:relative}.am-action-sheet-button-list .am-action-sheet-cancel-button-mask{position:absolute;top:0;left:0;width:100%;height:6px;background-color:#e7e7ed;border-top:1px solid #ddd;border-bottom:1px solid #ddd}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:2dppx){html:not([data-scale]) .am-action-sheet-button-list .am-action-sheet-cancel-button-mask{border-top:none}html:not([data-scale]) .am-action-sheet-button-list .am-action-sheet-cancel-button-mask:before{content:"";position:absolute;background-color:#ddd;display:block;z-index:1;top:0;right:auto;bottom:auto;left:0;width:100%;height:1px;-webkit-transform-origin:50% 50%;-ms-transform-origin:50% 50%;transform-origin:50% 50%;-webkit-transform:scaleY(.5);-ms-transform:scaleY(.5);transform:scaleY(.5)}}@media (-webkit-min-device-pixel-ratio:2) and (-webkit-min-device-pixel-ratio:3),(min-resolution:2dppx) and (min-resolution:3dppx){html:not([data-scale]) .am-action-sheet-button-list .am-action-sheet-cancel-button-mask:before{-webkit-transform:scaleY(.33);-ms-transform:scaleY(.33);transform:scaleY(.33)}}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:2dppx){html:not([data-scale]) .am-action-sheet-button-list .am-action-sheet-cancel-button-mask{border-bottom:none}html:not([data-scale]) .am-action-sheet-button-list .am-action-sheet-cancel-button-mask:after{content:"";position:absolute;background-color:#ddd;display:block;z-index:1;top:auto;right:auto;bottom:0;left:0;width:100%;height:1px;-webkit-transform-origin:50% 100%;-ms-transform-origin:50% 100%;transform-origin:50% 100%;-webkit-transform:scaleY(.5);-ms-transform:scaleY(.5);transform:scaleY(.5)}}@media (-webkit-min-device-pixel-ratio:2) and (-webkit-min-device-pixel-ratio:3),(min-resolution:2dppx) and (min-resolution:3dppx){html:not([data-scale]) .am-action-sheet-button-list .am-action-sheet-cancel-button-mask:after{-webkit-transform:scaleY(.33);-ms-transform:scaleY(.33);transform:scaleY(.33)}}.am-action-sheet-button-list .am-action-sheet-destructive-button{color:#f4333c}.am-action-sheet-share-list{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;position:relative;border-top:1px solid #ddd;padding:21px 0 21px 15px;overflow-y:scroll;-webkit-overflow-scrolling:touch}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:2dppx){html:not([data-scale]) .am-action-sheet-share-list{border-top:none}html:not([data-scale]) .am-action-sheet-share-list:before{content:"";position:absolute;background-color:#ddd;display:block;z-index:1;top:0;right:auto;bottom:auto;left:0;width:100%;height:1px;-webkit-transform-origin:50% 50%;-ms-transform-origin:50% 50%;transform-origin:50% 50%;-webkit-transform:scaleY(.5);-ms-transform:scaleY(.5);transform:scaleY(.5)}}@media (-webkit-min-device-pixel-ratio:2) and (-webkit-min-device-pixel-ratio:3),(min-resolution:2dppx) and (min-resolution:3dppx){html:not([data-scale]) .am-action-sheet-share-list:before{-webkit-transform:scaleY(.33);-ms-transform:scaleY(.33);transform:scaleY(.33)}}.am-action-sheet-share-list-item{-webkit-box-flex:0;-webkit-flex:none;-ms-flex:none;flex:none;margin:0 12px 0 0}.am-action-sheet-share-list-item-icon{margin-bottom:9px;width:60px;height:60px;background-color:#fff;border-radius:3px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}.am-action-sheet-share-list-item-title{color:#888;font-size:10px;text-align:center}.am-action-sheet-share-cancel-button{height:50px;line-height:50px;text-align:center;background-color:#fff;color:#000;font-size:18px;position:relative;border-top:1px solid #ddd;-webkit-box-sizing:border-box;box-sizing:border-box}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:2dppx){html:not([data-scale]) .am-action-sheet-share-cancel-button{border-top:none}html:not([data-scale]) .am-action-sheet-share-cancel-button:before{content:"";position:absolute;background-color:#ddd;display:block;z-index:1;top:0;right:auto;bottom:auto;left:0;width:100%;height:1px;-webkit-transform-origin:50% 50%;-ms-transform-origin:50% 50%;transform-origin:50% 50%;-webkit-transform:scaleY(.5);-ms-transform:scaleY(.5);transform:scaleY(.5)}}@media (-webkit-min-device-pixel-ratio:2) and (-webkit-min-device-pixel-ratio:3),(min-resolution:2dppx) and (min-resolution:3dppx){html:not([data-scale]) .am-action-sheet-share-cancel-button:before{-webkit-transform:scaleY(.33);-ms-transform:scaleY(.33);transform:scaleY(.33)}}.am-action-sheet-share-cancel-button.am-action-sheet-share-cancel-button-active{background-color:#ddd}.am-activity-indicator{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;z-index:99}.am-activity-indicator-spinner{display:inline-block;width:20px;height:20px;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-2.125 -1.875 64 64'%3E%3Cpath fill='%23CCC' d='M29.875-1.875c-17.673 0-32 14.327-32 32s14.327 32 32 32 32-14.327 32-32-14.327-32-32-32zm0 60.7c-15.85 0-28.7-12.85-28.7-28.7s12.85-28.7 28.7-28.7 28.7 12.85 28.7 28.7-12.85 28.7-28.7 28.7z'/%3E%3Cpath fill='%23108ee9' d='M61.858 30.34c.003-.102.008-.203.008-.305 0-11.43-5.996-21.452-15.01-27.113l-.013.026a1.629 1.629 0 0 0-.81-.22 1.646 1.646 0 1 0-.713 3.132c7.963 5.1 13.247 14.017 13.247 24.176 0 .147-.01.293-.01.44h.022c0 .01-.004.02-.004.03 0 .91.74 1.65 1.65 1.65s1.65-.74 1.65-1.65c0-.06-.012-.112-.018-.167z'/%3E%3C/svg%3E");background-position:50%;background-size:100%;background-repeat:no-repeat;-webkit-animation:spinner-anime 1s linear infinite;animation:spinner-anime 1s linear infinite}.am-activity-indicator-tip{font-size:14px;margin-left:8px;color:#000;opacity:.4}.am-activity-indicator.am-activity-indicator-toast{position:fixed;top:0;left:0;width:100%;height:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;text-align:center;z-index:1999}.am-activity-indicator.am-activity-indicator-toast .am-activity-indicator-spinner{margin:0}.am-activity-indicator.am-activity-indicator-toast .am-activity-indicator-toast{display:inline-block;position:relative;top:4px}.am-activity-indicator-content{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;padding:15px;border-radius:7px;background-clip:padding-box;color:#fff;background-color:rgba(58,58,58,.9);font-size:15px;line-height:20px}.am-activity-indicator-spinner-lg{width:32px;height:32px}@-webkit-keyframes spinner-anime{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes spinner-anime{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.am-icon{fill:currentColor;background-size:cover;width:22px;height:22px}.am-icon-xxs{width:15px;height:15px}.am-icon-xs{width:18px;height:18px}.am-icon-sm{width:21px;height:21px}.am-icon-md{width:22px;height:22px}.am-icon-lg{width:36px;height:36px}.am-icon-loading{-webkit-animation:cirle-anim 1s linear infinite;animation:cirle-anim 1s linear infinite}@-webkit-keyframes cirle-anim{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes cirle-anim{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.am-button{display:block;outline:0 none;-webkit-appearance:none;-webkit-box-sizing:border-box;box-sizing:border-box;padding:0;text-align:center;font-size:18px;height:47px;line-height:47px;overflow:hidden;text-overflow:ellipsis;word-break:break-word;white-space:nowrap;color:#000;background-color:#fff;border:1px solid #ddd;border-radius:5px}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:2dppx){html:not([data-scale]) .am-button{position:relative;border:none}html:not([data-scale]) .am-button:before{content:"";position:absolute;left:0;top:0;width:200%;height:200%;border:1px solid #ddd;border-radius:10px;-webkit-transform-origin:0 0;-ms-transform-origin:0 0;transform-origin:0 0;-webkit-transform:scale(.5);-ms-transform:scale(.5);transform:scale(.5);-webkit-box-sizing:border-box;box-sizing:border-box;pointer-events:none}}.am-button-borderfix:before{-webkit-transform:scale(.49)!important;-ms-transform:scale(.49)!important;transform:scale(.49)!important}.am-button.am-button-active{background-color:#ddd}.am-button.am-button-disabled{color:rgba(0,0,0,.3);opacity:.6}.am-button-primary{color:#fff;background-color:#108ee9;border:1px solid #108ee9;border-radius:5px}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:2dppx){html:not([data-scale]) .am-button-primary{position:relative;border:none}html:not([data-scale]) .am-button-primary:before{content:"";position:absolute;left:0;top:0;width:200%;height:200%;border:1px solid #108ee9;border-radius:10px;-webkit-transform-origin:0 0;-ms-transform-origin:0 0;transform-origin:0 0;-webkit-transform:scale(.5);-ms-transform:scale(.5);transform:scale(.5);-webkit-box-sizing:border-box;box-sizing:border-box;pointer-events:none}}.am-button-primary.am-button-active{color:hsla(0,0%,100%,.3);background-color:#0e80d2}.am-button-primary.am-button-disabled{color:hsla(0,0%,100%,.6);opacity:.4}.am-button-ghost{color:#108ee9;background-color:transparent;border:1px solid #108ee9;border-radius:5px}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:2dppx){html:not([data-scale]) .am-button-ghost{position:relative;border:none}html:not([data-scale]) .am-button-ghost:before{content:"";position:absolute;left:0;top:0;width:200%;height:200%;border:1px solid #108ee9;border-radius:10px;-webkit-transform-origin:0 0;-ms-transform-origin:0 0;transform-origin:0 0;-webkit-transform:scale(.5);-ms-transform:scale(.5);transform:scale(.5);-webkit-box-sizing:border-box;box-sizing:border-box;pointer-events:none}}.am-button-ghost.am-button-active{color:rgba(16,142,233,.6);background-color:transparent;border:1px solid rgba(16,142,233,.6);border-radius:5px}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:2dppx){html:not([data-scale]) .am-button-ghost.am-button-active{position:relative;border:none}html:not([data-scale]) .am-button-ghost.am-button-active:before{content:"";position:absolute;left:0;top:0;width:200%;height:200%;border:1px solid rgba(16,142,233,.6);border-radius:10px;-webkit-transform-origin:0 0;-ms-transform-origin:0 0;transform-origin:0 0;-webkit-transform:scale(.5);-ms-transform:scale(.5);transform:scale(.5);-webkit-box-sizing:border-box;box-sizing:border-box;pointer-events:none}}.am-button-ghost.am-button-disabled{color:rgba(0,0,0,.1);border:1px solid rgba(0,0,0,.1);border-radius:5px;opacity:1}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:2dppx){html:not([data-scale]) .am-button-ghost.am-button-disabled{position:relative;border:none}html:not([data-scale]) .am-button-ghost.am-button-disabled:before{content:"";position:absolute;left:0;top:0;width:200%;height:200%;border:1px solid rgba(0,0,0,.1);border-radius:10px;-webkit-transform-origin:0 0;-ms-transform-origin:0 0;transform-origin:0 0;-webkit-transform:scale(.5);-ms-transform:scale(.5);transform:scale(.5);-webkit-box-sizing:border-box;box-sizing:border-box;pointer-events:none}}.am-button-warning{color:#fff;background-color:#e94f4f}.am-button-warning.am-button-active{color:hsla(0,0%,100%,.3);background-color:#d24747}.am-button-warning.am-button-disabled{color:hsla(0,0%,100%,.6);opacity:.4}.am-button-inline{display:inline-block;padding:0 15px}.am-button-inline.am-button-icon{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex}.am-button-small{font-size:13px;height:30px;line-height:30px;padding:0 15px}.am-button-icon{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center}.am-button>.am-button-icon{margin-right:.5em}.am-picker-col{display:block;position:relative;height:238px;overflow:hidden;width:100%}.am-picker-col-content{position:absolute;left:0;top:0;width:100%;z-index:1;padding:102px 0}.am-picker-col-item{-ms-touch-action:manipulation;touch-action:manipulation;text-align:center;font-size:16px;height:34px;line-height:34px;color:#000;white-space:nowrap;text-overflow:ellipsis}.am-picker-col-item-selected{font-size:17px}.am-picker-col-mask{top:0;height:100%;margin:0 auto;background-image:-webkit-linear-gradient(top,hsla(0,0%,100%,.95),hsla(0,0%,100%,.6)),-webkit-linear-gradient(bottom,hsla(0,0%,100%,.95),hsla(0,0%,100%,.6));background-image:-webkit-gradient(linear,left top,left bottom,from(hsla(0,0%,100%,.95)),to(hsla(0,0%,100%,.6))),-webkit-gradient(linear,left bottom,left top,from(hsla(0,0%,100%,.95)),to(hsla(0,0%,100%,.6)));background-image:linear-gradient(180deg,hsla(0,0%,100%,.95),hsla(0,0%,100%,.6)),linear-gradient(0deg,hsla(0,0%,100%,.95),hsla(0,0%,100%,.6));background-position:top,bottom;background-size:100% 102px;background-repeat:no-repeat}.am-picker-col-indicator,.am-picker-col-mask{position:absolute;left:0;width:100%;z-index:3}.am-picker-col-indicator{-webkit-box-sizing:border-box;box-sizing:border-box;height:34px;top:102px;border-top:1px solid #ddd;border-bottom:1px solid #ddd}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:2dppx){html:not([data-scale]) .am-picker-col-indicator{border-top:none}html:not([data-scale]) .am-picker-col-indicator:before{content:"";position:absolute;background-color:#ddd;display:block;z-index:1;top:0;right:auto;bottom:auto;left:0;width:100%;height:1px;-webkit-transform-origin:50% 50%;-ms-transform-origin:50% 50%;transform-origin:50% 50%;-webkit-transform:scaleY(.5);-ms-transform:scaleY(.5);transform:scaleY(.5)}}@media (-webkit-min-device-pixel-ratio:2) and (-webkit-min-device-pixel-ratio:3),(min-resolution:2dppx) and (min-resolution:3dppx){html:not([data-scale]) .am-picker-col-indicator:before{-webkit-transform:scaleY(.33);-ms-transform:scaleY(.33);transform:scaleY(.33)}}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:2dppx){html:not([data-scale]) .am-picker-col-indicator{border-bottom:none}html:not([data-scale]) .am-picker-col-indicator:after{content:"";position:absolute;background-color:#ddd;display:block;z-index:1;top:auto;right:auto;bottom:0;left:0;width:100%;height:1px;-webkit-transform-origin:50% 100%;-ms-transform-origin:50% 100%;transform-origin:50% 100%;-webkit-transform:scaleY(.5);-ms-transform:scaleY(.5);transform:scaleY(.5)}}@media (-webkit-min-device-pixel-ratio:2) and (-webkit-min-device-pixel-ratio:3),(min-resolution:2dppx) and (min-resolution:3dppx){html:not([data-scale]) .am-picker-col-indicator:after{-webkit-transform:scaleY(.33);-ms-transform:scaleY(.33);transform:scaleY(.33)}}.am-picker{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}.am-picker-item{-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;text-align:center}.am-picker-popup{left:0;bottom:0;position:fixed;width:100%;background-color:#fff;padding-bottom:env(safe-area-inset-bottom)}.am-picker-popup-wrap{overflow:auto;-webkit-overflow-scrolling:touch;outline:0}.am-picker-popup-mask,.am-picker-popup-wrap{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;-webkit-transform:translateZ(1px);transform:translateZ(1px)}.am-picker-popup-mask{background-color:rgba(0,0,0,.4);height:100%}.am-picker-popup-mask-hidden{display:none}.am-picker-popup-header{background-image:-webkit-linear-gradient(top,#e7e7e7,#e7e7e7,transparent,transparent);background-image:-webkit-gradient(linear,left top,left bottom,from(#e7e7e7),color-stop(#e7e7e7),color-stop(transparent),to(transparent));background-image:linear-gradient(180deg,#e7e7e7,#e7e7e7,transparent,transparent);background-position:bottom;background-size:100% 1px;background-repeat:no-repeat;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;position:relative;border-bottom:1px solid #ddd}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:2dppx){html:not([data-scale]) .am-picker-popup-header{border-bottom:none}html:not([data-scale]) .am-picker-popup-header:after{content:"";position:absolute;background-color:#ddd;display:block;z-index:1;top:auto;right:auto;bottom:0;left:0;width:100%;height:1px;-webkit-transform-origin:50% 100%;-ms-transform-origin:50% 100%;transform-origin:50% 100%;-webkit-transform:scaleY(.5);-ms-transform:scaleY(.5);transform:scaleY(.5)}}@media (-webkit-min-device-pixel-ratio:2) and (-webkit-min-device-pixel-ratio:3),(min-resolution:2dppx) and (min-resolution:3dppx){html:not([data-scale]) .am-picker-popup-header:after{-webkit-transform:scaleY(.33);-ms-transform:scaleY(.33);transform:scaleY(.33)}}.am-picker-popup-header .am-picker-popup-header-right{text-align:right}.am-picker-popup-item{color:#108ee9;font-size:17px;padding:9px 15px;height:42px;-webkit-box-sizing:border-box;box-sizing:border-box;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center}.am-picker-popup-item-active{background-color:#ddd}.am-picker-popup-title{-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;text-align:center;color:#000}.am-picker-popup .am-picker-popup-close{display:none}.am-picker-col{-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1}.am-calendar .animate{-webkit-animation-duration:.3s;animation-duration:.3s;-webkit-animation-fill-mode:both;animation-fill-mode:both}@-webkit-keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@-webkit-keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}.am-calendar .fade-enter{-webkit-animation-name:fadeIn;animation-name:fadeIn}.am-calendar .fade-leave{-webkit-animation-name:fadeOut;animation-name:fadeOut}@-webkit-keyframes slideInUp{0%{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes slideInUp{0%{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@-webkit-keyframes slideInDown{0%{-webkit-transform:translateZ(0);transform:translateZ(0);visibility:visible}to{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}@keyframes slideInDown{0%{-webkit-transform:translateZ(0);transform:translateZ(0);visibility:visible}to{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}@-webkit-keyframes slideInLeft{0%{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes slideInLeft{0%{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@-webkit-keyframes slideInRight{0%{-webkit-transform:translateZ(0);transform:translateZ(0);visibility:visible}to{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}@keyframes slideInRight{0%{-webkit-transform:translateZ(0);transform:translateZ(0);visibility:visible}to{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}.am-calendar .slideV-enter{-webkit-animation-name:slideInUp;animation-name:slideInUp}.am-calendar .slideV-leave{-webkit-animation-name:slideInDown;animation-name:slideInDown}.am-calendar .slideH-enter{-webkit-animation-name:slideInLeft;animation-name:slideInLeft}.am-calendar .slideH-leave{-webkit-animation-name:slideInRight;animation-name:slideInRight}.am-calendar .mask{background:rgba(0,0,0,.5)}.am-calendar .content,.am-calendar .mask{position:fixed;width:100%;height:100%;top:0;left:0;z-index:999}.am-calendar .content{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;background:#fff}.am-calendar .content,.am-calendar .header{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}.am-calendar .header{margin:5px;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}.am-calendar .header .title{text-align:center;width:100%;font-size:16px;font-weight:700}.am-calendar .header .left{left:5px}.am-calendar .header .left,.am-calendar .header .right{position:absolute;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;padding:0 8px;height:24px;top:5px;color:#068eef}.am-calendar .header .right{right:5px;font-size:14px}.am-calendar .timePicker{border-top:1px solid #ccc}.am-calendar .week-panel{background:#fff;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;padding:0 2px;border-bottom:1px solid #ddd}.am-calendar .week-panel,.am-calendar .week-panel .cell{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}.am-calendar .week-panel .cell{height:24px;width:14.28571429%;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;color:#000;font-size:14px}.am-calendar .week-panel .cell-grey{color:#bbb}.am-calendar .date-picker{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;background:#eee;padding-bottom:env(safe-area-inset-bottom)}.am-calendar .date-picker,.am-calendar .date-picker .wrapper{-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;min-height:0}.am-calendar .date-picker .wrapper{height:auto;position:relative}.am-calendar .date-picker .months{background:#fff}.am-calendar .date-picker .load-tip{position:absolute;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:end;-webkit-align-items:flex-end;-ms-flex-align:end;align-items:flex-end;left:0;right:0;padding:10px 0;top:-40px;color:#bbb}.am-calendar .confirm-panel,.am-calendar .date-picker .load-tip{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}.am-calendar .confirm-panel{-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;background:#f7f7f7;padding:8px 15px;border-top:1px solid #ddd}.am-calendar .confirm-panel .info{font-size:12px}.am-calendar .confirm-panel .info p{margin:0}.am-calendar .confirm-panel .info p+p{margin-top:8px}.am-calendar .confirm-panel .info .grey{color:#bbb}.am-calendar .confirm-panel .button{text-align:center;width:80px;margin:0 0 0 auto;padding:8px 0;border-radius:5px;color:#fff;font-size:18px;background:#108ee9}.am-calendar .confirm-panel .button-disable{color:#bbb;background:#ddd}.am-calendar .confirm-panel .button-full{width:100%;text-align:center}.am-calendar .time-picker{-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;text-align:center;background:#fff}.am-calendar .time-picker .title{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;height:44px;font-size:16px;border-top:1px solid #ddd;border-bottom:1px solid #ddd}.am-calendar .single-month{padding:0}.am-calendar .single-month .month-title{margin:0;padding:21px 0 6px 15px}.am-calendar .single-month .row{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:baseline;-webkit-align-items:baseline;-ms-flex-align:baseline;align-items:baseline}.am-calendar .single-month .row .cell{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;width:14.28571429%}.am-calendar .single-month .row .cell,.am-calendar .single-month .row .cell .date-wrapper{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}.am-calendar .single-month .row .cell .date-wrapper{height:35px;width:100%;margin-bottom:2px}.am-calendar .single-month .row .cell .date-wrapper .date{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;width:35px;height:35px;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;color:#000;font-size:17px;font-weight:700}.am-calendar .single-month .row .cell .date-wrapper .disable{color:#bbb;background:#eee;border:none;border-radius:100%}.am-calendar .single-month .row .cell .date-wrapper .grey{color:#bbb}.am-calendar .single-month .row .cell .date-wrapper .important{border:1px solid #ddd;border-radius:100%}.am-calendar .single-month .row .cell .date-wrapper .left,.am-calendar .single-month .row .cell .date-wrapper .right{border:none;width:100%;height:35px}.am-calendar .single-month .row .cell .date-wrapper .date-selected{border:none;background:#108ee9;color:#fff;font-size:17px}.am-calendar .single-month .row .cell .date-wrapper .selected-start{border-radius:100% 0 0 100%}.am-calendar .single-month .row .cell .date-wrapper .selected-single{border-radius:100%}.am-calendar .single-month .row .cell .date-wrapper .selected-middle{border-radius:0}.am-calendar .single-month .row .cell .date-wrapper .selected-end{border-radius:0 100% 100% 0}.am-calendar .single-month .row .cell .info{height:15px;width:100%;padding:0 5px;font-size:10px;color:#888;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;text-align:center}.am-calendar .single-month .row .cell .date-selected{color:#108ee9}.am-calendar .single-month .row+.row{margin-top:6px}.am-calendar .single-month .row-xl+.row-xl{margin-top:21px}.am-calendar .shortcut-panel{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;padding:0 30px;border-top:1px solid #ddd;height:42px}.am-calendar .shortcut-panel .item{display:inline-block;color:#108ee9;font-size:16px}.am-card{min-height:96px;padding-bottom:6px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;background-color:#fff}.am-card:not(.am-card-full){border:1px solid #ddd;border-radius:5px}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:2dppx){html:not([data-scale]) .am-card:not(.am-card-full){position:relative;border:none}html:not([data-scale]) .am-card:not(.am-card-full):before{content:"";position:absolute;left:0;top:0;width:200%;height:200%;border:1px solid #ddd;border-radius:10px;-webkit-transform-origin:0 0;-ms-transform-origin:0 0;transform-origin:0 0;-webkit-transform:scale(.5);-ms-transform:scale(.5);transform:scale(.5);-webkit-box-sizing:border-box;box-sizing:border-box;pointer-events:none}}.am-card.am-card-full{position:relative;border-top:1px solid #ddd;border-bottom:1px solid #ddd}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:2dppx){html:not([data-scale]) .am-card.am-card-full{border-top:none}html:not([data-scale]) .am-card.am-card-full:before{content:"";position:absolute;background-color:#ddd;display:block;z-index:1;top:0;right:auto;bottom:auto;left:0;width:100%;height:1px;-webkit-transform-origin:50% 50%;-ms-transform-origin:50% 50%;transform-origin:50% 50%;-webkit-transform:scaleY(.5);-ms-transform:scaleY(.5);transform:scaleY(.5)}}@media (-webkit-min-device-pixel-ratio:2) and (-webkit-min-device-pixel-ratio:3),(min-resolution:2dppx) and (min-resolution:3dppx){html:not([data-scale]) .am-card.am-card-full:before{-webkit-transform:scaleY(.33);-ms-transform:scaleY(.33);transform:scaleY(.33)}}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:2dppx){html:not([data-scale]) .am-card.am-card-full{border-bottom:none}html:not([data-scale]) .am-card.am-card-full:after{content:"";position:absolute;background-color:#ddd;display:block;z-index:1;top:auto;right:auto;bottom:0;left:0;width:100%;height:1px;-webkit-transform-origin:50% 100%;-ms-transform-origin:50% 100%;transform-origin:50% 100%;-webkit-transform:scaleY(.5);-ms-transform:scaleY(.5);transform:scaleY(.5)}}@media (-webkit-min-device-pixel-ratio:2) and (-webkit-min-device-pixel-ratio:3),(min-resolution:2dppx) and (min-resolution:3dppx){html:not([data-scale]) .am-card.am-card-full:after{-webkit-transform:scaleY(.33);-ms-transform:scaleY(.33);transform:scaleY(.33)}}.am-card-header{-ms-flex-align:center;font-size:17px;padding:9px 15px}.am-card-header,.am-card-header-content{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center}.am-card-header-content{-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;text-align:left;color:#000;-ms-flex-align:center}.am-card-header-content img{margin-right:5px}.am-card-header-extra{text-align:right;font-size:17px;color:#888}.am-card-body,.am-card-header-extra{-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1}.am-card-body{position:relative;border-top:1px solid #ddd;padding:15px 15px 6px;font-size:15px;color:#333;min-height:40px}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:2dppx){html:not([data-scale]) .am-card-body{border-top:none}html:not([data-scale]) .am-card-body:before{content:"";position:absolute;background-color:#ddd;display:block;z-index:1;top:0;right:auto;bottom:auto;left:0;width:100%;height:1px;-webkit-transform-origin:50% 50%;-ms-transform-origin:50% 50%;transform-origin:50% 50%;-webkit-transform:scaleY(.5);-ms-transform:scaleY(.5);transform:scaleY(.5)}}@media (-webkit-min-device-pixel-ratio:2) and (-webkit-min-device-pixel-ratio:3),(min-resolution:2dppx) and (min-resolution:3dppx){html:not([data-scale]) .am-card-body:before{-webkit-transform:scaleY(.33);-ms-transform:scaleY(.33);transform:scaleY(.33)}}.am-card-footer{font-size:14px;color:#888;padding:0 15px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}.am-card-footer-content,.am-card-footer-extra{-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1}.am-card-footer-extra{text-align:right}.am-carousel{position:relative}.am-carousel-wrap{font-size:18px;color:#000;background:none;text-align:center;zoom:1;width:100%}.am-carousel-wrap-dot{display:inline-block;zoom:1}.am-carousel-wrap-dot>span{display:block;width:8px;height:8px;margin:0 3px;border-radius:50%;background:#ccc}.am-carousel-wrap-dot-active>span{background:#888}.am-list-header{padding:15px 15px 9px;font-size:14px;color:#888;width:100%;-webkit-box-sizing:border-box;box-sizing:border-box}.am-list-footer{padding:9px 15px 15px;font-size:14px;color:#888}.am-list-body{position:relative;background-color:#fff;border-top:1px solid #ddd;border-bottom:1px solid #ddd}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:2dppx){html:not([data-scale]) .am-list-body{border-top:none}html:not([data-scale]) .am-list-body:before{content:"";position:absolute;background-color:#ddd;display:block;z-index:1;top:0;right:auto;bottom:auto;left:0;width:100%;height:1px;-webkit-transform-origin:50% 50%;-ms-transform-origin:50% 50%;transform-origin:50% 50%;-webkit-transform:scaleY(.5);-ms-transform:scaleY(.5);transform:scaleY(.5)}}@media (-webkit-min-device-pixel-ratio:2) and (-webkit-min-device-pixel-ratio:3),(min-resolution:2dppx) and (min-resolution:3dppx){html:not([data-scale]) .am-list-body:before{-webkit-transform:scaleY(.33);-ms-transform:scaleY(.33);transform:scaleY(.33)}}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:2dppx){html:not([data-scale]) .am-list-body{border-bottom:none}html:not([data-scale]) .am-list-body:after{content:"";position:absolute;background-color:#ddd;display:block;z-index:1;top:auto;right:auto;bottom:0;left:0;width:100%;height:1px;-webkit-transform-origin:50% 100%;-ms-transform-origin:50% 100%;transform-origin:50% 100%;-webkit-transform:scaleY(.5);-ms-transform:scaleY(.5);transform:scaleY(.5)}}@media (-webkit-min-device-pixel-ratio:2) and (-webkit-min-device-pixel-ratio:3),(min-resolution:2dppx) and (min-resolution:3dppx){html:not([data-scale]) .am-list-body:after{-webkit-transform:scaleY(.33);-ms-transform:scaleY(.33);transform:scaleY(.33)}}.am-list-body div:not(:last-child) .am-list-line{border-bottom:1px solid #ddd}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:2dppx){html:not([data-scale]) .am-list-body div:not(:last-child) .am-list-line{border-bottom:none}html:not([data-scale]) .am-list-body div:not(:last-child) .am-list-line:after{content:"";position:absolute;background-color:#ddd;display:block;z-index:1;top:auto;right:auto;bottom:0;left:0;width:100%;height:1px;-webkit-transform-origin:50% 100%;-ms-transform-origin:50% 100%;transform-origin:50% 100%;-webkit-transform:scaleY(.5);-ms-transform:scaleY(.5);transform:scaleY(.5)}}@media (-webkit-min-device-pixel-ratio:2) and (-webkit-min-device-pixel-ratio:3),(min-resolution:2dppx) and (min-resolution:3dppx){html:not([data-scale]) .am-list-body div:not(:last-child) .am-list-line:after{-webkit-transform:scaleY(.33);-ms-transform:scaleY(.33);transform:scaleY(.33)}}.am-list-item{position:relative;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;padding-left:15px;min-height:44px;background-color:#fff;vertical-align:middle;overflow:hidden;-webkit-transition:background-color .2s;transition:background-color .2s;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}.am-list-item .am-list-ripple{position:absolute;background:transparent;display:inline-block;overflow:hidden;will-change:box-shadow,transform;-webkit-transition:background-color .2s cubic-bezier(.4,0,.2,1),color .2s cubic-bezier(.4,0,.2,1),-webkit-box-shadow .2s cubic-bezier(.4,0,1,1);transition:background-color .2s cubic-bezier(.4,0,.2,1),color .2s cubic-bezier(.4,0,.2,1),-webkit-box-shadow .2s cubic-bezier(.4,0,1,1);transition:box-shadow .2s cubic-bezier(.4,0,1,1),background-color .2s cubic-bezier(.4,0,.2,1),color .2s cubic-bezier(.4,0,.2,1);transition:box-shadow .2s cubic-bezier(.4,0,1,1),background-color .2s cubic-bezier(.4,0,.2,1),color .2s cubic-bezier(.4,0,.2,1),-webkit-box-shadow .2s cubic-bezier(.4,0,1,1);outline:none;cursor:pointer;border-radius:100%;-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0)}.am-list-item .am-list-ripple.am-list-ripple-animate{background-color:hsla(0,0%,62%,.2);-webkit-animation:ripple 1s linear;animation:ripple 1s linear}.am-list-item.am-list-item-top .am-list-line{-webkit-box-align:start;-webkit-align-items:flex-start;-ms-flex-align:start;align-items:flex-start}.am-list-item.am-list-item-top .am-list-line .am-list-arrow{margin-top:2px}.am-list-item.am-list-item-middle .am-list-line{-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}.am-list-item.am-list-item-bottom .am-list-line{-webkit-box-align:end;-webkit-align-items:flex-end;-ms-flex-align:end;align-items:flex-end}.am-list-item.am-list-item-error .am-list-line .am-list-extra,.am-list-item.am-list-item-error .am-list-line .am-list-extra .am-list-brief{color:#f50}.am-list-item.am-list-item-active{background-color:#ddd}.am-list-item.am-list-item-disabled .am-list-line .am-list-content,.am-list-item.am-list-item-disabled .am-list-line .am-list-extra{color:#bbb}.am-list-item img{width:22px;height:22px;vertical-align:middle}.am-list-item .am-list-thumb:first-child{margin-right:15px}.am-list-item .am-list-thumb:last-child{margin-left:8px}.am-list-item .am-list-line{position:relative;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;-webkit-align-self:stretch;-ms-flex-item-align:stretch;align-self:stretch;padding-right:15px;overflow:hidden}.am-list-item .am-list-line .am-list-content{-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;color:#000;font-size:17px;text-align:left}.am-list-item .am-list-line .am-list-content,.am-list-item .am-list-line .am-list-extra{line-height:1.5;width:auto;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding-top:7px;padding-bottom:7px}.am-list-item .am-list-line .am-list-extra{-webkit-flex-basis:36%;-ms-flex-preferred-size:36%;flex-basis:36%;color:#888;font-size:16px;text-align:right}.am-list-item .am-list-line .am-list-brief,.am-list-item .am-list-line .am-list-title{width:auto;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.am-list-item .am-list-line .am-list-brief{color:#888;font-size:15px;line-height:1.5;margin-top:6px}.am-list-item .am-list-line .am-list-arrow{display:block;width:15px;height:15px;margin-left:8px;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='26' viewBox='0 0 16 26' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2 0L0 2l11.5 11L0 24l2 2 14-13z' fill='%23C7C7CC' fill-rule='evenodd'/%3E%3C/svg%3E");background-size:contain;background-repeat:no-repeat;background-position:50% 50%;visibility:hidden}.am-list-item .am-list-line .am-list-arrow-horizontal{visibility:visible}.am-list-item .am-list-line .am-list-arrow-vertical{visibility:visible;-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)}.am-list-item .am-list-line .am-list-arrow-vertical-up{visibility:visible;-webkit-transform:rotate(270deg);-ms-transform:rotate(270deg);transform:rotate(270deg)}.am-list-item .am-list-line-multiple{padding:12.5px 15px 12.5px 0}.am-list-item .am-list-line-multiple .am-list-content,.am-list-item .am-list-line-multiple .am-list-extra{padding-top:0;padding-bottom:0}.am-list-item .am-list-line-wrap .am-list-content,.am-list-item .am-list-line-wrap .am-list-extra{white-space:normal}.am-list-item select{position:relative;display:block;width:100%;height:100%;padding:0;border:0;font-size:17px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:transparent}@-webkit-keyframes ripple{to{opacity:0;-webkit-transform:scale(2.5);transform:scale(2.5)}}@keyframes ripple{to{opacity:0;-webkit-transform:scale(2.5);transform:scale(2.5)}}.am-checkbox{position:relative;display:inline-block;vertical-align:middle;width:21px;height:21px}.am-checkbox-inner{position:absolute;right:0;width:21px;height:21px;border:1px solid #ccc;border-radius:50%;-webkit-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0deg);-webkit-box-sizing:border-box;box-sizing:border-box}.am-checkbox-inner:after{position:absolute;display:none;top:1.5px;right:6px;z-index:999;width:5px;height:11px;border-style:solid;border-width:0 1px 1px 0;content:" ";-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}.am-checkbox-input{position:absolute;top:0;left:0;opacity:0;width:100%;height:100%;z-index:2;border:0 none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.am-checkbox.am-checkbox-checked .am-checkbox-inner{border-color:#108ee9;background:#108ee9}.am-checkbox.am-checkbox-checked .am-checkbox-inner:after{display:block;border-color:#fff}.am-checkbox.am-checkbox-disabled{opacity:.3}.am-checkbox.am-checkbox-disabled.am-checkbox-checked .am-checkbox-inner{border-color:#888;background:none}.am-checkbox.am-checkbox-disabled.am-checkbox-checked .am-checkbox-inner:after{border-color:#888}.am-list .am-list-item.am-checkbox-item .am-list-thumb{width:21px;height:21px}.am-list .am-list-item.am-checkbox-item .am-list-thumb .am-checkbox{position:absolute;top:0;left:0;right:0;bottom:0;width:100%;height:44px}.am-list .am-list-item.am-checkbox-item .am-list-thumb .am-checkbox-inner{left:15px;top:12px}.am-list .am-list-item.am-checkbox-item.am-checkbox-item-disabled .am-list-content{color:#bbb}.am-checkbox-agree{position:relative;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:stretch;-webkit-align-items:stretch;-ms-flex-align:stretch;align-items:stretch;margin-left:15px;padding-top:9px;padding-bottom:9px}.am-checkbox-agree .am-checkbox{position:absolute;left:0;top:0;width:30px;height:100%}.am-checkbox-agree .am-checkbox-inner{left:0;top:12px}.am-checkbox-agree .am-checkbox-agree-label{display:inline-block;font-size:15px;color:#000;line-height:1.5;margin-left:30px;margin-top:1px}.am-drawer{position:absolute;top:0;left:0;right:0;bottom:0;overflow:hidden}.am-drawer-sidebar{z-index:4;position:absolute;-webkit-transition:-webkit-transform .3s ease-out;transition:-webkit-transform .3s ease-out;transition:transform .3s ease-out;transition:transform .3s ease-out,-webkit-transform .3s ease-out;will-change:transform;overflow-y:auto}.am-drawer-draghandle{z-index:1;position:absolute;background-color:rgba(50,50,50,.1)}.am-drawer-overlay{z-index:3;opacity:0;visibility:hidden;-webkit-transition:opacity .5s ease-out;transition:opacity .5s ease-out;background-color:rgba(0,0,0,.4)}.am-drawer-content,.am-drawer-overlay{position:absolute;top:0;left:0;right:0;bottom:0}.am-drawer-content{overflow:auto;-webkit-transition:left .3s ease-out,right .3s ease-out;transition:left .3s ease-out,right .3s ease-out}.am-drawer.am-drawer-left .am-drawer-draghandle,.am-drawer.am-drawer-left .am-drawer-sidebar,.am-drawer.am-drawer-right .am-drawer-draghandle,.am-drawer.am-drawer-right .am-drawer-sidebar{top:0;bottom:0}.am-drawer.am-drawer-left .am-drawer-draghandle,.am-drawer.am-drawer-right .am-drawer-draghandle{width:10px;height:100%}.am-drawer.am-drawer-bottom .am-drawer-draghandle,.am-drawer.am-drawer-bottom .am-drawer-sidebar,.am-drawer.am-drawer-top .am-drawer-draghandle,.am-drawer.am-drawer-top .am-drawer-sidebar{left:0;right:0}.am-drawer.am-drawer-bottom .am-drawer-draghandle,.am-drawer.am-drawer-top .am-drawer-draghandle{width:100%;height:10px}.am-drawer.am-drawer-left .am-drawer-sidebar{left:0;-webkit-transform:translateX(-100%);-ms-transform:translateX(-100%);transform:translateX(-100%)}.am-drawer-open.am-drawer.am-drawer-left .am-drawer-sidebar{-webkit-box-shadow:1px 1px 2px rgba(0,0,0,.15);box-shadow:1px 1px 2px rgba(0,0,0,.15)}.am-drawer.am-drawer-left .am-drawer-draghandle{left:0}.am-drawer.am-drawer-right .am-drawer-sidebar{right:0;-webkit-transform:translateX(100%);-ms-transform:translateX(100%);transform:translateX(100%)}.am-drawer-open.am-drawer.am-drawer-right .am-drawer-sidebar{-webkit-box-shadow:-1px 1px 2px rgba(0,0,0,.15);box-shadow:-1px 1px 2px rgba(0,0,0,.15)}.am-drawer.am-drawer-right .am-drawer-draghandle{right:0}.am-drawer.am-drawer-top .am-drawer-sidebar{top:0;-webkit-transform:translateY(-100%);-ms-transform:translateY(-100%);transform:translateY(-100%)}.am-drawer-open.am-drawer.am-drawer-top .am-drawer-sidebar{-webkit-box-shadow:1px 1px 2px rgba(0,0,0,.15);box-shadow:1px 1px 2px rgba(0,0,0,.15)}.am-drawer.am-drawer-top .am-drawer-draghandle{top:0}.am-drawer.am-drawer-bottom .am-drawer-sidebar{bottom:0;-webkit-transform:translateY(100%);-ms-transform:translateY(100%);transform:translateY(100%)}.am-drawer-open.am-drawer.am-drawer-bottom .am-drawer-sidebar{-webkit-box-shadow:1px -1px 2px rgba(0,0,0,.15);box-shadow:1px -1px 2px rgba(0,0,0,.15)}.am-drawer.am-drawer-bottom .am-drawer-draghandle{bottom:0}.am-flexbox{text-align:left;overflow:hidden;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}.am-flexbox.am-flexbox-dir-row{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row}.am-flexbox.am-flexbox-dir-row-reverse{-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-webkit-flex-direction:row-reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse}.am-flexbox.am-flexbox-dir-column{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}.am-flexbox.am-flexbox-dir-column .am-flexbox-item{margin-left:0}.am-flexbox.am-flexbox-dir-column-reverse{-webkit-box-orient:vertical;-webkit-box-direction:reverse;-webkit-flex-direction:column-reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse}.am-flexbox.am-flexbox-dir-column-reverse .am-flexbox-item{margin-left:0}.am-flexbox.am-flexbox-nowrap{-webkit-flex-wrap:nowrap;-ms-flex-wrap:nowrap;flex-wrap:nowrap}.am-flexbox.am-flexbox-wrap{-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}.am-flexbox.am-flexbox-wrap-reverse{-webkit-flex-wrap:wrap-reverse;-ms-flex-wrap:wrap-reverse;flex-wrap:wrap-reverse}.am-flexbox.am-flexbox-justify-start{-webkit-box-pack:start;-webkit-justify-content:flex-start;-ms-flex-pack:start;justify-content:flex-start}.am-flexbox.am-flexbox-justify-end{-webkit-box-pack:end;-webkit-justify-content:flex-end;-ms-flex-pack:end;justify-content:flex-end}.am-flexbox.am-flexbox-justify-center{-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center}.am-flexbox.am-flexbox-justify-between{-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between}.am-flexbox.am-flexbox-justify-around{-webkit-justify-content:space-around;-ms-flex-pack:distribute;justify-content:space-around}.am-flexbox.am-flexbox-align-start{-webkit-box-align:start;-webkit-align-items:flex-start;-ms-flex-align:start;align-items:flex-start}.am-flexbox.am-flexbox-align-end{-webkit-box-align:end;-webkit-align-items:flex-end;-ms-flex-align:end;align-items:flex-end}.am-flexbox.am-flexbox-align-center{-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}.am-flexbox.am-flexbox-align-stretch{-webkit-box-align:stretch;-webkit-align-items:stretch;-ms-flex-align:stretch;align-items:stretch}.am-flexbox.am-flexbox-align-baseline{-webkit-box-align:baseline;-webkit-align-items:baseline;-ms-flex-align:baseline;align-items:baseline}.am-flexbox.am-flexbox-align-content-start{-webkit-align-content:flex-start;-ms-flex-line-pack:start;align-content:flex-start}.am-flexbox.am-flexbox-align-content-end{-webkit-align-content:flex-end;-ms-flex-line-pack:end;align-content:flex-end}.am-flexbox.am-flexbox-align-content-center{-webkit-align-content:center;-ms-flex-line-pack:center;align-content:center}.am-flexbox.am-flexbox-align-content-between{-webkit-align-content:space-between;-ms-flex-line-pack:justify;align-content:space-between}.am-flexbox.am-flexbox-align-content-around{-webkit-align-content:space-around;-ms-flex-line-pack:distribute;align-content:space-around}.am-flexbox.am-flexbox-align-content-stretch{-webkit-align-content:stretch;-ms-flex-line-pack:stretch;align-content:stretch}.am-flexbox .am-flexbox-item{-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;margin-left:8px;min-width:10px}.am-flexbox .am-flexbox-item:first-child{margin-left:0}.am-grid .am-flexbox{background:#fff}.am-grid .am-flexbox .am-flexbox-item{margin-left:0}.am-grid .am-flexbox .am-flexbox-item.am-grid-item{position:relative}.am-grid .am-flexbox .am-flexbox-item.am-grid-item-active .am-grid-item-content{background-color:#ddd}.am-grid .am-flexbox .am-flexbox-item .am-grid-item-content{text-align:center;width:100%;height:100%;padding:15px 0}.am-grid .am-flexbox .am-flexbox-item .am-grid-item-content .am-grid-item-inner-content{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}.am-grid .am-flexbox .am-flexbox-item .am-grid-item-content .am-grid-item-inner-content .am-grid-icon{max-width:100%}.am-grid .am-flexbox .am-flexbox-item .am-grid-item-content .am-grid-item-inner-content .am-grid-text{margin-top:9px;font-size:12px;color:#000;text-align:center}.am-grid .am-flexbox .am-flexbox-item .am-grid-item-content .am-grid-item-inner-content.column-num-3 .am-grid-text{font-size:16px}.am-grid .am-flexbox .am-flexbox-item .am-grid-item-content .am-grid-item-inner-content.column-num-2 .am-grid-text{margin-top:15px;font-size:18px}.am-grid.am-grid-line{position:relative}.am-grid.am-grid-line:not(.am-grid-carousel){border-top:1px solid #ddd;border-right:1px solid #ddd}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:2dppx){html:not([data-scale]) .am-grid.am-grid-line:not(.am-grid-carousel){border-top:none}html:not([data-scale]) .am-grid.am-grid-line:not(.am-grid-carousel):before{content:"";position:absolute;background-color:#ddd;display:block;z-index:1;top:0;right:auto;bottom:auto;left:0;width:100%;height:1px;-webkit-transform-origin:50% 50%;-ms-transform-origin:50% 50%;transform-origin:50% 50%;-webkit-transform:scaleY(.5);-ms-transform:scaleY(.5);transform:scaleY(.5)}}@media (-webkit-min-device-pixel-ratio:2) and (-webkit-min-device-pixel-ratio:3),(min-resolution:2dppx) and (min-resolution:3dppx){html:not([data-scale]) .am-grid.am-grid-line:not(.am-grid-carousel):before{-webkit-transform:scaleY(.33);-ms-transform:scaleY(.33);transform:scaleY(.33)}}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:2dppx){html:not([data-scale]) .am-grid.am-grid-line:not(.am-grid-carousel){border-right:none}html:not([data-scale]) .am-grid.am-grid-line:not(.am-grid-carousel):after{content:"";position:absolute;background-color:#ddd;display:block;z-index:1;top:0;right:0;bottom:auto;left:auto;width:1px;height:100%;background:#ddd;-webkit-transform-origin:100% 50%;-ms-transform-origin:100% 50%;transform-origin:100% 50%;-webkit-transform:scaleX(.5);-ms-transform:scaleX(.5);transform:scaleX(.5)}}@media (-webkit-min-device-pixel-ratio:2) and (-webkit-min-device-pixel-ratio:3),(min-resolution:2dppx) and (min-resolution:3dppx){html:not([data-scale]) .am-grid.am-grid-line:not(.am-grid-carousel):after{-webkit-transform:scaleX(.33);-ms-transform:scaleX(.33);transform:scaleX(.33)}}.am-grid.am-grid-line .am-flexbox{position:relative;border-bottom:1px solid #ddd}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:2dppx){html:not([data-scale]) .am-grid.am-grid-line .am-flexbox{border-bottom:none}html:not([data-scale]) .am-grid.am-grid-line .am-flexbox:after{content:"";position:absolute;background-color:#ddd;display:block;z-index:1;top:auto;right:auto;bottom:0;left:0;width:100%;height:1px;-webkit-transform-origin:50% 100%;-ms-transform-origin:50% 100%;transform-origin:50% 100%;-webkit-transform:scaleY(.5);-ms-transform:scaleY(.5);transform:scaleY(.5)}}@media (-webkit-min-device-pixel-ratio:2) and (-webkit-min-device-pixel-ratio:3),(min-resolution:2dppx) and (min-resolution:3dppx){html:not([data-scale]) .am-grid.am-grid-line .am-flexbox:after{-webkit-transform:scaleY(.33);-ms-transform:scaleY(.33);transform:scaleY(.33)}}.am-grid.am-grid-line .am-flexbox .am-flexbox-item{position:relative}.am-grid.am-grid-line .am-flexbox .am-flexbox-item:first-child{border-left:1px solid #ddd}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:2dppx){html:not([data-scale]) .am-grid.am-grid-line .am-flexbox .am-flexbox-item:first-child{border-left:none}html:not([data-scale]) .am-grid.am-grid-line .am-flexbox .am-flexbox-item:first-child:before{content:"";position:absolute;background-color:#ddd;display:block;z-index:1;top:0;right:auto;bottom:auto;left:0;width:1px;height:100%;-webkit-transform-origin:100% 50%;-ms-transform-origin:100% 50%;transform-origin:100% 50%;-webkit-transform:scaleX(.5);-ms-transform:scaleX(.5);transform:scaleX(.5)}}@media (-webkit-min-device-pixel-ratio:2) and (-webkit-min-device-pixel-ratio:3),(min-resolution:2dppx) and (min-resolution:3dppx){html:not([data-scale]) .am-grid.am-grid-line .am-flexbox .am-flexbox-item:first-child:before{-webkit-transform:scaleX(.33);-ms-transform:scaleX(.33);transform:scaleX(.33)}}.am-grid.am-grid-line .am-flexbox .am-flexbox-item:not(:last-child){border-right:1px solid #ddd}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:2dppx){html:not([data-scale]) .am-grid.am-grid-line .am-flexbox .am-flexbox-item:not(:last-child){border-right:none}html:not([data-scale]) .am-grid.am-grid-line .am-flexbox .am-flexbox-item:not(:last-child):after{content:"";position:absolute;background-color:#ddd;display:block;z-index:1;top:0;right:0;bottom:auto;left:auto;width:1px;height:100%;background:#ddd;-webkit-transform-origin:100% 50%;-ms-transform-origin:100% 50%;transform-origin:100% 50%;-webkit-transform:scaleX(.5);-ms-transform:scaleX(.5);transform:scaleX(.5)}}@media (-webkit-min-device-pixel-ratio:2) and (-webkit-min-device-pixel-ratio:3),(min-resolution:2dppx) and (min-resolution:3dppx){html:not([data-scale]) .am-grid.am-grid-line .am-flexbox .am-flexbox-item:not(:last-child):after{-webkit-transform:scaleX(.33);-ms-transform:scaleX(.33);transform:scaleX(.33)}}.am-grid.am-grid-line.am-grid-carousel .am-grid-carousel-page{border-top:1px solid #ddd;border-right:1px solid #ddd}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:2dppx){html:not([data-scale]) .am-grid.am-grid-line.am-grid-carousel .am-grid-carousel-page{border-top:none}html:not([data-scale]) .am-grid.am-grid-line.am-grid-carousel .am-grid-carousel-page:before{content:"";position:absolute;background-color:#ddd;display:block;z-index:1;top:0;right:auto;bottom:auto;left:0;width:100%;height:1px;-webkit-transform-origin:50% 50%;-ms-transform-origin:50% 50%;transform-origin:50% 50%;-webkit-transform:scaleY(.5);-ms-transform:scaleY(.5);transform:scaleY(.5)}}@media (-webkit-min-device-pixel-ratio:2) and (-webkit-min-device-pixel-ratio:3),(min-resolution:2dppx) and (min-resolution:3dppx){html:not([data-scale]) .am-grid.am-grid-line.am-grid-carousel .am-grid-carousel-page:before{-webkit-transform:scaleY(.33);-ms-transform:scaleY(.33);transform:scaleY(.33)}}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:2dppx){html:not([data-scale]) .am-grid.am-grid-line.am-grid-carousel .am-grid-carousel-page{border-right:none}html:not([data-scale]) .am-grid.am-grid-line.am-grid-carousel .am-grid-carousel-page:after{content:"";position:absolute;background-color:#ddd;display:block;z-index:1;top:0;right:0;bottom:auto;left:auto;width:1px;height:100%;background:#ddd;-webkit-transform-origin:100% 50%;-ms-transform-origin:100% 50%;transform-origin:100% 50%;-webkit-transform:scaleX(.5);-ms-transform:scaleX(.5);transform:scaleX(.5)}}@media (-webkit-min-device-pixel-ratio:2) and (-webkit-min-device-pixel-ratio:3),(min-resolution:2dppx) and (min-resolution:3dppx){html:not([data-scale]) .am-grid.am-grid-line.am-grid-carousel .am-grid-carousel-page:after{-webkit-transform:scaleX(.33);-ms-transform:scaleX(.33);transform:scaleX(.33)}}.am-grid .am-carousel .am-carousel-wrap-dot>span{background:#dcdee3}.am-grid .am-carousel .am-carousel-wrap-dot-active>span{background:#0ae}.am-grid.am-grid-square .am-grid-item:before{display:block;content:" ";padding-bottom:100%}.am-grid.am-grid-square .am-grid-item .am-grid-item-content{position:absolute;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%)}.am-grid.am-grid-square .am-grid-item .am-grid-item-inner-content{height:100%}.am-grid.am-grid-square .am-grid-item .am-grid-item-inner-content .am-grid-icon{margin-top:9px;width:28%!important}.am-image-picker-list{padding:9px 8px 0;margin-bottom:15px}.am-image-picker-list .am-flexbox{margin-bottom:6px}.am-image-picker-list .am-flexbox .am-flexbox-item{position:relative;margin-right:5px;margin-left:0}.am-image-picker-list .am-flexbox .am-flexbox-item:after{display:block;content:" ";padding-bottom:100%}.am-image-picker-list .am-image-picker-item{position:absolute;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);width:100%;height:100%}.am-image-picker-list .am-image-picker-item .am-image-picker-item-remove{width:15px;height:15px;position:absolute;right:6px;top:6px;text-align:right;vertical-align:top;z-index:2;background-size:15px auto;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='16' viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Ccircle fill-opacity='.4' fill='%23404040' cx='8' cy='8' r='8'/%3E%3Cpath d='M11.898 4.101a.345.345 0 0 0-.488 0L8 7.511l-3.411-3.41a.345.345 0 0 0-.488.488l3.411 3.41-3.41 3.412a.345.345 0 0 0 .488.488L8 8.487l3.411 3.411a.345.345 0 0 0 .488-.488L8.488 8l3.41-3.412a.344.344 0 0 0 0-.487z' fill='%23FFF'/%3E%3C/g%3E%3C/svg%3E")}.am-image-picker-list .am-image-picker-item .am-image-picker-item-content{height:100%;width:100%;border-radius:3px;background-size:cover}.am-image-picker-list .am-image-picker-item img{width:100%}.am-image-picker-list .am-image-picker-upload-btn{-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:3px;border:1px solid #ddd;background-color:#fff}.am-image-picker-list .am-image-picker-upload-btn:after,.am-image-picker-list .am-image-picker-upload-btn:before{width:1px;height:25px;content:" ";position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);background-color:#ccc}.am-image-picker-list .am-image-picker-upload-btn:after{width:25px;height:1px}.am-image-picker-list .am-image-picker-upload-btn-active{background-color:#ddd}.am-image-picker-list .am-image-picker-upload-btn input{position:absolute;top:0;left:0;bottom:0;right:0;opacity:0}.am-list-item .am-input-control .fake-input-container{height:30px;line-height:30px;position:relative}.am-list-item .am-input-control .fake-input-container .fake-input{position:absolute;top:0;left:0;width:100%;height:100%;margin-right:5px;-webkit-text-decoration:rtl;text-decoration:rtl;text-align:right;color:#000;font-size:17px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.am-list-item .am-input-control .fake-input-container .fake-input.fake-input-disabled{color:#bbb}.am-list-item .am-input-control .fake-input-container .fake-input.focus{-webkit-transition:color .2s;transition:color .2s}.am-list-item .am-input-control .fake-input-container .fake-input.focus:after{content:"";position:absolute;right:0;top:10%;height:80%;border-right:1.5px solid #108ee9;-webkit-animation:keyboard-cursor infinite 1s step-start;animation:keyboard-cursor infinite 1s step-start}.am-list-item .am-input-control .fake-input-container .fake-input-placeholder{position:absolute;top:0;left:0;width:100%;height:100%;color:#bbb;text-align:right}.am-list-item .am-input-control .fake-input-container-left .fake-input{text-align:left}.am-list-item .am-input-control .fake-input-container-left .fake-input.focus:after{position:relative}.am-list-item .am-input-control .fake-input-container-left .fake-input-placeholder{text-align:left}.am-number-keyboard-wrapper{position:fixed;bottom:0;left:0;right:0;width:100%;z-index:10000;font-family:PingFang SC;background-color:#f6f6f7;-webkit-transition-duration:.2s;transition-duration:.2s;-webkit-transition-property:-webkit-transform display;transition-property:-webkit-transform display;transition-property:transform display;transition-property:transform display,-webkit-transform display;-webkit-transform:translateZ(0);transform:translateZ(0);padding-bottom:env(safe-area-inset-bottom)}.am-number-keyboard-wrapper.am-number-keyboard-wrapper-hide{bottom:-500px}.am-number-keyboard-wrapper table{width:100%;padding:0;margin:0;border-collapse:collapse;border-top:1px solid #ddd}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:2dppx){html:not([data-scale]) .am-number-keyboard-wrapper table{border-top:none}html:not([data-scale]) .am-number-keyboard-wrapper table:before{content:"";position:absolute;background-color:#ddd;display:block;z-index:1;top:0;right:auto;bottom:auto;left:0;width:100%;height:1px;-webkit-transform-origin:50% 50%;-ms-transform-origin:50% 50%;transform-origin:50% 50%;-webkit-transform:scaleY(.5);-ms-transform:scaleY(.5);transform:scaleY(.5)}}@media (-webkit-min-device-pixel-ratio:2) and (-webkit-min-device-pixel-ratio:3),(min-resolution:2dppx) and (min-resolution:3dppx){html:not([data-scale]) .am-number-keyboard-wrapper table:before{-webkit-transform:scaleY(.33);-ms-transform:scaleY(.33);transform:scaleY(.33)}}.am-number-keyboard-wrapper table tr{width:100%;padding:0;margin:0}.am-number-keyboard-wrapper table tr .am-number-keyboard-item{width:25%;padding:0;margin:0;height:50px;text-align:center;font-size:25.5px;color:#2a2b2c;position:relative}.am-number-keyboard-wrapper table tr .am-number-keyboard-item:not(.keyboard-confirm){border-left:1px solid #ddd;border-bottom:1px solid #ddd}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:2dppx){html:not([data-scale]) .am-number-keyboard-wrapper table tr .am-number-keyboard-item:not(.keyboard-confirm){border-left:none}html:not([data-scale]) .am-number-keyboard-wrapper table tr .am-number-keyboard-item:not(.keyboard-confirm):before{content:"";position:absolute;background-color:#ddd;display:block;z-index:1;top:0;right:auto;bottom:auto;left:0;width:1px;height:100%;-webkit-transform-origin:100% 50%;-ms-transform-origin:100% 50%;transform-origin:100% 50%;-webkit-transform:scaleX(.5);-ms-transform:scaleX(.5);transform:scaleX(.5)}}@media (-webkit-min-device-pixel-ratio:2) and (-webkit-min-device-pixel-ratio:3),(min-resolution:2dppx) and (min-resolution:3dppx){html:not([data-scale]) .am-number-keyboard-wrapper table tr .am-number-keyboard-item:not(.keyboard-confirm):before{-webkit-transform:scaleX(.33);-ms-transform:scaleX(.33);transform:scaleX(.33)}}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:2dppx){html:not([data-scale]) .am-number-keyboard-wrapper table tr .am-number-keyboard-item:not(.keyboard-confirm){border-bottom:none}html:not([data-scale]) .am-number-keyboard-wrapper table tr .am-number-keyboard-item:not(.keyboard-confirm):after{content:"";position:absolute;background-color:#ddd;display:block;z-index:1;top:auto;right:auto;bottom:0;left:0;width:100%;height:1px;-webkit-transform-origin:50% 100%;-ms-transform-origin:50% 100%;transform-origin:50% 100%;-webkit-transform:scaleY(.5);-ms-transform:scaleY(.5);transform:scaleY(.5)}}@media (-webkit-min-device-pixel-ratio:2) and (-webkit-min-device-pixel-ratio:3),(min-resolution:2dppx) and (min-resolution:3dppx){html:not([data-scale]) .am-number-keyboard-wrapper table tr .am-number-keyboard-item:not(.keyboard-confirm):after{-webkit-transform:scaleY(.33);-ms-transform:scaleY(.33);transform:scaleY(.33)}}.am-number-keyboard-wrapper table tr .am-number-keyboard-item.am-number-keyboard-item-active{background-color:#ddd}.am-number-keyboard-wrapper table tr .am-number-keyboard-item.keyboard-confirm{color:#fff;font-size:21px;background-color:#108ee9;border-bottom:1px solid #ddd}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:2dppx){html:not([data-scale]) .am-number-keyboard-wrapper table tr .am-number-keyboard-item.keyboard-confirm{border-bottom:none}html:not([data-scale]) .am-number-keyboard-wrapper table tr .am-number-keyboard-item.keyboard-confirm:after{content:"";position:absolute;background-color:#ddd;display:block;z-index:1;top:auto;right:auto;bottom:0;left:0;width:100%;height:1px;-webkit-transform-origin:50% 100%;-ms-transform-origin:50% 100%;transform-origin:50% 100%;-webkit-transform:scaleY(.5);-ms-transform:scaleY(.5);transform:scaleY(.5)}}@media (-webkit-min-device-pixel-ratio:2) and (-webkit-min-device-pixel-ratio:3),(min-resolution:2dppx) and (min-resolution:3dppx){html:not([data-scale]) .am-number-keyboard-wrapper table tr .am-number-keyboard-item.keyboard-confirm:after{-webkit-transform:scaleY(.33);-ms-transform:scaleY(.33);transform:scaleY(.33)}}.am-number-keyboard-wrapper table tr .am-number-keyboard-item.keyboard-confirm.am-number-keyboard-item-active{background-color:#0e80d2}.am-number-keyboard-wrapper table tr .am-number-keyboard-item.keyboard-confirm.am-number-keyboard-item-disabled{background-color:#0e80d2;color:hsla(0,0%,100%,.45)}.am-number-keyboard-wrapper table tr .am-number-keyboard-item.keyboard-delete{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg version='1' xmlns='http://www.w3.org/2000/svg' width='204' height='148' viewBox='0 0 153.000000 111.000000'%3E%3Cpath d='M46.9 4.7c-2.5 2.6-14.1 15.5-25.8 28.6L-.1 57l25.6 27 25.7 27.1 47.4-.3 47.4-.3 3.2-3.3 3.3-3.2V7l-3.3-3.2L146 .5 98.7.2 51.5-.1l-4.6 4.8zm97.9 3.5c1.7 1.7 1.7 92.9 0 94.6-.9.9-12.6 1.2-46.3 1.2H53.4L31.2 80.4 9 56.9l5.1-5.7c2.8-3.1 12.8-14.4 22.2-24.9L53.5 7h45c33.8 0 45.4.3 46.3 1.2z'/%3E%3Cpath d='M69.5 31c-1.9 2.1-1.7 2.2 9.3 13.3L90 55.5 78.8 66.7 67.5 78l2.3 2.2 2.2 2.3 11.3-11.3L94.5 60l11.2 11.2L117 82.5l2.2-2.3 2.3-2.2-11.3-11.3L99 55.5l11.2-11.2L121.5 33l-2.3-2.2-2.2-2.3-11.3 11.3L94.5 51l-11-11c-6-6-11.2-11-11.6-11-.3 0-1.4.9-2.4 2z'/%3E%3C/svg%3E");background-size:25.5px 18.5px;background-position:50% 50%;background-repeat:no-repeat}.am-number-keyboard-wrapper table tr .am-number-keyboard-item.keyboard-hide{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg version='1' xmlns='http://www.w3.org/2000/svg' width='260' height='188' viewBox='0 0 195.000000 141.000000'%3E%3Cpath d='M0 57v57h195V0H0v57zm183 0v45H12V12h171v45z'/%3E%3Cpath d='M21 31.5V39h15V24H21v7.5zm27 0V39h15V24H48v7.5zm27 0V39h15V24H75v7.5zm27 0V39h15V24h-15v7.5zm27 0V39h15V24h-15v7.5zm27 0V39h15V24h-15v7.5zm-120 24V63h15V48H36v7.5zm27 0V63h15V48H63v7.5zm27 0V63h15V48H90v7.5zm27 0V63h15V48h-15v7.5zm27 0V63h15V48h-15v7.5zm-117 24V87h15V72H27v7.5zm21 0V87h96V72H48v7.5zm102 0V87h15V72h-15v7.5zm-69 45c0 .8.7 1.5 1.5 1.5s1.5.7 1.5 1.5.7 1.5 1.5 1.5 1.5.7 1.5 1.5.7 1.5 1.5 1.5 1.5.7 1.5 1.5.7 1.5 1.5 1.5 1.5.7 1.5 1.5.7 1.5 1.5 1.5 1.5.7 1.5 1.5.7 1.5 1.5 1.5 1.5-.7 1.5-1.5.7-1.5 1.5-1.5 1.5-.7 1.5-1.5.7-1.5 1.5-1.5 1.5-.7 1.5-1.5.7-1.5 1.5-1.5 1.5-.7 1.5-1.5.7-1.5 1.5-1.5 1.5-.7 1.5-1.5.7-1.5 1.5-1.5 1.5-.7 1.5-1.5c0-1.3-2.5-1.5-16.5-1.5s-16.5.2-16.5 1.5z'/%3E%3C/svg%3E");background-size:32.5px 23.5px;background-position:50% 50%;background-repeat:no-repeat}.am-number-keyboard-wrapper table tr .am-number-keyboard-item-disabled{color:#bbb}@-webkit-keyframes keyboard-cursor{0%{opacity:1}50%{opacity:0}to{opacity:1}}@keyframes keyboard-cursor{0%{opacity:1}50%{opacity:0}to{opacity:1}}.am-list-item.am-input-item{height:44px;padding-left:15px}.am-list-item:not(:last-child) .am-list-line{border-bottom:1px solid #ddd}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:2dppx){html:not([data-scale]) .am-list-item:not(:last-child) .am-list-line{border-bottom:none}html:not([data-scale]) .am-list-item:not(:last-child) .am-list-line:after{content:"";position:absolute;background-color:#ddd;display:block;z-index:1;top:auto;right:auto;bottom:0;left:0;width:100%;height:1px;-webkit-transform-origin:50% 100%;-ms-transform-origin:50% 100%;transform-origin:50% 100%;-webkit-transform:scaleY(.5);-ms-transform:scaleY(.5);transform:scaleY(.5)}}@media (-webkit-min-device-pixel-ratio:2) and (-webkit-min-device-pixel-ratio:3),(min-resolution:2dppx) and (min-resolution:3dppx){html:not([data-scale]) .am-list-item:not(:last-child) .am-list-line:after{-webkit-transform:scaleY(.33);-ms-transform:scaleY(.33);transform:scaleY(.33)}}.am-list-item .am-input-label{color:#000;font-size:17px;margin-left:0;margin-right:5px;text-align:left;white-space:nowrap;overflow:hidden;padding:2px 0}.am-list-item .am-input-label.am-input-label-2{width:34px}.am-list-item .am-input-label.am-input-label-3{width:51px}.am-list-item .am-input-label.am-input-label-4{width:68px}.am-list-item .am-input-label.am-input-label-5{width:85px}.am-list-item .am-input-label.am-input-label-6{width:102px}.am-list-item .am-input-label.am-input-label-7{width:119px}.am-list-item .am-input-control{font-size:17px;-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1}.am-list-item .am-input-control input{color:#000;font-size:17px;-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;padding:2px 0;border:0;background-color:transparent;line-height:1;-webkit-box-sizing:border-box;box-sizing:border-box}.am-list-item .am-input-control input::-webkit-input-placeholder{color:#bbb;line-height:1.2}.am-list-item .am-input-control input::-moz-placeholder{color:#bbb;line-height:1.2}.am-list-item .am-input-control input::-ms-input-placeholder{color:#bbb;line-height:1.2}.am-list-item .am-input-control input::placeholder{color:#bbb;line-height:1.2}.am-list-item .am-input-control input:disabled{color:#bbb;background-color:#fff}.am-list-item .am-input-clear{display:none;width:21px;height:21px;border-radius:50%;overflow:hidden;font-style:normal;color:#fff;background-color:#ccc;background-repeat:no-repeat;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg fill='%23fff' viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z'/%3E%3Cpath d='M0 0h24v24H0z' fill='none'/%3E%3C/svg%3E");background-size:21px auto;background-position:2px 2px}.am-list-item .am-input-clear-active{background-color:#108ee9}.am-list-item.am-input-focus .am-input-clear{display:block}.am-list-item .am-input-extra{-webkit-box-flex:initial;-webkit-flex:initial;-ms-flex:initial;flex:initial;min-width:0;max-height:21px;overflow:hidden;padding-right:0;line-height:1;color:#888;font-size:15px;margin-left:5px}.am-list-item.am-input-error .am-input-control input{color:#f50}.am-list-item.am-input-error .am-input-error-extra{height:21px;width:21px;margin-left:6px;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='18' height='18' viewBox='0 0 18 18' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9 1.266a7.69 7.69 0 0 1 5.469 2.264c.71.71 1.269 1.538 1.657 2.459.404.954.608 1.967.608 3.011a7.69 7.69 0 0 1-2.264 5.469 7.694 7.694 0 0 1-2.459 1.657A7.675 7.675 0 0 1 9 16.734a7.69 7.69 0 0 1-5.469-2.264 7.694 7.694 0 0 1-1.657-2.459A7.675 7.675 0 0 1 1.266 9 7.69 7.69 0 0 1 3.53 3.531a7.694 7.694 0 0 1 2.459-1.657A7.675 7.675 0 0 1 9 1.266zM9 0a9 9 0 0 0-9 9 9 9 0 0 0 9 9 9 9 0 0 0 9-9 9 9 0 0 0-9-9zm0 11.25a.703.703 0 0 1-.703-.703V4.06a.703.703 0 1 1 1.406 0v6.486A.703.703 0 0 1 9 11.25zm-.791 1.916a.791.791 0 1 1 1.582 0 .791.791 0 0 1-1.582 0z' fill='%23F50' fill-rule='evenodd'/%3E%3C/svg%3E");background-size:21px auto}.am-list-item.am-input-disabled .am-input-label{color:#bbb}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.am-indexed-list-section-body.am-list-body,.am-indexed-list-section-body.am-list-body .am-list-item:last-child .am-list-line{border-bottom:0}.am-indexed-list-section-body.am-list-body .am-list-item:last-child .am-list-line:after,.am-indexed-list-section-body.am-list-body:after{display:none!important}.am-indexed-list-section-header.am-list-body,.am-indexed-list-section-header.am-list-body .am-list-item .am-list-line{border-bottom:0}.am-indexed-list-section-header.am-list-body .am-list-item .am-list-line:after,.am-indexed-list-section-header.am-list-body:after{display:none!important}.am-indexed-list-section-header .am-list-item{height:30px;min-height:30px;background-color:#f5f5f9}.am-indexed-list-section-header .am-list-item .am-list-line{height:30px;min-height:30px}.am-indexed-list-section-header .am-list-item .am-list-content{font-size:14px!important;color:#888!important}.am-indexed-list-quick-search-bar{position:fixed;top:0;right:0;z-index:0;text-align:center;color:#108ee9;font-size:16px;list-style:none;padding:0}.am-indexed-list-quick-search-bar li{padding:0 5px}.am-indexed-list-quick-search-bar-over{background-color:rgba(0,0,0,.4)}.am-indexed-list-qsindicator{position:absolute;left:50%;top:50%;margin:-15px auto auto -30px;width:60px;height:30px;background:transparent;opacity:.7;color:#0af;font-size:20px;border-radius:30px;z-index:1999;text-align:center;line-height:30px}.am-indexed-list-qsindicator-hide{display:none}.am-radio{position:relative;display:inline-block;vertical-align:middle;width:15px;height:15px}.am-radio-inner{position:absolute;right:0;width:15px;height:15px;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0deg)}.am-radio-inner:after{position:absolute;display:none;top:-2.5px;right:5px;z-index:999;width:7px;height:14px;border-style:solid;border-width:0 1.5px 1.5px 0;content:" ";-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}.am-radio-input{position:absolute;top:0;left:0;opacity:0;width:100%;height:100%;z-index:2;border:0 none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.am-radio.am-radio-checked .am-radio-inner{border-width:0}.am-radio.am-radio-checked .am-radio-inner:after{display:block;border-color:#108ee9}.am-radio.am-radio-disabled.am-radio-checked .am-radio-inner:after{display:block;border-color:#bbb}.am-list .am-list-item.am-radio-item .am-list-line .am-list-extra{-webkit-box-flex:0;-webkit-flex:0;-ms-flex:0;flex:0}.am-list .am-list-item.am-radio-item .am-list-line .am-list-extra .am-radio{position:absolute;top:0;left:0;right:0;bottom:0;width:100%;height:44px;overflow:visible}.am-list .am-list-item.am-radio-item .am-list-line .am-list-extra .am-radio-inner{right:15px;top:15px}.am-list .am-list-item.am-radio-item.am-radio-item-disabled .am-list-content{color:#bbb}.am-menu{background-color:#f5f5f9}.am-menu .am-menu-select-container{-webkit-box-flex:2;-webkit-flex-grow:2;-ms-flex-positive:2;flex-grow:2}.am-menu .am-menu-select-container .am-menu-select-container-submenu{-webkit-align-self:stretch;-ms-flex-item-align:stretch;align-self:stretch}.am-menu .am-multi-select-btns{height:47px;width:100%}.am-menu .am-multi-select-btns .am-multi-select-btns-btn{width:50%;height:100%;border:1px solid #ddd;border-radius:0}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:2dppx){html:not([data-scale]) .am-menu .am-multi-select-btns .am-multi-select-btns-btn{position:relative;border:none}html:not([data-scale]) .am-menu .am-multi-select-btns .am-multi-select-btns-btn:before{content:"";position:absolute;left:0;top:0;width:200%;height:200%;border:1px solid #ddd;border-radius:0;-webkit-transform-origin:0 0;-ms-transform-origin:0 0;transform-origin:0 0;-webkit-transform:scale(.5);-ms-transform:scale(.5);transform:scale(.5);-webkit-box-sizing:border-box;box-sizing:border-box;pointer-events:none}}.am-menu .am-flexbox .am-flexbox-item{margin-left:0;-webkit-overflow-scrolling:touch;overflow-y:scroll}.am-menu .am-flexbox .am-flexbox-item .am-list{padding:0}.am-menu .am-flexbox .am-flexbox-item .am-list .am-list-item .am-list-line .am-list-content{font-size:16px}.am-menu .am-flexbox .am-flexbox-item .am-list .am-list-item .am-list-line .am-list-extra .am-checkbox-wrapper .am-checkbox{position:absolute;top:0;left:0;right:0;bottom:0;width:100%;height:100%;overflow:visible}.am-menu .am-flexbox .am-flexbox-item .am-list .am-list-item .am-list-line .am-list-extra .am-checkbox-wrapper .am-checkbox .am-checkbox-inner{top:12px;right:15px}.am-menu .am-flexbox .am-flexbox-item:first-child{background-color:#f7f7f7}.am-menu .am-flexbox .am-flexbox-item:first-child .am-list .am-list-body{background-color:#f7f7f7;border-bottom:0}.am-menu .am-flexbox .am-flexbox-item:first-child .am-list .am-list-body:after{display:none!important}.am-menu .am-flexbox .am-flexbox-item:first-child .am-list .am-list-item{background-color:#f7f7f7}.am-menu .am-flexbox .am-flexbox-item:first-child .am-list .am-list-item .am-list-line{border-bottom:0}.am-menu .am-flexbox .am-flexbox-item:first-child .am-list .am-list-item .am-list-line:after{display:none!important}.am-menu .am-flexbox .am-flexbox-item:first-child .am-list .am-list-item .am-list-line .am-list-content{color:#000}.am-menu .am-flexbox .am-flexbox-item:first-child .am-list .am-list-item:last-child{border-bottom:0}.am-menu .am-flexbox .am-flexbox-item:first-child .am-list .am-list-item:last-child:after{display:none!important}.am-menu .am-flexbox .am-flexbox-item:first-child .am-list .am-list-item.am-menu-selected,.am-menu .am-flexbox .am-flexbox-item:last-child{background-color:#fff}.am-menu .am-flexbox .am-flexbox-item:last-child .am-list .am-list-item{background-color:#fff;border-bottom:0}.am-menu .am-flexbox .am-flexbox-item:last-child .am-list .am-list-item:after{display:none!important}.am-menu .am-flexbox .am-flexbox-item:last-child .am-list .am-list-item .am-list-line .am-list-extra{-webkit-box-flex:0;-webkit-flex:0;-ms-flex:0;flex:0}.am-menu .am-flexbox .am-flexbox-item:last-child .am-list .am-list-item.am-sub-menu-item-selected .am-list-line .am-list-content{color:#108ee9}.am-menu .am-flexbox .am-flexbox-item:last-child .am-list .am-list-item.am-sub-menu-item-disabled .am-list-line .am-list-content{color:#bbb}.am-menu .am-flexbox .am-flexbox-item:only-child .am-list .am-list-item .am-list-line{border-bottom:1px solid #ddd}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:2dppx){html:not([data-scale]) .am-menu .am-flexbox .am-flexbox-item:only-child .am-list .am-list-item .am-list-line{border-bottom:none}html:not([data-scale]) .am-menu .am-flexbox .am-flexbox-item:only-child .am-list .am-list-item .am-list-line:after{content:"";position:absolute;background-color:#ddd;display:block;z-index:1;top:auto;right:auto;bottom:0;left:0;width:100%;height:1px;-webkit-transform-origin:50% 100%;-ms-transform-origin:50% 100%;transform-origin:50% 100%;-webkit-transform:scaleY(.5);-ms-transform:scaleY(.5);transform:scaleY(.5)}}@media (-webkit-min-device-pixel-ratio:2) and (-webkit-min-device-pixel-ratio:3),(min-resolution:2dppx) and (min-resolution:3dppx){html:not([data-scale]) .am-menu .am-flexbox .am-flexbox-item:only-child .am-list .am-list-item .am-list-line:after{-webkit-transform:scaleY(.33);-ms-transform:scaleY(.33);transform:scaleY(.33)}}.am-menu .am-flexbox .am-flexbox-item:only-child .am-list .am-list-item:last-child{border-bottom:1px solid #ddd}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:2dppx){html:not([data-scale]) .am-menu .am-flexbox .am-flexbox-item:only-child .am-list .am-list-item:last-child{border-bottom:none}html:not([data-scale]) .am-menu .am-flexbox .am-flexbox-item:only-child .am-list .am-list-item:last-child:after{content:"";position:absolute;background-color:#ddd;display:block;z-index:1;top:auto;right:auto;bottom:0;left:0;width:100%;height:1px;-webkit-transform-origin:50% 100%;-ms-transform-origin:50% 100%;transform-origin:50% 100%;-webkit-transform:scaleY(.5);-ms-transform:scaleY(.5);transform:scaleY(.5)}}@media (-webkit-min-device-pixel-ratio:2) and (-webkit-min-device-pixel-ratio:3),(min-resolution:2dppx) and (min-resolution:3dppx){html:not([data-scale]) .am-menu .am-flexbox .am-flexbox-item:only-child .am-list .am-list-item:last-child:after{-webkit-transform:scaleY(.33);-ms-transform:scaleY(.33);transform:scaleY(.33)}}.am-menu .am-flexbox .am-flexbox-item:only-child .am-list .am-list-item:last-child .am-list-line{border-bottom:0}.am-menu .am-flexbox .am-flexbox-item:only-child .am-list .am-list-item:last-child .am-list-line:after{display:none!important}.am-modal{position:relative}.am-modal:not(.am-modal-transparent):not(.am-modal-popup){width:100%;height:100%}.am-modal-mask{position:fixed;top:0;right:0;left:0;bottom:0;height:100%;z-index:999;background-color:rgba(0,0,0,.4)}.am-modal-mask-hidden{display:none}.am-modal-wrap{position:fixed;overflow:auto;top:0;right:0;bottom:0;left:0;height:100%;z-index:999;-webkit-overflow-scrolling:touch;outline:0;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-transform:translateZ(1px);transform:translateZ(1px)}.am-modal-wrap-popup{display:block}.am-modal-transparent{width:270px}.am-modal-transparent .am-modal-content{border-radius:7px;padding-top:15px}.am-modal-transparent .am-modal-content .am-modal-body{padding:0 15px 15px}.am-modal-popup{position:fixed;left:0;width:100%}.am-modal-popup-slide-down{top:0}.am-modal-popup-slide-up{bottom:0}.am-modal-popup .am-modal-content{padding-bottom:env(safe-area-inset-bottom)}.am-modal-title{margin:0;font-size:18px;line-height:1;color:#000;text-align:center}.am-modal-header{padding:6px 15px 15px}.am-modal-content{position:relative;background-color:#fff;border:0;background-clip:padding-box;text-align:center;height:100%;overflow:hidden}.am-modal-close{border:0;padding:0;background-color:transparent;outline:none;position:absolute;right:15px;z-index:999;height:21px;width:21px}.am-modal-close-x{display:inline-block;width:15px;height:15px;background-repeat:no-repeat;background-size:cover;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='30' height='30' viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%23888' fill-rule='evenodd'%3E%3Cpath d='M1.414 0l28.284 28.284-1.414 1.414L0 1.414z'/%3E%3Cpath d='M28.284 0L0 28.284l1.414 1.414L29.698 1.414z'/%3E%3C/g%3E%3C/svg%3E")}.am-modal-body{font-size:15px;color:#888;height:100%;line-height:1.5;overflow:auto}.am-modal-button-group-h{position:relative;border-top:1px solid #ddd;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:2dppx){html:not([data-scale]) .am-modal-button-group-h{border-top:none}html:not([data-scale]) .am-modal-button-group-h:before{content:"";position:absolute;background-color:#ddd;display:block;z-index:1;top:0;right:auto;bottom:auto;left:0;width:100%;height:1px;-webkit-transform-origin:50% 50%;-ms-transform-origin:50% 50%;transform-origin:50% 50%;-webkit-transform:scaleY(.5);-ms-transform:scaleY(.5);transform:scaleY(.5)}}@media (-webkit-min-device-pixel-ratio:2) and (-webkit-min-device-pixel-ratio:3),(min-resolution:2dppx) and (min-resolution:3dppx){html:not([data-scale]) .am-modal-button-group-h:before{-webkit-transform:scaleY(.33);-ms-transform:scaleY(.33);transform:scaleY(.33)}}.am-modal-button-group-h .am-modal-button{-webkit-touch-callout:none;-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;-webkit-box-sizing:border-box;box-sizing:border-box;text-align:center;text-decoration:none;outline:none;color:#108ee9;font-size:18px;height:50px;line-height:50px;display:block;width:auto;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.am-modal-button-group-h .am-modal-button:first-child{color:#000}.am-modal-button-group-h .am-modal-button:last-child{position:relative;border-left:1px solid #ddd}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:2dppx){html:not([data-scale]) .am-modal-button-group-h .am-modal-button:last-child{border-left:none}html:not([data-scale]) .am-modal-button-group-h .am-modal-button:last-child:before{content:"";position:absolute;background-color:#ddd;display:block;z-index:1;top:0;right:auto;bottom:auto;left:0;width:1px;height:100%;-webkit-transform-origin:100% 50%;-ms-transform-origin:100% 50%;transform-origin:100% 50%;-webkit-transform:scaleX(.5);-ms-transform:scaleX(.5);transform:scaleX(.5)}}@media (-webkit-min-device-pixel-ratio:2) and (-webkit-min-device-pixel-ratio:3),(min-resolution:2dppx) and (min-resolution:3dppx){html:not([data-scale]) .am-modal-button-group-h .am-modal-button:last-child:before{-webkit-transform:scaleX(.33);-ms-transform:scaleX(.33);transform:scaleX(.33)}}.am-modal-button-group-v .am-modal-button{-webkit-touch-callout:none;position:relative;border-top:1px solid #ddd;-webkit-box-sizing:border-box;box-sizing:border-box;text-align:center;text-decoration:none;outline:none;color:#108ee9;font-size:18px;height:50px;line-height:50px;display:block;width:auto;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:2dppx){html:not([data-scale]) .am-modal-button-group-v .am-modal-button{border-top:none}html:not([data-scale]) .am-modal-button-group-v .am-modal-button:before{content:"";position:absolute;background-color:#ddd;display:block;z-index:1;top:0;right:auto;bottom:auto;left:0;width:100%;height:1px;-webkit-transform-origin:50% 50%;-ms-transform-origin:50% 50%;transform-origin:50% 50%;-webkit-transform:scaleY(.5);-ms-transform:scaleY(.5);transform:scaleY(.5)}}@media (-webkit-min-device-pixel-ratio:2) and (-webkit-min-device-pixel-ratio:3),(min-resolution:2dppx) and (min-resolution:3dppx){html:not([data-scale]) .am-modal-button-group-v .am-modal-button:before{-webkit-transform:scaleY(.33);-ms-transform:scaleY(.33);transform:scaleY(.33)}}.am-modal-button-active{background-color:#ddd}.am-modal-input-container{margin-top:9px;border:1px solid #ddd;border-radius:3px}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:2dppx){html:not([data-scale]) .am-modal-input-container{position:relative;border:none}html:not([data-scale]) .am-modal-input-container:before{content:"";position:absolute;left:0;top:0;width:200%;height:200%;border:1px solid #ddd;border-radius:6px;-webkit-transform-origin:0 0;-ms-transform-origin:0 0;transform-origin:0 0;-webkit-transform:scale(.5);-ms-transform:scale(.5);transform:scale(.5);-webkit-box-sizing:border-box;box-sizing:border-box;pointer-events:none}}.am-modal-input{height:36px;line-height:1}.am-modal-input:nth-child(2){position:relative;border-top:1px solid #ddd}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:2dppx){html:not([data-scale]) .am-modal-input:nth-child(2){border-top:none}html:not([data-scale]) .am-modal-input:nth-child(2):before{content:"";position:absolute;background-color:#ddd;display:block;z-index:1;top:0;right:auto;bottom:auto;left:0;width:100%;height:1px;-webkit-transform-origin:50% 50%;-ms-transform-origin:50% 50%;transform-origin:50% 50%;-webkit-transform:scaleY(.5);-ms-transform:scaleY(.5);transform:scaleY(.5)}}@media (-webkit-min-device-pixel-ratio:2) and (-webkit-min-device-pixel-ratio:3),(min-resolution:2dppx) and (min-resolution:3dppx){html:not([data-scale]) .am-modal-input:nth-child(2):before{-webkit-transform:scaleY(.33);-ms-transform:scaleY(.33);transform:scaleY(.33)}}.am-modal-input input{position:relative;border:0;width:98%;height:34px;top:1px;-webkit-box-sizing:border-box;box-sizing:border-box;margin:0}.am-modal-input input::-webkit-input-placeholder{font-size:14px;color:#ccc;padding-left:8px}.am-modal-input input::-moz-placeholder{font-size:14px;color:#ccc;padding-left:8px}.am-modal-input input::-ms-input-placeholder{font-size:14px;color:#ccc;padding-left:8px}.am-modal-input input::placeholder{font-size:14px;color:#ccc;padding-left:8px}.am-modal.am-modal-transparent.am-modal-android .am-modal-content{border-radius:0}.am-modal.am-modal-transparent.am-modal-android .am-modal-content .am-modal-header{padding:9px 24px 12px}.am-modal.am-modal-transparent.am-modal-android .am-modal-content .am-modal-header .am-modal-title{text-align:left;font-size:21px;color:#000}.am-modal.am-modal-transparent.am-modal-android .am-modal-content .am-modal-body{color:#000;text-align:left;padding:0 24px 15px}.am-modal.am-modal-transparent.am-modal-android .am-modal-content .am-modal-body .am-modal-input-container{border:0;border-bottom:1px solid #ddd}.am-modal.am-modal-transparent.am-modal-android .am-modal-content .am-modal-body .am-modal-input-container:before{display:none!important}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:2dppx){html:not([data-scale]) .am-modal.am-modal-transparent.am-modal-android .am-modal-content .am-modal-body .am-modal-input-container{border-bottom:none}html:not([data-scale]) .am-modal.am-modal-transparent.am-modal-android .am-modal-content .am-modal-body .am-modal-input-container:after{content:"";position:absolute;background-color:#ddd;display:block;z-index:1;top:auto;right:auto;bottom:0;left:0;width:100%;height:1px;-webkit-transform-origin:50% 100%;-ms-transform-origin:50% 100%;transform-origin:50% 100%;-webkit-transform:scaleY(.5);-ms-transform:scaleY(.5);transform:scaleY(.5)}}@media (-webkit-min-device-pixel-ratio:2) and (-webkit-min-device-pixel-ratio:3),(min-resolution:2dppx) and (min-resolution:3dppx){html:not([data-scale]) .am-modal.am-modal-transparent.am-modal-android .am-modal-content .am-modal-body .am-modal-input-container:after{-webkit-transform:scaleY(.33);-ms-transform:scaleY(.33);transform:scaleY(.33)}}.am-modal.am-modal-transparent.am-modal-android .am-modal-content .am-modal-body .am-modal-input-container .am-modal-input:first-child{border-top:0}.am-modal.am-modal-transparent.am-modal-android .am-modal-content .am-modal-body .am-modal-input-container .am-modal-input:first-child:before{display:none!important}.am-modal.am-modal-transparent.am-modal-android .am-modal-content .am-modal-footer{padding-bottom:12px}.am-modal.am-modal-transparent.am-modal-android .am-modal-content .am-modal-footer .am-modal-button-group-h{overflow:hidden;border-top:0;-webkit-box-pack:end;-webkit-justify-content:flex-end;-ms-flex-pack:end;justify-content:flex-end;padding:0 12px}.am-modal.am-modal-transparent.am-modal-android .am-modal-content .am-modal-footer .am-modal-button-group-h:before{display:none!important}.am-modal.am-modal-transparent.am-modal-android .am-modal-content .am-modal-footer .am-modal-button-group-h .am-modal-button{-webkit-box-flex:initial;-webkit-flex:initial;-ms-flex:initial;flex:initial;margin-left:3px;padding:0 15px;height:48px;-webkit-box-sizing:border-box;box-sizing:border-box}.am-modal.am-modal-transparent.am-modal-android .am-modal-content .am-modal-footer .am-modal-button-group-h .am-modal-button:first-child{color:#777}.am-modal.am-modal-transparent.am-modal-android .am-modal-content .am-modal-footer .am-modal-button-group-h .am-modal-button:last-child{border-left:0}.am-modal.am-modal-transparent.am-modal-android .am-modal-content .am-modal-footer .am-modal-button-group-h .am-modal-button:last-child:before{display:none!important}.am-modal.am-modal-transparent.am-modal-android .am-modal-content .am-modal-footer .am-modal-button-group-v.am-modal-button-group-normal{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:end;-webkit-justify-content:flex-end;-ms-flex-pack:end;justify-content:flex-end;overflow:hidden;padding:0 12px}.am-modal.am-modal-transparent.am-modal-android .am-modal-content .am-modal-footer .am-modal-button-group-v.am-modal-button-group-normal .am-modal-button{border-top:0;padding:0 15px;margin-left:3px;height:48px;-webkit-box-sizing:border-box;box-sizing:border-box}.am-modal.am-modal-transparent.am-modal-android .am-modal-content .am-modal-footer .am-modal-button-group-v.am-modal-button-group-normal .am-modal-button:before{display:none!important}.am-modal.am-modal-transparent.am-modal-android .am-modal-content .am-modal-footer .am-modal-button-group-operation .am-modal-button{text-align:start;padding-left:15px}.am-modal.am-modal-operation .am-modal-content{border-radius:7px;height:auto;padding-top:0}.am-modal.am-modal-operation .am-modal-content .am-modal-body{padding:0!important}.am-modal.am-modal-operation .am-modal-content .am-modal-button{color:#000;text-align:left;padding-left:15px}.am-modal-alert-content,.am-modal-propmt-content{zoom:1;overflow:hidden}.am-navbar{-ms-flex-align:center;height:45px;background-color:#108ee9;color:#fff}.am-navbar,.am-navbar-left,.am-navbar-right,.am-navbar-title{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center}.am-navbar-left,.am-navbar-right,.am-navbar-title{-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;height:100%;-ms-flex-align:center}.am-navbar-left{padding-left:15px;font-size:16px}.am-navbar-left-icon{margin-right:5px;display:inherit}.am-navbar-title{-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;font-size:18px;white-space:nowrap}.am-navbar-right{-webkit-box-pack:end;-webkit-justify-content:flex-end;-ms-flex-pack:end;justify-content:flex-end;font-size:16px;margin-right:15px}.am-navbar-light{background-color:#fff;color:#108ee9}.am-navbar-light .am-navbar-title{color:#000}.am-notice-bar{background-color:#fefcec;height:36px;overflow:hidden;font-size:14px;line-height:36px;color:#f76a24;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}.am-notice-bar-content{-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;width:100%;margin:auto 15px;width:auto;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.am-notice-bar-icon{margin-left:15px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}.am-notice-bar-icon .am-notice-bar-trips{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='38' height='33' viewBox='0 0 38 33' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle%3Etrips%3C/title%3E%3Cg fill-rule='evenodd'%3E%3Cpath d='M17.838 28.8c-.564-.468-1.192-.983-1.836-1.496-4.244-3.385-5.294-3.67-6.006-3.67-.014 0-.027.005-.04.005-.015 0-.028-.005-.042-.005H3.562c-.734 0-.903-.203-.903-.928V10.085c0-.49.058-.8.66-.8h5.782c.693 0 1.758-.28 6.4-3.628.828-.597 1.637-1.197 2.336-1.723V28.8zM19.682.19a1.36 1.36 0 0 0-1.417.157c-.02.016-1.983 1.552-4.152 3.125C10.34 6.21 9.243 6.664 9.02 6.737H3.676c-.027 0-.053.003-.08.004H1.183c-.608 0-1.1.486-1.1 1.085V25.14c0 .598.492 1.084 1.1 1.084h8.71c.22.08 1.257.55 4.605 3.24 1.947 1.562 3.694 3.088 3.712 3.103a1.362 1.362 0 0 0 1.44.217c.48-.213.79-.684.79-1.204V1.38c0-.506-.294-.968-.758-1.19z' mask='url(%23mask-2)'/%3E%3Cpath d='M31.42 16.475c0-3.363-1.854-6.297-4.606-7.876-.125-.066-.42-.192-.625-.192a1.1 1.1 0 0 0-1.108 1.09c0 .404.22.764.55.952 2.128 1.19 3.565 3.442 3.565 6.025 0 2.627-1.486 4.913-3.677 6.087-.318.19-.53.54-.53.934 0 .602.496 1.09 1.107 1.09.26.002.568-.15.568-.15 2.835-1.556 4.754-4.538 4.754-7.96' mask='url(%23mask-4)'/%3E%3Cpath d='M30.14 3.057c-.205-.122-.41-.22-.658-.22-.608 0-1.1.485-1.1 1.084 0 .433.26.78.627.977 4.043 2.323 6.762 6.636 6.762 11.578 0 4.938-2.716 9.248-6.755 11.572-.354.19-.66.55-.66.993 0 .6.494 1.084 1.102 1.084.243 0 .438-.092.65-.213 4.692-2.695 7.848-7.7 7.848-13.435 0-5.723-3.142-10.718-7.817-13.418' mask='url(%23mask-6)'/%3E%3C/g%3E%3C/svg%3E")}.am-notice-bar-icon+div{margin-left:5px}.am-notice-bar-operation{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;padding-right:8px}.am-pagination-wrap{font-size:18px;color:#000;background:none;text-align:center}.am-pagination-wrap .active{color:#108ee9}.am-pagination-wrap-btn{text-align:center}.am-pagination-wrap-btn-prev{text-align:left}.am-pagination-wrap-btn-next{text-align:right}.am-pagination-wrap-dot{display:inline-block;zoom:1}.am-pagination-wrap-dot>span{display:block;width:8px;height:8px;margin-right:5px;border-radius:50%;background:#ccc}.am-pagination-wrap-dot-active>span{background:#888}.am-popover{position:absolute;z-index:1999}.am-popover-hidden{display:none}.am-popover-mask{position:fixed;top:0;right:0;left:0;bottom:0;background-color:rgba(0,0,0,.4);height:100%;z-index:999}.am-popover-mask-hidden{display:none}.am-popover-arrow{position:absolute;width:7px;height:7px;border-radius:1px;background-color:#fff;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);z-index:0;-webkit-box-shadow:0 0 2px rgba(0,0,0,.21);box-shadow:0 0 2px rgba(0,0,0,.21)}.am-popover-placement-top .am-popover-arrow,.am-popover-placement-topLeft .am-popover-arrow,.am-popover-placement-topRight .am-popover-arrow{-webkit-transform:rotate(225deg);-ms-transform:rotate(225deg);transform:rotate(225deg);bottom:-3.5px}.am-popover-placement-top .am-popover-arrow{left:50%}.am-popover-placement-topLeft .am-popover-arrow{left:8px}.am-popover-placement-topRight .am-popover-arrow{right:8px}.am-popover-placement-right .am-popover-arrow,.am-popover-placement-rightBottom .am-popover-arrow,.am-popover-placement-rightTop .am-popover-arrow{-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg);left:-3.5px}.am-popover-placement-right .am-popover-arrow{top:50%}.am-popover-placement-rightTop .am-popover-arrow{top:8px}.am-popover-placement-rightBottom .am-popover-arrow{bottom:8px}.am-popover-placement-left .am-popover-arrow,.am-popover-placement-leftBottom .am-popover-arrow,.am-popover-placement-leftTop .am-popover-arrow{-webkit-transform:rotate(135deg);-ms-transform:rotate(135deg);transform:rotate(135deg);right:-3.5px}.am-popover-placement-left .am-popover-arrow{top:50%}.am-popover-placement-leftTop .am-popover-arrow{top:8px}.am-popover-placement-leftBottom .am-popover-arrow{bottom:8px}.am-popover-placement-bottom .am-popover-arrow,.am-popover-placement-bottomLeft .am-popover-arrow,.am-popover-placement-bottomRight .am-popover-arrow{top:-3.5px}.am-popover-placement-bottom .am-popover-arrow{left:50%}.am-popover-placement-bottomLeft .am-popover-arrow{left:8px}.am-popover-placement-bottomRight .am-popover-arrow{right:8px}.am-popover-inner{font-size:15px;color:#000;background-color:#fff;border-radius:3px;-webkit-box-shadow:0 0 2px rgba(0,0,0,.21);box-shadow:0 0 2px rgba(0,0,0,.21);overflow:hidden}.am-popover-inner-wrapper{position:relative;background-color:#fff}.am-popover .am-popover-item{padding:0 8px}.am-popover .am-popover-item-container{position:relative;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;height:39px;-webkit-box-sizing:border-box;box-sizing:border-box;padding:0 8px}.am-popover .am-popover-item:not(:first-child) .am-popover-item-container{border-top:1px solid #ddd}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:2dppx){html:not([data-scale]) .am-popover .am-popover-item:not(:first-child) .am-popover-item-container{border-top:none}html:not([data-scale]) .am-popover .am-popover-item:not(:first-child) .am-popover-item-container:before{content:"";position:absolute;background-color:#ddd;display:block;z-index:1;top:0;right:auto;bottom:auto;left:0;width:100%;height:1px;-webkit-transform-origin:50% 50%;-ms-transform-origin:50% 50%;transform-origin:50% 50%;-webkit-transform:scaleY(.5);-ms-transform:scaleY(.5);transform:scaleY(.5)}}@media (-webkit-min-device-pixel-ratio:2) and (-webkit-min-device-pixel-ratio:3),(min-resolution:2dppx) and (min-resolution:3dppx){html:not([data-scale]) .am-popover .am-popover-item:not(:first-child) .am-popover-item-container:before{-webkit-transform:scaleY(.33);-ms-transform:scaleY(.33);transform:scaleY(.33)}}.am-popover .am-popover-item.am-popover-item-active .am-popover-item-container{border-top:0}.am-popover .am-popover-item.am-popover-item-active .am-popover-item-container:before{display:none!important}.am-popover .am-popover-item.am-popover-item-active+.am-popover-item .am-popover-item-container{border-top:0}.am-popover .am-popover-item.am-popover-item-active+.am-popover-item .am-popover-item-container:before{display:none!important}.am-popover .am-popover-item.am-popover-item-active{background-color:#ddd}.am-popover .am-popover-item.am-popover-item-active.am-popover-item-fix-active-arrow{position:relative}.am-popover .am-popover-item.am-popover-item-disabled{color:#bbb}.am-popover .am-popover-item.am-popover-item-disabled.am-popover-item-active{background-color:transparent}.am-popover .am-popover-item-icon{margin-right:8px;width:18px;height:18px}.am-progress-outer{background-color:#ddd;display:block}.am-progress-fixed-outer{position:fixed;width:100%;top:0;left:0;z-index:2000}.am-progress-hide-outer{background-color:transparent}.am-progress-bar{border:2px solid #108ee9;-webkit-transition:all .3s linear 0s;transition:all .3s linear 0s}.am-pull-to-refresh-content{-webkit-transform-origin:left top 0;-ms-transform-origin:left top 0;transform-origin:left top 0}.am-pull-to-refresh-content-wrapper{overflow:hidden}.am-pull-to-refresh-transition{-webkit-transition:-webkit-transform .3s;transition:-webkit-transform .3s;transition:transform .3s;transition:transform .3s,-webkit-transform .3s}.am-pull-to-refresh-indicator{color:grey;text-align:center;height:25px}.am-pull-to-refresh-down .am-pull-to-refresh-indicator{margin-top:-25px}.am-pull-to-refresh-up .am-pull-to-refresh-indicator{margin-bottom:-25px}.am-slider{position:relative}.am-slider-rail{position:absolute;width:100%;background-color:#ddd;height:2px;-webkit-box-sizing:border-box;box-sizing:border-box}.am-slider-track{position:absolute;left:0;height:2px;border-radius:2px;background-color:#108ee9}.am-slider-handle{position:absolute;margin-left:-12px;margin-top:-10px;width:22px;height:22px;cursor:pointer;border-radius:50%;border:2px solid #108ee9;background-color:#fff;-webkit-box-sizing:border-box;box-sizing:border-box}.am-slider-handle:focus{background-color:#40a5ed}.am-slider-mark{position:absolute;top:20px;left:0;width:100%;font-size:12px}.am-slider-mark-text{position:absolute;display:inline-block;vertical-align:middle;text-align:center;cursor:pointer;color:#000}.am-slider-mark-text-active{opacity:.3}.am-slider-step{position:absolute;width:100%;height:4px;background:transparent}.am-slider-dot{position:absolute;bottom:-5px;width:12px;height:12px;border:2px solid #ddd;background-color:#fff;cursor:pointer;border-radius:50%;vertical-align:middle}.am-slider-dot,.am-slider-dot:first-child,.am-slider-dot:last-child{margin-left:-4px}.am-slider-dot-active{border-color:#108ee9}.am-slider-disabled{opacity:.3}.am-slider-disabled .am-slider-track{height:2px}.am-slider-disabled .am-slider-dot,.am-slider-disabled .am-slider-handle,.am-slider-disabled .am-slider-mark-text{cursor:not-allowed;-webkit-box-shadow:none;box-shadow:none}.am-result{position:relative;text-align:center;width:100%;padding-top:30px;padding-bottom:21px;background-color:#fff;border-bottom:1px solid #ddd}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:2dppx){html:not([data-scale]) .am-result{border-bottom:none}html:not([data-scale]) .am-result:after{content:"";position:absolute;background-color:#ddd;display:block;z-index:1;top:auto;right:auto;bottom:0;left:0;width:100%;height:1px;-webkit-transform-origin:50% 100%;-ms-transform-origin:50% 100%;transform-origin:50% 100%;-webkit-transform:scaleY(.5);-ms-transform:scaleY(.5);transform:scaleY(.5)}}@media (-webkit-min-device-pixel-ratio:2) and (-webkit-min-device-pixel-ratio:3),(min-resolution:2dppx) and (min-resolution:3dppx){html:not([data-scale]) .am-result:after{-webkit-transform:scaleY(.33);-ms-transform:scaleY(.33);transform:scaleY(.33)}}.am-result .am-result-pic{width:60px;height:60px;margin:0 auto;line-height:60px;background-size:60px 60px}.am-result .am-result-message,.am-result .am-result-title{font-size:21px;color:#000;padding-left:15px;padding-right:15px}.am-result .am-result-title{margin-top:15px;line-height:1}.am-result .am-result-message{margin-top:9px;line-height:1.5;font-size:16px;color:#888}.am-result .am-result-button{padding:0 15px;margin-top:15px}.am-search{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;height:44px;padding:0 8px;background-color:#efeff4}.am-search,.am-search-input{position:relative;overflow:hidden}.am-search-input{-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;width:100%;height:28px;background-color:#fff;background-clip:padding-box;border-radius:3px}.am-search-input .am-search-synthetic-ph,.am-search-input input[type=search]{position:absolute;top:0;left:0}.am-search-input .am-search-synthetic-ph{-webkit-box-sizing:content-box;box-sizing:content-box;z-index:1;height:28px;line-height:28px;width:100%;-webkit-transition:width .3s;transition:width .3s;display:block;text-align:center}.am-search-input .am-search-synthetic-ph-icon{display:inline-block;margin-right:5px;width:15px;height:15px;overflow:hidden;vertical-align:-2.5px;background-repeat:no-repeat;background-size:15px auto;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='38' height='36' viewBox='0 0 38 36' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M29.05 25.23a15.81 15.81 0 0 0 3.004-9.294c0-8.8-7.17-15.934-16.017-15.934C7.192.002.02 7.136.02 15.936c0 8.802 7.172 15.937 16.017 15.937a16 16 0 0 0 10.772-4.143l8.873 8.232 2.296-2.45-8.927-8.282zM16.2 28.933c-7.19 0-13.04-5.788-13.04-12.903 0-7.113 5.85-12.904 13.04-12.904 7.19 0 12.9 5.79 12.9 12.904 0 7.115-5.71 12.903-12.9 12.903z' fill='%23bbb' fill-rule='evenodd'/%3E%3C/svg%3E")}.am-search-input .am-search-synthetic-ph-placeholder{color:#bbb;font-size:15px}.am-search-input input[type=search]{z-index:2;opacity:0;width:100%;text-align:left;display:block;color:#000;height:28px;font-size:15px;background-color:transparent;border:0}.am-search-input input[type=search]::-webkit-input-placeholder{background:none;text-align:left;color:transparent}.am-search-input input[type=search]::-moz-placeholder{background:none;text-align:left;color:transparent}.am-search-input input[type=search]::-ms-input-placeholder{background:none;text-align:left;color:transparent}.am-search-input input[type=search]::placeholder{background:none;text-align:left;color:transparent}.am-search-input input[type=search]::-webkit-search-cancel-button{-webkit-appearance:none}.am-search-input .am-search-clear{-webkit-box-sizing:content-box;box-sizing:content-box;position:absolute;display:none;z-index:3;width:15px;height:15px;padding:6.5px;border-radius:50%;top:0;right:0;background-color:transparent;background-position:50%;background-repeat:no-repeat;background-size:15px 15px;-webkit-transition:all .3s;transition:all .3s;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 28 28'%3E%3Ccircle cx='14' cy='14' r='14' fill='%23ccc'/%3E%3Cpath stroke='%23fff' stroke-width='2' stroke-miterlimit='10' d='M8 8l12 12'/%3E%3Cpath fill='none' stroke='%23fff' stroke-width='2' stroke-miterlimit='10' d='M20 8L8 20'/%3E%3C/svg%3E")}.am-search-input .am-search-clear-active{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 28 28'%3E%3Ccircle cx='14' cy='14' r='14' fill='%23108ee9'/%3E%3Cpath stroke='%23fff' stroke-width='2' stroke-miterlimit='10' d='M8 8l12 12'/%3E%3Cpath fill='none' stroke='%23fff' stroke-width='2' stroke-miterlimit='10' d='M20 8L8 20'/%3E%3C/svg%3E")}.am-search-input .am-search-clear-show{display:block}.am-search-cancel{-webkit-box-flex:0;-webkit-flex:none;-ms-flex:none;flex:none;opacity:0;padding-left:8px;height:44px;line-height:44px;font-size:16px;color:#108ee9;text-align:right}.am-search-cancel-anim{-webkit-transition:margin-right .3s,opacity .3s;transition:margin-right .3s,opacity .3s;-webkit-transition-delay:.1s;transition-delay:.1s}.am-search-cancel-show{opacity:1}.am-search.am-search-start .am-search-input input[type=search]{opacity:1;padding:0 28px 0 35px}.am-search.am-search-start .am-search-input input[type=search]::-webkit-input-placeholder{color:transparent}.am-search.am-search-start .am-search-input input[type=search]::-moz-placeholder{color:transparent}.am-search.am-search-start .am-search-input input[type=search]::-ms-input-placeholder{color:transparent}.am-search.am-search-start .am-search-input input[type=search]::placeholder{color:transparent}.am-search.am-search-start .am-search-input .am-search-synthetic-ph{padding-left:15px;width:auto}.am-segment{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;border-radius:5px;overflow:hidden;min-height:27px;opacity:1}.am-segment.am-segment-disabled{opacity:.5}.am-segment-item{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;color:#108ee9;font-size:14px;line-height:1;-webkit-transition:background .2s;transition:background .2s;position:relative;border:1px solid #108ee9;width:100%;-webkit-box-sizing:border-box;box-sizing:border-box;border-left-width:0}.am-segment-item-tintcolor{border-color:#108ee9}.am-segment-item:first-child{border-left-width:1px;border-radius:5px 0 0 5px}.am-segment-item:last-child{border-radius:0 5px 5px 0}.am-segment-item-selected{background:#108ee9;color:#fff}.am-segment-item-active .am-segment-item-inner{position:absolute;top:0;left:0;height:100%;width:100%;opacity:.1;-webkit-transition:background .2s;transition:background .2s;background-color:#108ee9}.am-slider{position:relative}.am-slider-rail{position:absolute;width:100%;background-color:#ddd;height:2px;-webkit-box-sizing:border-box;box-sizing:border-box}.am-slider-track{position:absolute;left:0;height:2px;border-radius:2px;background-color:#108ee9}.am-slider-handle{position:absolute;margin-left:-12px;margin-top:-10px;width:22px;height:22px;cursor:pointer;border-radius:50%;border:2px solid #108ee9;background-color:#fff;-webkit-box-sizing:border-box;box-sizing:border-box}.am-slider-handle:focus{background-color:#40a5ed}.am-slider-mark{position:absolute;top:20px;left:0;width:100%;font-size:12px}.am-slider-mark-text{position:absolute;display:inline-block;vertical-align:middle;text-align:center;cursor:pointer;color:#000}.am-slider-mark-text-active{opacity:.3}.am-slider-step{position:absolute;width:100%;height:4px;background:transparent}.am-slider-dot{position:absolute;bottom:-5px;width:12px;height:12px;border:2px solid #ddd;background-color:#fff;cursor:pointer;border-radius:50%;vertical-align:middle}.am-slider-dot,.am-slider-dot:first-child,.am-slider-dot:last-child{margin-left:-4px}.am-slider-dot-active{border-color:#108ee9}.am-slider-disabled{opacity:.3}.am-slider-disabled .am-slider-track{height:2px}.am-slider-disabled .am-slider-dot,.am-slider-disabled .am-slider-handle,.am-slider-disabled .am-slider-mark-text{cursor:not-allowed;-webkit-box-shadow:none;box-shadow:none}.am-stepper{position:relative;margin:0;padding:2px 0;display:inline-block;-webkit-box-sizing:content-box;box-sizing:content-box;width:63px;height:35px;line-height:35px;font-size:14px;vertical-align:middle;overflow:hidden}.am-stepper-handler-wrap{position:absolute;width:100%;font-size:24px}.am-stepper-handler,.am-stepper-handler-down-inner,.am-stepper-handler-up-inner{width:30px;height:30px;line-height:30px}.am-stepper-handler{text-align:center;border:1px solid #ddd;border-radius:5px;overflow:hidden;color:#000;position:absolute;display:inline-block;-webkit-box-sizing:content-box;box-sizing:content-box}.am-stepper-handler-active{z-index:2;background-color:#ddd}.am-stepper-handler-down-inner,.am-stepper-handler-up-inner{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;right:2px;color:#000}.am-stepper-input-wrap{display:none;width:100%;height:30px;line-height:30px;text-align:center;overflow:hidden}.am-stepper-input{display:none;width:60px;font-size:16px;color:#000;text-align:center;border:0;padding:0;background:none;vertical-align:middle}.am-stepper-input[disabled]{opacity:1;color:#000}.am-stepper.showNumber{width:138px}.am-stepper.showNumber .am-stepper-input,.am-stepper.showNumber .am-stepper-input-wrap{display:inline-block}.am-stepper.showNumber .am-stepper-handler-down-disabled{right:-1px}.am-stepper-handler-up{cursor:pointer;right:0}.am-stepper-handler-up-inner:before{text-align:center;content:"+"}.am-stepper-handler-down{cursor:pointer;left:0}.am-stepper-handler-down-inner:before{text-align:center;content:"-"}.am-stepper-handler-down-disabled,.am-stepper-handler-up-disabled{opacity:.3}.am-stepper-handler-up-disabled .am-stepper-handler-active{background:none}.am-stepper-disabled .am-stepper-handler-down,.am-stepper-disabled .am-stepper-handler-up{opacity:.3;background:none}.am-stepper-disabled .am-stepper-handler,.am-stepper-disabled .am-stepper-input-wrap{opacity:.3}.am-steps{font-size:0;width:100%;line-height:1.5;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}.am-steps,.am-steps *{-webkit-box-sizing:border-box;box-sizing:border-box}.am-steps-item{position:relative;display:inline-block;vertical-align:top;-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;overflow:hidden}.am-steps-item:last-child{-webkit-box-flex:0;-webkit-flex:none;-ms-flex:none;flex:none}.am-steps-item:last-child .am-steps-item-tail,.am-steps-item:last-child .am-steps-item-title:after{display:none}.am-steps-item-content,.am-steps-item-icon{display:inline-block;vertical-align:top}.am-steps-item-icon{border:1px solid #bbb;width:22px;height:22px;line-height:22px;border-radius:22px;text-align:center;font-size:14px;margin-right:8px;-webkit-transition:background-color .3s,border-color .3s;transition:background-color .3s,border-color .3s}.am-steps-item-icon>.am-steps-icon{line-height:1;top:-1px;color:#108ee9;position:relative}.am-steps-item-icon>.am-steps-icon .am-icon{font-size:12px;position:relative;float:left}.am-steps-item-tail{position:absolute;left:0;width:100%;top:12px;padding:0 10px}.am-steps-item-tail:after{content:"";display:inline-block;background:#ddd;height:1px;border-radius:1px;width:100%;-webkit-transition:background .3s;transition:background .3s;position:relative;left:-2px}.am-steps-item-content{margin-top:3px}.am-steps-item-title{font-size:16px;margin-bottom:4px;color:#000;font-weight:700;display:inline-block;padding-right:10px;position:relative}.am-steps-item-description{font-size:15px;color:#bbb}.am-steps-item-wait .am-steps-item-icon{border-color:#ccc;background-color:#fff}.am-steps-item-wait .am-steps-item-icon>.am-steps-icon{color:#ccc}.am-steps-item-wait .am-steps-item-icon>.am-steps-icon .am-steps-icon-dot{background:#ccc}.am-steps-item-wait .am-steps-item-title{color:#000}.am-steps-item-wait .am-steps-item-title:after{background-color:#ddd}.am-steps-item-wait .am-steps-item-description{color:#000}.am-steps-item-wait .am-steps-item-tail:after{background-color:#ddd}.am-steps-item-process .am-steps-item-icon{border-color:#108ee9;background-color:#fff}.am-steps-item-process .am-steps-item-icon>.am-steps-icon{color:#108ee9}.am-steps-item-process .am-steps-item-icon>.am-steps-icon .am-steps-icon-dot{background:#108ee9}.am-steps-item-process .am-steps-item-title{color:#000}.am-steps-item-process .am-steps-item-title:after{background-color:#ddd}.am-steps-item-process .am-steps-item-description{color:#000}.am-steps-item-process .am-steps-item-tail:after{background-color:#ddd}.am-steps-item-process .am-steps-item-icon{background:#108ee9}.am-steps-item-process .am-steps-item-icon>.am-steps-icon{color:#fff}.am-steps-item-finish .am-steps-item-icon{border-color:#108ee9;background-color:#fff}.am-steps-item-finish .am-steps-item-icon>.am-steps-icon{color:#108ee9}.am-steps-item-finish .am-steps-item-icon>.am-steps-icon .am-steps-icon-dot{background:#108ee9}.am-steps-item-finish .am-steps-item-title{color:#000}.am-steps-item-finish .am-steps-item-title:after{background-color:#108ee9}.am-steps-item-finish .am-steps-item-description{color:#000}.am-steps-item-finish .am-steps-item-tail:after{background-color:#108ee9}.am-steps-item-error .am-steps-item-icon{border-color:#f4333c;background-color:#fff}.am-steps-item-error .am-steps-item-icon>.am-steps-icon{color:#f4333c}.am-steps-item-error .am-steps-item-icon>.am-steps-icon .am-steps-icon-dot{background:#f4333c}.am-steps-item-error .am-steps-item-title{color:#f4333c}.am-steps-item-error .am-steps-item-title:after{background-color:#ddd}.am-steps-item-error .am-steps-item-description{color:#f4333c}.am-steps-item-error .am-steps-item-tail:after{background-color:#ddd}.am-steps-item.am-steps-next-error .am-steps-item-title:after{background:#f4333c}.am-steps-item.error-tail .am-steps-item-tail:after{background-color:#f4333c}.am-steps-horizontal:not(.am-steps-label-vertical) .am-steps-item{margin-right:10px}.am-steps-horizontal:not(.am-steps-label-vertical) .am-steps-item:last-child{margin-right:0}.am-steps-horizontal:not(.am-steps-label-vertical) .am-steps-item-tail{display:none}.am-steps-horizontal:not(.am-steps-label-vertical) .am-steps-item-description{max-width:100px}.am-steps-item-custom .am-steps-item-icon{background:none;border:0;width:auto;height:auto}.am-steps-item-custom .am-steps-item-icon>.am-steps-icon{font-size:22px;top:1px;width:22px;height:22px}.am-steps-item-custom.am-steps-item-process .am-steps-item-icon>.am-steps-icon{color:#108ee9}.am-steps-small .am-steps-item-icon{width:18px;height:18px;line-height:18px;text-align:center;border-radius:18px;font-size:14px;margin-right:8px}.am-steps-small .am-steps-item-icon>.am-steps-icon{font-size:12px;-webkit-transform:scale(.75);-ms-transform:scale(.75);transform:scale(.75);top:-2px}.am-steps-small .am-steps-item-content{margin-top:0}.am-steps-small .am-steps-item-title{font-size:16px;margin-bottom:3px;color:#000;font-weight:700}.am-steps-small .am-steps-item-description{font-size:12px;color:#bbb}.am-steps-small .am-steps-item-tail{top:8px;padding:0 8px}.am-steps-small .am-steps-item-tail:after{height:1px;border-radius:1px;width:100%;left:0}.am-steps-small .am-steps-item-custom .am-steps-item-icon{background:none}.am-steps-small .am-steps-item-custom .am-steps-item-icon>.am-steps-icon{font-size:18px;top:-2px;-webkit-transform:none;-ms-transform:none;transform:none}.am-steps-vertical{display:block}.am-steps-vertical .am-steps-item{display:block;overflow:visible}.am-steps-vertical .am-steps-item-icon{float:left}.am-steps-vertical .am-steps-item-icon-inner{margin-right:16px}.am-steps-vertical .am-steps-item-content{min-height:48px;overflow:hidden;display:block}.am-steps-vertical .am-steps-item-title{line-height:26px}.am-steps-vertical .am-steps-item-title:after{display:none}.am-steps-vertical .am-steps-item-description{padding-bottom:12px}.am-steps-vertical .am-steps-item-tail{position:absolute;left:13px;top:0;height:100%;width:1px;padding:30px 0 4px}.am-steps-vertical .am-steps-item-tail:after{height:100%;width:1px}.am-steps-vertical.am-steps-small .am-steps-item-tail{position:absolute;left:9px;top:0;padding:22px 0 4px}.am-steps-vertical.am-steps-small .am-steps-item-title{line-height:18px}.am-steps-label-vertical .am-steps-item{overflow:visible}.am-steps-label-vertical .am-steps-item-tail{padding:0 24px;margin-left:48px}.am-steps-label-vertical .am-steps-item-content{display:block;text-align:center;margin-top:8px;width:100px}.am-steps-label-vertical .am-steps-item-icon{display:inline-block;margin-left:36px}.am-steps-label-vertical .am-steps-item-title{padding-right:0}.am-steps-label-vertical .am-steps-item-title:after{display:none}.am-swipe{overflow:hidden;position:relative}.am-swipe-content{position:relative;background-color:#fff}.am-swipe-cover{position:absolute;z-index:2;background:transparent;height:100%;width:100%;top:0;display:none}.am-swipe .am-swipe-actions,.am-swipe .am-swipe-content{-webkit-transition:all .25s;transition:all .25s}.am-swipe-swiping .am-swipe-actions,.am-swipe-swiping .am-swipe-content{-webkit-transition:none;transition:none}.am-swipe-swiping .am-list-item-active{background-color:#fff}.am-swipe-actions{position:absolute;top:0;bottom:0;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;overflow:hidden;white-space:nowrap}.am-swipe-actions-left{left:0}.am-swipe-actions-right{right:0}.am-swipe-btn{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;overflow:hidden}.am-swipe-btn-text{padding:0 8px}.am-switch{display:inline-block;vertical-align:middle;-webkit-align-self:center;-ms-flex-item-align:center;align-self:center}.am-switch,.am-switch .checkbox{-webkit-box-sizing:border-box;box-sizing:border-box;position:relative;cursor:pointer}.am-switch .checkbox{width:51px;height:31px;border-radius:31px;background:#e5e5e5;z-index:0;margin:0;padding:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;-webkit-transition:all .3s;transition:all .3s}.am-switch .checkbox:before{width:48px;-webkit-box-sizing:border-box;box-sizing:border-box;z-index:1;-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}.am-switch .checkbox:after,.am-switch .checkbox:before{content:" ";position:absolute;left:1.5px;top:1.5px;height:28px;border-radius:28px;background:#fff;-webkit-transition:all .2s;transition:all .2s}.am-switch .checkbox:after{width:28px;z-index:2;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0);-webkit-box-shadow:2px 2px 4px rgba(0,0,0,.21);box-shadow:2px 2px 4px rgba(0,0,0,.21)}.am-switch .checkbox.checkbox-disabled{z-index:3}.am-switch input[type=checkbox]{position:absolute;top:0;left:0;opacity:0;width:100%;height:100%;z-index:2;border:0 none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.am-switch input[type=checkbox]:checked+.checkbox{background:#4dd865}.am-switch input[type=checkbox]:checked+.checkbox:before{-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0)}.am-switch input[type=checkbox]:checked+.checkbox:after{-webkit-transform:translateX(20px);-ms-transform:translateX(20px);transform:translateX(20px)}.am-switch input[type=checkbox]:disabled+.checkbox{opacity:.3}.am-switch.am-switch-android .checkbox{width:72px;height:23px;border-radius:3px;background:#a7aaa6}.am-switch.am-switch-android .checkbox:before{display:none}.am-switch.am-switch-android .checkbox:after{width:35px;height:21px;border-radius:2px;-webkit-box-shadow:none;box-shadow:none;left:1px;top:1px}.am-switch.am-switch-android input[type=checkbox]:checked+.checkbox{background:#108ee9}.am-switch.am-switch-android input[type=checkbox]:checked+.checkbox:before{-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0)}.am-switch.am-switch-android input[type=checkbox]:checked+.checkbox:after{-webkit-transform:translateX(35px);-ms-transform:translateX(35px);transform:translateX(35px)}.am-tabs{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;position:relative;overflow:hidden;height:100%;width:100%}.am-tabs,.am-tabs *{-webkit-box-sizing:border-box;box-sizing:border-box}.am-tabs-content-wrap{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;width:100%;height:100%;min-height:0}.am-tabs-content-wrap-animated{-webkit-transition:left .3s cubic-bezier(.35,0,.25,1),top .3s cubic-bezier(.35,0,.25,1),-webkit-transform .3s cubic-bezier(.35,0,.25,1);transition:left .3s cubic-bezier(.35,0,.25,1),top .3s cubic-bezier(.35,0,.25,1),-webkit-transform .3s cubic-bezier(.35,0,.25,1);transition:transform .3s cubic-bezier(.35,0,.25,1),left .3s cubic-bezier(.35,0,.25,1),top .3s cubic-bezier(.35,0,.25,1);transition:transform .3s cubic-bezier(.35,0,.25,1),left .3s cubic-bezier(.35,0,.25,1),top .3s cubic-bezier(.35,0,.25,1),-webkit-transform .3s cubic-bezier(.35,0,.25,1);will-change:transform,left,top}.am-tabs-pane-wrap{width:100%;overflow-y:auto}.am-tabs-pane-wrap,.am-tabs-tab-bar-wrap{-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0}.am-tabs-horizontal .am-tabs-pane-wrap-active{height:auto}.am-tabs-horizontal .am-tabs-pane-wrap-inactive{height:0;overflow:visible}.am-tabs-vertical .am-tabs-content-wrap{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}.am-tabs-vertical .am-tabs-pane-wrap,.am-tabs-vertical .am-tabs-tab-bar-wrap{height:100%}.am-tabs-vertical .am-tabs-pane-wrap-active{overflow:auto}.am-tabs-vertical .am-tabs-pane-wrap-inactive{overflow:hidden}.am-tabs-bottom,.am-tabs-top{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}.am-tabs-default-bar,.am-tabs-left,.am-tabs-right{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row}.am-tabs-default-bar{width:100%;height:100%;overflow:visible;z-index:1}.am-tabs-default-bar,.am-tabs-default-bar-tab{position:relative;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0}.am-tabs-default-bar-tab{-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;font-size:15px;height:43.5px;line-height:43.5px}.am-tabs-default-bar-tab .am-badge .am-badge-text{top:-13px;-webkit-transform:translateX(-5px);-ms-transform:translateX(-5px);transform:translateX(-5px)}.am-tabs-default-bar-tab .am-badge .am-badge-dot{top:-6px;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}.am-tabs-default-bar-tab-active{color:#108ee9}.am-tabs-default-bar-underline{position:absolute;border:1px solid #108ee9;-webkit-transform:translateZ(0);transform:translateZ(0)}.am-tabs-default-bar-animated .am-tabs-default-bar-content{-webkit-transition:-webkit-transform .3s cubic-bezier(.35,0,.25,1);transition:-webkit-transform .3s cubic-bezier(.35,0,.25,1);transition:transform .3s cubic-bezier(.35,0,.25,1);transition:transform .3s cubic-bezier(.35,0,.25,1),-webkit-transform .3s cubic-bezier(.35,0,.25,1);will-change:transform}.am-tabs-default-bar-animated .am-tabs-default-bar-underline{-webkit-transition:top .3s cubic-bezier(.35,0,.25,1),left .3s cubic-bezier(.35,0,.25,1),color .3s cubic-bezier(.35,0,.25,1),width .3s cubic-bezier(.35,0,.25,1);transition:top .3s cubic-bezier(.35,0,.25,1),left .3s cubic-bezier(.35,0,.25,1),color .3s cubic-bezier(.35,0,.25,1),width .3s cubic-bezier(.35,0,.25,1);will-change:top,left,width,color}.am-tabs-default-bar-bottom,.am-tabs-default-bar-bottom .am-tabs-default-bar-content,.am-tabs-default-bar-top,.am-tabs-default-bar-top .am-tabs-default-bar-content{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row}.am-tabs-default-bar-bottom .am-tabs-default-bar-content,.am-tabs-default-bar-top .am-tabs-default-bar-content{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;width:100%}.am-tabs-default-bar-bottom .am-tabs-default-bar-prevpage,.am-tabs-default-bar-top .am-tabs-default-bar-prevpage{pointer-events:none;position:absolute;top:0;display:block;width:59px;height:100%;content:" ";z-index:999;left:0;background:-webkit-gradient(linear,left top,right top,from(#fff),to(hsla(0,0%,100%,0)));background:-webkit-linear-gradient(left,#fff,hsla(0,0%,100%,0));background:linear-gradient(90deg,#fff,hsla(0,0%,100%,0))}.am-tabs-default-bar-bottom .am-tabs-default-bar-nextpage,.am-tabs-default-bar-top .am-tabs-default-bar-nextpage{pointer-events:none;position:absolute;top:0;display:block;width:59px;height:100%;content:" ";z-index:999;right:0;background:-webkit-gradient(linear,left top,right top,from(hsla(0,0%,100%,0)),to(#fff));background:-webkit-linear-gradient(left,hsla(0,0%,100%,0),#fff);background:linear-gradient(90deg,hsla(0,0%,100%,0),#fff)}.am-tabs-default-bar-bottom .am-tabs-default-bar-tab,.am-tabs-default-bar-top .am-tabs-default-bar-tab{padding:8px 0}.am-tabs-default-bar-bottom .am-tabs-default-bar-underline,.am-tabs-default-bar-top .am-tabs-default-bar-underline{bottom:0}.am-tabs-default-bar-top .am-tabs-default-bar-tab{border-bottom:1px solid #ddd}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:2dppx){html:not([data-scale]) .am-tabs-default-bar-top .am-tabs-default-bar-tab{border-bottom:none}html:not([data-scale]) .am-tabs-default-bar-top .am-tabs-default-bar-tab:after{content:"";position:absolute;background-color:#ddd;display:block;z-index:1;top:auto;right:auto;bottom:0;left:0;width:100%;height:1px;-webkit-transform-origin:50% 100%;-ms-transform-origin:50% 100%;transform-origin:50% 100%;-webkit-transform:scaleY(.5);-ms-transform:scaleY(.5);transform:scaleY(.5)}}@media (-webkit-min-device-pixel-ratio:2) and (-webkit-min-device-pixel-ratio:3),(min-resolution:2dppx) and (min-resolution:3dppx){html:not([data-scale]) .am-tabs-default-bar-top .am-tabs-default-bar-tab:after{-webkit-transform:scaleY(.33);-ms-transform:scaleY(.33);transform:scaleY(.33)}}.am-tabs-default-bar-bottom .am-tabs-default-bar-tab{border-top:1px solid #ddd}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:2dppx){html:not([data-scale]) .am-tabs-default-bar-bottom .am-tabs-default-bar-tab{border-top:none}html:not([data-scale]) .am-tabs-default-bar-bottom .am-tabs-default-bar-tab:before{content:"";position:absolute;background-color:#ddd;display:block;z-index:1;top:0;right:auto;bottom:auto;left:0;width:100%;height:1px;-webkit-transform-origin:50% 50%;-ms-transform-origin:50% 50%;transform-origin:50% 50%;-webkit-transform:scaleY(.5);-ms-transform:scaleY(.5);transform:scaleY(.5)}}@media (-webkit-min-device-pixel-ratio:2) and (-webkit-min-device-pixel-ratio:3),(min-resolution:2dppx) and (min-resolution:3dppx){html:not([data-scale]) .am-tabs-default-bar-bottom .am-tabs-default-bar-tab:before{-webkit-transform:scaleY(.33);-ms-transform:scaleY(.33);transform:scaleY(.33)}}.am-tabs-default-bar-left,.am-tabs-default-bar-left .am-tabs-default-bar-content,.am-tabs-default-bar-right,.am-tabs-default-bar-right .am-tabs-default-bar-content{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}.am-tabs-default-bar-left .am-tabs-default-bar-content,.am-tabs-default-bar-right .am-tabs-default-bar-content{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;height:100%}.am-tabs-default-bar-left .am-tabs-default-bar-tab,.am-tabs-default-bar-right .am-tabs-default-bar-tab{padding:0 8px}.am-tabs-default-bar-left .am-tabs-default-bar-underline{right:0}.am-tabs-default-bar-left .am-tabs-default-bar-tab{border-right:1px solid #ddd}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:2dppx){html:not([data-scale]) .am-tabs-default-bar-left .am-tabs-default-bar-tab{border-right:none}html:not([data-scale]) .am-tabs-default-bar-left .am-tabs-default-bar-tab:after{content:"";position:absolute;background-color:#ddd;display:block;z-index:1;top:0;right:0;bottom:auto;left:auto;width:1px;height:100%;background:#ddd;-webkit-transform-origin:100% 50%;-ms-transform-origin:100% 50%;transform-origin:100% 50%;-webkit-transform:scaleX(.5);-ms-transform:scaleX(.5);transform:scaleX(.5)}}@media (-webkit-min-device-pixel-ratio:2) and (-webkit-min-device-pixel-ratio:3),(min-resolution:2dppx) and (min-resolution:3dppx){html:not([data-scale]) .am-tabs-default-bar-left .am-tabs-default-bar-tab:after{-webkit-transform:scaleX(.33);-ms-transform:scaleX(.33);transform:scaleX(.33)}}.am-tabs-default-bar-right .am-tabs-default-bar-underline{left:0}.am-tabs-default-bar-right .am-tabs-default-bar-tab{border-left:1px solid #ddd}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:2dppx){html:not([data-scale]) .am-tabs-default-bar-right .am-tabs-default-bar-tab{border-left:none}html:not([data-scale]) .am-tabs-default-bar-right .am-tabs-default-bar-tab:before{content:"";position:absolute;background-color:#ddd;display:block;z-index:1;top:0;right:auto;bottom:auto;left:0;width:1px;height:100%;-webkit-transform-origin:100% 50%;-ms-transform-origin:100% 50%;transform-origin:100% 50%;-webkit-transform:scaleX(.5);-ms-transform:scaleX(.5);transform:scaleX(.5)}}@media (-webkit-min-device-pixel-ratio:2) and (-webkit-min-device-pixel-ratio:3),(min-resolution:2dppx) and (min-resolution:3dppx){html:not([data-scale]) .am-tabs-default-bar-right .am-tabs-default-bar-tab:before{-webkit-transform:scaleX(.33);-ms-transform:scaleX(.33);transform:scaleX(.33)}}.am-tab-bar{height:100%;overflow:hidden}.am-tab-bar-bar{position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;height:50px;border-top:1px solid #ddd;width:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-transition-duration:.2s;transition-duration:.2s;-webkit-transition-property:height bottom;transition-property:height bottom;z-index:100;-webkit-justify-content:space-around;-ms-flex-pack:distribute;justify-content:space-around;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;bottom:0}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:2dppx){html:not([data-scale]) .am-tab-bar-bar{border-top:none}html:not([data-scale]) .am-tab-bar-bar:before{content:"";position:absolute;background-color:#ddd;display:block;z-index:1;top:0;right:auto;bottom:auto;left:0;width:100%;height:1px;-webkit-transform-origin:50% 50%;-ms-transform-origin:50% 50%;transform-origin:50% 50%;-webkit-transform:scaleY(.5);-ms-transform:scaleY(.5);transform:scaleY(.5)}}@media (-webkit-min-device-pixel-ratio:2) and (-webkit-min-device-pixel-ratio:3),(min-resolution:2dppx) and (min-resolution:3dppx){html:not([data-scale]) .am-tab-bar-bar:before{-webkit-transform:scaleY(.33);-ms-transform:scaleY(.33);transform:scaleY(.33)}}.am-tab-bar-bar-hidden-top{bottom:50px;height:0}.am-tab-bar-bar-hidden-bottom{bottom:-50px;height:0}.am-tab-bar-bar .am-tab-bar-tab{-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;text-align:center;width:100%}.am-tab-bar-bar .am-tab-bar-tab-image{width:22px;height:22px;vertical-align:middle}.am-tab-bar-bar .am-tab-bar-tab-title{font-size:10px;margin:3px 0 0;line-height:1;text-align:center}.am-tab-bar-bar .am-tab-bar-tab-icon{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center}.am-tab-bar-bar .am-tab-bar-tab-icon .tab-badge :last-child,.am-tab-bar-bar .am-tab-bar-tab-icon .tab-dot :last-child{margin-top:4px;left:22px}.am-tab-bar-item{height:100%}.am-tag{display:inline-block;position:relative;font-size:14px;text-align:center;padding:0 15px;height:25px;line-height:25px;-webkit-box-sizing:border-box;box-sizing:border-box}.am-tag.am-tag-small{height:15px;line-height:15px;padding:0 5px;font-size:10px}.am-tag-normal{background-color:#fff;color:#888;border:1px solid #ddd;border-radius:3px}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:2dppx){html:not([data-scale]) .am-tag-normal{position:relative;border:none}html:not([data-scale]) .am-tag-normal:before{content:"";position:absolute;left:0;top:0;width:200%;height:200%;border:1px solid #ddd;border-radius:6px;-webkit-transform-origin:0 0;-ms-transform-origin:0 0;transform-origin:0 0;-webkit-transform:scale(.5);-ms-transform:scale(.5);transform:scale(.5);-webkit-box-sizing:border-box;box-sizing:border-box;pointer-events:none}}.am-tag-active{background-color:#fff;color:#108ee9;border:1px solid #108ee9;border-radius:3px}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:2dppx){html:not([data-scale]) .am-tag-active{position:relative;border:none}html:not([data-scale]) .am-tag-active:before{content:"";position:absolute;left:0;top:0;width:200%;height:200%;border:1px solid #108ee9;border-radius:6px;-webkit-transform-origin:0 0;-ms-transform-origin:0 0;transform-origin:0 0;-webkit-transform:scale(.5);-ms-transform:scale(.5);transform:scale(.5);-webkit-box-sizing:border-box;box-sizing:border-box;pointer-events:none}}.am-tag-disabled{color:#bbb;background-color:#ddd;border:1px solid #ddd;border-radius:3px}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:2dppx){html:not([data-scale]) .am-tag-disabled{position:relative;border:none}html:not([data-scale]) .am-tag-disabled:before{content:"";position:absolute;left:0;top:0;width:200%;height:200%;border:1px solid #ddd;border-radius:6px;-webkit-transform-origin:0 0;-ms-transform-origin:0 0;transform-origin:0 0;-webkit-transform:scale(.5);-ms-transform:scale(.5);transform:scale(.5);-webkit-box-sizing:border-box;box-sizing:border-box;pointer-events:none}}.am-tag-close{position:absolute;top:-9px;left:-10px;color:#bbb}.am-tag-close-active{color:#888}.am-tag-close .am-icon{background-color:#fff;border-radius:9px}.am-list .am-list-item.am-textarea-item{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:start;-webkit-align-items:flex-start;-ms-flex-align:start;align-items:flex-start;-webkit-box-sizing:border-box;box-sizing:border-box;min-height:44px;padding-left:15px;padding-right:15px;border-bottom:1px solid #ddd}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:2dppx){html:not([data-scale]) .am-list .am-list-item.am-textarea-item{border-bottom:none}html:not([data-scale]) .am-list .am-list-item.am-textarea-item:after{content:"";position:absolute;background-color:#ddd;display:block;z-index:1;top:auto;right:auto;bottom:0;left:0;width:100%;height:1px;-webkit-transform-origin:50% 100%;-ms-transform-origin:50% 100%;transform-origin:50% 100%;-webkit-transform:scaleY(.5);-ms-transform:scaleY(.5);transform:scaleY(.5)}}@media (-webkit-min-device-pixel-ratio:2) and (-webkit-min-device-pixel-ratio:3),(min-resolution:2dppx) and (min-resolution:3dppx){html:not([data-scale]) .am-list .am-list-item.am-textarea-item:after{-webkit-transform:scaleY(.33);-ms-transform:scaleY(.33);transform:scaleY(.33)}}.am-list .am-list-item.am-textarea-item.am-textarea-item-single-line{-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}.am-list .am-list-item.am-textarea-item.am-textarea-item-single-line .am-textarea-label{-webkit-align-self:center;-ms-flex-item-align:center;align-self:center}.am-list .am-list-item.am-textarea-item.am-textarea-item-single-line .am-textarea-control{padding-top:0;padding-bottom:0}.am-list .am-list-item.am-textarea-item.am-textarea-item-single-line .am-textarea-control textarea{line-height:25.5px}.am-list .am-list-item.am-textarea-item.am-textarea-item-single-line .am-textarea-clear,.am-list .am-list-item.am-textarea-item.am-textarea-item-single-line.am-textarea-error .am-textarea-error-extra{margin-top:0}.am-textarea-label{-webkit-align-self:flex-start;-ms-flex-item-align:start;align-self:flex-start;color:#000;text-align:left;min-height:44px;font-size:17px;line-height:44px;margin-left:0;margin-right:5px;white-space:nowrap;overflow:hidden}.am-textarea-label.am-textarea-label-2{width:34px}.am-textarea-label.am-textarea-label-3{width:51px}.am-textarea-label.am-textarea-label-4{width:68px}.am-textarea-label.am-textarea-label-5{width:85px}.am-textarea-label.am-textarea-label-6{width:102px}.am-textarea-label.am-textarea-label-7{width:119px}.am-textarea-control{-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;padding-top:10px;padding-bottom:9px}.am-textarea-control textarea{color:#000;font-size:17px;line-height:25.5px;-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;padding:0;border:0;background-color:transparent;overflow:visible;display:block;resize:none;word-break:break-word;word-wrap:break-word}.am-textarea-control textarea::-webkit-input-placeholder{color:#bbb}.am-textarea-control textarea::-moz-placeholder{color:#bbb}.am-textarea-control textarea::-ms-input-placeholder{color:#bbb}.am-textarea-control textarea::placeholder{color:#bbb}.am-textarea-control textarea:disabled{color:#bbb;background-color:#fff}.am-textarea-clear{display:none;width:21px;height:21px;margin-top:12px;border-radius:50%;overflow:hidden;font-style:normal;color:#fff;background-color:#ccc;background-repeat:no-repeat;background-size:21px auto;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg fill='%23fff' width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z'/%3E%3Cpath d='M0 0h24v24H0z' fill='none'/%3E%3C/svg%3E")}.am-textarea-clear-active{background-color:#108ee9}.am-textarea-focus .am-textarea-clear{display:block}.am-textarea-has-count{padding-bottom:14px}.am-textarea-count{position:absolute;bottom:6px;right:5px;color:#bbb;font-size:14px}.am-textarea-count span{color:#000}.am-textarea-error .am-textarea-control textarea{color:#f50}.am-textarea-error .am-textarea-error-extra{margin-top:12px;width:21px;height:21px;margin-left:8px;background-size:21px 21px;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='18' height='18' viewBox='0 0 18 18' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9 1.266a7.69 7.69 0 0 1 5.469 2.264c.71.71 1.269 1.538 1.657 2.459.404.954.608 1.967.608 3.011a7.69 7.69 0 0 1-2.264 5.469 7.694 7.694 0 0 1-2.459 1.657A7.675 7.675 0 0 1 9 16.734a7.69 7.69 0 0 1-5.469-2.264 7.694 7.694 0 0 1-1.657-2.459A7.675 7.675 0 0 1 1.266 9 7.69 7.69 0 0 1 3.53 3.531a7.694 7.694 0 0 1 2.459-1.657A7.675 7.675 0 0 1 9 1.266zM9 0a9 9 0 0 0-9 9 9 9 0 0 0 9 9 9 9 0 0 0 9-9 9 9 0 0 0-9-9zm0 11.25a.703.703 0 0 1-.703-.703V4.06a.703.703 0 1 1 1.406 0v6.486A.703.703 0 0 1 9 11.25zm-.791 1.916a.791.791 0 1 1 1.582 0 .791.791 0 0 1-1.582 0z' fill='%23F50' fill-rule='evenodd'/%3E%3C/svg%3E")}.am-textarea-disabled .am-textarea-label{color:#bbb}.am-list-body .am-list-item:last-child{border-bottom:0}.am-list-body .am-list-item:last-child:after{display:none!important}.am-toast{position:fixed;width:100%;z-index:1999;font-size:14px;text-align:center}.am-toast>span{max-width:50%}.am-toast.am-toast-mask{height:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;left:0;top:0}.am-toast.am-toast-mask,.am-toast.am-toast-nomask{-webkit-transform:translateZ(1px);transform:translateZ(1px)}.am-toast.am-toast-nomask{position:fixed;max-width:50%;width:auto;left:50%;top:50%}.am-toast.am-toast-nomask .am-toast-notice{-webkit-transform:translateX(-50%) translateY(-50%);-ms-transform:translateX(-50%) translateY(-50%);transform:translateX(-50%) translateY(-50%)}.am-toast-notice-content .am-toast-text{min-width:60px;border-radius:3px;color:#fff;background-color:rgba(58,58,58,.9);line-height:1.5;padding:9px 15px}.am-toast-notice-content .am-toast-text.am-toast-text-icon{border-radius:5px;padding:15px}.am-toast-notice-content .am-toast-text.am-toast-text-icon .am-toast-text-info{margin-top:6px}.am-whitespace.am-whitespace-xs{height:3px}.am-whitespace.am-whitespace-sm{height:6px}.am-whitespace.am-whitespace-md{height:9px}.am-whitespace.am-whitespace-lg{height:15px}.am-whitespace.am-whitespace-xl{height:21px}.am-wingblank{margin-left:8px;margin-right:8px}.am-wingblank.am-wingblank-sm{margin-left:5px;margin-right:5px}.am-wingblank.am-wingblank-md{margin-left:8px;margin-right:8px}.am-wingblank.am-wingblank-lg{margin-left:15px;margin-right:15px}
-/*# sourceMappingURL=antd-mobile.min.css.map*/
\ No newline at end of file
+/*! normalize.css v7.0.0 | MIT License | github.com/necolas/normalize.css */
+html {
+ line-height: 1.15;
+ -ms-text-size-adjust: 100%;
+ -webkit-text-size-adjust: 100%;
+}
+body {
+ margin: 0;
+}
+article,
+aside,
+footer,
+header,
+nav,
+section {
+ display: block;
+}
+h1 {
+ font-size: 2em;
+ margin: 0.67em 0;
+}
+figcaption,
+figure,
+main {
+ display: block;
+}
+figure {
+ margin: 1em 40px;
+}
+hr {
+ -webkit-box-sizing: content-box;
+ box-sizing: content-box;
+ height: 0;
+ overflow: visible;
+}
+pre {
+ font-family: monospace, monospace;
+ font-size: 1em;
+}
+a {
+ background-color: transparent;
+ -webkit-text-decoration-skip: objects;
+}
+abbr[title] {
+ border-bottom: none;
+ text-decoration: underline;
+ -webkit-text-decoration: underline dotted;
+ text-decoration: underline dotted;
+}
+b,
+strong {
+ font-weight: inherit;
+ font-weight: bolder;
+}
+code,
+kbd,
+samp {
+ font-family: monospace, monospace;
+ font-size: 1em;
+}
+dfn {
+ font-style: italic;
+}
+mark {
+ background-color: #ff0;
+ color: #000;
+}
+small {
+ font-size: 80%;
+}
+sub,
+sup {
+ font-size: 75%;
+ line-height: 0;
+ position: relative;
+ vertical-align: baseline;
+}
+sub {
+ bottom: -0.25em;
+}
+sup {
+ top: -0.5em;
+}
+audio,
+video {
+ display: inline-block;
+}
+audio:not([controls]) {
+ display: none;
+ height: 0;
+}
+img {
+ border-style: none;
+}
+svg:not(:root) {
+ overflow: hidden;
+}
+button,
+input,
+optgroup,
+select,
+textarea {
+ font-family: sans-serif;
+ font-size: 100%;
+ line-height: 1.15;
+ margin: 0;
+}
+button,
+input {
+ overflow: visible;
+}
+button,
+select {
+ text-transform: none;
+}
+[type='reset'],
+[type='submit'],
+button,
+html [type='button'] {
+ -webkit-appearance: button;
+}
+[type='button']::-moz-focus-inner,
+[type='reset']::-moz-focus-inner,
+[type='submit']::-moz-focus-inner,
+button::-moz-focus-inner {
+ border-style: none;
+ padding: 0;
+}
+[type='button']:-moz-focusring,
+[type='reset']:-moz-focusring,
+[type='submit']:-moz-focusring,
+button:-moz-focusring {
+ outline: 1px dotted ButtonText;
+}
+fieldset {
+ padding: 0.35em 0.75em 0.625em;
+}
+legend {
+ -webkit-box-sizing: border-box;
+ box-sizing: border-box;
+ color: inherit;
+ display: table;
+ max-width: 100%;
+ padding: 0;
+ white-space: normal;
+}
+progress {
+ display: inline-block;
+ vertical-align: baseline;
+}
+textarea {
+ overflow: auto;
+}
+[type='checkbox'],
+[type='radio'] {
+ -webkit-box-sizing: border-box;
+ box-sizing: border-box;
+ padding: 0;
+}
+[type='number']::-webkit-inner-spin-button,
+[type='number']::-webkit-outer-spin-button {
+ height: auto;
+}
+[type='search'] {
+ -webkit-appearance: textfield;
+ outline-offset: -2px;
+}
+[type='search']::-webkit-search-cancel-button,
+[type='search']::-webkit-search-decoration {
+ -webkit-appearance: none;
+}
+::-webkit-file-upload-button {
+ -webkit-appearance: button;
+ font: inherit;
+}
+details,
+menu {
+ display: block;
+}
+summary {
+ display: list-item;
+}
+canvas {
+ display: inline-block;
+}
+[hidden],
+template {
+ display: none;
+}
+.am-fade-appear,
+.am-fade-enter {
+ opacity: 0;
+}
+.am-fade-appear,
+.am-fade-enter,
+.am-fade-leave {
+ -webkit-animation-duration: 0.2s;
+ animation-duration: 0.2s;
+ -webkit-animation-fill-mode: both;
+ animation-fill-mode: both;
+ -webkit-animation-timing-function: cubic-bezier(0.55, 0, 0.55, 0.2);
+ animation-timing-function: cubic-bezier(0.55, 0, 0.55, 0.2);
+ -webkit-animation-play-state: paused;
+ animation-play-state: paused;
+}
+.am-fade-appear.am-fade-appear-active,
+.am-fade-enter.am-fade-enter-active {
+ -webkit-animation-name: amFadeIn;
+ animation-name: amFadeIn;
+ -webkit-animation-play-state: running;
+ animation-play-state: running;
+}
+.am-fade-leave.am-fade-leave-active {
+ -webkit-animation-name: amFadeOut;
+ animation-name: amFadeOut;
+ -webkit-animation-play-state: running;
+ animation-play-state: running;
+}
+@-webkit-keyframes amFadeIn {
+ 0% {
+ opacity: 0;
+ }
+ to {
+ opacity: 1;
+ }
+}
+@keyframes amFadeIn {
+ 0% {
+ opacity: 0;
+ }
+ to {
+ opacity: 1;
+ }
+}
+@-webkit-keyframes amFadeOut {
+ 0% {
+ opacity: 1;
+ }
+ to {
+ opacity: 0;
+ }
+}
+@keyframes amFadeOut {
+ 0% {
+ opacity: 1;
+ }
+ to {
+ opacity: 0;
+ }
+}
+.am-slide-up-appear,
+.am-slide-up-enter {
+ -webkit-transform: translateY(100%);
+ -ms-transform: translateY(100%);
+ transform: translateY(100%);
+}
+.am-slide-up-appear,
+.am-slide-up-enter,
+.am-slide-up-leave {
+ -webkit-animation-duration: 0.2s;
+ animation-duration: 0.2s;
+ -webkit-animation-fill-mode: both;
+ animation-fill-mode: both;
+ -webkit-animation-timing-function: cubic-bezier(0.55, 0, 0.55, 0.2);
+ animation-timing-function: cubic-bezier(0.55, 0, 0.55, 0.2);
+ -webkit-animation-play-state: paused;
+ animation-play-state: paused;
+}
+.am-slide-up-appear.am-slide-up-appear-active,
+.am-slide-up-enter.am-slide-up-enter-active {
+ -webkit-animation-name: amSlideUpIn;
+ animation-name: amSlideUpIn;
+ -webkit-animation-play-state: running;
+ animation-play-state: running;
+}
+.am-slide-up-leave.am-slide-up-leave-active {
+ -webkit-animation-name: amSlideUpOut;
+ animation-name: amSlideUpOut;
+ -webkit-animation-play-state: running;
+ animation-play-state: running;
+}
+@-webkit-keyframes amSlideUpIn {
+ 0% {
+ -webkit-transform: translateY(100%);
+ transform: translateY(100%);
+ }
+ to {
+ -webkit-transform: translate(0);
+ transform: translate(0);
+ }
+}
+@keyframes amSlideUpIn {
+ 0% {
+ -webkit-transform: translateY(100%);
+ transform: translateY(100%);
+ }
+ to {
+ -webkit-transform: translate(0);
+ transform: translate(0);
+ }
+}
+@-webkit-keyframes amSlideUpOut {
+ 0% {
+ -webkit-transform: translate(0);
+ transform: translate(0);
+ }
+ to {
+ -webkit-transform: translateY(100%);
+ transform: translateY(100%);
+ }
+}
+@keyframes amSlideUpOut {
+ 0% {
+ -webkit-transform: translate(0);
+ transform: translate(0);
+ }
+ to {
+ -webkit-transform: translateY(100%);
+ transform: translateY(100%);
+ }
+}
+.am.am-zoom-enter,
+.am.am-zoom-leave {
+ display: block;
+}
+.am-zoom-appear,
+.am-zoom-enter {
+ opacity: 0;
+ -webkit-animation-duration: 0.2s;
+ animation-duration: 0.2s;
+ -webkit-animation-fill-mode: both;
+ animation-fill-mode: both;
+ -webkit-animation-timing-function: cubic-bezier(0.55, 0, 0.55, 0.2);
+ animation-timing-function: cubic-bezier(0.55, 0, 0.55, 0.2);
+ -webkit-animation-timing-function: cubic-bezier(0.18, 0.89, 0.32, 1.28);
+ animation-timing-function: cubic-bezier(0.18, 0.89, 0.32, 1.28);
+ -webkit-animation-play-state: paused;
+ animation-play-state: paused;
+}
+.am-zoom-leave {
+ -webkit-animation-duration: 0.2s;
+ animation-duration: 0.2s;
+ -webkit-animation-fill-mode: both;
+ animation-fill-mode: both;
+ -webkit-animation-timing-function: cubic-bezier(0.55, 0, 0.55, 0.2);
+ animation-timing-function: cubic-bezier(0.55, 0, 0.55, 0.2);
+ -webkit-animation-timing-function: cubic-bezier(0.6, -0.3, 0.74, 0.05);
+ animation-timing-function: cubic-bezier(0.6, -0.3, 0.74, 0.05);
+ -webkit-animation-play-state: paused;
+ animation-play-state: paused;
+}
+.am-zoom-appear.am-zoom-appear-active,
+.am-zoom-enter.am-zoom-enter-active {
+ -webkit-animation-name: amZoomIn;
+ animation-name: amZoomIn;
+ -webkit-animation-play-state: running;
+ animation-play-state: running;
+}
+.am-zoom-leave.am-zoom-leave-active {
+ -webkit-animation-name: amZoomOut;
+ animation-name: amZoomOut;
+ -webkit-animation-play-state: running;
+ animation-play-state: running;
+}
+@-webkit-keyframes amZoomIn {
+ 0% {
+ opacity: 0;
+ -webkit-transform-origin: 50% 50%;
+ transform-origin: 50% 50%;
+ -webkit-transform: scale(0);
+ transform: scale(0);
+ }
+ to {
+ opacity: 1;
+ -webkit-transform-origin: 50% 50%;
+ transform-origin: 50% 50%;
+ -webkit-transform: scale(1);
+ transform: scale(1);
+ }
+}
+@keyframes amZoomIn {
+ 0% {
+ opacity: 0;
+ -webkit-transform-origin: 50% 50%;
+ transform-origin: 50% 50%;
+ -webkit-transform: scale(0);
+ transform: scale(0);
+ }
+ to {
+ opacity: 1;
+ -webkit-transform-origin: 50% 50%;
+ transform-origin: 50% 50%;
+ -webkit-transform: scale(1);
+ transform: scale(1);
+ }
+}
+@-webkit-keyframes amZoomOut {
+ 0% {
+ opacity: 1;
+ -webkit-transform-origin: 50% 50%;
+ transform-origin: 50% 50%;
+ -webkit-transform: scale(1);
+ transform: scale(1);
+ }
+ to {
+ opacity: 0;
+ -webkit-transform-origin: 50% 50%;
+ transform-origin: 50% 50%;
+ -webkit-transform: scale(0);
+ transform: scale(0);
+ }
+}
+@keyframes amZoomOut {
+ 0% {
+ opacity: 1;
+ -webkit-transform-origin: 50% 50%;
+ transform-origin: 50% 50%;
+ -webkit-transform: scale(1);
+ transform: scale(1);
+ }
+ to {
+ opacity: 0;
+ -webkit-transform-origin: 50% 50%;
+ transform-origin: 50% 50%;
+ -webkit-transform: scale(0);
+ transform: scale(0);
+ }
+}
+.am-slide-down-appear,
+.am-slide-down-enter {
+ -webkit-transform: translateY(-100%);
+ -ms-transform: translateY(-100%);
+ transform: translateY(-100%);
+}
+.am-slide-down-appear,
+.am-slide-down-enter,
+.am-slide-down-leave {
+ -webkit-animation-duration: 0.2s;
+ animation-duration: 0.2s;
+ -webkit-animation-fill-mode: both;
+ animation-fill-mode: both;
+ -webkit-animation-timing-function: cubic-bezier(0.55, 0, 0.55, 0.2);
+ animation-timing-function: cubic-bezier(0.55, 0, 0.55, 0.2);
+ -webkit-animation-play-state: paused;
+ animation-play-state: paused;
+}
+.am-slide-down-appear.am-slide-down-appear-active,
+.am-slide-down-enter.am-slide-down-enter-active {
+ -webkit-animation-name: amSlideDownIn;
+ animation-name: amSlideDownIn;
+ -webkit-animation-play-state: running;
+ animation-play-state: running;
+}
+.am-slide-down-leave.am-slide-down-leave-active {
+ -webkit-animation-name: amSlideDownOut;
+ animation-name: amSlideDownOut;
+ -webkit-animation-play-state: running;
+ animation-play-state: running;
+}
+@-webkit-keyframes amSlideDownIn {
+ 0% {
+ -webkit-transform: translateY(-100%);
+ transform: translateY(-100%);
+ }
+ to {
+ -webkit-transform: translate(0);
+ transform: translate(0);
+ }
+}
+@keyframes amSlideDownIn {
+ 0% {
+ -webkit-transform: translateY(-100%);
+ transform: translateY(-100%);
+ }
+ to {
+ -webkit-transform: translate(0);
+ transform: translate(0);
+ }
+}
+@-webkit-keyframes amSlideDownOut {
+ 0% {
+ -webkit-transform: translate(0);
+ transform: translate(0);
+ }
+ to {
+ -webkit-transform: translateY(-100%);
+ transform: translateY(-100%);
+ }
+}
+@keyframes amSlideDownOut {
+ 0% {
+ -webkit-transform: translate(0);
+ transform: translate(0);
+ }
+ to {
+ -webkit-transform: translateY(-100%);
+ transform: translateY(-100%);
+ }
+}
+*,
+:after,
+:before {
+ -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
+}
+body {
+ background-color: #f5f5f9;
+ font-size: 14px;
+}
+[contenteditable] {
+ -webkit-user-select: auto !important;
+}
+:focus,
+a {
+ outline: none;
+}
+a {
+ background: transparent;
+ text-decoration: none;
+}
+.am-accordion {
+ position: relative;
+ border-top: 1px solid #ddd;
+}
+@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
+ html:not([data-scale]) .am-accordion {
+ border-top: none;
+ }
+ html:not([data-scale]) .am-accordion:before {
+ content: '';
+ position: absolute;
+ background-color: #ddd;
+ display: block;
+ z-index: 1;
+ top: 0;
+ right: auto;
+ bottom: auto;
+ left: 0;
+ width: 100%;
+ height: 1px;
+ -webkit-transform-origin: 50% 50%;
+ -ms-transform-origin: 50% 50%;
+ transform-origin: 50% 50%;
+ -webkit-transform: scaleY(0.5);
+ -ms-transform: scaleY(0.5);
+ transform: scaleY(0.5);
+ }
+}
+@media (-webkit-min-device-pixel-ratio: 2) and (-webkit-min-device-pixel-ratio: 3),
+ (min-resolution: 2dppx) and (min-resolution: 3dppx) {
+ html:not([data-scale]) .am-accordion:before {
+ -webkit-transform: scaleY(0.33);
+ -ms-transform: scaleY(0.33);
+ transform: scaleY(0.33);
+ }
+}
+.am-accordion-anim-active {
+ -webkit-transition: all 0.2s ease-out;
+ transition: all 0.2s ease-out;
+}
+.am-accordion .am-accordion-item .am-accordion-header {
+ position: relative;
+ color: #000;
+ font-size: 17px;
+ height: 44px;
+ line-height: 44px;
+ background-color: #fff;
+ -webkit-box-sizing: content-box;
+ box-sizing: content-box;
+ padding-left: 15px;
+ padding-right: 30px;
+ border-bottom: 1px solid #ddd;
+ width: auto;
+ overflow: hidden;
+ text-overflow: ellipsis;
+ white-space: nowrap;
+}
+@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
+ html:not([data-scale])
+ .am-accordion
+ .am-accordion-item
+ .am-accordion-header {
+ border-bottom: none;
+ }
+ html:not([data-scale])
+ .am-accordion
+ .am-accordion-item
+ .am-accordion-header:after {
+ content: '';
+ position: absolute;
+ background-color: #ddd;
+ display: block;
+ z-index: 1;
+ top: auto;
+ right: auto;
+ bottom: 0;
+ left: 0;
+ width: 100%;
+ height: 1px;
+ -webkit-transform-origin: 50% 100%;
+ -ms-transform-origin: 50% 100%;
+ transform-origin: 50% 100%;
+ -webkit-transform: scaleY(0.5);
+ -ms-transform: scaleY(0.5);
+ transform: scaleY(0.5);
+ }
+}
+@media (-webkit-min-device-pixel-ratio: 2) and (-webkit-min-device-pixel-ratio: 3),
+ (min-resolution: 2dppx) and (min-resolution: 3dppx) {
+ html:not([data-scale])
+ .am-accordion
+ .am-accordion-item
+ .am-accordion-header:after {
+ -webkit-transform: scaleY(0.33);
+ -ms-transform: scaleY(0.33);
+ transform: scaleY(0.33);
+ }
+}
+.am-accordion .am-accordion-item .am-accordion-header i {
+ position: absolute;
+ display: block;
+ top: 15px;
+ right: 15px;
+ width: 15px;
+ height: 15px;
+ background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='26' viewBox='0 0 16 26' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2 0L0 2l11.5 11L0 24l2 2 14-13z' fill='%23C7C7CC' fill-rule='evenodd'/%3E%3C/svg%3E");
+ background-size: contain;
+ background-repeat: no-repeat;
+ background-position: 50% 50%;
+ -webkit-transform: rotate(90deg);
+ -ms-transform: rotate(90deg);
+ transform: rotate(90deg);
+ -webkit-transition: -webkit-transform 0.2s ease;
+ transition: -webkit-transform 0.2s ease;
+ transition: transform 0.2s ease;
+ transition: transform 0.2s ease, -webkit-transform 0.2s ease;
+}
+.am-accordion .am-accordion-item .am-accordion-header[aria-expanded~='true'] i {
+ -webkit-transform: rotate(270deg);
+ -ms-transform: rotate(270deg);
+ transform: rotate(270deg);
+}
+.am-accordion .am-accordion-item .am-accordion-content {
+ overflow: hidden;
+ background: #fff;
+}
+.am-accordion
+ .am-accordion-item
+ .am-accordion-content
+ .am-accordion-content-box {
+ font-size: 15px;
+ color: #333;
+ position: relative;
+ border-bottom: 1px solid #ddd;
+}
+@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
+ html:not([data-scale])
+ .am-accordion
+ .am-accordion-item
+ .am-accordion-content
+ .am-accordion-content-box {
+ border-bottom: none;
+ }
+ html:not([data-scale])
+ .am-accordion
+ .am-accordion-item
+ .am-accordion-content
+ .am-accordion-content-box:after {
+ content: '';
+ position: absolute;
+ background-color: #ddd;
+ display: block;
+ z-index: 1;
+ top: auto;
+ right: auto;
+ bottom: 0;
+ left: 0;
+ width: 100%;
+ height: 1px;
+ -webkit-transform-origin: 50% 100%;
+ -ms-transform-origin: 50% 100%;
+ transform-origin: 50% 100%;
+ -webkit-transform: scaleY(0.5);
+ -ms-transform: scaleY(0.5);
+ transform: scaleY(0.5);
+ }
+}
+@media (-webkit-min-device-pixel-ratio: 2) and (-webkit-min-device-pixel-ratio: 3),
+ (min-resolution: 2dppx) and (min-resolution: 3dppx) {
+ html:not([data-scale])
+ .am-accordion
+ .am-accordion-item
+ .am-accordion-content
+ .am-accordion-content-box:after {
+ -webkit-transform: scaleY(0.33);
+ -ms-transform: scaleY(0.33);
+ transform: scaleY(0.33);
+ }
+}
+.am-accordion
+ .am-accordion-item
+ .am-accordion-content
+ .am-accordion-content-box
+ .am-list-body {
+ border-top: 0;
+}
+.am-accordion
+ .am-accordion-item
+ .am-accordion-content
+ .am-accordion-content-box
+ .am-list-body:before {
+ display: none !important;
+}
+.am-accordion
+ .am-accordion-item
+ .am-accordion-content.am-accordion-content-inactive {
+ display: none;
+}
+.am-badge {
+ position: relative;
+ display: inline-block;
+ line-height: 1;
+ vertical-align: middle;
+}
+.am-badge-text {
+ text-rendering: optimizeLegibility;
+ -webkit-font-smoothing: antialiased;
+ -moz-osx-font-smoothing: grayscale;
+ position: absolute;
+ top: -6px;
+ height: 18px;
+ line-height: 18px;
+ min-width: 9px;
+ border-radius: 12px;
+ padding: 0 5px;
+ text-align: center;
+ font-size: 12px;
+ color: #fff;
+ background-color: #ff5b05;
+ white-space: nowrap;
+ -webkit-transform: translateX(-45%);
+ -ms-transform: translateX(-45%);
+ transform: translateX(-45%);
+ -webkit-transform-origin: -10% center;
+ -ms-transform-origin: -10% center;
+ transform-origin: -10% center;
+ z-index: 10;
+ font-family: Helvetica Neue, Helvetica, PingFang SC, Hiragino Sans GB,
+ Microsoft YaHei, \\5fae\8f6f\96c5\9ed1, SimSun, sans-serif;
+}
+.am-badge-text a {
+ color: #fff;
+}
+.am-badge-text p {
+ margin: 0;
+ padding: 0;
+}
+.am-badge-hot .am-badge-text {
+ background-color: #f96268;
+}
+.am-badge-dot {
+ position: absolute;
+ -webkit-transform: translateX(-50%);
+ -ms-transform: translateX(-50%);
+ transform: translateX(-50%);
+ -webkit-transform-origin: 0 center;
+ -ms-transform-origin: 0 center;
+ transform-origin: 0 center;
+ top: -4px;
+ height: 8px;
+ width: 8px;
+ border-radius: 100%;
+ background: #ff5b05;
+ z-index: 10;
+}
+.am-badge-dot-large {
+ height: 16px;
+ width: 16px;
+}
+.am-badge-not-a-wrapper .am-badge-dot,
+.am-badge-not-a-wrapper .am-badge-text {
+ top: auto;
+ display: block;
+ position: relative;
+ -webkit-transform: translateX(0);
+ -ms-transform: translateX(0);
+ transform: translateX(0);
+}
+.am-badge-corner {
+ width: 80px;
+ padding: 8px;
+ position: absolute;
+ right: -32px;
+ top: 8px;
+ background-color: #ff5b05;
+ color: #fff;
+ white-space: nowrap;
+ -webkit-transform: rotate(45deg);
+ -ms-transform: rotate(45deg);
+ transform: rotate(45deg);
+ text-align: center;
+ font-size: 15px;
+}
+.am-badge-corner-wrapper {
+ overflow: hidden;
+}
+.am-action-sheet-wrap {
+ overflow: auto;
+ -webkit-overflow-scrolling: touch;
+ outline: 0;
+}
+.am-action-sheet-mask,
+.am-action-sheet-wrap {
+ position: fixed;
+ top: 0;
+ right: 0;
+ bottom: 0;
+ left: 0;
+ z-index: 1000;
+}
+.am-action-sheet-mask {
+ background-color: rgba(0, 0, 0, 0.4);
+ height: 100%;
+}
+.am-action-sheet-close,
+.am-action-sheet-mask-hidden {
+ display: none;
+}
+.am-action-sheet {
+ position: fixed;
+ left: 0;
+ bottom: 0;
+ width: 100%;
+ background-color: #fff;
+ padding-bottom: env(safe-area-inset-bottom);
+}
+.am-action-sheet.am-action-sheet-share {
+ background-color: #f2f2f2;
+}
+.am-action-sheet-message,
+.am-action-sheet-title {
+ margin: 15px auto;
+ padding: 0 15px;
+ text-align: center;
+}
+.am-action-sheet-title {
+ font-size: 17px;
+}
+.am-action-sheet-message {
+ color: #888;
+ font-size: 14px;
+}
+.am-action-sheet-button-list {
+ text-align: center;
+ color: #000;
+}
+.am-action-sheet-button-list-item {
+ font-size: 18px;
+ padding: 0 8px;
+ margin: 0;
+ position: relative;
+ height: 50px;
+ line-height: 50px;
+ -webkit-box-sizing: border-box;
+ box-sizing: border-box;
+ white-space: nowrap;
+ text-overflow: ellipsis;
+ overflow-x: hidden;
+ border-top: 1px solid #ddd;
+}
+@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
+ html:not([data-scale]) .am-action-sheet-button-list-item {
+ border-top: none;
+ }
+ html:not([data-scale]) .am-action-sheet-button-list-item:before {
+ content: '';
+ position: absolute;
+ background-color: #ddd;
+ display: block;
+ z-index: 1;
+ top: 0;
+ right: auto;
+ bottom: auto;
+ left: 0;
+ width: 100%;
+ height: 1px;
+ -webkit-transform-origin: 50% 50%;
+ -ms-transform-origin: 50% 50%;
+ transform-origin: 50% 50%;
+ -webkit-transform: scaleY(0.5);
+ -ms-transform: scaleY(0.5);
+ transform: scaleY(0.5);
+ }
+}
+@media (-webkit-min-device-pixel-ratio: 2) and (-webkit-min-device-pixel-ratio: 3),
+ (min-resolution: 2dppx) and (min-resolution: 3dppx) {
+ html:not([data-scale]) .am-action-sheet-button-list-item:before {
+ -webkit-transform: scaleY(0.33);
+ -ms-transform: scaleY(0.33);
+ transform: scaleY(0.33);
+ }
+}
+.am-action-sheet-button-list-item.am-action-sheet-button-list-item-active {
+ background-color: #ddd;
+}
+.am-action-sheet-button-list-badge {
+ display: -webkit-box;
+ display: -webkit-flex;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-align: center;
+ -webkit-align-items: center;
+ -ms-flex-align: center;
+ align-items: center;
+ -webkit-box-pack: center;
+ -webkit-justify-content: center;
+ -ms-flex-pack: center;
+ justify-content: center;
+}
+.am-action-sheet-button-list-badge .am-badge {
+ margin-left: 8px;
+ -webkit-flex-shrink: 0;
+ -ms-flex-negative: 0;
+ flex-shrink: 0;
+}
+.am-action-sheet-button-list-item-content {
+ display: inline-block;
+ white-space: nowrap;
+ overflow: hidden;
+ text-overflow: ellipsis;
+}
+.am-action-sheet-button-list .am-action-sheet-cancel-button {
+ padding-top: 6px;
+ position: relative;
+}
+.am-action-sheet-button-list .am-action-sheet-cancel-button-mask {
+ position: absolute;
+ top: 0;
+ left: 0;
+ width: 100%;
+ height: 6px;
+ background-color: #e7e7ed;
+ border-top: 1px solid #ddd;
+ border-bottom: 1px solid #ddd;
+}
+@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
+ html:not([data-scale])
+ .am-action-sheet-button-list
+ .am-action-sheet-cancel-button-mask {
+ border-top: none;
+ }
+ html:not([data-scale])
+ .am-action-sheet-button-list
+ .am-action-sheet-cancel-button-mask:before {
+ content: '';
+ position: absolute;
+ background-color: #ddd;
+ display: block;
+ z-index: 1;
+ top: 0;
+ right: auto;
+ bottom: auto;
+ left: 0;
+ width: 100%;
+ height: 1px;
+ -webkit-transform-origin: 50% 50%;
+ -ms-transform-origin: 50% 50%;
+ transform-origin: 50% 50%;
+ -webkit-transform: scaleY(0.5);
+ -ms-transform: scaleY(0.5);
+ transform: scaleY(0.5);
+ }
+}
+@media (-webkit-min-device-pixel-ratio: 2) and (-webkit-min-device-pixel-ratio: 3),
+ (min-resolution: 2dppx) and (min-resolution: 3dppx) {
+ html:not([data-scale])
+ .am-action-sheet-button-list
+ .am-action-sheet-cancel-button-mask:before {
+ -webkit-transform: scaleY(0.33);
+ -ms-transform: scaleY(0.33);
+ transform: scaleY(0.33);
+ }
+}
+@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
+ html:not([data-scale])
+ .am-action-sheet-button-list
+ .am-action-sheet-cancel-button-mask {
+ border-bottom: none;
+ }
+ html:not([data-scale])
+ .am-action-sheet-button-list
+ .am-action-sheet-cancel-button-mask:after {
+ content: '';
+ position: absolute;
+ background-color: #ddd;
+ display: block;
+ z-index: 1;
+ top: auto;
+ right: auto;
+ bottom: 0;
+ left: 0;
+ width: 100%;
+ height: 1px;
+ -webkit-transform-origin: 50% 100%;
+ -ms-transform-origin: 50% 100%;
+ transform-origin: 50% 100%;
+ -webkit-transform: scaleY(0.5);
+ -ms-transform: scaleY(0.5);
+ transform: scaleY(0.5);
+ }
+}
+@media (-webkit-min-device-pixel-ratio: 2) and (-webkit-min-device-pixel-ratio: 3),
+ (min-resolution: 2dppx) and (min-resolution: 3dppx) {
+ html:not([data-scale])
+ .am-action-sheet-button-list
+ .am-action-sheet-cancel-button-mask:after {
+ -webkit-transform: scaleY(0.33);
+ -ms-transform: scaleY(0.33);
+ transform: scaleY(0.33);
+ }
+}
+.am-action-sheet-button-list .am-action-sheet-destructive-button {
+ color: #f4333c;
+}
+.am-action-sheet-share-list {
+ display: -webkit-box;
+ display: -webkit-flex;
+ display: -ms-flexbox;
+ display: flex;
+ position: relative;
+ border-top: 1px solid #ddd;
+ padding: 21px 0 21px 15px;
+ overflow-y: scroll;
+ -webkit-overflow-scrolling: touch;
+}
+@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
+ html:not([data-scale]) .am-action-sheet-share-list {
+ border-top: none;
+ }
+ html:not([data-scale]) .am-action-sheet-share-list:before {
+ content: '';
+ position: absolute;
+ background-color: #ddd;
+ display: block;
+ z-index: 1;
+ top: 0;
+ right: auto;
+ bottom: auto;
+ left: 0;
+ width: 100%;
+ height: 1px;
+ -webkit-transform-origin: 50% 50%;
+ -ms-transform-origin: 50% 50%;
+ transform-origin: 50% 50%;
+ -webkit-transform: scaleY(0.5);
+ -ms-transform: scaleY(0.5);
+ transform: scaleY(0.5);
+ }
+}
+@media (-webkit-min-device-pixel-ratio: 2) and (-webkit-min-device-pixel-ratio: 3),
+ (min-resolution: 2dppx) and (min-resolution: 3dppx) {
+ html:not([data-scale]) .am-action-sheet-share-list:before {
+ -webkit-transform: scaleY(0.33);
+ -ms-transform: scaleY(0.33);
+ transform: scaleY(0.33);
+ }
+}
+.am-action-sheet-share-list-item {
+ -webkit-box-flex: 0;
+ -webkit-flex: none;
+ -ms-flex: none;
+ flex: none;
+ margin: 0 12px 0 0;
+}
+.am-action-sheet-share-list-item-icon {
+ margin-bottom: 9px;
+ width: 60px;
+ height: 60px;
+ background-color: #fff;
+ border-radius: 3px;
+ display: -webkit-box;
+ display: -webkit-flex;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-pack: center;
+ -webkit-justify-content: center;
+ -ms-flex-pack: center;
+ justify-content: center;
+ -webkit-box-align: center;
+ -webkit-align-items: center;
+ -ms-flex-align: center;
+ align-items: center;
+}
+.am-action-sheet-share-list-item-title {
+ color: #888;
+ font-size: 10px;
+ text-align: center;
+}
+.am-action-sheet-share-cancel-button {
+ height: 50px;
+ line-height: 50px;
+ text-align: center;
+ background-color: #fff;
+ color: #000;
+ font-size: 18px;
+ position: relative;
+ border-top: 1px solid #ddd;
+ -webkit-box-sizing: border-box;
+ box-sizing: border-box;
+}
+@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
+ html:not([data-scale]) .am-action-sheet-share-cancel-button {
+ border-top: none;
+ }
+ html:not([data-scale]) .am-action-sheet-share-cancel-button:before {
+ content: '';
+ position: absolute;
+ background-color: #ddd;
+ display: block;
+ z-index: 1;
+ top: 0;
+ right: auto;
+ bottom: auto;
+ left: 0;
+ width: 100%;
+ height: 1px;
+ -webkit-transform-origin: 50% 50%;
+ -ms-transform-origin: 50% 50%;
+ transform-origin: 50% 50%;
+ -webkit-transform: scaleY(0.5);
+ -ms-transform: scaleY(0.5);
+ transform: scaleY(0.5);
+ }
+}
+@media (-webkit-min-device-pixel-ratio: 2) and (-webkit-min-device-pixel-ratio: 3),
+ (min-resolution: 2dppx) and (min-resolution: 3dppx) {
+ html:not([data-scale]) .am-action-sheet-share-cancel-button:before {
+ -webkit-transform: scaleY(0.33);
+ -ms-transform: scaleY(0.33);
+ transform: scaleY(0.33);
+ }
+}
+.am-action-sheet-share-cancel-button.am-action-sheet-share-cancel-button-active {
+ background-color: #ddd;
+}
+.am-activity-indicator {
+ display: -webkit-box;
+ display: -webkit-flex;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-align: center;
+ -webkit-align-items: center;
+ -ms-flex-align: center;
+ align-items: center;
+ z-index: 99;
+}
+.am-activity-indicator-spinner {
+ display: inline-block;
+ width: 20px;
+ height: 20px;
+ background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-2.125 -1.875 64 64'%3E%3Cpath fill='%23CCC' d='M29.875-1.875c-17.673 0-32 14.327-32 32s14.327 32 32 32 32-14.327 32-32-14.327-32-32-32zm0 60.7c-15.85 0-28.7-12.85-28.7-28.7s12.85-28.7 28.7-28.7 28.7 12.85 28.7 28.7-12.85 28.7-28.7 28.7z'/%3E%3Cpath fill='%23108ee9' d='M61.858 30.34c.003-.102.008-.203.008-.305 0-11.43-5.996-21.452-15.01-27.113l-.013.026a1.629 1.629 0 0 0-.81-.22 1.646 1.646 0 1 0-.713 3.132c7.963 5.1 13.247 14.017 13.247 24.176 0 .147-.01.293-.01.44h.022c0 .01-.004.02-.004.03 0 .91.74 1.65 1.65 1.65s1.65-.74 1.65-1.65c0-.06-.012-.112-.018-.167z'/%3E%3C/svg%3E");
+ background-position: 50%;
+ background-size: 100%;
+ background-repeat: no-repeat;
+ -webkit-animation: spinner-anime 1s linear infinite;
+ animation: spinner-anime 1s linear infinite;
+}
+.am-activity-indicator-tip {
+ font-size: 14px;
+ margin-left: 8px;
+ color: #000;
+ opacity: 0.4;
+}
+.am-activity-indicator.am-activity-indicator-toast {
+ position: fixed;
+ top: 0;
+ left: 0;
+ width: 100%;
+ height: 100%;
+ display: -webkit-box;
+ display: -webkit-flex;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-pack: center;
+ -webkit-justify-content: center;
+ -ms-flex-pack: center;
+ justify-content: center;
+ -webkit-box-align: center;
+ -webkit-align-items: center;
+ -ms-flex-align: center;
+ align-items: center;
+ text-align: center;
+ z-index: 1999;
+}
+.am-activity-indicator.am-activity-indicator-toast
+ .am-activity-indicator-spinner {
+ margin: 0;
+}
+.am-activity-indicator.am-activity-indicator-toast
+ .am-activity-indicator-toast {
+ display: inline-block;
+ position: relative;
+ top: 4px;
+}
+.am-activity-indicator-content {
+ display: -webkit-box;
+ display: -webkit-flex;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-orient: vertical;
+ -webkit-box-direction: normal;
+ -webkit-flex-direction: column;
+ -ms-flex-direction: column;
+ flex-direction: column;
+ -webkit-box-pack: center;
+ -webkit-justify-content: center;
+ -ms-flex-pack: center;
+ justify-content: center;
+ -webkit-box-align: center;
+ -webkit-align-items: center;
+ -ms-flex-align: center;
+ align-items: center;
+ padding: 15px;
+ border-radius: 7px;
+ background-clip: padding-box;
+ color: #fff;
+ background-color: rgba(58, 58, 58, 0.9);
+ font-size: 15px;
+ line-height: 20px;
+}
+.am-activity-indicator-spinner-lg {
+ width: 32px;
+ height: 32px;
+}
+@-webkit-keyframes spinner-anime {
+ to {
+ -webkit-transform: rotate(1turn);
+ transform: rotate(1turn);
+ }
+}
+@keyframes spinner-anime {
+ to {
+ -webkit-transform: rotate(1turn);
+ transform: rotate(1turn);
+ }
+}
+.am-icon {
+ fill: currentColor;
+ background-size: cover;
+ width: 22px;
+ height: 22px;
+}
+.am-icon-xxs {
+ width: 15px;
+ height: 15px;
+}
+.am-icon-xs {
+ width: 18px;
+ height: 18px;
+}
+.am-icon-sm {
+ width: 21px;
+ height: 21px;
+}
+.am-icon-md {
+ width: 22px;
+ height: 22px;
+}
+.am-icon-lg {
+ width: 36px;
+ height: 36px;
+}
+.am-icon-loading {
+ -webkit-animation: cirle-anim 1s linear infinite;
+ animation: cirle-anim 1s linear infinite;
+}
+@-webkit-keyframes cirle-anim {
+ to {
+ -webkit-transform: rotate(1turn);
+ transform: rotate(1turn);
+ }
+}
+@keyframes cirle-anim {
+ to {
+ -webkit-transform: rotate(1turn);
+ transform: rotate(1turn);
+ }
+}
+.am-button {
+ display: block;
+ outline: 0 none;
+ -webkit-appearance: none;
+ -webkit-box-sizing: border-box;
+ box-sizing: border-box;
+ padding: 0;
+ text-align: center;
+ font-size: 18px;
+ height: 47px;
+ line-height: 47px;
+ overflow: hidden;
+ text-overflow: ellipsis;
+ word-break: break-word;
+ white-space: nowrap;
+ color: #000;
+ background-color: #fff;
+ border: 1px solid #ddd;
+ border-radius: 5px;
+}
+@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
+ html:not([data-scale]) .am-button {
+ position: relative;
+ border: none;
+ }
+ html:not([data-scale]) .am-button:before {
+ content: '';
+ position: absolute;
+ left: 0;
+ top: 0;
+ width: 200%;
+ height: 200%;
+ border: 1px solid #ddd;
+ border-radius: 10px;
+ -webkit-transform-origin: 0 0;
+ -ms-transform-origin: 0 0;
+ transform-origin: 0 0;
+ -webkit-transform: scale(0.5);
+ -ms-transform: scale(0.5);
+ transform: scale(0.5);
+ -webkit-box-sizing: border-box;
+ box-sizing: border-box;
+ pointer-events: none;
+ }
+}
+.am-button-borderfix:before {
+ -webkit-transform: scale(0.49) !important;
+ -ms-transform: scale(0.49) !important;
+ transform: scale(0.49) !important;
+}
+.am-button.am-button-active {
+ background-color: #ddd;
+}
+.am-button.am-button-disabled {
+ color: rgba(0, 0, 0, 0.3);
+ opacity: 0.6;
+}
+.am-button-primary {
+ color: #fff;
+ background-color: #108ee9;
+ border: 1px solid #108ee9;
+ border-radius: 5px;
+}
+@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
+ html:not([data-scale]) .am-button-primary {
+ position: relative;
+ border: none;
+ }
+ html:not([data-scale]) .am-button-primary:before {
+ content: '';
+ position: absolute;
+ left: 0;
+ top: 0;
+ width: 200%;
+ height: 200%;
+ border: 1px solid #108ee9;
+ border-radius: 10px;
+ -webkit-transform-origin: 0 0;
+ -ms-transform-origin: 0 0;
+ transform-origin: 0 0;
+ -webkit-transform: scale(0.5);
+ -ms-transform: scale(0.5);
+ transform: scale(0.5);
+ -webkit-box-sizing: border-box;
+ box-sizing: border-box;
+ pointer-events: none;
+ }
+}
+.am-button-primary.am-button-active {
+ color: hsla(0, 0%, 100%, 0.3);
+ background-color: #0e80d2;
+}
+.am-button-primary.am-button-disabled {
+ color: hsla(0, 0%, 100%, 0.6);
+ opacity: 0.4;
+}
+.am-button-ghost {
+ color: #108ee9;
+ background-color: transparent;
+ border: 1px solid #108ee9;
+ border-radius: 5px;
+}
+@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
+ html:not([data-scale]) .am-button-ghost {
+ position: relative;
+ border: none;
+ }
+ html:not([data-scale]) .am-button-ghost:before {
+ content: '';
+ position: absolute;
+ left: 0;
+ top: 0;
+ width: 200%;
+ height: 200%;
+ border: 1px solid #108ee9;
+ border-radius: 10px;
+ -webkit-transform-origin: 0 0;
+ -ms-transform-origin: 0 0;
+ transform-origin: 0 0;
+ -webkit-transform: scale(0.5);
+ -ms-transform: scale(0.5);
+ transform: scale(0.5);
+ -webkit-box-sizing: border-box;
+ box-sizing: border-box;
+ pointer-events: none;
+ }
+}
+.am-button-ghost.am-button-active {
+ color: rgba(16, 142, 233, 0.6);
+ background-color: transparent;
+ border: 1px solid rgba(16, 142, 233, 0.6);
+ border-radius: 5px;
+}
+@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
+ html:not([data-scale]) .am-button-ghost.am-button-active {
+ position: relative;
+ border: none;
+ }
+ html:not([data-scale]) .am-button-ghost.am-button-active:before {
+ content: '';
+ position: absolute;
+ left: 0;
+ top: 0;
+ width: 200%;
+ height: 200%;
+ border: 1px solid rgba(16, 142, 233, 0.6);
+ border-radius: 10px;
+ -webkit-transform-origin: 0 0;
+ -ms-transform-origin: 0 0;
+ transform-origin: 0 0;
+ -webkit-transform: scale(0.5);
+ -ms-transform: scale(0.5);
+ transform: scale(0.5);
+ -webkit-box-sizing: border-box;
+ box-sizing: border-box;
+ pointer-events: none;
+ }
+}
+.am-button-ghost.am-button-disabled {
+ color: rgba(0, 0, 0, 0.1);
+ border: 1px solid rgba(0, 0, 0, 0.1);
+ border-radius: 5px;
+ opacity: 1;
+}
+@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
+ html:not([data-scale]) .am-button-ghost.am-button-disabled {
+ position: relative;
+ border: none;
+ }
+ html:not([data-scale]) .am-button-ghost.am-button-disabled:before {
+ content: '';
+ position: absolute;
+ left: 0;
+ top: 0;
+ width: 200%;
+ height: 200%;
+ border: 1px solid rgba(0, 0, 0, 0.1);
+ border-radius: 10px;
+ -webkit-transform-origin: 0 0;
+ -ms-transform-origin: 0 0;
+ transform-origin: 0 0;
+ -webkit-transform: scale(0.5);
+ -ms-transform: scale(0.5);
+ transform: scale(0.5);
+ -webkit-box-sizing: border-box;
+ box-sizing: border-box;
+ pointer-events: none;
+ }
+}
+.am-button-warning {
+ color: #fff;
+ background-color: #e94f4f;
+}
+.am-button-warning.am-button-active {
+ color: hsla(0, 0%, 100%, 0.3);
+ background-color: #d24747;
+}
+.am-button-warning.am-button-disabled {
+ color: hsla(0, 0%, 100%, 0.6);
+ opacity: 0.4;
+}
+.am-button-inline {
+ display: inline-block;
+ padding: 0 15px;
+}
+.am-button-inline.am-button-icon {
+ display: -webkit-inline-box;
+ display: -webkit-inline-flex;
+ display: -ms-inline-flexbox;
+ display: inline-flex;
+}
+.am-button-small {
+ font-size: 13px;
+ height: 30px;
+ line-height: 30px;
+ padding: 0 15px;
+}
+.am-button-icon {
+ display: -webkit-box;
+ display: -webkit-flex;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-align: center;
+ -webkit-align-items: center;
+ -ms-flex-align: center;
+ align-items: center;
+ -webkit-box-pack: center;
+ -webkit-justify-content: center;
+ -ms-flex-pack: center;
+ justify-content: center;
+}
+.am-button > .am-button-icon {
+ margin-right: 0.5em;
+}
+.am-picker-col {
+ display: block;
+ position: relative;
+ height: 238px;
+ overflow: hidden;
+ width: 100%;
+}
+.am-picker-col-content {
+ position: absolute;
+ left: 0;
+ top: 0;
+ width: 100%;
+ z-index: 1;
+ padding: 102px 0;
+}
+.am-picker-col-item {
+ -ms-touch-action: manipulation;
+ touch-action: manipulation;
+ text-align: center;
+ font-size: 16px;
+ height: 34px;
+ line-height: 34px;
+ color: #000;
+ white-space: nowrap;
+ text-overflow: ellipsis;
+}
+.am-picker-col-item-selected {
+ font-size: 17px;
+}
+.am-picker-col-mask {
+ top: 0;
+ height: 100%;
+ margin: 0 auto;
+ background-image: -webkit-linear-gradient(
+ top,
+ hsla(0, 0%, 100%, 0.95),
+ hsla(0, 0%, 100%, 0.6)
+ ),
+ -webkit-linear-gradient(bottom, hsla(0, 0%, 100%, 0.95), hsla(0, 0%, 100%, 0.6));
+ background-image: -webkit-gradient(
+ linear,
+ left top,
+ left bottom,
+ from(hsla(0, 0%, 100%, 0.95)),
+ to(hsla(0, 0%, 100%, 0.6))
+ ),
+ -webkit-gradient(linear, left bottom, left top, from(hsla(0, 0%, 100%, 0.95)), to(hsla(0, 0%, 100%, 0.6)));
+ background-image: linear-gradient(
+ 180deg,
+ hsla(0, 0%, 100%, 0.95),
+ hsla(0, 0%, 100%, 0.6)
+ ),
+ linear-gradient(0deg, hsla(0, 0%, 100%, 0.95), hsla(0, 0%, 100%, 0.6));
+ background-position: top, bottom;
+ background-size: 100% 102px;
+ background-repeat: no-repeat;
+}
+.am-picker-col-indicator,
+.am-picker-col-mask {
+ position: absolute;
+ left: 0;
+ width: 100%;
+ z-index: 3;
+}
+.am-picker-col-indicator {
+ -webkit-box-sizing: border-box;
+ box-sizing: border-box;
+ height: 34px;
+ top: 102px;
+ border-top: 1px solid #ddd;
+ border-bottom: 1px solid #ddd;
+}
+@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
+ html:not([data-scale]) .am-picker-col-indicator {
+ border-top: none;
+ }
+ html:not([data-scale]) .am-picker-col-indicator:before {
+ content: '';
+ position: absolute;
+ background-color: #ddd;
+ display: block;
+ z-index: 1;
+ top: 0;
+ right: auto;
+ bottom: auto;
+ left: 0;
+ width: 100%;
+ height: 1px;
+ -webkit-transform-origin: 50% 50%;
+ -ms-transform-origin: 50% 50%;
+ transform-origin: 50% 50%;
+ -webkit-transform: scaleY(0.5);
+ -ms-transform: scaleY(0.5);
+ transform: scaleY(0.5);
+ }
+}
+@media (-webkit-min-device-pixel-ratio: 2) and (-webkit-min-device-pixel-ratio: 3),
+ (min-resolution: 2dppx) and (min-resolution: 3dppx) {
+ html:not([data-scale]) .am-picker-col-indicator:before {
+ -webkit-transform: scaleY(0.33);
+ -ms-transform: scaleY(0.33);
+ transform: scaleY(0.33);
+ }
+}
+@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
+ html:not([data-scale]) .am-picker-col-indicator {
+ border-bottom: none;
+ }
+ html:not([data-scale]) .am-picker-col-indicator:after {
+ content: '';
+ position: absolute;
+ background-color: #ddd;
+ display: block;
+ z-index: 1;
+ top: auto;
+ right: auto;
+ bottom: 0;
+ left: 0;
+ width: 100%;
+ height: 1px;
+ -webkit-transform-origin: 50% 100%;
+ -ms-transform-origin: 50% 100%;
+ transform-origin: 50% 100%;
+ -webkit-transform: scaleY(0.5);
+ -ms-transform: scaleY(0.5);
+ transform: scaleY(0.5);
+ }
+}
+@media (-webkit-min-device-pixel-ratio: 2) and (-webkit-min-device-pixel-ratio: 3),
+ (min-resolution: 2dppx) and (min-resolution: 3dppx) {
+ html:not([data-scale]) .am-picker-col-indicator:after {
+ -webkit-transform: scaleY(0.33);
+ -ms-transform: scaleY(0.33);
+ transform: scaleY(0.33);
+ }
+}
+.am-picker {
+ display: -webkit-box;
+ display: -webkit-flex;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-align: center;
+ -webkit-align-items: center;
+ -ms-flex-align: center;
+ align-items: center;
+}
+.am-picker-item {
+ -webkit-box-flex: 1;
+ -webkit-flex: 1;
+ -ms-flex: 1;
+ flex: 1;
+ text-align: center;
+}
+.am-picker-popup {
+ left: 0;
+ bottom: 0;
+ position: fixed;
+ width: 100%;
+ background-color: #fff;
+ padding-bottom: env(safe-area-inset-bottom);
+}
+.am-picker-popup-wrap {
+ overflow: auto;
+ -webkit-overflow-scrolling: touch;
+ outline: 0;
+}
+.am-picker-popup-mask,
+.am-picker-popup-wrap {
+ position: fixed;
+ top: 0;
+ right: 0;
+ bottom: 0;
+ left: 0;
+ z-index: 1000;
+ -webkit-transform: translateZ(1px);
+ transform: translateZ(1px);
+}
+.am-picker-popup-mask {
+ background-color: rgba(0, 0, 0, 0.4);
+ height: 100%;
+}
+.am-picker-popup-mask-hidden {
+ display: none;
+}
+.am-picker-popup-header {
+ background-image: -webkit-linear-gradient(
+ top,
+ #e7e7e7,
+ #e7e7e7,
+ transparent,
+ transparent
+ );
+ background-image: -webkit-gradient(
+ linear,
+ left top,
+ left bottom,
+ from(#e7e7e7),
+ color-stop(#e7e7e7),
+ color-stop(transparent),
+ to(transparent)
+ );
+ background-image: linear-gradient(
+ 180deg,
+ #e7e7e7,
+ #e7e7e7,
+ transparent,
+ transparent
+ );
+ background-position: bottom;
+ background-size: 100% 1px;
+ background-repeat: no-repeat;
+ display: -webkit-box;
+ display: -webkit-flex;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-align: center;
+ -webkit-align-items: center;
+ -ms-flex-align: center;
+ align-items: center;
+ position: relative;
+ border-bottom: 1px solid #ddd;
+}
+@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
+ html:not([data-scale]) .am-picker-popup-header {
+ border-bottom: none;
+ }
+ html:not([data-scale]) .am-picker-popup-header:after {
+ content: '';
+ position: absolute;
+ background-color: #ddd;
+ display: block;
+ z-index: 1;
+ top: auto;
+ right: auto;
+ bottom: 0;
+ left: 0;
+ width: 100%;
+ height: 1px;
+ -webkit-transform-origin: 50% 100%;
+ -ms-transform-origin: 50% 100%;
+ transform-origin: 50% 100%;
+ -webkit-transform: scaleY(0.5);
+ -ms-transform: scaleY(0.5);
+ transform: scaleY(0.5);
+ }
+}
+@media (-webkit-min-device-pixel-ratio: 2) and (-webkit-min-device-pixel-ratio: 3),
+ (min-resolution: 2dppx) and (min-resolution: 3dppx) {
+ html:not([data-scale]) .am-picker-popup-header:after {
+ -webkit-transform: scaleY(0.33);
+ -ms-transform: scaleY(0.33);
+ transform: scaleY(0.33);
+ }
+}
+.am-picker-popup-header .am-picker-popup-header-right {
+ text-align: right;
+}
+.am-picker-popup-item {
+ color: #108ee9;
+ font-size: 17px;
+ padding: 9px 15px;
+ height: 42px;
+ -webkit-box-sizing: border-box;
+ box-sizing: border-box;
+ display: -webkit-box;
+ display: -webkit-flex;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-align: center;
+ -webkit-align-items: center;
+ -ms-flex-align: center;
+ align-items: center;
+ -webkit-box-pack: center;
+ -webkit-justify-content: center;
+ -ms-flex-pack: center;
+ justify-content: center;
+}
+.am-picker-popup-item-active {
+ background-color: #ddd;
+}
+.am-picker-popup-title {
+ -webkit-box-flex: 1;
+ -webkit-flex: 1;
+ -ms-flex: 1;
+ flex: 1;
+ text-align: center;
+ color: #000;
+}
+.am-picker-popup .am-picker-popup-close {
+ display: none;
+}
+.am-picker-col {
+ -webkit-box-flex: 1;
+ -webkit-flex: 1;
+ -ms-flex: 1;
+ flex: 1;
+}
+.am-calendar .animate {
+ -webkit-animation-duration: 0.3s;
+ animation-duration: 0.3s;
+ -webkit-animation-fill-mode: both;
+ animation-fill-mode: both;
+}
+@-webkit-keyframes fadeIn {
+ 0% {
+ opacity: 0;
+ }
+ to {
+ opacity: 1;
+ }
+}
+@keyframes fadeIn {
+ 0% {
+ opacity: 0;
+ }
+ to {
+ opacity: 1;
+ }
+}
+@-webkit-keyframes fadeOut {
+ 0% {
+ opacity: 1;
+ }
+ to {
+ opacity: 0;
+ }
+}
+@keyframes fadeOut {
+ 0% {
+ opacity: 1;
+ }
+ to {
+ opacity: 0;
+ }
+}
+.am-calendar .fade-enter {
+ -webkit-animation-name: fadeIn;
+ animation-name: fadeIn;
+}
+.am-calendar .fade-leave {
+ -webkit-animation-name: fadeOut;
+ animation-name: fadeOut;
+}
+@-webkit-keyframes slideInUp {
+ 0% {
+ -webkit-transform: translate3d(0, 100%, 0);
+ transform: translate3d(0, 100%, 0);
+ visibility: visible;
+ }
+ to {
+ -webkit-transform: translateZ(0);
+ transform: translateZ(0);
+ }
+}
+@keyframes slideInUp {
+ 0% {
+ -webkit-transform: translate3d(0, 100%, 0);
+ transform: translate3d(0, 100%, 0);
+ visibility: visible;
+ }
+ to {
+ -webkit-transform: translateZ(0);
+ transform: translateZ(0);
+ }
+}
+@-webkit-keyframes slideInDown {
+ 0% {
+ -webkit-transform: translateZ(0);
+ transform: translateZ(0);
+ visibility: visible;
+ }
+ to {
+ -webkit-transform: translate3d(0, 100%, 0);
+ transform: translate3d(0, 100%, 0);
+ }
+}
+@keyframes slideInDown {
+ 0% {
+ -webkit-transform: translateZ(0);
+ transform: translateZ(0);
+ visibility: visible;
+ }
+ to {
+ -webkit-transform: translate3d(0, 100%, 0);
+ transform: translate3d(0, 100%, 0);
+ }
+}
+@-webkit-keyframes slideInLeft {
+ 0% {
+ -webkit-transform: translate3d(100%, 0, 0);
+ transform: translate3d(100%, 0, 0);
+ visibility: visible;
+ }
+ to {
+ -webkit-transform: translateZ(0);
+ transform: translateZ(0);
+ }
+}
+@keyframes slideInLeft {
+ 0% {
+ -webkit-transform: translate3d(100%, 0, 0);
+ transform: translate3d(100%, 0, 0);
+ visibility: visible;
+ }
+ to {
+ -webkit-transform: translateZ(0);
+ transform: translateZ(0);
+ }
+}
+@-webkit-keyframes slideInRight {
+ 0% {
+ -webkit-transform: translateZ(0);
+ transform: translateZ(0);
+ visibility: visible;
+ }
+ to {
+ -webkit-transform: translate3d(100%, 0, 0);
+ transform: translate3d(100%, 0, 0);
+ }
+}
+@keyframes slideInRight {
+ 0% {
+ -webkit-transform: translateZ(0);
+ transform: translateZ(0);
+ visibility: visible;
+ }
+ to {
+ -webkit-transform: translate3d(100%, 0, 0);
+ transform: translate3d(100%, 0, 0);
+ }
+}
+.am-calendar .slideV-enter {
+ -webkit-animation-name: slideInUp;
+ animation-name: slideInUp;
+}
+.am-calendar .slideV-leave {
+ -webkit-animation-name: slideInDown;
+ animation-name: slideInDown;
+}
+.am-calendar .slideH-enter {
+ -webkit-animation-name: slideInLeft;
+ animation-name: slideInLeft;
+}
+.am-calendar .slideH-leave {
+ -webkit-animation-name: slideInRight;
+ animation-name: slideInRight;
+}
+.am-calendar .mask {
+ background: rgba(0, 0, 0, 0.5);
+}
+.am-calendar .content,
+.am-calendar .mask {
+ position: fixed;
+ width: 100%;
+ height: 100%;
+ top: 0;
+ left: 0;
+ z-index: 999;
+}
+.am-calendar .content {
+ -webkit-box-orient: vertical;
+ -webkit-box-direction: normal;
+ -webkit-flex-direction: column;
+ -ms-flex-direction: column;
+ flex-direction: column;
+ background: #fff;
+}
+.am-calendar .content,
+.am-calendar .header {
+ display: -webkit-box;
+ display: -webkit-flex;
+ display: -ms-flexbox;
+ display: flex;
+}
+.am-calendar .header {
+ margin: 5px;
+ -webkit-flex-shrink: 0;
+ -ms-flex-negative: 0;
+ flex-shrink: 0;
+ -webkit-box-align: center;
+ -webkit-align-items: center;
+ -ms-flex-align: center;
+ align-items: center;
+}
+.am-calendar .header .title {
+ text-align: center;
+ width: 100%;
+ font-size: 16px;
+ font-weight: 700;
+}
+.am-calendar .header .left {
+ left: 5px;
+}
+.am-calendar .header .left,
+.am-calendar .header .right {
+ position: absolute;
+ display: -webkit-box;
+ display: -webkit-flex;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-pack: center;
+ -webkit-justify-content: center;
+ -ms-flex-pack: center;
+ justify-content: center;
+ -webkit-box-align: center;
+ -webkit-align-items: center;
+ -ms-flex-align: center;
+ align-items: center;
+ padding: 0 8px;
+ height: 24px;
+ top: 5px;
+ color: #068eef;
+}
+.am-calendar .header .right {
+ right: 5px;
+ font-size: 14px;
+}
+.am-calendar .timePicker {
+ border-top: 1px solid #ccc;
+}
+.am-calendar .week-panel {
+ background: #fff;
+ -webkit-flex-shrink: 0;
+ -ms-flex-negative: 0;
+ flex-shrink: 0;
+ padding: 0 2px;
+ border-bottom: 1px solid #ddd;
+}
+.am-calendar .week-panel,
+.am-calendar .week-panel .cell {
+ display: -webkit-box;
+ display: -webkit-flex;
+ display: -ms-flexbox;
+ display: flex;
+}
+.am-calendar .week-panel .cell {
+ height: 24px;
+ width: 14.28571429%;
+ -webkit-box-pack: center;
+ -webkit-justify-content: center;
+ -ms-flex-pack: center;
+ justify-content: center;
+ -webkit-box-align: center;
+ -webkit-align-items: center;
+ -ms-flex-align: center;
+ align-items: center;
+ color: #000;
+ font-size: 14px;
+}
+.am-calendar .week-panel .cell-grey {
+ color: #bbb;
+}
+.am-calendar .date-picker {
+ display: -webkit-box;
+ display: -webkit-flex;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-orient: vertical;
+ -webkit-box-direction: normal;
+ -webkit-flex-direction: column;
+ -ms-flex-direction: column;
+ flex-direction: column;
+ background: #eee;
+ padding-bottom: env(safe-area-inset-bottom);
+}
+.am-calendar .date-picker,
+.am-calendar .date-picker .wrapper {
+ -webkit-box-flex: 1;
+ -webkit-flex: 1;
+ -ms-flex: 1;
+ flex: 1;
+ min-height: 0;
+}
+.am-calendar .date-picker .wrapper {
+ height: auto;
+ position: relative;
+}
+.am-calendar .date-picker .months {
+ background: #fff;
+}
+.am-calendar .date-picker .load-tip {
+ position: absolute;
+ -webkit-box-pack: center;
+ -webkit-justify-content: center;
+ -ms-flex-pack: center;
+ justify-content: center;
+ -webkit-box-align: end;
+ -webkit-align-items: flex-end;
+ -ms-flex-align: end;
+ align-items: flex-end;
+ left: 0;
+ right: 0;
+ padding: 10px 0;
+ top: -40px;
+ color: #bbb;
+}
+.am-calendar .confirm-panel,
+.am-calendar .date-picker .load-tip {
+ display: -webkit-box;
+ display: -webkit-flex;
+ display: -ms-flexbox;
+ display: flex;
+}
+.am-calendar .confirm-panel {
+ -webkit-flex-shrink: 0;
+ -ms-flex-negative: 0;
+ flex-shrink: 0;
+ -webkit-box-align: center;
+ -webkit-align-items: center;
+ -ms-flex-align: center;
+ align-items: center;
+ background: #f7f7f7;
+ padding: 8px 15px;
+ border-top: 1px solid #ddd;
+}
+.am-calendar .confirm-panel .info {
+ font-size: 12px;
+}
+.am-calendar .confirm-panel .info p {
+ margin: 0;
+}
+.am-calendar .confirm-panel .info p + p {
+ margin-top: 8px;
+}
+.am-calendar .confirm-panel .info .grey {
+ color: #bbb;
+}
+.am-calendar .confirm-panel .button {
+ text-align: center;
+ width: 80px;
+ margin: 0 0 0 auto;
+ padding: 8px 0;
+ border-radius: 5px;
+ color: #fff;
+ font-size: 18px;
+ background: #108ee9;
+}
+.am-calendar .confirm-panel .button-disable {
+ color: #bbb;
+ background: #ddd;
+}
+.am-calendar .confirm-panel .button-full {
+ width: 100%;
+ text-align: center;
+}
+.am-calendar .time-picker {
+ -webkit-flex-shrink: 0;
+ -ms-flex-negative: 0;
+ flex-shrink: 0;
+ text-align: center;
+ background: #fff;
+}
+.am-calendar .time-picker .title {
+ display: -webkit-box;
+ display: -webkit-flex;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-pack: center;
+ -webkit-justify-content: center;
+ -ms-flex-pack: center;
+ justify-content: center;
+ -webkit-box-align: center;
+ -webkit-align-items: center;
+ -ms-flex-align: center;
+ align-items: center;
+ height: 44px;
+ font-size: 16px;
+ border-top: 1px solid #ddd;
+ border-bottom: 1px solid #ddd;
+}
+.am-calendar .single-month {
+ padding: 0;
+}
+.am-calendar .single-month .month-title {
+ margin: 0;
+ padding: 21px 0 6px 15px;
+}
+.am-calendar .single-month .row {
+ display: -webkit-box;
+ display: -webkit-flex;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-align: baseline;
+ -webkit-align-items: baseline;
+ -ms-flex-align: baseline;
+ align-items: baseline;
+}
+.am-calendar .single-month .row .cell {
+ -webkit-box-orient: vertical;
+ -webkit-box-direction: normal;
+ -webkit-flex-direction: column;
+ -ms-flex-direction: column;
+ flex-direction: column;
+ width: 14.28571429%;
+}
+.am-calendar .single-month .row .cell,
+.am-calendar .single-month .row .cell .date-wrapper {
+ display: -webkit-box;
+ display: -webkit-flex;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-pack: center;
+ -webkit-justify-content: center;
+ -ms-flex-pack: center;
+ justify-content: center;
+ -webkit-box-align: center;
+ -webkit-align-items: center;
+ -ms-flex-align: center;
+ align-items: center;
+}
+.am-calendar .single-month .row .cell .date-wrapper {
+ height: 35px;
+ width: 100%;
+ margin-bottom: 2px;
+}
+.am-calendar .single-month .row .cell .date-wrapper .date {
+ display: -webkit-box;
+ display: -webkit-flex;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-pack: center;
+ -webkit-justify-content: center;
+ -ms-flex-pack: center;
+ justify-content: center;
+ -webkit-box-align: center;
+ -webkit-align-items: center;
+ -ms-flex-align: center;
+ align-items: center;
+ width: 35px;
+ height: 35px;
+ -webkit-flex-shrink: 0;
+ -ms-flex-negative: 0;
+ flex-shrink: 0;
+ color: #000;
+ font-size: 17px;
+ font-weight: 700;
+}
+.am-calendar .single-month .row .cell .date-wrapper .disable {
+ color: #bbb;
+ background: #eee;
+ border: none;
+ border-radius: 100%;
+}
+.am-calendar .single-month .row .cell .date-wrapper .grey {
+ color: #bbb;
+}
+.am-calendar .single-month .row .cell .date-wrapper .important {
+ border: 1px solid #ddd;
+ border-radius: 100%;
+}
+.am-calendar .single-month .row .cell .date-wrapper .left,
+.am-calendar .single-month .row .cell .date-wrapper .right {
+ border: none;
+ width: 100%;
+ height: 35px;
+}
+.am-calendar .single-month .row .cell .date-wrapper .date-selected {
+ border: none;
+ background: #108ee9;
+ color: #fff;
+ font-size: 17px;
+}
+.am-calendar .single-month .row .cell .date-wrapper .selected-start {
+ border-radius: 100% 0 0 100%;
+}
+.am-calendar .single-month .row .cell .date-wrapper .selected-single {
+ border-radius: 100%;
+}
+.am-calendar .single-month .row .cell .date-wrapper .selected-middle {
+ border-radius: 0;
+}
+.am-calendar .single-month .row .cell .date-wrapper .selected-end {
+ border-radius: 0 100% 100% 0;
+}
+.am-calendar .single-month .row .cell .info {
+ height: 15px;
+ width: 100%;
+ padding: 0 5px;
+ font-size: 10px;
+ color: #888;
+ white-space: nowrap;
+ text-overflow: ellipsis;
+ overflow: hidden;
+ text-align: center;
+}
+.am-calendar .single-month .row .cell .date-selected {
+ color: #108ee9;
+}
+.am-calendar .single-month .row + .row {
+ margin-top: 6px;
+}
+.am-calendar .single-month .row-xl + .row-xl {
+ margin-top: 21px;
+}
+.am-calendar .shortcut-panel {
+ display: -webkit-box;
+ display: -webkit-flex;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-orient: horizontal;
+ -webkit-box-direction: normal;
+ -webkit-flex-direction: row;
+ -ms-flex-direction: row;
+ flex-direction: row;
+ -webkit-flex-shrink: 0;
+ -ms-flex-negative: 0;
+ flex-shrink: 0;
+ -webkit-box-pack: justify;
+ -webkit-justify-content: space-between;
+ -ms-flex-pack: justify;
+ justify-content: space-between;
+ -webkit-box-align: center;
+ -webkit-align-items: center;
+ -ms-flex-align: center;
+ align-items: center;
+ padding: 0 30px;
+ border-top: 1px solid #ddd;
+ height: 42px;
+}
+.am-calendar .shortcut-panel .item {
+ display: inline-block;
+ color: #108ee9;
+ font-size: 16px;
+}
+.am-card {
+ min-height: 96px;
+ padding-bottom: 6px;
+ display: -webkit-box;
+ display: -webkit-flex;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-orient: vertical;
+ -webkit-box-direction: normal;
+ -webkit-flex-direction: column;
+ -ms-flex-direction: column;
+ flex-direction: column;
+ background-color: #fff;
+}
+.am-card:not(.am-card-full) {
+ border: 1px solid #ddd;
+ border-radius: 5px;
+}
+@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
+ html:not([data-scale]) .am-card:not(.am-card-full) {
+ position: relative;
+ border: none;
+ }
+ html:not([data-scale]) .am-card:not(.am-card-full):before {
+ content: '';
+ position: absolute;
+ left: 0;
+ top: 0;
+ width: 200%;
+ height: 200%;
+ border: 1px solid #ddd;
+ border-radius: 10px;
+ -webkit-transform-origin: 0 0;
+ -ms-transform-origin: 0 0;
+ transform-origin: 0 0;
+ -webkit-transform: scale(0.5);
+ -ms-transform: scale(0.5);
+ transform: scale(0.5);
+ -webkit-box-sizing: border-box;
+ box-sizing: border-box;
+ pointer-events: none;
+ }
+}
+.am-card.am-card-full {
+ position: relative;
+ border-top: 1px solid #ddd;
+ border-bottom: 1px solid #ddd;
+}
+@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
+ html:not([data-scale]) .am-card.am-card-full {
+ border-top: none;
+ }
+ html:not([data-scale]) .am-card.am-card-full:before {
+ content: '';
+ position: absolute;
+ background-color: #ddd;
+ display: block;
+ z-index: 1;
+ top: 0;
+ right: auto;
+ bottom: auto;
+ left: 0;
+ width: 100%;
+ height: 1px;
+ -webkit-transform-origin: 50% 50%;
+ -ms-transform-origin: 50% 50%;
+ transform-origin: 50% 50%;
+ -webkit-transform: scaleY(0.5);
+ -ms-transform: scaleY(0.5);
+ transform: scaleY(0.5);
+ }
+}
+@media (-webkit-min-device-pixel-ratio: 2) and (-webkit-min-device-pixel-ratio: 3),
+ (min-resolution: 2dppx) and (min-resolution: 3dppx) {
+ html:not([data-scale]) .am-card.am-card-full:before {
+ -webkit-transform: scaleY(0.33);
+ -ms-transform: scaleY(0.33);
+ transform: scaleY(0.33);
+ }
+}
+@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
+ html:not([data-scale]) .am-card.am-card-full {
+ border-bottom: none;
+ }
+ html:not([data-scale]) .am-card.am-card-full:after {
+ content: '';
+ position: absolute;
+ background-color: #ddd;
+ display: block;
+ z-index: 1;
+ top: auto;
+ right: auto;
+ bottom: 0;
+ left: 0;
+ width: 100%;
+ height: 1px;
+ -webkit-transform-origin: 50% 100%;
+ -ms-transform-origin: 50% 100%;
+ transform-origin: 50% 100%;
+ -webkit-transform: scaleY(0.5);
+ -ms-transform: scaleY(0.5);
+ transform: scaleY(0.5);
+ }
+}
+@media (-webkit-min-device-pixel-ratio: 2) and (-webkit-min-device-pixel-ratio: 3),
+ (min-resolution: 2dppx) and (min-resolution: 3dppx) {
+ html:not([data-scale]) .am-card.am-card-full:after {
+ -webkit-transform: scaleY(0.33);
+ -ms-transform: scaleY(0.33);
+ transform: scaleY(0.33);
+ }
+}
+.am-card-header {
+ -ms-flex-align: center;
+ font-size: 17px;
+ padding: 9px 15px;
+}
+.am-card-header,
+.am-card-header-content {
+ display: -webkit-box;
+ display: -webkit-flex;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-align: center;
+ -webkit-align-items: center;
+ align-items: center;
+}
+.am-card-header-content {
+ -webkit-box-flex: 1;
+ -webkit-flex: 1;
+ -ms-flex: 1;
+ flex: 1;
+ text-align: left;
+ color: #000;
+ -ms-flex-align: center;
+}
+.am-card-header-content img {
+ margin-right: 5px;
+}
+.am-card-header-extra {
+ text-align: right;
+ font-size: 17px;
+ color: #888;
+}
+.am-card-body,
+.am-card-header-extra {
+ -webkit-box-flex: 1;
+ -webkit-flex: 1;
+ -ms-flex: 1;
+ flex: 1;
+}
+.am-card-body {
+ position: relative;
+ border-top: 1px solid #ddd;
+ padding: 15px 15px 6px;
+ font-size: 15px;
+ color: #333;
+ min-height: 40px;
+}
+@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
+ html:not([data-scale]) .am-card-body {
+ border-top: none;
+ }
+ html:not([data-scale]) .am-card-body:before {
+ content: '';
+ position: absolute;
+ background-color: #ddd;
+ display: block;
+ z-index: 1;
+ top: 0;
+ right: auto;
+ bottom: auto;
+ left: 0;
+ width: 100%;
+ height: 1px;
+ -webkit-transform-origin: 50% 50%;
+ -ms-transform-origin: 50% 50%;
+ transform-origin: 50% 50%;
+ -webkit-transform: scaleY(0.5);
+ -ms-transform: scaleY(0.5);
+ transform: scaleY(0.5);
+ }
+}
+@media (-webkit-min-device-pixel-ratio: 2) and (-webkit-min-device-pixel-ratio: 3),
+ (min-resolution: 2dppx) and (min-resolution: 3dppx) {
+ html:not([data-scale]) .am-card-body:before {
+ -webkit-transform: scaleY(0.33);
+ -ms-transform: scaleY(0.33);
+ transform: scaleY(0.33);
+ }
+}
+.am-card-footer {
+ font-size: 14px;
+ color: #888;
+ padding: 0 15px;
+ display: -webkit-box;
+ display: -webkit-flex;
+ display: -ms-flexbox;
+ display: flex;
+}
+.am-card-footer-content,
+.am-card-footer-extra {
+ -webkit-box-flex: 1;
+ -webkit-flex: 1;
+ -ms-flex: 1;
+ flex: 1;
+}
+.am-card-footer-extra {
+ text-align: right;
+}
+.am-carousel {
+ position: relative;
+}
+.am-carousel-wrap {
+ font-size: 18px;
+ color: #000;
+ background: none;
+ text-align: center;
+ zoom: 1;
+ width: 100%;
+}
+.am-carousel-wrap-dot {
+ display: inline-block;
+ zoom: 1;
+}
+.am-carousel-wrap-dot > span {
+ display: block;
+ width: 8px;
+ height: 8px;
+ margin: 0 3px;
+ border-radius: 50%;
+ background: #ccc;
+}
+.am-carousel-wrap-dot-active > span {
+ background: #888;
+}
+.am-list-header {
+ padding: 15px 15px 9px;
+ font-size: 14px;
+ color: #888;
+ width: 100%;
+ -webkit-box-sizing: border-box;
+ box-sizing: border-box;
+}
+.am-list-footer {
+ padding: 9px 15px 15px;
+ font-size: 14px;
+ color: #888;
+}
+.am-list-body {
+ position: relative;
+ background-color: #fff;
+ border-top: 1px solid #ddd;
+ border-bottom: 1px solid #ddd;
+}
+@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
+ html:not([data-scale]) .am-list-body {
+ border-top: none;
+ }
+ html:not([data-scale]) .am-list-body:before {
+ content: '';
+ position: absolute;
+ background-color: #ddd;
+ display: block;
+ z-index: 1;
+ top: 0;
+ right: auto;
+ bottom: auto;
+ left: 0;
+ width: 100%;
+ height: 1px;
+ -webkit-transform-origin: 50% 50%;
+ -ms-transform-origin: 50% 50%;
+ transform-origin: 50% 50%;
+ -webkit-transform: scaleY(0.5);
+ -ms-transform: scaleY(0.5);
+ transform: scaleY(0.5);
+ }
+}
+@media (-webkit-min-device-pixel-ratio: 2) and (-webkit-min-device-pixel-ratio: 3),
+ (min-resolution: 2dppx) and (min-resolution: 3dppx) {
+ html:not([data-scale]) .am-list-body:before {
+ -webkit-transform: scaleY(0.33);
+ -ms-transform: scaleY(0.33);
+ transform: scaleY(0.33);
+ }
+}
+@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
+ html:not([data-scale]) .am-list-body {
+ border-bottom: none;
+ }
+ html:not([data-scale]) .am-list-body:after {
+ content: '';
+ position: absolute;
+ background-color: #ddd;
+ display: block;
+ z-index: 1;
+ top: auto;
+ right: auto;
+ bottom: 0;
+ left: 0;
+ width: 100%;
+ height: 1px;
+ -webkit-transform-origin: 50% 100%;
+ -ms-transform-origin: 50% 100%;
+ transform-origin: 50% 100%;
+ -webkit-transform: scaleY(0.5);
+ -ms-transform: scaleY(0.5);
+ transform: scaleY(0.5);
+ }
+}
+@media (-webkit-min-device-pixel-ratio: 2) and (-webkit-min-device-pixel-ratio: 3),
+ (min-resolution: 2dppx) and (min-resolution: 3dppx) {
+ html:not([data-scale]) .am-list-body:after {
+ -webkit-transform: scaleY(0.33);
+ -ms-transform: scaleY(0.33);
+ transform: scaleY(0.33);
+ }
+}
+.am-list-body div:not(:last-child) .am-list-line {
+ border-bottom: 1px solid #ddd;
+}
+@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
+ html:not([data-scale]) .am-list-body div:not(:last-child) .am-list-line {
+ border-bottom: none;
+ }
+ html:not([data-scale])
+ .am-list-body
+ div:not(:last-child)
+ .am-list-line:after {
+ content: '';
+ position: absolute;
+ background-color: #ddd;
+ display: block;
+ z-index: 1;
+ top: auto;
+ right: auto;
+ bottom: 0;
+ left: 0;
+ width: 100%;
+ height: 1px;
+ -webkit-transform-origin: 50% 100%;
+ -ms-transform-origin: 50% 100%;
+ transform-origin: 50% 100%;
+ -webkit-transform: scaleY(0.5);
+ -ms-transform: scaleY(0.5);
+ transform: scaleY(0.5);
+ }
+}
+@media (-webkit-min-device-pixel-ratio: 2) and (-webkit-min-device-pixel-ratio: 3),
+ (min-resolution: 2dppx) and (min-resolution: 3dppx) {
+ html:not([data-scale])
+ .am-list-body
+ div:not(:last-child)
+ .am-list-line:after {
+ -webkit-transform: scaleY(0.33);
+ -ms-transform: scaleY(0.33);
+ transform: scaleY(0.33);
+ }
+}
+.am-list-item {
+ position: relative;
+ display: -webkit-box;
+ display: -webkit-flex;
+ display: -ms-flexbox;
+ display: flex;
+ padding-left: 15px;
+ min-height: 44px;
+ background-color: #fff;
+ vertical-align: middle;
+ overflow: hidden;
+ -webkit-transition: background-color 0.2s;
+ transition: background-color 0.2s;
+ -webkit-box-align: center;
+ -webkit-align-items: center;
+ -ms-flex-align: center;
+ align-items: center;
+}
+.am-list-item .am-list-ripple {
+ position: absolute;
+ background: transparent;
+ display: inline-block;
+ overflow: hidden;
+ will-change: box-shadow, transform;
+ -webkit-transition: background-color 0.2s cubic-bezier(0.4, 0, 0.2, 1),
+ color 0.2s cubic-bezier(0.4, 0, 0.2, 1),
+ -webkit-box-shadow 0.2s cubic-bezier(0.4, 0, 1, 1);
+ transition: background-color 0.2s cubic-bezier(0.4, 0, 0.2, 1),
+ color 0.2s cubic-bezier(0.4, 0, 0.2, 1),
+ -webkit-box-shadow 0.2s cubic-bezier(0.4, 0, 1, 1);
+ transition: box-shadow 0.2s cubic-bezier(0.4, 0, 1, 1),
+ background-color 0.2s cubic-bezier(0.4, 0, 0.2, 1),
+ color 0.2s cubic-bezier(0.4, 0, 0.2, 1);
+ transition: box-shadow 0.2s cubic-bezier(0.4, 0, 1, 1),
+ background-color 0.2s cubic-bezier(0.4, 0, 0.2, 1),
+ color 0.2s cubic-bezier(0.4, 0, 0.2, 1),
+ -webkit-box-shadow 0.2s cubic-bezier(0.4, 0, 1, 1);
+ outline: none;
+ cursor: pointer;
+ border-radius: 100%;
+ -webkit-transform: scale(0);
+ -ms-transform: scale(0);
+ transform: scale(0);
+}
+.am-list-item .am-list-ripple.am-list-ripple-animate {
+ background-color: hsla(0, 0%, 62%, 0.2);
+ -webkit-animation: ripple 1s linear;
+ animation: ripple 1s linear;
+}
+.am-list-item.am-list-item-top .am-list-line {
+ -webkit-box-align: start;
+ -webkit-align-items: flex-start;
+ -ms-flex-align: start;
+ align-items: flex-start;
+}
+.am-list-item.am-list-item-top .am-list-line .am-list-arrow {
+ margin-top: 2px;
+}
+.am-list-item.am-list-item-middle .am-list-line {
+ -webkit-box-align: center;
+ -webkit-align-items: center;
+ -ms-flex-align: center;
+ align-items: center;
+}
+.am-list-item.am-list-item-bottom .am-list-line {
+ -webkit-box-align: end;
+ -webkit-align-items: flex-end;
+ -ms-flex-align: end;
+ align-items: flex-end;
+}
+.am-list-item.am-list-item-error .am-list-line .am-list-extra,
+.am-list-item.am-list-item-error .am-list-line .am-list-extra .am-list-brief {
+ color: #f50;
+}
+.am-list-item.am-list-item-active {
+ background-color: #ddd;
+}
+.am-list-item.am-list-item-disabled .am-list-line .am-list-content,
+.am-list-item.am-list-item-disabled .am-list-line .am-list-extra {
+ color: #bbb;
+}
+.am-list-item img {
+ width: 22px;
+ height: 22px;
+ vertical-align: middle;
+}
+.am-list-item .am-list-thumb:first-child {
+ margin-right: 15px;
+}
+.am-list-item .am-list-thumb:last-child {
+ margin-left: 8px;
+}
+.am-list-item .am-list-line {
+ position: relative;
+ display: -webkit-box;
+ display: -webkit-flex;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-flex: 1;
+ -webkit-flex: 1;
+ -ms-flex: 1;
+ flex: 1;
+ -webkit-align-self: stretch;
+ -ms-flex-item-align: stretch;
+ align-self: stretch;
+ padding-right: 15px;
+ overflow: hidden;
+}
+.am-list-item .am-list-line .am-list-content {
+ -webkit-box-flex: 1;
+ -webkit-flex: 1;
+ -ms-flex: 1;
+ flex: 1;
+ color: #000;
+ font-size: 17px;
+ text-align: left;
+}
+.am-list-item .am-list-line .am-list-content,
+.am-list-item .am-list-line .am-list-extra {
+ line-height: 1.5;
+ width: auto;
+ overflow: hidden;
+ text-overflow: ellipsis;
+ white-space: nowrap;
+ padding-top: 7px;
+ padding-bottom: 7px;
+}
+.am-list-item .am-list-line .am-list-extra {
+ -webkit-flex-basis: 36%;
+ -ms-flex-preferred-size: 36%;
+ flex-basis: 36%;
+ color: #888;
+ font-size: 16px;
+ text-align: right;
+}
+.am-list-item .am-list-line .am-list-brief,
+.am-list-item .am-list-line .am-list-title {
+ width: auto;
+ overflow: hidden;
+ text-overflow: ellipsis;
+ white-space: nowrap;
+}
+.am-list-item .am-list-line .am-list-brief {
+ color: #888;
+ font-size: 15px;
+ line-height: 1.5;
+ margin-top: 6px;
+}
+.am-list-item .am-list-line .am-list-arrow {
+ display: block;
+ width: 15px;
+ height: 15px;
+ margin-left: 8px;
+ background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='26' viewBox='0 0 16 26' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2 0L0 2l11.5 11L0 24l2 2 14-13z' fill='%23C7C7CC' fill-rule='evenodd'/%3E%3C/svg%3E");
+ background-size: contain;
+ background-repeat: no-repeat;
+ background-position: 50% 50%;
+ visibility: hidden;
+}
+.am-list-item .am-list-line .am-list-arrow-horizontal {
+ visibility: visible;
+}
+.am-list-item .am-list-line .am-list-arrow-vertical {
+ visibility: visible;
+ -webkit-transform: rotate(90deg);
+ -ms-transform: rotate(90deg);
+ transform: rotate(90deg);
+}
+.am-list-item .am-list-line .am-list-arrow-vertical-up {
+ visibility: visible;
+ -webkit-transform: rotate(270deg);
+ -ms-transform: rotate(270deg);
+ transform: rotate(270deg);
+}
+.am-list-item .am-list-line-multiple {
+ padding: 12.5px 15px 12.5px 0;
+}
+.am-list-item .am-list-line-multiple .am-list-content,
+.am-list-item .am-list-line-multiple .am-list-extra {
+ padding-top: 0;
+ padding-bottom: 0;
+}
+.am-list-item .am-list-line-wrap .am-list-content,
+.am-list-item .am-list-line-wrap .am-list-extra {
+ white-space: normal;
+}
+.am-list-item select {
+ position: relative;
+ display: block;
+ width: 100%;
+ height: 100%;
+ padding: 0;
+ border: 0;
+ font-size: 17px;
+ -webkit-appearance: none;
+ -moz-appearance: none;
+ appearance: none;
+ background-color: transparent;
+}
+@-webkit-keyframes ripple {
+ to {
+ opacity: 0;
+ -webkit-transform: scale(2.5);
+ transform: scale(2.5);
+ }
+}
+@keyframes ripple {
+ to {
+ opacity: 0;
+ -webkit-transform: scale(2.5);
+ transform: scale(2.5);
+ }
+}
+.am-checkbox {
+ position: relative;
+ display: inline-block;
+ vertical-align: middle;
+ width: 21px;
+ height: 21px;
+}
+.am-checkbox-inner {
+ position: absolute;
+ right: 0;
+ width: 21px;
+ height: 21px;
+ border: 1px solid #ccc;
+ border-radius: 50%;
+ -webkit-transform: rotate(0deg);
+ -ms-transform: rotate(0deg);
+ transform: rotate(0deg);
+ -webkit-box-sizing: border-box;
+ box-sizing: border-box;
+}
+.am-checkbox-inner:after {
+ position: absolute;
+ display: none;
+ top: 1.5px;
+ right: 6px;
+ z-index: 999;
+ width: 5px;
+ height: 11px;
+ border-style: solid;
+ border-width: 0 1px 1px 0;
+ content: ' ';
+ -webkit-transform: rotate(45deg);
+ -ms-transform: rotate(45deg);
+ transform: rotate(45deg);
+}
+.am-checkbox-input {
+ position: absolute;
+ top: 0;
+ left: 0;
+ opacity: 0;
+ width: 100%;
+ height: 100%;
+ z-index: 2;
+ border: 0 none;
+ -webkit-appearance: none;
+ -moz-appearance: none;
+ appearance: none;
+}
+.am-checkbox.am-checkbox-checked .am-checkbox-inner {
+ border-color: #108ee9;
+ background: #108ee9;
+}
+.am-checkbox.am-checkbox-checked .am-checkbox-inner:after {
+ display: block;
+ border-color: #fff;
+}
+.am-checkbox.am-checkbox-disabled {
+ opacity: 0.3;
+}
+.am-checkbox.am-checkbox-disabled.am-checkbox-checked .am-checkbox-inner {
+ border-color: #888;
+ background: none;
+}
+.am-checkbox.am-checkbox-disabled.am-checkbox-checked .am-checkbox-inner:after {
+ border-color: #888;
+}
+.am-list .am-list-item.am-checkbox-item .am-list-thumb {
+ width: 21px;
+ height: 21px;
+}
+.am-list .am-list-item.am-checkbox-item .am-list-thumb .am-checkbox {
+ position: absolute;
+ top: 0;
+ left: 0;
+ right: 0;
+ bottom: 0;
+ width: 100%;
+ height: 44px;
+}
+.am-list .am-list-item.am-checkbox-item .am-list-thumb .am-checkbox-inner {
+ left: 15px;
+ top: 12px;
+}
+.am-list
+ .am-list-item.am-checkbox-item.am-checkbox-item-disabled
+ .am-list-content {
+ color: #bbb;
+}
+.am-checkbox-agree {
+ position: relative;
+ display: -webkit-box;
+ display: -webkit-flex;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-align: stretch;
+ -webkit-align-items: stretch;
+ -ms-flex-align: stretch;
+ align-items: stretch;
+ margin-left: 15px;
+ padding-top: 9px;
+ padding-bottom: 9px;
+}
+.am-checkbox-agree .am-checkbox {
+ position: absolute;
+ left: 0;
+ top: 0;
+ width: 30px;
+ height: 100%;
+}
+.am-checkbox-agree .am-checkbox-inner {
+ left: 0;
+ top: 12px;
+}
+.am-checkbox-agree .am-checkbox-agree-label {
+ display: inline-block;
+ font-size: 15px;
+ color: #000;
+ line-height: 1.5;
+ margin-left: 30px;
+ margin-top: 1px;
+}
+.am-drawer {
+ position: absolute;
+ top: 0;
+ left: 0;
+ right: 0;
+ bottom: 0;
+ overflow: hidden;
+}
+.am-drawer-sidebar {
+ z-index: 4;
+ position: absolute;
+ -webkit-transition: -webkit-transform 0.3s ease-out;
+ transition: -webkit-transform 0.3s ease-out;
+ transition: transform 0.3s ease-out;
+ transition: transform 0.3s ease-out, -webkit-transform 0.3s ease-out;
+ will-change: transform;
+ overflow-y: auto;
+}
+.am-drawer-draghandle {
+ z-index: 1;
+ position: absolute;
+ background-color: rgba(50, 50, 50, 0.1);
+}
+.am-drawer-overlay {
+ z-index: 3;
+ opacity: 0;
+ visibility: hidden;
+ -webkit-transition: opacity 0.5s ease-out;
+ transition: opacity 0.5s ease-out;
+ background-color: rgba(0, 0, 0, 0.4);
+}
+.am-drawer-content,
+.am-drawer-overlay {
+ position: absolute;
+ top: 0;
+ left: 0;
+ right: 0;
+ bottom: 0;
+}
+.am-drawer-content {
+ overflow: auto;
+ -webkit-transition: left 0.3s ease-out, right 0.3s ease-out;
+ transition: left 0.3s ease-out, right 0.3s ease-out;
+}
+.am-drawer.am-drawer-left .am-drawer-draghandle,
+.am-drawer.am-drawer-left .am-drawer-sidebar,
+.am-drawer.am-drawer-right .am-drawer-draghandle,
+.am-drawer.am-drawer-right .am-drawer-sidebar {
+ top: 0;
+ bottom: 0;
+}
+.am-drawer.am-drawer-left .am-drawer-draghandle,
+.am-drawer.am-drawer-right .am-drawer-draghandle {
+ width: 10px;
+ height: 100%;
+}
+.am-drawer.am-drawer-bottom .am-drawer-draghandle,
+.am-drawer.am-drawer-bottom .am-drawer-sidebar,
+.am-drawer.am-drawer-top .am-drawer-draghandle,
+.am-drawer.am-drawer-top .am-drawer-sidebar {
+ left: 0;
+ right: 0;
+}
+.am-drawer.am-drawer-bottom .am-drawer-draghandle,
+.am-drawer.am-drawer-top .am-drawer-draghandle {
+ width: 100%;
+ height: 10px;
+}
+.am-drawer.am-drawer-left .am-drawer-sidebar {
+ left: 0;
+ -webkit-transform: translateX(-100%);
+ -ms-transform: translateX(-100%);
+ transform: translateX(-100%);
+}
+.am-drawer-open.am-drawer.am-drawer-left .am-drawer-sidebar {
+ -webkit-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.15);
+ box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.15);
+}
+.am-drawer.am-drawer-left .am-drawer-draghandle {
+ left: 0;
+}
+.am-drawer.am-drawer-right .am-drawer-sidebar {
+ right: 0;
+ -webkit-transform: translateX(100%);
+ -ms-transform: translateX(100%);
+ transform: translateX(100%);
+}
+.am-drawer-open.am-drawer.am-drawer-right .am-drawer-sidebar {
+ -webkit-box-shadow: -1px 1px 2px rgba(0, 0, 0, 0.15);
+ box-shadow: -1px 1px 2px rgba(0, 0, 0, 0.15);
+}
+.am-drawer.am-drawer-right .am-drawer-draghandle {
+ right: 0;
+}
+.am-drawer.am-drawer-top .am-drawer-sidebar {
+ top: 0;
+ -webkit-transform: translateY(-100%);
+ -ms-transform: translateY(-100%);
+ transform: translateY(-100%);
+}
+.am-drawer-open.am-drawer.am-drawer-top .am-drawer-sidebar {
+ -webkit-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.15);
+ box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.15);
+}
+.am-drawer.am-drawer-top .am-drawer-draghandle {
+ top: 0;
+}
+.am-drawer.am-drawer-bottom .am-drawer-sidebar {
+ bottom: 0;
+ -webkit-transform: translateY(100%);
+ -ms-transform: translateY(100%);
+ transform: translateY(100%);
+}
+.am-drawer-open.am-drawer.am-drawer-bottom .am-drawer-sidebar {
+ -webkit-box-shadow: 1px -1px 2px rgba(0, 0, 0, 0.15);
+ box-shadow: 1px -1px 2px rgba(0, 0, 0, 0.15);
+}
+.am-drawer.am-drawer-bottom .am-drawer-draghandle {
+ bottom: 0;
+}
+.am-flexbox {
+ text-align: left;
+ overflow: hidden;
+ display: -webkit-box;
+ display: -webkit-flex;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-align: center;
+ -webkit-align-items: center;
+ -ms-flex-align: center;
+ align-items: center;
+}
+.am-flexbox.am-flexbox-dir-row {
+ -webkit-box-orient: horizontal;
+ -webkit-box-direction: normal;
+ -webkit-flex-direction: row;
+ -ms-flex-direction: row;
+ flex-direction: row;
+}
+.am-flexbox.am-flexbox-dir-row-reverse {
+ -webkit-box-orient: horizontal;
+ -webkit-box-direction: reverse;
+ -webkit-flex-direction: row-reverse;
+ -ms-flex-direction: row-reverse;
+ flex-direction: row-reverse;
+}
+.am-flexbox.am-flexbox-dir-column {
+ -webkit-box-orient: vertical;
+ -webkit-box-direction: normal;
+ -webkit-flex-direction: column;
+ -ms-flex-direction: column;
+ flex-direction: column;
+}
+.am-flexbox.am-flexbox-dir-column .am-flexbox-item {
+ margin-left: 0;
+}
+.am-flexbox.am-flexbox-dir-column-reverse {
+ -webkit-box-orient: vertical;
+ -webkit-box-direction: reverse;
+ -webkit-flex-direction: column-reverse;
+ -ms-flex-direction: column-reverse;
+ flex-direction: column-reverse;
+}
+.am-flexbox.am-flexbox-dir-column-reverse .am-flexbox-item {
+ margin-left: 0;
+}
+.am-flexbox.am-flexbox-nowrap {
+ -webkit-flex-wrap: nowrap;
+ -ms-flex-wrap: nowrap;
+ flex-wrap: nowrap;
+}
+.am-flexbox.am-flexbox-wrap {
+ -webkit-flex-wrap: wrap;
+ -ms-flex-wrap: wrap;
+ flex-wrap: wrap;
+}
+.am-flexbox.am-flexbox-wrap-reverse {
+ -webkit-flex-wrap: wrap-reverse;
+ -ms-flex-wrap: wrap-reverse;
+ flex-wrap: wrap-reverse;
+}
+.am-flexbox.am-flexbox-justify-start {
+ -webkit-box-pack: start;
+ -webkit-justify-content: flex-start;
+ -ms-flex-pack: start;
+ justify-content: flex-start;
+}
+.am-flexbox.am-flexbox-justify-end {
+ -webkit-box-pack: end;
+ -webkit-justify-content: flex-end;
+ -ms-flex-pack: end;
+ justify-content: flex-end;
+}
+.am-flexbox.am-flexbox-justify-center {
+ -webkit-box-pack: center;
+ -webkit-justify-content: center;
+ -ms-flex-pack: center;
+ justify-content: center;
+}
+.am-flexbox.am-flexbox-justify-between {
+ -webkit-box-pack: justify;
+ -webkit-justify-content: space-between;
+ -ms-flex-pack: justify;
+ justify-content: space-between;
+}
+.am-flexbox.am-flexbox-justify-around {
+ -webkit-justify-content: space-around;
+ -ms-flex-pack: distribute;
+ justify-content: space-around;
+}
+.am-flexbox.am-flexbox-align-start {
+ -webkit-box-align: start;
+ -webkit-align-items: flex-start;
+ -ms-flex-align: start;
+ align-items: flex-start;
+}
+.am-flexbox.am-flexbox-align-end {
+ -webkit-box-align: end;
+ -webkit-align-items: flex-end;
+ -ms-flex-align: end;
+ align-items: flex-end;
+}
+.am-flexbox.am-flexbox-align-center {
+ -webkit-box-align: center;
+ -webkit-align-items: center;
+ -ms-flex-align: center;
+ align-items: center;
+}
+.am-flexbox.am-flexbox-align-stretch {
+ -webkit-box-align: stretch;
+ -webkit-align-items: stretch;
+ -ms-flex-align: stretch;
+ align-items: stretch;
+}
+.am-flexbox.am-flexbox-align-baseline {
+ -webkit-box-align: baseline;
+ -webkit-align-items: baseline;
+ -ms-flex-align: baseline;
+ align-items: baseline;
+}
+.am-flexbox.am-flexbox-align-content-start {
+ -webkit-align-content: flex-start;
+ -ms-flex-line-pack: start;
+ align-content: flex-start;
+}
+.am-flexbox.am-flexbox-align-content-end {
+ -webkit-align-content: flex-end;
+ -ms-flex-line-pack: end;
+ align-content: flex-end;
+}
+.am-flexbox.am-flexbox-align-content-center {
+ -webkit-align-content: center;
+ -ms-flex-line-pack: center;
+ align-content: center;
+}
+.am-flexbox.am-flexbox-align-content-between {
+ -webkit-align-content: space-between;
+ -ms-flex-line-pack: justify;
+ align-content: space-between;
+}
+.am-flexbox.am-flexbox-align-content-around {
+ -webkit-align-content: space-around;
+ -ms-flex-line-pack: distribute;
+ align-content: space-around;
+}
+.am-flexbox.am-flexbox-align-content-stretch {
+ -webkit-align-content: stretch;
+ -ms-flex-line-pack: stretch;
+ align-content: stretch;
+}
+.am-flexbox .am-flexbox-item {
+ -webkit-box-sizing: border-box;
+ box-sizing: border-box;
+ -webkit-box-flex: 1;
+ -webkit-flex: 1;
+ -ms-flex: 1;
+ flex: 1;
+ margin-left: 8px;
+ min-width: 10px;
+}
+.am-flexbox .am-flexbox-item:first-child {
+ margin-left: 0;
+}
+.am-grid .am-flexbox {
+ background: #fff;
+}
+.am-grid .am-flexbox .am-flexbox-item {
+ margin-left: 0;
+}
+.am-grid .am-flexbox .am-flexbox-item.am-grid-item {
+ position: relative;
+}
+.am-grid
+ .am-flexbox
+ .am-flexbox-item.am-grid-item-active
+ .am-grid-item-content {
+ background-color: #ddd;
+}
+.am-grid .am-flexbox .am-flexbox-item .am-grid-item-content {
+ text-align: center;
+ width: 100%;
+ height: 100%;
+ padding: 15px 0;
+}
+.am-grid
+ .am-flexbox
+ .am-flexbox-item
+ .am-grid-item-content
+ .am-grid-item-inner-content {
+ display: -webkit-box;
+ display: -webkit-flex;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-orient: vertical;
+ -webkit-box-direction: normal;
+ -webkit-flex-direction: column;
+ -ms-flex-direction: column;
+ flex-direction: column;
+ -webkit-box-pack: center;
+ -webkit-justify-content: center;
+ -ms-flex-pack: center;
+ justify-content: center;
+ -webkit-box-align: center;
+ -webkit-align-items: center;
+ -ms-flex-align: center;
+ align-items: center;
+}
+.am-grid
+ .am-flexbox
+ .am-flexbox-item
+ .am-grid-item-content
+ .am-grid-item-inner-content
+ .am-grid-icon {
+ max-width: 100%;
+}
+.am-grid
+ .am-flexbox
+ .am-flexbox-item
+ .am-grid-item-content
+ .am-grid-item-inner-content
+ .am-grid-text {
+ margin-top: 9px;
+ font-size: 12px;
+ color: #000;
+ text-align: center;
+}
+.am-grid
+ .am-flexbox
+ .am-flexbox-item
+ .am-grid-item-content
+ .am-grid-item-inner-content.column-num-3
+ .am-grid-text {
+ font-size: 16px;
+}
+.am-grid
+ .am-flexbox
+ .am-flexbox-item
+ .am-grid-item-content
+ .am-grid-item-inner-content.column-num-2
+ .am-grid-text {
+ margin-top: 15px;
+ font-size: 18px;
+}
+.am-grid.am-grid-line {
+ position: relative;
+}
+.am-grid.am-grid-line:not(.am-grid-carousel) {
+ border-top: 1px solid #ddd;
+ border-right: 1px solid #ddd;
+}
+@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
+ html:not([data-scale]) .am-grid.am-grid-line:not(.am-grid-carousel) {
+ border-top: none;
+ }
+ html:not([data-scale]) .am-grid.am-grid-line:not(.am-grid-carousel):before {
+ content: '';
+ position: absolute;
+ background-color: #ddd;
+ display: block;
+ z-index: 1;
+ top: 0;
+ right: auto;
+ bottom: auto;
+ left: 0;
+ width: 100%;
+ height: 1px;
+ -webkit-transform-origin: 50% 50%;
+ -ms-transform-origin: 50% 50%;
+ transform-origin: 50% 50%;
+ -webkit-transform: scaleY(0.5);
+ -ms-transform: scaleY(0.5);
+ transform: scaleY(0.5);
+ }
+}
+@media (-webkit-min-device-pixel-ratio: 2) and (-webkit-min-device-pixel-ratio: 3),
+ (min-resolution: 2dppx) and (min-resolution: 3dppx) {
+ html:not([data-scale]) .am-grid.am-grid-line:not(.am-grid-carousel):before {
+ -webkit-transform: scaleY(0.33);
+ -ms-transform: scaleY(0.33);
+ transform: scaleY(0.33);
+ }
+}
+@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
+ html:not([data-scale]) .am-grid.am-grid-line:not(.am-grid-carousel) {
+ border-right: none;
+ }
+ html:not([data-scale]) .am-grid.am-grid-line:not(.am-grid-carousel):after {
+ content: '';
+ position: absolute;
+ background-color: #ddd;
+ display: block;
+ z-index: 1;
+ top: 0;
+ right: 0;
+ bottom: auto;
+ left: auto;
+ width: 1px;
+ height: 100%;
+ background: #ddd;
+ -webkit-transform-origin: 100% 50%;
+ -ms-transform-origin: 100% 50%;
+ transform-origin: 100% 50%;
+ -webkit-transform: scaleX(0.5);
+ -ms-transform: scaleX(0.5);
+ transform: scaleX(0.5);
+ }
+}
+@media (-webkit-min-device-pixel-ratio: 2) and (-webkit-min-device-pixel-ratio: 3),
+ (min-resolution: 2dppx) and (min-resolution: 3dppx) {
+ html:not([data-scale]) .am-grid.am-grid-line:not(.am-grid-carousel):after {
+ -webkit-transform: scaleX(0.33);
+ -ms-transform: scaleX(0.33);
+ transform: scaleX(0.33);
+ }
+}
+.am-grid.am-grid-line .am-flexbox {
+ position: relative;
+ border-bottom: 1px solid #ddd;
+}
+@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
+ html:not([data-scale]) .am-grid.am-grid-line .am-flexbox {
+ border-bottom: none;
+ }
+ html:not([data-scale]) .am-grid.am-grid-line .am-flexbox:after {
+ content: '';
+ position: absolute;
+ background-color: #ddd;
+ display: block;
+ z-index: 1;
+ top: auto;
+ right: auto;
+ bottom: 0;
+ left: 0;
+ width: 100%;
+ height: 1px;
+ -webkit-transform-origin: 50% 100%;
+ -ms-transform-origin: 50% 100%;
+ transform-origin: 50% 100%;
+ -webkit-transform: scaleY(0.5);
+ -ms-transform: scaleY(0.5);
+ transform: scaleY(0.5);
+ }
+}
+@media (-webkit-min-device-pixel-ratio: 2) and (-webkit-min-device-pixel-ratio: 3),
+ (min-resolution: 2dppx) and (min-resolution: 3dppx) {
+ html:not([data-scale]) .am-grid.am-grid-line .am-flexbox:after {
+ -webkit-transform: scaleY(0.33);
+ -ms-transform: scaleY(0.33);
+ transform: scaleY(0.33);
+ }
+}
+.am-grid.am-grid-line .am-flexbox .am-flexbox-item {
+ position: relative;
+}
+.am-grid.am-grid-line .am-flexbox .am-flexbox-item:first-child {
+ border-left: 1px solid #ddd;
+}
+@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
+ html:not([data-scale])
+ .am-grid.am-grid-line
+ .am-flexbox
+ .am-flexbox-item:first-child {
+ border-left: none;
+ }
+ html:not([data-scale])
+ .am-grid.am-grid-line
+ .am-flexbox
+ .am-flexbox-item:first-child:before {
+ content: '';
+ position: absolute;
+ background-color: #ddd;
+ display: block;
+ z-index: 1;
+ top: 0;
+ right: auto;
+ bottom: auto;
+ left: 0;
+ width: 1px;
+ height: 100%;
+ -webkit-transform-origin: 100% 50%;
+ -ms-transform-origin: 100% 50%;
+ transform-origin: 100% 50%;
+ -webkit-transform: scaleX(0.5);
+ -ms-transform: scaleX(0.5);
+ transform: scaleX(0.5);
+ }
+}
+@media (-webkit-min-device-pixel-ratio: 2) and (-webkit-min-device-pixel-ratio: 3),
+ (min-resolution: 2dppx) and (min-resolution: 3dppx) {
+ html:not([data-scale])
+ .am-grid.am-grid-line
+ .am-flexbox
+ .am-flexbox-item:first-child:before {
+ -webkit-transform: scaleX(0.33);
+ -ms-transform: scaleX(0.33);
+ transform: scaleX(0.33);
+ }
+}
+.am-grid.am-grid-line .am-flexbox .am-flexbox-item:not(:last-child) {
+ border-right: 1px solid #ddd;
+}
+@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
+ html:not([data-scale])
+ .am-grid.am-grid-line
+ .am-flexbox
+ .am-flexbox-item:not(:last-child) {
+ border-right: none;
+ }
+ html:not([data-scale])
+ .am-grid.am-grid-line
+ .am-flexbox
+ .am-flexbox-item:not(:last-child):after {
+ content: '';
+ position: absolute;
+ background-color: #ddd;
+ display: block;
+ z-index: 1;
+ top: 0;
+ right: 0;
+ bottom: auto;
+ left: auto;
+ width: 1px;
+ height: 100%;
+ background: #ddd;
+ -webkit-transform-origin: 100% 50%;
+ -ms-transform-origin: 100% 50%;
+ transform-origin: 100% 50%;
+ -webkit-transform: scaleX(0.5);
+ -ms-transform: scaleX(0.5);
+ transform: scaleX(0.5);
+ }
+}
+@media (-webkit-min-device-pixel-ratio: 2) and (-webkit-min-device-pixel-ratio: 3),
+ (min-resolution: 2dppx) and (min-resolution: 3dppx) {
+ html:not([data-scale])
+ .am-grid.am-grid-line
+ .am-flexbox
+ .am-flexbox-item:not(:last-child):after {
+ -webkit-transform: scaleX(0.33);
+ -ms-transform: scaleX(0.33);
+ transform: scaleX(0.33);
+ }
+}
+.am-grid.am-grid-line.am-grid-carousel .am-grid-carousel-page {
+ border-top: 1px solid #ddd;
+ border-right: 1px solid #ddd;
+}
+@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
+ html:not([data-scale])
+ .am-grid.am-grid-line.am-grid-carousel
+ .am-grid-carousel-page {
+ border-top: none;
+ }
+ html:not([data-scale])
+ .am-grid.am-grid-line.am-grid-carousel
+ .am-grid-carousel-page:before {
+ content: '';
+ position: absolute;
+ background-color: #ddd;
+ display: block;
+ z-index: 1;
+ top: 0;
+ right: auto;
+ bottom: auto;
+ left: 0;
+ width: 100%;
+ height: 1px;
+ -webkit-transform-origin: 50% 50%;
+ -ms-transform-origin: 50% 50%;
+ transform-origin: 50% 50%;
+ -webkit-transform: scaleY(0.5);
+ -ms-transform: scaleY(0.5);
+ transform: scaleY(0.5);
+ }
+}
+@media (-webkit-min-device-pixel-ratio: 2) and (-webkit-min-device-pixel-ratio: 3),
+ (min-resolution: 2dppx) and (min-resolution: 3dppx) {
+ html:not([data-scale])
+ .am-grid.am-grid-line.am-grid-carousel
+ .am-grid-carousel-page:before {
+ -webkit-transform: scaleY(0.33);
+ -ms-transform: scaleY(0.33);
+ transform: scaleY(0.33);
+ }
+}
+@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
+ html:not([data-scale])
+ .am-grid.am-grid-line.am-grid-carousel
+ .am-grid-carousel-page {
+ border-right: none;
+ }
+ html:not([data-scale])
+ .am-grid.am-grid-line.am-grid-carousel
+ .am-grid-carousel-page:after {
+ content: '';
+ position: absolute;
+ background-color: #ddd;
+ display: block;
+ z-index: 1;
+ top: 0;
+ right: 0;
+ bottom: auto;
+ left: auto;
+ width: 1px;
+ height: 100%;
+ background: #ddd;
+ -webkit-transform-origin: 100% 50%;
+ -ms-transform-origin: 100% 50%;
+ transform-origin: 100% 50%;
+ -webkit-transform: scaleX(0.5);
+ -ms-transform: scaleX(0.5);
+ transform: scaleX(0.5);
+ }
+}
+@media (-webkit-min-device-pixel-ratio: 2) and (-webkit-min-device-pixel-ratio: 3),
+ (min-resolution: 2dppx) and (min-resolution: 3dppx) {
+ html:not([data-scale])
+ .am-grid.am-grid-line.am-grid-carousel
+ .am-grid-carousel-page:after {
+ -webkit-transform: scaleX(0.33);
+ -ms-transform: scaleX(0.33);
+ transform: scaleX(0.33);
+ }
+}
+.am-grid .am-carousel .am-carousel-wrap-dot > span {
+ background: #dcdee3;
+}
+.am-grid .am-carousel .am-carousel-wrap-dot-active > span {
+ background: #0ae;
+}
+.am-grid.am-grid-square .am-grid-item:before {
+ display: block;
+ content: ' ';
+ padding-bottom: 100%;
+}
+.am-grid.am-grid-square .am-grid-item .am-grid-item-content {
+ position: absolute;
+ top: 50%;
+ -webkit-transform: translateY(-50%);
+ -ms-transform: translateY(-50%);
+ transform: translateY(-50%);
+}
+.am-grid.am-grid-square .am-grid-item .am-grid-item-inner-content {
+ height: 100%;
+}
+.am-grid.am-grid-square
+ .am-grid-item
+ .am-grid-item-inner-content
+ .am-grid-icon {
+ margin-top: 9px;
+ width: 28% !important;
+}
+.am-image-picker-list {
+ padding: 9px 8px 0;
+ margin-bottom: 15px;
+}
+.am-image-picker-list .am-flexbox {
+ margin-bottom: 6px;
+}
+.am-image-picker-list .am-flexbox .am-flexbox-item {
+ position: relative;
+ margin-right: 5px;
+ margin-left: 0;
+}
+.am-image-picker-list .am-flexbox .am-flexbox-item:after {
+ display: block;
+ content: ' ';
+ padding-bottom: 100%;
+}
+.am-image-picker-list .am-image-picker-item {
+ position: absolute;
+ top: 50%;
+ -webkit-transform: translateY(-50%);
+ -ms-transform: translateY(-50%);
+ transform: translateY(-50%);
+ width: 100%;
+ height: 100%;
+}
+.am-image-picker-list .am-image-picker-item .am-image-picker-item-remove {
+ width: 15px;
+ height: 15px;
+ position: absolute;
+ right: 6px;
+ top: 6px;
+ text-align: right;
+ vertical-align: top;
+ z-index: 2;
+ background-size: 15px auto;
+ background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='16' viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Ccircle fill-opacity='.4' fill='%23404040' cx='8' cy='8' r='8'/%3E%3Cpath d='M11.898 4.101a.345.345 0 0 0-.488 0L8 7.511l-3.411-3.41a.345.345 0 0 0-.488.488l3.411 3.41-3.41 3.412a.345.345 0 0 0 .488.488L8 8.487l3.411 3.411a.345.345 0 0 0 .488-.488L8.488 8l3.41-3.412a.344.344 0 0 0 0-.487z' fill='%23FFF'/%3E%3C/g%3E%3C/svg%3E");
+}
+.am-image-picker-list .am-image-picker-item .am-image-picker-item-content {
+ height: 100%;
+ width: 100%;
+ border-radius: 3px;
+ background-size: cover;
+}
+.am-image-picker-list .am-image-picker-item img {
+ width: 100%;
+}
+.am-image-picker-list .am-image-picker-upload-btn {
+ -webkit-box-sizing: border-box;
+ box-sizing: border-box;
+ border-radius: 3px;
+ border: 1px solid #ddd;
+ background-color: #fff;
+}
+.am-image-picker-list .am-image-picker-upload-btn:after,
+.am-image-picker-list .am-image-picker-upload-btn:before {
+ width: 1px;
+ height: 25px;
+ content: ' ';
+ position: absolute;
+ top: 50%;
+ left: 50%;
+ -webkit-transform: translate(-50%, -50%);
+ -ms-transform: translate(-50%, -50%);
+ transform: translate(-50%, -50%);
+ background-color: #ccc;
+}
+.am-image-picker-list .am-image-picker-upload-btn:after {
+ width: 25px;
+ height: 1px;
+}
+.am-image-picker-list .am-image-picker-upload-btn-active {
+ background-color: #ddd;
+}
+.am-image-picker-list .am-image-picker-upload-btn input {
+ position: absolute;
+ top: 0;
+ left: 0;
+ bottom: 0;
+ right: 0;
+ opacity: 0;
+}
+.am-list-item .am-input-control .fake-input-container {
+ height: 30px;
+ line-height: 30px;
+ position: relative;
+}
+.am-list-item .am-input-control .fake-input-container .fake-input {
+ position: absolute;
+ top: 0;
+ left: 0;
+ width: 100%;
+ height: 100%;
+ margin-right: 5px;
+ -webkit-text-decoration: rtl;
+ text-decoration: rtl;
+ text-align: right;
+ color: #000;
+ font-size: 17px;
+ overflow: hidden;
+ text-overflow: ellipsis;
+ white-space: nowrap;
+}
+.am-list-item
+ .am-input-control
+ .fake-input-container
+ .fake-input.fake-input-disabled {
+ color: #bbb;
+}
+.am-list-item .am-input-control .fake-input-container .fake-input.focus {
+ -webkit-transition: color 0.2s;
+ transition: color 0.2s;
+}
+.am-list-item .am-input-control .fake-input-container .fake-input.focus:after {
+ content: '';
+ position: absolute;
+ right: 0;
+ top: 10%;
+ height: 80%;
+ border-right: 1.5px solid #108ee9;
+ -webkit-animation: keyboard-cursor infinite 1s step-start;
+ animation: keyboard-cursor infinite 1s step-start;
+}
+.am-list-item .am-input-control .fake-input-container .fake-input-placeholder {
+ position: absolute;
+ top: 0;
+ left: 0;
+ width: 100%;
+ height: 100%;
+ color: #bbb;
+ text-align: right;
+}
+.am-list-item .am-input-control .fake-input-container-left .fake-input {
+ text-align: left;
+}
+.am-list-item
+ .am-input-control
+ .fake-input-container-left
+ .fake-input.focus:after {
+ position: relative;
+}
+.am-list-item
+ .am-input-control
+ .fake-input-container-left
+ .fake-input-placeholder {
+ text-align: left;
+}
+.am-number-keyboard-wrapper {
+ position: fixed;
+ bottom: 0;
+ left: 0;
+ right: 0;
+ width: 100%;
+ z-index: 10000;
+ font-family: PingFang SC;
+ background-color: #f6f6f7;
+ -webkit-transition-duration: 0.2s;
+ transition-duration: 0.2s;
+ -webkit-transition-property: -webkit-transform display;
+ transition-property: -webkit-transform display;
+ transition-property: transform display;
+ transition-property: transform display, -webkit-transform display;
+ -webkit-transform: translateZ(0);
+ transform: translateZ(0);
+ padding-bottom: env(safe-area-inset-bottom);
+}
+.am-number-keyboard-wrapper.am-number-keyboard-wrapper-hide {
+ bottom: -500px;
+}
+.am-number-keyboard-wrapper table {
+ width: 100%;
+ padding: 0;
+ margin: 0;
+ border-collapse: collapse;
+ border-top: 1px solid #ddd;
+}
+@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
+ html:not([data-scale]) .am-number-keyboard-wrapper table {
+ border-top: none;
+ }
+ html:not([data-scale]) .am-number-keyboard-wrapper table:before {
+ content: '';
+ position: absolute;
+ background-color: #ddd;
+ display: block;
+ z-index: 1;
+ top: 0;
+ right: auto;
+ bottom: auto;
+ left: 0;
+ width: 100%;
+ height: 1px;
+ -webkit-transform-origin: 50% 50%;
+ -ms-transform-origin: 50% 50%;
+ transform-origin: 50% 50%;
+ -webkit-transform: scaleY(0.5);
+ -ms-transform: scaleY(0.5);
+ transform: scaleY(0.5);
+ }
+}
+@media (-webkit-min-device-pixel-ratio: 2) and (-webkit-min-device-pixel-ratio: 3),
+ (min-resolution: 2dppx) and (min-resolution: 3dppx) {
+ html:not([data-scale]) .am-number-keyboard-wrapper table:before {
+ -webkit-transform: scaleY(0.33);
+ -ms-transform: scaleY(0.33);
+ transform: scaleY(0.33);
+ }
+}
+.am-number-keyboard-wrapper table tr {
+ width: 100%;
+ padding: 0;
+ margin: 0;
+}
+.am-number-keyboard-wrapper table tr .am-number-keyboard-item {
+ width: 25%;
+ padding: 0;
+ margin: 0;
+ height: 50px;
+ text-align: center;
+ font-size: 25.5px;
+ color: #2a2b2c;
+ position: relative;
+}
+.am-number-keyboard-wrapper
+ table
+ tr
+ .am-number-keyboard-item:not(.keyboard-confirm) {
+ border-left: 1px solid #ddd;
+ border-bottom: 1px solid #ddd;
+}
+@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
+ html:not([data-scale])
+ .am-number-keyboard-wrapper
+ table
+ tr
+ .am-number-keyboard-item:not(.keyboard-confirm) {
+ border-left: none;
+ }
+ html:not([data-scale])
+ .am-number-keyboard-wrapper
+ table
+ tr
+ .am-number-keyboard-item:not(.keyboard-confirm):before {
+ content: '';
+ position: absolute;
+ background-color: #ddd;
+ display: block;
+ z-index: 1;
+ top: 0;
+ right: auto;
+ bottom: auto;
+ left: 0;
+ width: 1px;
+ height: 100%;
+ -webkit-transform-origin: 100% 50%;
+ -ms-transform-origin: 100% 50%;
+ transform-origin: 100% 50%;
+ -webkit-transform: scaleX(0.5);
+ -ms-transform: scaleX(0.5);
+ transform: scaleX(0.5);
+ }
+}
+@media (-webkit-min-device-pixel-ratio: 2) and (-webkit-min-device-pixel-ratio: 3),
+ (min-resolution: 2dppx) and (min-resolution: 3dppx) {
+ html:not([data-scale])
+ .am-number-keyboard-wrapper
+ table
+ tr
+ .am-number-keyboard-item:not(.keyboard-confirm):before {
+ -webkit-transform: scaleX(0.33);
+ -ms-transform: scaleX(0.33);
+ transform: scaleX(0.33);
+ }
+}
+@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
+ html:not([data-scale])
+ .am-number-keyboard-wrapper
+ table
+ tr
+ .am-number-keyboard-item:not(.keyboard-confirm) {
+ border-bottom: none;
+ }
+ html:not([data-scale])
+ .am-number-keyboard-wrapper
+ table
+ tr
+ .am-number-keyboard-item:not(.keyboard-confirm):after {
+ content: '';
+ position: absolute;
+ background-color: #ddd;
+ display: block;
+ z-index: 1;
+ top: auto;
+ right: auto;
+ bottom: 0;
+ left: 0;
+ width: 100%;
+ height: 1px;
+ -webkit-transform-origin: 50% 100%;
+ -ms-transform-origin: 50% 100%;
+ transform-origin: 50% 100%;
+ -webkit-transform: scaleY(0.5);
+ -ms-transform: scaleY(0.5);
+ transform: scaleY(0.5);
+ }
+}
+@media (-webkit-min-device-pixel-ratio: 2) and (-webkit-min-device-pixel-ratio: 3),
+ (min-resolution: 2dppx) and (min-resolution: 3dppx) {
+ html:not([data-scale])
+ .am-number-keyboard-wrapper
+ table
+ tr
+ .am-number-keyboard-item:not(.keyboard-confirm):after {
+ -webkit-transform: scaleY(0.33);
+ -ms-transform: scaleY(0.33);
+ transform: scaleY(0.33);
+ }
+}
+.am-number-keyboard-wrapper
+ table
+ tr
+ .am-number-keyboard-item.am-number-keyboard-item-active {
+ background-color: #ddd;
+}
+.am-number-keyboard-wrapper table tr .am-number-keyboard-item.keyboard-confirm {
+ color: #fff;
+ font-size: 21px;
+ background-color: #108ee9;
+ border-bottom: 1px solid #ddd;
+}
+@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
+ html:not([data-scale])
+ .am-number-keyboard-wrapper
+ table
+ tr
+ .am-number-keyboard-item.keyboard-confirm {
+ border-bottom: none;
+ }
+ html:not([data-scale])
+ .am-number-keyboard-wrapper
+ table
+ tr
+ .am-number-keyboard-item.keyboard-confirm:after {
+ content: '';
+ position: absolute;
+ background-color: #ddd;
+ display: block;
+ z-index: 1;
+ top: auto;
+ right: auto;
+ bottom: 0;
+ left: 0;
+ width: 100%;
+ height: 1px;
+ -webkit-transform-origin: 50% 100%;
+ -ms-transform-origin: 50% 100%;
+ transform-origin: 50% 100%;
+ -webkit-transform: scaleY(0.5);
+ -ms-transform: scaleY(0.5);
+ transform: scaleY(0.5);
+ }
+}
+@media (-webkit-min-device-pixel-ratio: 2) and (-webkit-min-device-pixel-ratio: 3),
+ (min-resolution: 2dppx) and (min-resolution: 3dppx) {
+ html:not([data-scale])
+ .am-number-keyboard-wrapper
+ table
+ tr
+ .am-number-keyboard-item.keyboard-confirm:after {
+ -webkit-transform: scaleY(0.33);
+ -ms-transform: scaleY(0.33);
+ transform: scaleY(0.33);
+ }
+}
+.am-number-keyboard-wrapper
+ table
+ tr
+ .am-number-keyboard-item.keyboard-confirm.am-number-keyboard-item-active {
+ background-color: #0e80d2;
+}
+.am-number-keyboard-wrapper
+ table
+ tr
+ .am-number-keyboard-item.keyboard-confirm.am-number-keyboard-item-disabled {
+ background-color: #0e80d2;
+ color: hsla(0, 0%, 100%, 0.45);
+}
+.am-number-keyboard-wrapper table tr .am-number-keyboard-item.keyboard-delete {
+ background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg version='1' xmlns='http://www.w3.org/2000/svg' width='204' height='148' viewBox='0 0 153.000000 111.000000'%3E%3Cpath d='M46.9 4.7c-2.5 2.6-14.1 15.5-25.8 28.6L-.1 57l25.6 27 25.7 27.1 47.4-.3 47.4-.3 3.2-3.3 3.3-3.2V7l-3.3-3.2L146 .5 98.7.2 51.5-.1l-4.6 4.8zm97.9 3.5c1.7 1.7 1.7 92.9 0 94.6-.9.9-12.6 1.2-46.3 1.2H53.4L31.2 80.4 9 56.9l5.1-5.7c2.8-3.1 12.8-14.4 22.2-24.9L53.5 7h45c33.8 0 45.4.3 46.3 1.2z'/%3E%3Cpath d='M69.5 31c-1.9 2.1-1.7 2.2 9.3 13.3L90 55.5 78.8 66.7 67.5 78l2.3 2.2 2.2 2.3 11.3-11.3L94.5 60l11.2 11.2L117 82.5l2.2-2.3 2.3-2.2-11.3-11.3L99 55.5l11.2-11.2L121.5 33l-2.3-2.2-2.2-2.3-11.3 11.3L94.5 51l-11-11c-6-6-11.2-11-11.6-11-.3 0-1.4.9-2.4 2z'/%3E%3C/svg%3E");
+ background-size: 25.5px 18.5px;
+ background-position: 50% 50%;
+ background-repeat: no-repeat;
+}
+.am-number-keyboard-wrapper table tr .am-number-keyboard-item.keyboard-hide {
+ background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg version='1' xmlns='http://www.w3.org/2000/svg' width='260' height='188' viewBox='0 0 195.000000 141.000000'%3E%3Cpath d='M0 57v57h195V0H0v57zm183 0v45H12V12h171v45z'/%3E%3Cpath d='M21 31.5V39h15V24H21v7.5zm27 0V39h15V24H48v7.5zm27 0V39h15V24H75v7.5zm27 0V39h15V24h-15v7.5zm27 0V39h15V24h-15v7.5zm27 0V39h15V24h-15v7.5zm-120 24V63h15V48H36v7.5zm27 0V63h15V48H63v7.5zm27 0V63h15V48H90v7.5zm27 0V63h15V48h-15v7.5zm27 0V63h15V48h-15v7.5zm-117 24V87h15V72H27v7.5zm21 0V87h96V72H48v7.5zm102 0V87h15V72h-15v7.5zm-69 45c0 .8.7 1.5 1.5 1.5s1.5.7 1.5 1.5.7 1.5 1.5 1.5 1.5.7 1.5 1.5.7 1.5 1.5 1.5 1.5.7 1.5 1.5.7 1.5 1.5 1.5 1.5.7 1.5 1.5.7 1.5 1.5 1.5 1.5.7 1.5 1.5.7 1.5 1.5 1.5 1.5-.7 1.5-1.5.7-1.5 1.5-1.5 1.5-.7 1.5-1.5.7-1.5 1.5-1.5 1.5-.7 1.5-1.5.7-1.5 1.5-1.5 1.5-.7 1.5-1.5.7-1.5 1.5-1.5 1.5-.7 1.5-1.5.7-1.5 1.5-1.5 1.5-.7 1.5-1.5c0-1.3-2.5-1.5-16.5-1.5s-16.5.2-16.5 1.5z'/%3E%3C/svg%3E");
+ background-size: 32.5px 23.5px;
+ background-position: 50% 50%;
+ background-repeat: no-repeat;
+}
+.am-number-keyboard-wrapper table tr .am-number-keyboard-item-disabled {
+ color: #bbb;
+}
+@-webkit-keyframes keyboard-cursor {
+ 0% {
+ opacity: 1;
+ }
+ 50% {
+ opacity: 0;
+ }
+ to {
+ opacity: 1;
+ }
+}
+@keyframes keyboard-cursor {
+ 0% {
+ opacity: 1;
+ }
+ 50% {
+ opacity: 0;
+ }
+ to {
+ opacity: 1;
+ }
+}
+.am-list-item.am-input-item {
+ height: 44px;
+ padding-left: 15px;
+}
+.am-list-item:not(:last-child) .am-list-line {
+ border-bottom: 1px solid #ddd;
+}
+@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
+ html:not([data-scale]) .am-list-item:not(:last-child) .am-list-line {
+ border-bottom: none;
+ }
+ html:not([data-scale]) .am-list-item:not(:last-child) .am-list-line:after {
+ content: '';
+ position: absolute;
+ background-color: #ddd;
+ display: block;
+ z-index: 1;
+ top: auto;
+ right: auto;
+ bottom: 0;
+ left: 0;
+ width: 100%;
+ height: 1px;
+ -webkit-transform-origin: 50% 100%;
+ -ms-transform-origin: 50% 100%;
+ transform-origin: 50% 100%;
+ -webkit-transform: scaleY(0.5);
+ -ms-transform: scaleY(0.5);
+ transform: scaleY(0.5);
+ }
+}
+@media (-webkit-min-device-pixel-ratio: 2) and (-webkit-min-device-pixel-ratio: 3),
+ (min-resolution: 2dppx) and (min-resolution: 3dppx) {
+ html:not([data-scale]) .am-list-item:not(:last-child) .am-list-line:after {
+ -webkit-transform: scaleY(0.33);
+ -ms-transform: scaleY(0.33);
+ transform: scaleY(0.33);
+ }
+}
+.am-list-item .am-input-label {
+ color: #000;
+ font-size: 17px;
+ margin-left: 0;
+ margin-right: 5px;
+ text-align: left;
+ white-space: nowrap;
+ overflow: hidden;
+ padding: 2px 0;
+}
+.am-list-item .am-input-label.am-input-label-2 {
+ width: 34px;
+}
+.am-list-item .am-input-label.am-input-label-3 {
+ width: 51px;
+}
+.am-list-item .am-input-label.am-input-label-4 {
+ width: 68px;
+}
+.am-list-item .am-input-label.am-input-label-5 {
+ width: 85px;
+}
+.am-list-item .am-input-label.am-input-label-6 {
+ width: 102px;
+}
+.am-list-item .am-input-label.am-input-label-7 {
+ width: 119px;
+}
+.am-list-item .am-input-control {
+ font-size: 17px;
+ -webkit-box-flex: 1;
+ -webkit-flex: 1;
+ -ms-flex: 1;
+ flex: 1;
+}
+.am-list-item .am-input-control input {
+ color: #000;
+ font-size: 17px;
+ -webkit-appearance: none;
+ -moz-appearance: none;
+ appearance: none;
+ width: 100%;
+ padding: 2px 0;
+ border: 0;
+ background-color: transparent;
+ line-height: 1;
+ -webkit-box-sizing: border-box;
+ box-sizing: border-box;
+}
+.am-list-item .am-input-control input::-webkit-input-placeholder {
+ color: #bbb;
+ line-height: 1.2;
+}
+.am-list-item .am-input-control input::-moz-placeholder {
+ color: #bbb;
+ line-height: 1.2;
+}
+.am-list-item .am-input-control input::-ms-input-placeholder {
+ color: #bbb;
+ line-height: 1.2;
+}
+.am-list-item .am-input-control input::placeholder {
+ color: #bbb;
+ line-height: 1.2;
+}
+.am-list-item .am-input-control input:disabled {
+ color: #bbb;
+ background-color: #fff;
+}
+.am-list-item .am-input-clear {
+ display: none;
+ width: 21px;
+ height: 21px;
+ border-radius: 50%;
+ overflow: hidden;
+ font-style: normal;
+ color: #fff;
+ background-color: #ccc;
+ background-repeat: no-repeat;
+ background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg fill='%23fff' viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z'/%3E%3Cpath d='M0 0h24v24H0z' fill='none'/%3E%3C/svg%3E");
+ background-size: 21px auto;
+ background-position: 2px 2px;
+}
+.am-list-item .am-input-clear-active {
+ background-color: #108ee9;
+}
+.am-list-item.am-input-focus .am-input-clear {
+ display: block;
+}
+.am-list-item .am-input-extra {
+ -webkit-box-flex: initial;
+ -webkit-flex: initial;
+ -ms-flex: initial;
+ flex: initial;
+ min-width: 0;
+ max-height: 21px;
+ overflow: hidden;
+ padding-right: 0;
+ line-height: 1;
+ color: #888;
+ font-size: 15px;
+ margin-left: 5px;
+}
+.am-list-item.am-input-error .am-input-control input {
+ color: #f50;
+}
+.am-list-item.am-input-error .am-input-error-extra {
+ height: 21px;
+ width: 21px;
+ margin-left: 6px;
+ background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='18' height='18' viewBox='0 0 18 18' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9 1.266a7.69 7.69 0 0 1 5.469 2.264c.71.71 1.269 1.538 1.657 2.459.404.954.608 1.967.608 3.011a7.69 7.69 0 0 1-2.264 5.469 7.694 7.694 0 0 1-2.459 1.657A7.675 7.675 0 0 1 9 16.734a7.69 7.69 0 0 1-5.469-2.264 7.694 7.694 0 0 1-1.657-2.459A7.675 7.675 0 0 1 1.266 9 7.69 7.69 0 0 1 3.53 3.531a7.694 7.694 0 0 1 2.459-1.657A7.675 7.675 0 0 1 9 1.266zM9 0a9 9 0 0 0-9 9 9 9 0 0 0 9 9 9 9 0 0 0 9-9 9 9 0 0 0-9-9zm0 11.25a.703.703 0 0 1-.703-.703V4.06a.703.703 0 1 1 1.406 0v6.486A.703.703 0 0 1 9 11.25zm-.791 1.916a.791.791 0 1 1 1.582 0 .791.791 0 0 1-1.582 0z' fill='%23F50' fill-rule='evenodd'/%3E%3C/svg%3E");
+ background-size: 21px auto;
+}
+.am-list-item.am-input-disabled .am-input-label {
+ color: #bbb;
+}
+.sr-only {
+ position: absolute;
+ width: 1px;
+ height: 1px;
+ padding: 0;
+ margin: -1px;
+ overflow: hidden;
+ clip: rect(0, 0, 0, 0);
+ white-space: nowrap;
+ border: 0;
+}
+.am-indexed-list-section-body.am-list-body,
+.am-indexed-list-section-body.am-list-body
+ .am-list-item:last-child
+ .am-list-line {
+ border-bottom: 0;
+}
+.am-indexed-list-section-body.am-list-body
+ .am-list-item:last-child
+ .am-list-line:after,
+.am-indexed-list-section-body.am-list-body:after {
+ display: none !important;
+}
+.am-indexed-list-section-header.am-list-body,
+.am-indexed-list-section-header.am-list-body .am-list-item .am-list-line {
+ border-bottom: 0;
+}
+.am-indexed-list-section-header.am-list-body .am-list-item .am-list-line:after,
+.am-indexed-list-section-header.am-list-body:after {
+ display: none !important;
+}
+.am-indexed-list-section-header .am-list-item {
+ height: 30px;
+ min-height: 30px;
+ background-color: #f5f5f9;
+}
+.am-indexed-list-section-header .am-list-item .am-list-line {
+ height: 30px;
+ min-height: 30px;
+}
+.am-indexed-list-section-header .am-list-item .am-list-content {
+ font-size: 14px !important;
+ color: #888 !important;
+}
+.am-indexed-list-quick-search-bar {
+ position: fixed;
+ top: 0;
+ right: 0;
+ z-index: 0;
+ text-align: center;
+ color: #108ee9;
+ font-size: 16px;
+ list-style: none;
+ padding: 0;
+}
+.am-indexed-list-quick-search-bar li {
+ padding: 0 5px;
+}
+.am-indexed-list-quick-search-bar-over {
+ background-color: rgba(0, 0, 0, 0.4);
+}
+.am-indexed-list-qsindicator {
+ position: absolute;
+ left: 50%;
+ top: 50%;
+ margin: -15px auto auto -30px;
+ width: 60px;
+ height: 30px;
+ background: transparent;
+ opacity: 0.7;
+ color: #0af;
+ font-size: 20px;
+ border-radius: 30px;
+ z-index: 1999;
+ text-align: center;
+ line-height: 30px;
+}
+.am-indexed-list-qsindicator-hide {
+ display: none;
+}
+.am-radio {
+ position: relative;
+ display: inline-block;
+ vertical-align: middle;
+ width: 15px;
+ height: 15px;
+}
+.am-radio-inner {
+ position: absolute;
+ right: 0;
+ width: 15px;
+ height: 15px;
+ -webkit-box-sizing: border-box;
+ box-sizing: border-box;
+ -webkit-transform: rotate(0deg);
+ -ms-transform: rotate(0deg);
+ transform: rotate(0deg);
+}
+.am-radio-inner:after {
+ position: absolute;
+ display: none;
+ top: -2.5px;
+ right: 5px;
+ z-index: 999;
+ width: 7px;
+ height: 14px;
+ border-style: solid;
+ border-width: 0 1.5px 1.5px 0;
+ content: ' ';
+ -webkit-transform: rotate(45deg);
+ -ms-transform: rotate(45deg);
+ transform: rotate(45deg);
+}
+.am-radio-input {
+ position: absolute;
+ top: 0;
+ left: 0;
+ opacity: 0;
+ width: 100%;
+ height: 100%;
+ z-index: 2;
+ border: 0 none;
+ -webkit-appearance: none;
+ -moz-appearance: none;
+ appearance: none;
+}
+.am-radio.am-radio-checked .am-radio-inner {
+ border-width: 0;
+}
+.am-radio.am-radio-checked .am-radio-inner:after {
+ display: block;
+ border-color: #108ee9;
+}
+.am-radio.am-radio-disabled.am-radio-checked .am-radio-inner:after {
+ display: block;
+ border-color: #bbb;
+}
+.am-list .am-list-item.am-radio-item .am-list-line .am-list-extra {
+ -webkit-box-flex: 0;
+ -webkit-flex: 0;
+ -ms-flex: 0;
+ flex: 0;
+}
+.am-list .am-list-item.am-radio-item .am-list-line .am-list-extra .am-radio {
+ position: absolute;
+ top: 0;
+ left: 0;
+ right: 0;
+ bottom: 0;
+ width: 100%;
+ height: 44px;
+ overflow: visible;
+}
+.am-list
+ .am-list-item.am-radio-item
+ .am-list-line
+ .am-list-extra
+ .am-radio-inner {
+ right: 15px;
+ top: 15px;
+}
+.am-list .am-list-item.am-radio-item.am-radio-item-disabled .am-list-content {
+ color: #bbb;
+}
+.am-menu {
+ background-color: #f5f5f9;
+}
+.am-menu .am-menu-select-container {
+ -webkit-box-flex: 2;
+ -webkit-flex-grow: 2;
+ -ms-flex-positive: 2;
+ flex-grow: 2;
+}
+.am-menu .am-menu-select-container .am-menu-select-container-submenu {
+ -webkit-align-self: stretch;
+ -ms-flex-item-align: stretch;
+ align-self: stretch;
+}
+.am-menu .am-multi-select-btns {
+ height: 47px;
+ width: 100%;
+}
+.am-menu .am-multi-select-btns .am-multi-select-btns-btn {
+ width: 50%;
+ height: 100%;
+ border: 1px solid #ddd;
+ border-radius: 0;
+}
+@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
+ html:not([data-scale])
+ .am-menu
+ .am-multi-select-btns
+ .am-multi-select-btns-btn {
+ position: relative;
+ border: none;
+ }
+ html:not([data-scale])
+ .am-menu
+ .am-multi-select-btns
+ .am-multi-select-btns-btn:before {
+ content: '';
+ position: absolute;
+ left: 0;
+ top: 0;
+ width: 200%;
+ height: 200%;
+ border: 1px solid #ddd;
+ border-radius: 0;
+ -webkit-transform-origin: 0 0;
+ -ms-transform-origin: 0 0;
+ transform-origin: 0 0;
+ -webkit-transform: scale(0.5);
+ -ms-transform: scale(0.5);
+ transform: scale(0.5);
+ -webkit-box-sizing: border-box;
+ box-sizing: border-box;
+ pointer-events: none;
+ }
+}
+.am-menu .am-flexbox .am-flexbox-item {
+ margin-left: 0;
+ -webkit-overflow-scrolling: touch;
+ overflow-y: scroll;
+}
+.am-menu .am-flexbox .am-flexbox-item .am-list {
+ padding: 0;
+}
+.am-menu
+ .am-flexbox
+ .am-flexbox-item
+ .am-list
+ .am-list-item
+ .am-list-line
+ .am-list-content {
+ font-size: 16px;
+}
+.am-menu
+ .am-flexbox
+ .am-flexbox-item
+ .am-list
+ .am-list-item
+ .am-list-line
+ .am-list-extra
+ .am-checkbox-wrapper
+ .am-checkbox {
+ position: absolute;
+ top: 0;
+ left: 0;
+ right: 0;
+ bottom: 0;
+ width: 100%;
+ height: 100%;
+ overflow: visible;
+}
+.am-menu
+ .am-flexbox
+ .am-flexbox-item
+ .am-list
+ .am-list-item
+ .am-list-line
+ .am-list-extra
+ .am-checkbox-wrapper
+ .am-checkbox
+ .am-checkbox-inner {
+ top: 12px;
+ right: 15px;
+}
+.am-menu .am-flexbox .am-flexbox-item:first-child {
+ background-color: #f7f7f7;
+}
+.am-menu .am-flexbox .am-flexbox-item:first-child .am-list .am-list-body {
+ background-color: #f7f7f7;
+ border-bottom: 0;
+}
+.am-menu .am-flexbox .am-flexbox-item:first-child .am-list .am-list-body:after {
+ display: none !important;
+}
+.am-menu .am-flexbox .am-flexbox-item:first-child .am-list .am-list-item {
+ background-color: #f7f7f7;
+}
+.am-menu
+ .am-flexbox
+ .am-flexbox-item:first-child
+ .am-list
+ .am-list-item
+ .am-list-line {
+ border-bottom: 0;
+}
+.am-menu
+ .am-flexbox
+ .am-flexbox-item:first-child
+ .am-list
+ .am-list-item
+ .am-list-line:after {
+ display: none !important;
+}
+.am-menu
+ .am-flexbox
+ .am-flexbox-item:first-child
+ .am-list
+ .am-list-item
+ .am-list-line
+ .am-list-content {
+ color: #000;
+}
+.am-menu
+ .am-flexbox
+ .am-flexbox-item:first-child
+ .am-list
+ .am-list-item:last-child {
+ border-bottom: 0;
+}
+.am-menu
+ .am-flexbox
+ .am-flexbox-item:first-child
+ .am-list
+ .am-list-item:last-child:after {
+ display: none !important;
+}
+.am-menu
+ .am-flexbox
+ .am-flexbox-item:first-child
+ .am-list
+ .am-list-item.am-menu-selected,
+.am-menu .am-flexbox .am-flexbox-item:last-child {
+ background-color: #fff;
+}
+.am-menu .am-flexbox .am-flexbox-item:last-child .am-list .am-list-item {
+ background-color: #fff;
+ border-bottom: 0;
+}
+.am-menu .am-flexbox .am-flexbox-item:last-child .am-list .am-list-item:after {
+ display: none !important;
+}
+.am-menu
+ .am-flexbox
+ .am-flexbox-item:last-child
+ .am-list
+ .am-list-item
+ .am-list-line
+ .am-list-extra {
+ -webkit-box-flex: 0;
+ -webkit-flex: 0;
+ -ms-flex: 0;
+ flex: 0;
+}
+.am-menu
+ .am-flexbox
+ .am-flexbox-item:last-child
+ .am-list
+ .am-list-item.am-sub-menu-item-selected
+ .am-list-line
+ .am-list-content {
+ color: #108ee9;
+}
+.am-menu
+ .am-flexbox
+ .am-flexbox-item:last-child
+ .am-list
+ .am-list-item.am-sub-menu-item-disabled
+ .am-list-line
+ .am-list-content {
+ color: #bbb;
+}
+.am-menu
+ .am-flexbox
+ .am-flexbox-item:only-child
+ .am-list
+ .am-list-item
+ .am-list-line {
+ border-bottom: 1px solid #ddd;
+}
+@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
+ html:not([data-scale])
+ .am-menu
+ .am-flexbox
+ .am-flexbox-item:only-child
+ .am-list
+ .am-list-item
+ .am-list-line {
+ border-bottom: none;
+ }
+ html:not([data-scale])
+ .am-menu
+ .am-flexbox
+ .am-flexbox-item:only-child
+ .am-list
+ .am-list-item
+ .am-list-line:after {
+ content: '';
+ position: absolute;
+ background-color: #ddd;
+ display: block;
+ z-index: 1;
+ top: auto;
+ right: auto;
+ bottom: 0;
+ left: 0;
+ width: 100%;
+ height: 1px;
+ -webkit-transform-origin: 50% 100%;
+ -ms-transform-origin: 50% 100%;
+ transform-origin: 50% 100%;
+ -webkit-transform: scaleY(0.5);
+ -ms-transform: scaleY(0.5);
+ transform: scaleY(0.5);
+ }
+}
+@media (-webkit-min-device-pixel-ratio: 2) and (-webkit-min-device-pixel-ratio: 3),
+ (min-resolution: 2dppx) and (min-resolution: 3dppx) {
+ html:not([data-scale])
+ .am-menu
+ .am-flexbox
+ .am-flexbox-item:only-child
+ .am-list
+ .am-list-item
+ .am-list-line:after {
+ -webkit-transform: scaleY(0.33);
+ -ms-transform: scaleY(0.33);
+ transform: scaleY(0.33);
+ }
+}
+.am-menu
+ .am-flexbox
+ .am-flexbox-item:only-child
+ .am-list
+ .am-list-item:last-child {
+ border-bottom: 1px solid #ddd;
+}
+@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
+ html:not([data-scale])
+ .am-menu
+ .am-flexbox
+ .am-flexbox-item:only-child
+ .am-list
+ .am-list-item:last-child {
+ border-bottom: none;
+ }
+ html:not([data-scale])
+ .am-menu
+ .am-flexbox
+ .am-flexbox-item:only-child
+ .am-list
+ .am-list-item:last-child:after {
+ content: '';
+ position: absolute;
+ background-color: #ddd;
+ display: block;
+ z-index: 1;
+ top: auto;
+ right: auto;
+ bottom: 0;
+ left: 0;
+ width: 100%;
+ height: 1px;
+ -webkit-transform-origin: 50% 100%;
+ -ms-transform-origin: 50% 100%;
+ transform-origin: 50% 100%;
+ -webkit-transform: scaleY(0.5);
+ -ms-transform: scaleY(0.5);
+ transform: scaleY(0.5);
+ }
+}
+@media (-webkit-min-device-pixel-ratio: 2) and (-webkit-min-device-pixel-ratio: 3),
+ (min-resolution: 2dppx) and (min-resolution: 3dppx) {
+ html:not([data-scale])
+ .am-menu
+ .am-flexbox
+ .am-flexbox-item:only-child
+ .am-list
+ .am-list-item:last-child:after {
+ -webkit-transform: scaleY(0.33);
+ -ms-transform: scaleY(0.33);
+ transform: scaleY(0.33);
+ }
+}
+.am-menu
+ .am-flexbox
+ .am-flexbox-item:only-child
+ .am-list
+ .am-list-item:last-child
+ .am-list-line {
+ border-bottom: 0;
+}
+.am-menu
+ .am-flexbox
+ .am-flexbox-item:only-child
+ .am-list
+ .am-list-item:last-child
+ .am-list-line:after {
+ display: none !important;
+}
+.am-modal {
+ position: relative;
+}
+.am-modal:not(.am-modal-transparent):not(.am-modal-popup) {
+ width: 100%;
+ height: 100%;
+}
+.am-modal-mask {
+ position: fixed;
+ top: 0;
+ right: 0;
+ left: 0;
+ bottom: 0;
+ height: 100%;
+ z-index: 999;
+ background-color: rgba(0, 0, 0, 0.4);
+}
+.am-modal-mask-hidden {
+ display: none;
+}
+.am-modal-wrap {
+ position: fixed;
+ overflow: auto;
+ top: 0;
+ right: 0;
+ bottom: 0;
+ left: 0;
+ height: 100%;
+ z-index: 999;
+ -webkit-overflow-scrolling: touch;
+ outline: 0;
+ display: -webkit-box;
+ display: -webkit-flex;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-align: center;
+ -webkit-align-items: center;
+ -ms-flex-align: center;
+ align-items: center;
+ -webkit-box-pack: center;
+ -webkit-justify-content: center;
+ -ms-flex-pack: center;
+ justify-content: center;
+ -webkit-transform: translateZ(1px);
+ transform: translateZ(1px);
+}
+.am-modal-wrap-popup {
+ display: block;
+}
+.am-modal-transparent {
+ width: 270px;
+}
+.am-modal-transparent .am-modal-content {
+ border-radius: 7px;
+ padding-top: 15px;
+}
+.am-modal-transparent .am-modal-content .am-modal-body {
+ padding: 0 15px 15px;
+}
+.am-modal-popup {
+ position: fixed;
+ left: 0;
+ width: 100%;
+}
+.am-modal-popup-slide-down {
+ top: 0;
+}
+.am-modal-popup-slide-up {
+ bottom: 0;
+}
+.am-modal-popup .am-modal-content {
+ padding-bottom: env(safe-area-inset-bottom);
+}
+.am-modal-title {
+ margin: 0;
+ font-size: 18px;
+ line-height: 1;
+ color: #000;
+ text-align: center;
+}
+.am-modal-header {
+ padding: 6px 15px 15px;
+}
+.am-modal-content {
+ position: relative;
+ background-color: #fff;
+ border: 0;
+ background-clip: padding-box;
+ text-align: center;
+ height: 100%;
+ overflow: hidden;
+}
+.am-modal-close {
+ border: 0;
+ padding: 0;
+ background-color: transparent;
+ outline: none;
+ position: absolute;
+ right: 15px;
+ z-index: 999;
+ height: 21px;
+ width: 21px;
+}
+.am-modal-close-x {
+ display: inline-block;
+ width: 15px;
+ height: 15px;
+ background-repeat: no-repeat;
+ background-size: cover;
+ background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='30' height='30' viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%23888' fill-rule='evenodd'%3E%3Cpath d='M1.414 0l28.284 28.284-1.414 1.414L0 1.414z'/%3E%3Cpath d='M28.284 0L0 28.284l1.414 1.414L29.698 1.414z'/%3E%3C/g%3E%3C/svg%3E");
+}
+.am-modal-body {
+ font-size: 15px;
+ color: #888;
+ height: 100%;
+ line-height: 1.5;
+ overflow: auto;
+}
+.am-modal-button-group-h {
+ position: relative;
+ border-top: 1px solid #ddd;
+ display: -webkit-box;
+ display: -webkit-flex;
+ display: -ms-flexbox;
+ display: flex;
+}
+@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
+ html:not([data-scale]) .am-modal-button-group-h {
+ border-top: none;
+ }
+ html:not([data-scale]) .am-modal-button-group-h:before {
+ content: '';
+ position: absolute;
+ background-color: #ddd;
+ display: block;
+ z-index: 1;
+ top: 0;
+ right: auto;
+ bottom: auto;
+ left: 0;
+ width: 100%;
+ height: 1px;
+ -webkit-transform-origin: 50% 50%;
+ -ms-transform-origin: 50% 50%;
+ transform-origin: 50% 50%;
+ -webkit-transform: scaleY(0.5);
+ -ms-transform: scaleY(0.5);
+ transform: scaleY(0.5);
+ }
+}
+@media (-webkit-min-device-pixel-ratio: 2) and (-webkit-min-device-pixel-ratio: 3),
+ (min-resolution: 2dppx) and (min-resolution: 3dppx) {
+ html:not([data-scale]) .am-modal-button-group-h:before {
+ -webkit-transform: scaleY(0.33);
+ -ms-transform: scaleY(0.33);
+ transform: scaleY(0.33);
+ }
+}
+.am-modal-button-group-h .am-modal-button {
+ -webkit-touch-callout: none;
+ -webkit-box-flex: 1;
+ -webkit-flex: 1;
+ -ms-flex: 1;
+ flex: 1;
+ -webkit-box-sizing: border-box;
+ box-sizing: border-box;
+ text-align: center;
+ text-decoration: none;
+ outline: none;
+ color: #108ee9;
+ font-size: 18px;
+ height: 50px;
+ line-height: 50px;
+ display: block;
+ width: auto;
+ overflow: hidden;
+ text-overflow: ellipsis;
+ white-space: nowrap;
+}
+.am-modal-button-group-h .am-modal-button:first-child {
+ color: #000;
+}
+.am-modal-button-group-h .am-modal-button:last-child {
+ position: relative;
+ border-left: 1px solid #ddd;
+}
+@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
+ html:not([data-scale])
+ .am-modal-button-group-h
+ .am-modal-button:last-child {
+ border-left: none;
+ }
+ html:not([data-scale])
+ .am-modal-button-group-h
+ .am-modal-button:last-child:before {
+ content: '';
+ position: absolute;
+ background-color: #ddd;
+ display: block;
+ z-index: 1;
+ top: 0;
+ right: auto;
+ bottom: auto;
+ left: 0;
+ width: 1px;
+ height: 100%;
+ -webkit-transform-origin: 100% 50%;
+ -ms-transform-origin: 100% 50%;
+ transform-origin: 100% 50%;
+ -webkit-transform: scaleX(0.5);
+ -ms-transform: scaleX(0.5);
+ transform: scaleX(0.5);
+ }
+}
+@media (-webkit-min-device-pixel-ratio: 2) and (-webkit-min-device-pixel-ratio: 3),
+ (min-resolution: 2dppx) and (min-resolution: 3dppx) {
+ html:not([data-scale])
+ .am-modal-button-group-h
+ .am-modal-button:last-child:before {
+ -webkit-transform: scaleX(0.33);
+ -ms-transform: scaleX(0.33);
+ transform: scaleX(0.33);
+ }
+}
+.am-modal-button-group-v .am-modal-button {
+ -webkit-touch-callout: none;
+ position: relative;
+ border-top: 1px solid #ddd;
+ -webkit-box-sizing: border-box;
+ box-sizing: border-box;
+ text-align: center;
+ text-decoration: none;
+ outline: none;
+ color: #108ee9;
+ font-size: 18px;
+ height: 50px;
+ line-height: 50px;
+ display: block;
+ width: auto;
+ overflow: hidden;
+ text-overflow: ellipsis;
+ white-space: nowrap;
+}
+@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
+ html:not([data-scale]) .am-modal-button-group-v .am-modal-button {
+ border-top: none;
+ }
+ html:not([data-scale]) .am-modal-button-group-v .am-modal-button:before {
+ content: '';
+ position: absolute;
+ background-color: #ddd;
+ display: block;
+ z-index: 1;
+ top: 0;
+ right: auto;
+ bottom: auto;
+ left: 0;
+ width: 100%;
+ height: 1px;
+ -webkit-transform-origin: 50% 50%;
+ -ms-transform-origin: 50% 50%;
+ transform-origin: 50% 50%;
+ -webkit-transform: scaleY(0.5);
+ -ms-transform: scaleY(0.5);
+ transform: scaleY(0.5);
+ }
+}
+@media (-webkit-min-device-pixel-ratio: 2) and (-webkit-min-device-pixel-ratio: 3),
+ (min-resolution: 2dppx) and (min-resolution: 3dppx) {
+ html:not([data-scale]) .am-modal-button-group-v .am-modal-button:before {
+ -webkit-transform: scaleY(0.33);
+ -ms-transform: scaleY(0.33);
+ transform: scaleY(0.33);
+ }
+}
+.am-modal-button-active {
+ background-color: #ddd;
+}
+.am-modal-input-container {
+ margin-top: 9px;
+ border: 1px solid #ddd;
+ border-radius: 3px;
+}
+@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
+ html:not([data-scale]) .am-modal-input-container {
+ position: relative;
+ border: none;
+ }
+ html:not([data-scale]) .am-modal-input-container:before {
+ content: '';
+ position: absolute;
+ left: 0;
+ top: 0;
+ width: 200%;
+ height: 200%;
+ border: 1px solid #ddd;
+ border-radius: 6px;
+ -webkit-transform-origin: 0 0;
+ -ms-transform-origin: 0 0;
+ transform-origin: 0 0;
+ -webkit-transform: scale(0.5);
+ -ms-transform: scale(0.5);
+ transform: scale(0.5);
+ -webkit-box-sizing: border-box;
+ box-sizing: border-box;
+ pointer-events: none;
+ }
+}
+.am-modal-input {
+ height: 36px;
+ line-height: 1;
+}
+.am-modal-input:nth-child(2) {
+ position: relative;
+ border-top: 1px solid #ddd;
+}
+@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
+ html:not([data-scale]) .am-modal-input:nth-child(2) {
+ border-top: none;
+ }
+ html:not([data-scale]) .am-modal-input:nth-child(2):before {
+ content: '';
+ position: absolute;
+ background-color: #ddd;
+ display: block;
+ z-index: 1;
+ top: 0;
+ right: auto;
+ bottom: auto;
+ left: 0;
+ width: 100%;
+ height: 1px;
+ -webkit-transform-origin: 50% 50%;
+ -ms-transform-origin: 50% 50%;
+ transform-origin: 50% 50%;
+ -webkit-transform: scaleY(0.5);
+ -ms-transform: scaleY(0.5);
+ transform: scaleY(0.5);
+ }
+}
+@media (-webkit-min-device-pixel-ratio: 2) and (-webkit-min-device-pixel-ratio: 3),
+ (min-resolution: 2dppx) and (min-resolution: 3dppx) {
+ html:not([data-scale]) .am-modal-input:nth-child(2):before {
+ -webkit-transform: scaleY(0.33);
+ -ms-transform: scaleY(0.33);
+ transform: scaleY(0.33);
+ }
+}
+.am-modal-input input {
+ position: relative;
+ border: 0;
+ width: 98%;
+ height: 34px;
+ top: 1px;
+ -webkit-box-sizing: border-box;
+ box-sizing: border-box;
+ margin: 0;
+}
+.am-modal-input input::-webkit-input-placeholder {
+ font-size: 14px;
+ color: #ccc;
+ padding-left: 8px;
+}
+.am-modal-input input::-moz-placeholder {
+ font-size: 14px;
+ color: #ccc;
+ padding-left: 8px;
+}
+.am-modal-input input::-ms-input-placeholder {
+ font-size: 14px;
+ color: #ccc;
+ padding-left: 8px;
+}
+.am-modal-input input::placeholder {
+ font-size: 14px;
+ color: #ccc;
+ padding-left: 8px;
+}
+.am-modal.am-modal-transparent.am-modal-android .am-modal-content {
+ border-radius: 0;
+}
+.am-modal.am-modal-transparent.am-modal-android
+ .am-modal-content
+ .am-modal-header {
+ padding: 9px 24px 12px;
+}
+.am-modal.am-modal-transparent.am-modal-android
+ .am-modal-content
+ .am-modal-header
+ .am-modal-title {
+ text-align: left;
+ font-size: 21px;
+ color: #000;
+}
+.am-modal.am-modal-transparent.am-modal-android
+ .am-modal-content
+ .am-modal-body {
+ color: #000;
+ text-align: left;
+ padding: 0 24px 15px;
+}
+.am-modal.am-modal-transparent.am-modal-android
+ .am-modal-content
+ .am-modal-body
+ .am-modal-input-container {
+ border: 0;
+ border-bottom: 1px solid #ddd;
+}
+.am-modal.am-modal-transparent.am-modal-android
+ .am-modal-content
+ .am-modal-body
+ .am-modal-input-container:before {
+ display: none !important;
+}
+@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
+ html:not([data-scale])
+ .am-modal.am-modal-transparent.am-modal-android
+ .am-modal-content
+ .am-modal-body
+ .am-modal-input-container {
+ border-bottom: none;
+ }
+ html:not([data-scale])
+ .am-modal.am-modal-transparent.am-modal-android
+ .am-modal-content
+ .am-modal-body
+ .am-modal-input-container:after {
+ content: '';
+ position: absolute;
+ background-color: #ddd;
+ display: block;
+ z-index: 1;
+ top: auto;
+ right: auto;
+ bottom: 0;
+ left: 0;
+ width: 100%;
+ height: 1px;
+ -webkit-transform-origin: 50% 100%;
+ -ms-transform-origin: 50% 100%;
+ transform-origin: 50% 100%;
+ -webkit-transform: scaleY(0.5);
+ -ms-transform: scaleY(0.5);
+ transform: scaleY(0.5);
+ }
+}
+@media (-webkit-min-device-pixel-ratio: 2) and (-webkit-min-device-pixel-ratio: 3),
+ (min-resolution: 2dppx) and (min-resolution: 3dppx) {
+ html:not([data-scale])
+ .am-modal.am-modal-transparent.am-modal-android
+ .am-modal-content
+ .am-modal-body
+ .am-modal-input-container:after {
+ -webkit-transform: scaleY(0.33);
+ -ms-transform: scaleY(0.33);
+ transform: scaleY(0.33);
+ }
+}
+.am-modal.am-modal-transparent.am-modal-android
+ .am-modal-content
+ .am-modal-body
+ .am-modal-input-container
+ .am-modal-input:first-child {
+ border-top: 0;
+}
+.am-modal.am-modal-transparent.am-modal-android
+ .am-modal-content
+ .am-modal-body
+ .am-modal-input-container
+ .am-modal-input:first-child:before {
+ display: none !important;
+}
+.am-modal.am-modal-transparent.am-modal-android
+ .am-modal-content
+ .am-modal-footer {
+ padding-bottom: 12px;
+}
+.am-modal.am-modal-transparent.am-modal-android
+ .am-modal-content
+ .am-modal-footer
+ .am-modal-button-group-h {
+ overflow: hidden;
+ border-top: 0;
+ -webkit-box-pack: end;
+ -webkit-justify-content: flex-end;
+ -ms-flex-pack: end;
+ justify-content: flex-end;
+ padding: 0 12px;
+}
+.am-modal.am-modal-transparent.am-modal-android
+ .am-modal-content
+ .am-modal-footer
+ .am-modal-button-group-h:before {
+ display: none !important;
+}
+.am-modal.am-modal-transparent.am-modal-android
+ .am-modal-content
+ .am-modal-footer
+ .am-modal-button-group-h
+ .am-modal-button {
+ -webkit-box-flex: initial;
+ -webkit-flex: initial;
+ -ms-flex: initial;
+ flex: initial;
+ margin-left: 3px;
+ padding: 0 15px;
+ height: 48px;
+ -webkit-box-sizing: border-box;
+ box-sizing: border-box;
+}
+.am-modal.am-modal-transparent.am-modal-android
+ .am-modal-content
+ .am-modal-footer
+ .am-modal-button-group-h
+ .am-modal-button:first-child {
+ color: #777;
+}
+.am-modal.am-modal-transparent.am-modal-android
+ .am-modal-content
+ .am-modal-footer
+ .am-modal-button-group-h
+ .am-modal-button:last-child {
+ border-left: 0;
+}
+.am-modal.am-modal-transparent.am-modal-android
+ .am-modal-content
+ .am-modal-footer
+ .am-modal-button-group-h
+ .am-modal-button:last-child:before {
+ display: none !important;
+}
+.am-modal.am-modal-transparent.am-modal-android
+ .am-modal-content
+ .am-modal-footer
+ .am-modal-button-group-v.am-modal-button-group-normal {
+ display: -webkit-box;
+ display: -webkit-flex;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-pack: end;
+ -webkit-justify-content: flex-end;
+ -ms-flex-pack: end;
+ justify-content: flex-end;
+ overflow: hidden;
+ padding: 0 12px;
+}
+.am-modal.am-modal-transparent.am-modal-android
+ .am-modal-content
+ .am-modal-footer
+ .am-modal-button-group-v.am-modal-button-group-normal
+ .am-modal-button {
+ border-top: 0;
+ padding: 0 15px;
+ margin-left: 3px;
+ height: 48px;
+ -webkit-box-sizing: border-box;
+ box-sizing: border-box;
+}
+.am-modal.am-modal-transparent.am-modal-android
+ .am-modal-content
+ .am-modal-footer
+ .am-modal-button-group-v.am-modal-button-group-normal
+ .am-modal-button:before {
+ display: none !important;
+}
+.am-modal.am-modal-transparent.am-modal-android
+ .am-modal-content
+ .am-modal-footer
+ .am-modal-button-group-operation
+ .am-modal-button {
+ text-align: start;
+ padding-left: 15px;
+}
+.am-modal.am-modal-operation .am-modal-content {
+ border-radius: 7px;
+ height: auto;
+ padding-top: 0;
+}
+.am-modal.am-modal-operation .am-modal-content .am-modal-body {
+ padding: 0 !important;
+}
+.am-modal.am-modal-operation .am-modal-content .am-modal-button {
+ color: #000;
+ text-align: left;
+ padding-left: 15px;
+}
+.am-modal-alert-content,
+.am-modal-propmt-content {
+ zoom: 1;
+ overflow: hidden;
+}
+.am-navbar {
+ -ms-flex-align: center;
+ height: 45px;
+ background-color: #108ee9;
+ color: #fff;
+}
+.am-navbar,
+.am-navbar-left,
+.am-navbar-right,
+.am-navbar-title {
+ display: -webkit-box;
+ display: -webkit-flex;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-align: center;
+ -webkit-align-items: center;
+ align-items: center;
+}
+.am-navbar-left,
+.am-navbar-right,
+.am-navbar-title {
+ -webkit-box-flex: 1;
+ -webkit-flex: 1;
+ -ms-flex: 1;
+ flex: 1;
+ height: 100%;
+ -ms-flex-align: center;
+}
+.am-navbar-left {
+ padding-left: 15px;
+ font-size: 16px;
+}
+.am-navbar-left-icon {
+ margin-right: 5px;
+ display: inherit;
+}
+.am-navbar-title {
+ -webkit-box-pack: center;
+ -webkit-justify-content: center;
+ -ms-flex-pack: center;
+ justify-content: center;
+ font-size: 18px;
+ white-space: nowrap;
+}
+.am-navbar-right {
+ -webkit-box-pack: end;
+ -webkit-justify-content: flex-end;
+ -ms-flex-pack: end;
+ justify-content: flex-end;
+ font-size: 16px;
+ margin-right: 15px;
+}
+.am-navbar-light {
+ background-color: #fff;
+ color: #108ee9;
+}
+.am-navbar-light .am-navbar-title {
+ color: #000;
+}
+.am-notice-bar {
+ background-color: #fefcec;
+ height: 36px;
+ overflow: hidden;
+ font-size: 14px;
+ line-height: 36px;
+ color: #f76a24;
+ display: -webkit-box;
+ display: -webkit-flex;
+ display: -ms-flexbox;
+ display: flex;
+}
+.am-notice-bar-content {
+ -webkit-box-flex: 1;
+ -webkit-flex: 1;
+ -ms-flex: 1;
+ flex: 1;
+ width: 100%;
+ margin: auto 15px;
+ width: auto;
+ overflow: hidden;
+ text-overflow: ellipsis;
+ white-space: nowrap;
+}
+.am-notice-bar-icon {
+ margin-left: 15px;
+ display: -webkit-box;
+ display: -webkit-flex;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-align: center;
+ -webkit-align-items: center;
+ -ms-flex-align: center;
+ align-items: center;
+}
+.am-notice-bar-icon .am-notice-bar-trips {
+ background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='38' height='33' viewBox='0 0 38 33' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle%3Etrips%3C/title%3E%3Cg fill-rule='evenodd'%3E%3Cpath d='M17.838 28.8c-.564-.468-1.192-.983-1.836-1.496-4.244-3.385-5.294-3.67-6.006-3.67-.014 0-.027.005-.04.005-.015 0-.028-.005-.042-.005H3.562c-.734 0-.903-.203-.903-.928V10.085c0-.49.058-.8.66-.8h5.782c.693 0 1.758-.28 6.4-3.628.828-.597 1.637-1.197 2.336-1.723V28.8zM19.682.19a1.36 1.36 0 0 0-1.417.157c-.02.016-1.983 1.552-4.152 3.125C10.34 6.21 9.243 6.664 9.02 6.737H3.676c-.027 0-.053.003-.08.004H1.183c-.608 0-1.1.486-1.1 1.085V25.14c0 .598.492 1.084 1.1 1.084h8.71c.22.08 1.257.55 4.605 3.24 1.947 1.562 3.694 3.088 3.712 3.103a1.362 1.362 0 0 0 1.44.217c.48-.213.79-.684.79-1.204V1.38c0-.506-.294-.968-.758-1.19z' mask='url(%23mask-2)'/%3E%3Cpath d='M31.42 16.475c0-3.363-1.854-6.297-4.606-7.876-.125-.066-.42-.192-.625-.192a1.1 1.1 0 0 0-1.108 1.09c0 .404.22.764.55.952 2.128 1.19 3.565 3.442 3.565 6.025 0 2.627-1.486 4.913-3.677 6.087-.318.19-.53.54-.53.934 0 .602.496 1.09 1.107 1.09.26.002.568-.15.568-.15 2.835-1.556 4.754-4.538 4.754-7.96' mask='url(%23mask-4)'/%3E%3Cpath d='M30.14 3.057c-.205-.122-.41-.22-.658-.22-.608 0-1.1.485-1.1 1.084 0 .433.26.78.627.977 4.043 2.323 6.762 6.636 6.762 11.578 0 4.938-2.716 9.248-6.755 11.572-.354.19-.66.55-.66.993 0 .6.494 1.084 1.102 1.084.243 0 .438-.092.65-.213 4.692-2.695 7.848-7.7 7.848-13.435 0-5.723-3.142-10.718-7.817-13.418' mask='url(%23mask-6)'/%3E%3C/g%3E%3C/svg%3E");
+}
+.am-notice-bar-icon + div {
+ margin-left: 5px;
+}
+.am-notice-bar-operation {
+ display: -webkit-box;
+ display: -webkit-flex;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-align: center;
+ -webkit-align-items: center;
+ -ms-flex-align: center;
+ align-items: center;
+ padding-right: 8px;
+}
+.am-pagination-wrap {
+ font-size: 18px;
+ color: #000;
+ background: none;
+ text-align: center;
+}
+.am-pagination-wrap .active {
+ color: #108ee9;
+}
+.am-pagination-wrap-btn {
+ text-align: center;
+}
+.am-pagination-wrap-btn-prev {
+ text-align: left;
+}
+.am-pagination-wrap-btn-next {
+ text-align: right;
+}
+.am-pagination-wrap-dot {
+ display: inline-block;
+ zoom: 1;
+}
+.am-pagination-wrap-dot > span {
+ display: block;
+ width: 8px;
+ height: 8px;
+ margin-right: 5px;
+ border-radius: 50%;
+ background: #ccc;
+}
+.am-pagination-wrap-dot-active > span {
+ background: #888;
+}
+.am-popover {
+ position: absolute;
+ z-index: 1999;
+}
+.am-popover-hidden {
+ display: none;
+}
+.am-popover-mask {
+ position: fixed;
+ top: 0;
+ right: 0;
+ left: 0;
+ bottom: 0;
+ background-color: rgba(0, 0, 0, 0.4);
+ height: 100%;
+ z-index: 999;
+}
+.am-popover-mask-hidden {
+ display: none;
+}
+.am-popover-arrow {
+ position: absolute;
+ width: 7px;
+ height: 7px;
+ border-radius: 1px;
+ background-color: #fff;
+ -webkit-transform: rotate(45deg);
+ -ms-transform: rotate(45deg);
+ transform: rotate(45deg);
+ z-index: 0;
+ -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.21);
+ box-shadow: 0 0 2px rgba(0, 0, 0, 0.21);
+}
+.am-popover-placement-top .am-popover-arrow,
+.am-popover-placement-topLeft .am-popover-arrow,
+.am-popover-placement-topRight .am-popover-arrow {
+ -webkit-transform: rotate(225deg);
+ -ms-transform: rotate(225deg);
+ transform: rotate(225deg);
+ bottom: -3.5px;
+}
+.am-popover-placement-top .am-popover-arrow {
+ left: 50%;
+}
+.am-popover-placement-topLeft .am-popover-arrow {
+ left: 8px;
+}
+.am-popover-placement-topRight .am-popover-arrow {
+ right: 8px;
+}
+.am-popover-placement-right .am-popover-arrow,
+.am-popover-placement-rightBottom .am-popover-arrow,
+.am-popover-placement-rightTop .am-popover-arrow {
+ -webkit-transform: rotate(-45deg);
+ -ms-transform: rotate(-45deg);
+ transform: rotate(-45deg);
+ left: -3.5px;
+}
+.am-popover-placement-right .am-popover-arrow {
+ top: 50%;
+}
+.am-popover-placement-rightTop .am-popover-arrow {
+ top: 8px;
+}
+.am-popover-placement-rightBottom .am-popover-arrow {
+ bottom: 8px;
+}
+.am-popover-placement-left .am-popover-arrow,
+.am-popover-placement-leftBottom .am-popover-arrow,
+.am-popover-placement-leftTop .am-popover-arrow {
+ -webkit-transform: rotate(135deg);
+ -ms-transform: rotate(135deg);
+ transform: rotate(135deg);
+ right: -3.5px;
+}
+.am-popover-placement-left .am-popover-arrow {
+ top: 50%;
+}
+.am-popover-placement-leftTop .am-popover-arrow {
+ top: 8px;
+}
+.am-popover-placement-leftBottom .am-popover-arrow {
+ bottom: 8px;
+}
+.am-popover-placement-bottom .am-popover-arrow,
+.am-popover-placement-bottomLeft .am-popover-arrow,
+.am-popover-placement-bottomRight .am-popover-arrow {
+ top: -3.5px;
+}
+.am-popover-placement-bottom .am-popover-arrow {
+ left: 50%;
+}
+.am-popover-placement-bottomLeft .am-popover-arrow {
+ left: 8px;
+}
+.am-popover-placement-bottomRight .am-popover-arrow {
+ right: 8px;
+}
+.am-popover-inner {
+ font-size: 15px;
+ color: #000;
+ background-color: #fff;
+ border-radius: 3px;
+ -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.21);
+ box-shadow: 0 0 2px rgba(0, 0, 0, 0.21);
+ overflow: hidden;
+}
+.am-popover-inner-wrapper {
+ position: relative;
+ background-color: #fff;
+}
+.am-popover .am-popover-item {
+ padding: 0 8px;
+}
+.am-popover .am-popover-item-container {
+ position: relative;
+ display: -webkit-box;
+ display: -webkit-flex;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-align: center;
+ -webkit-align-items: center;
+ -ms-flex-align: center;
+ align-items: center;
+ height: 39px;
+ -webkit-box-sizing: border-box;
+ box-sizing: border-box;
+ padding: 0 8px;
+}
+.am-popover .am-popover-item:not(:first-child) .am-popover-item-container {
+ border-top: 1px solid #ddd;
+}
+@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
+ html:not([data-scale])
+ .am-popover
+ .am-popover-item:not(:first-child)
+ .am-popover-item-container {
+ border-top: none;
+ }
+ html:not([data-scale])
+ .am-popover
+ .am-popover-item:not(:first-child)
+ .am-popover-item-container:before {
+ content: '';
+ position: absolute;
+ background-color: #ddd;
+ display: block;
+ z-index: 1;
+ top: 0;
+ right: auto;
+ bottom: auto;
+ left: 0;
+ width: 100%;
+ height: 1px;
+ -webkit-transform-origin: 50% 50%;
+ -ms-transform-origin: 50% 50%;
+ transform-origin: 50% 50%;
+ -webkit-transform: scaleY(0.5);
+ -ms-transform: scaleY(0.5);
+ transform: scaleY(0.5);
+ }
+}
+@media (-webkit-min-device-pixel-ratio: 2) and (-webkit-min-device-pixel-ratio: 3),
+ (min-resolution: 2dppx) and (min-resolution: 3dppx) {
+ html:not([data-scale])
+ .am-popover
+ .am-popover-item:not(:first-child)
+ .am-popover-item-container:before {
+ -webkit-transform: scaleY(0.33);
+ -ms-transform: scaleY(0.33);
+ transform: scaleY(0.33);
+ }
+}
+.am-popover .am-popover-item.am-popover-item-active .am-popover-item-container {
+ border-top: 0;
+}
+.am-popover
+ .am-popover-item.am-popover-item-active
+ .am-popover-item-container:before {
+ display: none !important;
+}
+.am-popover
+ .am-popover-item.am-popover-item-active
+ + .am-popover-item
+ .am-popover-item-container {
+ border-top: 0;
+}
+.am-popover
+ .am-popover-item.am-popover-item-active
+ + .am-popover-item
+ .am-popover-item-container:before {
+ display: none !important;
+}
+.am-popover .am-popover-item.am-popover-item-active {
+ background-color: #ddd;
+}
+.am-popover
+ .am-popover-item.am-popover-item-active.am-popover-item-fix-active-arrow {
+ position: relative;
+}
+.am-popover .am-popover-item.am-popover-item-disabled {
+ color: #bbb;
+}
+.am-popover .am-popover-item.am-popover-item-disabled.am-popover-item-active {
+ background-color: transparent;
+}
+.am-popover .am-popover-item-icon {
+ margin-right: 8px;
+ width: 18px;
+ height: 18px;
+}
+.am-progress-outer {
+ background-color: #ddd;
+ display: block;
+}
+.am-progress-fixed-outer {
+ position: fixed;
+ width: 100%;
+ top: 0;
+ left: 0;
+ z-index: 2000;
+}
+.am-progress-hide-outer {
+ background-color: transparent;
+}
+.am-progress-bar {
+ border: 2px solid #108ee9;
+ -webkit-transition: all 0.3s linear 0s;
+ transition: all 0.3s linear 0s;
+}
+.am-pull-to-refresh-content {
+ -webkit-transform-origin: left top 0;
+ -ms-transform-origin: left top 0;
+ transform-origin: left top 0;
+}
+.am-pull-to-refresh-content-wrapper {
+ overflow: hidden;
+}
+.am-pull-to-refresh-transition {
+ -webkit-transition: -webkit-transform 0.3s;
+ transition: -webkit-transform 0.3s;
+ transition: transform 0.3s;
+ transition: transform 0.3s, -webkit-transform 0.3s;
+}
+.am-pull-to-refresh-indicator {
+ color: grey;
+ text-align: center;
+ height: 25px;
+}
+.am-pull-to-refresh-down .am-pull-to-refresh-indicator {
+ margin-top: -25px;
+}
+.am-pull-to-refresh-up .am-pull-to-refresh-indicator {
+ margin-bottom: -25px;
+}
+.am-slider {
+ position: relative;
+}
+.am-slider-rail {
+ position: absolute;
+ width: 100%;
+ background-color: #ddd;
+ height: 2px;
+ -webkit-box-sizing: border-box;
+ box-sizing: border-box;
+}
+.am-slider-track {
+ position: absolute;
+ left: 0;
+ height: 2px;
+ border-radius: 2px;
+ background-color: #108ee9;
+}
+.am-slider-handle {
+ position: absolute;
+ margin-left: -12px;
+ margin-top: -10px;
+ width: 22px;
+ height: 22px;
+ cursor: pointer;
+ border-radius: 50%;
+ border: 2px solid #108ee9;
+ background-color: #fff;
+ -webkit-box-sizing: border-box;
+ box-sizing: border-box;
+}
+.am-slider-handle:focus {
+ background-color: #40a5ed;
+}
+.am-slider-mark {
+ position: absolute;
+ top: 20px;
+ left: 0;
+ width: 100%;
+ font-size: 12px;
+}
+.am-slider-mark-text {
+ position: absolute;
+ display: inline-block;
+ vertical-align: middle;
+ text-align: center;
+ cursor: pointer;
+ color: #000;
+}
+.am-slider-mark-text-active {
+ opacity: 0.3;
+}
+.am-slider-step {
+ position: absolute;
+ width: 100%;
+ height: 4px;
+ background: transparent;
+}
+.am-slider-dot {
+ position: absolute;
+ bottom: -5px;
+ width: 12px;
+ height: 12px;
+ border: 2px solid #ddd;
+ background-color: #fff;
+ cursor: pointer;
+ border-radius: 50%;
+ vertical-align: middle;
+}
+.am-slider-dot,
+.am-slider-dot:first-child,
+.am-slider-dot:last-child {
+ margin-left: -4px;
+}
+.am-slider-dot-active {
+ border-color: #108ee9;
+}
+.am-slider-disabled {
+ opacity: 0.3;
+}
+.am-slider-disabled .am-slider-track {
+ height: 2px;
+}
+.am-slider-disabled .am-slider-dot,
+.am-slider-disabled .am-slider-handle,
+.am-slider-disabled .am-slider-mark-text {
+ cursor: not-allowed;
+ -webkit-box-shadow: none;
+ box-shadow: none;
+}
+.am-result {
+ position: relative;
+ text-align: center;
+ width: 100%;
+ padding-top: 30px;
+ padding-bottom: 21px;
+ background-color: #fff;
+ border-bottom: 1px solid #ddd;
+}
+@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
+ html:not([data-scale]) .am-result {
+ border-bottom: none;
+ }
+ html:not([data-scale]) .am-result:after {
+ content: '';
+ position: absolute;
+ background-color: #ddd;
+ display: block;
+ z-index: 1;
+ top: auto;
+ right: auto;
+ bottom: 0;
+ left: 0;
+ width: 100%;
+ height: 1px;
+ -webkit-transform-origin: 50% 100%;
+ -ms-transform-origin: 50% 100%;
+ transform-origin: 50% 100%;
+ -webkit-transform: scaleY(0.5);
+ -ms-transform: scaleY(0.5);
+ transform: scaleY(0.5);
+ }
+}
+@media (-webkit-min-device-pixel-ratio: 2) and (-webkit-min-device-pixel-ratio: 3),
+ (min-resolution: 2dppx) and (min-resolution: 3dppx) {
+ html:not([data-scale]) .am-result:after {
+ -webkit-transform: scaleY(0.33);
+ -ms-transform: scaleY(0.33);
+ transform: scaleY(0.33);
+ }
+}
+.am-result .am-result-pic {
+ width: 60px;
+ height: 60px;
+ margin: 0 auto;
+ line-height: 60px;
+ background-size: 60px 60px;
+}
+.am-result .am-result-message,
+.am-result .am-result-title {
+ font-size: 21px;
+ color: #000;
+ padding-left: 15px;
+ padding-right: 15px;
+}
+.am-result .am-result-title {
+ margin-top: 15px;
+ line-height: 1;
+}
+.am-result .am-result-message {
+ margin-top: 9px;
+ line-height: 1.5;
+ font-size: 16px;
+ color: #888;
+}
+.am-result .am-result-button {
+ padding: 0 15px;
+ margin-top: 15px;
+}
+.am-search {
+ display: -webkit-box;
+ display: -webkit-flex;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-align: center;
+ -webkit-align-items: center;
+ -ms-flex-align: center;
+ align-items: center;
+ height: 44px;
+ padding: 0 8px;
+ background-color: #efeff4;
+}
+.am-search,
+.am-search-input {
+ position: relative;
+ overflow: hidden;
+}
+.am-search-input {
+ -webkit-box-flex: 1;
+ -webkit-flex: 1;
+ -ms-flex: 1;
+ flex: 1;
+ width: 100%;
+ height: 28px;
+ background-color: #fff;
+ background-clip: padding-box;
+ border-radius: 3px;
+}
+.am-search-input .am-search-synthetic-ph,
+.am-search-input input[type='search'] {
+ position: absolute;
+ top: 0;
+ left: 0;
+}
+.am-search-input .am-search-synthetic-ph {
+ -webkit-box-sizing: content-box;
+ box-sizing: content-box;
+ z-index: 1;
+ height: 28px;
+ line-height: 28px;
+ width: 100%;
+ -webkit-transition: width 0.3s;
+ transition: width 0.3s;
+ display: block;
+ text-align: center;
+}
+.am-search-input .am-search-synthetic-ph-icon {
+ display: inline-block;
+ margin-right: 5px;
+ width: 15px;
+ height: 15px;
+ overflow: hidden;
+ vertical-align: -2.5px;
+ background-repeat: no-repeat;
+ background-size: 15px auto;
+ background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='38' height='36' viewBox='0 0 38 36' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M29.05 25.23a15.81 15.81 0 0 0 3.004-9.294c0-8.8-7.17-15.934-16.017-15.934C7.192.002.02 7.136.02 15.936c0 8.802 7.172 15.937 16.017 15.937a16 16 0 0 0 10.772-4.143l8.873 8.232 2.296-2.45-8.927-8.282zM16.2 28.933c-7.19 0-13.04-5.788-13.04-12.903 0-7.113 5.85-12.904 13.04-12.904 7.19 0 12.9 5.79 12.9 12.904 0 7.115-5.71 12.903-12.9 12.903z' fill='%23bbb' fill-rule='evenodd'/%3E%3C/svg%3E");
+}
+.am-search-input .am-search-synthetic-ph-placeholder {
+ color: #bbb;
+ font-size: 15px;
+}
+.am-search-input input[type='search'] {
+ z-index: 2;
+ opacity: 0;
+ width: 100%;
+ text-align: left;
+ display: block;
+ color: #000;
+ height: 28px;
+ font-size: 15px;
+ background-color: transparent;
+ border: 0;
+}
+.am-search-input input[type='search']::-webkit-input-placeholder {
+ background: none;
+ text-align: left;
+ color: transparent;
+}
+.am-search-input input[type='search']::-moz-placeholder {
+ background: none;
+ text-align: left;
+ color: transparent;
+}
+.am-search-input input[type='search']::-ms-input-placeholder {
+ background: none;
+ text-align: left;
+ color: transparent;
+}
+.am-search-input input[type='search']::placeholder {
+ background: none;
+ text-align: left;
+ color: transparent;
+}
+.am-search-input input[type='search']::-webkit-search-cancel-button {
+ -webkit-appearance: none;
+}
+.am-search-input .am-search-clear {
+ -webkit-box-sizing: content-box;
+ box-sizing: content-box;
+ position: absolute;
+ display: none;
+ z-index: 3;
+ width: 15px;
+ height: 15px;
+ padding: 6.5px;
+ border-radius: 50%;
+ top: 0;
+ right: 0;
+ background-color: transparent;
+ background-position: 50%;
+ background-repeat: no-repeat;
+ background-size: 15px 15px;
+ -webkit-transition: all 0.3s;
+ transition: all 0.3s;
+ background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 28 28'%3E%3Ccircle cx='14' cy='14' r='14' fill='%23ccc'/%3E%3Cpath stroke='%23fff' stroke-width='2' stroke-miterlimit='10' d='M8 8l12 12'/%3E%3Cpath fill='none' stroke='%23fff' stroke-width='2' stroke-miterlimit='10' d='M20 8L8 20'/%3E%3C/svg%3E");
+}
+.am-search-input .am-search-clear-active {
+ background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 28 28'%3E%3Ccircle cx='14' cy='14' r='14' fill='%23108ee9'/%3E%3Cpath stroke='%23fff' stroke-width='2' stroke-miterlimit='10' d='M8 8l12 12'/%3E%3Cpath fill='none' stroke='%23fff' stroke-width='2' stroke-miterlimit='10' d='M20 8L8 20'/%3E%3C/svg%3E");
+}
+.am-search-input .am-search-clear-show {
+ display: block;
+}
+.am-search-cancel {
+ -webkit-box-flex: 0;
+ -webkit-flex: none;
+ -ms-flex: none;
+ flex: none;
+ opacity: 0;
+ padding-left: 8px;
+ height: 44px;
+ line-height: 44px;
+ font-size: 16px;
+ color: #108ee9;
+ text-align: right;
+}
+.am-search-cancel-anim {
+ -webkit-transition: margin-right 0.3s, opacity 0.3s;
+ transition: margin-right 0.3s, opacity 0.3s;
+ -webkit-transition-delay: 0.1s;
+ transition-delay: 0.1s;
+}
+.am-search-cancel-show {
+ opacity: 1;
+}
+.am-search.am-search-start .am-search-input input[type='search'] {
+ opacity: 1;
+ padding: 0 28px 0 35px;
+}
+.am-search.am-search-start
+ .am-search-input
+ input[type='search']::-webkit-input-placeholder {
+ color: transparent;
+}
+.am-search.am-search-start
+ .am-search-input
+ input[type='search']::-moz-placeholder {
+ color: transparent;
+}
+.am-search.am-search-start
+ .am-search-input
+ input[type='search']::-ms-input-placeholder {
+ color: transparent;
+}
+.am-search.am-search-start .am-search-input input[type='search']::placeholder {
+ color: transparent;
+}
+.am-search.am-search-start .am-search-input .am-search-synthetic-ph {
+ padding-left: 15px;
+ width: auto;
+}
+.am-segment {
+ display: -webkit-box;
+ display: -webkit-flex;
+ display: -ms-flexbox;
+ display: flex;
+ border-radius: 5px;
+ overflow: hidden;
+ min-height: 27px;
+ opacity: 1;
+}
+.am-segment.am-segment-disabled {
+ opacity: 0.5;
+}
+.am-segment-item {
+ display: -webkit-box;
+ display: -webkit-flex;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-flex: 1;
+ -webkit-flex: 1;
+ -ms-flex: 1;
+ flex: 1;
+ -webkit-box-pack: center;
+ -webkit-justify-content: center;
+ -ms-flex-pack: center;
+ justify-content: center;
+ -webkit-box-align: center;
+ -webkit-align-items: center;
+ -ms-flex-align: center;
+ align-items: center;
+ color: #108ee9;
+ font-size: 14px;
+ line-height: 1;
+ -webkit-transition: background 0.2s;
+ transition: background 0.2s;
+ position: relative;
+ border: 1px solid #108ee9;
+ width: 100%;
+ -webkit-box-sizing: border-box;
+ box-sizing: border-box;
+ border-left-width: 0;
+}
+.am-segment-item-tintcolor {
+ border-color: #108ee9;
+}
+.am-segment-item:first-child {
+ border-left-width: 1px;
+ border-radius: 5px 0 0 5px;
+}
+.am-segment-item:last-child {
+ border-radius: 0 5px 5px 0;
+}
+.am-segment-item-selected {
+ background: #108ee9;
+ color: #fff;
+}
+.am-segment-item-active .am-segment-item-inner {
+ position: absolute;
+ top: 0;
+ left: 0;
+ height: 100%;
+ width: 100%;
+ opacity: 0.1;
+ -webkit-transition: background 0.2s;
+ transition: background 0.2s;
+ background-color: #108ee9;
+}
+.am-slider {
+ position: relative;
+}
+.am-slider-rail {
+ position: absolute;
+ width: 100%;
+ background-color: #ddd;
+ height: 2px;
+ -webkit-box-sizing: border-box;
+ box-sizing: border-box;
+}
+.am-slider-track {
+ position: absolute;
+ left: 0;
+ height: 2px;
+ border-radius: 2px;
+ background-color: #108ee9;
+}
+.am-slider-handle {
+ position: absolute;
+ margin-left: -12px;
+ margin-top: -10px;
+ width: 22px;
+ height: 22px;
+ cursor: pointer;
+ border-radius: 50%;
+ border: 2px solid #108ee9;
+ background-color: #fff;
+ -webkit-box-sizing: border-box;
+ box-sizing: border-box;
+}
+.am-slider-handle:focus {
+ background-color: #40a5ed;
+}
+.am-slider-mark {
+ position: absolute;
+ top: 20px;
+ left: 0;
+ width: 100%;
+ font-size: 12px;
+}
+.am-slider-mark-text {
+ position: absolute;
+ display: inline-block;
+ vertical-align: middle;
+ text-align: center;
+ cursor: pointer;
+ color: #000;
+}
+.am-slider-mark-text-active {
+ opacity: 0.3;
+}
+.am-slider-step {
+ position: absolute;
+ width: 100%;
+ height: 4px;
+ background: transparent;
+}
+.am-slider-dot {
+ position: absolute;
+ bottom: -5px;
+ width: 12px;
+ height: 12px;
+ border: 2px solid #ddd;
+ background-color: #fff;
+ cursor: pointer;
+ border-radius: 50%;
+ vertical-align: middle;
+}
+.am-slider-dot,
+.am-slider-dot:first-child,
+.am-slider-dot:last-child {
+ margin-left: -4px;
+}
+.am-slider-dot-active {
+ border-color: #108ee9;
+}
+.am-slider-disabled {
+ opacity: 0.3;
+}
+.am-slider-disabled .am-slider-track {
+ height: 2px;
+}
+.am-slider-disabled .am-slider-dot,
+.am-slider-disabled .am-slider-handle,
+.am-slider-disabled .am-slider-mark-text {
+ cursor: not-allowed;
+ -webkit-box-shadow: none;
+ box-shadow: none;
+}
+.am-stepper {
+ position: relative;
+ margin: 0;
+ padding: 2px 0;
+ display: inline-block;
+ -webkit-box-sizing: content-box;
+ box-sizing: content-box;
+ width: 63px;
+ height: 35px;
+ line-height: 35px;
+ font-size: 14px;
+ vertical-align: middle;
+ overflow: hidden;
+}
+.am-stepper-handler-wrap {
+ position: absolute;
+ width: 100%;
+ font-size: 24px;
+}
+.am-stepper-handler,
+.am-stepper-handler-down-inner,
+.am-stepper-handler-up-inner {
+ width: 30px;
+ height: 30px;
+ line-height: 30px;
+}
+.am-stepper-handler {
+ text-align: center;
+ border: 1px solid #ddd;
+ border-radius: 5px;
+ overflow: hidden;
+ color: #000;
+ position: absolute;
+ display: inline-block;
+ -webkit-box-sizing: content-box;
+ box-sizing: content-box;
+}
+.am-stepper-handler-active {
+ z-index: 2;
+ background-color: #ddd;
+}
+.am-stepper-handler-down-inner,
+.am-stepper-handler-up-inner {
+ -webkit-user-select: none;
+ -moz-user-select: none;
+ -ms-user-select: none;
+ user-select: none;
+ right: 2px;
+ color: #000;
+}
+.am-stepper-input-wrap {
+ display: none;
+ width: 100%;
+ height: 30px;
+ line-height: 30px;
+ text-align: center;
+ overflow: hidden;
+}
+.am-stepper-input {
+ display: none;
+ width: 60px;
+ font-size: 16px;
+ color: #000;
+ text-align: center;
+ border: 0;
+ padding: 0;
+ background: none;
+ vertical-align: middle;
+}
+.am-stepper-input[disabled] {
+ opacity: 1;
+ color: #000;
+}
+.am-stepper.showNumber {
+ width: 138px;
+}
+.am-stepper.showNumber .am-stepper-input,
+.am-stepper.showNumber .am-stepper-input-wrap {
+ display: inline-block;
+}
+.am-stepper.showNumber .am-stepper-handler-down-disabled {
+ right: -1px;
+}
+.am-stepper-handler-up {
+ cursor: pointer;
+ right: 0;
+}
+.am-stepper-handler-up-inner:before {
+ text-align: center;
+ content: '+';
+}
+.am-stepper-handler-down {
+ cursor: pointer;
+ left: 0;
+}
+.am-stepper-handler-down-inner:before {
+ text-align: center;
+ content: '-';
+}
+.am-stepper-handler-down-disabled,
+.am-stepper-handler-up-disabled {
+ opacity: 0.3;
+}
+.am-stepper-handler-up-disabled .am-stepper-handler-active {
+ background: none;
+}
+.am-stepper-disabled .am-stepper-handler-down,
+.am-stepper-disabled .am-stepper-handler-up {
+ opacity: 0.3;
+ background: none;
+}
+.am-stepper-disabled .am-stepper-handler,
+.am-stepper-disabled .am-stepper-input-wrap {
+ opacity: 0.3;
+}
+.am-steps {
+ font-size: 0;
+ width: 100%;
+ line-height: 1.5;
+ display: -webkit-box;
+ display: -webkit-flex;
+ display: -ms-flexbox;
+ display: flex;
+}
+.am-steps,
+.am-steps * {
+ -webkit-box-sizing: border-box;
+ box-sizing: border-box;
+}
+.am-steps-item {
+ position: relative;
+ display: inline-block;
+ vertical-align: top;
+ -webkit-box-flex: 1;
+ -webkit-flex: 1;
+ -ms-flex: 1;
+ flex: 1;
+ overflow: hidden;
+}
+.am-steps-item:last-child {
+ -webkit-box-flex: 0;
+ -webkit-flex: none;
+ -ms-flex: none;
+ flex: none;
+}
+.am-steps-item:last-child .am-steps-item-tail,
+.am-steps-item:last-child .am-steps-item-title:after {
+ display: none;
+}
+.am-steps-item-content,
+.am-steps-item-icon {
+ display: inline-block;
+ vertical-align: top;
+}
+.am-steps-item-icon {
+ border: 1px solid #bbb;
+ width: 22px;
+ height: 22px;
+ line-height: 22px;
+ border-radius: 22px;
+ text-align: center;
+ font-size: 14px;
+ margin-right: 8px;
+ -webkit-transition: background-color 0.3s, border-color 0.3s;
+ transition: background-color 0.3s, border-color 0.3s;
+}
+.am-steps-item-icon > .am-steps-icon {
+ line-height: 1;
+ top: -1px;
+ color: #108ee9;
+ position: relative;
+}
+.am-steps-item-icon > .am-steps-icon .am-icon {
+ font-size: 12px;
+ position: relative;
+ float: left;
+}
+.am-steps-item-tail {
+ position: absolute;
+ left: 0;
+ width: 100%;
+ top: 12px;
+ padding: 0 10px;
+}
+.am-steps-item-tail:after {
+ content: '';
+ display: inline-block;
+ background: #ddd;
+ height: 1px;
+ border-radius: 1px;
+ width: 100%;
+ -webkit-transition: background 0.3s;
+ transition: background 0.3s;
+ position: relative;
+ left: -2px;
+}
+.am-steps-item-content {
+ margin-top: 3px;
+}
+.am-steps-item-title {
+ font-size: 16px;
+ margin-bottom: 4px;
+ color: #000;
+ font-weight: 700;
+ display: inline-block;
+ padding-right: 10px;
+ position: relative;
+}
+.am-steps-item-description {
+ font-size: 15px;
+ color: #bbb;
+}
+.am-steps-item-wait .am-steps-item-icon {
+ border-color: #ccc;
+ background-color: #fff;
+}
+.am-steps-item-wait .am-steps-item-icon > .am-steps-icon {
+ color: #ccc;
+}
+.am-steps-item-wait .am-steps-item-icon > .am-steps-icon .am-steps-icon-dot {
+ background: #ccc;
+}
+.am-steps-item-wait .am-steps-item-title {
+ color: #000;
+}
+.am-steps-item-wait .am-steps-item-title:after {
+ background-color: #ddd;
+}
+.am-steps-item-wait .am-steps-item-description {
+ color: #000;
+}
+.am-steps-item-wait .am-steps-item-tail:after {
+ background-color: #ddd;
+}
+.am-steps-item-process .am-steps-item-icon {
+ border-color: #108ee9;
+ background-color: #fff;
+}
+.am-steps-item-process .am-steps-item-icon > .am-steps-icon {
+ color: #108ee9;
+}
+.am-steps-item-process .am-steps-item-icon > .am-steps-icon .am-steps-icon-dot {
+ background: #108ee9;
+}
+.am-steps-item-process .am-steps-item-title {
+ color: #000;
+}
+.am-steps-item-process .am-steps-item-title:after {
+ background-color: #ddd;
+}
+.am-steps-item-process .am-steps-item-description {
+ color: #000;
+}
+.am-steps-item-process .am-steps-item-tail:after {
+ background-color: #ddd;
+}
+.am-steps-item-process .am-steps-item-icon {
+ background: #108ee9;
+}
+.am-steps-item-process .am-steps-item-icon > .am-steps-icon {
+ color: #fff;
+}
+.am-steps-item-finish .am-steps-item-icon {
+ border-color: #108ee9;
+ background-color: #fff;
+}
+.am-steps-item-finish .am-steps-item-icon > .am-steps-icon {
+ color: #108ee9;
+}
+.am-steps-item-finish .am-steps-item-icon > .am-steps-icon .am-steps-icon-dot {
+ background: #108ee9;
+}
+.am-steps-item-finish .am-steps-item-title {
+ color: #000;
+}
+.am-steps-item-finish .am-steps-item-title:after {
+ background-color: #108ee9;
+}
+.am-steps-item-finish .am-steps-item-description {
+ color: #000;
+}
+.am-steps-item-finish .am-steps-item-tail:after {
+ background-color: #108ee9;
+}
+.am-steps-item-error .am-steps-item-icon {
+ border-color: #f4333c;
+ background-color: #fff;
+}
+.am-steps-item-error .am-steps-item-icon > .am-steps-icon {
+ color: #f4333c;
+}
+.am-steps-item-error .am-steps-item-icon > .am-steps-icon .am-steps-icon-dot {
+ background: #f4333c;
+}
+.am-steps-item-error .am-steps-item-title {
+ color: #f4333c;
+}
+.am-steps-item-error .am-steps-item-title:after {
+ background-color: #ddd;
+}
+.am-steps-item-error .am-steps-item-description {
+ color: #f4333c;
+}
+.am-steps-item-error .am-steps-item-tail:after {
+ background-color: #ddd;
+}
+.am-steps-item.am-steps-next-error .am-steps-item-title:after {
+ background: #f4333c;
+}
+.am-steps-item.error-tail .am-steps-item-tail:after {
+ background-color: #f4333c;
+}
+.am-steps-horizontal:not(.am-steps-label-vertical) .am-steps-item {
+ margin-right: 10px;
+}
+.am-steps-horizontal:not(.am-steps-label-vertical) .am-steps-item:last-child {
+ margin-right: 0;
+}
+.am-steps-horizontal:not(.am-steps-label-vertical) .am-steps-item-tail {
+ display: none;
+}
+.am-steps-horizontal:not(.am-steps-label-vertical) .am-steps-item-description {
+ max-width: 100px;
+}
+.am-steps-item-custom .am-steps-item-icon {
+ background: none;
+ border: 0;
+ width: auto;
+ height: auto;
+}
+.am-steps-item-custom .am-steps-item-icon > .am-steps-icon {
+ font-size: 22px;
+ top: 1px;
+ width: 22px;
+ height: 22px;
+}
+.am-steps-item-custom.am-steps-item-process
+ .am-steps-item-icon
+ > .am-steps-icon {
+ color: #108ee9;
+}
+.am-steps-small .am-steps-item-icon {
+ width: 18px;
+ height: 18px;
+ line-height: 18px;
+ text-align: center;
+ border-radius: 18px;
+ font-size: 14px;
+ margin-right: 8px;
+}
+.am-steps-small .am-steps-item-icon > .am-steps-icon {
+ font-size: 12px;
+ -webkit-transform: scale(0.75);
+ -ms-transform: scale(0.75);
+ transform: scale(0.75);
+ top: -2px;
+}
+.am-steps-small .am-steps-item-content {
+ margin-top: 0;
+}
+.am-steps-small .am-steps-item-title {
+ font-size: 16px;
+ margin-bottom: 3px;
+ color: #000;
+ font-weight: 700;
+}
+.am-steps-small .am-steps-item-description {
+ font-size: 12px;
+ color: #bbb;
+}
+.am-steps-small .am-steps-item-tail {
+ top: 8px;
+ padding: 0 8px;
+}
+.am-steps-small .am-steps-item-tail:after {
+ height: 1px;
+ border-radius: 1px;
+ width: 100%;
+ left: 0;
+}
+.am-steps-small .am-steps-item-custom .am-steps-item-icon {
+ background: none;
+}
+.am-steps-small .am-steps-item-custom .am-steps-item-icon > .am-steps-icon {
+ font-size: 18px;
+ top: -2px;
+ -webkit-transform: none;
+ -ms-transform: none;
+ transform: none;
+}
+.am-steps-vertical {
+ display: block;
+}
+.am-steps-vertical .am-steps-item {
+ display: block;
+ overflow: visible;
+}
+.am-steps-vertical .am-steps-item-icon {
+ float: left;
+}
+.am-steps-vertical .am-steps-item-icon-inner {
+ margin-right: 16px;
+}
+.am-steps-vertical .am-steps-item-content {
+ min-height: 48px;
+ overflow: hidden;
+ display: block;
+}
+.am-steps-vertical .am-steps-item-title {
+ line-height: 26px;
+}
+.am-steps-vertical .am-steps-item-title:after {
+ display: none;
+}
+.am-steps-vertical .am-steps-item-description {
+ padding-bottom: 12px;
+}
+.am-steps-vertical .am-steps-item-tail {
+ position: absolute;
+ left: 13px;
+ top: 0;
+ height: 100%;
+ width: 1px;
+ padding: 30px 0 4px;
+}
+.am-steps-vertical .am-steps-item-tail:after {
+ height: 100%;
+ width: 1px;
+}
+.am-steps-vertical.am-steps-small .am-steps-item-tail {
+ position: absolute;
+ left: 9px;
+ top: 0;
+ padding: 22px 0 4px;
+}
+.am-steps-vertical.am-steps-small .am-steps-item-title {
+ line-height: 18px;
+}
+.am-steps-label-vertical .am-steps-item {
+ overflow: visible;
+}
+.am-steps-label-vertical .am-steps-item-tail {
+ padding: 0 24px;
+ margin-left: 48px;
+}
+.am-steps-label-vertical .am-steps-item-content {
+ display: block;
+ text-align: center;
+ margin-top: 8px;
+ width: 100px;
+}
+.am-steps-label-vertical .am-steps-item-icon {
+ display: inline-block;
+ margin-left: 36px;
+}
+.am-steps-label-vertical .am-steps-item-title {
+ padding-right: 0;
+}
+.am-steps-label-vertical .am-steps-item-title:after {
+ display: none;
+}
+.am-swipe {
+ overflow: hidden;
+ position: relative;
+}
+.am-swipe-content {
+ position: relative;
+ background-color: #fff;
+}
+.am-swipe-cover {
+ position: absolute;
+ z-index: 2;
+ background: transparent;
+ height: 100%;
+ width: 100%;
+ top: 0;
+ display: none;
+}
+.am-swipe .am-swipe-actions,
+.am-swipe .am-swipe-content {
+ -webkit-transition: all 0.25s;
+ transition: all 0.25s;
+}
+.am-swipe-swiping .am-swipe-actions,
+.am-swipe-swiping .am-swipe-content {
+ -webkit-transition: none;
+ transition: none;
+}
+.am-swipe-swiping .am-list-item-active {
+ background-color: #fff;
+}
+.am-swipe-actions {
+ position: absolute;
+ top: 0;
+ bottom: 0;
+ display: -webkit-box;
+ display: -webkit-flex;
+ display: -ms-flexbox;
+ display: flex;
+ overflow: hidden;
+ white-space: nowrap;
+}
+.am-swipe-actions-left {
+ left: 0;
+}
+.am-swipe-actions-right {
+ right: 0;
+}
+.am-swipe-btn {
+ display: -webkit-box;
+ display: -webkit-flex;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-align: center;
+ -webkit-align-items: center;
+ -ms-flex-align: center;
+ align-items: center;
+ -webkit-box-pack: center;
+ -webkit-justify-content: center;
+ -ms-flex-pack: center;
+ justify-content: center;
+ overflow: hidden;
+}
+.am-swipe-btn-text {
+ padding: 0 8px;
+}
+.am-switch {
+ display: inline-block;
+ vertical-align: middle;
+ -webkit-align-self: center;
+ -ms-flex-item-align: center;
+ align-self: center;
+}
+.am-switch,
+.am-switch .checkbox {
+ -webkit-box-sizing: border-box;
+ box-sizing: border-box;
+ position: relative;
+ cursor: pointer;
+}
+.am-switch .checkbox {
+ width: 51px;
+ height: 31px;
+ border-radius: 31px;
+ background: #e5e5e5;
+ z-index: 0;
+ margin: 0;
+ padding: 0;
+ -webkit-appearance: none;
+ -moz-appearance: none;
+ appearance: none;
+ border: 0;
+ -webkit-transition: all 0.3s;
+ transition: all 0.3s;
+}
+.am-switch .checkbox:before {
+ width: 48px;
+ -webkit-box-sizing: border-box;
+ box-sizing: border-box;
+ z-index: 1;
+ -webkit-transform: scale(1);
+ -ms-transform: scale(1);
+ transform: scale(1);
+}
+.am-switch .checkbox:after,
+.am-switch .checkbox:before {
+ content: ' ';
+ position: absolute;
+ left: 1.5px;
+ top: 1.5px;
+ height: 28px;
+ border-radius: 28px;
+ background: #fff;
+ -webkit-transition: all 0.2s;
+ transition: all 0.2s;
+}
+.am-switch .checkbox:after {
+ width: 28px;
+ z-index: 2;
+ -webkit-transform: translateX(0);
+ -ms-transform: translateX(0);
+ transform: translateX(0);
+ -webkit-box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.21);
+ box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.21);
+}
+.am-switch .checkbox.checkbox-disabled {
+ z-index: 3;
+}
+.am-switch input[type='checkbox'] {
+ position: absolute;
+ top: 0;
+ left: 0;
+ opacity: 0;
+ width: 100%;
+ height: 100%;
+ z-index: 2;
+ border: 0 none;
+ -webkit-appearance: none;
+ -moz-appearance: none;
+ appearance: none;
+}
+.am-switch input[type='checkbox']:checked + .checkbox {
+ background: #4dd865;
+}
+.am-switch input[type='checkbox']:checked + .checkbox:before {
+ -webkit-transform: scale(0);
+ -ms-transform: scale(0);
+ transform: scale(0);
+}
+.am-switch input[type='checkbox']:checked + .checkbox:after {
+ -webkit-transform: translateX(20px);
+ -ms-transform: translateX(20px);
+ transform: translateX(20px);
+}
+.am-switch input[type='checkbox']:disabled + .checkbox {
+ opacity: 0.3;
+}
+.am-switch.am-switch-android .checkbox {
+ width: 72px;
+ height: 23px;
+ border-radius: 3px;
+ background: #a7aaa6;
+}
+.am-switch.am-switch-android .checkbox:before {
+ display: none;
+}
+.am-switch.am-switch-android .checkbox:after {
+ width: 35px;
+ height: 21px;
+ border-radius: 2px;
+ -webkit-box-shadow: none;
+ box-shadow: none;
+ left: 1px;
+ top: 1px;
+}
+.am-switch.am-switch-android input[type='checkbox']:checked + .checkbox {
+ background: #108ee9;
+}
+.am-switch.am-switch-android input[type='checkbox']:checked + .checkbox:before {
+ -webkit-transform: scale(0);
+ -ms-transform: scale(0);
+ transform: scale(0);
+}
+.am-switch.am-switch-android input[type='checkbox']:checked + .checkbox:after {
+ -webkit-transform: translateX(35px);
+ -ms-transform: translateX(35px);
+ transform: translateX(35px);
+}
+.am-tabs {
+ display: -webkit-box;
+ display: -webkit-flex;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-flex: 1;
+ -webkit-flex: 1;
+ -ms-flex: 1;
+ flex: 1;
+ position: relative;
+ overflow: hidden;
+ height: 100%;
+ width: 100%;
+}
+.am-tabs,
+.am-tabs * {
+ -webkit-box-sizing: border-box;
+ box-sizing: border-box;
+}
+.am-tabs-content-wrap {
+ display: -webkit-box;
+ display: -webkit-flex;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-flex: 1;
+ -webkit-flex: 1;
+ -ms-flex: 1;
+ flex: 1;
+ width: 100%;
+ height: 100%;
+ min-height: 0;
+}
+.am-tabs-content-wrap-animated {
+ -webkit-transition: left 0.3s cubic-bezier(0.35, 0, 0.25, 1),
+ top 0.3s cubic-bezier(0.35, 0, 0.25, 1),
+ -webkit-transform 0.3s cubic-bezier(0.35, 0, 0.25, 1);
+ transition: left 0.3s cubic-bezier(0.35, 0, 0.25, 1),
+ top 0.3s cubic-bezier(0.35, 0, 0.25, 1),
+ -webkit-transform 0.3s cubic-bezier(0.35, 0, 0.25, 1);
+ transition: transform 0.3s cubic-bezier(0.35, 0, 0.25, 1),
+ left 0.3s cubic-bezier(0.35, 0, 0.25, 1),
+ top 0.3s cubic-bezier(0.35, 0, 0.25, 1);
+ transition: transform 0.3s cubic-bezier(0.35, 0, 0.25, 1),
+ left 0.3s cubic-bezier(0.35, 0, 0.25, 1),
+ top 0.3s cubic-bezier(0.35, 0, 0.25, 1),
+ -webkit-transform 0.3s cubic-bezier(0.35, 0, 0.25, 1);
+ will-change: transform, left, top;
+}
+.am-tabs-pane-wrap {
+ width: 100%;
+ overflow-y: auto;
+}
+.am-tabs-pane-wrap,
+.am-tabs-tab-bar-wrap {
+ -webkit-flex-shrink: 0;
+ -ms-flex-negative: 0;
+ flex-shrink: 0;
+}
+.am-tabs-horizontal .am-tabs-pane-wrap-active {
+ height: auto;
+}
+.am-tabs-horizontal .am-tabs-pane-wrap-inactive {
+ height: 0;
+ overflow: visible;
+}
+.am-tabs-vertical .am-tabs-content-wrap {
+ -webkit-box-orient: vertical;
+ -webkit-box-direction: normal;
+ -webkit-flex-direction: column;
+ -ms-flex-direction: column;
+ flex-direction: column;
+}
+.am-tabs-vertical .am-tabs-pane-wrap,
+.am-tabs-vertical .am-tabs-tab-bar-wrap {
+ height: 100%;
+}
+.am-tabs-vertical .am-tabs-pane-wrap-active {
+ overflow: auto;
+}
+.am-tabs-vertical .am-tabs-pane-wrap-inactive {
+ overflow: hidden;
+}
+.am-tabs-bottom,
+.am-tabs-top {
+ -webkit-box-orient: vertical;
+ -webkit-box-direction: normal;
+ -webkit-flex-direction: column;
+ -ms-flex-direction: column;
+ flex-direction: column;
+}
+.am-tabs-default-bar,
+.am-tabs-left,
+.am-tabs-right {
+ -webkit-box-orient: horizontal;
+ -webkit-box-direction: normal;
+ -webkit-flex-direction: row;
+ -ms-flex-direction: row;
+ flex-direction: row;
+}
+.am-tabs-default-bar {
+ width: 100%;
+ height: 100%;
+ overflow: visible;
+ z-index: 1;
+}
+.am-tabs-default-bar,
+.am-tabs-default-bar-tab {
+ position: relative;
+ display: -webkit-box;
+ display: -webkit-flex;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-flex-shrink: 0;
+ -ms-flex-negative: 0;
+ flex-shrink: 0;
+}
+.am-tabs-default-bar-tab {
+ -webkit-box-pack: center;
+ -webkit-justify-content: center;
+ -ms-flex-pack: center;
+ justify-content: center;
+ -webkit-box-align: center;
+ -webkit-align-items: center;
+ -ms-flex-align: center;
+ align-items: center;
+ font-size: 15px;
+ height: 43.5px;
+ line-height: 43.5px;
+}
+.am-tabs-default-bar-tab .am-badge .am-badge-text {
+ top: -13px;
+ -webkit-transform: translateX(-5px);
+ -ms-transform: translateX(-5px);
+ transform: translateX(-5px);
+}
+.am-tabs-default-bar-tab .am-badge .am-badge-dot {
+ top: -6px;
+ -webkit-transform: translateX(0);
+ -ms-transform: translateX(0);
+ transform: translateX(0);
+}
+.am-tabs-default-bar-tab-active {
+ color: #108ee9;
+}
+.am-tabs-default-bar-underline {
+ position: absolute;
+ border: 1px solid #108ee9;
+ -webkit-transform: translateZ(0);
+ transform: translateZ(0);
+}
+.am-tabs-default-bar-animated .am-tabs-default-bar-content {
+ -webkit-transition: -webkit-transform 0.3s cubic-bezier(0.35, 0, 0.25, 1);
+ transition: -webkit-transform 0.3s cubic-bezier(0.35, 0, 0.25, 1);
+ transition: transform 0.3s cubic-bezier(0.35, 0, 0.25, 1);
+ transition: transform 0.3s cubic-bezier(0.35, 0, 0.25, 1),
+ -webkit-transform 0.3s cubic-bezier(0.35, 0, 0.25, 1);
+ will-change: transform;
+}
+.am-tabs-default-bar-animated .am-tabs-default-bar-underline {
+ -webkit-transition: top 0.3s cubic-bezier(0.35, 0, 0.25, 1),
+ left 0.3s cubic-bezier(0.35, 0, 0.25, 1),
+ color 0.3s cubic-bezier(0.35, 0, 0.25, 1),
+ width 0.3s cubic-bezier(0.35, 0, 0.25, 1);
+ transition: top 0.3s cubic-bezier(0.35, 0, 0.25, 1),
+ left 0.3s cubic-bezier(0.35, 0, 0.25, 1),
+ color 0.3s cubic-bezier(0.35, 0, 0.25, 1),
+ width 0.3s cubic-bezier(0.35, 0, 0.25, 1);
+ will-change: top, left, width, color;
+}
+.am-tabs-default-bar-bottom,
+.am-tabs-default-bar-bottom .am-tabs-default-bar-content,
+.am-tabs-default-bar-top,
+.am-tabs-default-bar-top .am-tabs-default-bar-content {
+ -webkit-box-orient: horizontal;
+ -webkit-box-direction: normal;
+ -webkit-flex-direction: row;
+ -ms-flex-direction: row;
+ flex-direction: row;
+}
+.am-tabs-default-bar-bottom .am-tabs-default-bar-content,
+.am-tabs-default-bar-top .am-tabs-default-bar-content {
+ display: -webkit-box;
+ display: -webkit-flex;
+ display: -ms-flexbox;
+ display: flex;
+ width: 100%;
+}
+.am-tabs-default-bar-bottom .am-tabs-default-bar-prevpage,
+.am-tabs-default-bar-top .am-tabs-default-bar-prevpage {
+ pointer-events: none;
+ position: absolute;
+ top: 0;
+ display: block;
+ width: 59px;
+ height: 100%;
+ content: ' ';
+ z-index: 999;
+ left: 0;
+ background: -webkit-gradient(
+ linear,
+ left top,
+ right top,
+ from(#fff),
+ to(hsla(0, 0%, 100%, 0))
+ );
+ background: -webkit-linear-gradient(left, #fff, hsla(0, 0%, 100%, 0));
+ background: linear-gradient(90deg, #fff, hsla(0, 0%, 100%, 0));
+}
+.am-tabs-default-bar-bottom .am-tabs-default-bar-nextpage,
+.am-tabs-default-bar-top .am-tabs-default-bar-nextpage {
+ pointer-events: none;
+ position: absolute;
+ top: 0;
+ display: block;
+ width: 59px;
+ height: 100%;
+ content: ' ';
+ z-index: 999;
+ right: 0;
+ background: -webkit-gradient(
+ linear,
+ left top,
+ right top,
+ from(hsla(0, 0%, 100%, 0)),
+ to(#fff)
+ );
+ background: -webkit-linear-gradient(left, hsla(0, 0%, 100%, 0), #fff);
+ background: linear-gradient(90deg, hsla(0, 0%, 100%, 0), #fff);
+}
+.am-tabs-default-bar-bottom .am-tabs-default-bar-tab,
+.am-tabs-default-bar-top .am-tabs-default-bar-tab {
+ padding: 8px 0;
+}
+.am-tabs-default-bar-bottom .am-tabs-default-bar-underline,
+.am-tabs-default-bar-top .am-tabs-default-bar-underline {
+ bottom: 0;
+}
+.am-tabs-default-bar-top .am-tabs-default-bar-tab {
+ border-bottom: 1px solid #ddd;
+}
+@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
+ html:not([data-scale]) .am-tabs-default-bar-top .am-tabs-default-bar-tab {
+ border-bottom: none;
+ }
+ html:not([data-scale])
+ .am-tabs-default-bar-top
+ .am-tabs-default-bar-tab:after {
+ content: '';
+ position: absolute;
+ background-color: #ddd;
+ display: block;
+ z-index: 1;
+ top: auto;
+ right: auto;
+ bottom: 0;
+ left: 0;
+ width: 100%;
+ height: 1px;
+ -webkit-transform-origin: 50% 100%;
+ -ms-transform-origin: 50% 100%;
+ transform-origin: 50% 100%;
+ -webkit-transform: scaleY(0.5);
+ -ms-transform: scaleY(0.5);
+ transform: scaleY(0.5);
+ }
+}
+@media (-webkit-min-device-pixel-ratio: 2) and (-webkit-min-device-pixel-ratio: 3),
+ (min-resolution: 2dppx) and (min-resolution: 3dppx) {
+ html:not([data-scale])
+ .am-tabs-default-bar-top
+ .am-tabs-default-bar-tab:after {
+ -webkit-transform: scaleY(0.33);
+ -ms-transform: scaleY(0.33);
+ transform: scaleY(0.33);
+ }
+}
+.am-tabs-default-bar-bottom .am-tabs-default-bar-tab {
+ border-top: 1px solid #ddd;
+}
+@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
+ html:not([data-scale])
+ .am-tabs-default-bar-bottom
+ .am-tabs-default-bar-tab {
+ border-top: none;
+ }
+ html:not([data-scale])
+ .am-tabs-default-bar-bottom
+ .am-tabs-default-bar-tab:before {
+ content: '';
+ position: absolute;
+ background-color: #ddd;
+ display: block;
+ z-index: 1;
+ top: 0;
+ right: auto;
+ bottom: auto;
+ left: 0;
+ width: 100%;
+ height: 1px;
+ -webkit-transform-origin: 50% 50%;
+ -ms-transform-origin: 50% 50%;
+ transform-origin: 50% 50%;
+ -webkit-transform: scaleY(0.5);
+ -ms-transform: scaleY(0.5);
+ transform: scaleY(0.5);
+ }
+}
+@media (-webkit-min-device-pixel-ratio: 2) and (-webkit-min-device-pixel-ratio: 3),
+ (min-resolution: 2dppx) and (min-resolution: 3dppx) {
+ html:not([data-scale])
+ .am-tabs-default-bar-bottom
+ .am-tabs-default-bar-tab:before {
+ -webkit-transform: scaleY(0.33);
+ -ms-transform: scaleY(0.33);
+ transform: scaleY(0.33);
+ }
+}
+.am-tabs-default-bar-left,
+.am-tabs-default-bar-left .am-tabs-default-bar-content,
+.am-tabs-default-bar-right,
+.am-tabs-default-bar-right .am-tabs-default-bar-content {
+ -webkit-box-orient: vertical;
+ -webkit-box-direction: normal;
+ -webkit-flex-direction: column;
+ -ms-flex-direction: column;
+ flex-direction: column;
+}
+.am-tabs-default-bar-left .am-tabs-default-bar-content,
+.am-tabs-default-bar-right .am-tabs-default-bar-content {
+ display: -webkit-box;
+ display: -webkit-flex;
+ display: -ms-flexbox;
+ display: flex;
+ height: 100%;
+}
+.am-tabs-default-bar-left .am-tabs-default-bar-tab,
+.am-tabs-default-bar-right .am-tabs-default-bar-tab {
+ padding: 0 8px;
+}
+.am-tabs-default-bar-left .am-tabs-default-bar-underline {
+ right: 0;
+}
+.am-tabs-default-bar-left .am-tabs-default-bar-tab {
+ border-right: 1px solid #ddd;
+}
+@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
+ html:not([data-scale]) .am-tabs-default-bar-left .am-tabs-default-bar-tab {
+ border-right: none;
+ }
+ html:not([data-scale])
+ .am-tabs-default-bar-left
+ .am-tabs-default-bar-tab:after {
+ content: '';
+ position: absolute;
+ background-color: #ddd;
+ display: block;
+ z-index: 1;
+ top: 0;
+ right: 0;
+ bottom: auto;
+ left: auto;
+ width: 1px;
+ height: 100%;
+ background: #ddd;
+ -webkit-transform-origin: 100% 50%;
+ -ms-transform-origin: 100% 50%;
+ transform-origin: 100% 50%;
+ -webkit-transform: scaleX(0.5);
+ -ms-transform: scaleX(0.5);
+ transform: scaleX(0.5);
+ }
+}
+@media (-webkit-min-device-pixel-ratio: 2) and (-webkit-min-device-pixel-ratio: 3),
+ (min-resolution: 2dppx) and (min-resolution: 3dppx) {
+ html:not([data-scale])
+ .am-tabs-default-bar-left
+ .am-tabs-default-bar-tab:after {
+ -webkit-transform: scaleX(0.33);
+ -ms-transform: scaleX(0.33);
+ transform: scaleX(0.33);
+ }
+}
+.am-tabs-default-bar-right .am-tabs-default-bar-underline {
+ left: 0;
+}
+.am-tabs-default-bar-right .am-tabs-default-bar-tab {
+ border-left: 1px solid #ddd;
+}
+@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
+ html:not([data-scale]) .am-tabs-default-bar-right .am-tabs-default-bar-tab {
+ border-left: none;
+ }
+ html:not([data-scale])
+ .am-tabs-default-bar-right
+ .am-tabs-default-bar-tab:before {
+ content: '';
+ position: absolute;
+ background-color: #ddd;
+ display: block;
+ z-index: 1;
+ top: 0;
+ right: auto;
+ bottom: auto;
+ left: 0;
+ width: 1px;
+ height: 100%;
+ -webkit-transform-origin: 100% 50%;
+ -ms-transform-origin: 100% 50%;
+ transform-origin: 100% 50%;
+ -webkit-transform: scaleX(0.5);
+ -ms-transform: scaleX(0.5);
+ transform: scaleX(0.5);
+ }
+}
+@media (-webkit-min-device-pixel-ratio: 2) and (-webkit-min-device-pixel-ratio: 3),
+ (min-resolution: 2dppx) and (min-resolution: 3dppx) {
+ html:not([data-scale])
+ .am-tabs-default-bar-right
+ .am-tabs-default-bar-tab:before {
+ -webkit-transform: scaleX(0.33);
+ -ms-transform: scaleX(0.33);
+ transform: scaleX(0.33);
+ }
+}
+.am-tab-bar {
+ height: 100%;
+ overflow: hidden;
+}
+.am-tab-bar-bar {
+ position: relative;
+ -webkit-box-sizing: border-box;
+ box-sizing: border-box;
+ height: 50px;
+ border-top: 1px solid #ddd;
+ width: 100%;
+ display: -webkit-box;
+ display: -webkit-flex;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-transition-duration: 0.2s;
+ transition-duration: 0.2s;
+ -webkit-transition-property: height bottom;
+ transition-property: height bottom;
+ z-index: 100;
+ -webkit-justify-content: space-around;
+ -ms-flex-pack: distribute;
+ justify-content: space-around;
+ -webkit-box-align: center;
+ -webkit-align-items: center;
+ -ms-flex-align: center;
+ align-items: center;
+ bottom: 0;
+}
+@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
+ html:not([data-scale]) .am-tab-bar-bar {
+ border-top: none;
+ }
+ html:not([data-scale]) .am-tab-bar-bar:before {
+ content: '';
+ position: absolute;
+ background-color: #ddd;
+ display: block;
+ z-index: 1;
+ top: 0;
+ right: auto;
+ bottom: auto;
+ left: 0;
+ width: 100%;
+ height: 1px;
+ -webkit-transform-origin: 50% 50%;
+ -ms-transform-origin: 50% 50%;
+ transform-origin: 50% 50%;
+ -webkit-transform: scaleY(0.5);
+ -ms-transform: scaleY(0.5);
+ transform: scaleY(0.5);
+ }
+}
+@media (-webkit-min-device-pixel-ratio: 2) and (-webkit-min-device-pixel-ratio: 3),
+ (min-resolution: 2dppx) and (min-resolution: 3dppx) {
+ html:not([data-scale]) .am-tab-bar-bar:before {
+ -webkit-transform: scaleY(0.33);
+ -ms-transform: scaleY(0.33);
+ transform: scaleY(0.33);
+ }
+}
+.am-tab-bar-bar-hidden-top {
+ bottom: 50px;
+ height: 0;
+}
+.am-tab-bar-bar-hidden-bottom {
+ bottom: -50px;
+ height: 0;
+}
+.am-tab-bar-bar .am-tab-bar-tab {
+ -webkit-box-flex: 1;
+ -webkit-flex: 1;
+ -ms-flex: 1;
+ flex: 1;
+ display: -webkit-box;
+ display: -webkit-flex;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-pack: center;
+ -webkit-justify-content: center;
+ -ms-flex-pack: center;
+ justify-content: center;
+ -webkit-box-align: center;
+ -webkit-align-items: center;
+ -ms-flex-align: center;
+ align-items: center;
+ -webkit-box-orient: vertical;
+ -webkit-box-direction: normal;
+ -webkit-flex-direction: column;
+ -ms-flex-direction: column;
+ flex-direction: column;
+ text-align: center;
+ width: 100%;
+}
+.am-tab-bar-bar .am-tab-bar-tab-image {
+ width: 22px;
+ height: 22px;
+ vertical-align: middle;
+}
+.am-tab-bar-bar .am-tab-bar-tab-title {
+ font-size: 10px;
+ margin: 3px 0 0;
+ line-height: 1;
+ text-align: center;
+}
+.am-tab-bar-bar .am-tab-bar-tab-icon {
+ display: -webkit-box;
+ display: -webkit-flex;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-pack: center;
+ -webkit-justify-content: center;
+ -ms-flex-pack: center;
+ justify-content: center;
+}
+.am-tab-bar-bar .am-tab-bar-tab-icon .tab-badge :last-child,
+.am-tab-bar-bar .am-tab-bar-tab-icon .tab-dot :last-child {
+ margin-top: 4px;
+ left: 22px;
+}
+.am-tab-bar-item {
+ height: 100%;
+}
+.am-tag {
+ display: inline-block;
+ position: relative;
+ font-size: 14px;
+ text-align: center;
+ padding: 0 15px;
+ height: 25px;
+ line-height: 25px;
+ -webkit-box-sizing: border-box;
+ box-sizing: border-box;
+}
+.am-tag.am-tag-small {
+ height: 15px;
+ line-height: 15px;
+ padding: 0 5px;
+ font-size: 10px;
+}
+.am-tag-normal {
+ background-color: #fff;
+ color: #888;
+ border: 1px solid #ddd;
+ border-radius: 3px;
+}
+@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
+ html:not([data-scale]) .am-tag-normal {
+ position: relative;
+ border: none;
+ }
+ html:not([data-scale]) .am-tag-normal:before {
+ content: '';
+ position: absolute;
+ left: 0;
+ top: 0;
+ width: 200%;
+ height: 200%;
+ border: 1px solid #ddd;
+ border-radius: 6px;
+ -webkit-transform-origin: 0 0;
+ -ms-transform-origin: 0 0;
+ transform-origin: 0 0;
+ -webkit-transform: scale(0.5);
+ -ms-transform: scale(0.5);
+ transform: scale(0.5);
+ -webkit-box-sizing: border-box;
+ box-sizing: border-box;
+ pointer-events: none;
+ }
+}
+.am-tag-active {
+ background-color: #fff;
+ color: #108ee9;
+ border: 1px solid #108ee9;
+ border-radius: 3px;
+}
+@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
+ html:not([data-scale]) .am-tag-active {
+ position: relative;
+ border: none;
+ }
+ html:not([data-scale]) .am-tag-active:before {
+ content: '';
+ position: absolute;
+ left: 0;
+ top: 0;
+ width: 200%;
+ height: 200%;
+ border: 1px solid #108ee9;
+ border-radius: 6px;
+ -webkit-transform-origin: 0 0;
+ -ms-transform-origin: 0 0;
+ transform-origin: 0 0;
+ -webkit-transform: scale(0.5);
+ -ms-transform: scale(0.5);
+ transform: scale(0.5);
+ -webkit-box-sizing: border-box;
+ box-sizing: border-box;
+ pointer-events: none;
+ }
+}
+.am-tag-disabled {
+ color: #bbb;
+ background-color: #ddd;
+ border: 1px solid #ddd;
+ border-radius: 3px;
+}
+@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
+ html:not([data-scale]) .am-tag-disabled {
+ position: relative;
+ border: none;
+ }
+ html:not([data-scale]) .am-tag-disabled:before {
+ content: '';
+ position: absolute;
+ left: 0;
+ top: 0;
+ width: 200%;
+ height: 200%;
+ border: 1px solid #ddd;
+ border-radius: 6px;
+ -webkit-transform-origin: 0 0;
+ -ms-transform-origin: 0 0;
+ transform-origin: 0 0;
+ -webkit-transform: scale(0.5);
+ -ms-transform: scale(0.5);
+ transform: scale(0.5);
+ -webkit-box-sizing: border-box;
+ box-sizing: border-box;
+ pointer-events: none;
+ }
+}
+.am-tag-close {
+ position: absolute;
+ top: -9px;
+ left: -10px;
+ color: #bbb;
+}
+.am-tag-close-active {
+ color: #888;
+}
+.am-tag-close .am-icon {
+ background-color: #fff;
+ border-radius: 9px;
+}
+.am-list .am-list-item.am-textarea-item {
+ display: -webkit-box;
+ display: -webkit-flex;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-align: start;
+ -webkit-align-items: flex-start;
+ -ms-flex-align: start;
+ align-items: flex-start;
+ -webkit-box-sizing: border-box;
+ box-sizing: border-box;
+ min-height: 44px;
+ padding-left: 15px;
+ padding-right: 15px;
+ border-bottom: 1px solid #ddd;
+}
+@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
+ html:not([data-scale]) .am-list .am-list-item.am-textarea-item {
+ border-bottom: none;
+ }
+ html:not([data-scale]) .am-list .am-list-item.am-textarea-item:after {
+ content: '';
+ position: absolute;
+ background-color: #ddd;
+ display: block;
+ z-index: 1;
+ top: auto;
+ right: auto;
+ bottom: 0;
+ left: 0;
+ width: 100%;
+ height: 1px;
+ -webkit-transform-origin: 50% 100%;
+ -ms-transform-origin: 50% 100%;
+ transform-origin: 50% 100%;
+ -webkit-transform: scaleY(0.5);
+ -ms-transform: scaleY(0.5);
+ transform: scaleY(0.5);
+ }
+}
+@media (-webkit-min-device-pixel-ratio: 2) and (-webkit-min-device-pixel-ratio: 3),
+ (min-resolution: 2dppx) and (min-resolution: 3dppx) {
+ html:not([data-scale]) .am-list .am-list-item.am-textarea-item:after {
+ -webkit-transform: scaleY(0.33);
+ -ms-transform: scaleY(0.33);
+ transform: scaleY(0.33);
+ }
+}
+.am-list .am-list-item.am-textarea-item.am-textarea-item-single-line {
+ -webkit-box-align: center;
+ -webkit-align-items: center;
+ -ms-flex-align: center;
+ align-items: center;
+}
+.am-list
+ .am-list-item.am-textarea-item.am-textarea-item-single-line
+ .am-textarea-label {
+ -webkit-align-self: center;
+ -ms-flex-item-align: center;
+ align-self: center;
+}
+.am-list
+ .am-list-item.am-textarea-item.am-textarea-item-single-line
+ .am-textarea-control {
+ padding-top: 0;
+ padding-bottom: 0;
+}
+.am-list
+ .am-list-item.am-textarea-item.am-textarea-item-single-line
+ .am-textarea-control
+ textarea {
+ line-height: 25.5px;
+}
+.am-list
+ .am-list-item.am-textarea-item.am-textarea-item-single-line
+ .am-textarea-clear,
+.am-list
+ .am-list-item.am-textarea-item.am-textarea-item-single-line.am-textarea-error
+ .am-textarea-error-extra {
+ margin-top: 0;
+}
+.am-textarea-label {
+ -webkit-align-self: flex-start;
+ -ms-flex-item-align: start;
+ align-self: flex-start;
+ color: #000;
+ text-align: left;
+ min-height: 44px;
+ font-size: 17px;
+ line-height: 44px;
+ margin-left: 0;
+ margin-right: 5px;
+ white-space: nowrap;
+ overflow: hidden;
+}
+.am-textarea-label.am-textarea-label-2 {
+ width: 34px;
+}
+.am-textarea-label.am-textarea-label-3 {
+ width: 51px;
+}
+.am-textarea-label.am-textarea-label-4 {
+ width: 68px;
+}
+.am-textarea-label.am-textarea-label-5 {
+ width: 85px;
+}
+.am-textarea-label.am-textarea-label-6 {
+ width: 102px;
+}
+.am-textarea-label.am-textarea-label-7 {
+ width: 119px;
+}
+.am-textarea-control {
+ -webkit-box-flex: 1;
+ -webkit-flex: 1;
+ -ms-flex: 1;
+ flex: 1;
+ padding-top: 10px;
+ padding-bottom: 9px;
+}
+.am-textarea-control textarea {
+ color: #000;
+ font-size: 17px;
+ line-height: 25.5px;
+ -webkit-appearance: none;
+ -moz-appearance: none;
+ appearance: none;
+ width: 100%;
+ padding: 0;
+ border: 0;
+ background-color: transparent;
+ overflow: visible;
+ display: block;
+ resize: none;
+ word-break: break-word;
+ word-wrap: break-word;
+}
+.am-textarea-control textarea::-webkit-input-placeholder {
+ color: #bbb;
+}
+.am-textarea-control textarea::-moz-placeholder {
+ color: #bbb;
+}
+.am-textarea-control textarea::-ms-input-placeholder {
+ color: #bbb;
+}
+.am-textarea-control textarea::placeholder {
+ color: #bbb;
+}
+.am-textarea-control textarea:disabled {
+ color: #bbb;
+ background-color: #fff;
+}
+.am-textarea-clear {
+ display: none;
+ width: 21px;
+ height: 21px;
+ margin-top: 12px;
+ border-radius: 50%;
+ overflow: hidden;
+ font-style: normal;
+ color: #fff;
+ background-color: #ccc;
+ background-repeat: no-repeat;
+ background-size: 21px auto;
+ background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg fill='%23fff' width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z'/%3E%3Cpath d='M0 0h24v24H0z' fill='none'/%3E%3C/svg%3E");
+}
+.am-textarea-clear-active {
+ background-color: #108ee9;
+}
+.am-textarea-focus .am-textarea-clear {
+ display: block;
+}
+.am-textarea-has-count {
+ padding-bottom: 14px;
+}
+.am-textarea-count {
+ position: absolute;
+ bottom: 6px;
+ right: 5px;
+ color: #bbb;
+ font-size: 14px;
+}
+.am-textarea-count span {
+ color: #000;
+}
+.am-textarea-error .am-textarea-control textarea {
+ color: #f50;
+}
+.am-textarea-error .am-textarea-error-extra {
+ margin-top: 12px;
+ width: 21px;
+ height: 21px;
+ margin-left: 8px;
+ background-size: 21px 21px;
+ background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='18' height='18' viewBox='0 0 18 18' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9 1.266a7.69 7.69 0 0 1 5.469 2.264c.71.71 1.269 1.538 1.657 2.459.404.954.608 1.967.608 3.011a7.69 7.69 0 0 1-2.264 5.469 7.694 7.694 0 0 1-2.459 1.657A7.675 7.675 0 0 1 9 16.734a7.69 7.69 0 0 1-5.469-2.264 7.694 7.694 0 0 1-1.657-2.459A7.675 7.675 0 0 1 1.266 9 7.69 7.69 0 0 1 3.53 3.531a7.694 7.694 0 0 1 2.459-1.657A7.675 7.675 0 0 1 9 1.266zM9 0a9 9 0 0 0-9 9 9 9 0 0 0 9 9 9 9 0 0 0 9-9 9 9 0 0 0-9-9zm0 11.25a.703.703 0 0 1-.703-.703V4.06a.703.703 0 1 1 1.406 0v6.486A.703.703 0 0 1 9 11.25zm-.791 1.916a.791.791 0 1 1 1.582 0 .791.791 0 0 1-1.582 0z' fill='%23F50' fill-rule='evenodd'/%3E%3C/svg%3E");
+}
+.am-textarea-disabled .am-textarea-label {
+ color: #bbb;
+}
+.am-list-body .am-list-item:last-child {
+ border-bottom: 0;
+}
+.am-list-body .am-list-item:last-child:after {
+ display: none !important;
+}
+.am-toast {
+ position: fixed;
+ width: 100%;
+ z-index: 1999;
+ font-size: 14px;
+ text-align: center;
+}
+.am-toast > span {
+ max-width: 50%;
+}
+.am-toast.am-toast-mask {
+ height: 100%;
+ display: -webkit-box;
+ display: -webkit-flex;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-pack: center;
+ -webkit-justify-content: center;
+ -ms-flex-pack: center;
+ justify-content: center;
+ -webkit-box-align: center;
+ -webkit-align-items: center;
+ -ms-flex-align: center;
+ align-items: center;
+ left: 0;
+ top: 0;
+}
+.am-toast.am-toast-mask,
+.am-toast.am-toast-nomask {
+ -webkit-transform: translateZ(1px);
+ transform: translateZ(1px);
+}
+.am-toast.am-toast-nomask {
+ position: fixed;
+ max-width: 50%;
+ width: auto;
+ left: 50%;
+ top: 50%;
+}
+.am-toast.am-toast-nomask .am-toast-notice {
+ -webkit-transform: translateX(-50%) translateY(-50%);
+ -ms-transform: translateX(-50%) translateY(-50%);
+ transform: translateX(-50%) translateY(-50%);
+}
+.am-toast-notice-content .am-toast-text {
+ min-width: 60px;
+ border-radius: 3px;
+ color: #fff;
+ background-color: rgba(58, 58, 58, 0.9);
+ line-height: 1.5;
+ padding: 9px 15px;
+}
+.am-toast-notice-content .am-toast-text.am-toast-text-icon {
+ border-radius: 5px;
+ padding: 15px;
+}
+.am-toast-notice-content .am-toast-text.am-toast-text-icon .am-toast-text-info {
+ margin-top: 6px;
+}
+.am-whitespace.am-whitespace-xs {
+ height: 3px;
+}
+.am-whitespace.am-whitespace-sm {
+ height: 6px;
+}
+.am-whitespace.am-whitespace-md {
+ height: 9px;
+}
+.am-whitespace.am-whitespace-lg {
+ height: 15px;
+}
+.am-whitespace.am-whitespace-xl {
+ height: 21px;
+}
+.am-wingblank {
+ margin-left: 8px;
+ margin-right: 8px;
+}
+.am-wingblank.am-wingblank-sm {
+ margin-left: 5px;
+ margin-right: 5px;
+}
+.am-wingblank.am-wingblank-md {
+ margin-left: 8px;
+ margin-right: 8px;
+}
+.am-wingblank.am-wingblank-lg {
+ margin-left: 15px;
+ margin-right: 15px;
+}
+/*# sourceMappingURL=antd-mobile.min.css.map*/
diff --git a/pwa/src/components/DebugShowEasyPeasy.tsx b/pwa/src/components/DebugShowEasyPeasy.tsx
new file mode 100644
index 0000000..c3bb437
--- /dev/null
+++ b/pwa/src/components/DebugShowEasyPeasy.tsx
@@ -0,0 +1,16 @@
+/* istanbul ignore file */
+// This component is a debug utility to show
+// all contents of easy-peasy when rendered
+
+import React, { ReactElement } from 'react'
+import { useStoreState } from '../state/storeIndex'
+
+export default function DebugShowEasyPeasy(): ReactElement {
+ const patientInfoFormData = useStoreState(
+ (state) => state.patientInfoFormModel.fields,
+ )
+
+ console.log(patientInfoFormData)
+
+ return patientInfoFormData: {JSON.stringify(patientInfoFormData)}
+}
diff --git a/pwa/src/components/LandingPage.test.tsx b/pwa/src/components/LandingPage.test.tsx
index 25f1388..6018d99 100644
--- a/pwa/src/components/LandingPage.test.tsx
+++ b/pwa/src/components/LandingPage.test.tsx
@@ -1,11 +1,11 @@
-import React from "react";
-import { render } from "@testing-library/react";
-import LandingPage from "./LandingPage";
+import React from 'react'
+import { render } from '@testing-library/react'
+import LandingPage from './LandingPage'
-test("renders learn react link", () => {
- const { getByText } = render(
-
-
- );
+ /* istanbul ignore next */
+ const newPatient = () => {
+ console.log('Clicked New Patient')
+ }
+ return (
+
-
-
- -
- } onClick={newPatient}>
- New Patient
-
-
-
+
+
+ )
}
diff --git a/pwa/src/components/Login.tsx b/pwa/src/components/Login.tsx
index 5766b06..02b6d62 100644
--- a/pwa/src/components/Login.tsx
+++ b/pwa/src/components/Login.tsx
@@ -1,31 +1,29 @@
import React, { ReactElement } from 'react'
import useApi from '../hooks/useApi'
-import {InputItem, Button} from 'antd-mobile'
+import { InputItem, Button } from 'antd-mobile'
import '../scss/Login.scss'
export default function Login(): ReactElement {
- const {response, error, isLoading} = useApi("")
+ const { response, isLoading } = useApi('')
- return (
- <>
-
+
+
+ +
+ } onClick={newPatient}>
+ New Patient
+
+
+
-
+ ,
+ )
+
+ // ensure the female-only div is not displayed
+ femaleOnlyFormFields.forEach((fieldText) => {
+ expect(dom.queryByText(fieldText)).toBeNull()
+ })
+
+ // click the radio button for 'female'
+ const femaleButton = dom.getByTestId('female-button')
+ fireEvent.click(femaleButton)
+
+ femaleOnlyFormFields.forEach((fieldText) => {
+ expect(dom.queryByText(fieldText)).toBeTruthy()
+ })
+})
+
+test('sets visit input', () => {
+ const dom = render(
+
+ ,
+ )
+ const firstVisitYesInput = dom.queryByTestId('first-visit-Yes')
+ const checkBox = firstVisitYesInput.getElementsByTagName('span')[0]
+
+ expect(checkBox).not.toHaveClass('am-radio-checked')
+ fireEvent.click(firstVisitYesInput)
+ expect(checkBox).toHaveClass('am-radio-checked')
+})
+
+test('sets pregnant input', () => {
+ const dom = render(
+
+ ,
+ )
+ const femaleButton = dom.getByTestId('female-button')
+ fireEvent.click(femaleButton)
+
+ const pregnantYesInput = dom.queryByTestId('pregnant-Yes')
+ const checkBox = pregnantYesInput.getElementsByTagName('span')[0]
+
+ expect(checkBox).not.toHaveClass('am-radio-checked')
+ fireEvent.click(pregnantYesInput)
+ expect(checkBox).toHaveClass('am-radio-checked')
+})
+
+test('sets planning input', () => {
+ const dom = render(
+
+ ,
+ )
+ const femaleButton = dom.getByTestId('female-button')
+ fireEvent.click(femaleButton)
+
+ const planningYesInput = dom.queryByTestId('planning-Yes')
+ const checkBox = planningYesInput.getElementsByTagName('span')[0]
+
+ expect(checkBox).not.toHaveClass('am-radio-checked')
+ fireEvent.click(planningYesInput)
+ expect(checkBox).toHaveClass('am-radio-checked')
+})
+
+test('validates blood pressure input', () => {
+ const dom = render(
+
+ ,
+ )
+
+ const bpInput = dom.getByPlaceholderText(
+ 'Blood Pressure',
+ ) as HTMLInputElement
+ fireEvent.change(bpInput, { target: { value: '130/85' } })
+ expect(bpInput.value).toBe('130/85')
+ fireEvent.change(bpInput, { target: { value: '' } })
+ fireEvent.change(bpInput, { target: { value: 'abcd' } })
+ expect(bpInput.value).toBe('') // Empty String
+})
+
+test('sets albendazole input', () => {
+ const dom = render(
+
+ ,
+ )
+
+ const albendazoleYesInput = dom.queryByTestId('albendazole-Yes')
+ const checkBox = albendazoleYesInput.getElementsByTagName('span')[0]
+
+ expect(checkBox).not.toHaveClass('am-radio-checked')
+ fireEvent.click(albendazoleYesInput)
+ expect(checkBox).toHaveClass('am-radio-checked')
+})
+
+test('renders the Patient Info Form fields', () => {
+ const formFields = [
+ 'First Name',
+ 'First Name',
+ 'Last Name',
+ 'Last Name',
+ 'Sex',
+ 'Birth',
+ 'Age',
+ 'Phone',
+ 'Town',
+ 'Visit',
+ 'Nickname',
+ 'BP',
+ 'Temp',
+ 'Pulse',
+ 'Weight',
+ 'Height',
+ 'Z-Score',
+ 'Albendazole',
+ 'Allergies',
+ 'Medicines',
+ 'Chief Complaint',
+ 'History',
+ 'Exam',
+ ]
+
+ const { getByText } = render(
+
+ ,
+ )
+
+ formFields.forEach((fieldText) => {
+ const re = new RegExp(fieldText, 'gi')
+ expect(getByText(re)).toBeInTheDocument()
+ })
+})
diff --git a/pwa/src/components/PatientInfoForm.tsx b/pwa/src/components/PatientInfoForm.tsx
new file mode 100644
index 0000000..9530d4b
--- /dev/null
+++ b/pwa/src/components/PatientInfoForm.tsx
@@ -0,0 +1,388 @@
+import React, { ReactElement, useState } from 'react'
+import { useStoreActions } from '../state/storeIndex'
+import { SEX } from '../state/enums'
+import {
+ InputItem,
+ List,
+ TextareaItem,
+ Button,
+ Radio,
+ WhiteSpace,
+} from 'antd-mobile'
+import '../scss/PatientInfoForm.scss'
+
+const RadioItem = Radio.RadioItem
+
+export default function Form(): ReactElement {
+ // State Hooks for Radio Buttons
+ // useState returns a value, and a function to set that value
+ const [sex, setSex] = useState(null as number) // Default: null
+ const [albendazole, setAlbendazole] = useState(0) // Default: No
+ const [firstVisit, setFirstVisit] = useState(0) // Default: No
+ const [pregnant, setPregnant] = useState(0) // Default: No
+ const [planning, setPlanning] = useState(0) // Default: No
+ const [bloodPressureValue, setBloodPressureValue] = useState('')
+ const updateCentralState = useStoreActions(
+ (actions) => actions.patientInfoFormModel.updateFields,
+ )
+
+ // Data for Radio Buttons
+ const sexValues = [
+ { value: 0, label: 'Male' },
+ { value: 1, label: 'Female' },
+ ]
+
+ const radioYesNo = [
+ { value: 0, label: 'No' },
+ { value: 1, label: 'Yes' },
+ ]
+
+ /* istanbul ignore next */
+ const onSubmit = () => {
+ const firstNameField: HTMLInputElement = document.getElementById(
+ 'firstname',
+ ) as HTMLInputElement
+ const lastNameField: HTMLInputElement = document.getElementById(
+ 'lastname',
+ ) as HTMLInputElement
+ const nicknameField: HTMLInputElement = document.getElementById(
+ 'nickname',
+ ) as HTMLInputElement
+ const birthdateField: HTMLInputElement = document.getElementById(
+ 'birthdate',
+ ) as HTMLInputElement
+ const age: HTMLInputElement = document.getElementById(
+ 'age',
+ ) as HTMLInputElement
+ const phone: HTMLInputElement = document.getElementById(
+ 'phone',
+ ) as HTMLInputElement
+ const town: HTMLInputElement = document.getElementById(
+ 'town',
+ ) as HTMLInputElement
+ const gravida: HTMLInputElement = document.getElementById(
+ 'gravida',
+ ) as HTMLInputElement
+ const para: HTMLInputElement = document.getElementById(
+ 'para',
+ ) as HTMLInputElement
+ const abortus: HTMLInputElement = document.getElementById(
+ 'abortus',
+ ) as HTMLInputElement
+ const lmp: HTMLInputElement = document.getElementById(
+ 'lmp',
+ ) as HTMLInputElement
+ const weight: HTMLInputElement = document.getElementById(
+ 'weight',
+ ) as HTMLInputElement
+ const height: HTMLInputElement = document.getElementById(
+ 'height',
+ ) as HTMLInputElement
+ const temp: HTMLInputElement = document.getElementById(
+ 'temp',
+ ) as HTMLInputElement
+ const pulse: HTMLInputElement = document.getElementById(
+ 'pulse',
+ ) as HTMLInputElement
+ const zScore: HTMLInputElement = document.getElementById(
+ 'z-score',
+ ) as HTMLInputElement
+ const allergies: HTMLInputElement = document.getElementById(
+ 'allergies',
+ ) as HTMLInputElement
+ const medicines: HTMLInputElement = document.getElementById(
+ 'medicines',
+ ) as HTMLInputElement
+ const complaintField1: HTMLInputElement = document.getElementById(
+ 'complaint1',
+ ) as HTMLInputElement
+ const complaintField2: HTMLInputElement = document.getElementById(
+ 'complaint2',
+ ) as HTMLInputElement
+ const complaintField3: HTMLInputElement = document.getElementById(
+ 'complaint3',
+ ) as HTMLInputElement
+ const history: HTMLInputElement = document.getElementById(
+ 'history',
+ ) as HTMLInputElement
+ const exam: HTMLInputElement = document.getElementById(
+ 'exam',
+ ) as HTMLInputElement
+ updateCentralState({
+ firstName: firstNameField.value,
+ lastName: lastNameField.value,
+ nickname: nicknameField.value,
+ sex: sex ? SEX.female : SEX.male,
+ birthDate: new Date(birthdateField.value),
+ age: parseInt(age.value),
+ phone: phone.value,
+ town: town.value,
+ firstVisit: firstVisit,
+ pregnant: pregnant,
+ G: sex ? parseInt(gravida.value) : null,
+ P: sex ? parseInt(para.value) : null,
+ A: sex ? parseInt(abortus.value) : null,
+ LMP: sex ? new Date(lmp.value) : null,
+ wantsPlanning: planning,
+ weight: parseFloat(weight.value),
+ height: parseFloat(height.value),
+ bloodPressure: bloodPressureValue,
+ temperature: parseFloat(temp.value),
+ pulse: parseFloat(pulse.value),
+ zScore: parseFloat(zScore.value),
+ albendazole: albendazole,
+ allergies: allergies.value,
+ medicines: medicines.value,
+ chiefComplaint: [
+ complaintField1.value,
+ complaintField2.value,
+ complaintField3.value,
+ ],
+ history: history.value,
+ exam: exam.value,
+ })
+ }
+
+ const validateAndSetBloodPressure = (value: string) => {
+ const newChar = value.slice(-1)
+ if (newChar.match(/[0-9]|\/|^$/) && value.length < 8) {
+ setBloodPressureValue(value)
+ }
+ }
+
+ return (
+ $no-media-breakpoint-value) {
- @return false;
- }
- } @else if not index($im-no-media-expressions, $condition) {
- @return false;
+ @if not $no-media-breakpoint-value {
+ @if im-log('`#{$im-no-media-breakpoint}` is not a valid breakpoint.') {
+ }
}
- }
- @return true;
+ @each $condition in $conditions {
+ @if not map-has-key($media-expressions, $condition) {
+ $operator: get-expression-operator($condition);
+ $prefix: get-expression-prefix($operator);
+ $value: get-expression-value($condition, $operator);
+
+ @if ($prefix == 'max' and $value <= $no-media-breakpoint-value) or
+ ($prefix == 'min' and $value > $no-media-breakpoint-value)
+ {
+ @return false;
+ }
+ } @else if not index($im-no-media-expressions, $condition) {
+ @return false;
+ }
+ }
+
+ @return true;
}
////
@@ -252,7 +252,6 @@ $im-no-media-expressions: ('screen', 'portrait', 'landscape') !default;
/// @access private
////
-
///
/// Get operator of an expression
///
@@ -261,21 +260,20 @@ $im-no-media-expressions: ('screen', 'portrait', 'landscape') !default;
/// @return {String} - Any of `>=`, `>`, `<=`, `<`, `≥`, `≤`
///
@function get-expression-operator($expression) {
- @each $operator in ('>=', '>', '<=', '<', '≥', '≤') {
- @if str-index($expression, $operator) {
- @return $operator;
+ @each $operator in ('>=', '>', '<=', '<', '≥', '≤') {
+ @if str-index($expression, $operator) {
+ @return $operator;
+ }
}
- }
- // It is not possible to include a mixin inside a function, so we have to
- // rely on the `im-log(..)` function rather than the `log(..)` mixin. Because
- // functions cannot be called anywhere in Sass, we need to hack the call in
- // a dummy variable, such as `$_`. If anybody ever raise a scoping issue with
- // Sass 3.3, change this line in `@if im-log(..) {}` instead.
- $_: im-log('No operator found in `#{$expression}`.');
+ // It is not possible to include a mixin inside a function, so we have to
+ // rely on the `im-log(..)` function rather than the `log(..)` mixin. Because
+ // functions cannot be called anywhere in Sass, we need to hack the call in
+ // a dummy variable, such as `$_`. If anybody ever raise a scoping issue with
+ // Sass 3.3, change this line in `@if im-log(..) {}` instead.
+ $_: im-log('No operator found in `#{$expression}`.');
}
-
///
/// Get dimension of an expression, based on a found operator
///
@@ -285,18 +283,17 @@ $im-no-media-expressions: ('screen', 'portrait', 'landscape') !default;
/// @return {String} - `width` or `height` (or potentially anything else)
///
@function get-expression-dimension($expression, $operator) {
- $operator-index: str-index($expression, $operator);
- $parsed-dimension: str-slice($expression, 0, $operator-index - 1);
- $dimension: 'width';
+ $operator-index: str-index($expression, $operator);
+ $parsed-dimension: str-slice($expression, 0, $operator-index - 1);
+ $dimension: 'width';
- @if str-length($parsed-dimension) > 0 {
- $dimension: $parsed-dimension;
- }
+ @if str-length($parsed-dimension) > 0 {
+ $dimension: $parsed-dimension;
+ }
- @return $dimension;
+ @return $dimension;
}
-
///
/// Get dimension prefix based on an operator
///
@@ -305,10 +302,9 @@ $im-no-media-expressions: ('screen', 'portrait', 'landscape') !default;
/// @return {String} - `min` or `max`
///
@function get-expression-prefix($operator) {
- @return if(index(('<', '<=', '≤'), $operator), 'max', 'min');
+ @return if(index(('<', '<=', '≤'), $operator), 'max', 'min');
}
-
///
/// Get value of an expression, based on a found operator
///
@@ -318,36 +314,35 @@ $im-no-media-expressions: ('screen', 'portrait', 'landscape') !default;
/// @return {Number} - A numeric value
///
@function get-expression-value($expression, $operator) {
- $operator-index: str-index($expression, $operator);
- $value: str-slice($expression, $operator-index + str-length($operator));
+ $operator-index: str-index($expression, $operator);
+ $value: str-slice($expression, $operator-index + str-length($operator));
- @if map-has-key($breakpoints, $value) {
- $value: map-get($breakpoints, $value);
- } @else {
- $value: to-number($value);
- }
+ @if map-has-key($breakpoints, $value) {
+ $value: map-get($breakpoints, $value);
+ } @else {
+ $value: to-number($value);
+ }
- $interval: map-get($unit-intervals, unit($value));
+ $interval: map-get($unit-intervals, unit($value));
- @if not $interval {
- // It is not possible to include a mixin inside a function, so we have to
- // rely on the `im-log(..)` function rather than the `log(..)` mixin. Because
- // functions cannot be called anywhere in Sass, we need to hack the call in
- // a dummy variable, such as `$_`. If anybody ever raise a scoping issue with
- // Sass 3.3, change this line in `@if im-log(..) {}` instead.
- $_: im-log('Unknown unit `#{unit($value)}`.');
- }
+ @if not $interval {
+ // It is not possible to include a mixin inside a function, so we have to
+ // rely on the `im-log(..)` function rather than the `log(..)` mixin. Because
+ // functions cannot be called anywhere in Sass, we need to hack the call in
+ // a dummy variable, such as `$_`. If anybody ever raise a scoping issue with
+ // Sass 3.3, change this line in `@if im-log(..) {}` instead.
+ $_: im-log('Unknown unit `#{unit($value)}`.');
+ }
- @if $operator == '>' {
- $value: $value + $interval;
- } @else if $operator == '<' {
- $value: $value - $interval;
- }
+ @if $operator == '>' {
+ $value: $value + $interval;
+ } @else if $operator == '<' {
+ $value: $value - $interval;
+ }
- @return $value;
+ @return $value;
}
-
///
/// Parse an expression to return a valid media-query expression
///
@@ -356,18 +351,18 @@ $im-no-media-expressions: ('screen', 'portrait', 'landscape') !default;
/// @return {String} - Valid media query
///
@function parse-expression($expression) {
- // If it is part of $media-expressions, it has no operator
- // then there is no need to go any further, just return the value
- @if map-has-key($media-expressions, $expression) {
- @return map-get($media-expressions, $expression);
- }
+ // If it is part of $media-expressions, it has no operator
+ // then there is no need to go any further, just return the value
+ @if map-has-key($media-expressions, $expression) {
+ @return map-get($media-expressions, $expression);
+ }
- $operator: get-expression-operator($expression);
- $dimension: get-expression-dimension($expression, $operator);
- $prefix: get-expression-prefix($operator);
- $value: get-expression-value($expression, $operator);
+ $operator: get-expression-operator($expression);
+ $dimension: get-expression-dimension($expression, $operator);
+ $prefix: get-expression-prefix($operator);
+ $value: get-expression-value($expression, $operator);
- @return '(#{$prefix}-#{$dimension}: #{$value})';
+ @return '(#{$prefix}-#{$dimension}: #{$value})';
}
///
@@ -382,17 +377,17 @@ $im-no-media-expressions: ('screen', 'portrait', 'landscape') !default;
/// @return {List} Sliced list
///
@function slice($list, $start: 1, $end: length($list)) {
- @if length($list) < 1 or $start > $end {
- @return ();
- }
+ @if length($list) < 1 or $start > $end {
+ @return ();
+ }
- $result: ();
+ $result: ();
- @for $i from $start through $end {
- $result: append($result, nth($list, $i));
- }
+ @for $i from $start through $end {
+ $result: append($result, nth($list, $i));
+ }
- @return $result;
+ @return $result;
}
////
@@ -401,7 +396,6 @@ $im-no-media-expressions: ('screen', 'portrait', 'landscape') !default;
/// @access private
////
-
///
/// Casts a string into a number
///
@@ -410,44 +404,57 @@ $im-no-media-expressions: ('screen', 'portrait', 'landscape') !default;
/// @return {Number}
///
@function to-number($value) {
- @if type-of($value) == 'number' {
- @return $value;
- } @else if type-of($value) != 'string' {
- $_: im-log('Value for `to-number` should be a number or a string.');
- }
-
- $first-character: str-slice($value, 1, 1);
- $result: 0;
- $digits: 0;
- $minus: ($first-character == '-');
- $numbers: ('0': 0, '1': 1, '2': 2, '3': 3, '4': 4, '5': 5, '6': 6, '7': 7, '8': 8, '9': 9);
-
- // Remove +/- sign if present at first character
- @if ($first-character == '+' or $first-character == '-') {
- $value: str-slice($value, 2);
- }
-
- @for $i from 1 through str-length($value) {
- $character: str-slice($value, $i, $i);
-
- @if not (index(map-keys($numbers), $character) or $character == '.') {
- @return to-length(if($minus, -$result, $result), str-slice($value, $i))
+ @if type-of($value) == 'number' {
+ @return $value;
+ } @else if type-of($value) != 'string' {
+ $_: im-log('Value for `to-number` should be a number or a string.');
}
- @if $character == '.' {
- $digits: 1;
- } @else if $digits == 0 {
- $result: $result * 10 + map-get($numbers, $character);
- } @else {
- $digits: $digits * 10;
- $result: $result + map-get($numbers, $character) / $digits;
- }
- }
+ $first-character: str-slice($value, 1, 1);
+ $result: 0;
+ $digits: 0;
+ $minus: ($first-character == '-');
+ $numbers: (
+ '0': 0,
+ '1': 1,
+ '2': 2,
+ '3': 3,
+ '4': 4,
+ '5': 5,
+ '6': 6,
+ '7': 7,
+ '8': 8,
+ '9': 9,
+ );
- @return if($minus, -$result, $result);
+ // Remove +/- sign if present at first character
+ @if ($first-character == '+' or $first-character == '-') {
+ $value: str-slice($value, 2);
+ }
+
+ @for $i from 1 through str-length($value) {
+ $character: str-slice($value, $i, $i);
+
+ @if not(index(map-keys($numbers), $character) or $character == '.') {
+ @return to-length(
+ if($minus, -$result, $result),
+ str-slice($value, $i)
+ );
+ }
+
+ @if $character == '.' {
+ $digits: 1;
+ } @else if $digits == 0 {
+ $result: $result * 10 + map-get($numbers, $character);
+ } @else {
+ $digits: $digits * 10;
+ $result: $result + map-get($numbers, $character) / $digits;
+ }
+ }
+
+ @return if($minus, -$result, $result);
}
-
///
/// Add `$unit` to `$value`
///
@@ -457,13 +464,29 @@ $im-no-media-expressions: ('screen', 'portrait', 'landscape') !default;
/// @return {Number} - `$value` expressed in `$unit`
///
@function to-length($value, $unit) {
- $units: ('px': 1px, 'cm': 1cm, 'mm': 1mm, '%': 1%, 'ch': 1ch, 'pc': 1pc, 'in': 1in, 'em': 1em, 'rem': 1rem, 'pt': 1pt, 'ex': 1ex, 'vw': 1vw, 'vh': 1vh, 'vmin': 1vmin, 'vmax': 1vmax);
+ $units: (
+ 'px': 1px,
+ 'cm': 1cm,
+ 'mm': 1mm,
+ '%': 1%,
+ 'ch': 1ch,
+ 'pc': 1pc,
+ 'in': 1in,
+ 'em': 1em,
+ 'rem': 1rem,
+ 'pt': 1pt,
+ 'ex': 1ex,
+ 'vw': 1vw,
+ 'vh': 1vh,
+ 'vmin': 1vmin,
+ 'vmax': 1vmax,
+ );
- @if not index(map-keys($units), $unit) {
- $_: im-log('Invalid unit `#{$unit}`.');
- }
+ @if not index(map-keys($units), $unit) {
+ $_: im-log('Invalid unit `#{$unit}`.');
+ }
- @return $value * map-get($units, $unit);
+ @return $value * map-get($units, $unit);
}
///
@@ -505,19 +528,22 @@ $im-no-media-expressions: ('screen', 'portrait', 'landscape') !default;
/// }
///
@mixin media-context($tweakpoints: (), $tweak-media-expressions: ()) {
- // Save global configuration
- $global-breakpoints: $breakpoints;
- $global-media-expressions: $media-expressions;
+ // Save global configuration
+ $global-breakpoints: $breakpoints;
+ $global-media-expressions: $media-expressions;
- // Update global configuration
- $breakpoints: map-merge($breakpoints, $tweakpoints) !global;
- $media-expressions: map-merge($media-expressions, $tweak-media-expressions) !global;
+ // Update global configuration
+ $breakpoints: map-merge($breakpoints, $tweakpoints) !global;
+ $media-expressions: map-merge(
+ $media-expressions,
+ $tweak-media-expressions
+ ) !global;
- @content;
+ @content;
- // Restore global configuration
- $breakpoints: $global-breakpoints !global;
- $media-expressions: $global-media-expressions !global;
+ // Restore global configuration
+ $breakpoints: $global-breakpoints !global;
+ $media-expressions: $global-media-expressions !global;
}
////
@@ -526,7 +552,6 @@ $im-no-media-expressions: ('screen', 'portrait', 'landscape') !default;
/// @access public
////
-
///
/// Generates a media query based on a list of conditions
///
@@ -551,15 +576,20 @@ $im-no-media-expressions: ('screen', 'portrait', 'landscape') !default;
/// @include media('>=350px', ' 0) {
- @media #{unquote(parse-expression(nth($conditions, 1)))} {
- // Recursive call
- @include media(slice($conditions, 2)...) {
+ @if ($im-media-support and length($conditions) == 0) or
+ (
+ not
+ $im-media-support and
+ im-intercepts-static-breakpoint($conditions...)
+ )
+ {
@content;
- }
+ } @else if ($im-media-support and length($conditions) > 0) {
+ @media #{unquote(parse-expression(nth($conditions, 1)))} {
+ // Recursive call
+ @include media(slice($conditions, 2) ...) {
+ @content;
+ }
+ }
}
- }
}
diff --git a/pwa/src/scss/index.scss b/pwa/src/scss/index.scss
index 8d78e58..995b512 100644
--- a/pwa/src/scss/index.scss
+++ b/pwa/src/scss/index.scss
@@ -1,16 +1,16 @@
body {
- margin: 0;
- font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen',
- 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue',
- sans-serif;
- -webkit-font-smoothing: antialiased;
- -moz-osx-font-smoothing: grayscale;
- background-color: #e8ffd9;
- height: 100%;
- width: 100%;
+ margin: 0;
+ font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto',
+ 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans',
+ 'Helvetica Neue', sans-serif;
+ -webkit-font-smoothing: antialiased;
+ -moz-osx-font-smoothing: grayscale;
+ background-color: #e8ffd9;
+ height: 100%;
+ width: 100%;
}
code {
- font-family: source-code-pro, Menlo, Monaco, Consolas, 'Courier New',
- monospace;
-}
\ No newline at end of file
+ font-family: source-code-pro, Menlo, Monaco, Consolas, 'Courier New',
+ monospace;
+}
diff --git a/pwa/src/serviceWorker.ts b/pwa/src/serviceWorker.ts
index 4592733..b877ff6 100644
--- a/pwa/src/serviceWorker.ts
+++ b/pwa/src/serviceWorker.ts
@@ -1,4 +1,5 @@
/* istanbul ignore file */
+/* eslint-disable */
// This optional code is used to register a service worker.
// register() is not called by default.
@@ -12,135 +13,133 @@
// opt-in, read https://bit.ly/CRA-PWA
const isLocalhost = Boolean(
- window.location.hostname === 'localhost' ||
- // [::1] is the IPv6 localhost address.
- window.location.hostname === '[::1]' ||
- // 127.0.0.0/8 are considered localhost for IPv4.
- window.location.hostname.match(
- /^127(?:\.(?:25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)){3}$/
- )
-);
+ window.location.hostname === 'localhost' ||
+ // [::1] is the IPv6 localhost address.
+ window.location.hostname === '[::1]' ||
+ // 127.0.0.0/8 are considered localhost for IPv4.
+ window.location.hostname.match(
+ /^127(?:\.(?:25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)){3}$/,
+ ),
+)
type Config = {
- onSuccess?: (registration: ServiceWorkerRegistration) => void;
- onUpdate?: (registration: ServiceWorkerRegistration) => void;
-};
+ onSuccess?: (registration: ServiceWorkerRegistration) => void
+ onUpdate?: (registration: ServiceWorkerRegistration) => void
+}
export function register(config?: Config) {
- if (process.env.NODE_ENV === 'production' && 'serviceWorker' in navigator) {
- // The URL constructor is available in all browsers that support SW.
- const publicUrl = new URL(
- process.env.PUBLIC_URL,
- window.location.href
- );
- if (publicUrl.origin !== window.location.origin) {
- // Our service worker won't work if PUBLIC_URL is on a different origin
- // from what our page is served on. This might happen if a CDN is used to
- // serve assets; see https://github.com/facebook/create-react-app/issues/2374
- return;
+ if (process.env.NODE_ENV === 'production' && 'serviceWorker' in navigator) {
+ // The URL constructor is available in all browsers that support SW.
+ const publicUrl = new URL(process.env.PUBLIC_URL, window.location.href)
+ if (publicUrl.origin !== window.location.origin) {
+ // Our service worker won't work if PUBLIC_URL is on a different origin
+ // from what our page is served on. This might happen if a CDN is used to
+ // serve assets; see https://github.com/facebook/create-react-app/issues/2374
+ return
+ }
+
+ window.addEventListener('load', () => {
+ const swUrl = `${process.env.PUBLIC_URL}/service-worker.js`
+
+ if (isLocalhost) {
+ // This is running on localhost. Let's check if a service worker still exists or not.
+ checkValidServiceWorker(swUrl, config)
+
+ // Add some additional logging to localhost, pointing developers to the
+ // service worker/PWA documentation.
+ navigator.serviceWorker.ready.then(() => {
+ console.log(
+ 'This web app is being served cache-first by a service ' +
+ 'worker. To learn more, visit https://bit.ly/CRA-PWA',
+ )
+ })
+ } else {
+ // Is not localhost. Just register service worker
+ registerValidSW(swUrl, config)
+ }
+ })
}
-
- window.addEventListener('load', () => {
- const swUrl = `${process.env.PUBLIC_URL}/service-worker.js`;
-
- if (isLocalhost) {
- // This is running on localhost. Let's check if a service worker still exists or not.
- checkValidServiceWorker(swUrl, config);
-
- // Add some additional logging to localhost, pointing developers to the
- // service worker/PWA documentation.
- navigator.serviceWorker.ready.then(() => {
- console.log(
- 'This web app is being served cache-first by a service ' +
- 'worker. To learn more, visit https://bit.ly/CRA-PWA'
- );
- });
- } else {
- // Is not localhost. Just register service worker
- registerValidSW(swUrl, config);
- }
- });
- }
}
function registerValidSW(swUrl: string, config?: Config) {
- navigator.serviceWorker
- .register(swUrl)
- .then(registration => {
- registration.onupdatefound = () => {
- const installingWorker = registration.installing;
- if (installingWorker == null) {
- return;
- }
- installingWorker.onstatechange = () => {
- if (installingWorker.state === 'installed') {
- if (navigator.serviceWorker.controller) {
- // At this point, the updated precached content has been fetched,
- // but the previous service worker will still serve the older
- // content until all client tabs are closed.
- console.log(
- 'New content is available and will be used when all ' +
- 'tabs for this page are closed. See https://bit.ly/CRA-PWA.'
- );
+ navigator.serviceWorker
+ .register(swUrl)
+ .then((registration) => {
+ registration.onupdatefound = () => {
+ const installingWorker = registration.installing
+ if (installingWorker == null) {
+ return
+ }
+ installingWorker.onstatechange = () => {
+ if (installingWorker.state === 'installed') {
+ if (navigator.serviceWorker.controller) {
+ // At this point, the updated precached content has been fetched,
+ // but the previous service worker will still serve the older
+ // content until all client tabs are closed.
+ console.log(
+ 'New content is available and will be used when all ' +
+ 'tabs for this page are closed. See https://bit.ly/CRA-PWA.',
+ )
- // Execute callback
- if (config && config.onUpdate) {
- config.onUpdate(registration);
- }
- } else {
- // At this point, everything has been precached.
- // It's the perfect time to display a
- // "Content is cached for offline use." message.
- console.log('Content is cached for offline use.');
+ // Execute callback
+ if (config && config.onUpdate) {
+ config.onUpdate(registration)
+ }
+ } else {
+ // At this point, everything has been precached.
+ // It's the perfect time to display a
+ // "Content is cached for offline use." message.
+ console.log('Content is cached for offline use.')
- // Execute callback
- if (config && config.onSuccess) {
- config.onSuccess(registration);
- }
+ // Execute callback
+ if (config && config.onSuccess) {
+ config.onSuccess(registration)
+ }
+ }
+ }
+ }
}
- }
- };
- };
- })
- .catch(error => {
- console.error('Error during service worker registration:', error);
- });
+ })
+ .catch((error) => {
+ console.error('Error during service worker registration:', error)
+ })
}
function checkValidServiceWorker(swUrl: string, config?: Config) {
- // Check if the service worker can be found. If it can't reload the page.
- fetch(swUrl, {
- headers: { 'Service-Worker': 'script' }
- })
- .then(response => {
- // Ensure service worker exists, and that we really are getting a JS file.
- const contentType = response.headers.get('content-type');
- if (
- response.status === 404 ||
- (contentType != null && contentType.indexOf('javascript') === -1)
- ) {
- // No service worker found. Probably a different app. Reload the page.
- navigator.serviceWorker.ready.then(registration => {
- registration.unregister().then(() => {
- window.location.reload();
- });
- });
- } else {
- // Service worker found. Proceed as normal.
- registerValidSW(swUrl, config);
- }
+ // Check if the service worker can be found. If it can't reload the page.
+ fetch(swUrl, {
+ headers: { 'Service-Worker': 'script' },
})
- .catch(() => {
- console.log(
- 'No internet connection found. App is running in offline mode.'
- );
- });
+ .then((response) => {
+ // Ensure service worker exists, and that we really are getting a JS file.
+ const contentType = response.headers.get('content-type')
+ if (
+ response.status === 404 ||
+ (contentType != null &&
+ contentType.indexOf('javascript') === -1)
+ ) {
+ // No service worker found. Probably a different app. Reload the page.
+ navigator.serviceWorker.ready.then((registration) => {
+ registration.unregister().then(() => {
+ window.location.reload()
+ })
+ })
+ } else {
+ // Service worker found. Proceed as normal.
+ registerValidSW(swUrl, config)
+ }
+ })
+ .catch(() => {
+ console.log(
+ 'No internet connection found. App is running in offline mode.',
+ )
+ })
}
export function unregister() {
- if ('serviceWorker' in navigator) {
- navigator.serviceWorker.ready.then(registration => {
- registration.unregister();
- });
- }
+ if ('serviceWorker' in navigator) {
+ navigator.serviceWorker.ready.then((registration) => {
+ registration.unregister()
+ })
+ }
}
diff --git a/pwa/src/setupTests.ts b/pwa/src/setupTests.ts
index 74b1a27..2eb59b0 100644
--- a/pwa/src/setupTests.ts
+++ b/pwa/src/setupTests.ts
@@ -2,4 +2,4 @@
// allows you to do things like:
// expect(element).toHaveTextContent(/react/i)
// learn more: https://github.com/testing-library/jest-dom
-import '@testing-library/jest-dom/extend-expect';
+import '@testing-library/jest-dom/extend-expect'
diff --git a/pwa/src/state/enums.ts b/pwa/src/state/enums.ts
new file mode 100644
index 0000000..f26a865
--- /dev/null
+++ b/pwa/src/state/enums.ts
@@ -0,0 +1,13 @@
+/* istanbul ignore file */
+
+export enum SEX {
+ male = 'male',
+ female = 'female',
+}
+
+export enum YN {
+ YES = 1,
+ NO = 0,
+}
+
+export default {}
diff --git a/pwa/src/state/models/patientInfoForm.model.ts b/pwa/src/state/models/patientInfoForm.model.ts
new file mode 100644
index 0000000..e9aefd7
--- /dev/null
+++ b/pwa/src/state/models/patientInfoForm.model.ts
@@ -0,0 +1,48 @@
+import { Action, action } from 'easy-peasy'
+import { SEX, YN } from '../enums'
+
+interface PatientInfoFormFields {
+ firstName?: string
+ lastName?: string
+ nickname?: string
+ sex?: SEX
+ birthDate?: Date
+ age?: number
+ phone?: string
+ town?: string
+ firstVisit?: YN
+ pregnant?: YN
+ G?: number
+ P?: number
+ A?: number
+ LMP?: Date
+ wantsPlanning?: YN
+ weight?: number
+ height?: number
+ bloodPressure?: string
+ temperature?: number
+ pulse?: number
+ zScore?: number
+ albendazole?: YN
+ allergies?: string
+ medicines?: string
+ chiefComplaint?: string[]
+ history?: string
+ exam?: string
+}
+
+export interface PatientInfoFormModel {
+ fields: PatientInfoFormFields
+ updateFields: Action
+}
+
+/* istanbul ignore next */
+// Form submission requests validated in integration test
+const patientInfoFormModel: PatientInfoFormModel = {
+ fields: {},
+ updateFields: action((state, formObject) => {
+ state.fields = formObject
+ }),
+}
+
+export default patientInfoFormModel
diff --git a/pwa/src/state/store.ts b/pwa/src/state/store.ts
new file mode 100644
index 0000000..7142739
--- /dev/null
+++ b/pwa/src/state/store.ts
@@ -0,0 +1,8 @@
+/* istanbul ignore file */
+
+import { createStore, persist } from 'easy-peasy'
+import storeIndex from './storeIndex'
+
+const store = createStore(persist(storeIndex))
+
+export default store
diff --git a/pwa/src/state/storeIndex.ts b/pwa/src/state/storeIndex.ts
new file mode 100644
index 0000000..b77da81
--- /dev/null
+++ b/pwa/src/state/storeIndex.ts
@@ -0,0 +1,17 @@
+/* istanbul ignore file */
+import { createTypedHooks } from 'easy-peasy'
+
+import patientInfoFormModel from './models/patientInfoForm.model'
+
+export const storeModels = {
+ patientInfoFormModel,
+}
+
+export const {
+ useStore,
+ useStoreState,
+ useStoreActions,
+ useStoreDispatch,
+} = createTypedHooks()
+
+export default storeModels
-
-
-
-
- 
-
+ return (
+ <>
+
-
+
-
+
+
+
+
+
+
+ Loading API Fetch: {isLoading.toString()}
- {response && -API Fetch Result: {JSON.stringify(response)}
- } - - ) +Loading API Fetch: {isLoading.toString()}
+ {response &&API Fetch Result: {JSON.stringify(response)}
} + + ) } diff --git a/pwa/src/components/PatientInfoForm.test.tsx b/pwa/src/components/PatientInfoForm.test.tsx new file mode 100644 index 0000000..0311782 --- /dev/null +++ b/pwa/src/components/PatientInfoForm.test.tsx @@ -0,0 +1,147 @@ +import React from 'react' +import { render, fireEvent, prettyDOM } from '@testing-library/react' +import PatientInfoForm from './PatientInfoForm' +import { StoreProvider } from 'easy-peasy' +import store from '../state/store' + +test('female-only div is only displayed if the sex is selected as female', async () => { + const femaleOnlyFormFields = ['Pregnant?', 'LMP', 'Wants Planning?'] + + const dom = render( +
+
+ Birth Date
+
+
+
+ Age{' '}
+
+
+
+ Phone
+
+
+
+ Weight (kg)
+
+
+
+ Height (cm)
+
+
+
+ BP
+
+
+
+ Temp (F)
+
+
+
+ Pulse
+
+
+
+ Z-Score
+
+
+
+ )
+}
diff --git a/pwa/src/hooks/useApi.test.tsx b/pwa/src/hooks/useApi.test.tsx
index 42286bf..17a3153 100644
--- a/pwa/src/hooks/useApi.test.tsx
+++ b/pwa/src/hooks/useApi.test.tsx
@@ -2,8 +2,8 @@ import { renderHook } from '@testing-library/react-hooks'
import useApi from './useApi'
test('should return loading and then a response', async () => {
- const { result, waitForNextUpdate } = renderHook(() => useApi(""))
-
+ const { result, waitForNextUpdate } = renderHook(() => useApi(''))
+
expect(result.current.response).toBeNull()
expect(result.current.error).toBeNull()
expect(result.current.isLoading).toBeTruthy()
@@ -13,4 +13,16 @@ test('should return loading and then a response', async () => {
expect(result.current.response).toBeTruthy()
expect(result.current.error).toBeNull()
expect(result.current.isLoading).toBeFalsy()
-})
\ No newline at end of file
+})
+
+test('should return an error on a non existent route', async () => {
+ const { result, waitForNextUpdate } = renderHook(() => useApi('/404'))
+
+ expect(result.current.response).toBeNull()
+ expect(result.current.error).toBeNull()
+
+ await waitForNextUpdate()
+
+ expect(result.current.response).toBeFalsy()
+ expect(result.current.error).toBeTruthy()
+})
diff --git a/pwa/src/hooks/useApi.tsx b/pwa/src/hooks/useApi.tsx
index 50eb0cd..22629e5 100644
--- a/pwa/src/hooks/useApi.tsx
+++ b/pwa/src/hooks/useApi.tsx
@@ -1,35 +1,35 @@
import React from 'react'
const useApi = (route: string) => {
- const [response, setResponse] = React.useState(null);
- const [error, setError] = React.useState(null);
- const [isLoading, setIsLoading] = React.useState(false);
-
- /* istanbul ignore next */
- const getUrl = () => {
- if (process.env.environment === "docker"){
- return "http://api:4000/"
- }
- else {
- return "http://localhost:4000/"
- }
- }
+ const [response, setResponse] = React.useState(null)
+ const [error, setError] = React.useState(null)
+ const [isLoading, setIsLoading] = React.useState(false)
- React.useEffect(() => {
- const fetchData = async () => {
- setIsLoading(true);
- try {
- const res = await fetch(getUrl() + route);
- const json = await res.json();
- setResponse(json);
- setIsLoading(false)
- } catch (error) {
- setError(error);
- }
- };
- fetchData();
- }, []);
- return { response, error, isLoading };
-};
+ /* istanbul ignore next */
+ const getUrl = () => {
+ if (process.env.environment === 'docker') {
+ return 'http://api:4000/'
+ } else {
+ return 'http://localhost:4000/'
+ }
+ }
-export default useApi
\ No newline at end of file
+ React.useEffect(() => {
+ const fetchData = async () => {
+ setIsLoading(true)
+ try {
+ const res = await fetch(getUrl() + route)
+ const json = await res.json()
+ setResponse(json)
+ setIsLoading(false)
+ } catch (error) {
+ setError(error)
+ }
+ }
+ fetchData()
+ // eslint-disable-next-line react-hooks/exhaustive-deps
+ }, [])
+ return { response, error, isLoading }
+}
+
+export default useApi
diff --git a/pwa/src/index.tsx b/pwa/src/index.tsx
index 8284dd9..3ed6ea5 100644
--- a/pwa/src/index.tsx
+++ b/pwa/src/index.tsx
@@ -1,13 +1,13 @@
/* istanbul ignore file */
-import React from 'react';
-import ReactDOM from 'react-dom';
-import './scss/index.scss';
-import App from './App';
-import * as serviceWorker from './serviceWorker';
+import React from 'react'
+import ReactDOM from 'react-dom'
+import './scss/index.scss'
+import App from './App'
+import * as serviceWorker from './serviceWorker'
-ReactDOM.render(- 'Sex'}>
+ {sexValues.map((i) => (
+
- 'First Visit?'}>
+ {radioYesNo.map((i) => (
+
+
+ G
+
+
+
+ P
+
+
+
+ A
+
+
+
+ LMP
+
+
+
+ ) : null}
+
+ - 'Pregnant?'}>
+ {radioYesNo.map((i) => (
+
- 'Wants Planning?'}>
+ {radioYesNo.map((i) => (
+
- 'Albendazole?'}>
+ {radioYesNo.map((i) => (
+
- 'Allergies'}>
+
- 'Medicines'}>
+
- 'Chief Complaint'}>
+
- 'History'}>
+
- 'Exam'}>
+
+
+ -
+
+