From 547c6286a7d51fcfb5b31b7b07b882949ac0d040 Mon Sep 17 00:00:00 2001 From: Meghan McLaughlin Date: Fri, 27 Mar 2020 10:20:56 -0500 Subject: [PATCH 01/63] template for react component --- pwa/src/components/PatientInfoForm.tsx | 63 ++++++++++++++++++++++++++ 1 file changed, 63 insertions(+) create mode 100644 pwa/src/components/PatientInfoForm.tsx diff --git a/pwa/src/components/PatientInfoForm.tsx b/pwa/src/components/PatientInfoForm.tsx new file mode 100644 index 0000000..7e10e71 --- /dev/null +++ b/pwa/src/components/PatientInfoForm.tsx @@ -0,0 +1,63 @@ +import React, { ReactElement, useState } from 'react' +import {DatePicker, InputItem, List, TextareaItem, Button} from 'antd-mobile' +import enUs from 'antd-mobile/lib/date-picker/locale/en_US'; +import '../scss/Login.scss' + +const nowTimeStamp = Date.now(); +const now = new Date(nowTimeStamp); + +export default function Form(): ReactElement { + // useState returns a value, and a function to set that value + const [name, setName] = useState() + + const onSubmit = () => { + const firstNameField: HTMLInputElement = document.getElementById('firstname') as HTMLInputElement + console.log("First name:", firstNameField.value) + } + + return ( + <> + + + + + + + + Birth Date + + + + + + + + + ) +} From 38cfe4a650f7e8d68f0b6101aa87419b28c38727 Mon Sep 17 00:00:00 2001 From: Meghan McLaughlin Date: Fri, 27 Mar 2020 13:25:49 -0500 Subject: [PATCH 02/63] added logging & several new fields --- pwa/src/components/PatientInfoForm.tsx | 43 +++++++++++++++++++++----- 1 file changed, 36 insertions(+), 7 deletions(-) diff --git a/pwa/src/components/PatientInfoForm.tsx b/pwa/src/components/PatientInfoForm.tsx index 7e10e71..5148559 100644 --- a/pwa/src/components/PatientInfoForm.tsx +++ b/pwa/src/components/PatientInfoForm.tsx @@ -1,21 +1,29 @@ -import React, { ReactElement, useState } from 'react' +import React, { ReactElement } from 'react' import {DatePicker, InputItem, List, TextareaItem, Button} from 'antd-mobile' import enUs from 'antd-mobile/lib/date-picker/locale/en_US'; import '../scss/Login.scss' +import { render } from '@testing-library/react'; -const nowTimeStamp = Date.now(); -const now = new Date(nowTimeStamp); +// const nowTimeStamp = Date.now(); +// const now = new Date(nowTimeStamp); export default function Form(): ReactElement { - // useState returns a value, and a function to set that value - const [name, setName] = useState() + // // useState returns a value, and a function to set that value + // const [name, setName] = useState() 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 weightField: HTMLInputElement = document.getElementById('weight') as HTMLInputElement console.log("First name:", firstNameField.value) + console.log("Last name:", lastNameField.value) + console.log("Nickname:", nicknameField.value) + console.log("Weight:", weightField.value) } return ( + <> @@ -36,6 +46,7 @@ export default function Form(): ReactElement { title="Nickname" placeholder="optional" data-seed="nickname" + id="nickname" autoHeight /> @@ -44,17 +55,35 @@ export default function Form(): ReactElement { locale={enUs} title="Birth Date" extra="Birth Date" + data-seed="birthDate" > Birth Date + {/* TODO: figure out how to access this value */} + id = 'weight' + >Weight (kg) + {/* TODO: figure out how to access this value */} + + 'Chief Complaint'}> + + + From 3836077047d314f6bc4d2953d2ea7ac8fe2d6424 Mon Sep 17 00:00:00 2001 From: Meghan McLaughlin Date: Fri, 27 Mar 2020 13:44:45 -0500 Subject: [PATCH 03/63] added pulse, temp, height --- pwa/src/components/PatientInfoForm.tsx | 41 ++++++++++++++++++++++++-- 1 file changed, 38 insertions(+), 3 deletions(-) diff --git a/pwa/src/components/PatientInfoForm.tsx b/pwa/src/components/PatientInfoForm.tsx index 5148559..5e5b16c 100644 --- a/pwa/src/components/PatientInfoForm.tsx +++ b/pwa/src/components/PatientInfoForm.tsx @@ -12,14 +12,18 @@ export default function Form(): ReactElement { // const [name, setName] = useState() const onSubmit = () => { + // This shows how to access the values of the form 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 weightField: HTMLInputElement = document.getElementById('weight') 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 + console.log("First name:", firstNameField.value) console.log("Last name:", lastNameField.value) console.log("Nickname:", nicknameField.value) - console.log("Weight:", weightField.value) + console.log("Complaints: ", complaintField1.value + " " + complaintField2.value + " " + complaintField3.value) } return ( @@ -60,6 +64,13 @@ export default function Form(): ReactElement { Birth Date {/* TODO: figure out how to access this value */} + Age + {/* these don't technically need to be in their own */} Weight (kg) - {/* TODO: figure out how to access this value */} + + Height (cm) + + Temp (F) + + Pulse + {/* TODO: figure out how to access these values from the money keyboard */} 'Chief Complaint'}> From 4de822f2ddfd1e91398c5721c1e9f14964200925 Mon Sep 17 00:00:00 2001 From: Meghan McLaughlin Date: Sun, 29 Mar 2020 18:18:14 -0500 Subject: [PATCH 04/63] added more fields --- pwa/src/components/PatientInfoForm.tsx | 196 ++++++++++++++----------- 1 file changed, 114 insertions(+), 82 deletions(-) diff --git a/pwa/src/components/PatientInfoForm.tsx b/pwa/src/components/PatientInfoForm.tsx index 5e5b16c..86ab463 100644 --- a/pwa/src/components/PatientInfoForm.tsx +++ b/pwa/src/components/PatientInfoForm.tsx @@ -27,99 +27,131 @@ export default function Form(): ReactElement { } return ( - - <> - + <> + - + - + - - Birth Date - {/* TODO: figure out how to access this value */} - - Age - {/* these don't technically need to be in their own */} + + Birth Date + {/* TODO: figure out how to access this value */} + + Age - - Weight (kg) + Phone - Height (cm) - - Temp (F) - - Pulse - {/* TODO: figure out how to access these values from the money keyboard */} - - 'Chief Complaint'}> + {/* TODO: only display this section for patients marked as Female */} + - + + + + + {/* these don't technically need to be in their own */} + + + Weight (kg) + + Height (cm) + + Temp (F) + + Pulse + {/* TODO: figure out how to access these values from the money keyboard */} + + 'Chief Complaint'}> + + + + From 8eb3759c3d90e0deae1a0b6e79f0988b8db27dd1 Mon Sep 17 00:00:00 2001 From: Meghan McLaughlin Date: Wed, 8 Apr 2020 12:33:53 -0500 Subject: [PATCH 05/63] not compiling; error with typing --- pwa/src/components/PatientInfoForm.tsx | 259 +++++++++++++------------ 1 file changed, 135 insertions(+), 124 deletions(-) diff --git a/pwa/src/components/PatientInfoForm.tsx b/pwa/src/components/PatientInfoForm.tsx index 86ab463..9263880 100644 --- a/pwa/src/components/PatientInfoForm.tsx +++ b/pwa/src/components/PatientInfoForm.tsx @@ -1,15 +1,15 @@ -import React, { ReactElement } from 'react' -import {DatePicker, InputItem, List, TextareaItem, Button} from 'antd-mobile' +import React, { ReactElement, useState, useEffect } from 'react' +import {DatePicker, InputItem, List, TextareaItem, Button, Radio} from 'antd-mobile' import enUs from 'antd-mobile/lib/date-picker/locale/en_US'; import '../scss/Login.scss' -import { render } from '@testing-library/react'; +// import { render } from '@testing-library/react'; +const RadioItem = Radio.RadioItem; -// const nowTimeStamp = Date.now(); -// const now = new Date(nowTimeStamp); export default function Form(): ReactElement { - // // useState returns a value, and a function to set that value - // const [name, setName] = useState() + // useState returns a value, and a function to set that value + const [name, setName] = useState() + const [planning, setPlanning] = useState(0) const onSubmit = () => { // This shows how to access the values of the form @@ -26,134 +26,145 @@ export default function Form(): ReactElement { console.log("Complaints: ", complaintField1.value + " " + complaintField2.value + " " + complaintField3.value) } + const wantsPlanning = [ + { value: 0, label: 'Yes' }, + { value: 1, label: 'No' }, + ]; + + const onChange = (value :any) => { //todo change type here + console.log('checkbox'); + }; + return ( - <> - +
+ - + - + - - Birth Date - {/* TODO: figure out how to access this value */} - - Age + + Birth Date + {/* TODO: figure out how to access this value */} + + Age - Phone + Phone - {/* TODO: only display this section for patients marked as Female */} - - - - - - - + {/* TODO: only display this section for patients marked as Female */} +
+ + + + + 'Wants Planning?'}> + {wantsPlanning.map(i => ( + onChange(i.value)}> + {i.label} + + ))} + +
- {/* these don't technically need to be in their own */} + {/* these don't technically need to be in their own */} - - Weight (kg) + + Weight (kg) - Height (cm) + Height (cm) - Temp (F) + Temp (F) - Pulse - {/* TODO: figure out how to access these values from the money keyboard */} - - 'Chief Complaint'}> - - - - - + Pulse + {/* TODO: figure out how to access these values from the money keyboard */} + + 'Chief Complaint'}> + + + + + - +
) } From 3c0f9c79376ba815832427919d93c1ceba27c6fc Mon Sep 17 00:00:00 2001 From: Meghan McLaughlin Date: Wed, 8 Apr 2020 20:51:11 -0500 Subject: [PATCH 06/63] radio buttons working --- pwa/src/components/PatientInfoForm.tsx | 7 ++++--- 1 file changed, 4 insertions(+), 3 deletions(-) diff --git a/pwa/src/components/PatientInfoForm.tsx b/pwa/src/components/PatientInfoForm.tsx index 9263880..0f93331 100644 --- a/pwa/src/components/PatientInfoForm.tsx +++ b/pwa/src/components/PatientInfoForm.tsx @@ -8,7 +8,7 @@ const RadioItem = Radio.RadioItem; export default function Form(): ReactElement { // useState returns a value, and a function to set that value - const [name, setName] = useState() + // const [name, setName] = useState() const [planning, setPlanning] = useState(0) const onSubmit = () => { @@ -31,8 +31,9 @@ export default function Form(): ReactElement { { value: 1, label: 'No' }, ]; - const onChange = (value :any) => { //todo change type here + const onChange = (value :number) => { //todo change type here console.log('checkbox'); + setPlanning(value) }; return ( @@ -106,7 +107,7 @@ export default function Form(): ReactElement { /> 'Wants Planning?'}> {wantsPlanning.map(i => ( - onChange(i.value)}> + onChange(i.value)}> {i.label} ))} From b5b8179cff59f0e2ddd879c5b672c3fc4365ccaf Mon Sep 17 00:00:00 2001 From: Meghan McLaughlin Date: Wed, 8 Apr 2020 22:12:52 -0500 Subject: [PATCH 07/63] added more fields & toggle female only form fields --- pwa/src/components/PatientInfoForm.tsx | 148 +++++++++++++++++-------- 1 file changed, 103 insertions(+), 45 deletions(-) diff --git a/pwa/src/components/PatientInfoForm.tsx b/pwa/src/components/PatientInfoForm.tsx index 0f93331..4b571a4 100644 --- a/pwa/src/components/PatientInfoForm.tsx +++ b/pwa/src/components/PatientInfoForm.tsx @@ -1,15 +1,19 @@ -import React, { ReactElement, useState, useEffect } from 'react' +import React, { ReactElement, useState } from 'react' import {DatePicker, InputItem, List, TextareaItem, Button, Radio} from 'antd-mobile' import enUs from 'antd-mobile/lib/date-picker/locale/en_US'; import '../scss/Login.scss' -// import { render } from '@testing-library/react'; const RadioItem = Radio.RadioItem; export default function Form(): ReactElement { // useState returns a value, and a function to set that value - // const [name, setName] = useState() - const [planning, setPlanning] = useState(0) + const [displayFemaleOptions, setDisplayFemaleOptions] = useState(0) + const [sex, setSex] = useState() // Default: null + const [albendazole, setAlbendazole] = useState(0) // Default: No + const [visit, setVisit] = useState(0) // Default: No + const [pregnant, setPregnant] = useState(0) // Default: No + const [planning, setPlanning] = useState(0) // Default: No + const onSubmit = () => { // This shows how to access the values of the form @@ -24,17 +28,34 @@ export default function Form(): ReactElement { console.log("Last name:", lastNameField.value) console.log("Nickname:", nicknameField.value) console.log("Complaints: ", complaintField1.value + " " + complaintField2.value + " " + complaintField3.value) + console.log("Wants Planning?: " + planning) } - const wantsPlanning = [ - { value: 0, label: 'Yes' }, - { value: 1, label: 'No' }, + // Data for Radio Buttons + const sexValues = [ + {value: 0, label: 'Male'}, + {value: 1, label: 'Female'} + ] + + const radioYesNo = [ + { value: 0, label: 'No' }, + { value: 1, label: 'Yes' }, ]; - const onChange = (value :number) => { //todo change type here - console.log('checkbox'); - setPlanning(value) - }; + // const onChangePlanning = (value :number) => { //todo change type here + // setPlanning(value) + // }; + + // const changeSex = (value :number) => { + // setSex(value) + // if (value) { + // // Male = 0 - do not display female-only div + // setDisplayFemaleOptions(0) + // } else { + // setDisplayFemaleOptions + + // } + // } return (
@@ -63,16 +84,25 @@ export default function Form(): ReactElement { autoHeight /> + 'Sex'}> + {sexValues.map(i => ( + setSex(i.value)}> + {i.label} + + ))} + + - Birth Date - {/* TODO: figure out how to access this value */} + Birth Date + {/* TODO: figure out how to access this value */} + Phone - {/* TODO: only display this section for patients marked as Female */} -
- - - - - 'Wants Planning?'}> - {wantsPlanning.map(i => ( - onChange(i.value)}> - {i.label} - - ))} - -
+ 'Visit?'}> + {radioYesNo.map(i => ( + setVisit(i.value)}> + {i.label} + + ))} + - {/* these don't technically need to be in their own */} + {/* Only display the following div if the patient is female */} + {sex ? +
+ 'Pregnant?'}> + {radioYesNo.map(i => ( + setPregnant(i.value)}> + {i.label} + + ))} + + + + + + + 'Wants Planning?'}> + {radioYesNo.map(i => ( + setPlanning(i.value)}> + {i.label} + + ))} + +
+ : null + } + + {/* TODO these don't technically need to be in their own */} Pulse {/* TODO: figure out how to access these values from the money keyboard */} + + 'Albendazole?'}> + {radioYesNo.map(i => ( + setAlbendazole(i.value)}> + {i.label} + + ))} + + 'Chief Complaint'}> Date: Thu, 9 Apr 2020 22:36:33 -0500 Subject: [PATCH 08/63] almost all fields added --- pwa/src/components/PatientInfoForm.tsx | 97 +++++++++++++++++--------- 1 file changed, 64 insertions(+), 33 deletions(-) diff --git a/pwa/src/components/PatientInfoForm.tsx b/pwa/src/components/PatientInfoForm.tsx index 4b571a4..1fd94c1 100644 --- a/pwa/src/components/PatientInfoForm.tsx +++ b/pwa/src/components/PatientInfoForm.tsx @@ -7,7 +7,6 @@ const RadioItem = Radio.RadioItem; export default function Form(): ReactElement { // useState returns a value, and a function to set that value - const [displayFemaleOptions, setDisplayFemaleOptions] = useState(0) const [sex, setSex] = useState() // Default: null const [albendazole, setAlbendazole] = useState(0) // Default: No const [visit, setVisit] = useState(0) // Default: No @@ -42,20 +41,7 @@ export default function Form(): ReactElement { { value: 1, label: 'Yes' }, ]; - // const onChangePlanning = (value :number) => { //todo change type here - // setPlanning(value) - // }; - - // const changeSex = (value :number) => { - // setSex(value) - // if (value) { - // // Male = 0 - do not display female-only div - // setDisplayFemaleOptions(0) - // } else { - // setDisplayFemaleOptions - - // } - // } + // TODO - get rid of the "money" input type return (
@@ -78,7 +64,7 @@ export default function Form(): ReactElement { Phone + + 'Visit?'}> {radioYesNo.map(i => ( setVisit(i.value)}> @@ -167,32 +161,39 @@ export default function Form(): ReactElement { Weight (kg) Height (cm) Temp (F) Pulse + + Z-Score {/* TODO: figure out how to access these values from the money keyboard */} @@ -204,6 +205,21 @@ export default function Form(): ReactElement { ))} + 'Alergies'}> + + + {/* TODO: this would be nice as a dynamic entry */} + + 'Medicines'}> + + + 'Chief Complaint'}> - + + 'History'}> + + + + 'Exam'}> + + + +
) From ec54426706e98acc9df032dd0481c5a639a60b36 Mon Sep 17 00:00:00 2001 From: Meghan McLaughlin Date: Thu, 9 Apr 2020 22:38:14 -0500 Subject: [PATCH 09/63] updated formatting --- pwa/src/components/PatientInfoForm.tsx | 418 ++++++++++++------------- 1 file changed, 209 insertions(+), 209 deletions(-) diff --git a/pwa/src/components/PatientInfoForm.tsx b/pwa/src/components/PatientInfoForm.tsx index 1fd94c1..be4bf60 100644 --- a/pwa/src/components/PatientInfoForm.tsx +++ b/pwa/src/components/PatientInfoForm.tsx @@ -1,260 +1,260 @@ import React, { ReactElement, useState } from 'react' -import {DatePicker, InputItem, List, TextareaItem, Button, Radio} from 'antd-mobile' +import { DatePicker, InputItem, List, TextareaItem, Button, Radio } from 'antd-mobile' import enUs from 'antd-mobile/lib/date-picker/locale/en_US'; import '../scss/Login.scss' const RadioItem = Radio.RadioItem; export default function Form(): ReactElement { - // useState returns a value, and a function to set that value - const [sex, setSex] = useState() // Default: null - const [albendazole, setAlbendazole] = useState(0) // Default: No - const [visit, setVisit] = useState(0) // Default: No - const [pregnant, setPregnant] = useState(0) // Default: No - const [planning, setPlanning] = useState(0) // Default: No + // useState returns a value, and a function to set that value + const [sex, setSex] = useState() // Default: null + const [albendazole, setAlbendazole] = useState(0) // Default: No + const [visit, setVisit] = useState(0) // Default: No + const [pregnant, setPregnant] = useState(0) // Default: No + const [planning, setPlanning] = useState(0) // Default: No - const onSubmit = () => { - // This shows how to access the values of the form - 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 complaintField1: HTMLInputElement = document.getElementById('complaint1') as HTMLInputElement - const complaintField2: HTMLInputElement = document.getElementById('complaint2') as HTMLInputElement - const complaintField3: HTMLInputElement = document.getElementById('complaint3') as HTMLInputElement + const onSubmit = () => { + // This shows how to access the values of the form + 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 complaintField1: HTMLInputElement = document.getElementById('complaint1') as HTMLInputElement + const complaintField2: HTMLInputElement = document.getElementById('complaint2') as HTMLInputElement + const complaintField3: HTMLInputElement = document.getElementById('complaint3') as HTMLInputElement - console.log("First name:", firstNameField.value) - console.log("Last name:", lastNameField.value) - console.log("Nickname:", nicknameField.value) - console.log("Complaints: ", complaintField1.value + " " + complaintField2.value + " " + complaintField3.value) - console.log("Wants Planning?: " + planning) - } + console.log("First name:", firstNameField.value) + console.log("Last name:", lastNameField.value) + console.log("Nickname:", nicknameField.value) + console.log("Complaints: ", complaintField1.value + " " + complaintField2.value + " " + complaintField3.value) + console.log("Wants Planning?: " + planning) + } - // Data for Radio Buttons - const sexValues = [ - {value: 0, label: 'Male'}, - {value: 1, label: 'Female'} - ] + // Data for Radio Buttons + const sexValues = [ + { value: 0, label: 'Male' }, + { value: 1, label: 'Female' } + ] - const radioYesNo = [ - { value: 0, label: 'No' }, - { value: 1, label: 'Yes' }, - ]; + const radioYesNo = [ + { value: 0, label: 'No' }, + { value: 1, label: 'Yes' }, + ]; - // TODO - get rid of the "money" input type + // TODO - get rid of the "money" input type - return ( -
- + + /> - + /> - + /> - 'Sex'}> - {sexValues.map(i => ( - setSex(i.value)}> - {i.label} - + 'Sex'}> + {sexValues.map(i => ( + setSex(i.value)}> + {i.label} + + ))} + + + + Birth Date + {/* TODO: figure out how to access this value */} + + + Age + + Phone + + + + 'Visit?'}> + {radioYesNo.map(i => ( + setVisit(i.value)}> + {i.label} + + ))} + + + {/* Only display the following div if the patient is female */} + {sex ? +
+ 'Pregnant?'}> + {radioYesNo.map(i => ( + setPregnant(i.value)}> + {i.label} + ))} - + - - Birth Date - {/* TODO: figure out how to access this value */} - + + + + + 'Wants Planning?'}> + {radioYesNo.map(i => ( + setPlanning(i.value)}> + {i.label} + + ))} + +
+ : null + } + + {/* TODO these don't technically need to be in their own */} + + + Weight (kg) Age + type="money" + moneyKeyboardAlign="left" + clear + id='height' + >Height (cm) Phone + type="money" + moneyKeyboardAlign="left" + clear + id='temp' + >Temp (F) + Pulse + + Z-Score + {/* TODO: figure out how to access these values from the money keyboard */} + + + 'Albendazole?'}> + {radioYesNo.map(i => ( + setAlbendazole(i.value)}> + {i.label} + + ))} + + + 'Alergies'}> + + {/* TODO: this would be nice as a dynamic entry */} - 'Visit?'}> - {radioYesNo.map(i => ( - setVisit(i.value)}> - {i.label} - - ))} - + 'Medicines'}> + + - {/* Only display the following div if the patient is female */} - {sex ? -
- 'Pregnant?'}> - {radioYesNo.map(i => ( - setPregnant(i.value)}> - {i.label} - - ))} - + 'Chief Complaint'}> + + + + - - - - - 'Wants Planning?'}> - {radioYesNo.map(i => ( - setPlanning(i.value)}> - {i.label} - - ))} - -
- : null - } + 'History'}> + + - {/* TODO these don't technically need to be in their own */} + 'Exam'}> + + - - Weight (kg) - - Height (cm) - - Temp (F) - - Pulse - - Z-Score - {/* TODO: figure out how to access these values from the money keyboard */} - - - 'Albendazole?'}> - {radioYesNo.map(i => ( - setAlbendazole(i.value)}> - {i.label} - - ))} - - - 'Alergies'}> - - - {/* TODO: this would be nice as a dynamic entry */} - - 'Medicines'}> - - - - 'Chief Complaint'}> - - - - - - 'History'}> - - - - 'Exam'}> - - - - +
- ) + ) } From d0c6abe69086e7e0ac0d0a11ea2ab4b003b09977 Mon Sep 17 00:00:00 2001 From: Meghan McLaughlin Date: Fri, 10 Apr 2020 12:16:38 -0500 Subject: [PATCH 10/63] changed money input to number input; removed redundant Lists --- pwa/src/components/PatientInfoForm.tsx | 49 +++++++++++--------------- 1 file changed, 20 insertions(+), 29 deletions(-) diff --git a/pwa/src/components/PatientInfoForm.tsx b/pwa/src/components/PatientInfoForm.tsx index be4bf60..b7db88e 100644 --- a/pwa/src/components/PatientInfoForm.tsx +++ b/pwa/src/components/PatientInfoForm.tsx @@ -2,6 +2,7 @@ import React, { ReactElement, useState } from 'react' import { DatePicker, InputItem, List, TextareaItem, Button, Radio } from 'antd-mobile' import enUs from 'antd-mobile/lib/date-picker/locale/en_US'; import '../scss/Login.scss' + const RadioItem = Radio.RadioItem; @@ -41,8 +42,6 @@ export default function Form(): ReactElement { { value: 1, label: 'Yes' }, ]; - // TODO - get rid of the "money" input type - return (
Age Phone @@ -119,7 +115,7 @@ export default function Form(): ReactElement { ))} - {/* Only display the following div if the patient is female */} + {/* Only display the female-only div if the patient is female */} {sex ?
'Pregnant?'}> @@ -130,16 +126,19 @@ export default function Form(): ReactElement { ))} - - - */} - Weight (kg) Height (cm) BP + + Temp (F) Pulse Z-Score - {/* TODO: figure out how to access these values from the money keyboard */} - 'Albendazole?'}> {radioYesNo.map(i => ( From 33cd324da68ba10916d50deaed96740ed72f0496 Mon Sep 17 00:00:00 2001 From: Meghan McLaughlin Date: Fri, 10 Apr 2020 12:17:12 -0500 Subject: [PATCH 11/63] changed money input to number input; removed redundant Lists --- pwa/src/components/PatientInfoForm.tsx | 50 +++++++++++++------------- 1 file changed, 24 insertions(+), 26 deletions(-) diff --git a/pwa/src/components/PatientInfoForm.tsx b/pwa/src/components/PatientInfoForm.tsx index b7db88e..2c54d17 100644 --- a/pwa/src/components/PatientInfoForm.tsx +++ b/pwa/src/components/PatientInfoForm.tsx @@ -156,37 +156,35 @@ export default function Form(): ReactElement { : null } - {/* TODO these don't technically need to be in their own */} + Weight (kg) - Weight (kg) + Height (cm) - Height (cm) + BP - BP + Temp (F) - Temp (F) + Pulse - Pulse - - Z-Score + Z-Score 'Albendazole?'}> {radioYesNo.map(i => ( From 25d7b83fcedede3bd31158db7e1c48f02ef3e92e Mon Sep 17 00:00:00 2001 From: Meghan McLaughlin Date: Fri, 10 Apr 2020 12:19:21 -0500 Subject: [PATCH 12/63] removed data-seed attributes --- pwa/src/components/PatientInfoForm.tsx | 37 +++++++++++--------------- 1 file changed, 16 insertions(+), 21 deletions(-) diff --git a/pwa/src/components/PatientInfoForm.tsx b/pwa/src/components/PatientInfoForm.tsx index 2c54d17..ca5e95f 100644 --- a/pwa/src/components/PatientInfoForm.tsx +++ b/pwa/src/components/PatientInfoForm.tsx @@ -7,13 +7,24 @@ 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() // Default: null - const [albendazole, setAlbendazole] = useState(0) // Default: No - const [visit, setVisit] = useState(0) // Default: No - const [pregnant, setPregnant] = useState(0) // Default: No - const [planning, setPlanning] = useState(0) // Default: No + const [sex, setSex] = useState() // Default: null + const [albendazole, setAlbendazole] = useState(0) // Default: No + const [visit, setVisit] = useState(0) // Default: No + const [pregnant, setPregnant] = useState(0) // Default: No + const [planning, setPlanning] = useState(0) // Default: No + // Data for Radio Buttons + const sexValues = [ + { value: 0, label: 'Male' }, + { value: 1, label: 'Female' } + ] + + const radioYesNo = [ + { value: 0, label: 'No' }, + { value: 1, label: 'Yes' }, + ]; const onSubmit = () => { // This shows how to access the values of the form @@ -31,23 +42,11 @@ export default function Form(): ReactElement { console.log("Wants Planning?: " + planning) } - // Data for Radio Buttons - const sexValues = [ - { value: 0, label: 'Male' }, - { value: 1, label: 'Female' } - ] - - const radioYesNo = [ - { value: 0, label: 'No' }, - { value: 1, label: 'Yes' }, - ]; - return (
@@ -55,16 +54,13 @@ export default function Form(): ReactElement { @@ -102,7 +98,6 @@ export default function Form(): ReactElement { From 5956e268f2f2be88865b8958bdf64402b5fa1aa4 Mon Sep 17 00:00:00 2001 From: Meghan McLaughlin Date: Fri, 10 Apr 2020 12:27:52 -0500 Subject: [PATCH 13/63] formatting --- pwa/src/components/PatientInfoForm.tsx | 39 ++++++++++++++++++-------- 1 file changed, 28 insertions(+), 11 deletions(-) diff --git a/pwa/src/components/PatientInfoForm.tsx b/pwa/src/components/PatientInfoForm.tsx index ca5e95f..ebaf079 100644 --- a/pwa/src/components/PatientInfoForm.tsx +++ b/pwa/src/components/PatientInfoForm.tsx @@ -1,5 +1,5 @@ import React, { ReactElement, useState } from 'react' -import { DatePicker, InputItem, List, TextareaItem, Button, Radio } from 'antd-mobile' +import { DatePicker, InputItem, List, TextareaItem, Button, Radio, WhiteSpace} from 'antd-mobile' import enUs from 'antd-mobile/lib/date-picker/locale/en_US'; import '../scss/Login.scss' @@ -73,6 +73,8 @@ export default function Form(): ReactElement { ))} + + Age Phone @@ -110,9 +113,10 @@ export default function Form(): ReactElement { ))} - {/* Only display the female-only div if the patient is female */} + {/* Only display the 'female-only' div if the patient is female */} {sex ?
+ 'Pregnant?'}> {radioYesNo.map(i => ( setPregnant(i.value)}> @@ -125,21 +129,25 @@ export default function Form(): ReactElement { title="G" type="number" id='gravida' - /> + >G + + >P + + >A + + 'Wants Planning?'}> {radioYesNo.map(i => ( setPlanning(i.value)}> @@ -151,33 +159,41 @@ export default function Form(): ReactElement { : null } + + Weight (kg) Height (cm) BP Temp (F) Pulse Z-Score @@ -195,7 +211,6 @@ export default function Form(): ReactElement { id='alergies' /> - {/* TODO: this would be nice as a dynamic entry */} 'Medicines'}> @@ -237,6 +252,8 @@ export default function Form(): ReactElement { /> + +
From 5adacc2f70bf59e85f0f481828ae4b870c050f62 Mon Sep 17 00:00:00 2001 From: Meghan McLaughlin Date: Sun, 12 Apr 2020 20:29:45 -0500 Subject: [PATCH 14/63] start of unit tests for PatientInfoForm --- pwa/src/components/PatientInfoForm.test.tsx | 58 +++++++++++++++++++++ pwa/src/components/PatientInfoForm.tsx | 2 +- 2 files changed, 59 insertions(+), 1 deletion(-) create mode 100644 pwa/src/components/PatientInfoForm.test.tsx diff --git a/pwa/src/components/PatientInfoForm.test.tsx b/pwa/src/components/PatientInfoForm.test.tsx new file mode 100644 index 0000000..743742f --- /dev/null +++ b/pwa/src/components/PatientInfoForm.test.tsx @@ -0,0 +1,58 @@ +import React from "react"; +import { render, fireEvent, screen } from "@testing-library/react"; +import PatientInfoForm from "./PatientInfoForm"; + +test("female-only div is only displayed if the sex is selected as female", () => { + const femaleOnlyFormFields = [ + "pregnant", + "LMP", + "wants planning" + ] + + render(); + + // ensure the female-only div is not displayed + femaleOnlyFormFields.forEach((fieldText) => { + let re = new RegExp(fieldText, 'gi'); + expect(screen.queryByText(re)).toBeNull(); + }) + + // click the radio button for 'female' + fireEvent.click(screen.getByText(/female/i)) + + // ensure the female-only div is displayed + femaleOnlyFormFields.forEach((fieldText) => { + let re = new RegExp(fieldText, 'gi'); + expect(screen.getByText(re)).toBeInTheDocument(); + }) +}) + + +test("renders the Patient Info Form fields", () => { + const formFields = [ + "First Name", + "Last Name", + "Nickname", + "Town", + "Sex", + "Birth", + "Age", + "Phone", + "Temp", + "Pulse", + "Weight", + "Height", + "Albendazole", + "Alergies", + "Medicines", + "Exam" + ]; + + const { getByText } = render(); + + + formFields.forEach((fieldText) => { + let re = new RegExp(fieldText, 'gi'); + expect(getByText(re)).toBeInTheDocument(); + }) +}) \ No newline at end of file diff --git a/pwa/src/components/PatientInfoForm.tsx b/pwa/src/components/PatientInfoForm.tsx index ebaf079..045aaa6 100644 --- a/pwa/src/components/PatientInfoForm.tsx +++ b/pwa/src/components/PatientInfoForm.tsx @@ -9,7 +9,7 @@ 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() // Default: null + const [sex, setSex] = useState(null as Number) // Default: null const [albendazole, setAlbendazole] = useState(0) // Default: No const [visit, setVisit] = useState(0) // Default: No const [pregnant, setPregnant] = useState(0) // Default: No From 0e44ac694e6890432d2572a20b3956cb48c350e1 Mon Sep 17 00:00:00 2001 From: Ben Mitchinson Date: Sun, 12 Apr 2020 23:47:06 -0500 Subject: [PATCH 15/63] React Router Init --- pwa/package-lock.json | 126 ++++++++++++++++++++++++++++++++++++++++ pwa/package.json | 2 + pwa/src/App.tsx | 23 ++++++-- pwa/src/Wrapper.tsx | 11 ++++ pwa/src/scss/Login.scss | 44 ++++++++------ 5 files changed, 183 insertions(+), 23 deletions(-) create mode 100644 pwa/src/Wrapper.tsx diff --git a/pwa/package-lock.json b/pwa/package-lock.json index caea114..9c88623 100644 --- a/pwa/package-lock.json +++ b/pwa/package-lock.json @@ -1678,6 +1678,11 @@ "@types/node": "*" } }, + "@types/history": { + "version": "4.7.5", + "resolved": "https://registry.npmjs.org/@types/history/-/history-4.7.5.tgz", + "integrity": "sha512-wLD/Aq2VggCJXSjxEwrMafIP51Z+13H78nXIX0ABEuIGhmB5sNGbR113MOKo+yfw+RDo1ZU3DM6yfnnRF/+ouw==" + }, "@types/istanbul-lib-coverage": { "version": "2.0.1", "resolved": "https://registry.npmjs.org/@types/istanbul-lib-coverage/-/istanbul-lib-coverage-2.0.1.tgz", @@ -1755,6 +1760,25 @@ "@types/react": "*" } }, + "@types/react-router": { + "version": "5.1.5", + "resolved": "https://registry.npmjs.org/@types/react-router/-/react-router-5.1.5.tgz", + "integrity": "sha512-RZPdCtZympi6X7EkGyaU7ISiAujDYTWgqMF9owE3P6efITw27IWQykcti0BvA5h4Mu1LLl5rxrpO3r8kHyUZ/Q==", + "requires": { + "@types/history": "*", + "@types/react": "*" + } + }, + "@types/react-router-dom": { + "version": "5.1.4", + "resolved": "https://registry.npmjs.org/@types/react-router-dom/-/react-router-dom-5.1.4.tgz", + "integrity": "sha512-LO0z5qqSfWdYtCNsRm8/OMnnkv52hwADJKrAfpKIyfHclORllcgAMGypEA7ajHm38+jOonKLx8nPygNAAZGxtg==", + "requires": { + "@types/history": "*", + "@types/react": "*", + "@types/react-router": "*" + } + }, "@types/react-test-renderer": { "version": "16.9.2", "resolved": "https://registry.npmjs.org/@types/react-test-renderer/-/react-test-renderer-16.9.2.tgz", @@ -6636,6 +6660,11 @@ "resolved": "https://registry.npmjs.org/growly/-/growly-1.3.0.tgz", "integrity": "sha1-8QdIy+dq+WS3yWyTxrzCivEgwIE=" }, + "gud": { + "version": "1.0.0", + "resolved": "https://registry.npmjs.org/gud/-/gud-1.0.0.tgz", + "integrity": "sha512-zGEOVKFM5sVPPrYs7J5/hYEw2Pof8KCyOwyhG8sAF26mCAeUFAcYPu1mwB7hhpIP29zOIBaDqwuHdLp0jvZXjw==" + }, "gzip-size": { "version": "5.1.1", "resolved": "https://registry.npmjs.org/gzip-size/-/gzip-size-5.1.1.tgz", @@ -6771,6 +6800,19 @@ "resolved": "https://registry.npmjs.org/hex-color-regex/-/hex-color-regex-1.1.0.tgz", "integrity": "sha512-l9sfDFsuqtOqKDsQdqrMRk0U85RZc0RtOR9yPI7mRVOa4FsR/BVnZ0shmQRM96Ji99kYZP/7hn1cedc1+ApsTQ==" }, + "history": { + "version": "4.10.1", + "resolved": "https://registry.npmjs.org/history/-/history-4.10.1.tgz", + "integrity": "sha512-36nwAD620w12kuzPAsyINPWJqlNbij+hpK1k9XRloDtym8mxzGYl2c17LnV6IAGB2Dmg4tEa7G7DlawS0+qjew==", + "requires": { + "@babel/runtime": "^7.1.2", + "loose-envify": "^1.2.0", + "resolve-pathname": "^3.0.0", + "tiny-invariant": "^1.0.2", + "tiny-warning": "^1.0.0", + "value-equal": "^1.0.1" + } + }, "hmac-drbg": { "version": "1.0.1", "resolved": "https://registry.npmjs.org/hmac-drbg/-/hmac-drbg-1.0.1.tgz", @@ -6781,6 +6823,14 @@ "minimalistic-crypto-utils": "^1.0.1" } }, + "hoist-non-react-statics": { + "version": "3.3.2", + "resolved": "https://registry.npmjs.org/hoist-non-react-statics/-/hoist-non-react-statics-3.3.2.tgz", + "integrity": "sha512-/gGivxi8JPKWNm/W0jSmzcMPpfpPLc3dY/6GxhX2hQ9iGj3aDfklV4ET7NjKpSinLpJ5vafa9iiGIEZg10SfBw==", + "requires": { + "react-is": "^16.7.0" + } + }, "hosted-git-info": { "version": "2.8.5", "resolved": "https://registry.npmjs.org/hosted-git-info/-/hosted-git-info-2.8.5.tgz", @@ -9586,6 +9636,16 @@ "resolved": "https://registry.npmjs.org/min-indent/-/min-indent-1.0.0.tgz", "integrity": "sha1-z8RcN+nsDY8KDsPdTvf3w6vjklY=" }, + "mini-create-react-context": { + "version": "0.3.2", + "resolved": "https://registry.npmjs.org/mini-create-react-context/-/mini-create-react-context-0.3.2.tgz", + "integrity": "sha512-2v+OeetEyliMt5VHMXsBhABoJ0/M4RCe7fatd/fBy6SMiKazUSEt3gxxypfnk2SHMkdBYvorHRoQxuGoiwbzAw==", + "requires": { + "@babel/runtime": "^7.4.0", + "gud": "^1.0.0", + "tiny-warning": "^1.0.2" + } + }, "mini-css-extract-plugin": { "version": "0.9.0", "resolved": "https://registry.npmjs.org/mini-css-extract-plugin/-/mini-css-extract-plugin-0.9.0.tgz", @@ -12269,6 +12329,52 @@ "react-tween-state": "^0.1.5" } }, + "react-router": { + "version": "5.1.2", + "resolved": "https://registry.npmjs.org/react-router/-/react-router-5.1.2.tgz", + "integrity": "sha512-yjEuMFy1ONK246B+rsa0cUam5OeAQ8pyclRDgpxuSCrAlJ1qN9uZ5IgyKC7gQg0w8OM50NXHEegPh/ks9YuR2A==", + "requires": { + "@babel/runtime": "^7.1.2", + "history": "^4.9.0", + "hoist-non-react-statics": "^3.1.0", + "loose-envify": "^1.3.1", + "mini-create-react-context": "^0.3.0", + "path-to-regexp": "^1.7.0", + "prop-types": "^15.6.2", + "react-is": "^16.6.0", + "tiny-invariant": "^1.0.2", + "tiny-warning": "^1.0.0" + }, + "dependencies": { + "isarray": { + "version": "0.0.1", + "resolved": "https://registry.npmjs.org/isarray/-/isarray-0.0.1.tgz", + "integrity": "sha1-ihis/Kmo9Bd+Cav8YDiTmwXR7t8=" + }, + "path-to-regexp": { + "version": "1.8.0", + "resolved": "https://registry.npmjs.org/path-to-regexp/-/path-to-regexp-1.8.0.tgz", + "integrity": "sha512-n43JRhlUKUAlibEJhPeir1ncUID16QnEjNpwzNdO3Lm4ywrBpBZ5oLD0I6br9evr1Y9JTqwRtAh7JLoOzAQdVA==", + "requires": { + "isarray": "0.0.1" + } + } + } + }, + "react-router-dom": { + "version": "5.1.2", + "resolved": "https://registry.npmjs.org/react-router-dom/-/react-router-dom-5.1.2.tgz", + "integrity": "sha512-7BPHAaIwWpZS074UKaw1FjVdZBSVWEk8IuDXdB+OkLb8vd/WRQIpA4ag9WQk61aEfQs47wHyjWUoUGGZxpQXew==", + "requires": { + "@babel/runtime": "^7.1.2", + "history": "^4.9.0", + "loose-envify": "^1.3.1", + "prop-types": "^15.6.2", + "react-router": "5.1.2", + "tiny-invariant": "^1.0.2", + "tiny-warning": "^1.0.0" + } + }, "react-scripts": { "version": "3.3.1", "resolved": "https://registry.npmjs.org/react-scripts/-/react-scripts-3.3.1.tgz", @@ -12980,6 +13086,11 @@ "resolved": "https://registry.npmjs.org/resolve-from/-/resolve-from-3.0.0.tgz", "integrity": "sha1-six699nWiBvItuZTM17rywoYh0g=" }, + "resolve-pathname": { + "version": "3.0.0", + "resolved": "https://registry.npmjs.org/resolve-pathname/-/resolve-pathname-3.0.0.tgz", + "integrity": "sha512-C7rARubxI8bXFNB/hqcp/4iUeIXJhJZvFPFPiSPRnhU5UPxzMFIl+2E6yY6c4k9giDJAhtV+enfA+G89N6Csng==" + }, "resolve-url": { "version": "0.2.1", "resolved": "https://registry.npmjs.org/resolve-url/-/resolve-url-0.2.1.tgz", @@ -14891,6 +15002,16 @@ "resolved": "https://registry.npmjs.org/timsort/-/timsort-0.3.0.tgz", "integrity": "sha1-QFQRqOfmM5/mTbmiNN4R3DHgK9Q=" }, + "tiny-invariant": { + "version": "1.1.0", + "resolved": "https://registry.npmjs.org/tiny-invariant/-/tiny-invariant-1.1.0.tgz", + "integrity": "sha512-ytxQvrb1cPc9WBEI/HSeYYoGD0kWnGEOR8RY6KomWLBVhqz0RgTwVO9dLrGz7dC+nN9llyI7OKAgRq8Vq4ZBSw==" + }, + "tiny-warning": { + "version": "1.0.3", + "resolved": "https://registry.npmjs.org/tiny-warning/-/tiny-warning-1.0.3.tgz", + "integrity": "sha512-lBN9zLN/oAf68o3zNXYrdCt1kP8WsiGW8Oo2ka41b2IM5JL/S1CTyX1rW0mb/zSuJun0ZUrDxx4sqvYS2FWzPA==" + }, "tinycolor2": { "version": "1.4.1", "resolved": "https://registry.npmjs.org/tinycolor2/-/tinycolor2-1.4.1.tgz", @@ -15364,6 +15485,11 @@ "spdx-expression-parse": "^3.0.0" } }, + "value-equal": { + "version": "1.0.1", + "resolved": "https://registry.npmjs.org/value-equal/-/value-equal-1.0.1.tgz", + "integrity": "sha512-NOJ6JZCAWr0zlxZt+xqCHNTEKOsrks2HQd4MqhP1qy4z1SkbEP467eNx6TgDKXMvUOb+OENfJCZwM+16n7fRfw==" + }, "vary": { "version": "1.1.2", "resolved": "https://registry.npmjs.org/vary/-/vary-1.1.2.tgz", diff --git a/pwa/package.json b/pwa/package.json index 2e874b8..9abda9f 100644 --- a/pwa/package.json +++ b/pwa/package.json @@ -11,10 +11,12 @@ "@types/node": "^12.12.26", "@types/react": "^16.9.19", "@types/react-dom": "^16.9.5", + "@types/react-router-dom": "^5.1.4", "antd-mobile": "^2.3.1", "node-sass": "^4.13.1", "react": "^16.12.0", "react-dom": "^16.12.0", + "react-router-dom": "^5.1.2", "react-scripts": "3.3.1", "typescript": "^3.7.5" }, diff --git a/pwa/src/App.tsx b/pwa/src/App.tsx index 4006c0f..0c9bdad 100644 --- a/pwa/src/App.tsx +++ b/pwa/src/App.tsx @@ -1,14 +1,27 @@ import React from "react"; +import { BrowserRouter as Router, Switch, Route } from "react-router-dom"; + +import Login from "./components/Login"; +import LandingPage from "./components/LandingPage"; + import "./scss/App.scss"; import "./antd-mobile.css"; -import Login from "./components/Login"; - const App = () => { return ( - <> - - + + + + + + + + + + + + + ); }; diff --git a/pwa/src/Wrapper.tsx b/pwa/src/Wrapper.tsx new file mode 100644 index 0000000..f1a791f --- /dev/null +++ b/pwa/src/Wrapper.tsx @@ -0,0 +1,11 @@ +import React from "react"; + +type props = { + children: React.ReactNode; +}; + +const Wrapper = (props: props) => { + return
{props.children}
; +}; + +export default Wrapper; diff --git a/pwa/src/scss/Login.scss b/pwa/src/scss/Login.scss index ea78e88..f2dd399 100644 --- a/pwa/src/scss/Login.scss +++ b/pwa/src/scss/Login.scss @@ -21,7 +21,7 @@ #imgWrap { width: 28%; margin: auto; - padding: .2rem; + padding: 0.2rem; background-color: #eee; border-radius: 5px; img { @@ -37,13 +37,13 @@ animation-name: fade-in; animation-duration: 2s; } - #buttonFlex{ + #buttonFlex { animation-name: fade-in; animation-duration: 2s; display: flex; justify-content: center; .am-button { - background-color: #9BD7FF; + background-color: #9bd7ff; width: 40%; &.am-button-active { background-color: #ccebff; @@ -51,21 +51,29 @@ } } } -} + $animationDelay: 1; + @for $i from 1 through 15 { + .loginGrid :nth-child(#{$i}) { + animation-delay: #{0.3+ ($i)/30}s; + } + } -$animationDelay: 1; -@for $i from 1 through 15 { - .loginGrid :nth-child(#{$i}) { - animation-delay: #{0.3+($i)/30}s; + @keyframes fade-in { + 0% { + opacity: 0; + } + 100% { + opacity: 1; + } + } + + @keyframes fade-in-from-up { + 0% { + opacity: 0; + transform: translateY(-100px); + } + 100% { + opacity: 1; + } } } - -@keyframes fade-in { - 0% { opacity: 0; } - 100% { opacity: 1; } -} - -@keyframes fade-in-from-up { - 0% { opacity: 0; transform: translateY(-100px)} - 100% { opacity: 1; } -} \ No newline at end of file From 676efa6f1d3f4928fa16614c9636c2b953a403a1 Mon Sep 17 00:00:00 2001 From: Ben Mitchinson Date: Mon, 13 Apr 2020 20:28:44 -0500 Subject: [PATCH 16/63] remove animation --- pwa/src/scss/LandingPage.scss | 2 -- 1 file changed, 2 deletions(-) diff --git a/pwa/src/scss/LandingPage.scss b/pwa/src/scss/LandingPage.scss index 905257e..73ed522 100644 --- a/pwa/src/scss/LandingPage.scss +++ b/pwa/src/scss/LandingPage.scss @@ -1,6 +1,4 @@ .button-flex { - animation-name: fade-in; - animation-duration: 2s; display: flex; justify-content: center; margin: 2em 0; From f8d2729ae424f383bb21c092e8fbdc99ad29b760 Mon Sep 17 00:00:00 2001 From: Ben Mitchinson Date: Mon, 13 Apr 2020 20:54:29 -0500 Subject: [PATCH 17/63] PatientInfoPlaceholder --- pwa/src/App.tsx | 7 +++++++ pwa/src/Wrapper.tsx | 8 +++++++- pwa/src/components/PatientInfoPlaceholder.tsx | 11 +++++++++++ pwa/src/scss/Wrapper.scss | 10 ++++++++++ 4 files changed, 35 insertions(+), 1 deletion(-) create mode 100644 pwa/src/components/PatientInfoPlaceholder.tsx create mode 100644 pwa/src/scss/Wrapper.scss diff --git a/pwa/src/App.tsx b/pwa/src/App.tsx index 0c9bdad..62c9e19 100644 --- a/pwa/src/App.tsx +++ b/pwa/src/App.tsx @@ -3,6 +3,8 @@ import { BrowserRouter as Router, Switch, Route } from "react-router-dom"; import Login from "./components/Login"; import LandingPage from "./components/LandingPage"; +import PatientInfoPlaceholder from "./components/PatientInfoPlaceholder"; +import Wrapper from "./Wrapper"; import "./scss/App.scss"; import "./antd-mobile.css"; @@ -17,6 +19,11 @@ const App = () => { + + + + + diff --git a/pwa/src/Wrapper.tsx b/pwa/src/Wrapper.tsx index f1a791f..5e678fb 100644 --- a/pwa/src/Wrapper.tsx +++ b/pwa/src/Wrapper.tsx @@ -1,11 +1,17 @@ import React from "react"; +import "./scss/Wrapper.scss"; + type props = { children: React.ReactNode; }; const Wrapper = (props: props) => { - return
{props.children}
; + return ( +
+
{props.children}
+
+ ); }; export default Wrapper; diff --git a/pwa/src/components/PatientInfoPlaceholder.tsx b/pwa/src/components/PatientInfoPlaceholder.tsx new file mode 100644 index 0000000..e92d505 --- /dev/null +++ b/pwa/src/components/PatientInfoPlaceholder.tsx @@ -0,0 +1,11 @@ +import React, { ReactElement } from "react"; + +export default function PatientInfoPlaceholder(): ReactElement { + return ( + placeholder + ); +} diff --git a/pwa/src/scss/Wrapper.scss b/pwa/src/scss/Wrapper.scss new file mode 100644 index 0000000..82f8333 --- /dev/null +++ b/pwa/src/scss/Wrapper.scss @@ -0,0 +1,10 @@ +#primary-wrapper { + width: 100%; + height: 100%; + display: flex; + justify-content: space-around; + #wrapper-contents { + max-width: 50em; + height: 100%; + } +} From b81c161a0806e572c79774cc5ad19b1d44739e7e Mon Sep 17 00:00:00 2001 From: Ben Mitchinson Date: Mon, 13 Apr 2020 21:04:15 -0500 Subject: [PATCH 18/63] demo navbar --- pwa/src/Wrapper.tsx | 16 +++++++++++++++- pwa/src/scss/Wrapper.scss | 3 ++- 2 files changed, 17 insertions(+), 2 deletions(-) diff --git a/pwa/src/Wrapper.tsx b/pwa/src/Wrapper.tsx index 5e678fb..443e89e 100644 --- a/pwa/src/Wrapper.tsx +++ b/pwa/src/Wrapper.tsx @@ -1,4 +1,5 @@ import React from "react"; +import { NavBar, Icon } from "antd-mobile"; import "./scss/Wrapper.scss"; @@ -9,7 +10,20 @@ type props = { const Wrapper = (props: props) => { return (
-
{props.children}
+
+ } + onLeftClick={() => console.log("onLeftClick")} + rightContent={[ + , + , + ]} + > + NavBar + + {props.children} +
); }; diff --git a/pwa/src/scss/Wrapper.scss b/pwa/src/scss/Wrapper.scss index 82f8333..0894364 100644 --- a/pwa/src/scss/Wrapper.scss +++ b/pwa/src/scss/Wrapper.scss @@ -4,7 +4,8 @@ display: flex; justify-content: space-around; #wrapper-contents { + box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); max-width: 50em; - height: 100%; + max-height: 94%; } } From 21cb60a3e898ba96c62727041878c66b3e8a0c45 Mon Sep 17 00:00:00 2001 From: Ben Mitchinson Date: Mon, 13 Apr 2020 21:17:33 -0500 Subject: [PATCH 19/63] wrapper uses props for nav --- pwa/src/App.tsx | 6 +++++- pwa/src/Wrapper.tsx | 16 +++++++++------- 2 files changed, 14 insertions(+), 8 deletions(-) diff --git a/pwa/src/App.tsx b/pwa/src/App.tsx index 62c9e19..868d4d7 100644 --- a/pwa/src/App.tsx +++ b/pwa/src/App.tsx @@ -20,7 +20,11 @@ const App = () => { - + diff --git a/pwa/src/Wrapper.tsx b/pwa/src/Wrapper.tsx index 443e89e..f59aef4 100644 --- a/pwa/src/Wrapper.tsx +++ b/pwa/src/Wrapper.tsx @@ -1,26 +1,28 @@ import React from "react"; import { NavBar, Icon } from "antd-mobile"; +import { useHistory } from "react-router-dom"; import "./scss/Wrapper.scss"; type props = { + title: string; + leftArrowText: string; + leftArrowRoute: string; children: React.ReactNode; }; const Wrapper = (props: props) => { + const hist = useHistory(); + return (
} - onLeftClick={() => console.log("onLeftClick")} - rightContent={[ - , - , - ]} + onLeftClick={() => hist.push(`${props.leftArrowRoute}`)} + leftContent={[, `${props.leftArrowText}`]} > - NavBar + {`${props.title}`} {props.children}
From 2c18d2165b1f395bdf0d94fa9597ff7fbd62f49d Mon Sep 17 00:00:00 2001 From: Ben Mitchinson Date: Mon, 13 Apr 2020 21:17:40 -0500 Subject: [PATCH 20/63] vh for wrapper height --- pwa/src/scss/Wrapper.scss | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/pwa/src/scss/Wrapper.scss b/pwa/src/scss/Wrapper.scss index 0894364..ed3f753 100644 --- a/pwa/src/scss/Wrapper.scss +++ b/pwa/src/scss/Wrapper.scss @@ -6,6 +6,6 @@ #wrapper-contents { box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); max-width: 50em; - max-height: 94%; + max-height: 94.6vh; } } From 75ef687f32baad99becc1805a809a4f6f48fe355 Mon Sep 17 00:00:00 2001 From: Ben Mitchinson Date: Mon, 13 Apr 2020 21:20:15 -0500 Subject: [PATCH 21/63] lint warnings --- pwa/src/components/LandingPage.tsx | 2 +- pwa/src/components/Login.tsx | 34 ++++++++++++++---------------- pwa/src/hooks/useApi.tsx | 20 +++++++++--------- 3 files changed, 27 insertions(+), 29 deletions(-) diff --git a/pwa/src/components/LandingPage.tsx b/pwa/src/components/LandingPage.tsx index 3a787c4..bfccc57 100644 --- a/pwa/src/components/LandingPage.tsx +++ b/pwa/src/components/LandingPage.tsx @@ -1,6 +1,6 @@ import React, { ReactElement } from "react"; import { WhiteSpace, Button } from "antd-mobile"; -import Icon, { UserAddOutlined } from "@ant-design/icons"; +import { UserAddOutlined } from "@ant-design/icons"; import "../scss/LandingPage.scss"; diff --git a/pwa/src/components/Login.tsx b/pwa/src/components/Login.tsx index 5766b06..d181260 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 '../scss/Login.scss' +import React, { ReactElement } from "react"; +import useApi from "../hooks/useApi"; +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 ( <>
-
-
- CHI Logo -
-
- - -
- +
+
+ CHI Logo
+
+ + +
+ +

Loading API Fetch: {isLoading.toString()}

- {response && -

API Fetch Result: {JSON.stringify(response)}

- } + {response &&

API Fetch Result: {JSON.stringify(response)}

} - ) + ); } diff --git a/pwa/src/hooks/useApi.tsx b/pwa/src/hooks/useApi.tsx index 50eb0cd..a292d8b 100644 --- a/pwa/src/hooks/useApi.tsx +++ b/pwa/src/hooks/useApi.tsx @@ -1,19 +1,18 @@ -import React from 'react' +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/" + if (process.env.environment === "docker") { + return "http://api:4000/"; + } else { + return "http://localhost:4000/"; } - else { - return "http://localhost:4000/" - } - } + }; React.useEffect(() => { const fetchData = async () => { @@ -22,14 +21,15 @@ const useApi = (route: string) => { const res = await fetch(getUrl() + route); const json = await res.json(); setResponse(json); - setIsLoading(false) + setIsLoading(false); } catch (error) { setError(error); } }; fetchData(); + // eslint-disable-next-line react-hooks/exhaustive-deps }, []); return { response, error, isLoading }; }; -export default useApi \ No newline at end of file +export default useApi; From f59d0bfd0c8b90a69e4184d76315db0954312c9e Mon Sep 17 00:00:00 2001 From: Ben Mitchinson Date: Mon, 13 Apr 2020 21:52:32 -0500 Subject: [PATCH 22/63] propNames --- pwa/src/App.tsx | 2 +- pwa/src/Wrapper.tsx | 29 +++++++++++++++++++---------- 2 files changed, 20 insertions(+), 11 deletions(-) diff --git a/pwa/src/App.tsx b/pwa/src/App.tsx index 868d4d7..66aed54 100644 --- a/pwa/src/App.tsx +++ b/pwa/src/App.tsx @@ -21,7 +21,7 @@ const App = () => { diff --git a/pwa/src/Wrapper.tsx b/pwa/src/Wrapper.tsx index f59aef4..4a76bc0 100644 --- a/pwa/src/Wrapper.tsx +++ b/pwa/src/Wrapper.tsx @@ -5,25 +5,34 @@ import { useHistory } from "react-router-dom"; import "./scss/Wrapper.scss"; type props = { - title: string; - leftArrowText: string; - leftArrowRoute: string; + navTitle?: string; + leftArrowText?: string; + leftArrowRoute?: string; children: React.ReactNode; }; const Wrapper = (props: props) => { + const { navTitle, leftArrowText, leftArrowRoute } = props; const hist = useHistory(); + const needNavBar = navTitle || leftArrowText || leftArrowRoute; + const leftContentArr = leftArrowText + ? [, `${leftArrowText}`] + : []; + const leftRoute = leftArrowRoute ? `${leftArrowRoute}` : "/"; return (
- hist.push(`${props.leftArrowRoute}`)} - leftContent={[, `${props.leftArrowText}`]} - > - {`${props.title}`} - + {needNavBar && ( + hist.push(leftRoute)} + leftContent={leftContentArr} + > + {`${navTitle}`} + + )} {props.children}
From 30b893781f2d1632055785c72cac24c3b49cbefb Mon Sep 17 00:00:00 2001 From: Ben Mitchinson Date: Mon, 13 Apr 2020 21:56:27 -0500 Subject: [PATCH 23/63] Initial Tests --- pwa/src/Wrapper.test.tsx | 60 ++++++++++++++++++++++++++++++++++++++++ 1 file changed, 60 insertions(+) create mode 100644 pwa/src/Wrapper.test.tsx diff --git a/pwa/src/Wrapper.test.tsx b/pwa/src/Wrapper.test.tsx new file mode 100644 index 0000000..0b97813 --- /dev/null +++ b/pwa/src/Wrapper.test.tsx @@ -0,0 +1,60 @@ +import React from "react"; +import { render, queryByAttribute } from "@testing-library/react"; +import Wrapper from "./Wrapper"; + +const mockHistoryPush = jest.fn(); +jest.mock("react-router-dom", () => ({ + useHistory: () => ({ + push: mockHistoryPush, + }), +})); + +test("renders it's inner contents", () => { + const dom = render( + +
Hello!
+ + ); + + const textContents = dom.getByText("Hello!"); + + expect(textContents).toBeInTheDocument(); +}); + +test("renders navBar when given navTitle", () => { + const dom = render( + +
Hello!
+ + ); + + const getById = queryByAttribute.bind(null, "id"); + const renderedNavBar = getById(dom.container, "nav-bar"); + const navTitle = dom.getByText("CHI"); + + expect(renderedNavBar).toBeTruthy(); + expect(navTitle).toBeInTheDocument(); +}); + +test("renders no navBar when not given props", () => { + const dom = render( + +
Hello!
+ + ); + const getById = queryByAttribute.bind(null, "id"); + const renderedNavBar = getById(dom.container, "nav-bar"); + expect(renderedNavBar).toBeFalsy(); +}); + +test("renders leftArrowText", () => { + const dom = render( + +
Hello!
+ + ); + + const leftArrowText = dom.getByText("back"); + + expect(leftArrowText).toBeInTheDocument(); +}); From e4e3a72c686c826a0f8996800fc1b2e1d6657029 Mon Sep 17 00:00:00 2001 From: Ben Mitchinson Date: Mon, 13 Apr 2020 22:42:20 -0500 Subject: [PATCH 24/63] placeholder file ignore --- pwa/src/components/PatientInfoPlaceholder.tsx | 1 + 1 file changed, 1 insertion(+) diff --git a/pwa/src/components/PatientInfoPlaceholder.tsx b/pwa/src/components/PatientInfoPlaceholder.tsx index e92d505..8dd19d3 100644 --- a/pwa/src/components/PatientInfoPlaceholder.tsx +++ b/pwa/src/components/PatientInfoPlaceholder.tsx @@ -1,3 +1,4 @@ +/* istanbul ignore file */ import React, { ReactElement } from "react"; export default function PatientInfoPlaceholder(): ReactElement { From 314bd357855f5a9c254e64751d5b76a21229f242 Mon Sep 17 00:00:00 2001 From: Ben Mitchinson Date: Mon, 13 Apr 2020 22:49:42 -0500 Subject: [PATCH 25/63] nav onClick test - 100% Coverage --- pwa/src/Wrapper.test.tsx | 16 ++++++++++++- pwa/src/components/LandingPage.tsx | 1 + pwa/src/hooks/useApi.test.tsx | 38 ++++++++++++++++++++---------- 3 files changed, 41 insertions(+), 14 deletions(-) diff --git a/pwa/src/Wrapper.test.tsx b/pwa/src/Wrapper.test.tsx index 0b97813..00848e8 100644 --- a/pwa/src/Wrapper.test.tsx +++ b/pwa/src/Wrapper.test.tsx @@ -1,5 +1,6 @@ import React from "react"; -import { render, queryByAttribute } from "@testing-library/react"; +import { render, queryByAttribute, fireEvent } from "@testing-library/react"; +import { useHistory } from "react-router-dom"; import Wrapper from "./Wrapper"; const mockHistoryPush = jest.fn(); @@ -58,3 +59,16 @@ test("renders leftArrowText", () => { expect(leftArrowText).toBeInTheDocument(); }); + +test("redirects on left arrow click ", () => { + const dom = render( + +
Hello!
+ + ); + + const leftArrowText = dom.getByText("back"); + fireEvent.click(leftArrowText); + + expect(useHistory().push).toBeCalledWith("/"); +}); diff --git a/pwa/src/components/LandingPage.tsx b/pwa/src/components/LandingPage.tsx index bfccc57..b8a0df4 100644 --- a/pwa/src/components/LandingPage.tsx +++ b/pwa/src/components/LandingPage.tsx @@ -6,6 +6,7 @@ import "../scss/LandingPage.scss"; export default function LandingPage(): ReactElement { /* istanbul ignore next */ + // TODO: these onClick functions could be mocked in a unit test const patientLookup = () => { console.log("Clicked Patient Lookup"); }; diff --git a/pwa/src/hooks/useApi.test.tsx b/pwa/src/hooks/useApi.test.tsx index 42286bf..aafd6d8 100644 --- a/pwa/src/hooks/useApi.test.tsx +++ b/pwa/src/hooks/useApi.test.tsx @@ -1,16 +1,28 @@ -import { renderHook } from '@testing-library/react-hooks' -import useApi from './useApi' +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("")) - - expect(result.current.response).toBeNull() - expect(result.current.error).toBeNull() - expect(result.current.isLoading).toBeTruthy() +test("should return loading and then a response", async () => { + const { result, waitForNextUpdate } = renderHook(() => useApi("")); - await waitForNextUpdate() + expect(result.current.response).toBeNull(); + expect(result.current.error).toBeNull(); + expect(result.current.isLoading).toBeTruthy(); - expect(result.current.response).toBeTruthy() - expect(result.current.error).toBeNull() - expect(result.current.isLoading).toBeFalsy() -}) \ No newline at end of file + await waitForNextUpdate(); + + expect(result.current.response).toBeTruthy(); + expect(result.current.error).toBeNull(); + expect(result.current.isLoading).toBeFalsy(); +}); + +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(); +}); From 0ddaa4233400c006a5cdc1e9c4d1d4849cb90e43 Mon Sep 17 00:00:00 2001 From: Meghan McLaughlin Date: Tue, 14 Apr 2020 19:33:00 -0500 Subject: [PATCH 26/63] adding cypress tests --- pwa/cypress/integration/PatientInfoForm.ts | 35 +++++++ pwa/src/App.tsx | 2 + pwa/src/components/PatientInfoForm.test.tsx | 100 +++++++++++--------- pwa/src/components/PatientInfoForm.tsx | 39 ++++---- 4 files changed, 112 insertions(+), 64 deletions(-) create mode 100644 pwa/cypress/integration/PatientInfoForm.ts diff --git a/pwa/cypress/integration/PatientInfoForm.ts b/pwa/cypress/integration/PatientInfoForm.ts new file mode 100644 index 0000000..22e13f8 --- /dev/null +++ b/pwa/cypress/integration/PatientInfoForm.ts @@ -0,0 +1,35 @@ +// Testing for the Patient Info Form fields +/// + +describe('female-only fields show only if Female is selected', () => { + const femaleOnlyFormFields = [ + 'Pregnant?', + 'LMP', + 'Wants Planning?' + ] + + it('does not display fields is no slection is made', function () { + cy.visit('http://localhost:3000'); + femaleOnlyFormFields.forEach((fieldText) => { + cy.contains(fieldText).should('not.exist'); + }) + }); + + it('does not display fields if Male is selected', function () { + cy.visit('http://localhost:3000'); + cy.get('#male-button').click(); + femaleOnlyFormFields.forEach((fieldText) => { + cy.contains(fieldText).should('not.exist'); + }) + }); + + it('displays fields if Female is selected', function () { + cy.visit('http://localhost:3000'); + cy.get('#female-button').click(); + femaleOnlyFormFields.forEach((fieldText) => { + cy.contains(fieldText); + }) + }); +}); + +export { }; \ No newline at end of file diff --git a/pwa/src/App.tsx b/pwa/src/App.tsx index 4006c0f..4cbb061 100644 --- a/pwa/src/App.tsx +++ b/pwa/src/App.tsx @@ -3,11 +3,13 @@ import "./scss/App.scss"; import "./antd-mobile.css"; import Login from "./components/Login"; +import PatientInfoForm from './components/PatientInfoForm' const App = () => { return ( <> + ); }; diff --git a/pwa/src/components/PatientInfoForm.test.tsx b/pwa/src/components/PatientInfoForm.test.tsx index 743742f..34558a0 100644 --- a/pwa/src/components/PatientInfoForm.test.tsx +++ b/pwa/src/components/PatientInfoForm.test.tsx @@ -1,58 +1,68 @@ import React from "react"; -import { render, fireEvent, screen } from "@testing-library/react"; +import { render} from "@testing-library/react"; import PatientInfoForm from "./PatientInfoForm"; +/* +test("female-only div is only displayed if the sex is selected as female", async () => { + const femaleOnlyFormFields = [ + "Pregnant", + "LMP", + "wants planning" + ] -test("female-only div is only displayed if the sex is selected as female", () => { - const femaleOnlyFormFields = [ - "pregnant", - "LMP", - "wants planning" - ] + // render(); + const { getByText } = render(); - render(); + // ensure the female-only div is not displayed + femaleOnlyFormFields.forEach((fieldText) => { + let re = new RegExp(fieldText, 'gi'); + expect(screen.queryByText(re)).toBeNull(); + }) - // ensure the female-only div is not displayed - femaleOnlyFormFields.forEach((fieldText) => { - let re = new RegExp(fieldText, 'gi'); - expect(screen.queryByText(re)).toBeNull(); - }) + // click the radio button for 'female' + fireEvent.click(screen.getByText(/Female/i)); - // click the radio button for 'female' - fireEvent.click(screen.getByText(/female/i)) - - // ensure the female-only div is displayed - femaleOnlyFormFields.forEach((fieldText) => { - let re = new RegExp(fieldText, 'gi'); - expect(screen.getByText(re)).toBeInTheDocument(); - }) + // ensure the female-only div is displayed + femaleOnlyFormFields.forEach((fieldText) => { + let re = new RegExp(fieldText, 'gi'); + expect(screen.getByText(re)).toBeInTheDocument(); + }) }) +*/ + test("renders the Patient Info Form fields", () => { - const formFields = [ - "First Name", - "Last Name", - "Nickname", - "Town", - "Sex", - "Birth", - "Age", - "Phone", - "Temp", - "Pulse", - "Weight", - "Height", - "Albendazole", - "Alergies", - "Medicines", - "Exam" - ]; - - const { getByText } = render(); + 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", + "Alergies", + "Medicines", + "Chief Complaint", + "History", + "Exam" + ]; + + const { getByText } = render(); - formFields.forEach((fieldText) => { - let re = new RegExp(fieldText, 'gi'); - expect(getByText(re)).toBeInTheDocument(); - }) + formFields.forEach((fieldText) => { + let re = new RegExp(fieldText, 'gi'); + expect(getByText(re)).toBeInTheDocument(); + }) }) \ No newline at end of file diff --git a/pwa/src/components/PatientInfoForm.tsx b/pwa/src/components/PatientInfoForm.tsx index 045aaa6..c813917 100644 --- a/pwa/src/components/PatientInfoForm.tsx +++ b/pwa/src/components/PatientInfoForm.tsx @@ -1,5 +1,5 @@ import React, { ReactElement, useState } from 'react' -import { DatePicker, InputItem, List, TextareaItem, Button, Radio, WhiteSpace} from 'antd-mobile' +import { DatePicker, InputItem, List, TextareaItem, Button, Radio, WhiteSpace } from 'antd-mobile' import enUs from 'antd-mobile/lib/date-picker/locale/en_US'; import '../scss/Login.scss' @@ -15,17 +15,18 @@ export default function Form(): ReactElement { const [pregnant, setPregnant] = useState(0) // Default: No const [planning, setPlanning] = useState(0) // Default: No - // Data for Radio Buttons - const sexValues = [ - { value: 0, label: 'Male' }, - { value: 1, label: 'Female' } - ] - - const radioYesNo = [ - { value: 0, label: 'No' }, - { value: 1, label: 'Yes' }, - ]; + // 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 = () => { // This shows how to access the values of the form const firstNameField: HTMLInputElement = document.getElementById('firstname') as HTMLInputElement @@ -67,13 +68,13 @@ export default function Form(): ReactElement { 'Sex'}> {sexValues.map(i => ( - setSex(i.value)}> + setSex(i.value)}> {i.label} ))} - + 'Visit?'}> {radioYesNo.map(i => ( - setVisit(i.value)}> + setVisit(i.value)}> {i.label} ))} @@ -116,10 +117,10 @@ export default function Form(): ReactElement { {/* Only display the 'female-only' div if the patient is female */} {sex ?
- + 'Pregnant?'}> {radioYesNo.map(i => ( - setPregnant(i.value)}> + setPregnant(i.value)}> {i.label} ))} @@ -150,7 +151,7 @@ export default function Form(): ReactElement { 'Wants Planning?'}> {radioYesNo.map(i => ( - setPlanning(i.value)}> + setPlanning(i.value)}> {i.label} ))} @@ -159,7 +160,7 @@ export default function Form(): ReactElement { : null } - + - + From d52ee1378796fb3cdcfce97de31839a98a45ab1b Mon Sep 17 00:00:00 2001 From: Ben Mitchinson Date: Tue, 14 Apr 2020 22:23:16 -0500 Subject: [PATCH 27/63] 100% Unit Coverage (+ Accidental Linting) --- pwa/src/components/PatientInfoForm.test.tsx | 87 ++++-- pwa/src/components/PatientInfoForm.tsx | 298 ++++++++++---------- 2 files changed, 213 insertions(+), 172 deletions(-) diff --git a/pwa/src/components/PatientInfoForm.test.tsx b/pwa/src/components/PatientInfoForm.test.tsx index 34558a0..b1009fd 100644 --- a/pwa/src/components/PatientInfoForm.test.tsx +++ b/pwa/src/components/PatientInfoForm.test.tsx @@ -1,35 +1,73 @@ import React from "react"; -import { render} from "@testing-library/react"; +import { render, fireEvent, prettyDOM } from "@testing-library/react"; import PatientInfoForm from "./PatientInfoForm"; -/* -test("female-only div is only displayed if the sex is selected as female", async () => { - const femaleOnlyFormFields = [ - "Pregnant", - "LMP", - "wants planning" - ] - // render(); - const { getByText } = render(); +test("female-only div is only displayed if the sex is selected as female", async () => { + const femaleOnlyFormFields = ["Pregnant?", "LMP", "Wants Planning?"]; + + const dom = render(); // ensure the female-only div is not displayed femaleOnlyFormFields.forEach((fieldText) => { - let re = new RegExp(fieldText, 'gi'); - expect(screen.queryByText(re)).toBeNull(); - }) + expect(dom.queryByText(fieldText)).toBeNull(); + }); // click the radio button for 'female' - fireEvent.click(screen.getByText(/Female/i)); + const femaleButton = dom.getByTestId("female-button"); + fireEvent.click(femaleButton); - // ensure the female-only div is displayed femaleOnlyFormFields.forEach((fieldText) => { - let re = new RegExp(fieldText, 'gi'); - expect(screen.getByText(re)).toBeInTheDocument(); - }) -}) -*/ + expect(dom.queryByText(fieldText)).toBeTruthy(); + }); +}); +test("sets visit input", () => { + const dom = render(); + const visitYesInput = dom.queryByTestId("visit-Yes"); + const checkBox = visitYesInput.getElementsByTagName("span")[0]; + expect(checkBox).not.toHaveClass("am-radio-checked"); + fireEvent.click(visitYesInput); + 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("sets albendazole input", () => { + const dom = render(); + const femaleButton = dom.getByTestId("female-button"); + + 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 = [ @@ -55,14 +93,13 @@ test("renders the Patient Info Form fields", () => { "Medicines", "Chief Complaint", "History", - "Exam" + "Exam", ]; const { getByText } = render(); - formFields.forEach((fieldText) => { - let re = new RegExp(fieldText, 'gi'); + let re = new RegExp(fieldText, "gi"); expect(getByText(re)).toBeInTheDocument(); - }) -}) \ No newline at end of file + }); +}); diff --git a/pwa/src/components/PatientInfoForm.tsx b/pwa/src/components/PatientInfoForm.tsx index c813917..305f398 100644 --- a/pwa/src/components/PatientInfoForm.tsx +++ b/pwa/src/components/PatientInfoForm.tsx @@ -1,50 +1,76 @@ -import React, { ReactElement, useState } from 'react' -import { DatePicker, InputItem, List, TextareaItem, Button, Radio, WhiteSpace } from 'antd-mobile' -import enUs from 'antd-mobile/lib/date-picker/locale/en_US'; -import '../scss/Login.scss' +import React, { ReactElement, useState } from "react"; +import { + DatePicker, + InputItem, + List, + TextareaItem, + Button, + Radio, + WhiteSpace, +} from "antd-mobile"; +import enUs from "antd-mobile/lib/date-picker/locale/en_US"; +import "../scss/Login.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 [visit, setVisit] = useState(0) // Default: No - const [pregnant, setPregnant] = useState(0) // Default: No - const [planning, setPlanning] = useState(0) // Default: No + const [sex, setSex] = useState(null as Number); // Default: null + const [albendazole, setAlbendazole] = useState(0); // Default: No + const [visit, setVisit] = useState(0); // Default: No + const [pregnant, setPregnant] = useState(0); // Default: No + const [planning, setPlanning] = useState(0); // Default: No // Data for Radio Buttons const sexValues = [ - { value: 0, label: 'Male' }, - { value: 1, label: 'Female' } - ] + { value: 0, label: "Male" }, + { value: 1, label: "Female" }, + ]; const radioYesNo = [ - { value: 0, label: 'No' }, - { value: 1, label: 'Yes' }, + { value: 0, label: "No" }, + { value: 1, label: "Yes" }, ]; /* istanbul ignore next */ const onSubmit = () => { // This shows how to access the values of the form - 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 complaintField1: HTMLInputElement = document.getElementById('complaint1') as HTMLInputElement - const complaintField2: HTMLInputElement = document.getElementById('complaint2') as HTMLInputElement - const complaintField3: HTMLInputElement = document.getElementById('complaint3') as HTMLInputElement + 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 complaintField1: HTMLInputElement = document.getElementById( + "complaint1" + ) as HTMLInputElement; + const complaintField2: HTMLInputElement = document.getElementById( + "complaint2" + ) as HTMLInputElement; + const complaintField3: HTMLInputElement = document.getElementById( + "complaint3" + ) as HTMLInputElement; - console.log("First name:", firstNameField.value) - console.log("Last name:", lastNameField.value) - console.log("Nickname:", nicknameField.value) - console.log("Complaints: ", complaintField1.value + " " + complaintField2.value + " " + complaintField3.value) - console.log("Wants Planning?: " + planning) - } + console.log("First name:", firstNameField.value); + console.log("Last name:", lastNameField.value); + console.log("Nickname:", nicknameField.value); + console.log( + "Complaints: ", + complaintField1.value + + " " + + complaintField2.value + + " " + + complaintField3.value + ); + console.log("Wants Planning?: " + planning); + }; return ( -
+
- 'Sex'}> - {sexValues.map(i => ( - setSex(i.value)}> + "Sex"}> + {sexValues.map((i) => ( + setSex(i.value)} + > {i.label} ))} @@ -87,176 +120,147 @@ export default function Form(): ReactElement { {/* TODO: figure out how to access this value */} - Age + + Age{" "} + - Phone + + Phone + - + - 'Visit?'}> - {radioYesNo.map(i => ( - setVisit(i.value)}> + "Visit?"}> + {radioYesNo.map((i) => ( + setVisit(i.value)} + > {i.label} ))} {/* Only display the 'female-only' div if the patient is female */} - {sex ? -
+ {sex ? ( +
- 'Pregnant?'}> - {radioYesNo.map(i => ( - setPregnant(i.value)}> + "Pregnant?"}> + {radioYesNo.map((i) => ( + setPregnant(i.value)} + > {i.label} ))} - G + + G + - P + + P + - A + + A + - + - 'Wants Planning?'}> - {radioYesNo.map(i => ( - setPlanning(i.value)}> + "Wants Planning?"}> + {radioYesNo.map((i) => ( + setPlanning(i.value)} + > {i.label} ))}
- : null - } + ) : null} - Weight (kg) + + Weight (kg) + - Height (cm) + + Height (cm) + - BP + + BP + - Temp (F) + + Temp (F) + - Pulse + + Pulse + - Z-Score + + Z-Score + - 'Albendazole?'}> - {radioYesNo.map(i => ( - setAlbendazole(i.value)}> + "Albendazole?"}> + {radioYesNo.map((i) => ( + setAlbendazole(i.value)} + > {i.label} ))} - 'Alergies'}> - + "Alergies"}> + - 'Medicines'}> - + "Medicines"}> + - 'Chief Complaint'}> + "Chief Complaint"}> - - + + - 'History'}> - + "History"}> + - 'Exam'}> - + "Exam"}> + - - +
- ) + ); } From 7e55e0bf17d64618561eb5bbc1b2bad690798618 Mon Sep 17 00:00:00 2001 From: Meghan McLaughlin Date: Wed, 15 Apr 2020 09:28:23 -0500 Subject: [PATCH 28/63] removing integ test now covered in unit testing, replaced placeholder with actual component --- pwa/cypress/integration/PatientInfoForm.ts | 35 ---------------------- pwa/src/App.tsx | 4 +-- 2 files changed, 2 insertions(+), 37 deletions(-) delete mode 100644 pwa/cypress/integration/PatientInfoForm.ts diff --git a/pwa/cypress/integration/PatientInfoForm.ts b/pwa/cypress/integration/PatientInfoForm.ts deleted file mode 100644 index 22e13f8..0000000 --- a/pwa/cypress/integration/PatientInfoForm.ts +++ /dev/null @@ -1,35 +0,0 @@ -// Testing for the Patient Info Form fields -/// - -describe('female-only fields show only if Female is selected', () => { - const femaleOnlyFormFields = [ - 'Pregnant?', - 'LMP', - 'Wants Planning?' - ] - - it('does not display fields is no slection is made', function () { - cy.visit('http://localhost:3000'); - femaleOnlyFormFields.forEach((fieldText) => { - cy.contains(fieldText).should('not.exist'); - }) - }); - - it('does not display fields if Male is selected', function () { - cy.visit('http://localhost:3000'); - cy.get('#male-button').click(); - femaleOnlyFormFields.forEach((fieldText) => { - cy.contains(fieldText).should('not.exist'); - }) - }); - - it('displays fields if Female is selected', function () { - cy.visit('http://localhost:3000'); - cy.get('#female-button').click(); - femaleOnlyFormFields.forEach((fieldText) => { - cy.contains(fieldText); - }) - }); -}); - -export { }; \ No newline at end of file diff --git a/pwa/src/App.tsx b/pwa/src/App.tsx index 66aed54..016b820 100644 --- a/pwa/src/App.tsx +++ b/pwa/src/App.tsx @@ -3,7 +3,7 @@ import { BrowserRouter as Router, Switch, Route } from "react-router-dom"; import Login from "./components/Login"; import LandingPage from "./components/LandingPage"; -import PatientInfoPlaceholder from "./components/PatientInfoPlaceholder"; +import PatientInfoForm from "./components/PatientInfoForm"; import Wrapper from "./Wrapper"; import "./scss/App.scss"; @@ -25,7 +25,7 @@ const App = () => { leftArrowText="Home" leftArrowRoute="/" > - + From 2efb19fc8c604b6af043678e6bdf27ce573aeb0e Mon Sep 17 00:00:00 2001 From: Meghan McLaughlin Date: Wed, 15 Apr 2020 10:53:32 -0500 Subject: [PATCH 29/63] update date field --- pwa/src/components/PatientInfoForm.tsx | 28 +++++++++---------- pwa/src/components/PatientInfoPlaceholder.tsx | 12 -------- pwa/src/scss/PatientInfoForm.scss | 8 ++++++ 3 files changed, 21 insertions(+), 27 deletions(-) delete mode 100644 pwa/src/components/PatientInfoPlaceholder.tsx create mode 100644 pwa/src/scss/PatientInfoForm.scss diff --git a/pwa/src/components/PatientInfoForm.tsx b/pwa/src/components/PatientInfoForm.tsx index 305f398..980d8e8 100644 --- a/pwa/src/components/PatientInfoForm.tsx +++ b/pwa/src/components/PatientInfoForm.tsx @@ -9,7 +9,7 @@ import { WhiteSpace, } from "antd-mobile"; import enUs from "antd-mobile/lib/date-picker/locale/en_US"; -import "../scss/Login.scss"; +import "../scss/PatientInfoForm.scss"; const RadioItem = Radio.RadioItem; @@ -45,6 +45,9 @@ export default function Form(): ReactElement { const nicknameField: HTMLInputElement = document.getElementById( "nickname" ) as HTMLInputElement; + const birthdateField: HTMLInputElement = document.getElementById( + "birthdate" + ) as HTMLInputElement; const complaintField1: HTMLInputElement = document.getElementById( "complaint1" ) as HTMLInputElement; @@ -58,15 +61,17 @@ export default function Form(): ReactElement { console.log("First name:", firstNameField.value); console.log("Last name:", lastNameField.value); console.log("Nickname:", nicknameField.value); + console.log("Birth Date:", birthdateField.value); console.log( "Complaints: ", complaintField1.value + - " " + - complaintField2.value + - " " + - complaintField3.value + " " + + complaintField2.value + + " " + + complaintField3.value ); console.log("Wants Planning?: " + planning); + }; return ( @@ -109,16 +114,9 @@ export default function Form(): ReactElement { - - Birth Date - {/* TODO: figure out how to access this value */} - + + Birth Date + Age{" "} diff --git a/pwa/src/components/PatientInfoPlaceholder.tsx b/pwa/src/components/PatientInfoPlaceholder.tsx deleted file mode 100644 index 8dd19d3..0000000 --- a/pwa/src/components/PatientInfoPlaceholder.tsx +++ /dev/null @@ -1,12 +0,0 @@ -/* istanbul ignore file */ -import React, { ReactElement } from "react"; - -export default function PatientInfoPlaceholder(): ReactElement { - return ( - placeholder - ); -} diff --git a/pwa/src/scss/PatientInfoForm.scss b/pwa/src/scss/PatientInfoForm.scss new file mode 100644 index 0000000..6451bb9 --- /dev/null +++ b/pwa/src/scss/PatientInfoForm.scss @@ -0,0 +1,8 @@ +#patient-info-wrapper { + display: flex; + flex-direction: column; + + height: 100%; + width: 100%; + } + \ No newline at end of file From 2557b120ec3772b6062b16b2f5222650ce5371e0 Mon Sep 17 00:00:00 2001 From: Ben Mitchinson Date: Wed, 15 Apr 2020 12:30:52 -0500 Subject: [PATCH 30/63] linting --- pwa/src/components/PatientInfoForm.tsx | 13 +++++-------- 1 file changed, 5 insertions(+), 8 deletions(-) diff --git a/pwa/src/components/PatientInfoForm.tsx b/pwa/src/components/PatientInfoForm.tsx index 980d8e8..7b21d56 100644 --- a/pwa/src/components/PatientInfoForm.tsx +++ b/pwa/src/components/PatientInfoForm.tsx @@ -1,6 +1,5 @@ import React, { ReactElement, useState } from "react"; import { - DatePicker, InputItem, List, TextareaItem, @@ -8,7 +7,6 @@ import { Radio, WhiteSpace, } from "antd-mobile"; -import enUs from "antd-mobile/lib/date-picker/locale/en_US"; import "../scss/PatientInfoForm.scss"; const RadioItem = Radio.RadioItem; @@ -65,13 +63,12 @@ export default function Form(): ReactElement { console.log( "Complaints: ", complaintField1.value + - " " + - complaintField2.value + - " " + - complaintField3.value + " " + + complaintField2.value + + " " + + complaintField3.value ); console.log("Wants Planning?: " + planning); - }; return ( @@ -115,7 +112,7 @@ export default function Form(): ReactElement { - Birth Date + Birth Date From 784b680b2b13b9f1cf1592859df00595603dc2c2 Mon Sep 17 00:00:00 2001 From: Ben Mitchinson Date: Wed, 15 Apr 2020 12:32:40 -0500 Subject: [PATCH 31/63] styling wrapper --- pwa/src/scss/Wrapper.scss | 6 +++--- 1 file changed, 3 insertions(+), 3 deletions(-) diff --git a/pwa/src/scss/Wrapper.scss b/pwa/src/scss/Wrapper.scss index ed3f753..51c01f2 100644 --- a/pwa/src/scss/Wrapper.scss +++ b/pwa/src/scss/Wrapper.scss @@ -1,11 +1,11 @@ #primary-wrapper { width: 100%; - height: 100%; + height: 100vh; display: flex; justify-content: space-around; #wrapper-contents { box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); - max-width: 50em; - max-height: 94.6vh; + width: 50em; + overflow: scroll; } } From 08d41b701659139618e949f3c63e2c566625ef6c Mon Sep 17 00:00:00 2001 From: Ben Mitchinson Date: Wed, 15 Apr 2020 12:56:05 -0500 Subject: [PATCH 32/63] styling the wrapper --- pwa/src/components/PatientInfoForm.tsx | 6 +++++- pwa/src/scss/PatientInfoForm.scss | 17 +++++++++++++---- pwa/src/scss/Wrapper.scss | 2 +- 3 files changed, 19 insertions(+), 6 deletions(-) diff --git a/pwa/src/components/PatientInfoForm.tsx b/pwa/src/components/PatientInfoForm.tsx index 7b21d56..fa39c95 100644 --- a/pwa/src/components/PatientInfoForm.tsx +++ b/pwa/src/components/PatientInfoForm.tsx @@ -255,7 +255,11 @@ export default function Form(): ReactElement { - +
+ + + +
); } diff --git a/pwa/src/scss/PatientInfoForm.scss b/pwa/src/scss/PatientInfoForm.scss index 6451bb9..28e910b 100644 --- a/pwa/src/scss/PatientInfoForm.scss +++ b/pwa/src/scss/PatientInfoForm.scss @@ -1,8 +1,17 @@ #patient-info-wrapper { + display: flex; + flex-direction: column; + height: 100%; + width: 100%; + .submit-button { display: flex; - flex-direction: column; - - height: 100%; + justify-content: center; + padding: 2em 0; width: 100%; + .am-list { + min-width: 8em; + width: 40%; + max-width: 20em; + } } - \ No newline at end of file +} diff --git a/pwa/src/scss/Wrapper.scss b/pwa/src/scss/Wrapper.scss index 51c01f2..9249c21 100644 --- a/pwa/src/scss/Wrapper.scss +++ b/pwa/src/scss/Wrapper.scss @@ -5,7 +5,7 @@ justify-content: space-around; #wrapper-contents { box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); - width: 50em; + width: 55em; overflow: scroll; } } From f89f9adcb19bc3273fa8ff6af1b9327d2043b7bf Mon Sep 17 00:00:00 2001 From: Ben Mitchinson Date: Sat, 18 Apr 2020 15:43:15 -0500 Subject: [PATCH 33/63] console log behind in development env only --- pwa/src/components/PatientInfoForm.tsx | 72 +++++++++++++------------- 1 file changed, 37 insertions(+), 35 deletions(-) diff --git a/pwa/src/components/PatientInfoForm.tsx b/pwa/src/components/PatientInfoForm.tsx index fa39c95..27f4064 100644 --- a/pwa/src/components/PatientInfoForm.tsx +++ b/pwa/src/components/PatientInfoForm.tsx @@ -33,42 +33,44 @@ export default function Form(): ReactElement { /* istanbul ignore next */ const onSubmit = () => { - // This shows how to access the values of the form - 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 complaintField1: HTMLInputElement = document.getElementById( - "complaint1" - ) as HTMLInputElement; - const complaintField2: HTMLInputElement = document.getElementById( - "complaint2" - ) as HTMLInputElement; - const complaintField3: HTMLInputElement = document.getElementById( - "complaint3" - ) as HTMLInputElement; + if (process.env.NODE_ENV === "development") { + // This shows how to access the values of the form + 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 complaintField1: HTMLInputElement = document.getElementById( + "complaint1" + ) as HTMLInputElement; + const complaintField2: HTMLInputElement = document.getElementById( + "complaint2" + ) as HTMLInputElement; + const complaintField3: HTMLInputElement = document.getElementById( + "complaint3" + ) as HTMLInputElement; - console.log("First name:", firstNameField.value); - console.log("Last name:", lastNameField.value); - console.log("Nickname:", nicknameField.value); - console.log("Birth Date:", birthdateField.value); - console.log( - "Complaints: ", - complaintField1.value + - " " + - complaintField2.value + - " " + - complaintField3.value - ); - console.log("Wants Planning?: " + planning); + console.log("First name:", firstNameField.value); + console.log("Last name:", lastNameField.value); + console.log("Nickname:", nicknameField.value); + console.log("Birth Date:", birthdateField.value); + console.log( + "Complaints: ", + complaintField1.value + + " " + + complaintField2.value + + " " + + complaintField3.value + ); + console.log("Wants Planning?: " + planning); + } }; return ( From b1ad2d8fbf337a27e1819237b2c4e28f894daef1 Mon Sep 17 00:00:00 2001 From: Ben Mitchinson Date: Sat, 18 Apr 2020 15:58:08 -0500 Subject: [PATCH 34/63] Birthdate allows digits + '-' only --- pwa/src/components/PatientInfoForm.tsx | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/pwa/src/components/PatientInfoForm.tsx b/pwa/src/components/PatientInfoForm.tsx index 27f4064..6899e7a 100644 --- a/pwa/src/components/PatientInfoForm.tsx +++ b/pwa/src/components/PatientInfoForm.tsx @@ -113,7 +113,7 @@ export default function Form(): ReactElement { - + Birth Date From c7baf1f1c2d3ea4474336e737ba432a0f3e78341 Mon Sep 17 00:00:00 2001 From: Ben Mitchinson Date: Sat, 18 Apr 2020 16:10:41 -0500 Subject: [PATCH 35/63] limit age to 3 characters --- pwa/src/components/PatientInfoForm.tsx | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/pwa/src/components/PatientInfoForm.tsx b/pwa/src/components/PatientInfoForm.tsx index 6899e7a..30da2e1 100644 --- a/pwa/src/components/PatientInfoForm.tsx +++ b/pwa/src/components/PatientInfoForm.tsx @@ -117,7 +117,7 @@ export default function Form(): ReactElement { Birth Date - + Age{" "} From e1614724978874dff26f2dbecc2b42d0434c8621 Mon Sep 17 00:00:00 2001 From: Ben Mitchinson Date: Sat, 18 Apr 2020 16:22:07 -0500 Subject: [PATCH 36/63] forced padding on input labels --- pwa/src/scss/App.scss | 4 ++++ 1 file changed, 4 insertions(+) diff --git a/pwa/src/scss/App.scss b/pwa/src/scss/App.scss index 9b04ce6..522510d 100644 --- a/pwa/src/scss/App.scss +++ b/pwa/src/scss/App.scss @@ -5,3 +5,7 @@ #root { height: 100vh; } + +.am-input-label { + padding-right: 0.5em !important; +} From cb91178e63e0cff5be3f6a0494033ce5b3fddfa2 Mon Sep 17 00:00:00 2001 From: Ben Mitchinson Date: Sat, 18 Apr 2020 16:29:51 -0500 Subject: [PATCH 37/63] undo global rule --- pwa/src/scss/App.scss | 4 ---- 1 file changed, 4 deletions(-) diff --git a/pwa/src/scss/App.scss b/pwa/src/scss/App.scss index 522510d..9b04ce6 100644 --- a/pwa/src/scss/App.scss +++ b/pwa/src/scss/App.scss @@ -5,7 +5,3 @@ #root { height: 100vh; } - -.am-input-label { - padding-right: 0.5em !important; -} From 7b967cfd08d48f92d3ba96b9ee1dd04a5e9a82f9 Mon Sep 17 00:00:00 2001 From: Ben Mitchinson Date: Sat, 18 Apr 2020 16:34:21 -0500 Subject: [PATCH 38/63] global rule fixed --- pwa/src/scss/App.scss | 8 ++++++++ 1 file changed, 8 insertions(+) diff --git a/pwa/src/scss/App.scss b/pwa/src/scss/App.scss index 9b04ce6..0a5c96f 100644 --- a/pwa/src/scss/App.scss +++ b/pwa/src/scss/App.scss @@ -5,3 +5,11 @@ #root { height: 100vh; } + +.am-input-label { + padding-right: 0.5em !important; +} + +.am-textarea-label { + padding-right: 0.5em !important; +} From 465c99790062ffef7f669e472a06efcdf65969ca Mon Sep 17 00:00:00 2001 From: Ben Mitchinson Date: Sat, 18 Apr 2020 17:25:37 -0500 Subject: [PATCH 39/63] blood pressure input validation --- pwa/src/components/PatientInfoForm.tsx | 15 ++++++++++++++- 1 file changed, 14 insertions(+), 1 deletion(-) diff --git a/pwa/src/components/PatientInfoForm.tsx b/pwa/src/components/PatientInfoForm.tsx index 30da2e1..72088c5 100644 --- a/pwa/src/components/PatientInfoForm.tsx +++ b/pwa/src/components/PatientInfoForm.tsx @@ -19,6 +19,7 @@ export default function Form(): ReactElement { const [visit, setVisit] = useState(0); // Default: No const [pregnant, setPregnant] = useState(0); // Default: No const [planning, setPlanning] = useState(0); // Default: No + const [bloodPressureValue, setbloodPressureValue] = useState(""); // Data for Radio Buttons const sexValues = [ @@ -73,6 +74,13 @@ export default function Form(): ReactElement { } }; + const validateBp = (value: string) => { + const newChar = value.slice(-1); + if (newChar.match(/[0-9]|\/|^$/) && value.length < 8) { + setbloodPressureValue(value); + } + }; + return (
- + BP From d2ebfa3f0df60e1d94620ced121c28d0b4b7b8bb Mon Sep 17 00:00:00 2001 From: Meghan McLaughlin Date: Sat, 18 Apr 2020 17:41:22 -0500 Subject: [PATCH 40/63] updating field title and submit button, subsequent tests --- pwa/src/components/PatientInfoForm.test.tsx | 6 +++--- pwa/src/components/PatientInfoForm.tsx | 12 ++++++------ 2 files changed, 9 insertions(+), 9 deletions(-) diff --git a/pwa/src/components/PatientInfoForm.test.tsx b/pwa/src/components/PatientInfoForm.test.tsx index b1009fd..fb96fb6 100644 --- a/pwa/src/components/PatientInfoForm.test.tsx +++ b/pwa/src/components/PatientInfoForm.test.tsx @@ -23,11 +23,11 @@ test("female-only div is only displayed if the sex is selected as female", async test("sets visit input", () => { const dom = render(); - const visitYesInput = dom.queryByTestId("visit-Yes"); - const checkBox = visitYesInput.getElementsByTagName("span")[0]; + const firstVisitYesInput = dom.queryByTestId("first-visit-Yes"); + const checkBox = firstVisitYesInput.getElementsByTagName("span")[0]; expect(checkBox).not.toHaveClass("am-radio-checked"); - fireEvent.click(visitYesInput); + fireEvent.click(firstVisitYesInput); expect(checkBox).toHaveClass("am-radio-checked"); }); diff --git a/pwa/src/components/PatientInfoForm.tsx b/pwa/src/components/PatientInfoForm.tsx index fa39c95..5d5f54f 100644 --- a/pwa/src/components/PatientInfoForm.tsx +++ b/pwa/src/components/PatientInfoForm.tsx @@ -16,7 +16,7 @@ export default function Form(): ReactElement { // 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 [visit, setVisit] = 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 @@ -125,14 +125,14 @@ export default function Form(): ReactElement { - "Visit?"}> + "First Visit?"}> {radioYesNo.map((i) => ( setVisit(i.value)} + checked={firstVisit === i.value} + onClick={() => setFirstVisit(i.value)} > {i.label} @@ -257,7 +257,7 @@ export default function Form(): ReactElement {
- +
From 59f5b88d1bf3f0fb6056aab49610ee9424ef7ee6 Mon Sep 17 00:00:00 2001 From: Meghan McLaughlin Date: Sat, 18 Apr 2020 17:42:32 -0500 Subject: [PATCH 41/63] updates to package to resolve complilation error --- pwa/package-lock.json | 229 +++++++++++++++++++++++++----------------- pwa/package.json | 2 +- 2 files changed, 137 insertions(+), 94 deletions(-) diff --git a/pwa/package-lock.json b/pwa/package-lock.json index 9c88623..e52524c 100644 --- a/pwa/package-lock.json +++ b/pwa/package-lock.json @@ -1158,6 +1158,34 @@ } } }, + "@cypress/request": { + "version": "2.88.5", + "resolved": "https://registry.npmjs.org/@cypress/request/-/request-2.88.5.tgz", + "integrity": "sha512-TzEC1XMi1hJkywWpRfD2clreTa/Z+lOrXDCxxBTBPEcY5azdPi56A6Xw+O4tWJnaJH3iIE7G5aDXZC6JgRZLcA==", + "dev": true, + "requires": { + "aws-sign2": "~0.7.0", + "aws4": "^1.8.0", + "caseless": "~0.12.0", + "combined-stream": "~1.0.6", + "extend": "~3.0.2", + "forever-agent": "~0.6.1", + "form-data": "~2.3.2", + "har-validator": "~5.1.3", + "http-signature": "~1.2.0", + "is-typedarray": "~1.0.0", + "isstream": "~0.1.2", + "json-stringify-safe": "~5.0.1", + "mime-types": "~2.1.19", + "oauth-sign": "~0.9.0", + "performance-now": "^2.1.0", + "qs": "~6.5.2", + "safe-buffer": "^5.1.2", + "tough-cookie": "~2.5.0", + "tunnel-agent": "^0.6.0", + "uuid": "^3.3.2" + } + }, "@cypress/webpack-preprocessor": { "version": "4.1.3", "resolved": "https://registry.npmjs.org/@cypress/webpack-preprocessor/-/webpack-preprocessor-4.1.3.tgz", @@ -1211,9 +1239,9 @@ "integrity": "sha512-1dVNHT76Uu5N3eJNTYcvxee+jzX4Z9lfciqRRHCU27ihbUcYi+iSc2iml5Ke1LXe1SyJCLA0+14Jh4tXJgOppA==" }, "@hapi/hoek": { - "version": "8.5.0", - "resolved": "https://registry.npmjs.org/@hapi/hoek/-/hoek-8.5.0.tgz", - "integrity": "sha512-7XYT10CZfPsH7j9F1Jmg1+d0ezOux2oM2GfArAzLwWe4mE2Dr3hVjsAL6+TFY49RRJlCdJDMw3nJsLFroTc8Kw==" + "version": "8.5.1", + "resolved": "https://registry.npmjs.org/@hapi/hoek/-/hoek-8.5.1.tgz", + "integrity": "sha512-yN7kbciD87WzLGc5539Tn0sApjyiGHAJgKvG9W8C7O+6c7qmoQMfVs0W4bX17eqz6C78QJqqFrtgdK5EWf6Qow==" }, "@hapi/joi": { "version": "15.1.1", @@ -1653,6 +1681,34 @@ "@babel/types": "^7.3.0" } }, + "@types/blob-util": { + "version": "1.3.3", + "resolved": "https://registry.npmjs.org/@types/blob-util/-/blob-util-1.3.3.tgz", + "integrity": "sha512-4ahcL/QDnpjWA2Qs16ZMQif7HjGP2cw3AGjHabybjw7Vm1EKu+cfQN1D78BaZbS1WJNa1opSMF5HNMztx7lR0w==", + "dev": true + }, + "@types/bluebird": { + "version": "3.5.29", + "resolved": "https://registry.npmjs.org/@types/bluebird/-/bluebird-3.5.29.tgz", + "integrity": "sha512-kmVtnxTuUuhCET669irqQmPAez4KFnFVKvpleVRyfC3g+SHD1hIkFZcWLim9BVcwUBLO59o8VZE4yGCmTif8Yw==", + "dev": true + }, + "@types/chai": { + "version": "4.2.7", + "resolved": "https://registry.npmjs.org/@types/chai/-/chai-4.2.7.tgz", + "integrity": "sha512-luq8meHGYwvky0O7u0eQZdA7B4Wd9owUCqvbw2m3XCrCU8mplYOujMBbvyS547AxJkC+pGnd0Cm15eNxEUNU8g==", + "dev": true + }, + "@types/chai-jquery": { + "version": "1.1.40", + "resolved": "https://registry.npmjs.org/@types/chai-jquery/-/chai-jquery-1.1.40.tgz", + "integrity": "sha512-mCNEZ3GKP7T7kftKeIs7QmfZZQM7hslGSpYzKbOlR2a2HCFf9ph4nlMRA9UnuOETeOQYJVhJQK7MwGqNZVyUtQ==", + "dev": true, + "requires": { + "@types/chai": "*", + "@types/jquery": "*" + } + }, "@types/color-name": { "version": "1.1.1", "resolved": "https://registry.npmjs.org/@types/color-name/-/color-name-1.1.1.tgz", @@ -1713,16 +1769,37 @@ "jest-diff": "^24.3.0" } }, + "@types/jquery": { + "version": "3.3.31", + "resolved": "https://registry.npmjs.org/@types/jquery/-/jquery-3.3.31.tgz", + "integrity": "sha512-Lz4BAJihoFw5nRzKvg4nawXPzutkv7wmfQ5121avptaSIXlDNJCUuxZxX/G+9EVidZGuO0UBlk+YjKbwRKJigg==", + "dev": true, + "requires": { + "@types/sizzle": "*" + } + }, "@types/json-schema": { "version": "7.0.4", "resolved": "https://registry.npmjs.org/@types/json-schema/-/json-schema-7.0.4.tgz", "integrity": "sha512-8+KAKzEvSUdeo+kmqnKrqgeE+LcA0tjYWFY7RPProVYwnqDjukzO+3b6dLD56rYX5TdWejnEOLJYOIeh4CXKuA==" }, + "@types/lodash": { + "version": "4.14.149", + "resolved": "https://registry.npmjs.org/@types/lodash/-/lodash-4.14.149.tgz", + "integrity": "sha512-ijGqzZt/b7BfzcK9vTrS6MFljQRPn5BFWOx8oE0GYxribu6uV+aA9zZuXI1zc/etK9E8nrgdoF2+LgUw7+9tJQ==", + "dev": true + }, "@types/minimatch": { "version": "3.0.3", "resolved": "https://registry.npmjs.org/@types/minimatch/-/minimatch-3.0.3.tgz", "integrity": "sha512-tHq6qdbT9U1IRSGf14CL0pUlULksvY9OZ+5eEgl1N7t+OA3tGvNpxJCzuKQlsNgCVwbAs670L1vcVQi8j9HjnA==" }, + "@types/mocha": { + "version": "5.2.7", + "resolved": "https://registry.npmjs.org/@types/mocha/-/mocha-5.2.7.tgz", + "integrity": "sha512-NYrtPht0wGzhwe9+/idPaBB+TqkY9AhTvOLMkThm0IoEfLaiVQZwBwyJ5puCkO3AUCWrmcoePjp2mbFocKy4SQ==", + "dev": true + }, "@types/node": { "version": "12.12.26", "resolved": "https://registry.npmjs.org/@types/node/-/node-12.12.26.tgz", @@ -1788,6 +1865,22 @@ "@types/react": "*" } }, + "@types/sinon": { + "version": "7.5.1", + "resolved": "https://registry.npmjs.org/@types/sinon/-/sinon-7.5.1.tgz", + "integrity": "sha512-EZQUP3hSZQyTQRfiLqelC9NMWd1kqLcmQE0dMiklxBkgi84T+cHOhnKpgk4NnOWpGX863yE6+IaGnOXUNFqDnQ==", + "dev": true + }, + "@types/sinon-chai": { + "version": "3.2.3", + "resolved": "https://registry.npmjs.org/@types/sinon-chai/-/sinon-chai-3.2.3.tgz", + "integrity": "sha512-TOUFS6vqS0PVL1I8NGVSNcFaNJtFoyZPXZ5zur+qlhDfOmQECZZM4H4kKgca6O8L+QceX/ymODZASfUfn+y4yQ==", + "dev": true, + "requires": { + "@types/chai": "*", + "@types/sinon": "*" + } + }, "@types/sizzle": { "version": "2.3.2", "resolved": "https://registry.npmjs.org/@types/sizzle/-/sizzle-2.3.2.tgz", @@ -2091,9 +2184,9 @@ } }, "acorn": { - "version": "7.1.0", - "resolved": "https://registry.npmjs.org/acorn/-/acorn-7.1.0.tgz", - "integrity": "sha512-kL5CuoXA/dgxlBbVrflsflzQ3PAas7RYZB52NOm/6839iVYJgKMJ3cQJD+t2i5+qFa8h3MDpEOJiS64E8JLnSQ==" + "version": "7.1.1", + "resolved": "https://registry.npmjs.org/acorn/-/acorn-7.1.1.tgz", + "integrity": "sha512-add7dgA5ppRPxCFJoAGfMDi7PIBXq1RtGo7BhbLaxwrXPOmw8gq48Y9ozT01hUKy9byMjlR20EJhu5zlkErEkg==" }, "acorn-globals": { "version": "4.3.4", @@ -4398,13 +4491,24 @@ "integrity": "sha1-WW6WmP0MgOEgOMK4LW6xs1tiJNk=" }, "cypress": { - "version": "4.2.0", - "resolved": "https://registry.npmjs.org/cypress/-/cypress-4.2.0.tgz", - "integrity": "sha512-8LdreL91S/QiTCLYLNbIjLL8Ht4fJmu/4HGLxUI20Tc7JSfqEfCmXELrRfuPT0kjosJwJJZacdSji9XSRkPKUw==", + "version": "4.4.0", + "resolved": "https://registry.npmjs.org/cypress/-/cypress-4.4.0.tgz", + "integrity": "sha512-ZpsV3pVemANGi4Cxu0UIqFv23uHdDJZYlKY+8P/eixujCpI1TQ5RSPBp2grfV3ZvlGYrOXPJY44j9iEh1xoQug==", "dev": true, "requires": { "@cypress/listr-verbose-renderer": "0.4.1", + "@cypress/request": "2.88.5", "@cypress/xvfb": "1.2.4", + "@types/blob-util": "1.3.3", + "@types/bluebird": "3.5.29", + "@types/chai": "4.2.7", + "@types/chai-jquery": "1.1.40", + "@types/jquery": "3.3.31", + "@types/lodash": "4.14.149", + "@types/minimatch": "3.0.3", + "@types/mocha": "5.2.7", + "@types/sinon": "7.5.1", + "@types/sinon-chai": "3.2.3", "@types/sizzle": "2.3.2", "arch": "2.1.1", "bluebird": "3.7.2", @@ -4418,7 +4522,7 @@ "eventemitter2": "4.1.2", "execa": "1.0.0", "executable": "4.1.1", - "extract-zip": "1.6.7", + "extract-zip": "1.7.0", "fs-extra": "8.1.0", "getos": "3.1.4", "is-ci": "2.0.0", @@ -4427,12 +4531,11 @@ "listr": "0.14.3", "lodash": "4.17.15", "log-symbols": "3.0.0", - "minimist": "1.2.2", + "minimist": "1.2.5", "moment": "2.24.0", "ospath": "1.2.2", "pretty-bytes": "5.3.0", "ramda": "0.26.1", - "request": "github:cypress-io/request#b5af0d1fa47eec97ba980cde90a13e69a2afcd16", "request-progress": "3.0.0", "supports-color": "7.1.0", "tmp": "0.1.0", @@ -4453,39 +4556,6 @@ "integrity": "sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ==", "dev": true }, - "minimist": { - "version": "1.2.2", - "resolved": "https://registry.npmjs.org/minimist/-/minimist-1.2.2.tgz", - "integrity": "sha512-rIqbOrKb8GJmx/5bc2M0QchhUouMXSpd1RTclXsB41JdL+VtnojfaJR+h7F9k18/4kHUsBFgk80Uk+q569vjPA==", - "dev": true - }, - "request": { - "version": "github:cypress-io/request#b5af0d1fa47eec97ba980cde90a13e69a2afcd16", - "from": "github:cypress-io/request#b5af0d1fa47eec97ba980cde90a13e69a2afcd16", - "dev": true, - "requires": { - "aws-sign2": "~0.7.0", - "aws4": "^1.8.0", - "caseless": "~0.12.0", - "combined-stream": "~1.0.6", - "extend": "~3.0.2", - "forever-agent": "~0.6.1", - "form-data": "~2.3.2", - "har-validator": "~5.1.3", - "http-signature": "~1.2.0", - "is-typedarray": "~1.0.0", - "isstream": "~0.1.2", - "json-stringify-safe": "~5.0.1", - "mime-types": "~2.1.19", - "oauth-sign": "~0.9.0", - "performance-now": "^2.1.0", - "qs": "~6.5.2", - "safe-buffer": "^5.1.2", - "tough-cookie": "~2.5.0", - "tunnel-agent": "^0.6.0", - "uuid": "^3.3.2" - } - }, "supports-color": { "version": "7.1.0", "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-7.1.0.tgz", @@ -5924,15 +5994,15 @@ } }, "extract-zip": { - "version": "1.6.7", - "resolved": "https://registry.npmjs.org/extract-zip/-/extract-zip-1.6.7.tgz", - "integrity": "sha1-qEC0uK9kAyZMjbV/Txp0Mz74H+k=", + "version": "1.7.0", + "resolved": "https://registry.npmjs.org/extract-zip/-/extract-zip-1.7.0.tgz", + "integrity": "sha512-xoh5G1W/PB0/27lXgMQyIhP5DSY/LhoCsOyZgb+6iMmRtCwVBo55uKaMoEYrDCKQhWvqEip5ZPKAc6eFNyf/MA==", "dev": true, "requires": { - "concat-stream": "1.6.2", - "debug": "2.6.9", - "mkdirp": "0.5.1", - "yauzl": "2.4.1" + "concat-stream": "^1.6.2", + "debug": "^2.6.9", + "mkdirp": "^0.5.4", + "yauzl": "^2.10.0" }, "dependencies": { "debug": { @@ -5949,15 +6019,6 @@ "resolved": "https://registry.npmjs.org/ms/-/ms-2.0.0.tgz", "integrity": "sha1-VgiurfwAvmwpAd9fmGF4jeDVl8g=", "dev": true - }, - "yauzl": { - "version": "2.4.1", - "resolved": "https://registry.npmjs.org/yauzl/-/yauzl-2.4.1.tgz", - "integrity": "sha1-lSj0QtqxsihOWLQ3m7GU4i4MQAU=", - "dev": true, - "requires": { - "fd-slicer": "~1.0.1" - } } } }, @@ -6061,9 +6122,9 @@ } }, "fd-slicer": { - "version": "1.0.1", - "resolved": "https://registry.npmjs.org/fd-slicer/-/fd-slicer-1.0.1.tgz", - "integrity": "sha1-i1vL2ewyfFBBv5qwI/1nUPEXfmU=", + "version": "1.1.0", + "resolved": "https://registry.npmjs.org/fd-slicer/-/fd-slicer-1.1.0.tgz", + "integrity": "sha1-JcfInLH5B3+IkbvmHY85Dq4lbx4=", "dev": true, "requires": { "pend": "~1.2.0" @@ -9009,12 +9070,12 @@ } }, "loader-fs-cache": { - "version": "1.0.2", - "resolved": "https://registry.npmjs.org/loader-fs-cache/-/loader-fs-cache-1.0.2.tgz", - "integrity": "sha512-70IzT/0/L+M20jUlEqZhZyArTU6VKLRTYRDAYN26g4jfzpJqjipLL3/hgYpySqI9PwsVRHHFja0LfEmsx9X2Cw==", + "version": "1.0.3", + "resolved": "https://registry.npmjs.org/loader-fs-cache/-/loader-fs-cache-1.0.3.tgz", + "integrity": "sha512-ldcgZpjNJj71n+2Mf6yetz+c9bM4xpKtNds4LbqXzU/PTdeAX0g3ytnU1AJMEcTk2Lex4Smpe3Q/eCTsvUBxbA==", "requires": { "find-cache-dir": "^0.1.1", - "mkdirp": "0.5.1" + "mkdirp": "^0.5.1" }, "dependencies": { "find-cache-dir": { @@ -9688,9 +9749,9 @@ } }, "minimist": { - "version": "1.2.0", - "resolved": "https://registry.npmjs.org/minimist/-/minimist-1.2.0.tgz", - "integrity": "sha1-o1AIsg9BOD7sH7kU9M1d95omQoQ=" + "version": "1.2.5", + "resolved": "https://registry.npmjs.org/minimist/-/minimist-1.2.5.tgz", + "integrity": "sha512-FM9nNUYrRBAELZQT3xeZQ7fmMOBg6nWNmJKTcgsJeaLstP/UODVpGsr5OhXhhXg6f+qtJ8uiZ+PUxkDWcgIXLw==" }, "minipass": { "version": "3.1.1", @@ -9777,18 +9838,11 @@ } }, "mkdirp": { - "version": "0.5.1", - "resolved": "https://registry.npmjs.org/mkdirp/-/mkdirp-0.5.1.tgz", - "integrity": "sha1-MAV0OOrGz3+MR2fzhkjWaX11yQM=", + "version": "0.5.5", + "resolved": "https://registry.npmjs.org/mkdirp/-/mkdirp-0.5.5.tgz", + "integrity": "sha512-NKmAlESf6jMGym1++R0Ra7wvhV+wFW63FaSOFPwRahvea0gMUcGUhVeAg/0BC0wiv9ih5NYPB1Wn1UEI1/L+xQ==", "requires": { - "minimist": "0.0.8" - }, - "dependencies": { - "minimist": { - "version": "0.0.8", - "resolved": "https://registry.npmjs.org/minimist/-/minimist-0.0.8.tgz", - "integrity": "sha1-hX/Kv8M5fSYluCKCYuhqp6ARsF0=" - } + "minimist": "^1.2.5" } }, "moment": { @@ -17553,17 +17607,6 @@ "requires": { "buffer-crc32": "~0.2.3", "fd-slicer": "~1.1.0" - }, - "dependencies": { - "fd-slicer": { - "version": "1.1.0", - "resolved": "https://registry.npmjs.org/fd-slicer/-/fd-slicer-1.1.0.tgz", - "integrity": "sha1-JcfInLH5B3+IkbvmHY85Dq4lbx4=", - "dev": true, - "requires": { - "pend": "~1.2.0" - } - } } }, "zscroller": { diff --git a/pwa/package.json b/pwa/package.json index 9abda9f..1a10b87 100644 --- a/pwa/package.json +++ b/pwa/package.json @@ -60,7 +60,7 @@ "awesome-typescript-loader": "^5.2.1", "babel-loader": "^8.1.0", "babel-plugin-import": "^1.13.0", - "cypress": "^4.2.0", + "cypress": "^4.4.0", "react-test-renderer": "^16.13.1", "svg-url-loader": "^5.0.0", "ts-loader": "^6.2.2", From 45bd388306fe05032e2c536b708d8a685788767c Mon Sep 17 00:00:00 2001 From: Ben Mitchinson Date: Sat, 18 Apr 2020 18:25:08 -0500 Subject: [PATCH 42/63] vscode --- pwa/.vscode/extensions.json | 3 +++ pwa/.vscode/settings.json | 31 +++++++++++++++++++++++++++++++ 2 files changed, 34 insertions(+) create mode 100644 pwa/.vscode/extensions.json create mode 100644 pwa/.vscode/settings.json diff --git a/pwa/.vscode/extensions.json b/pwa/.vscode/extensions.json new file mode 100644 index 0000000..d7df89c --- /dev/null +++ b/pwa/.vscode/extensions.json @@ -0,0 +1,3 @@ +{ + "recommendations": ["esbenp.prettier-vscode", "dbaeumer.vscode-eslint"] +} diff --git a/pwa/.vscode/settings.json b/pwa/.vscode/settings.json new file mode 100644 index 0000000..4061288 --- /dev/null +++ b/pwa/.vscode/settings.json @@ -0,0 +1,31 @@ +{ + "eslint.autoFixOnSave": true, + "eslint.validate": [ + "javascript", + "javascriptreact", + { + "language": "typescript", + "autoFix": true + }, + { + "language": "typescriptreact", + "autoFix": true + } + ], + "editor.formatOnSave": true, + "[javascript]": { + "editor.formatOnSave": true + }, + "[javascriptreact]": { + "editor.formatOnSave": true + }, + "[typescript]": { + "editor.formatOnSave": true + }, + "[typescriptreact]": { + "editor.formatOnSave": true + }, + "editor.codeActionsOnSave": { + "source.fixAll.eslint": true + } +} From 5c9328fdbb73b54fc45d2418b36d9c6b274a6cd1 Mon Sep 17 00:00:00 2001 From: Ben Mitchinson Date: Sat, 18 Apr 2020 18:27:48 -0500 Subject: [PATCH 43/63] linting config --- pwa/.eslintrc.js | 25 +++++++++++++++++++++++++ pwa/.prettierrc.js | 7 +++++++ 2 files changed, 32 insertions(+) create mode 100644 pwa/.eslintrc.js create mode 100644 pwa/.prettierrc.js diff --git a/pwa/.eslintrc.js b/pwa/.eslintrc.js new file mode 100644 index 0000000..8c937cd --- /dev/null +++ b/pwa/.eslintrc.js @@ -0,0 +1,25 @@ +module.exports = { + parser: "@typescript-eslint/parser", // Specifies the ESLint parser + extends: [ + "plugin:react/recommended", // Uses the recommended rules from @eslint-plugin-react + "plugin:@typescript-eslint/recommended", // Uses the recommended rules from the @typescript-eslint/eslint-plugin + "prettier/@typescript-eslint", // Uses eslint-config-prettier to disable ESLint rules from @typescript-eslint/eslint-plugin that would conflict with prettier + "plugin:prettier/recommended", // Enables eslint-plugin-prettier and eslint-config-prettier. This will display prettier errors as ESLint errors. Make sure this is always the last configuration in the extends array. + ], + parserOptions: { + ecmaVersion: 2018, // Allows for the parsing of modern ECMAScript features + sourceType: "module", // Allows for the use of imports + ecmaFeatures: { + jsx: true, // Allows for the parsing of JSX + }, + }, + rules: { + "@typescript-eslint/no-empty-interface": "off", + "@typescript-eslint/ban-ts-ignore": "off", + }, + settings: { + react: { + version: "detect", // Tells eslint-plugin-react to automatically detect the version of React to use + }, + }, +}; diff --git a/pwa/.prettierrc.js b/pwa/.prettierrc.js new file mode 100644 index 0000000..a15af92 --- /dev/null +++ b/pwa/.prettierrc.js @@ -0,0 +1,7 @@ +module.exports = { + semi: false, + trailingComma: 'all', + singleQuote: true, + printWidth: 80, + tabWidth: 4, +} From da939214fbaf82a3ba73571daad194c482beb12b Mon Sep 17 00:00:00 2001 From: Ben Mitchinson Date: Sat, 18 Apr 2020 18:28:15 -0500 Subject: [PATCH 44/63] lint tests --- .github/workflows/pwa-tests.yml | 1 + 1 file changed, 1 insertion(+) diff --git a/.github/workflows/pwa-tests.yml b/.github/workflows/pwa-tests.yml index 0c2f807..f78dcc3 100644 --- a/.github/workflows/pwa-tests.yml +++ b/.github/workflows/pwa-tests.yml @@ -17,6 +17,7 @@ jobs: with: node-version: ${{ matrix.node-version }} - run: docker-compose -f dev-docker-compose.yml up --detach + - run: docker exec haiti_pwa npm run lint - run: docker exec haiti_pwa npm run test:cov - run: docker exec haiti_pwa npm run cy:run - run: docker exec haiti_pwa npm run build From f691fb40078bed6665785754ac59a5fae7a931bc Mon Sep 17 00:00:00 2001 From: Ben Mitchinson Date: Sat, 18 Apr 2020 19:03:19 -0500 Subject: [PATCH 45/63] linting packages --- pwa/package-lock.json | 158 +++++++++++++++++++++++++++++------------- pwa/package.json | 138 ++++++++++++++++++------------------ 2 files changed, 182 insertions(+), 114 deletions(-) diff --git a/pwa/package-lock.json b/pwa/package-lock.json index 9c88623..155f8d0 100644 --- a/pwa/package-lock.json +++ b/pwa/package-lock.json @@ -1840,42 +1840,42 @@ "integrity": "sha512-FA/BWv8t8ZWJ+gEOnLLd8ygxH/2UFbAvgEonyfN6yWGLKc7zVjbpl2Y4CTjid9h2RfgPP6SEt6uHwEOply00yw==" }, "@typescript-eslint/eslint-plugin": { - "version": "2.19.0", - "resolved": "https://registry.npmjs.org/@typescript-eslint/eslint-plugin/-/eslint-plugin-2.19.0.tgz", - "integrity": "sha512-u7IcQ9qwsB6U806LupZmINRnQjC+RJyv36sV/ugaFWMHTbFm/hlLTRx3gGYJgHisxcGSTnf+I/fPDieRMhPSQQ==", + "version": "2.28.0", + "resolved": "https://registry.npmjs.org/@typescript-eslint/eslint-plugin/-/eslint-plugin-2.28.0.tgz", + "integrity": "sha512-w0Ugcq2iatloEabQP56BRWJowliXUP5Wv6f9fKzjJmDW81hOTBxRoJ4LoEOxRpz9gcY51Libytd2ba3yLmSOfg==", "requires": { - "@typescript-eslint/experimental-utils": "2.19.0", - "eslint-utils": "^1.4.3", + "@typescript-eslint/experimental-utils": "2.28.0", "functional-red-black-tree": "^1.0.1", "regexpp": "^3.0.0", "tsutils": "^3.17.1" } }, "@typescript-eslint/experimental-utils": { - "version": "2.19.0", - "resolved": "https://registry.npmjs.org/@typescript-eslint/experimental-utils/-/experimental-utils-2.19.0.tgz", - "integrity": "sha512-zwpg6zEOPbhB3+GaQfufzlMUOO6GXCNZq6skk+b2ZkZAIoBhVoanWK255BS1g5x9bMwHpLhX0Rpn5Fc3NdCZdg==", + "version": "2.28.0", + "resolved": "https://registry.npmjs.org/@typescript-eslint/experimental-utils/-/experimental-utils-2.28.0.tgz", + "integrity": "sha512-4SL9OWjvFbHumM/Zh/ZeEjUFxrYKtdCi7At4GyKTbQlrj1HcphIDXlje4Uu4cY+qzszR5NdVin4CCm6AXCjd6w==", "requires": { "@types/json-schema": "^7.0.3", - "@typescript-eslint/typescript-estree": "2.19.0", - "eslint-scope": "^5.0.0" + "@typescript-eslint/typescript-estree": "2.28.0", + "eslint-scope": "^5.0.0", + "eslint-utils": "^2.0.0" } }, "@typescript-eslint/parser": { - "version": "2.19.0", - "resolved": "https://registry.npmjs.org/@typescript-eslint/parser/-/parser-2.19.0.tgz", - "integrity": "sha512-s0jZoxAWjHnuidbbN7aA+BFVXn4TCcxEVGPV8lWMxZglSs3NRnFFAlL+aIENNmzB2/1jUJuySi6GiM6uACPmpg==", + "version": "2.28.0", + "resolved": "https://registry.npmjs.org/@typescript-eslint/parser/-/parser-2.28.0.tgz", + "integrity": "sha512-RqPybRDquui9d+K86lL7iPqH6Dfp9461oyqvlXMNtap+PyqYbkY5dB7LawQjDzot99fqzvS0ZLZdfe+1Bt3Jgw==", "requires": { "@types/eslint-visitor-keys": "^1.0.0", - "@typescript-eslint/experimental-utils": "2.19.0", - "@typescript-eslint/typescript-estree": "2.19.0", + "@typescript-eslint/experimental-utils": "2.28.0", + "@typescript-eslint/typescript-estree": "2.28.0", "eslint-visitor-keys": "^1.1.0" } }, "@typescript-eslint/typescript-estree": { - "version": "2.19.0", - "resolved": "https://registry.npmjs.org/@typescript-eslint/typescript-estree/-/typescript-estree-2.19.0.tgz", - "integrity": "sha512-n6/Xa37k0jQdwpUszffi19AlNbVCR0sdvCs3DmSKMD7wBttKY31lhD2fug5kMD91B2qW4mQldaTEc1PEzvGu8w==", + "version": "2.28.0", + "resolved": "https://registry.npmjs.org/@typescript-eslint/typescript-estree/-/typescript-estree-2.28.0.tgz", + "integrity": "sha512-HDr8MP9wfwkiuqzRVkuM3BeDrOC4cKbO5a6BymZBHUt5y/2pL0BXD6I/C/ceq2IZoHWhcASk+5/zo+dwgu9V8Q==", "requires": { "debug": "^4.1.1", "eslint-visitor-keys": "^1.1.0", @@ -2091,9 +2091,9 @@ } }, "acorn": { - "version": "7.1.0", - "resolved": "https://registry.npmjs.org/acorn/-/acorn-7.1.0.tgz", - "integrity": "sha512-kL5CuoXA/dgxlBbVrflsflzQ3PAas7RYZB52NOm/6839iVYJgKMJ3cQJD+t2i5+qFa8h3MDpEOJiS64E8JLnSQ==" + "version": "7.1.1", + "resolved": "https://registry.npmjs.org/acorn/-/acorn-7.1.1.tgz", + "integrity": "sha512-add7dgA5ppRPxCFJoAGfMDi7PIBXq1RtGo7BhbLaxwrXPOmw8gq48Y9ozT01hUKy9byMjlR20EJhu5zlkErEkg==" }, "acorn-globals": { "version": "4.3.4", @@ -2112,9 +2112,9 @@ } }, "acorn-jsx": { - "version": "5.1.0", - "resolved": "https://registry.npmjs.org/acorn-jsx/-/acorn-jsx-5.1.0.tgz", - "integrity": "sha512-tMUqwBWfLFbJbizRmEcWSLw6HnFzfdJs2sOJEOwwtVPMoH/0Ay+E703oZz78VSXZiiDcZrQ5XKjPIUQixhmgVw==" + "version": "5.2.0", + "resolved": "https://registry.npmjs.org/acorn-jsx/-/acorn-jsx-5.2.0.tgz", + "integrity": "sha512-HiUX/+K2YpkpJ+SzBffkM/AQ2YE03S0U1kjTLVpoJdhZMOWy8qvXVN9JdLqv2QsaQ6MPYQIuNmwD8zOiYUofLQ==" }, "acorn-walk": { "version": "6.2.0", @@ -5200,10 +5200,18 @@ "v8-compile-cache": "^2.0.3" }, "dependencies": { + "eslint-utils": { + "version": "1.4.3", + "resolved": "https://registry.npmjs.org/eslint-utils/-/eslint-utils-1.4.3.tgz", + "integrity": "sha512-fbBN5W2xdY45KulGXmLHZ3c3FHfVYmKg0IrAKGOkT/464PQsx2UeIzfz1RmEci+KLm1bBaAzZAh8+/E+XAeZ8Q==", + "requires": { + "eslint-visitor-keys": "^1.1.0" + } + }, "globals": { - "version": "12.3.0", - "resolved": "https://registry.npmjs.org/globals/-/globals-12.3.0.tgz", - "integrity": "sha512-wAfjdLgFsPZsklLJvOBUBmzYE8/CwhEqSBEMRXA3qxIiNtyqvjYurAtIfDh6chlEPUfmTY3MnZh5Hfh4q0UlIw==", + "version": "12.4.0", + "resolved": "https://registry.npmjs.org/globals/-/globals-12.4.0.tgz", + "integrity": "sha512-BWICuzzDvDoH54NHKCseDanAhE3CeDorgDL5MT6LMXXj2WCnd9UC2szdk4AWLfjdgNBCXLUanXYcpBBKOSWGwg==", "requires": { "type-fest": "^0.8.1" } @@ -5229,6 +5237,23 @@ } } }, + "eslint-config-prettier": { + "version": "6.10.1", + "resolved": "https://registry.npmjs.org/eslint-config-prettier/-/eslint-config-prettier-6.10.1.tgz", + "integrity": "sha512-svTy6zh1ecQojvpbJSgH3aei/Rt7C6i090l5f2WQ4aB05lYHeZIR1qL4wZyyILTbtmnbHP5Yn8MrsOJMGa8RkQ==", + "dev": true, + "requires": { + "get-stdin": "^6.0.0" + }, + "dependencies": { + "get-stdin": { + "version": "6.0.0", + "resolved": "https://registry.npmjs.org/get-stdin/-/get-stdin-6.0.0.tgz", + "integrity": "sha512-jp4tHawyV7+fkkSKyvjuLZswblUtz+SQKzSWnBbii16BuZksJlU1wuBYXY75r+duh/llF1ur6oNwi+2ZzjKZ7g==", + "dev": true + } + } + }, "eslint-config-react-app": { "version": "5.2.0", "resolved": "https://registry.npmjs.org/eslint-config-react-app/-/eslint-config-react-app-5.2.0.tgz", @@ -5506,6 +5531,15 @@ } } }, + "eslint-plugin-prettier": { + "version": "3.1.3", + "resolved": "https://registry.npmjs.org/eslint-plugin-prettier/-/eslint-plugin-prettier-3.1.3.tgz", + "integrity": "sha512-+HG5jmu/dN3ZV3T6eCD7a4BlAySdN7mLIbJYo0z1cFQuI+r2DiTJEFeF68ots93PsnrMxbzIZ2S/ieX+mkrBeQ==", + "dev": true, + "requires": { + "prettier-linter-helpers": "^1.0.0" + } + }, "eslint-plugin-react": { "version": "7.18.0", "resolved": "https://registry.npmjs.org/eslint-plugin-react/-/eslint-plugin-react-7.18.0.tgz", @@ -5547,9 +5581,9 @@ } }, "eslint-utils": { - "version": "1.4.3", - "resolved": "https://registry.npmjs.org/eslint-utils/-/eslint-utils-1.4.3.tgz", - "integrity": "sha512-fbBN5W2xdY45KulGXmLHZ3c3FHfVYmKg0IrAKGOkT/464PQsx2UeIzfz1RmEci+KLm1bBaAzZAh8+/E+XAeZ8Q==", + "version": "2.0.0", + "resolved": "https://registry.npmjs.org/eslint-utils/-/eslint-utils-2.0.0.tgz", + "integrity": "sha512-0HCPuJv+7Wv1bACm8y5/ECVfYdfsAm9xmVb7saeFlxjPYALefjhbYoCkBjPdPzGH8wWyTpAez82Fh3VKYEZ8OA==", "requires": { "eslint-visitor-keys": "^1.1.0" } @@ -5560,12 +5594,12 @@ "integrity": "sha512-8y9YjtM1JBJU/A9Kc+SbaOV4y29sSWckBwMHa+FGtVj5gN/sbnKDf6xJUl+8g7FAij9LVaP8C24DUiH/f/2Z9A==" }, "espree": { - "version": "6.1.2", - "resolved": "https://registry.npmjs.org/espree/-/espree-6.1.2.tgz", - "integrity": "sha512-2iUPuuPP+yW1PZaMSDM9eyVf8D5P0Hi8h83YtZ5bPc/zHYjII5khoixIUTMO794NOY8F/ThF1Bo8ncZILarUTA==", + "version": "6.2.1", + "resolved": "https://registry.npmjs.org/espree/-/espree-6.2.1.tgz", + "integrity": "sha512-ysCxRQY3WaXJz9tdbWOwuWr5Y/XrPTGX9Kiz3yoUXwW0VZ4w30HTkQLaGx/+ttFjF8i+ACbArnB4ce68a9m5hw==", "requires": { - "acorn": "^7.1.0", - "acorn-jsx": "^5.1.0", + "acorn": "^7.1.1", + "acorn-jsx": "^5.2.0", "eslint-visitor-keys": "^1.1.0" } }, @@ -5575,11 +5609,18 @@ "integrity": "sha512-eGuFFw7Upda+g4p+QHvnW0RyTX/SVeJBDM/gCtMARO0cLuT2HcEKnTPvhjV6aGeqrCB/sbNop0Kszm0jsaWU4A==" }, "esquery": { - "version": "1.0.1", - "resolved": "https://registry.npmjs.org/esquery/-/esquery-1.0.1.tgz", - "integrity": "sha512-SmiyZ5zIWH9VM+SRUReLS5Q8a7GxtRdxEBVZpm98rJM7Sb+A9DVCndXfkeFUd3byderg+EbDkfnevfCwynWaNA==", + "version": "1.3.1", + "resolved": "https://registry.npmjs.org/esquery/-/esquery-1.3.1.tgz", + "integrity": "sha512-olpvt9QG0vniUBZspVRN6lwB7hOZoTRtT+jzR+tS4ffYx2mzbw+z0XCOk44aaLYKApNX5nMm+E+P6o25ip/DHQ==", "requires": { - "estraverse": "^4.0.0" + "estraverse": "^5.1.0" + }, + "dependencies": { + "estraverse": { + "version": "5.1.0", + "resolved": "https://registry.npmjs.org/estraverse/-/estraverse-5.1.0.tgz", + "integrity": "sha512-FyohXK+R0vE+y1nHLoBM7ZTyqRpqAlhdZHCWIWEviFLiGB8b04H6bQs8G+XTthacvT8VuwvteiP7RJSxMs8UEw==" + } } }, "esrecurse": { @@ -5971,6 +6012,12 @@ "resolved": "https://registry.npmjs.org/fast-deep-equal/-/fast-deep-equal-3.1.1.tgz", "integrity": "sha512-8UEa58QDLauDNfpbrX55Q9jrGHThw2ZMdOky5Gl1CDtVeJDPVrG4Jxx1N8jw2gkWaff5UUuX1KJd+9zGe2B+ZA==" }, + "fast-diff": { + "version": "1.2.0", + "resolved": "https://registry.npmjs.org/fast-diff/-/fast-diff-1.2.0.tgz", + "integrity": "sha512-xJuoT5+L99XlZ8twedaRf6Ax2TgQVxvgZOYoPKqZufmJib0tL2tegPBOZb1pVNgIhlqDlA0eO0c3wBvQcmzx4w==", + "dev": true + }, "fast-glob": { "version": "2.2.7", "resolved": "https://registry.npmjs.org/fast-glob/-/fast-glob-2.2.7.tgz", @@ -6189,9 +6236,9 @@ } }, "flatted": { - "version": "2.0.1", - "resolved": "https://registry.npmjs.org/flatted/-/flatted-2.0.1.tgz", - "integrity": "sha512-a1hQMktqW9Nmqr5aktAux3JMNqaucxGcjtjWnZLHX7yyPCmlSV3M54nGYbqT8K+0GhF3NBgmJCc3ma+WOgX8Jg==" + "version": "2.0.2", + "resolved": "https://registry.npmjs.org/flatted/-/flatted-2.0.2.tgz", + "integrity": "sha512-r5wGx7YeOwNWNlCA0wQ86zKyDLMQr+/RB8xy74M4hTphfmjlijTSSXGuH8rnvKZnfT9i+75zmd8jcKdMR4O6jA==" }, "flatten": { "version": "1.0.3", @@ -11753,6 +11800,21 @@ "resolved": "https://registry.npmjs.org/prepend-http/-/prepend-http-1.0.4.tgz", "integrity": "sha1-1PRWKwzjaW5BrFLQ4ALlemNdxtw=" }, + "prettier": { + "version": "2.0.4", + "resolved": "https://registry.npmjs.org/prettier/-/prettier-2.0.4.tgz", + "integrity": "sha512-SVJIQ51spzFDvh4fIbCLvciiDMCrRhlN3mbZvv/+ycjvmF5E73bKdGfU8QDLNmjYJf+lsGnDBC4UUnvTe5OO0w==", + "dev": true + }, + "prettier-linter-helpers": { + "version": "1.0.0", + "resolved": "https://registry.npmjs.org/prettier-linter-helpers/-/prettier-linter-helpers-1.0.0.tgz", + "integrity": "sha512-GbK2cP9nraSSUF9N2XwUwqfzlAFlMNYYl+ShE/V+H8a9uNl/oUqB1w2EL54Jh0OlyRSd8RfWYJ3coVS4TROP2w==", + "dev": true, + "requires": { + "fast-diff": "^1.1.2" + } + }, "pretty-bytes": { "version": "5.3.0", "resolved": "https://registry.npmjs.org/pretty-bytes/-/pretty-bytes-5.3.0.tgz", @@ -12863,9 +12925,9 @@ } }, "regexpp": { - "version": "3.0.0", - "resolved": "https://registry.npmjs.org/regexpp/-/regexpp-3.0.0.tgz", - "integrity": "sha512-Z+hNr7RAVWxznLPuA7DIh8UNX1j9CDrUQxskw9IrBE1Dxue2lyXT+shqEIeLUjrokxIP8CMy1WkjgG3rTsd5/g==" + "version": "3.1.0", + "resolved": "https://registry.npmjs.org/regexpp/-/regexpp-3.1.0.tgz", + "integrity": "sha512-ZOIzd8yVsQQA7j8GCSlPGXwg5PfmA1mrq0JP4nGhh54LaKN3xdai/vHUDu74pKwV8OxseMS65u2NImosQcSD0Q==" }, "regexpu-core": { "version": "4.6.0", @@ -14598,9 +14660,9 @@ } }, "strip-json-comments": { - "version": "3.0.1", - "resolved": "https://registry.npmjs.org/strip-json-comments/-/strip-json-comments-3.0.1.tgz", - "integrity": "sha512-VTyMAUfdm047mwKl+u79WIdrZxtFtn+nBxHeb844XBQ9uMNTuTHdx2hc5RiAJYqwTj3wc/xe5HLSdJSkJ+WfZw==" + "version": "3.1.0", + "resolved": "https://registry.npmjs.org/strip-json-comments/-/strip-json-comments-3.1.0.tgz", + "integrity": "sha512-e6/d0eBu7gHtdCqFt0xJr642LdToM5/cN4Qb9DbHjVx1CP5RyeM+zH7pbecEmDv/lBqb0QH+6Uqq75rxFPkM0w==" }, "style-loader": { "version": "1.1.3", diff --git a/pwa/package.json b/pwa/package.json index 9abda9f..80c48ce 100644 --- a/pwa/package.json +++ b/pwa/package.json @@ -1,69 +1,75 @@ { - "name": "hdhs", - "version": "0.1.0", - "private": true, - "dependencies": { - "@ant-design/icons": "^4.0.5", - "@testing-library/jest-dom": "^4.2.4", - "@testing-library/react": "^9.4.0", - "@testing-library/user-event": "^7.2.1", - "@types/jest": "^24.9.1", - "@types/node": "^12.12.26", - "@types/react": "^16.9.19", - "@types/react-dom": "^16.9.5", - "@types/react-router-dom": "^5.1.4", - "antd-mobile": "^2.3.1", - "node-sass": "^4.13.1", - "react": "^16.12.0", - "react-dom": "^16.12.0", - "react-router-dom": "^5.1.2", - "react-scripts": "3.3.1", - "typescript": "^3.7.5" - }, - "scripts": { - "start": "react-scripts start", - "build": "react-scripts build", - "test": "react-scripts test", - "cy:open": "cypress open", - "cy:run": "cypress run", - "test:cov": "react-scripts test --coverage --watchAll=false", - "eject": "react-scripts eject" - }, - "eslintConfig": { - "extends": "react-app" - }, - "jest": { - "coverageThreshold": { - "global": { - "statements": 90 - } + "name": "hdhs", + "version": "0.1.0", + "private": true, + "dependencies": { + "@ant-design/icons": "^4.0.5", + "@testing-library/jest-dom": "^4.2.4", + "@testing-library/react": "^9.4.0", + "@testing-library/user-event": "^7.2.1", + "@types/jest": "^24.9.1", + "@types/node": "^12.12.26", + "@types/react": "^16.9.19", + "@types/react-dom": "^16.9.5", + "@types/react-router-dom": "^5.1.4", + "antd-mobile": "^2.3.1", + "node-sass": "^4.13.1", + "react": "^16.12.0", + "react-dom": "^16.12.0", + "react-router-dom": "^5.1.2", + "react-scripts": "3.3.1", + "typescript": "^3.7.5" }, - "coverageReporters": [ - "lcov" - ] - }, - "browserslist": { - "production": [ - ">0.2%", - "not dead", - "not op_mini all" - ], - "development": [ - "last 1 chrome version", - "last 1 firefox version", - "last 1 safari version" - ] - }, - "devDependencies": { - "@cypress/webpack-preprocessor": "^4.1.3", - "@testing-library/react-hooks": "^3.2.1", - "awesome-typescript-loader": "^5.2.1", - "babel-loader": "^8.1.0", - "babel-plugin-import": "^1.13.0", - "cypress": "^4.2.0", - "react-test-renderer": "^16.13.1", - "svg-url-loader": "^5.0.0", - "ts-loader": "^6.2.2", - "webpack": "^4.42.1" - } + "scripts": { + "start": "react-scripts start", + "build": "react-scripts build", + "test": "react-scripts test", + "cy:open": "cypress open", + "cy:run": "cypress run", + "lint": "tsc --noEmit && eslint 'src/*.{js,ts,tsx}' --fix", + "test:cov": "react-scripts test --coverage --watchAll=false" + }, + "eslintConfig": { + "extends": "react-app" + }, + "jest": { + "coverageThreshold": { + "global": { + "statements": 90 + } + }, + "coverageReporters": [ + "lcov" + ] + }, + "browserslist": { + "production": [ + ">0.2%", + "not dead", + "not op_mini all" + ], + "development": [ + "last 1 chrome version", + "last 1 firefox version", + "last 1 safari version" + ] + }, + "devDependencies": { + "@cypress/webpack-preprocessor": "^4.1.3", + "@testing-library/react-hooks": "^3.2.1", + "@typescript-eslint/eslint-plugin": "^2.28.0", + "@typescript-eslint/parser": "^2.28.0", + "awesome-typescript-loader": "^5.2.1", + "babel-loader": "^8.1.0", + "babel-plugin-import": "^1.13.0", + "cypress": "^4.2.0", + "eslint": "^6.8.0", + "eslint-config-prettier": "^6.10.1", + "eslint-plugin-prettier": "^3.1.3", + "prettier": "^2.0.4", + "react-test-renderer": "^16.13.1", + "svg-url-loader": "^5.0.0", + "ts-loader": "^6.2.2", + "webpack": "^4.42.1" + } } From 1aba8fe60b9ad4af1a4d3e87e86935727464a650 Mon Sep 17 00:00:00 2001 From: Ben Mitchinson Date: Sat, 18 Apr 2020 19:17:43 -0500 Subject: [PATCH 46/63] linting --- pwa/cypress/integration/spec.ts | 10 +- pwa/src/App.test.tsx | 14 +- pwa/src/App.tsx | 70 +- pwa/src/Wrapper.test.tsx | 119 +- pwa/src/Wrapper.tsx | 76 +- pwa/src/antd-mobile.css | 11329 ++++++++-------- pwa/src/antd-mobile.min.css | 7877 ++++++++++- pwa/src/components/LandingPage.test.tsx | 20 +- pwa/src/components/LandingPage.tsx | 60 +- pwa/src/components/Login.tsx | 48 +- pwa/src/components/PatientInfoPlaceholder.tsx | 16 +- pwa/src/hooks/useApi.test.tsx | 40 +- pwa/src/hooks/useApi.tsx | 58 +- pwa/src/index.tsx | 14 +- pwa/src/scss/App.scss | 4 +- pwa/src/scss/LandingPage.scss | 26 +- pwa/src/scss/Login.scss | 132 +- pwa/src/scss/Wrapper.scss | 19 +- pwa/src/scss/_include-media.scss | 370 +- pwa/src/scss/index.scss | 24 +- pwa/src/serviceWorker.ts | 225 +- pwa/src/setupTests.ts | 2 +- 22 files changed, 14514 insertions(+), 6039 deletions(-) diff --git a/pwa/cypress/integration/spec.ts b/pwa/cypress/integration/spec.ts index 171714a..4aec101 100644 --- a/pwa/cypress/integration/spec.ts +++ b/pwa/cypress/integration/spec.ts @@ -3,10 +3,10 @@ /// describe('Homepage', () => { - it('shows login button', function () { - cy.visit('http://localhost:3000') - cy.get('.am-button').contains('Login') - }) + it('shows login button', function () { + cy.visit('http://localhost:3000') + cy.get('.am-button').contains('Login') + }) }) -export {}; \ No newline at end of file +export {} diff --git a/pwa/src/App.test.tsx b/pwa/src/App.test.tsx index f43fbe8..c5bda6a 100644 --- a/pwa/src/App.test.tsx +++ b/pwa/src/App.test.tsx @@ -1,9 +1,9 @@ -import React from 'react'; -import { render } from '@testing-library/react'; -import App from './App'; +import React from 'react' +import { render } from '@testing-library/react' +import App from './App' test('renders learn react link', () => { - const { getByText } = render(); - const linkElement = getByText(/Login/i); - expect(linkElement).toBeInTheDocument(); -}); + const { getByText } = render() + const linkElement = getByText(/Login/i) + expect(linkElement).toBeInTheDocument() +}) diff --git a/pwa/src/App.tsx b/pwa/src/App.tsx index 66aed54..b54f231 100644 --- a/pwa/src/App.tsx +++ b/pwa/src/App.tsx @@ -1,39 +1,39 @@ -import React from "react"; -import { BrowserRouter as Router, Switch, Route } from "react-router-dom"; +import React from 'react' +import { BrowserRouter as Router, Switch, Route } from 'react-router-dom' -import Login from "./components/Login"; -import LandingPage from "./components/LandingPage"; -import PatientInfoPlaceholder from "./components/PatientInfoPlaceholder"; -import Wrapper from "./Wrapper"; +import Login from './components/Login' +import LandingPage from './components/LandingPage' +import PatientInfoPlaceholder from './components/PatientInfoPlaceholder' +import Wrapper from './Wrapper' -import "./scss/App.scss"; -import "./antd-mobile.css"; +import './scss/App.scss' +import './antd-mobile.css' -const App = () => { - return ( - - - - - - - - - - - - - - - - - - - ); -}; +const App: React.FunctionComponent = () => { + return ( + + + + + + + + + + + + + + + + + + + ) +} -export default App; +export default App diff --git a/pwa/src/Wrapper.test.tsx b/pwa/src/Wrapper.test.tsx index 00848e8..8762233 100644 --- a/pwa/src/Wrapper.test.tsx +++ b/pwa/src/Wrapper.test.tsx @@ -1,74 +1,75 @@ -import React from "react"; -import { render, queryByAttribute, fireEvent } from "@testing-library/react"; -import { useHistory } from "react-router-dom"; -import Wrapper from "./Wrapper"; +import React from 'react' +import { render, queryByAttribute, fireEvent } from '@testing-library/react' +import { useHistory } from 'react-router-dom' +import Wrapper from './Wrapper' -const mockHistoryPush = jest.fn(); -jest.mock("react-router-dom", () => ({ - useHistory: () => ({ - push: mockHistoryPush, - }), -})); +const mockHistoryPush = jest.fn() +jest.mock('react-router-dom', () => ({ + // eslint-disable-next-line @typescript-eslint/explicit-function-return-type + useHistory: () => ({ + push: mockHistoryPush, + }), +})) test("renders it's inner contents", () => { - const dom = render( - -
Hello!
- - ); + const dom = render( + +
Hello!
+ , + ) - const textContents = dom.getByText("Hello!"); + const textContents = dom.getByText('Hello!') - expect(textContents).toBeInTheDocument(); -}); + expect(textContents).toBeInTheDocument() +}) -test("renders navBar when given navTitle", () => { - const dom = render( - -
Hello!
- - ); +test('renders navBar when given navTitle', () => { + const dom = render( + +
Hello!
+ , + ) - const getById = queryByAttribute.bind(null, "id"); - const renderedNavBar = getById(dom.container, "nav-bar"); - const navTitle = dom.getByText("CHI"); + const getById = queryByAttribute.bind(null, 'id') + const renderedNavBar = getById(dom.container, 'nav-bar') + const navTitle = dom.getByText('CHI') - expect(renderedNavBar).toBeTruthy(); - expect(navTitle).toBeInTheDocument(); -}); + expect(renderedNavBar).toBeTruthy() + expect(navTitle).toBeInTheDocument() +}) -test("renders no navBar when not given props", () => { - const dom = render( - -
Hello!
- - ); - const getById = queryByAttribute.bind(null, "id"); - const renderedNavBar = getById(dom.container, "nav-bar"); - expect(renderedNavBar).toBeFalsy(); -}); +test('renders no navBar when not given props', () => { + const dom = render( + +
Hello!
+ , + ) + const getById = queryByAttribute.bind(null, 'id') + const renderedNavBar = getById(dom.container, 'nav-bar') + expect(renderedNavBar).toBeFalsy() +}) -test("renders leftArrowText", () => { - const dom = render( - -
Hello!
- - ); +test('renders leftArrowText', () => { + const dom = render( + +
Hello!
+ , + ) - const leftArrowText = dom.getByText("back"); + const leftArrowText = dom.getByText('back') - expect(leftArrowText).toBeInTheDocument(); -}); + expect(leftArrowText).toBeInTheDocument() +}) -test("redirects on left arrow click ", () => { - const dom = render( - -
Hello!
- - ); +test('redirects on left arrow click ', () => { + const dom = render( + +
Hello!
+ , + ) - const leftArrowText = dom.getByText("back"); - fireEvent.click(leftArrowText); + const leftArrowText = dom.getByText('back') + fireEvent.click(leftArrowText) - expect(useHistory().push).toBeCalledWith("/"); -}); + expect(useHistory().push).toBeCalledWith('/') +}) diff --git a/pwa/src/Wrapper.tsx b/pwa/src/Wrapper.tsx index 4a76bc0..57860ba 100644 --- a/pwa/src/Wrapper.tsx +++ b/pwa/src/Wrapper.tsx @@ -1,42 +1,44 @@ -import React from "react"; -import { NavBar, Icon } from "antd-mobile"; -import { useHistory } from "react-router-dom"; +import React from 'react' +import { NavBar, Icon } from 'antd-mobile' +import { useHistory } from 'react-router-dom' -import "./scss/Wrapper.scss"; +import './scss/Wrapper.scss' -type props = { - navTitle?: string; - leftArrowText?: string; - leftArrowRoute?: string; - children: React.ReactNode; -}; +type WrapperProps = { + navTitle?: string + leftArrowText?: string + leftArrowRoute?: string + children: React.ReactNode +} -const Wrapper = (props: props) => { - const { navTitle, leftArrowText, leftArrowRoute } = props; - const hist = useHistory(); - const needNavBar = navTitle || leftArrowText || leftArrowRoute; - const leftContentArr = leftArrowText - ? [, `${leftArrowText}`] - : []; - const leftRoute = leftArrowRoute ? `${leftArrowRoute}` : "/"; +const Wrapper: React.FunctionComponent = ( + props: WrapperProps, +) => { + const { navTitle, leftArrowText, leftArrowRoute } = props + const hist = useHistory() + const needNavBar = navTitle || leftArrowText || leftArrowRoute + const leftContentArr = leftArrowText + ? [, `${leftArrowText}`] + : [] + const leftRoute = leftArrowRoute ? `${leftArrowRoute}` : '/' - return ( -
-
- {needNavBar && ( - hist.push(leftRoute)} - leftContent={leftContentArr} - > - {`${navTitle}`} - - )} - {props.children} -
-
- ); -}; + return ( +
+
+ {needNavBar && ( + hist.push(leftRoute)} + leftContent={leftContentArr} + > + {`${navTitle}`} + + )} + {props.children} +
+
+ ) +} -export default Wrapper; +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/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(); - const lookupButtonElement = getByText(/Patient Lookup/i); - const newPatientButtonElement = getByText(/New Patient/i); - expect(lookupButtonElement).toBeInTheDocument(); - expect(newPatientButtonElement).toBeInTheDocument(); -}); +test('renders learn react link', () => { + const { getByText } = render() + const lookupButtonElement = getByText(/Patient Lookup/i) + const newPatientButtonElement = getByText(/New Patient/i) + expect(lookupButtonElement).toBeInTheDocument() + expect(newPatientButtonElement).toBeInTheDocument() +}) diff --git a/pwa/src/components/LandingPage.tsx b/pwa/src/components/LandingPage.tsx index b8a0df4..7d51c09 100644 --- a/pwa/src/components/LandingPage.tsx +++ b/pwa/src/components/LandingPage.tsx @@ -1,35 +1,35 @@ -import React, { ReactElement } from "react"; -import { WhiteSpace, Button } from "antd-mobile"; -import { UserAddOutlined } from "@ant-design/icons"; +import React, { ReactElement } from 'react' +import { WhiteSpace, Button } from 'antd-mobile' +import { UserAddOutlined } from '@ant-design/icons' -import "../scss/LandingPage.scss"; +import '../scss/LandingPage.scss' export default function LandingPage(): ReactElement { - /* istanbul ignore next */ - // TODO: these onClick functions could be mocked in a unit test - const patientLookup = () => { - console.log("Clicked Patient Lookup"); - }; + /* istanbul ignore next */ + // TODO: these onClick functions could be mocked in a unit test + const patientLookup = () => { + console.log('Clicked Patient Lookup') + } - /* istanbul ignore next */ - const newPatient = () => { - console.log("Clicked New Patient"); - }; - return ( -
-
- - -
-
-
- - -
-
- ); + /* istanbul ignore next */ + const newPatient = () => { + console.log('Clicked New Patient') + } + return ( +
+
+ + +
+
+
+ + +
+
+ ) } diff --git a/pwa/src/components/Login.tsx b/pwa/src/components/Login.tsx index d181260..02b6d62 100644 --- a/pwa/src/components/Login.tsx +++ b/pwa/src/components/Login.tsx @@ -1,29 +1,29 @@ -import React, { ReactElement } from "react"; -import useApi from "../hooks/useApi"; -import { InputItem, Button } from "antd-mobile"; -import "../scss/Login.scss"; +import React, { ReactElement } from 'react' +import useApi from '../hooks/useApi' +import { InputItem, Button } from 'antd-mobile' +import '../scss/Login.scss' export default function Login(): ReactElement { - const { response, isLoading } = useApi(""); + const { response, isLoading } = useApi('') - return ( - <> -
-
-
-
- CHI Logo + return ( + <> +
+
+
+
+ CHI Logo +
+
+ + +
+ +
+
-
- - -
- -
-
-
-

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/PatientInfoPlaceholder.tsx b/pwa/src/components/PatientInfoPlaceholder.tsx index 8dd19d3..5163c3e 100644 --- a/pwa/src/components/PatientInfoPlaceholder.tsx +++ b/pwa/src/components/PatientInfoPlaceholder.tsx @@ -1,12 +1,12 @@ /* istanbul ignore file */ -import React, { ReactElement } from "react"; +import React, { ReactElement } from 'react' export default function PatientInfoPlaceholder(): ReactElement { - return ( - placeholder - ); + return ( + placeholder + ) } diff --git a/pwa/src/hooks/useApi.test.tsx b/pwa/src/hooks/useApi.test.tsx index aafd6d8..17a3153 100644 --- a/pwa/src/hooks/useApi.test.tsx +++ b/pwa/src/hooks/useApi.test.tsx @@ -1,28 +1,28 @@ -import { renderHook } from "@testing-library/react-hooks"; -import useApi from "./useApi"; +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("")); +test('should return loading and then a response', async () => { + const { result, waitForNextUpdate } = renderHook(() => useApi('')) - expect(result.current.response).toBeNull(); - expect(result.current.error).toBeNull(); - expect(result.current.isLoading).toBeTruthy(); + expect(result.current.response).toBeNull() + expect(result.current.error).toBeNull() + expect(result.current.isLoading).toBeTruthy() - await waitForNextUpdate(); + await waitForNextUpdate() - expect(result.current.response).toBeTruthy(); - expect(result.current.error).toBeNull(); - expect(result.current.isLoading).toBeFalsy(); -}); + expect(result.current.response).toBeTruthy() + expect(result.current.error).toBeNull() + expect(result.current.isLoading).toBeFalsy() +}) -test("should return an error on a non existent route", async () => { - const { result, waitForNextUpdate } = renderHook(() => useApi("/404")); +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(); + expect(result.current.response).toBeNull() + expect(result.current.error).toBeNull() - await waitForNextUpdate(); + await waitForNextUpdate() - expect(result.current.response).toBeFalsy(); - expect(result.current.error).toBeTruthy(); -}); + 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 a292d8b..22629e5 100644 --- a/pwa/src/hooks/useApi.tsx +++ b/pwa/src/hooks/useApi.tsx @@ -1,35 +1,35 @@ -import React from "react"; +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); + 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/"; + /* istanbul ignore next */ + const getUrl = () => { + if (process.env.environment === 'docker') { + return 'http://api:4000/' + } else { + return 'http://localhost:4000/' + } } - }; - 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 }; -}; + 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; +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(, document.getElementById('root')); +ReactDOM.render(, document.getElementById('root')) // If you want your app to work offline and load faster, you can change // unregister() to register() below. Note this comes with some pitfalls. // Learn more about service workers: https://bit.ly/CRA-PWA -serviceWorker.register(); +serviceWorker.register() diff --git a/pwa/src/scss/App.scss b/pwa/src/scss/App.scss index 9b04ce6..3b4f2fc 100644 --- a/pwa/src/scss/App.scss +++ b/pwa/src/scss/App.scss @@ -1,7 +1,7 @@ .am-button:hover { - cursor: pointer; + cursor: pointer; } #root { - height: 100vh; + height: 100vh; } diff --git a/pwa/src/scss/LandingPage.scss b/pwa/src/scss/LandingPage.scss index 73ed522..ba4a0a3 100644 --- a/pwa/src/scss/LandingPage.scss +++ b/pwa/src/scss/LandingPage.scss @@ -1,19 +1,19 @@ .button-flex { - display: flex; - justify-content: center; - margin: 2em 0; - .am-button { - background-color: #9bd7ff; - width: 40%; - &.am-button-active { - background-color: #ccebff; + display: flex; + justify-content: center; + margin: 2em 0; + .am-button { + background-color: #9bd7ff; + width: 40%; + &.am-button-active { + background-color: #ccebff; + } } - } } #landing-wrapper { - display: flex; - flex-direction: column; - justify-content: center; - height: 100%; + display: flex; + flex-direction: column; + justify-content: center; + height: 100%; } diff --git a/pwa/src/scss/Login.scss b/pwa/src/scss/Login.scss index f2dd399..94a0286 100644 --- a/pwa/src/scss/Login.scss +++ b/pwa/src/scss/Login.scss @@ -2,78 +2,78 @@ // @include media(" $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' From e94804173d18f34f5db34d41d31cd30cbff06357 Mon Sep 17 00:00:00 2001 From: Ben Mitchinson Date: Sat, 18 Apr 2020 23:51:12 -0500 Subject: [PATCH 47/63] first easy-peasy attempt --- pwa/package-lock.json | 76 +++++++++++++++++++- pwa/package.json | 1 + pwa/src/App.tsx | 49 +++++++------ pwa/src/state/enums.ts | 11 +++ pwa/src/state/models/newPatientFormModels.ts | 40 +++++++++++ pwa/src/state/store.ts | 6 ++ pwa/src/state/storeIndex.ts | 16 +++++ 7 files changed, 175 insertions(+), 24 deletions(-) create mode 100644 pwa/src/state/enums.ts create mode 100644 pwa/src/state/models/newPatientFormModels.ts create mode 100644 pwa/src/state/store.ts create mode 100644 pwa/src/state/storeIndex.ts diff --git a/pwa/package-lock.json b/pwa/package-lock.json index 155f8d0..c858cac 100644 --- a/pwa/package-lock.json +++ b/pwa/package-lock.json @@ -4556,6 +4556,11 @@ "integrity": "sha512-hBSVCvSmWC+QypYObzwGOd9wqdDpOt+0wl0KbU+R+uuZBS1jN8VsD1ss3irQDknRj5NvxiTF6oj/nDRnN/UQNw==", "dev": true }, + "debounce": { + "version": "1.2.0", + "resolved": "https://registry.npmjs.org/debounce/-/debounce-1.2.0.tgz", + "integrity": "sha512-mYtLl1xfZLi1m4RtQYlZgJUNQjl4ZxVnHzIR8nLLgi4q1YT8o/WM+MK/f8yfcc9s5Ir5zRaPZyZU6xs1Syoocg==" + }, "debug": { "version": "4.1.1", "resolved": "https://registry.npmjs.org/debug/-/debug-4.1.1.tgz", @@ -4935,6 +4940,37 @@ } } }, + "easy-peasy": { + "version": "3.3.0", + "resolved": "https://registry.npmjs.org/easy-peasy/-/easy-peasy-3.3.0.tgz", + "integrity": "sha512-wkTDAG+nRy+4g8Z3/k1vuTyrhxet19oY5MCmuRgOObm8dtZ2m+g5Mk/sdf3UWPuyx/sKIYH5Fy/HXab8iNKjTQ==", + "requires": { + "debounce": "^1.2.0", + "immer-peasy": "3.1.3", + "is-plain-object": "^3.0.0", + "memoizerific": "^1.11.3", + "prop-types": "^15.6.2", + "redux": "^4.0.5", + "redux-thunk": "^2.3.0", + "symbol-observable": "^1.2.0", + "ts-toolbelt": "^6.1.6" + }, + "dependencies": { + "is-plain-object": { + "version": "3.0.0", + "resolved": "https://registry.npmjs.org/is-plain-object/-/is-plain-object-3.0.0.tgz", + "integrity": "sha512-tZIpofR+P05k8Aocp7UI/2UTa9lTJSebCXpFFoR9aibpokDj/uXBsJ8luUu0tTVYKkMU6URDUuOfJZ7koewXvg==", + "requires": { + "isobject": "^4.0.0" + } + }, + "isobject": { + "version": "4.0.0", + "resolved": "https://registry.npmjs.org/isobject/-/isobject-4.0.0.tgz", + "integrity": "sha512-S/2fF5wH8SJA/kmwr6HYhK/RI/OkhD84k8ntalo0iJjZikgq1XFvR5M8NPT1x5F7fBwCG3qHfnzeP/Vh/ZxCUA==" + } + } + }, "ecc-jsbn": { "version": "0.1.2", "resolved": "https://registry.npmjs.org/ecc-jsbn/-/ecc-jsbn-0.1.2.tgz", @@ -7125,6 +7161,11 @@ "resolved": "https://registry.npmjs.org/immer/-/immer-1.10.0.tgz", "integrity": "sha512-O3sR1/opvCDGLEVcvrGTMtLac8GJ5IwZC4puPrLuRj3l7ICKvkmA0vGuU9OW8mV9WIBRnaxp5GJh9IEAaNOoYg==" }, + "immer-peasy": { + "version": "3.1.3", + "resolved": "https://registry.npmjs.org/immer-peasy/-/immer-peasy-3.1.3.tgz", + "integrity": "sha512-WzoZ96A93jOmcDOLNChMWAqy+ZU8vEYQx2DcKjgo7P5SToiJs+GL+5yQbWzH8X02Lhvv6xrGgVNa1xbki66Eow==" + }, "import-cwd": { "version": "2.1.0", "resolved": "https://registry.npmjs.org/import-cwd/-/import-cwd-2.1.0.tgz", @@ -9390,6 +9431,11 @@ "resolved": "https://registry.npmjs.org/map-obj/-/map-obj-1.0.1.tgz", "integrity": "sha1-2TPOuSBdgr3PSIb2dCvcK03qFG0=" }, + "map-or-similar": { + "version": "1.5.0", + "resolved": "https://registry.npmjs.org/map-or-similar/-/map-or-similar-1.5.0.tgz", + "integrity": "sha1-beJlMXSt+12e3DPGnT6Sobdvrwg=" + }, "map-visit": { "version": "1.0.0", "resolved": "https://registry.npmjs.org/map-visit/-/map-visit-1.0.0.tgz", @@ -9428,6 +9474,14 @@ "p-is-promise": "^2.0.0" } }, + "memoizerific": { + "version": "1.11.3", + "resolved": "https://registry.npmjs.org/memoizerific/-/memoizerific-1.11.3.tgz", + "integrity": "sha1-fIekZGREwy11Q4VwkF8tvRsagFo=", + "requires": { + "map-or-similar": "^1.5.0" + } + }, "memory-fs": { "version": "0.4.1", "resolved": "https://registry.npmjs.org/memory-fs/-/memory-fs-0.4.1.tgz", @@ -12875,6 +12929,20 @@ "strip-indent": "^3.0.0" } }, + "redux": { + "version": "4.0.5", + "resolved": "https://registry.npmjs.org/redux/-/redux-4.0.5.tgz", + "integrity": "sha512-VSz1uMAH24DM6MF72vcojpYPtrTUu3ByVWfPL1nPfVRb5mZVTve5GnNCUV53QM/BZ66xfWrm0CTWoM+Xlz8V1w==", + "requires": { + "loose-envify": "^1.4.0", + "symbol-observable": "^1.2.0" + } + }, + "redux-thunk": { + "version": "2.3.0", + "resolved": "https://registry.npmjs.org/redux-thunk/-/redux-thunk-2.3.0.tgz", + "integrity": "sha512-km6dclyFnmcvxhAcrQV2AkZmPQjzPDjgVlQtR0EQjxZPyJ0BnMf3in1ryuR8A2qU0HldVRfxYXbFSKlI3N7Slw==" + }, "regenerate": { "version": "1.4.0", "resolved": "https://registry.npmjs.org/regenerate/-/regenerate-1.4.0.tgz", @@ -14807,8 +14875,7 @@ "symbol-observable": { "version": "1.2.0", "resolved": "https://registry.npmjs.org/symbol-observable/-/symbol-observable-1.2.0.tgz", - "integrity": "sha512-e900nM8RRtGhlV36KGEU9k65K3mPb1WV70OdjfxlG2EAuM1noi/E/BaW/uMhL7bPEssK8QV57vN3esixjUvcXQ==", - "dev": true + "integrity": "sha512-e900nM8RRtGhlV36KGEU9k65K3mPb1WV70OdjfxlG2EAuM1noi/E/BaW/uMhL7bPEssK8QV57vN3esixjUvcXQ==" }, "symbol-tree": { "version": "3.2.4", @@ -15228,6 +15295,11 @@ "resolved": "https://registry.npmjs.org/ts-pnp/-/ts-pnp-1.1.5.tgz", "integrity": "sha512-ti7OGMOUOzo66wLF3liskw6YQIaSsBgc4GOAlWRnIEj8htCxJUxskanMUoJOD6MDCRAXo36goXJZch+nOS0VMA==" }, + "ts-toolbelt": { + "version": "6.5.1", + "resolved": "https://registry.npmjs.org/ts-toolbelt/-/ts-toolbelt-6.5.1.tgz", + "integrity": "sha512-zjnZ/vy1eUA0li3H0JXecl0R3jiP42snpLimsrppt9V3LLbM4NM4jMgjXQ4S67hvehq+r9CxpX4Wj6RnFRzReA==" + }, "tslib": { "version": "1.10.0", "resolved": "https://registry.npmjs.org/tslib/-/tslib-1.10.0.tgz", diff --git a/pwa/package.json b/pwa/package.json index 80c48ce..4b05093 100644 --- a/pwa/package.json +++ b/pwa/package.json @@ -13,6 +13,7 @@ "@types/react-dom": "^16.9.5", "@types/react-router-dom": "^5.1.4", "antd-mobile": "^2.3.1", + "easy-peasy": "^3.3.0", "node-sass": "^4.13.1", "react": "^16.12.0", "react-dom": "^16.12.0", diff --git a/pwa/src/App.tsx b/pwa/src/App.tsx index b54f231..d3a2e01 100644 --- a/pwa/src/App.tsx +++ b/pwa/src/App.tsx @@ -1,6 +1,9 @@ import React from 'react' import { BrowserRouter as Router, Switch, Route } from 'react-router-dom' +import { StoreProvider } from 'easy-peasy' +import store from './state/store' + import Login from './components/Login' import LandingPage from './components/LandingPage' import PatientInfoPlaceholder from './components/PatientInfoPlaceholder' @@ -11,28 +14,30 @@ import './antd-mobile.css' const App: React.FunctionComponent = () => { return ( - - - - - - - - - - - - - - - - - - + + + + + + + + + + + + + + + + + + + + ) } diff --git a/pwa/src/state/enums.ts b/pwa/src/state/enums.ts new file mode 100644 index 0000000..551557c --- /dev/null +++ b/pwa/src/state/enums.ts @@ -0,0 +1,11 @@ +export enum SEX { + male = 'male', + female = 'female', +} + +export enum Y_N { + YES = 1, + NO = 0, +} + +export default {} diff --git a/pwa/src/state/models/newPatientFormModels.ts b/pwa/src/state/models/newPatientFormModels.ts new file mode 100644 index 0000000..4287ec1 --- /dev/null +++ b/pwa/src/state/models/newPatientFormModels.ts @@ -0,0 +1,40 @@ +import { Action, action } from 'easy-peasy' +import { SEX, Y_N } from '../enums' + +interface PatientInfoFormFields { + firstName?: string + lastName?: string + nickname?: string + sex?: SEX + birthDate?: Date + age?: number + phone?: string + town?: string + firstVisit?: Y_N + weight?: number + height?: number + bloodPressure?: string + temperature?: number + pulse?: number + zScore?: number + albendazole?: Y_N + alergies?: string + medicines?: string + chiefComplaint?: string[] + history?: string + exam?: string +} + +export interface PatientInfoFormModel { + fields: PatientInfoFormFields + updateFields: Action +} + +const patientInfoFormModel: PatientInfoFormModel = { + fields: {}, + updateFields: action((state, payload) => { + state.fields = payload + }), +} + +export default patientInfoFormModel diff --git a/pwa/src/state/store.ts b/pwa/src/state/store.ts new file mode 100644 index 0000000..e8cf686 --- /dev/null +++ b/pwa/src/state/store.ts @@ -0,0 +1,6 @@ +import { createStore } from 'easy-peasy' +import storeIndex from './storeIndex' + +const store = createStore(storeIndex) + +export default store diff --git a/pwa/src/state/storeIndex.ts b/pwa/src/state/storeIndex.ts new file mode 100644 index 0000000..bdb4ed9 --- /dev/null +++ b/pwa/src/state/storeIndex.ts @@ -0,0 +1,16 @@ +import { createTypedHooks } from 'easy-peasy' + +import patientInfoFormModel from './models/newPatientFormModels' + +export const storeModels = { + patientInfoFormModel, +} + +export const { + useStore, + useStoreState, + useStoreActions, + useStoreDispatch, +} = createTypedHooks() + +export default storeModels From b6c54d28be5ce7fbec86b87a83f5a6a66eb7db22 Mon Sep 17 00:00:00 2001 From: Ben Mitchinson Date: Sun, 19 Apr 2020 13:29:02 -0500 Subject: [PATCH 48/63] merge conflict typos --- pwa/src/App.tsx | 4 ++-- pwa/src/scss/Wrapper.scss | 13 +++++++------ 2 files changed, 9 insertions(+), 8 deletions(-) diff --git a/pwa/src/App.tsx b/pwa/src/App.tsx index b54f231..ac918e3 100644 --- a/pwa/src/App.tsx +++ b/pwa/src/App.tsx @@ -3,8 +3,8 @@ import { BrowserRouter as Router, Switch, Route } from 'react-router-dom' import Login from './components/Login' import LandingPage from './components/LandingPage' -import PatientInfoPlaceholder from './components/PatientInfoPlaceholder' import Wrapper from './Wrapper' +import PatientInfoForm from './components/PatientInfoForm' import './scss/App.scss' import './antd-mobile.css' @@ -25,7 +25,7 @@ const App: React.FunctionComponent = () => { leftArrowText="Home" leftArrowRoute="/" > - + diff --git a/pwa/src/scss/Wrapper.scss b/pwa/src/scss/Wrapper.scss index 289ecdf..10400d5 100644 --- a/pwa/src/scss/Wrapper.scss +++ b/pwa/src/scss/Wrapper.scss @@ -1,11 +1,12 @@ #primary-wrapper { width: 100%; - height: 100vh; - display: flex; - justify-content: space-around; - #wrapper-contents { + height: 100vh; + display: flex; + justify-content: space-around; + #wrapper-contents { box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); - width: 55em; - overflow: scroll; + width: 55em; + overflow: scroll; + } } From 668419e8e551d7956be1ed58edf8826dc397dd3f Mon Sep 17 00:00:00 2001 From: Meghan McLaughlin Date: Sun, 19 Apr 2020 16:47:48 -0500 Subject: [PATCH 49/63] placeholder values for GPA, input limits for DOB and LMP --- pwa/src/components/PatientInfoForm.tsx | 12 +++++++----- 1 file changed, 7 insertions(+), 5 deletions(-) diff --git a/pwa/src/components/PatientInfoForm.tsx b/pwa/src/components/PatientInfoForm.tsx index 33591be..b7e9d87 100644 --- a/pwa/src/components/PatientInfoForm.tsx +++ b/pwa/src/components/PatientInfoForm.tsx @@ -121,7 +121,7 @@ export default function Form(): ReactElement { - + Birth Date @@ -167,19 +167,21 @@ export default function Form(): ReactElement { ))} - + G - + P - + A - + + LMP + "Wants Planning?"}> {radioYesNo.map((i) => ( From 24235c7bf62d836d6b1ab99675c70a0996c5f308 Mon Sep 17 00:00:00 2001 From: abpwrs Date: Sun, 19 Apr 2020 20:34:46 -0500 Subject: [PATCH 50/63] STYLE: fixing camelCase naming of bp method --- pwa/src/components/PatientInfoForm.tsx | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/pwa/src/components/PatientInfoForm.tsx b/pwa/src/components/PatientInfoForm.tsx index b7e9d87..38af5f1 100644 --- a/pwa/src/components/PatientInfoForm.tsx +++ b/pwa/src/components/PatientInfoForm.tsx @@ -19,7 +19,7 @@ export default function Form(): ReactElement { 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 [bloodPressureValue, setBloodPressureValue] = useState(""); // Data for Radio Buttons const sexValues = [ @@ -77,7 +77,7 @@ export default function Form(): ReactElement { const validateBp = (value: string) => { const newChar = value.slice(-1); if (newChar.match(/[0-9]|\/|^$/) && value.length < 8) { - setbloodPressureValue(value); + setBloodPressureValue(value); } }; From 6c65a8c68eeec2527e26cff5a73ada48e1ba5458 Mon Sep 17 00:00:00 2001 From: abpwrs Date: Sun, 19 Apr 2020 21:06:57 -0500 Subject: [PATCH 51/63] STYLE: renaming validation method to be more descriptive --- pwa/src/components/PatientInfoForm.tsx | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/pwa/src/components/PatientInfoForm.tsx b/pwa/src/components/PatientInfoForm.tsx index 38af5f1..c7dff4a 100644 --- a/pwa/src/components/PatientInfoForm.tsx +++ b/pwa/src/components/PatientInfoForm.tsx @@ -74,7 +74,7 @@ export default function Form(): ReactElement { } }; - const validateBp = (value: string) => { + const validateAndSetBloodPressure = (value: string) => { const newChar = value.slice(-1); if (newChar.match(/[0-9]|\/|^$/) && value.length < 8) { setBloodPressureValue(value); @@ -213,7 +213,7 @@ export default function Form(): ReactElement { placeholder="Blood Pressure" id="bp" value={bloodPressureValue} - onChange={validateBp} + onChange={validateAndSetBloodPressure} > BP From 8cd1e4462476fb4da7184f9a4930795700e15d50 Mon Sep 17 00:00:00 2001 From: abpwrs Date: Sun, 19 Apr 2020 21:13:10 -0500 Subject: [PATCH 52/63] ENH: adding length constraints to height, weight, temp and pulse --- pwa/src/components/PatientInfoForm.tsx | 8 ++++---- 1 file changed, 4 insertions(+), 4 deletions(-) diff --git a/pwa/src/components/PatientInfoForm.tsx b/pwa/src/components/PatientInfoForm.tsx index c7dff4a..18b27ca 100644 --- a/pwa/src/components/PatientInfoForm.tsx +++ b/pwa/src/components/PatientInfoForm.tsx @@ -201,11 +201,11 @@ export default function Form(): ReactElement { - + Weight (kg) - + Height (cm) @@ -218,11 +218,11 @@ export default function Form(): ReactElement { BP - + Temp (F) - + Pulse From bb548272023d4db011b4d6181583f255d5b4d2b8 Mon Sep 17 00:00:00 2001 From: Meghan McLaughlin Date: Wed, 22 Apr 2020 13:04:45 -0500 Subject: [PATCH 53/63] fixed typo --- pwa/src/components/PatientInfoForm.test.tsx | 2 +- pwa/src/components/PatientInfoForm.tsx | 4 ++-- 2 files changed, 3 insertions(+), 3 deletions(-) diff --git a/pwa/src/components/PatientInfoForm.test.tsx b/pwa/src/components/PatientInfoForm.test.tsx index fb96fb6..959b613 100644 --- a/pwa/src/components/PatientInfoForm.test.tsx +++ b/pwa/src/components/PatientInfoForm.test.tsx @@ -89,7 +89,7 @@ test("renders the Patient Info Form fields", () => { "Height", "Z-Score", "Albendazole", - "Alergies", + "Allergies", "Medicines", "Chief Complaint", "History", diff --git a/pwa/src/components/PatientInfoForm.tsx b/pwa/src/components/PatientInfoForm.tsx index 18b27ca..dd1dfb3 100644 --- a/pwa/src/components/PatientInfoForm.tsx +++ b/pwa/src/components/PatientInfoForm.tsx @@ -243,8 +243,8 @@ export default function Form(): ReactElement { ))} - "Alergies"}> - + "Allergies"}> + "Medicines"}> From 6b8a191ab077dc95a33ba04ed5f1d00e81307f72 Mon Sep 17 00:00:00 2001 From: Ben Mitchinson Date: Fri, 24 Apr 2020 05:22:07 -0500 Subject: [PATCH 54/63] All Fields Wired --- pwa/src/App.tsx | 6 +- pwa/src/components/DebugShowEasyPeasy.tsx | 12 + pwa/src/components/PatientInfoForm.tsx | 618 +++++++++++-------- pwa/src/state/enums.ts | 2 + pwa/src/state/models/newPatientFormModels.ts | 13 +- pwa/src/state/store.ts | 6 +- pwa/src/state/storeIndex.ts | 1 + 7 files changed, 400 insertions(+), 258 deletions(-) create mode 100644 pwa/src/components/DebugShowEasyPeasy.tsx diff --git a/pwa/src/App.tsx b/pwa/src/App.tsx index 59ab773..8ac8774 100644 --- a/pwa/src/App.tsx +++ b/pwa/src/App.tsx @@ -11,6 +11,7 @@ import PatientInfoForm from './components/PatientInfoForm' import './scss/App.scss' import './antd-mobile.css' +import DebugShowEasyPeasy from './components/DebugShowEasyPeasy' const App: React.FunctionComponent = () => { return ( @@ -29,9 +30,12 @@ const App: React.FunctionComponent = () => { leftArrowText="Home" leftArrowRoute="/" > - + + + + diff --git a/pwa/src/components/DebugShowEasyPeasy.tsx b/pwa/src/components/DebugShowEasyPeasy.tsx new file mode 100644 index 0000000..5070e89 --- /dev/null +++ b/pwa/src/components/DebugShowEasyPeasy.tsx @@ -0,0 +1,12 @@ +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/PatientInfoForm.tsx b/pwa/src/components/PatientInfoForm.tsx index 18b27ca..de4f5f4 100644 --- a/pwa/src/components/PatientInfoForm.tsx +++ b/pwa/src/components/PatientInfoForm.tsx @@ -1,282 +1,394 @@ -import React, { ReactElement, useState } from "react"; +import React, { ReactElement, useState } from 'react' +import { useStoreActions } from '../state/storeIndex' +import { SEX, Y_N } from '../state/enums' import { - InputItem, - List, - TextareaItem, - Button, - Radio, - WhiteSpace, -} from "antd-mobile"; -import "../scss/PatientInfoForm.scss"; + InputItem, + List, + TextareaItem, + Button, + Radio, + WhiteSpace, +} from 'antd-mobile' +import '../scss/PatientInfoForm.scss' -const RadioItem = Radio.RadioItem; +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(""); + // 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" }, - ]; + // Data for Radio Buttons + const sexValues = [ + { value: 0, label: 'Male' }, + { value: 1, label: 'Female' }, + ] - const radioYesNo = [ - { value: 0, label: "No" }, - { value: 1, label: "Yes" }, - ]; + const radioYesNo = [ + { value: 0, label: 'No' }, + { value: 1, label: 'Yes' }, + ] - /* istanbul ignore next */ - const onSubmit = () => { - if (process.env.NODE_ENV === "development") { - // This shows how to access the values of the form - 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 complaintField1: HTMLInputElement = document.getElementById( - "complaint1" - ) as HTMLInputElement; - const complaintField2: HTMLInputElement = document.getElementById( - "complaint2" - ) as HTMLInputElement; - const complaintField3: HTMLInputElement = document.getElementById( - "complaint3" - ) as HTMLInputElement; + /* 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 alergies: HTMLInputElement = document.getElementById( + 'alergies', + ) 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: parseInt(gravida.value), + P: parseInt(para.value), + A: parseInt(abortus.value), + LMP: new Date(lmp.value), + 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, + alergies: alergies.value, + medicines: medicines.value, + chiefComplaint: [ + complaintField1.value, + complaintField2.value, + complaintField3.value, + ], + history: history.value, + exam: exam.value, + }) - console.log("First name:", firstNameField.value); - console.log("Last name:", lastNameField.value); - console.log("Nickname:", nicknameField.value); - console.log("Birth Date:", birthdateField.value); - console.log( - "Complaints: ", - complaintField1.value + - " " + - complaintField2.value + - " " + - complaintField3.value - ); - console.log("Wants Planning?: " + planning); + if (process.env.NODE_ENV === 'development') { + console.log( + 'bday?: ' + birthdateField.value, + new Date(birthdateField.value), + ) + console.log('lmp?: ' + lmp.value, new Date(lmp.value)) + } } - }; - const validateAndSetBloodPressure = (value: string) => { - const newChar = value.slice(-1); - if (newChar.match(/[0-9]|\/|^$/) && value.length < 8) { - setBloodPressureValue(value); + const validateAndSetBloodPressure = (value: string) => { + const newChar = value.slice(-1) + if (newChar.match(/[0-9]|\/|^$/) && value.length < 8) { + setBloodPressureValue(value) + } } - }; - return ( -
- + return ( +
+ - + - + - "Sex"}> - {sexValues.map((i) => ( - setSex(i.value)} - > - {i.label} - - ))} - + 'Sex'}> + {sexValues.map((i) => ( + setSex(i.value)} + > + {i.label} + + ))} + - + - - Birth Date - + + Birth Date + - - Age{" "} - + + Age{' '} + - - Phone - + + Phone + - + - "First Visit?"}> - {radioYesNo.map((i) => ( - setFirstVisit(i.value)} - > - {i.label} - - ))} - + 'First Visit?'}> + {radioYesNo.map((i) => ( + setFirstVisit(i.value)} + > + {i.label} + + ))} + - {/* Only display the 'female-only' div if the patient is female */} - {sex ? ( -
- - "Pregnant?"}> - {radioYesNo.map((i) => ( - setPregnant(i.value)} - > - {i.label} - - ))} - + {/* Only display the 'female-only' div if the patient is female */} + {sex ? ( +
+ + 'Pregnant?'}> + {radioYesNo.map((i) => ( + setPregnant(i.value)} + > + {i.label} + + ))} + - - G - + + G + - - P - + + P + - - A - + + A + - - LMP - + + LMP + - "Wants Planning?"}> - {radioYesNo.map((i) => ( - setPlanning(i.value)} - > - {i.label} - - ))} - + 'Wants Planning?'}> + {radioYesNo.map((i) => ( + setPlanning(i.value)} + > + {i.label} + + ))} + +
+ ) : null} + + + + + Weight (kg) + + + + Height (cm) + + + + BP + + + + Temp (F) + + + + Pulse + + + + Z-Score + + + 'Albendazole?'}> + {radioYesNo.map((i) => ( + setAlbendazole(i.value)} + > + {i.label} + + ))} + + + 'Alergies'}> + + + + 'Medicines'}> + + + + 'Chief Complaint'}> + + + + + + 'History'}> + + + + 'Exam'}> + + + + + +
+ + + +
- ) : null} - - - - - Weight (kg) - - - - Height (cm) - - - - BP - - - - Temp (F) - - - - Pulse - - - - Z-Score - - - "Albendazole?"}> - {radioYesNo.map((i) => ( - setAlbendazole(i.value)} - > - {i.label} - - ))} - - - "Alergies"}> - - - - "Medicines"}> - - - - "Chief Complaint"}> - - - - - - "History"}> - - - - "Exam"}> - - - - - -
- - - -
-
- ); + ) } diff --git a/pwa/src/state/enums.ts b/pwa/src/state/enums.ts index 551557c..2b18d7a 100644 --- a/pwa/src/state/enums.ts +++ b/pwa/src/state/enums.ts @@ -1,3 +1,5 @@ +/* istanbul ignore file */ + export enum SEX { male = 'male', female = 'female', diff --git a/pwa/src/state/models/newPatientFormModels.ts b/pwa/src/state/models/newPatientFormModels.ts index 4287ec1..f3192b3 100644 --- a/pwa/src/state/models/newPatientFormModels.ts +++ b/pwa/src/state/models/newPatientFormModels.ts @@ -11,6 +11,12 @@ interface PatientInfoFormFields { phone?: string town?: string firstVisit?: Y_N + pregnant?: Y_N + G?: number + P?: number + A?: number + LMP?: Date + wantsPlanning?: Y_N weight?: number height?: number bloodPressure?: string @@ -32,8 +38,11 @@ export interface PatientInfoFormModel { const patientInfoFormModel: PatientInfoFormModel = { fields: {}, - updateFields: action((state, payload) => { - state.fields = payload + updateFields: action((state, formObject) => { + console.log('updating with: ', formObject) + console.log('state pre', state) + state.fields = formObject + console.log('state post', state) }), } diff --git a/pwa/src/state/store.ts b/pwa/src/state/store.ts index e8cf686..7142739 100644 --- a/pwa/src/state/store.ts +++ b/pwa/src/state/store.ts @@ -1,6 +1,8 @@ -import { createStore } from 'easy-peasy' +/* istanbul ignore file */ + +import { createStore, persist } from 'easy-peasy' import storeIndex from './storeIndex' -const store = createStore(storeIndex) +const store = createStore(persist(storeIndex)) export default store diff --git a/pwa/src/state/storeIndex.ts b/pwa/src/state/storeIndex.ts index bdb4ed9..4302283 100644 --- a/pwa/src/state/storeIndex.ts +++ b/pwa/src/state/storeIndex.ts @@ -1,3 +1,4 @@ +/* istanbul ignore file */ import { createTypedHooks } from 'easy-peasy' import patientInfoFormModel from './models/newPatientFormModels' From f386d2d363285c020f741a789383fcf7a1b0f286 Mon Sep 17 00:00:00 2001 From: Ben Mitchinson Date: Fri, 24 Apr 2020 05:40:29 -0500 Subject: [PATCH 55/63] Not wrapped? --- pwa/src/components/PatientInfoForm.test.tsx | 198 +++++++++++--------- 1 file changed, 112 insertions(+), 86 deletions(-) diff --git a/pwa/src/components/PatientInfoForm.test.tsx b/pwa/src/components/PatientInfoForm.test.tsx index fb96fb6..cc9ddee 100644 --- a/pwa/src/components/PatientInfoForm.test.tsx +++ b/pwa/src/components/PatientInfoForm.test.tsx @@ -1,105 +1,131 @@ -import React from "react"; -import { render, fireEvent, prettyDOM } from "@testing-library/react"; -import PatientInfoForm from "./PatientInfoForm"; +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?"]; +test('female-only div is only displayed if the sex is selected as female', async () => { + const femaleOnlyFormFields = ['Pregnant?', 'LMP', 'Wants Planning?'] - const dom = render(); + const dom = render( + + + , + ) - // ensure the female-only div is not displayed - femaleOnlyFormFields.forEach((fieldText) => { - expect(dom.queryByText(fieldText)).toBeNull(); - }); + // 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); + // click the radio button for 'female' + const femaleButton = dom.getByTestId('female-button') + fireEvent.click(femaleButton) - femaleOnlyFormFields.forEach((fieldText) => { - expect(dom.queryByText(fieldText)).toBeTruthy(); - }); -}); + 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]; +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"); -}); + 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); +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]; + 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"); -}); + 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); +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]; + 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"); -}); + expect(checkBox).not.toHaveClass('am-radio-checked') + fireEvent.click(planningYesInput) + expect(checkBox).toHaveClass('am-radio-checked') +}) -test("sets albendazole input", () => { - const dom = render(); - const femaleButton = dom.getByTestId("female-button"); +test('sets albendazole input', () => { + const dom = render( + + + , + ) + const femaleButton = dom.getByTestId('female-button') - const albendazoleYesInput = dom.queryByTestId("albendazole-Yes"); - const checkBox = albendazoleYesInput.getElementsByTagName("span")[0]; + 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"); -}); + 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", - "Alergies", - "Medicines", - "Chief Complaint", - "History", - "Exam", - ]; +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', + 'Alergies', + 'Medicines', + 'Chief Complaint', + 'History', + 'Exam', + ] - const { getByText } = render(); + const { getByText } = render( + + + , + ) - formFields.forEach((fieldText) => { - let re = new RegExp(fieldText, "gi"); - expect(getByText(re)).toBeInTheDocument(); - }); -}); + formFields.forEach((fieldText) => { + const re = new RegExp(fieldText, 'gi') + expect(getByText(re)).toBeInTheDocument() + }) +}) From 11ab070a68cf56ff44d37b5e416b6bfeb222dc89 Mon Sep 17 00:00:00 2001 From: Ben Mitchinson Date: Fri, 24 Apr 2020 12:01:25 -0500 Subject: [PATCH 56/63] coverage @ 84% --- pwa/src/components/PatientInfoForm.test.tsx | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/pwa/src/components/PatientInfoForm.test.tsx b/pwa/src/components/PatientInfoForm.test.tsx index cc9ddee..87763dd 100644 --- a/pwa/src/components/PatientInfoForm.test.tsx +++ b/pwa/src/components/PatientInfoForm.test.tsx @@ -2,7 +2,7 @@ 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' +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?'] From b67c08f978314f23c1a8a3f31615fa5b59c3ef82 Mon Sep 17 00:00:00 2001 From: Ben Mitchinson Date: Fri, 24 Apr 2020 12:41:00 -0500 Subject: [PATCH 57/63] Tests for bp validation + console log removal --- pwa/src/components/DebugShowEasyPeasy.tsx | 4 ++++ pwa/src/components/PatientInfoForm.test.tsx | 15 +++++++++++++++ pwa/src/components/PatientInfoForm.tsx | 6 ++++-- pwa/src/state/models/newPatientFormModels.ts | 5 ++--- 4 files changed, 25 insertions(+), 5 deletions(-) diff --git a/pwa/src/components/DebugShowEasyPeasy.tsx b/pwa/src/components/DebugShowEasyPeasy.tsx index 5070e89..c3bb437 100644 --- a/pwa/src/components/DebugShowEasyPeasy.tsx +++ b/pwa/src/components/DebugShowEasyPeasy.tsx @@ -1,3 +1,7 @@ +/* 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' diff --git a/pwa/src/components/PatientInfoForm.test.tsx b/pwa/src/components/PatientInfoForm.test.tsx index 87763dd..387dbc3 100644 --- a/pwa/src/components/PatientInfoForm.test.tsx +++ b/pwa/src/components/PatientInfoForm.test.tsx @@ -75,6 +75,21 @@ test('sets planning input', () => { expect(checkBox).toHaveClass('am-radio-checked') }) +test('validates blood pressure input', () => { + const dom = render( + + + , + ) + + const bpInput = dom.getByPlaceholderText('Blood Pressure') + 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( diff --git a/pwa/src/components/PatientInfoForm.tsx b/pwa/src/components/PatientInfoForm.tsx index de4f5f4..db74214 100644 --- a/pwa/src/components/PatientInfoForm.tsx +++ b/pwa/src/components/PatientInfoForm.tsx @@ -1,6 +1,6 @@ import React, { ReactElement, useState } from 'react' import { useStoreActions } from '../state/storeIndex' -import { SEX, Y_N } from '../state/enums' +import { SEX } from '../state/enums' import { InputItem, List, @@ -386,7 +386,9 @@ export default function Form(): ReactElement {
- +
diff --git a/pwa/src/state/models/newPatientFormModels.ts b/pwa/src/state/models/newPatientFormModels.ts index f3192b3..58830b1 100644 --- a/pwa/src/state/models/newPatientFormModels.ts +++ b/pwa/src/state/models/newPatientFormModels.ts @@ -36,13 +36,12 @@ export interface PatientInfoFormModel { updateFields: Action } +/* istanbul ignore next */ +// Form submission requests validated in integration test const patientInfoFormModel: PatientInfoFormModel = { fields: {}, updateFields: action((state, formObject) => { - console.log('updating with: ', formObject) - console.log('state pre', state) state.fields = formObject - console.log('state post', state) }), } From f3d4e2cfdd3c0a2e2fbd15715aa9d9dd8d190239 Mon Sep 17 00:00:00 2001 From: Ben Mitchinson Date: Fri, 24 Apr 2020 12:44:54 -0500 Subject: [PATCH 58/63] merge conflicts --- pwa/src/components/PatientInfoForm.test.tsx | 4 +++- 1 file changed, 3 insertions(+), 1 deletion(-) diff --git a/pwa/src/components/PatientInfoForm.test.tsx b/pwa/src/components/PatientInfoForm.test.tsx index 9f0f495..23d175b 100644 --- a/pwa/src/components/PatientInfoForm.test.tsx +++ b/pwa/src/components/PatientInfoForm.test.tsx @@ -96,7 +96,9 @@ test('sets albendazole input', () => { , ) - const femaleButton = dom.getByTestId('female-button') + + const albendazoleYesInput = dom.queryByTestId('albendazole-Yes') + const checkBox = albendazoleYesInput.getElementsByTagName('span')[0] expect(checkBox).not.toHaveClass('am-radio-checked') fireEvent.click(albendazoleYesInput) From 288b0dd010ab7f130b0968d2b5f896859f4a914d Mon Sep 17 00:00:00 2001 From: Ben Mitchinson Date: Fri, 24 Apr 2020 12:48:26 -0500 Subject: [PATCH 59/63] linting fix - html element typecasted as an input ele --- pwa/src/components/PatientInfoForm.test.tsx | 4 +++- 1 file changed, 3 insertions(+), 1 deletion(-) diff --git a/pwa/src/components/PatientInfoForm.test.tsx b/pwa/src/components/PatientInfoForm.test.tsx index 23d175b..0311782 100644 --- a/pwa/src/components/PatientInfoForm.test.tsx +++ b/pwa/src/components/PatientInfoForm.test.tsx @@ -82,7 +82,9 @@ test('validates blood pressure input', () => { , ) - const bpInput = dom.getByPlaceholderText('Blood Pressure') + 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: '' } }) From e785fdf13bce77373dffc6f058fd23221530dc85 Mon Sep 17 00:00:00 2001 From: Ben Mitchinson Date: Fri, 24 Apr 2020 13:38:31 -0500 Subject: [PATCH 60/63] allergies typo + female fields not on DOM --- pwa/src/components/PatientInfoForm.tsx | 28 +++++++------------- pwa/src/state/models/newPatientFormModels.ts | 2 +- 2 files changed, 11 insertions(+), 19 deletions(-) diff --git a/pwa/src/components/PatientInfoForm.tsx b/pwa/src/components/PatientInfoForm.tsx index 96ac78f..9530d4b 100644 --- a/pwa/src/components/PatientInfoForm.tsx +++ b/pwa/src/components/PatientInfoForm.tsx @@ -87,8 +87,8 @@ export default function Form(): ReactElement { const zScore: HTMLInputElement = document.getElementById( 'z-score', ) as HTMLInputElement - const alergies: HTMLInputElement = document.getElementById( - 'alergies', + const allergies: HTMLInputElement = document.getElementById( + 'allergies', ) as HTMLInputElement const medicines: HTMLInputElement = document.getElementById( 'medicines', @@ -119,10 +119,10 @@ export default function Form(): ReactElement { town: town.value, firstVisit: firstVisit, pregnant: pregnant, - G: parseInt(gravida.value), - P: parseInt(para.value), - A: parseInt(abortus.value), - LMP: new Date(lmp.value), + 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), @@ -131,7 +131,7 @@ export default function Form(): ReactElement { pulse: parseFloat(pulse.value), zScore: parseFloat(zScore.value), albendazole: albendazole, - alergies: alergies.value, + allergies: allergies.value, medicines: medicines.value, chiefComplaint: [ complaintField1.value, @@ -141,14 +141,6 @@ export default function Form(): ReactElement { history: history.value, exam: exam.value, }) - - if (process.env.NODE_ENV === 'development') { - console.log( - 'bday?: ' + birthdateField.value, - new Date(birthdateField.value), - ) - console.log('lmp?: ' + lmp.value, new Date(lmp.value)) - } } const validateAndSetBloodPressure = (value: string) => { @@ -355,9 +347,9 @@ export default function Form(): ReactElement { ))} - "Allergies"}> - - + 'Allergies'}> + + 'Medicines'}> diff --git a/pwa/src/state/models/newPatientFormModels.ts b/pwa/src/state/models/newPatientFormModels.ts index 58830b1..f7f0eb0 100644 --- a/pwa/src/state/models/newPatientFormModels.ts +++ b/pwa/src/state/models/newPatientFormModels.ts @@ -24,7 +24,7 @@ interface PatientInfoFormFields { pulse?: number zScore?: number albendazole?: Y_N - alergies?: string + allergies?: string medicines?: string chiefComplaint?: string[] history?: string From 171c8876beb23e945a64965bdb1001fea9b81afe Mon Sep 17 00:00:00 2001 From: Ben Mitchinson Date: Fri, 24 Apr 2020 20:42:48 -0500 Subject: [PATCH 61/63] Y_N -> YN --- pwa/src/state/enums.ts | 2 +- pwa/src/state/models/newPatientFormModels.ts | 10 +++++----- 2 files changed, 6 insertions(+), 6 deletions(-) diff --git a/pwa/src/state/enums.ts b/pwa/src/state/enums.ts index 2b18d7a..f26a865 100644 --- a/pwa/src/state/enums.ts +++ b/pwa/src/state/enums.ts @@ -5,7 +5,7 @@ export enum SEX { female = 'female', } -export enum Y_N { +export enum YN { YES = 1, NO = 0, } diff --git a/pwa/src/state/models/newPatientFormModels.ts b/pwa/src/state/models/newPatientFormModels.ts index f7f0eb0..e9aefd7 100644 --- a/pwa/src/state/models/newPatientFormModels.ts +++ b/pwa/src/state/models/newPatientFormModels.ts @@ -1,5 +1,5 @@ import { Action, action } from 'easy-peasy' -import { SEX, Y_N } from '../enums' +import { SEX, YN } from '../enums' interface PatientInfoFormFields { firstName?: string @@ -10,20 +10,20 @@ interface PatientInfoFormFields { age?: number phone?: string town?: string - firstVisit?: Y_N - pregnant?: Y_N + firstVisit?: YN + pregnant?: YN G?: number P?: number A?: number LMP?: Date - wantsPlanning?: Y_N + wantsPlanning?: YN weight?: number height?: number bloodPressure?: string temperature?: number pulse?: number zScore?: number - albendazole?: Y_N + albendazole?: YN allergies?: string medicines?: string chiefComplaint?: string[] From 8d8511155639d579f5dcbf9240dadaabbd7157af Mon Sep 17 00:00:00 2001 From: Ben Mitchinson Date: Fri, 24 Apr 2020 21:14:52 -0500 Subject: [PATCH 62/63] rename to "patientInfoForm.model.ts" --- .../{newPatientFormModels.ts => patientInfoForm.model.ts} | 0 pwa/src/state/storeIndex.ts | 2 +- 2 files changed, 1 insertion(+), 1 deletion(-) rename pwa/src/state/models/{newPatientFormModels.ts => patientInfoForm.model.ts} (100%) diff --git a/pwa/src/state/models/newPatientFormModels.ts b/pwa/src/state/models/patientInfoForm.model.ts similarity index 100% rename from pwa/src/state/models/newPatientFormModels.ts rename to pwa/src/state/models/patientInfoForm.model.ts diff --git a/pwa/src/state/storeIndex.ts b/pwa/src/state/storeIndex.ts index 4302283..1e26ddf 100644 --- a/pwa/src/state/storeIndex.ts +++ b/pwa/src/state/storeIndex.ts @@ -1,7 +1,7 @@ /* istanbul ignore file */ import { createTypedHooks } from 'easy-peasy' -import patientInfoFormModel from './models/newPatientFormModels' +import patientInfoFormModel from './models/newPatientForm.model' export const storeModels = { patientInfoFormModel, From ef7a071fd3331d3878757d9c69aab780148fe4cc Mon Sep 17 00:00:00 2001 From: Ben Mitchinson Date: Sun, 26 Apr 2020 12:27:52 -0500 Subject: [PATCH 63/63] file rename import fix --- pwa/src/state/storeIndex.ts | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/pwa/src/state/storeIndex.ts b/pwa/src/state/storeIndex.ts index 1e26ddf..b77da81 100644 --- a/pwa/src/state/storeIndex.ts +++ b/pwa/src/state/storeIndex.ts @@ -1,7 +1,7 @@ /* istanbul ignore file */ import { createTypedHooks } from 'easy-peasy' -import patientInfoFormModel from './models/newPatientForm.model' +import patientInfoFormModel from './models/patientInfoForm.model' export const storeModels = { patientInfoFormModel,