6 Star 0 Fork 0

NFUNM034/ui_team_final

加入 Gitee
与超过 1200万 开发者一起发现、参与优秀开源项目,私有仓库也完全免费 :)
免费加入
文件
该仓库未声明开源许可证文件(LICENSE),使用请关注具体项目描述及其代码上游依赖。
克隆/下载
设计规范.html 140.23 KB
一键复制 编辑 原始数据 按行查看 历史
NFUNM034 提交于 2020-07-06 21:51 . 更新原型源文件
123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775776777778779780781782783784785786787788789790791792793794795796797798799800801802803804805806807808809810811812813814815816817818819820821822823824825826827828829830831832833834835836837838839840841842843844845846847848849850851852853854855856857858859860861862863864865866867868869870871872873874875876877878879880881882883884885886887888889890891892893894895896897898899900901902903904905906907908909910911912913914915916917918919920921922923924925926927928929930931932933934935936937938939940941942943944945946947948949950951952953954955956957958959960961962963964965966967968969970971972973974975976977978979980981982983984985986987988989990991992993994995996997998999100010011002100310041005100610071008100910101011101210131014101510161017101810191020102110221023102410251026102710281029103010311032103310341035103610371038103910401041104210431044104510461047104810491050105110521053105410551056105710581059106010611062106310641065106610671068106910701071107210731074107510761077107810791080108110821083108410851086108710881089109010911092109310941095109610971098109911001101110211031104110511061107110811091110111111121113111411151116111711181119112011211122112311241125112611271128112911301131113211331134113511361137113811391140114111421143114411451146114711481149115011511152115311541155115611571158115911601161116211631164116511661167116811691170117111721173117411751176117711781179118011811182118311841185118611871188118911901191119211931194119511961197119811991200120112021203120412051206120712081209121012111212121312141215121612171218121912201221122212231224122512261227122812291230123112321233123412351236123712381239124012411242124312441245124612471248124912501251125212531254125512561257125812591260126112621263126412651266126712681269127012711272127312741275127612771278127912801281128212831284128512861287128812891290129112921293129412951296129712981299130013011302130313041305130613071308130913101311131213131314131513161317131813191320132113221323132413251326132713281329133013311332133313341335133613371338133913401341134213431344134513461347134813491350135113521353135413551356135713581359136013611362136313641365136613671368136913701371137213731374137513761377137813791380138113821383138413851386138713881389139013911392139313941395139613971398139914001401140214031404140514061407140814091410141114121413141414151416141714181419142014211422142314241425142614271428142914301431143214331434143514361437143814391440144114421443144414451446144714481449145014511452145314541455145614571458145914601461146214631464146514661467146814691470147114721473147414751476147714781479148014811482148314841485148614871488148914901491149214931494149514961497149814991500150115021503150415051506150715081509151015111512151315141515151615171518151915201521152215231524152515261527152815291530153115321533153415351536153715381539154015411542154315441545154615471548154915501551155215531554155515561557155815591560156115621563156415651566156715681569157015711572157315741575157615771578157915801581158215831584158515861587158815891590159115921593159415951596159715981599160016011602160316041605160616071608160916101611161216131614161516161617161816191620162116221623162416251626162716281629163016311632163316341635163616371638163916401641164216431644164516461647164816491650165116521653165416551656165716581659166016611662166316641665166616671668166916701671167216731674167516761677167816791680168116821683168416851686168716881689169016911692169316941695169616971698169917001701170217031704170517061707170817091710171117121713171417151716171717181719172017211722172317241725172617271728172917301731173217331734173517361737173817391740174117421743174417451746174717481749175017511752175317541755175617571758175917601761176217631764176517661767176817691770177117721773177417751776177717781779178017811782178317841785178617871788178917901791179217931794179517961797179817991800180118021803180418051806180718081809181018111812181318141815181618171818181918201821182218231824182518261827182818291830183118321833183418351836183718381839184018411842184318441845184618471848184918501851185218531854185518561857185818591860186118621863186418651866186718681869187018711872187318741875187618771878187918801881188218831884188518861887188818891890189118921893189418951896189718981899190019011902190319041905190619071908190919101911191219131914191519161917191819191920192119221923192419251926192719281929193019311932193319341935193619371938193919401941194219431944194519461947194819491950195119521953195419551956195719581959196019611962196319641965196619671968196919701971197219731974197519761977197819791980198119821983198419851986198719881989199019911992199319941995199619971998199920002001200220032004200520062007200820092010201120122013201420152016201720182019202020212022202320242025202620272028202920302031203220332034203520362037203820392040204120422043204420452046204720482049205020512052205320542055205620572058205920602061206220632064206520662067206820692070207120722073207420752076207720782079208020812082208320842085208620872088208920902091209220932094209520962097209820992100210121022103210421052106210721082109211021112112211321142115211621172118211921202121212221232124212521262127212821292130213121322133213421352136213721382139214021412142214321442145214621472148214921502151215221532154215521562157215821592160216121622163216421652166216721682169217021712172217321742175217621772178217921802181218221832184218521862187218821892190219121922193219421952196219721982199220022012202220322042205220622072208220922102211221222132214221522162217221822192220222122222223222422252226222722282229223022312232223322342235223622372238223922402241224222432244224522462247224822492250225122522253225422552256225722582259226022612262226322642265226622672268226922702271227222732274227522762277227822792280228122822283228422852286228722882289229022912292229322942295229622972298229923002301230223032304230523062307230823092310231123122313231423152316231723182319232023212322232323242325232623272328232923302331233223332334233523362337233823392340234123422343234423452346234723482349235023512352235323542355235623572358235923602361236223632364236523662367236823692370237123722373237423752376237723782379238023812382238323842385238623872388238923902391239223932394239523962397239823992400240124022403240424052406240724082409241024112412241324142415241624172418241924202421242224232424242524262427242824292430243124322433243424352436243724382439244024412442244324442445244624472448244924502451245224532454245524562457245824592460246124622463246424652466246724682469247024712472247324742475247624772478247924802481248224832484248524862487248824892490249124922493249424952496249724982499250025012502250325042505250625072508250925102511251225132514251525162517251825192520252125222523252425252526252725282529253025312532253325342535253625372538253925402541254225432544254525462547254825492550255125522553255425552556255725582559256025612562256325642565256625672568256925702571257225732574257525762577257825792580258125822583258425852586258725882589259025912592259325942595259625972598259926002601260226032604260526062607260826092610261126122613261426152616261726182619262026212622262326242625262626272628262926302631263226332634263526362637263826392640264126422643264426452646264726482649265026512652265326542655265626572658265926602661266226632664266526662667266826692670267126722673267426752676267726782679268026812682268326842685268626872688268926902691269226932694269526962697269826992700270127022703270427052706270727082709271027112712271327142715271627172718271927202721272227232724272527262727272827292730273127322733273427352736273727382739274027412742274327442745274627472748274927502751275227532754275527562757275827592760276127622763276427652766276727682769277027712772277327742775277627772778277927802781278227832784278527862787278827892790279127922793279427952796279727982799280028012802280328042805280628072808280928102811281228132814281528162817281828192820282128222823282428252826282728282829283028312832283328342835283628372838283928402841284228432844284528462847284828492850285128522853285428552856285728582859286028612862286328642865286628672868286928702871287228732874287528762877287828792880288128822883288428852886288728882889289028912892289328942895289628972898289929002901290229032904290529062907290829092910291129122913291429152916291729182919292029212922292329242925292629272928292929302931293229332934293529362937293829392940294129422943294429452946294729482949295029512952295329542955295629572958295929602961296229632964296529662967296829692970297129722973297429752976297729782979298029812982298329842985298629872988298929902991299229932994299529962997299829993000300130023003300430053006300730083009301030113012301330143015301630173018301930203021302230233024302530263027302830293030303130323033303430353036303730383039304030413042304330443045304630473048304930503051305230533054305530563057305830593060306130623063306430653066306730683069307030713072307330743075307630773078307930803081308230833084308530863087308830893090309130923093309430953096309730983099310031013102310331043105310631073108310931103111311231133114311531163117311831193120312131223123312431253126312731283129313031313132313331343135313631373138313931403141314231433144314531463147314831493150315131523153315431553156315731583159316031613162316331643165316631673168316931703171317231733174317531763177317831793180318131823183318431853186318731883189319031913192319331943195319631973198319932003201320232033204320532063207320832093210321132123213321432153216321732183219322032213222322332243225322632273228322932303231323232333234323532363237323832393240324132423243324432453246324732483249325032513252325332543255325632573258325932603261326232633264326532663267326832693270327132723273327432753276327732783279328032813282328332843285328632873288328932903291329232933294329532963297329832993300330133023303330433053306330733083309331033113312331333143315331633173318331933203321332233233324332533263327332833293330333133323333333433353336333733383339334033413342334333443345334633473348334933503351335233533354335533563357335833593360336133623363336433653366336733683369337033713372337333743375337633773378337933803381338233833384338533863387338833893390339133923393339433953396339733983399340034013402340334043405340634073408340934103411341234133414341534163417341834193420342134223423342434253426342734283429343034313432343334343435343634373438343934403441344234433444344534463447344834493450345134523453345434553456345734583459346034613462346334643465346634673468346934703471347234733474347534763477347834793480348134823483348434853486348734883489349034913492349334943495349634973498349935003501350235033504350535063507350835093510351135123513351435153516351735183519352035213522352335243525352635273528352935303531353235333534353535363537353835393540354135423543354435453546354735483549355035513552355335543555355635573558355935603561356235633564356535663567356835693570357135723573357435753576357735783579358035813582358335843585358635873588358935903591359235933594359535963597359835993600360136023603360436053606360736083609361036113612361336143615361636173618361936203621362236233624362536263627362836293630363136323633363436353636363736383639364036413642364336443645364636473648364936503651365236533654365536563657365836593660366136623663366436653666366736683669367036713672367336743675367636773678367936803681368236833684368536863687368836893690369136923693369436953696369736983699370037013702370337043705370637073708370937103711371237133714371537163717371837193720372137223723372437253726372737283729373037313732373337343735373637373738373937403741374237433744374537463747374837493750375137523753375437553756375737583759376037613762376337643765376637673768376937703771377237733774377537763777377837793780378137823783378437853786378737883789379037913792379337943795379637973798379938003801380238033804380538063807380838093810381138123813381438153816381738183819382038213822382338243825382638273828382938303831383238333834383538363837383838393840384138423843384438453846384738483849385038513852385338543855385638573858385938603861386238633864386538663867386838693870387138723873387438753876387738783879388038813882388338843885388638873888388938903891389238933894389538963897389838993900390139023903390439053906390739083909391039113912391339143915391639173918391939203921392239233924392539263927392839293930393139323933393439353936393739383939394039413942394339443945394639473948394939503951395239533954395539563957395839593960396139623963396439653966396739683969397039713972397339743975397639773978397939803981398239833984398539863987398839893990399139923993399439953996399739983999400040014002400340044005400640074008400940104011401240134014401540164017401840194020402140224023402440254026402740284029403040314032403340344035403640374038403940404041404240434044404540464047404840494050405140524053405440554056405740584059406040614062406340644065406640674068406940704071407240734074407540764077407840794080408140824083408440854086408740884089409040914092409340944095409640974098409941004101410241034104410541064107410841094110411141124113411441154116411741184119412041214122412341244125412641274128412941304131413241334134413541364137413841394140414141424143414441454146414741484149415041514152415341544155415641574158415941604161416241634164416541664167416841694170417141724173417441754176417741784179418041814182418341844185418641874188418941904191419241934194419541964197419841994200420142024203420442054206420742084209421042114212421342144215421642174218421942204221422242234224422542264227422842294230423142324233423442354236423742384239424042414242424342444245424642474248424942504251425242534254425542564257425842594260426142624263426442654266426742684269427042714272427342744275427642774278427942804281428242834284428542864287428842894290429142924293429442954296429742984299430043014302430343044305430643074308430943104311431243134314431543164317431843194320432143224323432443254326432743284329433043314332433343344335
<!DOCTYPE html>
<html>
<head>
<title>设计规范</title>
<meta http-equiv="X-UA-Compatible" content="IE=edge"/>
<meta http-equiv="content-type" content="text/html; charset=utf-8"/>
<meta name="apple-mobile-web-app-capable" content="yes"/>
<link href="resources/css/jquery-ui-themes.css" type="text/css" rel="stylesheet"/>
<link href="resources/css/axure_rp_page.css" type="text/css" rel="stylesheet"/>
<link href="data/styles.css" type="text/css" rel="stylesheet"/>
<link href="files/设计规范/styles.css" type="text/css" rel="stylesheet"/>
<script src="resources/scripts/jquery-1.7.1.min.js"></script>
<script src="resources/scripts/jquery-ui-1.8.10.custom.min.js"></script>
<script src="resources/scripts/prototypePre.js"></script>
<script src="data/document.js"></script>
<script src="resources/scripts/prototypePost.js"></script>
<script src="files/设计规范/data.js"></script>
<script type="text/javascript">
$axure.utils.getTransparentGifPath = function() { return 'resources/images/transparent.gif'; };
$axure.utils.getOtherPath = function() { return 'resources/Other.html'; };
$axure.utils.getReloadPath = function() { return 'resources/reload.html'; };
</script>
</head>
<body>
<div id="base" class="">
<!-- Unnamed (组合) -->
<div id="u0" class="ax_default" data-left="191" data-top="2130" data-width="939" data-height="1842">
<!-- Unnamed (图片) -->
<div id="u1" class="ax_default _图片_">
<img id="u1_img" class="img " src="images/设计规范/u1.png"/>
</div>
<!-- Unnamed (矩形) -->
<div id="u2" class="ax_default box_2">
<div id="u2_div" class=""></div>
</div>
</div>
<!-- Unnamed (组合) -->
<div id="u3" class="ax_default" data-left="191" data-top="181" data-width="939" data-height="1842">
<!-- Unnamed (图片) -->
<div id="u4" class="ax_default _图片_">
<img id="u4_img" class="img " src="images/设计规范/u1.png"/>
</div>
<!-- Unnamed (矩形) -->
<div id="u5" class="ax_default box_2">
<div id="u5_div" class=""></div>
</div>
<!-- Unnamed (矩形) -->
<div id="u6" class="ax_default box_2">
<div id="u6_div" class=""></div>
</div>
<!-- Unnamed (矩形) -->
<div id="u7" class="ax_default box_2">
<div id="u7_div" class=""></div>
</div>
<!-- Unnamed (矩形) -->
<div id="u8" class="ax_default box_2">
<div id="u8_div" class=""></div>
</div>
<!-- Unnamed (矩形) -->
<div id="u9" class="ax_default box_2">
<div id="u9_div" class=""></div>
</div>
</div>
<!-- Unnamed (矩形) -->
<div id="u10" class="ax_default _三级标题">
<div id="u10_div" class=""></div>
<div id="u10_text" class="text ">
<p><span>iOS 750*1334px</span></p>
</div>
</div>
<!-- Unnamed (组合) -->
<div id="u11" class="ax_default" data-left="1249" data-top="475" data-width="751" data-height="88">
<!-- Unnamed (矩形) -->
<div id="u12" class="ax_default box_3">
<div id="u12_div" class=""></div>
</div>
<!-- Unnamed (图片) -->
<div id="u13" class="ax_default _图片_">
<img id="u13_img" class="img " src="images/设计规范/u13.png"/>
</div>
<!-- Unnamed (图片) -->
<div id="u14" class="ax_default _图片_">
<img id="u14_img" class="img " src="images/设计规范/u13.png"/>
</div>
</div>
<!-- Unnamed (矩形) -->
<div id="u15" class="ax_default label">
<div id="u15_div" class=""></div>
<div id="u15_text" class="text ">
<p><span>30px</span></p>
</div>
</div>
<!-- Unnamed (矩形) -->
<div id="u16" class="ax_default label">
<div id="u16_div" class=""></div>
<div id="u16_text" class="text ">
<p><span>14px</span></p>
</div>
</div>
<!-- Unnamed (矩形) -->
<div id="u17" class="ax_default label">
<div id="u17_div" class=""></div>
<div id="u17_text" class="text ">
<p><span>14px</span></p>
</div>
</div>
<!-- Unnamed (矩形) -->
<div id="u18" class="ax_default label">
<div id="u18_div" class=""></div>
<div id="u18_text" class="text ">
<p><span>60px</span></p>
</div>
</div>
<!-- Unnamed (矩形) -->
<div id="u19" class="ax_default label">
<div id="u19_div" class=""></div>
<div id="u19_text" class="text ">
<p><span>30px</span></p>
</div>
</div>
<!-- Unnamed (矩形) -->
<div id="u20" class="ax_default label">
<div id="u20_div" class=""></div>
<div id="u20_text" class="text ">
<p><span>14px</span></p>
</div>
</div>
<!-- Unnamed (矩形) -->
<div id="u21" class="ax_default label">
<div id="u21_div" class=""></div>
<div id="u21_text" class="text ">
<p><span>14px</span></p>
</div>
</div>
<!-- Unnamed (矩形) -->
<div id="u22" class="ax_default label">
<div id="u22_div" class=""></div>
<div id="u22_text" class="text ">
<p><span>60px</span></p>
</div>
</div>
<!-- Unnamed (矩形) -->
<div id="u23" class="ax_default label">
<div id="u23_div" class=""></div>
<div id="u23_text" class="text ">
<p><span>标题文字</span></p>
</div>
</div>
<!-- Unnamed (矩形) -->
<div id="u24" class="ax_default label">
<div id="u24_div" class=""></div>
<div id="u24_text" class="text ">
<p><span>25px</span></p>
</div>
</div>
<!-- Unnamed (矩形) -->
<div id="u25" class="ax_default label">
<div id="u25_div" class=""></div>
<div id="u25_text" class="text ">
<p><span>25px</span></p>
</div>
</div>
<!-- Unnamed (矩形) -->
<div id="u26" class="ax_default box_1">
<div id="u26_div" class=""></div>
</div>
<!-- Unnamed (图片) -->
<div id="u27" class="ax_default _图片_ ax_default_hidden" style="display:none; visibility: hidden">
<img id="u27_img" class="img " src="images/设计规范/u27.png"/>
</div>
<!-- Unnamed (图片) -->
<div id="u28" class="ax_default _图片_ ax_default_hidden" style="display:none; visibility: hidden">
<img id="u28_img" class="img " src="images/设计规范/u28.png"/>
</div>
<!-- Unnamed (图片) -->
<div id="u29" class="ax_default _图片_ ax_default_hidden" style="display:none; visibility: hidden">
<img id="u29_img" class="img " src="images/设计规范/u28.png"/>
</div>
<!-- Unnamed (图片) -->
<div id="u30" class="ax_default _图片_ ax_default_hidden" style="display:none; visibility: hidden">
<img id="u30_img" class="img " src="images/设计规范/u28.png"/>
</div>
<!-- Unnamed (图片) -->
<div id="u31" class="ax_default _图片_">
<img id="u31_img" class="img " src="images/设计规范/u31.png"/>
</div>
<!-- Unnamed (图片) -->
<div id="u32" class="ax_default _图片_">
<img id="u32_img" class="img " src="images/设计规范/u32.png"/>
</div>
<!-- Unnamed (图片) -->
<div id="u33" class="ax_default _图片_">
<img id="u33_img" class="img " src="images/设计规范/u33.png"/>
</div>
<!-- Unnamed (矩形) -->
<div id="u34" class="ax_default label">
<div id="u34_div" class=""></div>
<div id="u34_text" class="text ">
<p><span>30px</span></p>
</div>
</div>
<!-- Unnamed (矩形) -->
<div id="u35" class="ax_default label">
<div id="u35_div" class=""></div>
<div id="u35_text" class="text ">
<p><span>30px</span></p>
</div>
</div>
<!-- Unnamed (矩形) -->
<div id="u36" class="ax_default label">
<div id="u36_div" class=""></div>
<div id="u36_text" class="text ">
<p><span>139px</span></p>
</div>
</div>
<!-- Unnamed (矩形) -->
<div id="u37" class="ax_default label">
<div id="u37_div" class=""></div>
<div id="u37_text" class="text ">
<p><span>20px</span></p>
</div>
</div>
<!-- Unnamed (矩形) -->
<div id="u38" class="ax_default label">
<div id="u38_div" class=""></div>
<div id="u38_text" class="text ">
<p><span>32px</span></p>
</div>
</div>
<!-- Unnamed (垂直线) -->
<div id="u39" class="ax_default line">
<img id="u39_img" class="img " src="images/设计规范/u39.png"/>
</div>
<!-- Unnamed (水平线) -->
<div id="u40" class="ax_default line">
<img id="u40_img" class="img " src="images/设计规范/u40.png"/>
</div>
<!-- Unnamed (水平线) -->
<div id="u41" class="ax_default line">
<img id="u41_img" class="img " src="images/设计规范/u41.png"/>
</div>
<!-- Unnamed (垂直线) -->
<div id="u42" class="ax_default line">
<img id="u42_img" class="img " src="images/设计规范/u42.png"/>
</div>
<!-- Unnamed (水平线) -->
<div id="u43" class="ax_default line">
<img id="u43_img" class="img " src="images/设计规范/u40.png"/>
</div>
<!-- Unnamed (图片) -->
<div id="u44" class="ax_default _图片_">
<img id="u44_img" class="img " src="images/设计规范/u44.png"/>
</div>
<!-- Unnamed (图片) -->
<div id="u45" class="ax_default _图片_">
<img id="u45_img" class="img " src="images/设计规范/u45.png"/>
</div>
<!-- Unnamed (矩形) -->
<div id="u46" class="ax_default label">
<div id="u46_div" class=""></div>
<div id="u46_text" class="text ">
<p><span>搜索框1:690*60px</span></p>
</div>
</div>
<!-- Unnamed (图片) -->
<div id="u47" class="ax_default _图片_">
<img id="u47_img" class="img " src="images/设计规范/u45.png"/>
</div>
<!-- Unnamed (矩形) -->
<div id="u48" class="ax_default label">
<div id="u48_div" class=""></div>
<div id="u48_text" class="text ">
<p><span>搜索框2:520*60px</span></p>
</div>
</div>
<!-- Unnamed (图片) -->
<div id="u49" class="ax_default _图片_">
<img id="u49_img" class="img " src="images/设计规范/u49.png"/>
</div>
<!-- Unnamed (矩形) -->
<div id="u50" class="ax_default label">
<div id="u50_div" class=""></div>
<div id="u50_text" class="text ">
<p><span>340*170px</span></p>
</div>
</div>
<!-- Unnamed (矩形) -->
<div id="u51" class="ax_default label">
<div id="u51_div" class=""></div>
<div id="u51_text" class="text ">
<p><span>首页每日推荐和心动模式模块尺寸</span></p>
</div>
</div>
<!-- Unnamed (图片) -->
<div id="u52" class="ax_default _图片_">
<img id="u52_img" class="img " src="images/设计规范/u52.png"/>
</div>
<!-- Unnamed (矩形) -->
<div id="u53" class="ax_default label">
<div id="u53_div" class=""></div>
<div id="u53_text" class="text ">
<p><span>702*456px</span></p>
</div>
</div>
<!-- Unnamed (矩形) -->
<div id="u54" class="ax_default label">
<div id="u54_div" class=""></div>
<div id="u54_text" class="text ">
<p><span>首页排行榜模块</span></p>
</div>
</div>
<!-- Unnamed (矩形) -->
<div id="u55" class="ax_default _二级标题">
<div id="u55_div" class=""></div>
<div id="u55_text" class="text ">
<p><span>版式</span></p>
</div>
</div>
<!-- Unnamed (矩形) -->
<div id="u56" class="ax_default label">
<div id="u56_div" class=""></div>
<div id="u56_text" class="text ">
<p><span>120*120px</span></p>
</div>
</div>
<!-- Unnamed (矩形) -->
<div id="u57" class="ax_default label">
<div id="u57_div" class=""></div>
<div id="u57_text" class="text ">
<p><span>200*200px</span></p>
</div>
</div>
<!-- Unnamed (矩形) -->
<div id="u58" class="ax_default label">
<div id="u58_div" class=""></div>
<div id="u58_text" class="text ">
<p><span>600*600px</span></p>
</div>
</div>
<!-- Unnamed (矩形) -->
<div id="u59" class="ax_default label">
<div id="u59_div" class=""></div>
<div id="u59_text" class="text ">
<p><span>702*234px</span></p>
</div>
</div>
<!-- Unnamed (矩形) -->
<div id="u60" class="ax_default label">
<div id="u60_div" class=""></div>
<div id="u60_text" class="text ">
<p><span>音乐播放界面图尺寸</span></p>
</div>
</div>
<!-- Unnamed (矩形) -->
<div id="u61" class="ax_default label">
<div id="u61_div" class=""></div>
<div id="u61_text" class="text ">
<p><span>首页广告位图片尺寸</span></p>
</div>
</div>
<!-- Unnamed (矩形) -->
<div id="u62" class="ax_default label">
<div id="u62_div" class=""></div>
<div id="u62_text" class="text ">
<p><span>列表、模块中的</span></p><p><span>音乐、歌单等图片尺寸</span></p>
</div>
</div>
<!-- Unnamed (矩形) -->
<div id="u63" class="ax_default label">
<div id="u63_div" class=""></div>
<div id="u63_text" class="text ">
<p><span>列表、模块中的</span></p><p><span>歌手、用户头像等图片尺寸</span></p>
</div>
</div>
<!-- Unnamed (矩形) -->
<div id="u64" class="ax_default label">
<div id="u64_div" class=""></div>
<div id="u64_text" class="text ">
<p><span>300*300px</span></p>
</div>
</div>
<!-- Unnamed (矩形) -->
<div id="u65" class="ax_default label">
<div id="u65_div" class=""></div>
<div id="u65_text" class="text ">
<p><span>歌单、专辑等图片尺寸</span></p>
</div>
</div>
<!-- Unnamed (矩形) -->
<div id="u66" class="ax_default _二级标题">
<div id="u66_div" class=""></div>
<div id="u66_text" class="text ">
<p><span>图片使用规范</span></p>
</div>
</div>
<!-- Unnamed (组合) -->
<div id="u67" class="ax_default" data-left="190" data-top="2391" data-width="851" data-height="1778">
<!-- Unnamed (矩形) -->
<div id="u68" class="ax_default box_1">
<div id="u68_div" class=""></div>
</div>
<!-- Unnamed (矩形) -->
<div id="u69" class="ax_default box_1">
<div id="u69_div" class=""></div>
</div>
<!-- Unnamed (矩形) -->
<div id="u70" class="ax_default box_1">
<div id="u70_div" class=""></div>
</div>
<!-- Unnamed (矩形) -->
<div id="u71" class="ax_default box_1">
<div id="u71_div" class=""></div>
</div>
<!-- Unnamed (矩形) -->
<div id="u72" class="ax_default box_1">
<div id="u72_div" class=""></div>
</div>
<!-- Unnamed (水平线) -->
<div id="u73" class="ax_default line">
<img id="u73_img" class="img " src="images/设计规范/u73.png"/>
</div>
<!-- Unnamed (垂直线) -->
<div id="u74" class="ax_default line">
<img id="u74_img" class="img " src="images/设计规范/u74.png"/>
</div>
<!-- Unnamed (矩形) -->
<div id="u75" class="ax_default label">
<div id="u75_div" class=""></div>
<div id="u75_text" class="text ">
<p><span>页面边距30px</span></p>
</div>
</div>
<!-- Unnamed (水平线) -->
<div id="u76" class="ax_default line">
<img id="u76_img" class="img " src="images/设计规范/u76.png"/>
</div>
<!-- Unnamed (垂直线) -->
<div id="u77" class="ax_default line">
<img id="u77_img" class="img " src="images/设计规范/u77.png"/>
</div>
<!-- Unnamed (矩形) -->
<div id="u78" class="ax_default label">
<div id="u78_div" class=""></div>
<div id="u78_text" class="text ">
<p><span>内容区域690px</span></p>
</div>
</div>
<!-- Unnamed (水平线) -->
<div id="u79" class="ax_default line">
<img id="u79_img" class="img " src="images/设计规范/u79.png"/>
</div>
<!-- Unnamed (垂直线) -->
<div id="u80" class="ax_default line">
<img id="u80_img" class="img " src="images/设计规范/u74.png"/>
</div>
<!-- Unnamed (矩形) -->
<div id="u81" class="ax_default label">
<div id="u81_div" class=""></div>
<div id="u81_text" class="text ">
<p><span>98px</span></p>
</div>
</div>
<!-- Unnamed (水平线) -->
<div id="u82" class="ax_default line">
<img id="u82_img" class="img " src="images/设计规范/u82.png"/>
</div>
<!-- Unnamed (垂直线) -->
<div id="u83" class="ax_default line">
<img id="u83_img" class="img " src="images/设计规范/u83.png"/>
</div>
<!-- Unnamed (矩形) -->
<div id="u84" class="ax_default label">
<div id="u84_div" class=""></div>
<div id="u84_text" class="text ">
<p><span>列102px</span></p>
</div>
</div>
</div>
<!-- Unnamed (矩形) -->
<div id="u85" class="ax_default label">
<div id="u85_div" class=""></div>
<div id="u85_text" class="text ">
<p><span>菜单栏:120px</span></p>
</div>
</div>
<!-- Unnamed (矩形) -->
<div id="u86" class="ax_default label">
<div id="u86_div" class=""></div>
<div id="u86_text" class="text ">
<p><span>导航栏:40px</span></p>
</div>
</div>
<!-- Unnamed (矩形) -->
<div id="u87" class="ax_default label">
<div id="u87_div" class=""></div>
<div id="u87_text" class="text ">
<p><span>导航栏:88px</span></p>
</div>
</div>
<!-- Unnamed (组合) -->
<div id="u88" class="ax_default" data-left="123" data-top="4935" data-width="939" data-height="1841">
<!-- Unnamed (图片) -->
<div id="u89" class="ax_default _图片_">
<img id="u89_img" class="img " src="images/设计规范/u1.png"/>
</div>
<!-- Unnamed (组合) -->
<div id="u90" class="ax_default" data-left="223" data-top="5198" data-width="751" data-height="1335">
<!-- Unnamed (矩形) -->
<div id="u91" class="ax_default box_2">
<div id="u91_div" class=""></div>
</div>
<!-- Unnamed (矩形) -->
<div id="u92" class="ax_default box_1">
<div id="u92_div" class=""></div>
</div>
<!-- Header 2 (矩形) -->
<div id="u93" class="ax_default _文本段落" data-label="Header 2">
<div id="u93_div" class=""></div>
<div id="u93_text" class="text ">
<p><span>100%</span></p>
</div>
</div>
<!-- Unnamed (图片) -->
<div id="u94" class="ax_default _图片_">
<img id="u94_img" class="img " src="images/设计规范/u94.png"/>
</div>
<!-- Unnamed (图片) -->
<div id="u95" class="ax_default _图片_">
<img id="u95_img" class="img " src="images/设计规范/u95.png"/>
</div>
<!-- Unnamed (图片) -->
<div id="u96" class="ax_default _图片_">
<img id="u96_img" class="img " src="images/设计规范/u96.png"/>
</div>
<!-- Unnamed (矩形) -->
<div id="u97" class="ax_default label">
<div id="u97_div" class=""></div>
<div id="u97_text" class="text ">
<p><span>4:54 AM</span></p>
</div>
</div>
</div>
<!-- Unnamed (矩形) -->
<div id="u98" class="ax_default box_1">
<div id="u98_div" class=""></div>
</div>
<!-- Unnamed (图片) -->
<div id="u99" class="ax_default _图片_">
<img id="u99_img" class="img " src="images/设计规范/u99.png"/>
</div>
<!-- Unnamed (图片) -->
<div id="u100" class="ax_default _图片_">
<img id="u100_img" class="img " src="images/设计规范/u100.png"/>
</div>
<!-- Unnamed (图片) -->
<div id="u101" class="ax_default _图片_">
<img id="u101_img" class="img " src="images/设计规范/u101.png"/>
</div>
<!-- Unnamed (图片) -->
<div id="u102" class="ax_default _图片_">
<img id="u102_img" class="img " src="images/设计规范/u102.png"/>
</div>
<!-- Unnamed (图片) -->
<div id="u103" class="ax_default _图片_">
<img id="u103_img" class="img " src="images/设计规范/u103.png"/>
</div>
<!-- Unnamed (图片) -->
<div id="u104" class="ax_default _图片_">
<img id="u104_img" class="img " src="images/设计规范/u104.png"/>
</div>
<!-- Unnamed (图片) -->
<div id="u105" class="ax_default _图片_">
<img id="u105_img" class="img " src="images/设计规范/u105.png"/>
</div>
<!-- Unnamed (图片) -->
<div id="u106" class="ax_default _图片_">
<img id="u106_img" class="img " src="images/设计规范/u106.png"/>
</div>
<!-- Unnamed (图片) -->
<div id="u107" class="ax_default _图片_">
<img id="u107_img" class="img " src="images/设计规范/u107.png"/>
</div>
<!-- Unnamed (图片) -->
<div id="u108" class="ax_default _图片_">
<img id="u108_img" class="img " src="images/设计规范/u108.png"/>
</div>
<!-- Unnamed (图片) -->
<div id="u109" class="ax_default _图片_">
<img id="u109_img" class="img " src="images/设计规范/u109.png"/>
</div>
<!-- Unnamed (图片) -->
<div id="u110" class="ax_default _图片_">
<img id="u110_img" class="img " src="images/设计规范/u110.png"/>
</div>
<!-- Unnamed (矩形) -->
<div id="u111" class="ax_default label">
<div id="u111_div" class=""></div>
<div id="u111_text" class="text ">
<p><span>傍晚去太子湾吗</span></p>
</div>
</div>
<!-- Unnamed (矩形) -->
<div id="u112" class="ax_default label">
<div id="u112_div" class=""></div>
<div id="u112_text" class="text ">
<p><span>Schoolgirl byebye &gt;</span></p>
</div>
</div>
<!-- Unnamed (图片) -->
<div id="u113" class="ax_default _图片_">
<img id="u113_img" class="img " src="images/设计规范/u113.png"/>
</div>
<!-- Unnamed (矩形) -->
<div id="u114" class="ax_default label">
<div id="u114_div" class=""></div>
<div id="u114_text" class="text ">
<p><span>00:00</span></p>
</div>
</div>
<!-- Unnamed (矩形) -->
<div id="u115" class="ax_default label">
<div id="u115_div" class=""></div>
<div id="u115_text" class="text ">
<p><span>03:53</span></p>
</div>
</div>
</div>
<!-- Unnamed (矩形) -->
<div id="u116" class="ax_default box_1">
<div id="u116_div" class=""></div>
</div>
<!-- Unnamed (矩形) -->
<div id="u117" class="ax_default label">
<div id="u117_div" class=""></div>
<div id="u117_text" class="text ">
<p><span>1:1</span></p>
</div>
</div>
<!-- Unnamed (组合) -->
<div id="u118" class="ax_default" data-left="3326" data-top="4916" data-width="947" data-height="1857">
<!-- Unnamed (图片) -->
<div id="u119" class="ax_default _图片_">
<img id="u119_img" class="img " src="images/设计规范/u1.png"/>
</div>
<!-- Unnamed (组合) -->
<div id="u120" class="ax_default" data-left="3429" data-top="5187" data-width="751" data-height="1336">
<!-- Unnamed (矩形) -->
<div id="u121" class="ax_default box_2">
<div id="u121_div" class=""></div>
</div>
<!-- Unnamed (矩形) -->
<div id="u122" class="ax_default box_1">
<div id="u122_div" class=""></div>
</div>
<!-- Unnamed (矩形) -->
<div id="u123" class="ax_default box_1">
<div id="u123_div" class=""></div>
</div>
<!-- Unnamed (矩形) -->
<div id="u124" class="ax_default label">
<img id="u124_img" class="img " src="images/设计规范/u124.png"/>
<div id="u124_text" class="text ">
<p><span>首页</span></p>
</div>
</div>
<!-- Unnamed (图片) -->
<div id="u125" class="ax_default _图片_">
<img id="u125_img" class="img " src="images/设计规范/u125.png"/>
</div>
<!-- Unnamed (图片) -->
<div id="u126" class="ax_default _图片_">
<img id="u126_img" class="img " src="images/设计规范/u126.png"/>
</div>
<!-- Unnamed (图片) -->
<div id="u127" class="ax_default _图片_">
<img id="u127_img" class="img " src="images/设计规范/u127.png"/>
</div>
<!-- Unnamed (矩形) -->
<div id="u128" class="ax_default label">
<img id="u128_img" class="img " src="images/设计规范/u128.png"/>
<div id="u128_text" class="text ">
<p><span>我的音乐</span></p>
</div>
</div>
<!-- Unnamed (矩形) -->
<div id="u129" class="ax_default label">
<img id="u129_img" class="img " src="images/设计规范/u128.png"/>
<div id="u129_text" class="text ">
<p><span>早晚推荐</span></p>
</div>
</div>
<!-- Unnamed (矩形) -->
<div id="u130" class="ax_default label">
<img id="u130_img" class="img " src="images/设计规范/u128.png"/>
<div id="u130_text" class="text ">
<p><span>账号管理</span></p>
</div>
</div>
<!-- Unnamed (矩形) -->
<div id="u131" class="ax_default box_1">
<div id="u131_div" class=""></div>
</div>
<!-- Header 2 (矩形) -->
<div id="u132" class="ax_default _文本段落" data-label="Header 2">
<img id="u132_img" class="img " src="images/设计规范/header_2_u132.png"/>
<div id="u132_text" class="text ">
<p><span>100%</span></p>
</div>
</div>
<!-- Unnamed (图片) -->
<div id="u133" class="ax_default _图片_">
<img id="u133_img" class="img " src="images/设计规范/u133.png"/>
</div>
<!-- Unnamed (图片) -->
<div id="u134" class="ax_default _图片_">
<img id="u134_img" class="img " src="images/设计规范/u134.png"/>
</div>
<!-- Unnamed (图片) -->
<div id="u135" class="ax_default _图片_">
<img id="u135_img" class="img " src="images/设计规范/u135.png"/>
</div>
<!-- Unnamed (矩形) -->
<div id="u136" class="ax_default label">
<img id="u136_img" class="img " src="images/设计规范/u136.png"/>
<div id="u136_text" class="text ">
<p><span>4:54 AM</span></p>
</div>
</div>
<!-- Unnamed (图片) -->
<div id="u137" class="ax_default _图片_">
<img id="u137_img" class="img " src="images/设计规范/u137.png"/>
</div>
</div>
<!-- Unnamed (矩形) -->
<div id="u138" class="ax_default box_2">
<div id="u138_div" class=""></div>
</div>
<!-- Unnamed (矩形) -->
<div id="u139" class="ax_default label">
<div id="u139_div" class=""></div>
<div id="u139_text" class="text ">
<p><span>早晚推荐</span></p>
</div>
</div>
<!-- Unnamed (矩形) -->
<div id="u140" class="ax_default label">
<div id="u140_div" class=""></div>
<div id="u140_text" class="text ">
<p><span>6:00-18:00</span></p>
</div>
</div>
<!-- Unnamed (图片) -->
<div id="u141" class="ax_default _图片_">
<img id="u141_img" class="img " src="images/设计规范/u141.png"/>
</div>
<!-- Unnamed (矩形) -->
<div id="u142" class="ax_default label">
<div id="u142_div" class=""></div>
<div id="u142_text" class="text ">
<p><span>播放全部</span></p>
</div>
</div>
<!-- Unnamed (图片) -->
<div id="u143" class="ax_default _图片_">
<img id="u143_img" class="img " src="images/设计规范/u143.png"/>
</div>
<!-- Unnamed (图片) -->
<div id="u144" class="ax_default _图片_">
<img id="u144_img" class="img " src="images/设计规范/u143.png"/>
</div>
<!-- Unnamed (图片) -->
<div id="u145" class="ax_default _图片_">
<img id="u145_img" class="img " src="images/设计规范/u143.png"/>
</div>
<!-- Unnamed (图片) -->
<div id="u146" class="ax_default _图片_">
<img id="u146_img" class="img " src="images/设计规范/u143.png"/>
</div>
<!-- Unnamed (图片) -->
<div id="u147" class="ax_default _图片_">
<img id="u147_img" class="img " src="images/设计规范/u143.png"/>
</div>
<!-- Unnamed (矩形) -->
<div id="u148" class="ax_default label">
<div id="u148_div" class=""></div>
<div id="u148_text" class="text ">
<p><span></span></p>
</div>
</div>
<!-- Unnamed (矩形) -->
<div id="u149" class="ax_default label">
<div id="u149_div" class=""></div>
<div id="u149_text" class="text ">
<p><span>pure imagination</span></p>
</div>
</div>
<!-- Unnamed (矩形) -->
<div id="u150" class="ax_default _文本段落">
<div id="u150_div" class=""></div>
<div id="u150_text" class="text ">
<p><span>Sakura (Original Mix)</span></p>
</div>
</div>
<!-- Unnamed (矩形) -->
<div id="u151" class="ax_default _文本段落">
<div id="u151_div" class=""></div>
<div id="u151_text" class="text ">
<p><span>r a i n y n i g h t</span></p>
</div>
</div>
<!-- Unnamed (矩形) -->
<div id="u152" class="ax_default _文本段落">
<div id="u152_div" class=""></div>
<div id="u152_text" class="text ">
<p><span>yellow</span></p>
</div>
</div>
<!-- Unnamed (矩形) -->
<div id="u153" class="ax_default label">
<div id="u153_div" class=""></div>
<div id="u153_text" class="text ">
<p><span>Seto - ᐇ</span></p>
</div>
</div>
<!-- Unnamed (矩形) -->
<div id="u154" class="ax_default _文本段落">
<div id="u154_div" class=""></div>
</div>
<!-- Unnamed (矩形) -->
<div id="u155" class="ax_default _文本段落">
<div id="u155_div" class=""></div>
<div id="u155_text" class="text ">
<p><span>ROOK1E&nbsp; - pure imagination</span></p>
</div>
</div>
<!-- Unnamed (矩形) -->
<div id="u156" class="ax_default _文本段落">
<div id="u156_div" class=""></div>
<div id="u156_text" class="text ">
<p><span>R3hab - Sakura</span></p>
</div>
</div>
<!-- Unnamed (矩形) -->
<div id="u157" class="ax_default _文本段落">
<div id="u157_div" class=""></div>
<div id="u157_text" class="text ">
<p><span>田由甲 - r a i n y n i g h t</span></p>
</div>
</div>
<!-- Unnamed (矩形) -->
<div id="u158" class="ax_default _文本段落">
<div id="u158_div" class=""></div>
<div id="u158_text" class="text ">
<p><span>eel. - confession</span></p>
</div>
</div>
<!-- Unnamed (图片) -->
<div id="u159" class="ax_default _图片_">
<img id="u159_img" class="img " src="images/设计规范/u159.png"/>
</div>
<!-- Unnamed (图片) -->
<div id="u160" class="ax_default _图片_">
<img id="u160_img" class="img " src="images/设计规范/u160.png"/>
</div>
<!-- Unnamed (图片) -->
<div id="u161" class="ax_default _图片_">
<img id="u161_img" class="img " src="images/设计规范/u161.png"/>
</div>
<!-- Unnamed (图片) -->
<div id="u162" class="ax_default _图片_">
<img id="u162_img" class="img " src="images/设计规范/u162.png"/>
</div>
<!-- Unnamed (图片) -->
<div id="u163" class="ax_default _图片_">
<img id="u163_img" class="img " src="images/设计规范/u163.png"/>
</div>
<!-- Unnamed (图片) -->
<div id="u164" class="ax_default _图片_">
<img id="u164_img" class="img " src="images/设计规范/u164.png"/>
</div>
<!-- Unnamed (图片) -->
<div id="u165" class="ax_default _图片_">
<img id="u165_img" class="img " src="images/设计规范/u164.png"/>
</div>
<!-- Unnamed (图片) -->
<div id="u166" class="ax_default _图片_">
<img id="u166_img" class="img " src="images/设计规范/u164.png"/>
</div>
<!-- Unnamed (图片) -->
<div id="u167" class="ax_default _图片_">
<img id="u167_img" class="img " src="images/设计规范/u164.png"/>
</div>
<!-- Unnamed (图片) -->
<div id="u168" class="ax_default _图片_">
<img id="u168_img" class="img " src="images/设计规范/u164.png"/>
</div>
<!-- Unnamed (组合) -->
<div id="u169" class="ax_default" data-left="4053" data-top="6264" data-width="100" data-height="100">
<!-- Unnamed (椭圆形) -->
<div id="u170" class="ax_default ellipse">
<img id="u170_img" class="img " src="images/设计规范/u170.png"/>
</div>
<!-- Unnamed (图片) -->
<div id="u171" class="ax_default _图片_">
<img id="u171_img" class="img " src="images/设计规范/u171.png"/>
</div>
</div>
<!-- Unnamed (矩形) -->
<div id="u172" class="ax_default label">
<div id="u172_div" class=""></div>
<div id="u172_text" class="text ">
<p><span>下午好~</span></p>
</div>
</div>
</div>
<!-- Unnamed (组合) -->
<div id="u173" class="ax_default" data-left="2369" data-top="4939" data-width="947" data-height="1857">
<!-- Unnamed (图片) -->
<div id="u174" class="ax_default _图片_">
<img id="u174_img" class="img " src="images/设计规范/u1.png"/>
</div>
<!-- Unnamed (组合) -->
<div id="u175" class="ax_default" data-left="2471" data-top="5210" data-width="751" data-height="1335">
<!-- Unnamed (矩形) -->
<div id="u176" class="ax_default box_2">
<div id="u176_div" class=""></div>
</div>
<!-- Unnamed (矩形) -->
<div id="u177" class="ax_default box_1">
<div id="u177_div" class=""></div>
</div>
<!-- Unnamed (矩形) -->
<div id="u178" class="ax_default box_1">
<div id="u178_div" class=""></div>
</div>
<!-- Header 2 (矩形) -->
<div id="u179" class="ax_default _文本段落" data-label="Header 2">
<div id="u179_div" class=""></div>
<div id="u179_text" class="text ">
<p><span>100%</span></p>
</div>
</div>
<!-- Unnamed (图片) -->
<div id="u180" class="ax_default _图片_">
<img id="u180_img" class="img " src="images/设计规范/u94.png"/>
</div>
<!-- Unnamed (图片) -->
<div id="u181" class="ax_default _图片_">
<img id="u181_img" class="img " src="images/设计规范/u95.png"/>
</div>
<!-- Unnamed (图片) -->
<div id="u182" class="ax_default _图片_">
<img id="u182_img" class="img " src="images/设计规范/u96.png"/>
</div>
<!-- Unnamed (矩形) -->
<div id="u183" class="ax_default label">
<div id="u183_div" class=""></div>
<div id="u183_text" class="text ">
<p><span>4:54 AM</span></p>
</div>
</div>
<!-- Unnamed (矩形) -->
<div id="u184" class="ax_default label">
<div id="u184_div" class=""></div>
<div id="u184_text" class="text ">
<p><span>首页</span></p>
</div>
</div>
<!-- Unnamed (图片) -->
<div id="u185" class="ax_default _图片_">
<img id="u185_img" class="img " src="images/设计规范/u31.png"/>
</div>
<!-- Unnamed (图片) -->
<div id="u186" class="ax_default _图片_">
<img id="u186_img" class="img " src="images/设计规范/u33.png"/>
</div>
<!-- Unnamed (矩形) -->
<div id="u187" class="ax_default label">
<div id="u187_div" class=""></div>
<div id="u187_text" class="text ">
<p><span>我的音乐</span></p>
</div>
</div>
<!-- Unnamed (矩形) -->
<div id="u188" class="ax_default label">
<div id="u188_div" class=""></div>
<div id="u188_text" class="text ">
<p><span>早晚推荐</span></p>
</div>
</div>
<!-- Unnamed (矩形) -->
<div id="u189" class="ax_default label">
<div id="u189_div" class=""></div>
<div id="u189_text" class="text ">
<p><span>账号管理</span></p>
</div>
</div>
<!-- Unnamed (图片) -->
<div id="u190" class="ax_default _图片_">
<img id="u190_img" class="img " src="images/设计规范/u190.png"/>
</div>
<!-- Unnamed (图片) -->
<div id="u191" class="ax_default _图片_">
<img id="u191_img" class="img " src="images/设计规范/u44.png"/>
</div>
</div>
<!-- Unnamed (图片) -->
<div id="u192" class="ax_default _图片_">
<img id="u192_img" class="img " src="images/设计规范/u99.png"/>
</div>
<!-- Unnamed (矩形) -->
<div id="u193" class="ax_default box_2">
<div id="u193_div" class=""></div>
</div>
<!-- Unnamed (组合) -->
<div id="u194" class="ax_default" data-left="3096" data-top="6287" data-width="100" data-height="100">
<!-- Unnamed (椭圆形) -->
<div id="u195" class="ax_default ellipse">
<img id="u195_img" class="img " src="images/设计规范/u170.png"/>
</div>
<!-- Unnamed (图片) -->
<div id="u196" class="ax_default _图片_">
<img id="u196_img" class="img " src="images/设计规范/u171.png"/>
</div>
</div>
<!-- Unnamed (矩形) -->
<div id="u197" class="ax_default label">
<div id="u197_div" class=""></div>
<div id="u197_text" class="text ">
<p><span>爵士风</span></p>
</div>
</div>
<!-- Unnamed (矩形) -->
<div id="u198" class="ax_default label">
<div id="u198_div" class=""></div>
<div id="u198_text" class="text ">
<p><span>做作业听</span></p>
</div>
</div>
<!-- Unnamed (矩形) -->
<div id="u199" class="ax_default label">
<div id="u199_div" class=""></div>
<div id="u199_text" class="text ">
<p><span>兜风听</span></p>
</div>
</div>
<!-- Unnamed (矩形) -->
<div id="u200" class="ax_default label">
<div id="u200_div" class=""></div>
<div id="u200_text" class="text ">
<p><span>洗澡听</span></p>
</div>
</div>
<!-- Unnamed (矩形) -->
<div id="u201" class="ax_default label">
<div id="u201_div" class=""></div>
<div id="u201_text" class="text ">
<p><span>跑步听</span></p>
</div>
</div>
<!-- Unnamed (矩形) -->
<div id="u202" class="ax_default label">
<div id="u202_div" class=""></div>
<div id="u202_text" class="text ">
<p><span>可爱风</span></p>
</div>
</div>
<!-- Unnamed (图片) -->
<div id="u203" class="ax_default _图片_">
<img id="u203_img" class="img " src="images/设计规范/u203.png"/>
</div>
<!-- Unnamed (图片) -->
<div id="u204" class="ax_default _图片_">
<img id="u204_img" class="img " src="images/设计规范/u204.png"/>
</div>
<!-- Unnamed (图片) -->
<div id="u205" class="ax_default _图片_">
<img id="u205_img" class="img " src="images/设计规范/u205.png"/>
</div>
<!-- Unnamed (图片) -->
<div id="u206" class="ax_default _图片_">
<img id="u206_img" class="img " src="images/设计规范/u206.png"/>
</div>
<!-- Unnamed (图片) -->
<div id="u207" class="ax_default _图片_">
<img id="u207_img" class="img " src="images/设计规范/u207.png"/>
</div>
<!-- Unnamed (图片) -->
<div id="u208" class="ax_default _图片_">
<img id="u208_img" class="img " src="images/设计规范/u208.png"/>
</div>
<!-- Unnamed (矩形) -->
<div id="u209" class="ax_default box_1">
<div id="u209_div" class=""></div>
</div>
<!-- Unnamed (图片) -->
<div id="u210" class="ax_default _图片_">
<img id="u210_img" class="img " src="images/设计规范/u210.png"/>
</div>
<!-- Unnamed (矩形) -->
<div id="u211" class="ax_default label">
<div id="u211_div" class=""></div>
<div id="u211_text" class="text ">
<p><span>搜索歌单</span></p>
</div>
</div>
<!-- Unnamed (矩形) -->
<div id="u212" class="ax_default label">
<div id="u212_div" class=""></div>
<div id="u212_text" class="text ">
<p><span>我的收藏</span></p>
</div>
</div>
<!-- Unnamed (矩形) -->
<div id="u213" class="ax_default label">
<div id="u213_div" class=""></div>
<div id="u213_text" class="text ">
<p><span>22首</span></p>
</div>
</div>
<!-- Unnamed (矩形) -->
<div id="u214" class="ax_default label">
<div id="u214_div" class=""></div>
<div id="u214_text" class="text ">
<p><span>20首</span></p>
</div>
</div>
<!-- Unnamed (矩形) -->
<div id="u215" class="ax_default label">
<div id="u215_div" class=""></div>
<div id="u215_text" class="text ">
<p><span>122首</span></p>
</div>
</div>
<!-- Unnamed (矩形) -->
<div id="u216" class="ax_default label">
<div id="u216_div" class=""></div>
<div id="u216_text" class="text ">
<p><span>22首</span></p>
</div>
</div>
<!-- Unnamed (矩形) -->
<div id="u217" class="ax_default label">
<div id="u217_div" class=""></div>
<div id="u217_text" class="text ">
<p><span>229首</span></p>
</div>
</div>
<!-- Unnamed (矩形) -->
<div id="u218" class="ax_default label">
<div id="u218_div" class=""></div>
<div id="u218_text" class="text ">
<p><span>22首</span></p>
</div>
</div>
<!-- Unnamed (矩形) -->
<div id="u219" class="ax_default label">
<div id="u219_div" class=""></div>
<div id="u219_text" class="text ">
<p><span>专辑11</span></p>
</div>
</div>
<!-- Unnamed (矩形) -->
<div id="u220" class="ax_default label">
<div id="u220_div" class=""></div>
<div id="u220_text" class="text ">
<p><span>歌手6</span></p>
</div>
</div>
<!-- Unnamed (矩形) -->
<div id="u221" class="ax_default label">
<div id="u221_div" class=""></div>
<div id="u221_text" class="text ">
<p><span>歌单6</span></p>
</div>
</div>
</div>
<!-- Unnamed (矩形) -->
<div id="u222" class="ax_default box_1">
<div id="u222_div" class=""></div>
</div>
<!-- Unnamed (矩形) -->
<div id="u223" class="ax_default label">
<div id="u223_div" class=""></div>
<div id="u223_text" class="text ">
<p><span>1:1</span></p>
</div>
</div>
<!-- Unnamed (矩形) -->
<div id="u224" class="ax_default box_1">
<div id="u224_div" class=""></div>
</div>
<!-- Unnamed (矩形) -->
<div id="u225" class="ax_default label">
<div id="u225_div" class=""></div>
<div id="u225_text" class="text ">
<p><span>1:1</span></p>
</div>
</div>
<!-- Unnamed (矩形) -->
<div id="u226" class="ax_default label">
<div id="u226_div" class=""></div>
<div id="u226_text" class="text ">
<p><span>120*120px</span></p>
</div>
</div>
<!-- Unnamed (矩形) -->
<div id="u227" class="ax_default box_2">
<div id="u227_div" class=""></div>
</div>
<!-- Unnamed (矩形) -->
<div id="u228" class="ax_default label">
<div id="u228_div" class=""></div>
<div id="u228_text" class="text ">
<p><span>1:1</span></p>
</div>
</div>
<!-- Unnamed (组合) -->
<div id="u229" class="ax_default" data-left="166" data-top="7194" data-width="947" data-height="1857">
<!-- Unnamed (图片) -->
<div id="u230" class="ax_default _图片_">
<img id="u230_img" class="img " src="images/设计规范/u1.png"/>
</div>
<!-- Unnamed (矩形) -->
<div id="u231" class="ax_default box_2">
<div id="u231_div" class=""></div>
</div>
<!-- Unnamed (矩形) -->
<div id="u232" class="ax_default box_1">
<div id="u232_div" class=""></div>
</div>
<!-- Header 2 (矩形) -->
<div id="u233" class="ax_default _文本段落" data-label="Header 2">
<div id="u233_div" class=""></div>
<div id="u233_text" class="text ">
<p><span>100%</span></p>
</div>
</div>
<!-- Unnamed (图片) -->
<div id="u234" class="ax_default _图片_">
<img id="u234_img" class="img " src="images/设计规范/u94.png"/>
</div>
<!-- Unnamed (图片) -->
<div id="u235" class="ax_default _图片_">
<img id="u235_img" class="img " src="images/设计规范/u95.png"/>
</div>
<!-- Unnamed (图片) -->
<div id="u236" class="ax_default _图片_">
<img id="u236_img" class="img " src="images/设计规范/u96.png"/>
</div>
<!-- Unnamed (矩形) -->
<div id="u237" class="ax_default label">
<div id="u237_div" class=""></div>
<div id="u237_text" class="text ">
<p><span>4:54 AM</span></p>
</div>
</div>
<!-- Unnamed (矩形) -->
<div id="u238" class="ax_default label">
<div id="u238_div" class=""></div>
<div id="u238_text" class="text ">
<p><span>排行榜</span></p>
</div>
</div>
<!-- Unnamed (矩形) -->
<div id="u239" class="ax_default box_1">
<div id="u239_div" class=""></div>
</div>
<!-- Unnamed (矩形) -->
<div id="u240" class="ax_default box_1">
<div id="u240_div" class=""></div>
</div>
<!-- Unnamed (图片) -->
<div id="u241" class="ax_default _图片_">
<img id="u241_img" class="img " src="images/设计规范/u210.png"/>
</div>
<!-- Unnamed (矩形) -->
<div id="u242" class="ax_default label">
<div id="u242_div" class=""></div>
<div id="u242_text" class="text ">
<p><span>听妈妈的话</span></p>
</div>
</div>
<!-- Unnamed (矩形) -->
<div id="u243" class="ax_default box_2">
<div id="u243_div" class=""></div>
</div>
<!-- Unnamed (图片) -->
<div id="u244" class="ax_default _图片_">
<img id="u244_img" class="img " src="images/设计规范/u244.png"/>
</div>
<!-- Unnamed (矩形) -->
<div id="u245" class="ax_default box_3">
<div id="u245_div" class=""></div>
</div>
<!-- Unnamed (图片) -->
<div id="u246" class="ax_default _图片_">
<img id="u246_img" class="img " src="images/设计规范/u141.png"/>
</div>
<!-- Unnamed (矩形) -->
<div id="u247" class="ax_default box_3">
<div id="u247_div" class=""></div>
</div>
<!-- Unnamed (图片) -->
<div id="u248" class="ax_default _图片_">
<img id="u248_img" class="img " src="images/设计规范/u248.png"/>
</div>
<!-- Unnamed (矩形) -->
<div id="u249" class="ax_default label">
<div id="u249_div" class=""></div>
<div id="u249_text" class="text ">
<p><span>心动模式</span></p>
</div>
</div>
<!-- Unnamed (矩形) -->
<div id="u250" class="ax_default box_3">
<div id="u250_div" class=""></div>
</div>
<!-- Unnamed (图片) -->
<div id="u251" class="ax_default _图片_">
<img id="u251_img" class="img " src="images/设计规范/u251.png"/>
</div>
<!-- Unnamed (图片) -->
<div id="u252" class="ax_default _图片_">
<img id="u252_img" class="img " src="images/设计规范/u252.png"/>
</div>
<!-- Unnamed (矩形) -->
<div id="u253" class="ax_default label">
<div id="u253_div" class=""></div>
<div id="u253_text" class="text ">
<p><span>每日推荐</span></p>
</div>
</div>
<!-- Unnamed (矩形) -->
<div id="u254" class="ax_default label">
<div id="u254_div" class=""></div>
<div id="u254_text" class="text ">
<p><span>今日热榜</span></p>
</div>
</div>
<!-- Unnamed (矩形) -->
<div id="u255" class="ax_default label">
<div id="u255_div" class=""></div>
<div id="u255_text" class="text ">
<p><span>新歌榜</span></p>
</div>
</div>
<!-- Unnamed (矩形) -->
<div id="u256" class="ax_default label">
<div id="u256_div" class=""></div>
<div id="u256_text" class="text ">
<p><span>傍晚去太子湾吗</span></p>
</div>
</div>
<!-- Unnamed (矩形) -->
<div id="u257" class="ax_default label">
<div id="u257_div" class=""></div>
<div id="u257_text" class="text ">
<p><span>Schoolgirl byebye </span></p>
</div>
</div>
<!-- Unnamed (矩形) -->
<div id="u258" class="ax_default label">
<div id="u258_div" class=""></div>
<div id="u258_text" class="text ">
<p><span>1&nbsp; 情人 - 蔡徐坤</span></p>
</div>
</div>
<!-- Unnamed (矩形) -->
<div id="u259" class="ax_default label">
<div id="u259_div" class=""></div>
<div id="u259_text" class="text ">
<p><span>2&nbsp; 脆弱星球 - 杨胖雨</span></p>
</div>
</div>
<!-- Unnamed (矩形) -->
<div id="u260" class="ax_default label">
<div id="u260_div" class=""></div>
<div id="u260_text" class="text ">
<p><span>3&nbsp; 22 - 王子异</span></p>
</div>
</div>
<!-- Unnamed (矩形) -->
<div id="u261" class="ax_default label">
<div id="u261_div" class=""></div>
<div id="u261_text" class="text ">
<p><span>1&nbsp; R&amp;B All Night(Masiwei…</span></p>
</div>
</div>
<!-- Unnamed (矩形) -->
<div id="u262" class="ax_default label">
<div id="u262_div" class=""></div>
<div id="u262_text" class="text ">
<p><span>2&nbsp; 故意 - XMASwu</span></p>
</div>
</div>
<!-- Unnamed (矩形) -->
<div id="u263" class="ax_default label">
<div id="u263_div" class=""></div>
<div id="u263_text" class="text ">
<p><span>3&nbsp; 小丑女 - 杨和苏KeyNG</span></p>
</div>
</div>
<!-- Unnamed (水平线) -->
<div id="u264" class="ax_default line">
<img id="u264_img" class="img " src="images/设计规范/u264.png"/>
</div>
<!-- Unnamed (矩形) -->
<div id="u265" class="ax_default label">
<div id="u265_div" class=""></div>
<div id="u265_text" class="text ">
<p><span></span></p>
</div>
</div>
<!-- Unnamed (矩形) -->
<div id="u266" class="ax_default label">
<div id="u266_div" class=""></div>
<div id="u266_text" class="text ">
<p><span></span></p>
</div>
</div>
<!-- Unnamed (矩形) -->
<div id="u267" class="ax_default label">
<div id="u267_div" class=""></div>
<div id="u267_text" class="text ">
<p><span></span></p>
</div>
</div>
<!-- Unnamed (矩形) -->
<div id="u268" class="ax_default label">
<div id="u268_div" class=""></div>
<div id="u268_text" class="text ">
<p><span></span></p>
</div>
</div>
<!-- Unnamed (矩形) -->
<div id="u269" class="ax_default label">
<div id="u269_div" class=""></div>
<div id="u269_text" class="text ">
<p><span></span></p>
</div>
</div>
<!-- Unnamed (矩形) -->
<div id="u270" class="ax_default label">
<div id="u270_div" class=""></div>
<div id="u270_text" class="text ">
<p><span></span></p>
</div>
</div>
<!-- Unnamed (组合) -->
<div id="u271" class="ax_default" data-left="896" data-top="8538" data-width="100" data-height="100">
<!-- Unnamed (椭圆形) -->
<div id="u272" class="ax_default ellipse">
<img id="u272_img" class="img " src="images/设计规范/u170.png"/>
</div>
<!-- Unnamed (图片) -->
<div id="u273" class="ax_default _图片_">
<img id="u273_img" class="img " src="images/设计规范/u171.png"/>
</div>
</div>
<!-- Unnamed (图片) -->
<div id="u274" class="ax_default _图片_">
<img id="u274_img" class="img " src="images/设计规范/u274.png"/>
</div>
<!-- Unnamed (图片) -->
<div id="u275" class="ax_default _图片_">
<img id="u275_img" class="img " src="images/设计规范/u275.png"/>
</div>
<!-- Unnamed (矩形) -->
<div id="u276" class="ax_default label">
<div id="u276_div" class=""></div>
<div id="u276_text" class="text ">
<p><span>另一个童话</span></p>
</div>
</div>
<!-- Unnamed (矩形) -->
<div id="u277" class="ax_default label">
<div id="u277_div" class=""></div>
<div id="u277_text" class="text ">
<p><span>G.E.M.邓紫棋</span></p>
</div>
</div>
<!-- Unnamed (组合) -->
<div id="u278" class="ax_default" data-left="269" data-top="8675" data-width="751" data-height="121">
<!-- Unnamed (矩形) -->
<div id="u279" class="ax_default box_1">
<div id="u279_div" class=""></div>
</div>
<!-- Unnamed (矩形) -->
<div id="u280" class="ax_default label">
<img id="u280_img" class="img " src="images/设计规范/u124.png"/>
<div id="u280_text" class="text ">
<p><span>首页</span></p>
</div>
</div>
<!-- Unnamed (矩形) -->
<div id="u281" class="ax_default label">
<img id="u281_img" class="img " src="images/设计规范/u128.png"/>
<div id="u281_text" class="text ">
<p><span>我的音乐</span></p>
</div>
</div>
<!-- Unnamed (矩形) -->
<div id="u282" class="ax_default label">
<img id="u282_img" class="img " src="images/设计规范/u128.png"/>
<div id="u282_text" class="text ">
<p><span>早晚推荐</span></p>
</div>
</div>
<!-- Unnamed (矩形) -->
<div id="u283" class="ax_default label">
<img id="u283_img" class="img " src="images/设计规范/u128.png"/>
<div id="u283_text" class="text ">
<p><span>账号管理</span></p>
</div>
</div>
<!-- Unnamed (图片) -->
<div id="u284" class="ax_default _图片_">
<img id="u284_img" class="img " src="images/设计规范/u284.png"/>
</div>
<!-- Unnamed (图片) -->
<div id="u285" class="ax_default _图片_">
<img id="u285_img" class="img " src="images/设计规范/u285.png"/>
</div>
<!-- Unnamed (图片) -->
<div id="u286" class="ax_default _图片_">
<img id="u286_img" class="img " src="images/设计规范/u286.png"/>
</div>
<!-- Unnamed (图片) -->
<div id="u287" class="ax_default _图片_">
<img id="u287_img" class="img " src="images/设计规范/u287.png"/>
</div>
</div>
</div>
<!-- Unnamed (矩形) -->
<div id="u288" class="ax_default box_2">
<div id="u288_div" class=""></div>
</div>
<!-- Unnamed (组合) -->
<div id="u289" class="ax_default" data-left="1140" data-top="7194" data-width="947" data-height="1857">
<!-- Unnamed (图片) -->
<div id="u290" class="ax_default _图片_">
<img id="u290_img" class="img " src="images/设计规范/u1.png"/>
</div>
<!-- Unnamed (组合) -->
<div id="u291" class="ax_default" data-left="1242" data-top="7465" data-width="751" data-height="1335">
<!-- Unnamed (矩形) -->
<div id="u292" class="ax_default box_2">
<div id="u292_div" class=""></div>
</div>
<!-- Unnamed (矩形) -->
<div id="u293" class="ax_default box_1">
<div id="u293_div" class=""></div>
</div>
<!-- Unnamed (矩形) -->
<div id="u294" class="ax_default box_1">
<div id="u294_div" class=""></div>
</div>
<!-- Header 2 (矩形) -->
<div id="u295" class="ax_default _文本段落" data-label="Header 2">
<div id="u295_div" class=""></div>
<div id="u295_text" class="text ">
<p><span>100%</span></p>
</div>
</div>
<!-- Unnamed (图片) -->
<div id="u296" class="ax_default _图片_">
<img id="u296_img" class="img " src="images/设计规范/u94.png"/>
</div>
<!-- Unnamed (图片) -->
<div id="u297" class="ax_default _图片_">
<img id="u297_img" class="img " src="images/设计规范/u95.png"/>
</div>
<!-- Unnamed (图片) -->
<div id="u298" class="ax_default _图片_">
<img id="u298_img" class="img " src="images/设计规范/u96.png"/>
</div>
<!-- Unnamed (矩形) -->
<div id="u299" class="ax_default label">
<div id="u299_div" class=""></div>
<div id="u299_text" class="text ">
<p><span>4:54 AM</span></p>
</div>
</div>
<!-- Unnamed (矩形) -->
<div id="u300" class="ax_default label">
<div id="u300_div" class=""></div>
<div id="u300_text" class="text ">
<p><span>首页</span></p>
</div>
</div>
<!-- Unnamed (图片) -->
<div id="u301" class="ax_default _图片_">
<img id="u301_img" class="img " src="images/设计规范/u31.png"/>
</div>
<!-- Unnamed (图片) -->
<div id="u302" class="ax_default _图片_">
<img id="u302_img" class="img " src="images/设计规范/u33.png"/>
</div>
<!-- Unnamed (矩形) -->
<div id="u303" class="ax_default label">
<div id="u303_div" class=""></div>
<div id="u303_text" class="text ">
<p><span>我的音乐</span></p>
</div>
</div>
<!-- Unnamed (矩形) -->
<div id="u304" class="ax_default label">
<div id="u304_div" class=""></div>
<div id="u304_text" class="text ">
<p><span>早晚推荐</span></p>
</div>
</div>
<!-- Unnamed (矩形) -->
<div id="u305" class="ax_default label">
<div id="u305_div" class=""></div>
<div id="u305_text" class="text ">
<p><span>账号管理</span></p>
</div>
</div>
<!-- Unnamed (图片) -->
<div id="u306" class="ax_default _图片_">
<img id="u306_img" class="img " src="images/设计规范/u190.png"/>
</div>
<!-- Unnamed (图片) -->
<div id="u307" class="ax_default _图片_">
<img id="u307_img" class="img " src="images/设计规范/u44.png"/>
</div>
</div>
<!-- Unnamed (图片) -->
<div id="u308" class="ax_default _图片_">
<img id="u308_img" class="img " src="images/设计规范/u308.png"/>
</div>
<!-- Unnamed (图片) -->
<div id="u309" class="ax_default _图片_">
<img id="u309_img" class="img " src="images/设计规范/u99.png"/>
</div>
<!-- Unnamed (矩形) -->
<div id="u310" class="ax_default box_2">
<div id="u310_div" class=""></div>
</div>
<!-- Unnamed (矩形) -->
<div id="u311" class="ax_default label">
<div id="u311_div" class=""></div>
<div id="u311_text" class="text ">
<p><span>周杰伦</span></p>
</div>
</div>
<!-- Unnamed (矩形) -->
<div id="u312" class="ax_default label">
<div id="u312_div" class=""></div>
<div id="u312_text" class="text ">
<p><span>郭顶</span></p>
</div>
</div>
<!-- Unnamed (矩形) -->
<div id="u313" class="ax_default label">
<div id="u313_div" class=""></div>
<div id="u313_text" class="text ">
<p><span>雷雨心</span></p>
</div>
</div>
<!-- Unnamed (矩形) -->
<div id="u314" class="ax_default label">
<div id="u314_div" class=""></div>
<div id="u314_text" class="text ">
<p><span>88rising</span></p>
</div>
</div>
<!-- Unnamed (矩形) -->
<div id="u315" class="ax_default label">
<div id="u315_div" class=""></div>
<div id="u315_text" class="text ">
<p><span>陈绮贞</span></p>
</div>
</div>
<!-- Unnamed (矩形) -->
<div id="u316" class="ax_default label">
<div id="u316_div" class=""></div>
<div id="u316_text" class="text ">
<p><span>卢广仲</span></p>
</div>
</div>
<!-- Unnamed (图片) -->
<div id="u317" class="ax_default _图片_">
<img id="u317_img" class="img " src="images/设计规范/u317.png"/>
</div>
<!-- Unnamed (图片) -->
<div id="u318" class="ax_default _图片_">
<img id="u318_img" class="img " src="images/设计规范/u318.png"/>
</div>
<!-- Unnamed (图片) -->
<div id="u319" class="ax_default _图片_">
<img id="u319_img" class="img " src="images/设计规范/u319.png"/>
</div>
<!-- Unnamed (图片) -->
<div id="u320" class="ax_default _图片_">
<img id="u320_img" class="img " src="images/设计规范/u320.png"/>
</div>
<!-- Unnamed (图片) -->
<div id="u321" class="ax_default _图片_">
<img id="u321_img" class="img " src="images/设计规范/u321.png"/>
</div>
<!-- Unnamed (矩形) -->
<div id="u322" class="ax_default box_1">
<div id="u322_div" class=""></div>
</div>
<!-- Unnamed (图片) -->
<div id="u323" class="ax_default _图片_">
<img id="u323_img" class="img " src="images/设计规范/u210.png"/>
</div>
<!-- Unnamed (矩形) -->
<div id="u324" class="ax_default label">
<div id="u324_div" class=""></div>
<div id="u324_text" class="text ">
<p><span>搜索歌手</span></p>
</div>
</div>
<!-- Unnamed (组合) -->
<div id="u325" class="ax_default" data-left="1867" data-top="8542" data-width="100" data-height="100">
<!-- Unnamed (椭圆形) -->
<div id="u326" class="ax_default ellipse">
<img id="u326_img" class="img " src="images/设计规范/u170.png"/>
</div>
<!-- Unnamed (图片) -->
<div id="u327" class="ax_default _图片_">
<img id="u327_img" class="img " src="images/设计规范/u171.png"/>
</div>
</div>
<!-- Unnamed (矩形) -->
<div id="u328" class="ax_default label">
<div id="u328_div" class=""></div>
<div id="u328_text" class="text ">
<p><span>我的收藏</span></p>
</div>
</div>
<!-- Unnamed (矩形) -->
<div id="u329" class="ax_default label">
<div id="u329_div" class=""></div>
<div id="u329_text" class="text ">
<p><span>专辑11</span></p>
</div>
</div>
<!-- Unnamed (矩形) -->
<div id="u330" class="ax_default label">
<div id="u330_div" class=""></div>
<div id="u330_text" class="text ">
<p><span>歌手6</span></p>
</div>
</div>
<!-- Unnamed (矩形) -->
<div id="u331" class="ax_default label">
<div id="u331_div" class=""></div>
<div id="u331_text" class="text ">
<p><span>歌单6</span></p>
</div>
</div>
</div>
<!-- Unnamed (椭圆形) -->
<div id="u332" class="ax_default ellipse">
<img id="u332_img" class="img " src="images/设计规范/u332.png"/>
</div>
<!-- Unnamed (椭圆形) -->
<div id="u333" class="ax_default ellipse">
<img id="u333_img" class="img " src="images/设计规范/u332.png"/>
</div>
<!-- Unnamed (椭圆形) -->
<div id="u334" class="ax_default ellipse">
<img id="u334_img" class="img " src="images/设计规范/u332.png"/>
</div>
<!-- Unnamed (椭圆形) -->
<div id="u335" class="ax_default ellipse">
<img id="u335_img" class="img " src="images/设计规范/u332.png"/>
</div>
<!-- Unnamed (椭圆形) -->
<div id="u336" class="ax_default ellipse">
<img id="u336_img" class="img " src="images/设计规范/u332.png"/>
</div>
<!-- Unnamed (椭圆形) -->
<div id="u337" class="ax_default ellipse">
<img id="u337_img" class="img " src="images/设计规范/u332.png"/>
</div>
<!-- Unnamed (矩形) -->
<div id="u338" class="ax_default label">
<div id="u338_div" class=""></div>
<div id="u338_text" class="text ">
<p><span>1:1</span></p>
</div>
</div>
<!-- Unnamed (矩形) -->
<div id="u339" class="ax_default label">
<div id="u339_div" class=""></div>
<div id="u339_text" class="text ">
<p><span>1:1</span></p>
</div>
</div>
<!-- Unnamed (矩形) -->
<div id="u340" class="ax_default label">
<div id="u340_div" class=""></div>
<div id="u340_text" class="text ">
<p><span>1:1</span></p>
</div>
</div>
<!-- Unnamed (矩形) -->
<div id="u341" class="ax_default label">
<div id="u341_div" class=""></div>
<div id="u341_text" class="text ">
<p><span>1:1</span></p>
</div>
</div>
<!-- Unnamed (组合) -->
<div id="u342" class="ax_default" data-left="1257" data-top="4935" data-width="947" data-height="1857">
<!-- Unnamed (图片) -->
<div id="u343" class="ax_default _图片_">
<img id="u343_img" class="img " src="images/设计规范/u1.png"/>
</div>
<!-- Unnamed (组合) -->
<div id="u344" class="ax_default" data-left="1359" data-top="5206" data-width="751" data-height="1335">
<!-- Unnamed (矩形) -->
<div id="u345" class="ax_default box_2">
<div id="u345_div" class=""></div>
</div>
<!-- Unnamed (矩形) -->
<div id="u346" class="ax_default box_1">
<div id="u346_div" class=""></div>
</div>
<!-- Unnamed (矩形) -->
<div id="u347" class="ax_default box_1">
<div id="u347_div" class=""></div>
</div>
<!-- Header 2 (矩形) -->
<div id="u348" class="ax_default _文本段落" data-label="Header 2">
<div id="u348_div" class=""></div>
<div id="u348_text" class="text ">
<p><span>100%</span></p>
</div>
</div>
<!-- Unnamed (图片) -->
<div id="u349" class="ax_default _图片_">
<img id="u349_img" class="img " src="images/设计规范/u94.png"/>
</div>
<!-- Unnamed (图片) -->
<div id="u350" class="ax_default _图片_">
<img id="u350_img" class="img " src="images/设计规范/u95.png"/>
</div>
<!-- Unnamed (图片) -->
<div id="u351" class="ax_default _图片_">
<img id="u351_img" class="img " src="images/设计规范/u96.png"/>
</div>
<!-- Unnamed (矩形) -->
<div id="u352" class="ax_default label">
<div id="u352_div" class=""></div>
<div id="u352_text" class="text ">
<p><span>4:54 AM</span></p>
</div>
</div>
<!-- Unnamed (矩形) -->
<div id="u353" class="ax_default label">
<div id="u353_div" class=""></div>
<div id="u353_text" class="text ">
<p><span>首页</span></p>
</div>
</div>
<!-- Unnamed (图片) -->
<div id="u354" class="ax_default _图片_">
<img id="u354_img" class="img " src="images/设计规范/u31.png"/>
</div>
<!-- Unnamed (图片) -->
<div id="u355" class="ax_default _图片_">
<img id="u355_img" class="img " src="images/设计规范/u33.png"/>
</div>
<!-- Unnamed (矩形) -->
<div id="u356" class="ax_default label">
<div id="u356_div" class=""></div>
<div id="u356_text" class="text ">
<p><span>我的音乐</span></p>
</div>
</div>
<!-- Unnamed (矩形) -->
<div id="u357" class="ax_default label">
<div id="u357_div" class=""></div>
<div id="u357_text" class="text ">
<p><span>早晚推荐</span></p>
</div>
</div>
<!-- Unnamed (矩形) -->
<div id="u358" class="ax_default label">
<div id="u358_div" class=""></div>
<div id="u358_text" class="text ">
<p><span>账号管理</span></p>
</div>
</div>
<!-- Unnamed (图片) -->
<div id="u359" class="ax_default _图片_">
<img id="u359_img" class="img " src="images/设计规范/u190.png"/>
</div>
<!-- Unnamed (图片) -->
<div id="u360" class="ax_default _图片_">
<img id="u360_img" class="img " src="images/设计规范/u44.png"/>
</div>
</div>
<!-- Unnamed (矩形) -->
<div id="u361" class="ax_default label">
<div id="u361_div" class=""></div>
<div id="u361_text" class="text ">
<p><span>我的收藏</span></p>
</div>
</div>
<!-- Unnamed (图片) -->
<div id="u362" class="ax_default _图片_">
<img id="u362_img" class="img " src="images/设计规范/u99.png"/>
</div>
<!-- Unnamed (矩形) -->
<div id="u363" class="ax_default label">
<div id="u363_div" class=""></div>
<div id="u363_text" class="text ">
<p><span>专辑11</span></p>
</div>
</div>
<!-- Unnamed (矩形) -->
<div id="u364" class="ax_default label">
<div id="u364_div" class=""></div>
<div id="u364_text" class="text ">
<p><span>歌手6</span></p>
</div>
</div>
<!-- Unnamed (矩形) -->
<div id="u365" class="ax_default label">
<div id="u365_div" class=""></div>
<div id="u365_text" class="text ">
<p><span>歌单6</span></p>
</div>
</div>
<!-- Unnamed (矩形) -->
<div id="u366" class="ax_default label">
<div id="u366_div" class=""></div>
<div id="u366_text" class="text ">
<p><span>收藏的专辑</span></p>
</div>
</div>
<!-- Unnamed (图片) -->
<div id="u367" class="ax_default _图片_">
<img id="u367_img" class="img " src="images/设计规范/u367.png"/>
</div>
<!-- Unnamed (图片) -->
<div id="u368" class="ax_default _图片_">
<img id="u368_img" class="img " src="images/设计规范/u368.png"/>
</div>
<!-- Unnamed (图片) -->
<div id="u369" class="ax_default _图片_">
<img id="u369_img" class="img " src="images/设计规范/u369.png"/>
</div>
<!-- Unnamed (图片) -->
<div id="u370" class="ax_default _图片_">
<img id="u370_img" class="img " src="images/设计规范/u370.png"/>
</div>
<!-- Unnamed (矩形) -->
<div id="u371" class="ax_default box_2">
<div id="u371_div" class=""></div>
</div>
<!-- Unnamed (组合) -->
<div id="u372" class="ax_default" data-left="1984" data-top="6283" data-width="100" data-height="100">
<!-- Unnamed (椭圆形) -->
<div id="u373" class="ax_default ellipse">
<img id="u373_img" class="img " src="images/设计规范/u170.png"/>
</div>
<!-- Unnamed (图片) -->
<div id="u374" class="ax_default _图片_">
<img id="u374_img" class="img " src="images/设计规范/u171.png"/>
</div>
</div>
<!-- Unnamed (矩形) -->
<div id="u375" class="ax_default box_1">
<div id="u375_div" class=""></div>
</div>
<!-- Unnamed (图片) -->
<div id="u376" class="ax_default _图片_">
<img id="u376_img" class="img " src="images/设计规范/u210.png"/>
</div>
<!-- Unnamed (矩形) -->
<div id="u377" class="ax_default label">
<div id="u377_div" class=""></div>
<div id="u377_text" class="text ">
<p><span>搜索歌手</span></p>
</div>
</div>
</div>
<!-- Unnamed (矩形) -->
<div id="u378" class="ax_default box_1">
<div id="u378_div" class=""></div>
</div>
<!-- Unnamed (矩形) -->
<div id="u379" class="ax_default label">
<div id="u379_div" class=""></div>
<div id="u379_text" class="text ">
<p><span>1:1</span></p>
</div>
</div>
<!-- Unnamed (组合) -->
<div id="u380" class="ax_default" data-left="2135" data-top="7194" data-width="947" data-height="1857">
<!-- Unnamed (图片) -->
<div id="u381" class="ax_default _图片_">
<img id="u381_img" class="img " src="images/设计规范/u1.png"/>
</div>
<!-- Unnamed (组合) -->
<div id="u382" class="ax_default" data-left="2237" data-top="7465" data-width="751" data-height="1335">
<!-- Unnamed (矩形) -->
<div id="u383" class="ax_default box_2">
<div id="u383_div" class=""></div>
</div>
<!-- Unnamed (矩形) -->
<div id="u384" class="ax_default box_1">
<div id="u384_div" class=""></div>
</div>
<!-- Header 2 (矩形) -->
<div id="u385" class="ax_default _文本段落" data-label="Header 2">
<div id="u385_div" class=""></div>
<div id="u385_text" class="text ">
<p><span>100%</span></p>
</div>
</div>
<!-- Unnamed (图片) -->
<div id="u386" class="ax_default _图片_">
<img id="u386_img" class="img " src="images/设计规范/u94.png"/>
</div>
<!-- Unnamed (图片) -->
<div id="u387" class="ax_default _图片_">
<img id="u387_img" class="img " src="images/设计规范/u95.png"/>
</div>
<!-- Unnamed (图片) -->
<div id="u388" class="ax_default _图片_">
<img id="u388_img" class="img " src="images/设计规范/u96.png"/>
</div>
<!-- Unnamed (矩形) -->
<div id="u389" class="ax_default label">
<div id="u389_div" class=""></div>
<div id="u389_text" class="text ">
<p><span>4:54 AM</span></p>
</div>
</div>
</div>
<!-- Unnamed (矩形) -->
<div id="u390" class="ax_default label">
<div id="u390_div" class=""></div>
<div id="u390_text" class="text ">
<p><span>单曲</span></p>
</div>
</div>
<!-- Unnamed (矩形) -->
<div id="u391" class="ax_default label">
<div id="u391_div" class=""></div>
<div id="u391_text" class="text ">
<p><span>视频</span></p>
</div>
</div>
<!-- Unnamed (矩形) -->
<div id="u392" class="ax_default label">
<div id="u392_div" class=""></div>
<div id="u392_text" class="text ">
<p><span>歌手</span></p>
</div>
</div>
<!-- Unnamed (矩形) -->
<div id="u393" class="ax_default label">
<div id="u393_div" class=""></div>
<div id="u393_text" class="text ">
<p><span>歌词</span></p>
</div>
</div>
<!-- Unnamed (矩形) -->
<div id="u394" class="ax_default box_2">
<div id="u394_div" class=""></div>
</div>
<!-- Unnamed (矩形) -->
<div id="u395" class="ax_default label">
<div id="u395_div" class=""></div>
<div id="u395_text" class="text ">
<p><span>听妈妈的话</span></p>
</div>
</div>
<!-- Unnamed (矩形) -->
<div id="u396" class="ax_default label">
<div id="u396_div" class=""></div>
<div id="u396_text" class="text ">
<p><span>周杰伦&nbsp; 04:24</span></p>
</div>
</div>
<!-- Unnamed (图片) -->
<div id="u397" class="ax_default _图片_">
<img id="u397_img" class="img " src="images/设计规范/u397.png"/>
</div>
<!-- Unnamed (图片) -->
<div id="u398" class="ax_default _图片_">
<img id="u398_img" class="img " src="images/设计规范/u398.png"/>
</div>
<!-- Unnamed (图片) -->
<div id="u399" class="ax_default _图片_">
<img id="u399_img" class="img " src="images/设计规范/u399.png"/>
</div>
<!-- Unnamed (图片) -->
<div id="u400" class="ax_default _图片_">
<img id="u400_img" class="img " src="images/设计规范/u400.png"/>
</div>
<!-- Unnamed (图片) -->
<div id="u401" class="ax_default _图片_">
<img id="u401_img" class="img " src="images/设计规范/u401.png"/>
</div>
<!-- Unnamed (矩形) -->
<div id="u402" class="ax_default label">
<div id="u402_div" class=""></div>
<div id="u402_text" class="text ">
<p><span>听妈妈的话(王牌对王</span></p><p><span>牌)</span></p>
</div>
</div>
<!-- Unnamed (矩形) -->
<div id="u403" class="ax_default label">
<div id="u403_div" class=""></div>
<div id="u403_text" class="text ">
<p><span>华晨宇/张歆艺&nbsp; 02:24</span></p>
</div>
</div>
<!-- Unnamed (矩形) -->
<div id="u404" class="ax_default label">
<div id="u404_div" class=""></div>
<div id="u404_text" class="text ">
<p><span>听妈妈的话(2007世界</span></p><p><span>巡回演唱会)</span></p>
</div>
</div>
<!-- Unnamed (矩形) -->
<div id="u405" class="ax_default label">
<div id="u405_div" class=""></div>
<div id="u405_text" class="text ">
<p><span>小帅哥合唱听妈妈的话</span></p>
</div>
</div>
<!-- Unnamed (矩形) -->
<div id="u406" class="ax_default label">
<div id="u406_div" class=""></div>
<div id="u406_text" class="text ">
<p><span>杜海涛、王鹤棣合唱《</span></p><p><span>听妈妈的话》</span></p>
</div>
</div>
<!-- Unnamed (矩形) -->
<div id="u407" class="ax_default label">
<div id="u407_div" class=""></div>
<div id="u407_text" class="text ">
<p><span>周杰伦/潘玮柏/张学友&nbsp; 04:24</span></p>
</div>
</div>
<!-- Unnamed (矩形) -->
<div id="u408" class="ax_default label">
<div id="u408_div" class=""></div>
<div id="u408_text" class="text ">
<p><span>来自环球音乐&nbsp; 03:24</span></p>
</div>
</div>
<!-- Unnamed (矩形) -->
<div id="u409" class="ax_default label">
<div id="u409_div" class=""></div>
<div id="u409_text" class="text ">
<p><span>来自爱豆大放送&nbsp; 02:24</span></p>
</div>
</div>
<!-- Unnamed (组合) -->
<div id="u410" class="ax_default" data-left="2862" data-top="8542" data-width="100" data-height="100">
<!-- Unnamed (椭圆形) -->
<div id="u411" class="ax_default ellipse">
<img id="u411_img" class="img " src="images/设计规范/u170.png"/>
</div>
<!-- Unnamed (图片) -->
<div id="u412" class="ax_default _图片_">
<img id="u412_img" class="img " src="images/设计规范/u171.png"/>
</div>
</div>
<!-- Unnamed (矩形) -->
<div id="u413" class="ax_default box_2">
<div id="u413_div" class=""></div>
</div>
<!-- Unnamed (矩形) -->
<div id="u414" class="ax_default box_2">
<div id="u414_div" class=""></div>
</div>
<!-- Unnamed (图片) -->
<div id="u415" class="ax_default _图片_">
<img id="u415_img" class="img " src="images/设计规范/u415.png"/>
</div>
<!-- Unnamed (图片) -->
<div id="u416" class="ax_default _图片_">
<img id="u416_img" class="img " src="images/设计规范/u99.png"/>
</div>
<!-- Unnamed (图片) -->
<div id="u417" class="ax_default _图片_">
<img id="u417_img" class="img " src="images/设计规范/u417.png"/>
</div>
<!-- Unnamed (矩形) -->
<div id="u418" class="ax_default label">
<div id="u418_div" class=""></div>
<div id="u418_text" class="text ">
<p><span>听妈妈的话</span></p>
</div>
</div>
<!-- Unnamed (矩形) -->
<div id="u419" class="ax_default box_1">
<div id="u419_div" class=""></div>
</div>
</div>
<!-- Unnamed (矩形) -->
<div id="u420" class="ax_default label">
<div id="u420_div" class=""></div>
<div id="u420_text" class="text ">
<p><span>4:3</span></p>
</div>
</div>
<!-- Unnamed (矩形) -->
<div id="u421" class="ax_default label">
<div id="u421_div" class=""></div>
<div id="u421_text" class="text ">
<p><span>列表中的视频图片尺寸</span></p>
</div>
</div>
<!-- Unnamed (矩形) -->
<div id="u422" class="ax_default label">
<div id="u422_div" class=""></div>
<div id="u422_text" class="text ">
<p><span>270*156px</span></p>
</div>
</div>
<!-- Unnamed (矩形) -->
<div id="u423" class="ax_default label">
<div id="u423_div" class=""></div>
<div id="u423_text" class="text ">
<p><span>按钮:70px</span></p>
</div>
</div>
<!-- Unnamed (组合) -->
<div id="u424" class="ax_default" data-left="2189" data-top="181" data-width="947" data-height="1857">
<!-- Unnamed (图片) -->
<div id="u425" class="ax_default _图片_">
<img id="u425_img" class="img " src="images/设计规范/u1.png"/>
</div>
<!-- Unnamed (组合) -->
<div id="u426" class="ax_default" data-left="2292" data-top="452" data-width="751" data-height="1336">
<!-- Unnamed (矩形) -->
<div id="u427" class="ax_default box_2">
<div id="u427_div" class=""></div>
</div>
<!-- Unnamed (矩形) -->
<div id="u428" class="ax_default box_1">
<div id="u428_div" class=""></div>
</div>
<!-- Unnamed (矩形) -->
<div id="u429" class="ax_default box_1">
<div id="u429_div" class=""></div>
</div>
<!-- Unnamed (矩形) -->
<div id="u430" class="ax_default label">
<img id="u430_img" class="img " src="images/设计规范/u124.png"/>
<div id="u430_text" class="text ">
<p><span>首页</span></p>
</div>
</div>
<!-- Unnamed (图片) -->
<div id="u431" class="ax_default _图片_">
<img id="u431_img" class="img " src="images/设计规范/u125.png"/>
</div>
<!-- Unnamed (图片) -->
<div id="u432" class="ax_default _图片_">
<img id="u432_img" class="img " src="images/设计规范/u126.png"/>
</div>
<!-- Unnamed (图片) -->
<div id="u433" class="ax_default _图片_">
<img id="u433_img" class="img " src="images/设计规范/u127.png"/>
</div>
<!-- Unnamed (矩形) -->
<div id="u434" class="ax_default label">
<img id="u434_img" class="img " src="images/设计规范/u128.png"/>
<div id="u434_text" class="text ">
<p><span>我的音乐</span></p>
</div>
</div>
<!-- Unnamed (矩形) -->
<div id="u435" class="ax_default label">
<img id="u435_img" class="img " src="images/设计规范/u128.png"/>
<div id="u435_text" class="text ">
<p><span>早晚推荐</span></p>
</div>
</div>
<!-- Unnamed (矩形) -->
<div id="u436" class="ax_default label">
<img id="u436_img" class="img " src="images/设计规范/u128.png"/>
<div id="u436_text" class="text ">
<p><span>账号管理</span></p>
</div>
</div>
<!-- Unnamed (矩形) -->
<div id="u437" class="ax_default box_1">
<div id="u437_div" class=""></div>
</div>
<!-- Header 2 (矩形) -->
<div id="u438" class="ax_default _文本段落" data-label="Header 2">
<img id="u438_img" class="img " src="images/设计规范/header_2_u132.png"/>
<div id="u438_text" class="text ">
<p><span>100%</span></p>
</div>
</div>
<!-- Unnamed (图片) -->
<div id="u439" class="ax_default _图片_">
<img id="u439_img" class="img " src="images/设计规范/u133.png"/>
</div>
<!-- Unnamed (图片) -->
<div id="u440" class="ax_default _图片_">
<img id="u440_img" class="img " src="images/设计规范/u134.png"/>
</div>
<!-- Unnamed (图片) -->
<div id="u441" class="ax_default _图片_">
<img id="u441_img" class="img " src="images/设计规范/u135.png"/>
</div>
<!-- Unnamed (矩形) -->
<div id="u442" class="ax_default label">
<img id="u442_img" class="img " src="images/设计规范/u136.png"/>
<div id="u442_text" class="text ">
<p><span>4:54 AM</span></p>
</div>
</div>
<!-- Unnamed (图片) -->
<div id="u443" class="ax_default _图片_">
<img id="u443_img" class="img " src="images/设计规范/u137.png"/>
</div>
</div>
<!-- Unnamed (矩形) -->
<div id="u444" class="ax_default box_2">
<div id="u444_div" class=""></div>
</div>
<!-- Unnamed (矩形) -->
<div id="u445" class="ax_default label">
<div id="u445_div" class=""></div>
<div id="u445_text" class="text ">
<p><span>早晚推荐</span></p>
</div>
</div>
<!-- Unnamed (矩形) -->
<div id="u446" class="ax_default label">
<div id="u446_div" class=""></div>
<div id="u446_text" class="text ">
<p><span>6:00-18:00</span></p>
</div>
</div>
<!-- Unnamed (图片) -->
<div id="u447" class="ax_default _图片_">
<img id="u447_img" class="img " src="images/设计规范/u141.png"/>
</div>
<!-- Unnamed (矩形) -->
<div id="u448" class="ax_default label">
<div id="u448_div" class=""></div>
<div id="u448_text" class="text ">
<p><span>播放全部</span></p>
</div>
</div>
<!-- Unnamed (图片) -->
<div id="u449" class="ax_default _图片_">
<img id="u449_img" class="img " src="images/设计规范/u143.png"/>
</div>
<!-- Unnamed (图片) -->
<div id="u450" class="ax_default _图片_">
<img id="u450_img" class="img " src="images/设计规范/u143.png"/>
</div>
<!-- Unnamed (图片) -->
<div id="u451" class="ax_default _图片_">
<img id="u451_img" class="img " src="images/设计规范/u143.png"/>
</div>
<!-- Unnamed (图片) -->
<div id="u452" class="ax_default _图片_">
<img id="u452_img" class="img " src="images/设计规范/u143.png"/>
</div>
<!-- Unnamed (图片) -->
<div id="u453" class="ax_default _图片_">
<img id="u453_img" class="img " src="images/设计规范/u143.png"/>
</div>
<!-- Unnamed (矩形) -->
<div id="u454" class="ax_default label">
<div id="u454_div" class=""></div>
<div id="u454_text" class="text ">
<p><span></span></p>
</div>
</div>
<!-- Unnamed (矩形) -->
<div id="u455" class="ax_default label">
<div id="u455_div" class=""></div>
<div id="u455_text" class="text ">
<p><span>pure imagination</span></p>
</div>
</div>
<!-- Unnamed (矩形) -->
<div id="u456" class="ax_default _文本段落">
<div id="u456_div" class=""></div>
<div id="u456_text" class="text ">
<p><span>Sakura (Original Mix)</span></p>
</div>
</div>
<!-- Unnamed (矩形) -->
<div id="u457" class="ax_default _文本段落">
<div id="u457_div" class=""></div>
<div id="u457_text" class="text ">
<p><span>r a i n y n i g h t</span></p>
</div>
</div>
<!-- Unnamed (矩形) -->
<div id="u458" class="ax_default _文本段落">
<div id="u458_div" class=""></div>
<div id="u458_text" class="text ">
<p><span>yellow</span></p>
</div>
</div>
<!-- Unnamed (矩形) -->
<div id="u459" class="ax_default label">
<div id="u459_div" class=""></div>
<div id="u459_text" class="text ">
<p><span>Seto - ᐇ</span></p>
</div>
</div>
<!-- Unnamed (矩形) -->
<div id="u460" class="ax_default _文本段落">
<div id="u460_div" class=""></div>
</div>
<!-- Unnamed (矩形) -->
<div id="u461" class="ax_default _文本段落">
<div id="u461_div" class=""></div>
<div id="u461_text" class="text ">
<p><span>ROOK1E&nbsp; - pure imagination</span></p>
</div>
</div>
<!-- Unnamed (矩形) -->
<div id="u462" class="ax_default _文本段落">
<div id="u462_div" class=""></div>
<div id="u462_text" class="text ">
<p><span>R3hab - Sakura</span></p>
</div>
</div>
<!-- Unnamed (矩形) -->
<div id="u463" class="ax_default _文本段落">
<div id="u463_div" class=""></div>
<div id="u463_text" class="text ">
<p><span>田由甲 - r a i n y n i g h t</span></p>
</div>
</div>
<!-- Unnamed (矩形) -->
<div id="u464" class="ax_default _文本段落">
<div id="u464_div" class=""></div>
<div id="u464_text" class="text ">
<p><span>eel. - confession</span></p>
</div>
</div>
<!-- Unnamed (图片) -->
<div id="u465" class="ax_default _图片_">
<img id="u465_img" class="img " src="images/设计规范/u159.png"/>
</div>
<!-- Unnamed (图片) -->
<div id="u466" class="ax_default _图片_">
<img id="u466_img" class="img " src="images/设计规范/u160.png"/>
</div>
<!-- Unnamed (图片) -->
<div id="u467" class="ax_default _图片_">
<img id="u467_img" class="img " src="images/设计规范/u161.png"/>
</div>
<!-- Unnamed (图片) -->
<div id="u468" class="ax_default _图片_">
<img id="u468_img" class="img " src="images/设计规范/u162.png"/>
</div>
<!-- Unnamed (图片) -->
<div id="u469" class="ax_default _图片_">
<img id="u469_img" class="img " src="images/设计规范/u163.png"/>
</div>
<!-- Unnamed (图片) -->
<div id="u470" class="ax_default _图片_">
<img id="u470_img" class="img " src="images/设计规范/u164.png"/>
</div>
<!-- Unnamed (图片) -->
<div id="u471" class="ax_default _图片_">
<img id="u471_img" class="img " src="images/设计规范/u164.png"/>
</div>
<!-- Unnamed (图片) -->
<div id="u472" class="ax_default _图片_">
<img id="u472_img" class="img " src="images/设计规范/u164.png"/>
</div>
<!-- Unnamed (图片) -->
<div id="u473" class="ax_default _图片_">
<img id="u473_img" class="img " src="images/设计规范/u164.png"/>
</div>
<!-- Unnamed (图片) -->
<div id="u474" class="ax_default _图片_">
<img id="u474_img" class="img " src="images/设计规范/u164.png"/>
</div>
<!-- Unnamed (组合) -->
<div id="u475" class="ax_default" data-left="2916" data-top="1529" data-width="100" data-height="100">
<!-- Unnamed (椭圆形) -->
<div id="u476" class="ax_default ellipse">
<img id="u476_img" class="img " src="images/设计规范/u170.png"/>
</div>
<!-- Unnamed (图片) -->
<div id="u477" class="ax_default _图片_">
<img id="u477_img" class="img " src="images/设计规范/u171.png"/>
</div>
</div>
<!-- Unnamed (矩形) -->
<div id="u478" class="ax_default label">
<div id="u478_div" class=""></div>
<div id="u478_text" class="text ">
<p><span>下午好~</span></p>
</div>
</div>
</div>
<!-- Unnamed (图片) -->
<div id="u479" class="ax_default _图片_">
<img id="u479_img" class="img " src="images/设计规范/u1.png"/>
</div>
<!-- Unnamed (组合) -->
<div id="u480" class="ax_default" data-left="3659" data-top="452" data-width="751" data-height="1335">
<!-- Unnamed (矩形) -->
<div id="u481" class="ax_default box_2">
<div id="u481_div" class=""></div>
</div>
<!-- Unnamed (矩形) -->
<div id="u482" class="ax_default box_1">
<div id="u482_div" class=""></div>
</div>
<!-- Header 2 (矩形) -->
<div id="u483" class="ax_default _文本段落" data-label="Header 2">
<div id="u483_div" class=""></div>
<div id="u483_text" class="text ">
<p><span>100%</span></p>
</div>
</div>
<!-- Unnamed (图片) -->
<div id="u484" class="ax_default _图片_">
<img id="u484_img" class="img " src="images/设计规范/u94.png"/>
</div>
<!-- Unnamed (图片) -->
<div id="u485" class="ax_default _图片_">
<img id="u485_img" class="img " src="images/设计规范/u95.png"/>
</div>
<!-- Unnamed (图片) -->
<div id="u486" class="ax_default _图片_">
<img id="u486_img" class="img " src="images/设计规范/u96.png"/>
</div>
<!-- Unnamed (矩形) -->
<div id="u487" class="ax_default label">
<div id="u487_div" class=""></div>
<div id="u487_text" class="text ">
<p><span>4:54 AM</span></p>
</div>
</div>
</div>
<!-- Unnamed (矩形) -->
<div id="u488" class="ax_default label">
<div id="u488_div" class=""></div>
<div id="u488_text" class="text ">
<p><span style="color:#000000;">kupsao</span><span>的听歌排行</span></p>
</div>
</div>
<!-- Unnamed (图片) -->
<div id="u489" class="ax_default _图片_">
<img id="u489_img" class="img " src="images/设计规范/u99.png"/>
</div>
<!-- Unnamed (矩形) -->
<div id="u490" class="ax_default label">
<div id="u490_div" class=""></div>
<div id="u490_text" class="text ">
<p><span>最近一周</span></p>
</div>
</div>
<!-- Unnamed (矩形) -->
<div id="u491" class="ax_default label">
<div id="u491_div" class=""></div>
<div id="u491_text" class="text ">
<p><span>所有时间</span></p>
</div>
</div>
<!-- Unnamed (矩形) -->
<div id="u492" class="ax_default box_1">
<div id="u492_div" class=""></div>
</div>
<!-- Unnamed (矩形) -->
<div id="u493" class="ax_default label">
<div id="u493_div" class=""></div>
<div id="u493_text" class="text ">
<p><span>1</span></p>
</div>
</div>
<!-- Unnamed (矩形) -->
<div id="u494" class="ax_default box_1">
<div id="u494_div" class=""></div>
</div>
<!-- Unnamed (矩形) -->
<div id="u495" class="ax_default label">
<div id="u495_div" class=""></div>
<div id="u495_text" class="text ">
<p><span>2</span></p>
</div>
</div>
<!-- Unnamed (矩形) -->
<div id="u496" class="ax_default box_1">
<div id="u496_div" class=""></div>
</div>
<!-- Unnamed (矩形) -->
<div id="u497" class="ax_default label">
<div id="u497_div" class=""></div>
<div id="u497_text" class="text ">
<p><span>3</span></p>
</div>
</div>
<!-- Unnamed (矩形) -->
<div id="u498" class="ax_default box_1">
<div id="u498_div" class=""></div>
</div>
<!-- Unnamed (矩形) -->
<div id="u499" class="ax_default label">
<div id="u499_div" class=""></div>
<div id="u499_text" class="text ">
<p><span>4</span></p>
</div>
</div>
<!-- Unnamed (矩形) -->
<div id="u500" class="ax_default box_1">
<div id="u500_div" class=""></div>
</div>
<!-- Unnamed (矩形) -->
<div id="u501" class="ax_default label">
<div id="u501_div" class=""></div>
<div id="u501_text" class="text ">
<p><span>5</span></p>
</div>
</div>
<!-- Unnamed (矩形) -->
<div id="u502" class="ax_default box_1">
<div id="u502_div" class=""></div>
</div>
<!-- Unnamed (矩形) -->
<div id="u503" class="ax_default label">
<div id="u503_div" class=""></div>
<div id="u503_text" class="text ">
<p><span>6</span></p>
</div>
</div>
<!-- Unnamed (矩形) -->
<div id="u504" class="ax_default box_1">
<div id="u504_div" class=""></div>
</div>
<!-- Unnamed (矩形) -->
<div id="u505" class="ax_default label">
<div id="u505_div" class=""></div>
<div id="u505_text" class="text ">
<p><span>7</span></p>
</div>
</div>
<!-- Unnamed (矩形) -->
<div id="u506" class="ax_default box_1">
<div id="u506_div" class=""></div>
</div>
<!-- Unnamed (矩形) -->
<div id="u507" class="ax_default label">
<div id="u507_div" class=""></div>
<div id="u507_text" class="text ">
<p><span>8</span></p>
</div>
</div>
<!-- Unnamed (矩形) -->
<div id="u508" class="ax_default box_1">
<div id="u508_div" class=""></div>
</div>
<!-- Unnamed (矩形) -->
<div id="u509" class="ax_default label">
<div id="u509_div" class=""></div>
<div id="u509_text" class="text ">
<p><span>9</span></p>
</div>
</div>
<!-- Unnamed (矩形) -->
<div id="u510" class="ax_default box_1">
<div id="u510_div" class=""></div>
</div>
<!-- Unnamed (矩形) -->
<div id="u511" class="ax_default label">
<div id="u511_div" class=""></div>
<div id="u511_text" class="text ">
<p><span>10</span></p>
</div>
</div>
<!-- Unnamed (矩形) -->
<div id="u512" class="ax_default label">
<div id="u512_div" class=""></div>
<div id="u512_text" class="text ">
<p><span>彩虹</span></p>
</div>
</div>
<!-- Unnamed (矩形) -->
<div id="u513" class="ax_default label">
<div id="u513_div" class=""></div>
<div id="u513_text" class="text ">
<p><span>周杰伦</span></p>
</div>
</div>
<!-- Unnamed (矩形) -->
<div id="u514" class="ax_default button">
<div id="u514_div" class=""></div>
<div id="u514_text" class="text ">
<p><span>独家</span></p>
</div>
</div>
<!-- Unnamed (矩形) -->
<div id="u515" class="ax_default button">
<div id="u515_div" class=""></div>
<div id="u515_text" class="text ">
<p><span>SQ</span></p>
</div>
</div>
<!-- Unnamed (矩形) -->
<div id="u516" class="ax_default label">
<div id="u516_div" class=""></div>
<div id="u516_text" class="text ">
<p><span>稻香</span></p>
</div>
</div>
<!-- Unnamed (矩形) -->
<div id="u517" class="ax_default label">
<div id="u517_div" class=""></div>
<div id="u517_text" class="text ">
<p><span>周杰伦</span></p>
</div>
</div>
<!-- Unnamed (矩形) -->
<div id="u518" class="ax_default button">
<div id="u518_div" class=""></div>
<div id="u518_text" class="text ">
<p><span>独家</span></p>
</div>
</div>
<!-- Unnamed (矩形) -->
<div id="u519" class="ax_default button">
<div id="u519_div" class=""></div>
<div id="u519_text" class="text ">
<p><span>SQ</span></p>
</div>
</div>
<!-- Unnamed (矩形) -->
<div id="u520" class="ax_default label">
<div id="u520_div" class=""></div>
<div id="u520_text" class="text ">
<p><span>搁浅</span></p>
</div>
</div>
<!-- Unnamed (矩形) -->
<div id="u521" class="ax_default label">
<div id="u521_div" class=""></div>
<div id="u521_text" class="text ">
<p><span>周杰伦</span></p>
</div>
</div>
<!-- Unnamed (矩形) -->
<div id="u522" class="ax_default button">
<div id="u522_div" class=""></div>
<div id="u522_text" class="text ">
<p><span>独家</span></p>
</div>
</div>
<!-- Unnamed (矩形) -->
<div id="u523" class="ax_default button">
<div id="u523_div" class=""></div>
<div id="u523_text" class="text ">
<p><span>SQ</span></p>
</div>
</div>
<!-- Unnamed (矩形) -->
<div id="u524" class="ax_default label">
<div id="u524_div" class=""></div>
<div id="u524_text" class="text ">
<p><span>最长的电影</span></p>
</div>
</div>
<!-- Unnamed (矩形) -->
<div id="u525" class="ax_default label">
<div id="u525_div" class=""></div>
<div id="u525_text" class="text ">
<p><span>周杰伦</span></p>
</div>
</div>
<!-- Unnamed (矩形) -->
<div id="u526" class="ax_default button">
<div id="u526_div" class=""></div>
<div id="u526_text" class="text ">
<p><span>独家</span></p>
</div>
</div>
<!-- Unnamed (矩形) -->
<div id="u527" class="ax_default button">
<div id="u527_div" class=""></div>
<div id="u527_text" class="text ">
<p><span>SQ</span></p>
</div>
</div>
<!-- Unnamed (矩形) -->
<div id="u528" class="ax_default label">
<div id="u528_div" class=""></div>
<div id="u528_text" class="text ">
<p><span>蒲公英的约定</span></p>
</div>
</div>
<!-- Unnamed (矩形) -->
<div id="u529" class="ax_default label">
<div id="u529_div" class=""></div>
<div id="u529_text" class="text ">
<p><span>周杰伦</span></p>
</div>
</div>
<!-- Unnamed (矩形) -->
<div id="u530" class="ax_default button">
<div id="u530_div" class=""></div>
<div id="u530_text" class="text ">
<p><span>独家</span></p>
</div>
</div>
<!-- Unnamed (矩形) -->
<div id="u531" class="ax_default button">
<div id="u531_div" class=""></div>
<div id="u531_text" class="text ">
<p><span>SQ</span></p>
</div>
</div>
<!-- Unnamed (矩形) -->
<div id="u532" class="ax_default label">
<div id="u532_div" class=""></div>
<div id="u532_text" class="text ">
<p><span>园游会</span></p>
</div>
</div>
<!-- Unnamed (矩形) -->
<div id="u533" class="ax_default label">
<div id="u533_div" class=""></div>
<div id="u533_text" class="text ">
<p><span>周杰伦</span></p>
</div>
</div>
<!-- Unnamed (矩形) -->
<div id="u534" class="ax_default button">
<div id="u534_div" class=""></div>
<div id="u534_text" class="text ">
<p><span>独家</span></p>
</div>
</div>
<!-- Unnamed (矩形) -->
<div id="u535" class="ax_default button">
<div id="u535_div" class=""></div>
<div id="u535_text" class="text ">
<p><span>SQ</span></p>
</div>
</div>
<!-- Unnamed (矩形) -->
<div id="u536" class="ax_default label">
<div id="u536_div" class=""></div>
<div id="u536_text" class="text ">
<p><span>说好不哭</span></p>
</div>
</div>
<!-- Unnamed (矩形) -->
<div id="u537" class="ax_default label">
<div id="u537_div" class=""></div>
<div id="u537_text" class="text ">
<p><span>周杰伦</span></p>
</div>
</div>
<!-- Unnamed (矩形) -->
<div id="u538" class="ax_default button">
<div id="u538_div" class=""></div>
<div id="u538_text" class="text ">
<p><span>独家</span></p>
</div>
</div>
<!-- Unnamed (矩形) -->
<div id="u539" class="ax_default button">
<div id="u539_div" class=""></div>
<div id="u539_text" class="text ">
<p><span>SQ</span></p>
</div>
</div>
<!-- Unnamed (矩形) -->
<div id="u540" class="ax_default label">
<div id="u540_div" class=""></div>
<div id="u540_text" class="text ">
<p><span>Mojito</span></p>
</div>
</div>
<!-- Unnamed (矩形) -->
<div id="u541" class="ax_default label">
<div id="u541_div" class=""></div>
<div id="u541_text" class="text ">
<p><span>周杰伦</span></p>
</div>
</div>
<!-- Unnamed (矩形) -->
<div id="u542" class="ax_default button">
<div id="u542_div" class=""></div>
<div id="u542_text" class="text ">
<p><span>独家</span></p>
</div>
</div>
<!-- Unnamed (矩形) -->
<div id="u543" class="ax_default button">
<div id="u543_div" class=""></div>
<div id="u543_text" class="text ">
<p><span>SQ</span></p>
</div>
</div>
<!-- Unnamed (矩形) -->
<div id="u544" class="ax_default label">
<div id="u544_div" class=""></div>
<div id="u544_text" class="text ">
<p><span>晴天</span></p>
</div>
</div>
<!-- Unnamed (矩形) -->
<div id="u545" class="ax_default label">
<div id="u545_div" class=""></div>
<div id="u545_text" class="text ">
<p><span>周杰伦</span></p>
</div>
</div>
<!-- Unnamed (矩形) -->
<div id="u546" class="ax_default button">
<div id="u546_div" class=""></div>
<div id="u546_text" class="text ">
<p><span>独家</span></p>
</div>
</div>
<!-- Unnamed (矩形) -->
<div id="u547" class="ax_default button">
<div id="u547_div" class=""></div>
<div id="u547_text" class="text ">
<p><span>SQ</span></p>
</div>
</div>
<!-- Unnamed (矩形) -->
<div id="u548" class="ax_default label">
<div id="u548_div" class=""></div>
<div id="u548_text" class="text ">
<p><span>一路向北</span></p>
</div>
</div>
<!-- Unnamed (矩形) -->
<div id="u549" class="ax_default label">
<div id="u549_div" class=""></div>
<div id="u549_text" class="text ">
<p><span>周杰伦</span></p>
</div>
</div>
<!-- Unnamed (矩形) -->
<div id="u550" class="ax_default button">
<div id="u550_div" class=""></div>
<div id="u550_text" class="text ">
<p><span>独家</span></p>
</div>
</div>
<!-- Unnamed (矩形) -->
<div id="u551" class="ax_default button">
<div id="u551_div" class=""></div>
<div id="u551_text" class="text ">
<p><span>SQ</span></p>
</div>
</div>
<!-- Unnamed (形状) -->
<div id="u552" class="ax_default icon">
<img id="u552_img" class="img " src="images/设计规范/u552.png"/>
</div>
<!-- Unnamed (矩形) -->
<div id="u553" class="ax_default label">
<div id="u553_div" class=""></div>
<div id="u553_text" class="text ">
<p><span>26次</span></p>
</div>
</div>
<!-- Unnamed (形状) -->
<div id="u554" class="ax_default icon">
<img id="u554_img" class="img " src="images/设计规范/u552.png"/>
</div>
<!-- Unnamed (矩形) -->
<div id="u555" class="ax_default label">
<div id="u555_div" class=""></div>
<div id="u555_text" class="text ">
<p><span>25次</span></p>
</div>
</div>
<!-- Unnamed (形状) -->
<div id="u556" class="ax_default icon">
<img id="u556_img" class="img " src="images/设计规范/u552.png"/>
</div>
<!-- Unnamed (矩形) -->
<div id="u557" class="ax_default label">
<div id="u557_div" class=""></div>
<div id="u557_text" class="text ">
<p><span>24次</span></p>
</div>
</div>
<!-- Unnamed (形状) -->
<div id="u558" class="ax_default icon">
<img id="u558_img" class="img " src="images/设计规范/u552.png"/>
</div>
<!-- Unnamed (矩形) -->
<div id="u559" class="ax_default label">
<div id="u559_div" class=""></div>
<div id="u559_text" class="text ">
<p><span>23次</span></p>
</div>
</div>
<!-- Unnamed (形状) -->
<div id="u560" class="ax_default icon">
<img id="u560_img" class="img " src="images/设计规范/u552.png"/>
</div>
<!-- Unnamed (矩形) -->
<div id="u561" class="ax_default label">
<div id="u561_div" class=""></div>
<div id="u561_text" class="text ">
<p><span>22次</span></p>
</div>
</div>
<!-- Unnamed (形状) -->
<div id="u562" class="ax_default icon">
<img id="u562_img" class="img " src="images/设计规范/u552.png"/>
</div>
<!-- Unnamed (矩形) -->
<div id="u563" class="ax_default label">
<div id="u563_div" class=""></div>
<div id="u563_text" class="text ">
<p><span>21次</span></p>
</div>
</div>
<!-- Unnamed (形状) -->
<div id="u564" class="ax_default icon">
<img id="u564_img" class="img " src="images/设计规范/u552.png"/>
</div>
<!-- Unnamed (矩形) -->
<div id="u565" class="ax_default label">
<div id="u565_div" class=""></div>
<div id="u565_text" class="text ">
<p><span>20次</span></p>
</div>
</div>
<!-- Unnamed (形状) -->
<div id="u566" class="ax_default icon">
<img id="u566_img" class="img " src="images/设计规范/u552.png"/>
</div>
<!-- Unnamed (矩形) -->
<div id="u567" class="ax_default label">
<div id="u567_div" class=""></div>
<div id="u567_text" class="text ">
<p><span>19次</span></p>
</div>
</div>
<!-- Unnamed (形状) -->
<div id="u568" class="ax_default icon">
<img id="u568_img" class="img " src="images/设计规范/u552.png"/>
</div>
<!-- Unnamed (矩形) -->
<div id="u569" class="ax_default label">
<div id="u569_div" class=""></div>
<div id="u569_text" class="text ">
<p><span>18次</span></p>
</div>
</div>
<!-- Unnamed (形状) -->
<div id="u570" class="ax_default icon">
<img id="u570_img" class="img " src="images/设计规范/u552.png"/>
</div>
<!-- Unnamed (矩形) -->
<div id="u571" class="ax_default label">
<div id="u571_div" class=""></div>
<div id="u571_text" class="text ">
<p><span>17次</span></p>
</div>
</div>
<!-- Unnamed (水平线) -->
<div id="u572" class="ax_default line">
<img id="u572_img" class="img " src="images/设计规范/u572.png"/>
</div>
<!-- Unnamed (水平线) -->
<div id="u573" class="ax_default line">
<img id="u573_img" class="img " src="images/设计规范/u573.png"/>
</div>
<!-- Unnamed (水平线) -->
<div id="u574" class="ax_default line">
<img id="u574_img" class="img " src="images/设计规范/u573.png"/>
</div>
<!-- Unnamed (水平线) -->
<div id="u575" class="ax_default line">
<img id="u575_img" class="img " src="images/设计规范/u573.png"/>
</div>
<!-- Unnamed (水平线) -->
<div id="u576" class="ax_default line">
<img id="u576_img" class="img " src="images/设计规范/u573.png"/>
</div>
<!-- Unnamed (水平线) -->
<div id="u577" class="ax_default line">
<img id="u577_img" class="img " src="images/设计规范/u573.png"/>
</div>
<!-- Unnamed (水平线) -->
<div id="u578" class="ax_default line">
<img id="u578_img" class="img " src="images/设计规范/u573.png"/>
</div>
<!-- Unnamed (水平线) -->
<div id="u579" class="ax_default line">
<img id="u579_img" class="img " src="images/设计规范/u573.png"/>
</div>
<!-- Unnamed (水平线) -->
<div id="u580" class="ax_default line">
<img id="u580_img" class="img " src="images/设计规范/u573.png"/>
</div>
<!-- Unnamed (水平线) -->
<div id="u581" class="ax_default line">
<img id="u581_img" class="img " src="images/设计规范/u573.png"/>
</div>
<!-- Unnamed (水平线) -->
<div id="u582" class="ax_default line">
<img id="u582_img" class="img " src="images/设计规范/u573.png"/>
</div>
<!-- Unnamed (矩形) -->
<div id="u583" class="ax_default box_2">
<div id="u583_div" class=""></div>
</div>
<!-- Unnamed (矩形) -->
<div id="u584" class="ax_default box_2">
<div id="u584_div" class=""></div>
</div>
<!-- Unnamed (矩形) -->
<div id="u585" class="ax_default box_2">
<div id="u585_div" class=""></div>
</div>
<!-- Unnamed (矩形) -->
<div id="u586" class="ax_default box_2">
<div id="u586_div" class=""></div>
</div>
<!-- Unnamed (矩形) -->
<div id="u587" class="ax_default box_2">
<div id="u587_div" class=""></div>
</div>
<!-- Unnamed (矩形) -->
<div id="u588" class="ax_default box_2">
<div id="u588_div" class=""></div>
</div>
<!-- Unnamed (组合) -->
<div id="u589" class="ax_default" data-left="2189" data-top="2246" data-width="947" data-height="1857">
<!-- Unnamed (组合) -->
<div id="u590" class="ax_default" data-left="2189" data-top="2246" data-width="947" data-height="1857">
<!-- Unnamed (图片) -->
<div id="u591" class="ax_default _图片_">
<img id="u591_img" class="img " src="images/设计规范/u1.png"/>
</div>
<!-- Unnamed (组合) -->
<div id="u592" class="ax_default" data-left="2291" data-top="2517" data-width="751" data-height="1335">
<!-- Unnamed (矩形) -->
<div id="u593" class="ax_default box_2">
<div id="u593_div" class=""></div>
</div>
<!-- Unnamed (矩形) -->
<div id="u594" class="ax_default box_1">
<div id="u594_div" class=""></div>
</div>
<!-- Header 2 (矩形) -->
<div id="u595" class="ax_default _文本段落" data-label="Header 2">
<div id="u595_div" class=""></div>
<div id="u595_text" class="text ">
<p><span>100%</span></p>
</div>
</div>
<!-- Unnamed (图片) -->
<div id="u596" class="ax_default _图片_">
<img id="u596_img" class="img " src="images/设计规范/u94.png"/>
</div>
<!-- Unnamed (图片) -->
<div id="u597" class="ax_default _图片_">
<img id="u597_img" class="img " src="images/设计规范/u95.png"/>
</div>
<!-- Unnamed (图片) -->
<div id="u598" class="ax_default _图片_">
<img id="u598_img" class="img " src="images/设计规范/u96.png"/>
</div>
<!-- Unnamed (矩形) -->
<div id="u599" class="ax_default label">
<div id="u599_div" class=""></div>
<div id="u599_text" class="text ">
<p><span>4:54 AM</span></p>
</div>
</div>
</div>
<!-- Unnamed (矩形) -->
<div id="u600" class="ax_default label">
<div id="u600_div" class=""></div>
<div id="u600_text" class="text ">
<p><span>单曲</span></p>
</div>
</div>
<!-- Unnamed (矩形) -->
<div id="u601" class="ax_default label">
<div id="u601_div" class=""></div>
<div id="u601_text" class="text ">
<p><span>视频</span></p>
</div>
</div>
<!-- Unnamed (矩形) -->
<div id="u602" class="ax_default label">
<div id="u602_div" class=""></div>
<div id="u602_text" class="text ">
<p><span>歌手</span></p>
</div>
</div>
<!-- Unnamed (矩形) -->
<div id="u603" class="ax_default label">
<div id="u603_div" class=""></div>
<div id="u603_text" class="text ">
<p><span>歌词</span></p>
</div>
</div>
<!-- Unnamed (矩形) -->
<div id="u604" class="ax_default box_2">
<div id="u604_div" class=""></div>
</div>
<!-- Unnamed (矩形) -->
<div id="u605" class="ax_default label">
<div id="u605_div" class=""></div>
<div id="u605_text" class="text ">
<p><span>听妈妈的话</span></p>
</div>
</div>
<!-- Unnamed (矩形) -->
<div id="u606" class="ax_default label">
<div id="u606_div" class=""></div>
<div id="u606_text" class="text ">
<p><span>周杰伦&nbsp; 04:24</span></p>
</div>
</div>
<!-- Unnamed (图片) -->
<div id="u607" class="ax_default _图片_">
<img id="u607_img" class="img " src="images/设计规范/u397.png"/>
</div>
<!-- Unnamed (图片) -->
<div id="u608" class="ax_default _图片_">
<img id="u608_img" class="img " src="images/设计规范/u398.png"/>
</div>
<!-- Unnamed (图片) -->
<div id="u609" class="ax_default _图片_">
<img id="u609_img" class="img " src="images/设计规范/u399.png"/>
</div>
<!-- Unnamed (图片) -->
<div id="u610" class="ax_default _图片_">
<img id="u610_img" class="img " src="images/设计规范/u400.png"/>
</div>
<!-- Unnamed (图片) -->
<div id="u611" class="ax_default _图片_">
<img id="u611_img" class="img " src="images/设计规范/u401.png"/>
</div>
<!-- Unnamed (矩形) -->
<div id="u612" class="ax_default label">
<div id="u612_div" class=""></div>
<div id="u612_text" class="text ">
<p><span>听妈妈的话(王牌对王</span></p><p><span>牌)</span></p>
</div>
</div>
<!-- Unnamed (矩形) -->
<div id="u613" class="ax_default label">
<div id="u613_div" class=""></div>
<div id="u613_text" class="text ">
<p><span>华晨宇/张歆艺&nbsp; 02:24</span></p>
</div>
</div>
<!-- Unnamed (矩形) -->
<div id="u614" class="ax_default label">
<div id="u614_div" class=""></div>
<div id="u614_text" class="text ">
<p><span>听妈妈的话(2007世界</span></p><p><span>巡回演唱会)</span></p>
</div>
</div>
<!-- Unnamed (矩形) -->
<div id="u615" class="ax_default label">
<div id="u615_div" class=""></div>
<div id="u615_text" class="text ">
<p><span>小帅哥合唱听妈妈的话</span></p>
</div>
</div>
<!-- Unnamed (矩形) -->
<div id="u616" class="ax_default label">
<div id="u616_div" class=""></div>
<div id="u616_text" class="text ">
<p><span>杜海涛、王鹤棣合唱《</span></p><p><span>听妈妈的话》</span></p>
</div>
</div>
<!-- Unnamed (矩形) -->
<div id="u617" class="ax_default label">
<div id="u617_div" class=""></div>
<div id="u617_text" class="text ">
<p><span>周杰伦/潘玮柏/张学友&nbsp; 04:24</span></p>
</div>
</div>
<!-- Unnamed (矩形) -->
<div id="u618" class="ax_default label">
<div id="u618_div" class=""></div>
<div id="u618_text" class="text ">
<p><span>来自环球音乐&nbsp; 03:24</span></p>
</div>
</div>
<!-- Unnamed (矩形) -->
<div id="u619" class="ax_default label">
<div id="u619_div" class=""></div>
<div id="u619_text" class="text ">
<p><span>来自爱豆大放送&nbsp; 02:24</span></p>
</div>
</div>
<!-- Unnamed (组合) -->
<div id="u620" class="ax_default" data-left="2916" data-top="3594" data-width="100" data-height="100">
<!-- Unnamed (椭圆形) -->
<div id="u621" class="ax_default ellipse">
<img id="u621_img" class="img " src="images/设计规范/u170.png"/>
</div>
<!-- Unnamed (图片) -->
<div id="u622" class="ax_default _图片_">
<img id="u622_img" class="img " src="images/设计规范/u171.png"/>
</div>
</div>
<!-- Unnamed (矩形) -->
<div id="u623" class="ax_default box_2">
<div id="u623_div" class=""></div>
</div>
<!-- Unnamed (矩形) -->
<div id="u624" class="ax_default box_2">
<div id="u624_div" class=""></div>
</div>
<!-- Unnamed (图片) -->
<div id="u625" class="ax_default _图片_">
<img id="u625_img" class="img " src="images/设计规范/u415.png"/>
</div>
<!-- Unnamed (图片) -->
<div id="u626" class="ax_default _图片_">
<img id="u626_img" class="img " src="images/设计规范/u99.png"/>
</div>
<!-- Unnamed (图片) -->
<div id="u627" class="ax_default _图片_">
<img id="u627_img" class="img " src="images/设计规范/u417.png"/>
</div>
<!-- Unnamed (矩形) -->
<div id="u628" class="ax_default label">
<div id="u628_div" class=""></div>
<div id="u628_text" class="text ">
<p><span>听妈妈的话</span></p>
</div>
</div>
</div>
</div>
<!-- Unnamed (矩形) -->
<div id="u629" class="ax_default box_2">
<div id="u629_div" class=""></div>
</div>
<!-- Unnamed (矩形) -->
<div id="u630" class="ax_default label">
<div id="u630_div" class=""></div>
<div id="u630_text" class="text ">
<p><span>视频列表栏高:186px</span></p>
</div>
</div>
<!-- Unnamed (矩形) -->
<div id="u631" class="ax_default label">
<div id="u631_div" class=""></div>
<div id="u631_text" class="text ">
<p><span>带图片列表栏高:150px</span></p>
</div>
</div>
<!-- Unnamed (矩形) -->
<div id="u632" class="ax_default label">
<div id="u632_div" class=""></div>
<div id="u632_text" class="text ">
<p><span>文字列表栏高:98px</span></p>
</div>
</div>
<!-- Unnamed (组合) -->
<div id="u633" class="ax_default" data-left="3592" data-top="2234" data-width="947" data-height="1857">
<!-- Unnamed (图片) -->
<div id="u634" class="ax_default _图片_">
<img id="u634_img" class="img " src="images/设计规范/u1.png"/>
</div>
<!-- Unnamed (组合) -->
<div id="u635" class="ax_default" data-left="3694" data-top="2505" data-width="751" data-height="1335">
<!-- Unnamed (矩形) -->
<div id="u636" class="ax_default box_2">
<div id="u636_div" class=""></div>
</div>
<!-- Unnamed (矩形) -->
<div id="u637" class="ax_default box_1">
<div id="u637_div" class=""></div>
</div>
<!-- Header 2 (矩形) -->
<div id="u638" class="ax_default _文本段落" data-label="Header 2">
<div id="u638_div" class=""></div>
<div id="u638_text" class="text ">
<p><span>100%</span></p>
</div>
</div>
<!-- Unnamed (图片) -->
<div id="u639" class="ax_default _图片_">
<img id="u639_img" class="img " src="images/设计规范/u94.png"/>
</div>
<!-- Unnamed (图片) -->
<div id="u640" class="ax_default _图片_">
<img id="u640_img" class="img " src="images/设计规范/u95.png"/>
</div>
<!-- Unnamed (图片) -->
<div id="u641" class="ax_default _图片_">
<img id="u641_img" class="img " src="images/设计规范/u96.png"/>
</div>
<!-- Unnamed (矩形) -->
<div id="u642" class="ax_default label">
<div id="u642_div" class=""></div>
<div id="u642_text" class="text ">
<p><span>4:54 AM</span></p>
</div>
</div>
</div>
<!-- Unnamed (矩形) -->
<div id="u643" class="ax_default label">
<div id="u643_div" class=""></div>
<div id="u643_text" class="text ">
<p><span>单曲</span></p>
</div>
</div>
<!-- Unnamed (矩形) -->
<div id="u644" class="ax_default label">
<div id="u644_div" class=""></div>
<div id="u644_text" class="text ">
<p><span>视频</span></p>
</div>
</div>
<!-- Unnamed (矩形) -->
<div id="u645" class="ax_default label">
<div id="u645_div" class=""></div>
<div id="u645_text" class="text ">
<p><span>歌手</span></p>
</div>
</div>
<!-- Unnamed (矩形) -->
<div id="u646" class="ax_default label">
<div id="u646_div" class=""></div>
<div id="u646_text" class="text ">
<p><span>歌词</span></p>
</div>
</div>
<!-- Unnamed (矩形) -->
<div id="u647" class="ax_default box_2">
<div id="u647_div" class=""></div>
</div>
<!-- Unnamed (水平线) -->
<div id="u648" class="ax_default line">
<img id="u648_img" class="img " src="images/设计规范/u648.png"/>
</div>
<!-- Unnamed (矩形) -->
<div id="u649" class="ax_default label">
<div id="u649_div" class=""></div>
<div id="u649_text" class="text ">
<p><span>听妈妈的话</span></p>
</div>
</div>
<!-- Unnamed (矩形) -->
<div id="u650" class="ax_default label">
<div id="u650_div" class=""></div>
<div id="u650_text" class="text ">
<p><span>周杰伦-依旧范特西</span></p>
</div>
</div>
<!-- Unnamed (矩形) -->
<div id="u651" class="ax_default label">
<div id="u651_div" class=""></div>
<div id="u651_text" class="text ">
<p><span>词:周杰伦</span></p><p><span>曲:周杰伦</span></p>
</div>
</div>
<!-- Unnamed (矩形) -->
<div id="u652" class="ax_default label">
<div id="u652_div" class=""></div>
<div id="u652_text" class="text ">
<p><span>展开歌词</span></p>
</div>
</div>
<!-- Unnamed (形状) -->
<div id="u653" class="ax_default icon">
<img id="u653_img" class="img " src="images/设计规范/u653.png"/>
</div>
<!-- Unnamed (矩形) -->
<div id="u654" class="ax_default label">
<div id="u654_div" class=""></div>
<div id="u654_text" class="text ">
<p><span>听妈妈的话(Live)</span></p>
</div>
</div>
<!-- Unnamed (矩形) -->
<div id="u655" class="ax_default label">
<div id="u655_div" class=""></div>
<div id="u655_text" class="text ">
<p><span>周杰伦/潘玮柏/张学友-2007世界巡回演唱会</span></p>
</div>
</div>
<!-- Unnamed (矩形) -->
<div id="u656" class="ax_default label">
<div id="u656_div" class=""></div>
<div id="u656_text" class="text ">
<p><span>词:周杰伦</span></p><p><span>曲:周杰伦</span></p>
</div>
</div>
<!-- Unnamed (矩形) -->
<div id="u657" class="ax_default label">
<div id="u657_div" class=""></div>
<div id="u657_text" class="text ">
<p><span>展开歌词</span></p>
</div>
</div>
<!-- Unnamed (形状) -->
<div id="u658" class="ax_default icon">
<img id="u658_img" class="img " src="images/设计规范/u653.png"/>
</div>
<!-- Unnamed (水平线) -->
<div id="u659" class="ax_default line">
<img id="u659_img" class="img " src="images/设计规范/u648.png"/>
</div>
<!-- Unnamed (矩形) -->
<div id="u660" class="ax_default label">
<div id="u660_div" class=""></div>
<div id="u660_text" class="text ">
<p><span>听妈妈的话(Live)</span></p>
</div>
</div>
<!-- Unnamed (矩形) -->
<div id="u661" class="ax_default label">
<div id="u661_div" class=""></div>
<div id="u661_text" class="text ">
<p><span>华晨宇/张歆艺-王牌对王牌第五季</span></p>
</div>
</div>
<!-- Unnamed (矩形) -->
<div id="u662" class="ax_default label">
<div id="u662_div" class=""></div>
<div id="u662_text" class="text ">
<p><span>词:周杰伦</span></p><p><span>曲:周杰伦</span></p>
</div>
</div>
<!-- Unnamed (矩形) -->
<div id="u663" class="ax_default label">
<div id="u663_div" class=""></div>
<div id="u663_text" class="text ">
<p><span>展开歌词</span></p>
</div>
</div>
<!-- Unnamed (形状) -->
<div id="u664" class="ax_default icon">
<img id="u664_img" class="img " src="images/设计规范/u653.png"/>
</div>
<!-- Unnamed (水平线) -->
<div id="u665" class="ax_default line">
<img id="u665_img" class="img " src="images/设计规范/u648.png"/>
</div>
<!-- Unnamed (矩形) -->
<div id="u666" class="ax_default label">
<div id="u666_div" class=""></div>
<div id="u666_text" class="text ">
<p><span>听妈妈的话(童声版Live)</span></p>
</div>
</div>
<!-- Unnamed (矩形) -->
<div id="u667" class="ax_default label">
<div id="u667_div" class=""></div>
<div id="u667_text" class="text ">
<p><span>网络歌手</span></p>
</div>
</div>
<!-- Unnamed (矩形) -->
<div id="u668" class="ax_default label">
<div id="u668_div" class=""></div>
<div id="u668_text" class="text ">
<p><span>小朋友 你是否有很多问号</span></p><p><span>为什么 别人在那看漫画</span></p>
</div>
</div>
<!-- Unnamed (组合) -->
<div id="u669" class="ax_default" data-left="4319" data-top="3582" data-width="100" data-height="100">
<!-- Unnamed (椭圆形) -->
<div id="u670" class="ax_default ellipse">
<img id="u670_img" class="img " src="images/设计规范/u170.png"/>
</div>
<!-- Unnamed (图片) -->
<div id="u671" class="ax_default _图片_">
<img id="u671_img" class="img " src="images/设计规范/u171.png"/>
</div>
</div>
<!-- Unnamed (矩形) -->
<div id="u672" class="ax_default box_2">
<div id="u672_div" class=""></div>
</div>
<!-- Unnamed (矩形) -->
<div id="u673" class="ax_default box_2">
<div id="u673_div" class=""></div>
</div>
<!-- Unnamed (图片) -->
<div id="u674" class="ax_default _图片_">
<img id="u674_img" class="img " src="images/设计规范/u417.png"/>
</div>
<!-- Unnamed (矩形) -->
<div id="u675" class="ax_default label">
<div id="u675_div" class=""></div>
<div id="u675_text" class="text ">
<p><span>听妈妈的话</span></p>
</div>
</div>
<!-- Unnamed (图片) -->
<div id="u676" class="ax_default _图片_">
<img id="u676_img" class="img " src="images/设计规范/u415.png"/>
</div>
<!-- Unnamed (图片) -->
<div id="u677" class="ax_default _图片_">
<img id="u677_img" class="img " src="images/设计规范/u99.png"/>
</div>
</div>
<!-- Unnamed (矩形) -->
<div id="u678" class="ax_default box_2">
<div id="u678_div" class=""></div>
</div>
<!-- Unnamed (矩形) -->
<div id="u679" class="ax_default label">
<div id="u679_div" class=""></div>
<div id="u679_text" class="text ">
<p><span>歌词列表栏高:260px</span></p>
</div>
</div>
<!-- Unnamed (矩形) -->
<div id="u680" class="ax_default _文本段落">
<div id="u680_div" class=""></div>
<div id="u680_text" class="text ">
<p><span>顶部导航栏:40px</span></p><p><span>导航栏高度:88px</span></p><p><span>菜单栏高度:120px</span></p><p><span>按钮内容高度:70px</span></p><p><span>屏幕左右与内容间距:30px</span></p><p><span>内容块最小间距:16px</span></p><p><span>带图片列表内容高度:150px</span></p><p><span>文字列表栏高:98px</span></p><p><span>视频列表栏高:186px</span></p><p><span>歌词列表栏高:260px</span></p>
</div>
</div>
<!-- Unnamed (图片) -->
<div id="u681" class="ax_default _图片_">
<img id="u681_img" class="img " src="images/设计规范/u681.png"/>
</div>
<!-- Unnamed (矩形) -->
<div id="u682" class="ax_default _二级标题">
<div id="u682_div" class=""></div>
<div id="u682_text" class="text ">
<p><span>ICON</span></p><p><span><br></span></p>
</div>
</div>
</div>
</body>
</html>
Loading...
马建仓 AI 助手
尝试更多
代码解读
代码找茬
代码优化
1
https://gitee.com/NFUNM034/ui_team_final.git
git@gitee.com:NFUNM034/ui_team_final.git
NFUNM034
ui_team_final
ui_team_final
master

搜索帮助

0d507c66 1850385 C8b1a773 1850385