main.css 285 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775776777778779780781782783784785786787788789790791792793794795796797798799800801802803804805806807808809810811812813814815816817818819820821822823824825826827828829830831832833834835836837838839840841842843844845846847848849850851852853854855856857858859860861862863864865866867868869870871872873874875876877878879880881882883884885886887888889890891892893894895896897898899900901902903904905906907908909910911912913914915916917918919920921922923924925926927928929930931932933934935936937938939940941942943944945946947948949950951952953954955956957958959960961962963964965966967968969970971972973974975976977978979980981982983984985986987988989990991992993994995996997998999100010011002100310041005100610071008100910101011101210131014101510161017101810191020102110221023102410251026102710281029103010311032103310341035103610371038103910401041104210431044104510461047104810491050105110521053105410551056105710581059106010611062106310641065106610671068106910701071107210731074107510761077107810791080108110821083108410851086108710881089109010911092109310941095109610971098109911001101110211031104110511061107110811091110111111121113111411151116111711181119112011211122112311241125112611271128112911301131113211331134113511361137113811391140114111421143114411451146114711481149115011511152115311541155115611571158115911601161116211631164116511661167116811691170117111721173117411751176117711781179118011811182118311841185118611871188118911901191119211931194119511961197119811991200120112021203120412051206120712081209121012111212121312141215121612171218121912201221122212231224122512261227122812291230123112321233123412351236123712381239124012411242124312441245124612471248124912501251125212531254125512561257125812591260126112621263126412651266126712681269127012711272127312741275127612771278127912801281128212831284128512861287128812891290129112921293129412951296129712981299130013011302130313041305130613071308130913101311131213131314131513161317131813191320132113221323132413251326132713281329133013311332133313341335133613371338133913401341134213431344134513461347134813491350135113521353135413551356135713581359136013611362136313641365136613671368136913701371137213731374137513761377137813791380138113821383138413851386138713881389139013911392139313941395139613971398139914001401140214031404140514061407140814091410141114121413141414151416141714181419142014211422142314241425142614271428142914301431143214331434143514361437143814391440144114421443144414451446144714481449145014511452145314541455145614571458145914601461146214631464146514661467146814691470147114721473147414751476147714781479148014811482148314841485148614871488148914901491149214931494149514961497149814991500150115021503150415051506150715081509151015111512151315141515151615171518151915201521152215231524152515261527152815291530153115321533153415351536153715381539154015411542154315441545154615471548154915501551155215531554155515561557155815591560156115621563156415651566156715681569157015711572157315741575157615771578157915801581158215831584158515861587158815891590159115921593159415951596159715981599160016011602160316041605160616071608160916101611161216131614161516161617161816191620162116221623162416251626162716281629163016311632163316341635163616371638163916401641164216431644164516461647164816491650165116521653165416551656165716581659166016611662166316641665166616671668166916701671167216731674167516761677167816791680168116821683168416851686168716881689169016911692169316941695169616971698169917001701170217031704170517061707170817091710171117121713171417151716171717181719172017211722172317241725172617271728172917301731173217331734173517361737173817391740174117421743174417451746174717481749175017511752175317541755175617571758175917601761176217631764176517661767176817691770177117721773177417751776177717781779178017811782178317841785178617871788178917901791179217931794179517961797179817991800180118021803180418051806180718081809181018111812181318141815181618171818181918201821182218231824182518261827182818291830183118321833183418351836183718381839184018411842184318441845184618471848184918501851185218531854185518561857185818591860186118621863186418651866186718681869187018711872187318741875187618771878187918801881188218831884188518861887188818891890189118921893189418951896189718981899190019011902190319041905190619071908190919101911191219131914191519161917191819191920192119221923192419251926192719281929193019311932193319341935193619371938193919401941194219431944194519461947194819491950195119521953195419551956195719581959196019611962196319641965196619671968196919701971197219731974197519761977197819791980198119821983198419851986198719881989199019911992199319941995199619971998199920002001200220032004200520062007200820092010201120122013201420152016201720182019202020212022202320242025202620272028202920302031203220332034203520362037203820392040204120422043204420452046204720482049205020512052205320542055205620572058205920602061206220632064206520662067206820692070207120722073207420752076207720782079208020812082208320842085208620872088208920902091209220932094209520962097209820992100210121022103210421052106210721082109211021112112211321142115211621172118211921202121212221232124212521262127212821292130213121322133213421352136213721382139214021412142214321442145214621472148214921502151215221532154215521562157215821592160216121622163216421652166216721682169217021712172217321742175217621772178217921802181218221832184218521862187218821892190219121922193219421952196219721982199220022012202220322042205220622072208220922102211221222132214221522162217221822192220222122222223222422252226222722282229223022312232223322342235223622372238223922402241224222432244224522462247224822492250225122522253225422552256225722582259226022612262226322642265226622672268226922702271227222732274227522762277227822792280228122822283228422852286228722882289229022912292229322942295229622972298229923002301230223032304230523062307230823092310231123122313231423152316231723182319232023212322232323242325232623272328232923302331233223332334233523362337233823392340234123422343234423452346234723482349235023512352235323542355235623572358235923602361236223632364236523662367236823692370237123722373237423752376237723782379238023812382238323842385238623872388238923902391239223932394239523962397239823992400240124022403240424052406240724082409241024112412241324142415241624172418241924202421242224232424242524262427242824292430243124322433243424352436243724382439244024412442244324442445244624472448244924502451245224532454245524562457245824592460246124622463246424652466246724682469247024712472247324742475247624772478247924802481248224832484248524862487248824892490249124922493249424952496249724982499250025012502250325042505250625072508250925102511251225132514251525162517251825192520252125222523252425252526252725282529253025312532253325342535253625372538253925402541254225432544254525462547254825492550255125522553255425552556255725582559256025612562256325642565256625672568256925702571257225732574257525762577257825792580258125822583258425852586258725882589259025912592259325942595259625972598259926002601260226032604260526062607260826092610261126122613261426152616261726182619262026212622262326242625262626272628262926302631263226332634263526362637263826392640264126422643264426452646264726482649265026512652265326542655265626572658265926602661266226632664266526662667266826692670267126722673267426752676267726782679268026812682268326842685268626872688268926902691269226932694269526962697269826992700270127022703270427052706270727082709271027112712271327142715271627172718271927202721272227232724272527262727272827292730273127322733273427352736273727382739274027412742274327442745274627472748274927502751275227532754275527562757275827592760276127622763276427652766276727682769277027712772277327742775277627772778277927802781278227832784278527862787278827892790279127922793279427952796279727982799280028012802280328042805280628072808280928102811281228132814281528162817281828192820282128222823282428252826282728282829283028312832283328342835283628372838283928402841284228432844284528462847284828492850285128522853285428552856285728582859286028612862286328642865286628672868286928702871287228732874287528762877287828792880288128822883288428852886288728882889289028912892289328942895289628972898289929002901290229032904290529062907290829092910291129122913291429152916291729182919292029212922292329242925292629272928292929302931293229332934293529362937293829392940294129422943294429452946294729482949295029512952295329542955295629572958295929602961296229632964296529662967296829692970297129722973297429752976297729782979298029812982298329842985298629872988298929902991299229932994299529962997299829993000300130023003300430053006300730083009301030113012301330143015301630173018301930203021302230233024302530263027302830293030303130323033303430353036303730383039304030413042304330443045304630473048304930503051305230533054305530563057305830593060306130623063306430653066306730683069307030713072307330743075307630773078307930803081308230833084308530863087308830893090309130923093309430953096309730983099310031013102310331043105310631073108310931103111311231133114311531163117311831193120312131223123312431253126312731283129313031313132313331343135313631373138313931403141314231433144314531463147314831493150315131523153315431553156315731583159316031613162316331643165316631673168316931703171317231733174317531763177317831793180318131823183318431853186318731883189319031913192319331943195319631973198319932003201320232033204320532063207320832093210321132123213321432153216321732183219322032213222322332243225322632273228322932303231323232333234323532363237323832393240324132423243324432453246324732483249325032513252325332543255325632573258325932603261326232633264326532663267326832693270327132723273327432753276327732783279328032813282328332843285328632873288328932903291329232933294329532963297329832993300330133023303330433053306330733083309331033113312331333143315331633173318331933203321332233233324332533263327332833293330333133323333333433353336333733383339334033413342334333443345334633473348334933503351335233533354335533563357335833593360336133623363336433653366336733683369337033713372337333743375337633773378337933803381338233833384338533863387338833893390339133923393339433953396339733983399340034013402340334043405340634073408340934103411341234133414341534163417341834193420342134223423342434253426342734283429343034313432343334343435343634373438343934403441344234433444344534463447344834493450345134523453345434553456345734583459346034613462346334643465346634673468346934703471347234733474347534763477347834793480348134823483348434853486348734883489349034913492349334943495349634973498349935003501350235033504350535063507350835093510351135123513351435153516351735183519352035213522352335243525352635273528352935303531353235333534353535363537353835393540354135423543354435453546354735483549355035513552355335543555355635573558355935603561356235633564356535663567356835693570357135723573357435753576357735783579358035813582358335843585358635873588358935903591359235933594359535963597359835993600360136023603360436053606360736083609361036113612361336143615361636173618361936203621362236233624362536263627362836293630363136323633363436353636363736383639364036413642364336443645364636473648364936503651365236533654365536563657365836593660366136623663366436653666366736683669367036713672367336743675367636773678367936803681368236833684368536863687368836893690369136923693369436953696369736983699370037013702370337043705370637073708370937103711371237133714371537163717371837193720372137223723372437253726372737283729373037313732373337343735373637373738373937403741374237433744374537463747374837493750375137523753375437553756375737583759376037613762376337643765376637673768376937703771377237733774377537763777377837793780378137823783378437853786378737883789379037913792379337943795379637973798379938003801380238033804380538063807380838093810381138123813381438153816381738183819382038213822382338243825382638273828382938303831383238333834383538363837383838393840384138423843384438453846384738483849385038513852385338543855385638573858385938603861386238633864386538663867386838693870387138723873387438753876387738783879388038813882388338843885388638873888388938903891389238933894389538963897389838993900390139023903390439053906390739083909391039113912391339143915391639173918391939203921392239233924392539263927392839293930393139323933393439353936393739383939394039413942394339443945394639473948394939503951395239533954395539563957395839593960396139623963396439653966396739683969397039713972397339743975397639773978397939803981398239833984398539863987398839893990399139923993399439953996399739983999400040014002400340044005400640074008400940104011401240134014401540164017401840194020402140224023402440254026402740284029403040314032403340344035403640374038403940404041404240434044404540464047404840494050405140524053405440554056405740584059406040614062406340644065406640674068406940704071407240734074407540764077407840794080408140824083408440854086408740884089409040914092409340944095409640974098409941004101410241034104410541064107410841094110411141124113411441154116411741184119412041214122412341244125412641274128412941304131413241334134413541364137413841394140414141424143414441454146414741484149415041514152415341544155415641574158415941604161416241634164416541664167416841694170417141724173417441754176417741784179418041814182418341844185418641874188418941904191419241934194419541964197419841994200420142024203420442054206420742084209421042114212421342144215421642174218421942204221422242234224422542264227422842294230423142324233423442354236423742384239424042414242424342444245424642474248424942504251425242534254425542564257425842594260426142624263426442654266426742684269427042714272427342744275427642774278427942804281428242834284428542864287428842894290429142924293429442954296429742984299430043014302430343044305430643074308430943104311431243134314431543164317431843194320432143224323432443254326432743284329433043314332433343344335433643374338433943404341434243434344434543464347434843494350435143524353435443554356435743584359436043614362436343644365436643674368436943704371437243734374437543764377437843794380438143824383438443854386438743884389439043914392439343944395439643974398439944004401440244034404440544064407440844094410441144124413441444154416441744184419442044214422442344244425442644274428442944304431443244334434443544364437443844394440444144424443444444454446444744484449445044514452445344544455445644574458445944604461446244634464446544664467446844694470447144724473447444754476447744784479448044814482448344844485448644874488448944904491449244934494449544964497449844994500450145024503450445054506450745084509451045114512451345144515451645174518451945204521452245234524452545264527452845294530453145324533453445354536453745384539454045414542454345444545454645474548454945504551455245534554455545564557455845594560456145624563456445654566456745684569457045714572457345744575457645774578457945804581458245834584458545864587458845894590459145924593459445954596459745984599460046014602460346044605460646074608460946104611461246134614461546164617461846194620462146224623462446254626462746284629463046314632463346344635463646374638463946404641464246434644464546464647464846494650465146524653465446554656465746584659466046614662466346644665466646674668466946704671467246734674467546764677467846794680468146824683468446854686468746884689469046914692469346944695469646974698469947004701470247034704470547064707470847094710471147124713471447154716471747184719472047214722472347244725472647274728472947304731473247334734473547364737473847394740474147424743474447454746474747484749475047514752475347544755475647574758475947604761476247634764476547664767476847694770477147724773477447754776477747784779478047814782478347844785478647874788478947904791479247934794479547964797479847994800480148024803480448054806480748084809481048114812481348144815481648174818481948204821482248234824482548264827482848294830483148324833483448354836483748384839484048414842484348444845484648474848484948504851485248534854485548564857485848594860486148624863486448654866486748684869487048714872487348744875487648774878487948804881488248834884488548864887488848894890489148924893489448954896489748984899490049014902490349044905490649074908490949104911491249134914491549164917491849194920492149224923492449254926492749284929493049314932493349344935493649374938493949404941494249434944494549464947494849494950495149524953495449554956495749584959496049614962496349644965496649674968496949704971497249734974497549764977497849794980498149824983498449854986498749884989499049914992499349944995499649974998499950005001500250035004500550065007500850095010501150125013501450155016501750185019502050215022502350245025502650275028502950305031503250335034503550365037503850395040504150425043504450455046504750485049505050515052505350545055505650575058505950605061506250635064506550665067506850695070507150725073507450755076507750785079508050815082508350845085508650875088508950905091509250935094509550965097509850995100510151025103510451055106510751085109511051115112511351145115511651175118511951205121512251235124512551265127512851295130513151325133513451355136513751385139514051415142514351445145514651475148514951505151515251535154515551565157515851595160516151625163516451655166516751685169517051715172517351745175517651775178517951805181518251835184518551865187518851895190519151925193519451955196519751985199520052015202520352045205520652075208520952105211521252135214521552165217521852195220522152225223522452255226522752285229523052315232523352345235523652375238523952405241524252435244524552465247524852495250525152525253525452555256525752585259526052615262526352645265526652675268526952705271527252735274527552765277527852795280528152825283528452855286528752885289529052915292529352945295529652975298529953005301530253035304530553065307530853095310531153125313531453155316531753185319532053215322532353245325532653275328532953305331533253335334533553365337533853395340534153425343534453455346534753485349535053515352535353545355535653575358535953605361536253635364536553665367536853695370537153725373537453755376537753785379538053815382538353845385538653875388538953905391539253935394539553965397539853995400540154025403540454055406540754085409541054115412541354145415541654175418541954205421542254235424542554265427542854295430543154325433543454355436543754385439544054415442544354445445544654475448544954505451545254535454545554565457545854595460546154625463546454655466546754685469547054715472547354745475547654775478547954805481548254835484548554865487548854895490549154925493549454955496549754985499550055015502550355045505550655075508550955105511551255135514551555165517551855195520552155225523552455255526552755285529553055315532553355345535553655375538553955405541554255435544554555465547554855495550555155525553555455555556555755585559556055615562556355645565556655675568556955705571557255735574557555765577557855795580558155825583558455855586558755885589559055915592559355945595559655975598559956005601560256035604560556065607560856095610561156125613561456155616561756185619562056215622562356245625562656275628562956305631563256335634563556365637563856395640564156425643564456455646564756485649565056515652565356545655565656575658565956605661566256635664566556665667566856695670567156725673567456755676567756785679568056815682568356845685568656875688568956905691569256935694569556965697569856995700570157025703570457055706570757085709571057115712571357145715571657175718571957205721572257235724572557265727572857295730573157325733573457355736573757385739574057415742574357445745574657475748574957505751575257535754575557565757575857595760576157625763576457655766576757685769577057715772577357745775577657775778577957805781578257835784578557865787578857895790579157925793579457955796579757985799580058015802580358045805580658075808580958105811581258135814581558165817581858195820582158225823582458255826582758285829583058315832583358345835583658375838583958405841584258435844584558465847584858495850585158525853585458555856585758585859586058615862586358645865586658675868586958705871587258735874587558765877587858795880588158825883588458855886588758885889589058915892589358945895589658975898589959005901590259035904590559065907590859095910591159125913591459155916591759185919592059215922592359245925592659275928592959305931593259335934593559365937593859395940594159425943594459455946594759485949595059515952595359545955595659575958595959605961596259635964596559665967596859695970597159725973597459755976597759785979598059815982598359845985598659875988598959905991599259935994599559965997599859996000600160026003600460056006600760086009601060116012601360146015601660176018601960206021602260236024602560266027602860296030603160326033603460356036603760386039604060416042604360446045604660476048604960506051605260536054605560566057605860596060606160626063606460656066606760686069607060716072607360746075607660776078607960806081608260836084608560866087608860896090609160926093609460956096609760986099610061016102610361046105610661076108610961106111611261136114611561166117611861196120612161226123612461256126612761286129613061316132613361346135613661376138613961406141614261436144614561466147614861496150615161526153615461556156615761586159616061616162616361646165616661676168616961706171617261736174617561766177617861796180618161826183618461856186618761886189619061916192619361946195619661976198619962006201620262036204620562066207620862096210621162126213621462156216621762186219622062216222622362246225622662276228622962306231623262336234623562366237623862396240624162426243624462456246624762486249625062516252625362546255625662576258625962606261626262636264626562666267626862696270627162726273627462756276627762786279628062816282628362846285628662876288628962906291629262936294629562966297629862996300630163026303630463056306630763086309631063116312631363146315631663176318631963206321632263236324632563266327632863296330633163326333633463356336633763386339634063416342634363446345634663476348634963506351635263536354635563566357635863596360636163626363636463656366636763686369637063716372637363746375637663776378637963806381638263836384638563866387638863896390639163926393639463956396639763986399640064016402640364046405640664076408640964106411641264136414641564166417641864196420642164226423642464256426642764286429643064316432643364346435643664376438643964406441644264436444644564466447644864496450645164526453645464556456645764586459646064616462646364646465646664676468646964706471647264736474647564766477647864796480648164826483648464856486648764886489649064916492649364946495649664976498649965006501650265036504650565066507650865096510651165126513651465156516651765186519652065216522652365246525652665276528652965306531653265336534653565366537653865396540654165426543654465456546654765486549655065516552655365546555655665576558655965606561656265636564656565666567656865696570657165726573657465756576657765786579658065816582658365846585658665876588658965906591659265936594659565966597659865996600660166026603660466056606660766086609661066116612661366146615661666176618661966206621662266236624662566266627662866296630663166326633663466356636663766386639664066416642664366446645664666476648664966506651665266536654665566566657665866596660666166626663666466656666666766686669667066716672667366746675667666776678667966806681668266836684668566866687668866896690669166926693669466956696669766986699670067016702670367046705670667076708670967106711671267136714671567166717671867196720672167226723672467256726672767286729673067316732673367346735673667376738673967406741674267436744674567466747674867496750675167526753675467556756675767586759676067616762676367646765676667676768676967706771677267736774677567766777677867796780678167826783678467856786678767886789679067916792679367946795679667976798679968006801680268036804680568066807680868096810681168126813681468156816681768186819682068216822682368246825682668276828682968306831683268336834683568366837683868396840684168426843684468456846684768486849685068516852685368546855685668576858685968606861686268636864686568666867686868696870687168726873687468756876687768786879688068816882688368846885688668876888688968906891689268936894689568966897689868996900690169026903690469056906690769086909691069116912691369146915691669176918691969206921692269236924692569266927692869296930693169326933693469356936693769386939694069416942694369446945694669476948694969506951695269536954695569566957695869596960696169626963696469656966696769686969697069716972697369746975697669776978697969806981698269836984698569866987698869896990699169926993699469956996699769986999700070017002700370047005700670077008700970107011701270137014701570167017701870197020702170227023702470257026702770287029703070317032703370347035703670377038703970407041704270437044704570467047704870497050705170527053705470557056705770587059706070617062706370647065706670677068706970707071707270737074707570767077707870797080708170827083708470857086708770887089709070917092709370947095709670977098709971007101710271037104710571067107710871097110711171127113711471157116711771187119712071217122712371247125712671277128712971307131713271337134713571367137713871397140714171427143714471457146714771487149715071517152715371547155715671577158715971607161716271637164716571667167716871697170717171727173717471757176717771787179718071817182718371847185718671877188718971907191719271937194719571967197719871997200720172027203720472057206720772087209721072117212721372147215721672177218721972207221722272237224722572267227722872297230723172327233723472357236723772387239724072417242724372447245724672477248724972507251725272537254725572567257725872597260726172627263726472657266726772687269727072717272727372747275727672777278727972807281728272837284728572867287728872897290729172927293729472957296729772987299730073017302730373047305730673077308730973107311731273137314731573167317731873197320732173227323732473257326732773287329733073317332733373347335733673377338733973407341734273437344734573467347734873497350735173527353735473557356735773587359736073617362736373647365736673677368736973707371737273737374737573767377737873797380738173827383738473857386738773887389739073917392739373947395739673977398739974007401740274037404740574067407740874097410741174127413741474157416741774187419742074217422742374247425742674277428742974307431743274337434743574367437743874397440744174427443744474457446744774487449745074517452745374547455745674577458745974607461746274637464746574667467746874697470747174727473747474757476747774787479748074817482748374847485748674877488748974907491749274937494749574967497749874997500750175027503750475057506750775087509751075117512751375147515751675177518751975207521752275237524752575267527752875297530753175327533753475357536753775387539754075417542754375447545754675477548754975507551755275537554755575567557755875597560756175627563756475657566756775687569757075717572757375747575757675777578757975807581758275837584758575867587758875897590759175927593759475957596759775987599760076017602760376047605760676077608760976107611761276137614761576167617761876197620762176227623762476257626762776287629763076317632763376347635763676377638763976407641764276437644764576467647764876497650765176527653765476557656765776587659766076617662766376647665766676677668766976707671767276737674767576767677767876797680768176827683768476857686768776887689769076917692769376947695769676977698769977007701770277037704770577067707770877097710771177127713771477157716771777187719772077217722772377247725772677277728772977307731773277337734773577367737773877397740774177427743774477457746774777487749775077517752775377547755775677577758775977607761776277637764776577667767776877697770777177727773777477757776777777787779778077817782778377847785778677877788778977907791779277937794779577967797779877997800780178027803780478057806780778087809781078117812781378147815781678177818781978207821782278237824782578267827782878297830783178327833783478357836783778387839784078417842784378447845784678477848784978507851785278537854785578567857785878597860786178627863786478657866786778687869787078717872787378747875787678777878787978807881788278837884788578867887788878897890789178927893789478957896789778987899790079017902790379047905790679077908790979107911791279137914791579167917791879197920792179227923792479257926792779287929793079317932793379347935793679377938793979407941794279437944794579467947794879497950795179527953795479557956795779587959796079617962796379647965796679677968796979707971797279737974797579767977797879797980798179827983798479857986798779887989799079917992799379947995799679977998799980008001800280038004800580068007800880098010801180128013801480158016801780188019802080218022802380248025802680278028802980308031803280338034803580368037803880398040804180428043804480458046804780488049805080518052805380548055805680578058805980608061806280638064806580668067806880698070807180728073807480758076807780788079808080818082808380848085808680878088808980908091809280938094809580968097809880998100810181028103810481058106810781088109811081118112811381148115811681178118811981208121812281238124812581268127812881298130813181328133813481358136813781388139814081418142814381448145814681478148814981508151815281538154815581568157815881598160816181628163816481658166816781688169817081718172817381748175817681778178817981808181818281838184818581868187818881898190819181928193819481958196819781988199820082018202820382048205820682078208820982108211821282138214821582168217821882198220822182228223822482258226822782288229823082318232823382348235823682378238823982408241824282438244824582468247824882498250825182528253825482558256825782588259826082618262826382648265826682678268826982708271827282738274827582768277827882798280828182828283828482858286828782888289829082918292829382948295829682978298829983008301830283038304830583068307830883098310831183128313831483158316831783188319832083218322832383248325832683278328832983308331833283338334833583368337833883398340834183428343834483458346834783488349835083518352835383548355835683578358835983608361836283638364836583668367836883698370837183728373837483758376837783788379838083818382838383848385838683878388838983908391839283938394839583968397839883998400840184028403840484058406840784088409841084118412841384148415841684178418841984208421842284238424842584268427842884298430843184328433843484358436843784388439844084418442844384448445844684478448844984508451845284538454845584568457845884598460846184628463846484658466846784688469847084718472847384748475847684778478847984808481848284838484848584868487848884898490849184928493849484958496849784988499850085018502850385048505850685078508850985108511851285138514851585168517851885198520852185228523852485258526852785288529853085318532853385348535853685378538853985408541854285438544854585468547854885498550855185528553855485558556855785588559856085618562856385648565856685678568856985708571857285738574857585768577857885798580858185828583858485858586858785888589859085918592859385948595859685978598859986008601860286038604860586068607860886098610861186128613861486158616861786188619862086218622862386248625862686278628862986308631863286338634863586368637863886398640864186428643864486458646864786488649865086518652865386548655865686578658865986608661866286638664866586668667866886698670867186728673867486758676867786788679868086818682868386848685868686878688868986908691869286938694869586968697869886998700870187028703870487058706870787088709871087118712871387148715871687178718871987208721872287238724872587268727872887298730873187328733873487358736873787388739874087418742874387448745874687478748874987508751875287538754875587568757875887598760876187628763876487658766876787688769877087718772877387748775877687778778877987808781878287838784878587868787878887898790879187928793879487958796879787988799880088018802880388048805880688078808880988108811881288138814881588168817881888198820882188228823882488258826882788288829883088318832883388348835883688378838883988408841884288438844884588468847884888498850885188528853885488558856885788588859886088618862886388648865886688678868886988708871887288738874887588768877887888798880888188828883888488858886888788888889889088918892889388948895889688978898889989008901890289038904890589068907890889098910891189128913891489158916891789188919892089218922892389248925892689278928892989308931893289338934893589368937893889398940894189428943894489458946894789488949895089518952895389548955895689578958895989608961896289638964896589668967896889698970897189728973897489758976897789788979898089818982898389848985898689878988898989908991899289938994899589968997899889999000900190029003900490059006900790089009901090119012901390149015901690179018901990209021902290239024902590269027902890299030903190329033903490359036903790389039904090419042904390449045904690479048904990509051905290539054905590569057905890599060906190629063906490659066906790689069907090719072907390749075907690779078907990809081908290839084908590869087908890899090909190929093909490959096909790989099910091019102910391049105910691079108910991109111911291139114911591169117911891199120912191229123912491259126912791289129913091319132913391349135913691379138913991409141914291439144914591469147914891499150915191529153915491559156915791589159916091619162916391649165916691679168916991709171917291739174917591769177917891799180918191829183918491859186918791889189919091919192919391949195919691979198919992009201920292039204920592069207920892099210921192129213921492159216921792189219922092219222922392249225922692279228922992309231923292339234923592369237923892399240924192429243924492459246924792489249925092519252925392549255925692579258925992609261926292639264926592669267926892699270927192729273927492759276927792789279928092819282928392849285928692879288928992909291929292939294929592969297929892999300930193029303930493059306930793089309931093119312931393149315931693179318931993209321932293239324932593269327932893299330933193329333933493359336933793389339934093419342934393449345934693479348934993509351935293539354935593569357935893599360936193629363936493659366936793689369937093719372937393749375937693779378937993809381938293839384938593869387938893899390939193929393939493959396939793989399940094019402940394049405940694079408940994109411941294139414941594169417941894199420942194229423942494259426942794289429943094319432943394349435943694379438943994409441944294439444944594469447944894499450945194529453945494559456945794589459946094619462946394649465946694679468946994709471947294739474947594769477947894799480948194829483948494859486948794889489949094919492949394949495949694979498949995009501950295039504950595069507950895099510951195129513951495159516951795189519952095219522952395249525952695279528952995309531953295339534953595369537953895399540954195429543954495459546954795489549955095519552955395549555955695579558955995609561956295639564956595669567956895699570957195729573957495759576957795789579958095819582958395849585958695879588958995909591959295939594959595969597959895999600960196029603960496059606960796089609961096119612961396149615961696179618961996209621962296239624962596269627962896299630963196329633963496359636963796389639964096419642964396449645964696479648964996509651965296539654965596569657965896599660966196629663966496659666966796689669967096719672967396749675967696779678967996809681968296839684968596869687968896899690969196929693969496959696969796989699970097019702970397049705970697079708970997109711971297139714971597169717971897199720972197229723972497259726972797289729973097319732973397349735973697379738973997409741974297439744974597469747974897499750975197529753975497559756975797589759976097619762976397649765976697679768976997709771977297739774977597769777977897799780978197829783978497859786978797889789979097919792979397949795979697979798979998009801980298039804980598069807980898099810981198129813981498159816981798189819982098219822982398249825982698279828982998309831983298339834983598369837983898399840984198429843984498459846984798489849985098519852985398549855985698579858985998609861986298639864986598669867986898699870987198729873987498759876987798789879988098819882988398849885988698879888988998909891989298939894989598969897989898999900990199029903990499059906990799089909991099119912991399149915991699179918991999209921992299239924992599269927992899299930993199329933993499359936993799389939994099419942994399449945994699479948994999509951995299539954995599569957995899599960996199629963996499659966996799689969997099719972997399749975997699779978997999809981998299839984998599869987998899899990999199929993999499959996999799989999100001000110002100031000410005100061000710008100091001010011100121001310014100151001610017100181001910020100211002210023100241002510026100271002810029100301003110032100331003410035100361003710038100391004010041100421004310044100451004610047100481004910050100511005210053100541005510056100571005810059100601006110062100631006410065100661006710068100691007010071100721007310074100751007610077100781007910080100811008210083100841008510086100871008810089100901009110092100931009410095100961009710098100991010010101101021010310104101051010610107101081010910110101111011210113101141011510116101171011810119101201012110122101231012410125101261012710128101291013010131101321013310134101351013610137101381013910140101411014210143101441014510146101471014810149101501015110152101531015410155101561015710158101591016010161101621016310164101651016610167101681016910170101711017210173101741017510176101771017810179101801018110182101831018410185101861018710188101891019010191101921019310194101951019610197101981019910200102011020210203102041020510206102071020810209102101021110212102131021410215102161021710218102191022010221102221022310224102251022610227102281022910230102311023210233102341023510236102371023810239102401024110242102431024410245102461024710248102491025010251102521025310254102551025610257102581025910260102611026210263102641026510266102671026810269102701027110272102731027410275102761027710278102791028010281102821028310284102851028610287102881028910290102911029210293102941029510296102971029810299103001030110302103031030410305103061030710308103091031010311103121031310314103151031610317103181031910320103211032210323103241032510326103271032810329103301033110332103331033410335103361033710338103391034010341103421034310344103451034610347103481034910350103511035210353103541035510356103571035810359103601036110362103631036410365103661036710368103691037010371103721037310374103751037610377103781037910380103811038210383103841038510386103871038810389103901039110392103931039410395103961039710398103991040010401104021040310404104051040610407104081040910410104111041210413104141041510416104171041810419104201042110422104231042410425104261042710428104291043010431104321043310434104351043610437104381043910440104411044210443104441044510446104471044810449104501045110452104531045410455104561045710458104591046010461104621046310464104651046610467104681046910470104711047210473104741047510476104771047810479104801048110482104831048410485104861048710488104891049010491104921049310494104951049610497104981049910500105011050210503105041050510506105071050810509105101051110512105131051410515105161051710518105191052010521105221052310524105251052610527105281052910530105311053210533105341053510536105371053810539105401054110542105431054410545105461054710548105491055010551105521055310554105551055610557105581055910560105611056210563105641056510566105671056810569105701057110572105731057410575105761057710578105791058010581105821058310584105851058610587105881058910590105911059210593105941059510596105971059810599106001060110602106031060410605106061060710608106091061010611106121061310614106151061610617106181061910620106211062210623106241062510626106271062810629106301063110632106331063410635106361063710638106391064010641106421064310644106451064610647106481064910650106511065210653106541065510656106571065810659106601066110662106631066410665106661066710668106691067010671106721067310674106751067610677106781067910680106811068210683106841068510686106871068810689106901069110692106931069410695106961069710698106991070010701107021070310704107051070610707107081070910710107111071210713107141071510716107171071810719107201072110722107231072410725107261072710728107291073010731107321073310734107351073610737107381073910740107411074210743107441074510746107471074810749107501075110752107531075410755107561075710758107591076010761107621076310764107651076610767107681076910770107711077210773107741077510776107771077810779107801078110782107831078410785107861078710788107891079010791107921079310794107951079610797107981079910800108011080210803108041080510806108071080810809108101081110812108131081410815108161081710818108191082010821108221082310824108251082610827108281082910830108311083210833108341083510836108371083810839108401084110842108431084410845108461084710848108491085010851108521085310854108551085610857108581085910860108611086210863108641086510866108671086810869108701087110872108731087410875108761087710878108791088010881108821088310884108851088610887108881088910890108911089210893108941089510896108971089810899109001090110902109031090410905109061090710908109091091010911109121091310914109151091610917109181091910920109211092210923109241092510926109271092810929109301093110932109331093410935109361093710938109391094010941109421094310944109451094610947109481094910950109511095210953109541095510956109571095810959109601096110962109631096410965109661096710968109691097010971109721097310974109751097610977109781097910980109811098210983109841098510986109871098810989109901099110992109931099410995109961099710998109991100011001110021100311004110051100611007110081100911010110111101211013110141101511016110171101811019110201102111022110231102411025110261102711028110291103011031110321103311034110351103611037110381103911040110411104211043110441104511046110471104811049110501105111052110531105411055110561105711058110591106011061110621106311064110651106611067110681106911070110711107211073110741107511076110771107811079110801108111082110831108411085110861108711088110891109011091110921109311094110951109611097110981109911100111011110211103111041110511106111071110811109111101111111112111131111411115111161111711118111191112011121111221112311124111251112611127111281112911130111311113211133111341113511136111371113811139111401114111142111431114411145111461114711148111491115011151111521115311154111551115611157111581115911160111611116211163111641116511166111671116811169111701117111172111731117411175111761117711178111791118011181111821118311184111851118611187111881118911190111911119211193111941119511196111971119811199112001120111202112031120411205112061120711208112091121011211112121121311214112151121611217112181121911220112211122211223112241122511226112271122811229112301123111232112331123411235112361123711238112391124011241112421124311244112451124611247112481124911250112511125211253112541125511256112571125811259112601126111262112631126411265112661126711268112691127011271112721127311274112751127611277112781127911280112811128211283112841128511286112871128811289112901129111292112931129411295112961129711298112991130011301113021130311304113051130611307113081130911310113111131211313113141131511316113171131811319113201132111322113231132411325113261132711328113291133011331113321133311334113351133611337113381133911340113411134211343113441134511346113471134811349113501135111352113531135411355113561135711358113591136011361113621136311364113651136611367113681136911370113711137211373113741137511376113771137811379113801138111382113831138411385113861138711388113891139011391113921139311394113951139611397113981139911400114011140211403114041140511406114071140811409114101141111412114131141411415114161141711418114191142011421114221142311424114251142611427114281142911430114311143211433114341143511436114371143811439114401144111442114431144411445114461144711448114491145011451114521145311454114551145611457114581145911460114611146211463114641146511466114671146811469114701147111472114731147411475114761147711478114791148011481114821148311484114851148611487114881148911490114911149211493114941149511496114971149811499115001150111502115031150411505115061150711508115091151011511115121151311514115151151611517115181151911520115211152211523115241152511526115271152811529115301153111532115331153411535115361153711538115391154011541115421154311544115451154611547115481154911550115511155211553115541155511556115571155811559115601156111562115631156411565115661156711568115691157011571115721157311574115751157611577115781157911580115811158211583115841158511586115871158811589115901159111592115931159411595115961159711598115991160011601116021160311604116051160611607116081160911610116111161211613116141161511616116171161811619116201162111622116231162411625116261162711628116291163011631116321163311634116351163611637116381163911640116411164211643116441164511646116471164811649116501165111652116531165411655116561165711658116591166011661116621166311664116651166611667116681166911670116711167211673116741167511676116771167811679116801168111682116831168411685116861168711688116891169011691116921169311694116951169611697116981169911700117011170211703117041170511706117071170811709117101171111712117131171411715117161171711718117191172011721117221172311724117251172611727117281172911730117311173211733117341173511736117371173811739117401174111742117431174411745117461174711748117491175011751117521175311754117551175611757117581175911760117611176211763117641176511766117671176811769117701177111772117731177411775117761177711778117791178011781117821178311784117851178611787117881178911790117911179211793117941179511796117971179811799118001180111802118031180411805118061180711808118091181011811118121181311814118151181611817118181181911820118211182211823118241182511826118271182811829118301183111832118331183411835118361183711838118391184011841118421184311844118451184611847118481184911850118511185211853118541185511856118571185811859118601186111862118631186411865118661186711868118691187011871118721187311874118751187611877118781187911880118811188211883118841188511886118871188811889118901189111892118931189411895118961189711898118991190011901119021190311904119051190611907119081190911910119111191211913119141191511916119171191811919119201192111922119231192411925119261192711928119291193011931119321193311934119351193611937119381193911940119411194211943119441194511946119471194811949119501195111952119531195411955119561195711958119591196011961119621196311964119651196611967119681196911970119711197211973119741197511976119771197811979119801198111982119831198411985119861198711988119891199011991119921199311994119951199611997119981199912000120011200212003120041200512006120071200812009120101201112012120131201412015120161201712018120191202012021120221202312024120251202612027120281202912030120311203212033120341203512036120371203812039120401204112042120431204412045120461204712048120491205012051120521205312054120551205612057120581205912060120611206212063120641206512066120671206812069120701207112072120731207412075120761207712078120791208012081120821208312084120851208612087120881208912090120911209212093120941209512096120971209812099121001210112102121031210412105121061210712108121091211012111121121211312114121151211612117121181211912120121211212212123121241212512126121271212812129121301213112132121331213412135121361213712138121391214012141121421214312144121451214612147121481214912150121511215212153121541215512156121571215812159121601216112162121631216412165121661216712168121691217012171121721217312174121751217612177121781217912180121811218212183121841218512186121871218812189121901219112192121931219412195121961219712198121991220012201122021220312204122051220612207122081220912210122111221212213122141221512216122171221812219122201222112222122231222412225122261222712228122291223012231122321223312234122351223612237122381223912240122411224212243122441224512246122471224812249122501225112252122531225412255122561225712258122591226012261122621226312264122651226612267122681226912270122711227212273122741227512276122771227812279122801228112282122831228412285122861228712288122891229012291122921229312294122951229612297122981229912300123011230212303123041230512306123071230812309123101231112312123131231412315123161231712318123191232012321123221232312324123251232612327123281232912330123311233212333123341233512336123371233812339123401234112342123431234412345123461234712348123491235012351123521235312354123551235612357123581235912360123611236212363123641236512366123671236812369123701237112372123731237412375123761237712378123791238012381123821238312384123851238612387123881238912390123911239212393123941239512396123971239812399124001240112402124031240412405124061240712408124091241012411124121241312414124151241612417124181241912420124211242212423124241242512426124271242812429124301243112432124331243412435124361243712438124391244012441124421244312444124451244612447124481244912450124511245212453124541245512456124571245812459124601246112462124631246412465124661246712468124691247012471124721247312474124751247612477124781247912480124811248212483124841248512486124871248812489124901249112492124931249412495124961249712498124991250012501125021250312504125051250612507125081250912510125111251212513125141251512516125171251812519125201252112522125231252412525125261252712528125291253012531125321253312534125351253612537125381253912540125411254212543125441254512546125471254812549125501255112552125531255412555125561255712558125591256012561125621256312564125651256612567125681256912570125711257212573125741257512576125771257812579125801258112582125831258412585125861258712588125891259012591125921259312594125951259612597125981259912600126011260212603126041260512606126071260812609126101261112612126131261412615126161261712618126191262012621126221262312624126251262612627126281262912630126311263212633126341263512636126371263812639126401264112642126431264412645126461264712648126491265012651126521265312654126551265612657126581265912660126611266212663126641266512666126671266812669126701267112672126731267412675126761267712678126791268012681126821268312684126851268612687126881268912690126911269212693126941269512696126971269812699127001270112702127031270412705127061270712708127091271012711127121271312714127151271612717127181271912720127211272212723127241272512726127271272812729127301273112732127331273412735127361273712738127391274012741127421274312744127451274612747127481274912750127511275212753127541275512756127571275812759127601276112762127631276412765127661276712768127691277012771127721277312774127751277612777127781277912780127811278212783127841278512786127871278812789127901279112792127931279412795127961279712798127991280012801128021280312804128051280612807128081280912810128111281212813128141281512816128171281812819128201282112822128231282412825128261282712828128291283012831128321283312834128351283612837128381283912840128411284212843128441284512846128471284812849128501285112852128531285412855128561285712858128591286012861128621286312864128651286612867128681286912870128711287212873128741287512876128771287812879128801288112882128831288412885128861288712888128891289012891128921289312894128951289612897128981289912900129011290212903129041290512906129071290812909129101291112912129131291412915129161291712918129191292012921129221292312924129251292612927129281292912930129311293212933129341293512936129371293812939129401294112942129431294412945129461294712948129491295012951129521295312954129551295612957129581295912960129611296212963129641296512966129671296812969129701297112972129731297412975129761297712978129791298012981129821298312984129851298612987129881298912990129911299212993129941299512996129971299812999130001300113002130031300413005130061300713008130091301013011130121301313014130151301613017130181301913020130211302213023130241302513026130271302813029130301303113032130331303413035130361303713038130391304013041130421304313044130451304613047130481304913050130511305213053130541305513056130571305813059130601306113062130631306413065130661306713068130691307013071130721307313074130751307613077130781307913080130811308213083130841308513086130871308813089130901309113092130931309413095130961309713098130991310013101131021310313104131051310613107131081310913110131111311213113131141311513116131171311813119131201312113122131231312413125131261312713128131291313013131131321313313134131351313613137131381313913140131411314213143131441314513146131471314813149131501315113152131531315413155131561315713158131591316013161131621316313164131651316613167131681316913170131711317213173131741317513176131771317813179131801318113182131831318413185131861318713188131891319013191131921319313194131951319613197131981319913200132011320213203132041320513206132071320813209132101321113212132131321413215132161321713218132191322013221132221322313224132251322613227132281322913230132311323213233132341323513236132371323813239132401324113242132431324413245132461324713248132491325013251132521325313254132551325613257132581325913260132611326213263132641326513266132671326813269132701327113272132731327413275132761327713278132791328013281132821328313284132851328613287132881328913290132911329213293132941329513296132971329813299133001330113302133031330413305133061330713308133091331013311133121331313314133151331613317133181331913320133211332213323133241332513326133271332813329133301333113332133331333413335133361333713338133391334013341133421334313344133451334613347133481334913350133511335213353133541335513356133571335813359133601336113362133631336413365133661336713368133691337013371133721337313374133751337613377133781337913380133811338213383133841338513386133871338813389133901339113392133931339413395133961339713398133991340013401134021340313404134051340613407134081340913410134111341213413134141341513416134171341813419134201342113422134231342413425134261342713428134291343013431134321343313434134351343613437134381343913440134411344213443134441344513446134471344813449134501345113452134531345413455134561345713458134591346013461134621346313464134651346613467134681346913470134711347213473134741347513476134771347813479134801348113482134831348413485134861348713488134891349013491134921349313494134951349613497134981349913500135011350213503135041350513506135071350813509135101351113512135131351413515135161351713518135191352013521135221352313524135251352613527135281352913530135311353213533135341353513536135371353813539135401354113542135431354413545135461354713548135491355013551135521355313554135551355613557135581355913560135611356213563135641356513566135671356813569135701357113572135731357413575135761357713578135791358013581135821358313584135851358613587135881358913590135911359213593135941359513596135971359813599136001360113602136031360413605136061360713608136091361013611136121361313614136151361613617136181361913620136211362213623136241362513626136271362813629136301363113632136331363413635136361363713638136391364013641136421364313644136451364613647136481364913650136511365213653136541365513656136571365813659136601366113662136631366413665136661366713668136691367013671136721367313674136751367613677136781367913680136811368213683136841368513686136871368813689136901369113692136931369413695136961369713698136991370013701137021370313704137051370613707137081370913710137111371213713137141371513716137171371813719137201372113722137231372413725137261372713728137291373013731137321373313734137351373613737137381373913740137411374213743137441374513746137471374813749137501375113752137531375413755137561375713758137591376013761137621376313764137651376613767137681376913770137711377213773137741377513776137771377813779137801378113782137831378413785137861378713788137891379013791137921379313794137951379613797137981379913800138011380213803138041380513806138071380813809138101381113812138131381413815138161381713818138191382013821138221382313824138251382613827138281382913830138311383213833138341383513836138371383813839138401384113842138431384413845138461384713848138491385013851138521385313854138551385613857138581385913860138611386213863138641386513866138671386813869138701387113872138731387413875138761387713878138791388013881138821388313884138851388613887138881388913890138911389213893138941389513896138971389813899139001390113902139031390413905139061390713908139091391013911139121391313914139151391613917139181391913920139211392213923139241392513926139271392813929139301393113932139331393413935139361393713938139391394013941139421394313944139451394613947139481394913950139511395213953139541395513956139571395813959139601396113962139631396413965139661396713968139691397013971139721397313974139751397613977139781397913980139811398213983139841398513986139871398813989139901399113992139931399413995139961399713998139991400014001140021400314004140051400614007140081400914010140111401214013140141401514016140171401814019140201402114022140231402414025140261402714028140291403014031140321403314034140351403614037140381403914040140411404214043140441404514046140471404814049140501405114052140531405414055140561405714058140591406014061140621406314064140651406614067140681406914070140711407214073140741407514076140771407814079140801408114082140831408414085140861408714088140891409014091140921409314094140951409614097140981409914100141011410214103141041410514106141071410814109141101411114112141131411414115141161411714118141191412014121141221412314124141251412614127141281412914130141311413214133141341413514136141371413814139141401414114142141431414414145141461414714148141491415014151141521415314154141551415614157141581415914160141611416214163141641416514166141671416814169141701417114172141731417414175141761417714178141791418014181141821418314184141851418614187141881418914190141911419214193141941419514196141971419814199142001420114202142031420414205142061420714208142091421014211142121421314214142151421614217142181421914220142211422214223142241422514226142271422814229142301423114232142331423414235142361423714238142391424014241142421424314244142451424614247142481424914250142511425214253142541425514256142571425814259142601426114262142631426414265142661426714268142691427014271142721427314274142751427614277142781427914280142811428214283142841428514286142871428814289142901429114292142931429414295142961429714298142991430014301143021430314304143051430614307143081430914310143111431214313143141431514316143171431814319143201432114322143231432414325143261432714328143291433014331143321433314334143351433614337143381433914340143411434214343143441434514346143471434814349143501435114352143531435414355143561435714358143591436014361143621436314364143651436614367143681436914370143711437214373143741437514376143771437814379143801438114382143831438414385143861438714388143891439014391143921439314394143951439614397143981439914400144011440214403144041440514406144071440814409144101441114412144131441414415144161441714418144191442014421144221442314424144251442614427144281442914430144311443214433144341443514436144371443814439144401444114442144431444414445144461444714448144491445014451144521445314454144551445614457144581445914460144611446214463144641446514466144671446814469144701447114472144731447414475144761447714478144791448014481144821448314484144851448614487144881448914490144911449214493144941449514496144971449814499145001450114502145031450414505145061450714508145091451014511145121451314514145151451614517145181451914520145211452214523145241452514526145271452814529145301453114532145331453414535145361453714538145391454014541145421454314544145451454614547145481454914550145511455214553145541455514556145571455814559145601456114562145631456414565145661456714568145691457014571145721457314574145751457614577145781457914580145811458214583145841458514586145871458814589145901459114592145931459414595145961459714598145991460014601146021460314604146051460614607146081460914610146111461214613146141461514616146171461814619146201462114622146231462414625146261462714628146291463014631146321463314634146351463614637146381463914640146411464214643146441464514646146471464814649146501465114652146531465414655146561465714658146591466014661146621466314664146651466614667146681466914670146711467214673146741467514676146771467814679146801468114682146831468414685146861468714688146891469014691146921469314694146951469614697146981469914700147011470214703147041470514706147071470814709147101471114712147131471414715147161471714718147191472014721147221472314724147251472614727147281472914730147311473214733147341473514736147371473814739147401474114742147431474414745147461474714748147491475014751147521475314754147551475614757147581475914760147611476214763147641476514766147671476814769147701477114772147731477414775147761477714778147791478014781147821478314784147851478614787147881478914790147911479214793147941479514796147971479814799148001480114802148031480414805148061480714808148091481014811148121481314814148151481614817148181481914820148211482214823148241482514826148271482814829148301483114832148331483414835148361483714838148391484014841148421484314844148451484614847148481484914850148511485214853148541485514856148571485814859148601486114862148631486414865148661486714868148691487014871148721487314874148751487614877148781487914880148811488214883148841488514886148871488814889148901489114892148931489414895148961489714898148991490014901149021490314904149051490614907149081490914910149111491214913149141491514916149171491814919149201492114922149231492414925149261492714928149291493014931149321493314934149351493614937149381493914940149411494214943149441494514946149471494814949149501495114952149531495414955149561495714958149591496014961149621496314964149651496614967149681496914970149711497214973149741497514976149771497814979149801498114982149831498414985149861498714988149891499014991149921499314994149951499614997149981499915000150011500215003150041500515006150071500815009150101501115012150131501415015150161501715018150191502015021150221502315024150251502615027150281502915030150311503215033150341503515036150371503815039150401504115042150431504415045150461504715048150491505015051150521505315054150551505615057150581505915060150611506215063150641506515066150671506815069150701507115072150731507415075150761507715078150791508015081150821508315084150851508615087150881508915090150911509215093150941509515096150971509815099151001510115102151031510415105151061510715108151091511015111151121511315114151151511615117151181511915120151211512215123151241512515126151271512815129151301513115132151331513415135151361513715138151391514015141151421514315144151451514615147151481514915150151511515215153151541515515156151571515815159151601516115162151631516415165151661516715168151691517015171151721517315174151751517615177151781517915180151811518215183151841518515186151871518815189151901519115192151931519415195151961519715198151991520015201152021520315204152051520615207152081520915210152111521215213152141521515216152171521815219152201522115222152231522415225152261522715228152291523015231152321523315234152351523615237152381523915240152411524215243152441524515246152471524815249152501525115252152531525415255152561525715258152591526015261152621526315264152651526615267152681526915270152711527215273152741527515276152771527815279152801528115282152831528415285152861528715288152891529015291152921529315294152951529615297152981529915300153011530215303153041530515306153071530815309153101531115312153131531415315153161531715318153191532015321153221532315324153251532615327153281532915330153311533215333153341533515336153371533815339153401534115342153431534415345153461534715348153491535015351153521535315354153551535615357153581535915360153611536215363153641536515366153671536815369153701537115372153731537415375153761537715378153791538015381153821538315384153851538615387153881538915390153911539215393153941539515396153971539815399154001540115402154031540415405154061540715408154091541015411154121541315414154151541615417154181541915420154211542215423154241542515426154271542815429154301543115432154331543415435154361543715438154391544015441154421544315444154451544615447154481544915450154511545215453154541545515456154571545815459154601546115462154631546415465154661546715468154691547015471154721547315474154751547615477154781547915480154811548215483154841548515486154871548815489154901549115492154931549415495154961549715498154991550015501155021550315504155051550615507155081550915510155111551215513155141551515516155171551815519155201552115522155231552415525155261552715528155291553015531155321553315534155351553615537155381553915540155411554215543155441554515546155471554815549155501555115552155531555415555155561555715558155591556015561155621556315564155651556615567155681556915570155711557215573155741557515576155771557815579155801558115582155831558415585155861558715588155891559015591155921559315594155951559615597155981559915600156011560215603156041560515606156071560815609156101561115612156131561415615156161561715618156191562015621156221562315624156251562615627156281562915630156311563215633156341563515636156371563815639156401564115642156431564415645156461564715648156491565015651156521565315654156551565615657156581565915660156611566215663156641566515666
  1. @charset "utf-8";
  2. @import url("./ly.css");
  3. @font-face {
  4. font-family: 'NumberFont';
  5. src: url('/static/index/font/poppins/Poppins-Bold.woff') format('woff'),
  6. url('/static/index/font/poppins/Poppins-Medium.woff') format('woff'),
  7. url('/static/index/font/poppins/Poppins-Regular.woff') format('woff');
  8. unicode-range: U+30-39; /* 只针对数字0-9 */
  9. }
  10. @font-face {
  11. font-family: 'syht';
  12. src: url('/static/index/font/syht/SourceHanSansSC-Bold-2.woff') format('woff'),
  13. url('/static/index/font/syht/SourceHanSansSC-Medium-2.woff') format('woff'),
  14. url('/static/index/font/syht/SourceHanSansSC-Regular-2.woff') format('woff');
  15. }
  16. body {font-family: 'syht', 'Poppins', sans-serif;}
  17. @media (min-width: 1300px) {
  18. .container {
  19. width: 1300px;
  20. }
  21. .table-responsive {
  22. overflow-x: visible;
  23. }
  24. }
  25. /*根据bootstrap popover框 自定义popover框*/
  26. .popover1 {
  27. position: absolute;
  28. top: calc(100% + 9px);
  29. left: 50%;
  30. transform: translateX(-50%);
  31. z-index: 1060;
  32. display: none;
  33. max-width: 300px;
  34. padding: 1px;
  35. text-align: left;
  36. background-color: #fff;
  37. border: 1px solid #ccc;
  38. border-radius: 6px;
  39. box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
  40. border: 1px solid rgba(0, 0, 0, .2);
  41. }
  42. .popover1.bottom>.arrow {
  43. top: -11px;
  44. left: 50%;
  45. margin-left: -11px;
  46. border-top-width: 0;
  47. border-bottom-color: #999;
  48. border-bottom-color: rgba(0, 0, 0, .25);
  49. }
  50. .popover1>.arrow {
  51. border-width: 11px;
  52. }
  53. .popover1>.arrow,
  54. .popover1>.arrow:after {
  55. position: absolute;
  56. display: block;
  57. width: 0;
  58. height: 0;
  59. border-color: transparent;
  60. border-style: solid;
  61. }
  62. .popover1.bottom>.arrow:after {
  63. top: 1px;
  64. margin-left: -10px;
  65. content: " ";
  66. border-top-width: 0;
  67. border-bottom-color: #fff;
  68. }
  69. .popover1>.arrow:after {
  70. content: "";
  71. border-width: 10px;
  72. }
  73. .popover1>.arrow,
  74. .popover1>.arrow:after {
  75. position: absolute;
  76. display: block;
  77. width: 0;
  78. height: 0;
  79. border-color: transparent;
  80. border-style: solid;
  81. }
  82. .ms-badge {
  83. background-color: #f4242e;
  84. width: 16px;
  85. height: 16px;
  86. line-height: 16px;
  87. display: inline-block;
  88. color: #fff;
  89. border-radius: 50%;
  90. font-size: 12px;
  91. text-align: center;
  92. position: relative;
  93. top: -12px;
  94. left: 0;
  95. display: none;
  96. }
  97. .ms-badge:empty {
  98. display: none;
  99. }
  100. /*bootstrap分页*/
  101. .pagination {
  102. margin: 30px 0 5px;
  103. }
  104. /*缩略图*/
  105. .ms-thumbnail {
  106. display: block;
  107. }
  108. .ms-thumbnail img {
  109. margin: 0 auto 20px;
  110. display: block;
  111. }
  112. .ms-thumbnail .ms-caption {
  113. padding: 0 25px;
  114. text-align: center;
  115. }
  116. .ms-thumbnail .ms-caption .tit {
  117. font-size: 18px;
  118. color: #333;
  119. margin-bottom: 10px;
  120. }
  121. .ms-thumbnail .ms-caption p {
  122. color: #848484;
  123. }
  124. /*/缩略图*/
  125. /*复制功能*/
  126. .copy {
  127. cursor: pointer;
  128. margin-left: 5px;
  129. color: #157df1;
  130. }
  131. /*/复制功能*/
  132. /*上传图标*/
  133. .new-upload-icon {
  134. position: relative;
  135. border: 1px solid #ddd;
  136. height: 100px;
  137. width: 100px;
  138. /*border-radius: 15px;*/
  139. background: url("../image/icon-10.png") no-repeat center 23px;
  140. overflow: hidden;
  141. margin-left: 15px;
  142. }
  143. .new-upload-icon img {
  144. position: absolute;
  145. left: 0;
  146. top: 0;
  147. width: 100%;
  148. height: 100%;
  149. /*border-radius: 15px;*/
  150. background-color: #fff;
  151. /*border: 1px solid #e5e5e5;*/
  152. }
  153. .new-upload-icon input[type=file] {
  154. position: absolute;
  155. z-index: 2;
  156. width: 100%;
  157. height: 100%;
  158. opacity: 0;
  159. cursor: pointer;
  160. }
  161. .new-upload-icon .text {
  162. text-align: center;
  163. margin-top: 60px;
  164. font-size: 14px;
  165. font-weight: 600;
  166. color: #999;
  167. }
  168. .new-upload-icon .ongoing {
  169. position: absolute;
  170. left: 0;
  171. top: 0;
  172. background: rgba(0, 0, 0, .5);
  173. width: 100%;
  174. height: 100%;
  175. color: #fff;
  176. display: flex;
  177. justify-content: center;
  178. align-items: center;
  179. font-size: 12px;
  180. display: none;
  181. }
  182. .new-upload-icon.uploading .ongoing {
  183. display: flex;
  184. }
  185. .new-upload-icon .reset {
  186. position: absolute;
  187. left: 0;
  188. bottom: 0;
  189. height: 20px;
  190. line-height: 20px;
  191. background: rgba(0, 0, 0, .5);
  192. width: 100%;
  193. color: #fff;
  194. text-align: center;
  195. font-size: 12px;
  196. display: none;
  197. }
  198. .new-upload-icon .reset {
  199. display: none;
  200. }
  201. .new-upload-icon.uploaded .reset {
  202. display: none;
  203. }
  204. .new-upload-icon.uploaded:hover .reset {
  205. display: block;
  206. }
  207. /*上传图标*/
  208. /*上传图片*/
  209. /*上传图片*/
  210. /*输入框搜索*/
  211. .input-search {
  212. position: relative;
  213. }
  214. .input-search .iconfont {
  215. position: absolute;
  216. right: 10px;
  217. top: 50%;
  218. transform: translateY(-50%);
  219. font-size: 16px;
  220. cursor: pointer;
  221. color: #157df1;
  222. }
  223. .input-search input {
  224. width: 195px;
  225. height: 34px;
  226. line-height: 30px;
  227. border: 1px solid #e5e5e5;
  228. padding-left: 10px;
  229. background-color: #fff;
  230. color: #666;
  231. border-radius: 3px;
  232. font-size: 13px;
  233. }
  234. .input-search input::-webkit-input-placeholder {
  235. color: #666 !important;
  236. font-size: 13px;
  237. }
  238. .input-search input::-moz-placeholder {
  239. color: #666 !important;
  240. font-size: 13px;
  241. }
  242. .input-search input::-ms-input-placeholder {
  243. color: #666 !important;
  244. font-size: 13px;
  245. }
  246. /*APP iOS Android 下拉*/
  247. .app-system-select {
  248. position: relative;
  249. width: 150px;
  250. height: 34px;
  251. line-height: 28px;
  252. padding-left: 10px;
  253. border: 1px solid #e5e5e5;
  254. border-radius: 3px;
  255. background-color: #fff;
  256. cursor: pointer;
  257. color: #666;
  258. margin-right: 10px;
  259. font-size: 13px;
  260. }
  261. .app-system-select .iconfont {
  262. position: absolute;
  263. right: 7px;
  264. font-size: 14px;
  265. height: auto;
  266. color: #999;
  267. }
  268. .app-system-select ul {
  269. position: absolute;
  270. top: calc(100% + 1px);
  271. left: 0;
  272. background-color: #fff;
  273. width: 100px;
  274. padding: 10px;
  275. box-shadow: 0 0 5px rgba(0, 0, 0, .1);
  276. z-index: 3;
  277. line-height: 30px;
  278. display: none;
  279. }
  280. .app-system-select ul li {
  281. cursor: pointer;
  282. }
  283. .app-system-select ul li.active {
  284. color: #157df1;
  285. }
  286. .app-system-select ul li:hover {
  287. color: #157df1;
  288. }
  289. .blue-line {
  290. width: 35px;
  291. height: 2px;
  292. background-color: #157df1;
  293. margin: 13px 0;
  294. }
  295. .crumbs {
  296. padding: 20px 0 30px;
  297. color: rgba(143, 149, 159, 1);
  298. font-size: 16px;
  299. line-height: 35px;
  300. font-family: Source Han Sans SC;
  301. }
  302. .crumbs a {
  303. color: rgba(21, 21, 21, 1);
  304. font-weight: 500;
  305. }
  306. .crumbs span {
  307. margin: 0 10px;
  308. color: rgba(21, 21, 21, 1);
  309. }
  310. .warn-prompt {
  311. background-color: #fff5e7;
  312. padding: 8px 20px;
  313. border: 1px solid #feebcd;
  314. margin-top: 10px;
  315. font-size: 12px;
  316. }
  317. .warn-prompt .iconfont {
  318. color: #fd9823;
  319. margin-right: 5px;
  320. font-size: 13px;
  321. }
  322. .ie-prompt {
  323. display: none;
  324. }
  325. .ie-prompt-360 {
  326. display: none;
  327. }
  328. .warn-prompt-1 {
  329. margin-top: 10px;
  330. margin-bottom: 30px;
  331. }
  332. .warn-prompt-12 {
  333. margin-top: 10px;
  334. margin-bottom: 30px;
  335. }
  336. .warn-prompt-1 dt {
  337. font-size: 12px;
  338. }
  339. .warn-prompt-1 dd {
  340. margin-left: 40px;
  341. font-size: 12px;
  342. }
  343. .input-text {
  344. position: relative;
  345. }
  346. .input-text .error1 {
  347. position: absolute;
  348. top: 100%;
  349. left: 0;
  350. color: #fd641d;
  351. display: none;
  352. font-size: 12px;
  353. }
  354. .input-text.form-error .error1 {
  355. display: block;
  356. }
  357. .popover {
  358. font-size: 12px;
  359. max-width: 335px;
  360. }
  361. header {
  362. box-shadow: 0 2px 5px rgba(0, 0, 0, .05);
  363. position: relative;
  364. z-index: 2;
  365. background: #326dfa;
  366. background: url("../image/nav_bg.png") no-repeat center;
  367. background-size: cover;
  368. height: 74px;
  369. }
  370. .header {
  371. /*padding: 10px 0;*/
  372. position: relative;
  373. }
  374. .header .header-left img.hidden-xs {
  375. width: 162px;
  376. height: 47px;
  377. display: block;
  378. }
  379. .header .nav-logo {
  380. margin-top: 14px;
  381. }
  382. .header .ms-nav {
  383. margin: 26px 0 0 35px;
  384. }
  385. .header .ms-nav>li {
  386. float: left;
  387. margin: 0 10px;
  388. }
  389. @media (min-width: 1200px) {
  390. .header .ms-nav>li>a {
  391. padding: 0 10px 5px;
  392. border-bottom: 2px solid transparent;
  393. color: #fff;
  394. }
  395. .header .ms-nav>li.active>a {
  396. border-bottom: 2px solid #f2f2f5;
  397. color: #f2f2f5;
  398. }
  399. .header .ms-nav>li:hover>a {
  400. border-bottom: 2px solid #157df1;
  401. }
  402. }
  403. .header .login {
  404. margin-top: 18px;
  405. }
  406. .header .login li {
  407. float: left;
  408. }
  409. /*增加文档二级导航*/
  410. .header .doc-nav {
  411. position: relative;
  412. padding-bottom: 5px;
  413. }
  414. .header .ms-nav>li .doc-nav>a {
  415. padding: 0 10px 5px;
  416. border-bottom: 2px solid transparent;
  417. color: #333;
  418. }
  419. .header .ms-nav>li.active .doc-nav>a {
  420. border-bottom: 2px solid #157df1;
  421. color: #157df1;
  422. }
  423. .header .ms-nav>li:hover .doc-nav>a {
  424. border-bottom: 2px solid #157df1;
  425. }
  426. .header .top-doc {
  427. position: absolute;
  428. top: calc(100%);
  429. left: 50%;
  430. z-index: 1000;
  431. width: 140px;
  432. transform: translateX(-50%);
  433. padding-top: 15px;
  434. display: none;
  435. }
  436. .header .top-doc dl {
  437. background-color: #fff;
  438. border: 1px solid #e5e5e5;
  439. border-radius: 3px;
  440. padding-top: 15px;
  441. }
  442. .header .top-doc dl dd {
  443. margin-bottom: 15px;
  444. }
  445. .header .top-doc a {
  446. color: #666;
  447. text-align: center;
  448. display: block;
  449. }
  450. .header .top-doc a.active {
  451. color: #157df1;
  452. }
  453. .header .top-doc a:hover {
  454. color: #157df1;
  455. }
  456. .header .ms-nav>li:hover .doc-nav:hover .top-doc {
  457. display: block;
  458. }
  459. /*/增加文档二级导航*/
  460. /*login-in*/
  461. .login-in {
  462. position: absolute;
  463. right: 0;
  464. top: 0;
  465. height: 100%;
  466. }
  467. .login-in .login-user {
  468. cursor: pointer;
  469. padding-top: 24px;
  470. height: 100%;
  471. }
  472. .login-in .login-user .certified {
  473. color: #157df1;
  474. }
  475. .login-in .name-certified {
  476. color: #348dee;
  477. margin-right: 10px;
  478. padding-top: 25px;
  479. }
  480. .login-in .icon-arrow-bottom {
  481. color: #c1c5cc;
  482. font-size: 14px;
  483. margin-left: 5px;
  484. }
  485. .login-in .login-user dl {
  486. background-color: #fff;
  487. border-radius: 3px;
  488. border: 1px solid #e5e5e5;
  489. position: absolute;
  490. top: 50px;
  491. right: 0;
  492. z-index: 10;
  493. display: none;
  494. width: 115px;
  495. box-shadow: 0 5px 10px rgba(21, 125, 241, .1);
  496. }
  497. .login-in .login-user:hover dl {
  498. display: block;
  499. }
  500. .login-in .login-user dl dt {
  501. padding: 15px 0;
  502. margin-top: 10px;
  503. border-top: 1px solid #e5e5e5;
  504. color: #666;
  505. text-align: center;
  506. }
  507. .login-in .login-user dl dt a:hover {
  508. color: #157df1;
  509. }
  510. .login-in .login-user dl dt .icon-sign-out {
  511. margin-right: 3px;
  512. color: #666;
  513. position: relative;
  514. top: 1px;
  515. }
  516. .login-in .login-user dl dt a:hover .icon-sign-out {
  517. color: #157df1;
  518. }
  519. .login-in .login-user dl dd {
  520. margin-top: 10px;
  521. text-align: center;
  522. }
  523. .login-in .login-user dl dd a {
  524. color: #666;
  525. }
  526. .login-in .login-user dl dd a:hover {
  527. color: #157df1;
  528. }
  529. /*通知中心*/
  530. .header .login-in .notification {
  531. padding-top: 22px;
  532. margin-right: 2px;
  533. position: relative;
  534. cursor: pointer;
  535. }
  536. .header .login-in .notification .icon-msg {
  537. font-size: 20px;
  538. color: #157df1
  539. }
  540. .header .login-in .notification .ms-badge {
  541. left: -7px
  542. }
  543. .header .login-in .n-drop-down {
  544. width: 130px;
  545. z-index: 10;
  546. position: absolute;
  547. left: -51px;
  548. top: 100%;
  549. padding-top: 16px;
  550. display: none
  551. }
  552. .header .login-in .n-drop-down .n-con {
  553. background-color: #fff;
  554. box-shadow: 0 3px 10px rgba(193, 220, 251, .7)
  555. }
  556. .header .login-in .n-drop-down .n-con .no {
  557. text-align: center;
  558. color: #333;
  559. padding: 50px 0
  560. }
  561. .header .login-in .n-drop-down .n-con .no .icon-lingdang {
  562. color: #157df1;
  563. font-size: 30px
  564. }
  565. .header .login-in .n-drop-down .n-con .yes {
  566. max-height: 330px;
  567. padding: 15px
  568. }
  569. .header .login-in .n-drop-down .n-con .y-tit {
  570. color: #666;
  571. margin-bottom: 10px
  572. }
  573. .header .login-in .n-drop-down .n-con .msg-list {
  574. max-height: 260px;
  575. overflow-y: auto
  576. }
  577. .header .login-in .n-drop-down .n-con .msg-list li {
  578. margin-bottom: 10px
  579. }
  580. .header .login-in .n-drop-down .icon-unread {
  581. color: #fed735
  582. }
  583. .header .login-in .n-drop-down .icon-read {
  584. color: #999;
  585. font-size: 20px;
  586. position: relative;
  587. top: -2px
  588. }
  589. .header .login-in .n-drop-down .m-right {
  590. margin-left: 25px;
  591. font-size: 12px
  592. }
  593. .header .login-in .n-drop-down .m-right dt {
  594. margin-bottom: 5px;
  595. line-height: 20px
  596. }
  597. .header .login-in .n-drop-down .m-right dt a {
  598. color: #999
  599. }
  600. .header .login-in .n-drop-down .m-right.bold dt a {
  601. font-weight: 600;
  602. color: #333
  603. }
  604. .header .login-in .n-drop-down .m-right.bold dd {
  605. font-weight: 400
  606. }
  607. .header .login-in .n-drop-down .m-right dd .m-details {
  608. color: #157df1
  609. }
  610. .header .login-in .n-drop-down .m-right dd .m-time {
  611. color: #999
  612. }
  613. .header .login-in .n-drop-down .n-con .m-more {
  614. border-top: 1px solid #e6e6e6;
  615. color: #157df1;
  616. display: block;
  617. text-align: center;
  618. padding: 15px 0
  619. }
  620. .header .login-in .notification:hover .n-drop-down {
  621. display: block
  622. }
  623. /*/通知中心*/
  624. /*/login-in*/
  625. .paging {
  626. text-align: center;
  627. margin: 30px 0 5px;
  628. }
  629. .paging input[type=text] {
  630. width: 34px;
  631. display: inline-block;
  632. vertical-align: middle;
  633. }
  634. .paging .color-333 {
  635. padding: 6px 0;
  636. }
  637. .help {
  638. text-align: left;
  639. padding: 70px 0 55px;
  640. }
  641. .help .tit {
  642. font-size: 36px;
  643. color: #157df1;
  644. text-align: center;
  645. margin-bottom: 60px;
  646. }
  647. .help dl {
  648. margin-bottom: 15px;
  649. color: #333;
  650. }
  651. .help dt {
  652. line-height: 30px;
  653. font-weight: 600;
  654. }
  655. .help dd {
  656. line-height: 30px;
  657. }
  658. .help dl .left {
  659. float: left;
  660. }
  661. .help dl .right {
  662. margin-left: 40px;
  663. /*width: 75%;*/
  664. display: block;
  665. }
  666. .help1 {
  667. padding: 50px 0 40px;
  668. }
  669. .help1 .tit {
  670. font-size: 32px;
  671. color: #333;
  672. margin-bottom: 5px;
  673. }
  674. .help1 .blue-line {
  675. margin: 0 auto 30px;
  676. }
  677. /*----------index-----------*/
  678. /*banner*/
  679. .index-banner .swiper-container {
  680. width: 100%;
  681. height: 100%;
  682. }
  683. .index-banner .swiper-slide {
  684. overflow: hidden;
  685. display: -webkit-box;
  686. display: -ms-flexbox;
  687. display: -webkit-flex;
  688. display: flex;
  689. -webkit-box-pack: center;
  690. -ms-flex-pack: center;
  691. -webkit-justify-content: center;
  692. justify-content: center;
  693. -webkit-box-align: center;
  694. -ms-flex-align: center;
  695. -webkit-align-items: center;
  696. align-items: center;
  697. width: 100%;
  698. }
  699. .index-banner .swiper-slide>a {
  700. display: block;
  701. height: 430px;
  702. width: 100%;
  703. }
  704. /*自定义swiper分页按钮*/
  705. .index-banner .swiper-pagination-bullet {
  706. width: 40px;
  707. height: 4px;
  708. display: inline-block;
  709. border-radius: 0;
  710. background-color: #fff;
  711. opacity: .4;
  712. }
  713. .index-banner .swiper-pagination-bullet-active {
  714. opacity: 1;
  715. }
  716. .index-banner .swiper-container-horizontal>.swiper-pagination-bullets {
  717. bottom: 20px;
  718. }
  719. .index-banner .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
  720. margin: 0 5px;
  721. }
  722. .index-banner .banner-con {
  723. color: #fff;
  724. }
  725. .index-banner .banner-con .h1 {
  726. font-size: 32px;
  727. font-weight: 600;
  728. }
  729. .index-banner .banner-con .h2 {
  730. font-size: 18px;
  731. line-height: 30px;
  732. margin-bottom: 20px;
  733. }
  734. .index-banner .banner-con .ms-btn {
  735. border-color: #fff;
  736. width: 110px;
  737. color: #fff;
  738. font-size: 16px;
  739. }
  740. .index-banner .banner-con.con1 {
  741. padding: 95px 0 0 40px;
  742. }
  743. .index-banner .banner-con.con1 .h1 {
  744. margin-bottom: 20px;
  745. }
  746. .index-banner .banner-con.con1 span {
  747. margin-left: 45px;
  748. }
  749. .index-banner .banner-con.con1 i {
  750. font-size: 22px;
  751. }
  752. .index-banner .banner-con.con2 {
  753. padding: 110px 0 0 90px;
  754. }
  755. .index-banner .banner-con.con2 .h1 {
  756. margin-bottom: 10px;
  757. }
  758. .index-banner .banner-con.con3 {
  759. text-align: center;
  760. padding-top: 75px;
  761. }
  762. .index-banner .banner-con.con3 .h1 {
  763. margin-bottom: 20px;
  764. }
  765. .index-banner .banner-con.con4 {
  766. padding: 100px 0 0 40px;
  767. }
  768. .index-banner .banner-con.con4 .h1 {
  769. margin-bottom: 20px;
  770. }
  771. /*/banner*/
  772. /*publicity*/
  773. .publicity-wrap {
  774. background-color: #f5f9fe;
  775. }
  776. .publicity li {
  777. background-color: #f5f9fe;
  778. padding: 18px 30px 0;
  779. height: 95px;
  780. float: left;
  781. width: 33.333333%;
  782. border-left: 1px solid #e5e5e5;
  783. }
  784. .publicity li>a>div {
  785. float: none;
  786. display: table-cell;
  787. vertical-align: top;
  788. }
  789. .publicity li:first-of-type {
  790. border-left-color: transparent;
  791. }
  792. .publicity li:hover {
  793. background-color: #fff;
  794. }
  795. .publicity li .p-right {
  796. padding-left: 15px;
  797. }
  798. .publicity li .tit {
  799. font-size: 18px;
  800. color: #333;
  801. margin-bottom: 3px;
  802. }
  803. .publicity li .blue-line {
  804. margin: 0 0 10px;
  805. display: none;
  806. }
  807. .publicity li p {
  808. font-size: 12px;
  809. }
  810. .publicity li:hover .tit {
  811. color: #157df1;
  812. }
  813. .publicity li:hover p {
  814. color: #157df1;
  815. }
  816. /*/publicity*/
  817. /*网站封装APP*/
  818. .index-common {
  819. text-align: center;
  820. padding: 80px 0;
  821. }
  822. .index-common>h1 {
  823. color: #157df1;
  824. margin-bottom: 20px;
  825. }
  826. .index-common>h4 {
  827. color: #666;
  828. margin-bottom: 60px;
  829. }
  830. .index-encapsulation .e-list {
  831. margin-bottom: 50px;
  832. }
  833. .index-encapsulation .e-list li {
  834. width: 20%;
  835. float: left;
  836. }
  837. .index-encapsulation .ms-thumbnail img {
  838. margin-bottom: 15px;
  839. }
  840. /*/网站封装APP*/
  841. /*企业签名*/
  842. .index-signature-wrap {
  843. background: url("../image/index-bg-1.jpg") no-repeat center;
  844. height: 660px;
  845. }
  846. .index-signature>h1 {
  847. color: #fff;
  848. }
  849. .index-signature>h4 {
  850. color: #fff;
  851. }
  852. .index-signature .row {
  853. padding: 0 50px;
  854. margin: 0 -10px 40px;
  855. }
  856. .index-signature .row .col-sm-6 {
  857. padding: 0 10px;
  858. margin-bottom: 20px;
  859. }
  860. .index-signature .row .con {
  861. background-color: #fff;
  862. padding: 0 20px;
  863. }
  864. .index-signature .row .con>* {
  865. display: table-cell;
  866. vertical-align: middle;
  867. float: none;
  868. height: 120px;
  869. }
  870. .index-signature .row .con dl {
  871. text-align: left;
  872. padding-left: 15px;
  873. }
  874. .index-signature .row .con dl dt {
  875. color: #333;
  876. font-size: 18px;
  877. margin-bottom: 5px;
  878. }
  879. .index-signature .more {
  880. border: 1px solid #fff;
  881. color: #fff;
  882. }
  883. .index-signature .more:hover {
  884. background-color: #fff;
  885. color: #157df1;
  886. }
  887. /*/企业签名*/
  888. /*内测分发*/
  889. .index-releas>h4 {
  890. margin-bottom: 50px;
  891. }
  892. .index-releas .row {
  893. margin-bottom: 50px;
  894. }
  895. .index-releas .ms-thumbnail img {
  896. margin-bottom: 10px;
  897. }
  898. /*/内测分发*/
  899. /*功能累计数*/
  900. .cumulative-wrap {
  901. background: url("../image/index-bg-2.jpg") no-repeat center;
  902. height: 300px;
  903. }
  904. .index-cumulative {
  905. padding: 70px 0;
  906. }
  907. .index-cumulative>h1 {
  908. color: #fff;
  909. margin-bottom: 50px;
  910. }
  911. .index-cumulative .num {
  912. font-size: 36px;
  913. color: #fff;
  914. margin-bottom: 5px;
  915. }
  916. .index-cumulative .text {
  917. color: #fff;
  918. }
  919. /*/功能累计数*/
  920. /*合作伙伴*/
  921. .index-partners {
  922. padding: 80px 60px 60px;
  923. }
  924. .index-partners>h1 {
  925. margin-bottom: 60px;
  926. }
  927. .index-partners .con {
  928. position: relative;
  929. border: 1px solid #e5e5e5;
  930. }
  931. .index-partners ul li {
  932. float: left;
  933. width: 20%;
  934. padding: 0 10px;
  935. margin-bottom: 20px;
  936. }
  937. .index-partners .con p {
  938. position: absolute;
  939. left: 0;
  940. top: 0;
  941. width: 100%;
  942. height: 100%;
  943. background-color: #fff;
  944. color: #333;
  945. padding: 10px;
  946. display: flex;
  947. align-items: center;
  948. cursor: pointer;
  949. display: none;
  950. }
  951. .index-partners .con:hover p {
  952. display: flex;
  953. }
  954. /*/合作伙伴*/
  955. /*footer*/
  956. footer {
  957. background-color: #2e3033;
  958. padding: 60px 0;
  959. }
  960. .footer .left dl {
  961. margin-right: 160px;
  962. }
  963. .footer .left dl:last-of-type {
  964. margin-right: 100px;
  965. }
  966. .footer .left dt {
  967. color: #fff;
  968. font-size: 18px;
  969. margin-bottom: 20px;
  970. }
  971. .footer .left dd {
  972. margin-bottom: 10px;
  973. color: #fff;
  974. font-size: 12px;
  975. }
  976. .footer .left dd.line {
  977. background-color: #fff;
  978. width: 16px;
  979. height: 2px;
  980. margin-bottom: 15px;
  981. }
  982. .footer .left dd a {
  983. color: #fff;
  984. font-size: 12px;
  985. }
  986. .footer .left dd a:hover {
  987. text-decoration: underline;
  988. }
  989. .footer .right a {
  990. display: block;
  991. }
  992. .footer .right a img {
  993. width: 110px;
  994. height: 60px;
  995. }
  996. .footer .right .wechat {
  997. padding: 5px;
  998. background-color: #fff;
  999. margin: 10px 0;
  1000. width: 95px;
  1001. height: 95px;
  1002. overflow: hidden;
  1003. }
  1004. .footer .right .wechat img {
  1005. width: 85px;
  1006. height: 85px;
  1007. }
  1008. .footer .right p {
  1009. font-size: 13.5px;
  1010. color: #fff;
  1011. text-align: right;
  1012. }
  1013. .footer .record {
  1014. text-align: center;
  1015. color: #fff;
  1016. margin-top: 20px;
  1017. }
  1018. /*/footer*/
  1019. /*----------index-----------*/
  1020. /*----------登录-----------*/
  1021. .login-common {
  1022. border: 1px solid #e5e5e5;
  1023. padding: 50px 72px;
  1024. margin: 80px auto;
  1025. box-shadow: 0px 0px 20px rgba(96, 104, 120, 0.1);
  1026. background: rgba(255, 255, 255, 1);
  1027. width: 540px;
  1028. min-height: 520px;
  1029. border-radius: 20px;
  1030. border: unset;
  1031. }
  1032. .login-common .help-block {
  1033. position: absolute;
  1034. top: 100%;
  1035. display: none;
  1036. }
  1037. .login-common .has-error .help-block {
  1038. display: block;
  1039. }
  1040. .login-common .input-lg {
  1041. font-size: 16px;
  1042. }
  1043. .login-common .tit {
  1044. margin-bottom: 60px;
  1045. color: rgba(21, 21, 21, 1);
  1046. font-family: Source Han Sans SC;
  1047. font-weight: 700;
  1048. font-size: 24px;
  1049. line-height: 39px;
  1050. }
  1051. .login-common .tit>div {
  1052. margin-bottom: 0px;
  1053. }
  1054. .login-common .form-group {
  1055. position: relative;
  1056. margin-bottom: 20px;
  1057. }
  1058. .login-common .form-group label {
  1059. position: absolute;
  1060. left: 12px;
  1061. top: 50%;
  1062. transform: translateY(-50%);
  1063. display: none;
  1064. }
  1065. .login-common .form-group .form-control {
  1066. /* padding-left: 40px; */
  1067. border-radius: 0;
  1068. background: rgba(255, 255, 255, 1);
  1069. width: 396px;
  1070. height: 41px;
  1071. border: unset;
  1072. border-bottom: 1px solid rgba(222, 226, 236, 1);
  1073. box-shadow: unset;
  1074. font-family: Source Han Sans SC;
  1075. font-weight: 400;
  1076. font-size: 16px;
  1077. }
  1078. .login-common .btn-action {
  1079. display: flex;
  1080. justify-content: space-between;
  1081. margin-bottom: 50px;
  1082. }
  1083. .login-common .btn-action a {
  1084. color: rgba(33, 104, 251, 1);
  1085. font-family: Source Han Sans SC;
  1086. font-weight: 500;
  1087. font-size: 16px;
  1088. line-height: 24px;
  1089. }
  1090. .login-common .form-group .icon-tel {
  1091. font-size: 22px;
  1092. }
  1093. .login-common .form-group .icon-pwd {
  1094. font-size: 18px;
  1095. }
  1096. .login-common .checkbox {
  1097. margin: 0;
  1098. color: rgba(143, 149, 159, 1);
  1099. font-family: Source Han Sans SC;
  1100. font-weight: 500;
  1101. font-size: 16px;
  1102. line-height: 20px;
  1103. margin-bottom: 30px;
  1104. margin-top: 30px;
  1105. }
  1106. .login-common .checkbox input {
  1107. margin-left: 0;
  1108. }
  1109. .login-common .checkbox span {
  1110. margin-left: 20px;
  1111. color: rgba(143, 149, 159, 1);
  1112. font-family: Source Han Sans SC;
  1113. font-weight: 500;
  1114. font-size: 16px;
  1115. line-height: 20px;
  1116. margin-top: 30px;
  1117. margin-bottom: 30px;
  1118. }
  1119. .login-common .ms-btn-primary {
  1120. width: 100%;
  1121. font-size: 14px;
  1122. }
  1123. .login-common .login-logo {
  1124. margin-bottom: 20px;
  1125. }
  1126. .login-common .registered-logo {
  1127. margin-bottom: 30px;
  1128. }
  1129. .login-common .login-logo img {
  1130. margin: 0 auto;
  1131. }
  1132. .login-common .login-logo .slogan-wrap {
  1133. text-align: center;
  1134. margin-top: 15px;
  1135. }
  1136. .login-common .login-logo .slogan {
  1137. display: inline-block;
  1138. }
  1139. .login-common .login-logo .slogan .text {
  1140. margin: 0 7px;
  1141. color: #999;
  1142. }
  1143. /*----------/登录-----------*/
  1144. .register-common .btn-register,
  1145. .login-common .btn-login {
  1146. width: 396px;
  1147. height: 48px;
  1148. border-radius: 4.2px;
  1149. background: rgba(33, 104, 251, 1);
  1150. color: #fff;
  1151. line-height: 48px;
  1152. text-align: center;
  1153. padding: 0;
  1154. }
  1155. .login-common .to-register,
  1156. .login-common .to-login {
  1157. text-align: center;
  1158. display: flex;
  1159. justify-content: center;
  1160. margin-top: 30px;
  1161. }
  1162. .login-common .to-register a,
  1163. .login-common .to-login a {
  1164. color: rgba(33, 104, 251, 1);
  1165. }
  1166. #sendcode {
  1167. width: 118px;
  1168. height: 44px;
  1169. border-radius: 4px;
  1170. border-bottom: 1px solid rgba(222, 226, 236, 1);
  1171. background-color: rgba(33, 104, 251, 1);
  1172. }
  1173. .login-common #loginValid_code font {
  1174. font-size: 20px;
  1175. }
  1176. /*----------注册-----------*/
  1177. .register-common {
  1178. height: 617px;
  1179. }
  1180. .register-common .tit {
  1181. margin-bottom: 38px;
  1182. }
  1183. .register-common .form-group label {
  1184. display: block;
  1185. }
  1186. .register-common .form-group .form-control {
  1187. padding-left: 40px;
  1188. }
  1189. .login-common .btn-register a {
  1190. color: rgba(33, 104, 251, 1);
  1191. }
  1192. .login-common .form-group .icon-user {
  1193. font-size: 20px;
  1194. }
  1195. .login-common .form-group .icon-email {
  1196. font-size: 20px;
  1197. top: 55%;
  1198. }
  1199. .login-common .verification-code .form-control {
  1200. width: 66%;
  1201. }
  1202. .login-common .verification-code .ms-btn-primary {
  1203. width: 27%;
  1204. margin-top: 0;
  1205. }
  1206. /*----------/注册-----------*/
  1207. /*----------实名认证-----------*/
  1208. .real-name-wrap {
  1209. background-color: #f2f2f5;
  1210. padding-bottom: 40px;
  1211. }
  1212. .real-name {
  1213. background-color: #fff;
  1214. border-radius: 3px;
  1215. border: 1px solid #e5e5e5;
  1216. padding: 65px 0;
  1217. }
  1218. .real-name.real-name-error {
  1219. background-color: transparent;
  1220. border-radius: 3px;
  1221. border: none;
  1222. padding: 65px 0 0;
  1223. }
  1224. .real-name .top {
  1225. padding-bottom: 25px;
  1226. text-align: center;
  1227. }
  1228. .real-name .top ul {
  1229. display: inline-block;
  1230. }
  1231. .real-name .top ul li {
  1232. float: left;
  1233. }
  1234. .real-name .top ul li:nth-of-type(odd) {
  1235. margin: 0 35px;
  1236. }
  1237. .real-name .top ul li .num {
  1238. width: 27px;
  1239. height: 27px;
  1240. text-align: center;
  1241. line-height: 27px;
  1242. color: #fff;
  1243. font-size: 18px;
  1244. border-radius: 50%;
  1245. background-color: #d7dde4;
  1246. position: relative;
  1247. top: -1px;
  1248. }
  1249. .real-name .top ul li .text {
  1250. color: #333;
  1251. font-size: 18px;
  1252. margin-left: 10px;
  1253. }
  1254. .real-name .top ul li.active .text {
  1255. color: #348dee;
  1256. font-weight: 600;
  1257. }
  1258. .real-name .top ul li.active .num {
  1259. background-color: #348dee;
  1260. }
  1261. .real-name .top ul li dl {
  1262. margin: 12px 20px 0;
  1263. }
  1264. .real-name .top ul li dd {
  1265. background-color: #d7dde4;
  1266. width: 3px;
  1267. height: 3px;
  1268. border-radius: 3px;
  1269. float: left;
  1270. margin: 0 2px;
  1271. }
  1272. /*1*/
  1273. .real-name .con1 {
  1274. text-align: center;
  1275. background-color: #fff;
  1276. }
  1277. .real-name .con .choice {
  1278. text-align: left;
  1279. padding-left: 25px;
  1280. margin-bottom: 20px;
  1281. }
  1282. .real-name .con .choice-wrap {
  1283. display: inline-block;
  1284. padding: 75px 0 160px;
  1285. }
  1286. .real-name .con li {
  1287. width: 320px;
  1288. border: 1px solid #e5e5e5;
  1289. border-radius: 3px;
  1290. padding: 65px 0 35px;
  1291. margin: 0 25px;
  1292. }
  1293. .real-name .con li.active {
  1294. border-color: #157df1;
  1295. }
  1296. .real-name .con li .con-t {
  1297. background-color: #fbfbfb;
  1298. border: 1px solid #e5e5e5;
  1299. width: 145px;
  1300. height: 145px;
  1301. border-radius: 50%;
  1302. margin: 0 auto;
  1303. }
  1304. .real-name .con li:first-of-type .con-t {
  1305. background: url("../image/icon-8.png") no-repeat center;
  1306. }
  1307. .real-name .con li:last-of-type .con-t {
  1308. background: url("../image/icon-9.png") no-repeat center;
  1309. }
  1310. .real-name .con li .tit {
  1311. color: #333;
  1312. font-size: 18px;
  1313. text-align: center;
  1314. margin-top: 35px;
  1315. }
  1316. .real-name .con li p {
  1317. color: #666;
  1318. font-size: 12px;
  1319. text-align: center;
  1320. line-height: 24px;
  1321. margin-top: 5px;
  1322. }
  1323. .real-name .con li .authentication {
  1324. width: 50%;
  1325. margin: 40px auto 0;
  1326. display: block;
  1327. }
  1328. .real-name .con li:hover {
  1329. border-color: #348dee;
  1330. box-shadow: 0 0px 10px rgba(0, 0, 0, .1);
  1331. }
  1332. .real-name .con li:hover .con-t {
  1333. background-color: transparent;
  1334. border-color: transparent;
  1335. }
  1336. .real-name .con li:hover .authentication {
  1337. background: #348dee;
  1338. color: #fff;
  1339. border-color: #348dee;
  1340. }
  1341. /*2*/
  1342. .real-name .con2 {
  1343. padding: 0 200px;
  1344. /*background-color: #fff;*/
  1345. }
  1346. .real-name .con2 .form-group {
  1347. margin-bottom: 30px;
  1348. }
  1349. .real-name .con2 .form-group .control-label {
  1350. color: #333;
  1351. }
  1352. .control-label span {
  1353. color: #ff4222;
  1354. margin-right: 10px;
  1355. }
  1356. .real-name .con2 .upload-img1 {
  1357. position: relative;
  1358. border: 1px dashed #e5e5e5;
  1359. height: 150px;
  1360. border-radius: 5px;
  1361. background: url("../image/icon-10.png") no-repeat center 40px;
  1362. overflow: hidden;
  1363. margin-bottom: 30px;
  1364. }
  1365. .real-name .con2 .upload-img1:last-of-type {
  1366. margin-bottom: 0;
  1367. }
  1368. .real-name .con2 .upload-img1 img {
  1369. position: absolute;
  1370. left: 0;
  1371. top: 0;
  1372. width: 100%;
  1373. height: 100%;
  1374. background-color: #fff;
  1375. }
  1376. .real-name .con2 .upload-img1 .thumbnail {
  1377. position: absolute;
  1378. z-index: 2;
  1379. width: 100%;
  1380. height: 100%;
  1381. left: 0;
  1382. top: 0;
  1383. opacity: 0;
  1384. cursor: pointer;
  1385. }
  1386. .real-name .con2 .upload-img1 .text {
  1387. text-align: center;
  1388. margin-top: 80px;
  1389. }
  1390. .real-name .con2 .upload-img1 .reset {
  1391. position: absolute;
  1392. left: 0;
  1393. bottom: 0;
  1394. height: 30px;
  1395. line-height: 30px;
  1396. background: rgba(0, 0, 0, .5);
  1397. width: 100%;
  1398. color: #fff;
  1399. text-align: center;
  1400. display: none;
  1401. }
  1402. .real-name .con2 .upload-img1 .reset {
  1403. display: none;
  1404. }
  1405. .real-name .con2 .upload-img1.uploaded .reset {
  1406. display: none;
  1407. }
  1408. .real-name .con2 .upload-img1.uploaded:hover .reset {
  1409. display: block;
  1410. }
  1411. .real-name .con2 .upload-img1 .water-mark {
  1412. display: none;
  1413. }
  1414. .real-name .con2 .upload-img1 .water-mark img {
  1415. background-color: transparent;
  1416. }
  1417. .real-name .con2 .upload-img1.uploaded .water-mark {
  1418. display: block;
  1419. }
  1420. .real-name .con2 .upload-img1 .ongoing {
  1421. position: absolute;
  1422. left: 0;
  1423. top: 0;
  1424. background: rgba(0, 0, 0, .5);
  1425. width: 100%;
  1426. height: 100%;
  1427. color: #fff;
  1428. display: flex;
  1429. justify-content: center;
  1430. align-items: center;
  1431. font-size: 12px;
  1432. display: none;
  1433. }
  1434. .real-name .con2 .upload-img1.uploading .ongoing {
  1435. display: flex;
  1436. }
  1437. .real-name .data-uploading .submit {
  1438. width: 160px;
  1439. }
  1440. .real-name .con2 .upload-license {
  1441. height: 340px;
  1442. margin-bottom: 0;
  1443. background-position: center 40%;
  1444. display: flex;
  1445. align-items: center;
  1446. }
  1447. .real-name .con2 .upload-license .text {
  1448. text-align: center;
  1449. width: 100%;
  1450. margin-top: 0;
  1451. }
  1452. /*3*/
  1453. .real-name .con3-top {
  1454. padding: 80px 135px 130px;
  1455. border: 1px solid #e5e5e5;
  1456. border-radius: 3px;
  1457. background-color: #fff;
  1458. }
  1459. .real-name .con3-top>h3 {
  1460. font-size: 28px;
  1461. color: #333;
  1462. margin-top: 40px;
  1463. }
  1464. .real-name .con3-top>h4 {
  1465. font-size: 18px;
  1466. color: #333;
  1467. margin-top: 15px;
  1468. }
  1469. .list-bottom-common {
  1470. padding: 40px 140px;
  1471. margin-top: 20px;
  1472. margin-bottom: 40px;
  1473. border: 1px solid #e5e5e5;
  1474. border-radius: 3px;
  1475. background-color: #fff;
  1476. }
  1477. .list-bottom-common .index-common {
  1478. padding: 0;
  1479. }
  1480. .list-bottom-common .index-common .row {
  1481. margin-top: 0;
  1482. }
  1483. .list-bottom-common .index-common .con {
  1484. border: 1px solid #e5e5e5;
  1485. border-radius: 3px;
  1486. padding: 40px 30px 45px;
  1487. }
  1488. .list-bottom-common .index-common .con p {
  1489. line-height: 20px;
  1490. font-size: 12px;
  1491. margin-top: 30px;
  1492. height: 80px;
  1493. }
  1494. .list-bottom-common .index-common .con img {
  1495. height: 83px;
  1496. margin: 0 auto 20px;
  1497. }
  1498. .list-bottom-common .index-common .con:hover {
  1499. box-shadow: 0 5px 20px rgba(0, 0, 0, .1);
  1500. }
  1501. .list-bottom-common .index-common .con:hover h4 {
  1502. color: #157df1;
  1503. }
  1504. .real-name .con3-top .btn-reset {
  1505. background-color: #fd9823;
  1506. color: #fff;
  1507. padding: 9px 0;
  1508. width: 160px;
  1509. display: block;
  1510. margin: 40px auto 0;
  1511. }
  1512. .real-name .list-bottom-common {
  1513. margin-bottom: 0;
  1514. }
  1515. /*----------/实名认证-----------*/
  1516. /*----------价格-----------*/
  1517. .buy-distribution {
  1518. padding: 90px 70px 0;
  1519. }
  1520. .buy-distribution .con {
  1521. border: 1px solid #e5e5e5;
  1522. padding-bottom: 35px;
  1523. margin-bottom: 30px;
  1524. }
  1525. .buy-distribution .con:hover {
  1526. box-shadow: 0 5px 10px rgba(21, 125, 241, .2);
  1527. }
  1528. .buy-distribution .con .c-top {
  1529. background: linear-gradient(to right, #5aabfc, #28c9f7);
  1530. height: 160px;
  1531. border-radius: 0 0 50% 50%;
  1532. text-align: center;
  1533. padding-top: .1px;
  1534. position: relative;
  1535. }
  1536. .buy-distribution .con .c-top .text {
  1537. color: #fff;
  1538. font-size: 16px;
  1539. margin-top: 30px;
  1540. }
  1541. .buy-distribution .con .c-top .num {
  1542. color: #fff;
  1543. font-size: 50px;
  1544. }
  1545. .buy-distribution .con .c-top .num span {
  1546. font-size: 12px;
  1547. }
  1548. .buy-distribution .con .c-top .recommended {
  1549. position: absolute;
  1550. top: 0;
  1551. right: 0;
  1552. display: none;
  1553. }
  1554. .buy-distribution .tooltip .tooltip-inner {
  1555. max-width: 300px;
  1556. }
  1557. .buy-distribution .con .bottom .text {
  1558. color: #333;
  1559. margin-top: 25px;
  1560. }
  1561. .buy-distribution .con .bottom .price {
  1562. color: #157df1;
  1563. font-size: 40px;
  1564. margin-top: 15px;
  1565. }
  1566. .buy-distribution .con .bottom .price span {
  1567. font-size: 12px;
  1568. }
  1569. .buy-distribution .con .bottom .btn-buy {
  1570. padding: 9px 0;
  1571. width: 120px;
  1572. border: 1px solid #157df1;
  1573. color: #157df1;
  1574. margin-top: 25px;
  1575. }
  1576. .buy-distribution .con:hover .bottom .btn-buy {
  1577. background-color: #157df1;
  1578. color: #fff;
  1579. }
  1580. .buy-distribution .con .bottom-con {
  1581. padding: 0 30px;
  1582. margin-top: 40px;
  1583. }
  1584. .buy-distribution .con .bottom-con dl {
  1585. border-top: 1px solid #e5e5e5;
  1586. text-align: left;
  1587. color: #666;
  1588. padding-top: 20px;
  1589. height: 156px;
  1590. }
  1591. .buy-distribution .con .bottom-con dl dd {
  1592. margin: 5px 0;
  1593. }
  1594. .buy-distribution .con .bottom-con dl dd .icon-gou {
  1595. margin-right: 10px;
  1596. }
  1597. .buy-distribution .con .bottom-con dl dd .icon-prompt {
  1598. position: relative;
  1599. margin-left: 5px;
  1600. top: -3px;
  1601. cursor: pointer;
  1602. }
  1603. .buy-distribution p {
  1604. padding: 10px 0 40px;
  1605. border-bottom: 1px solid #e5e5e5;
  1606. }
  1607. .buy-distribution p a {
  1608. color: #157df1;
  1609. }
  1610. /*----------/价格-----------*/
  1611. /*----------价格改版 改版完成后,将上一版价格样式删除-----------*/
  1612. .price-banner {
  1613. background: url("../image/price-1.jpg") no-repeat center;
  1614. height: 170px;
  1615. }
  1616. .price-tab {
  1617. position: relative;
  1618. }
  1619. .price-tab ul {
  1620. width: 490px;
  1621. height: 40px;
  1622. line-height: 40px;
  1623. margin: 40px auto;
  1624. }
  1625. .price-tab ul li {
  1626. float: left;
  1627. text-align: center;
  1628. width: 33%;
  1629. color: #333;
  1630. cursor: pointer;
  1631. margin-right: -1px;
  1632. border: 1px solid #e5e5e5;
  1633. }
  1634. .price-tab li:first-of-type {
  1635. border-radius: 20px 0 0 20px;
  1636. border-right-color: transparent;
  1637. }
  1638. .price-tab li:last-of-type {
  1639. border-left-color: transparent;
  1640. border-radius: 0 20px 20px 0;
  1641. }
  1642. .price-tab ul li.active {
  1643. background-color: #157df1;
  1644. border-color: #157df1;
  1645. color: #fff;
  1646. }
  1647. .price-tab ul li:hover {
  1648. background-color: #157df1;
  1649. border-color: #157df1;
  1650. color: #fff;
  1651. }
  1652. .price-con>div {
  1653. display: none;
  1654. }
  1655. .new-price-con>div {
  1656. display: none;
  1657. }
  1658. .price-con .price-common {
  1659. margin-top: 80px;
  1660. }
  1661. .price-con .price-common h1 {
  1662. color: #157df1;
  1663. text-align: center;
  1664. margin-bottom: 20px;
  1665. }
  1666. .price-con .price-common h1 span {
  1667. color: #fd641d;
  1668. font-size: 18px;
  1669. }
  1670. .price-con .price-common .p1 {
  1671. color: #666;
  1672. text-align: center;
  1673. font-size: 16px;
  1674. margin-bottom: 30px;
  1675. }
  1676. .price-con .price-common .gradient {
  1677. height: 8px;
  1678. background: linear-gradient(to right, #f2c0f3, #583751);
  1679. }
  1680. .price-con .price-common .gradient1 {
  1681. background: linear-gradient(to right, #5caafd, #57d4f8);
  1682. }
  1683. .price-con .price-common .gradient2 {
  1684. background: linear-gradient(to right, #507dfb, #5598fa);
  1685. }
  1686. .price-con .price-common .gradient3 {
  1687. background: linear-gradient(to right, #5958d9, #8e1fe5);
  1688. }
  1689. .price-con .price-common .big-package .gradient1 {
  1690. background: linear-gradient(to right, #fea63f, #ffcd35);
  1691. }
  1692. .price-con .price-common .big-package .gradient2 {
  1693. background: linear-gradient(to right, #fc853e, #fe9f30);
  1694. }
  1695. .price-con .price-common .big-package .gradient3 {
  1696. background: linear-gradient(to right, #fc7738, #ff339a);
  1697. }
  1698. .price-con .table-wrap {
  1699. padding: 0 120px;
  1700. }
  1701. .price-con .price-common table {
  1702. table-layout: fixed;
  1703. }
  1704. .price-con .price-common table th {
  1705. padding: 0;
  1706. text-align: center;
  1707. color: #333;
  1708. vertical-align: middle;
  1709. height: 50px;
  1710. font-weight: bold;
  1711. }
  1712. .price-con .price-common table td {
  1713. padding: 0;
  1714. text-align: center;
  1715. color: #333;
  1716. vertical-align: middle;
  1717. height: 50px;
  1718. }
  1719. .price-con .price-common table td .font20 {
  1720. font-size: 18px;
  1721. }
  1722. .price-con .price-common table td .free {
  1723. font-size: 14px;
  1724. }
  1725. .price-con .price-common .badge-basis {
  1726. position: relative;
  1727. }
  1728. .price-con .price-common .badge {
  1729. background-color: #eb1f1e;
  1730. position: absolute;
  1731. left: calc(100% + 5px);
  1732. top: -10px;
  1733. border-radius: 5px;
  1734. font-size: 12px;
  1735. padding: 3px 5px;
  1736. font-weight: normal;
  1737. }
  1738. .price-con .price-common table .icon-duihao {
  1739. color: #13c960;
  1740. font-size: 24px;
  1741. }
  1742. .price-con .price-common table .icon-xingxing2 {
  1743. color: #b0b0b0;
  1744. font-size: 24px;
  1745. }
  1746. .price-con .price-common table .icon-xingxing {
  1747. color: #fec323;
  1748. font-size: 24px;
  1749. }
  1750. .buy-number {
  1751. padding: 0 60px;
  1752. }
  1753. .buy-number .price-common .con {
  1754. border: 1px solid #b9b5b5;
  1755. padding-bottom: 40px;
  1756. }
  1757. .buy-number .price-common .con:hover {
  1758. box-shadow: 0 5px 10px rgba(21, 125, 241, .2);
  1759. }
  1760. .buy-number .price-common .c-top {
  1761. text-align: center;
  1762. padding: 30px 0 35px;
  1763. position: relative;
  1764. }
  1765. .buy-number .price-common .con .c-top .num {
  1766. color: #333;
  1767. font-size: 50px;
  1768. }
  1769. .buy-number .price-common .con .c-top .num span {
  1770. font-size: 16px;
  1771. }
  1772. .buy-number .price-common .con .c-top p {
  1773. color: #666;
  1774. }
  1775. .buy-number .price-common .con .c-top .recommended {
  1776. position: absolute;
  1777. top: 0;
  1778. right: 0;
  1779. display: none;
  1780. }
  1781. .buy-number .price-common .tooltip .tooltip-inner {
  1782. max-width: 300px;
  1783. }
  1784. .buy-number .price-common .con .bottom-con {
  1785. padding: 0 30px;
  1786. }
  1787. .buy-number .price-common .con .bottom-con dl {
  1788. border-top: 1px solid #e5e5e5;
  1789. text-align: left;
  1790. color: #666;
  1791. padding-top: 20px;
  1792. height: 195px;
  1793. }
  1794. .buy-number .price-common .con .bottom-con dl dd {
  1795. margin: 10px 0;
  1796. }
  1797. .buy-number .price-common .con .bottom-con dl dd .icon-gou {
  1798. margin-right: 10px;
  1799. font-size: 14px;
  1800. }
  1801. .buy-number .price-common .con .bottom-con dl dd .icon-prompt {
  1802. position: relative;
  1803. margin-left: 5px;
  1804. top: -3px;
  1805. cursor: pointer;
  1806. }
  1807. .buy-number .price-common .con .bottom-con .b-price {
  1808. font-size: 16px;
  1809. color: #157df1;
  1810. text-align: center;
  1811. margin-bottom: 25px;
  1812. }
  1813. .buy-number .price-common .con .bottom-con .b-price span {
  1814. font-size: 40px;
  1815. }
  1816. .buy-number .price-common .con .bottom {
  1817. text-align: center;
  1818. }
  1819. .buy-number .price-common .con .bottom .btn-buy {
  1820. padding: 9px 12px;
  1821. width: 120px;
  1822. }
  1823. .price-con .tab-2 .price-common .p1 {
  1824. margin-bottom: 40px;
  1825. }
  1826. .price-con>.tab-3 {
  1827. margin-bottom: 60px;
  1828. }
  1829. .price-con .big-bag-price h1 {
  1830. color: #fd9817;
  1831. }
  1832. .buy-number .big-bag-price .con .c-top .num {
  1833. color: #fd9817;
  1834. }
  1835. .buy-number .big-bag-price .con .c-top .num span {
  1836. color: #333;
  1837. }
  1838. .buy-number .big-bag-price .color-hover {
  1839. color: #fd9817;
  1840. }
  1841. .buy-number .big-bag-price .con .bottom .btn-buy {
  1842. background-color: #fd9817;
  1843. border-color: #fd9817;
  1844. }
  1845. .buy-number .big-bag-price .con .bottom-con .b-price {
  1846. color: #fd9817;
  1847. }
  1848. /*----------/价格改版 改版完成后,将上一版价格样式删除-----------*/
  1849. /*----------价格支付-----------*/
  1850. .price-pay-wrap {
  1851. background-color: #f2f2f5;
  1852. padding-bottom: 40px;
  1853. }
  1854. .price-pay .con {
  1855. background-color: #fff;
  1856. border-radius: 3px;
  1857. box-shadow: 0 0 5px rgba(0, 0, 0, .05);
  1858. }
  1859. .price-pay .common .tit {
  1860. padding: 25px 30px 20px;
  1861. border-bottom: 1px solid #e5e5e5;
  1862. font-size: 16px !important;
  1863. font-weight: 700 !important;
  1864. color: #151515 !important;
  1865. }
  1866. .price-pay .common ul {
  1867. padding: 20px 25px;
  1868. }
  1869. .price-pay .common ul li {
  1870. float: left;
  1871. position: relative;
  1872. cursor: pointer;
  1873. }
  1874. .price-pay .common .list1 li {
  1875. border: 1px solid #e5e5e5;
  1876. border-radius: 3px;
  1877. padding: 12px 20px 11px;
  1878. margin-right: 40px;
  1879. margin-bottom: 20px;
  1880. }
  1881. .price-pay .common .list1 li .left {
  1882. padding-right: 40px;
  1883. }
  1884. .price-pay .common .list1 li .text1 {
  1885. color: #666;
  1886. }
  1887. .price-pay .common .list1 li .text2 {
  1888. color: #333;
  1889. margin-top: 5px;
  1890. font-weight: 600;
  1891. }
  1892. .price-pay .common .list1 .right {
  1893. color: #157df1;
  1894. font-size: 30px;
  1895. padding-left: 50px;
  1896. border-left: 1px solid #e5e5e5;
  1897. }
  1898. .price-pay .common .list1 .right span {
  1899. color: #666;
  1900. font-size: 14px;
  1901. }
  1902. .price-pay .common ul li .radio-checked {
  1903. display: none;
  1904. position: absolute;
  1905. right: 0;
  1906. bottom: 0;
  1907. }
  1908. .price-pay .common ul li.active .radio-checked {
  1909. display: block;
  1910. }
  1911. .price-pay .common ul.list1 .active {
  1912. border-color: #157df1;
  1913. }
  1914. .setp4-pay .common ul {
  1915. padding: 20px 25px;
  1916. }
  1917. .setp4-pay .common ul li {
  1918. float: left;
  1919. position: relative;
  1920. cursor: pointer;
  1921. }
  1922. .setp4-pay .common .list1 li {
  1923. border: 1px solid #e5e5e5;
  1924. border-radius: 3px;
  1925. padding: 12px 20px 11px;
  1926. margin-right: 40px;
  1927. }
  1928. .setp4-pay .common .list1 li .left {
  1929. padding-right: 40px;
  1930. }
  1931. .setp4-pay .common .list1 li .text1 {
  1932. color: #666;
  1933. }
  1934. .setp4-pay .common .list1 li .text2 {
  1935. color: #333;
  1936. margin-top: 5px;
  1937. font-weight: 600;
  1938. }
  1939. .setp4-pay .common .list1 .right {
  1940. color: #157df1;
  1941. font-size: 30px;
  1942. padding-left: 50px;
  1943. border-left: 1px solid #e5e5e5;
  1944. }
  1945. .setp4-pay .common .list1 .right span {
  1946. color: #666;
  1947. font-size: 14px;
  1948. }
  1949. .setp4-pay .common ul li .radio-checked {
  1950. display: none;
  1951. position: absolute;
  1952. right: 0;
  1953. bottom: 0;
  1954. }
  1955. .setp4-pay .common ul li.active .radio-checked {
  1956. display: block;
  1957. }
  1958. .setp4-pay .common ul.list1 .active {
  1959. border-color: #157df1;
  1960. }
  1961. .price-pay .common .list2.active {
  1962. border-color: #157df1;
  1963. }
  1964. .price-pay .common .list2 li.active .icon-radio {
  1965. width: 16px;
  1966. height: 16px;
  1967. background-position: 0 -17px;
  1968. }
  1969. .price-pay .common .list2 li {
  1970. margin-right: 70px;
  1971. position: relative;
  1972. }
  1973. .price-pay .common .list2 li .preferential {
  1974. background-color: #ed2027;
  1975. border-radius: 3px;
  1976. color: #fff;
  1977. position: absolute;
  1978. top: -18px;
  1979. left: 100%;
  1980. font-size: 12px;
  1981. white-space: nowrap;
  1982. padding: 1px 3px;
  1983. z-index: 3;
  1984. display: none;
  1985. }
  1986. .price-pay .common .list3 li {
  1987. height: 84px;
  1988. width: 120px;
  1989. border: 1px solid #e5e5e5;
  1990. justify-content: center;
  1991. display: flex;
  1992. align-items: center;
  1993. margin-right: 20px;
  1994. padding: 0 30px;
  1995. }
  1996. .price-pay .common .list3 li.disabled {
  1997. background-color: #f9f9f9;
  1998. cursor: not-allowed;
  1999. }
  2000. .price-pay .common .list3 li.disabled .iconfont {
  2001. color: #b3b3b3;
  2002. }
  2003. .price-pay .common .list3 li.disabled .remaining-amount {
  2004. color: #999;
  2005. }
  2006. .price-pay .common .list3 li.disabled .remaining-amount .color-hover {
  2007. color: #999;
  2008. }
  2009. .price-pay .common .list3 li img {
  2010. display: inline-block;
  2011. }
  2012. .price-pay .common ul.list3 .active {
  2013. border-color: #157df1;
  2014. }
  2015. .price-pay .common ul.list2 .disabled {
  2016. cursor: not-allowed;
  2017. color: #e5e5e5;
  2018. background-color: transparent !important;
  2019. }
  2020. .price-pay .pay-money {
  2021. padding-left: 25px;
  2022. border-top: 1px solid #e5e5e5;
  2023. margin-top: 20px;
  2024. padding-bottom: 40px;
  2025. }
  2026. .price-pay .pay-money .money {
  2027. color: #333;
  2028. padding: 20px 0;
  2029. }
  2030. .price-pay .pay-money .money span {
  2031. color: #fd641d;
  2032. font-size: 32px;
  2033. }
  2034. .price-pay .pay-money .ms-btn {
  2035. width: 160px;
  2036. padding: 9px 0;
  2037. }
  2038. .price-pay .common .remaining-amount .a-num {
  2039. font-size: 12px;
  2040. }
  2041. .price-pay .common .icon-yue {
  2042. color: #ffa304;
  2043. font-size: 22px;
  2044. margin-right: 5px;
  2045. }
  2046. /*----------/价格支付-----------*/
  2047. /*----------应用发布-----------*/
  2048. .release-app-wrap {
  2049. background-color: rgb(242, 242, 245);
  2050. }
  2051. .upload-file {
  2052. /* box-shadow: 0 0 5px rgba(0, 0, 0, .05); */
  2053. border-radius: 3px;
  2054. background-color: #fff;
  2055. padding: 160px 0 100px;
  2056. margin-top: 20px;
  2057. }
  2058. .upload-file .upload-btn {
  2059. width: 240px;
  2060. padding: 0;
  2061. height: 60px;
  2062. font-size: 18px;
  2063. line-height: 58px;
  2064. margin: 0 auto;
  2065. display: block;
  2066. position: relative;
  2067. }
  2068. .upload-file .upload-btn input[type=file] {
  2069. position: absolute;
  2070. width: 100%;
  2071. height: 100%;
  2072. left: 0;
  2073. top: 0;
  2074. opacity: 0;
  2075. cursor: pointer;
  2076. }
  2077. .upload-file .upload-btn .iconfont {
  2078. font-size: 30px;
  2079. margin-right: 10px;
  2080. position: relative;
  2081. }
  2082. .upload-file p {
  2083. text-align: center;
  2084. color: #666;
  2085. line-height: 22px;
  2086. margin-top: 15px;
  2087. }
  2088. .upload-file .upload-btn .text {
  2089. position: relative;
  2090. top: -3px;
  2091. }
  2092. .release-app>p {
  2093. padding: 5px 0;
  2094. }
  2095. .release-app>p>a {
  2096. color: #157df1;
  2097. }
  2098. .upload-app-icon img {
  2099. width: 60px;
  2100. height: 60px;
  2101. border-radius: 15px;
  2102. border: 1px solid #e5e5e5;
  2103. }
  2104. /*app 上传成功*/
  2105. /*
  2106. .release-app .uploaded-success{height: 450px; background-color: #fff; border: 1px solid #e5e5e5; margin-top: 20px; margin-bottom: 40px; text-align: center;}
  2107. .release-app .uploaded-success img{width: 90px; height: 90px; border-radius: 15px; margin-top: 70px; border: 1px solid #e5e5e5;}
  2108. .release-app .uploaded-success .tit{font-size: 20px; color: #333; margin-top: 15px;}
  2109. .release-app .uploaded-success .iconfont{margin-right: 5px;}
  2110. */
  2111. .release-app .uploaded-success {
  2112. padding: 110px 0;
  2113. background-color: #fff;
  2114. border-radius: 5px;
  2115. margin-bottom: 40px;
  2116. text-align: center;
  2117. }
  2118. .release-app .uploaded-success .img-wrap {
  2119. width: 130px;
  2120. height: 130px;
  2121. border-radius: 15px;
  2122. padding: 10px;
  2123. box-shadow: 0 0 10px rgba(0, 0, 0, .2);
  2124. margin: 0 auto;
  2125. margin-bottom: 30px;
  2126. }
  2127. .release-app .uploaded-success img {
  2128. border-radius: 15px;
  2129. max-width: 100%;
  2130. height: 100%;
  2131. }
  2132. .release-app .uploaded-success .tit {
  2133. font-size: 20px;
  2134. color: #fff;
  2135. background: url("../image/release-img-1.png") no-repeat;
  2136. width: 283px;
  2137. height: 37px;
  2138. line-height: 37px;
  2139. margin: 0 auto 25px;
  2140. font-weight: 600;
  2141. }
  2142. .release-app .uploaded-success .p1 {
  2143. font-size: 18px;
  2144. color: #333;
  2145. margin-bottom: 40px;
  2146. }
  2147. .release-app .uploaded-success .up-btn .ms-btn {
  2148. border-radius: 20px;
  2149. width: 150px;
  2150. padding: 8px;
  2151. margin: 0 12px;
  2152. font-size: 16px;
  2153. }
  2154. .release-app .uploaded-success .up-btn .ms-btn:hover {
  2155. box-shadow: 0 3px 5px rgba(21, 125, 241, .2);
  2156. }
  2157. .release-app .uploaded-success .iconfont {
  2158. margin-right: 5px;
  2159. }
  2160. /*----------/应用发布-----------*/
  2161. /*----------/我的应用-----------*/
  2162. .release-app .search {
  2163. position: relative;
  2164. }
  2165. .release-app .search .iconfont {
  2166. position: absolute;
  2167. left: 10px;
  2168. top: 50%;
  2169. transform: translateY(-50%);
  2170. font-size: 18px;
  2171. }
  2172. .release-app .search input {
  2173. height: 40px;
  2174. line-height: 38px;
  2175. width: 160px;
  2176. border: 1px solid #e5e5e5;
  2177. padding-left: 40px;
  2178. }
  2179. .release-app .search .btn-search {
  2180. line-height: 40px;
  2181. color: #157df1;
  2182. margin-left: 15px;
  2183. }
  2184. .release-app .btn-new-release .iconfont {
  2185. font-size: 20px;
  2186. }
  2187. .release-app .btn-new-release .text {
  2188. margin: 4px 0 0 5px;
  2189. }
  2190. .release-app .app-table-wrap {
  2191. /*min-height: 400px;*/
  2192. background-color: #fff;
  2193. margin-top: 20px;
  2194. }
  2195. /*.release-app .app-table-wrap .table-responsive{min-height: 500px;}*/
  2196. .release-app .app-table {
  2197. border: 1px solid #e5e5e5;
  2198. }
  2199. .release-app .app-table tr th {
  2200. text-align: center;
  2201. font-weight: 600;
  2202. color: #666;
  2203. padding: 15px 0;
  2204. background-color: #f7f7fa;
  2205. border-color: #e5e5e5;
  2206. font-size: 12px;
  2207. }
  2208. .release-app .app-table tr td {
  2209. font-size: 12px;
  2210. color: #666;
  2211. }
  2212. .release-app .app-table>tbody>tr>td {
  2213. text-align: center;
  2214. padding: 10px;
  2215. vertical-align: middle;
  2216. background-color: #fff;
  2217. border-color: #e5e5e5;
  2218. color: #666;
  2219. }
  2220. .release-app .app-table>tbody>tr>td.color-danger {
  2221. color: #fd641d;
  2222. }
  2223. .release-app .app-table>tbody>tr>td.color-999 {
  2224. color: #999;
  2225. }
  2226. .release-app .app-table>tbody>tr>td td {
  2227. text-align: left;
  2228. }
  2229. /*.release-app .app-table>tbody>tr:hover td{background-color: #f9f9f9;}*/
  2230. /*.release-app .app-table>tbody>tr>td:first-of-type img{border-radius: 5px; border: 1px solid #e5e5e5;}*/
  2231. .release-app .app-table .app-icon-size img {
  2232. border-radius: 5px;
  2233. border: 1px solid #e5e5e5;
  2234. }
  2235. .release-app .icon-small-code {
  2236. position: relative;
  2237. cursor: pointer;
  2238. margin-left: 5px;
  2239. }
  2240. .release-app .icon-small-code .popover {
  2241. width: 150px;
  2242. display: none;
  2243. left: 50%;
  2244. top: 13px;
  2245. transform: translateX(-50%);
  2246. }
  2247. .release-app .icon-small-code .popover .popover-title {
  2248. color: #333;
  2249. }
  2250. .release-app .icon-small-code .popover .popover-content img {
  2251. width: 120px;
  2252. height: 120px;
  2253. }
  2254. .release-app .icon-small-code:hover .popover {
  2255. display: block;
  2256. }
  2257. .release-app .no-app {
  2258. padding-bottom: 100px;
  2259. }
  2260. /*
  2261. .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;}
  2262. */
  2263. .release-app .qr-code img {
  2264. width: 100px;
  2265. height: 100px;
  2266. margin-top: 42px;
  2267. }
  2268. /*----------/我的应用-----------*/
  2269. /*----------我的应用 编辑设置-----------*/
  2270. .release-app .app-editor {
  2271. background-color: #fff;
  2272. border-radius: 3px;
  2273. border: 1px solid #e5e5e5;
  2274. padding: 30px;
  2275. margin-bottom: 40px;
  2276. }
  2277. .release-app .app-editor .top .upload-img {
  2278. width: 80px;
  2279. height: 80px;
  2280. border-radius: 5px;
  2281. overflow: hidden;
  2282. position: relative;
  2283. }
  2284. .release-app .app-editor .top .upload-img img {
  2285. position: absolute;
  2286. left: 0;
  2287. top: 0;
  2288. width: 100%;
  2289. height: 100%;
  2290. background-color: #fff;
  2291. border-radius: 15px;
  2292. }
  2293. .release-app .app-editor .top .upload-img .upload {
  2294. position: absolute;
  2295. right: 0;
  2296. bottom: 0;
  2297. background-color: rgba(0, 0, 0, .6);
  2298. line-height: 20px;
  2299. width: 100%;
  2300. text-align: center;
  2301. color: #fff;
  2302. font-size: 12px;
  2303. cursor: pointer;
  2304. display: none;
  2305. }
  2306. .release-app .app-editor .top .upload-img:hover .upload {
  2307. display: block;
  2308. }
  2309. .release-app .app-editor .top .upload-img .thumbnail {
  2310. position: absolute;
  2311. z-index: 4;
  2312. left: 0;
  2313. top: 0;
  2314. width: 100%;
  2315. height: 100%;
  2316. opacity: 0;
  2317. cursor: pointer;
  2318. overflow: hidden;
  2319. margin-bottom: 0;
  2320. }
  2321. .release-app .app-editor .top .upload-img.uploaded .upload {
  2322. display: none;
  2323. }
  2324. .release-app .app-editor .top .upload-img.uploaded input {
  2325. display: none;
  2326. }
  2327. .release-app .app-editor .top .upload-img.uploaded:hover .upload {
  2328. display: block;
  2329. }
  2330. .release-app .app-editor .top .upload-img.uploaded:hover input {
  2331. display: block;
  2332. }
  2333. .release-app .app-editor .top .left dl {
  2334. margin-left: 20px;
  2335. }
  2336. .release-app .app-editor .top .left dl dt {
  2337. font-size: 24px;
  2338. color: #333;
  2339. margin-top: 5px;
  2340. }
  2341. .release-app .app-editor .top .left dl dt .icon-iphone {
  2342. margin-top: 10px;
  2343. margin-left: 5px;
  2344. }
  2345. .release-app .app-editor .top .left dl dt .icon-android {
  2346. margin-top: 10px;
  2347. margin-left: 5px;
  2348. }
  2349. .release-app .app-editor .top .left dl dd {
  2350. color: #333;
  2351. margin-top: 7px;
  2352. }
  2353. .release-app .app-editor .top .right {
  2354. line-height: 22px;
  2355. }
  2356. .release-app .app-editor .top .right .iconfont {
  2357. font-size: 22px;
  2358. }
  2359. .release-app .app-editor table {
  2360. margin-top: 30px;
  2361. table-layout: fixed;
  2362. }
  2363. .release-app .app-editor table td {
  2364. padding: 15px;
  2365. }
  2366. .release-app .app-editor table td .bold {
  2367. color: #333;
  2368. margin-bottom: 5px;
  2369. }
  2370. .release-app .app-editor .download-qr .icon-small-code {
  2371. position: relative;
  2372. cursor: pointer;
  2373. margin-top: 3px;
  2374. margin-left: 5px;
  2375. }
  2376. .release-app .app-editor table td .link-down {}
  2377. .release-app .app-editor table td .link-down:hover {
  2378. color: #157df1;
  2379. text-decoration: underline;
  2380. }
  2381. /*
  2382. .release-app .app-editor .download-qr .icon-small-code img{position: absolute; left: -14px; top: 12px; opacity: 0; transition: all 600ms;}
  2383. .release-app .app-editor .download-qr .icon-small-code:hover img{opacity: 1;}
  2384. */
  2385. .release-app .app-editor .set .short-link>.col-sm-6>.col-sm-6 {
  2386. padding-left: 0;
  2387. padding-right: 0;
  2388. }
  2389. .release-app .app-editor .set .short-link .form-control {
  2390. border-radius: 0 4px 4px 0;
  2391. border-left: none;
  2392. }
  2393. .release-app .app-editor .set .short-link .link {
  2394. padding: 6px 12px !important;
  2395. height: 34px;
  2396. background-color: #f2f2f5;
  2397. border: 1px solid #e5e5e5;
  2398. border-radius: 4px 0 0 4px;
  2399. color: #333;
  2400. }
  2401. .release-app .app-editor .set {
  2402. border: 1px solid #e5e5e5;
  2403. border-radius: 3px;
  2404. padding-bottom: 40px;
  2405. }
  2406. .release-app .app-editor .set .tab {
  2407. background-color: #f2f2f5;
  2408. height: 44px;
  2409. line-height: 44px;
  2410. border-bottom: 1px solid #e5e5e5;
  2411. }
  2412. .release-app .app-editor .set .tab li {
  2413. float: left;
  2414. padding: 0 20px;
  2415. cursor: pointer;
  2416. color: #333;
  2417. }
  2418. .release-app .app-editor .set .tab li.active {
  2419. background-color: #fff;
  2420. border-right: 1px solid #e5e5e5;
  2421. border-left: 1px solid #e5e5e5;
  2422. margin-left: -1px;
  2423. color: #157df1;
  2424. }
  2425. .release-app .app-editor .set .tab-con {
  2426. margin-top: 40px;
  2427. }
  2428. .release-app .app-editor .set .col-sm-1 {
  2429. width: 11%;
  2430. }
  2431. .release-app .app-editor .set .tab-con label {
  2432. color: #333;
  2433. }
  2434. .release-app .app-editor .set .tab-con .form-control {
  2435. color: #333;
  2436. }
  2437. .release-app .app-editor .set .tab-con>div {
  2438. display: none;
  2439. }
  2440. .release-app .app-editor .set .tab-con .form-group {
  2441. margin-bottom: 30px;
  2442. }
  2443. .release-app .app-editor .set .trust {
  2444. margin-top: 7px;
  2445. }
  2446. .release-app .app-editor .set .trust li {
  2447. float: left;
  2448. margin-right: 50px;
  2449. cursor: pointer;
  2450. color: #333;
  2451. }
  2452. .release-app .app-editor .set .trust li .icon-radio {
  2453. margin-right: 8px;
  2454. }
  2455. /*----------/我的应用 编辑设置-----------*/
  2456. /*----------个人中心-----------*/
  2457. .user-center-wrap {
  2458. background-color: #f2f2f5;
  2459. }
  2460. .user-center {
  2461. margin-bottom: 40px;
  2462. }
  2463. .user-center>.row {
  2464. margin: 0 -5px;
  2465. }
  2466. .user-center>.row>.col-sm-2 {
  2467. width: 18.5%;
  2468. padding: 0 5px;
  2469. }
  2470. .user-center>.row>.col-sm-10 {
  2471. width: 81.5%;
  2472. padding: 0 5px;
  2473. }
  2474. .user-center .left {
  2475. border: 1px solid #e5e5e5;
  2476. border-radius: 3px;
  2477. background-color: #fff;
  2478. height: 830px;
  2479. }
  2480. .user-center .right {
  2481. border: 1px solid #e5e5e5;
  2482. border-radius: 3px;
  2483. background-color: #fff;
  2484. height: 830px;
  2485. }
  2486. .user-center .left dl {
  2487. padding-top: 20px;
  2488. border-bottom: 1px solid #e5e5e5;
  2489. }
  2490. .user-center .left dl dt {
  2491. font-size: 16px;
  2492. color: #333;
  2493. font-weight: 600;
  2494. padding-left: 25px;
  2495. margin-bottom: 15px;
  2496. }
  2497. .user-center .left dl dt .icon-service {
  2498. margin: 5px 15px 0 0;
  2499. }
  2500. .user-center .left dl dt .icon-order {
  2501. margin: 4px 15px 0 0;
  2502. }
  2503. .user-center .left dl dt .icon-user1 {
  2504. margin: 3px 15px 0 0;
  2505. }
  2506. .user-center .left dl dd a {
  2507. height: 50px;
  2508. line-height: 50px;
  2509. padding-left: 55px;
  2510. color: #333;
  2511. display: block;
  2512. }
  2513. .user-center .left dl dd a:hover {
  2514. background-color: #157df1;
  2515. color: #fff;
  2516. }
  2517. .user-center .left dl dd.active a {
  2518. background-color: #157df1;
  2519. color: #fff;
  2520. }
  2521. .user-center .right .tit {
  2522. font-size: 16px;
  2523. color: #333;
  2524. font-weight: 600;
  2525. padding: 15px 20px;
  2526. border-bottom: 1px solid #e5e5e5;
  2527. }
  2528. .user-center .right .con {
  2529. padding: 20px 50px;
  2530. }
  2531. .user-center .right .con .input-size {
  2532. width: 78%;
  2533. margin-right: 10px;
  2534. float: left;
  2535. }
  2536. .user-center .right .con label {
  2537. color: #333;
  2538. font-weight: 600;
  2539. }
  2540. .user-center .right .con .form-group label {
  2541. margin: 0 30px 8px 0;
  2542. }
  2543. .user-center .right .con .current-email {
  2544. margin-bottom: 5px;
  2545. }
  2546. .user-center .right .con .user-data {
  2547. table-layout: fixed;
  2548. }
  2549. .user-center .right .con .user-data tr th:first-of-type {
  2550. width: 140px;
  2551. }
  2552. .user-center .right .con .user-data tr td:first-of-type {
  2553. width: 270px;
  2554. }
  2555. .user-center .right .con .user-data tr td:last-of-type {
  2556. width: 150px;
  2557. }
  2558. .user-center .right .con .user-data td,
  2559. .user-center .right .con .user-data th {
  2560. border: none !important;
  2561. color: #333;
  2562. vertical-align: middle;
  2563. padding: 5px 8px;
  2564. }
  2565. .user-center .right .con .user-data th {
  2566. font-weight: 600;
  2567. }
  2568. .user-center .right .con .read-only {
  2569. padding-top: 15px;
  2570. border-top: 1px solid #e5e5e5;
  2571. }
  2572. .user-center .right .con .read-only th,
  2573. .user-center .right .con .read-only td {
  2574. padding: 8px;
  2575. }
  2576. .user-center .right .table-wrap {
  2577. padding: 20px;
  2578. }
  2579. .user-center .right .table-wrap .table-responsive {
  2580. overflow-x: visible;
  2581. }
  2582. .user-center .right .con .table-order .icon-prompt {
  2583. position: relative;
  2584. top: 2px;
  2585. margin-left: 5px;
  2586. cursor: pointer;
  2587. }
  2588. .user-center .right .con .table-order>tbody>tr:nth-of-type(odd) {
  2589. background-color: #f6fafe;
  2590. }
  2591. .user-center .right .con .table-order tr th {
  2592. background-color: #4497f4;
  2593. color: #fff;
  2594. padding: 15px;
  2595. text-align: center;
  2596. border-color: #4497f4;
  2597. }
  2598. .user-center .right .con .table-order tr td {
  2599. padding: 25px 15px;
  2600. text-align: center;
  2601. }
  2602. .user-center .right .con .table-order .icon-prompt .tips {
  2603. background: url("../image/icon-prompt.png") no-repeat;
  2604. width: 159px;
  2605. height: 58px;
  2606. position: absolute;
  2607. left: -17px;
  2608. bottom: 11px;
  2609. padding-top: 15px;
  2610. font-size: 12px;
  2611. opacity: 0;
  2612. display: none;
  2613. transition: all 600ms;
  2614. z-index: 1000;
  2615. }
  2616. .user-center .right .con .table-order .icon-prompt:hover .tips {
  2617. opacity: 1;
  2618. display: block;
  2619. }
  2620. .user-center .right .service-wrap {
  2621. padding: 20px;
  2622. }
  2623. .user-center .right .service {
  2624. border: 1px solid #e5e5e5;
  2625. border-radius: 3px;
  2626. height: 135px;
  2627. }
  2628. .user-center .right .service .top .tit {
  2629. background-color: #f5f6f8;
  2630. font-size: 18px;
  2631. color: #333;
  2632. font-weight: 600;
  2633. padding: 10px 25px;
  2634. border-radius: 3px;
  2635. }
  2636. .user-center .right .service .top .ms-btn {
  2637. margin-right: 25px;
  2638. margin-top: 10px;
  2639. }
  2640. .user-center .right .service .top .ms-btn-default {
  2641. border-color: transparent;
  2642. color: #157df1;
  2643. }
  2644. .user-center .right .service .top .ms-btn-default:hover {
  2645. background: #fff;
  2646. color: #157df1;
  2647. border-color: #157df1;
  2648. }
  2649. .user-center .right .service .bottom .downloads {
  2650. margin-top: 20px;
  2651. }
  2652. .user-center .right .service .bottom .downloads li {
  2653. padding: 0 25px;
  2654. width: 50%;
  2655. float: left;
  2656. color: #666;
  2657. }
  2658. .user-center .right .service .bottom .downloads li .progress1 {
  2659. width: 100%;
  2660. background-color: #f3f3f3;
  2661. height: 6px;
  2662. border-radius: 3px;
  2663. position: relative;
  2664. margin-top: 10px;
  2665. }
  2666. .user-center .right .service .bottom .downloads li .progress1 .bar {
  2667. position: absolute;
  2668. left: 0;
  2669. top: 0;
  2670. height: 100%;
  2671. background-color: #157df1;
  2672. border-radius: 3px;
  2673. }
  2674. .user-center .right .service .bottom .signature {
  2675. display: table;
  2676. width: 100%;
  2677. margin-top: 20px;
  2678. text-align: center;
  2679. }
  2680. .user-center .right .service .bottom .signature li {
  2681. display: table-cell;
  2682. border-right: 1px solid #e5e5e5;
  2683. }
  2684. .user-center .right .service .bottom .signature li:last-of-type {
  2685. border-color: transparent;
  2686. }
  2687. .user-center .right .service .bottom .signature li {
  2688. color: #666;
  2689. }
  2690. .user-center .right .service .bottom .signature li .num {
  2691. color: #333;
  2692. }
  2693. .user-center .right .service .bottom .signature li .num span {
  2694. font-size: 20px;
  2695. }
  2696. /*
  2697. *2018-09-20改版,改版上线后,将上版本样式删除
  2698. */
  2699. .user-center1>.row {
  2700. margin: 0 0 20px;
  2701. overflow: hidden;
  2702. height: 100%;
  2703. }
  2704. @media (min-width: 1200px) {
  2705. .user-center1>.row>.col-sm-2 {
  2706. padding: 0 0 9999px;
  2707. margin-bottom: -9999px;
  2708. }
  2709. }
  2710. .user-center1>.row>.col-sm-2 {
  2711. background-color: #fff;
  2712. box-shadow: 0 0 5px rgba(0, 0, 0, .05);
  2713. }
  2714. .user-center1>.row>.col-sm-10 {
  2715. padding: 0 0 0 10px;
  2716. }
  2717. /*.user-center1 .aside-left{height: 550px;}*/
  2718. .user-center1 .aside-left .iconfont {
  2719. font-size: 18px;
  2720. }
  2721. .user-center1 .aside-left .icon-msg {
  2722. font-size: 18px;
  2723. position: relative;
  2724. top: 2px;
  2725. }
  2726. .user-center1 .aside-left .icon-fapiao,
  2727. .user-center1 .aside-left .icon-028 {
  2728. position: relative;
  2729. top: 2px;
  2730. }
  2731. /*.user-center1 .aside-right .user-table{margin-bottom: 40px;}*/
  2732. .user-center1 .aside-right .user-table .table {
  2733. border: 1px solid #e5e5e5;
  2734. margin-bottom: 0;
  2735. }
  2736. .user-center1 .aside-right .user-table .table th {
  2737. background-color: #f5f6f7;
  2738. padding: 15px 10px;
  2739. text-align: center;
  2740. color: #666;
  2741. font-weight: 600;
  2742. border-top-color: transparent;
  2743. }
  2744. .user-center1 .aside-right .user-table .table td {
  2745. background-color: #fff;
  2746. padding: 23px 10px;
  2747. text-align: center;
  2748. color: #666;
  2749. font-size: 12px;
  2750. border-top-color: #e5e5e5;
  2751. }
  2752. .user-center1 .aside-right .user-table .table td.color-hover {
  2753. color: #157df1;
  2754. }
  2755. .user-center1 .aside-right .user-table .table td.color-999 {
  2756. color: #999;
  2757. }
  2758. .user-center1 .aside-right .user-table .table tr:hover td {
  2759. background-color: #ebf7ff;
  2760. }
  2761. .user-center1 .aside-right .user-table .table-wrap {
  2762. background-color: #fff;
  2763. }
  2764. .user-center1 .aside-right .user-table .table-wrap1 {
  2765. min-height: 495px;
  2766. }
  2767. .user-center1 .aside-right .user-table .table-wrap2 {
  2768. min-height: 459px;
  2769. box-shadow: 0 0 5px rgba(0, 0, 0, .05);
  2770. padding-bottom: 30px;
  2771. }
  2772. .user-center1 .aside-right .user-table .table-wrap2 .invoice-table2 {
  2773. border: none;
  2774. border-bottom: 1px solid #e5e5e5;
  2775. }
  2776. .user-center1 .aside-right .user-table .table td [data-toggle="popover"] {
  2777. cursor: pointer;
  2778. }
  2779. .user-center1 .aside-right .paging {
  2780. margin-top: 30px;
  2781. margin-bottom: 0;
  2782. }
  2783. .user-center1 .aside-right .order .no-content {
  2784. padding-top: 90px;
  2785. }
  2786. .user-center1 .aside-right .order .table-wrap {
  2787. min-height: 351px;
  2788. }
  2789. .user-center1 .account-management {
  2790. box-shadow: 0 0 5px rgba(0, 0, 0, .05);
  2791. background-color: #fff;
  2792. height: 550px;
  2793. }
  2794. .user-center1 .account-management>ul {
  2795. height: 48px;
  2796. background-color: #f2f2f5;
  2797. line-height: 48px;
  2798. border-bottom: 1px solid #e5e5e5;
  2799. }
  2800. .user-center1 .account-management>ul li {
  2801. float: left;
  2802. padding: 0 20px;
  2803. cursor: pointer;
  2804. color: #333;
  2805. }
  2806. .user-center1 .account-management>ul li.active {
  2807. background-color: #fff;
  2808. }
  2809. .user-center1 .account-management .tab {
  2810. padding: 0 30px;
  2811. }
  2812. .user-center1 .account-management .tab>div {
  2813. display: none;
  2814. }
  2815. .user-center1 .account-management .data table {
  2816. color: #333;
  2817. margin-top: 25px;
  2818. margin-bottom: 0;
  2819. }
  2820. .user-center1 .account-management .data table tr th {
  2821. border-top: none;
  2822. font-weight: 600;
  2823. vertical-align: middle;
  2824. padding: 6px;
  2825. }
  2826. .user-center1 .account-management .data table tr td {
  2827. border-top: none;
  2828. vertical-align: middle;
  2829. padding: 6px;
  2830. }
  2831. .user-center1 .account-management .data table tr td .ms-btn-default {
  2832. padding: 1px 12px;
  2833. }
  2834. .user-center1 .account-management .data .table1 tr th:first-of-type {
  2835. width: 160px;
  2836. }
  2837. .user-center1 .account-management .data .table1 tr td:first-of-type {
  2838. width: 250px;
  2839. }
  2840. .user-center1 .account-management .data .table2 tr th:first-of-type {
  2841. width: 160px;
  2842. }
  2843. .user-center1 .account-management .data .table2 tr td:first-of-type {
  2844. width: 250px;
  2845. }
  2846. .user-center1 .account-management .data hr {
  2847. margin-top: 25px;
  2848. }
  2849. .user-center1 .account-management .pwd {
  2850. padding: 30px 0;
  2851. }
  2852. .user-center1 .account-management .pwd .form-group {
  2853. position: relative;
  2854. margin-bottom: 25px;
  2855. }
  2856. .user-center1 .account-management .pwd .form-group label {
  2857. font-weight: 600;
  2858. color: #333;
  2859. margin-bottom: 5px;
  2860. }
  2861. .user-center1 .account-management .pwd .form-group .iconfont {
  2862. position: absolute;
  2863. bottom: 5px;
  2864. right: 15px;
  2865. cursor: pointer;
  2866. color: #333;
  2867. }
  2868. .user-center1 .account-management .pwd .form-group .error {
  2869. display: none;
  2870. position: absolute;
  2871. top: 100%;
  2872. left: 0;
  2873. }
  2874. .user-center1 .account-management .pwd .form-error .error {
  2875. display: block;
  2876. color: #ff4222;
  2877. }
  2878. .user-center1 .account-management .pwd .ms-btn {
  2879. width: 160px;
  2880. padding: 12px 9px;
  2881. }
  2882. .user-center1 .account-management .msg {
  2883. padding: 30px 0;
  2884. }
  2885. .user-center1 .account-management .msg dl {
  2886. font-size: 13px;
  2887. }
  2888. .user-center1 .account-management .msg dl dt {
  2889. color: #333;
  2890. font-weight: 600;
  2891. margin-bottom: 3px;
  2892. }
  2893. .user-center1 .account-management .msg dl dd {
  2894. color: #666;
  2895. }
  2896. .user-center1 .account-management .msg ol {
  2897. margin: 10px 0 0 20px;
  2898. }
  2899. .user-center1 .account-management .msg ol li {
  2900. float: left;
  2901. color: #333;
  2902. margin-left: 50px;
  2903. cursor: pointer;
  2904. }
  2905. .user-center1 .account-management .msg ol li .icon {
  2906. position: relative;
  2907. top: 3px;
  2908. margin-right: 10px;
  2909. }
  2910. .user-center1 .account-management .msg hr {
  2911. margin: 30px 0;
  2912. border-color: #e5e5e5;
  2913. }
  2914. .user-center1 .account-management .upload {
  2915. padding: 30px 0;
  2916. }
  2917. .user-center1 .account-management .upload dl {
  2918. width: 36%;
  2919. font-size: 13px;
  2920. }
  2921. .user-center1 .account-management .upload dl dt {
  2922. color: #333;
  2923. font-weight: 600;
  2924. margin-bottom: 3px;
  2925. }
  2926. .user-center1 .account-management .upload dl dd {
  2927. color: #666;
  2928. }
  2929. .user-center1 .account-management .upload ol {
  2930. margin: 10px 0 0 20px;
  2931. }
  2932. .user-center1 .account-management .upload ol li {
  2933. float: left;
  2934. color: #333;
  2935. margin-left: 50px;
  2936. cursor: pointer;
  2937. }
  2938. .user-center1 .account-management .upload ol li .icon {
  2939. position: relative;
  2940. top: 3px;
  2941. margin-right: 10px;
  2942. }
  2943. .user-center1 .account-management .upload hr {
  2944. margin: 30px 0;
  2945. border-color: #e5e5e5;
  2946. }
  2947. .user-center1 .account-management .bindDomain .m-con {
  2948. padding-top: 30px;
  2949. }
  2950. .user-center1 .account-management .bindDomain .cont p {
  2951. color: #333;
  2952. margin-bottom: 5px;
  2953. }
  2954. .user-center1 .account-management .bindDomain .cont p a {
  2955. color: #157df1;
  2956. }
  2957. .user-center1 .account-management .bindDomain .cont p a:hover {
  2958. text-decoration: underline;
  2959. }
  2960. .user-center1 .account-management .bindDomain .cont .control-label {
  2961. color: #333;
  2962. margin-bottom: 5px;
  2963. }
  2964. .user-center1 .account-management .bindDomain .cont #saveButton {
  2965. width: 160px;
  2966. padding: 9px 0;
  2967. margin-top: 5px;
  2968. }
  2969. .user-center1 .account-management .bindDomain .m-con .bindDomainFirst {
  2970. padding-top: 105px;
  2971. }
  2972. .user-center1 .account-management .bindDomain .m-con .bindDomainFirst .browser_notice {
  2973. text-align: center;
  2974. }
  2975. .user-center1 .account-management .bindDomain .m-con .bindDomainFirst .icon-chenggong {
  2976. color: #157df1;
  2977. font-size: 70px;
  2978. }
  2979. .user-center1 .account-management .bindDomain .m-con .bindDomainFirst .browser_notice .browser_notice_success {
  2980. margin: -3px 0 25px;
  2981. }
  2982. .user-center1 .account-management .bindDomain .m-con .bindDomainFirst #unbind_button {
  2983. width: 160px;
  2984. padding: 9px;
  2985. color: #666;
  2986. }
  2987. .user-center1 .account-management .change .tit {
  2988. font-size: 16px;
  2989. color: #333;
  2990. font-weight: 600;
  2991. padding: 15px 20px;
  2992. border-bottom: 1px solid #e5e5e5;
  2993. }
  2994. .user-center1 .account-management .con {
  2995. padding: 20px
  2996. /*50px*/
  2997. ;
  2998. }
  2999. /*.user-center1 .account-management .con .input-size{width: 78%; margin-right: 10px; float: left;}*/
  3000. .user-center1 .account-management .con label {
  3001. color: #333;
  3002. font-weight: 600;
  3003. }
  3004. .user-center1 .account-management .con .form-group label {
  3005. margin: 0 30px 8px 0;
  3006. }
  3007. .user-center1 .account-management .con .current-email {
  3008. margin-bottom: 5px;
  3009. }
  3010. .user-center1 .account-management .con .read-only {
  3011. padding-top: 15px;
  3012. border-top: 1px solid #e5e5e5;
  3013. }
  3014. .user-center1 .account-management .con .read-only th,
  3015. .user-center .right .con .read-only td {
  3016. padding: 8px;
  3017. }
  3018. .user-center1 .invoice-management .warn-prompt {
  3019. margin: 0 0 10px;
  3020. }
  3021. .user-center1 .invoice-management .i-top ul li {
  3022. float: left;
  3023. margin-left: 20px;
  3024. }
  3025. .user-center1 .invoice-management .user-table {
  3026. margin-top: 20px;
  3027. }
  3028. .user-center1 .invoice-management .user-table.mt10 {
  3029. margin-top: 10px;
  3030. }
  3031. .user-center1 .invoice-management .table.invoice-table1 tr th:nth-of-type(1) {
  3032. width: 180px;
  3033. }
  3034. .user-center1 .invoice-management .table.invoice-table1 tr th:nth-of-type(3) {
  3035. width: 120px;
  3036. }
  3037. .user-center1 .invoice-management .table.invoice-table1 tr th:last-of-type {
  3038. width: 300px;
  3039. }
  3040. .user-center1 .invoice-management .table.invoice-table1 tr td:nth-of-type(1) {
  3041. padding-left: 20px;
  3042. }
  3043. .user-center1 .invoice-management .table.invoice-table2 tr th:nth-of-type(2) {
  3044. width: 120px;
  3045. }
  3046. .user-center1 .invoice-management .table.invoice-table2 td .company-name {
  3047. width: 120px;
  3048. line-height: 20px;
  3049. }
  3050. .user-center1 .invoice-management .table.invoice-table2 .courier-number {
  3051. width: 160px;
  3052. }
  3053. .user-center1 .invoice-management .table.invoice-table2 td .courier-number {
  3054. width: 160px;
  3055. }
  3056. .user-center1 .invoice-management .table.invoice-table2 td .ms-btn {
  3057. margin-right: 0;
  3058. }
  3059. .user-center1 .invoice-management .table td {
  3060. vertical-align: middle;
  3061. }
  3062. .user-center1 .invoice-management .table td .icon-checkbox1 {
  3063. color: #e5e5e5;
  3064. cursor: pointer;
  3065. margin-right: 8px;
  3066. position: relative;
  3067. top: -2px;
  3068. }
  3069. .user-center1 .invoice-management .table td .icon-checkbox-checked1 {
  3070. color: #157df1;
  3071. }
  3072. .user-center1 .invoice-management .table td .company-name {
  3073. width: 110px;
  3074. line-height: 20px;
  3075. }
  3076. .user-center1 .invoice-management .table td .receives-address {
  3077. width: 120px;
  3078. }
  3079. .user-center1 .invoice-management .table td .ms-btn {
  3080. margin-right: 10px;
  3081. }
  3082. .user-center1 .invoice-management .table td .set-default {
  3083. visibility: hidden;
  3084. color: #fd641d;
  3085. cursor: pointer;
  3086. }
  3087. .user-center1 .invoice-management .table tr:nth-of-type(2) td .set-default {
  3088. visibility: visible;
  3089. }
  3090. .user-center1 .invoice-management .table tr:hover td .set-default {
  3091. visibility: visible;
  3092. }
  3093. .user-center1 .invoice-management .no-content {
  3094. height: 412px;
  3095. padding-top: 150px;
  3096. }
  3097. .user-center1 .invoice-management .no-content1 {
  3098. height: 376px;
  3099. padding-top: 130px;
  3100. }
  3101. .user-center1 .invoice-management .submit {
  3102. width: 160px;
  3103. padding: 9px 12px;
  3104. }
  3105. .user-center1 .invoice-management .make-invoice-details {
  3106. padding: 30px;
  3107. background-color: #fff;
  3108. border: 1px solid #e5e5e5;
  3109. height: 550px;
  3110. margin-bottom: 40px;
  3111. }
  3112. .user-center1 .invoice-management .make-invoice-details dl {
  3113. color: #333;
  3114. margin-bottom: 15px;
  3115. }
  3116. .user-center1 .invoice-management .make-invoice-details dl dt {
  3117. color: #333;
  3118. font-weight: 600;
  3119. width: 100px;
  3120. text-align: right;
  3121. }
  3122. .user-center1 .invoice-management .make-invoice-details dl dd {
  3123. float: none;
  3124. margin-left: 150px;
  3125. }
  3126. .user-center1 .invoice-management .make-invoice-details hr {
  3127. margin: 20px 0;
  3128. }
  3129. .user-center1 .invoice-management .make-invoice-details .color-danger {
  3130. font-size: 12px;
  3131. }
  3132. .user-center1 .invoice-management .apply-invoice {
  3133. background-color: #fff;
  3134. padding: 30px;
  3135. margin-bottom: 40px;
  3136. border: 1px solid #e5e5e5;
  3137. }
  3138. .user-center1 .invoice-management .apply-invoice .row {
  3139. margin: 0 -5px;
  3140. }
  3141. .user-center1 .invoice-management .apply-invoice .row .col-sm-4 {
  3142. padding: 0 5px;
  3143. }
  3144. .user-center1 .invoice-management .apply-invoice .row .col-sm-6 {
  3145. padding: 0 5px;
  3146. }
  3147. .user-center1 .invoice-management .apply-invoice label {
  3148. color: #333;
  3149. font-weight: 600;
  3150. margin-bottom: 5px;
  3151. }
  3152. .user-center1 .invoice-management .apply-invoice label span {
  3153. color: #ff4222;
  3154. margin-left: 10px;
  3155. }
  3156. .user-center1 .invoice-management .apply-invoice .form-group {
  3157. margin-bottom: 25px;
  3158. }
  3159. .user-center1 .invoice-management .apply-invoice .select-wrap input[type=text] {
  3160. margin-top: 20px;
  3161. }
  3162. .user-center1 .invoice-management .apply-invoice .form-group.select-wrap {
  3163. margin-bottom: 20px;
  3164. }
  3165. /*.user-center1 .invoice-management .apply-invoice select{color: #999;}*/
  3166. .user-center1 .invoice-management .apply-invoice .form-group.instruction-manual {
  3167. margin-bottom: 20px;
  3168. }
  3169. .user-center1 .invoice-management .apply-invoice .form-error {
  3170. position: relative;
  3171. }
  3172. .user-center1 .invoice-management .apply-invoice .error {
  3173. position: absolute;
  3174. top: 100%;
  3175. color: #ff4222;
  3176. font-size: 12px;
  3177. display: none;
  3178. }
  3179. .user-center1 .invoice-management .apply-invoice .form-error .error {
  3180. display: block;
  3181. }
  3182. .user-center1 .invoice-management .apply-invoice hr {
  3183. margin: 5px 0 30px;
  3184. }
  3185. .user-center1 .invoice-management .apply-invoice .icon-checkbox1 {
  3186. color: #e5e5e5;
  3187. position: relative;
  3188. top: 1px;
  3189. }
  3190. .user-center1 .invoice-management .apply-invoice .icon-checkbox-checked1 {
  3191. color: #157df1;
  3192. }
  3193. .user-center1 .invoice-management .apply-invoice .checkbox1 {
  3194. color: #333;
  3195. cursor: pointer;
  3196. }
  3197. .user-center1 .invoice-management .apply-invoice .save {
  3198. margin-top: 20px;
  3199. width: 160px;
  3200. padding: 9px 12px;
  3201. }
  3202. /*我的订单新增充值*/
  3203. .user-center1 .aside-right .balance-recharge {
  3204. position: relative;
  3205. border: 1px solid #e5e5e5;
  3206. padding: 25px 30px 10px;
  3207. margin-bottom: 20px;
  3208. }
  3209. .user-center1 .aside-right .balance-recharge .b-tit {
  3210. color: #333;
  3211. font-weight: 600;
  3212. }
  3213. .user-center1 .aside-right .balance-recharge .b-num {
  3214. color: #fba208;
  3215. font-size: 40px;
  3216. }
  3217. .user-center1 .aside-right .balance-recharge p {
  3218. color: #666;
  3219. font-size: 12px;
  3220. }
  3221. .user-center1 .aside-right .balance-recharge .recharge-btn {
  3222. position: absolute;
  3223. right: 30px;
  3224. top: 50%;
  3225. transform: translateY(-50%);
  3226. }
  3227. /*.balance-recharge-wrap{margin-bottom: 40px;}*/
  3228. .balance-recharge-wrap .balance-recharge {
  3229. border: none;
  3230. margin-bottom: 0;
  3231. }
  3232. .balance-recharge-wrap .choose-recharge {
  3233. width: 65%;
  3234. position: relative;
  3235. }
  3236. .balance-recharge-wrap .choose-recharge li {
  3237. margin-right: 70px;
  3238. margin-bottom: 25px;
  3239. }
  3240. .balance-recharge-wrap .choose-recharge li:nth-of-type(n+5) {
  3241. margin-bottom: 0;
  3242. }
  3243. .balance-recharge-wrap .choose-recharge li input[name=rechargeAmount] {
  3244. width: 120px;
  3245. position: absolute;
  3246. top: -7px;
  3247. left: 21px;
  3248. }
  3249. .balance-recharge-wrap .choose-recharge .error {
  3250. position: absolute;
  3251. left: 25px;
  3252. bottom: -5px;
  3253. color: #fd641d;
  3254. font-size: 12px;
  3255. display: none;
  3256. }
  3257. .balance-recharge-wrap .choose-recharge.form-error .error {
  3258. display: block;
  3259. }
  3260. .balance-recharge-wrap .choose-recharge li .r-num {
  3261. width: 50px;
  3262. display: inline-block;
  3263. }
  3264. .balance-recharge-wrap .pay-money .money {
  3265. padding-bottom: 10px;
  3266. }
  3267. .user-center1 .aside-right .price-pay .balance-recharge {
  3268. border: none;
  3269. margin-bottom: 0;
  3270. }
  3271. .price-pay .balance-recharge-wrap .pay-money {
  3272. padding-bottom: 30px;
  3273. }
  3274. .balance-recharge-wrap .pay-money .icon-checkbox1 {
  3275. color: #999;
  3276. position: relative;
  3277. top: 1px;
  3278. cursor: pointer;
  3279. }
  3280. .balance-recharge-wrap .pay-money .icon-checkbox-checked1 {
  3281. color: #157df1;
  3282. cursor: pointer;
  3283. }
  3284. /*/我的订单新增充值*/
  3285. /*上传资质*/
  3286. .user-center1 .aside-left .icon-dunpai {
  3287. font-size: 18px;
  3288. position: relative;
  3289. top: 2px;
  3290. }
  3291. .upload-img-more .uploaded-img {
  3292. border: 1px solid #e5e5e5;
  3293. width: 150px;
  3294. height: 210px;
  3295. position: relative;
  3296. border-radius: 5px;
  3297. margin-right: 20px;
  3298. }
  3299. .upload-img-more .uploaded-img .thumbnail {
  3300. position: absolute;
  3301. left: 0;
  3302. top: 0;
  3303. width: 100%;
  3304. height: 100%;
  3305. opacity: 0;
  3306. cursor: pointer;
  3307. z-index: 2;
  3308. }
  3309. .upload-img-more .uploaded-img img {
  3310. width: 100%;
  3311. height: 100%;
  3312. border-radius: 5px;
  3313. }
  3314. .upload-img-more .uploaded-img .delete-img {
  3315. position: absolute;
  3316. right: -9px;
  3317. top: -9px;
  3318. right: 0 \9;
  3319. top: 0 \9;
  3320. cursor: pointer;
  3321. z-index: 2;
  3322. }
  3323. .upload-img-more .uploaded-img .reset {
  3324. position: absolute;
  3325. left: 0;
  3326. bottom: 0;
  3327. height: 20px;
  3328. line-height: 20px;
  3329. background: rgba(0, 0, 0, .5);
  3330. width: 100%;
  3331. color: #fff;
  3332. text-align: center;
  3333. font-size: 12px;
  3334. display: none;
  3335. }
  3336. .upload-img-more .uploaded-img:hover .reset {
  3337. display: block;
  3338. }
  3339. .upload-img-more .upload-img {
  3340. position: relative;
  3341. border: 1px dashed #e5e5e5;
  3342. width: 150px;
  3343. height: 210px;
  3344. border-radius: 5px;
  3345. background: url("../image/icon-10.png") no-repeat center 80px;
  3346. overflow: hidden;
  3347. }
  3348. .upload-img-more .upload-img input {
  3349. position: absolute;
  3350. left: 0;
  3351. top: 0;
  3352. width: 100%;
  3353. height: 100%;
  3354. opacity: 0;
  3355. cursor: pointer;
  3356. }
  3357. .upload-img-more .upload-img .text {
  3358. text-align: center;
  3359. font-size: 12px;
  3360. color: #666;
  3361. margin-top: 120px;
  3362. }
  3363. .user-center1 .aside-right .upload-qualification {
  3364. background-color: #fff;
  3365. box-shadow: 0 0 5px rgba(0, 0, 0, .05);
  3366. border-radius: 3px;
  3367. padding: 30px;
  3368. }
  3369. .user-center1 .aside-right .upload-qualification .p1 {
  3370. color: #333;
  3371. margin-bottom: 5px;
  3372. }
  3373. .user-center1 .aside-right .upload-qualification .p2 {
  3374. color: #333;
  3375. margin-bottom: 15px;
  3376. }
  3377. .user-center1 .aside-right .upload-qualification table {
  3378. border: 1px solid #ddd;
  3379. width: 70%;
  3380. color: #333;
  3381. margin-bottom: 40px;
  3382. }
  3383. .user-center1 .aside-right .upload-qualification table td {
  3384. border: 1px solid #ddd;
  3385. padding: 20px;
  3386. text-align: center;
  3387. }
  3388. .user-center1 .aside-right .upload-qualification .tit {
  3389. color: #333;
  3390. margin-bottom: 15px;
  3391. }
  3392. /*.user-center1 .aside-right .upload-qualification .upload-img-more{margin-bottom: 20px;}*/
  3393. .user-center1 .aside-right .upload-qualification .uploaded-img {
  3394. margin-bottom: 20px;
  3395. }
  3396. .user-center1 .aside-right .upload-qualification .upload-img {
  3397. margin-bottom: 20px;
  3398. }
  3399. .user-center1 .aside-right .upload-qualification .review-wrap {
  3400. margin: 20px 0 30px;
  3401. display: none;
  3402. }
  3403. .user-center1 .aside-right .upload-qualification .review-wrap li {
  3404. float: left;
  3405. margin-right: 20px;
  3406. }
  3407. .user-center1 .aside-right .upload-qualification .review-wrap li:last-of-type {
  3408. margin-right: 0;
  3409. }
  3410. .user-center1 .aside-right .upload-qualification .review-wrap .r-center {
  3411. margin-top: -10px;
  3412. }
  3413. .user-center1 .aside-right .upload-qualification .review-wrap .r-center img {
  3414. display: none;
  3415. }
  3416. .user-center1 .aside-right .upload-qualification .review-wrap .r-right {
  3417. width: 750px;
  3418. color: #ff4222;
  3419. }
  3420. .user-center1 .aside-right .upload-qualification .review-wrap .r-right div {
  3421. display: none;
  3422. }
  3423. .user-center1 .aside-right .upload-qualification .hide-action .upload-img {
  3424. display: none;
  3425. }
  3426. .user-center1 .aside-right .upload-qualification .hide-action .delete-img {
  3427. display: none;
  3428. }
  3429. .user-center1 .aside-right .upload-qualification .hide-action .reset {
  3430. display: none;
  3431. }
  3432. .user-center1 .aside-right .upload-qualification .hide-action .thumbnail {
  3433. display: none;
  3434. }
  3435. /*/上传资质*/
  3436. /*推广大使*/
  3437. aside.aside-left ul li a .icon-dashi {
  3438. background: url("../image/tt-10.png") no-repeat;
  3439. width: 17px;
  3440. height: 14px;
  3441. display: inline-block;
  3442. margin-right: 10px;
  3443. margin-top: 2px;
  3444. }
  3445. .aside-right .user-promote {
  3446. background-color: #fff;
  3447. min-height: 510px;
  3448. }
  3449. .aside-right .user-promote .p-list {
  3450. background-color: #f5f7f9;
  3451. height: 44px;
  3452. line-height: 44px;
  3453. border-bottom: 1px solid #eee;
  3454. }
  3455. .aside-right .user-promote .p-list li {
  3456. float: left;
  3457. padding: 0 20px;
  3458. cursor: pointer;
  3459. color: #333;
  3460. }
  3461. .aside-right .user-promote .p-list li.active {
  3462. background-color: #fff;
  3463. border-right: 1px solid #e5e5e5;
  3464. border-left: 1px solid #eee;
  3465. margin-left: -1px;
  3466. }
  3467. .aside-right .user-promote .p-list li.active a {
  3468. color: #157df1;
  3469. }
  3470. /*.aside-right .user-promote .tab>div{display: none;}*/
  3471. .aside-right .user-promote .tab-common {
  3472. padding: 25px 30px;
  3473. }
  3474. .aside-right .user-promote .tab1 .p-link-1 {
  3475. border: 1px solid #ddd;
  3476. padding: 15px 20px;
  3477. margin-bottom: 20px;
  3478. }
  3479. .aside-right .user-promote .tab1 .p-link-1 dl {
  3480. color: #333;
  3481. margin-bottom: 3px;
  3482. }
  3483. .aside-right .user-promote .tab1 .p-link-1 dl dt span {
  3484. font-size: 20px;
  3485. }
  3486. .aside-right .user-promote .tab1 .p-link-1 dl dd .copy {
  3487. font-size: 12px;
  3488. margin-top: 8px;
  3489. margin-left: 20px;
  3490. display: block;
  3491. }
  3492. .aside-right .user-promote .tab1 .p-link-1 p {
  3493. font-size: 12px;
  3494. color: #999;
  3495. }
  3496. .aside-right .user-promote .tab1 .p-link-2 {
  3497. border: 1px solid #ddd;
  3498. padding: 15px 20px;
  3499. margin-bottom: 25px;
  3500. position: relative;
  3501. }
  3502. .aside-right .user-promote .tab1 .p-link-2 .row {
  3503. margin: 0 -20px;
  3504. }
  3505. .aside-right .user-promote .tab1 .p-link-2 .line {
  3506. position: absolute;
  3507. width: 1px;
  3508. height: calc(100% - 30px);
  3509. left: 50%;
  3510. top: 15px;
  3511. background-color: #ddd;
  3512. }
  3513. .aside-right .user-promote .tab1 .p-link-2 dl {
  3514. padding-left: 15px;
  3515. }
  3516. .aside-right .user-promote .tab1 .p-link-2 dl dt {
  3517. color: #333;
  3518. }
  3519. .aside-right .user-promote .tab1 .p-link-2 dl dt .icon-prompt1 {
  3520. margin: -1px 0 0 3px;
  3521. }
  3522. .aside-right .user-promote .tab1 .p-link-2 dl dt.rebate-dt {
  3523. color: #999;
  3524. margin-bottom: 10px;
  3525. }
  3526. .aside-right .user-promote .tab1 .p-link-2 dl dt span {
  3527. color: #999;
  3528. }
  3529. .aside-right .user-promote .tab1 .p-link-2 dl dd {
  3530. color: #333;
  3531. }
  3532. .aside-right .user-promote .tab1 .p-link-2 dl dd.amount-withdrawal-wrap1 {
  3533. height: 34px;
  3534. overflow: hidden;
  3535. }
  3536. .aside-right .user-promote .tab1 .p-link-2 dl dd .amount-withdrawal1 span {
  3537. color: #fba412;
  3538. font-size: 30px;
  3539. }
  3540. .aside-right .user-promote .tab1 .p-link-2 dl dt .withdrawal1 {
  3541. padding: 0 12px;
  3542. line-height: 20px;
  3543. height: 20px;
  3544. font-size: 12px;
  3545. margin-left: 30px;
  3546. }
  3547. .aside-right .user-promote .tab1 .p-link-2 dl dd .amount-rebate1 span {
  3548. color: #333;
  3549. font-size: 20px;
  3550. }
  3551. .aside-right .user-promote .tab1 .help {
  3552. padding: 0;
  3553. }
  3554. .aside-right .user-promote .tab1 .help .tit {
  3555. font-size: 20px;
  3556. color: #333;
  3557. margin-bottom: 20px;
  3558. }
  3559. .withdrawal-to-alipay {
  3560. padding: 15px 10px;
  3561. border: 1px solid #ddd;
  3562. display: none;
  3563. }
  3564. .withdrawal-to-alipay .tit {
  3565. color: #333;
  3566. font-size: 16px;
  3567. margin-bottom: 30px;
  3568. }
  3569. .withdrawal-to-alipay .form-group {
  3570. margin-bottom: 20px;
  3571. }
  3572. .withdrawal-to-alipay .form-group label {
  3573. color: #333;
  3574. }
  3575. .withdrawal-to-alipay .withdrawal {
  3576. color: #333;
  3577. font-size: 12px;
  3578. padding-top: 6px;
  3579. }
  3580. .withdrawal-to-alipay .withdrawal .num {
  3581. color: #fba208;
  3582. font-size: 16px;
  3583. font-weight: 600;
  3584. }
  3585. .withdrawal-to-alipay .form-group .yuan {
  3586. padding-top: 7px;
  3587. color: #333;
  3588. }
  3589. .withdrawal-to-alipay .form-group .submit1 {
  3590. width: 100px;
  3591. }
  3592. .withdrawal-to-alipay .form-group .error {
  3593. font-size: 12px;
  3594. color: #fd641d;
  3595. margin-top: 3px;
  3596. display: none;
  3597. }
  3598. .withdrawal-to-alipay .form-group.form-error .error {
  3599. display: block;
  3600. }
  3601. #payModal .modal-dialog {
  3602. width: 410px !important;
  3603. }
  3604. #payModal .tit {
  3605. font-size: 16px;
  3606. color: #333;
  3607. font-weight: 600;
  3608. margin-bottom: 20px;
  3609. }
  3610. #payModal .pay-msg {
  3611. margin-bottom: 25px;
  3612. }
  3613. #payModal .pay-msg dl {
  3614. color: #333;
  3615. margin-bottom: 10px;
  3616. }
  3617. #payModal .pay-msg dl dt {
  3618. width: 50%;
  3619. text-align: right;
  3620. padding-right: 10px;
  3621. }
  3622. #payModal .pay-msg dl dd {
  3623. width: 50%;
  3624. text-align: left;
  3625. padding-left: 10px;
  3626. }
  3627. #payModal .pay-msg dl dd .num {
  3628. color: #fba208;
  3629. }
  3630. #payModal .pay-msg dl dd .num i {
  3631. font-weight: 600;
  3632. }
  3633. #payModal .cancel-btn {
  3634. display: inline-block;
  3635. height: 34px;
  3636. line-height: 34px;
  3637. margin-right: 20px;
  3638. }
  3639. .aside-right .user-promote .tab2 .date {
  3640. float: left;
  3641. width: 140px;
  3642. position: relative;
  3643. }
  3644. .aside-right .user-promote .tab2 .date1 {
  3645. margin-right: 10px;
  3646. }
  3647. .aside-right .user-promote .tab2 .date2 {
  3648. margin-right: 20px;
  3649. }
  3650. .aside-right .user-promote .tab2 .date input {
  3651. position: relative;
  3652. z-index: 1;
  3653. background-color: transparent;
  3654. cursor: pointer;
  3655. }
  3656. .aside-right .user-promote .tab2 .date .icon-date {
  3657. color: #aaa;
  3658. position: absolute;
  3659. right: 10px;
  3660. top: 4px;
  3661. z-index: 0;
  3662. }
  3663. .aside-right .user-promote .tab2 .date:hover .icon-date {
  3664. color: #157df1;
  3665. }
  3666. .aside-right .user-promote .tab2 .d-top {
  3667. margin-bottom: 20px;
  3668. }
  3669. .aside-right .user-promote .tab2 .d-top .form-control {
  3670. height: 30px;
  3671. }
  3672. .aside-right .user-promote .tab2 .d-top .line {
  3673. margin-right: 10px;
  3674. color: #aaa;
  3675. }
  3676. .aside-right .user-promote .tab2 .d-top .query {
  3677. padding: 5px 8px;
  3678. border-color: #e5e5e5;
  3679. border-left: none;
  3680. background-color: #f5f6f7;
  3681. font-size: 12px;
  3682. color: #333;
  3683. height: 30px;
  3684. }
  3685. .aside-right .user-promote .tab2 .d-top .num {
  3686. line-height: 34px;
  3687. margin-left: 30px;
  3688. color: #333;
  3689. font-size: 13px;
  3690. }
  3691. .aside-right .user-promote .tab2 .d-top .num i {
  3692. color: #157df1;
  3693. }
  3694. .aside-right .user-promote .tab2 .d-top .account {
  3695. display: inline-block;
  3696. width: auto;
  3697. border-right-color: #f5f6f7;
  3698. }
  3699. .aside-right .user-promote .tab2 .d-top .account:focus {
  3700. border-right-color: #66afe9;
  3701. }
  3702. .aside-right .user-promote .tab-common .table {
  3703. border: 1px solid #e5e5e5;
  3704. table-layout: fixed;
  3705. }
  3706. .aside-right .user-promote .tab-common .table tr th {
  3707. border-top-color: #e5e5e5 !important;
  3708. height: 50px;
  3709. vertical-align: middle;
  3710. text-align: center;
  3711. background-color: #f5f6f7;
  3712. font-weight: normal;
  3713. font-size: 12px;
  3714. color: #666;
  3715. line-height: 1.2;
  3716. }
  3717. .aside-right .user-promote .tab-common .table tr td {
  3718. border-top-color: #e5e5e5 !important;
  3719. height: 50px;
  3720. vertical-align: middle;
  3721. text-align: center;
  3722. font-size: 12px;
  3723. line-height: 1.2;
  3724. color: #666;
  3725. }
  3726. .aside-right .user-promote .tab-common .table tr:hover {
  3727. background: #ebf7ff;
  3728. }
  3729. .aside-right .user-promote .tab-common .no {
  3730. text-align: center;
  3731. margin-top: 100px;
  3732. }
  3733. .aside-right .user-promote .tab3 table .to-edit {
  3734. font-size: 12px;
  3735. transform: scale(.9);
  3736. }
  3737. .aside-right .user-promote .tab3 table .icon-edit {
  3738. font-size: 24px;
  3739. cursor: pointer;
  3740. }
  3741. .aside-right .user-promote .tab3 table .icon-edit:hover {
  3742. color: #157df1;
  3743. }
  3744. /*/推广大使*/
  3745. /*----------/个人中心-----------*/
  3746. /*----------工具箱-----------*/
  3747. .toolkit-wrap {
  3748. background: url("../image/bg-2.jpg") no-repeat center;
  3749. height: 635px;
  3750. }
  3751. .toolkit li {
  3752. float: left;
  3753. width: 50%;
  3754. text-align: center;
  3755. padding-top: 130px;
  3756. position: relative;
  3757. }
  3758. .toolkit li .tit {
  3759. font-size: 30px;
  3760. color: #333;
  3761. margin-top: 35px;
  3762. }
  3763. .toolkit li p {
  3764. font-size: 18px;
  3765. color: #666;
  3766. margin-top: 20px;
  3767. height: 50px;
  3768. }
  3769. .toolkit li .ms-btn-primary {
  3770. width: 165px;
  3771. margin-top: 40px;
  3772. padding: 12px;
  3773. }
  3774. .toolkit li .line {
  3775. width: 2px;
  3776. height: 300px;
  3777. background-color: #d8d7d7;
  3778. position: absolute;
  3779. right: 0;
  3780. bottom: 35px;
  3781. border-radius: 2px;
  3782. }
  3783. /*faq*/
  3784. .faq {
  3785. margin-bottom: 20px;
  3786. }
  3787. .faq .tit {
  3788. font-size: 30px;
  3789. color: #157df1;
  3790. margin-top: 30px;
  3791. }
  3792. .faq .tit .icon-faq {
  3793. position: relative;
  3794. top: 7px;
  3795. margin-right: 8px;
  3796. }
  3797. .faq .row {
  3798. margin-left: -10px;
  3799. margin-right: -10px;
  3800. }
  3801. .faq .row .col-sm-6 {
  3802. padding: 0 10px;
  3803. }
  3804. .faq .con {
  3805. border: 1px solid #e5e5e5;
  3806. border-radius: 3px;
  3807. padding: 30px 40px;
  3808. margin-bottom: 20px;
  3809. }
  3810. .faq .con dl dt {
  3811. font-size: 25px;
  3812. color: #333;
  3813. margin-bottom: 10px;
  3814. }
  3815. .faq .con dl dt span {
  3816. width: 5px;
  3817. height: 24px;
  3818. background-color: #157df1;
  3819. display: inline-block;
  3820. position: relative;
  3821. top: 3px;
  3822. margin-right: 12px;
  3823. }
  3824. .faq .con dl dd {
  3825. padding-left: 18px;
  3826. }
  3827. .faq .con dl dd a {
  3828. font-size: 16px;
  3829. color: #333;
  3830. line-height: 34px;
  3831. }
  3832. .faq .con dl dd a:hover {
  3833. color: #157df1;
  3834. }
  3835. .toolkit-common-wrap {
  3836. background-color: #f2f2f5;
  3837. }
  3838. .toolkit-common .top {
  3839. padding: 40px 0;
  3840. border: 1px solid #e5e5e5;
  3841. border-radius: 3px;
  3842. background-color: #fff;
  3843. }
  3844. .toolkit-common .udid-top {
  3845. text-align: center;
  3846. padding-bottom: 0;
  3847. }
  3848. .toolkit-common .udid-top img {
  3849. width: 155px;
  3850. border: 1px solid #e5e5e5;
  3851. padding: 5px;
  3852. }
  3853. .toolkit-common .top .tit {
  3854. font-size: 36px;
  3855. color: #333;
  3856. text-align: center;
  3857. }
  3858. .toolkit-common .udid-top .p-top {
  3859. color: #333;
  3860. line-height: 24px;
  3861. margin-top: 10px;
  3862. margin-bottom: 20px;
  3863. }
  3864. .toolkit-common .udid-top p span {
  3865. color: #157df1;
  3866. }
  3867. .toolkit-common .udid-top .p-bottom {
  3868. color: #333;
  3869. line-height: 24px;
  3870. padding: 25px 35px;
  3871. border-top: 1px solid #e5e5e5;
  3872. margin-top: 40px;
  3873. text-align: left;
  3874. }
  3875. .toolkit-common .ipa-top .form-group {
  3876. width: 65%;
  3877. margin: 0 auto;
  3878. }
  3879. .toolkit-common .ipa-top {
  3880. text-align: center;
  3881. }
  3882. .toolkit-common .ipa-top .form-control {
  3883. margin-top: 40px;
  3884. margin-bottom: 10px;
  3885. }
  3886. .toolkit-common .ipa-top .ipa-p {
  3887. text-align: left;
  3888. font-size: 12px;
  3889. color: #666;
  3890. }
  3891. .toolkit-common .ipa-top .ms-btn-primary {
  3892. margin-top: 25px;
  3893. width: 160px;
  3894. padding: 9px 12px;
  3895. }
  3896. .toolkit-common .ipa-top .error {
  3897. text-align: left;
  3898. font-size: 12px;
  3899. color: #fd641d;
  3900. margin-bottom: 5px;
  3901. display: none;
  3902. }
  3903. .toolkit-common .ipa-top .form-error .error {
  3904. display: block;
  3905. }
  3906. .toolkit-common .ipa-top table {
  3907. width: 600px;
  3908. margin: 40px auto 0;
  3909. }
  3910. .toolkit-common .ipa-top table th {
  3911. border-color: #e5e5e5 !important;
  3912. text-align: center;
  3913. vertical-align: middle;
  3914. width: 150px;
  3915. }
  3916. .toolkit-common .ipa-top table td {
  3917. border-color: #e5e5e5 !important;
  3918. text-align: left;
  3919. padding: 20px;
  3920. }
  3921. .toolkit-common .ipa-top table td a {
  3922. color: #157df1;
  3923. }
  3924. .toolkit-common .ipa-top table td a:hover {
  3925. text-decoration: underline;
  3926. }
  3927. .toolkit-common .ipa-top table td .icon-big-iphone {
  3928. margin-right: 20px;
  3929. }
  3930. .toolkit-common .ipa-top table td img {
  3931. width: 80px;
  3932. height: 80px;
  3933. border-radius: 15px;
  3934. border: 1px solid #e5e5e5;
  3935. }
  3936. /*----------toolkit-new----------*/
  3937. /*plist*/
  3938. .toolkit-new {
  3939. background-color: #fff;
  3940. border: 1px solid #e5e5e5;
  3941. border-radius: 3px;
  3942. padding: 50px 0 40px;
  3943. }
  3944. .toolkit-new .con {
  3945. padding: 0 200px;
  3946. }
  3947. .toolkit-new .tit {
  3948. color: #333;
  3949. font-size: 36px;
  3950. text-align: center;
  3951. margin-bottom: 50px;
  3952. }
  3953. @media (min-width: 1200px) {
  3954. .toolkit-new .form-horizontal .col-sm-3 {
  3955. padding-left: 10px;
  3956. padding-right: 10px;
  3957. }
  3958. .toolkit-new .form-horizontal .col-sm-9 {
  3959. padding-left: 10px;
  3960. padding-right: 10px;
  3961. }
  3962. }
  3963. .toolkit-new .form-horizontal .form-group {
  3964. margin-bottom: 30px;
  3965. }
  3966. .toolkit-new .form-horizontal label {
  3967. color: #333;
  3968. }
  3969. .toolkit-new .error {
  3970. font-size: 12px;
  3971. color: #fd641d;
  3972. display: none;
  3973. }
  3974. .toolkit-new .form-error .error {
  3975. display: block;
  3976. }
  3977. .toolkit-new .p1 {
  3978. color: #333;
  3979. padding: 20px 0 0 30px;
  3980. border-top: 1px solid #e5e5e5;
  3981. margin-top: 40px;
  3982. }
  3983. .toolkit-new .p1 a {
  3984. color: #157df1;
  3985. }
  3986. /*/plist*/
  3987. /*制作图标*/
  3988. .toolkit-make-icon .make-icon .sp-preview {
  3989. width: 210px;
  3990. }
  3991. .toolkit-make-icon {
  3992. background-color: #fff;
  3993. border: 1px solid #e5e5e5;
  3994. border-radius: 3px;
  3995. padding: 30px;
  3996. margin-bottom: 40px;
  3997. }
  3998. .toolkit-make-icon .m-left .m-tit {
  3999. text-align: center;
  4000. }
  4001. .toolkit-make-icon .m-right {
  4002. padding: 30px 40px;
  4003. border: 1px solid #e5e5e5;
  4004. border-radius: 3px;
  4005. }
  4006. .toolkit-make-icon .make-icon .m-tit {
  4007. color: #333;
  4008. margin-bottom: 7px;
  4009. }
  4010. .toolkit-make-icon .make-icon .m-left .m-tit {
  4011. margin-bottom: 20px;
  4012. margin-top: 20px;
  4013. }
  4014. .toolkit-make-icon .make-icon .m-icon {
  4015. background-position: center;
  4016. width: 180px;
  4017. height: 180px;
  4018. background-size: cover;
  4019. display: flex;
  4020. justify-content: center;
  4021. align-items: center;
  4022. margin: 0 auto;
  4023. background-color: #157df1;
  4024. }
  4025. .toolkit-make-icon .make-icon .m-icon .m-icon-con {
  4026. text-align: center;
  4027. }
  4028. .toolkit-make-icon .make-icon .m-icon.radius {
  4029. border-radius: 15px;
  4030. }
  4031. .toolkit-make-icon .make-icon .m-icon img {
  4032. max-width: 110px;
  4033. height: auto;
  4034. }
  4035. .toolkit-make-icon .make-icon .m-icon .m-name {
  4036. color: #fff;
  4037. max-width: 150px;
  4038. text-align: center;
  4039. }
  4040. .toolkit-make-icon .make-icon .m-icon .i-name1 {
  4041. color: #fff;
  4042. text-align: center;
  4043. font-size: 24px;
  4044. margin-bottom: 5px;
  4045. display: none;
  4046. }
  4047. .toolkit-make-icon .make-icon .m-icon .i-name2 {
  4048. color: #fff;
  4049. text-align: center;
  4050. font-size: 24px;
  4051. margin-top: 5px;
  4052. display: none;
  4053. }
  4054. .toolkit-make-icon .make-icon .icon-bg {
  4055. border: 1px solid #e5e5e5;
  4056. padding: 30px 25px;
  4057. border-radius: 3px;
  4058. margin-bottom: 50px;
  4059. }
  4060. .toolkit-make-icon .make-icon .icon-bg dl dt {
  4061. color: #333;
  4062. margin-right: 20px;
  4063. }
  4064. .toolkit-make-icon .make-icon .m-icon-bg1 {
  4065. margin-bottom: 20px;
  4066. }
  4067. .toolkit-make-icon .make-icon .m-icon-bg1 dt {
  4068. line-height: 30px;
  4069. }
  4070. .toolkit-make-icon .make-icon .m-icon-bg1 dd {
  4071. width: 40%;
  4072. }
  4073. .toolkit-make-icon .make-icon .m-icon-bg2 dt {
  4074. line-height: 40px;
  4075. }
  4076. .toolkit-make-icon .make-icon .m-icon-bg2 .small-bg-list li {
  4077. width: 40px;
  4078. height: 40px;
  4079. padding: 10px;
  4080. border: 1px solid #e5e5e5;
  4081. float: left;
  4082. cursor: pointer;
  4083. position: relative;
  4084. }
  4085. .toolkit-make-icon .make-icon .m-icon-bg2 .small-bg-list li+li {
  4086. border-left-color: transparent;
  4087. }
  4088. .toolkit-make-icon .make-icon .m-icon-bg2 .small-bg-list li:first-of-type {
  4089. border-radius: 3px 0 0 3px;
  4090. }
  4091. .toolkit-make-icon .make-icon .m-icon-bg2 .small-bg-list li:last-of-type {
  4092. border-radius: 0 3px 3px 0;
  4093. }
  4094. .toolkit-make-icon .make-icon .m-icon-bg2 .small-bg-list li .small-bg {
  4095. width: 100%;
  4096. height: 100%;
  4097. border-radius: 2px;
  4098. background-color: #157df1;
  4099. }
  4100. .toolkit-make-icon .make-icon .m-icon-bg2 .small-bg-list li .icon-checkbox-small {
  4101. display: none;
  4102. position: absolute;
  4103. right: 0;
  4104. bottom: 0;
  4105. }
  4106. .toolkit-make-icon .make-icon .m-icon-bg2 .small-bg-list li.active {
  4107. border-color: #157df1;
  4108. }
  4109. .toolkit-make-icon .make-icon .m-icon-bg2 .small-bg-list li.active .icon-checkbox-small {
  4110. display: block;
  4111. }
  4112. .toolkit-make-icon .make-icon .foreground-map .tab li {
  4113. float: left;
  4114. padding: 0 30px;
  4115. line-height: 36px;
  4116. border: 1px solid #e5e5e5;
  4117. color: #333;
  4118. background-color: #fbfbfb;
  4119. cursor: pointer;
  4120. }
  4121. .toolkit-make-icon .make-icon .foreground-map .tab li+li {
  4122. border-left-color: transparent;
  4123. }
  4124. .toolkit-make-icon .make-icon .foreground-map .tab li.active {
  4125. background-color: #fff;
  4126. border-bottom-color: transparent;
  4127. }
  4128. .toolkit-make-icon .make-icon .foreground-map .tab li:first-of-type {
  4129. border-radius: 3px 0 0 0;
  4130. }
  4131. .toolkit-make-icon .make-icon .foreground-map .tab li:last-of-type {
  4132. border-radius: 0 3px 0 0;
  4133. }
  4134. .toolkit-make-icon .make-icon .foreground-map .tab-con {
  4135. border: 1px solid #e5e5e5;
  4136. margin-top: -1px;
  4137. width: 580px;
  4138. border-radius: 0 3px 3px 3px;
  4139. margin-bottom: 40px;
  4140. }
  4141. .toolkit-make-icon .make-icon .foreground-map .tab-con>div {
  4142. display: none;
  4143. }
  4144. .toolkit-make-icon .make-icon .foreground-map .tab1 {
  4145. padding: 30px 30px 30px 10px;
  4146. }
  4147. .toolkit-make-icon .make-icon .foreground-map .tab1 .icons-ul {
  4148. height: 204px;
  4149. overflow-y: auto;
  4150. }
  4151. .toolkit-make-icon .make-icon .foreground-map .tab1 .icons-ul li {
  4152. width: 50px;
  4153. height: 50px;
  4154. background: url("../image/m-bg.png") repeat-x;
  4155. position: relative;
  4156. margin-right: 1px;
  4157. margin-bottom: 1px;
  4158. float: left;
  4159. cursor: pointer;
  4160. }
  4161. .toolkit-make-icon .make-icon .foreground-map .tab1 .icons-ul li .icon-checkbox-small {
  4162. position: absolute;
  4163. right: 0;
  4164. bottom: 0;
  4165. display: none;
  4166. }
  4167. .toolkit-make-icon .make-icon .foreground-map .tab1 .icons-ul li.active {}
  4168. .toolkit-make-icon .make-icon .foreground-map .tab1 .icons-ul li.active .icon-checkbox-small {
  4169. display: block;
  4170. }
  4171. .toolkit-make-icon .make-icon .foreground-map .tab1 .icons-ul li .t-con {
  4172. border: 1px solid transparent;
  4173. padding: 10px;
  4174. }
  4175. .toolkit-make-icon .make-icon .foreground-map .tab1 .icons-ul li.active .t-con {
  4176. border-color: #157df1;
  4177. }
  4178. .toolkit-make-icon .make-icon .foreground-map .tab1 .form-group {
  4179. margin-bottom: 0;
  4180. margin-top: 20px;
  4181. }
  4182. .toolkit-make-icon .make-icon .foreground-map .tab1 .form-group:first-of-type {
  4183. margin-top: 0;
  4184. }
  4185. .toolkit-make-icon .make-icon .foreground-map .tab1 .form-group:last-of-type {
  4186. margin-bottom: 0;
  4187. margin-top: 30px;
  4188. }
  4189. .toolkit-make-icon .make-icon .foreground-map .tab1 .written-content {
  4190. display: none;
  4191. }
  4192. .toolkit-make-icon .make-icon .foreground-map .tab1 .text-color {
  4193. display: none;
  4194. }
  4195. .toolkit-make-icon .make-icon .foreground-map .tab2 {
  4196. padding: 30px 10px;
  4197. }
  4198. .toolkit-make-icon .make-icon .foreground-map .tab2 .edit-text {
  4199. margin-bottom: 30px;
  4200. }
  4201. .toolkit-make-icon .make-icon .error {
  4202. font-size: 12px;
  4203. color: #fd641d;
  4204. margin-top: 5px;
  4205. display: none;
  4206. }
  4207. .toolkit-make-icon .make-icon .form-error .error {
  4208. display: block;
  4209. }
  4210. .toolkit-make-icon .make-icon .control-label {
  4211. color: #333;
  4212. }
  4213. .toolkit-make-icon .make-icon .prospects {
  4214. padding-top: 7px;
  4215. color: #333;
  4216. }
  4217. .toolkit-make-icon .make-icon .prospects li {
  4218. float: left;
  4219. margin-right: 35px;
  4220. cursor: pointer;
  4221. }
  4222. .toolkit-make-icon .make-icon .prospects li .icon-radio {
  4223. margin-right: 8px;
  4224. }
  4225. .toolkit-make-icon .make-icon .m-icon-radio {
  4226. margin-bottom: 40px;
  4227. }
  4228. .toolkit-make-icon .make-icon .m-icon-radio li {
  4229. float: left;
  4230. width: 140px;
  4231. height: 40px;
  4232. line-height: 40px;
  4233. border: 1px solid #e5e5e5;
  4234. border-radius: 3px;
  4235. text-align: center;
  4236. margin-right: 20px;
  4237. cursor: pointer;
  4238. position: relative;
  4239. }
  4240. .toolkit-make-icon .make-icon .m-icon-radio li .icon-checkbox-small {
  4241. position: absolute;
  4242. right: 0;
  4243. bottom: 0;
  4244. display: none;
  4245. }
  4246. .toolkit-make-icon .make-icon .m-icon-radio li.active {
  4247. border-color: #157df1;
  4248. }
  4249. .toolkit-make-icon .make-icon .m-icon-radio li.active .icon-checkbox-small {
  4250. display: block;
  4251. }
  4252. .toolkit-make-icon .make-icon .img-size dt {
  4253. float: left;
  4254. margin-right: 40px;
  4255. cursor: pointer;
  4256. }
  4257. .toolkit-make-icon .make-icon .img-size dt .iconfont {
  4258. margin-right: 7px;
  4259. position: relative;
  4260. top: 1px;
  4261. }
  4262. .toolkit-make-icon .make-icon .img-size dd {
  4263. float: left;
  4264. margin-right: 40px;
  4265. cursor: pointer;
  4266. }
  4267. .toolkit-make-icon .make-icon .img-size dd .iconfont {
  4268. margin-right: 7px;
  4269. }
  4270. .toolkit-make-icon .make-icon .img-size-tit {
  4271. margin-bottom: 2px;
  4272. }
  4273. .toolkit-make-icon .make-icon .img-size dt .icon-checkbox-checked1 {
  4274. color: #157df1;
  4275. }
  4276. .toolkit-make-icon .make-icon .img-size dd .icon-checkbox-checked1 {
  4277. color: #157df1;
  4278. }
  4279. @media (min-width: 1200px) {
  4280. .toolkit-make-icon .make-icon .foreground-map .tab-con .form-group {
  4281. margin-left: -10px;
  4282. margin-right: -10px;
  4283. }
  4284. .toolkit-make-icon .make-icon .foreground-map .tab-con .col-sm-2 {
  4285. width: 20%;
  4286. padding-left: 10px;
  4287. padding-right: 10px;
  4288. }
  4289. .toolkit-make-icon .make-icon .foreground-map .tab-con .col-sm-10 {
  4290. width: 80%;
  4291. padding-left: 10px;
  4292. padding-right: 10px;
  4293. }
  4294. .toolkit-make-icon .make-icon .foreground-map .tab-con .col-sm-push-2 {
  4295. left: 20%;
  4296. }
  4297. }
  4298. .toolkit-make-icon .m-right .generated-icon {
  4299. padding: 9px 35px;
  4300. margin-top: 25px;
  4301. }
  4302. /*/制作图标*/
  4303. /*----------/toolkit-new----------*/
  4304. /*----------/工具箱-----------*/
  4305. /*----------企业签名-----------*/
  4306. .signature-banner {
  4307. background: url("../image/s-banner.jpg") no-repeat center;
  4308. height: 430px;
  4309. display: block;
  4310. padding: 110px 0 0 70px;
  4311. }
  4312. .signature-banner .con {
  4313. color: #fff;
  4314. }
  4315. .signature-banner .con .h1 {
  4316. font-size: 32px;
  4317. font-weight: 600;
  4318. margin-bottom: 15px;
  4319. }
  4320. .signature-banner .con p {
  4321. font-size: 18px;
  4322. line-height: 28px;
  4323. margin-bottom: 20px;
  4324. }
  4325. .signature-banner .con .ms-btn-primary {
  4326. width: 110px;
  4327. background-color: transparent;
  4328. border-color: #fff;
  4329. font-size: 16px;
  4330. }
  4331. /*.corporate-signature-wrap{background-color: #f5f9fe;}*/
  4332. .corporate-signature {
  4333. padding: 70px 0;
  4334. }
  4335. .corporate-signature .h1 {
  4336. color: #157df1;
  4337. margin-bottom: 50px;
  4338. text-align: center;
  4339. }
  4340. /*.corporate-signature .ms-thumbnail .ms-caption .tit{font-weight: 600;}*/
  4341. .corporate-signature .ms-thumbnail img {
  4342. margin-bottom: 15px;
  4343. }
  4344. .signature-tool {
  4345. padding: 70px 0;
  4346. }
  4347. .signature-tool .h1 {
  4348. color: #157df1;
  4349. text-align: center;
  4350. margin-bottom: 60px;
  4351. }
  4352. .signature-tool img {
  4353. margin: 0 auto;
  4354. }
  4355. .signature-process-wrap {
  4356. background: url("../image/bg-4.jpg") no-repeat center;
  4357. height: 440px;
  4358. }
  4359. .signature-process {
  4360. padding-top: 75px;
  4361. }
  4362. .signature-process .h1 {
  4363. color: #fff;
  4364. margin-bottom: 80px;
  4365. text-align: center;
  4366. }
  4367. .signature-process img {
  4368. margin: 0 auto;
  4369. }
  4370. .signature-process ul {
  4371. padding: 0 50px;
  4372. }
  4373. .signature-process ul li {
  4374. float: left;
  4375. }
  4376. .signature-process ul li img {
  4377. margin: 0 auto 20px;
  4378. display: block;
  4379. }
  4380. .signature-process ul li p {
  4381. color: #fff;
  4382. }
  4383. .signature-process ul li:nth-child(even) {
  4384. background: url("../image/tt-13.png") no-repeat center;
  4385. height: 100px;
  4386. width: 50px;
  4387. }
  4388. .signature-process ul li:nth-child(odd) {
  4389. width: calc((100% - 200px) / 5);
  4390. text-align: center;
  4391. }
  4392. /*----------/企业签名-----------*/
  4393. /*----------封装页面-----------*/
  4394. .encapsulation-banner-wrap {
  4395. background: url("../image/banner-4.jpg?20190302") no-repeat center;
  4396. height: 430px;
  4397. position: relative;
  4398. display: block;
  4399. }
  4400. .encapsulation-banner {
  4401. padding: 100px 0 0 90px;
  4402. }
  4403. .encapsulation-banner .h1 {
  4404. color: #fff;
  4405. font-size: 32px;
  4406. margin-bottom: 15px;
  4407. }
  4408. .encapsulation-banner p {
  4409. color: #fff;
  4410. font-size: 18px;
  4411. margin-bottom: 10px;
  4412. }
  4413. .encapsulation-banner ul {
  4414. margin-bottom: 20px;
  4415. }
  4416. .encapsulation-banner ul li {
  4417. color: #fff;
  4418. float: left;
  4419. margin-right: 40px;
  4420. font-size: 16px;
  4421. }
  4422. .encapsulation-banner ul li .iconfont {
  4423. font-size: 20px;
  4424. position: relative;
  4425. top: 2px;
  4426. margin-right: 5px;
  4427. }
  4428. .encapsulation-banner .ms-btn {
  4429. border: 1px solid #fff;
  4430. color: #fff;
  4431. padding-left: 25px;
  4432. padding-right: 25px;
  4433. }
  4434. .encapsulation-introduce-wrap {
  4435. background-color: #f5f9fe;
  4436. padding: 20px 0 15px;
  4437. }
  4438. .encapsulation-introduce .ms-thumbnail .img-wrap {
  4439. width: 115px;
  4440. height: 100px;
  4441. margin: 0 auto;
  4442. margin-bottom: 15px;
  4443. display: flex;
  4444. align-items: flex-end;
  4445. justify-content: center;
  4446. }
  4447. .encapsulation-introduce .ms-thumbnail .img-wrap img {
  4448. margin-bottom: 0;
  4449. }
  4450. .encapsulation-introduce .ms-thumbnail .ms-caption .tit {
  4451. margin-bottom: 5px;
  4452. }
  4453. .encapsulation-introduce .ms-thumbnail .ms-caption p {
  4454. font-size: 12px;
  4455. line-height: 20px;
  4456. }
  4457. .function-of {
  4458. padding: 70px 0 80px;
  4459. text-align: center;
  4460. }
  4461. .function-of .tit {
  4462. font-size: 36px;
  4463. color: #157df1;
  4464. }
  4465. .function-of p {
  4466. font-size: 16px;
  4467. color: #666;
  4468. margin: 20px 0 75px;
  4469. }
  4470. .function-of ul li {
  4471. float: left;
  4472. width: 16.6666667%;
  4473. border-bottom: 1px solid #f5f7f9;
  4474. border-left: 1px solid #f5f7f9;
  4475. padding: 30px 0;
  4476. }
  4477. .function-of ul li .img-wrap {
  4478. position: relative;
  4479. width: 60px;
  4480. height: 55px;
  4481. margin: 0 auto 10px;
  4482. display: flex;
  4483. align-items: center;
  4484. justify-content: center;
  4485. }
  4486. .function-of ul li .img-wrap .hot {
  4487. background: url("../image/e-5.png");
  4488. width: 31px;
  4489. height: 19px;
  4490. position: absolute;
  4491. color: #fff;
  4492. font-size: 12px;
  4493. line-height: 19px;
  4494. right: -30px;
  4495. top: -7px;
  4496. }
  4497. .function-of ul li:nth-of-type(1) {
  4498. border-left-color: transparent;
  4499. }
  4500. .function-of ul li:nth-of-type(7) {
  4501. border-left-color: transparent;
  4502. }
  4503. .function-of ul li:nth-of-type(13) {
  4504. border-left-color: transparent;
  4505. }
  4506. .function-of ul li:nth-of-type(n+13) {
  4507. border-bottom-color: transparent;
  4508. }
  4509. .function-of .f-img img {
  4510. margin: 0 auto;
  4511. }
  4512. /*.function-of .watermark{position: absolute; left: 0; top: 0px;}*/
  4513. .encapsulation-complete-wrap {
  4514. background: url("../image/e-6.jpg") no-repeat center;
  4515. height: 440px;
  4516. }
  4517. .encapsulation-complete-6 {
  4518. padding-top: 80px;
  4519. }
  4520. .encapsulation-complete-6 .h1 {
  4521. color: #fff;
  4522. margin-bottom: 60px;
  4523. text-align: center;
  4524. }
  4525. .app-case-wrap {
  4526. background-color: #f5f9fe;
  4527. }
  4528. .app-case {
  4529. padding: 70px 80px 45px;
  4530. }
  4531. .app-case .tit {
  4532. font-size: 36px;
  4533. color: #157df1;
  4534. text-align: center;
  4535. margin-bottom: 70px;
  4536. }
  4537. .app-case .list .con {
  4538. position: relative;
  4539. margin-bottom: 25px;
  4540. }
  4541. .app-case .list .con img {
  4542. height: 418px;
  4543. }
  4544. .app-case .list .con .hover {
  4545. position: absolute;
  4546. left: -10px;
  4547. top: -10px;
  4548. width: calc(100% + 20px);
  4549. height: calc(100% + 40px);
  4550. background-color: #348dee;
  4551. color: #fff;
  4552. font-size: 24px;
  4553. padding-top: 160px;
  4554. text-align: center;
  4555. opacity: 0;
  4556. transition: all 600ms;
  4557. cursor: pointer;
  4558. z-index: 1;
  4559. }
  4560. .app-case .list .con:hover .hover {
  4561. opacity: 1;
  4562. }
  4563. .price-pay .wechat-pay {
  4564. padding: 100px 0;
  4565. }
  4566. .price-pay .wechat-pay .wechat-img {
  4567. padding: 10px;
  4568. width: 200px;
  4569. height: 200px;
  4570. border: 1px solid #e5e5e5;
  4571. }
  4572. .price-pay .wechat-pay .glyphicon-triangle-left {
  4573. font-size: 30px;
  4574. color: #333;
  4575. }
  4576. .price-pay .wechat-pay .left {
  4577. margin-top: 100px;
  4578. }
  4579. .price-pay .wechat-pay .center {
  4580. margin-top: 170px;
  4581. }
  4582. .user-loss {
  4583. padding: 80px 0;
  4584. }
  4585. .user-loss .h1 {
  4586. color: #157df1;
  4587. text-align: center;
  4588. margin-bottom: 60px;
  4589. }
  4590. .user-loss ul {
  4591. background: url("../image/en-1.png") no-repeat center;
  4592. position: relative;
  4593. height: 320px;
  4594. }
  4595. .user-loss ul li {
  4596. color: #333;
  4597. font-size: 18px;
  4598. padding: 0 20px;
  4599. border-radius: 30px;
  4600. height: 42px;
  4601. line-height: 42px;
  4602. box-shadow: 0 0 15px rgba(21, 125, 241, .2);
  4603. position: absolute;
  4604. }
  4605. .user-loss ul li.con1 {
  4606. left: 130px;
  4607. top: 50px;
  4608. }
  4609. .user-loss ul li.con2 {
  4610. right: 0;
  4611. }
  4612. .user-loss ul li.con3 {
  4613. left: 0;
  4614. bottom: 40px;
  4615. }
  4616. .user-loss ul li.con4 {
  4617. right: 100px;
  4618. bottom: 100px;
  4619. }
  4620. .problem-solving-wrap {
  4621. background: #f7f8fc url("../image/en-6.png?12>") no-repeat center bottom;
  4622. }
  4623. .problem-solving {
  4624. padding: 80px 20px;
  4625. height: 795px;
  4626. }
  4627. .problem-solving .h1 {
  4628. color: #157df1;
  4629. text-align: center;
  4630. margin-bottom: 80px;
  4631. }
  4632. @media (min-width: 1200px) {
  4633. .problem-solving .row {
  4634. margin: 0 -45px;
  4635. }
  4636. .problem-solving .row .col-sm-3 {
  4637. padding: 0 45px;
  4638. }
  4639. .problem-solving .row .col-sm-3:nth-child(1) {
  4640. margin-top: 30px;
  4641. }
  4642. .problem-solving .row .col-sm-3:nth-child(2) {
  4643. margin-top: 180px;
  4644. }
  4645. .problem-solving .row .col-sm-3:last-of-type {
  4646. margin-top: 228px;
  4647. }
  4648. }
  4649. .problem-solving .ms-thumbnail {
  4650. background-color: #fff;
  4651. padding: 30px 0;
  4652. position: relative;
  4653. border-radius: 10px;
  4654. }
  4655. .problem-solving .ms-thumbnail .ms-caption p {
  4656. height: 100px;
  4657. }
  4658. .problem-solving .ms-thumbnail .location {
  4659. position: absolute;
  4660. left: 50%;
  4661. bottom: -33px;
  4662. transform: translateX(-50%);
  4663. }
  4664. .encapsulation-complete-6 ul {
  4665. padding: 0 50px;
  4666. }
  4667. .encapsulation-complete-6 ul li {
  4668. float: left;
  4669. }
  4670. .encapsulation-complete-6 ul li img {
  4671. margin: 0 auto 20px;
  4672. display: block;
  4673. }
  4674. .encapsulation-complete-6 ul li p {
  4675. color: #fff;
  4676. }
  4677. .encapsulation-complete-6 ul li:nth-child(even) {
  4678. background: url("../image/tt-13.png") no-repeat center;
  4679. height: 100px;
  4680. width: 50px;
  4681. }
  4682. .encapsulation-complete-6 ul li:nth-child(odd) {
  4683. width: calc((100% - 200px) / 5);
  4684. text-align: center;
  4685. }
  4686. /*----------/封装页面-----------*/
  4687. /*----------404 500-----------*/
  4688. .web404 {
  4689. padding: 150px 0 0;
  4690. min-height: 790px;
  4691. }
  4692. .web404 .img {
  4693. position: relative;
  4694. padding-left: 45px;
  4695. }
  4696. .web404 .error {
  4697. position: absolute;
  4698. right: -70px;
  4699. top: 50px;
  4700. }
  4701. .web404 .error .text {
  4702. font-size: 24px;
  4703. color: #333;
  4704. }
  4705. .web404 .error p {
  4706. margin-top: 10px;
  4707. }
  4708. .web404 .error .ms-btn-primary {
  4709. margin-top: 30px;
  4710. font-size: 18px;
  4711. width: 160px;
  4712. }
  4713. .web500 {
  4714. position: absolute;
  4715. left: 50%;
  4716. top: 45%;
  4717. transform: translate(-50%, -50%);
  4718. }
  4719. .web500 .error {
  4720. position: absolute;
  4721. bottom: -50px;
  4722. left: 65%;
  4723. }
  4724. .web500 .error .text {
  4725. font-size: 24px;
  4726. color: #333;
  4727. }
  4728. .web500 .error p {
  4729. margin-top: 10px;
  4730. }
  4731. .web500 .error .ms-btn-primary {
  4732. margin-top: 30px;
  4733. font-size: 18px;
  4734. width: 160px;
  4735. }
  4736. /*----------/404 500-----------*/
  4737. /*----------关于我们-----------*/
  4738. .about-banner-wrap {
  4739. background: no-repeat center;
  4740. height: 200px;
  4741. }
  4742. .about-banner {
  4743. height: 200px;
  4744. padding-top: 50px;
  4745. text-align: center;
  4746. color: #fff;
  4747. }
  4748. .about-tab-wrap {
  4749. background-color: rgba(0, 0, 0, .1);
  4750. margin-top: -44px;
  4751. }
  4752. .about-tab-wrap .about-tab>a {
  4753. float: left;
  4754. color: #fff;
  4755. width: 20%;
  4756. height: 44px;
  4757. line-height: 44px;
  4758. font-size: 16px;
  4759. text-align: center;
  4760. cursor: pointer;
  4761. display: block;
  4762. }
  4763. .about-tab-wrap .about-tab .router-link-active {
  4764. background-color: #157df1;
  4765. }
  4766. .about-tab-wrap .about-tab a .iconfont {
  4767. font-size: 18px;
  4768. margin-right: 5px;
  4769. position: relative;
  4770. top: 1px;
  4771. }
  4772. .about-tab-wrap .about-tab a:hover {
  4773. background-color: #157df1;
  4774. }
  4775. /*.about-us>div{display: none;}*/
  4776. .about-us .common {
  4777. padding: 70px 0;
  4778. }
  4779. .about-us .common h1 {
  4780. text-align: center;
  4781. color: #333;
  4782. margin-bottom: 50px;
  4783. }
  4784. .about-us .common .p2 {
  4785. font-size: 16px;
  4786. color: #333;
  4787. text-align: center;
  4788. line-height: 30px;
  4789. margin-bottom: 50px;
  4790. }
  4791. .about-us .contact-us {
  4792. padding-top: 0;
  4793. }
  4794. .about-us .contact-us .contact-con {
  4795. padding: 0 50px;
  4796. }
  4797. .about-us .contact-us .contact-con .ms-thumbnail {
  4798. border: 1px solid #e5e5e5;
  4799. padding: 50px 0;
  4800. }
  4801. .about-us .contact-us .contact-con .ms-thumbnail .ms-caption .tit {
  4802. font-size: 24px;
  4803. }
  4804. .about-us .contact-us .contact-con .ms-thumbnail .ms-caption p {
  4805. color: #666;
  4806. margin-bottom: 20px;
  4807. }
  4808. .about-us .contact-us .contact-con .ms-thumbnail .ms-caption .p1 .iconfont {
  4809. color: #adb6bc;
  4810. font-size: 20px;
  4811. margin-right: 10px;
  4812. position: relative;
  4813. top: 2px;
  4814. }
  4815. .about-us .contact-us .contact-con .ms-thumbnail .ms-caption .p1 .feedback1 {
  4816. font-size: 12px;
  4817. padding: 3px 8px;
  4818. margin-left: 25px;
  4819. }
  4820. .about-us .service_content {
  4821. font-size: 16px;
  4822. color: #525252;
  4823. padding: 70px;
  4824. }
  4825. .about-us .service_content p {
  4826. color: #333;
  4827. font-size: 16px;
  4828. line-height: 28px;
  4829. }
  4830. .about-us .service_content .font18 {
  4831. color: #333;
  4832. margin-top: 5px;
  4833. margin-bottom: 5px;
  4834. }
  4835. .about-us .service_content h3 {
  4836. font-size: 24px;
  4837. color: #333333;
  4838. line-height: 33px;
  4839. margin-top: 20px;
  4840. margin-bottom: 10px;
  4841. }
  4842. .about-us .service_content li {
  4843. line-height: 30px;
  4844. list-style: none;
  4845. color: #333;
  4846. }
  4847. .about-us .service_content a,
  4848. a:hover {
  4849. color: #157df1;
  4850. text-decoration: none;
  4851. }
  4852. .about-us p.item-title {
  4853. margin: 0 0 10px 0;
  4854. font-size: 24px;
  4855. color: #333;
  4856. line-height: 50px;
  4857. }
  4858. /*----------/关于我们-----------*/
  4859. /*应用上传 重置*/
  4860. /*----------应用上传 重置----------*/
  4861. .qq-upload-list-selector {
  4862. text-align: center;
  4863. padding-top: 0 !important;
  4864. }
  4865. .qq-progress-bar-container-selector {
  4866. height: 12px !important;
  4867. border-radius: 6px;
  4868. }
  4869. .qq-progress-bar-container-selector .qq-progress-bar-selector {
  4870. height: 12px !important;
  4871. border-radius: 6px;
  4872. }
  4873. .qq-progress-bar-container-selector .qq-progress-bar-selector {
  4874. height: 12px !important;
  4875. }
  4876. .release-app .progress-bar.active,
  4877. .release-app .progress.active .progress-bar {
  4878. /*
  4879. -webkit-animation: none !important;
  4880. -o-animation: none !important;
  4881. animation: none !important;
  4882. */
  4883. }
  4884. .release-app .progress-striped .progress-bar-warning {
  4885. /*background-image: none !important;*/
  4886. }
  4887. .release-app .progress-bar-warning {
  4888. background-color: #36b8f3 !important;
  4889. }
  4890. .big-bag .progress-bar-warning {
  4891. background-color: #ffa634 !important;
  4892. }
  4893. .release-app2 .qq-upload-list li {
  4894. padding: 9px 55px;
  4895. }
  4896. .tag-box {
  4897. padding: 50px 20px 60px !important;
  4898. height: 450px !important;
  4899. }
  4900. .release-app .progress {
  4901. margin-top: 20px !important;
  4902. }
  4903. .qq-upload-list-selector {
  4904. margin-top: 20px !important;
  4905. }
  4906. .qq-uploader-selector {
  4907. height: auto;
  4908. text-align: center;
  4909. }
  4910. .qq-upload-button-selector {
  4911. margin-top: 130px !important;
  4912. }
  4913. .tag-box-v5 {
  4914. margin-bottom: 0 !important;
  4915. }
  4916. /*----------/应用上传 重置----------*/
  4917. /*----------企业签名----------*/
  4918. .signature1>.con {
  4919. position: relative;
  4920. }
  4921. .signature1>.con>.row {
  4922. margin: 0 0 20px;
  4923. overflow: hidden;
  4924. height: 100%;
  4925. }
  4926. @media (min-width: 1200px) {
  4927. .signature1>.con>.row>.col-sm-2 {
  4928. padding: 0 0 9999px;
  4929. margin-bottom: -9999px;
  4930. }
  4931. }
  4932. .signature1>.con>.row>.col-sm-2 {
  4933. background-color: #fff;
  4934. box-shadow: 0 0 5px rgba(0, 0, 0, .05);
  4935. }
  4936. .signature1>.con>.row>.col-sm-10 {
  4937. padding: 0 0 0 10px;
  4938. }
  4939. .signature1 .left {
  4940. padding-top: 15px;
  4941. }
  4942. .signature1 .left ul li {
  4943. margin-bottom: 10px;
  4944. }
  4945. .signature1 .left ul li a {
  4946. padding-left: 25px;
  4947. display: block;
  4948. height: 50px;
  4949. line-height: 50px;
  4950. border-left: 4px solid transparent;
  4951. color: #333;
  4952. }
  4953. .signature1 .left ul li a .iconfont {
  4954. margin-right: 10px;
  4955. color: #333;
  4956. font-size: 18px;
  4957. }
  4958. .signature1 .left ul li.active a {
  4959. background-color: #e7f2fe;
  4960. border-color: #157df1;
  4961. color: #157df1;
  4962. }
  4963. .signature1 .left ul li.active a .iconfont {
  4964. color: #157df1;
  4965. }
  4966. .signature1 .left ul li.active a .icon-upload1 {
  4967. font-size: 18px;
  4968. }
  4969. .signature1 .left ul li:hover a {
  4970. background-color: #e7f2fe;
  4971. border-color: #157df1;
  4972. color: #157df1;
  4973. }
  4974. .signature1 .left ul li:hover a .iconfont {
  4975. color: #157df1;
  4976. }
  4977. .signature1 .left ul li .icon-xiangzi {
  4978. position: relative;
  4979. top: 1px;
  4980. }
  4981. .signature1 .left ul li .icon-caidan {
  4982. position: relative;
  4983. top: 1px;
  4984. }
  4985. .signature1 .right {
  4986. position: relative;
  4987. }
  4988. .signature1 .right .step {
  4989. overflow: hidden;
  4990. margin-bottom: 10px;
  4991. }
  4992. .signature1 .right .step li {
  4993. float: left;
  4994. background-color: #fff;
  4995. width: 19.5%;
  4996. height: 44px;
  4997. line-height: 44px;
  4998. text-align: center;
  4999. color: #666;
  5000. position: relative;
  5001. border: none;
  5002. }
  5003. .signature1 .right .step li span {
  5004. display: inline-block;
  5005. width: 18px;
  5006. height: 18px;
  5007. border-radius: 50%;
  5008. border: 1px solid #e5e5e5;
  5009. line-height: 16px;
  5010. text-align: center;
  5011. font-size: 12px;
  5012. margin-right: 10px;
  5013. }
  5014. .signature1 .right .step li.active {
  5015. color: #157df1;
  5016. }
  5017. .signature1 .right .step li.active span {
  5018. color: #157df1;
  5019. border-color: #157df1;
  5020. }
  5021. .signature1 .right .step li:after,
  5022. .signature1 .right .step li:before {
  5023. left: 100%;
  5024. top: 50%;
  5025. border: solid transparent;
  5026. content: " ";
  5027. height: 0;
  5028. width: 0;
  5029. position: absolute;
  5030. pointer-events: none;
  5031. z-index: 1;
  5032. }
  5033. .signature1 .right .step li:before {
  5034. border-color: rgba(255, 0, 0, 0);
  5035. border-left-color: #f2f2f5;
  5036. border-width: 30px;
  5037. margin-top: -30px;
  5038. }
  5039. .signature1 .right .step li:after {
  5040. border-color: rgba(255, 255, 255, 0);
  5041. border-left-color: #fff;
  5042. border-width: 25px;
  5043. margin-top: -25px;
  5044. z-index: 1;
  5045. }
  5046. .signature1 .right .step-common {
  5047. box-shadow: 0 0 5px rgba(0, 0, 0, .05);
  5048. background-color: #fff;
  5049. border-radius: 3px;
  5050. /*margin-top: 10px;*/
  5051. color: #333;
  5052. padding-bottom: 30px;
  5053. /*min-height: 446px;*/
  5054. }
  5055. .signature1 .right .step-common .tit {
  5056. line-height: 60px;
  5057. border-bottom: 1px solid #e5e5e5;
  5058. height: 60px;
  5059. padding: 0 0 0 30px;
  5060. margin-bottom: 20px;
  5061. }
  5062. .signature1 .right .step-common ul {
  5063. padding: 0 30px 30px 30px;
  5064. }
  5065. .signature1 .warn-prompt-wrap {
  5066. padding-bottom: 20px;
  5067. margin-top: -20px;
  5068. }
  5069. .signature1 .warn-prompt-wrap .warn-prompt {
  5070. width: calc(100% - 16.66666667% - 10px);
  5071. }
  5072. .signature1 .warn-prompt-wrap .warn-prompt-1 {
  5073. width: calc(100% - 16.66666667% - 10px);
  5074. margin-bottom: 0;
  5075. }
  5076. .release-app2 .warn-prompt-wrap {
  5077. padding-bottom: 20px;
  5078. margin-top: -20px;
  5079. }
  5080. .release-app2 .warn-prompt-wrapp {
  5081. padding-bottom: -20px;
  5082. margin-top: 10px;
  5083. }
  5084. .release-app2 .warn-prompt-wrap .warn-prompt {
  5085. width: calc(100% - 16.66666667% - 10px);
  5086. }
  5087. .release-app2 .warn-prompt-wrap .warn-prompt-1 {
  5088. width: calc(100% - 16.66666667% - 10px);
  5089. margin-bottom: 0;
  5090. }
  5091. /*对公转账*/
  5092. .contrary-transfer {
  5093. color: #666;
  5094. padding: 0 25px;
  5095. display: none;
  5096. }
  5097. .contrary-transfer .warn-prompt {
  5098. margin-top: 0;
  5099. margin-bottom: 15px;
  5100. }
  5101. .contrary-transfer dl dt {
  5102. width: 60px;
  5103. text-align: right;
  5104. margin-right: 45px;
  5105. padding-top: 7px;
  5106. }
  5107. .contrary-transfer dl dd {
  5108. height: 34px;
  5109. line-height: 34px;
  5110. }
  5111. .contrary-transfer .dl-input dd {
  5112. height: auto;
  5113. line-height: normal;
  5114. }
  5115. .contrary-transfer .dl-input {
  5116. margin-top: 10px;
  5117. }
  5118. .contrary-transfer .dl-input .form-error+.error {
  5119. display: block;
  5120. }
  5121. .contrary-transfer .dl-input .error {
  5122. color: #ff4222;
  5123. display: none;
  5124. }
  5125. .signature1 .right .step1 .upload-file {
  5126. padding: 0;
  5127. height: 436px;
  5128. margin-top: 10px;
  5129. text-align: center;
  5130. box-shadow: 0 0 5px rgba(0, 0, 0, .05);
  5131. }
  5132. .signature1 .right .step1 .qq-upload-button-selector {
  5133. margin-top: 100px !important;
  5134. }
  5135. .signature1 .right .step1 .qq-upload-list-selector li {
  5136. padding-left: 20px;
  5137. padding-right: 20px;
  5138. }
  5139. .signature1 .right .step2 .form-group {
  5140. margin-bottom: 30px;
  5141. }
  5142. .signature1 .right .step2 .form-group .col-sm-6 {
  5143. position: relative;
  5144. }
  5145. .signature1 .right .step2 .form-group .error-prompt {
  5146. position: absolute;
  5147. left: 15px;
  5148. top: calc(100% + 3px);
  5149. color: #f00;
  5150. display: none;
  5151. }
  5152. .signature1 .right .step2 .form-group.form-error .error-prompt {
  5153. display: block;
  5154. }
  5155. .signature1 .right .step2 ul {
  5156. padding: 7px 15px 0;
  5157. }
  5158. .signature1 .right .step2 .form-group .col-sm-2 {
  5159. width: 14%;
  5160. }
  5161. .signature1 .right .step2 .app-name img {
  5162. border: 1px solid #e5e5e5;
  5163. border-radius: 15px;
  5164. width: 60px;
  5165. height: 60px;
  5166. }
  5167. .signature1 .right .step2 .app-name .col-sm-2:nth-of-type(1) {
  5168. line-height: 60px;
  5169. padding-top: 0;
  5170. }
  5171. .signature1 .right .step2 .app-name .col-sm-2:nth-of-type(2) {
  5172. width: auto;
  5173. padding-right: 0;
  5174. }
  5175. .signature1 .right .step2 .app-name .col-sm-4 {
  5176. line-height: 60px;
  5177. }
  5178. .signature1 .right .step3 .text {
  5179. padding-left: 30px;
  5180. margin-bottom: 20px;
  5181. }
  5182. .signature1 .right .step3 .text img {
  5183. width: 30px;
  5184. height: 30px;
  5185. border: 1px solid #e5e5e5;
  5186. border-radius: 6px;
  5187. }
  5188. .signature1 .right .step3 .text p {
  5189. line-height: 30px;
  5190. margin-left: 15px;
  5191. }
  5192. .signature1 .right .step3 .pay-money {
  5193. padding-bottom: 0;
  5194. padding-left: 30px;
  5195. }
  5196. .signature1 .right .step3 .pay-money .ms-btn {
  5197. width: auto;
  5198. padding: 6px 12px;
  5199. }
  5200. .signature1 .right .step3 .pay-money .ms-btn.color-hover {
  5201. padding-left: 0;
  5202. }
  5203. .signature1 .right .step3 .pay-money .ms-btn-primary {
  5204. width: 160px;
  5205. padding: 9px 0;
  5206. }
  5207. .signature1 .right .step3 .choose-package li {
  5208. height: 40px;
  5209. line-height: 40px;
  5210. text-align: center;
  5211. width: 100px;
  5212. border: 1px solid #e5e5e5;
  5213. position: relative;
  5214. border-radius: 3px;
  5215. margin-right: 30px;
  5216. float: left;
  5217. cursor: pointer;
  5218. }
  5219. .signature1 .right .step3 .choose-package li .icon-checkbox {
  5220. position: absolute;
  5221. right: 0;
  5222. bottom: 0;
  5223. border-bottom-right-radius: 3px;
  5224. display: none;
  5225. }
  5226. .signature1 .right .step3 .choose-package li.active {
  5227. border-color: #157df1;
  5228. }
  5229. .signature1 .right .step3 .choose-package li.active .icon-checkbox {
  5230. display: block;
  5231. }
  5232. .signature1 .right .step3 .tooltip .tooltip-inner {
  5233. max-width: 300px;
  5234. }
  5235. .signature1 .right .step4 {
  5236. padding-bottom: 0;
  5237. }
  5238. .signature1 .right .step4 .top {
  5239. padding: 30px;
  5240. border-bottom: 1px solid #e5e5e5;
  5241. min-height: 350px;
  5242. }
  5243. .signature1 .right .step4 .top img {
  5244. border: 1px solid #e5e5e5;
  5245. border-radius: 15px;
  5246. width: 80px;
  5247. height: 80px;
  5248. margin-right: 20px;
  5249. }
  5250. .signature1 .right .step4 .top table {
  5251. width: 45%;
  5252. color: #333;
  5253. }
  5254. .signature1 .right .step4 .top table caption {
  5255. color: #333;
  5256. font-size: 24px;
  5257. margin-bottom: 5px;
  5258. }
  5259. .signature1 .right .step4 .top table caption .tit1 {
  5260. position: relative;
  5261. }
  5262. .signature1 .right .step4 .top table caption .version {
  5263. position: absolute;
  5264. left: calc(100% + 2px);
  5265. top: 0;
  5266. background-color: #ed2027;
  5267. font-size: 12px;
  5268. width: 42px;
  5269. color: #fff;
  5270. text-align: center;
  5271. border-radius: 3px;
  5272. }
  5273. .signature1 .right .step4 .top table td {
  5274. padding: 2px 0;
  5275. font-size: 12px;
  5276. }
  5277. .signature1 .right .step4 .top.signature-disabled img {
  5278. -webkit-filter: grayscale(1);
  5279. filter: gray;
  5280. filter: grayscale(1);
  5281. }
  5282. .signature1 .right .step4 .top.signature-disabled table {
  5283. color: #999;
  5284. }
  5285. .signature1 .right .step4 .top.signature-disabled table caption {
  5286. color: #999;
  5287. }
  5288. .signature1 .right .step4 .step-bottom {
  5289. padding: 20px 50px 15px;
  5290. }
  5291. .signature1 .right .step4 .step-bottom table {
  5292. width: 100%;
  5293. }
  5294. .signature1 .right .step4 .step-bottom table th {
  5295. font-weight: 600;
  5296. padding: 5px;
  5297. }
  5298. .signature1 .right .step4 .step-bottom table th span {
  5299. display: inline-block;
  5300. width: 3px;
  5301. height: 16px;
  5302. background-color: #157df1;
  5303. position: relative;
  5304. top: 3px;
  5305. margin-right: 7px;
  5306. }
  5307. .signature1 .right .step4 .step-bottom table td {
  5308. padding: 5px;
  5309. }
  5310. .signature1 .right .app-table {
  5311. margin-bottom: 0;
  5312. }
  5313. .signature1 .right .app-table th {
  5314. border-bottom-width: 1px;
  5315. }
  5316. .table-list .app-table tr:hover td {
  5317. background-color: #ebf7ff;
  5318. }
  5319. .table-list .app-table td .app-icon-size {
  5320. margin: 10px 10px 10px 0;
  5321. }
  5322. .table-list .app-table td .app-icon-size img {
  5323. width: 45px;
  5324. height: 45px;
  5325. border-radius: 10px;
  5326. border: 1px solid #e5e5e5;
  5327. }
  5328. .signature1 .right .app-table td .icon-download {
  5329. font-size: 20px;
  5330. cursor: pointer;
  5331. color: #157df1;
  5332. }
  5333. /*.signature1 .right .app-table td .icon-download:hover{color: #157df1;}*/
  5334. .signature1 .right .app-table .number {
  5335. cursor: pointer;
  5336. }
  5337. .signature1 .right .app-table .number .text {
  5338. position: relative;
  5339. }
  5340. .signature1 .right .app-table .number .glyphicon {
  5341. color: #bbb;
  5342. display: block;
  5343. font-size: 13px;
  5344. position: absolute;
  5345. left: calc(100% + 3px);
  5346. }
  5347. .signature1 .right .app-table .number .glyphicon-triangle-top {
  5348. top: -4px;
  5349. }
  5350. .signature1 .right .app-table .number .glyphicon-triangle-bottom {
  5351. top: 4px;
  5352. }
  5353. .signature1 .right .app-table .number.sorted.ascending .glyphicon-triangle-top {
  5354. color: #666;
  5355. }
  5356. .signature1 .right .app-table .number.sorted.descending .glyphicon-triangle-bottom {
  5357. color: #666;
  5358. }
  5359. .signature1 .right .no-signature {
  5360. background-color: #fff;
  5361. min-height: 420px;
  5362. text-align: center;
  5363. padding-top: 130px;
  5364. border: 1px solid #e5e5e5;
  5365. border-top: none;
  5366. }
  5367. .signature1 .right .no-signature .text {
  5368. margin-top: 20px;
  5369. }
  5370. /*.signature1 .release-app .app-table tr th:first-of-type{width: 80px;}*/
  5371. .signature1 .release-app .app-table td .tit-ellipsis {
  5372. width: 70px;
  5373. overflow: hidden;
  5374. text-overflow: ellipsis;
  5375. white-space: nowrap;
  5376. display: inline-block;
  5377. position: relative;
  5378. top: 5px;
  5379. }
  5380. .signature1 .right .warn-prompt {
  5381. margin-top: 20px;
  5382. }
  5383. /*----------/企业签名----------*/
  5384. /*----------封装----------*/
  5385. .encapsulation {
  5386. padding: 30px;
  5387. background-color: #fff;
  5388. }
  5389. .encapsulation .common .list2 {
  5390. padding: 7px 15px 0;
  5391. }
  5392. .encapsulation .common .list2 li {
  5393. margin-right: 40px;
  5394. }
  5395. /*.encapsulation .version-number{margin-bottom: 20px !important;}*/
  5396. .encapsulation .form-horizontal .form-group:last-of-type {
  5397. margin-bottom: 0;
  5398. }
  5399. #device {
  5400. position: relative;
  5401. }
  5402. #device .error {
  5403. position: absolute;
  5404. top: 35px;
  5405. left: 15px;
  5406. white-space: nowrap;
  5407. font-size: 12px;
  5408. color: #fd641d;
  5409. display: none;
  5410. }
  5411. #device.form-error .error {
  5412. display: block;
  5413. }
  5414. .encapsulation .upload-icon {
  5415. position: relative;
  5416. border: 1px solid #ddd;
  5417. height: 100px;
  5418. width: 100px;
  5419. /*border-radius: 15px;*/
  5420. background: url("../image/icon-10.png") no-repeat center 23px;
  5421. margin-bottom: 30px;
  5422. overflow: hidden;
  5423. margin-right: 15px;
  5424. }
  5425. .encapsulation .upload-icon img {
  5426. position: absolute;
  5427. left: 0;
  5428. top: 0;
  5429. width: 100%;
  5430. height: 100%;
  5431. /*border-radius: 15px;*/
  5432. background-color: #fff;
  5433. /*border: 1px solid #e5e5e5;*/
  5434. }
  5435. .encapsulation .upload-icon .thumbnail {
  5436. position: absolute;
  5437. z-index: 2;
  5438. width: 100%;
  5439. height: 100%;
  5440. opacity: 0;
  5441. cursor: pointer;
  5442. }
  5443. .encapsulation .upload-icon .thumbnail1 {
  5444. position: absolute;
  5445. z-index: 2;
  5446. width: 100%;
  5447. height: 100%;
  5448. opacity: 0;
  5449. cursor: pointer;
  5450. }
  5451. .encapsulation .upload-icon .text {
  5452. text-align: center;
  5453. margin-top: 60px;
  5454. font-size: 14px;
  5455. font-weight: 600;
  5456. color: #999;
  5457. }
  5458. .encapsulation .step2 .img-note {
  5459. font-size: 12px;
  5460. display: flex;
  5461. align-items: flex-end;
  5462. height: 90px;
  5463. margin-left: 10px;
  5464. }
  5465. .encapsulation .img-note .ms-btn {
  5466. font-size: 14px;
  5467. }
  5468. .encapsulation .step2 .control-label {
  5469. color: #333;
  5470. }
  5471. .encapsulation .upload-icon .reset {
  5472. position: absolute;
  5473. left: 0;
  5474. bottom: 0;
  5475. height: 20px;
  5476. line-height: 20px;
  5477. background: rgba(0, 0, 0, .5);
  5478. width: 100%;
  5479. color: #fff;
  5480. text-align: center;
  5481. font-size: 12px;
  5482. display: none;
  5483. }
  5484. .encapsulation .upload-icon .reset {
  5485. display: none;
  5486. }
  5487. .encapsulation .upload-icon.uploaded .reset {
  5488. display: none;
  5489. }
  5490. .encapsulation .upload-icon.uploaded:hover .reset {
  5491. display: block;
  5492. }
  5493. .encapsulation .upload-img {
  5494. height: 215px;
  5495. width: 120px;
  5496. background-position: center 45%;
  5497. /*border-radius: 5px;*/
  5498. margin-bottom: 0;
  5499. }
  5500. .encapsulation .upload-img .text {
  5501. text-align: center;
  5502. margin-top: 120px;
  5503. }
  5504. .encapsulation .upload-img img {
  5505. /*border-radius: 5px;*/
  5506. }
  5507. .encapsulation .step2 .img-note1 {
  5508. font-size: 12px;
  5509. display: flex;
  5510. align-items: flex-end;
  5511. height: 215px;
  5512. margin-left: 10px;
  5513. }
  5514. .encapsulation .step2 .img-note1 .ms-btn {
  5515. font-size: 14px;
  5516. }
  5517. /*启动图 显示时间*/
  5518. .encapsulation .step2 .start-time .tit {
  5519. color: #333;
  5520. }
  5521. .encapsulation .step2 .start-time ul {
  5522. padding-left: 0;
  5523. }
  5524. .encapsulation .step2 .start-time ul li {
  5525. float: left;
  5526. cursor: pointer;
  5527. margin-right: 30px;
  5528. }
  5529. .encapsulation .step2 .start-time ul li .icon-radio {
  5530. margin-right: 10px;
  5531. top: 3px;
  5532. }
  5533. /*/启动图 显示时间*/
  5534. /*启动图 显示跳过*/
  5535. .encapsulation .step2 .show-skip .tit {
  5536. color: #333;
  5537. }
  5538. .encapsulation .step2 .show-skip ul {
  5539. padding-left: 0;
  5540. }
  5541. /*/启动图 显示跳过*/
  5542. .encapsulation4 {
  5543. padding: 30px 0;
  5544. }
  5545. .encapsulation4 .common {
  5546. margin-bottom: 10px;
  5547. }
  5548. .encapsulation4 .common .tit {
  5549. padding: 0 30px 20px;
  5550. border-bottom: 1px solid #e5e5e5;
  5551. color: #333;
  5552. }
  5553. .encapsulation4 .common .list2 {
  5554. padding: 20px 30px 30px;
  5555. color: #333;
  5556. }
  5557. .encapsulation4 .pay-money {
  5558. padding-bottom: 0;
  5559. margin-top: 0;
  5560. }
  5561. .encapsulation4 .pay-money .ms-btn.color-hover {
  5562. width: auto;
  5563. padding: 6px 12px;
  5564. }
  5565. .encapsulation5 {
  5566. padding: 0;
  5567. background-color: transparent;
  5568. }
  5569. .encapsulation5 .e-details dt {
  5570. color: #333;
  5571. font-size: 24px;
  5572. }
  5573. .encapsulation5 .e-details dd {
  5574. margin-top: 5px;
  5575. font-size: 12px;
  5576. }
  5577. .encapsulation5 .e-details dt .tit1 {
  5578. position: relative;
  5579. }
  5580. .encapsulation5 .e-details .d-bottom>span {
  5581. margin-right: 50px;
  5582. }
  5583. .encapsulation5 table {
  5584. table-layout: fixed;
  5585. }
  5586. .encapsulation5 table .ellipsis-wrap {
  5587. position: relative;
  5588. }
  5589. .encapsulation5 table .ellipsis-wrap .popover {
  5590. max-width: 410px;
  5591. width: 410px;
  5592. top: 15px;
  5593. font-size: 14px;
  5594. }
  5595. .encapsulation5 table .ellipsis-wrap .popover .popover-content span {
  5596. color: #157df1;
  5597. margin-left: 10px;
  5598. cursor: pointer;
  5599. }
  5600. .encapsulation5 table .ellipsis-wrap .ellipsis {
  5601. width: 80%;
  5602. }
  5603. .encapsulation5 table .ellipsis-wrap .popover.bottom>.arrow {
  5604. left: 25px;
  5605. }
  5606. .encapsulation5 table .ellipsis-wrap:hover .popover {
  5607. display: block;
  5608. }
  5609. .encapsulation-app1 {
  5610. padding: 0;
  5611. background-color: transparent;
  5612. }
  5613. .encapsulation-app1 .app-table {
  5614. color: #666;
  5615. }
  5616. .encapsulation-app1 .app-table .iconfont {
  5617. color: #bbb;
  5618. }
  5619. .encapsulation-app1 .app-table tr th {
  5620. padding-left: 10px;
  5621. padding-right: 10px;
  5622. }
  5623. .encapsulation-app1 .app-table tr td {
  5624. height: 60px;
  5625. padding: 0 10px !important;
  5626. }
  5627. /*.encapsulation-app1 .app-table tr th:nth-of-type(2){text-align: left;}*/
  5628. /*.encapsulation-app1 .app-table tr th:nth-of-type(3){text-align: left;}*/
  5629. /*.encapsulation-app1 .app-table tr td:nth-of-type(3){text-align: left;}*/
  5630. /*.encapsulation-app1 table tr td:nth-of-type(3) a{max-width: 160px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: block;}*/
  5631. .encapsulation-app1 .number {
  5632. width: 120px;
  5633. }
  5634. .table-list .app-table .tr-disabled:hover td {
  5635. background-color: #f7f7f7;
  5636. }
  5637. .table-list .app-table .td-disabled {
  5638. color: #999;
  5639. position: relative;
  5640. }
  5641. .table-list .app-table .td-disabled .icon-download {
  5642. display: none;
  5643. }
  5644. .table-list .app-table .mask {
  5645. position: absolute;
  5646. background-color: red;
  5647. opacity: 0;
  5648. left: 0;
  5649. top: 0;
  5650. width: 100%;
  5651. height: 100%;
  5652. cursor: not-allowed;
  5653. }
  5654. .table-list .app-table .td-disabled img {
  5655. -webkit-filter: grayscale(1);
  5656. filter: gray;
  5657. filter: grayscale(1);
  5658. }
  5659. .table-list .app-table .td-disabled.table-action-3 .table-btn {
  5660. display: none;
  5661. }
  5662. .encapsulation-app1 .no-app {
  5663. background-color: #fff;
  5664. padding-top: .1px;
  5665. min-height: 420px;
  5666. border: 1px solid #e5e5e5;
  5667. border-top: none;
  5668. }
  5669. .encapsulation-app1 .no-app .icon-zhuangxiang {
  5670. margin-right: 5px;
  5671. font-size: 18px;
  5672. }
  5673. .encapsulation-app1 .no-app .ms-btn .text {
  5674. margin-top: 3px;
  5675. }
  5676. .no-app .big {
  5677. display: none;
  5678. }
  5679. .big-bag .no-app .small {
  5680. display: none;
  5681. }
  5682. .big-bag .no-app .big {
  5683. display: block;
  5684. }
  5685. .table-list .app-table .ellipsis {
  5686. max-width: 160px;
  5687. width: auto;
  5688. }
  5689. .table-list .app-table .pack-name-ellipsis {
  5690. max-width: 140px;
  5691. width: auto;
  5692. }
  5693. .table-list .app-table .table-btn {
  5694. padding: 4px 10px;
  5695. border: 1px solid #157df1;
  5696. border-radius: 3px;
  5697. display: inline-block;
  5698. }
  5699. .table-list .app-table .table-btn+.table-btn {
  5700. margin-left: 3px;
  5701. }
  5702. .table-list .app-table .table-btn:hover {
  5703. background-color: #157df1;
  5704. color: #fff;
  5705. }
  5706. .table-list .app-table .table-btn:focus {
  5707. background-color: transparent;
  5708. color: #157df1;
  5709. }
  5710. .table-list .app-table .table-btn:focus:hover {
  5711. background-color: #157df1;
  5712. color: #fff;
  5713. }
  5714. .table-list .app-table .table-btn[disabled=disabled] {
  5715. color: #ccc;
  5716. cursor: not-allowed;
  5717. border-color: #e8e8e8;
  5718. background-color: #e8e8e8;
  5719. }
  5720. .table-list .app-table .table-btn[disabled=disabled]:focus {
  5721. color: #ccc;
  5722. cursor: not-allowed;
  5723. border-color: #e8e8e8;
  5724. background-color: #e8e8e8;
  5725. }
  5726. .table-list .app-table .table-btn.disabled {
  5727. color: #ccc;
  5728. cursor: not-allowed;
  5729. border-color: #e8e8e8;
  5730. background-color: #e8e8e8;
  5731. }
  5732. .table-list .app-table .table-btn.disabled:focus {
  5733. color: #ccc;
  5734. cursor: not-allowed;
  5735. border-color: #e8e8e8;
  5736. background-color: #e8e8e8;
  5737. }
  5738. .table-list .app-table .table-btn.color-delete {
  5739. border-color: #ee635d;
  5740. margin-right: 0;
  5741. }
  5742. .table-list .app-table .table-btn.color-delete:hover {
  5743. background-color: #ee635d;
  5744. color: #fff;
  5745. }
  5746. .table-list .app-table .table-btn.color-delete:focus {
  5747. background-color: transparent;
  5748. color: #ee635d;
  5749. }
  5750. .table-list .app-table .table-btn.color-delete:focus:hover {
  5751. background-color: #ee635d;
  5752. color: #fff;
  5753. }
  5754. .table-list .app-table .table-btn.color-delete[disabled=disabled] {
  5755. color: #ccc;
  5756. cursor: not-allowed;
  5757. border-color: #e8e8e8;
  5758. background-color: #e8e8e8;
  5759. }
  5760. .table-list .app-table .table-btn.color-delete[disabled=disabled]:focus:hover {
  5761. color: #ccc;
  5762. cursor: not-allowed;
  5763. border-color: #e8e8e8;
  5764. background-color: #e8e8e8;
  5765. }
  5766. .table-list .app-table .table-btn.color-delete.disabled {
  5767. color: #ccc;
  5768. cursor: not-allowed;
  5769. border-color: #e8e8e8;
  5770. background-color: #e8e8e8;
  5771. }
  5772. .table-list .app-table .table-btn.color-delete.disabled:focus:hover {
  5773. color: #ccc;
  5774. cursor: not-allowed;
  5775. border-color: #e8e8e8;
  5776. background-color: #e8e8e8;
  5777. }
  5778. .table-list .app-table .table-btn.disabled {
  5779. color: #999;
  5780. cursor: not-allowed;
  5781. }
  5782. .table-list .app-table .table-action-2 {
  5783. width: 190px;
  5784. }
  5785. .table-list .app-table .table-action-3 {
  5786. width: 225px;
  5787. }
  5788. .table-list .app-table .table-action-4 {
  5789. width: 265px;
  5790. }
  5791. .table-list .app-table td .tit2 {
  5792. max-width: 115px;
  5793. overflow: hidden;
  5794. text-overflow: ellipsis;
  5795. white-space: nowrap;
  5796. display: block;
  5797. color: #333;
  5798. font-size: 14px;
  5799. text-align: left;
  5800. line-height: 14px;
  5801. margin-top: 10px;
  5802. }
  5803. .table-list .app-table td .tit2:hover {
  5804. color: #157df1;
  5805. }
  5806. .table-list .app-table td .tit3 {
  5807. color: #999;
  5808. font-size: 12px;
  5809. text-align: left;
  5810. display: block;
  5811. margin-top: 2px;
  5812. }
  5813. .table-list .app-table tr .angle-parent {
  5814. position: relative;
  5815. }
  5816. .table-list .app-table tr .angle-parent .angle {
  5817. position: absolute;
  5818. left: 0;
  5819. top: 0;
  5820. }
  5821. .app-details2 .angle-parent {
  5822. position: relative;
  5823. }
  5824. .app-details2 .angle-parent .angle {
  5825. position: absolute;
  5826. left: 0;
  5827. top: 0;
  5828. }
  5829. .encapsulation3 {
  5830. padding: 0;
  5831. }
  5832. .encapsulation3 {
  5833. padding-top: .1px;
  5834. }
  5835. .encapsulation3 .tit3 {
  5836. padding: 20px 30px;
  5837. border-bottom: 1px solid #e5e5e5;
  5838. color: #333;
  5839. }
  5840. .encapsulation3 .free-tool {
  5841. color: #151515;
  5842. font-size: 16px;
  5843. font-weight: 700;
  5844. }
  5845. .encapsulation3 .pay-tool {
  5846. color: #151515;
  5847. font-size: 16px;
  5848. font-weight: 700;
  5849. }
  5850. .encapsulation3 .plugin-list {
  5851. padding: 20px 10px;
  5852. }
  5853. .encapsulation3 .plugin-list .con {
  5854. border: 1px solid #e5e5e5;
  5855. border-radius: 5px;
  5856. cursor: pointer;
  5857. position: relative;
  5858. width: 120px;
  5859. height: 100px;
  5860. box-sizing: border-box;
  5861. }
  5862. .encapsulation3 .plugin-list .con img {
  5863. margin: 10px auto 6px;
  5864. height: 25px;
  5865. }
  5866. .encapsulation3 .plugin-list .con .text3 {
  5867. text-align: center;
  5868. margin-bottom: 10px;
  5869. color: #151515;
  5870. font-size: 14px;
  5871. }
  5872. .encapsulation3 .plugin-list .con .icon-checkbox {
  5873. position: absolute;
  5874. bottom: 0;
  5875. right: 0;
  5876. display: none;
  5877. }
  5878. .encapsulation3 .plugin-list .con.active {
  5879. border-color: #157df1;
  5880. }
  5881. .encapsulation3 .plugin-list .con.active .icon-checkbox {
  5882. display: block;
  5883. }
  5884. .encapsulation3 .plugin-list .row {
  5885. margin-left: -10px;
  5886. margin-right: -10px;
  5887. }
  5888. .encapsulation3 .plugin-list .row .col-sm-2 {
  5889. padding-left: 10px;
  5890. padding-right: 10px;
  5891. }
  5892. .encapsulation3 .plugin-list .con .in-development {
  5893. position: absolute;
  5894. background-color: rgba(0, 0, 0, .7);
  5895. left: 0;
  5896. top: 0;
  5897. width: 100%;
  5898. height: 100%;
  5899. color: #fff;
  5900. border-radius: 5px;
  5901. display: none;
  5902. align-items: center;
  5903. justify-content: center;
  5904. }
  5905. .encapsulation3 .plugin-list .con:hover .in-development {
  5906. display: flex;
  5907. }
  5908. .encapsulation3 .plugin-list .col-sm-2 {
  5909. width: 20%;
  5910. margin-bottom: 20px;
  5911. }
  5912. /*.encapsulation3 .plugin-list .row .col-sm-2:nth-of-type(n+11){margin-bottom: 0;}*/
  5913. .encapsulation3 .plugin-list .con .c-left {
  5914. font-size: 12px;
  5915. width: 100%;
  5916. }
  5917. .encapsulation3 .plugin-list .con .c-left .img-hide {
  5918. display: none;
  5919. }
  5920. .encapsulation3 .plugin-list .con.active .c-left .img-hide {
  5921. display: block;
  5922. }
  5923. .encapsulation3 .plugin-list .con.active .c-left .img-show {
  5924. display: none;
  5925. }
  5926. .encapsulation3 .plugin-list .con .c-right {
  5927. padding: 15px 20px 15px 0;
  5928. height: 68px;
  5929. display: flex;
  5930. align-items: center;
  5931. justify-content: center;
  5932. float: none;
  5933. }
  5934. .encapsulation3 .plugin-list .con .c-right .line {
  5935. border-left: 1px solid #e5e5e5;
  5936. width: 1px;
  5937. height: 100%;
  5938. margin-right: 20px;
  5939. }
  5940. .encapsulation3 .plugin-list .con .c-right .iconfont {
  5941. position: absolute;
  5942. top: -3px;
  5943. right: 0px;
  5944. border-radius: 5px;
  5945. color: #e5e5e5;
  5946. }
  5947. .encapsulation3 .plugin-list .con .c-right .icon-checkbox-checked1 {
  5948. color: #157df1;
  5949. }
  5950. .encapsulation3 .plugin-list .con:hover {
  5951. border-color: #157df1;
  5952. }
  5953. /*
  5954. * table列表 优化
  5955. * 2018/10/24
  5956. */
  5957. .table-list-wrap {
  5958. box-shadow: 0 0 5px rgba(0, 0, 0, .05);
  5959. background-color: #fff;
  5960. padding: 30px;
  5961. min-height: 550px;
  5962. }
  5963. .new-encapsulation {}
  5964. .new-encapsulation .right .step li {
  5965. width: 32.5%;
  5966. }
  5967. .new-encapsulation .right .step-common {
  5968. min-height: 450px;
  5969. }
  5970. .new-encapsulation .right .step-common .form-group {
  5971. margin-bottom: 30px;
  5972. }
  5973. .new-encapsulation .right .step-common .form-group1 {
  5974. margin-bottom: 20px;
  5975. }
  5976. @media (min-width: 1200px) {
  5977. .new-encapsulation .right .step-common .form-group .col-sm-2 {
  5978. width: 14%;
  5979. }
  5980. }
  5981. .new-encapsulation .step-common .img-note {
  5982. font-size: 12px;
  5983. display: flex;
  5984. align-items: flex-end;
  5985. height: 90px;
  5986. margin-left: 10px;
  5987. }
  5988. .new-encapsulation .encapsulation .upload-icon {
  5989. margin-bottom: 0;
  5990. }
  5991. .encapsulation .prev-step {
  5992. padding: 6px 0;
  5993. margin-right: 12px;
  5994. }
  5995. /*----------/封装----------*/
  5996. /*----------封装 配置插件----------*/
  5997. .plugin-modal .modal-dialog {
  5998. width: 700px;
  5999. }
  6000. .plugin-modal .modal-title {
  6001. color: #333;
  6002. }
  6003. .plugin-modal .modal-header {
  6004. padding-left: 30px;
  6005. }
  6006. .plugin-modal .modal-footer {
  6007. padding: 30px 15px;
  6008. }
  6009. .plugin-modal .modal-header .close {
  6010. opacity: 1;
  6011. color: #333;
  6012. font-size: 26px;
  6013. }
  6014. .plugin-modal .modal-body {
  6015. max-height: 600px;
  6016. overflow-y: auto;
  6017. position: relative;
  6018. }
  6019. .modal-aside .modal-body {
  6020. min-height: 600px;
  6021. }
  6022. .plugin-modal .modal-body .more-gif {
  6023. position: absolute;
  6024. left: 50%;
  6025. bottom: 0px;
  6026. margin-left: -52px;
  6027. }
  6028. .plugin-modal .modal-aside {
  6029. background-color: #f0f0f0;
  6030. border-radius: 6px;
  6031. }
  6032. .plugin-modal .modal-aside .modal-aside-left {
  6033. width: 35%;
  6034. }
  6035. .plugin-modal .modal-aside .modal-aside-left .tit1 {
  6036. color: #333;
  6037. font-size: 16px;
  6038. text-align: center;
  6039. margin-top: 55px;
  6040. margin-bottom: 25px;
  6041. }
  6042. .plugin-modal .modal-aside .modal-aside-right {
  6043. width: 65%;
  6044. background-color: #fff;
  6045. /*min-height: 710px;*/
  6046. border-radius: 0 6px 6px 0;
  6047. }
  6048. .sp-button-container {
  6049. width: 75px;
  6050. }
  6051. .sp-input {
  6052. border: 1px solid #222;
  6053. }
  6054. /*浏览器*/
  6055. .plugin-browser .select-browser {
  6056. color: #157df1;
  6057. font-size: 12px;
  6058. margin-left: 125px;
  6059. }
  6060. .plugin-browser .select-browser:hover {
  6061. text-decoration: underline;
  6062. }
  6063. /*/浏览器*/
  6064. /*加载动画*/
  6065. .config-plugin {}
  6066. .config-plugin .plugin-common {
  6067. padding: 15px 20px;
  6068. }
  6069. .config-plugin .plugin-common .sp-replacer {
  6070. width: 100%;
  6071. }
  6072. .config-plugin .plugin-common .sp-preview {
  6073. width: 90%;
  6074. }
  6075. .plugin-loading .tit3 {
  6076. color: #333;
  6077. margin: 45px 0 15px;
  6078. }
  6079. .plugin-loading .con {
  6080. border: 1px solid #e5e5e5;
  6081. border-radius: 5px;
  6082. padding: 0 10px;
  6083. position: relative;
  6084. overflow: hidden;
  6085. cursor: pointer;
  6086. }
  6087. .plugin-loading .con .icon-checkbox {
  6088. position: absolute;
  6089. right: 0;
  6090. bottom: 0;
  6091. display: none;
  6092. }
  6093. .plugin-loading .con.active {
  6094. border-color: #157df1;
  6095. }
  6096. .plugin-loading .con.active .icon-checkbox {
  6097. display: block;
  6098. }
  6099. .plugin-loading .con .tit1 {
  6100. padding: 15px 0;
  6101. }
  6102. .plugin-loading .con.active .tit1 {
  6103. color: #157df1;
  6104. }
  6105. .plugin-loading .con-1 {
  6106. border: 1px solid #e5e5e5;
  6107. border-radius: 5px 5px 0 0;
  6108. border-bottom: none;
  6109. height: 140px;
  6110. }
  6111. .config-plugin .plugin-common .top {
  6112. color: #333;
  6113. text-align: center;
  6114. }
  6115. .config-plugin .plugin-common .top .time {
  6116. font-size: 12px;
  6117. font-weight: 600;
  6118. padding-left: 20px;
  6119. margin-top: 3px;
  6120. display: inline-block;
  6121. }
  6122. .config-plugin .plugin-common .top .num {
  6123. font-size: 12px;
  6124. font-weight: 600;
  6125. margin: 3px 5px 0 0;
  6126. }
  6127. .config-plugin .plugin-common .top .icon-signal {
  6128. margin-left: 3px;
  6129. }
  6130. .config-plugin .plugin-common .top .icon-wifi {
  6131. font-size: 15px;
  6132. margin-left: 5px;
  6133. }
  6134. .config-plugin .plugin-common .top .icon-dianliang {
  6135. font-size: 14px;
  6136. margin-right: 3px;
  6137. }
  6138. .plugin-loading .con-1 .tit2 {
  6139. text-align: center;
  6140. color: #157df1;
  6141. font-weight: 600;
  6142. border-bottom: 1px solid #e5e5e5;
  6143. padding-bottom: 5px;
  6144. position: relative;
  6145. }
  6146. .plugin-loading .con-1 .tit2 .progress1 {
  6147. position: absolute;
  6148. left: 0;
  6149. bottom: -1px;
  6150. background: #157df1;
  6151. height: 1px;
  6152. width: 80%;
  6153. }
  6154. .plugin-loading .con-1 img {
  6155. margin: 35px auto 0;
  6156. width: 26px;
  6157. height: 26px;
  6158. display: block;
  6159. }
  6160. /*/加载动画*/
  6161. /*清除缓存*/
  6162. .config-plugin .plugin-common .common-ul li {
  6163. float: left;
  6164. width: 140px;
  6165. height: 40px;
  6166. line-height: 40px;
  6167. text-align: center;
  6168. border: 1px solid #e5e5e5;
  6169. position: relative;
  6170. border-radius: 5px;
  6171. margin-right: 25px;
  6172. overflow: hidden;
  6173. cursor: pointer;
  6174. }
  6175. .config-plugin .plugin-common .common-ul li .icon-checkbox {
  6176. position: absolute;
  6177. right: 0;
  6178. bottom: 0;
  6179. display: none;
  6180. }
  6181. .config-plugin .plugin-common .common-ul li.active {
  6182. border: 1px solid #157df1;
  6183. color: #157df1;
  6184. }
  6185. .config-plugin .plugin-common .common-ul li.active .icon-checkbox {
  6186. display: block;
  6187. }
  6188. /*/清除缓存*/
  6189. /*极光推送*/
  6190. .config-plugin .plugin-common label {
  6191. color: #333;
  6192. }
  6193. /*/极光推送*/
  6194. /*退出提示*/
  6195. .plugin-exit .con-1 {
  6196. position: relative;
  6197. }
  6198. .plugin-exit .con-1 .shadow {
  6199. position: absolute;
  6200. background-color: rgba(0, 0, 0, .7);
  6201. left: 0;
  6202. top: 0;
  6203. width: 100%;
  6204. height: 100%;
  6205. border-radius: 5px 5px 0 0;
  6206. padding: 20px 30px;
  6207. }
  6208. .plugin-exit .con-1 .shadow .s-con {
  6209. background-color: #fff;
  6210. border-radius: 5px;
  6211. height: 100%;
  6212. text-align: center;
  6213. font-size: 12px;
  6214. color: #333;
  6215. padding-top: .1px;
  6216. }
  6217. .plugin-exit .con-1 .shadow .s-con .s-tit {
  6218. font-weight: 600;
  6219. margin-top: 15px;
  6220. }
  6221. .plugin-exit .con-1 .shadow .s-con p {
  6222. margin-top: 5px;
  6223. }
  6224. .plugin-exit .con-1 .shadow .s-con ol {
  6225. margin-top: 15px;
  6226. }
  6227. .plugin-exit .con-1 .shadow .s-con ol li {
  6228. float: left;
  6229. color: #157df1;
  6230. border-top: 1px solid #e5e5e5;
  6231. width: 50%;
  6232. height: 30px;
  6233. line-height: 30px;
  6234. }
  6235. .plugin-exit .con-1 .shadow .s-con ol li:first-of-type {
  6236. border-right: 1px solid #e5e5e5;
  6237. }
  6238. .plugin-exit .con-1 .shadow1 {
  6239. position: absolute;
  6240. background-color: rgba(0, 0, 0, .7);
  6241. left: 15%;
  6242. top: 55%;
  6243. width: 70%;
  6244. height: 30px;
  6245. border-radius: 5px;
  6246. line-height: 30px;
  6247. color: #fff;
  6248. text-align: center;
  6249. font-size: 12px;
  6250. }
  6251. .plugin-exit .mode dd {
  6252. cursor: pointer;
  6253. }
  6254. .plugin-exit .mode dd {
  6255. margin-bottom: 10px;
  6256. }
  6257. .plugin-exit .mode dd .text {
  6258. margin-left: 3px;
  6259. }
  6260. p {}
  6261. /*退出提示*/
  6262. /*引导页*/
  6263. #guideModal .modal-dialog {
  6264. width: 1070px;
  6265. }
  6266. #guideModal .modal-aside-left .bg {
  6267. background: url("../image/aside-10.png") no-repeat center;
  6268. width: 268px;
  6269. height: 564px;
  6270. margin: 0 auto;
  6271. }
  6272. @media (min-width: 1200px) {
  6273. .plugin-guide .row {
  6274. margin: 0 -10px;
  6275. }
  6276. .plugin-guide .row .col-sm-3 {
  6277. width: 20%;
  6278. padding: 0 10px;
  6279. }
  6280. }
  6281. #guideModal .modal-aside-left .bg {
  6282. position: relative;
  6283. }
  6284. #guideModal img[src=""],
  6285. #guideModal img:not([src]) {
  6286. opacity: 0;
  6287. }
  6288. #guideModal .modal-aside-left .bg img {
  6289. display: block;
  6290. background-color: #fff;
  6291. width: 240px;
  6292. height: 425px;
  6293. position: absolute;
  6294. left: 14px;
  6295. top: 70px;
  6296. }
  6297. #guideModal .modal-aside-left .bg .experience-btn {
  6298. position: absolute;
  6299. left: 50%;
  6300. bottom: 110px;
  6301. margin-left: -65px;
  6302. width: 130px;
  6303. height: 30px;
  6304. text-align: center;
  6305. line-height: 28px;
  6306. color: #fff;
  6307. border: 1px solid #fff;
  6308. border-radius: 15px;
  6309. z-index: 2;
  6310. }
  6311. .plugin-guide .upload-img {
  6312. position: relative;
  6313. border: 1px dashed #e5e5e5;
  6314. height: 190px;
  6315. width: 100%;
  6316. border-radius: 5px;
  6317. background: url("../image/icon-10.png") no-repeat center 40%;
  6318. /*overflow: hidden;*/
  6319. }
  6320. .plugin-guide .upload-img img {
  6321. position: absolute;
  6322. left: 0;
  6323. top: 0;
  6324. width: 100%;
  6325. height: 100%;
  6326. border-radius: 5px;
  6327. background-color: #fff;
  6328. border: 1px solid #e5e5e5;
  6329. }
  6330. .plugin-guide .upload-img .thumbnail {
  6331. position: absolute;
  6332. z-index: 2;
  6333. width: 100%;
  6334. height: 100%;
  6335. opacity: 0;
  6336. cursor: pointer;
  6337. }
  6338. .plugin-guide .upload-img .text {
  6339. text-align: center;
  6340. margin-top: 100px;
  6341. font-size: 12px;
  6342. }
  6343. .plugin-guide .upload-img .reset {
  6344. position: absolute;
  6345. left: 0;
  6346. bottom: 0;
  6347. height: 20px;
  6348. line-height: 20px;
  6349. background: rgba(0, 0, 0, .7);
  6350. width: 100%;
  6351. color: #fff;
  6352. text-align: center;
  6353. font-size: 12px;
  6354. display: none;
  6355. }
  6356. .plugin-guide .upload-img .reset {
  6357. display: none;
  6358. }
  6359. .plugin-guide .upload-img.uploaded .reset {
  6360. display: none;
  6361. }
  6362. .plugin-guide .upload-img.uploaded:hover .reset {
  6363. display: block;
  6364. }
  6365. /*删除*/
  6366. .plugin-guide .upload-img .icon-delete2 {
  6367. position: absolute;
  6368. color: #ff6565;
  6369. right: -8px;
  6370. top: -8px;
  6371. right: 0 \9;
  6372. top: 0 \9;
  6373. display: none;
  6374. cursor: pointer;
  6375. z-index: 2;
  6376. }
  6377. .plugin-guide .upload-img.uploaded .icon-delete2 {
  6378. display: block;
  6379. }
  6380. .plugin-guide .experience {
  6381. margin-top: 20px;
  6382. }
  6383. .plugin-guide .experience-color {
  6384. margin-top: 45px;
  6385. }
  6386. .plugin-guide .experience .tit {
  6387. color: #333;
  6388. margin-bottom: 7px;
  6389. }
  6390. /*/引导页*/
  6391. /*第三方分享*/
  6392. .plugin-share .con {
  6393. border: 1px solid #e5e5e5;
  6394. border-radius: 5px;
  6395. padding: 0 10px;
  6396. position: relative;
  6397. overflow: hidden;
  6398. cursor: pointer;
  6399. }
  6400. .plugin-share .con .icon-checkbox {
  6401. position: absolute;
  6402. right: 0;
  6403. bottom: 0;
  6404. display: none;
  6405. }
  6406. .plugin-share .con.active {
  6407. border-color: #157df1;
  6408. }
  6409. .plugin-share .con.active .icon-checkbox {
  6410. display: block;
  6411. }
  6412. .plugin-share .con .tit1 {
  6413. padding: 15px 0;
  6414. color: #333;
  6415. }
  6416. .plugin-share .con.active .tit1 {
  6417. color: #157df1;
  6418. }
  6419. .plugin-share .con-1 {
  6420. border: 1px solid #e5e5e5;
  6421. border-radius: 5px 5px 0 0;
  6422. border-bottom: none;
  6423. height: 140px;
  6424. }
  6425. .plugin-share .plugin-common .top {
  6426. color: #333;
  6427. text-align: center;
  6428. }
  6429. .plugin-share .plugin-common .top .time {
  6430. font-size: 12px;
  6431. font-weight: 600;
  6432. padding-left: 20px;
  6433. margin-top: 3px;
  6434. display: inline-block;
  6435. }
  6436. .plugin-share .plugin-common .top .num {
  6437. font-size: 12px;
  6438. font-weight: 600;
  6439. margin: 3px 5px 0 0;
  6440. }
  6441. .plugin-share .plugin-common .top .icon-signal {
  6442. margin-left: 3px;
  6443. }
  6444. .plugin-share .plugin-common .top .icon-wifi {
  6445. font-size: 15px;
  6446. margin-left: 5px;
  6447. }
  6448. .plugin-share .plugin-common .top .icon-dianliang {
  6449. font-size: 14px;
  6450. margin-right: 3px;
  6451. }
  6452. .plugin-share .con-1 .tit2 {
  6453. text-align: center;
  6454. color: #157df1;
  6455. font-weight: 600;
  6456. border-bottom: 1px solid #e5e5e5;
  6457. padding-bottom: 5px;
  6458. position: relative;
  6459. }
  6460. .plugin-share .con-1 .tit2 .share-left {
  6461. position: absolute;
  6462. left: 5px;
  6463. bottom: 3px;
  6464. }
  6465. .plugin-share .con-1 .tit2 .share-right {
  6466. position: absolute;
  6467. right: 5px;
  6468. bottom: 3px;
  6469. }
  6470. .plugin-share .con .icon-checkbox-small {
  6471. position: absolute;
  6472. right: 0;
  6473. bottom: 0;
  6474. display: none;
  6475. }
  6476. .plugin-share .con.active .icon-checkbox-small {
  6477. display: block;
  6478. }
  6479. .plugin-share .s-tit {
  6480. color: #333;
  6481. margin-bottom: 8px;
  6482. }
  6483. .plugin-share .s-tit1 {
  6484. color: #fd641d;
  6485. margin-top: 5px;
  6486. font-size: 12px;
  6487. display: none;
  6488. }
  6489. .plugin-share .s-way {
  6490. margin-top: 0;
  6491. }
  6492. .plugin-share .s-way .w-top {
  6493. margin-bottom: 8px;
  6494. }
  6495. .plugin-share .s-way .w-top .t-left {
  6496. color: #333;
  6497. }
  6498. .plugin-share .s-way .w-top .t-right {
  6499. color: #157df1;
  6500. font-size: 12px;
  6501. }
  6502. /*第三方分享三期完成后 删除*/
  6503. .plugin-share .s-way .w-con {
  6504. border: 1px solid #e5e5e5;
  6505. border-radius: 5px;
  6506. padding: 15px 12px 0;
  6507. position: relative;
  6508. cursor: pointer;
  6509. }
  6510. .plugin-share .s-way .w-con .s-tit2 {
  6511. color: #333;
  6512. margin-bottom: 5px;
  6513. }
  6514. .plugin-share .s-way .w-con p {
  6515. color: #666;
  6516. font-size: 12px;
  6517. margin-bottom: 10px;
  6518. height: 34px;
  6519. }
  6520. .plugin-share .s-way .w-con.active {
  6521. border-color: #157df1;
  6522. }
  6523. .plugin-share .s-way .w-con.active .s-tit2 {
  6524. color: #157df1;
  6525. }
  6526. .plugin-share .s-way .w-con .icon-checkbox-small {
  6527. position: absolute;
  6528. right: 0;
  6529. bottom: 0;
  6530. display: none;
  6531. }
  6532. .plugin-share .s-way .w-con.active .icon-checkbox-small {
  6533. display: block;
  6534. }
  6535. /*/第三方分享三期完成后 删除*/
  6536. .plugin-share .s-way .s-ul li {
  6537. position: relative;
  6538. overflow: visible;
  6539. }
  6540. .plugin-share .s-way .s-ul li .way-top {
  6541. position: absolute;
  6542. bottom: 100%;
  6543. right: 0;
  6544. color: #157df1;
  6545. z-index: 2;
  6546. font-size: 12px;
  6547. height: 28px;
  6548. line-height: 28px;
  6549. }
  6550. .plugin-share .s-way .s-ul li .recommended {
  6551. position: absolute;
  6552. left: 0;
  6553. top: 0;
  6554. }
  6555. .plugin-share .s-way .s-ul li .icon-checkbox-small {
  6556. position: absolute;
  6557. right: 0;
  6558. bottom: 0;
  6559. display: none;
  6560. }
  6561. .plugin-share .s-way .s-ul li.active .icon-checkbox-small {
  6562. display: block;
  6563. }
  6564. .plugin-share .app-share {
  6565. display: none;
  6566. position: relative;
  6567. }
  6568. /*.plugin-share .app-share .label-wrap{margin-bottom: 8px;}*/
  6569. .plugin-share .app-share .label-wrap label {
  6570. color: #333;
  6571. }
  6572. .plugin-share .app-share .label-wrap a {
  6573. color: #157df1;
  6574. font-size: 12px;
  6575. position: absolute;
  6576. right: 0;
  6577. top: -21px;
  6578. }
  6579. .plugin-share .s-con {
  6580. border: 1px solid #e5e5e5;
  6581. padding: 15px 20px 20px;
  6582. border-radius: 4px;
  6583. }
  6584. .plugin-share .app-share .s-con {
  6585. margin-top: 20px;
  6586. }
  6587. .plugin-share .s-con .s-tit3 {
  6588. color: #333;
  6589. }
  6590. .plugin-share .s-con dl {
  6591. color: #333;
  6592. margin-top: 10px;
  6593. }
  6594. .plugin-share .s-con dl dt {
  6595. font-weight: 600;
  6596. margin-bottom: 5px;
  6597. }
  6598. .plugin-share .s-con .save-txt {
  6599. padding: 3px 5px 2px;
  6600. font-size: 12px;
  6601. line-height: 14px;
  6602. margin-top: 5px;
  6603. margin-bottom: 25px;
  6604. }
  6605. .plugin-share .app-share input {
  6606. margin-top: 10px;
  6607. }
  6608. .plugin-share .form-group {
  6609. margin-bottom: 30px;
  6610. }
  6611. .plugin-share .form-group:last-of-type {
  6612. margin-bottom: 0;
  6613. }
  6614. .plugin-share .form-group .row .col-sm-8 {
  6615. margin-bottom: 10px;
  6616. }
  6617. .plugin-share .share-location {
  6618. margin-top: 40px;
  6619. }
  6620. .plugin-share .share-location .s-tit4 {
  6621. color: #333;
  6622. margin-bottom: 2px;
  6623. }
  6624. .plugin-share .share-location p {
  6625. color: #fd641d;
  6626. }
  6627. .plugin-share .share-content {
  6628. margin-top: 40px;
  6629. }
  6630. .plugin-share .share-content .tab .s-con {
  6631. display: none;
  6632. }
  6633. .plugin-share .share-content .radio-round {
  6634. margin-bottom: 20px;
  6635. color: #333;
  6636. }
  6637. .plugin-share .share-content label {
  6638. margin-bottom: 5px;
  6639. }
  6640. .plugin-share .share-content .form-group {
  6641. margin-bottom: 15px;
  6642. }
  6643. .plugin-share .share-content .form-group .error {
  6644. color: #fd641d;
  6645. font-size: 12px;
  6646. display: none;
  6647. }
  6648. .plugin-share .share-content .form-group.form-error .error {
  6649. display: block;
  6650. }
  6651. .plugin-share .share-content .s-con .form-group:last-of-type {
  6652. margin-bottom: 0;
  6653. }
  6654. /*/第三方分享*/
  6655. /*状态栏*/
  6656. @media (min-width: 1200px) {
  6657. #stateModal .modal-dialog {
  6658. width: 1070px;
  6659. }
  6660. }
  6661. #stateModal .modal-aside-left .bg {
  6662. background: url("../image/plugin-aside-3.png") no-repeat center top;
  6663. width: 268px;
  6664. height: 564px;
  6665. margin: 0 auto;
  6666. padding-top: .1px;
  6667. position: relative;
  6668. }
  6669. .plugin-modal .common-top {
  6670. height: 24px;
  6671. line-height: 24px;
  6672. background-color: #157df1;
  6673. color: #fff;
  6674. }
  6675. .plugin-modal .common-top.white {
  6676. color: #fff;
  6677. }
  6678. .plugin-modal .common-top.black {
  6679. color: #333;
  6680. }
  6681. .plugin-modal .common-top .icon-signal {
  6682. margin-left: 3px;
  6683. font-size: 13px;
  6684. }
  6685. .plugin-modal .common-top .font12 {
  6686. font-size: 12px;
  6687. transform: scale(.8);
  6688. }
  6689. .plugin-modal .common-top .icon-dianliang {
  6690. margin-top: -1px;
  6691. margin-right: 5px;
  6692. font-size: 12px;
  6693. }
  6694. #stateModal .common-top {
  6695. width: auto;
  6696. margin: 71px 15px 0;
  6697. height: 16px;
  6698. line-height: 16px;
  6699. }
  6700. .plugin-state .tit1 {
  6701. color: #333;
  6702. margin-bottom: 5px;
  6703. }
  6704. .config-plugin .plugin-common .bg-text-color ol li {
  6705. width: 30px;
  6706. height: 30px;
  6707. background-color: #e5e5e5;
  6708. border: 1px solid #999;
  6709. border-radius: 5px;
  6710. float: left;
  6711. padding: 6px;
  6712. cursor: pointer;
  6713. }
  6714. .config-plugin .plugin-common .bg-text-color ol li.active {
  6715. border: 3px solid #157df1;
  6716. }
  6717. .config-plugin .plugin-common .bg-text-color ol li:last-of-type {
  6718. margin-left: 10px;
  6719. }
  6720. .config-plugin .plugin-common .bg-text-color ol li:first-of-type span {
  6721. display: block;
  6722. background-color: #fff;
  6723. width: 100%;
  6724. height: 100%;
  6725. }
  6726. .config-plugin .plugin-common .bg-text-color ol li:last-of-type span {
  6727. display: block;
  6728. background-color: #333;
  6729. width: 100%;
  6730. height: 100%;
  6731. }
  6732. /*/状态栏*/
  6733. /*标题栏*/
  6734. @media (min-width: 1200px) {
  6735. #titleModal .modal-dialog {
  6736. width: 1070px;
  6737. }
  6738. }
  6739. #titleModal .modal-aside-left .bg {
  6740. background: url("../image/plugin-aside-1.png") no-repeat center top;
  6741. width: 268px;
  6742. height: 564px;
  6743. margin: 0 auto;
  6744. padding-top: .1px;
  6745. }
  6746. .plugin-title input {
  6747. color: #333;
  6748. }
  6749. .plugin-title .tit1 {
  6750. color: #333;
  6751. margin-bottom: 5px;
  6752. }
  6753. #titleModal .modal-aside-left .state-title-header {
  6754. margin-top: 71px;
  6755. }
  6756. #titleModal .modal-aside-left .state-top {
  6757. width: auto;
  6758. margin: 0 15px;
  6759. height: 16px;
  6760. line-height: 16px;
  6761. }
  6762. #titleModal .modal-aside-left .title-top {
  6763. height: 26px;
  6764. line-height: 26px;
  6765. position: relative;
  6766. /*margin-top: 85px;*/
  6767. width: auto;
  6768. margin-left: 15px;
  6769. margin-right: 15px;
  6770. }
  6771. #titleModal .modal-aside-left .title-top .iconfont {
  6772. font-size: 20px;
  6773. display: none;
  6774. }
  6775. #titleModal .modal-aside-left .title-top .t-left .iconfont {
  6776. margin-left: 5px;
  6777. margin-top: 1px;
  6778. }
  6779. #titleModal .modal-aside-left .title-top .t-right .iconfont {
  6780. margin-right: 5px;
  6781. margin-top: 1px;
  6782. }
  6783. #titleModal .modal-aside-left .title-top .text {
  6784. position: absolute;
  6785. left: 0;
  6786. top: 50%;
  6787. transform: translate(0, -50%);
  6788. width: 100%;
  6789. text-align: center;
  6790. white-space: nowrap;
  6791. font-size: 13px;
  6792. line-height: 27px;
  6793. }
  6794. .plugin-title .form-group {
  6795. margin-bottom: 40px;
  6796. }
  6797. .plugin-title .form-group:last-of-type {
  6798. margin-bottom: 0;
  6799. }
  6800. .plugin-title .function-keys-wrap {
  6801. margin-top: 40px;
  6802. }
  6803. .plugin-title .function-keys-wrap .form-group {
  6804. margin-bottom: 20px;
  6805. }
  6806. .plugin-title .function-keys-wrap .form-group:last-of-type {
  6807. margin-bottom: 0;
  6808. }
  6809. .plugin-title .function-keys li {
  6810. float: left;
  6811. margin-right: 25px;
  6812. cursor: pointer;
  6813. margin-bottom: 10px;
  6814. }
  6815. .plugin-title .function-keys li .icon {
  6816. position: relative;
  6817. top: 3px;
  6818. margin-right: 5px;
  6819. }
  6820. .plugin-title .function-keys li .iconfont {
  6821. position: relative;
  6822. top: 1px;
  6823. margin-right: 5px;
  6824. }
  6825. .plugin-title .function-keys li.disabled {
  6826. background-color: transparent !important;
  6827. }
  6828. .plugin-title .function-keys li .icon-checkbox-checked1 {
  6829. color: #157df1;
  6830. }
  6831. .plugin-title .title-top dd .icon-text {
  6832. display: none;
  6833. }
  6834. .plugin-title .title-top dd.vertical {
  6835. background-color: rgba(21, 125, 241, .5);
  6836. width: 100px;
  6837. padding: 10px 0 10px 8px;
  6838. margin-top: 4px;
  6839. }
  6840. .plugin-title .title-top .t-right dd.vertical {
  6841. padding-left: 20px;
  6842. }
  6843. .plugin-title .title-top dd.vertical .icon-text {
  6844. display: block;
  6845. }
  6846. .plugin-title .title-top dd.vertical .icon-wrap {
  6847. width: 100%;
  6848. height: 32px;
  6849. line-height: 32px;
  6850. }
  6851. .plugin-title .title-top dd.vertical .icon-wrap .iconfont {
  6852. margin-top: 0;
  6853. margin-right: 5px;
  6854. }
  6855. /*.plugin-title .common-ul{margin-bottom: 40px;}*/
  6856. .plugin-title .state-way {
  6857. position: relative;
  6858. margin-top: 40px;
  6859. }
  6860. .plugin-title .bg-text-color1 {
  6861. margin-top: 40px;
  6862. }
  6863. .plugin-title .bg-text-color1 ol li {
  6864. width: 30px;
  6865. height: 30px;
  6866. background-color: #e5e5e5;
  6867. border: 1px solid #999;
  6868. border-radius: 5px;
  6869. float: left;
  6870. padding: 6px;
  6871. cursor: pointer;
  6872. }
  6873. .plugin-title .bg-text-color1 ol li.active {
  6874. border: 3px solid #157df1;
  6875. }
  6876. .plugin-title .bg-text-color1 ol li:last-of-type {
  6877. margin-left: 10px;
  6878. }
  6879. .plugin-title .bg-text-color1 ol li:first-of-type span {
  6880. display: block;
  6881. background-color: #fff;
  6882. width: 100%;
  6883. height: 100%;
  6884. }
  6885. .plugin-title .bg-text-color1 ol li:last-of-type span {
  6886. display: block;
  6887. background-color: #333;
  6888. width: 100%;
  6889. height: 100%;
  6890. }
  6891. .plugin-title .state-bg-extension {
  6892. display: none;
  6893. padding-left: 15px;
  6894. }
  6895. .plugin-title .state-bg-extension .tit {
  6896. color: #333;
  6897. margin-bottom: 3px;
  6898. }
  6899. .plugin-title .state-way .way-popover {
  6900. position: absolute;
  6901. top: 0;
  6902. left: 198px;
  6903. color: #157df1;
  6904. font-size: 12px;
  6905. }
  6906. .plugin-title .hr {
  6907. margin-top: 50px;
  6908. margin-bottom: 45px;
  6909. }
  6910. .plugin-title .state-way .extend-prompt {
  6911. color: #fd641d;
  6912. font-size: 12px;
  6913. margin-top: 10px;
  6914. }
  6915. #titleModal .plugin-title .state-top-extension {
  6916. background: url("../image/img-ys.png") no-repeat center top;
  6917. width: 237px;
  6918. height: 128px;
  6919. }
  6920. /*/标题栏*/
  6921. /*导航栏*/
  6922. /*改版完成后,删除*/
  6923. .config-plugin .plugin-common .common-top.white .n-text {
  6924. color: #fff;
  6925. }
  6926. .config-plugin .plugin-common .common-top.black .n-text {
  6927. color: #333;
  6928. }
  6929. .config-plugin .plugin-common .common-top.white .n-icon {
  6930. border-color: #fff;
  6931. color: #fff;
  6932. }
  6933. .config-plugin .plugin-common .common-top.black .n-icon {
  6934. border-color: #333;
  6935. color: #333;
  6936. }
  6937. /*/改版完成后,删除*/
  6938. #navModal .modal-dialog {
  6939. width: 1070px;
  6940. }
  6941. #navModal .modal-aside-left .bg {
  6942. background: url("../image/plugin-aside-2.png") no-repeat center top;
  6943. width: 268px;
  6944. height: 564px;
  6945. margin: 0 auto;
  6946. padding-top: .1px;
  6947. position: relative;
  6948. }
  6949. .plugin-nav .nav-top {
  6950. background-color: #157df1;
  6951. height: 38px;
  6952. line-height: normal;
  6953. position: absolute;
  6954. bottom: 74px;
  6955. left: 15px;
  6956. right: 15px;
  6957. width: auto;
  6958. }
  6959. .plugin-nav .nav-top ul {
  6960. width: 100%;
  6961. /*height: 36px;*/
  6962. /*table-layout: fixed; display: table;*/
  6963. }
  6964. .plugin-nav .nav-top ul li {
  6965. display: table-cell;
  6966. text-align: center;
  6967. width: 1%;
  6968. height: 38px;
  6969. }
  6970. .plugin-nav .nav-top ul li:nth-of-type(n+3) {
  6971. display: none;
  6972. }
  6973. .plugin-nav .icon-null {
  6974. border: 1px solid #ddd;
  6975. width: 14px;
  6976. height: 14px;
  6977. border-radius: 50%;
  6978. background-color: #fff;
  6979. display: inline-block;
  6980. }
  6981. .plugin-nav .n-text {
  6982. color: #333;
  6983. }
  6984. .plugin-nav .nav-top .n-icon {
  6985. color: #ddd;
  6986. }
  6987. .plugin-nav .nav-top .n-text {
  6988. color: #ddd;
  6989. }
  6990. .plugin-nav .nav-top ul li:first-of-type .n-icon {
  6991. color: #fff;
  6992. border-color: #fff;
  6993. }
  6994. .plugin-nav .nav-top ul li:first-of-type .n-text {
  6995. color: #fff;
  6996. }
  6997. .plugin-nav .nav-top ul li .li-con {
  6998. display: flex;
  6999. justify-content: center;
  7000. align-items: center;
  7001. height: 100%;
  7002. }
  7003. /*.config-plugin .plugin-nav .tit1{color: #333; margin-bottom: 5px;}*/
  7004. .config-plugin .plugin-nav .set-nav .tit2 {
  7005. color: #333;
  7006. }
  7007. .config-plugin .plugin-nav .set-nav .tit2 span {
  7008. color: #999;
  7009. }
  7010. /*.config-plugin .plugin-nav .set-nav .tit2 span{color: #f00;}*/
  7011. .config-plugin .plugin-nav .set-nav .reset {
  7012. font-size: 12px;
  7013. color: #157df1;
  7014. line-height: 20px;
  7015. cursor: pointer;
  7016. }
  7017. .config-plugin .plugin-nav .set-nav .set-con {
  7018. border: 1px solid #e5e5e5;
  7019. border-radius: 3px;
  7020. margin-top: 5px;
  7021. }
  7022. /*配置插件 导航改版完成后将此处删除*/
  7023. /*
  7024. .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;}
  7025. .config-plugin .plugin-nav .set-nav .set-ul li:nth-of-type(n+3):not(.add-li){display: none;}
  7026. .config-plugin .plugin-nav .set-nav .set-ul li.active{border-bottom-color: transparent; background-color: #fff;}
  7027. .config-plugin .plugin-nav .set-nav .set-ul li.active .n-text{color: #333;}
  7028. .config-plugin .plugin-nav .set-nav .set-ul li.bg-error{background-color: #fd641d; color: #fff; border-bottom-color: #fd641d;}
  7029. .config-plugin .plugin-nav .set-nav .set-ul li.bg-error .n-text{color: #fff;}
  7030. .config-plugin .plugin-nav .set-nav .set-ul li.bg-error .iconfont{color: #fff !important;}
  7031. .config-plugin .plugin-nav .set-nav .set-ul li.add-li{padding: 0; width: 54px;}
  7032. .config-plugin .plugin-nav .set-nav .set-ul li .icon-null{margin-top: 0;}
  7033. .config-plugin .plugin-nav .set-nav .set-ul li.add-li .iconfont{color: #e5e5e5; font-size: 30px; margin-top: 7px; display: inline-block;}
  7034. .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;}
  7035. .config-plugin .plugin-nav .set-nav .set-ul li .mask .iconfont{font-size: 14px;}
  7036. .config-plugin .plugin-nav .set-nav .set-ul li:hover .mask{display: flex;}
  7037. .config-plugin .plugin-nav .set-nav .set-ul li .li-con{}
  7038. .config-plugin .plugin-nav .set-nav .tab{padding: 25px 10px 10px;}
  7039. .config-plugin .plugin-nav .set-nav .tab .add-icon-wrap .col-sm-7{width: auto;}
  7040. .config-plugin .plugin-nav .set-nav .tab .add-icon-wrap .add-link{margin-top: 10px;}
  7041. .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;}
  7042. .config-plugin .plugin-nav .set-nav .tab .add-icon .iconfont{color: #e5e5e5; font-size: 22px; margin-top: 2px; margin-left: 2px; display: inline-block;}
  7043. .config-plugin .plugin-nav .set-nav .tab .col-sm-2{width: 60px ; padding-right: 0;}
  7044. .config-plugin .plugin-nav .set-nav .tab .col-sm-2 .control-label{width: 100%;}
  7045. .config-plugin .plugin-nav .set-nav .tab .t-con{display: none;}
  7046. #navModal .error{display: none;}
  7047. #navModal .form-error .error{font-size: 12px; color: #fd641d; display: block; margin-left: 0px;}!*导航栏改版完成后,再改回50px*!
  7048. */
  7049. /*/配置插件 导航改版完成后将以上删除*/
  7050. .config-plugin .plugin-nav .set-nav .set-bottom {
  7051. margin-top: 40px;
  7052. }
  7053. .config-plugin .plugin-nav .set-nav .set-bottom .b-tit {
  7054. color: #333;
  7055. margin-bottom: 5px;
  7056. }
  7057. .config-plugin .plugin-nav .set-nav .set-bottom ul li {
  7058. float: left;
  7059. margin-right: 40px;
  7060. cursor: pointer;
  7061. }
  7062. .config-plugin .plugin-nav .set-nav .set-bottom ul li .icon-radio {
  7063. position: relative;
  7064. top: 3px;
  7065. margin-right: 5px;
  7066. }
  7067. .plugin-modal .icons li {
  7068. float: left;
  7069. text-align: center;
  7070. cursor: pointer;
  7071. margin: 5px;
  7072. color: #666;
  7073. }
  7074. .plugin-modal .icons li div {
  7075. font-size: 12px;
  7076. }
  7077. .plugin-modal .icons li .iconfont {
  7078. font-size: 36px;
  7079. }
  7080. .plugin-modal .icons li:hover {
  7081. color: #157df1;
  7082. }
  7083. /*2018/10/30 重构*/
  7084. /*.plugin-nav .plugin-common{padding: 15px 40px;}*/
  7085. /*.plugin-nav .bg-text-color{margin-top: 40px;}*/
  7086. .plugin-nav .tit1 {
  7087. margin-bottom: 5px;
  7088. color: #333;
  7089. }
  7090. .plugin-nav .nav-font-color1 {
  7091. margin-top: 40px;
  7092. }
  7093. .plugin-nav .nav-font-color2 {
  7094. margin-top: 40px;
  7095. }
  7096. .plugin-nav .n-nav {
  7097. background-color: #e5e5e5;
  7098. height: 36px;
  7099. line-height: 36px;
  7100. padding-left: 70px;
  7101. }
  7102. .plugin-nav .n-nav li {
  7103. float: left;
  7104. margin: 0 5px;
  7105. text-align: center;
  7106. }
  7107. .plugin-nav .n-nav .nav-fun {
  7108. width: 140px;
  7109. }
  7110. .plugin-nav .n-nav .nav-name {
  7111. width: 90px;
  7112. }
  7113. .plugin-nav .n-nav .nav-icon {
  7114. width: 34px;
  7115. margin-left: 0;
  7116. }
  7117. .plugin-nav .n-list {
  7118. padding: 20px;
  7119. color: #333;
  7120. }
  7121. .plugin-nav .n-list dd {
  7122. margin-bottom: 30px;
  7123. position: relative;
  7124. display: none;
  7125. }
  7126. .plugin-nav .n-list dd.active {
  7127. display: block;
  7128. }
  7129. .plugin-nav .n-list .n-num {
  7130. margin-right: 15px;
  7131. padding-top: 7px;
  7132. }
  7133. .plugin-nav .n-list .n-text {
  7134. margin-right: 10px;
  7135. width: 90px;
  7136. padding: 6px;
  7137. }
  7138. .plugin-nav .n-list select {
  7139. margin-right: 10px;
  7140. width: 140px;
  7141. padding: 6px;
  7142. color: #999;
  7143. }
  7144. .plugin-nav .n-list .add-icon {
  7145. border: 1px solid #e5e5e5;
  7146. border-radius: 3px;
  7147. width: 34px;
  7148. height: 34px;
  7149. text-align: center;
  7150. cursor: pointer;
  7151. margin-right: 10px;
  7152. }
  7153. .plugin-nav .n-list .add-icon .iconfont {
  7154. color: #e5e5e5;
  7155. font-size: 22px;
  7156. /*margin-top: 2px;*/
  7157. margin-left: 3px;
  7158. display: inline-block;
  7159. }
  7160. .plugin-nav .n-list .n-link {
  7161. margin-right: 20px;
  7162. width: 175px;
  7163. padding: 6px;
  7164. visibility: hidden;
  7165. }
  7166. .plugin-nav .n-list .n-delete {
  7167. font-size: 24px;
  7168. color: #f17d78;
  7169. cursor: pointer;
  7170. display: none;
  7171. }
  7172. .plugin-nav .n-list dd:hover .n-delete {
  7173. display: block;
  7174. }
  7175. .plugin-nav .n-list dd .error {
  7176. color: #ff4222;
  7177. position: absolute;
  7178. left: 50px;
  7179. top: 100%;
  7180. display: none;
  7181. }
  7182. .plugin-nav .n-list dd.form-error .error {
  7183. display: block;
  7184. }
  7185. /*2018/10/30 重构*/
  7186. /*导航栏*/
  7187. /*升级提示*/
  7188. .plugin-upgrade-prompt .u-con {
  7189. margin-bottom: 40px;
  7190. }
  7191. .plugin-upgrade-prompt .u-tit {
  7192. color: #333;
  7193. margin-bottom: 5px;
  7194. }
  7195. .plugin-upgrade-prompt ul li {
  7196. float: left;
  7197. color: #333;
  7198. cursor: pointer;
  7199. }
  7200. .plugin-upgrade-prompt ul li+li {
  7201. margin-left: 30px;
  7202. }
  7203. .plugin-upgrade-prompt ul li .icon-radio {
  7204. position: relative;
  7205. top: 3px;
  7206. margin-right: 8px;
  7207. }
  7208. .plugin-upgrade-prompt .u-con select+input[type=text] {
  7209. display: none;
  7210. }
  7211. .plugin-upgrade-prompt .style li {
  7212. text-align: center;
  7213. color: #666;
  7214. }
  7215. .plugin-upgrade-prompt .style li .s-con {
  7216. position: relative;
  7217. margin-bottom: 5px;
  7218. border-radius: 5px;
  7219. overflow: hidden;
  7220. border: 1px solid transparent;
  7221. }
  7222. .plugin-upgrade-prompt .style li .s-con .icon-checkbox {
  7223. position: absolute;
  7224. bottom: 0;
  7225. right: 0;
  7226. display: none;
  7227. }
  7228. .plugin-upgrade-prompt .style li.active .s-con {
  7229. border-color: #157df1;
  7230. }
  7231. .plugin-upgrade-prompt .style li.active .s-con .icon-checkbox {
  7232. display: block;
  7233. }
  7234. .plugin-upgrade-prompt .download-address {
  7235. margin-bottom: 0;
  7236. }
  7237. /*/升级提示*/
  7238. /*左侧栏*/
  7239. @media (min-width: 1200px) {
  7240. #asideModal .modal-dialog {
  7241. width: 1070px;
  7242. }
  7243. }
  7244. #asideModal .modal-content {
  7245. overflow: hidden;
  7246. background-color: #f0f0f0;
  7247. }
  7248. #asideModal .aside-modal .a-left {
  7249. width: 35%;
  7250. float: left;
  7251. /*background-color: #f0f0f0; padding-bottom: 100px;*/
  7252. }
  7253. #asideModal .aside-modal .a-right {
  7254. width: 65%;
  7255. float: right;
  7256. background-color: #fff;
  7257. }
  7258. #asideModal .aside-modal .a-left .phone {
  7259. background: url("../image/aside-phone.png") no-repeat;
  7260. width: 268px;
  7261. height: 564px;
  7262. position: relative;
  7263. margin: 30px auto 0;
  7264. }
  7265. #asideModal .aside-modal .a-left .phone .bg {
  7266. position: absolute;
  7267. left: 13px;
  7268. top: 70px;
  7269. width: 241px;
  7270. height: 422px;
  7271. background-color: rgb(0, 0, 0);
  7272. padding: 30px 20px;
  7273. }
  7274. #asideModal .aside-modal .a-left .l-tit {
  7275. text-align: center;
  7276. margin-top: 60px;
  7277. color: #333;
  7278. font-size: 16px;
  7279. }
  7280. #asideModal .aside-modal .a-left .phone .bg .aside-icon {
  7281. margin-bottom: 18px;
  7282. }
  7283. #asideModal .aside-modal .a-left .phone .bg .aside-icon img {
  7284. border-radius: 3px;
  7285. width: 40px;
  7286. height: 40px;
  7287. }
  7288. #asideModal .aside-modal .a-left .phone .bg .aside-nav li {
  7289. border-bottom: 1px solid #e5e5e5;
  7290. padding: 4px 0;
  7291. display: none;
  7292. }
  7293. #asideModal .aside-modal .a-left .phone .bg .aside-nav li .iconfont {
  7294. font-size: 20px;
  7295. color: #333;
  7296. }
  7297. #asideModal .aside-modal .a-left .phone .bg .aside-nav li .text {
  7298. margin-left: 5px;
  7299. margin-top: 5px;
  7300. white-space: nowrap;
  7301. text-overflow: ellipsis;
  7302. overflow: hidden;
  7303. max-width: 95px;
  7304. color: #333;
  7305. }
  7306. /*#asideModal .aside-modal .a-left .phone .bg .aside-nav.white licolor: #fff;}*/
  7307. /*#asideModal .aside-modal .a-left .phone .bg .aside-nav.black li{color: #000;}*/
  7308. #asideModal .aside-modal .a-left .phone .bg .b-right {
  7309. position: absolute;
  7310. top: 0;
  7311. right: 0;
  7312. }
  7313. #asideModal .aside-modal .a-left .phone .bg .b-right img {
  7314. display: none;
  7315. }
  7316. #asideModal .plugin-remind {
  7317. display: block;
  7318. margin-top: 20px;
  7319. }
  7320. .plugin-aside .set-bottom ul li {
  7321. float: left;
  7322. margin-right: 40px;
  7323. cursor: pointer;
  7324. }
  7325. .plugin-aside .set-nav .set-bottom ul li .icon-radio {
  7326. position: relative;
  7327. top: 3px;
  7328. margin-right: 5px;
  7329. }
  7330. .plugin-aside .tit1 {
  7331. color: #333;
  7332. margin-bottom: 5px;
  7333. }
  7334. .plugin-aside .set-nav .tit2 {
  7335. color: #333;
  7336. }
  7337. .plugin-aside .set-nav .tit2 span {
  7338. color: #999;
  7339. }
  7340. .plugin-aside .set-nav .reset {
  7341. font-size: 12px;
  7342. color: #157df1;
  7343. line-height: 20px;
  7344. cursor: pointer;
  7345. }
  7346. .plugin-aside .set-nav .set-con {
  7347. border: 1px solid #e5e5e5;
  7348. border-radius: 3px;
  7349. margin-top: 5px;
  7350. }
  7351. .plugin-aside .set-nav .set-bottom {
  7352. margin-top: 40px;
  7353. }
  7354. .plugin-aside .set-nav .set-bottom .b-tit {
  7355. color: #333;
  7356. margin-bottom: 5px;
  7357. }
  7358. .plugin-aside .set-nav .set-bottom ul li {
  7359. float: left;
  7360. margin-right: 40px;
  7361. cursor: pointer;
  7362. color: #333;
  7363. }
  7364. .plugin-aside .set-nav .set-bottom ul li .icon-radio {
  7365. position: relative;
  7366. top: 3px;
  7367. margin-right: 5px;
  7368. }
  7369. .plugin-aside .n-nav {
  7370. background-color: #e5e5e5;
  7371. height: 36px;
  7372. line-height: 36px;
  7373. padding-left: 65px;
  7374. }
  7375. .plugin-aside .n-nav li {
  7376. float: left;
  7377. margin: 0 5px;
  7378. text-align: center;
  7379. }
  7380. .plugin-aside .n-nav .nav-fun {
  7381. width: 140px;
  7382. }
  7383. .plugin-aside .n-nav .nav-name {
  7384. width: 90px;
  7385. }
  7386. .plugin-aside .n-nav .nav-icon {
  7387. width: 34px;
  7388. }
  7389. .plugin-aside .n-list {
  7390. padding: 20px;
  7391. color: #333;
  7392. }
  7393. .plugin-aside .n-list dd {
  7394. margin-bottom: 30px;
  7395. position: relative;
  7396. display: none;
  7397. }
  7398. .plugin-aside .n-list dd.active {
  7399. display: block;
  7400. }
  7401. .plugin-aside .n-list .n-num {
  7402. margin-right: 10px;
  7403. padding-top: 7px;
  7404. width: 45px;
  7405. }
  7406. .plugin-aside .n-list .n-text {
  7407. margin-right: 10px;
  7408. width: 90px;
  7409. padding: 6px;
  7410. }
  7411. .plugin-aside .n-list select {
  7412. margin-right: 10px;
  7413. width: 135px;
  7414. padding: 6px;
  7415. color: #999;
  7416. }
  7417. .plugin-aside .n-list .add-icon {
  7418. border: 1px solid #e5e5e5;
  7419. border-radius: 3px;
  7420. width: 34px;
  7421. height: 34px;
  7422. text-align: center;
  7423. cursor: pointer;
  7424. margin-right: 10px;
  7425. }
  7426. .plugin-aside .n-list .add-icon .iconfont {
  7427. color: #e5e5e5;
  7428. font-size: 22px;
  7429. /*margin-top: 2px;*/
  7430. margin-left: 2px;
  7431. display: inline-block;
  7432. }
  7433. .plugin-aside .n-list .n-link {
  7434. margin-right: 20px;
  7435. width: 170px;
  7436. padding: 6px;
  7437. visibility: hidden;
  7438. }
  7439. .plugin-aside .n-list .n-delete {
  7440. font-size: 24px;
  7441. color: #f17d78;
  7442. cursor: pointer;
  7443. display: none;
  7444. }
  7445. .plugin-aside .n-list dd:hover .n-delete {
  7446. display: block;
  7447. }
  7448. .plugin-aside .n-list dd .error {
  7449. color: #ff4222;
  7450. margin-left: 50px;
  7451. /*position: absolute; left: 50px; top: 100%;*/
  7452. display: none;
  7453. }
  7454. .plugin-aside .n-list dd.form-error .error {
  7455. display: block;
  7456. }
  7457. .plugin-modal .icons li {
  7458. float: left;
  7459. text-align: center;
  7460. cursor: pointer;
  7461. width: calc(100% / 12);
  7462. /*margin: 5px 4px;*/
  7463. color: #666;
  7464. }
  7465. .plugin-modal .icons li div {
  7466. font-size: 12px;
  7467. }
  7468. .plugin-modal .icons li .iconfont {
  7469. font-size: 36px;
  7470. }
  7471. .plugin-modal .icons li:hover {
  7472. color: #157df1;
  7473. }
  7474. .plugin-aside .error {
  7475. display: none;
  7476. }
  7477. .plugin-aside .form-error .error {
  7478. font-size: 12px;
  7479. color: #fd641d;
  7480. display: block;
  7481. }
  7482. .plugin-aside .top-show {
  7483. margin-top: 40px;
  7484. }
  7485. .plugin-aside .top-show .b-tit {
  7486. color: #333;
  7487. margin-bottom: 5px;
  7488. }
  7489. .plugin-aside .top-show ul li {
  7490. float: left;
  7491. width: 140px;
  7492. padding: 9px 12px;
  7493. position: relative;
  7494. margin-right: 20px;
  7495. }
  7496. .plugin-aside .top-show ul li .icon-checkbox-small {
  7497. position: absolute;
  7498. right: 0;
  7499. bottom: 0;
  7500. display: none;
  7501. }
  7502. .plugin-aside .top-show ul li.active {
  7503. border-color: #157df1;
  7504. }
  7505. .plugin-aside .top-show ul li.active .icon-checkbox-small {
  7506. display: block;
  7507. }
  7508. .plugin-aside .con {
  7509. border: 1px solid #e5e5e5;
  7510. border-radius: 5px;
  7511. padding: 0 10px;
  7512. position: relative;
  7513. overflow: hidden;
  7514. cursor: pointer;
  7515. }
  7516. .plugin-aside .con .icon-checkbox {
  7517. position: absolute;
  7518. right: 0;
  7519. bottom: 0;
  7520. display: none;
  7521. }
  7522. .plugin-aside .con.active {
  7523. border-color: #157df1;
  7524. }
  7525. .plugin-aside .con.active .icon-checkbox {
  7526. display: block;
  7527. }
  7528. .plugin-aside .con .tit1 {
  7529. padding: 15px 0;
  7530. }
  7531. .plugin-aside .con.active .tit1 {
  7532. color: #157df1;
  7533. }
  7534. .plugin-aside .con-1 {
  7535. border: 1px solid #e5e5e5;
  7536. border-radius: 5px 5px 0 0;
  7537. border-bottom: none;
  7538. height: 140px;
  7539. }
  7540. .plugin-aside .con-1 .a-icon {
  7541. color: #333;
  7542. padding: 0 5px;
  7543. border-bottom: 1px solid #e5e5e5;
  7544. }
  7545. .plugin-aside .con-1 .a-icon .iconfont {
  7546. font-size: 20px;
  7547. }
  7548. .plugin-aside .con-1 .tit2 {
  7549. text-align: center;
  7550. color: #157df1;
  7551. margin-top: 5px;
  7552. }
  7553. .plugin-aside .con .icon-checkbox-small {
  7554. position: absolute;
  7555. right: 0;
  7556. bottom: 0;
  7557. display: none;
  7558. }
  7559. .plugin-aside .con.active .icon-checkbox-small {
  7560. display: block;
  7561. }
  7562. .plugin-remind {
  7563. margin-top: 45px;
  7564. display: none;
  7565. }
  7566. .plugin-remind .r-tit {
  7567. color: #333;
  7568. margin-bottom: 2px;
  7569. }
  7570. .plugin-remind p {
  7571. color: #fd641d;
  7572. }
  7573. .plugin-remind1 {
  7574. margin-top: 45px;
  7575. display: none;
  7576. }
  7577. .plugin-remind1 .r-tit {
  7578. color: #333;
  7579. margin-bottom: 2px;
  7580. }
  7581. .plugin-remind1 p {
  7582. color: #fd641d;
  7583. }
  7584. /*/左侧栏*/
  7585. /*制作启动图*/
  7586. #startPicModal .modal-dialog {
  7587. width: 1010px;
  7588. }
  7589. #startPicModal .modal-content {
  7590. overflow: hidden;
  7591. }
  7592. #startPicModal .modal-body {
  7593. max-height: 630px;
  7594. min-height: 630px;
  7595. padding: 20px 30px;
  7596. }
  7597. #startPicModal .aside-modal {
  7598. background-color: #f0f0f0;
  7599. }
  7600. #startPicModal .aside-modal .a-left {
  7601. width: 35%;
  7602. float: left;
  7603. padding-top: 30px;
  7604. }
  7605. #startPicModal .aside-modal .a-right {
  7606. width: 65%;
  7607. float: right;
  7608. background-color: #fff;
  7609. }
  7610. #startPicModal .aside-modal .a-left .l-tit {
  7611. text-align: center;
  7612. /*margin-top: 60px;*/
  7613. color: #333;
  7614. font-size: 16px;
  7615. }
  7616. #startPicModal .aside-modal .a-left .phone {
  7617. background: url("../image/aside-phone1.png") no-repeat;
  7618. width: 304px;
  7619. height: 640px;
  7620. position: relative;
  7621. margin: 30px auto 0;
  7622. }
  7623. #startPicModal .aside-modal .a-left .phone .bg {
  7624. position: absolute;
  7625. left: 17px;
  7626. top: 70px;
  7627. width: 270px;
  7628. height: 480px;
  7629. overflow: hidden;
  7630. /*padding: 60px 20px;*/
  7631. background-position: center;
  7632. background-size: cover;
  7633. }
  7634. #startPicModal .aside-modal .a-left .phone .bg img {
  7635. border: 1px solid #e5e5e5;
  7636. }
  7637. #startPicModal .aside-modal .a-left .phone .s-app-icon {
  7638. text-align: center;
  7639. margin-bottom: 7px;
  7640. }
  7641. #startPicModal .aside-modal .a-left .phone .s-app-icon img {
  7642. width: 65px;
  7643. height: 65px;
  7644. border-radius: 5px;
  7645. }
  7646. #startPicModal .aside-modal .a-left .phone .s-app-name {
  7647. text-align: center;
  7648. color: #fff;
  7649. position: absolute;
  7650. left: 0;
  7651. top: 132px;
  7652. width: 100%;
  7653. }
  7654. #startPicModal .aside-modal .a-left .phone .s-app-introduce {
  7655. color: #fff;
  7656. font-size: 12px;
  7657. margin-top: 5px;
  7658. white-space: nowrap;
  7659. text-overflow: ellipsis;
  7660. overflow: hidden;
  7661. width: 100%;
  7662. text-align: center;
  7663. position: absolute;
  7664. left: 0;
  7665. top: 152px;
  7666. }
  7667. /*#startPicModal .making-startup{padding: 10px 35px;}*/
  7668. #startPicModal .making-startup .s-tit {
  7669. color: #333;
  7670. margin-bottom: 5px;
  7671. }
  7672. #startPicModal .making-startup .pic-list {
  7673. width: 460px;
  7674. margin-bottom: 40px;
  7675. }
  7676. #startPicModal .making-startup .pic-list li {
  7677. float: left;
  7678. position: relative;
  7679. border: 1px solid #e5e5e5;
  7680. margin-right: 10px;
  7681. margin-bottom: 10px;
  7682. cursor: pointer;
  7683. }
  7684. #startPicModal .making-startup .pic-list li.active {
  7685. border-color: #157df1;
  7686. }
  7687. #startPicModal .making-startup .pic-list li .icon-checkbox {
  7688. position: absolute;
  7689. right: 0;
  7690. bottom: 0;
  7691. display: none;
  7692. }
  7693. #startPicModal .making-startup .pic-list li.active .icon-checkbox {
  7694. display: block;
  7695. }
  7696. #startPicModal .making-startup .radio-tick {
  7697. margin-bottom: 45px;
  7698. }
  7699. #startPicModal .a-left .phone .bg-3 .s-app-icon {
  7700. margin-top: 100px;
  7701. }
  7702. #startPicModal .a-left .phone .bg-3 .s-app-name {
  7703. color: #333;
  7704. top: 232px;
  7705. }
  7706. #startPicModal .a-left .phone .bg-3 .s-app-introduce {
  7707. color: #333;
  7708. top: 252px;
  7709. }
  7710. /*#startPicModal .aside-modal .a-left .phone .bg-4{height: 475px;}*/
  7711. #startPicModal .a-left .phone .bg-4 .s-app-wrap {
  7712. position: absolute;
  7713. bottom: 10px;
  7714. left: 5px;
  7715. width: 100%;
  7716. }
  7717. #startPicModal .a-left .phone .bg-4 .s-app-icon {
  7718. float: left;
  7719. }
  7720. #startPicModal .a-left .phone .bg-4 .s-name-wrap {
  7721. float: left;
  7722. width: 70%;
  7723. margin-top: 13px;
  7724. margin-left: 5px;
  7725. }
  7726. #startPicModal .a-left .phone .bg-4 .s-app-name {
  7727. color: #333;
  7728. text-align: left;
  7729. position: static;
  7730. }
  7731. #startPicModal .a-left .phone .bg-4 .s-app-introduce {
  7732. color: #333;
  7733. position: static;
  7734. text-align: left;
  7735. }
  7736. #startPicModal .a-left .phone .bg-5 {
  7737. border: 1px solid #e5e5e5;
  7738. }
  7739. #startPicModal .a-left .phone .bg-5 .s-app-icon {
  7740. margin-top: 30px;
  7741. }
  7742. #startPicModal .a-left .phone .bg-5 .s-app-name {
  7743. color: #333;
  7744. top: 163px;
  7745. }
  7746. #startPicModal .a-left .phone .bg-5 .s-app-introduce {
  7747. color: #333;
  7748. top: 183px;
  7749. }
  7750. #startPicModal .a-left .phone .bg-6 .s-app-name {
  7751. color: #333;
  7752. }
  7753. #startPicModal .a-left .phone .bg-6 .s-app-introduce {
  7754. color: #333;
  7755. }
  7756. #startPicModal .a-left .phone .bg-7 .s-app-name {
  7757. color: #333;
  7758. }
  7759. #startPicModal .a-left .phone .bg-7 .s-app-introduce {
  7760. color: #333;
  7761. }
  7762. /*#startPicModal .aside-modal .a-left .phone .bg-8{height: 475px;}*/
  7763. #startPicModal .a-left .phone .bg-8 .s-app-wrap {
  7764. position: absolute;
  7765. bottom: 10px;
  7766. left: 5px;
  7767. width: 100%;
  7768. }
  7769. #startPicModal .a-left .phone .bg-8 .s-app-icon {
  7770. float: left;
  7771. }
  7772. #startPicModal .a-left .phone .bg-8 .s-name-wrap {
  7773. float: left;
  7774. width: 70%;
  7775. margin-top: 13px;
  7776. margin-left: 5px;
  7777. }
  7778. #startPicModal .a-left .phone .bg-8 .s-app-name {
  7779. color: #333;
  7780. text-align: left;
  7781. position: static;
  7782. }
  7783. #startPicModal .a-left .phone .bg-8 .s-app-introduce {
  7784. color: #333;
  7785. position: static;
  7786. text-align: left;
  7787. }
  7788. #startPicModal .a-left .phone .bg-9 .s-app-name {
  7789. color: #333;
  7790. }
  7791. #startPicModal .a-left .phone .bg-9 .s-app-introduce {
  7792. color: #333;
  7793. }
  7794. /*/制作启动图*/
  7795. /*制作图标*/
  7796. /*2019/4/9/ 改版*/
  7797. @media (min-width: 1200px) {
  7798. #makeIconsModal .modal-dialog {
  7799. width: 1010px;
  7800. }
  7801. #makeIconsModal .modal-dialog .modal-body {
  7802. padding: 20px 30px;
  7803. min-height: 410px;
  7804. }
  7805. }
  7806. #makeIconsModal .m-tit {
  7807. color: #333;
  7808. margin-bottom: 10px;
  7809. }
  7810. #makeIconsModal .m-icon {
  7811. background-position: center;
  7812. width: 150px;
  7813. height: 150px;
  7814. background-size: cover;
  7815. display: flex;
  7816. justify-content: center;
  7817. align-items: center;
  7818. margin: 0 auto;
  7819. }
  7820. #makeIconsModal .m-icon img {
  7821. width: 150px;
  7822. height: auto;
  7823. display: block;
  7824. border-radius: 15px;
  7825. }
  7826. #makeIconsModal .m-icon .m-name {
  7827. color: #fff;
  7828. max-width: 120px;
  7829. text-align: center;
  7830. }
  7831. #makeIconsModal .icon-bg {
  7832. border: 1px solid #e5e5e5;
  7833. padding: 30px 25px;
  7834. border-radius: 5px;
  7835. margin-bottom: 50px;
  7836. }
  7837. #makeIconsModal .icon-bg dl dt {
  7838. color: #333;
  7839. margin-right: 20px;
  7840. }
  7841. #makeIconsModal .m-icon-bg1 {
  7842. margin-bottom: 20px;
  7843. }
  7844. #makeIconsModal .m-icon-bg1 dt {
  7845. line-height: 30px;
  7846. }
  7847. #makeIconsModal .m-icon-bg1 dd {
  7848. width: 40%;
  7849. }
  7850. #makeIconsModal .m-icon-bg2 dt {
  7851. line-height: 40px;
  7852. }
  7853. .make-img-common .tab {
  7854. border-right: 1px solid #e5e5e5;
  7855. }
  7856. .make-img-common .tab li {
  7857. float: left;
  7858. width: 16.66666667%;
  7859. text-align: center;
  7860. line-height: 32px;
  7861. border: 1px solid #e5e5e5;
  7862. color: #333;
  7863. background-color: #fbfbfb;
  7864. cursor: pointer;
  7865. }
  7866. .make-img-common .tab li+li {
  7867. border-left-color: transparent;
  7868. }
  7869. .make-img-common .tab li:last-of-type {
  7870. border-right-color: transparent;
  7871. }
  7872. .make-img-common .tab li.active {
  7873. background-color: #fff;
  7874. border-bottom-color: transparent;
  7875. }
  7876. /*#makeIconsModal .foreground-map .tab li:first-of-type{border-radius: 5px 0 0 0;}*/
  7877. /*#makeIconsModal .foreground-map .tab li:last-of-type{border-radius: 0 5px 0 0;}*/
  7878. .make-img-common .tab-con {
  7879. border: 1px solid #e5e5e5;
  7880. margin-top: -1px;
  7881. }
  7882. .make-img-common .tab-con>div {
  7883. display: none;
  7884. }
  7885. .make-img-common .tab-common {
  7886. padding: 30px 40px;
  7887. }
  7888. .make-img-common .tab-common ul {
  7889. /*height: 204px; overflow-y: auto;*/
  7890. }
  7891. .make-img-common .tab-common ul li {
  7892. width: calc((100% - 24px) / 7);
  7893. position: relative;
  7894. margin-right: 4px;
  7895. margin-bottom: 4px;
  7896. float: left;
  7897. cursor: pointer;
  7898. border: 1px solid #e5e5e5;
  7899. }
  7900. #startPicModal .make-img-common .tab-common ul li {
  7901. width: calc((100% - 16px) / 5);
  7902. }
  7903. #makeIconsModal .make-img-common .tab-common ul li:nth-child(7n) {
  7904. margin-right: 0;
  7905. }
  7906. #startPicModal .make-img-common .tab-common ul li:nth-child(5n) {
  7907. margin-right: 0;
  7908. }
  7909. .make-img-common .tab-common ul li .icon-checkbox-small {
  7910. position: absolute;
  7911. right: 0;
  7912. bottom: 0;
  7913. display: none;
  7914. }
  7915. .make-img-common .tab-common ul li.active {}
  7916. .make-img-common .tab-common ul li.active .icon-checkbox-small {
  7917. display: block;
  7918. }
  7919. .make-img-common .tab-common ul li .t-con {}
  7920. .make-img-common .tab-common ul li.active {
  7921. border-color: #157df1;
  7922. }
  7923. #makeIconsModal .error {
  7924. font-size: 12px;
  7925. color: #fd641d;
  7926. margin-top: 5px;
  7927. display: none;
  7928. }
  7929. #makeIconsModal .form-error .error {
  7930. display: block;
  7931. }
  7932. /*/制作图标*/
  7933. /*网页缩放*/
  7934. .plugin-web-zoom .tit {
  7935. color: #333;
  7936. margin-bottom: 5px;
  7937. }
  7938. /*/网页缩放*/
  7939. /*手势配置*/
  7940. .plugin-gestures .tit {
  7941. color: #333;
  7942. margin-bottom: 3px;
  7943. }
  7944. .plugin-gestures .gestures-list1 {
  7945. margin-bottom: 40px;
  7946. }
  7947. .plugin-gestures .gestures-list1 li {
  7948. float: left;
  7949. margin-right: 40px;
  7950. cursor: pointer;
  7951. }
  7952. .plugin-gestures .gestures-list2 .tit {
  7953. margin-bottom: 5px;
  7954. }
  7955. .plugin-gestures .gestures-list2 p {
  7956. color: #fd641d;
  7957. margin-top: 10px;
  7958. }
  7959. /*/手势配置*/
  7960. /*浏览器UA*/
  7961. .plugin-ua .ua {
  7962. margin-bottom: 40px;
  7963. }
  7964. .plugin-ua .ua:last-of-type {
  7965. margin-bottom: 10px;
  7966. }
  7967. .plugin-ua .ua .tit {
  7968. color: #333;
  7969. margin-bottom: 5px;
  7970. }
  7971. .plugin-ua .ua-con {
  7972. border: 1px solid #e5e5e5;
  7973. padding: 30px 0;
  7974. }
  7975. .plugin-ua .ua-con .form-control {
  7976. margin-bottom: 8px;
  7977. }
  7978. .plugin-ua .ua-con .form-group {
  7979. margin: 0 -5px 25px;
  7980. }
  7981. .plugin-ua .ua-con .form-group:last-of-type {
  7982. margin-bottom: 0;
  7983. }
  7984. .plugin-ua .ua-con .col-sm-3 {
  7985. padding: 10px 5px 0;
  7986. }
  7987. @media (min-width: 1200px) {
  7988. .plugin-ua .ua-con .col-sm-3 {
  7989. width: 22%;
  7990. }
  7991. }
  7992. .plugin-ua .ua-con .col-sm-8 {
  7993. padding: 0 5px;
  7994. }
  7995. .plugin-ua .ua-con label {
  7996. font-size: 12px;
  7997. color: #333;
  7998. }
  7999. .plugin-ua .ua-con p {
  8000. font-size: 12px;
  8001. }
  8002. .plugin-ua .ua-con p span {
  8003. color: #157df1;
  8004. }
  8005. .plugin-ua .ua-con .error {
  8006. font-size: 12px;
  8007. color: #fd641d;
  8008. margin-top: 5px;
  8009. display: none;
  8010. }
  8011. .plugin-ua .ua-con .form-error .error {
  8012. display: block;
  8013. }
  8014. /*/浏览器UA*/
  8015. /*保存账户密码*/
  8016. .plugin-save-pwd .tit {
  8017. color: #333;
  8018. margin-bottom: 5px;
  8019. }
  8020. /*/保存账户密码*/
  8021. /*----------/封装 配置插件----------*/
  8022. /*----------应用发布 改版----------*/
  8023. .release-app2>.row {
  8024. margin: 0 0 15px;
  8025. overflow: hidden;
  8026. height: 100%;
  8027. }
  8028. @media (min-width: 1200px) {
  8029. .release-app2>.row>.col-sm-2 {
  8030. padding: 0 0 9999px;
  8031. margin-bottom: -9999px;
  8032. }
  8033. }
  8034. .release-app2>.row>.col-sm-2 {
  8035. background-color: #fff;
  8036. /* box-shadow: 0 0 5px rgba(0, 0, 0, .05); */
  8037. }
  8038. .release-app2>.row>.col-sm-10 {
  8039. padding: 0 0 0 10px;
  8040. }
  8041. /*
  8042. .release-app2>.row{margin-left: -5px; margin-right: -5px;}
  8043. .release-app2>.row>.col-sm-2,.release-app2>.row>.col-sm-10{padding-left: 5px; padding-right: 5px;}
  8044. */
  8045. aside.aside-left {
  8046. padding-top: 20px;
  8047. }
  8048. aside.aside-left ul li {
  8049. margin-bottom: 8px;
  8050. }
  8051. aside.aside-left ul li a {
  8052. padding-left: 40px;
  8053. display: block;
  8054. height: 60px;
  8055. line-height: 60px;
  8056. border-left: 4px solid transparent;
  8057. color: rgba(21, 21, 21, 1);
  8058. font-family: Source Han Sans SC;
  8059. font-weight: 500;
  8060. font-size: 16px;
  8061. }
  8062. aside.aside-left ul li a .iconfont {
  8063. margin-right: 12px;
  8064. font-size: 24px;
  8065. width: 24px;
  8066. height: 24px;
  8067. line-height: 24px;
  8068. position: relative;
  8069. display: inline-block;
  8070. vertical-align: middle;
  8071. }
  8072. aside.aside-left ul li a .iconfont::before {
  8073. content: "";
  8074. background-repeat: no-repeat;
  8075. background-size: 100% 100%;
  8076. background-position: center;
  8077. width: 24px;
  8078. height: 24px;
  8079. display: inline-block;
  8080. position: absolute;
  8081. top: 50%;
  8082. left: 0;
  8083. background-image: url(../image/inner-nav/nav-3.png);
  8084. transform: translateY(-50%);
  8085. }
  8086. aside.aside-left ul li a .iconfont.icon-upload1::before {
  8087. background-image: url(../image/inner-nav/nav-2.png);
  8088. }
  8089. aside.aside-left ul li a .iconfont.icon-41::before {
  8090. background-image: url(../image/inner-nav/nav-3.png);
  8091. }
  8092. aside.aside-left ul li a .iconfont.icon-liulanqi::before {
  8093. background-image: url(../image/inner-nav/nav-1.png);
  8094. }
  8095. aside.aside-left ul li a .iconfont.icon-erweima::before {
  8096. background-image: url(../image/inner-nav/nav-4.png);
  8097. }
  8098. aside.aside-left ul li a .iconfont.icon-jilu::before {
  8099. background-image: url(../image/inner-nav/nav-1.png);
  8100. }
  8101. aside.aside-left ul li a .iconfont.icon-pwd::before {
  8102. background-image: url(../image/inner-nav/nav-1.png);
  8103. }
  8104. aside.aside-left ul li a .iconfont.icon-gongju::before {
  8105. background-image: url(../image/inner-nav/nav-1.png);
  8106. }
  8107. aside.aside-left ul li a .iconfont.icon-jilu::before {
  8108. background-image: url(../image/inner-nav/nav-5.png);
  8109. }
  8110. aside.aside-left ul li a .iconfont.icon-fz::before {
  8111. background-image: url(../image/inner-nav/nav-6.png);
  8112. }
  8113. aside.aside-left ul li a .iconfont.icon-fzmianqian::before {
  8114. background-image: url(../image/inner-nav/nav-7.png);
  8115. }
  8116. aside.aside-left ul li a .iconfont.icon-fzjilu::before {
  8117. background-image: url(../image/inner-nav/nav-8.png);
  8118. }
  8119. aside.aside-left ul li a .iconfont.icon-user1::before {
  8120. background-image: url(../image/inner-nav/nav-9.png);
  8121. }
  8122. aside.aside-left ul li a .iconfont.icon-028::before {
  8123. background-image: url(../image/inner-nav/nav-10.png);
  8124. }
  8125. aside.aside-left ul li a .iconfont.icon-fapiao::before {
  8126. background-image: url(../image/inner-nav/nav-11.png);
  8127. }
  8128. aside.aside-left ul li a .iconfont.icon-team::before {
  8129. background-image: url(../image/inner-nav/nav-12.png);
  8130. }
  8131. aside.aside-left ul li a .iconfont.icon-008::before {
  8132. background-image: url(../image/inner-nav/nav-13.png);
  8133. }
  8134. aside.aside-left ul li.active a {
  8135. background-color: #e7f2fe;
  8136. border-color: rgba(33, 104, 251, 1);
  8137. color: #157df1;
  8138. }
  8139. aside.aside-left ul li.active a .iconfont {
  8140. color: #157df1;
  8141. }
  8142. aside.aside-left ul li.active a .icon-upload1 {
  8143. font-size: 18px;
  8144. }
  8145. aside.aside-left ul li:hover a {
  8146. background-color: rgba(231, 242, 254, 1);
  8147. border-color: #157df1;
  8148. color: rgba(33, 104, 251, 1);
  8149. }
  8150. aside.aside-left ul li:hover a .iconfont {
  8151. color: #157df1;
  8152. }
  8153. .release-app2 .aside-right .a-top {
  8154. margin-bottom: 5px;
  8155. }
  8156. .release-app2 .aside-right .a-top.mb10 {
  8157. margin-bottom: 10px;
  8158. }
  8159. .release-app2 .aside-right .a-top .app-icon {
  8160. width: 100px;
  8161. border-radius: 20px;
  8162. background-color: #fff;
  8163. cursor: pointer;
  8164. border: 1px solid #e5e5e5;
  8165. overflow: hidden;
  8166. }
  8167. .release-app2 .aside-right .a-top .app-icon li {
  8168. float: left;
  8169. width: 50%;
  8170. height: 38px;
  8171. display: flex;
  8172. justify-content: center;
  8173. align-items: center;
  8174. border-right: 1px solid #e5e5e5;
  8175. }
  8176. .release-app2 .aside-right .a-top .app-icon li:last-of-type {
  8177. border-right-color: transparent;
  8178. }
  8179. .release-app2 .aside-right .a-top .app-icon li .iconfont {
  8180. font-size: 22px;
  8181. color: #bbb;
  8182. }
  8183. .release-app2 .aside-right .a-top .app-icon li.active {
  8184. background-color: #157df1;
  8185. }
  8186. .release-app2 .aside-right .a-top .app-icon li.active .iconfont {
  8187. color: #fff;
  8188. }
  8189. .release-app2 .aside-right .search {
  8190. position: relative;
  8191. margin-left: 30px;
  8192. }
  8193. .release-app2 .aside-right .search .iconfont {
  8194. position: absolute;
  8195. left: 10px;
  8196. top: 50%;
  8197. transform: translateY(-50%);
  8198. font-size: 18px;
  8199. }
  8200. .release-app2 .aside-right .search input {
  8201. height: 40px;
  8202. line-height: 38px;
  8203. width: 160px;
  8204. border: 1px solid #e5e5e5;
  8205. padding-left: 40px;
  8206. background-color: transparent;
  8207. color: #333;
  8208. }
  8209. .release-app2 .aside-right .search input::-webkit-input-placeholder {
  8210. color: #333 !important;
  8211. }
  8212. .release-app2 .aside-right .search input::-moz-placeholder {
  8213. color: #333 !important;
  8214. }
  8215. .release-app2 .aside-right .search input::-ms-input-placeholder {
  8216. color: #333 !important;
  8217. }
  8218. .release-app2 .aside-right .search .btn-search {
  8219. line-height: 40px;
  8220. color: #157df1;
  8221. margin-left: 15px;
  8222. }
  8223. .release-app2 .aside-right .how-many dl dd {
  8224. text-align: right;
  8225. position: relative;
  8226. padding-right: 20px;
  8227. margin-right: 20px;
  8228. }
  8229. .release-app2 .aside-right .how-many dl dd .p1 {
  8230. font-size: 12px;
  8231. float: left;
  8232. color: #999;
  8233. }
  8234. .release-app2 .aside-right .how-many dl dd .icon-prompt1 {
  8235. font-size: 14px;
  8236. color: #999;
  8237. float: left;
  8238. margin: -3px 0 0 3px;
  8239. }
  8240. .release-app2 .aside-right .how-many dl dd .icon-prompt {
  8241. margin-left: 5px;
  8242. float: left;
  8243. }
  8244. .release-app2 .aside-right .how-many dl dd .p2 {
  8245. color: #333;
  8246. float: right;
  8247. font-size: 19px;
  8248. }
  8249. .release-app2 .aside-right .how-many dl dd .p2 i {
  8250. font-size: 12px;
  8251. color: #999;
  8252. }
  8253. .release-app2 .aside-right .how-many dl dd .p2 span {
  8254. float: right;
  8255. }
  8256. .release-app2 .aside-right .how-many dl dd .p2 span:last-child {
  8257. margin-right: 10px;
  8258. }
  8259. .release-app2 .aside-right .how-many dl dd .right-line {
  8260. position: absolute;
  8261. top: 6px;
  8262. right: 0;
  8263. background-color: #e5e5e5;
  8264. width: 1px;
  8265. height: 30px;
  8266. }
  8267. .release-app2 .aside-right .how-many .ms-btn-primary.w60 {
  8268. padding: 3px 12px;
  8269. margin-top: 6px;
  8270. }
  8271. .release-app2 .aside-right .how-many .big-bag-btn {
  8272. background-color: #fd9817;
  8273. border-color: #fd9817;
  8274. color: #fff;
  8275. }
  8276. .release-app2 .aside-right .app-table-wrap {
  8277. /*min-height: 502px;*/
  8278. margin-top: 5px;
  8279. /*margin-bottom: 40px;*/
  8280. /*background-color: #fff;*/
  8281. /*border: 1px solid #e5e5e5; border-top: none;*/
  8282. }
  8283. .release-app2 .aside-right .app-table {
  8284. border: 1px solid #e5e5e5;
  8285. font-size: 12px;
  8286. margin-bottom: 0;
  8287. }
  8288. .release-app2 .aside-right .app-table tr th {
  8289. text-align: center;
  8290. font-weight: 600;
  8291. color: #666;
  8292. padding: 15px 0;
  8293. background-color: #f7f7fa;
  8294. border-color: #e5e5e5;
  8295. }
  8296. .release-app2 .aside-right .app-table tr td {
  8297. text-align: center;
  8298. padding: 0 10px;
  8299. vertical-align: middle;
  8300. border-color: #e5e5e5;
  8301. color: #000000;
  8302. height: 60px;
  8303. }
  8304. /*.release-app2 .aside-right .app-table tr .app-th-name{width: 160px;}*/
  8305. .release-app2 .aside-right .app-table>tbody>tr>td.color-danger {
  8306. color: #fd641d;
  8307. }
  8308. .release-app2 .aside-right .app-table>tbody>tr>td.color-999 {
  8309. color: #999;
  8310. }
  8311. .release-app2 .aside-right .app-table>tbody>tr>td td {
  8312. text-align: left;
  8313. }
  8314. .release-app2 .aside-right .app-table tr:hover td {
  8315. background-color: #ebf7ff;
  8316. }
  8317. .release-app2 .aside-right .app-table .app-icon1 {
  8318. border-radius: 15px;
  8319. border: 1px solid #e5e5e5;
  8320. width: 50px;
  8321. height: 50px;
  8322. }
  8323. .table-list .app-table .download-code {
  8324. /*display: inline-block;*/
  8325. }
  8326. .table-list .app-table .download-code-wrap {
  8327. line-height: 16px;
  8328. height: 16px;
  8329. }
  8330. .table-list .app-table .download-code1 {
  8331. display: inline-flex;
  8332. }
  8333. .table-list .app-table .download-code .ellipsis {
  8334. color: #157df1;
  8335. }
  8336. .table-list .app-table .download-code .ellipsis:hover {
  8337. text-decoration: underline;
  8338. }
  8339. .table-list .app-table .download-code .icon-small-code {
  8340. margin-top: 1px;
  8341. margin-left: 3px;
  8342. }
  8343. .release-app2 .aside-right .app-table .app-name1 {
  8344. display: block;
  8345. color: #666;
  8346. max-width: 96px;
  8347. white-space: nowrap;
  8348. overflow: hidden;
  8349. text-overflow: ellipsis;
  8350. }
  8351. .release-app2 .aside-right .app-table .app-icon-name {
  8352. position: relative;
  8353. display: flex;
  8354. align-items: center;
  8355. }
  8356. .release-app2 .aside-right .app-table .app-icon-name .big-package-1 {
  8357. position: absolute;
  8358. left: -11px;
  8359. top: -10px;
  8360. background-color: #fd9817;
  8361. height: 16px;
  8362. line-height: 16px;
  8363. padding: 0 3px 0 1px;
  8364. border-radius: 0 10px 10px 0;
  8365. color: #fff;
  8366. font-size: 12px;
  8367. display: none;
  8368. }
  8369. .release-app2 .aside-right .app-table .app-icon-name .app-expired {
  8370. position: absolute;
  8371. left: -11px;
  8372. top: -10px;
  8373. background-color: #fd641d;
  8374. height: 16px;
  8375. line-height: 16px;
  8376. padding: 0 3px 0 1px;
  8377. border-radius: 0 10px 10px 0;
  8378. color: #fff;
  8379. font-size: 12px;
  8380. z-index: 2;
  8381. display: none;
  8382. }
  8383. .release-app2 .aside-right .app-table tr td.disabled {
  8384. background-color: #fff !important;
  8385. }
  8386. .release-app2 .aside-right .app-table tr td.disabled img {
  8387. -webkit-filter: grayscale(100%);
  8388. -moz-filter: grayscale(100%);
  8389. -ms-filter: grayscale(100%);
  8390. -o-filter: grayscale(100%);
  8391. filter: grayscale(100%);
  8392. filter: gray;
  8393. }
  8394. .release-app2 .aside-right .app-table tr td.disabled .tit2 {
  8395. color: #999;
  8396. }
  8397. .release-app2 .aside-right .app-table tr td.disabled .ellipsis {
  8398. color: #ccc;
  8399. }
  8400. .version-history-table {
  8401. border: 1px solid #e5e5e5;
  8402. }
  8403. .version-history-table th {
  8404. border: none !important;
  8405. text-align: center;
  8406. font-weight: normal;
  8407. color: #666;
  8408. height: 40px;
  8409. background-color: #f5f6f7;
  8410. font-size: 12px;
  8411. vertical-align: middle !important;
  8412. }
  8413. .version-history-table tr td {
  8414. padding: 0 15px !important;
  8415. height: 50px;
  8416. vertical-align: middle !important;
  8417. font-size: 12px;
  8418. text-align: center;
  8419. }
  8420. .version-history-table tr td .bundle-length {
  8421. display: block;
  8422. }
  8423. .version-history-table tr td .iconfont {
  8424. font-size: 20px;
  8425. cursor: pointer;
  8426. }
  8427. /*.release-app2 .aside-right .no-app{min-height: 326px; border: 1px solid #e5e5e5; border-top: none;}*/
  8428. .release-app2 .aside-right .no-app .iconfont {
  8429. font-size: 20px;
  8430. }
  8431. .release-app2 .aside-right .no-app .text {
  8432. margin: 4px 0 0 5px;
  8433. }
  8434. /*.app-details{margin-bottom: 40px;}*/
  8435. .app-details .details-top {
  8436. padding: 39px 30px;
  8437. background-color: #fff;
  8438. margin-bottom: 20px;
  8439. box-shadow: 0 0 5px rgba(0, 0, 0, .05);
  8440. }
  8441. .app-details .details-top>img {
  8442. border: 1px solid #e5e5e5;
  8443. border-radius: 12px;
  8444. width: 60px;
  8445. height: 60px;
  8446. }
  8447. .app-details .details-top .information {
  8448. margin-left: 15px;
  8449. }
  8450. .app-details .details-top .information dt {
  8451. color: #333;
  8452. margin-bottom: 2px;
  8453. margin-top: -5px;
  8454. }
  8455. .app-set1 .details-top .information dt {
  8456. margin-top: 0;
  8457. }
  8458. .app-details .details-top .information dt .i-tit {
  8459. position: relative;
  8460. }
  8461. .app-details .details-top .information dt .i-tit .iconfont {
  8462. color: #bbb;
  8463. font-size: 21px;
  8464. }
  8465. .app-details .details-top .information dt .text {
  8466. font-size: 20px;
  8467. }
  8468. /*.app-details .details-top .information dt .iconfont{position: absolute; right: -20px; top: 0;}*/
  8469. .app-details .details-top .information dt .version {
  8470. position: absolute;
  8471. left: calc(100% + 5px);
  8472. top: -10px;
  8473. background-color: #fc4e54;
  8474. font-size: 12px;
  8475. width: 42px;
  8476. height: 18px;
  8477. line-height: 18px;
  8478. color: #fff;
  8479. text-align: center;
  8480. border-radius: 3px;
  8481. }
  8482. .app-details .details-top .information dt .version-private {
  8483. background-color: #fd641d;
  8484. }
  8485. .app-details .details-top .information dt .no-flash-back {
  8486. background-color: #2fc302;
  8487. width: 52px;
  8488. }
  8489. .app-details .details-top .information dd {
  8490. color: #999;
  8491. }
  8492. /*.app-details .details-top .information dd:first-of-type{margin-bottom: 3px;}*/
  8493. .app-details .details-top .information dd span {
  8494. margin-right: 30px;
  8495. }
  8496. .app-details .details-top .information dd i {
  8497. margin-left: 10px;
  8498. }
  8499. .add-notes-wrap {
  8500. cursor: pointer;
  8501. margin-right: 0 !important;
  8502. }
  8503. .add-notes-wrap span {
  8504. margin-right: 0 !important;
  8505. }
  8506. .add-notes .icon-compile {
  8507. cursor: pointer;
  8508. margin-top: -1px;
  8509. }
  8510. .add-notes .icon-compile:hover {
  8511. color: #157df1;
  8512. }
  8513. .add-notes .text {
  8514. max-width: 250px;
  8515. overflow: hidden;
  8516. text-overflow: ellipsis;
  8517. white-space: nowrap;
  8518. margin-right: 3px !important;
  8519. }
  8520. /*.add-notes>span:last-of-type:hover{color: #157df1;}*/
  8521. .add-notes:hover>span:last-of-type {
  8522. color: #157df1;
  8523. }
  8524. .add-notes:hover .icon-compile {
  8525. color: #157df1;
  8526. }
  8527. .add-notes-wrap input[name='remark'] {
  8528. display: inline-block;
  8529. width: 200px;
  8530. height: 26px;
  8531. display: none;
  8532. }
  8533. #notesModal .modal-content .close {
  8534. position: absolute;
  8535. right: 10px;
  8536. top: 10px;
  8537. z-index: 2;
  8538. color: #333;
  8539. opacity: 1;
  8540. font-size: 24px;
  8541. }
  8542. #notesModal .modal-footer {
  8543. border-top: none;
  8544. padding: 20px 30px 30px;
  8545. }
  8546. #notesModal .modal-body {
  8547. padding: 25px 30px 0;
  8548. }
  8549. #notesModal .modal-body .tit {
  8550. margin-bottom: 15px;
  8551. color: #333;
  8552. }
  8553. #notesModal .modal-footer .ms-btn-primary {
  8554. width: 130px;
  8555. padding: 9px;
  8556. }
  8557. .app-list-notes-wrap {
  8558. line-height: 100%;
  8559. }
  8560. .app-list-notes:empty {
  8561. display: none;
  8562. }
  8563. .app-list-notes {
  8564. margin-top: 3px;
  8565. font-size: 12px;
  8566. color: #999;
  8567. display: block;
  8568. }
  8569. .app-list-notes2 {
  8570. margin-top: 6px;
  8571. display: inline-block;
  8572. }
  8573. .app-details .details-bottom {
  8574. padding: 10px 0;
  8575. /*background-color: #fff; box-shadow: 0 0 5px rgba(0,0,0,.05);*/
  8576. }
  8577. .app-details .details-bottom table {
  8578. width: 100%;
  8579. table-layout: fixed;
  8580. }
  8581. .app-details .details-bottom table th {
  8582. font-weight: normal;
  8583. padding: 20px 10px 10px 0;
  8584. color: #333;
  8585. white-space: nowrap;
  8586. vertical-align: middle;
  8587. }
  8588. .app-details .details-bottom table th .th-line {
  8589. border-left: 4px solid #157df1;
  8590. height: 22px;
  8591. line-height: 22px;
  8592. display: inline-block;
  8593. padding-left: 10px;
  8594. }
  8595. .app-details .details-bottom table th .icon-prompt {
  8596. position: relative;
  8597. margin-left: 3px;
  8598. top: -3px;
  8599. }
  8600. .app-details .details-bottom table th .icon-prompt1 {
  8601. position: relative;
  8602. margin-left: 0px;
  8603. top: 0;
  8604. }
  8605. .app-details .details-bottom table th .icon-prompt .popover1-content {
  8606. width: 210px;
  8607. font-size: 12px;
  8608. }
  8609. .app-details .details-bottom table th .icon-prompt1 .popover1-content {
  8610. width: 220px;
  8611. font-size: 12px;
  8612. white-space: normal;
  8613. }
  8614. .app-details .details-bottom table td {
  8615. padding: 10px 0 10px 15px;
  8616. vertical-align: top;
  8617. white-space: nowrap;
  8618. color: #999;
  8619. }
  8620. .app-details .details-bottom .d-table-wrap {
  8621. position: relative;
  8622. }
  8623. .app-details .details-bottom .points-line {
  8624. position: absolute;
  8625. left: 50%;
  8626. height: calc(100% - 20px);
  8627. width: 1px;
  8628. background-color: #e5e5e5;
  8629. top: 50%;
  8630. transform: translateY(-50%);
  8631. }
  8632. .app-details .details-bottom .points-line-l {
  8633. left: 33.33%;
  8634. }
  8635. .app-details .details-bottom .points-line-r {
  8636. right: 33.33%;
  8637. left: auto;
  8638. }
  8639. .app-details .details-bottom .points-line-wrap .points-line-3:nth-of-type(1) {
  8640. left: 25%;
  8641. }
  8642. .app-details .details-bottom .points-line-wrap .points-line-3:nth-of-type(2) {
  8643. left: 50%;
  8644. }
  8645. .app-details .details-bottom .points-line-wrap .points-line-3:nth-of-type(3) {
  8646. left: 75%;
  8647. }
  8648. .app-details .bundle-length {
  8649. max-width: 200px;
  8650. white-space: nowrap;
  8651. text-overflow: ellipsis;
  8652. overflow: hidden;
  8653. display: inline-block;
  8654. }
  8655. .app-details .details-bottom .d-table-wrap .test-download {}
  8656. .app-details .details-bottom .d-table-wrap .link {
  8657. max-width: 170px;
  8658. white-space: nowrap;
  8659. text-overflow: ellipsis;
  8660. overflow: hidden;
  8661. display: inline-block;
  8662. }
  8663. /*.app-details .details-bottom .d-table-wrap .test-download img{margin: 0 5px;}*/
  8664. .app-details .details-bottom .d-table-wrap .more {
  8665. color: #157df1;
  8666. }
  8667. .app-details .details-bottom .d-table-wrap .more:hover {
  8668. text-decoration: underline;
  8669. }
  8670. .app-details .details-bottom .d-table-wrap .private-equipment-wrap {
  8671. display: inline-block;
  8672. }
  8673. .app-details .details-bottom .d-table-wrap .private-equipment {
  8674. max-width: 170px;
  8675. width: auto;
  8676. }
  8677. .app-details2 .bundle-length1 {
  8678. max-width: 255px !important;
  8679. }
  8680. .app-details2 .bundle-length2 {
  8681. max-width: 292px !important;
  8682. }
  8683. .app-details2 .bundle-length3 {
  8684. max-width: 310px !important;
  8685. }
  8686. /*下载明细*/
  8687. /* .download-details .table {
  8688. border: 1px solid #e5e5e5;
  8689. table-layout: fixed;
  8690. }
  8691. .download-details .table tr th {
  8692. border-top-color: #e5e5e5 !important;
  8693. height: 50px;
  8694. vertical-align: middle;
  8695. text-align: center;
  8696. background-color: #f5f6f7;
  8697. font-weight: 600;
  8698. font-size: 12px;
  8699. color: #333;
  8700. }
  8701. .download-details .table tr td {
  8702. border-top-color: #e5e5e5 !important;
  8703. height: 50px;
  8704. vertical-align: middle;
  8705. text-align: center;
  8706. font-size: 12px;
  8707. color: #000000;
  8708. }
  8709. .download-details .table tr:hover {
  8710. background: #ebf7ff;
  8711. }
  8712. .download-details .no {
  8713. text-align: center;
  8714. margin-top: 100px;
  8715. } */
  8716. /*/下载明细*/
  8717. /*详情页 签名*/
  8718. .app-details .d-signature {
  8719. /*background-color: #fff; box-shadow: 0 0 5px rgba(0,0,0,.05);*/
  8720. padding: 30px 20px;
  8721. position: relative;
  8722. }
  8723. .app-details .d-signature dl {
  8724. color: #333;
  8725. }
  8726. .app-details .d-signature dl dd {
  8727. color: #666;
  8728. }
  8729. .app-details .d-signature dl dd span {
  8730. color: #157df1;
  8731. position: relative;
  8732. top: -1px;
  8733. margin-right: 3px;
  8734. }
  8735. .app-details .d-signature .signature-link {
  8736. position: absolute;
  8737. right: 30px;
  8738. top: 50%;
  8739. padding: 6px 21px;
  8740. border-radius: 20px;
  8741. transform: translateY(-50%);
  8742. }
  8743. /*/详情页 签名*/
  8744. /* .release-app2 .aside-right .version-history-table td {
  8745. position: relative;
  8746. height: 50px;
  8747. border-color: #e5e5e5;
  8748. }
  8749. .release-app2 .aside-right .version-history-table td .angle {
  8750. position: absolute;
  8751. left: 0;
  8752. top: 0;
  8753. } */
  8754. /*
  8755. .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);}
  8756. .release-app2 .aside-right .app-details .downloads li{float: left; width: 50%; height: 70px; line-height: 70px; padding-left: 20px; color: #333;}
  8757. .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;}
  8758. .release-app2 .aside-right .app-details .downloads li .d-left .iconfont{font-size: 20px;}
  8759. .release-app2 .aside-right .app-details .downloads li .d-text{margin-left: 10px;}
  8760. .release-app2 .aside-right .app-details .downloads li .d-num{margin-left: 15px; font-size: 16px;}
  8761. .release-app2 .aside-right .app-details .downloads li:first-of-type{border-right: 1px solid #e5e5e5;}
  8762. .release-app2 .aside-right .app-details .downloads li:last-of-type .d-left{background-color: #a59bf6;}
  8763. */
  8764. .release-app2 .aside-right .app-details .details-bottom .ellipsis-wrap {
  8765. position: relative;
  8766. }
  8767. .release-app2 .aside-right .app-details .details-bottom .ellipsis-wrap .popover {
  8768. max-width: 410px;
  8769. width: 410px;
  8770. top: 15px;
  8771. font-size: 14px;
  8772. }
  8773. .release-app2 .aside-right .app-details .details-bottom .ellipsis-wrap .popover .popover-content span {
  8774. color: #157df1;
  8775. margin-left: 10px;
  8776. cursor: pointer;
  8777. }
  8778. .release-app2 .aside-right .app-details .details-bottom .ellipsis-wrap .ellipsis {
  8779. width: 80%;
  8780. }
  8781. .release-app2 .aside-right .app-details .details-bottom .ellipsis-wrap .popover.bottom>.arrow {
  8782. left: 25px;
  8783. }
  8784. .release-app2 .aside-right .app-details .details-bottom .ellipsis-wrap:hover .popover {
  8785. display: block;
  8786. }
  8787. .release-app2 .app-details .app-set {
  8788. box-shadow: 0 0 5px rgba(0, 0, 0, .05);
  8789. background-color: #fff;
  8790. margin-top: 20px;
  8791. padding-bottom: 15px;
  8792. min-height: 360px;
  8793. }
  8794. .release-app2 .app-details .app-set .tab {
  8795. background-color: #f2f2f5;
  8796. height: 44px;
  8797. line-height: 44px;
  8798. border-bottom: 1px solid #e5e5e5;
  8799. }
  8800. .release-app2 .app-details .app-set .tab li {
  8801. float: left;
  8802. padding: 0 20px;
  8803. cursor: pointer;
  8804. color: #333;
  8805. }
  8806. .release-app2 .app-details .app-set .tab li.active {
  8807. background-color: #fff;
  8808. border-right: 1px solid #e5e5e5;
  8809. border-left: 1px solid #e5e5e5;
  8810. margin-left: -1px;
  8811. color: #157df1;
  8812. }
  8813. .release-app2 .app-details .app-set .tab-con {
  8814. margin-top: 30px;
  8815. }
  8816. .release-app2 .app-details .app-set .col-sm-1 {
  8817. width: 13%;
  8818. }
  8819. .release-app2 .app-details .app-set .tab-con label {
  8820. color: #333;
  8821. }
  8822. .release-app2 .app-details .app-set .tab-con .form-control {
  8823. color: #333;
  8824. }
  8825. .release-app2 .app-details .app-set .tab-con>div {
  8826. display: none;
  8827. }
  8828. .release-app2 .app-details .app-set .tab-con .form-group {
  8829. margin-bottom: 30px;
  8830. }
  8831. .release-app2 .app-details .app-set .trust {
  8832. margin-top: 7px;
  8833. font-size: 12px;
  8834. }
  8835. .release-app2 .app-details .app-set .trust li {
  8836. float: left;
  8837. margin-right: 50px;
  8838. margin-top: 2px;
  8839. cursor: pointer;
  8840. color: #333;
  8841. }
  8842. .release-app2 .app-details .app-set .trust li .icon-radio {
  8843. margin-right: 8px;
  8844. top: 0;
  8845. }
  8846. .release-app2 .app-details .app-set .download-way {
  8847. margin-top: 7px;
  8848. font-size: 12px;
  8849. }
  8850. .release-app2 .app-details .app-set .download-way li {
  8851. float: left;
  8852. margin-right: 50px;
  8853. cursor: pointer;
  8854. color: #333;
  8855. font-size: 14px;
  8856. }
  8857. .release-app2 .app-details .app-set .download-way li .icon-radio {
  8858. margin-right: 8px;
  8859. top: 2px;
  8860. }
  8861. .release-app2 .app-details .app-set .short-link>.col-sm-6>.col-sm-6 {
  8862. padding-left: 0;
  8863. padding-right: 0;
  8864. }
  8865. .release-app2 .app-details .app-set .short-link .form-control {
  8866. border-radius: 0 4px 4px 0;
  8867. border-left: none;
  8868. }
  8869. .release-app2 .app-details .app-set .short-link .link {
  8870. padding: 6px 12px !important;
  8871. height: 34px;
  8872. background-color: #f2f2f5;
  8873. border: 1px solid #e5e5e5;
  8874. border-radius: 4px 0 0 4px;
  8875. color: #333;
  8876. }
  8877. .release-app2 .app-details .app-set .language .control-label {
  8878. padding-top: 0;
  8879. }
  8880. .release-app2 .app-details .app-set .language .radio-round {
  8881. color: #333;
  8882. }
  8883. .release-app2 .app-screenshots .example-image-link {
  8884. position: relative;
  8885. margin-right: 20px;
  8886. float: left;
  8887. border: 1px solid #e5e5e5;
  8888. }
  8889. .release-app2 .app-screenshots .example-image-link .icon {
  8890. position: absolute;
  8891. color: #ff6565;
  8892. right: -8px;
  8893. top: -8px;
  8894. right: 0 \9;
  8895. top: 0 \9;
  8896. }
  8897. .release-app2 .app-screenshots a {
  8898. width: 90px \9;
  8899. height: 160px \9;
  8900. overflow: hidden \9;
  8901. }
  8902. /*\9为ie9以上,除ie11*/
  8903. .release-app2 .app-screenshots a img {
  8904. max-width: 90px;
  8905. max-height: 160px;
  8906. width: 90px \9;
  8907. height: 160px \9;
  8908. }
  8909. .release-app2 .upload-screenshots {
  8910. position: relative;
  8911. border: 1px solid #e5e5e5;
  8912. height: 80px;
  8913. width: 80px;
  8914. border-radius: 5px;
  8915. background: url("../image/icon-10.png") no-repeat center 20px;
  8916. overflow: hidden;
  8917. /*margin-left: 15px;*/
  8918. }
  8919. .release-app2 .upload-screenshots .thumbnail-s {
  8920. position: absolute;
  8921. left: 0;
  8922. top: 0;
  8923. z-index: 2;
  8924. width: 100%;
  8925. height: 100%;
  8926. opacity: 0;
  8927. cursor: pointer;
  8928. }
  8929. .release-app2 .upload-screenshots .text {
  8930. text-align: center;
  8931. margin-top: 55px;
  8932. font-size: 12px;
  8933. }
  8934. .upload-icon-common {
  8935. position: relative;
  8936. border: 1px solid #e5e5e5;
  8937. height: 80px;
  8938. width: 80px;
  8939. border-radius: 15px;
  8940. background: url("../image/icon-10.png") no-repeat center 20px;
  8941. overflow: hidden;
  8942. /*margin-left: 15px;*/
  8943. }
  8944. .upload-icon-common img {
  8945. position: absolute;
  8946. left: 0;
  8947. top: 0;
  8948. width: 100%;
  8949. height: 100%;
  8950. border-radius: 15px;
  8951. background-color: #fff;
  8952. }
  8953. .upload-icon-common .thumbnail {
  8954. position: absolute;
  8955. left: 0;
  8956. top: 0;
  8957. z-index: 2;
  8958. width: 100%;
  8959. height: 100%;
  8960. opacity: 0;
  8961. cursor: pointer;
  8962. }
  8963. .upload-icon-common .text {
  8964. text-align: center;
  8965. margin-top: 55px;
  8966. font-size: 12px;
  8967. }
  8968. .release-app2 .app-details .app-set .img-note {
  8969. font-size: 12px;
  8970. display: flex;
  8971. align-items: flex-end;
  8972. height: 90px;
  8973. margin-left: 10px;
  8974. }
  8975. .upload-icon-common .reset {
  8976. position: absolute;
  8977. left: 0;
  8978. bottom: 0;
  8979. height: 24px;
  8980. line-height: 24px;
  8981. background: rgba(0, 0, 0, .6);
  8982. width: 100%;
  8983. color: #fff;
  8984. text-align: center;
  8985. font-size: 12px;
  8986. display: none;
  8987. }
  8988. .upload-icon-common.uploaded .reset {
  8989. display: none;
  8990. }
  8991. .upload-icon-common.uploaded:hover .reset {
  8992. display: block;
  8993. }
  8994. .release-app2 .aside-right .app-set .basic input::-webkit-input-placeholder {
  8995. color: #333 !important;
  8996. }
  8997. .release-app2 .aside-right .app-set .basic input::-moz-placeholder {
  8998. color: #333 !important;
  8999. }
  9000. .release-app2 .aside-right .app-set .basic input::-ms-input-placeholder {
  9001. color: #333 !important;
  9002. }
  9003. .release-app2 .aside-right .app-set .download-template ul li {
  9004. float: left;
  9005. margin-right: 30px;
  9006. text-align: center;
  9007. margin-bottom: 20px;
  9008. }
  9009. .release-app2 .aside-right .app-set .download-template .t-checked-wrap {
  9010. width: 125px;
  9011. height: 155px;
  9012. position: relative;
  9013. border: 1px solid #e5e5e5;
  9014. overflow: hidden;
  9015. margin-bottom: 10px;
  9016. cursor: pointer;
  9017. }
  9018. .release-app2 .aside-right .app-set .download-template .text {
  9019. color: #157df1;
  9020. }
  9021. .release-app2 .aside-right .app-set .download-template .t-checked-wrap .t-checked {
  9022. position: absolute;
  9023. left: 0;
  9024. top: 0;
  9025. background-color: rgba(0, 0, 0, .6);
  9026. width: 100%;
  9027. height: 100%;
  9028. display: flex;
  9029. align-items: center;
  9030. justify-content: center;
  9031. display: none;
  9032. }
  9033. .release-app2 .aside-right .app-set .download-template .t-checked-wrap .t-checked .iconfont {
  9034. color: #fff;
  9035. font-size: 32px;
  9036. }
  9037. .release-app2 .upload-file {
  9038. padding: 0;
  9039. padding-top: 0;
  9040. margin-top: 0;
  9041. }
  9042. .release-app2 .warn-prompt {
  9043. margin-top: 0;
  9044. }
  9045. .release-app2 .tag-box {
  9046. padding: 0 !important;
  9047. height: 404px !important;
  9048. }
  9049. .release-app2 .qq-upload-button-selector {
  9050. margin-top: 180px !important;
  9051. margin-bottom: 0;
  9052. }
  9053. .release-app2 .tag-box-v5 {
  9054. border: none;
  9055. margin-top: 0;
  9056. }
  9057. /*侧栏增加大包上传入口*/
  9058. .big-bag-upload {
  9059. margin-bottom: 40px;
  9060. display: block;
  9061. }
  9062. .big-bag .aside-left {
  9063. height: 500px;
  9064. margin-bottom: 40px;
  9065. }
  9066. .big-bag aside.aside-left ul li a .iconfont {
  9067. margin-right: 10px;
  9068. color: #fd9817;
  9069. }
  9070. .big-bag aside.aside-left ul li.active a {
  9071. background-color: #fff4e7;
  9072. border-color: #fd9817;
  9073. color: #fd9817;
  9074. }
  9075. .big-bag aside.aside-left ul li.active a .iconfont {
  9076. color: #fd9817;
  9077. }
  9078. .big-bag aside.aside-left ul li.active a .icon-upload1 {
  9079. font-size: 18px;
  9080. }
  9081. .big-bag aside.aside-left ul li:hover a {
  9082. background-color: #fff4e7;
  9083. border-color: #fd9817;
  9084. color: #fd9817;
  9085. }
  9086. .big-bag aside.aside-left ul li:hover a .iconfont {
  9087. color: #fd9817;
  9088. }
  9089. .big-bag .upload-file .upload-btn .iconfont {}
  9090. .big-bag .upload-file .upload-btn {
  9091. background-color: #fd9817;
  9092. border-color: #fd9817;
  9093. }
  9094. .big-bag .aside-right .a-top .app-icon li.active {
  9095. background-color: #fd9817;
  9096. }
  9097. .big-bag .aside-right .search .btn-search {
  9098. color: #fd9817;
  9099. }
  9100. .big-bag .ms-btn-primary.btn-new-release {
  9101. background-color: #fd9817;
  9102. border-color: #fd9817;
  9103. }
  9104. /*大包立即购买按钮*/
  9105. .upload-file .upload-buy {
  9106. width: 240px;
  9107. padding: 0;
  9108. height: 60px;
  9109. font-size: 18px;
  9110. line-height: 58px;
  9111. margin: 0 auto;
  9112. display: block;
  9113. position: relative;
  9114. background-color: #fd9817;
  9115. border-color: #fd9817;
  9116. }
  9117. .upload-file .upload-buy .iconfont {
  9118. font-size: 24px;
  9119. margin-right: 5px;
  9120. position: relative;
  9121. top: 1px;
  9122. }
  9123. .details-upload-new-version {
  9124. background-color: #157df1;
  9125. color: #fff;
  9126. border-radius: 25px;
  9127. padding: 10px 20px;
  9128. height: 50px;
  9129. align-items: center;
  9130. box-shadow: 0 5px 10px rgba(202, 225, 252, .5);
  9131. }
  9132. .details-upload-new-version:hover {
  9133. background-color: #348dee;
  9134. color: #fff;
  9135. }
  9136. .details-upload-new-version:focus {
  9137. background-color: #348dee;
  9138. color: #fff;
  9139. }
  9140. .details-upload-new-version .iconfont {
  9141. margin-right: 10px;
  9142. }
  9143. .details-upload-new-version .icon-upload1 {
  9144. font-size: 20px;
  9145. position: relative;
  9146. top: 2px;
  9147. }
  9148. .details-upload-new-version .icon-upload1+.text {
  9149. position: relative;
  9150. top: -1px;
  9151. }
  9152. .details-upload-new-version .icon-xiazai {
  9153. font-size: 24px;
  9154. margin-right: 5px;
  9155. position: relative;
  9156. top: -3px;
  9157. }
  9158. .details-upload-new-version .icon-xiazai+.text {
  9159. position: relative;
  9160. top: -6px;
  9161. }
  9162. .details-preview {
  9163. width: 50px;
  9164. height: 50px;
  9165. padding: 0;
  9166. text-align: center;
  9167. line-height: 50px;
  9168. border-radius: 50%;
  9169. border: 1px solid #1a80f1;
  9170. color: #1a80f1;
  9171. }
  9172. .details-preview:focus {
  9173. background-color: transparent;
  9174. color: #1a80f1;
  9175. }
  9176. .details-preview:hover {
  9177. background-color: #1a80f1;
  9178. color: #fff;
  9179. }
  9180. .details-preview:focus:hover {
  9181. background-color: #1a80f1;
  9182. color: #fff;
  9183. }
  9184. .details-merge {
  9185. width: 50px;
  9186. height: 50px;
  9187. padding: 0;
  9188. text-align: center;
  9189. border-radius: 50%;
  9190. border: 1px solid #ee635d;
  9191. color: #ee635d;
  9192. white-space: normal;
  9193. padding: 0 5px;
  9194. line-height: 14px;
  9195. }
  9196. .details-merge.details-renewal {
  9197. line-height: 50px;
  9198. }
  9199. .details-merge:focus {
  9200. background-color: transparent;
  9201. }
  9202. .details-merge:hover {
  9203. background-color: #ee635d;
  9204. color: #fff;
  9205. }
  9206. .details-merge.btn-success:focus {
  9207. border-color: #ee635d;
  9208. color: #ee635d;
  9209. background-color: transparent;
  9210. }
  9211. .details-merge.btn-success:hover {
  9212. border-color: #ee635d;
  9213. }
  9214. /*----------/应用发布 改版----------*/
  9215. /*----------应用发布 改版2019/1/22----------*/
  9216. .app-details2 {
  9217. background-color: #fff;
  9218. min-height: 450px;
  9219. }
  9220. .app-details2 .details-top {
  9221. background-color: transparent;
  9222. box-shadow: none;
  9223. margin-bottom: 0;
  9224. }
  9225. .app-details2 .details-top .d-right {
  9226. margin-top: 5px;
  9227. }
  9228. .app-details2 .app-information {
  9229. padding: 0 20px;
  9230. }
  9231. .app-details2 .app-information .more-wrap {
  9232. position: relative;
  9233. }
  9234. .app-details2 .app-information .more-wrap img {
  9235. width: 50px;
  9236. height: 50px;
  9237. position: absolute;
  9238. left: 90px;
  9239. top: -30px;
  9240. transition: all 500ms;
  9241. background-color: #fff;
  9242. }
  9243. .app-details2 .app-information .test-download2 img {
  9244. left: 175px;
  9245. top: -35px;
  9246. }
  9247. .app-details2 .app-information .more-wrap img:hover {
  9248. width: 125px;
  9249. height: 125px;
  9250. position: absolute;
  9251. left: 70px;
  9252. top: -80px;
  9253. }
  9254. .app-details2 .app-information .test-download2 img:hover {
  9255. position: absolute;
  9256. left: 150px;
  9257. top: -80px;
  9258. }
  9259. .app-details2 .table-list {
  9260. padding: 25px 20px 30px;
  9261. }
  9262. .app-details2 .version-tit {
  9263. color: #333;
  9264. font-size: 16px;
  9265. margin-bottom: 15px;
  9266. }
  9267. .app-details2 .version-tit .iconfont {
  9268. font-size: 18px;
  9269. margin-right: 5px;
  9270. position: relative;
  9271. top: 1px;
  9272. }
  9273. .app-details2 .version-history-table .bundle-length {
  9274. max-width: 150px;
  9275. display: inline-block;
  9276. position: relative;
  9277. top: 3px;
  9278. }
  9279. .app-details2 .version-history-table td .iconfont {
  9280. font-size: 24px;
  9281. margin-left: 8px;
  9282. }
  9283. .app-details2 .version-history-table td .icon-shanchu:hover {
  9284. color: #fd641d;
  9285. }
  9286. .app-details2 .version-history-table tr:hover td {
  9287. background-color: #ebf7ff;
  9288. }
  9289. .app-details2 .icon-prompt1 {
  9290. font-size: 14px;
  9291. color: #999;
  9292. position: relative;
  9293. margin-left: 3px;
  9294. }
  9295. .app-details2 .upload-icon-common {
  9296. width: 60px;
  9297. height: 60px;
  9298. border-radius: 12px;
  9299. }
  9300. .app-details2 .countdown-btn {
  9301. border-radius: 30px;
  9302. height: 50px;
  9303. padding: 0 20px;
  9304. line-height: 48px;
  9305. color: #fd641d;
  9306. background-color: #e8e8e8;
  9307. border-color: #e8e8e8;
  9308. }
  9309. .app-details .details-bottom {
  9310. padding: 5px 10px 15px;
  9311. }
  9312. .app-details2 .d-table-wrap table td {
  9313. padding: 0 0 0 15px;
  9314. }
  9315. .app-details .d-table-wrap table th {
  9316. padding: 20px 0 2px 0;
  9317. }
  9318. .app-details2 .details-top .information {
  9319. width: 60%;
  9320. }
  9321. .app-details2 .copy.top-5 {
  9322. font-size: 12px;
  9323. }
  9324. #app_setting_form .app-details2 {
  9325. background-color: transparent;
  9326. }
  9327. #app_setting_form .app-details2 .details-top {
  9328. background-color: #fff;
  9329. }
  9330. #updateModal .modal-header h4 {
  9331. color: #333;
  9332. }
  9333. #updateModal .modal-header .close {
  9334. color: #333;
  9335. font-size: 26px;
  9336. opacity: 1;
  9337. }
  9338. #updateModal .modal-body {
  9339. padding: 25px 10px 25px 0;
  9340. }
  9341. #updateModal .app-details-update {
  9342. color: #333;
  9343. }
  9344. #updateModal .app-details-update .form-group {
  9345. margin-bottom: 25px;
  9346. }
  9347. #updateModal .app-details-update .form-group:last-of-type {
  9348. margin-bottom: 0;
  9349. }
  9350. #updateModal .app-details-update .control-label {
  9351. text-align: right;
  9352. padding-right: 10px;
  9353. }
  9354. #updateModal .app-details-update ul li {
  9355. margin-right: 25px;
  9356. cursor: pointer;
  9357. }
  9358. #updateModal .app-details-update ul li .icon-radio {
  9359. position: relative;
  9360. top: 2px;
  9361. }
  9362. /*
  9363. #updateModal .app-details-update dl dt{margin-right: 25px; margin-bottom: 25px;}
  9364. #updateModal .app-details-update dl dd{margin-right: 25px; cursor: pointer;}
  9365. #updateModal .app-details-update dl dd .icon-radio{position: relative; top: 2px;}
  9366. #updateModal .app-details-update dl dd textarea{}
  9367. */
  9368. .app-details2 .no-flash-back-js {
  9369. padding: 25px 20px 30px;
  9370. }
  9371. .app-details2 .no-flash-back-js .tit {
  9372. color: #333;
  9373. margin-bottom: 8px;
  9374. }
  9375. .app-details2 .no-flash-back-js .tit a {
  9376. color: #157df1;
  9377. }
  9378. .app-details2 .no-flash-back-js pre {
  9379. background-color: #fff;
  9380. border-radius: 0;
  9381. border-color: #eee;
  9382. padding: 5px;
  9383. color: #666;
  9384. }
  9385. .app-details2 .no-flash-back-js #copy1 {
  9386. margin-bottom: 8px;
  9387. }
  9388. .app-details2 .no-flash-back-js .color-danger {
  9389. margin-bottom: 15px;
  9390. font-size: 12px;
  9391. }
  9392. .app-details2 .no-flash-back-js .copy {
  9393. margin-left: 0;
  9394. color: #fff;
  9395. margin-bottom: 20px;
  9396. }
  9397. .app-details2 .no-flash-back-js .tit1 {
  9398. color: #333;
  9399. margin-bottom: 3px;
  9400. }
  9401. .app-details2 .no-flash-back-js p {
  9402. line-height: 1.8;
  9403. }
  9404. .appicon {
  9405. border: 1px solid #ddd;
  9406. border-radius: 24px;
  9407. height: 120px;
  9408. width: 120px;
  9409. }
  9410. .caption {
  9411. background: rgba(90, 90, 90, 0.65) none repeat scroll 0 0;
  9412. color: #fff !important;
  9413. display: none;
  9414. height: 120px;
  9415. left: 0;
  9416. margin: auto;
  9417. padding: 2%;
  9418. position: absolute;
  9419. right: 0;
  9420. text-align: center;
  9421. top: 0;
  9422. width: 120px;
  9423. z-index: 2;
  9424. }
  9425. /*----------/应用发布 改版2019/1/22----------*/
  9426. /*----------推广页----------*/
  9427. /*nav*/
  9428. .promote-nav .logo img {
  9429. width: 138px;
  9430. height: 60px;
  9431. }
  9432. .promote-nav {
  9433. padding: 2px 0;
  9434. }
  9435. .promote-nav ul {
  9436. margin: 16px 0 0 20px;
  9437. }
  9438. .promote-nav ul li {
  9439. float: left;
  9440. margin: 0 15px;
  9441. }
  9442. .promote-nav ul li:last-of-type {
  9443. margin-right: 0;
  9444. }
  9445. .promote-nav ul li a {
  9446. padding: 0 10px 5px;
  9447. border-bottom: 2px solid transparent;
  9448. color: #333;
  9449. }
  9450. .promote-nav ul li.active a {
  9451. border-bottom-color: #157df1;
  9452. color: #157df1;
  9453. }
  9454. .promote-nav ul li:hover a {
  9455. border-bottom-color: #157df1;
  9456. }
  9457. /*footer*/
  9458. .promote-footer-wrap {
  9459. border-top: 1px solid #e5e5e5;
  9460. padding: 50px 0;
  9461. }
  9462. .promote-footer {
  9463. color: #333;
  9464. padding: 0 60px;
  9465. }
  9466. .promote-footer .p-con dl dt {
  9467. font-size: 14px;
  9468. margin-bottom: 12px;
  9469. margin-top: 10px;
  9470. }
  9471. .promote-footer .p-con dl dd {
  9472. font-size: 12px;
  9473. margin-bottom: 12px;
  9474. }
  9475. .promote-footer .p-con dl dd a {
  9476. color: #333;
  9477. }
  9478. .promote-footer .p-con .f-logo {
  9479. margin-left: 270px;
  9480. margin-top: 30px;
  9481. }
  9482. .promote-footer .p-con .promote-code {
  9483. text-align: center;
  9484. }
  9485. .promote-footer .p-con .promote-code .img-wrap {
  9486. width: 115px;
  9487. height: 115px;
  9488. border: 1px solid #e5e5e5;
  9489. }
  9490. .promote-footer .p-con .promote-code p {
  9491. margin-top: 5px;
  9492. }
  9493. .promote-footer>p {
  9494. text-align: center;
  9495. margin-top: 40px;
  9496. }
  9497. /*签名*/
  9498. /*banner*/
  9499. .promote-signature-banner {
  9500. height: 430px;
  9501. background: url("../image/tg-banner-1.jpg") no-repeat center;
  9502. }
  9503. .signature-banner1 {
  9504. color: #fff;
  9505. }
  9506. .signature-banner1 .s-left {
  9507. padding: 90px 0 0 90px;
  9508. }
  9509. .signature-banner1 h1 {
  9510. font-size: 40px;
  9511. font-weight: 600;
  9512. }
  9513. .signature-banner1 h5 {
  9514. font-size: 20px;
  9515. margin-top: 15px;
  9516. }
  9517. .signature-banner1 ul {
  9518. margin-top: 25px;
  9519. }
  9520. .signature-banner1 ul li {
  9521. float: left;
  9522. margin-right: 35px;
  9523. font-size: 15px;
  9524. }
  9525. .signature-banner1 ul li .iconfont {
  9526. font-size: 14px;
  9527. position: relative;
  9528. top: -1px;
  9529. margin-right: 5px;
  9530. }
  9531. .signature-banner1 .s-left .ms-btn {
  9532. width: 110px;
  9533. border-color: #fff;
  9534. color: #fff;
  9535. margin-top: 35px;
  9536. }
  9537. /*/banner*/
  9538. .signature-list {
  9539. padding: 60px 0;
  9540. }
  9541. .signature-list .row .col-sm-3:nth-of-type(n+5) {
  9542. margin-top: 35px;
  9543. }
  9544. .promote-thumbnail {
  9545. text-align: center;
  9546. }
  9547. .promote-thumbnail h4 {
  9548. color: #333;
  9549. font-size: 18px;
  9550. margin-top: 20px;
  9551. margin-bottom: 5px;
  9552. }
  9553. .promote-thumbnail .img-wrap {
  9554. height: 59px;
  9555. display: flex;
  9556. align-items: flex-end;
  9557. }
  9558. .promote-thumbnail img {
  9559. margin: 0 auto;
  9560. }
  9561. .promote-thumbnail .blue-line {
  9562. margin: 0 auto 15px;
  9563. width: 30px;
  9564. }
  9565. .promote-thumbnail p {
  9566. line-height: 24px;
  9567. height: 48px;
  9568. color: #333;
  9569. font-size: 13px;
  9570. }
  9571. .solve-certificate-wrap {
  9572. background-color: #f7f8fc;
  9573. padding: 70px 0;
  9574. }
  9575. .solve-certificate h1 {
  9576. text-align: center;
  9577. color: #333;
  9578. font-size: 32px;
  9579. margin-bottom: 20px;
  9580. }
  9581. .solve-certificate img.fr {
  9582. margin-right: 30px;
  9583. }
  9584. .promote-common {
  9585. padding: 70px 0;
  9586. text-align: center;
  9587. }
  9588. .promote-common .blue-line {
  9589. margin: 0 auto 20px;
  9590. }
  9591. .promote-common h1 {
  9592. font-size: 32px;
  9593. color: #333;
  9594. margin-bottom: 8px;
  9595. }
  9596. .promote-common h3 {
  9597. font-size: 16px;
  9598. color: #666;
  9599. margin-bottom: 55px;
  9600. }
  9601. .how-operate-wrap {
  9602. background: url("../image/promote-bg-1.jpg") no-repeat center;
  9603. height: 378px;
  9604. }
  9605. .how-operate h1 {
  9606. margin-top: 60px;
  9607. }
  9608. .how-operate h3 {
  9609. margin-bottom: 45px;
  9610. }
  9611. .how-operate .ms-btn-secondary {
  9612. padding: 9px;
  9613. width: 100px;
  9614. }
  9615. .signature-process1 ul {
  9616. padding-left: 125px;
  9617. }
  9618. .signature-process1 ul li {
  9619. float: left;
  9620. text-align: center;
  9621. padding: 0 40px;
  9622. }
  9623. .signature-process1 ul li:nth-of-type(even) {
  9624. background: url("../image/promote-icon-23.png") no-repeat center;
  9625. width: 61px;
  9626. height: 85px;
  9627. }
  9628. .signature-process1 ul li .img-wrap {
  9629. height: 85px;
  9630. display: flex;
  9631. align-items: center;
  9632. justify-content: center;
  9633. }
  9634. .signature-process1 ul li .tit1 {
  9635. font-size: 16px;
  9636. color: #333;
  9637. font-weight: 600;
  9638. margin-top: 25px;
  9639. }
  9640. /*/签名*/
  9641. /*内测分发*/
  9642. .promote-distribution-banner {
  9643. background: url("../image/promote-banner-1.jpg") no-repeat center;
  9644. height: 430px;
  9645. }
  9646. .distribution-banner1 img {
  9647. margin-left: 120px;
  9648. margin-top: 55px;
  9649. }
  9650. .distribution-banner1 .d-right {
  9651. color: #fff;
  9652. }
  9653. .distribution-banner1 .d-right {
  9654. margin-left: 80px;
  9655. }
  9656. .distribution-banner1 .d-right h1 {
  9657. font-size: 40px;
  9658. margin-top: 110px;
  9659. margin-bottom: 15px;
  9660. }
  9661. .distribution-banner1 .d-right .p1 {
  9662. font-size: 16px;
  9663. line-height: 30px;
  9664. }
  9665. .distribution-banner1 .d-right .p1 span {
  9666. font-size: 20px;
  9667. }
  9668. .distribution-banner1 .d-right .ms-btn {
  9669. width: 110px;
  9670. border-color: #fff;
  9671. color: #fff;
  9672. margin-top: 35px;
  9673. }
  9674. .distribution-list {
  9675. padding: 70px 0;
  9676. }
  9677. .distribution-list .promote-thumbnail .blue-line {
  9678. margin-bottom: 5px;
  9679. }
  9680. .provide-services-wrap {
  9681. background: url("../image/tg-37.jpg") no-repeat center;
  9682. height: 340px;
  9683. padding: 60px 0;
  9684. }
  9685. .provide-services {
  9686. padding: 0;
  9687. }
  9688. .provide-services h1 {
  9689. color: #fff;
  9690. }
  9691. .provide-services .blue-line {
  9692. margin-bottom: 40px;
  9693. }
  9694. .provide-services .row {
  9695. margin: 0 -10px;
  9696. }
  9697. .provide-services .row .col-sm-4 {
  9698. padding: 0 10px;
  9699. }
  9700. .provide-services .p-con {
  9701. background-color: #fff;
  9702. border-radius: 5px;
  9703. padding: 20px 0 20px 15px;
  9704. }
  9705. .provide-services .p-con .p-text {
  9706. width: 71%;
  9707. text-align: left;
  9708. padding-left: 10px;
  9709. }
  9710. .provide-services .p-con .p-text dt {
  9711. color: #333;
  9712. font-size: 18px;
  9713. font-weight: 600;
  9714. }
  9715. .provide-services .p-con .p-text dt span {
  9716. font-size: 12px;
  9717. height: 60px;
  9718. }
  9719. .provide-services .p-con .p-text dd {
  9720. color: #333;
  9721. margin-top: 5px;
  9722. }
  9723. .web-encapsulation .promote-thumbnail .img-wrap {
  9724. height: 51px;
  9725. display: flex;
  9726. align-items: flex-end;
  9727. justify-content: center;
  9728. }
  9729. .web-encapsulation .w-list {
  9730. padding: 0 140px;
  9731. }
  9732. .web-encapsulation .w-list .row .col-sm-3:nth-of-type(n+5) {
  9733. margin-top: 65px;
  9734. }
  9735. .web-encapsulation .promote-common h3 {
  9736. margin-bottom: 45px;
  9737. }
  9738. .promote-signature-wrap {
  9739. background: url("../image/tg-29.jpg") no-repeat center;
  9740. height: 700px;
  9741. }
  9742. .promote-signature h1 {
  9743. font-size: 32px;
  9744. color: #fff;
  9745. text-align: center;
  9746. margin-top: 55px;
  9747. }
  9748. .promote-signature h3 {
  9749. font-size: 16px;
  9750. color: #fff;
  9751. text-align: center;
  9752. margin-top: 15px;
  9753. margin-bottom: 50px;
  9754. }
  9755. .promote-signature .text li {
  9756. background: url("../image/promote-bg-3.png") no-repeat;
  9757. width: 263px;
  9758. height: 79px;
  9759. float: left;
  9760. margin-right: 125px;
  9761. padding: 0 15px;
  9762. color: #fff;
  9763. padding-top: 7px;
  9764. }
  9765. .promote-signature .text li:last-of-type {
  9766. margin-right: 0;
  9767. }
  9768. .promote-signature .text li dt {
  9769. font-size: 18px;
  9770. font-weight: 600;
  9771. font-family: "Microsoft YaHei UI Light";
  9772. }
  9773. .promote-signature .text li dd {
  9774. font-size: 12px;
  9775. margin-top: 3px;
  9776. }
  9777. /*/内测分发*/
  9778. /*封装*/
  9779. .promote-encapsulation-banner {
  9780. background: url("../image/promote-banner-2.jpg") no-repeat center;
  9781. height: 430px;
  9782. }
  9783. .encapsulation-banner1 h1 {
  9784. text-align: center;
  9785. font-size: 40px;
  9786. color: #fff;
  9787. font-weight: 600;
  9788. margin-top: 90px;
  9789. }
  9790. .encapsulation-banner1 h5 {
  9791. text-align: center;
  9792. font-size: 18px;
  9793. color: #fff;
  9794. line-height: 30px;
  9795. margin-top: 15px;
  9796. }
  9797. .encapsulation-banner1 .ms-btn {
  9798. color: #6c4409;
  9799. background-color: #ffec06;
  9800. font-size: 16px;
  9801. font-weight: 600;
  9802. width: 110px;
  9803. margin-top: 25px;
  9804. }
  9805. .encapsulation-banner1 img {
  9806. margin: 45px auto 0;
  9807. }
  9808. .encapsulation-banner1 ol {
  9809. margin-left: 55px;
  9810. }
  9811. .encapsulation-banner1 ol li {
  9812. float: left;
  9813. text-align: center;
  9814. padding: 0 20px;
  9815. }
  9816. .encapsulation-banner1 ol li .e-text {
  9817. color: #333;
  9818. font-size: 12px;
  9819. font-weight: 600;
  9820. margin-top: 5px;
  9821. }
  9822. .feature-plugin h1 {
  9823. color: #333;
  9824. font-size: 32px;
  9825. text-align: center;
  9826. }
  9827. .feature-plugin .blue-line {
  9828. margin: 10px auto 0;
  9829. }
  9830. .feature-plugin .f-list {
  9831. padding: 0 120px;
  9832. margin-top: 35px;
  9833. }
  9834. .feature-plugin .f-list .promote-thumbnail .img-wrap {
  9835. height: 51px;
  9836. display: flex;
  9837. align-items: flex-end;
  9838. }
  9839. .feature-plugin .f-list li {
  9840. float: left;
  9841. width: 20%;
  9842. position: relative;
  9843. padding-bottom: 25px;
  9844. cursor: pointer;
  9845. }
  9846. .feature-plugin .f-list li .icon-arrow-top2 {
  9847. position: absolute;
  9848. left: 50%;
  9849. bottom: -14px;
  9850. transform: translateX(-50%);
  9851. font-size: 30px;
  9852. color: #68a4e8;
  9853. display: none;
  9854. }
  9855. .feature-tab-wrap {
  9856. background: url("../image/promote-bg-4.jpg") no-repeat center;
  9857. height: 460px;
  9858. }
  9859. .feature-tab img {
  9860. display: none;
  9861. margin: 50px auto 0;
  9862. }
  9863. .our-advantages img {
  9864. margin: 40px auto 0;
  9865. }
  9866. .price-introduced-wrap {
  9867. background-color: #f7f8fc;
  9868. }
  9869. .price-introduced .promote-common .blue-line {
  9870. margin-bottom: 40px;
  9871. }
  9872. .price-introduced .table {
  9873. background-color: #fff;
  9874. table-layout: fixed;
  9875. margin-bottom: 0;
  9876. }
  9877. .price-introduced .table tr th {
  9878. background-color: #157df1;
  9879. padding: 20px;
  9880. color: #fff;
  9881. text-align: center;
  9882. font-size: 18px;
  9883. }
  9884. .price-introduced .table tr td {
  9885. padding: 20px;
  9886. color: #333;
  9887. text-align: center;
  9888. vertical-align: middle;
  9889. font-size: 16px;
  9890. }
  9891. .price-introduced .table tr td .text1 {
  9892. text-align: left;
  9893. display: inline-block;
  9894. }
  9895. .price-introduced .table tr td .text {
  9896. font-size: 24px;
  9897. position: relative;
  9898. display: inline-block;
  9899. }
  9900. .price-introduced .table tr td .text span {
  9901. position: absolute;
  9902. top: -5px;
  9903. left: calc(100% + 2px);
  9904. background: #ffcd20 url("../image/promote-arrrow.jpg") no-repeat left center;
  9905. padding: 0 5px 0 15px;
  9906. height: 17px;
  9907. font-size: 12px;
  9908. white-space: nowrap;
  9909. }
  9910. .good-case .promote-common {
  9911. padding-left: 120px;
  9912. padding-right: 120px;
  9913. }
  9914. .good-case .g-con {
  9915. box-shadow: 0 7px 20px rgba(21, 125, 241, .2);
  9916. padding-top: .1px;
  9917. }
  9918. .good-case .g-con .tab-list {
  9919. padding-left: 200px;
  9920. margin-top: 40px;
  9921. }
  9922. .good-case .g-con .tab-list li {
  9923. float: left;
  9924. height: 28px;
  9925. line-height: 28px;
  9926. padding: 0 15px;
  9927. border-radius: 15px;
  9928. font-size: 16px;
  9929. margin-right: 90px;
  9930. cursor: pointer;
  9931. color: #333;
  9932. }
  9933. .good-case .g-con .tab-list li.active {
  9934. background-color: #157df1;
  9935. color: #fff;
  9936. }
  9937. .good-case .tab-con {
  9938. padding: 30px 125px 45px;
  9939. }
  9940. .good-case .tab-con ul {
  9941. display: none;
  9942. }
  9943. .good-case .tab-con ul li {
  9944. float: left;
  9945. margin-right: 40px;
  9946. }
  9947. .good-case .tab-con ul li:last-of-type {
  9948. margin-right: 0;
  9949. }
  9950. .package-number {
  9951. color: #fff;
  9952. background: url("../image/promote-bg-6.jpg") no-repeat center;
  9953. height: 100px;
  9954. line-height: 100px;
  9955. font-size: 24px;
  9956. text-align: center;
  9957. }
  9958. .package-number span {
  9959. font-size: 36px;
  9960. }
  9961. .encapsulation-process ul {
  9962. margin-left: 70px;
  9963. margin-top: 40px;
  9964. }
  9965. .encapsulation-process ul li {
  9966. float: left;
  9967. text-align: left;
  9968. padding: 15px 15px 0;
  9969. }
  9970. .encapsulation-process ul li:nth-of-type(odd) {
  9971. width: 180px;
  9972. height: 155px;
  9973. box-shadow: 0 0 20px rgba(21, 125, 241, .2);
  9974. }
  9975. .encapsulation-process ul li:nth-of-type(even) {
  9976. height: 155px;
  9977. width: 110px;
  9978. background: url("../image/promote-icon-23.png") no-repeat center;
  9979. }
  9980. .encapsulation-process ul li dt {
  9981. font-size: 18px;
  9982. color: #333;
  9983. font-weight: 600;
  9984. }
  9985. .encapsulation-process ul li dd {
  9986. font-size: 16px;
  9987. color: #333;
  9988. margin-top: 10px;
  9989. }
  9990. .promote-function-of {
  9991. padding-top: 0;
  9992. padding-bottom: 60px;
  9993. }
  9994. .promote-function-of .tit {
  9995. margin-bottom: 8px;
  9996. color: #333;
  9997. font-size: 32px;
  9998. }
  9999. .promote-blue-line {
  10000. margin: 0 auto 20px;
  10001. width: 35px;
  10002. height: 2px;
  10003. background-color: #157df1;
  10004. }
  10005. .promote-function-of .promote-blue-line {
  10006. margin-bottom: 30px;
  10007. }
  10008. .promote-function-of ul li .text {
  10009. color: #333;
  10010. font-size: 16px;
  10011. }
  10012. .promote-our-advantages-wrap {
  10013. background-color: #f7f8fc;
  10014. }
  10015. .promote-meal {
  10016. padding: 70px 0 0;
  10017. }
  10018. .promote-meal>h1 {
  10019. color: #333;
  10020. margin-bottom: 8px;
  10021. text-align: center;
  10022. font-size: 32px;
  10023. }
  10024. .promote-meal>p {
  10025. color: #666;
  10026. font-size: 16px;
  10027. margin-bottom: 40px;
  10028. text-align: center;
  10029. }
  10030. .promote-meal .table {
  10031. table-layout: fixed;
  10032. box-shadow: 0 0 10px rgba(0, 0, 0, .1);
  10033. margin-bottom: 0;
  10034. }
  10035. .promote-meal .table th {
  10036. text-align: center;
  10037. height: 50px;
  10038. color: #333;
  10039. border-top: none;
  10040. position: relative;
  10041. vertical-align: middle;
  10042. border-left: 1px solid #ddd;
  10043. font-weight: 600;
  10044. font-size: 15px;
  10045. background-color: #f5f6f7;
  10046. }
  10047. .promote-meal .table td {
  10048. text-align: center;
  10049. border: 1px solid #ddd;
  10050. height: 50px;
  10051. color: #333;
  10052. vertical-align: middle;
  10053. }
  10054. .promote-meal .table th:first-of-type {
  10055. border-left-color: transparent;
  10056. }
  10057. .promote-meal .table th:last-of-type {
  10058. border-right-color: transparent;
  10059. }
  10060. .promote-meal .table td:first-of-type {
  10061. border-left-color: transparent;
  10062. }
  10063. .promote-meal .table td:last-of-type {
  10064. border-right-color: transparent;
  10065. }
  10066. .promote-meal .table tr:last-of-type td {
  10067. border-bottom: none;
  10068. }
  10069. .promote-meal .table tr:nth-of-type(odd) td {
  10070. background-color: transparent;
  10071. }
  10072. .promote-meal .table .recommend-wrap1 {
  10073. position: relative;
  10074. }
  10075. .promote-meal .table .recommend-wrap1 .recommended {
  10076. position: absolute;
  10077. top: -9px;
  10078. background: url("../image/price-tip1.png") no-repeat;
  10079. width: 32px;
  10080. height: 22px;
  10081. color: #fff;
  10082. font-size: 12px;
  10083. line-height: 20px;
  10084. background-size: contain;
  10085. font-weight: normal;
  10086. }
  10087. .promote-meal .table .recommend-wrap1 .recommended {
  10088. background: url("../image/price-tip2.png") no-repeat;
  10089. width: 60px;
  10090. height: 22px;
  10091. background-size: contain;
  10092. font-size: 12px;
  10093. line-height: 22px;
  10094. font-weight: normal;
  10095. }
  10096. .promote-meal .table td .num {
  10097. font-size: 18px;
  10098. }
  10099. .promote-pack-meal {
  10100. padding-top: 0;
  10101. padding-bottom: 70px;
  10102. }
  10103. .promote-pack-meal .table .basis-pack {
  10104. background: url("../image/tg-1.jpg") no-repeat center;
  10105. height: 50px;
  10106. color: #fff;
  10107. }
  10108. .promote-pack-meal .table .senior-pack {
  10109. background: url("../image/tg-2.jpg") no-repeat center;
  10110. height: 50px;
  10111. color: #fff;
  10112. }
  10113. .promote-sign-meal {
  10114. padding-top: 0;
  10115. padding-bottom: 70px;
  10116. }
  10117. .promote-sign-meal .table .recommend-wrap1 .recommended {
  10118. position: absolute;
  10119. top: -9px;
  10120. background: url("../image/price-tip1.png") no-repeat;
  10121. width: 32px;
  10122. height: 22px;
  10123. color: #fff;
  10124. font-size: 12px;
  10125. line-height: 20px;
  10126. background-size: contain;
  10127. font-weight: normal;
  10128. }
  10129. .promote-sign-meal .table .basis-sign {
  10130. background: url("../image/tg-3.jpg") no-repeat center;
  10131. height: 50px;
  10132. color: #fff;
  10133. }
  10134. .promote-sign-meal .table .senior-sign {
  10135. background: url("../image/tg-4.jpg") no-repeat center;
  10136. height: 50px;
  10137. color: #fff;
  10138. }
  10139. .promote-sign-meal .table .independent-sign {
  10140. background: url("../image/tg-5.jpg") no-repeat center;
  10141. height: 50px;
  10142. color: #fff;
  10143. }
  10144. .promote-meal .blue-line {
  10145. margin: 0 auto 20px;
  10146. }
  10147. /*/封装*/
  10148. .promote-help {
  10149. padding-bottom: 45px;
  10150. }
  10151. .promote-help h1 {
  10152. text-align: center;
  10153. color: #333;
  10154. font-size: 32px;
  10155. margin-bottom: 8px;
  10156. }
  10157. .promote-help .promote-blue-line {
  10158. margin-bottom: 30px;
  10159. }
  10160. /*---------- /推广页----------*/
  10161. /*----------分发落地页----------*/
  10162. .template-common .form-control {
  10163. height: 40px;
  10164. }
  10165. .passwords .template-common {
  10166. padding: 0 320px;
  10167. }
  10168. .template-common {
  10169. padding: 0 235px;
  10170. }
  10171. .template-common hr {
  10172. border-top-color: #e5e5e5;
  10173. margin-top: 25px;
  10174. display: none;
  10175. }
  10176. .template-common .t-icon {
  10177. background-color: #fff;
  10178. width: 180px;
  10179. height: 180px;
  10180. border-radius: 25px;
  10181. box-shadow: 0 0 10px rgba(0, 0, 0, .2);
  10182. display: flex;
  10183. align-items: center;
  10184. margin: 0 auto;
  10185. }
  10186. .template-common .t-icon img {
  10187. width: 120px;
  10188. height: 120px;
  10189. border-radius: 30px;
  10190. border: 1px solid #e5e5e5;
  10191. margin: 0 auto;
  10192. }
  10193. .template-common .template-btn-wrap {
  10194. text-align: center;
  10195. }
  10196. .template-common .template-btn {
  10197. color: #fff;
  10198. background-color: #157df1;
  10199. height: 50px;
  10200. padding: 0 38px;
  10201. line-height: 48px;
  10202. font-size: 18px;
  10203. margin: 35px auto 15px;
  10204. display: inline-block;
  10205. }
  10206. .template-common .decoding {
  10207. color: #fff;
  10208. background-color: #157df1;
  10209. height: 50px;
  10210. padding: 0;
  10211. width: 180px;
  10212. text-align: center;
  10213. line-height: 48px;
  10214. font-size: 18px;
  10215. margin: 30px auto 20px;
  10216. display: block;
  10217. }
  10218. .template-common .template-btn span:last-of-type {
  10219. line-height: 50px;
  10220. }
  10221. .template-common .template-btn .iconfont {
  10222. font-size: 36px;
  10223. margin-left: -5px;
  10224. }
  10225. .template-common .t-apply {
  10226. color: #666;
  10227. text-align: center;
  10228. }
  10229. .template-common .t-code {
  10230. color: #666;
  10231. width: 200px;
  10232. overflow: hidden;
  10233. margin: 35px auto 0;
  10234. text-align: center;
  10235. }
  10236. .template-common .t-code img {
  10237. border: 1px solid #e5e5e5;
  10238. width: 150px;
  10239. height: 150px;
  10240. margin: 0 auto 5px;
  10241. }
  10242. .template-common .t-name {
  10243. color: #333;
  10244. text-align: center;
  10245. }
  10246. .template-common .t-name .name-info span {
  10247. margin-right: 10px;
  10248. color: #666;
  10249. }
  10250. .template-common .t-name .tit {
  10251. font-size: 28px;
  10252. margin-bottom: 10px;
  10253. margin-top: 15px;
  10254. }
  10255. .template-common .t-introduce {
  10256. color: #333;
  10257. }
  10258. .template-common .t-introduce .tit {
  10259. font-size: 20px;
  10260. margin-top: 25px;
  10261. }
  10262. .template-common .t-introduce p {
  10263. margin-top: 5px;
  10264. }
  10265. .template-common .t-contact {
  10266. color: #333;
  10267. margin-top: 20px;
  10268. }
  10269. .template-common .t-contact .tit {
  10270. font-size: 20px;
  10271. margin-bottom: 15px;
  10272. }
  10273. .template-common .t-contact dl {
  10274. margin-bottom: 5px;
  10275. }
  10276. .template-common .t-contact dl dt {
  10277. margin-right: 10px;
  10278. }
  10279. .template-pwd {
  10280. border: 1px solid #e5e5e5;
  10281. border-radius: 3px;
  10282. padding: 45px 35px;
  10283. margin-top: 45px;
  10284. /*margin-bottom: 50px;*/
  10285. display: none;
  10286. }
  10287. .template-pwd label {
  10288. color: #3e4753;
  10289. text-align: center;
  10290. display: block;
  10291. }
  10292. .template-pwd .form-control {
  10293. margin-top: 15px;
  10294. }
  10295. .passwords+.template-footer {
  10296. margin-top: 50px;
  10297. }
  10298. .template-footer {
  10299. margin-top: 30px;
  10300. }
  10301. .template-footer .methods-tutorial-full {
  10302. background-color: #ff6666;
  10303. }
  10304. .template-footer .methods-tutorial-full a {
  10305. color: #fff;
  10306. }
  10307. .template-footer .methods-tutorial-full a.fl {
  10308. height: 50px;
  10309. line-height: 50px;
  10310. }
  10311. .template-footer .methods-tutorial-full a.fl:hover {
  10312. text-decoration: underline;
  10313. }
  10314. .template-footer .methods-tutorial-full a.fr {
  10315. width: 22px;
  10316. height: 22px;
  10317. line-height: 22px;
  10318. border: 1px solid #fff;
  10319. border-radius: 50%;
  10320. text-align: center;
  10321. margin-top: 14px;
  10322. }
  10323. .template-footer .methods-tutorial-full a.fr .iconfont {
  10324. color: #fff;
  10325. }
  10326. .template-footer .t-footer {
  10327. text-align: center;
  10328. margin-top: 30px;
  10329. padding-bottom: 30px;
  10330. }
  10331. .template-footer .t-footer a {
  10332. color: #157df1;
  10333. }
  10334. .template-footer .t-footer a:hover {
  10335. text-decoration: underline;
  10336. }
  10337. /*应用截图*/
  10338. .template-common .app-screen {
  10339. margin-top: 20px;
  10340. }
  10341. .template-common .app-screen .tit {
  10342. font-size: 20px;
  10343. margin-bottom: 15px;
  10344. color: #333;
  10345. }
  10346. .template-common .app-screen .s-responsive {
  10347. overflow: hidden;
  10348. height: 405px;
  10349. width: 100%;
  10350. overflow-x: auto;
  10351. }
  10352. /*.template-common .app-screen ul{height: 405px;}*/
  10353. .template-common .app-screen ul li {
  10354. float: left;
  10355. margin-right: 20px;
  10356. }
  10357. .template-common .app-screen ul li img {
  10358. width: auto;
  10359. height: auto;
  10360. max-width: 800px;
  10361. max-height: 405px;
  10362. }
  10363. .template-common .app-screen ul li:last-of-type {
  10364. margin-right: 0;
  10365. }
  10366. /*模板1*/
  10367. .template-1 .t-bg-1 {
  10368. background: #157df1 url("../image/t-04.png") repeat-x center bottom;
  10369. height: 175px;
  10370. }
  10371. .template-1 .content {
  10372. margin-top: -125px;
  10373. padding: 0 80px;
  10374. }
  10375. .template-1 .template-common {
  10376. padding: 0;
  10377. }
  10378. .template-1 .template-common .t-icon {
  10379. box-shadow: none;
  10380. width: auto;
  10381. height: auto;
  10382. background-color: transparent;
  10383. }
  10384. .template-1.passwords .template-common .t-code {
  10385. width: 125px;
  10386. margin-top: 35px;
  10387. }
  10388. .template-1 .template-common .t-code {
  10389. width: 200px;
  10390. margin-top: 15px;
  10391. }
  10392. .template-1 .template-common .t-code img {
  10393. width: 125px;
  10394. height: 125px;
  10395. margin: 0 auto;
  10396. }
  10397. .template-1 .template-common .t-name {
  10398. text-align: left;
  10399. }
  10400. .template-1 .template-common .t-name .name-info span {
  10401. color: #fff;
  10402. }
  10403. .template-1+.template-footer {
  10404. margin-top: 140px;
  10405. }
  10406. .template-1 .template-common .template-btn {
  10407. margin-top: 30px;
  10408. margin-bottom: 15px;
  10409. padding: 0 15px;
  10410. }
  10411. .template-1 .content .c-left {
  10412. background: url("../image/t-05.png") no-repeat center;
  10413. width: 308px;
  10414. height: 608px;
  10415. padding-top: 110px;
  10416. }
  10417. .template-1.passwords .content .c-left {
  10418. padding-top: 140px;
  10419. }
  10420. .template-1.passwords .content .c-right {
  10421. margin-left: 130px;
  10422. width: auto;
  10423. }
  10424. .template-1 .content .c-right {
  10425. margin-left: 100px;
  10426. width: 630px;
  10427. }
  10428. .template-1 .content .c-right .t-name {
  10429. color: #fff;
  10430. margin-bottom: 100px;
  10431. }
  10432. .template-1 .template-common .t-name .tit {
  10433. margin-top: 5px;
  10434. }
  10435. .template-1 .content .c-right .t-introduce {
  10436. /*margin-top: 100px;*/
  10437. margin-bottom: 45px;
  10438. }
  10439. .template-1 .content .c-right .t-contact {
  10440. margin-top: 0;
  10441. margin-bottom: 45px;
  10442. }
  10443. .template-1 .template-pwd {
  10444. width: 500px;
  10445. height: 230px;
  10446. background-color: #fafafa;
  10447. margin-top: 90px;
  10448. padding: 60px 30px 0;
  10449. position: relative;
  10450. border-radius: 5px;
  10451. display: none;
  10452. border: none;
  10453. }
  10454. .template-1 .template-pwd .form-group {
  10455. text-align: center;
  10456. }
  10457. .template-1 .template-pwd .form-group label {
  10458. color: #3e4753;
  10459. }
  10460. .template-1 .template-pwd .form-group .form-control {
  10461. border-color: #e5e5e5;
  10462. margin-top: 5px;
  10463. }
  10464. .template-1 .template-pwd .form-group .form-control:focus {
  10465. border-color: #66afe9;
  10466. }
  10467. .template-1 .template-pwd .top-pwd {
  10468. position: absolute;
  10469. left: 50%;
  10470. top: -20px;
  10471. margin-left: -30px;
  10472. width: 60px;
  10473. height: 60px;
  10474. border: 1px solid #157df1;
  10475. border-radius: 50%;
  10476. display: flex;
  10477. justify-content: center;
  10478. align-items: center;
  10479. background-color: #fafafa;
  10480. }
  10481. .template-1 .template-pwd .top-pwd .iconfont {
  10482. color: #157df1;
  10483. font-size: 30px;
  10484. }
  10485. .template-1 .template-common .app-screen .s-responsive {
  10486. width: 730px;
  10487. }
  10488. /*/模板1*/
  10489. /*模板2*/
  10490. .template-2 .t-bg-2 {
  10491. background: url("../image/t-06.jpg") center;
  10492. height: 130px;
  10493. }
  10494. .template-2 .content {
  10495. margin-top: -90px;
  10496. }
  10497. /*/模板2*/
  10498. /*模板3*/
  10499. .template-3 .t-bg-3 {
  10500. background: url("../image/t-07.jpg") center;
  10501. height: 160px;
  10502. }
  10503. .template-3 .content {
  10504. margin-top: 20px;
  10505. }
  10506. .template-3 .template-common .t-icon {
  10507. width: 160px;
  10508. height: 160px;
  10509. border-radius: 50%;
  10510. }
  10511. .template-3 .template-common .t-icon img {
  10512. width: 105px;
  10513. height: 105px;
  10514. }
  10515. /*/模板3*/
  10516. /*模板4*/
  10517. .template-4 .t-bg-4 {
  10518. background: url("../image/t-09.png") no-repeat center;
  10519. height: 485px;
  10520. }
  10521. .template-4 .t-left {
  10522. width: 255px;
  10523. margin-left: 310px;
  10524. margin-top: 150px;
  10525. }
  10526. .template-4 .t-right {
  10527. margin-left: 225px;
  10528. margin-top: 45px;
  10529. }
  10530. .template-4 .content4 .template-common {
  10531. padding: 0;
  10532. }
  10533. .template-4 .content4 .template-common .t-icon {
  10534. width: auto;
  10535. height: auto;
  10536. background-color: transparent;
  10537. box-shadow: none;
  10538. }
  10539. .template-4 .content4 .template-common .t-icon img {
  10540. border: none;
  10541. }
  10542. .template-4 .content4 .template-common .t-name .tit {
  10543. color: #fff;
  10544. margin-top: 25px;
  10545. margin-bottom: 20px;
  10546. }
  10547. .template-4 .content4 .template-common .t-name .name-info span {
  10548. display: block;
  10549. text-align: center;
  10550. margin-right: 0;
  10551. color: #fff;
  10552. line-height: 24px;
  10553. }
  10554. .template-4 .template-common .template-btn {
  10555. margin-bottom: 20px;
  10556. }
  10557. .template-4 .content>.template-common {
  10558. padding: 80px 100px 0;
  10559. }
  10560. .template-4 .template-common .t-code {
  10561. width: 200px;
  10562. }
  10563. .template-4 .template-common .t-code img {
  10564. width: 120px;
  10565. height: 120px;
  10566. margin-left: auto;
  10567. margin-right: auto;
  10568. }
  10569. .template-4 .template-common .decoding {
  10570. width: 100%;
  10571. margin-top: 30px;
  10572. }
  10573. .template-4 .template-pwd {
  10574. border: none;
  10575. padding: 0;
  10576. width: 490px;
  10577. margin: 0 auto;
  10578. }
  10579. .template-4+.template-footer {
  10580. margin-top: 100px;
  10581. }
  10582. .template-4 .content>.template-common .app-screen {
  10583. width: 730px;
  10584. }
  10585. /*/模板4*/
  10586. /*模板5*/
  10587. .template-5 .left-bg {
  10588. position: absolute;
  10589. left: 0;
  10590. top: 0;
  10591. background: url("../image/t11.png") no-repeat left top;
  10592. width: 283px;
  10593. height: 1012px;
  10594. }
  10595. .template-5 .right-bg {
  10596. position: absolute;
  10597. right: 0;
  10598. top: 0;
  10599. background: url("../image/t12.png") no-repeat right top;
  10600. width: 283px;
  10601. height: 1012px;
  10602. }
  10603. .template-5 .content {
  10604. padding-top: 100px;
  10605. }
  10606. .template-5 .template-common {
  10607. padding: 0 235px;
  10608. }
  10609. .template-5 .template-common .t-icon {
  10610. border-radius: 50%;
  10611. position: relative;
  10612. margin-left: 180px;
  10613. }
  10614. .template-5 .template-common .t-icon .bg-shadow {
  10615. position: absolute;
  10616. left: -20px;
  10617. top: 70px;
  10618. border-radius: 90px;
  10619. width: 360px;
  10620. height: 180px;
  10621. background-color: #eff2f2;
  10622. z-index: -1;
  10623. transform: rotate(45deg);
  10624. }
  10625. .template-5 .template-common .t-icon .code {
  10626. position: absolute;
  10627. top: 160px;
  10628. right: -160px;
  10629. transition: all 500ms;
  10630. }
  10631. .template-5 .template-common .t-icon .code img {
  10632. border-radius: 0;
  10633. border: none;
  10634. width: 110px;
  10635. height: 110px;
  10636. transition: all 500ms;
  10637. }
  10638. .template-5 .template-common .t-icon .code:hover {
  10639. width: 240px;
  10640. height: 240px;
  10641. right: -190px;
  10642. top: 130px;
  10643. }
  10644. .template-5 .template-common .t-icon .code:hover img {
  10645. width: 160px;
  10646. height: 160px;
  10647. }
  10648. .template-5 .template-common .t-name-wrap {
  10649. width: 350px;
  10650. margin-left: auto;
  10651. margin-right: auto;
  10652. }
  10653. .template-5 .template-common .t-name-wrap .t-name {
  10654. text-align: left;
  10655. }
  10656. .template-5 .template-common .t-name-wrap .template-btn {
  10657. margin: 45px 0 20px
  10658. }
  10659. .template-5 .template-common .t-name {
  10660. margin-top: 200px;
  10661. }
  10662. .template-5 .template-common .t-name .tit {
  10663. margin-bottom: 20px;
  10664. }
  10665. .template-5 .template-common .t-name .name-info {
  10666. text-align: left;
  10667. line-height: 24px;
  10668. }
  10669. .template-5 .template-common .t-apply {
  10670. text-align: left;
  10671. padding-left: 15px;
  10672. }
  10673. .template-5 .template-common .template-btn {
  10674. padding: 0 53px;
  10675. }
  10676. .template-5 .template-common hr {
  10677. margin-top: 50px;
  10678. }
  10679. .template-5 .template-common .t-introduce .tit {
  10680. margin-top: 50px;
  10681. }
  10682. .template-5 .template-common .t-contact {
  10683. margin-top: 25px;
  10684. }
  10685. .template-5.passwords+.template-footer {
  10686. margin-top: 99px;
  10687. }
  10688. .template-5+.template-footer {
  10689. margin-top: 40px;
  10690. }
  10691. .template-5 .template-pwd {
  10692. width: 555px;
  10693. height: 245px;
  10694. margin: 80px auto 0;
  10695. padding: 60px 30px 0;
  10696. position: relative;
  10697. border-radius: 5px;
  10698. }
  10699. .template-5 .template-pwd .top-pwd {
  10700. position: absolute;
  10701. left: 50%;
  10702. top: -30px;
  10703. margin-left: -30px;
  10704. width: 60px;
  10705. height: 60px;
  10706. border: 1px solid #157df1;
  10707. border-radius: 50%;
  10708. display: flex;
  10709. justify-content: center;
  10710. align-items: center;
  10711. background-color: #fafafa;
  10712. }
  10713. .template-5 .template-pwd .top-pwd .iconfont {
  10714. color: #157df1;
  10715. font-size: 30px;
  10716. }
  10717. .template-5 .template-pwd .decoding {
  10718. width: 100%;
  10719. margin-top: 30px;
  10720. margin-bottom: 30px;
  10721. }
  10722. /*/模板5*/
  10723. /*模板6*/
  10724. .template-6 .t-bg-6 {
  10725. background-color: #f4f4f4;
  10726. height: 80px;
  10727. line-height: 80px;
  10728. }
  10729. .template-6 .t-top .tit {
  10730. font-size: 30px;
  10731. color: #333;
  10732. }
  10733. .template-6 .t-top .name-info {
  10734. font-size: 18px;
  10735. color: #666;
  10736. }
  10737. .template-6 .t-top .name-info span {
  10738. margin-left: 10px;
  10739. }
  10740. .template-6 .content {
  10741. margin-top: 55px;
  10742. }
  10743. .template-6 .template-common .template-btn {
  10744. margin-bottom: 15px;
  10745. }
  10746. .template-6 .template-common .show-hr {
  10747. display: block;
  10748. margin-top: 40px;
  10749. }
  10750. .template-6 .template-common .t-code {
  10751. margin-top: 40px;
  10752. }
  10753. /*/模板6*/
  10754. /*密码显示控制*/
  10755. .passwords .template-pwd {
  10756. display: block;
  10757. }
  10758. .passwords .pc-pwd {
  10759. display: none !important;
  10760. }
  10761. .passwords .template-pwd {
  10762. display: block;
  10763. }
  10764. /*----------/分发落地页----------*/
  10765. /*----------通知中心----------*/
  10766. .user-center1 .message-list .no-msg {
  10767. display: flex;
  10768. align-items: center;
  10769. justify-content: center;
  10770. height: 550px;
  10771. }
  10772. .user-center1 .message-list .no-msg .no {
  10773. display: inline-block;
  10774. text-align: center;
  10775. }
  10776. .user-center1 .message-list .no-msg .no .no-text {
  10777. margin-top: 15px;
  10778. }
  10779. .user-center1 .message-list {
  10780. box-shadow: 0 0 5px rgba(0, 0, 0, .05);
  10781. background-color: #fff;
  10782. min-height: 550px;
  10783. padding-bottom: 20px;
  10784. }
  10785. .user-center1 .message-list dt {
  10786. background-color: #f5f6f7;
  10787. padding: 12px 30px;
  10788. border-bottom: 1px solid #e5e5e5;
  10789. }
  10790. .user-center1 .message-list dt .all {
  10791. color: #333;
  10792. }
  10793. .user-center1 .message-list dt .all:hover {
  10794. color: #157df1;
  10795. }
  10796. .user-center1 .message-list dt .all .icon-checkbox1 {
  10797. margin-top: 2px;
  10798. color: #999;
  10799. margin-right: 10px;
  10800. cursor: pointer;
  10801. }
  10802. .user-center1 .message-list dt .all:hover .icon-checkbox1 {
  10803. color: #157df1;
  10804. }
  10805. .user-center1 .message-list dt .all .icon-checkbox-checked1 {
  10806. margin-top: 2px;
  10807. color: #157df1;
  10808. margin-right: 10px;
  10809. }
  10810. .user-center1 .message-list dt .all .text {
  10811. padding-top: 6px;
  10812. margin-right: 20px;
  10813. }
  10814. .user-center1 .message-list dt button {
  10815. padding: 4px 12px;
  10816. line-height: normal;
  10817. margin-right: 10px;
  10818. }
  10819. .user-center1 .message-list .list li {
  10820. float: left;
  10821. font-size: 12px;
  10822. }
  10823. .user-center1 .message-list dd {
  10824. padding: 20px 30px;
  10825. border-bottom: 1px solid #e5e5e5;
  10826. }
  10827. .user-center1 .message-list dd .list {
  10828. height: 22px;
  10829. }
  10830. .user-center1 .message-list dd .checkbox-li .iconfont {
  10831. margin-right: 20px;
  10832. }
  10833. .user-center1 .message-list dd .checkbox-li .icon-checkbox-checked1 {
  10834. color: #157df1;
  10835. }
  10836. .user-center1 .message-list dd .msg-icon .iconfont {
  10837. margin-right: 30px;
  10838. }
  10839. .user-center1 .message-list dd .msg-icon .icon-unread {
  10840. color: #fed735;
  10841. }
  10842. .user-center1 .message-list dd .msg-icon .icon-read {
  10843. color: #999;
  10844. font-size: 20px;
  10845. position: relative;
  10846. top: -3px;
  10847. }
  10848. .user-center1 .message-list dd .li-msg-con {
  10849. line-height: 24px;
  10850. }
  10851. .user-center1 .message-list dd .li-msg-con span {
  10852. float: left;
  10853. line-height: 22px;
  10854. }
  10855. .user-center1 .message-list dd .li-msg-con .text1 {
  10856. color: #333;
  10857. font-weight: 600;
  10858. }
  10859. .user-center1 .message-list dd.read {
  10860. background-color: #f9f9f9;
  10861. }
  10862. .user-center1 .message-list dd.read .li-msg-con .text1 {
  10863. font-weight: normal;
  10864. }
  10865. .user-center1 .message-list dd .li-msg-con .text2 {
  10866. color: #666;
  10867. white-space: nowrap;
  10868. overflow: hidden;
  10869. text-overflow: ellipsis;
  10870. width: 500px;
  10871. }
  10872. .user-center1 .message-list dd .li-msg-con .text3 {
  10873. margin: 0 5px;
  10874. }
  10875. /*.user-center1 .message-list dd .li-msg-con a:hover {color: #157df1;}*/
  10876. .user-center1 .message-list dd .time {
  10877. float: right;
  10878. line-height: 22px;
  10879. color: #666;
  10880. }
  10881. .user-center1 .message-details {
  10882. padding: 40px;
  10883. height: 550px;
  10884. background-color: #fff;
  10885. box-shadow: 0 0 5px rgba(0, 0, 0, .05);
  10886. }
  10887. .user-center1 .message-details .details-tit {
  10888. color: #333;
  10889. font-size: 26px;
  10890. text-align: center;
  10891. margin-bottom: 10px;
  10892. }
  10893. .user-center1 .message-details .details-time {
  10894. color: #666;
  10895. font-size: 12px;
  10896. text-align: center;
  10897. margin-bottom: 25px;
  10898. }
  10899. .user-center1 .message-details .details-p {
  10900. color: #333;
  10901. font-size: 14px;
  10902. /*margin-bottom: 25px;*/
  10903. line-height: 24px;
  10904. }
  10905. .user-center1 .message-details .details-con-wrap {
  10906. border: 1px solid #e5e5e5;
  10907. border-radius: 3px;
  10908. padding: 30px;
  10909. margin-top: 25px;
  10910. }
  10911. .user-center1 .message-details .details-con dt {
  10912. color: #333;
  10913. font-weight: 600;
  10914. margin-bottom: 18px;
  10915. margin-left: 45px;
  10916. }
  10917. .user-center1 .message-details .details-con.text-lg dt {
  10918. color: #333;
  10919. font-weight: 600;
  10920. margin-bottom: 18px;
  10921. margin-left: 95px;
  10922. }
  10923. .user-center1 .message-details .details-con dd {
  10924. font-size: 12px;
  10925. margin-bottom: 12px;
  10926. }
  10927. .user-center1 .message-details .details-con dd .d-left {
  10928. color: #333;
  10929. float: left;
  10930. width: 60px;
  10931. font-weight: 600;
  10932. text-align: right;
  10933. }
  10934. .user-center1 .message-details .details-con.text-lg dd .d-left {
  10935. color: #333;
  10936. float: left;
  10937. width: 110px;
  10938. font-weight: 600;
  10939. text-align: right;
  10940. }
  10941. .user-center1 .message-details .details-con dd .d-right {
  10942. color: #333;
  10943. margin-left: 85px;
  10944. display: block;
  10945. }
  10946. .user-center1 .message-details .details-con dd .d-right.color-danger {
  10947. color: #fd641d;
  10948. }
  10949. .user-center1 .message-details .details-con dd .d-right.color-hover {
  10950. color: #157df1;
  10951. }
  10952. .user-center1 .message-details .details-con dd .d-right.color-hover {
  10953. color: #157df1;
  10954. }
  10955. .user-center1 .message-details .details-con dd .d-right.color-666 {
  10956. color: #666;
  10957. }
  10958. .user-center1 .message-details .details-con.text-lg dd .d-right {
  10959. margin-left: 135px;
  10960. }
  10961. .user-center1 .message-details .ms-btn-secondary {
  10962. padding: 6px 20px;
  10963. }
  10964. /*/----------通知中心----------*/
  10965. /*----------文档中心----------*/
  10966. /*列表*/
  10967. .doc-banner {
  10968. background: url("../image/document-1.jpg?20190116") no-repeat center;
  10969. height: 200px;
  10970. padding-top: .1px;
  10971. }
  10972. .doc-banner .tit {
  10973. color: #fff;
  10974. font-size: 28px;
  10975. height: 100%;
  10976. display: flex;
  10977. justify-content: center;
  10978. align-items: center;
  10979. font-weight: 600;
  10980. }
  10981. .doc-banner .b-con {
  10982. width: 480px;
  10983. margin: 50px auto 0;
  10984. }
  10985. .doc-banner .b-con p {
  10986. color: #fff;
  10987. margin-top: 5px;
  10988. }
  10989. .doc-banner .url-text {
  10990. background-color: rgba(255, 255, 255, .2);
  10991. height: 50px;
  10992. padding: 6px;
  10993. border-radius: 10px;
  10994. color: #333;
  10995. }
  10996. .doc-banner .url-text input {
  10997. background-color: #fff;
  10998. border: none;
  10999. width: 75%;
  11000. height: 100%;
  11001. border-radius: 5px 0 0 5px;
  11002. padding-left: 30px;
  11003. }
  11004. .doc-banner .url-text .submit {
  11005. background-color: #157df1;
  11006. border: none;
  11007. width: 25%;
  11008. height: 100%;
  11009. border-radius: 0 5px 5px 0;
  11010. text-align: center;
  11011. font-size: 17px;
  11012. color: #fff;
  11013. line-height: 38px;
  11014. }
  11015. .doc-list-wrap {
  11016. padding: 35px 50px 20px;
  11017. }
  11018. .doc-list .tit {
  11019. font-size: 24px;
  11020. color: #157df1;
  11021. margin-bottom: 15px;
  11022. }
  11023. .doc-list .tit .icon {
  11024. margin-right: 10px;
  11025. position: relative;
  11026. top: 2px;
  11027. }
  11028. .doc-list .tit .icon-document2 {
  11029. top: 4px;
  11030. }
  11031. .doc-list .tit .icon-document3 {
  11032. top: 4px;
  11033. }
  11034. .doc-list .con {
  11035. border: 1px solid #e5e5e5;
  11036. padding: 25px 25px 15px;
  11037. margin-bottom: 60px;
  11038. }
  11039. .doc-list .con .common {
  11040. margin-bottom: 8px;
  11041. }
  11042. .doc-list .con .common .arrow {
  11043. float: left;
  11044. color: #333;
  11045. font-size: 14px;
  11046. }
  11047. .doc-list .con .common .tit1 {
  11048. margin-left: 15px;
  11049. color: #333;
  11050. display: block;
  11051. white-space: nowrap;
  11052. overflow: hidden;
  11053. text-overflow: ellipsis;
  11054. }
  11055. .doc-list .con .common .tit1:hover {
  11056. color: #157df1;
  11057. }
  11058. .doc-list .con:last-of-type {
  11059. margin-bottom: 20px;
  11060. }
  11061. .doc-list .advice {
  11062. color: #333;
  11063. text-align: center;
  11064. }
  11065. .doc-list .advice a {
  11066. color: #157df1;
  11067. }
  11068. .doc-list .tit .icon-document2 {
  11069. top: 4px;
  11070. }
  11071. .doc-list .tit .icon-document3 {
  11072. top: 4px;
  11073. }
  11074. /*banner添加教程*/
  11075. .doc-tutorial {
  11076. padding: 0 105px;
  11077. margin: -40px 0 20px;
  11078. }
  11079. .doc-tutorial .con {
  11080. background-color: #fff;
  11081. padding: 20px 40px;
  11082. border: 1px solid #f5f5f5;
  11083. }
  11084. .doc-tutorial .con .ms-thumbnail:hover .ms-caption .tit {
  11085. color: #157df1;
  11086. }
  11087. .doc-tutorial .con .ms-thumbnail img {
  11088. margin-bottom: 10px;
  11089. }
  11090. .doc-tutorial .con .ms-thumbnail .ms-caption .tit {
  11091. margin-bottom: 0;
  11092. }
  11093. /*/列表*/
  11094. /*详情*/
  11095. @media (min-width: 1200px) {
  11096. .doc-details .row {
  11097. margin: 0 -5px;
  11098. }
  11099. .doc-details .col-sm-2 {
  11100. padding: 0 5px;
  11101. }
  11102. .doc-details .col-sm-10 {
  11103. padding: 0 5px;
  11104. }
  11105. }
  11106. .doc-details .details-left {
  11107. border: 1px solid #e5e5e5;
  11108. border-bottom: none;
  11109. border-radius: 3px;
  11110. margin-bottom: 40px;
  11111. }
  11112. .doc-details .details-left dt {
  11113. border-left: 4px solid transparent;
  11114. height: 44px;
  11115. line-height: 44px;
  11116. border-bottom: 1px solid #e5e5e5;
  11117. color: #333;
  11118. padding-left: 10px;
  11119. cursor: pointer;
  11120. }
  11121. .doc-details .details-left dt .icon {
  11122. position: relative;
  11123. top: 2px;
  11124. margin-right: 8px;
  11125. }
  11126. .doc-details .details-left dt .iconfont {
  11127. margin-right: 7px;
  11128. }
  11129. .doc-details .details-left dt .icon-arrow-up {
  11130. display: none;
  11131. }
  11132. .doc-details .details-left dt.active {
  11133. border-left-color: #157df1;
  11134. background-color: #d0e5fc;
  11135. }
  11136. .doc-details .details-left dt.active .icon-arrow-up {
  11137. display: block;
  11138. }
  11139. .doc-details .details-left dt.active .icon-arrow-down {
  11140. display: none;
  11141. }
  11142. /*.doc-details .details-left dt.active+dd{display: block;}*/
  11143. .doc-details .details-left dt .icon-sdk2 {
  11144. color: #157df1;
  11145. }
  11146. .doc-details .details-left dd {
  11147. display: none;
  11148. }
  11149. .doc-details .details-left dd a {
  11150. display: block;
  11151. padding: 10px 20px;
  11152. border-bottom: 1px solid #e5e5e5;
  11153. font-size: 12px;
  11154. }
  11155. .doc-details .details-left dd a.active {
  11156. color: #157df1;
  11157. }
  11158. .details-right {
  11159. border: 1px solid #e5e5e5;
  11160. border-radius: 3px;
  11161. min-height: 600px;
  11162. margin-bottom: 40px;
  11163. }
  11164. .details-right .article-tit {
  11165. color: #333;
  11166. border-bottom: 1px solid #e5e5e5;
  11167. padding: 18px 20px;
  11168. font-size: 16px;
  11169. }
  11170. .details-right .article-con {
  11171. padding: 25px 40px;
  11172. line-height: 24px;
  11173. color: #333;
  11174. }
  11175. .details-right .article-con img {
  11176. max-width: 700px;
  11177. }
  11178. /*/详情*/
  11179. /*更新日志*/
  11180. .update-log-banner {
  11181. background: url("../image/time-2.jpg") no-repeat center;
  11182. height: 170px;
  11183. color: #fff;
  11184. font-size: 28px;
  11185. font-weight: 600;
  11186. display: flex;
  11187. justify-content: center;
  11188. align-items: center;
  11189. }
  11190. .update-log-wrap {
  11191. padding: 70px 240px;
  11192. }
  11193. .update-log-wrap .update-log:first-of-type {
  11194. padding-top: 70px;
  11195. }
  11196. .update-log {
  11197. background: url("../image/time-1.png") no-repeat 115px top;
  11198. }
  11199. .update-log .con {
  11200. padding-bottom: 35px;
  11201. }
  11202. .update-log .u-left {
  11203. width: 100px;
  11204. text-align: right;
  11205. }
  11206. .update-log .u-left dt {
  11207. color: #333;
  11208. font-size: 16px;
  11209. margin-bottom: 2px;
  11210. }
  11211. .update-log .u-left dd {
  11212. color: #333;
  11213. font-size: 12px;
  11214. }
  11215. .update-log .u-right {
  11216. width: 590px;
  11217. margin-left: 24px;
  11218. }
  11219. .update-log .u-right .u-icon {
  11220. border: 1px solid #157df1;
  11221. border-radius: 50px;
  11222. width: 13px;
  11223. height: 13px;
  11224. padding: 2px;
  11225. position: relative;
  11226. top: 2px;
  11227. }
  11228. .update-log .u-right .u-icon span {
  11229. display: block;
  11230. background-color: #157df1;
  11231. border-radius: 50%;
  11232. width: 100%;
  11233. height: 100%;
  11234. }
  11235. .update-log .u-right dl {
  11236. margin-left: 30px;
  11237. }
  11238. .update-log .u-right dt {
  11239. color: #333;
  11240. font-size: 16px;
  11241. font-weight: 600;
  11242. margin-bottom: 5px;
  11243. }
  11244. .update-log .u-right dd {
  11245. color: #333;
  11246. line-height: 24px;
  11247. }
  11248. /*/更新日志*/
  11249. /*反馈 建议*/
  11250. .feedback-wrap {
  11251. padding: 25px 150px 40px;
  11252. }
  11253. .feedback {
  11254. border-radius: 5px;
  11255. background-color: #fff;
  11256. padding: 25px 30px 30px;
  11257. }
  11258. .feedback .tit {
  11259. font-size: 18px;
  11260. color: #333;
  11261. font-weight: 600;
  11262. margin-bottom: 20px;
  11263. }
  11264. .feedback .form-group {
  11265. margin-bottom: 35px;
  11266. }
  11267. .feedback label {
  11268. color: #333;
  11269. margin-bottom: 10px;
  11270. }
  11271. .feedback label span {
  11272. color: #fd641d;
  11273. margin-right: 10px;
  11274. }
  11275. .feedback .type li {
  11276. float: left;
  11277. margin-right: 40px;
  11278. cursor: pointer;
  11279. }
  11280. .feedback .type li .icon-radio {
  11281. top: 3px;
  11282. }
  11283. .feedback .submit {
  11284. padding-left: 40px;
  11285. padding-right: 40px;
  11286. }
  11287. .feedback .uploaded-img {
  11288. border: 1px solid #e5e5e5;
  11289. width: 90px;
  11290. height: 90px;
  11291. position: relative;
  11292. border-radius: 5px;
  11293. margin-right: 20px;
  11294. }
  11295. .feedback .uploaded-img img {
  11296. width: 100%;
  11297. height: 100%;
  11298. border-radius: 5px;
  11299. }
  11300. .feedback .uploaded-img .delete-img {
  11301. position: absolute;
  11302. right: -9px;
  11303. top: -9px;
  11304. right: 0 \9;
  11305. top: 0 \9;
  11306. cursor: pointer;
  11307. z-index: 2;
  11308. }
  11309. .feedback .upload-img {
  11310. position: relative;
  11311. border: 1px dashed #e5e5e5;
  11312. width: 90px;
  11313. height: 90px;
  11314. border-radius: 5px;
  11315. background: url("../image/icon-10.png") no-repeat center 20px;
  11316. overflow: hidden;
  11317. }
  11318. .feedback .upload-img input {
  11319. position: absolute;
  11320. left: 0;
  11321. top: 0;
  11322. width: 100%;
  11323. height: 100%;
  11324. opacity: 0;
  11325. cursor: pointer;
  11326. }
  11327. .feedback .upload-img .text {
  11328. text-align: center;
  11329. font-size: 12px;
  11330. color: #666;
  11331. margin-top: 60px;
  11332. }
  11333. /*/反馈 建议*/
  11334. /*----------/文档中心列表----------*/
  11335. /*----------工具箱----------*/
  11336. .tool-banner {
  11337. background-size: cover;
  11338. height: 460px;
  11339. background: url(https://ssdtp.oss-cn-beijing.aliyuncs.com/eideasImg/diypack/banner/packbg.png) top no-repeat;
  11340. position: relative;
  11341. margin-bottom: 18px;
  11342. overflow: hidden;
  11343. }
  11344. .tool-banner .con {
  11345. color: #fff;
  11346. font-size: 28px;
  11347. padding-left: 100px;
  11348. font-weight: 600;
  11349. padding-top: 55px;
  11350. }
  11351. .tool-banner .con .p2 {
  11352. text-indent: 2em;
  11353. }
  11354. .tool-classs {
  11355. padding: 60px 80px;
  11356. }
  11357. .tool-classs .con {
  11358. box-shadow: 0 0 20px rgba(21, 125, 241, .2);
  11359. background-color: #fff;
  11360. border-radius: 5px;
  11361. }
  11362. .tool-classs .con ul li {
  11363. float: left;
  11364. width: 33.333333%;
  11365. text-align: center;
  11366. padding-top: 20px;
  11367. }
  11368. .tool-classs .con ul li:nth-of-type(1) {
  11369. padding-left: 20px;
  11370. }
  11371. .tool-classs .con ul li:nth-of-type(3) {
  11372. padding-right: 20px;
  11373. }
  11374. .tool-classs .con ul li .t-con {
  11375. border-right: 1px solid #e5e5e5;
  11376. border-bottom: 1px solid #e5e5e5;
  11377. padding-bottom: 40px;
  11378. padding-top: 20px;
  11379. }
  11380. .tool-classs .con ul li:hover {
  11381. box-shadow: 0 3px 10px rgba(193, 220, 251, .8);
  11382. }
  11383. .tool-classs .con ul li .img-wrap {
  11384. height: 66px;
  11385. display: flex;
  11386. justify-content: center;
  11387. align-items: center;
  11388. margin-bottom: 15px;
  11389. }
  11390. .tool-classs .con ul li .tit {
  11391. font-size: 24px;
  11392. color: #333;
  11393. margin-bottom: 10px;
  11394. }
  11395. .tool-classs .con ul li p {
  11396. margin-bottom: 15px;
  11397. height: 80px;
  11398. padding: 0 50px;
  11399. }
  11400. .tool-classs .con ul li .ms-btn {
  11401. padding: 3px 35px;
  11402. border-radius: 15px;
  11403. }
  11404. .tool-classs .con ul li:nth-of-type(n+4) {
  11405. padding-top: 0;
  11406. padding-bottom: 20px;
  11407. }
  11408. .tool-classs .con ul li:nth-of-type(3n) .t-con {
  11409. border-right-color: transparent;
  11410. }
  11411. .tool-classs .con ul li:nth-of-type(n+4) .t-con {
  11412. border-bottom-color: transparent;
  11413. padding-top: 30px;
  11414. padding-bottom: 20px;
  11415. }
  11416. .tool-classs .con ul li:hover .ms-btn {
  11417. background-color: #157df1;
  11418. color: #fff;
  11419. }
  11420. /*----------/工具箱----------*/
  11421. /*----------新价格页----------*/
  11422. .new-price-btn {
  11423. width: 150px;
  11424. height: 40px;
  11425. line-height: 40px;
  11426. border-radius: 20px;
  11427. background: linear-gradient(to right, #ff3794, #fc753b);
  11428. display: block;
  11429. color: #fff;
  11430. text-align: center;
  11431. margin: 0 auto;
  11432. }
  11433. .new-price-btn:hover {
  11434. /*box-shadow: 0 2px 5px rgba(255,55,148,.5);*/
  11435. color: #fff;
  11436. background: linear-gradient(to right, #fe1064, #ff9c00)
  11437. }
  11438. .new-price-btn:focus {
  11439. color: #fff;
  11440. }
  11441. .new-price-banner {
  11442. background: url("../image/price-banner-1.jpg") no-repeat center;
  11443. height: 200px;
  11444. }
  11445. .new-price-banner .banner-con {
  11446. color: #fff;
  11447. padding: 65px 0 0 110px;
  11448. }
  11449. .new-price-banner .banner-con h3 {
  11450. font-size: 30px;
  11451. font-weight: 600;
  11452. margin-bottom: 10px;
  11453. }
  11454. .new-price-banner .banner-con p {
  11455. font-size: 16px;
  11456. }
  11457. .new-price-list {
  11458. padding: 0 110px;
  11459. margin: 85px 0;
  11460. }
  11461. .new-price-list li {
  11462. width: 33.333333%;
  11463. float: left;
  11464. text-align: center;
  11465. padding: 35px 20px;
  11466. background-color: #fff;
  11467. box-shadow: 0 0 10px rgba(112, 61, 231, .1);
  11468. height: 695px;
  11469. transition: transform 100ms;
  11470. }
  11471. .new-price-list li.active {
  11472. transform: scale(1.02);
  11473. z-index: 2;
  11474. position: relative;
  11475. }
  11476. .new-price-list li h3 {
  11477. color: #333;
  11478. margin-top: 20px;
  11479. }
  11480. .new-price-list li p {
  11481. color: #666;
  11482. margin-top: 10px;
  11483. line-height: 24px;
  11484. margin-bottom: 5px;
  11485. }
  11486. .new-price-list li .amount {
  11487. font-size: 18px;
  11488. color: #fd9817;
  11489. }
  11490. .new-price-list li .amount .num {
  11491. font-size: 30px;
  11492. }
  11493. .new-price-list li .more {
  11494. margin: 10px auto 20px;
  11495. }
  11496. .new-price-list li dl dd {
  11497. line-height: 32px;
  11498. color: #333;
  11499. }
  11500. .new-price-details {
  11501. margin-top: 30px;
  11502. }
  11503. .new-price-details h1 {
  11504. color: #157df1;
  11505. text-align: center;
  11506. margin-bottom: 10px;
  11507. }
  11508. .new-price-details p {
  11509. color: #666;
  11510. font-size: 16px;
  11511. text-align: center;
  11512. margin-bottom: 80px;
  11513. }
  11514. .new-price-details .new-price-btn {
  11515. margin-bottom: 80px;
  11516. }
  11517. .new-price-details .table {
  11518. table-layout: fixed;
  11519. box-shadow: 0 0 10px rgba(0, 0, 0, .1);
  11520. margin-bottom: 0;
  11521. }
  11522. .new-price-details .table th {
  11523. text-align: center;
  11524. height: 50px;
  11525. color: #333;
  11526. font-size: 16px;
  11527. font-weight: 600;
  11528. border-top: none;
  11529. position: relative;
  11530. vertical-align: middle;
  11531. }
  11532. .new-price-details .table th:nth-of-type(2) {
  11533. border-left: 1px solid #ddd;
  11534. }
  11535. .new-price-details .table td {
  11536. text-align: center;
  11537. border: 1px solid #ddd;
  11538. height: 50px;
  11539. color: #333;
  11540. vertical-align: middle;
  11541. }
  11542. .new-price-details .table th:first-of-type {
  11543. border-left-color: transparent;
  11544. }
  11545. .new-price-details .table th:last-of-type {
  11546. border-right-color: transparent;
  11547. }
  11548. .new-price-details .table td:first-of-type {
  11549. border-left-color: transparent;
  11550. }
  11551. .new-price-details .table td:last-of-type {
  11552. border-right-color: transparent;
  11553. }
  11554. .new-price-details .table tr:last-of-type td {
  11555. border-bottom: none;
  11556. }
  11557. .new-price-details .table tr:nth-of-type(odd) td {
  11558. background-color: #f5f6f7;
  11559. }
  11560. /*.new-price-details .table tr:nth-of-type(even) td:first-of-type{border-left-color: #ddd; border-right-color: #ddd;}*/
  11561. /*.new-price-details .table tr:nth-of-type(even) td:last-of-type{border-right-color: #ddd;}*/
  11562. .new-price-details .table th .th-con {
  11563. position: absolute;
  11564. width: 100%;
  11565. height: 90px;
  11566. left: 0;
  11567. bottom: 0;
  11568. background: no-repeat center;
  11569. color: #fff;
  11570. padding-top: 15px;
  11571. }
  11572. .new-price-details .table th .th-con .tit {
  11573. font-size: 24px;
  11574. font-weight: normal;
  11575. margin-bottom: 5px;
  11576. position: relative;
  11577. }
  11578. .new-price-details .table th .th-con .tit .unit {
  11579. font-size: 12px;
  11580. }
  11581. .new-price-details .table th .th-con .tit .recommended {
  11582. position: absolute;
  11583. top: -8px;
  11584. background: url("../image/price-tip1.png") no-repeat;
  11585. width: 40px;
  11586. height: 24px;
  11587. color: #fff;
  11588. font-size: 14px;
  11589. line-height: 24px;
  11590. }
  11591. .new-price-details .table th .th-con .level {
  11592. font-size: 16px;
  11593. }
  11594. /*.new-price-details .table .icon-wrap{height: 20px; line-height: 20px;}*/
  11595. .new-price-details .table .icon-duihao {
  11596. color: #13c960;
  11597. font-size: 22px;
  11598. }
  11599. .new-price-details .help {
  11600. padding-bottom: 40px;
  11601. }
  11602. .new-price-details .help h1 {
  11603. margin-bottom: 40px;
  11604. }
  11605. .new-price-details .help dl .right {
  11606. margin-left: 30px;
  11607. width: calc(100% - 30px);
  11608. }
  11609. .new-publish-price .help {
  11610. padding: 0;
  11611. margin-bottom: 30px;
  11612. padding: 55px 70px 0;
  11613. }
  11614. .new-publish-price .help h1 {
  11615. margin-bottom: 40px;
  11616. color: #157df1;
  11617. text-align: center;
  11618. }
  11619. .new-publish-price .help dl .right {
  11620. margin-left: 30px;
  11621. width: calc(100% - 30px);
  11622. }
  11623. .new-pack-price .table th .level0 {
  11624. background-image: url("../image/price-4.jpg");
  11625. }
  11626. .new-pack-price .table th .level1 {
  11627. background-image: url("../image/price-5.jpg");
  11628. }
  11629. .new-pack-price .table th .level2 {
  11630. background-image: url("../image/price-6.jpg");
  11631. }
  11632. .new-pack-price .table th .th-con .tit .recommended {
  11633. position: absolute;
  11634. top: -8px;
  11635. background: url("../image/price-tip2.png") no-repeat;
  11636. width: 70px;
  11637. height: 24px;
  11638. color: #fff;
  11639. font-size: 14px;
  11640. line-height: 24px;
  11641. }
  11642. .new-sign-price .table th .level0 {
  11643. background-image: url("../image/price-5.jpg");
  11644. }
  11645. .new-sign-price .table th .level1 {
  11646. background-image: url("../image/price-6.jpg");
  11647. }
  11648. .new-sign-price .table th .level2 {
  11649. background-image: url("../image/price-7.jpg");
  11650. }
  11651. .new-sign-price .table tr td:first-of-type {
  11652. font-weight: 600;
  11653. }
  11654. .new-sign-price .table tr:last-of-type td {
  11655. border-bottom: 1px solid #ddd;
  11656. }
  11657. /*.new-publish-price{margin-bottom: 60px;}*/
  11658. .new-publish-price .tab {
  11659. width: 490px;
  11660. height: 40px;
  11661. line-height: 40px;
  11662. margin: 40px auto;
  11663. }
  11664. .new-publish-price .tab li {
  11665. float: left;
  11666. text-align: center;
  11667. width: 50%;
  11668. color: #333;
  11669. cursor: pointer;
  11670. border: 1px solid #e5e5e5;
  11671. }
  11672. .new-publish-price .tab li:first-of-type {
  11673. border-radius: 20px 0 0 20px;
  11674. border-right-color: transparent;
  11675. }
  11676. .new-publish-price .tab li:last-of-type {
  11677. border-left-color: transparent;
  11678. border-radius: 0 20px 20px 0;
  11679. }
  11680. .new-publish-price .tab li.active {
  11681. background-color: #157df1;
  11682. border-color: #157df1;
  11683. color: #fff;
  11684. }
  11685. /*.new-publish-price .tab li:first-of-type.active{border-radius: 25px 0 0 25px;}*/
  11686. /*.new-publish-price .tab li:last-of-type.active{border-radius:0 25px 25px 0;}*/
  11687. .new-publish-price .tab-con>div {
  11688. display: none;
  11689. }
  11690. .new-publish-price .tab-con .con-wrap {
  11691. padding: 0 70px;
  11692. }
  11693. .new-publish-price .tab-con h1 {
  11694. text-align: center;
  11695. color: #157df1;
  11696. margin-bottom: 20px;
  11697. }
  11698. .new-publish-price .tab-con .big-package h1 {
  11699. color: #fd9817;
  11700. }
  11701. .new-publish-price .tab-con .p1 {
  11702. text-align: center;
  11703. font-size: 16px;
  11704. color: #666;
  11705. margin-bottom: 35px;
  11706. }
  11707. .new-publish-price .tab-con .con {
  11708. border: 1px solid #e5e5e5;
  11709. padding-bottom: 40px;
  11710. position: relative;
  11711. }
  11712. .new-publish-price .tab-con .con:hover {
  11713. box-shadow: 0 3px 10px rgba(21, 125, 241, .2);
  11714. }
  11715. .new-publish-price .tab-con .big-package .con:hover {
  11716. box-shadow: 0 3px 10px rgba(253, 152, 23, .2);
  11717. }
  11718. .new-publish-price .tab-con .gradient {
  11719. height: 8px;
  11720. }
  11721. .new-publish-price .tab-con .gradient1 {
  11722. background: linear-gradient(to right, #5caafd, #57d4f8);
  11723. }
  11724. .new-publish-price .tab-con .gradient2 {
  11725. background: linear-gradient(to right, #507dfb, #5598fa);
  11726. }
  11727. .new-publish-price .tab-con .gradient3 {
  11728. background: linear-gradient(to right, #5958d9, #8e1fe5);
  11729. }
  11730. .new-publish-price .tab-con .big-package .gradient1 {
  11731. background: linear-gradient(to right, #fea63f, #ffcd35);
  11732. }
  11733. .new-publish-price .tab-con .big-package .gradient2 {
  11734. background: linear-gradient(to right, #fc853e, #fe9f30);
  11735. }
  11736. .new-publish-price .tab-con .big-package .gradient3 {
  11737. background: linear-gradient(to right, #fc7738, #ff339a);
  11738. }
  11739. .new-publish-price .tab-con .downloads {
  11740. text-align: center;
  11741. padding: 35px 0 30px;
  11742. }
  11743. .new-publish-price .tab-con .downloads .text {
  11744. color: #666;
  11745. font-size: 16px;
  11746. }
  11747. .new-publish-price .tab-con .downloads .num {
  11748. color: #333;
  11749. font-size: 50px;
  11750. }
  11751. .new-publish-price .tab-con .downloads .num span {
  11752. font-size: 16px;
  11753. }
  11754. .new-publish-price .tab-con .con .recommended {
  11755. position: absolute;
  11756. top: 0;
  11757. right: 0;
  11758. display: none;
  11759. }
  11760. .new-publish-price .tab-con .instructions {
  11761. padding: 0 30px;
  11762. }
  11763. .new-publish-price .tab-con .instructions dl {
  11764. border-top: 1px solid #e5e5e5;
  11765. text-align: left;
  11766. color: #666;
  11767. padding-top: 25px;
  11768. height: 195px;
  11769. }
  11770. .new-publish-price .tab-con .instructions dl dd {
  11771. margin: 10px 0;
  11772. color: #666;
  11773. }
  11774. .new-publish-price .tab-con .instructions dl dd .icon-gou {
  11775. color: #5cb4f6;
  11776. }
  11777. .new-publish-price .tab-con .big-package .instructions dl dd .icon-gou {
  11778. color: #fd9817;
  11779. }
  11780. .new-publish-price .tab-con .instructions dl dd .icon-gou {
  11781. margin-right: 10px;
  11782. font-size: 14px;
  11783. }
  11784. .new-publish-price .tab-con .instructions dl dd .icon-prompt {
  11785. position: relative;
  11786. margin-left: 5px;
  11787. top: -3px;
  11788. cursor: pointer;
  11789. }
  11790. .new-publish-price .tab-con .p-price {
  11791. font-size: 16px;
  11792. color: #157df1;
  11793. text-align: center;
  11794. margin-bottom: 25px;
  11795. }
  11796. .new-publish-price .tab-con .big-package .p-price {
  11797. color: #fd9817;
  11798. }
  11799. .new-publish-price .tab-con .p-price span {
  11800. font-size: 40px;
  11801. }
  11802. .new-publish-price .tab-con .p-pay {
  11803. text-align: center;
  11804. }
  11805. .new-publish-price .tab-con .p-pay .btn-buy {
  11806. padding: 10px 12px;
  11807. width: 120px;
  11808. }
  11809. .new-publish-price .tab-con .big-package .p-pay .btn-buy {
  11810. color: #fd9817;
  11811. border: 1px solid #fd9817;
  11812. }
  11813. .new-publish-price .tab-con .big-package .p-pay .btn-buy:hover {
  11814. color: #fff;
  11815. border: 1px solid #fd9817;
  11816. background-color: #fd9817;
  11817. }
  11818. .new-price-meal {
  11819. padding: 20px 0 25px;
  11820. }
  11821. .new-price-meal>h1 {
  11822. color: #157df1;
  11823. margin-bottom: 15px;
  11824. text-align: center;
  11825. }
  11826. .new-price-meal>p {
  11827. color: #666;
  11828. font-size: 16px;
  11829. margin-bottom: 20px;
  11830. text-align: center;
  11831. }
  11832. .new-price-meal .new-price-btn {
  11833. margin-bottom: 50px;
  11834. }
  11835. .new-price-meal .table {
  11836. table-layout: fixed;
  11837. box-shadow: 0 0 10px rgba(0, 0, 0, .1);
  11838. }
  11839. .new-price-meal .table th {
  11840. text-align: center;
  11841. height: 50px;
  11842. color: #333;
  11843. border-top: none;
  11844. position: relative;
  11845. vertical-align: middle;
  11846. border-left: 1px solid #ddd;
  11847. font-weight: 600;
  11848. font-size: 15px;
  11849. background-color: #f5f6f7;
  11850. }
  11851. .new-price-meal .table td {
  11852. text-align: center;
  11853. border: 1px solid #ddd;
  11854. height: 50px;
  11855. color: #333;
  11856. vertical-align: middle;
  11857. }
  11858. .new-price-meal .table th:first-of-type {
  11859. border-left-color: transparent;
  11860. }
  11861. .new-price-meal .table th:last-of-type {
  11862. border-right-color: transparent;
  11863. }
  11864. .new-price-meal .table td:first-of-type {
  11865. border-left-color: transparent;
  11866. }
  11867. .new-price-meal .table td:last-of-type {
  11868. border-right-color: transparent;
  11869. }
  11870. .new-price-meal .table tr:last-of-type td {
  11871. border-bottom: none;
  11872. }
  11873. .new-price-meal .table tr:nth-of-type(odd) td {
  11874. background-color: transparent;
  11875. }
  11876. .new-price-meal .table .recommend-wrap1 {
  11877. position: relative;
  11878. }
  11879. .new-price-meal .table .recommend-wrap1 .recommended {
  11880. position: absolute;
  11881. top: -9px;
  11882. background: url("../image/price-tip1.png") no-repeat;
  11883. width: 32px;
  11884. height: 22px;
  11885. color: #fff;
  11886. font-size: 12px;
  11887. line-height: 20px;
  11888. background-size: contain;
  11889. font-weight: normal;
  11890. }
  11891. .new-pack-meal .table .recommend-wrap1 .recommended {
  11892. background: url("../image/price-tip2.png") no-repeat;
  11893. width: 60px;
  11894. height: 22px;
  11895. background-size: contain;
  11896. font-size: 12px;
  11897. line-height: 22px;
  11898. font-weight: normal;
  11899. }
  11900. .new-price-meal .table td .num {
  11901. font-size: 18px;
  11902. }
  11903. .new-price-meal .help {
  11904. padding: 0;
  11905. }
  11906. .new-price-meal .help>h1 {
  11907. color: #157df1;
  11908. text-align: center;
  11909. margin-bottom: 50px;
  11910. }
  11911. /*----------/新价格页----------*/
  11912. /*----------SDK----------*/
  11913. .sdk-banner-wrap {
  11914. background: url("../image/sdk-banner.jpg") no-repeat center;
  11915. height: 200px;
  11916. }
  11917. .sdk-banner {
  11918. padding-top: 60px;
  11919. }
  11920. .sdk-banner h1 {
  11921. color: #fff;
  11922. font-size: 30px;
  11923. text-align: center;
  11924. line-height: 40px;
  11925. font-weight: normal;
  11926. }
  11927. .sdk-common {
  11928. padding: 70px 0;
  11929. }
  11930. .sdk-common>h1 {
  11931. color: #157df1;
  11932. text-align: center;
  11933. margin-bottom: 20px;
  11934. font-weight: normal;
  11935. }
  11936. .sdk-common>h3 {
  11937. color: #666;
  11938. font-size: 16px;
  11939. text-align: center;
  11940. margin-bottom: 50px;
  11941. font-weight: normal;
  11942. }
  11943. .sdk-system .list .con {
  11944. text-align: center;
  11945. }
  11946. .sdk-system .list .con1 {
  11947. border-right: 1px solid #e5e5e5;
  11948. }
  11949. .sdk-system .list .con img {
  11950. margin: 0 auto 20px;
  11951. }
  11952. .sdk-system .list .con>h3 {
  11953. text-align: center;
  11954. color: #333;
  11955. margin-bottom: 15px;
  11956. font-weight: normal;
  11957. }
  11958. .sdk-system .list .con .s-btn {
  11959. width: 165px;
  11960. padding: 0;
  11961. height: 46px;
  11962. line-height: 46px;
  11963. border-radius: 30px;
  11964. display: block;
  11965. margin: 0 auto;
  11966. font-size: 18px;
  11967. margin-bottom: 15px;
  11968. }
  11969. .sdk-system .list .con .s-btn2 {
  11970. background-color: #13c960;
  11971. color: #fff;
  11972. }
  11973. .sdk-system .list .con .s-btn2:hover {
  11974. background-color: #72dd9f;
  11975. }
  11976. .sdk-system .list .con .instructions {
  11977. color: #666;
  11978. font-size: 18px;
  11979. }
  11980. .sdk-system .list .con .instructions1:hover {
  11981. color: #157df1;
  11982. text-decoration: underline;
  11983. }
  11984. .sdk-system .list .con .instructions2:hover {
  11985. color: #13c960;
  11986. text-decoration: underline;
  11987. }
  11988. .sdk-solve .ms-thumbnail .img-wrap {
  11989. height: 190px;
  11990. margin-bottom: 20px;
  11991. }
  11992. .sdk-statistical {
  11993. padding: 70px 0;
  11994. }
  11995. .sdk-statistical .ms-thumbnail .img-wrap {
  11996. height: 155px;
  11997. display: flex;
  11998. align-items: flex-end;
  11999. }
  12000. .sdk-statistical .ms-thumbnail .tit {
  12001. margin-bottom: 0;
  12002. }
  12003. .sdk-help>h1 {
  12004. text-align: center;
  12005. color: #157df1;
  12006. margin-bottom: 50px;
  12007. font-weight: normal;
  12008. }
  12009. /*----------/SDK----------*/
  12010. /*----------免责声明----------*/
  12011. .disclaimer {
  12012. padding: 75px 60px;
  12013. min-height: 580px;
  12014. }
  12015. .disclaimer h1 {
  12016. text-align: center;
  12017. color: #333;
  12018. margin-bottom: 50px;
  12019. }
  12020. .disclaimer p {
  12021. line-height: 1.8;
  12022. color: #333;
  12023. font-size: 16px;
  12024. margin-bottom: 35px;
  12025. }
  12026. /*----------/免责声明----------*/
  12027. /*----------推广大使----------*/
  12028. /*2019/4/1日改版*/
  12029. .ambassador-common {
  12030. padding: 70px 0;
  12031. }
  12032. .ambassador-common .h1 {
  12033. color: #333;
  12034. text-align: center;
  12035. margin-bottom: 20px;
  12036. }
  12037. .ambassador-common .h5 {
  12038. font-size: 16px;
  12039. text-align: center;
  12040. margin-bottom: 45px;
  12041. line-height: 24px;
  12042. }
  12043. .ambassador-banner-wrap {
  12044. background: url("../image/tt-0.jpg?20190401") no-repeat center;
  12045. height: 430px;
  12046. display: block;
  12047. padding-top: 110px;
  12048. }
  12049. .ambassador-banner {
  12050. color: #fff;
  12051. padding-left: 40px;
  12052. }
  12053. .ambassador-banner .h1 {
  12054. font-weight: 600;
  12055. margin-bottom: 15px;
  12056. text-shadow: 2px 2px 0 #0b58b6;
  12057. }
  12058. .ambassador-banner .h1 span {
  12059. color: #ffe401;
  12060. font-size: 44px;
  12061. }
  12062. .ambassador-banner p {
  12063. font-size: 18px;
  12064. margin-bottom: 25px;
  12065. }
  12066. .ambassador-banner .b-btn {
  12067. color: #157df1;
  12068. width: 160px;
  12069. padding: 9px;
  12070. background-color: #fff;
  12071. font-size: 16px;
  12072. }
  12073. .ambassador-join .ms-thumbnail .ms-caption p {
  12074. height: 60px;
  12075. }
  12076. .ambassador-service-wrap {
  12077. background: url("../image/ttt-banner.jpg?2019") no-repeat center;
  12078. }
  12079. .ambassador-service .h1 {
  12080. color: #fff;
  12081. }
  12082. .ambassador-service .h5 {
  12083. color: #fff;
  12084. }
  12085. .ambassador-service .ms-thumbnail {
  12086. background-color: #fff;
  12087. padding: 40px 0;
  12088. }
  12089. .ambassador-service .ms-thumbnail .ms-caption p {
  12090. height: 40px;
  12091. }
  12092. /*.promote-process-wrap{background-color: #ecf4fd;}*/
  12093. .promote-process .h1 {
  12094. margin-bottom: 60px;
  12095. }
  12096. .promote-process ul li {
  12097. float: left;
  12098. height: 220px;
  12099. padding-top: 30px;
  12100. }
  12101. .promote-process ul li:nth-child(even) {
  12102. width: 60px;
  12103. background: url("../image/tt-8.png") no-repeat center;
  12104. }
  12105. .promote-process ul li:nth-child(odd) {
  12106. width: calc((100% - 180px) / 4);
  12107. background-color: #fff;
  12108. box-shadow: 0 0 10px rgba(18, 112, 246, .2);
  12109. }
  12110. .promote-process .ms-thumbnail .ms-caption {
  12111. padding: 0 20px;
  12112. }
  12113. .promote-process .ms-thumbnail .ms-caption .tit {
  12114. font-size: 16px;
  12115. margin-bottom: 10px;
  12116. }
  12117. .promote-process .ms-thumbnail .ms-caption .tit img {
  12118. margin-bottom: 0;
  12119. vertical-align: text-bottom;
  12120. display: inline-block;
  12121. }
  12122. /*.promote-process .ms-thumbnail .ms-caption .tit img{float: left;}*/
  12123. .ambassador-help .tit {
  12124. color: #333;
  12125. }
  12126. .join-ambassador {
  12127. background: url("../image/tt-9.jpg") no-repeat center;
  12128. height: 200px;
  12129. display: block;
  12130. text-align: center;
  12131. padding-top: 55px;
  12132. }
  12133. .join-ambassador .h1 {
  12134. font-weight: 600;
  12135. margin-bottom: 25px;
  12136. color: #fff;
  12137. letter-spacing: 10px;
  12138. }
  12139. .join-ambassador .h1 span {
  12140. margin: 0 20px;
  12141. }
  12142. .join-ambassador .ms-btn {
  12143. width: 110px;
  12144. font-size: 16px;
  12145. border: 1px solid #fff;
  12146. color: #fff;
  12147. }
  12148. /*----------/推广大使----------*/
  12149. /*右侧悬停*/
  12150. .fixed-right {
  12151. position: fixed;
  12152. right: 0;
  12153. top: 50%;
  12154. transform: translateY(-50%);
  12155. -webkit-transform: translateY(-50%);
  12156. z-index: 999;
  12157. /* display: none;*/
  12158. }
  12159. .fixed-right li {
  12160. width: 50px;
  12161. color: #304DD9;
  12162. padding: 16px;
  12163. border: 1px solid #e5e5e5;
  12164. position: relative;
  12165. display: flex;
  12166. flex-wrap: wrap;
  12167. justify-content: center;
  12168. align-items: center;
  12169. background-color: #fff;
  12170. cursor: pointer;
  12171. position: relative;
  12172. }
  12173. .fixed-right li+li {
  12174. border-top: transparent;
  12175. }
  12176. .fixed-right li .iconfont {
  12177. color: #999;
  12178. }
  12179. .fixed-right li .icon-qq {
  12180. font-size: 30px;
  12181. }
  12182. .fixed-right li .icon-weixin1 {
  12183. font-size: 25px;
  12184. }
  12185. .fixed-right li .icon-go-top {
  12186. font-size: 36px;
  12187. }
  12188. .fixed-right li .wechat {
  12189. background: url("../img/img-15.png") no-repeat;
  12190. width: 146px;
  12191. height: 135px;
  12192. position: absolute;
  12193. top: -18px;
  12194. right: calc(100% + 10px);
  12195. padding: 10px 0 0 10px;
  12196. z-index: 1000;
  12197. display: none;
  12198. transition: all 600ms;
  12199. }
  12200. .fixed-right li:hover .wechat {
  12201. display: block;
  12202. }
  12203. .fixed-right li:hover .iconfont {
  12204. color: #303659;
  12205. }
  12206. .fixed-right li.qiye .hover-hidden {
  12207. display: block;
  12208. }
  12209. .fixed-right li.qiye .hover-show {
  12210. display: none;
  12211. }
  12212. .fixed-right li.qiye:hover .hover-hidden {
  12213. display: none;
  12214. }
  12215. .fixed-right li.qiye:hover .hover-show {
  12216. display: block;
  12217. }
  12218. .fixed-right-guest-wrap {
  12219. display: none;
  12220. position: absolute;
  12221. left: -220px;
  12222. top: -70%;
  12223. width: 220px;
  12224. }
  12225. .fixed-right-guest {
  12226. width: 200px;
  12227. background-color: #FFF;
  12228. box-shadow: 0 0 10px rgba(0, 0, 0, .1);
  12229. }
  12230. .fixed-right-guest:after {
  12231. position: absolute;
  12232. content: '';
  12233. right: 8px;
  12234. top: 42%;
  12235. border-left: 12px solid #FFF;
  12236. border-bottom: 12px solid transparent;
  12237. border-top: 12px solid transparent;
  12238. }
  12239. .fixed-right li.guest:hover .fixed-right-guest-wrap {
  12240. display: block;
  12241. }
  12242. .fixed-right li .wechat img {
  12243. width: 115px;
  12244. height: 115px;
  12245. }
  12246. .fixed-right-guest .wx_qrcode {
  12247. width: 100px;
  12248. height: 100px;
  12249. margin-top: 10px;
  12250. }
  12251. .fixed-right-guest .item {
  12252. padding: 15px 20px;
  12253. }
  12254. .fixed-right-guest .item:hover {
  12255. background-color: #e6edf8;
  12256. }
  12257. .fixed-right-guest .text {
  12258. margin-left: 10px;
  12259. }
  12260. .fixed-right-guest .text .title {
  12261. font-size: 16px;
  12262. color: #303659;
  12263. line-height: 1;
  12264. margin-bottom: 3px;
  12265. }
  12266. .fixed-right-guest .text .s-title {
  12267. font-size: 12px;
  12268. color: #999;
  12269. }
  12270. .fixed-right .go-top {
  12271. display: none;
  12272. }
  12273. /*/右侧悬停*/
  12274. /*弹窗*/
  12275. /*
  12276. .ms-modal .modal-body{padding: 30px;}
  12277. .ms-modal .modal-title{color: #333; text-align: center; font-weight: 600; font-size: 16px;}
  12278. .ms-modal .modal-header{border-bottom: none; padding: 25px 15px 0;}
  12279. */
  12280. /*模板页弹窗提示*/
  12281. #templateModal .modal-content {
  12282. background-color: #fffeff;
  12283. }
  12284. #templateModal .modal-body {
  12285. padding: 0;
  12286. }
  12287. #templateModal .template-modal {
  12288. padding-bottom: 30px;
  12289. }
  12290. #templateModal .m-top {
  12291. background: no-repeat center;
  12292. height: 130px;
  12293. background-size: cover;
  12294. padding-top: 25px;
  12295. border-radius: 6px 6px 0 0;
  12296. }
  12297. #templateModal .m-top .title1 {
  12298. color: #fff;
  12299. font-size: 40px;
  12300. text-align: center;
  12301. font-weight: 600;
  12302. }
  12303. #templateModal .m-top .title2 {
  12304. color: #fff;
  12305. font-size: 16px;
  12306. font-weight: 600;
  12307. text-align: center;
  12308. padding: 0 15px;
  12309. }
  12310. #templateModal .m-top .title2 span {
  12311. font-size: 20px;
  12312. }
  12313. #templateModal .modal-p {
  12314. color: #333;
  12315. padding: 20px 30px;
  12316. }
  12317. #templateModal .modal-btn {
  12318. display: block;
  12319. width: calc(100% - 60px);
  12320. margin: 0 30px;
  12321. border-radius: 20px;
  12322. box-shadow: 0 5px 10px rgba(21, 125, 241, .4);
  12323. cursor: pointer;
  12324. }
  12325. #templateModal .modal-btn1 {
  12326. background-color: #fd6835;
  12327. border-color: #fd6835;
  12328. box-shadow: 0 5px 10px rgba(253, 104, 53, .4);
  12329. }
  12330. #templateModal .modal-btn2 {
  12331. background-color: #5342ff;
  12332. border-color: #5342ff;
  12333. box-shadow: 0 5px 10px rgba(83, 66, 255, .3);
  12334. }
  12335. /*/模板页弹窗提示*/
  12336. /*通用弹窗*/
  12337. /*#generalModal{padding-right: 0 !important;}*/
  12338. #generalModal .title {
  12339. margin-bottom: 5px;
  12340. }
  12341. #generalModal .modal-p {
  12342. margin-bottom: 15px;
  12343. }
  12344. #generalModal .cancel-btn {
  12345. margin-right: 10px;
  12346. }
  12347. #generalModal .cancel-btn:empty {
  12348. display: none;
  12349. }
  12350. #generalModal .success-btn:empty {
  12351. display: none;
  12352. }
  12353. #generalModal .title:empty {
  12354. display: none;
  12355. }
  12356. #generalModal .modal-p:empty {
  12357. display: none;
  12358. }
  12359. /*/通用弹窗*/
  12360. #myModalPay .modal-header {
  12361. border-bottom: 1px solid #e5e5e5;
  12362. padding: 15px;
  12363. }
  12364. /*超出文件大小300m*/
  12365. .beyond-file p {
  12366. line-height: 24px;
  12367. margin-top: 15px;
  12368. }
  12369. .beyond-file p a {
  12370. color: #157df1;
  12371. }
  12372. .beyond-file .ms-btn-primary {
  12373. width: 90px;
  12374. margin-top: 15px;
  12375. }
  12376. /*我的应用 合并应用*/
  12377. .ms-modal .app-list {
  12378. height: 380px;
  12379. overflow-y: auto;
  12380. }
  12381. .ms-modal .app-list li {
  12382. float: left;
  12383. width: 25%;
  12384. padding: 0 10px 30px;
  12385. text-align: center;
  12386. cursor: pointer;
  12387. }
  12388. .ms-modal .app-list li .img-wrap {
  12389. position: relative;
  12390. width: 51px;
  12391. height: 51px;
  12392. margin: 0 auto;
  12393. overflow: hidden;
  12394. }
  12395. .ms-modal .app-list li img {
  12396. width: 51px;
  12397. border-radius: 15px;
  12398. border: 1px solid #e5e5e5;
  12399. }
  12400. .ms-modal .app-list li .tit {
  12401. color: #333;
  12402. margin-top: 5px;
  12403. }
  12404. .ms-modal .app-list li p {
  12405. color: #666;
  12406. }
  12407. .ms-modal .app-list li .img-wrap .shadow {
  12408. position: absolute;
  12409. left: 0;
  12410. top: 0;
  12411. background-color: rgba(0, 0, 0, .6);
  12412. width: 100%;
  12413. height: 100%;
  12414. display: none;
  12415. }
  12416. .ms-modal .app-list li.active .img-wrap .shadow {
  12417. display: block;
  12418. }
  12419. .ms-modal .app-list li .img-wrap .shadow .icon-gou {
  12420. color: #fff;
  12421. font-size: 18px;
  12422. position: absolute;
  12423. left: 50%;
  12424. top: 50%;
  12425. transform: translate(-50%, -50%);
  12426. }
  12427. /*我的应用 确定合并应用*/
  12428. .marge-common .merge-app {
  12429. padding: 0 70px;
  12430. }
  12431. .marge-common .merge-app li {
  12432. float: left;
  12433. width: 33.33333%;
  12434. text-align: center;
  12435. }
  12436. .marge-common .merge-app li.center {
  12437. background: url("../image/icon-20.png") no-repeat center;
  12438. height: 110px;
  12439. }
  12440. .marge-common .merge-app li img {
  12441. width: 100px;
  12442. height: 100px;
  12443. border-radius: 12px
  12444. }
  12445. .marge-common .merge-app li .icon {
  12446. position: relative;
  12447. top: 2px;
  12448. }
  12449. .marge-common dl.bottom {
  12450. font-size: 12px;
  12451. color: #333;
  12452. border-top: 1px solid #e5e5e5;
  12453. padding-top: 20px;
  12454. margin-top: 25px;
  12455. }
  12456. .marge-common dl.bottom dt {
  12457. color: #333;
  12458. font-weight: 600;
  12459. margin-bottom: 5px;
  12460. }
  12461. /*下载更多尺寸*/
  12462. #myModal3 .modal-dialog {
  12463. width: 400px;
  12464. }
  12465. #myModal3 .modal-content .size-list {
  12466. padding-left: 50px;
  12467. padding-right: 50px;
  12468. }
  12469. #myModal3 .modal-title {
  12470. text-align: left;
  12471. }
  12472. #myModal3 .size-list dl {
  12473. margin-bottom: 15px;
  12474. }
  12475. #myModal3 .size-list dt {
  12476. color: #333;
  12477. margin-top: 6px;
  12478. }
  12479. #myModal3 .size-list .iconfont {
  12480. color: #157df1;
  12481. font-size: 20px;
  12482. }
  12483. /*#myModal3 .size-list .iconfont:hover{color: #157df1;}*/
  12484. #UDIDModal .modal-dialog {
  12485. width: 400px;
  12486. }
  12487. #UDIDModal .modal-title {
  12488. text-align: left;
  12489. }
  12490. #UDIDModal .UDID {
  12491. color: #333;
  12492. max-height: 200px;
  12493. overflow-y: auto;
  12494. }
  12495. #UDIDModal .UDID li {
  12496. line-height: 24px;
  12497. }
  12498. /*自动消失弹窗*/
  12499. .auto-hide-modal .modal-content {
  12500. background-color: transparent;
  12501. box-shadow: none;
  12502. border: none;
  12503. }
  12504. .auto-hide-modal .auto-hide {
  12505. background-color: #666;
  12506. padding: 20px 25px;
  12507. border-radius: 5px;
  12508. display: inline-block;
  12509. color: #fff;
  12510. }
  12511. /*/自动消失弹窗*/
  12512. /*修改手机号弹窗*/
  12513. .change-phone-num {
  12514. padding: 0 20px 20px 20px;
  12515. }
  12516. .change-phone-num label {
  12517. color: #333;
  12518. margin-bottom: 5px;
  12519. font-weight: 600;
  12520. }
  12521. .change-phone-num .form-control {
  12522. color: #333;
  12523. }
  12524. /*/修改手机号弹窗*/
  12525. /*用户签名协议弹窗*/
  12526. #myModal5 .modal-body {
  12527. padding-top: 20px;
  12528. }
  12529. #myModal5 .con {
  12530. line-height: 24px;
  12531. max-height: 350px;
  12532. overflow-y: auto;
  12533. }
  12534. /*/用户签名协议弹窗*/
  12535. /*封装打包弹窗*/
  12536. #myModal6 .packaging {
  12537. margin-top: 70px;
  12538. }
  12539. #myModal6 .progress {
  12540. height: 12px;
  12541. border-radius: 6px;
  12542. width: 94%;
  12543. }
  12544. #myModal6 .progress-bar {
  12545. background-color: #2e90fc;
  12546. }
  12547. #myModal6 .progress-wrap .fr {
  12548. margin-top: -4px;
  12549. }
  12550. #myModal6 .packaging p {
  12551. margin-top: 80px;
  12552. font-size: 12px;
  12553. }
  12554. /*/封装打包弹窗*/
  12555. /*举报弹窗*/
  12556. #reportModal .report .tit {
  12557. font-size: 16px;
  12558. color: #333;
  12559. text-align: center;
  12560. font-weight: 600;
  12561. margin-bottom: 20px;
  12562. }
  12563. #reportModal .report p {
  12564. color: #666;
  12565. font-size: 12px;
  12566. line-height: 24px;
  12567. padding-bottom: 15px;
  12568. margin-bottom: 15px;
  12569. border-bottom: 1px solid #e5e5e5;
  12570. }
  12571. #reportModal .report label {
  12572. font-weight: 600;
  12573. color: #333;
  12574. margin-bottom: 5px;
  12575. }
  12576. #reportModal .report label span {
  12577. color: #ff4222;
  12578. margin-left: 10px;
  12579. }
  12580. #reportModal .report ul {
  12581. margin-top: 5px;
  12582. }
  12583. #reportModal .report ul li {
  12584. float: left;
  12585. margin-right: 35px;
  12586. color: #333;
  12587. cursor: pointer;
  12588. }
  12589. #reportModal .report ul li span {
  12590. position: relative;
  12591. top: 3px;
  12592. margin-right: 5px;
  12593. }
  12594. #reportModal .report .btn-bottom {
  12595. text-align: center;
  12596. margin-top: 40px;
  12597. }
  12598. #reportModal .report .btn-bottom .ms-btn-primary {
  12599. width: 120px;
  12600. padding: 9px 12px;
  12601. }
  12602. #reportModal .report .form-error {
  12603. position: relative;
  12604. }
  12605. #reportModal .report .error {
  12606. position: absolute;
  12607. top: 100%;
  12608. left: 0;
  12609. display: none;
  12610. color: #ff4222;
  12611. }
  12612. #reportModal .report .form-error .error {
  12613. display: block;
  12614. }
  12615. /*/举报弹窗*/
  12616. /*发票弹窗*/
  12617. #invoiceModal .user-center1 .invoice-management .make-invoice-details {
  12618. border: none;
  12619. height: auto;
  12620. padding: 0;
  12621. }
  12622. #invoiceModal .user-center1 .invoice-management .make-invoice-details .color-hover {
  12623. padding-left: 0;
  12624. }
  12625. /*/发票弹窗*/
  12626. /*删除APP弹窗*/
  12627. #deleteAppModal .modal-dialog {
  12628. width: 470px;
  12629. }
  12630. #deleteAppModal .modal-body {
  12631. position: relative;
  12632. padding: 30px 20px;
  12633. }
  12634. #deleteAppModal .modal-body .delete-prompt {}
  12635. #deleteAppModal .modal-body .title {
  12636. margin: 0 0 5px;
  12637. }
  12638. #deleteAppModal .modal-body .modal-p {
  12639. font-size: 12px;
  12640. color: #fd641d;
  12641. margin-bottom: 15px;
  12642. }
  12643. #deleteAppModal .modal-body .form-horizontal {
  12644. margin-bottom: 15px;
  12645. }
  12646. #deleteAppModal .modal-body .form-group {
  12647. margin: 0 -5px 5px;
  12648. }
  12649. #deleteAppModal .modal-body .col-sm-3,
  12650. #deleteAppModal .modal-body .col-sm-8 {
  12651. padding: 0 5px;
  12652. }
  12653. #deleteAppModal .modal-body .col-sm-3 {
  12654. padding-top: 5px;
  12655. color: #333;
  12656. }
  12657. #deleteAppModal .modal-body .form-group .form-control {
  12658. height: 30px;
  12659. }
  12660. #deleteAppModal .modal-body .form-group .error {
  12661. display: none;
  12662. }
  12663. #deleteAppModal .modal-body .cancel-btn {
  12664. margin-right: 30px;
  12665. }
  12666. /*/删除APP弹窗*/
  12667. /*/弹窗*/
  12668. /*兼容平板*/
  12669. @media (min-width: 768px) and (max-width: 1199px) {
  12670. .footer .left dl {
  12671. margin-right: 70px;
  12672. }
  12673. .publicity li {
  12674. padding: 35px 20px;
  12675. height: auto;
  12676. }
  12677. .publicity li p {
  12678. height: 72px;
  12679. }
  12680. }
  12681. @media (width: 768px) {
  12682. .footer>.clearfix>a {
  12683. display: none;
  12684. }
  12685. .publicity li p {
  12686. height: 96px;
  12687. }
  12688. .closed-beta-distribution .con .con-c {
  12689. padding-bottom: 25px;
  12690. }
  12691. .closed-beta-distribution .con .con-c h4 {
  12692. font-size: 16px;
  12693. }
  12694. .closed-beta-distribution .con .con-c p {
  12695. margin-top: 15px;
  12696. height: 72px;
  12697. padding: 0 10px;
  12698. }
  12699. }
  12700. .modal {
  12701. background: rgba(0, 0, 0, 0.5)
  12702. }
  12703. .ms-badge {
  12704. background-color: #fd0000;
  12705. width: 30px;
  12706. height: 16px;
  12707. line-height: 16px;
  12708. display: inline-block;
  12709. color: #fff;
  12710. border-radius: 80%;
  12711. font-size: 12px;
  12712. text-align: center;
  12713. position: relative;
  12714. top: -15px;
  12715. left: 0;
  12716. display: none;
  12717. }
  12718. .topbanner[data-v-78e3376e] {
  12719. height: 460px;
  12720. background: url(https://ssdtp.oss-cn-beijing.aliyuncs.com/eideasImg/diypack/banner/packbg.png) top no-repeat;
  12721. position: relative;
  12722. margin-bottom: 18px;
  12723. overflow: hidden;
  12724. }
  12725. .topbanner .content[data-v-78e3376e] {
  12726. width: 1236px;
  12727. height: 407px;
  12728. font-family: Source Han Sans CN;
  12729. color: #fff;
  12730. display: -webkit-box;
  12731. display: -ms-flexbox;
  12732. display: flex;
  12733. -webkit-box-align: center;
  12734. -ms-flex-align: center;
  12735. align-items: center;
  12736. margin: 53px auto 0;
  12737. }
  12738. .topbanner .content .texts .title[data-v-78e3376e] {
  12739. font-size: 40px;
  12740. font-weight: 500;
  12741. text-shadow: 0 -4px 10px rgb(4 59 218 / 90%);
  12742. line-height: 70px;
  12743. }
  12744. .topbanner .content .texts .subtitle[data-v-78e3376e] {
  12745. font-size: 24px;
  12746. font-weight: 300;
  12747. opacity: .9;
  12748. line-height: 50px;
  12749. margin-bottom: 10px;
  12750. }
  12751. .topbanner .content .texts .text[data-v-78e3376e] {
  12752. font-size: 16px;
  12753. font-weight: 300;
  12754. opacity: .7;
  12755. height: 15px;
  12756. line-height: 2px;
  12757. margin-bottom: 20px;
  12758. }
  12759. @media (min-width: 768px) and (max-width: 1199px) {
  12760. aside.aside-left ul li a {
  12761. font-size: 0;
  12762. }
  12763. aside.aside-left ul li a .iconfont::before {
  12764. top: 13px;
  12765. }
  12766. }
  12767. @media (max-width: 768px) {
  12768. aside.aside-left {
  12769. padding: 0.24rem 0;
  12770. }
  12771. aside.aside-left ul li {
  12772. margin-bottom: 0.16rem;
  12773. }
  12774. aside.aside-left ul li:last-child {
  12775. margin-bottom: 0;
  12776. }
  12777. aside.aside-left ul li a {
  12778. padding-left: 0.8rem;
  12779. height: 0.88rem;
  12780. line-height: 0.88rem;
  12781. font-size: 0.32rem;
  12782. }
  12783. aside.aside-left ul li a .iconfont {
  12784. margin-right: 0.24rem;
  12785. font-size: 0.48rem;
  12786. width: 0.48rem;
  12787. height: 0.88rem;
  12788. line-height: 0.48rem;
  12789. }
  12790. aside.aside-left ul li a .iconfont::before {
  12791. width: 0.48rem;
  12792. height: 0.48rem;
  12793. top: 50%;
  12794. transform: translateY(-50%);
  12795. }
  12796. }