| 1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192939495969798991001011021031041051061071081091101111121131141151161171181191201211221231241251261271281291301311321331341351361371381391401411421431441451461471481491501511521531541551561571581591601611621631641651661671681691701711721731741751761771781791801811821831841851861871881891901911921931941951961971981992002012022032042052062072082092102112122132142152162172182192202212222232242252262272282292302312322332342352362372382392402412422432442452462472482492502512522532542552562572582592602612622632642652662672682692702712722732742752762772782792802812822832842852862872882892902912922932942952962972982993003013023033043053063073083093103113123133143153163173183193203213223233243253263273283293303313323333343353363373383393403413423433443453463473483493503513523533543553563573583593603613623633643653663673683693703713723733743753763773783793803813823833843853863873883893903913923933943953963973983994004014024034044054064074084094104114124134144154164174184194204214224234244254264274284294304314324334344354364374384394404414424434444454464474484494504514524534544554564574584594604614624634644654664674684694704714724734744754764774784794804814824834844854864874884894904914924934944954964974984995005015025035045055065075085095105115125135145155165175185195205215225235245255265275285295305315325335345355365375385395405415425435445455465475485495505515525535545555565575585595605615625635645655665675685695705715725735745755765775785795805815825835845855865875885895905915925935945955965975985996006016026036046056066076086096106116126136146156166176186196206216226236246256266276286296306316326336346356366376386396406416426436446456466476486496506516526536546556566576586596606616626636646656666676686696706716726736746756766776786796806816826836846856866876886896906916926936946956966976986997007017027037047057067077087097107117127137147157167177187197207217227237247257267277287297307317327337347357367377387397407417427437447457467477487497507517527537547557567577587597607617627637647657667677687697707717727737747757767777787797807817827837847857867877887897907917927937947957967977987998008018028038048058068078088098108118128138148158168178188198208218228238248258268278288298308318328338348358368378388398408418428438448458468478488498508518528538548558568578588598608618628638648658668678688698708718728738748758768778788798808818828838848858868878888898908918928938948958968978988999009019029039049059069079089099109119129139149159169179189199209219229239249259269279289299309319329339349359369379389399409419429439449459469479489499509519529539549559569579589599609619629639649659669679689699709719729739749759769779789799809819829839849859869879889899909919929939949959969979989991000100110021003100410051006100710081009101010111012101310141015101610171018101910201021102210231024102510261027102810291030103110321033103410351036103710381039104010411042104310441045104610471048104910501051105210531054105510561057105810591060106110621063106410651066106710681069107010711072107310741075107610771078107910801081108210831084108510861087108810891090109110921093109410951096109710981099110011011102110311041105110611071108110911101111111211131114111511161117111811191120112111221123112411251126112711281129113011311132113311341135113611371138113911401141114211431144114511461147114811491150115111521153115411551156115711581159116011611162116311641165116611671168116911701171117211731174117511761177117811791180118111821183118411851186118711881189119011911192119311941195119611971198119912001201120212031204120512061207120812091210121112121213121412151216121712181219122012211222122312241225122612271228122912301231123212331234123512361237123812391240124112421243124412451246124712481249125012511252125312541255125612571258125912601261126212631264126512661267126812691270127112721273127412751276127712781279128012811282128312841285128612871288128912901291129212931294129512961297129812991300130113021303130413051306130713081309131013111312131313141315131613171318131913201321132213231324132513261327132813291330133113321333133413351336133713381339134013411342134313441345134613471348134913501351135213531354135513561357135813591360136113621363136413651366136713681369137013711372137313741375137613771378137913801381138213831384138513861387138813891390139113921393139413951396139713981399140014011402140314041405140614071408140914101411141214131414141514161417141814191420142114221423142414251426142714281429143014311432143314341435143614371438143914401441144214431444144514461447144814491450145114521453145414551456145714581459146014611462146314641465146614671468146914701471147214731474147514761477147814791480148114821483148414851486148714881489149014911492149314941495149614971498149915001501150215031504150515061507150815091510151115121513151415151516151715181519152015211522152315241525152615271528152915301531153215331534153515361537153815391540154115421543154415451546154715481549155015511552155315541555155615571558155915601561156215631564156515661567156815691570157115721573157415751576157715781579158015811582158315841585158615871588158915901591159215931594159515961597159815991600160116021603160416051606160716081609161016111612161316141615161616171618161916201621162216231624162516261627162816291630163116321633163416351636163716381639164016411642164316441645164616471648164916501651165216531654165516561657165816591660166116621663166416651666166716681669167016711672167316741675167616771678167916801681168216831684168516861687168816891690169116921693169416951696169716981699170017011702170317041705170617071708170917101711171217131714171517161717171817191720172117221723172417251726172717281729173017311732173317341735173617371738173917401741174217431744174517461747174817491750175117521753175417551756175717581759176017611762176317641765176617671768176917701771177217731774177517761777177817791780178117821783178417851786178717881789179017911792179317941795179617971798179918001801180218031804180518061807180818091810181118121813181418151816181718181819182018211822182318241825182618271828182918301831183218331834183518361837183818391840184118421843184418451846184718481849185018511852185318541855185618571858185918601861186218631864186518661867186818691870187118721873187418751876187718781879188018811882188318841885188618871888188918901891189218931894189518961897189818991900190119021903190419051906190719081909191019111912191319141915191619171918191919201921192219231924192519261927192819291930193119321933193419351936193719381939194019411942194319441945194619471948194919501951195219531954195519561957195819591960196119621963196419651966196719681969197019711972197319741975197619771978197919801981198219831984198519861987198819891990199119921993199419951996199719981999200020012002200320042005200620072008200920102011201220132014201520162017201820192020202120222023202420252026202720282029203020312032203320342035203620372038203920402041204220432044204520462047204820492050205120522053205420552056205720582059206020612062206320642065206620672068206920702071207220732074207520762077207820792080208120822083208420852086208720882089209020912092209320942095209620972098209921002101210221032104210521062107210821092110211121122113211421152116211721182119212021212122212321242125212621272128212921302131213221332134213521362137213821392140214121422143214421452146214721482149215021512152215321542155215621572158215921602161216221632164216521662167216821692170217121722173217421752176217721782179218021812182218321842185218621872188218921902191219221932194219521962197219821992200220122022203220422052206220722082209221022112212221322142215221622172218221922202221222222232224222522262227222822292230223122322233223422352236223722382239224022412242224322442245224622472248224922502251225222532254225522562257225822592260226122622263226422652266226722682269227022712272227322742275227622772278227922802281228222832284228522862287228822892290229122922293229422952296229722982299230023012302230323042305230623072308230923102311231223132314231523162317231823192320232123222323232423252326232723282329233023312332233323342335233623372338233923402341234223432344234523462347234823492350235123522353235423552356235723582359236023612362236323642365236623672368236923702371237223732374237523762377237823792380238123822383238423852386238723882389239023912392239323942395239623972398239924002401240224032404240524062407240824092410241124122413241424152416241724182419242024212422242324242425242624272428242924302431243224332434243524362437243824392440244124422443244424452446244724482449245024512452245324542455245624572458245924602461246224632464246524662467246824692470247124722473247424752476247724782479248024812482248324842485248624872488248924902491249224932494249524962497249824992500250125022503250425052506250725082509251025112512251325142515251625172518251925202521252225232524252525262527252825292530253125322533253425352536253725382539254025412542254325442545254625472548254925502551255225532554255525562557255825592560256125622563256425652566256725682569257025712572257325742575257625772578257925802581258225832584258525862587258825892590259125922593259425952596259725982599260026012602260326042605260626072608260926102611261226132614261526162617261826192620262126222623262426252626262726282629263026312632263326342635263626372638263926402641264226432644264526462647264826492650265126522653265426552656265726582659266026612662266326642665266626672668266926702671267226732674267526762677267826792680268126822683268426852686268726882689269026912692269326942695269626972698269927002701270227032704270527062707270827092710271127122713271427152716271727182719272027212722272327242725272627272728272927302731273227332734273527362737273827392740274127422743274427452746274727482749275027512752275327542755275627572758275927602761276227632764276527662767276827692770277127722773277427752776277727782779278027812782278327842785278627872788278927902791279227932794279527962797279827992800280128022803280428052806280728082809281028112812281328142815281628172818281928202821282228232824282528262827282828292830283128322833283428352836283728382839284028412842284328442845284628472848284928502851285228532854285528562857285828592860286128622863286428652866 |
- /*自动隐藏文字*/
- .aui-ellipsis-1 {
- overflow: hidden;
- white-space: nowrap;
- text-overflow: ellipsis;
- }
- .aui-ellipsis {
- display: -webkit-box;
- overflow: hidden;
- text-overflow: ellipsis;
- word-wrap: break-word;
- word-break: break-all;
- white-space: normal !important;
- -webkit-line-clamp: 1;
- -webkit-box-orient: vertical;
- }
- .aui-ellipsis-2 {
- display: -webkit-box;
- overflow: hidden;
- text-overflow: ellipsis;
- word-wrap: break-word;
- word-break: break-all;
- white-space: normal !important;
- -webkit-line-clamp: 2;
- -webkit-box-orient: vertical;
- }
- /*水平线*/
- .aui-hr {
- width: 100%;
- position: relative;
- border-top: 1px solid #dddddd;
- height: 1px;
- }
- @media screen and (-webkit-min-device-pixel-ratio:1.5) {
- .aui-hr{
- border: none;
- background-size: 100% 1px;
- background-repeat: no-repeat;
- background-position: top;
- background-image: linear-gradient(0,#dddddd,#dddddd 50%,transparent 50%);
- background-image: -webkit-linear-gradient(90deg,#dddddd,#dddddd 50%,transparent 50%);
- }
- }
- /*内外边距类*/
- .aui-padded-0 {
- padding: 0 !important;
- }
- .aui-padded-5 {
- padding: 0.25rem !important;
- }
- .aui-padded-10 {
- padding: 0.5rem !important;
- }
- .aui-padded-15 {
- padding: 0.75rem !important;
- }
- .aui-padded-t-0 {
- padding-top: 0 !important;
- }
- .aui-padded-t-5 {
- padding-top: 0.25rem !important;
- }
- .aui-padded-t-10 {
- padding-top: 0.5rem !important;
- }
- .aui-padded-t-15 {
- padding-top: 0.75rem !important;
- }
- .aui-padded-b-0 {
- padding-bottom: 0 !important;
- }
- .aui-padded-b-5 {
- padding-bottom: 0.25rem !important;
- }
- .aui-padded-b-10 {
- padding-bottom: 0.5rem !important;
- }
- .aui-padded-b-15 {
- padding-bottom: 0.75rem !important;
- }
- .aui-padded-l-0 {
- padding-left: 0 !important;
- }
- .aui-padded-l-5 {
- padding-left: 0.25rem !important;
- }
- .aui-padded-l-10 {
- padding-left: 0.5rem !important;
- }
- .aui-padded-l-15 {
- padding-left: 0.75rem !important;
- }
- .aui-padded-r-0 {
- padding-right: 0 !important;
- }
- .aui-padded-r-5 {
- padding-right: 0.25rem !important;
- }
- .aui-padded-r-10 {
- padding-right: 0.5rem !important;
- }
- .aui-padded-r-15 {
- padding-right: 0.75rem !important;
- }
- .aui-margin-0 {
- margin: 0 !important;
- }
- .aui-margin-5 {
- margin: 0.25rem !important;
- }
- .aui-margin-10 {
- margin: 0.5rem !important;
- }
- .aui-margin-15 {
- margin: 0.75rem !important;
- }
- .aui-margin-t-0 {
- margin-top: 0.25rem !important;
- }
- .aui-margin-t-5 {
- margin-top: 0 !important;
- }
- .aui-margin-t-10 {
- margin-top: 0.5rem !important;
- }
- .aui-margin-t-15 {
- margin-top: 0.75rem !important;
- }
- .aui-margin-b-0 {
- margin-bottom: 0 !important;
- }
- .aui-margin-b-5 {
- margin-bottom: 0.25rem !important;
- }
- .aui-margin-b-10 {
- margin-bottom: 0.5rem !important;
- }
- .aui-margin-b-15 {
- margin-bottom: 0.75rem !important;
- }
- .aui-margin-l-0 {
- margin-left: 0 !important;
- }
- .aui-margin-l-5 {
- font-size:16px;
- color:#f23030;
- font-weight:600;
- }
- .aui-margin-l-10 {
- margin-left: 0.5rem !important;
- }
- .aui-margin-l-15 {
- margin-left: 0.75rem !important;
- }
- .aui-margin-r-0 {
- margin-right: 0 !important;
- }
- .aui-margin-r-5 {
- margin-right: 0.25rem !important;
- }
- .aui-margin-r-10 {
- margin-right: 0.5rem !important;
- }
- .aui-margin-r-15 {
- margin-right: 0.75rem !important;
- }
- .aui-clearfix {
- clear: both;
- }
- .aui-clearfix:before {
- display: table;
- content: " ";
- }
- .aui-clearfix:after {
- clear: both;
- }
- /*文字对齐*/
- .aui-text-left {
- text-align: left !important;
- }
- .aui-text-center {
- text-align: center !important;
- }
- .aui-text-justify {
- text-align: justify !important;
- }
- .aui-text-right {
- text-align: right !important;
- }
- .aui-font-size-12 {
- font-size: 0.6rem !important;
- }
- .aui-font-size-14 {
- font-size: 0.7rem !important;
- }
- .aui-font-size-16 {
- font-size: 0.8rem !important;
- }
- .aui-font-size-18 {
- font-size: 14px !important;
- font-weight:normal;
- }
- .aui-font-size-20 {
- font-size: 1rem !important;
- }
- .aui-text-default {
- color: #212121 !important;
- }
- .aui-text-white {
- color: #ffffff !important;
- }
- .aui-text-primary {
- color: #00bcd4 !important;
- }
- .aui-text-success {
- color: #009688 !important;
- }
- .aui-text-info {
- color: #03a9f4 !important;
- }
- .aui-text-warning {
- color: #ffc107 !important;
- }
- .aui-text-danger {
- color: #e51c23 !important;
- }
- .aui-text-pink {
- color: #e91e63 !important;
- }
- .aui-text-purple {
- color: #673ab7 !important;
- }
- .aui-text-indigo {
- color: #3f51b5 !important;
- }
- .aui-bg-default {
- background-color: #f5f5f5 !important;
- }
- .aui-bg-primary {
- background-color: #00bcd4 !important;
- }
- .aui-bg-success {
- background-color: #009688 !important;
- }
- .aui-bg-info {
- background-color: #03a9f4 !important;
- }
- .aui-bg-warning {
- background-color: #f1c40f !important;
- }
- .aui-bg-danger {
- background-color: #f34347 !important;
- }
- .aui-bg-pink {
- background-color: #e91e63 !important;
- }
- .aui-bg-purple {
- background-color: #673ab7 !important;
- }
- .aui-bg-indigo {
- background-color: #3f51b5 !important;
- }
- /*警告、成功颜色*/
- .aui-warning,
- .aui-warning label,
- .aui-warning .aui-input,
- .aui-warning .aui-iconfont {
- color: #e51c23 !important;
- }
- .aui-success,
- .aui-success label,
- .aui-success .aui-input,
- .aui-success .aui-iconfont {
- color: #009688 !important;
- }
- /*对齐,显示,隐藏等*/
- .aui-pull-right {
- float: right !important;
- }
- .aui-pull-left {
- float: left !important;
- }
- .aui-hide {
- display: none !important;
- }
- .aui-show {
- display: block !important;
- }
- .aui-invisible {
- visibility: hidden;
- }
- .aui-inline {
- display: inline-block;
- vertical-align: top;
- }
- .aui-mask {
- position: fixed;
- width: 100%;
- height: 100%;
- top: 0;
- left: 0;
- background: rgba(0, 0, 0, 0.3);
- opacity: 0;
- z-index: 11;
- visibility: hidden;
- -webkit-transition: opacity .3s,-webkit-transform .3s;
- transition: opacity .3s,transform .3s;
- }
- .aui-mask.aui-mask-in {
- visibility: visible;
- opacity: 1;
- }
- .aui-mask.aui-mask-out {
- opacity: 0;
- }
- img.aui-img-round {
- border-radius: 50%;
- }
- /*基本容器*/
- .aui-content {
- -webkit-overflow-scrolling: touch;
- overflow-x: hidden;
- word-break: break-all;
- }
- .aui-content-padded {
- margin: 0.75rem;
- position: relative;
- word-break: break-all;
- -webkit-overflow-scrolling: touch;
- }
- /*栅格类*/
- .aui-row {
- overflow: hidden;
- margin: 0;
- }
- .aui-row-padded {
- margin-left: -0.125rem;
- margin-right: -0.125rem;
- }
- .aui-row-padded [class*=aui-col-xs-] {
- padding: 0.125rem;
- }
- .aui-col-xs-1,.aui-col-xs-2,.aui-col-xs-3,.aui-col-xs-4,.aui-col-xs-5,.aui-col-xs-6,.aui-col-xs-7,.aui-col-xs-8,.aui-col-xs-9,.aui-col-xs-10,.aui-col-xs-11,.aui-col-5 {
- position: relative;
- float: left;
- }
- .aui-col-xs-12 {
- width: 100%;
- position: relative;
- }
- .aui-col-xs-11 {
- width: 91.66666667%;
- }
- .aui-col-xs-10 {
- width: 83.33333333%;
- }
- .aui-col-xs-9 {
- width: 75%;
- }
- .aui-col-xs-8 {
- width: 66.66666667%;
- }
- .aui-col-xs-7 {
- width: 58.33333333%;
- }
- .aui-col-xs-6 {
- width: 50%;
- }
- .aui-col-xs-5 {
- width: 41.66666667%;
- }
- .aui-col-xs-4 {
- width: 33.33333333%;
- }
- .aui-col-xs-3 {
- width: 25%;
- }
- .aui-col-xs-2 {
- width: 16.66666667%;
- }
- .aui-col-xs-1 {
- width: 8.33333333%;
- }
- .aui-col-5 {
- width: 20%;
- }
- /*标签*/
- .aui-label {
- display: inline-block;
- padding: 0.2em 0.25em;
- font-size: 0.6rem;
- line-height: 1;
- color: #616161;
- background-color: #dddddd;
- text-align: center;
- white-space: nowrap;
- vertical-align: middle;
- border-radius: 0.15em;
- position: relative;
- }
- .aui-label-primary {
- color: #ffffff;
- background-color: #00bcd4;
- }
- .aui-label-success {
- color: #ffffff;
- background-color: #009688;
- }
- .aui-label-info {
- color: #ffffff;
- background-color: #03a9f4;
- }
- .aui-label-warning {
- color: #ffffff;
- background-color: #ffc107;
- }
- .aui-label-danger {
- color: #ffffff;
- background-color: #e51c23;
- }
- .aui-label-outlined {
- background-color: transparent;
- position: relative;
- }
- .aui-label-outlined:after {
- -webkit-border-radius: 2px;
- border-radius: 2px;
- height: 200%;
- content: '';
- width: 200%;
- border: 1px solid #d9d9d9;
- position: absolute;
- top: -1px;
- left: -1px;
- transform: scale(0.5);
- -webkit-transform: scale(0.5);
- transform-origin: 0 0;
- -webkit-transform-origin: 0 0;
- z-index: 1;
- }
- .aui-label-outlined.aui-label-primary,
- .aui-label-outlined.aui-label-primary:after {
- color: #00bcd4;
- border-color: #00bcd4;
- }
- .aui-label-outlined.aui-label-success,
- .aui-label-outlined.aui-label-success:after {
- color: #009688;
- border-color: #009688;
- }
- .aui-label-outlined.aui-label-info,
- .aui-label-outlined.aui-label-info:after {
- color: #03a9f4;
- border-color: #03a9f4;
- }
- .aui-label-outlined.aui-label-warning,
- .aui-label-outlined.aui-label-warning:after {
- color: #ffc107;
- border-color: #ffc107;
- }
- .aui-label-outlined.aui-label-danger,
- .aui-label-outlined.aui-label-danger:after {
- color: #e51c23;
- border-color: #e51c23;
- }
- .aui-label .aui-iconfont {
- font-size: 0.6rem;
- }
- /*角标*/
- .aui-badge {
- display: inline-block;
- width: auto;
- text-align: center;
- min-width: 0.8rem;
- height: 0.8rem;
- line-height: 0.8rem;
- padding: 0 0.2rem;
- font-size: 0.6rem;
- color: #ffffff;
- background-color: #ff2600;
- border-radius: 0.4rem;
- position: absolute;
- top: 0.2rem;
- left: 60%;
- z-index: 99;
- }
- .aui-dot {
- display: inline-block;
- width: 0.4rem;
- height: 0.4rem;
- background: #ff2600;
- border-radius: 0.5rem;
- position: absolute;
- top: 0.3rem;
- right: 20%;
- z-index: 99;
- }
- /*按钮样式*/
- button, .aui-btn {
- position: relative;
- display: inline-block;
- font-size: 0.7rem;
- font-weight: 400;
- font-family: inherit;
- text-decoration: none;
- text-align: center;
- margin: 0;
- background: #dddddd;
- padding: 0 0.6rem;
- height: 1.5rem;
- line-height: 1.5rem;
- border-radius: 0.2rem;
- white-space: nowrap;
- text-overflow: ellipsis;
- vertical-align: middle;
- -webkit-box-sizing: border-box;
- box-sizing: border-box;
- -webkit-user-select: none;
- user-select: none;
- }
- .aui-btn:active {
- color: #212121;
- background-color: #bdbdbd;
- }
- .aui-btn-primary {
- color: #ffffff;
- background-color: #00bcd4;
- }
- .aui-btn-primary.aui-active, .aui-btn-primary:active {
- color: #ffffff;
- background-color: #00acc1;
- }
- .aui-btn-success {
- color: #ffffff;
- background-color: #009688;
- }
- .aui-btn-success.aui-active, .aui-btn-success:active {
- color: #fff;
- background-color: #00897b;
- }
- .aui-btn-info {
- color: #ffffff !important;
- background-color: #03a9f4 !important;
- }
- .aui-btn-info.aui-active, .aui-btn-info:active {
- color: #fff !important;
- background-color: #039be5 !important;
- }
- .aui-btn-warning {
- color: #ffffff !important;
- background-color: #ffc107 !important;
- }
- .aui-btn-warning.aui-active, .aui-btn-warning:active {
- color: #ffffff !important;
- background-color: #ffb300 !important;
- }
- .aui-btn-danger {
- color: #ffffff !important;
- background-color: #e51c23 !important;
- }
- .aui-btn-danger.aui-active, .aui-btn-danger:active {
- color: #ffffff !important;
- background-color: #dd191b !important;
- }
- .aui-btn-block {
- display: block;
- width: 100%;
- height: 2.5rem;
- line-height: 2.55rem;
- margin-bottom: 0;
- font-size: 0.9rem;
- }
- .aui-btn-block.aui-btn-sm {
- font-size: 0.7rem;
- height: 1.8rem;
- line-height: 1.85rem;
- }
- .aui-btn .aui-iconfont, .aui-btn-block .aui-iconfont {
- margin-right: 0.3rem;
- }
- .aui-btn .aui-badge, .aui-btn-block .aui-badge {
- margin-left: 0.3rem;
- }
- .aui-btn-outlined {
- background: transparent !important;
- border: 1px solid #bdbdbd;
- }
- .aui-btn-outlined:active {
- background: transparent !important;
- }
- .aui-btn-default.aui-btn-outlined {
- color: #bdc3c7 !important;
- border: 1px solid #dcdcdc !important;
- }
- .aui-btn-primary.aui-btn-outlined {
- color: #00bcd4 !important;
- border: 1px solid #00bcd4 !important;
- }
- .aui-btn-success.aui-btn-outlined {
- color: #009688 !important;
- border: 1px solid #009688 !important;
- }
- .aui-btn-info.aui-btn-outlined {
- color: #03a9f4 !important;
- border: 1px solid #03a9f4 !important;
- }
- .aui-btn-warning.aui-btn-outlined {
- color: #ffc107 !important;
- border: 1px solid #ffc107 !important;
- }
- .aui-btn-danger.aui-btn-outlined {
- color: #e51c23 !important;
- border: 1px solid #e51c23 !important;
- }
- /*
- *表单类\输入框\radio\checkbox
- **/
- .aui-input,
- input[type="text"],
- input[type="password"],
- input[type="search"],
- input[type="email"],
- input[type="tel"],
- input[type="url"],
- input[type="date"],
- input[type="datetime-local"],
- input[type="time"],
- input[type="number"],
- select,
- textarea {
- border: none;
- background-color: transparent;
- border-radius: 0;
- box-shadow: none;
- display: block;
- padding: 0;
- margin: 0;
- width: 100%;
- height: 2.2rem;
- line-height: normal;
- color: #424242;
- font-size: 0.8rem;
- font-family: inherit;
- box-sizing: border-box;
- -webkit-user-select: text;
- user-select: text;
- -webkit-appearance: none;
- appearance: none;
- }
- input[type="search"]::-webkit-search-cancel-button {
- display: none;
- }
- .aui-scroll-x {
- position: relative;
- overflow-y: auto;
- -webkit-overflow-scrolling: touch;
- }
- .aui-scroll-y {
- position: relative;
- width: 100%;
- overflow-x: auto;
- -webkit-overflow-scrolling: touch;
- }
- ::-webkit-scrollbar{
- width:0px;
- }
- /*列表*/
- .aui-list {
- position: relative;
- font-size: 0.8rem;
- background-color: #ffffff;
- border-top: 1px solid #dddddd;
- }
- .aui-list .aui-content {
- overflow: hidden;
- }
- .aui-list.aui-list-noborder,
- .aui-list.aui-list-noborder {
- border-top: none;
- }
- .aui-list .aui-list-header {
- background-color: #dddddd;
- color: #212121;
- position: relative;
- font-size: 0.6rem;
- padding: 0.4rem 0.75rem;
- -webkit-box-sizing: border-box;
- box-sizing: border-box;
- display: -webkit-box;
- display: -webkit-flex;
- display: flex;
- -webkit-box-pack: justify;
- -webkit-justify-content: space-between;
- justify-content: space-between;
- -webkit-box-align: center;
- -webkit-align-items: center;
- align-items: center;
- }
- .aui-list .aui-list-item {
- list-style: none;
- margin: 0;
- padding: 0;
- padding-left: 0.75rem;
- color: #212121;
- border-bottom: 1px solid #dddddd;
- position: relative;
- min-height: 2.2rem;
- -webkit-box-sizing: border-box;
- box-sizing: border-box;
- display: -webkit-box;
- display: -webkit-flex;
- display: flex;
- -webkit-box-pack: justify;
- -webkit-justify-content: space-between;
- justify-content: space-between;
- }
- .aui-list.aui-list-noborder .aui-list-item:last-child {
- border-bottom: 0;
- }
- .aui-list .aui-list-item-inner {
- position: relative;
- min-height: 2.2rem;
- padding-right: 0.75rem;
- width: 100%;
- -webkit-box-sizing: border-box;
- box-sizing: border-box;
- display: -webkit-box;
- display: -webkit-flex;
- display: flex;
- -webkit-box-flex: 1;
- -webkit-box-pack: justify;
- -webkit-justify-content: space-between;
- justify-content: space-between;
- -webkit-box-align: center;
- -webkit-align-items: center;
- align-items: center;
- }
- .aui-list .aui-list-item:active {
- background-color: #f5f5f5;
- }
- .aui-list .aui-list-item-text {
- font-size: 0.7rem;
- color: #757575;
- position: relative;
- -webkit-box-sizing: border-box;
- box-sizing: border-box;
- display: -webkit-box;
- display: -webkit-flex;
- display: flex;
- -webkit-box-pack: justify;
- -webkit-justify-content: space-between;
- justify-content: space-between;
- -webkit-align-items: center;
- align-items: center;
- }
- .aui-list .aui-list-item-title {
- font-size: 14px;
- position: relative;
- max-width: 100%;
- color: #212121;
- font-size: 13px;
- overflow: hidden;
- text-overflow: ellipsis;
- display: -webkit-box;
- -webkit-line-clamp: 2;
- -webkit-box-orient: vertical;
- word-break: break-word;
- color: #232326;
- margin-top: 5px;
- line-height: 22px;
- margin-bottom: 3px;
- padding: 0 4px;
- }
- .aui-list .aui-list-item-right,
- .aui-list-item-title-row em {
- max-width: 50%;
- position: relative;
- font-size: 0.6rem;
- color: #757575;
- margin-left: 0.25rem;
- }
- .aui-list .aui-list-item-inner p {
- overflow: hidden;
- }
- .aui-list .aui-list-media-list {
- -webkit-box-orient: vertical;
- -webkit-box-direction: normal;
- -webkit-flex-direction: column;
- flex-direction: column;
- }
- .aui-media-list-item-inner {
- -webkit-box-sizing: border-box;
- box-sizing: border-box;
- display: -webkit-box;
- display: -webkit-flex;
- display: flex;
- }
- .aui-media-list .aui-list-item {
- display: block;
- }
- .aui-media-list .aui-list-item-inner {
- display: block;
- padding-top: 0.5rem;
- padding-bottom: 0.5rem;
- }
- .aui-media-list-item-inner + .aui-info {
- margin-right: 0.75rem;
- }
- .aui-list .aui-list-item-media {
- width: 4.5rem;
- position: relative;
- padding: 0.5rem 0;
- padding-right: 0.75rem;
- display: inherit;
- -webkit-flex-shrink: 0;
- flex-shrink: 0;
- -webkit-flex-wrap: nowrap;
- flex-wrap: nowrap;
- -webkit-box-align: center;
- -webkit-align-items: flex-start;
- align-items: flex-start;
- }
- .aui-list .aui-list-item-media img {
- width: 100%;
- display: block;
- }
- .aui-list .aui-list-item-media-list {
- margin-top: 0.25rem;
- padding-right: 0;
- display: block;
- }
- .aui-list [class*=aui-col-xs-] img{
- max-width: 100%;
- width: 100%;
- display: block;
- }
- .aui-list-item-middle .aui-list-item-inner:after {
- display: block;
- }
- .aui-list .aui-list-item-middle > .aui-list-item-media,
- .aui-list .aui-list-item-middle > .aui-list-item-inner,
- .aui-list .aui-list-item-middle > * {
- -webkit-box-align: center;
- box-align: center;
- -webkit-align-items: center;
- align-items: center;
- }
- .aui-list .aui-list-item-center > .aui-list-item-media,
- .aui-list .aui-list-item-center > .aui-list-item-inner,
- .aui-list .aui-list-item-center {
- -webkit-box-pack: center;
- -webkit-justify-content: center;
- justify-content: center;
- }
- .aui-list .aui-list-item i.aui-iconfont {
- -webkit-align-self: center;
- align-self: center;
- font-size: 0.8rem;
- }
- .aui-list-item-inner.aui-list-item-arrow {
- overflow: hidden;
- padding-right: 1.5rem;
- }
- .aui-list-item-arrow:before {
- content: '';
- width: 0.4rem;
- height: 0.4rem;
- position: absolute;
- top: 50%;
- right: 0.75rem;
- margin-top: -0.2rem;
- background: transparent;
- border: 1px solid #dddddd;
- border-top: none;
- border-right: none;
- z-index: 2;
- -webkit-border-radius: 0;
- border-radius: 0;
- -webkit-transform: rotate(-135deg);
- transform: rotate(-135deg);
- }
- .aui-list-item.aui-list-item-arrow {
- padding-right: 0.75rem;
- }
- .aui-list label {
- line-height: 1.3rem;
- }
- .aui-list.aui-form-list .aui-list-item:active {
- background-color: #ffffff;
- }
- .aui-list.aui-form-list .aui-list-item-inner {
- -webkit-box-sizing: border-box;
- box-sizing: border-box;
- display: -webkit-box;
- display: -webkit-flex;
- display: flex;
- padding: 0;
- }
- .aui-list .aui-list-item-label,
- .aui-list .aui-list-item-label-icon {
- color: #212121;
- width: 35%;
- min-width: 1.5rem;
- margin: 0;
- padding: 0;
- padding-right: 0.25rem;
- line-height: 2.2rem;
- position: relative;
- overflow: hidden;
- white-space: nowrap;
- max-width: 100%;
- -webkit-box-sizing: border-box;
- box-sizing: border-box;
- display: -webkit-box;
- display: -webkit-flex;
- display: flex;
- -webkit-align-items: center;
- align-items: center;
- }
- .aui-list .aui-list-item-label-icon {
- width: auto;
- padding-right: 0.75rem;
- }
- .aui-list .aui-list-item-input {
- width: 100%;
- padding: 0;
- padding-right: 0.75rem;
- -webkit-box-flex: 1;
- box-flex: 1;
- -webkit-flex-shrink: 1;
- flex-shrink: 1;
- }
- .aui-list.aui-select-list .aui-list-item:active {
- background-color: #ffffff;
- }
- .aui-list.aui-select-list .aui-list-item-inner {
- display: block;
- padding-top: 0.5rem;
- padding-bottom: 0.5rem;
- -webkit-align-self: stretch;
- align-self: stretch;
- }
- .aui-list.aui-select-list .aui-list-item-label {
- width: auto;
- min-width: 2.2rem;
- padding: 0.5rem 0;
- padding-right: 0.75rem;
- }
- .aui-list.aui-form-list .aui-list-item-btn {
- padding: 0.75rem 0.75rem 0.75rem 0;
- }
- .aui-list textarea {
- overflow: auto;
- margin: 0.5rem 0;
- height: 3rem;
- line-height: 1rem;
- resize: none;
- }
- .aui-list .aui-list-item-right .aui-badge,
- .aui-list .aui-list-item-right .aui-dot {
- display: inherit;
- }
- @media screen and (-webkit-min-device-pixel-ratio:1.5) {
- .aui-list {
- border: none;
- background-size: 100% 1px;
- background-repeat: no-repeat;
- background-position: top;
- background-image: linear-gradient(0,#dddddd,#dddddd 50%,transparent 50%);
- }
- .aui-list .aui-list-item {
- border: none;
- background-size: 100% 1px;
- background-repeat: no-repeat;
- background-position: bottom;
- background-image: linear-gradient(0,#dddddd,#dddddd 50%,transparent 50%);
- background-image: -webkit-linear-gradient(90deg,#dddddd,#dddddd 50%,transparent 50%);
- }
- .aui-list.aui-list-in .aui-list-item {
- border: none;
- background-size: 100% 1px;
- background-repeat: no-repeat;
- background-position: 0.75rem bottom;
- background-image: linear-gradient(0,#dddddd,#dddddd 50%,transparent 50%);
- background-image: -webkit-linear-gradient(90deg,#dddddd,#dddddd 50%,transparent 50%);
- }
- .aui-list.aui-list-in .aui-list-item:last-child {
- background-position: bottom;
- }
- .aui-list.aui-list-noborder,
- .aui-list.aui-list-noborder .aui-list-item:last-child {
- border: none;
- background-size: 100% 0;
- background-image: none;
- }
- }
- /*tab切换类*/
- .aui-tab {
- position: relative;
- background-color: #ffffff;
- display: -webkit-box;
- display: -webkit-flex;
- display: flex;
- -webkit-flex-wrap: nowrap;
- flex-wrap: nowrap;
- -webkit-align-self: center;
- align-self: center;
- }
- .aui-tab-item {
- width: 100%;
- height: 2.2rem;
- line-height: 2.2rem;
- position: relative;
- font-size: 0.7rem;
- text-align: center;
- color: #212121;
- margin-left: -1px;
- -webkit-box-flex: 1;
- box-flex: 1;
- }
- .aui-tab-item.aui-active {
- color: #039be5;
- border-bottom: 2px solid #039be5;
- }
- /*卡片列表布局*/
- .aui-card-list {
- position: relative;
- margin-bottom: 0.75rem;
- background: #ffffff;
- }
- .aui-card-list-header,
- .aui-card-list-footer {
- position: relative;
- min-height: 2.2rem;
- padding: 0.5rem 0.75rem;
- -webkit-box-sizing: border-box;
- box-sizing: border-box;
- display: -webkit-box;
- display: -webkit-flex;
- display: flex;
- -webkit-box-pack: justify;
- -webkit-justify-content: space-between;
- justify-content: space-between;
- -webkit-box-align: center;
- -webkit-align-items: center;
- align-items: center;
- }
- .aui-card-list-header {
- font-size: 0.8rem;
- color: #212121;
- }
- .aui-card-list-header.aui-card-list-user {
- display: block;
- }
- .aui-card-list-user-avatar {
- width: 2rem;
- float: left;
- margin-right: 0.5rem;
- }
- .aui-card-list-user-avatar img {
- width: 100%;
- display: block;
- }
- .aui-card-list-user-name {
- color: #212121;
- position: relative;
- font-size: 0.7rem;
- -webkit-box-sizing: border-box;
- box-sizing: border-box;
- display: -webkit-box;
- display: -webkit-flex;
- display: flex;
- -webkit-box-pack: justify;
- -webkit-justify-content: space-between;
- justify-content: space-between;
- -webkit-box-align: center;
- -webkit-align-items: center;
- align-items: center;
- }
- .aui-card-list-user-name > *,
- .aui-card-list-user-name small {
- position: relative;
- }
- .aui-card-list-user-name small {
- color: #757575;
- }
- .aui-card-list-user-info {
- color: #757575;
- font-size: 0.6rem;
- }
- .aui-card-list-content {
- position: relative;
- }
- .aui-card-list-content-padded {
- position: relative;
- padding: 0.5rem 0.75rem;
- }
- .aui-card-list-content,
- .aui-card-list-content-padded {
- word-break: break-all;
- font-size: 0.7rem;
- color: #212121;
- }
- .aui-card-list-content img,
- .aui-card-list-content-padded img {
- width: 100%;
- display: block;
- }
- .aui-card-list-footer {
- font-size: 0.7rem;
- color: #757575;
- }
- .aui-card-list-footer > * {
- position: relative;
- }
- .aui-card-list-footer.aui-text-center {
- display: -webkit-box;
- display: -webkit-flex;
- display: flex;
- -webkit-box-pack: center;
- box-pack: center;
- -webkit-justify-content: center;
- justify-content: center;
- }
- .aui-card-list-footer .aui-iconfont {
- font-size: 0.9rem;
- }
- /*宫格布局*/
- .aui-grid {
- width: 100%;
- background-color: #ffffff;
- display: table;
- table-layout: fixed;
- }
- .aui-grid [class*=aui-col-] {
- display: table-cell;
- position: relative;
- text-align: center;
- vertical-align: middle;
- padding-top:10px;
- padding-bottom:10px;
- }
- .aui-grid [class*=aui-col-xs-]:active {
- background-color: #f5f5f5;
- }
- .aui-grid .aui-iconfont {
- position: relative;
- z-index: 20;
- top: 0;
- height: 1.4rem;
- font-size: 1.4rem;
- line-height: 1.4rem;
- }
- .aui-grid .aui-grid-label {
- display: block;
- font-size:12px;
- position: relative;
- color:#666666;
- }
- .aui-grid .aui-badge {
- position: absolute;
- top: 0.5rem;
- left: 60%;
- z-index: 99;
- }
- .aui-grid .aui-dot {
- position: absolute;
- top: 0.5rem;
- right: 20%;
- z-index: 99;
- }
- /*单选、多选、开关*/
- .aui-radio,
- .aui-checkbox {
- width: 1.2rem;
- height: 1.2rem;
- background-color: #ffffff;
- border: solid 1px #dddddd;
- -webkit-border-radius: 0.6rem;
- border-radius: 0.6rem;
- font-size: 0.8rem;
- margin: 0;
- padding: 0;
- position: relative;
- display: inline-block;
- vertical-align: top;
- cursor: default;
- -webkit-appearance: none;
- -webkit-user-select: none;
- user-select: none;
- -webkit-transition: background-color ease 0.1s;
- transition: background-color ease 0.1s;
- }
- .aui-checkbox {
- border-radius: 0.1rem;
- }
- .aui-radio:checked,
- .aui-radio.aui-checked,
- .aui-checkbox:checked,
- .aui-checkbox.aui-checked {
- background-color: #03a9f4;
- border: solid 1px #03a9f4;
- text-align: center;
- background-clip: padding-box;
- }
- .aui-radio:checked:before,
- .aui-radio.aui-checked:before,
- .aui-checkbox:checked:before,
- .aui-checkbox.aui-checked:before,
- .aui-radio:checked:after,
- .aui-radio.aui-checked:after,
- .aui-checkbox:checked:after,
- .aui-checkbox.aui-checked:after {
- content: '';
- width: 0.5rem;
- height: 0.3rem;
- position: absolute;
- top: 50%;
- left: 50%;
- margin-left: -0.25rem;
- margin-top: -0.25rem;
- background: transparent;
- border: 1px solid #ffffff;
- border-top: none;
- border-right: none;
- z-index: 2;
- -webkit-border-radius: 0;
- border-radius: 0;
- -webkit-transform: rotate(-45deg);
- transform: rotate(-45deg);
- }
- .aui-radio:disabled,
- .aui-radio.aui-disabled,
- .aui-checkbox:disabled,
- .aui-checkbox.aui-disabled {
- background-color: #dddddd;
- border: solid 1px #dddddd;
- }
- .aui-radio:disabled:before,
- .aui-radio.aui-disabled:before,
- .aui-radio:disabled:after,
- .aui-radio.aui-disabled:after,
- .aui-checkbox:disabled:before,
- .aui-checkbox.aui-disabled:before,
- .aui-checkbox:disabled:after,
- .aui-checkbox.aui-disabled:after {
- content: '';
- width: 0.5rem;
- height: 0.3rem;
- position: absolute;
- top: 50%;
- left: 50%;
- margin-left: -0.25rem;
- margin-top: -0.25rem;
- background: transparent;
- border: 1px solid #ffffff;
- border-top: none;
- border-right: none;
- z-index: 2;
- -webkit-border-radius: 0;
- border-radius: 0;
- -webkit-transform: rotate(-45deg);
- transform: rotate(-45deg);
- }
- .aui-switch {
- width: 2.3rem;
- height: 1.2rem;
- position: relative;
- vertical-align: top;
- border: 1px solid #dddddd;
- background-color: #dddddd;
- border-radius: 0.6rem;
- background-clip: content-box;
- display: inline-block;
- outline: none;
- -webkit-appearance: none;
- appearance: none;
- -webkit-user-select: none;
- user-select: none;
- -webkit-box-sizing: border-box;
- box-sizing: border-box;
- -webkit-background-clip: padding-box;
- background-clip: padding-box;
- -webkit-transition: all 0.2s linear;
- transition: all 0.2s linear;
- }
- .aui-switch:before {
- width: 1.1rem;
- height: 1.1rem;
- position: absolute;
- top: 0;
- left: 0;
- border-radius: 0.6rem;
- background-color: #fff;
- content: '';
- -webkit-transition: left 0.2s;
- transition: left 0.2s;
- }
- .aui-switch:checked {
- border-color: #03a9f4;
- background-color: #03a9f4;
- }
- .aui-switch:checked:before {
- left: 1.1rem;
- }
- /*导航栏*/
- .aui-bar {
- position: relative;
- top: 0;
- right: 0;
- left: 0;
- z-index: 10;
- width: 100%;
- min-height: 2.25rem;
- font-size: 0.9rem;
- text-align: center;
- display: table;
- }
- .aui-bar-nav {
- top: 0;
- line-height: 2.25rem;
- background-color: #f34347;
- color: #ffffff;
- }
- .aui-title a {
- color: inherit;
- }
- .aui-bar-nav .aui-title {
- font-size:16px;
- min-height: 2.25rem;
- line-height: 2.25rem;
- position: absolute;
- margin: 0;
- text-align: center;
- white-space: nowrap;
- right: 5rem;
- left: 5rem;
- width: auto;
- overflow: hidden;
- text-overflow: ellipsis;
- z-index: 2;
- }
- .aui-bar-nav a {
- color: #ffffff;
- }
- .aui-bar-nav .aui-iconfont {
- position: relative;
- z-index: 20;
- font-size: 0.9rem;
- color: #ffffff;
- font-weight: 400;
- line-height: 2.25rem;
- }
- .aui-bar-nav .aui-pull-left {
- padding: 0 0.5rem;
- font-size: 0.8rem;
- font-weight: 400;
- z-index: 2;
- -webkit-box-sizing: border-box;
- box-sizing: border-box;
- display: -webkit-box;
- display: -webkit-flex;
- display: flex;
- -webkit-align-items: center;
- align-items: center;
- }
- .aui-bar-nav .aui-pull-right {
- padding: 0 0.5rem;
- font-size: 0.8rem;
- font-weight: 400;
- z-index: 2;
- -webkit-box-sizing: border-box;
- box-sizing: border-box;
- display: -webkit-box;
- display: -webkit-flex;
- display: flex;
- -webkit-align-items: center;
- align-items: center;
- }
- .aui-bar-nav .aui-btn {
- position: relative;
- z-index: 20;
- height: 2.25rem;
- line-height: 2.25rem;
- padding-top: 0;
- padding-bottom: 0;
- margin: 0;
- border-radius: 0.1rem;
- border-width: 0;
- background: transparent !important;
- }
- .aui-bar-nav .aui-btn.aui-btn-outlined {
- position: relative;
- padding: 0 0.15rem;
- margin: 0.5rem;
- height: 1.25rem;
- line-height: 1.25rem;
- border-width: 1px;
- background: transparent !important;
- border-color: #ffffff;
- }
- .aui-bar-nav .aui-btn:active {
- background: none;
- }
- .aui-bar-nav .aui-btn .aui-iconfont {
- font-size: 0.9rem;
- line-height: 1.25rem;
- padding: 0;
- margin: 0;
- color: #ffffff;
- }
- .aui-bar-light {
- color: #03a9f4;
- background-color: #ffffff;
- border-bottom: 1px solid #dddddd;
- }
- .aui-bar-nav.aui-bar-light .aui-iconfont {
- color: #03a9f4;
- }
- .aui-bar-nav.aui-bar-light .aui-btn-outlined {
- border-color: #03a9f4;
- }
- @media screen and (-webkit-min-device-pixel-ratio:1.5) {
- .aui-bar.aui-bar-light {
- border: none;
- background-size: 100% 1px;
- background-repeat: no-repeat;
- background-position: bottom;
- background-image: linear-gradient(0,#dddddd,#dddddd 50%,transparent 50%);
- background-image: -webkit-linear-gradient(90deg,#dddddd,#dddddd 50%,transparent 50%);
- }
- }
- /*底部切换栏*/
- .aui-bar-tab-cl a {
- color:#757575;
- }
- .aui-bar-tab {
- position: fixed;
- top: auto;
- bottom: 0;
- table-layout: fixed;
- background-color: #f5f5f5;
- color: #757575;
- }
- .aui-bar-tab .aui-bar-tab-item {
- display: table-cell;
- position: relative;
- width: 1%;
- height: 2.5rem;
- text-align: center;
- vertical-align: middle;
- font-size:14px;
- }
- .aui-bar-tab .aui-active i{
- color: #f34347;
- }
- .aui-bar-tab .aui-active .aui-bar-tab-label a {
- }
- .aui-bar-tab .aui-active div{
- color: #f34347;
- }
- .aui-bar-tab .aui-active .aui-badge{ color:#fff}
- .aui-bar-tab .aui-bar-tab-item .aui-iconfont {
- position: relative;
- z-index: 20;
- top: 0.1rem;
- height: 1.2rem;
- font-size: 1rem;
- line-height: 1rem;
- }
- .aui-bar-tab .aui-bar-tab-label {
- display: block;
- font-size:12px;
- position: relative;
- }
- .aui-bar-tab .aui-badge {
- position: absolute;
- top: 0.1rem;
- left: 55%;
- z-index: 99;
- }
- .aui-bar-tab .aui-dot {
- position: absolute;
- top: 0.1rem;
- right: 30%;
- z-index: 99;
- }
- /*按钮工具栏*/
- .aui-bar-btn {
- position: relative;
- font-size: 0.7rem;
- display: table;
- white-space: nowrap;
- margin: 0 auto;
- padding: 0;
- border: none;
- width: 100%;
- min-height: 1.8rem;
- }
- .aui-bar-btn-item {
- display: table-cell;
- position: relative;
- width: 1%;
- line-height: 1.6rem;
- text-align: center;
- vertical-align: middle;
- border-radius: 0;
- position: relative;
- border-width: 1px;
- border-style: solid;
- border-color: #03a9f4;
- border-left-width: 0;
- }
- .aui-bar-btn .aui-input,
- .aui-bar-btn input,
- .aui-bar-btn select {
- padding-left: 0.25rem;
- padding-right: 0.25rem;
- height: 1.8rem;
- }
- .aui-bar-btn-sm {
- min-height: 1.3rem;
- }
- .aui-bar-btn.aui-bar-btn-sm .aui-input,
- .aui-bar-btn.aui-bar-btn-sm input,
- .aui-bar-btn.aui-bar-btn-sm select {
- height: 1.2rem;
- }
- .aui-bar-btn-sm .aui-bar-btn-item {
- line-height: 1.3rem;
- font-size: 0.6rem;
- }
- .aui-bar-btn-item.aui-active {
- background-color: #03a9f4;
- color: #ffffff;
- }
- .aui-bar-btn-item:first-child {
- border-left-width: 1px;
- border-top-left-radius: 0.2rem;
- border-bottom-left-radius: 0.2rem;
- }
- .aui-bar-btn-item:last-child {
- border-top-right-radius: 0.2rem;
- border-bottom-right-radius: 0.2rem;
- border-left: 0px;
- }
- .aui-bar-btn.aui-bar-btn-full .aui-bar-btn-item:first-child {
- border-left-width: 0;
- border-top-left-radius: 0;
- border-bottom-left-radius: 0;
- }
- .aui-bar-btn.aui-bar-btn-full .aui-bar-btn-item:last-child {
- border-right-width: 0;
- border-top-right-radius: 0;
- border-bottom-right-radius: 0;
- }
- .aui-bar-btn.aui-bar-btn-round .aui-bar-btn-item:first-child {
- border-top-left-radius: 1.5rem;
- border-bottom-left-radius: 1.5rem;
- }
- .aui-bar-btn.aui-bar-btn-round .aui-bar-btn-item:last-child {
- border-top-right-radius: 1.5rem;
- border-bottom-right-radius: 1.5rem;
- }
- .aui-bar-nav .aui-bar-btn {
- margin-top: 0.45rem;
- margin-bottom: 0.4rem;
- min-height: 1.3rem;
- }
- .aui-bar-nav .aui-bar-btn-item {
- line-height: 1.3rem;
- border-color: #ffffff;
- }
- .aui-bar-nav .aui-bar-btn-item.aui-active {
- background-color: #ffffff;
- color: #03a9f4;
- }
- .aui-bar-nav.aui-bar-light .aui-bar-btn-item {
- border-color: #03a9f4;
- }
- .aui-bar-nav.aui-bar-light .aui-bar-btn-item.aui-active {
- background-color: #03a9f4;
- color: #ffffff;
- }
- .aui-bar-nav > .aui-bar-btn {
- width: 50%;
- }
- .aui-info {
- position: relative;
- padding: 0.5rem 0;
- font-size: 0.7rem;
- color: #757575;
- background-color: transparent;
- -webkit-box-sizing: border-box;
- box-sizing: border-box;
- display: -webkit-box;
- display: -webkit-flex;
- display: flex;
- -webkit-box-pack: justify;
- -webkit-justify-content: space-between;
- justify-content: space-between;
- -webkit-box-align: center;
- -webkit-align-items: center;
- align-items: center;
- }
- .aui-info-item {
- -webkit-box-sizing: border-box;
- box-sizing: border-box;
- display: -webkit-box;
- display: -webkit-flex;
- display: flex;
- -webkit-box-align: center;
- -webkit-align-items: center;
- align-items: center;
- }
- .aui-info-item > *,
- .aui-info > * {
- display: inherit;
- position: relative;
- }
- /*进度条*/
- .aui-progress {
- width: 100%;
- height: 1rem;
- border-radius: 0.2rem;
- overflow: hidden;
- background-color: #f0f0f0;
- }
- .aui-progress-bar {
- float: left;
- width: 0;
- height: 100%;
- font-size: 0.6rem;
- line-height: 1rem;
- color: #ffffff;
- text-align: center;
- background-color: #03a9f4;
- }
- .aui-progress.sm,
- .aui-progress-sm {
- height: 0.5rem;
- }
- .aui-progress.sm,
- .aui-progress-sm,
- .aui-progress.sm .aui-progress-bar,
- .aui-progress-sm .aui-progress-bar {
- border-radius: 1px;
- }
- .aui-progress.xs,
- .aui-progress-xs {
- height: 0.35rem;
- }
- .aui-progress.xs,
- .aui-progress-xs,
- .aui-progress.xs .progress-bar,
- .aui-progress-xs .progress-bar {
- border-radius: 1px;
- }
- .aui-progress.xxs,
- .aui-progress-xxs {
- height: 0.15rem;
- }
- .aui-progress.xxs,
- .aui-progress-xxs,
- .aui-progress.xxs .progress-bar,
- .aui-progress-xxs .progress-bar {
- border-radius: 1px;
- }
- /*滑块*/
- .aui-range {
- position: relative;
- display: inline-block;
- }
- .aui-range input[type='range']{
- height: 0.2rem;
- border: 0;
- border-radius: 2px;
- background-color: #f0f0f0;
- position: relative;
- -webkit-appearance: none !important;
- }
- .aui-range input[type='range']::-webkit-slider-thumb {
- width: 1.2rem;
- height: 1.2rem;
- border-radius: 50%;
- border-color: #03a9f4;
- background-color: #03a9f4;
- -webkit-appearance: none !important;
- }
- .aui-range .aui-range-tip {
- font-size: 1rem;
- position: absolute;
- z-index: 999;
- top: -1.5rem;
- width: 2.4rem;
- height: 1.5rem;
- line-height: 1.5rem;
- text-align: center;
- color: #666666;
- border: 1px solid #dddddd;
- border-radius: 0.3rem;
- background-color: #ffffff;
- }
- .aui-input-row .aui-range input[type='range'] {
- width: 90%;
- margin-left: 5%;
- }
- /*搜索条*/
- .aui-searchbar {
- display: -webkit-box;
- -webkit-box-pack: center;
- -webkit-box-align: center;
- height: 2.2rem;
- overflow: hidden;
- width: 100%;
- color: #9e9e9e;
- -webkit-backface-visibility: hidden;
- backface-visibility: hidden;
- }
- .aui-searchbar.focus {
- -webkit-box-pack: start;
- }
- .aui-searchbar-input {
- margin: 0 0.5rem;
- background-color: #ffffff;
- border-radius: 0.25rem;
- height: 1.4rem;
- line-height: 1.4rem;
- font-size: 0.7rem;
- position: relative;
- padding-left: 0.5rem;
- display: -webkit-box;
- -webkit-box-flex: 1;
- }
- .aui-searchbar form {
- width: 90%;
- }
- .aui-searchbar-input input {
- color: #666666;
- width: 80%;
- padding: 0;
- margin: 0;
- height: 1.4rem;
- line-height: normal;
- border: 0;
- -webkit-appearance: none;
- font-size: 0.7rem;
- }
- .aui-searchbar input::-webkit-input-placeholder {
- color: #ccc;
- }
- .aui-searchbar .aui-iconfont {
- line-height: 1.4rem;
- margin-right: 0.25rem;
- color: #9e9e9e !important;
- }
- .aui-searchbar .aui-searchbar-btn {
- font-size: 0.7rem;
- color: #666666;
- margin-right: -2.2rem;
- width: 2.2rem;
- height: 1.4rem;
- padding-right: 0.5rem;
- line-height: 1.4rem;
- text-align: center;
- -webkit-transition: all .3s;
- transition: all .3s;
- }
- .aui-searchbar-clear-btn {
- position: absolute;
- right: 5px;
- top: 3px;
- width: 1.1rem;
- height: 1.1rem;
- background: #eeeeee;
- border-radius: 50%;
- line-height: 0.6rem;
- text-align: center;
- display: none;
- }
- .aui-searchbar-clear-btn .aui-iconfont {
- font-size: 0.6rem;
- margin: 0 auto;
- position: relative;
- top: -2px;
- }
- .aui-searchbar .aui-searchbar-btn .aui-iconfont {
- color: #666666;
- }
- /*信息提示条*/
- .aui-tips {
- padding: 0 0.75rem;
- width: 100%;
- z-index: 99;
- height: 1.9rem;
- line-height: 1.9rem;
- position: relative;
- background-color: rgba(0,0,0,.6);
- color: #ffffff;
- display: -webkit-box;
- display: -webkit-flex;
- display: flex;
- -webkit-box-pack: justify;
- -webkit-justify-content: space-between;
- justify-content: space-between;
- -webkit-align-items: center;
- align-items: center;
- }
- .aui-tips .aui-tips-title {
- padding: 0 0.5rem;
- font-size: 0.7rem;
- position: relative;
- max-width: 100%;
- }
- /*toast*/
- .aui-toast {
- background: rgba(0, 0, 0, 0.7);
- text-align: center;
- border-radius: 0.25rem;
- color: #ffffff;
- position: fixed;
- z-index: 3;
- top: 45%;
- left: 50%;
- width: 7.5em;
- min-height: 6em;
- margin-left: -3.75em;
- margin-top: -4rem;
- display: none;
- }
- .aui-toast .aui-iconfont {
- margin-top: 0.2rem;
- display: block;
- font-size: 2.6rem;
- }
- .aui-toast-content {
- margin: 0 0 0.75rem;
- }
- .aui-toast-loading {
- background-color: #ffffff;
- border-radius: 100%;
- margin: 0.75rem 0;
- -webkit-animation-fill-mode: both;
- animation-fill-mode: both;
- border: 2px solid #ffffff;
- border-bottom-color: transparent;
- height: 2.25rem;
- width: 2.25rem;
- background: transparent !important;
- display: inline-block;
- -webkit-animation: rotate 1s 0s linear infinite;
- animation: rotate 1s 0s linear infinite;
- }
- /*dialog*/
- .aui-dialog {
- width: 13.5rem;
- text-align: center;
- position: fixed;
- z-index: 999;
- left: 50%;
- margin-left: -6.75rem;
- margin-top: 0;
- top: 45%;
- border-radius: 0.3rem;
- opacity: 0;
- background-color: #ffffff;
- -webkit-transform: translate3d(0, 0, 0) scale(1.2);
- transform: translate3d(0, 0, 0) scale(1.2);
- -webkit-transition-property: -webkit-transform, opacity;
- transition-property: transform, opacity;
- /*display: none;*/
- }
- .aui-dialog-header {
- padding: 0.5rem 0.75rem 0 0.75rem;
- text-align: center;
- font-size: 1em;
- color: #212121;
- }
- .aui-dialog-body {
- padding: 0.75rem;
- overflow: hidden;
- font-size: 0.875em;
- color: #757575;
- }
- .aui-dialog-body input {
- border: 1px solid #dddddd;
- height: 1.8rem;
- line-height: 1.8rem;
- min-height: 1.8rem;
- padding-left: 0.25rem;
- padding-right: 0.25rem;
- }
- .aui-dialog-footer {
- position: relative;
- font-size: 1em;
- border-top: 1px solid #dddddd;
- display: -webkit-box;
- display: -webkit-flex;
- display: flex;
- -webkit-box-pack: center;
- -webkit-justify-content: center;
- justify-content: center;
- }
- .aui-dialog-btn {
- position: relative;
- display: block;
- width: 100%;
- padding: 0 0.25rem;
- height: 2.2rem;
- font-size: 0.8rem;
- line-height: 2.2rem;
- text-align: center;
- color: #0894ec;
- border-right: 1px solid #dddddd;
- white-space: nowrap;
- text-overflow: ellipsis;
- overflow: hidden;
- -webkit-box-sizing: border-box;
- box-sizing: border-box;
- -webkit-box-flex: 1;
- box-flex: 1;
- }
- .aui-dialog-btn:last-child {
- border-right: none;
- }
- .aui-dialog.aui-dialog-in {
- opacity: 1;
- -webkit-transition-duration: 300ms;
- transition-duration: 300ms;
- -webkit-transform: translate3d(0, 0, 0) scale(1);
- transform: translate3d(0, 0, 0) scale(1);
- }
- .aui-dialog.aui-dialog-out {
- opacity: 0;
- -webkit-transition-duration: 300ms;
- transition-duration: 300ms;
- -webkit-transform: translate3d(0, 0, 0) scale(0.815);
- transform: translate3d(0, 0, 0) scale(0.815);
- }
- @media only screen and (-webkit-min-device-pixel-ratio: 1.5) {
- .aui-dialog-footer {
- border: none;
- background-size: 100% 1px;
- background-repeat: no-repeat;
- background-position: top;
- background-image: linear-gradient(0,#dddddd,#dddddd 50%,transparent 50%);
- background-image: -webkit-linear-gradient(90deg,#dddddd,#dddddd 50%,transparent 50%);
- }
- .aui-dialog-btn {
- border: none;
- background-image: -webkit-linear-gradient(0deg, #dddddd, #dddddd 50%, transparent 50%);
- background-image: linear-gradient(270deg, #dddddd, #dddddd 50%, transparent 50%);
- background-size: 1px 100%;
- background-repeat: no-repeat;
- background-position: right;
- }
- .aui-dialog-btn:last-child {
- border: none;
- background-size: 0 100%;
- }
- .aui-dialog-body input {
- border: none;
- background-image: -webkit-linear-gradient(270deg, #dddddd, #dddddd 50%, transparent 50%), -webkit-linear-gradient(180deg, #dddddd, #dddddd 50%, transparent 50%), -webkit-linear-gradient(90deg, #dddddd, #dddddd 50%, transparent 50%), -webkit-linear-gradient(0, #dddddd, #dddddd 50%, transparent 50%);
- background-image: linear-gradient(180deg, #dddddd, #dddddd 50%, transparent 50%), linear-gradient(270deg, #dddddd, #dddddd 50%, transparent 50%), linear-gradient(0deg, #dddddd, #dddddd 50%, transparent 50%), linear-gradient(90deg, #dddddd, #dddddd 50%, transparent 50%);
- background-size: 100% 1px, 1px 100%, 100% 1px, 1px 100%;
- background-repeat: no-repeat;
- background-position: top, right top, bottom, left top;
- }
- }
- /*popup*/
- .aui-popup {
- padding: 0;
- margin: 0;
- background: transparent;
- position: fixed;
- height: auto;
- min-width: 7rem;
- min-height: 4.5rem;
- z-index: 999;
- opacity: 0;
- -webkit-transition-property: -webkit-transform, opacity;
- transition-property: transform, opacity;
- }
- .aui-popup.aui-popup-in {
- opacity: 1;
- -webkit-transition-duration: 300ms;
- transition-duration: 300ms;
- }
- .aui-popup.aui-popup-out {
- opacity: 0;
- -webkit-transition-duration: 300ms;
- transition-duration: 300ms;
- }
- .aui-popup-right {
- right: 0.75rem;
- }
- .aui-popup-content {
- background-color: #ffffff;
- border-radius: 0.2rem;
- overflow: hidden;
- min-height: 4.5rem;
- height: 100%;
- }
- .aui-popup-top,
- .aui-popup-top-left,
- .aui-popup-top-right {
- top:60px;
- }
- .aui-popup-top {
- left: 50%;
- margin-left: -3.5rem;
- }
- .aui-popup-top-left {
- left: 0.45rem;
- }
- .aui-popup-top-right {
- right: 0.45rem;
- }
- .aui-popup-arrow {
- position: absolute;
- width: 10px;
- height: 10px;
- -webkit-transform-origin: 50% 50% 0;
- transform-origin: 50% 50% 0;
- background-color: transparent;
- background-image: -webkit-linear-gradient(45deg, #ffffff, #ffffff 50%, transparent 50%);
- background-image: linear-gradient(45deg, #ffffff, #ffffff 50%, transparent 50%);
- }
- .aui-popup-top .aui-popup-arrow,
- .aui-popup-top-left .aui-popup-arrow,
- .aui-popup-top-right .aui-popup-arrow {
- top: 0.2rem;
- -webkit-transform: rotate(135deg);
- transform: rotate(135deg);
- }
- .aui-popup-top .aui-popup-arrow {
- left: 50%;
- margin-left: -0.25rem;
- margin-top: -0.4rem;
- }
- .aui-popup-top-left .aui-popup-arrow {
- left: 0.25rem;
- margin-top: -0.4rem;
- }
- .aui-popup-top-right .aui-popup-arrow {
- right: 0.60rem;
- margin-top: -0.4rem;
- }
- .aui-popup-bottom,
- .aui-popup-bottom-left,
- .aui-popup-bottom-right {
- bottom: 0.45rem;
- }
- .aui-popup-bottom {
- left: 50%;
- margin-left: -3.5rem;
- }
- .aui-popup-bottom-left {
- left: 0.45rem;
- }
- .aui-popup-bottom-right {
- right: 0.45rem;
- }
- .aui-popup-bottom .aui-popup-arrow,
- .aui-popup-bottom-left .aui-popup-arrow,
- .aui-popup-bottom-right .aui-popup-arrow {
- -webkit-transform: rotate(-45deg);
- transform: rotate(-45deg);
- bottom: 0.2rem;
- }
- .aui-popup-bottom .aui-popup-arrow {
- left: 50%;
- margin-left: -0.25rem;
- margin-bottom: -0.4rem;
- }
- .aui-popup-bottom-left .aui-popup-arrow {
- left: 0.25rem;
- margin-bottom: -0.4rem;
- }
- .aui-popup-bottom-right .aui-popup-arrow {
- right: 0.25rem;
- margin-bottom: -0.4rem;
- }
- .aui-popup .aui-list {
- background: transparent;
- }
- .aui-popup-content .aui-list img {
- display: block;
- width: 1rem;
- }
- /*actionsheet*/
- .aui-actionsheet {
- width: 100%;
- position: fixed;
- bottom: 0;
- left: 0;
- padding: 0 0.5rem;
- z-index: 999;
- opacity: 0;
- -webkit-transition: opacity .3s,-webkit-transform .3s;
- transition: opacity .3s,transform .3s;
- -webkit-transform: translate3d(0,100%,0);
- transform: translate3d(0,100%,0);
- }
- .aui-actionsheet-btn {
- background-color: #ffffff;
- border-radius: 6px;
- text-align: center;
- margin-bottom: 0.5rem;
- }
- .aui-actionsheet-title {
- font-size: 0.6rem;
- color: #999999;
- line-height: 1.8rem;
- }
- .aui-actionsheet-btn-item {
- height: 2.2rem;
- line-height: 2.2rem;
- color: #0075f0;
- }
- /*sharebox*/
- .aui-sharebox {
- width: 100%;
- position: fixed;
- bottom: 0;
- left: 0;
- z-index: 999;
- background-color: #ffffff;
- opacity: 0;
- -webkit-transition: opacity .3s,-webkit-transform .3s;
- transition: opacity .3s,transform .3s;
- -webkit-transform: translate3d(0,100%,0);
- transform: translate3d(0,100%,0);
- }
- .aui-sharebox .aui-row {
- padding: 0.5rem 0;
- }
- .aui-sharebox img {
- display: block;
- width: 50%;
- margin: 0 auto;
- }
- .aui-sharebox.aui-grid [class*=aui-col-] {
- padding: 0.5rem 0;
- }
- .aui-sharebox.aui-grid .aui-grid-label {
- font-size: 0.6rem;
- color: #757575;
- }
- .aui-sharebox-close-btn {
- width: 100%;
- height: 2.2rem;
- line-height: 2.2rem;
- color: #757575;
- text-align: center;
- font-size: 0.7rem;
- }
- /*折叠菜单*/
- .aui-collapse-header.aui-active {
- /*background: #ececec;*/
- /* 临时 注释掉 */
- }
- .aui-collapse .aui-list-item:active{
- background: #ececec;
- }
- .aui-collapse-content {
- display: none;
- }
- .aui-collapse-content .aui-list-item:last-child {
- border-bottom: 0;
- }
- @media screen and (-webkit-min-device-pixel-ratio:1.5) {
- .aui-collapse-content .aui-list-item:last-child {
- background-position: bottom;
- }
- .aui-list.aui-collapse.aui-list-noborder,
- .aui-list.aui-collapse.aui-list-noborder .aui-collapse-content:last-child .aui-list-item:last-child {
- border: none;
- background-size: 100% 1px;
- background-repeat: no-repeat;
- background-position: 0 bottom;
- background-image: linear-gradient(0,#dddddd,#dddddd 50%,transparent 50%);
- background-image: -webkit-linear-gradient(90deg,#dddddd,#dddddd 50%,transparent 50%);
- }
- .aui-list.aui-collapse.aui-list-noborder,
- .aui-list.aui-collapse.aui-list-noborder .aui-collapse-item:last-child .aui-list-item:last-child {
- border: none;
- background-size: 100% 0;
- background-image: none;
- }
- .aui-list.aui-collapse.aui-list-noborder .aui-collapse-item:last-child .aui-list-item.aui-collapse-header,
- .aui-list.aui-collapse.aui-list-noborder .aui-collapse-content .aui-list-item:last-child {
- border: none;
- background-size: 100% 0;
- background-image: none;
- }
- }
- .aui-collapse-header.aui-active .aui-collapse-arrow {
- display: block;
- transform: rotate(180deg);
- -webkit-transform: rotate(180deg);
- }
- /*聊天气泡*/
- .aui-chat {
- width: 100%;
- height: 100%;
- padding: 0.5rem;
- }
- .aui-chat .aui-chat-item {
- position: relative;
- width: 100%;
- margin-bottom: 0.75rem;
- overflow: hidden;
- display: block;
- }
- .aui-chat .aui-chat-header {
- width: 100%;
- text-align: center;
- margin-bottom: 0.75rem;
- font-size: 0.6rem;
- color: #757575;
- }
- .aui-chat .aui-chat-left {
- float: left;
- }
- .aui-chat .aui-chat-right {
- float: right;
- }
- .aui-chat .aui-chat-media {
- display: inline-block;
- max-width: 2rem;
- }
- .aui-chat .aui-chat-media img {
- width: 100%;
- border-radius: 50%;
- }
- .aui-chat .aui-chat-inner {
- position: relative;
- overflow: hidden;
- display: inherit;
- }
- .aui-chat .aui-chat-arrow {
- content: '';
- position: absolute;
- width: 0.6rem;
- height: 0.6rem;
- top: 0.2rem;
- -webkit-transform-origin: 50% 50% 0;
- transform-origin: 50% 50% 0;
- background-color: transparent;
- }
- .aui-chat .aui-chat-left .aui-chat-arrow {
- background-image: -webkit-linear-gradient(45deg, #b3e5fc, #b3e5fc 50%, transparent 50%);
- background-image: linear-gradient(45deg, #b3e5fc, #b3e5fc 50%, transparent 50%);
- -webkit-transform: rotate(45deg);
- transform: rotate(45deg);
- left: -0.25rem;
- }
- .aui-chat .aui-chat-right .aui-chat-arrow {
- background-image: -webkit-linear-gradient(45deg, #ffffff, #ffffff 50%, transparent 50%);
- background-image: linear-gradient(45deg, #ffffff, #ffffff 50%, transparent 50%);
- -webkit-transform: rotate(-135deg);
- transform: rotate(-135deg);
- right: -0.25rem;
- }
- .aui-chat .aui-chat-content {
- color: #666;
- font-size:12px;
- border-radius: 0.2rem;
- min-height: 2rem;
- position: relative;
- padding: 0.5rem;
- max-width: 80%;
- word-break: break-all;
- word-wrap: break-word;
- }
- .aui-chat .aui-chat-content img {
- max-width: 100%;
- display: block;
- }
- .aui-chat .aui-chat-status {
- position: relative;
- width: 2rem;
- height: 2rem;
- line-height: 2rem;
- text-align: center;
- }
- .aui-chat .aui-chat-name {
- width: 100%;
- position: relative;
- font-size: 0.6rem;
- color: #757575;
- margin-bottom: 0.25rem;
- }
- .aui-chat .aui-chat-left .aui-chat-name {
- left: 0.5rem;
- }
- .aui-chat .aui-chat-left .aui-chat-status {
- left: 0.5rem;
- float: left;
- }
- .aui-chat .aui-chat-left .aui-chat-media {
- width: 2rem;
- float: left;
- }
- .aui-chat .aui-chat-left .aui-chat-inner {
- max-width: 70%;
- }
- .aui-chat .aui-chat-left .aui-chat-content{
- background-color: #b3e5fc;
- float: left;
- left: 0.5rem;
- }
- .aui-chat .aui-chat-right .aui-chat-media {
- width: 2rem;
- float: right;
- }
- .aui-chat .aui-chat-right .aui-chat-inner {
- float: right;
- max-width: 70%;
- }
- .aui-chat .aui-chat-right .aui-chat-name {
- float: right;
- right: 0.5rem;
- text-align: right;
- }
- .aui-chat .aui-chat-right .aui-chat-content {
- background-color: #ffffff;
- right: 0.5rem;
- float: right;
- }
- .aui-chat .aui-chat-right .aui-chat-status {
- float: right;
- right: 0.5rem;
- }
- /*边框样式*/
- .aui-border-l {
- border-left: 1px solid #dddddd;
- }
- .aui-border-r {
- border-right: 1px solid #dddddd;
- }
- .aui-border-t {
- border-top: 1px solid #dddddd;
- }
- .aui-border-b {
- border-bottom: 1px solid #dddddd;
- }
- .aui-border {
- border: 1px solid #dddddd;
- }
- @media screen and (-webkit-min-device-pixel-ratio:1.5) {
- .aui-border-l {
- border: none;
- background-image: -webkit-linear-gradient(0deg, #dddddd, #dddddd 50%, transparent 50%);
- background-image: linear-gradient(270deg, #dddddd, #dddddd 50%, transparent 50%);
- background-size: 1px 100%;
- background-repeat: no-repeat;
- background-position: left;
- }
- .aui-border-r {
- border: none;
- background-image: -webkit-linear-gradient(0deg, #dddddd, #dddddd 50%, transparent 50%);
- background-image: linear-gradient(270deg, #dddddd, #dddddd 50%, transparent 50%);
- background-size: 1px 100%;
- background-repeat: no-repeat;
- background-position: right;
- }
- .aui-border-t{
- border: none;
- background-size: 100% 1px;
- background-repeat: no-repeat;
- background-position: top;
- background-image: linear-gradient(0,#dddddd,#dddddd 50%,transparent 50%);
- background-image: -webkit-linear-gradient(90deg,#dddddd,#dddddd 50%,transparent 50%);
- }
- .aui-border-b {
- border: none;
- background-size: 100% 1px;
- background-repeat: no-repeat;
- background-position: bottom;
- background-image: linear-gradient(0,#dddddd,#dddddd 50%,transparent 50%);
- background-image: -webkit-linear-gradient(90deg,#dddddd,#dddddd 50%,transparent 50%);
- }
- .aui-border{
- border: none;
- background-image: -webkit-linear-gradient(270deg, #dddddd, #dddddd 50%, transparent 50%), -webkit-linear-gradient(180deg, #dddddd, #dddddd 50%, transparent 50%), -webkit-linear-gradient(90deg, #dddddd, #dddddd 50%, transparent 50%), -webkit-linear-gradient(0, #dddddd, #dddddd 50%, transparent 50%);
- background-image: linear-gradient(180deg, #dddddd, #dddddd 50%, transparent 50%), linear-gradient(270deg, #dddddd, #dddddd 50%, transparent 50%), linear-gradient(0deg, #dddddd, #dddddd 50%, transparent 50%), linear-gradient(90deg, #dddddd, #dddddd 50%, transparent 50%);
- background-size: 100% 1px, 1px 100%, 100% 1px, 1px 100%;
- background-repeat: no-repeat;
- background-position: top, right top, bottom, left top;
- }
- }
- /*时间轴*/
- .aui-timeline {
- position: relative;
- padding: 0;
- list-style: none;
- }
- .aui-timeline:before {
- content: '';
- position: absolute;
- top: 0;
- left: 1.85rem;
- width: 2px;
- height: 100%;
- background: #ececec;
- z-index: 0;
- }
- .aui-timeline .aui-timeline-item {
- position: relative;
- margin-bottom: 0.75rem;
- }
- .aui-timeline .aui-timeline-item-header {
- background-color: #ececec;
- padding: 0.2rem 0.5rem;
- margin: 0.75rem;
- text-align: center;
- display: inline-block;
- position: relative;
- z-index: 1;
- font-size: 0.7rem;
- }
- .aui-timeline .aui-timeline-item-label {
- width: 2.5rem;
- height: 1.5rem;
- line-height: 1.5rem;
- font-size: 0.7em;
- background-color: #ececec;
- position: absolute;
- text-align: center;
- left: 0.75rem;
- top: 0;
- color:#fff;
- }
- .aui-timeline .aui-timeline-item-label-icon {
- width: 1.5rem;
- height: 1.5rem;
- font-size: 0.7rem;
- line-height: 1.5rem;
- background-color: #ececec;
- position: absolute;
- border-radius: 50%;
- text-align: center;
- left: 1.15rem;
- top: 0;
- }
- .aui-timeline .aui-timeline-item-inner {
- margin-left: 3.75rem;
- margin-right: 0.75rem;
- padding: 0;
- position: relative;
- }
- /*基础动画类*/
- @keyframes rotate {
- 0% {
- -webkit-transform: rotate(0deg) scale(1);
- transform: rotate(0deg) scale(1);
- }
- 50% {
- -webkit-transform: rotate(180deg) scale(1);
- transform: rotate(180deg) scale(1);
- }
- 100% {
- -webkit-transform: rotate(360deg) scale(1);
- transform: rotate(360deg) scale(1);
- }
- }
- @-webkit-keyframes rotate {
- 0% {
- -webkit-transform: rotate(0deg) scale(1);
- transform: rotate(0deg) scale(1);
- }
- 50% {
- -webkit-transform: rotate(180deg) scale(1);
- transform: rotate(180deg) scale(1);
- }
- 100% {
- -webkit-transform: rotate(360deg) scale(1);
- transform: rotate(360deg) scale(1);
- }
- }
- @keyframes bounce {
- 0%, 100% {
- -webkit-transform: scale(0.0);
- transform: scale(0.0);
- }
- 50% {
- -webkit-transform: scale(1.0);
- transform: scale(1.0);
- }
- }
- @-webkit-keyframes bounce {
- 0%, 100% {
- -webkit-transform: scale(0.0);
- transform: scale(0.0);
- }
- 50% {
- -webkit-transform: scale(1.0);
- transform: scale(1.0);
- }
- }
- @keyframes fadeIn {
- from { opacity: 0.3; }
- to { opacity: 1; }
- }
- @-webkit-keyframes fadeIn {
- from { opacity: 0.3; }
- to { opacity: 1; }
- }
- @font-face {
- font-family: "aui_iconfont";
- src: url('aui-iconfont.ttf') format('truetype');
- }
- .aui-col-xs-3 .aui-iconfont {
- width: 38px;
- height: 38px;
- display: inline-block;
- margin: 0 auto;
- }
- .product-name{
- display: inline-block;
- height: 15px;
- line-height: 15px;
- background-color: #863077;
- color: white;
- font-size: 11px;
- padding-left: 2px;
- padding-right: 2px;
- border-radius: 2px;
- position: relative;
- top:-1px;
- font-style:normal;
- margin-right:5px;
- }
- .aui-zdy-text p{
- position: relative;
- max-width: 100%;
- color:rgb(102, 102, 102);
- height: 33px;
- font-size: 13px;
- overflow: hidden;
- text-overflow: ellipsis;
- display: -webkit-box;
- -webkit-line-clamp: 2;
- -webkit-box-orient: vertical;
- word-break: break-word;
- margin-top: 5px;
- line-height: 17px;
- margin-bottom: 3px;
- padding: 0 4px;
- }
- .aui-bj1{
- width:100%;
- height:30px;
- background-size:cover;
- background-image: url(../image/demo/bj1.png);
- margin-bottom:10px;
- }
- .aui-title-text:before{
- content: " ";
- position: absolute;
- left: 0;
- top: 0;
- right: 0;
- height: 1px;
- border-top: 1px solid rgba(207, 207, 207, 0.95);
- color: rgba(207, 207, 207, 0.95);
- transform-origin: 0 0;
- transform: scaleY(0.501);
- }
- .aui-title-text{
- padding:20px;
- margin-top:20px;
- position:relative;
- }
- .aui-title-text a i{
- margin-top:2px;
- width:30px;
- height:16px;
- display:inline-block;
- float:left;
- }
- .aui-title-text a h2{
- color:#333;
- font-size:14px;
- }
- .aui-title-text a i img{
- width:100%;
- height:100%;
- display:block;
- border:none;
- }
- .aui-title-text a span{
- width:28px;
- height:16px;
- text-align:center;
- line-height:16px;
- background:#f34347;
- font-size:11px;
- color:#fff;
- border-radius:2px;
- font-weight:100;
- display:inline-block;
- float:left;
- margin-left:4px;
- margin-right:4px;
- margin-top:2px;
- }
- .div-border{
- display: -webkit-flex;
- display: flex;
- overflow: hidden;
- -webkit-align-items: center;
- align-items: center;
- -webkit-justify-content: space-between;
- justify-content: space-between;
- width: 100%;
- min-height: 10px;
- background: #f5f5f5;
- }
- .t-line {
- position: relative;
- }
- .t-line:before {
- content: " ";
- position: absolute;
- left: 0;
- top: 0;
- right: 0;
- height: 1px;
- border-top: 1px solid rgba(207, 207, 207, 0.95);
- color: rgba(207, 207, 207, 0.95);
- transform-origin: 0 0;
- transform: scaleY(0.501);
- }
- .r-line {
- position: relative;
- }
- .r-line:before {
- content: " ";
- position: absolute;
- right: 0;
- top: 0;
- bottom: 0;
- width: 1px;
- border-right: 1px solid rgba(207, 207, 207, 0.95);
- color: rgba(207, 207, 207, 0.95);
- transform-origin: 100% 0;
- transform: scaleX(0.5);
- }
- .b-line {
- position: relative;
- }
- .b-line:before {
- content: " ";
- position: absolute;
- left: 0;
- bottom: 0;
- right: 0;
- height: 1px;
- border-bottom: 1px solid rgba(207, 207, 207, 0.95);
- color: rgba(207, 207, 207, 0.95);
- transform-origin: 0 100%;
- transform: scaleY(0.501);
- }
- .l-line {
- position: relative;
- }
- .l-line:before {
- content: " ";
- position: absolute;
- left: 0;
- top: 0;
- bottom: 0;
- width: 1px;
- border-left: 1px solid rgba(207, 207, 207, 0.95);
- color: rgba(207, 207, 207, 0.95);
- transform-origin: 0 0;
- transform: scaleX(0.501);
- }
- .box-line {
- position: relative;
- }
- .box-line:before {
- content: " ";
- position: absolute;
- top: 0;
- left: 0;
- width: 200%;
- height: 200%;
- border: 1px solid rgba(207, 207, 207, 0.95);
- border-radius: 5px;
- color: rgba(207, 207, 207, 0.95);
- transform-origin: 0 0;
- transform: scale(0.501);
- }
- .aui-title-shout{
- font-size:12px;
- padding:12px 20px;
- }
- .aui-title-text-hot{
- color:#333;
- font-size:12px;
- }
- .aui-img-sin{
- width:100px;
- margin:0 auto;
- padding-bottom:10px;
- padding-top:2px;
- }
- .aui-img-sin img{
- width:100%;
- height:100%;
- display:block;
- border:none;
- }
- img {
- -ms-interpolation-mode: bicubic;
- max-width: 100%;
- }
- /*防止windows缩放图片时,图像失真*/
- /*组合商品结束*/
- .settle_box_h {
- height: 60px;
- }
- .settle_box {
- background: #fff;
- position: fixed;
- left: 0px;
- bottom: 0px;
- overflow: hidden;
- z-index: 2;
- width: 100%;
- padding: 0 0 0 4%;
- border-top: solid 1px #e6e6e6;
- }
- .settle_box .all_check,.settle_box .total_amount {
- float: left;
- }
- .settle_box .all_check {
- width: 17%;
- margin-bottom: 0;
- margin-top: 15px
- }
- .settle_box .all_check dd {
- color: #999999;
- font-size: 12px;
- }
- .settle_box .all_check span {
- width: 20px;
- height: 20px;
- border: solid 1px #a2a2a2;
- vertical-align: middle;
- border-radius: 50%;
- float: left;
- }
- .settle_box .all_check .disabled {
- background: #e1e1e1;
- border: solid 1px #e1e1e1;
- }
- .settle_box .all_check .pitch_on {
- background: url(../img/check.png) no-repeat center center;
- border: solid 1px #ff900d;
- background-size: 22px 22px;
- }
- .settle_box .total_amount {
- color: #999;
- font-size: 14px;
- margin: 0;
- width: 50%;
- text-align: right;
- margin-top: 5px;
- padding-right: 2%;
- }
- .settle_box .total_amount dd {
- margin-top: 1px;
- clear: both;
- font-size: 0.6rem;
- }
- .settle_box .total_amount dt p {
- color: #f34347;
- font-size: 0.8rem;
- float: right;
- line-height: 20px;
- }
- .settle_box .total_amount dt p:first-letter {
- font-size: 0.6rem
- }
- .settle_box .total_amount dt {
- font-weight: initial;
- }
- .settle_box .settle_btn {
- float: right;
- width: 33%;
- background: #f34347;
- color: #fff;
- padding: 17px 0;
- text-align: center;
- font-size: 1.3rem;
- }
- #confirm_cart1 {
- display: none;
- }
- .select .pitch_on {
- background: url(../img/check.png) no-repeat center center;
- border: solid 1px #f34347;
- background-size: 22px 22px;
- }
- .account_info li {
- overflow: hidden;
- position: relative;
- border-bottom: solid 1px #eee;
- padding: 0 4%;
- line-height: 45px;
- list-style-type: none;
- }
- .account_info li .info_name {
- color: #9a9a9a;
- float: left;
- display: inline-block;
- margin-right: 5%;
- color: #333;
- font-size: 0.7rem;
- }
|