main.css 278 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091929394959697989910010110210310410510610710810911011111211311411511611711811912012112212312412512612712812913013113213313413513613713813914014114214314414514614714814915015115215315415515615715815916016116216316416516616716816917017117217317417517617717817918018118218318418518618718818919019119219319419519619719819920020120220320420520620720820921021121221321421521621721821922022122222322422522622722822923023123223323423523623723823924024124224324424524624724824925025125225325425525625725825926026126226326426526626726826927027127227327427527627727827928028128228328428528628728828929029129229329429529629729829930030130230330430530630730830931031131231331431531631731831932032132232332432532632732832933033133233333433533633733833934034134234334434534634734834935035135235335435535635735835936036136236336436536636736836937037137237337437537637737837938038138238338438538638738838939039139239339439539639739839940040140240340440540640740840941041141241341441541641741841942042142242342442542642742842943043143243343443543643743843944044144244344444544644744844945045145245345445545645745845946046146246346446546646746846947047147247347447547647747847948048148248348448548648748848949049149249349449549649749849950050150250350450550650750850951051151251351451551651751851952052152252352452552652752852953053153253353453553653753853954054154254354454554654754854955055155255355455555655755855956056156256356456556656756856957057157257357457557657757857958058158258358458558658758858959059159259359459559659759859960060160260360460560660760860961061161261361461561661761861962062162262362462562662762862963063163263363463563663763863964064164264364464564664764864965065165265365465565665765865966066166266366466566666766866967067167267367467567667767867968068168268368468568668768868969069169269369469569669769869970070170270370470570670770870971071171271371471571671771871972072172272372472572672772872973073173273373473573673773873974074174274374474574674774874975075175275375475575675775875976076176276376476576676776876977077177277377477577677777877978078178278378478578678778878979079179279379479579679779879980080180280380480580680780880981081181281381481581681781881982082182282382482582682782882983083183283383483583683783883984084184284384484584684784884985085185285385485585685785885986086186286386486586686786886987087187287387487587687787887988088188288388488588688788888989089189289389489589689789889990090190290390490590690790890991091191291391491591691791891992092192292392492592692792892993093193293393493593693793893994094194294394494594694794894995095195295395495595695795895996096196296396496596696796896997097197297397497597697797897998098198298398498598698798898999099199299399499599699799899910001001100210031004100510061007100810091010101110121013101410151016101710181019102010211022102310241025102610271028102910301031103210331034103510361037103810391040104110421043104410451046104710481049105010511052105310541055105610571058105910601061106210631064106510661067106810691070107110721073107410751076107710781079108010811082108310841085108610871088108910901091109210931094109510961097109810991100110111021103110411051106110711081109111011111112111311141115111611171118111911201121112211231124112511261127112811291130113111321133113411351136113711381139114011411142114311441145114611471148114911501151115211531154115511561157115811591160116111621163116411651166116711681169117011711172117311741175117611771178117911801181118211831184118511861187118811891190119111921193119411951196119711981199120012011202120312041205120612071208120912101211121212131214121512161217121812191220122112221223122412251226122712281229123012311232123312341235123612371238123912401241124212431244124512461247124812491250125112521253125412551256125712581259126012611262126312641265126612671268126912701271127212731274127512761277127812791280128112821283128412851286128712881289129012911292129312941295129612971298129913001301130213031304130513061307130813091310131113121313131413151316131713181319132013211322132313241325132613271328132913301331133213331334133513361337133813391340134113421343134413451346134713481349135013511352135313541355135613571358135913601361136213631364136513661367136813691370137113721373137413751376137713781379138013811382138313841385138613871388138913901391139213931394139513961397139813991400140114021403140414051406140714081409141014111412141314141415141614171418141914201421142214231424142514261427142814291430143114321433143414351436143714381439144014411442144314441445144614471448144914501451145214531454145514561457145814591460146114621463146414651466146714681469147014711472147314741475147614771478147914801481148214831484148514861487148814891490149114921493149414951496149714981499150015011502150315041505150615071508150915101511151215131514151515161517151815191520152115221523152415251526152715281529153015311532153315341535153615371538153915401541154215431544154515461547154815491550155115521553155415551556155715581559156015611562156315641565156615671568156915701571157215731574157515761577157815791580158115821583158415851586158715881589159015911592159315941595159615971598159916001601160216031604160516061607160816091610161116121613161416151616161716181619162016211622162316241625162616271628162916301631163216331634163516361637163816391640164116421643164416451646164716481649165016511652165316541655165616571658165916601661166216631664166516661667166816691670167116721673167416751676167716781679168016811682168316841685168616871688168916901691169216931694169516961697169816991700170117021703170417051706170717081709171017111712171317141715171617171718171917201721172217231724172517261727172817291730173117321733173417351736173717381739174017411742174317441745174617471748174917501751175217531754175517561757175817591760176117621763176417651766176717681769177017711772177317741775177617771778177917801781178217831784178517861787178817891790179117921793179417951796179717981799180018011802180318041805180618071808180918101811181218131814181518161817181818191820182118221823182418251826182718281829183018311832183318341835183618371838183918401841184218431844184518461847184818491850185118521853185418551856185718581859186018611862186318641865186618671868186918701871187218731874187518761877187818791880188118821883188418851886188718881889189018911892189318941895189618971898189919001901190219031904190519061907190819091910191119121913191419151916191719181919192019211922192319241925192619271928192919301931193219331934193519361937193819391940194119421943194419451946194719481949195019511952195319541955195619571958195919601961196219631964196519661967196819691970197119721973197419751976197719781979198019811982198319841985198619871988198919901991199219931994199519961997199819992000200120022003200420052006200720082009201020112012201320142015201620172018201920202021202220232024202520262027202820292030203120322033203420352036203720382039204020412042204320442045204620472048204920502051205220532054205520562057205820592060206120622063206420652066206720682069207020712072207320742075207620772078207920802081208220832084208520862087208820892090209120922093209420952096209720982099210021012102210321042105210621072108210921102111211221132114211521162117211821192120212121222123212421252126212721282129213021312132213321342135213621372138213921402141214221432144214521462147214821492150215121522153215421552156215721582159216021612162216321642165216621672168216921702171217221732174217521762177217821792180218121822183218421852186218721882189219021912192219321942195219621972198219922002201220222032204220522062207220822092210221122122213221422152216221722182219222022212222222322242225222622272228222922302231223222332234223522362237223822392240224122422243224422452246224722482249225022512252225322542255225622572258225922602261226222632264226522662267226822692270227122722273227422752276227722782279228022812282228322842285228622872288228922902291229222932294229522962297229822992300230123022303230423052306230723082309231023112312231323142315231623172318231923202321232223232324232523262327232823292330233123322333233423352336233723382339234023412342234323442345234623472348234923502351235223532354235523562357235823592360236123622363236423652366236723682369237023712372237323742375237623772378237923802381238223832384238523862387238823892390239123922393239423952396239723982399240024012402240324042405240624072408240924102411241224132414241524162417241824192420242124222423242424252426242724282429243024312432243324342435243624372438243924402441244224432444244524462447244824492450245124522453245424552456245724582459246024612462246324642465246624672468246924702471247224732474247524762477247824792480248124822483248424852486248724882489249024912492249324942495249624972498249925002501250225032504250525062507250825092510251125122513251425152516251725182519252025212522252325242525252625272528252925302531253225332534253525362537253825392540254125422543254425452546254725482549255025512552255325542555255625572558255925602561256225632564256525662567256825692570257125722573257425752576257725782579258025812582258325842585258625872588258925902591259225932594259525962597259825992600260126022603260426052606260726082609261026112612261326142615261626172618261926202621262226232624262526262627262826292630263126322633263426352636263726382639264026412642264326442645264626472648264926502651265226532654265526562657265826592660266126622663266426652666266726682669267026712672267326742675267626772678267926802681268226832684268526862687268826892690269126922693269426952696269726982699270027012702270327042705270627072708270927102711271227132714271527162717271827192720272127222723272427252726272727282729273027312732273327342735273627372738273927402741274227432744274527462747274827492750275127522753275427552756275727582759276027612762276327642765276627672768276927702771277227732774277527762777277827792780278127822783278427852786278727882789279027912792279327942795279627972798279928002801280228032804280528062807280828092810281128122813281428152816281728182819282028212822282328242825282628272828282928302831283228332834283528362837283828392840284128422843284428452846284728482849285028512852285328542855285628572858285928602861286228632864286528662867286828692870287128722873287428752876287728782879288028812882288328842885288628872888288928902891289228932894289528962897289828992900290129022903290429052906290729082909291029112912291329142915291629172918291929202921292229232924292529262927292829292930293129322933293429352936293729382939294029412942294329442945294629472948294929502951295229532954295529562957295829592960296129622963296429652966296729682969297029712972297329742975297629772978297929802981298229832984298529862987298829892990299129922993299429952996299729982999300030013002300330043005300630073008300930103011301230133014301530163017301830193020302130223023302430253026302730283029303030313032303330343035303630373038303930403041304230433044304530463047304830493050305130523053305430553056305730583059306030613062306330643065306630673068306930703071307230733074307530763077307830793080308130823083308430853086308730883089309030913092309330943095309630973098309931003101310231033104310531063107310831093110311131123113311431153116311731183119312031213122312331243125312631273128312931303131313231333134313531363137313831393140314131423143314431453146314731483149315031513152315331543155315631573158315931603161316231633164316531663167316831693170317131723173317431753176317731783179318031813182318331843185318631873188318931903191319231933194319531963197319831993200320132023203320432053206320732083209321032113212321332143215321632173218321932203221322232233224322532263227322832293230323132323233323432353236323732383239324032413242324332443245324632473248324932503251325232533254325532563257325832593260326132623263326432653266326732683269327032713272327332743275327632773278327932803281328232833284328532863287328832893290329132923293329432953296329732983299330033013302330333043305330633073308330933103311331233133314331533163317331833193320332133223323332433253326332733283329333033313332333333343335333633373338333933403341334233433344334533463347334833493350335133523353335433553356335733583359336033613362336333643365336633673368336933703371337233733374337533763377337833793380338133823383338433853386338733883389339033913392339333943395339633973398339934003401340234033404340534063407340834093410341134123413341434153416341734183419342034213422342334243425342634273428342934303431343234333434343534363437343834393440344134423443344434453446344734483449345034513452345334543455345634573458345934603461346234633464346534663467346834693470347134723473347434753476347734783479348034813482348334843485348634873488348934903491349234933494349534963497349834993500350135023503350435053506350735083509351035113512351335143515351635173518351935203521352235233524352535263527352835293530353135323533353435353536353735383539354035413542354335443545354635473548354935503551355235533554355535563557355835593560356135623563356435653566356735683569357035713572357335743575357635773578357935803581358235833584358535863587358835893590359135923593359435953596359735983599360036013602360336043605360636073608360936103611361236133614361536163617361836193620362136223623362436253626362736283629363036313632363336343635363636373638363936403641364236433644364536463647364836493650365136523653365436553656365736583659366036613662366336643665366636673668366936703671367236733674367536763677367836793680368136823683368436853686368736883689369036913692369336943695369636973698369937003701370237033704370537063707370837093710371137123713371437153716371737183719372037213722372337243725372637273728372937303731373237333734373537363737373837393740374137423743374437453746374737483749375037513752375337543755375637573758375937603761376237633764376537663767376837693770377137723773377437753776377737783779378037813782378337843785378637873788378937903791379237933794379537963797379837993800380138023803380438053806380738083809381038113812381338143815381638173818381938203821382238233824382538263827382838293830383138323833383438353836383738383839384038413842384338443845384638473848384938503851385238533854385538563857385838593860386138623863386438653866386738683869387038713872387338743875387638773878387938803881388238833884388538863887388838893890389138923893389438953896389738983899390039013902390339043905390639073908390939103911391239133914391539163917391839193920392139223923392439253926392739283929393039313932393339343935393639373938393939403941394239433944394539463947394839493950395139523953395439553956395739583959396039613962396339643965396639673968396939703971397239733974397539763977397839793980398139823983398439853986398739883989399039913992399339943995399639973998399940004001400240034004400540064007400840094010401140124013401440154016401740184019402040214022402340244025402640274028402940304031403240334034403540364037403840394040404140424043404440454046404740484049405040514052405340544055405640574058405940604061406240634064406540664067406840694070407140724073407440754076407740784079408040814082408340844085408640874088408940904091409240934094409540964097409840994100410141024103410441054106410741084109411041114112411341144115411641174118411941204121412241234124412541264127412841294130413141324133413441354136413741384139414041414142414341444145414641474148414941504151415241534154415541564157415841594160416141624163416441654166416741684169417041714172417341744175417641774178417941804181418241834184418541864187418841894190419141924193419441954196419741984199420042014202420342044205420642074208420942104211421242134214421542164217421842194220422142224223422442254226422742284229423042314232423342344235423642374238423942404241424242434244424542464247424842494250425142524253425442554256425742584259426042614262426342644265426642674268426942704271427242734274427542764277427842794280428142824283428442854286428742884289429042914292429342944295429642974298429943004301430243034304430543064307430843094310431143124313431443154316431743184319432043214322432343244325432643274328432943304331433243334334433543364337433843394340434143424343434443454346434743484349435043514352435343544355435643574358435943604361436243634364436543664367436843694370437143724373437443754376437743784379438043814382438343844385438643874388438943904391439243934394439543964397439843994400440144024403440444054406440744084409441044114412441344144415441644174418441944204421442244234424442544264427442844294430443144324433443444354436443744384439444044414442444344444445444644474448444944504451445244534454445544564457445844594460446144624463446444654466446744684469447044714472447344744475447644774478447944804481448244834484448544864487448844894490449144924493449444954496449744984499450045014502450345044505450645074508450945104511451245134514451545164517451845194520452145224523452445254526452745284529453045314532453345344535453645374538453945404541454245434544454545464547454845494550455145524553455445554556455745584559456045614562456345644565456645674568456945704571457245734574457545764577457845794580458145824583458445854586458745884589459045914592459345944595459645974598459946004601460246034604460546064607460846094610461146124613461446154616461746184619462046214622462346244625462646274628462946304631463246334634463546364637463846394640464146424643464446454646464746484649465046514652465346544655465646574658465946604661466246634664466546664667466846694670467146724673467446754676467746784679468046814682468346844685468646874688468946904691469246934694469546964697469846994700470147024703470447054706470747084709471047114712471347144715471647174718471947204721472247234724472547264727472847294730473147324733473447354736473747384739474047414742474347444745474647474748474947504751475247534754475547564757475847594760476147624763476447654766476747684769477047714772477347744775477647774778477947804781478247834784478547864787478847894790479147924793479447954796479747984799480048014802480348044805480648074808480948104811481248134814481548164817481848194820482148224823482448254826482748284829483048314832483348344835483648374838483948404841484248434844484548464847484848494850485148524853485448554856485748584859486048614862486348644865486648674868486948704871487248734874487548764877487848794880488148824883488448854886488748884889489048914892489348944895489648974898489949004901490249034904490549064907490849094910491149124913491449154916491749184919492049214922492349244925492649274928492949304931493249334934493549364937493849394940494149424943494449454946494749484949495049514952495349544955495649574958495949604961496249634964496549664967496849694970497149724973497449754976497749784979498049814982498349844985498649874988498949904991499249934994499549964997499849995000500150025003500450055006500750085009501050115012501350145015501650175018501950205021502250235024502550265027502850295030503150325033503450355036503750385039504050415042504350445045504650475048504950505051505250535054505550565057505850595060506150625063506450655066506750685069507050715072507350745075507650775078507950805081508250835084508550865087508850895090509150925093509450955096509750985099510051015102510351045105510651075108510951105111511251135114511551165117511851195120512151225123512451255126512751285129513051315132513351345135513651375138513951405141514251435144514551465147514851495150515151525153515451555156515751585159516051615162516351645165516651675168516951705171517251735174517551765177517851795180518151825183518451855186518751885189519051915192519351945195519651975198519952005201520252035204520552065207520852095210521152125213521452155216521752185219522052215222522352245225522652275228522952305231523252335234523552365237523852395240524152425243524452455246524752485249525052515252525352545255525652575258525952605261526252635264526552665267526852695270527152725273527452755276527752785279528052815282528352845285528652875288528952905291529252935294529552965297529852995300530153025303530453055306530753085309531053115312531353145315531653175318531953205321532253235324532553265327532853295330533153325333533453355336533753385339534053415342534353445345534653475348534953505351535253535354535553565357535853595360536153625363536453655366536753685369537053715372537353745375537653775378537953805381538253835384538553865387538853895390539153925393539453955396539753985399540054015402540354045405540654075408540954105411541254135414541554165417541854195420542154225423542454255426542754285429543054315432543354345435543654375438543954405441544254435444544554465447544854495450545154525453545454555456545754585459546054615462546354645465546654675468546954705471547254735474547554765477547854795480548154825483548454855486548754885489549054915492549354945495549654975498549955005501550255035504550555065507550855095510551155125513551455155516551755185519552055215522552355245525552655275528552955305531553255335534553555365537553855395540554155425543554455455546554755485549555055515552555355545555555655575558555955605561556255635564556555665567556855695570557155725573557455755576557755785579558055815582558355845585558655875588558955905591559255935594559555965597559855995600560156025603560456055606560756085609561056115612561356145615561656175618561956205621562256235624562556265627562856295630563156325633563456355636563756385639564056415642564356445645564656475648564956505651565256535654565556565657565856595660566156625663566456655666566756685669567056715672567356745675567656775678567956805681568256835684568556865687568856895690569156925693569456955696569756985699570057015702570357045705570657075708570957105711571257135714571557165717571857195720572157225723572457255726572757285729573057315732573357345735573657375738573957405741574257435744574557465747574857495750575157525753575457555756575757585759576057615762576357645765576657675768576957705771577257735774577557765777577857795780578157825783578457855786578757885789579057915792579357945795579657975798579958005801580258035804580558065807580858095810581158125813581458155816581758185819582058215822582358245825582658275828582958305831583258335834583558365837583858395840584158425843584458455846584758485849585058515852585358545855585658575858585958605861586258635864586558665867586858695870587158725873587458755876587758785879588058815882588358845885588658875888588958905891589258935894589558965897589858995900590159025903590459055906590759085909591059115912591359145915591659175918591959205921592259235924592559265927592859295930593159325933593459355936593759385939594059415942594359445945594659475948594959505951595259535954595559565957595859595960596159625963596459655966596759685969597059715972597359745975597659775978597959805981598259835984598559865987598859895990599159925993599459955996599759985999600060016002600360046005600660076008600960106011601260136014601560166017601860196020602160226023602460256026602760286029603060316032603360346035603660376038603960406041604260436044604560466047604860496050605160526053605460556056605760586059606060616062606360646065606660676068606960706071607260736074607560766077607860796080608160826083608460856086608760886089609060916092609360946095609660976098609961006101610261036104610561066107610861096110611161126113611461156116611761186119612061216122612361246125612661276128612961306131613261336134613561366137613861396140614161426143614461456146614761486149615061516152615361546155615661576158615961606161616261636164616561666167616861696170617161726173617461756176617761786179618061816182618361846185618661876188618961906191619261936194619561966197619861996200620162026203620462056206620762086209621062116212621362146215621662176218621962206221622262236224622562266227622862296230623162326233623462356236623762386239624062416242624362446245624662476248624962506251625262536254625562566257625862596260626162626263626462656266626762686269627062716272627362746275627662776278627962806281628262836284628562866287628862896290629162926293629462956296629762986299630063016302630363046305630663076308630963106311631263136314631563166317631863196320632163226323632463256326632763286329633063316332633363346335633663376338633963406341634263436344634563466347634863496350635163526353635463556356635763586359636063616362636363646365636663676368636963706371637263736374637563766377637863796380638163826383638463856386638763886389639063916392639363946395639663976398639964006401640264036404640564066407640864096410641164126413641464156416641764186419642064216422642364246425642664276428642964306431643264336434643564366437643864396440644164426443644464456446644764486449645064516452645364546455645664576458645964606461646264636464646564666467646864696470647164726473647464756476647764786479648064816482648364846485648664876488648964906491649264936494649564966497649864996500650165026503650465056506650765086509651065116512651365146515651665176518651965206521652265236524652565266527652865296530653165326533653465356536653765386539654065416542654365446545654665476548654965506551655265536554655565566557655865596560656165626563656465656566656765686569657065716572657365746575657665776578657965806581658265836584658565866587658865896590659165926593659465956596659765986599660066016602660366046605660666076608660966106611661266136614661566166617661866196620662166226623662466256626662766286629663066316632663366346635663666376638663966406641664266436644664566466647664866496650665166526653665466556656665766586659666066616662666366646665666666676668666966706671667266736674667566766677667866796680668166826683668466856686668766886689669066916692669366946695669666976698669967006701670267036704670567066707670867096710671167126713671467156716671767186719672067216722672367246725672667276728672967306731673267336734673567366737673867396740674167426743674467456746674767486749675067516752675367546755675667576758675967606761676267636764676567666767676867696770677167726773677467756776677767786779678067816782678367846785678667876788678967906791679267936794679567966797679867996800680168026803680468056806680768086809681068116812681368146815681668176818681968206821682268236824682568266827682868296830683168326833683468356836683768386839684068416842684368446845684668476848684968506851685268536854685568566857685868596860686168626863686468656866686768686869687068716872687368746875687668776878687968806881688268836884688568866887688868896890689168926893689468956896689768986899690069016902690369046905690669076908690969106911691269136914691569166917691869196920692169226923692469256926692769286929693069316932693369346935693669376938693969406941694269436944694569466947694869496950695169526953695469556956695769586959696069616962696369646965696669676968696969706971697269736974697569766977697869796980698169826983698469856986698769886989699069916992699369946995699669976998699970007001700270037004700570067007700870097010701170127013701470157016701770187019702070217022702370247025702670277028702970307031703270337034703570367037703870397040704170427043704470457046704770487049705070517052705370547055705670577058705970607061706270637064706570667067706870697070707170727073707470757076707770787079708070817082708370847085708670877088708970907091709270937094709570967097709870997100710171027103710471057106710771087109711071117112711371147115711671177118711971207121712271237124712571267127712871297130713171327133713471357136713771387139714071417142714371447145714671477148714971507151715271537154715571567157715871597160716171627163716471657166716771687169717071717172717371747175717671777178717971807181718271837184718571867187718871897190719171927193719471957196719771987199720072017202720372047205720672077208720972107211721272137214721572167217721872197220722172227223722472257226722772287229723072317232723372347235723672377238723972407241724272437244724572467247724872497250725172527253725472557256725772587259726072617262726372647265726672677268726972707271727272737274727572767277727872797280728172827283728472857286728772887289729072917292729372947295729672977298729973007301730273037304730573067307730873097310731173127313731473157316731773187319732073217322732373247325732673277328732973307331733273337334733573367337733873397340734173427343734473457346734773487349735073517352735373547355735673577358735973607361736273637364736573667367736873697370737173727373737473757376737773787379738073817382738373847385738673877388738973907391739273937394739573967397739873997400740174027403740474057406740774087409741074117412741374147415741674177418741974207421742274237424742574267427742874297430743174327433743474357436743774387439744074417442744374447445744674477448744974507451745274537454745574567457745874597460746174627463746474657466746774687469747074717472747374747475747674777478747974807481748274837484748574867487748874897490749174927493749474957496749774987499750075017502750375047505750675077508750975107511751275137514751575167517751875197520752175227523752475257526752775287529753075317532753375347535753675377538753975407541754275437544754575467547754875497550755175527553755475557556755775587559756075617562756375647565756675677568756975707571757275737574757575767577757875797580758175827583758475857586758775887589759075917592759375947595759675977598759976007601760276037604760576067607760876097610761176127613761476157616761776187619762076217622762376247625762676277628762976307631763276337634763576367637763876397640764176427643764476457646764776487649765076517652765376547655765676577658765976607661766276637664766576667667766876697670767176727673767476757676767776787679768076817682768376847685768676877688768976907691769276937694769576967697769876997700770177027703770477057706770777087709771077117712771377147715771677177718771977207721772277237724772577267727772877297730773177327733773477357736773777387739774077417742774377447745774677477748774977507751775277537754775577567757775877597760776177627763776477657766776777687769777077717772777377747775777677777778777977807781778277837784778577867787778877897790779177927793779477957796779777987799780078017802780378047805780678077808780978107811781278137814781578167817781878197820782178227823782478257826782778287829783078317832783378347835783678377838783978407841784278437844784578467847784878497850785178527853785478557856785778587859786078617862786378647865786678677868786978707871787278737874787578767877787878797880788178827883788478857886788778887889789078917892789378947895789678977898789979007901790279037904790579067907790879097910791179127913791479157916791779187919792079217922792379247925792679277928792979307931793279337934793579367937793879397940794179427943794479457946794779487949795079517952795379547955795679577958795979607961796279637964796579667967796879697970797179727973797479757976797779787979798079817982798379847985798679877988798979907991799279937994799579967997799879998000800180028003800480058006800780088009801080118012801380148015801680178018801980208021802280238024802580268027802880298030803180328033803480358036803780388039804080418042804380448045804680478048804980508051805280538054805580568057805880598060806180628063806480658066806780688069807080718072807380748075807680778078807980808081808280838084808580868087808880898090809180928093809480958096809780988099810081018102810381048105810681078108810981108111811281138114811581168117811881198120812181228123812481258126812781288129813081318132813381348135813681378138813981408141814281438144814581468147814881498150815181528153815481558156815781588159816081618162816381648165816681678168816981708171817281738174817581768177817881798180818181828183818481858186818781888189819081918192819381948195819681978198819982008201820282038204820582068207820882098210821182128213821482158216821782188219822082218222822382248225822682278228822982308231823282338234823582368237823882398240824182428243824482458246824782488249825082518252825382548255825682578258825982608261826282638264826582668267826882698270827182728273827482758276827782788279828082818282828382848285828682878288828982908291829282938294829582968297829882998300830183028303830483058306830783088309831083118312831383148315831683178318831983208321832283238324832583268327832883298330833183328333833483358336833783388339834083418342834383448345834683478348834983508351835283538354835583568357835883598360836183628363836483658366836783688369837083718372837383748375837683778378837983808381838283838384838583868387838883898390839183928393839483958396839783988399840084018402840384048405840684078408840984108411841284138414841584168417841884198420842184228423842484258426842784288429843084318432843384348435843684378438843984408441844284438444844584468447844884498450845184528453845484558456845784588459846084618462846384648465846684678468846984708471847284738474847584768477847884798480848184828483848484858486848784888489849084918492849384948495849684978498849985008501850285038504850585068507850885098510851185128513851485158516851785188519852085218522852385248525852685278528852985308531853285338534853585368537853885398540854185428543854485458546854785488549855085518552855385548555855685578558855985608561856285638564856585668567856885698570857185728573857485758576857785788579858085818582858385848585858685878588858985908591859285938594859585968597859885998600860186028603860486058606860786088609861086118612861386148615861686178618861986208621862286238624862586268627862886298630863186328633863486358636863786388639864086418642864386448645864686478648864986508651865286538654865586568657865886598660866186628663866486658666866786688669867086718672867386748675867686778678867986808681868286838684868586868687868886898690869186928693869486958696869786988699870087018702870387048705870687078708870987108711871287138714871587168717871887198720872187228723872487258726872787288729873087318732873387348735873687378738873987408741874287438744874587468747874887498750875187528753875487558756875787588759876087618762876387648765876687678768876987708771877287738774877587768777877887798780878187828783878487858786878787888789879087918792879387948795879687978798879988008801880288038804880588068807880888098810881188128813881488158816881788188819882088218822882388248825882688278828882988308831883288338834883588368837883888398840884188428843884488458846884788488849885088518852885388548855885688578858885988608861886288638864886588668867886888698870887188728873887488758876887788788879888088818882888388848885888688878888888988908891889288938894889588968897889888998900890189028903890489058906890789088909891089118912891389148915891689178918891989208921892289238924892589268927892889298930893189328933893489358936893789388939894089418942894389448945894689478948894989508951895289538954895589568957895889598960896189628963896489658966896789688969897089718972897389748975897689778978897989808981898289838984898589868987898889898990899189928993899489958996899789988999900090019002900390049005900690079008900990109011901290139014901590169017901890199020902190229023902490259026902790289029903090319032903390349035903690379038903990409041904290439044904590469047904890499050905190529053905490559056905790589059906090619062906390649065906690679068906990709071907290739074907590769077907890799080908190829083908490859086908790889089909090919092909390949095909690979098909991009101910291039104910591069107910891099110911191129113911491159116911791189119912091219122912391249125912691279128912991309131913291339134913591369137913891399140914191429143914491459146914791489149915091519152915391549155915691579158915991609161916291639164916591669167916891699170917191729173917491759176917791789179918091819182918391849185918691879188918991909191919291939194919591969197919891999200920192029203920492059206920792089209921092119212921392149215921692179218921992209221922292239224922592269227922892299230923192329233923492359236923792389239924092419242924392449245924692479248924992509251925292539254925592569257925892599260926192629263926492659266926792689269927092719272927392749275927692779278927992809281928292839284928592869287928892899290929192929293929492959296929792989299930093019302930393049305930693079308930993109311931293139314931593169317931893199320932193229323932493259326932793289329933093319332933393349335933693379338933993409341934293439344934593469347934893499350935193529353935493559356935793589359936093619362936393649365936693679368936993709371937293739374937593769377937893799380938193829383938493859386938793889389939093919392939393949395939693979398939994009401940294039404940594069407940894099410941194129413941494159416941794189419942094219422942394249425942694279428942994309431943294339434943594369437943894399440944194429443944494459446944794489449945094519452945394549455945694579458945994609461946294639464946594669467946894699470947194729473947494759476947794789479948094819482948394849485948694879488948994909491949294939494949594969497949894999500950195029503950495059506950795089509951095119512951395149515951695179518951995209521952295239524952595269527952895299530953195329533953495359536953795389539954095419542954395449545954695479548954995509551955295539554955595569557955895599560956195629563956495659566956795689569957095719572957395749575957695779578957995809581958295839584958595869587958895899590959195929593959495959596959795989599960096019602960396049605960696079608960996109611961296139614961596169617961896199620962196229623962496259626962796289629963096319632963396349635963696379638963996409641964296439644964596469647964896499650965196529653965496559656965796589659966096619662966396649665966696679668966996709671967296739674967596769677967896799680968196829683968496859686968796889689969096919692969396949695969696979698969997009701970297039704970597069707970897099710971197129713971497159716971797189719972097219722972397249725972697279728972997309731973297339734973597369737973897399740974197429743974497459746974797489749975097519752975397549755975697579758975997609761976297639764976597669767976897699770977197729773977497759776977797789779978097819782978397849785978697879788978997909791979297939794979597969797979897999800980198029803980498059806980798089809981098119812981398149815981698179818981998209821982298239824982598269827982898299830983198329833983498359836983798389839984098419842984398449845984698479848984998509851985298539854985598569857985898599860986198629863986498659866986798689869987098719872987398749875987698779878987998809881988298839884988598869887988898899890989198929893989498959896989798989899990099019902990399049905990699079908990999109911991299139914991599169917991899199920992199229923992499259926992799289929993099319932993399349935993699379938993999409941994299439944994599469947994899499950995199529953995499559956995799589959996099619962996399649965996699679968996999709971997299739974997599769977997899799980998199829983998499859986998799889989999099919992999399949995999699979998999910000100011000210003100041000510006100071000810009100101001110012100131001410015100161001710018100191002010021100221002310024100251002610027100281002910030100311003210033100341003510036100371003810039100401004110042100431004410045100461004710048100491005010051100521005310054100551005610057100581005910060100611006210063100641006510066100671006810069100701007110072100731007410075100761007710078100791008010081100821008310084100851008610087100881008910090100911009210093100941009510096100971009810099101001010110102101031010410105101061010710108101091011010111101121011310114101151011610117101181011910120101211012210123101241012510126101271012810129101301013110132101331013410135101361013710138101391014010141101421014310144101451014610147101481014910150101511015210153101541015510156101571015810159101601016110162101631016410165101661016710168101691017010171101721017310174101751017610177101781017910180101811018210183101841018510186101871018810189101901019110192101931019410195101961019710198101991020010201102021020310204102051020610207102081020910210102111021210213102141021510216102171021810219102201022110222102231022410225102261022710228102291023010231102321023310234102351023610237102381023910240102411024210243102441024510246102471024810249102501025110252102531025410255102561025710258102591026010261102621026310264102651026610267102681026910270102711027210273102741027510276102771027810279102801028110282102831028410285102861028710288102891029010291102921029310294102951029610297102981029910300103011030210303103041030510306103071030810309103101031110312103131031410315103161031710318103191032010321103221032310324103251032610327103281032910330103311033210333103341033510336103371033810339103401034110342103431034410345103461034710348103491035010351103521035310354103551035610357103581035910360103611036210363103641036510366103671036810369103701037110372103731037410375103761037710378103791038010381103821038310384103851038610387103881038910390103911039210393103941039510396103971039810399104001040110402104031040410405104061040710408104091041010411104121041310414104151041610417104181041910420104211042210423104241042510426104271042810429104301043110432104331043410435104361043710438104391044010441104421044310444104451044610447104481044910450104511045210453104541045510456104571045810459104601046110462104631046410465104661046710468104691047010471104721047310474104751047610477104781047910480104811048210483104841048510486104871048810489104901049110492104931049410495104961049710498104991050010501105021050310504105051050610507105081050910510105111051210513105141051510516105171051810519105201052110522105231052410525105261052710528105291053010531105321053310534105351053610537105381053910540105411054210543105441054510546105471054810549105501055110552105531055410555105561055710558105591056010561105621056310564105651056610567105681056910570105711057210573105741057510576105771057810579105801058110582105831058410585105861058710588105891059010591105921059310594105951059610597105981059910600106011060210603106041060510606106071060810609106101061110612106131061410615106161061710618106191062010621106221062310624106251062610627106281062910630106311063210633106341063510636106371063810639106401064110642106431064410645106461064710648106491065010651106521065310654106551065610657106581065910660106611066210663106641066510666106671066810669106701067110672106731067410675106761067710678106791068010681106821068310684106851068610687106881068910690106911069210693106941069510696106971069810699107001070110702107031070410705107061070710708107091071010711107121071310714107151071610717107181071910720107211072210723107241072510726107271072810729107301073110732107331073410735107361073710738107391074010741107421074310744107451074610747107481074910750107511075210753107541075510756107571075810759107601076110762107631076410765107661076710768107691077010771107721077310774107751077610777107781077910780107811078210783107841078510786107871078810789107901079110792107931079410795107961079710798107991080010801108021080310804108051080610807108081080910810108111081210813108141081510816108171081810819108201082110822108231082410825108261082710828108291083010831108321083310834108351083610837108381083910840108411084210843108441084510846108471084810849108501085110852108531085410855108561085710858108591086010861108621086310864108651086610867108681086910870108711087210873108741087510876108771087810879108801088110882108831088410885108861088710888108891089010891108921089310894108951089610897108981089910900109011090210903109041090510906109071090810909109101091110912109131091410915109161091710918109191092010921109221092310924109251092610927109281092910930109311093210933109341093510936109371093810939109401094110942109431094410945109461094710948109491095010951109521095310954109551095610957109581095910960109611096210963109641096510966109671096810969109701097110972109731097410975109761097710978109791098010981109821098310984109851098610987109881098910990109911099210993109941099510996109971099810999110001100111002110031100411005110061100711008110091101011011110121101311014110151101611017110181101911020110211102211023110241102511026110271102811029110301103111032110331103411035110361103711038110391104011041110421104311044110451104611047110481104911050110511105211053110541105511056110571105811059110601106111062110631106411065110661106711068110691107011071110721107311074110751107611077110781107911080110811108211083110841108511086110871108811089110901109111092110931109411095110961109711098110991110011101111021110311104111051110611107111081110911110111111111211113111141111511116111171111811119111201112111122111231112411125111261112711128111291113011131111321113311134111351113611137111381113911140111411114211143111441114511146111471114811149111501115111152111531115411155111561115711158111591116011161111621116311164111651116611167111681116911170111711117211173111741117511176111771117811179111801118111182111831118411185111861118711188111891119011191111921119311194111951119611197111981119911200112011120211203112041120511206112071120811209112101121111212112131121411215112161121711218112191122011221112221122311224112251122611227112281122911230112311123211233112341123511236112371123811239112401124111242112431124411245112461124711248112491125011251112521125311254112551125611257112581125911260112611126211263112641126511266112671126811269112701127111272112731127411275112761127711278112791128011281112821128311284112851128611287112881128911290112911129211293112941129511296112971129811299113001130111302113031130411305113061130711308113091131011311113121131311314113151131611317113181131911320113211132211323113241132511326113271132811329113301133111332113331133411335113361133711338113391134011341113421134311344113451134611347113481134911350113511135211353113541135511356113571135811359113601136111362113631136411365113661136711368113691137011371113721137311374113751137611377113781137911380113811138211383113841138511386113871138811389113901139111392113931139411395113961139711398113991140011401114021140311404114051140611407114081140911410114111141211413114141141511416114171141811419114201142111422114231142411425114261142711428114291143011431114321143311434114351143611437114381143911440114411144211443114441144511446114471144811449114501145111452114531145411455114561145711458114591146011461114621146311464114651146611467114681146911470114711147211473114741147511476114771147811479114801148111482114831148411485114861148711488114891149011491114921149311494114951149611497114981149911500115011150211503115041150511506115071150811509115101151111512115131151411515115161151711518115191152011521115221152311524115251152611527115281152911530115311153211533115341153511536115371153811539115401154111542115431154411545115461154711548115491155011551115521155311554115551155611557115581155911560115611156211563115641156511566115671156811569115701157111572115731157411575115761157711578115791158011581115821158311584115851158611587115881158911590115911159211593115941159511596115971159811599116001160111602116031160411605116061160711608116091161011611116121161311614116151161611617116181161911620116211162211623116241162511626116271162811629116301163111632116331163411635116361163711638116391164011641116421164311644116451164611647116481164911650116511165211653116541165511656116571165811659116601166111662116631166411665116661166711668116691167011671116721167311674116751167611677116781167911680116811168211683116841168511686116871168811689116901169111692116931169411695116961169711698116991170011701117021170311704117051170611707117081170911710117111171211713117141171511716117171171811719117201172111722117231172411725117261172711728117291173011731117321173311734117351173611737117381173911740117411174211743117441174511746117471174811749117501175111752117531175411755117561175711758117591176011761117621176311764117651176611767117681176911770117711177211773117741177511776117771177811779117801178111782117831178411785117861178711788117891179011791117921179311794117951179611797117981179911800118011180211803118041180511806118071180811809118101181111812118131181411815118161181711818118191182011821118221182311824118251182611827118281182911830118311183211833118341183511836118371183811839118401184111842118431184411845118461184711848118491185011851118521185311854118551185611857118581185911860118611186211863118641186511866118671186811869118701187111872118731187411875118761187711878118791188011881118821188311884118851188611887118881188911890118911189211893118941189511896118971189811899119001190111902119031190411905119061190711908119091191011911119121191311914119151191611917119181191911920119211192211923119241192511926119271192811929119301193111932119331193411935119361193711938119391194011941119421194311944119451194611947119481194911950119511195211953119541195511956119571195811959119601196111962119631196411965119661196711968119691197011971119721197311974119751197611977119781197911980119811198211983119841198511986119871198811989119901199111992119931199411995119961199711998119991200012001120021200312004120051200612007120081200912010120111201212013120141201512016120171201812019120201202112022120231202412025120261202712028120291203012031120321203312034120351203612037120381203912040120411204212043120441204512046120471204812049120501205112052120531205412055120561205712058120591206012061120621206312064120651206612067120681206912070120711207212073120741207512076120771207812079120801208112082120831208412085120861208712088120891209012091120921209312094120951209612097120981209912100121011210212103121041210512106121071210812109121101211112112121131211412115121161211712118121191212012121121221212312124121251212612127121281212912130121311213212133121341213512136121371213812139121401214112142121431214412145121461214712148121491215012151121521215312154121551215612157121581215912160121611216212163121641216512166121671216812169121701217112172121731217412175121761217712178121791218012181121821218312184121851218612187121881218912190121911219212193121941219512196121971219812199122001220112202122031220412205122061220712208122091221012211122121221312214122151221612217122181221912220122211222212223122241222512226122271222812229122301223112232122331223412235122361223712238122391224012241122421224312244122451224612247122481224912250122511225212253122541225512256122571225812259122601226112262122631226412265122661226712268122691227012271122721227312274122751227612277122781227912280122811228212283122841228512286122871228812289122901229112292122931229412295122961229712298122991230012301123021230312304123051230612307123081230912310123111231212313123141231512316123171231812319123201232112322123231232412325123261232712328123291233012331123321233312334123351233612337123381233912340123411234212343123441234512346123471234812349123501235112352123531235412355123561235712358123591236012361123621236312364123651236612367123681236912370123711237212373123741237512376123771237812379123801238112382123831238412385123861238712388123891239012391123921239312394123951239612397123981239912400124011240212403124041240512406124071240812409124101241112412124131241412415124161241712418124191242012421124221242312424124251242612427124281242912430124311243212433124341243512436124371243812439124401244112442124431244412445124461244712448124491245012451124521245312454124551245612457124581245912460124611246212463124641246512466124671246812469124701247112472124731247412475124761247712478124791248012481124821248312484124851248612487124881248912490124911249212493124941249512496124971249812499125001250112502125031250412505125061250712508125091251012511125121251312514125151251612517125181251912520125211252212523125241252512526125271252812529125301253112532125331253412535125361253712538125391254012541125421254312544125451254612547125481254912550125511255212553125541255512556125571255812559125601256112562125631256412565125661256712568125691257012571125721257312574125751257612577125781257912580125811258212583125841258512586125871258812589125901259112592125931259412595125961259712598125991260012601126021260312604126051260612607126081260912610126111261212613126141261512616126171261812619126201262112622126231262412625126261262712628126291263012631126321263312634126351263612637126381263912640126411264212643126441264512646126471264812649126501265112652126531265412655126561265712658126591266012661126621266312664126651266612667126681266912670126711267212673126741267512676126771267812679126801268112682126831268412685126861268712688126891269012691126921269312694126951269612697126981269912700127011270212703127041270512706127071270812709127101271112712127131271412715127161271712718127191272012721127221272312724127251272612727127281272912730127311273212733127341273512736127371273812739127401274112742127431274412745127461274712748127491275012751127521275312754127551275612757127581275912760127611276212763127641276512766127671276812769127701277112772127731277412775127761277712778127791278012781127821278312784127851278612787127881278912790127911279212793127941279512796127971279812799128001280112802128031280412805128061280712808128091281012811128121281312814128151281612817128181281912820128211282212823128241282512826128271282812829128301283112832128331283412835128361283712838128391284012841128421284312844128451284612847128481284912850128511285212853128541285512856128571285812859128601286112862128631286412865128661286712868128691287012871128721287312874128751287612877128781287912880128811288212883128841288512886128871288812889128901289112892128931289412895128961289712898128991290012901129021290312904129051290612907129081290912910129111291212913129141291512916129171291812919129201292112922129231292412925129261292712928129291293012931129321293312934129351293612937129381293912940129411294212943129441294512946129471294812949129501295112952129531295412955129561295712958129591296012961129621296312964129651296612967129681296912970129711297212973129741297512976129771297812979129801298112982129831298412985129861298712988129891299012991129921299312994129951299612997129981299913000130011300213003130041300513006130071300813009130101301113012130131301413015130161301713018130191302013021130221302313024130251302613027130281302913030130311303213033130341303513036130371303813039130401304113042130431304413045130461304713048130491305013051130521305313054130551305613057130581305913060130611306213063130641306513066130671306813069130701307113072130731307413075130761307713078130791308013081130821308313084130851308613087130881308913090130911309213093130941309513096130971309813099131001310113102131031310413105131061310713108131091311013111131121311313114131151311613117131181311913120131211312213123131241312513126131271312813129131301313113132131331313413135131361313713138131391314013141131421314313144131451314613147131481314913150131511315213153131541315513156131571315813159131601316113162131631316413165131661316713168131691317013171131721317313174131751317613177131781317913180131811318213183131841318513186131871318813189131901319113192131931319413195131961319713198131991320013201132021320313204132051320613207132081320913210132111321213213132141321513216132171321813219132201322113222132231322413225132261322713228132291323013231132321323313234132351323613237132381323913240132411324213243132441324513246132471324813249132501325113252132531325413255132561325713258132591326013261132621326313264132651326613267132681326913270132711327213273132741327513276132771327813279132801328113282132831328413285132861328713288132891329013291132921329313294132951329613297132981329913300133011330213303133041330513306133071330813309133101331113312133131331413315133161331713318133191332013321133221332313324133251332613327133281332913330133311333213333133341333513336133371333813339133401334113342133431334413345133461334713348133491335013351133521335313354133551335613357133581335913360133611336213363133641336513366133671336813369133701337113372133731337413375133761337713378133791338013381133821338313384133851338613387133881338913390133911339213393133941339513396133971339813399134001340113402134031340413405134061340713408134091341013411134121341313414134151341613417134181341913420134211342213423134241342513426134271342813429134301343113432134331343413435134361343713438134391344013441134421344313444134451344613447134481344913450134511345213453134541345513456134571345813459134601346113462134631346413465134661346713468134691347013471134721347313474134751347613477134781347913480134811348213483134841348513486134871348813489134901349113492134931349413495134961349713498134991350013501135021350313504135051350613507135081350913510135111351213513135141351513516135171351813519135201352113522135231352413525135261352713528135291353013531135321353313534135351353613537135381353913540135411354213543135441354513546135471354813549135501355113552135531355413555135561355713558135591356013561135621356313564135651356613567135681356913570135711357213573135741357513576135771357813579135801358113582135831358413585135861358713588135891359013591135921359313594135951359613597135981359913600136011360213603136041360513606136071360813609136101361113612136131361413615136161361713618136191362013621136221362313624136251362613627136281362913630136311363213633136341363513636136371363813639136401364113642136431364413645136461364713648136491365013651136521365313654136551365613657136581365913660136611366213663136641366513666136671366813669136701367113672136731367413675136761367713678136791368013681136821368313684136851368613687136881368913690136911369213693136941369513696136971369813699137001370113702137031370413705137061370713708137091371013711137121371313714137151371613717137181371913720137211372213723137241372513726137271372813729137301373113732137331373413735137361373713738137391374013741137421374313744137451374613747137481374913750137511375213753137541375513756137571375813759137601376113762137631376413765137661376713768137691377013771137721377313774137751377613777137781377913780137811378213783137841378513786137871378813789137901379113792137931379413795137961379713798137991380013801138021380313804138051380613807138081380913810138111381213813138141381513816138171381813819138201382113822138231382413825138261382713828138291383013831138321383313834138351383613837138381383913840138411384213843138441384513846138471384813849138501385113852138531385413855138561385713858138591386013861138621386313864138651386613867138681386913870138711387213873138741387513876138771387813879138801388113882138831388413885138861388713888138891389013891138921389313894138951389613897138981389913900139011390213903139041390513906139071390813909139101391113912139131391413915139161391713918139191392013921139221392313924139251392613927139281392913930139311393213933139341393513936139371393813939139401394113942139431394413945139461394713948139491395013951139521395313954139551395613957139581395913960139611396213963139641396513966139671396813969139701397113972139731397413975139761397713978139791398013981139821398313984139851398613987139881398913990139911399213993139941399513996139971399813999140001400114002140031400414005140061400714008140091401014011140121401314014140151401614017140181401914020140211402214023140241402514026140271402814029140301403114032140331403414035140361403714038140391404014041140421404314044140451404614047140481404914050140511405214053140541405514056140571405814059140601406114062140631406414065140661406714068140691407014071140721407314074140751407614077140781407914080140811408214083140841408514086140871408814089140901409114092140931409414095140961409714098140991410014101141021410314104141051410614107141081410914110141111411214113141141411514116141171411814119141201412114122141231412414125141261412714128141291413014131141321413314134141351413614137141381413914140141411414214143141441414514146141471414814149141501415114152141531415414155141561415714158141591416014161141621416314164141651416614167141681416914170141711417214173141741417514176141771417814179141801418114182141831418414185141861418714188141891419014191141921419314194141951419614197141981419914200142011420214203142041420514206142071420814209142101421114212142131421414215142161421714218142191422014221142221422314224142251422614227142281422914230142311423214233142341423514236142371423814239142401424114242142431424414245142461424714248142491425014251142521425314254142551425614257142581425914260142611426214263142641426514266142671426814269142701427114272142731427414275142761427714278142791428014281142821428314284142851428614287142881428914290142911429214293142941429514296142971429814299143001430114302143031430414305143061430714308143091431014311143121431314314143151431614317143181431914320143211432214323143241432514326143271432814329143301433114332143331433414335143361433714338143391434014341143421434314344143451434614347143481434914350143511435214353143541435514356143571435814359143601436114362143631436414365143661436714368143691437014371143721437314374143751437614377143781437914380143811438214383143841438514386143871438814389143901439114392143931439414395143961439714398143991440014401144021440314404144051440614407144081440914410144111441214413144141441514416144171441814419144201442114422144231442414425144261442714428144291443014431144321443314434144351443614437144381443914440144411444214443144441444514446144471444814449144501445114452144531445414455144561445714458144591446014461144621446314464144651446614467144681446914470144711447214473144741447514476144771447814479144801448114482144831448414485144861448714488144891449014491144921449314494144951449614497144981449914500145011450214503145041450514506145071450814509145101451114512145131451414515145161451714518145191452014521145221452314524145251452614527145281452914530145311453214533145341453514536145371453814539145401454114542145431454414545145461454714548145491455014551145521455314554145551455614557145581455914560145611456214563145641456514566145671456814569145701457114572145731457414575145761457714578145791458014581145821458314584145851458614587145881458914590145911459214593145941459514596145971459814599146001460114602146031460414605146061460714608146091461014611146121461314614146151461614617146181461914620146211462214623146241462514626146271462814629146301463114632146331463414635146361463714638146391464014641146421464314644146451464614647146481464914650146511465214653146541465514656146571465814659146601466114662146631466414665146661466714668146691467014671146721467314674146751467614677146781467914680146811468214683146841468514686146871468814689146901469114692146931469414695146961469714698146991470014701147021470314704147051470614707147081470914710147111471214713147141471514716147171471814719147201472114722147231472414725147261472714728147291473014731147321473314734147351473614737147381473914740147411474214743147441474514746147471474814749147501475114752147531475414755147561475714758147591476014761147621476314764147651476614767147681476914770147711477214773147741477514776147771477814779147801478114782147831478414785147861478714788147891479014791147921479314794147951479614797147981479914800148011480214803148041480514806148071480814809148101481114812148131481414815148161481714818148191482014821148221482314824148251482614827148281482914830148311483214833148341483514836148371483814839148401484114842148431484414845148461484714848148491485014851148521485314854148551485614857148581485914860148611486214863148641486514866148671486814869148701487114872148731487414875148761487714878148791488014881148821488314884148851488614887148881488914890148911489214893148941489514896148971489814899149001490114902149031490414905149061490714908149091491014911149121491314914149151491614917149181491914920149211492214923149241492514926149271492814929149301493114932149331493414935149361493714938149391494014941149421494314944149451494614947149481494914950149511495214953149541495514956149571495814959149601496114962149631496414965149661496714968149691497014971149721497314974149751497614977149781497914980149811498214983149841498514986149871498814989149901499114992149931499414995149961499714998149991500015001150021500315004150051500615007150081500915010150111501215013150141501515016150171501815019150201502115022150231502415025150261502715028150291503015031150321503315034150351503615037150381503915040150411504215043150441504515046150471504815049150501505115052150531505415055150561505715058150591506015061150621506315064150651506615067150681506915070150711507215073150741507515076150771507815079150801508115082150831508415085150861508715088150891509015091150921509315094150951509615097150981509915100151011510215103151041510515106151071510815109151101511115112151131511415115151161511715118151191512015121151221512315124151251512615127151281512915130151311513215133151341513515136151371513815139151401514115142151431514415145151461514715148151491515015151151521515315154151551515615157151581515915160151611516215163151641516515166151671516815169151701517115172151731517415175151761517715178151791518015181151821518315184151851518615187151881518915190151911519215193151941519515196151971519815199152001520115202152031520415205152061520715208152091521015211152121521315214152151521615217152181521915220152211522215223152241522515226152271522815229
  1. @charset "utf-8";
  2. @media (min-width: 1300px) {
  3. .container {
  4. width: 1300px;
  5. }
  6. .table-responsive {
  7. overflow-x: visible;
  8. }
  9. }
  10. /*根据bootstrap popover框 自定义popover框*/
  11. .popover1 {
  12. position: absolute;
  13. top: calc(100% + 9px);
  14. left: 50%;
  15. transform: translateX(-50%);
  16. z-index: 1060;
  17. display: none;
  18. max-width: 300px;
  19. padding: 1px;
  20. text-align: left;
  21. background-color: #fff;
  22. border: 1px solid #ccc;
  23. border-radius: 6px;
  24. box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
  25. border: 1px solid rgba(0, 0, 0, .2);
  26. }
  27. .popover1.bottom > .arrow {
  28. top: -11px;
  29. left: 50%;
  30. margin-left: -11px;
  31. border-top-width: 0;
  32. border-bottom-color: #999;
  33. border-bottom-color: rgba(0, 0, 0, .25);
  34. }
  35. .popover1 > .arrow {
  36. border-width: 11px;
  37. }
  38. .popover1 > .arrow, .popover1 > .arrow:after {
  39. position: absolute;
  40. display: block;
  41. width: 0;
  42. height: 0;
  43. border-color: transparent;
  44. border-style: solid;
  45. }
  46. .popover1.bottom > .arrow:after {
  47. top: 1px;
  48. margin-left: -10px;
  49. content: " ";
  50. border-top-width: 0;
  51. border-bottom-color: #fff;
  52. }
  53. .popover1 > .arrow:after {
  54. content: "";
  55. border-width: 10px;
  56. }
  57. .popover1 > .arrow, .popover1 > .arrow:after {
  58. position: absolute;
  59. display: block;
  60. width: 0;
  61. height: 0;
  62. border-color: transparent;
  63. border-style: solid;
  64. }
  65. .ms-badge {
  66. background-color: #f4242e;
  67. width: 16px;
  68. height: 16px;
  69. line-height: 16px;
  70. display: inline-block;
  71. color: #fff;
  72. border-radius: 50%;
  73. font-size: 12px;
  74. text-align: center;
  75. position: relative;
  76. top: -12px;
  77. left: 0;
  78. }
  79. .ms-badge:empty {
  80. display: none;
  81. }
  82. /*bootstrap分页*/
  83. .pagination {
  84. margin: 30px 0 5px;
  85. }
  86. /*缩略图*/
  87. .ms-thumbnail {
  88. display: block;
  89. }
  90. .ms-thumbnail img {
  91. margin: 0 auto 20px;
  92. display: block;
  93. }
  94. .ms-thumbnail .ms-caption {
  95. padding: 0 25px;
  96. text-align: center;
  97. }
  98. .ms-thumbnail .ms-caption .tit {
  99. font-size: 18px;
  100. color: #333;
  101. margin-bottom: 10px;
  102. }
  103. .ms-thumbnail .ms-caption p {
  104. color: #848484;
  105. }
  106. /*/缩略图*/
  107. /*复制功能*/
  108. .copy {
  109. cursor: pointer;
  110. margin-left: 5px;
  111. color: #157df1;
  112. }
  113. /*/复制功能*/
  114. /*上传图标*/
  115. .new-upload-icon {
  116. position: relative;
  117. border: 1px solid #ddd;
  118. height: 100px;
  119. width: 100px; /*border-radius: 15px;*/
  120. background: url("../image/icon-10.png") no-repeat center 23px;
  121. overflow: hidden;
  122. margin-left: 15px;
  123. }
  124. .new-upload-icon img {
  125. position: absolute;
  126. left: 0;
  127. top: 0;
  128. width: 100%;
  129. height: 100%; /*border-radius: 15px;*/
  130. background-color: #fff; /*border: 1px solid #e5e5e5;*/
  131. }
  132. .new-upload-icon input[type=file] {
  133. position: absolute;
  134. z-index: 2;
  135. width: 100%;
  136. height: 100%;
  137. opacity: 0;
  138. cursor: pointer;
  139. }
  140. .new-upload-icon .text {
  141. text-align: center;
  142. margin-top: 60px;
  143. font-size: 14px;
  144. font-weight: 600;
  145. color: #999;
  146. }
  147. .new-upload-icon .ongoing {
  148. position: absolute;
  149. left: 0;
  150. top: 0;
  151. background: rgba(0, 0, 0, .5);
  152. width: 100%;
  153. height: 100%;
  154. color: #fff;
  155. display: flex;
  156. justify-content: center;
  157. align-items: center;
  158. font-size: 12px;
  159. display: none;
  160. }
  161. .new-upload-icon.uploading .ongoing {
  162. display: flex;
  163. }
  164. .new-upload-icon .reset {
  165. position: absolute;
  166. left: 0;
  167. bottom: 0;
  168. height: 20px;
  169. line-height: 20px;
  170. background: rgba(0, 0, 0, .5);
  171. width: 100%;
  172. color: #fff;
  173. text-align: center;
  174. font-size: 12px;
  175. display: none;
  176. }
  177. .new-upload-icon .reset {
  178. display: none;
  179. }
  180. .new-upload-icon.uploaded .reset {
  181. display: none;
  182. }
  183. .new-upload-icon.uploaded:hover .reset {
  184. display: block;
  185. }
  186. /*上传图标*/
  187. /*上传图片*/
  188. /*上传图片*/
  189. /*输入框搜索*/
  190. .input-search {
  191. position: relative;
  192. }
  193. .input-search .iconfont {
  194. position: absolute;
  195. right: 10px;
  196. top: 50%;
  197. transform: translateY(-50%);
  198. font-size: 16px;
  199. cursor: pointer;
  200. color: #157df1;
  201. }
  202. .input-search input {
  203. height: 30px;
  204. line-height: 30px;
  205. width: 170px;
  206. border: 1px solid #e5e5e5;
  207. padding-left: 10px;
  208. background-color: #fff;
  209. color: #666;
  210. border-radius: 3px;
  211. font-size: 13px;
  212. }
  213. .input-search input::-webkit-input-placeholder {
  214. color: #666 !important;
  215. font-size: 13px;
  216. }
  217. .input-search input::-moz-placeholder {
  218. color: #666 !important;
  219. font-size: 13px;
  220. }
  221. .input-search input::-ms-input-placeholder {
  222. color: #666 !important;
  223. font-size: 13px;
  224. }
  225. /*APP iOS Android 下拉*/
  226. .app-system-select {
  227. position: relative;
  228. width: 90px;
  229. height: 30px;
  230. line-height: 28px;
  231. padding-left: 10px;
  232. border: 1px solid #e5e5e5;
  233. border-radius: 3px;
  234. background-color: #fff;
  235. cursor: pointer;
  236. color: #666;
  237. margin-right: 10px;
  238. font-size: 13px;
  239. }
  240. .app-system-select .iconfont {
  241. position: absolute;
  242. right: 7px;
  243. font-size: 14px;
  244. height: auto;
  245. color: #999;
  246. }
  247. .app-system-select ul {
  248. position: absolute;
  249. top: calc(100% + 1px);
  250. left: 0;
  251. background-color: #fff;
  252. width: 100px;
  253. padding: 10px;
  254. box-shadow: 0 0 5px rgba(0, 0, 0, .1);
  255. z-index: 3;
  256. line-height: 30px;
  257. display: none;
  258. }
  259. .app-system-select ul li {
  260. cursor: pointer;
  261. }
  262. .app-system-select ul li.active {
  263. color: #157df1;
  264. }
  265. .app-system-select ul li:hover {
  266. color: #157df1;
  267. }
  268. .blue-line {
  269. width: 35px;
  270. height: 2px;
  271. background-color: #157df1;
  272. margin: 13px 0;
  273. }
  274. .crumbs {
  275. padding: 15px 0;
  276. color: #666;
  277. }
  278. .crumbs a {
  279. color: #333;
  280. }
  281. .crumbs span {
  282. margin: 0 10px;
  283. }
  284. .warn-prompt {
  285. background-color: #fff5e7;
  286. padding: 8px 20px;
  287. border: 1px solid #feebcd;
  288. margin-top: 10px;
  289. font-size: 12px;
  290. }
  291. .warn-prompt .iconfont {
  292. color: #fd9823;
  293. margin-right: 5px;
  294. font-size: 13px;
  295. }
  296. .ie-prompt {
  297. display: none;
  298. }
  299. .ie-prompt-360 {
  300. display: none;
  301. }
  302. .warn-prompt-1 {
  303. margin-top: 10px;
  304. margin-bottom: 30px;
  305. }
  306. .warn-prompt-12 {
  307. margin-top: 10px;
  308. margin-bottom: 30px;
  309. }
  310. .warn-prompt-1 dt {
  311. font-size: 12px;
  312. }
  313. .warn-prompt-1 dd {
  314. margin-left: 40px;
  315. font-size: 12px;
  316. }
  317. .input-text {
  318. position: relative;
  319. }
  320. .input-text .error1 {
  321. position: absolute;
  322. top: 100%;
  323. left: 0;
  324. color: #fd641d;
  325. display: none;
  326. font-size: 12px;
  327. }
  328. .input-text.form-error .error1 {
  329. display: block;
  330. }
  331. .popover {
  332. font-size: 12px;
  333. max-width: 335px;
  334. }
  335. header {
  336. box-shadow: 0 2px 5px rgba(0, 0, 0, .05);
  337. position: relative;
  338. z-index: 2;
  339. background: #326dfa;
  340. }
  341. .header { /*padding: 10px 0;*/
  342. position: relative;
  343. }
  344. .header .header-left img.hidden-xs {
  345. width: 160px;
  346. height: 53px;
  347. display: block;
  348. }
  349. .header .ms-nav {
  350. margin: 20px 0 0 35px;
  351. }
  352. .header .ms-nav > li {
  353. float: left;
  354. margin: 0 10px;
  355. }
  356. @media (min-width: 1200px) {
  357. .header .ms-nav > li > a {
  358. padding: 0 10px 5px;
  359. border-bottom: 2px solid transparent;
  360. color: #fff;
  361. }
  362. .header .ms-nav > li.active > a {
  363. border-bottom: 2px solid #f2f2f5;
  364. color: #f2f2f5;
  365. }
  366. .header .ms-nav > li:hover > a {
  367. border-bottom: 2px solid #157df1;
  368. }
  369. }
  370. .header .login {
  371. margin-top: 10px;
  372. }
  373. .header .login li {
  374. float: left;
  375. }
  376. /*增加文档二级导航*/
  377. .header .doc-nav {
  378. position: relative;
  379. padding-bottom: 5px;
  380. }
  381. .header .ms-nav > li .doc-nav > a {
  382. padding: 0 10px 5px;
  383. border-bottom: 2px solid transparent;
  384. color: #333;
  385. }
  386. .header .ms-nav > li.active .doc-nav > a {
  387. border-bottom: 2px solid #157df1;
  388. color: #157df1;
  389. }
  390. .header .ms-nav > li:hover .doc-nav > a {
  391. border-bottom: 2px solid #157df1;
  392. }
  393. .header .top-doc {
  394. position: absolute;
  395. top: calc(100%);
  396. left: 50%;
  397. z-index: 1000;
  398. width: 140px;
  399. transform: translateX(-50%);
  400. padding-top: 15px;
  401. display: none;
  402. }
  403. .header .top-doc dl {
  404. background-color: #fff;
  405. border: 1px solid #e5e5e5;
  406. border-radius: 3px;
  407. padding-top: 15px;
  408. }
  409. .header .top-doc dl dd {
  410. margin-bottom: 15px;
  411. }
  412. .header .top-doc a {
  413. color: #666;
  414. text-align: center;
  415. display: block;
  416. }
  417. .header .top-doc a.active {
  418. color: #157df1;
  419. }
  420. .header .top-doc a:hover {
  421. color: #157df1;
  422. }
  423. .header .ms-nav > li:hover .doc-nav:hover .top-doc {
  424. display: block;
  425. }
  426. /*/增加文档二级导航*/
  427. /*login-in*/
  428. .login-in {
  429. position: absolute;
  430. right: 0;
  431. top: 0;
  432. height: 100%;
  433. }
  434. .login-in .login-user {
  435. cursor: pointer;
  436. padding-top: 20px;
  437. height: 100%;
  438. }
  439. .login-in .login-user .certified {
  440. color: #157df1;
  441. }
  442. .login-in .name-certified {
  443. color: #348dee;
  444. margin-right: 10px;
  445. padding-top: 20px;
  446. }
  447. .login-in .icon-arrow-bottom {
  448. color: #c1c5cc;
  449. font-size: 14px;
  450. margin-left: 5px;
  451. }
  452. .login-in .login-user dl {
  453. background-color: #fff;
  454. border-radius: 3px;
  455. border: 1px solid #e5e5e5;
  456. position: absolute;
  457. top: 50px;
  458. right: 0;
  459. z-index: 10;
  460. display: none;
  461. width: 115px;
  462. box-shadow: 0 5px 10px rgba(21, 125, 241, .1);
  463. }
  464. .login-in .login-user:hover dl {
  465. display: block;
  466. }
  467. .login-in .login-user dl dt {
  468. padding: 15px 0;
  469. margin-top: 10px;
  470. border-top: 1px solid #e5e5e5;
  471. color: #666;
  472. text-align: center;
  473. }
  474. .login-in .login-user dl dt a:hover {
  475. color: #157df1;
  476. }
  477. .login-in .login-user dl dt .icon-sign-out {
  478. margin-right: 3px;
  479. color: #666;
  480. position: relative;
  481. top: 1px;
  482. }
  483. .login-in .login-user dl dt a:hover .icon-sign-out {
  484. color: #157df1;
  485. }
  486. .login-in .login-user dl dd {
  487. margin-top: 10px;
  488. text-align: center;
  489. }
  490. .login-in .login-user dl dd a {
  491. color: #666;
  492. }
  493. .login-in .login-user dl dd a:hover {
  494. color: #157df1;
  495. }
  496. /*通知中心*/
  497. .header .login-in .notification {
  498. padding-top: 16px;
  499. margin-right: 2px;
  500. position: relative;
  501. cursor: pointer;
  502. }
  503. .header .login-in .notification .icon-msg {
  504. font-size: 20px;
  505. color: #157df1
  506. }
  507. .header .login-in .notification .ms-badge {
  508. left: -7px
  509. }
  510. .header .login-in .n-drop-down {
  511. width: 130px;
  512. z-index: 10;
  513. position: absolute;
  514. left: -51px;
  515. top: 100%;
  516. padding-top: 16px;
  517. display: none
  518. }
  519. .header .login-in .n-drop-down .n-con {
  520. background-color: #fff;
  521. box-shadow: 0 3px 10px rgba(193, 220, 251, .7)
  522. }
  523. .header .login-in .n-drop-down .n-con .no {
  524. text-align: center;
  525. color: #333;
  526. padding: 50px 0
  527. }
  528. .header .login-in .n-drop-down .n-con .no .icon-lingdang {
  529. color: #157df1;
  530. font-size: 30px
  531. }
  532. .header .login-in .n-drop-down .n-con .yes {
  533. max-height: 330px;
  534. padding: 15px
  535. }
  536. .header .login-in .n-drop-down .n-con .y-tit {
  537. color: #666;
  538. margin-bottom: 10px
  539. }
  540. .header .login-in .n-drop-down .n-con .msg-list {
  541. max-height: 260px;
  542. overflow-y: auto
  543. }
  544. .header .login-in .n-drop-down .n-con .msg-list li {
  545. margin-bottom: 10px
  546. }
  547. .header .login-in .n-drop-down .icon-unread {
  548. color: #fed735
  549. }
  550. .header .login-in .n-drop-down .icon-read {
  551. color: #999;
  552. font-size: 20px;
  553. position: relative;
  554. top: -2px
  555. }
  556. .header .login-in .n-drop-down .m-right {
  557. margin-left: 25px;
  558. font-size: 12px
  559. }
  560. .header .login-in .n-drop-down .m-right dt {
  561. margin-bottom: 5px;
  562. line-height: 20px
  563. }
  564. .header .login-in .n-drop-down .m-right dt a {
  565. color: #999
  566. }
  567. .header .login-in .n-drop-down .m-right.bold dt a {
  568. font-weight: 600;
  569. color: #333
  570. }
  571. .header .login-in .n-drop-down .m-right.bold dd {
  572. font-weight: 400
  573. }
  574. .header .login-in .n-drop-down .m-right dd .m-details {
  575. color: #157df1
  576. }
  577. .header .login-in .n-drop-down .m-right dd .m-time {
  578. color: #999
  579. }
  580. .header .login-in .n-drop-down .n-con .m-more {
  581. border-top: 1px solid #e6e6e6;
  582. color: #157df1;
  583. display: block;
  584. text-align: center;
  585. padding: 15px 0
  586. }
  587. .header .login-in .notification:hover .n-drop-down {
  588. display: block
  589. }
  590. /*/通知中心*/
  591. /*/login-in*/
  592. .paging {
  593. text-align: center;
  594. margin: 30px 0 5px;
  595. }
  596. .paging input[type=text] {
  597. width: 34px;
  598. display: inline-block;
  599. vertical-align: middle;
  600. }
  601. .paging .color-333 {
  602. padding: 6px 0;
  603. }
  604. .help {
  605. text-align: left;
  606. padding: 70px 0 55px;
  607. }
  608. .help .tit {
  609. font-size: 36px;
  610. color: #157df1;
  611. text-align: center;
  612. margin-bottom: 60px;
  613. }
  614. .help dl {
  615. margin-bottom: 15px;
  616. color: #333;
  617. }
  618. .help dt {
  619. line-height: 30px;
  620. font-weight: 600;
  621. }
  622. .help dd {
  623. line-height: 30px;
  624. }
  625. .help dl .left {
  626. float: left;
  627. }
  628. .help dl .right {
  629. margin-left: 40px; /*width: 75%;*/
  630. display: block;
  631. }
  632. .help1 {
  633. padding: 50px 0 40px;
  634. }
  635. .help1 .tit {
  636. font-size: 32px;
  637. color: #333;
  638. margin-bottom: 5px;
  639. }
  640. .help1 .blue-line {
  641. margin: 0 auto 30px;
  642. }
  643. /*----------index-----------*/
  644. /*banner*/
  645. .index-banner .swiper-container {
  646. width: 100%;
  647. height: 100%;
  648. }
  649. .index-banner .swiper-slide {
  650. overflow: hidden;
  651. display: -webkit-box;
  652. display: -ms-flexbox;
  653. display: -webkit-flex;
  654. display: flex;
  655. -webkit-box-pack: center;
  656. -ms-flex-pack: center;
  657. -webkit-justify-content: center;
  658. justify-content: center;
  659. -webkit-box-align: center;
  660. -ms-flex-align: center;
  661. -webkit-align-items: center;
  662. align-items: center;
  663. width: 100%;
  664. }
  665. .index-banner .swiper-slide > a {
  666. display: block;
  667. height: 430px;
  668. width: 100%;
  669. }
  670. /*自定义swiper分页按钮*/
  671. .index-banner .swiper-pagination-bullet {
  672. width: 40px;
  673. height: 4px;
  674. display: inline-block;
  675. border-radius: 0;
  676. background-color: #fff;
  677. opacity: .4;
  678. }
  679. .index-banner .swiper-pagination-bullet-active {
  680. opacity: 1;
  681. }
  682. .index-banner .swiper-container-horizontal > .swiper-pagination-bullets {
  683. bottom: 20px;
  684. }
  685. .index-banner .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
  686. margin: 0 5px;
  687. }
  688. .index-banner .banner-con {
  689. color: #fff;
  690. }
  691. .index-banner .banner-con .h1 {
  692. font-size: 32px;
  693. font-weight: 600;
  694. }
  695. .index-banner .banner-con .h2 {
  696. font-size: 18px;
  697. line-height: 30px;
  698. margin-bottom: 20px;
  699. }
  700. .index-banner .banner-con .ms-btn {
  701. border-color: #fff;
  702. width: 110px;
  703. color: #fff;
  704. font-size: 16px;
  705. }
  706. .index-banner .banner-con.con1 {
  707. padding: 95px 0 0 40px;
  708. }
  709. .index-banner .banner-con.con1 .h1 {
  710. margin-bottom: 20px;
  711. }
  712. .index-banner .banner-con.con1 span {
  713. margin-left: 45px;
  714. }
  715. .index-banner .banner-con.con1 i {
  716. font-size: 22px;
  717. }
  718. .index-banner .banner-con.con2 {
  719. padding: 110px 0 0 90px;
  720. }
  721. .index-banner .banner-con.con2 .h1 {
  722. margin-bottom: 10px;
  723. }
  724. .index-banner .banner-con.con3 {
  725. text-align: center;
  726. padding-top: 75px;
  727. }
  728. .index-banner .banner-con.con3 .h1 {
  729. margin-bottom: 20px;
  730. }
  731. .index-banner .banner-con.con4 {
  732. padding: 100px 0 0 40px;
  733. }
  734. .index-banner .banner-con.con4 .h1 {
  735. margin-bottom: 20px;
  736. }
  737. /*/banner*/
  738. /*publicity*/
  739. .publicity-wrap {
  740. background-color: #f5f9fe;
  741. }
  742. .publicity li {
  743. background-color: #f5f9fe;
  744. padding: 18px 30px 0;
  745. height: 95px;
  746. float: left;
  747. width: 33.333333%;
  748. border-left: 1px solid #e5e5e5;
  749. }
  750. .publicity li > a > div {
  751. float: none;
  752. display: table-cell;
  753. vertical-align: top;
  754. }
  755. .publicity li:first-of-type {
  756. border-left-color: transparent;
  757. }
  758. .publicity li:hover {
  759. background-color: #fff;
  760. }
  761. .publicity li .p-right {
  762. padding-left: 15px;
  763. }
  764. .publicity li .tit {
  765. font-size: 18px;
  766. color: #333;
  767. margin-bottom: 3px;
  768. }
  769. .publicity li .blue-line {
  770. margin: 0 0 10px;
  771. display: none;
  772. }
  773. .publicity li p {
  774. font-size: 12px;
  775. }
  776. .publicity li:hover .tit {
  777. color: #157df1;
  778. }
  779. .publicity li:hover p {
  780. color: #157df1;
  781. }
  782. /*/publicity*/
  783. /*网站封装APP*/
  784. .index-common {
  785. text-align: center;
  786. padding: 80px 0;
  787. }
  788. .index-common > h1 {
  789. color: #157df1;
  790. margin-bottom: 20px;
  791. }
  792. .index-common > h4 {
  793. color: #666;
  794. margin-bottom: 60px;
  795. }
  796. .index-encapsulation .e-list {
  797. margin-bottom: 50px;
  798. }
  799. .index-encapsulation .e-list li {
  800. width: 20%;
  801. float: left;
  802. }
  803. .index-encapsulation .ms-thumbnail img {
  804. margin-bottom: 15px;
  805. }
  806. /*/网站封装APP*/
  807. /*企业签名*/
  808. .index-signature-wrap {
  809. background: url("../image/index-bg-1.jpg") no-repeat center;
  810. height: 660px;
  811. }
  812. .index-signature > h1 {
  813. color: #fff;
  814. }
  815. .index-signature > h4 {
  816. color: #fff;
  817. }
  818. .index-signature .row {
  819. padding: 0 50px;
  820. margin: 0 -10px 40px;
  821. }
  822. .index-signature .row .col-sm-6 {
  823. padding: 0 10px;
  824. margin-bottom: 20px;
  825. }
  826. .index-signature .row .con {
  827. background-color: #fff;
  828. padding: 0 20px;
  829. }
  830. .index-signature .row .con > * {
  831. display: table-cell;
  832. vertical-align: middle;
  833. float: none;
  834. height: 120px;
  835. }
  836. .index-signature .row .con dl {
  837. text-align: left;
  838. padding-left: 15px;
  839. }
  840. .index-signature .row .con dl dt {
  841. color: #333;
  842. font-size: 18px;
  843. margin-bottom: 5px;
  844. }
  845. .index-signature .more {
  846. border: 1px solid #fff;
  847. color: #fff;
  848. }
  849. .index-signature .more:hover {
  850. background-color: #fff;
  851. color: #157df1;
  852. }
  853. /*/企业签名*/
  854. /*内测分发*/
  855. .index-releas > h4 {
  856. margin-bottom: 50px;
  857. }
  858. .index-releas .row {
  859. margin-bottom: 50px;
  860. }
  861. .index-releas .ms-thumbnail img {
  862. margin-bottom: 10px;
  863. }
  864. /*/内测分发*/
  865. /*功能累计数*/
  866. .cumulative-wrap {
  867. background: url("../image/index-bg-2.jpg") no-repeat center;
  868. height: 300px;
  869. }
  870. .index-cumulative {
  871. padding: 70px 0;
  872. }
  873. .index-cumulative > h1 {
  874. color: #fff;
  875. margin-bottom: 50px;
  876. }
  877. .index-cumulative .num {
  878. font-size: 36px;
  879. color: #fff;
  880. margin-bottom: 5px;
  881. }
  882. .index-cumulative .text {
  883. color: #fff;
  884. }
  885. /*/功能累计数*/
  886. /*合作伙伴*/
  887. .index-partners {
  888. padding: 80px 60px 60px;
  889. }
  890. .index-partners > h1 {
  891. margin-bottom: 60px;
  892. }
  893. .index-partners .con {
  894. position: relative;
  895. border: 1px solid #e5e5e5;
  896. }
  897. .index-partners ul li {
  898. float: left;
  899. width: 20%;
  900. padding: 0 10px;
  901. margin-bottom: 20px;
  902. }
  903. .index-partners .con p {
  904. position: absolute;
  905. left: 0;
  906. top: 0;
  907. width: 100%;
  908. height: 100%;
  909. background-color: #fff;
  910. color: #333;
  911. padding: 10px;
  912. display: flex;
  913. align-items: center;
  914. cursor: pointer;
  915. display: none;
  916. }
  917. .index-partners .con:hover p {
  918. display: flex;
  919. }
  920. /*/合作伙伴*/
  921. /*footer*/
  922. footer {
  923. background-color: #2e3033;
  924. padding: 60px 0;
  925. }
  926. .footer .left dl {
  927. margin-right: 160px;
  928. }
  929. .footer .left dl:last-of-type {
  930. margin-right: 100px;
  931. }
  932. .footer .left dt {
  933. color: #fff;
  934. font-size: 18px;
  935. margin-bottom: 20px;
  936. }
  937. .footer .left dd {
  938. margin-bottom: 10px;
  939. color: #fff;
  940. font-size: 12px;
  941. }
  942. .footer .left dd.line {
  943. background-color: #fff;
  944. width: 16px;
  945. height: 2px;
  946. margin-bottom: 15px;
  947. }
  948. .footer .left dd a {
  949. color: #fff;
  950. font-size: 12px;
  951. }
  952. .footer .left dd a:hover {
  953. text-decoration: underline;
  954. }
  955. .footer .right a {
  956. display: block;
  957. }
  958. .footer .right a img {
  959. width: 110px;
  960. height: 60px;
  961. }
  962. .footer .right .wechat {
  963. padding: 5px;
  964. background-color: #fff;
  965. margin: 10px 0;
  966. width: 95px;
  967. height: 95px;
  968. overflow: hidden;
  969. }
  970. .footer .right .wechat img {
  971. width: 85px;
  972. height: 85px;
  973. }
  974. .footer .right p {
  975. font-size: 13.5px;
  976. color: #fff;
  977. text-align: right;
  978. }
  979. .footer .record {
  980. text-align: center;
  981. color: #fff;
  982. margin-top: 20px;
  983. }
  984. /*/footer*/
  985. /*----------index-----------*/
  986. /*----------登录-----------*/
  987. .login-common {
  988. width: 500px;
  989. border-radius: 0;
  990. border: 1px solid #e5e5e5;
  991. padding: 40px 45px;
  992. box-shadow: 0 5px 10px rgba(0, 0, 0, .1);
  993. margin: 80px auto;
  994. }
  995. .login-common .help-block {
  996. position: absolute;
  997. top: 100%;
  998. display: none;
  999. }
  1000. .login-common .has-error .help-block {
  1001. display: block;
  1002. }
  1003. .login-common .input-lg {
  1004. font-size: 16px;
  1005. }
  1006. .login-common .tit {
  1007. font-size: 18px;
  1008. color: #333;
  1009. text-align: center;
  1010. margin-bottom: 30px;
  1011. }
  1012. .login-common .form-group {
  1013. position: relative;
  1014. margin-bottom: 20px;
  1015. }
  1016. .login-common .form-group label {
  1017. position: absolute;
  1018. left: 12px;
  1019. top: 50%;
  1020. transform: translateY(-50%);
  1021. }
  1022. .login-common .form-group .form-control {
  1023. padding-left: 40px;
  1024. border-radius: 0;
  1025. }
  1026. .login-common .form-group .icon-tel {
  1027. font-size: 22px;
  1028. }
  1029. .login-common .form-group .icon-pwd {
  1030. font-size: 18px;
  1031. }
  1032. .login-common .checkbox {
  1033. margin: 0;
  1034. }
  1035. .login-common .checkbox input {
  1036. margin-left: 0;
  1037. }
  1038. .login-common .checkbox span {
  1039. margin-left: 20px;
  1040. }
  1041. .login-common .ms-btn-primary {
  1042. width: 100%;
  1043. font-size: 14px;
  1044. }
  1045. .login-common .login-logo {
  1046. margin-bottom: 20px;
  1047. }
  1048. .login-common .registered-logo {
  1049. margin-bottom: 30px;
  1050. }
  1051. .login-common .login-logo img {
  1052. margin: 0 auto;
  1053. }
  1054. .login-common .login-logo .slogan-wrap {
  1055. text-align: center;
  1056. margin-top: 15px;
  1057. }
  1058. .login-common .login-logo .slogan {
  1059. display: inline-block;
  1060. }
  1061. .login-common .login-logo .slogan .text {
  1062. margin: 0 7px;
  1063. color: #999;
  1064. }
  1065. /*----------/登录-----------*/
  1066. /*----------注册-----------*/
  1067. .login-common .form-group .icon-user {
  1068. font-size: 20px;
  1069. }
  1070. .login-common .form-group .icon-email {
  1071. font-size: 20px;
  1072. top: 55%;
  1073. }
  1074. .login-common .verification-code .form-control {
  1075. width: 70%;
  1076. }
  1077. .login-common .verification-code .ms-btn-primary {
  1078. width: 27%;
  1079. margin-top: 0;
  1080. }
  1081. /*----------/注册-----------*/
  1082. /*----------实名认证-----------*/
  1083. .real-name-wrap {
  1084. background-color: #f2f2f5;
  1085. padding-bottom: 40px;
  1086. }
  1087. .real-name {
  1088. background-color: #fff;
  1089. border-radius: 3px;
  1090. border: 1px solid #e5e5e5;
  1091. padding: 65px 0;
  1092. }
  1093. .real-name.real-name-error {
  1094. background-color: transparent;
  1095. border-radius: 3px;
  1096. border: none;
  1097. padding: 65px 0 0;
  1098. }
  1099. .real-name .top {
  1100. padding-bottom: 25px;
  1101. text-align: center;
  1102. }
  1103. .real-name .top ul {
  1104. display: inline-block;
  1105. }
  1106. .real-name .top ul li {
  1107. float: left;
  1108. }
  1109. .real-name .top ul li:nth-of-type(odd) {
  1110. margin: 0 35px;
  1111. }
  1112. .real-name .top ul li .num {
  1113. width: 27px;
  1114. height: 27px;
  1115. text-align: center;
  1116. line-height: 27px;
  1117. color: #fff;
  1118. font-size: 18px;
  1119. border-radius: 50%;
  1120. background-color: #d7dde4;
  1121. position: relative;
  1122. top: -1px;
  1123. }
  1124. .real-name .top ul li .text {
  1125. color: #333;
  1126. font-size: 18px;
  1127. margin-left: 10px;
  1128. }
  1129. .real-name .top ul li.active .text {
  1130. color: #348dee;
  1131. font-weight: 600;
  1132. }
  1133. .real-name .top ul li.active .num {
  1134. background-color: #348dee;
  1135. }
  1136. .real-name .top ul li dl {
  1137. margin: 12px 20px 0;
  1138. }
  1139. .real-name .top ul li dd {
  1140. background-color: #d7dde4;
  1141. width: 3px;
  1142. height: 3px;
  1143. border-radius: 3px;
  1144. float: left;
  1145. margin: 0 2px;
  1146. }
  1147. /*1*/
  1148. .real-name .con1 {
  1149. text-align: center;
  1150. background-color: #fff;
  1151. }
  1152. .real-name .con .choice {
  1153. text-align: left;
  1154. padding-left: 25px;
  1155. margin-bottom: 20px;
  1156. }
  1157. .real-name .con .choice-wrap {
  1158. display: inline-block;
  1159. padding: 75px 0 160px;
  1160. }
  1161. .real-name .con li {
  1162. width: 320px;
  1163. border: 1px solid #e5e5e5;
  1164. border-radius: 3px;
  1165. padding: 65px 0 35px;
  1166. margin: 0 25px;
  1167. }
  1168. .real-name .con li.active {
  1169. border-color: #157df1;
  1170. }
  1171. .real-name .con li .con-t {
  1172. background-color: #fbfbfb;
  1173. border: 1px solid #e5e5e5;
  1174. width: 145px;
  1175. height: 145px;
  1176. border-radius: 50%;
  1177. margin: 0 auto;
  1178. }
  1179. .real-name .con li:first-of-type .con-t {
  1180. background: url("../image/icon-8.png") no-repeat center;
  1181. }
  1182. .real-name .con li:last-of-type .con-t {
  1183. background: url("../image/icon-9.png") no-repeat center;
  1184. }
  1185. .real-name .con li .tit {
  1186. color: #333;
  1187. font-size: 18px;
  1188. text-align: center;
  1189. margin-top: 35px;
  1190. }
  1191. .real-name .con li p {
  1192. color: #666;
  1193. font-size: 12px;
  1194. text-align: center;
  1195. line-height: 24px;
  1196. margin-top: 5px;
  1197. }
  1198. .real-name .con li .authentication {
  1199. width: 50%;
  1200. margin: 40px auto 0;
  1201. display: block;
  1202. }
  1203. .real-name .con li:hover {
  1204. border-color: #348dee;
  1205. box-shadow: 0 0px 10px rgba(0, 0, 0, .1);
  1206. }
  1207. .real-name .con li:hover .con-t {
  1208. background-color: transparent;
  1209. border-color: transparent;
  1210. }
  1211. .real-name .con li:hover .authentication {
  1212. background: #348dee;
  1213. color: #fff;
  1214. border-color: #348dee;
  1215. }
  1216. /*2*/
  1217. .real-name .con2 {
  1218. padding: 0 200px; /*background-color: #fff;*/
  1219. }
  1220. .real-name .con2 .form-group {
  1221. margin-bottom: 30px;
  1222. }
  1223. .real-name .con2 .form-group .control-label {
  1224. color: #333;
  1225. }
  1226. .control-label span {
  1227. color: #ff4222;
  1228. margin-right: 10px;
  1229. }
  1230. .real-name .con2 .upload-img1 {
  1231. position: relative;
  1232. border: 1px dashed #e5e5e5;
  1233. height: 150px;
  1234. border-radius: 5px;
  1235. background: url("../image/icon-10.png") no-repeat center 40px;
  1236. overflow: hidden;
  1237. margin-bottom: 30px;
  1238. }
  1239. .real-name .con2 .upload-img1:last-of-type {
  1240. margin-bottom: 0;
  1241. }
  1242. .real-name .con2 .upload-img1 img {
  1243. position: absolute;
  1244. left: 0;
  1245. top: 0;
  1246. width: 100%;
  1247. height: 100%;
  1248. background-color: #fff;
  1249. }
  1250. .real-name .con2 .upload-img1 .thumbnail {
  1251. position: absolute;
  1252. z-index: 2;
  1253. width: 100%;
  1254. height: 100%;
  1255. left: 0;
  1256. top: 0;
  1257. opacity: 0;
  1258. cursor: pointer;
  1259. }
  1260. .real-name .con2 .upload-img1 .text {
  1261. text-align: center;
  1262. margin-top: 80px;
  1263. }
  1264. .real-name .con2 .upload-img1 .reset {
  1265. position: absolute;
  1266. left: 0;
  1267. bottom: 0;
  1268. height: 30px;
  1269. line-height: 30px;
  1270. background: rgba(0, 0, 0, .5);
  1271. width: 100%;
  1272. color: #fff;
  1273. text-align: center;
  1274. display: none;
  1275. }
  1276. .real-name .con2 .upload-img1 .reset {
  1277. display: none;
  1278. }
  1279. .real-name .con2 .upload-img1.uploaded .reset {
  1280. display: none;
  1281. }
  1282. .real-name .con2 .upload-img1.uploaded:hover .reset {
  1283. display: block;
  1284. }
  1285. .real-name .con2 .upload-img1 .water-mark {
  1286. display: none;
  1287. }
  1288. .real-name .con2 .upload-img1 .water-mark img {
  1289. background-color: transparent;
  1290. }
  1291. .real-name .con2 .upload-img1.uploaded .water-mark {
  1292. display: block;
  1293. }
  1294. .real-name .con2 .upload-img1 .ongoing {
  1295. position: absolute;
  1296. left: 0;
  1297. top: 0;
  1298. background: rgba(0, 0, 0, .5);
  1299. width: 100%;
  1300. height: 100%;
  1301. color: #fff;
  1302. display: flex;
  1303. justify-content: center;
  1304. align-items: center;
  1305. font-size: 12px;
  1306. display: none;
  1307. }
  1308. .real-name .con2 .upload-img1.uploading .ongoing {
  1309. display: flex;
  1310. }
  1311. .real-name .data-uploading .submit {
  1312. width: 160px;
  1313. }
  1314. .real-name .con2 .upload-license {
  1315. height: 340px;
  1316. margin-bottom: 0;
  1317. background-position: center 40%;
  1318. display: flex;
  1319. align-items: center;
  1320. }
  1321. .real-name .con2 .upload-license .text {
  1322. text-align: center;
  1323. width: 100%;
  1324. margin-top: 0;
  1325. }
  1326. /*3*/
  1327. .real-name .con3-top {
  1328. padding: 80px 135px 130px;
  1329. border: 1px solid #e5e5e5;
  1330. border-radius: 3px;
  1331. background-color: #fff;
  1332. }
  1333. .real-name .con3-top > h3 {
  1334. font-size: 28px;
  1335. color: #333;
  1336. margin-top: 40px;
  1337. }
  1338. .real-name .con3-top > h4 {
  1339. font-size: 18px;
  1340. color: #333;
  1341. margin-top: 15px;
  1342. }
  1343. .list-bottom-common {
  1344. padding: 40px 140px;
  1345. margin-top: 20px;
  1346. margin-bottom: 40px;
  1347. border: 1px solid #e5e5e5;
  1348. border-radius: 3px;
  1349. background-color: #fff;
  1350. }
  1351. .list-bottom-common .index-common {
  1352. padding: 0;
  1353. }
  1354. .list-bottom-common .index-common .row {
  1355. margin-top: 0;
  1356. }
  1357. .list-bottom-common .index-common .con {
  1358. border: 1px solid #e5e5e5;
  1359. border-radius: 3px;
  1360. padding: 40px 30px 45px;
  1361. }
  1362. .list-bottom-common .index-common .con p {
  1363. line-height: 20px;
  1364. font-size: 12px;
  1365. margin-top: 30px;
  1366. height: 80px;
  1367. }
  1368. .list-bottom-common .index-common .con img {
  1369. height: 83px;
  1370. margin: 0 auto 20px;
  1371. }
  1372. .list-bottom-common .index-common .con:hover {
  1373. box-shadow: 0 5px 20px rgba(0, 0, 0, .1);
  1374. }
  1375. .list-bottom-common .index-common .con:hover h4 {
  1376. color: #157df1;
  1377. }
  1378. .real-name .con3-top .btn-reset {
  1379. background-color: #fd9823;
  1380. color: #fff;
  1381. padding: 9px 0;
  1382. width: 160px;
  1383. display: block;
  1384. margin: 40px auto 0;
  1385. }
  1386. .real-name .list-bottom-common {
  1387. margin-bottom: 0;
  1388. }
  1389. /*----------/实名认证-----------*/
  1390. /*----------价格-----------*/
  1391. .buy-distribution {
  1392. padding: 90px 70px 0;
  1393. }
  1394. .buy-distribution .con {
  1395. border: 1px solid #e5e5e5;
  1396. padding-bottom: 35px;
  1397. margin-bottom: 30px;
  1398. }
  1399. .buy-distribution .con:hover {
  1400. box-shadow: 0 5px 10px rgba(21, 125, 241, .2);
  1401. }
  1402. .buy-distribution .con .c-top {
  1403. background: linear-gradient(to right, #5aabfc, #28c9f7);
  1404. height: 160px;
  1405. border-radius: 0 0 50% 50%;
  1406. text-align: center;
  1407. padding-top: .1px;
  1408. position: relative;
  1409. }
  1410. .buy-distribution .con .c-top .text {
  1411. color: #fff;
  1412. font-size: 16px;
  1413. margin-top: 30px;
  1414. }
  1415. .buy-distribution .con .c-top .num {
  1416. color: #fff;
  1417. font-size: 50px;
  1418. }
  1419. .buy-distribution .con .c-top .num span {
  1420. font-size: 12px;
  1421. }
  1422. .buy-distribution .con .c-top .recommended {
  1423. position: absolute;
  1424. top: 0;
  1425. right: 0;
  1426. display: none;
  1427. }
  1428. .buy-distribution .tooltip .tooltip-inner {
  1429. max-width: 300px;
  1430. }
  1431. .buy-distribution .con .bottom .text {
  1432. color: #333;
  1433. margin-top: 25px;
  1434. }
  1435. .buy-distribution .con .bottom .price {
  1436. color: #157df1;
  1437. font-size: 40px;
  1438. margin-top: 15px;
  1439. }
  1440. .buy-distribution .con .bottom .price span {
  1441. font-size: 12px;
  1442. }
  1443. .buy-distribution .con .bottom .btn-buy {
  1444. padding: 9px 0;
  1445. width: 120px;
  1446. border: 1px solid #157df1;
  1447. color: #157df1;
  1448. margin-top: 25px;
  1449. }
  1450. .buy-distribution .con:hover .bottom .btn-buy {
  1451. background-color: #157df1;
  1452. color: #fff;
  1453. }
  1454. .buy-distribution .con .bottom-con {
  1455. padding: 0 30px;
  1456. margin-top: 40px;
  1457. }
  1458. .buy-distribution .con .bottom-con dl {
  1459. border-top: 1px solid #e5e5e5;
  1460. text-align: left;
  1461. color: #666;
  1462. padding-top: 20px;
  1463. height: 156px;
  1464. }
  1465. .buy-distribution .con .bottom-con dl dd {
  1466. margin: 5px 0;
  1467. }
  1468. .buy-distribution .con .bottom-con dl dd .icon-gou {
  1469. margin-right: 10px;
  1470. }
  1471. .buy-distribution .con .bottom-con dl dd .icon-prompt {
  1472. position: relative;
  1473. margin-left: 5px;
  1474. top: -3px;
  1475. cursor: pointer;
  1476. }
  1477. .buy-distribution p {
  1478. padding: 10px 0 40px;
  1479. border-bottom: 1px solid #e5e5e5;
  1480. }
  1481. .buy-distribution p a {
  1482. color: #157df1;
  1483. }
  1484. /*----------/价格-----------*/
  1485. /*----------价格改版 改版完成后,将上一版价格样式删除-----------*/
  1486. .price-banner {
  1487. background: url("../image/price-1.jpg") no-repeat center;
  1488. height: 170px;
  1489. }
  1490. .price-tab {
  1491. position: relative;
  1492. }
  1493. .price-tab ul {
  1494. width: 490px;
  1495. height: 40px;
  1496. line-height: 40px;
  1497. margin: 40px auto;
  1498. }
  1499. .price-tab ul li {
  1500. float: left;
  1501. text-align: center;
  1502. width: 33%;
  1503. color: #333;
  1504. cursor: pointer;
  1505. margin-right: -1px;
  1506. border: 1px solid #e5e5e5;
  1507. }
  1508. .price-tab li:first-of-type {
  1509. border-radius: 20px 0 0 20px;
  1510. border-right-color: transparent;
  1511. }
  1512. .price-tab li:last-of-type {
  1513. border-left-color: transparent;
  1514. border-radius: 0 20px 20px 0;
  1515. }
  1516. .price-tab ul li.active {
  1517. background-color: #157df1;
  1518. border-color: #157df1;
  1519. color: #fff;
  1520. }
  1521. .price-tab ul li:hover {
  1522. background-color: #157df1;
  1523. border-color: #157df1;
  1524. color: #fff;
  1525. }
  1526. .price-con > div {
  1527. display: none;
  1528. }
  1529. .new-price-con > div {
  1530. display: none;
  1531. }
  1532. .price-con .price-common {
  1533. margin-top: 80px;
  1534. }
  1535. .price-con .price-common h1 {
  1536. color: #157df1;
  1537. text-align: center;
  1538. margin-bottom: 20px;
  1539. }
  1540. .price-con .price-common h1 span {
  1541. color: #fd641d;
  1542. font-size: 18px;
  1543. }
  1544. .price-con .price-common .p1 {
  1545. color: #666;
  1546. text-align: center;
  1547. font-size: 16px;
  1548. margin-bottom: 30px;
  1549. }
  1550. .price-con .price-common .gradient {
  1551. height: 8px;
  1552. background: linear-gradient(to right, #f2c0f3, #583751);
  1553. }
  1554. .price-con .price-common .gradient1 {
  1555. background: linear-gradient(to right, #5caafd, #57d4f8);
  1556. }
  1557. .price-con .price-common .gradient2 {
  1558. background: linear-gradient(to right, #507dfb, #5598fa);
  1559. }
  1560. .price-con .price-common .gradient3 {
  1561. background: linear-gradient(to right, #5958d9, #8e1fe5);
  1562. }
  1563. .price-con .price-common .big-package .gradient1 {
  1564. background: linear-gradient(to right, #fea63f, #ffcd35);
  1565. }
  1566. .price-con .price-common .big-package .gradient2 {
  1567. background: linear-gradient(to right, #fc853e, #fe9f30);
  1568. }
  1569. .price-con .price-common .big-package .gradient3 {
  1570. background: linear-gradient(to right, #fc7738, #ff339a);
  1571. }
  1572. .price-con .table-wrap {
  1573. padding: 0 120px;
  1574. }
  1575. .price-con .price-common table {
  1576. table-layout: fixed;
  1577. }
  1578. .price-con .price-common table th {
  1579. padding: 0;
  1580. text-align: center;
  1581. color: #333;
  1582. vertical-align: middle;
  1583. height: 50px;
  1584. font-weight: bold;
  1585. }
  1586. .price-con .price-common table td {
  1587. padding: 0;
  1588. text-align: center;
  1589. color: #333;
  1590. vertical-align: middle;
  1591. height: 50px;
  1592. }
  1593. .price-con .price-common table td .font20 {
  1594. font-size: 18px;
  1595. }
  1596. .price-con .price-common table td .free {
  1597. font-size: 14px;
  1598. }
  1599. .price-con .price-common .badge-basis {
  1600. position: relative;
  1601. }
  1602. .price-con .price-common .badge {
  1603. background-color: #eb1f1e;
  1604. position: absolute;
  1605. left: calc(100% + 5px);
  1606. top: -10px;
  1607. border-radius: 5px;
  1608. font-size: 12px;
  1609. padding: 3px 5px;
  1610. font-weight: normal;
  1611. }
  1612. .price-con .price-common table .icon-duihao {
  1613. color: #13c960;
  1614. font-size: 24px;
  1615. }
  1616. .price-con .price-common table .icon-xingxing2 {
  1617. color: #b0b0b0;
  1618. font-size: 24px;
  1619. }
  1620. .price-con .price-common table .icon-xingxing {
  1621. color: #fec323;
  1622. font-size: 24px;
  1623. }
  1624. .buy-number {
  1625. padding: 0 60px;
  1626. }
  1627. .buy-number .price-common .con {
  1628. border: 1px solid #b9b5b5;
  1629. padding-bottom: 40px;
  1630. }
  1631. .buy-number .price-common .con:hover {
  1632. box-shadow: 0 5px 10px rgba(21, 125, 241, .2);
  1633. }
  1634. .buy-number .price-common .c-top {
  1635. text-align: center;
  1636. padding: 30px 0 35px;
  1637. position: relative;
  1638. }
  1639. .buy-number .price-common .con .c-top .num {
  1640. color: #333;
  1641. font-size: 50px;
  1642. }
  1643. .buy-number .price-common .con .c-top .num span {
  1644. font-size: 16px;
  1645. }
  1646. .buy-number .price-common .con .c-top p {
  1647. color: #666;
  1648. }
  1649. .buy-number .price-common .con .c-top .recommended {
  1650. position: absolute;
  1651. top: 0;
  1652. right: 0;
  1653. display: none;
  1654. }
  1655. .buy-number .price-common .tooltip .tooltip-inner {
  1656. max-width: 300px;
  1657. }
  1658. .buy-number .price-common .con .bottom-con {
  1659. padding: 0 30px;
  1660. }
  1661. .buy-number .price-common .con .bottom-con dl {
  1662. border-top: 1px solid #e5e5e5;
  1663. text-align: left;
  1664. color: #666;
  1665. padding-top: 20px;
  1666. height: 195px;
  1667. }
  1668. .buy-number .price-common .con .bottom-con dl dd {
  1669. margin: 10px 0;
  1670. }
  1671. .buy-number .price-common .con .bottom-con dl dd .icon-gou {
  1672. margin-right: 10px;
  1673. font-size: 14px;
  1674. }
  1675. .buy-number .price-common .con .bottom-con dl dd .icon-prompt {
  1676. position: relative;
  1677. margin-left: 5px;
  1678. top: -3px;
  1679. cursor: pointer;
  1680. }
  1681. .buy-number .price-common .con .bottom-con .b-price {
  1682. font-size: 16px;
  1683. color: #157df1;
  1684. text-align: center;
  1685. margin-bottom: 25px;
  1686. }
  1687. .buy-number .price-common .con .bottom-con .b-price span {
  1688. font-size: 40px;
  1689. }
  1690. .buy-number .price-common .con .bottom {
  1691. text-align: center;
  1692. }
  1693. .buy-number .price-common .con .bottom .btn-buy {
  1694. padding: 9px 12px;
  1695. width: 120px;
  1696. }
  1697. .price-con .tab-2 .price-common .p1 {
  1698. margin-bottom: 40px;
  1699. }
  1700. .price-con > .tab-3 {
  1701. margin-bottom: 60px;
  1702. }
  1703. .price-con .big-bag-price h1 {
  1704. color: #fd9817;
  1705. }
  1706. .buy-number .big-bag-price .con .c-top .num {
  1707. color: #fd9817;
  1708. }
  1709. .buy-number .big-bag-price .con .c-top .num span {
  1710. color: #333;
  1711. }
  1712. .buy-number .big-bag-price .color-hover {
  1713. color: #fd9817;
  1714. }
  1715. .buy-number .big-bag-price .con .bottom .btn-buy {
  1716. background-color: #fd9817;
  1717. border-color: #fd9817;
  1718. }
  1719. .buy-number .big-bag-price .con .bottom-con .b-price {
  1720. color: #fd9817;
  1721. }
  1722. /*----------/价格改版 改版完成后,将上一版价格样式删除-----------*/
  1723. /*----------价格支付-----------*/
  1724. .price-pay-wrap {
  1725. background-color: #f2f2f5;
  1726. padding-bottom: 40px;
  1727. }
  1728. .price-pay .con {
  1729. background-color: #fff;
  1730. border-radius: 3px;
  1731. box-shadow: 0 0 5px rgba(0, 0, 0, .05);
  1732. }
  1733. .price-pay .common .tit {
  1734. padding: 25px 30px 20px;
  1735. border-bottom: 1px solid #e5e5e5;
  1736. color: #333;
  1737. }
  1738. .price-pay .common ul {
  1739. padding: 20px 25px;
  1740. }
  1741. .price-pay .common ul li {
  1742. float: left;
  1743. position: relative;
  1744. cursor: pointer;
  1745. }
  1746. .price-pay .common .list1 li {
  1747. border: 1px solid #e5e5e5;
  1748. border-radius: 3px;
  1749. padding: 12px 20px 11px;
  1750. margin-right: 40px;
  1751. }
  1752. .price-pay .common .list1 li .left {
  1753. padding-right: 40px;
  1754. }
  1755. .price-pay .common .list1 li .text1 {
  1756. color: #666;
  1757. }
  1758. .price-pay .common .list1 li .text2 {
  1759. color: #333;
  1760. margin-top: 5px;
  1761. font-weight: 600;
  1762. }
  1763. .price-pay .common .list1 .right {
  1764. color: #157df1;
  1765. font-size: 30px;
  1766. padding-left: 50px;
  1767. border-left: 1px solid #e5e5e5;
  1768. }
  1769. .price-pay .common .list1 .right span {
  1770. color: #666;
  1771. font-size: 14px;
  1772. }
  1773. .price-pay .common ul li .radio-checked {
  1774. display: none;
  1775. position: absolute;
  1776. right: 0;
  1777. bottom: 0;
  1778. }
  1779. .price-pay .common ul li.active .radio-checked {
  1780. display: block;
  1781. }
  1782. .price-pay .common ul.list1 .active {
  1783. border-color: #157df1;
  1784. }
  1785. .price-pay .common .list2.active {
  1786. border-color: #157df1;
  1787. }
  1788. .price-pay .common .list2 li.active .icon-radio {
  1789. width: 16px;
  1790. height: 16px;
  1791. background-position: 0 -17px;
  1792. }
  1793. .price-pay .common .list2 li {
  1794. margin-right: 70px;
  1795. position: relative;
  1796. }
  1797. .price-pay .common .list2 li .preferential {
  1798. background-color: #ed2027;
  1799. border-radius: 3px;
  1800. color: #fff;
  1801. position: absolute;
  1802. top: -18px;
  1803. left: 100%;
  1804. font-size: 12px;
  1805. white-space: nowrap;
  1806. padding: 1px 3px;
  1807. z-index: 3;
  1808. display: none;
  1809. }
  1810. .price-pay .common .list3 li {
  1811. height: 44px;
  1812. border: 1px solid #e5e5e5;
  1813. justify-content: center;
  1814. display: flex;
  1815. align-items: center;
  1816. margin-right: 20px;
  1817. padding: 0 30px;
  1818. }
  1819. .price-pay .common .list3 li.disabled {
  1820. background-color: #f9f9f9;
  1821. cursor: not-allowed;
  1822. }
  1823. .price-pay .common .list3 li.disabled .iconfont {
  1824. color: #b3b3b3;
  1825. }
  1826. .price-pay .common .list3 li.disabled .remaining-amount {
  1827. color: #999;
  1828. }
  1829. .price-pay .common .list3 li.disabled .remaining-amount .color-hover {
  1830. color: #999;
  1831. }
  1832. .price-pay .common .list3 li img {
  1833. display: inline-block;
  1834. }
  1835. .price-pay .common ul.list3 .active {
  1836. border-color: #157df1;
  1837. }
  1838. .price-pay .common ul.list2 .disabled {
  1839. cursor: not-allowed;
  1840. color: #e5e5e5;
  1841. background-color: transparent !important;
  1842. }
  1843. .price-pay .pay-money {
  1844. padding-left: 25px;
  1845. border-top: 1px solid #e5e5e5;
  1846. margin-top: 20px;
  1847. padding-bottom: 40px;
  1848. }
  1849. .price-pay .pay-money .money {
  1850. color: #333;
  1851. padding: 20px 0;
  1852. }
  1853. .price-pay .pay-money .money span {
  1854. color: #fd641d;
  1855. font-size: 24px;
  1856. }
  1857. .price-pay .pay-money .ms-btn {
  1858. width: 160px;
  1859. padding: 9px 0;
  1860. }
  1861. .price-pay .common .remaining-amount .a-num {
  1862. font-size: 12px;
  1863. }
  1864. .price-pay .common .icon-yue {
  1865. color: #ffa304;
  1866. font-size: 22px;
  1867. margin-right: 5px;
  1868. }
  1869. /*----------/价格支付-----------*/
  1870. /*----------应用发布-----------*/
  1871. .release-app-wrap {
  1872. background-color: #f2f2f5;
  1873. }
  1874. .upload-file {
  1875. box-shadow: 0 0 5px rgba(0, 0, 0, .05);
  1876. border-radius: 3px;
  1877. background-color: #fff;
  1878. padding: 160px 0 100px;
  1879. margin-top: 20px;
  1880. }
  1881. .upload-file .upload-btn {
  1882. width: 240px;
  1883. padding: 0;
  1884. height: 60px;
  1885. font-size: 18px;
  1886. line-height: 58px;
  1887. margin: 0 auto;
  1888. display: block;
  1889. position: relative;
  1890. }
  1891. .upload-file .upload-btn input[type=file] {
  1892. position: absolute;
  1893. width: 100%;
  1894. height: 100%;
  1895. left: 0;
  1896. top: 0;
  1897. opacity: 0;
  1898. cursor: pointer;
  1899. }
  1900. .upload-file .upload-btn .iconfont {
  1901. font-size: 30px;
  1902. margin-right: 10px;
  1903. position: relative;
  1904. }
  1905. .upload-file p {
  1906. text-align: center;
  1907. color: #666;
  1908. line-height: 22px;
  1909. margin-top: 15px;
  1910. }
  1911. .upload-file .upload-btn .text {
  1912. position: relative;
  1913. top: -3px;
  1914. }
  1915. .release-app > p {
  1916. padding: 5px 0;
  1917. }
  1918. .release-app > p > a {
  1919. color: #157df1;
  1920. }
  1921. .upload-app-icon img {
  1922. width: 60px;
  1923. height: 60px;
  1924. border-radius: 15px;
  1925. border: 1px solid #e5e5e5;
  1926. }
  1927. /*app 上传成功*/
  1928. /*
  1929. .release-app .uploaded-success{height: 450px; background-color: #fff; border: 1px solid #e5e5e5; margin-top: 20px; margin-bottom: 40px; text-align: center;}
  1930. .release-app .uploaded-success img{width: 90px; height: 90px; border-radius: 15px; margin-top: 70px; border: 1px solid #e5e5e5;}
  1931. .release-app .uploaded-success .tit{font-size: 20px; color: #333; margin-top: 15px;}
  1932. .release-app .uploaded-success .iconfont{margin-right: 5px;}
  1933. */
  1934. .release-app .uploaded-success {
  1935. padding: 110px 0;
  1936. background-color: #fff;
  1937. border-radius: 5px;
  1938. margin-bottom: 40px;
  1939. text-align: center;
  1940. }
  1941. .release-app .uploaded-success .img-wrap {
  1942. width: 130px;
  1943. height: 130px;
  1944. border-radius: 15px;
  1945. padding: 10px;
  1946. box-shadow: 0 0 10px rgba(0, 0, 0, .2);
  1947. margin: 0 auto;
  1948. margin-bottom: 30px;
  1949. }
  1950. .release-app .uploaded-success img {
  1951. border-radius: 15px;
  1952. max-width: 100%;
  1953. height: 100%;
  1954. }
  1955. .release-app .uploaded-success .tit {
  1956. font-size: 20px;
  1957. color: #fff;
  1958. background: url("../image/release-img-1.png") no-repeat;
  1959. width: 283px;
  1960. height: 37px;
  1961. line-height: 37px;
  1962. margin: 0 auto 25px;
  1963. font-weight: 600;
  1964. }
  1965. .release-app .uploaded-success .p1 {
  1966. font-size: 18px;
  1967. color: #333;
  1968. margin-bottom: 40px;
  1969. }
  1970. .release-app .uploaded-success .up-btn .ms-btn {
  1971. border-radius: 20px;
  1972. width: 150px;
  1973. padding: 8px;
  1974. margin: 0 12px;
  1975. font-size: 16px;
  1976. }
  1977. .release-app .uploaded-success .up-btn .ms-btn:hover {
  1978. box-shadow: 0 3px 5px rgba(21, 125, 241, .2);
  1979. }
  1980. .release-app .uploaded-success .iconfont {
  1981. margin-right: 5px;
  1982. }
  1983. /*----------/应用发布-----------*/
  1984. /*----------/我的应用-----------*/
  1985. .release-app .search {
  1986. position: relative;
  1987. }
  1988. .release-app .search .iconfont {
  1989. position: absolute;
  1990. left: 10px;
  1991. top: 50%;
  1992. transform: translateY(-50%);
  1993. font-size: 18px;
  1994. }
  1995. .release-app .search input {
  1996. height: 40px;
  1997. line-height: 38px;
  1998. width: 160px;
  1999. border: 1px solid #e5e5e5;
  2000. padding-left: 40px;
  2001. }
  2002. .release-app .search .btn-search {
  2003. line-height: 40px;
  2004. color: #157df1;
  2005. margin-left: 15px;
  2006. }
  2007. .release-app .btn-new-release .iconfont {
  2008. font-size: 20px;
  2009. }
  2010. .release-app .btn-new-release .text {
  2011. margin: 4px 0 0 5px;
  2012. }
  2013. .release-app .app-table-wrap { /*min-height: 400px;*/
  2014. background-color: #fff;
  2015. margin-top: 20px;
  2016. }
  2017. /*.release-app .app-table-wrap .table-responsive{min-height: 500px;}*/
  2018. .release-app .app-table {
  2019. border: 1px solid #e5e5e5;
  2020. }
  2021. .release-app .app-table tr th {
  2022. text-align: center;
  2023. font-weight: 600;
  2024. color: #666;
  2025. padding: 15px 0;
  2026. background-color: #f7f7fa;
  2027. border-color: #e5e5e5;
  2028. font-size: 12px;
  2029. }
  2030. .release-app .app-table tr td {
  2031. font-size: 12px;
  2032. color: #666;
  2033. }
  2034. .release-app .app-table > tbody > tr > td {
  2035. text-align: center;
  2036. padding: 10px;
  2037. vertical-align: middle;
  2038. background-color: #fff;
  2039. border-color: #e5e5e5;
  2040. color: #666;
  2041. }
  2042. .release-app .app-table > tbody > tr > td.color-danger {
  2043. color: #fd641d;
  2044. }
  2045. .release-app .app-table > tbody > tr > td.color-999 {
  2046. color: #999;
  2047. }
  2048. .release-app .app-table > tbody > tr > td td {
  2049. text-align: left;
  2050. }
  2051. /*.release-app .app-table>tbody>tr:hover td{background-color: #f9f9f9;}*/
  2052. /*.release-app .app-table>tbody>tr>td:first-of-type img{border-radius: 5px; border: 1px solid #e5e5e5;}*/
  2053. .release-app .app-table .app-icon-size img {
  2054. border-radius: 5px;
  2055. border: 1px solid #e5e5e5;
  2056. }
  2057. .release-app .icon-small-code {
  2058. position: relative;
  2059. cursor: pointer;
  2060. margin-left: 5px;
  2061. }
  2062. .release-app .icon-small-code .popover {
  2063. width: 150px;
  2064. display: none;
  2065. left: 50%;
  2066. top: 13px;
  2067. transform: translateX(-50%);
  2068. }
  2069. .release-app .icon-small-code .popover .popover-title {
  2070. color: #333;
  2071. }
  2072. .release-app .icon-small-code .popover .popover-content img {
  2073. width: 120px;
  2074. height: 120px;
  2075. }
  2076. .release-app .icon-small-code:hover .popover {
  2077. display: block;
  2078. }
  2079. .release-app .no-app {
  2080. padding-bottom: 100px;
  2081. }
  2082. /*
  2083. .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;}
  2084. */
  2085. .release-app .qr-code img {
  2086. width: 100px;
  2087. height: 100px;
  2088. margin-top: 42px;
  2089. }
  2090. /*----------/我的应用-----------*/
  2091. /*----------我的应用 编辑设置-----------*/
  2092. .release-app .app-editor {
  2093. background-color: #fff;
  2094. border-radius: 3px;
  2095. border: 1px solid #e5e5e5;
  2096. padding: 30px;
  2097. margin-bottom: 40px;
  2098. }
  2099. .release-app .app-editor .top .upload-img {
  2100. width: 80px;
  2101. height: 80px;
  2102. border-radius: 5px;
  2103. overflow: hidden;
  2104. position: relative;
  2105. }
  2106. .release-app .app-editor .top .upload-img img {
  2107. position: absolute;
  2108. left: 0;
  2109. top: 0;
  2110. width: 100%;
  2111. height: 100%;
  2112. background-color: #fff;
  2113. border-radius: 15px;
  2114. }
  2115. .release-app .app-editor .top .upload-img .upload {
  2116. position: absolute;
  2117. right: 0;
  2118. bottom: 0;
  2119. background-color: rgba(0, 0, 0, .6);
  2120. line-height: 20px;
  2121. width: 100%;
  2122. text-align: center;
  2123. color: #fff;
  2124. font-size: 12px;
  2125. cursor: pointer;
  2126. display: none;
  2127. }
  2128. .release-app .app-editor .top .upload-img:hover .upload {
  2129. display: block;
  2130. }
  2131. .release-app .app-editor .top .upload-img .thumbnail {
  2132. position: absolute;
  2133. z-index: 4;
  2134. left: 0;
  2135. top: 0;
  2136. width: 100%;
  2137. height: 100%;
  2138. opacity: 0;
  2139. cursor: pointer;
  2140. overflow: hidden;
  2141. margin-bottom: 0;
  2142. }
  2143. .release-app .app-editor .top .upload-img.uploaded .upload {
  2144. display: none;
  2145. }
  2146. .release-app .app-editor .top .upload-img.uploaded input {
  2147. display: none;
  2148. }
  2149. .release-app .app-editor .top .upload-img.uploaded:hover .upload {
  2150. display: block;
  2151. }
  2152. .release-app .app-editor .top .upload-img.uploaded:hover input {
  2153. display: block;
  2154. }
  2155. .release-app .app-editor .top .left dl {
  2156. margin-left: 20px;
  2157. }
  2158. .release-app .app-editor .top .left dl dt {
  2159. font-size: 24px;
  2160. color: #333;
  2161. margin-top: 5px;
  2162. }
  2163. .release-app .app-editor .top .left dl dt .icon-iphone {
  2164. margin-top: 10px;
  2165. margin-left: 5px;
  2166. }
  2167. .release-app .app-editor .top .left dl dt .icon-android {
  2168. margin-top: 10px;
  2169. margin-left: 5px;
  2170. }
  2171. .release-app .app-editor .top .left dl dd {
  2172. color: #333;
  2173. margin-top: 7px;
  2174. }
  2175. .release-app .app-editor .top .right {
  2176. line-height: 22px;
  2177. }
  2178. .release-app .app-editor .top .right .iconfont {
  2179. font-size: 22px;
  2180. }
  2181. .release-app .app-editor table {
  2182. margin-top: 30px;
  2183. table-layout: fixed;
  2184. }
  2185. .release-app .app-editor table td {
  2186. padding: 15px;
  2187. }
  2188. .release-app .app-editor table td .bold {
  2189. color: #333;
  2190. margin-bottom: 5px;
  2191. }
  2192. .release-app .app-editor .download-qr .icon-small-code {
  2193. position: relative;
  2194. cursor: pointer;
  2195. margin-top: 3px;
  2196. margin-left: 5px;
  2197. }
  2198. .release-app .app-editor table td .link-down {
  2199. }
  2200. .release-app .app-editor table td .link-down:hover {
  2201. color: #157df1;
  2202. text-decoration: underline;
  2203. }
  2204. /*
  2205. .release-app .app-editor .download-qr .icon-small-code img{position: absolute; left: -14px; top: 12px; opacity: 0; transition: all 600ms;}
  2206. .release-app .app-editor .download-qr .icon-small-code:hover img{opacity: 1;}
  2207. */
  2208. .release-app .app-editor .set .short-link > .col-sm-6 > .col-sm-6 {
  2209. padding-left: 0;
  2210. padding-right: 0;
  2211. }
  2212. .release-app .app-editor .set .short-link .form-control {
  2213. border-radius: 0 4px 4px 0;
  2214. border-left: none;
  2215. }
  2216. .release-app .app-editor .set .short-link .link {
  2217. padding: 6px 12px !important;
  2218. height: 34px;
  2219. background-color: #f2f2f5;
  2220. border: 1px solid #e5e5e5;
  2221. border-radius: 4px 0 0 4px;
  2222. color: #333;
  2223. }
  2224. .release-app .app-editor .set {
  2225. border: 1px solid #e5e5e5;
  2226. border-radius: 3px;
  2227. padding-bottom: 40px;
  2228. }
  2229. .release-app .app-editor .set .tab {
  2230. background-color: #f2f2f5;
  2231. height: 44px;
  2232. line-height: 44px;
  2233. border-bottom: 1px solid #e5e5e5;
  2234. }
  2235. .release-app .app-editor .set .tab li {
  2236. float: left;
  2237. padding: 0 20px;
  2238. cursor: pointer;
  2239. color: #333;
  2240. }
  2241. .release-app .app-editor .set .tab li.active {
  2242. background-color: #fff;
  2243. border-right: 1px solid #e5e5e5;
  2244. border-left: 1px solid #e5e5e5;
  2245. margin-left: -1px;
  2246. color: #157df1;
  2247. }
  2248. .release-app .app-editor .set .tab-con {
  2249. margin-top: 40px;
  2250. }
  2251. .release-app .app-editor .set .col-sm-1 {
  2252. width: 11%;
  2253. }
  2254. .release-app .app-editor .set .tab-con label {
  2255. color: #333;
  2256. }
  2257. .release-app .app-editor .set .tab-con .form-control {
  2258. color: #333;
  2259. }
  2260. .release-app .app-editor .set .tab-con > div {
  2261. display: none;
  2262. }
  2263. .release-app .app-editor .set .tab-con .form-group {
  2264. margin-bottom: 30px;
  2265. }
  2266. .release-app .app-editor .set .trust {
  2267. margin-top: 7px;
  2268. }
  2269. .release-app .app-editor .set .trust li {
  2270. float: left;
  2271. margin-right: 50px;
  2272. cursor: pointer;
  2273. color: #333;
  2274. }
  2275. .release-app .app-editor .set .trust li .icon-radio {
  2276. margin-right: 8px;
  2277. }
  2278. /*----------/我的应用 编辑设置-----------*/
  2279. /*----------个人中心-----------*/
  2280. .user-center-wrap {
  2281. background-color: #f2f2f5;
  2282. }
  2283. .user-center {
  2284. margin-bottom: 40px;
  2285. }
  2286. .user-center > .row {
  2287. margin: 0 -5px;
  2288. }
  2289. .user-center > .row > .col-sm-2 {
  2290. width: 18.5%;
  2291. padding: 0 5px;
  2292. }
  2293. .user-center > .row > .col-sm-10 {
  2294. width: 81.5%;
  2295. padding: 0 5px;
  2296. }
  2297. .user-center .left {
  2298. border: 1px solid #e5e5e5;
  2299. border-radius: 3px;
  2300. background-color: #fff;
  2301. height: 830px;
  2302. }
  2303. .user-center .right {
  2304. border: 1px solid #e5e5e5;
  2305. border-radius: 3px;
  2306. background-color: #fff;
  2307. height: 830px;
  2308. }
  2309. .user-center .left dl {
  2310. padding-top: 20px;
  2311. border-bottom: 1px solid #e5e5e5;
  2312. }
  2313. .user-center .left dl dt {
  2314. font-size: 16px;
  2315. color: #333;
  2316. font-weight: 600;
  2317. padding-left: 25px;
  2318. margin-bottom: 15px;
  2319. }
  2320. .user-center .left dl dt .icon-service {
  2321. margin: 5px 15px 0 0;
  2322. }
  2323. .user-center .left dl dt .icon-order {
  2324. margin: 4px 15px 0 0;
  2325. }
  2326. .user-center .left dl dt .icon-user1 {
  2327. margin: 3px 15px 0 0;
  2328. }
  2329. .user-center .left dl dd a {
  2330. height: 50px;
  2331. line-height: 50px;
  2332. padding-left: 55px;
  2333. color: #333;
  2334. display: block;
  2335. }
  2336. .user-center .left dl dd a:hover {
  2337. background-color: #157df1;
  2338. color: #fff;
  2339. }
  2340. .user-center .left dl dd.active a {
  2341. background-color: #157df1;
  2342. color: #fff;
  2343. }
  2344. .user-center .right .tit {
  2345. font-size: 16px;
  2346. color: #333;
  2347. font-weight: 600;
  2348. padding: 15px 20px;
  2349. border-bottom: 1px solid #e5e5e5;
  2350. }
  2351. .user-center .right .con {
  2352. padding: 20px 50px;
  2353. }
  2354. .user-center .right .con .input-size {
  2355. width: 78%;
  2356. margin-right: 10px;
  2357. float: left;
  2358. }
  2359. .user-center .right .con label {
  2360. color: #333;
  2361. font-weight: 600;
  2362. }
  2363. .user-center .right .con .form-group label {
  2364. margin: 0 30px 8px 0;
  2365. }
  2366. .user-center .right .con .current-email {
  2367. margin-bottom: 5px;
  2368. }
  2369. .user-center .right .con .user-data {
  2370. table-layout: fixed;
  2371. }
  2372. .user-center .right .con .user-data tr th:first-of-type {
  2373. width: 140px;
  2374. }
  2375. .user-center .right .con .user-data tr td:first-of-type {
  2376. width: 270px;
  2377. }
  2378. .user-center .right .con .user-data tr td:last-of-type {
  2379. width: 150px;
  2380. }
  2381. .user-center .right .con .user-data td, .user-center .right .con .user-data th {
  2382. border: none !important;
  2383. color: #333;
  2384. vertical-align: middle;
  2385. padding: 5px 8px;
  2386. }
  2387. .user-center .right .con .user-data th {
  2388. font-weight: 600;
  2389. }
  2390. .user-center .right .con .read-only {
  2391. padding-top: 15px;
  2392. border-top: 1px solid #e5e5e5;
  2393. }
  2394. .user-center .right .con .read-only th, .user-center .right .con .read-only td {
  2395. padding: 8px;
  2396. }
  2397. .user-center .right .table-wrap {
  2398. padding: 20px;
  2399. }
  2400. .user-center .right .table-wrap .table-responsive {
  2401. overflow-x: visible;
  2402. }
  2403. .user-center .right .con .table-order .icon-prompt {
  2404. position: relative;
  2405. top: 2px;
  2406. margin-left: 5px;
  2407. cursor: pointer;
  2408. }
  2409. .user-center .right .con .table-order > tbody > tr:nth-of-type(odd) {
  2410. background-color: #f6fafe;
  2411. }
  2412. .user-center .right .con .table-order tr th {
  2413. background-color: #4497f4;
  2414. color: #fff;
  2415. padding: 15px;
  2416. text-align: center;
  2417. border-color: #4497f4;
  2418. }
  2419. .user-center .right .con .table-order tr td {
  2420. padding: 25px 15px;
  2421. text-align: center;
  2422. }
  2423. .user-center .right .con .table-order .icon-prompt .tips {
  2424. background: url("../image/icon-prompt.png") no-repeat;
  2425. width: 159px;
  2426. height: 58px;
  2427. position: absolute;
  2428. left: -17px;
  2429. bottom: 11px;
  2430. padding-top: 15px;
  2431. font-size: 12px;
  2432. opacity: 0;
  2433. display: none;
  2434. transition: all 600ms;
  2435. z-index: 1000;
  2436. }
  2437. .user-center .right .con .table-order .icon-prompt:hover .tips {
  2438. opacity: 1;
  2439. display: block;
  2440. }
  2441. .user-center .right .service-wrap {
  2442. padding: 20px;
  2443. }
  2444. .user-center .right .service {
  2445. border: 1px solid #e5e5e5;
  2446. border-radius: 3px;
  2447. height: 135px;
  2448. }
  2449. .user-center .right .service .top .tit {
  2450. background-color: #f5f6f8;
  2451. font-size: 18px;
  2452. color: #333;
  2453. font-weight: 600;
  2454. padding: 10px 25px;
  2455. border-radius: 3px;
  2456. }
  2457. .user-center .right .service .top .ms-btn {
  2458. margin-right: 25px;
  2459. margin-top: 10px;
  2460. }
  2461. .user-center .right .service .top .ms-btn-default {
  2462. border-color: transparent;
  2463. color: #157df1;
  2464. }
  2465. .user-center .right .service .top .ms-btn-default:hover {
  2466. background: #fff;
  2467. color: #157df1;
  2468. border-color: #157df1;
  2469. }
  2470. .user-center .right .service .bottom .downloads {
  2471. margin-top: 20px;
  2472. }
  2473. .user-center .right .service .bottom .downloads li {
  2474. padding: 0 25px;
  2475. width: 50%;
  2476. float: left;
  2477. color: #666;
  2478. }
  2479. .user-center .right .service .bottom .downloads li .progress1 {
  2480. width: 100%;
  2481. background-color: #f3f3f3;
  2482. height: 6px;
  2483. border-radius: 3px;
  2484. position: relative;
  2485. margin-top: 10px;
  2486. }
  2487. .user-center .right .service .bottom .downloads li .progress1 .bar {
  2488. position: absolute;
  2489. left: 0;
  2490. top: 0;
  2491. height: 100%;
  2492. background-color: #157df1;
  2493. border-radius: 3px;
  2494. }
  2495. .user-center .right .service .bottom .signature {
  2496. display: table;
  2497. width: 100%;
  2498. margin-top: 20px;
  2499. text-align: center;
  2500. }
  2501. .user-center .right .service .bottom .signature li {
  2502. display: table-cell;
  2503. border-right: 1px solid #e5e5e5;
  2504. }
  2505. .user-center .right .service .bottom .signature li:last-of-type {
  2506. border-color: transparent;
  2507. }
  2508. .user-center .right .service .bottom .signature li {
  2509. color: #666;
  2510. }
  2511. .user-center .right .service .bottom .signature li .num {
  2512. color: #333;
  2513. }
  2514. .user-center .right .service .bottom .signature li .num span {
  2515. font-size: 20px;
  2516. }
  2517. /*
  2518. *2018-09-20改版,改版上线后,将上版本样式删除
  2519. */
  2520. .user-center1 > .row {
  2521. margin: 0 0 20px;
  2522. overflow: hidden;
  2523. height: 100%;
  2524. }
  2525. @media (min-width: 1200px) {
  2526. .user-center1 > .row > .col-sm-2 {
  2527. padding: 0 0 9999px;
  2528. margin-bottom: -9999px;
  2529. }
  2530. }
  2531. .user-center1 > .row > .col-sm-2 {
  2532. background-color: #fff;
  2533. box-shadow: 0 0 5px rgba(0, 0, 0, .05);
  2534. }
  2535. .user-center1 > .row > .col-sm-10 {
  2536. padding: 0 0 0 10px;
  2537. }
  2538. /*.user-center1 .aside-left{height: 550px;}*/
  2539. .user-center1 .aside-left .iconfont {
  2540. font-size: 18px;
  2541. }
  2542. .user-center1 .aside-left .icon-msg {
  2543. font-size: 18px;
  2544. position: relative;
  2545. top: 2px;
  2546. }
  2547. .user-center1 .aside-left .icon-fapiao, .user-center1 .aside-left .icon-028 {
  2548. position: relative;
  2549. top: 2px;
  2550. }
  2551. /*.user-center1 .aside-right .user-table{margin-bottom: 40px;}*/
  2552. .user-center1 .aside-right .user-table .table {
  2553. border: 1px solid #e5e5e5;
  2554. margin-bottom: 0;
  2555. }
  2556. .user-center1 .aside-right .user-table .table th {
  2557. background-color: #f5f6f7;
  2558. padding: 15px 10px;
  2559. text-align: center;
  2560. color: #666;
  2561. font-weight: 600;
  2562. border-top-color: transparent;
  2563. }
  2564. .user-center1 .aside-right .user-table .table td {
  2565. background-color: #fff;
  2566. padding: 23px 10px;
  2567. text-align: center;
  2568. color: #666;
  2569. font-size: 12px;
  2570. border-top-color: #e5e5e5;
  2571. }
  2572. .user-center1 .aside-right .user-table .table td.color-hover {
  2573. color: #157df1;
  2574. }
  2575. .user-center1 .aside-right .user-table .table td.color-999 {
  2576. color: #999;
  2577. }
  2578. .user-center1 .aside-right .user-table .table tr:hover td {
  2579. background-color: #ebf7ff;
  2580. }
  2581. .user-center1 .aside-right .user-table .table-wrap {
  2582. background-color: #fff;
  2583. }
  2584. .user-center1 .aside-right .user-table .table-wrap1 {
  2585. min-height: 495px;
  2586. }
  2587. .user-center1 .aside-right .user-table .table-wrap2 {
  2588. min-height: 459px;
  2589. box-shadow: 0 0 5px rgba(0, 0, 0, .05);
  2590. padding-bottom: 30px;
  2591. }
  2592. .user-center1 .aside-right .user-table .table-wrap2 .invoice-table2 {
  2593. border: none;
  2594. border-bottom: 1px solid #e5e5e5;
  2595. }
  2596. .user-center1 .aside-right .user-table .table td [data-toggle="popover"] {
  2597. cursor: pointer;
  2598. }
  2599. .user-center1 .aside-right .paging {
  2600. margin-top: 30px;
  2601. margin-bottom: 0;
  2602. }
  2603. .user-center1 .aside-right .order .no-content {
  2604. padding-top: 90px;
  2605. }
  2606. .user-center1 .aside-right .order .table-wrap {
  2607. min-height: 351px;
  2608. }
  2609. .user-center1 .account-management {
  2610. box-shadow: 0 0 5px rgba(0, 0, 0, .05);
  2611. background-color: #fff;
  2612. height: 550px;
  2613. }
  2614. .user-center1 .account-management > ul {
  2615. height: 48px;
  2616. background-color: #f2f2f5;
  2617. line-height: 48px;
  2618. border-bottom: 1px solid #e5e5e5;
  2619. }
  2620. .user-center1 .account-management > ul li {
  2621. float: left;
  2622. padding: 0 20px;
  2623. cursor: pointer;
  2624. color: #333;
  2625. }
  2626. .user-center1 .account-management > ul li.active {
  2627. background-color: #fff;
  2628. }
  2629. .user-center1 .account-management .tab {
  2630. padding: 0 30px;
  2631. }
  2632. .user-center1 .account-management .tab > div {
  2633. display: none;
  2634. }
  2635. .user-center1 .account-management .data table {
  2636. color: #333;
  2637. margin-top: 25px;
  2638. margin-bottom: 0;
  2639. }
  2640. .user-center1 .account-management .data table tr th {
  2641. border-top: none;
  2642. font-weight: 600;
  2643. vertical-align: middle;
  2644. padding: 6px;
  2645. }
  2646. .user-center1 .account-management .data table tr td {
  2647. border-top: none;
  2648. vertical-align: middle;
  2649. padding: 6px;
  2650. }
  2651. .user-center1 .account-management .data table tr td .ms-btn-default {
  2652. padding: 1px 12px;
  2653. }
  2654. .user-center1 .account-management .data .table1 tr th:first-of-type {
  2655. width: 160px;
  2656. }
  2657. .user-center1 .account-management .data .table1 tr td:first-of-type {
  2658. width: 250px;
  2659. }
  2660. .user-center1 .account-management .data .table2 tr th:first-of-type {
  2661. width: 160px;
  2662. }
  2663. .user-center1 .account-management .data .table2 tr td:first-of-type {
  2664. width: 250px;
  2665. }
  2666. .user-center1 .account-management .data hr {
  2667. margin-top: 25px;
  2668. }
  2669. .user-center1 .account-management .pwd {
  2670. padding: 30px 0;
  2671. }
  2672. .user-center1 .account-management .pwd .form-group {
  2673. position: relative;
  2674. margin-bottom: 25px;
  2675. }
  2676. .user-center1 .account-management .pwd .form-group label {
  2677. font-weight: 600;
  2678. color: #333;
  2679. margin-bottom: 5px;
  2680. }
  2681. .user-center1 .account-management .pwd .form-group .iconfont {
  2682. position: absolute;
  2683. bottom: 5px;
  2684. right: 15px;
  2685. cursor: pointer;
  2686. color: #333;
  2687. }
  2688. .user-center1 .account-management .pwd .form-group .error {
  2689. display: none;
  2690. position: absolute;
  2691. top: 100%;
  2692. left: 0;
  2693. }
  2694. .user-center1 .account-management .pwd .form-error .error {
  2695. display: block;
  2696. color: #ff4222;
  2697. }
  2698. .user-center1 .account-management .pwd .ms-btn {
  2699. width: 160px;
  2700. padding: 12px 9px;
  2701. }
  2702. .user-center1 .account-management .msg {
  2703. padding: 30px 0;
  2704. }
  2705. .user-center1 .account-management .msg dl {
  2706. font-size: 13px;
  2707. }
  2708. .user-center1 .account-management .msg dl dt {
  2709. color: #333;
  2710. font-weight: 600;
  2711. margin-bottom: 3px;
  2712. }
  2713. .user-center1 .account-management .msg dl dd {
  2714. color: #666;
  2715. }
  2716. .user-center1 .account-management .msg ol {
  2717. margin: 10px 0 0 20px;
  2718. }
  2719. .user-center1 .account-management .msg ol li {
  2720. float: left;
  2721. color: #333;
  2722. margin-left: 50px;
  2723. cursor: pointer;
  2724. }
  2725. .user-center1 .account-management .msg ol li .icon {
  2726. position: relative;
  2727. top: 3px;
  2728. margin-right: 10px;
  2729. }
  2730. .user-center1 .account-management .msg hr {
  2731. margin: 30px 0;
  2732. border-color: #e5e5e5;
  2733. }
  2734. .user-center1 .account-management .upload {
  2735. padding: 30px 0;
  2736. }
  2737. .user-center1 .account-management .upload dl {
  2738. width: 36%;
  2739. font-size: 13px;
  2740. }
  2741. .user-center1 .account-management .upload dl dt {
  2742. color: #333;
  2743. font-weight: 600;
  2744. margin-bottom: 3px;
  2745. }
  2746. .user-center1 .account-management .upload dl dd {
  2747. color: #666;
  2748. }
  2749. .user-center1 .account-management .upload ol {
  2750. margin: 10px 0 0 20px;
  2751. }
  2752. .user-center1 .account-management .upload ol li {
  2753. float: left;
  2754. color: #333;
  2755. margin-left: 50px;
  2756. cursor: pointer;
  2757. }
  2758. .user-center1 .account-management .upload ol li .icon {
  2759. position: relative;
  2760. top: 3px;
  2761. margin-right: 10px;
  2762. }
  2763. .user-center1 .account-management .upload hr {
  2764. margin: 30px 0;
  2765. border-color: #e5e5e5;
  2766. }
  2767. .user-center1 .account-management .bindDomain .m-con {
  2768. padding-top: 30px;
  2769. }
  2770. .user-center1 .account-management .bindDomain .cont p {
  2771. color: #333;
  2772. margin-bottom: 5px;
  2773. }
  2774. .user-center1 .account-management .bindDomain .cont p a {
  2775. color: #157df1;
  2776. }
  2777. .user-center1 .account-management .bindDomain .cont p a:hover {
  2778. text-decoration: underline;
  2779. }
  2780. .user-center1 .account-management .bindDomain .cont .control-label {
  2781. color: #333;
  2782. margin-bottom: 5px;
  2783. }
  2784. .user-center1 .account-management .bindDomain .cont #saveButton {
  2785. width: 160px;
  2786. padding: 9px 0;
  2787. margin-top: 5px;
  2788. }
  2789. .user-center1 .account-management .bindDomain .m-con .bindDomainFirst {
  2790. padding-top: 105px;
  2791. }
  2792. .user-center1 .account-management .bindDomain .m-con .bindDomainFirst .browser_notice {
  2793. text-align: center;
  2794. }
  2795. .user-center1 .account-management .bindDomain .m-con .bindDomainFirst .icon-chenggong {
  2796. color: #157df1;
  2797. font-size: 70px;
  2798. }
  2799. .user-center1 .account-management .bindDomain .m-con .bindDomainFirst .browser_notice .browser_notice_success {
  2800. margin: -3px 0 25px;
  2801. }
  2802. .user-center1 .account-management .bindDomain .m-con .bindDomainFirst #unbind_button {
  2803. width: 160px;
  2804. padding: 9px;
  2805. color: #666;
  2806. }
  2807. .user-center1 .account-management .change .tit {
  2808. font-size: 16px;
  2809. color: #333;
  2810. font-weight: 600;
  2811. padding: 15px 20px;
  2812. border-bottom: 1px solid #e5e5e5;
  2813. }
  2814. .user-center1 .account-management .con {
  2815. padding: 20px /*50px*/;
  2816. }
  2817. /*.user-center1 .account-management .con .input-size{width: 78%; margin-right: 10px; float: left;}*/
  2818. .user-center1 .account-management .con label {
  2819. color: #333;
  2820. font-weight: 600;
  2821. }
  2822. .user-center1 .account-management .con .form-group label {
  2823. margin: 0 30px 8px 0;
  2824. }
  2825. .user-center1 .account-management .con .current-email {
  2826. margin-bottom: 5px;
  2827. }
  2828. .user-center1 .account-management .con .read-only {
  2829. padding-top: 15px;
  2830. border-top: 1px solid #e5e5e5;
  2831. }
  2832. .user-center1 .account-management .con .read-only th, .user-center .right .con .read-only td {
  2833. padding: 8px;
  2834. }
  2835. .user-center1 .invoice-management .warn-prompt {
  2836. margin: 0 0 10px;
  2837. }
  2838. .user-center1 .invoice-management .i-top ul li {
  2839. float: left;
  2840. margin-left: 20px;
  2841. }
  2842. .user-center1 .invoice-management .user-table {
  2843. margin-top: 20px;
  2844. }
  2845. .user-center1 .invoice-management .user-table.mt10 {
  2846. margin-top: 10px;
  2847. }
  2848. .user-center1 .invoice-management .table.invoice-table1 tr th:nth-of-type(1) {
  2849. width: 180px;
  2850. }
  2851. .user-center1 .invoice-management .table.invoice-table1 tr th:nth-of-type(3) {
  2852. width: 120px;
  2853. }
  2854. .user-center1 .invoice-management .table.invoice-table1 tr th:last-of-type {
  2855. width: 300px;
  2856. }
  2857. .user-center1 .invoice-management .table.invoice-table1 tr td:nth-of-type(1) {
  2858. padding-left: 20px;
  2859. }
  2860. .user-center1 .invoice-management .table.invoice-table2 tr th:nth-of-type(2) {
  2861. width: 120px;
  2862. }
  2863. .user-center1 .invoice-management .table.invoice-table2 td .company-name {
  2864. width: 120px;
  2865. line-height: 20px;
  2866. }
  2867. .user-center1 .invoice-management .table.invoice-table2 .courier-number {
  2868. width: 160px;
  2869. }
  2870. .user-center1 .invoice-management .table.invoice-table2 td .courier-number {
  2871. width: 160px;
  2872. }
  2873. .user-center1 .invoice-management .table.invoice-table2 td .ms-btn {
  2874. margin-right: 0;
  2875. }
  2876. .user-center1 .invoice-management .table td {
  2877. vertical-align: middle;
  2878. }
  2879. .user-center1 .invoice-management .table td .icon-checkbox1 {
  2880. color: #e5e5e5;
  2881. cursor: pointer;
  2882. margin-right: 8px;
  2883. position: relative;
  2884. top: -2px;
  2885. }
  2886. .user-center1 .invoice-management .table td .icon-checkbox-checked1 {
  2887. color: #157df1;
  2888. }
  2889. .user-center1 .invoice-management .table td .company-name {
  2890. width: 110px;
  2891. line-height: 20px;
  2892. }
  2893. .user-center1 .invoice-management .table td .receives-address {
  2894. width: 120px;
  2895. }
  2896. .user-center1 .invoice-management .table td .ms-btn {
  2897. margin-right: 10px;
  2898. }
  2899. .user-center1 .invoice-management .table td .set-default {
  2900. visibility: hidden;
  2901. color: #fd641d;
  2902. cursor: pointer;
  2903. }
  2904. .user-center1 .invoice-management .table tr:nth-of-type(2) td .set-default {
  2905. visibility: visible;
  2906. }
  2907. .user-center1 .invoice-management .table tr:hover td .set-default {
  2908. visibility: visible;
  2909. }
  2910. .user-center1 .invoice-management .no-content {
  2911. height: 412px;
  2912. padding-top: 150px;
  2913. }
  2914. .user-center1 .invoice-management .no-content1 {
  2915. height: 376px;
  2916. padding-top: 130px;
  2917. }
  2918. .user-center1 .invoice-management .submit {
  2919. width: 160px;
  2920. padding: 9px 12px;
  2921. }
  2922. .user-center1 .invoice-management .make-invoice-details {
  2923. padding: 30px;
  2924. background-color: #fff;
  2925. border: 1px solid #e5e5e5;
  2926. height: 550px;
  2927. margin-bottom: 40px;
  2928. }
  2929. .user-center1 .invoice-management .make-invoice-details dl {
  2930. color: #333;
  2931. margin-bottom: 15px;
  2932. }
  2933. .user-center1 .invoice-management .make-invoice-details dl dt {
  2934. color: #333;
  2935. font-weight: 600;
  2936. width: 100px;
  2937. text-align: right;
  2938. }
  2939. .user-center1 .invoice-management .make-invoice-details dl dd {
  2940. float: none;
  2941. margin-left: 150px;
  2942. }
  2943. .user-center1 .invoice-management .make-invoice-details hr {
  2944. margin: 20px 0;
  2945. }
  2946. .user-center1 .invoice-management .make-invoice-details .color-danger {
  2947. font-size: 12px;
  2948. }
  2949. .user-center1 .invoice-management .apply-invoice {
  2950. background-color: #fff;
  2951. padding: 30px;
  2952. margin-bottom: 40px;
  2953. border: 1px solid #e5e5e5;
  2954. }
  2955. .user-center1 .invoice-management .apply-invoice .row {
  2956. margin: 0 -5px;
  2957. }
  2958. .user-center1 .invoice-management .apply-invoice .row .col-sm-4 {
  2959. padding: 0 5px;
  2960. }
  2961. .user-center1 .invoice-management .apply-invoice .row .col-sm-6 {
  2962. padding: 0 5px;
  2963. }
  2964. .user-center1 .invoice-management .apply-invoice label {
  2965. color: #333;
  2966. font-weight: 600;
  2967. margin-bottom: 5px;
  2968. }
  2969. .user-center1 .invoice-management .apply-invoice label span {
  2970. color: #ff4222;
  2971. margin-left: 10px;
  2972. }
  2973. .user-center1 .invoice-management .apply-invoice .form-group {
  2974. margin-bottom: 25px;
  2975. }
  2976. .user-center1 .invoice-management .apply-invoice .select-wrap input[type=text] {
  2977. margin-top: 20px;
  2978. }
  2979. .user-center1 .invoice-management .apply-invoice .form-group.select-wrap {
  2980. margin-bottom: 20px;
  2981. }
  2982. /*.user-center1 .invoice-management .apply-invoice select{color: #999;}*/
  2983. .user-center1 .invoice-management .apply-invoice .form-group.instruction-manual {
  2984. margin-bottom: 20px;
  2985. }
  2986. .user-center1 .invoice-management .apply-invoice .form-error {
  2987. position: relative;
  2988. }
  2989. .user-center1 .invoice-management .apply-invoice .error {
  2990. position: absolute;
  2991. top: 100%;
  2992. color: #ff4222;
  2993. font-size: 12px;
  2994. display: none;
  2995. }
  2996. .user-center1 .invoice-management .apply-invoice .form-error .error {
  2997. display: block;
  2998. }
  2999. .user-center1 .invoice-management .apply-invoice hr {
  3000. margin: 5px 0 30px;
  3001. }
  3002. .user-center1 .invoice-management .apply-invoice .icon-checkbox1 {
  3003. color: #e5e5e5;
  3004. position: relative;
  3005. top: 1px;
  3006. }
  3007. .user-center1 .invoice-management .apply-invoice .icon-checkbox-checked1 {
  3008. color: #157df1;
  3009. }
  3010. .user-center1 .invoice-management .apply-invoice .checkbox1 {
  3011. color: #333;
  3012. cursor: pointer;
  3013. }
  3014. .user-center1 .invoice-management .apply-invoice .save {
  3015. margin-top: 20px;
  3016. width: 160px;
  3017. padding: 9px 12px;
  3018. }
  3019. /*我的订单新增充值*/
  3020. .user-center1 .aside-right .balance-recharge {
  3021. position: relative;
  3022. border: 1px solid #e5e5e5;
  3023. padding: 25px 30px 10px;
  3024. margin-bottom: 20px;
  3025. }
  3026. .user-center1 .aside-right .balance-recharge .b-tit {
  3027. color: #333;
  3028. font-weight: 600;
  3029. }
  3030. .user-center1 .aside-right .balance-recharge .b-num {
  3031. color: #fba208;
  3032. font-size: 40px;
  3033. }
  3034. .user-center1 .aside-right .balance-recharge p {
  3035. color: #666;
  3036. font-size: 12px;
  3037. }
  3038. .user-center1 .aside-right .balance-recharge .recharge-btn {
  3039. position: absolute;
  3040. right: 30px;
  3041. top: 50%;
  3042. transform: translateY(-50%);
  3043. }
  3044. /*.balance-recharge-wrap{margin-bottom: 40px;}*/
  3045. .balance-recharge-wrap .balance-recharge {
  3046. border: none;
  3047. margin-bottom: 0;
  3048. }
  3049. .balance-recharge-wrap .choose-recharge {
  3050. width: 65%;
  3051. position: relative;
  3052. }
  3053. .balance-recharge-wrap .choose-recharge li {
  3054. margin-right: 70px;
  3055. margin-bottom: 25px;
  3056. }
  3057. .balance-recharge-wrap .choose-recharge li:nth-of-type(n+5) {
  3058. margin-bottom: 0;
  3059. }
  3060. .balance-recharge-wrap .choose-recharge li input[name=rechargeAmount] {
  3061. width: 120px;
  3062. position: absolute;
  3063. top: -7px;
  3064. left: 21px;
  3065. }
  3066. .balance-recharge-wrap .choose-recharge .error {
  3067. position: absolute;
  3068. left: 25px;
  3069. bottom: -5px;
  3070. color: #fd641d;
  3071. font-size: 12px;
  3072. display: none;
  3073. }
  3074. .balance-recharge-wrap .choose-recharge.form-error .error {
  3075. display: block;
  3076. }
  3077. .balance-recharge-wrap .choose-recharge li .r-num {
  3078. width: 50px;
  3079. display: inline-block;
  3080. }
  3081. .balance-recharge-wrap .pay-money .money {
  3082. padding-bottom: 10px;
  3083. }
  3084. .user-center1 .aside-right .price-pay .balance-recharge {
  3085. border: none;
  3086. margin-bottom: 0;
  3087. }
  3088. .price-pay .balance-recharge-wrap .pay-money {
  3089. padding-bottom: 30px;
  3090. }
  3091. .balance-recharge-wrap .pay-money .icon-checkbox1 {
  3092. color: #999;
  3093. position: relative;
  3094. top: 1px;
  3095. cursor: pointer;
  3096. }
  3097. .balance-recharge-wrap .pay-money .icon-checkbox-checked1 {
  3098. color: #157df1;
  3099. cursor: pointer;
  3100. }
  3101. /*/我的订单新增充值*/
  3102. /*上传资质*/
  3103. .user-center1 .aside-left .icon-dunpai {
  3104. font-size: 18px;
  3105. position: relative;
  3106. top: 2px;
  3107. }
  3108. .upload-img-more .uploaded-img {
  3109. border: 1px solid #e5e5e5;
  3110. width: 150px;
  3111. height: 210px;
  3112. position: relative;
  3113. border-radius: 5px;
  3114. margin-right: 20px;
  3115. }
  3116. .upload-img-more .uploaded-img .thumbnail {
  3117. position: absolute;
  3118. left: 0;
  3119. top: 0;
  3120. width: 100%;
  3121. height: 100%;
  3122. opacity: 0;
  3123. cursor: pointer;
  3124. z-index: 2;
  3125. }
  3126. .upload-img-more .uploaded-img img {
  3127. width: 100%;
  3128. height: 100%;
  3129. border-radius: 5px;
  3130. }
  3131. .upload-img-more .uploaded-img .delete-img {
  3132. position: absolute;
  3133. right: -9px;
  3134. top: -9px;
  3135. right: 0 \9;
  3136. top: 0 \9;
  3137. cursor: pointer;
  3138. z-index: 2;
  3139. }
  3140. .upload-img-more .uploaded-img .reset {
  3141. position: absolute;
  3142. left: 0;
  3143. bottom: 0;
  3144. height: 20px;
  3145. line-height: 20px;
  3146. background: rgba(0, 0, 0, .5);
  3147. width: 100%;
  3148. color: #fff;
  3149. text-align: center;
  3150. font-size: 12px;
  3151. display: none;
  3152. }
  3153. .upload-img-more .uploaded-img:hover .reset {
  3154. display: block;
  3155. }
  3156. .upload-img-more .upload-img {
  3157. position: relative;
  3158. border: 1px dashed #e5e5e5;
  3159. width: 150px;
  3160. height: 210px;
  3161. border-radius: 5px;
  3162. background: url("../image/icon-10.png") no-repeat center 80px;
  3163. overflow: hidden;
  3164. }
  3165. .upload-img-more .upload-img input {
  3166. position: absolute;
  3167. left: 0;
  3168. top: 0;
  3169. width: 100%;
  3170. height: 100%;
  3171. opacity: 0;
  3172. cursor: pointer;
  3173. }
  3174. .upload-img-more .upload-img .text {
  3175. text-align: center;
  3176. font-size: 12px;
  3177. color: #666;
  3178. margin-top: 120px;
  3179. }
  3180. .user-center1 .aside-right .upload-qualification {
  3181. background-color: #fff;
  3182. box-shadow: 0 0 5px rgba(0, 0, 0, .05);
  3183. border-radius: 3px;
  3184. padding: 30px;
  3185. }
  3186. .user-center1 .aside-right .upload-qualification .p1 {
  3187. color: #333;
  3188. margin-bottom: 5px;
  3189. }
  3190. .user-center1 .aside-right .upload-qualification .p2 {
  3191. color: #333;
  3192. margin-bottom: 15px;
  3193. }
  3194. .user-center1 .aside-right .upload-qualification table {
  3195. border: 1px solid #ddd;
  3196. width: 70%;
  3197. color: #333;
  3198. margin-bottom: 40px;
  3199. }
  3200. .user-center1 .aside-right .upload-qualification table td {
  3201. border: 1px solid #ddd;
  3202. padding: 20px;
  3203. text-align: center;
  3204. }
  3205. .user-center1 .aside-right .upload-qualification .tit {
  3206. color: #333;
  3207. margin-bottom: 15px;
  3208. }
  3209. /*.user-center1 .aside-right .upload-qualification .upload-img-more{margin-bottom: 20px;}*/
  3210. .user-center1 .aside-right .upload-qualification .uploaded-img {
  3211. margin-bottom: 20px;
  3212. }
  3213. .user-center1 .aside-right .upload-qualification .upload-img {
  3214. margin-bottom: 20px;
  3215. }
  3216. .user-center1 .aside-right .upload-qualification .review-wrap {
  3217. margin: 20px 0 30px;
  3218. display: none;
  3219. }
  3220. .user-center1 .aside-right .upload-qualification .review-wrap li {
  3221. float: left;
  3222. margin-right: 20px;
  3223. }
  3224. .user-center1 .aside-right .upload-qualification .review-wrap li:last-of-type {
  3225. margin-right: 0;
  3226. }
  3227. .user-center1 .aside-right .upload-qualification .review-wrap .r-center {
  3228. margin-top: -10px;
  3229. }
  3230. .user-center1 .aside-right .upload-qualification .review-wrap .r-center img {
  3231. display: none;
  3232. }
  3233. .user-center1 .aside-right .upload-qualification .review-wrap .r-right {
  3234. width: 750px;
  3235. color: #ff4222;
  3236. }
  3237. .user-center1 .aside-right .upload-qualification .review-wrap .r-right div {
  3238. display: none;
  3239. }
  3240. .user-center1 .aside-right .upload-qualification .hide-action .upload-img {
  3241. display: none;
  3242. }
  3243. .user-center1 .aside-right .upload-qualification .hide-action .delete-img {
  3244. display: none;
  3245. }
  3246. .user-center1 .aside-right .upload-qualification .hide-action .reset {
  3247. display: none;
  3248. }
  3249. .user-center1 .aside-right .upload-qualification .hide-action .thumbnail {
  3250. display: none;
  3251. }
  3252. /*/上传资质*/
  3253. /*推广大使*/
  3254. aside.aside-left ul li a .icon-dashi {
  3255. background: url("../image/tt-10.png") no-repeat;
  3256. width: 17px;
  3257. height: 14px;
  3258. display: inline-block;
  3259. margin-right: 10px;
  3260. margin-top: 2px;
  3261. }
  3262. .aside-right .user-promote {
  3263. background-color: #fff;
  3264. min-height: 510px;
  3265. }
  3266. .aside-right .user-promote .p-list {
  3267. background-color: #f5f7f9;
  3268. height: 44px;
  3269. line-height: 44px;
  3270. border-bottom: 1px solid #eee;
  3271. }
  3272. .aside-right .user-promote .p-list li {
  3273. float: left;
  3274. padding: 0 20px;
  3275. cursor: pointer;
  3276. color: #333;
  3277. }
  3278. .aside-right .user-promote .p-list li.active {
  3279. background-color: #fff;
  3280. border-right: 1px solid #e5e5e5;
  3281. border-left: 1px solid #eee;
  3282. margin-left: -1px;
  3283. }
  3284. .aside-right .user-promote .p-list li.active a {
  3285. color: #157df1;
  3286. }
  3287. /*.aside-right .user-promote .tab>div{display: none;}*/
  3288. .aside-right .user-promote .tab-common {
  3289. padding: 25px 30px;
  3290. }
  3291. .aside-right .user-promote .tab1 .p-link-1 {
  3292. border: 1px solid #ddd;
  3293. padding: 15px 20px;
  3294. margin-bottom: 20px;
  3295. }
  3296. .aside-right .user-promote .tab1 .p-link-1 dl {
  3297. color: #333;
  3298. margin-bottom: 3px;
  3299. }
  3300. .aside-right .user-promote .tab1 .p-link-1 dl dt span {
  3301. font-size: 20px;
  3302. }
  3303. .aside-right .user-promote .tab1 .p-link-1 dl dd .copy {
  3304. font-size: 12px;
  3305. margin-top: 8px;
  3306. margin-left: 20px;
  3307. display: block;
  3308. }
  3309. .aside-right .user-promote .tab1 .p-link-1 p {
  3310. font-size: 12px;
  3311. color: #999;
  3312. }
  3313. .aside-right .user-promote .tab1 .p-link-2 {
  3314. border: 1px solid #ddd;
  3315. padding: 15px 20px;
  3316. margin-bottom: 25px;
  3317. position: relative;
  3318. }
  3319. .aside-right .user-promote .tab1 .p-link-2 .row {
  3320. margin: 0 -20px;
  3321. }
  3322. .aside-right .user-promote .tab1 .p-link-2 .line {
  3323. position: absolute;
  3324. width: 1px;
  3325. height: calc(100% - 30px);
  3326. left: 50%;
  3327. top: 15px;
  3328. background-color: #ddd;
  3329. }
  3330. .aside-right .user-promote .tab1 .p-link-2 dl {
  3331. padding-left: 15px;
  3332. }
  3333. .aside-right .user-promote .tab1 .p-link-2 dl dt {
  3334. color: #333;
  3335. }
  3336. .aside-right .user-promote .tab1 .p-link-2 dl dt .icon-prompt1 {
  3337. margin: -1px 0 0 3px;
  3338. }
  3339. .aside-right .user-promote .tab1 .p-link-2 dl dt.rebate-dt {
  3340. color: #999;
  3341. margin-bottom: 10px;
  3342. }
  3343. .aside-right .user-promote .tab1 .p-link-2 dl dt span {
  3344. color: #999;
  3345. }
  3346. .aside-right .user-promote .tab1 .p-link-2 dl dd {
  3347. color: #333;
  3348. }
  3349. .aside-right .user-promote .tab1 .p-link-2 dl dd.amount-withdrawal-wrap1 {
  3350. height: 34px;
  3351. overflow: hidden;
  3352. }
  3353. .aside-right .user-promote .tab1 .p-link-2 dl dd .amount-withdrawal1 span {
  3354. color: #fba412;
  3355. font-size: 30px;
  3356. }
  3357. .aside-right .user-promote .tab1 .p-link-2 dl dt .withdrawal1 {
  3358. padding: 0 12px;
  3359. line-height: 20px;
  3360. height: 20px;
  3361. font-size: 12px;
  3362. margin-left: 30px;
  3363. }
  3364. .aside-right .user-promote .tab1 .p-link-2 dl dd .amount-rebate1 span {
  3365. color: #333;
  3366. font-size: 20px;
  3367. }
  3368. .aside-right .user-promote .tab1 .help {
  3369. padding: 0;
  3370. }
  3371. .aside-right .user-promote .tab1 .help .tit {
  3372. font-size: 20px;
  3373. color: #333;
  3374. margin-bottom: 20px;
  3375. }
  3376. .withdrawal-to-alipay {
  3377. padding: 15px 10px;
  3378. border: 1px solid #ddd;
  3379. display: none;
  3380. }
  3381. .withdrawal-to-alipay .tit {
  3382. color: #333;
  3383. font-size: 16px;
  3384. margin-bottom: 30px;
  3385. }
  3386. .withdrawal-to-alipay .form-group {
  3387. margin-bottom: 20px;
  3388. }
  3389. .withdrawal-to-alipay .form-group label {
  3390. color: #333;
  3391. }
  3392. .withdrawal-to-alipay .withdrawal {
  3393. color: #333;
  3394. font-size: 12px;
  3395. padding-top: 6px;
  3396. }
  3397. .withdrawal-to-alipay .withdrawal .num {
  3398. color: #fba208;
  3399. font-size: 16px;
  3400. font-weight: 600;
  3401. }
  3402. .withdrawal-to-alipay .form-group .yuan {
  3403. padding-top: 7px;
  3404. color: #333;
  3405. }
  3406. .withdrawal-to-alipay .form-group .submit1 {
  3407. width: 100px;
  3408. }
  3409. .withdrawal-to-alipay .form-group .error {
  3410. font-size: 12px;
  3411. color: #fd641d;
  3412. margin-top: 3px;
  3413. display: none;
  3414. }
  3415. .withdrawal-to-alipay .form-group.form-error .error {
  3416. display: block;
  3417. }
  3418. #payModal .modal-dialog {
  3419. width: 410px !important;
  3420. }
  3421. #payModal .tit {
  3422. font-size: 16px;
  3423. color: #333;
  3424. font-weight: 600;
  3425. margin-bottom: 20px;
  3426. }
  3427. #payModal .pay-msg {
  3428. margin-bottom: 25px;
  3429. }
  3430. #payModal .pay-msg dl {
  3431. color: #333;
  3432. margin-bottom: 10px;
  3433. }
  3434. #payModal .pay-msg dl dt {
  3435. width: 50%;
  3436. text-align: right;
  3437. padding-right: 10px;
  3438. }
  3439. #payModal .pay-msg dl dd {
  3440. width: 50%;
  3441. text-align: left;
  3442. padding-left: 10px;
  3443. }
  3444. #payModal .pay-msg dl dd .num {
  3445. color: #fba208;
  3446. }
  3447. #payModal .pay-msg dl dd .num i {
  3448. font-weight: 600;
  3449. }
  3450. #payModal .cancel-btn {
  3451. display: inline-block;
  3452. height: 34px;
  3453. line-height: 34px;
  3454. margin-right: 20px;
  3455. }
  3456. .aside-right .user-promote .tab2 .date {
  3457. float: left;
  3458. width: 140px;
  3459. position: relative;
  3460. }
  3461. .aside-right .user-promote .tab2 .date1 {
  3462. margin-right: 10px;
  3463. }
  3464. .aside-right .user-promote .tab2 .date2 {
  3465. margin-right: 20px;
  3466. }
  3467. .aside-right .user-promote .tab2 .date input {
  3468. position: relative;
  3469. z-index: 1;
  3470. background-color: transparent;
  3471. cursor: pointer;
  3472. }
  3473. .aside-right .user-promote .tab2 .date .icon-date {
  3474. color: #aaa;
  3475. position: absolute;
  3476. right: 10px;
  3477. top: 4px;
  3478. z-index: 0;
  3479. }
  3480. .aside-right .user-promote .tab2 .date:hover .icon-date {
  3481. color: #157df1;
  3482. }
  3483. .aside-right .user-promote .tab2 .d-top {
  3484. margin-bottom: 20px;
  3485. }
  3486. .aside-right .user-promote .tab2 .d-top .form-control {
  3487. height: 30px;
  3488. }
  3489. .aside-right .user-promote .tab2 .d-top .line {
  3490. margin-right: 10px;
  3491. color: #aaa;
  3492. }
  3493. .aside-right .user-promote .tab2 .d-top .query {
  3494. padding: 5px 8px;
  3495. border-color: #e5e5e5;
  3496. border-left: none;
  3497. background-color: #f5f6f7;
  3498. font-size: 12px;
  3499. color: #333;
  3500. height: 30px;
  3501. }
  3502. .aside-right .user-promote .tab2 .d-top .num {
  3503. line-height: 34px;
  3504. margin-left: 30px;
  3505. color: #333;
  3506. font-size: 13px;
  3507. }
  3508. .aside-right .user-promote .tab2 .d-top .num i {
  3509. color: #157df1;
  3510. }
  3511. .aside-right .user-promote .tab2 .d-top .account {
  3512. display: inline-block;
  3513. width: auto;
  3514. border-right-color: #f5f6f7;
  3515. }
  3516. .aside-right .user-promote .tab2 .d-top .account:focus {
  3517. border-right-color: #66afe9;
  3518. }
  3519. .aside-right .user-promote .tab-common .table {
  3520. border: 1px solid #e5e5e5;
  3521. table-layout: fixed;
  3522. }
  3523. .aside-right .user-promote .tab-common .table tr th {
  3524. border-top-color: #e5e5e5 !important;
  3525. height: 50px;
  3526. vertical-align: middle;
  3527. text-align: center;
  3528. background-color: #f5f6f7;
  3529. font-weight: normal;
  3530. font-size: 12px;
  3531. color: #666;
  3532. line-height: 1.2;
  3533. }
  3534. .aside-right .user-promote .tab-common .table tr td {
  3535. border-top-color: #e5e5e5 !important;
  3536. height: 50px;
  3537. vertical-align: middle;
  3538. text-align: center;
  3539. font-size: 12px;
  3540. line-height: 1.2;
  3541. color: #666;
  3542. }
  3543. .aside-right .user-promote .tab-common .table tr:hover {
  3544. background: #ebf7ff;
  3545. }
  3546. .aside-right .user-promote .tab-common .no {
  3547. text-align: center;
  3548. margin-top: 100px;
  3549. }
  3550. .aside-right .user-promote .tab3 table .to-edit {
  3551. font-size: 12px;
  3552. transform: scale(.9);
  3553. }
  3554. .aside-right .user-promote .tab3 table .icon-edit {
  3555. font-size: 24px;
  3556. cursor: pointer;
  3557. }
  3558. .aside-right .user-promote .tab3 table .icon-edit:hover {
  3559. color: #157df1;
  3560. }
  3561. /*/推广大使*/
  3562. /*----------/个人中心-----------*/
  3563. /*----------工具箱-----------*/
  3564. .toolkit-wrap {
  3565. background: url("../image/bg-2.jpg") no-repeat center;
  3566. height: 635px;
  3567. }
  3568. .toolkit li {
  3569. float: left;
  3570. width: 50%;
  3571. text-align: center;
  3572. padding-top: 130px;
  3573. position: relative;
  3574. }
  3575. .toolkit li .tit {
  3576. font-size: 30px;
  3577. color: #333;
  3578. margin-top: 35px;
  3579. }
  3580. .toolkit li p {
  3581. font-size: 18px;
  3582. color: #666;
  3583. margin-top: 20px;
  3584. height: 50px;
  3585. }
  3586. .toolkit li .ms-btn-primary {
  3587. width: 165px;
  3588. margin-top: 40px;
  3589. padding: 12px;
  3590. }
  3591. .toolkit li .line {
  3592. width: 2px;
  3593. height: 300px;
  3594. background-color: #d8d7d7;
  3595. position: absolute;
  3596. right: 0;
  3597. bottom: 35px;
  3598. border-radius: 2px;
  3599. }
  3600. /*faq*/
  3601. .faq {
  3602. margin-bottom: 20px;
  3603. }
  3604. .faq .tit {
  3605. font-size: 30px;
  3606. color: #157df1;
  3607. margin-top: 30px;
  3608. }
  3609. .faq .tit .icon-faq {
  3610. position: relative;
  3611. top: 7px;
  3612. margin-right: 8px;
  3613. }
  3614. .faq .row {
  3615. margin-left: -10px;
  3616. margin-right: -10px;
  3617. }
  3618. .faq .row .col-sm-6 {
  3619. padding: 0 10px;
  3620. }
  3621. .faq .con {
  3622. border: 1px solid #e5e5e5;
  3623. border-radius: 3px;
  3624. padding: 30px 40px;
  3625. margin-bottom: 20px;
  3626. }
  3627. .faq .con dl dt {
  3628. font-size: 25px;
  3629. color: #333;
  3630. margin-bottom: 10px;
  3631. }
  3632. .faq .con dl dt span {
  3633. width: 5px;
  3634. height: 24px;
  3635. background-color: #157df1;
  3636. display: inline-block;
  3637. position: relative;
  3638. top: 3px;
  3639. margin-right: 12px;
  3640. }
  3641. .faq .con dl dd {
  3642. padding-left: 18px;
  3643. }
  3644. .faq .con dl dd a {
  3645. font-size: 16px;
  3646. color: #333;
  3647. line-height: 34px;
  3648. }
  3649. .faq .con dl dd a:hover {
  3650. color: #157df1;
  3651. }
  3652. .toolkit-common-wrap {
  3653. background-color: #f2f2f5;
  3654. }
  3655. .toolkit-common .top {
  3656. padding: 40px 0;
  3657. border: 1px solid #e5e5e5;
  3658. border-radius: 3px;
  3659. background-color: #fff;
  3660. }
  3661. .toolkit-common .udid-top {
  3662. text-align: center;
  3663. padding-bottom: 0;
  3664. }
  3665. .toolkit-common .udid-top img {
  3666. width: 155px;
  3667. border: 1px solid #e5e5e5;
  3668. padding: 5px;
  3669. }
  3670. .toolkit-common .top .tit {
  3671. font-size: 36px;
  3672. color: #333;
  3673. text-align: center;
  3674. }
  3675. .toolkit-common .udid-top .p-top {
  3676. color: #333;
  3677. line-height: 24px;
  3678. margin-top: 10px;
  3679. margin-bottom: 20px;
  3680. }
  3681. .toolkit-common .udid-top p span {
  3682. color: #157df1;
  3683. }
  3684. .toolkit-common .udid-top .p-bottom {
  3685. color: #333;
  3686. line-height: 24px;
  3687. padding: 25px 35px;
  3688. border-top: 1px solid #e5e5e5;
  3689. margin-top: 40px;
  3690. text-align: left;
  3691. }
  3692. .toolkit-common .ipa-top .form-group {
  3693. width: 65%;
  3694. margin: 0 auto;
  3695. }
  3696. .toolkit-common .ipa-top {
  3697. text-align: center;
  3698. }
  3699. .toolkit-common .ipa-top .form-control {
  3700. margin-top: 40px;
  3701. margin-bottom: 10px;
  3702. }
  3703. .toolkit-common .ipa-top .ipa-p {
  3704. text-align: left;
  3705. font-size: 12px;
  3706. color: #666;
  3707. }
  3708. .toolkit-common .ipa-top .ms-btn-primary {
  3709. margin-top: 25px;
  3710. width: 160px;
  3711. padding: 9px 12px;
  3712. }
  3713. .toolkit-common .ipa-top .error {
  3714. text-align: left;
  3715. font-size: 12px;
  3716. color: #fd641d;
  3717. margin-bottom: 5px;
  3718. display: none;
  3719. }
  3720. .toolkit-common .ipa-top .form-error .error {
  3721. display: block;
  3722. }
  3723. .toolkit-common .ipa-top table {
  3724. width: 600px;
  3725. margin: 40px auto 0;
  3726. }
  3727. .toolkit-common .ipa-top table th {
  3728. border-color: #e5e5e5 !important;
  3729. text-align: center;
  3730. vertical-align: middle;
  3731. width: 150px;
  3732. }
  3733. .toolkit-common .ipa-top table td {
  3734. border-color: #e5e5e5 !important;
  3735. text-align: left;
  3736. padding: 20px;
  3737. }
  3738. .toolkit-common .ipa-top table td a {
  3739. color: #157df1;
  3740. }
  3741. .toolkit-common .ipa-top table td a:hover {
  3742. text-decoration: underline;
  3743. }
  3744. .toolkit-common .ipa-top table td .icon-big-iphone {
  3745. margin-right: 20px;
  3746. }
  3747. .toolkit-common .ipa-top table td img {
  3748. width: 80px;
  3749. height: 80px;
  3750. border-radius: 15px;
  3751. border: 1px solid #e5e5e5;
  3752. }
  3753. /*----------toolkit-new----------*/
  3754. /*plist*/
  3755. .toolkit-new {
  3756. background-color: #fff;
  3757. border: 1px solid #e5e5e5;
  3758. border-radius: 3px;
  3759. padding: 50px 0 40px;
  3760. }
  3761. .toolkit-new .con {
  3762. padding: 0 200px;
  3763. }
  3764. .toolkit-new .tit {
  3765. color: #333;
  3766. font-size: 36px;
  3767. text-align: center;
  3768. margin-bottom: 50px;
  3769. }
  3770. @media (min-width: 1200px) {
  3771. .toolkit-new .form-horizontal .col-sm-3 {
  3772. padding-left: 10px;
  3773. padding-right: 10px;
  3774. }
  3775. .toolkit-new .form-horizontal .col-sm-9 {
  3776. padding-left: 10px;
  3777. padding-right: 10px;
  3778. }
  3779. }
  3780. .toolkit-new .form-horizontal .form-group {
  3781. margin-bottom: 30px;
  3782. }
  3783. .toolkit-new .form-horizontal label {
  3784. color: #333;
  3785. }
  3786. .toolkit-new .error {
  3787. font-size: 12px;
  3788. color: #fd641d;
  3789. display: none;
  3790. }
  3791. .toolkit-new .form-error .error {
  3792. display: block;
  3793. }
  3794. .toolkit-new .p1 {
  3795. color: #333;
  3796. padding: 20px 0 0 30px;
  3797. border-top: 1px solid #e5e5e5;
  3798. margin-top: 40px;
  3799. }
  3800. .toolkit-new .p1 a {
  3801. color: #157df1;
  3802. }
  3803. /*/plist*/
  3804. /*制作图标*/
  3805. .toolkit-make-icon .make-icon .sp-preview {
  3806. width: 210px;
  3807. }
  3808. .toolkit-make-icon {
  3809. background-color: #fff;
  3810. border: 1px solid #e5e5e5;
  3811. border-radius: 3px;
  3812. padding: 30px;
  3813. margin-bottom: 40px;
  3814. }
  3815. .toolkit-make-icon .m-left .m-tit {
  3816. text-align: center;
  3817. }
  3818. .toolkit-make-icon .m-right {
  3819. padding: 30px 40px;
  3820. border: 1px solid #e5e5e5;
  3821. border-radius: 3px;
  3822. }
  3823. .toolkit-make-icon .make-icon .m-tit {
  3824. color: #333;
  3825. margin-bottom: 7px;
  3826. }
  3827. .toolkit-make-icon .make-icon .m-left .m-tit {
  3828. margin-bottom: 20px;
  3829. margin-top: 20px;
  3830. }
  3831. .toolkit-make-icon .make-icon .m-icon {
  3832. background-position: center;
  3833. width: 180px;
  3834. height: 180px;
  3835. background-size: cover;
  3836. display: flex;
  3837. justify-content: center;
  3838. align-items: center;
  3839. margin: 0 auto;
  3840. background-color: #157df1;
  3841. }
  3842. .toolkit-make-icon .make-icon .m-icon .m-icon-con {
  3843. text-align: center;
  3844. }
  3845. .toolkit-make-icon .make-icon .m-icon.radius {
  3846. border-radius: 15px;
  3847. }
  3848. .toolkit-make-icon .make-icon .m-icon img {
  3849. max-width: 110px;
  3850. height: auto;
  3851. }
  3852. .toolkit-make-icon .make-icon .m-icon .m-name {
  3853. color: #fff;
  3854. max-width: 150px;
  3855. text-align: center;
  3856. }
  3857. .toolkit-make-icon .make-icon .m-icon .i-name1 {
  3858. color: #fff;
  3859. text-align: center;
  3860. font-size: 24px;
  3861. margin-bottom: 5px;
  3862. display: none;
  3863. }
  3864. .toolkit-make-icon .make-icon .m-icon .i-name2 {
  3865. color: #fff;
  3866. text-align: center;
  3867. font-size: 24px;
  3868. margin-top: 5px;
  3869. display: none;
  3870. }
  3871. .toolkit-make-icon .make-icon .icon-bg {
  3872. border: 1px solid #e5e5e5;
  3873. padding: 30px 25px;
  3874. border-radius: 3px;
  3875. margin-bottom: 50px;
  3876. }
  3877. .toolkit-make-icon .make-icon .icon-bg dl dt {
  3878. color: #333;
  3879. margin-right: 20px;
  3880. }
  3881. .toolkit-make-icon .make-icon .m-icon-bg1 {
  3882. margin-bottom: 20px;
  3883. }
  3884. .toolkit-make-icon .make-icon .m-icon-bg1 dt {
  3885. line-height: 30px;
  3886. }
  3887. .toolkit-make-icon .make-icon .m-icon-bg1 dd {
  3888. width: 40%;
  3889. }
  3890. .toolkit-make-icon .make-icon .m-icon-bg2 dt {
  3891. line-height: 40px;
  3892. }
  3893. .toolkit-make-icon .make-icon .m-icon-bg2 .small-bg-list li {
  3894. width: 40px;
  3895. height: 40px;
  3896. padding: 10px;
  3897. border: 1px solid #e5e5e5;
  3898. float: left;
  3899. cursor: pointer;
  3900. position: relative;
  3901. }
  3902. .toolkit-make-icon .make-icon .m-icon-bg2 .small-bg-list li + li {
  3903. border-left-color: transparent;
  3904. }
  3905. .toolkit-make-icon .make-icon .m-icon-bg2 .small-bg-list li:first-of-type {
  3906. border-radius: 3px 0 0 3px;
  3907. }
  3908. .toolkit-make-icon .make-icon .m-icon-bg2 .small-bg-list li:last-of-type {
  3909. border-radius: 0 3px 3px 0;
  3910. }
  3911. .toolkit-make-icon .make-icon .m-icon-bg2 .small-bg-list li .small-bg {
  3912. width: 100%;
  3913. height: 100%;
  3914. border-radius: 2px;
  3915. background-color: #157df1;
  3916. }
  3917. .toolkit-make-icon .make-icon .m-icon-bg2 .small-bg-list li .icon-checkbox-small {
  3918. display: none;
  3919. position: absolute;
  3920. right: 0;
  3921. bottom: 0;
  3922. }
  3923. .toolkit-make-icon .make-icon .m-icon-bg2 .small-bg-list li.active {
  3924. border-color: #157df1;
  3925. }
  3926. .toolkit-make-icon .make-icon .m-icon-bg2 .small-bg-list li.active .icon-checkbox-small {
  3927. display: block;
  3928. }
  3929. .toolkit-make-icon .make-icon .foreground-map .tab li {
  3930. float: left;
  3931. padding: 0 30px;
  3932. line-height: 36px;
  3933. border: 1px solid #e5e5e5;
  3934. color: #333;
  3935. background-color: #fbfbfb;
  3936. cursor: pointer;
  3937. }
  3938. .toolkit-make-icon .make-icon .foreground-map .tab li + li {
  3939. border-left-color: transparent;
  3940. }
  3941. .toolkit-make-icon .make-icon .foreground-map .tab li.active {
  3942. background-color: #fff;
  3943. border-bottom-color: transparent;
  3944. }
  3945. .toolkit-make-icon .make-icon .foreground-map .tab li:first-of-type {
  3946. border-radius: 3px 0 0 0;
  3947. }
  3948. .toolkit-make-icon .make-icon .foreground-map .tab li:last-of-type {
  3949. border-radius: 0 3px 0 0;
  3950. }
  3951. .toolkit-make-icon .make-icon .foreground-map .tab-con {
  3952. border: 1px solid #e5e5e5;
  3953. margin-top: -1px;
  3954. width: 580px;
  3955. border-radius: 0 3px 3px 3px;
  3956. margin-bottom: 40px;
  3957. }
  3958. .toolkit-make-icon .make-icon .foreground-map .tab-con > div {
  3959. display: none;
  3960. }
  3961. .toolkit-make-icon .make-icon .foreground-map .tab1 {
  3962. padding: 30px 30px 30px 10px;
  3963. }
  3964. .toolkit-make-icon .make-icon .foreground-map .tab1 .icons-ul {
  3965. height: 204px;
  3966. overflow-y: auto;
  3967. }
  3968. .toolkit-make-icon .make-icon .foreground-map .tab1 .icons-ul li {
  3969. width: 50px;
  3970. height: 50px;
  3971. background: url("../image/m-bg.png") repeat-x;
  3972. position: relative;
  3973. margin-right: 1px;
  3974. margin-bottom: 1px;
  3975. float: left;
  3976. cursor: pointer;
  3977. }
  3978. .toolkit-make-icon .make-icon .foreground-map .tab1 .icons-ul li .icon-checkbox-small {
  3979. position: absolute;
  3980. right: 0;
  3981. bottom: 0;
  3982. display: none;
  3983. }
  3984. .toolkit-make-icon .make-icon .foreground-map .tab1 .icons-ul li.active {
  3985. }
  3986. .toolkit-make-icon .make-icon .foreground-map .tab1 .icons-ul li.active .icon-checkbox-small {
  3987. display: block;
  3988. }
  3989. .toolkit-make-icon .make-icon .foreground-map .tab1 .icons-ul li .t-con {
  3990. border: 1px solid transparent;
  3991. padding: 10px;
  3992. }
  3993. .toolkit-make-icon .make-icon .foreground-map .tab1 .icons-ul li.active .t-con {
  3994. border-color: #157df1;
  3995. }
  3996. .toolkit-make-icon .make-icon .foreground-map .tab1 .form-group {
  3997. margin-bottom: 0;
  3998. margin-top: 20px;
  3999. }
  4000. .toolkit-make-icon .make-icon .foreground-map .tab1 .form-group:first-of-type {
  4001. margin-top: 0;
  4002. }
  4003. .toolkit-make-icon .make-icon .foreground-map .tab1 .form-group:last-of-type {
  4004. margin-bottom: 0;
  4005. margin-top: 30px;
  4006. }
  4007. .toolkit-make-icon .make-icon .foreground-map .tab1 .written-content {
  4008. display: none;
  4009. }
  4010. .toolkit-make-icon .make-icon .foreground-map .tab1 .text-color {
  4011. display: none;
  4012. }
  4013. .toolkit-make-icon .make-icon .foreground-map .tab2 {
  4014. padding: 30px 10px;
  4015. }
  4016. .toolkit-make-icon .make-icon .foreground-map .tab2 .edit-text {
  4017. margin-bottom: 30px;
  4018. }
  4019. .toolkit-make-icon .make-icon .error {
  4020. font-size: 12px;
  4021. color: #fd641d;
  4022. margin-top: 5px;
  4023. display: none;
  4024. }
  4025. .toolkit-make-icon .make-icon .form-error .error {
  4026. display: block;
  4027. }
  4028. .toolkit-make-icon .make-icon .control-label {
  4029. color: #333;
  4030. }
  4031. .toolkit-make-icon .make-icon .prospects {
  4032. padding-top: 7px;
  4033. color: #333;
  4034. }
  4035. .toolkit-make-icon .make-icon .prospects li {
  4036. float: left;
  4037. margin-right: 35px;
  4038. cursor: pointer;
  4039. }
  4040. .toolkit-make-icon .make-icon .prospects li .icon-radio {
  4041. margin-right: 8px;
  4042. }
  4043. .toolkit-make-icon .make-icon .m-icon-radio {
  4044. margin-bottom: 40px;
  4045. }
  4046. .toolkit-make-icon .make-icon .m-icon-radio li {
  4047. float: left;
  4048. width: 140px;
  4049. height: 40px;
  4050. line-height: 40px;
  4051. border: 1px solid #e5e5e5;
  4052. border-radius: 3px;
  4053. text-align: center;
  4054. margin-right: 20px;
  4055. cursor: pointer;
  4056. position: relative;
  4057. }
  4058. .toolkit-make-icon .make-icon .m-icon-radio li .icon-checkbox-small {
  4059. position: absolute;
  4060. right: 0;
  4061. bottom: 0;
  4062. display: none;
  4063. }
  4064. .toolkit-make-icon .make-icon .m-icon-radio li.active {
  4065. border-color: #157df1;
  4066. }
  4067. .toolkit-make-icon .make-icon .m-icon-radio li.active .icon-checkbox-small {
  4068. display: block;
  4069. }
  4070. .toolkit-make-icon .make-icon .img-size dt {
  4071. float: left;
  4072. margin-right: 40px;
  4073. cursor: pointer;
  4074. }
  4075. .toolkit-make-icon .make-icon .img-size dt .iconfont {
  4076. margin-right: 7px;
  4077. position: relative;
  4078. top: 1px;
  4079. }
  4080. .toolkit-make-icon .make-icon .img-size dd {
  4081. float: left;
  4082. margin-right: 40px;
  4083. cursor: pointer;
  4084. }
  4085. .toolkit-make-icon .make-icon .img-size dd .iconfont {
  4086. margin-right: 7px;
  4087. }
  4088. .toolkit-make-icon .make-icon .img-size-tit {
  4089. margin-bottom: 2px;
  4090. }
  4091. .toolkit-make-icon .make-icon .img-size dt .icon-checkbox-checked1 {
  4092. color: #157df1;
  4093. }
  4094. .toolkit-make-icon .make-icon .img-size dd .icon-checkbox-checked1 {
  4095. color: #157df1;
  4096. }
  4097. @media (min-width: 1200px) {
  4098. .toolkit-make-icon .make-icon .foreground-map .tab-con .form-group {
  4099. margin-left: -10px;
  4100. margin-right: -10px;
  4101. }
  4102. .toolkit-make-icon .make-icon .foreground-map .tab-con .col-sm-2 {
  4103. width: 20%;
  4104. padding-left: 10px;
  4105. padding-right: 10px;
  4106. }
  4107. .toolkit-make-icon .make-icon .foreground-map .tab-con .col-sm-10 {
  4108. width: 80%;
  4109. padding-left: 10px;
  4110. padding-right: 10px;
  4111. }
  4112. .toolkit-make-icon .make-icon .foreground-map .tab-con .col-sm-push-2 {
  4113. left: 20%;
  4114. }
  4115. }
  4116. .toolkit-make-icon .m-right .generated-icon {
  4117. padding: 9px 35px;
  4118. margin-top: 25px;
  4119. }
  4120. /*/制作图标*/
  4121. /*----------/toolkit-new----------*/
  4122. /*----------/工具箱-----------*/
  4123. /*----------企业签名-----------*/
  4124. .signature-banner {
  4125. background: url("../image/s-banner.jpg") no-repeat center;
  4126. height: 430px;
  4127. display: block;
  4128. padding: 110px 0 0 70px;
  4129. }
  4130. .signature-banner .con {
  4131. color: #fff;
  4132. }
  4133. .signature-banner .con .h1 {
  4134. font-size: 32px;
  4135. font-weight: 600;
  4136. margin-bottom: 15px;
  4137. }
  4138. .signature-banner .con p {
  4139. font-size: 18px;
  4140. line-height: 28px;
  4141. margin-bottom: 20px;
  4142. }
  4143. .signature-banner .con .ms-btn-primary {
  4144. width: 110px;
  4145. background-color: transparent;
  4146. border-color: #fff;
  4147. font-size: 16px;
  4148. }
  4149. /*.corporate-signature-wrap{background-color: #f5f9fe;}*/
  4150. .corporate-signature {
  4151. padding: 70px 0;
  4152. }
  4153. .corporate-signature .h1 {
  4154. color: #157df1;
  4155. margin-bottom: 50px;
  4156. text-align: center;
  4157. }
  4158. /*.corporate-signature .ms-thumbnail .ms-caption .tit{font-weight: 600;}*/
  4159. .corporate-signature .ms-thumbnail img {
  4160. margin-bottom: 15px;
  4161. }
  4162. .signature-tool {
  4163. padding: 70px 0;
  4164. }
  4165. .signature-tool .h1 {
  4166. color: #157df1;
  4167. text-align: center;
  4168. margin-bottom: 60px;
  4169. }
  4170. .signature-tool img {
  4171. margin: 0 auto;
  4172. }
  4173. .signature-process-wrap {
  4174. background: url("../image/bg-4.jpg") no-repeat center;
  4175. height: 440px;
  4176. }
  4177. .signature-process {
  4178. padding-top: 75px;
  4179. }
  4180. .signature-process .h1 {
  4181. color: #fff;
  4182. margin-bottom: 80px;
  4183. text-align: center;
  4184. }
  4185. .signature-process img {
  4186. margin: 0 auto;
  4187. }
  4188. .signature-process ul {
  4189. padding: 0 50px;
  4190. }
  4191. .signature-process ul li {
  4192. float: left;
  4193. }
  4194. .signature-process ul li img {
  4195. margin: 0 auto 20px;
  4196. display: block;
  4197. }
  4198. .signature-process ul li p {
  4199. color: #fff;
  4200. }
  4201. .signature-process ul li:nth-child(even) {
  4202. background: url("../image/tt-13.png") no-repeat center;
  4203. height: 100px;
  4204. width: 50px;
  4205. }
  4206. .signature-process ul li:nth-child(odd) {
  4207. width: calc((100% - 200px) / 5);
  4208. text-align: center;
  4209. }
  4210. /*----------/企业签名-----------*/
  4211. /*----------封装页面-----------*/
  4212. .encapsulation-banner-wrap {
  4213. background: url("../image/banner-4.jpg?20190302") no-repeat center;
  4214. height: 430px;
  4215. position: relative;
  4216. display: block;
  4217. }
  4218. .encapsulation-banner {
  4219. padding: 100px 0 0 90px;
  4220. }
  4221. .encapsulation-banner .h1 {
  4222. color: #fff;
  4223. font-size: 32px;
  4224. margin-bottom: 15px;
  4225. }
  4226. .encapsulation-banner p {
  4227. color: #fff;
  4228. font-size: 18px;
  4229. margin-bottom: 10px;
  4230. }
  4231. .encapsulation-banner ul {
  4232. margin-bottom: 20px;
  4233. }
  4234. .encapsulation-banner ul li {
  4235. color: #fff;
  4236. float: left;
  4237. margin-right: 40px;
  4238. font-size: 16px;
  4239. }
  4240. .encapsulation-banner ul li .iconfont {
  4241. font-size: 20px;
  4242. position: relative;
  4243. top: 2px;
  4244. margin-right: 5px;
  4245. }
  4246. .encapsulation-banner .ms-btn {
  4247. border: 1px solid #fff;
  4248. color: #fff;
  4249. padding-left: 25px;
  4250. padding-right: 25px;
  4251. }
  4252. .encapsulation-introduce-wrap {
  4253. background-color: #f5f9fe;
  4254. padding: 20px 0 15px;
  4255. }
  4256. .encapsulation-introduce .ms-thumbnail .img-wrap {
  4257. width: 115px;
  4258. height: 100px;
  4259. margin: 0 auto;
  4260. margin-bottom: 15px;
  4261. display: flex;
  4262. align-items: flex-end;
  4263. justify-content: center;
  4264. }
  4265. .encapsulation-introduce .ms-thumbnail .img-wrap img {
  4266. margin-bottom: 0;
  4267. }
  4268. .encapsulation-introduce .ms-thumbnail .ms-caption .tit {
  4269. margin-bottom: 5px;
  4270. }
  4271. .encapsulation-introduce .ms-thumbnail .ms-caption p {
  4272. font-size: 12px;
  4273. line-height: 20px;
  4274. }
  4275. .function-of {
  4276. padding: 70px 0 80px;
  4277. text-align: center;
  4278. }
  4279. .function-of .tit {
  4280. font-size: 36px;
  4281. color: #157df1;
  4282. }
  4283. .function-of p {
  4284. font-size: 16px;
  4285. color: #666;
  4286. margin: 20px 0 75px;
  4287. }
  4288. .function-of ul li {
  4289. float: left;
  4290. width: 16.6666667%;
  4291. border-bottom: 1px solid #f5f7f9;
  4292. border-left: 1px solid #f5f7f9;
  4293. padding: 30px 0;
  4294. }
  4295. .function-of ul li .img-wrap {
  4296. position: relative;
  4297. width: 60px;
  4298. height: 55px;
  4299. margin: 0 auto 10px;
  4300. display: flex;
  4301. align-items: center;
  4302. justify-content: center;
  4303. }
  4304. .function-of ul li .img-wrap .hot {
  4305. background: url("../image/e-5.png");
  4306. width: 31px;
  4307. height: 19px;
  4308. position: absolute;
  4309. color: #fff;
  4310. font-size: 12px;
  4311. line-height: 19px;
  4312. right: -30px;
  4313. top: -7px;
  4314. }
  4315. .function-of ul li:nth-of-type(1) {
  4316. border-left-color: transparent;
  4317. }
  4318. .function-of ul li:nth-of-type(7) {
  4319. border-left-color: transparent;
  4320. }
  4321. .function-of ul li:nth-of-type(13) {
  4322. border-left-color: transparent;
  4323. }
  4324. .function-of ul li:nth-of-type(n+13) {
  4325. border-bottom-color: transparent;
  4326. }
  4327. .function-of .f-img img {
  4328. margin: 0 auto;
  4329. }
  4330. /*.function-of .watermark{position: absolute; left: 0; top: 0px;}*/
  4331. .encapsulation-complete-wrap {
  4332. background: url("../image/e-6.jpg") no-repeat center;
  4333. height: 440px;
  4334. }
  4335. .encapsulation-complete-6 {
  4336. padding-top: 80px;
  4337. }
  4338. .encapsulation-complete-6 .h1 {
  4339. color: #fff;
  4340. margin-bottom: 60px;
  4341. text-align: center;
  4342. }
  4343. .app-case-wrap {
  4344. background-color: #f5f9fe;
  4345. }
  4346. .app-case {
  4347. padding: 70px 80px 45px;
  4348. }
  4349. .app-case .tit {
  4350. font-size: 36px;
  4351. color: #157df1;
  4352. text-align: center;
  4353. margin-bottom: 70px;
  4354. }
  4355. .app-case .list .con {
  4356. position: relative;
  4357. margin-bottom: 25px;
  4358. }
  4359. .app-case .list .con img {
  4360. height: 418px;
  4361. }
  4362. .app-case .list .con .hover {
  4363. position: absolute;
  4364. left: -10px;
  4365. top: -10px;
  4366. width: calc(100% + 20px);
  4367. height: calc(100% + 40px);
  4368. background-color: #348dee;
  4369. color: #fff;
  4370. font-size: 24px;
  4371. padding-top: 160px;
  4372. text-align: center;
  4373. opacity: 0;
  4374. transition: all 600ms;
  4375. cursor: pointer;
  4376. z-index: 1;
  4377. }
  4378. .app-case .list .con:hover .hover {
  4379. opacity: 1;
  4380. }
  4381. .price-pay .wechat-pay {
  4382. padding: 100px 0;
  4383. }
  4384. .price-pay .wechat-pay .wechat-img {
  4385. padding: 10px;
  4386. width: 200px;
  4387. height: 200px;
  4388. border: 1px solid #e5e5e5;
  4389. }
  4390. .price-pay .wechat-pay .glyphicon-triangle-left {
  4391. font-size: 30px;
  4392. color: #333;
  4393. }
  4394. .price-pay .wechat-pay .left {
  4395. margin-top: 100px;
  4396. }
  4397. .price-pay .wechat-pay .center {
  4398. margin-top: 170px;
  4399. }
  4400. .user-loss {
  4401. padding: 80px 0;
  4402. }
  4403. .user-loss .h1 {
  4404. color: #157df1;
  4405. text-align: center;
  4406. margin-bottom: 60px;
  4407. }
  4408. .user-loss ul {
  4409. background: url("../image/en-1.png") no-repeat center;
  4410. position: relative;
  4411. height: 320px;
  4412. }
  4413. .user-loss ul li {
  4414. color: #333;
  4415. font-size: 18px;
  4416. padding: 0 20px;
  4417. border-radius: 30px;
  4418. height: 42px;
  4419. line-height: 42px;
  4420. box-shadow: 0 0 15px rgba(21, 125, 241, .2);
  4421. position: absolute;
  4422. }
  4423. .user-loss ul li.con1 {
  4424. left: 130px;
  4425. top: 50px;
  4426. }
  4427. .user-loss ul li.con2 {
  4428. right: 0;
  4429. }
  4430. .user-loss ul li.con3 {
  4431. left: 0;
  4432. bottom: 40px;
  4433. }
  4434. .user-loss ul li.con4 {
  4435. right: 100px;
  4436. bottom: 100px;
  4437. }
  4438. .problem-solving-wrap {
  4439. background: #f7f8fc url("../image/en-6.png?12>") no-repeat center bottom;
  4440. }
  4441. .problem-solving {
  4442. padding: 80px 20px;
  4443. height: 795px;
  4444. }
  4445. .problem-solving .h1 {
  4446. color: #157df1;
  4447. text-align: center;
  4448. margin-bottom: 80px;
  4449. }
  4450. @media (min-width: 1200px) {
  4451. .problem-solving .row {
  4452. margin: 0 -45px;
  4453. }
  4454. .problem-solving .row .col-sm-3 {
  4455. padding: 0 45px;
  4456. }
  4457. .problem-solving .row .col-sm-3:nth-child(1) {
  4458. margin-top: 30px;
  4459. }
  4460. .problem-solving .row .col-sm-3:nth-child(2) {
  4461. margin-top: 180px;
  4462. }
  4463. .problem-solving .row .col-sm-3:last-of-type {
  4464. margin-top: 228px;
  4465. }
  4466. }
  4467. .problem-solving .ms-thumbnail {
  4468. background-color: #fff;
  4469. padding: 30px 0;
  4470. position: relative;
  4471. border-radius: 10px;
  4472. }
  4473. .problem-solving .ms-thumbnail .ms-caption p {
  4474. height: 100px;
  4475. }
  4476. .problem-solving .ms-thumbnail .location {
  4477. position: absolute;
  4478. left: 50%;
  4479. bottom: -33px;
  4480. transform: translateX(-50%);
  4481. }
  4482. .encapsulation-complete-6 ul {
  4483. padding: 0 50px;
  4484. }
  4485. .encapsulation-complete-6 ul li {
  4486. float: left;
  4487. }
  4488. .encapsulation-complete-6 ul li img {
  4489. margin: 0 auto 20px;
  4490. display: block;
  4491. }
  4492. .encapsulation-complete-6 ul li p {
  4493. color: #fff;
  4494. }
  4495. .encapsulation-complete-6 ul li:nth-child(even) {
  4496. background: url("../image/tt-13.png") no-repeat center;
  4497. height: 100px;
  4498. width: 50px;
  4499. }
  4500. .encapsulation-complete-6 ul li:nth-child(odd) {
  4501. width: calc((100% - 200px) / 5);
  4502. text-align: center;
  4503. }
  4504. /*----------/封装页面-----------*/
  4505. /*----------404 500-----------*/
  4506. .web404 {
  4507. padding: 150px 0 0;
  4508. min-height: 790px;
  4509. }
  4510. .web404 .img {
  4511. position: relative;
  4512. padding-left: 45px;
  4513. }
  4514. .web404 .error {
  4515. position: absolute;
  4516. right: -70px;
  4517. top: 50px;
  4518. }
  4519. .web404 .error .text {
  4520. font-size: 24px;
  4521. color: #333;
  4522. }
  4523. .web404 .error p {
  4524. margin-top: 10px;
  4525. }
  4526. .web404 .error .ms-btn-primary {
  4527. margin-top: 30px;
  4528. font-size: 18px;
  4529. width: 160px;
  4530. }
  4531. .web500 {
  4532. position: absolute;
  4533. left: 50%;
  4534. top: 45%;
  4535. transform: translate(-50%, -50%);
  4536. }
  4537. .web500 .error {
  4538. position: absolute;
  4539. bottom: -50px;
  4540. left: 65%;
  4541. }
  4542. .web500 .error .text {
  4543. font-size: 24px;
  4544. color: #333;
  4545. }
  4546. .web500 .error p {
  4547. margin-top: 10px;
  4548. }
  4549. .web500 .error .ms-btn-primary {
  4550. margin-top: 30px;
  4551. font-size: 18px;
  4552. width: 160px;
  4553. }
  4554. /*----------/404 500-----------*/
  4555. /*----------关于我们-----------*/
  4556. .about-banner-wrap {
  4557. background: no-repeat center;
  4558. height: 200px;
  4559. }
  4560. .about-banner {
  4561. height: 200px;
  4562. padding-top: 50px;
  4563. text-align: center;
  4564. color: #fff;
  4565. }
  4566. .about-tab-wrap {
  4567. background-color: rgba(0, 0, 0, .1);
  4568. margin-top: -44px;
  4569. }
  4570. .about-tab-wrap .about-tab > a {
  4571. float: left;
  4572. color: #fff;
  4573. width: 20%;
  4574. height: 44px;
  4575. line-height: 44px;
  4576. font-size: 16px;
  4577. text-align: center;
  4578. cursor: pointer;
  4579. display: block;
  4580. }
  4581. .about-tab-wrap .about-tab .router-link-active {
  4582. background-color: #157df1;
  4583. }
  4584. .about-tab-wrap .about-tab a .iconfont {
  4585. font-size: 18px;
  4586. margin-right: 5px;
  4587. position: relative;
  4588. top: 1px;
  4589. }
  4590. .about-tab-wrap .about-tab a:hover {
  4591. background-color: #157df1;
  4592. }
  4593. /*.about-us>div{display: none;}*/
  4594. .about-us .common {
  4595. padding: 70px 0;
  4596. }
  4597. .about-us .common h1 {
  4598. text-align: center;
  4599. color: #333;
  4600. margin-bottom: 50px;
  4601. }
  4602. .about-us .common .p2 {
  4603. font-size: 16px;
  4604. color: #333;
  4605. text-align: center;
  4606. line-height: 30px;
  4607. margin-bottom: 50px;
  4608. }
  4609. .about-us .contact-us {
  4610. padding-top: 0;
  4611. }
  4612. .about-us .contact-us .contact-con {
  4613. padding: 0 50px;
  4614. }
  4615. .about-us .contact-us .contact-con .ms-thumbnail {
  4616. border: 1px solid #e5e5e5;
  4617. padding: 50px 0;
  4618. }
  4619. .about-us .contact-us .contact-con .ms-thumbnail .ms-caption .tit {
  4620. font-size: 24px;
  4621. }
  4622. .about-us .contact-us .contact-con .ms-thumbnail .ms-caption p {
  4623. color: #666;
  4624. margin-bottom: 20px;
  4625. }
  4626. .about-us .contact-us .contact-con .ms-thumbnail .ms-caption .p1 .iconfont {
  4627. color: #adb6bc;
  4628. font-size: 20px;
  4629. margin-right: 10px;
  4630. position: relative;
  4631. top: 2px;
  4632. }
  4633. .about-us .contact-us .contact-con .ms-thumbnail .ms-caption .p1 .feedback1 {
  4634. font-size: 12px;
  4635. padding: 3px 8px;
  4636. margin-left: 25px;
  4637. }
  4638. .about-us .service_content {
  4639. font-size: 16px;
  4640. color: #525252;
  4641. padding: 70px;
  4642. }
  4643. .about-us .service_content p {
  4644. color: #333;
  4645. font-size: 16px;
  4646. line-height: 28px;
  4647. }
  4648. .about-us .service_content .font18 {
  4649. color: #333;
  4650. margin-top: 5px;
  4651. margin-bottom: 5px;
  4652. }
  4653. .about-us .service_content h3 {
  4654. font-size: 24px;
  4655. color: #333333;
  4656. line-height: 33px;
  4657. margin-top: 20px;
  4658. margin-bottom: 10px;
  4659. }
  4660. .about-us .service_content li {
  4661. line-height: 30px;
  4662. list-style: none;
  4663. color: #333;
  4664. }
  4665. .about-us .service_content a, a:hover {
  4666. color: #157df1;
  4667. text-decoration: none;
  4668. }
  4669. .about-us p.item-title {
  4670. margin: 0 0 10px 0;
  4671. font-size: 24px;
  4672. color: #333;
  4673. line-height: 50px;
  4674. }
  4675. /*----------/关于我们-----------*/
  4676. /*应用上传 重置*/
  4677. /*----------应用上传 重置----------*/
  4678. .qq-upload-list-selector {
  4679. text-align: center;
  4680. padding-top: 0 !important;
  4681. }
  4682. .qq-progress-bar-container-selector {
  4683. height: 12px !important;
  4684. border-radius: 6px;
  4685. }
  4686. .qq-progress-bar-container-selector .qq-progress-bar-selector {
  4687. height: 12px !important;
  4688. border-radius: 6px;
  4689. }
  4690. .qq-progress-bar-container-selector .qq-progress-bar-selector {
  4691. height: 12px !important;
  4692. }
  4693. .release-app .progress-bar.active, .release-app .progress.active .progress-bar {
  4694. /*
  4695. -webkit-animation: none !important;
  4696. -o-animation: none !important;
  4697. animation: none !important;
  4698. */
  4699. }
  4700. .release-app .progress-striped .progress-bar-warning {
  4701. /*background-image: none !important;*/
  4702. }
  4703. .release-app .progress-bar-warning {
  4704. background-color: #36b8f3 !important;
  4705. }
  4706. .big-bag .progress-bar-warning {
  4707. background-color: #ffa634 !important;
  4708. }
  4709. .release-app2 .qq-upload-list li {
  4710. padding: 9px 55px;
  4711. }
  4712. .tag-box {
  4713. padding: 50px 20px 60px !important;
  4714. height: 450px !important;
  4715. }
  4716. .release-app .progress {
  4717. margin-top: 20px !important;
  4718. }
  4719. .qq-upload-list-selector {
  4720. margin-top: 20px !important;
  4721. }
  4722. .qq-uploader-selector {
  4723. height: auto;
  4724. text-align: center;
  4725. }
  4726. .qq-upload-button-selector {
  4727. margin-top: 130px !important;
  4728. }
  4729. .tag-box-v5 {
  4730. margin-bottom: 0 !important;
  4731. }
  4732. /*----------/应用上传 重置----------*/
  4733. /*----------企业签名----------*/
  4734. .signature1 > .con {
  4735. position: relative;
  4736. }
  4737. .signature1 > .con > .row {
  4738. margin: 0 0 20px;
  4739. overflow: hidden;
  4740. height: 100%;
  4741. }
  4742. @media (min-width: 1200px) {
  4743. .signature1 > .con > .row > .col-sm-2 {
  4744. padding: 0 0 9999px;
  4745. margin-bottom: -9999px;
  4746. }
  4747. }
  4748. .signature1 > .con > .row > .col-sm-2 {
  4749. background-color: #fff;
  4750. box-shadow: 0 0 5px rgba(0, 0, 0, .05);
  4751. }
  4752. .signature1 > .con > .row > .col-sm-10 {
  4753. padding: 0 0 0 10px;
  4754. }
  4755. .signature1 .left {
  4756. padding-top: 15px;
  4757. }
  4758. .signature1 .left ul li {
  4759. margin-bottom: 10px;
  4760. }
  4761. .signature1 .left ul li a {
  4762. padding-left: 25px;
  4763. display: block;
  4764. height: 50px;
  4765. line-height: 50px;
  4766. border-left: 4px solid transparent;
  4767. color: #333;
  4768. }
  4769. .signature1 .left ul li a .iconfont {
  4770. margin-right: 10px;
  4771. color: #333;
  4772. font-size: 18px;
  4773. }
  4774. .signature1 .left ul li.active a {
  4775. background-color: #e7f2fe;
  4776. border-color: #157df1;
  4777. color: #157df1;
  4778. }
  4779. .signature1 .left ul li.active a .iconfont {
  4780. color: #157df1;
  4781. }
  4782. .signature1 .left ul li.active a .icon-upload1 {
  4783. font-size: 18px;
  4784. }
  4785. .signature1 .left ul li:hover a {
  4786. background-color: #e7f2fe;
  4787. border-color: #157df1;
  4788. color: #157df1;
  4789. }
  4790. .signature1 .left ul li:hover a .iconfont {
  4791. color: #157df1;
  4792. }
  4793. .signature1 .left ul li .icon-xiangzi {
  4794. position: relative;
  4795. top: 1px;
  4796. }
  4797. .signature1 .left ul li .icon-caidan {
  4798. position: relative;
  4799. top: 1px;
  4800. }
  4801. .signature1 .right {
  4802. position: relative;
  4803. }
  4804. .signature1 .right .step {
  4805. overflow: hidden;
  4806. margin-bottom: 10px;
  4807. }
  4808. .signature1 .right .step li {
  4809. float: left;
  4810. background-color: #fff;
  4811. width: 19.5%;
  4812. height: 44px;
  4813. line-height: 44px;
  4814. text-align: center;
  4815. color: #666;
  4816. position: relative;
  4817. border: none;
  4818. }
  4819. .signature1 .right .step li span {
  4820. display: inline-block;
  4821. width: 18px;
  4822. height: 18px;
  4823. border-radius: 50%;
  4824. border: 1px solid #e5e5e5;
  4825. line-height: 16px;
  4826. text-align: center;
  4827. font-size: 12px;
  4828. margin-right: 10px;
  4829. }
  4830. .signature1 .right .step li.active {
  4831. color: #157df1;
  4832. }
  4833. .signature1 .right .step li.active span {
  4834. color: #157df1;
  4835. border-color: #157df1;
  4836. }
  4837. .signature1 .right .step li:after, .signature1 .right .step li:before {
  4838. left: 100%;
  4839. top: 50%;
  4840. border: solid transparent;
  4841. content: " ";
  4842. height: 0;
  4843. width: 0;
  4844. position: absolute;
  4845. pointer-events: none;
  4846. z-index: 1;
  4847. }
  4848. .signature1 .right .step li:before {
  4849. border-color: rgba(255, 0, 0, 0);
  4850. border-left-color: #f2f2f5;
  4851. border-width: 30px;
  4852. margin-top: -30px;
  4853. }
  4854. .signature1 .right .step li:after {
  4855. border-color: rgba(255, 255, 255, 0);
  4856. border-left-color: #fff;
  4857. border-width: 25px;
  4858. margin-top: -25px;
  4859. z-index: 1;
  4860. }
  4861. .signature1 .right .step-common {
  4862. box-shadow: 0 0 5px rgba(0, 0, 0, .05);
  4863. background-color: #fff;
  4864. border-radius: 3px; /*margin-top: 10px;*/
  4865. color: #333;
  4866. padding-bottom: 30px; /*min-height: 446px;*/
  4867. }
  4868. .signature1 .right .step-common .tit {
  4869. line-height: 60px;
  4870. border-bottom: 1px solid #e5e5e5;
  4871. height: 60px;
  4872. padding: 0 0 0 30px;
  4873. margin-bottom: 20px;
  4874. }
  4875. .signature1 .right .step-common ul {
  4876. padding: 0 30px 30px 30px;
  4877. }
  4878. .signature1 .warn-prompt-wrap {
  4879. padding-bottom: 20px;
  4880. margin-top: -20px;
  4881. }
  4882. .signature1 .warn-prompt-wrap .warn-prompt {
  4883. width: calc(100% - 16.66666667% - 10px);
  4884. }
  4885. .signature1 .warn-prompt-wrap .warn-prompt-1 {
  4886. width: calc(100% - 16.66666667% - 10px);
  4887. margin-bottom: 0;
  4888. }
  4889. .release-app2 .warn-prompt-wrap {
  4890. padding-bottom: 20px;
  4891. margin-top: -20px;
  4892. }
  4893. .release-app2 .warn-prompt-wrapp {
  4894. padding-bottom: -20px;
  4895. margin-top: 10px;
  4896. }
  4897. .release-app2 .warn-prompt-wrap .warn-prompt {
  4898. width: calc(100% - 16.66666667% - 10px);
  4899. }
  4900. .release-app2 .warn-prompt-wrap .warn-prompt-1 {
  4901. width: calc(100% - 16.66666667% - 10px);
  4902. margin-bottom: 0;
  4903. }
  4904. /*对公转账*/
  4905. .contrary-transfer {
  4906. color: #666;
  4907. padding: 0 25px;
  4908. display: none;
  4909. }
  4910. .contrary-transfer .warn-prompt {
  4911. margin-top: 0;
  4912. margin-bottom: 15px;
  4913. }
  4914. .contrary-transfer dl dt {
  4915. width: 60px;
  4916. text-align: right;
  4917. margin-right: 45px;
  4918. padding-top: 7px;
  4919. }
  4920. .contrary-transfer dl dd {
  4921. height: 34px;
  4922. line-height: 34px;
  4923. }
  4924. .contrary-transfer .dl-input dd {
  4925. height: auto;
  4926. line-height: normal;
  4927. }
  4928. .contrary-transfer .dl-input {
  4929. margin-top: 10px;
  4930. }
  4931. .contrary-transfer .dl-input .form-error + .error {
  4932. display: block;
  4933. }
  4934. .contrary-transfer .dl-input .error {
  4935. color: #ff4222;
  4936. display: none;
  4937. }
  4938. .signature1 .right .step1 .upload-file {
  4939. padding: 0;
  4940. height: 436px;
  4941. margin-top: 10px;
  4942. text-align: center;
  4943. box-shadow: 0 0 5px rgba(0, 0, 0, .05);
  4944. }
  4945. .signature1 .right .step1 .qq-upload-button-selector {
  4946. margin-top: 100px !important;
  4947. }
  4948. .signature1 .right .step1 .qq-upload-list-selector li {
  4949. padding-left: 20px;
  4950. padding-right: 20px;
  4951. }
  4952. .signature1 .right .step2 .form-group {
  4953. margin-bottom: 30px;
  4954. }
  4955. .signature1 .right .step2 .form-group .col-sm-6 {
  4956. position: relative;
  4957. }
  4958. .signature1 .right .step2 .form-group .error-prompt {
  4959. position: absolute;
  4960. left: 15px;
  4961. top: calc(100% + 3px);
  4962. color: #f00;
  4963. display: none;
  4964. }
  4965. .signature1 .right .step2 .form-group.form-error .error-prompt {
  4966. display: block;
  4967. }
  4968. .signature1 .right .step2 ul {
  4969. padding: 7px 15px 0;
  4970. }
  4971. .signature1 .right .step2 .form-group .col-sm-2 {
  4972. width: 14%;
  4973. }
  4974. .signature1 .right .step2 .app-name img {
  4975. border: 1px solid #e5e5e5;
  4976. border-radius: 15px;
  4977. width: 60px;
  4978. height: 60px;
  4979. }
  4980. .signature1 .right .step2 .app-name .col-sm-2:nth-of-type(1) {
  4981. line-height: 60px;
  4982. padding-top: 0;
  4983. }
  4984. .signature1 .right .step2 .app-name .col-sm-2:nth-of-type(2) {
  4985. width: auto;
  4986. padding-right: 0;
  4987. }
  4988. .signature1 .right .step2 .app-name .col-sm-4 {
  4989. line-height: 60px;
  4990. }
  4991. .signature1 .right .step3 .text {
  4992. padding-left: 30px;
  4993. margin-bottom: 20px;
  4994. }
  4995. .signature1 .right .step3 .text img {
  4996. width: 30px;
  4997. height: 30px;
  4998. border: 1px solid #e5e5e5;
  4999. border-radius: 6px;
  5000. }
  5001. .signature1 .right .step3 .text p {
  5002. line-height: 30px;
  5003. margin-left: 15px;
  5004. }
  5005. .signature1 .right .step3 .pay-money {
  5006. padding-bottom: 0;
  5007. padding-left: 30px;
  5008. }
  5009. .signature1 .right .step3 .pay-money .ms-btn {
  5010. width: auto;
  5011. padding: 6px 12px;
  5012. }
  5013. .signature1 .right .step3 .pay-money .ms-btn.color-hover {
  5014. padding-left: 0;
  5015. }
  5016. .signature1 .right .step3 .pay-money .ms-btn-primary {
  5017. width: 160px;
  5018. padding: 9px 0;
  5019. }
  5020. .signature1 .right .step3 .choose-package li {
  5021. height: 40px;
  5022. line-height: 40px;
  5023. text-align: center;
  5024. width: 100px;
  5025. border: 1px solid #e5e5e5;
  5026. position: relative;
  5027. border-radius: 3px;
  5028. margin-right: 30px;
  5029. float: left;
  5030. cursor: pointer;
  5031. }
  5032. .signature1 .right .step3 .choose-package li .icon-checkbox {
  5033. position: absolute;
  5034. right: 0;
  5035. bottom: 0;
  5036. border-bottom-right-radius: 3px;
  5037. display: none;
  5038. }
  5039. .signature1 .right .step3 .choose-package li.active {
  5040. border-color: #157df1;
  5041. }
  5042. .signature1 .right .step3 .choose-package li.active .icon-checkbox {
  5043. display: block;
  5044. }
  5045. .signature1 .right .step3 .tooltip .tooltip-inner {
  5046. max-width: 300px;
  5047. }
  5048. .signature1 .right .step4 {
  5049. padding-bottom: 0;
  5050. }
  5051. .signature1 .right .step4 .top {
  5052. padding: 30px;
  5053. border-bottom: 1px solid #e5e5e5;
  5054. min-height: 350px;
  5055. }
  5056. .signature1 .right .step4 .top img {
  5057. border: 1px solid #e5e5e5;
  5058. border-radius: 15px;
  5059. width: 80px;
  5060. height: 80px;
  5061. margin-right: 20px;
  5062. }
  5063. .signature1 .right .step4 .top table {
  5064. width: 45%;
  5065. color: #333;
  5066. }
  5067. .signature1 .right .step4 .top table caption {
  5068. color: #333;
  5069. font-size: 24px;
  5070. margin-bottom: 5px;
  5071. }
  5072. .signature1 .right .step4 .top table caption .tit1 {
  5073. position: relative;
  5074. }
  5075. .signature1 .right .step4 .top table caption .version {
  5076. position: absolute;
  5077. left: calc(100% + 2px);
  5078. top: 0;
  5079. background-color: #ed2027;
  5080. font-size: 12px;
  5081. width: 42px;
  5082. color: #fff;
  5083. text-align: center;
  5084. border-radius: 3px;
  5085. }
  5086. .signature1 .right .step4 .top table td {
  5087. padding: 2px 0;
  5088. font-size: 12px;
  5089. }
  5090. .signature1 .right .step4 .top.signature-disabled img {
  5091. -webkit-filter: grayscale(1);
  5092. filter: gray;
  5093. filter: grayscale(1);
  5094. }
  5095. .signature1 .right .step4 .top.signature-disabled table {
  5096. color: #999;
  5097. }
  5098. .signature1 .right .step4 .top.signature-disabled table caption {
  5099. color: #999;
  5100. }
  5101. .signature1 .right .step4 .step-bottom {
  5102. padding: 20px 50px 15px;
  5103. }
  5104. .signature1 .right .step4 .step-bottom table {
  5105. width: 100%;
  5106. }
  5107. .signature1 .right .step4 .step-bottom table th {
  5108. font-weight: 600;
  5109. padding: 5px;
  5110. }
  5111. .signature1 .right .step4 .step-bottom table th span {
  5112. display: inline-block;
  5113. width: 3px;
  5114. height: 16px;
  5115. background-color: #157df1;
  5116. position: relative;
  5117. top: 3px;
  5118. margin-right: 7px;
  5119. }
  5120. .signature1 .right .step4 .step-bottom table td {
  5121. padding: 5px;
  5122. }
  5123. .signature1 .right .app-table {
  5124. margin-bottom: 0;
  5125. }
  5126. .signature1 .right .app-table th {
  5127. border-bottom-width: 1px;
  5128. }
  5129. .table-list .app-table tr:hover td {
  5130. background-color: #ebf7ff;
  5131. }
  5132. .table-list .app-table td .app-icon-size {
  5133. margin-right: 10px;
  5134. }
  5135. .table-list .app-table td .app-icon-size img {
  5136. width: 45px;
  5137. height: 45px;
  5138. border-radius: 10px;
  5139. border: 1px solid #e5e5e5;
  5140. }
  5141. .signature1 .right .app-table td .icon-download {
  5142. font-size: 20px;
  5143. cursor: pointer;
  5144. color: #157df1;
  5145. }
  5146. /*.signature1 .right .app-table td .icon-download:hover{color: #157df1;}*/
  5147. .signature1 .right .app-table .number {
  5148. cursor: pointer;
  5149. }
  5150. .signature1 .right .app-table .number .text {
  5151. position: relative;
  5152. }
  5153. .signature1 .right .app-table .number .glyphicon {
  5154. color: #bbb;
  5155. display: block;
  5156. font-size: 13px;
  5157. position: absolute;
  5158. left: calc(100% + 3px);
  5159. }
  5160. .signature1 .right .app-table .number .glyphicon-triangle-top {
  5161. top: -4px;
  5162. }
  5163. .signature1 .right .app-table .number .glyphicon-triangle-bottom {
  5164. top: 4px;
  5165. }
  5166. .signature1 .right .app-table .number.sorted.ascending .glyphicon-triangle-top {
  5167. color: #666;
  5168. }
  5169. .signature1 .right .app-table .number.sorted.descending .glyphicon-triangle-bottom {
  5170. color: #666;
  5171. }
  5172. .signature1 .right .no-signature {
  5173. background-color: #fff;
  5174. min-height: 420px;
  5175. text-align: center;
  5176. padding-top: 130px;
  5177. border: 1px solid #e5e5e5;
  5178. border-top: none;
  5179. }
  5180. .signature1 .right .no-signature .text {
  5181. margin-top: 20px;
  5182. }
  5183. /*.signature1 .release-app .app-table tr th:first-of-type{width: 80px;}*/
  5184. .signature1 .release-app .app-table td .tit-ellipsis {
  5185. width: 70px;
  5186. overflow: hidden;
  5187. text-overflow: ellipsis;
  5188. white-space: nowrap;
  5189. display: inline-block;
  5190. position: relative;
  5191. top: 5px;
  5192. }
  5193. .signature1 .right .warn-prompt {
  5194. margin-top: 20px;
  5195. }
  5196. /*----------/企业签名----------*/
  5197. /*----------封装----------*/
  5198. .encapsulation {
  5199. padding: 30px;
  5200. background-color: #fff;
  5201. }
  5202. .encapsulation .common .list2 {
  5203. padding: 7px 15px 0;
  5204. }
  5205. .encapsulation .common .list2 li {
  5206. margin-right: 40px;
  5207. }
  5208. /*.encapsulation .version-number{margin-bottom: 20px !important;}*/
  5209. .encapsulation .form-horizontal .form-group:last-of-type {
  5210. margin-bottom: 0;
  5211. }
  5212. #device {
  5213. position: relative;
  5214. }
  5215. #device .error {
  5216. position: absolute;
  5217. top: 35px;
  5218. left: 15px;
  5219. white-space: nowrap;
  5220. font-size: 12px;
  5221. color: #fd641d;
  5222. display: none;
  5223. }
  5224. #device.form-error .error {
  5225. display: block;
  5226. }
  5227. .encapsulation .upload-icon {
  5228. position: relative;
  5229. border: 1px solid #ddd;
  5230. height: 100px;
  5231. width: 100px; /*border-radius: 15px;*/
  5232. background: url("../image/icon-10.png") no-repeat center 23px;
  5233. margin-bottom: 30px;
  5234. overflow: hidden;
  5235. margin-right: 15px;
  5236. }
  5237. .encapsulation .upload-icon img {
  5238. position: absolute;
  5239. left: 0;
  5240. top: 0;
  5241. width: 100%;
  5242. height: 100%; /*border-radius: 15px;*/
  5243. background-color: #fff; /*border: 1px solid #e5e5e5;*/
  5244. }
  5245. .encapsulation .upload-icon .thumbnail {
  5246. position: absolute;
  5247. z-index: 2;
  5248. width: 100%;
  5249. height: 100%;
  5250. opacity: 0;
  5251. cursor: pointer;
  5252. }
  5253. .encapsulation .upload-icon .thumbnail1 {
  5254. position: absolute;
  5255. z-index: 2;
  5256. width: 100%;
  5257. height: 100%;
  5258. opacity: 0;
  5259. cursor: pointer;
  5260. }
  5261. .encapsulation .upload-icon .text {
  5262. text-align: center;
  5263. margin-top: 60px;
  5264. font-size: 14px;
  5265. font-weight: 600;
  5266. color: #999;
  5267. }
  5268. .encapsulation .step2 .img-note {
  5269. font-size: 12px;
  5270. display: flex;
  5271. align-items: flex-end;
  5272. height: 90px;
  5273. margin-left: 10px;
  5274. }
  5275. .encapsulation .img-note .ms-btn {
  5276. font-size: 14px;
  5277. }
  5278. .encapsulation .step2 .control-label {
  5279. color: #333;
  5280. }
  5281. .encapsulation .upload-icon .reset {
  5282. position: absolute;
  5283. left: 0;
  5284. bottom: 0;
  5285. height: 20px;
  5286. line-height: 20px;
  5287. background: rgba(0, 0, 0, .5);
  5288. width: 100%;
  5289. color: #fff;
  5290. text-align: center;
  5291. font-size: 12px;
  5292. display: none;
  5293. }
  5294. .encapsulation .upload-icon .reset {
  5295. display: none;
  5296. }
  5297. .encapsulation .upload-icon.uploaded .reset {
  5298. display: none;
  5299. }
  5300. .encapsulation .upload-icon.uploaded:hover .reset {
  5301. display: block;
  5302. }
  5303. .encapsulation .upload-img {
  5304. height: 215px;
  5305. width: 120px;
  5306. background-position: center 45%; /*border-radius: 5px;*/
  5307. margin-bottom: 0;
  5308. }
  5309. .encapsulation .upload-img .text {
  5310. text-align: center;
  5311. margin-top: 120px;
  5312. }
  5313. .encapsulation .upload-img img { /*border-radius: 5px;*/
  5314. }
  5315. .encapsulation .step2 .img-note1 {
  5316. font-size: 12px;
  5317. display: flex;
  5318. align-items: flex-end;
  5319. height: 215px;
  5320. margin-left: 10px;
  5321. }
  5322. .encapsulation .step2 .img-note1 .ms-btn {
  5323. font-size: 14px;
  5324. }
  5325. /*启动图 显示时间*/
  5326. .encapsulation .step2 .start-time .tit {
  5327. color: #333;
  5328. }
  5329. .encapsulation .step2 .start-time ul {
  5330. padding-left: 0;
  5331. }
  5332. .encapsulation .step2 .start-time ul li {
  5333. float: left;
  5334. cursor: pointer;
  5335. margin-right: 30px;
  5336. }
  5337. .encapsulation .step2 .start-time ul li .icon-radio {
  5338. margin-right: 10px;
  5339. top: 3px;
  5340. }
  5341. /*/启动图 显示时间*/
  5342. /*启动图 显示跳过*/
  5343. .encapsulation .step2 .show-skip .tit {
  5344. color: #333;
  5345. }
  5346. .encapsulation .step2 .show-skip ul {
  5347. padding-left: 0;
  5348. }
  5349. /*/启动图 显示跳过*/
  5350. .encapsulation4 {
  5351. padding: 30px 0;
  5352. }
  5353. .encapsulation4 .common {
  5354. margin-bottom: 10px;
  5355. }
  5356. .encapsulation4 .common .tit {
  5357. padding: 0 30px 20px;
  5358. border-bottom: 1px solid #e5e5e5;
  5359. color: #333;
  5360. }
  5361. .encapsulation4 .common .list2 {
  5362. padding: 20px 30px 30px;
  5363. color: #333;
  5364. }
  5365. .encapsulation4 .pay-money {
  5366. padding-bottom: 0;
  5367. margin-top: 0;
  5368. }
  5369. .encapsulation4 .pay-money .ms-btn.color-hover {
  5370. width: auto;
  5371. padding: 6px 12px;
  5372. }
  5373. .encapsulation5 {
  5374. padding: 0;
  5375. background-color: transparent;
  5376. }
  5377. .encapsulation5 .e-details dt {
  5378. color: #333;
  5379. font-size: 24px;
  5380. }
  5381. .encapsulation5 .e-details dd {
  5382. margin-top: 5px;
  5383. font-size: 12px;
  5384. }
  5385. .encapsulation5 .e-details dt .tit1 {
  5386. position: relative;
  5387. }
  5388. .encapsulation5 .e-details .d-bottom > span {
  5389. margin-right: 50px;
  5390. }
  5391. .encapsulation5 table {
  5392. table-layout: fixed;
  5393. }
  5394. .encapsulation5 table .ellipsis-wrap {
  5395. position: relative;
  5396. }
  5397. .encapsulation5 table .ellipsis-wrap .popover {
  5398. max-width: 410px;
  5399. width: 410px;
  5400. top: 15px;
  5401. font-size: 14px;
  5402. }
  5403. .encapsulation5 table .ellipsis-wrap .popover .popover-content span {
  5404. color: #157df1;
  5405. margin-left: 10px;
  5406. cursor: pointer;
  5407. }
  5408. .encapsulation5 table .ellipsis-wrap .ellipsis {
  5409. width: 80%;
  5410. }
  5411. .encapsulation5 table .ellipsis-wrap .popover.bottom > .arrow {
  5412. left: 25px;
  5413. }
  5414. .encapsulation5 table .ellipsis-wrap:hover .popover {
  5415. display: block;
  5416. }
  5417. .encapsulation-app1 {
  5418. padding: 0;
  5419. background-color: transparent;
  5420. }
  5421. .encapsulation-app1 .app-table {
  5422. color: #666;
  5423. }
  5424. .encapsulation-app1 .app-table .iconfont {
  5425. color: #bbb;
  5426. }
  5427. .encapsulation-app1 .app-table tr th {
  5428. padding-left: 10px;
  5429. padding-right: 10px;
  5430. }
  5431. .encapsulation-app1 .app-table tr td {
  5432. height: 60px;
  5433. padding: 0 10px !important;
  5434. }
  5435. /*.encapsulation-app1 .app-table tr th:nth-of-type(2){text-align: left;}*/
  5436. /*.encapsulation-app1 .app-table tr th:nth-of-type(3){text-align: left;}*/
  5437. /*.encapsulation-app1 .app-table tr td:nth-of-type(3){text-align: left;}*/
  5438. /*.encapsulation-app1 table tr td:nth-of-type(3) a{max-width: 160px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: block;}*/
  5439. .encapsulation-app1 .number {
  5440. width: 120px;
  5441. }
  5442. .table-list .app-table .tr-disabled:hover td {
  5443. background-color: #f7f7f7;
  5444. }
  5445. .table-list .app-table .td-disabled {
  5446. color: #999;
  5447. position: relative;
  5448. }
  5449. .table-list .app-table .td-disabled .icon-download {
  5450. display: none;
  5451. }
  5452. .table-list .app-table .mask {
  5453. position: absolute;
  5454. background-color: red;
  5455. opacity: 0;
  5456. left: 0;
  5457. top: 0;
  5458. width: 100%;
  5459. height: 100%;
  5460. cursor: not-allowed;
  5461. }
  5462. .table-list .app-table .td-disabled img {
  5463. -webkit-filter: grayscale(1);
  5464. filter: gray;
  5465. filter: grayscale(1);
  5466. }
  5467. .table-list .app-table .td-disabled.table-action-3 .table-btn {
  5468. display: none;
  5469. }
  5470. .encapsulation-app1 .no-app {
  5471. background-color: #fff;
  5472. padding-top: .1px;
  5473. min-height: 420px;
  5474. border: 1px solid #e5e5e5;
  5475. border-top: none;
  5476. }
  5477. .encapsulation-app1 .no-app .icon-zhuangxiang {
  5478. margin-right: 5px;
  5479. font-size: 18px;
  5480. }
  5481. .encapsulation-app1 .no-app .ms-btn .text {
  5482. margin-top: 3px;
  5483. }
  5484. .no-app .big {
  5485. display: none;
  5486. }
  5487. .big-bag .no-app .small {
  5488. display: none;
  5489. }
  5490. .big-bag .no-app .big {
  5491. display: block;
  5492. }
  5493. .table-list .app-table .ellipsis {
  5494. max-width: 160px;
  5495. width: auto;
  5496. }
  5497. .table-list .app-table .pack-name-ellipsis {
  5498. max-width: 140px;
  5499. width: auto;
  5500. }
  5501. .table-list .app-table .table-btn {
  5502. padding: 4px 10px;
  5503. border: 1px solid #157df1;
  5504. border-radius: 3px;
  5505. display: inline-block;
  5506. }
  5507. .table-list .app-table .table-btn + .table-btn {
  5508. margin-left: 3px;
  5509. }
  5510. .table-list .app-table .table-btn:hover {
  5511. background-color: #157df1;
  5512. color: #fff;
  5513. }
  5514. .table-list .app-table .table-btn:focus {
  5515. background-color: transparent;
  5516. color: #157df1;
  5517. }
  5518. .table-list .app-table .table-btn:focus:hover {
  5519. background-color: #157df1;
  5520. color: #fff;
  5521. }
  5522. .table-list .app-table .table-btn[disabled=disabled] {
  5523. color: #ccc;
  5524. cursor: not-allowed;
  5525. border-color: #e8e8e8;
  5526. background-color: #e8e8e8;
  5527. }
  5528. .table-list .app-table .table-btn[disabled=disabled]:focus {
  5529. color: #ccc;
  5530. cursor: not-allowed;
  5531. border-color: #e8e8e8;
  5532. background-color: #e8e8e8;
  5533. }
  5534. .table-list .app-table .table-btn.disabled {
  5535. color: #ccc;
  5536. cursor: not-allowed;
  5537. border-color: #e8e8e8;
  5538. background-color: #e8e8e8;
  5539. }
  5540. .table-list .app-table .table-btn.disabled:focus {
  5541. color: #ccc;
  5542. cursor: not-allowed;
  5543. border-color: #e8e8e8;
  5544. background-color: #e8e8e8;
  5545. }
  5546. .table-list .app-table .table-btn.color-delete {
  5547. border-color: #ee635d;
  5548. margin-right: 0;
  5549. }
  5550. .table-list .app-table .table-btn.color-delete:hover {
  5551. background-color: #ee635d;
  5552. color: #fff;
  5553. }
  5554. .table-list .app-table .table-btn.color-delete:focus {
  5555. background-color: transparent;
  5556. color: #ee635d;
  5557. }
  5558. .table-list .app-table .table-btn.color-delete:focus:hover {
  5559. background-color: #ee635d;
  5560. color: #fff;
  5561. }
  5562. .table-list .app-table .table-btn.color-delete[disabled=disabled] {
  5563. color: #ccc;
  5564. cursor: not-allowed;
  5565. border-color: #e8e8e8;
  5566. background-color: #e8e8e8;
  5567. }
  5568. .table-list .app-table .table-btn.color-delete[disabled=disabled]:focus:hover {
  5569. color: #ccc;
  5570. cursor: not-allowed;
  5571. border-color: #e8e8e8;
  5572. background-color: #e8e8e8;
  5573. }
  5574. .table-list .app-table .table-btn.color-delete.disabled {
  5575. color: #ccc;
  5576. cursor: not-allowed;
  5577. border-color: #e8e8e8;
  5578. background-color: #e8e8e8;
  5579. }
  5580. .table-list .app-table .table-btn.color-delete.disabled:focus:hover {
  5581. color: #ccc;
  5582. cursor: not-allowed;
  5583. border-color: #e8e8e8;
  5584. background-color: #e8e8e8;
  5585. }
  5586. .table-list .app-table .table-btn.disabled {
  5587. color: #999;
  5588. cursor: not-allowed;
  5589. }
  5590. .table-list .app-table .table-action-2 {
  5591. width: 190px;
  5592. }
  5593. .table-list .app-table .table-action-3 {
  5594. width: 225px;
  5595. }
  5596. .table-list .app-table .table-action-4 {
  5597. width: 265px;
  5598. }
  5599. .table-list .app-table td .tit2 {
  5600. max-width: 115px;
  5601. overflow: hidden;
  5602. text-overflow: ellipsis;
  5603. white-space: nowrap;
  5604. display: block;
  5605. color: #333;
  5606. font-size: 14px;
  5607. text-align: left;
  5608. line-height: 14px;
  5609. margin-top: 10px;
  5610. }
  5611. .table-list .app-table td .tit2:hover {
  5612. color: #157df1;
  5613. }
  5614. .table-list .app-table td .tit3 {
  5615. color: #999;
  5616. font-size: 12px;
  5617. text-align: left;
  5618. display: block;
  5619. margin-top: 2px;
  5620. }
  5621. .table-list .app-table tr .angle-parent {
  5622. position: relative;
  5623. }
  5624. .table-list .app-table tr .angle-parent .angle {
  5625. position: absolute;
  5626. left: 0;
  5627. top: 0;
  5628. }
  5629. .app-details2 .angle-parent {
  5630. position: relative;
  5631. }
  5632. .app-details2 .angle-parent .angle {
  5633. position: absolute;
  5634. left: 0;
  5635. top: 0;
  5636. }
  5637. .encapsulation3 {
  5638. padding: 0;
  5639. }
  5640. .encapsulation3 {
  5641. padding-top: .1px;
  5642. }
  5643. .encapsulation3 .tit3 {
  5644. padding: 20px 30px;
  5645. border-bottom: 1px solid #e5e5e5;
  5646. color: #333;
  5647. }
  5648. .encapsulation3 .free-tool {
  5649. color: #333;
  5650. }
  5651. .encapsulation3 .pay-tool {
  5652. color: #333;
  5653. }
  5654. .encapsulation3 .plugin-list {
  5655. padding: 20px 10px;
  5656. }
  5657. .encapsulation3 .plugin-list .con {
  5658. border: 1px solid #e5e5e5;
  5659. border-radius: 5px;
  5660. cursor: pointer;
  5661. position: relative;
  5662. }
  5663. .encapsulation3 .plugin-list .con img {
  5664. margin: 10px auto 6px;
  5665. height: 25px;
  5666. }
  5667. .encapsulation3 .plugin-list .con .text3 {
  5668. text-align: center;
  5669. margin-bottom: 10px;
  5670. color: #666;
  5671. font-size: 12px;
  5672. }
  5673. .encapsulation3 .plugin-list .con .icon-checkbox {
  5674. position: absolute;
  5675. bottom: 0;
  5676. right: 0;
  5677. display: none;
  5678. }
  5679. .encapsulation3 .plugin-list .con.active {
  5680. border-color: #157df1;
  5681. }
  5682. .encapsulation3 .plugin-list .con.active .icon-checkbox {
  5683. display: block;
  5684. }
  5685. .encapsulation3 .plugin-list .row {
  5686. margin-left: -10px;
  5687. margin-right: -10px;
  5688. }
  5689. .encapsulation3 .plugin-list .row .col-sm-2 {
  5690. padding-left: 10px;
  5691. padding-right: 10px;
  5692. }
  5693. .encapsulation3 .plugin-list .con .in-development {
  5694. position: absolute;
  5695. background-color: rgba(0, 0, 0, .7);
  5696. left: 0;
  5697. top: 0;
  5698. width: 100%;
  5699. height: 100%;
  5700. color: #fff;
  5701. border-radius: 5px;
  5702. display: none;
  5703. align-items: center;
  5704. justify-content: center;
  5705. }
  5706. .encapsulation3 .plugin-list .con:hover .in-development {
  5707. display: flex;
  5708. }
  5709. .encapsulation3 .plugin-list .col-sm-2 {
  5710. width: 20%;
  5711. margin-bottom: 20px;
  5712. }
  5713. /*.encapsulation3 .plugin-list .row .col-sm-2:nth-of-type(n+11){margin-bottom: 0;}*/
  5714. .encapsulation3 .plugin-list .con .c-left {
  5715. font-size: 12px;
  5716. width: 60%;
  5717. }
  5718. .encapsulation3 .plugin-list .con .c-left .img-hide {
  5719. display: none;
  5720. }
  5721. .encapsulation3 .plugin-list .con.active .c-left .img-hide {
  5722. display: block;
  5723. }
  5724. .encapsulation3 .plugin-list .con.active .c-left .img-show {
  5725. display: none;
  5726. }
  5727. .encapsulation3 .plugin-list .con .c-right {
  5728. padding: 15px 20px 15px 0;
  5729. height: 68px;
  5730. display: flex;
  5731. align-items: center;
  5732. justify-content: center;
  5733. }
  5734. .encapsulation3 .plugin-list .con .c-right .line {
  5735. border-left: 1px solid #e5e5e5;
  5736. width: 1px;
  5737. height: 100%;
  5738. margin-right: 20px;
  5739. }
  5740. .encapsulation3 .plugin-list .con .c-right .icon-checkbox-checked1 {
  5741. color: #157df1;
  5742. }
  5743. .encapsulation3 .plugin-list .con:hover {
  5744. border-color: #157df1;
  5745. }
  5746. /*
  5747. * table列表 优化
  5748. * 2018/10/24
  5749. */
  5750. .table-list-wrap {
  5751. box-shadow: 0 0 5px rgba(0, 0, 0, .05);
  5752. background-color: #fff;
  5753. padding: 10px;
  5754. min-height: 550px;
  5755. }
  5756. .new-encapsulation {
  5757. }
  5758. .new-encapsulation .right .step li {
  5759. width: 32.5%;
  5760. }
  5761. .new-encapsulation .right .step-common {
  5762. min-height: 450px;
  5763. }
  5764. .new-encapsulation .right .step-common .form-group {
  5765. margin-bottom: 30px;
  5766. }
  5767. .new-encapsulation .right .step-common .form-group1 {
  5768. margin-bottom: 20px;
  5769. }
  5770. @media (min-width: 1200px) {
  5771. .new-encapsulation .right .step-common .form-group .col-sm-2 {
  5772. width: 14%;
  5773. }
  5774. }
  5775. .new-encapsulation .step-common .img-note {
  5776. font-size: 12px;
  5777. display: flex;
  5778. align-items: flex-end;
  5779. height: 90px;
  5780. margin-left: 10px;
  5781. }
  5782. .new-encapsulation .encapsulation .upload-icon {
  5783. margin-bottom: 0;
  5784. }
  5785. .encapsulation .prev-step {
  5786. padding: 6px 0;
  5787. margin-right: 12px;
  5788. }
  5789. /*----------/封装----------*/
  5790. /*----------封装 配置插件----------*/
  5791. .plugin-modal .modal-dialog {
  5792. width: 700px;
  5793. }
  5794. .plugin-modal .modal-title {
  5795. color: #333;
  5796. }
  5797. .plugin-modal .modal-header {
  5798. padding-left: 30px;
  5799. }
  5800. .plugin-modal .modal-footer {
  5801. padding: 30px 15px;
  5802. }
  5803. .plugin-modal .modal-header .close {
  5804. opacity: 1;
  5805. color: #333;
  5806. font-size: 26px;
  5807. }
  5808. .plugin-modal .modal-body {
  5809. max-height: 600px;
  5810. overflow-y: auto;
  5811. position: relative;
  5812. }
  5813. .modal-aside .modal-body {
  5814. min-height: 600px;
  5815. }
  5816. .plugin-modal .modal-body .more-gif {
  5817. position: absolute;
  5818. left: 50%;
  5819. bottom: 0px;
  5820. margin-left: -52px;
  5821. }
  5822. .plugin-modal .modal-aside {
  5823. background-color: #f0f0f0;
  5824. border-radius: 6px;
  5825. }
  5826. .plugin-modal .modal-aside .modal-aside-left {
  5827. width: 35%;
  5828. }
  5829. .plugin-modal .modal-aside .modal-aside-left .tit1 {
  5830. color: #333;
  5831. font-size: 16px;
  5832. text-align: center;
  5833. margin-top: 55px;
  5834. margin-bottom: 25px;
  5835. }
  5836. .plugin-modal .modal-aside .modal-aside-right {
  5837. width: 65%;
  5838. background-color: #fff; /*min-height: 710px;*/
  5839. border-radius: 0 6px 6px 0;
  5840. }
  5841. .sp-button-container {
  5842. width: 75px;
  5843. }
  5844. .sp-input {
  5845. border: 1px solid #222;
  5846. }
  5847. /*浏览器*/
  5848. .plugin-browser .select-browser {
  5849. color: #157df1;
  5850. font-size: 12px;
  5851. margin-left: 125px;
  5852. }
  5853. .plugin-browser .select-browser:hover {
  5854. text-decoration: underline;
  5855. }
  5856. /*/浏览器*/
  5857. /*加载动画*/
  5858. .config-plugin {
  5859. }
  5860. .config-plugin .plugin-common {
  5861. padding: 15px 20px;
  5862. }
  5863. .config-plugin .plugin-common .sp-replacer {
  5864. width: 100%;
  5865. }
  5866. .config-plugin .plugin-common .sp-preview {
  5867. width: 90%;
  5868. }
  5869. .plugin-loading .tit3 {
  5870. color: #333;
  5871. margin: 45px 0 15px;
  5872. }
  5873. .plugin-loading .con {
  5874. border: 1px solid #e5e5e5;
  5875. border-radius: 5px;
  5876. padding: 0 10px;
  5877. position: relative;
  5878. overflow: hidden;
  5879. cursor: pointer;
  5880. }
  5881. .plugin-loading .con .icon-checkbox {
  5882. position: absolute;
  5883. right: 0;
  5884. bottom: 0;
  5885. display: none;
  5886. }
  5887. .plugin-loading .con.active {
  5888. border-color: #157df1;
  5889. }
  5890. .plugin-loading .con.active .icon-checkbox {
  5891. display: block;
  5892. }
  5893. .plugin-loading .con .tit1 {
  5894. padding: 15px 0;
  5895. }
  5896. .plugin-loading .con.active .tit1 {
  5897. color: #157df1;
  5898. }
  5899. .plugin-loading .con-1 {
  5900. border: 1px solid #e5e5e5;
  5901. border-radius: 5px 5px 0 0;
  5902. border-bottom: none;
  5903. height: 140px;
  5904. }
  5905. .config-plugin .plugin-common .top {
  5906. color: #333;
  5907. text-align: center;
  5908. }
  5909. .config-plugin .plugin-common .top .time {
  5910. font-size: 12px;
  5911. font-weight: 600;
  5912. padding-left: 20px;
  5913. margin-top: 3px;
  5914. display: inline-block;
  5915. }
  5916. .config-plugin .plugin-common .top .num {
  5917. font-size: 12px;
  5918. font-weight: 600;
  5919. margin: 3px 5px 0 0;
  5920. }
  5921. .config-plugin .plugin-common .top .icon-signal {
  5922. margin-left: 3px;
  5923. }
  5924. .config-plugin .plugin-common .top .icon-wifi {
  5925. font-size: 15px;
  5926. margin-left: 5px;
  5927. }
  5928. .config-plugin .plugin-common .top .icon-dianliang {
  5929. font-size: 14px;
  5930. margin-right: 3px;
  5931. }
  5932. .plugin-loading .con-1 .tit2 {
  5933. text-align: center;
  5934. color: #157df1;
  5935. font-weight: 600;
  5936. border-bottom: 1px solid #e5e5e5;
  5937. padding-bottom: 5px;
  5938. position: relative;
  5939. }
  5940. .plugin-loading .con-1 .tit2 .progress1 {
  5941. position: absolute;
  5942. left: 0;
  5943. bottom: -1px;
  5944. background: #157df1;
  5945. height: 1px;
  5946. width: 80%;
  5947. }
  5948. .plugin-loading .con-1 img {
  5949. margin: 35px auto 0;
  5950. width: 26px;
  5951. height: 26px;
  5952. display: block;
  5953. }
  5954. /*/加载动画*/
  5955. /*清除缓存*/
  5956. .config-plugin .plugin-common .common-ul li {
  5957. float: left;
  5958. width: 140px;
  5959. height: 40px;
  5960. line-height: 40px;
  5961. text-align: center;
  5962. border: 1px solid #e5e5e5;
  5963. position: relative;
  5964. border-radius: 5px;
  5965. margin-right: 25px;
  5966. overflow: hidden;
  5967. cursor: pointer;
  5968. }
  5969. .config-plugin .plugin-common .common-ul li .icon-checkbox {
  5970. position: absolute;
  5971. right: 0;
  5972. bottom: 0;
  5973. display: none;
  5974. }
  5975. .config-plugin .plugin-common .common-ul li.active {
  5976. border: 1px solid #157df1;
  5977. color: #157df1;
  5978. }
  5979. .config-plugin .plugin-common .common-ul li.active .icon-checkbox {
  5980. display: block;
  5981. }
  5982. /*/清除缓存*/
  5983. /*极光推送*/
  5984. .config-plugin .plugin-common label {
  5985. color: #333;
  5986. }
  5987. /*/极光推送*/
  5988. /*退出提示*/
  5989. .plugin-exit .con-1 {
  5990. position: relative;
  5991. }
  5992. .plugin-exit .con-1 .shadow {
  5993. position: absolute;
  5994. background-color: rgba(0, 0, 0, .7);
  5995. left: 0;
  5996. top: 0;
  5997. width: 100%;
  5998. height: 100%;
  5999. border-radius: 5px 5px 0 0;
  6000. padding: 20px 30px;
  6001. }
  6002. .plugin-exit .con-1 .shadow .s-con {
  6003. background-color: #fff;
  6004. border-radius: 5px;
  6005. height: 100%;
  6006. text-align: center;
  6007. font-size: 12px;
  6008. color: #333;
  6009. padding-top: .1px;
  6010. }
  6011. .plugin-exit .con-1 .shadow .s-con .s-tit {
  6012. font-weight: 600;
  6013. margin-top: 15px;
  6014. }
  6015. .plugin-exit .con-1 .shadow .s-con p {
  6016. margin-top: 5px;
  6017. }
  6018. .plugin-exit .con-1 .shadow .s-con ol {
  6019. margin-top: 15px;
  6020. }
  6021. .plugin-exit .con-1 .shadow .s-con ol li {
  6022. float: left;
  6023. color: #157df1;
  6024. border-top: 1px solid #e5e5e5;
  6025. width: 50%;
  6026. height: 30px;
  6027. line-height: 30px;
  6028. }
  6029. .plugin-exit .con-1 .shadow .s-con ol li:first-of-type {
  6030. border-right: 1px solid #e5e5e5;
  6031. }
  6032. .plugin-exit .con-1 .shadow1 {
  6033. position: absolute;
  6034. background-color: rgba(0, 0, 0, .7);
  6035. left: 15%;
  6036. top: 55%;
  6037. width: 70%;
  6038. height: 30px;
  6039. border-radius: 5px;
  6040. line-height: 30px;
  6041. color: #fff;
  6042. text-align: center;
  6043. font-size: 12px;
  6044. }
  6045. .plugin-exit .mode dd {
  6046. cursor: pointer;
  6047. }
  6048. .plugin-exit .mode dd {
  6049. margin-bottom: 10px;
  6050. }
  6051. .plugin-exit .mode dd .text {
  6052. margin-left: 3px;
  6053. }
  6054. p {
  6055. }
  6056. /*退出提示*/
  6057. /*引导页*/
  6058. #guideModal .modal-dialog {
  6059. width: 1070px;
  6060. }
  6061. #guideModal .modal-aside-left .bg {
  6062. background: url("../image/aside-10.png") no-repeat center;
  6063. width: 268px;
  6064. height: 564px;
  6065. margin: 0 auto;
  6066. }
  6067. @media (min-width: 1200px) {
  6068. .plugin-guide .row {
  6069. margin: 0 -10px;
  6070. }
  6071. .plugin-guide .row .col-sm-3 {
  6072. width: 20%;
  6073. padding: 0 10px;
  6074. }
  6075. }
  6076. #guideModal .modal-aside-left .bg {
  6077. position: relative;
  6078. }
  6079. #guideModal img[src=""], #guideModal img:not([src]) {
  6080. opacity: 0;
  6081. }
  6082. #guideModal .modal-aside-left .bg img {
  6083. display: block;
  6084. background-color: #fff;
  6085. width: 240px;
  6086. height: 425px;
  6087. position: absolute;
  6088. left: 14px;
  6089. top: 70px;
  6090. }
  6091. #guideModal .modal-aside-left .bg .experience-btn {
  6092. position: absolute;
  6093. left: 50%;
  6094. bottom: 110px;
  6095. margin-left: -65px;
  6096. width: 130px;
  6097. height: 30px;
  6098. text-align: center;
  6099. line-height: 28px;
  6100. color: #fff;
  6101. border: 1px solid #fff;
  6102. border-radius: 15px;
  6103. z-index: 2;
  6104. }
  6105. .plugin-guide .upload-img {
  6106. position: relative;
  6107. border: 1px dashed #e5e5e5;
  6108. height: 190px;
  6109. width: 100%;
  6110. border-radius: 5px;
  6111. background: url("../image/icon-10.png") no-repeat center 40%; /*overflow: hidden;*/
  6112. }
  6113. .plugin-guide .upload-img img {
  6114. position: absolute;
  6115. left: 0;
  6116. top: 0;
  6117. width: 100%;
  6118. height: 100%;
  6119. border-radius: 5px;
  6120. background-color: #fff;
  6121. border: 1px solid #e5e5e5;
  6122. }
  6123. .plugin-guide .upload-img .thumbnail {
  6124. position: absolute;
  6125. z-index: 2;
  6126. width: 100%;
  6127. height: 100%;
  6128. opacity: 0;
  6129. cursor: pointer;
  6130. }
  6131. .plugin-guide .upload-img .text {
  6132. text-align: center;
  6133. margin-top: 100px;
  6134. font-size: 12px;
  6135. }
  6136. .plugin-guide .upload-img .reset {
  6137. position: absolute;
  6138. left: 0;
  6139. bottom: 0;
  6140. height: 20px;
  6141. line-height: 20px;
  6142. background: rgba(0, 0, 0, .7);
  6143. width: 100%;
  6144. color: #fff;
  6145. text-align: center;
  6146. font-size: 12px;
  6147. display: none;
  6148. }
  6149. .plugin-guide .upload-img .reset {
  6150. display: none;
  6151. }
  6152. .plugin-guide .upload-img.uploaded .reset {
  6153. display: none;
  6154. }
  6155. .plugin-guide .upload-img.uploaded:hover .reset {
  6156. display: block;
  6157. }
  6158. /*删除*/
  6159. .plugin-guide .upload-img .icon-delete2 {
  6160. position: absolute;
  6161. color: #ff6565;
  6162. right: -8px;
  6163. top: -8px;
  6164. right: 0 \9;
  6165. top: 0 \9;
  6166. display: none;
  6167. cursor: pointer;
  6168. z-index: 2;
  6169. }
  6170. .plugin-guide .upload-img.uploaded .icon-delete2 {
  6171. display: block;
  6172. }
  6173. .plugin-guide .experience {
  6174. margin-top: 20px;
  6175. }
  6176. .plugin-guide .experience-color {
  6177. margin-top: 45px;
  6178. }
  6179. .plugin-guide .experience .tit {
  6180. color: #333;
  6181. margin-bottom: 7px;
  6182. }
  6183. /*/引导页*/
  6184. /*第三方分享*/
  6185. .plugin-share .con {
  6186. border: 1px solid #e5e5e5;
  6187. border-radius: 5px;
  6188. padding: 0 10px;
  6189. position: relative;
  6190. overflow: hidden;
  6191. cursor: pointer;
  6192. }
  6193. .plugin-share .con .icon-checkbox {
  6194. position: absolute;
  6195. right: 0;
  6196. bottom: 0;
  6197. display: none;
  6198. }
  6199. .plugin-share .con.active {
  6200. border-color: #157df1;
  6201. }
  6202. .plugin-share .con.active .icon-checkbox {
  6203. display: block;
  6204. }
  6205. .plugin-share .con .tit1 {
  6206. padding: 15px 0;
  6207. color: #333;
  6208. }
  6209. .plugin-share .con.active .tit1 {
  6210. color: #157df1;
  6211. }
  6212. .plugin-share .con-1 {
  6213. border: 1px solid #e5e5e5;
  6214. border-radius: 5px 5px 0 0;
  6215. border-bottom: none;
  6216. height: 140px;
  6217. }
  6218. .plugin-share .plugin-common .top {
  6219. color: #333;
  6220. text-align: center;
  6221. }
  6222. .plugin-share .plugin-common .top .time {
  6223. font-size: 12px;
  6224. font-weight: 600;
  6225. padding-left: 20px;
  6226. margin-top: 3px;
  6227. display: inline-block;
  6228. }
  6229. .plugin-share .plugin-common .top .num {
  6230. font-size: 12px;
  6231. font-weight: 600;
  6232. margin: 3px 5px 0 0;
  6233. }
  6234. .plugin-share .plugin-common .top .icon-signal {
  6235. margin-left: 3px;
  6236. }
  6237. .plugin-share .plugin-common .top .icon-wifi {
  6238. font-size: 15px;
  6239. margin-left: 5px;
  6240. }
  6241. .plugin-share .plugin-common .top .icon-dianliang {
  6242. font-size: 14px;
  6243. margin-right: 3px;
  6244. }
  6245. .plugin-share .con-1 .tit2 {
  6246. text-align: center;
  6247. color: #157df1;
  6248. font-weight: 600;
  6249. border-bottom: 1px solid #e5e5e5;
  6250. padding-bottom: 5px;
  6251. position: relative;
  6252. }
  6253. .plugin-share .con-1 .tit2 .share-left {
  6254. position: absolute;
  6255. left: 5px;
  6256. bottom: 3px;
  6257. }
  6258. .plugin-share .con-1 .tit2 .share-right {
  6259. position: absolute;
  6260. right: 5px;
  6261. bottom: 3px;
  6262. }
  6263. .plugin-share .con .icon-checkbox-small {
  6264. position: absolute;
  6265. right: 0;
  6266. bottom: 0;
  6267. display: none;
  6268. }
  6269. .plugin-share .con.active .icon-checkbox-small {
  6270. display: block;
  6271. }
  6272. .plugin-share .s-tit {
  6273. color: #333;
  6274. margin-bottom: 8px;
  6275. }
  6276. .plugin-share .s-tit1 {
  6277. color: #fd641d;
  6278. margin-top: 5px;
  6279. font-size: 12px;
  6280. display: none;
  6281. }
  6282. .plugin-share .s-way {
  6283. margin-top: 0;
  6284. }
  6285. .plugin-share .s-way .w-top {
  6286. margin-bottom: 8px;
  6287. }
  6288. .plugin-share .s-way .w-top .t-left {
  6289. color: #333;
  6290. }
  6291. .plugin-share .s-way .w-top .t-right {
  6292. color: #157df1;
  6293. font-size: 12px;
  6294. }
  6295. /*第三方分享三期完成后 删除*/
  6296. .plugin-share .s-way .w-con {
  6297. border: 1px solid #e5e5e5;
  6298. border-radius: 5px;
  6299. padding: 15px 12px 0;
  6300. position: relative;
  6301. cursor: pointer;
  6302. }
  6303. .plugin-share .s-way .w-con .s-tit2 {
  6304. color: #333;
  6305. margin-bottom: 5px;
  6306. }
  6307. .plugin-share .s-way .w-con p {
  6308. color: #666;
  6309. font-size: 12px;
  6310. margin-bottom: 10px;
  6311. height: 34px;
  6312. }
  6313. .plugin-share .s-way .w-con.active {
  6314. border-color: #157df1;
  6315. }
  6316. .plugin-share .s-way .w-con.active .s-tit2 {
  6317. color: #157df1;
  6318. }
  6319. .plugin-share .s-way .w-con .icon-checkbox-small {
  6320. position: absolute;
  6321. right: 0;
  6322. bottom: 0;
  6323. display: none;
  6324. }
  6325. .plugin-share .s-way .w-con.active .icon-checkbox-small {
  6326. display: block;
  6327. }
  6328. /*/第三方分享三期完成后 删除*/
  6329. .plugin-share .s-way .s-ul li {
  6330. position: relative;
  6331. overflow: visible;
  6332. }
  6333. .plugin-share .s-way .s-ul li .way-top {
  6334. position: absolute;
  6335. bottom: 100%;
  6336. right: 0;
  6337. color: #157df1;
  6338. z-index: 2;
  6339. font-size: 12px;
  6340. height: 28px;
  6341. line-height: 28px;
  6342. }
  6343. .plugin-share .s-way .s-ul li .recommended {
  6344. position: absolute;
  6345. left: 0;
  6346. top: 0;
  6347. }
  6348. .plugin-share .s-way .s-ul li .icon-checkbox-small {
  6349. position: absolute;
  6350. right: 0;
  6351. bottom: 0;
  6352. display: none;
  6353. }
  6354. .plugin-share .s-way .s-ul li.active .icon-checkbox-small {
  6355. display: block;
  6356. }
  6357. .plugin-share .app-share {
  6358. display: none;
  6359. position: relative;
  6360. }
  6361. /*.plugin-share .app-share .label-wrap{margin-bottom: 8px;}*/
  6362. .plugin-share .app-share .label-wrap label {
  6363. color: #333;
  6364. }
  6365. .plugin-share .app-share .label-wrap a {
  6366. color: #157df1;
  6367. font-size: 12px;
  6368. position: absolute;
  6369. right: 0;
  6370. top: -21px;
  6371. }
  6372. .plugin-share .s-con {
  6373. border: 1px solid #e5e5e5;
  6374. padding: 15px 20px 20px;
  6375. border-radius: 4px;
  6376. }
  6377. .plugin-share .app-share .s-con {
  6378. margin-top: 20px;
  6379. }
  6380. .plugin-share .s-con .s-tit3 {
  6381. color: #333;
  6382. }
  6383. .plugin-share .s-con dl {
  6384. color: #333;
  6385. margin-top: 10px;
  6386. }
  6387. .plugin-share .s-con dl dt {
  6388. font-weight: 600;
  6389. margin-bottom: 5px;
  6390. }
  6391. .plugin-share .s-con .save-txt {
  6392. padding: 3px 5px 2px;
  6393. font-size: 12px;
  6394. line-height: 14px;
  6395. margin-top: 5px;
  6396. margin-bottom: 25px;
  6397. }
  6398. .plugin-share .app-share input {
  6399. margin-top: 10px;
  6400. }
  6401. .plugin-share .form-group {
  6402. margin-bottom: 30px;
  6403. }
  6404. .plugin-share .form-group:last-of-type {
  6405. margin-bottom: 0;
  6406. }
  6407. .plugin-share .form-group .row .col-sm-8 {
  6408. margin-bottom: 10px;
  6409. }
  6410. .plugin-share .share-location {
  6411. margin-top: 40px;
  6412. }
  6413. .plugin-share .share-location .s-tit4 {
  6414. color: #333;
  6415. margin-bottom: 2px;
  6416. }
  6417. .plugin-share .share-location p {
  6418. color: #fd641d;
  6419. }
  6420. .plugin-share .share-content {
  6421. margin-top: 40px;
  6422. }
  6423. .plugin-share .share-content .tab .s-con {
  6424. display: none;
  6425. }
  6426. .plugin-share .share-content .radio-round {
  6427. margin-bottom: 20px;
  6428. color: #333;
  6429. }
  6430. .plugin-share .share-content label {
  6431. margin-bottom: 5px;
  6432. }
  6433. .plugin-share .share-content .form-group {
  6434. margin-bottom: 15px;
  6435. }
  6436. .plugin-share .share-content .form-group .error {
  6437. color: #fd641d;
  6438. font-size: 12px;
  6439. display: none;
  6440. }
  6441. .plugin-share .share-content .form-group.form-error .error {
  6442. display: block;
  6443. }
  6444. .plugin-share .share-content .s-con .form-group:last-of-type {
  6445. margin-bottom: 0;
  6446. }
  6447. /*/第三方分享*/
  6448. /*状态栏*/
  6449. @media (min-width: 1200px) {
  6450. #stateModal .modal-dialog {
  6451. width: 1070px;
  6452. }
  6453. }
  6454. #stateModal .modal-aside-left .bg {
  6455. background: url("../image/plugin-aside-3.png") no-repeat center top;
  6456. width: 268px;
  6457. height: 564px;
  6458. margin: 0 auto;
  6459. padding-top: .1px;
  6460. position: relative;
  6461. }
  6462. .plugin-modal .common-top {
  6463. height: 24px;
  6464. line-height: 24px;
  6465. background-color: #157df1;
  6466. color: #fff;
  6467. }
  6468. .plugin-modal .common-top.white {
  6469. color: #fff;
  6470. }
  6471. .plugin-modal .common-top.black {
  6472. color: #333;
  6473. }
  6474. .plugin-modal .common-top .icon-signal {
  6475. margin-left: 3px;
  6476. font-size: 13px;
  6477. }
  6478. .plugin-modal .common-top .font12 {
  6479. font-size: 12px;
  6480. transform: scale(.8);
  6481. }
  6482. .plugin-modal .common-top .icon-dianliang {
  6483. margin-top: -1px;
  6484. margin-right: 5px;
  6485. font-size: 12px;
  6486. }
  6487. #stateModal .common-top {
  6488. width: auto;
  6489. margin: 71px 15px 0;
  6490. height: 16px;
  6491. line-height: 16px;
  6492. }
  6493. .plugin-state .tit1 {
  6494. color: #333;
  6495. margin-bottom: 5px;
  6496. }
  6497. .config-plugin .plugin-common .bg-text-color ol li {
  6498. width: 30px;
  6499. height: 30px;
  6500. background-color: #e5e5e5;
  6501. border: 1px solid #999;
  6502. border-radius: 5px;
  6503. float: left;
  6504. padding: 6px;
  6505. cursor: pointer;
  6506. }
  6507. .config-plugin .plugin-common .bg-text-color ol li.active {
  6508. border: 3px solid #157df1;
  6509. }
  6510. .config-plugin .plugin-common .bg-text-color ol li:last-of-type {
  6511. margin-left: 10px;
  6512. }
  6513. .config-plugin .plugin-common .bg-text-color ol li:first-of-type span {
  6514. display: block;
  6515. background-color: #fff;
  6516. width: 100%;
  6517. height: 100%;
  6518. }
  6519. .config-plugin .plugin-common .bg-text-color ol li:last-of-type span {
  6520. display: block;
  6521. background-color: #333;
  6522. width: 100%;
  6523. height: 100%;
  6524. }
  6525. /*/状态栏*/
  6526. /*标题栏*/
  6527. @media (min-width: 1200px) {
  6528. #titleModal .modal-dialog {
  6529. width: 1070px;
  6530. }
  6531. }
  6532. #titleModal .modal-aside-left .bg {
  6533. background: url("../image/plugin-aside-1.png") no-repeat center top;
  6534. width: 268px;
  6535. height: 564px;
  6536. margin: 0 auto;
  6537. padding-top: .1px;
  6538. }
  6539. .plugin-title input {
  6540. color: #333;
  6541. }
  6542. .plugin-title .tit1 {
  6543. color: #333;
  6544. margin-bottom: 5px;
  6545. }
  6546. #titleModal .modal-aside-left .state-title-header {
  6547. margin-top: 71px;
  6548. }
  6549. #titleModal .modal-aside-left .state-top {
  6550. width: auto;
  6551. margin: 0 15px;
  6552. height: 16px;
  6553. line-height: 16px;
  6554. }
  6555. #titleModal .modal-aside-left .title-top {
  6556. height: 26px;
  6557. line-height: 26px;
  6558. position: relative; /*margin-top: 85px;*/
  6559. width: auto;
  6560. margin-left: 15px;
  6561. margin-right: 15px;
  6562. }
  6563. #titleModal .modal-aside-left .title-top .iconfont {
  6564. font-size: 20px;
  6565. display: none;
  6566. }
  6567. #titleModal .modal-aside-left .title-top .t-left .iconfont {
  6568. margin-left: 5px;
  6569. margin-top: 1px;
  6570. }
  6571. #titleModal .modal-aside-left .title-top .t-right .iconfont {
  6572. margin-right: 5px;
  6573. margin-top: 1px;
  6574. }
  6575. #titleModal .modal-aside-left .title-top .text {
  6576. position: absolute;
  6577. left: 0;
  6578. top: 50%;
  6579. transform: translate(0, -50%);
  6580. width: 100%;
  6581. text-align: center;
  6582. white-space: nowrap;
  6583. font-size: 13px;
  6584. line-height: 27px;
  6585. }
  6586. .plugin-title .form-group {
  6587. margin-bottom: 40px;
  6588. }
  6589. .plugin-title .form-group:last-of-type {
  6590. margin-bottom: 0;
  6591. }
  6592. .plugin-title .function-keys-wrap {
  6593. margin-top: 40px;
  6594. }
  6595. .plugin-title .function-keys-wrap .form-group {
  6596. margin-bottom: 20px;
  6597. }
  6598. .plugin-title .function-keys-wrap .form-group:last-of-type {
  6599. margin-bottom: 0;
  6600. }
  6601. .plugin-title .function-keys li {
  6602. float: left;
  6603. margin-right: 25px;
  6604. cursor: pointer;
  6605. margin-bottom: 10px;
  6606. }
  6607. .plugin-title .function-keys li .icon {
  6608. position: relative;
  6609. top: 3px;
  6610. margin-right: 5px;
  6611. }
  6612. .plugin-title .function-keys li .iconfont {
  6613. position: relative;
  6614. top: 1px;
  6615. margin-right: 5px;
  6616. }
  6617. .plugin-title .function-keys li.disabled {
  6618. background-color: transparent !important;
  6619. }
  6620. .plugin-title .function-keys li .icon-checkbox-checked1 {
  6621. color: #157df1;
  6622. }
  6623. .plugin-title .title-top dd .icon-text {
  6624. display: none;
  6625. }
  6626. .plugin-title .title-top dd.vertical {
  6627. background-color: rgba(21, 125, 241, .5);
  6628. width: 100px;
  6629. padding: 10px 0 10px 8px;
  6630. margin-top: 4px;
  6631. }
  6632. .plugin-title .title-top .t-right dd.vertical {
  6633. padding-left: 20px;
  6634. }
  6635. .plugin-title .title-top dd.vertical .icon-text {
  6636. display: block;
  6637. }
  6638. .plugin-title .title-top dd.vertical .icon-wrap {
  6639. width: 100%;
  6640. height: 32px;
  6641. line-height: 32px;
  6642. }
  6643. .plugin-title .title-top dd.vertical .icon-wrap .iconfont {
  6644. margin-top: 0;
  6645. margin-right: 5px;
  6646. }
  6647. /*.plugin-title .common-ul{margin-bottom: 40px;}*/
  6648. .plugin-title .state-way {
  6649. position: relative;
  6650. margin-top: 40px;
  6651. }
  6652. .plugin-title .bg-text-color1 {
  6653. margin-top: 40px;
  6654. }
  6655. .plugin-title .bg-text-color1 ol li {
  6656. width: 30px;
  6657. height: 30px;
  6658. background-color: #e5e5e5;
  6659. border: 1px solid #999;
  6660. border-radius: 5px;
  6661. float: left;
  6662. padding: 6px;
  6663. cursor: pointer;
  6664. }
  6665. .plugin-title .bg-text-color1 ol li.active {
  6666. border: 3px solid #157df1;
  6667. }
  6668. .plugin-title .bg-text-color1 ol li:last-of-type {
  6669. margin-left: 10px;
  6670. }
  6671. .plugin-title .bg-text-color1 ol li:first-of-type span {
  6672. display: block;
  6673. background-color: #fff;
  6674. width: 100%;
  6675. height: 100%;
  6676. }
  6677. .plugin-title .bg-text-color1 ol li:last-of-type span {
  6678. display: block;
  6679. background-color: #333;
  6680. width: 100%;
  6681. height: 100%;
  6682. }
  6683. .plugin-title .state-bg-extension {
  6684. display: none;
  6685. padding-left: 15px;
  6686. }
  6687. .plugin-title .state-bg-extension .tit {
  6688. color: #333;
  6689. margin-bottom: 3px;
  6690. }
  6691. .plugin-title .state-way .way-popover {
  6692. position: absolute;
  6693. top: 0;
  6694. left: 198px;
  6695. color: #157df1;
  6696. font-size: 12px;
  6697. }
  6698. .plugin-title .hr {
  6699. margin-top: 50px;
  6700. margin-bottom: 45px;
  6701. }
  6702. .plugin-title .state-way .extend-prompt {
  6703. color: #fd641d;
  6704. font-size: 12px;
  6705. margin-top: 10px;
  6706. }
  6707. #titleModal .plugin-title .state-top-extension {
  6708. background: url("../image/img-ys.png") no-repeat center top;
  6709. width: 237px;
  6710. height: 128px;
  6711. }
  6712. /*/标题栏*/
  6713. /*导航栏*/
  6714. /*改版完成后,删除*/
  6715. .config-plugin .plugin-common .common-top.white .n-text {
  6716. color: #fff;
  6717. }
  6718. .config-plugin .plugin-common .common-top.black .n-text {
  6719. color: #333;
  6720. }
  6721. .config-plugin .plugin-common .common-top.white .n-icon {
  6722. border-color: #fff;
  6723. color: #fff;
  6724. }
  6725. .config-plugin .plugin-common .common-top.black .n-icon {
  6726. border-color: #333;
  6727. color: #333;
  6728. }
  6729. /*/改版完成后,删除*/
  6730. #navModal .modal-dialog {
  6731. width: 1070px;
  6732. }
  6733. #navModal .modal-aside-left .bg {
  6734. background: url("../image/plugin-aside-2.png") no-repeat center top;
  6735. width: 268px;
  6736. height: 564px;
  6737. margin: 0 auto;
  6738. padding-top: .1px;
  6739. position: relative;
  6740. }
  6741. .plugin-nav .nav-top {
  6742. background-color: #157df1;
  6743. height: 38px;
  6744. line-height: normal;
  6745. position: absolute;
  6746. bottom: 74px;
  6747. left: 15px;
  6748. right: 15px;
  6749. width: auto;
  6750. }
  6751. .plugin-nav .nav-top ul {
  6752. width: 100%; /*height: 36px;*/ /*table-layout: fixed; display: table;*/
  6753. }
  6754. .plugin-nav .nav-top ul li {
  6755. display: table-cell;
  6756. text-align: center;
  6757. width: 1%;
  6758. height: 38px;
  6759. }
  6760. .plugin-nav .nav-top ul li:nth-of-type(n+3) {
  6761. display: none;
  6762. }
  6763. .plugin-nav .icon-null {
  6764. border: 1px solid #ddd;
  6765. width: 14px;
  6766. height: 14px;
  6767. border-radius: 50%;
  6768. background-color: #fff;
  6769. display: inline-block;
  6770. }
  6771. .plugin-nav .n-text {
  6772. color: #333;
  6773. }
  6774. .plugin-nav .nav-top .n-icon {
  6775. color: #ddd;
  6776. }
  6777. .plugin-nav .nav-top .n-text {
  6778. color: #ddd;
  6779. }
  6780. .plugin-nav .nav-top ul li:first-of-type .n-icon {
  6781. color: #fff;
  6782. border-color: #fff;
  6783. }
  6784. .plugin-nav .nav-top ul li:first-of-type .n-text {
  6785. color: #fff;
  6786. }
  6787. .plugin-nav .nav-top ul li .li-con {
  6788. display: flex;
  6789. justify-content: center;
  6790. align-items: center;
  6791. height: 100%;
  6792. }
  6793. /*.config-plugin .plugin-nav .tit1{color: #333; margin-bottom: 5px;}*/
  6794. .config-plugin .plugin-nav .set-nav .tit2 {
  6795. color: #333;
  6796. }
  6797. .config-plugin .plugin-nav .set-nav .tit2 span {
  6798. color: #999;
  6799. }
  6800. /*.config-plugin .plugin-nav .set-nav .tit2 span{color: #f00;}*/
  6801. .config-plugin .plugin-nav .set-nav .reset {
  6802. font-size: 12px;
  6803. color: #157df1;
  6804. line-height: 20px;
  6805. cursor: pointer;
  6806. }
  6807. .config-plugin .plugin-nav .set-nav .set-con {
  6808. border: 1px solid #e5e5e5;
  6809. border-radius: 3px;
  6810. margin-top: 5px;
  6811. }
  6812. /*配置插件 导航改版完成后将此处删除*/
  6813. /*
  6814. .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;}
  6815. .config-plugin .plugin-nav .set-nav .set-ul li:nth-of-type(n+3):not(.add-li){display: none;}
  6816. .config-plugin .plugin-nav .set-nav .set-ul li.active{border-bottom-color: transparent; background-color: #fff;}
  6817. .config-plugin .plugin-nav .set-nav .set-ul li.active .n-text{color: #333;}
  6818. .config-plugin .plugin-nav .set-nav .set-ul li.bg-error{background-color: #fd641d; color: #fff; border-bottom-color: #fd641d;}
  6819. .config-plugin .plugin-nav .set-nav .set-ul li.bg-error .n-text{color: #fff;}
  6820. .config-plugin .plugin-nav .set-nav .set-ul li.bg-error .iconfont{color: #fff !important;}
  6821. .config-plugin .plugin-nav .set-nav .set-ul li.add-li{padding: 0; width: 54px;}
  6822. .config-plugin .plugin-nav .set-nav .set-ul li .icon-null{margin-top: 0;}
  6823. .config-plugin .plugin-nav .set-nav .set-ul li.add-li .iconfont{color: #e5e5e5; font-size: 30px; margin-top: 7px; display: inline-block;}
  6824. .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;}
  6825. .config-plugin .plugin-nav .set-nav .set-ul li .mask .iconfont{font-size: 14px;}
  6826. .config-plugin .plugin-nav .set-nav .set-ul li:hover .mask{display: flex;}
  6827. .config-plugin .plugin-nav .set-nav .set-ul li .li-con{}
  6828. .config-plugin .plugin-nav .set-nav .tab{padding: 25px 10px 10px;}
  6829. .config-plugin .plugin-nav .set-nav .tab .add-icon-wrap .col-sm-7{width: auto;}
  6830. .config-plugin .plugin-nav .set-nav .tab .add-icon-wrap .add-link{margin-top: 10px;}
  6831. .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;}
  6832. .config-plugin .plugin-nav .set-nav .tab .add-icon .iconfont{color: #e5e5e5; font-size: 22px; margin-top: 2px; margin-left: 2px; display: inline-block;}
  6833. .config-plugin .plugin-nav .set-nav .tab .col-sm-2{width: 60px ; padding-right: 0;}
  6834. .config-plugin .plugin-nav .set-nav .tab .col-sm-2 .control-label{width: 100%;}
  6835. .config-plugin .plugin-nav .set-nav .tab .t-con{display: none;}
  6836. #navModal .error{display: none;}
  6837. #navModal .form-error .error{font-size: 12px; color: #fd641d; display: block; margin-left: 0px;}!*导航栏改版完成后,再改回50px*!
  6838. */
  6839. /*/配置插件 导航改版完成后将以上删除*/
  6840. .config-plugin .plugin-nav .set-nav .set-bottom {
  6841. margin-top: 40px;
  6842. }
  6843. .config-plugin .plugin-nav .set-nav .set-bottom .b-tit {
  6844. color: #333;
  6845. margin-bottom: 5px;
  6846. }
  6847. .config-plugin .plugin-nav .set-nav .set-bottom ul li {
  6848. float: left;
  6849. margin-right: 40px;
  6850. cursor: pointer;
  6851. }
  6852. .config-plugin .plugin-nav .set-nav .set-bottom ul li .icon-radio {
  6853. position: relative;
  6854. top: 3px;
  6855. margin-right: 5px;
  6856. }
  6857. .plugin-modal .icons li {
  6858. float: left;
  6859. text-align: center;
  6860. cursor: pointer;
  6861. margin: 5px;
  6862. color: #666;
  6863. }
  6864. .plugin-modal .icons li div {
  6865. font-size: 12px;
  6866. }
  6867. .plugin-modal .icons li .iconfont {
  6868. font-size: 36px;
  6869. }
  6870. .plugin-modal .icons li:hover {
  6871. color: #157df1;
  6872. }
  6873. /*2018/10/30 重构*/
  6874. /*.plugin-nav .plugin-common{padding: 15px 40px;}*/
  6875. /*.plugin-nav .bg-text-color{margin-top: 40px;}*/
  6876. .plugin-nav .tit1 {
  6877. margin-bottom: 5px;
  6878. color: #333;
  6879. }
  6880. .plugin-nav .nav-font-color1 {
  6881. margin-top: 40px;
  6882. }
  6883. .plugin-nav .nav-font-color2 {
  6884. margin-top: 40px;
  6885. }
  6886. .plugin-nav .n-nav {
  6887. background-color: #e5e5e5;
  6888. height: 36px;
  6889. line-height: 36px;
  6890. padding-left: 70px;
  6891. }
  6892. .plugin-nav .n-nav li {
  6893. float: left;
  6894. margin: 0 5px;
  6895. text-align: center;
  6896. }
  6897. .plugin-nav .n-nav .nav-fun {
  6898. width: 140px;
  6899. }
  6900. .plugin-nav .n-nav .nav-name {
  6901. width: 90px;
  6902. }
  6903. .plugin-nav .n-nav .nav-icon {
  6904. width: 34px;
  6905. margin-left: 0;
  6906. }
  6907. .plugin-nav .n-list {
  6908. padding: 20px;
  6909. color: #333;
  6910. }
  6911. .plugin-nav .n-list dd {
  6912. margin-bottom: 30px;
  6913. position: relative;
  6914. display: none;
  6915. }
  6916. .plugin-nav .n-list dd.active {
  6917. display: block;
  6918. }
  6919. .plugin-nav .n-list .n-num {
  6920. margin-right: 15px;
  6921. padding-top: 7px;
  6922. }
  6923. .plugin-nav .n-list .n-text {
  6924. margin-right: 10px;
  6925. width: 90px;
  6926. padding: 6px;
  6927. }
  6928. .plugin-nav .n-list select {
  6929. margin-right: 10px;
  6930. width: 140px;
  6931. padding: 6px;
  6932. color: #999;
  6933. }
  6934. .plugin-nav .n-list .add-icon {
  6935. border: 1px solid #e5e5e5;
  6936. border-radius: 3px;
  6937. width: 34px;
  6938. height: 34px;
  6939. text-align: center;
  6940. cursor: pointer;
  6941. margin-right: 10px;
  6942. }
  6943. .plugin-nav .n-list .add-icon .iconfont {
  6944. color: #e5e5e5;
  6945. font-size: 22px; /*margin-top: 2px;*/
  6946. margin-left: 3px;
  6947. display: inline-block;
  6948. }
  6949. .plugin-nav .n-list .n-link {
  6950. margin-right: 20px;
  6951. width: 175px;
  6952. padding: 6px;
  6953. visibility: hidden;
  6954. }
  6955. .plugin-nav .n-list .n-delete {
  6956. font-size: 24px;
  6957. color: #f17d78;
  6958. cursor: pointer;
  6959. display: none;
  6960. }
  6961. .plugin-nav .n-list dd:hover .n-delete {
  6962. display: block;
  6963. }
  6964. .plugin-nav .n-list dd .error {
  6965. color: #ff4222;
  6966. position: absolute;
  6967. left: 50px;
  6968. top: 100%;
  6969. display: none;
  6970. }
  6971. .plugin-nav .n-list dd.form-error .error {
  6972. display: block;
  6973. }
  6974. /*2018/10/30 重构*/
  6975. /*导航栏*/
  6976. /*升级提示*/
  6977. .plugin-upgrade-prompt .u-con {
  6978. margin-bottom: 40px;
  6979. }
  6980. .plugin-upgrade-prompt .u-tit {
  6981. color: #333;
  6982. margin-bottom: 5px;
  6983. }
  6984. .plugin-upgrade-prompt ul li {
  6985. float: left;
  6986. color: #333;
  6987. cursor: pointer;
  6988. }
  6989. .plugin-upgrade-prompt ul li + li {
  6990. margin-left: 30px;
  6991. }
  6992. .plugin-upgrade-prompt ul li .icon-radio {
  6993. position: relative;
  6994. top: 3px;
  6995. margin-right: 8px;
  6996. }
  6997. .plugin-upgrade-prompt .u-con select + input[type=text] {
  6998. display: none;
  6999. }
  7000. .plugin-upgrade-prompt .style li {
  7001. text-align: center;
  7002. color: #666;
  7003. }
  7004. .plugin-upgrade-prompt .style li .s-con {
  7005. position: relative;
  7006. margin-bottom: 5px;
  7007. border-radius: 5px;
  7008. overflow: hidden;
  7009. border: 1px solid transparent;
  7010. }
  7011. .plugin-upgrade-prompt .style li .s-con .icon-checkbox {
  7012. position: absolute;
  7013. bottom: 0;
  7014. right: 0;
  7015. display: none;
  7016. }
  7017. .plugin-upgrade-prompt .style li.active .s-con {
  7018. border-color: #157df1;
  7019. }
  7020. .plugin-upgrade-prompt .style li.active .s-con .icon-checkbox {
  7021. display: block;
  7022. }
  7023. .plugin-upgrade-prompt .download-address {
  7024. margin-bottom: 0;
  7025. }
  7026. /*/升级提示*/
  7027. /*左侧栏*/
  7028. @media (min-width: 1200px) {
  7029. #asideModal .modal-dialog {
  7030. width: 1070px;
  7031. }
  7032. }
  7033. #asideModal .modal-content {
  7034. overflow: hidden;
  7035. background-color: #f0f0f0;
  7036. }
  7037. #asideModal .aside-modal .a-left {
  7038. width: 35%;
  7039. float: left; /*background-color: #f0f0f0; padding-bottom: 100px;*/
  7040. }
  7041. #asideModal .aside-modal .a-right {
  7042. width: 65%;
  7043. float: right;
  7044. background-color: #fff;
  7045. }
  7046. #asideModal .aside-modal .a-left .phone {
  7047. background: url("../image/aside-phone.png") no-repeat;
  7048. width: 268px;
  7049. height: 564px;
  7050. position: relative;
  7051. margin: 30px auto 0;
  7052. }
  7053. #asideModal .aside-modal .a-left .phone .bg {
  7054. position: absolute;
  7055. left: 13px;
  7056. top: 70px;
  7057. width: 241px;
  7058. height: 422px;
  7059. background-color: rgb(0, 0, 0);
  7060. padding: 30px 20px;
  7061. }
  7062. #asideModal .aside-modal .a-left .l-tit {
  7063. text-align: center;
  7064. margin-top: 60px;
  7065. color: #333;
  7066. font-size: 16px;
  7067. }
  7068. #asideModal .aside-modal .a-left .phone .bg .aside-icon {
  7069. margin-bottom: 18px;
  7070. }
  7071. #asideModal .aside-modal .a-left .phone .bg .aside-icon img {
  7072. border-radius: 3px;
  7073. width: 40px;
  7074. height: 40px;
  7075. }
  7076. #asideModal .aside-modal .a-left .phone .bg .aside-nav li {
  7077. border-bottom: 1px solid #e5e5e5;
  7078. padding: 4px 0;
  7079. display: none;
  7080. }
  7081. #asideModal .aside-modal .a-left .phone .bg .aside-nav li .iconfont {
  7082. font-size: 20px;
  7083. color: #333;
  7084. }
  7085. #asideModal .aside-modal .a-left .phone .bg .aside-nav li .text {
  7086. margin-left: 5px;
  7087. margin-top: 5px;
  7088. white-space: nowrap;
  7089. text-overflow: ellipsis;
  7090. overflow: hidden;
  7091. max-width: 95px;
  7092. color: #333;
  7093. }
  7094. /*#asideModal .aside-modal .a-left .phone .bg .aside-nav.white licolor: #fff;}*/
  7095. /*#asideModal .aside-modal .a-left .phone .bg .aside-nav.black li{color: #000;}*/
  7096. #asideModal .aside-modal .a-left .phone .bg .b-right {
  7097. position: absolute;
  7098. top: 0;
  7099. right: 0;
  7100. }
  7101. #asideModal .aside-modal .a-left .phone .bg .b-right img {
  7102. display: none;
  7103. }
  7104. #asideModal .plugin-remind {
  7105. display: block;
  7106. margin-top: 20px;
  7107. }
  7108. .plugin-aside .set-bottom ul li {
  7109. float: left;
  7110. margin-right: 40px;
  7111. cursor: pointer;
  7112. }
  7113. .plugin-aside .set-nav .set-bottom ul li .icon-radio {
  7114. position: relative;
  7115. top: 3px;
  7116. margin-right: 5px;
  7117. }
  7118. .plugin-aside .tit1 {
  7119. color: #333;
  7120. margin-bottom: 5px;
  7121. }
  7122. .plugin-aside .set-nav .tit2 {
  7123. color: #333;
  7124. }
  7125. .plugin-aside .set-nav .tit2 span {
  7126. color: #999;
  7127. }
  7128. .plugin-aside .set-nav .reset {
  7129. font-size: 12px;
  7130. color: #157df1;
  7131. line-height: 20px;
  7132. cursor: pointer;
  7133. }
  7134. .plugin-aside .set-nav .set-con {
  7135. border: 1px solid #e5e5e5;
  7136. border-radius: 3px;
  7137. margin-top: 5px;
  7138. }
  7139. .plugin-aside .set-nav .set-bottom {
  7140. margin-top: 40px;
  7141. }
  7142. .plugin-aside .set-nav .set-bottom .b-tit {
  7143. color: #333;
  7144. margin-bottom: 5px;
  7145. }
  7146. .plugin-aside .set-nav .set-bottom ul li {
  7147. float: left;
  7148. margin-right: 40px;
  7149. cursor: pointer;
  7150. color: #333;
  7151. }
  7152. .plugin-aside .set-nav .set-bottom ul li .icon-radio {
  7153. position: relative;
  7154. top: 3px;
  7155. margin-right: 5px;
  7156. }
  7157. .plugin-aside .n-nav {
  7158. background-color: #e5e5e5;
  7159. height: 36px;
  7160. line-height: 36px;
  7161. padding-left: 65px;
  7162. }
  7163. .plugin-aside .n-nav li {
  7164. float: left;
  7165. margin: 0 5px;
  7166. text-align: center;
  7167. }
  7168. .plugin-aside .n-nav .nav-fun {
  7169. width: 140px;
  7170. }
  7171. .plugin-aside .n-nav .nav-name {
  7172. width: 90px;
  7173. }
  7174. .plugin-aside .n-nav .nav-icon {
  7175. width: 34px;
  7176. }
  7177. .plugin-aside .n-list {
  7178. padding: 20px;
  7179. color: #333;
  7180. }
  7181. .plugin-aside .n-list dd {
  7182. margin-bottom: 30px;
  7183. position: relative;
  7184. display: none;
  7185. }
  7186. .plugin-aside .n-list dd.active {
  7187. display: block;
  7188. }
  7189. .plugin-aside .n-list .n-num {
  7190. margin-right: 10px;
  7191. padding-top: 7px;
  7192. width: 45px;
  7193. }
  7194. .plugin-aside .n-list .n-text {
  7195. margin-right: 10px;
  7196. width: 90px;
  7197. padding: 6px;
  7198. }
  7199. .plugin-aside .n-list select {
  7200. margin-right: 10px;
  7201. width: 135px;
  7202. padding: 6px;
  7203. color: #999;
  7204. }
  7205. .plugin-aside .n-list .add-icon {
  7206. border: 1px solid #e5e5e5;
  7207. border-radius: 3px;
  7208. width: 34px;
  7209. height: 34px;
  7210. text-align: center;
  7211. cursor: pointer;
  7212. margin-right: 10px;
  7213. }
  7214. .plugin-aside .n-list .add-icon .iconfont {
  7215. color: #e5e5e5;
  7216. font-size: 22px; /*margin-top: 2px;*/
  7217. margin-left: 2px;
  7218. display: inline-block;
  7219. }
  7220. .plugin-aside .n-list .n-link {
  7221. margin-right: 20px;
  7222. width: 170px;
  7223. padding: 6px;
  7224. visibility: hidden;
  7225. }
  7226. .plugin-aside .n-list .n-delete {
  7227. font-size: 24px;
  7228. color: #f17d78;
  7229. cursor: pointer;
  7230. display: none;
  7231. }
  7232. .plugin-aside .n-list dd:hover .n-delete {
  7233. display: block;
  7234. }
  7235. .plugin-aside .n-list dd .error {
  7236. color: #ff4222;
  7237. margin-left: 50px; /*position: absolute; left: 50px; top: 100%;*/
  7238. display: none;
  7239. }
  7240. .plugin-aside .n-list dd.form-error .error {
  7241. display: block;
  7242. }
  7243. .plugin-modal .icons li {
  7244. float: left;
  7245. text-align: center;
  7246. cursor: pointer;
  7247. width: calc(100% / 12); /*margin: 5px 4px;*/
  7248. color: #666;
  7249. }
  7250. .plugin-modal .icons li div {
  7251. font-size: 12px;
  7252. }
  7253. .plugin-modal .icons li .iconfont {
  7254. font-size: 36px;
  7255. }
  7256. .plugin-modal .icons li:hover {
  7257. color: #157df1;
  7258. }
  7259. .plugin-aside .error {
  7260. display: none;
  7261. }
  7262. .plugin-aside .form-error .error {
  7263. font-size: 12px;
  7264. color: #fd641d;
  7265. display: block;
  7266. }
  7267. .plugin-aside .top-show {
  7268. margin-top: 40px;
  7269. }
  7270. .plugin-aside .top-show .b-tit {
  7271. color: #333;
  7272. margin-bottom: 5px;
  7273. }
  7274. .plugin-aside .top-show ul li {
  7275. float: left;
  7276. width: 140px;
  7277. padding: 9px 12px;
  7278. position: relative;
  7279. margin-right: 20px;
  7280. }
  7281. .plugin-aside .top-show ul li .icon-checkbox-small {
  7282. position: absolute;
  7283. right: 0;
  7284. bottom: 0;
  7285. display: none;
  7286. }
  7287. .plugin-aside .top-show ul li.active {
  7288. border-color: #157df1;
  7289. }
  7290. .plugin-aside .top-show ul li.active .icon-checkbox-small {
  7291. display: block;
  7292. }
  7293. .plugin-aside .con {
  7294. border: 1px solid #e5e5e5;
  7295. border-radius: 5px;
  7296. padding: 0 10px;
  7297. position: relative;
  7298. overflow: hidden;
  7299. cursor: pointer;
  7300. }
  7301. .plugin-aside .con .icon-checkbox {
  7302. position: absolute;
  7303. right: 0;
  7304. bottom: 0;
  7305. display: none;
  7306. }
  7307. .plugin-aside .con.active {
  7308. border-color: #157df1;
  7309. }
  7310. .plugin-aside .con.active .icon-checkbox {
  7311. display: block;
  7312. }
  7313. .plugin-aside .con .tit1 {
  7314. padding: 15px 0;
  7315. }
  7316. .plugin-aside .con.active .tit1 {
  7317. color: #157df1;
  7318. }
  7319. .plugin-aside .con-1 {
  7320. border: 1px solid #e5e5e5;
  7321. border-radius: 5px 5px 0 0;
  7322. border-bottom: none;
  7323. height: 140px;
  7324. }
  7325. .plugin-aside .con-1 .a-icon {
  7326. color: #333;
  7327. padding: 0 5px;
  7328. border-bottom: 1px solid #e5e5e5;
  7329. }
  7330. .plugin-aside .con-1 .a-icon .iconfont {
  7331. font-size: 20px;
  7332. }
  7333. .plugin-aside .con-1 .tit2 {
  7334. text-align: center;
  7335. color: #157df1;
  7336. margin-top: 5px;
  7337. }
  7338. .plugin-aside .con .icon-checkbox-small {
  7339. position: absolute;
  7340. right: 0;
  7341. bottom: 0;
  7342. display: none;
  7343. }
  7344. .plugin-aside .con.active .icon-checkbox-small {
  7345. display: block;
  7346. }
  7347. .plugin-remind {
  7348. margin-top: 45px;
  7349. display: none;
  7350. }
  7351. .plugin-remind .r-tit {
  7352. color: #333;
  7353. margin-bottom: 2px;
  7354. }
  7355. .plugin-remind p {
  7356. color: #fd641d;
  7357. }
  7358. .plugin-remind1 {
  7359. margin-top: 45px;
  7360. display: none;
  7361. }
  7362. .plugin-remind1 .r-tit {
  7363. color: #333;
  7364. margin-bottom: 2px;
  7365. }
  7366. .plugin-remind1 p {
  7367. color: #fd641d;
  7368. }
  7369. /*/左侧栏*/
  7370. /*制作启动图*/
  7371. #startPicModal .modal-dialog {
  7372. width: 1010px;
  7373. }
  7374. #startPicModal .modal-content {
  7375. overflow: hidden;
  7376. }
  7377. #startPicModal .modal-body {
  7378. max-height: 630px;
  7379. min-height: 630px;
  7380. padding: 20px 30px;
  7381. }
  7382. #startPicModal .aside-modal {
  7383. background-color: #f0f0f0;
  7384. }
  7385. #startPicModal .aside-modal .a-left {
  7386. width: 35%;
  7387. float: left;
  7388. padding-top: 30px;
  7389. }
  7390. #startPicModal .aside-modal .a-right {
  7391. width: 65%;
  7392. float: right;
  7393. background-color: #fff;
  7394. }
  7395. #startPicModal .aside-modal .a-left .l-tit {
  7396. text-align: center; /*margin-top: 60px;*/
  7397. color: #333;
  7398. font-size: 16px;
  7399. }
  7400. #startPicModal .aside-modal .a-left .phone {
  7401. background: url("../image/aside-phone1.png") no-repeat;
  7402. width: 304px;
  7403. height: 640px;
  7404. position: relative;
  7405. margin: 30px auto 0;
  7406. }
  7407. #startPicModal .aside-modal .a-left .phone .bg {
  7408. position: absolute;
  7409. left: 17px;
  7410. top: 70px;
  7411. width: 270px;
  7412. height: 480px;
  7413. overflow: hidden; /*padding: 60px 20px;*/
  7414. background-position: center;
  7415. background-size: cover;
  7416. }
  7417. #startPicModal .aside-modal .a-left .phone .bg img {
  7418. border: 1px solid #e5e5e5;
  7419. }
  7420. #startPicModal .aside-modal .a-left .phone .s-app-icon {
  7421. text-align: center;
  7422. margin-bottom: 7px;
  7423. }
  7424. #startPicModal .aside-modal .a-left .phone .s-app-icon img {
  7425. width: 65px;
  7426. height: 65px;
  7427. border-radius: 5px;
  7428. }
  7429. #startPicModal .aside-modal .a-left .phone .s-app-name {
  7430. text-align: center;
  7431. color: #fff;
  7432. position: absolute;
  7433. left: 0;
  7434. top: 132px;
  7435. width: 100%;
  7436. }
  7437. #startPicModal .aside-modal .a-left .phone .s-app-introduce {
  7438. color: #fff;
  7439. font-size: 12px;
  7440. margin-top: 5px;
  7441. white-space: nowrap;
  7442. text-overflow: ellipsis;
  7443. overflow: hidden;
  7444. width: 100%;
  7445. text-align: center;
  7446. position: absolute;
  7447. left: 0;
  7448. top: 152px;
  7449. }
  7450. /*#startPicModal .making-startup{padding: 10px 35px;}*/
  7451. #startPicModal .making-startup .s-tit {
  7452. color: #333;
  7453. margin-bottom: 5px;
  7454. }
  7455. #startPicModal .making-startup .pic-list {
  7456. width: 460px;
  7457. margin-bottom: 40px;
  7458. }
  7459. #startPicModal .making-startup .pic-list li {
  7460. float: left;
  7461. position: relative;
  7462. border: 1px solid #e5e5e5;
  7463. margin-right: 10px;
  7464. margin-bottom: 10px;
  7465. cursor: pointer;
  7466. }
  7467. #startPicModal .making-startup .pic-list li.active {
  7468. border-color: #157df1;
  7469. }
  7470. #startPicModal .making-startup .pic-list li .icon-checkbox {
  7471. position: absolute;
  7472. right: 0;
  7473. bottom: 0;
  7474. display: none;
  7475. }
  7476. #startPicModal .making-startup .pic-list li.active .icon-checkbox {
  7477. display: block;
  7478. }
  7479. #startPicModal .making-startup .radio-tick {
  7480. margin-bottom: 45px;
  7481. }
  7482. #startPicModal .a-left .phone .bg-3 .s-app-icon {
  7483. margin-top: 100px;
  7484. }
  7485. #startPicModal .a-left .phone .bg-3 .s-app-name {
  7486. color: #333;
  7487. top: 232px;
  7488. }
  7489. #startPicModal .a-left .phone .bg-3 .s-app-introduce {
  7490. color: #333;
  7491. top: 252px;
  7492. }
  7493. /*#startPicModal .aside-modal .a-left .phone .bg-4{height: 475px;}*/
  7494. #startPicModal .a-left .phone .bg-4 .s-app-wrap {
  7495. position: absolute;
  7496. bottom: 10px;
  7497. left: 5px;
  7498. width: 100%;
  7499. }
  7500. #startPicModal .a-left .phone .bg-4 .s-app-icon {
  7501. float: left;
  7502. }
  7503. #startPicModal .a-left .phone .bg-4 .s-name-wrap {
  7504. float: left;
  7505. width: 70%;
  7506. margin-top: 13px;
  7507. margin-left: 5px;
  7508. }
  7509. #startPicModal .a-left .phone .bg-4 .s-app-name {
  7510. color: #333;
  7511. text-align: left;
  7512. position: static;
  7513. }
  7514. #startPicModal .a-left .phone .bg-4 .s-app-introduce {
  7515. color: #333;
  7516. position: static;
  7517. text-align: left;
  7518. }
  7519. #startPicModal .a-left .phone .bg-5 {
  7520. border: 1px solid #e5e5e5;
  7521. }
  7522. #startPicModal .a-left .phone .bg-5 .s-app-icon {
  7523. margin-top: 30px;
  7524. }
  7525. #startPicModal .a-left .phone .bg-5 .s-app-name {
  7526. color: #333;
  7527. top: 163px;
  7528. }
  7529. #startPicModal .a-left .phone .bg-5 .s-app-introduce {
  7530. color: #333;
  7531. top: 183px;
  7532. }
  7533. #startPicModal .a-left .phone .bg-6 .s-app-name {
  7534. color: #333;
  7535. }
  7536. #startPicModal .a-left .phone .bg-6 .s-app-introduce {
  7537. color: #333;
  7538. }
  7539. #startPicModal .a-left .phone .bg-7 .s-app-name {
  7540. color: #333;
  7541. }
  7542. #startPicModal .a-left .phone .bg-7 .s-app-introduce {
  7543. color: #333;
  7544. }
  7545. /*#startPicModal .aside-modal .a-left .phone .bg-8{height: 475px;}*/
  7546. #startPicModal .a-left .phone .bg-8 .s-app-wrap {
  7547. position: absolute;
  7548. bottom: 10px;
  7549. left: 5px;
  7550. width: 100%;
  7551. }
  7552. #startPicModal .a-left .phone .bg-8 .s-app-icon {
  7553. float: left;
  7554. }
  7555. #startPicModal .a-left .phone .bg-8 .s-name-wrap {
  7556. float: left;
  7557. width: 70%;
  7558. margin-top: 13px;
  7559. margin-left: 5px;
  7560. }
  7561. #startPicModal .a-left .phone .bg-8 .s-app-name {
  7562. color: #333;
  7563. text-align: left;
  7564. position: static;
  7565. }
  7566. #startPicModal .a-left .phone .bg-8 .s-app-introduce {
  7567. color: #333;
  7568. position: static;
  7569. text-align: left;
  7570. }
  7571. #startPicModal .a-left .phone .bg-9 .s-app-name {
  7572. color: #333;
  7573. }
  7574. #startPicModal .a-left .phone .bg-9 .s-app-introduce {
  7575. color: #333;
  7576. }
  7577. /*/制作启动图*/
  7578. /*制作图标*/
  7579. /*2019/4/9/ 改版*/
  7580. @media (min-width: 1200px) {
  7581. #makeIconsModal .modal-dialog {
  7582. width: 1010px;
  7583. }
  7584. #makeIconsModal .modal-dialog .modal-body {
  7585. padding: 20px 30px;
  7586. min-height: 410px;
  7587. }
  7588. }
  7589. #makeIconsModal .m-tit {
  7590. color: #333;
  7591. margin-bottom: 10px;
  7592. }
  7593. #makeIconsModal .m-icon {
  7594. background-position: center;
  7595. width: 150px;
  7596. height: 150px;
  7597. background-size: cover;
  7598. display: flex;
  7599. justify-content: center;
  7600. align-items: center;
  7601. margin: 0 auto;
  7602. }
  7603. #makeIconsModal .m-icon img {
  7604. width: 150px;
  7605. height: auto;
  7606. display: block;
  7607. border-radius: 15px;
  7608. }
  7609. #makeIconsModal .m-icon .m-name {
  7610. color: #fff;
  7611. max-width: 120px;
  7612. text-align: center;
  7613. }
  7614. #makeIconsModal .icon-bg {
  7615. border: 1px solid #e5e5e5;
  7616. padding: 30px 25px;
  7617. border-radius: 5px;
  7618. margin-bottom: 50px;
  7619. }
  7620. #makeIconsModal .icon-bg dl dt {
  7621. color: #333;
  7622. margin-right: 20px;
  7623. }
  7624. #makeIconsModal .m-icon-bg1 {
  7625. margin-bottom: 20px;
  7626. }
  7627. #makeIconsModal .m-icon-bg1 dt {
  7628. line-height: 30px;
  7629. }
  7630. #makeIconsModal .m-icon-bg1 dd {
  7631. width: 40%;
  7632. }
  7633. #makeIconsModal .m-icon-bg2 dt {
  7634. line-height: 40px;
  7635. }
  7636. .make-img-common .tab {
  7637. border-right: 1px solid #e5e5e5;
  7638. }
  7639. .make-img-common .tab li {
  7640. float: left;
  7641. width: 16.66666667%;
  7642. text-align: center;
  7643. line-height: 32px;
  7644. border: 1px solid #e5e5e5;
  7645. color: #333;
  7646. background-color: #fbfbfb;
  7647. cursor: pointer;
  7648. }
  7649. .make-img-common .tab li + li {
  7650. border-left-color: transparent;
  7651. }
  7652. .make-img-common .tab li:last-of-type {
  7653. border-right-color: transparent;
  7654. }
  7655. .make-img-common .tab li.active {
  7656. background-color: #fff;
  7657. border-bottom-color: transparent;
  7658. }
  7659. /*#makeIconsModal .foreground-map .tab li:first-of-type{border-radius: 5px 0 0 0;}*/
  7660. /*#makeIconsModal .foreground-map .tab li:last-of-type{border-radius: 0 5px 0 0;}*/
  7661. .make-img-common .tab-con {
  7662. border: 1px solid #e5e5e5;
  7663. margin-top: -1px;
  7664. }
  7665. .make-img-common .tab-con > div {
  7666. display: none;
  7667. }
  7668. .make-img-common .tab-common {
  7669. padding: 30px 40px;
  7670. }
  7671. .make-img-common .tab-common ul { /*height: 204px; overflow-y: auto;*/
  7672. }
  7673. .make-img-common .tab-common ul li {
  7674. width: calc((100% - 24px) / 7);
  7675. position: relative;
  7676. margin-right: 4px;
  7677. margin-bottom: 4px;
  7678. float: left;
  7679. cursor: pointer;
  7680. border: 1px solid #e5e5e5;
  7681. }
  7682. #startPicModal .make-img-common .tab-common ul li {
  7683. width: calc((100% - 16px) / 5);
  7684. }
  7685. #makeIconsModal .make-img-common .tab-common ul li:nth-child(7n) {
  7686. margin-right: 0;
  7687. }
  7688. #startPicModal .make-img-common .tab-common ul li:nth-child(5n) {
  7689. margin-right: 0;
  7690. }
  7691. .make-img-common .tab-common ul li .icon-checkbox-small {
  7692. position: absolute;
  7693. right: 0;
  7694. bottom: 0;
  7695. display: none;
  7696. }
  7697. .make-img-common .tab-common ul li.active {
  7698. }
  7699. .make-img-common .tab-common ul li.active .icon-checkbox-small {
  7700. display: block;
  7701. }
  7702. .make-img-common .tab-common ul li .t-con {
  7703. }
  7704. .make-img-common .tab-common ul li.active {
  7705. border-color: #157df1;
  7706. }
  7707. #makeIconsModal .error {
  7708. font-size: 12px;
  7709. color: #fd641d;
  7710. margin-top: 5px;
  7711. display: none;
  7712. }
  7713. #makeIconsModal .form-error .error {
  7714. display: block;
  7715. }
  7716. /*/制作图标*/
  7717. /*网页缩放*/
  7718. .plugin-web-zoom .tit {
  7719. color: #333;
  7720. margin-bottom: 5px;
  7721. }
  7722. /*/网页缩放*/
  7723. /*手势配置*/
  7724. .plugin-gestures .tit {
  7725. color: #333;
  7726. margin-bottom: 3px;
  7727. }
  7728. .plugin-gestures .gestures-list1 {
  7729. margin-bottom: 40px;
  7730. }
  7731. .plugin-gestures .gestures-list1 li {
  7732. float: left;
  7733. margin-right: 40px;
  7734. cursor: pointer;
  7735. }
  7736. .plugin-gestures .gestures-list2 .tit {
  7737. margin-bottom: 5px;
  7738. }
  7739. .plugin-gestures .gestures-list2 p {
  7740. color: #fd641d;
  7741. margin-top: 10px;
  7742. }
  7743. /*/手势配置*/
  7744. /*浏览器UA*/
  7745. .plugin-ua .ua {
  7746. margin-bottom: 40px;
  7747. }
  7748. .plugin-ua .ua:last-of-type {
  7749. margin-bottom: 10px;
  7750. }
  7751. .plugin-ua .ua .tit {
  7752. color: #333;
  7753. margin-bottom: 5px;
  7754. }
  7755. .plugin-ua .ua-con {
  7756. border: 1px solid #e5e5e5;
  7757. padding: 30px 0;
  7758. }
  7759. .plugin-ua .ua-con .form-control {
  7760. margin-bottom: 8px;
  7761. }
  7762. .plugin-ua .ua-con .form-group {
  7763. margin: 0 -5px 25px;
  7764. }
  7765. .plugin-ua .ua-con .form-group:last-of-type {
  7766. margin-bottom: 0;
  7767. }
  7768. .plugin-ua .ua-con .col-sm-3 {
  7769. padding: 10px 5px 0;
  7770. }
  7771. @media (min-width: 1200px) {
  7772. .plugin-ua .ua-con .col-sm-3 {
  7773. width: 22%;
  7774. }
  7775. }
  7776. .plugin-ua .ua-con .col-sm-8 {
  7777. padding: 0 5px;
  7778. }
  7779. .plugin-ua .ua-con label {
  7780. font-size: 12px;
  7781. color: #333;
  7782. }
  7783. .plugin-ua .ua-con p {
  7784. font-size: 12px;
  7785. }
  7786. .plugin-ua .ua-con p span {
  7787. color: #157df1;
  7788. }
  7789. .plugin-ua .ua-con .error {
  7790. font-size: 12px;
  7791. color: #fd641d;
  7792. margin-top: 5px;
  7793. display: none;
  7794. }
  7795. .plugin-ua .ua-con .form-error .error {
  7796. display: block;
  7797. }
  7798. /*/浏览器UA*/
  7799. /*保存账户密码*/
  7800. .plugin-save-pwd .tit {
  7801. color: #333;
  7802. margin-bottom: 5px;
  7803. }
  7804. /*/保存账户密码*/
  7805. /*----------/封装 配置插件----------*/
  7806. /*----------应用发布 改版----------*/
  7807. .release-app2 > .row {
  7808. margin: 0 0 15px;
  7809. overflow: hidden;
  7810. height: 100%;
  7811. }
  7812. @media (min-width: 1200px) {
  7813. .release-app2 > .row > .col-sm-2 {
  7814. padding: 0 0 9999px;
  7815. margin-bottom: -9999px;
  7816. }
  7817. }
  7818. .release-app2 > .row > .col-sm-2 {
  7819. background-color: #fff;
  7820. box-shadow: 0 0 5px rgba(0, 0, 0, .05);
  7821. }
  7822. .release-app2 > .row > .col-sm-10 {
  7823. padding: 0 0 0 10px;
  7824. }
  7825. /*
  7826. .release-app2>.row{margin-left: -5px; margin-right: -5px;}
  7827. .release-app2>.row>.col-sm-2,.release-app2>.row>.col-sm-10{padding-left: 5px; padding-right: 5px;}
  7828. */
  7829. aside.aside-left {
  7830. padding-top: 15px;
  7831. }
  7832. aside.aside-left ul li {
  7833. margin-bottom: 10px;
  7834. }
  7835. aside.aside-left ul li a {
  7836. padding-left: 25px;
  7837. display: block;
  7838. height: 50px;
  7839. line-height: 50px;
  7840. border-left: 4px solid transparent;
  7841. color: #333;
  7842. }
  7843. aside.aside-left ul li a .iconfont {
  7844. margin-right: 10px;
  7845. color: #157df1;
  7846. }
  7847. aside.aside-left ul li.active a {
  7848. background-color: #e7f2fe;
  7849. border-color: #157df1;
  7850. color: #157df1;
  7851. }
  7852. aside.aside-left ul li.active a .iconfont {
  7853. color: #157df1;
  7854. }
  7855. aside.aside-left ul li.active a .icon-upload1 {
  7856. font-size: 18px;
  7857. }
  7858. aside.aside-left ul li:hover a {
  7859. background-color: #e7f2fe;
  7860. border-color: #157df1;
  7861. color: #157df1;
  7862. }
  7863. aside.aside-left ul li:hover a .iconfont {
  7864. color: #157df1;
  7865. }
  7866. .release-app2 .aside-right .a-top {
  7867. margin-bottom: 5px;
  7868. }
  7869. .release-app2 .aside-right .a-top.mb10 {
  7870. margin-bottom: 10px;
  7871. }
  7872. .release-app2 .aside-right .a-top .app-icon {
  7873. width: 100px;
  7874. border-radius: 20px;
  7875. background-color: #fff;
  7876. cursor: pointer;
  7877. border: 1px solid #e5e5e5;
  7878. overflow: hidden;
  7879. }
  7880. .release-app2 .aside-right .a-top .app-icon li {
  7881. float: left;
  7882. width: 50%;
  7883. height: 38px;
  7884. display: flex;
  7885. justify-content: center;
  7886. align-items: center;
  7887. border-right: 1px solid #e5e5e5;
  7888. }
  7889. .release-app2 .aside-right .a-top .app-icon li:last-of-type {
  7890. border-right-color: transparent;
  7891. }
  7892. .release-app2 .aside-right .a-top .app-icon li .iconfont {
  7893. font-size: 22px;
  7894. color: #bbb;
  7895. }
  7896. .release-app2 .aside-right .a-top .app-icon li.active {
  7897. background-color: #157df1;
  7898. }
  7899. .release-app2 .aside-right .a-top .app-icon li.active .iconfont {
  7900. color: #fff;
  7901. }
  7902. .release-app2 .aside-right .search {
  7903. position: relative;
  7904. margin-left: 30px;
  7905. }
  7906. .release-app2 .aside-right .search .iconfont {
  7907. position: absolute;
  7908. left: 10px;
  7909. top: 50%;
  7910. transform: translateY(-50%);
  7911. font-size: 18px;
  7912. }
  7913. .release-app2 .aside-right .search input {
  7914. height: 40px;
  7915. line-height: 38px;
  7916. width: 160px;
  7917. border: 1px solid #e5e5e5;
  7918. padding-left: 40px;
  7919. background-color: transparent;
  7920. color: #333;
  7921. }
  7922. .release-app2 .aside-right .search input::-webkit-input-placeholder {
  7923. color: #333 !important;
  7924. }
  7925. .release-app2 .aside-right .search input::-moz-placeholder {
  7926. color: #333 !important;
  7927. }
  7928. .release-app2 .aside-right .search input::-ms-input-placeholder {
  7929. color: #333 !important;
  7930. }
  7931. .release-app2 .aside-right .search .btn-search {
  7932. line-height: 40px;
  7933. color: #157df1;
  7934. margin-left: 15px;
  7935. }
  7936. .release-app2 .aside-right .how-many dl dd {
  7937. text-align: right;
  7938. position: relative;
  7939. padding-right: 20px;
  7940. margin-right: 20px;
  7941. }
  7942. .release-app2 .aside-right .how-many dl dd .p1 {
  7943. font-size: 12px;
  7944. float: left;
  7945. color: #999;
  7946. }
  7947. .release-app2 .aside-right .how-many dl dd .icon-prompt1 {
  7948. font-size: 14px;
  7949. color: #999;
  7950. float: left;
  7951. margin: -3px 0 0 3px;
  7952. }
  7953. .release-app2 .aside-right .how-many dl dd .icon-prompt {
  7954. margin-left: 5px;
  7955. float: left;
  7956. }
  7957. .release-app2 .aside-right .how-many dl dd .p2 {
  7958. color: #333;
  7959. float: right;
  7960. font-size: 19px;
  7961. }
  7962. .release-app2 .aside-right .how-many dl dd .p2 i {
  7963. font-size: 12px;
  7964. color: #999;
  7965. }
  7966. .release-app2 .aside-right .how-many dl dd .p2 span {
  7967. float: right;
  7968. }
  7969. .release-app2 .aside-right .how-many dl dd .p2 span:last-child {
  7970. margin-right: 10px;
  7971. }
  7972. .release-app2 .aside-right .how-many dl dd .right-line {
  7973. position: absolute;
  7974. top: 6px;
  7975. right: 0;
  7976. background-color: #e5e5e5;
  7977. width: 1px;
  7978. height: 30px;
  7979. }
  7980. .release-app2 .aside-right .how-many .ms-btn-primary.w60 {
  7981. padding: 3px 12px;
  7982. margin-top: 6px;
  7983. }
  7984. .release-app2 .aside-right .how-many .big-bag-btn {
  7985. background-color: #fd9817;
  7986. border-color: #fd9817;
  7987. color: #fff;
  7988. }
  7989. .release-app2 .aside-right .app-table-wrap { /*min-height: 502px;*/
  7990. margin-top: 5px; /*margin-bottom: 40px;*/ /*background-color: #fff;*/ /*border: 1px solid #e5e5e5; border-top: none;*/
  7991. }
  7992. .release-app2 .aside-right .app-table {
  7993. border: 1px solid #e5e5e5;
  7994. font-size: 12px;
  7995. margin-bottom: 0;
  7996. }
  7997. .release-app2 .aside-right .app-table tr th {
  7998. text-align: center;
  7999. font-weight: 600;
  8000. color: #666;
  8001. padding: 15px 0;
  8002. background-color: #f7f7fa;
  8003. border-color: #e5e5e5;
  8004. }
  8005. .release-app2 .aside-right .app-table tr td {
  8006. text-align: center;
  8007. padding: 0 10px;
  8008. vertical-align: middle;
  8009. border-color: #e5e5e5;
  8010. color: #666;
  8011. height: 60px;
  8012. }
  8013. /*.release-app2 .aside-right .app-table tr .app-th-name{width: 160px;}*/
  8014. .release-app2 .aside-right .app-table > tbody > tr > td.color-danger {
  8015. color: #fd641d;
  8016. }
  8017. .release-app2 .aside-right .app-table > tbody > tr > td.color-999 {
  8018. color: #999;
  8019. }
  8020. .release-app2 .aside-right .app-table > tbody > tr > td td {
  8021. text-align: left;
  8022. }
  8023. .release-app2 .aside-right .app-table tr:hover td {
  8024. background-color: #ebf7ff;
  8025. }
  8026. .release-app2 .aside-right .app-table .app-icon1 {
  8027. border-radius: 15px;
  8028. border: 1px solid #e5e5e5;
  8029. width: 50px;
  8030. height: 50px;
  8031. }
  8032. .table-list .app-table .download-code { /*display: inline-block;*/
  8033. }
  8034. .table-list .app-table .download-code-wrap {
  8035. line-height: 16px;
  8036. height: 16px;
  8037. }
  8038. .table-list .app-table .download-code1 {
  8039. display: inline-block;
  8040. }
  8041. .table-list .app-table .download-code .ellipsis {
  8042. color: #157df1;
  8043. }
  8044. .table-list .app-table .download-code .ellipsis:hover {
  8045. text-decoration: underline;
  8046. }
  8047. .table-list .app-table .download-code .icon-small-code {
  8048. margin-top: 1px;
  8049. margin-left: 3px;
  8050. }
  8051. .release-app2 .aside-right .app-table .app-name1 {
  8052. display: block;
  8053. color: #666;
  8054. max-width: 96px;
  8055. white-space: nowrap;
  8056. overflow: hidden;
  8057. text-overflow: ellipsis;
  8058. }
  8059. .release-app2 .aside-right .app-table .app-icon-name {
  8060. position: relative;
  8061. }
  8062. .release-app2 .aside-right .app-table .app-icon-name .big-package-1 {
  8063. position: absolute;
  8064. left: -11px;
  8065. top: -10px;
  8066. background-color: #fd9817;
  8067. height: 16px;
  8068. line-height: 16px;
  8069. padding: 0 3px 0 1px;
  8070. border-radius: 0 10px 10px 0;
  8071. color: #fff;
  8072. font-size: 12px;
  8073. display: none;
  8074. }
  8075. .release-app2 .aside-right .app-table .app-icon-name .app-expired {
  8076. position: absolute;
  8077. left: -11px;
  8078. top: -10px;
  8079. background-color: #fd641d;
  8080. height: 16px;
  8081. line-height: 16px;
  8082. padding: 0 3px 0 1px;
  8083. border-radius: 0 10px 10px 0;
  8084. color: #fff;
  8085. font-size: 12px;
  8086. z-index: 2;
  8087. display: none;
  8088. }
  8089. .release-app2 .aside-right .app-table tr td.disabled {
  8090. background-color: #fff !important;
  8091. }
  8092. .release-app2 .aside-right .app-table tr td.disabled img {
  8093. -webkit-filter: grayscale(100%);
  8094. -moz-filter: grayscale(100%);
  8095. -ms-filter: grayscale(100%);
  8096. -o-filter: grayscale(100%);
  8097. filter: grayscale(100%);
  8098. filter: gray;
  8099. }
  8100. .release-app2 .aside-right .app-table tr td.disabled .tit2 {
  8101. color: #999;
  8102. }
  8103. .release-app2 .aside-right .app-table tr td.disabled .ellipsis {
  8104. color: #ccc;
  8105. }
  8106. .version-history-table {
  8107. border: 1px solid #e5e5e5;
  8108. }
  8109. .version-history-table th {
  8110. border: none !important;
  8111. text-align: center;
  8112. font-weight: normal;
  8113. color: #666;
  8114. height: 40px;
  8115. background-color: #f5f6f7;
  8116. font-size: 12px;
  8117. vertical-align: middle !important;
  8118. }
  8119. .version-history-table tr td {
  8120. padding: 0 15px !important;
  8121. height: 50px;
  8122. vertical-align: middle !important;
  8123. font-size: 12px;
  8124. text-align: center;
  8125. }
  8126. .version-history-table tr td .bundle-length {
  8127. display: block;
  8128. }
  8129. .version-history-table tr td .iconfont {
  8130. font-size: 20px;
  8131. cursor: pointer;
  8132. }
  8133. /*.release-app2 .aside-right .no-app{min-height: 326px; border: 1px solid #e5e5e5; border-top: none;}*/
  8134. .release-app2 .aside-right .no-app .iconfont {
  8135. font-size: 20px;
  8136. }
  8137. .release-app2 .aside-right .no-app .text {
  8138. margin: 4px 0 0 5px;
  8139. }
  8140. /*.app-details{margin-bottom: 40px;}*/
  8141. .app-details .details-top {
  8142. padding: 25px 20px;
  8143. background-color: #fff;
  8144. margin-bottom: 20px;
  8145. box-shadow: 0 0 5px rgba(0, 0, 0, .05);
  8146. }
  8147. .app-details .details-top > img {
  8148. border: 1px solid #e5e5e5;
  8149. border-radius: 12px;
  8150. width: 60px;
  8151. height: 60px;
  8152. }
  8153. .app-details .details-top .information {
  8154. margin-left: 15px;
  8155. }
  8156. .app-details .details-top .information dt {
  8157. color: #333;
  8158. margin-bottom: 2px;
  8159. margin-top: -5px;
  8160. }
  8161. .app-set1 .details-top .information dt {
  8162. margin-top: 0;
  8163. }
  8164. .app-details .details-top .information dt .i-tit {
  8165. position: relative;
  8166. }
  8167. .app-details .details-top .information dt .i-tit .iconfont {
  8168. color: #bbb;
  8169. font-size: 21px;
  8170. }
  8171. .app-details .details-top .information dt .text {
  8172. font-size: 20px;
  8173. }
  8174. /*.app-details .details-top .information dt .iconfont{position: absolute; right: -20px; top: 0;}*/
  8175. .app-details .details-top .information dt .version {
  8176. position: absolute;
  8177. left: calc(100% + 5px);
  8178. top: -10px;
  8179. background-color: #fc4e54;
  8180. font-size: 12px;
  8181. width: 42px;
  8182. height: 18px;
  8183. line-height: 18px;
  8184. color: #fff;
  8185. text-align: center;
  8186. border-radius: 3px;
  8187. }
  8188. .app-details .details-top .information dt .version-private {
  8189. background-color: #fd641d;
  8190. }
  8191. .app-details .details-top .information dt .no-flash-back {
  8192. background-color: #2fc302;
  8193. width: 52px;
  8194. }
  8195. .app-details .details-top .information dd {
  8196. color: #999;
  8197. }
  8198. /*.app-details .details-top .information dd:first-of-type{margin-bottom: 3px;}*/
  8199. .app-details .details-top .information dd span {
  8200. margin-right: 30px;
  8201. }
  8202. .app-details .details-top .information dd i {
  8203. margin-left: 10px;
  8204. }
  8205. .add-notes-wrap {
  8206. cursor: pointer;
  8207. margin-right: 0 !important;
  8208. }
  8209. .add-notes-wrap span {
  8210. margin-right: 0 !important;
  8211. }
  8212. .add-notes .icon-compile {
  8213. cursor: pointer;
  8214. margin-top: -1px;
  8215. }
  8216. .add-notes .icon-compile:hover {
  8217. color: #157df1;
  8218. }
  8219. .add-notes .text {
  8220. max-width: 250px;
  8221. overflow: hidden;
  8222. text-overflow: ellipsis;
  8223. white-space: nowrap;
  8224. margin-right: 3px !important;
  8225. }
  8226. /*.add-notes>span:last-of-type:hover{color: #157df1;}*/
  8227. .add-notes:hover > span:last-of-type {
  8228. color: #157df1;
  8229. }
  8230. .add-notes:hover .icon-compile {
  8231. color: #157df1;
  8232. }
  8233. .add-notes-wrap input[name='remark'] {
  8234. display: inline-block;
  8235. width: 200px;
  8236. height: 26px;
  8237. display: none;
  8238. }
  8239. #notesModal .modal-content .close {
  8240. position: absolute;
  8241. right: 10px;
  8242. top: 10px;
  8243. z-index: 2;
  8244. color: #333;
  8245. opacity: 1;
  8246. font-size: 24px;
  8247. }
  8248. #notesModal .modal-footer {
  8249. border-top: none;
  8250. padding: 20px 30px 30px;
  8251. }
  8252. #notesModal .modal-body {
  8253. padding: 25px 30px 0;
  8254. }
  8255. #notesModal .modal-body .tit {
  8256. margin-bottom: 15px;
  8257. color: #333;
  8258. }
  8259. #notesModal .modal-footer .ms-btn-primary {
  8260. width: 130px;
  8261. padding: 9px;
  8262. }
  8263. .app-list-notes-wrap {
  8264. line-height: 100%;
  8265. }
  8266. .app-list-notes:empty {
  8267. display: none;
  8268. }
  8269. .app-list-notes {
  8270. margin-top: 3px;
  8271. font-size: 12px;
  8272. color: #999;
  8273. display: block;
  8274. }
  8275. .app-list-notes2 {
  8276. margin-top: 6px;
  8277. display: inline-block;
  8278. }
  8279. .app-details .details-bottom {
  8280. padding: 10px 0; /*background-color: #fff; box-shadow: 0 0 5px rgba(0,0,0,.05);*/
  8281. }
  8282. .app-details .details-bottom table {
  8283. width: 100%;
  8284. table-layout: fixed;
  8285. }
  8286. .app-details .details-bottom table th {
  8287. font-weight: normal;
  8288. padding: 20px 10px 10px 0;
  8289. color: #333;
  8290. white-space: nowrap;
  8291. vertical-align: middle;
  8292. }
  8293. .app-details .details-bottom table th .th-line {
  8294. border-left: 4px solid #157df1;
  8295. height: 22px;
  8296. line-height: 22px;
  8297. display: inline-block;
  8298. padding-left: 10px;
  8299. }
  8300. .app-details .details-bottom table th .icon-prompt {
  8301. position: relative;
  8302. margin-left: 3px;
  8303. top: -3px;
  8304. }
  8305. .app-details .details-bottom table th .icon-prompt1 {
  8306. position: relative;
  8307. margin-left: 0px;
  8308. top: 0;
  8309. }
  8310. .app-details .details-bottom table th .icon-prompt .popover1-content {
  8311. width: 210px;
  8312. font-size: 12px;
  8313. }
  8314. .app-details .details-bottom table th .icon-prompt1 .popover1-content {
  8315. width: 220px;
  8316. font-size: 12px;
  8317. white-space: normal;
  8318. }
  8319. .app-details .details-bottom table td {
  8320. padding: 10px 0 10px 15px;
  8321. vertical-align: top;
  8322. white-space: nowrap;
  8323. color: #999;
  8324. }
  8325. .app-details .details-bottom .d-table-wrap {
  8326. position: relative;
  8327. }
  8328. .app-details .details-bottom .points-line {
  8329. position: absolute;
  8330. left: 50%;
  8331. height: calc(100% - 20px);
  8332. width: 1px;
  8333. background-color: #e5e5e5;
  8334. top: 50%;
  8335. transform: translateY(-50%);
  8336. }
  8337. .app-details .details-bottom .points-line-l {
  8338. left: 33.33%;
  8339. }
  8340. .app-details .details-bottom .points-line-r {
  8341. right: 33.33%;
  8342. left: auto;
  8343. }
  8344. .app-details .details-bottom .points-line-wrap .points-line-3:nth-of-type(1) {
  8345. left: 25%;
  8346. }
  8347. .app-details .details-bottom .points-line-wrap .points-line-3:nth-of-type(2) {
  8348. left: 50%;
  8349. }
  8350. .app-details .details-bottom .points-line-wrap .points-line-3:nth-of-type(3) {
  8351. left: 75%;
  8352. }
  8353. .app-details .bundle-length {
  8354. max-width: 200px;
  8355. white-space: nowrap;
  8356. text-overflow: ellipsis;
  8357. overflow: hidden;
  8358. display: inline-block;
  8359. }
  8360. .app-details .details-bottom .d-table-wrap .test-download {
  8361. }
  8362. .app-details .details-bottom .d-table-wrap .link {
  8363. max-width: 170px;
  8364. white-space: nowrap;
  8365. text-overflow: ellipsis;
  8366. overflow: hidden;
  8367. display: inline-block;
  8368. }
  8369. /*.app-details .details-bottom .d-table-wrap .test-download img{margin: 0 5px;}*/
  8370. .app-details .details-bottom .d-table-wrap .more {
  8371. color: #157df1;
  8372. }
  8373. .app-details .details-bottom .d-table-wrap .more:hover {
  8374. text-decoration: underline;
  8375. }
  8376. .app-details .details-bottom .d-table-wrap .private-equipment-wrap {
  8377. display: inline-block;
  8378. }
  8379. .app-details .details-bottom .d-table-wrap .private-equipment {
  8380. max-width: 170px;
  8381. width: auto;
  8382. }
  8383. .app-details2 .bundle-length1 {
  8384. max-width: 255px !important;
  8385. }
  8386. .app-details2 .bundle-length2 {
  8387. max-width: 292px !important;
  8388. }
  8389. .app-details2 .bundle-length3 {
  8390. max-width: 310px !important;
  8391. }
  8392. /*下载明细*/
  8393. .download-details {
  8394. background-color: #fff;
  8395. padding: 20px;
  8396. min-height: 360px;
  8397. }
  8398. .download-details .date {
  8399. float: left;
  8400. width: 140px;
  8401. position: relative;
  8402. }
  8403. .download-details .date1 {
  8404. margin-right: 10px;
  8405. }
  8406. .download-details .date2 {
  8407. margin-right: 20px;
  8408. }
  8409. .download-details .date input {
  8410. position: relative;
  8411. z-index: 1;
  8412. background-color: transparent;
  8413. cursor: pointer;
  8414. }
  8415. .download-details .date .icon-date {
  8416. color: #aaa;
  8417. position: absolute;
  8418. right: 10px;
  8419. top: 4px;
  8420. z-index: 0;
  8421. }
  8422. .download-details .date:hover .icon-date {
  8423. color: #157df1;
  8424. }
  8425. .download-details .d-top {
  8426. margin-bottom: 15px;
  8427. }
  8428. .download-details .d-top .form-control {
  8429. height: 30px;
  8430. }
  8431. .download-details .d-top .line {
  8432. margin-right: 10px;
  8433. color: #aaa;
  8434. }
  8435. .download-details .d-top .query {
  8436. font-size: 13px;
  8437. padding: 5px 12px;
  8438. }
  8439. .download-details .d-top .num {
  8440. line-height: 34px;
  8441. margin-left: 30px;
  8442. color: #333;
  8443. font-size: 13px;
  8444. }
  8445. .download-details .d-top .num i {
  8446. color: #157df1;
  8447. }
  8448. .download-details .table {
  8449. border: 1px solid #e5e5e5;
  8450. table-layout: fixed;
  8451. }
  8452. .download-details .table tr th {
  8453. border-top-color: #e5e5e5 !important;
  8454. height: 50px;
  8455. vertical-align: middle;
  8456. text-align: center;
  8457. background-color: #f5f6f7;
  8458. font-weight: 600;
  8459. font-size: 12px;
  8460. color: #333;
  8461. }
  8462. .download-details .table tr td {
  8463. border-top-color: #e5e5e5 !important;
  8464. height: 50px;
  8465. vertical-align: middle;
  8466. text-align: center;
  8467. font-size: 12px;
  8468. color: #666;
  8469. }
  8470. .download-details .table tr:hover {
  8471. background: #ebf7ff;
  8472. }
  8473. .download-details .no {
  8474. text-align: center;
  8475. margin-top: 100px;
  8476. }
  8477. /*/下载明细*/
  8478. /*详情页 签名*/
  8479. .app-details .d-signature { /*background-color: #fff; box-shadow: 0 0 5px rgba(0,0,0,.05);*/
  8480. padding: 30px 20px;
  8481. position: relative;
  8482. }
  8483. .app-details .d-signature dl {
  8484. color: #333;
  8485. }
  8486. .app-details .d-signature dl dd {
  8487. color: #666;
  8488. }
  8489. .app-details .d-signature dl dd span {
  8490. color: #157df1;
  8491. position: relative;
  8492. top: -1px;
  8493. margin-right: 3px;
  8494. }
  8495. .app-details .d-signature .signature-link {
  8496. position: absolute;
  8497. right: 30px;
  8498. top: 50%;
  8499. padding: 6px 21px;
  8500. border-radius: 20px;
  8501. transform: translateY(-50%);
  8502. }
  8503. /*/详情页 签名*/
  8504. .release-app2 .aside-right .version-history-table td {
  8505. position: relative;
  8506. height: 50px;
  8507. border-color: #e5e5e5;
  8508. }
  8509. .release-app2 .aside-right .version-history-table td .angle {
  8510. position: absolute;
  8511. left: 0;
  8512. top: 0;
  8513. }
  8514. /*
  8515. .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);}
  8516. .release-app2 .aside-right .app-details .downloads li{float: left; width: 50%; height: 70px; line-height: 70px; padding-left: 20px; color: #333;}
  8517. .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;}
  8518. .release-app2 .aside-right .app-details .downloads li .d-left .iconfont{font-size: 20px;}
  8519. .release-app2 .aside-right .app-details .downloads li .d-text{margin-left: 10px;}
  8520. .release-app2 .aside-right .app-details .downloads li .d-num{margin-left: 15px; font-size: 16px;}
  8521. .release-app2 .aside-right .app-details .downloads li:first-of-type{border-right: 1px solid #e5e5e5;}
  8522. .release-app2 .aside-right .app-details .downloads li:last-of-type .d-left{background-color: #a59bf6;}
  8523. */
  8524. .release-app2 .aside-right .app-details .details-bottom .ellipsis-wrap {
  8525. position: relative;
  8526. }
  8527. .release-app2 .aside-right .app-details .details-bottom .ellipsis-wrap .popover {
  8528. max-width: 410px;
  8529. width: 410px;
  8530. top: 15px;
  8531. font-size: 14px;
  8532. }
  8533. .release-app2 .aside-right .app-details .details-bottom .ellipsis-wrap .popover .popover-content span {
  8534. color: #157df1;
  8535. margin-left: 10px;
  8536. cursor: pointer;
  8537. }
  8538. .release-app2 .aside-right .app-details .details-bottom .ellipsis-wrap .ellipsis {
  8539. width: 80%;
  8540. }
  8541. .release-app2 .aside-right .app-details .details-bottom .ellipsis-wrap .popover.bottom > .arrow {
  8542. left: 25px;
  8543. }
  8544. .release-app2 .aside-right .app-details .details-bottom .ellipsis-wrap:hover .popover {
  8545. display: block;
  8546. }
  8547. .release-app2 .app-details .app-set {
  8548. box-shadow: 0 0 5px rgba(0, 0, 0, .05);
  8549. background-color: #fff;
  8550. margin-top: 20px;
  8551. padding-bottom: 15px;
  8552. min-height: 360px;
  8553. }
  8554. .release-app2 .app-details .app-set .tab {
  8555. background-color: #f2f2f5;
  8556. height: 44px;
  8557. line-height: 44px;
  8558. border-bottom: 1px solid #e5e5e5;
  8559. }
  8560. .release-app2 .app-details .app-set .tab li {
  8561. float: left;
  8562. padding: 0 20px;
  8563. cursor: pointer;
  8564. color: #333;
  8565. }
  8566. .release-app2 .app-details .app-set .tab li.active {
  8567. background-color: #fff;
  8568. border-right: 1px solid #e5e5e5;
  8569. border-left: 1px solid #e5e5e5;
  8570. margin-left: -1px;
  8571. color: #157df1;
  8572. }
  8573. .release-app2 .app-details .app-set .tab-con {
  8574. margin-top: 30px;
  8575. }
  8576. .release-app2 .app-details .app-set .col-sm-1 {
  8577. width: 13%;
  8578. }
  8579. .release-app2 .app-details .app-set .tab-con label {
  8580. color: #333;
  8581. }
  8582. .release-app2 .app-details .app-set .tab-con .form-control {
  8583. color: #333;
  8584. }
  8585. .release-app2 .app-details .app-set .tab-con > div {
  8586. display: none;
  8587. }
  8588. .release-app2 .app-details .app-set .tab-con .form-group {
  8589. margin-bottom: 30px;
  8590. }
  8591. .release-app2 .app-details .app-set .trust {
  8592. margin-top: 7px;
  8593. font-size: 12px;
  8594. }
  8595. .release-app2 .app-details .app-set .trust li {
  8596. float: left;
  8597. margin-right: 50px;
  8598. margin-top: 2px;
  8599. cursor: pointer;
  8600. color: #333;
  8601. }
  8602. .release-app2 .app-details .app-set .trust li .icon-radio {
  8603. margin-right: 8px;
  8604. top: 0;
  8605. }
  8606. .release-app2 .app-details .app-set .download-way {
  8607. margin-top: 7px;
  8608. font-size: 12px;
  8609. }
  8610. .release-app2 .app-details .app-set .download-way li {
  8611. float: left;
  8612. margin-right: 50px;
  8613. cursor: pointer;
  8614. color: #333;
  8615. font-size: 14px;
  8616. }
  8617. .release-app2 .app-details .app-set .download-way li .icon-radio {
  8618. margin-right: 8px;
  8619. top: 2px;
  8620. }
  8621. .release-app2 .app-details .app-set .short-link > .col-sm-6 > .col-sm-6 {
  8622. padding-left: 0;
  8623. padding-right: 0;
  8624. }
  8625. .release-app2 .app-details .app-set .short-link .form-control {
  8626. border-radius: 0 4px 4px 0;
  8627. border-left: none;
  8628. }
  8629. .release-app2 .app-details .app-set .short-link .link {
  8630. padding: 6px 12px !important;
  8631. height: 34px;
  8632. background-color: #f2f2f5;
  8633. border: 1px solid #e5e5e5;
  8634. border-radius: 4px 0 0 4px;
  8635. color: #333;
  8636. }
  8637. .release-app2 .app-details .app-set .language .control-label {
  8638. padding-top: 0;
  8639. }
  8640. .release-app2 .app-details .app-set .language .radio-round {
  8641. color: #333;
  8642. }
  8643. .release-app2 .app-screenshots .example-image-link {
  8644. position: relative;
  8645. margin-right: 20px;
  8646. float: left;
  8647. border: 1px solid #e5e5e5;
  8648. }
  8649. .release-app2 .app-screenshots .example-image-link .icon {
  8650. position: absolute;
  8651. color: #ff6565;
  8652. right: -8px;
  8653. top: -8px;
  8654. right: 0 \9;
  8655. top: 0 \9;
  8656. }
  8657. .release-app2 .app-screenshots a {
  8658. width: 90px \9;
  8659. height: 160px \9;
  8660. overflow: hidden \9;
  8661. }
  8662. /*\9为ie9以上,除ie11*/
  8663. .release-app2 .app-screenshots a img {
  8664. max-width: 90px;
  8665. max-height: 160px;
  8666. width: 90px \9;
  8667. height: 160px \9;
  8668. }
  8669. .release-app2 .upload-screenshots {
  8670. position: relative;
  8671. border: 1px solid #e5e5e5;
  8672. height: 80px;
  8673. width: 80px;
  8674. border-radius: 5px;
  8675. background: url("../image/icon-10.png") no-repeat center 20px;
  8676. overflow: hidden; /*margin-left: 15px;*/
  8677. }
  8678. .release-app2 .upload-screenshots .thumbnail-s {
  8679. position: absolute;
  8680. left: 0;
  8681. top: 0;
  8682. z-index: 2;
  8683. width: 100%;
  8684. height: 100%;
  8685. opacity: 0;
  8686. cursor: pointer;
  8687. }
  8688. .release-app2 .upload-screenshots .text {
  8689. text-align: center;
  8690. margin-top: 55px;
  8691. font-size: 12px;
  8692. }
  8693. .upload-icon-common {
  8694. position: relative;
  8695. border: 1px solid #e5e5e5;
  8696. height: 80px;
  8697. width: 80px;
  8698. border-radius: 15px;
  8699. background: url("../image/icon-10.png") no-repeat center 20px;
  8700. overflow: hidden; /*margin-left: 15px;*/
  8701. }
  8702. .upload-icon-common img {
  8703. position: absolute;
  8704. left: 0;
  8705. top: 0;
  8706. width: 100%;
  8707. height: 100%;
  8708. border-radius: 15px;
  8709. background-color: #fff;
  8710. }
  8711. .upload-icon-common .thumbnail {
  8712. position: absolute;
  8713. left: 0;
  8714. top: 0;
  8715. z-index: 2;
  8716. width: 100%;
  8717. height: 100%;
  8718. opacity: 0;
  8719. cursor: pointer;
  8720. }
  8721. .upload-icon-common .text {
  8722. text-align: center;
  8723. margin-top: 55px;
  8724. font-size: 12px;
  8725. }
  8726. .release-app2 .app-details .app-set .img-note {
  8727. font-size: 12px;
  8728. display: flex;
  8729. align-items: flex-end;
  8730. height: 90px;
  8731. margin-left: 10px;
  8732. }
  8733. .upload-icon-common .reset {
  8734. position: absolute;
  8735. left: 0;
  8736. bottom: 0;
  8737. height: 24px;
  8738. line-height: 24px;
  8739. background: rgba(0, 0, 0, .6);
  8740. width: 100%;
  8741. color: #fff;
  8742. text-align: center;
  8743. font-size: 12px;
  8744. display: none;
  8745. }
  8746. .upload-icon-common.uploaded .reset {
  8747. display: none;
  8748. }
  8749. .upload-icon-common.uploaded:hover .reset {
  8750. display: block;
  8751. }
  8752. .release-app2 .aside-right .app-set .basic input::-webkit-input-placeholder {
  8753. color: #333 !important;
  8754. }
  8755. .release-app2 .aside-right .app-set .basic input::-moz-placeholder {
  8756. color: #333 !important;
  8757. }
  8758. .release-app2 .aside-right .app-set .basic input::-ms-input-placeholder {
  8759. color: #333 !important;
  8760. }
  8761. .release-app2 .aside-right .app-set .download-template ul li {
  8762. float: left;
  8763. margin-right: 30px;
  8764. text-align: center;
  8765. margin-bottom: 20px;
  8766. }
  8767. .release-app2 .aside-right .app-set .download-template .t-checked-wrap {
  8768. width: 125px;
  8769. height: 155px;
  8770. position: relative;
  8771. border: 1px solid #e5e5e5;
  8772. overflow: hidden;
  8773. margin-bottom: 10px;
  8774. cursor: pointer;
  8775. }
  8776. .release-app2 .aside-right .app-set .download-template .text {
  8777. color: #157df1;
  8778. }
  8779. .release-app2 .aside-right .app-set .download-template .t-checked-wrap .t-checked {
  8780. position: absolute;
  8781. left: 0;
  8782. top: 0;
  8783. background-color: rgba(0, 0, 0, .6);
  8784. width: 100%;
  8785. height: 100%;
  8786. display: flex;
  8787. align-items: center;
  8788. justify-content: center;
  8789. display: none;
  8790. }
  8791. .release-app2 .aside-right .app-set .download-template .t-checked-wrap .t-checked .iconfont {
  8792. color: #fff;
  8793. font-size: 32px;
  8794. }
  8795. .release-app2 .upload-file {
  8796. padding: 0;
  8797. padding-top: 0;
  8798. margin-top: 0;
  8799. }
  8800. .release-app2 .warn-prompt {
  8801. margin-top: 0;
  8802. }
  8803. .release-app2 .tag-box {
  8804. padding: 0 !important;
  8805. height: 404px !important;
  8806. }
  8807. .release-app2 .qq-upload-button-selector {
  8808. margin-top: 180px !important;
  8809. margin-bottom: 0;
  8810. }
  8811. .release-app2 .tag-box-v5 {
  8812. border: none;
  8813. margin-top: 0;
  8814. }
  8815. /*侧栏增加大包上传入口*/
  8816. .big-bag-upload {
  8817. margin-bottom: 40px;
  8818. display: block;
  8819. }
  8820. .big-bag .aside-left {
  8821. height: 500px;
  8822. margin-bottom: 40px;
  8823. }
  8824. .big-bag aside.aside-left ul li a .iconfont {
  8825. margin-right: 10px;
  8826. color: #fd9817;
  8827. }
  8828. .big-bag aside.aside-left ul li.active a {
  8829. background-color: #fff4e7;
  8830. border-color: #fd9817;
  8831. color: #fd9817;
  8832. }
  8833. .big-bag aside.aside-left ul li.active a .iconfont {
  8834. color: #fd9817;
  8835. }
  8836. .big-bag aside.aside-left ul li.active a .icon-upload1 {
  8837. font-size: 18px;
  8838. }
  8839. .big-bag aside.aside-left ul li:hover a {
  8840. background-color: #fff4e7;
  8841. border-color: #fd9817;
  8842. color: #fd9817;
  8843. }
  8844. .big-bag aside.aside-left ul li:hover a .iconfont {
  8845. color: #fd9817;
  8846. }
  8847. .big-bag .upload-file .upload-btn .iconfont {
  8848. }
  8849. .big-bag .upload-file .upload-btn {
  8850. background-color: #fd9817;
  8851. border-color: #fd9817;
  8852. }
  8853. .big-bag .aside-right .a-top .app-icon li.active {
  8854. background-color: #fd9817;
  8855. }
  8856. .big-bag .aside-right .search .btn-search {
  8857. color: #fd9817;
  8858. }
  8859. .big-bag .ms-btn-primary.btn-new-release {
  8860. background-color: #fd9817;
  8861. border-color: #fd9817;
  8862. }
  8863. /*大包立即购买按钮*/
  8864. .upload-file .upload-buy {
  8865. width: 240px;
  8866. padding: 0;
  8867. height: 60px;
  8868. font-size: 18px;
  8869. line-height: 58px;
  8870. margin: 0 auto;
  8871. display: block;
  8872. position: relative;
  8873. background-color: #fd9817;
  8874. border-color: #fd9817;
  8875. }
  8876. .upload-file .upload-buy .iconfont {
  8877. font-size: 24px;
  8878. margin-right: 5px;
  8879. position: relative;
  8880. top: 1px;
  8881. }
  8882. .details-upload-new-version {
  8883. background-color: #157df1;
  8884. color: #fff;
  8885. border-radius: 25px;
  8886. padding: 10px 20px;
  8887. height: 50px;
  8888. align-items: center;
  8889. box-shadow: 0 5px 10px rgba(202, 225, 252, .5);
  8890. }
  8891. .details-upload-new-version:hover {
  8892. background-color: #348dee;
  8893. color: #fff;
  8894. }
  8895. .details-upload-new-version:focus {
  8896. background-color: #348dee;
  8897. color: #fff;
  8898. }
  8899. .details-upload-new-version .iconfont {
  8900. margin-right: 10px;
  8901. }
  8902. .details-upload-new-version .icon-upload1 {
  8903. font-size: 20px;
  8904. position: relative;
  8905. top: 2px;
  8906. }
  8907. .details-upload-new-version .icon-upload1 + .text {
  8908. position: relative;
  8909. top: -1px;
  8910. }
  8911. .details-upload-new-version .icon-xiazai {
  8912. font-size: 24px;
  8913. margin-right: 5px;
  8914. position: relative;
  8915. top: -3px;
  8916. }
  8917. .details-upload-new-version .icon-xiazai + .text {
  8918. position: relative;
  8919. top: -6px;
  8920. }
  8921. .details-preview {
  8922. width: 50px;
  8923. height: 50px;
  8924. padding: 0;
  8925. text-align: center;
  8926. line-height: 50px;
  8927. border-radius: 50%;
  8928. border: 1px solid #1a80f1;
  8929. color: #1a80f1;
  8930. }
  8931. .details-preview:focus {
  8932. background-color: transparent;
  8933. color: #1a80f1;
  8934. }
  8935. .details-preview:hover {
  8936. background-color: #1a80f1;
  8937. color: #fff;
  8938. }
  8939. .details-preview:focus:hover {
  8940. background-color: #1a80f1;
  8941. color: #fff;
  8942. }
  8943. .details-merge {
  8944. width: 50px;
  8945. height: 50px;
  8946. padding: 0;
  8947. text-align: center;
  8948. border-radius: 50%;
  8949. border: 1px solid #ee635d;
  8950. color: #ee635d;
  8951. white-space: normal;
  8952. padding: 0 5px;
  8953. line-height: 14px;
  8954. }
  8955. .details-merge.details-renewal {
  8956. line-height: 50px;
  8957. }
  8958. .details-merge:focus {
  8959. background-color: transparent;
  8960. }
  8961. .details-merge:hover {
  8962. background-color: #ee635d;
  8963. color: #fff;
  8964. }
  8965. .details-merge.btn-success:focus {
  8966. border-color: #ee635d;
  8967. color: #ee635d;
  8968. background-color: transparent;
  8969. }
  8970. .details-merge.btn-success:hover {
  8971. border-color: #ee635d;
  8972. }
  8973. /*----------/应用发布 改版----------*/
  8974. /*----------应用发布 改版2019/1/22----------*/
  8975. .app-details2 {
  8976. background-color: #fff;
  8977. min-height: 450px;
  8978. }
  8979. .app-details2 .details-top {
  8980. background-color: transparent;
  8981. box-shadow: none;
  8982. margin-bottom: 0;
  8983. }
  8984. .app-details2 .details-top .d-right {
  8985. margin-top: 5px;
  8986. }
  8987. .app-details2 .app-information {
  8988. padding: 0 20px;
  8989. }
  8990. .app-details2 .app-information .more-wrap {
  8991. position: relative;
  8992. }
  8993. .app-details2 .app-information .more-wrap img {
  8994. width: 50px;
  8995. height: 50px;
  8996. position: absolute;
  8997. left: 90px;
  8998. top: -30px;
  8999. transition: all 500ms;
  9000. background-color: #fff;
  9001. }
  9002. .app-details2 .app-information .test-download2 img {
  9003. left: 175px;
  9004. top: -35px;
  9005. }
  9006. .app-details2 .app-information .more-wrap img:hover {
  9007. width: 125px;
  9008. height: 125px;
  9009. position: absolute;
  9010. left: 70px;
  9011. top: -80px;
  9012. }
  9013. .app-details2 .app-information .test-download2 img:hover {
  9014. position: absolute;
  9015. left: 150px;
  9016. top: -80px;
  9017. }
  9018. .app-details2 .table-list {
  9019. padding: 25px 20px 30px;
  9020. }
  9021. .app-details2 .version-tit {
  9022. color: #333;
  9023. font-size: 16px;
  9024. margin-bottom: 15px;
  9025. }
  9026. .app-details2 .version-tit .iconfont {
  9027. font-size: 18px;
  9028. margin-right: 5px;
  9029. position: relative;
  9030. top: 1px;
  9031. }
  9032. .app-details2 .version-history-table .bundle-length {
  9033. max-width: 150px;
  9034. display: inline-block;
  9035. position: relative;
  9036. top: 3px;
  9037. }
  9038. .app-details2 .version-history-table td .iconfont {
  9039. font-size: 24px;
  9040. margin-left: 8px;
  9041. }
  9042. .app-details2 .version-history-table td .icon-shanchu:hover {
  9043. color: #fd641d;
  9044. }
  9045. .app-details2 .version-history-table tr:hover td {
  9046. background-color: #ebf7ff;
  9047. }
  9048. .app-details2 .icon-prompt1 {
  9049. font-size: 14px;
  9050. color: #999;
  9051. position: relative;
  9052. margin-left: 3px;
  9053. }
  9054. .app-details2 .upload-icon-common {
  9055. width: 60px;
  9056. height: 60px;
  9057. border-radius: 12px;
  9058. }
  9059. .app-details2 .countdown-btn {
  9060. border-radius: 30px;
  9061. height: 50px;
  9062. padding: 0 20px;
  9063. line-height: 48px;
  9064. color: #fd641d;
  9065. background-color: #e8e8e8;
  9066. border-color: #e8e8e8;
  9067. }
  9068. .app-details .details-bottom {
  9069. padding: 5px 0 15px;
  9070. }
  9071. .app-details2 .d-table-wrap table td {
  9072. padding: 0 0 0 15px;
  9073. }
  9074. .app-details .d-table-wrap table th {
  9075. padding: 20px 0 2px 0;
  9076. }
  9077. .app-details2 .details-top .information {
  9078. width: 60%;
  9079. }
  9080. .app-details2 .copy.top-5 {
  9081. font-size: 12px;
  9082. }
  9083. #app_setting_form .app-details2 {
  9084. background-color: transparent;
  9085. }
  9086. #app_setting_form .app-details2 .details-top {
  9087. background-color: #fff;
  9088. }
  9089. #updateModal .modal-header h4 {
  9090. color: #333;
  9091. }
  9092. #updateModal .modal-header .close {
  9093. color: #333;
  9094. font-size: 26px;
  9095. opacity: 1;
  9096. }
  9097. #updateModal .modal-body {
  9098. padding: 25px 10px 25px 0;
  9099. }
  9100. #updateModal .app-details-update {
  9101. color: #333;
  9102. }
  9103. #updateModal .app-details-update .form-group {
  9104. margin-bottom: 25px;
  9105. }
  9106. #updateModal .app-details-update .form-group:last-of-type {
  9107. margin-bottom: 0;
  9108. }
  9109. #updateModal .app-details-update .control-label {
  9110. text-align: right;
  9111. padding-right: 10px;
  9112. }
  9113. #updateModal .app-details-update ul li {
  9114. margin-right: 25px;
  9115. cursor: pointer;
  9116. }
  9117. #updateModal .app-details-update ul li .icon-radio {
  9118. position: relative;
  9119. top: 2px;
  9120. }
  9121. /*
  9122. #updateModal .app-details-update dl dt{margin-right: 25px; margin-bottom: 25px;}
  9123. #updateModal .app-details-update dl dd{margin-right: 25px; cursor: pointer;}
  9124. #updateModal .app-details-update dl dd .icon-radio{position: relative; top: 2px;}
  9125. #updateModal .app-details-update dl dd textarea{}
  9126. */
  9127. .app-details2 .no-flash-back-js {
  9128. padding: 25px 20px 30px;
  9129. }
  9130. .app-details2 .no-flash-back-js .tit {
  9131. color: #333;
  9132. margin-bottom: 8px;
  9133. }
  9134. .app-details2 .no-flash-back-js .tit a {
  9135. color: #157df1;
  9136. }
  9137. .app-details2 .no-flash-back-js pre {
  9138. background-color: #fff;
  9139. border-radius: 0;
  9140. border-color: #eee;
  9141. padding: 5px;
  9142. color: #666;
  9143. }
  9144. .app-details2 .no-flash-back-js #copy1 {
  9145. margin-bottom: 8px;
  9146. }
  9147. .app-details2 .no-flash-back-js .color-danger {
  9148. margin-bottom: 15px;
  9149. font-size: 12px;
  9150. }
  9151. .app-details2 .no-flash-back-js .copy {
  9152. margin-left: 0;
  9153. color: #fff;
  9154. margin-bottom: 20px;
  9155. }
  9156. .app-details2 .no-flash-back-js .tit1 {
  9157. color: #333;
  9158. margin-bottom: 3px;
  9159. }
  9160. .app-details2 .no-flash-back-js p {
  9161. line-height: 1.8;
  9162. }
  9163. .appicon {
  9164. border: 1px solid #ddd;
  9165. border-radius: 24px;
  9166. height: 120px;
  9167. width: 120px;
  9168. }
  9169. .caption {
  9170. background: rgba(90, 90, 90, 0.65) none repeat scroll 0 0;
  9171. color: #fff !important;
  9172. display: none;
  9173. height: 120px;
  9174. left: 0;
  9175. margin: auto;
  9176. padding: 2%;
  9177. position: absolute;
  9178. right: 0;
  9179. text-align: center;
  9180. top: 0;
  9181. width: 120px;
  9182. z-index: 2;
  9183. }
  9184. /*----------/应用发布 改版2019/1/22----------*/
  9185. /*----------推广页----------*/
  9186. /*nav*/
  9187. .promote-nav .logo img {
  9188. width: 138px;
  9189. height: 60px;
  9190. }
  9191. .promote-nav {
  9192. padding: 2px 0;
  9193. }
  9194. .promote-nav ul {
  9195. margin: 16px 0 0 20px;
  9196. }
  9197. .promote-nav ul li {
  9198. float: left;
  9199. margin: 0 15px;
  9200. }
  9201. .promote-nav ul li:last-of-type {
  9202. margin-right: 0;
  9203. }
  9204. .promote-nav ul li a {
  9205. padding: 0 10px 5px;
  9206. border-bottom: 2px solid transparent;
  9207. color: #333;
  9208. }
  9209. .promote-nav ul li.active a {
  9210. border-bottom-color: #157df1;
  9211. color: #157df1;
  9212. }
  9213. .promote-nav ul li:hover a {
  9214. border-bottom-color: #157df1;
  9215. }
  9216. /*footer*/
  9217. .promote-footer-wrap {
  9218. border-top: 1px solid #e5e5e5;
  9219. padding: 50px 0;
  9220. }
  9221. .promote-footer {
  9222. color: #333;
  9223. padding: 0 60px;
  9224. }
  9225. .promote-footer .p-con dl dt {
  9226. font-size: 14px;
  9227. margin-bottom: 12px;
  9228. margin-top: 10px;
  9229. }
  9230. .promote-footer .p-con dl dd {
  9231. font-size: 12px;
  9232. margin-bottom: 12px;
  9233. }
  9234. .promote-footer .p-con dl dd a {
  9235. color: #333;
  9236. }
  9237. .promote-footer .p-con .f-logo {
  9238. margin-left: 270px;
  9239. margin-top: 30px;
  9240. }
  9241. .promote-footer .p-con .promote-code {
  9242. text-align: center;
  9243. }
  9244. .promote-footer .p-con .promote-code .img-wrap {
  9245. width: 115px;
  9246. height: 115px;
  9247. border: 1px solid #e5e5e5;
  9248. }
  9249. .promote-footer .p-con .promote-code p {
  9250. margin-top: 5px;
  9251. }
  9252. .promote-footer > p {
  9253. text-align: center;
  9254. margin-top: 40px;
  9255. }
  9256. /*签名*/
  9257. /*banner*/
  9258. .promote-signature-banner {
  9259. height: 430px;
  9260. background: url("../image/tg-banner-1.jpg") no-repeat center;
  9261. }
  9262. .signature-banner1 {
  9263. color: #fff;
  9264. }
  9265. .signature-banner1 .s-left {
  9266. padding: 90px 0 0 90px;
  9267. }
  9268. .signature-banner1 h1 {
  9269. font-size: 40px;
  9270. font-weight: 600;
  9271. }
  9272. .signature-banner1 h5 {
  9273. font-size: 20px;
  9274. margin-top: 15px;
  9275. }
  9276. .signature-banner1 ul {
  9277. margin-top: 25px;
  9278. }
  9279. .signature-banner1 ul li {
  9280. float: left;
  9281. margin-right: 35px;
  9282. font-size: 15px;
  9283. }
  9284. .signature-banner1 ul li .iconfont {
  9285. font-size: 14px;
  9286. position: relative;
  9287. top: -1px;
  9288. margin-right: 5px;
  9289. }
  9290. .signature-banner1 .s-left .ms-btn {
  9291. width: 110px;
  9292. border-color: #fff;
  9293. color: #fff;
  9294. margin-top: 35px;
  9295. }
  9296. /*/banner*/
  9297. .signature-list {
  9298. padding: 60px 0;
  9299. }
  9300. .signature-list .row .col-sm-3:nth-of-type(n+5) {
  9301. margin-top: 35px;
  9302. }
  9303. .promote-thumbnail {
  9304. text-align: center;
  9305. }
  9306. .promote-thumbnail h4 {
  9307. color: #333;
  9308. font-size: 18px;
  9309. margin-top: 20px;
  9310. margin-bottom: 5px;
  9311. }
  9312. .promote-thumbnail .img-wrap {
  9313. height: 59px;
  9314. display: flex;
  9315. align-items: flex-end;
  9316. }
  9317. .promote-thumbnail img {
  9318. margin: 0 auto;
  9319. }
  9320. .promote-thumbnail .blue-line {
  9321. margin: 0 auto 15px;
  9322. width: 30px;
  9323. }
  9324. .promote-thumbnail p {
  9325. line-height: 24px;
  9326. height: 48px;
  9327. color: #333;
  9328. font-size: 13px;
  9329. }
  9330. .solve-certificate-wrap {
  9331. background-color: #f7f8fc;
  9332. padding: 70px 0;
  9333. }
  9334. .solve-certificate h1 {
  9335. text-align: center;
  9336. color: #333;
  9337. font-size: 32px;
  9338. margin-bottom: 20px;
  9339. }
  9340. .solve-certificate img.fr {
  9341. margin-right: 30px;
  9342. }
  9343. .promote-common {
  9344. padding: 70px 0;
  9345. text-align: center;
  9346. }
  9347. .promote-common .blue-line {
  9348. margin: 0 auto 20px;
  9349. }
  9350. .promote-common h1 {
  9351. font-size: 32px;
  9352. color: #333;
  9353. margin-bottom: 8px;
  9354. }
  9355. .promote-common h3 {
  9356. font-size: 16px;
  9357. color: #666;
  9358. margin-bottom: 55px;
  9359. }
  9360. .how-operate-wrap {
  9361. background: url("../image/promote-bg-1.jpg") no-repeat center;
  9362. height: 378px;
  9363. }
  9364. .how-operate h1 {
  9365. margin-top: 60px;
  9366. }
  9367. .how-operate h3 {
  9368. margin-bottom: 45px;
  9369. }
  9370. .how-operate .ms-btn-secondary {
  9371. padding: 9px;
  9372. width: 100px;
  9373. }
  9374. .signature-process1 ul {
  9375. padding-left: 125px;
  9376. }
  9377. .signature-process1 ul li {
  9378. float: left;
  9379. text-align: center;
  9380. padding: 0 40px;
  9381. }
  9382. .signature-process1 ul li:nth-of-type(even) {
  9383. background: url("../image/promote-icon-23.png") no-repeat center;
  9384. width: 61px;
  9385. height: 85px;
  9386. }
  9387. .signature-process1 ul li .img-wrap {
  9388. height: 85px;
  9389. display: flex;
  9390. align-items: center;
  9391. justify-content: center;
  9392. }
  9393. .signature-process1 ul li .tit1 {
  9394. font-size: 16px;
  9395. color: #333;
  9396. font-weight: 600;
  9397. margin-top: 25px;
  9398. }
  9399. /*/签名*/
  9400. /*内测分发*/
  9401. .promote-distribution-banner {
  9402. background: url("../image/promote-banner-1.jpg") no-repeat center;
  9403. height: 430px;
  9404. }
  9405. .distribution-banner1 img {
  9406. margin-left: 120px;
  9407. margin-top: 55px;
  9408. }
  9409. .distribution-banner1 .d-right {
  9410. color: #fff;
  9411. }
  9412. .distribution-banner1 .d-right {
  9413. margin-left: 80px;
  9414. }
  9415. .distribution-banner1 .d-right h1 {
  9416. font-size: 40px;
  9417. margin-top: 110px;
  9418. margin-bottom: 15px;
  9419. }
  9420. .distribution-banner1 .d-right .p1 {
  9421. font-size: 16px;
  9422. line-height: 30px;
  9423. }
  9424. .distribution-banner1 .d-right .p1 span {
  9425. font-size: 20px;
  9426. }
  9427. .distribution-banner1 .d-right .ms-btn {
  9428. width: 110px;
  9429. border-color: #fff;
  9430. color: #fff;
  9431. margin-top: 35px;
  9432. }
  9433. .distribution-list {
  9434. padding: 70px 0;
  9435. }
  9436. .distribution-list .promote-thumbnail .blue-line {
  9437. margin-bottom: 5px;
  9438. }
  9439. .provide-services-wrap {
  9440. background: url("../image/tg-37.jpg") no-repeat center;
  9441. height: 340px;
  9442. padding: 60px 0;
  9443. }
  9444. .provide-services {
  9445. padding: 0;
  9446. }
  9447. .provide-services h1 {
  9448. color: #fff;
  9449. }
  9450. .provide-services .blue-line {
  9451. margin-bottom: 40px;
  9452. }
  9453. .provide-services .row {
  9454. margin: 0 -10px;
  9455. }
  9456. .provide-services .row .col-sm-4 {
  9457. padding: 0 10px;
  9458. }
  9459. .provide-services .p-con {
  9460. background-color: #fff;
  9461. border-radius: 5px;
  9462. padding: 20px 0 20px 15px;
  9463. }
  9464. .provide-services .p-con .p-text {
  9465. width: 71%;
  9466. text-align: left;
  9467. padding-left: 10px;
  9468. }
  9469. .provide-services .p-con .p-text dt {
  9470. color: #333;
  9471. font-size: 18px;
  9472. font-weight: 600;
  9473. }
  9474. .provide-services .p-con .p-text dt span {
  9475. font-size: 12px;
  9476. height: 60px;
  9477. }
  9478. .provide-services .p-con .p-text dd {
  9479. color: #333;
  9480. margin-top: 5px;
  9481. }
  9482. .web-encapsulation .promote-thumbnail .img-wrap {
  9483. height: 51px;
  9484. display: flex;
  9485. align-items: flex-end;
  9486. justify-content: center;
  9487. }
  9488. .web-encapsulation .w-list {
  9489. padding: 0 140px;
  9490. }
  9491. .web-encapsulation .w-list .row .col-sm-3:nth-of-type(n+5) {
  9492. margin-top: 65px;
  9493. }
  9494. .web-encapsulation .promote-common h3 {
  9495. margin-bottom: 45px;
  9496. }
  9497. .promote-signature-wrap {
  9498. background: url("../image/tg-29.jpg") no-repeat center;
  9499. height: 700px;
  9500. }
  9501. .promote-signature h1 {
  9502. font-size: 32px;
  9503. color: #fff;
  9504. text-align: center;
  9505. margin-top: 55px;
  9506. }
  9507. .promote-signature h3 {
  9508. font-size: 16px;
  9509. color: #fff;
  9510. text-align: center;
  9511. margin-top: 15px;
  9512. margin-bottom: 50px;
  9513. }
  9514. .promote-signature .text li {
  9515. background: url("../image/promote-bg-3.png") no-repeat;
  9516. width: 263px;
  9517. height: 79px;
  9518. float: left;
  9519. margin-right: 125px;
  9520. padding: 0 15px;
  9521. color: #fff;
  9522. padding-top: 7px;
  9523. }
  9524. .promote-signature .text li:last-of-type {
  9525. margin-right: 0;
  9526. }
  9527. .promote-signature .text li dt {
  9528. font-size: 18px;
  9529. font-weight: 600;
  9530. font-family: "Microsoft YaHei UI Light";
  9531. }
  9532. .promote-signature .text li dd {
  9533. font-size: 12px;
  9534. margin-top: 3px;
  9535. }
  9536. /*/内测分发*/
  9537. /*封装*/
  9538. .promote-encapsulation-banner {
  9539. background: url("../image/promote-banner-2.jpg") no-repeat center;
  9540. height: 430px;
  9541. }
  9542. .encapsulation-banner1 h1 {
  9543. text-align: center;
  9544. font-size: 40px;
  9545. color: #fff;
  9546. font-weight: 600;
  9547. margin-top: 90px;
  9548. }
  9549. .encapsulation-banner1 h5 {
  9550. text-align: center;
  9551. font-size: 18px;
  9552. color: #fff;
  9553. line-height: 30px;
  9554. margin-top: 15px;
  9555. }
  9556. .encapsulation-banner1 .ms-btn {
  9557. color: #6c4409;
  9558. background-color: #ffec06;
  9559. font-size: 16px;
  9560. font-weight: 600;
  9561. width: 110px;
  9562. margin-top: 25px;
  9563. }
  9564. .encapsulation-banner1 img {
  9565. margin: 45px auto 0;
  9566. }
  9567. .encapsulation-banner1 ol {
  9568. margin-left: 55px;
  9569. }
  9570. .encapsulation-banner1 ol li {
  9571. float: left;
  9572. text-align: center;
  9573. padding: 0 20px;
  9574. }
  9575. .encapsulation-banner1 ol li .e-text {
  9576. color: #333;
  9577. font-size: 12px;
  9578. font-weight: 600;
  9579. margin-top: 5px;
  9580. }
  9581. .feature-plugin h1 {
  9582. color: #333;
  9583. font-size: 32px;
  9584. text-align: center;
  9585. }
  9586. .feature-plugin .blue-line {
  9587. margin: 10px auto 0;
  9588. }
  9589. .feature-plugin .f-list {
  9590. padding: 0 120px;
  9591. margin-top: 35px;
  9592. }
  9593. .feature-plugin .f-list .promote-thumbnail .img-wrap {
  9594. height: 51px;
  9595. display: flex;
  9596. align-items: flex-end;
  9597. }
  9598. .feature-plugin .f-list li {
  9599. float: left;
  9600. width: 20%;
  9601. position: relative;
  9602. padding-bottom: 25px;
  9603. cursor: pointer;
  9604. }
  9605. .feature-plugin .f-list li .icon-arrow-top2 {
  9606. position: absolute;
  9607. left: 50%;
  9608. bottom: -14px;
  9609. transform: translateX(-50%);
  9610. font-size: 30px;
  9611. color: #68a4e8;
  9612. display: none;
  9613. }
  9614. .feature-tab-wrap {
  9615. background: url("../image/promote-bg-4.jpg") no-repeat center;
  9616. height: 460px;
  9617. }
  9618. .feature-tab img {
  9619. display: none;
  9620. margin: 50px auto 0;
  9621. }
  9622. .our-advantages img {
  9623. margin: 40px auto 0;
  9624. }
  9625. .price-introduced-wrap {
  9626. background-color: #f7f8fc;
  9627. }
  9628. .price-introduced .promote-common .blue-line {
  9629. margin-bottom: 40px;
  9630. }
  9631. .price-introduced .table {
  9632. background-color: #fff;
  9633. table-layout: fixed;
  9634. margin-bottom: 0;
  9635. }
  9636. .price-introduced .table tr th {
  9637. background-color: #157df1;
  9638. padding: 20px;
  9639. color: #fff;
  9640. text-align: center;
  9641. font-size: 18px;
  9642. }
  9643. .price-introduced .table tr td {
  9644. padding: 20px;
  9645. color: #333;
  9646. text-align: center;
  9647. vertical-align: middle;
  9648. font-size: 16px;
  9649. }
  9650. .price-introduced .table tr td .text1 {
  9651. text-align: left;
  9652. display: inline-block;
  9653. }
  9654. .price-introduced .table tr td .text {
  9655. font-size: 24px;
  9656. position: relative;
  9657. display: inline-block;
  9658. }
  9659. .price-introduced .table tr td .text span {
  9660. position: absolute;
  9661. top: -5px;
  9662. left: calc(100% + 2px);
  9663. background: #ffcd20 url("../image/promote-arrrow.jpg") no-repeat left center;
  9664. padding: 0 5px 0 15px;
  9665. height: 17px;
  9666. font-size: 12px;
  9667. white-space: nowrap;
  9668. }
  9669. .good-case .promote-common {
  9670. padding-left: 120px;
  9671. padding-right: 120px;
  9672. }
  9673. .good-case .g-con {
  9674. box-shadow: 0 7px 20px rgba(21, 125, 241, .2);
  9675. padding-top: .1px;
  9676. }
  9677. .good-case .g-con .tab-list {
  9678. padding-left: 200px;
  9679. margin-top: 40px;
  9680. }
  9681. .good-case .g-con .tab-list li {
  9682. float: left;
  9683. height: 28px;
  9684. line-height: 28px;
  9685. padding: 0 15px;
  9686. border-radius: 15px;
  9687. font-size: 16px;
  9688. margin-right: 90px;
  9689. cursor: pointer;
  9690. color: #333;
  9691. }
  9692. .good-case .g-con .tab-list li.active {
  9693. background-color: #157df1;
  9694. color: #fff;
  9695. }
  9696. .good-case .tab-con {
  9697. padding: 30px 125px 45px;
  9698. }
  9699. .good-case .tab-con ul {
  9700. display: none;
  9701. }
  9702. .good-case .tab-con ul li {
  9703. float: left;
  9704. margin-right: 40px;
  9705. }
  9706. .good-case .tab-con ul li:last-of-type {
  9707. margin-right: 0;
  9708. }
  9709. .package-number {
  9710. color: #fff;
  9711. background: url("../image/promote-bg-6.jpg") no-repeat center;
  9712. height: 100px;
  9713. line-height: 100px;
  9714. font-size: 24px;
  9715. text-align: center;
  9716. }
  9717. .package-number span {
  9718. font-size: 36px;
  9719. }
  9720. .encapsulation-process ul {
  9721. margin-left: 70px;
  9722. margin-top: 40px;
  9723. }
  9724. .encapsulation-process ul li {
  9725. float: left;
  9726. text-align: left;
  9727. padding: 15px 15px 0;
  9728. }
  9729. .encapsulation-process ul li:nth-of-type(odd) {
  9730. width: 180px;
  9731. height: 155px;
  9732. box-shadow: 0 0 20px rgba(21, 125, 241, .2);
  9733. }
  9734. .encapsulation-process ul li:nth-of-type(even) {
  9735. height: 155px;
  9736. width: 110px;
  9737. background: url("../image/promote-icon-23.png") no-repeat center;
  9738. }
  9739. .encapsulation-process ul li dt {
  9740. font-size: 18px;
  9741. color: #333;
  9742. font-weight: 600;
  9743. }
  9744. .encapsulation-process ul li dd {
  9745. font-size: 16px;
  9746. color: #333;
  9747. margin-top: 10px;
  9748. }
  9749. .promote-function-of {
  9750. padding-top: 0;
  9751. padding-bottom: 60px;
  9752. }
  9753. .promote-function-of .tit {
  9754. margin-bottom: 8px;
  9755. color: #333;
  9756. font-size: 32px;
  9757. }
  9758. .promote-blue-line {
  9759. margin: 0 auto 20px;
  9760. width: 35px;
  9761. height: 2px;
  9762. background-color: #157df1;
  9763. }
  9764. .promote-function-of .promote-blue-line {
  9765. margin-bottom: 30px;
  9766. }
  9767. .promote-function-of ul li .text {
  9768. color: #333;
  9769. font-size: 16px;
  9770. }
  9771. .promote-our-advantages-wrap {
  9772. background-color: #f7f8fc;
  9773. }
  9774. .promote-meal {
  9775. padding: 70px 0 0;
  9776. }
  9777. .promote-meal > h1 {
  9778. color: #333;
  9779. margin-bottom: 8px;
  9780. text-align: center;
  9781. font-size: 32px;
  9782. }
  9783. .promote-meal > p {
  9784. color: #666;
  9785. font-size: 16px;
  9786. margin-bottom: 40px;
  9787. text-align: center;
  9788. }
  9789. .promote-meal .table {
  9790. table-layout: fixed;
  9791. box-shadow: 0 0 10px rgba(0, 0, 0, .1);
  9792. margin-bottom: 0;
  9793. }
  9794. .promote-meal .table th {
  9795. text-align: center;
  9796. height: 50px;
  9797. color: #333;
  9798. border-top: none;
  9799. position: relative;
  9800. vertical-align: middle;
  9801. border-left: 1px solid #ddd;
  9802. font-weight: 600;
  9803. font-size: 15px;
  9804. background-color: #f5f6f7;
  9805. }
  9806. .promote-meal .table td {
  9807. text-align: center;
  9808. border: 1px solid #ddd;
  9809. height: 50px;
  9810. color: #333;
  9811. vertical-align: middle;
  9812. }
  9813. .promote-meal .table th:first-of-type {
  9814. border-left-color: transparent;
  9815. }
  9816. .promote-meal .table th:last-of-type {
  9817. border-right-color: transparent;
  9818. }
  9819. .promote-meal .table td:first-of-type {
  9820. border-left-color: transparent;
  9821. }
  9822. .promote-meal .table td:last-of-type {
  9823. border-right-color: transparent;
  9824. }
  9825. .promote-meal .table tr:last-of-type td {
  9826. border-bottom: none;
  9827. }
  9828. .promote-meal .table tr:nth-of-type(odd) td {
  9829. background-color: transparent;
  9830. }
  9831. .promote-meal .table .recommend-wrap1 {
  9832. position: relative;
  9833. }
  9834. .promote-meal .table .recommend-wrap1 .recommended {
  9835. position: absolute;
  9836. top: -9px;
  9837. background: url("../image/price-tip1.png") no-repeat;
  9838. width: 32px;
  9839. height: 22px;
  9840. color: #fff;
  9841. font-size: 12px;
  9842. line-height: 20px;
  9843. background-size: contain;
  9844. font-weight: normal;
  9845. }
  9846. .promote-meal .table .recommend-wrap1 .recommended {
  9847. background: url("../image/price-tip2.png") no-repeat;
  9848. width: 60px;
  9849. height: 22px;
  9850. background-size: contain;
  9851. font-size: 12px;
  9852. line-height: 22px;
  9853. font-weight: normal;
  9854. }
  9855. .promote-meal .table td .num {
  9856. font-size: 18px;
  9857. }
  9858. .promote-pack-meal {
  9859. padding-top: 0;
  9860. padding-bottom: 70px;
  9861. }
  9862. .promote-pack-meal .table .basis-pack {
  9863. background: url("../image/tg-1.jpg") no-repeat center;
  9864. height: 50px;
  9865. color: #fff;
  9866. }
  9867. .promote-pack-meal .table .senior-pack {
  9868. background: url("../image/tg-2.jpg") no-repeat center;
  9869. height: 50px;
  9870. color: #fff;
  9871. }
  9872. .promote-sign-meal {
  9873. padding-top: 0;
  9874. padding-bottom: 70px;
  9875. }
  9876. .promote-sign-meal .table .recommend-wrap1 .recommended {
  9877. position: absolute;
  9878. top: -9px;
  9879. background: url("../image/price-tip1.png") no-repeat;
  9880. width: 32px;
  9881. height: 22px;
  9882. color: #fff;
  9883. font-size: 12px;
  9884. line-height: 20px;
  9885. background-size: contain;
  9886. font-weight: normal;
  9887. }
  9888. .promote-sign-meal .table .basis-sign {
  9889. background: url("../image/tg-3.jpg") no-repeat center;
  9890. height: 50px;
  9891. color: #fff;
  9892. }
  9893. .promote-sign-meal .table .senior-sign {
  9894. background: url("../image/tg-4.jpg") no-repeat center;
  9895. height: 50px;
  9896. color: #fff;
  9897. }
  9898. .promote-sign-meal .table .independent-sign {
  9899. background: url("../image/tg-5.jpg") no-repeat center;
  9900. height: 50px;
  9901. color: #fff;
  9902. }
  9903. .promote-meal .blue-line {
  9904. margin: 0 auto 20px;
  9905. }
  9906. /*/封装*/
  9907. .promote-help {
  9908. padding-bottom: 45px;
  9909. }
  9910. .promote-help h1 {
  9911. text-align: center;
  9912. color: #333;
  9913. font-size: 32px;
  9914. margin-bottom: 8px;
  9915. }
  9916. .promote-help .promote-blue-line {
  9917. margin-bottom: 30px;
  9918. }
  9919. /*---------- /推广页----------*/
  9920. /*----------分发落地页----------*/
  9921. .template-common .form-control {
  9922. height: 40px;
  9923. }
  9924. .passwords .template-common {
  9925. padding: 0 320px;
  9926. }
  9927. .template-common {
  9928. padding: 0 235px;
  9929. }
  9930. .template-common hr {
  9931. border-top-color: #e5e5e5;
  9932. margin-top: 25px;
  9933. display: none;
  9934. }
  9935. .template-common .t-icon {
  9936. background-color: #fff;
  9937. width: 180px;
  9938. height: 180px;
  9939. border-radius: 25px;
  9940. box-shadow: 0 0 10px rgba(0, 0, 0, .2);
  9941. display: flex;
  9942. align-items: center;
  9943. margin: 0 auto;
  9944. }
  9945. .template-common .t-icon img {
  9946. width: 120px;
  9947. height: 120px;
  9948. border-radius: 30px;
  9949. border: 1px solid #e5e5e5;
  9950. margin: 0 auto;
  9951. }
  9952. .template-common .template-btn-wrap {
  9953. text-align: center;
  9954. }
  9955. .template-common .template-btn {
  9956. color: #fff;
  9957. background-color: #157df1;
  9958. height: 50px;
  9959. padding: 0 38px;
  9960. line-height: 48px;
  9961. font-size: 18px;
  9962. margin: 35px auto 15px;
  9963. display: inline-block;
  9964. }
  9965. .template-common .decoding {
  9966. color: #fff;
  9967. background-color: #157df1;
  9968. height: 50px;
  9969. padding: 0;
  9970. width: 180px;
  9971. text-align: center;
  9972. line-height: 48px;
  9973. font-size: 18px;
  9974. margin: 30px auto 20px;
  9975. display: block;
  9976. }
  9977. .template-common .template-btn span:last-of-type {
  9978. line-height: 50px;
  9979. }
  9980. .template-common .template-btn .iconfont {
  9981. font-size: 36px;
  9982. margin-left: -5px;
  9983. }
  9984. .template-common .t-apply {
  9985. color: #666;
  9986. text-align: center;
  9987. }
  9988. .template-common .t-code {
  9989. color: #666;
  9990. width: 200px;
  9991. overflow: hidden;
  9992. margin: 35px auto 0;
  9993. text-align: center;
  9994. }
  9995. .template-common .t-code img {
  9996. border: 1px solid #e5e5e5;
  9997. width: 150px;
  9998. height: 150px;
  9999. margin: 0 auto 5px;
  10000. }
  10001. .template-common .t-name {
  10002. color: #333;
  10003. text-align: center;
  10004. }
  10005. .template-common .t-name .name-info span {
  10006. margin-right: 10px;
  10007. color: #666;
  10008. }
  10009. .template-common .t-name .tit {
  10010. font-size: 28px;
  10011. margin-bottom: 10px;
  10012. margin-top: 15px;
  10013. }
  10014. .template-common .t-introduce {
  10015. color: #333;
  10016. }
  10017. .template-common .t-introduce .tit {
  10018. font-size: 20px;
  10019. margin-top: 25px;
  10020. }
  10021. .template-common .t-introduce p {
  10022. margin-top: 5px;
  10023. }
  10024. .template-common .t-contact {
  10025. color: #333;
  10026. margin-top: 20px;
  10027. }
  10028. .template-common .t-contact .tit {
  10029. font-size: 20px;
  10030. margin-bottom: 15px;
  10031. }
  10032. .template-common .t-contact dl {
  10033. margin-bottom: 5px;
  10034. }
  10035. .template-common .t-contact dl dt {
  10036. margin-right: 10px;
  10037. }
  10038. .template-pwd {
  10039. border: 1px solid #e5e5e5;
  10040. border-radius: 3px;
  10041. padding: 45px 35px;
  10042. margin-top: 45px; /*margin-bottom: 50px;*/
  10043. display: none;
  10044. }
  10045. .template-pwd label {
  10046. color: #3e4753;
  10047. text-align: center;
  10048. display: block;
  10049. }
  10050. .template-pwd .form-control {
  10051. margin-top: 15px;
  10052. }
  10053. .passwords + .template-footer {
  10054. margin-top: 50px;
  10055. }
  10056. .template-footer {
  10057. margin-top: 30px;
  10058. }
  10059. .template-footer .methods-tutorial-full {
  10060. background-color: #ff6666;
  10061. }
  10062. .template-footer .methods-tutorial-full a {
  10063. color: #fff;
  10064. }
  10065. .template-footer .methods-tutorial-full a.fl {
  10066. height: 50px;
  10067. line-height: 50px;
  10068. }
  10069. .template-footer .methods-tutorial-full a.fl:hover {
  10070. text-decoration: underline;
  10071. }
  10072. .template-footer .methods-tutorial-full a.fr {
  10073. width: 22px;
  10074. height: 22px;
  10075. line-height: 22px;
  10076. border: 1px solid #fff;
  10077. border-radius: 50%;
  10078. text-align: center;
  10079. margin-top: 14px;
  10080. }
  10081. .template-footer .methods-tutorial-full a.fr .iconfont {
  10082. color: #fff;
  10083. }
  10084. .template-footer .t-footer {
  10085. text-align: center;
  10086. margin-top: 30px;
  10087. padding-bottom: 30px;
  10088. }
  10089. .template-footer .t-footer a {
  10090. color: #157df1;
  10091. }
  10092. .template-footer .t-footer a:hover {
  10093. text-decoration: underline;
  10094. }
  10095. /*应用截图*/
  10096. .template-common .app-screen {
  10097. margin-top: 20px;
  10098. }
  10099. .template-common .app-screen .tit {
  10100. font-size: 20px;
  10101. margin-bottom: 15px;
  10102. color: #333;
  10103. }
  10104. .template-common .app-screen .s-responsive {
  10105. overflow: hidden;
  10106. height: 405px;
  10107. width: 100%;
  10108. overflow-x: auto;
  10109. }
  10110. /*.template-common .app-screen ul{height: 405px;}*/
  10111. .template-common .app-screen ul li {
  10112. float: left;
  10113. margin-right: 20px;
  10114. }
  10115. .template-common .app-screen ul li img {
  10116. width: auto;
  10117. height: auto;
  10118. max-width: 800px;
  10119. max-height: 405px;
  10120. }
  10121. .template-common .app-screen ul li:last-of-type {
  10122. margin-right: 0;
  10123. }
  10124. /*模板1*/
  10125. .template-1 .t-bg-1 {
  10126. background: #157df1 url("../image/t-04.png") repeat-x center bottom;
  10127. height: 175px;
  10128. }
  10129. .template-1 .content {
  10130. margin-top: -125px;
  10131. padding: 0 80px;
  10132. }
  10133. .template-1 .template-common {
  10134. padding: 0;
  10135. }
  10136. .template-1 .template-common .t-icon {
  10137. box-shadow: none;
  10138. width: auto;
  10139. height: auto;
  10140. background-color: transparent;
  10141. }
  10142. .template-1.passwords .template-common .t-code {
  10143. width: 125px;
  10144. margin-top: 35px;
  10145. }
  10146. .template-1 .template-common .t-code {
  10147. width: 200px;
  10148. margin-top: 15px;
  10149. }
  10150. .template-1 .template-common .t-code img {
  10151. width: 125px;
  10152. height: 125px;
  10153. margin: 0 auto;
  10154. }
  10155. .template-1 .template-common .t-name {
  10156. text-align: left;
  10157. }
  10158. .template-1 .template-common .t-name .name-info span {
  10159. color: #fff;
  10160. }
  10161. .template-1 + .template-footer {
  10162. margin-top: 140px;
  10163. }
  10164. .template-1 .template-common .template-btn {
  10165. margin-top: 30px;
  10166. margin-bottom: 15px;
  10167. padding: 0 15px;
  10168. }
  10169. .template-1 .content .c-left {
  10170. background: url("../image/t-05.png") no-repeat center;
  10171. width: 308px;
  10172. height: 608px;
  10173. padding-top: 110px;
  10174. }
  10175. .template-1.passwords .content .c-left {
  10176. padding-top: 140px;
  10177. }
  10178. .template-1.passwords .content .c-right {
  10179. margin-left: 130px;
  10180. width: auto;
  10181. }
  10182. .template-1 .content .c-right {
  10183. margin-left: 100px;
  10184. width: 630px;
  10185. }
  10186. .template-1 .content .c-right .t-name {
  10187. color: #fff;
  10188. margin-bottom: 100px;
  10189. }
  10190. .template-1 .template-common .t-name .tit {
  10191. margin-top: 5px;
  10192. }
  10193. .template-1 .content .c-right .t-introduce { /*margin-top: 100px;*/
  10194. margin-bottom: 45px;
  10195. }
  10196. .template-1 .content .c-right .t-contact {
  10197. margin-top: 0;
  10198. margin-bottom: 45px;
  10199. }
  10200. .template-1 .template-pwd {
  10201. width: 500px;
  10202. height: 230px;
  10203. background-color: #fafafa;
  10204. margin-top: 90px;
  10205. padding: 60px 30px 0;
  10206. position: relative;
  10207. border-radius: 5px;
  10208. display: none;
  10209. border: none;
  10210. }
  10211. .template-1 .template-pwd .form-group {
  10212. text-align: center;
  10213. }
  10214. .template-1 .template-pwd .form-group label {
  10215. color: #3e4753;
  10216. }
  10217. .template-1 .template-pwd .form-group .form-control {
  10218. border-color: #e5e5e5;
  10219. margin-top: 5px;
  10220. }
  10221. .template-1 .template-pwd .form-group .form-control:focus {
  10222. border-color: #66afe9;
  10223. }
  10224. .template-1 .template-pwd .top-pwd {
  10225. position: absolute;
  10226. left: 50%;
  10227. top: -20px;
  10228. margin-left: -30px;
  10229. width: 60px;
  10230. height: 60px;
  10231. border: 1px solid #157df1;
  10232. border-radius: 50%;
  10233. display: flex;
  10234. justify-content: center;
  10235. align-items: center;
  10236. background-color: #fafafa;
  10237. }
  10238. .template-1 .template-pwd .top-pwd .iconfont {
  10239. color: #157df1;
  10240. font-size: 30px;
  10241. }
  10242. .template-1 .template-common .app-screen .s-responsive {
  10243. width: 730px;
  10244. }
  10245. /*/模板1*/
  10246. /*模板2*/
  10247. .template-2 .t-bg-2 {
  10248. background: url("../image/t-06.jpg") center;
  10249. height: 130px;
  10250. }
  10251. .template-2 .content {
  10252. margin-top: -90px;
  10253. }
  10254. /*/模板2*/
  10255. /*模板3*/
  10256. .template-3 .t-bg-3 {
  10257. background: url("../image/t-07.jpg") center;
  10258. height: 160px;
  10259. }
  10260. .template-3 .content {
  10261. margin-top: 20px;
  10262. }
  10263. .template-3 .template-common .t-icon {
  10264. width: 160px;
  10265. height: 160px;
  10266. border-radius: 50%;
  10267. }
  10268. .template-3 .template-common .t-icon img {
  10269. width: 105px;
  10270. height: 105px;
  10271. }
  10272. /*/模板3*/
  10273. /*模板4*/
  10274. .template-4 .t-bg-4 {
  10275. background: url("../image/t-09.png") no-repeat center;
  10276. height: 485px;
  10277. }
  10278. .template-4 .t-left {
  10279. width: 255px;
  10280. margin-left: 310px;
  10281. margin-top: 150px;
  10282. }
  10283. .template-4 .t-right {
  10284. margin-left: 225px;
  10285. margin-top: 45px;
  10286. }
  10287. .template-4 .content4 .template-common {
  10288. padding: 0;
  10289. }
  10290. .template-4 .content4 .template-common .t-icon {
  10291. width: auto;
  10292. height: auto;
  10293. background-color: transparent;
  10294. box-shadow: none;
  10295. }
  10296. .template-4 .content4 .template-common .t-icon img {
  10297. border: none;
  10298. }
  10299. .template-4 .content4 .template-common .t-name .tit {
  10300. color: #fff;
  10301. margin-top: 25px;
  10302. margin-bottom: 20px;
  10303. }
  10304. .template-4 .content4 .template-common .t-name .name-info span {
  10305. display: block;
  10306. text-align: center;
  10307. margin-right: 0;
  10308. color: #fff;
  10309. line-height: 24px;
  10310. }
  10311. .template-4 .template-common .template-btn {
  10312. margin-bottom: 20px;
  10313. }
  10314. .template-4 .content > .template-common {
  10315. padding: 80px 100px 0;
  10316. }
  10317. .template-4 .template-common .t-code {
  10318. width: 200px;
  10319. }
  10320. .template-4 .template-common .t-code img {
  10321. width: 120px;
  10322. height: 120px;
  10323. margin-left: auto;
  10324. margin-right: auto;
  10325. }
  10326. .template-4 .template-common .decoding {
  10327. width: 100%;
  10328. margin-top: 30px;
  10329. }
  10330. .template-4 .template-pwd {
  10331. border: none;
  10332. padding: 0;
  10333. width: 490px;
  10334. margin: 0 auto;
  10335. }
  10336. .template-4 + .template-footer {
  10337. margin-top: 100px;
  10338. }
  10339. .template-4 .content > .template-common .app-screen {
  10340. width: 730px;
  10341. }
  10342. /*/模板4*/
  10343. /*模板5*/
  10344. .template-5 .left-bg {
  10345. position: absolute;
  10346. left: 0;
  10347. top: 0;
  10348. background: url("../image/t11.png") no-repeat left top;
  10349. width: 283px;
  10350. height: 1012px;
  10351. }
  10352. .template-5 .right-bg {
  10353. position: absolute;
  10354. right: 0;
  10355. top: 0;
  10356. background: url("../image/t12.png") no-repeat right top;
  10357. width: 283px;
  10358. height: 1012px;
  10359. }
  10360. .template-5 .content {
  10361. padding-top: 100px;
  10362. }
  10363. .template-5 .template-common {
  10364. padding: 0 235px;
  10365. }
  10366. .template-5 .template-common .t-icon {
  10367. border-radius: 50%;
  10368. position: relative;
  10369. margin-left: 180px;
  10370. }
  10371. .template-5 .template-common .t-icon .bg-shadow {
  10372. position: absolute;
  10373. left: -20px;
  10374. top: 70px;
  10375. border-radius: 90px;
  10376. width: 360px;
  10377. height: 180px;
  10378. background-color: #eff2f2;
  10379. z-index: -1;
  10380. transform: rotate(45deg);
  10381. }
  10382. .template-5 .template-common .t-icon .code {
  10383. position: absolute;
  10384. top: 160px;
  10385. right: -160px;
  10386. transition: all 500ms;
  10387. }
  10388. .template-5 .template-common .t-icon .code img {
  10389. border-radius: 0;
  10390. border: none;
  10391. width: 110px;
  10392. height: 110px;
  10393. transition: all 500ms;
  10394. }
  10395. .template-5 .template-common .t-icon .code:hover {
  10396. width: 240px;
  10397. height: 240px;
  10398. right: -190px;
  10399. top: 130px;
  10400. }
  10401. .template-5 .template-common .t-icon .code:hover img {
  10402. width: 160px;
  10403. height: 160px;
  10404. }
  10405. .template-5 .template-common .t-name-wrap {
  10406. width: 350px;
  10407. margin-left: auto;
  10408. margin-right: auto;
  10409. }
  10410. .template-5 .template-common .t-name-wrap .t-name {
  10411. text-align: left;
  10412. }
  10413. .template-5 .template-common .t-name-wrap .template-btn {
  10414. margin: 45px 0 20px
  10415. }
  10416. .template-5 .template-common .t-name {
  10417. margin-top: 200px;
  10418. }
  10419. .template-5 .template-common .t-name .tit {
  10420. margin-bottom: 20px;
  10421. }
  10422. .template-5 .template-common .t-name .name-info {
  10423. text-align: left;
  10424. line-height: 24px;
  10425. }
  10426. .template-5 .template-common .t-apply {
  10427. text-align: left;
  10428. padding-left: 15px;
  10429. }
  10430. .template-5 .template-common .template-btn {
  10431. padding: 0 53px;
  10432. }
  10433. .template-5 .template-common hr {
  10434. margin-top: 50px;
  10435. }
  10436. .template-5 .template-common .t-introduce .tit {
  10437. margin-top: 50px;
  10438. }
  10439. .template-5 .template-common .t-contact {
  10440. margin-top: 25px;
  10441. }
  10442. .template-5.passwords + .template-footer {
  10443. margin-top: 99px;
  10444. }
  10445. .template-5 + .template-footer {
  10446. margin-top: 40px;
  10447. }
  10448. .template-5 .template-pwd {
  10449. width: 555px;
  10450. height: 245px;
  10451. margin: 80px auto 0;
  10452. padding: 60px 30px 0;
  10453. position: relative;
  10454. border-radius: 5px;
  10455. }
  10456. .template-5 .template-pwd .top-pwd {
  10457. position: absolute;
  10458. left: 50%;
  10459. top: -30px;
  10460. margin-left: -30px;
  10461. width: 60px;
  10462. height: 60px;
  10463. border: 1px solid #157df1;
  10464. border-radius: 50%;
  10465. display: flex;
  10466. justify-content: center;
  10467. align-items: center;
  10468. background-color: #fafafa;
  10469. }
  10470. .template-5 .template-pwd .top-pwd .iconfont {
  10471. color: #157df1;
  10472. font-size: 30px;
  10473. }
  10474. .template-5 .template-pwd .decoding {
  10475. width: 100%;
  10476. margin-top: 30px;
  10477. margin-bottom: 30px;
  10478. }
  10479. /*/模板5*/
  10480. /*模板6*/
  10481. .template-6 .t-bg-6 {
  10482. background-color: #f4f4f4;
  10483. height: 80px;
  10484. line-height: 80px;
  10485. }
  10486. .template-6 .t-top .tit {
  10487. font-size: 30px;
  10488. color: #333;
  10489. }
  10490. .template-6 .t-top .name-info {
  10491. font-size: 18px;
  10492. color: #666;
  10493. }
  10494. .template-6 .t-top .name-info span {
  10495. margin-left: 10px;
  10496. }
  10497. .template-6 .content {
  10498. margin-top: 55px;
  10499. }
  10500. .template-6 .template-common .template-btn {
  10501. margin-bottom: 15px;
  10502. }
  10503. .template-6 .template-common .show-hr {
  10504. display: block;
  10505. margin-top: 40px;
  10506. }
  10507. .template-6 .template-common .t-code {
  10508. margin-top: 40px;
  10509. }
  10510. /*/模板6*/
  10511. /*密码显示控制*/
  10512. .passwords .template-pwd {
  10513. display: block;
  10514. }
  10515. .passwords .pc-pwd {
  10516. display: none !important;
  10517. }
  10518. .passwords .template-pwd {
  10519. display: block;
  10520. }
  10521. /*----------/分发落地页----------*/
  10522. /*----------通知中心----------*/
  10523. .user-center1 .message-list .no-msg {
  10524. display: flex;
  10525. align-items: center;
  10526. justify-content: center;
  10527. height: 550px;
  10528. }
  10529. .user-center1 .message-list .no-msg .no {
  10530. display: inline-block;
  10531. text-align: center;
  10532. }
  10533. .user-center1 .message-list .no-msg .no .no-text {
  10534. margin-top: 15px;
  10535. }
  10536. .user-center1 .message-list {
  10537. box-shadow: 0 0 5px rgba(0, 0, 0, .05);
  10538. background-color: #fff;
  10539. min-height: 550px;
  10540. padding-bottom: 20px;
  10541. }
  10542. .user-center1 .message-list dt {
  10543. background-color: #f5f6f7;
  10544. padding: 12px 30px;
  10545. border-bottom: 1px solid #e5e5e5;
  10546. }
  10547. .user-center1 .message-list dt .all {
  10548. color: #333;
  10549. }
  10550. .user-center1 .message-list dt .all:hover {
  10551. color: #157df1;
  10552. }
  10553. .user-center1 .message-list dt .all .icon-checkbox1 {
  10554. margin-top: 2px;
  10555. color: #999;
  10556. margin-right: 10px;
  10557. cursor: pointer;
  10558. }
  10559. .user-center1 .message-list dt .all:hover .icon-checkbox1 {
  10560. color: #157df1;
  10561. }
  10562. .user-center1 .message-list dt .all .icon-checkbox-checked1 {
  10563. margin-top: 2px;
  10564. color: #157df1;
  10565. margin-right: 10px;
  10566. }
  10567. .user-center1 .message-list dt .all .text {
  10568. padding-top: 6px;
  10569. margin-right: 20px;
  10570. }
  10571. .user-center1 .message-list dt button {
  10572. padding: 4px 12px;
  10573. line-height: normal;
  10574. margin-right: 10px;
  10575. }
  10576. .user-center1 .message-list .list li {
  10577. float: left;
  10578. font-size: 12px;
  10579. }
  10580. .user-center1 .message-list dd {
  10581. padding: 20px 30px;
  10582. border-bottom: 1px solid #e5e5e5;
  10583. }
  10584. .user-center1 .message-list dd .list {
  10585. height: 22px;
  10586. }
  10587. .user-center1 .message-list dd .checkbox-li .iconfont {
  10588. margin-right: 20px;
  10589. }
  10590. .user-center1 .message-list dd .checkbox-li .icon-checkbox-checked1 {
  10591. color: #157df1;
  10592. }
  10593. .user-center1 .message-list dd .msg-icon .iconfont {
  10594. margin-right: 30px;
  10595. }
  10596. .user-center1 .message-list dd .msg-icon .icon-unread {
  10597. color: #fed735;
  10598. }
  10599. .user-center1 .message-list dd .msg-icon .icon-read {
  10600. color: #999;
  10601. font-size: 20px;
  10602. position: relative;
  10603. top: -3px;
  10604. }
  10605. .user-center1 .message-list dd .li-msg-con {
  10606. line-height: 24px;
  10607. }
  10608. .user-center1 .message-list dd .li-msg-con span {
  10609. float: left;
  10610. line-height: 22px;
  10611. }
  10612. .user-center1 .message-list dd .li-msg-con .text1 {
  10613. color: #333;
  10614. font-weight: 600;
  10615. }
  10616. .user-center1 .message-list dd.read {
  10617. background-color: #f9f9f9;
  10618. }
  10619. .user-center1 .message-list dd.read .li-msg-con .text1 {
  10620. font-weight: normal;
  10621. }
  10622. .user-center1 .message-list dd .li-msg-con .text2 {
  10623. color: #666;
  10624. white-space: nowrap;
  10625. overflow: hidden;
  10626. text-overflow: ellipsis;
  10627. width: 500px;
  10628. }
  10629. .user-center1 .message-list dd .li-msg-con .text3 {
  10630. margin: 0 5px;
  10631. }
  10632. /*.user-center1 .message-list dd .li-msg-con a:hover {color: #157df1;}*/
  10633. .user-center1 .message-list dd .time {
  10634. float: right;
  10635. line-height: 22px;
  10636. color: #666;
  10637. }
  10638. .user-center1 .message-details {
  10639. padding: 40px;
  10640. height: 550px;
  10641. background-color: #fff;
  10642. box-shadow: 0 0 5px rgba(0, 0, 0, .05);
  10643. }
  10644. .user-center1 .message-details .details-tit {
  10645. color: #333;
  10646. font-size: 26px;
  10647. text-align: center;
  10648. margin-bottom: 10px;
  10649. }
  10650. .user-center1 .message-details .details-time {
  10651. color: #666;
  10652. font-size: 12px;
  10653. text-align: center;
  10654. margin-bottom: 25px;
  10655. }
  10656. .user-center1 .message-details .details-p {
  10657. color: #333;
  10658. font-size: 14px; /*margin-bottom: 25px;*/
  10659. line-height: 24px;
  10660. }
  10661. .user-center1 .message-details .details-con-wrap {
  10662. border: 1px solid #e5e5e5;
  10663. border-radius: 3px;
  10664. padding: 30px;
  10665. margin-top: 25px;
  10666. }
  10667. .user-center1 .message-details .details-con dt {
  10668. color: #333;
  10669. font-weight: 600;
  10670. margin-bottom: 18px;
  10671. margin-left: 45px;
  10672. }
  10673. .user-center1 .message-details .details-con.text-lg dt {
  10674. color: #333;
  10675. font-weight: 600;
  10676. margin-bottom: 18px;
  10677. margin-left: 95px;
  10678. }
  10679. .user-center1 .message-details .details-con dd {
  10680. font-size: 12px;
  10681. margin-bottom: 12px;
  10682. }
  10683. .user-center1 .message-details .details-con dd .d-left {
  10684. color: #333;
  10685. float: left;
  10686. width: 60px;
  10687. font-weight: 600;
  10688. text-align: right;
  10689. }
  10690. .user-center1 .message-details .details-con.text-lg dd .d-left {
  10691. color: #333;
  10692. float: left;
  10693. width: 110px;
  10694. font-weight: 600;
  10695. text-align: right;
  10696. }
  10697. .user-center1 .message-details .details-con dd .d-right {
  10698. color: #333;
  10699. margin-left: 85px;
  10700. display: block;
  10701. }
  10702. .user-center1 .message-details .details-con dd .d-right.color-danger {
  10703. color: #fd641d;
  10704. }
  10705. .user-center1 .message-details .details-con dd .d-right.color-hover {
  10706. color: #157df1;
  10707. }
  10708. .user-center1 .message-details .details-con dd .d-right.color-hover {
  10709. color: #157df1;
  10710. }
  10711. .user-center1 .message-details .details-con dd .d-right.color-666 {
  10712. color: #666;
  10713. }
  10714. .user-center1 .message-details .details-con.text-lg dd .d-right {
  10715. margin-left: 135px;
  10716. }
  10717. .user-center1 .message-details .ms-btn-secondary {
  10718. padding: 6px 20px;
  10719. }
  10720. /*/----------通知中心----------*/
  10721. /*----------文档中心----------*/
  10722. /*列表*/
  10723. .doc-banner {
  10724. background: url("../image/document-1.jpg?20190116") no-repeat center;
  10725. height: 200px;
  10726. padding-top: .1px;
  10727. }
  10728. .doc-banner .tit {
  10729. color: #fff;
  10730. font-size: 28px;
  10731. height: 100%;
  10732. display: flex;
  10733. justify-content: center;
  10734. align-items: center;
  10735. font-weight: 600;
  10736. }
  10737. .doc-banner .b-con {
  10738. width: 480px;
  10739. margin: 50px auto 0;
  10740. }
  10741. .doc-banner .b-con p {
  10742. color: #fff;
  10743. margin-top: 5px;
  10744. }
  10745. .doc-banner .url-text {
  10746. background-color: rgba(255, 255, 255, .2);
  10747. height: 50px;
  10748. padding: 6px;
  10749. border-radius: 10px;
  10750. color: #333;
  10751. }
  10752. .doc-banner .url-text input {
  10753. background-color: #fff;
  10754. border: none;
  10755. width: 75%;
  10756. height: 100%;
  10757. border-radius: 5px 0 0 5px;
  10758. padding-left: 30px;
  10759. }
  10760. .doc-banner .url-text .submit {
  10761. background-color: #157df1;
  10762. border: none;
  10763. width: 25%;
  10764. height: 100%;
  10765. border-radius: 0 5px 5px 0;
  10766. text-align: center;
  10767. font-size: 17px;
  10768. color: #fff;
  10769. line-height: 38px;
  10770. }
  10771. .doc-list-wrap {
  10772. padding: 35px 50px 20px;
  10773. }
  10774. .doc-list .tit {
  10775. font-size: 24px;
  10776. color: #157df1;
  10777. margin-bottom: 15px;
  10778. }
  10779. .doc-list .tit .icon {
  10780. margin-right: 10px;
  10781. position: relative;
  10782. top: 2px;
  10783. }
  10784. .doc-list .tit .icon-document2 {
  10785. top: 4px;
  10786. }
  10787. .doc-list .tit .icon-document3 {
  10788. top: 4px;
  10789. }
  10790. .doc-list .con {
  10791. border: 1px solid #e5e5e5;
  10792. padding: 25px 25px 15px;
  10793. margin-bottom: 60px;
  10794. }
  10795. .doc-list .con .common {
  10796. margin-bottom: 8px;
  10797. }
  10798. .doc-list .con .common .arrow {
  10799. float: left;
  10800. color: #333;
  10801. font-size: 14px;
  10802. }
  10803. .doc-list .con .common .tit1 {
  10804. margin-left: 15px;
  10805. color: #333;
  10806. display: block;
  10807. white-space: nowrap;
  10808. overflow: hidden;
  10809. text-overflow: ellipsis;
  10810. }
  10811. .doc-list .con .common .tit1:hover {
  10812. color: #157df1;
  10813. }
  10814. .doc-list .con:last-of-type {
  10815. margin-bottom: 20px;
  10816. }
  10817. .doc-list .advice {
  10818. color: #333;
  10819. text-align: center;
  10820. }
  10821. .doc-list .advice a {
  10822. color: #157df1;
  10823. }
  10824. .doc-list .tit .icon-document2 {
  10825. top: 4px;
  10826. }
  10827. .doc-list .tit .icon-document3 {
  10828. top: 4px;
  10829. }
  10830. /*banner添加教程*/
  10831. .doc-tutorial {
  10832. padding: 0 105px;
  10833. margin: -40px 0 20px;
  10834. }
  10835. .doc-tutorial .con {
  10836. background-color: #fff;
  10837. padding: 20px 40px;
  10838. border: 1px solid #f5f5f5;
  10839. }
  10840. .doc-tutorial .con .ms-thumbnail:hover .ms-caption .tit {
  10841. color: #157df1;
  10842. }
  10843. .doc-tutorial .con .ms-thumbnail img {
  10844. margin-bottom: 10px;
  10845. }
  10846. .doc-tutorial .con .ms-thumbnail .ms-caption .tit {
  10847. margin-bottom: 0;
  10848. }
  10849. /*/列表*/
  10850. /*详情*/
  10851. @media (min-width: 1200px) {
  10852. .doc-details .row {
  10853. margin: 0 -5px;
  10854. }
  10855. .doc-details .col-sm-2 {
  10856. padding: 0 5px;
  10857. }
  10858. .doc-details .col-sm-10 {
  10859. padding: 0 5px;
  10860. }
  10861. }
  10862. .doc-details .details-left {
  10863. border: 1px solid #e5e5e5;
  10864. border-bottom: none;
  10865. border-radius: 3px;
  10866. margin-bottom: 40px;
  10867. }
  10868. .doc-details .details-left dt {
  10869. border-left: 4px solid transparent;
  10870. height: 44px;
  10871. line-height: 44px;
  10872. border-bottom: 1px solid #e5e5e5;
  10873. color: #333;
  10874. padding-left: 10px;
  10875. cursor: pointer;
  10876. }
  10877. .doc-details .details-left dt .icon {
  10878. position: relative;
  10879. top: 2px;
  10880. margin-right: 8px;
  10881. }
  10882. .doc-details .details-left dt .iconfont {
  10883. margin-right: 7px;
  10884. }
  10885. .doc-details .details-left dt .icon-arrow-up {
  10886. display: none;
  10887. }
  10888. .doc-details .details-left dt.active {
  10889. border-left-color: #157df1;
  10890. background-color: #d0e5fc;
  10891. }
  10892. .doc-details .details-left dt.active .icon-arrow-up {
  10893. display: block;
  10894. }
  10895. .doc-details .details-left dt.active .icon-arrow-down {
  10896. display: none;
  10897. }
  10898. /*.doc-details .details-left dt.active+dd{display: block;}*/
  10899. .doc-details .details-left dt .icon-sdk2 {
  10900. color: #157df1;
  10901. }
  10902. .doc-details .details-left dd {
  10903. display: none;
  10904. }
  10905. .doc-details .details-left dd a {
  10906. display: block;
  10907. padding: 10px 20px;
  10908. border-bottom: 1px solid #e5e5e5;
  10909. font-size: 12px;
  10910. }
  10911. .doc-details .details-left dd a.active {
  10912. color: #157df1;
  10913. }
  10914. .details-right {
  10915. border: 1px solid #e5e5e5;
  10916. border-radius: 3px;
  10917. min-height: 600px;
  10918. margin-bottom: 40px;
  10919. }
  10920. .details-right .article-tit {
  10921. color: #333;
  10922. border-bottom: 1px solid #e5e5e5;
  10923. padding: 18px 20px;
  10924. font-size: 16px;
  10925. }
  10926. .details-right .article-con {
  10927. padding: 25px 40px;
  10928. line-height: 24px;
  10929. color: #333;
  10930. }
  10931. .details-right .article-con img {
  10932. max-width: 700px;
  10933. }
  10934. /*/详情*/
  10935. /*更新日志*/
  10936. .update-log-banner {
  10937. background: url("../image/time-2.jpg") no-repeat center;
  10938. height: 170px;
  10939. color: #fff;
  10940. font-size: 28px;
  10941. font-weight: 600;
  10942. display: flex;
  10943. justify-content: center;
  10944. align-items: center;
  10945. }
  10946. .update-log-wrap {
  10947. padding: 70px 240px;
  10948. }
  10949. .update-log-wrap .update-log:first-of-type {
  10950. padding-top: 70px;
  10951. }
  10952. .update-log {
  10953. background: url("../image/time-1.png") no-repeat 115px top;
  10954. }
  10955. .update-log .con {
  10956. padding-bottom: 35px;
  10957. }
  10958. .update-log .u-left {
  10959. width: 100px;
  10960. text-align: right;
  10961. }
  10962. .update-log .u-left dt {
  10963. color: #333;
  10964. font-size: 16px;
  10965. margin-bottom: 2px;
  10966. }
  10967. .update-log .u-left dd {
  10968. color: #333;
  10969. font-size: 12px;
  10970. }
  10971. .update-log .u-right {
  10972. width: 590px;
  10973. margin-left: 24px;
  10974. }
  10975. .update-log .u-right .u-icon {
  10976. border: 1px solid #157df1;
  10977. border-radius: 50px;
  10978. width: 13px;
  10979. height: 13px;
  10980. padding: 2px;
  10981. position: relative;
  10982. top: 2px;
  10983. }
  10984. .update-log .u-right .u-icon span {
  10985. display: block;
  10986. background-color: #157df1;
  10987. border-radius: 50%;
  10988. width: 100%;
  10989. height: 100%;
  10990. }
  10991. .update-log .u-right dl {
  10992. margin-left: 30px;
  10993. }
  10994. .update-log .u-right dt {
  10995. color: #333;
  10996. font-size: 16px;
  10997. font-weight: 600;
  10998. margin-bottom: 5px;
  10999. }
  11000. .update-log .u-right dd {
  11001. color: #333;
  11002. line-height: 24px;
  11003. }
  11004. /*/更新日志*/
  11005. /*反馈 建议*/
  11006. .feedback-wrap {
  11007. padding: 25px 150px 40px;
  11008. }
  11009. .feedback {
  11010. border-radius: 5px;
  11011. background-color: #fff;
  11012. padding: 25px 30px 30px;
  11013. }
  11014. .feedback .tit {
  11015. font-size: 18px;
  11016. color: #333;
  11017. font-weight: 600;
  11018. margin-bottom: 20px;
  11019. }
  11020. .feedback .form-group {
  11021. margin-bottom: 35px;
  11022. }
  11023. .feedback label {
  11024. color: #333;
  11025. margin-bottom: 10px;
  11026. }
  11027. .feedback label span {
  11028. color: #fd641d;
  11029. margin-right: 10px;
  11030. }
  11031. .feedback .type li {
  11032. float: left;
  11033. margin-right: 40px;
  11034. cursor: pointer;
  11035. }
  11036. .feedback .type li .icon-radio {
  11037. top: 3px;
  11038. }
  11039. .feedback .submit {
  11040. padding-left: 40px;
  11041. padding-right: 40px;
  11042. }
  11043. .feedback .uploaded-img {
  11044. border: 1px solid #e5e5e5;
  11045. width: 90px;
  11046. height: 90px;
  11047. position: relative;
  11048. border-radius: 5px;
  11049. margin-right: 20px;
  11050. }
  11051. .feedback .uploaded-img img {
  11052. width: 100%;
  11053. height: 100%;
  11054. border-radius: 5px;
  11055. }
  11056. .feedback .uploaded-img .delete-img {
  11057. position: absolute;
  11058. right: -9px;
  11059. top: -9px;
  11060. right: 0 \9;
  11061. top: 0 \9;
  11062. cursor: pointer;
  11063. z-index: 2;
  11064. }
  11065. .feedback .upload-img {
  11066. position: relative;
  11067. border: 1px dashed #e5e5e5;
  11068. width: 90px;
  11069. height: 90px;
  11070. border-radius: 5px;
  11071. background: url("../image/icon-10.png") no-repeat center 20px;
  11072. overflow: hidden;
  11073. }
  11074. .feedback .upload-img input {
  11075. position: absolute;
  11076. left: 0;
  11077. top: 0;
  11078. width: 100%;
  11079. height: 100%;
  11080. opacity: 0;
  11081. cursor: pointer;
  11082. }
  11083. .feedback .upload-img .text {
  11084. text-align: center;
  11085. font-size: 12px;
  11086. color: #666;
  11087. margin-top: 60px;
  11088. }
  11089. /*/反馈 建议*/
  11090. /*----------/文档中心列表----------*/
  11091. /*----------工具箱----------*/
  11092. .tool-banner {
  11093. background-size: cover;
  11094. height: 460px;
  11095. background: url(https://ssdtp.oss-cn-beijing.aliyuncs.com/eideasImg/diypack/banner/packbg.png) top no-repeat;
  11096. position: relative;
  11097. margin-bottom: 18px;
  11098. overflow: hidden;
  11099. }
  11100. .tool-banner .con {
  11101. color: #fff;
  11102. font-size: 28px;
  11103. padding-left: 100px;
  11104. font-weight: 600;
  11105. padding-top: 55px;
  11106. }
  11107. .tool-banner .con .p2 {
  11108. text-indent: 2em;
  11109. }
  11110. .tool-classs {
  11111. padding: 60px 80px;
  11112. }
  11113. .tool-classs .con {
  11114. box-shadow: 0 0 20px rgba(21, 125, 241, .2);
  11115. background-color: #fff;
  11116. border-radius: 5px;
  11117. }
  11118. .tool-classs .con ul li {
  11119. float: left;
  11120. width: 33.333333%;
  11121. text-align: center;
  11122. padding-top: 20px;
  11123. }
  11124. .tool-classs .con ul li:nth-of-type(1) {
  11125. padding-left: 20px;
  11126. }
  11127. .tool-classs .con ul li:nth-of-type(3) {
  11128. padding-right: 20px;
  11129. }
  11130. .tool-classs .con ul li .t-con {
  11131. border-right: 1px solid #e5e5e5;
  11132. border-bottom: 1px solid #e5e5e5;
  11133. padding-bottom: 40px;
  11134. padding-top: 20px;
  11135. }
  11136. .tool-classs .con ul li:hover {
  11137. box-shadow: 0 3px 10px rgba(193, 220, 251, .8);
  11138. }
  11139. .tool-classs .con ul li .img-wrap {
  11140. height: 66px;
  11141. display: flex;
  11142. justify-content: center;
  11143. align-items: center;
  11144. margin-bottom: 15px;
  11145. }
  11146. .tool-classs .con ul li .tit {
  11147. font-size: 24px;
  11148. color: #333;
  11149. margin-bottom: 10px;
  11150. }
  11151. .tool-classs .con ul li p {
  11152. margin-bottom: 15px;
  11153. height: 80px;
  11154. padding: 0 50px;
  11155. }
  11156. .tool-classs .con ul li .ms-btn {
  11157. padding: 3px 35px;
  11158. border-radius: 15px;
  11159. }
  11160. .tool-classs .con ul li:nth-of-type(n+4) {
  11161. padding-top: 0;
  11162. padding-bottom: 20px;
  11163. }
  11164. .tool-classs .con ul li:nth-of-type(3n) .t-con {
  11165. border-right-color: transparent;
  11166. }
  11167. .tool-classs .con ul li:nth-of-type(n+4) .t-con {
  11168. border-bottom-color: transparent;
  11169. padding-top: 30px;
  11170. padding-bottom: 20px;
  11171. }
  11172. .tool-classs .con ul li:hover .ms-btn {
  11173. background-color: #157df1;
  11174. color: #fff;
  11175. }
  11176. /*----------/工具箱----------*/
  11177. /*----------新价格页----------*/
  11178. .new-price-btn {
  11179. width: 150px;
  11180. height: 40px;
  11181. line-height: 40px;
  11182. border-radius: 20px;
  11183. background: linear-gradient(to right, #ff3794, #fc753b);
  11184. display: block;
  11185. color: #fff;
  11186. text-align: center;
  11187. margin: 0 auto;
  11188. }
  11189. .new-price-btn:hover { /*box-shadow: 0 2px 5px rgba(255,55,148,.5);*/
  11190. color: #fff;
  11191. background: linear-gradient(to right, #fe1064, #ff9c00)
  11192. }
  11193. .new-price-btn:focus {
  11194. color: #fff;
  11195. }
  11196. .new-price-banner {
  11197. background: url("../image/price-banner-1.jpg") no-repeat center;
  11198. height: 200px;
  11199. }
  11200. .new-price-banner .banner-con {
  11201. color: #fff;
  11202. padding: 65px 0 0 110px;
  11203. }
  11204. .new-price-banner .banner-con h3 {
  11205. font-size: 30px;
  11206. font-weight: 600;
  11207. margin-bottom: 10px;
  11208. }
  11209. .new-price-banner .banner-con p {
  11210. font-size: 16px;
  11211. }
  11212. .new-price-list {
  11213. padding: 0 110px;
  11214. margin: 85px 0;
  11215. }
  11216. .new-price-list li {
  11217. width: 33.333333%;
  11218. float: left;
  11219. text-align: center;
  11220. padding: 35px 20px;
  11221. background-color: #fff;
  11222. box-shadow: 0 0 10px rgba(112, 61, 231, .1);
  11223. height: 695px;
  11224. transition: transform 100ms;
  11225. }
  11226. .new-price-list li.active {
  11227. transform: scale(1.02);
  11228. z-index: 2;
  11229. position: relative;
  11230. }
  11231. .new-price-list li h3 {
  11232. color: #333;
  11233. margin-top: 20px;
  11234. }
  11235. .new-price-list li p {
  11236. color: #666;
  11237. margin-top: 10px;
  11238. line-height: 24px;
  11239. margin-bottom: 5px;
  11240. }
  11241. .new-price-list li .amount {
  11242. font-size: 18px;
  11243. color: #fd9817;
  11244. }
  11245. .new-price-list li .amount .num {
  11246. font-size: 30px;
  11247. }
  11248. .new-price-list li .more {
  11249. margin: 10px auto 20px;
  11250. }
  11251. .new-price-list li dl dd {
  11252. line-height: 32px;
  11253. color: #333;
  11254. }
  11255. .new-price-details {
  11256. margin-top: 30px;
  11257. }
  11258. .new-price-details h1 {
  11259. color: #157df1;
  11260. text-align: center;
  11261. margin-bottom: 10px;
  11262. }
  11263. .new-price-details p {
  11264. color: #666;
  11265. font-size: 16px;
  11266. text-align: center;
  11267. margin-bottom: 80px;
  11268. }
  11269. .new-price-details .new-price-btn {
  11270. margin-bottom: 80px;
  11271. }
  11272. .new-price-details .table {
  11273. table-layout: fixed;
  11274. box-shadow: 0 0 10px rgba(0, 0, 0, .1);
  11275. margin-bottom: 0;
  11276. }
  11277. .new-price-details .table th {
  11278. text-align: center;
  11279. height: 50px;
  11280. color: #333;
  11281. font-size: 16px;
  11282. font-weight: 600;
  11283. border-top: none;
  11284. position: relative;
  11285. vertical-align: middle;
  11286. }
  11287. .new-price-details .table th:nth-of-type(2) {
  11288. border-left: 1px solid #ddd;
  11289. }
  11290. .new-price-details .table td {
  11291. text-align: center;
  11292. border: 1px solid #ddd;
  11293. height: 50px;
  11294. color: #333;
  11295. vertical-align: middle;
  11296. }
  11297. .new-price-details .table th:first-of-type {
  11298. border-left-color: transparent;
  11299. }
  11300. .new-price-details .table th:last-of-type {
  11301. border-right-color: transparent;
  11302. }
  11303. .new-price-details .table td:first-of-type {
  11304. border-left-color: transparent;
  11305. }
  11306. .new-price-details .table td:last-of-type {
  11307. border-right-color: transparent;
  11308. }
  11309. .new-price-details .table tr:last-of-type td {
  11310. border-bottom: none;
  11311. }
  11312. .new-price-details .table tr:nth-of-type(odd) td {
  11313. background-color: #f5f6f7;
  11314. }
  11315. /*.new-price-details .table tr:nth-of-type(even) td:first-of-type{border-left-color: #ddd; border-right-color: #ddd;}*/
  11316. /*.new-price-details .table tr:nth-of-type(even) td:last-of-type{border-right-color: #ddd;}*/
  11317. .new-price-details .table th .th-con {
  11318. position: absolute;
  11319. width: 100%;
  11320. height: 90px;
  11321. left: 0;
  11322. bottom: 0;
  11323. background: no-repeat center;
  11324. color: #fff;
  11325. padding-top: 15px;
  11326. }
  11327. .new-price-details .table th .th-con .tit {
  11328. font-size: 24px;
  11329. font-weight: normal;
  11330. margin-bottom: 5px;
  11331. position: relative;
  11332. }
  11333. .new-price-details .table th .th-con .tit .unit {
  11334. font-size: 12px;
  11335. }
  11336. .new-price-details .table th .th-con .tit .recommended {
  11337. position: absolute;
  11338. top: -8px;
  11339. background: url("../image/price-tip1.png") no-repeat;
  11340. width: 40px;
  11341. height: 24px;
  11342. color: #fff;
  11343. font-size: 14px;
  11344. line-height: 24px;
  11345. }
  11346. .new-price-details .table th .th-con .level {
  11347. font-size: 16px;
  11348. }
  11349. /*.new-price-details .table .icon-wrap{height: 20px; line-height: 20px;}*/
  11350. .new-price-details .table .icon-duihao {
  11351. color: #13c960;
  11352. font-size: 22px;
  11353. }
  11354. .new-price-details .help {
  11355. padding-bottom: 40px;
  11356. }
  11357. .new-price-details .help h1 {
  11358. margin-bottom: 40px;
  11359. }
  11360. .new-price-details .help dl .right {
  11361. margin-left: 30px;
  11362. width: calc(100% - 30px);
  11363. }
  11364. .new-publish-price .help {
  11365. padding: 0;
  11366. margin-bottom: 30px;
  11367. padding: 55px 70px 0;
  11368. }
  11369. .new-publish-price .help h1 {
  11370. margin-bottom: 40px;
  11371. color: #157df1;
  11372. text-align: center;
  11373. }
  11374. .new-publish-price .help dl .right {
  11375. margin-left: 30px;
  11376. width: calc(100% - 30px);
  11377. }
  11378. .new-pack-price .table th .level0 {
  11379. background-image: url("../image/price-4.jpg");
  11380. }
  11381. .new-pack-price .table th .level1 {
  11382. background-image: url("../image/price-5.jpg");
  11383. }
  11384. .new-pack-price .table th .level2 {
  11385. background-image: url("../image/price-6.jpg");
  11386. }
  11387. .new-pack-price .table th .th-con .tit .recommended {
  11388. position: absolute;
  11389. top: -8px;
  11390. background: url("../image/price-tip2.png") no-repeat;
  11391. width: 70px;
  11392. height: 24px;
  11393. color: #fff;
  11394. font-size: 14px;
  11395. line-height: 24px;
  11396. }
  11397. .new-sign-price .table th .level0 {
  11398. background-image: url("../image/price-5.jpg");
  11399. }
  11400. .new-sign-price .table th .level1 {
  11401. background-image: url("../image/price-6.jpg");
  11402. }
  11403. .new-sign-price .table th .level2 {
  11404. background-image: url("../image/price-7.jpg");
  11405. }
  11406. .new-sign-price .table tr td:first-of-type {
  11407. font-weight: 600;
  11408. }
  11409. .new-sign-price .table tr:last-of-type td {
  11410. border-bottom: 1px solid #ddd;
  11411. }
  11412. /*.new-publish-price{margin-bottom: 60px;}*/
  11413. .new-publish-price .tab {
  11414. width: 490px;
  11415. height: 40px;
  11416. line-height: 40px;
  11417. margin: 40px auto;
  11418. }
  11419. .new-publish-price .tab li {
  11420. float: left;
  11421. text-align: center;
  11422. width: 50%;
  11423. color: #333;
  11424. cursor: pointer;
  11425. border: 1px solid #e5e5e5;
  11426. }
  11427. .new-publish-price .tab li:first-of-type {
  11428. border-radius: 20px 0 0 20px;
  11429. border-right-color: transparent;
  11430. }
  11431. .new-publish-price .tab li:last-of-type {
  11432. border-left-color: transparent;
  11433. border-radius: 0 20px 20px 0;
  11434. }
  11435. .new-publish-price .tab li.active {
  11436. background-color: #157df1;
  11437. border-color: #157df1;
  11438. color: #fff;
  11439. }
  11440. /*.new-publish-price .tab li:first-of-type.active{border-radius: 25px 0 0 25px;}*/
  11441. /*.new-publish-price .tab li:last-of-type.active{border-radius:0 25px 25px 0;}*/
  11442. .new-publish-price .tab-con > div {
  11443. display: none;
  11444. }
  11445. .new-publish-price .tab-con .con-wrap {
  11446. padding: 0 70px;
  11447. }
  11448. .new-publish-price .tab-con h1 {
  11449. text-align: center;
  11450. color: #157df1;
  11451. margin-bottom: 20px;
  11452. }
  11453. .new-publish-price .tab-con .big-package h1 {
  11454. color: #fd9817;
  11455. }
  11456. .new-publish-price .tab-con .p1 {
  11457. text-align: center;
  11458. font-size: 16px;
  11459. color: #666;
  11460. margin-bottom: 35px;
  11461. }
  11462. .new-publish-price .tab-con .con {
  11463. border: 1px solid #e5e5e5;
  11464. padding-bottom: 40px;
  11465. position: relative;
  11466. }
  11467. .new-publish-price .tab-con .con:hover {
  11468. box-shadow: 0 3px 10px rgba(21, 125, 241, .2);
  11469. }
  11470. .new-publish-price .tab-con .big-package .con:hover {
  11471. box-shadow: 0 3px 10px rgba(253, 152, 23, .2);
  11472. }
  11473. .new-publish-price .tab-con .gradient {
  11474. height: 8px;
  11475. }
  11476. .new-publish-price .tab-con .gradient1 {
  11477. background: linear-gradient(to right, #5caafd, #57d4f8);
  11478. }
  11479. .new-publish-price .tab-con .gradient2 {
  11480. background: linear-gradient(to right, #507dfb, #5598fa);
  11481. }
  11482. .new-publish-price .tab-con .gradient3 {
  11483. background: linear-gradient(to right, #5958d9, #8e1fe5);
  11484. }
  11485. .new-publish-price .tab-con .big-package .gradient1 {
  11486. background: linear-gradient(to right, #fea63f, #ffcd35);
  11487. }
  11488. .new-publish-price .tab-con .big-package .gradient2 {
  11489. background: linear-gradient(to right, #fc853e, #fe9f30);
  11490. }
  11491. .new-publish-price .tab-con .big-package .gradient3 {
  11492. background: linear-gradient(to right, #fc7738, #ff339a);
  11493. }
  11494. .new-publish-price .tab-con .downloads {
  11495. text-align: center;
  11496. padding: 35px 0 30px;
  11497. }
  11498. .new-publish-price .tab-con .downloads .text {
  11499. color: #666;
  11500. font-size: 16px;
  11501. }
  11502. .new-publish-price .tab-con .downloads .num {
  11503. color: #333;
  11504. font-size: 50px;
  11505. }
  11506. .new-publish-price .tab-con .downloads .num span {
  11507. font-size: 16px;
  11508. }
  11509. .new-publish-price .tab-con .con .recommended {
  11510. position: absolute;
  11511. top: 0;
  11512. right: 0;
  11513. display: none;
  11514. }
  11515. .new-publish-price .tab-con .instructions {
  11516. padding: 0 30px;
  11517. }
  11518. .new-publish-price .tab-con .instructions dl {
  11519. border-top: 1px solid #e5e5e5;
  11520. text-align: left;
  11521. color: #666;
  11522. padding-top: 25px;
  11523. height: 195px;
  11524. }
  11525. .new-publish-price .tab-con .instructions dl dd {
  11526. margin: 10px 0;
  11527. color: #666;
  11528. }
  11529. .new-publish-price .tab-con .instructions dl dd .icon-gou {
  11530. color: #5cb4f6;
  11531. }
  11532. .new-publish-price .tab-con .big-package .instructions dl dd .icon-gou {
  11533. color: #fd9817;
  11534. }
  11535. .new-publish-price .tab-con .instructions dl dd .icon-gou {
  11536. margin-right: 10px;
  11537. font-size: 14px;
  11538. }
  11539. .new-publish-price .tab-con .instructions dl dd .icon-prompt {
  11540. position: relative;
  11541. margin-left: 5px;
  11542. top: -3px;
  11543. cursor: pointer;
  11544. }
  11545. .new-publish-price .tab-con .p-price {
  11546. font-size: 16px;
  11547. color: #157df1;
  11548. text-align: center;
  11549. margin-bottom: 25px;
  11550. }
  11551. .new-publish-price .tab-con .big-package .p-price {
  11552. color: #fd9817;
  11553. }
  11554. .new-publish-price .tab-con .p-price span {
  11555. font-size: 40px;
  11556. }
  11557. .new-publish-price .tab-con .p-pay {
  11558. text-align: center;
  11559. }
  11560. .new-publish-price .tab-con .p-pay .btn-buy {
  11561. padding: 10px 12px;
  11562. width: 120px;
  11563. }
  11564. .new-publish-price .tab-con .big-package .p-pay .btn-buy {
  11565. color: #fd9817;
  11566. border: 1px solid #fd9817;
  11567. }
  11568. .new-publish-price .tab-con .big-package .p-pay .btn-buy:hover {
  11569. color: #fff;
  11570. border: 1px solid #fd9817;
  11571. background-color: #fd9817;
  11572. }
  11573. .new-price-meal {
  11574. padding: 20px 0 25px;
  11575. }
  11576. .new-price-meal > h1 {
  11577. color: #157df1;
  11578. margin-bottom: 15px;
  11579. text-align: center;
  11580. }
  11581. .new-price-meal > p {
  11582. color: #666;
  11583. font-size: 16px;
  11584. margin-bottom: 20px;
  11585. text-align: center;
  11586. }
  11587. .new-price-meal .new-price-btn {
  11588. margin-bottom: 50px;
  11589. }
  11590. .new-price-meal .table {
  11591. table-layout: fixed;
  11592. box-shadow: 0 0 10px rgba(0, 0, 0, .1);
  11593. }
  11594. .new-price-meal .table th {
  11595. text-align: center;
  11596. height: 50px;
  11597. color: #333;
  11598. border-top: none;
  11599. position: relative;
  11600. vertical-align: middle;
  11601. border-left: 1px solid #ddd;
  11602. font-weight: 600;
  11603. font-size: 15px;
  11604. background-color: #f5f6f7;
  11605. }
  11606. .new-price-meal .table td {
  11607. text-align: center;
  11608. border: 1px solid #ddd;
  11609. height: 50px;
  11610. color: #333;
  11611. vertical-align: middle;
  11612. }
  11613. .new-price-meal .table th:first-of-type {
  11614. border-left-color: transparent;
  11615. }
  11616. .new-price-meal .table th:last-of-type {
  11617. border-right-color: transparent;
  11618. }
  11619. .new-price-meal .table td:first-of-type {
  11620. border-left-color: transparent;
  11621. }
  11622. .new-price-meal .table td:last-of-type {
  11623. border-right-color: transparent;
  11624. }
  11625. .new-price-meal .table tr:last-of-type td {
  11626. border-bottom: none;
  11627. }
  11628. .new-price-meal .table tr:nth-of-type(odd) td {
  11629. background-color: transparent;
  11630. }
  11631. .new-price-meal .table .recommend-wrap1 {
  11632. position: relative;
  11633. }
  11634. .new-price-meal .table .recommend-wrap1 .recommended {
  11635. position: absolute;
  11636. top: -9px;
  11637. background: url("../image/price-tip1.png") no-repeat;
  11638. width: 32px;
  11639. height: 22px;
  11640. color: #fff;
  11641. font-size: 12px;
  11642. line-height: 20px;
  11643. background-size: contain;
  11644. font-weight: normal;
  11645. }
  11646. .new-pack-meal .table .recommend-wrap1 .recommended {
  11647. background: url("../image/price-tip2.png") no-repeat;
  11648. width: 60px;
  11649. height: 22px;
  11650. background-size: contain;
  11651. font-size: 12px;
  11652. line-height: 22px;
  11653. font-weight: normal;
  11654. }
  11655. .new-price-meal .table td .num {
  11656. font-size: 18px;
  11657. }
  11658. .new-price-meal .help {
  11659. padding: 0;
  11660. }
  11661. .new-price-meal .help > h1 {
  11662. color: #157df1;
  11663. text-align: center;
  11664. margin-bottom: 50px;
  11665. }
  11666. /*----------/新价格页----------*/
  11667. /*----------SDK----------*/
  11668. .sdk-banner-wrap {
  11669. background: url("../image/sdk-banner.jpg") no-repeat center;
  11670. height: 200px;
  11671. }
  11672. .sdk-banner {
  11673. padding-top: 60px;
  11674. }
  11675. .sdk-banner h1 {
  11676. color: #fff;
  11677. font-size: 30px;
  11678. text-align: center;
  11679. line-height: 40px;
  11680. font-weight: normal;
  11681. }
  11682. .sdk-common {
  11683. padding: 70px 0;
  11684. }
  11685. .sdk-common > h1 {
  11686. color: #157df1;
  11687. text-align: center;
  11688. margin-bottom: 20px;
  11689. font-weight: normal;
  11690. }
  11691. .sdk-common > h3 {
  11692. color: #666;
  11693. font-size: 16px;
  11694. text-align: center;
  11695. margin-bottom: 50px;
  11696. font-weight: normal;
  11697. }
  11698. .sdk-system .list .con {
  11699. text-align: center;
  11700. }
  11701. .sdk-system .list .con1 {
  11702. border-right: 1px solid #e5e5e5;
  11703. }
  11704. .sdk-system .list .con img {
  11705. margin: 0 auto 20px;
  11706. }
  11707. .sdk-system .list .con > h3 {
  11708. text-align: center;
  11709. color: #333;
  11710. margin-bottom: 15px;
  11711. font-weight: normal;
  11712. }
  11713. .sdk-system .list .con .s-btn {
  11714. width: 165px;
  11715. padding: 0;
  11716. height: 46px;
  11717. line-height: 46px;
  11718. border-radius: 30px;
  11719. display: block;
  11720. margin: 0 auto;
  11721. font-size: 18px;
  11722. margin-bottom: 15px;
  11723. }
  11724. .sdk-system .list .con .s-btn2 {
  11725. background-color: #13c960;
  11726. color: #fff;
  11727. }
  11728. .sdk-system .list .con .s-btn2:hover {
  11729. background-color: #72dd9f;
  11730. }
  11731. .sdk-system .list .con .instructions {
  11732. color: #666;
  11733. font-size: 18px;
  11734. }
  11735. .sdk-system .list .con .instructions1:hover {
  11736. color: #157df1;
  11737. text-decoration: underline;
  11738. }
  11739. .sdk-system .list .con .instructions2:hover {
  11740. color: #13c960;
  11741. text-decoration: underline;
  11742. }
  11743. .sdk-solve .ms-thumbnail .img-wrap {
  11744. height: 190px;
  11745. margin-bottom: 20px;
  11746. }
  11747. .sdk-statistical {
  11748. padding: 70px 0;
  11749. }
  11750. .sdk-statistical .ms-thumbnail .img-wrap {
  11751. height: 155px;
  11752. display: flex;
  11753. align-items: flex-end;
  11754. }
  11755. .sdk-statistical .ms-thumbnail .tit {
  11756. margin-bottom: 0;
  11757. }
  11758. .sdk-help > h1 {
  11759. text-align: center;
  11760. color: #157df1;
  11761. margin-bottom: 50px;
  11762. font-weight: normal;
  11763. }
  11764. /*----------/SDK----------*/
  11765. /*----------免责声明----------*/
  11766. .disclaimer {
  11767. padding: 75px 60px;
  11768. min-height: 580px;
  11769. }
  11770. .disclaimer h1 {
  11771. text-align: center;
  11772. color: #333;
  11773. margin-bottom: 50px;
  11774. }
  11775. .disclaimer p {
  11776. line-height: 1.8;
  11777. color: #333;
  11778. font-size: 16px;
  11779. margin-bottom: 35px;
  11780. }
  11781. /*----------/免责声明----------*/
  11782. /*----------推广大使----------*/
  11783. /*2019/4/1日改版*/
  11784. .ambassador-common {
  11785. padding: 70px 0;
  11786. }
  11787. .ambassador-common .h1 {
  11788. color: #333;
  11789. text-align: center;
  11790. margin-bottom: 20px;
  11791. }
  11792. .ambassador-common .h5 {
  11793. font-size: 16px;
  11794. text-align: center;
  11795. margin-bottom: 45px;
  11796. line-height: 24px;
  11797. }
  11798. .ambassador-banner-wrap {
  11799. background: url("../image/tt-0.jpg?20190401") no-repeat center;
  11800. height: 430px;
  11801. display: block;
  11802. padding-top: 110px;
  11803. }
  11804. .ambassador-banner {
  11805. color: #fff;
  11806. padding-left: 40px;
  11807. }
  11808. .ambassador-banner .h1 {
  11809. font-weight: 600;
  11810. margin-bottom: 15px;
  11811. text-shadow: 2px 2px 0 #0b58b6;
  11812. }
  11813. .ambassador-banner .h1 span {
  11814. color: #ffe401;
  11815. font-size: 44px;
  11816. }
  11817. .ambassador-banner p {
  11818. font-size: 18px;
  11819. margin-bottom: 25px;
  11820. }
  11821. .ambassador-banner .b-btn {
  11822. color: #157df1;
  11823. width: 160px;
  11824. padding: 9px;
  11825. background-color: #fff;
  11826. font-size: 16px;
  11827. }
  11828. .ambassador-join .ms-thumbnail .ms-caption p {
  11829. height: 60px;
  11830. }
  11831. .ambassador-service-wrap {
  11832. background: url("../image/ttt-banner.jpg?2019") no-repeat center;
  11833. }
  11834. .ambassador-service .h1 {
  11835. color: #fff;
  11836. }
  11837. .ambassador-service .h5 {
  11838. color: #fff;
  11839. }
  11840. .ambassador-service .ms-thumbnail {
  11841. background-color: #fff;
  11842. padding: 40px 0;
  11843. }
  11844. .ambassador-service .ms-thumbnail .ms-caption p {
  11845. height: 40px;
  11846. }
  11847. /*.promote-process-wrap{background-color: #ecf4fd;}*/
  11848. .promote-process .h1 {
  11849. margin-bottom: 60px;
  11850. }
  11851. .promote-process ul li {
  11852. float: left;
  11853. height: 220px;
  11854. padding-top: 30px;
  11855. }
  11856. .promote-process ul li:nth-child(even) {
  11857. width: 60px;
  11858. background: url("../image/tt-8.png") no-repeat center;
  11859. }
  11860. .promote-process ul li:nth-child(odd) {
  11861. width: calc((100% - 180px) / 4);
  11862. background-color: #fff;
  11863. box-shadow: 0 0 10px rgba(18, 112, 246, .2);
  11864. }
  11865. .promote-process .ms-thumbnail .ms-caption {
  11866. padding: 0 20px;
  11867. }
  11868. .promote-process .ms-thumbnail .ms-caption .tit {
  11869. font-size: 16px;
  11870. margin-bottom: 10px;
  11871. }
  11872. .promote-process .ms-thumbnail .ms-caption .tit img {
  11873. margin-bottom: 0;
  11874. vertical-align: text-bottom;
  11875. display: inline-block;
  11876. }
  11877. /*.promote-process .ms-thumbnail .ms-caption .tit img{float: left;}*/
  11878. .ambassador-help .tit {
  11879. color: #333;
  11880. }
  11881. .join-ambassador {
  11882. background: url("../image/tt-9.jpg") no-repeat center;
  11883. height: 200px;
  11884. display: block;
  11885. text-align: center;
  11886. padding-top: 55px;
  11887. }
  11888. .join-ambassador .h1 {
  11889. font-weight: 600;
  11890. margin-bottom: 25px;
  11891. color: #fff;
  11892. letter-spacing: 10px;
  11893. }
  11894. .join-ambassador .h1 span {
  11895. margin: 0 20px;
  11896. }
  11897. .join-ambassador .ms-btn {
  11898. width: 110px;
  11899. font-size: 16px;
  11900. border: 1px solid #fff;
  11901. color: #fff;
  11902. }
  11903. /*----------/推广大使----------*/
  11904. /*右侧悬停*/
  11905. .fixed-right{position: fixed; right: 0; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); z-index: 999;/* display: none;*/}
  11906. .fixed-right li{width: 50px; color: #304DD9; padding: 16px; border: 1px solid #e5e5e5; position: relative; display: flex; flex-wrap: wrap; justify-content: center; align-items: center; background-color: #fff; cursor: pointer; position: relative;}
  11907. .fixed-right li+li{border-top: transparent;}
  11908. .fixed-right li .iconfont{color: #999;}
  11909. .fixed-right li .icon-qq{font-size: 30px;}
  11910. .fixed-right li .icon-weixin1{font-size: 25px;}
  11911. .fixed-right li .icon-go-top{font-size: 36px;}
  11912. .fixed-right li .wechat{background: url("../img/img-15.png") no-repeat; width: 146px; height: 135px; position: absolute; top: -18px; right: calc(100% + 10px); padding: 10px 0 0 10px; z-index: 1000; display: none; transition: all 600ms;}
  11913. .fixed-right li:hover .wechat{display: block;}
  11914. .fixed-right li:hover .iconfont{color: #303659;}
  11915. .fixed-right li.qiye .hover-hidden{display: block;}
  11916. .fixed-right li.qiye .hover-show{display: none;}
  11917. .fixed-right li.qiye:hover .hover-hidden{display: none;}
  11918. .fixed-right li.qiye:hover .hover-show{display: block;}
  11919. .fixed-right-guest-wrap{ display: none; position: absolute; left: -220px; top: -70%; width: 220px;}
  11920. .fixed-right-guest{ width: 200px; background-color: #FFF; box-shadow: 0 0 10px rgba(0,0,0,.1);}
  11921. .fixed-right-guest:after{
  11922. position: absolute;
  11923. content: '';
  11924. right: 8px;
  11925. top: 42%;
  11926. border-left: 12px solid #FFF;
  11927. border-bottom: 12px solid transparent;
  11928. border-top: 12px solid transparent;
  11929. }
  11930. .fixed-right li.guest:hover .fixed-right-guest-wrap{ display: block;}
  11931. .fixed-right li .wechat img{width: 115px; height: 115px;}
  11932. .fixed-right-guest .wx_qrcode{width: 100px; height: 100px; margin-top: 10px; }
  11933. .fixed-right-guest .item{ padding: 15px 20px;}
  11934. .fixed-right-guest .item:hover{background-color: #e6edf8;}
  11935. .fixed-right-guest .text {margin-left: 10px;}
  11936. .fixed-right-guest .text .title{font-size: 16px; color: #303659; line-height: 1; margin-bottom: 3px; }
  11937. .fixed-right-guest .text .s-title{font-size: 12px; color:#999;}
  11938. .fixed-right .go-top{display: none;}
  11939. /*/右侧悬停*/
  11940. /*弹窗*/
  11941. /*
  11942. .ms-modal .modal-body{padding: 30px;}
  11943. .ms-modal .modal-title{color: #333; text-align: center; font-weight: 600; font-size: 16px;}
  11944. .ms-modal .modal-header{border-bottom: none; padding: 25px 15px 0;}
  11945. */
  11946. /*模板页弹窗提示*/
  11947. #templateModal .modal-content {
  11948. background-color: #fffeff;
  11949. }
  11950. #templateModal .modal-body {
  11951. padding: 0;
  11952. }
  11953. #templateModal .template-modal {
  11954. padding-bottom: 30px;
  11955. }
  11956. #templateModal .m-top {
  11957. background: no-repeat center;
  11958. height: 130px;
  11959. background-size: cover;
  11960. padding-top: 25px;
  11961. border-radius: 6px 6px 0 0;
  11962. }
  11963. #templateModal .m-top .title1 {
  11964. color: #fff;
  11965. font-size: 40px;
  11966. text-align: center;
  11967. font-weight: 600;
  11968. }
  11969. #templateModal .m-top .title2 {
  11970. color: #fff;
  11971. font-size: 16px;
  11972. font-weight: 600;
  11973. text-align: center;
  11974. padding: 0 15px;
  11975. }
  11976. #templateModal .m-top .title2 span {
  11977. font-size: 20px;
  11978. }
  11979. #templateModal .modal-p {
  11980. color: #333;
  11981. padding: 20px 30px;
  11982. }
  11983. #templateModal .modal-btn {
  11984. display: block;
  11985. width: calc(100% - 60px);
  11986. margin: 0 30px;
  11987. border-radius: 20px;
  11988. box-shadow: 0 5px 10px rgba(21, 125, 241, .4);
  11989. cursor: pointer;
  11990. }
  11991. #templateModal .modal-btn1 {
  11992. background-color: #fd6835;
  11993. border-color: #fd6835;
  11994. box-shadow: 0 5px 10px rgba(253, 104, 53, .4);
  11995. }
  11996. #templateModal .modal-btn2 {
  11997. background-color: #5342ff;
  11998. border-color: #5342ff;
  11999. box-shadow: 0 5px 10px rgba(83, 66, 255, .3);
  12000. }
  12001. /*/模板页弹窗提示*/
  12002. /*通用弹窗*/
  12003. /*#generalModal{padding-right: 0 !important;}*/
  12004. #generalModal .title {
  12005. margin-bottom: 5px;
  12006. }
  12007. #generalModal .modal-p {
  12008. margin-bottom: 15px;
  12009. }
  12010. #generalModal .cancel-btn {
  12011. margin-right: 10px;
  12012. }
  12013. #generalModal .cancel-btn:empty {
  12014. display: none;
  12015. }
  12016. #generalModal .success-btn:empty {
  12017. display: none;
  12018. }
  12019. #generalModal .title:empty {
  12020. display: none;
  12021. }
  12022. #generalModal .modal-p:empty {
  12023. display: none;
  12024. }
  12025. /*/通用弹窗*/
  12026. #myModalPay .modal-header {
  12027. border-bottom: 1px solid #e5e5e5;
  12028. padding: 15px;
  12029. }
  12030. /*超出文件大小300m*/
  12031. .beyond-file p {
  12032. line-height: 24px;
  12033. margin-top: 15px;
  12034. }
  12035. .beyond-file p a {
  12036. color: #157df1;
  12037. }
  12038. .beyond-file .ms-btn-primary {
  12039. width: 90px;
  12040. margin-top: 15px;
  12041. }
  12042. /*我的应用 合并应用*/
  12043. .ms-modal .app-list {
  12044. height: 380px;
  12045. overflow-y: auto;
  12046. }
  12047. .ms-modal .app-list li {
  12048. float: left;
  12049. width: 25%;
  12050. padding: 0 10px 30px;
  12051. text-align: center;
  12052. cursor: pointer;
  12053. }
  12054. .ms-modal .app-list li .img-wrap {
  12055. position: relative;
  12056. width: 51px;
  12057. height: 51px;
  12058. margin: 0 auto;
  12059. overflow: hidden;
  12060. }
  12061. .ms-modal .app-list li img {
  12062. width: 51px;
  12063. border-radius: 15px;
  12064. border: 1px solid #e5e5e5;
  12065. }
  12066. .ms-modal .app-list li .tit {
  12067. color: #333;
  12068. margin-top: 5px;
  12069. }
  12070. .ms-modal .app-list li p {
  12071. color: #666;
  12072. }
  12073. .ms-modal .app-list li .img-wrap .shadow {
  12074. position: absolute;
  12075. left: 0;
  12076. top: 0;
  12077. background-color: rgba(0, 0, 0, .6);
  12078. width: 100%;
  12079. height: 100%;
  12080. display: none;
  12081. }
  12082. .ms-modal .app-list li.active .img-wrap .shadow {
  12083. display: block;
  12084. }
  12085. .ms-modal .app-list li .img-wrap .shadow .icon-gou {
  12086. color: #fff;
  12087. font-size: 18px;
  12088. position: absolute;
  12089. left: 50%;
  12090. top: 50%;
  12091. transform: translate(-50%, -50%);
  12092. }
  12093. /*我的应用 确定合并应用*/
  12094. .marge-common .merge-app {
  12095. padding: 0 70px;
  12096. }
  12097. .marge-common .merge-app li {
  12098. float: left;
  12099. width: 33.33333%;
  12100. text-align: center;
  12101. }
  12102. .marge-common .merge-app li.center {
  12103. background: url("../image/icon-20.png") no-repeat center;
  12104. height: 110px;
  12105. }
  12106. .marge-common .merge-app li img {
  12107. width: 100px;
  12108. height: 100px;
  12109. border-radius: 12px
  12110. }
  12111. .marge-common .merge-app li .icon {
  12112. position: relative;
  12113. top: 2px;
  12114. }
  12115. .marge-common dl.bottom {
  12116. font-size: 12px;
  12117. color: #333;
  12118. border-top: 1px solid #e5e5e5;
  12119. padding-top: 20px;
  12120. margin-top: 25px;
  12121. }
  12122. .marge-common dl.bottom dt {
  12123. color: #333;
  12124. font-weight: 600;
  12125. margin-bottom: 5px;
  12126. }
  12127. /*下载更多尺寸*/
  12128. #myModal3 .modal-dialog {
  12129. width: 400px;
  12130. }
  12131. #myModal3 .modal-content .size-list {
  12132. padding-left: 50px;
  12133. padding-right: 50px;
  12134. }
  12135. #myModal3 .modal-title {
  12136. text-align: left;
  12137. }
  12138. #myModal3 .size-list dl {
  12139. margin-bottom: 15px;
  12140. }
  12141. #myModal3 .size-list dt {
  12142. color: #333;
  12143. margin-top: 6px;
  12144. }
  12145. #myModal3 .size-list .iconfont {
  12146. color: #157df1;
  12147. font-size: 20px;
  12148. }
  12149. /*#myModal3 .size-list .iconfont:hover{color: #157df1;}*/
  12150. #UDIDModal .modal-dialog {
  12151. width: 400px;
  12152. }
  12153. #UDIDModal .modal-title {
  12154. text-align: left;
  12155. }
  12156. #UDIDModal .UDID {
  12157. color: #333;
  12158. max-height: 200px;
  12159. overflow-y: auto;
  12160. }
  12161. #UDIDModal .UDID li {
  12162. line-height: 24px;
  12163. }
  12164. /*自动消失弹窗*/
  12165. .auto-hide-modal .modal-content {
  12166. background-color: transparent;
  12167. box-shadow: none;
  12168. border: none;
  12169. }
  12170. .auto-hide-modal .auto-hide {
  12171. background-color: #666;
  12172. padding: 20px 25px;
  12173. border-radius: 5px;
  12174. display: inline-block;
  12175. color: #fff;
  12176. }
  12177. /*/自动消失弹窗*/
  12178. /*修改手机号弹窗*/
  12179. .change-phone-num {
  12180. padding: 0 20px 20px 20px;
  12181. }
  12182. .change-phone-num label {
  12183. color: #333;
  12184. margin-bottom: 5px;
  12185. font-weight: 600;
  12186. }
  12187. .change-phone-num .form-control {
  12188. color: #333;
  12189. }
  12190. /*/修改手机号弹窗*/
  12191. /*用户签名协议弹窗*/
  12192. #myModal5 .modal-body {
  12193. padding-top: 20px;
  12194. }
  12195. #myModal5 .con {
  12196. line-height: 24px;
  12197. max-height: 350px;
  12198. overflow-y: auto;
  12199. }
  12200. /*/用户签名协议弹窗*/
  12201. /*封装打包弹窗*/
  12202. #myModal6 .packaging {
  12203. margin-top: 70px;
  12204. }
  12205. #myModal6 .progress {
  12206. height: 12px;
  12207. border-radius: 6px;
  12208. width: 94%;
  12209. }
  12210. #myModal6 .progress-bar {
  12211. background-color: #2e90fc;
  12212. }
  12213. #myModal6 .progress-wrap .fr {
  12214. margin-top: -4px;
  12215. }
  12216. #myModal6 .packaging p {
  12217. margin-top: 80px;
  12218. font-size: 12px;
  12219. }
  12220. /*/封装打包弹窗*/
  12221. /*举报弹窗*/
  12222. #reportModal .report .tit {
  12223. font-size: 16px;
  12224. color: #333;
  12225. text-align: center;
  12226. font-weight: 600;
  12227. margin-bottom: 20px;
  12228. }
  12229. #reportModal .report p {
  12230. color: #666;
  12231. font-size: 12px;
  12232. line-height: 24px;
  12233. padding-bottom: 15px;
  12234. margin-bottom: 15px;
  12235. border-bottom: 1px solid #e5e5e5;
  12236. }
  12237. #reportModal .report label {
  12238. font-weight: 600;
  12239. color: #333;
  12240. margin-bottom: 5px;
  12241. }
  12242. #reportModal .report label span {
  12243. color: #ff4222;
  12244. margin-left: 10px;
  12245. }
  12246. #reportModal .report ul {
  12247. margin-top: 5px;
  12248. }
  12249. #reportModal .report ul li {
  12250. float: left;
  12251. margin-right: 35px;
  12252. color: #333;
  12253. cursor: pointer;
  12254. }
  12255. #reportModal .report ul li span {
  12256. position: relative;
  12257. top: 3px;
  12258. margin-right: 5px;
  12259. }
  12260. #reportModal .report .btn-bottom {
  12261. text-align: center;
  12262. margin-top: 40px;
  12263. }
  12264. #reportModal .report .btn-bottom .ms-btn-primary {
  12265. width: 120px;
  12266. padding: 9px 12px;
  12267. }
  12268. #reportModal .report .form-error {
  12269. position: relative;
  12270. }
  12271. #reportModal .report .error {
  12272. position: absolute;
  12273. top: 100%;
  12274. left: 0;
  12275. display: none;
  12276. color: #ff4222;
  12277. }
  12278. #reportModal .report .form-error .error {
  12279. display: block;
  12280. }
  12281. /*/举报弹窗*/
  12282. /*发票弹窗*/
  12283. #invoiceModal .user-center1 .invoice-management .make-invoice-details {
  12284. border: none;
  12285. height: auto;
  12286. padding: 0;
  12287. }
  12288. #invoiceModal .user-center1 .invoice-management .make-invoice-details .color-hover {
  12289. padding-left: 0;
  12290. }
  12291. /*/发票弹窗*/
  12292. /*删除APP弹窗*/
  12293. #deleteAppModal .modal-dialog {
  12294. width: 470px;
  12295. }
  12296. #deleteAppModal .modal-body {
  12297. position: relative;
  12298. padding: 30px 20px;
  12299. }
  12300. #deleteAppModal .modal-body .delete-prompt {
  12301. }
  12302. #deleteAppModal .modal-body .title {
  12303. margin: 0 0 5px;
  12304. }
  12305. #deleteAppModal .modal-body .modal-p {
  12306. font-size: 12px;
  12307. color: #fd641d;
  12308. margin-bottom: 15px;
  12309. }
  12310. #deleteAppModal .modal-body .form-horizontal {
  12311. margin-bottom: 15px;
  12312. }
  12313. #deleteAppModal .modal-body .form-group {
  12314. margin: 0 -5px 5px;
  12315. }
  12316. #deleteAppModal .modal-body .col-sm-3, #deleteAppModal .modal-body .col-sm-8 {
  12317. padding: 0 5px;
  12318. }
  12319. #deleteAppModal .modal-body .col-sm-3 {
  12320. padding-top: 5px;
  12321. color: #333;
  12322. }
  12323. #deleteAppModal .modal-body .form-group .form-control {
  12324. height: 30px;
  12325. }
  12326. #deleteAppModal .modal-body .form-group .error {
  12327. display: none;
  12328. }
  12329. #deleteAppModal .modal-body .cancel-btn {
  12330. margin-right: 30px;
  12331. }
  12332. /*/删除APP弹窗*/
  12333. /*/弹窗*/
  12334. /*兼容平板*/
  12335. @media (min-width: 768px) and (max-width: 1199px) {
  12336. .footer .left dl {
  12337. margin-right: 70px;
  12338. }
  12339. .publicity li {
  12340. padding: 35px 20px;
  12341. height: auto;
  12342. }
  12343. .publicity li p {
  12344. height: 72px;
  12345. }
  12346. }
  12347. @media (width: 768px) {
  12348. .footer > .clearfix > a {
  12349. display: none;
  12350. }
  12351. .publicity li p {
  12352. height: 96px;
  12353. }
  12354. .closed-beta-distribution .con .con-c {
  12355. padding-bottom: 25px;
  12356. }
  12357. .closed-beta-distribution .con .con-c h4 {
  12358. font-size: 16px;
  12359. }
  12360. .closed-beta-distribution .con .con-c p {
  12361. margin-top: 15px;
  12362. height: 72px;
  12363. padding: 0 10px;
  12364. }
  12365. }
  12366. .modal {
  12367. background: rgba(0, 0, 0, 0.5)
  12368. }
  12369. .ms-badge {
  12370. background-color: #fd0000;
  12371. width: 30px;
  12372. height: 16px;
  12373. line-height: 16px;
  12374. display: inline-block;
  12375. color: #fff;
  12376. border-radius: 80%;
  12377. font-size: 12px;
  12378. text-align: center;
  12379. position: relative;
  12380. top: -15px;
  12381. left: 0;
  12382. }
  12383. .topbanner[data-v-78e3376e] {
  12384. height: 460px;
  12385. background: url(https://ssdtp.oss-cn-beijing.aliyuncs.com/eideasImg/diypack/banner/packbg.png) top no-repeat;
  12386. position: relative;
  12387. margin-bottom: 18px;
  12388. overflow: hidden;
  12389. }
  12390. .topbanner .content[data-v-78e3376e] {
  12391. width: 1236px;
  12392. height: 407px;
  12393. font-family: Source Han Sans CN;
  12394. color: #fff;
  12395. display: -webkit-box;
  12396. display: -ms-flexbox;
  12397. display: flex;
  12398. -webkit-box-align: center;
  12399. -ms-flex-align: center;
  12400. align-items: center;
  12401. margin: 53px auto 0;
  12402. }
  12403. .topbanner .content .texts .title[data-v-78e3376e] {
  12404. font-size: 40px;
  12405. font-weight: 500;
  12406. text-shadow: 0 -4px 10px rgb(4 59 218 / 90%);
  12407. line-height: 70px;
  12408. }
  12409. .topbanner .content .texts .subtitle[data-v-78e3376e] {
  12410. font-size: 24px;
  12411. font-weight: 300;
  12412. opacity: .9;
  12413. line-height: 50px;
  12414. margin-bottom: 10px;
  12415. }
  12416. .topbanner .content .texts .text[data-v-78e3376e] {
  12417. font-size: 16px;
  12418. font-weight: 300;
  12419. opacity: .7;
  12420. height: 15px;
  12421. line-height: 2px;
  12422. margin-bottom: 20px;
  12423. }