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