main.css 286 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192939495969798991001011021031041051061071081091101111121131141151161171181191201211221231241251261271281291301311321331341351361371381391401411421431441451461471481491501511521531541551561571581591601611621631641651661671681691701711721731741751761771781791801811821831841851861871881891901911921931941951961971981992002012022032042052062072082092102112122132142152162172182192202212222232242252262272282292302312322332342352362372382392402412422432442452462472482492502512522532542552562572582592602612622632642652662672682692702712722732742752762772782792802812822832842852862872882892902912922932942952962972982993003013023033043053063073083093103113123133143153163173183193203213223233243253263273283293303313323333343353363373383393403413423433443453463473483493503513523533543553563573583593603613623633643653663673683693703713723733743753763773783793803813823833843853863873883893903913923933943953963973983994004014024034044054064074084094104114124134144154164174184194204214224234244254264274284294304314324334344354364374384394404414424434444454464474484494504514524534544554564574584594604614624634644654664674684694704714724734744754764774784794804814824834844854864874884894904914924934944954964974984995005015025035045055065075085095105115125135145155165175185195205215225235245255265275285295305315325335345355365375385395405415425435445455465475485495505515525535545555565575585595605615625635645655665675685695705715725735745755765775785795805815825835845855865875885895905915925935945955965975985996006016026036046056066076086096106116126136146156166176186196206216226236246256266276286296306316326336346356366376386396406416426436446456466476486496506516526536546556566576586596606616626636646656666676686696706716726736746756766776786796806816826836846856866876886896906916926936946956966976986997007017027037047057067077087097107117127137147157167177187197207217227237247257267277287297307317327337347357367377387397407417427437447457467477487497507517527537547557567577587597607617627637647657667677687697707717727737747757767777787797807817827837847857867877887897907917927937947957967977987998008018028038048058068078088098108118128138148158168178188198208218228238248258268278288298308318328338348358368378388398408418428438448458468478488498508518528538548558568578588598608618628638648658668678688698708718728738748758768778788798808818828838848858868878888898908918928938948958968978988999009019029039049059069079089099109119129139149159169179189199209219229239249259269279289299309319329339349359369379389399409419429439449459469479489499509519529539549559569579589599609619629639649659669679689699709719729739749759769779789799809819829839849859869879889899909919929939949959969979989991000100110021003100410051006100710081009101010111012101310141015101610171018101910201021102210231024102510261027102810291030103110321033103410351036103710381039104010411042104310441045104610471048104910501051105210531054105510561057105810591060106110621063106410651066106710681069107010711072107310741075107610771078107910801081108210831084108510861087108810891090109110921093109410951096109710981099110011011102110311041105110611071108110911101111111211131114111511161117111811191120112111221123112411251126112711281129113011311132113311341135113611371138113911401141114211431144114511461147114811491150115111521153115411551156115711581159116011611162116311641165116611671168116911701171117211731174117511761177117811791180118111821183118411851186118711881189119011911192119311941195119611971198119912001201120212031204120512061207120812091210121112121213121412151216121712181219122012211222122312241225122612271228122912301231123212331234123512361237123812391240124112421243124412451246124712481249125012511252125312541255125612571258125912601261126212631264126512661267126812691270127112721273127412751276127712781279128012811282128312841285128612871288128912901291129212931294129512961297129812991300130113021303130413051306130713081309131013111312131313141315131613171318131913201321132213231324132513261327132813291330133113321333133413351336133713381339134013411342134313441345134613471348134913501351135213531354135513561357135813591360136113621363136413651366136713681369137013711372137313741375137613771378137913801381138213831384138513861387138813891390139113921393139413951396139713981399140014011402140314041405140614071408140914101411141214131414141514161417141814191420142114221423142414251426142714281429143014311432143314341435143614371438143914401441144214431444144514461447144814491450145114521453145414551456145714581459146014611462146314641465146614671468146914701471147214731474147514761477147814791480148114821483148414851486148714881489149014911492149314941495149614971498149915001501150215031504150515061507150815091510151115121513151415151516151715181519152015211522152315241525152615271528152915301531153215331534153515361537153815391540154115421543154415451546154715481549155015511552155315541555155615571558155915601561156215631564156515661567156815691570157115721573157415751576157715781579158015811582158315841585158615871588158915901591159215931594159515961597159815991600160116021603160416051606160716081609161016111612161316141615161616171618161916201621162216231624162516261627162816291630163116321633163416351636163716381639164016411642164316441645164616471648164916501651165216531654165516561657165816591660166116621663166416651666166716681669167016711672167316741675167616771678167916801681168216831684168516861687168816891690169116921693169416951696169716981699170017011702170317041705170617071708170917101711171217131714171517161717171817191720172117221723172417251726172717281729173017311732173317341735173617371738173917401741174217431744174517461747174817491750175117521753175417551756175717581759176017611762176317641765176617671768176917701771177217731774177517761777177817791780178117821783178417851786178717881789179017911792179317941795179617971798179918001801180218031804180518061807180818091810181118121813181418151816181718181819182018211822182318241825182618271828182918301831183218331834183518361837183818391840184118421843184418451846184718481849185018511852185318541855185618571858185918601861186218631864186518661867186818691870187118721873187418751876187718781879188018811882188318841885188618871888188918901891189218931894189518961897189818991900190119021903190419051906190719081909191019111912191319141915191619171918191919201921192219231924192519261927192819291930193119321933193419351936193719381939194019411942194319441945194619471948194919501951195219531954195519561957195819591960196119621963196419651966196719681969197019711972197319741975197619771978197919801981198219831984198519861987198819891990199119921993199419951996199719981999200020012002200320042005200620072008200920102011201220132014201520162017201820192020202120222023202420252026202720282029203020312032203320342035203620372038203920402041204220432044204520462047204820492050205120522053205420552056205720582059206020612062206320642065206620672068206920702071207220732074207520762077207820792080208120822083208420852086208720882089209020912092209320942095209620972098209921002101210221032104210521062107210821092110211121122113211421152116211721182119212021212122212321242125212621272128212921302131213221332134213521362137213821392140214121422143214421452146214721482149215021512152215321542155215621572158215921602161216221632164216521662167216821692170217121722173217421752176217721782179218021812182218321842185218621872188218921902191219221932194219521962197219821992200220122022203220422052206220722082209221022112212221322142215221622172218221922202221222222232224222522262227222822292230223122322233223422352236223722382239224022412242224322442245224622472248224922502251225222532254225522562257225822592260226122622263226422652266226722682269227022712272227322742275227622772278227922802281228222832284228522862287228822892290229122922293229422952296229722982299230023012302230323042305230623072308230923102311231223132314231523162317231823192320232123222323232423252326232723282329233023312332233323342335233623372338233923402341234223432344234523462347234823492350235123522353235423552356235723582359236023612362236323642365236623672368236923702371237223732374237523762377237823792380238123822383238423852386238723882389239023912392239323942395239623972398239924002401240224032404240524062407240824092410241124122413241424152416241724182419242024212422242324242425242624272428242924302431243224332434243524362437243824392440244124422443244424452446244724482449245024512452245324542455245624572458245924602461246224632464246524662467246824692470247124722473247424752476247724782479248024812482248324842485248624872488248924902491249224932494249524962497249824992500250125022503250425052506250725082509251025112512251325142515251625172518251925202521252225232524252525262527252825292530253125322533253425352536253725382539254025412542254325442545254625472548254925502551255225532554255525562557255825592560256125622563256425652566256725682569257025712572257325742575257625772578257925802581258225832584258525862587258825892590259125922593259425952596259725982599260026012602260326042605260626072608260926102611261226132614261526162617261826192620262126222623262426252626262726282629263026312632263326342635263626372638263926402641264226432644264526462647264826492650265126522653265426552656265726582659266026612662266326642665266626672668266926702671267226732674267526762677267826792680268126822683268426852686268726882689269026912692269326942695269626972698269927002701270227032704270527062707270827092710271127122713271427152716271727182719272027212722272327242725272627272728272927302731273227332734273527362737273827392740274127422743274427452746274727482749275027512752275327542755275627572758275927602761276227632764276527662767276827692770277127722773277427752776277727782779278027812782278327842785278627872788278927902791279227932794279527962797279827992800280128022803280428052806280728082809281028112812281328142815281628172818281928202821282228232824282528262827282828292830283128322833283428352836283728382839284028412842284328442845284628472848284928502851285228532854285528562857285828592860286128622863286428652866286728682869287028712872287328742875287628772878287928802881288228832884288528862887288828892890289128922893289428952896289728982899290029012902290329042905290629072908290929102911291229132914291529162917291829192920292129222923292429252926292729282929293029312932293329342935293629372938293929402941294229432944294529462947294829492950295129522953295429552956295729582959296029612962296329642965296629672968296929702971297229732974297529762977297829792980298129822983298429852986298729882989299029912992299329942995299629972998299930003001300230033004300530063007300830093010301130123013301430153016301730183019302030213022302330243025302630273028302930303031303230333034303530363037303830393040304130423043304430453046304730483049305030513052305330543055305630573058305930603061306230633064306530663067306830693070307130723073307430753076307730783079308030813082308330843085308630873088308930903091309230933094309530963097309830993100310131023103310431053106310731083109311031113112311331143115311631173118311931203121312231233124312531263127312831293130313131323133313431353136313731383139314031413142314331443145314631473148314931503151315231533154315531563157315831593160316131623163316431653166316731683169317031713172317331743175317631773178317931803181318231833184318531863187318831893190319131923193319431953196319731983199320032013202320332043205320632073208320932103211321232133214321532163217321832193220322132223223322432253226322732283229323032313232323332343235323632373238323932403241324232433244324532463247324832493250325132523253325432553256325732583259326032613262326332643265326632673268326932703271327232733274327532763277327832793280328132823283328432853286328732883289329032913292329332943295329632973298329933003301330233033304330533063307330833093310331133123313331433153316331733183319332033213322332333243325332633273328332933303331333233333334333533363337333833393340334133423343334433453346334733483349335033513352335333543355335633573358335933603361336233633364336533663367336833693370337133723373337433753376337733783379338033813382338333843385338633873388338933903391339233933394339533963397339833993400340134023403340434053406340734083409341034113412341334143415341634173418341934203421342234233424342534263427342834293430343134323433343434353436343734383439344034413442344334443445344634473448344934503451345234533454345534563457345834593460346134623463346434653466346734683469347034713472347334743475347634773478347934803481348234833484348534863487348834893490349134923493349434953496349734983499350035013502350335043505350635073508350935103511351235133514351535163517351835193520352135223523352435253526352735283529353035313532353335343535353635373538353935403541354235433544354535463547354835493550355135523553355435553556355735583559356035613562356335643565356635673568356935703571357235733574357535763577357835793580358135823583358435853586358735883589359035913592359335943595359635973598359936003601360236033604360536063607360836093610361136123613361436153616361736183619362036213622362336243625362636273628362936303631363236333634363536363637363836393640364136423643364436453646364736483649365036513652365336543655365636573658365936603661366236633664366536663667366836693670367136723673367436753676367736783679368036813682368336843685368636873688368936903691369236933694369536963697369836993700370137023703370437053706370737083709371037113712371337143715371637173718371937203721372237233724372537263727372837293730373137323733373437353736373737383739374037413742374337443745374637473748374937503751375237533754375537563757375837593760376137623763376437653766376737683769377037713772377337743775377637773778377937803781378237833784378537863787378837893790379137923793379437953796379737983799380038013802380338043805380638073808380938103811381238133814381538163817381838193820382138223823382438253826382738283829383038313832383338343835383638373838383938403841384238433844384538463847384838493850385138523853385438553856385738583859386038613862386338643865386638673868386938703871387238733874387538763877387838793880388138823883388438853886388738883889389038913892389338943895389638973898389939003901390239033904390539063907390839093910391139123913391439153916391739183919392039213922392339243925392639273928392939303931393239333934393539363937393839393940394139423943394439453946394739483949395039513952395339543955395639573958395939603961396239633964396539663967396839693970397139723973397439753976397739783979398039813982398339843985398639873988398939903991399239933994399539963997399839994000400140024003400440054006400740084009401040114012401340144015401640174018401940204021402240234024402540264027402840294030403140324033403440354036403740384039404040414042404340444045404640474048404940504051405240534054405540564057405840594060406140624063406440654066406740684069407040714072407340744075407640774078407940804081408240834084408540864087408840894090409140924093409440954096409740984099410041014102410341044105410641074108410941104111411241134114411541164117411841194120412141224123412441254126412741284129413041314132413341344135413641374138413941404141414241434144414541464147414841494150415141524153415441554156415741584159416041614162416341644165416641674168416941704171417241734174417541764177417841794180418141824183418441854186418741884189419041914192419341944195419641974198419942004201420242034204420542064207420842094210421142124213421442154216421742184219422042214222422342244225422642274228422942304231423242334234423542364237423842394240424142424243424442454246424742484249425042514252425342544255425642574258425942604261426242634264426542664267426842694270427142724273427442754276427742784279428042814282428342844285428642874288428942904291429242934294429542964297429842994300430143024303430443054306430743084309431043114312431343144315431643174318431943204321432243234324432543264327432843294330433143324333433443354336433743384339434043414342434343444345434643474348434943504351435243534354435543564357435843594360436143624363436443654366436743684369437043714372437343744375437643774378437943804381438243834384438543864387438843894390439143924393439443954396439743984399440044014402440344044405440644074408440944104411441244134414441544164417441844194420442144224423442444254426442744284429443044314432443344344435443644374438443944404441444244434444444544464447444844494450445144524453445444554456445744584459446044614462446344644465446644674468446944704471447244734474447544764477447844794480448144824483448444854486448744884489449044914492449344944495449644974498449945004501450245034504450545064507450845094510451145124513451445154516451745184519452045214522452345244525452645274528452945304531453245334534453545364537453845394540454145424543454445454546454745484549455045514552455345544555455645574558455945604561456245634564456545664567456845694570457145724573457445754576457745784579458045814582458345844585458645874588458945904591459245934594459545964597459845994600460146024603460446054606460746084609461046114612461346144615461646174618461946204621462246234624462546264627462846294630463146324633463446354636463746384639464046414642464346444645464646474648464946504651465246534654465546564657465846594660466146624663466446654666466746684669467046714672467346744675467646774678467946804681468246834684468546864687468846894690469146924693469446954696469746984699470047014702470347044705470647074708470947104711471247134714471547164717471847194720472147224723472447254726472747284729473047314732473347344735473647374738473947404741474247434744474547464747474847494750475147524753475447554756475747584759476047614762476347644765476647674768476947704771477247734774477547764777477847794780478147824783478447854786478747884789479047914792479347944795479647974798479948004801480248034804480548064807480848094810481148124813481448154816481748184819482048214822482348244825482648274828482948304831483248334834483548364837483848394840484148424843484448454846484748484849485048514852485348544855485648574858485948604861486248634864486548664867486848694870487148724873487448754876487748784879488048814882488348844885488648874888488948904891489248934894489548964897489848994900490149024903490449054906490749084909491049114912491349144915491649174918491949204921492249234924492549264927492849294930493149324933493449354936493749384939494049414942494349444945494649474948494949504951495249534954495549564957495849594960496149624963496449654966496749684969497049714972497349744975497649774978497949804981498249834984498549864987498849894990499149924993499449954996499749984999500050015002500350045005500650075008500950105011501250135014501550165017501850195020502150225023502450255026502750285029503050315032503350345035503650375038503950405041504250435044504550465047504850495050505150525053505450555056505750585059506050615062506350645065506650675068506950705071507250735074507550765077507850795080508150825083508450855086508750885089509050915092509350945095509650975098509951005101510251035104510551065107510851095110511151125113511451155116511751185119512051215122512351245125512651275128512951305131513251335134513551365137513851395140514151425143514451455146514751485149515051515152515351545155515651575158515951605161516251635164516551665167516851695170517151725173517451755176517751785179518051815182518351845185518651875188518951905191519251935194519551965197519851995200520152025203520452055206520752085209521052115212521352145215521652175218521952205221522252235224522552265227522852295230523152325233523452355236523752385239524052415242524352445245524652475248524952505251525252535254525552565257525852595260526152625263526452655266526752685269527052715272527352745275527652775278527952805281528252835284528552865287528852895290529152925293529452955296529752985299530053015302530353045305530653075308530953105311531253135314531553165317531853195320532153225323532453255326532753285329533053315332533353345335533653375338533953405341534253435344534553465347534853495350535153525353535453555356535753585359536053615362536353645365536653675368536953705371537253735374537553765377537853795380538153825383538453855386538753885389539053915392539353945395539653975398539954005401540254035404540554065407540854095410541154125413541454155416541754185419542054215422542354245425542654275428542954305431543254335434543554365437543854395440544154425443544454455446544754485449545054515452545354545455545654575458545954605461546254635464546554665467546854695470547154725473547454755476547754785479548054815482548354845485548654875488548954905491549254935494549554965497549854995500550155025503550455055506550755085509551055115512551355145515551655175518551955205521552255235524552555265527552855295530553155325533553455355536553755385539554055415542554355445545554655475548554955505551555255535554555555565557555855595560556155625563556455655566556755685569557055715572557355745575557655775578557955805581558255835584558555865587558855895590559155925593559455955596559755985599560056015602560356045605560656075608560956105611561256135614561556165617561856195620562156225623562456255626562756285629563056315632563356345635563656375638563956405641564256435644564556465647564856495650565156525653565456555656565756585659566056615662566356645665566656675668566956705671567256735674567556765677567856795680568156825683568456855686568756885689569056915692569356945695569656975698569957005701570257035704570557065707570857095710571157125713571457155716571757185719572057215722572357245725572657275728572957305731573257335734573557365737573857395740574157425743574457455746574757485749575057515752575357545755575657575758575957605761576257635764576557665767576857695770577157725773577457755776577757785779578057815782578357845785578657875788578957905791579257935794579557965797579857995800580158025803580458055806580758085809581058115812581358145815581658175818581958205821582258235824582558265827582858295830583158325833583458355836583758385839584058415842584358445845584658475848584958505851585258535854585558565857585858595860586158625863586458655866586758685869587058715872587358745875587658775878587958805881588258835884588558865887588858895890589158925893589458955896589758985899590059015902590359045905590659075908590959105911591259135914591559165917591859195920592159225923592459255926592759285929593059315932593359345935593659375938593959405941594259435944594559465947594859495950595159525953595459555956595759585959596059615962596359645965596659675968596959705971597259735974597559765977597859795980598159825983598459855986598759885989599059915992599359945995599659975998599960006001600260036004600560066007600860096010601160126013601460156016601760186019602060216022602360246025602660276028602960306031603260336034603560366037603860396040604160426043604460456046604760486049605060516052605360546055605660576058605960606061606260636064606560666067606860696070607160726073607460756076607760786079608060816082608360846085608660876088608960906091609260936094609560966097609860996100610161026103610461056106610761086109611061116112611361146115611661176118611961206121612261236124612561266127612861296130613161326133613461356136613761386139614061416142614361446145614661476148614961506151615261536154615561566157615861596160616161626163616461656166616761686169617061716172617361746175617661776178617961806181618261836184618561866187618861896190619161926193619461956196619761986199620062016202620362046205620662076208620962106211621262136214621562166217621862196220622162226223622462256226622762286229623062316232623362346235623662376238623962406241624262436244624562466247624862496250625162526253625462556256625762586259626062616262626362646265626662676268626962706271627262736274627562766277627862796280628162826283628462856286628762886289629062916292629362946295629662976298629963006301630263036304630563066307630863096310631163126313631463156316631763186319632063216322632363246325632663276328632963306331633263336334633563366337633863396340634163426343634463456346634763486349635063516352635363546355635663576358635963606361636263636364636563666367636863696370637163726373637463756376637763786379638063816382638363846385638663876388638963906391639263936394639563966397639863996400640164026403640464056406640764086409641064116412641364146415641664176418641964206421642264236424642564266427642864296430643164326433643464356436643764386439644064416442644364446445644664476448644964506451645264536454645564566457645864596460646164626463646464656466646764686469647064716472647364746475647664776478647964806481648264836484648564866487648864896490649164926493649464956496649764986499650065016502650365046505650665076508650965106511651265136514651565166517651865196520652165226523652465256526652765286529653065316532653365346535653665376538653965406541654265436544654565466547654865496550655165526553655465556556655765586559656065616562656365646565656665676568656965706571657265736574657565766577657865796580658165826583658465856586658765886589659065916592659365946595659665976598659966006601660266036604660566066607660866096610661166126613661466156616661766186619662066216622662366246625662666276628662966306631663266336634663566366637663866396640664166426643664466456646664766486649665066516652665366546655665666576658665966606661666266636664666566666667666866696670667166726673667466756676667766786679668066816682668366846685668666876688668966906691669266936694669566966697669866996700670167026703670467056706670767086709671067116712671367146715671667176718671967206721672267236724672567266727672867296730673167326733673467356736673767386739674067416742674367446745674667476748674967506751675267536754675567566757675867596760676167626763676467656766676767686769677067716772677367746775677667776778677967806781678267836784678567866787678867896790679167926793679467956796679767986799680068016802680368046805680668076808680968106811681268136814681568166817681868196820682168226823682468256826682768286829683068316832683368346835683668376838683968406841684268436844684568466847684868496850685168526853685468556856685768586859686068616862686368646865686668676868686968706871687268736874687568766877687868796880688168826883688468856886688768886889689068916892689368946895689668976898689969006901690269036904690569066907690869096910691169126913691469156916691769186919692069216922692369246925692669276928692969306931693269336934693569366937693869396940694169426943694469456946694769486949695069516952695369546955695669576958695969606961696269636964696569666967696869696970697169726973697469756976697769786979698069816982698369846985698669876988698969906991699269936994699569966997699869997000700170027003700470057006700770087009701070117012701370147015701670177018701970207021702270237024702570267027702870297030703170327033703470357036703770387039704070417042704370447045704670477048704970507051705270537054705570567057705870597060706170627063706470657066706770687069707070717072707370747075707670777078707970807081708270837084708570867087708870897090709170927093709470957096709770987099710071017102710371047105710671077108710971107111711271137114711571167117711871197120712171227123712471257126712771287129713071317132713371347135713671377138713971407141714271437144714571467147714871497150715171527153715471557156715771587159716071617162716371647165716671677168716971707171717271737174717571767177717871797180718171827183718471857186718771887189719071917192719371947195719671977198719972007201720272037204720572067207720872097210721172127213721472157216721772187219722072217222722372247225722672277228722972307231723272337234723572367237723872397240724172427243724472457246724772487249725072517252725372547255725672577258725972607261726272637264726572667267726872697270727172727273727472757276727772787279728072817282728372847285728672877288728972907291729272937294729572967297729872997300730173027303730473057306730773087309731073117312731373147315731673177318731973207321732273237324732573267327732873297330733173327333733473357336733773387339734073417342734373447345734673477348734973507351735273537354735573567357735873597360736173627363736473657366736773687369737073717372737373747375737673777378737973807381738273837384738573867387738873897390739173927393739473957396739773987399740074017402740374047405740674077408740974107411741274137414741574167417741874197420742174227423742474257426742774287429743074317432743374347435743674377438743974407441744274437444744574467447744874497450745174527453745474557456745774587459746074617462746374647465746674677468746974707471747274737474747574767477747874797480748174827483748474857486748774887489749074917492749374947495749674977498749975007501750275037504750575067507750875097510751175127513751475157516751775187519752075217522752375247525752675277528752975307531753275337534753575367537753875397540754175427543754475457546754775487549755075517552755375547555755675577558755975607561756275637564756575667567756875697570757175727573757475757576757775787579758075817582758375847585758675877588758975907591759275937594759575967597759875997600760176027603760476057606760776087609761076117612761376147615761676177618761976207621762276237624762576267627762876297630763176327633763476357636763776387639764076417642764376447645764676477648764976507651765276537654765576567657765876597660766176627663766476657666766776687669767076717672767376747675767676777678767976807681768276837684768576867687768876897690769176927693769476957696769776987699770077017702770377047705770677077708770977107711771277137714771577167717771877197720772177227723772477257726772777287729773077317732773377347735773677377738773977407741774277437744774577467747774877497750775177527753775477557756775777587759776077617762776377647765776677677768776977707771777277737774777577767777777877797780778177827783778477857786778777887789779077917792779377947795779677977798779978007801780278037804780578067807780878097810781178127813781478157816781778187819782078217822782378247825782678277828782978307831783278337834783578367837783878397840784178427843784478457846784778487849785078517852785378547855785678577858785978607861786278637864786578667867786878697870787178727873787478757876787778787879788078817882788378847885788678877888788978907891789278937894789578967897789878997900790179027903790479057906790779087909791079117912791379147915791679177918791979207921792279237924792579267927792879297930793179327933793479357936793779387939794079417942794379447945794679477948794979507951795279537954795579567957795879597960796179627963796479657966796779687969797079717972797379747975797679777978797979807981798279837984798579867987798879897990799179927993799479957996799779987999800080018002800380048005800680078008800980108011801280138014801580168017801880198020802180228023802480258026802780288029803080318032803380348035803680378038803980408041804280438044804580468047804880498050805180528053805480558056805780588059806080618062806380648065806680678068806980708071807280738074807580768077807880798080808180828083808480858086808780888089809080918092809380948095809680978098809981008101810281038104810581068107810881098110811181128113811481158116811781188119812081218122812381248125812681278128812981308131813281338134813581368137813881398140814181428143814481458146814781488149815081518152815381548155815681578158815981608161816281638164816581668167816881698170817181728173817481758176817781788179818081818182818381848185818681878188818981908191819281938194819581968197819881998200820182028203820482058206820782088209821082118212821382148215821682178218821982208221822282238224822582268227822882298230823182328233823482358236823782388239824082418242824382448245824682478248824982508251825282538254825582568257825882598260826182628263826482658266826782688269827082718272827382748275827682778278827982808281828282838284828582868287828882898290829182928293829482958296829782988299830083018302830383048305830683078308830983108311831283138314831583168317831883198320832183228323832483258326832783288329833083318332833383348335833683378338833983408341834283438344834583468347834883498350835183528353835483558356835783588359836083618362836383648365836683678368836983708371837283738374837583768377837883798380838183828383838483858386838783888389839083918392839383948395839683978398839984008401840284038404840584068407840884098410841184128413841484158416841784188419842084218422842384248425842684278428842984308431843284338434843584368437843884398440844184428443844484458446844784488449845084518452845384548455845684578458845984608461846284638464846584668467846884698470847184728473847484758476847784788479848084818482848384848485848684878488848984908491849284938494849584968497849884998500850185028503850485058506850785088509851085118512851385148515851685178518851985208521852285238524852585268527852885298530853185328533853485358536853785388539854085418542854385448545854685478548854985508551855285538554855585568557855885598560856185628563856485658566856785688569857085718572857385748575857685778578857985808581858285838584858585868587858885898590859185928593859485958596859785988599860086018602860386048605860686078608860986108611861286138614861586168617861886198620862186228623862486258626862786288629863086318632863386348635863686378638863986408641864286438644864586468647864886498650865186528653865486558656865786588659866086618662866386648665866686678668866986708671867286738674867586768677867886798680868186828683868486858686868786888689869086918692869386948695869686978698869987008701870287038704870587068707870887098710871187128713871487158716871787188719872087218722872387248725872687278728872987308731873287338734873587368737873887398740874187428743874487458746874787488749875087518752875387548755875687578758875987608761876287638764876587668767876887698770877187728773877487758776877787788779878087818782878387848785878687878788878987908791879287938794879587968797879887998800880188028803880488058806880788088809881088118812881388148815881688178818881988208821882288238824882588268827882888298830883188328833883488358836883788388839884088418842884388448845884688478848884988508851885288538854885588568857885888598860886188628863886488658866886788688869887088718872887388748875887688778878887988808881888288838884888588868887888888898890889188928893889488958896889788988899890089018902890389048905890689078908890989108911891289138914891589168917891889198920892189228923892489258926892789288929893089318932893389348935893689378938893989408941894289438944894589468947894889498950895189528953895489558956895789588959896089618962896389648965896689678968896989708971897289738974897589768977897889798980898189828983898489858986898789888989899089918992899389948995899689978998899990009001900290039004900590069007900890099010901190129013901490159016901790189019902090219022902390249025902690279028902990309031903290339034903590369037903890399040904190429043904490459046904790489049905090519052905390549055905690579058905990609061906290639064906590669067906890699070907190729073907490759076907790789079908090819082908390849085908690879088908990909091909290939094909590969097909890999100910191029103910491059106910791089109911091119112911391149115911691179118911991209121912291239124912591269127912891299130913191329133913491359136913791389139914091419142914391449145914691479148914991509151915291539154915591569157915891599160916191629163916491659166916791689169917091719172917391749175917691779178917991809181918291839184918591869187918891899190919191929193919491959196919791989199920092019202920392049205920692079208920992109211921292139214921592169217921892199220922192229223922492259226922792289229923092319232923392349235923692379238923992409241924292439244924592469247924892499250925192529253925492559256925792589259926092619262926392649265926692679268926992709271927292739274927592769277927892799280928192829283928492859286928792889289929092919292929392949295929692979298929993009301930293039304930593069307930893099310931193129313931493159316931793189319932093219322932393249325932693279328932993309331933293339334933593369337933893399340934193429343934493459346934793489349935093519352935393549355935693579358935993609361936293639364936593669367936893699370937193729373937493759376937793789379938093819382938393849385938693879388938993909391939293939394939593969397939893999400940194029403940494059406940794089409941094119412941394149415941694179418941994209421942294239424942594269427942894299430943194329433943494359436943794389439944094419442944394449445944694479448944994509451945294539454945594569457945894599460946194629463946494659466946794689469947094719472947394749475947694779478947994809481948294839484948594869487948894899490949194929493949494959496949794989499950095019502950395049505950695079508950995109511951295139514951595169517951895199520952195229523952495259526952795289529953095319532953395349535953695379538953995409541954295439544954595469547954895499550955195529553955495559556955795589559956095619562956395649565956695679568956995709571957295739574957595769577957895799580958195829583958495859586958795889589959095919592959395949595959695979598959996009601960296039604960596069607960896099610961196129613961496159616961796189619962096219622962396249625962696279628962996309631963296339634963596369637963896399640964196429643964496459646964796489649965096519652965396549655965696579658965996609661966296639664966596669667966896699670967196729673967496759676967796789679968096819682968396849685968696879688968996909691969296939694969596969697969896999700970197029703970497059706970797089709971097119712971397149715971697179718971997209721972297239724972597269727972897299730973197329733973497359736973797389739974097419742974397449745974697479748974997509751975297539754975597569757975897599760976197629763976497659766976797689769977097719772977397749775977697779778977997809781978297839784978597869787978897899790979197929793979497959796979797989799980098019802980398049805980698079808980998109811981298139814981598169817981898199820982198229823982498259826982798289829983098319832983398349835983698379838983998409841984298439844984598469847984898499850985198529853985498559856985798589859986098619862986398649865986698679868986998709871987298739874987598769877987898799880988198829883988498859886988798889889989098919892989398949895989698979898989999009901990299039904990599069907990899099910991199129913991499159916991799189919992099219922992399249925992699279928992999309931993299339934993599369937993899399940994199429943994499459946994799489949995099519952995399549955995699579958995999609961996299639964996599669967996899699970997199729973997499759976997799789979998099819982998399849985998699879988998999909991999299939994999599969997999899991000010001100021000310004100051000610007100081000910010100111001210013100141001510016100171001810019100201002110022100231002410025100261002710028100291003010031100321003310034100351003610037100381003910040100411004210043100441004510046100471004810049100501005110052100531005410055100561005710058100591006010061100621006310064100651006610067100681006910070100711007210073100741007510076100771007810079100801008110082100831008410085100861008710088100891009010091100921009310094100951009610097100981009910100101011010210103101041010510106101071010810109101101011110112101131011410115101161011710118101191012010121101221012310124101251012610127101281012910130101311013210133101341013510136101371013810139101401014110142101431014410145101461014710148101491015010151101521015310154101551015610157101581015910160101611016210163101641016510166101671016810169101701017110172101731017410175101761017710178101791018010181101821018310184101851018610187101881018910190101911019210193101941019510196101971019810199102001020110202102031020410205102061020710208102091021010211102121021310214102151021610217102181021910220102211022210223102241022510226102271022810229102301023110232102331023410235102361023710238102391024010241102421024310244102451024610247102481024910250102511025210253102541025510256102571025810259102601026110262102631026410265102661026710268102691027010271102721027310274102751027610277102781027910280102811028210283102841028510286102871028810289102901029110292102931029410295102961029710298102991030010301103021030310304103051030610307103081030910310103111031210313103141031510316103171031810319103201032110322103231032410325103261032710328103291033010331103321033310334103351033610337103381033910340103411034210343103441034510346103471034810349103501035110352103531035410355103561035710358103591036010361103621036310364103651036610367103681036910370103711037210373103741037510376103771037810379103801038110382103831038410385103861038710388103891039010391103921039310394103951039610397103981039910400104011040210403104041040510406104071040810409104101041110412104131041410415104161041710418104191042010421104221042310424104251042610427104281042910430104311043210433104341043510436104371043810439104401044110442104431044410445104461044710448104491045010451104521045310454104551045610457104581045910460104611046210463104641046510466104671046810469104701047110472104731047410475104761047710478104791048010481104821048310484104851048610487104881048910490104911049210493104941049510496104971049810499105001050110502105031050410505105061050710508105091051010511105121051310514105151051610517105181051910520105211052210523105241052510526105271052810529105301053110532105331053410535105361053710538105391054010541105421054310544105451054610547105481054910550105511055210553105541055510556105571055810559105601056110562105631056410565105661056710568105691057010571105721057310574105751057610577105781057910580105811058210583105841058510586105871058810589105901059110592105931059410595105961059710598105991060010601106021060310604106051060610607106081060910610106111061210613106141061510616106171061810619106201062110622106231062410625106261062710628106291063010631106321063310634106351063610637106381063910640106411064210643106441064510646106471064810649106501065110652106531065410655106561065710658106591066010661106621066310664106651066610667106681066910670106711067210673106741067510676106771067810679106801068110682106831068410685106861068710688106891069010691106921069310694106951069610697106981069910700107011070210703107041070510706107071070810709107101071110712107131071410715107161071710718107191072010721107221072310724107251072610727107281072910730107311073210733107341073510736107371073810739107401074110742107431074410745107461074710748107491075010751107521075310754107551075610757107581075910760107611076210763107641076510766107671076810769107701077110772107731077410775107761077710778107791078010781107821078310784107851078610787107881078910790107911079210793107941079510796107971079810799108001080110802108031080410805108061080710808108091081010811108121081310814108151081610817108181081910820108211082210823108241082510826108271082810829108301083110832108331083410835108361083710838108391084010841108421084310844108451084610847108481084910850108511085210853108541085510856108571085810859108601086110862108631086410865108661086710868108691087010871108721087310874108751087610877108781087910880108811088210883108841088510886108871088810889108901089110892108931089410895108961089710898108991090010901109021090310904109051090610907109081090910910109111091210913109141091510916109171091810919109201092110922109231092410925109261092710928109291093010931109321093310934109351093610937109381093910940109411094210943109441094510946109471094810949109501095110952109531095410955109561095710958109591096010961109621096310964109651096610967109681096910970109711097210973109741097510976109771097810979109801098110982109831098410985109861098710988109891099010991109921099310994109951099610997109981099911000110011100211003110041100511006110071100811009110101101111012110131101411015110161101711018110191102011021110221102311024110251102611027110281102911030110311103211033110341103511036110371103811039110401104111042110431104411045110461104711048110491105011051110521105311054110551105611057110581105911060110611106211063110641106511066110671106811069110701107111072110731107411075110761107711078110791108011081110821108311084110851108611087110881108911090110911109211093110941109511096110971109811099111001110111102111031110411105111061110711108111091111011111111121111311114111151111611117111181111911120111211112211123111241112511126111271112811129111301113111132111331113411135111361113711138111391114011141111421114311144111451114611147111481114911150111511115211153111541115511156111571115811159111601116111162111631116411165111661116711168111691117011171111721117311174111751117611177111781117911180111811118211183111841118511186111871118811189111901119111192111931119411195111961119711198111991120011201112021120311204112051120611207112081120911210112111121211213112141121511216112171121811219112201122111222112231122411225112261122711228112291123011231112321123311234112351123611237112381123911240112411124211243112441124511246112471124811249112501125111252112531125411255112561125711258112591126011261112621126311264112651126611267112681126911270112711127211273112741127511276112771127811279112801128111282112831128411285112861128711288112891129011291112921129311294112951129611297112981129911300113011130211303113041130511306113071130811309113101131111312113131131411315113161131711318113191132011321113221132311324113251132611327113281132911330113311133211333113341133511336113371133811339113401134111342113431134411345113461134711348113491135011351113521135311354113551135611357113581135911360113611136211363113641136511366113671136811369113701137111372113731137411375113761137711378113791138011381113821138311384113851138611387113881138911390113911139211393113941139511396113971139811399114001140111402114031140411405114061140711408114091141011411114121141311414114151141611417114181141911420114211142211423114241142511426114271142811429114301143111432114331143411435114361143711438114391144011441114421144311444114451144611447114481144911450114511145211453114541145511456114571145811459114601146111462114631146411465114661146711468114691147011471114721147311474114751147611477114781147911480114811148211483114841148511486114871148811489114901149111492114931149411495114961149711498114991150011501115021150311504115051150611507115081150911510115111151211513115141151511516115171151811519115201152111522115231152411525115261152711528115291153011531115321153311534115351153611537115381153911540115411154211543115441154511546115471154811549115501155111552115531155411555115561155711558115591156011561115621156311564115651156611567115681156911570115711157211573115741157511576115771157811579115801158111582115831158411585115861158711588115891159011591115921159311594115951159611597115981159911600116011160211603116041160511606116071160811609116101161111612116131161411615116161161711618116191162011621116221162311624116251162611627116281162911630116311163211633116341163511636116371163811639116401164111642116431164411645116461164711648116491165011651116521165311654116551165611657116581165911660116611166211663116641166511666116671166811669116701167111672116731167411675116761167711678116791168011681116821168311684116851168611687116881168911690116911169211693116941169511696116971169811699117001170111702117031170411705117061170711708117091171011711117121171311714117151171611717117181171911720117211172211723117241172511726117271172811729117301173111732117331173411735117361173711738117391174011741117421174311744117451174611747117481174911750117511175211753117541175511756117571175811759117601176111762117631176411765117661176711768117691177011771117721177311774117751177611777117781177911780117811178211783117841178511786117871178811789117901179111792117931179411795117961179711798117991180011801118021180311804118051180611807118081180911810118111181211813118141181511816118171181811819118201182111822118231182411825118261182711828118291183011831118321183311834118351183611837118381183911840118411184211843118441184511846118471184811849118501185111852118531185411855118561185711858118591186011861118621186311864118651186611867118681186911870118711187211873118741187511876118771187811879118801188111882118831188411885118861188711888118891189011891118921189311894118951189611897118981189911900119011190211903119041190511906119071190811909119101191111912119131191411915119161191711918119191192011921119221192311924119251192611927119281192911930119311193211933119341193511936119371193811939119401194111942119431194411945119461194711948119491195011951119521195311954119551195611957119581195911960119611196211963119641196511966119671196811969119701197111972119731197411975119761197711978119791198011981119821198311984119851198611987119881198911990119911199211993119941199511996119971199811999120001200112002120031200412005120061200712008120091201012011120121201312014120151201612017120181201912020120211202212023120241202512026120271202812029120301203112032120331203412035120361203712038120391204012041120421204312044120451204612047120481204912050120511205212053120541205512056120571205812059120601206112062120631206412065120661206712068120691207012071120721207312074120751207612077120781207912080120811208212083120841208512086120871208812089120901209112092120931209412095120961209712098120991210012101121021210312104121051210612107121081210912110121111211212113121141211512116121171211812119121201212112122121231212412125121261212712128121291213012131121321213312134121351213612137121381213912140121411214212143121441214512146121471214812149121501215112152121531215412155121561215712158121591216012161121621216312164121651216612167121681216912170121711217212173121741217512176121771217812179121801218112182121831218412185121861218712188121891219012191121921219312194121951219612197121981219912200122011220212203122041220512206122071220812209122101221112212122131221412215122161221712218122191222012221122221222312224122251222612227122281222912230122311223212233122341223512236122371223812239122401224112242122431224412245122461224712248122491225012251122521225312254122551225612257122581225912260122611226212263122641226512266122671226812269122701227112272122731227412275122761227712278122791228012281122821228312284122851228612287122881228912290122911229212293122941229512296122971229812299123001230112302123031230412305123061230712308123091231012311123121231312314123151231612317123181231912320123211232212323123241232512326123271232812329123301233112332123331233412335123361233712338123391234012341123421234312344123451234612347123481234912350123511235212353123541235512356123571235812359123601236112362123631236412365123661236712368123691237012371123721237312374123751237612377123781237912380123811238212383123841238512386123871238812389123901239112392123931239412395123961239712398123991240012401124021240312404124051240612407124081240912410124111241212413124141241512416124171241812419124201242112422124231242412425124261242712428124291243012431124321243312434124351243612437124381243912440124411244212443124441244512446124471244812449124501245112452124531245412455124561245712458124591246012461124621246312464124651246612467124681246912470124711247212473124741247512476124771247812479124801248112482124831248412485124861248712488124891249012491124921249312494124951249612497124981249912500125011250212503125041250512506125071250812509125101251112512125131251412515125161251712518125191252012521125221252312524125251252612527125281252912530125311253212533125341253512536125371253812539125401254112542125431254412545125461254712548125491255012551125521255312554125551255612557125581255912560125611256212563125641256512566125671256812569125701257112572125731257412575125761257712578125791258012581125821258312584125851258612587125881258912590125911259212593125941259512596125971259812599126001260112602126031260412605126061260712608126091261012611126121261312614126151261612617126181261912620126211262212623126241262512626126271262812629126301263112632126331263412635126361263712638126391264012641126421264312644126451264612647126481264912650126511265212653126541265512656126571265812659126601266112662126631266412665126661266712668126691267012671126721267312674126751267612677126781267912680126811268212683126841268512686126871268812689126901269112692126931269412695126961269712698126991270012701127021270312704127051270612707127081270912710127111271212713127141271512716127171271812719127201272112722127231272412725127261272712728127291273012731127321273312734127351273612737127381273912740127411274212743127441274512746127471274812749127501275112752127531275412755127561275712758127591276012761127621276312764127651276612767127681276912770127711277212773127741277512776127771277812779127801278112782127831278412785127861278712788127891279012791127921279312794127951279612797127981279912800128011280212803128041280512806128071280812809128101281112812128131281412815128161281712818128191282012821128221282312824128251282612827128281282912830128311283212833128341283512836128371283812839128401284112842128431284412845128461284712848128491285012851128521285312854128551285612857128581285912860128611286212863128641286512866128671286812869128701287112872128731287412875128761287712878128791288012881128821288312884128851288612887128881288912890128911289212893128941289512896128971289812899129001290112902129031290412905129061290712908129091291012911129121291312914129151291612917129181291912920129211292212923129241292512926129271292812929129301293112932129331293412935129361293712938129391294012941129421294312944129451294612947129481294912950129511295212953129541295512956129571295812959129601296112962129631296412965129661296712968129691297012971129721297312974129751297612977129781297912980129811298212983129841298512986129871298812989129901299112992129931299412995129961299712998129991300013001130021300313004130051300613007130081300913010130111301213013130141301513016130171301813019130201302113022130231302413025130261302713028130291303013031130321303313034130351303613037130381303913040130411304213043130441304513046130471304813049130501305113052130531305413055130561305713058130591306013061130621306313064130651306613067130681306913070130711307213073130741307513076130771307813079130801308113082130831308413085130861308713088130891309013091130921309313094130951309613097130981309913100131011310213103131041310513106131071310813109131101311113112131131311413115131161311713118131191312013121131221312313124131251312613127131281312913130131311313213133131341313513136131371313813139131401314113142131431314413145131461314713148131491315013151131521315313154131551315613157131581315913160131611316213163131641316513166131671316813169131701317113172131731317413175131761317713178131791318013181131821318313184131851318613187131881318913190131911319213193131941319513196131971319813199132001320113202132031320413205132061320713208132091321013211132121321313214132151321613217132181321913220132211322213223132241322513226132271322813229132301323113232132331323413235132361323713238132391324013241132421324313244132451324613247132481324913250132511325213253132541325513256132571325813259132601326113262132631326413265132661326713268132691327013271132721327313274132751327613277132781327913280132811328213283132841328513286132871328813289132901329113292132931329413295132961329713298132991330013301133021330313304133051330613307133081330913310133111331213313133141331513316133171331813319133201332113322133231332413325133261332713328133291333013331133321333313334133351333613337133381333913340133411334213343133441334513346133471334813349133501335113352133531335413355133561335713358133591336013361133621336313364133651336613367133681336913370133711337213373133741337513376133771337813379133801338113382133831338413385133861338713388133891339013391133921339313394133951339613397133981339913400134011340213403134041340513406134071340813409134101341113412134131341413415134161341713418134191342013421134221342313424134251342613427134281342913430134311343213433134341343513436134371343813439134401344113442134431344413445134461344713448134491345013451134521345313454134551345613457134581345913460134611346213463134641346513466134671346813469134701347113472134731347413475134761347713478134791348013481134821348313484134851348613487134881348913490134911349213493134941349513496134971349813499135001350113502135031350413505135061350713508135091351013511135121351313514135151351613517135181351913520135211352213523135241352513526135271352813529135301353113532135331353413535135361353713538135391354013541135421354313544135451354613547135481354913550135511355213553135541355513556135571355813559135601356113562135631356413565135661356713568135691357013571135721357313574135751357613577135781357913580135811358213583135841358513586135871358813589135901359113592135931359413595135961359713598135991360013601136021360313604136051360613607136081360913610136111361213613136141361513616136171361813619136201362113622136231362413625136261362713628136291363013631136321363313634136351363613637136381363913640136411364213643136441364513646136471364813649136501365113652136531365413655136561365713658136591366013661136621366313664136651366613667136681366913670136711367213673136741367513676136771367813679136801368113682136831368413685136861368713688136891369013691136921369313694136951369613697136981369913700137011370213703137041370513706137071370813709137101371113712137131371413715137161371713718137191372013721137221372313724137251372613727137281372913730137311373213733137341373513736137371373813739137401374113742137431374413745137461374713748137491375013751137521375313754137551375613757137581375913760137611376213763137641376513766137671376813769137701377113772137731377413775137761377713778137791378013781137821378313784137851378613787137881378913790137911379213793137941379513796137971379813799138001380113802138031380413805138061380713808138091381013811138121381313814138151381613817138181381913820138211382213823138241382513826138271382813829138301383113832138331383413835138361383713838138391384013841138421384313844138451384613847138481384913850138511385213853138541385513856138571385813859138601386113862138631386413865138661386713868138691387013871138721387313874138751387613877138781387913880138811388213883138841388513886138871388813889138901389113892138931389413895138961389713898138991390013901139021390313904139051390613907139081390913910139111391213913139141391513916139171391813919139201392113922139231392413925139261392713928139291393013931139321393313934139351393613937139381393913940139411394213943139441394513946139471394813949139501395113952139531395413955139561395713958139591396013961139621396313964139651396613967139681396913970139711397213973139741397513976139771397813979139801398113982139831398413985139861398713988139891399013991139921399313994139951399613997139981399914000140011400214003140041400514006140071400814009140101401114012140131401414015140161401714018140191402014021140221402314024140251402614027140281402914030140311403214033140341403514036140371403814039140401404114042140431404414045140461404714048140491405014051140521405314054140551405614057140581405914060140611406214063140641406514066140671406814069140701407114072140731407414075140761407714078140791408014081140821408314084140851408614087140881408914090140911409214093140941409514096140971409814099141001410114102141031410414105141061410714108141091411014111141121411314114141151411614117141181411914120141211412214123141241412514126141271412814129141301413114132141331413414135141361413714138141391414014141141421414314144141451414614147141481414914150141511415214153141541415514156141571415814159141601416114162141631416414165141661416714168141691417014171141721417314174141751417614177141781417914180141811418214183141841418514186141871418814189141901419114192141931419414195141961419714198141991420014201142021420314204142051420614207142081420914210142111421214213142141421514216142171421814219142201422114222142231422414225142261422714228142291423014231142321423314234142351423614237142381423914240142411424214243142441424514246142471424814249142501425114252142531425414255142561425714258142591426014261142621426314264142651426614267142681426914270142711427214273142741427514276142771427814279142801428114282142831428414285142861428714288142891429014291142921429314294142951429614297142981429914300143011430214303143041430514306143071430814309143101431114312143131431414315143161431714318143191432014321143221432314324143251432614327143281432914330143311433214333143341433514336143371433814339143401434114342143431434414345143461434714348143491435014351143521435314354143551435614357143581435914360143611436214363143641436514366143671436814369143701437114372143731437414375143761437714378143791438014381143821438314384143851438614387143881438914390143911439214393143941439514396143971439814399144001440114402144031440414405144061440714408144091441014411144121441314414144151441614417144181441914420144211442214423144241442514426144271442814429144301443114432144331443414435144361443714438144391444014441144421444314444144451444614447144481444914450144511445214453144541445514456144571445814459144601446114462144631446414465144661446714468144691447014471144721447314474144751447614477144781447914480144811448214483144841448514486144871448814489144901449114492144931449414495144961449714498144991450014501145021450314504145051450614507145081450914510145111451214513145141451514516145171451814519145201452114522145231452414525145261452714528145291453014531145321453314534145351453614537145381453914540145411454214543145441454514546145471454814549145501455114552145531455414555145561455714558145591456014561145621456314564145651456614567145681456914570145711457214573145741457514576145771457814579145801458114582145831458414585145861458714588145891459014591145921459314594145951459614597145981459914600146011460214603146041460514606146071460814609146101461114612146131461414615146161461714618146191462014621146221462314624146251462614627146281462914630146311463214633146341463514636146371463814639146401464114642146431464414645146461464714648146491465014651146521465314654146551465614657146581465914660146611466214663146641466514666146671466814669146701467114672146731467414675146761467714678146791468014681146821468314684146851468614687146881468914690146911469214693146941469514696146971469814699147001470114702147031470414705147061470714708147091471014711147121471314714147151471614717147181471914720147211472214723147241472514726147271472814729147301473114732147331473414735147361473714738147391474014741147421474314744147451474614747147481474914750147511475214753147541475514756147571475814759147601476114762147631476414765147661476714768147691477014771147721477314774147751477614777147781477914780147811478214783147841478514786147871478814789147901479114792147931479414795147961479714798147991480014801148021480314804148051480614807148081480914810148111481214813148141481514816148171481814819148201482114822148231482414825148261482714828148291483014831148321483314834148351483614837148381483914840148411484214843148441484514846148471484814849148501485114852148531485414855148561485714858148591486014861148621486314864148651486614867148681486914870148711487214873148741487514876148771487814879148801488114882148831488414885148861488714888148891489014891148921489314894148951489614897148981489914900149011490214903149041490514906149071490814909149101491114912149131491414915149161491714918149191492014921149221492314924149251492614927149281492914930149311493214933149341493514936149371493814939149401494114942149431494414945149461494714948149491495014951149521495314954149551495614957149581495914960149611496214963149641496514966149671496814969149701497114972149731497414975149761497714978149791498014981149821498314984149851498614987149881498914990149911499214993149941499514996149971499814999150001500115002150031500415005150061500715008150091501015011150121501315014150151501615017150181501915020150211502215023150241502515026150271502815029150301503115032150331503415035150361503715038150391504015041150421504315044150451504615047150481504915050150511505215053150541505515056150571505815059150601506115062150631506415065150661506715068150691507015071150721507315074150751507615077150781507915080150811508215083150841508515086150871508815089150901509115092150931509415095150961509715098150991510015101151021510315104151051510615107151081510915110151111511215113151141511515116151171511815119151201512115122151231512415125151261512715128151291513015131151321513315134151351513615137151381513915140151411514215143151441514515146151471514815149151501515115152151531515415155151561515715158151591516015161151621516315164151651516615167151681516915170151711517215173151741517515176151771517815179151801518115182151831518415185151861518715188151891519015191151921519315194151951519615197151981519915200152011520215203152041520515206152071520815209152101521115212152131521415215152161521715218152191522015221152221522315224152251522615227152281522915230152311523215233152341523515236152371523815239152401524115242152431524415245152461524715248152491525015251152521525315254152551525615257152581525915260152611526215263152641526515266152671526815269152701527115272152731527415275152761527715278152791528015281152821528315284152851528615287152881528915290152911529215293152941529515296152971529815299153001530115302153031530415305153061530715308153091531015311153121531315314153151531615317153181531915320153211532215323153241532515326153271532815329153301533115332153331533415335153361533715338153391534015341153421534315344153451534615347153481534915350153511535215353153541535515356153571535815359153601536115362153631536415365153661536715368153691537015371153721537315374153751537615377153781537915380153811538215383153841538515386153871538815389153901539115392153931539415395153961539715398153991540015401154021540315404154051540615407154081540915410154111541215413154141541515416154171541815419154201542115422154231542415425154261542715428154291543015431154321543315434154351543615437154381543915440154411544215443154441544515446154471544815449154501545115452154531545415455154561545715458154591546015461154621546315464154651546615467154681546915470154711547215473154741547515476154771547815479154801548115482154831548415485154861548715488154891549015491154921549315494154951549615497154981549915500155011550215503155041550515506155071550815509155101551115512155131551415515155161551715518155191552015521155221552315524155251552615527155281552915530155311553215533155341553515536155371553815539155401554115542155431554415545155461554715548155491555015551155521555315554155551555615557155581555915560155611556215563155641556515566155671556815569155701557115572155731557415575155761557715578155791558015581155821558315584155851558615587155881558915590155911559215593155941559515596155971559815599156001560115602156031560415605156061560715608156091561015611156121561315614156151561615617156181561915620156211562215623156241562515626156271562815629156301563115632156331563415635156361563715638156391564015641156421564315644156451564615647156481564915650156511565215653156541565515656156571565815659156601566115662156631566415665156661566715668156691567015671156721567315674156751567615677156781567915680156811568215683156841568515686156871568815689156901569115692156931569415695156961569715698156991570015701157021570315704157051570615707157081570915710
  1. @charset "utf-8";
  2. @import url("./ly.css");
  3. @font-face {
  4. font-family: 'NumberFont';
  5. src: url('/static/index/font/poppins/Poppins-Bold.woff') format('woff'),
  6. url('/static/index/font/poppins/Poppins-Medium.woff') format('woff'),
  7. url('/static/index/font/poppins/Poppins-Regular.woff') format('woff');
  8. unicode-range: U+30-39; /* 只针对数字0-9 */
  9. }
  10. @font-face {
  11. font-family: 'syht';
  12. src: url('/static/index/font/syht/SourceHanSansSC-Bold-2.woff') format('woff'),
  13. url('/static/index/font/syht/SourceHanSansSC-Medium-2.woff') format('woff'),
  14. url('/static/index/font/syht/SourceHanSansSC-Regular-2.woff') format('woff');
  15. }
  16. body {font-family: 'syht', 'Poppins', sans-serif !important;}
  17. @media (min-width: 1300px) {
  18. .container {
  19. width: 1300px;
  20. }
  21. .table-responsive {
  22. overflow-x: visible;
  23. }
  24. }
  25. /*根据bootstrap popover框 自定义popover框*/
  26. .popover1 {
  27. position: absolute;
  28. top: calc(100% + 9px);
  29. left: 50%;
  30. transform: translateX(-50%);
  31. z-index: 1060;
  32. display: none;
  33. max-width: 300px;
  34. padding: 1px;
  35. text-align: left;
  36. background-color: #fff;
  37. border: 1px solid #ccc;
  38. border-radius: 6px;
  39. box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
  40. border: 1px solid rgba(0, 0, 0, .2);
  41. }
  42. .popover1.bottom>.arrow {
  43. top: -11px;
  44. left: 50%;
  45. margin-left: -11px;
  46. border-top-width: 0;
  47. border-bottom-color: #999;
  48. border-bottom-color: rgba(0, 0, 0, .25);
  49. }
  50. .popover1>.arrow {
  51. border-width: 11px;
  52. }
  53. .popover1>.arrow,
  54. .popover1>.arrow:after {
  55. position: absolute;
  56. display: block;
  57. width: 0;
  58. height: 0;
  59. border-color: transparent;
  60. border-style: solid;
  61. }
  62. .popover1.bottom>.arrow:after {
  63. top: 1px;
  64. margin-left: -10px;
  65. content: " ";
  66. border-top-width: 0;
  67. border-bottom-color: #fff;
  68. }
  69. .popover1>.arrow:after {
  70. content: "";
  71. border-width: 10px;
  72. }
  73. .popover1>.arrow,
  74. .popover1>.arrow:after {
  75. position: absolute;
  76. display: block;
  77. width: 0;
  78. height: 0;
  79. border-color: transparent;
  80. border-style: solid;
  81. }
  82. .ms-badge {
  83. background-color: #f4242e;
  84. width: 16px;
  85. height: 16px;
  86. line-height: 16px;
  87. display: inline-block;
  88. color: #fff;
  89. border-radius: 50%;
  90. font-size: 12px;
  91. text-align: center;
  92. position: relative;
  93. top: -12px;
  94. left: 0;
  95. display: none;
  96. }
  97. .ms-badge:empty {
  98. display: none;
  99. }
  100. /*bootstrap分页*/
  101. .pagination {
  102. margin: 30px 0 5px;
  103. }
  104. /*缩略图*/
  105. .ms-thumbnail {
  106. display: block;
  107. }
  108. .ms-thumbnail img {
  109. margin: 0 auto 20px;
  110. display: block;
  111. }
  112. .ms-thumbnail .ms-caption {
  113. padding: 0 25px;
  114. text-align: center;
  115. }
  116. .ms-thumbnail .ms-caption .tit {
  117. font-size: 18px;
  118. color: #333;
  119. margin-bottom: 10px;
  120. }
  121. .ms-thumbnail .ms-caption p {
  122. color: #848484;
  123. }
  124. /*/缩略图*/
  125. /*复制功能*/
  126. .copy {
  127. cursor: pointer;
  128. margin-left: 5px;
  129. color: #157df1;
  130. }
  131. /*/复制功能*/
  132. /*上传图标*/
  133. .new-upload-icon {
  134. position: relative;
  135. border: 1px solid #ddd;
  136. height: 100px;
  137. width: 100px;
  138. /*border-radius: 15px;*/
  139. background: url("../image/icon-10.png") no-repeat center 23px;
  140. overflow: hidden;
  141. margin-left: 15px;
  142. }
  143. .new-upload-icon img {
  144. position: absolute;
  145. left: 0;
  146. top: 0;
  147. width: 100%;
  148. height: 100%;
  149. /*border-radius: 15px;*/
  150. background-color: #fff;
  151. /*border: 1px solid #e5e5e5;*/
  152. }
  153. .new-upload-icon input[type=file] {
  154. position: absolute;
  155. z-index: 2;
  156. width: 100%;
  157. height: 100%;
  158. opacity: 0;
  159. cursor: pointer;
  160. }
  161. .new-upload-icon .text {
  162. text-align: center;
  163. margin-top: 60px;
  164. font-size: 14px;
  165. font-weight: 600;
  166. color: #999;
  167. }
  168. .new-upload-icon .ongoing {
  169. position: absolute;
  170. left: 0;
  171. top: 0;
  172. background: rgba(0, 0, 0, .5);
  173. width: 100%;
  174. height: 100%;
  175. color: #fff;
  176. display: flex;
  177. justify-content: center;
  178. align-items: center;
  179. font-size: 12px;
  180. display: none;
  181. }
  182. .new-upload-icon.uploading .ongoing {
  183. display: flex;
  184. }
  185. .new-upload-icon .reset {
  186. position: absolute;
  187. left: 0;
  188. bottom: 0;
  189. height: 20px;
  190. line-height: 20px;
  191. background: rgba(0, 0, 0, .5);
  192. width: 100%;
  193. color: #fff;
  194. text-align: center;
  195. font-size: 12px;
  196. display: none;
  197. }
  198. .new-upload-icon .reset {
  199. display: none;
  200. }
  201. .new-upload-icon.uploaded .reset {
  202. display: none;
  203. }
  204. .new-upload-icon.uploaded:hover .reset {
  205. display: block;
  206. }
  207. /*上传图标*/
  208. /*上传图片*/
  209. /*上传图片*/
  210. /*输入框搜索*/
  211. .input-search {
  212. position: relative;
  213. }
  214. .input-search .iconfont {
  215. position: absolute;
  216. right: 10px;
  217. top: 50%;
  218. transform: translateY(-50%);
  219. font-size: 16px;
  220. cursor: pointer;
  221. color: #157df1;
  222. }
  223. .input-search input {
  224. width: 195px;
  225. height: 34px;
  226. line-height: 30px;
  227. border: 1px solid #e5e5e5;
  228. padding-left: 10px;
  229. background-color: #fff;
  230. color: #666;
  231. border-radius: 3px;
  232. font-size: 13px;
  233. }
  234. .input-search input::-webkit-input-placeholder {
  235. color: #666 !important;
  236. font-size: 13px;
  237. }
  238. .input-search input::-moz-placeholder {
  239. color: #666 !important;
  240. font-size: 13px;
  241. }
  242. .input-search input::-ms-input-placeholder {
  243. color: #666 !important;
  244. font-size: 13px;
  245. }
  246. /*APP iOS Android 下拉*/
  247. .app-system-select {
  248. position: relative;
  249. width: 150px;
  250. height: 34px;
  251. line-height: 28px;
  252. padding-left: 10px;
  253. border: 1px solid #e5e5e5;
  254. border-radius: 3px;
  255. background-color: #fff;
  256. cursor: pointer;
  257. color: #666;
  258. margin-right: 10px;
  259. font-size: 13px;
  260. }
  261. .app-system-select .iconfont {
  262. position: absolute;
  263. right: 7px;
  264. font-size: 14px;
  265. height: auto;
  266. color: #999;
  267. }
  268. .app-system-select ul {
  269. position: absolute;
  270. top: calc(100% + 1px);
  271. left: 0;
  272. background-color: #fff;
  273. width: 100px;
  274. padding: 10px;
  275. box-shadow: 0 0 5px rgba(0, 0, 0, .1);
  276. z-index: 3;
  277. line-height: 30px;
  278. display: none;
  279. }
  280. .app-system-select ul li {
  281. cursor: pointer;
  282. }
  283. .app-system-select ul li.active {
  284. color: #157df1;
  285. }
  286. .app-system-select ul li:hover {
  287. color: #157df1;
  288. }
  289. .blue-line {
  290. width: 35px;
  291. height: 2px;
  292. background-color: #157df1;
  293. margin: 13px 0;
  294. }
  295. .crumbs {
  296. padding: 20px 0 30px;
  297. color: rgba(143, 149, 159, 1);
  298. font-size: 16px;
  299. line-height: 35px;
  300. font-family: Source Han Sans SC;
  301. }
  302. .crumbs a {
  303. color: rgba(21, 21, 21, 1);
  304. font-weight: 500;
  305. }
  306. .crumbs span {
  307. margin: 0 10px;
  308. color: rgba(21, 21, 21, 1);
  309. }
  310. .warn-prompt {
  311. background-color: #fff5e7;
  312. padding: 8px 20px;
  313. border: 1px solid #feebcd;
  314. margin-top: 10px;
  315. font-size: 12px;
  316. }
  317. .warn-prompt .iconfont {
  318. color: #fd9823;
  319. margin-right: 5px;
  320. font-size: 13px;
  321. }
  322. .ie-prompt {
  323. display: none;
  324. }
  325. .ie-prompt-360 {
  326. display: none;
  327. }
  328. .warn-prompt-1 {
  329. margin-top: 10px;
  330. margin-bottom: 30px;
  331. }
  332. .warn-prompt-12 {
  333. margin-top: 10px;
  334. margin-bottom: 30px;
  335. }
  336. .warn-prompt-1 dt {
  337. font-size: 12px;
  338. }
  339. .warn-prompt-1 dd {
  340. margin-left: 40px;
  341. font-size: 12px;
  342. }
  343. .input-text {
  344. position: relative;
  345. }
  346. .input-text .error1 {
  347. position: absolute;
  348. top: 100%;
  349. left: 0;
  350. color: #fd641d;
  351. display: none;
  352. font-size: 12px;
  353. }
  354. .input-text.form-error .error1 {
  355. display: block;
  356. }
  357. .popover {
  358. font-size: 12px;
  359. max-width: 335px;
  360. }
  361. header {
  362. box-shadow: 0 2px 5px rgba(0, 0, 0, .05);
  363. position: relative;
  364. z-index: 2;
  365. background: #326dfa;
  366. background: url("../image/nav_bg.png") no-repeat center;
  367. background-size: cover;
  368. height: 74px;
  369. }
  370. .header {
  371. /*padding: 10px 0;*/
  372. position: relative;
  373. }
  374. .header .header-left img.hidden-xs {
  375. width: 162px;
  376. height: 47px;
  377. display: block;
  378. }
  379. .header .nav-logo {
  380. margin-top: 14px;
  381. }
  382. .header .ms-nav {
  383. margin: 26px 0 0 35px;
  384. }
  385. .header .ms-nav>li {
  386. float: left;
  387. margin: 0 10px;
  388. }
  389. @media (min-width: 768px) {
  390. .header .ms-nav>li>a {
  391. padding: 0 10px 5px;
  392. border-bottom: 2px solid transparent;
  393. color: #fff;
  394. }
  395. .header .ms-nav>li.active>a {
  396. border-bottom: 2px solid #f2f2f5;
  397. color: #f2f2f5;
  398. }
  399. .header .ms-nav>li:hover>a {
  400. border-bottom: 2px solid #157df1;
  401. }
  402. }
  403. .header .login {
  404. margin-top: 18px;
  405. }
  406. .header .login li {
  407. float: left;
  408. }
  409. /*增加文档二级导航*/
  410. .header .doc-nav {
  411. position: relative;
  412. padding-bottom: 5px;
  413. }
  414. .header .ms-nav>li .doc-nav>a {
  415. padding: 0 10px 5px;
  416. border-bottom: 2px solid transparent;
  417. color: #333;
  418. }
  419. .header .ms-nav>li.active .doc-nav>a {
  420. border-bottom: 2px solid #157df1;
  421. color: #157df1;
  422. }
  423. .header .ms-nav>li:hover .doc-nav>a {
  424. border-bottom: 2px solid #157df1;
  425. }
  426. .header .top-doc {
  427. position: absolute;
  428. top: calc(100%);
  429. left: 50%;
  430. z-index: 1000;
  431. width: 140px;
  432. transform: translateX(-50%);
  433. padding-top: 15px;
  434. display: none;
  435. }
  436. .header .top-doc dl {
  437. background-color: #fff;
  438. border: 1px solid #e5e5e5;
  439. border-radius: 3px;
  440. padding-top: 15px;
  441. }
  442. .header .top-doc dl dd {
  443. margin-bottom: 15px;
  444. }
  445. .header .top-doc a {
  446. color: #666;
  447. text-align: center;
  448. display: block;
  449. }
  450. .header .top-doc a.active {
  451. color: #157df1;
  452. }
  453. .header .top-doc a:hover {
  454. color: #157df1;
  455. }
  456. .header .ms-nav>li:hover .doc-nav:hover .top-doc {
  457. display: block;
  458. }
  459. /*/增加文档二级导航*/
  460. /*login-in*/
  461. .login-in {
  462. position: absolute;
  463. right: 0;
  464. top: 0;
  465. height: 100%;
  466. }
  467. .login-in .login-user {
  468. cursor: pointer;
  469. padding-top: 24px;
  470. height: 100%;
  471. }
  472. .login-in .login-user .certified {
  473. color: #157df1;
  474. }
  475. .login-in .name-certified {
  476. color: #348dee;
  477. margin-right: 10px;
  478. padding-top: 20px;
  479. }
  480. .login-in .icon-arrow-bottom {
  481. color: #c1c5cc;
  482. font-size: 14px;
  483. margin-left: 5px;
  484. }
  485. .login-in .login-user dl {
  486. background-color: #fff;
  487. border-radius: 3px;
  488. border: 1px solid #e5e5e5;
  489. position: absolute;
  490. top: 50px;
  491. right: 0;
  492. z-index: 10;
  493. display: none;
  494. width: 115px;
  495. box-shadow: 0 5px 10px rgba(21, 125, 241, .1);
  496. }
  497. .login-in .login-user:hover dl {
  498. display: block;
  499. }
  500. .login-in .login-user dl dt {
  501. padding: 15px 0;
  502. margin-top: 10px;
  503. border-top: 1px solid #e5e5e5;
  504. color: #666;
  505. text-align: center;
  506. }
  507. .login-in .login-user dl dt a {
  508. color: #666;
  509. }
  510. .login-in .login-user dl dt a:hover {
  511. color: #157df1;
  512. }
  513. .login-in .login-user dl dt .icon-sign-out {
  514. margin-right: 3px;
  515. color: #666;
  516. position: relative;
  517. top: 1px;
  518. }
  519. .login-in .login-user dl dt a:hover .icon-sign-out {
  520. color: #157df1;
  521. }
  522. .login-in .login-user dl dd {
  523. margin-top: 10px;
  524. text-align: center;
  525. }
  526. .login-in .login-user dl dd a {
  527. color: #666;
  528. }
  529. .login-in .login-user dl dd a:hover {
  530. color: #157df1;
  531. }
  532. /*通知中心*/
  533. .header .login-in .notification {
  534. padding-top: 25px;
  535. margin-right: 2px;
  536. position: relative;
  537. cursor: pointer;
  538. }
  539. .header .login-in .notification .icon-msg {
  540. font-size: 20px;
  541. color: #157df1
  542. }
  543. .header .login-in .notification .ms-badge {
  544. left: -7px
  545. }
  546. .header .login-in .n-drop-down {
  547. width: 130px;
  548. z-index: 10;
  549. position: absolute;
  550. left: -51px;
  551. top: 100%;
  552. padding-top: 16px;
  553. display: none
  554. }
  555. .header .login-in .n-drop-down .n-con {
  556. background-color: #fff;
  557. box-shadow: 0 3px 10px rgba(193, 220, 251, .7)
  558. }
  559. .header .login-in .n-drop-down .n-con .no {
  560. text-align: center;
  561. color: #333;
  562. padding: 50px 0
  563. }
  564. .header .login-in .n-drop-down .n-con .no .icon-lingdang {
  565. color: #157df1;
  566. font-size: 30px
  567. }
  568. .header .login-in .n-drop-down .n-con .yes {
  569. max-height: 330px;
  570. padding: 15px
  571. }
  572. .header .login-in .n-drop-down .n-con .y-tit {
  573. color: #666;
  574. margin-bottom: 10px
  575. }
  576. .header .login-in .n-drop-down .n-con .msg-list {
  577. max-height: 260px;
  578. overflow-y: auto
  579. }
  580. .header .login-in .n-drop-down .n-con .msg-list li {
  581. margin-bottom: 10px
  582. }
  583. .header .login-in .n-drop-down .icon-unread {
  584. color: #fed735
  585. }
  586. .header .login-in .n-drop-down .icon-read {
  587. color: #999;
  588. font-size: 20px;
  589. position: relative;
  590. top: -2px
  591. }
  592. .header .login-in .n-drop-down .m-right {
  593. margin-left: 25px;
  594. font-size: 12px
  595. }
  596. .header .login-in .n-drop-down .m-right dt {
  597. margin-bottom: 5px;
  598. line-height: 20px
  599. }
  600. .header .login-in .n-drop-down .m-right dt a {
  601. color: #999
  602. }
  603. .header .login-in .n-drop-down .m-right.bold dt a {
  604. font-weight: 600;
  605. color: #333
  606. }
  607. .header .login-in .n-drop-down .m-right.bold dd {
  608. font-weight: 400
  609. }
  610. .header .login-in .n-drop-down .m-right dd .m-details {
  611. color: #157df1
  612. }
  613. .header .login-in .n-drop-down .m-right dd .m-time {
  614. color: #999
  615. }
  616. .header .login-in .n-drop-down .n-con .m-more {
  617. border-top: 1px solid #e6e6e6;
  618. color: #157df1;
  619. display: block;
  620. text-align: center;
  621. padding: 15px 0
  622. }
  623. .header .login-in .notification:hover .n-drop-down {
  624. display: block
  625. }
  626. /*/通知中心*/
  627. /*/login-in*/
  628. .paging {
  629. text-align: center;
  630. margin: 30px 0 5px;
  631. }
  632. .paging input[type=text] {
  633. width: 34px;
  634. display: inline-block;
  635. vertical-align: middle;
  636. }
  637. .paging .color-333 {
  638. padding: 6px 0;
  639. }
  640. .help {
  641. text-align: left;
  642. padding: 70px 0 55px;
  643. }
  644. .help .tit {
  645. font-size: 36px;
  646. color: #157df1;
  647. text-align: center;
  648. margin-bottom: 60px;
  649. }
  650. .help dl {
  651. margin-bottom: 15px;
  652. color: #333;
  653. }
  654. .help dt {
  655. line-height: 30px;
  656. font-weight: 600;
  657. }
  658. .help dd {
  659. line-height: 30px;
  660. }
  661. .help dl .left {
  662. float: left;
  663. }
  664. .help dl .right {
  665. margin-left: 40px;
  666. /*width: 75%;*/
  667. display: block;
  668. }
  669. .help1 {
  670. padding: 50px 0 40px;
  671. }
  672. .help1 .tit {
  673. font-size: 32px;
  674. color: #333;
  675. margin-bottom: 5px;
  676. }
  677. .help1 .blue-line {
  678. margin: 0 auto 30px;
  679. }
  680. /*----------index-----------*/
  681. /*banner*/
  682. .index-banner .swiper-container {
  683. width: 100%;
  684. height: 100%;
  685. }
  686. .index-banner .swiper-slide {
  687. overflow: hidden;
  688. display: -webkit-box;
  689. display: -ms-flexbox;
  690. display: -webkit-flex;
  691. display: flex;
  692. -webkit-box-pack: center;
  693. -ms-flex-pack: center;
  694. -webkit-justify-content: center;
  695. justify-content: center;
  696. -webkit-box-align: center;
  697. -ms-flex-align: center;
  698. -webkit-align-items: center;
  699. align-items: center;
  700. width: 100%;
  701. }
  702. .index-banner .swiper-slide>a {
  703. display: block;
  704. height: 430px;
  705. width: 100%;
  706. }
  707. /*自定义swiper分页按钮*/
  708. .index-banner .swiper-pagination-bullet {
  709. width: 40px;
  710. height: 4px;
  711. display: inline-block;
  712. border-radius: 0;
  713. background-color: #fff;
  714. opacity: .4;
  715. }
  716. .index-banner .swiper-pagination-bullet-active {
  717. opacity: 1;
  718. }
  719. .index-banner .swiper-container-horizontal>.swiper-pagination-bullets {
  720. bottom: 20px;
  721. }
  722. .index-banner .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
  723. margin: 0 5px;
  724. }
  725. .index-banner .banner-con {
  726. color: #fff;
  727. }
  728. .index-banner .banner-con .h1 {
  729. font-size: 32px;
  730. font-weight: 600;
  731. }
  732. .index-banner .banner-con .h2 {
  733. font-size: 18px;
  734. line-height: 30px;
  735. margin-bottom: 20px;
  736. }
  737. .index-banner .banner-con .ms-btn {
  738. border-color: #fff;
  739. width: 110px;
  740. color: #fff;
  741. font-size: 16px;
  742. }
  743. .index-banner .banner-con.con1 {
  744. padding: 95px 0 0 40px;
  745. }
  746. .index-banner .banner-con.con1 .h1 {
  747. margin-bottom: 20px;
  748. }
  749. .index-banner .banner-con.con1 span {
  750. margin-left: 45px;
  751. }
  752. .index-banner .banner-con.con1 i {
  753. font-size: 22px;
  754. }
  755. .index-banner .banner-con.con2 {
  756. padding: 110px 0 0 90px;
  757. }
  758. .index-banner .banner-con.con2 .h1 {
  759. margin-bottom: 10px;
  760. }
  761. .index-banner .banner-con.con3 {
  762. text-align: center;
  763. padding-top: 75px;
  764. }
  765. .index-banner .banner-con.con3 .h1 {
  766. margin-bottom: 20px;
  767. }
  768. .index-banner .banner-con.con4 {
  769. padding: 100px 0 0 40px;
  770. }
  771. .index-banner .banner-con.con4 .h1 {
  772. margin-bottom: 20px;
  773. }
  774. /*/banner*/
  775. /*publicity*/
  776. .publicity-wrap {
  777. background-color: #f5f9fe;
  778. }
  779. .publicity li {
  780. background-color: #f5f9fe;
  781. padding: 18px 30px 0;
  782. height: 95px;
  783. float: left;
  784. width: 33.333333%;
  785. border-left: 1px solid #e5e5e5;
  786. }
  787. .publicity li>a>div {
  788. float: none;
  789. display: table-cell;
  790. vertical-align: top;
  791. }
  792. .publicity li:first-of-type {
  793. border-left-color: transparent;
  794. }
  795. .publicity li:hover {
  796. background-color: #fff;
  797. }
  798. .publicity li .p-right {
  799. padding-left: 15px;
  800. }
  801. .publicity li .tit {
  802. font-size: 18px;
  803. color: #333;
  804. margin-bottom: 3px;
  805. }
  806. .publicity li .blue-line {
  807. margin: 0 0 10px;
  808. display: none;
  809. }
  810. .publicity li p {
  811. font-size: 12px;
  812. }
  813. .publicity li:hover .tit {
  814. color: #157df1;
  815. }
  816. .publicity li:hover p {
  817. color: #157df1;
  818. }
  819. /*/publicity*/
  820. /*网站封装APP*/
  821. .index-common {
  822. text-align: center;
  823. padding: 80px 0;
  824. }
  825. .index-common>h1 {
  826. color: #157df1;
  827. margin-bottom: 20px;
  828. }
  829. .index-common>h4 {
  830. color: #666;
  831. margin-bottom: 60px;
  832. }
  833. .index-encapsulation .e-list {
  834. margin-bottom: 50px;
  835. }
  836. .index-encapsulation .e-list li {
  837. width: 20%;
  838. float: left;
  839. }
  840. .index-encapsulation .ms-thumbnail img {
  841. margin-bottom: 15px;
  842. }
  843. /*/网站封装APP*/
  844. /*企业签名*/
  845. .index-signature-wrap {
  846. background: url("../image/index-bg-1.jpg") no-repeat center;
  847. height: 660px;
  848. }
  849. .index-signature>h1 {
  850. color: #fff;
  851. }
  852. .index-signature>h4 {
  853. color: #fff;
  854. }
  855. .index-signature .row {
  856. padding: 0 50px;
  857. margin: 0 -10px 40px;
  858. }
  859. .index-signature .row .col-sm-6 {
  860. padding: 0 10px;
  861. margin-bottom: 20px;
  862. }
  863. .index-signature .row .con {
  864. background-color: #fff;
  865. padding: 0 20px;
  866. }
  867. .index-signature .row .con>* {
  868. display: table-cell;
  869. vertical-align: middle;
  870. float: none;
  871. height: 120px;
  872. }
  873. .index-signature .row .con dl {
  874. text-align: left;
  875. padding-left: 15px;
  876. }
  877. .index-signature .row .con dl dt {
  878. color: #333;
  879. font-size: 18px;
  880. margin-bottom: 5px;
  881. }
  882. .index-signature .more {
  883. border: 1px solid #fff;
  884. color: #fff;
  885. }
  886. .index-signature .more:hover {
  887. background-color: #fff;
  888. color: #157df1;
  889. }
  890. /*/企业签名*/
  891. /*内测分发*/
  892. .index-releas>h4 {
  893. margin-bottom: 50px;
  894. }
  895. .index-releas .row {
  896. margin-bottom: 50px;
  897. }
  898. .index-releas .ms-thumbnail img {
  899. margin-bottom: 10px;
  900. }
  901. /*/内测分发*/
  902. /*功能累计数*/
  903. .cumulative-wrap {
  904. background: url("../image/index-bg-2.jpg") no-repeat center;
  905. height: 300px;
  906. }
  907. .index-cumulative {
  908. padding: 70px 0;
  909. }
  910. .index-cumulative>h1 {
  911. color: #fff;
  912. margin-bottom: 50px;
  913. }
  914. .index-cumulative .num {
  915. font-size: 36px;
  916. color: #fff;
  917. margin-bottom: 5px;
  918. }
  919. .index-cumulative .text {
  920. color: #fff;
  921. }
  922. /*/功能累计数*/
  923. /*合作伙伴*/
  924. .index-partners {
  925. padding: 80px 60px 60px;
  926. }
  927. .index-partners>h1 {
  928. margin-bottom: 60px;
  929. }
  930. .index-partners .con {
  931. position: relative;
  932. border: 1px solid #e5e5e5;
  933. }
  934. .index-partners ul li {
  935. float: left;
  936. width: 20%;
  937. padding: 0 10px;
  938. margin-bottom: 20px;
  939. }
  940. .index-partners .con p {
  941. position: absolute;
  942. left: 0;
  943. top: 0;
  944. width: 100%;
  945. height: 100%;
  946. background-color: #fff;
  947. color: #333;
  948. padding: 10px;
  949. display: flex;
  950. align-items: center;
  951. cursor: pointer;
  952. display: none;
  953. }
  954. .index-partners .con:hover p {
  955. display: flex;
  956. }
  957. /*/合作伙伴*/
  958. /*footer*/
  959. footer {
  960. background-color: #2e3033;
  961. padding: 60px 0;
  962. }
  963. .footer .left dl {
  964. margin-right: 160px;
  965. }
  966. .footer .left dl:last-of-type {
  967. margin-right: 100px;
  968. }
  969. .footer .left dt {
  970. color: #fff;
  971. font-size: 18px;
  972. margin-bottom: 20px;
  973. }
  974. .footer .left dd {
  975. margin-bottom: 10px;
  976. color: #fff;
  977. font-size: 12px;
  978. }
  979. .footer .left dd.line {
  980. background-color: #fff;
  981. width: 16px;
  982. height: 2px;
  983. margin-bottom: 15px;
  984. }
  985. .footer .left dd a {
  986. color: #fff;
  987. font-size: 12px;
  988. }
  989. .footer .left dd a:hover {
  990. text-decoration: underline;
  991. }
  992. .footer .right a {
  993. display: block;
  994. }
  995. .footer .right a img {
  996. width: 110px;
  997. height: 60px;
  998. }
  999. .footer .right .wechat {
  1000. padding: 5px;
  1001. background-color: #fff;
  1002. margin: 10px 0;
  1003. width: 95px;
  1004. height: 95px;
  1005. overflow: hidden;
  1006. }
  1007. .footer .right .wechat img {
  1008. width: 85px;
  1009. height: 85px;
  1010. }
  1011. .footer .right p {
  1012. font-size: 13.5px;
  1013. color: #fff;
  1014. text-align: right;
  1015. }
  1016. .footer .record {
  1017. text-align: center;
  1018. color: #fff;
  1019. margin-top: 20px;
  1020. }
  1021. /*/footer*/
  1022. /*----------index-----------*/
  1023. /*----------登录-----------*/
  1024. .login-common {
  1025. border: 1px solid #e5e5e5;
  1026. padding: 50px 72px;
  1027. margin: 80px auto;
  1028. box-shadow: 0px 0px 20px rgba(96, 104, 120, 0.1);
  1029. background: rgba(255, 255, 255, 1);
  1030. width: 540px;
  1031. min-height: 520px;
  1032. border-radius: 20px;
  1033. border: unset;
  1034. }
  1035. .login-common .help-block {
  1036. position: absolute;
  1037. top: 100%;
  1038. display: none;
  1039. }
  1040. .login-common .has-error .help-block {
  1041. display: block;
  1042. }
  1043. .login-common .input-lg {
  1044. font-size: 16px;
  1045. }
  1046. .login-common .tit {
  1047. margin-bottom: 60px;
  1048. color: rgba(21, 21, 21, 1);
  1049. font-family: Source Han Sans SC;
  1050. font-weight: 700;
  1051. font-size: 24px;
  1052. line-height: 39px;
  1053. }
  1054. .login-common .tit>div {
  1055. margin-bottom: 0px;
  1056. }
  1057. .login-common .form-group {
  1058. position: relative;
  1059. margin-bottom: 20px;
  1060. }
  1061. .login-common .form-group label {
  1062. position: absolute;
  1063. left: 12px;
  1064. top: 50%;
  1065. transform: translateY(-50%);
  1066. display: none;
  1067. }
  1068. .login-common .form-group .form-control {
  1069. /* padding-left: 40px; */
  1070. border-radius: 0;
  1071. background: rgba(255, 255, 255, 1);
  1072. width: 396px;
  1073. height: 41px;
  1074. border: unset;
  1075. border-bottom: 1px solid rgba(222, 226, 236, 1);
  1076. box-shadow: unset;
  1077. font-family: Source Han Sans SC;
  1078. font-weight: 400;
  1079. font-size: 16px;
  1080. }
  1081. .login-common .form-group .form-control::placeholder {
  1082. font-size: 16px;
  1083. color: #999;
  1084. opacity: 1;
  1085. }
  1086. .login-common .btn-action {
  1087. display: flex;
  1088. justify-content: space-between;
  1089. margin-bottom: 50px;
  1090. }
  1091. .login-common .btn-action a {
  1092. color: rgba(33, 104, 251, 1);
  1093. font-family: Source Han Sans SC;
  1094. font-weight: 500;
  1095. font-size: 16px;
  1096. line-height: 24px;
  1097. }
  1098. .login-common .form-group .icon-tel {
  1099. font-size: 22px;
  1100. }
  1101. .login-common .form-group .icon-pwd {
  1102. font-size: 18px;
  1103. }
  1104. .login-common .checkbox {
  1105. margin: 0;
  1106. color: rgba(143, 149, 159, 1);
  1107. font-family: Source Han Sans SC;
  1108. font-weight: 500;
  1109. font-size: 16px;
  1110. line-height: 20px;
  1111. margin-bottom: 30px;
  1112. margin-top: 30px;
  1113. }
  1114. .login-common .checkbox input {
  1115. margin-left: 0;
  1116. }
  1117. .login-common .checkbox span {
  1118. margin-left: 20px;
  1119. color: rgba(143, 149, 159, 1);
  1120. font-family: Source Han Sans SC;
  1121. font-weight: 500;
  1122. font-size: 16px;
  1123. line-height: 20px;
  1124. margin-top: 30px;
  1125. margin-bottom: 30px;
  1126. }
  1127. .login-common .ms-btn-primary {
  1128. width: 100%;
  1129. font-size: 14px;
  1130. }
  1131. .login-common .login-logo {
  1132. margin-bottom: 20px;
  1133. }
  1134. .login-common .registered-logo {
  1135. margin-bottom: 30px;
  1136. }
  1137. .login-common .login-logo img {
  1138. margin: 0 auto;
  1139. }
  1140. .login-common .login-logo .slogan-wrap {
  1141. text-align: center;
  1142. margin-top: 15px;
  1143. }
  1144. .login-common .login-logo .slogan {
  1145. display: inline-block;
  1146. }
  1147. .login-common .login-logo .slogan .text {
  1148. margin: 0 7px;
  1149. color: #999;
  1150. }
  1151. /*----------/登录-----------*/
  1152. .register-common .btn-register,
  1153. .login-common .btn-login {
  1154. width: 396px;
  1155. height: 48px;
  1156. border-radius: 4.2px;
  1157. background: rgba(33, 104, 251, 1);
  1158. color: #fff;
  1159. line-height: 48px;
  1160. text-align: center;
  1161. padding: 0;
  1162. }
  1163. .login-common .to-register,
  1164. .login-common .to-login {
  1165. text-align: center;
  1166. display: flex;
  1167. justify-content: center;
  1168. margin-top: 30px;
  1169. }
  1170. .login-common .to-register a,
  1171. .login-common .to-login a {
  1172. color: rgba(33, 104, 251, 1);
  1173. }
  1174. #sendcode {
  1175. width: 118px;
  1176. height: 44px;
  1177. border-radius: 4px;
  1178. border-bottom: 1px solid rgba(222, 226, 236, 1);
  1179. background-color: rgba(33, 104, 251, 1);
  1180. }
  1181. .login-common #loginValid_code font {
  1182. font-size: 20px;
  1183. }
  1184. /*----------注册-----------*/
  1185. .register-common {
  1186. height: 617px;
  1187. }
  1188. .register-common .tit {
  1189. margin-bottom: 38px;
  1190. }
  1191. .register-common .form-group label {
  1192. display: block;
  1193. }
  1194. .register-common .form-group .form-control {
  1195. padding-left: 40px;
  1196. }
  1197. .login-common .btn-register a {
  1198. color: rgba(33, 104, 251, 1);
  1199. }
  1200. .login-common .form-group .iconfont {
  1201. width: 20px;
  1202. height: 20px;
  1203. }
  1204. .login-common .form-group .iconfont:before {
  1205. content: '';
  1206. }
  1207. .login-common .form-group .icon-user {
  1208. background: url(/static/index/image/login/icon-user.svg) center / 100% no-repeat;
  1209. }
  1210. .login-common .form-group .icon-tel {
  1211. background: url(/static/index/image/login/icon-leg.svg) center / 100% no-repeat;
  1212. }
  1213. .login-common .form-group .icon-pwd {
  1214. background: url(/static/index/image/login/icon-pwd.svg) center / 100% no-repeat;
  1215. }
  1216. .login-common .form-group .icon-email {
  1217. font-size: 20px;
  1218. top: 55%;
  1219. }
  1220. .login-common .verification-code .form-control {
  1221. width: 66%;
  1222. }
  1223. .login-common .verification-code .ms-btn-primary {
  1224. width: 27%;
  1225. margin-top: 0;
  1226. }
  1227. /*----------/注册-----------*/
  1228. /*----------实名认证-----------*/
  1229. .real-name-wrap {
  1230. background-color: #f2f2f5;
  1231. padding-bottom: 40px;
  1232. }
  1233. .real-name {
  1234. background-color: #fff;
  1235. border-radius: 3px;
  1236. border: 1px solid #e5e5e5;
  1237. padding: 65px 0;
  1238. }
  1239. .real-name.real-name-error {
  1240. background-color: transparent;
  1241. border-radius: 3px;
  1242. border: none;
  1243. padding: 65px 0 0;
  1244. }
  1245. .real-name .top {
  1246. padding-bottom: 25px;
  1247. text-align: center;
  1248. }
  1249. .real-name .top ul {
  1250. display: inline-block;
  1251. }
  1252. .real-name .top ul li {
  1253. float: left;
  1254. }
  1255. .real-name .top ul li:nth-of-type(odd) {
  1256. margin: 0 35px;
  1257. }
  1258. .real-name .top ul li .num {
  1259. width: 27px;
  1260. height: 27px;
  1261. text-align: center;
  1262. line-height: 27px;
  1263. color: #fff;
  1264. font-size: 18px;
  1265. border-radius: 50%;
  1266. background-color: #d7dde4;
  1267. position: relative;
  1268. top: -1px;
  1269. }
  1270. .real-name .top ul li .text {
  1271. color: #333;
  1272. font-size: 18px;
  1273. margin-left: 10px;
  1274. }
  1275. .real-name .top ul li.active .text {
  1276. color: #348dee;
  1277. font-weight: 600;
  1278. }
  1279. .real-name .top ul li.active .num {
  1280. background-color: #348dee;
  1281. }
  1282. .real-name .top ul li dl {
  1283. margin: 12px 20px 0;
  1284. }
  1285. .real-name .top ul li dd {
  1286. background-color: #d7dde4;
  1287. width: 3px;
  1288. height: 3px;
  1289. border-radius: 3px;
  1290. float: left;
  1291. margin: 0 2px;
  1292. }
  1293. /*1*/
  1294. .real-name .con1 {
  1295. text-align: center;
  1296. background-color: #fff;
  1297. }
  1298. .real-name .con .choice {
  1299. text-align: left;
  1300. padding-left: 25px;
  1301. margin-bottom: 20px;
  1302. }
  1303. .real-name .con .choice-wrap {
  1304. display: inline-block;
  1305. padding: 75px 0 160px;
  1306. }
  1307. .real-name .con li {
  1308. width: 320px;
  1309. border: 1px solid #e5e5e5;
  1310. border-radius: 3px;
  1311. padding: 65px 0 35px;
  1312. margin: 0 25px;
  1313. }
  1314. .real-name .con li.active {
  1315. border-color: #157df1;
  1316. }
  1317. .real-name .con li .con-t {
  1318. background-color: #fbfbfb;
  1319. border: 1px solid #e5e5e5;
  1320. width: 145px;
  1321. height: 145px;
  1322. border-radius: 50%;
  1323. margin: 0 auto;
  1324. }
  1325. .real-name .con li:first-of-type .con-t {
  1326. background: url("../image/icon-8.png") no-repeat center;
  1327. }
  1328. .real-name .con li:last-of-type .con-t {
  1329. background: url("../image/icon-9.png") no-repeat center;
  1330. }
  1331. .real-name .con li .tit {
  1332. color: #333;
  1333. font-size: 18px;
  1334. text-align: center;
  1335. margin-top: 35px;
  1336. }
  1337. .real-name .con li p {
  1338. color: #666;
  1339. font-size: 12px;
  1340. text-align: center;
  1341. line-height: 24px;
  1342. margin-top: 5px;
  1343. }
  1344. .real-name .con li .authentication {
  1345. width: 50%;
  1346. margin: 40px auto 0;
  1347. display: block;
  1348. }
  1349. .real-name .con li:hover {
  1350. border-color: #348dee;
  1351. box-shadow: 0 0px 10px rgba(0, 0, 0, .1);
  1352. }
  1353. .real-name .con li:hover .con-t {
  1354. background-color: transparent;
  1355. border-color: transparent;
  1356. }
  1357. .real-name .con li:hover .authentication {
  1358. background: #348dee;
  1359. color: #fff;
  1360. border-color: #348dee;
  1361. }
  1362. /*2*/
  1363. .real-name .con2 {
  1364. padding: 0 200px;
  1365. /*background-color: #fff;*/
  1366. }
  1367. .real-name .con2 .form-group {
  1368. margin-bottom: 30px;
  1369. }
  1370. .real-name .con2 .form-group .control-label {
  1371. color: #333;
  1372. }
  1373. .control-label span {
  1374. color: #ff4222;
  1375. margin-right: 10px;
  1376. }
  1377. .real-name .con2 .upload-img1 {
  1378. position: relative;
  1379. border: 1px dashed #e5e5e5;
  1380. height: 150px;
  1381. border-radius: 5px;
  1382. background: url("../image/icon-10.png") no-repeat center 40px;
  1383. overflow: hidden;
  1384. margin-bottom: 30px;
  1385. }
  1386. .real-name .con2 .upload-img1:last-of-type {
  1387. margin-bottom: 0;
  1388. }
  1389. .real-name .con2 .upload-img1 img {
  1390. position: absolute;
  1391. left: 0;
  1392. top: 0;
  1393. width: 100%;
  1394. height: 100%;
  1395. background-color: #fff;
  1396. }
  1397. .real-name .con2 .upload-img1 .thumbnail {
  1398. position: absolute;
  1399. z-index: 2;
  1400. width: 100%;
  1401. height: 100%;
  1402. left: 0;
  1403. top: 0;
  1404. opacity: 0;
  1405. cursor: pointer;
  1406. }
  1407. .real-name .con2 .upload-img1 .text {
  1408. text-align: center;
  1409. margin-top: 80px;
  1410. }
  1411. .real-name .con2 .upload-img1 .reset {
  1412. position: absolute;
  1413. left: 0;
  1414. bottom: 0;
  1415. height: 30px;
  1416. line-height: 30px;
  1417. background: rgba(0, 0, 0, .5);
  1418. width: 100%;
  1419. color: #fff;
  1420. text-align: center;
  1421. display: none;
  1422. }
  1423. .real-name .con2 .upload-img1 .reset {
  1424. display: none;
  1425. }
  1426. .real-name .con2 .upload-img1.uploaded .reset {
  1427. display: none;
  1428. }
  1429. .real-name .con2 .upload-img1.uploaded:hover .reset {
  1430. display: block;
  1431. }
  1432. .real-name .con2 .upload-img1 .water-mark {
  1433. display: none;
  1434. }
  1435. .real-name .con2 .upload-img1 .water-mark img {
  1436. background-color: transparent;
  1437. }
  1438. .real-name .con2 .upload-img1.uploaded .water-mark {
  1439. display: block;
  1440. }
  1441. .real-name .con2 .upload-img1 .ongoing {
  1442. position: absolute;
  1443. left: 0;
  1444. top: 0;
  1445. background: rgba(0, 0, 0, .5);
  1446. width: 100%;
  1447. height: 100%;
  1448. color: #fff;
  1449. display: flex;
  1450. justify-content: center;
  1451. align-items: center;
  1452. font-size: 12px;
  1453. display: none;
  1454. }
  1455. .real-name .con2 .upload-img1.uploading .ongoing {
  1456. display: flex;
  1457. }
  1458. .real-name .data-uploading .submit {
  1459. width: 160px;
  1460. }
  1461. .real-name .con2 .upload-license {
  1462. height: 340px;
  1463. margin-bottom: 0;
  1464. background-position: center 40%;
  1465. display: flex;
  1466. align-items: center;
  1467. }
  1468. .real-name .con2 .upload-license .text {
  1469. text-align: center;
  1470. width: 100%;
  1471. margin-top: 0;
  1472. }
  1473. /*3*/
  1474. .real-name .con3-top {
  1475. padding: 80px 135px 130px;
  1476. border: 1px solid #e5e5e5;
  1477. border-radius: 3px;
  1478. background-color: #fff;
  1479. }
  1480. .real-name .con3-top>h3 {
  1481. font-size: 28px;
  1482. color: #333;
  1483. margin-top: 40px;
  1484. }
  1485. .real-name .con3-top>h4 {
  1486. font-size: 18px;
  1487. color: #333;
  1488. margin-top: 15px;
  1489. }
  1490. .list-bottom-common {
  1491. padding: 40px 140px;
  1492. margin-top: 20px;
  1493. margin-bottom: 40px;
  1494. border: 1px solid #e5e5e5;
  1495. border-radius: 3px;
  1496. background-color: #fff;
  1497. }
  1498. .list-bottom-common .index-common {
  1499. padding: 0;
  1500. }
  1501. .list-bottom-common .index-common .row {
  1502. margin-top: 0;
  1503. }
  1504. .list-bottom-common .index-common .con {
  1505. border: 1px solid #e5e5e5;
  1506. border-radius: 3px;
  1507. padding: 40px 30px 45px;
  1508. }
  1509. .list-bottom-common .index-common .con p {
  1510. line-height: 20px;
  1511. font-size: 12px;
  1512. margin-top: 30px;
  1513. height: 80px;
  1514. }
  1515. .list-bottom-common .index-common .con img {
  1516. height: 83px;
  1517. margin: 0 auto 20px;
  1518. }
  1519. .list-bottom-common .index-common .con:hover {
  1520. box-shadow: 0 5px 20px rgba(0, 0, 0, .1);
  1521. }
  1522. .list-bottom-common .index-common .con:hover h4 {
  1523. color: #157df1;
  1524. }
  1525. .real-name .con3-top .btn-reset {
  1526. background-color: #fd9823;
  1527. color: #fff;
  1528. padding: 9px 0;
  1529. width: 160px;
  1530. display: block;
  1531. margin: 40px auto 0;
  1532. }
  1533. .real-name .list-bottom-common {
  1534. margin-bottom: 0;
  1535. }
  1536. /*----------/实名认证-----------*/
  1537. /*----------价格-----------*/
  1538. .buy-distribution {
  1539. padding: 90px 70px 0;
  1540. }
  1541. .buy-distribution .con {
  1542. border: 1px solid #e5e5e5;
  1543. padding-bottom: 35px;
  1544. margin-bottom: 30px;
  1545. }
  1546. .buy-distribution .con:hover {
  1547. box-shadow: 0 5px 10px rgba(21, 125, 241, .2);
  1548. }
  1549. .buy-distribution .con .c-top {
  1550. background: linear-gradient(to right, #5aabfc, #28c9f7);
  1551. height: 160px;
  1552. border-radius: 0 0 50% 50%;
  1553. text-align: center;
  1554. padding-top: .1px;
  1555. position: relative;
  1556. }
  1557. .buy-distribution .con .c-top .text {
  1558. color: #fff;
  1559. font-size: 16px;
  1560. margin-top: 30px;
  1561. }
  1562. .buy-distribution .con .c-top .num {
  1563. color: #fff;
  1564. font-size: 50px;
  1565. }
  1566. .buy-distribution .con .c-top .num span {
  1567. font-size: 12px;
  1568. }
  1569. .buy-distribution .con .c-top .recommended {
  1570. position: absolute;
  1571. top: 0;
  1572. right: 0;
  1573. display: none;
  1574. }
  1575. .buy-distribution .tooltip .tooltip-inner {
  1576. max-width: 300px;
  1577. }
  1578. .buy-distribution .con .bottom .text {
  1579. color: #333;
  1580. margin-top: 25px;
  1581. }
  1582. .buy-distribution .con .bottom .price {
  1583. color: #157df1;
  1584. font-size: 40px;
  1585. margin-top: 15px;
  1586. }
  1587. .buy-distribution .con .bottom .price span {
  1588. font-size: 12px;
  1589. }
  1590. .buy-distribution .con .bottom .btn-buy {
  1591. padding: 9px 0;
  1592. width: 120px;
  1593. border: 1px solid #157df1;
  1594. color: #157df1;
  1595. margin-top: 25px;
  1596. }
  1597. .buy-distribution .con:hover .bottom .btn-buy {
  1598. background-color: #157df1;
  1599. color: #fff;
  1600. }
  1601. .buy-distribution .con .bottom-con {
  1602. padding: 0 30px;
  1603. margin-top: 40px;
  1604. }
  1605. .buy-distribution .con .bottom-con dl {
  1606. border-top: 1px solid #e5e5e5;
  1607. text-align: left;
  1608. color: #666;
  1609. padding-top: 20px;
  1610. height: 156px;
  1611. }
  1612. .buy-distribution .con .bottom-con dl dd {
  1613. margin: 5px 0;
  1614. }
  1615. .buy-distribution .con .bottom-con dl dd .icon-gou {
  1616. margin-right: 10px;
  1617. }
  1618. .buy-distribution .con .bottom-con dl dd .icon-prompt {
  1619. position: relative;
  1620. margin-left: 5px;
  1621. top: -3px;
  1622. cursor: pointer;
  1623. }
  1624. .buy-distribution p {
  1625. padding: 10px 0 40px;
  1626. border-bottom: 1px solid #e5e5e5;
  1627. }
  1628. .buy-distribution p a {
  1629. color: #157df1;
  1630. }
  1631. /*----------/价格-----------*/
  1632. /*----------价格改版 改版完成后,将上一版价格样式删除-----------*/
  1633. .price-banner {
  1634. background: url("../image/price-1.jpg") no-repeat center;
  1635. height: 170px;
  1636. }
  1637. .price-tab {
  1638. position: relative;
  1639. }
  1640. .price-tab ul {
  1641. width: 490px;
  1642. height: 40px;
  1643. line-height: 40px;
  1644. margin: 40px auto;
  1645. }
  1646. .price-tab ul li {
  1647. float: left;
  1648. text-align: center;
  1649. width: 33%;
  1650. color: #333;
  1651. cursor: pointer;
  1652. margin-right: -1px;
  1653. border: 1px solid #e5e5e5;
  1654. }
  1655. .price-tab li:first-of-type {
  1656. border-radius: 20px 0 0 20px;
  1657. border-right-color: transparent;
  1658. }
  1659. .price-tab li:last-of-type {
  1660. border-left-color: transparent;
  1661. border-radius: 0 20px 20px 0;
  1662. }
  1663. .price-tab ul li.active {
  1664. background-color: #157df1;
  1665. border-color: #157df1;
  1666. color: #fff;
  1667. }
  1668. .price-tab ul li:hover {
  1669. background-color: #157df1;
  1670. border-color: #157df1;
  1671. color: #fff;
  1672. }
  1673. .price-con>div {
  1674. display: none;
  1675. }
  1676. .new-price-con>div {
  1677. display: none;
  1678. }
  1679. .price-con .price-common {
  1680. margin-top: 80px;
  1681. }
  1682. .price-con .price-common h1 {
  1683. color: #157df1;
  1684. text-align: center;
  1685. margin-bottom: 20px;
  1686. }
  1687. .price-con .price-common h1 span {
  1688. color: #fd641d;
  1689. font-size: 18px;
  1690. }
  1691. .price-con .price-common .p1 {
  1692. color: #666;
  1693. text-align: center;
  1694. font-size: 16px;
  1695. margin-bottom: 30px;
  1696. }
  1697. .price-con .price-common .gradient {
  1698. height: 8px;
  1699. background: linear-gradient(to right, #f2c0f3, #583751);
  1700. }
  1701. .price-con .price-common .gradient1 {
  1702. background: linear-gradient(to right, #5caafd, #57d4f8);
  1703. }
  1704. .price-con .price-common .gradient2 {
  1705. background: linear-gradient(to right, #507dfb, #5598fa);
  1706. }
  1707. .price-con .price-common .gradient3 {
  1708. background: linear-gradient(to right, #5958d9, #8e1fe5);
  1709. }
  1710. .price-con .price-common .big-package .gradient1 {
  1711. background: linear-gradient(to right, #fea63f, #ffcd35);
  1712. }
  1713. .price-con .price-common .big-package .gradient2 {
  1714. background: linear-gradient(to right, #fc853e, #fe9f30);
  1715. }
  1716. .price-con .price-common .big-package .gradient3 {
  1717. background: linear-gradient(to right, #fc7738, #ff339a);
  1718. }
  1719. .price-con .table-wrap {
  1720. padding: 0 120px;
  1721. }
  1722. .price-con .price-common table {
  1723. table-layout: fixed;
  1724. }
  1725. .price-con .price-common table th {
  1726. padding: 0;
  1727. text-align: center;
  1728. color: #333;
  1729. vertical-align: middle;
  1730. height: 50px;
  1731. font-weight: bold;
  1732. }
  1733. .price-con .price-common table td {
  1734. padding: 0;
  1735. text-align: center;
  1736. color: #333;
  1737. vertical-align: middle;
  1738. height: 50px;
  1739. }
  1740. .price-con .price-common table td .font20 {
  1741. font-size: 18px;
  1742. }
  1743. .price-con .price-common table td .free {
  1744. font-size: 14px;
  1745. }
  1746. .price-con .price-common .badge-basis {
  1747. position: relative;
  1748. }
  1749. .price-con .price-common .badge {
  1750. background-color: #eb1f1e;
  1751. position: absolute;
  1752. left: calc(100% + 5px);
  1753. top: -10px;
  1754. border-radius: 5px;
  1755. font-size: 12px;
  1756. padding: 3px 5px;
  1757. font-weight: normal;
  1758. }
  1759. .price-con .price-common table .icon-duihao {
  1760. color: #13c960;
  1761. font-size: 24px;
  1762. }
  1763. .price-con .price-common table .icon-xingxing2 {
  1764. color: #b0b0b0;
  1765. font-size: 24px;
  1766. }
  1767. .price-con .price-common table .icon-xingxing {
  1768. color: #fec323;
  1769. font-size: 24px;
  1770. }
  1771. .buy-number {
  1772. padding: 0 60px;
  1773. }
  1774. .buy-number .price-common .con {
  1775. border: 1px solid #b9b5b5;
  1776. padding-bottom: 40px;
  1777. }
  1778. .buy-number .price-common .con:hover {
  1779. box-shadow: 0 5px 10px rgba(21, 125, 241, .2);
  1780. }
  1781. .buy-number .price-common .c-top {
  1782. text-align: center;
  1783. padding: 30px 0 35px;
  1784. position: relative;
  1785. }
  1786. .buy-number .price-common .con .c-top .num {
  1787. color: #333;
  1788. font-size: 50px;
  1789. }
  1790. .buy-number .price-common .con .c-top .num span {
  1791. font-size: 16px;
  1792. }
  1793. .buy-number .price-common .con .c-top p {
  1794. color: #666;
  1795. }
  1796. .buy-number .price-common .con .c-top .recommended {
  1797. position: absolute;
  1798. top: 0;
  1799. right: 0;
  1800. display: none;
  1801. }
  1802. .buy-number .price-common .tooltip .tooltip-inner {
  1803. max-width: 300px;
  1804. }
  1805. .buy-number .price-common .con .bottom-con {
  1806. padding: 0 30px;
  1807. }
  1808. .buy-number .price-common .con .bottom-con dl {
  1809. border-top: 1px solid #e5e5e5;
  1810. text-align: left;
  1811. color: #666;
  1812. padding-top: 20px;
  1813. height: 195px;
  1814. }
  1815. .buy-number .price-common .con .bottom-con dl dd {
  1816. margin: 10px 0;
  1817. }
  1818. .buy-number .price-common .con .bottom-con dl dd .icon-gou {
  1819. margin-right: 10px;
  1820. font-size: 14px;
  1821. }
  1822. .buy-number .price-common .con .bottom-con dl dd .icon-prompt {
  1823. position: relative;
  1824. margin-left: 5px;
  1825. top: -3px;
  1826. cursor: pointer;
  1827. }
  1828. .buy-number .price-common .con .bottom-con .b-price {
  1829. font-size: 16px;
  1830. color: #157df1;
  1831. text-align: center;
  1832. margin-bottom: 25px;
  1833. }
  1834. .buy-number .price-common .con .bottom-con .b-price span {
  1835. font-size: 40px;
  1836. }
  1837. .buy-number .price-common .con .bottom {
  1838. text-align: center;
  1839. }
  1840. .buy-number .price-common .con .bottom .btn-buy {
  1841. padding: 9px 12px;
  1842. width: 120px;
  1843. }
  1844. .price-con .tab-2 .price-common .p1 {
  1845. margin-bottom: 40px;
  1846. }
  1847. .price-con>.tab-3 {
  1848. margin-bottom: 60px;
  1849. }
  1850. .price-con .big-bag-price h1 {
  1851. color: #fd9817;
  1852. }
  1853. .buy-number .big-bag-price .con .c-top .num {
  1854. color: #fd9817;
  1855. }
  1856. .buy-number .big-bag-price .con .c-top .num span {
  1857. color: #333;
  1858. }
  1859. .buy-number .big-bag-price .color-hover {
  1860. color: #fd9817;
  1861. }
  1862. .buy-number .big-bag-price .con .bottom .btn-buy {
  1863. background-color: #fd9817;
  1864. border-color: #fd9817;
  1865. }
  1866. .buy-number .big-bag-price .con .bottom-con .b-price {
  1867. color: #fd9817;
  1868. }
  1869. /*----------/价格改版 改版完成后,将上一版价格样式删除-----------*/
  1870. /*----------价格支付-----------*/
  1871. .price-pay-wrap {
  1872. background-color: #f2f2f5;
  1873. padding-bottom: 40px;
  1874. }
  1875. .price-pay .con {
  1876. background-color: #fff;
  1877. border-radius: 3px;
  1878. box-shadow: 0 0 5px rgba(0, 0, 0, .05);
  1879. }
  1880. .price-pay .common .tit {
  1881. padding: 25px 30px 20px;
  1882. border-bottom: 1px solid #e5e5e5;
  1883. font-size: 16px !important;
  1884. font-weight: 700 !important;
  1885. color: #151515 !important;
  1886. }
  1887. .price-pay .common ul {
  1888. padding: 20px 25px;
  1889. padding-top: 0;
  1890. }
  1891. .price-pay .common ul li {
  1892. float: left;
  1893. position: relative;
  1894. cursor: pointer;
  1895. }
  1896. .price-pay .common .list1 li {
  1897. border: 1px solid #e5e5e5;
  1898. border-radius: 3px;
  1899. padding: 12px 20px 11px;
  1900. margin-right: 40px;
  1901. margin-bottom: 20px;
  1902. }
  1903. .price-pay .common .list1 li .left {
  1904. padding-right: 40px;
  1905. }
  1906. .price-pay .common .list1 li .text1 {
  1907. color: #666;
  1908. }
  1909. .price-pay .common .list1 li .text2 {
  1910. color: #333;
  1911. margin-top: 5px;
  1912. font-weight: 600;
  1913. }
  1914. .price-pay .common .list1 .right {
  1915. color: #157df1;
  1916. font-size: 30px;
  1917. padding-left: 50px;
  1918. border-left: 1px solid #e5e5e5;
  1919. }
  1920. .price-pay .common .list1 .right span {
  1921. color: #666;
  1922. font-size: 14px;
  1923. }
  1924. .price-pay .common ul li .radio-checked {
  1925. display: none;
  1926. position: absolute;
  1927. right: 0;
  1928. bottom: 0;
  1929. }
  1930. .price-pay .common ul li.active .radio-checked {
  1931. display: block;
  1932. }
  1933. .price-pay .common ul.list1 .active {
  1934. border-color: #157df1;
  1935. }
  1936. .setp4-pay .common ul {
  1937. padding: 20px 25px;
  1938. }
  1939. .setp4-pay .common ul li {
  1940. float: left;
  1941. position: relative;
  1942. cursor: pointer;
  1943. }
  1944. .setp4-pay .common .list1 li {
  1945. border: 1px solid #e5e5e5;
  1946. border-radius: 3px;
  1947. padding: 12px 20px 11px;
  1948. margin-right: 40px;
  1949. }
  1950. .setp4-pay .common .list1 li .left {
  1951. padding-right: 40px;
  1952. }
  1953. .setp4-pay .common .list1 li .text1 {
  1954. color: #666;
  1955. }
  1956. .setp4-pay .common .list1 li .text2 {
  1957. color: #333;
  1958. margin-top: 5px;
  1959. font-weight: 600;
  1960. }
  1961. .setp4-pay .common .list1 .right {
  1962. color: #157df1;
  1963. font-size: 30px;
  1964. padding-left: 50px;
  1965. border-left: 1px solid #e5e5e5;
  1966. }
  1967. .setp4-pay .common .list1 .right span {
  1968. color: #666;
  1969. font-size: 14px;
  1970. }
  1971. .setp4-pay .common ul li .radio-checked {
  1972. display: none;
  1973. position: absolute;
  1974. right: 0;
  1975. bottom: 0;
  1976. }
  1977. .setp4-pay .common ul li.active .radio-checked {
  1978. display: block;
  1979. }
  1980. .setp4-pay .common ul.list1 .active {
  1981. border-color: #157df1;
  1982. }
  1983. .price-pay .common .list2.active {
  1984. border-color: #157df1;
  1985. }
  1986. .price-pay .common .list2 li.active .icon-radio {
  1987. width: 16px;
  1988. height: 16px;
  1989. background-position: 0 -17px;
  1990. }
  1991. .price-pay .common .list2 li {
  1992. margin-right: 70px;
  1993. position: relative;
  1994. }
  1995. .price-pay .common .list2 li .preferential {
  1996. background-color: #ed2027;
  1997. border-radius: 3px;
  1998. color: #fff;
  1999. position: absolute;
  2000. top: -18px;
  2001. left: 100%;
  2002. font-size: 12px;
  2003. white-space: nowrap;
  2004. padding: 1px 3px;
  2005. z-index: 3;
  2006. display: none;
  2007. }
  2008. .price-pay .common .list3 li {
  2009. height: 84px;
  2010. width: 120px;
  2011. border: 1px solid #e5e5e5;
  2012. justify-content: center;
  2013. display: flex;
  2014. align-items: center;
  2015. margin-right: 20px;
  2016. padding: 0 30px;
  2017. }
  2018. .price-pay .common .list3 li.disabled {
  2019. background-color: #f9f9f9;
  2020. cursor: not-allowed;
  2021. }
  2022. .price-pay .common .list3 li.disabled .iconfont {
  2023. color: #b3b3b3;
  2024. }
  2025. .price-pay .common .list3 li.disabled .remaining-amount {
  2026. color: #999;
  2027. }
  2028. .price-pay .common .list3 li.disabled .remaining-amount .color-hover {
  2029. color: #999;
  2030. }
  2031. .price-pay .common .list3 li img {
  2032. display: inline-block;
  2033. }
  2034. .price-pay .common ul.list3 .active {
  2035. border-color: #157df1;
  2036. }
  2037. .price-pay .common ul.list2 .disabled {
  2038. cursor: not-allowed;
  2039. color: #e5e5e5;
  2040. background-color: transparent !important;
  2041. }
  2042. .price-pay .pay-money {
  2043. /* padding-left: 25px; */
  2044. border-top: 1px solid #e5e5e5;
  2045. margin-top: 20px;
  2046. padding-bottom: 40px;
  2047. }
  2048. .price-pay .pay-money .money {
  2049. color: #333;
  2050. padding: 20px 0;
  2051. }
  2052. .price-pay .pay-money .money span {
  2053. color: #fd641d;
  2054. font-size: 32px;
  2055. }
  2056. .price-pay .pay-money .ms-btn {
  2057. width: 160px;
  2058. padding: 9px 0;
  2059. }
  2060. .price-pay .common .remaining-amount .a-num {
  2061. font-size: 12px;
  2062. }
  2063. .price-pay .common .icon-yue {
  2064. color: #ffa304;
  2065. font-size: 22px;
  2066. margin-right: 5px;
  2067. }
  2068. /*----------/价格支付-----------*/
  2069. /*----------应用发布-----------*/
  2070. .release-app-wrap {
  2071. background-color: rgb(242, 242, 245);
  2072. }
  2073. .upload-file {
  2074. /* box-shadow: 0 0 5px rgba(0, 0, 0, .05); */
  2075. border-radius: 3px;
  2076. background-color: #fff;
  2077. padding: 160px 0 100px;
  2078. margin-top: 20px;
  2079. }
  2080. .upload-file .upload-btn {
  2081. width: 240px;
  2082. padding: 0;
  2083. height: 60px;
  2084. font-size: 18px;
  2085. line-height: 58px;
  2086. margin: 0 auto;
  2087. display: block;
  2088. position: relative;
  2089. }
  2090. .upload-file .upload-btn input[type=file] {
  2091. position: absolute;
  2092. width: 100%;
  2093. height: 100%;
  2094. left: 0;
  2095. top: 0;
  2096. opacity: 0;
  2097. cursor: pointer;
  2098. }
  2099. .upload-file .upload-btn .iconfont {
  2100. font-size: 30px;
  2101. margin-right: 10px;
  2102. position: relative;
  2103. }
  2104. .upload-file p {
  2105. text-align: center;
  2106. color: #666;
  2107. line-height: 22px;
  2108. margin-top: 15px;
  2109. }
  2110. .upload-file .upload-btn .text {
  2111. position: relative;
  2112. top: -3px;
  2113. }
  2114. .release-app>p {
  2115. padding: 5px 0;
  2116. }
  2117. .release-app>p>a {
  2118. color: #157df1;
  2119. }
  2120. .upload-app-icon img {
  2121. width: 60px;
  2122. height: 60px;
  2123. border-radius: 15px;
  2124. border: 1px solid #e5e5e5;
  2125. }
  2126. /*app 上传成功*/
  2127. /*
  2128. .release-app .uploaded-success{height: 450px; background-color: #fff; border: 1px solid #e5e5e5; margin-top: 20px; margin-bottom: 40px; text-align: center;}
  2129. .release-app .uploaded-success img{width: 90px; height: 90px; border-radius: 15px; margin-top: 70px; border: 1px solid #e5e5e5;}
  2130. .release-app .uploaded-success .tit{font-size: 20px; color: #333; margin-top: 15px;}
  2131. .release-app .uploaded-success .iconfont{margin-right: 5px;}
  2132. */
  2133. .release-app .uploaded-success {
  2134. padding: 110px 0;
  2135. background-color: #fff;
  2136. border-radius: 5px;
  2137. margin-bottom: 40px;
  2138. text-align: center;
  2139. }
  2140. .release-app .uploaded-success .img-wrap {
  2141. width: 130px;
  2142. height: 130px;
  2143. border-radius: 15px;
  2144. padding: 10px;
  2145. box-shadow: 0 0 10px rgba(0, 0, 0, .2);
  2146. margin: 0 auto;
  2147. margin-bottom: 30px;
  2148. }
  2149. .release-app .uploaded-success img {
  2150. border-radius: 15px;
  2151. max-width: 100%;
  2152. height: 100%;
  2153. }
  2154. .release-app .uploaded-success .tit {
  2155. font-size: 20px;
  2156. color: #fff;
  2157. background: url("../image/release-img-1.png") no-repeat;
  2158. width: 283px;
  2159. height: 37px;
  2160. line-height: 37px;
  2161. margin: 0 auto 25px;
  2162. font-weight: 600;
  2163. }
  2164. .release-app .uploaded-success .p1 {
  2165. font-size: 18px;
  2166. color: #333;
  2167. margin-bottom: 40px;
  2168. }
  2169. .release-app .uploaded-success .up-btn .ms-btn {
  2170. border-radius: 20px;
  2171. width: 150px;
  2172. padding: 8px;
  2173. margin: 0 12px;
  2174. font-size: 16px;
  2175. }
  2176. .release-app .uploaded-success .up-btn .ms-btn:hover {
  2177. box-shadow: 0 3px 5px rgba(21, 125, 241, .2);
  2178. }
  2179. .release-app .uploaded-success .iconfont {
  2180. margin-right: 5px;
  2181. }
  2182. /*----------/应用发布-----------*/
  2183. /*----------/我的应用-----------*/
  2184. .release-app .search {
  2185. position: relative;
  2186. }
  2187. .release-app .search .iconfont {
  2188. position: absolute;
  2189. left: 10px;
  2190. top: 50%;
  2191. transform: translateY(-50%);
  2192. font-size: 18px;
  2193. }
  2194. .release-app .search input {
  2195. height: 40px;
  2196. line-height: 38px;
  2197. width: 160px;
  2198. border: 1px solid #e5e5e5;
  2199. padding-left: 40px;
  2200. }
  2201. .release-app .search .btn-search {
  2202. line-height: 40px;
  2203. color: #157df1;
  2204. margin-left: 15px;
  2205. }
  2206. .release-app .btn-new-release .iconfont {
  2207. font-size: 20px;
  2208. }
  2209. .release-app .btn-new-release .text {
  2210. margin: 4px 0 0 5px;
  2211. }
  2212. .release-app .app-table-wrap {
  2213. /*min-height: 400px;*/
  2214. background-color: #fff;
  2215. margin-top: 20px;
  2216. }
  2217. /*.release-app .app-table-wrap .table-responsive{min-height: 500px;}*/
  2218. .release-app .app-table {
  2219. border: 1px solid #e5e5e5;
  2220. }
  2221. .release-app .app-table tr th {
  2222. text-align: center;
  2223. font-weight: 600;
  2224. color: #666;
  2225. padding: 15px 0;
  2226. background-color: #f7f7fa;
  2227. border-color: #e5e5e5;
  2228. font-size: 12px;
  2229. }
  2230. .release-app .app-table tr td {
  2231. font-size: 12px;
  2232. color: #666;
  2233. }
  2234. .release-app .app-table>tbody>tr>td {
  2235. text-align: center;
  2236. padding: 10px;
  2237. vertical-align: middle;
  2238. background-color: #fff;
  2239. border-color: #e5e5e5;
  2240. color: #666;
  2241. }
  2242. .release-app .app-table>tbody>tr>td.color-danger {
  2243. color: #fd641d;
  2244. }
  2245. .release-app .app-table>tbody>tr>td.color-999 {
  2246. color: #999;
  2247. }
  2248. .release-app .app-table>tbody>tr>td td {
  2249. text-align: left;
  2250. }
  2251. /*.release-app .app-table>tbody>tr:hover td{background-color: #f9f9f9;}*/
  2252. /*.release-app .app-table>tbody>tr>td:first-of-type img{border-radius: 5px; border: 1px solid #e5e5e5;}*/
  2253. .release-app .app-table .app-icon-size img {
  2254. border-radius: 5px;
  2255. border: 1px solid #e5e5e5;
  2256. }
  2257. .release-app .icon-small-code {
  2258. position: relative;
  2259. cursor: pointer;
  2260. margin-left: 5px;
  2261. }
  2262. .release-app .icon-small-code .popover {
  2263. width: 150px;
  2264. display: none;
  2265. left: 50%;
  2266. top: 13px;
  2267. transform: translateX(-50%);
  2268. }
  2269. .release-app .icon-small-code .popover .popover-title {
  2270. color: #333;
  2271. }
  2272. .release-app .icon-small-code .popover .popover-content img {
  2273. width: 120px;
  2274. height: 120px;
  2275. }
  2276. .release-app .icon-small-code:hover .popover {
  2277. display: block;
  2278. }
  2279. .release-app .no-app {
  2280. padding-bottom: 100px;
  2281. }
  2282. /*
  2283. .release-app .qr-code{position: absolute; right: -99px; top: 12px; z-index: 2; display: none; background: url("../image/img-6.png"); width: 127px; height: 148px; text-align: center;}
  2284. */
  2285. .release-app .qr-code img {
  2286. width: 100px;
  2287. height: 100px;
  2288. margin-top: 42px;
  2289. }
  2290. /*----------/我的应用-----------*/
  2291. /*----------我的应用 编辑设置-----------*/
  2292. .release-app .app-editor {
  2293. background-color: #fff;
  2294. border-radius: 3px;
  2295. border: 1px solid #e5e5e5;
  2296. padding: 30px;
  2297. margin-bottom: 40px;
  2298. }
  2299. .release-app .app-editor .top .upload-img {
  2300. width: 80px;
  2301. height: 80px;
  2302. border-radius: 5px;
  2303. overflow: hidden;
  2304. position: relative;
  2305. }
  2306. .release-app .app-editor .top .upload-img img {
  2307. position: absolute;
  2308. left: 0;
  2309. top: 0;
  2310. width: 100%;
  2311. height: 100%;
  2312. background-color: #fff;
  2313. border-radius: 15px;
  2314. }
  2315. .release-app .app-editor .top .upload-img .upload {
  2316. position: absolute;
  2317. right: 0;
  2318. bottom: 0;
  2319. background-color: rgba(0, 0, 0, .6);
  2320. line-height: 20px;
  2321. width: 100%;
  2322. text-align: center;
  2323. color: #fff;
  2324. font-size: 12px;
  2325. cursor: pointer;
  2326. display: none;
  2327. }
  2328. .release-app .app-editor .top .upload-img:hover .upload {
  2329. display: block;
  2330. }
  2331. .release-app .app-editor .top .upload-img .thumbnail {
  2332. position: absolute;
  2333. z-index: 4;
  2334. left: 0;
  2335. top: 0;
  2336. width: 100%;
  2337. height: 100%;
  2338. opacity: 0;
  2339. cursor: pointer;
  2340. overflow: hidden;
  2341. margin-bottom: 0;
  2342. }
  2343. .release-app .app-editor .top .upload-img.uploaded .upload {
  2344. display: none;
  2345. }
  2346. .release-app .app-editor .top .upload-img.uploaded input {
  2347. display: none;
  2348. }
  2349. .release-app .app-editor .top .upload-img.uploaded:hover .upload {
  2350. display: block;
  2351. }
  2352. .release-app .app-editor .top .upload-img.uploaded:hover input {
  2353. display: block;
  2354. }
  2355. .release-app .app-editor .top .left dl {
  2356. margin-left: 20px;
  2357. }
  2358. .release-app .app-editor .top .left dl dt {
  2359. font-size: 24px;
  2360. color: #333;
  2361. margin-top: 5px;
  2362. }
  2363. .release-app .app-editor .top .left dl dt .icon-iphone {
  2364. margin-top: 10px;
  2365. margin-left: 5px;
  2366. }
  2367. .release-app .app-editor .top .left dl dt .icon-android {
  2368. margin-top: 10px;
  2369. margin-left: 5px;
  2370. }
  2371. .release-app .app-editor .top .left dl dd {
  2372. color: #333;
  2373. margin-top: 7px;
  2374. }
  2375. .release-app .app-editor .top .right {
  2376. line-height: 22px;
  2377. }
  2378. .release-app .app-editor .top .right .iconfont {
  2379. font-size: 22px;
  2380. }
  2381. .release-app .app-editor table {
  2382. margin-top: 30px;
  2383. table-layout: fixed;
  2384. }
  2385. .release-app .app-editor table td {
  2386. padding: 15px;
  2387. }
  2388. .release-app .app-editor table td .bold {
  2389. color: #333;
  2390. margin-bottom: 5px;
  2391. }
  2392. .release-app .app-editor .download-qr .icon-small-code {
  2393. position: relative;
  2394. cursor: pointer;
  2395. margin-top: 3px;
  2396. margin-left: 5px;
  2397. }
  2398. .release-app .app-editor table td .link-down {}
  2399. .release-app .app-editor table td .link-down:hover {
  2400. color: #157df1;
  2401. text-decoration: underline;
  2402. }
  2403. /*
  2404. .release-app .app-editor .download-qr .icon-small-code img{position: absolute; left: -14px; top: 12px; opacity: 0; transition: all 600ms;}
  2405. .release-app .app-editor .download-qr .icon-small-code:hover img{opacity: 1;}
  2406. */
  2407. .release-app .app-editor .set .short-link>.col-sm-6>.col-sm-6 {
  2408. padding-left: 0;
  2409. padding-right: 0;
  2410. }
  2411. .release-app .app-editor .set .short-link .form-control {
  2412. border-radius: 0 4px 4px 0;
  2413. border-left: none;
  2414. }
  2415. .release-app .app-editor .set .short-link .link {
  2416. padding: 6px 12px !important;
  2417. height: 34px;
  2418. background-color: #f2f2f5;
  2419. border: 1px solid #e5e5e5;
  2420. border-radius: 4px 0 0 4px;
  2421. color: #333;
  2422. }
  2423. .release-app .app-editor .set {
  2424. border: 1px solid #e5e5e5;
  2425. border-radius: 3px;
  2426. padding-bottom: 40px;
  2427. }
  2428. .release-app .app-editor .set .tab {
  2429. background-color: #f2f2f5;
  2430. height: 44px;
  2431. line-height: 44px;
  2432. border-bottom: 1px solid #e5e5e5;
  2433. }
  2434. .release-app .app-editor .set .tab li {
  2435. float: left;
  2436. padding: 0 20px;
  2437. cursor: pointer;
  2438. color: #333;
  2439. }
  2440. .release-app .app-editor .set .tab li.active {
  2441. background-color: #fff;
  2442. border-right: 1px solid #e5e5e5;
  2443. border-left: 1px solid #e5e5e5;
  2444. margin-left: -1px;
  2445. color: #157df1;
  2446. }
  2447. .release-app .app-editor .set .tab-con {
  2448. margin-top: 40px;
  2449. }
  2450. .release-app .app-editor .set .col-sm-1 {
  2451. width: 11%;
  2452. }
  2453. .release-app .app-editor .set .tab-con label {
  2454. color: #333;
  2455. }
  2456. .release-app .app-editor .set .tab-con .form-control {
  2457. color: #333;
  2458. }
  2459. .release-app .app-editor .set .tab-con>div {
  2460. display: none;
  2461. }
  2462. .release-app .app-editor .set .tab-con .form-group {
  2463. margin-bottom: 30px;
  2464. }
  2465. .release-app .app-editor .set .trust {
  2466. margin-top: 7px;
  2467. }
  2468. .release-app .app-editor .set .trust li {
  2469. float: left;
  2470. margin-right: 50px;
  2471. cursor: pointer;
  2472. color: #333;
  2473. }
  2474. .release-app .app-editor .set .trust li .icon-radio {
  2475. margin-right: 8px;
  2476. }
  2477. /*----------/我的应用 编辑设置-----------*/
  2478. /*----------个人中心-----------*/
  2479. .user-center-wrap {
  2480. background-color: #f2f2f5;
  2481. }
  2482. .user-center {
  2483. margin-bottom: 40px;
  2484. }
  2485. .user-center>.row {
  2486. margin: 0 -5px;
  2487. }
  2488. .user-center>.row>.col-sm-2 {
  2489. width: 18.5%;
  2490. padding: 0 5px;
  2491. }
  2492. .user-center>.row>.col-sm-10 {
  2493. width: 81.5%;
  2494. padding: 0 5px;
  2495. }
  2496. .user-center .left {
  2497. border: 1px solid #e5e5e5;
  2498. border-radius: 3px;
  2499. background-color: #fff;
  2500. height: 830px;
  2501. }
  2502. .user-center .right {
  2503. border: 1px solid #e5e5e5;
  2504. border-radius: 3px;
  2505. background-color: #fff;
  2506. height: 830px;
  2507. }
  2508. .user-center .left dl {
  2509. padding-top: 20px;
  2510. border-bottom: 1px solid #e5e5e5;
  2511. }
  2512. .user-center .left dl dt {
  2513. font-size: 16px;
  2514. color: #333;
  2515. font-weight: 600;
  2516. padding-left: 25px;
  2517. margin-bottom: 15px;
  2518. }
  2519. .user-center .left dl dt .icon-service {
  2520. margin: 5px 15px 0 0;
  2521. }
  2522. .user-center .left dl dt .icon-order {
  2523. margin: 4px 15px 0 0;
  2524. }
  2525. .user-center .left dl dt .icon-user1 {
  2526. margin: 3px 15px 0 0;
  2527. }
  2528. .user-center .left dl dd a {
  2529. height: 50px;
  2530. line-height: 50px;
  2531. padding-left: 55px;
  2532. color: #333;
  2533. display: block;
  2534. }
  2535. .user-center .left dl dd a:hover {
  2536. background-color: #157df1;
  2537. color: #fff;
  2538. }
  2539. .user-center .left dl dd.active a {
  2540. background-color: #157df1;
  2541. color: #fff;
  2542. }
  2543. .user-center .right .tit {
  2544. font-size: 16px;
  2545. color: #333;
  2546. font-weight: 600;
  2547. padding: 15px 20px;
  2548. border-bottom: 1px solid #e5e5e5;
  2549. }
  2550. .user-center .right .con {
  2551. padding: 20px 50px;
  2552. }
  2553. .user-center .right .con .input-size {
  2554. width: 78%;
  2555. margin-right: 10px;
  2556. float: left;
  2557. }
  2558. .user-center .right .con label {
  2559. color: #333;
  2560. font-weight: 600;
  2561. }
  2562. .user-center .right .con .form-group label {
  2563. margin: 0 30px 8px 0;
  2564. }
  2565. .user-center .right .con .current-email {
  2566. margin-bottom: 5px;
  2567. }
  2568. .user-center .right .con .user-data {
  2569. table-layout: fixed;
  2570. }
  2571. .user-center .right .con .user-data tr th:first-of-type {
  2572. width: 140px;
  2573. }
  2574. .user-center .right .con .user-data tr td:first-of-type {
  2575. width: 270px;
  2576. }
  2577. .user-center .right .con .user-data tr td:last-of-type {
  2578. width: 150px;
  2579. }
  2580. .user-center .right .con .user-data td,
  2581. .user-center .right .con .user-data th {
  2582. border: none !important;
  2583. color: #333;
  2584. vertical-align: middle;
  2585. padding: 5px 8px;
  2586. }
  2587. .user-center .right .con .user-data th {
  2588. font-weight: 600;
  2589. }
  2590. .user-center .right .con .read-only {
  2591. padding-top: 15px;
  2592. border-top: 1px solid #e5e5e5;
  2593. }
  2594. .user-center .right .con .read-only th,
  2595. .user-center .right .con .read-only td {
  2596. padding: 8px;
  2597. }
  2598. .user-center .right .table-wrap {
  2599. padding: 20px;
  2600. }
  2601. .user-center .right .table-wrap .table-responsive {
  2602. overflow-x: visible;
  2603. }
  2604. .user-center .right .con .table-order .icon-prompt {
  2605. position: relative;
  2606. top: 2px;
  2607. margin-left: 5px;
  2608. cursor: pointer;
  2609. }
  2610. .user-center .right .con .table-order>tbody>tr:nth-of-type(odd) {
  2611. background-color: #f6fafe;
  2612. }
  2613. .user-center .right .con .table-order tr th {
  2614. background-color: #4497f4;
  2615. color: #fff;
  2616. padding: 15px;
  2617. text-align: center;
  2618. border-color: #4497f4;
  2619. }
  2620. .user-center .right .con .table-order tr td {
  2621. padding: 25px 15px;
  2622. text-align: center;
  2623. }
  2624. .user-center .right .con .table-order .icon-prompt .tips {
  2625. background: url("../image/icon-prompt.png") no-repeat;
  2626. width: 159px;
  2627. height: 58px;
  2628. position: absolute;
  2629. left: -17px;
  2630. bottom: 11px;
  2631. padding-top: 15px;
  2632. font-size: 12px;
  2633. opacity: 0;
  2634. display: none;
  2635. transition: all 600ms;
  2636. z-index: 1000;
  2637. }
  2638. .user-center .right .con .table-order .icon-prompt:hover .tips {
  2639. opacity: 1;
  2640. display: block;
  2641. }
  2642. .user-center .right .service-wrap {
  2643. padding: 20px;
  2644. }
  2645. .user-center .right .service {
  2646. border: 1px solid #e5e5e5;
  2647. border-radius: 3px;
  2648. height: 135px;
  2649. }
  2650. .user-center .right .service .top .tit {
  2651. background-color: #f5f6f8;
  2652. font-size: 18px;
  2653. color: #333;
  2654. font-weight: 600;
  2655. padding: 10px 25px;
  2656. border-radius: 3px;
  2657. }
  2658. .user-center .right .service .top .ms-btn {
  2659. margin-right: 25px;
  2660. margin-top: 10px;
  2661. }
  2662. .user-center .right .service .top .ms-btn-default {
  2663. border-color: transparent;
  2664. color: #157df1;
  2665. }
  2666. .user-center .right .service .top .ms-btn-default:hover {
  2667. background: #fff;
  2668. color: #157df1;
  2669. border-color: #157df1;
  2670. }
  2671. .user-center .right .service .bottom .downloads {
  2672. margin-top: 20px;
  2673. }
  2674. .user-center .right .service .bottom .downloads li {
  2675. padding: 0 25px;
  2676. width: 50%;
  2677. float: left;
  2678. color: #666;
  2679. }
  2680. .user-center .right .service .bottom .downloads li .progress1 {
  2681. width: 100%;
  2682. background-color: #f3f3f3;
  2683. height: 6px;
  2684. border-radius: 3px;
  2685. position: relative;
  2686. margin-top: 10px;
  2687. }
  2688. .user-center .right .service .bottom .downloads li .progress1 .bar {
  2689. position: absolute;
  2690. left: 0;
  2691. top: 0;
  2692. height: 100%;
  2693. background-color: #157df1;
  2694. border-radius: 3px;
  2695. }
  2696. .user-center .right .service .bottom .signature {
  2697. display: table;
  2698. width: 100%;
  2699. margin-top: 20px;
  2700. text-align: center;
  2701. }
  2702. .user-center .right .service .bottom .signature li {
  2703. display: table-cell;
  2704. border-right: 1px solid #e5e5e5;
  2705. }
  2706. .user-center .right .service .bottom .signature li:last-of-type {
  2707. border-color: transparent;
  2708. }
  2709. .user-center .right .service .bottom .signature li {
  2710. color: #666;
  2711. }
  2712. .user-center .right .service .bottom .signature li .num {
  2713. color: #333;
  2714. }
  2715. .user-center .right .service .bottom .signature li .num span {
  2716. font-size: 20px;
  2717. }
  2718. /*
  2719. *2018-09-20改版,改版上线后,将上版本样式删除
  2720. */
  2721. .user-center1>.row {
  2722. margin: 0 0 20px;
  2723. overflow: hidden;
  2724. height: 100%;
  2725. }
  2726. @media (min-width: 1200px) {
  2727. .user-center1>.row>.col-sm-2 {
  2728. padding: 0 0 9999px;
  2729. margin-bottom: -9999px;
  2730. }
  2731. }
  2732. .user-center1>.row>.col-sm-2 {
  2733. background-color: #fff;
  2734. box-shadow: 0 0 5px rgba(0, 0, 0, .05);
  2735. }
  2736. .user-center1>.row>.col-sm-10 {
  2737. padding: 0 0 0 10px;
  2738. }
  2739. /*.user-center1 .aside-left{height: 550px;}*/
  2740. .user-center1 .aside-left .iconfont {
  2741. font-size: 18px;
  2742. }
  2743. .user-center1 .aside-left .icon-msg {
  2744. font-size: 18px;
  2745. position: relative;
  2746. top: 2px;
  2747. }
  2748. .user-center1 .aside-left .icon-fapiao,
  2749. .user-center1 .aside-left .icon-028 {
  2750. position: relative;
  2751. top: 2px;
  2752. }
  2753. /*.user-center1 .aside-right .user-table{margin-bottom: 40px;}*/
  2754. .user-center1 .aside-right .user-table .table {
  2755. border: 1px solid #e5e5e5;
  2756. margin-bottom: 0;
  2757. }
  2758. .user-center1 .aside-right .user-table .table th {
  2759. background-color: #f5f6f7;
  2760. padding: 15px 10px;
  2761. text-align: center;
  2762. color: #666;
  2763. font-weight: 600;
  2764. border-top-color: transparent;
  2765. }
  2766. .user-center1 .aside-right .user-table .table td {
  2767. background-color: #fff;
  2768. padding: 23px 10px;
  2769. text-align: center;
  2770. color: #666;
  2771. font-size: 12px;
  2772. border-top-color: #e5e5e5;
  2773. }
  2774. .user-center1 .aside-right .user-table .table td.color-hover {
  2775. color: #157df1;
  2776. }
  2777. .user-center1 .aside-right .user-table .table td.color-999 {
  2778. color: #999;
  2779. }
  2780. .user-center1 .aside-right .user-table .table tr:hover td {
  2781. background-color: #ebf7ff;
  2782. }
  2783. .user-center1 .aside-right .user-table .table-wrap {
  2784. background-color: #fff;
  2785. }
  2786. .user-center1 .aside-right .user-table .table-wrap1 {
  2787. min-height: 495px;
  2788. }
  2789. .user-center1 .aside-right .user-table .table-wrap2 {
  2790. min-height: 459px;
  2791. box-shadow: 0 0 5px rgba(0, 0, 0, .05);
  2792. padding-bottom: 30px;
  2793. }
  2794. .user-center1 .aside-right .user-table .table-wrap2 .invoice-table2 {
  2795. border: none;
  2796. border-bottom: 1px solid #e5e5e5;
  2797. }
  2798. .user-center1 .aside-right .user-table .table td [data-toggle="popover"] {
  2799. cursor: pointer;
  2800. }
  2801. .user-center1 .aside-right .paging {
  2802. margin-top: 30px;
  2803. margin-bottom: 0;
  2804. }
  2805. .user-center1 .aside-right .order .no-content {
  2806. padding-top: 90px;
  2807. }
  2808. .user-center1 .aside-right .order .table-wrap {
  2809. min-height: 351px;
  2810. }
  2811. .user-center1 .account-management {
  2812. box-shadow: 0 0 5px rgba(0, 0, 0, .05);
  2813. background-color: #fff;
  2814. height: 550px;
  2815. }
  2816. .user-center1 .account-management>ul {
  2817. height: 48px;
  2818. background-color: #f2f2f5;
  2819. line-height: 48px;
  2820. border-bottom: 1px solid #e5e5e5;
  2821. }
  2822. .user-center1 .account-management>ul li {
  2823. float: left;
  2824. padding: 0 20px;
  2825. cursor: pointer;
  2826. color: #333;
  2827. }
  2828. .user-center1 .account-management>ul li.active {
  2829. background-color: #fff;
  2830. }
  2831. .user-center1 .account-management .tab {
  2832. padding: 0 30px;
  2833. }
  2834. .user-center1 .account-management .tab>div {
  2835. display: none;
  2836. }
  2837. .user-center1 .account-management .data table {
  2838. color: #333;
  2839. margin-top: 25px;
  2840. margin-bottom: 0;
  2841. }
  2842. .user-center1 .account-management .data table tr th {
  2843. border-top: none;
  2844. font-weight: 600;
  2845. vertical-align: middle;
  2846. padding: 6px;
  2847. }
  2848. .user-center1 .account-management .data table tr td {
  2849. border-top: none;
  2850. vertical-align: middle;
  2851. padding: 6px;
  2852. }
  2853. .user-center1 .account-management .data table tr td .ms-btn-default {
  2854. padding: 1px 12px;
  2855. }
  2856. .user-center1 .account-management .data .table1 tr th:first-of-type {
  2857. width: 160px;
  2858. }
  2859. .user-center1 .account-management .data .table1 tr td:first-of-type {
  2860. width: 250px;
  2861. }
  2862. .user-center1 .account-management .data .table2 tr th:first-of-type {
  2863. width: 160px;
  2864. }
  2865. .user-center1 .account-management .data .table2 tr td:first-of-type {
  2866. width: 250px;
  2867. }
  2868. .user-center1 .account-management .data hr {
  2869. margin-top: 25px;
  2870. }
  2871. .user-center1 .account-management .pwd {
  2872. padding: 30px 0;
  2873. }
  2874. .user-center1 .account-management .pwd .form-group {
  2875. position: relative;
  2876. margin-bottom: 25px;
  2877. }
  2878. .user-center1 .account-management .pwd .form-group label {
  2879. font-weight: 600;
  2880. color: #333;
  2881. margin-bottom: 5px;
  2882. }
  2883. .user-center1 .account-management .pwd .form-group .iconfont {
  2884. position: absolute;
  2885. bottom: 5px;
  2886. right: 15px;
  2887. cursor: pointer;
  2888. color: #333;
  2889. }
  2890. .user-center1 .account-management .pwd .form-group .error {
  2891. display: none;
  2892. position: absolute;
  2893. top: 100%;
  2894. left: 0;
  2895. }
  2896. .user-center1 .account-management .pwd .form-error .error {
  2897. display: block;
  2898. color: #ff4222;
  2899. }
  2900. .user-center1 .account-management .pwd .ms-btn {
  2901. width: 160px;
  2902. padding: 12px 9px;
  2903. }
  2904. .user-center1 .account-management .msg {
  2905. padding: 30px 0;
  2906. }
  2907. .user-center1 .account-management .msg dl {
  2908. font-size: 13px;
  2909. }
  2910. .user-center1 .account-management .msg dl dt {
  2911. color: #333;
  2912. font-weight: 600;
  2913. margin-bottom: 3px;
  2914. }
  2915. .user-center1 .account-management .msg dl dd {
  2916. color: #666;
  2917. }
  2918. .user-center1 .account-management .msg ol {
  2919. margin: 10px 0 0 20px;
  2920. }
  2921. .user-center1 .account-management .msg ol li {
  2922. float: left;
  2923. color: #333;
  2924. margin-left: 50px;
  2925. cursor: pointer;
  2926. }
  2927. .user-center1 .account-management .msg ol li .icon {
  2928. position: relative;
  2929. top: 3px;
  2930. margin-right: 10px;
  2931. }
  2932. .user-center1 .account-management .msg hr {
  2933. margin: 30px 0;
  2934. border-color: #e5e5e5;
  2935. }
  2936. .user-center1 .account-management .upload {
  2937. padding: 30px 0;
  2938. }
  2939. .user-center1 .account-management .upload dl {
  2940. width: 36%;
  2941. font-size: 13px;
  2942. }
  2943. .user-center1 .account-management .upload dl dt {
  2944. color: #333;
  2945. font-weight: 600;
  2946. margin-bottom: 3px;
  2947. }
  2948. .user-center1 .account-management .upload dl dd {
  2949. color: #666;
  2950. }
  2951. .user-center1 .account-management .upload ol {
  2952. margin: 10px 0 0 20px;
  2953. }
  2954. .user-center1 .account-management .upload ol li {
  2955. float: left;
  2956. color: #333;
  2957. margin-left: 50px;
  2958. cursor: pointer;
  2959. }
  2960. .user-center1 .account-management .upload ol li .icon {
  2961. position: relative;
  2962. top: 3px;
  2963. margin-right: 10px;
  2964. }
  2965. .user-center1 .account-management .upload hr {
  2966. margin: 30px 0;
  2967. border-color: #e5e5e5;
  2968. }
  2969. .user-center1 .account-management .bindDomain .m-con {
  2970. padding-top: 30px;
  2971. }
  2972. .user-center1 .account-management .bindDomain .cont p {
  2973. color: #333;
  2974. margin-bottom: 5px;
  2975. }
  2976. .user-center1 .account-management .bindDomain .cont p a {
  2977. color: #157df1;
  2978. }
  2979. .user-center1 .account-management .bindDomain .cont p a:hover {
  2980. text-decoration: underline;
  2981. }
  2982. .user-center1 .account-management .bindDomain .cont .control-label {
  2983. color: #333;
  2984. margin-bottom: 5px;
  2985. }
  2986. .user-center1 .account-management .bindDomain .cont #saveButton {
  2987. width: 160px;
  2988. padding: 9px 0;
  2989. margin-top: 5px;
  2990. }
  2991. .user-center1 .account-management .bindDomain .m-con .bindDomainFirst {
  2992. padding-top: 105px;
  2993. }
  2994. .user-center1 .account-management .bindDomain .m-con .bindDomainFirst .browser_notice {
  2995. text-align: center;
  2996. }
  2997. .user-center1 .account-management .bindDomain .m-con .bindDomainFirst .icon-chenggong {
  2998. color: #157df1;
  2999. font-size: 70px;
  3000. }
  3001. .user-center1 .account-management .bindDomain .m-con .bindDomainFirst .browser_notice .browser_notice_success {
  3002. margin: -3px 0 25px;
  3003. }
  3004. .user-center1 .account-management .bindDomain .m-con .bindDomainFirst #unbind_button {
  3005. width: 160px;
  3006. padding: 9px;
  3007. color: #666;
  3008. }
  3009. .user-center1 .account-management .change .tit {
  3010. font-size: 16px;
  3011. color: #333;
  3012. font-weight: 600;
  3013. padding: 15px 20px;
  3014. border-bottom: 1px solid #e5e5e5;
  3015. }
  3016. .user-center1 .account-management .con {
  3017. padding: 20px
  3018. /*50px*/
  3019. ;
  3020. }
  3021. /*.user-center1 .account-management .con .input-size{width: 78%; margin-right: 10px; float: left;}*/
  3022. .user-center1 .account-management .con label {
  3023. color: #333;
  3024. font-weight: 600;
  3025. }
  3026. .user-center1 .account-management .con .form-group label {
  3027. margin: 0 30px 8px 0;
  3028. }
  3029. .user-center1 .account-management .con .current-email {
  3030. margin-bottom: 5px;
  3031. }
  3032. .user-center1 .account-management .con .read-only {
  3033. padding-top: 15px;
  3034. border-top: 1px solid #e5e5e5;
  3035. }
  3036. .user-center1 .account-management .con .read-only th,
  3037. .user-center .right .con .read-only td {
  3038. padding: 8px;
  3039. }
  3040. .user-center1 .invoice-management .warn-prompt {
  3041. margin: 0 0 10px;
  3042. }
  3043. .user-center1 .invoice-management .i-top ul li {
  3044. float: left;
  3045. margin-left: 20px;
  3046. }
  3047. .user-center1 .invoice-management .user-table {
  3048. margin-top: 20px;
  3049. }
  3050. .user-center1 .invoice-management .user-table.mt10 {
  3051. margin-top: 10px;
  3052. }
  3053. .user-center1 .invoice-management .table.invoice-table1 tr th:nth-of-type(1) {
  3054. width: 180px;
  3055. }
  3056. .user-center1 .invoice-management .table.invoice-table1 tr th:nth-of-type(3) {
  3057. width: 120px;
  3058. }
  3059. .user-center1 .invoice-management .table.invoice-table1 tr th:last-of-type {
  3060. width: 300px;
  3061. }
  3062. .user-center1 .invoice-management .table.invoice-table1 tr td:nth-of-type(1) {
  3063. padding-left: 20px;
  3064. }
  3065. .user-center1 .invoice-management .table.invoice-table2 tr th:nth-of-type(2) {
  3066. width: 120px;
  3067. }
  3068. .user-center1 .invoice-management .table.invoice-table2 td .company-name {
  3069. width: 120px;
  3070. line-height: 20px;
  3071. }
  3072. .user-center1 .invoice-management .table.invoice-table2 .courier-number {
  3073. width: 160px;
  3074. }
  3075. .user-center1 .invoice-management .table.invoice-table2 td .courier-number {
  3076. width: 160px;
  3077. }
  3078. .user-center1 .invoice-management .table.invoice-table2 td .ms-btn {
  3079. margin-right: 0;
  3080. }
  3081. .user-center1 .invoice-management .table td {
  3082. vertical-align: middle;
  3083. }
  3084. .user-center1 .invoice-management .table td .icon-checkbox1 {
  3085. color: #e5e5e5;
  3086. cursor: pointer;
  3087. margin-right: 8px;
  3088. position: relative;
  3089. top: -2px;
  3090. }
  3091. .user-center1 .invoice-management .table td .icon-checkbox-checked1 {
  3092. color: #157df1;
  3093. }
  3094. .user-center1 .invoice-management .table td .company-name {
  3095. width: 110px;
  3096. line-height: 20px;
  3097. }
  3098. .user-center1 .invoice-management .table td .receives-address {
  3099. width: 120px;
  3100. }
  3101. .user-center1 .invoice-management .table td .ms-btn {
  3102. margin-right: 10px;
  3103. }
  3104. .user-center1 .invoice-management .table td .set-default {
  3105. visibility: hidden;
  3106. color: #fd641d;
  3107. cursor: pointer;
  3108. }
  3109. .user-center1 .invoice-management .table tr:nth-of-type(2) td .set-default {
  3110. visibility: visible;
  3111. }
  3112. .user-center1 .invoice-management .table tr:hover td .set-default {
  3113. visibility: visible;
  3114. }
  3115. .user-center1 .invoice-management .no-content {
  3116. height: 412px;
  3117. padding-top: 150px;
  3118. }
  3119. .user-center1 .invoice-management .no-content1 {
  3120. height: 376px;
  3121. padding-top: 130px;
  3122. }
  3123. .user-center1 .invoice-management .submit {
  3124. width: 160px;
  3125. padding: 9px 12px;
  3126. }
  3127. .user-center1 .invoice-management .make-invoice-details {
  3128. padding: 30px;
  3129. background-color: #fff;
  3130. border: 1px solid #e5e5e5;
  3131. height: 550px;
  3132. margin-bottom: 40px;
  3133. }
  3134. .user-center1 .invoice-management .make-invoice-details dl {
  3135. color: #333;
  3136. margin-bottom: 15px;
  3137. }
  3138. .user-center1 .invoice-management .make-invoice-details dl dt {
  3139. color: #333;
  3140. font-weight: 600;
  3141. width: 100px;
  3142. text-align: right;
  3143. }
  3144. .user-center1 .invoice-management .make-invoice-details dl dd {
  3145. float: none;
  3146. margin-left: 150px;
  3147. }
  3148. .user-center1 .invoice-management .make-invoice-details hr {
  3149. margin: 20px 0;
  3150. }
  3151. .user-center1 .invoice-management .make-invoice-details .color-danger {
  3152. font-size: 12px;
  3153. }
  3154. .user-center1 .invoice-management .apply-invoice {
  3155. background-color: #fff;
  3156. padding: 30px;
  3157. margin-bottom: 40px;
  3158. border: 1px solid #e5e5e5;
  3159. }
  3160. .user-center1 .invoice-management .apply-invoice .row {
  3161. margin: 0 -5px;
  3162. }
  3163. .user-center1 .invoice-management .apply-invoice .row .col-sm-4 {
  3164. padding: 0 5px;
  3165. }
  3166. .user-center1 .invoice-management .apply-invoice .row .col-sm-6 {
  3167. padding: 0 5px;
  3168. }
  3169. .user-center1 .invoice-management .apply-invoice label {
  3170. color: #333;
  3171. font-weight: 600;
  3172. margin-bottom: 5px;
  3173. }
  3174. .user-center1 .invoice-management .apply-invoice label span {
  3175. color: #ff4222;
  3176. margin-left: 10px;
  3177. }
  3178. .user-center1 .invoice-management .apply-invoice .form-group {
  3179. margin-bottom: 25px;
  3180. }
  3181. .user-center1 .invoice-management .apply-invoice .select-wrap input[type=text] {
  3182. margin-top: 20px;
  3183. }
  3184. .user-center1 .invoice-management .apply-invoice .form-group.select-wrap {
  3185. margin-bottom: 20px;
  3186. }
  3187. /*.user-center1 .invoice-management .apply-invoice select{color: #999;}*/
  3188. .user-center1 .invoice-management .apply-invoice .form-group.instruction-manual {
  3189. margin-bottom: 20px;
  3190. }
  3191. .user-center1 .invoice-management .apply-invoice .form-error {
  3192. position: relative;
  3193. }
  3194. .user-center1 .invoice-management .apply-invoice .error {
  3195. position: absolute;
  3196. top: 100%;
  3197. color: #ff4222;
  3198. font-size: 12px;
  3199. display: none;
  3200. }
  3201. .user-center1 .invoice-management .apply-invoice .form-error .error {
  3202. display: block;
  3203. }
  3204. .user-center1 .invoice-management .apply-invoice hr {
  3205. margin: 5px 0 30px;
  3206. }
  3207. .user-center1 .invoice-management .apply-invoice .icon-checkbox1 {
  3208. color: #e5e5e5;
  3209. position: relative;
  3210. top: 1px;
  3211. }
  3212. .user-center1 .invoice-management .apply-invoice .icon-checkbox-checked1 {
  3213. color: #157df1;
  3214. }
  3215. .user-center1 .invoice-management .apply-invoice .checkbox1 {
  3216. color: #333;
  3217. cursor: pointer;
  3218. }
  3219. .user-center1 .invoice-management .apply-invoice .save {
  3220. margin-top: 20px;
  3221. width: 160px;
  3222. padding: 9px 12px;
  3223. }
  3224. /*我的订单新增充值*/
  3225. .user-center1 .aside-right .balance-recharge {
  3226. position: relative;
  3227. border: 1px solid #e5e5e5;
  3228. padding: 25px 30px 10px;
  3229. margin-bottom: 20px;
  3230. }
  3231. .user-center1 .aside-right .balance-recharge .b-tit {
  3232. color: #333;
  3233. font-weight: 600;
  3234. }
  3235. .user-center1 .aside-right .balance-recharge .b-num {
  3236. color: #fba208;
  3237. font-size: 40px;
  3238. }
  3239. .user-center1 .aside-right .balance-recharge p {
  3240. color: #666;
  3241. font-size: 12px;
  3242. }
  3243. .user-center1 .aside-right .balance-recharge .recharge-btn {
  3244. position: absolute;
  3245. right: 30px;
  3246. top: 50%;
  3247. transform: translateY(-50%);
  3248. }
  3249. /*.balance-recharge-wrap{margin-bottom: 40px;}*/
  3250. .balance-recharge-wrap .balance-recharge {
  3251. border: none;
  3252. margin-bottom: 0;
  3253. }
  3254. .balance-recharge-wrap .choose-recharge {
  3255. width: 65%;
  3256. position: relative;
  3257. }
  3258. .balance-recharge-wrap .choose-recharge li {
  3259. margin-right: 70px;
  3260. margin-bottom: 25px;
  3261. }
  3262. .balance-recharge-wrap .choose-recharge li:nth-of-type(n+5) {
  3263. margin-bottom: 0;
  3264. }
  3265. .balance-recharge-wrap .choose-recharge li input[name=rechargeAmount] {
  3266. width: 120px;
  3267. position: absolute;
  3268. top: -7px;
  3269. left: 21px;
  3270. }
  3271. .balance-recharge-wrap .choose-recharge .error {
  3272. position: absolute;
  3273. left: 25px;
  3274. bottom: -5px;
  3275. color: #fd641d;
  3276. font-size: 12px;
  3277. display: none;
  3278. }
  3279. .balance-recharge-wrap .choose-recharge.form-error .error {
  3280. display: block;
  3281. }
  3282. .balance-recharge-wrap .choose-recharge li .r-num {
  3283. width: 50px;
  3284. display: inline-block;
  3285. }
  3286. .balance-recharge-wrap .pay-money .money {
  3287. padding-bottom: 10px;
  3288. }
  3289. .user-center1 .aside-right .price-pay .balance-recharge {
  3290. border: none;
  3291. margin-bottom: 0;
  3292. }
  3293. .price-pay .balance-recharge-wrap .pay-money {
  3294. padding-bottom: 30px;
  3295. }
  3296. .balance-recharge-wrap .pay-money .icon-checkbox1 {
  3297. color: #999;
  3298. position: relative;
  3299. top: 1px;
  3300. cursor: pointer;
  3301. }
  3302. .balance-recharge-wrap .pay-money .icon-checkbox-checked1 {
  3303. color: #157df1;
  3304. cursor: pointer;
  3305. }
  3306. /*/我的订单新增充值*/
  3307. /*上传资质*/
  3308. .user-center1 .aside-left .icon-dunpai {
  3309. font-size: 18px;
  3310. position: relative;
  3311. top: 2px;
  3312. }
  3313. .upload-img-more .uploaded-img {
  3314. border: 1px solid #e5e5e5;
  3315. width: 150px;
  3316. height: 210px;
  3317. position: relative;
  3318. border-radius: 5px;
  3319. margin-right: 20px;
  3320. }
  3321. .upload-img-more .uploaded-img .thumbnail {
  3322. position: absolute;
  3323. left: 0;
  3324. top: 0;
  3325. width: 100%;
  3326. height: 100%;
  3327. opacity: 0;
  3328. cursor: pointer;
  3329. z-index: 2;
  3330. }
  3331. .upload-img-more .uploaded-img img {
  3332. width: 100%;
  3333. height: 100%;
  3334. border-radius: 5px;
  3335. }
  3336. .upload-img-more .uploaded-img .delete-img {
  3337. position: absolute;
  3338. right: -9px;
  3339. top: -9px;
  3340. right: 0 \9;
  3341. top: 0 \9;
  3342. cursor: pointer;
  3343. z-index: 2;
  3344. }
  3345. .upload-img-more .uploaded-img .reset {
  3346. position: absolute;
  3347. left: 0;
  3348. bottom: 0;
  3349. height: 20px;
  3350. line-height: 20px;
  3351. background: rgba(0, 0, 0, .5);
  3352. width: 100%;
  3353. color: #fff;
  3354. text-align: center;
  3355. font-size: 12px;
  3356. display: none;
  3357. }
  3358. .upload-img-more .uploaded-img:hover .reset {
  3359. display: block;
  3360. }
  3361. .upload-img-more .upload-img {
  3362. position: relative;
  3363. border: 1px dashed #e5e5e5;
  3364. width: 150px;
  3365. height: 210px;
  3366. border-radius: 5px;
  3367. background: url("../image/icon-10.png") no-repeat center 80px;
  3368. overflow: hidden;
  3369. }
  3370. .upload-img-more .upload-img input {
  3371. position: absolute;
  3372. left: 0;
  3373. top: 0;
  3374. width: 100%;
  3375. height: 100%;
  3376. opacity: 0;
  3377. cursor: pointer;
  3378. }
  3379. .upload-img-more .upload-img .text {
  3380. text-align: center;
  3381. font-size: 12px;
  3382. color: #666;
  3383. margin-top: 120px;
  3384. }
  3385. .user-center1 .aside-right .upload-qualification {
  3386. background-color: #fff;
  3387. box-shadow: 0 0 5px rgba(0, 0, 0, .05);
  3388. border-radius: 3px;
  3389. padding: 30px;
  3390. }
  3391. .user-center1 .aside-right .upload-qualification .p1 {
  3392. color: #333;
  3393. margin-bottom: 5px;
  3394. }
  3395. .user-center1 .aside-right .upload-qualification .p2 {
  3396. color: #333;
  3397. margin-bottom: 15px;
  3398. }
  3399. .user-center1 .aside-right .upload-qualification table {
  3400. border: 1px solid #ddd;
  3401. width: 70%;
  3402. color: #333;
  3403. margin-bottom: 40px;
  3404. }
  3405. .user-center1 .aside-right .upload-qualification table td {
  3406. border: 1px solid #ddd;
  3407. padding: 20px;
  3408. text-align: center;
  3409. }
  3410. .user-center1 .aside-right .upload-qualification .tit {
  3411. color: #333;
  3412. margin-bottom: 15px;
  3413. }
  3414. /*.user-center1 .aside-right .upload-qualification .upload-img-more{margin-bottom: 20px;}*/
  3415. .user-center1 .aside-right .upload-qualification .uploaded-img {
  3416. margin-bottom: 20px;
  3417. }
  3418. .user-center1 .aside-right .upload-qualification .upload-img {
  3419. margin-bottom: 20px;
  3420. }
  3421. .user-center1 .aside-right .upload-qualification .review-wrap {
  3422. margin: 20px 0 30px;
  3423. display: none;
  3424. }
  3425. .user-center1 .aside-right .upload-qualification .review-wrap li {
  3426. float: left;
  3427. margin-right: 20px;
  3428. }
  3429. .user-center1 .aside-right .upload-qualification .review-wrap li:last-of-type {
  3430. margin-right: 0;
  3431. }
  3432. .user-center1 .aside-right .upload-qualification .review-wrap .r-center {
  3433. margin-top: -10px;
  3434. }
  3435. .user-center1 .aside-right .upload-qualification .review-wrap .r-center img {
  3436. display: none;
  3437. }
  3438. .user-center1 .aside-right .upload-qualification .review-wrap .r-right {
  3439. width: 750px;
  3440. color: #ff4222;
  3441. }
  3442. .user-center1 .aside-right .upload-qualification .review-wrap .r-right div {
  3443. display: none;
  3444. }
  3445. .user-center1 .aside-right .upload-qualification .hide-action .upload-img {
  3446. display: none;
  3447. }
  3448. .user-center1 .aside-right .upload-qualification .hide-action .delete-img {
  3449. display: none;
  3450. }
  3451. .user-center1 .aside-right .upload-qualification .hide-action .reset {
  3452. display: none;
  3453. }
  3454. .user-center1 .aside-right .upload-qualification .hide-action .thumbnail {
  3455. display: none;
  3456. }
  3457. /*/上传资质*/
  3458. /*推广大使*/
  3459. aside.aside-left ul li a .icon-dashi {
  3460. background: url("../image/tt-10.png") no-repeat;
  3461. width: 17px;
  3462. height: 14px;
  3463. display: inline-block;
  3464. margin-right: 10px;
  3465. margin-top: 2px;
  3466. }
  3467. .aside-right .user-promote {
  3468. background-color: #fff;
  3469. min-height: 510px;
  3470. }
  3471. .aside-right .user-promote .p-list {
  3472. background-color: #f5f7f9;
  3473. height: 44px;
  3474. line-height: 44px;
  3475. border-bottom: 1px solid #eee;
  3476. }
  3477. .aside-right .user-promote .p-list li {
  3478. float: left;
  3479. padding: 0 20px;
  3480. cursor: pointer;
  3481. color: #333;
  3482. }
  3483. .aside-right .user-promote .p-list li.active {
  3484. background-color: #fff;
  3485. border-right: 1px solid #e5e5e5;
  3486. border-left: 1px solid #eee;
  3487. margin-left: -1px;
  3488. }
  3489. .aside-right .user-promote .p-list li.active a {
  3490. color: #157df1;
  3491. }
  3492. /*.aside-right .user-promote .tab>div{display: none;}*/
  3493. .aside-right .user-promote .tab-common {
  3494. padding: 25px 30px;
  3495. }
  3496. .aside-right .user-promote .tab1 .p-link-1 {
  3497. border: 1px solid #ddd;
  3498. padding: 15px 20px;
  3499. margin-bottom: 20px;
  3500. }
  3501. .aside-right .user-promote .tab1 .p-link-1 dl {
  3502. color: #333;
  3503. margin-bottom: 3px;
  3504. }
  3505. .aside-right .user-promote .tab1 .p-link-1 dl dt span {
  3506. font-size: 20px;
  3507. }
  3508. .aside-right .user-promote .tab1 .p-link-1 dl dd .copy {
  3509. font-size: 12px;
  3510. margin-top: 8px;
  3511. margin-left: 20px;
  3512. display: block;
  3513. }
  3514. .aside-right .user-promote .tab1 .p-link-1 p {
  3515. font-size: 12px;
  3516. color: #999;
  3517. }
  3518. .aside-right .user-promote .tab1 .p-link-2 {
  3519. border: 1px solid #ddd;
  3520. padding: 15px 20px;
  3521. margin-bottom: 25px;
  3522. position: relative;
  3523. }
  3524. .aside-right .user-promote .tab1 .p-link-2 .row {
  3525. margin: 0 -20px;
  3526. }
  3527. .aside-right .user-promote .tab1 .p-link-2 .line {
  3528. position: absolute;
  3529. width: 1px;
  3530. height: calc(100% - 30px);
  3531. left: 50%;
  3532. top: 15px;
  3533. background-color: #ddd;
  3534. }
  3535. .aside-right .user-promote .tab1 .p-link-2 dl {
  3536. padding-left: 15px;
  3537. }
  3538. .aside-right .user-promote .tab1 .p-link-2 dl dt {
  3539. color: #333;
  3540. }
  3541. .aside-right .user-promote .tab1 .p-link-2 dl dt .icon-prompt1 {
  3542. margin: -1px 0 0 3px;
  3543. }
  3544. .aside-right .user-promote .tab1 .p-link-2 dl dt.rebate-dt {
  3545. color: #999;
  3546. margin-bottom: 10px;
  3547. }
  3548. .aside-right .user-promote .tab1 .p-link-2 dl dt span {
  3549. color: #999;
  3550. }
  3551. .aside-right .user-promote .tab1 .p-link-2 dl dd {
  3552. color: #333;
  3553. }
  3554. .aside-right .user-promote .tab1 .p-link-2 dl dd.amount-withdrawal-wrap1 {
  3555. height: 34px;
  3556. overflow: hidden;
  3557. }
  3558. .aside-right .user-promote .tab1 .p-link-2 dl dd .amount-withdrawal1 span {
  3559. color: #fba412;
  3560. font-size: 30px;
  3561. }
  3562. .aside-right .user-promote .tab1 .p-link-2 dl dt .withdrawal1 {
  3563. padding: 0 12px;
  3564. line-height: 20px;
  3565. height: 20px;
  3566. font-size: 12px;
  3567. margin-left: 30px;
  3568. }
  3569. .aside-right .user-promote .tab1 .p-link-2 dl dd .amount-rebate1 span {
  3570. color: #333;
  3571. font-size: 20px;
  3572. }
  3573. .aside-right .user-promote .tab1 .help {
  3574. padding: 0;
  3575. }
  3576. .aside-right .user-promote .tab1 .help .tit {
  3577. font-size: 20px;
  3578. color: #333;
  3579. margin-bottom: 20px;
  3580. }
  3581. .withdrawal-to-alipay {
  3582. padding: 15px 10px;
  3583. border: 1px solid #ddd;
  3584. display: none;
  3585. }
  3586. .withdrawal-to-alipay .tit {
  3587. color: #333;
  3588. font-size: 16px;
  3589. margin-bottom: 30px;
  3590. }
  3591. .withdrawal-to-alipay .form-group {
  3592. margin-bottom: 20px;
  3593. }
  3594. .withdrawal-to-alipay .form-group label {
  3595. color: #333;
  3596. }
  3597. .withdrawal-to-alipay .withdrawal {
  3598. color: #333;
  3599. font-size: 12px;
  3600. padding-top: 6px;
  3601. }
  3602. .withdrawal-to-alipay .withdrawal .num {
  3603. color: #fba208;
  3604. font-size: 16px;
  3605. font-weight: 600;
  3606. }
  3607. .withdrawal-to-alipay .form-group .yuan {
  3608. padding-top: 7px;
  3609. color: #333;
  3610. }
  3611. .withdrawal-to-alipay .form-group .submit1 {
  3612. width: 100px;
  3613. }
  3614. .withdrawal-to-alipay .form-group .error {
  3615. font-size: 12px;
  3616. color: #fd641d;
  3617. margin-top: 3px;
  3618. display: none;
  3619. }
  3620. .withdrawal-to-alipay .form-group.form-error .error {
  3621. display: block;
  3622. }
  3623. #payModal .modal-dialog {
  3624. width: 410px !important;
  3625. }
  3626. #payModal .tit {
  3627. font-size: 16px;
  3628. color: #333;
  3629. font-weight: 600;
  3630. margin-bottom: 20px;
  3631. }
  3632. #payModal .pay-msg {
  3633. margin-bottom: 25px;
  3634. }
  3635. #payModal .pay-msg dl {
  3636. color: #333;
  3637. margin-bottom: 10px;
  3638. }
  3639. #payModal .pay-msg dl dt {
  3640. width: 50%;
  3641. text-align: right;
  3642. padding-right: 10px;
  3643. }
  3644. #payModal .pay-msg dl dd {
  3645. width: 50%;
  3646. text-align: left;
  3647. padding-left: 10px;
  3648. }
  3649. #payModal .pay-msg dl dd .num {
  3650. color: #fba208;
  3651. }
  3652. #payModal .pay-msg dl dd .num i {
  3653. font-weight: 600;
  3654. }
  3655. #payModal .cancel-btn {
  3656. display: inline-block;
  3657. height: 34px;
  3658. line-height: 34px;
  3659. margin-right: 20px;
  3660. }
  3661. .aside-right .user-promote .tab2 .date {
  3662. float: left;
  3663. width: 140px;
  3664. position: relative;
  3665. }
  3666. .aside-right .user-promote .tab2 .date1 {
  3667. margin-right: 10px;
  3668. }
  3669. .aside-right .user-promote .tab2 .date2 {
  3670. margin-right: 20px;
  3671. }
  3672. .aside-right .user-promote .tab2 .date input {
  3673. position: relative;
  3674. z-index: 1;
  3675. background-color: transparent;
  3676. cursor: pointer;
  3677. }
  3678. .aside-right .user-promote .tab2 .date .icon-date {
  3679. color: #aaa;
  3680. position: absolute;
  3681. right: 10px;
  3682. top: 4px;
  3683. z-index: 0;
  3684. }
  3685. .aside-right .user-promote .tab2 .date:hover .icon-date {
  3686. color: #157df1;
  3687. }
  3688. .aside-right .user-promote .tab2 .d-top {
  3689. margin-bottom: 20px;
  3690. }
  3691. .aside-right .user-promote .tab2 .d-top .form-control {
  3692. height: 30px;
  3693. }
  3694. .aside-right .user-promote .tab2 .d-top .line {
  3695. margin-right: 10px;
  3696. color: #aaa;
  3697. }
  3698. .aside-right .user-promote .tab2 .d-top .query {
  3699. padding: 5px 8px;
  3700. border-color: #e5e5e5;
  3701. border-left: none;
  3702. background-color: #f5f6f7;
  3703. font-size: 12px;
  3704. color: #333;
  3705. height: 30px;
  3706. }
  3707. .aside-right .user-promote .tab2 .d-top .num {
  3708. line-height: 34px;
  3709. margin-left: 30px;
  3710. color: #333;
  3711. font-size: 13px;
  3712. }
  3713. .aside-right .user-promote .tab2 .d-top .num i {
  3714. color: #157df1;
  3715. }
  3716. .aside-right .user-promote .tab2 .d-top .account {
  3717. display: inline-block;
  3718. width: auto;
  3719. border-right-color: #f5f6f7;
  3720. }
  3721. .aside-right .user-promote .tab2 .d-top .account:focus {
  3722. border-right-color: #66afe9;
  3723. }
  3724. .aside-right .user-promote .tab-common .table {
  3725. border: 1px solid #e5e5e5;
  3726. table-layout: fixed;
  3727. }
  3728. .aside-right .user-promote .tab-common .table tr th {
  3729. border-top-color: #e5e5e5 !important;
  3730. height: 50px;
  3731. vertical-align: middle;
  3732. text-align: center;
  3733. background-color: #f5f6f7;
  3734. font-weight: normal;
  3735. font-size: 12px;
  3736. color: #666;
  3737. line-height: 1.2;
  3738. }
  3739. .aside-right .user-promote .tab-common .table tr td {
  3740. border-top-color: #e5e5e5 !important;
  3741. height: 50px;
  3742. vertical-align: middle;
  3743. text-align: center;
  3744. font-size: 12px;
  3745. line-height: 1.2;
  3746. color: #666;
  3747. }
  3748. .aside-right .user-promote .tab-common .table tr:hover {
  3749. background: #ebf7ff;
  3750. }
  3751. .aside-right .user-promote .tab-common .no {
  3752. text-align: center;
  3753. margin-top: 100px;
  3754. }
  3755. .aside-right .user-promote .tab3 table .to-edit {
  3756. font-size: 12px;
  3757. transform: scale(.9);
  3758. }
  3759. .aside-right .user-promote .tab3 table .icon-edit {
  3760. font-size: 24px;
  3761. cursor: pointer;
  3762. }
  3763. .aside-right .user-promote .tab3 table .icon-edit:hover {
  3764. color: #157df1;
  3765. }
  3766. /*/推广大使*/
  3767. /*----------/个人中心-----------*/
  3768. /*----------工具箱-----------*/
  3769. .toolkit-wrap {
  3770. background: url("../image/bg-2.jpg") no-repeat center;
  3771. height: 635px;
  3772. }
  3773. .toolkit li {
  3774. float: left;
  3775. width: 50%;
  3776. text-align: center;
  3777. padding-top: 130px;
  3778. position: relative;
  3779. }
  3780. .toolkit li .tit {
  3781. font-size: 30px;
  3782. color: #333;
  3783. margin-top: 35px;
  3784. }
  3785. .toolkit li p {
  3786. font-size: 18px;
  3787. color: #666;
  3788. margin-top: 20px;
  3789. height: 50px;
  3790. }
  3791. .toolkit li .ms-btn-primary {
  3792. width: 165px;
  3793. margin-top: 40px;
  3794. padding: 12px;
  3795. }
  3796. .toolkit li .line {
  3797. width: 2px;
  3798. height: 300px;
  3799. background-color: #d8d7d7;
  3800. position: absolute;
  3801. right: 0;
  3802. bottom: 35px;
  3803. border-radius: 2px;
  3804. }
  3805. /*faq*/
  3806. .faq {
  3807. margin-bottom: 20px;
  3808. }
  3809. .faq .tit {
  3810. font-size: 30px;
  3811. color: #157df1;
  3812. margin-top: 30px;
  3813. }
  3814. .faq .tit .icon-faq {
  3815. position: relative;
  3816. top: 7px;
  3817. margin-right: 8px;
  3818. }
  3819. .faq .row {
  3820. margin-left: -10px;
  3821. margin-right: -10px;
  3822. }
  3823. .faq .row .col-sm-6 {
  3824. padding: 0 10px;
  3825. }
  3826. .faq .con {
  3827. border: 1px solid #e5e5e5;
  3828. border-radius: 3px;
  3829. padding: 30px 40px;
  3830. margin-bottom: 20px;
  3831. }
  3832. .faq .con dl dt {
  3833. font-size: 25px;
  3834. color: #333;
  3835. margin-bottom: 10px;
  3836. }
  3837. .faq .con dl dt span {
  3838. width: 5px;
  3839. height: 24px;
  3840. background-color: #157df1;
  3841. display: inline-block;
  3842. position: relative;
  3843. top: 3px;
  3844. margin-right: 12px;
  3845. }
  3846. .faq .con dl dd {
  3847. padding-left: 18px;
  3848. }
  3849. .faq .con dl dd a {
  3850. font-size: 16px;
  3851. color: #333;
  3852. line-height: 34px;
  3853. }
  3854. .faq .con dl dd a:hover {
  3855. color: #157df1;
  3856. }
  3857. .toolkit-common-wrap {
  3858. background-color: #f2f2f5;
  3859. }
  3860. .toolkit-common .top {
  3861. padding: 40px 0;
  3862. border: 1px solid #e5e5e5;
  3863. border-radius: 3px;
  3864. background-color: #fff;
  3865. }
  3866. .toolkit-common .udid-top {
  3867. text-align: center;
  3868. padding-bottom: 0;
  3869. }
  3870. .toolkit-common .udid-top img {
  3871. width: 155px;
  3872. border: 1px solid #e5e5e5;
  3873. padding: 5px;
  3874. }
  3875. .toolkit-common .top .tit {
  3876. font-size: 36px;
  3877. color: #333;
  3878. text-align: center;
  3879. }
  3880. .toolkit-common .udid-top .p-top {
  3881. color: #333;
  3882. line-height: 24px;
  3883. margin-top: 10px;
  3884. margin-bottom: 20px;
  3885. }
  3886. .toolkit-common .udid-top p span {
  3887. color: #157df1;
  3888. }
  3889. .toolkit-common .udid-top .p-bottom {
  3890. color: #333;
  3891. line-height: 24px;
  3892. padding: 25px 35px;
  3893. border-top: 1px solid #e5e5e5;
  3894. margin-top: 40px;
  3895. text-align: left;
  3896. }
  3897. .toolkit-common .ipa-top .form-group {
  3898. width: 65%;
  3899. margin: 0 auto;
  3900. }
  3901. .toolkit-common .ipa-top {
  3902. text-align: center;
  3903. }
  3904. .toolkit-common .ipa-top .form-control {
  3905. margin-top: 40px;
  3906. margin-bottom: 10px;
  3907. }
  3908. .toolkit-common .ipa-top .ipa-p {
  3909. text-align: left;
  3910. font-size: 12px;
  3911. color: #666;
  3912. }
  3913. .toolkit-common .ipa-top .ms-btn-primary {
  3914. margin-top: 25px;
  3915. width: 160px;
  3916. padding: 9px 12px;
  3917. }
  3918. .toolkit-common .ipa-top .error {
  3919. text-align: left;
  3920. font-size: 12px;
  3921. color: #fd641d;
  3922. margin-bottom: 5px;
  3923. display: none;
  3924. }
  3925. .toolkit-common .ipa-top .form-error .error {
  3926. display: block;
  3927. }
  3928. .toolkit-common .ipa-top table {
  3929. width: 600px;
  3930. margin: 40px auto 0;
  3931. }
  3932. .toolkit-common .ipa-top table th {
  3933. border-color: #e5e5e5 !important;
  3934. text-align: center;
  3935. vertical-align: middle;
  3936. width: 150px;
  3937. }
  3938. .toolkit-common .ipa-top table td {
  3939. border-color: #e5e5e5 !important;
  3940. text-align: left;
  3941. padding: 20px;
  3942. }
  3943. .toolkit-common .ipa-top table td a {
  3944. color: #157df1;
  3945. }
  3946. .toolkit-common .ipa-top table td a:hover {
  3947. text-decoration: underline;
  3948. }
  3949. .toolkit-common .ipa-top table td .icon-big-iphone {
  3950. margin-right: 20px;
  3951. }
  3952. .toolkit-common .ipa-top table td img {
  3953. width: 80px;
  3954. height: 80px;
  3955. border-radius: 15px;
  3956. border: 1px solid #e5e5e5;
  3957. }
  3958. /*----------toolkit-new----------*/
  3959. /*plist*/
  3960. .toolkit-new {
  3961. background-color: #fff;
  3962. border: 1px solid #e5e5e5;
  3963. border-radius: 3px;
  3964. padding: 50px 0 40px;
  3965. }
  3966. .toolkit-new .con {
  3967. padding: 0 200px;
  3968. }
  3969. .toolkit-new .tit {
  3970. color: #333;
  3971. font-size: 36px;
  3972. text-align: center;
  3973. margin-bottom: 50px;
  3974. }
  3975. @media (min-width: 1200px) {
  3976. .toolkit-new .form-horizontal .col-sm-3 {
  3977. padding-left: 10px;
  3978. padding-right: 10px;
  3979. }
  3980. .toolkit-new .form-horizontal .col-sm-9 {
  3981. padding-left: 10px;
  3982. padding-right: 10px;
  3983. }
  3984. }
  3985. .toolkit-new .form-horizontal .form-group {
  3986. margin-bottom: 30px;
  3987. }
  3988. .toolkit-new .form-horizontal label {
  3989. color: #333;
  3990. }
  3991. .toolkit-new .error {
  3992. font-size: 12px;
  3993. color: #fd641d;
  3994. display: none;
  3995. }
  3996. .toolkit-new .form-error .error {
  3997. display: block;
  3998. }
  3999. .toolkit-new .p1 {
  4000. color: #333;
  4001. padding: 20px 0 0 30px;
  4002. border-top: 1px solid #e5e5e5;
  4003. margin-top: 40px;
  4004. }
  4005. .toolkit-new .p1 a {
  4006. color: #157df1;
  4007. }
  4008. /*/plist*/
  4009. /*制作图标*/
  4010. .toolkit-make-icon .make-icon .sp-preview {
  4011. width: 210px;
  4012. }
  4013. .toolkit-make-icon {
  4014. background-color: #fff;
  4015. border: 1px solid #e5e5e5;
  4016. border-radius: 3px;
  4017. padding: 30px;
  4018. margin-bottom: 40px;
  4019. }
  4020. .toolkit-make-icon .m-left .m-tit {
  4021. text-align: center;
  4022. }
  4023. .toolkit-make-icon .m-right {
  4024. padding: 30px 40px;
  4025. border: 1px solid #e5e5e5;
  4026. border-radius: 3px;
  4027. }
  4028. .toolkit-make-icon .make-icon .m-tit {
  4029. color: #333;
  4030. margin-bottom: 7px;
  4031. }
  4032. .toolkit-make-icon .make-icon .m-left .m-tit {
  4033. margin-bottom: 20px;
  4034. margin-top: 20px;
  4035. }
  4036. .toolkit-make-icon .make-icon .m-icon {
  4037. background-position: center;
  4038. width: 180px;
  4039. height: 180px;
  4040. background-size: cover;
  4041. display: flex;
  4042. justify-content: center;
  4043. align-items: center;
  4044. margin: 0 auto;
  4045. background-color: #157df1;
  4046. }
  4047. .toolkit-make-icon .make-icon .m-icon .m-icon-con {
  4048. text-align: center;
  4049. }
  4050. .toolkit-make-icon .make-icon .m-icon.radius {
  4051. border-radius: 15px;
  4052. }
  4053. .toolkit-make-icon .make-icon .m-icon img {
  4054. max-width: 110px;
  4055. height: auto;
  4056. }
  4057. .toolkit-make-icon .make-icon .m-icon .m-name {
  4058. color: #fff;
  4059. max-width: 150px;
  4060. text-align: center;
  4061. }
  4062. .toolkit-make-icon .make-icon .m-icon .i-name1 {
  4063. color: #fff;
  4064. text-align: center;
  4065. font-size: 24px;
  4066. margin-bottom: 5px;
  4067. display: none;
  4068. }
  4069. .toolkit-make-icon .make-icon .m-icon .i-name2 {
  4070. color: #fff;
  4071. text-align: center;
  4072. font-size: 24px;
  4073. margin-top: 5px;
  4074. display: none;
  4075. }
  4076. .toolkit-make-icon .make-icon .icon-bg {
  4077. border: 1px solid #e5e5e5;
  4078. padding: 30px 25px;
  4079. border-radius: 3px;
  4080. margin-bottom: 50px;
  4081. }
  4082. .toolkit-make-icon .make-icon .icon-bg dl dt {
  4083. color: #333;
  4084. margin-right: 20px;
  4085. }
  4086. .toolkit-make-icon .make-icon .m-icon-bg1 {
  4087. margin-bottom: 20px;
  4088. }
  4089. .toolkit-make-icon .make-icon .m-icon-bg1 dt {
  4090. line-height: 30px;
  4091. }
  4092. .toolkit-make-icon .make-icon .m-icon-bg1 dd {
  4093. width: 40%;
  4094. }
  4095. .toolkit-make-icon .make-icon .m-icon-bg2 dt {
  4096. line-height: 40px;
  4097. }
  4098. .toolkit-make-icon .make-icon .m-icon-bg2 .small-bg-list li {
  4099. width: 40px;
  4100. height: 40px;
  4101. padding: 10px;
  4102. border: 1px solid #e5e5e5;
  4103. float: left;
  4104. cursor: pointer;
  4105. position: relative;
  4106. }
  4107. .toolkit-make-icon .make-icon .m-icon-bg2 .small-bg-list li+li {
  4108. border-left-color: transparent;
  4109. }
  4110. .toolkit-make-icon .make-icon .m-icon-bg2 .small-bg-list li:first-of-type {
  4111. border-radius: 3px 0 0 3px;
  4112. }
  4113. .toolkit-make-icon .make-icon .m-icon-bg2 .small-bg-list li:last-of-type {
  4114. border-radius: 0 3px 3px 0;
  4115. }
  4116. .toolkit-make-icon .make-icon .m-icon-bg2 .small-bg-list li .small-bg {
  4117. width: 100%;
  4118. height: 100%;
  4119. border-radius: 2px;
  4120. background-color: #157df1;
  4121. }
  4122. .toolkit-make-icon .make-icon .m-icon-bg2 .small-bg-list li .icon-checkbox-small {
  4123. display: none;
  4124. position: absolute;
  4125. right: 0;
  4126. bottom: 0;
  4127. }
  4128. .toolkit-make-icon .make-icon .m-icon-bg2 .small-bg-list li.active {
  4129. border-color: #157df1;
  4130. }
  4131. .toolkit-make-icon .make-icon .m-icon-bg2 .small-bg-list li.active .icon-checkbox-small {
  4132. display: block;
  4133. }
  4134. .toolkit-make-icon .make-icon .foreground-map .tab li {
  4135. float: left;
  4136. padding: 0 30px;
  4137. line-height: 36px;
  4138. border: 1px solid #e5e5e5;
  4139. color: #333;
  4140. background-color: #fbfbfb;
  4141. cursor: pointer;
  4142. }
  4143. .toolkit-make-icon .make-icon .foreground-map .tab li+li {
  4144. border-left-color: transparent;
  4145. }
  4146. .toolkit-make-icon .make-icon .foreground-map .tab li.active {
  4147. background-color: #fff;
  4148. border-bottom-color: transparent;
  4149. }
  4150. .toolkit-make-icon .make-icon .foreground-map .tab li:first-of-type {
  4151. border-radius: 3px 0 0 0;
  4152. }
  4153. .toolkit-make-icon .make-icon .foreground-map .tab li:last-of-type {
  4154. border-radius: 0 3px 0 0;
  4155. }
  4156. .toolkit-make-icon .make-icon .foreground-map .tab-con {
  4157. border: 1px solid #e5e5e5;
  4158. margin-top: -1px;
  4159. width: 580px;
  4160. border-radius: 0 3px 3px 3px;
  4161. margin-bottom: 40px;
  4162. }
  4163. .toolkit-make-icon .make-icon .foreground-map .tab-con>div {
  4164. display: none;
  4165. }
  4166. .toolkit-make-icon .make-icon .foreground-map .tab1 {
  4167. padding: 30px 30px 30px 10px;
  4168. }
  4169. .toolkit-make-icon .make-icon .foreground-map .tab1 .icons-ul {
  4170. height: 204px;
  4171. overflow-y: auto;
  4172. }
  4173. .toolkit-make-icon .make-icon .foreground-map .tab1 .icons-ul li {
  4174. width: 50px;
  4175. height: 50px;
  4176. background: url("../image/m-bg.png") repeat-x;
  4177. position: relative;
  4178. margin-right: 1px;
  4179. margin-bottom: 1px;
  4180. float: left;
  4181. cursor: pointer;
  4182. }
  4183. .toolkit-make-icon .make-icon .foreground-map .tab1 .icons-ul li .icon-checkbox-small {
  4184. position: absolute;
  4185. right: 0;
  4186. bottom: 0;
  4187. display: none;
  4188. }
  4189. .toolkit-make-icon .make-icon .foreground-map .tab1 .icons-ul li.active {}
  4190. .toolkit-make-icon .make-icon .foreground-map .tab1 .icons-ul li.active .icon-checkbox-small {
  4191. display: block;
  4192. }
  4193. .toolkit-make-icon .make-icon .foreground-map .tab1 .icons-ul li .t-con {
  4194. border: 1px solid transparent;
  4195. padding: 10px;
  4196. }
  4197. .toolkit-make-icon .make-icon .foreground-map .tab1 .icons-ul li.active .t-con {
  4198. border-color: #157df1;
  4199. }
  4200. .toolkit-make-icon .make-icon .foreground-map .tab1 .form-group {
  4201. margin-bottom: 0;
  4202. margin-top: 20px;
  4203. }
  4204. .toolkit-make-icon .make-icon .foreground-map .tab1 .form-group:first-of-type {
  4205. margin-top: 0;
  4206. }
  4207. .toolkit-make-icon .make-icon .foreground-map .tab1 .form-group:last-of-type {
  4208. margin-bottom: 0;
  4209. margin-top: 30px;
  4210. }
  4211. .toolkit-make-icon .make-icon .foreground-map .tab1 .written-content {
  4212. display: none;
  4213. }
  4214. .toolkit-make-icon .make-icon .foreground-map .tab1 .text-color {
  4215. display: none;
  4216. }
  4217. .toolkit-make-icon .make-icon .foreground-map .tab2 {
  4218. padding: 30px 10px;
  4219. }
  4220. .toolkit-make-icon .make-icon .foreground-map .tab2 .edit-text {
  4221. margin-bottom: 30px;
  4222. }
  4223. .toolkit-make-icon .make-icon .error {
  4224. font-size: 12px;
  4225. color: #fd641d;
  4226. margin-top: 5px;
  4227. display: none;
  4228. }
  4229. .toolkit-make-icon .make-icon .form-error .error {
  4230. display: block;
  4231. }
  4232. .toolkit-make-icon .make-icon .control-label {
  4233. color: #333;
  4234. }
  4235. .toolkit-make-icon .make-icon .prospects {
  4236. padding-top: 7px;
  4237. color: #333;
  4238. }
  4239. .toolkit-make-icon .make-icon .prospects li {
  4240. float: left;
  4241. margin-right: 35px;
  4242. cursor: pointer;
  4243. }
  4244. .toolkit-make-icon .make-icon .prospects li .icon-radio {
  4245. margin-right: 8px;
  4246. }
  4247. .toolkit-make-icon .make-icon .m-icon-radio {
  4248. margin-bottom: 40px;
  4249. }
  4250. .toolkit-make-icon .make-icon .m-icon-radio li {
  4251. float: left;
  4252. width: 140px;
  4253. height: 40px;
  4254. line-height: 40px;
  4255. border: 1px solid #e5e5e5;
  4256. border-radius: 3px;
  4257. text-align: center;
  4258. margin-right: 20px;
  4259. cursor: pointer;
  4260. position: relative;
  4261. }
  4262. .toolkit-make-icon .make-icon .m-icon-radio li .icon-checkbox-small {
  4263. position: absolute;
  4264. right: 0;
  4265. bottom: 0;
  4266. display: none;
  4267. }
  4268. .toolkit-make-icon .make-icon .m-icon-radio li.active {
  4269. border-color: #157df1;
  4270. }
  4271. .toolkit-make-icon .make-icon .m-icon-radio li.active .icon-checkbox-small {
  4272. display: block;
  4273. }
  4274. .toolkit-make-icon .make-icon .img-size dt {
  4275. float: left;
  4276. margin-right: 40px;
  4277. cursor: pointer;
  4278. }
  4279. .toolkit-make-icon .make-icon .img-size dt .iconfont {
  4280. margin-right: 7px;
  4281. position: relative;
  4282. top: 1px;
  4283. }
  4284. .toolkit-make-icon .make-icon .img-size dd {
  4285. float: left;
  4286. margin-right: 40px;
  4287. cursor: pointer;
  4288. }
  4289. .toolkit-make-icon .make-icon .img-size dd .iconfont {
  4290. margin-right: 7px;
  4291. }
  4292. .toolkit-make-icon .make-icon .img-size-tit {
  4293. margin-bottom: 2px;
  4294. }
  4295. .toolkit-make-icon .make-icon .img-size dt .icon-checkbox-checked1 {
  4296. color: #157df1;
  4297. }
  4298. .toolkit-make-icon .make-icon .img-size dd .icon-checkbox-checked1 {
  4299. color: #157df1;
  4300. }
  4301. @media (min-width: 1200px) {
  4302. .toolkit-make-icon .make-icon .foreground-map .tab-con .form-group {
  4303. margin-left: -10px;
  4304. margin-right: -10px;
  4305. }
  4306. .toolkit-make-icon .make-icon .foreground-map .tab-con .col-sm-2 {
  4307. width: 20%;
  4308. padding-left: 10px;
  4309. padding-right: 10px;
  4310. }
  4311. .toolkit-make-icon .make-icon .foreground-map .tab-con .col-sm-10 {
  4312. width: 80%;
  4313. padding-left: 10px;
  4314. padding-right: 10px;
  4315. }
  4316. .toolkit-make-icon .make-icon .foreground-map .tab-con .col-sm-push-2 {
  4317. left: 20%;
  4318. }
  4319. }
  4320. .toolkit-make-icon .m-right .generated-icon {
  4321. padding: 9px 35px;
  4322. margin-top: 25px;
  4323. }
  4324. /*/制作图标*/
  4325. /*----------/toolkit-new----------*/
  4326. /*----------/工具箱-----------*/
  4327. /*----------企业签名-----------*/
  4328. .signature-banner {
  4329. background: url("../image/s-banner.jpg") no-repeat center;
  4330. height: 430px;
  4331. display: block;
  4332. padding: 110px 0 0 70px;
  4333. }
  4334. .signature-banner .con {
  4335. color: #fff;
  4336. }
  4337. .signature-banner .con .h1 {
  4338. font-size: 32px;
  4339. font-weight: 600;
  4340. margin-bottom: 15px;
  4341. }
  4342. .signature-banner .con p {
  4343. font-size: 18px;
  4344. line-height: 28px;
  4345. margin-bottom: 20px;
  4346. }
  4347. .signature-banner .con .ms-btn-primary {
  4348. width: 110px;
  4349. background-color: transparent;
  4350. border-color: #fff;
  4351. font-size: 16px;
  4352. }
  4353. /*.corporate-signature-wrap{background-color: #f5f9fe;}*/
  4354. .corporate-signature {
  4355. padding: 70px 0;
  4356. }
  4357. .corporate-signature .h1 {
  4358. color: #157df1;
  4359. margin-bottom: 50px;
  4360. text-align: center;
  4361. }
  4362. /*.corporate-signature .ms-thumbnail .ms-caption .tit{font-weight: 600;}*/
  4363. .corporate-signature .ms-thumbnail img {
  4364. margin-bottom: 15px;
  4365. }
  4366. .signature-tool {
  4367. padding: 70px 0;
  4368. }
  4369. .signature-tool .h1 {
  4370. color: #157df1;
  4371. text-align: center;
  4372. margin-bottom: 60px;
  4373. }
  4374. .signature-tool img {
  4375. margin: 0 auto;
  4376. }
  4377. .signature-process-wrap {
  4378. background: url("../image/bg-4.jpg") no-repeat center;
  4379. height: 440px;
  4380. }
  4381. .signature-process {
  4382. padding-top: 75px;
  4383. }
  4384. .signature-process .h1 {
  4385. color: #fff;
  4386. margin-bottom: 80px;
  4387. text-align: center;
  4388. }
  4389. .signature-process img {
  4390. margin: 0 auto;
  4391. }
  4392. .signature-process ul {
  4393. padding: 0 50px;
  4394. }
  4395. .signature-process ul li {
  4396. float: left;
  4397. }
  4398. .signature-process ul li img {
  4399. margin: 0 auto 20px;
  4400. display: block;
  4401. }
  4402. .signature-process ul li p {
  4403. color: #fff;
  4404. }
  4405. .signature-process ul li:nth-child(even) {
  4406. background: url("../image/tt-13.png") no-repeat center;
  4407. height: 100px;
  4408. width: 50px;
  4409. }
  4410. .signature-process ul li:nth-child(odd) {
  4411. width: calc((100% - 200px) / 5);
  4412. text-align: center;
  4413. }
  4414. /*----------/企业签名-----------*/
  4415. /*----------封装页面-----------*/
  4416. .encapsulation-banner-wrap {
  4417. background: url("../image/banner-4.jpg?20190302") no-repeat center;
  4418. height: 430px;
  4419. position: relative;
  4420. display: block;
  4421. }
  4422. .encapsulation-banner {
  4423. padding: 100px 0 0 90px;
  4424. }
  4425. .encapsulation-banner .h1 {
  4426. color: #fff;
  4427. font-size: 32px;
  4428. margin-bottom: 15px;
  4429. }
  4430. .encapsulation-banner p {
  4431. color: #fff;
  4432. font-size: 18px;
  4433. margin-bottom: 10px;
  4434. }
  4435. .encapsulation-banner ul {
  4436. margin-bottom: 20px;
  4437. }
  4438. .encapsulation-banner ul li {
  4439. color: #fff;
  4440. float: left;
  4441. margin-right: 40px;
  4442. font-size: 16px;
  4443. }
  4444. .encapsulation-banner ul li .iconfont {
  4445. font-size: 20px;
  4446. position: relative;
  4447. top: 2px;
  4448. margin-right: 5px;
  4449. }
  4450. .encapsulation-banner .ms-btn {
  4451. border: 1px solid #fff;
  4452. color: #fff;
  4453. padding-left: 25px;
  4454. padding-right: 25px;
  4455. }
  4456. .encapsulation-introduce-wrap {
  4457. background-color: #f5f9fe;
  4458. padding: 20px 0 15px;
  4459. }
  4460. .encapsulation-introduce .ms-thumbnail .img-wrap {
  4461. width: 115px;
  4462. height: 100px;
  4463. margin: 0 auto;
  4464. margin-bottom: 15px;
  4465. display: flex;
  4466. align-items: flex-end;
  4467. justify-content: center;
  4468. }
  4469. .encapsulation-introduce .ms-thumbnail .img-wrap img {
  4470. margin-bottom: 0;
  4471. }
  4472. .encapsulation-introduce .ms-thumbnail .ms-caption .tit {
  4473. margin-bottom: 5px;
  4474. }
  4475. .encapsulation-introduce .ms-thumbnail .ms-caption p {
  4476. font-size: 12px;
  4477. line-height: 20px;
  4478. }
  4479. .function-of {
  4480. padding: 70px 0 80px;
  4481. text-align: center;
  4482. }
  4483. .function-of .tit {
  4484. font-size: 36px;
  4485. color: #157df1;
  4486. }
  4487. .function-of p {
  4488. font-size: 16px;
  4489. color: #666;
  4490. margin: 20px 0 75px;
  4491. }
  4492. .function-of ul li {
  4493. float: left;
  4494. width: 16.6666667%;
  4495. border-bottom: 1px solid #f5f7f9;
  4496. border-left: 1px solid #f5f7f9;
  4497. padding: 30px 0;
  4498. }
  4499. .function-of ul li .img-wrap {
  4500. position: relative;
  4501. width: 60px;
  4502. height: 55px;
  4503. margin: 0 auto 10px;
  4504. display: flex;
  4505. align-items: center;
  4506. justify-content: center;
  4507. }
  4508. .function-of ul li .img-wrap .hot {
  4509. background: url("../image/e-5.png");
  4510. width: 31px;
  4511. height: 19px;
  4512. position: absolute;
  4513. color: #fff;
  4514. font-size: 12px;
  4515. line-height: 19px;
  4516. right: -30px;
  4517. top: -7px;
  4518. }
  4519. .function-of ul li:nth-of-type(1) {
  4520. border-left-color: transparent;
  4521. }
  4522. .function-of ul li:nth-of-type(7) {
  4523. border-left-color: transparent;
  4524. }
  4525. .function-of ul li:nth-of-type(13) {
  4526. border-left-color: transparent;
  4527. }
  4528. .function-of ul li:nth-of-type(n+13) {
  4529. border-bottom-color: transparent;
  4530. }
  4531. .function-of .f-img img {
  4532. margin: 0 auto;
  4533. }
  4534. /*.function-of .watermark{position: absolute; left: 0; top: 0px;}*/
  4535. .encapsulation-complete-wrap {
  4536. background: url("../image/e-6.jpg") no-repeat center;
  4537. height: 440px;
  4538. }
  4539. .encapsulation-complete-6 {
  4540. padding-top: 80px;
  4541. }
  4542. .encapsulation-complete-6 .h1 {
  4543. color: #fff;
  4544. margin-bottom: 60px;
  4545. text-align: center;
  4546. }
  4547. .app-case-wrap {
  4548. background-color: #f5f9fe;
  4549. }
  4550. .app-case {
  4551. padding: 70px 80px 45px;
  4552. }
  4553. .app-case .tit {
  4554. font-size: 36px;
  4555. color: #157df1;
  4556. text-align: center;
  4557. margin-bottom: 70px;
  4558. }
  4559. .app-case .list .con {
  4560. position: relative;
  4561. margin-bottom: 25px;
  4562. }
  4563. .app-case .list .con img {
  4564. height: 418px;
  4565. }
  4566. .app-case .list .con .hover {
  4567. position: absolute;
  4568. left: -10px;
  4569. top: -10px;
  4570. width: calc(100% + 20px);
  4571. height: calc(100% + 40px);
  4572. background-color: #348dee;
  4573. color: #fff;
  4574. font-size: 24px;
  4575. padding-top: 160px;
  4576. text-align: center;
  4577. opacity: 0;
  4578. transition: all 600ms;
  4579. cursor: pointer;
  4580. z-index: 1;
  4581. }
  4582. .app-case .list .con:hover .hover {
  4583. opacity: 1;
  4584. }
  4585. .price-pay .wechat-pay {
  4586. padding: 100px 0;
  4587. }
  4588. .price-pay .wechat-pay .wechat-img {
  4589. padding: 10px;
  4590. width: 200px;
  4591. height: 200px;
  4592. border: 1px solid #e5e5e5;
  4593. }
  4594. .price-pay .wechat-pay .glyphicon-triangle-left {
  4595. font-size: 30px;
  4596. color: #333;
  4597. }
  4598. .price-pay .wechat-pay .left {
  4599. margin-top: 100px;
  4600. }
  4601. .price-pay .wechat-pay .center {
  4602. margin-top: 170px;
  4603. }
  4604. .user-loss {
  4605. padding: 80px 0;
  4606. }
  4607. .user-loss .h1 {
  4608. color: #157df1;
  4609. text-align: center;
  4610. margin-bottom: 60px;
  4611. }
  4612. .user-loss ul {
  4613. background: url("../image/en-1.png") no-repeat center;
  4614. position: relative;
  4615. height: 320px;
  4616. }
  4617. .user-loss ul li {
  4618. color: #333;
  4619. font-size: 18px;
  4620. padding: 0 20px;
  4621. border-radius: 30px;
  4622. height: 42px;
  4623. line-height: 42px;
  4624. box-shadow: 0 0 15px rgba(21, 125, 241, .2);
  4625. position: absolute;
  4626. }
  4627. .user-loss ul li.con1 {
  4628. left: 130px;
  4629. top: 50px;
  4630. }
  4631. .user-loss ul li.con2 {
  4632. right: 0;
  4633. }
  4634. .user-loss ul li.con3 {
  4635. left: 0;
  4636. bottom: 40px;
  4637. }
  4638. .user-loss ul li.con4 {
  4639. right: 100px;
  4640. bottom: 100px;
  4641. }
  4642. .problem-solving-wrap {
  4643. background: #f7f8fc url("../image/en-6.png?12>") no-repeat center bottom;
  4644. }
  4645. .problem-solving {
  4646. padding: 80px 20px;
  4647. height: 795px;
  4648. }
  4649. .problem-solving .h1 {
  4650. color: #157df1;
  4651. text-align: center;
  4652. margin-bottom: 80px;
  4653. }
  4654. @media (min-width: 1200px) {
  4655. .problem-solving .row {
  4656. margin: 0 -45px;
  4657. }
  4658. .problem-solving .row .col-sm-3 {
  4659. padding: 0 45px;
  4660. }
  4661. .problem-solving .row .col-sm-3:nth-child(1) {
  4662. margin-top: 30px;
  4663. }
  4664. .problem-solving .row .col-sm-3:nth-child(2) {
  4665. margin-top: 180px;
  4666. }
  4667. .problem-solving .row .col-sm-3:last-of-type {
  4668. margin-top: 228px;
  4669. }
  4670. }
  4671. .problem-solving .ms-thumbnail {
  4672. background-color: #fff;
  4673. padding: 30px 0;
  4674. position: relative;
  4675. border-radius: 10px;
  4676. }
  4677. .problem-solving .ms-thumbnail .ms-caption p {
  4678. height: 100px;
  4679. }
  4680. .problem-solving .ms-thumbnail .location {
  4681. position: absolute;
  4682. left: 50%;
  4683. bottom: -33px;
  4684. transform: translateX(-50%);
  4685. }
  4686. .encapsulation-complete-6 ul {
  4687. padding: 0 50px;
  4688. }
  4689. .encapsulation-complete-6 ul li {
  4690. float: left;
  4691. }
  4692. .encapsulation-complete-6 ul li img {
  4693. margin: 0 auto 20px;
  4694. display: block;
  4695. }
  4696. .encapsulation-complete-6 ul li p {
  4697. color: #fff;
  4698. }
  4699. .encapsulation-complete-6 ul li:nth-child(even) {
  4700. background: url("../image/tt-13.png") no-repeat center;
  4701. height: 100px;
  4702. width: 50px;
  4703. }
  4704. .encapsulation-complete-6 ul li:nth-child(odd) {
  4705. width: calc((100% - 200px) / 5);
  4706. text-align: center;
  4707. }
  4708. /*----------/封装页面-----------*/
  4709. /*----------404 500-----------*/
  4710. .web404 {
  4711. padding: 150px 0 0;
  4712. min-height: 790px;
  4713. }
  4714. .web404 .img {
  4715. position: relative;
  4716. padding-left: 45px;
  4717. }
  4718. .web404 .error {
  4719. position: absolute;
  4720. right: -70px;
  4721. top: 50px;
  4722. }
  4723. .web404 .error .text {
  4724. font-size: 24px;
  4725. color: #333;
  4726. }
  4727. .web404 .error p {
  4728. margin-top: 10px;
  4729. }
  4730. .web404 .error .ms-btn-primary {
  4731. margin-top: 30px;
  4732. font-size: 18px;
  4733. width: 160px;
  4734. }
  4735. .web500 {
  4736. position: absolute;
  4737. left: 50%;
  4738. top: 45%;
  4739. transform: translate(-50%, -50%);
  4740. }
  4741. .web500 .error {
  4742. position: absolute;
  4743. bottom: -50px;
  4744. left: 65%;
  4745. }
  4746. .web500 .error .text {
  4747. font-size: 24px;
  4748. color: #333;
  4749. }
  4750. .web500 .error p {
  4751. margin-top: 10px;
  4752. }
  4753. .web500 .error .ms-btn-primary {
  4754. margin-top: 30px;
  4755. font-size: 18px;
  4756. width: 160px;
  4757. }
  4758. /*----------/404 500-----------*/
  4759. /*----------关于我们-----------*/
  4760. .about-banner-wrap {
  4761. background: no-repeat center;
  4762. height: 200px;
  4763. }
  4764. .about-banner {
  4765. height: 200px;
  4766. padding-top: 50px;
  4767. text-align: center;
  4768. color: #fff;
  4769. }
  4770. .about-tab-wrap {
  4771. background-color: rgba(0, 0, 0, .1);
  4772. margin-top: -44px;
  4773. }
  4774. .about-tab-wrap .about-tab>a {
  4775. float: left;
  4776. color: #fff;
  4777. width: 20%;
  4778. height: 44px;
  4779. line-height: 44px;
  4780. font-size: 16px;
  4781. text-align: center;
  4782. cursor: pointer;
  4783. display: block;
  4784. }
  4785. .about-tab-wrap .about-tab .router-link-active {
  4786. background-color: #157df1;
  4787. }
  4788. .about-tab-wrap .about-tab a .iconfont {
  4789. font-size: 18px;
  4790. margin-right: 5px;
  4791. position: relative;
  4792. top: 1px;
  4793. }
  4794. .about-tab-wrap .about-tab a:hover {
  4795. background-color: #157df1;
  4796. }
  4797. /*.about-us>div{display: none;}*/
  4798. .about-us .common {
  4799. padding: 70px 0;
  4800. }
  4801. .about-us .common h1 {
  4802. text-align: center;
  4803. color: #333;
  4804. margin-bottom: 50px;
  4805. }
  4806. .about-us .common .p2 {
  4807. font-size: 16px;
  4808. color: #333;
  4809. text-align: center;
  4810. line-height: 30px;
  4811. margin-bottom: 50px;
  4812. }
  4813. .about-us .contact-us {
  4814. padding-top: 0;
  4815. }
  4816. .about-us .contact-us .contact-con {
  4817. padding: 0 50px;
  4818. }
  4819. .about-us .contact-us .contact-con .ms-thumbnail {
  4820. border: 1px solid #e5e5e5;
  4821. padding: 50px 0;
  4822. }
  4823. .about-us .contact-us .contact-con .ms-thumbnail .ms-caption .tit {
  4824. font-size: 24px;
  4825. }
  4826. .about-us .contact-us .contact-con .ms-thumbnail .ms-caption p {
  4827. color: #666;
  4828. margin-bottom: 20px;
  4829. }
  4830. .about-us .contact-us .contact-con .ms-thumbnail .ms-caption .p1 .iconfont {
  4831. color: #adb6bc;
  4832. font-size: 20px;
  4833. margin-right: 10px;
  4834. position: relative;
  4835. top: 2px;
  4836. }
  4837. .about-us .contact-us .contact-con .ms-thumbnail .ms-caption .p1 .feedback1 {
  4838. font-size: 12px;
  4839. padding: 3px 8px;
  4840. margin-left: 25px;
  4841. }
  4842. .about-us .service_content {
  4843. font-size: 16px;
  4844. color: #525252;
  4845. padding: 70px;
  4846. }
  4847. .about-us .service_content p {
  4848. color: #333;
  4849. font-size: 16px;
  4850. line-height: 28px;
  4851. }
  4852. .about-us .service_content .font18 {
  4853. color: #333;
  4854. margin-top: 5px;
  4855. margin-bottom: 5px;
  4856. }
  4857. .about-us .service_content h3 {
  4858. font-size: 24px;
  4859. color: #333333;
  4860. line-height: 33px;
  4861. margin-top: 20px;
  4862. margin-bottom: 10px;
  4863. }
  4864. .about-us .service_content li {
  4865. line-height: 30px;
  4866. list-style: none;
  4867. color: #333;
  4868. }
  4869. .about-us .service_content a,
  4870. a:hover {
  4871. color: #157df1;
  4872. text-decoration: none;
  4873. }
  4874. .about-us p.item-title {
  4875. margin: 0 0 10px 0;
  4876. font-size: 24px;
  4877. color: #333;
  4878. line-height: 50px;
  4879. }
  4880. /*----------/关于我们-----------*/
  4881. /*应用上传 重置*/
  4882. /*----------应用上传 重置----------*/
  4883. .qq-upload-list-selector {
  4884. text-align: center;
  4885. padding-top: 0 !important;
  4886. }
  4887. .qq-progress-bar-container-selector {
  4888. height: 12px !important;
  4889. border-radius: 6px;
  4890. }
  4891. .qq-progress-bar-container-selector .qq-progress-bar-selector {
  4892. height: 12px !important;
  4893. border-radius: 6px;
  4894. }
  4895. .qq-progress-bar-container-selector .qq-progress-bar-selector {
  4896. height: 12px !important;
  4897. }
  4898. .release-app .progress-bar.active,
  4899. .release-app .progress.active .progress-bar {
  4900. /*
  4901. -webkit-animation: none !important;
  4902. -o-animation: none !important;
  4903. animation: none !important;
  4904. */
  4905. }
  4906. .release-app .progress-striped .progress-bar-warning {
  4907. /*background-image: none !important;*/
  4908. }
  4909. .release-app .progress-bar-warning {
  4910. background-color: #36b8f3 !important;
  4911. }
  4912. .big-bag .progress-bar-warning {
  4913. background-color: #ffa634 !important;
  4914. }
  4915. .release-app2 .qq-upload-list li {
  4916. padding: 9px 55px;
  4917. }
  4918. .tag-box {
  4919. padding: 50px 20px 60px !important;
  4920. height: 450px !important;
  4921. }
  4922. .release-app .progress {
  4923. margin-top: 20px !important;
  4924. }
  4925. .qq-upload-list-selector {
  4926. margin-top: 20px !important;
  4927. }
  4928. .qq-uploader-selector {
  4929. height: auto;
  4930. text-align: center;
  4931. }
  4932. .qq-upload-button-selector {
  4933. margin-top: 130px !important;
  4934. }
  4935. .tag-box-v5 {
  4936. margin-bottom: 0 !important;
  4937. }
  4938. /*----------/应用上传 重置----------*/
  4939. /*----------企业签名----------*/
  4940. .signature1>.con {
  4941. position: relative;
  4942. }
  4943. .signature1>.con>.row {
  4944. margin: 0 0 20px;
  4945. overflow: hidden;
  4946. height: 100%;
  4947. }
  4948. @media (min-width: 1200px) {
  4949. .signature1>.con>.row>.col-sm-2 {
  4950. padding: 0 0 9999px;
  4951. margin-bottom: -9999px;
  4952. }
  4953. }
  4954. .signature1>.con>.row>.col-sm-2 {
  4955. background-color: #fff;
  4956. box-shadow: 0 0 5px rgba(0, 0, 0, .05);
  4957. }
  4958. .signature1>.con>.row>.col-sm-10 {
  4959. padding: 0 0 0 10px;
  4960. }
  4961. .signature1 .left {
  4962. padding-top: 15px;
  4963. }
  4964. .signature1 .left ul li {
  4965. margin-bottom: 10px;
  4966. }
  4967. .signature1 .left ul li a {
  4968. padding-left: 25px;
  4969. display: block;
  4970. height: 50px;
  4971. line-height: 50px;
  4972. border-left: 4px solid transparent;
  4973. color: #333;
  4974. }
  4975. .signature1 .left ul li a .iconfont {
  4976. margin-right: 10px;
  4977. color: #333;
  4978. font-size: 18px;
  4979. }
  4980. .signature1 .left ul li.active a {
  4981. background-color: #e7f2fe;
  4982. border-color: #157df1;
  4983. color: #157df1;
  4984. }
  4985. .signature1 .left ul li.active a .iconfont {
  4986. color: #157df1;
  4987. }
  4988. .signature1 .left ul li.active a .icon-upload1 {
  4989. font-size: 18px;
  4990. }
  4991. .signature1 .left ul li:hover a {
  4992. background-color: #e7f2fe;
  4993. border-color: #157df1;
  4994. color: #157df1;
  4995. }
  4996. .signature1 .left ul li:hover a .iconfont {
  4997. color: #157df1;
  4998. }
  4999. .signature1 .left ul li .icon-xiangzi {
  5000. position: relative;
  5001. top: 1px;
  5002. }
  5003. .signature1 .left ul li .icon-caidan {
  5004. position: relative;
  5005. top: 1px;
  5006. }
  5007. .signature1 .right {
  5008. position: relative;
  5009. }
  5010. .signature1 .right .step {
  5011. overflow: hidden;
  5012. margin-bottom: 10px;
  5013. }
  5014. .signature1 .right .step li {
  5015. float: left;
  5016. background-color: #fff;
  5017. width: 19.5%;
  5018. height: 44px;
  5019. line-height: 44px;
  5020. text-align: center;
  5021. color: #666;
  5022. position: relative;
  5023. border: none;
  5024. }
  5025. .signature1 .right .step li span {
  5026. display: inline-block;
  5027. width: 18px;
  5028. height: 18px;
  5029. border-radius: 50%;
  5030. border: 1px solid #e5e5e5;
  5031. line-height: 16px;
  5032. text-align: center;
  5033. font-size: 12px;
  5034. margin-right: 10px;
  5035. }
  5036. .signature1 .right .step li.active {
  5037. color: #157df1;
  5038. }
  5039. .signature1 .right .step li.active span {
  5040. color: #157df1;
  5041. border-color: #157df1;
  5042. }
  5043. .signature1 .right .step li:after,
  5044. .signature1 .right .step li:before {
  5045. left: 100%;
  5046. top: 50%;
  5047. border: solid transparent;
  5048. content: " ";
  5049. height: 0;
  5050. width: 0;
  5051. position: absolute;
  5052. pointer-events: none;
  5053. z-index: 1;
  5054. }
  5055. .signature1 .right .step li:before {
  5056. border-color: rgba(255, 0, 0, 0);
  5057. border-left-color: #f2f2f5;
  5058. border-width: 30px;
  5059. margin-top: -30px;
  5060. }
  5061. .signature1 .right .step li:after {
  5062. border-color: rgba(255, 255, 255, 0);
  5063. border-left-color: #fff;
  5064. border-width: 25px;
  5065. margin-top: -25px;
  5066. z-index: 1;
  5067. }
  5068. .signature1 .right .step-common {
  5069. box-shadow: 0 0 5px rgba(0, 0, 0, .05);
  5070. background-color: #fff;
  5071. border-radius: 3px;
  5072. /*margin-top: 10px;*/
  5073. color: #333;
  5074. padding-bottom: 30px;
  5075. /*min-height: 446px;*/
  5076. }
  5077. .signature1 .right .step-common .tit {
  5078. line-height: 60px;
  5079. border-bottom: 1px solid #e5e5e5;
  5080. height: 60px;
  5081. padding: 0 0 0 30px;
  5082. margin-bottom: 20px;
  5083. }
  5084. .signature1 .right .step-common ul {
  5085. padding: 0 30px 30px 30px;
  5086. }
  5087. .signature1 .warn-prompt-wrap {
  5088. padding-bottom: 20px;
  5089. margin-top: -20px;
  5090. }
  5091. .signature1 .warn-prompt-wrap .warn-prompt {
  5092. width: calc(100% - 16.66666667% - 10px);
  5093. }
  5094. .signature1 .warn-prompt-wrap .warn-prompt-1 {
  5095. width: calc(100% - 16.66666667% - 10px);
  5096. margin-bottom: 0;
  5097. }
  5098. .release-app2 .warn-prompt-wrap {
  5099. padding-bottom: 20px;
  5100. margin-top: -20px;
  5101. }
  5102. .release-app2 .warn-prompt-wrapp {
  5103. padding-bottom: -20px;
  5104. margin-top: 10px;
  5105. }
  5106. .release-app2 .warn-prompt-wrap .warn-prompt {
  5107. width: calc(100% - 16.66666667% - 10px);
  5108. }
  5109. .release-app2 .warn-prompt-wrap .warn-prompt-1 {
  5110. width: calc(100% - 16.66666667% - 10px);
  5111. margin-bottom: 0;
  5112. }
  5113. /*对公转账*/
  5114. .contrary-transfer {
  5115. color: #666;
  5116. padding: 0 25px;
  5117. display: none;
  5118. }
  5119. .contrary-transfer .warn-prompt {
  5120. margin-top: 0;
  5121. margin-bottom: 15px;
  5122. }
  5123. .contrary-transfer dl dt {
  5124. width: 60px;
  5125. text-align: right;
  5126. margin-right: 45px;
  5127. padding-top: 7px;
  5128. }
  5129. .contrary-transfer dl dd {
  5130. height: 34px;
  5131. line-height: 34px;
  5132. }
  5133. .contrary-transfer .dl-input dd {
  5134. height: auto;
  5135. line-height: normal;
  5136. }
  5137. .contrary-transfer .dl-input {
  5138. margin-top: 10px;
  5139. }
  5140. .contrary-transfer .dl-input .form-error+.error {
  5141. display: block;
  5142. }
  5143. .contrary-transfer .dl-input .error {
  5144. color: #ff4222;
  5145. display: none;
  5146. }
  5147. .signature1 .right .step1 .upload-file {
  5148. padding: 0;
  5149. height: 436px;
  5150. margin-top: 10px;
  5151. text-align: center;
  5152. box-shadow: 0 0 5px rgba(0, 0, 0, .05);
  5153. }
  5154. .signature1 .right .step1 .qq-upload-button-selector {
  5155. margin-top: 100px !important;
  5156. }
  5157. .signature1 .right .step1 .qq-upload-list-selector li {
  5158. padding-left: 20px;
  5159. padding-right: 20px;
  5160. }
  5161. .signature1 .right .step2 .form-group {
  5162. margin-bottom: 30px;
  5163. }
  5164. .signature1 .right .step2 .form-group .col-sm-6 {
  5165. position: relative;
  5166. }
  5167. .signature1 .right .step2 .form-group .error-prompt {
  5168. position: absolute;
  5169. left: 15px;
  5170. top: calc(100% + 3px);
  5171. color: #f00;
  5172. display: none;
  5173. }
  5174. .signature1 .right .step2 .form-group.form-error .error-prompt {
  5175. display: block;
  5176. }
  5177. .signature1 .right .step2 ul {
  5178. padding: 7px 15px 0;
  5179. }
  5180. .signature1 .right .step2 .form-group .col-sm-2 {
  5181. width: 14%;
  5182. }
  5183. .signature1 .right .step2 .app-name img {
  5184. border: 1px solid #e5e5e5;
  5185. border-radius: 15px;
  5186. width: 60px;
  5187. height: 60px;
  5188. }
  5189. .signature1 .right .step2 .app-name .col-sm-2:nth-of-type(1) {
  5190. line-height: 60px;
  5191. padding-top: 0;
  5192. }
  5193. .signature1 .right .step2 .app-name .col-sm-2:nth-of-type(2) {
  5194. width: auto;
  5195. padding-right: 0;
  5196. }
  5197. .signature1 .right .step2 .app-name .col-sm-4 {
  5198. line-height: 60px;
  5199. }
  5200. .signature1 .right .step3 .text {
  5201. padding-left: 30px;
  5202. margin-bottom: 20px;
  5203. }
  5204. .signature1 .right .step3 .text img {
  5205. width: 30px;
  5206. height: 30px;
  5207. border: 1px solid #e5e5e5;
  5208. border-radius: 6px;
  5209. }
  5210. .signature1 .right .step3 .text p {
  5211. line-height: 30px;
  5212. margin-left: 15px;
  5213. }
  5214. .signature1 .right .step3 .pay-money {
  5215. padding-bottom: 0;
  5216. padding-left: 30px;
  5217. }
  5218. .signature1 .right .step3 .pay-money .ms-btn {
  5219. width: auto;
  5220. padding: 6px 12px;
  5221. }
  5222. .signature1 .right .step3 .pay-money .ms-btn.color-hover {
  5223. padding-left: 0;
  5224. }
  5225. .signature1 .right .step3 .pay-money .ms-btn-primary {
  5226. width: 160px;
  5227. padding: 9px 0;
  5228. }
  5229. .signature1 .right .step3 .choose-package li {
  5230. height: 40px;
  5231. line-height: 40px;
  5232. text-align: center;
  5233. width: 100px;
  5234. border: 1px solid #e5e5e5;
  5235. position: relative;
  5236. border-radius: 3px;
  5237. margin-right: 30px;
  5238. float: left;
  5239. cursor: pointer;
  5240. }
  5241. .signature1 .right .step3 .choose-package li .icon-checkbox {
  5242. position: absolute;
  5243. right: 0;
  5244. bottom: 0;
  5245. border-bottom-right-radius: 3px;
  5246. display: none;
  5247. }
  5248. .signature1 .right .step3 .choose-package li.active {
  5249. border-color: #157df1;
  5250. }
  5251. .signature1 .right .step3 .choose-package li.active .icon-checkbox {
  5252. display: block;
  5253. }
  5254. .signature1 .right .step3 .tooltip .tooltip-inner {
  5255. max-width: 300px;
  5256. }
  5257. .signature1 .right .step4 {
  5258. padding-bottom: 0;
  5259. }
  5260. .signature1 .right .step4 .top {
  5261. padding: 30px;
  5262. border-bottom: 1px solid #e5e5e5;
  5263. min-height: 350px;
  5264. }
  5265. .signature1 .right .step4 .top img {
  5266. border: 1px solid #e5e5e5;
  5267. border-radius: 15px;
  5268. width: 80px;
  5269. height: 80px;
  5270. margin-right: 20px;
  5271. }
  5272. .signature1 .right .step4 .top table {
  5273. width: 45%;
  5274. color: #333;
  5275. }
  5276. .signature1 .right .step4 .top table caption {
  5277. color: #333;
  5278. font-size: 24px;
  5279. margin-bottom: 5px;
  5280. }
  5281. .signature1 .right .step4 .top table caption .tit1 {
  5282. position: relative;
  5283. }
  5284. .signature1 .right .step4 .top table caption .version {
  5285. position: absolute;
  5286. left: calc(100% + 2px);
  5287. top: 0;
  5288. background-color: #ed2027;
  5289. font-size: 12px;
  5290. width: 42px;
  5291. color: #fff;
  5292. text-align: center;
  5293. border-radius: 3px;
  5294. }
  5295. .signature1 .right .step4 .top table td {
  5296. padding: 2px 0;
  5297. font-size: 12px;
  5298. }
  5299. .signature1 .right .step4 .top.signature-disabled img {
  5300. -webkit-filter: grayscale(1);
  5301. filter: gray;
  5302. filter: grayscale(1);
  5303. }
  5304. .signature1 .right .step4 .top.signature-disabled table {
  5305. color: #999;
  5306. }
  5307. .signature1 .right .step4 .top.signature-disabled table caption {
  5308. color: #999;
  5309. }
  5310. .signature1 .right .step4 .step-bottom {
  5311. padding: 20px 50px 15px;
  5312. }
  5313. .signature1 .right .step4 .step-bottom table {
  5314. width: 100%;
  5315. }
  5316. .signature1 .right .step4 .step-bottom table th {
  5317. font-weight: 600;
  5318. padding: 5px;
  5319. }
  5320. .signature1 .right .step4 .step-bottom table th span {
  5321. display: inline-block;
  5322. width: 3px;
  5323. height: 16px;
  5324. background-color: #157df1;
  5325. position: relative;
  5326. top: 3px;
  5327. margin-right: 7px;
  5328. }
  5329. .signature1 .right .step4 .step-bottom table td {
  5330. padding: 5px;
  5331. }
  5332. .signature1 .right .app-table {
  5333. margin-bottom: 0;
  5334. }
  5335. .signature1 .right .app-table th {
  5336. border-bottom-width: 1px;
  5337. }
  5338. .table-list .app-table tr:hover td {
  5339. background-color: #ebf7ff;
  5340. }
  5341. .table-list .app-table td .app-icon-size {
  5342. margin: 10px 10px 10px 0;
  5343. }
  5344. .table-list .app-table td .app-icon-size img {
  5345. width: 45px;
  5346. height: 45px;
  5347. border-radius: 10px;
  5348. border: 1px solid #e5e5e5;
  5349. }
  5350. .signature1 .right .app-table td .icon-download {
  5351. font-size: 20px;
  5352. cursor: pointer;
  5353. color: #157df1;
  5354. }
  5355. /*.signature1 .right .app-table td .icon-download:hover{color: #157df1;}*/
  5356. .signature1 .right .app-table .number {
  5357. cursor: pointer;
  5358. }
  5359. .signature1 .right .app-table .number .text {
  5360. position: relative;
  5361. }
  5362. .signature1 .right .app-table .number .glyphicon {
  5363. color: #bbb;
  5364. display: block;
  5365. font-size: 13px;
  5366. position: absolute;
  5367. left: calc(100% + 3px);
  5368. }
  5369. .signature1 .right .app-table .number .glyphicon-triangle-top {
  5370. top: -4px;
  5371. }
  5372. .signature1 .right .app-table .number .glyphicon-triangle-bottom {
  5373. top: 4px;
  5374. }
  5375. .signature1 .right .app-table .number.sorted.ascending .glyphicon-triangle-top {
  5376. color: #666;
  5377. }
  5378. .signature1 .right .app-table .number.sorted.descending .glyphicon-triangle-bottom {
  5379. color: #666;
  5380. }
  5381. .signature1 .right .no-signature {
  5382. background-color: #fff;
  5383. min-height: 420px;
  5384. text-align: center;
  5385. padding-top: 130px;
  5386. border: 1px solid #e5e5e5;
  5387. border-top: none;
  5388. }
  5389. .signature1 .right .no-signature .text {
  5390. margin-top: 20px;
  5391. }
  5392. /*.signature1 .release-app .app-table tr th:first-of-type{width: 80px;}*/
  5393. .signature1 .release-app .app-table td .tit-ellipsis {
  5394. width: 70px;
  5395. overflow: hidden;
  5396. text-overflow: ellipsis;
  5397. white-space: nowrap;
  5398. display: inline-block;
  5399. position: relative;
  5400. top: 5px;
  5401. }
  5402. .signature1 .right .warn-prompt {
  5403. margin-top: 20px;
  5404. }
  5405. /*----------/企业签名----------*/
  5406. /*----------封装----------*/
  5407. .encapsulation {
  5408. padding: 30px;
  5409. background-color: #fff;
  5410. }
  5411. .encapsulation .common .list2 {
  5412. padding: 7px 15px 0;
  5413. }
  5414. .encapsulation .common .list2 li {
  5415. margin-right: 40px;
  5416. }
  5417. /*.encapsulation .version-number{margin-bottom: 20px !important;}*/
  5418. .encapsulation .form-horizontal .form-group:last-of-type {
  5419. margin-bottom: 0;
  5420. }
  5421. #device {
  5422. position: relative;
  5423. }
  5424. #device .error {
  5425. position: absolute;
  5426. top: 35px;
  5427. left: 15px;
  5428. white-space: nowrap;
  5429. font-size: 12px;
  5430. color: #fd641d;
  5431. display: none;
  5432. }
  5433. #device.form-error .error {
  5434. display: block;
  5435. }
  5436. .encapsulation .upload-icon {
  5437. position: relative;
  5438. border: 1px solid #ddd;
  5439. height: 100px;
  5440. width: 100px;
  5441. /*border-radius: 15px;*/
  5442. background: url("../image/icon-10.png") no-repeat center 23px;
  5443. margin-bottom: 30px;
  5444. overflow: hidden;
  5445. margin-right: 15px;
  5446. }
  5447. .encapsulation .upload-icon img {
  5448. position: absolute;
  5449. left: 0;
  5450. top: 0;
  5451. width: 100%;
  5452. height: 100%;
  5453. /*border-radius: 15px;*/
  5454. background-color: #fff;
  5455. /*border: 1px solid #e5e5e5;*/
  5456. }
  5457. .encapsulation .upload-icon .thumbnail {
  5458. position: absolute;
  5459. z-index: 2;
  5460. width: 100%;
  5461. height: 100%;
  5462. opacity: 0;
  5463. cursor: pointer;
  5464. }
  5465. .encapsulation .upload-icon .thumbnail1 {
  5466. position: absolute;
  5467. z-index: 2;
  5468. width: 100%;
  5469. height: 100%;
  5470. opacity: 0;
  5471. cursor: pointer;
  5472. }
  5473. .encapsulation .upload-icon .text {
  5474. text-align: center;
  5475. margin-top: 60px;
  5476. font-size: 14px;
  5477. font-weight: 600;
  5478. color: #999;
  5479. }
  5480. .encapsulation .step2 .img-note {
  5481. font-size: 12px;
  5482. display: flex;
  5483. align-items: flex-end;
  5484. height: 90px;
  5485. margin-left: 10px;
  5486. }
  5487. .encapsulation .img-note .ms-btn {
  5488. font-size: 14px;
  5489. }
  5490. .encapsulation .step2 .control-label {
  5491. color: #333;
  5492. }
  5493. .encapsulation .upload-icon .reset {
  5494. position: absolute;
  5495. left: 0;
  5496. bottom: 0;
  5497. height: 20px;
  5498. line-height: 20px;
  5499. background: rgba(0, 0, 0, .5);
  5500. width: 100%;
  5501. color: #fff;
  5502. text-align: center;
  5503. font-size: 12px;
  5504. display: none;
  5505. }
  5506. .encapsulation .upload-icon .reset {
  5507. display: none;
  5508. }
  5509. .encapsulation .upload-icon.uploaded .reset {
  5510. display: none;
  5511. }
  5512. .encapsulation .upload-icon.uploaded:hover .reset {
  5513. display: block;
  5514. }
  5515. .encapsulation .upload-img {
  5516. height: 215px;
  5517. width: 120px;
  5518. background-position: center 45%;
  5519. /*border-radius: 5px;*/
  5520. margin-bottom: 0;
  5521. }
  5522. .encapsulation .upload-img .text {
  5523. text-align: center;
  5524. margin-top: 120px;
  5525. }
  5526. .encapsulation .upload-img img {
  5527. /*border-radius: 5px;*/
  5528. }
  5529. .encapsulation .step2 .img-note1 {
  5530. font-size: 12px;
  5531. display: flex;
  5532. align-items: flex-end;
  5533. height: 215px;
  5534. margin-left: 10px;
  5535. }
  5536. .encapsulation .step2 .img-note1 .ms-btn {
  5537. font-size: 14px;
  5538. }
  5539. /*启动图 显示时间*/
  5540. .encapsulation .step2 .start-time .tit {
  5541. color: #333;
  5542. }
  5543. .encapsulation .step2 .start-time ul {
  5544. padding-left: 0;
  5545. }
  5546. .encapsulation .step2 .start-time ul li {
  5547. float: left;
  5548. cursor: pointer;
  5549. margin-right: 30px;
  5550. }
  5551. .encapsulation .step2 .start-time ul li .icon-radio {
  5552. margin-right: 10px;
  5553. top: 3px;
  5554. }
  5555. /*/启动图 显示时间*/
  5556. /*启动图 显示跳过*/
  5557. .encapsulation .step2 .show-skip .tit {
  5558. color: #333;
  5559. }
  5560. .encapsulation .step2 .show-skip ul {
  5561. padding-left: 0;
  5562. }
  5563. /*/启动图 显示跳过*/
  5564. .encapsulation4 {
  5565. padding: 30px 0;
  5566. }
  5567. .encapsulation4 .common {
  5568. margin-bottom: 10px;
  5569. }
  5570. .encapsulation4 .common .tit {
  5571. padding: 0 30px 20px;
  5572. border-bottom: 1px solid #e5e5e5;
  5573. color: #333;
  5574. }
  5575. .encapsulation4 .common .list2 {
  5576. padding: 20px 30px 30px;
  5577. color: #333;
  5578. }
  5579. .encapsulation4 .pay-money {
  5580. padding-bottom: 0;
  5581. margin-top: 0;
  5582. }
  5583. .encapsulation4 .pay-money .ms-btn.color-hover {
  5584. width: auto;
  5585. padding: 6px 12px;
  5586. }
  5587. .encapsulation5 {
  5588. padding: 0;
  5589. background-color: transparent;
  5590. }
  5591. .encapsulation5 .e-details dt {
  5592. color: #333;
  5593. font-size: 24px;
  5594. }
  5595. .encapsulation5 .e-details dd {
  5596. margin-top: 5px;
  5597. font-size: 12px;
  5598. }
  5599. .encapsulation5 .e-details dt .tit1 {
  5600. position: relative;
  5601. }
  5602. .encapsulation5 .e-details .d-bottom>span {
  5603. margin-right: 50px;
  5604. }
  5605. .encapsulation5 table {
  5606. table-layout: fixed;
  5607. }
  5608. .encapsulation5 table .ellipsis-wrap {
  5609. position: relative;
  5610. }
  5611. .encapsulation5 table .ellipsis-wrap .popover {
  5612. max-width: 410px;
  5613. width: 410px;
  5614. top: 15px;
  5615. font-size: 14px;
  5616. }
  5617. .encapsulation5 table .ellipsis-wrap .popover .popover-content span {
  5618. color: #157df1;
  5619. margin-left: 10px;
  5620. cursor: pointer;
  5621. }
  5622. .encapsulation5 table .ellipsis-wrap .ellipsis {
  5623. width: 80%;
  5624. }
  5625. .encapsulation5 table .ellipsis-wrap .popover.bottom>.arrow {
  5626. left: 25px;
  5627. }
  5628. .encapsulation5 table .ellipsis-wrap:hover .popover {
  5629. display: block;
  5630. }
  5631. .encapsulation-app1 {
  5632. padding: 0;
  5633. background-color: transparent;
  5634. }
  5635. .encapsulation-app1 .app-table {
  5636. color: #666;
  5637. }
  5638. .encapsulation-app1 .app-table .iconfont {
  5639. color: #bbb;
  5640. }
  5641. .encapsulation-app1 .app-table tr th {
  5642. padding-left: 10px;
  5643. padding-right: 10px;
  5644. }
  5645. .encapsulation-app1 .app-table tr td {
  5646. height: 60px;
  5647. padding: 0 10px !important;
  5648. }
  5649. /*.encapsulation-app1 .app-table tr th:nth-of-type(2){text-align: left;}*/
  5650. /*.encapsulation-app1 .app-table tr th:nth-of-type(3){text-align: left;}*/
  5651. /*.encapsulation-app1 .app-table tr td:nth-of-type(3){text-align: left;}*/
  5652. /*.encapsulation-app1 table tr td:nth-of-type(3) a{max-width: 160px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: block;}*/
  5653. .encapsulation-app1 .number {
  5654. width: 120px;
  5655. }
  5656. .table-list .app-table .tr-disabled:hover td {
  5657. background-color: #f7f7f7;
  5658. }
  5659. .table-list .app-table .td-disabled {
  5660. color: #999;
  5661. position: relative;
  5662. }
  5663. .table-list .app-table .td-disabled .icon-download {
  5664. display: none;
  5665. }
  5666. .table-list .app-table .mask {
  5667. position: absolute;
  5668. background-color: red;
  5669. opacity: 0;
  5670. left: 0;
  5671. top: 0;
  5672. width: 100%;
  5673. height: 100%;
  5674. cursor: not-allowed;
  5675. }
  5676. .table-list .app-table .td-disabled img {
  5677. -webkit-filter: grayscale(1);
  5678. filter: gray;
  5679. filter: grayscale(1);
  5680. }
  5681. .table-list .app-table .td-disabled.table-action-3 .table-btn {
  5682. display: none;
  5683. }
  5684. .encapsulation-app1 .no-app {
  5685. background-color: #fff;
  5686. padding-top: .1px;
  5687. min-height: 420px;
  5688. border: 1px solid #e5e5e5;
  5689. border-top: none;
  5690. }
  5691. .encapsulation-app1 .no-app .icon-zhuangxiang {
  5692. margin-right: 5px;
  5693. font-size: 18px;
  5694. }
  5695. .encapsulation-app1 .no-app .ms-btn .text {
  5696. margin-top: 3px;
  5697. }
  5698. .no-app .big {
  5699. display: none;
  5700. }
  5701. .big-bag .no-app .small {
  5702. display: none;
  5703. }
  5704. .big-bag .no-app .big {
  5705. display: block;
  5706. }
  5707. .table-list .app-table .ellipsis {
  5708. max-width: 160px;
  5709. width: auto;
  5710. }
  5711. .table-list .app-table .pack-name-ellipsis {
  5712. max-width: 140px;
  5713. width: auto;
  5714. }
  5715. .table-list .app-table .table-btn {
  5716. padding: 4px 10px;
  5717. border: 1px solid #157df1;
  5718. border-radius: 3px;
  5719. display: inline-block;
  5720. margin-bottom: 3px;
  5721. }
  5722. .table-list .app-table .table-btn+.table-btn {
  5723. margin-left: 3px;
  5724. }
  5725. .table-list .app-table .table-btn:hover {
  5726. background-color: #157df1;
  5727. color: #fff;
  5728. }
  5729. .table-list .app-table .table-btn:focus {
  5730. background-color: transparent;
  5731. color: #157df1;
  5732. }
  5733. .table-list .app-table .table-btn:focus:hover {
  5734. background-color: #157df1;
  5735. color: #fff;
  5736. }
  5737. .table-list .app-table .table-btn[disabled=disabled] {
  5738. color: #ccc;
  5739. cursor: not-allowed;
  5740. border-color: #e8e8e8;
  5741. background-color: #e8e8e8;
  5742. }
  5743. .table-list .app-table .table-btn[disabled=disabled]:focus {
  5744. color: #ccc;
  5745. cursor: not-allowed;
  5746. border-color: #e8e8e8;
  5747. background-color: #e8e8e8;
  5748. }
  5749. .table-list .app-table .table-btn.disabled {
  5750. color: #ccc;
  5751. cursor: not-allowed;
  5752. border-color: #e8e8e8;
  5753. background-color: #e8e8e8;
  5754. }
  5755. .table-list .app-table .table-btn.disabled:focus {
  5756. color: #ccc;
  5757. cursor: not-allowed;
  5758. border-color: #e8e8e8;
  5759. background-color: #e8e8e8;
  5760. }
  5761. .table-list .app-table .table-btn.color-delete {
  5762. border-color: #FF7429;
  5763. color: #FF7429;
  5764. margin-right: 0;
  5765. }
  5766. .table-list .app-table .table-btn.color-delete:hover {
  5767. background-color: #FF7429;
  5768. color: #fff;
  5769. }
  5770. .table-list .app-table .table-btn.color-delete:focus {
  5771. background-color: transparent;
  5772. color: #FF7429;
  5773. }
  5774. .table-list .app-table .table-btn.color-delete:focus:hover {
  5775. background-color: #FF7429;
  5776. color: #fff;
  5777. }
  5778. .table-list .app-table .table-btn.color-delete[disabled=disabled] {
  5779. color: #ccc;
  5780. cursor: not-allowed;
  5781. border-color: #e8e8e8;
  5782. background-color: #e8e8e8;
  5783. }
  5784. .table-list .app-table .table-btn.color-delete[disabled=disabled]:focus:hover {
  5785. color: #ccc;
  5786. cursor: not-allowed;
  5787. border-color: #e8e8e8;
  5788. background-color: #e8e8e8;
  5789. }
  5790. .table-list .app-table .table-btn.color-delete.disabled {
  5791. color: #ccc;
  5792. cursor: not-allowed;
  5793. border-color: #e8e8e8;
  5794. background-color: #e8e8e8;
  5795. }
  5796. .table-list .app-table .table-btn.color-delete.disabled:focus:hover {
  5797. color: #ccc;
  5798. cursor: not-allowed;
  5799. border-color: #e8e8e8;
  5800. background-color: #e8e8e8;
  5801. }
  5802. .table-list .app-table .table-btn.disabled {
  5803. color: #999;
  5804. cursor: not-allowed;
  5805. }
  5806. .table-list .app-table .table-action-2 {
  5807. width: 190px;
  5808. }
  5809. .table-list .app-table .table-action-3 {
  5810. width: 225px;
  5811. }
  5812. .table-list .app-table .table-action-4 {
  5813. width: 265px;
  5814. }
  5815. .table-list .app-table td .tit2 {
  5816. max-width: 115px;
  5817. overflow: hidden;
  5818. text-overflow: ellipsis;
  5819. white-space: nowrap;
  5820. display: block;
  5821. color: #333;
  5822. font-size: 14px;
  5823. text-align: left;
  5824. margin-top: 10px;
  5825. }
  5826. .table-list .app-table td .tit2:hover {
  5827. color: #157df1;
  5828. }
  5829. .table-list .app-table td .tit3 {
  5830. color: #999;
  5831. font-size: 12px;
  5832. text-align: left;
  5833. display: block;
  5834. margin-top: 2px;
  5835. }
  5836. .table-list .app-table tr .angle-parent {
  5837. position: relative;
  5838. }
  5839. .table-list .app-table tr .angle-parent .angle {
  5840. position: absolute;
  5841. left: 0;
  5842. top: 0;
  5843. }
  5844. .app-details2 .angle-parent {
  5845. position: relative;
  5846. }
  5847. .app-details2 .angle-parent .angle {
  5848. position: absolute;
  5849. left: 0;
  5850. top: 0;
  5851. }
  5852. .encapsulation3 {
  5853. padding: 0;
  5854. }
  5855. .encapsulation3 {
  5856. padding-top: .1px;
  5857. }
  5858. .encapsulation3 .tit3 {
  5859. padding: 20px 30px;
  5860. border-bottom: 1px solid #e5e5e5;
  5861. color: #333;
  5862. }
  5863. .encapsulation3 .free-tool {
  5864. color: #151515;
  5865. font-size: 16px;
  5866. font-weight: 700;
  5867. }
  5868. .encapsulation3 .pay-tool {
  5869. color: #151515;
  5870. font-size: 16px;
  5871. font-weight: 700;
  5872. }
  5873. .encapsulation3 .plugin-list {
  5874. padding: 20px 10px;
  5875. }
  5876. .encapsulation3 .plugin-list .con {
  5877. border: 1px solid #e5e5e5;
  5878. border-radius: 5px;
  5879. cursor: pointer;
  5880. position: relative;
  5881. width: 120px;
  5882. height: 100px;
  5883. box-sizing: border-box;
  5884. }
  5885. .encapsulation3 .plugin-list .con img {
  5886. margin: 10px auto 6px;
  5887. height: 25px;
  5888. }
  5889. .encapsulation3 .plugin-list .con .text3 {
  5890. text-align: center;
  5891. margin-bottom: 10px;
  5892. color: #151515;
  5893. font-size: 14px;
  5894. }
  5895. .encapsulation3 .plugin-list .con .icon-checkbox {
  5896. position: absolute;
  5897. bottom: 0;
  5898. right: 0;
  5899. display: none;
  5900. }
  5901. .encapsulation3 .plugin-list .con.active {
  5902. border-color: #157df1;
  5903. }
  5904. .encapsulation3 .plugin-list .con.active .icon-checkbox {
  5905. display: block;
  5906. }
  5907. .encapsulation3 .plugin-list .row {
  5908. margin-left: -10px;
  5909. margin-right: -10px;
  5910. }
  5911. .encapsulation3 .plugin-list .row .col-sm-2 {
  5912. padding-left: 10px;
  5913. padding-right: 10px;
  5914. }
  5915. .encapsulation3 .plugin-list .con .in-development {
  5916. position: absolute;
  5917. background-color: rgba(0, 0, 0, .7);
  5918. left: 0;
  5919. top: 0;
  5920. width: 100%;
  5921. height: 100%;
  5922. color: #fff;
  5923. border-radius: 5px;
  5924. display: none;
  5925. align-items: center;
  5926. justify-content: center;
  5927. }
  5928. .encapsulation3 .plugin-list .con:hover .in-development {
  5929. display: flex;
  5930. }
  5931. .encapsulation3 .plugin-list .col-sm-2 {
  5932. width: 140px;
  5933. margin-bottom: 20px;
  5934. }
  5935. /*.encapsulation3 .plugin-list .row .col-sm-2:nth-of-type(n+11){margin-bottom: 0;}*/
  5936. .encapsulation3 .plugin-list .con .c-left {
  5937. font-size: 12px;
  5938. width: 100%;
  5939. }
  5940. .encapsulation3 .plugin-list .con .c-left .img-hide {
  5941. display: none;
  5942. }
  5943. .encapsulation3 .plugin-list .con.active .c-left .img-hide {
  5944. display: block;
  5945. }
  5946. .encapsulation3 .plugin-list .con.active .c-left .img-show {
  5947. display: none;
  5948. }
  5949. .encapsulation3 .plugin-list .con .c-right {
  5950. padding: 15px 20px 15px 0;
  5951. height: 68px;
  5952. display: flex;
  5953. align-items: center;
  5954. justify-content: center;
  5955. float: none;
  5956. }
  5957. .encapsulation3 .plugin-list .con .c-right .line {
  5958. border-left: 1px solid #e5e5e5;
  5959. width: 1px;
  5960. height: 100%;
  5961. margin-right: 20px;
  5962. }
  5963. .encapsulation3 .plugin-list .con .c-right .iconfont {
  5964. position: absolute;
  5965. top: -3px;
  5966. right: 0px;
  5967. border-radius: 5px;
  5968. color: #e5e5e5;
  5969. }
  5970. .encapsulation3 .plugin-list .con .c-right .icon-checkbox-checked1 {
  5971. color: #157df1;
  5972. }
  5973. .encapsulation3 .plugin-list .con:hover {
  5974. border-color: #157df1;
  5975. }
  5976. /*
  5977. * table列表 优化
  5978. * 2018/10/24
  5979. */
  5980. .table-list-wrap {
  5981. box-shadow: 0 0 5px rgba(0, 0, 0, .05);
  5982. background-color: #fff;
  5983. padding: 30px;
  5984. min-height: 550px;
  5985. }
  5986. .new-encapsulation {}
  5987. .new-encapsulation .right .step li {
  5988. width: 32.5%;
  5989. }
  5990. .new-encapsulation .right .step-common {
  5991. min-height: 450px;
  5992. }
  5993. .new-encapsulation .right .step-common .form-group {
  5994. margin-bottom: 30px;
  5995. }
  5996. .new-encapsulation .right .step-common .form-group1 {
  5997. margin-bottom: 20px;
  5998. }
  5999. @media (min-width: 1200px) {
  6000. .new-encapsulation .right .step-common .form-group .col-sm-2 {
  6001. width: 14%;
  6002. }
  6003. }
  6004. .new-encapsulation .step-common .img-note {
  6005. font-size: 12px;
  6006. display: flex;
  6007. align-items: flex-end;
  6008. height: 90px;
  6009. margin-left: 10px;
  6010. }
  6011. .new-encapsulation .encapsulation .upload-icon {
  6012. margin-bottom: 0;
  6013. }
  6014. .encapsulation .prev-step {
  6015. padding: 6px 0;
  6016. margin-right: 12px;
  6017. }
  6018. /*----------/封装----------*/
  6019. /*----------封装 配置插件----------*/
  6020. .plugin-modal .modal-dialog {
  6021. width: 700px;
  6022. }
  6023. .plugin-modal .modal-title {
  6024. color: #333;
  6025. }
  6026. .plugin-modal .modal-header {
  6027. padding-left: 30px;
  6028. }
  6029. .plugin-modal .modal-footer {
  6030. padding: 30px 15px;
  6031. }
  6032. .plugin-modal .modal-header .close {
  6033. opacity: 1;
  6034. color: #333;
  6035. font-size: 26px;
  6036. }
  6037. .plugin-modal .modal-body {
  6038. max-height: 600px;
  6039. overflow-y: auto;
  6040. position: relative;
  6041. }
  6042. .modal-aside .modal-body {
  6043. min-height: 600px;
  6044. }
  6045. .plugin-modal .modal-body .more-gif {
  6046. position: absolute;
  6047. left: 50%;
  6048. bottom: 0px;
  6049. margin-left: -52px;
  6050. }
  6051. .plugin-modal .modal-aside {
  6052. background-color: #f0f0f0;
  6053. border-radius: 6px;
  6054. }
  6055. .plugin-modal .modal-aside .modal-aside-left {
  6056. width: 35%;
  6057. }
  6058. .plugin-modal .modal-aside .modal-aside-left .tit1 {
  6059. color: #333;
  6060. font-size: 16px;
  6061. text-align: center;
  6062. margin-top: 55px;
  6063. margin-bottom: 25px;
  6064. }
  6065. .plugin-modal .modal-aside .modal-aside-right {
  6066. width: 65%;
  6067. background-color: #fff;
  6068. /*min-height: 710px;*/
  6069. border-radius: 0 6px 6px 0;
  6070. }
  6071. .sp-button-container {
  6072. width: 75px;
  6073. }
  6074. .sp-input {
  6075. border: 1px solid #222;
  6076. }
  6077. /*浏览器*/
  6078. .plugin-browser .select-browser {
  6079. color: #157df1;
  6080. font-size: 12px;
  6081. margin-left: 125px;
  6082. }
  6083. .plugin-browser .select-browser:hover {
  6084. text-decoration: underline;
  6085. }
  6086. /*/浏览器*/
  6087. /*加载动画*/
  6088. .config-plugin {}
  6089. .config-plugin .plugin-common {
  6090. padding: 15px 20px;
  6091. }
  6092. .config-plugin .plugin-common .sp-replacer {
  6093. width: 100%;
  6094. }
  6095. .config-plugin .plugin-common .sp-preview {
  6096. width: 90%;
  6097. }
  6098. .plugin-loading .tit3 {
  6099. color: #333;
  6100. margin: 45px 0 15px;
  6101. }
  6102. .plugin-loading .con {
  6103. border: 1px solid #e5e5e5;
  6104. border-radius: 5px;
  6105. padding: 0 10px;
  6106. position: relative;
  6107. overflow: hidden;
  6108. cursor: pointer;
  6109. }
  6110. .plugin-loading .con .icon-checkbox {
  6111. position: absolute;
  6112. right: 0;
  6113. bottom: 0;
  6114. display: none;
  6115. }
  6116. .plugin-loading .con.active {
  6117. border-color: #157df1;
  6118. }
  6119. .plugin-loading .con.active .icon-checkbox {
  6120. display: block;
  6121. }
  6122. .plugin-loading .con .tit1 {
  6123. padding: 15px 0;
  6124. }
  6125. .plugin-loading .con.active .tit1 {
  6126. color: #157df1;
  6127. }
  6128. .plugin-loading .con-1 {
  6129. border: 1px solid #e5e5e5;
  6130. border-radius: 5px 5px 0 0;
  6131. border-bottom: none;
  6132. height: 140px;
  6133. }
  6134. .config-plugin .plugin-common .top {
  6135. color: #333;
  6136. text-align: center;
  6137. }
  6138. .config-plugin .plugin-common .top .time {
  6139. font-size: 12px;
  6140. font-weight: 600;
  6141. padding-left: 20px;
  6142. margin-top: 3px;
  6143. display: inline-block;
  6144. }
  6145. .config-plugin .plugin-common .top .num {
  6146. font-size: 12px;
  6147. font-weight: 600;
  6148. margin: 3px 5px 0 0;
  6149. }
  6150. .config-plugin .plugin-common .top .icon-signal {
  6151. margin-left: 3px;
  6152. }
  6153. .config-plugin .plugin-common .top .icon-wifi {
  6154. font-size: 15px;
  6155. margin-left: 5px;
  6156. }
  6157. .config-plugin .plugin-common .top .icon-dianliang {
  6158. font-size: 14px;
  6159. margin-right: 3px;
  6160. }
  6161. .plugin-loading .con-1 .tit2 {
  6162. text-align: center;
  6163. color: #157df1;
  6164. font-weight: 600;
  6165. border-bottom: 1px solid #e5e5e5;
  6166. padding-bottom: 5px;
  6167. position: relative;
  6168. }
  6169. .plugin-loading .con-1 .tit2 .progress1 {
  6170. position: absolute;
  6171. left: 0;
  6172. bottom: -1px;
  6173. background: #157df1;
  6174. height: 1px;
  6175. width: 80%;
  6176. }
  6177. .plugin-loading .con-1 img {
  6178. margin: 35px auto 0;
  6179. width: 26px;
  6180. height: 26px;
  6181. display: block;
  6182. }
  6183. /*/加载动画*/
  6184. /*清除缓存*/
  6185. .config-plugin .plugin-common .common-ul li {
  6186. float: left;
  6187. width: 140px;
  6188. height: 40px;
  6189. line-height: 40px;
  6190. text-align: center;
  6191. border: 1px solid #e5e5e5;
  6192. position: relative;
  6193. border-radius: 5px;
  6194. margin-right: 25px;
  6195. overflow: hidden;
  6196. cursor: pointer;
  6197. }
  6198. .config-plugin .plugin-common .common-ul li .icon-checkbox {
  6199. position: absolute;
  6200. right: 0;
  6201. bottom: 0;
  6202. display: none;
  6203. }
  6204. .config-plugin .plugin-common .common-ul li.active {
  6205. border: 1px solid #157df1;
  6206. color: #157df1;
  6207. }
  6208. .config-plugin .plugin-common .common-ul li.active .icon-checkbox {
  6209. display: block;
  6210. }
  6211. /*/清除缓存*/
  6212. /*极光推送*/
  6213. .config-plugin .plugin-common label {
  6214. color: #333;
  6215. }
  6216. /*/极光推送*/
  6217. /*退出提示*/
  6218. .plugin-exit .con-1 {
  6219. position: relative;
  6220. }
  6221. .plugin-exit .con-1 .shadow {
  6222. position: absolute;
  6223. background-color: rgba(0, 0, 0, .7);
  6224. left: 0;
  6225. top: 0;
  6226. width: 100%;
  6227. height: 100%;
  6228. border-radius: 5px 5px 0 0;
  6229. padding: 20px 30px;
  6230. }
  6231. .plugin-exit .con-1 .shadow .s-con {
  6232. background-color: #fff;
  6233. border-radius: 5px;
  6234. height: 100%;
  6235. text-align: center;
  6236. font-size: 12px;
  6237. color: #333;
  6238. padding-top: .1px;
  6239. }
  6240. .plugin-exit .con-1 .shadow .s-con .s-tit {
  6241. font-weight: 600;
  6242. margin-top: 15px;
  6243. }
  6244. .plugin-exit .con-1 .shadow .s-con p {
  6245. margin-top: 5px;
  6246. }
  6247. .plugin-exit .con-1 .shadow .s-con ol {
  6248. margin-top: 15px;
  6249. }
  6250. .plugin-exit .con-1 .shadow .s-con ol li {
  6251. float: left;
  6252. color: #157df1;
  6253. border-top: 1px solid #e5e5e5;
  6254. width: 50%;
  6255. height: 30px;
  6256. line-height: 30px;
  6257. }
  6258. .plugin-exit .con-1 .shadow .s-con ol li:first-of-type {
  6259. border-right: 1px solid #e5e5e5;
  6260. }
  6261. .plugin-exit .con-1 .shadow1 {
  6262. position: absolute;
  6263. background-color: rgba(0, 0, 0, .7);
  6264. left: 15%;
  6265. top: 55%;
  6266. width: 70%;
  6267. height: 30px;
  6268. border-radius: 5px;
  6269. line-height: 30px;
  6270. color: #fff;
  6271. text-align: center;
  6272. font-size: 12px;
  6273. }
  6274. .plugin-exit .mode dd {
  6275. cursor: pointer;
  6276. }
  6277. .plugin-exit .mode dd {
  6278. margin-bottom: 10px;
  6279. }
  6280. .plugin-exit .mode dd .text {
  6281. margin-left: 3px;
  6282. }
  6283. p {}
  6284. /*退出提示*/
  6285. /*引导页*/
  6286. #guideModal .modal-dialog {
  6287. width: 1070px;
  6288. }
  6289. #guideModal .modal-aside-left .bg {
  6290. background: url("../image/aside-10.png") no-repeat center;
  6291. width: 268px;
  6292. height: 564px;
  6293. margin: 0 auto;
  6294. }
  6295. @media (min-width: 1200px) {
  6296. .plugin-guide .row {
  6297. margin: 0 -10px;
  6298. }
  6299. .plugin-guide .row .col-sm-3 {
  6300. width: 20%;
  6301. padding: 0 10px;
  6302. }
  6303. }
  6304. #guideModal .modal-aside-left .bg {
  6305. position: relative;
  6306. }
  6307. #guideModal img[src=""],
  6308. #guideModal img:not([src]) {
  6309. opacity: 0;
  6310. }
  6311. #guideModal .modal-aside-left .bg img {
  6312. display: block;
  6313. background-color: #fff;
  6314. width: 240px;
  6315. height: 425px;
  6316. position: absolute;
  6317. left: 14px;
  6318. top: 70px;
  6319. }
  6320. #guideModal .modal-aside-left .bg .experience-btn {
  6321. position: absolute;
  6322. left: 50%;
  6323. bottom: 110px;
  6324. margin-left: -65px;
  6325. width: 130px;
  6326. height: 30px;
  6327. text-align: center;
  6328. line-height: 28px;
  6329. color: #fff;
  6330. border: 1px solid #fff;
  6331. border-radius: 15px;
  6332. z-index: 2;
  6333. }
  6334. .plugin-guide .upload-img {
  6335. position: relative;
  6336. border: 1px dashed #e5e5e5;
  6337. height: 190px;
  6338. width: 100%;
  6339. border-radius: 5px;
  6340. background: url("../image/icon-10.png") no-repeat center 40%;
  6341. /*overflow: hidden;*/
  6342. }
  6343. .plugin-guide .upload-img img {
  6344. position: absolute;
  6345. left: 0;
  6346. top: 0;
  6347. width: 100%;
  6348. height: 100%;
  6349. border-radius: 5px;
  6350. background-color: #fff;
  6351. border: 1px solid #e5e5e5;
  6352. }
  6353. .plugin-guide .upload-img .thumbnail {
  6354. position: absolute;
  6355. z-index: 2;
  6356. width: 100%;
  6357. height: 100%;
  6358. opacity: 0;
  6359. cursor: pointer;
  6360. }
  6361. .plugin-guide .upload-img .text {
  6362. text-align: center;
  6363. margin-top: 100px;
  6364. font-size: 12px;
  6365. }
  6366. .plugin-guide .upload-img .reset {
  6367. position: absolute;
  6368. left: 0;
  6369. bottom: 0;
  6370. height: 20px;
  6371. line-height: 20px;
  6372. background: rgba(0, 0, 0, .7);
  6373. width: 100%;
  6374. color: #fff;
  6375. text-align: center;
  6376. font-size: 12px;
  6377. display: none;
  6378. }
  6379. .plugin-guide .upload-img .reset {
  6380. display: none;
  6381. }
  6382. .plugin-guide .upload-img.uploaded .reset {
  6383. display: none;
  6384. }
  6385. .plugin-guide .upload-img.uploaded:hover .reset {
  6386. display: block;
  6387. }
  6388. /*删除*/
  6389. .plugin-guide .upload-img .icon-delete2 {
  6390. position: absolute;
  6391. color: #ff6565;
  6392. right: -8px;
  6393. top: -8px;
  6394. right: 0 \9;
  6395. top: 0 \9;
  6396. display: none;
  6397. cursor: pointer;
  6398. z-index: 2;
  6399. }
  6400. .plugin-guide .upload-img.uploaded .icon-delete2 {
  6401. display: block;
  6402. }
  6403. .plugin-guide .experience {
  6404. margin-top: 20px;
  6405. }
  6406. .plugin-guide .experience-color {
  6407. margin-top: 45px;
  6408. }
  6409. .plugin-guide .experience .tit {
  6410. color: #333;
  6411. margin-bottom: 7px;
  6412. }
  6413. /*/引导页*/
  6414. /*第三方分享*/
  6415. .plugin-share .con {
  6416. border: 1px solid #e5e5e5;
  6417. border-radius: 5px;
  6418. padding: 0 10px;
  6419. position: relative;
  6420. overflow: hidden;
  6421. cursor: pointer;
  6422. }
  6423. .plugin-share .con .icon-checkbox {
  6424. position: absolute;
  6425. right: 0;
  6426. bottom: 0;
  6427. display: none;
  6428. }
  6429. .plugin-share .con.active {
  6430. border-color: #157df1;
  6431. }
  6432. .plugin-share .con.active .icon-checkbox {
  6433. display: block;
  6434. }
  6435. .plugin-share .con .tit1 {
  6436. padding: 15px 0;
  6437. color: #333;
  6438. }
  6439. .plugin-share .con.active .tit1 {
  6440. color: #157df1;
  6441. }
  6442. .plugin-share .con-1 {
  6443. border: 1px solid #e5e5e5;
  6444. border-radius: 5px 5px 0 0;
  6445. border-bottom: none;
  6446. height: 140px;
  6447. }
  6448. .plugin-share .plugin-common .top {
  6449. color: #333;
  6450. text-align: center;
  6451. }
  6452. .plugin-share .plugin-common .top .time {
  6453. font-size: 12px;
  6454. font-weight: 600;
  6455. padding-left: 20px;
  6456. margin-top: 3px;
  6457. display: inline-block;
  6458. }
  6459. .plugin-share .plugin-common .top .num {
  6460. font-size: 12px;
  6461. font-weight: 600;
  6462. margin: 3px 5px 0 0;
  6463. }
  6464. .plugin-share .plugin-common .top .icon-signal {
  6465. margin-left: 3px;
  6466. }
  6467. .plugin-share .plugin-common .top .icon-wifi {
  6468. font-size: 15px;
  6469. margin-left: 5px;
  6470. }
  6471. .plugin-share .plugin-common .top .icon-dianliang {
  6472. font-size: 14px;
  6473. margin-right: 3px;
  6474. }
  6475. .plugin-share .con-1 .tit2 {
  6476. text-align: center;
  6477. color: #157df1;
  6478. font-weight: 600;
  6479. border-bottom: 1px solid #e5e5e5;
  6480. padding-bottom: 5px;
  6481. position: relative;
  6482. }
  6483. .plugin-share .con-1 .tit2 .share-left {
  6484. position: absolute;
  6485. left: 5px;
  6486. bottom: 3px;
  6487. }
  6488. .plugin-share .con-1 .tit2 .share-right {
  6489. position: absolute;
  6490. right: 5px;
  6491. bottom: 3px;
  6492. }
  6493. .plugin-share .con .icon-checkbox-small {
  6494. position: absolute;
  6495. right: 0;
  6496. bottom: 0;
  6497. display: none;
  6498. }
  6499. .plugin-share .con.active .icon-checkbox-small {
  6500. display: block;
  6501. }
  6502. .plugin-share .s-tit {
  6503. color: #333;
  6504. margin-bottom: 8px;
  6505. }
  6506. .plugin-share .s-tit1 {
  6507. color: #fd641d;
  6508. margin-top: 5px;
  6509. font-size: 12px;
  6510. display: none;
  6511. }
  6512. .plugin-share .s-way {
  6513. margin-top: 0;
  6514. }
  6515. .plugin-share .s-way .w-top {
  6516. margin-bottom: 8px;
  6517. }
  6518. .plugin-share .s-way .w-top .t-left {
  6519. color: #333;
  6520. }
  6521. .plugin-share .s-way .w-top .t-right {
  6522. color: #157df1;
  6523. font-size: 12px;
  6524. }
  6525. /*第三方分享三期完成后 删除*/
  6526. .plugin-share .s-way .w-con {
  6527. border: 1px solid #e5e5e5;
  6528. border-radius: 5px;
  6529. padding: 15px 12px 0;
  6530. position: relative;
  6531. cursor: pointer;
  6532. }
  6533. .plugin-share .s-way .w-con .s-tit2 {
  6534. color: #333;
  6535. margin-bottom: 5px;
  6536. }
  6537. .plugin-share .s-way .w-con p {
  6538. color: #666;
  6539. font-size: 12px;
  6540. margin-bottom: 10px;
  6541. height: 34px;
  6542. }
  6543. .plugin-share .s-way .w-con.active {
  6544. border-color: #157df1;
  6545. }
  6546. .plugin-share .s-way .w-con.active .s-tit2 {
  6547. color: #157df1;
  6548. }
  6549. .plugin-share .s-way .w-con .icon-checkbox-small {
  6550. position: absolute;
  6551. right: 0;
  6552. bottom: 0;
  6553. display: none;
  6554. }
  6555. .plugin-share .s-way .w-con.active .icon-checkbox-small {
  6556. display: block;
  6557. }
  6558. /*/第三方分享三期完成后 删除*/
  6559. .plugin-share .s-way .s-ul li {
  6560. position: relative;
  6561. overflow: visible;
  6562. }
  6563. .plugin-share .s-way .s-ul li .way-top {
  6564. position: absolute;
  6565. bottom: 100%;
  6566. right: 0;
  6567. color: #157df1;
  6568. z-index: 2;
  6569. font-size: 12px;
  6570. height: 28px;
  6571. line-height: 28px;
  6572. }
  6573. .plugin-share .s-way .s-ul li .recommended {
  6574. position: absolute;
  6575. left: 0;
  6576. top: 0;
  6577. }
  6578. .plugin-share .s-way .s-ul li .icon-checkbox-small {
  6579. position: absolute;
  6580. right: 0;
  6581. bottom: 0;
  6582. display: none;
  6583. }
  6584. .plugin-share .s-way .s-ul li.active .icon-checkbox-small {
  6585. display: block;
  6586. }
  6587. .plugin-share .app-share {
  6588. display: none;
  6589. position: relative;
  6590. }
  6591. /*.plugin-share .app-share .label-wrap{margin-bottom: 8px;}*/
  6592. .plugin-share .app-share .label-wrap label {
  6593. color: #333;
  6594. }
  6595. .plugin-share .app-share .label-wrap a {
  6596. color: #157df1;
  6597. font-size: 12px;
  6598. position: absolute;
  6599. right: 0;
  6600. top: -21px;
  6601. }
  6602. .plugin-share .s-con {
  6603. border: 1px solid #e5e5e5;
  6604. padding: 15px 20px 20px;
  6605. border-radius: 4px;
  6606. }
  6607. .plugin-share .app-share .s-con {
  6608. margin-top: 20px;
  6609. }
  6610. .plugin-share .s-con .s-tit3 {
  6611. color: #333;
  6612. }
  6613. .plugin-share .s-con dl {
  6614. color: #333;
  6615. margin-top: 10px;
  6616. }
  6617. .plugin-share .s-con dl dt {
  6618. font-weight: 600;
  6619. margin-bottom: 5px;
  6620. }
  6621. .plugin-share .s-con .save-txt {
  6622. padding: 3px 5px 2px;
  6623. font-size: 12px;
  6624. line-height: 14px;
  6625. margin-top: 5px;
  6626. margin-bottom: 25px;
  6627. }
  6628. .plugin-share .app-share input {
  6629. margin-top: 10px;
  6630. }
  6631. .plugin-share .form-group {
  6632. margin-bottom: 30px;
  6633. }
  6634. .plugin-share .form-group:last-of-type {
  6635. margin-bottom: 0;
  6636. }
  6637. .plugin-share .form-group .row .col-sm-8 {
  6638. margin-bottom: 10px;
  6639. }
  6640. .plugin-share .share-location {
  6641. margin-top: 40px;
  6642. }
  6643. .plugin-share .share-location .s-tit4 {
  6644. color: #333;
  6645. margin-bottom: 2px;
  6646. }
  6647. .plugin-share .share-location p {
  6648. color: #fd641d;
  6649. }
  6650. .plugin-share .share-content {
  6651. margin-top: 40px;
  6652. }
  6653. .plugin-share .share-content .tab .s-con {
  6654. display: none;
  6655. }
  6656. .plugin-share .share-content .radio-round {
  6657. margin-bottom: 20px;
  6658. color: #333;
  6659. }
  6660. .plugin-share .share-content label {
  6661. margin-bottom: 5px;
  6662. }
  6663. .plugin-share .share-content .form-group {
  6664. margin-bottom: 15px;
  6665. }
  6666. .plugin-share .share-content .form-group .error {
  6667. color: #fd641d;
  6668. font-size: 12px;
  6669. display: none;
  6670. }
  6671. .plugin-share .share-content .form-group.form-error .error {
  6672. display: block;
  6673. }
  6674. .plugin-share .share-content .s-con .form-group:last-of-type {
  6675. margin-bottom: 0;
  6676. }
  6677. /*/第三方分享*/
  6678. /*状态栏*/
  6679. @media (min-width: 1200px) {
  6680. #stateModal .modal-dialog {
  6681. width: 1070px;
  6682. }
  6683. }
  6684. #stateModal .modal-aside-left .bg {
  6685. background: url("../image/plugin-aside-3.png") no-repeat center top;
  6686. width: 268px;
  6687. height: 564px;
  6688. margin: 0 auto;
  6689. padding-top: .1px;
  6690. position: relative;
  6691. }
  6692. .plugin-modal .common-top {
  6693. height: 24px;
  6694. line-height: 24px;
  6695. background-color: #157df1;
  6696. color: #fff;
  6697. }
  6698. .plugin-modal .common-top.white {
  6699. color: #fff;
  6700. }
  6701. .plugin-modal .common-top.black {
  6702. color: #333;
  6703. }
  6704. .plugin-modal .common-top .icon-signal {
  6705. margin-left: 3px;
  6706. font-size: 13px;
  6707. }
  6708. .plugin-modal .common-top .font12 {
  6709. font-size: 12px;
  6710. transform: scale(.8);
  6711. }
  6712. .plugin-modal .common-top .icon-dianliang {
  6713. margin-top: -1px;
  6714. margin-right: 5px;
  6715. font-size: 12px;
  6716. }
  6717. #stateModal .common-top {
  6718. width: auto;
  6719. margin: 71px 15px 0;
  6720. height: 16px;
  6721. line-height: 16px;
  6722. }
  6723. .plugin-state .tit1 {
  6724. color: #333;
  6725. margin-bottom: 5px;
  6726. }
  6727. .config-plugin .plugin-common .bg-text-color ol li {
  6728. width: 30px;
  6729. height: 30px;
  6730. background-color: #e5e5e5;
  6731. border: 1px solid #999;
  6732. border-radius: 5px;
  6733. float: left;
  6734. padding: 6px;
  6735. cursor: pointer;
  6736. }
  6737. .config-plugin .plugin-common .bg-text-color ol li.active {
  6738. border: 3px solid #157df1;
  6739. }
  6740. .config-plugin .plugin-common .bg-text-color ol li:last-of-type {
  6741. margin-left: 10px;
  6742. }
  6743. .config-plugin .plugin-common .bg-text-color ol li:first-of-type span {
  6744. display: block;
  6745. background-color: #fff;
  6746. width: 100%;
  6747. height: 100%;
  6748. }
  6749. .config-plugin .plugin-common .bg-text-color ol li:last-of-type span {
  6750. display: block;
  6751. background-color: #333;
  6752. width: 100%;
  6753. height: 100%;
  6754. }
  6755. /*/状态栏*/
  6756. /*标题栏*/
  6757. @media (min-width: 1200px) {
  6758. #titleModal .modal-dialog {
  6759. width: 1070px;
  6760. }
  6761. }
  6762. #titleModal .modal-aside-left .bg {
  6763. background: url("../image/plugin-aside-1.png") no-repeat center top;
  6764. width: 268px;
  6765. height: 564px;
  6766. margin: 0 auto;
  6767. padding-top: .1px;
  6768. }
  6769. .plugin-title input {
  6770. color: #333;
  6771. }
  6772. .plugin-title .tit1 {
  6773. color: #333;
  6774. margin-bottom: 5px;
  6775. }
  6776. #titleModal .modal-aside-left .state-title-header {
  6777. margin-top: 71px;
  6778. }
  6779. #titleModal .modal-aside-left .state-top {
  6780. width: auto;
  6781. margin: 0 15px;
  6782. height: 16px;
  6783. line-height: 16px;
  6784. }
  6785. #titleModal .modal-aside-left .title-top {
  6786. height: 26px;
  6787. line-height: 26px;
  6788. position: relative;
  6789. /*margin-top: 85px;*/
  6790. width: auto;
  6791. margin-left: 15px;
  6792. margin-right: 15px;
  6793. }
  6794. #titleModal .modal-aside-left .title-top .iconfont {
  6795. font-size: 20px;
  6796. display: none;
  6797. }
  6798. #titleModal .modal-aside-left .title-top .t-left .iconfont {
  6799. margin-left: 5px;
  6800. margin-top: 1px;
  6801. }
  6802. #titleModal .modal-aside-left .title-top .t-right .iconfont {
  6803. margin-right: 5px;
  6804. margin-top: 1px;
  6805. }
  6806. #titleModal .modal-aside-left .title-top .text {
  6807. position: absolute;
  6808. left: 0;
  6809. top: 50%;
  6810. transform: translate(0, -50%);
  6811. width: 100%;
  6812. text-align: center;
  6813. white-space: nowrap;
  6814. font-size: 13px;
  6815. line-height: 27px;
  6816. }
  6817. .plugin-title .form-group {
  6818. margin-bottom: 40px;
  6819. }
  6820. .plugin-title .form-group:last-of-type {
  6821. margin-bottom: 0;
  6822. }
  6823. .plugin-title .function-keys-wrap {
  6824. margin-top: 40px;
  6825. }
  6826. .plugin-title .function-keys-wrap .form-group {
  6827. margin-bottom: 20px;
  6828. }
  6829. .plugin-title .function-keys-wrap .form-group:last-of-type {
  6830. margin-bottom: 0;
  6831. }
  6832. .plugin-title .function-keys li {
  6833. float: left;
  6834. margin-right: 25px;
  6835. cursor: pointer;
  6836. margin-bottom: 10px;
  6837. }
  6838. .plugin-title .function-keys li .icon {
  6839. position: relative;
  6840. top: 3px;
  6841. margin-right: 5px;
  6842. }
  6843. .plugin-title .function-keys li .iconfont {
  6844. position: relative;
  6845. top: 1px;
  6846. margin-right: 5px;
  6847. }
  6848. .plugin-title .function-keys li.disabled {
  6849. background-color: transparent !important;
  6850. }
  6851. .plugin-title .function-keys li .icon-checkbox-checked1 {
  6852. color: #157df1;
  6853. }
  6854. .plugin-title .title-top dd .icon-text {
  6855. display: none;
  6856. }
  6857. .plugin-title .title-top dd.vertical {
  6858. background-color: rgba(21, 125, 241, .5);
  6859. width: 100px;
  6860. padding: 10px 0 10px 8px;
  6861. margin-top: 4px;
  6862. }
  6863. .plugin-title .title-top .t-right dd.vertical {
  6864. padding-left: 20px;
  6865. }
  6866. .plugin-title .title-top dd.vertical .icon-text {
  6867. display: block;
  6868. }
  6869. .plugin-title .title-top dd.vertical .icon-wrap {
  6870. width: 100%;
  6871. height: 32px;
  6872. line-height: 32px;
  6873. }
  6874. .plugin-title .title-top dd.vertical .icon-wrap .iconfont {
  6875. margin-top: 0;
  6876. margin-right: 5px;
  6877. }
  6878. /*.plugin-title .common-ul{margin-bottom: 40px;}*/
  6879. .plugin-title .state-way {
  6880. position: relative;
  6881. margin-top: 40px;
  6882. }
  6883. .plugin-title .bg-text-color1 {
  6884. margin-top: 40px;
  6885. }
  6886. .plugin-title .bg-text-color1 ol li {
  6887. width: 30px;
  6888. height: 30px;
  6889. background-color: #e5e5e5;
  6890. border: 1px solid #999;
  6891. border-radius: 5px;
  6892. float: left;
  6893. padding: 6px;
  6894. cursor: pointer;
  6895. }
  6896. .plugin-title .bg-text-color1 ol li.active {
  6897. border: 3px solid #157df1;
  6898. }
  6899. .plugin-title .bg-text-color1 ol li:last-of-type {
  6900. margin-left: 10px;
  6901. }
  6902. .plugin-title .bg-text-color1 ol li:first-of-type span {
  6903. display: block;
  6904. background-color: #fff;
  6905. width: 100%;
  6906. height: 100%;
  6907. }
  6908. .plugin-title .bg-text-color1 ol li:last-of-type span {
  6909. display: block;
  6910. background-color: #333;
  6911. width: 100%;
  6912. height: 100%;
  6913. }
  6914. .plugin-title .state-bg-extension {
  6915. display: none;
  6916. padding-left: 15px;
  6917. }
  6918. .plugin-title .state-bg-extension .tit {
  6919. color: #333;
  6920. margin-bottom: 3px;
  6921. }
  6922. .plugin-title .state-way .way-popover {
  6923. position: absolute;
  6924. top: 0;
  6925. left: 198px;
  6926. color: #157df1;
  6927. font-size: 12px;
  6928. }
  6929. .plugin-title .hr {
  6930. margin-top: 50px;
  6931. margin-bottom: 45px;
  6932. }
  6933. .plugin-title .state-way .extend-prompt {
  6934. color: #fd641d;
  6935. font-size: 12px;
  6936. margin-top: 10px;
  6937. }
  6938. #titleModal .plugin-title .state-top-extension {
  6939. background: url("../image/img-ys.png") no-repeat center top;
  6940. width: 237px;
  6941. height: 128px;
  6942. }
  6943. /*/标题栏*/
  6944. /*导航栏*/
  6945. /*改版完成后,删除*/
  6946. .config-plugin .plugin-common .common-top.white .n-text {
  6947. color: #fff;
  6948. }
  6949. .config-plugin .plugin-common .common-top.black .n-text {
  6950. color: #333;
  6951. }
  6952. .config-plugin .plugin-common .common-top.white .n-icon {
  6953. border-color: #fff;
  6954. color: #fff;
  6955. }
  6956. .config-plugin .plugin-common .common-top.black .n-icon {
  6957. border-color: #333;
  6958. color: #333;
  6959. }
  6960. /*/改版完成后,删除*/
  6961. #navModal .modal-dialog {
  6962. width: 1070px;
  6963. }
  6964. #navModal .modal-aside-left .bg {
  6965. background: url("../image/plugin-aside-2.png") no-repeat center top;
  6966. width: 268px;
  6967. height: 564px;
  6968. margin: 0 auto;
  6969. padding-top: .1px;
  6970. position: relative;
  6971. }
  6972. .plugin-nav .nav-top {
  6973. background-color: #157df1;
  6974. height: 38px;
  6975. line-height: normal;
  6976. position: absolute;
  6977. bottom: 74px;
  6978. left: 15px;
  6979. right: 15px;
  6980. width: auto;
  6981. }
  6982. .plugin-nav .nav-top ul {
  6983. width: 100%;
  6984. /*height: 36px;*/
  6985. /*table-layout: fixed; display: table;*/
  6986. }
  6987. .plugin-nav .nav-top ul li {
  6988. display: table-cell;
  6989. text-align: center;
  6990. width: 1%;
  6991. height: 38px;
  6992. }
  6993. .plugin-nav .nav-top ul li:nth-of-type(n+3) {
  6994. display: none;
  6995. }
  6996. .plugin-nav .icon-null {
  6997. border: 1px solid #ddd;
  6998. width: 14px;
  6999. height: 14px;
  7000. border-radius: 50%;
  7001. background-color: #fff;
  7002. display: inline-block;
  7003. }
  7004. .plugin-nav .n-text {
  7005. color: #333;
  7006. }
  7007. .plugin-nav .nav-top .n-icon {
  7008. color: #ddd;
  7009. }
  7010. .plugin-nav .nav-top .n-text {
  7011. color: #ddd;
  7012. }
  7013. .plugin-nav .nav-top ul li:first-of-type .n-icon {
  7014. color: #fff;
  7015. border-color: #fff;
  7016. }
  7017. .plugin-nav .nav-top ul li:first-of-type .n-text {
  7018. color: #fff;
  7019. }
  7020. .plugin-nav .nav-top ul li .li-con {
  7021. display: flex;
  7022. justify-content: center;
  7023. align-items: center;
  7024. height: 100%;
  7025. }
  7026. /*.config-plugin .plugin-nav .tit1{color: #333; margin-bottom: 5px;}*/
  7027. .config-plugin .plugin-nav .set-nav .tit2 {
  7028. color: #333;
  7029. }
  7030. .config-plugin .plugin-nav .set-nav .tit2 span {
  7031. color: #999;
  7032. }
  7033. /*.config-plugin .plugin-nav .set-nav .tit2 span{color: #f00;}*/
  7034. .config-plugin .plugin-nav .set-nav .reset {
  7035. font-size: 12px;
  7036. color: #157df1;
  7037. line-height: 20px;
  7038. cursor: pointer;
  7039. }
  7040. .config-plugin .plugin-nav .set-nav .set-con {
  7041. border: 1px solid #e5e5e5;
  7042. border-radius: 3px;
  7043. margin-top: 5px;
  7044. }
  7045. /*配置插件 导航改版完成后将此处删除*/
  7046. /*
  7047. .config-plugin .plugin-nav .set-nav .set-ul li{float: left; padding: 0 15px; height: 54px; background-color: #f9f9f9; border: 1px solid #e5e5e5; border-top: none; border-left: none; cursor: pointer; display: flex; align-items: center; justify-content: center; text-align: center; position: relative;}
  7048. .config-plugin .plugin-nav .set-nav .set-ul li:nth-of-type(n+3):not(.add-li){display: none;}
  7049. .config-plugin .plugin-nav .set-nav .set-ul li.active{border-bottom-color: transparent; background-color: #fff;}
  7050. .config-plugin .plugin-nav .set-nav .set-ul li.active .n-text{color: #333;}
  7051. .config-plugin .plugin-nav .set-nav .set-ul li.bg-error{background-color: #fd641d; color: #fff; border-bottom-color: #fd641d;}
  7052. .config-plugin .plugin-nav .set-nav .set-ul li.bg-error .n-text{color: #fff;}
  7053. .config-plugin .plugin-nav .set-nav .set-ul li.bg-error .iconfont{color: #fff !important;}
  7054. .config-plugin .plugin-nav .set-nav .set-ul li.add-li{padding: 0; width: 54px;}
  7055. .config-plugin .plugin-nav .set-nav .set-ul li .icon-null{margin-top: 0;}
  7056. .config-plugin .plugin-nav .set-nav .set-ul li.add-li .iconfont{color: #e5e5e5; font-size: 30px; margin-top: 7px; display: inline-block;}
  7057. .config-plugin .plugin-nav .set-nav .set-ul li .mask{position: absolute; right: 0; top: -1px; background-color: rgba(0,0,0,.5); color: #fff; width: 20px; height: 20px; display: flex; align-items: center; justify-content: center; display: none;}
  7058. .config-plugin .plugin-nav .set-nav .set-ul li .mask .iconfont{font-size: 14px;}
  7059. .config-plugin .plugin-nav .set-nav .set-ul li:hover .mask{display: flex;}
  7060. .config-plugin .plugin-nav .set-nav .set-ul li .li-con{}
  7061. .config-plugin .plugin-nav .set-nav .tab{padding: 25px 10px 10px;}
  7062. .config-plugin .plugin-nav .set-nav .tab .add-icon-wrap .col-sm-7{width: auto;}
  7063. .config-plugin .plugin-nav .set-nav .tab .add-icon-wrap .add-link{margin-top: 10px;}
  7064. .config-plugin .plugin-nav .set-nav .tab .add-icon{border: 1px solid #e5e5e5; border-radius: 3px; width: 40px; height: 40px; text-align: center; cursor: pointer;}
  7065. .config-plugin .plugin-nav .set-nav .tab .add-icon .iconfont{color: #e5e5e5; font-size: 22px; margin-top: 2px; margin-left: 2px; display: inline-block;}
  7066. .config-plugin .plugin-nav .set-nav .tab .col-sm-2{width: 60px ; padding-right: 0;}
  7067. .config-plugin .plugin-nav .set-nav .tab .col-sm-2 .control-label{width: 100%;}
  7068. .config-plugin .plugin-nav .set-nav .tab .t-con{display: none;}
  7069. #navModal .error{display: none;}
  7070. #navModal .form-error .error{font-size: 12px; color: #fd641d; display: block; margin-left: 0px;}!*导航栏改版完成后,再改回50px*!
  7071. */
  7072. /*/配置插件 导航改版完成后将以上删除*/
  7073. .config-plugin .plugin-nav .set-nav .set-bottom {
  7074. margin-top: 40px;
  7075. }
  7076. .config-plugin .plugin-nav .set-nav .set-bottom .b-tit {
  7077. color: #333;
  7078. margin-bottom: 5px;
  7079. }
  7080. .config-plugin .plugin-nav .set-nav .set-bottom ul li {
  7081. float: left;
  7082. margin-right: 40px;
  7083. cursor: pointer;
  7084. }
  7085. .config-plugin .plugin-nav .set-nav .set-bottom ul li .icon-radio {
  7086. position: relative;
  7087. top: 3px;
  7088. margin-right: 5px;
  7089. }
  7090. .plugin-modal .icons li {
  7091. float: left;
  7092. text-align: center;
  7093. cursor: pointer;
  7094. margin: 5px;
  7095. color: #666;
  7096. }
  7097. .plugin-modal .icons li div {
  7098. font-size: 12px;
  7099. }
  7100. .plugin-modal .icons li .iconfont {
  7101. font-size: 36px;
  7102. }
  7103. .plugin-modal .icons li:hover {
  7104. color: #157df1;
  7105. }
  7106. /*2018/10/30 重构*/
  7107. /*.plugin-nav .plugin-common{padding: 15px 40px;}*/
  7108. /*.plugin-nav .bg-text-color{margin-top: 40px;}*/
  7109. .plugin-nav .tit1 {
  7110. margin-bottom: 5px;
  7111. color: #333;
  7112. }
  7113. .plugin-nav .nav-font-color1 {
  7114. margin-top: 40px;
  7115. }
  7116. .plugin-nav .nav-font-color2 {
  7117. margin-top: 40px;
  7118. }
  7119. .plugin-nav .n-nav {
  7120. background-color: #e5e5e5;
  7121. height: 36px;
  7122. line-height: 36px;
  7123. padding-left: 70px;
  7124. }
  7125. .plugin-nav .n-nav li {
  7126. float: left;
  7127. margin: 0 5px;
  7128. text-align: center;
  7129. }
  7130. .plugin-nav .n-nav .nav-fun {
  7131. width: 140px;
  7132. }
  7133. .plugin-nav .n-nav .nav-name {
  7134. width: 90px;
  7135. }
  7136. .plugin-nav .n-nav .nav-icon {
  7137. width: 34px;
  7138. margin-left: 0;
  7139. }
  7140. .plugin-nav .n-list {
  7141. padding: 20px;
  7142. color: #333;
  7143. }
  7144. .plugin-nav .n-list dd {
  7145. margin-bottom: 30px;
  7146. position: relative;
  7147. display: none;
  7148. }
  7149. .plugin-nav .n-list dd.active {
  7150. display: block;
  7151. }
  7152. .plugin-nav .n-list .n-num {
  7153. margin-right: 15px;
  7154. padding-top: 7px;
  7155. }
  7156. .plugin-nav .n-list .n-text {
  7157. margin-right: 10px;
  7158. width: 90px;
  7159. padding: 6px;
  7160. }
  7161. .plugin-nav .n-list select {
  7162. margin-right: 10px;
  7163. width: 140px;
  7164. padding: 6px;
  7165. color: #999;
  7166. }
  7167. .plugin-nav .n-list .add-icon {
  7168. border: 1px solid #e5e5e5;
  7169. border-radius: 3px;
  7170. width: 34px;
  7171. height: 34px;
  7172. text-align: center;
  7173. cursor: pointer;
  7174. margin-right: 10px;
  7175. }
  7176. .plugin-nav .n-list .add-icon .iconfont {
  7177. color: #e5e5e5;
  7178. font-size: 22px;
  7179. /*margin-top: 2px;*/
  7180. margin-left: 3px;
  7181. display: inline-block;
  7182. }
  7183. .plugin-nav .n-list .n-link {
  7184. margin-right: 20px;
  7185. width: 175px;
  7186. padding: 6px;
  7187. visibility: hidden;
  7188. }
  7189. .plugin-nav .n-list .n-delete {
  7190. font-size: 24px;
  7191. color: #f17d78;
  7192. cursor: pointer;
  7193. display: none;
  7194. }
  7195. .plugin-nav .n-list dd:hover .n-delete {
  7196. display: block;
  7197. }
  7198. .plugin-nav .n-list dd .error {
  7199. color: #ff4222;
  7200. position: absolute;
  7201. left: 50px;
  7202. top: 100%;
  7203. display: none;
  7204. }
  7205. .plugin-nav .n-list dd.form-error .error {
  7206. display: block;
  7207. }
  7208. /*2018/10/30 重构*/
  7209. /*导航栏*/
  7210. /*升级提示*/
  7211. .plugin-upgrade-prompt .u-con {
  7212. margin-bottom: 40px;
  7213. }
  7214. .plugin-upgrade-prompt .u-tit {
  7215. color: #333;
  7216. margin-bottom: 5px;
  7217. }
  7218. .plugin-upgrade-prompt ul li {
  7219. float: left;
  7220. color: #333;
  7221. cursor: pointer;
  7222. }
  7223. .plugin-upgrade-prompt ul li+li {
  7224. margin-left: 30px;
  7225. }
  7226. .plugin-upgrade-prompt ul li .icon-radio {
  7227. position: relative;
  7228. top: 3px;
  7229. margin-right: 8px;
  7230. }
  7231. .plugin-upgrade-prompt .u-con select+input[type=text] {
  7232. display: none;
  7233. }
  7234. .plugin-upgrade-prompt .style li {
  7235. text-align: center;
  7236. color: #666;
  7237. }
  7238. .plugin-upgrade-prompt .style li .s-con {
  7239. position: relative;
  7240. margin-bottom: 5px;
  7241. border-radius: 5px;
  7242. overflow: hidden;
  7243. border: 1px solid transparent;
  7244. }
  7245. .plugin-upgrade-prompt .style li .s-con .icon-checkbox {
  7246. position: absolute;
  7247. bottom: 0;
  7248. right: 0;
  7249. display: none;
  7250. }
  7251. .plugin-upgrade-prompt .style li.active .s-con {
  7252. border-color: #157df1;
  7253. }
  7254. .plugin-upgrade-prompt .style li.active .s-con .icon-checkbox {
  7255. display: block;
  7256. }
  7257. .plugin-upgrade-prompt .download-address {
  7258. margin-bottom: 0;
  7259. }
  7260. /*/升级提示*/
  7261. /*左侧栏*/
  7262. @media (min-width: 1200px) {
  7263. #asideModal .modal-dialog {
  7264. width: 1070px;
  7265. }
  7266. }
  7267. #asideModal .modal-content {
  7268. overflow: hidden;
  7269. background-color: #f0f0f0;
  7270. }
  7271. #asideModal .aside-modal .a-left {
  7272. width: 35%;
  7273. float: left;
  7274. /*background-color: #f0f0f0; padding-bottom: 100px;*/
  7275. }
  7276. #asideModal .aside-modal .a-right {
  7277. width: 65%;
  7278. float: right;
  7279. background-color: #fff;
  7280. }
  7281. #asideModal .aside-modal .a-left .phone {
  7282. background: url("../image/aside-phone.png") no-repeat;
  7283. width: 268px;
  7284. height: 564px;
  7285. position: relative;
  7286. margin: 30px auto 0;
  7287. }
  7288. #asideModal .aside-modal .a-left .phone .bg {
  7289. position: absolute;
  7290. left: 13px;
  7291. top: 70px;
  7292. width: 241px;
  7293. height: 422px;
  7294. background-color: rgb(0, 0, 0);
  7295. padding: 30px 20px;
  7296. }
  7297. #asideModal .aside-modal .a-left .l-tit {
  7298. text-align: center;
  7299. margin-top: 60px;
  7300. color: #333;
  7301. font-size: 16px;
  7302. }
  7303. #asideModal .aside-modal .a-left .phone .bg .aside-icon {
  7304. margin-bottom: 18px;
  7305. }
  7306. #asideModal .aside-modal .a-left .phone .bg .aside-icon img {
  7307. border-radius: 3px;
  7308. width: 40px;
  7309. height: 40px;
  7310. }
  7311. #asideModal .aside-modal .a-left .phone .bg .aside-nav li {
  7312. border-bottom: 1px solid #e5e5e5;
  7313. padding: 4px 0;
  7314. display: none;
  7315. }
  7316. #asideModal .aside-modal .a-left .phone .bg .aside-nav li .iconfont {
  7317. font-size: 20px;
  7318. color: #333;
  7319. }
  7320. #asideModal .aside-modal .a-left .phone .bg .aside-nav li .text {
  7321. margin-left: 5px;
  7322. margin-top: 5px;
  7323. white-space: nowrap;
  7324. text-overflow: ellipsis;
  7325. overflow: hidden;
  7326. max-width: 95px;
  7327. color: #333;
  7328. }
  7329. /*#asideModal .aside-modal .a-left .phone .bg .aside-nav.white licolor: #fff;}*/
  7330. /*#asideModal .aside-modal .a-left .phone .bg .aside-nav.black li{color: #000;}*/
  7331. #asideModal .aside-modal .a-left .phone .bg .b-right {
  7332. position: absolute;
  7333. top: 0;
  7334. right: 0;
  7335. }
  7336. #asideModal .aside-modal .a-left .phone .bg .b-right img {
  7337. display: none;
  7338. }
  7339. #asideModal .plugin-remind {
  7340. display: block;
  7341. margin-top: 20px;
  7342. }
  7343. .plugin-aside .set-bottom ul li {
  7344. float: left;
  7345. margin-right: 40px;
  7346. cursor: pointer;
  7347. }
  7348. .plugin-aside .set-nav .set-bottom ul li .icon-radio {
  7349. position: relative;
  7350. top: 3px;
  7351. margin-right: 5px;
  7352. }
  7353. .plugin-aside .tit1 {
  7354. color: #333;
  7355. margin-bottom: 5px;
  7356. }
  7357. .plugin-aside .set-nav .tit2 {
  7358. color: #333;
  7359. }
  7360. .plugin-aside .set-nav .tit2 span {
  7361. color: #999;
  7362. }
  7363. .plugin-aside .set-nav .reset {
  7364. font-size: 12px;
  7365. color: #157df1;
  7366. line-height: 20px;
  7367. cursor: pointer;
  7368. }
  7369. .plugin-aside .set-nav .set-con {
  7370. border: 1px solid #e5e5e5;
  7371. border-radius: 3px;
  7372. margin-top: 5px;
  7373. }
  7374. .plugin-aside .set-nav .set-bottom {
  7375. margin-top: 40px;
  7376. }
  7377. .plugin-aside .set-nav .set-bottom .b-tit {
  7378. color: #333;
  7379. margin-bottom: 5px;
  7380. }
  7381. .plugin-aside .set-nav .set-bottom ul li {
  7382. float: left;
  7383. margin-right: 40px;
  7384. cursor: pointer;
  7385. color: #333;
  7386. }
  7387. .plugin-aside .set-nav .set-bottom ul li .icon-radio {
  7388. position: relative;
  7389. top: 3px;
  7390. margin-right: 5px;
  7391. }
  7392. .plugin-aside .n-nav {
  7393. background-color: #e5e5e5;
  7394. height: 36px;
  7395. line-height: 36px;
  7396. padding-left: 65px;
  7397. }
  7398. .plugin-aside .n-nav li {
  7399. float: left;
  7400. margin: 0 5px;
  7401. text-align: center;
  7402. }
  7403. .plugin-aside .n-nav .nav-fun {
  7404. width: 140px;
  7405. }
  7406. .plugin-aside .n-nav .nav-name {
  7407. width: 90px;
  7408. }
  7409. .plugin-aside .n-nav .nav-icon {
  7410. width: 34px;
  7411. }
  7412. .plugin-aside .n-list {
  7413. padding: 20px;
  7414. color: #333;
  7415. }
  7416. .plugin-aside .n-list dd {
  7417. margin-bottom: 30px;
  7418. position: relative;
  7419. display: none;
  7420. }
  7421. .plugin-aside .n-list dd.active {
  7422. display: block;
  7423. }
  7424. .plugin-aside .n-list .n-num {
  7425. margin-right: 10px;
  7426. padding-top: 7px;
  7427. width: 45px;
  7428. }
  7429. .plugin-aside .n-list .n-text {
  7430. margin-right: 10px;
  7431. width: 90px;
  7432. padding: 6px;
  7433. }
  7434. .plugin-aside .n-list select {
  7435. margin-right: 10px;
  7436. width: 135px;
  7437. padding: 6px;
  7438. color: #999;
  7439. }
  7440. .plugin-aside .n-list .add-icon {
  7441. border: 1px solid #e5e5e5;
  7442. border-radius: 3px;
  7443. width: 34px;
  7444. height: 34px;
  7445. text-align: center;
  7446. cursor: pointer;
  7447. margin-right: 10px;
  7448. }
  7449. .plugin-aside .n-list .add-icon .iconfont {
  7450. color: #e5e5e5;
  7451. font-size: 22px;
  7452. /*margin-top: 2px;*/
  7453. margin-left: 2px;
  7454. display: inline-block;
  7455. }
  7456. .plugin-aside .n-list .n-link {
  7457. margin-right: 20px;
  7458. width: 170px;
  7459. padding: 6px;
  7460. visibility: hidden;
  7461. }
  7462. .plugin-aside .n-list .n-delete {
  7463. font-size: 24px;
  7464. color: #f17d78;
  7465. cursor: pointer;
  7466. display: none;
  7467. }
  7468. .plugin-aside .n-list dd:hover .n-delete {
  7469. display: block;
  7470. }
  7471. .plugin-aside .n-list dd .error {
  7472. color: #ff4222;
  7473. margin-left: 50px;
  7474. /*position: absolute; left: 50px; top: 100%;*/
  7475. display: none;
  7476. }
  7477. .plugin-aside .n-list dd.form-error .error {
  7478. display: block;
  7479. }
  7480. .plugin-modal .icons li {
  7481. float: left;
  7482. text-align: center;
  7483. cursor: pointer;
  7484. width: calc(100% / 12);
  7485. /*margin: 5px 4px;*/
  7486. color: #666;
  7487. }
  7488. .plugin-modal .icons li div {
  7489. font-size: 12px;
  7490. }
  7491. .plugin-modal .icons li .iconfont {
  7492. font-size: 36px;
  7493. }
  7494. .plugin-modal .icons li:hover {
  7495. color: #157df1;
  7496. }
  7497. .plugin-aside .error {
  7498. display: none;
  7499. }
  7500. .plugin-aside .form-error .error {
  7501. font-size: 12px;
  7502. color: #fd641d;
  7503. display: block;
  7504. }
  7505. .plugin-aside .top-show {
  7506. margin-top: 40px;
  7507. }
  7508. .plugin-aside .top-show .b-tit {
  7509. color: #333;
  7510. margin-bottom: 5px;
  7511. }
  7512. .plugin-aside .top-show ul li {
  7513. float: left;
  7514. width: 140px;
  7515. padding: 9px 12px;
  7516. position: relative;
  7517. margin-right: 20px;
  7518. }
  7519. .plugin-aside .top-show ul li .icon-checkbox-small {
  7520. position: absolute;
  7521. right: 0;
  7522. bottom: 0;
  7523. display: none;
  7524. }
  7525. .plugin-aside .top-show ul li.active {
  7526. border-color: #157df1;
  7527. }
  7528. .plugin-aside .top-show ul li.active .icon-checkbox-small {
  7529. display: block;
  7530. }
  7531. .plugin-aside .con {
  7532. border: 1px solid #e5e5e5;
  7533. border-radius: 5px;
  7534. padding: 0 10px;
  7535. position: relative;
  7536. overflow: hidden;
  7537. cursor: pointer;
  7538. }
  7539. .plugin-aside .con .icon-checkbox {
  7540. position: absolute;
  7541. right: 0;
  7542. bottom: 0;
  7543. display: none;
  7544. }
  7545. .plugin-aside .con.active {
  7546. border-color: #157df1;
  7547. }
  7548. .plugin-aside .con.active .icon-checkbox {
  7549. display: block;
  7550. }
  7551. .plugin-aside .con .tit1 {
  7552. padding: 15px 0;
  7553. }
  7554. .plugin-aside .con.active .tit1 {
  7555. color: #157df1;
  7556. }
  7557. .plugin-aside .con-1 {
  7558. border: 1px solid #e5e5e5;
  7559. border-radius: 5px 5px 0 0;
  7560. border-bottom: none;
  7561. height: 140px;
  7562. }
  7563. .plugin-aside .con-1 .a-icon {
  7564. color: #333;
  7565. padding: 0 5px;
  7566. border-bottom: 1px solid #e5e5e5;
  7567. }
  7568. .plugin-aside .con-1 .a-icon .iconfont {
  7569. font-size: 20px;
  7570. }
  7571. .plugin-aside .con-1 .tit2 {
  7572. text-align: center;
  7573. color: #157df1;
  7574. margin-top: 5px;
  7575. }
  7576. .plugin-aside .con .icon-checkbox-small {
  7577. position: absolute;
  7578. right: 0;
  7579. bottom: 0;
  7580. display: none;
  7581. }
  7582. .plugin-aside .con.active .icon-checkbox-small {
  7583. display: block;
  7584. }
  7585. .plugin-remind {
  7586. margin-top: 45px;
  7587. display: none;
  7588. }
  7589. .plugin-remind .r-tit {
  7590. color: #333;
  7591. margin-bottom: 2px;
  7592. }
  7593. .plugin-remind p {
  7594. color: #fd641d;
  7595. }
  7596. .plugin-remind1 {
  7597. margin-top: 45px;
  7598. display: none;
  7599. }
  7600. .plugin-remind1 .r-tit {
  7601. color: #333;
  7602. margin-bottom: 2px;
  7603. }
  7604. .plugin-remind1 p {
  7605. color: #fd641d;
  7606. }
  7607. /*/左侧栏*/
  7608. /*制作启动图*/
  7609. #startPicModal .modal-dialog {
  7610. width: 1010px;
  7611. }
  7612. #startPicModal .modal-content {
  7613. overflow: hidden;
  7614. }
  7615. #startPicModal .modal-body {
  7616. max-height: 630px;
  7617. min-height: 630px;
  7618. padding: 20px 30px;
  7619. }
  7620. #startPicModal .aside-modal {
  7621. background-color: #f0f0f0;
  7622. }
  7623. #startPicModal .aside-modal .a-left {
  7624. width: 35%;
  7625. float: left;
  7626. padding-top: 30px;
  7627. }
  7628. #startPicModal .aside-modal .a-right {
  7629. width: 65%;
  7630. float: right;
  7631. background-color: #fff;
  7632. }
  7633. #startPicModal .aside-modal .a-left .l-tit {
  7634. text-align: center;
  7635. /*margin-top: 60px;*/
  7636. color: #333;
  7637. font-size: 16px;
  7638. }
  7639. #startPicModal .aside-modal .a-left .phone {
  7640. background: url("../image/aside-phone1.png") no-repeat;
  7641. width: 304px;
  7642. height: 640px;
  7643. position: relative;
  7644. margin: 30px auto 0;
  7645. }
  7646. #startPicModal .aside-modal .a-left .phone .bg {
  7647. position: absolute;
  7648. left: 17px;
  7649. top: 70px;
  7650. width: 270px;
  7651. height: 480px;
  7652. overflow: hidden;
  7653. /*padding: 60px 20px;*/
  7654. background-position: center;
  7655. background-size: cover;
  7656. }
  7657. #startPicModal .aside-modal .a-left .phone .bg img {
  7658. border: 1px solid #e5e5e5;
  7659. }
  7660. #startPicModal .aside-modal .a-left .phone .s-app-icon {
  7661. text-align: center;
  7662. margin-bottom: 7px;
  7663. }
  7664. #startPicModal .aside-modal .a-left .phone .s-app-icon img {
  7665. width: 65px;
  7666. height: 65px;
  7667. border-radius: 5px;
  7668. }
  7669. #startPicModal .aside-modal .a-left .phone .s-app-name {
  7670. text-align: center;
  7671. color: #fff;
  7672. position: absolute;
  7673. left: 0;
  7674. top: 132px;
  7675. width: 100%;
  7676. }
  7677. #startPicModal .aside-modal .a-left .phone .s-app-introduce {
  7678. color: #fff;
  7679. font-size: 12px;
  7680. margin-top: 5px;
  7681. white-space: nowrap;
  7682. text-overflow: ellipsis;
  7683. overflow: hidden;
  7684. width: 100%;
  7685. text-align: center;
  7686. position: absolute;
  7687. left: 0;
  7688. top: 152px;
  7689. }
  7690. /*#startPicModal .making-startup{padding: 10px 35px;}*/
  7691. #startPicModal .making-startup .s-tit {
  7692. color: #333;
  7693. margin-bottom: 5px;
  7694. }
  7695. #startPicModal .making-startup .pic-list {
  7696. width: 460px;
  7697. margin-bottom: 40px;
  7698. }
  7699. #startPicModal .making-startup .pic-list li {
  7700. float: left;
  7701. position: relative;
  7702. border: 1px solid #e5e5e5;
  7703. margin-right: 10px;
  7704. margin-bottom: 10px;
  7705. cursor: pointer;
  7706. }
  7707. #startPicModal .making-startup .pic-list li.active {
  7708. border-color: #157df1;
  7709. }
  7710. #startPicModal .making-startup .pic-list li .icon-checkbox {
  7711. position: absolute;
  7712. right: 0;
  7713. bottom: 0;
  7714. display: none;
  7715. }
  7716. #startPicModal .making-startup .pic-list li.active .icon-checkbox {
  7717. display: block;
  7718. }
  7719. #startPicModal .making-startup .radio-tick {
  7720. margin-bottom: 45px;
  7721. }
  7722. #startPicModal .a-left .phone .bg-3 .s-app-icon {
  7723. margin-top: 100px;
  7724. }
  7725. #startPicModal .a-left .phone .bg-3 .s-app-name {
  7726. color: #333;
  7727. top: 232px;
  7728. }
  7729. #startPicModal .a-left .phone .bg-3 .s-app-introduce {
  7730. color: #333;
  7731. top: 252px;
  7732. }
  7733. /*#startPicModal .aside-modal .a-left .phone .bg-4{height: 475px;}*/
  7734. #startPicModal .a-left .phone .bg-4 .s-app-wrap {
  7735. position: absolute;
  7736. bottom: 10px;
  7737. left: 5px;
  7738. width: 100%;
  7739. }
  7740. #startPicModal .a-left .phone .bg-4 .s-app-icon {
  7741. float: left;
  7742. }
  7743. #startPicModal .a-left .phone .bg-4 .s-name-wrap {
  7744. float: left;
  7745. width: 70%;
  7746. margin-top: 13px;
  7747. margin-left: 5px;
  7748. }
  7749. #startPicModal .a-left .phone .bg-4 .s-app-name {
  7750. color: #333;
  7751. text-align: left;
  7752. position: static;
  7753. }
  7754. #startPicModal .a-left .phone .bg-4 .s-app-introduce {
  7755. color: #333;
  7756. position: static;
  7757. text-align: left;
  7758. }
  7759. #startPicModal .a-left .phone .bg-5 {
  7760. border: 1px solid #e5e5e5;
  7761. }
  7762. #startPicModal .a-left .phone .bg-5 .s-app-icon {
  7763. margin-top: 30px;
  7764. }
  7765. #startPicModal .a-left .phone .bg-5 .s-app-name {
  7766. color: #333;
  7767. top: 163px;
  7768. }
  7769. #startPicModal .a-left .phone .bg-5 .s-app-introduce {
  7770. color: #333;
  7771. top: 183px;
  7772. }
  7773. #startPicModal .a-left .phone .bg-6 .s-app-name {
  7774. color: #333;
  7775. }
  7776. #startPicModal .a-left .phone .bg-6 .s-app-introduce {
  7777. color: #333;
  7778. }
  7779. #startPicModal .a-left .phone .bg-7 .s-app-name {
  7780. color: #333;
  7781. }
  7782. #startPicModal .a-left .phone .bg-7 .s-app-introduce {
  7783. color: #333;
  7784. }
  7785. /*#startPicModal .aside-modal .a-left .phone .bg-8{height: 475px;}*/
  7786. #startPicModal .a-left .phone .bg-8 .s-app-wrap {
  7787. position: absolute;
  7788. bottom: 10px;
  7789. left: 5px;
  7790. width: 100%;
  7791. }
  7792. #startPicModal .a-left .phone .bg-8 .s-app-icon {
  7793. float: left;
  7794. }
  7795. #startPicModal .a-left .phone .bg-8 .s-name-wrap {
  7796. float: left;
  7797. width: 70%;
  7798. margin-top: 13px;
  7799. margin-left: 5px;
  7800. }
  7801. #startPicModal .a-left .phone .bg-8 .s-app-name {
  7802. color: #333;
  7803. text-align: left;
  7804. position: static;
  7805. }
  7806. #startPicModal .a-left .phone .bg-8 .s-app-introduce {
  7807. color: #333;
  7808. position: static;
  7809. text-align: left;
  7810. }
  7811. #startPicModal .a-left .phone .bg-9 .s-app-name {
  7812. color: #333;
  7813. }
  7814. #startPicModal .a-left .phone .bg-9 .s-app-introduce {
  7815. color: #333;
  7816. }
  7817. /*/制作启动图*/
  7818. /*制作图标*/
  7819. /*2019/4/9/ 改版*/
  7820. @media (min-width: 1200px) {
  7821. #makeIconsModal .modal-dialog {
  7822. width: 1010px;
  7823. }
  7824. #makeIconsModal .modal-dialog .modal-body {
  7825. padding: 20px 30px;
  7826. min-height: 410px;
  7827. }
  7828. }
  7829. #makeIconsModal .m-tit {
  7830. color: #333;
  7831. margin-bottom: 10px;
  7832. }
  7833. #makeIconsModal .m-icon {
  7834. background-position: center;
  7835. width: 150px;
  7836. height: 150px;
  7837. background-size: cover;
  7838. display: flex;
  7839. justify-content: center;
  7840. align-items: center;
  7841. margin: 0 auto;
  7842. }
  7843. #makeIconsModal .m-icon img {
  7844. width: 150px;
  7845. height: auto;
  7846. display: block;
  7847. border-radius: 15px;
  7848. }
  7849. #makeIconsModal .m-icon .m-name {
  7850. color: #fff;
  7851. max-width: 120px;
  7852. text-align: center;
  7853. }
  7854. #makeIconsModal .icon-bg {
  7855. border: 1px solid #e5e5e5;
  7856. padding: 30px 25px;
  7857. border-radius: 5px;
  7858. margin-bottom: 50px;
  7859. }
  7860. #makeIconsModal .icon-bg dl dt {
  7861. color: #333;
  7862. margin-right: 20px;
  7863. }
  7864. #makeIconsModal .m-icon-bg1 {
  7865. margin-bottom: 20px;
  7866. }
  7867. #makeIconsModal .m-icon-bg1 dt {
  7868. line-height: 30px;
  7869. }
  7870. #makeIconsModal .m-icon-bg1 dd {
  7871. width: 40%;
  7872. }
  7873. #makeIconsModal .m-icon-bg2 dt {
  7874. line-height: 40px;
  7875. }
  7876. .make-img-common .tab {
  7877. border-right: 1px solid #e5e5e5;
  7878. }
  7879. .make-img-common .tab li {
  7880. float: left;
  7881. width: 16.66666667%;
  7882. text-align: center;
  7883. line-height: 32px;
  7884. border: 1px solid #e5e5e5;
  7885. color: #333;
  7886. background-color: #fbfbfb;
  7887. cursor: pointer;
  7888. }
  7889. .make-img-common .tab li+li {
  7890. border-left-color: transparent;
  7891. }
  7892. .make-img-common .tab li:last-of-type {
  7893. border-right-color: transparent;
  7894. }
  7895. .make-img-common .tab li.active {
  7896. background-color: #fff;
  7897. border-bottom-color: transparent;
  7898. }
  7899. /*#makeIconsModal .foreground-map .tab li:first-of-type{border-radius: 5px 0 0 0;}*/
  7900. /*#makeIconsModal .foreground-map .tab li:last-of-type{border-radius: 0 5px 0 0;}*/
  7901. .make-img-common .tab-con {
  7902. border: 1px solid #e5e5e5;
  7903. margin-top: -1px;
  7904. }
  7905. .make-img-common .tab-con>div {
  7906. display: none;
  7907. }
  7908. .make-img-common .tab-common {
  7909. padding: 30px 40px;
  7910. }
  7911. .make-img-common .tab-common ul {
  7912. /*height: 204px; overflow-y: auto;*/
  7913. }
  7914. .make-img-common .tab-common ul li {
  7915. width: calc((100% - 24px) / 7);
  7916. position: relative;
  7917. margin-right: 4px;
  7918. margin-bottom: 4px;
  7919. float: left;
  7920. cursor: pointer;
  7921. border: 1px solid #e5e5e5;
  7922. }
  7923. #startPicModal .make-img-common .tab-common ul li {
  7924. width: calc((100% - 16px) / 5);
  7925. }
  7926. #makeIconsModal .make-img-common .tab-common ul li:nth-child(7n) {
  7927. margin-right: 0;
  7928. }
  7929. #startPicModal .make-img-common .tab-common ul li:nth-child(5n) {
  7930. margin-right: 0;
  7931. }
  7932. .make-img-common .tab-common ul li .icon-checkbox-small {
  7933. position: absolute;
  7934. right: 0;
  7935. bottom: 0;
  7936. display: none;
  7937. }
  7938. .make-img-common .tab-common ul li.active {}
  7939. .make-img-common .tab-common ul li.active .icon-checkbox-small {
  7940. display: block;
  7941. }
  7942. .make-img-common .tab-common ul li .t-con {}
  7943. .make-img-common .tab-common ul li.active {
  7944. border-color: #157df1;
  7945. }
  7946. #makeIconsModal .error {
  7947. font-size: 12px;
  7948. color: #fd641d;
  7949. margin-top: 5px;
  7950. display: none;
  7951. }
  7952. #makeIconsModal .form-error .error {
  7953. display: block;
  7954. }
  7955. /*/制作图标*/
  7956. /*网页缩放*/
  7957. .plugin-web-zoom .tit {
  7958. color: #333;
  7959. margin-bottom: 5px;
  7960. }
  7961. /*/网页缩放*/
  7962. /*手势配置*/
  7963. .plugin-gestures .tit {
  7964. color: #333;
  7965. margin-bottom: 3px;
  7966. }
  7967. .plugin-gestures .gestures-list1 {
  7968. margin-bottom: 40px;
  7969. }
  7970. .plugin-gestures .gestures-list1 li {
  7971. float: left;
  7972. margin-right: 40px;
  7973. cursor: pointer;
  7974. }
  7975. .plugin-gestures .gestures-list2 .tit {
  7976. margin-bottom: 5px;
  7977. }
  7978. .plugin-gestures .gestures-list2 p {
  7979. color: #fd641d;
  7980. margin-top: 10px;
  7981. }
  7982. /*/手势配置*/
  7983. /*浏览器UA*/
  7984. .plugin-ua .ua {
  7985. margin-bottom: 40px;
  7986. }
  7987. .plugin-ua .ua:last-of-type {
  7988. margin-bottom: 10px;
  7989. }
  7990. .plugin-ua .ua .tit {
  7991. color: #333;
  7992. margin-bottom: 5px;
  7993. }
  7994. .plugin-ua .ua-con {
  7995. border: 1px solid #e5e5e5;
  7996. padding: 30px 0;
  7997. }
  7998. .plugin-ua .ua-con .form-control {
  7999. margin-bottom: 8px;
  8000. }
  8001. .plugin-ua .ua-con .form-group {
  8002. margin: 0 -5px 25px;
  8003. }
  8004. .plugin-ua .ua-con .form-group:last-of-type {
  8005. margin-bottom: 0;
  8006. }
  8007. .plugin-ua .ua-con .col-sm-3 {
  8008. padding: 10px 5px 0;
  8009. }
  8010. @media (min-width: 1200px) {
  8011. .plugin-ua .ua-con .col-sm-3 {
  8012. width: 22%;
  8013. }
  8014. }
  8015. .plugin-ua .ua-con .col-sm-8 {
  8016. padding: 0 5px;
  8017. }
  8018. .plugin-ua .ua-con label {
  8019. font-size: 12px;
  8020. color: #333;
  8021. }
  8022. .plugin-ua .ua-con p {
  8023. font-size: 12px;
  8024. }
  8025. .plugin-ua .ua-con p span {
  8026. color: #157df1;
  8027. }
  8028. .plugin-ua .ua-con .error {
  8029. font-size: 12px;
  8030. color: #fd641d;
  8031. margin-top: 5px;
  8032. display: none;
  8033. }
  8034. .plugin-ua .ua-con .form-error .error {
  8035. display: block;
  8036. }
  8037. /*/浏览器UA*/
  8038. /*保存账户密码*/
  8039. .plugin-save-pwd .tit {
  8040. color: #333;
  8041. margin-bottom: 5px;
  8042. }
  8043. /*/保存账户密码*/
  8044. /*----------/封装 配置插件----------*/
  8045. /*----------应用发布 改版----------*/
  8046. .release-app2>.row {
  8047. margin: 0 0 15px;
  8048. overflow: hidden;
  8049. height: 100%;
  8050. }
  8051. @media (min-width: 1200px) {
  8052. .release-app2>.row>.col-sm-2 {
  8053. padding: 0 0 9999px;
  8054. margin-bottom: -9999px;
  8055. }
  8056. }
  8057. .release-app2>.row>.col-sm-2 {
  8058. background-color: #fff;
  8059. /* box-shadow: 0 0 5px rgba(0, 0, 0, .05); */
  8060. }
  8061. .release-app2>.row>.col-sm-10 {
  8062. padding: 0 0 0 10px;
  8063. }
  8064. /*
  8065. .release-app2>.row{margin-left: -5px; margin-right: -5px;}
  8066. .release-app2>.row>.col-sm-2,.release-app2>.row>.col-sm-10{padding-left: 5px; padding-right: 5px;}
  8067. */
  8068. aside.aside-left {
  8069. padding-top: 20px;
  8070. }
  8071. aside.aside-left ul li {
  8072. margin-bottom: 8px;
  8073. }
  8074. aside.aside-left ul li a {
  8075. padding-left: 40px;
  8076. display: block;
  8077. height: 60px;
  8078. line-height: 60px;
  8079. border-left: 4px solid transparent;
  8080. color: rgba(21, 21, 21, 1);
  8081. font-family: Source Han Sans SC;
  8082. font-weight: 500;
  8083. font-size: 16px;
  8084. display: inline-flex;
  8085. align-items: center;
  8086. width: 100%;
  8087. }
  8088. aside.aside-left ul li a .iconfont {
  8089. margin-right: 12px;
  8090. font-size: 24px;
  8091. width: 24px;
  8092. height: 24px;
  8093. line-height: 24px;
  8094. /* position: relative; */
  8095. /* display: inline-block; */
  8096. /* vertical-align: middle; */
  8097. }
  8098. aside.aside-left ul li a .iconfont::before {
  8099. content: "";
  8100. background-repeat: no-repeat;
  8101. background-size: 100% 100%;
  8102. background-position: center;
  8103. width: 24px;
  8104. height: 24px;
  8105. display: inline-block;
  8106. /* position: absolute; */
  8107. /* top: 50%; */
  8108. /* left: 0; */
  8109. background-image: url(../image/inner-nav/nav-3.png);
  8110. /* transform: translateY(-50%); */
  8111. }
  8112. aside.aside-left ul li a .iconfont.icon-upload1::before {
  8113. background-image: url(../image/inner-nav/nav-2.png);
  8114. }
  8115. aside.aside-left ul li a .iconfont.icon-41::before {
  8116. background-image: url(../image/inner-nav/nav-3.png);
  8117. }
  8118. aside.aside-left ul li a .iconfont.icon-liulanqi::before {
  8119. background-image: url(../image/inner-nav/nav-1.png);
  8120. }
  8121. aside.aside-left ul li a .iconfont.icon-erweima::before {
  8122. background-image: url(../image/inner-nav/nav-4.png);
  8123. }
  8124. aside.aside-left ul li a .iconfont.icon-jilu::before {
  8125. background-image: url(../image/inner-nav/nav-1.png);
  8126. }
  8127. aside.aside-left ul li a .iconfont.icon-pwd::before {
  8128. background-image: url(../image/inner-nav/nav-1.png);
  8129. }
  8130. aside.aside-left ul li a .iconfont.icon-gongju::before {
  8131. background-image: url(../image/inner-nav/nav-1.png);
  8132. }
  8133. aside.aside-left ul li a .iconfont.icon-jilu::before {
  8134. background-image: url(../image/inner-nav/nav-5.png);
  8135. }
  8136. aside.aside-left ul li a .iconfont.icon-fz::before {
  8137. background-image: url(../image/inner-nav/nav-6.png);
  8138. }
  8139. aside.aside-left ul li a .iconfont.icon-fzmianqian::before {
  8140. background-image: url(../image/inner-nav/nav-7.png);
  8141. }
  8142. aside.aside-left ul li a .iconfont.icon-fzjilu::before {
  8143. background-image: url(../image/inner-nav/nav-8.png);
  8144. }
  8145. aside.aside-left ul li a .iconfont.icon-user1::before {
  8146. background-image: url(../image/inner-nav/nav-9.png);
  8147. }
  8148. aside.aside-left ul li a .iconfont.icon-028::before {
  8149. background-image: url(../image/inner-nav/nav-10.png);
  8150. }
  8151. aside.aside-left ul li a .iconfont.icon-fapiao::before {
  8152. background-image: url(../image/inner-nav/nav-11.png);
  8153. }
  8154. aside.aside-left ul li a .iconfont.icon-team::before {
  8155. background-image: url(../image/inner-nav/nav-12.png);
  8156. }
  8157. aside.aside-left ul li a .iconfont.icon-008::before {
  8158. background-image: url(../image/inner-nav/nav-13.png);
  8159. }
  8160. aside.aside-left ul li.active a {
  8161. background-color: #e7f2fe;
  8162. border-color: rgba(33, 104, 251, 1);
  8163. color: #157df1;
  8164. }
  8165. aside.aside-left ul li.active a .iconfont {
  8166. color: #157df1;
  8167. }
  8168. aside.aside-left ul li.active a .icon-upload1 {
  8169. font-size: 18px;
  8170. }
  8171. aside.aside-left ul li:hover a {
  8172. background-color: rgba(231, 242, 254, 1);
  8173. border-color: #157df1;
  8174. color: rgba(33, 104, 251, 1);
  8175. }
  8176. aside.aside-left ul li:hover a .iconfont {
  8177. color: #157df1;
  8178. }
  8179. .release-app2 .aside-right .a-top {
  8180. margin-bottom: 5px;
  8181. }
  8182. .release-app2 .aside-right .a-top.mb10 {
  8183. margin-bottom: 10px;
  8184. }
  8185. .release-app2 .aside-right .a-top .app-icon {
  8186. width: 100px;
  8187. border-radius: 20px;
  8188. background-color: #fff;
  8189. cursor: pointer;
  8190. border: 1px solid #e5e5e5;
  8191. overflow: hidden;
  8192. }
  8193. .release-app2 .aside-right .a-top .app-icon li {
  8194. float: left;
  8195. width: 50%;
  8196. height: 38px;
  8197. display: flex;
  8198. justify-content: center;
  8199. align-items: center;
  8200. border-right: 1px solid #e5e5e5;
  8201. }
  8202. .release-app2 .aside-right .a-top .app-icon li:last-of-type {
  8203. border-right-color: transparent;
  8204. }
  8205. .release-app2 .aside-right .a-top .app-icon li .iconfont {
  8206. font-size: 22px;
  8207. color: #bbb;
  8208. }
  8209. .release-app2 .aside-right .a-top .app-icon li.active {
  8210. background-color: #157df1;
  8211. }
  8212. .release-app2 .aside-right .a-top .app-icon li.active .iconfont {
  8213. color: #fff;
  8214. }
  8215. .release-app2 .aside-right .search {
  8216. position: relative;
  8217. margin-left: 30px;
  8218. }
  8219. .release-app2 .aside-right .search .iconfont {
  8220. position: absolute;
  8221. left: 10px;
  8222. top: 50%;
  8223. transform: translateY(-50%);
  8224. font-size: 18px;
  8225. }
  8226. .release-app2 .aside-right .search input {
  8227. height: 40px;
  8228. line-height: 38px;
  8229. width: 160px;
  8230. border: 1px solid #e5e5e5;
  8231. padding-left: 40px;
  8232. background-color: transparent;
  8233. color: #333;
  8234. }
  8235. .release-app2 .aside-right .search input::-webkit-input-placeholder {
  8236. color: #333 !important;
  8237. }
  8238. .release-app2 .aside-right .search input::-moz-placeholder {
  8239. color: #333 !important;
  8240. }
  8241. .release-app2 .aside-right .search input::-ms-input-placeholder {
  8242. color: #333 !important;
  8243. }
  8244. .release-app2 .aside-right .search .btn-search {
  8245. line-height: 40px;
  8246. color: #157df1;
  8247. margin-left: 15px;
  8248. }
  8249. .release-app2 .aside-right .how-many dl dd {
  8250. text-align: right;
  8251. position: relative;
  8252. padding-right: 20px;
  8253. margin-right: 20px;
  8254. }
  8255. .release-app2 .aside-right .how-many dl dd .p1 {
  8256. font-size: 12px;
  8257. float: left;
  8258. color: #999;
  8259. }
  8260. .release-app2 .aside-right .how-many dl dd .icon-prompt1 {
  8261. font-size: 14px;
  8262. color: #999;
  8263. float: left;
  8264. margin: -3px 0 0 3px;
  8265. }
  8266. .release-app2 .aside-right .how-many dl dd .icon-prompt {
  8267. margin-left: 5px;
  8268. float: left;
  8269. }
  8270. .release-app2 .aside-right .how-many dl dd .p2 {
  8271. color: #333;
  8272. float: right;
  8273. font-size: 19px;
  8274. }
  8275. .release-app2 .aside-right .how-many dl dd .p2 i {
  8276. font-size: 12px;
  8277. color: #999;
  8278. }
  8279. .release-app2 .aside-right .how-many dl dd .p2 span {
  8280. float: right;
  8281. }
  8282. .release-app2 .aside-right .how-many dl dd .p2 span:last-child {
  8283. margin-right: 10px;
  8284. }
  8285. .release-app2 .aside-right .how-many dl dd .right-line {
  8286. position: absolute;
  8287. top: 6px;
  8288. right: 0;
  8289. background-color: #e5e5e5;
  8290. width: 1px;
  8291. height: 30px;
  8292. }
  8293. .release-app2 .aside-right .how-many .ms-btn-primary.w60 {
  8294. padding: 3px 12px;
  8295. margin-top: 6px;
  8296. }
  8297. .release-app2 .aside-right .how-many .big-bag-btn {
  8298. background-color: #fd9817;
  8299. border-color: #fd9817;
  8300. color: #fff;
  8301. }
  8302. .release-app2 .aside-right .app-table-wrap {
  8303. /*min-height: 502px;*/
  8304. margin-top: 5px;
  8305. /*margin-bottom: 40px;*/
  8306. /*background-color: #fff;*/
  8307. /*border: 1px solid #e5e5e5; border-top: none;*/
  8308. }
  8309. .release-app2 .aside-right .app-table {
  8310. border: 1px solid #e5e5e5;
  8311. font-size: 12px;
  8312. margin-bottom: 0;
  8313. }
  8314. .release-app2 .aside-right .app-table tr th {
  8315. text-align: center;
  8316. font-weight: 600;
  8317. color: #666;
  8318. padding: 15px 0;
  8319. background-color: #f7f7fa;
  8320. border-color: #e5e5e5;
  8321. }
  8322. .release-app2 .aside-right .app-table tr td {
  8323. text-align: center;
  8324. padding: 0 10px;
  8325. vertical-align: middle;
  8326. border-color: #e5e5e5;
  8327. color: #000000;
  8328. height: 60px;
  8329. }
  8330. /*.release-app2 .aside-right .app-table tr .app-th-name{width: 160px;}*/
  8331. .release-app2 .aside-right .app-table>tbody>tr>td.color-danger {
  8332. color: #fd641d;
  8333. }
  8334. .release-app2 .aside-right .app-table>tbody>tr>td.color-999 {
  8335. color: #999;
  8336. }
  8337. .release-app2 .aside-right .app-table>tbody>tr>td td {
  8338. text-align: left;
  8339. }
  8340. .release-app2 .aside-right .app-table tr:hover td {
  8341. background-color: #ebf7ff;
  8342. }
  8343. .release-app2 .aside-right .app-table .app-icon1 {
  8344. border-radius: 15px;
  8345. border: 1px solid #e5e5e5;
  8346. width: 50px;
  8347. height: 50px;
  8348. }
  8349. .table-list .app-table .download-code {
  8350. /*display: inline-block;*/
  8351. }
  8352. .table-list .app-table .download-code-wrap {
  8353. line-height: 16px;
  8354. height: 16px;
  8355. }
  8356. .table-list .app-table .download-code1 {
  8357. display: inline-flex;
  8358. }
  8359. .table-list .app-table .download-code .ellipsis {
  8360. color: #157df1;
  8361. }
  8362. .table-list .app-table .download-code .ellipsis:hover {
  8363. text-decoration: underline;
  8364. }
  8365. .table-list .app-table .download-code .icon-small-code {
  8366. margin-top: 1px;
  8367. margin-left: 3px;
  8368. }
  8369. .release-app2 .aside-right .app-table .app-name1 {
  8370. display: block;
  8371. color: #666;
  8372. max-width: 96px;
  8373. white-space: nowrap;
  8374. overflow: hidden;
  8375. text-overflow: ellipsis;
  8376. }
  8377. .release-app2 .aside-right .app-table .app-icon-name {
  8378. position: relative;
  8379. display: flex;
  8380. align-items: center;
  8381. }
  8382. .release-app2 .aside-right .app-table .app-icon-name .big-package-1 {
  8383. position: absolute;
  8384. left: -11px;
  8385. top: -10px;
  8386. background-color: #fd9817;
  8387. height: 16px;
  8388. line-height: 16px;
  8389. padding: 0 3px 0 1px;
  8390. border-radius: 0 10px 10px 0;
  8391. color: #fff;
  8392. font-size: 12px;
  8393. display: none;
  8394. }
  8395. .release-app2 .aside-right .app-table .app-icon-name .app-expired {
  8396. position: absolute;
  8397. left: -11px;
  8398. top: -10px;
  8399. background-color: #fd641d;
  8400. height: 16px;
  8401. line-height: 16px;
  8402. padding: 0 3px 0 1px;
  8403. border-radius: 0 10px 10px 0;
  8404. color: #fff;
  8405. font-size: 12px;
  8406. z-index: 2;
  8407. display: none;
  8408. }
  8409. .release-app2 .aside-right .app-table tr td.disabled {
  8410. background-color: #fff !important;
  8411. }
  8412. .release-app2 .aside-right .app-table tr td.disabled img {
  8413. -webkit-filter: grayscale(100%);
  8414. -moz-filter: grayscale(100%);
  8415. -ms-filter: grayscale(100%);
  8416. -o-filter: grayscale(100%);
  8417. filter: grayscale(100%);
  8418. filter: gray;
  8419. }
  8420. .release-app2 .aside-right .app-table tr td.disabled .tit2 {
  8421. color: #999;
  8422. }
  8423. .release-app2 .aside-right .app-table tr td.disabled .ellipsis {
  8424. color: #ccc;
  8425. }
  8426. .version-history-table {
  8427. border: 1px solid #e5e5e5;
  8428. }
  8429. .version-history-table th {
  8430. border: none !important;
  8431. text-align: center;
  8432. font-weight: normal;
  8433. color: #666;
  8434. height: 40px;
  8435. background-color: #f5f6f7;
  8436. font-size: 12px;
  8437. vertical-align: middle !important;
  8438. }
  8439. .version-history-table tr td {
  8440. padding: 0 15px !important;
  8441. height: 50px;
  8442. vertical-align: middle !important;
  8443. font-size: 12px;
  8444. text-align: center;
  8445. }
  8446. .version-history-table tr td .bundle-length {
  8447. display: block;
  8448. }
  8449. .version-history-table tr td .iconfont {
  8450. font-size: 20px;
  8451. cursor: pointer;
  8452. }
  8453. /*.release-app2 .aside-right .no-app{min-height: 326px; border: 1px solid #e5e5e5; border-top: none;}*/
  8454. .release-app2 .aside-right .no-app .iconfont {
  8455. font-size: 20px;
  8456. }
  8457. .release-app2 .aside-right .no-app .text {
  8458. margin: 4px 0 0 5px;
  8459. }
  8460. /*.app-details{margin-bottom: 40px;}*/
  8461. .app-details .details-top {
  8462. padding: 39px 30px;
  8463. background-color: #fff;
  8464. margin-bottom: 20px;
  8465. box-shadow: 0 0 5px rgba(0, 0, 0, .05);
  8466. }
  8467. .app-details .details-top>img {
  8468. border: 1px solid #e5e5e5;
  8469. border-radius: 12px;
  8470. width: 60px;
  8471. height: 60px;
  8472. }
  8473. .app-details .details-top .information {
  8474. margin-left: 15px;
  8475. }
  8476. .app-details .details-top .information dt {
  8477. color: #333;
  8478. margin-bottom: 2px;
  8479. margin-top: -5px;
  8480. }
  8481. .app-set1 .details-top .information dt {
  8482. margin-top: 0;
  8483. }
  8484. .app-details .details-top .information dt .i-tit {
  8485. position: relative;
  8486. }
  8487. .app-details .details-top .information dt .i-tit .iconfont {
  8488. color: #bbb;
  8489. font-size: 21px;
  8490. }
  8491. .app-details .details-top .information dt .text {
  8492. font-size: 20px;
  8493. }
  8494. /*.app-details .details-top .information dt .iconfont{position: absolute; right: -20px; top: 0;}*/
  8495. .app-details .details-top .information dt .version {
  8496. position: absolute;
  8497. left: calc(100% + 5px);
  8498. top: -10px;
  8499. background-color: #fc4e54;
  8500. font-size: 12px;
  8501. width: 42px;
  8502. height: 18px;
  8503. line-height: 18px;
  8504. color: #fff;
  8505. text-align: center;
  8506. border-radius: 3px;
  8507. }
  8508. .app-details .details-top .information dt .version-private {
  8509. background-color: #fd641d;
  8510. }
  8511. .app-details .details-top .information dt .no-flash-back {
  8512. background-color: #2fc302;
  8513. width: 52px;
  8514. }
  8515. .app-details .details-top .information dd {
  8516. color: #999;
  8517. }
  8518. /*.app-details .details-top .information dd:first-of-type{margin-bottom: 3px;}*/
  8519. .app-details .details-top .information dd span {
  8520. margin-right: 30px;
  8521. }
  8522. .app-details .details-top .information dd i {
  8523. margin-left: 10px;
  8524. }
  8525. .add-notes-wrap {
  8526. cursor: pointer;
  8527. margin-right: 0 !important;
  8528. }
  8529. .add-notes-wrap span {
  8530. margin-right: 0 !important;
  8531. }
  8532. .add-notes .icon-compile {
  8533. cursor: pointer;
  8534. margin-top: -1px;
  8535. }
  8536. .add-notes .icon-compile:hover {
  8537. color: #157df1;
  8538. }
  8539. .add-notes .text {
  8540. max-width: 250px;
  8541. overflow: hidden;
  8542. text-overflow: ellipsis;
  8543. white-space: nowrap;
  8544. margin-right: 3px !important;
  8545. }
  8546. /*.add-notes>span:last-of-type:hover{color: #157df1;}*/
  8547. .add-notes:hover>span:last-of-type {
  8548. color: #157df1;
  8549. }
  8550. .add-notes:hover .icon-compile {
  8551. color: #157df1;
  8552. }
  8553. .add-notes-wrap input[name='remark'] {
  8554. display: inline-block;
  8555. width: 200px;
  8556. height: 26px;
  8557. display: none;
  8558. }
  8559. #notesModal .modal-content .close {
  8560. position: absolute;
  8561. right: 10px;
  8562. top: 10px;
  8563. z-index: 2;
  8564. color: #333;
  8565. opacity: 1;
  8566. font-size: 24px;
  8567. }
  8568. #notesModal .modal-footer {
  8569. border-top: none;
  8570. padding: 20px 30px 30px;
  8571. }
  8572. #notesModal .modal-body {
  8573. padding: 25px 30px 0;
  8574. }
  8575. #notesModal .modal-body .tit {
  8576. margin-bottom: 15px;
  8577. color: #333;
  8578. }
  8579. #notesModal .modal-footer .ms-btn-primary {
  8580. width: 130px;
  8581. padding: 9px;
  8582. }
  8583. .app-list-notes-wrap {
  8584. line-height: 100%;
  8585. }
  8586. .app-list-notes:empty {
  8587. display: none;
  8588. }
  8589. .app-list-notes {
  8590. margin-top: 3px;
  8591. font-size: 12px;
  8592. color: #999;
  8593. display: block;
  8594. }
  8595. .app-list-notes2 {
  8596. margin-top: 6px;
  8597. display: inline-block;
  8598. }
  8599. .app-details .details-bottom {
  8600. padding: 10px 0;
  8601. /*background-color: #fff; box-shadow: 0 0 5px rgba(0,0,0,.05);*/
  8602. }
  8603. .app-details .details-bottom table {
  8604. width: 100%;
  8605. table-layout: fixed;
  8606. }
  8607. .app-details .details-bottom table th {
  8608. font-weight: normal;
  8609. padding: 20px 10px 10px 0;
  8610. color: #333;
  8611. white-space: nowrap;
  8612. vertical-align: middle;
  8613. }
  8614. .app-details .details-bottom table th .th-line {
  8615. border-left: 4px solid #157df1;
  8616. height: 22px;
  8617. line-height: 22px;
  8618. display: inline-block;
  8619. padding-left: 10px;
  8620. }
  8621. .app-details .details-bottom table th .icon-prompt {
  8622. position: relative;
  8623. margin-left: 3px;
  8624. top: -3px;
  8625. }
  8626. .app-details .details-bottom table th .icon-prompt1 {
  8627. position: relative;
  8628. margin-left: 0px;
  8629. top: 0;
  8630. }
  8631. .app-details .details-bottom table th .icon-prompt .popover1-content {
  8632. width: 210px;
  8633. font-size: 12px;
  8634. }
  8635. .app-details .details-bottom table th .icon-prompt1 .popover1-content {
  8636. width: 220px;
  8637. font-size: 12px;
  8638. white-space: normal;
  8639. }
  8640. .app-details .details-bottom table td {
  8641. padding: 10px 0 10px 15px;
  8642. vertical-align: top;
  8643. white-space: nowrap;
  8644. color: #999;
  8645. }
  8646. .app-details .details-bottom .d-table-wrap {
  8647. position: relative;
  8648. }
  8649. .app-details .details-bottom .points-line {
  8650. position: absolute;
  8651. left: 50%;
  8652. height: calc(100% - 20px);
  8653. width: 1px;
  8654. background-color: #e5e5e5;
  8655. top: 50%;
  8656. transform: translateY(-50%);
  8657. }
  8658. .app-details .details-bottom .points-line-l {
  8659. left: 33.33%;
  8660. }
  8661. .app-details .details-bottom .points-line-r {
  8662. right: 33.33%;
  8663. left: auto;
  8664. }
  8665. .app-details .details-bottom .points-line-wrap .points-line-3:nth-of-type(1) {
  8666. left: 25%;
  8667. }
  8668. .app-details .details-bottom .points-line-wrap .points-line-3:nth-of-type(2) {
  8669. left: 50%;
  8670. }
  8671. .app-details .details-bottom .points-line-wrap .points-line-3:nth-of-type(3) {
  8672. left: 75%;
  8673. }
  8674. .app-details .bundle-length {
  8675. max-width: 200px;
  8676. white-space: nowrap;
  8677. text-overflow: ellipsis;
  8678. overflow: hidden;
  8679. display: inline-block;
  8680. }
  8681. .app-details .details-bottom .d-table-wrap .test-download {}
  8682. .app-details .details-bottom .d-table-wrap .link {
  8683. max-width: 170px;
  8684. white-space: nowrap;
  8685. text-overflow: ellipsis;
  8686. overflow: hidden;
  8687. display: inline-block;
  8688. }
  8689. /*.app-details .details-bottom .d-table-wrap .test-download img{margin: 0 5px;}*/
  8690. .app-details .details-bottom .d-table-wrap .more {
  8691. color: #157df1;
  8692. }
  8693. .app-details .details-bottom .d-table-wrap .more:hover {
  8694. text-decoration: underline;
  8695. }
  8696. .app-details .details-bottom .d-table-wrap .private-equipment-wrap {
  8697. display: inline-block;
  8698. }
  8699. .app-details .details-bottom .d-table-wrap .private-equipment {
  8700. max-width: 170px;
  8701. width: auto;
  8702. }
  8703. .app-details2 .bundle-length1 {
  8704. max-width: 255px !important;
  8705. }
  8706. .app-details2 .bundle-length2 {
  8707. max-width: 292px !important;
  8708. }
  8709. .app-details2 .bundle-length3 {
  8710. max-width: 310px !important;
  8711. }
  8712. /*下载明细*/
  8713. /* .download-details .table {
  8714. border: 1px solid #e5e5e5;
  8715. table-layout: fixed;
  8716. }
  8717. .download-details .table tr th {
  8718. border-top-color: #e5e5e5 !important;
  8719. height: 50px;
  8720. vertical-align: middle;
  8721. text-align: center;
  8722. background-color: #f5f6f7;
  8723. font-weight: 600;
  8724. font-size: 12px;
  8725. color: #333;
  8726. }
  8727. .download-details .table tr td {
  8728. border-top-color: #e5e5e5 !important;
  8729. height: 50px;
  8730. vertical-align: middle;
  8731. text-align: center;
  8732. font-size: 12px;
  8733. color: #000000;
  8734. }
  8735. .download-details .table tr:hover {
  8736. background: #ebf7ff;
  8737. }
  8738. .download-details .no {
  8739. text-align: center;
  8740. margin-top: 100px;
  8741. } */
  8742. /*/下载明细*/
  8743. /*详情页 签名*/
  8744. .app-details .d-signature {
  8745. /*background-color: #fff; box-shadow: 0 0 5px rgba(0,0,0,.05);*/
  8746. padding: 30px 20px;
  8747. position: relative;
  8748. }
  8749. .app-details .d-signature dl {
  8750. color: #333;
  8751. }
  8752. .app-details .d-signature dl dd {
  8753. color: #666;
  8754. }
  8755. .app-details .d-signature dl dd span {
  8756. color: #157df1;
  8757. position: relative;
  8758. top: -1px;
  8759. margin-right: 3px;
  8760. }
  8761. .app-details .d-signature .signature-link {
  8762. position: absolute;
  8763. right: 30px;
  8764. top: 50%;
  8765. padding: 6px 21px;
  8766. border-radius: 20px;
  8767. transform: translateY(-50%);
  8768. }
  8769. /*/详情页 签名*/
  8770. /* .release-app2 .aside-right .version-history-table td {
  8771. position: relative;
  8772. height: 50px;
  8773. border-color: #e5e5e5;
  8774. }
  8775. .release-app2 .aside-right .version-history-table td .angle {
  8776. position: absolute;
  8777. left: 0;
  8778. top: 0;
  8779. } */
  8780. /*
  8781. .release-app2 .aside-right .app-details .downloads{padding: 10px 0; background-color: #fff; margin-bottom: 20px; box-shadow: 0 0 5px rgba(0,0,0,.05);}
  8782. .release-app2 .aside-right .app-details .downloads li{float: left; width: 50%; height: 70px; line-height: 70px; padding-left: 20px; color: #333;}
  8783. .release-app2 .aside-right .app-details .downloads li .d-left{background-color: #7fb8f7; width: 45px; height: 45px; display: flex; justify-content: center; align-items: center; color: #fff; margin-top: 13px;}
  8784. .release-app2 .aside-right .app-details .downloads li .d-left .iconfont{font-size: 20px;}
  8785. .release-app2 .aside-right .app-details .downloads li .d-text{margin-left: 10px;}
  8786. .release-app2 .aside-right .app-details .downloads li .d-num{margin-left: 15px; font-size: 16px;}
  8787. .release-app2 .aside-right .app-details .downloads li:first-of-type{border-right: 1px solid #e5e5e5;}
  8788. .release-app2 .aside-right .app-details .downloads li:last-of-type .d-left{background-color: #a59bf6;}
  8789. */
  8790. .release-app2 .aside-right .app-details .details-bottom .ellipsis-wrap {
  8791. position: relative;
  8792. }
  8793. .release-app2 .aside-right .app-details .details-bottom .ellipsis-wrap .popover {
  8794. max-width: 410px;
  8795. width: 410px;
  8796. top: 15px;
  8797. font-size: 14px;
  8798. }
  8799. .release-app2 .aside-right .app-details .details-bottom .ellipsis-wrap .popover .popover-content span {
  8800. color: #157df1;
  8801. margin-left: 10px;
  8802. cursor: pointer;
  8803. }
  8804. .release-app2 .aside-right .app-details .details-bottom .ellipsis-wrap .ellipsis {
  8805. width: 80%;
  8806. }
  8807. .release-app2 .aside-right .app-details .details-bottom .ellipsis-wrap .popover.bottom>.arrow {
  8808. left: 25px;
  8809. }
  8810. .release-app2 .aside-right .app-details .details-bottom .ellipsis-wrap:hover .popover {
  8811. display: block;
  8812. }
  8813. .release-app2 .app-details .app-set {
  8814. box-shadow: 0 0 5px rgba(0, 0, 0, .05);
  8815. background-color: #fff;
  8816. margin-top: 20px;
  8817. padding-bottom: 15px;
  8818. min-height: 360px;
  8819. }
  8820. .release-app2 .app-details .app-set .tab {
  8821. background-color: #f2f2f5;
  8822. height: 44px;
  8823. line-height: 44px;
  8824. border-bottom: 1px solid #e5e5e5;
  8825. }
  8826. .release-app2 .app-details .app-set .tab li {
  8827. float: left;
  8828. padding: 0 20px;
  8829. cursor: pointer;
  8830. color: #333;
  8831. }
  8832. .release-app2 .app-details .app-set .tab li.active {
  8833. background-color: #fff;
  8834. border-right: 1px solid #e5e5e5;
  8835. border-left: 1px solid #e5e5e5;
  8836. margin-left: -1px;
  8837. color: #157df1;
  8838. }
  8839. .release-app2 .app-details .app-set .tab-con {
  8840. margin-top: 30px;
  8841. }
  8842. .release-app2 .app-details .app-set .col-sm-1 {
  8843. width: 13%;
  8844. }
  8845. .release-app2 .app-details .app-set .tab-con label {
  8846. color: #333;
  8847. }
  8848. .release-app2 .app-details .app-set .tab-con .form-control {
  8849. color: #333;
  8850. }
  8851. .release-app2 .app-details .app-set .tab-con>div {
  8852. display: none;
  8853. }
  8854. .release-app2 .app-details .app-set .tab-con .form-group {
  8855. margin-bottom: 30px;
  8856. }
  8857. .release-app2 .app-details .app-set .trust {
  8858. margin-top: 7px;
  8859. font-size: 12px;
  8860. }
  8861. .release-app2 .app-details .app-set .trust li {
  8862. float: left;
  8863. margin-right: 50px;
  8864. margin-top: 2px;
  8865. cursor: pointer;
  8866. color: #333;
  8867. }
  8868. .release-app2 .app-details .app-set .trust li .icon-radio {
  8869. margin-right: 8px;
  8870. top: 0;
  8871. }
  8872. .release-app2 .app-details .app-set .download-way {
  8873. margin-top: 7px;
  8874. font-size: 12px;
  8875. }
  8876. .release-app2 .app-details .app-set .download-way li {
  8877. float: left;
  8878. margin-right: 50px;
  8879. cursor: pointer;
  8880. color: #333;
  8881. font-size: 14px;
  8882. }
  8883. .release-app2 .app-details .app-set .download-way li .icon-radio {
  8884. margin-right: 8px;
  8885. top: 2px;
  8886. }
  8887. .release-app2 .app-details .app-set .short-link>.col-sm-6>.col-sm-6 {
  8888. padding-left: 0;
  8889. padding-right: 0;
  8890. }
  8891. .release-app2 .app-details .app-set .short-link .form-control {
  8892. border-radius: 0 4px 4px 0;
  8893. border-left: none;
  8894. }
  8895. .release-app2 .app-details .app-set .short-link .link {
  8896. padding: 6px 12px !important;
  8897. height: 34px;
  8898. background-color: #f2f2f5;
  8899. border: 1px solid #e5e5e5;
  8900. border-radius: 4px 0 0 4px;
  8901. color: #333;
  8902. }
  8903. .release-app2 .app-details .app-set .language .control-label {
  8904. padding-top: 0;
  8905. }
  8906. .release-app2 .app-details .app-set .language .radio-round {
  8907. color: #333;
  8908. }
  8909. .release-app2 .app-screenshots .example-image-link {
  8910. position: relative;
  8911. margin-right: 20px;
  8912. float: left;
  8913. border: 1px solid #e5e5e5;
  8914. }
  8915. .release-app2 .app-screenshots .example-image-link .icon {
  8916. position: absolute;
  8917. color: #ff6565;
  8918. right: -8px;
  8919. top: -8px;
  8920. right: 0 \9;
  8921. top: 0 \9;
  8922. }
  8923. .release-app2 .app-screenshots a {
  8924. width: 90px \9;
  8925. height: 160px \9;
  8926. overflow: hidden \9;
  8927. }
  8928. /*\9为ie9以上,除ie11*/
  8929. .release-app2 .app-screenshots a img {
  8930. max-width: 90px;
  8931. max-height: 160px;
  8932. width: 90px \9;
  8933. height: 160px \9;
  8934. }
  8935. .release-app2 .upload-screenshots {
  8936. position: relative;
  8937. border: 1px solid #e5e5e5;
  8938. height: 80px;
  8939. width: 80px;
  8940. border-radius: 5px;
  8941. background: url("../image/icon-10.png") no-repeat center 20px;
  8942. overflow: hidden;
  8943. /*margin-left: 15px;*/
  8944. }
  8945. .release-app2 .upload-screenshots .thumbnail-s {
  8946. position: absolute;
  8947. left: 0;
  8948. top: 0;
  8949. z-index: 2;
  8950. width: 100%;
  8951. height: 100%;
  8952. opacity: 0;
  8953. cursor: pointer;
  8954. }
  8955. .release-app2 .upload-screenshots .text {
  8956. text-align: center;
  8957. margin-top: 55px;
  8958. font-size: 12px;
  8959. }
  8960. .upload-icon-common {
  8961. position: relative;
  8962. border: 1px solid #e5e5e5;
  8963. height: 80px;
  8964. width: 80px;
  8965. border-radius: 15px;
  8966. background: url("../image/icon-10.png") no-repeat center 20px;
  8967. overflow: hidden;
  8968. /*margin-left: 15px;*/
  8969. }
  8970. .upload-icon-common img {
  8971. position: absolute;
  8972. left: 0;
  8973. top: 0;
  8974. width: 100%;
  8975. height: 100%;
  8976. border-radius: 15px;
  8977. background-color: #fff;
  8978. }
  8979. .upload-icon-common .thumbnail {
  8980. position: absolute;
  8981. left: 0;
  8982. top: 0;
  8983. z-index: 2;
  8984. width: 100%;
  8985. height: 100%;
  8986. opacity: 0;
  8987. cursor: pointer;
  8988. }
  8989. .upload-icon-common .text {
  8990. text-align: center;
  8991. margin-top: 55px;
  8992. font-size: 12px;
  8993. }
  8994. .release-app2 .app-details .app-set .img-note {
  8995. font-size: 12px;
  8996. display: flex;
  8997. align-items: flex-end;
  8998. height: 90px;
  8999. margin-left: 10px;
  9000. }
  9001. .upload-icon-common .reset {
  9002. position: absolute;
  9003. left: 0;
  9004. bottom: 0;
  9005. height: 24px;
  9006. line-height: 24px;
  9007. background: rgba(0, 0, 0, .6);
  9008. width: 100%;
  9009. color: #fff;
  9010. text-align: center;
  9011. font-size: 12px;
  9012. display: none;
  9013. }
  9014. .upload-icon-common.uploaded .reset {
  9015. display: none;
  9016. }
  9017. .upload-icon-common.uploaded:hover .reset {
  9018. display: block;
  9019. }
  9020. .release-app2 .aside-right .app-set .basic input::-webkit-input-placeholder {
  9021. color: #333 !important;
  9022. }
  9023. .release-app2 .aside-right .app-set .basic input::-moz-placeholder {
  9024. color: #333 !important;
  9025. }
  9026. .release-app2 .aside-right .app-set .basic input::-ms-input-placeholder {
  9027. color: #333 !important;
  9028. }
  9029. .release-app2 .aside-right .app-set .download-template ul li {
  9030. float: left;
  9031. margin-right: 30px;
  9032. text-align: center;
  9033. margin-bottom: 20px;
  9034. }
  9035. .release-app2 .aside-right .app-set .download-template .t-checked-wrap {
  9036. width: 125px;
  9037. height: 155px;
  9038. position: relative;
  9039. border: 1px solid #e5e5e5;
  9040. overflow: hidden;
  9041. margin-bottom: 10px;
  9042. cursor: pointer;
  9043. }
  9044. .release-app2 .aside-right .app-set .download-template .text {
  9045. color: #157df1;
  9046. }
  9047. .release-app2 .aside-right .app-set .download-template .t-checked-wrap .t-checked {
  9048. position: absolute;
  9049. left: 0;
  9050. top: 0;
  9051. background-color: rgba(0, 0, 0, .6);
  9052. width: 100%;
  9053. height: 100%;
  9054. display: flex;
  9055. align-items: center;
  9056. justify-content: center;
  9057. display: none;
  9058. }
  9059. .release-app2 .aside-right .app-set .download-template .t-checked-wrap .t-checked .iconfont {
  9060. color: #fff;
  9061. font-size: 32px;
  9062. }
  9063. .release-app2 .upload-file {
  9064. padding: 0;
  9065. padding-top: 0;
  9066. margin-top: 0;
  9067. }
  9068. .release-app2 .warn-prompt {
  9069. margin-top: 0;
  9070. }
  9071. .release-app2 .tag-box {
  9072. padding: 0 !important;
  9073. height: 404px !important;
  9074. }
  9075. .release-app2 .qq-upload-button-selector {
  9076. margin-top: 180px !important;
  9077. margin-bottom: 0;
  9078. }
  9079. .release-app2 .tag-box-v5 {
  9080. border: none;
  9081. margin-top: 0;
  9082. }
  9083. @media (max-width: 767px) {
  9084. .user-center1>.row>.col-sm-2,
  9085. .release-app2>.row>.col-sm-2 {
  9086. padding-right: 0;
  9087. }
  9088. }
  9089. /*侧栏增加大包上传入口*/
  9090. .big-bag-upload {
  9091. margin-bottom: 40px;
  9092. display: block;
  9093. }
  9094. .big-bag .aside-left {
  9095. height: 500px;
  9096. margin-bottom: 40px;
  9097. }
  9098. .big-bag aside.aside-left ul li a .iconfont {
  9099. margin-right: 10px;
  9100. color: #fd9817;
  9101. }
  9102. .big-bag aside.aside-left ul li.active a {
  9103. background-color: #fff4e7;
  9104. border-color: #fd9817;
  9105. color: #fd9817;
  9106. }
  9107. .big-bag aside.aside-left ul li.active a .iconfont {
  9108. color: #fd9817;
  9109. }
  9110. .big-bag aside.aside-left ul li.active a .icon-upload1 {
  9111. font-size: 18px;
  9112. }
  9113. .big-bag aside.aside-left ul li:hover a {
  9114. background-color: #fff4e7;
  9115. border-color: #fd9817;
  9116. color: #fd9817;
  9117. }
  9118. .big-bag aside.aside-left ul li:hover a .iconfont {
  9119. color: #fd9817;
  9120. }
  9121. .big-bag .upload-file .upload-btn .iconfont {}
  9122. .big-bag .upload-file .upload-btn {
  9123. background-color: #fd9817;
  9124. border-color: #fd9817;
  9125. }
  9126. .big-bag .aside-right .a-top .app-icon li.active {
  9127. background-color: #fd9817;
  9128. }
  9129. .big-bag .aside-right .search .btn-search {
  9130. color: #fd9817;
  9131. }
  9132. .big-bag .ms-btn-primary.btn-new-release {
  9133. background-color: #fd9817;
  9134. border-color: #fd9817;
  9135. }
  9136. /*大包立即购买按钮*/
  9137. .upload-file .upload-buy {
  9138. width: 240px;
  9139. padding: 0;
  9140. height: 60px;
  9141. font-size: 18px;
  9142. line-height: 58px;
  9143. margin: 0 auto;
  9144. display: block;
  9145. position: relative;
  9146. background-color: #fd9817;
  9147. border-color: #fd9817;
  9148. }
  9149. .upload-file .upload-buy .iconfont {
  9150. font-size: 24px;
  9151. margin-right: 5px;
  9152. position: relative;
  9153. top: 1px;
  9154. }
  9155. .details-upload-new-version {
  9156. background-color: #157df1;
  9157. color: #fff;
  9158. border-radius: 25px;
  9159. padding: 10px 20px;
  9160. height: 50px;
  9161. align-items: center;
  9162. box-shadow: 0 5px 10px rgba(202, 225, 252, .5);
  9163. }
  9164. .details-upload-new-version:hover {
  9165. background-color: #348dee;
  9166. color: #fff;
  9167. }
  9168. .details-upload-new-version:focus {
  9169. background-color: #348dee;
  9170. color: #fff;
  9171. }
  9172. .details-upload-new-version .iconfont {
  9173. margin-right: 10px;
  9174. }
  9175. .details-upload-new-version .icon-upload1 {
  9176. font-size: 20px;
  9177. position: relative;
  9178. top: 2px;
  9179. }
  9180. .details-upload-new-version .icon-upload1+.text {
  9181. position: relative;
  9182. top: -1px;
  9183. }
  9184. .details-upload-new-version .icon-xiazai {
  9185. font-size: 24px;
  9186. margin-right: 5px;
  9187. position: relative;
  9188. top: -3px;
  9189. }
  9190. .details-upload-new-version .icon-xiazai+.text {
  9191. position: relative;
  9192. top: -6px;
  9193. }
  9194. .details-preview {
  9195. width: 50px;
  9196. height: 50px;
  9197. padding: 0;
  9198. text-align: center;
  9199. line-height: 50px;
  9200. border-radius: 50%;
  9201. border: 1px solid #1a80f1;
  9202. color: #1a80f1;
  9203. }
  9204. .details-preview:focus {
  9205. background-color: transparent;
  9206. color: #1a80f1;
  9207. }
  9208. .details-preview:hover {
  9209. background-color: #1a80f1;
  9210. color: #fff;
  9211. }
  9212. .details-preview:focus:hover {
  9213. background-color: #1a80f1;
  9214. color: #fff;
  9215. }
  9216. .details-merge {
  9217. width: 50px;
  9218. height: 50px;
  9219. padding: 0;
  9220. text-align: center;
  9221. border-radius: 50%;
  9222. border: 1px solid #FF7429;
  9223. color: #FF7429;
  9224. white-space: normal;
  9225. padding: 0 5px;
  9226. line-height: 14px;
  9227. }
  9228. .details-merge.details-renewal {
  9229. line-height: 50px;
  9230. }
  9231. .details-merge:focus {
  9232. background-color: transparent;
  9233. }
  9234. .details-merge:hover {
  9235. background-color: #FF7429;
  9236. color: #fff;
  9237. }
  9238. .details-merge.btn-success:focus {
  9239. border-color: #FF7429;
  9240. color: #FF7429;
  9241. background-color: transparent;
  9242. }
  9243. .details-merge.btn-success:hover {
  9244. border-color: #FF7429;
  9245. }
  9246. /*----------/应用发布 改版----------*/
  9247. /*----------应用发布 改版2019/1/22----------*/
  9248. .app-details2 {
  9249. background-color: #fff;
  9250. min-height: 450px;
  9251. }
  9252. .app-details2 .details-top {
  9253. background-color: transparent;
  9254. box-shadow: none;
  9255. margin-bottom: 0;
  9256. }
  9257. .app-details2 .details-top .d-right {
  9258. margin-top: 5px;
  9259. }
  9260. .app-details2 .app-information {
  9261. padding: 0 20px;
  9262. }
  9263. .app-details2 .app-information .more-wrap {
  9264. position: relative;
  9265. }
  9266. .app-details2 .app-information .more-wrap img {
  9267. width: 50px;
  9268. height: 50px;
  9269. position: absolute;
  9270. left: 90px;
  9271. top: -30px;
  9272. transition: all 500ms;
  9273. background-color: #fff;
  9274. }
  9275. .app-details2 .app-information .test-download2 img {
  9276. left: 175px;
  9277. top: -35px;
  9278. }
  9279. .app-details2 .app-information .more-wrap img:hover {
  9280. width: 125px;
  9281. height: 125px;
  9282. position: absolute;
  9283. left: 70px;
  9284. top: -80px;
  9285. }
  9286. .app-details2 .app-information .test-download2 img:hover {
  9287. position: absolute;
  9288. left: 150px;
  9289. top: -80px;
  9290. }
  9291. .app-details2 .table-list {
  9292. padding: 25px 20px 30px;
  9293. }
  9294. .app-details2 .version-tit {
  9295. color: #333;
  9296. font-size: 16px;
  9297. margin-bottom: 15px;
  9298. }
  9299. .app-details2 .version-tit .iconfont {
  9300. font-size: 18px;
  9301. margin-right: 5px;
  9302. position: relative;
  9303. top: 1px;
  9304. }
  9305. .app-details2 .version-history-table .bundle-length {
  9306. max-width: 150px;
  9307. display: inline-block;
  9308. position: relative;
  9309. top: 3px;
  9310. }
  9311. .app-details2 .version-history-table td .iconfont {
  9312. font-size: 24px;
  9313. margin-left: 8px;
  9314. }
  9315. .app-details2 .version-history-table td .icon-shanchu:hover {
  9316. color: #fd641d;
  9317. }
  9318. .app-details2 .version-history-table tr:hover td {
  9319. background-color: #ebf7ff;
  9320. }
  9321. .app-details2 .icon-prompt1 {
  9322. font-size: 14px;
  9323. color: #999;
  9324. position: relative;
  9325. margin-left: 3px;
  9326. }
  9327. .app-details2 .upload-icon-common {
  9328. width: 60px;
  9329. height: 60px;
  9330. border-radius: 12px;
  9331. }
  9332. .app-details2 .countdown-btn {
  9333. border-radius: 30px;
  9334. height: 50px;
  9335. padding: 0 20px;
  9336. line-height: 48px;
  9337. color: #fd641d;
  9338. background-color: #e8e8e8;
  9339. border-color: #e8e8e8;
  9340. }
  9341. .app-details .details-bottom {
  9342. padding: 5px 10px 15px;
  9343. }
  9344. .app-details2 .d-table-wrap table td {
  9345. padding: 0 0 0 15px;
  9346. }
  9347. .app-details .d-table-wrap table th {
  9348. padding: 20px 0 2px 0;
  9349. }
  9350. .app-details2 .details-top .information {
  9351. width: 60%;
  9352. }
  9353. .app-details2 .copy.top-5 {
  9354. font-size: 12px;
  9355. }
  9356. #app_setting_form .app-details2 {
  9357. background-color: transparent;
  9358. }
  9359. #app_setting_form .app-details2 .details-top {
  9360. background-color: #fff;
  9361. }
  9362. #updateModal .modal-header h4 {
  9363. color: #333;
  9364. }
  9365. #updateModal .modal-header .close {
  9366. color: #333;
  9367. font-size: 26px;
  9368. opacity: 1;
  9369. }
  9370. #updateModal .modal-body {
  9371. padding: 25px 10px 25px 0;
  9372. }
  9373. #updateModal .app-details-update {
  9374. color: #333;
  9375. }
  9376. #updateModal .app-details-update .form-group {
  9377. margin-bottom: 25px;
  9378. }
  9379. #updateModal .app-details-update .form-group:last-of-type {
  9380. margin-bottom: 0;
  9381. }
  9382. #updateModal .app-details-update .control-label {
  9383. text-align: right;
  9384. padding-right: 10px;
  9385. }
  9386. #updateModal .app-details-update ul li {
  9387. margin-right: 25px;
  9388. cursor: pointer;
  9389. }
  9390. #updateModal .app-details-update ul li .icon-radio {
  9391. position: relative;
  9392. top: 2px;
  9393. }
  9394. /*
  9395. #updateModal .app-details-update dl dt{margin-right: 25px; margin-bottom: 25px;}
  9396. #updateModal .app-details-update dl dd{margin-right: 25px; cursor: pointer;}
  9397. #updateModal .app-details-update dl dd .icon-radio{position: relative; top: 2px;}
  9398. #updateModal .app-details-update dl dd textarea{}
  9399. */
  9400. .app-details2 .no-flash-back-js {
  9401. padding: 25px 20px 30px;
  9402. }
  9403. .app-details2 .no-flash-back-js .tit {
  9404. color: #333;
  9405. margin-bottom: 8px;
  9406. }
  9407. .app-details2 .no-flash-back-js .tit a {
  9408. color: #157df1;
  9409. }
  9410. .app-details2 .no-flash-back-js pre {
  9411. background-color: #fff;
  9412. border-radius: 0;
  9413. border-color: #eee;
  9414. padding: 5px;
  9415. color: #666;
  9416. }
  9417. .app-details2 .no-flash-back-js #copy1 {
  9418. margin-bottom: 8px;
  9419. }
  9420. .app-details2 .no-flash-back-js .color-danger {
  9421. margin-bottom: 15px;
  9422. font-size: 12px;
  9423. }
  9424. .app-details2 .no-flash-back-js .copy {
  9425. margin-left: 0;
  9426. color: #fff;
  9427. margin-bottom: 20px;
  9428. }
  9429. .app-details2 .no-flash-back-js .tit1 {
  9430. color: #333;
  9431. margin-bottom: 3px;
  9432. }
  9433. .app-details2 .no-flash-back-js p {
  9434. line-height: 1.8;
  9435. }
  9436. .appicon {
  9437. border: 1px solid #ddd;
  9438. border-radius: 24px;
  9439. height: 120px;
  9440. width: 120px;
  9441. }
  9442. .caption {
  9443. background: rgba(90, 90, 90, 0.65) none repeat scroll 0 0;
  9444. color: #fff !important;
  9445. display: none;
  9446. height: 120px;
  9447. left: 0;
  9448. margin: auto;
  9449. padding: 2%;
  9450. position: absolute;
  9451. right: 0;
  9452. text-align: center;
  9453. top: 0;
  9454. width: 120px;
  9455. z-index: 2;
  9456. }
  9457. /*----------/应用发布 改版2019/1/22----------*/
  9458. /*----------推广页----------*/
  9459. /*nav*/
  9460. .promote-nav .logo img {
  9461. width: 138px;
  9462. height: 60px;
  9463. }
  9464. .promote-nav {
  9465. padding: 2px 0;
  9466. }
  9467. .promote-nav ul {
  9468. margin: 16px 0 0 20px;
  9469. }
  9470. .promote-nav ul li {
  9471. float: left;
  9472. margin: 0 15px;
  9473. }
  9474. .promote-nav ul li:last-of-type {
  9475. margin-right: 0;
  9476. }
  9477. .promote-nav ul li a {
  9478. padding: 0 10px 5px;
  9479. border-bottom: 2px solid transparent;
  9480. color: #333;
  9481. }
  9482. .promote-nav ul li.active a {
  9483. border-bottom-color: #157df1;
  9484. color: #157df1;
  9485. }
  9486. .promote-nav ul li:hover a {
  9487. border-bottom-color: #157df1;
  9488. }
  9489. /*footer*/
  9490. .promote-footer-wrap {
  9491. border-top: 1px solid #e5e5e5;
  9492. padding: 50px 0;
  9493. }
  9494. .promote-footer {
  9495. color: #333;
  9496. padding: 0 60px;
  9497. }
  9498. .promote-footer .p-con dl dt {
  9499. font-size: 14px;
  9500. margin-bottom: 12px;
  9501. margin-top: 10px;
  9502. }
  9503. .promote-footer .p-con dl dd {
  9504. font-size: 12px;
  9505. margin-bottom: 12px;
  9506. }
  9507. .promote-footer .p-con dl dd a {
  9508. color: #333;
  9509. }
  9510. .promote-footer .p-con .f-logo {
  9511. margin-left: 270px;
  9512. margin-top: 30px;
  9513. }
  9514. .promote-footer .p-con .promote-code {
  9515. text-align: center;
  9516. }
  9517. .promote-footer .p-con .promote-code .img-wrap {
  9518. width: 115px;
  9519. height: 115px;
  9520. border: 1px solid #e5e5e5;
  9521. }
  9522. .promote-footer .p-con .promote-code p {
  9523. margin-top: 5px;
  9524. }
  9525. .promote-footer>p {
  9526. text-align: center;
  9527. margin-top: 40px;
  9528. }
  9529. /*签名*/
  9530. /*banner*/
  9531. .promote-signature-banner {
  9532. height: 430px;
  9533. background: url("../image/tg-banner-1.jpg") no-repeat center;
  9534. }
  9535. .signature-banner1 {
  9536. color: #fff;
  9537. }
  9538. .signature-banner1 .s-left {
  9539. padding: 90px 0 0 90px;
  9540. }
  9541. .signature-banner1 h1 {
  9542. font-size: 40px;
  9543. font-weight: 600;
  9544. }
  9545. .signature-banner1 h5 {
  9546. font-size: 20px;
  9547. margin-top: 15px;
  9548. }
  9549. .signature-banner1 ul {
  9550. margin-top: 25px;
  9551. }
  9552. .signature-banner1 ul li {
  9553. float: left;
  9554. margin-right: 35px;
  9555. font-size: 15px;
  9556. }
  9557. .signature-banner1 ul li .iconfont {
  9558. font-size: 14px;
  9559. position: relative;
  9560. top: -1px;
  9561. margin-right: 5px;
  9562. }
  9563. .signature-banner1 .s-left .ms-btn {
  9564. width: 110px;
  9565. border-color: #fff;
  9566. color: #fff;
  9567. margin-top: 35px;
  9568. }
  9569. /*/banner*/
  9570. .signature-list {
  9571. padding: 60px 0;
  9572. }
  9573. .signature-list .row .col-sm-3:nth-of-type(n+5) {
  9574. margin-top: 35px;
  9575. }
  9576. .promote-thumbnail {
  9577. text-align: center;
  9578. }
  9579. .promote-thumbnail h4 {
  9580. color: #333;
  9581. font-size: 18px;
  9582. margin-top: 20px;
  9583. margin-bottom: 5px;
  9584. }
  9585. .promote-thumbnail .img-wrap {
  9586. height: 59px;
  9587. display: flex;
  9588. align-items: flex-end;
  9589. }
  9590. .promote-thumbnail img {
  9591. margin: 0 auto;
  9592. }
  9593. .promote-thumbnail .blue-line {
  9594. margin: 0 auto 15px;
  9595. width: 30px;
  9596. }
  9597. .promote-thumbnail p {
  9598. line-height: 24px;
  9599. height: 48px;
  9600. color: #333;
  9601. font-size: 13px;
  9602. }
  9603. .solve-certificate-wrap {
  9604. background-color: #f7f8fc;
  9605. padding: 70px 0;
  9606. }
  9607. .solve-certificate h1 {
  9608. text-align: center;
  9609. color: #333;
  9610. font-size: 32px;
  9611. margin-bottom: 20px;
  9612. }
  9613. .solve-certificate img.fr {
  9614. margin-right: 30px;
  9615. }
  9616. .promote-common {
  9617. padding: 70px 0;
  9618. text-align: center;
  9619. }
  9620. .promote-common .blue-line {
  9621. margin: 0 auto 20px;
  9622. }
  9623. .promote-common h1 {
  9624. font-size: 32px;
  9625. color: #333;
  9626. margin-bottom: 8px;
  9627. }
  9628. .promote-common h3 {
  9629. font-size: 16px;
  9630. color: #666;
  9631. margin-bottom: 55px;
  9632. }
  9633. .how-operate-wrap {
  9634. background: url("../image/promote-bg-1.jpg") no-repeat center;
  9635. height: 378px;
  9636. }
  9637. .how-operate h1 {
  9638. margin-top: 60px;
  9639. }
  9640. .how-operate h3 {
  9641. margin-bottom: 45px;
  9642. }
  9643. .how-operate .ms-btn-secondary {
  9644. padding: 9px;
  9645. width: 100px;
  9646. }
  9647. .signature-process1 ul {
  9648. padding-left: 125px;
  9649. }
  9650. .signature-process1 ul li {
  9651. float: left;
  9652. text-align: center;
  9653. padding: 0 40px;
  9654. }
  9655. .signature-process1 ul li:nth-of-type(even) {
  9656. background: url("../image/promote-icon-23.png") no-repeat center;
  9657. width: 61px;
  9658. height: 85px;
  9659. }
  9660. .signature-process1 ul li .img-wrap {
  9661. height: 85px;
  9662. display: flex;
  9663. align-items: center;
  9664. justify-content: center;
  9665. }
  9666. .signature-process1 ul li .tit1 {
  9667. font-size: 16px;
  9668. color: #333;
  9669. font-weight: 600;
  9670. margin-top: 25px;
  9671. }
  9672. /*/签名*/
  9673. /*内测分发*/
  9674. .promote-distribution-banner {
  9675. background: url("../image/promote-banner-1.jpg") no-repeat center;
  9676. height: 430px;
  9677. }
  9678. .distribution-banner1 img {
  9679. margin-left: 120px;
  9680. margin-top: 55px;
  9681. }
  9682. .distribution-banner1 .d-right {
  9683. color: #fff;
  9684. }
  9685. .distribution-banner1 .d-right {
  9686. margin-left: 80px;
  9687. }
  9688. .distribution-banner1 .d-right h1 {
  9689. font-size: 40px;
  9690. margin-top: 110px;
  9691. margin-bottom: 15px;
  9692. }
  9693. .distribution-banner1 .d-right .p1 {
  9694. font-size: 16px;
  9695. line-height: 30px;
  9696. }
  9697. .distribution-banner1 .d-right .p1 span {
  9698. font-size: 20px;
  9699. }
  9700. .distribution-banner1 .d-right .ms-btn {
  9701. width: 110px;
  9702. border-color: #fff;
  9703. color: #fff;
  9704. margin-top: 35px;
  9705. }
  9706. .distribution-list {
  9707. padding: 70px 0;
  9708. }
  9709. .distribution-list .promote-thumbnail .blue-line {
  9710. margin-bottom: 5px;
  9711. }
  9712. .provide-services-wrap {
  9713. background: url("../image/tg-37.jpg") no-repeat center;
  9714. height: 340px;
  9715. padding: 60px 0;
  9716. }
  9717. .provide-services {
  9718. padding: 0;
  9719. }
  9720. .provide-services h1 {
  9721. color: #fff;
  9722. }
  9723. .provide-services .blue-line {
  9724. margin-bottom: 40px;
  9725. }
  9726. .provide-services .row {
  9727. margin: 0 -10px;
  9728. }
  9729. .provide-services .row .col-sm-4 {
  9730. padding: 0 10px;
  9731. }
  9732. .provide-services .p-con {
  9733. background-color: #fff;
  9734. border-radius: 5px;
  9735. padding: 20px 0 20px 15px;
  9736. }
  9737. .provide-services .p-con .p-text {
  9738. width: 71%;
  9739. text-align: left;
  9740. padding-left: 10px;
  9741. }
  9742. .provide-services .p-con .p-text dt {
  9743. color: #333;
  9744. font-size: 18px;
  9745. font-weight: 600;
  9746. }
  9747. .provide-services .p-con .p-text dt span {
  9748. font-size: 12px;
  9749. height: 60px;
  9750. }
  9751. .provide-services .p-con .p-text dd {
  9752. color: #333;
  9753. margin-top: 5px;
  9754. }
  9755. .web-encapsulation .promote-thumbnail .img-wrap {
  9756. height: 51px;
  9757. display: flex;
  9758. align-items: flex-end;
  9759. justify-content: center;
  9760. }
  9761. .web-encapsulation .w-list {
  9762. padding: 0 140px;
  9763. }
  9764. .web-encapsulation .w-list .row .col-sm-3:nth-of-type(n+5) {
  9765. margin-top: 65px;
  9766. }
  9767. .web-encapsulation .promote-common h3 {
  9768. margin-bottom: 45px;
  9769. }
  9770. .promote-signature-wrap {
  9771. background: url("../image/tg-29.jpg") no-repeat center;
  9772. height: 700px;
  9773. }
  9774. .promote-signature h1 {
  9775. font-size: 32px;
  9776. color: #fff;
  9777. text-align: center;
  9778. margin-top: 55px;
  9779. }
  9780. .promote-signature h3 {
  9781. font-size: 16px;
  9782. color: #fff;
  9783. text-align: center;
  9784. margin-top: 15px;
  9785. margin-bottom: 50px;
  9786. }
  9787. .promote-signature .text li {
  9788. background: url("../image/promote-bg-3.png") no-repeat;
  9789. width: 263px;
  9790. height: 79px;
  9791. float: left;
  9792. margin-right: 125px;
  9793. padding: 0 15px;
  9794. color: #fff;
  9795. padding-top: 7px;
  9796. }
  9797. .promote-signature .text li:last-of-type {
  9798. margin-right: 0;
  9799. }
  9800. .promote-signature .text li dt {
  9801. font-size: 18px;
  9802. font-weight: 600;
  9803. font-family: "Microsoft YaHei UI Light";
  9804. }
  9805. .promote-signature .text li dd {
  9806. font-size: 12px;
  9807. margin-top: 3px;
  9808. }
  9809. /*/内测分发*/
  9810. /*封装*/
  9811. .promote-encapsulation-banner {
  9812. background: url("../image/promote-banner-2.jpg") no-repeat center;
  9813. height: 430px;
  9814. }
  9815. .encapsulation-banner1 h1 {
  9816. text-align: center;
  9817. font-size: 40px;
  9818. color: #fff;
  9819. font-weight: 600;
  9820. margin-top: 90px;
  9821. }
  9822. .encapsulation-banner1 h5 {
  9823. text-align: center;
  9824. font-size: 18px;
  9825. color: #fff;
  9826. line-height: 30px;
  9827. margin-top: 15px;
  9828. }
  9829. .encapsulation-banner1 .ms-btn {
  9830. color: #6c4409;
  9831. background-color: #ffec06;
  9832. font-size: 16px;
  9833. font-weight: 600;
  9834. width: 110px;
  9835. margin-top: 25px;
  9836. }
  9837. .encapsulation-banner1 img {
  9838. margin: 45px auto 0;
  9839. }
  9840. .encapsulation-banner1 ol {
  9841. margin-left: 55px;
  9842. }
  9843. .encapsulation-banner1 ol li {
  9844. float: left;
  9845. text-align: center;
  9846. padding: 0 20px;
  9847. }
  9848. .encapsulation-banner1 ol li .e-text {
  9849. color: #333;
  9850. font-size: 12px;
  9851. font-weight: 600;
  9852. margin-top: 5px;
  9853. }
  9854. .feature-plugin h1 {
  9855. color: #333;
  9856. font-size: 32px;
  9857. text-align: center;
  9858. }
  9859. .feature-plugin .blue-line {
  9860. margin: 10px auto 0;
  9861. }
  9862. .feature-plugin .f-list {
  9863. padding: 0 120px;
  9864. margin-top: 35px;
  9865. }
  9866. .feature-plugin .f-list .promote-thumbnail .img-wrap {
  9867. height: 51px;
  9868. display: flex;
  9869. align-items: flex-end;
  9870. }
  9871. .feature-plugin .f-list li {
  9872. float: left;
  9873. width: 20%;
  9874. position: relative;
  9875. padding-bottom: 25px;
  9876. cursor: pointer;
  9877. }
  9878. .feature-plugin .f-list li .icon-arrow-top2 {
  9879. position: absolute;
  9880. left: 50%;
  9881. bottom: -14px;
  9882. transform: translateX(-50%);
  9883. font-size: 30px;
  9884. color: #68a4e8;
  9885. display: none;
  9886. }
  9887. .feature-tab-wrap {
  9888. background: url("../image/promote-bg-4.jpg") no-repeat center;
  9889. height: 460px;
  9890. }
  9891. .feature-tab img {
  9892. display: none;
  9893. margin: 50px auto 0;
  9894. }
  9895. .our-advantages img {
  9896. margin: 40px auto 0;
  9897. }
  9898. .price-introduced-wrap {
  9899. background-color: #f7f8fc;
  9900. }
  9901. .price-introduced .promote-common .blue-line {
  9902. margin-bottom: 40px;
  9903. }
  9904. .price-introduced .table {
  9905. background-color: #fff;
  9906. table-layout: fixed;
  9907. margin-bottom: 0;
  9908. }
  9909. .price-introduced .table tr th {
  9910. background-color: #157df1;
  9911. padding: 20px;
  9912. color: #fff;
  9913. text-align: center;
  9914. font-size: 18px;
  9915. }
  9916. .price-introduced .table tr td {
  9917. padding: 20px;
  9918. color: #333;
  9919. text-align: center;
  9920. vertical-align: middle;
  9921. font-size: 16px;
  9922. }
  9923. .price-introduced .table tr td .text1 {
  9924. text-align: left;
  9925. display: inline-block;
  9926. }
  9927. .price-introduced .table tr td .text {
  9928. font-size: 24px;
  9929. position: relative;
  9930. display: inline-block;
  9931. }
  9932. .price-introduced .table tr td .text span {
  9933. position: absolute;
  9934. top: -5px;
  9935. left: calc(100% + 2px);
  9936. background: #ffcd20 url("../image/promote-arrrow.jpg") no-repeat left center;
  9937. padding: 0 5px 0 15px;
  9938. height: 17px;
  9939. font-size: 12px;
  9940. white-space: nowrap;
  9941. }
  9942. .good-case .promote-common {
  9943. padding-left: 120px;
  9944. padding-right: 120px;
  9945. }
  9946. .good-case .g-con {
  9947. box-shadow: 0 7px 20px rgba(21, 125, 241, .2);
  9948. padding-top: .1px;
  9949. }
  9950. .good-case .g-con .tab-list {
  9951. padding-left: 200px;
  9952. margin-top: 40px;
  9953. }
  9954. .good-case .g-con .tab-list li {
  9955. float: left;
  9956. height: 28px;
  9957. line-height: 28px;
  9958. padding: 0 15px;
  9959. border-radius: 15px;
  9960. font-size: 16px;
  9961. margin-right: 90px;
  9962. cursor: pointer;
  9963. color: #333;
  9964. }
  9965. .good-case .g-con .tab-list li.active {
  9966. background-color: #157df1;
  9967. color: #fff;
  9968. }
  9969. .good-case .tab-con {
  9970. padding: 30px 125px 45px;
  9971. }
  9972. .good-case .tab-con ul {
  9973. display: none;
  9974. }
  9975. .good-case .tab-con ul li {
  9976. float: left;
  9977. margin-right: 40px;
  9978. }
  9979. .good-case .tab-con ul li:last-of-type {
  9980. margin-right: 0;
  9981. }
  9982. .package-number {
  9983. color: #fff;
  9984. background: url("../image/promote-bg-6.jpg") no-repeat center;
  9985. height: 100px;
  9986. line-height: 100px;
  9987. font-size: 24px;
  9988. text-align: center;
  9989. }
  9990. .package-number span {
  9991. font-size: 36px;
  9992. }
  9993. .encapsulation-process ul {
  9994. margin-left: 70px;
  9995. margin-top: 40px;
  9996. }
  9997. .encapsulation-process ul li {
  9998. float: left;
  9999. text-align: left;
  10000. padding: 15px 15px 0;
  10001. }
  10002. .encapsulation-process ul li:nth-of-type(odd) {
  10003. width: 180px;
  10004. height: 155px;
  10005. box-shadow: 0 0 20px rgba(21, 125, 241, .2);
  10006. }
  10007. .encapsulation-process ul li:nth-of-type(even) {
  10008. height: 155px;
  10009. width: 110px;
  10010. background: url("../image/promote-icon-23.png") no-repeat center;
  10011. }
  10012. .encapsulation-process ul li dt {
  10013. font-size: 18px;
  10014. color: #333;
  10015. font-weight: 600;
  10016. }
  10017. .encapsulation-process ul li dd {
  10018. font-size: 16px;
  10019. color: #333;
  10020. margin-top: 10px;
  10021. }
  10022. .promote-function-of {
  10023. padding-top: 0;
  10024. padding-bottom: 60px;
  10025. }
  10026. .promote-function-of .tit {
  10027. margin-bottom: 8px;
  10028. color: #333;
  10029. font-size: 32px;
  10030. }
  10031. .promote-blue-line {
  10032. margin: 0 auto 20px;
  10033. width: 35px;
  10034. height: 2px;
  10035. background-color: #157df1;
  10036. }
  10037. .promote-function-of .promote-blue-line {
  10038. margin-bottom: 30px;
  10039. }
  10040. .promote-function-of ul li .text {
  10041. color: #333;
  10042. font-size: 16px;
  10043. }
  10044. .promote-our-advantages-wrap {
  10045. background-color: #f7f8fc;
  10046. }
  10047. .promote-meal {
  10048. padding: 70px 0 0;
  10049. }
  10050. .promote-meal>h1 {
  10051. color: #333;
  10052. margin-bottom: 8px;
  10053. text-align: center;
  10054. font-size: 32px;
  10055. }
  10056. .promote-meal>p {
  10057. color: #666;
  10058. font-size: 16px;
  10059. margin-bottom: 40px;
  10060. text-align: center;
  10061. }
  10062. .promote-meal .table {
  10063. table-layout: fixed;
  10064. box-shadow: 0 0 10px rgba(0, 0, 0, .1);
  10065. margin-bottom: 0;
  10066. }
  10067. .promote-meal .table th {
  10068. text-align: center;
  10069. height: 50px;
  10070. color: #333;
  10071. border-top: none;
  10072. position: relative;
  10073. vertical-align: middle;
  10074. border-left: 1px solid #ddd;
  10075. font-weight: 600;
  10076. font-size: 15px;
  10077. background-color: #f5f6f7;
  10078. }
  10079. .promote-meal .table td {
  10080. text-align: center;
  10081. border: 1px solid #ddd;
  10082. height: 50px;
  10083. color: #333;
  10084. vertical-align: middle;
  10085. }
  10086. .promote-meal .table th:first-of-type {
  10087. border-left-color: transparent;
  10088. }
  10089. .promote-meal .table th:last-of-type {
  10090. border-right-color: transparent;
  10091. }
  10092. .promote-meal .table td:first-of-type {
  10093. border-left-color: transparent;
  10094. }
  10095. .promote-meal .table td:last-of-type {
  10096. border-right-color: transparent;
  10097. }
  10098. .promote-meal .table tr:last-of-type td {
  10099. border-bottom: none;
  10100. }
  10101. .promote-meal .table tr:nth-of-type(odd) td {
  10102. background-color: transparent;
  10103. }
  10104. .promote-meal .table .recommend-wrap1 {
  10105. position: relative;
  10106. }
  10107. .promote-meal .table .recommend-wrap1 .recommended {
  10108. position: absolute;
  10109. top: -9px;
  10110. background: url("../image/price-tip1.png") no-repeat;
  10111. width: 32px;
  10112. height: 22px;
  10113. color: #fff;
  10114. font-size: 12px;
  10115. line-height: 20px;
  10116. background-size: contain;
  10117. font-weight: normal;
  10118. }
  10119. .promote-meal .table .recommend-wrap1 .recommended {
  10120. background: url("../image/price-tip2.png") no-repeat;
  10121. width: 60px;
  10122. height: 22px;
  10123. background-size: contain;
  10124. font-size: 12px;
  10125. line-height: 22px;
  10126. font-weight: normal;
  10127. }
  10128. .promote-meal .table td .num {
  10129. font-size: 18px;
  10130. }
  10131. .promote-pack-meal {
  10132. padding-top: 0;
  10133. padding-bottom: 70px;
  10134. }
  10135. .promote-pack-meal .table .basis-pack {
  10136. background: url("../image/tg-1.jpg") no-repeat center;
  10137. height: 50px;
  10138. color: #fff;
  10139. }
  10140. .promote-pack-meal .table .senior-pack {
  10141. background: url("../image/tg-2.jpg") no-repeat center;
  10142. height: 50px;
  10143. color: #fff;
  10144. }
  10145. .promote-sign-meal {
  10146. padding-top: 0;
  10147. padding-bottom: 70px;
  10148. }
  10149. .promote-sign-meal .table .recommend-wrap1 .recommended {
  10150. position: absolute;
  10151. top: -9px;
  10152. background: url("../image/price-tip1.png") no-repeat;
  10153. width: 32px;
  10154. height: 22px;
  10155. color: #fff;
  10156. font-size: 12px;
  10157. line-height: 20px;
  10158. background-size: contain;
  10159. font-weight: normal;
  10160. }
  10161. .promote-sign-meal .table .basis-sign {
  10162. background: url("../image/tg-3.jpg") no-repeat center;
  10163. height: 50px;
  10164. color: #fff;
  10165. }
  10166. .promote-sign-meal .table .senior-sign {
  10167. background: url("../image/tg-4.jpg") no-repeat center;
  10168. height: 50px;
  10169. color: #fff;
  10170. }
  10171. .promote-sign-meal .table .independent-sign {
  10172. background: url("../image/tg-5.jpg") no-repeat center;
  10173. height: 50px;
  10174. color: #fff;
  10175. }
  10176. .promote-meal .blue-line {
  10177. margin: 0 auto 20px;
  10178. }
  10179. /*/封装*/
  10180. .promote-help {
  10181. padding-bottom: 45px;
  10182. }
  10183. .promote-help h1 {
  10184. text-align: center;
  10185. color: #333;
  10186. font-size: 32px;
  10187. margin-bottom: 8px;
  10188. }
  10189. .promote-help .promote-blue-line {
  10190. margin-bottom: 30px;
  10191. }
  10192. /*---------- /推广页----------*/
  10193. /*----------分发落地页----------*/
  10194. .template-common .form-control {
  10195. height: 40px;
  10196. }
  10197. .passwords .template-common {
  10198. padding: 0 320px;
  10199. }
  10200. .template-common {
  10201. padding: 0 235px;
  10202. }
  10203. .template-common hr {
  10204. border-top-color: #e5e5e5;
  10205. margin-top: 25px;
  10206. display: none;
  10207. }
  10208. .template-common .t-icon {
  10209. background-color: #fff;
  10210. width: 180px;
  10211. height: 180px;
  10212. border-radius: 25px;
  10213. box-shadow: 0 0 10px rgba(0, 0, 0, .2);
  10214. display: flex;
  10215. align-items: center;
  10216. margin: 0 auto;
  10217. }
  10218. .template-common .t-icon img {
  10219. width: 120px;
  10220. height: 120px;
  10221. border-radius: 30px;
  10222. border: 1px solid #e5e5e5;
  10223. margin: 0 auto;
  10224. }
  10225. .template-common .template-btn-wrap {
  10226. text-align: center;
  10227. }
  10228. .template-common .template-btn {
  10229. color: #fff;
  10230. background-color: #157df1;
  10231. height: 50px;
  10232. padding: 0 38px;
  10233. line-height: 48px;
  10234. font-size: 18px;
  10235. margin: 35px auto 15px;
  10236. display: inline-block;
  10237. }
  10238. .template-common .decoding {
  10239. color: #fff;
  10240. background-color: #157df1;
  10241. height: 50px;
  10242. padding: 0;
  10243. width: 180px;
  10244. text-align: center;
  10245. line-height: 48px;
  10246. font-size: 18px;
  10247. margin: 30px auto 20px;
  10248. display: block;
  10249. }
  10250. .template-common .template-btn span:last-of-type {
  10251. line-height: 50px;
  10252. }
  10253. .template-common .template-btn .iconfont {
  10254. font-size: 36px;
  10255. margin-left: -5px;
  10256. }
  10257. .template-common .t-apply {
  10258. color: #666;
  10259. text-align: center;
  10260. }
  10261. .template-common .t-code {
  10262. color: #666;
  10263. width: 200px;
  10264. overflow: hidden;
  10265. margin: 35px auto 0;
  10266. text-align: center;
  10267. }
  10268. .template-common .t-code img {
  10269. border: 1px solid #e5e5e5;
  10270. width: 150px;
  10271. height: 150px;
  10272. margin: 0 auto 5px;
  10273. }
  10274. .template-common .t-name {
  10275. color: #333;
  10276. text-align: center;
  10277. }
  10278. .template-common .t-name .name-info span {
  10279. margin-right: 10px;
  10280. color: #666;
  10281. }
  10282. .template-common .t-name .tit {
  10283. font-size: 28px;
  10284. margin-bottom: 10px;
  10285. margin-top: 15px;
  10286. }
  10287. .template-common .t-introduce {
  10288. color: #333;
  10289. }
  10290. .template-common .t-introduce .tit {
  10291. font-size: 20px;
  10292. margin-top: 25px;
  10293. }
  10294. .template-common .t-introduce p {
  10295. margin-top: 5px;
  10296. }
  10297. .template-common .t-contact {
  10298. color: #333;
  10299. margin-top: 20px;
  10300. }
  10301. .template-common .t-contact .tit {
  10302. font-size: 20px;
  10303. margin-bottom: 15px;
  10304. }
  10305. .template-common .t-contact dl {
  10306. margin-bottom: 5px;
  10307. }
  10308. .template-common .t-contact dl dt {
  10309. margin-right: 10px;
  10310. }
  10311. .template-pwd {
  10312. border: 1px solid #e5e5e5;
  10313. border-radius: 3px;
  10314. padding: 45px 35px;
  10315. margin-top: 45px;
  10316. /*margin-bottom: 50px;*/
  10317. display: none;
  10318. }
  10319. .template-pwd label {
  10320. color: #3e4753;
  10321. text-align: center;
  10322. display: block;
  10323. }
  10324. .template-pwd .form-control {
  10325. margin-top: 15px;
  10326. }
  10327. .passwords+.template-footer {
  10328. margin-top: 50px;
  10329. }
  10330. .template-footer {
  10331. margin-top: 30px;
  10332. }
  10333. .template-footer .methods-tutorial-full {
  10334. background-color: #ff6666;
  10335. }
  10336. .template-footer .methods-tutorial-full a {
  10337. color: #fff;
  10338. }
  10339. .template-footer .methods-tutorial-full a.fl {
  10340. height: 50px;
  10341. line-height: 50px;
  10342. }
  10343. .template-footer .methods-tutorial-full a.fl:hover {
  10344. text-decoration: underline;
  10345. }
  10346. .template-footer .methods-tutorial-full a.fr {
  10347. width: 22px;
  10348. height: 22px;
  10349. line-height: 22px;
  10350. border: 1px solid #fff;
  10351. border-radius: 50%;
  10352. text-align: center;
  10353. margin-top: 14px;
  10354. }
  10355. .template-footer .methods-tutorial-full a.fr .iconfont {
  10356. color: #fff;
  10357. }
  10358. .template-footer .t-footer {
  10359. text-align: center;
  10360. margin-top: 30px;
  10361. padding-bottom: 30px;
  10362. }
  10363. .template-footer .t-footer a {
  10364. color: #157df1;
  10365. }
  10366. .template-footer .t-footer a:hover {
  10367. text-decoration: underline;
  10368. }
  10369. /*应用截图*/
  10370. .template-common .app-screen {
  10371. margin-top: 20px;
  10372. }
  10373. .template-common .app-screen .tit {
  10374. font-size: 20px;
  10375. margin-bottom: 15px;
  10376. color: #333;
  10377. }
  10378. .template-common .app-screen .s-responsive {
  10379. overflow: hidden;
  10380. height: 405px;
  10381. width: 100%;
  10382. overflow-x: auto;
  10383. }
  10384. /*.template-common .app-screen ul{height: 405px;}*/
  10385. .template-common .app-screen ul li {
  10386. float: left;
  10387. margin-right: 20px;
  10388. }
  10389. .template-common .app-screen ul li img {
  10390. width: auto;
  10391. height: auto;
  10392. max-width: 800px;
  10393. max-height: 405px;
  10394. }
  10395. .template-common .app-screen ul li:last-of-type {
  10396. margin-right: 0;
  10397. }
  10398. /*模板1*/
  10399. .template-1 .t-bg-1 {
  10400. background: #157df1 url("../image/t-04.png") repeat-x center bottom;
  10401. height: 175px;
  10402. }
  10403. .template-1 .content {
  10404. margin-top: -125px;
  10405. padding: 0 80px;
  10406. }
  10407. .template-1 .template-common {
  10408. padding: 0;
  10409. }
  10410. .template-1 .template-common .t-icon {
  10411. box-shadow: none;
  10412. width: auto;
  10413. height: auto;
  10414. background-color: transparent;
  10415. }
  10416. .template-1.passwords .template-common .t-code {
  10417. width: 125px;
  10418. margin-top: 35px;
  10419. }
  10420. .template-1 .template-common .t-code {
  10421. width: 200px;
  10422. margin-top: 15px;
  10423. }
  10424. .template-1 .template-common .t-code img {
  10425. width: 125px;
  10426. height: 125px;
  10427. margin: 0 auto;
  10428. }
  10429. .template-1 .template-common .t-name {
  10430. text-align: left;
  10431. }
  10432. .template-1 .template-common .t-name .name-info span {
  10433. color: #fff;
  10434. }
  10435. .template-1+.template-footer {
  10436. margin-top: 140px;
  10437. }
  10438. .template-1 .template-common .template-btn {
  10439. margin-top: 30px;
  10440. margin-bottom: 15px;
  10441. padding: 0 15px;
  10442. }
  10443. .template-1 .content .c-left {
  10444. background: url("../image/t-05.png") no-repeat center;
  10445. width: 308px;
  10446. height: 608px;
  10447. padding-top: 110px;
  10448. }
  10449. .template-1.passwords .content .c-left {
  10450. padding-top: 140px;
  10451. }
  10452. .template-1.passwords .content .c-right {
  10453. margin-left: 130px;
  10454. width: auto;
  10455. }
  10456. .template-1 .content .c-right {
  10457. margin-left: 100px;
  10458. width: 630px;
  10459. }
  10460. .template-1 .content .c-right .t-name {
  10461. color: #fff;
  10462. margin-bottom: 100px;
  10463. }
  10464. .template-1 .template-common .t-name .tit {
  10465. margin-top: 5px;
  10466. }
  10467. .template-1 .content .c-right .t-introduce {
  10468. /*margin-top: 100px;*/
  10469. margin-bottom: 45px;
  10470. }
  10471. .template-1 .content .c-right .t-contact {
  10472. margin-top: 0;
  10473. margin-bottom: 45px;
  10474. }
  10475. .template-1 .template-pwd {
  10476. width: 500px;
  10477. height: 230px;
  10478. background-color: #fafafa;
  10479. margin-top: 90px;
  10480. padding: 60px 30px 0;
  10481. position: relative;
  10482. border-radius: 5px;
  10483. display: none;
  10484. border: none;
  10485. }
  10486. .template-1 .template-pwd .form-group {
  10487. text-align: center;
  10488. }
  10489. .template-1 .template-pwd .form-group label {
  10490. color: #3e4753;
  10491. }
  10492. .template-1 .template-pwd .form-group .form-control {
  10493. border-color: #e5e5e5;
  10494. margin-top: 5px;
  10495. }
  10496. .template-1 .template-pwd .form-group .form-control:focus {
  10497. border-color: #66afe9;
  10498. }
  10499. .template-1 .template-pwd .top-pwd {
  10500. position: absolute;
  10501. left: 50%;
  10502. top: -20px;
  10503. margin-left: -30px;
  10504. width: 60px;
  10505. height: 60px;
  10506. border: 1px solid #157df1;
  10507. border-radius: 50%;
  10508. display: flex;
  10509. justify-content: center;
  10510. align-items: center;
  10511. background-color: #fafafa;
  10512. }
  10513. .template-1 .template-pwd .top-pwd .iconfont {
  10514. color: #157df1;
  10515. font-size: 30px;
  10516. }
  10517. .template-1 .template-common .app-screen .s-responsive {
  10518. width: 730px;
  10519. }
  10520. /*/模板1*/
  10521. /*模板2*/
  10522. .template-2 .t-bg-2 {
  10523. background: url("../image/t-06.jpg") center;
  10524. height: 130px;
  10525. }
  10526. .template-2 .content {
  10527. margin-top: -90px;
  10528. }
  10529. /*/模板2*/
  10530. /*模板3*/
  10531. .template-3 .t-bg-3 {
  10532. background: url("../image/t-07.jpg") center;
  10533. height: 160px;
  10534. }
  10535. .template-3 .content {
  10536. margin-top: 20px;
  10537. }
  10538. .template-3 .template-common .t-icon {
  10539. width: 160px;
  10540. height: 160px;
  10541. border-radius: 50%;
  10542. }
  10543. .template-3 .template-common .t-icon img {
  10544. width: 105px;
  10545. height: 105px;
  10546. }
  10547. /*/模板3*/
  10548. /*模板4*/
  10549. .template-4 .t-bg-4 {
  10550. background: url("../image/t-09.png") no-repeat center;
  10551. height: 485px;
  10552. }
  10553. .template-4 .t-left {
  10554. width: 255px;
  10555. margin-left: 310px;
  10556. margin-top: 150px;
  10557. }
  10558. .template-4 .t-right {
  10559. margin-left: 225px;
  10560. margin-top: 45px;
  10561. }
  10562. .template-4 .content4 .template-common {
  10563. padding: 0;
  10564. }
  10565. .template-4 .content4 .template-common .t-icon {
  10566. width: auto;
  10567. height: auto;
  10568. background-color: transparent;
  10569. box-shadow: none;
  10570. }
  10571. .template-4 .content4 .template-common .t-icon img {
  10572. border: none;
  10573. }
  10574. .template-4 .content4 .template-common .t-name .tit {
  10575. color: #fff;
  10576. margin-top: 25px;
  10577. margin-bottom: 20px;
  10578. }
  10579. .template-4 .content4 .template-common .t-name .name-info span {
  10580. display: block;
  10581. text-align: center;
  10582. margin-right: 0;
  10583. color: #fff;
  10584. line-height: 24px;
  10585. }
  10586. .template-4 .template-common .template-btn {
  10587. margin-bottom: 20px;
  10588. }
  10589. .template-4 .content>.template-common {
  10590. padding: 80px 100px 0;
  10591. }
  10592. .template-4 .template-common .t-code {
  10593. width: 200px;
  10594. }
  10595. .template-4 .template-common .t-code img {
  10596. width: 120px;
  10597. height: 120px;
  10598. margin-left: auto;
  10599. margin-right: auto;
  10600. }
  10601. .template-4 .template-common .decoding {
  10602. width: 100%;
  10603. margin-top: 30px;
  10604. }
  10605. .template-4 .template-pwd {
  10606. border: none;
  10607. padding: 0;
  10608. width: 490px;
  10609. margin: 0 auto;
  10610. }
  10611. .template-4+.template-footer {
  10612. margin-top: 100px;
  10613. }
  10614. .template-4 .content>.template-common .app-screen {
  10615. width: 730px;
  10616. }
  10617. /*/模板4*/
  10618. /*模板5*/
  10619. .template-5 .left-bg {
  10620. position: absolute;
  10621. left: 0;
  10622. top: 0;
  10623. background: url("../image/t11.png") no-repeat left top;
  10624. width: 283px;
  10625. height: 1012px;
  10626. }
  10627. .template-5 .right-bg {
  10628. position: absolute;
  10629. right: 0;
  10630. top: 0;
  10631. background: url("../image/t12.png") no-repeat right top;
  10632. width: 283px;
  10633. height: 1012px;
  10634. }
  10635. .template-5 .content {
  10636. padding-top: 100px;
  10637. }
  10638. .template-5 .template-common {
  10639. padding: 0 235px;
  10640. }
  10641. .template-5 .template-common .t-icon {
  10642. border-radius: 50%;
  10643. position: relative;
  10644. margin-left: 180px;
  10645. }
  10646. .template-5 .template-common .t-icon .bg-shadow {
  10647. position: absolute;
  10648. left: -20px;
  10649. top: 70px;
  10650. border-radius: 90px;
  10651. width: 360px;
  10652. height: 180px;
  10653. background-color: #eff2f2;
  10654. z-index: -1;
  10655. transform: rotate(45deg);
  10656. }
  10657. .template-5 .template-common .t-icon .code {
  10658. position: absolute;
  10659. top: 160px;
  10660. right: -160px;
  10661. transition: all 500ms;
  10662. }
  10663. .template-5 .template-common .t-icon .code img {
  10664. border-radius: 0;
  10665. border: none;
  10666. width: 110px;
  10667. height: 110px;
  10668. transition: all 500ms;
  10669. }
  10670. .template-5 .template-common .t-icon .code:hover {
  10671. width: 240px;
  10672. height: 240px;
  10673. right: -190px;
  10674. top: 130px;
  10675. }
  10676. .template-5 .template-common .t-icon .code:hover img {
  10677. width: 160px;
  10678. height: 160px;
  10679. }
  10680. .template-5 .template-common .t-name-wrap {
  10681. width: 350px;
  10682. margin-left: auto;
  10683. margin-right: auto;
  10684. }
  10685. .template-5 .template-common .t-name-wrap .t-name {
  10686. text-align: left;
  10687. }
  10688. .template-5 .template-common .t-name-wrap .template-btn {
  10689. margin: 45px 0 20px
  10690. }
  10691. .template-5 .template-common .t-name {
  10692. margin-top: 200px;
  10693. }
  10694. .template-5 .template-common .t-name .tit {
  10695. margin-bottom: 20px;
  10696. }
  10697. .template-5 .template-common .t-name .name-info {
  10698. text-align: left;
  10699. line-height: 24px;
  10700. }
  10701. .template-5 .template-common .t-apply {
  10702. text-align: left;
  10703. padding-left: 15px;
  10704. }
  10705. .template-5 .template-common .template-btn {
  10706. padding: 0 53px;
  10707. }
  10708. .template-5 .template-common hr {
  10709. margin-top: 50px;
  10710. }
  10711. .template-5 .template-common .t-introduce .tit {
  10712. margin-top: 50px;
  10713. }
  10714. .template-5 .template-common .t-contact {
  10715. margin-top: 25px;
  10716. }
  10717. .template-5.passwords+.template-footer {
  10718. margin-top: 99px;
  10719. }
  10720. .template-5+.template-footer {
  10721. margin-top: 40px;
  10722. }
  10723. .template-5 .template-pwd {
  10724. width: 555px;
  10725. height: 245px;
  10726. margin: 80px auto 0;
  10727. padding: 60px 30px 0;
  10728. position: relative;
  10729. border-radius: 5px;
  10730. }
  10731. .template-5 .template-pwd .top-pwd {
  10732. position: absolute;
  10733. left: 50%;
  10734. top: -30px;
  10735. margin-left: -30px;
  10736. width: 60px;
  10737. height: 60px;
  10738. border: 1px solid #157df1;
  10739. border-radius: 50%;
  10740. display: flex;
  10741. justify-content: center;
  10742. align-items: center;
  10743. background-color: #fafafa;
  10744. }
  10745. .template-5 .template-pwd .top-pwd .iconfont {
  10746. color: #157df1;
  10747. font-size: 30px;
  10748. }
  10749. .template-5 .template-pwd .decoding {
  10750. width: 100%;
  10751. margin-top: 30px;
  10752. margin-bottom: 30px;
  10753. }
  10754. /*/模板5*/
  10755. /*模板6*/
  10756. .template-6 .t-bg-6 {
  10757. background-color: #f4f4f4;
  10758. height: 80px;
  10759. line-height: 80px;
  10760. }
  10761. .template-6 .t-top .tit {
  10762. font-size: 30px;
  10763. color: #333;
  10764. }
  10765. .template-6 .t-top .name-info {
  10766. font-size: 18px;
  10767. color: #666;
  10768. }
  10769. .template-6 .t-top .name-info span {
  10770. margin-left: 10px;
  10771. }
  10772. .template-6 .content {
  10773. margin-top: 55px;
  10774. }
  10775. .template-6 .template-common .template-btn {
  10776. margin-bottom: 15px;
  10777. }
  10778. .template-6 .template-common .show-hr {
  10779. display: block;
  10780. margin-top: 40px;
  10781. }
  10782. .template-6 .template-common .t-code {
  10783. margin-top: 40px;
  10784. }
  10785. /*/模板6*/
  10786. /*密码显示控制*/
  10787. .passwords .template-pwd {
  10788. display: block;
  10789. }
  10790. .passwords .pc-pwd {
  10791. display: none !important;
  10792. }
  10793. .passwords .template-pwd {
  10794. display: block;
  10795. }
  10796. /*----------/分发落地页----------*/
  10797. /*----------通知中心----------*/
  10798. .user-center1 .message-list .no-msg {
  10799. display: flex;
  10800. align-items: center;
  10801. justify-content: center;
  10802. height: 550px;
  10803. }
  10804. .user-center1 .message-list .no-msg .no {
  10805. display: inline-block;
  10806. text-align: center;
  10807. }
  10808. .user-center1 .message-list .no-msg .no .no-text {
  10809. margin-top: 15px;
  10810. }
  10811. .user-center1 .message-list {
  10812. box-shadow: 0 0 5px rgba(0, 0, 0, .05);
  10813. background-color: #fff;
  10814. min-height: 550px;
  10815. padding-bottom: 20px;
  10816. }
  10817. .user-center1 .message-list dt {
  10818. background-color: #f5f6f7;
  10819. padding: 12px 30px;
  10820. border-bottom: 1px solid #e5e5e5;
  10821. }
  10822. .user-center1 .message-list dt .all {
  10823. color: #333;
  10824. }
  10825. .user-center1 .message-list dt .all:hover {
  10826. color: #157df1;
  10827. }
  10828. .user-center1 .message-list dt .all .icon-checkbox1 {
  10829. margin-top: 2px;
  10830. color: #999;
  10831. margin-right: 10px;
  10832. cursor: pointer;
  10833. }
  10834. .user-center1 .message-list dt .all:hover .icon-checkbox1 {
  10835. color: #157df1;
  10836. }
  10837. .user-center1 .message-list dt .all .icon-checkbox-checked1 {
  10838. margin-top: 2px;
  10839. color: #157df1;
  10840. margin-right: 10px;
  10841. }
  10842. .user-center1 .message-list dt .all .text {
  10843. padding-top: 6px;
  10844. margin-right: 20px;
  10845. }
  10846. .user-center1 .message-list dt button {
  10847. padding: 4px 12px;
  10848. line-height: normal;
  10849. margin-right: 10px;
  10850. }
  10851. .user-center1 .message-list .list li {
  10852. float: left;
  10853. font-size: 12px;
  10854. }
  10855. .user-center1 .message-list dd {
  10856. padding: 20px 30px;
  10857. border-bottom: 1px solid #e5e5e5;
  10858. }
  10859. .user-center1 .message-list dd .list {
  10860. height: 22px;
  10861. }
  10862. .user-center1 .message-list dd .checkbox-li .iconfont {
  10863. margin-right: 20px;
  10864. }
  10865. .user-center1 .message-list dd .checkbox-li .icon-checkbox-checked1 {
  10866. color: #157df1;
  10867. }
  10868. .user-center1 .message-list dd .msg-icon .iconfont {
  10869. margin-right: 30px;
  10870. }
  10871. .user-center1 .message-list dd .msg-icon .icon-unread {
  10872. color: #fed735;
  10873. }
  10874. .user-center1 .message-list dd .msg-icon .icon-read {
  10875. color: #999;
  10876. font-size: 20px;
  10877. position: relative;
  10878. top: -3px;
  10879. }
  10880. .user-center1 .message-list dd .li-msg-con {
  10881. line-height: 24px;
  10882. }
  10883. .user-center1 .message-list dd .li-msg-con span {
  10884. float: left;
  10885. line-height: 22px;
  10886. }
  10887. .user-center1 .message-list dd .li-msg-con .text1 {
  10888. color: #333;
  10889. font-weight: 600;
  10890. }
  10891. .user-center1 .message-list dd.read {
  10892. background-color: #f9f9f9;
  10893. }
  10894. .user-center1 .message-list dd.read .li-msg-con .text1 {
  10895. font-weight: normal;
  10896. }
  10897. .user-center1 .message-list dd .li-msg-con .text2 {
  10898. color: #666;
  10899. white-space: nowrap;
  10900. overflow: hidden;
  10901. text-overflow: ellipsis;
  10902. width: 500px;
  10903. }
  10904. .user-center1 .message-list dd .li-msg-con .text3 {
  10905. margin: 0 5px;
  10906. }
  10907. /*.user-center1 .message-list dd .li-msg-con a:hover {color: #157df1;}*/
  10908. .user-center1 .message-list dd .time {
  10909. float: right;
  10910. line-height: 22px;
  10911. color: #666;
  10912. }
  10913. .user-center1 .message-details {
  10914. padding: 40px;
  10915. height: 550px;
  10916. background-color: #fff;
  10917. box-shadow: 0 0 5px rgba(0, 0, 0, .05);
  10918. }
  10919. .user-center1 .message-details .details-tit {
  10920. color: #333;
  10921. font-size: 26px;
  10922. text-align: center;
  10923. margin-bottom: 10px;
  10924. }
  10925. .user-center1 .message-details .details-time {
  10926. color: #666;
  10927. font-size: 12px;
  10928. text-align: center;
  10929. margin-bottom: 25px;
  10930. }
  10931. .user-center1 .message-details .details-p {
  10932. color: #333;
  10933. font-size: 14px;
  10934. /*margin-bottom: 25px;*/
  10935. line-height: 24px;
  10936. }
  10937. .user-center1 .message-details .details-con-wrap {
  10938. border: 1px solid #e5e5e5;
  10939. border-radius: 3px;
  10940. padding: 30px;
  10941. margin-top: 25px;
  10942. }
  10943. .user-center1 .message-details .details-con dt {
  10944. color: #333;
  10945. font-weight: 600;
  10946. margin-bottom: 18px;
  10947. margin-left: 45px;
  10948. }
  10949. .user-center1 .message-details .details-con.text-lg dt {
  10950. color: #333;
  10951. font-weight: 600;
  10952. margin-bottom: 18px;
  10953. margin-left: 95px;
  10954. }
  10955. .user-center1 .message-details .details-con dd {
  10956. font-size: 12px;
  10957. margin-bottom: 12px;
  10958. }
  10959. .user-center1 .message-details .details-con dd .d-left {
  10960. color: #333;
  10961. float: left;
  10962. width: 60px;
  10963. font-weight: 600;
  10964. text-align: right;
  10965. }
  10966. .user-center1 .message-details .details-con.text-lg dd .d-left {
  10967. color: #333;
  10968. float: left;
  10969. width: 110px;
  10970. font-weight: 600;
  10971. text-align: right;
  10972. }
  10973. .user-center1 .message-details .details-con dd .d-right {
  10974. color: #333;
  10975. margin-left: 85px;
  10976. display: block;
  10977. }
  10978. .user-center1 .message-details .details-con dd .d-right.color-danger {
  10979. color: #fd641d;
  10980. }
  10981. .user-center1 .message-details .details-con dd .d-right.color-hover {
  10982. color: #157df1;
  10983. }
  10984. .user-center1 .message-details .details-con dd .d-right.color-hover {
  10985. color: #157df1;
  10986. }
  10987. .user-center1 .message-details .details-con dd .d-right.color-666 {
  10988. color: #666;
  10989. }
  10990. .user-center1 .message-details .details-con.text-lg dd .d-right {
  10991. margin-left: 135px;
  10992. }
  10993. .user-center1 .message-details .ms-btn-secondary {
  10994. padding: 6px 20px;
  10995. }
  10996. /*/----------通知中心----------*/
  10997. /*----------文档中心----------*/
  10998. /*列表*/
  10999. .doc-banner {
  11000. background: url("../image/document-1.jpg?20190116") no-repeat center;
  11001. height: 200px;
  11002. padding-top: .1px;
  11003. }
  11004. .doc-banner .tit {
  11005. color: #fff;
  11006. font-size: 28px;
  11007. height: 100%;
  11008. display: flex;
  11009. justify-content: center;
  11010. align-items: center;
  11011. font-weight: 600;
  11012. }
  11013. .doc-banner .b-con {
  11014. width: 480px;
  11015. margin: 50px auto 0;
  11016. }
  11017. .doc-banner .b-con p {
  11018. color: #fff;
  11019. margin-top: 5px;
  11020. }
  11021. .doc-banner .url-text {
  11022. background-color: rgba(255, 255, 255, .2);
  11023. height: 50px;
  11024. padding: 6px;
  11025. border-radius: 10px;
  11026. color: #333;
  11027. }
  11028. .doc-banner .url-text input {
  11029. background-color: #fff;
  11030. border: none;
  11031. width: 75%;
  11032. height: 100%;
  11033. border-radius: 5px 0 0 5px;
  11034. padding-left: 30px;
  11035. }
  11036. .doc-banner .url-text .submit {
  11037. background-color: #157df1;
  11038. border: none;
  11039. width: 25%;
  11040. height: 100%;
  11041. border-radius: 0 5px 5px 0;
  11042. text-align: center;
  11043. font-size: 17px;
  11044. color: #fff;
  11045. line-height: 38px;
  11046. }
  11047. .doc-list-wrap {
  11048. padding: 35px 50px 20px;
  11049. }
  11050. .doc-list .tit {
  11051. font-size: 24px;
  11052. color: #157df1;
  11053. margin-bottom: 15px;
  11054. }
  11055. .doc-list .tit .icon {
  11056. margin-right: 10px;
  11057. position: relative;
  11058. top: 2px;
  11059. }
  11060. .doc-list .tit .icon-document2 {
  11061. top: 4px;
  11062. }
  11063. .doc-list .tit .icon-document3 {
  11064. top: 4px;
  11065. }
  11066. .doc-list .con {
  11067. border: 1px solid #e5e5e5;
  11068. padding: 25px 25px 15px;
  11069. margin-bottom: 60px;
  11070. }
  11071. .doc-list .con .common {
  11072. margin-bottom: 8px;
  11073. }
  11074. .doc-list .con .common .arrow {
  11075. float: left;
  11076. color: #333;
  11077. font-size: 14px;
  11078. }
  11079. .doc-list .con .common .tit1 {
  11080. margin-left: 15px;
  11081. color: #333;
  11082. display: block;
  11083. white-space: nowrap;
  11084. overflow: hidden;
  11085. text-overflow: ellipsis;
  11086. }
  11087. .doc-list .con .common .tit1:hover {
  11088. color: #157df1;
  11089. }
  11090. .doc-list .con:last-of-type {
  11091. margin-bottom: 20px;
  11092. }
  11093. .doc-list .advice {
  11094. color: #333;
  11095. text-align: center;
  11096. }
  11097. .doc-list .advice a {
  11098. color: #157df1;
  11099. }
  11100. .doc-list .tit .icon-document2 {
  11101. top: 4px;
  11102. }
  11103. .doc-list .tit .icon-document3 {
  11104. top: 4px;
  11105. }
  11106. /*banner添加教程*/
  11107. .doc-tutorial {
  11108. padding: 0 105px;
  11109. margin: -40px 0 20px;
  11110. }
  11111. .doc-tutorial .con {
  11112. background-color: #fff;
  11113. padding: 20px 40px;
  11114. border: 1px solid #f5f5f5;
  11115. }
  11116. .doc-tutorial .con .ms-thumbnail:hover .ms-caption .tit {
  11117. color: #157df1;
  11118. }
  11119. .doc-tutorial .con .ms-thumbnail img {
  11120. margin-bottom: 10px;
  11121. }
  11122. .doc-tutorial .con .ms-thumbnail .ms-caption .tit {
  11123. margin-bottom: 0;
  11124. }
  11125. /*/列表*/
  11126. /*详情*/
  11127. @media (min-width: 1200px) {
  11128. .doc-details .row {
  11129. margin: 0 -5px;
  11130. }
  11131. .doc-details .col-sm-2 {
  11132. padding: 0 5px;
  11133. }
  11134. .doc-details .col-sm-10 {
  11135. padding: 0 5px;
  11136. }
  11137. }
  11138. .doc-details .details-left {
  11139. border: 1px solid #e5e5e5;
  11140. border-bottom: none;
  11141. border-radius: 3px;
  11142. margin-bottom: 40px;
  11143. }
  11144. .doc-details .details-left dt {
  11145. border-left: 4px solid transparent;
  11146. height: 44px;
  11147. line-height: 44px;
  11148. border-bottom: 1px solid #e5e5e5;
  11149. color: #333;
  11150. padding-left: 10px;
  11151. cursor: pointer;
  11152. }
  11153. .doc-details .details-left dt .icon {
  11154. position: relative;
  11155. top: 2px;
  11156. margin-right: 8px;
  11157. }
  11158. .doc-details .details-left dt .iconfont {
  11159. margin-right: 7px;
  11160. }
  11161. .doc-details .details-left dt .icon-arrow-up {
  11162. display: none;
  11163. }
  11164. .doc-details .details-left dt.active {
  11165. border-left-color: #157df1;
  11166. background-color: #d0e5fc;
  11167. }
  11168. .doc-details .details-left dt.active .icon-arrow-up {
  11169. display: block;
  11170. }
  11171. .doc-details .details-left dt.active .icon-arrow-down {
  11172. display: none;
  11173. }
  11174. /*.doc-details .details-left dt.active+dd{display: block;}*/
  11175. .doc-details .details-left dt .icon-sdk2 {
  11176. color: #157df1;
  11177. }
  11178. .doc-details .details-left dd {
  11179. display: none;
  11180. }
  11181. .doc-details .details-left dd a {
  11182. display: block;
  11183. padding: 10px 20px;
  11184. border-bottom: 1px solid #e5e5e5;
  11185. font-size: 12px;
  11186. }
  11187. .doc-details .details-left dd a.active {
  11188. color: #157df1;
  11189. }
  11190. .details-right {
  11191. border: 1px solid #e5e5e5;
  11192. border-radius: 3px;
  11193. min-height: 600px;
  11194. margin-bottom: 40px;
  11195. }
  11196. .details-right .article-tit {
  11197. color: #333;
  11198. border-bottom: 1px solid #e5e5e5;
  11199. padding: 18px 20px;
  11200. font-size: 16px;
  11201. }
  11202. .details-right .article-con {
  11203. padding: 25px 40px;
  11204. line-height: 24px;
  11205. color: #333;
  11206. }
  11207. .details-right .article-con img {
  11208. max-width: 700px;
  11209. }
  11210. /*/详情*/
  11211. /*更新日志*/
  11212. .update-log-banner {
  11213. background: url("../image/time-2.jpg") no-repeat center;
  11214. height: 170px;
  11215. color: #fff;
  11216. font-size: 28px;
  11217. font-weight: 600;
  11218. display: flex;
  11219. justify-content: center;
  11220. align-items: center;
  11221. }
  11222. .update-log-wrap {
  11223. padding: 70px 240px;
  11224. }
  11225. .update-log-wrap .update-log:first-of-type {
  11226. padding-top: 70px;
  11227. }
  11228. .update-log {
  11229. background: url("../image/time-1.png") no-repeat 115px top;
  11230. }
  11231. .update-log .con {
  11232. padding-bottom: 35px;
  11233. }
  11234. .update-log .u-left {
  11235. width: 100px;
  11236. text-align: right;
  11237. }
  11238. .update-log .u-left dt {
  11239. color: #333;
  11240. font-size: 16px;
  11241. margin-bottom: 2px;
  11242. }
  11243. .update-log .u-left dd {
  11244. color: #333;
  11245. font-size: 12px;
  11246. }
  11247. .update-log .u-right {
  11248. width: 590px;
  11249. margin-left: 24px;
  11250. }
  11251. .update-log .u-right .u-icon {
  11252. border: 1px solid #157df1;
  11253. border-radius: 50px;
  11254. width: 13px;
  11255. height: 13px;
  11256. padding: 2px;
  11257. position: relative;
  11258. top: 2px;
  11259. }
  11260. .update-log .u-right .u-icon span {
  11261. display: block;
  11262. background-color: #157df1;
  11263. border-radius: 50%;
  11264. width: 100%;
  11265. height: 100%;
  11266. }
  11267. .update-log .u-right dl {
  11268. margin-left: 30px;
  11269. }
  11270. .update-log .u-right dt {
  11271. color: #333;
  11272. font-size: 16px;
  11273. font-weight: 600;
  11274. margin-bottom: 5px;
  11275. }
  11276. .update-log .u-right dd {
  11277. color: #333;
  11278. line-height: 24px;
  11279. }
  11280. /*/更新日志*/
  11281. /*反馈 建议*/
  11282. .feedback-wrap {
  11283. padding: 25px 150px 40px;
  11284. }
  11285. .feedback {
  11286. border-radius: 5px;
  11287. background-color: #fff;
  11288. padding: 25px 30px 30px;
  11289. }
  11290. .feedback .tit {
  11291. font-size: 18px;
  11292. color: #333;
  11293. font-weight: 600;
  11294. margin-bottom: 20px;
  11295. }
  11296. .feedback .form-group {
  11297. margin-bottom: 35px;
  11298. }
  11299. .feedback label {
  11300. color: #333;
  11301. margin-bottom: 10px;
  11302. }
  11303. .feedback label span {
  11304. color: #fd641d;
  11305. margin-right: 10px;
  11306. }
  11307. .feedback .type li {
  11308. float: left;
  11309. margin-right: 40px;
  11310. cursor: pointer;
  11311. }
  11312. .feedback .type li .icon-radio {
  11313. top: 3px;
  11314. }
  11315. .feedback .submit {
  11316. padding-left: 40px;
  11317. padding-right: 40px;
  11318. }
  11319. .feedback .uploaded-img {
  11320. border: 1px solid #e5e5e5;
  11321. width: 90px;
  11322. height: 90px;
  11323. position: relative;
  11324. border-radius: 5px;
  11325. margin-right: 20px;
  11326. }
  11327. .feedback .uploaded-img img {
  11328. width: 100%;
  11329. height: 100%;
  11330. border-radius: 5px;
  11331. }
  11332. .feedback .uploaded-img .delete-img {
  11333. position: absolute;
  11334. right: -9px;
  11335. top: -9px;
  11336. right: 0 \9;
  11337. top: 0 \9;
  11338. cursor: pointer;
  11339. z-index: 2;
  11340. }
  11341. .feedback .upload-img {
  11342. position: relative;
  11343. border: 1px dashed #e5e5e5;
  11344. width: 90px;
  11345. height: 90px;
  11346. border-radius: 5px;
  11347. background: url("../image/icon-10.png") no-repeat center 20px;
  11348. overflow: hidden;
  11349. }
  11350. .feedback .upload-img input {
  11351. position: absolute;
  11352. left: 0;
  11353. top: 0;
  11354. width: 100%;
  11355. height: 100%;
  11356. opacity: 0;
  11357. cursor: pointer;
  11358. }
  11359. .feedback .upload-img .text {
  11360. text-align: center;
  11361. font-size: 12px;
  11362. color: #666;
  11363. margin-top: 60px;
  11364. }
  11365. /*/反馈 建议*/
  11366. /*----------/文档中心列表----------*/
  11367. /*----------工具箱----------*/
  11368. .tool-banner {
  11369. background-size: cover;
  11370. height: 460px;
  11371. background: url(https://ssdtp.oss-cn-beijing.aliyuncs.com/eideasImg/diypack/banner/packbg.png) top no-repeat;
  11372. position: relative;
  11373. margin-bottom: 18px;
  11374. overflow: hidden;
  11375. }
  11376. .tool-banner .con {
  11377. color: #fff;
  11378. font-size: 28px;
  11379. padding-left: 100px;
  11380. font-weight: 600;
  11381. padding-top: 55px;
  11382. }
  11383. .tool-banner .con .p2 {
  11384. text-indent: 2em;
  11385. }
  11386. .tool-classs {
  11387. padding: 60px 80px;
  11388. }
  11389. .tool-classs .con {
  11390. box-shadow: 0 0 20px rgba(21, 125, 241, .2);
  11391. background-color: #fff;
  11392. border-radius: 5px;
  11393. }
  11394. .tool-classs .con ul li {
  11395. float: left;
  11396. width: 33.333333%;
  11397. text-align: center;
  11398. padding-top: 20px;
  11399. }
  11400. .tool-classs .con ul li:nth-of-type(1) {
  11401. padding-left: 20px;
  11402. }
  11403. .tool-classs .con ul li:nth-of-type(3) {
  11404. padding-right: 20px;
  11405. }
  11406. .tool-classs .con ul li .t-con {
  11407. border-right: 1px solid #e5e5e5;
  11408. border-bottom: 1px solid #e5e5e5;
  11409. padding-bottom: 40px;
  11410. padding-top: 20px;
  11411. }
  11412. .tool-classs .con ul li:hover {
  11413. box-shadow: 0 3px 10px rgba(193, 220, 251, .8);
  11414. }
  11415. .tool-classs .con ul li .img-wrap {
  11416. height: 66px;
  11417. display: flex;
  11418. justify-content: center;
  11419. align-items: center;
  11420. margin-bottom: 15px;
  11421. }
  11422. .tool-classs .con ul li .tit {
  11423. font-size: 24px;
  11424. color: #333;
  11425. margin-bottom: 10px;
  11426. }
  11427. .tool-classs .con ul li p {
  11428. margin-bottom: 15px;
  11429. height: 80px;
  11430. padding: 0 50px;
  11431. }
  11432. .tool-classs .con ul li .ms-btn {
  11433. padding: 3px 35px;
  11434. border-radius: 15px;
  11435. }
  11436. .tool-classs .con ul li:nth-of-type(n+4) {
  11437. padding-top: 0;
  11438. padding-bottom: 20px;
  11439. }
  11440. .tool-classs .con ul li:nth-of-type(3n) .t-con {
  11441. border-right-color: transparent;
  11442. }
  11443. .tool-classs .con ul li:nth-of-type(n+4) .t-con {
  11444. border-bottom-color: transparent;
  11445. padding-top: 30px;
  11446. padding-bottom: 20px;
  11447. }
  11448. .tool-classs .con ul li:hover .ms-btn {
  11449. background-color: #157df1;
  11450. color: #fff;
  11451. }
  11452. /*----------/工具箱----------*/
  11453. /*----------新价格页----------*/
  11454. .new-price-btn {
  11455. width: 150px;
  11456. height: 40px;
  11457. line-height: 40px;
  11458. border-radius: 20px;
  11459. background: linear-gradient(to right, #ff3794, #fc753b);
  11460. display: block;
  11461. color: #fff;
  11462. text-align: center;
  11463. margin: 0 auto;
  11464. }
  11465. .new-price-btn:hover {
  11466. /*box-shadow: 0 2px 5px rgba(255,55,148,.5);*/
  11467. color: #fff;
  11468. background: linear-gradient(to right, #fe1064, #ff9c00)
  11469. }
  11470. .new-price-btn:focus {
  11471. color: #fff;
  11472. }
  11473. .new-price-banner {
  11474. background: url("../image/price-banner-1.jpg") no-repeat center;
  11475. height: 200px;
  11476. }
  11477. .new-price-banner .banner-con {
  11478. color: #fff;
  11479. padding: 65px 0 0 110px;
  11480. }
  11481. .new-price-banner .banner-con h3 {
  11482. font-size: 30px;
  11483. font-weight: 600;
  11484. margin-bottom: 10px;
  11485. }
  11486. .new-price-banner .banner-con p {
  11487. font-size: 16px;
  11488. }
  11489. .new-price-list {
  11490. padding: 0 110px;
  11491. margin: 85px 0;
  11492. }
  11493. .new-price-list li {
  11494. width: 33.333333%;
  11495. float: left;
  11496. text-align: center;
  11497. padding: 35px 20px;
  11498. background-color: #fff;
  11499. box-shadow: 0 0 10px rgba(112, 61, 231, .1);
  11500. height: 695px;
  11501. transition: transform 100ms;
  11502. }
  11503. .new-price-list li.active {
  11504. transform: scale(1.02);
  11505. z-index: 2;
  11506. position: relative;
  11507. }
  11508. .new-price-list li h3 {
  11509. color: #333;
  11510. margin-top: 20px;
  11511. }
  11512. .new-price-list li p {
  11513. color: #666;
  11514. margin-top: 10px;
  11515. line-height: 24px;
  11516. margin-bottom: 5px;
  11517. }
  11518. .new-price-list li .amount {
  11519. font-size: 18px;
  11520. color: #fd9817;
  11521. }
  11522. .new-price-list li .amount .num {
  11523. font-size: 30px;
  11524. }
  11525. .new-price-list li .more {
  11526. margin: 10px auto 20px;
  11527. }
  11528. .new-price-list li dl dd {
  11529. line-height: 32px;
  11530. color: #333;
  11531. }
  11532. .new-price-details {
  11533. margin-top: 30px;
  11534. }
  11535. .new-price-details h1 {
  11536. color: #157df1;
  11537. text-align: center;
  11538. margin-bottom: 10px;
  11539. }
  11540. .new-price-details p {
  11541. color: #666;
  11542. font-size: 16px;
  11543. text-align: center;
  11544. margin-bottom: 80px;
  11545. }
  11546. .new-price-details .new-price-btn {
  11547. margin-bottom: 80px;
  11548. }
  11549. .new-price-details .table {
  11550. table-layout: fixed;
  11551. box-shadow: 0 0 10px rgba(0, 0, 0, .1);
  11552. margin-bottom: 0;
  11553. }
  11554. .new-price-details .table th {
  11555. text-align: center;
  11556. height: 50px;
  11557. color: #333;
  11558. font-size: 16px;
  11559. font-weight: 600;
  11560. border-top: none;
  11561. position: relative;
  11562. vertical-align: middle;
  11563. }
  11564. .new-price-details .table th:nth-of-type(2) {
  11565. border-left: 1px solid #ddd;
  11566. }
  11567. .new-price-details .table td {
  11568. text-align: center;
  11569. border: 1px solid #ddd;
  11570. height: 50px;
  11571. color: #333;
  11572. vertical-align: middle;
  11573. }
  11574. .new-price-details .table th:first-of-type {
  11575. border-left-color: transparent;
  11576. }
  11577. .new-price-details .table th:last-of-type {
  11578. border-right-color: transparent;
  11579. }
  11580. .new-price-details .table td:first-of-type {
  11581. border-left-color: transparent;
  11582. }
  11583. .new-price-details .table td:last-of-type {
  11584. border-right-color: transparent;
  11585. }
  11586. .new-price-details .table tr:last-of-type td {
  11587. border-bottom: none;
  11588. }
  11589. .new-price-details .table tr:nth-of-type(odd) td {
  11590. background-color: #f5f6f7;
  11591. }
  11592. /*.new-price-details .table tr:nth-of-type(even) td:first-of-type{border-left-color: #ddd; border-right-color: #ddd;}*/
  11593. /*.new-price-details .table tr:nth-of-type(even) td:last-of-type{border-right-color: #ddd;}*/
  11594. .new-price-details .table th .th-con {
  11595. position: absolute;
  11596. width: 100%;
  11597. height: 90px;
  11598. left: 0;
  11599. bottom: 0;
  11600. background: no-repeat center;
  11601. color: #fff;
  11602. padding-top: 15px;
  11603. }
  11604. .new-price-details .table th .th-con .tit {
  11605. font-size: 24px;
  11606. font-weight: normal;
  11607. margin-bottom: 5px;
  11608. position: relative;
  11609. }
  11610. .new-price-details .table th .th-con .tit .unit {
  11611. font-size: 12px;
  11612. }
  11613. .new-price-details .table th .th-con .tit .recommended {
  11614. position: absolute;
  11615. top: -8px;
  11616. background: url("../image/price-tip1.png") no-repeat;
  11617. width: 40px;
  11618. height: 24px;
  11619. color: #fff;
  11620. font-size: 14px;
  11621. line-height: 24px;
  11622. }
  11623. .new-price-details .table th .th-con .level {
  11624. font-size: 16px;
  11625. }
  11626. /*.new-price-details .table .icon-wrap{height: 20px; line-height: 20px;}*/
  11627. .new-price-details .table .icon-duihao {
  11628. color: #13c960;
  11629. font-size: 22px;
  11630. }
  11631. .new-price-details .help {
  11632. padding-bottom: 40px;
  11633. }
  11634. .new-price-details .help h1 {
  11635. margin-bottom: 40px;
  11636. }
  11637. .new-price-details .help dl .right {
  11638. margin-left: 30px;
  11639. width: calc(100% - 30px);
  11640. }
  11641. .new-publish-price .help {
  11642. padding: 0;
  11643. margin-bottom: 30px;
  11644. padding: 55px 70px 0;
  11645. }
  11646. .new-publish-price .help h1 {
  11647. margin-bottom: 40px;
  11648. color: #157df1;
  11649. text-align: center;
  11650. }
  11651. .new-publish-price .help dl .right {
  11652. margin-left: 30px;
  11653. width: calc(100% - 30px);
  11654. }
  11655. .new-pack-price .table th .level0 {
  11656. background-image: url("../image/price-4.jpg");
  11657. }
  11658. .new-pack-price .table th .level1 {
  11659. background-image: url("../image/price-5.jpg");
  11660. }
  11661. .new-pack-price .table th .level2 {
  11662. background-image: url("../image/price-6.jpg");
  11663. }
  11664. .new-pack-price .table th .th-con .tit .recommended {
  11665. position: absolute;
  11666. top: -8px;
  11667. background: url("../image/price-tip2.png") no-repeat;
  11668. width: 70px;
  11669. height: 24px;
  11670. color: #fff;
  11671. font-size: 14px;
  11672. line-height: 24px;
  11673. }
  11674. .new-sign-price .table th .level0 {
  11675. background-image: url("../image/price-5.jpg");
  11676. }
  11677. .new-sign-price .table th .level1 {
  11678. background-image: url("../image/price-6.jpg");
  11679. }
  11680. .new-sign-price .table th .level2 {
  11681. background-image: url("../image/price-7.jpg");
  11682. }
  11683. .new-sign-price .table tr td:first-of-type {
  11684. font-weight: 600;
  11685. }
  11686. .new-sign-price .table tr:last-of-type td {
  11687. border-bottom: 1px solid #ddd;
  11688. }
  11689. /*.new-publish-price{margin-bottom: 60px;}*/
  11690. .new-publish-price .tab {
  11691. width: 490px;
  11692. height: 40px;
  11693. line-height: 40px;
  11694. margin: 40px auto;
  11695. }
  11696. .new-publish-price .tab li {
  11697. float: left;
  11698. text-align: center;
  11699. width: 50%;
  11700. color: #333;
  11701. cursor: pointer;
  11702. border: 1px solid #e5e5e5;
  11703. }
  11704. .new-publish-price .tab li:first-of-type {
  11705. border-radius: 20px 0 0 20px;
  11706. border-right-color: transparent;
  11707. }
  11708. .new-publish-price .tab li:last-of-type {
  11709. border-left-color: transparent;
  11710. border-radius: 0 20px 20px 0;
  11711. }
  11712. .new-publish-price .tab li.active {
  11713. background-color: #157df1;
  11714. border-color: #157df1;
  11715. color: #fff;
  11716. }
  11717. /*.new-publish-price .tab li:first-of-type.active{border-radius: 25px 0 0 25px;}*/
  11718. /*.new-publish-price .tab li:last-of-type.active{border-radius:0 25px 25px 0;}*/
  11719. .new-publish-price .tab-con>div {
  11720. display: none;
  11721. }
  11722. .new-publish-price .tab-con .con-wrap {
  11723. padding: 0 70px;
  11724. }
  11725. .new-publish-price .tab-con h1 {
  11726. text-align: center;
  11727. color: #157df1;
  11728. margin-bottom: 20px;
  11729. }
  11730. .new-publish-price .tab-con .big-package h1 {
  11731. color: #fd9817;
  11732. }
  11733. .new-publish-price .tab-con .p1 {
  11734. text-align: center;
  11735. font-size: 16px;
  11736. color: #666;
  11737. margin-bottom: 35px;
  11738. }
  11739. .new-publish-price .tab-con .con {
  11740. border: 1px solid #e5e5e5;
  11741. padding-bottom: 40px;
  11742. position: relative;
  11743. }
  11744. .new-publish-price .tab-con .con:hover {
  11745. box-shadow: 0 3px 10px rgba(21, 125, 241, .2);
  11746. }
  11747. .new-publish-price .tab-con .big-package .con:hover {
  11748. box-shadow: 0 3px 10px rgba(253, 152, 23, .2);
  11749. }
  11750. .new-publish-price .tab-con .gradient {
  11751. height: 8px;
  11752. }
  11753. .new-publish-price .tab-con .gradient1 {
  11754. background: linear-gradient(to right, #5caafd, #57d4f8);
  11755. }
  11756. .new-publish-price .tab-con .gradient2 {
  11757. background: linear-gradient(to right, #507dfb, #5598fa);
  11758. }
  11759. .new-publish-price .tab-con .gradient3 {
  11760. background: linear-gradient(to right, #5958d9, #8e1fe5);
  11761. }
  11762. .new-publish-price .tab-con .big-package .gradient1 {
  11763. background: linear-gradient(to right, #fea63f, #ffcd35);
  11764. }
  11765. .new-publish-price .tab-con .big-package .gradient2 {
  11766. background: linear-gradient(to right, #fc853e, #fe9f30);
  11767. }
  11768. .new-publish-price .tab-con .big-package .gradient3 {
  11769. background: linear-gradient(to right, #fc7738, #ff339a);
  11770. }
  11771. .new-publish-price .tab-con .downloads {
  11772. text-align: center;
  11773. padding: 35px 0 30px;
  11774. }
  11775. .new-publish-price .tab-con .downloads .text {
  11776. color: #666;
  11777. font-size: 16px;
  11778. }
  11779. .new-publish-price .tab-con .downloads .num {
  11780. color: #333;
  11781. font-size: 50px;
  11782. }
  11783. .new-publish-price .tab-con .downloads .num span {
  11784. font-size: 16px;
  11785. }
  11786. .new-publish-price .tab-con .con .recommended {
  11787. position: absolute;
  11788. top: 0;
  11789. right: 0;
  11790. display: none;
  11791. }
  11792. .new-publish-price .tab-con .instructions {
  11793. padding: 0 30px;
  11794. }
  11795. .new-publish-price .tab-con .instructions dl {
  11796. border-top: 1px solid #e5e5e5;
  11797. text-align: left;
  11798. color: #666;
  11799. padding-top: 25px;
  11800. height: 195px;
  11801. }
  11802. .new-publish-price .tab-con .instructions dl dd {
  11803. margin: 10px 0;
  11804. color: #666;
  11805. }
  11806. .new-publish-price .tab-con .instructions dl dd .icon-gou {
  11807. color: #5cb4f6;
  11808. }
  11809. .new-publish-price .tab-con .big-package .instructions dl dd .icon-gou {
  11810. color: #fd9817;
  11811. }
  11812. .new-publish-price .tab-con .instructions dl dd .icon-gou {
  11813. margin-right: 10px;
  11814. font-size: 14px;
  11815. }
  11816. .new-publish-price .tab-con .instructions dl dd .icon-prompt {
  11817. position: relative;
  11818. margin-left: 5px;
  11819. top: -3px;
  11820. cursor: pointer;
  11821. }
  11822. .new-publish-price .tab-con .p-price {
  11823. font-size: 16px;
  11824. color: #157df1;
  11825. text-align: center;
  11826. margin-bottom: 25px;
  11827. }
  11828. .new-publish-price .tab-con .big-package .p-price {
  11829. color: #fd9817;
  11830. }
  11831. .new-publish-price .tab-con .p-price span {
  11832. font-size: 40px;
  11833. }
  11834. .new-publish-price .tab-con .p-pay {
  11835. text-align: center;
  11836. }
  11837. .new-publish-price .tab-con .p-pay .btn-buy {
  11838. padding: 10px 12px;
  11839. width: 120px;
  11840. }
  11841. .new-publish-price .tab-con .big-package .p-pay .btn-buy {
  11842. color: #fd9817;
  11843. border: 1px solid #fd9817;
  11844. }
  11845. .new-publish-price .tab-con .big-package .p-pay .btn-buy:hover {
  11846. color: #fff;
  11847. border: 1px solid #fd9817;
  11848. background-color: #fd9817;
  11849. }
  11850. .new-price-meal {
  11851. padding: 20px 0 25px;
  11852. }
  11853. .new-price-meal>h1 {
  11854. color: #157df1;
  11855. margin-bottom: 15px;
  11856. text-align: center;
  11857. }
  11858. .new-price-meal>p {
  11859. color: #666;
  11860. font-size: 16px;
  11861. margin-bottom: 20px;
  11862. text-align: center;
  11863. }
  11864. .new-price-meal .new-price-btn {
  11865. margin-bottom: 50px;
  11866. }
  11867. .new-price-meal .table {
  11868. table-layout: fixed;
  11869. box-shadow: 0 0 10px rgba(0, 0, 0, .1);
  11870. }
  11871. .new-price-meal .table th {
  11872. text-align: center;
  11873. height: 50px;
  11874. color: #333;
  11875. border-top: none;
  11876. position: relative;
  11877. vertical-align: middle;
  11878. border-left: 1px solid #ddd;
  11879. font-weight: 600;
  11880. font-size: 15px;
  11881. background-color: #f5f6f7;
  11882. }
  11883. .new-price-meal .table td {
  11884. text-align: center;
  11885. border: 1px solid #ddd;
  11886. height: 50px;
  11887. color: #333;
  11888. vertical-align: middle;
  11889. }
  11890. .new-price-meal .table th:first-of-type {
  11891. border-left-color: transparent;
  11892. }
  11893. .new-price-meal .table th:last-of-type {
  11894. border-right-color: transparent;
  11895. }
  11896. .new-price-meal .table td:first-of-type {
  11897. border-left-color: transparent;
  11898. }
  11899. .new-price-meal .table td:last-of-type {
  11900. border-right-color: transparent;
  11901. }
  11902. .new-price-meal .table tr:last-of-type td {
  11903. border-bottom: none;
  11904. }
  11905. .new-price-meal .table tr:nth-of-type(odd) td {
  11906. background-color: transparent;
  11907. }
  11908. .new-price-meal .table .recommend-wrap1 {
  11909. position: relative;
  11910. }
  11911. .new-price-meal .table .recommend-wrap1 .recommended {
  11912. position: absolute;
  11913. top: -9px;
  11914. background: url("../image/price-tip1.png") no-repeat;
  11915. width: 32px;
  11916. height: 22px;
  11917. color: #fff;
  11918. font-size: 12px;
  11919. line-height: 20px;
  11920. background-size: contain;
  11921. font-weight: normal;
  11922. }
  11923. .new-pack-meal .table .recommend-wrap1 .recommended {
  11924. background: url("../image/price-tip2.png") no-repeat;
  11925. width: 60px;
  11926. height: 22px;
  11927. background-size: contain;
  11928. font-size: 12px;
  11929. line-height: 22px;
  11930. font-weight: normal;
  11931. }
  11932. .new-price-meal .table td .num {
  11933. font-size: 18px;
  11934. }
  11935. .new-price-meal .help {
  11936. padding: 0;
  11937. }
  11938. .new-price-meal .help>h1 {
  11939. color: #157df1;
  11940. text-align: center;
  11941. margin-bottom: 50px;
  11942. }
  11943. /*----------/新价格页----------*/
  11944. /*----------SDK----------*/
  11945. .sdk-banner-wrap {
  11946. background: url("../image/sdk-banner.jpg") no-repeat center;
  11947. height: 200px;
  11948. }
  11949. .sdk-banner {
  11950. padding-top: 60px;
  11951. }
  11952. .sdk-banner h1 {
  11953. color: #fff;
  11954. font-size: 30px;
  11955. text-align: center;
  11956. line-height: 40px;
  11957. font-weight: normal;
  11958. }
  11959. .sdk-common {
  11960. padding: 70px 0;
  11961. }
  11962. .sdk-common>h1 {
  11963. color: #157df1;
  11964. text-align: center;
  11965. margin-bottom: 20px;
  11966. font-weight: normal;
  11967. }
  11968. .sdk-common>h3 {
  11969. color: #666;
  11970. font-size: 16px;
  11971. text-align: center;
  11972. margin-bottom: 50px;
  11973. font-weight: normal;
  11974. }
  11975. .sdk-system .list .con {
  11976. text-align: center;
  11977. }
  11978. .sdk-system .list .con1 {
  11979. border-right: 1px solid #e5e5e5;
  11980. }
  11981. .sdk-system .list .con img {
  11982. margin: 0 auto 20px;
  11983. }
  11984. .sdk-system .list .con>h3 {
  11985. text-align: center;
  11986. color: #333;
  11987. margin-bottom: 15px;
  11988. font-weight: normal;
  11989. }
  11990. .sdk-system .list .con .s-btn {
  11991. width: 165px;
  11992. padding: 0;
  11993. height: 46px;
  11994. line-height: 46px;
  11995. border-radius: 30px;
  11996. display: block;
  11997. margin: 0 auto;
  11998. font-size: 18px;
  11999. margin-bottom: 15px;
  12000. }
  12001. .sdk-system .list .con .s-btn2 {
  12002. background-color: #13c960;
  12003. color: #fff;
  12004. }
  12005. .sdk-system .list .con .s-btn2:hover {
  12006. background-color: #72dd9f;
  12007. }
  12008. .sdk-system .list .con .instructions {
  12009. color: #666;
  12010. font-size: 18px;
  12011. }
  12012. .sdk-system .list .con .instructions1:hover {
  12013. color: #157df1;
  12014. text-decoration: underline;
  12015. }
  12016. .sdk-system .list .con .instructions2:hover {
  12017. color: #13c960;
  12018. text-decoration: underline;
  12019. }
  12020. .sdk-solve .ms-thumbnail .img-wrap {
  12021. height: 190px;
  12022. margin-bottom: 20px;
  12023. }
  12024. .sdk-statistical {
  12025. padding: 70px 0;
  12026. }
  12027. .sdk-statistical .ms-thumbnail .img-wrap {
  12028. height: 155px;
  12029. display: flex;
  12030. align-items: flex-end;
  12031. }
  12032. .sdk-statistical .ms-thumbnail .tit {
  12033. margin-bottom: 0;
  12034. }
  12035. .sdk-help>h1 {
  12036. text-align: center;
  12037. color: #157df1;
  12038. margin-bottom: 50px;
  12039. font-weight: normal;
  12040. }
  12041. /*----------/SDK----------*/
  12042. /*----------免责声明----------*/
  12043. .disclaimer {
  12044. padding: 75px 60px;
  12045. min-height: 580px;
  12046. }
  12047. .disclaimer h1 {
  12048. text-align: center;
  12049. color: #333;
  12050. margin-bottom: 50px;
  12051. }
  12052. .disclaimer p {
  12053. line-height: 1.8;
  12054. color: #333;
  12055. font-size: 16px;
  12056. margin-bottom: 35px;
  12057. }
  12058. /*----------/免责声明----------*/
  12059. /*----------推广大使----------*/
  12060. /*2019/4/1日改版*/
  12061. .ambassador-common {
  12062. padding: 70px 0;
  12063. }
  12064. .ambassador-common .h1 {
  12065. color: #333;
  12066. text-align: center;
  12067. margin-bottom: 20px;
  12068. }
  12069. .ambassador-common .h5 {
  12070. font-size: 16px;
  12071. text-align: center;
  12072. margin-bottom: 45px;
  12073. line-height: 24px;
  12074. }
  12075. .ambassador-banner-wrap {
  12076. background: url("../image/tt-0.jpg?20190401") no-repeat center;
  12077. height: 430px;
  12078. display: block;
  12079. padding-top: 110px;
  12080. }
  12081. .ambassador-banner {
  12082. color: #fff;
  12083. padding-left: 40px;
  12084. }
  12085. .ambassador-banner .h1 {
  12086. font-weight: 600;
  12087. margin-bottom: 15px;
  12088. text-shadow: 2px 2px 0 #0b58b6;
  12089. }
  12090. .ambassador-banner .h1 span {
  12091. color: #ffe401;
  12092. font-size: 44px;
  12093. }
  12094. .ambassador-banner p {
  12095. font-size: 18px;
  12096. margin-bottom: 25px;
  12097. }
  12098. .ambassador-banner .b-btn {
  12099. color: #157df1;
  12100. width: 160px;
  12101. padding: 9px;
  12102. background-color: #fff;
  12103. font-size: 16px;
  12104. }
  12105. .ambassador-join .ms-thumbnail .ms-caption p {
  12106. height: 60px;
  12107. }
  12108. .ambassador-service-wrap {
  12109. background: url("../image/ttt-banner.jpg?2019") no-repeat center;
  12110. }
  12111. .ambassador-service .h1 {
  12112. color: #fff;
  12113. }
  12114. .ambassador-service .h5 {
  12115. color: #fff;
  12116. }
  12117. .ambassador-service .ms-thumbnail {
  12118. background-color: #fff;
  12119. padding: 40px 0;
  12120. }
  12121. .ambassador-service .ms-thumbnail .ms-caption p {
  12122. height: 40px;
  12123. }
  12124. /*.promote-process-wrap{background-color: #ecf4fd;}*/
  12125. .promote-process .h1 {
  12126. margin-bottom: 60px;
  12127. }
  12128. .promote-process ul li {
  12129. float: left;
  12130. height: 220px;
  12131. padding-top: 30px;
  12132. }
  12133. .promote-process ul li:nth-child(even) {
  12134. width: 60px;
  12135. background: url("../image/tt-8.png") no-repeat center;
  12136. }
  12137. .promote-process ul li:nth-child(odd) {
  12138. width: calc((100% - 180px) / 4);
  12139. background-color: #fff;
  12140. box-shadow: 0 0 10px rgba(18, 112, 246, .2);
  12141. }
  12142. .promote-process .ms-thumbnail .ms-caption {
  12143. padding: 0 20px;
  12144. }
  12145. .promote-process .ms-thumbnail .ms-caption .tit {
  12146. font-size: 16px;
  12147. margin-bottom: 10px;
  12148. }
  12149. .promote-process .ms-thumbnail .ms-caption .tit img {
  12150. margin-bottom: 0;
  12151. vertical-align: text-bottom;
  12152. display: inline-block;
  12153. }
  12154. /*.promote-process .ms-thumbnail .ms-caption .tit img{float: left;}*/
  12155. .ambassador-help .tit {
  12156. color: #333;
  12157. }
  12158. .join-ambassador {
  12159. background: url("../image/tt-9.jpg") no-repeat center;
  12160. height: 200px;
  12161. display: block;
  12162. text-align: center;
  12163. padding-top: 55px;
  12164. }
  12165. .join-ambassador .h1 {
  12166. font-weight: 600;
  12167. margin-bottom: 25px;
  12168. color: #fff;
  12169. letter-spacing: 10px;
  12170. }
  12171. .join-ambassador .h1 span {
  12172. margin: 0 20px;
  12173. }
  12174. .join-ambassador .ms-btn {
  12175. width: 110px;
  12176. font-size: 16px;
  12177. border: 1px solid #fff;
  12178. color: #fff;
  12179. }
  12180. /*----------/推广大使----------*/
  12181. /*右侧悬停*/
  12182. .fixed-right {
  12183. position: fixed;
  12184. right: 0;
  12185. top: 50%;
  12186. transform: translateY(-50%);
  12187. -webkit-transform: translateY(-50%);
  12188. z-index: 999;
  12189. /* display: none;*/
  12190. }
  12191. .fixed-right li {
  12192. width: 50px;
  12193. color: #304DD9;
  12194. padding: 16px;
  12195. border: 1px solid #e5e5e5;
  12196. position: relative;
  12197. display: flex;
  12198. flex-wrap: wrap;
  12199. justify-content: center;
  12200. align-items: center;
  12201. background-color: #fff;
  12202. cursor: pointer;
  12203. position: relative;
  12204. }
  12205. .fixed-right li+li {
  12206. border-top: transparent;
  12207. }
  12208. .fixed-right li .iconfont {
  12209. color: #999;
  12210. }
  12211. .fixed-right li .icon-qq {
  12212. font-size: 30px;
  12213. }
  12214. .fixed-right li .icon-weixin1 {
  12215. font-size: 25px;
  12216. }
  12217. .fixed-right li .icon-go-top {
  12218. font-size: 36px;
  12219. }
  12220. .fixed-right li .wechat {
  12221. background: url("../img/img-15.png") no-repeat;
  12222. width: 146px;
  12223. height: 135px;
  12224. position: absolute;
  12225. top: -18px;
  12226. right: calc(100% + 10px);
  12227. padding: 10px 0 0 10px;
  12228. z-index: 1000;
  12229. display: none;
  12230. transition: all 600ms;
  12231. }
  12232. .fixed-right li:hover .wechat {
  12233. display: block;
  12234. }
  12235. .fixed-right li:hover .iconfont {
  12236. color: #303659;
  12237. }
  12238. .fixed-right li.qiye .hover-hidden {
  12239. display: block;
  12240. }
  12241. .fixed-right li.qiye .hover-show {
  12242. display: none;
  12243. }
  12244. .fixed-right li.qiye:hover .hover-hidden {
  12245. display: none;
  12246. }
  12247. .fixed-right li.qiye:hover .hover-show {
  12248. display: block;
  12249. }
  12250. .fixed-right-guest-wrap {
  12251. display: none;
  12252. position: absolute;
  12253. left: -220px;
  12254. top: -70%;
  12255. width: 220px;
  12256. }
  12257. .fixed-right-guest {
  12258. width: 200px;
  12259. background-color: #FFF;
  12260. box-shadow: 0 0 10px rgba(0, 0, 0, .1);
  12261. }
  12262. .fixed-right-guest:after {
  12263. position: absolute;
  12264. content: '';
  12265. right: 8px;
  12266. top: 42%;
  12267. border-left: 12px solid #FFF;
  12268. border-bottom: 12px solid transparent;
  12269. border-top: 12px solid transparent;
  12270. }
  12271. .fixed-right li.guest:hover .fixed-right-guest-wrap {
  12272. display: block;
  12273. }
  12274. .fixed-right li .wechat img {
  12275. width: 115px;
  12276. height: 115px;
  12277. }
  12278. .fixed-right-guest .wx_qrcode {
  12279. width: 100px;
  12280. height: 100px;
  12281. margin-top: 10px;
  12282. }
  12283. .fixed-right-guest .item {
  12284. padding: 15px 20px;
  12285. }
  12286. .fixed-right-guest .item:hover {
  12287. background-color: #e6edf8;
  12288. }
  12289. .fixed-right-guest .text {
  12290. margin-left: 10px;
  12291. }
  12292. .fixed-right-guest .text .title {
  12293. font-size: 16px;
  12294. color: #303659;
  12295. line-height: 1;
  12296. margin-bottom: 3px;
  12297. }
  12298. .fixed-right-guest .text .s-title {
  12299. font-size: 12px;
  12300. color: #999;
  12301. }
  12302. .fixed-right .go-top {
  12303. display: none;
  12304. }
  12305. /*/右侧悬停*/
  12306. /*弹窗*/
  12307. /*
  12308. .ms-modal .modal-body{padding: 30px;}
  12309. .ms-modal .modal-title{color: #333; text-align: center; font-weight: 600; font-size: 16px;}
  12310. .ms-modal .modal-header{border-bottom: none; padding: 25px 15px 0;}
  12311. */
  12312. /*模板页弹窗提示*/
  12313. #templateModal .modal-content {
  12314. background-color: #fffeff;
  12315. }
  12316. #templateModal .modal-body {
  12317. padding: 0;
  12318. }
  12319. #templateModal .template-modal {
  12320. padding-bottom: 30px;
  12321. }
  12322. #templateModal .m-top {
  12323. background: no-repeat center;
  12324. height: 130px;
  12325. background-size: cover;
  12326. padding-top: 25px;
  12327. border-radius: 6px 6px 0 0;
  12328. }
  12329. #templateModal .m-top .title1 {
  12330. color: #fff;
  12331. font-size: 40px;
  12332. text-align: center;
  12333. font-weight: 600;
  12334. }
  12335. #templateModal .m-top .title2 {
  12336. color: #fff;
  12337. font-size: 16px;
  12338. font-weight: 600;
  12339. text-align: center;
  12340. padding: 0 15px;
  12341. }
  12342. #templateModal .m-top .title2 span {
  12343. font-size: 20px;
  12344. }
  12345. #templateModal .modal-p {
  12346. color: #333;
  12347. padding: 20px 30px;
  12348. }
  12349. #templateModal .modal-btn {
  12350. display: block;
  12351. width: calc(100% - 60px);
  12352. margin: 0 30px;
  12353. border-radius: 20px;
  12354. box-shadow: 0 5px 10px rgba(21, 125, 241, .4);
  12355. cursor: pointer;
  12356. }
  12357. #templateModal .modal-btn1 {
  12358. background-color: #fd6835;
  12359. border-color: #fd6835;
  12360. box-shadow: 0 5px 10px rgba(253, 104, 53, .4);
  12361. }
  12362. #templateModal .modal-btn2 {
  12363. background-color: #5342ff;
  12364. border-color: #5342ff;
  12365. box-shadow: 0 5px 10px rgba(83, 66, 255, .3);
  12366. }
  12367. /*/模板页弹窗提示*/
  12368. /*通用弹窗*/
  12369. /*#generalModal{padding-right: 0 !important;}*/
  12370. #generalModal .title {
  12371. margin-bottom: 5px;
  12372. }
  12373. #generalModal .modal-p {
  12374. margin-bottom: 15px;
  12375. }
  12376. #generalModal .cancel-btn {
  12377. margin-right: 10px;
  12378. }
  12379. #generalModal .cancel-btn:empty {
  12380. display: none;
  12381. }
  12382. #generalModal .success-btn:empty {
  12383. display: none;
  12384. }
  12385. #generalModal .title:empty {
  12386. display: none;
  12387. }
  12388. #generalModal .modal-p:empty {
  12389. display: none;
  12390. }
  12391. /*/通用弹窗*/
  12392. #myModalPay .modal-header {
  12393. border-bottom: 1px solid #e5e5e5;
  12394. padding: 15px;
  12395. }
  12396. /*超出文件大小300m*/
  12397. .beyond-file p {
  12398. line-height: 24px;
  12399. margin-top: 15px;
  12400. }
  12401. .beyond-file p a {
  12402. color: #157df1;
  12403. }
  12404. .beyond-file .ms-btn-primary {
  12405. width: 90px;
  12406. margin-top: 15px;
  12407. }
  12408. /*我的应用 合并应用*/
  12409. .ms-modal .app-list {
  12410. height: 380px;
  12411. overflow-y: auto;
  12412. }
  12413. .ms-modal .app-list li {
  12414. float: left;
  12415. width: 25%;
  12416. padding: 0 10px 30px;
  12417. text-align: center;
  12418. cursor: pointer;
  12419. }
  12420. .ms-modal .app-list li .img-wrap {
  12421. position: relative;
  12422. width: 51px;
  12423. height: 51px;
  12424. margin: 0 auto;
  12425. overflow: hidden;
  12426. }
  12427. .ms-modal .app-list li img {
  12428. width: 51px;
  12429. border-radius: 15px;
  12430. border: 1px solid #e5e5e5;
  12431. }
  12432. .ms-modal .app-list li .tit {
  12433. color: #333;
  12434. margin-top: 5px;
  12435. }
  12436. .ms-modal .app-list li p {
  12437. color: #666;
  12438. }
  12439. .ms-modal .app-list li .img-wrap .shadow {
  12440. position: absolute;
  12441. left: 0;
  12442. top: 0;
  12443. background-color: rgba(0, 0, 0, .6);
  12444. width: 100%;
  12445. height: 100%;
  12446. display: none;
  12447. }
  12448. .ms-modal .app-list li.active .img-wrap .shadow {
  12449. display: block;
  12450. }
  12451. .ms-modal .app-list li .img-wrap .shadow .icon-gou {
  12452. color: #fff;
  12453. font-size: 18px;
  12454. position: absolute;
  12455. left: 50%;
  12456. top: 50%;
  12457. transform: translate(-50%, -50%);
  12458. }
  12459. /*我的应用 确定合并应用*/
  12460. .marge-common .merge-app {
  12461. padding: 0 70px;
  12462. }
  12463. .marge-common .merge-app li {
  12464. float: left;
  12465. width: 33.33333%;
  12466. text-align: center;
  12467. }
  12468. .marge-common .merge-app li.center {
  12469. background: url("../image/icon-20.png") no-repeat center;
  12470. height: 110px;
  12471. }
  12472. .marge-common .merge-app li img {
  12473. width: 100px;
  12474. height: 100px;
  12475. border-radius: 12px
  12476. }
  12477. .marge-common .merge-app li .icon {
  12478. position: relative;
  12479. top: 2px;
  12480. }
  12481. .marge-common dl.bottom {
  12482. font-size: 12px;
  12483. color: #333;
  12484. border-top: 1px solid #e5e5e5;
  12485. padding-top: 20px;
  12486. margin-top: 25px;
  12487. }
  12488. .marge-common dl.bottom dt {
  12489. color: #333;
  12490. font-weight: 600;
  12491. margin-bottom: 5px;
  12492. }
  12493. /*下载更多尺寸*/
  12494. #myModal3 .modal-dialog {
  12495. width: 400px;
  12496. }
  12497. #myModal3 .modal-content .size-list {
  12498. padding-left: 50px;
  12499. padding-right: 50px;
  12500. }
  12501. #myModal3 .modal-title {
  12502. text-align: left;
  12503. }
  12504. #myModal3 .size-list dl {
  12505. margin-bottom: 15px;
  12506. }
  12507. #myModal3 .size-list dt {
  12508. color: #333;
  12509. margin-top: 6px;
  12510. }
  12511. #myModal3 .size-list .iconfont {
  12512. color: #157df1;
  12513. font-size: 20px;
  12514. }
  12515. /*#myModal3 .size-list .iconfont:hover{color: #157df1;}*/
  12516. #UDIDModal .modal-dialog {
  12517. width: 400px;
  12518. }
  12519. #UDIDModal .modal-title {
  12520. text-align: left;
  12521. }
  12522. #UDIDModal .UDID {
  12523. color: #333;
  12524. max-height: 200px;
  12525. overflow-y: auto;
  12526. }
  12527. #UDIDModal .UDID li {
  12528. line-height: 24px;
  12529. }
  12530. /*自动消失弹窗*/
  12531. .auto-hide-modal .modal-content {
  12532. background-color: transparent;
  12533. box-shadow: none;
  12534. border: none;
  12535. }
  12536. .auto-hide-modal .auto-hide {
  12537. background-color: #666;
  12538. padding: 20px 25px;
  12539. border-radius: 5px;
  12540. display: inline-block;
  12541. color: #fff;
  12542. }
  12543. /*/自动消失弹窗*/
  12544. /*修改手机号弹窗*/
  12545. .change-phone-num {
  12546. padding: 0 20px 20px 20px;
  12547. }
  12548. .change-phone-num label {
  12549. color: #333;
  12550. margin-bottom: 5px;
  12551. font-weight: 600;
  12552. }
  12553. .change-phone-num .form-control {
  12554. color: #333;
  12555. }
  12556. /*/修改手机号弹窗*/
  12557. /*用户签名协议弹窗*/
  12558. #myModal5 .modal-body {
  12559. padding-top: 20px;
  12560. }
  12561. #myModal5 .con {
  12562. line-height: 24px;
  12563. max-height: 350px;
  12564. overflow-y: auto;
  12565. }
  12566. /*/用户签名协议弹窗*/
  12567. /*封装打包弹窗*/
  12568. #myModal6 .packaging {
  12569. margin-top: 70px;
  12570. }
  12571. #myModal6 .progress {
  12572. height: 12px;
  12573. border-radius: 6px;
  12574. width: 94%;
  12575. }
  12576. #myModal6 .progress-bar {
  12577. background-color: #2e90fc;
  12578. }
  12579. #myModal6 .progress-wrap .fr {
  12580. margin-top: -4px;
  12581. }
  12582. #myModal6 .packaging p {
  12583. margin-top: 80px;
  12584. font-size: 12px;
  12585. }
  12586. /*/封装打包弹窗*/
  12587. /*举报弹窗*/
  12588. #reportModal .report .tit {
  12589. font-size: 16px;
  12590. color: #333;
  12591. text-align: center;
  12592. font-weight: 600;
  12593. margin-bottom: 20px;
  12594. }
  12595. #reportModal .report p {
  12596. color: #666;
  12597. font-size: 12px;
  12598. line-height: 24px;
  12599. padding-bottom: 15px;
  12600. margin-bottom: 15px;
  12601. border-bottom: 1px solid #e5e5e5;
  12602. }
  12603. #reportModal .report label {
  12604. font-weight: 600;
  12605. color: #333;
  12606. margin-bottom: 5px;
  12607. }
  12608. #reportModal .report label span {
  12609. color: #ff4222;
  12610. margin-left: 10px;
  12611. }
  12612. #reportModal .report ul {
  12613. margin-top: 5px;
  12614. }
  12615. #reportModal .report ul li {
  12616. float: left;
  12617. margin-right: 35px;
  12618. color: #333;
  12619. cursor: pointer;
  12620. }
  12621. #reportModal .report ul li span {
  12622. position: relative;
  12623. top: 3px;
  12624. margin-right: 5px;
  12625. }
  12626. #reportModal .report .btn-bottom {
  12627. text-align: center;
  12628. margin-top: 40px;
  12629. }
  12630. #reportModal .report .btn-bottom .ms-btn-primary {
  12631. width: 120px;
  12632. padding: 9px 12px;
  12633. }
  12634. #reportModal .report .form-error {
  12635. position: relative;
  12636. }
  12637. #reportModal .report .error {
  12638. position: absolute;
  12639. top: 100%;
  12640. left: 0;
  12641. display: none;
  12642. color: #ff4222;
  12643. }
  12644. #reportModal .report .form-error .error {
  12645. display: block;
  12646. }
  12647. /*/举报弹窗*/
  12648. /*发票弹窗*/
  12649. #invoiceModal .user-center1 .invoice-management .make-invoice-details {
  12650. border: none;
  12651. height: auto;
  12652. padding: 0;
  12653. }
  12654. #invoiceModal .user-center1 .invoice-management .make-invoice-details .color-hover {
  12655. padding-left: 0;
  12656. }
  12657. /*/发票弹窗*/
  12658. /*删除APP弹窗*/
  12659. #deleteAppModal .modal-dialog {
  12660. width: 470px;
  12661. }
  12662. #deleteAppModal .modal-body {
  12663. position: relative;
  12664. padding: 30px 20px;
  12665. }
  12666. #deleteAppModal .modal-body .delete-prompt {}
  12667. #deleteAppModal .modal-body .title {
  12668. margin: 0 0 5px;
  12669. }
  12670. #deleteAppModal .modal-body .modal-p {
  12671. font-size: 12px;
  12672. color: #fd641d;
  12673. margin-bottom: 15px;
  12674. }
  12675. #deleteAppModal .modal-body .form-horizontal {
  12676. margin-bottom: 15px;
  12677. }
  12678. #deleteAppModal .modal-body .form-group {
  12679. margin: 0 -5px 5px;
  12680. }
  12681. #deleteAppModal .modal-body .col-sm-3,
  12682. #deleteAppModal .modal-body .col-sm-8 {
  12683. padding: 0 5px;
  12684. }
  12685. #deleteAppModal .modal-body .col-sm-3 {
  12686. padding-top: 5px;
  12687. color: #333;
  12688. }
  12689. #deleteAppModal .modal-body .form-group .form-control {
  12690. height: 30px;
  12691. }
  12692. #deleteAppModal .modal-body .form-group .error {
  12693. display: none;
  12694. }
  12695. #deleteAppModal .modal-body .cancel-btn {
  12696. margin-right: 30px;
  12697. }
  12698. /*/删除APP弹窗*/
  12699. /*/弹窗*/
  12700. /*兼容平板*/
  12701. @media (min-width: 768px) and (max-width: 1199px) {
  12702. .footer .left dl {
  12703. margin-right: 70px;
  12704. }
  12705. .publicity li {
  12706. padding: 35px 20px;
  12707. height: auto;
  12708. }
  12709. .publicity li p {
  12710. height: 72px;
  12711. }
  12712. }
  12713. @media (width: 768px) {
  12714. .footer>.clearfix>a {
  12715. display: none;
  12716. }
  12717. .publicity li p {
  12718. height: 96px;
  12719. }
  12720. .closed-beta-distribution .con .con-c {
  12721. padding-bottom: 25px;
  12722. }
  12723. .closed-beta-distribution .con .con-c h4 {
  12724. font-size: 16px;
  12725. }
  12726. .closed-beta-distribution .con .con-c p {
  12727. margin-top: 15px;
  12728. height: 72px;
  12729. padding: 0 10px;
  12730. }
  12731. }
  12732. .modal {
  12733. background: rgba(0, 0, 0, 0.5)
  12734. }
  12735. .ms-badge {
  12736. background-color: #fd0000;
  12737. width: 30px;
  12738. height: 16px;
  12739. line-height: 16px;
  12740. display: inline-block;
  12741. color: #fff;
  12742. border-radius: 80%;
  12743. font-size: 12px;
  12744. text-align: center;
  12745. position: relative;
  12746. top: -15px;
  12747. left: 0;
  12748. display: none;
  12749. }
  12750. .topbanner[data-v-78e3376e] {
  12751. height: 460px;
  12752. background: url(https://ssdtp.oss-cn-beijing.aliyuncs.com/eideasImg/diypack/banner/packbg.png) top no-repeat;
  12753. position: relative;
  12754. margin-bottom: 18px;
  12755. overflow: hidden;
  12756. }
  12757. .topbanner .content[data-v-78e3376e] {
  12758. width: 1236px;
  12759. height: 407px;
  12760. font-family: Source Han Sans CN;
  12761. color: #fff;
  12762. display: -webkit-box;
  12763. display: -ms-flexbox;
  12764. display: flex;
  12765. -webkit-box-align: center;
  12766. -ms-flex-align: center;
  12767. align-items: center;
  12768. margin: 53px auto 0;
  12769. }
  12770. .topbanner .content .texts .title[data-v-78e3376e] {
  12771. font-size: 40px;
  12772. font-weight: 500;
  12773. text-shadow: 0 -4px 10px rgb(4 59 218 / 90%);
  12774. line-height: 70px;
  12775. }
  12776. .topbanner .content .texts .subtitle[data-v-78e3376e] {
  12777. font-size: 24px;
  12778. font-weight: 300;
  12779. opacity: .9;
  12780. line-height: 50px;
  12781. margin-bottom: 10px;
  12782. }
  12783. .topbanner .content .texts .text[data-v-78e3376e] {
  12784. font-size: 16px;
  12785. font-weight: 300;
  12786. opacity: .7;
  12787. height: 15px;
  12788. line-height: 2px;
  12789. margin-bottom: 20px;
  12790. }
  12791. @media (min-width: 768px) and (max-width: 1199px) {
  12792. aside.aside-left ul li a {
  12793. font-size: 0;
  12794. }
  12795. aside.aside-left ul li a .iconfont::before {
  12796. top: 13px;
  12797. }
  12798. }
  12799. @media (max-width: 768px) {
  12800. .login-common .form-group .iconfont {
  12801. width: 0.4rem;
  12802. height: 0.4rem;
  12803. }
  12804. aside.aside-left {
  12805. padding: 0.24rem 0;
  12806. }
  12807. aside.aside-left ul li {
  12808. margin-bottom: 0.16rem;
  12809. }
  12810. aside.aside-left ul li:last-child {
  12811. margin-bottom: 0;
  12812. }
  12813. aside.aside-left ul li a {
  12814. padding-left: 0.8rem;
  12815. height: 0.88rem;
  12816. line-height: 0.88rem;
  12817. font-size: 0.32rem;
  12818. }
  12819. aside.aside-left ul li a .iconfont {
  12820. margin-right: 0.24rem;
  12821. font-size: 0.48rem;
  12822. width: 0.48rem;
  12823. /* height: 0.88rem; */
  12824. /* line-height: 0.48rem; */
  12825. }
  12826. aside.aside-left ul li a .iconfont::before {
  12827. width: 0.48rem;
  12828. height: 0.48rem;
  12829. /* top: 50%; */
  12830. /* transform: translateY(-50%); */
  12831. }
  12832. }