main.css 283 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775776777778779780781782783784785786787788789790791792793794795796797798799800801802803804805806807808809810811812813814815816817818819820821822823824825826827828829830831832833834835836837838839840841842843844845846847848849850851852853854855856857858859860861862863864865866867868869870871872873874875876877878879880881882883884885886887888889890891892893894895896897898899900901902903904905906907908909910911912913914915916917918919920921922923924925926927928929930931932933934935936937938939940941942943944945946947948949950951952953954955956957958959960961962963964965966967968969970971972973974975976977978979980981982983984985986987988989990991992993994995996997998999100010011002100310041005100610071008100910101011101210131014101510161017101810191020102110221023102410251026102710281029103010311032103310341035103610371038103910401041104210431044104510461047104810491050105110521053105410551056105710581059106010611062106310641065106610671068106910701071107210731074107510761077107810791080108110821083108410851086108710881089109010911092109310941095109610971098109911001101110211031104110511061107110811091110111111121113111411151116111711181119112011211122112311241125112611271128112911301131113211331134113511361137113811391140114111421143114411451146114711481149115011511152115311541155115611571158115911601161116211631164116511661167116811691170117111721173117411751176117711781179118011811182118311841185118611871188118911901191119211931194119511961197119811991200120112021203120412051206120712081209121012111212121312141215121612171218121912201221122212231224122512261227122812291230123112321233123412351236123712381239124012411242124312441245124612471248124912501251125212531254125512561257125812591260126112621263126412651266126712681269127012711272127312741275127612771278127912801281128212831284128512861287128812891290129112921293129412951296129712981299130013011302130313041305130613071308130913101311131213131314131513161317131813191320132113221323132413251326132713281329133013311332133313341335133613371338133913401341134213431344134513461347134813491350135113521353135413551356135713581359136013611362136313641365136613671368136913701371137213731374137513761377137813791380138113821383138413851386138713881389139013911392139313941395139613971398139914001401140214031404140514061407140814091410141114121413141414151416141714181419142014211422142314241425142614271428142914301431143214331434143514361437143814391440144114421443144414451446144714481449145014511452145314541455145614571458145914601461146214631464146514661467146814691470147114721473147414751476147714781479148014811482148314841485148614871488148914901491149214931494149514961497149814991500150115021503150415051506150715081509151015111512151315141515151615171518151915201521152215231524152515261527152815291530153115321533153415351536153715381539154015411542154315441545154615471548154915501551155215531554155515561557155815591560156115621563156415651566156715681569157015711572157315741575157615771578157915801581158215831584158515861587158815891590159115921593159415951596159715981599160016011602160316041605160616071608160916101611161216131614161516161617161816191620162116221623162416251626162716281629163016311632163316341635163616371638163916401641164216431644164516461647164816491650165116521653165416551656165716581659166016611662166316641665166616671668166916701671167216731674167516761677167816791680168116821683168416851686168716881689169016911692169316941695169616971698169917001701170217031704170517061707170817091710171117121713171417151716171717181719172017211722172317241725172617271728172917301731173217331734173517361737173817391740174117421743174417451746174717481749175017511752175317541755175617571758175917601761176217631764176517661767176817691770177117721773177417751776177717781779178017811782178317841785178617871788178917901791179217931794179517961797179817991800180118021803180418051806180718081809181018111812181318141815181618171818181918201821182218231824182518261827182818291830183118321833183418351836183718381839184018411842184318441845184618471848184918501851185218531854185518561857185818591860186118621863186418651866186718681869187018711872187318741875187618771878187918801881188218831884188518861887188818891890189118921893189418951896189718981899190019011902190319041905190619071908190919101911191219131914191519161917191819191920192119221923192419251926192719281929193019311932193319341935193619371938193919401941194219431944194519461947194819491950195119521953195419551956195719581959196019611962196319641965196619671968196919701971197219731974197519761977197819791980198119821983198419851986198719881989199019911992199319941995199619971998199920002001200220032004200520062007200820092010201120122013201420152016201720182019202020212022202320242025202620272028202920302031203220332034203520362037203820392040204120422043204420452046204720482049205020512052205320542055205620572058205920602061206220632064206520662067206820692070207120722073207420752076207720782079208020812082208320842085208620872088208920902091209220932094209520962097209820992100210121022103210421052106210721082109211021112112211321142115211621172118211921202121212221232124212521262127212821292130213121322133213421352136213721382139214021412142214321442145214621472148214921502151215221532154215521562157215821592160216121622163216421652166216721682169217021712172217321742175217621772178217921802181218221832184218521862187218821892190219121922193219421952196219721982199220022012202220322042205220622072208220922102211221222132214221522162217221822192220222122222223222422252226222722282229223022312232223322342235223622372238223922402241224222432244224522462247224822492250225122522253225422552256225722582259226022612262226322642265226622672268226922702271227222732274227522762277227822792280228122822283228422852286228722882289229022912292229322942295229622972298229923002301230223032304230523062307230823092310231123122313231423152316231723182319232023212322232323242325232623272328232923302331233223332334233523362337233823392340234123422343234423452346234723482349235023512352235323542355235623572358235923602361236223632364236523662367236823692370237123722373237423752376237723782379238023812382238323842385238623872388238923902391239223932394239523962397239823992400240124022403240424052406240724082409241024112412241324142415241624172418241924202421242224232424242524262427242824292430243124322433243424352436243724382439244024412442244324442445244624472448244924502451245224532454245524562457245824592460246124622463246424652466246724682469247024712472247324742475247624772478247924802481248224832484248524862487248824892490249124922493249424952496249724982499250025012502250325042505250625072508250925102511251225132514251525162517251825192520252125222523252425252526252725282529253025312532253325342535253625372538253925402541254225432544254525462547254825492550255125522553255425552556255725582559256025612562256325642565256625672568256925702571257225732574257525762577257825792580258125822583258425852586258725882589259025912592259325942595259625972598259926002601260226032604260526062607260826092610261126122613261426152616261726182619262026212622262326242625262626272628262926302631263226332634263526362637263826392640264126422643264426452646264726482649265026512652265326542655265626572658265926602661266226632664266526662667266826692670267126722673267426752676267726782679268026812682268326842685268626872688268926902691269226932694269526962697269826992700270127022703270427052706270727082709271027112712271327142715271627172718271927202721272227232724272527262727272827292730273127322733273427352736273727382739274027412742274327442745274627472748274927502751275227532754275527562757275827592760276127622763276427652766276727682769277027712772277327742775277627772778277927802781278227832784278527862787278827892790279127922793279427952796279727982799280028012802280328042805280628072808280928102811281228132814281528162817281828192820282128222823282428252826282728282829283028312832283328342835283628372838283928402841284228432844284528462847284828492850285128522853285428552856285728582859286028612862286328642865286628672868286928702871287228732874287528762877287828792880288128822883288428852886288728882889289028912892289328942895289628972898289929002901290229032904290529062907290829092910291129122913291429152916291729182919292029212922292329242925292629272928292929302931293229332934293529362937293829392940294129422943294429452946294729482949295029512952295329542955295629572958295929602961296229632964296529662967296829692970297129722973297429752976297729782979298029812982298329842985298629872988298929902991299229932994299529962997299829993000300130023003300430053006300730083009301030113012301330143015301630173018301930203021302230233024302530263027302830293030303130323033303430353036303730383039304030413042304330443045304630473048304930503051305230533054305530563057305830593060306130623063306430653066306730683069307030713072307330743075307630773078307930803081308230833084308530863087308830893090309130923093309430953096309730983099310031013102310331043105310631073108310931103111311231133114311531163117311831193120312131223123312431253126312731283129313031313132313331343135313631373138313931403141314231433144314531463147314831493150315131523153315431553156315731583159316031613162316331643165316631673168316931703171317231733174317531763177317831793180318131823183318431853186318731883189319031913192319331943195319631973198319932003201320232033204320532063207320832093210321132123213321432153216321732183219322032213222322332243225322632273228322932303231323232333234323532363237323832393240324132423243324432453246324732483249325032513252325332543255325632573258325932603261326232633264326532663267326832693270327132723273327432753276327732783279328032813282328332843285328632873288328932903291329232933294329532963297329832993300330133023303330433053306330733083309331033113312331333143315331633173318331933203321332233233324332533263327332833293330333133323333333433353336333733383339334033413342334333443345334633473348334933503351335233533354335533563357335833593360336133623363336433653366336733683369337033713372337333743375337633773378337933803381338233833384338533863387338833893390339133923393339433953396339733983399340034013402340334043405340634073408340934103411341234133414341534163417341834193420342134223423342434253426342734283429343034313432343334343435343634373438343934403441344234433444344534463447344834493450345134523453345434553456345734583459346034613462346334643465346634673468346934703471347234733474347534763477347834793480348134823483348434853486348734883489349034913492349334943495349634973498349935003501350235033504350535063507350835093510351135123513351435153516351735183519352035213522352335243525352635273528352935303531353235333534353535363537353835393540354135423543354435453546354735483549355035513552355335543555355635573558355935603561356235633564356535663567356835693570357135723573357435753576357735783579358035813582358335843585358635873588358935903591359235933594359535963597359835993600360136023603360436053606360736083609361036113612361336143615361636173618361936203621362236233624362536263627362836293630363136323633363436353636363736383639364036413642364336443645364636473648364936503651365236533654365536563657365836593660366136623663366436653666366736683669367036713672367336743675367636773678367936803681368236833684368536863687368836893690369136923693369436953696369736983699370037013702370337043705370637073708370937103711371237133714371537163717371837193720372137223723372437253726372737283729373037313732373337343735373637373738373937403741374237433744374537463747374837493750375137523753375437553756375737583759376037613762376337643765376637673768376937703771377237733774377537763777377837793780378137823783378437853786378737883789379037913792379337943795379637973798379938003801380238033804380538063807380838093810381138123813381438153816381738183819382038213822382338243825382638273828382938303831383238333834383538363837383838393840384138423843384438453846384738483849385038513852385338543855385638573858385938603861386238633864386538663867386838693870387138723873387438753876387738783879388038813882388338843885388638873888388938903891389238933894389538963897389838993900390139023903390439053906390739083909391039113912391339143915391639173918391939203921392239233924392539263927392839293930393139323933393439353936393739383939394039413942394339443945394639473948394939503951395239533954395539563957395839593960396139623963396439653966396739683969397039713972397339743975397639773978397939803981398239833984398539863987398839893990399139923993399439953996399739983999400040014002400340044005400640074008400940104011401240134014401540164017401840194020402140224023402440254026402740284029403040314032403340344035403640374038403940404041404240434044404540464047404840494050405140524053405440554056405740584059406040614062406340644065406640674068406940704071407240734074407540764077407840794080408140824083408440854086408740884089409040914092409340944095409640974098409941004101410241034104410541064107410841094110411141124113411441154116411741184119412041214122412341244125412641274128412941304131413241334134413541364137413841394140414141424143414441454146414741484149415041514152415341544155415641574158415941604161416241634164416541664167416841694170417141724173417441754176417741784179418041814182418341844185418641874188418941904191419241934194419541964197419841994200420142024203420442054206420742084209421042114212421342144215421642174218421942204221422242234224422542264227422842294230423142324233423442354236423742384239424042414242424342444245424642474248424942504251425242534254425542564257425842594260426142624263426442654266426742684269427042714272427342744275427642774278427942804281428242834284428542864287428842894290429142924293429442954296429742984299430043014302430343044305430643074308430943104311431243134314431543164317431843194320432143224323432443254326432743284329433043314332433343344335433643374338433943404341434243434344434543464347434843494350435143524353435443554356435743584359436043614362436343644365436643674368436943704371437243734374437543764377437843794380438143824383438443854386438743884389439043914392439343944395439643974398439944004401440244034404440544064407440844094410441144124413441444154416441744184419442044214422442344244425442644274428442944304431443244334434443544364437443844394440444144424443444444454446444744484449445044514452445344544455445644574458445944604461446244634464446544664467446844694470447144724473447444754476447744784479448044814482448344844485448644874488448944904491449244934494449544964497449844994500450145024503450445054506450745084509451045114512451345144515451645174518451945204521452245234524452545264527452845294530453145324533453445354536453745384539454045414542454345444545454645474548454945504551455245534554455545564557455845594560456145624563456445654566456745684569457045714572457345744575457645774578457945804581458245834584458545864587458845894590459145924593459445954596459745984599460046014602460346044605460646074608460946104611461246134614461546164617461846194620462146224623462446254626462746284629463046314632463346344635463646374638463946404641464246434644464546464647464846494650465146524653465446554656465746584659466046614662466346644665466646674668466946704671467246734674467546764677467846794680468146824683468446854686468746884689469046914692469346944695469646974698469947004701470247034704470547064707470847094710471147124713471447154716471747184719472047214722472347244725472647274728472947304731473247334734473547364737473847394740474147424743474447454746474747484749475047514752475347544755475647574758475947604761476247634764476547664767476847694770477147724773477447754776477747784779478047814782478347844785478647874788478947904791479247934794479547964797479847994800480148024803480448054806480748084809481048114812481348144815481648174818481948204821482248234824482548264827482848294830483148324833483448354836483748384839484048414842484348444845484648474848484948504851485248534854485548564857485848594860486148624863486448654866486748684869487048714872487348744875487648774878487948804881488248834884488548864887488848894890489148924893489448954896489748984899490049014902490349044905490649074908490949104911491249134914491549164917491849194920492149224923492449254926492749284929493049314932493349344935493649374938493949404941494249434944494549464947494849494950495149524953495449554956495749584959496049614962496349644965496649674968496949704971497249734974497549764977497849794980498149824983498449854986498749884989499049914992499349944995499649974998499950005001500250035004500550065007500850095010501150125013501450155016501750185019502050215022502350245025502650275028502950305031503250335034503550365037503850395040504150425043504450455046504750485049505050515052505350545055505650575058505950605061506250635064506550665067506850695070507150725073507450755076507750785079508050815082508350845085508650875088508950905091509250935094509550965097509850995100510151025103510451055106510751085109511051115112511351145115511651175118511951205121512251235124512551265127512851295130513151325133513451355136513751385139514051415142514351445145514651475148514951505151515251535154515551565157515851595160516151625163516451655166516751685169517051715172517351745175517651775178517951805181518251835184518551865187518851895190519151925193519451955196519751985199520052015202520352045205520652075208520952105211521252135214521552165217521852195220522152225223522452255226522752285229523052315232523352345235523652375238523952405241524252435244524552465247524852495250525152525253525452555256525752585259526052615262526352645265526652675268526952705271527252735274527552765277527852795280528152825283528452855286528752885289529052915292529352945295529652975298529953005301530253035304530553065307530853095310531153125313531453155316531753185319532053215322532353245325532653275328532953305331533253335334533553365337533853395340534153425343534453455346534753485349535053515352535353545355535653575358535953605361536253635364536553665367536853695370537153725373537453755376537753785379538053815382538353845385538653875388538953905391539253935394539553965397539853995400540154025403540454055406540754085409541054115412541354145415541654175418541954205421542254235424542554265427542854295430543154325433543454355436543754385439544054415442544354445445544654475448544954505451545254535454545554565457545854595460546154625463546454655466546754685469547054715472547354745475547654775478547954805481548254835484548554865487548854895490549154925493549454955496549754985499550055015502550355045505550655075508550955105511551255135514551555165517551855195520552155225523552455255526552755285529553055315532553355345535553655375538553955405541554255435544554555465547554855495550555155525553555455555556555755585559556055615562556355645565556655675568556955705571557255735574557555765577557855795580558155825583558455855586558755885589559055915592559355945595559655975598559956005601560256035604560556065607560856095610561156125613561456155616561756185619562056215622562356245625562656275628562956305631563256335634563556365637563856395640564156425643564456455646564756485649565056515652565356545655565656575658565956605661566256635664566556665667566856695670567156725673567456755676567756785679568056815682568356845685568656875688568956905691569256935694569556965697569856995700570157025703570457055706570757085709571057115712571357145715571657175718571957205721572257235724572557265727572857295730573157325733573457355736573757385739574057415742574357445745574657475748574957505751575257535754575557565757575857595760576157625763576457655766576757685769577057715772577357745775577657775778577957805781578257835784578557865787578857895790579157925793579457955796579757985799580058015802580358045805580658075808580958105811581258135814581558165817581858195820582158225823582458255826582758285829583058315832583358345835583658375838583958405841584258435844584558465847584858495850585158525853585458555856585758585859586058615862586358645865586658675868586958705871587258735874587558765877587858795880588158825883588458855886588758885889589058915892589358945895589658975898589959005901590259035904590559065907590859095910591159125913591459155916591759185919592059215922592359245925592659275928592959305931593259335934593559365937593859395940594159425943594459455946594759485949595059515952595359545955595659575958595959605961596259635964596559665967596859695970597159725973597459755976597759785979598059815982598359845985598659875988598959905991599259935994599559965997599859996000600160026003600460056006600760086009601060116012601360146015601660176018601960206021602260236024602560266027602860296030603160326033603460356036603760386039604060416042604360446045604660476048604960506051605260536054605560566057605860596060606160626063606460656066606760686069607060716072607360746075607660776078607960806081608260836084608560866087608860896090609160926093609460956096609760986099610061016102610361046105610661076108610961106111611261136114611561166117611861196120612161226123612461256126612761286129613061316132613361346135613661376138613961406141614261436144614561466147614861496150615161526153615461556156615761586159616061616162616361646165616661676168616961706171617261736174617561766177617861796180618161826183618461856186618761886189619061916192619361946195619661976198619962006201620262036204620562066207620862096210621162126213621462156216621762186219622062216222622362246225622662276228622962306231623262336234623562366237623862396240624162426243624462456246624762486249625062516252625362546255625662576258625962606261626262636264626562666267626862696270627162726273627462756276627762786279628062816282628362846285628662876288628962906291629262936294629562966297629862996300630163026303630463056306630763086309631063116312631363146315631663176318631963206321632263236324632563266327632863296330633163326333633463356336633763386339634063416342634363446345634663476348634963506351635263536354635563566357635863596360636163626363636463656366636763686369637063716372637363746375637663776378637963806381638263836384638563866387638863896390639163926393639463956396639763986399640064016402640364046405640664076408640964106411641264136414641564166417641864196420642164226423642464256426642764286429643064316432643364346435643664376438643964406441644264436444644564466447644864496450645164526453645464556456645764586459646064616462646364646465646664676468646964706471647264736474647564766477647864796480648164826483648464856486648764886489649064916492649364946495649664976498649965006501650265036504650565066507650865096510651165126513651465156516651765186519652065216522652365246525652665276528652965306531653265336534653565366537653865396540654165426543654465456546654765486549655065516552655365546555655665576558655965606561656265636564656565666567656865696570657165726573657465756576657765786579658065816582658365846585658665876588658965906591659265936594659565966597659865996600660166026603660466056606660766086609661066116612661366146615661666176618661966206621662266236624662566266627662866296630663166326633663466356636663766386639664066416642664366446645664666476648664966506651665266536654665566566657665866596660666166626663666466656666666766686669667066716672667366746675667666776678667966806681668266836684668566866687668866896690669166926693669466956696669766986699670067016702670367046705670667076708670967106711671267136714671567166717671867196720672167226723672467256726672767286729673067316732673367346735673667376738673967406741674267436744674567466747674867496750675167526753675467556756675767586759676067616762676367646765676667676768676967706771677267736774677567766777677867796780678167826783678467856786678767886789679067916792679367946795679667976798679968006801680268036804680568066807680868096810681168126813681468156816681768186819682068216822682368246825682668276828682968306831683268336834683568366837683868396840684168426843684468456846684768486849685068516852685368546855685668576858685968606861686268636864686568666867686868696870687168726873687468756876687768786879688068816882688368846885688668876888688968906891689268936894689568966897689868996900690169026903690469056906690769086909691069116912691369146915691669176918691969206921692269236924692569266927692869296930693169326933693469356936693769386939694069416942694369446945694669476948694969506951695269536954695569566957695869596960696169626963696469656966696769686969697069716972697369746975697669776978697969806981698269836984698569866987698869896990699169926993699469956996699769986999700070017002700370047005700670077008700970107011701270137014701570167017701870197020702170227023702470257026702770287029703070317032703370347035703670377038703970407041704270437044704570467047704870497050705170527053705470557056705770587059706070617062706370647065706670677068706970707071707270737074707570767077707870797080708170827083708470857086708770887089709070917092709370947095709670977098709971007101710271037104710571067107710871097110711171127113711471157116711771187119712071217122712371247125712671277128712971307131713271337134713571367137713871397140714171427143714471457146714771487149715071517152715371547155715671577158715971607161716271637164716571667167716871697170717171727173717471757176717771787179718071817182718371847185718671877188718971907191719271937194719571967197719871997200720172027203720472057206720772087209721072117212721372147215721672177218721972207221722272237224722572267227722872297230723172327233723472357236723772387239724072417242724372447245724672477248724972507251725272537254725572567257725872597260726172627263726472657266726772687269727072717272727372747275727672777278727972807281728272837284728572867287728872897290729172927293729472957296729772987299730073017302730373047305730673077308730973107311731273137314731573167317731873197320732173227323732473257326732773287329733073317332733373347335733673377338733973407341734273437344734573467347734873497350735173527353735473557356735773587359736073617362736373647365736673677368736973707371737273737374737573767377737873797380738173827383738473857386738773887389739073917392739373947395739673977398739974007401740274037404740574067407740874097410741174127413741474157416741774187419742074217422742374247425742674277428742974307431743274337434743574367437743874397440744174427443744474457446744774487449745074517452745374547455745674577458745974607461746274637464746574667467746874697470747174727473747474757476747774787479748074817482748374847485748674877488748974907491749274937494749574967497749874997500750175027503750475057506750775087509751075117512751375147515751675177518751975207521752275237524752575267527752875297530753175327533753475357536753775387539754075417542754375447545754675477548754975507551755275537554755575567557755875597560756175627563756475657566756775687569757075717572757375747575757675777578757975807581758275837584758575867587758875897590759175927593759475957596759775987599760076017602760376047605760676077608760976107611761276137614761576167617761876197620762176227623762476257626762776287629763076317632763376347635763676377638763976407641764276437644764576467647764876497650765176527653765476557656765776587659766076617662766376647665766676677668766976707671767276737674767576767677767876797680768176827683768476857686768776887689769076917692769376947695769676977698769977007701770277037704770577067707770877097710771177127713771477157716771777187719772077217722772377247725772677277728772977307731773277337734773577367737773877397740774177427743774477457746774777487749775077517752775377547755775677577758775977607761776277637764776577667767776877697770777177727773777477757776777777787779778077817782778377847785778677877788778977907791779277937794779577967797779877997800780178027803780478057806780778087809781078117812781378147815781678177818781978207821782278237824782578267827782878297830783178327833783478357836783778387839784078417842784378447845784678477848784978507851785278537854785578567857785878597860786178627863786478657866786778687869787078717872787378747875787678777878787978807881788278837884788578867887788878897890789178927893789478957896789778987899790079017902790379047905790679077908790979107911791279137914791579167917791879197920792179227923792479257926792779287929793079317932793379347935793679377938793979407941794279437944794579467947794879497950795179527953795479557956795779587959796079617962796379647965796679677968796979707971797279737974797579767977797879797980798179827983798479857986798779887989799079917992799379947995799679977998799980008001800280038004800580068007800880098010801180128013801480158016801780188019802080218022802380248025802680278028802980308031803280338034803580368037803880398040804180428043804480458046804780488049805080518052805380548055805680578058805980608061806280638064806580668067806880698070807180728073807480758076807780788079808080818082808380848085808680878088808980908091809280938094809580968097809880998100810181028103810481058106810781088109811081118112811381148115811681178118811981208121812281238124812581268127812881298130813181328133813481358136813781388139814081418142814381448145814681478148814981508151815281538154815581568157815881598160816181628163816481658166816781688169817081718172817381748175817681778178817981808181818281838184818581868187818881898190819181928193819481958196819781988199820082018202820382048205820682078208820982108211821282138214821582168217821882198220822182228223822482258226822782288229823082318232823382348235823682378238823982408241824282438244824582468247824882498250825182528253825482558256825782588259826082618262826382648265826682678268826982708271827282738274827582768277827882798280828182828283828482858286828782888289829082918292829382948295829682978298829983008301830283038304830583068307830883098310831183128313831483158316831783188319832083218322832383248325832683278328832983308331833283338334833583368337833883398340834183428343834483458346834783488349835083518352835383548355835683578358835983608361836283638364836583668367836883698370837183728373837483758376837783788379838083818382838383848385838683878388838983908391839283938394839583968397839883998400840184028403840484058406840784088409841084118412841384148415841684178418841984208421842284238424842584268427842884298430843184328433843484358436843784388439844084418442844384448445844684478448844984508451845284538454845584568457845884598460846184628463846484658466846784688469847084718472847384748475847684778478847984808481848284838484848584868487848884898490849184928493849484958496849784988499850085018502850385048505850685078508850985108511851285138514851585168517851885198520852185228523852485258526852785288529853085318532853385348535853685378538853985408541854285438544854585468547854885498550855185528553855485558556855785588559856085618562856385648565856685678568856985708571857285738574857585768577857885798580858185828583858485858586858785888589859085918592859385948595859685978598859986008601860286038604860586068607860886098610861186128613861486158616861786188619862086218622862386248625862686278628862986308631863286338634863586368637863886398640864186428643864486458646864786488649865086518652865386548655865686578658865986608661866286638664866586668667866886698670867186728673867486758676867786788679868086818682868386848685868686878688868986908691869286938694869586968697869886998700870187028703870487058706870787088709871087118712871387148715871687178718871987208721872287238724872587268727872887298730873187328733873487358736873787388739874087418742874387448745874687478748874987508751875287538754875587568757875887598760876187628763876487658766876787688769877087718772877387748775877687778778877987808781878287838784878587868787878887898790879187928793879487958796879787988799880088018802880388048805880688078808880988108811881288138814881588168817881888198820882188228823882488258826882788288829883088318832883388348835883688378838883988408841884288438844884588468847884888498850885188528853885488558856885788588859886088618862886388648865886688678868886988708871887288738874887588768877887888798880888188828883888488858886888788888889889088918892889388948895889688978898889989008901890289038904890589068907890889098910891189128913891489158916891789188919892089218922892389248925892689278928892989308931893289338934893589368937893889398940894189428943894489458946894789488949895089518952895389548955895689578958895989608961896289638964896589668967896889698970897189728973897489758976897789788979898089818982898389848985898689878988898989908991899289938994899589968997899889999000900190029003900490059006900790089009901090119012901390149015901690179018901990209021902290239024902590269027902890299030903190329033903490359036903790389039904090419042904390449045904690479048904990509051905290539054905590569057905890599060906190629063906490659066906790689069907090719072907390749075907690779078907990809081908290839084908590869087908890899090909190929093909490959096909790989099910091019102910391049105910691079108910991109111911291139114911591169117911891199120912191229123912491259126912791289129913091319132913391349135913691379138913991409141914291439144914591469147914891499150915191529153915491559156915791589159916091619162916391649165916691679168916991709171917291739174917591769177917891799180918191829183918491859186918791889189919091919192919391949195919691979198919992009201920292039204920592069207920892099210921192129213921492159216921792189219922092219222922392249225922692279228922992309231923292339234923592369237923892399240924192429243924492459246924792489249925092519252925392549255925692579258925992609261926292639264926592669267926892699270927192729273927492759276927792789279928092819282928392849285928692879288928992909291929292939294929592969297929892999300930193029303930493059306930793089309931093119312931393149315931693179318931993209321932293239324932593269327932893299330933193329333933493359336933793389339934093419342934393449345934693479348934993509351935293539354935593569357935893599360936193629363936493659366936793689369937093719372937393749375937693779378937993809381938293839384938593869387938893899390939193929393939493959396939793989399940094019402940394049405940694079408940994109411941294139414941594169417941894199420942194229423942494259426942794289429943094319432943394349435943694379438943994409441944294439444944594469447944894499450945194529453945494559456945794589459946094619462946394649465946694679468946994709471947294739474947594769477947894799480948194829483948494859486948794889489949094919492949394949495949694979498949995009501950295039504950595069507950895099510951195129513951495159516951795189519952095219522952395249525952695279528952995309531953295339534953595369537953895399540954195429543954495459546954795489549955095519552955395549555955695579558955995609561956295639564956595669567956895699570957195729573957495759576957795789579958095819582958395849585958695879588958995909591959295939594959595969597959895999600960196029603960496059606960796089609961096119612961396149615961696179618961996209621962296239624962596269627962896299630963196329633963496359636963796389639964096419642964396449645964696479648964996509651965296539654965596569657965896599660966196629663966496659666966796689669967096719672967396749675967696779678967996809681968296839684968596869687968896899690969196929693969496959696969796989699970097019702970397049705970697079708970997109711971297139714971597169717971897199720972197229723972497259726972797289729973097319732973397349735973697379738973997409741974297439744974597469747974897499750975197529753975497559756975797589759976097619762976397649765976697679768976997709771977297739774977597769777977897799780978197829783978497859786978797889789979097919792979397949795979697979798979998009801980298039804980598069807980898099810981198129813981498159816981798189819982098219822982398249825982698279828982998309831983298339834983598369837983898399840984198429843984498459846984798489849985098519852985398549855985698579858985998609861986298639864986598669867986898699870987198729873987498759876987798789879988098819882988398849885988698879888988998909891989298939894989598969897989898999900990199029903990499059906990799089909991099119912991399149915991699179918991999209921992299239924992599269927992899299930993199329933993499359936993799389939994099419942994399449945994699479948994999509951995299539954995599569957995899599960996199629963996499659966996799689969997099719972997399749975997699779978997999809981998299839984998599869987998899899990999199929993999499959996999799989999100001000110002100031000410005100061000710008100091001010011100121001310014100151001610017100181001910020100211002210023100241002510026100271002810029100301003110032100331003410035100361003710038100391004010041100421004310044100451004610047100481004910050100511005210053100541005510056100571005810059100601006110062100631006410065100661006710068100691007010071100721007310074100751007610077100781007910080100811008210083100841008510086100871008810089100901009110092100931009410095100961009710098100991010010101101021010310104101051010610107101081010910110101111011210113101141011510116101171011810119101201012110122101231012410125101261012710128101291013010131101321013310134101351013610137101381013910140101411014210143101441014510146101471014810149101501015110152101531015410155101561015710158101591016010161101621016310164101651016610167101681016910170101711017210173101741017510176101771017810179101801018110182101831018410185101861018710188101891019010191101921019310194101951019610197101981019910200102011020210203102041020510206102071020810209102101021110212102131021410215102161021710218102191022010221102221022310224102251022610227102281022910230102311023210233102341023510236102371023810239102401024110242102431024410245102461024710248102491025010251102521025310254102551025610257102581025910260102611026210263102641026510266102671026810269102701027110272102731027410275102761027710278102791028010281102821028310284102851028610287102881028910290102911029210293102941029510296102971029810299103001030110302103031030410305103061030710308103091031010311103121031310314103151031610317103181031910320103211032210323103241032510326103271032810329103301033110332103331033410335103361033710338103391034010341103421034310344103451034610347103481034910350103511035210353103541035510356103571035810359103601036110362103631036410365103661036710368103691037010371103721037310374103751037610377103781037910380103811038210383103841038510386103871038810389103901039110392103931039410395103961039710398103991040010401104021040310404104051040610407104081040910410104111041210413104141041510416104171041810419104201042110422104231042410425104261042710428104291043010431104321043310434104351043610437104381043910440104411044210443104441044510446104471044810449104501045110452104531045410455104561045710458104591046010461104621046310464104651046610467104681046910470104711047210473104741047510476104771047810479104801048110482104831048410485104861048710488104891049010491104921049310494104951049610497104981049910500105011050210503105041050510506105071050810509105101051110512105131051410515105161051710518105191052010521105221052310524105251052610527105281052910530105311053210533105341053510536105371053810539105401054110542105431054410545105461054710548105491055010551105521055310554105551055610557105581055910560105611056210563105641056510566105671056810569105701057110572105731057410575105761057710578105791058010581105821058310584105851058610587105881058910590105911059210593105941059510596105971059810599106001060110602106031060410605106061060710608106091061010611106121061310614106151061610617106181061910620106211062210623106241062510626106271062810629106301063110632106331063410635106361063710638106391064010641106421064310644106451064610647106481064910650106511065210653106541065510656106571065810659106601066110662106631066410665106661066710668106691067010671106721067310674106751067610677106781067910680106811068210683106841068510686106871068810689106901069110692106931069410695106961069710698106991070010701107021070310704107051070610707107081070910710107111071210713107141071510716107171071810719107201072110722107231072410725107261072710728107291073010731107321073310734107351073610737107381073910740107411074210743107441074510746107471074810749107501075110752107531075410755107561075710758107591076010761107621076310764107651076610767107681076910770107711077210773107741077510776107771077810779107801078110782107831078410785107861078710788107891079010791107921079310794107951079610797107981079910800108011080210803108041080510806108071080810809108101081110812108131081410815108161081710818108191082010821108221082310824108251082610827108281082910830108311083210833108341083510836108371083810839108401084110842108431084410845108461084710848108491085010851108521085310854108551085610857108581085910860108611086210863108641086510866108671086810869108701087110872108731087410875108761087710878108791088010881108821088310884108851088610887108881088910890108911089210893108941089510896108971089810899109001090110902109031090410905109061090710908109091091010911109121091310914109151091610917109181091910920109211092210923109241092510926109271092810929109301093110932109331093410935109361093710938109391094010941109421094310944109451094610947109481094910950109511095210953109541095510956109571095810959109601096110962109631096410965109661096710968109691097010971109721097310974109751097610977109781097910980109811098210983109841098510986109871098810989109901099110992109931099410995109961099710998109991100011001110021100311004110051100611007110081100911010110111101211013110141101511016110171101811019110201102111022110231102411025110261102711028110291103011031110321103311034110351103611037110381103911040110411104211043110441104511046110471104811049110501105111052110531105411055110561105711058110591106011061110621106311064110651106611067110681106911070110711107211073110741107511076110771107811079110801108111082110831108411085110861108711088110891109011091110921109311094110951109611097110981109911100111011110211103111041110511106111071110811109111101111111112111131111411115111161111711118111191112011121111221112311124111251112611127111281112911130111311113211133111341113511136111371113811139111401114111142111431114411145111461114711148111491115011151111521115311154111551115611157111581115911160111611116211163111641116511166111671116811169111701117111172111731117411175111761117711178111791118011181111821118311184111851118611187111881118911190111911119211193111941119511196111971119811199112001120111202112031120411205112061120711208112091121011211112121121311214112151121611217112181121911220112211122211223112241122511226112271122811229112301123111232112331123411235112361123711238112391124011241112421124311244112451124611247112481124911250112511125211253112541125511256112571125811259112601126111262112631126411265112661126711268112691127011271112721127311274112751127611277112781127911280112811128211283112841128511286112871128811289112901129111292112931129411295112961129711298112991130011301113021130311304113051130611307113081130911310113111131211313113141131511316113171131811319113201132111322113231132411325113261132711328113291133011331113321133311334113351133611337113381133911340113411134211343113441134511346113471134811349113501135111352113531135411355113561135711358113591136011361113621136311364113651136611367113681136911370113711137211373113741137511376113771137811379113801138111382113831138411385113861138711388113891139011391113921139311394113951139611397113981139911400114011140211403114041140511406114071140811409114101141111412114131141411415114161141711418114191142011421114221142311424114251142611427114281142911430114311143211433114341143511436114371143811439114401144111442114431144411445114461144711448114491145011451114521145311454114551145611457114581145911460114611146211463114641146511466114671146811469114701147111472114731147411475114761147711478114791148011481114821148311484114851148611487114881148911490114911149211493114941149511496114971149811499115001150111502115031150411505115061150711508115091151011511115121151311514115151151611517115181151911520115211152211523115241152511526115271152811529115301153111532115331153411535115361153711538115391154011541115421154311544115451154611547115481154911550115511155211553115541155511556115571155811559115601156111562115631156411565115661156711568115691157011571115721157311574115751157611577115781157911580115811158211583115841158511586115871158811589115901159111592115931159411595115961159711598115991160011601116021160311604116051160611607116081160911610116111161211613116141161511616116171161811619116201162111622116231162411625116261162711628116291163011631116321163311634116351163611637116381163911640116411164211643116441164511646116471164811649116501165111652116531165411655116561165711658116591166011661116621166311664116651166611667116681166911670116711167211673116741167511676116771167811679116801168111682116831168411685116861168711688116891169011691116921169311694116951169611697116981169911700117011170211703117041170511706117071170811709117101171111712117131171411715117161171711718117191172011721117221172311724117251172611727117281172911730117311173211733117341173511736117371173811739117401174111742117431174411745117461174711748117491175011751117521175311754117551175611757117581175911760117611176211763117641176511766117671176811769117701177111772117731177411775117761177711778117791178011781117821178311784117851178611787117881178911790117911179211793117941179511796117971179811799118001180111802118031180411805118061180711808118091181011811118121181311814118151181611817118181181911820118211182211823118241182511826118271182811829118301183111832118331183411835118361183711838118391184011841118421184311844118451184611847118481184911850118511185211853118541185511856118571185811859118601186111862118631186411865118661186711868118691187011871118721187311874118751187611877118781187911880118811188211883118841188511886118871188811889118901189111892118931189411895118961189711898118991190011901119021190311904119051190611907119081190911910119111191211913119141191511916119171191811919119201192111922119231192411925119261192711928119291193011931119321193311934119351193611937119381193911940119411194211943119441194511946119471194811949119501195111952119531195411955119561195711958119591196011961119621196311964119651196611967119681196911970119711197211973119741197511976119771197811979119801198111982119831198411985119861198711988119891199011991119921199311994119951199611997119981199912000120011200212003120041200512006120071200812009120101201112012120131201412015120161201712018120191202012021120221202312024120251202612027120281202912030120311203212033120341203512036120371203812039120401204112042120431204412045120461204712048120491205012051120521205312054120551205612057120581205912060120611206212063120641206512066120671206812069120701207112072120731207412075120761207712078120791208012081120821208312084120851208612087120881208912090120911209212093120941209512096120971209812099121001210112102121031210412105121061210712108121091211012111121121211312114121151211612117121181211912120121211212212123121241212512126121271212812129121301213112132121331213412135121361213712138121391214012141121421214312144121451214612147121481214912150121511215212153121541215512156121571215812159121601216112162121631216412165121661216712168121691217012171121721217312174121751217612177121781217912180121811218212183121841218512186121871218812189121901219112192121931219412195121961219712198121991220012201122021220312204122051220612207122081220912210122111221212213122141221512216122171221812219122201222112222122231222412225122261222712228122291223012231122321223312234122351223612237122381223912240122411224212243122441224512246122471224812249122501225112252122531225412255122561225712258122591226012261122621226312264122651226612267122681226912270122711227212273122741227512276122771227812279122801228112282122831228412285122861228712288122891229012291122921229312294122951229612297122981229912300123011230212303123041230512306123071230812309123101231112312123131231412315123161231712318123191232012321123221232312324123251232612327123281232912330123311233212333123341233512336123371233812339123401234112342123431234412345123461234712348123491235012351123521235312354123551235612357123581235912360123611236212363123641236512366123671236812369123701237112372123731237412375123761237712378123791238012381123821238312384123851238612387123881238912390123911239212393123941239512396123971239812399124001240112402124031240412405124061240712408124091241012411124121241312414124151241612417124181241912420124211242212423124241242512426124271242812429124301243112432124331243412435124361243712438124391244012441124421244312444124451244612447124481244912450124511245212453124541245512456124571245812459124601246112462124631246412465124661246712468124691247012471124721247312474124751247612477124781247912480124811248212483124841248512486124871248812489124901249112492124931249412495124961249712498124991250012501125021250312504125051250612507125081250912510125111251212513125141251512516125171251812519125201252112522125231252412525125261252712528125291253012531125321253312534125351253612537125381253912540125411254212543125441254512546125471254812549125501255112552125531255412555125561255712558125591256012561125621256312564125651256612567125681256912570125711257212573125741257512576125771257812579125801258112582125831258412585125861258712588125891259012591125921259312594125951259612597125981259912600126011260212603126041260512606126071260812609126101261112612126131261412615126161261712618126191262012621126221262312624126251262612627126281262912630126311263212633126341263512636126371263812639126401264112642126431264412645126461264712648126491265012651126521265312654126551265612657126581265912660126611266212663126641266512666126671266812669126701267112672126731267412675126761267712678126791268012681126821268312684126851268612687126881268912690126911269212693126941269512696126971269812699127001270112702127031270412705127061270712708127091271012711127121271312714127151271612717127181271912720127211272212723127241272512726127271272812729127301273112732127331273412735127361273712738127391274012741127421274312744127451274612747127481274912750127511275212753127541275512756127571275812759127601276112762127631276412765127661276712768127691277012771127721277312774127751277612777127781277912780127811278212783127841278512786127871278812789127901279112792127931279412795127961279712798127991280012801128021280312804128051280612807128081280912810128111281212813128141281512816128171281812819128201282112822128231282412825128261282712828128291283012831128321283312834128351283612837128381283912840128411284212843128441284512846128471284812849128501285112852128531285412855128561285712858128591286012861128621286312864128651286612867128681286912870128711287212873128741287512876128771287812879128801288112882128831288412885128861288712888128891289012891128921289312894128951289612897128981289912900129011290212903129041290512906129071290812909129101291112912129131291412915129161291712918129191292012921129221292312924129251292612927129281292912930129311293212933129341293512936129371293812939129401294112942129431294412945129461294712948129491295012951129521295312954129551295612957129581295912960129611296212963129641296512966129671296812969129701297112972129731297412975129761297712978129791298012981129821298312984129851298612987129881298912990129911299212993129941299512996129971299812999130001300113002130031300413005130061300713008130091301013011130121301313014130151301613017130181301913020130211302213023130241302513026130271302813029130301303113032130331303413035130361303713038130391304013041130421304313044130451304613047130481304913050130511305213053130541305513056130571305813059130601306113062130631306413065130661306713068130691307013071130721307313074130751307613077130781307913080130811308213083130841308513086130871308813089130901309113092130931309413095130961309713098130991310013101131021310313104131051310613107131081310913110131111311213113131141311513116131171311813119131201312113122131231312413125131261312713128131291313013131131321313313134131351313613137131381313913140131411314213143131441314513146131471314813149131501315113152131531315413155131561315713158131591316013161131621316313164131651316613167131681316913170131711317213173131741317513176131771317813179131801318113182131831318413185131861318713188131891319013191131921319313194131951319613197131981319913200132011320213203132041320513206132071320813209132101321113212132131321413215132161321713218132191322013221132221322313224132251322613227132281322913230132311323213233132341323513236132371323813239132401324113242132431324413245132461324713248132491325013251132521325313254132551325613257132581325913260132611326213263132641326513266132671326813269132701327113272132731327413275132761327713278132791328013281132821328313284132851328613287132881328913290132911329213293132941329513296132971329813299133001330113302133031330413305133061330713308133091331013311133121331313314133151331613317133181331913320133211332213323133241332513326133271332813329133301333113332133331333413335133361333713338133391334013341133421334313344133451334613347133481334913350133511335213353133541335513356133571335813359133601336113362133631336413365133661336713368133691337013371133721337313374133751337613377133781337913380133811338213383133841338513386133871338813389133901339113392133931339413395133961339713398133991340013401134021340313404134051340613407134081340913410134111341213413134141341513416134171341813419134201342113422134231342413425134261342713428134291343013431134321343313434134351343613437134381343913440134411344213443134441344513446134471344813449134501345113452134531345413455134561345713458134591346013461134621346313464134651346613467134681346913470134711347213473134741347513476134771347813479134801348113482134831348413485134861348713488134891349013491134921349313494134951349613497134981349913500135011350213503135041350513506135071350813509135101351113512135131351413515135161351713518135191352013521135221352313524135251352613527135281352913530135311353213533135341353513536135371353813539135401354113542135431354413545135461354713548135491355013551135521355313554135551355613557135581355913560135611356213563135641356513566135671356813569135701357113572135731357413575135761357713578135791358013581135821358313584135851358613587135881358913590135911359213593135941359513596135971359813599136001360113602136031360413605136061360713608136091361013611136121361313614136151361613617136181361913620136211362213623136241362513626136271362813629136301363113632136331363413635136361363713638136391364013641136421364313644136451364613647136481364913650136511365213653136541365513656136571365813659136601366113662136631366413665136661366713668136691367013671136721367313674136751367613677136781367913680136811368213683136841368513686136871368813689136901369113692136931369413695136961369713698136991370013701137021370313704137051370613707137081370913710137111371213713137141371513716137171371813719137201372113722137231372413725137261372713728137291373013731137321373313734137351373613737137381373913740137411374213743137441374513746137471374813749137501375113752137531375413755137561375713758137591376013761137621376313764137651376613767137681376913770137711377213773137741377513776137771377813779137801378113782137831378413785137861378713788137891379013791137921379313794137951379613797137981379913800138011380213803138041380513806138071380813809138101381113812138131381413815138161381713818138191382013821138221382313824138251382613827138281382913830138311383213833138341383513836138371383813839138401384113842138431384413845138461384713848138491385013851138521385313854138551385613857138581385913860138611386213863138641386513866138671386813869138701387113872138731387413875138761387713878138791388013881138821388313884138851388613887138881388913890138911389213893138941389513896138971389813899139001390113902139031390413905139061390713908139091391013911139121391313914139151391613917139181391913920139211392213923139241392513926139271392813929139301393113932139331393413935139361393713938139391394013941139421394313944139451394613947139481394913950139511395213953139541395513956139571395813959139601396113962139631396413965139661396713968139691397013971139721397313974139751397613977139781397913980139811398213983139841398513986139871398813989139901399113992139931399413995139961399713998139991400014001140021400314004140051400614007140081400914010140111401214013140141401514016140171401814019140201402114022140231402414025140261402714028140291403014031140321403314034140351403614037140381403914040140411404214043140441404514046140471404814049140501405114052140531405414055140561405714058140591406014061140621406314064140651406614067140681406914070140711407214073140741407514076140771407814079140801408114082140831408414085140861408714088140891409014091140921409314094140951409614097140981409914100141011410214103141041410514106141071410814109141101411114112141131411414115141161411714118141191412014121141221412314124141251412614127141281412914130141311413214133141341413514136141371413814139141401414114142141431414414145141461414714148141491415014151141521415314154141551415614157141581415914160141611416214163141641416514166141671416814169141701417114172141731417414175141761417714178141791418014181141821418314184141851418614187141881418914190141911419214193141941419514196141971419814199142001420114202142031420414205142061420714208142091421014211142121421314214142151421614217142181421914220142211422214223142241422514226142271422814229142301423114232142331423414235142361423714238142391424014241142421424314244142451424614247142481424914250142511425214253142541425514256142571425814259142601426114262142631426414265142661426714268142691427014271142721427314274142751427614277142781427914280142811428214283142841428514286142871428814289142901429114292142931429414295142961429714298142991430014301143021430314304143051430614307143081430914310143111431214313143141431514316143171431814319143201432114322143231432414325143261432714328143291433014331143321433314334143351433614337143381433914340143411434214343143441434514346143471434814349143501435114352143531435414355143561435714358143591436014361143621436314364143651436614367143681436914370143711437214373143741437514376143771437814379143801438114382143831438414385143861438714388143891439014391143921439314394143951439614397143981439914400144011440214403144041440514406144071440814409144101441114412144131441414415144161441714418144191442014421144221442314424144251442614427144281442914430144311443214433144341443514436144371443814439144401444114442144431444414445144461444714448144491445014451144521445314454144551445614457144581445914460144611446214463144641446514466144671446814469144701447114472144731447414475144761447714478144791448014481144821448314484144851448614487144881448914490144911449214493144941449514496144971449814499145001450114502145031450414505145061450714508145091451014511145121451314514145151451614517145181451914520145211452214523145241452514526145271452814529145301453114532145331453414535145361453714538145391454014541145421454314544145451454614547145481454914550145511455214553145541455514556145571455814559145601456114562145631456414565145661456714568145691457014571145721457314574145751457614577145781457914580145811458214583145841458514586145871458814589145901459114592145931459414595145961459714598145991460014601146021460314604146051460614607146081460914610146111461214613146141461514616146171461814619146201462114622146231462414625146261462714628146291463014631146321463314634146351463614637146381463914640146411464214643146441464514646146471464814649146501465114652146531465414655146561465714658146591466014661146621466314664146651466614667146681466914670146711467214673146741467514676146771467814679146801468114682146831468414685146861468714688146891469014691146921469314694146951469614697146981469914700147011470214703147041470514706147071470814709147101471114712147131471414715147161471714718147191472014721147221472314724147251472614727147281472914730147311473214733147341473514736147371473814739147401474114742147431474414745147461474714748147491475014751147521475314754147551475614757147581475914760147611476214763147641476514766147671476814769147701477114772147731477414775147761477714778147791478014781147821478314784147851478614787147881478914790147911479214793147941479514796147971479814799148001480114802148031480414805148061480714808148091481014811148121481314814148151481614817148181481914820148211482214823148241482514826148271482814829148301483114832148331483414835148361483714838148391484014841148421484314844148451484614847148481484914850148511485214853148541485514856148571485814859148601486114862148631486414865148661486714868148691487014871148721487314874148751487614877148781487914880148811488214883148841488514886148871488814889148901489114892148931489414895148961489714898148991490014901149021490314904149051490614907149081490914910149111491214913149141491514916149171491814919149201492114922149231492414925149261492714928149291493014931149321493314934149351493614937149381493914940149411494214943149441494514946149471494814949149501495114952149531495414955149561495714958149591496014961149621496314964149651496614967149681496914970149711497214973149741497514976149771497814979149801498114982149831498414985149861498714988149891499014991149921499314994149951499614997149981499915000150011500215003150041500515006150071500815009150101501115012150131501415015150161501715018150191502015021150221502315024150251502615027150281502915030150311503215033150341503515036150371503815039150401504115042150431504415045150461504715048150491505015051150521505315054150551505615057150581505915060150611506215063150641506515066150671506815069150701507115072150731507415075150761507715078150791508015081150821508315084150851508615087150881508915090150911509215093150941509515096150971509815099151001510115102151031510415105151061510715108151091511015111151121511315114151151511615117151181511915120151211512215123151241512515126151271512815129151301513115132151331513415135151361513715138151391514015141151421514315144151451514615147151481514915150151511515215153151541515515156151571515815159151601516115162151631516415165151661516715168151691517015171151721517315174151751517615177151781517915180151811518215183151841518515186151871518815189151901519115192151931519415195151961519715198151991520015201152021520315204152051520615207152081520915210152111521215213152141521515216152171521815219152201522115222152231522415225152261522715228152291523015231152321523315234152351523615237152381523915240152411524215243152441524515246152471524815249152501525115252152531525415255152561525715258152591526015261152621526315264152651526615267152681526915270152711527215273152741527515276152771527815279152801528115282152831528415285152861528715288152891529015291152921529315294152951529615297152981529915300153011530215303153041530515306153071530815309153101531115312153131531415315153161531715318153191532015321153221532315324153251532615327153281532915330153311533215333153341533515336153371533815339153401534115342153431534415345153461534715348153491535015351153521535315354153551535615357153581535915360153611536215363153641536515366153671536815369153701537115372153731537415375153761537715378153791538015381153821538315384153851538615387153881538915390153911539215393153941539515396153971539815399154001540115402154031540415405154061540715408154091541015411154121541315414154151541615417154181541915420154211542215423154241542515426154271542815429154301543115432154331543415435154361543715438154391544015441154421544315444154451544615447154481544915450154511545215453154541545515456154571545815459154601546115462154631546415465154661546715468154691547015471154721547315474154751547615477154781547915480154811548215483154841548515486154871548815489154901549115492154931549415495154961549715498154991550015501155021550315504155051550615507155081550915510155111551215513155141551515516155171551815519155201552115522155231552415525155261552715528155291553015531155321553315534155351553615537155381553915540155411554215543155441554515546155471554815549155501555115552155531555415555155561555715558155591556015561155621556315564155651556615567155681556915570155711557215573155741557515576155771557815579155801558115582155831558415585
  1. @charset "utf-8";
  2. @import url("./ly.css");
  3. @media (min-width: 1300px) {
  4. .container {
  5. width: 1300px;
  6. }
  7. .table-responsive {
  8. overflow-x: visible;
  9. }
  10. }
  11. /*根据bootstrap popover框 自定义popover框*/
  12. .popover1 {
  13. position: absolute;
  14. top: calc(100% + 9px);
  15. left: 50%;
  16. transform: translateX(-50%);
  17. z-index: 1060;
  18. display: none;
  19. max-width: 300px;
  20. padding: 1px;
  21. text-align: left;
  22. background-color: #fff;
  23. border: 1px solid #ccc;
  24. border-radius: 6px;
  25. box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
  26. border: 1px solid rgba(0, 0, 0, .2);
  27. }
  28. .popover1.bottom>.arrow {
  29. top: -11px;
  30. left: 50%;
  31. margin-left: -11px;
  32. border-top-width: 0;
  33. border-bottom-color: #999;
  34. border-bottom-color: rgba(0, 0, 0, .25);
  35. }
  36. .popover1>.arrow {
  37. border-width: 11px;
  38. }
  39. .popover1>.arrow,
  40. .popover1>.arrow:after {
  41. position: absolute;
  42. display: block;
  43. width: 0;
  44. height: 0;
  45. border-color: transparent;
  46. border-style: solid;
  47. }
  48. .popover1.bottom>.arrow:after {
  49. top: 1px;
  50. margin-left: -10px;
  51. content: " ";
  52. border-top-width: 0;
  53. border-bottom-color: #fff;
  54. }
  55. .popover1>.arrow:after {
  56. content: "";
  57. border-width: 10px;
  58. }
  59. .popover1>.arrow,
  60. .popover1>.arrow:after {
  61. position: absolute;
  62. display: block;
  63. width: 0;
  64. height: 0;
  65. border-color: transparent;
  66. border-style: solid;
  67. }
  68. .ms-badge {
  69. background-color: #f4242e;
  70. width: 16px;
  71. height: 16px;
  72. line-height: 16px;
  73. display: inline-block;
  74. color: #fff;
  75. border-radius: 50%;
  76. font-size: 12px;
  77. text-align: center;
  78. position: relative;
  79. top: -12px;
  80. left: 0;
  81. display: none;
  82. }
  83. .ms-badge:empty {
  84. display: none;
  85. }
  86. /*bootstrap分页*/
  87. .pagination {
  88. margin: 30px 0 5px;
  89. }
  90. /*缩略图*/
  91. .ms-thumbnail {
  92. display: block;
  93. }
  94. .ms-thumbnail img {
  95. margin: 0 auto 20px;
  96. display: block;
  97. }
  98. .ms-thumbnail .ms-caption {
  99. padding: 0 25px;
  100. text-align: center;
  101. }
  102. .ms-thumbnail .ms-caption .tit {
  103. font-size: 18px;
  104. color: #333;
  105. margin-bottom: 10px;
  106. }
  107. .ms-thumbnail .ms-caption p {
  108. color: #848484;
  109. }
  110. /*/缩略图*/
  111. /*复制功能*/
  112. .copy {
  113. cursor: pointer;
  114. margin-left: 5px;
  115. color: #157df1;
  116. }
  117. /*/复制功能*/
  118. /*上传图标*/
  119. .new-upload-icon {
  120. position: relative;
  121. border: 1px solid #ddd;
  122. height: 100px;
  123. width: 100px;
  124. /*border-radius: 15px;*/
  125. background: url("../image/icon-10.png") no-repeat center 23px;
  126. overflow: hidden;
  127. margin-left: 15px;
  128. }
  129. .new-upload-icon img {
  130. position: absolute;
  131. left: 0;
  132. top: 0;
  133. width: 100%;
  134. height: 100%;
  135. /*border-radius: 15px;*/
  136. background-color: #fff;
  137. /*border: 1px solid #e5e5e5;*/
  138. }
  139. .new-upload-icon input[type=file] {
  140. position: absolute;
  141. z-index: 2;
  142. width: 100%;
  143. height: 100%;
  144. opacity: 0;
  145. cursor: pointer;
  146. }
  147. .new-upload-icon .text {
  148. text-align: center;
  149. margin-top: 60px;
  150. font-size: 14px;
  151. font-weight: 600;
  152. color: #999;
  153. }
  154. .new-upload-icon .ongoing {
  155. position: absolute;
  156. left: 0;
  157. top: 0;
  158. background: rgba(0, 0, 0, .5);
  159. width: 100%;
  160. height: 100%;
  161. color: #fff;
  162. display: flex;
  163. justify-content: center;
  164. align-items: center;
  165. font-size: 12px;
  166. display: none;
  167. }
  168. .new-upload-icon.uploading .ongoing {
  169. display: flex;
  170. }
  171. .new-upload-icon .reset {
  172. position: absolute;
  173. left: 0;
  174. bottom: 0;
  175. height: 20px;
  176. line-height: 20px;
  177. background: rgba(0, 0, 0, .5);
  178. width: 100%;
  179. color: #fff;
  180. text-align: center;
  181. font-size: 12px;
  182. display: none;
  183. }
  184. .new-upload-icon .reset {
  185. display: none;
  186. }
  187. .new-upload-icon.uploaded .reset {
  188. display: none;
  189. }
  190. .new-upload-icon.uploaded:hover .reset {
  191. display: block;
  192. }
  193. /*上传图标*/
  194. /*上传图片*/
  195. /*上传图片*/
  196. /*输入框搜索*/
  197. .input-search {
  198. position: relative;
  199. }
  200. .input-search .iconfont {
  201. position: absolute;
  202. right: 10px;
  203. top: 50%;
  204. transform: translateY(-50%);
  205. font-size: 16px;
  206. cursor: pointer;
  207. color: #157df1;
  208. }
  209. .input-search input {
  210. height: 30px;
  211. line-height: 30px;
  212. width: 170px;
  213. border: 1px solid #e5e5e5;
  214. padding-left: 10px;
  215. background-color: #fff;
  216. color: #666;
  217. border-radius: 3px;
  218. font-size: 13px;
  219. }
  220. .input-search input::-webkit-input-placeholder {
  221. color: #666 !important;
  222. font-size: 13px;
  223. }
  224. .input-search input::-moz-placeholder {
  225. color: #666 !important;
  226. font-size: 13px;
  227. }
  228. .input-search input::-ms-input-placeholder {
  229. color: #666 !important;
  230. font-size: 13px;
  231. }
  232. /*APP iOS Android 下拉*/
  233. .app-system-select {
  234. position: relative;
  235. width: 90px;
  236. height: 30px;
  237. line-height: 28px;
  238. padding-left: 10px;
  239. border: 1px solid #e5e5e5;
  240. border-radius: 3px;
  241. background-color: #fff;
  242. cursor: pointer;
  243. color: #666;
  244. margin-right: 10px;
  245. font-size: 13px;
  246. }
  247. .app-system-select .iconfont {
  248. position: absolute;
  249. right: 7px;
  250. font-size: 14px;
  251. height: auto;
  252. color: #999;
  253. }
  254. .app-system-select ul {
  255. position: absolute;
  256. top: calc(100% + 1px);
  257. left: 0;
  258. background-color: #fff;
  259. width: 100px;
  260. padding: 10px;
  261. box-shadow: 0 0 5px rgba(0, 0, 0, .1);
  262. z-index: 3;
  263. line-height: 30px;
  264. display: none;
  265. }
  266. .app-system-select ul li {
  267. cursor: pointer;
  268. }
  269. .app-system-select ul li.active {
  270. color: #157df1;
  271. }
  272. .app-system-select ul li:hover {
  273. color: #157df1;
  274. }
  275. .blue-line {
  276. width: 35px;
  277. height: 2px;
  278. background-color: #157df1;
  279. margin: 13px 0;
  280. }
  281. .crumbs {
  282. padding: 20px 0 30px;
  283. color: rgba(143, 149, 159, 1);
  284. font-size: 16px;
  285. line-height: 35px;
  286. font-family: Source Han Sans SC;
  287. }
  288. .crumbs a {
  289. color: rgba(21, 21, 21, 1);
  290. font-weight: 500;
  291. }
  292. .crumbs span {
  293. margin: 0 10px;
  294. color: rgba(21, 21, 21, 1);
  295. }
  296. .warn-prompt {
  297. background-color: #fff5e7;
  298. padding: 8px 20px;
  299. border: 1px solid #feebcd;
  300. margin-top: 10px;
  301. font-size: 12px;
  302. }
  303. .warn-prompt .iconfont {
  304. color: #fd9823;
  305. margin-right: 5px;
  306. font-size: 13px;
  307. }
  308. .ie-prompt {
  309. display: none;
  310. }
  311. .ie-prompt-360 {
  312. display: none;
  313. }
  314. .warn-prompt-1 {
  315. margin-top: 10px;
  316. margin-bottom: 30px;
  317. }
  318. .warn-prompt-12 {
  319. margin-top: 10px;
  320. margin-bottom: 30px;
  321. }
  322. .warn-prompt-1 dt {
  323. font-size: 12px;
  324. }
  325. .warn-prompt-1 dd {
  326. margin-left: 40px;
  327. font-size: 12px;
  328. }
  329. .input-text {
  330. position: relative;
  331. }
  332. .input-text .error1 {
  333. position: absolute;
  334. top: 100%;
  335. left: 0;
  336. color: #fd641d;
  337. display: none;
  338. font-size: 12px;
  339. }
  340. .input-text.form-error .error1 {
  341. display: block;
  342. }
  343. .popover {
  344. font-size: 12px;
  345. max-width: 335px;
  346. }
  347. header {
  348. box-shadow: 0 2px 5px rgba(0, 0, 0, .05);
  349. position: relative;
  350. z-index: 2;
  351. background: #326dfa;
  352. background: url("../image/nav_bg.png") no-repeat center;
  353. background-size: cover;
  354. height: 74px;
  355. }
  356. .header {
  357. /*padding: 10px 0;*/
  358. position: relative;
  359. }
  360. .header .header-left img.hidden-xs {
  361. width: 162px;
  362. height: 47px;
  363. display: block;
  364. }
  365. .header .nav-logo {
  366. margin-top: 14px;
  367. }
  368. .header .ms-nav {
  369. margin: 26px 0 0 35px;
  370. }
  371. .header .ms-nav>li {
  372. float: left;
  373. margin: 0 10px;
  374. }
  375. @media (min-width: 1200px) {
  376. .header .ms-nav>li>a {
  377. padding: 0 10px 5px;
  378. border-bottom: 2px solid transparent;
  379. color: #fff;
  380. }
  381. .header .ms-nav>li.active>a {
  382. border-bottom: 2px solid #f2f2f5;
  383. color: #f2f2f5;
  384. }
  385. .header .ms-nav>li:hover>a {
  386. border-bottom: 2px solid #157df1;
  387. }
  388. }
  389. .header .login {
  390. margin-top: 18px;
  391. }
  392. .header .login li {
  393. float: left;
  394. }
  395. /*增加文档二级导航*/
  396. .header .doc-nav {
  397. position: relative;
  398. padding-bottom: 5px;
  399. }
  400. .header .ms-nav>li .doc-nav>a {
  401. padding: 0 10px 5px;
  402. border-bottom: 2px solid transparent;
  403. color: #333;
  404. }
  405. .header .ms-nav>li.active .doc-nav>a {
  406. border-bottom: 2px solid #157df1;
  407. color: #157df1;
  408. }
  409. .header .ms-nav>li:hover .doc-nav>a {
  410. border-bottom: 2px solid #157df1;
  411. }
  412. .header .top-doc {
  413. position: absolute;
  414. top: calc(100%);
  415. left: 50%;
  416. z-index: 1000;
  417. width: 140px;
  418. transform: translateX(-50%);
  419. padding-top: 15px;
  420. display: none;
  421. }
  422. .header .top-doc dl {
  423. background-color: #fff;
  424. border: 1px solid #e5e5e5;
  425. border-radius: 3px;
  426. padding-top: 15px;
  427. }
  428. .header .top-doc dl dd {
  429. margin-bottom: 15px;
  430. }
  431. .header .top-doc a {
  432. color: #666;
  433. text-align: center;
  434. display: block;
  435. }
  436. .header .top-doc a.active {
  437. color: #157df1;
  438. }
  439. .header .top-doc a:hover {
  440. color: #157df1;
  441. }
  442. .header .ms-nav>li:hover .doc-nav:hover .top-doc {
  443. display: block;
  444. }
  445. /*/增加文档二级导航*/
  446. /*login-in*/
  447. .login-in {
  448. position: absolute;
  449. right: 0;
  450. top: 0;
  451. height: 100%;
  452. }
  453. .login-in .login-user {
  454. cursor: pointer;
  455. padding-top: 24px;
  456. height: 100%;
  457. }
  458. .login-in .login-user .certified {
  459. color: #157df1;
  460. }
  461. .login-in .name-certified {
  462. color: #348dee;
  463. margin-right: 10px;
  464. padding-top: 25px;
  465. }
  466. .login-in .icon-arrow-bottom {
  467. color: #c1c5cc;
  468. font-size: 14px;
  469. margin-left: 5px;
  470. }
  471. .login-in .login-user dl {
  472. background-color: #fff;
  473. border-radius: 3px;
  474. border: 1px solid #e5e5e5;
  475. position: absolute;
  476. top: 50px;
  477. right: 0;
  478. z-index: 10;
  479. display: none;
  480. width: 115px;
  481. box-shadow: 0 5px 10px rgba(21, 125, 241, .1);
  482. }
  483. .login-in .login-user:hover dl {
  484. display: block;
  485. }
  486. .login-in .login-user dl dt {
  487. padding: 15px 0;
  488. margin-top: 10px;
  489. border-top: 1px solid #e5e5e5;
  490. color: #666;
  491. text-align: center;
  492. }
  493. .login-in .login-user dl dt a:hover {
  494. color: #157df1;
  495. }
  496. .login-in .login-user dl dt .icon-sign-out {
  497. margin-right: 3px;
  498. color: #666;
  499. position: relative;
  500. top: 1px;
  501. }
  502. .login-in .login-user dl dt a:hover .icon-sign-out {
  503. color: #157df1;
  504. }
  505. .login-in .login-user dl dd {
  506. margin-top: 10px;
  507. text-align: center;
  508. }
  509. .login-in .login-user dl dd a {
  510. color: #666;
  511. }
  512. .login-in .login-user dl dd a:hover {
  513. color: #157df1;
  514. }
  515. /*通知中心*/
  516. .header .login-in .notification {
  517. padding-top: 22px;
  518. margin-right: 2px;
  519. position: relative;
  520. cursor: pointer;
  521. }
  522. .header .login-in .notification .icon-msg {
  523. font-size: 20px;
  524. color: #157df1
  525. }
  526. .header .login-in .notification .ms-badge {
  527. left: -7px
  528. }
  529. .header .login-in .n-drop-down {
  530. width: 130px;
  531. z-index: 10;
  532. position: absolute;
  533. left: -51px;
  534. top: 100%;
  535. padding-top: 16px;
  536. display: none
  537. }
  538. .header .login-in .n-drop-down .n-con {
  539. background-color: #fff;
  540. box-shadow: 0 3px 10px rgba(193, 220, 251, .7)
  541. }
  542. .header .login-in .n-drop-down .n-con .no {
  543. text-align: center;
  544. color: #333;
  545. padding: 50px 0
  546. }
  547. .header .login-in .n-drop-down .n-con .no .icon-lingdang {
  548. color: #157df1;
  549. font-size: 30px
  550. }
  551. .header .login-in .n-drop-down .n-con .yes {
  552. max-height: 330px;
  553. padding: 15px
  554. }
  555. .header .login-in .n-drop-down .n-con .y-tit {
  556. color: #666;
  557. margin-bottom: 10px
  558. }
  559. .header .login-in .n-drop-down .n-con .msg-list {
  560. max-height: 260px;
  561. overflow-y: auto
  562. }
  563. .header .login-in .n-drop-down .n-con .msg-list li {
  564. margin-bottom: 10px
  565. }
  566. .header .login-in .n-drop-down .icon-unread {
  567. color: #fed735
  568. }
  569. .header .login-in .n-drop-down .icon-read {
  570. color: #999;
  571. font-size: 20px;
  572. position: relative;
  573. top: -2px
  574. }
  575. .header .login-in .n-drop-down .m-right {
  576. margin-left: 25px;
  577. font-size: 12px
  578. }
  579. .header .login-in .n-drop-down .m-right dt {
  580. margin-bottom: 5px;
  581. line-height: 20px
  582. }
  583. .header .login-in .n-drop-down .m-right dt a {
  584. color: #999
  585. }
  586. .header .login-in .n-drop-down .m-right.bold dt a {
  587. font-weight: 600;
  588. color: #333
  589. }
  590. .header .login-in .n-drop-down .m-right.bold dd {
  591. font-weight: 400
  592. }
  593. .header .login-in .n-drop-down .m-right dd .m-details {
  594. color: #157df1
  595. }
  596. .header .login-in .n-drop-down .m-right dd .m-time {
  597. color: #999
  598. }
  599. .header .login-in .n-drop-down .n-con .m-more {
  600. border-top: 1px solid #e6e6e6;
  601. color: #157df1;
  602. display: block;
  603. text-align: center;
  604. padding: 15px 0
  605. }
  606. .header .login-in .notification:hover .n-drop-down {
  607. display: block
  608. }
  609. /*/通知中心*/
  610. /*/login-in*/
  611. .paging {
  612. text-align: center;
  613. margin: 30px 0 5px;
  614. }
  615. .paging input[type=text] {
  616. width: 34px;
  617. display: inline-block;
  618. vertical-align: middle;
  619. }
  620. .paging .color-333 {
  621. padding: 6px 0;
  622. }
  623. .help {
  624. text-align: left;
  625. padding: 70px 0 55px;
  626. }
  627. .help .tit {
  628. font-size: 36px;
  629. color: #157df1;
  630. text-align: center;
  631. margin-bottom: 60px;
  632. }
  633. .help dl {
  634. margin-bottom: 15px;
  635. color: #333;
  636. }
  637. .help dt {
  638. line-height: 30px;
  639. font-weight: 600;
  640. }
  641. .help dd {
  642. line-height: 30px;
  643. }
  644. .help dl .left {
  645. float: left;
  646. }
  647. .help dl .right {
  648. margin-left: 40px;
  649. /*width: 75%;*/
  650. display: block;
  651. }
  652. .help1 {
  653. padding: 50px 0 40px;
  654. }
  655. .help1 .tit {
  656. font-size: 32px;
  657. color: #333;
  658. margin-bottom: 5px;
  659. }
  660. .help1 .blue-line {
  661. margin: 0 auto 30px;
  662. }
  663. /*----------index-----------*/
  664. /*banner*/
  665. .index-banner .swiper-container {
  666. width: 100%;
  667. height: 100%;
  668. }
  669. .index-banner .swiper-slide {
  670. overflow: hidden;
  671. display: -webkit-box;
  672. display: -ms-flexbox;
  673. display: -webkit-flex;
  674. display: flex;
  675. -webkit-box-pack: center;
  676. -ms-flex-pack: center;
  677. -webkit-justify-content: center;
  678. justify-content: center;
  679. -webkit-box-align: center;
  680. -ms-flex-align: center;
  681. -webkit-align-items: center;
  682. align-items: center;
  683. width: 100%;
  684. }
  685. .index-banner .swiper-slide>a {
  686. display: block;
  687. height: 430px;
  688. width: 100%;
  689. }
  690. /*自定义swiper分页按钮*/
  691. .index-banner .swiper-pagination-bullet {
  692. width: 40px;
  693. height: 4px;
  694. display: inline-block;
  695. border-radius: 0;
  696. background-color: #fff;
  697. opacity: .4;
  698. }
  699. .index-banner .swiper-pagination-bullet-active {
  700. opacity: 1;
  701. }
  702. .index-banner .swiper-container-horizontal>.swiper-pagination-bullets {
  703. bottom: 20px;
  704. }
  705. .index-banner .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
  706. margin: 0 5px;
  707. }
  708. .index-banner .banner-con {
  709. color: #fff;
  710. }
  711. .index-banner .banner-con .h1 {
  712. font-size: 32px;
  713. font-weight: 600;
  714. }
  715. .index-banner .banner-con .h2 {
  716. font-size: 18px;
  717. line-height: 30px;
  718. margin-bottom: 20px;
  719. }
  720. .index-banner .banner-con .ms-btn {
  721. border-color: #fff;
  722. width: 110px;
  723. color: #fff;
  724. font-size: 16px;
  725. }
  726. .index-banner .banner-con.con1 {
  727. padding: 95px 0 0 40px;
  728. }
  729. .index-banner .banner-con.con1 .h1 {
  730. margin-bottom: 20px;
  731. }
  732. .index-banner .banner-con.con1 span {
  733. margin-left: 45px;
  734. }
  735. .index-banner .banner-con.con1 i {
  736. font-size: 22px;
  737. }
  738. .index-banner .banner-con.con2 {
  739. padding: 110px 0 0 90px;
  740. }
  741. .index-banner .banner-con.con2 .h1 {
  742. margin-bottom: 10px;
  743. }
  744. .index-banner .banner-con.con3 {
  745. text-align: center;
  746. padding-top: 75px;
  747. }
  748. .index-banner .banner-con.con3 .h1 {
  749. margin-bottom: 20px;
  750. }
  751. .index-banner .banner-con.con4 {
  752. padding: 100px 0 0 40px;
  753. }
  754. .index-banner .banner-con.con4 .h1 {
  755. margin-bottom: 20px;
  756. }
  757. /*/banner*/
  758. /*publicity*/
  759. .publicity-wrap {
  760. background-color: #f5f9fe;
  761. }
  762. .publicity li {
  763. background-color: #f5f9fe;
  764. padding: 18px 30px 0;
  765. height: 95px;
  766. float: left;
  767. width: 33.333333%;
  768. border-left: 1px solid #e5e5e5;
  769. }
  770. .publicity li>a>div {
  771. float: none;
  772. display: table-cell;
  773. vertical-align: top;
  774. }
  775. .publicity li:first-of-type {
  776. border-left-color: transparent;
  777. }
  778. .publicity li:hover {
  779. background-color: #fff;
  780. }
  781. .publicity li .p-right {
  782. padding-left: 15px;
  783. }
  784. .publicity li .tit {
  785. font-size: 18px;
  786. color: #333;
  787. margin-bottom: 3px;
  788. }
  789. .publicity li .blue-line {
  790. margin: 0 0 10px;
  791. display: none;
  792. }
  793. .publicity li p {
  794. font-size: 12px;
  795. }
  796. .publicity li:hover .tit {
  797. color: #157df1;
  798. }
  799. .publicity li:hover p {
  800. color: #157df1;
  801. }
  802. /*/publicity*/
  803. /*网站封装APP*/
  804. .index-common {
  805. text-align: center;
  806. padding: 80px 0;
  807. }
  808. .index-common>h1 {
  809. color: #157df1;
  810. margin-bottom: 20px;
  811. }
  812. .index-common>h4 {
  813. color: #666;
  814. margin-bottom: 60px;
  815. }
  816. .index-encapsulation .e-list {
  817. margin-bottom: 50px;
  818. }
  819. .index-encapsulation .e-list li {
  820. width: 20%;
  821. float: left;
  822. }
  823. .index-encapsulation .ms-thumbnail img {
  824. margin-bottom: 15px;
  825. }
  826. /*/网站封装APP*/
  827. /*企业签名*/
  828. .index-signature-wrap {
  829. background: url("../image/index-bg-1.jpg") no-repeat center;
  830. height: 660px;
  831. }
  832. .index-signature>h1 {
  833. color: #fff;
  834. }
  835. .index-signature>h4 {
  836. color: #fff;
  837. }
  838. .index-signature .row {
  839. padding: 0 50px;
  840. margin: 0 -10px 40px;
  841. }
  842. .index-signature .row .col-sm-6 {
  843. padding: 0 10px;
  844. margin-bottom: 20px;
  845. }
  846. .index-signature .row .con {
  847. background-color: #fff;
  848. padding: 0 20px;
  849. }
  850. .index-signature .row .con>* {
  851. display: table-cell;
  852. vertical-align: middle;
  853. float: none;
  854. height: 120px;
  855. }
  856. .index-signature .row .con dl {
  857. text-align: left;
  858. padding-left: 15px;
  859. }
  860. .index-signature .row .con dl dt {
  861. color: #333;
  862. font-size: 18px;
  863. margin-bottom: 5px;
  864. }
  865. .index-signature .more {
  866. border: 1px solid #fff;
  867. color: #fff;
  868. }
  869. .index-signature .more:hover {
  870. background-color: #fff;
  871. color: #157df1;
  872. }
  873. /*/企业签名*/
  874. /*内测分发*/
  875. .index-releas>h4 {
  876. margin-bottom: 50px;
  877. }
  878. .index-releas .row {
  879. margin-bottom: 50px;
  880. }
  881. .index-releas .ms-thumbnail img {
  882. margin-bottom: 10px;
  883. }
  884. /*/内测分发*/
  885. /*功能累计数*/
  886. .cumulative-wrap {
  887. background: url("../image/index-bg-2.jpg") no-repeat center;
  888. height: 300px;
  889. }
  890. .index-cumulative {
  891. padding: 70px 0;
  892. }
  893. .index-cumulative>h1 {
  894. color: #fff;
  895. margin-bottom: 50px;
  896. }
  897. .index-cumulative .num {
  898. font-size: 36px;
  899. color: #fff;
  900. margin-bottom: 5px;
  901. }
  902. .index-cumulative .text {
  903. color: #fff;
  904. }
  905. /*/功能累计数*/
  906. /*合作伙伴*/
  907. .index-partners {
  908. padding: 80px 60px 60px;
  909. }
  910. .index-partners>h1 {
  911. margin-bottom: 60px;
  912. }
  913. .index-partners .con {
  914. position: relative;
  915. border: 1px solid #e5e5e5;
  916. }
  917. .index-partners ul li {
  918. float: left;
  919. width: 20%;
  920. padding: 0 10px;
  921. margin-bottom: 20px;
  922. }
  923. .index-partners .con p {
  924. position: absolute;
  925. left: 0;
  926. top: 0;
  927. width: 100%;
  928. height: 100%;
  929. background-color: #fff;
  930. color: #333;
  931. padding: 10px;
  932. display: flex;
  933. align-items: center;
  934. cursor: pointer;
  935. display: none;
  936. }
  937. .index-partners .con:hover p {
  938. display: flex;
  939. }
  940. /*/合作伙伴*/
  941. /*footer*/
  942. footer {
  943. background-color: #2e3033;
  944. padding: 60px 0;
  945. }
  946. .footer .left dl {
  947. margin-right: 160px;
  948. }
  949. .footer .left dl:last-of-type {
  950. margin-right: 100px;
  951. }
  952. .footer .left dt {
  953. color: #fff;
  954. font-size: 18px;
  955. margin-bottom: 20px;
  956. }
  957. .footer .left dd {
  958. margin-bottom: 10px;
  959. color: #fff;
  960. font-size: 12px;
  961. }
  962. .footer .left dd.line {
  963. background-color: #fff;
  964. width: 16px;
  965. height: 2px;
  966. margin-bottom: 15px;
  967. }
  968. .footer .left dd a {
  969. color: #fff;
  970. font-size: 12px;
  971. }
  972. .footer .left dd a:hover {
  973. text-decoration: underline;
  974. }
  975. .footer .right a {
  976. display: block;
  977. }
  978. .footer .right a img {
  979. width: 110px;
  980. height: 60px;
  981. }
  982. .footer .right .wechat {
  983. padding: 5px;
  984. background-color: #fff;
  985. margin: 10px 0;
  986. width: 95px;
  987. height: 95px;
  988. overflow: hidden;
  989. }
  990. .footer .right .wechat img {
  991. width: 85px;
  992. height: 85px;
  993. }
  994. .footer .right p {
  995. font-size: 13.5px;
  996. color: #fff;
  997. text-align: right;
  998. }
  999. .footer .record {
  1000. text-align: center;
  1001. color: #fff;
  1002. margin-top: 20px;
  1003. }
  1004. /*/footer*/
  1005. /*----------index-----------*/
  1006. /*----------登录-----------*/
  1007. .login-common {
  1008. border: 1px solid #e5e5e5;
  1009. padding: 50px 72px;
  1010. margin: 80px auto;
  1011. box-shadow: 0px 0px 20px rgba(96, 104, 120, 0.1);
  1012. background: rgba(255, 255, 255, 1);
  1013. width: 540px;
  1014. height: 520px;
  1015. border-radius: 20px;
  1016. border: unset;
  1017. }
  1018. .login-common .help-block {
  1019. position: absolute;
  1020. top: 100%;
  1021. display: none;
  1022. }
  1023. .login-common .has-error .help-block {
  1024. display: block;
  1025. }
  1026. .login-common .input-lg {
  1027. font-size: 16px;
  1028. }
  1029. .login-common .tit {
  1030. margin-bottom: 60px;
  1031. color: rgba(21, 21, 21, 1);
  1032. font-family: Source Han Sans SC;
  1033. font-weight: 700;
  1034. font-size: 24px;
  1035. line-height: 39px;
  1036. }
  1037. .login-common .tit>div {
  1038. margin-bottom: 0px;
  1039. }
  1040. .login-common .form-group {
  1041. position: relative;
  1042. margin-bottom: 20px;
  1043. }
  1044. .login-common .form-group label {
  1045. position: absolute;
  1046. left: 12px;
  1047. top: 50%;
  1048. transform: translateY(-50%);
  1049. display: none;
  1050. }
  1051. .login-common .form-group .form-control {
  1052. /* padding-left: 40px; */
  1053. border-radius: 0;
  1054. background: rgba(255, 255, 255, 1);
  1055. width: 396px;
  1056. height: 41px;
  1057. border: unset;
  1058. border-bottom: 1px solid rgba(222, 226, 236, 1);
  1059. box-shadow: unset;
  1060. font-family: Source Han Sans SC;
  1061. font-weight: 400;
  1062. font-size: 16px;
  1063. }
  1064. .login-common .btn-action {
  1065. display: flex;
  1066. justify-content: space-between;
  1067. margin-bottom: 50px;
  1068. }
  1069. .login-common .btn-action a {
  1070. color: rgba(33, 104, 251, 1);
  1071. font-family: Source Han Sans SC;
  1072. font-weight: 500;
  1073. font-size: 16px;
  1074. line-height: 24px;
  1075. }
  1076. .login-common .form-group .icon-tel {
  1077. font-size: 22px;
  1078. }
  1079. .login-common .form-group .icon-pwd {
  1080. font-size: 18px;
  1081. }
  1082. .login-common .checkbox {
  1083. margin: 0;
  1084. color: rgba(143, 149, 159, 1);
  1085. font-family: Source Han Sans SC;
  1086. font-weight: 500;
  1087. font-size: 16px;
  1088. line-height: 20px;
  1089. margin-bottom: 30px;
  1090. margin-top: 30px;
  1091. }
  1092. .login-common .checkbox input {
  1093. margin-left: 0;
  1094. }
  1095. .login-common .checkbox span {
  1096. margin-left: 20px;
  1097. color: rgba(143, 149, 159, 1);
  1098. font-family: Source Han Sans SC;
  1099. font-weight: 500;
  1100. font-size: 16px;
  1101. line-height: 20px;
  1102. margin-top: 30px;
  1103. margin-bottom: 30px;
  1104. }
  1105. .login-common .ms-btn-primary {
  1106. width: 100%;
  1107. font-size: 14px;
  1108. }
  1109. .login-common .login-logo {
  1110. margin-bottom: 20px;
  1111. }
  1112. .login-common .registered-logo {
  1113. margin-bottom: 30px;
  1114. }
  1115. .login-common .login-logo img {
  1116. margin: 0 auto;
  1117. }
  1118. .login-common .login-logo .slogan-wrap {
  1119. text-align: center;
  1120. margin-top: 15px;
  1121. }
  1122. .login-common .login-logo .slogan {
  1123. display: inline-block;
  1124. }
  1125. .login-common .login-logo .slogan .text {
  1126. margin: 0 7px;
  1127. color: #999;
  1128. }
  1129. /*----------/登录-----------*/
  1130. .register-common .btn-register,
  1131. .login-common .btn-login {
  1132. width: 396px;
  1133. height: 48px;
  1134. border-radius: 4.2px;
  1135. background: rgba(33, 104, 251, 1);
  1136. color: #fff;
  1137. line-height: 48px;
  1138. text-align: center;
  1139. padding: 0;
  1140. }
  1141. .login-common .to-register,
  1142. .login-common .to-login {
  1143. text-align: center;
  1144. display: flex;
  1145. justify-content: center;
  1146. margin-top: 30px;
  1147. }
  1148. .login-common .to-register a,
  1149. .login-common .to-login a {
  1150. color: rgba(33, 104, 251, 1);
  1151. }
  1152. #sendcode {
  1153. width: 118px;
  1154. height: 44px;
  1155. border-radius: 4px;
  1156. border-bottom: 1px solid rgba(222, 226, 236, 1);
  1157. background-color: rgba(33, 104, 251, 1);
  1158. }
  1159. /*----------注册-----------*/
  1160. .register-common {
  1161. height: 617px;
  1162. }
  1163. .register-common .tit {
  1164. margin-bottom: 38px;
  1165. }
  1166. .register-common .form-group label {
  1167. display: block;
  1168. }
  1169. .register-common .form-group .form-control {
  1170. padding-left: 40px;
  1171. }
  1172. .login-common .btn-register a {
  1173. color: rgba(33, 104, 251, 1);
  1174. }
  1175. .login-common .form-group .icon-user {
  1176. font-size: 20px;
  1177. }
  1178. .login-common .form-group .icon-email {
  1179. font-size: 20px;
  1180. top: 55%;
  1181. }
  1182. .login-common .verification-code .form-control {
  1183. width: 66%;
  1184. }
  1185. .login-common .verification-code .ms-btn-primary {
  1186. width: 27%;
  1187. margin-top: 0;
  1188. }
  1189. /*----------/注册-----------*/
  1190. /*----------实名认证-----------*/
  1191. .real-name-wrap {
  1192. background-color: #f2f2f5;
  1193. padding-bottom: 40px;
  1194. }
  1195. .real-name {
  1196. background-color: #fff;
  1197. border-radius: 3px;
  1198. border: 1px solid #e5e5e5;
  1199. padding: 65px 0;
  1200. }
  1201. .real-name.real-name-error {
  1202. background-color: transparent;
  1203. border-radius: 3px;
  1204. border: none;
  1205. padding: 65px 0 0;
  1206. }
  1207. .real-name .top {
  1208. padding-bottom: 25px;
  1209. text-align: center;
  1210. }
  1211. .real-name .top ul {
  1212. display: inline-block;
  1213. }
  1214. .real-name .top ul li {
  1215. float: left;
  1216. }
  1217. .real-name .top ul li:nth-of-type(odd) {
  1218. margin: 0 35px;
  1219. }
  1220. .real-name .top ul li .num {
  1221. width: 27px;
  1222. height: 27px;
  1223. text-align: center;
  1224. line-height: 27px;
  1225. color: #fff;
  1226. font-size: 18px;
  1227. border-radius: 50%;
  1228. background-color: #d7dde4;
  1229. position: relative;
  1230. top: -1px;
  1231. }
  1232. .real-name .top ul li .text {
  1233. color: #333;
  1234. font-size: 18px;
  1235. margin-left: 10px;
  1236. }
  1237. .real-name .top ul li.active .text {
  1238. color: #348dee;
  1239. font-weight: 600;
  1240. }
  1241. .real-name .top ul li.active .num {
  1242. background-color: #348dee;
  1243. }
  1244. .real-name .top ul li dl {
  1245. margin: 12px 20px 0;
  1246. }
  1247. .real-name .top ul li dd {
  1248. background-color: #d7dde4;
  1249. width: 3px;
  1250. height: 3px;
  1251. border-radius: 3px;
  1252. float: left;
  1253. margin: 0 2px;
  1254. }
  1255. /*1*/
  1256. .real-name .con1 {
  1257. text-align: center;
  1258. background-color: #fff;
  1259. }
  1260. .real-name .con .choice {
  1261. text-align: left;
  1262. padding-left: 25px;
  1263. margin-bottom: 20px;
  1264. }
  1265. .real-name .con .choice-wrap {
  1266. display: inline-block;
  1267. padding: 75px 0 160px;
  1268. }
  1269. .real-name .con li {
  1270. width: 320px;
  1271. border: 1px solid #e5e5e5;
  1272. border-radius: 3px;
  1273. padding: 65px 0 35px;
  1274. margin: 0 25px;
  1275. }
  1276. .real-name .con li.active {
  1277. border-color: #157df1;
  1278. }
  1279. .real-name .con li .con-t {
  1280. background-color: #fbfbfb;
  1281. border: 1px solid #e5e5e5;
  1282. width: 145px;
  1283. height: 145px;
  1284. border-radius: 50%;
  1285. margin: 0 auto;
  1286. }
  1287. .real-name .con li:first-of-type .con-t {
  1288. background: url("../image/icon-8.png") no-repeat center;
  1289. }
  1290. .real-name .con li:last-of-type .con-t {
  1291. background: url("../image/icon-9.png") no-repeat center;
  1292. }
  1293. .real-name .con li .tit {
  1294. color: #333;
  1295. font-size: 18px;
  1296. text-align: center;
  1297. margin-top: 35px;
  1298. }
  1299. .real-name .con li p {
  1300. color: #666;
  1301. font-size: 12px;
  1302. text-align: center;
  1303. line-height: 24px;
  1304. margin-top: 5px;
  1305. }
  1306. .real-name .con li .authentication {
  1307. width: 50%;
  1308. margin: 40px auto 0;
  1309. display: block;
  1310. }
  1311. .real-name .con li:hover {
  1312. border-color: #348dee;
  1313. box-shadow: 0 0px 10px rgba(0, 0, 0, .1);
  1314. }
  1315. .real-name .con li:hover .con-t {
  1316. background-color: transparent;
  1317. border-color: transparent;
  1318. }
  1319. .real-name .con li:hover .authentication {
  1320. background: #348dee;
  1321. color: #fff;
  1322. border-color: #348dee;
  1323. }
  1324. /*2*/
  1325. .real-name .con2 {
  1326. padding: 0 200px;
  1327. /*background-color: #fff;*/
  1328. }
  1329. .real-name .con2 .form-group {
  1330. margin-bottom: 30px;
  1331. }
  1332. .real-name .con2 .form-group .control-label {
  1333. color: #333;
  1334. }
  1335. .control-label span {
  1336. color: #ff4222;
  1337. margin-right: 10px;
  1338. }
  1339. .real-name .con2 .upload-img1 {
  1340. position: relative;
  1341. border: 1px dashed #e5e5e5;
  1342. height: 150px;
  1343. border-radius: 5px;
  1344. background: url("../image/icon-10.png") no-repeat center 40px;
  1345. overflow: hidden;
  1346. margin-bottom: 30px;
  1347. }
  1348. .real-name .con2 .upload-img1:last-of-type {
  1349. margin-bottom: 0;
  1350. }
  1351. .real-name .con2 .upload-img1 img {
  1352. position: absolute;
  1353. left: 0;
  1354. top: 0;
  1355. width: 100%;
  1356. height: 100%;
  1357. background-color: #fff;
  1358. }
  1359. .real-name .con2 .upload-img1 .thumbnail {
  1360. position: absolute;
  1361. z-index: 2;
  1362. width: 100%;
  1363. height: 100%;
  1364. left: 0;
  1365. top: 0;
  1366. opacity: 0;
  1367. cursor: pointer;
  1368. }
  1369. .real-name .con2 .upload-img1 .text {
  1370. text-align: center;
  1371. margin-top: 80px;
  1372. }
  1373. .real-name .con2 .upload-img1 .reset {
  1374. position: absolute;
  1375. left: 0;
  1376. bottom: 0;
  1377. height: 30px;
  1378. line-height: 30px;
  1379. background: rgba(0, 0, 0, .5);
  1380. width: 100%;
  1381. color: #fff;
  1382. text-align: center;
  1383. display: none;
  1384. }
  1385. .real-name .con2 .upload-img1 .reset {
  1386. display: none;
  1387. }
  1388. .real-name .con2 .upload-img1.uploaded .reset {
  1389. display: none;
  1390. }
  1391. .real-name .con2 .upload-img1.uploaded:hover .reset {
  1392. display: block;
  1393. }
  1394. .real-name .con2 .upload-img1 .water-mark {
  1395. display: none;
  1396. }
  1397. .real-name .con2 .upload-img1 .water-mark img {
  1398. background-color: transparent;
  1399. }
  1400. .real-name .con2 .upload-img1.uploaded .water-mark {
  1401. display: block;
  1402. }
  1403. .real-name .con2 .upload-img1 .ongoing {
  1404. position: absolute;
  1405. left: 0;
  1406. top: 0;
  1407. background: rgba(0, 0, 0, .5);
  1408. width: 100%;
  1409. height: 100%;
  1410. color: #fff;
  1411. display: flex;
  1412. justify-content: center;
  1413. align-items: center;
  1414. font-size: 12px;
  1415. display: none;
  1416. }
  1417. .real-name .con2 .upload-img1.uploading .ongoing {
  1418. display: flex;
  1419. }
  1420. .real-name .data-uploading .submit {
  1421. width: 160px;
  1422. }
  1423. .real-name .con2 .upload-license {
  1424. height: 340px;
  1425. margin-bottom: 0;
  1426. background-position: center 40%;
  1427. display: flex;
  1428. align-items: center;
  1429. }
  1430. .real-name .con2 .upload-license .text {
  1431. text-align: center;
  1432. width: 100%;
  1433. margin-top: 0;
  1434. }
  1435. /*3*/
  1436. .real-name .con3-top {
  1437. padding: 80px 135px 130px;
  1438. border: 1px solid #e5e5e5;
  1439. border-radius: 3px;
  1440. background-color: #fff;
  1441. }
  1442. .real-name .con3-top>h3 {
  1443. font-size: 28px;
  1444. color: #333;
  1445. margin-top: 40px;
  1446. }
  1447. .real-name .con3-top>h4 {
  1448. font-size: 18px;
  1449. color: #333;
  1450. margin-top: 15px;
  1451. }
  1452. .list-bottom-common {
  1453. padding: 40px 140px;
  1454. margin-top: 20px;
  1455. margin-bottom: 40px;
  1456. border: 1px solid #e5e5e5;
  1457. border-radius: 3px;
  1458. background-color: #fff;
  1459. }
  1460. .list-bottom-common .index-common {
  1461. padding: 0;
  1462. }
  1463. .list-bottom-common .index-common .row {
  1464. margin-top: 0;
  1465. }
  1466. .list-bottom-common .index-common .con {
  1467. border: 1px solid #e5e5e5;
  1468. border-radius: 3px;
  1469. padding: 40px 30px 45px;
  1470. }
  1471. .list-bottom-common .index-common .con p {
  1472. line-height: 20px;
  1473. font-size: 12px;
  1474. margin-top: 30px;
  1475. height: 80px;
  1476. }
  1477. .list-bottom-common .index-common .con img {
  1478. height: 83px;
  1479. margin: 0 auto 20px;
  1480. }
  1481. .list-bottom-common .index-common .con:hover {
  1482. box-shadow: 0 5px 20px rgba(0, 0, 0, .1);
  1483. }
  1484. .list-bottom-common .index-common .con:hover h4 {
  1485. color: #157df1;
  1486. }
  1487. .real-name .con3-top .btn-reset {
  1488. background-color: #fd9823;
  1489. color: #fff;
  1490. padding: 9px 0;
  1491. width: 160px;
  1492. display: block;
  1493. margin: 40px auto 0;
  1494. }
  1495. .real-name .list-bottom-common {
  1496. margin-bottom: 0;
  1497. }
  1498. /*----------/实名认证-----------*/
  1499. /*----------价格-----------*/
  1500. .buy-distribution {
  1501. padding: 90px 70px 0;
  1502. }
  1503. .buy-distribution .con {
  1504. border: 1px solid #e5e5e5;
  1505. padding-bottom: 35px;
  1506. margin-bottom: 30px;
  1507. }
  1508. .buy-distribution .con:hover {
  1509. box-shadow: 0 5px 10px rgba(21, 125, 241, .2);
  1510. }
  1511. .buy-distribution .con .c-top {
  1512. background: linear-gradient(to right, #5aabfc, #28c9f7);
  1513. height: 160px;
  1514. border-radius: 0 0 50% 50%;
  1515. text-align: center;
  1516. padding-top: .1px;
  1517. position: relative;
  1518. }
  1519. .buy-distribution .con .c-top .text {
  1520. color: #fff;
  1521. font-size: 16px;
  1522. margin-top: 30px;
  1523. }
  1524. .buy-distribution .con .c-top .num {
  1525. color: #fff;
  1526. font-size: 50px;
  1527. }
  1528. .buy-distribution .con .c-top .num span {
  1529. font-size: 12px;
  1530. }
  1531. .buy-distribution .con .c-top .recommended {
  1532. position: absolute;
  1533. top: 0;
  1534. right: 0;
  1535. display: none;
  1536. }
  1537. .buy-distribution .tooltip .tooltip-inner {
  1538. max-width: 300px;
  1539. }
  1540. .buy-distribution .con .bottom .text {
  1541. color: #333;
  1542. margin-top: 25px;
  1543. }
  1544. .buy-distribution .con .bottom .price {
  1545. color: #157df1;
  1546. font-size: 40px;
  1547. margin-top: 15px;
  1548. }
  1549. .buy-distribution .con .bottom .price span {
  1550. font-size: 12px;
  1551. }
  1552. .buy-distribution .con .bottom .btn-buy {
  1553. padding: 9px 0;
  1554. width: 120px;
  1555. border: 1px solid #157df1;
  1556. color: #157df1;
  1557. margin-top: 25px;
  1558. }
  1559. .buy-distribution .con:hover .bottom .btn-buy {
  1560. background-color: #157df1;
  1561. color: #fff;
  1562. }
  1563. .buy-distribution .con .bottom-con {
  1564. padding: 0 30px;
  1565. margin-top: 40px;
  1566. }
  1567. .buy-distribution .con .bottom-con dl {
  1568. border-top: 1px solid #e5e5e5;
  1569. text-align: left;
  1570. color: #666;
  1571. padding-top: 20px;
  1572. height: 156px;
  1573. }
  1574. .buy-distribution .con .bottom-con dl dd {
  1575. margin: 5px 0;
  1576. }
  1577. .buy-distribution .con .bottom-con dl dd .icon-gou {
  1578. margin-right: 10px;
  1579. }
  1580. .buy-distribution .con .bottom-con dl dd .icon-prompt {
  1581. position: relative;
  1582. margin-left: 5px;
  1583. top: -3px;
  1584. cursor: pointer;
  1585. }
  1586. .buy-distribution p {
  1587. padding: 10px 0 40px;
  1588. border-bottom: 1px solid #e5e5e5;
  1589. }
  1590. .buy-distribution p a {
  1591. color: #157df1;
  1592. }
  1593. /*----------/价格-----------*/
  1594. /*----------价格改版 改版完成后,将上一版价格样式删除-----------*/
  1595. .price-banner {
  1596. background: url("../image/price-1.jpg") no-repeat center;
  1597. height: 170px;
  1598. }
  1599. .price-tab {
  1600. position: relative;
  1601. }
  1602. .price-tab ul {
  1603. width: 490px;
  1604. height: 40px;
  1605. line-height: 40px;
  1606. margin: 40px auto;
  1607. }
  1608. .price-tab ul li {
  1609. float: left;
  1610. text-align: center;
  1611. width: 33%;
  1612. color: #333;
  1613. cursor: pointer;
  1614. margin-right: -1px;
  1615. border: 1px solid #e5e5e5;
  1616. }
  1617. .price-tab li:first-of-type {
  1618. border-radius: 20px 0 0 20px;
  1619. border-right-color: transparent;
  1620. }
  1621. .price-tab li:last-of-type {
  1622. border-left-color: transparent;
  1623. border-radius: 0 20px 20px 0;
  1624. }
  1625. .price-tab ul li.active {
  1626. background-color: #157df1;
  1627. border-color: #157df1;
  1628. color: #fff;
  1629. }
  1630. .price-tab ul li:hover {
  1631. background-color: #157df1;
  1632. border-color: #157df1;
  1633. color: #fff;
  1634. }
  1635. .price-con>div {
  1636. display: none;
  1637. }
  1638. .new-price-con>div {
  1639. display: none;
  1640. }
  1641. .price-con .price-common {
  1642. margin-top: 80px;
  1643. }
  1644. .price-con .price-common h1 {
  1645. color: #157df1;
  1646. text-align: center;
  1647. margin-bottom: 20px;
  1648. }
  1649. .price-con .price-common h1 span {
  1650. color: #fd641d;
  1651. font-size: 18px;
  1652. }
  1653. .price-con .price-common .p1 {
  1654. color: #666;
  1655. text-align: center;
  1656. font-size: 16px;
  1657. margin-bottom: 30px;
  1658. }
  1659. .price-con .price-common .gradient {
  1660. height: 8px;
  1661. background: linear-gradient(to right, #f2c0f3, #583751);
  1662. }
  1663. .price-con .price-common .gradient1 {
  1664. background: linear-gradient(to right, #5caafd, #57d4f8);
  1665. }
  1666. .price-con .price-common .gradient2 {
  1667. background: linear-gradient(to right, #507dfb, #5598fa);
  1668. }
  1669. .price-con .price-common .gradient3 {
  1670. background: linear-gradient(to right, #5958d9, #8e1fe5);
  1671. }
  1672. .price-con .price-common .big-package .gradient1 {
  1673. background: linear-gradient(to right, #fea63f, #ffcd35);
  1674. }
  1675. .price-con .price-common .big-package .gradient2 {
  1676. background: linear-gradient(to right, #fc853e, #fe9f30);
  1677. }
  1678. .price-con .price-common .big-package .gradient3 {
  1679. background: linear-gradient(to right, #fc7738, #ff339a);
  1680. }
  1681. .price-con .table-wrap {
  1682. padding: 0 120px;
  1683. }
  1684. .price-con .price-common table {
  1685. table-layout: fixed;
  1686. }
  1687. .price-con .price-common table th {
  1688. padding: 0;
  1689. text-align: center;
  1690. color: #333;
  1691. vertical-align: middle;
  1692. height: 50px;
  1693. font-weight: bold;
  1694. }
  1695. .price-con .price-common table td {
  1696. padding: 0;
  1697. text-align: center;
  1698. color: #333;
  1699. vertical-align: middle;
  1700. height: 50px;
  1701. }
  1702. .price-con .price-common table td .font20 {
  1703. font-size: 18px;
  1704. }
  1705. .price-con .price-common table td .free {
  1706. font-size: 14px;
  1707. }
  1708. .price-con .price-common .badge-basis {
  1709. position: relative;
  1710. }
  1711. .price-con .price-common .badge {
  1712. background-color: #eb1f1e;
  1713. position: absolute;
  1714. left: calc(100% + 5px);
  1715. top: -10px;
  1716. border-radius: 5px;
  1717. font-size: 12px;
  1718. padding: 3px 5px;
  1719. font-weight: normal;
  1720. }
  1721. .price-con .price-common table .icon-duihao {
  1722. color: #13c960;
  1723. font-size: 24px;
  1724. }
  1725. .price-con .price-common table .icon-xingxing2 {
  1726. color: #b0b0b0;
  1727. font-size: 24px;
  1728. }
  1729. .price-con .price-common table .icon-xingxing {
  1730. color: #fec323;
  1731. font-size: 24px;
  1732. }
  1733. .buy-number {
  1734. padding: 0 60px;
  1735. }
  1736. .buy-number .price-common .con {
  1737. border: 1px solid #b9b5b5;
  1738. padding-bottom: 40px;
  1739. }
  1740. .buy-number .price-common .con:hover {
  1741. box-shadow: 0 5px 10px rgba(21, 125, 241, .2);
  1742. }
  1743. .buy-number .price-common .c-top {
  1744. text-align: center;
  1745. padding: 30px 0 35px;
  1746. position: relative;
  1747. }
  1748. .buy-number .price-common .con .c-top .num {
  1749. color: #333;
  1750. font-size: 50px;
  1751. }
  1752. .buy-number .price-common .con .c-top .num span {
  1753. font-size: 16px;
  1754. }
  1755. .buy-number .price-common .con .c-top p {
  1756. color: #666;
  1757. }
  1758. .buy-number .price-common .con .c-top .recommended {
  1759. position: absolute;
  1760. top: 0;
  1761. right: 0;
  1762. display: none;
  1763. }
  1764. .buy-number .price-common .tooltip .tooltip-inner {
  1765. max-width: 300px;
  1766. }
  1767. .buy-number .price-common .con .bottom-con {
  1768. padding: 0 30px;
  1769. }
  1770. .buy-number .price-common .con .bottom-con dl {
  1771. border-top: 1px solid #e5e5e5;
  1772. text-align: left;
  1773. color: #666;
  1774. padding-top: 20px;
  1775. height: 195px;
  1776. }
  1777. .buy-number .price-common .con .bottom-con dl dd {
  1778. margin: 10px 0;
  1779. }
  1780. .buy-number .price-common .con .bottom-con dl dd .icon-gou {
  1781. margin-right: 10px;
  1782. font-size: 14px;
  1783. }
  1784. .buy-number .price-common .con .bottom-con dl dd .icon-prompt {
  1785. position: relative;
  1786. margin-left: 5px;
  1787. top: -3px;
  1788. cursor: pointer;
  1789. }
  1790. .buy-number .price-common .con .bottom-con .b-price {
  1791. font-size: 16px;
  1792. color: #157df1;
  1793. text-align: center;
  1794. margin-bottom: 25px;
  1795. }
  1796. .buy-number .price-common .con .bottom-con .b-price span {
  1797. font-size: 40px;
  1798. }
  1799. .buy-number .price-common .con .bottom {
  1800. text-align: center;
  1801. }
  1802. .buy-number .price-common .con .bottom .btn-buy {
  1803. padding: 9px 12px;
  1804. width: 120px;
  1805. }
  1806. .price-con .tab-2 .price-common .p1 {
  1807. margin-bottom: 40px;
  1808. }
  1809. .price-con>.tab-3 {
  1810. margin-bottom: 60px;
  1811. }
  1812. .price-con .big-bag-price h1 {
  1813. color: #fd9817;
  1814. }
  1815. .buy-number .big-bag-price .con .c-top .num {
  1816. color: #fd9817;
  1817. }
  1818. .buy-number .big-bag-price .con .c-top .num span {
  1819. color: #333;
  1820. }
  1821. .buy-number .big-bag-price .color-hover {
  1822. color: #fd9817;
  1823. }
  1824. .buy-number .big-bag-price .con .bottom .btn-buy {
  1825. background-color: #fd9817;
  1826. border-color: #fd9817;
  1827. }
  1828. .buy-number .big-bag-price .con .bottom-con .b-price {
  1829. color: #fd9817;
  1830. }
  1831. /*----------/价格改版 改版完成后,将上一版价格样式删除-----------*/
  1832. /*----------价格支付-----------*/
  1833. .price-pay-wrap {
  1834. background-color: #f2f2f5;
  1835. padding-bottom: 40px;
  1836. }
  1837. .price-pay .con {
  1838. background-color: #fff;
  1839. border-radius: 3px;
  1840. box-shadow: 0 0 5px rgba(0, 0, 0, .05);
  1841. }
  1842. .price-pay .common .tit {
  1843. padding: 25px 30px 20px;
  1844. border-bottom: 1px solid #e5e5e5;
  1845. font-size: 16px !important;
  1846. font-weight: 700 !important;
  1847. color: #151515 !important;
  1848. }
  1849. .price-pay .common ul {
  1850. padding: 20px 25px;
  1851. }
  1852. .price-pay .common ul li {
  1853. float: left;
  1854. position: relative;
  1855. cursor: pointer;
  1856. }
  1857. .price-pay .common .list1 li {
  1858. border: 1px solid #e5e5e5;
  1859. border-radius: 3px;
  1860. padding: 12px 20px 11px;
  1861. margin-right: 40px;
  1862. }
  1863. .price-pay .common .list1 li .left {
  1864. padding-right: 40px;
  1865. }
  1866. .price-pay .common .list1 li .text1 {
  1867. color: #666;
  1868. }
  1869. .price-pay .common .list1 li .text2 {
  1870. color: #333;
  1871. margin-top: 5px;
  1872. font-weight: 600;
  1873. }
  1874. .price-pay .common .list1 .right {
  1875. color: #157df1;
  1876. font-size: 30px;
  1877. padding-left: 50px;
  1878. border-left: 1px solid #e5e5e5;
  1879. }
  1880. .price-pay .common .list1 .right span {
  1881. color: #666;
  1882. font-size: 14px;
  1883. }
  1884. .price-pay .common ul li .radio-checked {
  1885. display: none;
  1886. position: absolute;
  1887. right: 0;
  1888. bottom: 0;
  1889. }
  1890. .price-pay .common ul li.active .radio-checked {
  1891. display: block;
  1892. }
  1893. .price-pay .common ul.list1 .active {
  1894. border-color: #157df1;
  1895. }
  1896. .price-pay .common .list2.active {
  1897. border-color: #157df1;
  1898. }
  1899. .price-pay .common .list2 li.active .icon-radio {
  1900. width: 16px;
  1901. height: 16px;
  1902. background-position: 0 -17px;
  1903. }
  1904. .price-pay .common .list2 li {
  1905. margin-right: 70px;
  1906. position: relative;
  1907. }
  1908. .price-pay .common .list2 li .preferential {
  1909. background-color: #ed2027;
  1910. border-radius: 3px;
  1911. color: #fff;
  1912. position: absolute;
  1913. top: -18px;
  1914. left: 100%;
  1915. font-size: 12px;
  1916. white-space: nowrap;
  1917. padding: 1px 3px;
  1918. z-index: 3;
  1919. display: none;
  1920. }
  1921. .price-pay .common .list3 li {
  1922. height: 84px;
  1923. width: 120px;
  1924. border: 1px solid #e5e5e5;
  1925. justify-content: center;
  1926. display: flex;
  1927. align-items: center;
  1928. margin-right: 20px;
  1929. padding: 0 30px;
  1930. }
  1931. .price-pay .common .list3 li.disabled {
  1932. background-color: #f9f9f9;
  1933. cursor: not-allowed;
  1934. }
  1935. .price-pay .common .list3 li.disabled .iconfont {
  1936. color: #b3b3b3;
  1937. }
  1938. .price-pay .common .list3 li.disabled .remaining-amount {
  1939. color: #999;
  1940. }
  1941. .price-pay .common .list3 li.disabled .remaining-amount .color-hover {
  1942. color: #999;
  1943. }
  1944. .price-pay .common .list3 li img {
  1945. display: inline-block;
  1946. }
  1947. .price-pay .common ul.list3 .active {
  1948. border-color: #157df1;
  1949. }
  1950. .price-pay .common ul.list2 .disabled {
  1951. cursor: not-allowed;
  1952. color: #e5e5e5;
  1953. background-color: transparent !important;
  1954. }
  1955. .price-pay .pay-money {
  1956. padding-left: 25px;
  1957. border-top: 1px solid #e5e5e5;
  1958. margin-top: 20px;
  1959. padding-bottom: 40px;
  1960. }
  1961. .price-pay .pay-money .money {
  1962. color: #333;
  1963. padding: 20px 0;
  1964. }
  1965. .price-pay .pay-money .money span {
  1966. color: #fd641d;
  1967. font-size: 32px;
  1968. }
  1969. .price-pay .pay-money .ms-btn {
  1970. width: 160px;
  1971. padding: 9px 0;
  1972. }
  1973. .price-pay .common .remaining-amount .a-num {
  1974. font-size: 12px;
  1975. }
  1976. .price-pay .common .icon-yue {
  1977. color: #ffa304;
  1978. font-size: 22px;
  1979. margin-right: 5px;
  1980. }
  1981. /*----------/价格支付-----------*/
  1982. /*----------应用发布-----------*/
  1983. .release-app-wrap {
  1984. background-color: #f2f2f5;
  1985. }
  1986. .upload-file {
  1987. /* box-shadow: 0 0 5px rgba(0, 0, 0, .05); */
  1988. border-radius: 3px;
  1989. background-color: #fff;
  1990. padding: 160px 0 100px;
  1991. margin-top: 20px;
  1992. }
  1993. .upload-file .upload-btn {
  1994. width: 240px;
  1995. padding: 0;
  1996. height: 60px;
  1997. font-size: 18px;
  1998. line-height: 58px;
  1999. margin: 0 auto;
  2000. display: block;
  2001. position: relative;
  2002. }
  2003. .upload-file .upload-btn input[type=file] {
  2004. position: absolute;
  2005. width: 100%;
  2006. height: 100%;
  2007. left: 0;
  2008. top: 0;
  2009. opacity: 0;
  2010. cursor: pointer;
  2011. }
  2012. .upload-file .upload-btn .iconfont {
  2013. font-size: 30px;
  2014. margin-right: 10px;
  2015. position: relative;
  2016. }
  2017. .upload-file p {
  2018. text-align: center;
  2019. color: #666;
  2020. line-height: 22px;
  2021. margin-top: 15px;
  2022. }
  2023. .upload-file .upload-btn .text {
  2024. position: relative;
  2025. top: -3px;
  2026. }
  2027. .release-app>p {
  2028. padding: 5px 0;
  2029. }
  2030. .release-app>p>a {
  2031. color: #157df1;
  2032. }
  2033. .upload-app-icon img {
  2034. width: 60px;
  2035. height: 60px;
  2036. border-radius: 15px;
  2037. border: 1px solid #e5e5e5;
  2038. }
  2039. /*app 上传成功*/
  2040. /*
  2041. .release-app .uploaded-success{height: 450px; background-color: #fff; border: 1px solid #e5e5e5; margin-top: 20px; margin-bottom: 40px; text-align: center;}
  2042. .release-app .uploaded-success img{width: 90px; height: 90px; border-radius: 15px; margin-top: 70px; border: 1px solid #e5e5e5;}
  2043. .release-app .uploaded-success .tit{font-size: 20px; color: #333; margin-top: 15px;}
  2044. .release-app .uploaded-success .iconfont{margin-right: 5px;}
  2045. */
  2046. .release-app .uploaded-success {
  2047. padding: 110px 0;
  2048. background-color: #fff;
  2049. border-radius: 5px;
  2050. margin-bottom: 40px;
  2051. text-align: center;
  2052. }
  2053. .release-app .uploaded-success .img-wrap {
  2054. width: 130px;
  2055. height: 130px;
  2056. border-radius: 15px;
  2057. padding: 10px;
  2058. box-shadow: 0 0 10px rgba(0, 0, 0, .2);
  2059. margin: 0 auto;
  2060. margin-bottom: 30px;
  2061. }
  2062. .release-app .uploaded-success img {
  2063. border-radius: 15px;
  2064. max-width: 100%;
  2065. height: 100%;
  2066. }
  2067. .release-app .uploaded-success .tit {
  2068. font-size: 20px;
  2069. color: #fff;
  2070. background: url("../image/release-img-1.png") no-repeat;
  2071. width: 283px;
  2072. height: 37px;
  2073. line-height: 37px;
  2074. margin: 0 auto 25px;
  2075. font-weight: 600;
  2076. }
  2077. .release-app .uploaded-success .p1 {
  2078. font-size: 18px;
  2079. color: #333;
  2080. margin-bottom: 40px;
  2081. }
  2082. .release-app .uploaded-success .up-btn .ms-btn {
  2083. border-radius: 20px;
  2084. width: 150px;
  2085. padding: 8px;
  2086. margin: 0 12px;
  2087. font-size: 16px;
  2088. }
  2089. .release-app .uploaded-success .up-btn .ms-btn:hover {
  2090. box-shadow: 0 3px 5px rgba(21, 125, 241, .2);
  2091. }
  2092. .release-app .uploaded-success .iconfont {
  2093. margin-right: 5px;
  2094. }
  2095. /*----------/应用发布-----------*/
  2096. /*----------/我的应用-----------*/
  2097. .release-app .search {
  2098. position: relative;
  2099. }
  2100. .release-app .search .iconfont {
  2101. position: absolute;
  2102. left: 10px;
  2103. top: 50%;
  2104. transform: translateY(-50%);
  2105. font-size: 18px;
  2106. }
  2107. .release-app .search input {
  2108. height: 40px;
  2109. line-height: 38px;
  2110. width: 160px;
  2111. border: 1px solid #e5e5e5;
  2112. padding-left: 40px;
  2113. }
  2114. .release-app .search .btn-search {
  2115. line-height: 40px;
  2116. color: #157df1;
  2117. margin-left: 15px;
  2118. }
  2119. .release-app .btn-new-release .iconfont {
  2120. font-size: 20px;
  2121. }
  2122. .release-app .btn-new-release .text {
  2123. margin: 4px 0 0 5px;
  2124. }
  2125. .release-app .app-table-wrap {
  2126. /*min-height: 400px;*/
  2127. background-color: #fff;
  2128. margin-top: 20px;
  2129. }
  2130. /*.release-app .app-table-wrap .table-responsive{min-height: 500px;}*/
  2131. .release-app .app-table {
  2132. border: 1px solid #e5e5e5;
  2133. }
  2134. .release-app .app-table tr th {
  2135. text-align: center;
  2136. font-weight: 600;
  2137. color: #666;
  2138. padding: 15px 0;
  2139. background-color: #f7f7fa;
  2140. border-color: #e5e5e5;
  2141. font-size: 12px;
  2142. }
  2143. .release-app .app-table tr td {
  2144. font-size: 12px;
  2145. color: #666;
  2146. }
  2147. .release-app .app-table>tbody>tr>td {
  2148. text-align: center;
  2149. padding: 10px;
  2150. vertical-align: middle;
  2151. background-color: #fff;
  2152. border-color: #e5e5e5;
  2153. color: #666;
  2154. }
  2155. .release-app .app-table>tbody>tr>td.color-danger {
  2156. color: #fd641d;
  2157. }
  2158. .release-app .app-table>tbody>tr>td.color-999 {
  2159. color: #999;
  2160. }
  2161. .release-app .app-table>tbody>tr>td td {
  2162. text-align: left;
  2163. }
  2164. /*.release-app .app-table>tbody>tr:hover td{background-color: #f9f9f9;}*/
  2165. /*.release-app .app-table>tbody>tr>td:first-of-type img{border-radius: 5px; border: 1px solid #e5e5e5;}*/
  2166. .release-app .app-table .app-icon-size img {
  2167. border-radius: 5px;
  2168. border: 1px solid #e5e5e5;
  2169. }
  2170. .release-app .icon-small-code {
  2171. position: relative;
  2172. cursor: pointer;
  2173. margin-left: 5px;
  2174. }
  2175. .release-app .icon-small-code .popover {
  2176. width: 150px;
  2177. display: none;
  2178. left: 50%;
  2179. top: 13px;
  2180. transform: translateX(-50%);
  2181. }
  2182. .release-app .icon-small-code .popover .popover-title {
  2183. color: #333;
  2184. }
  2185. .release-app .icon-small-code .popover .popover-content img {
  2186. width: 120px;
  2187. height: 120px;
  2188. }
  2189. .release-app .icon-small-code:hover .popover {
  2190. display: block;
  2191. }
  2192. .release-app .no-app {
  2193. padding-bottom: 100px;
  2194. }
  2195. /*
  2196. .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;}
  2197. */
  2198. .release-app .qr-code img {
  2199. width: 100px;
  2200. height: 100px;
  2201. margin-top: 42px;
  2202. }
  2203. /*----------/我的应用-----------*/
  2204. /*----------我的应用 编辑设置-----------*/
  2205. .release-app .app-editor {
  2206. background-color: #fff;
  2207. border-radius: 3px;
  2208. border: 1px solid #e5e5e5;
  2209. padding: 30px;
  2210. margin-bottom: 40px;
  2211. }
  2212. .release-app .app-editor .top .upload-img {
  2213. width: 80px;
  2214. height: 80px;
  2215. border-radius: 5px;
  2216. overflow: hidden;
  2217. position: relative;
  2218. }
  2219. .release-app .app-editor .top .upload-img img {
  2220. position: absolute;
  2221. left: 0;
  2222. top: 0;
  2223. width: 100%;
  2224. height: 100%;
  2225. background-color: #fff;
  2226. border-radius: 15px;
  2227. }
  2228. .release-app .app-editor .top .upload-img .upload {
  2229. position: absolute;
  2230. right: 0;
  2231. bottom: 0;
  2232. background-color: rgba(0, 0, 0, .6);
  2233. line-height: 20px;
  2234. width: 100%;
  2235. text-align: center;
  2236. color: #fff;
  2237. font-size: 12px;
  2238. cursor: pointer;
  2239. display: none;
  2240. }
  2241. .release-app .app-editor .top .upload-img:hover .upload {
  2242. display: block;
  2243. }
  2244. .release-app .app-editor .top .upload-img .thumbnail {
  2245. position: absolute;
  2246. z-index: 4;
  2247. left: 0;
  2248. top: 0;
  2249. width: 100%;
  2250. height: 100%;
  2251. opacity: 0;
  2252. cursor: pointer;
  2253. overflow: hidden;
  2254. margin-bottom: 0;
  2255. }
  2256. .release-app .app-editor .top .upload-img.uploaded .upload {
  2257. display: none;
  2258. }
  2259. .release-app .app-editor .top .upload-img.uploaded input {
  2260. display: none;
  2261. }
  2262. .release-app .app-editor .top .upload-img.uploaded:hover .upload {
  2263. display: block;
  2264. }
  2265. .release-app .app-editor .top .upload-img.uploaded:hover input {
  2266. display: block;
  2267. }
  2268. .release-app .app-editor .top .left dl {
  2269. margin-left: 20px;
  2270. }
  2271. .release-app .app-editor .top .left dl dt {
  2272. font-size: 24px;
  2273. color: #333;
  2274. margin-top: 5px;
  2275. }
  2276. .release-app .app-editor .top .left dl dt .icon-iphone {
  2277. margin-top: 10px;
  2278. margin-left: 5px;
  2279. }
  2280. .release-app .app-editor .top .left dl dt .icon-android {
  2281. margin-top: 10px;
  2282. margin-left: 5px;
  2283. }
  2284. .release-app .app-editor .top .left dl dd {
  2285. color: #333;
  2286. margin-top: 7px;
  2287. }
  2288. .release-app .app-editor .top .right {
  2289. line-height: 22px;
  2290. }
  2291. .release-app .app-editor .top .right .iconfont {
  2292. font-size: 22px;
  2293. }
  2294. .release-app .app-editor table {
  2295. margin-top: 30px;
  2296. table-layout: fixed;
  2297. }
  2298. .release-app .app-editor table td {
  2299. padding: 15px;
  2300. }
  2301. .release-app .app-editor table td .bold {
  2302. color: #333;
  2303. margin-bottom: 5px;
  2304. }
  2305. .release-app .app-editor .download-qr .icon-small-code {
  2306. position: relative;
  2307. cursor: pointer;
  2308. margin-top: 3px;
  2309. margin-left: 5px;
  2310. }
  2311. .release-app .app-editor table td .link-down {}
  2312. .release-app .app-editor table td .link-down:hover {
  2313. color: #157df1;
  2314. text-decoration: underline;
  2315. }
  2316. /*
  2317. .release-app .app-editor .download-qr .icon-small-code img{position: absolute; left: -14px; top: 12px; opacity: 0; transition: all 600ms;}
  2318. .release-app .app-editor .download-qr .icon-small-code:hover img{opacity: 1;}
  2319. */
  2320. .release-app .app-editor .set .short-link>.col-sm-6>.col-sm-6 {
  2321. padding-left: 0;
  2322. padding-right: 0;
  2323. }
  2324. .release-app .app-editor .set .short-link .form-control {
  2325. border-radius: 0 4px 4px 0;
  2326. border-left: none;
  2327. }
  2328. .release-app .app-editor .set .short-link .link {
  2329. padding: 6px 12px !important;
  2330. height: 34px;
  2331. background-color: #f2f2f5;
  2332. border: 1px solid #e5e5e5;
  2333. border-radius: 4px 0 0 4px;
  2334. color: #333;
  2335. }
  2336. .release-app .app-editor .set {
  2337. border: 1px solid #e5e5e5;
  2338. border-radius: 3px;
  2339. padding-bottom: 40px;
  2340. }
  2341. .release-app .app-editor .set .tab {
  2342. background-color: #f2f2f5;
  2343. height: 44px;
  2344. line-height: 44px;
  2345. border-bottom: 1px solid #e5e5e5;
  2346. }
  2347. .release-app .app-editor .set .tab li {
  2348. float: left;
  2349. padding: 0 20px;
  2350. cursor: pointer;
  2351. color: #333;
  2352. }
  2353. .release-app .app-editor .set .tab li.active {
  2354. background-color: #fff;
  2355. border-right: 1px solid #e5e5e5;
  2356. border-left: 1px solid #e5e5e5;
  2357. margin-left: -1px;
  2358. color: #157df1;
  2359. }
  2360. .release-app .app-editor .set .tab-con {
  2361. margin-top: 40px;
  2362. }
  2363. .release-app .app-editor .set .col-sm-1 {
  2364. width: 11%;
  2365. }
  2366. .release-app .app-editor .set .tab-con label {
  2367. color: #333;
  2368. }
  2369. .release-app .app-editor .set .tab-con .form-control {
  2370. color: #333;
  2371. }
  2372. .release-app .app-editor .set .tab-con>div {
  2373. display: none;
  2374. }
  2375. .release-app .app-editor .set .tab-con .form-group {
  2376. margin-bottom: 30px;
  2377. }
  2378. .release-app .app-editor .set .trust {
  2379. margin-top: 7px;
  2380. }
  2381. .release-app .app-editor .set .trust li {
  2382. float: left;
  2383. margin-right: 50px;
  2384. cursor: pointer;
  2385. color: #333;
  2386. }
  2387. .release-app .app-editor .set .trust li .icon-radio {
  2388. margin-right: 8px;
  2389. }
  2390. /*----------/我的应用 编辑设置-----------*/
  2391. /*----------个人中心-----------*/
  2392. .user-center-wrap {
  2393. background-color: #f2f2f5;
  2394. }
  2395. .user-center {
  2396. margin-bottom: 40px;
  2397. }
  2398. .user-center>.row {
  2399. margin: 0 -5px;
  2400. }
  2401. .user-center>.row>.col-sm-2 {
  2402. width: 18.5%;
  2403. padding: 0 5px;
  2404. }
  2405. .user-center>.row>.col-sm-10 {
  2406. width: 81.5%;
  2407. padding: 0 5px;
  2408. }
  2409. .user-center .left {
  2410. border: 1px solid #e5e5e5;
  2411. border-radius: 3px;
  2412. background-color: #fff;
  2413. height: 830px;
  2414. }
  2415. .user-center .right {
  2416. border: 1px solid #e5e5e5;
  2417. border-radius: 3px;
  2418. background-color: #fff;
  2419. height: 830px;
  2420. }
  2421. .user-center .left dl {
  2422. padding-top: 20px;
  2423. border-bottom: 1px solid #e5e5e5;
  2424. }
  2425. .user-center .left dl dt {
  2426. font-size: 16px;
  2427. color: #333;
  2428. font-weight: 600;
  2429. padding-left: 25px;
  2430. margin-bottom: 15px;
  2431. }
  2432. .user-center .left dl dt .icon-service {
  2433. margin: 5px 15px 0 0;
  2434. }
  2435. .user-center .left dl dt .icon-order {
  2436. margin: 4px 15px 0 0;
  2437. }
  2438. .user-center .left dl dt .icon-user1 {
  2439. margin: 3px 15px 0 0;
  2440. }
  2441. .user-center .left dl dd a {
  2442. height: 50px;
  2443. line-height: 50px;
  2444. padding-left: 55px;
  2445. color: #333;
  2446. display: block;
  2447. }
  2448. .user-center .left dl dd a:hover {
  2449. background-color: #157df1;
  2450. color: #fff;
  2451. }
  2452. .user-center .left dl dd.active a {
  2453. background-color: #157df1;
  2454. color: #fff;
  2455. }
  2456. .user-center .right .tit {
  2457. font-size: 16px;
  2458. color: #333;
  2459. font-weight: 600;
  2460. padding: 15px 20px;
  2461. border-bottom: 1px solid #e5e5e5;
  2462. }
  2463. .user-center .right .con {
  2464. padding: 20px 50px;
  2465. }
  2466. .user-center .right .con .input-size {
  2467. width: 78%;
  2468. margin-right: 10px;
  2469. float: left;
  2470. }
  2471. .user-center .right .con label {
  2472. color: #333;
  2473. font-weight: 600;
  2474. }
  2475. .user-center .right .con .form-group label {
  2476. margin: 0 30px 8px 0;
  2477. }
  2478. .user-center .right .con .current-email {
  2479. margin-bottom: 5px;
  2480. }
  2481. .user-center .right .con .user-data {
  2482. table-layout: fixed;
  2483. }
  2484. .user-center .right .con .user-data tr th:first-of-type {
  2485. width: 140px;
  2486. }
  2487. .user-center .right .con .user-data tr td:first-of-type {
  2488. width: 270px;
  2489. }
  2490. .user-center .right .con .user-data tr td:last-of-type {
  2491. width: 150px;
  2492. }
  2493. .user-center .right .con .user-data td,
  2494. .user-center .right .con .user-data th {
  2495. border: none !important;
  2496. color: #333;
  2497. vertical-align: middle;
  2498. padding: 5px 8px;
  2499. }
  2500. .user-center .right .con .user-data th {
  2501. font-weight: 600;
  2502. }
  2503. .user-center .right .con .read-only {
  2504. padding-top: 15px;
  2505. border-top: 1px solid #e5e5e5;
  2506. }
  2507. .user-center .right .con .read-only th,
  2508. .user-center .right .con .read-only td {
  2509. padding: 8px;
  2510. }
  2511. .user-center .right .table-wrap {
  2512. padding: 20px;
  2513. }
  2514. .user-center .right .table-wrap .table-responsive {
  2515. overflow-x: visible;
  2516. }
  2517. .user-center .right .con .table-order .icon-prompt {
  2518. position: relative;
  2519. top: 2px;
  2520. margin-left: 5px;
  2521. cursor: pointer;
  2522. }
  2523. .user-center .right .con .table-order>tbody>tr:nth-of-type(odd) {
  2524. background-color: #f6fafe;
  2525. }
  2526. .user-center .right .con .table-order tr th {
  2527. background-color: #4497f4;
  2528. color: #fff;
  2529. padding: 15px;
  2530. text-align: center;
  2531. border-color: #4497f4;
  2532. }
  2533. .user-center .right .con .table-order tr td {
  2534. padding: 25px 15px;
  2535. text-align: center;
  2536. }
  2537. .user-center .right .con .table-order .icon-prompt .tips {
  2538. background: url("../image/icon-prompt.png") no-repeat;
  2539. width: 159px;
  2540. height: 58px;
  2541. position: absolute;
  2542. left: -17px;
  2543. bottom: 11px;
  2544. padding-top: 15px;
  2545. font-size: 12px;
  2546. opacity: 0;
  2547. display: none;
  2548. transition: all 600ms;
  2549. z-index: 1000;
  2550. }
  2551. .user-center .right .con .table-order .icon-prompt:hover .tips {
  2552. opacity: 1;
  2553. display: block;
  2554. }
  2555. .user-center .right .service-wrap {
  2556. padding: 20px;
  2557. }
  2558. .user-center .right .service {
  2559. border: 1px solid #e5e5e5;
  2560. border-radius: 3px;
  2561. height: 135px;
  2562. }
  2563. .user-center .right .service .top .tit {
  2564. background-color: #f5f6f8;
  2565. font-size: 18px;
  2566. color: #333;
  2567. font-weight: 600;
  2568. padding: 10px 25px;
  2569. border-radius: 3px;
  2570. }
  2571. .user-center .right .service .top .ms-btn {
  2572. margin-right: 25px;
  2573. margin-top: 10px;
  2574. }
  2575. .user-center .right .service .top .ms-btn-default {
  2576. border-color: transparent;
  2577. color: #157df1;
  2578. }
  2579. .user-center .right .service .top .ms-btn-default:hover {
  2580. background: #fff;
  2581. color: #157df1;
  2582. border-color: #157df1;
  2583. }
  2584. .user-center .right .service .bottom .downloads {
  2585. margin-top: 20px;
  2586. }
  2587. .user-center .right .service .bottom .downloads li {
  2588. padding: 0 25px;
  2589. width: 50%;
  2590. float: left;
  2591. color: #666;
  2592. }
  2593. .user-center .right .service .bottom .downloads li .progress1 {
  2594. width: 100%;
  2595. background-color: #f3f3f3;
  2596. height: 6px;
  2597. border-radius: 3px;
  2598. position: relative;
  2599. margin-top: 10px;
  2600. }
  2601. .user-center .right .service .bottom .downloads li .progress1 .bar {
  2602. position: absolute;
  2603. left: 0;
  2604. top: 0;
  2605. height: 100%;
  2606. background-color: #157df1;
  2607. border-radius: 3px;
  2608. }
  2609. .user-center .right .service .bottom .signature {
  2610. display: table;
  2611. width: 100%;
  2612. margin-top: 20px;
  2613. text-align: center;
  2614. }
  2615. .user-center .right .service .bottom .signature li {
  2616. display: table-cell;
  2617. border-right: 1px solid #e5e5e5;
  2618. }
  2619. .user-center .right .service .bottom .signature li:last-of-type {
  2620. border-color: transparent;
  2621. }
  2622. .user-center .right .service .bottom .signature li {
  2623. color: #666;
  2624. }
  2625. .user-center .right .service .bottom .signature li .num {
  2626. color: #333;
  2627. }
  2628. .user-center .right .service .bottom .signature li .num span {
  2629. font-size: 20px;
  2630. }
  2631. /*
  2632. *2018-09-20改版,改版上线后,将上版本样式删除
  2633. */
  2634. .user-center1>.row {
  2635. margin: 0 0 20px;
  2636. overflow: hidden;
  2637. height: 100%;
  2638. }
  2639. @media (min-width: 1200px) {
  2640. .user-center1>.row>.col-sm-2 {
  2641. padding: 0 0 9999px;
  2642. margin-bottom: -9999px;
  2643. }
  2644. }
  2645. .user-center1>.row>.col-sm-2 {
  2646. background-color: #fff;
  2647. box-shadow: 0 0 5px rgba(0, 0, 0, .05);
  2648. }
  2649. .user-center1>.row>.col-sm-10 {
  2650. padding: 0 0 0 10px;
  2651. }
  2652. /*.user-center1 .aside-left{height: 550px;}*/
  2653. .user-center1 .aside-left .iconfont {
  2654. font-size: 18px;
  2655. }
  2656. .user-center1 .aside-left .icon-msg {
  2657. font-size: 18px;
  2658. position: relative;
  2659. top: 2px;
  2660. }
  2661. .user-center1 .aside-left .icon-fapiao,
  2662. .user-center1 .aside-left .icon-028 {
  2663. position: relative;
  2664. top: 2px;
  2665. }
  2666. /*.user-center1 .aside-right .user-table{margin-bottom: 40px;}*/
  2667. .user-center1 .aside-right .user-table .table {
  2668. border: 1px solid #e5e5e5;
  2669. margin-bottom: 0;
  2670. }
  2671. .user-center1 .aside-right .user-table .table th {
  2672. background-color: #f5f6f7;
  2673. padding: 15px 10px;
  2674. text-align: center;
  2675. color: #666;
  2676. font-weight: 600;
  2677. border-top-color: transparent;
  2678. }
  2679. .user-center1 .aside-right .user-table .table td {
  2680. background-color: #fff;
  2681. padding: 23px 10px;
  2682. text-align: center;
  2683. color: #666;
  2684. font-size: 12px;
  2685. border-top-color: #e5e5e5;
  2686. }
  2687. .user-center1 .aside-right .user-table .table td.color-hover {
  2688. color: #157df1;
  2689. }
  2690. .user-center1 .aside-right .user-table .table td.color-999 {
  2691. color: #999;
  2692. }
  2693. .user-center1 .aside-right .user-table .table tr:hover td {
  2694. background-color: #ebf7ff;
  2695. }
  2696. .user-center1 .aside-right .user-table .table-wrap {
  2697. background-color: #fff;
  2698. }
  2699. .user-center1 .aside-right .user-table .table-wrap1 {
  2700. min-height: 495px;
  2701. }
  2702. .user-center1 .aside-right .user-table .table-wrap2 {
  2703. min-height: 459px;
  2704. box-shadow: 0 0 5px rgba(0, 0, 0, .05);
  2705. padding-bottom: 30px;
  2706. }
  2707. .user-center1 .aside-right .user-table .table-wrap2 .invoice-table2 {
  2708. border: none;
  2709. border-bottom: 1px solid #e5e5e5;
  2710. }
  2711. .user-center1 .aside-right .user-table .table td [data-toggle="popover"] {
  2712. cursor: pointer;
  2713. }
  2714. .user-center1 .aside-right .paging {
  2715. margin-top: 30px;
  2716. margin-bottom: 0;
  2717. }
  2718. .user-center1 .aside-right .order .no-content {
  2719. padding-top: 90px;
  2720. }
  2721. .user-center1 .aside-right .order .table-wrap {
  2722. min-height: 351px;
  2723. }
  2724. .user-center1 .account-management {
  2725. box-shadow: 0 0 5px rgba(0, 0, 0, .05);
  2726. background-color: #fff;
  2727. height: 550px;
  2728. }
  2729. .user-center1 .account-management>ul {
  2730. height: 48px;
  2731. background-color: #f2f2f5;
  2732. line-height: 48px;
  2733. border-bottom: 1px solid #e5e5e5;
  2734. }
  2735. .user-center1 .account-management>ul li {
  2736. float: left;
  2737. padding: 0 20px;
  2738. cursor: pointer;
  2739. color: #333;
  2740. }
  2741. .user-center1 .account-management>ul li.active {
  2742. background-color: #fff;
  2743. }
  2744. .user-center1 .account-management .tab {
  2745. padding: 0 30px;
  2746. }
  2747. .user-center1 .account-management .tab>div {
  2748. display: none;
  2749. }
  2750. .user-center1 .account-management .data table {
  2751. color: #333;
  2752. margin-top: 25px;
  2753. margin-bottom: 0;
  2754. }
  2755. .user-center1 .account-management .data table tr th {
  2756. border-top: none;
  2757. font-weight: 600;
  2758. vertical-align: middle;
  2759. padding: 6px;
  2760. }
  2761. .user-center1 .account-management .data table tr td {
  2762. border-top: none;
  2763. vertical-align: middle;
  2764. padding: 6px;
  2765. }
  2766. .user-center1 .account-management .data table tr td .ms-btn-default {
  2767. padding: 1px 12px;
  2768. }
  2769. .user-center1 .account-management .data .table1 tr th:first-of-type {
  2770. width: 160px;
  2771. }
  2772. .user-center1 .account-management .data .table1 tr td:first-of-type {
  2773. width: 250px;
  2774. }
  2775. .user-center1 .account-management .data .table2 tr th:first-of-type {
  2776. width: 160px;
  2777. }
  2778. .user-center1 .account-management .data .table2 tr td:first-of-type {
  2779. width: 250px;
  2780. }
  2781. .user-center1 .account-management .data hr {
  2782. margin-top: 25px;
  2783. }
  2784. .user-center1 .account-management .pwd {
  2785. padding: 30px 0;
  2786. }
  2787. .user-center1 .account-management .pwd .form-group {
  2788. position: relative;
  2789. margin-bottom: 25px;
  2790. }
  2791. .user-center1 .account-management .pwd .form-group label {
  2792. font-weight: 600;
  2793. color: #333;
  2794. margin-bottom: 5px;
  2795. }
  2796. .user-center1 .account-management .pwd .form-group .iconfont {
  2797. position: absolute;
  2798. bottom: 5px;
  2799. right: 15px;
  2800. cursor: pointer;
  2801. color: #333;
  2802. }
  2803. .user-center1 .account-management .pwd .form-group .error {
  2804. display: none;
  2805. position: absolute;
  2806. top: 100%;
  2807. left: 0;
  2808. }
  2809. .user-center1 .account-management .pwd .form-error .error {
  2810. display: block;
  2811. color: #ff4222;
  2812. }
  2813. .user-center1 .account-management .pwd .ms-btn {
  2814. width: 160px;
  2815. padding: 12px 9px;
  2816. }
  2817. .user-center1 .account-management .msg {
  2818. padding: 30px 0;
  2819. }
  2820. .user-center1 .account-management .msg dl {
  2821. font-size: 13px;
  2822. }
  2823. .user-center1 .account-management .msg dl dt {
  2824. color: #333;
  2825. font-weight: 600;
  2826. margin-bottom: 3px;
  2827. }
  2828. .user-center1 .account-management .msg dl dd {
  2829. color: #666;
  2830. }
  2831. .user-center1 .account-management .msg ol {
  2832. margin: 10px 0 0 20px;
  2833. }
  2834. .user-center1 .account-management .msg ol li {
  2835. float: left;
  2836. color: #333;
  2837. margin-left: 50px;
  2838. cursor: pointer;
  2839. }
  2840. .user-center1 .account-management .msg ol li .icon {
  2841. position: relative;
  2842. top: 3px;
  2843. margin-right: 10px;
  2844. }
  2845. .user-center1 .account-management .msg hr {
  2846. margin: 30px 0;
  2847. border-color: #e5e5e5;
  2848. }
  2849. .user-center1 .account-management .upload {
  2850. padding: 30px 0;
  2851. }
  2852. .user-center1 .account-management .upload dl {
  2853. width: 36%;
  2854. font-size: 13px;
  2855. }
  2856. .user-center1 .account-management .upload dl dt {
  2857. color: #333;
  2858. font-weight: 600;
  2859. margin-bottom: 3px;
  2860. }
  2861. .user-center1 .account-management .upload dl dd {
  2862. color: #666;
  2863. }
  2864. .user-center1 .account-management .upload ol {
  2865. margin: 10px 0 0 20px;
  2866. }
  2867. .user-center1 .account-management .upload ol li {
  2868. float: left;
  2869. color: #333;
  2870. margin-left: 50px;
  2871. cursor: pointer;
  2872. }
  2873. .user-center1 .account-management .upload ol li .icon {
  2874. position: relative;
  2875. top: 3px;
  2876. margin-right: 10px;
  2877. }
  2878. .user-center1 .account-management .upload hr {
  2879. margin: 30px 0;
  2880. border-color: #e5e5e5;
  2881. }
  2882. .user-center1 .account-management .bindDomain .m-con {
  2883. padding-top: 30px;
  2884. }
  2885. .user-center1 .account-management .bindDomain .cont p {
  2886. color: #333;
  2887. margin-bottom: 5px;
  2888. }
  2889. .user-center1 .account-management .bindDomain .cont p a {
  2890. color: #157df1;
  2891. }
  2892. .user-center1 .account-management .bindDomain .cont p a:hover {
  2893. text-decoration: underline;
  2894. }
  2895. .user-center1 .account-management .bindDomain .cont .control-label {
  2896. color: #333;
  2897. margin-bottom: 5px;
  2898. }
  2899. .user-center1 .account-management .bindDomain .cont #saveButton {
  2900. width: 160px;
  2901. padding: 9px 0;
  2902. margin-top: 5px;
  2903. }
  2904. .user-center1 .account-management .bindDomain .m-con .bindDomainFirst {
  2905. padding-top: 105px;
  2906. }
  2907. .user-center1 .account-management .bindDomain .m-con .bindDomainFirst .browser_notice {
  2908. text-align: center;
  2909. }
  2910. .user-center1 .account-management .bindDomain .m-con .bindDomainFirst .icon-chenggong {
  2911. color: #157df1;
  2912. font-size: 70px;
  2913. }
  2914. .user-center1 .account-management .bindDomain .m-con .bindDomainFirst .browser_notice .browser_notice_success {
  2915. margin: -3px 0 25px;
  2916. }
  2917. .user-center1 .account-management .bindDomain .m-con .bindDomainFirst #unbind_button {
  2918. width: 160px;
  2919. padding: 9px;
  2920. color: #666;
  2921. }
  2922. .user-center1 .account-management .change .tit {
  2923. font-size: 16px;
  2924. color: #333;
  2925. font-weight: 600;
  2926. padding: 15px 20px;
  2927. border-bottom: 1px solid #e5e5e5;
  2928. }
  2929. .user-center1 .account-management .con {
  2930. padding: 20px
  2931. /*50px*/
  2932. ;
  2933. }
  2934. /*.user-center1 .account-management .con .input-size{width: 78%; margin-right: 10px; float: left;}*/
  2935. .user-center1 .account-management .con label {
  2936. color: #333;
  2937. font-weight: 600;
  2938. }
  2939. .user-center1 .account-management .con .form-group label {
  2940. margin: 0 30px 8px 0;
  2941. }
  2942. .user-center1 .account-management .con .current-email {
  2943. margin-bottom: 5px;
  2944. }
  2945. .user-center1 .account-management .con .read-only {
  2946. padding-top: 15px;
  2947. border-top: 1px solid #e5e5e5;
  2948. }
  2949. .user-center1 .account-management .con .read-only th,
  2950. .user-center .right .con .read-only td {
  2951. padding: 8px;
  2952. }
  2953. .user-center1 .invoice-management .warn-prompt {
  2954. margin: 0 0 10px;
  2955. }
  2956. .user-center1 .invoice-management .i-top ul li {
  2957. float: left;
  2958. margin-left: 20px;
  2959. }
  2960. .user-center1 .invoice-management .user-table {
  2961. margin-top: 20px;
  2962. }
  2963. .user-center1 .invoice-management .user-table.mt10 {
  2964. margin-top: 10px;
  2965. }
  2966. .user-center1 .invoice-management .table.invoice-table1 tr th:nth-of-type(1) {
  2967. width: 180px;
  2968. }
  2969. .user-center1 .invoice-management .table.invoice-table1 tr th:nth-of-type(3) {
  2970. width: 120px;
  2971. }
  2972. .user-center1 .invoice-management .table.invoice-table1 tr th:last-of-type {
  2973. width: 300px;
  2974. }
  2975. .user-center1 .invoice-management .table.invoice-table1 tr td:nth-of-type(1) {
  2976. padding-left: 20px;
  2977. }
  2978. .user-center1 .invoice-management .table.invoice-table2 tr th:nth-of-type(2) {
  2979. width: 120px;
  2980. }
  2981. .user-center1 .invoice-management .table.invoice-table2 td .company-name {
  2982. width: 120px;
  2983. line-height: 20px;
  2984. }
  2985. .user-center1 .invoice-management .table.invoice-table2 .courier-number {
  2986. width: 160px;
  2987. }
  2988. .user-center1 .invoice-management .table.invoice-table2 td .courier-number {
  2989. width: 160px;
  2990. }
  2991. .user-center1 .invoice-management .table.invoice-table2 td .ms-btn {
  2992. margin-right: 0;
  2993. }
  2994. .user-center1 .invoice-management .table td {
  2995. vertical-align: middle;
  2996. }
  2997. .user-center1 .invoice-management .table td .icon-checkbox1 {
  2998. color: #e5e5e5;
  2999. cursor: pointer;
  3000. margin-right: 8px;
  3001. position: relative;
  3002. top: -2px;
  3003. }
  3004. .user-center1 .invoice-management .table td .icon-checkbox-checked1 {
  3005. color: #157df1;
  3006. }
  3007. .user-center1 .invoice-management .table td .company-name {
  3008. width: 110px;
  3009. line-height: 20px;
  3010. }
  3011. .user-center1 .invoice-management .table td .receives-address {
  3012. width: 120px;
  3013. }
  3014. .user-center1 .invoice-management .table td .ms-btn {
  3015. margin-right: 10px;
  3016. }
  3017. .user-center1 .invoice-management .table td .set-default {
  3018. visibility: hidden;
  3019. color: #fd641d;
  3020. cursor: pointer;
  3021. }
  3022. .user-center1 .invoice-management .table tr:nth-of-type(2) td .set-default {
  3023. visibility: visible;
  3024. }
  3025. .user-center1 .invoice-management .table tr:hover td .set-default {
  3026. visibility: visible;
  3027. }
  3028. .user-center1 .invoice-management .no-content {
  3029. height: 412px;
  3030. padding-top: 150px;
  3031. }
  3032. .user-center1 .invoice-management .no-content1 {
  3033. height: 376px;
  3034. padding-top: 130px;
  3035. }
  3036. .user-center1 .invoice-management .submit {
  3037. width: 160px;
  3038. padding: 9px 12px;
  3039. }
  3040. .user-center1 .invoice-management .make-invoice-details {
  3041. padding: 30px;
  3042. background-color: #fff;
  3043. border: 1px solid #e5e5e5;
  3044. height: 550px;
  3045. margin-bottom: 40px;
  3046. }
  3047. .user-center1 .invoice-management .make-invoice-details dl {
  3048. color: #333;
  3049. margin-bottom: 15px;
  3050. }
  3051. .user-center1 .invoice-management .make-invoice-details dl dt {
  3052. color: #333;
  3053. font-weight: 600;
  3054. width: 100px;
  3055. text-align: right;
  3056. }
  3057. .user-center1 .invoice-management .make-invoice-details dl dd {
  3058. float: none;
  3059. margin-left: 150px;
  3060. }
  3061. .user-center1 .invoice-management .make-invoice-details hr {
  3062. margin: 20px 0;
  3063. }
  3064. .user-center1 .invoice-management .make-invoice-details .color-danger {
  3065. font-size: 12px;
  3066. }
  3067. .user-center1 .invoice-management .apply-invoice {
  3068. background-color: #fff;
  3069. padding: 30px;
  3070. margin-bottom: 40px;
  3071. border: 1px solid #e5e5e5;
  3072. }
  3073. .user-center1 .invoice-management .apply-invoice .row {
  3074. margin: 0 -5px;
  3075. }
  3076. .user-center1 .invoice-management .apply-invoice .row .col-sm-4 {
  3077. padding: 0 5px;
  3078. }
  3079. .user-center1 .invoice-management .apply-invoice .row .col-sm-6 {
  3080. padding: 0 5px;
  3081. }
  3082. .user-center1 .invoice-management .apply-invoice label {
  3083. color: #333;
  3084. font-weight: 600;
  3085. margin-bottom: 5px;
  3086. }
  3087. .user-center1 .invoice-management .apply-invoice label span {
  3088. color: #ff4222;
  3089. margin-left: 10px;
  3090. }
  3091. .user-center1 .invoice-management .apply-invoice .form-group {
  3092. margin-bottom: 25px;
  3093. }
  3094. .user-center1 .invoice-management .apply-invoice .select-wrap input[type=text] {
  3095. margin-top: 20px;
  3096. }
  3097. .user-center1 .invoice-management .apply-invoice .form-group.select-wrap {
  3098. margin-bottom: 20px;
  3099. }
  3100. /*.user-center1 .invoice-management .apply-invoice select{color: #999;}*/
  3101. .user-center1 .invoice-management .apply-invoice .form-group.instruction-manual {
  3102. margin-bottom: 20px;
  3103. }
  3104. .user-center1 .invoice-management .apply-invoice .form-error {
  3105. position: relative;
  3106. }
  3107. .user-center1 .invoice-management .apply-invoice .error {
  3108. position: absolute;
  3109. top: 100%;
  3110. color: #ff4222;
  3111. font-size: 12px;
  3112. display: none;
  3113. }
  3114. .user-center1 .invoice-management .apply-invoice .form-error .error {
  3115. display: block;
  3116. }
  3117. .user-center1 .invoice-management .apply-invoice hr {
  3118. margin: 5px 0 30px;
  3119. }
  3120. .user-center1 .invoice-management .apply-invoice .icon-checkbox1 {
  3121. color: #e5e5e5;
  3122. position: relative;
  3123. top: 1px;
  3124. }
  3125. .user-center1 .invoice-management .apply-invoice .icon-checkbox-checked1 {
  3126. color: #157df1;
  3127. }
  3128. .user-center1 .invoice-management .apply-invoice .checkbox1 {
  3129. color: #333;
  3130. cursor: pointer;
  3131. }
  3132. .user-center1 .invoice-management .apply-invoice .save {
  3133. margin-top: 20px;
  3134. width: 160px;
  3135. padding: 9px 12px;
  3136. }
  3137. /*我的订单新增充值*/
  3138. .user-center1 .aside-right .balance-recharge {
  3139. position: relative;
  3140. border: 1px solid #e5e5e5;
  3141. padding: 25px 30px 10px;
  3142. margin-bottom: 20px;
  3143. }
  3144. .user-center1 .aside-right .balance-recharge .b-tit {
  3145. color: #333;
  3146. font-weight: 600;
  3147. }
  3148. .user-center1 .aside-right .balance-recharge .b-num {
  3149. color: #fba208;
  3150. font-size: 40px;
  3151. }
  3152. .user-center1 .aside-right .balance-recharge p {
  3153. color: #666;
  3154. font-size: 12px;
  3155. }
  3156. .user-center1 .aside-right .balance-recharge .recharge-btn {
  3157. position: absolute;
  3158. right: 30px;
  3159. top: 50%;
  3160. transform: translateY(-50%);
  3161. }
  3162. /*.balance-recharge-wrap{margin-bottom: 40px;}*/
  3163. .balance-recharge-wrap .balance-recharge {
  3164. border: none;
  3165. margin-bottom: 0;
  3166. }
  3167. .balance-recharge-wrap .choose-recharge {
  3168. width: 65%;
  3169. position: relative;
  3170. }
  3171. .balance-recharge-wrap .choose-recharge li {
  3172. margin-right: 70px;
  3173. margin-bottom: 25px;
  3174. }
  3175. .balance-recharge-wrap .choose-recharge li:nth-of-type(n+5) {
  3176. margin-bottom: 0;
  3177. }
  3178. .balance-recharge-wrap .choose-recharge li input[name=rechargeAmount] {
  3179. width: 120px;
  3180. position: absolute;
  3181. top: -7px;
  3182. left: 21px;
  3183. }
  3184. .balance-recharge-wrap .choose-recharge .error {
  3185. position: absolute;
  3186. left: 25px;
  3187. bottom: -5px;
  3188. color: #fd641d;
  3189. font-size: 12px;
  3190. display: none;
  3191. }
  3192. .balance-recharge-wrap .choose-recharge.form-error .error {
  3193. display: block;
  3194. }
  3195. .balance-recharge-wrap .choose-recharge li .r-num {
  3196. width: 50px;
  3197. display: inline-block;
  3198. }
  3199. .balance-recharge-wrap .pay-money .money {
  3200. padding-bottom: 10px;
  3201. }
  3202. .user-center1 .aside-right .price-pay .balance-recharge {
  3203. border: none;
  3204. margin-bottom: 0;
  3205. }
  3206. .price-pay .balance-recharge-wrap .pay-money {
  3207. padding-bottom: 30px;
  3208. }
  3209. .balance-recharge-wrap .pay-money .icon-checkbox1 {
  3210. color: #999;
  3211. position: relative;
  3212. top: 1px;
  3213. cursor: pointer;
  3214. }
  3215. .balance-recharge-wrap .pay-money .icon-checkbox-checked1 {
  3216. color: #157df1;
  3217. cursor: pointer;
  3218. }
  3219. /*/我的订单新增充值*/
  3220. /*上传资质*/
  3221. .user-center1 .aside-left .icon-dunpai {
  3222. font-size: 18px;
  3223. position: relative;
  3224. top: 2px;
  3225. }
  3226. .upload-img-more .uploaded-img {
  3227. border: 1px solid #e5e5e5;
  3228. width: 150px;
  3229. height: 210px;
  3230. position: relative;
  3231. border-radius: 5px;
  3232. margin-right: 20px;
  3233. }
  3234. .upload-img-more .uploaded-img .thumbnail {
  3235. position: absolute;
  3236. left: 0;
  3237. top: 0;
  3238. width: 100%;
  3239. height: 100%;
  3240. opacity: 0;
  3241. cursor: pointer;
  3242. z-index: 2;
  3243. }
  3244. .upload-img-more .uploaded-img img {
  3245. width: 100%;
  3246. height: 100%;
  3247. border-radius: 5px;
  3248. }
  3249. .upload-img-more .uploaded-img .delete-img {
  3250. position: absolute;
  3251. right: -9px;
  3252. top: -9px;
  3253. right: 0 \9;
  3254. top: 0 \9;
  3255. cursor: pointer;
  3256. z-index: 2;
  3257. }
  3258. .upload-img-more .uploaded-img .reset {
  3259. position: absolute;
  3260. left: 0;
  3261. bottom: 0;
  3262. height: 20px;
  3263. line-height: 20px;
  3264. background: rgba(0, 0, 0, .5);
  3265. width: 100%;
  3266. color: #fff;
  3267. text-align: center;
  3268. font-size: 12px;
  3269. display: none;
  3270. }
  3271. .upload-img-more .uploaded-img:hover .reset {
  3272. display: block;
  3273. }
  3274. .upload-img-more .upload-img {
  3275. position: relative;
  3276. border: 1px dashed #e5e5e5;
  3277. width: 150px;
  3278. height: 210px;
  3279. border-radius: 5px;
  3280. background: url("../image/icon-10.png") no-repeat center 80px;
  3281. overflow: hidden;
  3282. }
  3283. .upload-img-more .upload-img input {
  3284. position: absolute;
  3285. left: 0;
  3286. top: 0;
  3287. width: 100%;
  3288. height: 100%;
  3289. opacity: 0;
  3290. cursor: pointer;
  3291. }
  3292. .upload-img-more .upload-img .text {
  3293. text-align: center;
  3294. font-size: 12px;
  3295. color: #666;
  3296. margin-top: 120px;
  3297. }
  3298. .user-center1 .aside-right .upload-qualification {
  3299. background-color: #fff;
  3300. box-shadow: 0 0 5px rgba(0, 0, 0, .05);
  3301. border-radius: 3px;
  3302. padding: 30px;
  3303. }
  3304. .user-center1 .aside-right .upload-qualification .p1 {
  3305. color: #333;
  3306. margin-bottom: 5px;
  3307. }
  3308. .user-center1 .aside-right .upload-qualification .p2 {
  3309. color: #333;
  3310. margin-bottom: 15px;
  3311. }
  3312. .user-center1 .aside-right .upload-qualification table {
  3313. border: 1px solid #ddd;
  3314. width: 70%;
  3315. color: #333;
  3316. margin-bottom: 40px;
  3317. }
  3318. .user-center1 .aside-right .upload-qualification table td {
  3319. border: 1px solid #ddd;
  3320. padding: 20px;
  3321. text-align: center;
  3322. }
  3323. .user-center1 .aside-right .upload-qualification .tit {
  3324. color: #333;
  3325. margin-bottom: 15px;
  3326. }
  3327. /*.user-center1 .aside-right .upload-qualification .upload-img-more{margin-bottom: 20px;}*/
  3328. .user-center1 .aside-right .upload-qualification .uploaded-img {
  3329. margin-bottom: 20px;
  3330. }
  3331. .user-center1 .aside-right .upload-qualification .upload-img {
  3332. margin-bottom: 20px;
  3333. }
  3334. .user-center1 .aside-right .upload-qualification .review-wrap {
  3335. margin: 20px 0 30px;
  3336. display: none;
  3337. }
  3338. .user-center1 .aside-right .upload-qualification .review-wrap li {
  3339. float: left;
  3340. margin-right: 20px;
  3341. }
  3342. .user-center1 .aside-right .upload-qualification .review-wrap li:last-of-type {
  3343. margin-right: 0;
  3344. }
  3345. .user-center1 .aside-right .upload-qualification .review-wrap .r-center {
  3346. margin-top: -10px;
  3347. }
  3348. .user-center1 .aside-right .upload-qualification .review-wrap .r-center img {
  3349. display: none;
  3350. }
  3351. .user-center1 .aside-right .upload-qualification .review-wrap .r-right {
  3352. width: 750px;
  3353. color: #ff4222;
  3354. }
  3355. .user-center1 .aside-right .upload-qualification .review-wrap .r-right div {
  3356. display: none;
  3357. }
  3358. .user-center1 .aside-right .upload-qualification .hide-action .upload-img {
  3359. display: none;
  3360. }
  3361. .user-center1 .aside-right .upload-qualification .hide-action .delete-img {
  3362. display: none;
  3363. }
  3364. .user-center1 .aside-right .upload-qualification .hide-action .reset {
  3365. display: none;
  3366. }
  3367. .user-center1 .aside-right .upload-qualification .hide-action .thumbnail {
  3368. display: none;
  3369. }
  3370. /*/上传资质*/
  3371. /*推广大使*/
  3372. aside.aside-left ul li a .icon-dashi {
  3373. background: url("../image/tt-10.png") no-repeat;
  3374. width: 17px;
  3375. height: 14px;
  3376. display: inline-block;
  3377. margin-right: 10px;
  3378. margin-top: 2px;
  3379. }
  3380. .aside-right .user-promote {
  3381. background-color: #fff;
  3382. min-height: 510px;
  3383. }
  3384. .aside-right .user-promote .p-list {
  3385. background-color: #f5f7f9;
  3386. height: 44px;
  3387. line-height: 44px;
  3388. border-bottom: 1px solid #eee;
  3389. }
  3390. .aside-right .user-promote .p-list li {
  3391. float: left;
  3392. padding: 0 20px;
  3393. cursor: pointer;
  3394. color: #333;
  3395. }
  3396. .aside-right .user-promote .p-list li.active {
  3397. background-color: #fff;
  3398. border-right: 1px solid #e5e5e5;
  3399. border-left: 1px solid #eee;
  3400. margin-left: -1px;
  3401. }
  3402. .aside-right .user-promote .p-list li.active a {
  3403. color: #157df1;
  3404. }
  3405. /*.aside-right .user-promote .tab>div{display: none;}*/
  3406. .aside-right .user-promote .tab-common {
  3407. padding: 25px 30px;
  3408. }
  3409. .aside-right .user-promote .tab1 .p-link-1 {
  3410. border: 1px solid #ddd;
  3411. padding: 15px 20px;
  3412. margin-bottom: 20px;
  3413. }
  3414. .aside-right .user-promote .tab1 .p-link-1 dl {
  3415. color: #333;
  3416. margin-bottom: 3px;
  3417. }
  3418. .aside-right .user-promote .tab1 .p-link-1 dl dt span {
  3419. font-size: 20px;
  3420. }
  3421. .aside-right .user-promote .tab1 .p-link-1 dl dd .copy {
  3422. font-size: 12px;
  3423. margin-top: 8px;
  3424. margin-left: 20px;
  3425. display: block;
  3426. }
  3427. .aside-right .user-promote .tab1 .p-link-1 p {
  3428. font-size: 12px;
  3429. color: #999;
  3430. }
  3431. .aside-right .user-promote .tab1 .p-link-2 {
  3432. border: 1px solid #ddd;
  3433. padding: 15px 20px;
  3434. margin-bottom: 25px;
  3435. position: relative;
  3436. }
  3437. .aside-right .user-promote .tab1 .p-link-2 .row {
  3438. margin: 0 -20px;
  3439. }
  3440. .aside-right .user-promote .tab1 .p-link-2 .line {
  3441. position: absolute;
  3442. width: 1px;
  3443. height: calc(100% - 30px);
  3444. left: 50%;
  3445. top: 15px;
  3446. background-color: #ddd;
  3447. }
  3448. .aside-right .user-promote .tab1 .p-link-2 dl {
  3449. padding-left: 15px;
  3450. }
  3451. .aside-right .user-promote .tab1 .p-link-2 dl dt {
  3452. color: #333;
  3453. }
  3454. .aside-right .user-promote .tab1 .p-link-2 dl dt .icon-prompt1 {
  3455. margin: -1px 0 0 3px;
  3456. }
  3457. .aside-right .user-promote .tab1 .p-link-2 dl dt.rebate-dt {
  3458. color: #999;
  3459. margin-bottom: 10px;
  3460. }
  3461. .aside-right .user-promote .tab1 .p-link-2 dl dt span {
  3462. color: #999;
  3463. }
  3464. .aside-right .user-promote .tab1 .p-link-2 dl dd {
  3465. color: #333;
  3466. }
  3467. .aside-right .user-promote .tab1 .p-link-2 dl dd.amount-withdrawal-wrap1 {
  3468. height: 34px;
  3469. overflow: hidden;
  3470. }
  3471. .aside-right .user-promote .tab1 .p-link-2 dl dd .amount-withdrawal1 span {
  3472. color: #fba412;
  3473. font-size: 30px;
  3474. }
  3475. .aside-right .user-promote .tab1 .p-link-2 dl dt .withdrawal1 {
  3476. padding: 0 12px;
  3477. line-height: 20px;
  3478. height: 20px;
  3479. font-size: 12px;
  3480. margin-left: 30px;
  3481. }
  3482. .aside-right .user-promote .tab1 .p-link-2 dl dd .amount-rebate1 span {
  3483. color: #333;
  3484. font-size: 20px;
  3485. }
  3486. .aside-right .user-promote .tab1 .help {
  3487. padding: 0;
  3488. }
  3489. .aside-right .user-promote .tab1 .help .tit {
  3490. font-size: 20px;
  3491. color: #333;
  3492. margin-bottom: 20px;
  3493. }
  3494. .withdrawal-to-alipay {
  3495. padding: 15px 10px;
  3496. border: 1px solid #ddd;
  3497. display: none;
  3498. }
  3499. .withdrawal-to-alipay .tit {
  3500. color: #333;
  3501. font-size: 16px;
  3502. margin-bottom: 30px;
  3503. }
  3504. .withdrawal-to-alipay .form-group {
  3505. margin-bottom: 20px;
  3506. }
  3507. .withdrawal-to-alipay .form-group label {
  3508. color: #333;
  3509. }
  3510. .withdrawal-to-alipay .withdrawal {
  3511. color: #333;
  3512. font-size: 12px;
  3513. padding-top: 6px;
  3514. }
  3515. .withdrawal-to-alipay .withdrawal .num {
  3516. color: #fba208;
  3517. font-size: 16px;
  3518. font-weight: 600;
  3519. }
  3520. .withdrawal-to-alipay .form-group .yuan {
  3521. padding-top: 7px;
  3522. color: #333;
  3523. }
  3524. .withdrawal-to-alipay .form-group .submit1 {
  3525. width: 100px;
  3526. }
  3527. .withdrawal-to-alipay .form-group .error {
  3528. font-size: 12px;
  3529. color: #fd641d;
  3530. margin-top: 3px;
  3531. display: none;
  3532. }
  3533. .withdrawal-to-alipay .form-group.form-error .error {
  3534. display: block;
  3535. }
  3536. #payModal .modal-dialog {
  3537. width: 410px !important;
  3538. }
  3539. #payModal .tit {
  3540. font-size: 16px;
  3541. color: #333;
  3542. font-weight: 600;
  3543. margin-bottom: 20px;
  3544. }
  3545. #payModal .pay-msg {
  3546. margin-bottom: 25px;
  3547. }
  3548. #payModal .pay-msg dl {
  3549. color: #333;
  3550. margin-bottom: 10px;
  3551. }
  3552. #payModal .pay-msg dl dt {
  3553. width: 50%;
  3554. text-align: right;
  3555. padding-right: 10px;
  3556. }
  3557. #payModal .pay-msg dl dd {
  3558. width: 50%;
  3559. text-align: left;
  3560. padding-left: 10px;
  3561. }
  3562. #payModal .pay-msg dl dd .num {
  3563. color: #fba208;
  3564. }
  3565. #payModal .pay-msg dl dd .num i {
  3566. font-weight: 600;
  3567. }
  3568. #payModal .cancel-btn {
  3569. display: inline-block;
  3570. height: 34px;
  3571. line-height: 34px;
  3572. margin-right: 20px;
  3573. }
  3574. .aside-right .user-promote .tab2 .date {
  3575. float: left;
  3576. width: 140px;
  3577. position: relative;
  3578. }
  3579. .aside-right .user-promote .tab2 .date1 {
  3580. margin-right: 10px;
  3581. }
  3582. .aside-right .user-promote .tab2 .date2 {
  3583. margin-right: 20px;
  3584. }
  3585. .aside-right .user-promote .tab2 .date input {
  3586. position: relative;
  3587. z-index: 1;
  3588. background-color: transparent;
  3589. cursor: pointer;
  3590. }
  3591. .aside-right .user-promote .tab2 .date .icon-date {
  3592. color: #aaa;
  3593. position: absolute;
  3594. right: 10px;
  3595. top: 4px;
  3596. z-index: 0;
  3597. }
  3598. .aside-right .user-promote .tab2 .date:hover .icon-date {
  3599. color: #157df1;
  3600. }
  3601. .aside-right .user-promote .tab2 .d-top {
  3602. margin-bottom: 20px;
  3603. }
  3604. .aside-right .user-promote .tab2 .d-top .form-control {
  3605. height: 30px;
  3606. }
  3607. .aside-right .user-promote .tab2 .d-top .line {
  3608. margin-right: 10px;
  3609. color: #aaa;
  3610. }
  3611. .aside-right .user-promote .tab2 .d-top .query {
  3612. padding: 5px 8px;
  3613. border-color: #e5e5e5;
  3614. border-left: none;
  3615. background-color: #f5f6f7;
  3616. font-size: 12px;
  3617. color: #333;
  3618. height: 30px;
  3619. }
  3620. .aside-right .user-promote .tab2 .d-top .num {
  3621. line-height: 34px;
  3622. margin-left: 30px;
  3623. color: #333;
  3624. font-size: 13px;
  3625. }
  3626. .aside-right .user-promote .tab2 .d-top .num i {
  3627. color: #157df1;
  3628. }
  3629. .aside-right .user-promote .tab2 .d-top .account {
  3630. display: inline-block;
  3631. width: auto;
  3632. border-right-color: #f5f6f7;
  3633. }
  3634. .aside-right .user-promote .tab2 .d-top .account:focus {
  3635. border-right-color: #66afe9;
  3636. }
  3637. .aside-right .user-promote .tab-common .table {
  3638. border: 1px solid #e5e5e5;
  3639. table-layout: fixed;
  3640. }
  3641. .aside-right .user-promote .tab-common .table tr th {
  3642. border-top-color: #e5e5e5 !important;
  3643. height: 50px;
  3644. vertical-align: middle;
  3645. text-align: center;
  3646. background-color: #f5f6f7;
  3647. font-weight: normal;
  3648. font-size: 12px;
  3649. color: #666;
  3650. line-height: 1.2;
  3651. }
  3652. .aside-right .user-promote .tab-common .table tr td {
  3653. border-top-color: #e5e5e5 !important;
  3654. height: 50px;
  3655. vertical-align: middle;
  3656. text-align: center;
  3657. font-size: 12px;
  3658. line-height: 1.2;
  3659. color: #666;
  3660. }
  3661. .aside-right .user-promote .tab-common .table tr:hover {
  3662. background: #ebf7ff;
  3663. }
  3664. .aside-right .user-promote .tab-common .no {
  3665. text-align: center;
  3666. margin-top: 100px;
  3667. }
  3668. .aside-right .user-promote .tab3 table .to-edit {
  3669. font-size: 12px;
  3670. transform: scale(.9);
  3671. }
  3672. .aside-right .user-promote .tab3 table .icon-edit {
  3673. font-size: 24px;
  3674. cursor: pointer;
  3675. }
  3676. .aside-right .user-promote .tab3 table .icon-edit:hover {
  3677. color: #157df1;
  3678. }
  3679. /*/推广大使*/
  3680. /*----------/个人中心-----------*/
  3681. /*----------工具箱-----------*/
  3682. .toolkit-wrap {
  3683. background: url("../image/bg-2.jpg") no-repeat center;
  3684. height: 635px;
  3685. }
  3686. .toolkit li {
  3687. float: left;
  3688. width: 50%;
  3689. text-align: center;
  3690. padding-top: 130px;
  3691. position: relative;
  3692. }
  3693. .toolkit li .tit {
  3694. font-size: 30px;
  3695. color: #333;
  3696. margin-top: 35px;
  3697. }
  3698. .toolkit li p {
  3699. font-size: 18px;
  3700. color: #666;
  3701. margin-top: 20px;
  3702. height: 50px;
  3703. }
  3704. .toolkit li .ms-btn-primary {
  3705. width: 165px;
  3706. margin-top: 40px;
  3707. padding: 12px;
  3708. }
  3709. .toolkit li .line {
  3710. width: 2px;
  3711. height: 300px;
  3712. background-color: #d8d7d7;
  3713. position: absolute;
  3714. right: 0;
  3715. bottom: 35px;
  3716. border-radius: 2px;
  3717. }
  3718. /*faq*/
  3719. .faq {
  3720. margin-bottom: 20px;
  3721. }
  3722. .faq .tit {
  3723. font-size: 30px;
  3724. color: #157df1;
  3725. margin-top: 30px;
  3726. }
  3727. .faq .tit .icon-faq {
  3728. position: relative;
  3729. top: 7px;
  3730. margin-right: 8px;
  3731. }
  3732. .faq .row {
  3733. margin-left: -10px;
  3734. margin-right: -10px;
  3735. }
  3736. .faq .row .col-sm-6 {
  3737. padding: 0 10px;
  3738. }
  3739. .faq .con {
  3740. border: 1px solid #e5e5e5;
  3741. border-radius: 3px;
  3742. padding: 30px 40px;
  3743. margin-bottom: 20px;
  3744. }
  3745. .faq .con dl dt {
  3746. font-size: 25px;
  3747. color: #333;
  3748. margin-bottom: 10px;
  3749. }
  3750. .faq .con dl dt span {
  3751. width: 5px;
  3752. height: 24px;
  3753. background-color: #157df1;
  3754. display: inline-block;
  3755. position: relative;
  3756. top: 3px;
  3757. margin-right: 12px;
  3758. }
  3759. .faq .con dl dd {
  3760. padding-left: 18px;
  3761. }
  3762. .faq .con dl dd a {
  3763. font-size: 16px;
  3764. color: #333;
  3765. line-height: 34px;
  3766. }
  3767. .faq .con dl dd a:hover {
  3768. color: #157df1;
  3769. }
  3770. .toolkit-common-wrap {
  3771. background-color: #f2f2f5;
  3772. }
  3773. .toolkit-common .top {
  3774. padding: 40px 0;
  3775. border: 1px solid #e5e5e5;
  3776. border-radius: 3px;
  3777. background-color: #fff;
  3778. }
  3779. .toolkit-common .udid-top {
  3780. text-align: center;
  3781. padding-bottom: 0;
  3782. }
  3783. .toolkit-common .udid-top img {
  3784. width: 155px;
  3785. border: 1px solid #e5e5e5;
  3786. padding: 5px;
  3787. }
  3788. .toolkit-common .top .tit {
  3789. font-size: 36px;
  3790. color: #333;
  3791. text-align: center;
  3792. }
  3793. .toolkit-common .udid-top .p-top {
  3794. color: #333;
  3795. line-height: 24px;
  3796. margin-top: 10px;
  3797. margin-bottom: 20px;
  3798. }
  3799. .toolkit-common .udid-top p span {
  3800. color: #157df1;
  3801. }
  3802. .toolkit-common .udid-top .p-bottom {
  3803. color: #333;
  3804. line-height: 24px;
  3805. padding: 25px 35px;
  3806. border-top: 1px solid #e5e5e5;
  3807. margin-top: 40px;
  3808. text-align: left;
  3809. }
  3810. .toolkit-common .ipa-top .form-group {
  3811. width: 65%;
  3812. margin: 0 auto;
  3813. }
  3814. .toolkit-common .ipa-top {
  3815. text-align: center;
  3816. }
  3817. .toolkit-common .ipa-top .form-control {
  3818. margin-top: 40px;
  3819. margin-bottom: 10px;
  3820. }
  3821. .toolkit-common .ipa-top .ipa-p {
  3822. text-align: left;
  3823. font-size: 12px;
  3824. color: #666;
  3825. }
  3826. .toolkit-common .ipa-top .ms-btn-primary {
  3827. margin-top: 25px;
  3828. width: 160px;
  3829. padding: 9px 12px;
  3830. }
  3831. .toolkit-common .ipa-top .error {
  3832. text-align: left;
  3833. font-size: 12px;
  3834. color: #fd641d;
  3835. margin-bottom: 5px;
  3836. display: none;
  3837. }
  3838. .toolkit-common .ipa-top .form-error .error {
  3839. display: block;
  3840. }
  3841. .toolkit-common .ipa-top table {
  3842. width: 600px;
  3843. margin: 40px auto 0;
  3844. }
  3845. .toolkit-common .ipa-top table th {
  3846. border-color: #e5e5e5 !important;
  3847. text-align: center;
  3848. vertical-align: middle;
  3849. width: 150px;
  3850. }
  3851. .toolkit-common .ipa-top table td {
  3852. border-color: #e5e5e5 !important;
  3853. text-align: left;
  3854. padding: 20px;
  3855. }
  3856. .toolkit-common .ipa-top table td a {
  3857. color: #157df1;
  3858. }
  3859. .toolkit-common .ipa-top table td a:hover {
  3860. text-decoration: underline;
  3861. }
  3862. .toolkit-common .ipa-top table td .icon-big-iphone {
  3863. margin-right: 20px;
  3864. }
  3865. .toolkit-common .ipa-top table td img {
  3866. width: 80px;
  3867. height: 80px;
  3868. border-radius: 15px;
  3869. border: 1px solid #e5e5e5;
  3870. }
  3871. /*----------toolkit-new----------*/
  3872. /*plist*/
  3873. .toolkit-new {
  3874. background-color: #fff;
  3875. border: 1px solid #e5e5e5;
  3876. border-radius: 3px;
  3877. padding: 50px 0 40px;
  3878. }
  3879. .toolkit-new .con {
  3880. padding: 0 200px;
  3881. }
  3882. .toolkit-new .tit {
  3883. color: #333;
  3884. font-size: 36px;
  3885. text-align: center;
  3886. margin-bottom: 50px;
  3887. }
  3888. @media (min-width: 1200px) {
  3889. .toolkit-new .form-horizontal .col-sm-3 {
  3890. padding-left: 10px;
  3891. padding-right: 10px;
  3892. }
  3893. .toolkit-new .form-horizontal .col-sm-9 {
  3894. padding-left: 10px;
  3895. padding-right: 10px;
  3896. }
  3897. }
  3898. .toolkit-new .form-horizontal .form-group {
  3899. margin-bottom: 30px;
  3900. }
  3901. .toolkit-new .form-horizontal label {
  3902. color: #333;
  3903. }
  3904. .toolkit-new .error {
  3905. font-size: 12px;
  3906. color: #fd641d;
  3907. display: none;
  3908. }
  3909. .toolkit-new .form-error .error {
  3910. display: block;
  3911. }
  3912. .toolkit-new .p1 {
  3913. color: #333;
  3914. padding: 20px 0 0 30px;
  3915. border-top: 1px solid #e5e5e5;
  3916. margin-top: 40px;
  3917. }
  3918. .toolkit-new .p1 a {
  3919. color: #157df1;
  3920. }
  3921. /*/plist*/
  3922. /*制作图标*/
  3923. .toolkit-make-icon .make-icon .sp-preview {
  3924. width: 210px;
  3925. }
  3926. .toolkit-make-icon {
  3927. background-color: #fff;
  3928. border: 1px solid #e5e5e5;
  3929. border-radius: 3px;
  3930. padding: 30px;
  3931. margin-bottom: 40px;
  3932. }
  3933. .toolkit-make-icon .m-left .m-tit {
  3934. text-align: center;
  3935. }
  3936. .toolkit-make-icon .m-right {
  3937. padding: 30px 40px;
  3938. border: 1px solid #e5e5e5;
  3939. border-radius: 3px;
  3940. }
  3941. .toolkit-make-icon .make-icon .m-tit {
  3942. color: #333;
  3943. margin-bottom: 7px;
  3944. }
  3945. .toolkit-make-icon .make-icon .m-left .m-tit {
  3946. margin-bottom: 20px;
  3947. margin-top: 20px;
  3948. }
  3949. .toolkit-make-icon .make-icon .m-icon {
  3950. background-position: center;
  3951. width: 180px;
  3952. height: 180px;
  3953. background-size: cover;
  3954. display: flex;
  3955. justify-content: center;
  3956. align-items: center;
  3957. margin: 0 auto;
  3958. background-color: #157df1;
  3959. }
  3960. .toolkit-make-icon .make-icon .m-icon .m-icon-con {
  3961. text-align: center;
  3962. }
  3963. .toolkit-make-icon .make-icon .m-icon.radius {
  3964. border-radius: 15px;
  3965. }
  3966. .toolkit-make-icon .make-icon .m-icon img {
  3967. max-width: 110px;
  3968. height: auto;
  3969. }
  3970. .toolkit-make-icon .make-icon .m-icon .m-name {
  3971. color: #fff;
  3972. max-width: 150px;
  3973. text-align: center;
  3974. }
  3975. .toolkit-make-icon .make-icon .m-icon .i-name1 {
  3976. color: #fff;
  3977. text-align: center;
  3978. font-size: 24px;
  3979. margin-bottom: 5px;
  3980. display: none;
  3981. }
  3982. .toolkit-make-icon .make-icon .m-icon .i-name2 {
  3983. color: #fff;
  3984. text-align: center;
  3985. font-size: 24px;
  3986. margin-top: 5px;
  3987. display: none;
  3988. }
  3989. .toolkit-make-icon .make-icon .icon-bg {
  3990. border: 1px solid #e5e5e5;
  3991. padding: 30px 25px;
  3992. border-radius: 3px;
  3993. margin-bottom: 50px;
  3994. }
  3995. .toolkit-make-icon .make-icon .icon-bg dl dt {
  3996. color: #333;
  3997. margin-right: 20px;
  3998. }
  3999. .toolkit-make-icon .make-icon .m-icon-bg1 {
  4000. margin-bottom: 20px;
  4001. }
  4002. .toolkit-make-icon .make-icon .m-icon-bg1 dt {
  4003. line-height: 30px;
  4004. }
  4005. .toolkit-make-icon .make-icon .m-icon-bg1 dd {
  4006. width: 40%;
  4007. }
  4008. .toolkit-make-icon .make-icon .m-icon-bg2 dt {
  4009. line-height: 40px;
  4010. }
  4011. .toolkit-make-icon .make-icon .m-icon-bg2 .small-bg-list li {
  4012. width: 40px;
  4013. height: 40px;
  4014. padding: 10px;
  4015. border: 1px solid #e5e5e5;
  4016. float: left;
  4017. cursor: pointer;
  4018. position: relative;
  4019. }
  4020. .toolkit-make-icon .make-icon .m-icon-bg2 .small-bg-list li+li {
  4021. border-left-color: transparent;
  4022. }
  4023. .toolkit-make-icon .make-icon .m-icon-bg2 .small-bg-list li:first-of-type {
  4024. border-radius: 3px 0 0 3px;
  4025. }
  4026. .toolkit-make-icon .make-icon .m-icon-bg2 .small-bg-list li:last-of-type {
  4027. border-radius: 0 3px 3px 0;
  4028. }
  4029. .toolkit-make-icon .make-icon .m-icon-bg2 .small-bg-list li .small-bg {
  4030. width: 100%;
  4031. height: 100%;
  4032. border-radius: 2px;
  4033. background-color: #157df1;
  4034. }
  4035. .toolkit-make-icon .make-icon .m-icon-bg2 .small-bg-list li .icon-checkbox-small {
  4036. display: none;
  4037. position: absolute;
  4038. right: 0;
  4039. bottom: 0;
  4040. }
  4041. .toolkit-make-icon .make-icon .m-icon-bg2 .small-bg-list li.active {
  4042. border-color: #157df1;
  4043. }
  4044. .toolkit-make-icon .make-icon .m-icon-bg2 .small-bg-list li.active .icon-checkbox-small {
  4045. display: block;
  4046. }
  4047. .toolkit-make-icon .make-icon .foreground-map .tab li {
  4048. float: left;
  4049. padding: 0 30px;
  4050. line-height: 36px;
  4051. border: 1px solid #e5e5e5;
  4052. color: #333;
  4053. background-color: #fbfbfb;
  4054. cursor: pointer;
  4055. }
  4056. .toolkit-make-icon .make-icon .foreground-map .tab li+li {
  4057. border-left-color: transparent;
  4058. }
  4059. .toolkit-make-icon .make-icon .foreground-map .tab li.active {
  4060. background-color: #fff;
  4061. border-bottom-color: transparent;
  4062. }
  4063. .toolkit-make-icon .make-icon .foreground-map .tab li:first-of-type {
  4064. border-radius: 3px 0 0 0;
  4065. }
  4066. .toolkit-make-icon .make-icon .foreground-map .tab li:last-of-type {
  4067. border-radius: 0 3px 0 0;
  4068. }
  4069. .toolkit-make-icon .make-icon .foreground-map .tab-con {
  4070. border: 1px solid #e5e5e5;
  4071. margin-top: -1px;
  4072. width: 580px;
  4073. border-radius: 0 3px 3px 3px;
  4074. margin-bottom: 40px;
  4075. }
  4076. .toolkit-make-icon .make-icon .foreground-map .tab-con>div {
  4077. display: none;
  4078. }
  4079. .toolkit-make-icon .make-icon .foreground-map .tab1 {
  4080. padding: 30px 30px 30px 10px;
  4081. }
  4082. .toolkit-make-icon .make-icon .foreground-map .tab1 .icons-ul {
  4083. height: 204px;
  4084. overflow-y: auto;
  4085. }
  4086. .toolkit-make-icon .make-icon .foreground-map .tab1 .icons-ul li {
  4087. width: 50px;
  4088. height: 50px;
  4089. background: url("../image/m-bg.png") repeat-x;
  4090. position: relative;
  4091. margin-right: 1px;
  4092. margin-bottom: 1px;
  4093. float: left;
  4094. cursor: pointer;
  4095. }
  4096. .toolkit-make-icon .make-icon .foreground-map .tab1 .icons-ul li .icon-checkbox-small {
  4097. position: absolute;
  4098. right: 0;
  4099. bottom: 0;
  4100. display: none;
  4101. }
  4102. .toolkit-make-icon .make-icon .foreground-map .tab1 .icons-ul li.active {}
  4103. .toolkit-make-icon .make-icon .foreground-map .tab1 .icons-ul li.active .icon-checkbox-small {
  4104. display: block;
  4105. }
  4106. .toolkit-make-icon .make-icon .foreground-map .tab1 .icons-ul li .t-con {
  4107. border: 1px solid transparent;
  4108. padding: 10px;
  4109. }
  4110. .toolkit-make-icon .make-icon .foreground-map .tab1 .icons-ul li.active .t-con {
  4111. border-color: #157df1;
  4112. }
  4113. .toolkit-make-icon .make-icon .foreground-map .tab1 .form-group {
  4114. margin-bottom: 0;
  4115. margin-top: 20px;
  4116. }
  4117. .toolkit-make-icon .make-icon .foreground-map .tab1 .form-group:first-of-type {
  4118. margin-top: 0;
  4119. }
  4120. .toolkit-make-icon .make-icon .foreground-map .tab1 .form-group:last-of-type {
  4121. margin-bottom: 0;
  4122. margin-top: 30px;
  4123. }
  4124. .toolkit-make-icon .make-icon .foreground-map .tab1 .written-content {
  4125. display: none;
  4126. }
  4127. .toolkit-make-icon .make-icon .foreground-map .tab1 .text-color {
  4128. display: none;
  4129. }
  4130. .toolkit-make-icon .make-icon .foreground-map .tab2 {
  4131. padding: 30px 10px;
  4132. }
  4133. .toolkit-make-icon .make-icon .foreground-map .tab2 .edit-text {
  4134. margin-bottom: 30px;
  4135. }
  4136. .toolkit-make-icon .make-icon .error {
  4137. font-size: 12px;
  4138. color: #fd641d;
  4139. margin-top: 5px;
  4140. display: none;
  4141. }
  4142. .toolkit-make-icon .make-icon .form-error .error {
  4143. display: block;
  4144. }
  4145. .toolkit-make-icon .make-icon .control-label {
  4146. color: #333;
  4147. }
  4148. .toolkit-make-icon .make-icon .prospects {
  4149. padding-top: 7px;
  4150. color: #333;
  4151. }
  4152. .toolkit-make-icon .make-icon .prospects li {
  4153. float: left;
  4154. margin-right: 35px;
  4155. cursor: pointer;
  4156. }
  4157. .toolkit-make-icon .make-icon .prospects li .icon-radio {
  4158. margin-right: 8px;
  4159. }
  4160. .toolkit-make-icon .make-icon .m-icon-radio {
  4161. margin-bottom: 40px;
  4162. }
  4163. .toolkit-make-icon .make-icon .m-icon-radio li {
  4164. float: left;
  4165. width: 140px;
  4166. height: 40px;
  4167. line-height: 40px;
  4168. border: 1px solid #e5e5e5;
  4169. border-radius: 3px;
  4170. text-align: center;
  4171. margin-right: 20px;
  4172. cursor: pointer;
  4173. position: relative;
  4174. }
  4175. .toolkit-make-icon .make-icon .m-icon-radio li .icon-checkbox-small {
  4176. position: absolute;
  4177. right: 0;
  4178. bottom: 0;
  4179. display: none;
  4180. }
  4181. .toolkit-make-icon .make-icon .m-icon-radio li.active {
  4182. border-color: #157df1;
  4183. }
  4184. .toolkit-make-icon .make-icon .m-icon-radio li.active .icon-checkbox-small {
  4185. display: block;
  4186. }
  4187. .toolkit-make-icon .make-icon .img-size dt {
  4188. float: left;
  4189. margin-right: 40px;
  4190. cursor: pointer;
  4191. }
  4192. .toolkit-make-icon .make-icon .img-size dt .iconfont {
  4193. margin-right: 7px;
  4194. position: relative;
  4195. top: 1px;
  4196. }
  4197. .toolkit-make-icon .make-icon .img-size dd {
  4198. float: left;
  4199. margin-right: 40px;
  4200. cursor: pointer;
  4201. }
  4202. .toolkit-make-icon .make-icon .img-size dd .iconfont {
  4203. margin-right: 7px;
  4204. }
  4205. .toolkit-make-icon .make-icon .img-size-tit {
  4206. margin-bottom: 2px;
  4207. }
  4208. .toolkit-make-icon .make-icon .img-size dt .icon-checkbox-checked1 {
  4209. color: #157df1;
  4210. }
  4211. .toolkit-make-icon .make-icon .img-size dd .icon-checkbox-checked1 {
  4212. color: #157df1;
  4213. }
  4214. @media (min-width: 1200px) {
  4215. .toolkit-make-icon .make-icon .foreground-map .tab-con .form-group {
  4216. margin-left: -10px;
  4217. margin-right: -10px;
  4218. }
  4219. .toolkit-make-icon .make-icon .foreground-map .tab-con .col-sm-2 {
  4220. width: 20%;
  4221. padding-left: 10px;
  4222. padding-right: 10px;
  4223. }
  4224. .toolkit-make-icon .make-icon .foreground-map .tab-con .col-sm-10 {
  4225. width: 80%;
  4226. padding-left: 10px;
  4227. padding-right: 10px;
  4228. }
  4229. .toolkit-make-icon .make-icon .foreground-map .tab-con .col-sm-push-2 {
  4230. left: 20%;
  4231. }
  4232. }
  4233. .toolkit-make-icon .m-right .generated-icon {
  4234. padding: 9px 35px;
  4235. margin-top: 25px;
  4236. }
  4237. /*/制作图标*/
  4238. /*----------/toolkit-new----------*/
  4239. /*----------/工具箱-----------*/
  4240. /*----------企业签名-----------*/
  4241. .signature-banner {
  4242. background: url("../image/s-banner.jpg") no-repeat center;
  4243. height: 430px;
  4244. display: block;
  4245. padding: 110px 0 0 70px;
  4246. }
  4247. .signature-banner .con {
  4248. color: #fff;
  4249. }
  4250. .signature-banner .con .h1 {
  4251. font-size: 32px;
  4252. font-weight: 600;
  4253. margin-bottom: 15px;
  4254. }
  4255. .signature-banner .con p {
  4256. font-size: 18px;
  4257. line-height: 28px;
  4258. margin-bottom: 20px;
  4259. }
  4260. .signature-banner .con .ms-btn-primary {
  4261. width: 110px;
  4262. background-color: transparent;
  4263. border-color: #fff;
  4264. font-size: 16px;
  4265. }
  4266. /*.corporate-signature-wrap{background-color: #f5f9fe;}*/
  4267. .corporate-signature {
  4268. padding: 70px 0;
  4269. }
  4270. .corporate-signature .h1 {
  4271. color: #157df1;
  4272. margin-bottom: 50px;
  4273. text-align: center;
  4274. }
  4275. /*.corporate-signature .ms-thumbnail .ms-caption .tit{font-weight: 600;}*/
  4276. .corporate-signature .ms-thumbnail img {
  4277. margin-bottom: 15px;
  4278. }
  4279. .signature-tool {
  4280. padding: 70px 0;
  4281. }
  4282. .signature-tool .h1 {
  4283. color: #157df1;
  4284. text-align: center;
  4285. margin-bottom: 60px;
  4286. }
  4287. .signature-tool img {
  4288. margin: 0 auto;
  4289. }
  4290. .signature-process-wrap {
  4291. background: url("../image/bg-4.jpg") no-repeat center;
  4292. height: 440px;
  4293. }
  4294. .signature-process {
  4295. padding-top: 75px;
  4296. }
  4297. .signature-process .h1 {
  4298. color: #fff;
  4299. margin-bottom: 80px;
  4300. text-align: center;
  4301. }
  4302. .signature-process img {
  4303. margin: 0 auto;
  4304. }
  4305. .signature-process ul {
  4306. padding: 0 50px;
  4307. }
  4308. .signature-process ul li {
  4309. float: left;
  4310. }
  4311. .signature-process ul li img {
  4312. margin: 0 auto 20px;
  4313. display: block;
  4314. }
  4315. .signature-process ul li p {
  4316. color: #fff;
  4317. }
  4318. .signature-process ul li:nth-child(even) {
  4319. background: url("../image/tt-13.png") no-repeat center;
  4320. height: 100px;
  4321. width: 50px;
  4322. }
  4323. .signature-process ul li:nth-child(odd) {
  4324. width: calc((100% - 200px) / 5);
  4325. text-align: center;
  4326. }
  4327. /*----------/企业签名-----------*/
  4328. /*----------封装页面-----------*/
  4329. .encapsulation-banner-wrap {
  4330. background: url("../image/banner-4.jpg?20190302") no-repeat center;
  4331. height: 430px;
  4332. position: relative;
  4333. display: block;
  4334. }
  4335. .encapsulation-banner {
  4336. padding: 100px 0 0 90px;
  4337. }
  4338. .encapsulation-banner .h1 {
  4339. color: #fff;
  4340. font-size: 32px;
  4341. margin-bottom: 15px;
  4342. }
  4343. .encapsulation-banner p {
  4344. color: #fff;
  4345. font-size: 18px;
  4346. margin-bottom: 10px;
  4347. }
  4348. .encapsulation-banner ul {
  4349. margin-bottom: 20px;
  4350. }
  4351. .encapsulation-banner ul li {
  4352. color: #fff;
  4353. float: left;
  4354. margin-right: 40px;
  4355. font-size: 16px;
  4356. }
  4357. .encapsulation-banner ul li .iconfont {
  4358. font-size: 20px;
  4359. position: relative;
  4360. top: 2px;
  4361. margin-right: 5px;
  4362. }
  4363. .encapsulation-banner .ms-btn {
  4364. border: 1px solid #fff;
  4365. color: #fff;
  4366. padding-left: 25px;
  4367. padding-right: 25px;
  4368. }
  4369. .encapsulation-introduce-wrap {
  4370. background-color: #f5f9fe;
  4371. padding: 20px 0 15px;
  4372. }
  4373. .encapsulation-introduce .ms-thumbnail .img-wrap {
  4374. width: 115px;
  4375. height: 100px;
  4376. margin: 0 auto;
  4377. margin-bottom: 15px;
  4378. display: flex;
  4379. align-items: flex-end;
  4380. justify-content: center;
  4381. }
  4382. .encapsulation-introduce .ms-thumbnail .img-wrap img {
  4383. margin-bottom: 0;
  4384. }
  4385. .encapsulation-introduce .ms-thumbnail .ms-caption .tit {
  4386. margin-bottom: 5px;
  4387. }
  4388. .encapsulation-introduce .ms-thumbnail .ms-caption p {
  4389. font-size: 12px;
  4390. line-height: 20px;
  4391. }
  4392. .function-of {
  4393. padding: 70px 0 80px;
  4394. text-align: center;
  4395. }
  4396. .function-of .tit {
  4397. font-size: 36px;
  4398. color: #157df1;
  4399. }
  4400. .function-of p {
  4401. font-size: 16px;
  4402. color: #666;
  4403. margin: 20px 0 75px;
  4404. }
  4405. .function-of ul li {
  4406. float: left;
  4407. width: 16.6666667%;
  4408. border-bottom: 1px solid #f5f7f9;
  4409. border-left: 1px solid #f5f7f9;
  4410. padding: 30px 0;
  4411. }
  4412. .function-of ul li .img-wrap {
  4413. position: relative;
  4414. width: 60px;
  4415. height: 55px;
  4416. margin: 0 auto 10px;
  4417. display: flex;
  4418. align-items: center;
  4419. justify-content: center;
  4420. }
  4421. .function-of ul li .img-wrap .hot {
  4422. background: url("../image/e-5.png");
  4423. width: 31px;
  4424. height: 19px;
  4425. position: absolute;
  4426. color: #fff;
  4427. font-size: 12px;
  4428. line-height: 19px;
  4429. right: -30px;
  4430. top: -7px;
  4431. }
  4432. .function-of ul li:nth-of-type(1) {
  4433. border-left-color: transparent;
  4434. }
  4435. .function-of ul li:nth-of-type(7) {
  4436. border-left-color: transparent;
  4437. }
  4438. .function-of ul li:nth-of-type(13) {
  4439. border-left-color: transparent;
  4440. }
  4441. .function-of ul li:nth-of-type(n+13) {
  4442. border-bottom-color: transparent;
  4443. }
  4444. .function-of .f-img img {
  4445. margin: 0 auto;
  4446. }
  4447. /*.function-of .watermark{position: absolute; left: 0; top: 0px;}*/
  4448. .encapsulation-complete-wrap {
  4449. background: url("../image/e-6.jpg") no-repeat center;
  4450. height: 440px;
  4451. }
  4452. .encapsulation-complete-6 {
  4453. padding-top: 80px;
  4454. }
  4455. .encapsulation-complete-6 .h1 {
  4456. color: #fff;
  4457. margin-bottom: 60px;
  4458. text-align: center;
  4459. }
  4460. .app-case-wrap {
  4461. background-color: #f5f9fe;
  4462. }
  4463. .app-case {
  4464. padding: 70px 80px 45px;
  4465. }
  4466. .app-case .tit {
  4467. font-size: 36px;
  4468. color: #157df1;
  4469. text-align: center;
  4470. margin-bottom: 70px;
  4471. }
  4472. .app-case .list .con {
  4473. position: relative;
  4474. margin-bottom: 25px;
  4475. }
  4476. .app-case .list .con img {
  4477. height: 418px;
  4478. }
  4479. .app-case .list .con .hover {
  4480. position: absolute;
  4481. left: -10px;
  4482. top: -10px;
  4483. width: calc(100% + 20px);
  4484. height: calc(100% + 40px);
  4485. background-color: #348dee;
  4486. color: #fff;
  4487. font-size: 24px;
  4488. padding-top: 160px;
  4489. text-align: center;
  4490. opacity: 0;
  4491. transition: all 600ms;
  4492. cursor: pointer;
  4493. z-index: 1;
  4494. }
  4495. .app-case .list .con:hover .hover {
  4496. opacity: 1;
  4497. }
  4498. .price-pay .wechat-pay {
  4499. padding: 100px 0;
  4500. }
  4501. .price-pay .wechat-pay .wechat-img {
  4502. padding: 10px;
  4503. width: 200px;
  4504. height: 200px;
  4505. border: 1px solid #e5e5e5;
  4506. }
  4507. .price-pay .wechat-pay .glyphicon-triangle-left {
  4508. font-size: 30px;
  4509. color: #333;
  4510. }
  4511. .price-pay .wechat-pay .left {
  4512. margin-top: 100px;
  4513. }
  4514. .price-pay .wechat-pay .center {
  4515. margin-top: 170px;
  4516. }
  4517. .user-loss {
  4518. padding: 80px 0;
  4519. }
  4520. .user-loss .h1 {
  4521. color: #157df1;
  4522. text-align: center;
  4523. margin-bottom: 60px;
  4524. }
  4525. .user-loss ul {
  4526. background: url("../image/en-1.png") no-repeat center;
  4527. position: relative;
  4528. height: 320px;
  4529. }
  4530. .user-loss ul li {
  4531. color: #333;
  4532. font-size: 18px;
  4533. padding: 0 20px;
  4534. border-radius: 30px;
  4535. height: 42px;
  4536. line-height: 42px;
  4537. box-shadow: 0 0 15px rgba(21, 125, 241, .2);
  4538. position: absolute;
  4539. }
  4540. .user-loss ul li.con1 {
  4541. left: 130px;
  4542. top: 50px;
  4543. }
  4544. .user-loss ul li.con2 {
  4545. right: 0;
  4546. }
  4547. .user-loss ul li.con3 {
  4548. left: 0;
  4549. bottom: 40px;
  4550. }
  4551. .user-loss ul li.con4 {
  4552. right: 100px;
  4553. bottom: 100px;
  4554. }
  4555. .problem-solving-wrap {
  4556. background: #f7f8fc url("../image/en-6.png?12>") no-repeat center bottom;
  4557. }
  4558. .problem-solving {
  4559. padding: 80px 20px;
  4560. height: 795px;
  4561. }
  4562. .problem-solving .h1 {
  4563. color: #157df1;
  4564. text-align: center;
  4565. margin-bottom: 80px;
  4566. }
  4567. @media (min-width: 1200px) {
  4568. .problem-solving .row {
  4569. margin: 0 -45px;
  4570. }
  4571. .problem-solving .row .col-sm-3 {
  4572. padding: 0 45px;
  4573. }
  4574. .problem-solving .row .col-sm-3:nth-child(1) {
  4575. margin-top: 30px;
  4576. }
  4577. .problem-solving .row .col-sm-3:nth-child(2) {
  4578. margin-top: 180px;
  4579. }
  4580. .problem-solving .row .col-sm-3:last-of-type {
  4581. margin-top: 228px;
  4582. }
  4583. }
  4584. .problem-solving .ms-thumbnail {
  4585. background-color: #fff;
  4586. padding: 30px 0;
  4587. position: relative;
  4588. border-radius: 10px;
  4589. }
  4590. .problem-solving .ms-thumbnail .ms-caption p {
  4591. height: 100px;
  4592. }
  4593. .problem-solving .ms-thumbnail .location {
  4594. position: absolute;
  4595. left: 50%;
  4596. bottom: -33px;
  4597. transform: translateX(-50%);
  4598. }
  4599. .encapsulation-complete-6 ul {
  4600. padding: 0 50px;
  4601. }
  4602. .encapsulation-complete-6 ul li {
  4603. float: left;
  4604. }
  4605. .encapsulation-complete-6 ul li img {
  4606. margin: 0 auto 20px;
  4607. display: block;
  4608. }
  4609. .encapsulation-complete-6 ul li p {
  4610. color: #fff;
  4611. }
  4612. .encapsulation-complete-6 ul li:nth-child(even) {
  4613. background: url("../image/tt-13.png") no-repeat center;
  4614. height: 100px;
  4615. width: 50px;
  4616. }
  4617. .encapsulation-complete-6 ul li:nth-child(odd) {
  4618. width: calc((100% - 200px) / 5);
  4619. text-align: center;
  4620. }
  4621. /*----------/封装页面-----------*/
  4622. /*----------404 500-----------*/
  4623. .web404 {
  4624. padding: 150px 0 0;
  4625. min-height: 790px;
  4626. }
  4627. .web404 .img {
  4628. position: relative;
  4629. padding-left: 45px;
  4630. }
  4631. .web404 .error {
  4632. position: absolute;
  4633. right: -70px;
  4634. top: 50px;
  4635. }
  4636. .web404 .error .text {
  4637. font-size: 24px;
  4638. color: #333;
  4639. }
  4640. .web404 .error p {
  4641. margin-top: 10px;
  4642. }
  4643. .web404 .error .ms-btn-primary {
  4644. margin-top: 30px;
  4645. font-size: 18px;
  4646. width: 160px;
  4647. }
  4648. .web500 {
  4649. position: absolute;
  4650. left: 50%;
  4651. top: 45%;
  4652. transform: translate(-50%, -50%);
  4653. }
  4654. .web500 .error {
  4655. position: absolute;
  4656. bottom: -50px;
  4657. left: 65%;
  4658. }
  4659. .web500 .error .text {
  4660. font-size: 24px;
  4661. color: #333;
  4662. }
  4663. .web500 .error p {
  4664. margin-top: 10px;
  4665. }
  4666. .web500 .error .ms-btn-primary {
  4667. margin-top: 30px;
  4668. font-size: 18px;
  4669. width: 160px;
  4670. }
  4671. /*----------/404 500-----------*/
  4672. /*----------关于我们-----------*/
  4673. .about-banner-wrap {
  4674. background: no-repeat center;
  4675. height: 200px;
  4676. }
  4677. .about-banner {
  4678. height: 200px;
  4679. padding-top: 50px;
  4680. text-align: center;
  4681. color: #fff;
  4682. }
  4683. .about-tab-wrap {
  4684. background-color: rgba(0, 0, 0, .1);
  4685. margin-top: -44px;
  4686. }
  4687. .about-tab-wrap .about-tab>a {
  4688. float: left;
  4689. color: #fff;
  4690. width: 20%;
  4691. height: 44px;
  4692. line-height: 44px;
  4693. font-size: 16px;
  4694. text-align: center;
  4695. cursor: pointer;
  4696. display: block;
  4697. }
  4698. .about-tab-wrap .about-tab .router-link-active {
  4699. background-color: #157df1;
  4700. }
  4701. .about-tab-wrap .about-tab a .iconfont {
  4702. font-size: 18px;
  4703. margin-right: 5px;
  4704. position: relative;
  4705. top: 1px;
  4706. }
  4707. .about-tab-wrap .about-tab a:hover {
  4708. background-color: #157df1;
  4709. }
  4710. /*.about-us>div{display: none;}*/
  4711. .about-us .common {
  4712. padding: 70px 0;
  4713. }
  4714. .about-us .common h1 {
  4715. text-align: center;
  4716. color: #333;
  4717. margin-bottom: 50px;
  4718. }
  4719. .about-us .common .p2 {
  4720. font-size: 16px;
  4721. color: #333;
  4722. text-align: center;
  4723. line-height: 30px;
  4724. margin-bottom: 50px;
  4725. }
  4726. .about-us .contact-us {
  4727. padding-top: 0;
  4728. }
  4729. .about-us .contact-us .contact-con {
  4730. padding: 0 50px;
  4731. }
  4732. .about-us .contact-us .contact-con .ms-thumbnail {
  4733. border: 1px solid #e5e5e5;
  4734. padding: 50px 0;
  4735. }
  4736. .about-us .contact-us .contact-con .ms-thumbnail .ms-caption .tit {
  4737. font-size: 24px;
  4738. }
  4739. .about-us .contact-us .contact-con .ms-thumbnail .ms-caption p {
  4740. color: #666;
  4741. margin-bottom: 20px;
  4742. }
  4743. .about-us .contact-us .contact-con .ms-thumbnail .ms-caption .p1 .iconfont {
  4744. color: #adb6bc;
  4745. font-size: 20px;
  4746. margin-right: 10px;
  4747. position: relative;
  4748. top: 2px;
  4749. }
  4750. .about-us .contact-us .contact-con .ms-thumbnail .ms-caption .p1 .feedback1 {
  4751. font-size: 12px;
  4752. padding: 3px 8px;
  4753. margin-left: 25px;
  4754. }
  4755. .about-us .service_content {
  4756. font-size: 16px;
  4757. color: #525252;
  4758. padding: 70px;
  4759. }
  4760. .about-us .service_content p {
  4761. color: #333;
  4762. font-size: 16px;
  4763. line-height: 28px;
  4764. }
  4765. .about-us .service_content .font18 {
  4766. color: #333;
  4767. margin-top: 5px;
  4768. margin-bottom: 5px;
  4769. }
  4770. .about-us .service_content h3 {
  4771. font-size: 24px;
  4772. color: #333333;
  4773. line-height: 33px;
  4774. margin-top: 20px;
  4775. margin-bottom: 10px;
  4776. }
  4777. .about-us .service_content li {
  4778. line-height: 30px;
  4779. list-style: none;
  4780. color: #333;
  4781. }
  4782. .about-us .service_content a,
  4783. a:hover {
  4784. color: #157df1;
  4785. text-decoration: none;
  4786. }
  4787. .about-us p.item-title {
  4788. margin: 0 0 10px 0;
  4789. font-size: 24px;
  4790. color: #333;
  4791. line-height: 50px;
  4792. }
  4793. /*----------/关于我们-----------*/
  4794. /*应用上传 重置*/
  4795. /*----------应用上传 重置----------*/
  4796. .qq-upload-list-selector {
  4797. text-align: center;
  4798. padding-top: 0 !important;
  4799. }
  4800. .qq-progress-bar-container-selector {
  4801. height: 12px !important;
  4802. border-radius: 6px;
  4803. }
  4804. .qq-progress-bar-container-selector .qq-progress-bar-selector {
  4805. height: 12px !important;
  4806. border-radius: 6px;
  4807. }
  4808. .qq-progress-bar-container-selector .qq-progress-bar-selector {
  4809. height: 12px !important;
  4810. }
  4811. .release-app .progress-bar.active,
  4812. .release-app .progress.active .progress-bar {
  4813. /*
  4814. -webkit-animation: none !important;
  4815. -o-animation: none !important;
  4816. animation: none !important;
  4817. */
  4818. }
  4819. .release-app .progress-striped .progress-bar-warning {
  4820. /*background-image: none !important;*/
  4821. }
  4822. .release-app .progress-bar-warning {
  4823. background-color: #36b8f3 !important;
  4824. }
  4825. .big-bag .progress-bar-warning {
  4826. background-color: #ffa634 !important;
  4827. }
  4828. .release-app2 .qq-upload-list li {
  4829. padding: 9px 55px;
  4830. }
  4831. .tag-box {
  4832. padding: 50px 20px 60px !important;
  4833. height: 450px !important;
  4834. }
  4835. .release-app .progress {
  4836. margin-top: 20px !important;
  4837. }
  4838. .qq-upload-list-selector {
  4839. margin-top: 20px !important;
  4840. }
  4841. .qq-uploader-selector {
  4842. height: auto;
  4843. text-align: center;
  4844. }
  4845. .qq-upload-button-selector {
  4846. margin-top: 130px !important;
  4847. }
  4848. .tag-box-v5 {
  4849. margin-bottom: 0 !important;
  4850. }
  4851. /*----------/应用上传 重置----------*/
  4852. /*----------企业签名----------*/
  4853. .signature1>.con {
  4854. position: relative;
  4855. }
  4856. .signature1>.con>.row {
  4857. margin: 0 0 20px;
  4858. overflow: hidden;
  4859. height: 100%;
  4860. }
  4861. @media (min-width: 1200px) {
  4862. .signature1>.con>.row>.col-sm-2 {
  4863. padding: 0 0 9999px;
  4864. margin-bottom: -9999px;
  4865. }
  4866. }
  4867. .signature1>.con>.row>.col-sm-2 {
  4868. background-color: #fff;
  4869. box-shadow: 0 0 5px rgba(0, 0, 0, .05);
  4870. }
  4871. .signature1>.con>.row>.col-sm-10 {
  4872. padding: 0 0 0 10px;
  4873. }
  4874. .signature1 .left {
  4875. padding-top: 15px;
  4876. }
  4877. .signature1 .left ul li {
  4878. margin-bottom: 10px;
  4879. }
  4880. .signature1 .left ul li a {
  4881. padding-left: 25px;
  4882. display: block;
  4883. height: 50px;
  4884. line-height: 50px;
  4885. border-left: 4px solid transparent;
  4886. color: #333;
  4887. }
  4888. .signature1 .left ul li a .iconfont {
  4889. margin-right: 10px;
  4890. color: #333;
  4891. font-size: 18px;
  4892. }
  4893. .signature1 .left ul li.active a {
  4894. background-color: #e7f2fe;
  4895. border-color: #157df1;
  4896. color: #157df1;
  4897. }
  4898. .signature1 .left ul li.active a .iconfont {
  4899. color: #157df1;
  4900. }
  4901. .signature1 .left ul li.active a .icon-upload1 {
  4902. font-size: 18px;
  4903. }
  4904. .signature1 .left ul li:hover a {
  4905. background-color: #e7f2fe;
  4906. border-color: #157df1;
  4907. color: #157df1;
  4908. }
  4909. .signature1 .left ul li:hover a .iconfont {
  4910. color: #157df1;
  4911. }
  4912. .signature1 .left ul li .icon-xiangzi {
  4913. position: relative;
  4914. top: 1px;
  4915. }
  4916. .signature1 .left ul li .icon-caidan {
  4917. position: relative;
  4918. top: 1px;
  4919. }
  4920. .signature1 .right {
  4921. position: relative;
  4922. }
  4923. .signature1 .right .step {
  4924. overflow: hidden;
  4925. margin-bottom: 10px;
  4926. }
  4927. .signature1 .right .step li {
  4928. float: left;
  4929. background-color: #fff;
  4930. width: 19.5%;
  4931. height: 44px;
  4932. line-height: 44px;
  4933. text-align: center;
  4934. color: #666;
  4935. position: relative;
  4936. border: none;
  4937. }
  4938. .signature1 .right .step li span {
  4939. display: inline-block;
  4940. width: 18px;
  4941. height: 18px;
  4942. border-radius: 50%;
  4943. border: 1px solid #e5e5e5;
  4944. line-height: 16px;
  4945. text-align: center;
  4946. font-size: 12px;
  4947. margin-right: 10px;
  4948. }
  4949. .signature1 .right .step li.active {
  4950. color: #157df1;
  4951. }
  4952. .signature1 .right .step li.active span {
  4953. color: #157df1;
  4954. border-color: #157df1;
  4955. }
  4956. .signature1 .right .step li:after,
  4957. .signature1 .right .step li:before {
  4958. left: 100%;
  4959. top: 50%;
  4960. border: solid transparent;
  4961. content: " ";
  4962. height: 0;
  4963. width: 0;
  4964. position: absolute;
  4965. pointer-events: none;
  4966. z-index: 1;
  4967. }
  4968. .signature1 .right .step li:before {
  4969. border-color: rgba(255, 0, 0, 0);
  4970. border-left-color: #f2f2f5;
  4971. border-width: 30px;
  4972. margin-top: -30px;
  4973. }
  4974. .signature1 .right .step li:after {
  4975. border-color: rgba(255, 255, 255, 0);
  4976. border-left-color: #fff;
  4977. border-width: 25px;
  4978. margin-top: -25px;
  4979. z-index: 1;
  4980. }
  4981. .signature1 .right .step-common {
  4982. box-shadow: 0 0 5px rgba(0, 0, 0, .05);
  4983. background-color: #fff;
  4984. border-radius: 3px;
  4985. /*margin-top: 10px;*/
  4986. color: #333;
  4987. padding-bottom: 30px;
  4988. /*min-height: 446px;*/
  4989. }
  4990. .signature1 .right .step-common .tit {
  4991. line-height: 60px;
  4992. border-bottom: 1px solid #e5e5e5;
  4993. height: 60px;
  4994. padding: 0 0 0 30px;
  4995. margin-bottom: 20px;
  4996. }
  4997. .signature1 .right .step-common ul {
  4998. padding: 0 30px 30px 30px;
  4999. }
  5000. .signature1 .warn-prompt-wrap {
  5001. padding-bottom: 20px;
  5002. margin-top: -20px;
  5003. }
  5004. .signature1 .warn-prompt-wrap .warn-prompt {
  5005. width: calc(100% - 16.66666667% - 10px);
  5006. }
  5007. .signature1 .warn-prompt-wrap .warn-prompt-1 {
  5008. width: calc(100% - 16.66666667% - 10px);
  5009. margin-bottom: 0;
  5010. }
  5011. .release-app2 .warn-prompt-wrap {
  5012. padding-bottom: 20px;
  5013. margin-top: -20px;
  5014. }
  5015. .release-app2 .warn-prompt-wrapp {
  5016. padding-bottom: -20px;
  5017. margin-top: 10px;
  5018. }
  5019. .release-app2 .warn-prompt-wrap .warn-prompt {
  5020. width: calc(100% - 16.66666667% - 10px);
  5021. }
  5022. .release-app2 .warn-prompt-wrap .warn-prompt-1 {
  5023. width: calc(100% - 16.66666667% - 10px);
  5024. margin-bottom: 0;
  5025. }
  5026. /*对公转账*/
  5027. .contrary-transfer {
  5028. color: #666;
  5029. padding: 0 25px;
  5030. display: none;
  5031. }
  5032. .contrary-transfer .warn-prompt {
  5033. margin-top: 0;
  5034. margin-bottom: 15px;
  5035. }
  5036. .contrary-transfer dl dt {
  5037. width: 60px;
  5038. text-align: right;
  5039. margin-right: 45px;
  5040. padding-top: 7px;
  5041. }
  5042. .contrary-transfer dl dd {
  5043. height: 34px;
  5044. line-height: 34px;
  5045. }
  5046. .contrary-transfer .dl-input dd {
  5047. height: auto;
  5048. line-height: normal;
  5049. }
  5050. .contrary-transfer .dl-input {
  5051. margin-top: 10px;
  5052. }
  5053. .contrary-transfer .dl-input .form-error+.error {
  5054. display: block;
  5055. }
  5056. .contrary-transfer .dl-input .error {
  5057. color: #ff4222;
  5058. display: none;
  5059. }
  5060. .signature1 .right .step1 .upload-file {
  5061. padding: 0;
  5062. height: 436px;
  5063. margin-top: 10px;
  5064. text-align: center;
  5065. box-shadow: 0 0 5px rgba(0, 0, 0, .05);
  5066. }
  5067. .signature1 .right .step1 .qq-upload-button-selector {
  5068. margin-top: 100px !important;
  5069. }
  5070. .signature1 .right .step1 .qq-upload-list-selector li {
  5071. padding-left: 20px;
  5072. padding-right: 20px;
  5073. }
  5074. .signature1 .right .step2 .form-group {
  5075. margin-bottom: 30px;
  5076. }
  5077. .signature1 .right .step2 .form-group .col-sm-6 {
  5078. position: relative;
  5079. }
  5080. .signature1 .right .step2 .form-group .error-prompt {
  5081. position: absolute;
  5082. left: 15px;
  5083. top: calc(100% + 3px);
  5084. color: #f00;
  5085. display: none;
  5086. }
  5087. .signature1 .right .step2 .form-group.form-error .error-prompt {
  5088. display: block;
  5089. }
  5090. .signature1 .right .step2 ul {
  5091. padding: 7px 15px 0;
  5092. }
  5093. .signature1 .right .step2 .form-group .col-sm-2 {
  5094. width: 14%;
  5095. }
  5096. .signature1 .right .step2 .app-name img {
  5097. border: 1px solid #e5e5e5;
  5098. border-radius: 15px;
  5099. width: 60px;
  5100. height: 60px;
  5101. }
  5102. .signature1 .right .step2 .app-name .col-sm-2:nth-of-type(1) {
  5103. line-height: 60px;
  5104. padding-top: 0;
  5105. }
  5106. .signature1 .right .step2 .app-name .col-sm-2:nth-of-type(2) {
  5107. width: auto;
  5108. padding-right: 0;
  5109. }
  5110. .signature1 .right .step2 .app-name .col-sm-4 {
  5111. line-height: 60px;
  5112. }
  5113. .signature1 .right .step3 .text {
  5114. padding-left: 30px;
  5115. margin-bottom: 20px;
  5116. }
  5117. .signature1 .right .step3 .text img {
  5118. width: 30px;
  5119. height: 30px;
  5120. border: 1px solid #e5e5e5;
  5121. border-radius: 6px;
  5122. }
  5123. .signature1 .right .step3 .text p {
  5124. line-height: 30px;
  5125. margin-left: 15px;
  5126. }
  5127. .signature1 .right .step3 .pay-money {
  5128. padding-bottom: 0;
  5129. padding-left: 30px;
  5130. }
  5131. .signature1 .right .step3 .pay-money .ms-btn {
  5132. width: auto;
  5133. padding: 6px 12px;
  5134. }
  5135. .signature1 .right .step3 .pay-money .ms-btn.color-hover {
  5136. padding-left: 0;
  5137. }
  5138. .signature1 .right .step3 .pay-money .ms-btn-primary {
  5139. width: 160px;
  5140. padding: 9px 0;
  5141. }
  5142. .signature1 .right .step3 .choose-package li {
  5143. height: 40px;
  5144. line-height: 40px;
  5145. text-align: center;
  5146. width: 100px;
  5147. border: 1px solid #e5e5e5;
  5148. position: relative;
  5149. border-radius: 3px;
  5150. margin-right: 30px;
  5151. float: left;
  5152. cursor: pointer;
  5153. }
  5154. .signature1 .right .step3 .choose-package li .icon-checkbox {
  5155. position: absolute;
  5156. right: 0;
  5157. bottom: 0;
  5158. border-bottom-right-radius: 3px;
  5159. display: none;
  5160. }
  5161. .signature1 .right .step3 .choose-package li.active {
  5162. border-color: #157df1;
  5163. }
  5164. .signature1 .right .step3 .choose-package li.active .icon-checkbox {
  5165. display: block;
  5166. }
  5167. .signature1 .right .step3 .tooltip .tooltip-inner {
  5168. max-width: 300px;
  5169. }
  5170. .signature1 .right .step4 {
  5171. padding-bottom: 0;
  5172. }
  5173. .signature1 .right .step4 .top {
  5174. padding: 30px;
  5175. border-bottom: 1px solid #e5e5e5;
  5176. min-height: 350px;
  5177. }
  5178. .signature1 .right .step4 .top img {
  5179. border: 1px solid #e5e5e5;
  5180. border-radius: 15px;
  5181. width: 80px;
  5182. height: 80px;
  5183. margin-right: 20px;
  5184. }
  5185. .signature1 .right .step4 .top table {
  5186. width: 45%;
  5187. color: #333;
  5188. }
  5189. .signature1 .right .step4 .top table caption {
  5190. color: #333;
  5191. font-size: 24px;
  5192. margin-bottom: 5px;
  5193. }
  5194. .signature1 .right .step4 .top table caption .tit1 {
  5195. position: relative;
  5196. }
  5197. .signature1 .right .step4 .top table caption .version {
  5198. position: absolute;
  5199. left: calc(100% + 2px);
  5200. top: 0;
  5201. background-color: #ed2027;
  5202. font-size: 12px;
  5203. width: 42px;
  5204. color: #fff;
  5205. text-align: center;
  5206. border-radius: 3px;
  5207. }
  5208. .signature1 .right .step4 .top table td {
  5209. padding: 2px 0;
  5210. font-size: 12px;
  5211. }
  5212. .signature1 .right .step4 .top.signature-disabled img {
  5213. -webkit-filter: grayscale(1);
  5214. filter: gray;
  5215. filter: grayscale(1);
  5216. }
  5217. .signature1 .right .step4 .top.signature-disabled table {
  5218. color: #999;
  5219. }
  5220. .signature1 .right .step4 .top.signature-disabled table caption {
  5221. color: #999;
  5222. }
  5223. .signature1 .right .step4 .step-bottom {
  5224. padding: 20px 50px 15px;
  5225. }
  5226. .signature1 .right .step4 .step-bottom table {
  5227. width: 100%;
  5228. }
  5229. .signature1 .right .step4 .step-bottom table th {
  5230. font-weight: 600;
  5231. padding: 5px;
  5232. }
  5233. .signature1 .right .step4 .step-bottom table th span {
  5234. display: inline-block;
  5235. width: 3px;
  5236. height: 16px;
  5237. background-color: #157df1;
  5238. position: relative;
  5239. top: 3px;
  5240. margin-right: 7px;
  5241. }
  5242. .signature1 .right .step4 .step-bottom table td {
  5243. padding: 5px;
  5244. }
  5245. .signature1 .right .app-table {
  5246. margin-bottom: 0;
  5247. }
  5248. .signature1 .right .app-table th {
  5249. border-bottom-width: 1px;
  5250. }
  5251. .table-list .app-table tr:hover td {
  5252. background-color: #ebf7ff;
  5253. }
  5254. .table-list .app-table td .app-icon-size {
  5255. margin-right: 10px;
  5256. }
  5257. .table-list .app-table td .app-icon-size img {
  5258. width: 45px;
  5259. height: 45px;
  5260. border-radius: 10px;
  5261. border: 1px solid #e5e5e5;
  5262. }
  5263. .signature1 .right .app-table td .icon-download {
  5264. font-size: 20px;
  5265. cursor: pointer;
  5266. color: #157df1;
  5267. }
  5268. /*.signature1 .right .app-table td .icon-download:hover{color: #157df1;}*/
  5269. .signature1 .right .app-table .number {
  5270. cursor: pointer;
  5271. }
  5272. .signature1 .right .app-table .number .text {
  5273. position: relative;
  5274. }
  5275. .signature1 .right .app-table .number .glyphicon {
  5276. color: #bbb;
  5277. display: block;
  5278. font-size: 13px;
  5279. position: absolute;
  5280. left: calc(100% + 3px);
  5281. }
  5282. .signature1 .right .app-table .number .glyphicon-triangle-top {
  5283. top: -4px;
  5284. }
  5285. .signature1 .right .app-table .number .glyphicon-triangle-bottom {
  5286. top: 4px;
  5287. }
  5288. .signature1 .right .app-table .number.sorted.ascending .glyphicon-triangle-top {
  5289. color: #666;
  5290. }
  5291. .signature1 .right .app-table .number.sorted.descending .glyphicon-triangle-bottom {
  5292. color: #666;
  5293. }
  5294. .signature1 .right .no-signature {
  5295. background-color: #fff;
  5296. min-height: 420px;
  5297. text-align: center;
  5298. padding-top: 130px;
  5299. border: 1px solid #e5e5e5;
  5300. border-top: none;
  5301. }
  5302. .signature1 .right .no-signature .text {
  5303. margin-top: 20px;
  5304. }
  5305. /*.signature1 .release-app .app-table tr th:first-of-type{width: 80px;}*/
  5306. .signature1 .release-app .app-table td .tit-ellipsis {
  5307. width: 70px;
  5308. overflow: hidden;
  5309. text-overflow: ellipsis;
  5310. white-space: nowrap;
  5311. display: inline-block;
  5312. position: relative;
  5313. top: 5px;
  5314. }
  5315. .signature1 .right .warn-prompt {
  5316. margin-top: 20px;
  5317. }
  5318. /*----------/企业签名----------*/
  5319. /*----------封装----------*/
  5320. .encapsulation {
  5321. padding: 30px;
  5322. background-color: #fff;
  5323. }
  5324. .encapsulation .common .list2 {
  5325. padding: 7px 15px 0;
  5326. }
  5327. .encapsulation .common .list2 li {
  5328. margin-right: 40px;
  5329. }
  5330. /*.encapsulation .version-number{margin-bottom: 20px !important;}*/
  5331. .encapsulation .form-horizontal .form-group:last-of-type {
  5332. margin-bottom: 0;
  5333. }
  5334. #device {
  5335. position: relative;
  5336. }
  5337. #device .error {
  5338. position: absolute;
  5339. top: 35px;
  5340. left: 15px;
  5341. white-space: nowrap;
  5342. font-size: 12px;
  5343. color: #fd641d;
  5344. display: none;
  5345. }
  5346. #device.form-error .error {
  5347. display: block;
  5348. }
  5349. .encapsulation .upload-icon {
  5350. position: relative;
  5351. border: 1px solid #ddd;
  5352. height: 100px;
  5353. width: 100px;
  5354. /*border-radius: 15px;*/
  5355. background: url("../image/icon-10.png") no-repeat center 23px;
  5356. margin-bottom: 30px;
  5357. overflow: hidden;
  5358. margin-right: 15px;
  5359. }
  5360. .encapsulation .upload-icon img {
  5361. position: absolute;
  5362. left: 0;
  5363. top: 0;
  5364. width: 100%;
  5365. height: 100%;
  5366. /*border-radius: 15px;*/
  5367. background-color: #fff;
  5368. /*border: 1px solid #e5e5e5;*/
  5369. }
  5370. .encapsulation .upload-icon .thumbnail {
  5371. position: absolute;
  5372. z-index: 2;
  5373. width: 100%;
  5374. height: 100%;
  5375. opacity: 0;
  5376. cursor: pointer;
  5377. }
  5378. .encapsulation .upload-icon .thumbnail1 {
  5379. position: absolute;
  5380. z-index: 2;
  5381. width: 100%;
  5382. height: 100%;
  5383. opacity: 0;
  5384. cursor: pointer;
  5385. }
  5386. .encapsulation .upload-icon .text {
  5387. text-align: center;
  5388. margin-top: 60px;
  5389. font-size: 14px;
  5390. font-weight: 600;
  5391. color: #999;
  5392. }
  5393. .encapsulation .step2 .img-note {
  5394. font-size: 12px;
  5395. display: flex;
  5396. align-items: flex-end;
  5397. height: 90px;
  5398. margin-left: 10px;
  5399. }
  5400. .encapsulation .img-note .ms-btn {
  5401. font-size: 14px;
  5402. }
  5403. .encapsulation .step2 .control-label {
  5404. color: #333;
  5405. }
  5406. .encapsulation .upload-icon .reset {
  5407. position: absolute;
  5408. left: 0;
  5409. bottom: 0;
  5410. height: 20px;
  5411. line-height: 20px;
  5412. background: rgba(0, 0, 0, .5);
  5413. width: 100%;
  5414. color: #fff;
  5415. text-align: center;
  5416. font-size: 12px;
  5417. display: none;
  5418. }
  5419. .encapsulation .upload-icon .reset {
  5420. display: none;
  5421. }
  5422. .encapsulation .upload-icon.uploaded .reset {
  5423. display: none;
  5424. }
  5425. .encapsulation .upload-icon.uploaded:hover .reset {
  5426. display: block;
  5427. }
  5428. .encapsulation .upload-img {
  5429. height: 215px;
  5430. width: 120px;
  5431. background-position: center 45%;
  5432. /*border-radius: 5px;*/
  5433. margin-bottom: 0;
  5434. }
  5435. .encapsulation .upload-img .text {
  5436. text-align: center;
  5437. margin-top: 120px;
  5438. }
  5439. .encapsulation .upload-img img {
  5440. /*border-radius: 5px;*/
  5441. }
  5442. .encapsulation .step2 .img-note1 {
  5443. font-size: 12px;
  5444. display: flex;
  5445. align-items: flex-end;
  5446. height: 215px;
  5447. margin-left: 10px;
  5448. }
  5449. .encapsulation .step2 .img-note1 .ms-btn {
  5450. font-size: 14px;
  5451. }
  5452. /*启动图 显示时间*/
  5453. .encapsulation .step2 .start-time .tit {
  5454. color: #333;
  5455. }
  5456. .encapsulation .step2 .start-time ul {
  5457. padding-left: 0;
  5458. }
  5459. .encapsulation .step2 .start-time ul li {
  5460. float: left;
  5461. cursor: pointer;
  5462. margin-right: 30px;
  5463. }
  5464. .encapsulation .step2 .start-time ul li .icon-radio {
  5465. margin-right: 10px;
  5466. top: 3px;
  5467. }
  5468. /*/启动图 显示时间*/
  5469. /*启动图 显示跳过*/
  5470. .encapsulation .step2 .show-skip .tit {
  5471. color: #333;
  5472. }
  5473. .encapsulation .step2 .show-skip ul {
  5474. padding-left: 0;
  5475. }
  5476. /*/启动图 显示跳过*/
  5477. .encapsulation4 {
  5478. padding: 30px 0;
  5479. }
  5480. .encapsulation4 .common {
  5481. margin-bottom: 10px;
  5482. }
  5483. .encapsulation4 .common .tit {
  5484. padding: 0 30px 20px;
  5485. border-bottom: 1px solid #e5e5e5;
  5486. color: #333;
  5487. }
  5488. .encapsulation4 .common .list2 {
  5489. padding: 20px 30px 30px;
  5490. color: #333;
  5491. }
  5492. .encapsulation4 .pay-money {
  5493. padding-bottom: 0;
  5494. margin-top: 0;
  5495. }
  5496. .encapsulation4 .pay-money .ms-btn.color-hover {
  5497. width: auto;
  5498. padding: 6px 12px;
  5499. }
  5500. .encapsulation5 {
  5501. padding: 0;
  5502. background-color: transparent;
  5503. }
  5504. .encapsulation5 .e-details dt {
  5505. color: #333;
  5506. font-size: 24px;
  5507. }
  5508. .encapsulation5 .e-details dd {
  5509. margin-top: 5px;
  5510. font-size: 12px;
  5511. }
  5512. .encapsulation5 .e-details dt .tit1 {
  5513. position: relative;
  5514. }
  5515. .encapsulation5 .e-details .d-bottom>span {
  5516. margin-right: 50px;
  5517. }
  5518. .encapsulation5 table {
  5519. table-layout: fixed;
  5520. }
  5521. .encapsulation5 table .ellipsis-wrap {
  5522. position: relative;
  5523. }
  5524. .encapsulation5 table .ellipsis-wrap .popover {
  5525. max-width: 410px;
  5526. width: 410px;
  5527. top: 15px;
  5528. font-size: 14px;
  5529. }
  5530. .encapsulation5 table .ellipsis-wrap .popover .popover-content span {
  5531. color: #157df1;
  5532. margin-left: 10px;
  5533. cursor: pointer;
  5534. }
  5535. .encapsulation5 table .ellipsis-wrap .ellipsis {
  5536. width: 80%;
  5537. }
  5538. .encapsulation5 table .ellipsis-wrap .popover.bottom>.arrow {
  5539. left: 25px;
  5540. }
  5541. .encapsulation5 table .ellipsis-wrap:hover .popover {
  5542. display: block;
  5543. }
  5544. .encapsulation-app1 {
  5545. padding: 0;
  5546. background-color: transparent;
  5547. }
  5548. .encapsulation-app1 .app-table {
  5549. color: #666;
  5550. }
  5551. .encapsulation-app1 .app-table .iconfont {
  5552. color: #bbb;
  5553. }
  5554. .encapsulation-app1 .app-table tr th {
  5555. padding-left: 10px;
  5556. padding-right: 10px;
  5557. }
  5558. .encapsulation-app1 .app-table tr td {
  5559. height: 60px;
  5560. padding: 0 10px !important;
  5561. }
  5562. /*.encapsulation-app1 .app-table tr th:nth-of-type(2){text-align: left;}*/
  5563. /*.encapsulation-app1 .app-table tr th:nth-of-type(3){text-align: left;}*/
  5564. /*.encapsulation-app1 .app-table tr td:nth-of-type(3){text-align: left;}*/
  5565. /*.encapsulation-app1 table tr td:nth-of-type(3) a{max-width: 160px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: block;}*/
  5566. .encapsulation-app1 .number {
  5567. width: 120px;
  5568. }
  5569. .table-list .app-table .tr-disabled:hover td {
  5570. background-color: #f7f7f7;
  5571. }
  5572. .table-list .app-table .td-disabled {
  5573. color: #999;
  5574. position: relative;
  5575. }
  5576. .table-list .app-table .td-disabled .icon-download {
  5577. display: none;
  5578. }
  5579. .table-list .app-table .mask {
  5580. position: absolute;
  5581. background-color: red;
  5582. opacity: 0;
  5583. left: 0;
  5584. top: 0;
  5585. width: 100%;
  5586. height: 100%;
  5587. cursor: not-allowed;
  5588. }
  5589. .table-list .app-table .td-disabled img {
  5590. -webkit-filter: grayscale(1);
  5591. filter: gray;
  5592. filter: grayscale(1);
  5593. }
  5594. .table-list .app-table .td-disabled.table-action-3 .table-btn {
  5595. display: none;
  5596. }
  5597. .encapsulation-app1 .no-app {
  5598. background-color: #fff;
  5599. padding-top: .1px;
  5600. min-height: 420px;
  5601. border: 1px solid #e5e5e5;
  5602. border-top: none;
  5603. }
  5604. .encapsulation-app1 .no-app .icon-zhuangxiang {
  5605. margin-right: 5px;
  5606. font-size: 18px;
  5607. }
  5608. .encapsulation-app1 .no-app .ms-btn .text {
  5609. margin-top: 3px;
  5610. }
  5611. .no-app .big {
  5612. display: none;
  5613. }
  5614. .big-bag .no-app .small {
  5615. display: none;
  5616. }
  5617. .big-bag .no-app .big {
  5618. display: block;
  5619. }
  5620. .table-list .app-table .ellipsis {
  5621. max-width: 160px;
  5622. width: auto;
  5623. }
  5624. .table-list .app-table .pack-name-ellipsis {
  5625. max-width: 140px;
  5626. width: auto;
  5627. }
  5628. .table-list .app-table .table-btn {
  5629. padding: 4px 10px;
  5630. border: 1px solid #157df1;
  5631. border-radius: 3px;
  5632. display: inline-block;
  5633. }
  5634. .table-list .app-table .table-btn+.table-btn {
  5635. margin-left: 3px;
  5636. }
  5637. .table-list .app-table .table-btn:hover {
  5638. background-color: #157df1;
  5639. color: #fff;
  5640. }
  5641. .table-list .app-table .table-btn:focus {
  5642. background-color: transparent;
  5643. color: #157df1;
  5644. }
  5645. .table-list .app-table .table-btn:focus:hover {
  5646. background-color: #157df1;
  5647. color: #fff;
  5648. }
  5649. .table-list .app-table .table-btn[disabled=disabled] {
  5650. color: #ccc;
  5651. cursor: not-allowed;
  5652. border-color: #e8e8e8;
  5653. background-color: #e8e8e8;
  5654. }
  5655. .table-list .app-table .table-btn[disabled=disabled]:focus {
  5656. color: #ccc;
  5657. cursor: not-allowed;
  5658. border-color: #e8e8e8;
  5659. background-color: #e8e8e8;
  5660. }
  5661. .table-list .app-table .table-btn.disabled {
  5662. color: #ccc;
  5663. cursor: not-allowed;
  5664. border-color: #e8e8e8;
  5665. background-color: #e8e8e8;
  5666. }
  5667. .table-list .app-table .table-btn.disabled:focus {
  5668. color: #ccc;
  5669. cursor: not-allowed;
  5670. border-color: #e8e8e8;
  5671. background-color: #e8e8e8;
  5672. }
  5673. .table-list .app-table .table-btn.color-delete {
  5674. border-color: #ee635d;
  5675. margin-right: 0;
  5676. }
  5677. .table-list .app-table .table-btn.color-delete:hover {
  5678. background-color: #ee635d;
  5679. color: #fff;
  5680. }
  5681. .table-list .app-table .table-btn.color-delete:focus {
  5682. background-color: transparent;
  5683. color: #ee635d;
  5684. }
  5685. .table-list .app-table .table-btn.color-delete:focus:hover {
  5686. background-color: #ee635d;
  5687. color: #fff;
  5688. }
  5689. .table-list .app-table .table-btn.color-delete[disabled=disabled] {
  5690. color: #ccc;
  5691. cursor: not-allowed;
  5692. border-color: #e8e8e8;
  5693. background-color: #e8e8e8;
  5694. }
  5695. .table-list .app-table .table-btn.color-delete[disabled=disabled]:focus:hover {
  5696. color: #ccc;
  5697. cursor: not-allowed;
  5698. border-color: #e8e8e8;
  5699. background-color: #e8e8e8;
  5700. }
  5701. .table-list .app-table .table-btn.color-delete.disabled {
  5702. color: #ccc;
  5703. cursor: not-allowed;
  5704. border-color: #e8e8e8;
  5705. background-color: #e8e8e8;
  5706. }
  5707. .table-list .app-table .table-btn.color-delete.disabled:focus:hover {
  5708. color: #ccc;
  5709. cursor: not-allowed;
  5710. border-color: #e8e8e8;
  5711. background-color: #e8e8e8;
  5712. }
  5713. .table-list .app-table .table-btn.disabled {
  5714. color: #999;
  5715. cursor: not-allowed;
  5716. }
  5717. .table-list .app-table .table-action-2 {
  5718. width: 190px;
  5719. }
  5720. .table-list .app-table .table-action-3 {
  5721. width: 225px;
  5722. }
  5723. .table-list .app-table .table-action-4 {
  5724. width: 265px;
  5725. }
  5726. .table-list .app-table td .tit2 {
  5727. max-width: 115px;
  5728. overflow: hidden;
  5729. text-overflow: ellipsis;
  5730. white-space: nowrap;
  5731. display: block;
  5732. color: #333;
  5733. font-size: 14px;
  5734. text-align: left;
  5735. line-height: 14px;
  5736. margin-top: 10px;
  5737. }
  5738. .table-list .app-table td .tit2:hover {
  5739. color: #157df1;
  5740. }
  5741. .table-list .app-table td .tit3 {
  5742. color: #999;
  5743. font-size: 12px;
  5744. text-align: left;
  5745. display: block;
  5746. margin-top: 2px;
  5747. }
  5748. .table-list .app-table tr .angle-parent {
  5749. position: relative;
  5750. }
  5751. .table-list .app-table tr .angle-parent .angle {
  5752. position: absolute;
  5753. left: 0;
  5754. top: 0;
  5755. }
  5756. .app-details2 .angle-parent {
  5757. position: relative;
  5758. }
  5759. .app-details2 .angle-parent .angle {
  5760. position: absolute;
  5761. left: 0;
  5762. top: 0;
  5763. }
  5764. .encapsulation3 {
  5765. padding: 0;
  5766. }
  5767. .encapsulation3 {
  5768. padding-top: .1px;
  5769. }
  5770. .encapsulation3 .tit3 {
  5771. padding: 20px 30px;
  5772. border-bottom: 1px solid #e5e5e5;
  5773. color: #333;
  5774. }
  5775. .encapsulation3 .free-tool {
  5776. color: #333;
  5777. }
  5778. .encapsulation3 .pay-tool {
  5779. color: #333;
  5780. }
  5781. .encapsulation3 .plugin-list {
  5782. padding: 20px 10px;
  5783. }
  5784. .encapsulation3 .plugin-list .con {
  5785. border: 1px solid #e5e5e5;
  5786. border-radius: 5px;
  5787. cursor: pointer;
  5788. position: relative;
  5789. }
  5790. .encapsulation3 .plugin-list .con img {
  5791. margin: 10px auto 6px;
  5792. height: 25px;
  5793. }
  5794. .encapsulation3 .plugin-list .con .text3 {
  5795. text-align: center;
  5796. margin-bottom: 10px;
  5797. color: #666;
  5798. font-size: 12px;
  5799. }
  5800. .encapsulation3 .plugin-list .con .icon-checkbox {
  5801. position: absolute;
  5802. bottom: 0;
  5803. right: 0;
  5804. display: none;
  5805. }
  5806. .encapsulation3 .plugin-list .con.active {
  5807. border-color: #157df1;
  5808. }
  5809. .encapsulation3 .plugin-list .con.active .icon-checkbox {
  5810. display: block;
  5811. }
  5812. .encapsulation3 .plugin-list .row {
  5813. margin-left: -10px;
  5814. margin-right: -10px;
  5815. }
  5816. .encapsulation3 .plugin-list .row .col-sm-2 {
  5817. padding-left: 10px;
  5818. padding-right: 10px;
  5819. }
  5820. .encapsulation3 .plugin-list .con .in-development {
  5821. position: absolute;
  5822. background-color: rgba(0, 0, 0, .7);
  5823. left: 0;
  5824. top: 0;
  5825. width: 100%;
  5826. height: 100%;
  5827. color: #fff;
  5828. border-radius: 5px;
  5829. display: none;
  5830. align-items: center;
  5831. justify-content: center;
  5832. }
  5833. .encapsulation3 .plugin-list .con:hover .in-development {
  5834. display: flex;
  5835. }
  5836. .encapsulation3 .plugin-list .col-sm-2 {
  5837. width: 20%;
  5838. margin-bottom: 20px;
  5839. }
  5840. /*.encapsulation3 .plugin-list .row .col-sm-2:nth-of-type(n+11){margin-bottom: 0;}*/
  5841. .encapsulation3 .plugin-list .con .c-left {
  5842. font-size: 12px;
  5843. width: 60%;
  5844. }
  5845. .encapsulation3 .plugin-list .con .c-left .img-hide {
  5846. display: none;
  5847. }
  5848. .encapsulation3 .plugin-list .con.active .c-left .img-hide {
  5849. display: block;
  5850. }
  5851. .encapsulation3 .plugin-list .con.active .c-left .img-show {
  5852. display: none;
  5853. }
  5854. .encapsulation3 .plugin-list .con .c-right {
  5855. padding: 15px 20px 15px 0;
  5856. height: 68px;
  5857. display: flex;
  5858. align-items: center;
  5859. justify-content: center;
  5860. }
  5861. .encapsulation3 .plugin-list .con .c-right .line {
  5862. border-left: 1px solid #e5e5e5;
  5863. width: 1px;
  5864. height: 100%;
  5865. margin-right: 20px;
  5866. }
  5867. .encapsulation3 .plugin-list .con .c-right .icon-checkbox-checked1 {
  5868. color: #157df1;
  5869. }
  5870. .encapsulation3 .plugin-list .con:hover {
  5871. border-color: #157df1;
  5872. }
  5873. /*
  5874. * table列表 优化
  5875. * 2018/10/24
  5876. */
  5877. .table-list-wrap {
  5878. box-shadow: 0 0 5px rgba(0, 0, 0, .05);
  5879. background-color: #fff;
  5880. padding: 10px;
  5881. min-height: 550px;
  5882. }
  5883. .new-encapsulation {}
  5884. .new-encapsulation .right .step li {
  5885. width: 32.5%;
  5886. }
  5887. .new-encapsulation .right .step-common {
  5888. min-height: 450px;
  5889. }
  5890. .new-encapsulation .right .step-common .form-group {
  5891. margin-bottom: 30px;
  5892. }
  5893. .new-encapsulation .right .step-common .form-group1 {
  5894. margin-bottom: 20px;
  5895. }
  5896. @media (min-width: 1200px) {
  5897. .new-encapsulation .right .step-common .form-group .col-sm-2 {
  5898. width: 14%;
  5899. }
  5900. }
  5901. .new-encapsulation .step-common .img-note {
  5902. font-size: 12px;
  5903. display: flex;
  5904. align-items: flex-end;
  5905. height: 90px;
  5906. margin-left: 10px;
  5907. }
  5908. .new-encapsulation .encapsulation .upload-icon {
  5909. margin-bottom: 0;
  5910. }
  5911. .encapsulation .prev-step {
  5912. padding: 6px 0;
  5913. margin-right: 12px;
  5914. }
  5915. /*----------/封装----------*/
  5916. /*----------封装 配置插件----------*/
  5917. .plugin-modal .modal-dialog {
  5918. width: 700px;
  5919. }
  5920. .plugin-modal .modal-title {
  5921. color: #333;
  5922. }
  5923. .plugin-modal .modal-header {
  5924. padding-left: 30px;
  5925. }
  5926. .plugin-modal .modal-footer {
  5927. padding: 30px 15px;
  5928. }
  5929. .plugin-modal .modal-header .close {
  5930. opacity: 1;
  5931. color: #333;
  5932. font-size: 26px;
  5933. }
  5934. .plugin-modal .modal-body {
  5935. max-height: 600px;
  5936. overflow-y: auto;
  5937. position: relative;
  5938. }
  5939. .modal-aside .modal-body {
  5940. min-height: 600px;
  5941. }
  5942. .plugin-modal .modal-body .more-gif {
  5943. position: absolute;
  5944. left: 50%;
  5945. bottom: 0px;
  5946. margin-left: -52px;
  5947. }
  5948. .plugin-modal .modal-aside {
  5949. background-color: #f0f0f0;
  5950. border-radius: 6px;
  5951. }
  5952. .plugin-modal .modal-aside .modal-aside-left {
  5953. width: 35%;
  5954. }
  5955. .plugin-modal .modal-aside .modal-aside-left .tit1 {
  5956. color: #333;
  5957. font-size: 16px;
  5958. text-align: center;
  5959. margin-top: 55px;
  5960. margin-bottom: 25px;
  5961. }
  5962. .plugin-modal .modal-aside .modal-aside-right {
  5963. width: 65%;
  5964. background-color: #fff;
  5965. /*min-height: 710px;*/
  5966. border-radius: 0 6px 6px 0;
  5967. }
  5968. .sp-button-container {
  5969. width: 75px;
  5970. }
  5971. .sp-input {
  5972. border: 1px solid #222;
  5973. }
  5974. /*浏览器*/
  5975. .plugin-browser .select-browser {
  5976. color: #157df1;
  5977. font-size: 12px;
  5978. margin-left: 125px;
  5979. }
  5980. .plugin-browser .select-browser:hover {
  5981. text-decoration: underline;
  5982. }
  5983. /*/浏览器*/
  5984. /*加载动画*/
  5985. .config-plugin {}
  5986. .config-plugin .plugin-common {
  5987. padding: 15px 20px;
  5988. }
  5989. .config-plugin .plugin-common .sp-replacer {
  5990. width: 100%;
  5991. }
  5992. .config-plugin .plugin-common .sp-preview {
  5993. width: 90%;
  5994. }
  5995. .plugin-loading .tit3 {
  5996. color: #333;
  5997. margin: 45px 0 15px;
  5998. }
  5999. .plugin-loading .con {
  6000. border: 1px solid #e5e5e5;
  6001. border-radius: 5px;
  6002. padding: 0 10px;
  6003. position: relative;
  6004. overflow: hidden;
  6005. cursor: pointer;
  6006. }
  6007. .plugin-loading .con .icon-checkbox {
  6008. position: absolute;
  6009. right: 0;
  6010. bottom: 0;
  6011. display: none;
  6012. }
  6013. .plugin-loading .con.active {
  6014. border-color: #157df1;
  6015. }
  6016. .plugin-loading .con.active .icon-checkbox {
  6017. display: block;
  6018. }
  6019. .plugin-loading .con .tit1 {
  6020. padding: 15px 0;
  6021. }
  6022. .plugin-loading .con.active .tit1 {
  6023. color: #157df1;
  6024. }
  6025. .plugin-loading .con-1 {
  6026. border: 1px solid #e5e5e5;
  6027. border-radius: 5px 5px 0 0;
  6028. border-bottom: none;
  6029. height: 140px;
  6030. }
  6031. .config-plugin .plugin-common .top {
  6032. color: #333;
  6033. text-align: center;
  6034. }
  6035. .config-plugin .plugin-common .top .time {
  6036. font-size: 12px;
  6037. font-weight: 600;
  6038. padding-left: 20px;
  6039. margin-top: 3px;
  6040. display: inline-block;
  6041. }
  6042. .config-plugin .plugin-common .top .num {
  6043. font-size: 12px;
  6044. font-weight: 600;
  6045. margin: 3px 5px 0 0;
  6046. }
  6047. .config-plugin .plugin-common .top .icon-signal {
  6048. margin-left: 3px;
  6049. }
  6050. .config-plugin .plugin-common .top .icon-wifi {
  6051. font-size: 15px;
  6052. margin-left: 5px;
  6053. }
  6054. .config-plugin .plugin-common .top .icon-dianliang {
  6055. font-size: 14px;
  6056. margin-right: 3px;
  6057. }
  6058. .plugin-loading .con-1 .tit2 {
  6059. text-align: center;
  6060. color: #157df1;
  6061. font-weight: 600;
  6062. border-bottom: 1px solid #e5e5e5;
  6063. padding-bottom: 5px;
  6064. position: relative;
  6065. }
  6066. .plugin-loading .con-1 .tit2 .progress1 {
  6067. position: absolute;
  6068. left: 0;
  6069. bottom: -1px;
  6070. background: #157df1;
  6071. height: 1px;
  6072. width: 80%;
  6073. }
  6074. .plugin-loading .con-1 img {
  6075. margin: 35px auto 0;
  6076. width: 26px;
  6077. height: 26px;
  6078. display: block;
  6079. }
  6080. /*/加载动画*/
  6081. /*清除缓存*/
  6082. .config-plugin .plugin-common .common-ul li {
  6083. float: left;
  6084. width: 140px;
  6085. height: 40px;
  6086. line-height: 40px;
  6087. text-align: center;
  6088. border: 1px solid #e5e5e5;
  6089. position: relative;
  6090. border-radius: 5px;
  6091. margin-right: 25px;
  6092. overflow: hidden;
  6093. cursor: pointer;
  6094. }
  6095. .config-plugin .plugin-common .common-ul li .icon-checkbox {
  6096. position: absolute;
  6097. right: 0;
  6098. bottom: 0;
  6099. display: none;
  6100. }
  6101. .config-plugin .plugin-common .common-ul li.active {
  6102. border: 1px solid #157df1;
  6103. color: #157df1;
  6104. }
  6105. .config-plugin .plugin-common .common-ul li.active .icon-checkbox {
  6106. display: block;
  6107. }
  6108. /*/清除缓存*/
  6109. /*极光推送*/
  6110. .config-plugin .plugin-common label {
  6111. color: #333;
  6112. }
  6113. /*/极光推送*/
  6114. /*退出提示*/
  6115. .plugin-exit .con-1 {
  6116. position: relative;
  6117. }
  6118. .plugin-exit .con-1 .shadow {
  6119. position: absolute;
  6120. background-color: rgba(0, 0, 0, .7);
  6121. left: 0;
  6122. top: 0;
  6123. width: 100%;
  6124. height: 100%;
  6125. border-radius: 5px 5px 0 0;
  6126. padding: 20px 30px;
  6127. }
  6128. .plugin-exit .con-1 .shadow .s-con {
  6129. background-color: #fff;
  6130. border-radius: 5px;
  6131. height: 100%;
  6132. text-align: center;
  6133. font-size: 12px;
  6134. color: #333;
  6135. padding-top: .1px;
  6136. }
  6137. .plugin-exit .con-1 .shadow .s-con .s-tit {
  6138. font-weight: 600;
  6139. margin-top: 15px;
  6140. }
  6141. .plugin-exit .con-1 .shadow .s-con p {
  6142. margin-top: 5px;
  6143. }
  6144. .plugin-exit .con-1 .shadow .s-con ol {
  6145. margin-top: 15px;
  6146. }
  6147. .plugin-exit .con-1 .shadow .s-con ol li {
  6148. float: left;
  6149. color: #157df1;
  6150. border-top: 1px solid #e5e5e5;
  6151. width: 50%;
  6152. height: 30px;
  6153. line-height: 30px;
  6154. }
  6155. .plugin-exit .con-1 .shadow .s-con ol li:first-of-type {
  6156. border-right: 1px solid #e5e5e5;
  6157. }
  6158. .plugin-exit .con-1 .shadow1 {
  6159. position: absolute;
  6160. background-color: rgba(0, 0, 0, .7);
  6161. left: 15%;
  6162. top: 55%;
  6163. width: 70%;
  6164. height: 30px;
  6165. border-radius: 5px;
  6166. line-height: 30px;
  6167. color: #fff;
  6168. text-align: center;
  6169. font-size: 12px;
  6170. }
  6171. .plugin-exit .mode dd {
  6172. cursor: pointer;
  6173. }
  6174. .plugin-exit .mode dd {
  6175. margin-bottom: 10px;
  6176. }
  6177. .plugin-exit .mode dd .text {
  6178. margin-left: 3px;
  6179. }
  6180. p {}
  6181. /*退出提示*/
  6182. /*引导页*/
  6183. #guideModal .modal-dialog {
  6184. width: 1070px;
  6185. }
  6186. #guideModal .modal-aside-left .bg {
  6187. background: url("../image/aside-10.png") no-repeat center;
  6188. width: 268px;
  6189. height: 564px;
  6190. margin: 0 auto;
  6191. }
  6192. @media (min-width: 1200px) {
  6193. .plugin-guide .row {
  6194. margin: 0 -10px;
  6195. }
  6196. .plugin-guide .row .col-sm-3 {
  6197. width: 20%;
  6198. padding: 0 10px;
  6199. }
  6200. }
  6201. #guideModal .modal-aside-left .bg {
  6202. position: relative;
  6203. }
  6204. #guideModal img[src=""],
  6205. #guideModal img:not([src]) {
  6206. opacity: 0;
  6207. }
  6208. #guideModal .modal-aside-left .bg img {
  6209. display: block;
  6210. background-color: #fff;
  6211. width: 240px;
  6212. height: 425px;
  6213. position: absolute;
  6214. left: 14px;
  6215. top: 70px;
  6216. }
  6217. #guideModal .modal-aside-left .bg .experience-btn {
  6218. position: absolute;
  6219. left: 50%;
  6220. bottom: 110px;
  6221. margin-left: -65px;
  6222. width: 130px;
  6223. height: 30px;
  6224. text-align: center;
  6225. line-height: 28px;
  6226. color: #fff;
  6227. border: 1px solid #fff;
  6228. border-radius: 15px;
  6229. z-index: 2;
  6230. }
  6231. .plugin-guide .upload-img {
  6232. position: relative;
  6233. border: 1px dashed #e5e5e5;
  6234. height: 190px;
  6235. width: 100%;
  6236. border-radius: 5px;
  6237. background: url("../image/icon-10.png") no-repeat center 40%;
  6238. /*overflow: hidden;*/
  6239. }
  6240. .plugin-guide .upload-img img {
  6241. position: absolute;
  6242. left: 0;
  6243. top: 0;
  6244. width: 100%;
  6245. height: 100%;
  6246. border-radius: 5px;
  6247. background-color: #fff;
  6248. border: 1px solid #e5e5e5;
  6249. }
  6250. .plugin-guide .upload-img .thumbnail {
  6251. position: absolute;
  6252. z-index: 2;
  6253. width: 100%;
  6254. height: 100%;
  6255. opacity: 0;
  6256. cursor: pointer;
  6257. }
  6258. .plugin-guide .upload-img .text {
  6259. text-align: center;
  6260. margin-top: 100px;
  6261. font-size: 12px;
  6262. }
  6263. .plugin-guide .upload-img .reset {
  6264. position: absolute;
  6265. left: 0;
  6266. bottom: 0;
  6267. height: 20px;
  6268. line-height: 20px;
  6269. background: rgba(0, 0, 0, .7);
  6270. width: 100%;
  6271. color: #fff;
  6272. text-align: center;
  6273. font-size: 12px;
  6274. display: none;
  6275. }
  6276. .plugin-guide .upload-img .reset {
  6277. display: none;
  6278. }
  6279. .plugin-guide .upload-img.uploaded .reset {
  6280. display: none;
  6281. }
  6282. .plugin-guide .upload-img.uploaded:hover .reset {
  6283. display: block;
  6284. }
  6285. /*删除*/
  6286. .plugin-guide .upload-img .icon-delete2 {
  6287. position: absolute;
  6288. color: #ff6565;
  6289. right: -8px;
  6290. top: -8px;
  6291. right: 0 \9;
  6292. top: 0 \9;
  6293. display: none;
  6294. cursor: pointer;
  6295. z-index: 2;
  6296. }
  6297. .plugin-guide .upload-img.uploaded .icon-delete2 {
  6298. display: block;
  6299. }
  6300. .plugin-guide .experience {
  6301. margin-top: 20px;
  6302. }
  6303. .plugin-guide .experience-color {
  6304. margin-top: 45px;
  6305. }
  6306. .plugin-guide .experience .tit {
  6307. color: #333;
  6308. margin-bottom: 7px;
  6309. }
  6310. /*/引导页*/
  6311. /*第三方分享*/
  6312. .plugin-share .con {
  6313. border: 1px solid #e5e5e5;
  6314. border-radius: 5px;
  6315. padding: 0 10px;
  6316. position: relative;
  6317. overflow: hidden;
  6318. cursor: pointer;
  6319. }
  6320. .plugin-share .con .icon-checkbox {
  6321. position: absolute;
  6322. right: 0;
  6323. bottom: 0;
  6324. display: none;
  6325. }
  6326. .plugin-share .con.active {
  6327. border-color: #157df1;
  6328. }
  6329. .plugin-share .con.active .icon-checkbox {
  6330. display: block;
  6331. }
  6332. .plugin-share .con .tit1 {
  6333. padding: 15px 0;
  6334. color: #333;
  6335. }
  6336. .plugin-share .con.active .tit1 {
  6337. color: #157df1;
  6338. }
  6339. .plugin-share .con-1 {
  6340. border: 1px solid #e5e5e5;
  6341. border-radius: 5px 5px 0 0;
  6342. border-bottom: none;
  6343. height: 140px;
  6344. }
  6345. .plugin-share .plugin-common .top {
  6346. color: #333;
  6347. text-align: center;
  6348. }
  6349. .plugin-share .plugin-common .top .time {
  6350. font-size: 12px;
  6351. font-weight: 600;
  6352. padding-left: 20px;
  6353. margin-top: 3px;
  6354. display: inline-block;
  6355. }
  6356. .plugin-share .plugin-common .top .num {
  6357. font-size: 12px;
  6358. font-weight: 600;
  6359. margin: 3px 5px 0 0;
  6360. }
  6361. .plugin-share .plugin-common .top .icon-signal {
  6362. margin-left: 3px;
  6363. }
  6364. .plugin-share .plugin-common .top .icon-wifi {
  6365. font-size: 15px;
  6366. margin-left: 5px;
  6367. }
  6368. .plugin-share .plugin-common .top .icon-dianliang {
  6369. font-size: 14px;
  6370. margin-right: 3px;
  6371. }
  6372. .plugin-share .con-1 .tit2 {
  6373. text-align: center;
  6374. color: #157df1;
  6375. font-weight: 600;
  6376. border-bottom: 1px solid #e5e5e5;
  6377. padding-bottom: 5px;
  6378. position: relative;
  6379. }
  6380. .plugin-share .con-1 .tit2 .share-left {
  6381. position: absolute;
  6382. left: 5px;
  6383. bottom: 3px;
  6384. }
  6385. .plugin-share .con-1 .tit2 .share-right {
  6386. position: absolute;
  6387. right: 5px;
  6388. bottom: 3px;
  6389. }
  6390. .plugin-share .con .icon-checkbox-small {
  6391. position: absolute;
  6392. right: 0;
  6393. bottom: 0;
  6394. display: none;
  6395. }
  6396. .plugin-share .con.active .icon-checkbox-small {
  6397. display: block;
  6398. }
  6399. .plugin-share .s-tit {
  6400. color: #333;
  6401. margin-bottom: 8px;
  6402. }
  6403. .plugin-share .s-tit1 {
  6404. color: #fd641d;
  6405. margin-top: 5px;
  6406. font-size: 12px;
  6407. display: none;
  6408. }
  6409. .plugin-share .s-way {
  6410. margin-top: 0;
  6411. }
  6412. .plugin-share .s-way .w-top {
  6413. margin-bottom: 8px;
  6414. }
  6415. .plugin-share .s-way .w-top .t-left {
  6416. color: #333;
  6417. }
  6418. .plugin-share .s-way .w-top .t-right {
  6419. color: #157df1;
  6420. font-size: 12px;
  6421. }
  6422. /*第三方分享三期完成后 删除*/
  6423. .plugin-share .s-way .w-con {
  6424. border: 1px solid #e5e5e5;
  6425. border-radius: 5px;
  6426. padding: 15px 12px 0;
  6427. position: relative;
  6428. cursor: pointer;
  6429. }
  6430. .plugin-share .s-way .w-con .s-tit2 {
  6431. color: #333;
  6432. margin-bottom: 5px;
  6433. }
  6434. .plugin-share .s-way .w-con p {
  6435. color: #666;
  6436. font-size: 12px;
  6437. margin-bottom: 10px;
  6438. height: 34px;
  6439. }
  6440. .plugin-share .s-way .w-con.active {
  6441. border-color: #157df1;
  6442. }
  6443. .plugin-share .s-way .w-con.active .s-tit2 {
  6444. color: #157df1;
  6445. }
  6446. .plugin-share .s-way .w-con .icon-checkbox-small {
  6447. position: absolute;
  6448. right: 0;
  6449. bottom: 0;
  6450. display: none;
  6451. }
  6452. .plugin-share .s-way .w-con.active .icon-checkbox-small {
  6453. display: block;
  6454. }
  6455. /*/第三方分享三期完成后 删除*/
  6456. .plugin-share .s-way .s-ul li {
  6457. position: relative;
  6458. overflow: visible;
  6459. }
  6460. .plugin-share .s-way .s-ul li .way-top {
  6461. position: absolute;
  6462. bottom: 100%;
  6463. right: 0;
  6464. color: #157df1;
  6465. z-index: 2;
  6466. font-size: 12px;
  6467. height: 28px;
  6468. line-height: 28px;
  6469. }
  6470. .plugin-share .s-way .s-ul li .recommended {
  6471. position: absolute;
  6472. left: 0;
  6473. top: 0;
  6474. }
  6475. .plugin-share .s-way .s-ul li .icon-checkbox-small {
  6476. position: absolute;
  6477. right: 0;
  6478. bottom: 0;
  6479. display: none;
  6480. }
  6481. .plugin-share .s-way .s-ul li.active .icon-checkbox-small {
  6482. display: block;
  6483. }
  6484. .plugin-share .app-share {
  6485. display: none;
  6486. position: relative;
  6487. }
  6488. /*.plugin-share .app-share .label-wrap{margin-bottom: 8px;}*/
  6489. .plugin-share .app-share .label-wrap label {
  6490. color: #333;
  6491. }
  6492. .plugin-share .app-share .label-wrap a {
  6493. color: #157df1;
  6494. font-size: 12px;
  6495. position: absolute;
  6496. right: 0;
  6497. top: -21px;
  6498. }
  6499. .plugin-share .s-con {
  6500. border: 1px solid #e5e5e5;
  6501. padding: 15px 20px 20px;
  6502. border-radius: 4px;
  6503. }
  6504. .plugin-share .app-share .s-con {
  6505. margin-top: 20px;
  6506. }
  6507. .plugin-share .s-con .s-tit3 {
  6508. color: #333;
  6509. }
  6510. .plugin-share .s-con dl {
  6511. color: #333;
  6512. margin-top: 10px;
  6513. }
  6514. .plugin-share .s-con dl dt {
  6515. font-weight: 600;
  6516. margin-bottom: 5px;
  6517. }
  6518. .plugin-share .s-con .save-txt {
  6519. padding: 3px 5px 2px;
  6520. font-size: 12px;
  6521. line-height: 14px;
  6522. margin-top: 5px;
  6523. margin-bottom: 25px;
  6524. }
  6525. .plugin-share .app-share input {
  6526. margin-top: 10px;
  6527. }
  6528. .plugin-share .form-group {
  6529. margin-bottom: 30px;
  6530. }
  6531. .plugin-share .form-group:last-of-type {
  6532. margin-bottom: 0;
  6533. }
  6534. .plugin-share .form-group .row .col-sm-8 {
  6535. margin-bottom: 10px;
  6536. }
  6537. .plugin-share .share-location {
  6538. margin-top: 40px;
  6539. }
  6540. .plugin-share .share-location .s-tit4 {
  6541. color: #333;
  6542. margin-bottom: 2px;
  6543. }
  6544. .plugin-share .share-location p {
  6545. color: #fd641d;
  6546. }
  6547. .plugin-share .share-content {
  6548. margin-top: 40px;
  6549. }
  6550. .plugin-share .share-content .tab .s-con {
  6551. display: none;
  6552. }
  6553. .plugin-share .share-content .radio-round {
  6554. margin-bottom: 20px;
  6555. color: #333;
  6556. }
  6557. .plugin-share .share-content label {
  6558. margin-bottom: 5px;
  6559. }
  6560. .plugin-share .share-content .form-group {
  6561. margin-bottom: 15px;
  6562. }
  6563. .plugin-share .share-content .form-group .error {
  6564. color: #fd641d;
  6565. font-size: 12px;
  6566. display: none;
  6567. }
  6568. .plugin-share .share-content .form-group.form-error .error {
  6569. display: block;
  6570. }
  6571. .plugin-share .share-content .s-con .form-group:last-of-type {
  6572. margin-bottom: 0;
  6573. }
  6574. /*/第三方分享*/
  6575. /*状态栏*/
  6576. @media (min-width: 1200px) {
  6577. #stateModal .modal-dialog {
  6578. width: 1070px;
  6579. }
  6580. }
  6581. #stateModal .modal-aside-left .bg {
  6582. background: url("../image/plugin-aside-3.png") no-repeat center top;
  6583. width: 268px;
  6584. height: 564px;
  6585. margin: 0 auto;
  6586. padding-top: .1px;
  6587. position: relative;
  6588. }
  6589. .plugin-modal .common-top {
  6590. height: 24px;
  6591. line-height: 24px;
  6592. background-color: #157df1;
  6593. color: #fff;
  6594. }
  6595. .plugin-modal .common-top.white {
  6596. color: #fff;
  6597. }
  6598. .plugin-modal .common-top.black {
  6599. color: #333;
  6600. }
  6601. .plugin-modal .common-top .icon-signal {
  6602. margin-left: 3px;
  6603. font-size: 13px;
  6604. }
  6605. .plugin-modal .common-top .font12 {
  6606. font-size: 12px;
  6607. transform: scale(.8);
  6608. }
  6609. .plugin-modal .common-top .icon-dianliang {
  6610. margin-top: -1px;
  6611. margin-right: 5px;
  6612. font-size: 12px;
  6613. }
  6614. #stateModal .common-top {
  6615. width: auto;
  6616. margin: 71px 15px 0;
  6617. height: 16px;
  6618. line-height: 16px;
  6619. }
  6620. .plugin-state .tit1 {
  6621. color: #333;
  6622. margin-bottom: 5px;
  6623. }
  6624. .config-plugin .plugin-common .bg-text-color ol li {
  6625. width: 30px;
  6626. height: 30px;
  6627. background-color: #e5e5e5;
  6628. border: 1px solid #999;
  6629. border-radius: 5px;
  6630. float: left;
  6631. padding: 6px;
  6632. cursor: pointer;
  6633. }
  6634. .config-plugin .plugin-common .bg-text-color ol li.active {
  6635. border: 3px solid #157df1;
  6636. }
  6637. .config-plugin .plugin-common .bg-text-color ol li:last-of-type {
  6638. margin-left: 10px;
  6639. }
  6640. .config-plugin .plugin-common .bg-text-color ol li:first-of-type span {
  6641. display: block;
  6642. background-color: #fff;
  6643. width: 100%;
  6644. height: 100%;
  6645. }
  6646. .config-plugin .plugin-common .bg-text-color ol li:last-of-type span {
  6647. display: block;
  6648. background-color: #333;
  6649. width: 100%;
  6650. height: 100%;
  6651. }
  6652. /*/状态栏*/
  6653. /*标题栏*/
  6654. @media (min-width: 1200px) {
  6655. #titleModal .modal-dialog {
  6656. width: 1070px;
  6657. }
  6658. }
  6659. #titleModal .modal-aside-left .bg {
  6660. background: url("../image/plugin-aside-1.png") no-repeat center top;
  6661. width: 268px;
  6662. height: 564px;
  6663. margin: 0 auto;
  6664. padding-top: .1px;
  6665. }
  6666. .plugin-title input {
  6667. color: #333;
  6668. }
  6669. .plugin-title .tit1 {
  6670. color: #333;
  6671. margin-bottom: 5px;
  6672. }
  6673. #titleModal .modal-aside-left .state-title-header {
  6674. margin-top: 71px;
  6675. }
  6676. #titleModal .modal-aside-left .state-top {
  6677. width: auto;
  6678. margin: 0 15px;
  6679. height: 16px;
  6680. line-height: 16px;
  6681. }
  6682. #titleModal .modal-aside-left .title-top {
  6683. height: 26px;
  6684. line-height: 26px;
  6685. position: relative;
  6686. /*margin-top: 85px;*/
  6687. width: auto;
  6688. margin-left: 15px;
  6689. margin-right: 15px;
  6690. }
  6691. #titleModal .modal-aside-left .title-top .iconfont {
  6692. font-size: 20px;
  6693. display: none;
  6694. }
  6695. #titleModal .modal-aside-left .title-top .t-left .iconfont {
  6696. margin-left: 5px;
  6697. margin-top: 1px;
  6698. }
  6699. #titleModal .modal-aside-left .title-top .t-right .iconfont {
  6700. margin-right: 5px;
  6701. margin-top: 1px;
  6702. }
  6703. #titleModal .modal-aside-left .title-top .text {
  6704. position: absolute;
  6705. left: 0;
  6706. top: 50%;
  6707. transform: translate(0, -50%);
  6708. width: 100%;
  6709. text-align: center;
  6710. white-space: nowrap;
  6711. font-size: 13px;
  6712. line-height: 27px;
  6713. }
  6714. .plugin-title .form-group {
  6715. margin-bottom: 40px;
  6716. }
  6717. .plugin-title .form-group:last-of-type {
  6718. margin-bottom: 0;
  6719. }
  6720. .plugin-title .function-keys-wrap {
  6721. margin-top: 40px;
  6722. }
  6723. .plugin-title .function-keys-wrap .form-group {
  6724. margin-bottom: 20px;
  6725. }
  6726. .plugin-title .function-keys-wrap .form-group:last-of-type {
  6727. margin-bottom: 0;
  6728. }
  6729. .plugin-title .function-keys li {
  6730. float: left;
  6731. margin-right: 25px;
  6732. cursor: pointer;
  6733. margin-bottom: 10px;
  6734. }
  6735. .plugin-title .function-keys li .icon {
  6736. position: relative;
  6737. top: 3px;
  6738. margin-right: 5px;
  6739. }
  6740. .plugin-title .function-keys li .iconfont {
  6741. position: relative;
  6742. top: 1px;
  6743. margin-right: 5px;
  6744. }
  6745. .plugin-title .function-keys li.disabled {
  6746. background-color: transparent !important;
  6747. }
  6748. .plugin-title .function-keys li .icon-checkbox-checked1 {
  6749. color: #157df1;
  6750. }
  6751. .plugin-title .title-top dd .icon-text {
  6752. display: none;
  6753. }
  6754. .plugin-title .title-top dd.vertical {
  6755. background-color: rgba(21, 125, 241, .5);
  6756. width: 100px;
  6757. padding: 10px 0 10px 8px;
  6758. margin-top: 4px;
  6759. }
  6760. .plugin-title .title-top .t-right dd.vertical {
  6761. padding-left: 20px;
  6762. }
  6763. .plugin-title .title-top dd.vertical .icon-text {
  6764. display: block;
  6765. }
  6766. .plugin-title .title-top dd.vertical .icon-wrap {
  6767. width: 100%;
  6768. height: 32px;
  6769. line-height: 32px;
  6770. }
  6771. .plugin-title .title-top dd.vertical .icon-wrap .iconfont {
  6772. margin-top: 0;
  6773. margin-right: 5px;
  6774. }
  6775. /*.plugin-title .common-ul{margin-bottom: 40px;}*/
  6776. .plugin-title .state-way {
  6777. position: relative;
  6778. margin-top: 40px;
  6779. }
  6780. .plugin-title .bg-text-color1 {
  6781. margin-top: 40px;
  6782. }
  6783. .plugin-title .bg-text-color1 ol li {
  6784. width: 30px;
  6785. height: 30px;
  6786. background-color: #e5e5e5;
  6787. border: 1px solid #999;
  6788. border-radius: 5px;
  6789. float: left;
  6790. padding: 6px;
  6791. cursor: pointer;
  6792. }
  6793. .plugin-title .bg-text-color1 ol li.active {
  6794. border: 3px solid #157df1;
  6795. }
  6796. .plugin-title .bg-text-color1 ol li:last-of-type {
  6797. margin-left: 10px;
  6798. }
  6799. .plugin-title .bg-text-color1 ol li:first-of-type span {
  6800. display: block;
  6801. background-color: #fff;
  6802. width: 100%;
  6803. height: 100%;
  6804. }
  6805. .plugin-title .bg-text-color1 ol li:last-of-type span {
  6806. display: block;
  6807. background-color: #333;
  6808. width: 100%;
  6809. height: 100%;
  6810. }
  6811. .plugin-title .state-bg-extension {
  6812. display: none;
  6813. padding-left: 15px;
  6814. }
  6815. .plugin-title .state-bg-extension .tit {
  6816. color: #333;
  6817. margin-bottom: 3px;
  6818. }
  6819. .plugin-title .state-way .way-popover {
  6820. position: absolute;
  6821. top: 0;
  6822. left: 198px;
  6823. color: #157df1;
  6824. font-size: 12px;
  6825. }
  6826. .plugin-title .hr {
  6827. margin-top: 50px;
  6828. margin-bottom: 45px;
  6829. }
  6830. .plugin-title .state-way .extend-prompt {
  6831. color: #fd641d;
  6832. font-size: 12px;
  6833. margin-top: 10px;
  6834. }
  6835. #titleModal .plugin-title .state-top-extension {
  6836. background: url("../image/img-ys.png") no-repeat center top;
  6837. width: 237px;
  6838. height: 128px;
  6839. }
  6840. /*/标题栏*/
  6841. /*导航栏*/
  6842. /*改版完成后,删除*/
  6843. .config-plugin .plugin-common .common-top.white .n-text {
  6844. color: #fff;
  6845. }
  6846. .config-plugin .plugin-common .common-top.black .n-text {
  6847. color: #333;
  6848. }
  6849. .config-plugin .plugin-common .common-top.white .n-icon {
  6850. border-color: #fff;
  6851. color: #fff;
  6852. }
  6853. .config-plugin .plugin-common .common-top.black .n-icon {
  6854. border-color: #333;
  6855. color: #333;
  6856. }
  6857. /*/改版完成后,删除*/
  6858. #navModal .modal-dialog {
  6859. width: 1070px;
  6860. }
  6861. #navModal .modal-aside-left .bg {
  6862. background: url("../image/plugin-aside-2.png") no-repeat center top;
  6863. width: 268px;
  6864. height: 564px;
  6865. margin: 0 auto;
  6866. padding-top: .1px;
  6867. position: relative;
  6868. }
  6869. .plugin-nav .nav-top {
  6870. background-color: #157df1;
  6871. height: 38px;
  6872. line-height: normal;
  6873. position: absolute;
  6874. bottom: 74px;
  6875. left: 15px;
  6876. right: 15px;
  6877. width: auto;
  6878. }
  6879. .plugin-nav .nav-top ul {
  6880. width: 100%;
  6881. /*height: 36px;*/
  6882. /*table-layout: fixed; display: table;*/
  6883. }
  6884. .plugin-nav .nav-top ul li {
  6885. display: table-cell;
  6886. text-align: center;
  6887. width: 1%;
  6888. height: 38px;
  6889. }
  6890. .plugin-nav .nav-top ul li:nth-of-type(n+3) {
  6891. display: none;
  6892. }
  6893. .plugin-nav .icon-null {
  6894. border: 1px solid #ddd;
  6895. width: 14px;
  6896. height: 14px;
  6897. border-radius: 50%;
  6898. background-color: #fff;
  6899. display: inline-block;
  6900. }
  6901. .plugin-nav .n-text {
  6902. color: #333;
  6903. }
  6904. .plugin-nav .nav-top .n-icon {
  6905. color: #ddd;
  6906. }
  6907. .plugin-nav .nav-top .n-text {
  6908. color: #ddd;
  6909. }
  6910. .plugin-nav .nav-top ul li:first-of-type .n-icon {
  6911. color: #fff;
  6912. border-color: #fff;
  6913. }
  6914. .plugin-nav .nav-top ul li:first-of-type .n-text {
  6915. color: #fff;
  6916. }
  6917. .plugin-nav .nav-top ul li .li-con {
  6918. display: flex;
  6919. justify-content: center;
  6920. align-items: center;
  6921. height: 100%;
  6922. }
  6923. /*.config-plugin .plugin-nav .tit1{color: #333; margin-bottom: 5px;}*/
  6924. .config-plugin .plugin-nav .set-nav .tit2 {
  6925. color: #333;
  6926. }
  6927. .config-plugin .plugin-nav .set-nav .tit2 span {
  6928. color: #999;
  6929. }
  6930. /*.config-plugin .plugin-nav .set-nav .tit2 span{color: #f00;}*/
  6931. .config-plugin .plugin-nav .set-nav .reset {
  6932. font-size: 12px;
  6933. color: #157df1;
  6934. line-height: 20px;
  6935. cursor: pointer;
  6936. }
  6937. .config-plugin .plugin-nav .set-nav .set-con {
  6938. border: 1px solid #e5e5e5;
  6939. border-radius: 3px;
  6940. margin-top: 5px;
  6941. }
  6942. /*配置插件 导航改版完成后将此处删除*/
  6943. /*
  6944. .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;}
  6945. .config-plugin .plugin-nav .set-nav .set-ul li:nth-of-type(n+3):not(.add-li){display: none;}
  6946. .config-plugin .plugin-nav .set-nav .set-ul li.active{border-bottom-color: transparent; background-color: #fff;}
  6947. .config-plugin .plugin-nav .set-nav .set-ul li.active .n-text{color: #333;}
  6948. .config-plugin .plugin-nav .set-nav .set-ul li.bg-error{background-color: #fd641d; color: #fff; border-bottom-color: #fd641d;}
  6949. .config-plugin .plugin-nav .set-nav .set-ul li.bg-error .n-text{color: #fff;}
  6950. .config-plugin .plugin-nav .set-nav .set-ul li.bg-error .iconfont{color: #fff !important;}
  6951. .config-plugin .plugin-nav .set-nav .set-ul li.add-li{padding: 0; width: 54px;}
  6952. .config-plugin .plugin-nav .set-nav .set-ul li .icon-null{margin-top: 0;}
  6953. .config-plugin .plugin-nav .set-nav .set-ul li.add-li .iconfont{color: #e5e5e5; font-size: 30px; margin-top: 7px; display: inline-block;}
  6954. .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;}
  6955. .config-plugin .plugin-nav .set-nav .set-ul li .mask .iconfont{font-size: 14px;}
  6956. .config-plugin .plugin-nav .set-nav .set-ul li:hover .mask{display: flex;}
  6957. .config-plugin .plugin-nav .set-nav .set-ul li .li-con{}
  6958. .config-plugin .plugin-nav .set-nav .tab{padding: 25px 10px 10px;}
  6959. .config-plugin .plugin-nav .set-nav .tab .add-icon-wrap .col-sm-7{width: auto;}
  6960. .config-plugin .plugin-nav .set-nav .tab .add-icon-wrap .add-link{margin-top: 10px;}
  6961. .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;}
  6962. .config-plugin .plugin-nav .set-nav .tab .add-icon .iconfont{color: #e5e5e5; font-size: 22px; margin-top: 2px; margin-left: 2px; display: inline-block;}
  6963. .config-plugin .plugin-nav .set-nav .tab .col-sm-2{width: 60px ; padding-right: 0;}
  6964. .config-plugin .plugin-nav .set-nav .tab .col-sm-2 .control-label{width: 100%;}
  6965. .config-plugin .plugin-nav .set-nav .tab .t-con{display: none;}
  6966. #navModal .error{display: none;}
  6967. #navModal .form-error .error{font-size: 12px; color: #fd641d; display: block; margin-left: 0px;}!*导航栏改版完成后,再改回50px*!
  6968. */
  6969. /*/配置插件 导航改版完成后将以上删除*/
  6970. .config-plugin .plugin-nav .set-nav .set-bottom {
  6971. margin-top: 40px;
  6972. }
  6973. .config-plugin .plugin-nav .set-nav .set-bottom .b-tit {
  6974. color: #333;
  6975. margin-bottom: 5px;
  6976. }
  6977. .config-plugin .plugin-nav .set-nav .set-bottom ul li {
  6978. float: left;
  6979. margin-right: 40px;
  6980. cursor: pointer;
  6981. }
  6982. .config-plugin .plugin-nav .set-nav .set-bottom ul li .icon-radio {
  6983. position: relative;
  6984. top: 3px;
  6985. margin-right: 5px;
  6986. }
  6987. .plugin-modal .icons li {
  6988. float: left;
  6989. text-align: center;
  6990. cursor: pointer;
  6991. margin: 5px;
  6992. color: #666;
  6993. }
  6994. .plugin-modal .icons li div {
  6995. font-size: 12px;
  6996. }
  6997. .plugin-modal .icons li .iconfont {
  6998. font-size: 36px;
  6999. }
  7000. .plugin-modal .icons li:hover {
  7001. color: #157df1;
  7002. }
  7003. /*2018/10/30 重构*/
  7004. /*.plugin-nav .plugin-common{padding: 15px 40px;}*/
  7005. /*.plugin-nav .bg-text-color{margin-top: 40px;}*/
  7006. .plugin-nav .tit1 {
  7007. margin-bottom: 5px;
  7008. color: #333;
  7009. }
  7010. .plugin-nav .nav-font-color1 {
  7011. margin-top: 40px;
  7012. }
  7013. .plugin-nav .nav-font-color2 {
  7014. margin-top: 40px;
  7015. }
  7016. .plugin-nav .n-nav {
  7017. background-color: #e5e5e5;
  7018. height: 36px;
  7019. line-height: 36px;
  7020. padding-left: 70px;
  7021. }
  7022. .plugin-nav .n-nav li {
  7023. float: left;
  7024. margin: 0 5px;
  7025. text-align: center;
  7026. }
  7027. .plugin-nav .n-nav .nav-fun {
  7028. width: 140px;
  7029. }
  7030. .plugin-nav .n-nav .nav-name {
  7031. width: 90px;
  7032. }
  7033. .plugin-nav .n-nav .nav-icon {
  7034. width: 34px;
  7035. margin-left: 0;
  7036. }
  7037. .plugin-nav .n-list {
  7038. padding: 20px;
  7039. color: #333;
  7040. }
  7041. .plugin-nav .n-list dd {
  7042. margin-bottom: 30px;
  7043. position: relative;
  7044. display: none;
  7045. }
  7046. .plugin-nav .n-list dd.active {
  7047. display: block;
  7048. }
  7049. .plugin-nav .n-list .n-num {
  7050. margin-right: 15px;
  7051. padding-top: 7px;
  7052. }
  7053. .plugin-nav .n-list .n-text {
  7054. margin-right: 10px;
  7055. width: 90px;
  7056. padding: 6px;
  7057. }
  7058. .plugin-nav .n-list select {
  7059. margin-right: 10px;
  7060. width: 140px;
  7061. padding: 6px;
  7062. color: #999;
  7063. }
  7064. .plugin-nav .n-list .add-icon {
  7065. border: 1px solid #e5e5e5;
  7066. border-radius: 3px;
  7067. width: 34px;
  7068. height: 34px;
  7069. text-align: center;
  7070. cursor: pointer;
  7071. margin-right: 10px;
  7072. }
  7073. .plugin-nav .n-list .add-icon .iconfont {
  7074. color: #e5e5e5;
  7075. font-size: 22px;
  7076. /*margin-top: 2px;*/
  7077. margin-left: 3px;
  7078. display: inline-block;
  7079. }
  7080. .plugin-nav .n-list .n-link {
  7081. margin-right: 20px;
  7082. width: 175px;
  7083. padding: 6px;
  7084. visibility: hidden;
  7085. }
  7086. .plugin-nav .n-list .n-delete {
  7087. font-size: 24px;
  7088. color: #f17d78;
  7089. cursor: pointer;
  7090. display: none;
  7091. }
  7092. .plugin-nav .n-list dd:hover .n-delete {
  7093. display: block;
  7094. }
  7095. .plugin-nav .n-list dd .error {
  7096. color: #ff4222;
  7097. position: absolute;
  7098. left: 50px;
  7099. top: 100%;
  7100. display: none;
  7101. }
  7102. .plugin-nav .n-list dd.form-error .error {
  7103. display: block;
  7104. }
  7105. /*2018/10/30 重构*/
  7106. /*导航栏*/
  7107. /*升级提示*/
  7108. .plugin-upgrade-prompt .u-con {
  7109. margin-bottom: 40px;
  7110. }
  7111. .plugin-upgrade-prompt .u-tit {
  7112. color: #333;
  7113. margin-bottom: 5px;
  7114. }
  7115. .plugin-upgrade-prompt ul li {
  7116. float: left;
  7117. color: #333;
  7118. cursor: pointer;
  7119. }
  7120. .plugin-upgrade-prompt ul li+li {
  7121. margin-left: 30px;
  7122. }
  7123. .plugin-upgrade-prompt ul li .icon-radio {
  7124. position: relative;
  7125. top: 3px;
  7126. margin-right: 8px;
  7127. }
  7128. .plugin-upgrade-prompt .u-con select+input[type=text] {
  7129. display: none;
  7130. }
  7131. .plugin-upgrade-prompt .style li {
  7132. text-align: center;
  7133. color: #666;
  7134. }
  7135. .plugin-upgrade-prompt .style li .s-con {
  7136. position: relative;
  7137. margin-bottom: 5px;
  7138. border-radius: 5px;
  7139. overflow: hidden;
  7140. border: 1px solid transparent;
  7141. }
  7142. .plugin-upgrade-prompt .style li .s-con .icon-checkbox {
  7143. position: absolute;
  7144. bottom: 0;
  7145. right: 0;
  7146. display: none;
  7147. }
  7148. .plugin-upgrade-prompt .style li.active .s-con {
  7149. border-color: #157df1;
  7150. }
  7151. .plugin-upgrade-prompt .style li.active .s-con .icon-checkbox {
  7152. display: block;
  7153. }
  7154. .plugin-upgrade-prompt .download-address {
  7155. margin-bottom: 0;
  7156. }
  7157. /*/升级提示*/
  7158. /*左侧栏*/
  7159. @media (min-width: 1200px) {
  7160. #asideModal .modal-dialog {
  7161. width: 1070px;
  7162. }
  7163. }
  7164. #asideModal .modal-content {
  7165. overflow: hidden;
  7166. background-color: #f0f0f0;
  7167. }
  7168. #asideModal .aside-modal .a-left {
  7169. width: 35%;
  7170. float: left;
  7171. /*background-color: #f0f0f0; padding-bottom: 100px;*/
  7172. }
  7173. #asideModal .aside-modal .a-right {
  7174. width: 65%;
  7175. float: right;
  7176. background-color: #fff;
  7177. }
  7178. #asideModal .aside-modal .a-left .phone {
  7179. background: url("../image/aside-phone.png") no-repeat;
  7180. width: 268px;
  7181. height: 564px;
  7182. position: relative;
  7183. margin: 30px auto 0;
  7184. }
  7185. #asideModal .aside-modal .a-left .phone .bg {
  7186. position: absolute;
  7187. left: 13px;
  7188. top: 70px;
  7189. width: 241px;
  7190. height: 422px;
  7191. background-color: rgb(0, 0, 0);
  7192. padding: 30px 20px;
  7193. }
  7194. #asideModal .aside-modal .a-left .l-tit {
  7195. text-align: center;
  7196. margin-top: 60px;
  7197. color: #333;
  7198. font-size: 16px;
  7199. }
  7200. #asideModal .aside-modal .a-left .phone .bg .aside-icon {
  7201. margin-bottom: 18px;
  7202. }
  7203. #asideModal .aside-modal .a-left .phone .bg .aside-icon img {
  7204. border-radius: 3px;
  7205. width: 40px;
  7206. height: 40px;
  7207. }
  7208. #asideModal .aside-modal .a-left .phone .bg .aside-nav li {
  7209. border-bottom: 1px solid #e5e5e5;
  7210. padding: 4px 0;
  7211. display: none;
  7212. }
  7213. #asideModal .aside-modal .a-left .phone .bg .aside-nav li .iconfont {
  7214. font-size: 20px;
  7215. color: #333;
  7216. }
  7217. #asideModal .aside-modal .a-left .phone .bg .aside-nav li .text {
  7218. margin-left: 5px;
  7219. margin-top: 5px;
  7220. white-space: nowrap;
  7221. text-overflow: ellipsis;
  7222. overflow: hidden;
  7223. max-width: 95px;
  7224. color: #333;
  7225. }
  7226. /*#asideModal .aside-modal .a-left .phone .bg .aside-nav.white licolor: #fff;}*/
  7227. /*#asideModal .aside-modal .a-left .phone .bg .aside-nav.black li{color: #000;}*/
  7228. #asideModal .aside-modal .a-left .phone .bg .b-right {
  7229. position: absolute;
  7230. top: 0;
  7231. right: 0;
  7232. }
  7233. #asideModal .aside-modal .a-left .phone .bg .b-right img {
  7234. display: none;
  7235. }
  7236. #asideModal .plugin-remind {
  7237. display: block;
  7238. margin-top: 20px;
  7239. }
  7240. .plugin-aside .set-bottom ul li {
  7241. float: left;
  7242. margin-right: 40px;
  7243. cursor: pointer;
  7244. }
  7245. .plugin-aside .set-nav .set-bottom ul li .icon-radio {
  7246. position: relative;
  7247. top: 3px;
  7248. margin-right: 5px;
  7249. }
  7250. .plugin-aside .tit1 {
  7251. color: #333;
  7252. margin-bottom: 5px;
  7253. }
  7254. .plugin-aside .set-nav .tit2 {
  7255. color: #333;
  7256. }
  7257. .plugin-aside .set-nav .tit2 span {
  7258. color: #999;
  7259. }
  7260. .plugin-aside .set-nav .reset {
  7261. font-size: 12px;
  7262. color: #157df1;
  7263. line-height: 20px;
  7264. cursor: pointer;
  7265. }
  7266. .plugin-aside .set-nav .set-con {
  7267. border: 1px solid #e5e5e5;
  7268. border-radius: 3px;
  7269. margin-top: 5px;
  7270. }
  7271. .plugin-aside .set-nav .set-bottom {
  7272. margin-top: 40px;
  7273. }
  7274. .plugin-aside .set-nav .set-bottom .b-tit {
  7275. color: #333;
  7276. margin-bottom: 5px;
  7277. }
  7278. .plugin-aside .set-nav .set-bottom ul li {
  7279. float: left;
  7280. margin-right: 40px;
  7281. cursor: pointer;
  7282. color: #333;
  7283. }
  7284. .plugin-aside .set-nav .set-bottom ul li .icon-radio {
  7285. position: relative;
  7286. top: 3px;
  7287. margin-right: 5px;
  7288. }
  7289. .plugin-aside .n-nav {
  7290. background-color: #e5e5e5;
  7291. height: 36px;
  7292. line-height: 36px;
  7293. padding-left: 65px;
  7294. }
  7295. .plugin-aside .n-nav li {
  7296. float: left;
  7297. margin: 0 5px;
  7298. text-align: center;
  7299. }
  7300. .plugin-aside .n-nav .nav-fun {
  7301. width: 140px;
  7302. }
  7303. .plugin-aside .n-nav .nav-name {
  7304. width: 90px;
  7305. }
  7306. .plugin-aside .n-nav .nav-icon {
  7307. width: 34px;
  7308. }
  7309. .plugin-aside .n-list {
  7310. padding: 20px;
  7311. color: #333;
  7312. }
  7313. .plugin-aside .n-list dd {
  7314. margin-bottom: 30px;
  7315. position: relative;
  7316. display: none;
  7317. }
  7318. .plugin-aside .n-list dd.active {
  7319. display: block;
  7320. }
  7321. .plugin-aside .n-list .n-num {
  7322. margin-right: 10px;
  7323. padding-top: 7px;
  7324. width: 45px;
  7325. }
  7326. .plugin-aside .n-list .n-text {
  7327. margin-right: 10px;
  7328. width: 90px;
  7329. padding: 6px;
  7330. }
  7331. .plugin-aside .n-list select {
  7332. margin-right: 10px;
  7333. width: 135px;
  7334. padding: 6px;
  7335. color: #999;
  7336. }
  7337. .plugin-aside .n-list .add-icon {
  7338. border: 1px solid #e5e5e5;
  7339. border-radius: 3px;
  7340. width: 34px;
  7341. height: 34px;
  7342. text-align: center;
  7343. cursor: pointer;
  7344. margin-right: 10px;
  7345. }
  7346. .plugin-aside .n-list .add-icon .iconfont {
  7347. color: #e5e5e5;
  7348. font-size: 22px;
  7349. /*margin-top: 2px;*/
  7350. margin-left: 2px;
  7351. display: inline-block;
  7352. }
  7353. .plugin-aside .n-list .n-link {
  7354. margin-right: 20px;
  7355. width: 170px;
  7356. padding: 6px;
  7357. visibility: hidden;
  7358. }
  7359. .plugin-aside .n-list .n-delete {
  7360. font-size: 24px;
  7361. color: #f17d78;
  7362. cursor: pointer;
  7363. display: none;
  7364. }
  7365. .plugin-aside .n-list dd:hover .n-delete {
  7366. display: block;
  7367. }
  7368. .plugin-aside .n-list dd .error {
  7369. color: #ff4222;
  7370. margin-left: 50px;
  7371. /*position: absolute; left: 50px; top: 100%;*/
  7372. display: none;
  7373. }
  7374. .plugin-aside .n-list dd.form-error .error {
  7375. display: block;
  7376. }
  7377. .plugin-modal .icons li {
  7378. float: left;
  7379. text-align: center;
  7380. cursor: pointer;
  7381. width: calc(100% / 12);
  7382. /*margin: 5px 4px;*/
  7383. color: #666;
  7384. }
  7385. .plugin-modal .icons li div {
  7386. font-size: 12px;
  7387. }
  7388. .plugin-modal .icons li .iconfont {
  7389. font-size: 36px;
  7390. }
  7391. .plugin-modal .icons li:hover {
  7392. color: #157df1;
  7393. }
  7394. .plugin-aside .error {
  7395. display: none;
  7396. }
  7397. .plugin-aside .form-error .error {
  7398. font-size: 12px;
  7399. color: #fd641d;
  7400. display: block;
  7401. }
  7402. .plugin-aside .top-show {
  7403. margin-top: 40px;
  7404. }
  7405. .plugin-aside .top-show .b-tit {
  7406. color: #333;
  7407. margin-bottom: 5px;
  7408. }
  7409. .plugin-aside .top-show ul li {
  7410. float: left;
  7411. width: 140px;
  7412. padding: 9px 12px;
  7413. position: relative;
  7414. margin-right: 20px;
  7415. }
  7416. .plugin-aside .top-show ul li .icon-checkbox-small {
  7417. position: absolute;
  7418. right: 0;
  7419. bottom: 0;
  7420. display: none;
  7421. }
  7422. .plugin-aside .top-show ul li.active {
  7423. border-color: #157df1;
  7424. }
  7425. .plugin-aside .top-show ul li.active .icon-checkbox-small {
  7426. display: block;
  7427. }
  7428. .plugin-aside .con {
  7429. border: 1px solid #e5e5e5;
  7430. border-radius: 5px;
  7431. padding: 0 10px;
  7432. position: relative;
  7433. overflow: hidden;
  7434. cursor: pointer;
  7435. }
  7436. .plugin-aside .con .icon-checkbox {
  7437. position: absolute;
  7438. right: 0;
  7439. bottom: 0;
  7440. display: none;
  7441. }
  7442. .plugin-aside .con.active {
  7443. border-color: #157df1;
  7444. }
  7445. .plugin-aside .con.active .icon-checkbox {
  7446. display: block;
  7447. }
  7448. .plugin-aside .con .tit1 {
  7449. padding: 15px 0;
  7450. }
  7451. .plugin-aside .con.active .tit1 {
  7452. color: #157df1;
  7453. }
  7454. .plugin-aside .con-1 {
  7455. border: 1px solid #e5e5e5;
  7456. border-radius: 5px 5px 0 0;
  7457. border-bottom: none;
  7458. height: 140px;
  7459. }
  7460. .plugin-aside .con-1 .a-icon {
  7461. color: #333;
  7462. padding: 0 5px;
  7463. border-bottom: 1px solid #e5e5e5;
  7464. }
  7465. .plugin-aside .con-1 .a-icon .iconfont {
  7466. font-size: 20px;
  7467. }
  7468. .plugin-aside .con-1 .tit2 {
  7469. text-align: center;
  7470. color: #157df1;
  7471. margin-top: 5px;
  7472. }
  7473. .plugin-aside .con .icon-checkbox-small {
  7474. position: absolute;
  7475. right: 0;
  7476. bottom: 0;
  7477. display: none;
  7478. }
  7479. .plugin-aside .con.active .icon-checkbox-small {
  7480. display: block;
  7481. }
  7482. .plugin-remind {
  7483. margin-top: 45px;
  7484. display: none;
  7485. }
  7486. .plugin-remind .r-tit {
  7487. color: #333;
  7488. margin-bottom: 2px;
  7489. }
  7490. .plugin-remind p {
  7491. color: #fd641d;
  7492. }
  7493. .plugin-remind1 {
  7494. margin-top: 45px;
  7495. display: none;
  7496. }
  7497. .plugin-remind1 .r-tit {
  7498. color: #333;
  7499. margin-bottom: 2px;
  7500. }
  7501. .plugin-remind1 p {
  7502. color: #fd641d;
  7503. }
  7504. /*/左侧栏*/
  7505. /*制作启动图*/
  7506. #startPicModal .modal-dialog {
  7507. width: 1010px;
  7508. }
  7509. #startPicModal .modal-content {
  7510. overflow: hidden;
  7511. }
  7512. #startPicModal .modal-body {
  7513. max-height: 630px;
  7514. min-height: 630px;
  7515. padding: 20px 30px;
  7516. }
  7517. #startPicModal .aside-modal {
  7518. background-color: #f0f0f0;
  7519. }
  7520. #startPicModal .aside-modal .a-left {
  7521. width: 35%;
  7522. float: left;
  7523. padding-top: 30px;
  7524. }
  7525. #startPicModal .aside-modal .a-right {
  7526. width: 65%;
  7527. float: right;
  7528. background-color: #fff;
  7529. }
  7530. #startPicModal .aside-modal .a-left .l-tit {
  7531. text-align: center;
  7532. /*margin-top: 60px;*/
  7533. color: #333;
  7534. font-size: 16px;
  7535. }
  7536. #startPicModal .aside-modal .a-left .phone {
  7537. background: url("../image/aside-phone1.png") no-repeat;
  7538. width: 304px;
  7539. height: 640px;
  7540. position: relative;
  7541. margin: 30px auto 0;
  7542. }
  7543. #startPicModal .aside-modal .a-left .phone .bg {
  7544. position: absolute;
  7545. left: 17px;
  7546. top: 70px;
  7547. width: 270px;
  7548. height: 480px;
  7549. overflow: hidden;
  7550. /*padding: 60px 20px;*/
  7551. background-position: center;
  7552. background-size: cover;
  7553. }
  7554. #startPicModal .aside-modal .a-left .phone .bg img {
  7555. border: 1px solid #e5e5e5;
  7556. }
  7557. #startPicModal .aside-modal .a-left .phone .s-app-icon {
  7558. text-align: center;
  7559. margin-bottom: 7px;
  7560. }
  7561. #startPicModal .aside-modal .a-left .phone .s-app-icon img {
  7562. width: 65px;
  7563. height: 65px;
  7564. border-radius: 5px;
  7565. }
  7566. #startPicModal .aside-modal .a-left .phone .s-app-name {
  7567. text-align: center;
  7568. color: #fff;
  7569. position: absolute;
  7570. left: 0;
  7571. top: 132px;
  7572. width: 100%;
  7573. }
  7574. #startPicModal .aside-modal .a-left .phone .s-app-introduce {
  7575. color: #fff;
  7576. font-size: 12px;
  7577. margin-top: 5px;
  7578. white-space: nowrap;
  7579. text-overflow: ellipsis;
  7580. overflow: hidden;
  7581. width: 100%;
  7582. text-align: center;
  7583. position: absolute;
  7584. left: 0;
  7585. top: 152px;
  7586. }
  7587. /*#startPicModal .making-startup{padding: 10px 35px;}*/
  7588. #startPicModal .making-startup .s-tit {
  7589. color: #333;
  7590. margin-bottom: 5px;
  7591. }
  7592. #startPicModal .making-startup .pic-list {
  7593. width: 460px;
  7594. margin-bottom: 40px;
  7595. }
  7596. #startPicModal .making-startup .pic-list li {
  7597. float: left;
  7598. position: relative;
  7599. border: 1px solid #e5e5e5;
  7600. margin-right: 10px;
  7601. margin-bottom: 10px;
  7602. cursor: pointer;
  7603. }
  7604. #startPicModal .making-startup .pic-list li.active {
  7605. border-color: #157df1;
  7606. }
  7607. #startPicModal .making-startup .pic-list li .icon-checkbox {
  7608. position: absolute;
  7609. right: 0;
  7610. bottom: 0;
  7611. display: none;
  7612. }
  7613. #startPicModal .making-startup .pic-list li.active .icon-checkbox {
  7614. display: block;
  7615. }
  7616. #startPicModal .making-startup .radio-tick {
  7617. margin-bottom: 45px;
  7618. }
  7619. #startPicModal .a-left .phone .bg-3 .s-app-icon {
  7620. margin-top: 100px;
  7621. }
  7622. #startPicModal .a-left .phone .bg-3 .s-app-name {
  7623. color: #333;
  7624. top: 232px;
  7625. }
  7626. #startPicModal .a-left .phone .bg-3 .s-app-introduce {
  7627. color: #333;
  7628. top: 252px;
  7629. }
  7630. /*#startPicModal .aside-modal .a-left .phone .bg-4{height: 475px;}*/
  7631. #startPicModal .a-left .phone .bg-4 .s-app-wrap {
  7632. position: absolute;
  7633. bottom: 10px;
  7634. left: 5px;
  7635. width: 100%;
  7636. }
  7637. #startPicModal .a-left .phone .bg-4 .s-app-icon {
  7638. float: left;
  7639. }
  7640. #startPicModal .a-left .phone .bg-4 .s-name-wrap {
  7641. float: left;
  7642. width: 70%;
  7643. margin-top: 13px;
  7644. margin-left: 5px;
  7645. }
  7646. #startPicModal .a-left .phone .bg-4 .s-app-name {
  7647. color: #333;
  7648. text-align: left;
  7649. position: static;
  7650. }
  7651. #startPicModal .a-left .phone .bg-4 .s-app-introduce {
  7652. color: #333;
  7653. position: static;
  7654. text-align: left;
  7655. }
  7656. #startPicModal .a-left .phone .bg-5 {
  7657. border: 1px solid #e5e5e5;
  7658. }
  7659. #startPicModal .a-left .phone .bg-5 .s-app-icon {
  7660. margin-top: 30px;
  7661. }
  7662. #startPicModal .a-left .phone .bg-5 .s-app-name {
  7663. color: #333;
  7664. top: 163px;
  7665. }
  7666. #startPicModal .a-left .phone .bg-5 .s-app-introduce {
  7667. color: #333;
  7668. top: 183px;
  7669. }
  7670. #startPicModal .a-left .phone .bg-6 .s-app-name {
  7671. color: #333;
  7672. }
  7673. #startPicModal .a-left .phone .bg-6 .s-app-introduce {
  7674. color: #333;
  7675. }
  7676. #startPicModal .a-left .phone .bg-7 .s-app-name {
  7677. color: #333;
  7678. }
  7679. #startPicModal .a-left .phone .bg-7 .s-app-introduce {
  7680. color: #333;
  7681. }
  7682. /*#startPicModal .aside-modal .a-left .phone .bg-8{height: 475px;}*/
  7683. #startPicModal .a-left .phone .bg-8 .s-app-wrap {
  7684. position: absolute;
  7685. bottom: 10px;
  7686. left: 5px;
  7687. width: 100%;
  7688. }
  7689. #startPicModal .a-left .phone .bg-8 .s-app-icon {
  7690. float: left;
  7691. }
  7692. #startPicModal .a-left .phone .bg-8 .s-name-wrap {
  7693. float: left;
  7694. width: 70%;
  7695. margin-top: 13px;
  7696. margin-left: 5px;
  7697. }
  7698. #startPicModal .a-left .phone .bg-8 .s-app-name {
  7699. color: #333;
  7700. text-align: left;
  7701. position: static;
  7702. }
  7703. #startPicModal .a-left .phone .bg-8 .s-app-introduce {
  7704. color: #333;
  7705. position: static;
  7706. text-align: left;
  7707. }
  7708. #startPicModal .a-left .phone .bg-9 .s-app-name {
  7709. color: #333;
  7710. }
  7711. #startPicModal .a-left .phone .bg-9 .s-app-introduce {
  7712. color: #333;
  7713. }
  7714. /*/制作启动图*/
  7715. /*制作图标*/
  7716. /*2019/4/9/ 改版*/
  7717. @media (min-width: 1200px) {
  7718. #makeIconsModal .modal-dialog {
  7719. width: 1010px;
  7720. }
  7721. #makeIconsModal .modal-dialog .modal-body {
  7722. padding: 20px 30px;
  7723. min-height: 410px;
  7724. }
  7725. }
  7726. #makeIconsModal .m-tit {
  7727. color: #333;
  7728. margin-bottom: 10px;
  7729. }
  7730. #makeIconsModal .m-icon {
  7731. background-position: center;
  7732. width: 150px;
  7733. height: 150px;
  7734. background-size: cover;
  7735. display: flex;
  7736. justify-content: center;
  7737. align-items: center;
  7738. margin: 0 auto;
  7739. }
  7740. #makeIconsModal .m-icon img {
  7741. width: 150px;
  7742. height: auto;
  7743. display: block;
  7744. border-radius: 15px;
  7745. }
  7746. #makeIconsModal .m-icon .m-name {
  7747. color: #fff;
  7748. max-width: 120px;
  7749. text-align: center;
  7750. }
  7751. #makeIconsModal .icon-bg {
  7752. border: 1px solid #e5e5e5;
  7753. padding: 30px 25px;
  7754. border-radius: 5px;
  7755. margin-bottom: 50px;
  7756. }
  7757. #makeIconsModal .icon-bg dl dt {
  7758. color: #333;
  7759. margin-right: 20px;
  7760. }
  7761. #makeIconsModal .m-icon-bg1 {
  7762. margin-bottom: 20px;
  7763. }
  7764. #makeIconsModal .m-icon-bg1 dt {
  7765. line-height: 30px;
  7766. }
  7767. #makeIconsModal .m-icon-bg1 dd {
  7768. width: 40%;
  7769. }
  7770. #makeIconsModal .m-icon-bg2 dt {
  7771. line-height: 40px;
  7772. }
  7773. .make-img-common .tab {
  7774. border-right: 1px solid #e5e5e5;
  7775. }
  7776. .make-img-common .tab li {
  7777. float: left;
  7778. width: 16.66666667%;
  7779. text-align: center;
  7780. line-height: 32px;
  7781. border: 1px solid #e5e5e5;
  7782. color: #333;
  7783. background-color: #fbfbfb;
  7784. cursor: pointer;
  7785. }
  7786. .make-img-common .tab li+li {
  7787. border-left-color: transparent;
  7788. }
  7789. .make-img-common .tab li:last-of-type {
  7790. border-right-color: transparent;
  7791. }
  7792. .make-img-common .tab li.active {
  7793. background-color: #fff;
  7794. border-bottom-color: transparent;
  7795. }
  7796. /*#makeIconsModal .foreground-map .tab li:first-of-type{border-radius: 5px 0 0 0;}*/
  7797. /*#makeIconsModal .foreground-map .tab li:last-of-type{border-radius: 0 5px 0 0;}*/
  7798. .make-img-common .tab-con {
  7799. border: 1px solid #e5e5e5;
  7800. margin-top: -1px;
  7801. }
  7802. .make-img-common .tab-con>div {
  7803. display: none;
  7804. }
  7805. .make-img-common .tab-common {
  7806. padding: 30px 40px;
  7807. }
  7808. .make-img-common .tab-common ul {
  7809. /*height: 204px; overflow-y: auto;*/
  7810. }
  7811. .make-img-common .tab-common ul li {
  7812. width: calc((100% - 24px) / 7);
  7813. position: relative;
  7814. margin-right: 4px;
  7815. margin-bottom: 4px;
  7816. float: left;
  7817. cursor: pointer;
  7818. border: 1px solid #e5e5e5;
  7819. }
  7820. #startPicModal .make-img-common .tab-common ul li {
  7821. width: calc((100% - 16px) / 5);
  7822. }
  7823. #makeIconsModal .make-img-common .tab-common ul li:nth-child(7n) {
  7824. margin-right: 0;
  7825. }
  7826. #startPicModal .make-img-common .tab-common ul li:nth-child(5n) {
  7827. margin-right: 0;
  7828. }
  7829. .make-img-common .tab-common ul li .icon-checkbox-small {
  7830. position: absolute;
  7831. right: 0;
  7832. bottom: 0;
  7833. display: none;
  7834. }
  7835. .make-img-common .tab-common ul li.active {}
  7836. .make-img-common .tab-common ul li.active .icon-checkbox-small {
  7837. display: block;
  7838. }
  7839. .make-img-common .tab-common ul li .t-con {}
  7840. .make-img-common .tab-common ul li.active {
  7841. border-color: #157df1;
  7842. }
  7843. #makeIconsModal .error {
  7844. font-size: 12px;
  7845. color: #fd641d;
  7846. margin-top: 5px;
  7847. display: none;
  7848. }
  7849. #makeIconsModal .form-error .error {
  7850. display: block;
  7851. }
  7852. /*/制作图标*/
  7853. /*网页缩放*/
  7854. .plugin-web-zoom .tit {
  7855. color: #333;
  7856. margin-bottom: 5px;
  7857. }
  7858. /*/网页缩放*/
  7859. /*手势配置*/
  7860. .plugin-gestures .tit {
  7861. color: #333;
  7862. margin-bottom: 3px;
  7863. }
  7864. .plugin-gestures .gestures-list1 {
  7865. margin-bottom: 40px;
  7866. }
  7867. .plugin-gestures .gestures-list1 li {
  7868. float: left;
  7869. margin-right: 40px;
  7870. cursor: pointer;
  7871. }
  7872. .plugin-gestures .gestures-list2 .tit {
  7873. margin-bottom: 5px;
  7874. }
  7875. .plugin-gestures .gestures-list2 p {
  7876. color: #fd641d;
  7877. margin-top: 10px;
  7878. }
  7879. /*/手势配置*/
  7880. /*浏览器UA*/
  7881. .plugin-ua .ua {
  7882. margin-bottom: 40px;
  7883. }
  7884. .plugin-ua .ua:last-of-type {
  7885. margin-bottom: 10px;
  7886. }
  7887. .plugin-ua .ua .tit {
  7888. color: #333;
  7889. margin-bottom: 5px;
  7890. }
  7891. .plugin-ua .ua-con {
  7892. border: 1px solid #e5e5e5;
  7893. padding: 30px 0;
  7894. }
  7895. .plugin-ua .ua-con .form-control {
  7896. margin-bottom: 8px;
  7897. }
  7898. .plugin-ua .ua-con .form-group {
  7899. margin: 0 -5px 25px;
  7900. }
  7901. .plugin-ua .ua-con .form-group:last-of-type {
  7902. margin-bottom: 0;
  7903. }
  7904. .plugin-ua .ua-con .col-sm-3 {
  7905. padding: 10px 5px 0;
  7906. }
  7907. @media (min-width: 1200px) {
  7908. .plugin-ua .ua-con .col-sm-3 {
  7909. width: 22%;
  7910. }
  7911. }
  7912. .plugin-ua .ua-con .col-sm-8 {
  7913. padding: 0 5px;
  7914. }
  7915. .plugin-ua .ua-con label {
  7916. font-size: 12px;
  7917. color: #333;
  7918. }
  7919. .plugin-ua .ua-con p {
  7920. font-size: 12px;
  7921. }
  7922. .plugin-ua .ua-con p span {
  7923. color: #157df1;
  7924. }
  7925. .plugin-ua .ua-con .error {
  7926. font-size: 12px;
  7927. color: #fd641d;
  7928. margin-top: 5px;
  7929. display: none;
  7930. }
  7931. .plugin-ua .ua-con .form-error .error {
  7932. display: block;
  7933. }
  7934. /*/浏览器UA*/
  7935. /*保存账户密码*/
  7936. .plugin-save-pwd .tit {
  7937. color: #333;
  7938. margin-bottom: 5px;
  7939. }
  7940. /*/保存账户密码*/
  7941. /*----------/封装 配置插件----------*/
  7942. /*----------应用发布 改版----------*/
  7943. .release-app2>.row {
  7944. margin: 0 0 15px;
  7945. overflow: hidden;
  7946. height: 100%;
  7947. }
  7948. @media (min-width: 1200px) {
  7949. .release-app2>.row>.col-sm-2 {
  7950. padding: 0 0 9999px;
  7951. margin-bottom: -9999px;
  7952. }
  7953. }
  7954. .release-app2>.row>.col-sm-2 {
  7955. background-color: #fff;
  7956. /* box-shadow: 0 0 5px rgba(0, 0, 0, .05); */
  7957. }
  7958. .release-app2>.row>.col-sm-10 {
  7959. padding: 0 0 0 10px;
  7960. }
  7961. /*
  7962. .release-app2>.row{margin-left: -5px; margin-right: -5px;}
  7963. .release-app2>.row>.col-sm-2,.release-app2>.row>.col-sm-10{padding-left: 5px; padding-right: 5px;}
  7964. */
  7965. aside.aside-left {
  7966. padding-top: 20px;
  7967. }
  7968. aside.aside-left ul li {
  7969. margin-bottom: 8px;
  7970. }
  7971. aside.aside-left ul li a {
  7972. padding-left: 40px;
  7973. display: block;
  7974. height: 60px;
  7975. line-height: 60px;
  7976. border-left: 4px solid transparent;
  7977. color: rgba(21, 21, 21, 1);
  7978. font-family: Source Han Sans SC;
  7979. font-weight: 500;
  7980. font-size: 16px;
  7981. }
  7982. aside.aside-left ul li a .iconfont {
  7983. margin-right: 12px;
  7984. font-size: 24px;
  7985. width: 24px;
  7986. height: 24px;
  7987. line-height: 24px;
  7988. position: relative;
  7989. display: inline-block;
  7990. }
  7991. aside.aside-left ul li a .iconfont::before {
  7992. content: "";
  7993. background-repeat: no-repeat;
  7994. background-size: 100% 100%;
  7995. background-position: center;
  7996. width: 24px;
  7997. height: 24px;
  7998. display: inline-block;
  7999. position: absolute;
  8000. top: 5px;
  8001. left: 0;
  8002. background-image: url(../image/inner-nav/nav-3.png);
  8003. }
  8004. aside.aside-left ul li a .iconfont.icon-upload1::before {
  8005. background-image: url(../image/inner-nav/nav-2.png);
  8006. }
  8007. aside.aside-left ul li a .iconfont.icon-41::before {
  8008. background-image: url(../image/inner-nav/nav-3.png);
  8009. }
  8010. aside.aside-left ul li a .iconfont.icon-liulanqi::before {
  8011. background-image: url(../image/inner-nav/nav-1.png);
  8012. }
  8013. aside.aside-left ul li a .iconfont.icon-erweima::before {
  8014. background-image: url(../image/inner-nav/nav-4.png);
  8015. }
  8016. aside.aside-left ul li a .iconfont.icon-jilu::before {
  8017. background-image: url(../image/inner-nav/nav-1.png);
  8018. }
  8019. aside.aside-left ul li a .iconfont.icon-pwd::before {
  8020. background-image: url(../image/inner-nav/nav-1.png);
  8021. }
  8022. aside.aside-left ul li a .iconfont.icon-gongju::before {
  8023. background-image: url(../image/inner-nav/nav-1.png);
  8024. }
  8025. aside.aside-left ul li a .iconfont.icon-jilu::before {
  8026. background-image: url(../image/inner-nav/nav-5.png);
  8027. }
  8028. aside.aside-left ul li a .iconfont.icon-fz::before {
  8029. background-image: url(../image/inner-nav/nav-6.png);
  8030. }
  8031. aside.aside-left ul li a .iconfont.icon-fzmianqian::before {
  8032. background-image: url(../image/inner-nav/nav-7.png);
  8033. }
  8034. aside.aside-left ul li a .iconfont.icon-fzjilu::before {
  8035. background-image: url(../image/inner-nav/nav-8.png);
  8036. }
  8037. aside.aside-left ul li a .iconfont.icon-user1::before {
  8038. background-image: url(../image/inner-nav/nav-9.png);
  8039. }
  8040. aside.aside-left ul li a .iconfont.icon-028::before {
  8041. background-image: url(../image/inner-nav/nav-10.png);
  8042. }
  8043. aside.aside-left ul li a .iconfont.icon-fapiao::before {
  8044. background-image: url(../image/inner-nav/nav-11.png);
  8045. }
  8046. aside.aside-left ul li a .iconfont.icon-team::before {
  8047. background-image: url(../image/inner-nav/nav-12.png);
  8048. }
  8049. aside.aside-left ul li a .iconfont.icon-008::before {
  8050. background-image: url(../image/inner-nav/nav-13.png);
  8051. }
  8052. aside.aside-left ul li.active a {
  8053. background-color: #e7f2fe;
  8054. border-color: rgba(33, 104, 251, 1);
  8055. color: #157df1;
  8056. }
  8057. aside.aside-left ul li.active a .iconfont {
  8058. color: #157df1;
  8059. }
  8060. aside.aside-left ul li.active a .icon-upload1 {
  8061. font-size: 18px;
  8062. }
  8063. aside.aside-left ul li:hover a {
  8064. background-color: rgba(231, 242, 254, 1);
  8065. border-color: #157df1;
  8066. color: rgba(33, 104, 251, 1);
  8067. }
  8068. aside.aside-left ul li:hover a .iconfont {
  8069. color: #157df1;
  8070. }
  8071. .release-app2 .aside-right .a-top {
  8072. margin-bottom: 5px;
  8073. }
  8074. .release-app2 .aside-right .a-top.mb10 {
  8075. margin-bottom: 10px;
  8076. }
  8077. .release-app2 .aside-right .a-top .app-icon {
  8078. width: 100px;
  8079. border-radius: 20px;
  8080. background-color: #fff;
  8081. cursor: pointer;
  8082. border: 1px solid #e5e5e5;
  8083. overflow: hidden;
  8084. }
  8085. .release-app2 .aside-right .a-top .app-icon li {
  8086. float: left;
  8087. width: 50%;
  8088. height: 38px;
  8089. display: flex;
  8090. justify-content: center;
  8091. align-items: center;
  8092. border-right: 1px solid #e5e5e5;
  8093. }
  8094. .release-app2 .aside-right .a-top .app-icon li:last-of-type {
  8095. border-right-color: transparent;
  8096. }
  8097. .release-app2 .aside-right .a-top .app-icon li .iconfont {
  8098. font-size: 22px;
  8099. color: #bbb;
  8100. }
  8101. .release-app2 .aside-right .a-top .app-icon li.active {
  8102. background-color: #157df1;
  8103. }
  8104. .release-app2 .aside-right .a-top .app-icon li.active .iconfont {
  8105. color: #fff;
  8106. }
  8107. .release-app2 .aside-right .search {
  8108. position: relative;
  8109. margin-left: 30px;
  8110. }
  8111. .release-app2 .aside-right .search .iconfont {
  8112. position: absolute;
  8113. left: 10px;
  8114. top: 50%;
  8115. transform: translateY(-50%);
  8116. font-size: 18px;
  8117. }
  8118. .release-app2 .aside-right .search input {
  8119. height: 40px;
  8120. line-height: 38px;
  8121. width: 160px;
  8122. border: 1px solid #e5e5e5;
  8123. padding-left: 40px;
  8124. background-color: transparent;
  8125. color: #333;
  8126. }
  8127. .release-app2 .aside-right .search input::-webkit-input-placeholder {
  8128. color: #333 !important;
  8129. }
  8130. .release-app2 .aside-right .search input::-moz-placeholder {
  8131. color: #333 !important;
  8132. }
  8133. .release-app2 .aside-right .search input::-ms-input-placeholder {
  8134. color: #333 !important;
  8135. }
  8136. .release-app2 .aside-right .search .btn-search {
  8137. line-height: 40px;
  8138. color: #157df1;
  8139. margin-left: 15px;
  8140. }
  8141. .release-app2 .aside-right .how-many dl dd {
  8142. text-align: right;
  8143. position: relative;
  8144. padding-right: 20px;
  8145. margin-right: 20px;
  8146. }
  8147. .release-app2 .aside-right .how-many dl dd .p1 {
  8148. font-size: 12px;
  8149. float: left;
  8150. color: #999;
  8151. }
  8152. .release-app2 .aside-right .how-many dl dd .icon-prompt1 {
  8153. font-size: 14px;
  8154. color: #999;
  8155. float: left;
  8156. margin: -3px 0 0 3px;
  8157. }
  8158. .release-app2 .aside-right .how-many dl dd .icon-prompt {
  8159. margin-left: 5px;
  8160. float: left;
  8161. }
  8162. .release-app2 .aside-right .how-many dl dd .p2 {
  8163. color: #333;
  8164. float: right;
  8165. font-size: 19px;
  8166. }
  8167. .release-app2 .aside-right .how-many dl dd .p2 i {
  8168. font-size: 12px;
  8169. color: #999;
  8170. }
  8171. .release-app2 .aside-right .how-many dl dd .p2 span {
  8172. float: right;
  8173. }
  8174. .release-app2 .aside-right .how-many dl dd .p2 span:last-child {
  8175. margin-right: 10px;
  8176. }
  8177. .release-app2 .aside-right .how-many dl dd .right-line {
  8178. position: absolute;
  8179. top: 6px;
  8180. right: 0;
  8181. background-color: #e5e5e5;
  8182. width: 1px;
  8183. height: 30px;
  8184. }
  8185. .release-app2 .aside-right .how-many .ms-btn-primary.w60 {
  8186. padding: 3px 12px;
  8187. margin-top: 6px;
  8188. }
  8189. .release-app2 .aside-right .how-many .big-bag-btn {
  8190. background-color: #fd9817;
  8191. border-color: #fd9817;
  8192. color: #fff;
  8193. }
  8194. .release-app2 .aside-right .app-table-wrap {
  8195. /*min-height: 502px;*/
  8196. margin-top: 5px;
  8197. /*margin-bottom: 40px;*/
  8198. /*background-color: #fff;*/
  8199. /*border: 1px solid #e5e5e5; border-top: none;*/
  8200. }
  8201. .release-app2 .aside-right .app-table {
  8202. border: 1px solid #e5e5e5;
  8203. font-size: 12px;
  8204. margin-bottom: 0;
  8205. }
  8206. .release-app2 .aside-right .app-table tr th {
  8207. text-align: center;
  8208. font-weight: 600;
  8209. color: #666;
  8210. padding: 15px 0;
  8211. background-color: #f7f7fa;
  8212. border-color: #e5e5e5;
  8213. }
  8214. .release-app2 .aside-right .app-table tr td {
  8215. text-align: center;
  8216. padding: 0 10px;
  8217. vertical-align: middle;
  8218. border-color: #e5e5e5;
  8219. color: #000000;
  8220. height: 60px;
  8221. }
  8222. /*.release-app2 .aside-right .app-table tr .app-th-name{width: 160px;}*/
  8223. .release-app2 .aside-right .app-table>tbody>tr>td.color-danger {
  8224. color: #fd641d;
  8225. }
  8226. .release-app2 .aside-right .app-table>tbody>tr>td.color-999 {
  8227. color: #999;
  8228. }
  8229. .release-app2 .aside-right .app-table>tbody>tr>td td {
  8230. text-align: left;
  8231. }
  8232. .release-app2 .aside-right .app-table tr:hover td {
  8233. background-color: #ebf7ff;
  8234. }
  8235. .release-app2 .aside-right .app-table .app-icon1 {
  8236. border-radius: 15px;
  8237. border: 1px solid #e5e5e5;
  8238. width: 50px;
  8239. height: 50px;
  8240. }
  8241. .table-list .app-table .download-code {
  8242. /*display: inline-block;*/
  8243. }
  8244. .table-list .app-table .download-code-wrap {
  8245. line-height: 16px;
  8246. height: 16px;
  8247. }
  8248. .table-list .app-table .download-code1 {
  8249. display: inline-block;
  8250. }
  8251. .table-list .app-table .download-code .ellipsis {
  8252. color: #157df1;
  8253. }
  8254. .table-list .app-table .download-code .ellipsis:hover {
  8255. text-decoration: underline;
  8256. }
  8257. .table-list .app-table .download-code .icon-small-code {
  8258. margin-top: 1px;
  8259. margin-left: 3px;
  8260. }
  8261. .release-app2 .aside-right .app-table .app-name1 {
  8262. display: block;
  8263. color: #666;
  8264. max-width: 96px;
  8265. white-space: nowrap;
  8266. overflow: hidden;
  8267. text-overflow: ellipsis;
  8268. }
  8269. .release-app2 .aside-right .app-table .app-icon-name {
  8270. position: relative;
  8271. }
  8272. .release-app2 .aside-right .app-table .app-icon-name .big-package-1 {
  8273. position: absolute;
  8274. left: -11px;
  8275. top: -10px;
  8276. background-color: #fd9817;
  8277. height: 16px;
  8278. line-height: 16px;
  8279. padding: 0 3px 0 1px;
  8280. border-radius: 0 10px 10px 0;
  8281. color: #fff;
  8282. font-size: 12px;
  8283. display: none;
  8284. }
  8285. .release-app2 .aside-right .app-table .app-icon-name .app-expired {
  8286. position: absolute;
  8287. left: -11px;
  8288. top: -10px;
  8289. background-color: #fd641d;
  8290. height: 16px;
  8291. line-height: 16px;
  8292. padding: 0 3px 0 1px;
  8293. border-radius: 0 10px 10px 0;
  8294. color: #fff;
  8295. font-size: 12px;
  8296. z-index: 2;
  8297. display: none;
  8298. }
  8299. .release-app2 .aside-right .app-table tr td.disabled {
  8300. background-color: #fff !important;
  8301. }
  8302. .release-app2 .aside-right .app-table tr td.disabled img {
  8303. -webkit-filter: grayscale(100%);
  8304. -moz-filter: grayscale(100%);
  8305. -ms-filter: grayscale(100%);
  8306. -o-filter: grayscale(100%);
  8307. filter: grayscale(100%);
  8308. filter: gray;
  8309. }
  8310. .release-app2 .aside-right .app-table tr td.disabled .tit2 {
  8311. color: #999;
  8312. }
  8313. .release-app2 .aside-right .app-table tr td.disabled .ellipsis {
  8314. color: #ccc;
  8315. }
  8316. .version-history-table {
  8317. border: 1px solid #e5e5e5;
  8318. }
  8319. .version-history-table th {
  8320. border: none !important;
  8321. text-align: center;
  8322. font-weight: normal;
  8323. color: #666;
  8324. height: 40px;
  8325. background-color: #f5f6f7;
  8326. font-size: 12px;
  8327. vertical-align: middle !important;
  8328. }
  8329. .version-history-table tr td {
  8330. padding: 0 15px !important;
  8331. height: 50px;
  8332. vertical-align: middle !important;
  8333. font-size: 12px;
  8334. text-align: center;
  8335. }
  8336. .version-history-table tr td .bundle-length {
  8337. display: block;
  8338. }
  8339. .version-history-table tr td .iconfont {
  8340. font-size: 20px;
  8341. cursor: pointer;
  8342. }
  8343. /*.release-app2 .aside-right .no-app{min-height: 326px; border: 1px solid #e5e5e5; border-top: none;}*/
  8344. .release-app2 .aside-right .no-app .iconfont {
  8345. font-size: 20px;
  8346. }
  8347. .release-app2 .aside-right .no-app .text {
  8348. margin: 4px 0 0 5px;
  8349. }
  8350. /*.app-details{margin-bottom: 40px;}*/
  8351. .app-details .details-top {
  8352. padding: 39px 30px;
  8353. background-color: #fff;
  8354. margin-bottom: 20px;
  8355. box-shadow: 0 0 5px rgba(0, 0, 0, .05);
  8356. }
  8357. .app-details .details-top>img {
  8358. border: 1px solid #e5e5e5;
  8359. border-radius: 12px;
  8360. width: 60px;
  8361. height: 60px;
  8362. }
  8363. .app-details .details-top .information {
  8364. margin-left: 15px;
  8365. }
  8366. .app-details .details-top .information dt {
  8367. color: #333;
  8368. margin-bottom: 2px;
  8369. margin-top: -5px;
  8370. }
  8371. .app-set1 .details-top .information dt {
  8372. margin-top: 0;
  8373. }
  8374. .app-details .details-top .information dt .i-tit {
  8375. position: relative;
  8376. }
  8377. .app-details .details-top .information dt .i-tit .iconfont {
  8378. color: #bbb;
  8379. font-size: 21px;
  8380. }
  8381. .app-details .details-top .information dt .text {
  8382. font-size: 20px;
  8383. }
  8384. /*.app-details .details-top .information dt .iconfont{position: absolute; right: -20px; top: 0;}*/
  8385. .app-details .details-top .information dt .version {
  8386. position: absolute;
  8387. left: calc(100% + 5px);
  8388. top: -10px;
  8389. background-color: #fc4e54;
  8390. font-size: 12px;
  8391. width: 42px;
  8392. height: 18px;
  8393. line-height: 18px;
  8394. color: #fff;
  8395. text-align: center;
  8396. border-radius: 3px;
  8397. }
  8398. .app-details .details-top .information dt .version-private {
  8399. background-color: #fd641d;
  8400. }
  8401. .app-details .details-top .information dt .no-flash-back {
  8402. background-color: #2fc302;
  8403. width: 52px;
  8404. }
  8405. .app-details .details-top .information dd {
  8406. color: #999;
  8407. }
  8408. /*.app-details .details-top .information dd:first-of-type{margin-bottom: 3px;}*/
  8409. .app-details .details-top .information dd span {
  8410. margin-right: 30px;
  8411. }
  8412. .app-details .details-top .information dd i {
  8413. margin-left: 10px;
  8414. }
  8415. .add-notes-wrap {
  8416. cursor: pointer;
  8417. margin-right: 0 !important;
  8418. }
  8419. .add-notes-wrap span {
  8420. margin-right: 0 !important;
  8421. }
  8422. .add-notes .icon-compile {
  8423. cursor: pointer;
  8424. margin-top: -1px;
  8425. }
  8426. .add-notes .icon-compile:hover {
  8427. color: #157df1;
  8428. }
  8429. .add-notes .text {
  8430. max-width: 250px;
  8431. overflow: hidden;
  8432. text-overflow: ellipsis;
  8433. white-space: nowrap;
  8434. margin-right: 3px !important;
  8435. }
  8436. /*.add-notes>span:last-of-type:hover{color: #157df1;}*/
  8437. .add-notes:hover>span:last-of-type {
  8438. color: #157df1;
  8439. }
  8440. .add-notes:hover .icon-compile {
  8441. color: #157df1;
  8442. }
  8443. .add-notes-wrap input[name='remark'] {
  8444. display: inline-block;
  8445. width: 200px;
  8446. height: 26px;
  8447. display: none;
  8448. }
  8449. #notesModal .modal-content .close {
  8450. position: absolute;
  8451. right: 10px;
  8452. top: 10px;
  8453. z-index: 2;
  8454. color: #333;
  8455. opacity: 1;
  8456. font-size: 24px;
  8457. }
  8458. #notesModal .modal-footer {
  8459. border-top: none;
  8460. padding: 20px 30px 30px;
  8461. }
  8462. #notesModal .modal-body {
  8463. padding: 25px 30px 0;
  8464. }
  8465. #notesModal .modal-body .tit {
  8466. margin-bottom: 15px;
  8467. color: #333;
  8468. }
  8469. #notesModal .modal-footer .ms-btn-primary {
  8470. width: 130px;
  8471. padding: 9px;
  8472. }
  8473. .app-list-notes-wrap {
  8474. line-height: 100%;
  8475. }
  8476. .app-list-notes:empty {
  8477. display: none;
  8478. }
  8479. .app-list-notes {
  8480. margin-top: 3px;
  8481. font-size: 12px;
  8482. color: #999;
  8483. display: block;
  8484. }
  8485. .app-list-notes2 {
  8486. margin-top: 6px;
  8487. display: inline-block;
  8488. }
  8489. .app-details .details-bottom {
  8490. padding: 10px 0;
  8491. /*background-color: #fff; box-shadow: 0 0 5px rgba(0,0,0,.05);*/
  8492. }
  8493. .app-details .details-bottom table {
  8494. width: 100%;
  8495. table-layout: fixed;
  8496. }
  8497. .app-details .details-bottom table th {
  8498. font-weight: normal;
  8499. padding: 20px 10px 10px 0;
  8500. color: #333;
  8501. white-space: nowrap;
  8502. vertical-align: middle;
  8503. }
  8504. .app-details .details-bottom table th .th-line {
  8505. border-left: 4px solid #157df1;
  8506. height: 22px;
  8507. line-height: 22px;
  8508. display: inline-block;
  8509. padding-left: 10px;
  8510. }
  8511. .app-details .details-bottom table th .icon-prompt {
  8512. position: relative;
  8513. margin-left: 3px;
  8514. top: -3px;
  8515. }
  8516. .app-details .details-bottom table th .icon-prompt1 {
  8517. position: relative;
  8518. margin-left: 0px;
  8519. top: 0;
  8520. }
  8521. .app-details .details-bottom table th .icon-prompt .popover1-content {
  8522. width: 210px;
  8523. font-size: 12px;
  8524. }
  8525. .app-details .details-bottom table th .icon-prompt1 .popover1-content {
  8526. width: 220px;
  8527. font-size: 12px;
  8528. white-space: normal;
  8529. }
  8530. .app-details .details-bottom table td {
  8531. padding: 10px 0 10px 15px;
  8532. vertical-align: top;
  8533. white-space: nowrap;
  8534. color: #999;
  8535. }
  8536. .app-details .details-bottom .d-table-wrap {
  8537. position: relative;
  8538. }
  8539. .app-details .details-bottom .points-line {
  8540. position: absolute;
  8541. left: 50%;
  8542. height: calc(100% - 20px);
  8543. width: 1px;
  8544. background-color: #e5e5e5;
  8545. top: 50%;
  8546. transform: translateY(-50%);
  8547. }
  8548. .app-details .details-bottom .points-line-l {
  8549. left: 33.33%;
  8550. }
  8551. .app-details .details-bottom .points-line-r {
  8552. right: 33.33%;
  8553. left: auto;
  8554. }
  8555. .app-details .details-bottom .points-line-wrap .points-line-3:nth-of-type(1) {
  8556. left: 25%;
  8557. }
  8558. .app-details .details-bottom .points-line-wrap .points-line-3:nth-of-type(2) {
  8559. left: 50%;
  8560. }
  8561. .app-details .details-bottom .points-line-wrap .points-line-3:nth-of-type(3) {
  8562. left: 75%;
  8563. }
  8564. .app-details .bundle-length {
  8565. max-width: 200px;
  8566. white-space: nowrap;
  8567. text-overflow: ellipsis;
  8568. overflow: hidden;
  8569. display: inline-block;
  8570. }
  8571. .app-details .details-bottom .d-table-wrap .test-download {}
  8572. .app-details .details-bottom .d-table-wrap .link {
  8573. max-width: 170px;
  8574. white-space: nowrap;
  8575. text-overflow: ellipsis;
  8576. overflow: hidden;
  8577. display: inline-block;
  8578. }
  8579. /*.app-details .details-bottom .d-table-wrap .test-download img{margin: 0 5px;}*/
  8580. .app-details .details-bottom .d-table-wrap .more {
  8581. color: #157df1;
  8582. }
  8583. .app-details .details-bottom .d-table-wrap .more:hover {
  8584. text-decoration: underline;
  8585. }
  8586. .app-details .details-bottom .d-table-wrap .private-equipment-wrap {
  8587. display: inline-block;
  8588. }
  8589. .app-details .details-bottom .d-table-wrap .private-equipment {
  8590. max-width: 170px;
  8591. width: auto;
  8592. }
  8593. .app-details2 .bundle-length1 {
  8594. max-width: 255px !important;
  8595. }
  8596. .app-details2 .bundle-length2 {
  8597. max-width: 292px !important;
  8598. }
  8599. .app-details2 .bundle-length3 {
  8600. max-width: 310px !important;
  8601. }
  8602. /*下载明细*/
  8603. .download-details {
  8604. background-color: #fff;
  8605. padding: 20px;
  8606. min-height: 360px;
  8607. }
  8608. .download-details .date {
  8609. float: left;
  8610. width: 140px;
  8611. position: relative;
  8612. }
  8613. .download-details .date1 {
  8614. margin-right: 10px;
  8615. }
  8616. .download-details .date2 {
  8617. margin-right: 20px;
  8618. }
  8619. .download-details .date input {
  8620. position: relative;
  8621. z-index: 1;
  8622. background-color: transparent;
  8623. cursor: pointer;
  8624. }
  8625. .download-details .date .icon-date {
  8626. color: #aaa;
  8627. position: absolute;
  8628. right: 10px;
  8629. top: 4px;
  8630. z-index: 0;
  8631. }
  8632. .download-details .date:hover .icon-date {
  8633. color: #157df1;
  8634. }
  8635. .download-details .d-top {
  8636. margin-bottom: 15px;
  8637. }
  8638. .download-details .d-top .form-control {
  8639. height: 30px;
  8640. }
  8641. .download-details .d-top .line {
  8642. margin-right: 10px;
  8643. color: #aaa;
  8644. }
  8645. .download-details .d-top .query {
  8646. font-size: 13px;
  8647. padding: 5px 12px;
  8648. }
  8649. .download-details .d-top .num {
  8650. line-height: 34px;
  8651. margin-left: 30px;
  8652. color: #333;
  8653. font-size: 13px;
  8654. }
  8655. .download-details .d-top .num i {
  8656. color: #157df1;
  8657. }
  8658. .download-details .table {
  8659. border: 1px solid #e5e5e5;
  8660. table-layout: fixed;
  8661. }
  8662. .download-details .table tr th {
  8663. border-top-color: #e5e5e5 !important;
  8664. height: 50px;
  8665. vertical-align: middle;
  8666. text-align: center;
  8667. background-color: #f5f6f7;
  8668. font-weight: 600;
  8669. font-size: 12px;
  8670. color: #333;
  8671. }
  8672. .download-details .table tr td {
  8673. border-top-color: #e5e5e5 !important;
  8674. height: 50px;
  8675. vertical-align: middle;
  8676. text-align: center;
  8677. font-size: 12px;
  8678. color: #000000;
  8679. }
  8680. .download-details .table tr:hover {
  8681. background: #ebf7ff;
  8682. }
  8683. .download-details .no {
  8684. text-align: center;
  8685. margin-top: 100px;
  8686. }
  8687. /*/下载明细*/
  8688. /*详情页 签名*/
  8689. .app-details .d-signature {
  8690. /*background-color: #fff; box-shadow: 0 0 5px rgba(0,0,0,.05);*/
  8691. padding: 30px 20px;
  8692. position: relative;
  8693. }
  8694. .app-details .d-signature dl {
  8695. color: #333;
  8696. }
  8697. .app-details .d-signature dl dd {
  8698. color: #666;
  8699. }
  8700. .app-details .d-signature dl dd span {
  8701. color: #157df1;
  8702. position: relative;
  8703. top: -1px;
  8704. margin-right: 3px;
  8705. }
  8706. .app-details .d-signature .signature-link {
  8707. position: absolute;
  8708. right: 30px;
  8709. top: 50%;
  8710. padding: 6px 21px;
  8711. border-radius: 20px;
  8712. transform: translateY(-50%);
  8713. }
  8714. /*/详情页 签名*/
  8715. .release-app2 .aside-right .version-history-table td {
  8716. position: relative;
  8717. height: 50px;
  8718. border-color: #e5e5e5;
  8719. }
  8720. .release-app2 .aside-right .version-history-table td .angle {
  8721. position: absolute;
  8722. left: 0;
  8723. top: 0;
  8724. }
  8725. /*
  8726. .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);}
  8727. .release-app2 .aside-right .app-details .downloads li{float: left; width: 50%; height: 70px; line-height: 70px; padding-left: 20px; color: #333;}
  8728. .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;}
  8729. .release-app2 .aside-right .app-details .downloads li .d-left .iconfont{font-size: 20px;}
  8730. .release-app2 .aside-right .app-details .downloads li .d-text{margin-left: 10px;}
  8731. .release-app2 .aside-right .app-details .downloads li .d-num{margin-left: 15px; font-size: 16px;}
  8732. .release-app2 .aside-right .app-details .downloads li:first-of-type{border-right: 1px solid #e5e5e5;}
  8733. .release-app2 .aside-right .app-details .downloads li:last-of-type .d-left{background-color: #a59bf6;}
  8734. */
  8735. .release-app2 .aside-right .app-details .details-bottom .ellipsis-wrap {
  8736. position: relative;
  8737. }
  8738. .release-app2 .aside-right .app-details .details-bottom .ellipsis-wrap .popover {
  8739. max-width: 410px;
  8740. width: 410px;
  8741. top: 15px;
  8742. font-size: 14px;
  8743. }
  8744. .release-app2 .aside-right .app-details .details-bottom .ellipsis-wrap .popover .popover-content span {
  8745. color: #157df1;
  8746. margin-left: 10px;
  8747. cursor: pointer;
  8748. }
  8749. .release-app2 .aside-right .app-details .details-bottom .ellipsis-wrap .ellipsis {
  8750. width: 80%;
  8751. }
  8752. .release-app2 .aside-right .app-details .details-bottom .ellipsis-wrap .popover.bottom>.arrow {
  8753. left: 25px;
  8754. }
  8755. .release-app2 .aside-right .app-details .details-bottom .ellipsis-wrap:hover .popover {
  8756. display: block;
  8757. }
  8758. .release-app2 .app-details .app-set {
  8759. box-shadow: 0 0 5px rgba(0, 0, 0, .05);
  8760. background-color: #fff;
  8761. margin-top: 20px;
  8762. padding-bottom: 15px;
  8763. min-height: 360px;
  8764. }
  8765. .release-app2 .app-details .app-set .tab {
  8766. background-color: #f2f2f5;
  8767. height: 44px;
  8768. line-height: 44px;
  8769. border-bottom: 1px solid #e5e5e5;
  8770. }
  8771. .release-app2 .app-details .app-set .tab li {
  8772. float: left;
  8773. padding: 0 20px;
  8774. cursor: pointer;
  8775. color: #333;
  8776. }
  8777. .release-app2 .app-details .app-set .tab li.active {
  8778. background-color: #fff;
  8779. border-right: 1px solid #e5e5e5;
  8780. border-left: 1px solid #e5e5e5;
  8781. margin-left: -1px;
  8782. color: #157df1;
  8783. }
  8784. .release-app2 .app-details .app-set .tab-con {
  8785. margin-top: 30px;
  8786. }
  8787. .release-app2 .app-details .app-set .col-sm-1 {
  8788. width: 13%;
  8789. }
  8790. .release-app2 .app-details .app-set .tab-con label {
  8791. color: #333;
  8792. }
  8793. .release-app2 .app-details .app-set .tab-con .form-control {
  8794. color: #333;
  8795. }
  8796. .release-app2 .app-details .app-set .tab-con>div {
  8797. display: none;
  8798. }
  8799. .release-app2 .app-details .app-set .tab-con .form-group {
  8800. margin-bottom: 30px;
  8801. }
  8802. .release-app2 .app-details .app-set .trust {
  8803. margin-top: 7px;
  8804. font-size: 12px;
  8805. }
  8806. .release-app2 .app-details .app-set .trust li {
  8807. float: left;
  8808. margin-right: 50px;
  8809. margin-top: 2px;
  8810. cursor: pointer;
  8811. color: #333;
  8812. }
  8813. .release-app2 .app-details .app-set .trust li .icon-radio {
  8814. margin-right: 8px;
  8815. top: 0;
  8816. }
  8817. .release-app2 .app-details .app-set .download-way {
  8818. margin-top: 7px;
  8819. font-size: 12px;
  8820. }
  8821. .release-app2 .app-details .app-set .download-way li {
  8822. float: left;
  8823. margin-right: 50px;
  8824. cursor: pointer;
  8825. color: #333;
  8826. font-size: 14px;
  8827. }
  8828. .release-app2 .app-details .app-set .download-way li .icon-radio {
  8829. margin-right: 8px;
  8830. top: 2px;
  8831. }
  8832. .release-app2 .app-details .app-set .short-link>.col-sm-6>.col-sm-6 {
  8833. padding-left: 0;
  8834. padding-right: 0;
  8835. }
  8836. .release-app2 .app-details .app-set .short-link .form-control {
  8837. border-radius: 0 4px 4px 0;
  8838. border-left: none;
  8839. }
  8840. .release-app2 .app-details .app-set .short-link .link {
  8841. padding: 6px 12px !important;
  8842. height: 34px;
  8843. background-color: #f2f2f5;
  8844. border: 1px solid #e5e5e5;
  8845. border-radius: 4px 0 0 4px;
  8846. color: #333;
  8847. }
  8848. .release-app2 .app-details .app-set .language .control-label {
  8849. padding-top: 0;
  8850. }
  8851. .release-app2 .app-details .app-set .language .radio-round {
  8852. color: #333;
  8853. }
  8854. .release-app2 .app-screenshots .example-image-link {
  8855. position: relative;
  8856. margin-right: 20px;
  8857. float: left;
  8858. border: 1px solid #e5e5e5;
  8859. }
  8860. .release-app2 .app-screenshots .example-image-link .icon {
  8861. position: absolute;
  8862. color: #ff6565;
  8863. right: -8px;
  8864. top: -8px;
  8865. right: 0 \9;
  8866. top: 0 \9;
  8867. }
  8868. .release-app2 .app-screenshots a {
  8869. width: 90px \9;
  8870. height: 160px \9;
  8871. overflow: hidden \9;
  8872. }
  8873. /*\9为ie9以上,除ie11*/
  8874. .release-app2 .app-screenshots a img {
  8875. max-width: 90px;
  8876. max-height: 160px;
  8877. width: 90px \9;
  8878. height: 160px \9;
  8879. }
  8880. .release-app2 .upload-screenshots {
  8881. position: relative;
  8882. border: 1px solid #e5e5e5;
  8883. height: 80px;
  8884. width: 80px;
  8885. border-radius: 5px;
  8886. background: url("../image/icon-10.png") no-repeat center 20px;
  8887. overflow: hidden;
  8888. /*margin-left: 15px;*/
  8889. }
  8890. .release-app2 .upload-screenshots .thumbnail-s {
  8891. position: absolute;
  8892. left: 0;
  8893. top: 0;
  8894. z-index: 2;
  8895. width: 100%;
  8896. height: 100%;
  8897. opacity: 0;
  8898. cursor: pointer;
  8899. }
  8900. .release-app2 .upload-screenshots .text {
  8901. text-align: center;
  8902. margin-top: 55px;
  8903. font-size: 12px;
  8904. }
  8905. .upload-icon-common {
  8906. position: relative;
  8907. border: 1px solid #e5e5e5;
  8908. height: 80px;
  8909. width: 80px;
  8910. border-radius: 15px;
  8911. background: url("../image/icon-10.png") no-repeat center 20px;
  8912. overflow: hidden;
  8913. /*margin-left: 15px;*/
  8914. }
  8915. .upload-icon-common img {
  8916. position: absolute;
  8917. left: 0;
  8918. top: 0;
  8919. width: 100%;
  8920. height: 100%;
  8921. border-radius: 15px;
  8922. background-color: #fff;
  8923. }
  8924. .upload-icon-common .thumbnail {
  8925. position: absolute;
  8926. left: 0;
  8927. top: 0;
  8928. z-index: 2;
  8929. width: 100%;
  8930. height: 100%;
  8931. opacity: 0;
  8932. cursor: pointer;
  8933. }
  8934. .upload-icon-common .text {
  8935. text-align: center;
  8936. margin-top: 55px;
  8937. font-size: 12px;
  8938. }
  8939. .release-app2 .app-details .app-set .img-note {
  8940. font-size: 12px;
  8941. display: flex;
  8942. align-items: flex-end;
  8943. height: 90px;
  8944. margin-left: 10px;
  8945. }
  8946. .upload-icon-common .reset {
  8947. position: absolute;
  8948. left: 0;
  8949. bottom: 0;
  8950. height: 24px;
  8951. line-height: 24px;
  8952. background: rgba(0, 0, 0, .6);
  8953. width: 100%;
  8954. color: #fff;
  8955. text-align: center;
  8956. font-size: 12px;
  8957. display: none;
  8958. }
  8959. .upload-icon-common.uploaded .reset {
  8960. display: none;
  8961. }
  8962. .upload-icon-common.uploaded:hover .reset {
  8963. display: block;
  8964. }
  8965. .release-app2 .aside-right .app-set .basic input::-webkit-input-placeholder {
  8966. color: #333 !important;
  8967. }
  8968. .release-app2 .aside-right .app-set .basic input::-moz-placeholder {
  8969. color: #333 !important;
  8970. }
  8971. .release-app2 .aside-right .app-set .basic input::-ms-input-placeholder {
  8972. color: #333 !important;
  8973. }
  8974. .release-app2 .aside-right .app-set .download-template ul li {
  8975. float: left;
  8976. margin-right: 30px;
  8977. text-align: center;
  8978. margin-bottom: 20px;
  8979. }
  8980. .release-app2 .aside-right .app-set .download-template .t-checked-wrap {
  8981. width: 125px;
  8982. height: 155px;
  8983. position: relative;
  8984. border: 1px solid #e5e5e5;
  8985. overflow: hidden;
  8986. margin-bottom: 10px;
  8987. cursor: pointer;
  8988. }
  8989. .release-app2 .aside-right .app-set .download-template .text {
  8990. color: #157df1;
  8991. }
  8992. .release-app2 .aside-right .app-set .download-template .t-checked-wrap .t-checked {
  8993. position: absolute;
  8994. left: 0;
  8995. top: 0;
  8996. background-color: rgba(0, 0, 0, .6);
  8997. width: 100%;
  8998. height: 100%;
  8999. display: flex;
  9000. align-items: center;
  9001. justify-content: center;
  9002. display: none;
  9003. }
  9004. .release-app2 .aside-right .app-set .download-template .t-checked-wrap .t-checked .iconfont {
  9005. color: #fff;
  9006. font-size: 32px;
  9007. }
  9008. .release-app2 .upload-file {
  9009. padding: 0;
  9010. padding-top: 0;
  9011. margin-top: 0;
  9012. }
  9013. .release-app2 .warn-prompt {
  9014. margin-top: 0;
  9015. }
  9016. .release-app2 .tag-box {
  9017. padding: 0 !important;
  9018. height: 404px !important;
  9019. }
  9020. .release-app2 .qq-upload-button-selector {
  9021. margin-top: 180px !important;
  9022. margin-bottom: 0;
  9023. }
  9024. .release-app2 .tag-box-v5 {
  9025. border: none;
  9026. margin-top: 0;
  9027. }
  9028. /*侧栏增加大包上传入口*/
  9029. .big-bag-upload {
  9030. margin-bottom: 40px;
  9031. display: block;
  9032. }
  9033. .big-bag .aside-left {
  9034. height: 500px;
  9035. margin-bottom: 40px;
  9036. }
  9037. .big-bag aside.aside-left ul li a .iconfont {
  9038. margin-right: 10px;
  9039. color: #fd9817;
  9040. }
  9041. .big-bag aside.aside-left ul li.active a {
  9042. background-color: #fff4e7;
  9043. border-color: #fd9817;
  9044. color: #fd9817;
  9045. }
  9046. .big-bag aside.aside-left ul li.active a .iconfont {
  9047. color: #fd9817;
  9048. }
  9049. .big-bag aside.aside-left ul li.active a .icon-upload1 {
  9050. font-size: 18px;
  9051. }
  9052. .big-bag aside.aside-left ul li:hover a {
  9053. background-color: #fff4e7;
  9054. border-color: #fd9817;
  9055. color: #fd9817;
  9056. }
  9057. .big-bag aside.aside-left ul li:hover a .iconfont {
  9058. color: #fd9817;
  9059. }
  9060. .big-bag .upload-file .upload-btn .iconfont {}
  9061. .big-bag .upload-file .upload-btn {
  9062. background-color: #fd9817;
  9063. border-color: #fd9817;
  9064. }
  9065. .big-bag .aside-right .a-top .app-icon li.active {
  9066. background-color: #fd9817;
  9067. }
  9068. .big-bag .aside-right .search .btn-search {
  9069. color: #fd9817;
  9070. }
  9071. .big-bag .ms-btn-primary.btn-new-release {
  9072. background-color: #fd9817;
  9073. border-color: #fd9817;
  9074. }
  9075. /*大包立即购买按钮*/
  9076. .upload-file .upload-buy {
  9077. width: 240px;
  9078. padding: 0;
  9079. height: 60px;
  9080. font-size: 18px;
  9081. line-height: 58px;
  9082. margin: 0 auto;
  9083. display: block;
  9084. position: relative;
  9085. background-color: #fd9817;
  9086. border-color: #fd9817;
  9087. }
  9088. .upload-file .upload-buy .iconfont {
  9089. font-size: 24px;
  9090. margin-right: 5px;
  9091. position: relative;
  9092. top: 1px;
  9093. }
  9094. .details-upload-new-version {
  9095. background-color: #157df1;
  9096. color: #fff;
  9097. border-radius: 25px;
  9098. padding: 10px 20px;
  9099. height: 50px;
  9100. align-items: center;
  9101. box-shadow: 0 5px 10px rgba(202, 225, 252, .5);
  9102. }
  9103. .details-upload-new-version:hover {
  9104. background-color: #348dee;
  9105. color: #fff;
  9106. }
  9107. .details-upload-new-version:focus {
  9108. background-color: #348dee;
  9109. color: #fff;
  9110. }
  9111. .details-upload-new-version .iconfont {
  9112. margin-right: 10px;
  9113. }
  9114. .details-upload-new-version .icon-upload1 {
  9115. font-size: 20px;
  9116. position: relative;
  9117. top: 2px;
  9118. }
  9119. .details-upload-new-version .icon-upload1+.text {
  9120. position: relative;
  9121. top: -1px;
  9122. }
  9123. .details-upload-new-version .icon-xiazai {
  9124. font-size: 24px;
  9125. margin-right: 5px;
  9126. position: relative;
  9127. top: -3px;
  9128. }
  9129. .details-upload-new-version .icon-xiazai+.text {
  9130. position: relative;
  9131. top: -6px;
  9132. }
  9133. .details-preview {
  9134. width: 50px;
  9135. height: 50px;
  9136. padding: 0;
  9137. text-align: center;
  9138. line-height: 50px;
  9139. border-radius: 50%;
  9140. border: 1px solid #1a80f1;
  9141. color: #1a80f1;
  9142. }
  9143. .details-preview:focus {
  9144. background-color: transparent;
  9145. color: #1a80f1;
  9146. }
  9147. .details-preview:hover {
  9148. background-color: #1a80f1;
  9149. color: #fff;
  9150. }
  9151. .details-preview:focus:hover {
  9152. background-color: #1a80f1;
  9153. color: #fff;
  9154. }
  9155. .details-merge {
  9156. width: 50px;
  9157. height: 50px;
  9158. padding: 0;
  9159. text-align: center;
  9160. border-radius: 50%;
  9161. border: 1px solid #ee635d;
  9162. color: #ee635d;
  9163. white-space: normal;
  9164. padding: 0 5px;
  9165. line-height: 14px;
  9166. }
  9167. .details-merge.details-renewal {
  9168. line-height: 50px;
  9169. }
  9170. .details-merge:focus {
  9171. background-color: transparent;
  9172. }
  9173. .details-merge:hover {
  9174. background-color: #ee635d;
  9175. color: #fff;
  9176. }
  9177. .details-merge.btn-success:focus {
  9178. border-color: #ee635d;
  9179. color: #ee635d;
  9180. background-color: transparent;
  9181. }
  9182. .details-merge.btn-success:hover {
  9183. border-color: #ee635d;
  9184. }
  9185. /*----------/应用发布 改版----------*/
  9186. /*----------应用发布 改版2019/1/22----------*/
  9187. .app-details2 {
  9188. background-color: #fff;
  9189. min-height: 450px;
  9190. }
  9191. .app-details2 .details-top {
  9192. background-color: transparent;
  9193. box-shadow: none;
  9194. margin-bottom: 0;
  9195. }
  9196. .app-details2 .details-top .d-right {
  9197. margin-top: 5px;
  9198. }
  9199. .app-details2 .app-information {
  9200. padding: 0 20px;
  9201. }
  9202. .app-details2 .app-information .more-wrap {
  9203. position: relative;
  9204. }
  9205. .app-details2 .app-information .more-wrap img {
  9206. width: 50px;
  9207. height: 50px;
  9208. position: absolute;
  9209. left: 90px;
  9210. top: -30px;
  9211. transition: all 500ms;
  9212. background-color: #fff;
  9213. }
  9214. .app-details2 .app-information .test-download2 img {
  9215. left: 175px;
  9216. top: -35px;
  9217. }
  9218. .app-details2 .app-information .more-wrap img:hover {
  9219. width: 125px;
  9220. height: 125px;
  9221. position: absolute;
  9222. left: 70px;
  9223. top: -80px;
  9224. }
  9225. .app-details2 .app-information .test-download2 img:hover {
  9226. position: absolute;
  9227. left: 150px;
  9228. top: -80px;
  9229. }
  9230. .app-details2 .table-list {
  9231. padding: 25px 20px 30px;
  9232. }
  9233. .app-details2 .version-tit {
  9234. color: #333;
  9235. font-size: 16px;
  9236. margin-bottom: 15px;
  9237. }
  9238. .app-details2 .version-tit .iconfont {
  9239. font-size: 18px;
  9240. margin-right: 5px;
  9241. position: relative;
  9242. top: 1px;
  9243. }
  9244. .app-details2 .version-history-table .bundle-length {
  9245. max-width: 150px;
  9246. display: inline-block;
  9247. position: relative;
  9248. top: 3px;
  9249. }
  9250. .app-details2 .version-history-table td .iconfont {
  9251. font-size: 24px;
  9252. margin-left: 8px;
  9253. }
  9254. .app-details2 .version-history-table td .icon-shanchu:hover {
  9255. color: #fd641d;
  9256. }
  9257. .app-details2 .version-history-table tr:hover td {
  9258. background-color: #ebf7ff;
  9259. }
  9260. .app-details2 .icon-prompt1 {
  9261. font-size: 14px;
  9262. color: #999;
  9263. position: relative;
  9264. margin-left: 3px;
  9265. }
  9266. .app-details2 .upload-icon-common {
  9267. width: 60px;
  9268. height: 60px;
  9269. border-radius: 12px;
  9270. }
  9271. .app-details2 .countdown-btn {
  9272. border-radius: 30px;
  9273. height: 50px;
  9274. padding: 0 20px;
  9275. line-height: 48px;
  9276. color: #fd641d;
  9277. background-color: #e8e8e8;
  9278. border-color: #e8e8e8;
  9279. }
  9280. .app-details .details-bottom {
  9281. padding: 5px 0 15px;
  9282. }
  9283. .app-details2 .d-table-wrap table td {
  9284. padding: 0 0 0 15px;
  9285. }
  9286. .app-details .d-table-wrap table th {
  9287. padding: 20px 0 2px 0;
  9288. }
  9289. .app-details2 .details-top .information {
  9290. width: 60%;
  9291. }
  9292. .app-details2 .copy.top-5 {
  9293. font-size: 12px;
  9294. }
  9295. #app_setting_form .app-details2 {
  9296. background-color: transparent;
  9297. }
  9298. #app_setting_form .app-details2 .details-top {
  9299. background-color: #fff;
  9300. }
  9301. #updateModal .modal-header h4 {
  9302. color: #333;
  9303. }
  9304. #updateModal .modal-header .close {
  9305. color: #333;
  9306. font-size: 26px;
  9307. opacity: 1;
  9308. }
  9309. #updateModal .modal-body {
  9310. padding: 25px 10px 25px 0;
  9311. }
  9312. #updateModal .app-details-update {
  9313. color: #333;
  9314. }
  9315. #updateModal .app-details-update .form-group {
  9316. margin-bottom: 25px;
  9317. }
  9318. #updateModal .app-details-update .form-group:last-of-type {
  9319. margin-bottom: 0;
  9320. }
  9321. #updateModal .app-details-update .control-label {
  9322. text-align: right;
  9323. padding-right: 10px;
  9324. }
  9325. #updateModal .app-details-update ul li {
  9326. margin-right: 25px;
  9327. cursor: pointer;
  9328. }
  9329. #updateModal .app-details-update ul li .icon-radio {
  9330. position: relative;
  9331. top: 2px;
  9332. }
  9333. /*
  9334. #updateModal .app-details-update dl dt{margin-right: 25px; margin-bottom: 25px;}
  9335. #updateModal .app-details-update dl dd{margin-right: 25px; cursor: pointer;}
  9336. #updateModal .app-details-update dl dd .icon-radio{position: relative; top: 2px;}
  9337. #updateModal .app-details-update dl dd textarea{}
  9338. */
  9339. .app-details2 .no-flash-back-js {
  9340. padding: 25px 20px 30px;
  9341. }
  9342. .app-details2 .no-flash-back-js .tit {
  9343. color: #333;
  9344. margin-bottom: 8px;
  9345. }
  9346. .app-details2 .no-flash-back-js .tit a {
  9347. color: #157df1;
  9348. }
  9349. .app-details2 .no-flash-back-js pre {
  9350. background-color: #fff;
  9351. border-radius: 0;
  9352. border-color: #eee;
  9353. padding: 5px;
  9354. color: #666;
  9355. }
  9356. .app-details2 .no-flash-back-js #copy1 {
  9357. margin-bottom: 8px;
  9358. }
  9359. .app-details2 .no-flash-back-js .color-danger {
  9360. margin-bottom: 15px;
  9361. font-size: 12px;
  9362. }
  9363. .app-details2 .no-flash-back-js .copy {
  9364. margin-left: 0;
  9365. color: #fff;
  9366. margin-bottom: 20px;
  9367. }
  9368. .app-details2 .no-flash-back-js .tit1 {
  9369. color: #333;
  9370. margin-bottom: 3px;
  9371. }
  9372. .app-details2 .no-flash-back-js p {
  9373. line-height: 1.8;
  9374. }
  9375. .appicon {
  9376. border: 1px solid #ddd;
  9377. border-radius: 24px;
  9378. height: 120px;
  9379. width: 120px;
  9380. }
  9381. .caption {
  9382. background: rgba(90, 90, 90, 0.65) none repeat scroll 0 0;
  9383. color: #fff !important;
  9384. display: none;
  9385. height: 120px;
  9386. left: 0;
  9387. margin: auto;
  9388. padding: 2%;
  9389. position: absolute;
  9390. right: 0;
  9391. text-align: center;
  9392. top: 0;
  9393. width: 120px;
  9394. z-index: 2;
  9395. }
  9396. /*----------/应用发布 改版2019/1/22----------*/
  9397. /*----------推广页----------*/
  9398. /*nav*/
  9399. .promote-nav .logo img {
  9400. width: 138px;
  9401. height: 60px;
  9402. }
  9403. .promote-nav {
  9404. padding: 2px 0;
  9405. }
  9406. .promote-nav ul {
  9407. margin: 16px 0 0 20px;
  9408. }
  9409. .promote-nav ul li {
  9410. float: left;
  9411. margin: 0 15px;
  9412. }
  9413. .promote-nav ul li:last-of-type {
  9414. margin-right: 0;
  9415. }
  9416. .promote-nav ul li a {
  9417. padding: 0 10px 5px;
  9418. border-bottom: 2px solid transparent;
  9419. color: #333;
  9420. }
  9421. .promote-nav ul li.active a {
  9422. border-bottom-color: #157df1;
  9423. color: #157df1;
  9424. }
  9425. .promote-nav ul li:hover a {
  9426. border-bottom-color: #157df1;
  9427. }
  9428. /*footer*/
  9429. .promote-footer-wrap {
  9430. border-top: 1px solid #e5e5e5;
  9431. padding: 50px 0;
  9432. }
  9433. .promote-footer {
  9434. color: #333;
  9435. padding: 0 60px;
  9436. }
  9437. .promote-footer .p-con dl dt {
  9438. font-size: 14px;
  9439. margin-bottom: 12px;
  9440. margin-top: 10px;
  9441. }
  9442. .promote-footer .p-con dl dd {
  9443. font-size: 12px;
  9444. margin-bottom: 12px;
  9445. }
  9446. .promote-footer .p-con dl dd a {
  9447. color: #333;
  9448. }
  9449. .promote-footer .p-con .f-logo {
  9450. margin-left: 270px;
  9451. margin-top: 30px;
  9452. }
  9453. .promote-footer .p-con .promote-code {
  9454. text-align: center;
  9455. }
  9456. .promote-footer .p-con .promote-code .img-wrap {
  9457. width: 115px;
  9458. height: 115px;
  9459. border: 1px solid #e5e5e5;
  9460. }
  9461. .promote-footer .p-con .promote-code p {
  9462. margin-top: 5px;
  9463. }
  9464. .promote-footer>p {
  9465. text-align: center;
  9466. margin-top: 40px;
  9467. }
  9468. /*签名*/
  9469. /*banner*/
  9470. .promote-signature-banner {
  9471. height: 430px;
  9472. background: url("../image/tg-banner-1.jpg") no-repeat center;
  9473. }
  9474. .signature-banner1 {
  9475. color: #fff;
  9476. }
  9477. .signature-banner1 .s-left {
  9478. padding: 90px 0 0 90px;
  9479. }
  9480. .signature-banner1 h1 {
  9481. font-size: 40px;
  9482. font-weight: 600;
  9483. }
  9484. .signature-banner1 h5 {
  9485. font-size: 20px;
  9486. margin-top: 15px;
  9487. }
  9488. .signature-banner1 ul {
  9489. margin-top: 25px;
  9490. }
  9491. .signature-banner1 ul li {
  9492. float: left;
  9493. margin-right: 35px;
  9494. font-size: 15px;
  9495. }
  9496. .signature-banner1 ul li .iconfont {
  9497. font-size: 14px;
  9498. position: relative;
  9499. top: -1px;
  9500. margin-right: 5px;
  9501. }
  9502. .signature-banner1 .s-left .ms-btn {
  9503. width: 110px;
  9504. border-color: #fff;
  9505. color: #fff;
  9506. margin-top: 35px;
  9507. }
  9508. /*/banner*/
  9509. .signature-list {
  9510. padding: 60px 0;
  9511. }
  9512. .signature-list .row .col-sm-3:nth-of-type(n+5) {
  9513. margin-top: 35px;
  9514. }
  9515. .promote-thumbnail {
  9516. text-align: center;
  9517. }
  9518. .promote-thumbnail h4 {
  9519. color: #333;
  9520. font-size: 18px;
  9521. margin-top: 20px;
  9522. margin-bottom: 5px;
  9523. }
  9524. .promote-thumbnail .img-wrap {
  9525. height: 59px;
  9526. display: flex;
  9527. align-items: flex-end;
  9528. }
  9529. .promote-thumbnail img {
  9530. margin: 0 auto;
  9531. }
  9532. .promote-thumbnail .blue-line {
  9533. margin: 0 auto 15px;
  9534. width: 30px;
  9535. }
  9536. .promote-thumbnail p {
  9537. line-height: 24px;
  9538. height: 48px;
  9539. color: #333;
  9540. font-size: 13px;
  9541. }
  9542. .solve-certificate-wrap {
  9543. background-color: #f7f8fc;
  9544. padding: 70px 0;
  9545. }
  9546. .solve-certificate h1 {
  9547. text-align: center;
  9548. color: #333;
  9549. font-size: 32px;
  9550. margin-bottom: 20px;
  9551. }
  9552. .solve-certificate img.fr {
  9553. margin-right: 30px;
  9554. }
  9555. .promote-common {
  9556. padding: 70px 0;
  9557. text-align: center;
  9558. }
  9559. .promote-common .blue-line {
  9560. margin: 0 auto 20px;
  9561. }
  9562. .promote-common h1 {
  9563. font-size: 32px;
  9564. color: #333;
  9565. margin-bottom: 8px;
  9566. }
  9567. .promote-common h3 {
  9568. font-size: 16px;
  9569. color: #666;
  9570. margin-bottom: 55px;
  9571. }
  9572. .how-operate-wrap {
  9573. background: url("../image/promote-bg-1.jpg") no-repeat center;
  9574. height: 378px;
  9575. }
  9576. .how-operate h1 {
  9577. margin-top: 60px;
  9578. }
  9579. .how-operate h3 {
  9580. margin-bottom: 45px;
  9581. }
  9582. .how-operate .ms-btn-secondary {
  9583. padding: 9px;
  9584. width: 100px;
  9585. }
  9586. .signature-process1 ul {
  9587. padding-left: 125px;
  9588. }
  9589. .signature-process1 ul li {
  9590. float: left;
  9591. text-align: center;
  9592. padding: 0 40px;
  9593. }
  9594. .signature-process1 ul li:nth-of-type(even) {
  9595. background: url("../image/promote-icon-23.png") no-repeat center;
  9596. width: 61px;
  9597. height: 85px;
  9598. }
  9599. .signature-process1 ul li .img-wrap {
  9600. height: 85px;
  9601. display: flex;
  9602. align-items: center;
  9603. justify-content: center;
  9604. }
  9605. .signature-process1 ul li .tit1 {
  9606. font-size: 16px;
  9607. color: #333;
  9608. font-weight: 600;
  9609. margin-top: 25px;
  9610. }
  9611. /*/签名*/
  9612. /*内测分发*/
  9613. .promote-distribution-banner {
  9614. background: url("../image/promote-banner-1.jpg") no-repeat center;
  9615. height: 430px;
  9616. }
  9617. .distribution-banner1 img {
  9618. margin-left: 120px;
  9619. margin-top: 55px;
  9620. }
  9621. .distribution-banner1 .d-right {
  9622. color: #fff;
  9623. }
  9624. .distribution-banner1 .d-right {
  9625. margin-left: 80px;
  9626. }
  9627. .distribution-banner1 .d-right h1 {
  9628. font-size: 40px;
  9629. margin-top: 110px;
  9630. margin-bottom: 15px;
  9631. }
  9632. .distribution-banner1 .d-right .p1 {
  9633. font-size: 16px;
  9634. line-height: 30px;
  9635. }
  9636. .distribution-banner1 .d-right .p1 span {
  9637. font-size: 20px;
  9638. }
  9639. .distribution-banner1 .d-right .ms-btn {
  9640. width: 110px;
  9641. border-color: #fff;
  9642. color: #fff;
  9643. margin-top: 35px;
  9644. }
  9645. .distribution-list {
  9646. padding: 70px 0;
  9647. }
  9648. .distribution-list .promote-thumbnail .blue-line {
  9649. margin-bottom: 5px;
  9650. }
  9651. .provide-services-wrap {
  9652. background: url("../image/tg-37.jpg") no-repeat center;
  9653. height: 340px;
  9654. padding: 60px 0;
  9655. }
  9656. .provide-services {
  9657. padding: 0;
  9658. }
  9659. .provide-services h1 {
  9660. color: #fff;
  9661. }
  9662. .provide-services .blue-line {
  9663. margin-bottom: 40px;
  9664. }
  9665. .provide-services .row {
  9666. margin: 0 -10px;
  9667. }
  9668. .provide-services .row .col-sm-4 {
  9669. padding: 0 10px;
  9670. }
  9671. .provide-services .p-con {
  9672. background-color: #fff;
  9673. border-radius: 5px;
  9674. padding: 20px 0 20px 15px;
  9675. }
  9676. .provide-services .p-con .p-text {
  9677. width: 71%;
  9678. text-align: left;
  9679. padding-left: 10px;
  9680. }
  9681. .provide-services .p-con .p-text dt {
  9682. color: #333;
  9683. font-size: 18px;
  9684. font-weight: 600;
  9685. }
  9686. .provide-services .p-con .p-text dt span {
  9687. font-size: 12px;
  9688. height: 60px;
  9689. }
  9690. .provide-services .p-con .p-text dd {
  9691. color: #333;
  9692. margin-top: 5px;
  9693. }
  9694. .web-encapsulation .promote-thumbnail .img-wrap {
  9695. height: 51px;
  9696. display: flex;
  9697. align-items: flex-end;
  9698. justify-content: center;
  9699. }
  9700. .web-encapsulation .w-list {
  9701. padding: 0 140px;
  9702. }
  9703. .web-encapsulation .w-list .row .col-sm-3:nth-of-type(n+5) {
  9704. margin-top: 65px;
  9705. }
  9706. .web-encapsulation .promote-common h3 {
  9707. margin-bottom: 45px;
  9708. }
  9709. .promote-signature-wrap {
  9710. background: url("../image/tg-29.jpg") no-repeat center;
  9711. height: 700px;
  9712. }
  9713. .promote-signature h1 {
  9714. font-size: 32px;
  9715. color: #fff;
  9716. text-align: center;
  9717. margin-top: 55px;
  9718. }
  9719. .promote-signature h3 {
  9720. font-size: 16px;
  9721. color: #fff;
  9722. text-align: center;
  9723. margin-top: 15px;
  9724. margin-bottom: 50px;
  9725. }
  9726. .promote-signature .text li {
  9727. background: url("../image/promote-bg-3.png") no-repeat;
  9728. width: 263px;
  9729. height: 79px;
  9730. float: left;
  9731. margin-right: 125px;
  9732. padding: 0 15px;
  9733. color: #fff;
  9734. padding-top: 7px;
  9735. }
  9736. .promote-signature .text li:last-of-type {
  9737. margin-right: 0;
  9738. }
  9739. .promote-signature .text li dt {
  9740. font-size: 18px;
  9741. font-weight: 600;
  9742. font-family: "Microsoft YaHei UI Light";
  9743. }
  9744. .promote-signature .text li dd {
  9745. font-size: 12px;
  9746. margin-top: 3px;
  9747. }
  9748. /*/内测分发*/
  9749. /*封装*/
  9750. .promote-encapsulation-banner {
  9751. background: url("../image/promote-banner-2.jpg") no-repeat center;
  9752. height: 430px;
  9753. }
  9754. .encapsulation-banner1 h1 {
  9755. text-align: center;
  9756. font-size: 40px;
  9757. color: #fff;
  9758. font-weight: 600;
  9759. margin-top: 90px;
  9760. }
  9761. .encapsulation-banner1 h5 {
  9762. text-align: center;
  9763. font-size: 18px;
  9764. color: #fff;
  9765. line-height: 30px;
  9766. margin-top: 15px;
  9767. }
  9768. .encapsulation-banner1 .ms-btn {
  9769. color: #6c4409;
  9770. background-color: #ffec06;
  9771. font-size: 16px;
  9772. font-weight: 600;
  9773. width: 110px;
  9774. margin-top: 25px;
  9775. }
  9776. .encapsulation-banner1 img {
  9777. margin: 45px auto 0;
  9778. }
  9779. .encapsulation-banner1 ol {
  9780. margin-left: 55px;
  9781. }
  9782. .encapsulation-banner1 ol li {
  9783. float: left;
  9784. text-align: center;
  9785. padding: 0 20px;
  9786. }
  9787. .encapsulation-banner1 ol li .e-text {
  9788. color: #333;
  9789. font-size: 12px;
  9790. font-weight: 600;
  9791. margin-top: 5px;
  9792. }
  9793. .feature-plugin h1 {
  9794. color: #333;
  9795. font-size: 32px;
  9796. text-align: center;
  9797. }
  9798. .feature-plugin .blue-line {
  9799. margin: 10px auto 0;
  9800. }
  9801. .feature-plugin .f-list {
  9802. padding: 0 120px;
  9803. margin-top: 35px;
  9804. }
  9805. .feature-plugin .f-list .promote-thumbnail .img-wrap {
  9806. height: 51px;
  9807. display: flex;
  9808. align-items: flex-end;
  9809. }
  9810. .feature-plugin .f-list li {
  9811. float: left;
  9812. width: 20%;
  9813. position: relative;
  9814. padding-bottom: 25px;
  9815. cursor: pointer;
  9816. }
  9817. .feature-plugin .f-list li .icon-arrow-top2 {
  9818. position: absolute;
  9819. left: 50%;
  9820. bottom: -14px;
  9821. transform: translateX(-50%);
  9822. font-size: 30px;
  9823. color: #68a4e8;
  9824. display: none;
  9825. }
  9826. .feature-tab-wrap {
  9827. background: url("../image/promote-bg-4.jpg") no-repeat center;
  9828. height: 460px;
  9829. }
  9830. .feature-tab img {
  9831. display: none;
  9832. margin: 50px auto 0;
  9833. }
  9834. .our-advantages img {
  9835. margin: 40px auto 0;
  9836. }
  9837. .price-introduced-wrap {
  9838. background-color: #f7f8fc;
  9839. }
  9840. .price-introduced .promote-common .blue-line {
  9841. margin-bottom: 40px;
  9842. }
  9843. .price-introduced .table {
  9844. background-color: #fff;
  9845. table-layout: fixed;
  9846. margin-bottom: 0;
  9847. }
  9848. .price-introduced .table tr th {
  9849. background-color: #157df1;
  9850. padding: 20px;
  9851. color: #fff;
  9852. text-align: center;
  9853. font-size: 18px;
  9854. }
  9855. .price-introduced .table tr td {
  9856. padding: 20px;
  9857. color: #333;
  9858. text-align: center;
  9859. vertical-align: middle;
  9860. font-size: 16px;
  9861. }
  9862. .price-introduced .table tr td .text1 {
  9863. text-align: left;
  9864. display: inline-block;
  9865. }
  9866. .price-introduced .table tr td .text {
  9867. font-size: 24px;
  9868. position: relative;
  9869. display: inline-block;
  9870. }
  9871. .price-introduced .table tr td .text span {
  9872. position: absolute;
  9873. top: -5px;
  9874. left: calc(100% + 2px);
  9875. background: #ffcd20 url("../image/promote-arrrow.jpg") no-repeat left center;
  9876. padding: 0 5px 0 15px;
  9877. height: 17px;
  9878. font-size: 12px;
  9879. white-space: nowrap;
  9880. }
  9881. .good-case .promote-common {
  9882. padding-left: 120px;
  9883. padding-right: 120px;
  9884. }
  9885. .good-case .g-con {
  9886. box-shadow: 0 7px 20px rgba(21, 125, 241, .2);
  9887. padding-top: .1px;
  9888. }
  9889. .good-case .g-con .tab-list {
  9890. padding-left: 200px;
  9891. margin-top: 40px;
  9892. }
  9893. .good-case .g-con .tab-list li {
  9894. float: left;
  9895. height: 28px;
  9896. line-height: 28px;
  9897. padding: 0 15px;
  9898. border-radius: 15px;
  9899. font-size: 16px;
  9900. margin-right: 90px;
  9901. cursor: pointer;
  9902. color: #333;
  9903. }
  9904. .good-case .g-con .tab-list li.active {
  9905. background-color: #157df1;
  9906. color: #fff;
  9907. }
  9908. .good-case .tab-con {
  9909. padding: 30px 125px 45px;
  9910. }
  9911. .good-case .tab-con ul {
  9912. display: none;
  9913. }
  9914. .good-case .tab-con ul li {
  9915. float: left;
  9916. margin-right: 40px;
  9917. }
  9918. .good-case .tab-con ul li:last-of-type {
  9919. margin-right: 0;
  9920. }
  9921. .package-number {
  9922. color: #fff;
  9923. background: url("../image/promote-bg-6.jpg") no-repeat center;
  9924. height: 100px;
  9925. line-height: 100px;
  9926. font-size: 24px;
  9927. text-align: center;
  9928. }
  9929. .package-number span {
  9930. font-size: 36px;
  9931. }
  9932. .encapsulation-process ul {
  9933. margin-left: 70px;
  9934. margin-top: 40px;
  9935. }
  9936. .encapsulation-process ul li {
  9937. float: left;
  9938. text-align: left;
  9939. padding: 15px 15px 0;
  9940. }
  9941. .encapsulation-process ul li:nth-of-type(odd) {
  9942. width: 180px;
  9943. height: 155px;
  9944. box-shadow: 0 0 20px rgba(21, 125, 241, .2);
  9945. }
  9946. .encapsulation-process ul li:nth-of-type(even) {
  9947. height: 155px;
  9948. width: 110px;
  9949. background: url("../image/promote-icon-23.png") no-repeat center;
  9950. }
  9951. .encapsulation-process ul li dt {
  9952. font-size: 18px;
  9953. color: #333;
  9954. font-weight: 600;
  9955. }
  9956. .encapsulation-process ul li dd {
  9957. font-size: 16px;
  9958. color: #333;
  9959. margin-top: 10px;
  9960. }
  9961. .promote-function-of {
  9962. padding-top: 0;
  9963. padding-bottom: 60px;
  9964. }
  9965. .promote-function-of .tit {
  9966. margin-bottom: 8px;
  9967. color: #333;
  9968. font-size: 32px;
  9969. }
  9970. .promote-blue-line {
  9971. margin: 0 auto 20px;
  9972. width: 35px;
  9973. height: 2px;
  9974. background-color: #157df1;
  9975. }
  9976. .promote-function-of .promote-blue-line {
  9977. margin-bottom: 30px;
  9978. }
  9979. .promote-function-of ul li .text {
  9980. color: #333;
  9981. font-size: 16px;
  9982. }
  9983. .promote-our-advantages-wrap {
  9984. background-color: #f7f8fc;
  9985. }
  9986. .promote-meal {
  9987. padding: 70px 0 0;
  9988. }
  9989. .promote-meal>h1 {
  9990. color: #333;
  9991. margin-bottom: 8px;
  9992. text-align: center;
  9993. font-size: 32px;
  9994. }
  9995. .promote-meal>p {
  9996. color: #666;
  9997. font-size: 16px;
  9998. margin-bottom: 40px;
  9999. text-align: center;
  10000. }
  10001. .promote-meal .table {
  10002. table-layout: fixed;
  10003. box-shadow: 0 0 10px rgba(0, 0, 0, .1);
  10004. margin-bottom: 0;
  10005. }
  10006. .promote-meal .table th {
  10007. text-align: center;
  10008. height: 50px;
  10009. color: #333;
  10010. border-top: none;
  10011. position: relative;
  10012. vertical-align: middle;
  10013. border-left: 1px solid #ddd;
  10014. font-weight: 600;
  10015. font-size: 15px;
  10016. background-color: #f5f6f7;
  10017. }
  10018. .promote-meal .table td {
  10019. text-align: center;
  10020. border: 1px solid #ddd;
  10021. height: 50px;
  10022. color: #333;
  10023. vertical-align: middle;
  10024. }
  10025. .promote-meal .table th:first-of-type {
  10026. border-left-color: transparent;
  10027. }
  10028. .promote-meal .table th:last-of-type {
  10029. border-right-color: transparent;
  10030. }
  10031. .promote-meal .table td:first-of-type {
  10032. border-left-color: transparent;
  10033. }
  10034. .promote-meal .table td:last-of-type {
  10035. border-right-color: transparent;
  10036. }
  10037. .promote-meal .table tr:last-of-type td {
  10038. border-bottom: none;
  10039. }
  10040. .promote-meal .table tr:nth-of-type(odd) td {
  10041. background-color: transparent;
  10042. }
  10043. .promote-meal .table .recommend-wrap1 {
  10044. position: relative;
  10045. }
  10046. .promote-meal .table .recommend-wrap1 .recommended {
  10047. position: absolute;
  10048. top: -9px;
  10049. background: url("../image/price-tip1.png") no-repeat;
  10050. width: 32px;
  10051. height: 22px;
  10052. color: #fff;
  10053. font-size: 12px;
  10054. line-height: 20px;
  10055. background-size: contain;
  10056. font-weight: normal;
  10057. }
  10058. .promote-meal .table .recommend-wrap1 .recommended {
  10059. background: url("../image/price-tip2.png") no-repeat;
  10060. width: 60px;
  10061. height: 22px;
  10062. background-size: contain;
  10063. font-size: 12px;
  10064. line-height: 22px;
  10065. font-weight: normal;
  10066. }
  10067. .promote-meal .table td .num {
  10068. font-size: 18px;
  10069. }
  10070. .promote-pack-meal {
  10071. padding-top: 0;
  10072. padding-bottom: 70px;
  10073. }
  10074. .promote-pack-meal .table .basis-pack {
  10075. background: url("../image/tg-1.jpg") no-repeat center;
  10076. height: 50px;
  10077. color: #fff;
  10078. }
  10079. .promote-pack-meal .table .senior-pack {
  10080. background: url("../image/tg-2.jpg") no-repeat center;
  10081. height: 50px;
  10082. color: #fff;
  10083. }
  10084. .promote-sign-meal {
  10085. padding-top: 0;
  10086. padding-bottom: 70px;
  10087. }
  10088. .promote-sign-meal .table .recommend-wrap1 .recommended {
  10089. position: absolute;
  10090. top: -9px;
  10091. background: url("../image/price-tip1.png") no-repeat;
  10092. width: 32px;
  10093. height: 22px;
  10094. color: #fff;
  10095. font-size: 12px;
  10096. line-height: 20px;
  10097. background-size: contain;
  10098. font-weight: normal;
  10099. }
  10100. .promote-sign-meal .table .basis-sign {
  10101. background: url("../image/tg-3.jpg") no-repeat center;
  10102. height: 50px;
  10103. color: #fff;
  10104. }
  10105. .promote-sign-meal .table .senior-sign {
  10106. background: url("../image/tg-4.jpg") no-repeat center;
  10107. height: 50px;
  10108. color: #fff;
  10109. }
  10110. .promote-sign-meal .table .independent-sign {
  10111. background: url("../image/tg-5.jpg") no-repeat center;
  10112. height: 50px;
  10113. color: #fff;
  10114. }
  10115. .promote-meal .blue-line {
  10116. margin: 0 auto 20px;
  10117. }
  10118. /*/封装*/
  10119. .promote-help {
  10120. padding-bottom: 45px;
  10121. }
  10122. .promote-help h1 {
  10123. text-align: center;
  10124. color: #333;
  10125. font-size: 32px;
  10126. margin-bottom: 8px;
  10127. }
  10128. .promote-help .promote-blue-line {
  10129. margin-bottom: 30px;
  10130. }
  10131. /*---------- /推广页----------*/
  10132. /*----------分发落地页----------*/
  10133. .template-common .form-control {
  10134. height: 40px;
  10135. }
  10136. .passwords .template-common {
  10137. padding: 0 320px;
  10138. }
  10139. .template-common {
  10140. padding: 0 235px;
  10141. }
  10142. .template-common hr {
  10143. border-top-color: #e5e5e5;
  10144. margin-top: 25px;
  10145. display: none;
  10146. }
  10147. .template-common .t-icon {
  10148. background-color: #fff;
  10149. width: 180px;
  10150. height: 180px;
  10151. border-radius: 25px;
  10152. box-shadow: 0 0 10px rgba(0, 0, 0, .2);
  10153. display: flex;
  10154. align-items: center;
  10155. margin: 0 auto;
  10156. }
  10157. .template-common .t-icon img {
  10158. width: 120px;
  10159. height: 120px;
  10160. border-radius: 30px;
  10161. border: 1px solid #e5e5e5;
  10162. margin: 0 auto;
  10163. }
  10164. .template-common .template-btn-wrap {
  10165. text-align: center;
  10166. }
  10167. .template-common .template-btn {
  10168. color: #fff;
  10169. background-color: #157df1;
  10170. height: 50px;
  10171. padding: 0 38px;
  10172. line-height: 48px;
  10173. font-size: 18px;
  10174. margin: 35px auto 15px;
  10175. display: inline-block;
  10176. }
  10177. .template-common .decoding {
  10178. color: #fff;
  10179. background-color: #157df1;
  10180. height: 50px;
  10181. padding: 0;
  10182. width: 180px;
  10183. text-align: center;
  10184. line-height: 48px;
  10185. font-size: 18px;
  10186. margin: 30px auto 20px;
  10187. display: block;
  10188. }
  10189. .template-common .template-btn span:last-of-type {
  10190. line-height: 50px;
  10191. }
  10192. .template-common .template-btn .iconfont {
  10193. font-size: 36px;
  10194. margin-left: -5px;
  10195. }
  10196. .template-common .t-apply {
  10197. color: #666;
  10198. text-align: center;
  10199. }
  10200. .template-common .t-code {
  10201. color: #666;
  10202. width: 200px;
  10203. overflow: hidden;
  10204. margin: 35px auto 0;
  10205. text-align: center;
  10206. }
  10207. .template-common .t-code img {
  10208. border: 1px solid #e5e5e5;
  10209. width: 150px;
  10210. height: 150px;
  10211. margin: 0 auto 5px;
  10212. }
  10213. .template-common .t-name {
  10214. color: #333;
  10215. text-align: center;
  10216. }
  10217. .template-common .t-name .name-info span {
  10218. margin-right: 10px;
  10219. color: #666;
  10220. }
  10221. .template-common .t-name .tit {
  10222. font-size: 28px;
  10223. margin-bottom: 10px;
  10224. margin-top: 15px;
  10225. }
  10226. .template-common .t-introduce {
  10227. color: #333;
  10228. }
  10229. .template-common .t-introduce .tit {
  10230. font-size: 20px;
  10231. margin-top: 25px;
  10232. }
  10233. .template-common .t-introduce p {
  10234. margin-top: 5px;
  10235. }
  10236. .template-common .t-contact {
  10237. color: #333;
  10238. margin-top: 20px;
  10239. }
  10240. .template-common .t-contact .tit {
  10241. font-size: 20px;
  10242. margin-bottom: 15px;
  10243. }
  10244. .template-common .t-contact dl {
  10245. margin-bottom: 5px;
  10246. }
  10247. .template-common .t-contact dl dt {
  10248. margin-right: 10px;
  10249. }
  10250. .template-pwd {
  10251. border: 1px solid #e5e5e5;
  10252. border-radius: 3px;
  10253. padding: 45px 35px;
  10254. margin-top: 45px;
  10255. /*margin-bottom: 50px;*/
  10256. display: none;
  10257. }
  10258. .template-pwd label {
  10259. color: #3e4753;
  10260. text-align: center;
  10261. display: block;
  10262. }
  10263. .template-pwd .form-control {
  10264. margin-top: 15px;
  10265. }
  10266. .passwords+.template-footer {
  10267. margin-top: 50px;
  10268. }
  10269. .template-footer {
  10270. margin-top: 30px;
  10271. }
  10272. .template-footer .methods-tutorial-full {
  10273. background-color: #ff6666;
  10274. }
  10275. .template-footer .methods-tutorial-full a {
  10276. color: #fff;
  10277. }
  10278. .template-footer .methods-tutorial-full a.fl {
  10279. height: 50px;
  10280. line-height: 50px;
  10281. }
  10282. .template-footer .methods-tutorial-full a.fl:hover {
  10283. text-decoration: underline;
  10284. }
  10285. .template-footer .methods-tutorial-full a.fr {
  10286. width: 22px;
  10287. height: 22px;
  10288. line-height: 22px;
  10289. border: 1px solid #fff;
  10290. border-radius: 50%;
  10291. text-align: center;
  10292. margin-top: 14px;
  10293. }
  10294. .template-footer .methods-tutorial-full a.fr .iconfont {
  10295. color: #fff;
  10296. }
  10297. .template-footer .t-footer {
  10298. text-align: center;
  10299. margin-top: 30px;
  10300. padding-bottom: 30px;
  10301. }
  10302. .template-footer .t-footer a {
  10303. color: #157df1;
  10304. }
  10305. .template-footer .t-footer a:hover {
  10306. text-decoration: underline;
  10307. }
  10308. /*应用截图*/
  10309. .template-common .app-screen {
  10310. margin-top: 20px;
  10311. }
  10312. .template-common .app-screen .tit {
  10313. font-size: 20px;
  10314. margin-bottom: 15px;
  10315. color: #333;
  10316. }
  10317. .template-common .app-screen .s-responsive {
  10318. overflow: hidden;
  10319. height: 405px;
  10320. width: 100%;
  10321. overflow-x: auto;
  10322. }
  10323. /*.template-common .app-screen ul{height: 405px;}*/
  10324. .template-common .app-screen ul li {
  10325. float: left;
  10326. margin-right: 20px;
  10327. }
  10328. .template-common .app-screen ul li img {
  10329. width: auto;
  10330. height: auto;
  10331. max-width: 800px;
  10332. max-height: 405px;
  10333. }
  10334. .template-common .app-screen ul li:last-of-type {
  10335. margin-right: 0;
  10336. }
  10337. /*模板1*/
  10338. .template-1 .t-bg-1 {
  10339. background: #157df1 url("../image/t-04.png") repeat-x center bottom;
  10340. height: 175px;
  10341. }
  10342. .template-1 .content {
  10343. margin-top: -125px;
  10344. padding: 0 80px;
  10345. }
  10346. .template-1 .template-common {
  10347. padding: 0;
  10348. }
  10349. .template-1 .template-common .t-icon {
  10350. box-shadow: none;
  10351. width: auto;
  10352. height: auto;
  10353. background-color: transparent;
  10354. }
  10355. .template-1.passwords .template-common .t-code {
  10356. width: 125px;
  10357. margin-top: 35px;
  10358. }
  10359. .template-1 .template-common .t-code {
  10360. width: 200px;
  10361. margin-top: 15px;
  10362. }
  10363. .template-1 .template-common .t-code img {
  10364. width: 125px;
  10365. height: 125px;
  10366. margin: 0 auto;
  10367. }
  10368. .template-1 .template-common .t-name {
  10369. text-align: left;
  10370. }
  10371. .template-1 .template-common .t-name .name-info span {
  10372. color: #fff;
  10373. }
  10374. .template-1+.template-footer {
  10375. margin-top: 140px;
  10376. }
  10377. .template-1 .template-common .template-btn {
  10378. margin-top: 30px;
  10379. margin-bottom: 15px;
  10380. padding: 0 15px;
  10381. }
  10382. .template-1 .content .c-left {
  10383. background: url("../image/t-05.png") no-repeat center;
  10384. width: 308px;
  10385. height: 608px;
  10386. padding-top: 110px;
  10387. }
  10388. .template-1.passwords .content .c-left {
  10389. padding-top: 140px;
  10390. }
  10391. .template-1.passwords .content .c-right {
  10392. margin-left: 130px;
  10393. width: auto;
  10394. }
  10395. .template-1 .content .c-right {
  10396. margin-left: 100px;
  10397. width: 630px;
  10398. }
  10399. .template-1 .content .c-right .t-name {
  10400. color: #fff;
  10401. margin-bottom: 100px;
  10402. }
  10403. .template-1 .template-common .t-name .tit {
  10404. margin-top: 5px;
  10405. }
  10406. .template-1 .content .c-right .t-introduce {
  10407. /*margin-top: 100px;*/
  10408. margin-bottom: 45px;
  10409. }
  10410. .template-1 .content .c-right .t-contact {
  10411. margin-top: 0;
  10412. margin-bottom: 45px;
  10413. }
  10414. .template-1 .template-pwd {
  10415. width: 500px;
  10416. height: 230px;
  10417. background-color: #fafafa;
  10418. margin-top: 90px;
  10419. padding: 60px 30px 0;
  10420. position: relative;
  10421. border-radius: 5px;
  10422. display: none;
  10423. border: none;
  10424. }
  10425. .template-1 .template-pwd .form-group {
  10426. text-align: center;
  10427. }
  10428. .template-1 .template-pwd .form-group label {
  10429. color: #3e4753;
  10430. }
  10431. .template-1 .template-pwd .form-group .form-control {
  10432. border-color: #e5e5e5;
  10433. margin-top: 5px;
  10434. }
  10435. .template-1 .template-pwd .form-group .form-control:focus {
  10436. border-color: #66afe9;
  10437. }
  10438. .template-1 .template-pwd .top-pwd {
  10439. position: absolute;
  10440. left: 50%;
  10441. top: -20px;
  10442. margin-left: -30px;
  10443. width: 60px;
  10444. height: 60px;
  10445. border: 1px solid #157df1;
  10446. border-radius: 50%;
  10447. display: flex;
  10448. justify-content: center;
  10449. align-items: center;
  10450. background-color: #fafafa;
  10451. }
  10452. .template-1 .template-pwd .top-pwd .iconfont {
  10453. color: #157df1;
  10454. font-size: 30px;
  10455. }
  10456. .template-1 .template-common .app-screen .s-responsive {
  10457. width: 730px;
  10458. }
  10459. /*/模板1*/
  10460. /*模板2*/
  10461. .template-2 .t-bg-2 {
  10462. background: url("../image/t-06.jpg") center;
  10463. height: 130px;
  10464. }
  10465. .template-2 .content {
  10466. margin-top: -90px;
  10467. }
  10468. /*/模板2*/
  10469. /*模板3*/
  10470. .template-3 .t-bg-3 {
  10471. background: url("../image/t-07.jpg") center;
  10472. height: 160px;
  10473. }
  10474. .template-3 .content {
  10475. margin-top: 20px;
  10476. }
  10477. .template-3 .template-common .t-icon {
  10478. width: 160px;
  10479. height: 160px;
  10480. border-radius: 50%;
  10481. }
  10482. .template-3 .template-common .t-icon img {
  10483. width: 105px;
  10484. height: 105px;
  10485. }
  10486. /*/模板3*/
  10487. /*模板4*/
  10488. .template-4 .t-bg-4 {
  10489. background: url("../image/t-09.png") no-repeat center;
  10490. height: 485px;
  10491. }
  10492. .template-4 .t-left {
  10493. width: 255px;
  10494. margin-left: 310px;
  10495. margin-top: 150px;
  10496. }
  10497. .template-4 .t-right {
  10498. margin-left: 225px;
  10499. margin-top: 45px;
  10500. }
  10501. .template-4 .content4 .template-common {
  10502. padding: 0;
  10503. }
  10504. .template-4 .content4 .template-common .t-icon {
  10505. width: auto;
  10506. height: auto;
  10507. background-color: transparent;
  10508. box-shadow: none;
  10509. }
  10510. .template-4 .content4 .template-common .t-icon img {
  10511. border: none;
  10512. }
  10513. .template-4 .content4 .template-common .t-name .tit {
  10514. color: #fff;
  10515. margin-top: 25px;
  10516. margin-bottom: 20px;
  10517. }
  10518. .template-4 .content4 .template-common .t-name .name-info span {
  10519. display: block;
  10520. text-align: center;
  10521. margin-right: 0;
  10522. color: #fff;
  10523. line-height: 24px;
  10524. }
  10525. .template-4 .template-common .template-btn {
  10526. margin-bottom: 20px;
  10527. }
  10528. .template-4 .content>.template-common {
  10529. padding: 80px 100px 0;
  10530. }
  10531. .template-4 .template-common .t-code {
  10532. width: 200px;
  10533. }
  10534. .template-4 .template-common .t-code img {
  10535. width: 120px;
  10536. height: 120px;
  10537. margin-left: auto;
  10538. margin-right: auto;
  10539. }
  10540. .template-4 .template-common .decoding {
  10541. width: 100%;
  10542. margin-top: 30px;
  10543. }
  10544. .template-4 .template-pwd {
  10545. border: none;
  10546. padding: 0;
  10547. width: 490px;
  10548. margin: 0 auto;
  10549. }
  10550. .template-4+.template-footer {
  10551. margin-top: 100px;
  10552. }
  10553. .template-4 .content>.template-common .app-screen {
  10554. width: 730px;
  10555. }
  10556. /*/模板4*/
  10557. /*模板5*/
  10558. .template-5 .left-bg {
  10559. position: absolute;
  10560. left: 0;
  10561. top: 0;
  10562. background: url("../image/t11.png") no-repeat left top;
  10563. width: 283px;
  10564. height: 1012px;
  10565. }
  10566. .template-5 .right-bg {
  10567. position: absolute;
  10568. right: 0;
  10569. top: 0;
  10570. background: url("../image/t12.png") no-repeat right top;
  10571. width: 283px;
  10572. height: 1012px;
  10573. }
  10574. .template-5 .content {
  10575. padding-top: 100px;
  10576. }
  10577. .template-5 .template-common {
  10578. padding: 0 235px;
  10579. }
  10580. .template-5 .template-common .t-icon {
  10581. border-radius: 50%;
  10582. position: relative;
  10583. margin-left: 180px;
  10584. }
  10585. .template-5 .template-common .t-icon .bg-shadow {
  10586. position: absolute;
  10587. left: -20px;
  10588. top: 70px;
  10589. border-radius: 90px;
  10590. width: 360px;
  10591. height: 180px;
  10592. background-color: #eff2f2;
  10593. z-index: -1;
  10594. transform: rotate(45deg);
  10595. }
  10596. .template-5 .template-common .t-icon .code {
  10597. position: absolute;
  10598. top: 160px;
  10599. right: -160px;
  10600. transition: all 500ms;
  10601. }
  10602. .template-5 .template-common .t-icon .code img {
  10603. border-radius: 0;
  10604. border: none;
  10605. width: 110px;
  10606. height: 110px;
  10607. transition: all 500ms;
  10608. }
  10609. .template-5 .template-common .t-icon .code:hover {
  10610. width: 240px;
  10611. height: 240px;
  10612. right: -190px;
  10613. top: 130px;
  10614. }
  10615. .template-5 .template-common .t-icon .code:hover img {
  10616. width: 160px;
  10617. height: 160px;
  10618. }
  10619. .template-5 .template-common .t-name-wrap {
  10620. width: 350px;
  10621. margin-left: auto;
  10622. margin-right: auto;
  10623. }
  10624. .template-5 .template-common .t-name-wrap .t-name {
  10625. text-align: left;
  10626. }
  10627. .template-5 .template-common .t-name-wrap .template-btn {
  10628. margin: 45px 0 20px
  10629. }
  10630. .template-5 .template-common .t-name {
  10631. margin-top: 200px;
  10632. }
  10633. .template-5 .template-common .t-name .tit {
  10634. margin-bottom: 20px;
  10635. }
  10636. .template-5 .template-common .t-name .name-info {
  10637. text-align: left;
  10638. line-height: 24px;
  10639. }
  10640. .template-5 .template-common .t-apply {
  10641. text-align: left;
  10642. padding-left: 15px;
  10643. }
  10644. .template-5 .template-common .template-btn {
  10645. padding: 0 53px;
  10646. }
  10647. .template-5 .template-common hr {
  10648. margin-top: 50px;
  10649. }
  10650. .template-5 .template-common .t-introduce .tit {
  10651. margin-top: 50px;
  10652. }
  10653. .template-5 .template-common .t-contact {
  10654. margin-top: 25px;
  10655. }
  10656. .template-5.passwords+.template-footer {
  10657. margin-top: 99px;
  10658. }
  10659. .template-5+.template-footer {
  10660. margin-top: 40px;
  10661. }
  10662. .template-5 .template-pwd {
  10663. width: 555px;
  10664. height: 245px;
  10665. margin: 80px auto 0;
  10666. padding: 60px 30px 0;
  10667. position: relative;
  10668. border-radius: 5px;
  10669. }
  10670. .template-5 .template-pwd .top-pwd {
  10671. position: absolute;
  10672. left: 50%;
  10673. top: -30px;
  10674. margin-left: -30px;
  10675. width: 60px;
  10676. height: 60px;
  10677. border: 1px solid #157df1;
  10678. border-radius: 50%;
  10679. display: flex;
  10680. justify-content: center;
  10681. align-items: center;
  10682. background-color: #fafafa;
  10683. }
  10684. .template-5 .template-pwd .top-pwd .iconfont {
  10685. color: #157df1;
  10686. font-size: 30px;
  10687. }
  10688. .template-5 .template-pwd .decoding {
  10689. width: 100%;
  10690. margin-top: 30px;
  10691. margin-bottom: 30px;
  10692. }
  10693. /*/模板5*/
  10694. /*模板6*/
  10695. .template-6 .t-bg-6 {
  10696. background-color: #f4f4f4;
  10697. height: 80px;
  10698. line-height: 80px;
  10699. }
  10700. .template-6 .t-top .tit {
  10701. font-size: 30px;
  10702. color: #333;
  10703. }
  10704. .template-6 .t-top .name-info {
  10705. font-size: 18px;
  10706. color: #666;
  10707. }
  10708. .template-6 .t-top .name-info span {
  10709. margin-left: 10px;
  10710. }
  10711. .template-6 .content {
  10712. margin-top: 55px;
  10713. }
  10714. .template-6 .template-common .template-btn {
  10715. margin-bottom: 15px;
  10716. }
  10717. .template-6 .template-common .show-hr {
  10718. display: block;
  10719. margin-top: 40px;
  10720. }
  10721. .template-6 .template-common .t-code {
  10722. margin-top: 40px;
  10723. }
  10724. /*/模板6*/
  10725. /*密码显示控制*/
  10726. .passwords .template-pwd {
  10727. display: block;
  10728. }
  10729. .passwords .pc-pwd {
  10730. display: none !important;
  10731. }
  10732. .passwords .template-pwd {
  10733. display: block;
  10734. }
  10735. /*----------/分发落地页----------*/
  10736. /*----------通知中心----------*/
  10737. .user-center1 .message-list .no-msg {
  10738. display: flex;
  10739. align-items: center;
  10740. justify-content: center;
  10741. height: 550px;
  10742. }
  10743. .user-center1 .message-list .no-msg .no {
  10744. display: inline-block;
  10745. text-align: center;
  10746. }
  10747. .user-center1 .message-list .no-msg .no .no-text {
  10748. margin-top: 15px;
  10749. }
  10750. .user-center1 .message-list {
  10751. box-shadow: 0 0 5px rgba(0, 0, 0, .05);
  10752. background-color: #fff;
  10753. min-height: 550px;
  10754. padding-bottom: 20px;
  10755. }
  10756. .user-center1 .message-list dt {
  10757. background-color: #f5f6f7;
  10758. padding: 12px 30px;
  10759. border-bottom: 1px solid #e5e5e5;
  10760. }
  10761. .user-center1 .message-list dt .all {
  10762. color: #333;
  10763. }
  10764. .user-center1 .message-list dt .all:hover {
  10765. color: #157df1;
  10766. }
  10767. .user-center1 .message-list dt .all .icon-checkbox1 {
  10768. margin-top: 2px;
  10769. color: #999;
  10770. margin-right: 10px;
  10771. cursor: pointer;
  10772. }
  10773. .user-center1 .message-list dt .all:hover .icon-checkbox1 {
  10774. color: #157df1;
  10775. }
  10776. .user-center1 .message-list dt .all .icon-checkbox-checked1 {
  10777. margin-top: 2px;
  10778. color: #157df1;
  10779. margin-right: 10px;
  10780. }
  10781. .user-center1 .message-list dt .all .text {
  10782. padding-top: 6px;
  10783. margin-right: 20px;
  10784. }
  10785. .user-center1 .message-list dt button {
  10786. padding: 4px 12px;
  10787. line-height: normal;
  10788. margin-right: 10px;
  10789. }
  10790. .user-center1 .message-list .list li {
  10791. float: left;
  10792. font-size: 12px;
  10793. }
  10794. .user-center1 .message-list dd {
  10795. padding: 20px 30px;
  10796. border-bottom: 1px solid #e5e5e5;
  10797. }
  10798. .user-center1 .message-list dd .list {
  10799. height: 22px;
  10800. }
  10801. .user-center1 .message-list dd .checkbox-li .iconfont {
  10802. margin-right: 20px;
  10803. }
  10804. .user-center1 .message-list dd .checkbox-li .icon-checkbox-checked1 {
  10805. color: #157df1;
  10806. }
  10807. .user-center1 .message-list dd .msg-icon .iconfont {
  10808. margin-right: 30px;
  10809. }
  10810. .user-center1 .message-list dd .msg-icon .icon-unread {
  10811. color: #fed735;
  10812. }
  10813. .user-center1 .message-list dd .msg-icon .icon-read {
  10814. color: #999;
  10815. font-size: 20px;
  10816. position: relative;
  10817. top: -3px;
  10818. }
  10819. .user-center1 .message-list dd .li-msg-con {
  10820. line-height: 24px;
  10821. }
  10822. .user-center1 .message-list dd .li-msg-con span {
  10823. float: left;
  10824. line-height: 22px;
  10825. }
  10826. .user-center1 .message-list dd .li-msg-con .text1 {
  10827. color: #333;
  10828. font-weight: 600;
  10829. }
  10830. .user-center1 .message-list dd.read {
  10831. background-color: #f9f9f9;
  10832. }
  10833. .user-center1 .message-list dd.read .li-msg-con .text1 {
  10834. font-weight: normal;
  10835. }
  10836. .user-center1 .message-list dd .li-msg-con .text2 {
  10837. color: #666;
  10838. white-space: nowrap;
  10839. overflow: hidden;
  10840. text-overflow: ellipsis;
  10841. width: 500px;
  10842. }
  10843. .user-center1 .message-list dd .li-msg-con .text3 {
  10844. margin: 0 5px;
  10845. }
  10846. /*.user-center1 .message-list dd .li-msg-con a:hover {color: #157df1;}*/
  10847. .user-center1 .message-list dd .time {
  10848. float: right;
  10849. line-height: 22px;
  10850. color: #666;
  10851. }
  10852. .user-center1 .message-details {
  10853. padding: 40px;
  10854. height: 550px;
  10855. background-color: #fff;
  10856. box-shadow: 0 0 5px rgba(0, 0, 0, .05);
  10857. }
  10858. .user-center1 .message-details .details-tit {
  10859. color: #333;
  10860. font-size: 26px;
  10861. text-align: center;
  10862. margin-bottom: 10px;
  10863. }
  10864. .user-center1 .message-details .details-time {
  10865. color: #666;
  10866. font-size: 12px;
  10867. text-align: center;
  10868. margin-bottom: 25px;
  10869. }
  10870. .user-center1 .message-details .details-p {
  10871. color: #333;
  10872. font-size: 14px;
  10873. /*margin-bottom: 25px;*/
  10874. line-height: 24px;
  10875. }
  10876. .user-center1 .message-details .details-con-wrap {
  10877. border: 1px solid #e5e5e5;
  10878. border-radius: 3px;
  10879. padding: 30px;
  10880. margin-top: 25px;
  10881. }
  10882. .user-center1 .message-details .details-con dt {
  10883. color: #333;
  10884. font-weight: 600;
  10885. margin-bottom: 18px;
  10886. margin-left: 45px;
  10887. }
  10888. .user-center1 .message-details .details-con.text-lg dt {
  10889. color: #333;
  10890. font-weight: 600;
  10891. margin-bottom: 18px;
  10892. margin-left: 95px;
  10893. }
  10894. .user-center1 .message-details .details-con dd {
  10895. font-size: 12px;
  10896. margin-bottom: 12px;
  10897. }
  10898. .user-center1 .message-details .details-con dd .d-left {
  10899. color: #333;
  10900. float: left;
  10901. width: 60px;
  10902. font-weight: 600;
  10903. text-align: right;
  10904. }
  10905. .user-center1 .message-details .details-con.text-lg dd .d-left {
  10906. color: #333;
  10907. float: left;
  10908. width: 110px;
  10909. font-weight: 600;
  10910. text-align: right;
  10911. }
  10912. .user-center1 .message-details .details-con dd .d-right {
  10913. color: #333;
  10914. margin-left: 85px;
  10915. display: block;
  10916. }
  10917. .user-center1 .message-details .details-con dd .d-right.color-danger {
  10918. color: #fd641d;
  10919. }
  10920. .user-center1 .message-details .details-con dd .d-right.color-hover {
  10921. color: #157df1;
  10922. }
  10923. .user-center1 .message-details .details-con dd .d-right.color-hover {
  10924. color: #157df1;
  10925. }
  10926. .user-center1 .message-details .details-con dd .d-right.color-666 {
  10927. color: #666;
  10928. }
  10929. .user-center1 .message-details .details-con.text-lg dd .d-right {
  10930. margin-left: 135px;
  10931. }
  10932. .user-center1 .message-details .ms-btn-secondary {
  10933. padding: 6px 20px;
  10934. }
  10935. /*/----------通知中心----------*/
  10936. /*----------文档中心----------*/
  10937. /*列表*/
  10938. .doc-banner {
  10939. background: url("../image/document-1.jpg?20190116") no-repeat center;
  10940. height: 200px;
  10941. padding-top: .1px;
  10942. }
  10943. .doc-banner .tit {
  10944. color: #fff;
  10945. font-size: 28px;
  10946. height: 100%;
  10947. display: flex;
  10948. justify-content: center;
  10949. align-items: center;
  10950. font-weight: 600;
  10951. }
  10952. .doc-banner .b-con {
  10953. width: 480px;
  10954. margin: 50px auto 0;
  10955. }
  10956. .doc-banner .b-con p {
  10957. color: #fff;
  10958. margin-top: 5px;
  10959. }
  10960. .doc-banner .url-text {
  10961. background-color: rgba(255, 255, 255, .2);
  10962. height: 50px;
  10963. padding: 6px;
  10964. border-radius: 10px;
  10965. color: #333;
  10966. }
  10967. .doc-banner .url-text input {
  10968. background-color: #fff;
  10969. border: none;
  10970. width: 75%;
  10971. height: 100%;
  10972. border-radius: 5px 0 0 5px;
  10973. padding-left: 30px;
  10974. }
  10975. .doc-banner .url-text .submit {
  10976. background-color: #157df1;
  10977. border: none;
  10978. width: 25%;
  10979. height: 100%;
  10980. border-radius: 0 5px 5px 0;
  10981. text-align: center;
  10982. font-size: 17px;
  10983. color: #fff;
  10984. line-height: 38px;
  10985. }
  10986. .doc-list-wrap {
  10987. padding: 35px 50px 20px;
  10988. }
  10989. .doc-list .tit {
  10990. font-size: 24px;
  10991. color: #157df1;
  10992. margin-bottom: 15px;
  10993. }
  10994. .doc-list .tit .icon {
  10995. margin-right: 10px;
  10996. position: relative;
  10997. top: 2px;
  10998. }
  10999. .doc-list .tit .icon-document2 {
  11000. top: 4px;
  11001. }
  11002. .doc-list .tit .icon-document3 {
  11003. top: 4px;
  11004. }
  11005. .doc-list .con {
  11006. border: 1px solid #e5e5e5;
  11007. padding: 25px 25px 15px;
  11008. margin-bottom: 60px;
  11009. }
  11010. .doc-list .con .common {
  11011. margin-bottom: 8px;
  11012. }
  11013. .doc-list .con .common .arrow {
  11014. float: left;
  11015. color: #333;
  11016. font-size: 14px;
  11017. }
  11018. .doc-list .con .common .tit1 {
  11019. margin-left: 15px;
  11020. color: #333;
  11021. display: block;
  11022. white-space: nowrap;
  11023. overflow: hidden;
  11024. text-overflow: ellipsis;
  11025. }
  11026. .doc-list .con .common .tit1:hover {
  11027. color: #157df1;
  11028. }
  11029. .doc-list .con:last-of-type {
  11030. margin-bottom: 20px;
  11031. }
  11032. .doc-list .advice {
  11033. color: #333;
  11034. text-align: center;
  11035. }
  11036. .doc-list .advice a {
  11037. color: #157df1;
  11038. }
  11039. .doc-list .tit .icon-document2 {
  11040. top: 4px;
  11041. }
  11042. .doc-list .tit .icon-document3 {
  11043. top: 4px;
  11044. }
  11045. /*banner添加教程*/
  11046. .doc-tutorial {
  11047. padding: 0 105px;
  11048. margin: -40px 0 20px;
  11049. }
  11050. .doc-tutorial .con {
  11051. background-color: #fff;
  11052. padding: 20px 40px;
  11053. border: 1px solid #f5f5f5;
  11054. }
  11055. .doc-tutorial .con .ms-thumbnail:hover .ms-caption .tit {
  11056. color: #157df1;
  11057. }
  11058. .doc-tutorial .con .ms-thumbnail img {
  11059. margin-bottom: 10px;
  11060. }
  11061. .doc-tutorial .con .ms-thumbnail .ms-caption .tit {
  11062. margin-bottom: 0;
  11063. }
  11064. /*/列表*/
  11065. /*详情*/
  11066. @media (min-width: 1200px) {
  11067. .doc-details .row {
  11068. margin: 0 -5px;
  11069. }
  11070. .doc-details .col-sm-2 {
  11071. padding: 0 5px;
  11072. }
  11073. .doc-details .col-sm-10 {
  11074. padding: 0 5px;
  11075. }
  11076. }
  11077. .doc-details .details-left {
  11078. border: 1px solid #e5e5e5;
  11079. border-bottom: none;
  11080. border-radius: 3px;
  11081. margin-bottom: 40px;
  11082. }
  11083. .doc-details .details-left dt {
  11084. border-left: 4px solid transparent;
  11085. height: 44px;
  11086. line-height: 44px;
  11087. border-bottom: 1px solid #e5e5e5;
  11088. color: #333;
  11089. padding-left: 10px;
  11090. cursor: pointer;
  11091. }
  11092. .doc-details .details-left dt .icon {
  11093. position: relative;
  11094. top: 2px;
  11095. margin-right: 8px;
  11096. }
  11097. .doc-details .details-left dt .iconfont {
  11098. margin-right: 7px;
  11099. }
  11100. .doc-details .details-left dt .icon-arrow-up {
  11101. display: none;
  11102. }
  11103. .doc-details .details-left dt.active {
  11104. border-left-color: #157df1;
  11105. background-color: #d0e5fc;
  11106. }
  11107. .doc-details .details-left dt.active .icon-arrow-up {
  11108. display: block;
  11109. }
  11110. .doc-details .details-left dt.active .icon-arrow-down {
  11111. display: none;
  11112. }
  11113. /*.doc-details .details-left dt.active+dd{display: block;}*/
  11114. .doc-details .details-left dt .icon-sdk2 {
  11115. color: #157df1;
  11116. }
  11117. .doc-details .details-left dd {
  11118. display: none;
  11119. }
  11120. .doc-details .details-left dd a {
  11121. display: block;
  11122. padding: 10px 20px;
  11123. border-bottom: 1px solid #e5e5e5;
  11124. font-size: 12px;
  11125. }
  11126. .doc-details .details-left dd a.active {
  11127. color: #157df1;
  11128. }
  11129. .details-right {
  11130. border: 1px solid #e5e5e5;
  11131. border-radius: 3px;
  11132. min-height: 600px;
  11133. margin-bottom: 40px;
  11134. }
  11135. .details-right .article-tit {
  11136. color: #333;
  11137. border-bottom: 1px solid #e5e5e5;
  11138. padding: 18px 20px;
  11139. font-size: 16px;
  11140. }
  11141. .details-right .article-con {
  11142. padding: 25px 40px;
  11143. line-height: 24px;
  11144. color: #333;
  11145. }
  11146. .details-right .article-con img {
  11147. max-width: 700px;
  11148. }
  11149. /*/详情*/
  11150. /*更新日志*/
  11151. .update-log-banner {
  11152. background: url("../image/time-2.jpg") no-repeat center;
  11153. height: 170px;
  11154. color: #fff;
  11155. font-size: 28px;
  11156. font-weight: 600;
  11157. display: flex;
  11158. justify-content: center;
  11159. align-items: center;
  11160. }
  11161. .update-log-wrap {
  11162. padding: 70px 240px;
  11163. }
  11164. .update-log-wrap .update-log:first-of-type {
  11165. padding-top: 70px;
  11166. }
  11167. .update-log {
  11168. background: url("../image/time-1.png") no-repeat 115px top;
  11169. }
  11170. .update-log .con {
  11171. padding-bottom: 35px;
  11172. }
  11173. .update-log .u-left {
  11174. width: 100px;
  11175. text-align: right;
  11176. }
  11177. .update-log .u-left dt {
  11178. color: #333;
  11179. font-size: 16px;
  11180. margin-bottom: 2px;
  11181. }
  11182. .update-log .u-left dd {
  11183. color: #333;
  11184. font-size: 12px;
  11185. }
  11186. .update-log .u-right {
  11187. width: 590px;
  11188. margin-left: 24px;
  11189. }
  11190. .update-log .u-right .u-icon {
  11191. border: 1px solid #157df1;
  11192. border-radius: 50px;
  11193. width: 13px;
  11194. height: 13px;
  11195. padding: 2px;
  11196. position: relative;
  11197. top: 2px;
  11198. }
  11199. .update-log .u-right .u-icon span {
  11200. display: block;
  11201. background-color: #157df1;
  11202. border-radius: 50%;
  11203. width: 100%;
  11204. height: 100%;
  11205. }
  11206. .update-log .u-right dl {
  11207. margin-left: 30px;
  11208. }
  11209. .update-log .u-right dt {
  11210. color: #333;
  11211. font-size: 16px;
  11212. font-weight: 600;
  11213. margin-bottom: 5px;
  11214. }
  11215. .update-log .u-right dd {
  11216. color: #333;
  11217. line-height: 24px;
  11218. }
  11219. /*/更新日志*/
  11220. /*反馈 建议*/
  11221. .feedback-wrap {
  11222. padding: 25px 150px 40px;
  11223. }
  11224. .feedback {
  11225. border-radius: 5px;
  11226. background-color: #fff;
  11227. padding: 25px 30px 30px;
  11228. }
  11229. .feedback .tit {
  11230. font-size: 18px;
  11231. color: #333;
  11232. font-weight: 600;
  11233. margin-bottom: 20px;
  11234. }
  11235. .feedback .form-group {
  11236. margin-bottom: 35px;
  11237. }
  11238. .feedback label {
  11239. color: #333;
  11240. margin-bottom: 10px;
  11241. }
  11242. .feedback label span {
  11243. color: #fd641d;
  11244. margin-right: 10px;
  11245. }
  11246. .feedback .type li {
  11247. float: left;
  11248. margin-right: 40px;
  11249. cursor: pointer;
  11250. }
  11251. .feedback .type li .icon-radio {
  11252. top: 3px;
  11253. }
  11254. .feedback .submit {
  11255. padding-left: 40px;
  11256. padding-right: 40px;
  11257. }
  11258. .feedback .uploaded-img {
  11259. border: 1px solid #e5e5e5;
  11260. width: 90px;
  11261. height: 90px;
  11262. position: relative;
  11263. border-radius: 5px;
  11264. margin-right: 20px;
  11265. }
  11266. .feedback .uploaded-img img {
  11267. width: 100%;
  11268. height: 100%;
  11269. border-radius: 5px;
  11270. }
  11271. .feedback .uploaded-img .delete-img {
  11272. position: absolute;
  11273. right: -9px;
  11274. top: -9px;
  11275. right: 0 \9;
  11276. top: 0 \9;
  11277. cursor: pointer;
  11278. z-index: 2;
  11279. }
  11280. .feedback .upload-img {
  11281. position: relative;
  11282. border: 1px dashed #e5e5e5;
  11283. width: 90px;
  11284. height: 90px;
  11285. border-radius: 5px;
  11286. background: url("../image/icon-10.png") no-repeat center 20px;
  11287. overflow: hidden;
  11288. }
  11289. .feedback .upload-img input {
  11290. position: absolute;
  11291. left: 0;
  11292. top: 0;
  11293. width: 100%;
  11294. height: 100%;
  11295. opacity: 0;
  11296. cursor: pointer;
  11297. }
  11298. .feedback .upload-img .text {
  11299. text-align: center;
  11300. font-size: 12px;
  11301. color: #666;
  11302. margin-top: 60px;
  11303. }
  11304. /*/反馈 建议*/
  11305. /*----------/文档中心列表----------*/
  11306. /*----------工具箱----------*/
  11307. .tool-banner {
  11308. background-size: cover;
  11309. height: 460px;
  11310. background: url(https://ssdtp.oss-cn-beijing.aliyuncs.com/eideasImg/diypack/banner/packbg.png) top no-repeat;
  11311. position: relative;
  11312. margin-bottom: 18px;
  11313. overflow: hidden;
  11314. }
  11315. .tool-banner .con {
  11316. color: #fff;
  11317. font-size: 28px;
  11318. padding-left: 100px;
  11319. font-weight: 600;
  11320. padding-top: 55px;
  11321. }
  11322. .tool-banner .con .p2 {
  11323. text-indent: 2em;
  11324. }
  11325. .tool-classs {
  11326. padding: 60px 80px;
  11327. }
  11328. .tool-classs .con {
  11329. box-shadow: 0 0 20px rgba(21, 125, 241, .2);
  11330. background-color: #fff;
  11331. border-radius: 5px;
  11332. }
  11333. .tool-classs .con ul li {
  11334. float: left;
  11335. width: 33.333333%;
  11336. text-align: center;
  11337. padding-top: 20px;
  11338. }
  11339. .tool-classs .con ul li:nth-of-type(1) {
  11340. padding-left: 20px;
  11341. }
  11342. .tool-classs .con ul li:nth-of-type(3) {
  11343. padding-right: 20px;
  11344. }
  11345. .tool-classs .con ul li .t-con {
  11346. border-right: 1px solid #e5e5e5;
  11347. border-bottom: 1px solid #e5e5e5;
  11348. padding-bottom: 40px;
  11349. padding-top: 20px;
  11350. }
  11351. .tool-classs .con ul li:hover {
  11352. box-shadow: 0 3px 10px rgba(193, 220, 251, .8);
  11353. }
  11354. .tool-classs .con ul li .img-wrap {
  11355. height: 66px;
  11356. display: flex;
  11357. justify-content: center;
  11358. align-items: center;
  11359. margin-bottom: 15px;
  11360. }
  11361. .tool-classs .con ul li .tit {
  11362. font-size: 24px;
  11363. color: #333;
  11364. margin-bottom: 10px;
  11365. }
  11366. .tool-classs .con ul li p {
  11367. margin-bottom: 15px;
  11368. height: 80px;
  11369. padding: 0 50px;
  11370. }
  11371. .tool-classs .con ul li .ms-btn {
  11372. padding: 3px 35px;
  11373. border-radius: 15px;
  11374. }
  11375. .tool-classs .con ul li:nth-of-type(n+4) {
  11376. padding-top: 0;
  11377. padding-bottom: 20px;
  11378. }
  11379. .tool-classs .con ul li:nth-of-type(3n) .t-con {
  11380. border-right-color: transparent;
  11381. }
  11382. .tool-classs .con ul li:nth-of-type(n+4) .t-con {
  11383. border-bottom-color: transparent;
  11384. padding-top: 30px;
  11385. padding-bottom: 20px;
  11386. }
  11387. .tool-classs .con ul li:hover .ms-btn {
  11388. background-color: #157df1;
  11389. color: #fff;
  11390. }
  11391. /*----------/工具箱----------*/
  11392. /*----------新价格页----------*/
  11393. .new-price-btn {
  11394. width: 150px;
  11395. height: 40px;
  11396. line-height: 40px;
  11397. border-radius: 20px;
  11398. background: linear-gradient(to right, #ff3794, #fc753b);
  11399. display: block;
  11400. color: #fff;
  11401. text-align: center;
  11402. margin: 0 auto;
  11403. }
  11404. .new-price-btn:hover {
  11405. /*box-shadow: 0 2px 5px rgba(255,55,148,.5);*/
  11406. color: #fff;
  11407. background: linear-gradient(to right, #fe1064, #ff9c00)
  11408. }
  11409. .new-price-btn:focus {
  11410. color: #fff;
  11411. }
  11412. .new-price-banner {
  11413. background: url("../image/price-banner-1.jpg") no-repeat center;
  11414. height: 200px;
  11415. }
  11416. .new-price-banner .banner-con {
  11417. color: #fff;
  11418. padding: 65px 0 0 110px;
  11419. }
  11420. .new-price-banner .banner-con h3 {
  11421. font-size: 30px;
  11422. font-weight: 600;
  11423. margin-bottom: 10px;
  11424. }
  11425. .new-price-banner .banner-con p {
  11426. font-size: 16px;
  11427. }
  11428. .new-price-list {
  11429. padding: 0 110px;
  11430. margin: 85px 0;
  11431. }
  11432. .new-price-list li {
  11433. width: 33.333333%;
  11434. float: left;
  11435. text-align: center;
  11436. padding: 35px 20px;
  11437. background-color: #fff;
  11438. box-shadow: 0 0 10px rgba(112, 61, 231, .1);
  11439. height: 695px;
  11440. transition: transform 100ms;
  11441. }
  11442. .new-price-list li.active {
  11443. transform: scale(1.02);
  11444. z-index: 2;
  11445. position: relative;
  11446. }
  11447. .new-price-list li h3 {
  11448. color: #333;
  11449. margin-top: 20px;
  11450. }
  11451. .new-price-list li p {
  11452. color: #666;
  11453. margin-top: 10px;
  11454. line-height: 24px;
  11455. margin-bottom: 5px;
  11456. }
  11457. .new-price-list li .amount {
  11458. font-size: 18px;
  11459. color: #fd9817;
  11460. }
  11461. .new-price-list li .amount .num {
  11462. font-size: 30px;
  11463. }
  11464. .new-price-list li .more {
  11465. margin: 10px auto 20px;
  11466. }
  11467. .new-price-list li dl dd {
  11468. line-height: 32px;
  11469. color: #333;
  11470. }
  11471. .new-price-details {
  11472. margin-top: 30px;
  11473. }
  11474. .new-price-details h1 {
  11475. color: #157df1;
  11476. text-align: center;
  11477. margin-bottom: 10px;
  11478. }
  11479. .new-price-details p {
  11480. color: #666;
  11481. font-size: 16px;
  11482. text-align: center;
  11483. margin-bottom: 80px;
  11484. }
  11485. .new-price-details .new-price-btn {
  11486. margin-bottom: 80px;
  11487. }
  11488. .new-price-details .table {
  11489. table-layout: fixed;
  11490. box-shadow: 0 0 10px rgba(0, 0, 0, .1);
  11491. margin-bottom: 0;
  11492. }
  11493. .new-price-details .table th {
  11494. text-align: center;
  11495. height: 50px;
  11496. color: #333;
  11497. font-size: 16px;
  11498. font-weight: 600;
  11499. border-top: none;
  11500. position: relative;
  11501. vertical-align: middle;
  11502. }
  11503. .new-price-details .table th:nth-of-type(2) {
  11504. border-left: 1px solid #ddd;
  11505. }
  11506. .new-price-details .table td {
  11507. text-align: center;
  11508. border: 1px solid #ddd;
  11509. height: 50px;
  11510. color: #333;
  11511. vertical-align: middle;
  11512. }
  11513. .new-price-details .table th:first-of-type {
  11514. border-left-color: transparent;
  11515. }
  11516. .new-price-details .table th:last-of-type {
  11517. border-right-color: transparent;
  11518. }
  11519. .new-price-details .table td:first-of-type {
  11520. border-left-color: transparent;
  11521. }
  11522. .new-price-details .table td:last-of-type {
  11523. border-right-color: transparent;
  11524. }
  11525. .new-price-details .table tr:last-of-type td {
  11526. border-bottom: none;
  11527. }
  11528. .new-price-details .table tr:nth-of-type(odd) td {
  11529. background-color: #f5f6f7;
  11530. }
  11531. /*.new-price-details .table tr:nth-of-type(even) td:first-of-type{border-left-color: #ddd; border-right-color: #ddd;}*/
  11532. /*.new-price-details .table tr:nth-of-type(even) td:last-of-type{border-right-color: #ddd;}*/
  11533. .new-price-details .table th .th-con {
  11534. position: absolute;
  11535. width: 100%;
  11536. height: 90px;
  11537. left: 0;
  11538. bottom: 0;
  11539. background: no-repeat center;
  11540. color: #fff;
  11541. padding-top: 15px;
  11542. }
  11543. .new-price-details .table th .th-con .tit {
  11544. font-size: 24px;
  11545. font-weight: normal;
  11546. margin-bottom: 5px;
  11547. position: relative;
  11548. }
  11549. .new-price-details .table th .th-con .tit .unit {
  11550. font-size: 12px;
  11551. }
  11552. .new-price-details .table th .th-con .tit .recommended {
  11553. position: absolute;
  11554. top: -8px;
  11555. background: url("../image/price-tip1.png") no-repeat;
  11556. width: 40px;
  11557. height: 24px;
  11558. color: #fff;
  11559. font-size: 14px;
  11560. line-height: 24px;
  11561. }
  11562. .new-price-details .table th .th-con .level {
  11563. font-size: 16px;
  11564. }
  11565. /*.new-price-details .table .icon-wrap{height: 20px; line-height: 20px;}*/
  11566. .new-price-details .table .icon-duihao {
  11567. color: #13c960;
  11568. font-size: 22px;
  11569. }
  11570. .new-price-details .help {
  11571. padding-bottom: 40px;
  11572. }
  11573. .new-price-details .help h1 {
  11574. margin-bottom: 40px;
  11575. }
  11576. .new-price-details .help dl .right {
  11577. margin-left: 30px;
  11578. width: calc(100% - 30px);
  11579. }
  11580. .new-publish-price .help {
  11581. padding: 0;
  11582. margin-bottom: 30px;
  11583. padding: 55px 70px 0;
  11584. }
  11585. .new-publish-price .help h1 {
  11586. margin-bottom: 40px;
  11587. color: #157df1;
  11588. text-align: center;
  11589. }
  11590. .new-publish-price .help dl .right {
  11591. margin-left: 30px;
  11592. width: calc(100% - 30px);
  11593. }
  11594. .new-pack-price .table th .level0 {
  11595. background-image: url("../image/price-4.jpg");
  11596. }
  11597. .new-pack-price .table th .level1 {
  11598. background-image: url("../image/price-5.jpg");
  11599. }
  11600. .new-pack-price .table th .level2 {
  11601. background-image: url("../image/price-6.jpg");
  11602. }
  11603. .new-pack-price .table th .th-con .tit .recommended {
  11604. position: absolute;
  11605. top: -8px;
  11606. background: url("../image/price-tip2.png") no-repeat;
  11607. width: 70px;
  11608. height: 24px;
  11609. color: #fff;
  11610. font-size: 14px;
  11611. line-height: 24px;
  11612. }
  11613. .new-sign-price .table th .level0 {
  11614. background-image: url("../image/price-5.jpg");
  11615. }
  11616. .new-sign-price .table th .level1 {
  11617. background-image: url("../image/price-6.jpg");
  11618. }
  11619. .new-sign-price .table th .level2 {
  11620. background-image: url("../image/price-7.jpg");
  11621. }
  11622. .new-sign-price .table tr td:first-of-type {
  11623. font-weight: 600;
  11624. }
  11625. .new-sign-price .table tr:last-of-type td {
  11626. border-bottom: 1px solid #ddd;
  11627. }
  11628. /*.new-publish-price{margin-bottom: 60px;}*/
  11629. .new-publish-price .tab {
  11630. width: 490px;
  11631. height: 40px;
  11632. line-height: 40px;
  11633. margin: 40px auto;
  11634. }
  11635. .new-publish-price .tab li {
  11636. float: left;
  11637. text-align: center;
  11638. width: 50%;
  11639. color: #333;
  11640. cursor: pointer;
  11641. border: 1px solid #e5e5e5;
  11642. }
  11643. .new-publish-price .tab li:first-of-type {
  11644. border-radius: 20px 0 0 20px;
  11645. border-right-color: transparent;
  11646. }
  11647. .new-publish-price .tab li:last-of-type {
  11648. border-left-color: transparent;
  11649. border-radius: 0 20px 20px 0;
  11650. }
  11651. .new-publish-price .tab li.active {
  11652. background-color: #157df1;
  11653. border-color: #157df1;
  11654. color: #fff;
  11655. }
  11656. /*.new-publish-price .tab li:first-of-type.active{border-radius: 25px 0 0 25px;}*/
  11657. /*.new-publish-price .tab li:last-of-type.active{border-radius:0 25px 25px 0;}*/
  11658. .new-publish-price .tab-con>div {
  11659. display: none;
  11660. }
  11661. .new-publish-price .tab-con .con-wrap {
  11662. padding: 0 70px;
  11663. }
  11664. .new-publish-price .tab-con h1 {
  11665. text-align: center;
  11666. color: #157df1;
  11667. margin-bottom: 20px;
  11668. }
  11669. .new-publish-price .tab-con .big-package h1 {
  11670. color: #fd9817;
  11671. }
  11672. .new-publish-price .tab-con .p1 {
  11673. text-align: center;
  11674. font-size: 16px;
  11675. color: #666;
  11676. margin-bottom: 35px;
  11677. }
  11678. .new-publish-price .tab-con .con {
  11679. border: 1px solid #e5e5e5;
  11680. padding-bottom: 40px;
  11681. position: relative;
  11682. }
  11683. .new-publish-price .tab-con .con:hover {
  11684. box-shadow: 0 3px 10px rgba(21, 125, 241, .2);
  11685. }
  11686. .new-publish-price .tab-con .big-package .con:hover {
  11687. box-shadow: 0 3px 10px rgba(253, 152, 23, .2);
  11688. }
  11689. .new-publish-price .tab-con .gradient {
  11690. height: 8px;
  11691. }
  11692. .new-publish-price .tab-con .gradient1 {
  11693. background: linear-gradient(to right, #5caafd, #57d4f8);
  11694. }
  11695. .new-publish-price .tab-con .gradient2 {
  11696. background: linear-gradient(to right, #507dfb, #5598fa);
  11697. }
  11698. .new-publish-price .tab-con .gradient3 {
  11699. background: linear-gradient(to right, #5958d9, #8e1fe5);
  11700. }
  11701. .new-publish-price .tab-con .big-package .gradient1 {
  11702. background: linear-gradient(to right, #fea63f, #ffcd35);
  11703. }
  11704. .new-publish-price .tab-con .big-package .gradient2 {
  11705. background: linear-gradient(to right, #fc853e, #fe9f30);
  11706. }
  11707. .new-publish-price .tab-con .big-package .gradient3 {
  11708. background: linear-gradient(to right, #fc7738, #ff339a);
  11709. }
  11710. .new-publish-price .tab-con .downloads {
  11711. text-align: center;
  11712. padding: 35px 0 30px;
  11713. }
  11714. .new-publish-price .tab-con .downloads .text {
  11715. color: #666;
  11716. font-size: 16px;
  11717. }
  11718. .new-publish-price .tab-con .downloads .num {
  11719. color: #333;
  11720. font-size: 50px;
  11721. }
  11722. .new-publish-price .tab-con .downloads .num span {
  11723. font-size: 16px;
  11724. }
  11725. .new-publish-price .tab-con .con .recommended {
  11726. position: absolute;
  11727. top: 0;
  11728. right: 0;
  11729. display: none;
  11730. }
  11731. .new-publish-price .tab-con .instructions {
  11732. padding: 0 30px;
  11733. }
  11734. .new-publish-price .tab-con .instructions dl {
  11735. border-top: 1px solid #e5e5e5;
  11736. text-align: left;
  11737. color: #666;
  11738. padding-top: 25px;
  11739. height: 195px;
  11740. }
  11741. .new-publish-price .tab-con .instructions dl dd {
  11742. margin: 10px 0;
  11743. color: #666;
  11744. }
  11745. .new-publish-price .tab-con .instructions dl dd .icon-gou {
  11746. color: #5cb4f6;
  11747. }
  11748. .new-publish-price .tab-con .big-package .instructions dl dd .icon-gou {
  11749. color: #fd9817;
  11750. }
  11751. .new-publish-price .tab-con .instructions dl dd .icon-gou {
  11752. margin-right: 10px;
  11753. font-size: 14px;
  11754. }
  11755. .new-publish-price .tab-con .instructions dl dd .icon-prompt {
  11756. position: relative;
  11757. margin-left: 5px;
  11758. top: -3px;
  11759. cursor: pointer;
  11760. }
  11761. .new-publish-price .tab-con .p-price {
  11762. font-size: 16px;
  11763. color: #157df1;
  11764. text-align: center;
  11765. margin-bottom: 25px;
  11766. }
  11767. .new-publish-price .tab-con .big-package .p-price {
  11768. color: #fd9817;
  11769. }
  11770. .new-publish-price .tab-con .p-price span {
  11771. font-size: 40px;
  11772. }
  11773. .new-publish-price .tab-con .p-pay {
  11774. text-align: center;
  11775. }
  11776. .new-publish-price .tab-con .p-pay .btn-buy {
  11777. padding: 10px 12px;
  11778. width: 120px;
  11779. }
  11780. .new-publish-price .tab-con .big-package .p-pay .btn-buy {
  11781. color: #fd9817;
  11782. border: 1px solid #fd9817;
  11783. }
  11784. .new-publish-price .tab-con .big-package .p-pay .btn-buy:hover {
  11785. color: #fff;
  11786. border: 1px solid #fd9817;
  11787. background-color: #fd9817;
  11788. }
  11789. .new-price-meal {
  11790. padding: 20px 0 25px;
  11791. }
  11792. .new-price-meal>h1 {
  11793. color: #157df1;
  11794. margin-bottom: 15px;
  11795. text-align: center;
  11796. }
  11797. .new-price-meal>p {
  11798. color: #666;
  11799. font-size: 16px;
  11800. margin-bottom: 20px;
  11801. text-align: center;
  11802. }
  11803. .new-price-meal .new-price-btn {
  11804. margin-bottom: 50px;
  11805. }
  11806. .new-price-meal .table {
  11807. table-layout: fixed;
  11808. box-shadow: 0 0 10px rgba(0, 0, 0, .1);
  11809. }
  11810. .new-price-meal .table th {
  11811. text-align: center;
  11812. height: 50px;
  11813. color: #333;
  11814. border-top: none;
  11815. position: relative;
  11816. vertical-align: middle;
  11817. border-left: 1px solid #ddd;
  11818. font-weight: 600;
  11819. font-size: 15px;
  11820. background-color: #f5f6f7;
  11821. }
  11822. .new-price-meal .table td {
  11823. text-align: center;
  11824. border: 1px solid #ddd;
  11825. height: 50px;
  11826. color: #333;
  11827. vertical-align: middle;
  11828. }
  11829. .new-price-meal .table th:first-of-type {
  11830. border-left-color: transparent;
  11831. }
  11832. .new-price-meal .table th:last-of-type {
  11833. border-right-color: transparent;
  11834. }
  11835. .new-price-meal .table td:first-of-type {
  11836. border-left-color: transparent;
  11837. }
  11838. .new-price-meal .table td:last-of-type {
  11839. border-right-color: transparent;
  11840. }
  11841. .new-price-meal .table tr:last-of-type td {
  11842. border-bottom: none;
  11843. }
  11844. .new-price-meal .table tr:nth-of-type(odd) td {
  11845. background-color: transparent;
  11846. }
  11847. .new-price-meal .table .recommend-wrap1 {
  11848. position: relative;
  11849. }
  11850. .new-price-meal .table .recommend-wrap1 .recommended {
  11851. position: absolute;
  11852. top: -9px;
  11853. background: url("../image/price-tip1.png") no-repeat;
  11854. width: 32px;
  11855. height: 22px;
  11856. color: #fff;
  11857. font-size: 12px;
  11858. line-height: 20px;
  11859. background-size: contain;
  11860. font-weight: normal;
  11861. }
  11862. .new-pack-meal .table .recommend-wrap1 .recommended {
  11863. background: url("../image/price-tip2.png") no-repeat;
  11864. width: 60px;
  11865. height: 22px;
  11866. background-size: contain;
  11867. font-size: 12px;
  11868. line-height: 22px;
  11869. font-weight: normal;
  11870. }
  11871. .new-price-meal .table td .num {
  11872. font-size: 18px;
  11873. }
  11874. .new-price-meal .help {
  11875. padding: 0;
  11876. }
  11877. .new-price-meal .help>h1 {
  11878. color: #157df1;
  11879. text-align: center;
  11880. margin-bottom: 50px;
  11881. }
  11882. /*----------/新价格页----------*/
  11883. /*----------SDK----------*/
  11884. .sdk-banner-wrap {
  11885. background: url("../image/sdk-banner.jpg") no-repeat center;
  11886. height: 200px;
  11887. }
  11888. .sdk-banner {
  11889. padding-top: 60px;
  11890. }
  11891. .sdk-banner h1 {
  11892. color: #fff;
  11893. font-size: 30px;
  11894. text-align: center;
  11895. line-height: 40px;
  11896. font-weight: normal;
  11897. }
  11898. .sdk-common {
  11899. padding: 70px 0;
  11900. }
  11901. .sdk-common>h1 {
  11902. color: #157df1;
  11903. text-align: center;
  11904. margin-bottom: 20px;
  11905. font-weight: normal;
  11906. }
  11907. .sdk-common>h3 {
  11908. color: #666;
  11909. font-size: 16px;
  11910. text-align: center;
  11911. margin-bottom: 50px;
  11912. font-weight: normal;
  11913. }
  11914. .sdk-system .list .con {
  11915. text-align: center;
  11916. }
  11917. .sdk-system .list .con1 {
  11918. border-right: 1px solid #e5e5e5;
  11919. }
  11920. .sdk-system .list .con img {
  11921. margin: 0 auto 20px;
  11922. }
  11923. .sdk-system .list .con>h3 {
  11924. text-align: center;
  11925. color: #333;
  11926. margin-bottom: 15px;
  11927. font-weight: normal;
  11928. }
  11929. .sdk-system .list .con .s-btn {
  11930. width: 165px;
  11931. padding: 0;
  11932. height: 46px;
  11933. line-height: 46px;
  11934. border-radius: 30px;
  11935. display: block;
  11936. margin: 0 auto;
  11937. font-size: 18px;
  11938. margin-bottom: 15px;
  11939. }
  11940. .sdk-system .list .con .s-btn2 {
  11941. background-color: #13c960;
  11942. color: #fff;
  11943. }
  11944. .sdk-system .list .con .s-btn2:hover {
  11945. background-color: #72dd9f;
  11946. }
  11947. .sdk-system .list .con .instructions {
  11948. color: #666;
  11949. font-size: 18px;
  11950. }
  11951. .sdk-system .list .con .instructions1:hover {
  11952. color: #157df1;
  11953. text-decoration: underline;
  11954. }
  11955. .sdk-system .list .con .instructions2:hover {
  11956. color: #13c960;
  11957. text-decoration: underline;
  11958. }
  11959. .sdk-solve .ms-thumbnail .img-wrap {
  11960. height: 190px;
  11961. margin-bottom: 20px;
  11962. }
  11963. .sdk-statistical {
  11964. padding: 70px 0;
  11965. }
  11966. .sdk-statistical .ms-thumbnail .img-wrap {
  11967. height: 155px;
  11968. display: flex;
  11969. align-items: flex-end;
  11970. }
  11971. .sdk-statistical .ms-thumbnail .tit {
  11972. margin-bottom: 0;
  11973. }
  11974. .sdk-help>h1 {
  11975. text-align: center;
  11976. color: #157df1;
  11977. margin-bottom: 50px;
  11978. font-weight: normal;
  11979. }
  11980. /*----------/SDK----------*/
  11981. /*----------免责声明----------*/
  11982. .disclaimer {
  11983. padding: 75px 60px;
  11984. min-height: 580px;
  11985. }
  11986. .disclaimer h1 {
  11987. text-align: center;
  11988. color: #333;
  11989. margin-bottom: 50px;
  11990. }
  11991. .disclaimer p {
  11992. line-height: 1.8;
  11993. color: #333;
  11994. font-size: 16px;
  11995. margin-bottom: 35px;
  11996. }
  11997. /*----------/免责声明----------*/
  11998. /*----------推广大使----------*/
  11999. /*2019/4/1日改版*/
  12000. .ambassador-common {
  12001. padding: 70px 0;
  12002. }
  12003. .ambassador-common .h1 {
  12004. color: #333;
  12005. text-align: center;
  12006. margin-bottom: 20px;
  12007. }
  12008. .ambassador-common .h5 {
  12009. font-size: 16px;
  12010. text-align: center;
  12011. margin-bottom: 45px;
  12012. line-height: 24px;
  12013. }
  12014. .ambassador-banner-wrap {
  12015. background: url("../image/tt-0.jpg?20190401") no-repeat center;
  12016. height: 430px;
  12017. display: block;
  12018. padding-top: 110px;
  12019. }
  12020. .ambassador-banner {
  12021. color: #fff;
  12022. padding-left: 40px;
  12023. }
  12024. .ambassador-banner .h1 {
  12025. font-weight: 600;
  12026. margin-bottom: 15px;
  12027. text-shadow: 2px 2px 0 #0b58b6;
  12028. }
  12029. .ambassador-banner .h1 span {
  12030. color: #ffe401;
  12031. font-size: 44px;
  12032. }
  12033. .ambassador-banner p {
  12034. font-size: 18px;
  12035. margin-bottom: 25px;
  12036. }
  12037. .ambassador-banner .b-btn {
  12038. color: #157df1;
  12039. width: 160px;
  12040. padding: 9px;
  12041. background-color: #fff;
  12042. font-size: 16px;
  12043. }
  12044. .ambassador-join .ms-thumbnail .ms-caption p {
  12045. height: 60px;
  12046. }
  12047. .ambassador-service-wrap {
  12048. background: url("../image/ttt-banner.jpg?2019") no-repeat center;
  12049. }
  12050. .ambassador-service .h1 {
  12051. color: #fff;
  12052. }
  12053. .ambassador-service .h5 {
  12054. color: #fff;
  12055. }
  12056. .ambassador-service .ms-thumbnail {
  12057. background-color: #fff;
  12058. padding: 40px 0;
  12059. }
  12060. .ambassador-service .ms-thumbnail .ms-caption p {
  12061. height: 40px;
  12062. }
  12063. /*.promote-process-wrap{background-color: #ecf4fd;}*/
  12064. .promote-process .h1 {
  12065. margin-bottom: 60px;
  12066. }
  12067. .promote-process ul li {
  12068. float: left;
  12069. height: 220px;
  12070. padding-top: 30px;
  12071. }
  12072. .promote-process ul li:nth-child(even) {
  12073. width: 60px;
  12074. background: url("../image/tt-8.png") no-repeat center;
  12075. }
  12076. .promote-process ul li:nth-child(odd) {
  12077. width: calc((100% - 180px) / 4);
  12078. background-color: #fff;
  12079. box-shadow: 0 0 10px rgba(18, 112, 246, .2);
  12080. }
  12081. .promote-process .ms-thumbnail .ms-caption {
  12082. padding: 0 20px;
  12083. }
  12084. .promote-process .ms-thumbnail .ms-caption .tit {
  12085. font-size: 16px;
  12086. margin-bottom: 10px;
  12087. }
  12088. .promote-process .ms-thumbnail .ms-caption .tit img {
  12089. margin-bottom: 0;
  12090. vertical-align: text-bottom;
  12091. display: inline-block;
  12092. }
  12093. /*.promote-process .ms-thumbnail .ms-caption .tit img{float: left;}*/
  12094. .ambassador-help .tit {
  12095. color: #333;
  12096. }
  12097. .join-ambassador {
  12098. background: url("../image/tt-9.jpg") no-repeat center;
  12099. height: 200px;
  12100. display: block;
  12101. text-align: center;
  12102. padding-top: 55px;
  12103. }
  12104. .join-ambassador .h1 {
  12105. font-weight: 600;
  12106. margin-bottom: 25px;
  12107. color: #fff;
  12108. letter-spacing: 10px;
  12109. }
  12110. .join-ambassador .h1 span {
  12111. margin: 0 20px;
  12112. }
  12113. .join-ambassador .ms-btn {
  12114. width: 110px;
  12115. font-size: 16px;
  12116. border: 1px solid #fff;
  12117. color: #fff;
  12118. }
  12119. /*----------/推广大使----------*/
  12120. /*右侧悬停*/
  12121. .fixed-right {
  12122. position: fixed;
  12123. right: 0;
  12124. top: 50%;
  12125. transform: translateY(-50%);
  12126. -webkit-transform: translateY(-50%);
  12127. z-index: 999;
  12128. /* display: none;*/
  12129. }
  12130. .fixed-right li {
  12131. width: 50px;
  12132. color: #304DD9;
  12133. padding: 16px;
  12134. border: 1px solid #e5e5e5;
  12135. position: relative;
  12136. display: flex;
  12137. flex-wrap: wrap;
  12138. justify-content: center;
  12139. align-items: center;
  12140. background-color: #fff;
  12141. cursor: pointer;
  12142. position: relative;
  12143. }
  12144. .fixed-right li+li {
  12145. border-top: transparent;
  12146. }
  12147. .fixed-right li .iconfont {
  12148. color: #999;
  12149. }
  12150. .fixed-right li .icon-qq {
  12151. font-size: 30px;
  12152. }
  12153. .fixed-right li .icon-weixin1 {
  12154. font-size: 25px;
  12155. }
  12156. .fixed-right li .icon-go-top {
  12157. font-size: 36px;
  12158. }
  12159. .fixed-right li .wechat {
  12160. background: url("../img/img-15.png") no-repeat;
  12161. width: 146px;
  12162. height: 135px;
  12163. position: absolute;
  12164. top: -18px;
  12165. right: calc(100% + 10px);
  12166. padding: 10px 0 0 10px;
  12167. z-index: 1000;
  12168. display: none;
  12169. transition: all 600ms;
  12170. }
  12171. .fixed-right li:hover .wechat {
  12172. display: block;
  12173. }
  12174. .fixed-right li:hover .iconfont {
  12175. color: #303659;
  12176. }
  12177. .fixed-right li.qiye .hover-hidden {
  12178. display: block;
  12179. }
  12180. .fixed-right li.qiye .hover-show {
  12181. display: none;
  12182. }
  12183. .fixed-right li.qiye:hover .hover-hidden {
  12184. display: none;
  12185. }
  12186. .fixed-right li.qiye:hover .hover-show {
  12187. display: block;
  12188. }
  12189. .fixed-right-guest-wrap {
  12190. display: none;
  12191. position: absolute;
  12192. left: -220px;
  12193. top: -70%;
  12194. width: 220px;
  12195. }
  12196. .fixed-right-guest {
  12197. width: 200px;
  12198. background-color: #FFF;
  12199. box-shadow: 0 0 10px rgba(0, 0, 0, .1);
  12200. }
  12201. .fixed-right-guest:after {
  12202. position: absolute;
  12203. content: '';
  12204. right: 8px;
  12205. top: 42%;
  12206. border-left: 12px solid #FFF;
  12207. border-bottom: 12px solid transparent;
  12208. border-top: 12px solid transparent;
  12209. }
  12210. .fixed-right li.guest:hover .fixed-right-guest-wrap {
  12211. display: block;
  12212. }
  12213. .fixed-right li .wechat img {
  12214. width: 115px;
  12215. height: 115px;
  12216. }
  12217. .fixed-right-guest .wx_qrcode {
  12218. width: 100px;
  12219. height: 100px;
  12220. margin-top: 10px;
  12221. }
  12222. .fixed-right-guest .item {
  12223. padding: 15px 20px;
  12224. }
  12225. .fixed-right-guest .item:hover {
  12226. background-color: #e6edf8;
  12227. }
  12228. .fixed-right-guest .text {
  12229. margin-left: 10px;
  12230. }
  12231. .fixed-right-guest .text .title {
  12232. font-size: 16px;
  12233. color: #303659;
  12234. line-height: 1;
  12235. margin-bottom: 3px;
  12236. }
  12237. .fixed-right-guest .text .s-title {
  12238. font-size: 12px;
  12239. color: #999;
  12240. }
  12241. .fixed-right .go-top {
  12242. display: none;
  12243. }
  12244. /*/右侧悬停*/
  12245. /*弹窗*/
  12246. /*
  12247. .ms-modal .modal-body{padding: 30px;}
  12248. .ms-modal .modal-title{color: #333; text-align: center; font-weight: 600; font-size: 16px;}
  12249. .ms-modal .modal-header{border-bottom: none; padding: 25px 15px 0;}
  12250. */
  12251. /*模板页弹窗提示*/
  12252. #templateModal .modal-content {
  12253. background-color: #fffeff;
  12254. }
  12255. #templateModal .modal-body {
  12256. padding: 0;
  12257. }
  12258. #templateModal .template-modal {
  12259. padding-bottom: 30px;
  12260. }
  12261. #templateModal .m-top {
  12262. background: no-repeat center;
  12263. height: 130px;
  12264. background-size: cover;
  12265. padding-top: 25px;
  12266. border-radius: 6px 6px 0 0;
  12267. }
  12268. #templateModal .m-top .title1 {
  12269. color: #fff;
  12270. font-size: 40px;
  12271. text-align: center;
  12272. font-weight: 600;
  12273. }
  12274. #templateModal .m-top .title2 {
  12275. color: #fff;
  12276. font-size: 16px;
  12277. font-weight: 600;
  12278. text-align: center;
  12279. padding: 0 15px;
  12280. }
  12281. #templateModal .m-top .title2 span {
  12282. font-size: 20px;
  12283. }
  12284. #templateModal .modal-p {
  12285. color: #333;
  12286. padding: 20px 30px;
  12287. }
  12288. #templateModal .modal-btn {
  12289. display: block;
  12290. width: calc(100% - 60px);
  12291. margin: 0 30px;
  12292. border-radius: 20px;
  12293. box-shadow: 0 5px 10px rgba(21, 125, 241, .4);
  12294. cursor: pointer;
  12295. }
  12296. #templateModal .modal-btn1 {
  12297. background-color: #fd6835;
  12298. border-color: #fd6835;
  12299. box-shadow: 0 5px 10px rgba(253, 104, 53, .4);
  12300. }
  12301. #templateModal .modal-btn2 {
  12302. background-color: #5342ff;
  12303. border-color: #5342ff;
  12304. box-shadow: 0 5px 10px rgba(83, 66, 255, .3);
  12305. }
  12306. /*/模板页弹窗提示*/
  12307. /*通用弹窗*/
  12308. /*#generalModal{padding-right: 0 !important;}*/
  12309. #generalModal .title {
  12310. margin-bottom: 5px;
  12311. }
  12312. #generalModal .modal-p {
  12313. margin-bottom: 15px;
  12314. }
  12315. #generalModal .cancel-btn {
  12316. margin-right: 10px;
  12317. }
  12318. #generalModal .cancel-btn:empty {
  12319. display: none;
  12320. }
  12321. #generalModal .success-btn:empty {
  12322. display: none;
  12323. }
  12324. #generalModal .title:empty {
  12325. display: none;
  12326. }
  12327. #generalModal .modal-p:empty {
  12328. display: none;
  12329. }
  12330. /*/通用弹窗*/
  12331. #myModalPay .modal-header {
  12332. border-bottom: 1px solid #e5e5e5;
  12333. padding: 15px;
  12334. }
  12335. /*超出文件大小300m*/
  12336. .beyond-file p {
  12337. line-height: 24px;
  12338. margin-top: 15px;
  12339. }
  12340. .beyond-file p a {
  12341. color: #157df1;
  12342. }
  12343. .beyond-file .ms-btn-primary {
  12344. width: 90px;
  12345. margin-top: 15px;
  12346. }
  12347. /*我的应用 合并应用*/
  12348. .ms-modal .app-list {
  12349. height: 380px;
  12350. overflow-y: auto;
  12351. }
  12352. .ms-modal .app-list li {
  12353. float: left;
  12354. width: 25%;
  12355. padding: 0 10px 30px;
  12356. text-align: center;
  12357. cursor: pointer;
  12358. }
  12359. .ms-modal .app-list li .img-wrap {
  12360. position: relative;
  12361. width: 51px;
  12362. height: 51px;
  12363. margin: 0 auto;
  12364. overflow: hidden;
  12365. }
  12366. .ms-modal .app-list li img {
  12367. width: 51px;
  12368. border-radius: 15px;
  12369. border: 1px solid #e5e5e5;
  12370. }
  12371. .ms-modal .app-list li .tit {
  12372. color: #333;
  12373. margin-top: 5px;
  12374. }
  12375. .ms-modal .app-list li p {
  12376. color: #666;
  12377. }
  12378. .ms-modal .app-list li .img-wrap .shadow {
  12379. position: absolute;
  12380. left: 0;
  12381. top: 0;
  12382. background-color: rgba(0, 0, 0, .6);
  12383. width: 100%;
  12384. height: 100%;
  12385. display: none;
  12386. }
  12387. .ms-modal .app-list li.active .img-wrap .shadow {
  12388. display: block;
  12389. }
  12390. .ms-modal .app-list li .img-wrap .shadow .icon-gou {
  12391. color: #fff;
  12392. font-size: 18px;
  12393. position: absolute;
  12394. left: 50%;
  12395. top: 50%;
  12396. transform: translate(-50%, -50%);
  12397. }
  12398. /*我的应用 确定合并应用*/
  12399. .marge-common .merge-app {
  12400. padding: 0 70px;
  12401. }
  12402. .marge-common .merge-app li {
  12403. float: left;
  12404. width: 33.33333%;
  12405. text-align: center;
  12406. }
  12407. .marge-common .merge-app li.center {
  12408. background: url("../image/icon-20.png") no-repeat center;
  12409. height: 110px;
  12410. }
  12411. .marge-common .merge-app li img {
  12412. width: 100px;
  12413. height: 100px;
  12414. border-radius: 12px
  12415. }
  12416. .marge-common .merge-app li .icon {
  12417. position: relative;
  12418. top: 2px;
  12419. }
  12420. .marge-common dl.bottom {
  12421. font-size: 12px;
  12422. color: #333;
  12423. border-top: 1px solid #e5e5e5;
  12424. padding-top: 20px;
  12425. margin-top: 25px;
  12426. }
  12427. .marge-common dl.bottom dt {
  12428. color: #333;
  12429. font-weight: 600;
  12430. margin-bottom: 5px;
  12431. }
  12432. /*下载更多尺寸*/
  12433. #myModal3 .modal-dialog {
  12434. width: 400px;
  12435. }
  12436. #myModal3 .modal-content .size-list {
  12437. padding-left: 50px;
  12438. padding-right: 50px;
  12439. }
  12440. #myModal3 .modal-title {
  12441. text-align: left;
  12442. }
  12443. #myModal3 .size-list dl {
  12444. margin-bottom: 15px;
  12445. }
  12446. #myModal3 .size-list dt {
  12447. color: #333;
  12448. margin-top: 6px;
  12449. }
  12450. #myModal3 .size-list .iconfont {
  12451. color: #157df1;
  12452. font-size: 20px;
  12453. }
  12454. /*#myModal3 .size-list .iconfont:hover{color: #157df1;}*/
  12455. #UDIDModal .modal-dialog {
  12456. width: 400px;
  12457. }
  12458. #UDIDModal .modal-title {
  12459. text-align: left;
  12460. }
  12461. #UDIDModal .UDID {
  12462. color: #333;
  12463. max-height: 200px;
  12464. overflow-y: auto;
  12465. }
  12466. #UDIDModal .UDID li {
  12467. line-height: 24px;
  12468. }
  12469. /*自动消失弹窗*/
  12470. .auto-hide-modal .modal-content {
  12471. background-color: transparent;
  12472. box-shadow: none;
  12473. border: none;
  12474. }
  12475. .auto-hide-modal .auto-hide {
  12476. background-color: #666;
  12477. padding: 20px 25px;
  12478. border-radius: 5px;
  12479. display: inline-block;
  12480. color: #fff;
  12481. }
  12482. /*/自动消失弹窗*/
  12483. /*修改手机号弹窗*/
  12484. .change-phone-num {
  12485. padding: 0 20px 20px 20px;
  12486. }
  12487. .change-phone-num label {
  12488. color: #333;
  12489. margin-bottom: 5px;
  12490. font-weight: 600;
  12491. }
  12492. .change-phone-num .form-control {
  12493. color: #333;
  12494. }
  12495. /*/修改手机号弹窗*/
  12496. /*用户签名协议弹窗*/
  12497. #myModal5 .modal-body {
  12498. padding-top: 20px;
  12499. }
  12500. #myModal5 .con {
  12501. line-height: 24px;
  12502. max-height: 350px;
  12503. overflow-y: auto;
  12504. }
  12505. /*/用户签名协议弹窗*/
  12506. /*封装打包弹窗*/
  12507. #myModal6 .packaging {
  12508. margin-top: 70px;
  12509. }
  12510. #myModal6 .progress {
  12511. height: 12px;
  12512. border-radius: 6px;
  12513. width: 94%;
  12514. }
  12515. #myModal6 .progress-bar {
  12516. background-color: #2e90fc;
  12517. }
  12518. #myModal6 .progress-wrap .fr {
  12519. margin-top: -4px;
  12520. }
  12521. #myModal6 .packaging p {
  12522. margin-top: 80px;
  12523. font-size: 12px;
  12524. }
  12525. /*/封装打包弹窗*/
  12526. /*举报弹窗*/
  12527. #reportModal .report .tit {
  12528. font-size: 16px;
  12529. color: #333;
  12530. text-align: center;
  12531. font-weight: 600;
  12532. margin-bottom: 20px;
  12533. }
  12534. #reportModal .report p {
  12535. color: #666;
  12536. font-size: 12px;
  12537. line-height: 24px;
  12538. padding-bottom: 15px;
  12539. margin-bottom: 15px;
  12540. border-bottom: 1px solid #e5e5e5;
  12541. }
  12542. #reportModal .report label {
  12543. font-weight: 600;
  12544. color: #333;
  12545. margin-bottom: 5px;
  12546. }
  12547. #reportModal .report label span {
  12548. color: #ff4222;
  12549. margin-left: 10px;
  12550. }
  12551. #reportModal .report ul {
  12552. margin-top: 5px;
  12553. }
  12554. #reportModal .report ul li {
  12555. float: left;
  12556. margin-right: 35px;
  12557. color: #333;
  12558. cursor: pointer;
  12559. }
  12560. #reportModal .report ul li span {
  12561. position: relative;
  12562. top: 3px;
  12563. margin-right: 5px;
  12564. }
  12565. #reportModal .report .btn-bottom {
  12566. text-align: center;
  12567. margin-top: 40px;
  12568. }
  12569. #reportModal .report .btn-bottom .ms-btn-primary {
  12570. width: 120px;
  12571. padding: 9px 12px;
  12572. }
  12573. #reportModal .report .form-error {
  12574. position: relative;
  12575. }
  12576. #reportModal .report .error {
  12577. position: absolute;
  12578. top: 100%;
  12579. left: 0;
  12580. display: none;
  12581. color: #ff4222;
  12582. }
  12583. #reportModal .report .form-error .error {
  12584. display: block;
  12585. }
  12586. /*/举报弹窗*/
  12587. /*发票弹窗*/
  12588. #invoiceModal .user-center1 .invoice-management .make-invoice-details {
  12589. border: none;
  12590. height: auto;
  12591. padding: 0;
  12592. }
  12593. #invoiceModal .user-center1 .invoice-management .make-invoice-details .color-hover {
  12594. padding-left: 0;
  12595. }
  12596. /*/发票弹窗*/
  12597. /*删除APP弹窗*/
  12598. #deleteAppModal .modal-dialog {
  12599. width: 470px;
  12600. }
  12601. #deleteAppModal .modal-body {
  12602. position: relative;
  12603. padding: 30px 20px;
  12604. }
  12605. #deleteAppModal .modal-body .delete-prompt {}
  12606. #deleteAppModal .modal-body .title {
  12607. margin: 0 0 5px;
  12608. }
  12609. #deleteAppModal .modal-body .modal-p {
  12610. font-size: 12px;
  12611. color: #fd641d;
  12612. margin-bottom: 15px;
  12613. }
  12614. #deleteAppModal .modal-body .form-horizontal {
  12615. margin-bottom: 15px;
  12616. }
  12617. #deleteAppModal .modal-body .form-group {
  12618. margin: 0 -5px 5px;
  12619. }
  12620. #deleteAppModal .modal-body .col-sm-3,
  12621. #deleteAppModal .modal-body .col-sm-8 {
  12622. padding: 0 5px;
  12623. }
  12624. #deleteAppModal .modal-body .col-sm-3 {
  12625. padding-top: 5px;
  12626. color: #333;
  12627. }
  12628. #deleteAppModal .modal-body .form-group .form-control {
  12629. height: 30px;
  12630. }
  12631. #deleteAppModal .modal-body .form-group .error {
  12632. display: none;
  12633. }
  12634. #deleteAppModal .modal-body .cancel-btn {
  12635. margin-right: 30px;
  12636. }
  12637. /*/删除APP弹窗*/
  12638. /*/弹窗*/
  12639. /*兼容平板*/
  12640. @media (min-width: 768px) and (max-width: 1199px) {
  12641. .footer .left dl {
  12642. margin-right: 70px;
  12643. }
  12644. .publicity li {
  12645. padding: 35px 20px;
  12646. height: auto;
  12647. }
  12648. .publicity li p {
  12649. height: 72px;
  12650. }
  12651. }
  12652. @media (width: 768px) {
  12653. .footer>.clearfix>a {
  12654. display: none;
  12655. }
  12656. .publicity li p {
  12657. height: 96px;
  12658. }
  12659. .closed-beta-distribution .con .con-c {
  12660. padding-bottom: 25px;
  12661. }
  12662. .closed-beta-distribution .con .con-c h4 {
  12663. font-size: 16px;
  12664. }
  12665. .closed-beta-distribution .con .con-c p {
  12666. margin-top: 15px;
  12667. height: 72px;
  12668. padding: 0 10px;
  12669. }
  12670. }
  12671. .modal {
  12672. background: rgba(0, 0, 0, 0.5)
  12673. }
  12674. .ms-badge {
  12675. background-color: #fd0000;
  12676. width: 30px;
  12677. height: 16px;
  12678. line-height: 16px;
  12679. display: inline-block;
  12680. color: #fff;
  12681. border-radius: 80%;
  12682. font-size: 12px;
  12683. text-align: center;
  12684. position: relative;
  12685. top: -15px;
  12686. left: 0;
  12687. display: none;
  12688. }
  12689. .topbanner[data-v-78e3376e] {
  12690. height: 460px;
  12691. background: url(https://ssdtp.oss-cn-beijing.aliyuncs.com/eideasImg/diypack/banner/packbg.png) top no-repeat;
  12692. position: relative;
  12693. margin-bottom: 18px;
  12694. overflow: hidden;
  12695. }
  12696. .topbanner .content[data-v-78e3376e] {
  12697. width: 1236px;
  12698. height: 407px;
  12699. font-family: Source Han Sans CN;
  12700. color: #fff;
  12701. display: -webkit-box;
  12702. display: -ms-flexbox;
  12703. display: flex;
  12704. -webkit-box-align: center;
  12705. -ms-flex-align: center;
  12706. align-items: center;
  12707. margin: 53px auto 0;
  12708. }
  12709. .topbanner .content .texts .title[data-v-78e3376e] {
  12710. font-size: 40px;
  12711. font-weight: 500;
  12712. text-shadow: 0 -4px 10px rgb(4 59 218 / 90%);
  12713. line-height: 70px;
  12714. }
  12715. .topbanner .content .texts .subtitle[data-v-78e3376e] {
  12716. font-size: 24px;
  12717. font-weight: 300;
  12718. opacity: .9;
  12719. line-height: 50px;
  12720. margin-bottom: 10px;
  12721. }
  12722. .topbanner .content .texts .text[data-v-78e3376e] {
  12723. font-size: 16px;
  12724. font-weight: 300;
  12725. opacity: .7;
  12726. height: 15px;
  12727. line-height: 2px;
  12728. margin-bottom: 20px;
  12729. }
  12730. @media (min-width: 768px) and (max-width: 1199px) {
  12731. aside.aside-left ul li a {
  12732. font-size: 0;
  12733. }
  12734. aside.aside-left ul li a .iconfont::before {
  12735. top: 13px;
  12736. }
  12737. }