From 41a1d2357b158aa5945afd8780dbc852a01314a0 Mon Sep 17 00:00:00 2001
From: "201530126012@qq.com" <22279326bbq>
Date: Thu, 10 Jan 2019 02:46:49 +0800
Subject: [PATCH] Page for Messages Display

---
 Front-end/消息列表/icon-item002.png | Bin 0 -> 4897 bytes
 Front-end/消息列表/icon-item004.png | Bin 0 -> 3783 bytes
 Front-end/消息列表/icon-item005.png | Bin 0 -> 4143 bytes
 Front-end/消息列表/index.html       |  82 +++++++
 Front-end/消息列表/style.css        | 297 ++++++++++++++++++++++++
 5 files changed, 379 insertions(+)
 create mode 100644 Front-end/消息列表/icon-item002.png
 create mode 100644 Front-end/消息列表/icon-item004.png
 create mode 100644 Front-end/消息列表/icon-item005.png
 create mode 100644 Front-end/消息列表/index.html
 create mode 100644 Front-end/消息列表/style.css

diff --git a/Front-end/消息列表/icon-item002.png b/Front-end/消息列表/icon-item002.png
new file mode 100644
index 0000000000000000000000000000000000000000..8dedbbdf9cb29dc6600ad27d9964bf9c67b221b7
GIT binary patch
literal 4897
zcmaJ_XH-+o+6C!d0V&c#2u(^zfM7z0P=bVBE%Z=CNPr+gr1uUHL8>%SiqaJ6MF9b&
zsT8TwK}0~hBHZw{`~7(Dch)**=FEEbe)c@G*E%yN*2qAIiT)Bj85tQ9N*8HDYTeFm
zT58f09>#<qHQabDE4(Sz8SiKBjUiKa!a868C=YuVj0wix$=|CNqeMnVA?9Xgg||ZM
zBOI|F()MRD(gY722~9?(q)NcqJGx`=00)eVo2N2xv#AXTaC1@yTFRqk&^S$utDEj!
zZ;a_(12f0F?v8LLpsET$iGUyxcwq4M0D{MDPagz98Tbb;g49171_J?qgy7wkfq#m!
zLK^`zvECSfyfjS85h8m9pa7SK$iuHd<s<=683+t40|!Ioq+}on88|`)0{H6!lCpU_
zIU`Jv+JEIDy(t4-@pv2p4EFQ$llGI9#(KMeA#gYxECU5Yp;Dv>DIb4Nygfn6(?{rU
z1|-JE(c2A&cf)!D&KT_-u)cU@AW7+;Q}Dq3L+k1DSD8o!0~73VV2HHL*_8ecM5F)z
zP!ErPqJ8itnE&eiS7IMCe;fvEg7LxndOMO9&ROUz6%L{4jj_jLz0I)L+kaQl$Q6sn
z`nY0o08P!aswn`((DsgQo@ayNf1uE41j^F~Z|~`dK_QiaBpzuuHz$NPR9#LTg4DbM
zlZQbdT30j_w6(Ogp-@eEm?m6HLE~>M66@&ef$_xujdl7j7WqH1XNK^=kuoDO-fnj=
zPTJmB55ON2N4Wiq7ML6yq7H}2lKABQUCW<Xr+?A%7gp|nV!<Ra;IrlZKg<315XnPl
z-G9tWdilrx7*CSty-DWonT>;xk+CGBkm_cHiElUQaAtelr~4b3E#9f|n(36ZDG{9^
z^yKFXDYcUzVrCT&iV(Tg29woAFA*dBqt%EB$BNwTko0TA>@g!Dym4tlMjdK3bfA=Y
z3A)88C%;;(-)!qin<(Aqe$N`zo!J1vO@-P;hlAg<2LY$2e#dR62fbG5k;7yP6pb*3
z`=cM`23*(dN>Va<KXmCA-n?D$5oIH7fo@f(pQ_L(O=%d>v(C^HFEYPuEpgN;{{hej
zmDaN{wDDaiWM6)$>mRAXTsMr{gjN$5aW%1fOwXGe%Lk}lj^!|9Pd?=4Pk*ejca)~T
z92=i%DPm~Emkl-coszThS1TgQqd-hy`v!*B)~Me8EW3Nx*RfVHJ_We2J`o`Y6F2aJ
zjTB4w<vc$EP3W5If~K<|kfo8`g~#SeQW=+Wxg9RNUj#jX%bM592bSGc%(VA#B!Zys
z&U{kU%06{{+YhttM;u0I=o=CS^hWO0i(Nn9$h^7IO^NE?&|gkvoy7KYu8r`s1i$+n
zlcA~C?W}JaoR|G904{wkXul3r`td7dL!z$L*jQ7wv!*CIC+M6|qlA=Ji@R3RNrtwv
zdEoVw#cegDSLyGrH%~kU&&$Hkd9t0~X$|PTF?}7LIWcR>j!(WujG=3Jv8p@Pq%bih
zj>`tBXd5?O9@_#z=2#Lh6MMc5^D4Oo{ywz+^^w3-|GPuF=R<4D?Yt8>w4Aq4wAW$p
zz1TSRv;R_~1XDMch_IN%C^-4v6%#}Axb)(_yDJl~HFGB$`S^trjFGNSpC3Q&?w8ds
zyICj{E9n9L4z4@#OpwHeUkmZy@dc*}Z(XcT0f{a)>*!7}vNo&fPSh#soPv(hFC>5*
z08i=Lz8}}W=t~6~&kJOhX1zWRNK8H-{<>EYr8|@qm_BX3x2qQ$7n*v@WOKR-2o0`B
zGAZnWg=AgJkw!Rx_uY^lcbYQl8C@V^mBlIcS1ah`i~8bA4qpW@h)>ZmIFE~NP|rai
zovN98iPM4@Bd|LZ$~I~#?8PELV>n@>1&@jZC4kQB_?9oyBr?`hgm{B~<Zzo1WjHLW
zW`Ar}^P*^ljgpXgRAOT(sSzC?B*t#85eb?!X`-p?Jc5FBuXsGQYlS0bQVt<~e#iky
z&+!)1A!m-spcHLkijS1S`Z1QT>&4*y;%eoobK1OO7oj+a<ds~>aX!fx`1;=XQ1`K$
zhwb+B@lRvol8rwpy;Ko#%um$pQWG$`aqIMf6|DxVv*DOpw;Yq8PN=vQ`DtYqG4vXp
z-4HpbbEZ*?#UD^PjSD{tqj*2UT;<DP$koTW)VyV|!JwIk%C#6wYy0M^yn?U3B!~q{
zUt^A6Sp`UGF?sv1GG6U|qj98lDJgAS2Ci*X*hBy2us3Sln&dDA5Rsl4&yi-SI7%mv
zYe^5g$grCNF;6Tw#btHci8zt$88-6$Lc-JC(yZL|orLu;kys^bYi#h81<=f5aC+?m
z?o^3ySou?aZNY=pY#0MYE{wXT;%$zXQBUYcw016UVFLS;+O3sPHAUrB*VhV5(_twQ
z0Y-+Ztg_J+ye?rtw=v7yM-MFE77X_17iV1}GEL8|=+#}D!aa|QiqFVJw$-;UF~5!w
zz9Gswod!j91@3oJV%kpwT9c^fZ-<31+uCAEZpHC84%Xi_BFfb64hp<X-^s1#@<@Br
zJ(7B!t&~=*neFkN0S$)8ye3gihR?F{4-38?sE?oc)AWT|5@pDDo+Njd{BrKw7h0=*
zbMw04qxEIq40%Bd=H$wxbK!Ntpi`3~wtc==-WJwRFO)t3U|aKQxdKCf(#77o<-4Qz
zY0CP-sa0)fl{f&^866WCc>SHcichU$?4zB<30DV)fOUb4?8tD@3fu?YAU=|})lW<u
z+aTkO%3CMj??7u0YfoejjvM+HL{c8NjbJ+qnzK&GA5pFei4pFZo2kxOHF6#1SLJes
zoj2bzIJ~aTBUeWNKSn@X6Wt5zy?#)ospdiHxHy2_=dka1uZ^r{@W5|=;*{F(BqS@f
zF!dix%W{;{)N$N7pS#lXh7XhSrcp_#hwy2Lz}N#u5klfCPHT@Y^$;5nGKrS{znRf%
zEGizN%P(Y3=+XLzEb)><xHkdX=*;}E$9`)B9-2A9+^y7^WRQ~m+cCfpuZ@z<`krD_
zxY*Z1<_=AHgF=SWh9?w=XES$Q?dwJ*I@$L>e~M1FAzofzlfTDghk4H5j|Nu?1m1_m
zSIuQ!r>2O%zzOiw-P~MsYIf(~A@FG0syxlMm_96V_7f4{e9JYp2-?JaH;W86opE@*
zB*IDkuq8-A+?cMGcvM|ZD^Q!7VMB}wuTQAd>}*hZcOxUQ1Fdylh&j+PJW0Cbk@ONp
z56zDcS52nPS2R?lm3)cx#BTp+r&bjV#f10(l!}Yy_($*zi_!cQDnEgH`O%z7#S`uW
zyeiTNm-KE?$}Y8Df0`KXWd^wycj{@HlX0P2H6cQD5{Y(#@i<$fXK5X~y))}ay--C0
z(k6u}+V8kxT2!MTiq`k=CB>ZZ#iN2Mc6~94M9SCr`+e?BA%sy}iOE#$QyPpDY!0UT
zXo!i^ctsuTb!;TX=V`+`zDPHt;5$b&#UD{q92u<KY8H6v=C@UpL94pP&S5&g;PCLu
z2hRFEnJnD%(SYXGVd7S5XE6X(g0rPvu&Gx0g?wq5TNGE^=sr_WC`QqR5#3fJ#@65=
zY;OVu9}jk4@(j4{k!P&M+P%jWwXyT17a*w3zrXI#aD}RYpivJl-lFrjk6BVM>^e9}
z2+(<0j+=w_FLB|oMGDDG=z2BPtuok01m#cB7UiYjr}@4|3)#%!Yli1qz2Nes!i1@b
zUa;M9akn2FmR3K067WID?&w_0tdwu?(00{e#IaFCX%$V8lV&|9=vzksgj=giLY>R>
zMy5M$7J#xOcf0C+nfU88*c4}BRDo^AR(){z)--}{RDH!>#O<PVlsSE2OfLUGrk3qm
z5>gmsxSI#xhS1x*Wm{Rf`=Ar;dfO{pT}R#G*6Dko%CXWSO?+RYtLQ0mE{JJ)VDC%p
z%VA#Yj<40Yb@Y_>=_<q3%|Xko8#ij`XVrql9M&fzw-uXz7hh$X|B;=-4tA;2=32>?
zEWHzVETl`;-_LklJG8~evcW165!rj3ruPL{#Y!z0yA>|G)(E2C4%_kxkCW@+0U5_|
zMm%z7ucJ;u3fcfvbxm?X^v3tiuIiekp$gB-qUdEKrwywbqCm{s<o<Jq9s6?Qzauuu
z54+i%fZ!;h&MjK7c@GO`H##r>@^auModE2^E}eH;TJ-54F4yKi4JyuN{`Qc+og$tw
z2Y{pQ&wC!l-8=tP9C|-Nba}a&H#~j5`<((USZ7;;^QU~GC4c9M`kbD;^Ra7lTI^*)
z(A6952VcY)R6@tr10FINK0p0dJx)Hm!07mt_DId<t_x9H*j+b);n9OJG-W#@gyF|M
zsWx)-PFF#+Ol9=8l7~so>xAZAV#GsxlT*<foSk+{Ges7(bz+-|Fokcb9az@WxsSi^
z@6hl#qPb-AOnz+*Uo~0Aqt&lO;>rqn>Nu^b@BNe!Tq^#|yt#2}<z>=2j+J({RqxA$
zFqH}SP#o<2+PmnnwH+3EMZKdd#8^7f`>gCa%<XTSW-$y64O1|c+G`JxLbDGz$Qd?2
zQN6ds4ZXUPVoWoq86_*0Ly0ypd2lMDTK38}Z!FKtxy+eIa4mU`!@x8?JAjVrfd;jo
z3(}72ID}jE#XAboca05Bfvx35c3^d|0D2X{EJQvUV%7ACc46US(5uN|D>pZnFRrmn
zebOIp%=a{Zz96G&I$0^HZX3Um?X76xvHW#un<?0rx7nHXL{P%Kc44>SJK8~%R@@)2
zRXj^c<Og^WxQ^y9sVV6iK1Zt;Ze7k-LAJz3(EHbC^_(uWQtk=SRg<=j+Nj5lMdR7P
znbcz56hQDmY4E%IR6mSf4`VlmFr2W6*q4zp$F`daP4|LByP}~br3Y!GPiAapas7oT
zH<`+8rG%|ntVdXh`~g+pv~9LoTe5>^-S@{e47+*|zv_e`MsNW89=kso_NUf7-HBt1
zVp@}}^2IOW%HbY}cjbI6@ehi>3q~bYiD-V-(ijj|eBlc%Y!XO&)fN_EGf)AxSX_N%
zN|*NiB4gAwg_o<koZn8$uBK5I<QUJ8`<myg+6|8i`}hX4N}w`$ZVpXx<Wxp>eEe}~
zJ5Le`r@2g=95npeh78%y4XcAz@5d%4roG7$rsfiOLTjbZDa0L+Y&~aEMB<ySU{J{}
zY*&#ao+s_`f4vHt2qG)i2F{T+Ep@CaeIzVpP-HEK2hs<%he>YO3j0U#i;Z>A(#L@)
z?*Q}C@+C7mFCpv}?9$wg3_NjpGWbec{sw-YX}x)-*yJ&-#Rlo|?tS%uh}64ZmF@te
zHZM2ma)t5(y{E!{Fzz#HdQVoH<7e*uW+3K7CojQ&a>nrbF)t}=COwmEHvM(Un1I!r
z=T9%F%5Apc`TFary$aKybIGj};aFwDdH)R&?@4IR0rNqEVs>z)*VQsqiw^7Qm-eK7
zqz#YVL*=2zGb?kC)L-wZY*HMZIIRDAJ2;_$O56RY9xQrwitSCVy3oz<Kf?qmKI>Ps
zW`K5%(-CU^`8TxnjGj81fUDTN<_ZQprkRuND{3@(%_X+OVFgXBWrK|3DB5q|ZdA?I
z?DY9sPFM-iYASP~xZ;W~)1nlZ=$T-RT`FZVu)-C|Vbx8^>?gsnaiiofpuPOo4qw~h
z)aQQK7Y+BZmUreI*<Y4>GpW*xWJ&1}JqOBS=1qRZM;lHCN#hki8EHIDgJ--SY011_
z8i>hfYBE+gVL?30EBzJstkV3`kb757q}<bXCn!ux>t;Pr=aiu+uWWfK>t5=o@Z~$p
z&xM5RGDs&On$EnCwWV?+D9kbIXZ+Od>B@z|r6+_ynM09MnvLANgd*WOmjMenECznS
z>r)Ha^E0md-tQ`e;c(ig*D_(@HGq{gXU)Vs`zkGuknPkMAf3&)4Ks@k&9Mjl{ro<l
zqxa8Wd|*i0G#~v~o|QFi&Cl=4nP-enFnze)>9~yV7j+sni_vC@iv>O6PS@2xJUc~d
zjsK?1c8{oeLd{Xrj-Vqj2KOOHE;wii0Ax#0Y29&Fs2`Ep<jSxy*EO8W3%pFPl|Mhj
z;74iLC@NjQ;^)=YOE(!MEc-ACdcx~wY_gg6JcMnp3o-pDx6-F`-?J0vs*o#83HOzo
d`gKahMP@B4X&0;vm^}Mwh0-!WKG(1d`wtcMvlajV

literal 0
HcmV?d00001

diff --git a/Front-end/消息列表/icon-item004.png b/Front-end/消息列表/icon-item004.png
new file mode 100644
index 0000000000000000000000000000000000000000..903d00b95b2326481a0f0680b3dd4c3e05faff40
GIT binary patch
literal 3783
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

literal 0
HcmV?d00001

diff --git a/Front-end/消息列表/icon-item005.png b/Front-end/消息列表/icon-item005.png
new file mode 100644
index 0000000000000000000000000000000000000000..3804535102dc8f03d5dad513352c29b0434b8273
GIT binary patch
literal 4143
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
A+5i9m

literal 0
HcmV?d00001

diff --git a/Front-end/消息列表/index.html b/Front-end/消息列表/index.html
new file mode 100644
index 0000000..eacc0db
--- /dev/null
+++ b/Front-end/消息列表/index.html
@@ -0,0 +1,82 @@
+<!DOCTYPE html>
+<html>
+    <head>
+        <meta charset="UTF-8">
+        <title>消息中心</title>
+        <meta content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=0" name="viewport"/>
+        <meta content="yes" name="apple-mobile-web-app-capable"/>
+        <meta content="black" name="apple-mobile-web-app-status-bar-style"/>
+        <meta content="telephone=no" name="format-detection"/>
+        <link href="style.css"  rel="stylesheet" type="text/css"/>
+    </head>
+    <body>
+
+      
+
+        <section class="aui-flexView">
+            <header class="aui-navBar aui-navBar-fixed">
+                <a href="javascript:;" class="aui-navBar-item">
+                    <i class="icon icon-return"></i>
+                </a>
+                <div class="aui-center">
+                    <span class="aui-center-title">消息中心</span>
+                </div>
+                <a href="javascript:;" class="aui-navBar-item">
+                    <i class="icon icon-member"></i>
+                </a>
+            </header>
+            <section class="aui-scrollView">
+                <div class="aui-layout">
+                    <a href="javascript:void(0);" class="aui-layout-item">
+                        <div class="aui-layout-item-img">
+                            <img src="icon-item005.png" >
+                        </div>
+                        <div class="aui-layout-item-text">
+                            <h4>消息提醒</h4>
+                            <p>这里是消息内容</p>
+                        </div>
+                    </a>
+                    <a href="javascript:void(0);" class="aui-layout-item">
+                        <div class="aui-layout-item-img">
+                            <img src="icon-item002.png">
+                        </div>
+                        <div class="aui-layout-item-text">
+                            <h4>客服</h4>
+                            <p>这里是客服消息</p>
+                        </div>
+                    </a>
+                    <a href="javascript:void(0);" class="aui-layout-item">
+                        <div class="aui-layout-item-img">
+                            <img src="icon-item005.png" >
+                        </div>
+                        <div class="aui-layout-item-text">
+                            <h4>消息提醒</h4>
+                            <p>这是内容</p>
+                        </div>
+                    </a>
+                    <a href="javascript:void(0);" class="aui-layout-item">
+                        <div class="aui-layout-item-img">
+                            <img src="icon-item004.png" >
+                        </div>
+                        <div class="aui-layout-item-text">
+                            <h4>互动消息</h4>
+                            <p>XXXXX</p>
+                        </div>
+                    </a>
+                    <a href="javascript:void(0);" class="aui-layout-item">
+                        <div class="aui-layout-item-img">
+                            <img src="icon-item005.png">
+                        </div>
+                        <div class="aui-layout-item-text">
+                            <h4>通知消息</h4>
+                            <p>XXXX </p>
+                        </div>
+                    </a>
+                    
+                    
+                    
+                </div>
+            </section>
+        </section>
+    </body>
+</html>
diff --git a/Front-end/消息列表/style.css b/Front-end/消息列表/style.css
new file mode 100644
index 0000000..79cb71e
--- /dev/null
+++ b/Front-end/消息列表/style.css
@@ -0,0 +1,297 @@
+/* 公共样式表css */
+html,body {
+    color: #333;
+    margin: 0;
+    height: 100%;
+    font-family: "Myriad Set Pro","Helvetica Neue",Helvetica,Arial,Verdana,sans-serif;
+    -webkit-font-smoothing: antialiased;
+    -moz-osx-font-smoothing: grayscale;
+    font-weight: normal;
+}
+
+* {
+    -webkit-box-sizing: border-box;
+    -moz-box-sizing: border-box;
+    box-sizing: border-box;
+}
+
+a, label, button, input, select {
+    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
+}
+
+a {
+    text-decoration: none;
+    color: #000;
+}
+
+img {
+    border: 0;
+}
+
+body {
+    background: #fff;
+    color: #666;
+}
+
+html, body, div, dl, dt, dd, ol, ul, li, h1, h2, h3, h4, h5, h6, p, blockquote, pre, button, fieldset, form, input, legend, textarea, th, td {
+    margin: 0;
+    padding: 0;
+}
+
+a {
+    text-decoration: none;
+    color: #08acee;
+}
+
+button {
+    outline: 0;
+}
+
+img {
+    border: 0;
+}
+
+button,input,optgroup,select,textarea {
+    margin: 0;
+    font: inherit;
+    color: inherit;
+    outline: none;
+}
+
+li {
+    list-style: none;
+}
+
+a {
+    color: #666;
+}
+
+.clearfix::after {
+    clear: both;
+    content: ".";
+    display: block;
+    height: 0;
+    visibility: hidden;
+}
+
+.clearfix {
+}
+
+/* 必要布局样式css */
+.aui-flexView {
+    width: 100%;
+    height: 100%;
+    margin: 0 auto;
+    display: -webkit-box;
+    display: -webkit-flex;
+    display: -ms-flexbox;
+    display: flex;
+    -webkit-box-orient: vertical;
+    -webkit-box-direction: normal;
+    -webkit-flex-direction: column;
+    -ms-flex-direction: column;
+    flex-direction: column;
+}
+
+.aui-navBar {
+    height: 44px;
+    position: relative;
+    display: -webkit-box;
+    display: -webkit-flex;
+    display: -ms-flexbox;
+    display: flex;
+    background-color: rgba(255, 255, 255, 0.98);
+}
+
+.aui-navBar:after {
+    content: '';
+    position: absolute;
+    z-index: 2;
+    bottom: 0;
+    left: 0;
+    width: 100%;
+    height: 1px;
+    border-bottom: 1px solid #B2B2B2;
+    -webkit-transform: scaleY(0.5);
+    transform: scaleY(0.5);
+    -webkit-transform-origin: 0 100%;
+    transform-origin: 0 100%;
+}
+
+.aui-scrollView {
+    width: 100%;
+    height: 100%;
+    -webkit-box-flex: 1;
+    -webkit-flex: 1;
+    -ms-flex: 1;
+    flex: 1;
+    overflow-y: auto;
+    overflow-x: hidden;
+    -webkit-overflow-scrolling: touch;
+    position: relative;
+    margin-bottom: -1px;
+}
+
+.aui-navBar-item {
+    height: 44px;
+    min-width: 25%;
+    -webkit-box-flex: 0;
+    -webkit-flex: 0 0 25%;
+    -ms-flex: 0 0 25%;
+    flex: 0 0 25%;
+    padding: 0 0.9rem;
+    display: -webkit-box;
+    display: -webkit-flex;
+    display: -ms-flexbox;
+    display: flex;
+    -webkit-box-align: center;
+    -webkit-align-items: center;
+    -ms-flex-align: center;
+    align-items: center;
+    font-size: 0.3rem;
+    white-space: nowrap;
+    overflow: hidden;
+    color: #5C5C5C;
+}
+
+.aui-navBar-item:first-child {
+    -webkit-box-ordinal-group: 2;
+    -webkit-order: 1;
+    -ms-flex-order: 1;
+    order: 1;
+    margin-right: -25%;
+}
+
+.aui-navBar-item:last-child {
+    -webkit-box-ordinal-group: 4;
+    -webkit-order: 3;
+    -ms-flex-order: 3;
+    order: 3;
+    -webkit-box-pack: end;
+    -webkit-justify-content: flex-end;
+    -ms-flex-pack: end;
+    justify-content: flex-end;
+}
+
+.aui-center {
+    -webkit-box-ordinal-group: 3;
+    -webkit-order: 2;
+    -ms-flex-order: 2;
+    order: 2;
+    display: -webkit-box;
+    display: -webkit-flex;
+    display: -ms-flexbox;
+    display: flex;
+    -webkit-box-pack: center;
+    -webkit-justify-content: center;
+    -ms-flex-pack: center;
+    justify-content: center;
+    -webkit-box-align: center;
+    -webkit-align-items: center;
+    -ms-flex-align: center;
+    align-items: center;
+    height: 44px;
+    width: 50%;
+    margin-left: 25%;
+}
+
+.icon {
+    width: 20px;
+    height: 20px;
+    display: block;
+    border: none;
+    float: left;
+    background-size: 20px;
+    background-repeat: no-repeat;
+}
+
+.icon-return {
+    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8CAYAAAA6/NlyAAACf0lEQVRoQ93bwYrUQBAA0Kokw+BNhMEVggruZRkIMfmB+YXFw85FQf0Ff8Nv0IvoQVDxA2RZQS/dk4X5AA8e1pOeB6ZLeplAwBkn6aS7q6dPgaSSflQnFBUagfnI8/xmHMcfAGBGRD+UUqdVVVWm00bTQBdxG+wXAMjr523QD6uq+mMyB7bgbdgG+qmU8vXBgP+H3SBPhRAfDwK8D0tE51LKmQlWx7Ba0i2wl0qpmen7ywrsAssG7ArLAuwS6x3sGusV7APrDewL6wXsE+sc7BvrFMwB6wzMBesEzAlrHcwNaxXMEWsNzBVrBcwZOziYO3ZQcAjYwcChYAcBh4TtDQ4N2wscItYYrLFRFF0i4t1t7VIi6t1dNG3D7oszatOWZXkFALcbfwKuDxEROGONMpxl2TxJkrca1xxEdI0lol59430Z6nu+c4aLojhDxHc7HvxJCPEIANZ9J2YrvjM4TdMbk8nkZxRFt3ZM6r0QYs4V3RmskdPp9Gg8HktEvBMa2gjcQF8g4nFIaGNwqOhe4BDRvcEd0GcAoGx9fdvedxBwGzQRvZFSPvGNHgzcQH9HxHs7Sk7v6EHBGpllWZokyVeu6MHB3NFWwJzR1sBc0VbBHNHWwdzQTsAd0I8BgNoWESbXOQO3RL+SUj63iXYKrtGj0egbAKQ7ihOraOdgjczz/H4cxxc+0F7APtHewL7QXsE+0N7BrtEswC7RbMAd0M9MCo46hhW4DRoAXgohXpii2YEbaF2cHG2DrddrvY3HaO8SS7BGFkVxjIi6OPkHTUSHtY2nzuo2NBH9Xq1WJ8vl8pfJsmab4RpTluUDIvqMiCcAcKWUmi8Wi3MTrI75C5IXV1vJTA+EAAAAAElFTkSuQmCC');
+}
+
+.icon-member {
+    background-image: url('data:image/png;base64,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');
+}
+
+.aui-center-title {
+    text-align: center;
+    width: 100%;
+    white-space: nowrap;
+    overflow: hidden;
+    display: block;
+    text-overflow: ellipsis;
+    font-size: 0.9rem;
+    color: #232326;
+}
+
+.aui-layout-item {
+    display: -webkit-box;
+    display: -webkit-flex;
+    display: flex;
+    -webkit-box-align: center;
+    -webkit-align-items: center;
+    align-items: center;
+    padding: 15px;
+    position: relative;
+    color: #000000;
+    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
+}
+
+.aui-layout-item-img {
+    margin-right: .8em;
+    width: 45px;
+    height: 45px;
+    line-height: 45px;
+    text-align: center;
+}
+
+.aui-layout-item-img img {
+    width: 45px;
+    height: 45px;
+    vertical-align: top;
+}
+
+.aui-layout-item-text p {
+    color: #808080;
+    font-size: 13px;
+    line-height: 1.2;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    display: -webkit-box;
+    -webkit-box-orient: vertical;
+    -webkit-line-clamp: 1;
+}
+
+.aui-layout-item-text {
+    -webkit-box-flex: 1;
+    -webkit-flex: 1;
+    flex: 1;
+    min-width: 0;
+}
+
+.aui-layout-item-text h4 {
+    color: #333;
+    font-size: 1rem;
+    margin-bottom: 5px;
+    font-weight: normal;
+}
+
+.aui-layout-item-text p {
+    color: #999999;
+    font-size: 0.8rem;
+}
+
+.aui-layout-item:after {
+    content: " ";
+    position: absolute;
+    left: 20px;
+    bottom: 0;
+    right: 0;
+    height: 1px;
+    border-bottom: 1px solid #E5E5E5;
+    color: #E5E5E5;
+    -webkit-transform-origin: 0 100%;
+    transform-origin: 0 100%;
+    -webkit-transform: scaleY(0.5);
+    transform: scaleY(0.5);
+}