123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775776777778779780781782783784785786787788789790791792793794795796797798799800801802803804805806807808809810811812813814815816817818819820821822823824825826827828829830831832833834835836837838839840841842843844845846847848849850851852853854855856857858859860861862863864865866867868869870871872873874875876877878879880881882883884885886887888889890891892893894895896897898899900901902903904905906907908909910911912913914915916917918919920921922923924925926927928929930931932933934935936937938939940941942943944945946947948949950951952953954955956957958959960961962963964965966967968969970971972973974975976977978979980981982983984985986987988989990991992993994995996997998999100010011002100310041005100610071008100910101011101210131014101510161017101810191020102110221023102410251026102710281029103010311032103310341035103610371038103910401041104210431044104510461047104810491050105110521053105410551056105710581059106010611062106310641065106610671068106910701071107210731074107510761077107810791080108110821083108410851086108710881089109010911092109310941095109610971098109911001101110211031104110511061107110811091110111111121113111411151116111711181119112011211122112311241125112611271128112911301131113211331134113511361137113811391140114111421143114411451146114711481149115011511152115311541155115611571158115911601161116211631164116511661167116811691170117111721173117411751176117711781179118011811182118311841185118611871188118911901191119211931194119511961197119811991200120112021203120412051206120712081209121012111212121312141215121612171218121912201221122212231224122512261227122812291230123112321233123412351236123712381239124012411242124312441245124612471248124912501251125212531254125512561257125812591260126112621263126412651266126712681269127012711272127312741275127612771278127912801281128212831284128512861287128812891290129112921293129412951296129712981299130013011302130313041305130613071308130913101311131213131314131513161317131813191320132113221323132413251326132713281329133013311332133313341335133613371338133913401341134213431344134513461347134813491350135113521353135413551356135713581359136013611362136313641365136613671368136913701371137213731374137513761377137813791380138113821383138413851386138713881389139013911392139313941395139613971398139914001401140214031404140514061407140814091410141114121413141414151416141714181419142014211422142314241425142614271428142914301431143214331434143514361437143814391440144114421443144414451446144714481449145014511452145314541455145614571458145914601461146214631464146514661467146814691470147114721473147414751476147714781479148014811482148314841485148614871488148914901491149214931494149514961497149814991500150115021503150415051506150715081509151015111512151315141515151615171518151915201521152215231524152515261527152815291530153115321533153415351536153715381539154015411542154315441545154615471548154915501551155215531554155515561557155815591560156115621563156415651566156715681569157015711572157315741575157615771578157915801581158215831584158515861587158815891590159115921593159415951596159715981599160016011602160316041605160616071608160916101611161216131614161516161617161816191620162116221623162416251626162716281629163016311632163316341635163616371638163916401641164216431644164516461647164816491650165116521653165416551656165716581659166016611662166316641665166616671668166916701671167216731674167516761677167816791680168116821683168416851686168716881689169016911692169316941695169616971698169917001701170217031704170517061707170817091710171117121713171417151716171717181719172017211722172317241725172617271728172917301731173217331734173517361737173817391740174117421743174417451746174717481749175017511752175317541755175617571758175917601761176217631764176517661767176817691770177117721773177417751776177717781779178017811782178317841785178617871788178917901791179217931794179517961797179817991800180118021803180418051806180718081809181018111812181318141815181618171818181918201821182218231824182518261827182818291830183118321833183418351836183718381839184018411842184318441845184618471848184918501851185218531854185518561857185818591860186118621863186418651866186718681869187018711872187318741875187618771878187918801881188218831884188518861887188818891890189118921893189418951896189718981899190019011902190319041905190619071908190919101911191219131914191519161917191819191920192119221923192419251926192719281929193019311932193319341935193619371938193919401941194219431944194519461947194819491950195119521953195419551956195719581959196019611962196319641965196619671968196919701971197219731974197519761977197819791980198119821983198419851986198719881989199019911992199319941995199619971998199920002001200220032004200520062007200820092010201120122013201420152016201720182019202020212022202320242025202620272028202920302031203220332034203520362037203820392040204120422043204420452046204720482049205020512052205320542055205620572058205920602061206220632064206520662067206820692070207120722073207420752076207720782079208020812082208320842085208620872088208920902091209220932094209520962097209820992100210121022103210421052106210721082109211021112112211321142115211621172118211921202121212221232124212521262127212821292130213121322133213421352136213721382139214021412142214321442145214621472148214921502151215221532154215521562157215821592160216121622163216421652166216721682169217021712172217321742175217621772178217921802181218221832184218521862187218821892190219121922193219421952196219721982199220022012202220322042205220622072208220922102211221222132214221522162217221822192220222122222223222422252226222722282229223022312232223322342235223622372238223922402241224222432244224522462247224822492250225122522253225422552256225722582259226022612262226322642265226622672268226922702271227222732274227522762277227822792280228122822283228422852286228722882289229022912292229322942295229622972298229923002301230223032304230523062307230823092310231123122313231423152316231723182319232023212322232323242325232623272328232923302331233223332334233523362337233823392340234123422343234423452346234723482349235023512352235323542355235623572358235923602361236223632364236523662367236823692370237123722373237423752376237723782379238023812382238323842385238623872388238923902391239223932394239523962397239823992400240124022403240424052406240724082409241024112412241324142415241624172418241924202421242224232424242524262427242824292430243124322433243424352436243724382439244024412442244324442445244624472448244924502451245224532454245524562457245824592460246124622463246424652466246724682469247024712472247324742475247624772478247924802481248224832484248524862487248824892490249124922493249424952496249724982499250025012502250325042505250625072508250925102511251225132514251525162517251825192520252125222523252425252526252725282529253025312532253325342535253625372538253925402541254225432544254525462547254825492550255125522553255425552556255725582559256025612562256325642565256625672568256925702571257225732574257525762577257825792580258125822583258425852586258725882589259025912592259325942595259625972598259926002601260226032604260526062607260826092610261126122613261426152616261726182619262026212622262326242625262626272628262926302631263226332634263526362637263826392640264126422643264426452646264726482649265026512652265326542655265626572658265926602661266226632664266526662667266826692670267126722673267426752676267726782679268026812682268326842685268626872688268926902691269226932694269526962697269826992700270127022703270427052706270727082709271027112712271327142715271627172718 |
- /*
- * =========================================================================
- * APIClud - AUI UI 框架 流浪男 QQ:343757327 http://www.auicss.com
- * Verson 2.1
- * =========================================================================
- */
- /*初始化类*/
- @charset "UTF-8";
- html{
- font-family: "Helvetica Neue", Helvetica, sans-serif;
- font-size: 20px;
- }
- html,body {
- -webkit-touch-callout:none;
- -webkit-text-size-adjust:none;
- -webkit-tap-highlight-color:rgba(0, 0, 0, 0);
- -webkit-user-select:none;
- width: 100%;
- }
- body {
- line-height: 1.5;
- font-size: 0.8rem;
- color: #212121;
- background-color: #f5f5f5;
- outline: 0;
- }
- html,body,header,section,footer,div,ul,ol,li,img,a,span,em,del,legend,center,strong,var,fieldset,form,label,dl,dt,dd,cite,input,hr,time,mark,code,figcaption,figure,textarea,h1,h2,h3,h4,h5,h6,p{
- margin:0;
- border:0;
- padding:0;
- font-style:normal;
- }
- * {
- -webkit-box-sizing: border-box;
- box-sizing: border-box;
- -webkit-user-select: none;
- -webkit-tap-highlight-color: transparent;
- outline: none;
- }
- @media only screen and (min-width: 400px) {
- html {
- font-size: 21.33333333px !important;
- }
- }
- @media only screen and (min-width: 414px) {
- html {
- font-size: 21px !important;
- }
- }
- @media only screen and (min-width: 480px) {
- html {
- font-size: 25.6px !important;
- }
- }
- ul, li {
- list-style: none;
- }
- p {
- font-size: 0.7rem;
- color: #757575;
- }
- a {
- color: #0062cc;
- text-decoration: none;
- background-color: transparent;
- }
- textarea {
- overflow: hidden;
- resize: none;
- }
- button {
- overflow: visible;
- }
- button,select {
- text-transform: none;
- }
- button,input,select,textarea {
- font: inherit;
- color: inherit;
- }
- /*自动隐藏文字*/
- .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 {
- margin-left: 0.25rem !important;
- }
- .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;
- }
- /*文字、背景颜色*/
- h1,h2,h3,h4,h5,h6 {
- font-weight: 400;
- }
- h1 {
- font-size: 1.2rem;
- }
- h2 {
- font-size: 1rem;
- }
- h3 {
- font-size: 0.8rem;
- }
- h4 {
- font-size: 0.7rem;
- }
- h5 {
- font-size: 0.7rem;
- font-weight: normal;
- color: #757575;
- }
- h6 {
- font-size: 0.7rem;
- font-weight: normal;
- color: #757575;
- }
- h1 small,h2 small,h3 small,h4 small {
- font-weight: normal;
- line-height: 1;
- color: #757575;
- }
- h5 small,h6 small {
- font-weight: normal;
- line-height: 1;
- color: #757575;
- }
- h1 small,h2 small,h3 small {
- font-size: 65%;
- }
- h4 small,h5 small,h6 small {
- font-size: 75%;
- }
- img {
- max-width: 100%;
- display: block;
- }
- .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: 0.9rem !important;
- }
- .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: #e51c23 !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: 99;
- 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-] {
- 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.2rem 0.25rem;
- font-size: 0.6rem;
- line-height: 1;
- color: #616161;
- background-color: #dddddd;
- text-align: center;
- white-space: nowrap;
- vertical-align: middle;
- border-radius: 0.15rem;
- 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: #fff;
- }
- .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: 0.8rem;
- position: relative;
- max-width: 100%;
- color: #212121;
- }
- .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,#ffffff,#ffffff 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: 1rem 0;
- }
- .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: 0.7rem;
- position: relative;
- margin-top: 0.25rem;
- }
- .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: 1rem;
- height: 1rem;
- 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: #03a9f4;
- color: #ffffff;
- }
- .aui-title a {
- color: inherit;
- }
- .aui-bar-nav .aui-title {
- min-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;
- font-weight: bold;
- }
- .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 {
- position: fixed;
- top: auto;
- bottom: 0;
- table-layout: fixed;
- background-color: #ffffff;
- 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;
- }
- .aui-bar-tab .aui-active {
- color: #039be5;
- }
- .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: 0.6rem;
- 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%;
- background-color: #ebeced;
- 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*/
- .api-toast{
- width: 100%;
- height: 100%;
- position: fixed;
- top: 0;
- left: 0;
- background: rgba(255,255,255,1);
- }
- .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;
- padding: 0.5rem;
- margin-left: -3.75em;
- margin-top: -4rem;
- display: none;
- }
- .aui-toast .aui-iconfont {
- display: block;
- font-size: 2.6rem;
- }
- .aui-toast-content {
- font-size: 0.7rem;
- /*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: 0.45rem;
- }
- .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.25rem;
- 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-comment-box {
- background-color: #f6f6f6;
- margin-bottom: 0;
- width: 100%;
- position: fixed;
- bottom: 0;
- left: 0;
- 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);
- padding: 0.5rem;
- }
- .aui-comment-box .aui-card-list-content {
- padding: 0;
- }
- .aui-comment-box textarea {
- background: #ffffff;
- height: 4.5rem;
- padding: 0.25rem;
- border: 1px solid #eee;
- }
- .aui-comment-box .aui-card-list-header {
- padding: 0;
- }
- .aui-comment-box .aui-card-list-footer {
- padding: 0;
- min-height: 1 !important;
- }
- .aui-comment-box .aui-comment-box-confirm.aui-active {
- background-color: #03a9f4 !important;
- color: #ffffff;
- }
- /*聊天气泡*/
- .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: #212121;
- font-size: 0.7rem;
- 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;
- }
- .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-iconfont {
- position: relative;
- font-family:"aui_iconfont" !important;
- font-size: 0.7rem;
- font-style:normal;
- -webkit-font-smoothing: antialiased;
- -moz-osx-font-smoothing: grayscale;
- }
- .aui-icon-menu:before { content: "\e6eb"; }
- .aui-icon-paper:before { content: "\e6ec"; }
- .aui-icon-info:before { content: "\e6ed"; }
- .aui-icon-question:before { content: "\e6ee"; }
- .aui-icon-left:before { content: "\e6f4"; }
- .aui-icon-right:before { content: "\e6f5"; }
- .aui-icon-top:before { content: "\e6f6"; }
- .aui-icon-down:before { content: "\e6f7"; }
- .aui-icon-share:before { content: "\e700"; }
- .aui-icon-comment:before { content: "\e701"; }
- .aui-icon-edit:before { content: "\e6d3"; }
- .aui-icon-trash:before { content: "\e6d4"; }
- .aui-icon-recovery:before { content: "\e6dc"; }
- .aui-icon-refresh:before { content: "\e6dd"; }
- .aui-icon-close:before { content: "\e6d8"; }
- .aui-icon-cart:before { content: "\e6df"; }
- .aui-icon-star:before { content: "\e6e0"; }
- .aui-icon-plus:before { content: "\e6e3"; }
- .aui-icon-minus:before { content: "\e62d"; }
- .aui-icon-correct:before { content: "\e6e5"; }
- .aui-icon-search:before { content: "\e6e6"; }
- .aui-icon-gear:before { content: "\e6e8"; }
- .aui-icon-map:before { content: "\e6d2"; }
- .aui-icon-location:before { content: "\e6d1"; }
- .aui-icon-image:before { content: "\e6ce"; }
- .aui-icon-phone:before { content: "\e6c4"; }
- .aui-icon-camera:before { content: "\e6cd"; }
- .aui-icon-video:before { content: "\e6cc"; }
- .aui-icon-qq:before { content: "\e6cb"; }
- .aui-icon-wechat:before { content: "\e6c9"; }
- .aui-icon-weibo:before { content: "\e6c8"; }
- .aui-icon-note:before { content: "\e6c6"; }
- .aui-icon-mail:before { content: "\e6c5"; }
- .aui-icon-wechat-circle:before { content: "\e6ca"; }
- .aui-icon-home:before { content: "\e706"; }
- .aui-icon-forward:before { content: "\e6d9"; }
- .aui-icon-back:before { content: "\e6da"; }
- .aui-icon-laud:before { content: "\e64b"; }
- .aui-icon-lock:before { content: "\e6ef"; }
- .aui-icon-unlock:before { content: "\e62f"; }
- .aui-icon-like:before { content: "\e62b"; }
- .aui-icon-my:before { content: "\e610"; }
- .aui-icon-more:before { content: "\e625"; }
- .aui-icon-mobile:before { content: "\e697"; }
- .aui-icon-calendar:before { content: "\e68a"; }
- .aui-icon-date:before { content: "\e68c"; }
- .aui-icon-display:before { content: "\e612"; }
- .aui-icon-hide:before { content: "\e624"; }
- .aui-icon-pencil:before { content: "\e615"; }
- .aui-icon-flag:before { content: "\e6f1"; }
- .aui-icon-cert:before { content: "\e704"; }
|