123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775776777778779780781782783784785786787788789790791792793794795796797798799800801802803804805806807808809810811812813814815816817818819820821822823824825826827828829830831832833834835836837838839840841842843844845846847848849850851852853854855856857858859860861862863864865866867868869870871872873874875876877878879880881882883884885886887888889890891892893894895896897898899900901902903904905906907908909910911912913914915916917918919920921922923924925926927928929930931932933934935936937938939940941942943944945946947948949950951952953954955956957958959960961962963964965966967968969970971972973974975976977978979980981982983984985986987988989990991992993994995996997998999100010011002100310041005100610071008100910101011101210131014101510161017101810191020102110221023102410251026102710281029103010311032103310341035103610371038103910401041104210431044104510461047104810491050105110521053105410551056105710581059106010611062106310641065106610671068106910701071107210731074107510761077107810791080108110821083108410851086108710881089109010911092109310941095109610971098109911001101110211031104110511061107110811091110111111121113111411151116111711181119112011211122112311241125112611271128112911301131113211331134113511361137113811391140114111421143114411451146114711481149115011511152115311541155115611571158115911601161116211631164116511661167116811691170117111721173117411751176117711781179118011811182118311841185118611871188118911901191119211931194119511961197119811991200120112021203120412051206120712081209121012111212121312141215121612171218121912201221122212231224122512261227122812291230123112321233123412351236123712381239124012411242124312441245124612471248124912501251125212531254125512561257125812591260126112621263126412651266126712681269127012711272127312741275127612771278127912801281128212831284128512861287128812891290129112921293129412951296129712981299130013011302130313041305130613071308130913101311131213131314131513161317131813191320132113221323132413251326132713281329133013311332133313341335133613371338133913401341134213431344134513461347134813491350135113521353135413551356135713581359136013611362136313641365136613671368136913701371137213731374137513761377137813791380138113821383138413851386138713881389139013911392139313941395139613971398139914001401140214031404140514061407140814091410141114121413141414151416141714181419142014211422142314241425142614271428142914301431143214331434143514361437143814391440144114421443144414451446144714481449145014511452145314541455145614571458145914601461146214631464146514661467146814691470147114721473147414751476147714781479148014811482148314841485148614871488148914901491149214931494149514961497149814991500150115021503150415051506150715081509151015111512151315141515151615171518151915201521152215231524152515261527152815291530153115321533153415351536153715381539154015411542154315441545154615471548154915501551155215531554155515561557155815591560156115621563156415651566156715681569157015711572157315741575157615771578157915801581158215831584158515861587158815891590159115921593159415951596159715981599160016011602160316041605160616071608160916101611161216131614161516161617161816191620162116221623162416251626162716281629163016311632163316341635163616371638163916401641164216431644164516461647164816491650165116521653165416551656165716581659166016611662166316641665166616671668166916701671167216731674167516761677167816791680168116821683168416851686168716881689169016911692169316941695169616971698169917001701170217031704170517061707170817091710171117121713171417151716171717181719172017211722172317241725172617271728172917301731173217331734173517361737173817391740174117421743174417451746174717481749175017511752175317541755175617571758175917601761176217631764176517661767176817691770177117721773177417751776177717781779178017811782178317841785178617871788178917901791179217931794179517961797179817991800180118021803180418051806180718081809181018111812181318141815181618171818181918201821182218231824182518261827182818291830183118321833183418351836183718381839184018411842184318441845184618471848184918501851185218531854185518561857185818591860186118621863186418651866186718681869187018711872187318741875187618771878187918801881188218831884188518861887188818891890189118921893189418951896189718981899190019011902190319041905190619071908190919101911191219131914191519161917191819191920192119221923192419251926192719281929193019311932193319341935193619371938193919401941194219431944194519461947194819491950195119521953195419551956195719581959196019611962196319641965196619671968196919701971197219731974197519761977197819791980198119821983198419851986198719881989199019911992199319941995199619971998199920002001200220032004200520062007200820092010201120122013201420152016201720182019202020212022202320242025202620272028202920302031203220332034203520362037203820392040204120422043204420452046204720482049205020512052205320542055205620572058205920602061206220632064206520662067206820692070207120722073207420752076207720782079208020812082208320842085208620872088208920902091209220932094209520962097209820992100210121022103210421052106210721082109211021112112211321142115211621172118211921202121212221232124212521262127212821292130213121322133213421352136213721382139214021412142214321442145214621472148214921502151215221532154215521562157215821592160216121622163216421652166216721682169217021712172217321742175217621772178217921802181218221832184218521862187218821892190219121922193219421952196219721982199220022012202220322042205220622072208220922102211221222132214221522162217221822192220222122222223222422252226222722282229223022312232223322342235223622372238223922402241224222432244224522462247224822492250225122522253225422552256225722582259226022612262226322642265226622672268226922702271227222732274227522762277227822792280228122822283228422852286228722882289229022912292229322942295229622972298229923002301230223032304230523062307230823092310231123122313231423152316231723182319232023212322232323242325232623272328232923302331233223332334233523362337233823392340234123422343234423452346234723482349235023512352235323542355235623572358235923602361236223632364236523662367236823692370237123722373237423752376237723782379238023812382238323842385238623872388238923902391239223932394239523962397239823992400240124022403240424052406240724082409241024112412241324142415241624172418241924202421242224232424242524262427242824292430243124322433243424352436243724382439244024412442244324442445244624472448244924502451245224532454245524562457245824592460246124622463246424652466246724682469247024712472247324742475247624772478247924802481248224832484248524862487248824892490249124922493249424952496249724982499250025012502250325042505250625072508250925102511251225132514251525162517251825192520252125222523252425252526252725282529253025312532253325342535253625372538253925402541254225432544254525462547254825492550255125522553255425552556255725582559256025612562256325642565256625672568256925702571257225732574257525762577257825792580258125822583258425852586258725882589259025912592259325942595259625972598259926002601260226032604260526062607260826092610261126122613261426152616261726182619262026212622262326242625262626272628262926302631263226332634263526362637263826392640264126422643264426452646264726482649265026512652265326542655265626572658265926602661266226632664266526662667266826692670267126722673267426752676267726782679268026812682268326842685268626872688268926902691269226932694269526962697269826992700270127022703270427052706270727082709271027112712271327142715271627172718271927202721272227232724272527262727272827292730273127322733273427352736273727382739274027412742274327442745274627472748274927502751275227532754275527562757275827592760276127622763276427652766276727682769277027712772277327742775277627772778277927802781278227832784278527862787278827892790279127922793279427952796279727982799280028012802280328042805280628072808280928102811281228132814281528162817281828192820282128222823282428252826282728282829283028312832283328342835283628372838283928402841284228432844284528462847284828492850285128522853285428552856285728582859286028612862286328642865286628672868286928702871287228732874287528762877287828792880288128822883288428852886288728882889289028912892289328942895289628972898289929002901290229032904290529062907290829092910291129122913291429152916291729182919292029212922292329242925292629272928292929302931293229332934293529362937293829392940294129422943294429452946294729482949295029512952295329542955295629572958295929602961296229632964296529662967296829692970297129722973297429752976297729782979298029812982298329842985298629872988298929902991299229932994299529962997299829993000300130023003300430053006300730083009301030113012301330143015301630173018301930203021302230233024302530263027302830293030303130323033303430353036303730383039304030413042304330443045304630473048304930503051305230533054305530563057305830593060306130623063306430653066306730683069307030713072307330743075307630773078307930803081308230833084308530863087308830893090309130923093309430953096309730983099310031013102310331043105310631073108310931103111311231133114311531163117311831193120312131223123312431253126312731283129313031313132313331343135313631373138313931403141314231433144314531463147314831493150315131523153315431553156315731583159316031613162316331643165316631673168316931703171317231733174317531763177317831793180318131823183318431853186318731883189319031913192319331943195319631973198319932003201320232033204320532063207320832093210321132123213321432153216321732183219322032213222322332243225322632273228322932303231323232333234323532363237323832393240324132423243324432453246324732483249325032513252325332543255325632573258325932603261326232633264326532663267326832693270327132723273327432753276327732783279328032813282328332843285328632873288328932903291329232933294329532963297329832993300330133023303330433053306330733083309331033113312331333143315331633173318331933203321332233233324332533263327332833293330333133323333333433353336333733383339334033413342334333443345334633473348334933503351335233533354335533563357335833593360336133623363336433653366336733683369337033713372337333743375337633773378337933803381338233833384338533863387338833893390339133923393339433953396339733983399340034013402340334043405340634073408340934103411341234133414341534163417341834193420342134223423342434253426342734283429343034313432343334343435343634373438343934403441344234433444344534463447344834493450345134523453345434553456345734583459346034613462346334643465346634673468346934703471347234733474347534763477347834793480348134823483348434853486348734883489349034913492349334943495349634973498349935003501350235033504350535063507350835093510351135123513351435153516351735183519352035213522352335243525352635273528352935303531353235333534353535363537353835393540354135423543354435453546354735483549355035513552355335543555355635573558355935603561356235633564356535663567356835693570357135723573357435753576357735783579358035813582358335843585358635873588358935903591359235933594359535963597359835993600360136023603360436053606360736083609361036113612361336143615361636173618361936203621362236233624362536263627362836293630363136323633363436353636363736383639364036413642364336443645364636473648364936503651365236533654365536563657365836593660366136623663366436653666366736683669367036713672367336743675367636773678367936803681368236833684368536863687368836893690369136923693369436953696369736983699370037013702370337043705370637073708370937103711371237133714371537163717371837193720372137223723372437253726372737283729373037313732373337343735373637373738373937403741374237433744374537463747374837493750375137523753375437553756375737583759376037613762376337643765376637673768376937703771377237733774377537763777377837793780378137823783378437853786378737883789379037913792379337943795379637973798379938003801380238033804380538063807380838093810381138123813381438153816381738183819382038213822382338243825382638273828382938303831383238333834383538363837383838393840384138423843384438453846384738483849385038513852385338543855385638573858385938603861386238633864386538663867386838693870387138723873387438753876387738783879388038813882388338843885388638873888388938903891389238933894389538963897389838993900390139023903390439053906390739083909391039113912391339143915391639173918391939203921392239233924392539263927392839293930393139323933393439353936393739383939394039413942394339443945394639473948394939503951395239533954395539563957395839593960396139623963396439653966396739683969397039713972397339743975397639773978397939803981398239833984398539863987398839893990399139923993399439953996399739983999400040014002400340044005400640074008400940104011401240134014401540164017401840194020402140224023402440254026402740284029403040314032403340344035403640374038403940404041404240434044404540464047404840494050405140524053405440554056405740584059406040614062406340644065406640674068406940704071407240734074407540764077407840794080408140824083408440854086408740884089409040914092409340944095409640974098409941004101410241034104410541064107410841094110411141124113411441154116411741184119412041214122412341244125412641274128412941304131413241334134413541364137413841394140414141424143414441454146414741484149415041514152415341544155415641574158415941604161416241634164416541664167416841694170417141724173417441754176417741784179418041814182418341844185418641874188418941904191419241934194419541964197419841994200420142024203420442054206420742084209421042114212421342144215421642174218421942204221422242234224422542264227422842294230423142324233423442354236423742384239424042414242424342444245424642474248424942504251 |
- @charset "utf-8";
- /*根据bootstrap popover框 自定义popover框*/
- .popover1{position: absolute; top: calc(100% + 9px); left: 50%; transform: translateX(-50%); z-index: 1060; display: none; max-width: 300px; padding: 1px; text-align: left;background-color: #fff; border: 1px solid #ccc; border-radius: 6px; box-shadow: 0 5px 10px rgba(0,0,0,.2); border: 1px solid rgba(0,0,0,.2);}
- .popover1.bottom>.arrow{top: -11px; left: 50%; margin-left: -11px; border-top-width: 0; border-bottom-color: #999; border-bottom-color: rgba(0, 0, 0, .25);}
- .popover1>.arrow{border-width: 11px;}
- .popover1>.arrow, .popover1>.arrow:after{position: absolute; display: block; width: 0; height: 0; border-color: transparent; border-style: solid;}
- .popover1.bottom>.arrow:after{top: 1px; margin-left: -10px; content: " "; border-top-width: 0; border-bottom-color: #fff;}
- .popover1>.arrow:after{content: ""; border-width: 10px;}
- .popover1>.arrow, .popover1>.arrow:after{position: absolute; display: block; width: 0; height: 0; border-color: transparent; border-style: solid;}
- .ms-badge:empty{display: none;}
- /*bootstrap分页*/
- .pagination{margin: 30px 0 5px;}
- /*缩略图*/
- .ms-thumbnail{display: block;}
- .ms-thumbnail img{margin: 0 auto 20px; display: block;}
- .ms-thumbnail .ms-caption{padding: 0 25px; text-align: center;}
- .ms-thumbnail .ms-caption .tit{font-size: 18px; color: #333; margin-bottom: 10px;}
- .ms-thumbnail .ms-caption p{color: #848484;}
- /*/缩略图*/
- /*复制功能*/
- .copy{cursor: pointer; margin-left: 5px; color: #157df1;}
- /*/复制功能*/
- /*上传图标*/
- .new-upload-icon{position: relative; border: 1px solid #ddd; height: 100px; width: 100px; /*border-radius: 15px;*/ background: url("../img/icon-10.png") no-repeat center 23px; overflow: hidden; margin-left: 15px;}
- .new-upload-icon img{position: absolute; left: 0; top: 0; width: 100%; height: 100%; /*border-radius: 15px;*/ background-color: #fff; /*border: 1px solid #e5e5e5;*/}
- .new-upload-icon input[type=file]{position: absolute; z-index: 2; width: 100%; height: 100%; opacity: 0; cursor: pointer;}
- .new-upload-icon .text{text-align: center; margin-top: 60px; font-size: 14px; font-weight: 600; color: #999;}
- .new-upload-icon .ongoing{position: absolute; left: 0; top: 0; background: rgba(0,0,0,.5); width: 100%; height: 100%; color: #fff; display: flex; justify-content: center; align-items: center; font-size: 12px; display: none;}
- .new-upload-icon.uploading .ongoing{display: flex;}
- .new-upload-icon .reset{position: absolute; left: 0; bottom: 0; height: 20px; line-height: 20px; background: rgba(0,0,0,.5); width: 100%; color: #fff; text-align: center; font-size: 12px; display: none;}
- .new-upload-icon .reset{display: none;}
- .new-upload-icon.uploaded .reset{display: none;}
- .new-upload-icon.uploaded:hover .reset{display: block;}
- /*上传图标*/
- /*上传图片*/
- /*上传图片*/
- /*输入框搜索*/
- .input-search{position: relative;}
- .input-search .iconfont{position: absolute; right: 10px; top: 50%; transform: translateY(-50%); font-size: 16px; cursor: pointer; color: #157df1;}
- .input-search input{height: 30px; line-height: 30px; width: 170px; border: 1px solid #e5e5e5; padding-left: 10px; background-color: #fff; color: #666; border-radius: 3px; font-size: 13px;}
- .input-search input::-webkit-input-placeholder{color: #666 !important; font-size: 13px;}
- .input-search input::-moz-placeholder{color: #666 !important; font-size: 13px;}
- .input-search input::-ms-input-placeholder{color: #666 !important; font-size: 13px;}
- /*APP iOS Android 下拉*/
- header{position: absolute;
- left: 0;
- right: 0;
- z-index: 500;
- height: 60px;
- box-shadow: none!important;
- background: transparent;}
- @media (min-width: 1200px) {
- .header .ms-nav li>a{padding: 0 10px 5px; border-bottom: 2px solid transparent; color: #fff;}
- .header .ms-nav li.active>a{border-bottom: 2px solid #fafcff; color: #fafcff;}
- .header .ms-nav li:hover>a{border-bottom: 2px solid #157df1;}
- }
- @media (min-width: 1200px) {
- .index-header .header .ms-nav li>a{padding: 0 10px 5px; border-bottom: none;}
- .index-header .header .ms-nav li.active>a{ color: #92c5ff;}
- .index-header .header .ms-nav li:hover>a{color: #92c5ff;}
- }
- .header .login{margin-top: 15px;}
- .header .login li{float: left;}
- .index-header {position: absolute;
- left: 0;
- right: 0;
- z-index: 500;
- height: 60px;box-shadow: none!important; background: transparent;}
- .index-header .ms-nav li a { color: #fff;}
- .index-header .login-user { color: #fff;}
- .index-header .login-in .icon-arrow-bottom { color: #fff;}
- .index-header .login-in .notification .icon-msg { color: #fff!important;}
- /*增加文档二级导航*/
- /*通知中心*/
- .header .login-in .notification:hover .n-drop-down{display: block;}
- /*/通知中心*/
- /*/login-in*/
- .paging{text-align: center; margin: 30px 0 5px;}
- .paging input[type=text]{width: 34px; display: inline-block; vertical-align: middle;}
- .paging .color-333{padding: 6px 0;}
- .help{text-align: left; padding: 70px 0 55px;}
- .help .tit{font-size: 36px; color: #157df1; text-align: center; margin-bottom: 60px;}
- .help dl{margin-bottom: 15px; color: #333;}
- .help dt{line-height: 30px; font-weight: 600;}
- .help dd{line-height: 30px;}
- .help dl .left{float: left;}
- .help dl .right{margin-left: 40px; /*width: 75%;*/ display: block;}
- .help1{padding: 50px 0 40px;}
- .help1 .tit{font-size: 32px; color: #333; margin-bottom: 5px;}
- .help1 .blue-line{margin: 0 auto 30px;}
- /*----------index-----------*/
- /*banner*/
- .index-banner { position: relative;}
- #stripes,#stripes span {
- position: absolute
- }
- #stripes {
- width: 100%;
- height: 100%;
- overflow: hidden;
- -webkit-transform: skewY(-12deg);
- transform: skewY(-12deg);
- -webkit-transform-origin: 0;
- transform-origin: 0;
- background: linear-gradient(150deg,#53f 15%,#05d5ff 70%,#a6ffcb 94%)
- }
- #stripes span {
- height: 40px
- }
- #stripes :first-child {
- width: 50%;
- left: 50%;
- top: 40px;
- background: #4c29ff
- }
- #stripes :nth-child(2) {
- width: 14%;
- right: 0;
- bottom: 40px;
- background: #2be7ff
- }
- #stripes :nth-child(3) {
- width: 25%;
- bottom: 0;
- right: 0;
- background: #a1ffc8
- }
- @media (min-width: 670px) {
- #stripes span {
- height:150px
- }
- #stripes :first-child {
- top: 0;
- background: #4750ff
- }
- #stripes :nth-child(2) {
- width: 16.66667%;
- width: calc(100% / 6);
- top: 300px;
- top: calc(150px * 2);
- bottom: auto;
- background: #0dcfff
- }
- #stripes :nth-child(3) {
- width: 33.33333%;
- width: calc(100% / 3);
- right: auto;
- background: #11bdff
- }
- }
- @media (min-width: 880px) {
- #stripes span {
- height:190px
- }
- #stripes :first-child {
- width: 33.33333%;
- width: calc(100% / 3);
- left: -16.66666%;
- left: calc(calc(calc(100% / 3) / 2) * -1);
- background: #53f
- }
- #stripes :nth-child(2) {
- width: 33.33333%;
- width: calc(100% / 3);
- top: 0;
- left: 16.66666%;
- left: calc(calc(100% / 3) / 2);
- right: auto;
- background: #4553ff
- }
- #stripes :nth-child(3) {
- width: 33.33333%;
- width: calc(100% / 3);
- left: 49.99999%;
- left: calc(calc(calc(100% / 3) / 2) + calc(100% / 3));
- bottom: auto;
- background: #4f40ff
- }
- #stripes :nth-child(4) {
- width: 33.33333%;
- width: calc(100% / 3);
- top: 380px;
- top: calc(190px * 2);
- right: -16.66666%;
- right: calc(calc(calc(100% / 3) / 2) * -1);
- background: #25ddf5
- }
- #stripes :nth-child(5) {
- width: 33.33333%;
- width: calc(100% / 3);
- bottom: 0;
- background: #1fa2ff
- }
- }
- #intro {
- position: relative
- }
- @media (min-width: 670px) {
- #intro {
- display:-webkit-box;
- display: -ms-flexbox;
- display: flex;
- -webkit-box-align: center;
- -ms-flex-align: center;
- align-items: center;
- height: 600px;
- height: calc(150px * 4)
- }
- }
- @media (min-width: 880px) {
- #intro {
- height:760px;
- height: calc(190px * 4)
- }
- }
- #intro .container-lg {
- padding-top: 70px;
- padding-bottom: 100px
- }
- @media (min-width: 670px) {
- #intro .container-lg {
- margin-top:-7%;
- padding-top: 0;
- padding-bottom: 0
- }
- }
- #intro h1 {
- font-size: 32px;
- font-weight: 400;
- color: #fff
- }
- html[lang=fr] #intro h1 {
- max-width: 550px
- }
- html[lang=it] #intro h1 {
- max-width: 500px
- }
- @media (min-width: 880px) {
- #intro h1 {
- font-size:40px
- }
- }
- #intro p {
- max-width: 500px;
- margin-top: 20px;
- color: #d9fcff
- }
- @media (min-width: 670px) {
- #intro p {
- max-width:60%
- }
- }
- @media (min-width: 880px) {
- #intro p {
- max-width:50%
- }
- }
- #intro ul {
- display: -webkit-box;
- display: -ms-flexbox;
- display: flex;
- margin-top: 40px
- }
- @media (min-width: 670px) {
- #intro ul {
- margin-top:65px
- }
- }
- #intro li:first-child a {
- margin-right: 23px;
- color: #fff;
- background: #3ecf8e;
- text-shadow: 0 1px 3px rgba(36,180,126,.4)
- }
- #intro li:first-child svg {
- position: relative;
- top: 1px;
- margin-right: 5px
- }
- #intro li:last-child {
- display: none
- }
- @media (min-width: 670px) {
- #intro li:last-child {
- display:block
- }
- #intro li:last-child a {
- color: #7795f8
- }
- }
- #app-illustrations {
- pointer-events: none;
- position: absolute;
- display: -webkit-box;
- display: -ms-flexbox;
- display: flex;
- width: 1287px;
- left: 50%;
- margin-left: -644px;
- -webkit-transform: scale(.5) rotate(-12deg) translateX(50px);
- transform: scale(.5) rotate(-12deg) translateX(50px);
- -webkit-transform-origin: 50% 20%;
- transform-origin: 50% 20%
- }
- #app-illustrations.hidden-preload {
- visibility: hidden
- }
- #app-illustrations div {
- display: -webkit-box;
- display: -ms-flexbox;
- display: flex;
- -webkit-box-pack: center;
- -ms-flex-pack: center;
- justify-content: center;
- -webkit-box-align: center;
- -ms-flex-align: center;
- align-items: center;
- border-radius: 38px;
- background: #fff;
- -webkit-box-shadow: inset 0 4px 7px 1px #fff,inset 0 -5px 20px rgba(173,186,204,.25),0 2px 6px rgba(0,21,64,.14),0 10px 20px rgba(0,21,64,.05);
- box-shadow: inset 0 4px 7px 1px #fff,inset 0 -5px 20px rgba(173,186,204,.25),0 2px 6px rgba(0,21,64,.14),0 10px 20px rgba(0,21,64,.05)
- }
- #app-illustrations .tablet-landscape {
- width: 512px;
- height: 352px;
- margin: 115px 50px 0
- }
- #app-illustrations .phone-big {
- display: none
- }
- #app-illustrations .phone-small {
- -webkit-box-ordinal-group: 0;
- -ms-flex-order: -1;
- order: -1;
- width: 225px;
- height: 467px
- }
- #app-illustrations .tablet-portrait {
- width: 450px;
- height: 675px;
- margin-top: 115px
- }
- @media (min-width: 670px) {
- #app-illustrations {
- -ms-flex-wrap:wrap;
- flex-wrap: wrap;
- width: 512px;
- margin-left: -50px;
- top: 215px;
-
- -webkit-transform-origin: 100% 0;
- transform-origin: 100% 0;
- -webkit-transform: scale(.8) rotate(-12deg);
- transform: scale(.8) rotate(-12deg);
- }
- #app-illustrations.hidden-preload {
- visibility: visible
- }
- #app-illustrations [class^=tablet] {
- margin: 0
- }
- #app-illustrations .tablet-landscape {
- width: 512px;
- height: 352px
- }
- #app-illustrations .phone-small {
- width: 225px;
- height: 467px;
- margin: 0 0 50px 176px
- }
- #app-illustrations .tablet-portrait {
- display: none
- }
- }
- @media (min-width: 880px) {
- #app-illustrations {
- margin-left: -10px;
- top: 20px;
- -webkit-transform: scale(1) rotate(-12deg);
- transform: scale(1) rotate(-12deg);
- }
- #app-illustrations .tablet-landscape {
- -ms-flex-item-align: end;
- align-self: flex-end;
- margin-right: 50px
- }
- #app-illustrations .phone-big {
- display: -webkit-box;
- display: -ms-flexbox;
- display: flex;
- margin-left: 100px;
- width: 267px;
- height: 553px
- }
- #app-illustrations .phone-small {
- -webkit-box-ordinal-group: 1;
- -ms-flex-order: 0;
- order: 0;
- margin: 50px 50px 0 0
- }
- #app-illustrations .tablet-portrait {
- display: -webkit-box;
- display: -ms-flexbox;
- display: flex;
- width: 450px;
- height: 675px;
- margin-top: 50px
- }
- }
- @media (max-width: 670px) {
- #app-illustrations {
- -webkit-transform: scale(0.5) rotate(-12deg);
- transform: scale(0.5) rotate(-12deg);
- -webkit-transform-origin: 50% 144%;
- transform-origin: 94% -144%;
- }
- }
- .announcement {
- display: -webkit-inline-box;
- display: -ms-inline-flexbox;
- display: inline-flex;
- -webkit-box-align: center;
- -ms-flex-align: center;
- align-items: center;
- width: calc(100% + 40px);
- width: calc(100% + 20px * 2);
- padding: 10px 20px;
- margin: 0 0 30px -20px;
- margin: 0 0 30px calc(20px * -1);
- font-size: 14px;
- line-height: 17px;
- font-weight: 500;
- color: #fff;
- text-decoration: none;
- background: rgba(0,0,140,.08)
- }
- .keyboard-navigation .announcement:focus {
- -webkit-box-shadow: 0 0 0 1.5px hsla(0,0%,100%,.75);
- box-shadow: 0 0 0 1.5px hsla(0,0%,100%,.75)
- }
- .announcement .message {
- -webkit-box-flex: 1;
- -ms-flex: 1;
- flex: 1;
- margin: 0 12px
- }
- @media (min-width: 670px) {
- @supports (width:auto) {
- .announcement {
- width:auto
- }
- }
- .announcement {
- line-height: 26px;
- margin: 0 0 55px;
- padding: 0 12px 0 5px;
- border-radius: 15px
- }
- .announcement .message {
- margin: 0 7px 0 6px
- }
- }
- .announcement .new-pill {
- padding: 0 6px;
- font-size: 12px;
- line-height: 16px;
- font-weight: 600;
- background: #24b47e;
- text-transform: uppercase;
- border-radius: 10px
- }
- /* .announcement:after {
- content: "\27A2";
- font: normal 16px StripeIcons;
- position: relative;
- bottom: 1px
- } */
- .announcement:hover { color: #fff!important;}
- .common-Button {
- white-space: nowrap;
- display: inline-block;
- height: 40px;
- line-height: 40px;
- padding: 0 14px;
- -webkit-box-shadow: 0 4px 6px rgba(50,50,93,.11),0 1px 3px rgba(0,0,0,.08);
- box-shadow: 0 4px 6px rgba(50,50,93,.11),0 1px 3px rgba(0,0,0,.08);
- background: #fff;
- border-radius: 4px;
- font-size: 15px;
- font-weight: 600;
- text-transform: uppercase;
- letter-spacing: .025em;
- color: #6772e5;
- text-decoration: none;
- -webkit-transition: all .15s ease;
- transition: all .15s ease
- }
- .container-fluid,.container-lg,.container-wide,.container-xl {
- margin: 0 auto;
- padding: 0 20px;
- width: 100%
- }
- .container-lg {
- max-width: 1040px
- }
- .container-wide,.container-xl {
- max-width: 1160px
- }
- .common-BodyText {
- font-weight: 400;
- font-size: 17px;
- line-height: 28px;
- color: #525f7f
- }
- .index-banner .swiper-container{width: 100%; height: 100%;}
- .index-banner .swiper-slide{overflow: hidden; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex;-webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center;-ms-flex-align: center; -webkit-align-items: center; align-items: center; width: 100%;}
- .index-banner .swiper-slide>a{display: block; height: 730px; width: 100%;}
- /*自定义swiper分页按钮*/
- .index-banner .swiper-pagination-bullet{width: 40px; height: 4px; display: inline-block; border-radius: 0; background-color: #fff; opacity: .4;}
- .index-banner .swiper-pagination-bullet-active{opacity: 1;}
- .index-banner .swiper-container-horizontal>.swiper-pagination-bullets{bottom: 20px;}
- .index-banner .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin: 0 5px;}
- .index-banner .banner-con{color: #fff;}
- .index-banner .banner-con .h1{font-size: 32px; font-weight: 600;}
- .index-banner .banner-con .h2{font-size: 18px; line-height: 30px; margin-bottom: 20px;}
- .index-banner .banner-con .ms-btn{border-color: #fff; width: 110px; color: #fff; font-size: 16px;}
- .index-banner .banner-con.con1{padding:295px 0 0 40px;}
- .index-banner .banner-con.con1 .h1{margin-bottom: 20px;}
- .index-banner .banner-con.con1 span{margin-left: 45px;}
- .index-banner .banner-con.con1 i{font-size: 22px;}
- .index-banner .banner-con.con2{padding: 290px 0 0 90px;}
- .index-banner .banner-con.con2 .h1{margin-bottom: 10px;}
- .index-banner .banner-con.con3{text-align: center; padding-top: 290px;}
- .index-banner .banner-con.con3 .h1{margin-bottom: 20px;}
- .index-banner .banner-con.con4{padding: 290px 0 0 40px;}
- .index-banner .banner-con.con4 .h1{margin-bottom: 20px;}
- /*/banner*/
- /*publicity*/
- .publicity-wrap{background-color: #f5f9fe; margin-top: 10px;}
- .publicity li{background-color: #f5f9fe; padding: 18px 30px 0; height: 95px; float: left; width: 33.333333%; border-left: 1px solid #e5e5e5;}
- .publicity li>a>div{float: none; display: table-cell; vertical-align: top;}
- .publicity li:first-of-type{border-left-color: transparent;}
- .publicity li .p-right{padding-left: 15px;}
- .publicity li .tit{font-size: 18px; color: #333; margin-bottom: 3px;}
- .publicity li .blue-line{margin: 0 0 10px; display: none;}
- .publicity li p{font-size: 12px;}
- .publicity li:hover .tit{color: #157df1;}
- .publicity li:hover p{color: #157df1;}
- /*/publicity*/
- /*网站封装APP*/
- .index-common{text-align: center; padding: 80px 0;}
- .index-common>h1{color: #157df1; margin-bottom: 20px;}
- .index-common>h4{color: #666; margin-bottom: 60px;}
- .index-encapsulation .e-list{margin-bottom: 50px;}
- .index-encapsulation .e-list li{width: 20%; float: left;}
- .index-encapsulation .ms-thumbnail img{margin-bottom: 15px;}
- /*/网站封装APP*/
- /*企业签名*/
- .index-signature-wrap{background: url("../img/index-bg-1.jpg") no-repeat center; height: 660px;}
- .index-signature>h1{color: #fff;}
- .index-signature>h4{color: #fff;}
- .index-signature .row{padding: 0 50px; margin: 0 -10px 40px;}
- .index-signature .row .col-sm-6{padding: 0 10px; margin-bottom: 20px;}
- .index-signature .row .con{background-color: #fff; padding: 0 20px;}
- .index-signature .row .con>*{display: table-cell; vertical-align: middle; float: none; height: 120px;}
- .index-signature .row .con dl{text-align: left; padding-left: 15px;}
- .index-signature .row .con dl dt{color: #333; font-size: 18px; margin-bottom: 5px;}
- .index-signature .more{border: 1px solid #fff; color: #fff;}
- .index-signature .more:hover{background-color: #fff; color: #157df1;}
- /*/企业签名*/
- /*内测分发*/
- .index-releas>h4{margin-bottom: 50px;}
- .index-releas .row{margin-bottom: 50px;}
- .index-releas .ms-thumbnail img{margin-bottom: 10px;}
- /*/内测分发*/
- /*功能累计数*/
- .cumulative-wrap{background: url("../img/index-bg-2.jpg") no-repeat center; height: 300px;}
- .index-cumulative{padding: 70px 0;}
- .index-cumulative>h1{color: #fff; margin-bottom: 50px;}
- .index-cumulative .num{font-size: 36px; color: #fff; margin-bottom: 5px;}
- .index-cumulative .text{color: #fff;}
- /*/功能累计数*/
- /*合作伙伴*/
- .index-partners{padding: 80px 60px 60px;}
- .index-partners>h1{margin-bottom: 60px;}
- .index-partners .con{position: relative; border: 1px solid #e5e5e5;}
- .index-partners ul li{float: left; width: 20%; padding: 0 10px; margin-bottom: 20px;}
- .index-partners .con p{position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: #fff; color: #333; padding: 10px; display: flex; align-items: center; cursor: pointer; display: none;}
- .index-partners .con:hover p{display: flex;}
- /*/合作伙伴*/
- /*footer*/
- footer{background-color: #373d41; padding: 60px 0;}
- .footer .left dl{margin-right: 160px;}
- .footer .left dl:last-of-type{margin-right: 100px;}
- .footer .left dt{color: #fff; font-size: 18px; margin-bottom: 20px;}
- .footer .left dd{margin-bottom: 10px; color: #fff; font-size: 12px;}
- .footer .left dd.line{background-color: #fff; width: 16px; height: 2px; margin-bottom: 15px;}
- .footer .left dd a{color: #fff; font-size: 12px;}
- .footer .left dd a:hover{text-decoration: underline;}
- .footer .right a{display: block;}
- .footer .right a img{width: 110px; height: 60px;}
- .footer .right .wechat{padding: 5px; background-color: #fff; margin: 10px 0; width: 95px; height: 95px; overflow: hidden;}
- .footer .right .wechat img{width: 85px; height: 85px;}
- .footer .right p{font-size: 12px; color: #fff; text-align: right;}
- .footer .record{text-align: center; color: #fff; margin-top: 20px;}
- /*/footer*/
- /*----------index-----------*/
- /*----------登录-----------*/
- .login-common{width: 500px; border-radius: 0; border: 1px solid #e5e5e5; padding: 40px 45px; box-shadow: 0 5px 10px rgba(0,0,0,.1); margin: 80px auto;}
- .login-common .help-block{position: absolute; top: 100%; display: none;}
- .login-common .has-error .help-block{display: block;}
- .login-common .input-lg{font-size: 16px;}
- .login-common .tit{font-size: 18px; color: #333; text-align: center; margin-bottom: 30px;}
- .login-common .form-group{position: relative; margin-bottom: 20px;}
- .login-common .form-group label{position: absolute; left: 12px; top: 50%; transform: translateY(-50%);}
- .login-common .form-group .form-control{padding-left: 40px; border-radius: 0;}
- .login-common .form-group .icon-tel{font-size: 22px;}
- .login-common .form-group .icon-pwd{font-size: 18px;}
- .login-common .checkbox{margin: 0;}
- .login-common .checkbox input{margin-left: 0;}
- .login-common .checkbox span{margin-left: 20px;}
- .login-common .ms-btn-primary{width: 100%; font-size: 14px;}
- .login-common .login-logo{margin-bottom: 20px;}
- .login-common .registered-logo{margin-bottom: 30px;}
- .login-common .login-logo img{margin: 0 auto;}
- .login-common .login-logo .slogan-wrap{text-align: center; margin-top: 15px;}
- .login-common .login-logo .slogan{display: inline-block;}
- .login-common .login-logo .slogan .text{margin: 0 7px; color: #999;}
- /*----------/登录-----------*/
- /*----------注册-----------*/
- .login-common .form-group .icon-user{font-size: 20px;}
- .login-common .form-group .icon-email{font-size: 20px; top: 55%;}
- .login-common .verification-code .form-control{width: 70%;}
- .login-common .verification-code .ms-btn-primary{width: 27%; margin-top: 0;}
- /*----------/注册-----------*/
- /*----------实名认证-----------*/
- .real-name-wrap{background-color: #f2f2f5; padding-bottom: 40px;}
- .real-name{background-color: #fff; border-radius: 3px; border: 1px solid #e5e5e5; padding: 65px 0;}
- .real-name.real-name-error{background-color: transparent; border-radius: 3px; border: none; padding: 65px 0 0;}
- .real-name .top{padding-bottom: 25px; text-align: center;}
- .real-name .top ul{display: inline-block;}
- .real-name .top ul li{float: left;}
- .real-name .top ul li:nth-of-type(odd){margin: 0 35px;}
- .real-name .top ul li .num{width: 27px; height: 27px; text-align: center; line-height: 27px; color: #fff; font-size: 18px; border-radius: 50%; background-color: #d7dde4; position: relative; top: -1px;}
- .real-name .top ul li .text{color: #333; font-size: 18px; margin-left: 10px;}
- .real-name .top ul li.active .text{color: #348dee; font-weight: 600;}
- .real-name .top ul li.active .num{background-color: #348dee;}
- .real-name .top ul li dl{margin: 12px 20px 0;}
- .real-name .top ul li dd{background-color: #d7dde4; width: 3px; height: 3px; border-radius: 3px; float: left; margin: 0 2px;}
- /*1*/
- .real-name .con1{text-align: center; background-color: #fff;}
- .real-name .con .choice{text-align: left; padding-left: 25px; margin-bottom: 20px;}
- .real-name .con .choice-wrap{display: inline-block; padding: 75px 0 160px;}
- .real-name .con li{width: 320px; border: 1px solid #e5e5e5; border-radius: 3px; padding: 65px 0 35px; margin: 0 25px;}
- .real-name .con li.active{border-color: #157df1;}
- .real-name .con li .con-t{background-color: #fbfbfb; border: 1px solid #e5e5e5; width: 145px; height: 145px; border-radius: 50%; margin: 0 auto;}
- .real-name .con li:first-of-type .con-t{background: url("../img/icon-8.png") no-repeat center;}
- .real-name .con li:last-of-type .con-t{background: url("../img/icon-9.png") no-repeat center;}
- .real-name .con li .tit{color: #333; font-size: 18px; text-align: center; margin-top: 35px;}
- .real-name .con li p{color: #666; font-size: 12px; text-align: center; line-height: 24px; margin-top: 5px;}
- .real-name .con li .authentication{width: 50%; margin: 40px auto 0; display: block;}
- .real-name .con li:hover{border-color: #348dee; box-shadow: 0 0px 10px rgba(0,0,0,.1);}
- .real-name .con li:hover .con-t{background-color: transparent; border-color: transparent;}
- .real-name .con li:hover .authentication{background: #348dee; color: #fff; border-color: #348dee;}
- /*2*/
- .real-name .con2{padding: 0 200px; /*background-color: #fff;*/}
- .real-name .con2 .form-group{margin-bottom: 30px;}
- .real-name .con2 .form-group .control-label{color: #333;}
- .control-label span{color: #ff4222; margin-right: 10px;}
- .real-name .con2 .upload-img1{position: relative; border: 1px dashed #e5e5e5; height: 150px; border-radius: 5px; background: url("../img/icon-10.png") no-repeat center 40px; overflow: hidden; margin-bottom: 30px;}
- .real-name .con2 .upload-img1:last-of-type{margin-bottom: 0;}
- .real-name .con2 .upload-img1 img{position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: #fff;}
- .real-name .con2 .upload-img1 .thumbnail{position: absolute; z-index: 2; width: 100%; height: 100%; left: 0; top: 0; opacity: 0; cursor: pointer;}
- .real-name .con2 .upload-img1 .text{text-align: center; margin-top: 80px;}
- .real-name .con2 .upload-img1 .reset{position: absolute; left: 0; bottom: 0; height: 30px; line-height: 30px; background: rgba(0,0,0,.5); width: 100%; color: #fff; text-align: center; display: none;}
- .real-name .con2 .upload-img1 .reset{display: none;}
- .real-name .con2 .upload-img1.uploaded .reset{display: none;}
- .real-name .con2 .upload-img1.uploaded:hover .reset{display: block;}
- .real-name .con2 .upload-img1 .water-mark{display: none;}
- .real-name .con2 .upload-img1 .water-mark img{background-color: transparent;}
- .real-name .con2 .upload-img1.uploaded .water-mark{display: block;}
- .real-name .con2 .upload-img1 .ongoing{position: absolute; left: 0; top: 0; background: rgba(0,0,0,.5); width: 100%; height: 100%; color: #fff; display: flex; justify-content: center; align-items: center; font-size: 12px; display: none;}
- .real-name .con2 .upload-img1.uploading .ongoing{display: flex;}
- .real-name .data-uploading .submit{width: 160px;}
- .real-name .con2 .upload-license{height: 340px; margin-bottom: 0; background-position: center 40%; display: flex; align-items: center;}
- .real-name .con2 .upload-license .text{text-align: center; width: 100%; margin-top: 0;}
- /*3*/
- .real-name .con3-top{padding: 80px 135px 130px; border: 1px solid #e5e5e5; border-radius: 3px; background-color: #fff;}
- .real-name .con3-top>h3{font-size: 28px; color: #333; margin-top: 40px;}
- .real-name .con3-top>h4{font-size: 18px; color: #333; margin-top: 15px;}
- .list-bottom-common{padding: 40px 140px; margin-top: 20px; margin-bottom: 40px; border: 1px solid #e5e5e5; border-radius: 3px; background-color: #fff;}
- .list-bottom-common .index-common{padding: 0;}
- .list-bottom-common .index-common .row{margin-top: 0;}
- .list-bottom-common .index-common .con{border: 1px solid #e5e5e5; border-radius: 3px; padding: 40px 30px 45px;}
- .list-bottom-common .index-common .con p{line-height: 20px; font-size: 12px; margin-top: 30px; height: 80px;}
- .list-bottom-common .index-common .con img{height: 83px; margin: 0 auto 20px;}
- .list-bottom-common .index-common .con:hover{box-shadow: 0 5px 20px rgba(0,0,0,.1);}
- .list-bottom-common .index-common .con:hover h4{color: #157df1;}
- .real-name .con3-top .btn-reset{background-color: #fd9823; color: #fff; padding: 9px 0; width: 160px; display: block; margin: 40px auto 0;}
- .real-name .list-bottom-common{margin-bottom: 0;}
- /*----------/实名认证-----------*/
- /*----------价格-----------*/
- .buy-distribution{padding: 90px 70px 0;}
- .buy-distribution .con{border: 1px solid #e5e5e5; padding-bottom: 35px; margin-bottom: 30px;}
- .buy-distribution .con:hover{box-shadow: 0 5px 10px rgba(21,125,241,.2);}
- .buy-distribution .con .c-top{background: linear-gradient(to right, #5aabfc, #28c9f7); height: 160px; border-radius: 0 0 50% 50%; text-align: center; padding-top: .1px; position: relative;}
- .buy-distribution .con .c-top .text{color: #fff; font-size: 16px; margin-top: 30px;}
- .buy-distribution .con .c-top .num{color: #fff; font-size: 50px;}
- .buy-distribution .con .c-top .num span{font-size: 12px;}
- .buy-distribution .con .c-top .recommended{position: absolute; top: 0; right: 0; display: none;}
- .buy-distribution .tooltip .tooltip-inner{max-width: 300px;}
- .buy-distribution .con .bottom .text{color: #333; margin-top: 25px;}
- .buy-distribution .con .bottom .price{color: #157df1; font-size: 40px; margin-top: 15px;}
- .buy-distribution .con .bottom .price span{font-size: 12px;}
- .buy-distribution .con .bottom .btn-buy{padding: 9px 0; width: 120px; border: 1px solid #157df1; color: #157df1; margin-top: 25px;}
- .buy-distribution .con:hover .bottom .btn-buy{background-color: #157df1; color: #fff;}
- .buy-distribution .con .bottom-con{padding: 0 30px; margin-top: 40px;}
- .buy-distribution .con .bottom-con dl{border-top: 1px solid #e5e5e5; text-align: left; color: #666; padding-top: 20px; height: 156px;}
- .buy-distribution .con .bottom-con dl dd{margin: 5px 0;}
- .buy-distribution .con .bottom-con dl dd .icon-gou{margin-right: 10px;}
- .buy-distribution .con .bottom-con dl dd .icon-prompt{position: relative; margin-left: 5px; top: -3px; cursor: pointer;}
- .buy-distribution p{padding: 10px 0 40px; border-bottom: 1px solid #e5e5e5;}
- .buy-distribution p a{color: #157df1;}
- /*----------/价格-----------*/
- /*----------价格改版 改版完成后,将上一版价格样式删除-----------*/
- .buy-number{padding: 0 60px;}
- .buy-number .price-common .con{border: 1px solid #e5e5e5; padding-bottom: 40px;}
- .buy-number .price-common .con:hover{box-shadow: 0 5px 10px rgba(21,125,241,.2);}
- .buy-number .price-common .c-top{text-align: center; padding: 30px 0 35px; position: relative;}
- .buy-number .price-common .con .c-top .num{color: #333; font-size: 50px;}
- .buy-number .price-common .con .c-top .num span{font-size: 16px;}
- .buy-number .price-common .con .c-top p{color: #666;}
- .buy-number .price-common .con .c-top .recommended{position: absolute; top: 0; right: 0; display: none;}
- .buy-number .price-common .tooltip .tooltip-inner{max-width: 300px;}
- .buy-number .price-common .con .bottom-con{padding: 0 30px;}
- .buy-number .price-common .con .bottom-con dl{border-top: 1px solid #e5e5e5; text-align: left; color: #666; padding-top: 20px; height: 195px;}
- .buy-number .price-common .con .bottom-con dl dd{margin: 10px 0;}
- .buy-number .price-common .con .bottom-con dl dd .icon-gou{margin-right: 10px; font-size: 14px;}
- .buy-number .price-common .con .bottom-con dl dd .icon-prompt{position: relative; margin-left: 5px; top: -3px; cursor: pointer;}
- .buy-number .price-common .con .bottom-con .b-price{font-size: 16px; color: #157df1; text-align: center; margin-bottom: 25px;}
- .buy-number .price-common .con .bottom-con .b-price span{font-size: 40px;}
- .buy-number .price-common .con .bottom{text-align: center;}
- .buy-number .price-common .con .bottom .btn-buy{padding: 9px 12px; width: 120px;}
- .price-con .tab-2 .price-common .p1{margin-bottom: 40px;}
- .price-con>.tab-3{margin-bottom: 60px;}
- .price-con .big-bag-price h1{color: #fd9817;}
- .buy-number .big-bag-price .con .c-top .num{color: #fd9817;}
- .buy-number .big-bag-price .con .c-top .num span{color: #333;}
- .buy-number .big-bag-price .color-hover{color: #fd9817;}
- .buy-number .big-bag-price .con .bottom .btn-buy{background-color: #fd9817; border-color: #fd9817;}
- .buy-number .big-bag-price .con .bottom-con .b-price{color: #fd9817;}
- /*----------/价格改版 改版完成后,将上一版价格样式删除-----------*/
- /*----------价格支付-----------*/
- .price-pay-wrap{background-color: #f2f2f5; padding-bottom: 40px;}
- .price-pay .con{background-color: #fff; border-radius: 3px; box-shadow: 0 0 5px rgba(0,0,0,.05);}
- .price-pay .common .tit{padding: 25px 30px 20px; border-bottom: 1px solid #e5e5e5; color: #333;}
- .price-pay .common ul{padding: 20px 25px;}
- .price-pay .common ul li{float: left; position: relative; cursor: pointer;}
- .price-pay .common .list1 li{border: 1px solid #e5e5e5; border-radius: 3px; padding: 12px 20px 11px; margin-right: 40px;}
- .price-pay .common .list1 li .left{padding-right: 20px;}
- .price-pay .common .list1 li .text1{color: #666;}
- .price-pay .common .list1 li .text2{text-align: center;color: #333; margin-top: 5px; font-weight: 600;}
- .price-pay .common .list1 .right{color: #157df1; font-size: 30px; padding-left: 20px; border-left: 1px solid #e5e5e5;}
- .price-pay .common .list1 .right span{color: #666; font-size: 14px;}
- .price-pay .common ul li .radio-checked{display: none; position: absolute; right: 0; bottom: 0;}
- .price-pay .common ul li.active .radio-checked{display: block;}
- .price-pay .common ul.list1 .active{border-color: #157df1;}
- .price-pay .common .list2.active{border-color: #157df1;}
- .price-pay .common .list2 li.active .icon-radio{width: 16px; height: 16px; background-position: 0 -17px;}
- .price-pay .common .list2 li{margin-right: 70px; position: relative;}
- .price-pay .common .list2 li .preferential{background-color: #ed2027; border-radius: 3px; color: #fff; position: absolute; top: -18px; left: 100%; font-size: 12px; white-space: nowrap; padding: 1px 3px; z-index: 3; display: none;}
- .price-pay .common .list3 li{height: 44px; border: 1px solid #e5e5e5; justify-content: center; display: flex; align-items: center; margin-right: 20px; padding: 0 30px;}
- .price-pay .common .list3 li.disabled{background-color: #f9f9f9; cursor: not-allowed;}
- .price-pay .common .list3 li.disabled .iconfont{color: #b3b3b3;}
- .price-pay .common .list3 li.disabled .remaining-amount{color: #999;}
- .price-pay .common .list3 li.disabled .remaining-amount .color-hover{color: #999;}
- .price-pay .common .list3 li img{display: inline-block;}
- .price-pay .common ul.list3 .active{border-color: #157df1;}
- .price-pay .common ul.list2 .disabled{cursor: not-allowed; color: #e5e5e5; background-color: transparent !important;}
- .price-pay .pay-money{padding-left: 25px; border-top: 1px solid #e5e5e5; margin-top: 20px; padding-bottom: 40px;}
- .price-pay .pay-money .money{color: #333; padding: 20px 0;}
- .price-pay .pay-money .money span{color: #fd641d; font-size: 24px;}
- .price-pay .pay-money .ms-btn{width: 160px; padding: 9px 0;}
- .price-pay .common .remaining-amount .a-num{font-size: 12px;}
- .price-pay .common .icon-yue{color: #ffa304; font-size: 22px; margin-right: 5px;}
- /*----------/价格支付-----------*/
- /*----------应用发布-----------*/
- .release-app-wrap{background-color: #f2f2f5;}
- .upload-file{box-shadow: 0 0 5px rgba(0,0,0,.05); border-radius: 3px; background-color: #fff; padding: 160px 0 100px; margin-top: 20px;}
- .upload-file .upload-btn{width: 240px; padding: 0; height: 60px; font-size: 18px; line-height: 58px; margin: 0 auto; display: block; position: relative;}
- .upload-file .upload-btn input[type=file]{position: absolute; width: 100%; height: 100%; left: 0; top: 0; opacity: 0; cursor: pointer;}
- .upload-file .upload-btn .iconfont{font-size: 30px; margin-right: 10px; position: relative;}
- .upload-file p{text-align: center; color: #666; line-height: 22px; margin-top: 15px;}
- .upload-file .upload-btn .text{position: relative; top: -3px;}
- .release-app>p{padding: 5px 0;}
- .release-app>p>a{color: #157df1;}
- .upload-app-icon img{width: 60px; height: 60px; border-radius: 15px; border: 1px solid #e5e5e5;}
- /*app 上传成功*/
- /*
- .release-app .uploaded-success{height: 450px; background-color: #fff; border: 1px solid #e5e5e5; margin-top: 20px; margin-bottom: 40px; text-align: center;}
- .release-app .uploaded-success img{width: 90px; height: 90px; border-radius: 15px; margin-top: 70px; border: 1px solid #e5e5e5;}
- .release-app .uploaded-success .tit{font-size: 20px; color: #333; margin-top: 15px;}
- .release-app .uploaded-success .iconfont{margin-right: 5px;}
- */
- .release-app .uploaded-success{padding: 110px 0; background-color: #fff; border-radius: 5px; margin-bottom: 40px; text-align: center;}
- .release-app .uploaded-success .img-wrap{width: 130px; height: 130px; border-radius: 15px; padding: 10px; box-shadow: 0 0 10px rgba(0,0,0,.2); margin: 0 auto; margin-bottom: 30px;}
- .release-app .uploaded-success img{border-radius: 15px; max-width: 100%; height: 100%;}
- .release-app .uploaded-success .tit{font-size: 20px; color: #fff; background: url("../img/release-img-1.png") no-repeat; width: 283px; height: 37px; line-height: 37px; margin: 0 auto 25px; font-weight: 600;}
- .release-app .uploaded-success .p1{font-size: 18px; color: #333; margin-bottom: 40px;}
- .release-app .uploaded-success .up-btn .ms-btn{border-radius: 20px; width: 150px; padding: 8px; margin: 0 12px; font-size: 16px;}
- .release-app .uploaded-success .up-btn .ms-btn:hover{box-shadow: 0 3px 5px rgba(21,125,241,.2);}
- .release-app .uploaded-success .iconfont{margin-right: 5px;}
- /*----------/应用发布-----------*/
- /*----------/我的应用-----------*/
- .release-app .search{position: relative;}
- .release-app .search .iconfont{position: absolute; left: 10px; top: 50%; transform: translateY(-50%); font-size: 18px;}
- .release-app .search input{height: 40px; line-height: 38px; width: 160px; border: 1px solid #e5e5e5; padding-left: 40px;}
- .release-app .search .btn-search{line-height: 40px; color: #157df1; margin-left: 15px;}
- .release-app .btn-new-release .iconfont{font-size: 20px; }
- .release-app .btn-new-release .text{margin: 4px 0 0 5px;}
- .release-app .app-table-wrap{/*min-height: 400px;*/ background-color: #fff; margin-top: 20px;}
- /*.release-app .app-table-wrap .table-responsive{min-height: 500px;}*/
- .release-app .app-table{border: 1px solid #e5e5e5;}
- .release-app .app-table tr th{text-align: center; font-weight: 600; color:#666; padding: 15px 0; background-color: #f7f7fa; border-color: #e5e5e5; font-size: 12px;}
- .release-app .app-table tr td{font-size: 12px; color: #666;}
- .release-app .app-table>tbody>tr>td{text-align: center; padding: 10px; vertical-align: middle; background-color: #fff; border-color: #e5e5e5; color: #666;}
- .release-app .app-table>tbody>tr>td.color-danger{color: #fd641d;}
- .release-app .app-table>tbody>tr>td.color-999{color: #999;}
- .release-app .app-table>tbody>tr>td td{text-align: left;}
- /*.release-app .app-table>tbody>tr:hover td{background-color: #f9f9f9;}*/
- /*.release-app .app-table>tbody>tr>td:first-of-type img{border-radius: 5px; border: 1px solid #e5e5e5;}*/
- .release-app .app-table .app-icon-size img{border-radius: 5px; border: 1px solid #e5e5e5;}
- .release-app .icon-small-code{position: relative; cursor: pointer; margin-left: 5px;}
- .release-app .icon-small-code .popover{width: 150px; display: none; left: 50%; top: 13px; transform: translateX(-50%);}
- .release-app .icon-small-code .popover .popover-title{color: #333;}
- .release-app .icon-small-code .popover .popover-content img{width: 120px; height: 120px;}
- .release-app .icon-small-code:hover .popover{display: block;}
- .release-app .no-app{padding-bottom: 100px;}
- /*
- .release-app .qr-code{position: absolute; right: -99px; top: 12px; z-index: 2; display: none; background: url("../img/img-6.png"); width: 127px; height: 148px; text-align: center;}
- */
- .release-app .qr-code img{width: 100px; height: 100px; margin-top: 42px;}
- /*----------/我的应用-----------*/
- /*----------我的应用 编辑设置-----------*/
- .release-app .app-editor{background-color: #fff; border-radius: 3px; border: 1px solid #e5e5e5; padding: 30px; margin-bottom: 40px;}
- .release-app .app-editor .top .upload-img{width: 80px; height: 80px; border-radius: 5px; overflow: hidden; position: relative;}
- .release-app .app-editor .top .upload-img img{position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: #fff; border-radius: 15px;}
- .release-app .app-editor .top .upload-img .upload{position: absolute; right: 0; bottom: 0; background-color: rgba(0,0,0,.6); line-height: 20px; width: 100%; text-align: center; color: #fff; font-size: 12px; cursor: pointer; display: none;}
- .release-app .app-editor .top .upload-img:hover .upload{display: block;}
- .release-app .app-editor .top .upload-img .thumbnail{position: absolute; z-index: 4; left: 0; top: 0; width: 100%; height: 100%; opacity: 0; cursor: pointer; overflow: hidden; margin-bottom: 0;}
- .release-app .app-editor .top .upload-img.uploaded .upload{display: none;}
- .release-app .app-editor .top .upload-img.uploaded input{display: none;}
- .release-app .app-editor .top .upload-img.uploaded:hover .upload{display: block;}
- .release-app .app-editor .top .upload-img.uploaded:hover input{display: block;}
- .release-app .app-editor .top .left dl{margin-left: 20px;}
- .release-app .app-editor .top .left dl dt{font-size: 24px; color: #333; margin-top: 5px;}
- .release-app .app-editor .top .left dl dt .icon-iphone{margin-top: 10px; margin-left: 5px;}
- .release-app .app-editor .top .left dl dt .icon-android{margin-top: 10px; margin-left: 5px;}
- .release-app .app-editor .top .left dl dd{color: #333; margin-top: 7px;}
- .release-app .app-editor .top .right{line-height: 22px;}
- .release-app .app-editor .top .right .iconfont{font-size: 22px;}
- .release-app .app-editor table{margin-top: 30px; table-layout: fixed;}
- .release-app .app-editor table td{padding: 15px;}
- .release-app .app-editor table td .bold{color: #333; margin-bottom: 5px;}
- .release-app .app-editor .download-qr .icon-small-code{position: relative; cursor: pointer; margin-top: 3px; margin-left: 5px; }
- .release-app .app-editor table td .link-down{}
- .release-app .app-editor table td .link-down:hover{color: #157df1; text-decoration: underline;}
- /*
- .release-app .app-editor .download-qr .icon-small-code img{position: absolute; left: -14px; top: 12px; opacity: 0; transition: all 600ms;}
- .release-app .app-editor .download-qr .icon-small-code:hover img{opacity: 1;}
- */
- .release-app .app-editor .set .short-link>.col-sm-6>.col-sm-6{padding-left: 0; padding-right: 0;}
- .release-app .app-editor .set .short-link .form-control{border-radius: 0 4px 4px 0; border-left: none;}
- .release-app .app-editor .set .short-link .link{padding: 6px 12px !important; height: 34px; background-color: #f2f2f5; border: 1px solid #e5e5e5; border-radius: 4px 0 0 4px; color: #333;}
- .release-app .app-editor .set{border: 1px solid #e5e5e5; border-radius: 3px; padding-bottom: 40px;}
- .release-app .app-editor .set .tab{background-color: #f2f2f5; height: 44px; line-height: 44px; border-bottom: 1px solid #e5e5e5;}
- .release-app .app-editor .set .tab li{float: left; padding: 0 20px; cursor: pointer; color: #333;}
- .release-app .app-editor .set .tab li.active{background-color: #fff; border-right: 1px solid #e5e5e5; border-left: 1px solid #e5e5e5; margin-left: -1px; color: #157df1;}
- .release-app .app-editor .set .tab-con{margin-top: 40px;}
- .release-app .app-editor .set .col-sm-1{width: 11%;}
- .release-app .app-editor .set .tab-con label{color: #333;}
- .release-app .app-editor .set .tab-con .form-control{color: #333;}
- .release-app .app-editor .set .tab-con>div{display: none;}
- .release-app .app-editor .set .tab-con .form-group{margin-bottom: 30px;}
- .release-app .app-editor .set .trust{margin-top: 7px;}
- .release-app .app-editor .set .trust li{float: left; margin-right: 50px; cursor: pointer; color: #333;}
- .release-app .app-editor .set .trust li .icon-radio{margin-right: 8px;}
- /*----------/我的应用 编辑设置-----------*/
- /*----------个人中心-----------*/
- .user-center-wrap{background-color: #f2f2f5;}
- .user-center{margin-bottom: 40px;}
- .user-center>.row{margin: 0 -5px;}
- .user-center>.row>.col-sm-2{width: 18.5%; padding: 0 5px;}
- .user-center>.row>.col-sm-10{width: 81.5%; padding: 0 5px;}
- .user-center .left{border: 1px solid #e5e5e5; border-radius: 3px; background-color: #fff; height: 830px;}
- .user-center .right{border: 1px solid #e5e5e5; border-radius: 3px; background-color: #fff; height: 830px;}
- .user-center .left dl{padding-top: 20px; border-bottom: 1px solid #e5e5e5;}
- .user-center .left dl dt{font-size: 16px; color: #333; font-weight: 600; padding-left: 25px; margin-bottom: 15px;}
- .user-center .left dl dt .icon-service{margin: 5px 15px 0 0;}
- .user-center .left dl dt .icon-order{margin: 4px 15px 0 0;}
- .user-center .left dl dt .icon-user1{margin: 3px 15px 0 0;}
- .user-center .left dl dd a{height: 50px; line-height: 50px; padding-left: 55px; color: #333; display: block;}
- .user-center .left dl dd a:hover{background-color: #157df1; color: #fff;}
- .user-center .left dl dd.active a{background-color: #157df1; color: #fff;}
- .user-center .right .tit{font-size: 16px; color: #333; font-weight: 600; padding: 15px 20px; border-bottom: 1px solid #e5e5e5;}
- .user-center .right .con{padding: 20px 50px;}
- .user-center .right .con .input-size{width: 78%; margin-right: 10px; float: left;}
- .user-center .right .con label{color: #333; font-weight: 600;}
- .user-center .right .con .form-group label{margin: 0 30px 8px 0;}
- .user-center .right .con .current-email{margin-bottom: 5px;}
- .user-center .right .con .user-data{table-layout: fixed;}
- .user-center .right .con .user-data tr th:first-of-type{width: 140px;}
- .user-center .right .con .user-data tr td:first-of-type{width: 270px;}
- .user-center .right .con .user-data tr td:last-of-type{width: 150px;}
- .user-center .right .con .user-data td,.user-center .right .con .user-data th{border: none !important; color: #333; vertical-align: middle; padding: 5px 8px;}
- .user-center .right .con .user-data th{font-weight: 600;}
- .user-center .right .con .read-only{padding-top: 15px; border-top: 1px solid #e5e5e5;}
- .user-center .right .con .read-only th,.user-center .right .con .read-only td{padding: 8px;}
- .user-center .right .table-wrap{padding: 20px;}
- .user-center .right .table-wrap .table-responsive{overflow-x: visible;}
- .user-center .right .con .table-order .icon-prompt{position: relative; top: 2px; margin-left: 5px; cursor: pointer;}
- .user-center .right .con .table-order>tbody>tr:nth-of-type(odd){background-color: #f6fafe;}
- .user-center .right .con .table-order tr th{background-color: #4497f4; color: #fff; padding: 15px; text-align: center; border-color: #4497f4;}
- .user-center .right .con .table-order tr td{padding: 25px 15px; text-align: center;}
- .user-center .right .con .table-order .icon-prompt .tips{background: url("../img/icon-prompt.png") no-repeat; width: 159px; height: 58px; position: absolute; left: -17px; bottom: 11px; padding-top: 15px; font-size: 12px; opacity: 0; display: none; transition: all 600ms; z-index: 1000;}
- .user-center .right .con .table-order .icon-prompt:hover .tips{opacity: 1; display: block;}
- .user-center .right .service-wrap{padding: 20px;}
- .user-center .right .service{border: 1px solid #e5e5e5; border-radius: 3px; height: 135px;}
- .user-center .right .service .top .tit{background-color: #f5f6f8; font-size: 18px; color: #333; font-weight: 600; padding: 10px 25px; border-radius: 3px;}
- .user-center .right .service .top .ms-btn{margin-right: 25px; margin-top: 10px;}
- .user-center .right .service .top .ms-btn-default{border-color: transparent; color: #157df1;}
- .user-center .right .service .top .ms-btn-default:hover{background: #fff; color: #157df1; border-color: #157df1;}
- .user-center .right .service .bottom .downloads{margin-top: 20px;}
- .user-center .right .service .bottom .downloads li{padding: 0 25px; width: 50%; float: left; color: #666;}
- .user-center .right .service .bottom .downloads li .progress1{width: 100%; background-color: #f3f3f3; height: 6px; border-radius: 3px; position: relative; margin-top: 10px;}
- .user-center .right .service .bottom .downloads li .progress1 .bar{position: absolute; left: 0; top: 0; height: 100%; background-color: #157df1; border-radius: 3px;}
- .user-center .right .service .bottom .signature{display: table; width: 100%; margin-top: 20px; text-align: center;}
- .user-center .right .service .bottom .signature li{display: table-cell; border-right: 1px solid #e5e5e5;}
- .user-center .right .service .bottom .signature li:last-of-type{border-color: transparent;}
- .user-center .right .service .bottom .signature li{color: #666;}
- .user-center .right .service .bottom .signature li .num{color: #333;}
- .user-center .right .service .bottom .signature li .num span{font-size: 20px;}
- /*
- *2018-09-20改版,改版上线后,将上版本样式删除
- */
- .user-center1>.row{margin: 0 0 20px; overflow: hidden; height: 100%;}
- @media (min-width: 1200px) {
- .user-center1>.row>.col-sm-2{padding: 0 0 9999px; margin-bottom: -9999px;}
- }
- .user-center1>.row>.col-sm-2{background-color: #fff; box-shadow: 0 0 5px rgba(0,0,0,.05);}
- .user-center1>.row>.col-sm-10{padding: 0 0 0 10px;}
- /*.user-center1 .aside-left{height: 550px;}*/
- .user-center1 .aside-left .iconfont{font-size: 18px;}
- .user-center1 .aside-left .icon-msg{font-size: 18px; position: relative; top: 2px;}
- .user-center1 .aside-left .icon-fapiao,.user-center1 .aside-left .icon-028{position: relative; top: 2px;}
- /*.user-center1 .aside-right .user-table{margin-bottom: 40px;}*/
- .user-center1 .aside-right .user-table .table{border: 1px solid #e5e5e5; margin-bottom: 0;}
- .user-center1 .aside-right .user-table .table th{background-color: #f5f6f7; padding: 15px 10px; text-align: center; color: #666; font-weight: 600; border-top-color: transparent;}
- .user-center1 .aside-right .user-table .table td{background-color: #fff; padding: 23px 10px; text-align: center; color: #666; font-size: 12px; border-top-color: #e5e5e5;}
- .user-center1 .aside-right .user-table .table td.color-hover{color: #157df1;}
- .user-center1 .aside-right .user-table .table td.color-999{color: #999;}
- .user-center1 .aside-right .user-table .table tr:hover td{background-color: #ebf7ff;}
- .user-center1 .aside-right .user-table .table-wrap{background-color: #fff;}
- .user-center1 .aside-right .user-table .table-wrap1{min-height: 495px;}
- .user-center1 .aside-right .user-table .table-wrap2{min-height: 459px; box-shadow: 0 0 5px rgba(0,0,0,.05); padding-bottom: 30px;}
- .user-center1 .aside-right .user-table .table-wrap2 .invoice-table2{border: none; border-bottom: 1px solid #e5e5e5;}
- .user-center1 .aside-right .user-table .table td [data-toggle="popover"]{cursor: pointer;}
- .user-center1 .aside-right .paging{margin-top: 30px; margin-bottom: 0;}
- .user-center1 .aside-right .order .no-content{padding-top: 90px;}
- .user-center1 .aside-right .order .table-wrap{min-height: 351px;}
- .user-center1 .account-management{box-shadow: 0 0 5px rgba(0,0,0,.05); background-color: #fff; height: 550px;}
- .user-center1 .account-management>ul{height: 48px; background-color: #f2f2f5; line-height: 48px; border-bottom: 1px solid #e5e5e5;}
- .user-center1 .account-management>ul li{float: left; padding: 0 20px; cursor: pointer; color: #333;}
- .user-center1 .account-management>ul li.active{background-color: #fff;}
- .user-center1 .account-management .tab{padding: 0 30px;}
- .user-center1 .account-management .tab>div{display: none;}
- .user-center1 .account-management .data table{color: #333; margin-top: 25px; margin-bottom: 0;}
- .user-center1 .account-management .data table tr th{border-top: none; font-weight: 600; vertical-align: middle; padding: 6px;}
- .user-center1 .account-management .data table tr td{border-top: none; vertical-align: middle; padding: 6px;}
- .user-center1 .account-management .data table tr td .ms-btn-default{padding: 1px 12px;}
- .user-center1 .account-management .data .table1 tr th:first-of-type{width: 160px;}
- .user-center1 .account-management .data .table1 tr td:first-of-type{width: 250px;}
- .user-center1 .account-management .data .table2 tr th:first-of-type{width: 160px;}
- .user-center1 .account-management .data .table2 tr td:first-of-type{width: 250px;}
- .user-center1 .account-management .data hr{margin-top: 25px;}
- .user-center1 .account-management .pwd{padding: 30px 0;}
- .user-center1 .account-management .pwd .form-group{position: relative; margin-bottom: 25px;}
- .user-center1 .account-management .pwd .form-group label{font-weight: 600; color: #333; margin-bottom: 5px;}
- .user-center1 .account-management .pwd .form-group .iconfont{position: absolute; bottom: 5px; right: 15px; cursor: pointer; color: #333;}
- .user-center1 .account-management .pwd .form-group .error{display: none; position: absolute; top: 100%; left: 0;}
- .user-center1 .account-management .pwd .form-error .error{display: block; color: #ff4222;}
- .user-center1 .account-management .pwd .ms-btn{width: 160px; padding: 12px 9px;}
- .user-center1 .account-management .msg{padding: 30px 0;}
- .user-center1 .account-management .msg dl{font-size: 13px;}
- .user-center1 .account-management .msg dl dt{color: #333; font-weight: 600; margin-bottom: 3px;}
- .user-center1 .account-management .msg dl dd{color: #666;}
- .user-center1 .account-management .msg ol{margin: 10px 0 0 20px;}
- .user-center1 .account-management .msg ol li{float: left; color: #333; margin-left: 50px; cursor: pointer;}
- .user-center1 .account-management .msg ol li .icon{position: relative; top: 3px; margin-right: 10px;}
- .user-center1 .account-management .msg hr{margin: 30px 0; border-color: #e5e5e5;}
- .user-center1 .account-management .upload{padding: 30px 0;}
- .user-center1 .account-management .upload dl{width: 36%; font-size: 13px;}
- .user-center1 .account-management .upload dl dt{color: #333; font-weight: 600; margin-bottom: 3px;}
- .user-center1 .account-management .upload dl dd{color: #666;}
- .user-center1 .account-management .upload ol{margin: 10px 0 0 20px;}
- .user-center1 .account-management .upload ol li{float: left; color: #333; margin-left: 50px; cursor: pointer;}
- .user-center1 .account-management .upload ol li .icon{position: relative; top: 3px; margin-right: 10px;}
- .user-center1 .account-management .upload hr{margin: 30px 0; border-color: #e5e5e5;}
- .user-center1 .account-management .bindDomain .m-con{padding-top: 30px;}
- .user-center1 .account-management .bindDomain .cont p{color: #333; margin-bottom: 5px;}
- .user-center1 .account-management .bindDomain .cont p a{color: #157df1;}
- .user-center1 .account-management .bindDomain .cont p a:hover{text-decoration: underline;}
- .user-center1 .account-management .bindDomain .cont .control-label{color: #333; margin-bottom: 5px;}
- .user-center1 .account-management .bindDomain .cont #saveButton{width: 160px; padding: 9px 0; margin-top: 5px;}
- .user-center1 .account-management .bindDomain .m-con .bindDomainFirst{padding-top: 105px;}
- .user-center1 .account-management .bindDomain .m-con .bindDomainFirst .browser_notice{text-align: center;}
- .user-center1 .account-management .bindDomain .m-con .bindDomainFirst .icon-chenggong{color: #157df1; font-size: 70px;}
- .user-center1 .account-management .bindDomain .m-con .bindDomainFirst .browser_notice .browser_notice_success{margin: -3px 0 25px;}
- .user-center1 .account-management .bindDomain .m-con .bindDomainFirst #unbind_button{width: 160px; padding: 9px; color: #666;}
- .user-center1 .account-management .change .tit{font-size: 16px; color: #333; font-weight: 600; padding: 15px 20px; border-bottom: 1px solid #e5e5e5;}
- .user-center1 .account-management .con{padding: 20px /*50px*/;}
- /*.user-center1 .account-management .con .input-size{width: 78%; margin-right: 10px; float: left;}*/
- .user-center1 .account-management .con label{color: #333; font-weight: 600;}
- .user-center1 .account-management .con .form-group label{margin: 0 30px 8px 0;}
- .user-center1 .account-management .con .current-email{margin-bottom: 5px;}
- .user-center1 .account-management .con .read-only{padding-top: 15px; border-top: 1px solid #e5e5e5;}
- .user-center1 .account-management .con .read-only th,.user-center .right .con .read-only td{padding: 8px;}
- .user-center1 .invoice-management .warn-prompt{margin: 0 0 10px;}
- .user-center1 .invoice-management .i-top ul li{float: left; margin-left: 20px;}
- .user-center1 .invoice-management .user-table{margin-top: 20px;}
- .user-center1 .invoice-management .user-table.mt10{margin-top: 10px;}
- .user-center1 .invoice-management .table.invoice-table1 tr th:nth-of-type(1){width: 180px;}
- .user-center1 .invoice-management .table.invoice-table1 tr th:nth-of-type(3){width: 120px;}
- .user-center1 .invoice-management .table.invoice-table1 tr th:last-of-type{width: 300px;}
- .user-center1 .invoice-management .table.invoice-table1 tr td:nth-of-type(1){padding-left: 20px;}
- .user-center1 .invoice-management .table.invoice-table2 tr th:nth-of-type(2){width: 120px;}
- .user-center1 .invoice-management .table.invoice-table2 td .company-name{width: 120px; line-height: 20px;}
- .user-center1 .invoice-management .table.invoice-table2 .courier-number{width: 160px;}
- .user-center1 .invoice-management .table.invoice-table2 td .courier-number{width: 160px;}
- .user-center1 .invoice-management .table.invoice-table2 td .ms-btn{margin-right: 0;}
- .user-center1 .invoice-management .table td{vertical-align: middle;}
- .user-center1 .invoice-management .table td .icon-checkbox1{color: #e5e5e5; cursor: pointer; margin-right: 8px; position: relative; top: -2px;}
- .user-center1 .invoice-management .table td .icon-checkbox-checked1{color: #157df1;}
- .user-center1 .invoice-management .table td .company-name{width: 110px; line-height: 20px;}
- .user-center1 .invoice-management .table td .receives-address{width: 120px;}
- .user-center1 .invoice-management .table td .ms-btn{margin-right: 10px;}
- .user-center1 .invoice-management .table td .set-default{visibility: hidden; color: #fd641d; cursor: pointer;}
- .user-center1 .invoice-management .table tr:nth-of-type(2) td .set-default{visibility: visible;}
- .user-center1 .invoice-management .table tr:hover td .set-default{visibility: visible;}
- .user-center1 .invoice-management .no-content{height: 412px; padding-top: 150px;}
- .user-center1 .invoice-management .no-content1{height: 376px; padding-top: 130px;}
- .user-center1 .invoice-management .submit{width: 160px; padding: 9px 12px;}
- .user-center1 .invoice-management .make-invoice-details{padding: 30px; background-color: #fff; border: 1px solid #e5e5e5; height: 550px; margin-bottom: 40px;}
- .user-center1 .invoice-management .make-invoice-details dl{color: #333; margin-bottom: 15px;}
- .user-center1 .invoice-management .make-invoice-details dl dt{color: #333; font-weight: 600; width: 100px; text-align: right;}
- .user-center1 .invoice-management .make-invoice-details dl dd{float: none; margin-left: 150px;}
- .user-center1 .invoice-management .make-invoice-details hr{margin: 20px 0;}
- .user-center1 .invoice-management .make-invoice-details .color-danger{font-size: 12px;}
- .user-center1 .invoice-management .apply-invoice{background-color: #fff; padding: 30px; margin-bottom: 40px; border: 1px solid #e5e5e5;}
- .user-center1 .invoice-management .apply-invoice .row{margin: 0 -5px;}
- .user-center1 .invoice-management .apply-invoice .row .col-sm-4{padding: 0 5px;}
- .user-center1 .invoice-management .apply-invoice .row .col-sm-6{padding: 0 5px;}
- .user-center1 .invoice-management .apply-invoice label{color: #333; font-weight: 600; margin-bottom: 5px;}
- .user-center1 .invoice-management .apply-invoice label span{color: #ff4222; margin-left: 10px;}
- .user-center1 .invoice-management .apply-invoice .form-group{margin-bottom: 25px;}
- .user-center1 .invoice-management .apply-invoice .select-wrap input[type=text]{margin-top: 20px;}
- .user-center1 .invoice-management .apply-invoice .form-group.select-wrap{margin-bottom: 20px;}
- /*.user-center1 .invoice-management .apply-invoice select{color: #999;}*/
- .user-center1 .invoice-management .apply-invoice .form-group.instruction-manual{margin-bottom: 20px;}
- .user-center1 .invoice-management .apply-invoice .form-error{position: relative;}
- .user-center1 .invoice-management .apply-invoice .error{position: absolute; top: 100%; color: #ff4222; font-size: 12px; display: none;}
- .user-center1 .invoice-management .apply-invoice .form-error .error{display: block;}
- .user-center1 .invoice-management .apply-invoice hr{margin: 5px 0 30px;}
- .user-center1 .invoice-management .apply-invoice .icon-checkbox1{color: #e5e5e5; position: relative; top: 1px;}
- .user-center1 .invoice-management .apply-invoice .icon-checkbox-checked1{color: #157df1;}
- .user-center1 .invoice-management .apply-invoice .checkbox1{color: #333; cursor: pointer;}
- .user-center1 .invoice-management .apply-invoice .save{margin-top: 20px; width: 160px; padding: 9px 12px;}
- /*我的订单新增充值*/
- .user-center1 .aside-right .balance-recharge{position: relative; border: 1px solid #e5e5e5; padding: 25px 30px 10px; margin-bottom: 20px;}
- .user-center1 .aside-right .balance-recharge .b-tit{color: #333; font-weight: 600;}
- .user-center1 .aside-right .balance-recharge .b-num{color: #fba208; font-size: 40px;}
- .user-center1 .aside-right .balance-recharge p{color: #666; font-size: 12px;}
- .user-center1 .aside-right .balance-recharge .recharge-btn{position: absolute; right: 30px; top: 50%; transform: translateY(-50%);}
- /*.balance-recharge-wrap{margin-bottom: 40px;}*/
- .balance-recharge-wrap .balance-recharge{border: none; margin-bottom: 0;}
- .balance-recharge-wrap .choose-recharge{width: 65%; position: relative;}
- .balance-recharge-wrap .choose-recharge li{margin-right: 70px; margin-bottom: 25px;}
- .balance-recharge-wrap .choose-recharge li:nth-of-type(n+5){margin-bottom: 0;}
- .balance-recharge-wrap .choose-recharge li input[name=rechargeAmount]{width: 120px; position: absolute; top: -7px; left: 21px;}
- .balance-recharge-wrap .choose-recharge .error{position: absolute; left: 25px; bottom: -5px; color: #fd641d; font-size: 12px; display: none;}
- .balance-recharge-wrap .choose-recharge.form-error .error{display: block;}
- .balance-recharge-wrap .choose-recharge li .r-num{width: 50px; display: inline-block;}
- .balance-recharge-wrap .pay-money .money{padding-bottom: 10px;}
- .user-center1 .aside-right .price-pay .balance-recharge{border: none; margin-bottom: 0;}
- .price-pay .balance-recharge-wrap .pay-money{padding-bottom: 30px;}
- .balance-recharge-wrap .pay-money .icon-checkbox1{color: #999; position: relative; top: 1px; cursor: pointer;}
- .balance-recharge-wrap .pay-money .icon-checkbox-checked1{color: #157df1; cursor: pointer;}
- /*/我的订单新增充值*/
- /*上传资质*/
- .user-center1 .aside-left .icon-dunpai{font-size: 18px; position: relative; top: 2px;}
- .upload-img-more .uploaded-img{border: 1px solid #e5e5e5; width: 150px; height: 210px; position: relative; border-radius: 5px; margin-right: 20px;}
- .upload-img-more .uploaded-img .thumbnail{position: absolute; left: 0; top: 0; width: 100%; height: 100%; opacity: 0; cursor: pointer; z-index: 2;}
- .upload-img-more .uploaded-img img{width: 100%; height: 100%; border-radius: 5px;}
- .upload-img-more .uploaded-img .delete-img{position: absolute; right: -9px; top: -9px; right: 0\9; top: 0\9; cursor: pointer; z-index: 2;}
- .upload-img-more .uploaded-img .reset{position: absolute; left: 0; bottom: 0; height: 20px; line-height: 20px; background: rgba(0,0,0,.5); width: 100%; color: #fff; text-align: center; font-size: 12px; display: none;}
- .upload-img-more .uploaded-img:hover .reset{display: block;}
- .upload-img-more .upload-img{position: relative; border: 1px dashed #e5e5e5; width: 150px; height: 210px; border-radius: 5px; background: url("../img/icon-10.png") no-repeat center 80px; overflow: hidden;}
- .upload-img-more .upload-img input{position: absolute; left: 0; top: 0; width: 100%; height: 100%; opacity: 0; cursor: pointer;}
- .upload-img-more .upload-img .text{text-align: center; font-size: 12px; color: #666; margin-top: 120px;}
- .user-center1 .aside-right .upload-qualification{background-color: #fff; box-shadow: 0 0 5px rgba(0,0,0,.05); border-radius: 3px; padding: 30px;}
- .user-center1 .aside-right .upload-qualification .p1{color: #333; margin-bottom: 5px;}
- .user-center1 .aside-right .upload-qualification .p2{color: #333; margin-bottom: 15px;}
- .user-center1 .aside-right .upload-qualification table{border: 1px solid #ddd; width: 70%; color: #333; margin-bottom: 40px;}
- .user-center1 .aside-right .upload-qualification table td{border: 1px solid #ddd; padding: 20px; text-align: center;}
- .user-center1 .aside-right .upload-qualification .tit{color: #333; margin-bottom: 15px;}
- /*.user-center1 .aside-right .upload-qualification .upload-img-more{margin-bottom: 20px;}*/
- .user-center1 .aside-right .upload-qualification .uploaded-img{margin-bottom: 20px;}
- .user-center1 .aside-right .upload-qualification .upload-img{margin-bottom: 20px;}
- .user-center1 .aside-right .upload-qualification .review-wrap{margin: 20px 0 30px; display: none;}
- .user-center1 .aside-right .upload-qualification .review-wrap li{float: left; margin-right: 20px;}
- .user-center1 .aside-right .upload-qualification .review-wrap li:last-of-type{margin-right: 0;}
- .user-center1 .aside-right .upload-qualification .review-wrap .r-center{margin-top: -10px;}
- .user-center1 .aside-right .upload-qualification .review-wrap .r-center img{display: none;}
- .user-center1 .aside-right .upload-qualification .review-wrap .r-right{width: 750px; color: #ff4222;}
- .user-center1 .aside-right .upload-qualification .review-wrap .r-right div{display: none;}
- .user-center1 .aside-right .upload-qualification .hide-action .upload-img{display: none;}
- .user-center1 .aside-right .upload-qualification .hide-action .delete-img{display: none;}
- .user-center1 .aside-right .upload-qualification .hide-action .reset{display: none;}
- .user-center1 .aside-right .upload-qualification .hide-action .thumbnail{display: none;}
- /*/上传资质*/
- /*推广大使*/
- aside.aside-left ul li a .icon-dashi{background: url("../img/tt-10.png") no-repeat; width: 17px; height: 14px; display: inline-block; margin-right: 10px; margin-top: 2px;}
- .aside-right .user-promote{background-color: #fff; min-height: 510px;}
- .aside-right .user-promote .p-list{background-color: #f5f7f9; height: 44px; line-height: 44px; border-bottom: 1px solid #eee;}
- .aside-right .user-promote .p-list li{float: left; padding: 0 20px; cursor: pointer; color: #333;}
- .aside-right .user-promote .p-list li.active{background-color: #fff; border-right: 1px solid #e5e5e5; border-left: 1px solid #eee; margin-left: -1px;}
- .aside-right .user-promote .p-list li.active a{color: #157df1;}
- /*.aside-right .user-promote .tab>div{display: none;}*/
- .aside-right .user-promote .tab-common{padding: 25px 30px;}
- .aside-right .user-promote .tab1 .p-link-1{border: 1px solid #ddd; padding: 15px 20px; margin-bottom: 20px;}
- .aside-right .user-promote .tab1 .p-link-1 dl{color: #333; margin-bottom: 3px;}
- .aside-right .user-promote .tab1 .p-link-1 dl dt span{font-size: 20px;}
- .aside-right .user-promote .tab1 .p-link-1 dl dd .copy{font-size: 12px; margin-top: 8px; margin-left: 20px; display: block;}
- .aside-right .user-promote .tab1 .p-link-1 p{font-size: 12px; color: #999;}
- .aside-right .user-promote .tab1 .p-link-2{border: 1px solid #ddd; padding: 15px 20px; margin-bottom: 25px; position: relative;}
- .aside-right .user-promote .tab1 .p-link-2 .row{margin: 0 -20px;}
- .aside-right .user-promote .tab1 .p-link-2 .line{position: absolute; width: 1px; height: calc(100% - 30px); left: 50%; top: 15px; background-color: #ddd;}
- .aside-right .user-promote .tab1 .p-link-2 dl{padding-left: 15px;}
- .aside-right .user-promote .tab1 .p-link-2 dl dt{color: #333;}
- .aside-right .user-promote .tab1 .p-link-2 dl dt .icon-prompt1{margin: -1px 0 0 3px;}
- .aside-right .user-promote .tab1 .p-link-2 dl dt.rebate-dt{color: #999; margin-bottom: 10px;}
- .aside-right .user-promote .tab1 .p-link-2 dl dt span{color: #999;}
- .aside-right .user-promote .tab1 .p-link-2 dl dd{color: #333;}
- .aside-right .user-promote .tab1 .p-link-2 dl dd.amount-withdrawal-wrap1{height: 34px; overflow: hidden;}
- .aside-right .user-promote .tab1 .p-link-2 dl dd .amount-withdrawal1 span{color: #fba412; font-size: 30px;}
- .aside-right .user-promote .tab1 .p-link-2 dl dt .withdrawal1{padding: 0 12px; line-height: 20px; height: 20px; font-size: 12px; margin-left: 30px;}
- .aside-right .user-promote .tab1 .p-link-2 dl dd .amount-rebate1 span{color: #333; font-size: 20px;}
- .aside-right .user-promote .tab1 .help{padding: 0;}
- .aside-right .user-promote .tab1 .help .tit{font-size: 20px; color: #333; margin-bottom: 20px;}
- .withdrawal-to-alipay{padding: 15px 10px; border: 1px solid #ddd; display: none;}
- .withdrawal-to-alipay .tit{color: #333; font-size: 16px; margin-bottom: 30px;}
- .withdrawal-to-alipay .form-group{margin-bottom: 20px;}
- .withdrawal-to-alipay .form-group label{color: #333;}
- .withdrawal-to-alipay .withdrawal{color: #333; font-size: 12px; padding-top: 6px;}
- .withdrawal-to-alipay .withdrawal .num{color: #fba208; font-size: 16px; font-weight: 600;}
- .withdrawal-to-alipay .form-group .yuan{padding-top: 7px; color: #333;}
- .withdrawal-to-alipay .form-group .submit1{width: 100px;}
- .withdrawal-to-alipay .form-group .error{font-size: 12px; color: #fd641d; margin-top: 3px; display: none;}
- .withdrawal-to-alipay .form-group.form-error .error{display: block;}
- #payModal .modal-dialog{width: 410px !important;}
- #payModal .tit{font-size: 16px; color: #333; font-weight: 600; margin-bottom: 20px;}
- #payModal .pay-msg{margin-bottom: 25px;}
- #payModal .pay-msg dl{color: #333; margin-bottom: 10px;}
- #payModal .pay-msg dl dt{width: 50%; text-align: right; padding-right: 10px;}
- #payModal .pay-msg dl dd{width: 50%; text-align: left; padding-left: 10px;}
- #payModal .pay-msg dl dd .num{color: #fba208;}
- #payModal .pay-msg dl dd .num i{font-weight: 600;}
- #payModal .cancel-btn{display: inline-block; height: 34px; line-height: 34px; margin-right: 20px;}
- .aside-right .user-promote .tab2 .date{float: left; width: 140px; position: relative;}
- .aside-right .user-promote .tab2 .date1{margin-right: 10px;}
- .aside-right .user-promote .tab2 .date2{margin-right: 20px;}
- .aside-right .user-promote .tab2 .date input{position: relative; z-index: 1; background-color: transparent; cursor: pointer;}
- .aside-right .user-promote .tab2 .date .icon-date{color: #aaa; position: absolute; right: 10px; top: 4px; z-index: 0;}
- .aside-right .user-promote .tab2 .date:hover .icon-date{color: #157df1;}
- .aside-right .user-promote .tab2 .d-top{margin-bottom: 20px;}
- .aside-right .user-promote .tab2 .d-top .form-control{height: 30px;}
- .aside-right .user-promote .tab2 .d-top .line{margin-right: 10px; color: #aaa;}
- .aside-right .user-promote .tab2 .d-top .query{padding: 5px 8px; border-color: #e5e5e5; border-left: none; background-color: #f5f6f7; font-size: 12px; color: #333; height: 30px;}
- .aside-right .user-promote .tab2 .d-top .num{line-height: 34px; margin-left: 30px; color: #333; font-size: 13px;}
- .aside-right .user-promote .tab2 .d-top .num i{color: #157df1;}
- .aside-right .user-promote .tab2 .d-top .account{display: inline-block; width: auto; border-right-color: #f5f6f7;}
- .aside-right .user-promote .tab2 .d-top .account:focus{border-right-color: #66afe9;}
- .aside-right .user-promote .tab-common .table{border: 1px solid #e5e5e5; table-layout: fixed;}
- .aside-right .user-promote .tab-common .table tr th{border-top-color: #e5e5e5 !important; height: 50px; vertical-align: middle; text-align: center; background-color: #f5f6f7; font-weight: normal; font-size: 12px; color: #666; line-height: 1.2;}
- .aside-right .user-promote .tab-common .table tr td{border-top-color: #e5e5e5 !important; height: 50px; vertical-align: middle; text-align: center; font-size: 12px; line-height: 1.2; color: #666;}
- .aside-right .user-promote .tab-common .table tr:hover{background: #ebf7ff;}
- .aside-right .user-promote .tab-common .no{text-align: center; margin-top: 100px;}
- .aside-right .user-promote .tab3 table .to-edit{font-size: 12px; transform: scale(.9);}
- .aside-right .user-promote .tab3 table .icon-edit{font-size: 24px; cursor: pointer;}
- .aside-right .user-promote .tab3 table .icon-edit:hover{color: #157df1;}
- /*/推广大使*/
- /*----------/个人中心-----------*/
- /*----------工具箱-----------*/
- .toolkit-wrap{background: url("../img/bg-2.jpg") no-repeat center; height: 635px;}
- .toolkit li{float: left; width: 50%; text-align: center; padding-top: 130px; position: relative;}
- .toolkit li .tit{font-size: 30px; color: #333; margin-top: 35px;}
- .toolkit li p{font-size: 18px; color: #666; margin-top: 20px; height: 50px;}
- .toolkit li .ms-btn-primary{width: 165px; margin-top: 40px; padding: 12px;}
- .toolkit li .line{width: 2px; height: 300px; background-color: #d8d7d7; position: absolute; right: 0; bottom: 35px; border-radius: 2px;}
- /*faq*/
- .faq{margin-bottom: 20px;}
- .faq .tit{font-size: 30px; color: #157df1; margin-top: 30px;}
- .faq .tit .icon-faq{position: relative; top: 7px; margin-right: 8px;}
- .faq .row{margin-left: -10px; margin-right: -10px;}
- .faq .row .col-sm-6{padding: 0 10px;}
- .faq .con{border: 1px solid #e5e5e5; border-radius: 3px; padding: 30px 40px; margin-bottom: 20px;}
- .faq .con dl dt{font-size: 25px; color: #333; margin-bottom: 10px;}
- .faq .con dl dt span{width: 5px; height: 24px; background-color: #157df1; display: inline-block; position: relative; top: 3px; margin-right: 12px;}
- .faq .con dl dd{padding-left: 18px;}
- .faq .con dl dd a{font-size: 16px; color: #333; line-height: 34px;}
- .faq .con dl dd a:hover{color: #157df1;}
- .toolkit-common-wrap{background-color: #f2f2f5;}
- .toolkit-common .top{padding: 40px 0; border: 1px solid #e5e5e5; border-radius: 3px; background-color: #fff;}
- .toolkit-common .udid-top{text-align: center; padding-bottom: 0;}
- .toolkit-common .udid-top img{width: 155px; border: 1px solid #e5e5e5; padding: 5px;}
- .toolkit-common .top .tit{font-size: 36px; color: #333; text-align: center;}
- .toolkit-common .udid-top .p-top{color: #333; line-height: 24px; margin-top: 10px; margin-bottom: 20px;}
- .toolkit-common .udid-top p span{color: #157df1;}
- .toolkit-common .udid-top .p-bottom{color: #333; line-height: 24px; padding: 25px 35px; border-top: 1px solid #e5e5e5; margin-top: 40px; text-align: left;}
- .toolkit-common .ipa-top .form-group{width: 65%; margin: 0 auto;}
- .toolkit-common .ipa-top{text-align: center;}
- .toolkit-common .ipa-top .form-control{margin-top: 40px; margin-bottom: 10px;}
- .toolkit-common .ipa-top .ipa-p{text-align: left; font-size: 12px; color: #666;}
- .toolkit-common .ipa-top .ms-btn-primary{margin-top: 25px; width: 160px; padding: 9px 12px;}
- .toolkit-common .ipa-top .error{text-align: left; font-size: 12px; color: #fd641d; margin-bottom: 5px; display: none;}
- .toolkit-common .ipa-top .form-error .error{display: block;}
- .toolkit-common .ipa-top table{width: 600px; margin: 40px auto 0;}
- .toolkit-common .ipa-top table th{border-color: #e5e5e5 !important; text-align: center; vertical-align: middle; width: 150px;}
- .toolkit-common .ipa-top table td{border-color: #e5e5e5 !important; text-align: left; padding: 20px;}
- .toolkit-common .ipa-top table td a{color: #157df1;}
- .toolkit-common .ipa-top table td a:hover{text-decoration: underline;}
- .toolkit-common .ipa-top table td .icon-big-iphone{margin-right: 20px;}
- .toolkit-common .ipa-top table td img{width: 80px; height: 80px; border-radius: 15px; border: 1px solid #e5e5e5;}
- /*----------toolkit-new----------*/
- /*plist*/
- .toolkit-new{background-color: #fff; border: 1px solid #e5e5e5; border-radius: 3px; padding: 50px 0 40px;}
- .toolkit-new .con{padding: 0 200px;}
- .toolkit-new .tit{color: #333; font-size: 36px; text-align: center; margin-bottom: 50px;}
- @media (min-width: 1200px) {
- .toolkit-new .form-horizontal .col-sm-3{padding-left: 10px; padding-right: 10px;}
- .toolkit-new .form-horizontal .col-sm-9{padding-left: 10px; padding-right: 10px;}
- }
- .toolkit-new .form-horizontal .form-group{margin-bottom: 30px;}
- .toolkit-new .form-horizontal label{color: #333;}
- .toolkit-new .error{font-size: 12px; color: #fd641d; display: none;}
- .toolkit-new .form-error .error{display: block;}
- .toolkit-new .p1{color: #333; padding: 20px 0 0 30px; border-top: 1px solid #e5e5e5; margin-top: 40px;}
- .toolkit-new .p1 a{color: #157df1;}
- /*/plist*/
- /*制作图标*/
- .toolkit-make-icon .make-icon .sp-preview{width: 210px;}
- .toolkit-make-icon{background-color: #fff; border: 1px solid #e5e5e5; border-radius: 3px; padding: 30px; margin-bottom: 40px;}
- .toolkit-make-icon .m-left .m-tit{text-align: center;}
- .toolkit-make-icon .m-right{padding: 30px 40px; border: 1px solid #e5e5e5; border-radius: 3px;}
- .toolkit-make-icon .make-icon .m-tit{color: #333; margin-bottom: 7px;}
- .toolkit-make-icon .make-icon .m-left .m-tit{margin-bottom: 20px; margin-top: 20px;}
- .toolkit-make-icon .make-icon .m-icon{background-position: center; width: 180px; height: 180px; background-size: cover; display: flex; justify-content: center; align-items: center; margin: 0 auto; background-color: #157df1;}
- .toolkit-make-icon .make-icon .m-icon .m-icon-con{text-align: center;}
- .toolkit-make-icon .make-icon .m-icon.radius{border-radius: 15px;}
- .toolkit-make-icon .make-icon .m-icon img{max-width: 110px; height: auto;}
- .toolkit-make-icon .make-icon .m-icon .m-name{color: #fff; max-width: 150px; text-align: center;}
- .toolkit-make-icon .make-icon .m-icon .i-name1{color: #fff; text-align: center; font-size: 24px; margin-bottom: 5px; display: none;}
- .toolkit-make-icon .make-icon .m-icon .i-name2{color: #fff; text-align: center; font-size: 24px; margin-top: 5px; display: none;}
- .toolkit-make-icon .make-icon .icon-bg{border: 1px solid #e5e5e5; padding: 30px 25px; border-radius: 3px; margin-bottom: 50px;}
- .toolkit-make-icon .make-icon .icon-bg dl dt{color: #333; margin-right: 20px;}
- .toolkit-make-icon .make-icon .m-icon-bg1{margin-bottom: 20px;}
- .toolkit-make-icon .make-icon .m-icon-bg1 dt{line-height: 30px;}
- .toolkit-make-icon .make-icon .m-icon-bg1 dd{width: 40%;}
- .toolkit-make-icon .make-icon .m-icon-bg2 dt{line-height: 40px;}
- .toolkit-make-icon .make-icon .m-icon-bg2 .small-bg-list li{width: 40px; height: 40px; padding: 10px; border: 1px solid #e5e5e5; float: left; cursor: pointer; position: relative;}
- .toolkit-make-icon .make-icon .m-icon-bg2 .small-bg-list li+li{border-left-color: transparent;}
- .toolkit-make-icon .make-icon .m-icon-bg2 .small-bg-list li:first-of-type{border-radius: 3px 0 0 3px;}
- .toolkit-make-icon .make-icon .m-icon-bg2 .small-bg-list li:last-of-type{border-radius: 0 3px 3px 0;}
- .toolkit-make-icon .make-icon .m-icon-bg2 .small-bg-list li .small-bg{width: 100%; height: 100%; border-radius: 2px; background-color: #157df1;}
- .toolkit-make-icon .make-icon .m-icon-bg2 .small-bg-list li .icon-checkbox-small{display: none; position: absolute; right: 0; bottom: 0;}
- .toolkit-make-icon .make-icon .m-icon-bg2 .small-bg-list li.active{border-color: #157df1;}
- .toolkit-make-icon .make-icon .m-icon-bg2 .small-bg-list li.active .icon-checkbox-small{display: block;}
- .toolkit-make-icon .make-icon .foreground-map .tab li{float: left; padding: 0 30px; line-height: 36px; border: 1px solid #e5e5e5; color: #333; background-color: #fbfbfb; cursor: pointer;}
- .toolkit-make-icon .make-icon .foreground-map .tab li+li{border-left-color: transparent;}
- .toolkit-make-icon .make-icon .foreground-map .tab li.active{background-color: #fff; border-bottom-color: transparent;}
- .toolkit-make-icon .make-icon .foreground-map .tab li:first-of-type{border-radius: 3px 0 0 0;}
- .toolkit-make-icon .make-icon .foreground-map .tab li:last-of-type{border-radius: 0 3px 0 0;}
- .toolkit-make-icon .make-icon .foreground-map .tab-con{border: 1px solid #e5e5e5; margin-top: -1px; width: 580px; border-radius: 0 3px 3px 3px; margin-bottom: 40px;}
- .toolkit-make-icon .make-icon .foreground-map .tab-con>div{display: none;}
- .toolkit-make-icon .make-icon .foreground-map .tab1{padding: 30px 30px 30px 10px;}
- .toolkit-make-icon .make-icon .foreground-map .tab1 .icons-ul{height: 204px; overflow-y: auto;}
- .toolkit-make-icon .make-icon .foreground-map .tab1 .icons-ul li{width: 50px; height: 50px; background: url("../img/m-bg.png") repeat-x; position: relative; margin-right: 1px; margin-bottom: 1px; float: left; cursor: pointer;}
- .toolkit-make-icon .make-icon .foreground-map .tab1 .icons-ul li .icon-checkbox-small{position: absolute; right: 0; bottom: 0; display: none;}
- .toolkit-make-icon .make-icon .foreground-map .tab1 .icons-ul li.active{}
- .toolkit-make-icon .make-icon .foreground-map .tab1 .icons-ul li.active .icon-checkbox-small{display: block;}
- .toolkit-make-icon .make-icon .foreground-map .tab1 .icons-ul li .t-con{border: 1px solid transparent; padding: 10px;}
- .toolkit-make-icon .make-icon .foreground-map .tab1 .icons-ul li.active .t-con{border-color: #157df1;}
- .toolkit-make-icon .make-icon .foreground-map .tab1 .form-group{margin-bottom: 0; margin-top: 20px;}
- .toolkit-make-icon .make-icon .foreground-map .tab1 .form-group:first-of-type{margin-top: 0;}
- .toolkit-make-icon .make-icon .foreground-map .tab1 .form-group:last-of-type{margin-bottom: 0; margin-top: 30px;}
- .toolkit-make-icon .make-icon .foreground-map .tab1 .written-content{display: none;}
- .toolkit-make-icon .make-icon .foreground-map .tab1 .text-color{display: none;}
- .toolkit-make-icon .make-icon .foreground-map .tab2{padding: 30px 10px;}
- .toolkit-make-icon .make-icon .foreground-map .tab2 .edit-text{margin-bottom: 30px;}
- .toolkit-make-icon .make-icon .error{font-size: 12px; color: #fd641d; margin-top: 5px; display: none;}
- .toolkit-make-icon .make-icon .form-error .error{display: block;}
- .toolkit-make-icon .make-icon .control-label{color: #333;}
- .toolkit-make-icon .make-icon .prospects{padding-top: 7px; color: #333;}
- .toolkit-make-icon .make-icon .prospects li{float: left; margin-right: 35px; cursor: pointer;}
- .toolkit-make-icon .make-icon .prospects li .icon-radio{margin-right: 8px;}
- .toolkit-make-icon .make-icon .m-icon-radio{margin-bottom: 40px;}
- .toolkit-make-icon .make-icon .m-icon-radio li{float: left; width: 140px; height: 40px; line-height: 40px; border: 1px solid #e5e5e5; border-radius: 3px; text-align: center; margin-right: 20px; cursor: pointer; position: relative;}
- .toolkit-make-icon .make-icon .m-icon-radio li .icon-checkbox-small{position: absolute; right: 0; bottom: 0; display: none;}
- .toolkit-make-icon .make-icon .m-icon-radio li.active{border-color: #157df1;}
- .toolkit-make-icon .make-icon .m-icon-radio li.active .icon-checkbox-small{display: block;}
- .toolkit-make-icon .make-icon .img-size dt{float: left; margin-right: 40px; cursor: pointer;}
- .toolkit-make-icon .make-icon .img-size dt .iconfont{margin-right: 7px; position: relative; top: 1px;}
- .toolkit-make-icon .make-icon .img-size dd{float: left; margin-right: 40px; cursor: pointer;}
- .toolkit-make-icon .make-icon .img-size dd .iconfont{margin-right: 7px;}
- .toolkit-make-icon .make-icon .img-size-tit{margin-bottom: 2px;}
- .toolkit-make-icon .make-icon .img-size dt .icon-checkbox-checked1{color: #157df1;}
- .toolkit-make-icon .make-icon .img-size dd .icon-checkbox-checked1{color: #157df1;}
- @media (min-width: 1200px) {
- .toolkit-make-icon .make-icon .foreground-map .tab-con .form-group{margin-left: -10px; margin-right: -10px;}
- .toolkit-make-icon .make-icon .foreground-map .tab-con .col-sm-2{width: 20%; padding-left: 10px; padding-right: 10px;}
- .toolkit-make-icon .make-icon .foreground-map .tab-con .col-sm-10{width: 80%; padding-left: 10px; padding-right: 10px;}
- .toolkit-make-icon .make-icon .foreground-map .tab-con .col-sm-push-2{left: 20%;}
- }
- .toolkit-make-icon .m-right .generated-icon{padding: 9px 35px; margin-top: 25px;}
- /*/制作图标*/
- /*----------/toolkit-new----------*/
- /*----------/工具箱-----------*/
- /*----------企业签名-----------*/
- .signature-banner{background: url("../img/s-banner.jpg") no-repeat center; height: 430px; display: block; padding: 110px 0 0 70px;}
- .signature-banner .con{color: #fff;}
- .signature-banner .con .h1{font-size: 32px; font-weight: 600; margin-bottom: 15px;}
- .signature-banner .con p{font-size: 18px; line-height: 28px; margin-bottom: 20px;}
- .signature-banner .con .ms-btn-primary{width: 110px; background-color: transparent; border-color: #fff; font-size: 16px;}
- /*.corporate-signature-wrap{background-color: #f5f9fe;}*/
- .corporate-signature{padding: 0px 0;}
- .corporate-signature .h1{color: #157df1; margin-bottom: 50px; text-align: center;}
- /*.corporate-signature .ms-thumbnail .ms-caption .tit{font-weight: 600;}*/
- .corporate-signature .ms-thumbnail img{margin-bottom: 15px;}
- .signature-tool{padding: 70px 0;}
- .signature-tool .h1{color: #157df1; text-align: center; margin-bottom: 60px;}
- .signature-tool img{margin: 0 auto;}
- .signature-process-wrap{background: url("../img/bg-4.jpg") no-repeat center; height: 440px;}
- .signature-process{padding-top: 75px;}
- .signature-process .h1{color: #fff; margin-bottom: 80px; text-align: center;}
- .signature-process img{margin: 0 auto;}
- .signature-process ul{padding: 0 50px;}
- .signature-process ul li{float: left;}
- .signature-process ul li img{margin: 0 auto 20px; display: block;}
- .signature-process ul li p{color: #fff;}
- .signature-process ul li:nth-child(even){background: url("../img/tt-13.png") no-repeat center; height: 100px; width: 50px;}
- .signature-process ul li:nth-child(odd){width: calc((100% - 200px) / 5); text-align: center;}
- /*----------/企业签名-----------*/
- /*----------封装页面-----------*/
- .encapsulation-banner-wrap{background: url("../img/banner-4.jpg?20190302") no-repeat center; height: 430px; position: relative; display: block;}
- .encapsulation-banner{padding: 100px 0 0 90px;}
- .encapsulation-banner .h1{color: #fff; font-size: 32px; margin-bottom: 15px;}
- .encapsulation-banner p{color: #fff; font-size: 18px; margin-bottom: 10px;}
- .encapsulation-banner ul{margin-bottom: 20px;}
- .encapsulation-banner ul li{color: #fff; float: left; margin-right: 40px; font-size: 16px;}
- .encapsulation-banner ul li .iconfont{font-size: 20px; position: relative; top: 2px; margin-right: 5px;}
- .encapsulation-banner .ms-btn{border: 1px solid #fff; color: #fff; padding-left: 25px; padding-right: 25px;}
- .encapsulation-introduce-wrap{background-color: #f5f9fe; padding: 20px 0 15px;}
- .encapsulation-introduce .ms-thumbnail .img-wrap{width: 115px; height: 100px; margin: 0 auto; margin-bottom: 15px; display: flex; align-items: flex-end; justify-content: center;}
- .encapsulation-introduce .ms-thumbnail .img-wrap img{margin-bottom: 0;}
- .encapsulation-introduce .ms-thumbnail .ms-caption .tit{margin-bottom: 5px;}
- .encapsulation-introduce .ms-thumbnail .ms-caption p{font-size: 12px; line-height: 20px;}
- .function-of{padding: 70px 0 80px; text-align: center;}
- .function-of .tit{font-size: 36px; color: #157df1;}
- .function-of p{font-size: 16px; color: #666; margin: 20px 0 75px;}
- .function-of ul li{float: left; width: 16.6666667%; border-bottom: 1px solid #f5f7f9; border-left: 1px solid #f5f7f9; padding: 30px 0;}
- .function-of ul li .img-wrap{position: relative; width: 60px; height: 55px; margin: 0 auto 10px; display: flex; align-items: center; justify-content: center;}
- .function-of ul li .img-wrap .hot{background: url("../img/e-5.png"); width: 31px; height: 19px; position: absolute; color: #fff; font-size: 12px; line-height: 19px; right: -30px; top: -7px;}
- .function-of ul li:nth-of-type(1){border-left-color: transparent;}
- .function-of ul li:nth-of-type(7){border-left-color: transparent;}
- .function-of ul li:nth-of-type(13){border-left-color: transparent;}
- .function-of ul li:nth-of-type(n+13){border-bottom-color: transparent;}
- .function-of .f-img img{margin: 0 auto;}
- /*.function-of .watermark{position: absolute; left: 0; top: 0px;}*/
- .app-case-wrap{background-color: #f5f9fe;}
- .app-case{padding: 70px 80px 45px;}
- .app-case .tit{font-size: 36px; color: #157df1; text-align: center; margin-bottom: 70px;}
- .app-case .list .con{position: relative; margin-bottom: 25px;}
- .app-case .list .con img{height: 418px;}
- .app-case .list .con .hover{position: absolute; left: -10px; top: -10px; width: calc(100% + 20px); height: calc(100% + 40px); background-color: #348dee; color: #fff; font-size: 24px; padding-top: 160px; text-align: center; opacity: 0; transition: all 600ms; cursor: pointer; z-index: 1;}
- .app-case .list .con:hover .hover{opacity: 1;}
- .price-pay .wechat-pay{padding: 100px 0;}
- .price-pay .wechat-pay .wechat-img{padding: 10px; width: 200px; height: 200px; border: 1px solid #e5e5e5;}
- .price-pay .wechat-pay .glyphicon-triangle-left{font-size: 30px; color: #333;}
- .price-pay .wechat-pay .left{margin-top: 100px;}
- .price-pay .wechat-pay .center{margin-top: 170px;}
- .user-loss{padding: 80px 0;}
- .user-loss .h1{color: #157df1; text-align: center; margin-bottom: 60px;}
- .user-loss ul{background: url("../img/en-1.png") no-repeat center; position: relative; height: 320px;}
- .user-loss ul li{color: #333; font-size: 18px; padding: 0 20px; border-radius: 30px; height: 42px; line-height: 42px; box-shadow: 0 0 15px rgba(21,125,241,.2); position: absolute;}
- .user-loss ul li.con1{left: 130px; top: 50px;}
- .user-loss ul li.con2{right: 0;}
- .user-loss ul li.con3{left: 0; bottom: 40px;}
- .user-loss ul li.con4{right: 100px; bottom: 100px;}
- .problem-solving-wrap{background: #f7f8fc url("../img/en-6.png?12>") no-repeat center bottom;}
- .problem-solving{padding: 80px 20px; height: 795px;}
- .problem-solving .h1{color: #157df1; text-align: center; margin-bottom: 80px;}
- @media (min-width: 1200px) {
- .problem-solving .row{margin: 0 -45px;}
- .problem-solving .row .col-sm-3{padding: 0 45px;}
- .problem-solving .row .col-sm-3:nth-child(1){margin-top: 30px;}
- .problem-solving .row .col-sm-3:nth-child(2){margin-top: 180px;}
- .problem-solving .row .col-sm-3:last-of-type{margin-top: 228px;}
- }
- .problem-solving .ms-thumbnail{background-color: #fff; padding: 30px 0; position: relative; border-radius: 10px;}
- .problem-solving .ms-thumbnail .ms-caption p{height: 100px;}
- .problem-solving .ms-thumbnail .location{position: absolute; left: 50%; bottom: -33px; transform: translateX(-50%);}
- .encapsulation-complete-6 ul{padding: 0 50px;}
- .encapsulation-complete-6 ul li{float: left;}
- .encapsulation-complete-6 ul li img{margin: 0 auto 20px; display: block;}
- .encapsulation-complete-6 ul li p{color: #fff;}
- .encapsulation-complete-6 ul li:nth-child(even){background: url("../img/tt-13.png") no-repeat center; height: 100px; width: 50px;}
- .encapsulation-complete-6 ul li:nth-child(odd){width: calc((100% - 200px) / 5); text-align: center;}
- /*----------/封装页面-----------*/
- /*----------404 500-----------*/
- .web404{padding: 150px 0 0; min-height: 790px;}
- .web404 .img{position: relative; padding-left: 45px;}
- .web404 .error{position: absolute; right: -70px; top: 50px;}
- .web404 .error .text{font-size: 24px; color: #333;}
- .web404 .error p{margin-top: 10px;}
- .web404 .error .ms-btn-primary{margin-top: 30px; font-size: 18px; width: 160px;}
- .web500{position: absolute; left: 50%; top: 45%; transform: translate(-50%, -50%);}
- .web500 .error{position: absolute; bottom: -50px; left: 65%;}
- .web500 .error .text{font-size: 24px; color: #333;}
- .web500 .error p{margin-top: 10px;}
- .web500 .error .ms-btn-primary{margin-top: 30px; font-size: 18px; width: 160px;}
- /*----------/404 500-----------*/
- /*----------关于我们-----------*/
- .about-banner-wrap{background: no-repeat center; height: 200px;}
- .about-banner{height: 200px; padding-top: 50px; text-align: center; color: #fff;}
- .about-tab-wrap{background-color: rgba(0,0,0,.1); margin-top: -44px;}
- .about-tab-wrap .about-tab>a{float: left; color: #fff; width: 20%; height: 44px; line-height: 44px; font-size: 16px; text-align: center; cursor: pointer; display: block;}
- .about-tab-wrap .about-tab .router-link-active{background-color: #157df1;}
- .about-tab-wrap .about-tab a .iconfont{font-size: 18px; margin-right: 5px; position: relative; top: 1px;}
- .about-tab-wrap .about-tab a:hover{background-color: #157df1;}
- /*.about-us>div{display: none;}*/
- .about-us .common{padding: 70px 0;}
- .about-us .common h1{text-align: center; color: #333; margin-bottom: 50px;}
- .about-us .common .p2{font-size: 16px; color: #333; text-align: center; line-height: 30px; margin-bottom: 50px;}
- .about-us .contact-us{padding-top: 0;}
- .about-us .contact-us .contact-con{padding: 0 50px;}
- .about-us .contact-us .contact-con .ms-thumbnail{border: 1px solid #e5e5e5; padding: 50px 0;}
- .about-us .contact-us .contact-con .ms-thumbnail .ms-caption .tit{font-size: 24px;}
- .about-us .contact-us .contact-con .ms-thumbnail .ms-caption p{color: #666; margin-bottom: 20px;}
- .about-us .contact-us .contact-con .ms-thumbnail .ms-caption .p1 .iconfont{color: #adb6bc; font-size: 20px; margin-right: 10px; position: relative; top: 2px;}
- .about-us .contact-us .contact-con .ms-thumbnail .ms-caption .p1 .feedback1{font-size: 12px; padding: 3px 8px; margin-left: 25px;}
- .about-us .service_content{font-size: 16px; color: #525252; padding: 70px;}
- .about-us .service_content p{color: #333; font-size: 16px; line-height: 28px;}
- .about-us .service_content .font18{color: #333; margin-top: 5px; margin-bottom: 5px;}
- .about-us .service_content h3{font-size: 24px; color: #333333; line-height: 33px; margin-top: 20px; margin-bottom: 10px;}
- .about-us .service_content li{line-height: 30px; list-style: none; color: #333;}
- .about-us .service_content a, a:hover{color: #157df1; text-decoration: none;}
- .about-us p.item-title{margin: 0 0 10px 0; font-size: 24px; color: #333; line-height: 50px;}
- /*----------/关于我们-----------*/
- /*应用上传 重置*/
- /*----------应用上传 重置----------*/
- .qq-upload-list-selector {
- text-align: center;
- padding-top: 0 !important;
- }
- .qq-progress-bar-container-selector {
- height: 12px !important;
- border-radius: 6px;
- }
- .qq-progress-bar-container-selector .qq-progress-bar-selector {
- height: 12px !important;
- border-radius: 6px;
- }
- .qq-progress-bar-container-selector .qq-progress-bar-selector {
- height: 12px !important;
- }
- .release-app .progress-bar.active, .release-app .progress.active .progress-bar {
- /*
- -webkit-animation: none !important;
- -o-animation: none !important;
- animation: none !important;
- */
- }
- .release-app .progress-striped .progress-bar-warning {
- /*background-image: none !important;*/
- }
- .release-app .progress-bar-warning {
- background-color: #36b8f3 !important;
- }
- .big-bag .progress-bar-warning {
- background-color: #ffa634 !important;
- }
- .release-app2 .qq-upload-list li{padding: 9px 55px;}
- .tag-box {
- padding: 50px 20px 60px !important;
- height: 450px !important;
- }
- .release-app .progress {
- margin-top: 20px !important;
- }
- .qq-upload-list-selector {
- margin-top: 20px !important;
- }
- .qq-upload-button-selector {
- margin-top: 130px !important;
- }
- .tag-box-v5 {
- margin-bottom: 0 !important;
- }
- /*----------/应用上传 重置----------*/
- /*----------企业签名----------*/
- .signature1>.con{position: relative;}
- .signature1>.con>.row{margin: 0 0 20px; overflow: hidden; height: 100%;}
- @media (min-width: 1200px) {
- .signature1>.con>.row>.col-sm-2{padding: 0 0 9999px; margin-bottom: -9999px;}
- }
- .signature1>.con>.row>.col-sm-2{background-color: #fff; box-shadow: 0 0 5px rgba(0,0,0,.05);}
- .signature1>.con>.row>.col-sm-10{padding: 0 0 0 10px;}
- .signature1 .left{padding-top: 15px;}
- .signature1 .left ul li{margin-bottom: 10px;}
- .signature1 .left ul li a{padding-left: 25px; display: block; height: 50px; line-height: 50px; border-left: 4px solid transparent; color: #333;}
- .signature1 .left ul li a .iconfont{margin-right: 10px; color: #333; font-size: 18px;}
- .signature1 .left ul li.active a{background-color: #e7f2fe; border-color: #157df1; color: #157df1;}
- .signature1 .left ul li.active a .iconfont{color: #157df1;}
- .signature1 .left ul li.active a .icon-upload1{font-size: 18px;}
- .signature1 .left ul li:hover a{background-color: #e7f2fe; border-color: #157df1; color: #157df1;}
- .signature1 .left ul li:hover a .iconfont{color: #157df1;}
- .signature1 .left ul li .icon-xiangzi{position: relative; top: 1px;}
- .signature1 .left ul li .icon-caidan{position: relative; top: 1px;}
- .signature1 .right{position: relative;}
- .signature1 .right .step{overflow: hidden; margin-bottom: 10px;}
- .signature1 .right .step li{float: left; background-color: #fff; width: 19.5%; height: 44px; line-height: 44px; text-align: center; color: #666; position: relative; border: none;}
- .signature1 .right .step li span{display: inline-block; width: 18px; height: 18px; border-radius: 50%; border: 1px solid #e5e5e5; line-height: 16px; text-align: center; font-size: 12px; margin-right: 10px;}
- .signature1 .right .step li.active{color: #157df1;}
- .signature1 .right .step li.active span{color: #157df1; border-color: #157df1;}
- .signature1 .right .step li:after, .signature1 .right .step li:before{left: 100%; top: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; z-index: 1;}
- .signature1 .right .step li:before{border-color: rgba(255, 0, 0, 0); border-left-color: #f2f2f5; border-width: 30px; margin-top: -30px;}
- .signature1 .right .step li:after{border-color: rgba(255, 255, 255, 0); border-left-color: #fff; border-width: 25px; margin-top: -25px; z-index: 1;}
- .signature1 .right .step-common{box-shadow: 0 0 5px rgba(0,0,0,.05); background-color: #fff; border-radius: 3px; /*margin-top: 10px;*/ color: #333; padding-bottom: 30px; /*min-height: 446px;*/}
- .signature1 .right .step-common .tit{line-height: 60px; border-bottom: 1px solid #e5e5e5; height: 60px; padding: 0 0 0 30px; margin-bottom: 20px;}
- .signature1 .right .step-common ul{padding: 0 30px 30px 30px;}
- .signature1 .right .step-common .download-way{margin-top: 7px; font-size: 12px;}
- .signature1 .right .step-common .download-way li{float: left; margin-right: 50px; cursor: pointer; color: #333; font-size: 14px;}
- .signature1 .right .step-common .download-way li .icon-radio{margin-right: 8px; top: 2px;}
- .signature1 .warn-prompt-wrap{padding-bottom: 20px; margin-top: -20px;}
- .signature1 .warn-prompt-wrap .warn-prompt{width: calc(100% - 16.66666667% - 10px);}
- .signature1 .warn-prompt-wrap .warn-prompt-1{width: calc(100% - 16.66666667% - 10px); margin-bottom: 0;}
- .release-app2 .warn-prompt-wrap{padding-bottom: 20px; margin-top: -20px;}
- .release-app2 .warn-prompt-wrap .warn-prompt{width: calc(100% - 16.66666667% - 10px);}
- .release-app2 .warn-prompt-wrap .warn-prompt-1{width: calc(100% - 16.66666667% - 10px); margin-bottom: 0;}
- /*对公转账*/
- .contrary-transfer{color: #666; padding: 0 25px; display: none;}
- .contrary-transfer .warn-prompt{margin-top: 0; margin-bottom: 15px;}
- .contrary-transfer dl dt{width: 60px; text-align: right; margin-right: 45px; padding-top: 7px;}
- .contrary-transfer dl dd{height: 34px; line-height: 34px;}
- .contrary-transfer .dl-input dd{height: auto; line-height: normal;}
- .contrary-transfer .dl-input{margin-top: 10px;}
- .contrary-transfer .dl-input .form-error+.error{display: block;}
- .contrary-transfer .dl-input .error{color: #ff4222; display: none;}
- .signature1 .right .step1 .upload-file{padding: 0; height: 436px; margin-top: 10px; text-align: center; box-shadow: 0 0 5px rgba(0,0,0,.05);}
- .signature1 .right .step1 .qq-upload-button-selector{margin-top: 100px !important;}
- .signature1 .right .step1 .qq-upload-list-selector li{padding-left: 20px; padding-right: 20px;}
- .signature1 .right .step2 .form-group{margin-bottom: 30px;}
- .signature1 .right .step2 .form-group .col-sm-6{position: relative;}
- .signature1 .right .step2 .form-group .error-prompt{position: absolute; left: 15px; top: calc(100% + 3px); color: #f00; display: none;}
- .signature1 .right .step2 .form-group.form-error .error-prompt{display: block;}
- .signature1 .right .step2 ul{padding: 7px 15px 0;}
- .signature1 .right .step2 .form-group .col-sm-2{width: 14%;}
- .signature1 .right .step2 .app-name img{border: 1px solid #e5e5e5; border-radius: 15px; width: 60px; height: 60px;}
- .signature1 .right .step2 .app-name .col-sm-2:nth-of-type(1){line-height: 60px; padding-top: 0;}
- .signature1 .right .step2 .app-name .col-sm-2:nth-of-type(2){width: auto; padding-right: 0;}
- .signature1 .right .step2 .app-name .col-sm-4{line-height: 60px;}
- .signature1 .right .step3 .text{padding-left: 30px; margin-bottom: 20px;}
- .signature1 .right .step3 .text img{width: 30px; height: 30px; border: 1px solid #e5e5e5; border-radius: 6px;}
- .signature1 .right .step3 .text p{line-height: 30px; margin-left: 15px;}
- .signature1 .right .step3 .pay-money{padding-bottom: 0; padding-left: 30px;}
- .signature1 .right .step3 .pay-money .ms-btn{width: auto; padding: 6px 12px;}
- .signature1 .right .step3 .pay-money .ms-btn.color-hover{padding-left: 0;}
- .signature1 .right .step3 .pay-money .ms-btn-primary{width: 160px; padding: 9px 0;}
- .signature1 .right .step3 .choose-package li{height: 40px; line-height: 40px; text-align: center; width: 100px; border: 1px solid #e5e5e5; position: relative; border-radius: 3px; margin-right: 30px; float: left; cursor: pointer;}
- .signature1 .right .step3 .choose-package li .icon-checkbox{position: absolute; right: 0; bottom: 0; border-bottom-right-radius: 3px; display: none;}
- .signature1 .right .step3 .choose-package li.active{border-color: #157df1;}
- .signature1 .right .step3 .choose-package li.active .icon-checkbox{display: block;}
- .signature1 .right .step3 .tooltip .tooltip-inner{max-width: 300px;}
- .signature1 .right .step4{padding-bottom: 0;}
- .signature1 .right .step4 .top{padding: 30px; border-bottom: 1px solid #e5e5e5; min-height: 350px;}
- .signature1 .right .step4 .top img{border: 1px solid #e5e5e5; border-radius: 15px; width: 80px; height: 80px; margin-right: 20px;}
- .signature1 .right .step4 .top table{width: 45%; color: #333;}
- .signature1 .right .step4 .top table caption{color: #333; font-size: 24px; margin-bottom: 5px;}
- .signature1 .right .step4 .top table caption .tit1{position: relative;}
- .signature1 .right .step4 .top table caption .version{position: absolute; left: calc(100% + 2px); top: 0; background-color: #ed2027; font-size: 12px; width: 42px; color: #fff; text-align: center; border-radius: 3px;}
- .signature1 .right .step4 .top table td{padding: 2px 0; font-size: 12px;}
- .signature1 .right .step4 .top.signature-disabled img{-webkit-filter: grayscale(1); filter: gray; filter: grayscale(1);}
- .signature1 .right .step4 .top.signature-disabled table{color: #999;}
- .signature1 .right .step4 .top.signature-disabled table caption{color: #999;}
- .signature1 .right .step4 .step-bottom{padding: 20px 50px 15px;}
- .signature1 .right .step4 .step-bottom table{width: 100%; }
- .signature1 .right .step4 .step-bottom table th{font-weight: 600; padding: 5px;}
- .signature1 .right .step4 .step-bottom table th span{display: inline-block; width: 3px; height: 16px; background-color: #157df1; position: relative; top: 3px; margin-right: 7px;}
- .signature1 .right .step4 .step-bottom table td{padding: 5px;}
- .signature1 .right .app-table{margin-bottom: 0;}
- .signature1 .right .app-table th{border-bottom-width: 1px;}
- .table-list .app-table tr:hover td{background-color: #ebf7ff;}
- .table-list .app-table td .app-icon-size{margin-right: 10px;}
- .table-list .app-table td .app-icon-size img{width: 45px; height: 45px; border-radius: 10px; border: 1px solid #e5e5e5;}
- .signature1 .right .app-table td .icon-download{font-size: 20px; cursor: pointer; color: #157df1;}
- /*.signature1 .right .app-table td .icon-download:hover{color: #157df1;}*/
- .signature1 .right .app-table .number{cursor: pointer;}
- .signature1 .right .app-table .number .text{position: relative;}
- .signature1 .right .app-table .number .glyphicon{color: #bbb; display: block; font-size: 13px; position: absolute; left: calc(100% + 3px);}
- .signature1 .right .app-table .number .glyphicon-triangle-top{top: -4px;}
- .signature1 .right .app-table .number .glyphicon-triangle-bottom{top: 4px;}
- .signature1 .right .app-table .number.sorted.ascending .glyphicon-triangle-top{color: #666;}
- .signature1 .right .app-table .number.sorted.descending .glyphicon-triangle-bottom{color: #666;}
- .signature1 .right .no-signature{background-color: #fff; min-height: 420px; text-align: center; padding-top: 130px; border: 1px solid #e5e5e5; border-top: none;}
- .signature1 .right .no-signature .text{margin-top: 20px;}
- /*.signature1 .release-app .app-table tr th:first-of-type{width: 80px;}*/
- .signature1 .release-app .app-table td .tit-ellipsis{width: 70px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; display: inline-block; position: relative; top: 5px;}
- .signature1 .right .warn-prompt{margin-top: 20px;}
- /*----------/企业签名----------*/
- /*----------封装----------*/
- .encapsulation{padding: 30px; background-color: #fff;}
- .encapsulation .common .list2{padding: 7px 15px 0;}
- .encapsulation .common .list2 li{margin-right: 40px;}
- /*.encapsulation .version-number{margin-bottom: 20px !important;}*/
- .encapsulation .form-horizontal .form-group:last-of-type{margin-bottom: 0;}
- #device{position: relative;}
- #device .error{position: absolute; top: 35px; left: 15px; white-space: nowrap; font-size: 12px; color: #fd641d; display: none;}
- #device.form-error .error{display: block;}
- .encapsulation .upload-icon{position: relative; border: 1px solid #ddd; height: 100px; width: 100px; /*border-radius: 15px;*/ background: url("../img/icon-10.png") no-repeat center 23px; margin-bottom: 30px; overflow: hidden; margin-left: 15px;}
- .encapsulation .upload-icon img{position: absolute; left: 0; top: 0; width: 100%; height: 100%; /*border-radius: 15px;*/ background-color: #fff; /*border: 1px solid #e5e5e5;*/}
- .encapsulation .upload-icon .thumbnail{position: absolute; z-index: 2; width: 100%; height: 100%; opacity: 0; cursor: pointer;}
- .encapsulation .upload-icon .thumbnail1{position: absolute; z-index: 2; width: 100%; height: 100%; opacity: 0; cursor: pointer;}
- .encapsulation .upload-icon .text{text-align: center; margin-top: 60px; font-size: 14px; font-weight: 600; color: #999;}
- .encapsulation .step2 .img-note{font-size: 12px; display: flex; align-items: flex-end; height: 90px; margin-left: 10px;}
- .encapsulation .img-note .ms-btn{font-size: 14px;}
- .encapsulation .step2 .control-label{color: #333;}
- .encapsulation .upload-icon .reset{position: absolute; left: 0; bottom: 0; height: 20px; line-height: 20px; background: rgba(0,0,0,.5); width: 100%; color: #fff; text-align: center; font-size: 12px; display: none;}
- .encapsulation .upload-icon .reset{display: none;}
- .encapsulation .upload-icon.uploaded .reset{display: none;}
- .encapsulation .upload-icon.uploaded:hover .reset{display: block;}
- .encapsulation .upload-img{height: 215px; width: 120px; background-position: center 45%; /*border-radius: 5px;*/ margin-bottom: 0;}
- .encapsulation .upload-img .text{text-align: center; margin-top: 120px;}
- .encapsulation .upload-img img{/*border-radius: 5px;*/}
- .encapsulation .step2 .img-note1{font-size: 12px; display: flex; align-items: flex-end; height: 215px; margin-left: 10px;}
- .encapsulation .step2 .img-note1 .ms-btn{font-size: 14px;}
- /*启动图 显示时间*/
- .encapsulation .step2 .start-time .tit{color: #333;}
- .encapsulation .step2 .start-time ul{padding-left: 0;}
- .encapsulation .step2 .start-time ul li{float: left; cursor: pointer; margin-right: 30px;}
- .encapsulation .step2 .start-time ul li .icon-radio{margin-right: 10px; top: 3px;}
- /*/启动图 显示时间*/
- /*启动图 显示跳过*/
- .encapsulation .step2 .show-skip .tit{color: #333;}
- .encapsulation .step2 .show-skip ul{padding-left: 0;}
- /*/启动图 显示跳过*/
- .encapsulation4{padding: 30px 0;}
- .encapsulation4 .common{margin-bottom: 10px;}
- .encapsulation4 .common .tit{padding: 0 30px 20px; border-bottom: 1px solid #e5e5e5; color: #333;}
- .encapsulation4 .common .list2{padding: 20px 30px 30px; color: #333;}
- .encapsulation4 .pay-money{padding-bottom: 0; margin-top: 0;}
- .encapsulation4 .pay-money .ms-btn.color-hover{width: auto; padding: 6px 12px;}
- .encapsulation5{padding: 0; background-color: transparent;}
- .encapsulation5 .e-details dt{color: #333; font-size: 24px;}
- .encapsulation5 .e-details dd{margin-top: 5px; font-size: 12px;}
- .encapsulation5 .e-details dt .tit1{position: relative;}
- .encapsulation5 .e-details .d-bottom>span{margin-right: 50px;}
- .encapsulation5 table{table-layout: fixed;}
- .encapsulation5 table .ellipsis-wrap{position: relative;}
- .encapsulation5 table .ellipsis-wrap .popover{max-width: 410px; width: 410px; top: 15px; font-size: 14px;}
- .encapsulation5 table .ellipsis-wrap .popover .popover-content span{color: #157df1; margin-left: 10px; cursor: pointer;}
- .encapsulation5 table .ellipsis-wrap .ellipsis{width: 80%;}
- .encapsulation5 table .ellipsis-wrap .popover.bottom>.arrow{left: 25px;}
- .encapsulation5 table .ellipsis-wrap:hover .popover{display: block;}
- .encapsulation-app1{padding: 0; background-color: transparent;}
- .encapsulation-app1 .app-table{color: #666;}
- .encapsulation-app1 .app-table .iconfont{color: #bbb;}
- .encapsulation-app1 .app-table tr th{padding-left: 10px; padding-right: 10px;}
- .encapsulation-app1 .app-table tr td{height: 60px; padding: 0 10px !important;}
- /*.encapsulation-app1 .app-table tr th:nth-of-type(2){text-align: left;}*/
- /*.encapsulation-app1 .app-table tr th:nth-of-type(3){text-align: left;}*/
- /*.encapsulation-app1 .app-table tr td:nth-of-type(3){text-align: left;}*/
- /*.encapsulation-app1 table tr td:nth-of-type(3) a{max-width: 160px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: block;}*/
- .encapsulation-app1 .number{width: 120px;}
- .table-list .app-table .tr-disabled:hover td{background-color: #f7f7f7;}
- .table-list .app-table .td-disabled{color: #999; position: relative;}
- .table-list .app-table .td-disabled .icon-download{display: none;}
- .table-list .app-table .mask{position: absolute; background-color: red; opacity: 0; left: 0; top: 0; width: 100%; height: 100%; cursor: not-allowed;}
- .table-list .app-table .td-disabled img{-webkit-filter: grayscale(1); filter: gray; filter: grayscale(1);}
- .table-list .app-table .td-disabled.table-action-3 .table-btn{display: none;}
- .encapsulation-app1 .no-app{background-color: #fff; padding-top: .1px; min-height: 420px; border: 1px solid #e5e5e5; border-top: none;}
- .encapsulation-app1 .no-app .icon-zhuangxiang{margin-right: 5px; font-size: 18px;}
- .encapsulation-app1 .no-app .ms-btn .text{margin-top: 3px;}
- .no-app .big{display: none;}
- .big-bag .no-app .small{display: none;}
- .big-bag .no-app .big{display: block;}
- .table-list .app-table .ellipsis{max-width: 160px; width: auto;}
- .table-list .app-table .pack-name-ellipsis{max-width: 140px; width: auto;}
- .table-list .app-table .table-btn{padding: 4px 10px; border: 1px solid #157df1; border-radius: 3px; display: inline-block;}
- .table-list .app-table .table-btn + .table-btn{margin-left: 3px;}
- .table-list .app-table .table-btn:hover{background-color: #157df1; color: #fff;}
- .table-list .app-table .table-btn:focus{background-color: transparent; color: #157df1;}
- .table-list .app-table .table-btn:focus:hover{background-color: #157df1; color: #fff;}
- .table-list .app-table .table-btn[disabled=disabled]{color: #ccc; cursor: not-allowed; border-color: #e8e8e8; background-color: #e8e8e8;}
- .table-list .app-table .table-btn[disabled=disabled]:focus{color: #ccc; cursor: not-allowed; border-color: #e8e8e8; background-color: #e8e8e8;}
- .table-list .app-table .table-btn.disabled{color: #ccc; cursor: not-allowed; border-color: #e8e8e8; background-color: #e8e8e8;}
- .table-list .app-table .table-btn.disabled:focus{color: #ccc; cursor: not-allowed; border-color: #e8e8e8; background-color: #e8e8e8;}
- .table-list .app-table .table-btn.color-delete{border-color: #ee635d; margin-right: 0;}
- .table-list .app-table .table-btn.color-delete:hover{background-color: #ee635d; color: #fff;}
- .table-list .app-table .table-btn.color-delete:focus{background-color: transparent; color: #ee635d;}
- .table-list .app-table .table-btn.color-delete:focus:hover{background-color: #ee635d; color: #fff;}
- .table-list .app-table .table-btn.color-delete[disabled=disabled]{color: #ccc; cursor: not-allowed; border-color: #e8e8e8; background-color: #e8e8e8;}
- .table-list .app-table .table-btn.color-delete[disabled=disabled]:focus:hover{color: #ccc; cursor: not-allowed; border-color: #e8e8e8; background-color: #e8e8e8;}
- .table-list .app-table .table-btn.color-delete.disabled{color: #ccc; cursor: not-allowed; border-color: #e8e8e8; background-color: #e8e8e8;}
- .table-list .app-table .table-btn.color-delete.disabled:focus:hover{color: #ccc; cursor: not-allowed; border-color: #e8e8e8; background-color: #e8e8e8;}
- .table-list .app-table .table-btn.disabled{color: #999; cursor: not-allowed;}
- .table-list .app-table .table-action-2{width: 190px;}
- .table-list .app-table .table-action-3{width: 225px;}
- .table-list .app-table .table-action-4{width: 265px;}
- .table-list .app-table td .tit2{max-width: 115px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; display: block; color: #333; font-size: 14px; text-align: left; line-height: 14px; margin-top: 10px;}
- .table-list .app-table td .tit2:hover{color: #157df1;}
- .table-list .app-table td .tit3{color: #999; font-size: 12px; text-align: left; display: block; margin-top: 2px;}
- .table-list .app-table tr .angle-parent{position: relative;}
- .table-list .app-table tr .angle-parent .angle{position: absolute; left: 0; top: 0;}
- .app-details2 .angle-parent{position: relative;}
- .app-details2 .angle-parent .angle{position: absolute; left: 0; top: 0;}
- .encapsulation3{padding: 0;}
- .encapsulation3 .step3{padding-top: .1px;}
- .encapsulation3 .step3 .tit3{padding: 20px 30px; border-bottom: 1px solid #e5e5e5; color: #333;}
- .encapsulation3 .step3 .free-tool{padding-left: 30px; margin-top: 25px; color: #333;}
- .encapsulation3 .step3 .pay-tool{padding-left: 30px; color: #333;}
- .encapsulation3 .step3 .plugin-list{padding: 20px 30px 10px;}
- .encapsulation3 .step3 .plugin-list .con{border: 1px solid #e5e5e5; border-radius: 5px; cursor: pointer; position: relative;}
- .encapsulation3 .step3 .plugin-list .con img{margin: 10px auto 6px; height: 25px;}
- .encapsulation3 .step3 .plugin-list .con .text3{text-align: center; margin-bottom: 10px; color: #666; font-size: 12px;}
- .encapsulation3 .step3 .plugin-list .con .icon-checkbox{position: absolute; bottom: 0; right: 0; display: none;}
- .encapsulation3 .step3 .plugin-list .con.active{border-color: #157df1;}
- .encapsulation3 .step3 .plugin-list .con.active .icon-checkbox{display: block;}
- .encapsulation3 .step3 .plugin-list .row{margin-left: -10px; margin-right: -10px;}
- .encapsulation3 .step3 .plugin-list .row .col-sm-2{padding-left: 10px; padding-right: 10px;}
- .encapsulation3 .step3 .plugin-list .con .in-development{position: absolute; background-color: rgba(0,0,0,.7); left: 0; top: 0; width: 100%; height: 100%; color: #fff; border-radius: 5px; display: none; align-items: center; justify-content: center;}
- .encapsulation3 .step3 .plugin-list .con:hover .in-development{display: flex;}
- .encapsulation3 .step3 .plugin-list .col-sm-2{width: 20%; margin-bottom: 20px;}
- /*.encapsulation3 .step3 .plugin-list .row .col-sm-2:nth-of-type(n+11){margin-bottom: 0;}*/
- .encapsulation3 .step3 .plugin-list .con .c-left{font-size: 12px; width: 60%;}
- .encapsulation3 .step3 .plugin-list .con .c-left .img-hide{display: none;}
- .encapsulation3 .step3 .plugin-list .con.active .c-left .img-hide{display: block;}
- .encapsulation3 .step3 .plugin-list .con.active .c-left .img-show{display: none;}
- .encapsulation3 .step3 .plugin-list .con .c-right{padding: 15px 20px 15px 0; height: 68px; display: flex; align-items: center; justify-content: center;}
- .encapsulation3 .step3 .plugin-list .con .c-right .line{border-left: 1px solid #e5e5e5; width: 1px; height: 100%; margin-right: 20px;}
- .encapsulation3 .step3 .plugin-list .con .c-right .icon-checkbox-checked1{color: #157df1;}
- .encapsulation3 .step3 .plugin-list .con:hover{border-color: #157df1;}
- /*
- * table列表 优化
- * 2018/10/24
- */
- .table-list-wrap{box-shadow: 0 0 5px rgba(0,0,0,.05); background-color: #fff; padding: 20px; min-height: 550px;}
- .new-encapsulation{}
- .new-encapsulation .right .step li{width: 32.5%;}
- .vip-encapsulation{}
- .vip-encapsulation .right .step li{width: 24.4%;}
- .new-encapsulation .right .step-common{min-height: 450px;}
- .new-encapsulation .right .step-common .form-group{margin-bottom: 30px;}
- .new-encapsulation .right .step-common .form-group1{margin-bottom: 20px;}
- @media (min-width: 1200px) {
- .new-encapsulation .right .step-common .form-group .col-sm-2{width: 14%;}
- }
- .new-encapsulation .step-common .img-note{font-size: 12px; display: flex; align-items: flex-end; height: 90px; margin-left: 10px;}
- .new-encapsulation .encapsulation .upload-icon{margin-bottom: 0;}
- .encapsulation .prev-step{padding: 6px 0; margin-right: 12px;}
- /*----------/封装----------*/
- /*----------封装 配置插件----------*/
- .plugin-modal .modal-dialog{width: 700px;}
- .plugin-modal .modal-title{color: #333;}
- .plugin-modal .modal-header{padding-left: 30px;}
- .plugin-modal .modal-footer{padding: 30px 15px;}
- .plugin-modal .modal-header .close{opacity: 1; color: #333; font-size: 26px;}
- .plugin-modal .modal-body{max-height: 600px; overflow-y: auto; position: relative;}
- .modal-aside .modal-body{min-height: 600px;}
- .plugin-modal .modal-body .more-gif{position: absolute; left: 50%; bottom: 0px; margin-left: -52px;}
- .plugin-modal .modal-aside{background-color: #f0f0f0; border-radius: 6px;}
- .plugin-modal .modal-aside .modal-aside-left{width: 35%;}
- .plugin-modal .modal-aside .modal-aside-left .tit1{color: #333; font-size: 16px; text-align: center; margin-top: 55px; margin-bottom: 25px;}
- .plugin-modal .modal-aside .modal-aside-right{width: 65%; background-color: #fff; /*min-height: 710px;*/ border-radius: 0 6px 6px 0;}
- .sp-button-container{width: 75px;}
- .sp-input{border: 1px solid #222;}
- /*浏览器*/
- .plugin-browser .select-browser{color: #157df1; font-size: 12px; margin-left: 125px;}
- .plugin-browser .select-browser:hover{text-decoration: underline;}
- /*/浏览器*/
- /*加载动画*/
- .config-plugin{}
- .config-plugin .plugin-common{padding: 15px 20px;}
- .config-plugin .plugin-common .sp-replacer{width: 100%;}
- .config-plugin .plugin-common .sp-preview{width: 90%;}
- .plugin-loading .tit3{color: #333; margin: 45px 0 15px;}
- .plugin-loading .con{border: 1px solid #e5e5e5; border-radius: 5px; padding: 0 10px; position: relative; overflow: hidden; cursor: pointer;}
- .plugin-loading .con .icon-checkbox{position: absolute; right: 0; bottom: 0; display: none;}
- .plugin-loading .con.active{border-color: #157df1;}
- .plugin-loading .con.active .icon-checkbox{display: block;}
- .plugin-loading .con .tit1{padding: 15px 0;}
- .plugin-loading .con.active .tit1{color: #157df1;}
- .plugin-loading .con-1{border: 1px solid #e5e5e5; border-radius: 5px 5px 0 0; border-bottom: none; height: 140px;}
- .config-plugin .plugin-common .top{color: #333; text-align: center;}
- .config-plugin .plugin-common .top .time{font-size: 12px; font-weight: 600; padding-left: 20px; margin-top: 3px; display: inline-block;}
- .config-plugin .plugin-common .top .num{font-size: 12px; font-weight: 600; margin: 3px 5px 0 0;}
- .config-plugin .plugin-common .top .icon-signal{margin-left: 3px;}
- .config-plugin .plugin-common .top .icon-wifi{font-size: 15px; margin-left: 5px;}
- .config-plugin .plugin-common .top .icon-dianliang{font-size: 14px; margin-right: 3px;}
- .plugin-loading .con-1 .tit2{text-align: center; color: #157df1; font-weight: 600; border-bottom: 1px solid #e5e5e5; padding-bottom: 5px; position: relative;}
- .plugin-loading .con-1 .tit2 .progress1{position: absolute; left: 0; bottom: -1px; background: #157df1; height: 1px; width: 80%;}
- .plugin-loading .con-1 img{margin: 35px auto 0; width: 26px; height: 26px; display: block;}
- /*/加载动画*/
- /*清除缓存*/
- .config-plugin .plugin-common .common-ul li{float: left; width: 140px; height: 40px; line-height: 40px; text-align: center; border: 1px solid #e5e5e5; position: relative; border-radius: 5px; margin-right: 25px; overflow: hidden; cursor: pointer;}
- .config-plugin .plugin-common .common-ul li .icon-checkbox{position: absolute; right: 0; bottom: 0; display: none;}
- .config-plugin .plugin-common .common-ul li.active{border: 1px solid #157df1; color: #157df1;}
- .config-plugin .plugin-common .common-ul li.active .icon-checkbox{display: block;}
- /*/清除缓存*/
- /*极光推送*/
- .config-plugin .plugin-common label{color: #333;}
- /*/极光推送*/
- /*退出提示*/
- .plugin-exit .con-1{position: relative;}
- .plugin-exit .con-1 .shadow{position: absolute; background-color: rgba(0,0,0,.7); left: 0; top: 0; width: 100%; height: 100%; border-radius: 5px 5px 0 0; padding: 20px 30px;}
- .plugin-exit .con-1 .shadow .s-con{background-color: #fff; border-radius: 5px; height: 100%; text-align: center; font-size: 12px; color: #333; padding-top: .1px;}
- .plugin-exit .con-1 .shadow .s-con .s-tit{font-weight: 600; margin-top: 15px;}
- .plugin-exit .con-1 .shadow .s-con p{margin-top: 5px;}
- .plugin-exit .con-1 .shadow .s-con ol{margin-top: 15px;}
- .plugin-exit .con-1 .shadow .s-con ol li{float: left; color: #157df1; border-top: 1px solid #e5e5e5; width: 50%; height: 30px; line-height: 30px;}
- .plugin-exit .con-1 .shadow .s-con ol li:first-of-type{border-right: 1px solid #e5e5e5;}
- .plugin-exit .con-1 .shadow1{position: absolute; background-color: rgba(0,0,0,.7); left: 15%; top: 55%; width: 70%; height: 30px; border-radius: 5px; line-height: 30px; color: #fff; text-align: center; font-size: 12px;}
- .plugin-exit .mode dd{cursor: pointer;}
- .plugin-exit .mode dd{margin-bottom: 10px;}
- .plugin-exit .mode dd .text{margin-left: 3px;}
- p{}
- /*退出提示*/
- /*引导页*/
- #guideModal .modal-dialog{width: 1070px;}
- #guideModal .modal-aside-left .bg{background: url("../img/aside-10.png") no-repeat center; width: 268px; height: 564px; margin: 0 auto;}
- @media (min-width: 1200px) {
- .plugin-guide .row{margin: 0 -10px;}
- .plugin-guide .row .col-sm-3{width: 20%; padding: 0 10px;}
- }
- #guideModal .modal-aside-left .bg{position: relative;}
- #guideModal img[src=""], #guideModal img:not([src]){opacity: 0;}
- #guideModal .modal-aside-left .bg img{display: block; background-color: #fff; width: 240px; height: 425px; position: absolute; left: 14px; top: 70px;}
- #guideModal .modal-aside-left .bg .experience-btn{position: absolute; left: 50%; bottom: 110px; margin-left: -65px; width: 130px; height: 30px; text-align: center; line-height: 28px; color: #fff; border: 1px solid #fff; border-radius: 15px; z-index: 2;}
- .plugin-guide .upload-img{position: relative; border: 1px dashed #e5e5e5; height: 190px; width: 100%; border-radius: 5px; background: url("../img/icon-10.png") no-repeat center 40%; /*overflow: hidden;*/}
- .plugin-guide .upload-img img{position: absolute; left: 0; top: 0; width: 100%; height: 100%; border-radius: 5px; background-color: #fff; border: 1px solid #e5e5e5;}
- .plugin-guide .upload-img .thumbnail{position: absolute; z-index: 2; width: 100%; height: 100%; opacity: 0; cursor: pointer;}
- .plugin-guide .upload-img .text{text-align: center; margin-top: 100px; font-size: 12px;}
- .plugin-guide .upload-img .reset{position: absolute; left: 0; bottom: 0; height: 20px; line-height: 20px; background: rgba(0,0,0,.7); width: 100%; color: #fff; text-align: center; font-size: 12px; display: none;}
- .plugin-guide .upload-img .reset{display: none;}
- .plugin-guide .upload-img.uploaded .reset{display: none;}
- .plugin-guide .upload-img.uploaded:hover .reset{display: block;}
- /*删除*/
- .plugin-guide .upload-img .icon-delete2{position: absolute; color: #ff6565; right: -8px; top: -8px; right: 0\9; top: 0\9; display: none; cursor: pointer; z-index: 2;}
- .plugin-guide .upload-img.uploaded .icon-delete2{display: block;}
- .plugin-guide .experience{margin-top: 20px;}
- .plugin-guide .experience-color{margin-top: 45px;}
- .plugin-guide .experience .tit{color: #333; margin-bottom: 7px;}
- /*/引导页*/
- /*第三方分享*/
- .plugin-share .con{border: 1px solid #e5e5e5; border-radius: 5px; padding: 0 10px; position: relative; overflow: hidden; cursor: pointer;}
- .plugin-share .con .icon-checkbox{position: absolute; right: 0; bottom: 0; display: none;}
- .plugin-share .con.active{border-color: #157df1;}
- .plugin-share .con.active .icon-checkbox{display: block;}
- .plugin-share .con .tit1{padding: 15px 0; color: #333;}
- .plugin-share .con.active .tit1{color: #157df1;}
- .plugin-share .con-1{border: 1px solid #e5e5e5; border-radius: 5px 5px 0 0; border-bottom: none; height: 140px;}
- .plugin-share .plugin-common .top{color: #333; text-align: center;}
- .plugin-share .plugin-common .top .time{font-size: 12px; font-weight: 600; padding-left: 20px; margin-top: 3px; display: inline-block;}
- .plugin-share .plugin-common .top .num{font-size: 12px; font-weight: 600; margin: 3px 5px 0 0;}
- .plugin-share .plugin-common .top .icon-signal{margin-left: 3px;}
- .plugin-share .plugin-common .top .icon-wifi{font-size: 15px; margin-left: 5px;}
- .plugin-share .plugin-common .top .icon-dianliang{font-size: 14px; margin-right: 3px;}
- .plugin-share .con-1 .tit2{text-align: center; color: #157df1; font-weight: 600; border-bottom: 1px solid #e5e5e5; padding-bottom: 5px; position: relative;}
- .plugin-share .con-1 .tit2 .share-left{position: absolute; left: 5px; bottom: 3px;}
- .plugin-share .con-1 .tit2 .share-right{position: absolute; right: 5px; bottom: 3px;}
- .plugin-share .con .icon-checkbox-small{position: absolute; right: 0; bottom: 0; display: none;}
- .plugin-share .con.active .icon-checkbox-small{display: block;}
- .plugin-share .s-tit{color: #333; margin-bottom: 8px;}
- .plugin-share .s-tit1{color: #fd641d; margin-top: 5px; font-size: 12px; display: none;}
- .plugin-share .s-way{margin-top: 0;}
- .plugin-share .s-way .w-top{margin-bottom: 8px;}
- .plugin-share .s-way .w-top .t-left{color: #333;}
- .plugin-share .s-way .w-top .t-right{color: #157df1; font-size: 12px;}
- /*第三方分享三期完成后 删除*/
- .plugin-share .s-way .w-con{border: 1px solid #e5e5e5; border-radius: 5px; padding: 15px 12px 0; position: relative; cursor: pointer;}
- .plugin-share .s-way .w-con .s-tit2{color: #333; margin-bottom: 5px;}
- .plugin-share .s-way .w-con p{color: #666; font-size: 12px; margin-bottom: 10px; height: 34px;}
- .plugin-share .s-way .w-con.active{border-color: #157df1;}
- .plugin-share .s-way .w-con.active .s-tit2{color: #157df1;}
- .plugin-share .s-way .w-con .icon-checkbox-small{position: absolute; right: 0; bottom: 0; display: none;}
- .plugin-share .s-way .w-con.active .icon-checkbox-small{display: block;}
- /*/第三方分享三期完成后 删除*/
- .plugin-share .s-way .s-ul li{position: relative; overflow: visible;}
- .plugin-share .s-way .s-ul li .way-top{position: absolute; bottom: 100%; right: 0; color: #157df1; z-index: 2; font-size: 12px; height: 28px; line-height: 28px;}
- .plugin-share .s-way .s-ul li .recommended{position: absolute; left: 0; top: 0;}
- .plugin-share .s-way .s-ul li .icon-checkbox-small{position: absolute; right: 0; bottom: 0; display: none;}
- .plugin-share .s-way .s-ul li.active .icon-checkbox-small{display: block;}
- .plugin-share .app-share{display: none; position: relative;}
- /*.plugin-share .app-share .label-wrap{margin-bottom: 8px;}*/
- .plugin-share .app-share .label-wrap label{color: #333;}
- .plugin-share .app-share .label-wrap a{color: #157df1; font-size: 12px; position: absolute; right: 0; top: -21px;}
- .plugin-share .s-con{border: 1px solid #e5e5e5; padding: 15px 20px 20px; border-radius: 4px;}
- .plugin-share .app-share .s-con{margin-top: 20px;}
- .plugin-share .s-con .s-tit3{color: #333;}
- .plugin-share .s-con dl{color: #333; margin-top: 10px;}
- .plugin-share .s-con dl dt{font-weight: 600; margin-bottom: 5px;}
- .plugin-share .s-con .save-txt{padding: 3px 5px 2px; font-size: 12px; line-height: 14px; margin-top: 5px; margin-bottom: 25px;}
- .plugin-share .app-share input{margin-top: 10px;}
- .plugin-share .form-group{margin-bottom: 30px;}
- .plugin-share .form-group:last-of-type{margin-bottom: 0;}
- .plugin-share .form-group .row .col-sm-8{margin-bottom: 10px;}
- .plugin-share .share-location{margin-top: 40px;}
- .plugin-share .share-location .s-tit4{color: #333; margin-bottom: 2px;}
- .plugin-share .share-location p{color: #fd641d;}
- .plugin-share .share-content{margin-top: 40px;}
- .plugin-share .share-content .tab .s-con{display: none;}
- .plugin-share .share-content .radio-round{margin-bottom: 20px; color: #333;}
- .plugin-share .share-content label{margin-bottom: 5px;}
- .plugin-share .share-content .form-group{margin-bottom: 15px;}
- .plugin-share .share-content .form-group .error{color: #fd641d; font-size: 12px; display: none;}
- .plugin-share .share-content .form-group.form-error .error{display: block;}
- .plugin-share .share-content .s-con .form-group:last-of-type{margin-bottom: 0;}
- /*/第三方分享*/
- /*状态栏*/
- @media (min-width: 1200px) {
- #stateModal .modal-dialog{width: 1070px;}
- }
- #stateModal .modal-aside-left .bg{background: url("../img/plugin-aside-3.png") no-repeat center top; width: 268px; height: 564px; margin: 0 auto; padding-top: .1px; position: relative;}
- .plugin-modal .common-top{height: 24px; line-height: 24px; background-color: #157df1; color: #fff;}
- .plugin-modal .common-top.white{color: #fff;}
- .plugin-modal .common-top.black{color: #333;}
- .plugin-modal .common-top .icon-signal{margin-left: 3px; font-size: 13px;}
- .plugin-modal .common-top .font12{font-size: 12px; transform: scale(.8);}
- .plugin-modal .common-top .icon-dianliang{margin-top: -1px; margin-right: 5px; font-size: 12px;}
- #stateModal .common-top{width: auto; margin: 71px 15px 0; height: 16px; line-height: 16px;}
- .plugin-state .tit1{color: #333; margin-bottom: 5px;}
- .config-plugin .plugin-common .bg-text-color ol li{width: 30px; height: 30px; background-color: #e5e5e5; border: 1px solid #999; border-radius: 5px; float: left; padding: 6px; cursor: pointer;}
- .config-plugin .plugin-common .bg-text-color ol li.active{border: 3px solid #157df1;}
- .config-plugin .plugin-common .bg-text-color ol li:last-of-type{margin-left: 10px;}
- .config-plugin .plugin-common .bg-text-color ol li:first-of-type span{display: block; background-color: #fff; width: 100%; height: 100%;}
- .config-plugin .plugin-common .bg-text-color ol li:last-of-type span{display: block; background-color: #333; width: 100%; height: 100%;}
- /*/状态栏*/
- /*标题栏*/
- @media (min-width: 1200px) {
- #titleModal .modal-dialog{width: 1070px;}
- }
- #titleModal .modal-aside-left .bg{background: url("../img/plugin-aside-1.png") no-repeat center top; width: 268px; height: 564px; margin: 0 auto; padding-top: .1px;}
- .plugin-title input{color: #333;}
- .plugin-title .tit1{color: #333; margin-bottom: 5px;}
- #titleModal .modal-aside-left .state-title-header{margin-top: 71px;}
- #titleModal .modal-aside-left .state-top{width: auto; margin: 0 15px; height: 16px; line-height: 16px;}
- #titleModal .modal-aside-left .title-top{height: 26px; line-height: 26px; position: relative; /*margin-top: 85px;*/ width: auto; margin-left: 15px; margin-right: 15px;}
- #titleModal .modal-aside-left .title-top .iconfont{font-size: 20px; display: none;}
- #titleModal .modal-aside-left .title-top .t-left .iconfont{margin-left: 5px; margin-top: 1px;}
- #titleModal .modal-aside-left .title-top .t-right .iconfont{margin-right: 5px; margin-top: 1px;}
- #titleModal .modal-aside-left .title-top .text{position: absolute; left: 0; top: 50%; transform: translate(0, -50%); width: 100%; text-align: center; white-space: nowrap; font-size: 13px; line-height: 27px;}
- .plugin-title .form-group{margin-bottom: 40px;}
- .plugin-title .form-group:last-of-type{margin-bottom: 0;}
- .plugin-title .function-keys-wrap{margin-top: 40px;}
- .plugin-title .function-keys-wrap .form-group{margin-bottom: 20px;}
- .plugin-title .function-keys-wrap .form-group:last-of-type{margin-bottom: 0;}
- .plugin-title .function-keys li{float: left; margin-right: 25px; cursor: pointer; margin-bottom: 10px;}
- .plugin-title .function-keys li .icon{position: relative; top: 3px; margin-right: 5px;}
- .plugin-title .function-keys li .iconfont{position: relative; top: 1px; margin-right: 5px;}
- .plugin-title .function-keys li.disabled{background-color: transparent !important;}
- .plugin-title .function-keys li .icon-checkbox-checked1{color: #157df1;}
- .plugin-title .title-top dd .icon-text{display: none;}
- .plugin-title .title-top dd.vertical{background-color: rgba(21, 125, 241, .5); width: 100px; padding: 10px 0 10px 8px; margin-top: 4px;}
- .plugin-title .title-top .t-right dd.vertical{padding-left: 20px;}
- .plugin-title .title-top dd.vertical .icon-text{display: block;}
- .plugin-title .title-top dd.vertical .icon-wrap{width: 100%; height: 32px; line-height: 32px;}
- .plugin-title .title-top dd.vertical .icon-wrap .iconfont{margin-top: 0; margin-right: 5px;}
- /*.plugin-title .common-ul{margin-bottom: 40px;}*/
- .plugin-title .state-way{position: relative; margin-top: 40px;}
- .plugin-title .bg-text-color1{margin-top: 40px;}
- .plugin-title .bg-text-color1 ol li{width: 30px; height: 30px; background-color: #e5e5e5; border: 1px solid #999; border-radius: 5px; float: left; padding: 6px; cursor: pointer;}
- .plugin-title .bg-text-color1 ol li.active{border: 3px solid #157df1;}
- .plugin-title .bg-text-color1 ol li:last-of-type{margin-left: 10px;}
- .plugin-title .bg-text-color1 ol li:first-of-type span{display: block; background-color: #fff; width: 100%; height: 100%;}
- .plugin-title .bg-text-color1 ol li:last-of-type span{display: block; background-color: #333; width: 100%; height: 100%;}
- .plugin-title .state-bg-extension{display: none; padding-left: 15px;}
- .plugin-title .state-bg-extension .tit{color: #333; margin-bottom: 3px;}
- .plugin-title .state-way .way-popover{position: absolute; top: 0; left: 198px; color: #157df1; font-size: 12px;}
- .plugin-title .hr{margin-top: 50px; margin-bottom: 45px;}
- .plugin-title .state-way .extend-prompt{color: #fd641d; font-size: 12px; margin-top: 10px;}
- #titleModal .plugin-title .state-top-extension{background: url("../img/img-ys.png") no-repeat center top; width: 237px; height: 128px;}
- /*/标题栏*/
- /*导航栏*/
- /*改版完成后,删除*/
- .config-plugin .plugin-common .common-top.white .n-text{color: #fff;}
- .config-plugin .plugin-common .common-top.black .n-text{color: #333;}
- .config-plugin .plugin-common .common-top.white .n-icon{border-color: #fff; color: #fff;}
- .config-plugin .plugin-common .common-top.black .n-icon{border-color: #333; color: #333;}
- /*/改版完成后,删除*/
- #navModal .modal-dialog{width: 1070px;}
- #navModal .modal-aside-left .bg{background: url("../img/plugin-aside-2.png") no-repeat center top; width: 268px; height: 564px; margin: 0 auto; padding-top: .1px; position: relative;}
- .plugin-nav .nav-top{background-color: #157df1; height: 38px; line-height: normal; position: absolute; bottom: 74px; left: 15px; right: 15px; width: auto;}
- .plugin-nav .nav-top ul{width: 100%; /*height: 36px;*/ /*table-layout: fixed; display: table;*/}
- .plugin-nav .nav-top ul li{display: table-cell; text-align: center; width: 1%; height: 38px;}
- .plugin-nav .nav-top ul li:nth-of-type(n+3){display: none;}
- .plugin-nav .icon-null{border: 1px solid #ddd; width: 14px; height: 14px; border-radius: 50%; background-color: #fff; display: inline-block;}
- .plugin-nav .n-text{color: #333;}
- .plugin-nav .nav-top .n-icon{color: #ddd;}
- .plugin-nav .nav-top .n-text{color: #ddd;}
- .plugin-nav .nav-top ul li:first-of-type .n-icon{color: #fff; border-color: #fff;}
- .plugin-nav .nav-top ul li:first-of-type .n-text{color: #fff;}
- .plugin-nav .nav-top ul li .li-con{display: flex; justify-content: center; align-items: center; height: 100%;}
- /*.config-plugin .plugin-nav .tit1{color: #333; margin-bottom: 5px;}*/
- .config-plugin .plugin-nav .set-nav .tit2{color: #333;}
- .config-plugin .plugin-nav .set-nav .tit2 span{color: #999;}
- /*.config-plugin .plugin-nav .set-nav .tit2 span{color: #f00;}*/
- .config-plugin .plugin-nav .set-nav .reset{font-size: 12px; color: #157df1; line-height: 20px; cursor: pointer;}
- .config-plugin .plugin-nav .set-nav .set-con{border: 1px solid #e5e5e5; border-radius: 3px; margin-top: 5px;}
- /*配置插件 导航改版完成后将此处删除*/
- /*
- .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;}
- .config-plugin .plugin-nav .set-nav .set-ul li:nth-of-type(n+3):not(.add-li){display: none;}
- .config-plugin .plugin-nav .set-nav .set-ul li.active{border-bottom-color: transparent; background-color: #fff;}
- .config-plugin .plugin-nav .set-nav .set-ul li.active .n-text{color: #333;}
- .config-plugin .plugin-nav .set-nav .set-ul li.bg-error{background-color: #fd641d; color: #fff; border-bottom-color: #fd641d;}
- .config-plugin .plugin-nav .set-nav .set-ul li.bg-error .n-text{color: #fff;}
- .config-plugin .plugin-nav .set-nav .set-ul li.bg-error .iconfont{color: #fff !important;}
- .config-plugin .plugin-nav .set-nav .set-ul li.add-li{padding: 0; width: 54px;}
- .config-plugin .plugin-nav .set-nav .set-ul li .icon-null{margin-top: 0;}
- .config-plugin .plugin-nav .set-nav .set-ul li.add-li .iconfont{color: #e5e5e5; font-size: 30px; margin-top: 7px; display: inline-block;}
- .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;}
- .config-plugin .plugin-nav .set-nav .set-ul li .mask .iconfont{font-size: 14px;}
- .config-plugin .plugin-nav .set-nav .set-ul li:hover .mask{display: flex;}
- .config-plugin .plugin-nav .set-nav .set-ul li .li-con{}
- .config-plugin .plugin-nav .set-nav .tab{padding: 25px 10px 10px;}
- .config-plugin .plugin-nav .set-nav .tab .add-icon-wrap .col-sm-7{width: auto;}
- .config-plugin .plugin-nav .set-nav .tab .add-icon-wrap .add-link{margin-top: 10px;}
- .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;}
- .config-plugin .plugin-nav .set-nav .tab .add-icon .iconfont{color: #e5e5e5; font-size: 22px; margin-top: 2px; margin-left: 2px; display: inline-block;}
- .config-plugin .plugin-nav .set-nav .tab .col-sm-2{width: 60px ; padding-right: 0;}
- .config-plugin .plugin-nav .set-nav .tab .col-sm-2 .control-label{width: 100%;}
- .config-plugin .plugin-nav .set-nav .tab .t-con{display: none;}
- #navModal .error{display: none;}
- #navModal .form-error .error{font-size: 12px; color: #fd641d; display: block; margin-left: 0px;}!*导航栏改版完成后,再改回50px*!
- */
- /*/配置插件 导航改版完成后将以上删除*/
- .config-plugin .plugin-nav .set-nav .set-bottom{margin-top: 40px;}
- .config-plugin .plugin-nav .set-nav .set-bottom .b-tit{color: #333; margin-bottom: 5px;}
- .config-plugin .plugin-nav .set-nav .set-bottom ul li{float: left; margin-right: 40px; cursor: pointer;}
- .config-plugin .plugin-nav .set-nav .set-bottom ul li .icon-radio{position: relative; top: 3px; margin-right: 5px;}
- .plugin-modal .icons li{float: left; text-align: center; cursor: pointer; margin: 5px; color: #666;}
- .plugin-modal .icons li div{font-size: 12px; }
- .plugin-modal .icons li .iconfont{font-size: 36px;}
- .plugin-modal .icons li:hover{color: #157df1;}
- /*2018/10/30 重构*/
- /*.plugin-nav .plugin-common{padding: 15px 40px;}*/
- /*.plugin-nav .bg-text-color{margin-top: 40px;}*/
- .plugin-nav .tit1{margin-bottom: 5px; color: #333;}
- .plugin-nav .nav-font-color1{margin-top: 40px;}
- .plugin-nav .nav-font-color2{margin-top: 40px;}
- .plugin-nav .n-nav{background-color: #e5e5e5; height: 36px; line-height: 36px; padding-left: 70px;}
- .plugin-nav .n-nav li{float: left; margin: 0 5px; text-align: center;}
- .plugin-nav .n-nav .nav-fun{width: 140px;}
- .plugin-nav .n-nav .nav-name{width: 90px;}
- .plugin-nav .n-nav .nav-icon{width: 34px; margin-left: 0;}
- .plugin-nav .n-list{padding: 20px; color: #333;}
- .plugin-nav .n-list dd{margin-bottom: 30px; position: relative;}
- .plugin-nav .n-list dd:nth-of-type(n+3){display: none;}
- .plugin-nav .n-list .n-num{margin-right: 15px; padding-top: 7px;}
- .plugin-nav .n-list .n-text{margin-right: 10px; width: 90px; padding: 6px;}
- .plugin-nav .n-list select{margin-right: 10px; width: 140px; padding: 6px; color: #999;}
- .plugin-nav .n-list .add-icon{border: 1px solid #e5e5e5; border-radius: 3px; width: 34px; height: 34px; text-align: center; cursor: pointer; margin-right: 10px;}
- .plugin-nav .n-list .add-icon .iconfont{color: #e5e5e5; font-size: 22px; /*margin-top: 2px;*/ margin-left: 3px; display: inline-block;}
- .plugin-nav .n-list .n-link{margin-right: 20px; width: 175px; padding: 6px; visibility: hidden;}
- .plugin-nav .n-list .n-delete{font-size: 24px; color: #f17d78; cursor: pointer; display: none;}
- .plugin-nav .n-list dd:hover .n-delete{display: block;}
- .plugin-nav .n-list dd .error{color: #ff4222; position: absolute; left: 50px; top: 100%; display: none;}
- .plugin-nav .n-list dd.form-error .error{display: block;}
- /*2018/10/30 重构*/
- /*导航栏*/
- /*升级提示*/
- .plugin-upgrade-prompt .u-con{margin-bottom: 40px;}
- .plugin-upgrade-prompt .u-tit{color: #333; margin-bottom: 5px;}
- .plugin-upgrade-prompt ul li{float: left; color: #333; cursor: pointer;}
- .plugin-upgrade-prompt ul li+li{margin-left: 30px;}
- .plugin-upgrade-prompt ul li .icon-radio{position: relative; top: 3px; margin-right: 8px;}
- .plugin-upgrade-prompt .u-con select+input[type=text]{display: none;}
- .plugin-upgrade-prompt .style li{text-align: center; color: #666;}
- .plugin-upgrade-prompt .style li .s-con{position: relative; margin-bottom: 5px; border-radius: 5px; overflow: hidden; border: 1px solid transparent;}
- .plugin-upgrade-prompt .style li .s-con .icon-checkbox{position: absolute; bottom: 0; right: 0; display: none;}
- .plugin-upgrade-prompt .style li.active .s-con{border-color: #157df1;}
- .plugin-upgrade-prompt .style li.active .s-con .icon-checkbox{display: block;}
- .plugin-upgrade-prompt .download-address{margin-bottom: 0;}
- /*/升级提示*/
- /*左侧栏*/
- @media (min-width: 1200px) {
- #asideModal .modal-dialog{width: 1070px;}
- }
- #asideModal .modal-content{overflow: hidden; background-color: #f0f0f0;}
- #asideModal .aside-modal .a-left{width: 35%; float: left; /*background-color: #f0f0f0; padding-bottom: 100px;*/}
- #asideModal .aside-modal .a-right{width: 65%; float: right; background-color: #fff;}
- #asideModal .aside-modal .a-left .phone{background: url("../img/aside-phone.png") no-repeat; width: 268px; height: 564px; position: relative; margin: 30px auto 0;}
- #asideModal .aside-modal .a-left .phone .bg{position: absolute; left: 13px; top: 70px; width: 241px; height: 422px; background-color: rgb(0,0,0); padding: 30px 20px;}
- #asideModal .aside-modal .a-left .l-tit{text-align: center; margin-top: 60px; color: #333; font-size: 16px;}
- #asideModal .aside-modal .a-left .phone .bg .aside-icon{margin-bottom: 18px;}
- #asideModal .aside-modal .a-left .phone .bg .aside-icon img{border-radius: 3px; width: 40px; height: 40px;}
- #asideModal .aside-modal .a-left .phone .bg .aside-nav li{border-bottom: 1px solid #e5e5e5; padding: 4px 0; display: none;}
- #asideModal .aside-modal .a-left .phone .bg .aside-nav li .iconfont{font-size: 20px; color: #333;}
- #asideModal .aside-modal .a-left .phone .bg .aside-nav li .text{margin-left: 5px; margin-top: 5px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; max-width: 95px; color: #333;}
- /*#asideModal .aside-modal .a-left .phone .bg .aside-nav.white licolor: #fff;}*/
- /*#asideModal .aside-modal .a-left .phone .bg .aside-nav.black li{color: #000;}*/
- #asideModal .aside-modal .a-left .phone .bg .b-right{position: absolute; top: 0; right: 0;}
- #asideModal .aside-modal .a-left .phone .bg .b-right img{display: none;}
- #asideModal .plugin-remind{display: block; margin-top: 20px;}
- .plugin-aside .set-bottom ul li{float: left; margin-right: 40px; cursor: pointer;}
- .plugin-aside .set-nav .set-bottom ul li .icon-radio{position: relative; top: 3px; margin-right: 5px;}
- .plugin-aside .tit1{color: #333; margin-bottom: 5px;}
- .plugin-aside .set-nav .tit2{color: #333;}
- .plugin-aside .set-nav .tit2 span{color: #999;}
- .plugin-aside .set-nav .reset{font-size: 12px; color: #157df1; line-height: 20px; cursor: pointer;}
- .plugin-aside .set-nav .set-con{border: 1px solid #e5e5e5; border-radius: 3px; margin-top: 5px;}
- .plugin-aside .set-nav .set-bottom{margin-top: 40px;}
- .plugin-aside .set-nav .set-bottom .b-tit{color: #333; margin-bottom: 5px;}
- .plugin-aside .set-nav .set-bottom ul li{float: left; margin-right: 40px; cursor: pointer; color: #333;}
- .plugin-aside .set-nav .set-bottom ul li .icon-radio{position: relative; top: 3px; margin-right: 5px;}
- .plugin-aside .n-nav{background-color: #e5e5e5; height: 36px; line-height: 36px; padding-left: 65px;}
- .plugin-aside .n-nav li{float: left; margin: 0 5px; text-align: center;}
- .plugin-aside .n-nav .nav-fun{width: 140px;}
- .plugin-aside .n-nav .nav-name{width: 90px;}
- .plugin-aside .n-nav .nav-icon{width: 34px;}
- .plugin-aside .n-list{padding: 20px; color: #333;}
- .plugin-aside .n-list dd{margin-bottom: 30px; position: relative;}
- .plugin-aside .n-list dd:nth-of-type(n+2){display: none;}
- .plugin-aside .n-list .n-num{margin-right: 10px; padding-top: 7px; width: 45px;}
- .plugin-aside .n-list .n-text{margin-right: 10px; width: 90px; padding: 6px;}
- .plugin-aside .n-list select{margin-right: 10px; width: 135px; padding: 6px; color: #999;}
- .plugin-aside .n-list .add-icon{border: 1px solid #e5e5e5; border-radius: 3px; width: 34px; height: 34px; text-align: center; cursor: pointer; margin-right: 10px;}
- .plugin-aside .n-list .add-icon .iconfont{color: #e5e5e5; font-size: 22px; /*margin-top: 2px;*/ margin-left: 2px; display: inline-block;}
- .plugin-aside .n-list .n-link{margin-right: 20px; width: 170px; padding: 6px; visibility: hidden;}
- .plugin-aside .n-list .n-delete{font-size: 24px; color: #f17d78; cursor: pointer; display: none;}
- .plugin-aside .n-list dd:hover .n-delete{display: block;}
- .plugin-aside .n-list dd .error{color: #ff4222; margin-left: 50px; /*position: absolute; left: 50px; top: 100%;*/ display: none;}
- .plugin-aside .n-list dd.form-error .error{display: block;}
- .plugin-modal .icons li{float: left; text-align: center; cursor: pointer; width: calc(100% / 12); /*margin: 5px 4px;*/ color: #666;}
- .plugin-modal .icons li div{font-size: 12px; }
- .plugin-modal .icons li .iconfont{font-size: 36px;}
- .plugin-modal .icons li:hover{color: #157df1;}
- .plugin-aside .error{display: none;}
- .plugin-aside .form-error .error{font-size: 12px; color: #fd641d; display: block;}
- .plugin-aside .top-show{margin-top: 40px;}
- .plugin-aside .top-show .b-tit{color: #333; margin-bottom: 5px;}
- .plugin-aside .top-show ul li{float: left; width: 140px; padding: 9px 12px; position: relative; margin-right: 20px;}
- .plugin-aside .top-show ul li .icon-checkbox-small{position: absolute; right: 0; bottom: 0; display: none;}
- .plugin-aside .top-show ul li.active{border-color: #157df1;}
- .plugin-aside .top-show ul li.active .icon-checkbox-small{display: block;}
- .plugin-aside .con{border: 1px solid #e5e5e5; border-radius: 5px; padding: 0 10px; position: relative; overflow: hidden; cursor: pointer;}
- .plugin-aside .con .icon-checkbox{position: absolute; right: 0; bottom: 0; display: none;}
- .plugin-aside .con.active{border-color: #157df1;}
- .plugin-aside .con.active .icon-checkbox{display: block;}
- .plugin-aside .con .tit1{padding: 15px 0;}
- .plugin-aside .con.active .tit1{color: #157df1;}
- .plugin-aside .con-1{border: 1px solid #e5e5e5; border-radius: 5px 5px 0 0; border-bottom: none; height: 140px;}
- .plugin-aside .con-1 .a-icon{color: #333; padding: 0 5px; border-bottom: 1px solid #e5e5e5;}
- .plugin-aside .con-1 .a-icon .iconfont{font-size: 20px;}
- .plugin-aside .con-1 .tit2{text-align: center; color: #157df1; margin-top: 5px;}
- .plugin-aside .con .icon-checkbox-small{position: absolute; right: 0; bottom: 0; display: none;}
- .plugin-aside .con.active .icon-checkbox-small{display: block;}
- .plugin-remind{margin-top: 45px; display: none;}
- .plugin-remind .r-tit{color: #333; margin-bottom: 2px;}
- .plugin-remind p{color: #fd641d;}
- .plugin-remind1{margin-top: 45px; display: none;}
- .plugin-remind1 .r-tit{color: #333; margin-bottom: 2px;}
- .plugin-remind1 p{color: #fd641d;}
- /*/左侧栏*/
- /*制作启动图*/
- #startPicModal .modal-dialog{width: 1010px;}
- #startPicModal .modal-content{overflow: hidden;}
- #startPicModal .modal-body{max-height: 630px; min-height: 630px; padding: 20px 30px;}
- #startPicModal .aside-modal{background-color: #f0f0f0;}
- #startPicModal .aside-modal .a-left{width: 35%; float: left; padding-top: 30px;}
- #startPicModal .aside-modal .a-right{width: 65%; float: right; background-color: #fff;}
- #startPicModal .aside-modal .a-left .l-tit{text-align: center; /*margin-top: 60px;*/ color: #333; font-size: 16px;}
- #startPicModal .aside-modal .a-left .phone{background: url("../img/aside-phone1.png") no-repeat; width: 304px; height: 640px; position: relative; margin: 30px auto 0;}
- #startPicModal .aside-modal .a-left .phone .bg{position: absolute; left: 17px; top: 70px; width: 270px; height: 480px; overflow: hidden; /*padding: 60px 20px;*/ background-position: center; background-size: cover;}
- #startPicModal .aside-modal .a-left .phone .bg img{border: 1px solid #e5e5e5;}
- #startPicModal .aside-modal .a-left .phone .s-app-icon{text-align: center; margin-bottom: 7px;}
- #startPicModal .aside-modal .a-left .phone .s-app-icon img{width: 65px; height: 65px; border-radius: 5px;}
- #startPicModal .aside-modal .a-left .phone .s-app-name{text-align: center; color: #fff; position: absolute; left: 0; top: 132px; width: 100%;}
- #startPicModal .aside-modal .a-left .phone .s-app-introduce{color: #fff; font-size: 12px; margin-top: 5px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; width: 100%; text-align: center; position: absolute; left: 0; top: 152px;}
- /*#startPicModal .making-startup{padding: 10px 35px;}*/
- #startPicModal .making-startup .s-tit{color: #333; margin-bottom: 5px;}
- #startPicModal .making-startup .pic-list{width: 460px; margin-bottom: 40px;}
- #startPicModal .making-startup .pic-list li{float: left; position: relative; border: 1px solid #e5e5e5; margin-right: 10px; margin-bottom: 10px; cursor: pointer;}
- #startPicModal .making-startup .pic-list li.active{border-color: #157df1;}
- #startPicModal .making-startup .pic-list li .icon-checkbox{position: absolute; right: 0; bottom: 0; display: none;}
- #startPicModal .making-startup .pic-list li.active .icon-checkbox{display: block;}
- #startPicModal .making-startup .radio-tick{margin-bottom: 45px;}
- #startPicModal .a-left .phone .bg-3 .s-app-icon{margin-top: 100px;}
- #startPicModal .a-left .phone .bg-3 .s-app-name{color: #333; top: 232px;}
- #startPicModal .a-left .phone .bg-3 .s-app-introduce{color: #333; top: 252px;}
- /*#startPicModal .aside-modal .a-left .phone .bg-4{height: 475px;}*/
- #startPicModal .a-left .phone .bg-4 .s-app-wrap{position: absolute; bottom: 10px; left: 5px; width: 100%;}
- #startPicModal .a-left .phone .bg-4 .s-app-icon{float: left;}
- #startPicModal .a-left .phone .bg-4 .s-name-wrap{float: left; width: 70%; margin-top: 13px; margin-left: 5px;}
- #startPicModal .a-left .phone .bg-4 .s-app-name{color: #333; text-align: left; position: static;}
- #startPicModal .a-left .phone .bg-4 .s-app-introduce{color: #333; position: static; text-align: left;}
- #startPicModal .a-left .phone .bg-5{border: 1px solid #e5e5e5;}
- #startPicModal .a-left .phone .bg-5 .s-app-icon{margin-top: 30px;}
- #startPicModal .a-left .phone .bg-5 .s-app-name{color: #333; top: 163px;}
- #startPicModal .a-left .phone .bg-5 .s-app-introduce{color: #333; top: 183px;}
- #startPicModal .a-left .phone .bg-6 .s-app-name{color: #333;}
- #startPicModal .a-left .phone .bg-6 .s-app-introduce{color: #333;}
- #startPicModal .a-left .phone .bg-7 .s-app-name{color: #333;}
- #startPicModal .a-left .phone .bg-7 .s-app-introduce{color: #333;}
- /*#startPicModal .aside-modal .a-left .phone .bg-8{height: 475px;}*/
- #startPicModal .a-left .phone .bg-8 .s-app-wrap{position: absolute; bottom: 10px; left: 5px; width: 100%;}
- #startPicModal .a-left .phone .bg-8 .s-app-icon{float: left;}
- #startPicModal .a-left .phone .bg-8 .s-name-wrap{float: left; width: 70%; margin-top: 13px; margin-left: 5px;}
- #startPicModal .a-left .phone .bg-8 .s-app-name{color: #333; text-align: left; position: static;}
- #startPicModal .a-left .phone .bg-8 .s-app-introduce{color: #333; position: static; text-align: left;}
- #startPicModal .a-left .phone .bg-9 .s-app-name{color: #333;}
- #startPicModal .a-left .phone .bg-9 .s-app-introduce{color: #333;}
- /*/制作启动图*/
- /*制作图标*/
- /*2019/4/9/ 改版*/
- @media (min-width: 1200px) {
- #makeIconsModal .modal-dialog{width: 1010px;}
- #makeIconsModal .modal-dialog .modal-body{padding: 20px 30px; min-height: 410px;}
- }
- #makeIconsModal .m-tit{color: #333; margin-bottom: 10px;}
- #makeIconsModal .m-icon{background-position: center; width: 150px; height: 150px; background-size: cover; display: flex; justify-content: center; align-items: center; margin: 0 auto;}
- #makeIconsModal .m-icon img{width: 150px; height: auto; display: block; border-radius: 15px;}
- #makeIconsModal .m-icon .m-name{color: #fff; max-width: 120px; text-align: center;}
- #makeIconsModal .icon-bg{border: 1px solid #e5e5e5; padding: 30px 25px; border-radius: 5px; margin-bottom: 50px;}
- #makeIconsModal .icon-bg dl dt{color: #333; margin-right: 20px;}
- #makeIconsModal .m-icon-bg1{margin-bottom: 20px;}
- #makeIconsModal .m-icon-bg1 dt{line-height: 30px;}
- #makeIconsModal .m-icon-bg1 dd{width: 40%;}
- #makeIconsModal .m-icon-bg2 dt{line-height: 40px;}
- .make-img-common .tab{border-right: 1px solid #e5e5e5;}
- .make-img-common .tab li{float: left; width: 16.66666667%; text-align: center; line-height: 32px; border: 1px solid #e5e5e5; color: #333; background-color: #fbfbfb; cursor: pointer;}
- .make-img-common .tab li+li{border-left-color: transparent;}
- .make-img-common .tab li:last-of-type{border-right-color: transparent;}
- .make-img-common .tab li.active{background-color: #fff; border-bottom-color: transparent;}
- /*#makeIconsModal .foreground-map .tab li:first-of-type{border-radius: 5px 0 0 0;}*/
- /*#makeIconsModal .foreground-map .tab li:last-of-type{border-radius: 0 5px 0 0;}*/
- .make-img-common .tab-con{border: 1px solid #e5e5e5; margin-top: -1px;}
- .make-img-common .tab-con>div{display: none;}
- .make-img-common .tab-common{padding: 30px 40px;}
- .make-img-common .tab-common ul{/*height: 204px; overflow-y: auto;*/}
- .make-img-common .tab-common ul li{width: calc((100% - 24px) / 7); position: relative; margin-right: 4px; margin-bottom: 4px; float: left; cursor: pointer; border: 1px solid #e5e5e5;}
- #startPicModal .make-img-common .tab-common ul li{width: calc((100% - 16px) / 5);}
- #makeIconsModal .make-img-common .tab-common ul li:nth-child(7n){margin-right: 0;}
- #startPicModal .make-img-common .tab-common ul li:nth-child(5n){margin-right: 0;}
- .make-img-common .tab-common ul li .icon-checkbox-small{position: absolute; right: 0; bottom: 0; display: none;}
- .make-img-common .tab-common ul li.active{}
- .make-img-common .tab-common ul li.active .icon-checkbox-small{display: block;}
- .make-img-common .tab-common ul li .t-con{}
- .make-img-common .tab-common ul li.active{border-color: #157df1;}
- #makeIconsModal .error{font-size: 12px; color: #fd641d; margin-top: 5px; display: none;}
- #makeIconsModal .form-error .error{display: block;}
- /*/制作图标*/
- /*网页缩放*/
- .plugin-web-zoom .tit{color: #333; margin-bottom: 5px;}
- /*/网页缩放*/
- /*手势配置*/
- .plugin-gestures .tit{color: #333; margin-bottom: 3px;}
- .plugin-gestures .gestures-list1{margin-bottom: 40px;}
- .plugin-gestures .gestures-list1 li{float: left; margin-right: 40px; cursor: pointer;}
- .plugin-gestures .gestures-list2 .tit{margin-bottom: 5px;}
- .plugin-gestures .gestures-list2 p{color: #fd641d; margin-top: 10px;}
- /*/手势配置*/
- /*浏览器UA*/
- .plugin-ua .ua{margin-bottom: 40px;}
- .plugin-ua .ua:last-of-type{margin-bottom: 10px;}
- .plugin-ua .ua .tit{color: #333; margin-bottom: 5px;}
- .plugin-ua .ua-con{border: 1px solid #e5e5e5; padding: 30px 0;}
- .plugin-ua .ua-con .form-control{margin-bottom: 8px;}
- .plugin-ua .ua-con .form-group{margin: 0 -5px 25px;}
- .plugin-ua .ua-con .form-group:last-of-type{margin-bottom: 0;}
- .plugin-ua .ua-con .col-sm-3{padding: 10px 5px 0;}
- @media (min-width: 1200px) {
- .plugin-ua .ua-con .col-sm-3{width: 22%;}
- }
- .plugin-ua .ua-con .col-sm-8{padding: 0 5px;}
- .plugin-ua .ua-con label{font-size: 12px; color: #333;}
- .plugin-ua .ua-con p{font-size: 12px;}
- .plugin-ua .ua-con p span{color: #157df1;}
- .plugin-ua .ua-con .error{font-size: 12px; color: #fd641d; margin-top: 5px; display: none;}
- .plugin-ua .ua-con .form-error .error{display: block;}
- /*/浏览器UA*/
- /*保存账户密码*/
- .plugin-save-pwd .tit{color: #333; margin-bottom: 5px;}
- /*/保存账户密码*/
- /*----------/封装 配置插件----------*/
- /*----------应用发布 改版----------*/
- .release-app2>.row{margin: 0 0 20px; overflow: hidden; height: 100%;}
- @media (min-width: 1200px) {
- .release-app2>.row>.col-sm-2{padding: 0 0 9999px; margin-bottom: -9999px;}
- }
- .release-app2>.row>.col-sm-2{background-color: #fff; box-shadow: 0 0 5px rgba(0,0,0,.05);}
- .release-app2>.row>.col-sm-10{padding: 0 0 0 10px;}
- /*
- .release-app2>.row{margin-left: -5px; margin-right: -5px;}
- .release-app2>.row>.col-sm-2,.release-app2>.row>.col-sm-10{padding-left: 5px; padding-right: 5px;}
- */
- aside.aside-left{padding-top: 15px;}
- aside.aside-left ul li{margin-bottom: 10px;}
- aside.aside-left ul li a{padding-left: 25px; display: block; height: 50px; line-height: 50px; border-left: 4px solid transparent; color: #333;}
- aside.aside-left ul li a .iconfont{margin-right: 10px; color: #157df1;}
- aside.aside-left ul li.active a{background-color: #e7f2fe; border-color: #157df1; color: #157df1;}
- aside.aside-left ul li.active a .iconfont{color: #157df1;}
- aside.aside-left ul li.active a .icon-upload1{font-size: 18px;}
- aside.aside-left ul li:hover a{background-color: #e7f2fe; border-color: #157df1; color: #157df1;}
- aside.aside-left ul li:hover a .iconfont{color: #157df1;}
- .release-app2 .aside-right .a-top{margin-bottom: 5px;}
- .release-app2 .aside-right .a-top.mb10{margin-bottom: 10px;}
- .release-app2 .aside-right .a-top .app-icon{width: 100px; border-radius: 20px; background-color: #fff; cursor: pointer; border: 1px solid #e5e5e5; overflow: hidden;}
- .release-app2 .aside-right .a-top .app-icon li{float: left; width: 50%; height: 38px; display: flex; justify-content: center; align-items: center; border-right: 1px solid #e5e5e5;}
- .release-app2 .aside-right .a-top .app-icon li:last-of-type{border-right-color: transparent;}
- .release-app2 .aside-right .a-top .app-icon li .iconfont{font-size: 22px; color: #bbb;}
- .release-app2 .aside-right .a-top .app-icon li.active{background-color: #157df1;}
- .release-app2 .aside-right .a-top .app-icon li.active .iconfont{color: #fff;}
- .release-app2 .aside-right .search{position: relative; margin-left: 30px;}
- .release-app2 .aside-right .search .iconfont{position: absolute; left: 10px; top: 50%; transform: translateY(-50%); font-size: 18px;}
- .release-app2 .aside-right .search input{height: 40px; line-height: 38px; width: 160px; border: 1px solid #e5e5e5; padding-left: 40px; background-color: transparent; color: #333;}
- .release-app2 .aside-right .search input::-webkit-input-placeholder{color: #333 !important;}
- .release-app2 .aside-right .search input::-moz-placeholder{color: #333 !important;}
- .release-app2 .aside-right .search input::-ms-input-placeholder{color: #333 !important;}
- .release-app2 .aside-right .search .btn-search{line-height: 40px; color: #157df1; margin-left: 15px;}
- .release-app2 .aside-right .how-many dl dd{text-align: right; position: relative; padding-right: 20px; margin-right: 20px;}
- .release-app2 .aside-right .how-many dl dd .p1{font-size: 12px; float: left; color: #999;}
- .release-app2 .aside-right .how-many dl dd .icon-prompt1{font-size: 14px; color: #999; float: left; margin: -3px 0 0 3px;}
- .release-app2 .aside-right .how-many dl dd .icon-prompt{margin-left: 5px; float: left;}
- .release-app2 .aside-right .how-many dl dd .p2{color: #333; float: right; font-size: 19px;}
- .release-app2 .aside-right .how-many dl dd .p2 i{font-size: 12px; color: #999;}
- .release-app2 .aside-right .how-many dl dd .p2 span{float: right;}
- .release-app2 .aside-right .how-many dl dd .p2 span:last-child{margin-right: 10px;}
- .release-app2 .aside-right .how-many dl dd .right-line{position: absolute; top: 6px; right: 0; background-color: #e5e5e5; width: 1px; height: 30px;}
- .release-app2 .aside-right .how-many .ms-btn-primary.w60{padding: 3px 12px; margin-top: 6px;}
- .release-app2 .aside-right .how-many .big-bag-btn{background-color: #fd9817; border-color: #fd9817; color: #fff;}
- .release-app2 .aside-right .app-table-wrap{/*min-height: 502px;*/ margin-top: 5px; /*margin-bottom: 40px;*/ /*background-color: #fff;*/ /*border: 1px solid #e5e5e5; border-top: none;*/}
- .release-app2 .aside-right .app-table{border: 1px solid #e5e5e5; font-size: 12px; margin-bottom: 0;}
- .release-app2 .aside-right .app-table tr th{text-align: center; font-weight: 600; color:#666; padding: 15px 0; background-color: #f7f7fa; border-color: #e5e5e5;}
- .release-app2 .aside-right .app-table tr td{text-align: center; padding: 0 10px; vertical-align: middle; border-color: #e5e5e5; color: #666; height: 60px;}
- /*.release-app2 .aside-right .app-table tr .app-th-name{width: 160px;}*/
- .release-app2 .aside-right .app-table>tbody>tr>td.color-danger{color: #fd641d;}
- .release-app2 .aside-right .app-table>tbody>tr>td.color-999{color: #999;}
- .release-app2 .aside-right .app-table>tbody>tr>td td{text-align: left;}
- .release-app2 .aside-right .app-table tr:hover td{background-color: #ebf7ff;}
- .release-app2 .aside-right .app-table .app-icon1{border-radius: 15px; border: 1px solid #e5e5e5; width: 50px; height: 50px;}
- .table-list .app-table .download-code{/*display: inline-block;*/}
- .table-list .app-table .download-code-wrap{line-height: 16px; height: 16px;}
- .table-list .app-table .download-code1{display: inline-block;}
- .table-list .app-table .download-code .ellipsis{color: #157df1;}
- .table-list .app-table .download-code .ellipsis:hover{text-decoration: underline;}
- .table-list .app-table .download-code .icon-small-code{margin-top: 1px; margin-left: 3px;}
- .release-app2 .aside-right .app-table .app-name1{display: block; color: #666; max-width: 96px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
- .release-app2 .aside-right .app-table .app-icon-name{position: relative;}
- .release-app2 .aside-right .app-table .app-icon-name .big-package-1{position: absolute; left: -11px; top: -10px; background-color: #fd9817; height: 16px; line-height: 16px; padding: 0 3px 0 1px; border-radius: 0 10px 10px 0; color: #fff; font-size: 12px; display: none;}
- .release-app2 .aside-right .app-table .app-icon-name .app-expired{position: absolute; left: -11px; top: -10px; background-color: #fd641d; height: 16px; line-height: 16px; padding: 0 3px 0 1px; border-radius: 0 10px 10px 0; color: #fff; font-size: 12px; z-index: 2; display: none;}
- .release-app2 .aside-right .app-table tr td.disabled{background-color: #fff !important;}
- .release-app2 .aside-right .app-table tr td.disabled img{-webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: grayscale(100%); filter: gray;}
- .release-app2 .aside-right .app-table tr td.disabled .tit2{color: #999;}
- .release-app2 .aside-right .app-table tr td.disabled .ellipsis{color: #ccc;}
- .version-history-table{border: 1px solid #e5e5e5;}
- .version-history-table th{border: none !important; text-align: center; font-weight: normal; color: #666; height: 40px; background-color: #f5f6f7; font-size: 12px; vertical-align: middle !important;}
- .version-history-table tr td{padding: 0 15px !important; height: 50px; vertical-align: middle !important; font-size: 12px; text-align: center;}
- .version-history-table tr td .bundle-length{display: block;}
- .version-history-table tr td .iconfont{font-size: 20px; cursor: pointer;}
- /*.release-app2 .aside-right .no-app{min-height: 326px; border: 1px solid #e5e5e5; border-top: none;}*/
- .release-app2 .aside-right .no-app .iconfont{font-size: 20px;}
- .release-app2 .aside-right .no-app .text{margin: 4px 0 0 5px;}
- /*.app-details{margin-bottom: 40px;}*/
- .app-details .details-top{padding: 25px 20px; background-color: #fff; margin-bottom: 20px; box-shadow: 0 0 5px rgba(0,0,0,.05);}
- .app-details .details-top>img{border: 1px solid #e5e5e5; border-radius: 12px; width: 60px; height: 60px;}
- .app-details .details-top .information{margin-left: 15px;}
- .app-details .details-top .information dt{color: #333; margin-bottom: 2px; margin-top: -5px;}
- .app-set1 .details-top .information dt{margin-top: 0;}
- .app-details .details-top .information dt .i-tit{position: relative;}
- .app-details .details-top .information dt .i-tit .iconfont{color: #bbb; font-size: 21px;}
- .app-details .details-top .information dt .text{font-size: 20px;}
- /*.app-details .details-top .information dt .iconfont{position: absolute; right: -20px; top: 0;}*/
- .app-details .details-top .information dt .version{position: absolute; left: calc(100% + 5px); top: -10px; background-color: #fc4e54; font-size: 12px; width: 42px; height: 18px; line-height: 18px; color: #fff; text-align: center; border-radius: 3px;}
- .app-details .details-top .information dt .version-private{background-color: #fd641d;}
- .app-details .details-top .information dt .no-flash-back{background-color: #2fc302; width: 52px;}
- .app-details .details-top .information dd{color: #999;}
- /*.app-details .details-top .information dd:first-of-type{margin-bottom: 3px;}*/
- .app-details .details-top .information dd span{margin-right: 30px;}
- .app-details .details-top .information dd i{margin-left: 10px;}
- .add-notes-wrap{cursor: pointer; margin-right: 0 !important;}
- .add-notes-wrap span{margin-right: 0 !important;}
- .add-notes .icon-compile{cursor: pointer; margin-top: -1px;}
- .add-notes .icon-compile:hover{color: #157df1;}
- .add-notes .text{max-width: 250px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; margin-right: 3px !important;}
- /*.add-notes>span:last-of-type:hover{color: #157df1;}*/
- .add-notes:hover>span:last-of-type{color: #157df1;}
- .add-notes:hover .icon-compile{color: #157df1;}
- .add-notes-wrap input[name='remark']{display: inline-block; width: 200px; height: 26px; display: none;}
- #notesModal .modal-content .close{position: absolute; right: 10px; top: 10px; z-index: 2; color: #333; opacity: 1; font-size: 24px;}
- #notesModal .modal-footer{border-top: none; padding: 20px 30px 30px;}
- #notesModal .modal-body{padding: 25px 30px 0;}
- #notesModal .modal-body .tit{margin-bottom: 15px; color: #333;}
- #notesModal .modal-footer .ms-btn-primary{width: 130px; padding: 9px;}
- .app-list-notes-wrap{line-height: 100%;}
- .app-list-notes:empty{display: none;}
- .app-list-notes{margin-top: 3px; font-size: 12px; color: #999; display: block;}
- .app-list-notes2{margin-top: 6px; display: inline-block;}
- .app-details .details-bottom{padding: 10px 0; /*background-color: #fff; box-shadow: 0 0 5px rgba(0,0,0,.05);*/}
- .app-details .details-bottom table{width: 100%; table-layout: fixed;}
- .app-details .details-bottom table th{font-weight: normal; padding: 20px 10px 10px 0; color: #333; white-space: nowrap; vertical-align: middle;}
- .app-details .details-bottom table th .th-line{border-left: 4px solid #157df1; height: 22px; line-height: 22px; display: inline-block; padding-left: 10px;}
- .app-details .details-bottom table th .icon-prompt{position: relative; margin-left: 3px; top: -3px;}
- .app-details .details-bottom table th .icon-prompt1{position: relative; margin-left: 0px; top: 0;}
- .app-details .details-bottom table th .icon-prompt .popover1-content{width: 210px; font-size: 12px;}
- .app-details .details-bottom table th .icon-prompt1 .popover1-content{width: 220px; font-size: 12px; white-space: normal;}
- .app-details .details-bottom table td{padding: 10px 0 10px 15px; vertical-align: top; white-space: nowrap; color: #999;}
- .app-details .details-bottom .d-table-wrap{position: relative;}
- .app-details .details-bottom .points-line{position: absolute; left: 50%; height: calc(100% - 20px); width: 1px; background-color: #e5e5e5; top: 50%; transform: translateY(-50%);}
- .app-details .details-bottom .points-line-l{left: 33.33%;}
- .app-details .details-bottom .points-line-r{right: 33.33%; left: auto;}
- .app-details .details-bottom .points-line-wrap .points-line-3:nth-of-type(1){left: 25%;}
- .app-details .details-bottom .points-line-wrap .points-line-3:nth-of-type(2){left: 50%;}
- .app-details .details-bottom .points-line-wrap .points-line-3:nth-of-type(3){left: 75%;}
- .app-details .bundle-length{max-width: 200px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; display: inline-block;}
- .app-details .details-bottom .d-table-wrap .test-download{}
- .app-details .details-bottom .d-table-wrap .link{max-width: 170px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; display: inline-block;}
- /*.app-details .details-bottom .d-table-wrap .test-download img{margin: 0 5px;}*/
- .app-details .details-bottom .d-table-wrap .more{color: #157df1;}
- .app-details .details-bottom .d-table-wrap .more:hover{text-decoration: underline;}
- .app-details .details-bottom .d-table-wrap .private-equipment-wrap{display: inline-block;}
- .app-details .details-bottom .d-table-wrap .private-equipment{max-width: 170px; width: auto;}
- .app-details2 .bundle-length1{max-width: 255px !important;}
- .app-details2 .bundle-length2{max-width: 292px !important;}
- .app-details2 .bundle-length3{max-width: 310px !important;}
- /*下载明细*/
- .download-details{background-color: #fff; padding: 20px; min-height: 360px;}
- .download-details .date{float: left; width: 140px; position: relative;}
- .download-details .date1{margin-right: 10px;}
- .download-details .date2{margin-right: 20px;}
- .download-details .date input{position: relative; z-index: 1; background-color: transparent; cursor: pointer;}
- .download-details .date .icon-date{color: #aaa; position: absolute; right: 10px; top: 4px; z-index: 0;}
- .download-details .date:hover .icon-date{color: #157df1;}
- .download-details .d-top{margin-bottom: 15px;}
- .download-details .d-top .form-control{height: 30px;}
- .download-details .d-top .line{margin-right: 10px; color: #aaa;}
- .download-details .d-top .query{font-size: 13px; padding: 5px 12px;}
- .download-details .d-top .num{line-height: 34px; margin-left: 30px; color: #333; font-size: 13px;}
- .download-details .d-top .num i{color: #157df1;}
- .download-details .table{border: 1px solid #e5e5e5; table-layout: fixed;}
- .download-details .table tr th{border-top-color: #e5e5e5 !important; height: 50px; vertical-align: middle; text-align: center; background-color: #f5f6f7; font-weight: 600; font-size: 12px; color: #333;}
- .download-details .table tr td{border-top-color: #e5e5e5 !important; height: 50px; vertical-align: middle; text-align: center; font-size: 12px; color: #666;}
- .download-details .table tr:hover{background: #ebf7ff;}
- .download-details .no{text-align: center; margin-top: 100px;}
- /*/下载明细*/
- /*详情页 签名*/
- .app-details .d-signature{/*background-color: #fff; box-shadow: 0 0 5px rgba(0,0,0,.05);*/ padding: 30px 20px; position: relative;}
- .app-details .d-signature dl{color: #333;}
- .app-details .d-signature dl dd{color: #666;}
- .app-details .d-signature dl dd span{color: #157df1; position: relative; top: -1px; margin-right: 3px;}
- .app-details .d-signature .signature-link{position: absolute; right: 30px; top: 50%; padding: 6px 21px; border-radius: 20px; transform: translateY(-50%);}
- /*/详情页 签名*/
- .release-app2 .aside-right .version-history-table td{position: relative; height: 50px; border-color: #e5e5e5;}
- .release-app2 .aside-right .version-history-table td .angle{position: absolute; left: 0; top: 0;}
- /*
- .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);}
- .release-app2 .aside-right .app-details .downloads li{float: left; width: 50%; height: 70px; line-height: 70px; padding-left: 20px; color: #333;}
- .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;}
- .release-app2 .aside-right .app-details .downloads li .d-left .iconfont{font-size: 20px;}
- .release-app2 .aside-right .app-details .downloads li .d-text{margin-left: 10px;}
- .release-app2 .aside-right .app-details .downloads li .d-num{margin-left: 15px; font-size: 16px;}
- .release-app2 .aside-right .app-details .downloads li:first-of-type{border-right: 1px solid #e5e5e5;}
- .release-app2 .aside-right .app-details .downloads li:last-of-type .d-left{background-color: #a59bf6;}
- */
- .release-app2 .aside-right .app-details .details-bottom .ellipsis-wrap{position: relative;}
- .release-app2 .aside-right .app-details .details-bottom .ellipsis-wrap .popover{max-width: 410px; width: 410px; top: 15px; font-size: 14px;}
- .release-app2 .aside-right .app-details .details-bottom .ellipsis-wrap .popover .popover-content span{color: #157df1; margin-left: 10px; cursor: pointer;}
- .release-app2 .aside-right .app-details .details-bottom .ellipsis-wrap .ellipsis{width: 80%;}
- .release-app2 .aside-right .app-details .details-bottom .ellipsis-wrap .popover.bottom>.arrow{left: 25px;}
- .release-app2 .aside-right .app-details .details-bottom .ellipsis-wrap:hover .popover{display: block;}
- .release-app2 .app-details .app-set{box-shadow: 0 0 5px rgba(0,0,0,.05); background-color: #fff; margin-top: 20px; padding-bottom: 15px; min-height: 360px;}
- .release-app2 .app-details .app-set .tab{background-color: #f2f2f5; height: 44px; line-height: 44px; border-bottom: 1px solid #e5e5e5;}
- .release-app2 .app-details .app-set .tab li{float: left; padding: 0 20px; cursor: pointer; color: #333;}
- .release-app2 .app-details .app-set .tab li.active{background-color: #fff; border-right: 1px solid #e5e5e5; border-left: 1px solid #e5e5e5; margin-left: -1px; color: #157df1;}
- .release-app2 .app-details .app-set .tab-con{margin-top: 30px;}
- .release-app2 .app-details .app-set .col-sm-1{width: 13%;}
- .release-app2 .app-details .app-set .tab-con label{color: #333;}
- .release-app2 .app-details .app-set .tab-con .form-control{color: #333;}
- .release-app2 .app-details .app-set .tab-con>div{display: none;}
- .release-app2 .app-details .app-set .tab-con .form-group{margin-bottom: 30px;}
- .release-app2 .app-details .app-set .trust{margin-top: 7px; font-size: 12px;}
- .release-app2 .app-details .app-set .trust li{float: left; margin-right: 50px; margin-top: 2px; cursor: pointer; color: #333;}
- .release-app2 .app-details .app-set .trust li .icon-radio{margin-right: 8px; top: 0;}
- .release-app2 .app-details .app-set .download-way{margin-top: 7px; font-size: 12px;}
- .release-app2 .app-details .app-set .download-way li{float: left; margin-right: 50px; cursor: pointer; color: #333; font-size: 14px;}
- .release-app2 .app-details .app-set .download-way li .icon-radio{margin-right: 8px; top: 2px;}
- .release-app2 .app-details .app-set .short-link>.col-sm-6>.col-sm-6{padding-left: 0; padding-right: 0;}
- .release-app2 .app-details .app-set .short-link .form-control{border-radius: 0 4px 4px 0; border-left: none;}
- .release-app2 .app-details .app-set .short-link .link{padding: 6px 12px !important; height: 34px; background-color: #f2f2f5; border: 1px solid #e5e5e5; border-radius: 4px 0 0 4px; color: #333;}
- .release-app2 .app-details .app-set .language .control-label{padding-top: 0;}
- .release-app2 .app-details .app-set .language .radio-round{color: #333;}
- .release-app2 .app-screenshots .example-image-link{position: relative; margin-right: 20px; float: left; border: 1px solid #e5e5e5;}
- .release-app2 .app-screenshots .example-image-link .icon{position: absolute; color: #ff6565; right: -8px; top: -8px; right: 0\9; top: 0\9;}
- .release-app2 .app-screenshots a{width: 90px\9; height: 160px\9; overflow: hidden\9;} /*\9为ie9以上,除ie11*/
- .release-app2 .app-screenshots a img{max-width: 90px; max-height: 160px; width: 90px\9; height: 160px\9;}
- .release-app2 .upload-screenshots{position: relative; border: 1px solid #e5e5e5; height: 80px; width: 80px; border-radius: 5px; background: url("../img/icon-10.png") no-repeat center 20px; overflow: hidden; /*margin-left: 15px;*/}
- .release-app2 .upload-screenshots .thumbnail-s{position: absolute; left: 0; top: 0; z-index: 2; width: 100%; height: 100%; opacity: 0; cursor: pointer;}
- .release-app2 .upload-screenshots .text{text-align: center; margin-top: 55px; font-size: 12px;}
- .upload-icon-common{position: relative; border: 1px solid #e5e5e5; height: 80px; width: 80px; border-radius: 15px; background: url("../img/icon-10.png") no-repeat center 20px; overflow: hidden; /*margin-left: 15px;*/}
- .upload-icon-common img{position: absolute; left: 0; top: 0; width: 100%; height: 100%; border-radius: 15px; background-color: #fff;}
- .upload-icon-common .thumbnail{position: absolute; left: 0; top: 0; z-index: 2; width: 100%; height: 100%; opacity: 0; cursor: pointer;}
- .upload-icon-common .text{text-align: center; margin-top: 55px; font-size: 12px;}
- .release-app2 .app-details .app-set .img-note{font-size: 12px; display: flex; align-items: flex-end; height: 90px; margin-left: 10px;}
- .upload-icon-common .reset{position: absolute; left: 0; bottom: 0; height: 24px; line-height: 24px; background: rgba(0,0,0,.6); width: 100%; color: #fff; text-align: center; font-size: 12px; display: none;}
- .upload-icon-common.uploaded .reset{display: none;}
- .upload-icon-common.uploaded:hover .reset{display: block;}
- .release-app2 .aside-right .app-set .basic input::-webkit-input-placeholder{color: #333 !important;}
- .release-app2 .aside-right .app-set .basic input::-moz-placeholder{color: #333 !important;}
- .release-app2 .aside-right .app-set .basic input::-ms-input-placeholder{color: #333 !important;}
- .release-app2 .aside-right .app-set .download-template ul li{float: left; margin-right: 30px; text-align: center; margin-bottom: 20px;}
- .release-app2 .aside-right .app-set .download-template .t-checked-wrap{width: 125px; height: 155px; position: relative; border: 1px solid #e5e5e5; overflow: hidden; margin-bottom: 10px; cursor: pointer;}
- .release-app2 .aside-right .app-set .download-template .text{color: #157df1;}
- .release-app2 .aside-right .app-set .download-template .t-checked-wrap .t-checked{position: absolute; left: 0; top: 0; background-color: rgba(0,0,0,.6); width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; display: none;}
- .release-app2 .aside-right .app-set .download-template .t-checked-wrap .t-checked .iconfont{color: #fff; font-size: 32px;}
- .release-app2 .upload-file{padding: 0; padding-top: 0; margin-top: 0;}
- .release-app2 .warn-prompt{margin-top: 0;}
- .release-app2 .tag-box{padding: 0 !important; height: 404px !important;}
- .release-app2 .qq-upload-button-selector{margin-top: 180px !important; margin-bottom: 0;}
- .release-app2 .tag-box-v5{border: none; margin-top: 0;}
- /*侧栏增加大包上传入口*/
- .big-bag-upload{margin-bottom: 40px; display: block;}
- .big-bag .aside-left{height: 500px; margin-bottom: 40px;}
- .big-bag aside.aside-left ul li a .iconfont{margin-right: 10px; color: #fd9817;}
- .big-bag aside.aside-left ul li.active a{background-color: #fff4e7; border-color: #fd9817; color: #fd9817;}
- .big-bag aside.aside-left ul li.active a .iconfont{color: #fd9817;}
- .big-bag aside.aside-left ul li.active a .icon-upload1{font-size: 18px;}
- .big-bag aside.aside-left ul li:hover a{background-color: #fff4e7; border-color: #fd9817; color: #fd9817;}
- .big-bag aside.aside-left ul li:hover a .iconfont{color: #fd9817;}
- .big-bag .upload-file .upload-btn .iconfont{}
- .big-bag .upload-file .upload-btn{background-color: #fd9817; border-color: #fd9817;}
- .big-bag .aside-right .a-top .app-icon li.active{background-color: #fd9817;}
- .big-bag .aside-right .search .btn-search{color: #fd9817;}
- .big-bag .ms-btn-primary.btn-new-release{background-color: #fd9817; border-color: #fd9817;}
- /*大包立即购买按钮*/
- .upload-file .upload-buy{width: 240px; padding: 0; height: 60px; font-size: 18px; line-height: 58px; margin: 0 auto; display: block; position: relative; background-color: #fd9817; border-color: #fd9817;}
- .upload-file .upload-buy .iconfont{font-size: 24px; margin-right: 5px; position: relative; top: 1px;}
- .details-upload-new-version{background-color: #157df1; color: #fff; border-radius: 25px; padding: 10px 20px; height: 50px; align-items: center; box-shadow: 0 5px 10px rgba(202,225,252,.5);}
- .details-upload-new-version:hover{background-color: #348dee; color: #fff;}
- .details-upload-new-version:focus{background-color: #348dee; color: #fff;}
- .details-upload-new-version .iconfont{margin-right: 10px;}
- .details-upload-new-version .icon-upload1{font-size: 20px; position: relative; top: 2px;}
- .details-upload-new-version .icon-upload1+.text{position: relative; top: -1px;}
- .details-upload-new-version .icon-xiazai{font-size: 24px; margin-right: 5px; position: relative; top: -3px;}
- .details-upload-new-version .icon-xiazai+.text{position: relative; top: -6px;}
- .details-preview{width: 50px; height: 50px; padding: 0; text-align: center; line-height: 50px; border-radius: 50%; border: 1px solid #1a80f1; color: #1a80f1;}
- .details-preview:focus{background-color: transparent; color: #1a80f1;}
- .details-preview:hover{background-color: #1a80f1; color: #fff;}
- .details-preview:focus:hover{background-color: #1a80f1; color: #fff;}
- .details-merge{width: 50px; height: 50px; padding: 0; text-align: center; border-radius: 50%; border: 1px solid #ee635d; color: #ee635d; white-space: normal; padding: 0 5px; line-height: 14px;}
- .details-merge.details-renewal{line-height: 50px;}
- .details-merge:focus{background-color: transparent;}
- .details-merge:hover{background-color: #ee635d; color: #fff;}
- .details-merge.btn-success:focus{border-color: #ee635d; color: #ee635d; background-color: transparent;}
- .details-merge.btn-success:hover{border-color: #ee635d;}
- /*----------/应用发布 改版----------*/
- /*----------应用发布 改版2019/1/22----------*/
- .app-details2{background-color: #fff; min-height: 450px;}
- .app-details2 .details-top{background-color: transparent; box-shadow: none; margin-bottom: 0;}
- .app-details2 .details-top .d-right{margin-top: 5px;}
- .app-details2 .app-information{padding: 0 20px;}
- .app-details2 .app-information .more-wrap{position: relative;}
- .app-details2 .app-information .more-wrap img{width: 50px; height: 50px; position: absolute; left: 90px; top: -30px; transition: all 500ms; background-color: #fff;}
- .app-details2 .app-information .test-download2 img{left: 175px; top: -35px;}
- .app-details2 .app-information .more-wrap img:hover{width: 125px; height: 125px; position: absolute; left: 70px; top: -80px;}
- .app-details2 .app-information .test-download2 img:hover{position: absolute; left: 150px; top: -80px;}
- .app-details2 .table-list{padding: 25px 20px 30px;}
- .app-details2 .version-tit{color: #333; font-size: 16px; margin-bottom: 15px;}
- .app-details2 .version-tit .iconfont{font-size: 18px; margin-right: 5px; position: relative; top: 1px;}
- .app-details2 .version-history-table .bundle-length{max-width: 150px; display: inline-block; position: relative; top: 3px;}
- .app-details2 .version-history-table td .iconfont{font-size: 24px; margin-left: 8px;}
- .app-details2 .version-history-table td .icon-shanchu:hover{color: #fd641d;}
- .app-details2 .version-history-table tr:hover td{background-color: #ebf7ff;}
- .app-details2 .icon-prompt1{font-size: 14px; color: #999; position: relative; margin-left: 3px;}
- .app-details2 .upload-icon-common{width: 60px; height: 60px; border-radius: 12px;}
- .app-details2 .countdown-btn{border-radius: 30px; height: 50px; padding: 0 20px; line-height: 48px; color: #fd641d; background-color: #e8e8e8; border-color: #e8e8e8;}
- .app-details .details-bottom{padding: 5px 0 15px;}
- .app-details2 .d-table-wrap table td{padding: 0 0 0 15px;}
- .app-details .d-table-wrap table th{padding: 20px 0 2px 0;}
- .app-details2 .details-top .information{width: 60%;}
- .app-details2 .copy.top-5{font-size: 12px;}
- #app_setting_form .app-details2{background-color: transparent;}
- #app_setting_form .app-details2 .details-top{background-color: #fff;}
- #updateModal .modal-header h4{color: #333;}
- #updateModal .modal-header .close{color: #333; font-size: 26px; opacity: 1;}
- #updateModal .modal-body{padding: 25px 10px 25px 0;}
- #updateModal .app-details-update{color: #333;}
- #updateModal .app-details-update .form-group{margin-bottom: 25px;}
- #updateModal .app-details-update .form-group:last-of-type{margin-bottom: 0;}
- #updateModal .app-details-update .control-label{text-align: right; padding-right: 10px;}
- #updateModal .app-details-update ul li{margin-right: 25px; cursor: pointer;}
- #updateModal .app-details-update ul li .icon-radio{position: relative; top: 2px;}
- /*
- #updateModal .app-details-update dl dt{margin-right: 25px; margin-bottom: 25px;}
- #updateModal .app-details-update dl dd{margin-right: 25px; cursor: pointer;}
- #updateModal .app-details-update dl dd .icon-radio{position: relative; top: 2px;}
- #updateModal .app-details-update dl dd textarea{}
- */
- .app-details2 .no-flash-back-js{padding: 25px 20px 30px;}
- .app-details2 .no-flash-back-js .tit{color: #333; margin-bottom: 8px;}
- .app-details2 .no-flash-back-js .tit a{color: #157df1;}
- .app-details2 .no-flash-back-js pre{background-color: #fff; border-radius: 0; border-color: #eee; padding: 5px; color: #666;}
- .app-details2 .no-flash-back-js #copy1{margin-bottom: 8px;}
- .app-details2 .no-flash-back-js .color-danger{margin-bottom: 15px; font-size: 12px;}
- .app-details2 .no-flash-back-js .copy{margin-left: 0; color: #fff; margin-bottom: 20px;}
- .app-details2 .no-flash-back-js .tit1{color: #333; margin-bottom: 3px;}
- .app-details2 .no-flash-back-js p{line-height: 1.8;}
- /*----------/应用发布 改版2019/1/22----------*/
- /*----------推广页----------*/
- /*nav*/
- .promote-nav .logo img{width: 138px; height: 60px;}
- .promote-nav{padding: 2px 0;}
- .promote-nav ul{margin: 16px 0 0 20px;}
- .promote-nav ul li{float: left; margin: 0 15px;}
- .promote-nav ul li:last-of-type{margin-right: 0;}
- .promote-nav ul li a{padding: 0 10px 5px; border-bottom: 2px solid transparent; color: #333;}
- .promote-nav ul li.active a{border-bottom-color: #157df1; color: #157df1;}
- .promote-nav ul li:hover a{border-bottom-color: #157df1;}
- /*footer*/
- .promote-footer-wrap{border-top: 1px solid #e5e5e5; padding: 50px 0;}
- .promote-footer{color: #333; padding: 0 60px;}
- .promote-footer .p-con dl dt{font-size: 14px; margin-bottom: 12px; margin-top: 10px;}
- .promote-footer .p-con dl dd{font-size: 12px; margin-bottom: 12px;}
- .promote-footer .p-con dl dd a{color: #333;}
- .promote-footer .p-con .f-logo{margin-left: 270px; margin-top: 30px;}
- .promote-footer .p-con .promote-code{text-align: center;}
- .promote-footer .p-con .promote-code .img-wrap{width: 115px; height: 115px; border: 1px solid #e5e5e5;}
- .promote-footer .p-con .promote-code p{margin-top: 5px;}
- .promote-footer>p{text-align: center; margin-top: 40px;}
- /*签名*/
- /*banner*/
- .promote-signature-banner{height: 430px; background: url("../img/tg-banner-1.jpg") no-repeat center;}
- .signature-banner1{color: #fff;}
- .signature-banner1 .s-left{padding: 90px 0 0 90px;}
- .signature-banner1 h1{font-size: 40px; font-weight: 600;}
- .signature-banner1 h5{font-size: 20px; margin-top: 15px;}
- .signature-banner1 ul{margin-top: 25px;}
- .signature-banner1 ul li{float: left; margin-right: 35px; font-size: 15px;}
- .signature-banner1 ul li .iconfont{font-size: 14px; position: relative; top: -1px; margin-right: 5px;}
- .signature-banner1 .s-left .ms-btn{width: 110px; border-color: #fff; color: #fff; margin-top: 35px;}
- /*/banner*/
- .signature-list{padding: 60px 0;}
- .signature-list .row .col-sm-3:nth-of-type(n+5){margin-top: 35px;}
- .promote-thumbnail{text-align: center;}
- .promote-thumbnail h4{color: #333; font-size: 18px; margin-top: 20px; margin-bottom: 5px;}
- .promote-thumbnail .img-wrap{height: 59px; display: flex; align-items: flex-end;}
- .promote-thumbnail img{margin: 0 auto;}
- .promote-thumbnail .blue-line{margin: 0 auto 15px; width: 30px;}
- .promote-thumbnail p{line-height: 24px; height: 48px; color: #333; font-size: 13px;}
- .solve-certificate-wrap{background-color: #f7f8fc; padding: 70px 0;}
- .solve-certificate h1{text-align: center; color: #333; font-size: 32px; margin-bottom: 20px;}
- .solve-certificate img.fr{margin-right: 30px;}
- .promote-common{padding: 70px 0; text-align: center;}
- .promote-common .blue-line{margin: 0 auto 20px;}
- .promote-common h1{font-size: 32px; color: #333; margin-bottom: 8px;}
- .promote-common h3{font-size: 16px; color: #666; margin-bottom: 55px;}
- .how-operate-wrap{background: url("../img/promote-bg-1.jpg") no-repeat center; height: 378px;}
- .how-operate h1{margin-top: 60px;}
- .how-operate h3{margin-bottom: 45px;}
- .how-operate .ms-btn-secondary{padding: 9px; width: 100px;}
- .signature-process1 ul{padding-left: 125px;}
- .signature-process1 ul li{float: left; text-align: center; padding: 0 40px;}
- .signature-process1 ul li:nth-of-type(even){background: url("../img/promote-icon-23.png") no-repeat center; width: 61px; height: 85px;}
- .signature-process1 ul li .img-wrap{height: 85px; display: flex; align-items: center; justify-content: center;}
- .signature-process1 ul li .tit1{font-size: 16px; color: #333; font-weight: 600; margin-top: 25px;}
- /*/签名*/
- /*内测分发*/
- .promote-distribution-banner{background: url("../img/promote-banner-1.jpg") no-repeat center; height: 430px;}
- .distribution-banner1 img{margin-left: 120px; margin-top: 55px;}
- .distribution-banner1 .d-right{color: #fff;}
- .distribution-banner1 .d-right{margin-left: 80px;}
- .distribution-banner1 .d-right h1{font-size: 40px; margin-top: 110px; margin-bottom: 15px;}
- .distribution-banner1 .d-right .p1{font-size: 16px; line-height: 30px;}
- .distribution-banner1 .d-right .p1 span{font-size: 20px;}
- .distribution-banner1 .d-right .ms-btn{width: 110px; border-color: #fff; color: #fff; margin-top: 35px;}
- .distribution-list{padding: 70px 0;}
- .distribution-list .promote-thumbnail .blue-line{margin-bottom: 5px;}
- .provide-services-wrap{background: url("../img/tg-37.jpg") no-repeat center; height: 340px; padding: 60px 0;}
- .provide-services{padding: 0;}
- .provide-services h1{color: #fff;}
- .provide-services .blue-line{margin-bottom: 40px;}
- .provide-services .row{margin: 0 -10px;}
- .provide-services .row .col-sm-4{padding: 0 10px;}
- .provide-services .p-con{background-color: #fff; border-radius: 5px; padding: 20px 0 20px 15px;}
- .provide-services .p-con .p-text{width: 71%; text-align: left; padding-left: 10px;}
- .provide-services .p-con .p-text dt{color: #333; font-size: 18px; font-weight: 600;}
- .provide-services .p-con .p-text dt span{font-size: 12px; height: 60px;}
- .provide-services .p-con .p-text dd{color: #333; margin-top: 5px;}
- .web-encapsulation .promote-thumbnail .img-wrap{height: 51px; display: flex; align-items: flex-end; justify-content: center;}
- .web-encapsulation .w-list{padding: 0 140px;}
- .web-encapsulation .w-list .row .col-sm-3:nth-of-type(n+5){margin-top: 65px;}
- .web-encapsulation .promote-common h3{margin-bottom: 45px;}
- .promote-signature-wrap{background: url("../img/tg-29.jpg") no-repeat center; height: 700px;}
- .promote-signature h1{font-size: 32px; color: #fff; text-align: center; margin-top: 55px;}
- .promote-signature h3{font-size: 16px; color: #fff; text-align: center; margin-top: 15px; margin-bottom: 50px;}
- .promote-signature .text li{background: url("../img/promote-bg-3.png") no-repeat; width: 263px; height: 79px; float: left; margin-right: 125px; padding: 0 15px; color: #fff; padding-top: 7px;}
- .promote-signature .text li:last-of-type{margin-right: 0;}
- .promote-signature .text li dt{font-size: 18px; font-weight: 600; font-family: "Microsoft YaHei UI Light";}
- .promote-signature .text li dd{font-size: 12px; margin-top: 3px;}
- /*/内测分发*/
- /*封装*/
- .promote-encapsulation-banner{background: url("../img/promote-banner-2.jpg") no-repeat center; height: 430px;}
- .encapsulation-banner1 h1{text-align: center; font-size: 40px; color: #fff; font-weight: 600; margin-top: 90px;}
- .encapsulation-banner1 h5{text-align: center; font-size: 18px; color: #fff; line-height: 30px; margin-top: 15px;}
- .encapsulation-banner1 .ms-btn{color: #6c4409; background-color: #ffec06; font-size: 16px; font-weight: 600; width: 110px; margin-top: 25px;}
- .encapsulation-banner1 img{margin: 45px auto 0;}
- .encapsulation-banner1 ol{margin-left: 55px;}
- .encapsulation-banner1 ol li{float: left; text-align: center; padding: 0 20px;}
- .encapsulation-banner1 ol li .e-text{color: #333; font-size: 12px; font-weight: 600; margin-top: 5px;}
- .feature-plugin h1{color: #333; font-size: 32px; text-align: center;}
- .feature-plugin .blue-line{margin: 10px auto 0;}
- .feature-plugin .f-list{padding: 0 120px; margin-top: 35px;}
- .feature-plugin .f-list .promote-thumbnail .img-wrap{height: 51px; display: flex; align-items: flex-end;}
- .feature-plugin .f-list li{float: left; width: 20%; position: relative; padding-bottom: 25px; cursor: pointer;}
- .feature-plugin .f-list li .icon-arrow-top2{position: absolute; left: 50%; bottom: -14px; transform: translateX(-50%); font-size: 30px; color: #68a4e8; display: none;}
- .feature-tab-wrap{background: url("../img/promote-bg-4.jpg") no-repeat center; height: 460px;}
- .feature-tab img{display: none; margin: 50px auto 0;}
- .our-advantages img{margin: 40px auto 0;}
- .price-introduced-wrap{background-color: #f7f8fc;}
- .price-introduced .promote-common .blue-line{margin-bottom: 40px;}
- .price-introduced .table{background-color: #fff; table-layout: fixed; margin-bottom: 0;}
- .price-introduced .table tr th{background-color: #157df1; padding: 20px; color: #fff; text-align: center; font-size: 18px;}
- .price-introduced .table tr td{padding: 20px; color: #333; text-align: center; vertical-align: middle; font-size: 16px;}
- .price-introduced .table tr td .text1{text-align: left; display: inline-block;}
- .price-introduced .table tr td .text{font-size: 24px; position: relative; display: inline-block;}
- .price-introduced .table tr td .text span{position: absolute; top: -5px; left: calc(100% + 2px); background: #ffcd20 url("../img/promote-arrrow.jpg") no-repeat left center; padding: 0 5px 0 15px; height: 17px; font-size: 12px; white-space: nowrap;}
- .good-case .promote-common{padding-left: 120px; padding-right: 120px;}
- .good-case .g-con{box-shadow: 0 7px 20px rgba(21,125,241,.2); padding-top: .1px;}
- .good-case .g-con .tab-list{padding-left: 200px; margin-top: 40px;}
- .good-case .g-con .tab-list li{float: left; height: 28px; line-height: 28px; padding: 0 15px; border-radius: 15px; font-size: 16px; margin-right: 90px; cursor: pointer; color: #333;}
- .good-case .g-con .tab-list li.active{background-color: #157df1; color: #fff;}
- .good-case .tab-con{padding: 30px 125px 45px;}
- .good-case .tab-con ul{display: none;}
- .good-case .tab-con ul li{float: left; margin-right: 40px;}
- .good-case .tab-con ul li:last-of-type{margin-right: 0;}
- .package-number{color: #fff; background: url("../img/promote-bg-6.jpg") no-repeat center; height: 100px; line-height: 100px; font-size: 24px; text-align: center;}
- .package-number span{font-size: 36px;}
- .encapsulation-process ul{margin-left: 70px; margin-top: 40px;}
- .encapsulation-process ul li{float: left; text-align: left; padding: 15px 15px 0;}
- .encapsulation-process ul li:nth-of-type(odd){width: 180px; height: 155px; box-shadow: 0 0 20px rgba(21,125,241,.2);}
- .encapsulation-process ul li:nth-of-type(even){height: 155px; width: 110px; background: url("../img/promote-icon-23.png") no-repeat center;}
- .encapsulation-process ul li dt{font-size: 18px; color: #333; font-weight: 600;}
- .encapsulation-process ul li dd{font-size: 16px; color: #333; margin-top: 10px;}
- .promote-function-of{padding-top: 0; padding-bottom: 60px;}
- .promote-function-of .tit{margin-bottom: 8px; color: #333; font-size: 32px;}
- .promote-blue-line{margin: 0 auto 20px; width: 35px; height: 2px; background-color: #157df1;}
- .promote-function-of .promote-blue-line{margin-bottom: 30px;}
- .promote-function-of ul li .text{color: #333; font-size: 16px;}
- .promote-our-advantages-wrap{background-color: #f7f8fc;}
- .promote-meal{padding: 70px 0 0;}
- .promote-meal>h1{color: #333; margin-bottom: 8px; text-align: center; font-size: 32px;}
- .promote-meal>p{color: #666; font-size: 16px; margin-bottom: 40px; text-align: center;}
- .promote-meal .table{table-layout: fixed; box-shadow: 0 0 10px rgba(0,0,0,.1); margin-bottom: 0;}
- .promote-meal .table th{text-align: center; height: 50px; color: #333; border-top: none; position: relative; vertical-align: middle; border-left: 1px solid #ddd; font-weight: 600; font-size: 15px; background-color: #f5f6f7;}
- .promote-meal .table td{text-align: center; border: 1px solid #ddd; height: 50px; color: #333; vertical-align: middle;}
- .promote-meal .table th:first-of-type{border-left-color: transparent;}
- .promote-meal .table th:last-of-type{border-right-color: transparent;}
- .promote-meal .table td:first-of-type{border-left-color: transparent;}
- .promote-meal .table td:last-of-type{border-right-color: transparent;}
- .promote-meal .table tr:last-of-type td{border-bottom: none;}
- .promote-meal .table tr:nth-of-type(odd) td{background-color: transparent;}
- .promote-meal .table .recommend-wrap1{position: relative;}
- .promote-meal .table .recommend-wrap1 .recommended{position: absolute; top: -9px; background: url("../img/price-tip1.png") no-repeat; width: 32px; height: 22px; color: #fff; font-size: 12px; line-height: 20px; background-size: contain; font-weight: normal;}
- .promote-meal .table .recommend-wrap1 .recommended{background: url("../img/price-tip2.png") no-repeat; width: 60px; height: 22px; background-size: contain; font-size: 12px; line-height: 22px; font-weight: normal;}
- .promote-meal .table td .num{font-size: 18px;}
- .promote-pack-meal{padding-top: 0; padding-bottom: 70px;}
- .promote-pack-meal .table .basis-pack{background: url("../img/tg-1.jpg") no-repeat center; height: 50px; color: #fff;}
- .promote-pack-meal .table .senior-pack{background: url("../img/tg-2.jpg") no-repeat center; height: 50px; color: #fff;}
- .promote-sign-meal{padding-top: 0; padding-bottom: 70px;}
- .promote-sign-meal .table .recommend-wrap1 .recommended{position: absolute; top: -9px; background: url("../img/price-tip1.png") no-repeat; width: 32px; height: 22px; color: #fff; font-size: 12px; line-height: 20px; background-size: contain; font-weight: normal;}
- .promote-sign-meal .table .basis-sign{background: url("../img/tg-3.jpg") no-repeat center; height: 50px; color: #fff;}
- .promote-sign-meal .table .senior-sign{background: url("../img/tg-4.jpg") no-repeat center; height: 50px; color: #fff;}
- .promote-sign-meal .table .independent-sign{background: url("../img/tg-5.jpg") no-repeat center; height: 50px; color: #fff;}
- .promote-meal .blue-line{margin: 0 auto 20px;}
- /*/封装*/
- .promote-help{padding-bottom: 45px;}
- .promote-help h1{text-align: center; color: #333; font-size: 32px; margin-bottom: 8px;}
- .promote-help .promote-blue-line{margin-bottom: 30px;}
- /*---------- /推广页----------*/
- /*----------分发落地页----------*/
- .template-common .form-control{height: 40px;}
- .passwords .template-common{padding: 0 320px;}
- .template-common{padding: 0 235px;}
- .template-common hr{border-top-color: #e5e5e5; margin-top: 25px; display: none;}
- .template-common .t-icon{background-color: #fff; width: 180px; height: 180px; border-radius: 25px; box-shadow: 0 0 10px rgba(0,0,0,.2); display: flex; align-items: center; margin: 0 auto;}
- .template-common .t-icon img{width: 120px; height: 120px; border-radius: 30px; border: 1px solid #e5e5e5; margin: 0 auto;}
- .template-common .template-btn-wrap{text-align: center;}
- .template-common .template-btn{color: #fff; background-color: #157df1; height: 50px; padding: 0 38px; line-height: 48px; font-size: 18px; margin: 10px auto 10px!important; display: inline-block;}
- .template-common .decoding{color: #fff; background-color: #157df1; height: 50px; padding: 0; width: 180px; text-align: center; line-height: 48px; font-size: 18px; margin: 30px auto 20px; display: block;}
- .template-common .template-btn span:last-of-type{line-height: 50px;}
- .template-common .template-btn .iconfont{font-size: 36px; margin-left: -5px;}
- .template-common .t-apply{color: #666; text-align: center;}
- .template-common .t-code{color: #666; width: 200px; overflow: hidden; margin: 35px auto 0; text-align: center;}
- .template-common .t-code img{border: 1px solid #e5e5e5; width: 150px; height: 150px; margin: 0 auto 5px;}
- .template-common .t-name{color: #333; text-align: center;}
- .template-common .t-name .name-info span{margin-right: 10px; color: #666;}
- .template-common .t-name .tit{font-size: 28px; margin-bottom: 10px; margin-top: 15px;}
- .template-common .t-introduce{color: #333;}
- .template-common .t-introduce .tit{font-size: 20px; margin-top: 25px;}
- .template-common .t-introduce p{margin-top: 15px;}
- .template-common .t-contact{color: #333; margin-top: 20px;}
- .template-common .t-contact .tit{font-size: 20px; margin-bottom: 15px;}
- .template-common .t-contact dl{margin-bottom: 5px;}
- .template-common .t-contact dl dt{margin-right: 10px;}
- .template-pwd{border: 1px solid #e5e5e5; border-radius: 3px; padding: 45px 35px; margin-top: 45px; /*margin-bottom: 50px;*/ display: none;}
- .template-pwd label{color: #3e4753; text-align: center; display: block;}
- .template-pwd .form-control{margin-top: 15px;}
- .passwords+.template-footer{margin-top: 50px;}
- .template-footer{margin-top: 30px;}
- .template-footer .methods-tutorial-full{background-color: #ff6666;}
- .template-footer .methods-tutorial-full a{color: #fff;}
- .template-footer .methods-tutorial-full a.fl{height: 50px; line-height: 50px;}
- .template-footer .methods-tutorial-full a.fl:hover{text-decoration: underline;}
- .template-footer .methods-tutorial-full a.fr{width: 22px; height: 22px; line-height: 22px; border: 1px solid #fff; border-radius: 50%; text-align: center; margin-top: 14px;}
- .template-footer .methods-tutorial-full a.fr .iconfont{color: #fff;}
- .template-footer .t-footer{text-align: center; margin-top: 30px; padding-bottom: 30px;}
- .template-footer .t-footer a{color: #157df1;}
- .template-footer .t-footer a:hover{text-decoration: underline;}
- /*应用截图*/
- .template-common .app-screen{margin-top: 20px;}
- .template-common .app-screen .tit{font-size: 20px; margin-bottom: 15px; color: #333;}
- .template-common .app-screen .s-responsive{overflow: hidden; height: 405px; width: 100%; overflow-x: auto;}
- /*.template-common .app-screen ul{height: 405px;}*/
- .template-common .app-screen ul li{float: left; margin-right: 20px;}
- .template-common .app-screen ul li img{width: auto; height: auto; max-width: 800px; max-height: 405px;}
- .template-common .app-screen ul li:last-of-type{margin-right: 0;}
- /*模板1*/
- .template-1 .t-bg-1{background: #157df1 url("../img/t-04.png") repeat-x center bottom; height: 175px;}
- .template-1 .content{margin-top: -125px; padding: 0 80px;}
- .template-1 .template-common{padding: 0;}
- .template-1 .template-common .t-icon{box-shadow: none; width: auto; height: auto; background-color: transparent;}
- .template-1.passwords .template-common .t-code{width: 125px; margin-top: 35px;}
- .template-1 .template-common .t-code{width: 200px; margin-top: 15px;}
- .template-1 .template-common .t-code img{width: 125px; height: 125px; margin: 0 auto;}
- .template-1 .template-common .t-name{text-align: left;}
- .template-1 .template-common .t-name .name-info span{color: #fff;}
- .template-1+.template-footer{margin-top: 140px;}
- .template-1 .template-common .template-btn{margin-top: 30px; margin-bottom: 15px; padding: 0 15px;}
- .template-1 .content .c-left{background: url("../img/t-05.png") no-repeat center; width: 308px; height: 608px; padding-top: 110px;}
- .template-1.passwords .content .c-left{padding-top: 140px;}
- .template-1.passwords .content .c-right{margin-left: 130px; width: auto;}
- .template-1 .content .c-right{margin-left: 100px; width: 630px;}
- .template-1 .content .c-right .t-name{color: #fff; margin-bottom: 100px;}
- .template-1 .template-common .t-name .tit{margin-top: 5px;}
- .template-1 .content .c-right .t-introduce{/*margin-top: 100px;*/ margin-bottom: 45px;}
- .template-1 .content .c-right .t-contact{margin-top: 0; margin-bottom: 45px;}
- .template-1 .template-pwd{width: 500px; height: 230px; background-color: #fafafa; margin-top: 90px; padding: 60px 30px 0; position: relative; border-radius: 5px; display: none; border: none;}
- .template-1 .template-pwd .form-group{text-align: center;}
- .template-1 .template-pwd .form-group label{color: #3e4753;}
- .template-1 .template-pwd .form-group .form-control{border-color: #e5e5e5; margin-top: 5px;}
- .template-1 .template-pwd .form-group .form-control:focus{border-color: #66afe9;}
- .template-1 .template-pwd .top-pwd{position: absolute; left: 50%; top: -20px; margin-left: -30px; width: 60px; height: 60px; border: 1px solid #157df1; border-radius: 50%; display: flex; justify-content: center; align-items: center; background-color: #fafafa;}
- .template-1 .template-pwd .top-pwd .iconfont{color: #157df1; font-size: 30px;}
- .template-1 .template-common .app-screen .s-responsive{width: 730px;}
- /*/模板1*/
- /*模板2*/
- .template-2 .t-bg-2{background: url("../img/t-06.jpg") center; height: 130px;}
- .template-2 .content{margin-top: -90px;}
- /*/模板2*/
- /*模板3*/
- .template-3 .t-bg-3{background: url("../img/t-07.jpg") center; height: 160px;}
- .template-3 .content{margin-top: 20px;}
- .template-3 .template-common .t-icon{width: 160px; height: 160px; border-radius: 50%;}
- .template-3 .template-common .t-icon img{width: 105px; height: 105px;}
- /*/模板3*/
- /*模板4*/
- .template-4 .t-bg-4{background: url("../img/t-09.png") no-repeat center; height: 485px;}
- .template-4 .t-left{width: 255px; margin-left: 265px; margin-top: 150px;}
- .template-4 .t-right{margin-left: 225px; margin-top: 45px;}
- .template-4 .content4 .template-common{padding: 0;}
- .template-4 .content4 .template-common .t-icon{width: auto; height: auto; background-color: transparent; box-shadow: none;}
- .template-4 .content4 .template-common .t-icon img{border: none;}
- .template-4 .content4 .template-common .t-name .tit{color: #fff; margin-top: 25px; margin-bottom: 20px;}
- .template-4 .content4 .template-common .t-name .name-info span{display: block; text-align: center; margin-right: 0; color: #fff; line-height: 24px;}
- .template-4 .template-common .template-btn{margin-bottom: 20px;}
- .template-4 .content>.template-common{padding: 80px 100px 0;}
- .template-4 .template-common .t-code{width: 200px;}
- .template-4 .template-common .t-code img{width: 120px; height: 120px; margin-left: auto; margin-right: auto;}
- .template-4 .template-common .decoding{width: 100%; margin-top: 30px;}
- .template-4 .template-pwd{border: none; padding: 0; width: 490px; margin: 0 auto;}
- .template-4+.template-footer{margin-top: 100px;}
- .template-4 .content>.template-common .app-screen{width: 730px;}
- /*/模板4*/
- /*模板5*/
- .template-5 .left-bg{position: absolute; left: 0; top: 0; background: url("../img/t11.png") no-repeat left top; width: 283px; height: 1012px;}
- .template-5 .right-bg{position: absolute; right: 0; top: 0; background: url("../img/t12.png") no-repeat right top; width: 283px; height: 1012px;}
- .template-5 .content{padding-top: 100px;}
- .template-5 .template-common{padding: 0 235px;}
- .template-5 .template-common .t-icon{border-radius: 50%; position: relative; margin-left: 180px;}
- .template-5 .template-common .t-icon .bg-shadow{position: absolute; left: -20px; top: 70px; border-radius: 90px; width: 360px; height: 180px; background-color: #eff2f2; z-index: -1; transform: rotate(45deg);}
- .template-5 .template-common .t-icon .code{position: absolute; top: 160px; right: -160px; transition: all 500ms;}
- .template-5 .template-common .t-icon .code img{border-radius: 0; border: none; width: 110px; height: 110px; transition: all 500ms;}
- .template-5 .template-common .t-icon .code:hover{width: 240px; height: 240px; right: -190px; top: 130px;}
- .template-5 .template-common .t-icon .code:hover img{width: 160px; height: 160px;}
- .template-5 .template-common .t-name-wrap{width: 350px; margin-left: auto; margin-right: auto;}
- .template-5 .template-common .t-name-wrap .t-name{text-align: left;}
- .template-5 .template-common .t-name-wrap .template-btn{margin: 45px 0 20px}
- .template-5 .template-common .t-name{margin-top: 200px;}
- .template-5 .template-common .t-name .tit{margin-bottom: 20px;}
- .template-5 .template-common .t-name .name-info{text-align: left; line-height: 24px;}
- .template-5 .template-common .t-apply{text-align: left; padding-left: 15px;}
- .template-5 .template-common .template-btn{padding: 0 53px;}
- .template-5 .template-common hr{margin-top: 50px;}
- .template-5 .template-common .t-introduce .tit{margin-top: 50px;}
- .template-5 .template-common .t-contact{margin-top: 25px;}
- .template-5.passwords+.template-footer{margin-top: 99px;}
- .template-5+.template-footer{margin-top: 40px;}
- .template-5 .template-pwd{width: 555px; height: 245px; margin: 80px auto 0; padding: 60px 30px 0; position: relative; border-radius: 5px;}
- .template-5 .template-pwd .top-pwd{position: absolute; left: 50%; top: -30px; margin-left: -30px; width: 60px; height: 60px; border: 1px solid #157df1; border-radius: 50%; display: flex; justify-content: center; align-items: center; background-color: #fafafa;}
- .template-5 .template-pwd .top-pwd .iconfont{color: #157df1; font-size: 30px;}
- .template-5 .template-pwd .decoding{width: 100%; margin-top: 30px; margin-bottom: 30px;}
- /*/模板5*/
- /*模板6*/
- .template-6 .t-bg-6{background-color: #f4f4f4; height: 80px; line-height: 80px;}
- .template-6 .t-top .tit{font-size: 30px; color: #333;}
- .template-6 .t-top .name-info{font-size: 18px; color: #666;}
- .template-6 .t-top .name-info span{margin-left: 10px;}
- .template-6 .content{margin-top: 55px;}
- .template-6 .template-common .template-btn{margin-bottom: 15px;}
- .template-6 .template-common .show-hr{display: block; margin-top: 40px;}
- .template-6 .template-common .t-code{margin-top: 40px;}
- /*/模板6*/
- /*密码显示控制*/
- .passwords .template-pwd{display: block;}
- .passwords .pc-pwd{display: none !important;}
- .passwords .template-pwd{display: block;}
- /*----------/分发落地页----------*/
- /*----------通知中心----------*/
- .user-center1 .message-list .no-msg{display: flex; align-items: center; justify-content: center; height: 550px;}
- .user-center1 .message-list .no-msg .no{display: inline-block; text-align: center;}
- .user-center1 .message-list .no-msg .no .no-text{margin-top: 15px;}
- .user-center1 .message-list{box-shadow: 0 0 5px rgba(0,0,0,.05); background-color: #fff; min-height: 550px; padding-bottom: 20px;}
- .user-center1 .message-list dt{background-color: #f5f6f7; padding: 12px 30px; border-bottom: 1px solid #e5e5e5;}
- .user-center1 .message-list dt .all{color: #333;}
- .user-center1 .message-list dt .all:hover{color: #157df1;}
- .user-center1 .message-list dt .all .icon-checkbox1{margin-top: 2px; color: #999; margin-right: 10px; cursor: pointer;}
- .user-center1 .message-list dt .all:hover .icon-checkbox1{color: #157df1;}
- .user-center1 .message-list dt .all .icon-checkbox-checked1{margin-top: 2px; color: #157df1; margin-right: 10px;}
- .user-center1 .message-list dt .all .text{padding-top: 6px; margin-right: 20px;}
- .user-center1 .message-list dt button{padding: 4px 12px; line-height: normal; margin-right: 10px;}
- .user-center1 .message-list .list li{float: left; font-size: 12px;}
- .user-center1 .message-list dd{padding: 20px 30px; border-bottom: 1px solid #e5e5e5;}
- .user-center1 .message-list dd .list{height: 22px;}
- .user-center1 .message-list dd .checkbox-li .iconfont{margin-right: 20px;}
- .user-center1 .message-list dd .checkbox-li .icon-checkbox-checked1{color: #157df1;}
- .user-center1 .message-list dd .msg-icon .iconfont{margin-right: 30px;}
- .user-center1 .message-list dd .msg-icon .icon-unread{color: #fed735;}
- .user-center1 .message-list dd .msg-icon .icon-read{color: #999; font-size: 20px; position: relative; top: -3px;}
- .user-center1 .message-list dd .li-msg-con{line-height: 24px;}
- .user-center1 .message-list dd .li-msg-con span{float: left; line-height: 22px;}
- .user-center1 .message-list dd .li-msg-con .text1{color: #333; font-weight: 600;}
- .user-center1 .message-list dd.read{background-color: #f9f9f9;}
- .user-center1 .message-list dd.read .li-msg-con .text1{font-weight: normal;}
- .user-center1 .message-list dd .li-msg-con .text2{color: #666; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; width: 500px;}
- .user-center1 .message-list dd .li-msg-con .text3{margin: 0 5px;}
- /*.user-center1 .message-list dd .li-msg-con a:hover {color: #157df1;}*/
- .user-center1 .message-list dd .time{float: right; line-height: 22px; color: #666;}
- .user-center1 .message-details{padding: 40px; height: 550px; background-color: #fff; box-shadow: 0 0 5px rgba(0,0,0,.05);}
- .user-center1 .message-details .details-tit{color: #333; font-size: 26px; text-align: center; margin-bottom: 10px;}
- .user-center1 .message-details .details-time{color: #666; font-size: 12px; text-align: center; margin-bottom: 25px;}
- .user-center1 .message-details .details-p{color: #333; font-size: 14px; /*margin-bottom: 25px;*/ line-height: 24px;}
- .user-center1 .message-details .details-con-wrap{border: 1px solid #e5e5e5; border-radius: 3px; padding: 30px; margin-top: 25px;}
- .user-center1 .message-details .details-con dt{color: #333; font-weight: 600; margin-bottom: 18px; margin-left: 45px;}
- .user-center1 .message-details .details-con.text-lg dt{color: #333; font-weight: 600; margin-bottom: 18px; margin-left: 95px;}
- .user-center1 .message-details .details-con dd{font-size: 12px; margin-bottom: 12px;}
- .user-center1 .message-details .details-con dd .d-left{color: #333; float: left; width: 60px; font-weight: 600; text-align: right;}
- .user-center1 .message-details .details-con.text-lg dd .d-left{color: #333; float: left; width: 110px; font-weight: 600; text-align: right;}
- .user-center1 .message-details .details-con dd .d-right{color: #333; margin-left: 85px; display: block;}
- .user-center1 .message-details .details-con dd .d-right.color-danger{color: #fd641d;}
- .user-center1 .message-details .details-con dd .d-right.color-hover{color: #157df1;}
- .user-center1 .message-details .details-con dd .d-right.color-hover{color: #157df1;}
- .user-center1 .message-details .details-con dd .d-right.color-666{color: #666;}
- .user-center1 .message-details .details-con.text-lg dd .d-right{margin-left: 135px;}
- .user-center1 .message-details .ms-btn-secondary{padding: 6px 20px;}
- /*/----------通知中心----------*/
- /*----------文档中心----------*/
- /*列表*/
- .doc-banner{background: url("../img/document-1.jpg?20190116") no-repeat center; height: 200px; padding-top: .1px;}
- .doc-banner .tit{color: #fff; font-size: 28px; height: 100%; display: flex; justify-content: center; align-items: center; font-weight: 600;}
- .doc-banner .b-con{width: 480px; margin: 50px auto 0;}
- .doc-banner .b-con p{color: #fff; margin-top: 5px;}
- .doc-banner .url-text{background-color: rgba(255,255,255,.2); height: 50px; padding: 6px; border-radius: 10px; color: #333;}
- .doc-banner .url-text input{background-color: #fff; border: none; width: 75%; height: 100%; border-radius: 5px 0 0 5px; padding-left: 30px;}
- .doc-banner .url-text .submit{background-color: #157df1; border: none; width: 25%; height: 100%; border-radius: 0 5px 5px 0; text-align: center; font-size: 17px; color: #fff; line-height: 38px;}
- .doc-list-wrap{padding: 35px 50px 20px;}
- .doc-list .tit{font-size: 24px; color: #157df1; margin-bottom: 15px;}
- .doc-list .tit .icon{margin-right: 10px; position: relative; top: 2px;}
- .doc-list .tit .icon-document2{top: 4px;}
- .doc-list .tit .icon-document3{top: 4px;}
- .doc-list .con{border: 1px solid #e5e5e5; padding: 25px 25px 15px; margin-bottom: 60px;}
- .doc-list .con .common{margin-bottom: 8px;}
- .doc-list .con .common .arrow{float: left; color: #333; font-size: 14px;}
- .doc-list .con .common .tit1{margin-left: 15px; color: #333; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
- .doc-list .con .common .tit1:hover{color: #157df1;}
- .doc-list .con:last-of-type{margin-bottom: 20px;}
- .doc-list .advice{color: #333; text-align: center;}
- .doc-list .advice a{color: #157df1;}
- .doc-list .tit .icon-document2{top: 4px;}
- .doc-list .tit .icon-document3{top: 4px;}
- /*banner添加教程*/
- .doc-tutorial{padding: 0 105px; margin: -40px 0 20px;}
- .doc-tutorial .con{background-color: #fff; padding: 20px 40px; border: 1px solid #f5f5f5;}
- .doc-tutorial .con .ms-thumbnail:hover .ms-caption .tit{color: #157df1;}
- .doc-tutorial .con .ms-thumbnail img{margin-bottom: 10px;}
- .doc-tutorial .con .ms-thumbnail .ms-caption .tit{margin-bottom: 0;}
- /*/列表*/
- /*详情*/
- @media (min-width: 1200px) {
- .doc-details .row{margin: 0 -5px;}
- .doc-details .col-sm-2{padding: 0 5px;}
- .doc-details .col-sm-10{padding: 0 5px;}
- }
- .doc-details .details-left{border: 1px solid #e5e5e5; border-bottom: none; border-radius: 3px; margin-bottom: 40px;}
- .doc-details .details-left dt{border-left: 4px solid transparent; height: 44px; line-height: 44px; border-bottom: 1px solid #e5e5e5; color: #333; padding-left: 10px; cursor: pointer;}
- .doc-details .details-left dt .icon{position: relative; top: 2px; margin-right: 8px;}
- .doc-details .details-left dt .iconfont{margin-right: 7px;}
- .doc-details .details-left dt .icon-arrow-up{display: none;}
- .doc-details .details-left dt.active{border-left-color: #157df1; background-color: #d0e5fc;}
- .doc-details .details-left dt.active .icon-arrow-up{display: block;}
- .doc-details .details-left dt.active .icon-arrow-down{display: none;}
- /*.doc-details .details-left dt.active+dd{display: block;}*/
- .doc-details .details-left dt .icon-sdk2{color: #157df1;}
- .doc-details .details-left dd{display: none;}
- .doc-details .details-left dd a{display: block; padding: 10px 20px; border-bottom: 1px solid #e5e5e5; font-size: 12px;}
- .doc-details .details-left dd a.active{color: #157df1;}
- .details-right{border: 1px solid #e5e5e5; border-radius: 3px; min-height: 600px; margin-bottom: 40px;}
- .details-right .article-tit{color: #333; border-bottom: 1px solid #e5e5e5; padding: 18px 20px; font-size: 16px;}
- .details-right .article-con{padding: 25px 40px; line-height: 24px; color: #333;}
- .details-right .article-con img{max-width: 700px;}
- /*/详情*/
- /*更新日志*/
- .update-log-banner{background: url("../img/time-2.jpg") no-repeat center; height: 170px; color: #fff; font-size: 28px; font-weight: 600; display: flex; justify-content: center; align-items: center;}
- .update-log-wrap{padding: 70px 240px;}
- .update-log-wrap .update-log:first-of-type{padding-top: 70px;}
- .update-log{background: url("../img/time-1.png") no-repeat 115px top;}
- .update-log .con{padding-bottom: 35px;}
- .update-log .u-left{width: 100px; text-align: right;}
- .update-log .u-left dt{color: #333; font-size: 16px; margin-bottom: 2px;}
- .update-log .u-left dd{color: #333; font-size: 12px;}
- .update-log .u-right{width: 590px; margin-left: 24px;}
- .update-log .u-right .u-icon{border: 1px solid #157df1; border-radius: 50px; width: 13px; height: 13px; padding: 2px; position: relative; top: 2px;}
- .update-log .u-right .u-icon span{display: block; background-color: #157df1; border-radius: 50%; width: 100%; height: 100%;}
- .update-log .u-right dl{margin-left: 30px;}
- .update-log .u-right dt{color: #333; font-size: 16px; font-weight: 600; margin-bottom: 5px;}
- .update-log .u-right dd{color: #333; line-height: 24px;}
- /*/更新日志*/
- /*反馈 建议*/
- .feedback-wrap{padding: 25px 150px 40px;}
- .feedback{border-radius: 5px; background-color: #fff; padding: 25px 30px 30px;}
- .feedback .tit{font-size: 18px; color: #333; font-weight: 600; margin-bottom: 20px;}
- .feedback .form-group{margin-bottom: 35px;}
- .feedback label{color: #333; margin-bottom: 10px;}
- .feedback label span{color: #fd641d; margin-right: 10px;}
- .feedback .type li{float: left; margin-right: 40px; cursor: pointer;}
- .feedback .type li .icon-radio{top: 3px;}
- .feedback .submit{padding-left: 40px; padding-right: 40px;}
- .feedback .uploaded-img{border: 1px solid #e5e5e5; width: 90px; height: 90px; position: relative; border-radius: 5px; margin-right: 20px;}
- .feedback .uploaded-img img{width: 100%; height: 100%; border-radius: 5px;}
- .feedback .uploaded-img .delete-img{position: absolute; right: -9px; top: -9px; right: 0\9; top: 0\9; cursor: pointer; z-index: 2;}
- .feedback .upload-img{position: relative; border: 1px dashed #e5e5e5; width: 90px; height: 90px; border-radius: 5px; background: url("../img/icon-10.png") no-repeat center 20px; overflow: hidden;}
- .feedback .upload-img input{position: absolute; left: 0; top: 0; width: 100%; height: 100%; opacity: 0; cursor: pointer;}
- .feedback .upload-img .text{text-align: center; font-size: 12px; color: #666; margin-top: 60px;}
- /*/反馈 建议*/
- /*----------/文档中心列表----------*/
- /*----------工具箱----------*/
- .tool-banner{background: url("../img/tool-banner.jpg?20181228") no-repeat center; height: 200px; background-size: cover;}
- .tool-banner .con{color: #fff; font-size: 28px; padding-left: 100px; font-weight: 600; padding-top: 55px;}
- .tool-banner .con .p2{text-indent: 2em;}
- .tool-classs{padding: 60px 80px;}
- .tool-classs .con{box-shadow: 0 0 20px rgba(21,125,241,.2); background-color: #fff; border-radius: 5px;}
- .tool-classs .con ul li{float: left; width: 33.333333%; text-align: center; padding-top: 20px;}
- .tool-classs .con ul li:nth-of-type(1){padding-left: 20px;}
- .tool-classs .con ul li:nth-of-type(3){padding-right: 20px;}
- .tool-classs .con ul li .t-con{border-right: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5; padding-bottom: 40px; padding-top: 20px;}
- .tool-classs .con ul li:hover{box-shadow: 0 3px 10px rgba(193,220,251,.8);}
- .tool-classs .con ul li .img-wrap{height: 66px; display: flex; justify-content: center; align-items: center; margin-bottom: 15px;}
- .tool-classs .con ul li .tit{font-size: 24px; color: #333; margin-bottom: 10px;}
- .tool-classs .con ul li p{margin-bottom: 15px; height: 80px; padding: 0 50px;}
- .tool-classs .con ul li .ms-btn{padding: 3px 35px; border-radius: 15px;}
- .tool-classs .con ul li:nth-of-type(n+4){padding-top: 0; padding-bottom: 20px;}
- .tool-classs .con ul li:nth-of-type(3n) .t-con{border-right-color: transparent;}
- .tool-classs .con ul li:nth-of-type(n+4) .t-con{border-bottom-color: transparent; padding-top: 30px; padding-bottom: 20px;}
- .tool-classs .con ul li:hover .ms-btn{background-color: #157df1; color: #fff;}
- /*----------/工具箱----------*/
- /*----------新价格页----------*/
- .new-price-btn{width: 150px; height: 40px; line-height: 40px; border-radius: 20px; background: linear-gradient(to right, #ff3794, #fc753b); display: block; color: #fff; text-align: center; margin: 0 auto;}
- .new-price-btn:hover{/*box-shadow: 0 2px 5px rgba(255,55,148,.5);*/ color: #fff; background: linear-gradient(to right, #fe1064, #ff9c00)}
- .new-price-btn:focus{color: #fff;}
- .new-price-banner{background: url("../img/price-banner-1.jpg") no-repeat center; height: 200px;}
- .new-price-banner .banner-con{color: #fff; padding: 65px 0 0 110px;}
- .new-price-banner .banner-con h3{font-size: 30px; font-weight: 600; margin-bottom: 10px;}
- .new-price-banner .banner-con p{font-size: 16px;}
- .new-price-list{padding: 0 110px; margin: 85px 0;}
- .new-price-list li{width: 33.33%; float: left; text-align: center; padding: 35px 20px; background-color: #fff; box-shadow: 0 0 10px rgba(112,61,231,.1); height: 695px; transition: transform 100ms;}
- .new-price-list li>img{width: 30px}
- .new-price-list li.active{transform: scale(1.02); z-index: 2; position: relative;}
- .new-price-list li h3{color: #333; margin-top: 20px;}
- .new-price-list li p{color: #666; margin-top: 10px; line-height: 24px; margin-bottom: 5px;}
- .new-price-list li .amount{font-size: 18px; color: #fd9817;}
- .new-price-list li .amount .num{font-size: 30px;}
- .new-price-list li .more{margin: 10px auto 20px;}
- .new-price-list li dl dd{line-height: 32px; color: #333;}
- .new-price-details{margin-top: 30px;}
- .new-price-details h1{color: #157df1; text-align: center; margin-bottom: 10px;}
- .new-price-details p{color: #666; font-size: 16px; text-align: center; margin-bottom: 80px;}
- .new-price-details .new-price-btn{margin-bottom: 80px;}
- .new-price-details .table{table-layout: fixed; box-shadow: 0 0 10px rgba(0,0,0,.1); margin-bottom: 0;}
- .new-price-details .table th{text-align: center; height: 50px; color: #333; font-size: 16px; font-weight: 600; border-top: none; position: relative; vertical-align: middle;}
- .new-price-details .table th:nth-of-type(2){border-left: 1px solid #ddd;}
- .new-price-details .table td{text-align: center; border: 1px solid #ddd; height: 50px; color: #333; vertical-align: middle;}
- .new-price-details .table th:first-of-type{border-left-color: transparent;}
- .new-price-details .table th:last-of-type{border-right-color: transparent;}
- .new-price-details .table td:first-of-type{border-left-color: transparent;}
- .new-price-details .table td:last-of-type{border-right-color: transparent;}
- .new-price-details .table tr:last-of-type td{border-bottom: none;}
- .new-price-details .table tr:nth-of-type(odd) td{background-color: #f5f6f7;}
- /*.new-price-details .table tr:nth-of-type(even) td:first-of-type{border-left-color: #ddd; border-right-color: #ddd;}*/
- /*.new-price-details .table tr:nth-of-type(even) td:last-of-type{border-right-color: #ddd;}*/
- .new-price-details .table th .th-con{position: absolute; width: 100%; height: 90px; left: 0; bottom: 0; background: no-repeat center; color: #fff; padding-top: 15px;}
- .new-price-details .table th .th-con .tit{font-size: 24px; font-weight: normal; margin-bottom: 5px; position: relative;}
- .new-price-details .table th .th-con .tit .unit{font-size: 12px;}
- .new-price-details .table th .th-con .tit .recommended{position: absolute; top: -8px; background: url("../img/price-tip1.png") no-repeat; width: 40px; height: 24px; color: #fff; font-size: 14px; line-height: 24px;}
- .new-price-details .table th .th-con .level{font-size: 16px;}
- /*.new-price-details .table .icon-wrap{height: 20px; line-height: 20px;}*/
- .new-price-details .table .icon-duihao{color: #13c960; font-size: 22px;}
- .new-price-details .help{padding-bottom: 40px;}
- .new-price-details .help h1{margin-bottom: 40px;}
- .new-price-details .help dl .right{margin-left: 30px; width: calc(100% - 30px);}
- .new-publish-price .help{padding: 0; margin-bottom: 30px; padding: 55px 70px 0;}
- .new-publish-price .help h1{margin-bottom: 40px; color: #157df1; text-align: center;}
- .new-publish-price .help dl .right{margin-left: 30px; width: calc(100% - 30px);}
- .new-pack-price .table th .level0{background-image: url("../img/price-4.jpg");}
- .new-pack-price .table th .level1{background-image: url("../img/price-5.jpg");}
- .new-pack-price .table th .level2{background-image: url("../img/price-6.jpg");}
- .new-pack-price .table th .th-con .tit .recommended{position: absolute; top: -8px; background: url("../img/price-tip2.png") no-repeat; width: 70px; height: 24px; color: #fff; font-size: 14px; line-height: 24px;}
- .new-sign-price .table th .level0{background-image: url("../img/price-5.jpg");}
- .new-sign-price .table th .level1{background-image: url("../img/price-6.jpg");}
- .new-sign-price .table th .level2{background-image: url("../img/price-7.jpg");}
- .new-sign-price .table tr td:first-of-type{font-weight: 600;}
- .new-sign-price .table tr:last-of-type td{border-bottom: 1px solid #ddd;}
- /*.new-publish-price{margin-bottom: 60px;}*/
- .new-publish-price .tab{width: 490px; height: 40px; line-height: 40px; margin: 40px auto;}
- .new-publish-price .tab li{float: left; text-align: center; width: 50%; color: #333; cursor: pointer; border: 1px solid #e5e5e5;}
- .new-publish-price .tab li:first-of-type{border-radius: 20px 0 0 20px; border-right-color: transparent;}
- .new-publish-price .tab li:last-of-type{border-left-color: transparent; border-radius: 0 20px 20px 0;}
- .new-publish-price .tab li.active{background-color: #157df1; border-color: #157df1; color: #fff;}
- /*.new-publish-price .tab li:first-of-type.active{border-radius: 25px 0 0 25px;}*/
- /*.new-publish-price .tab li:last-of-type.active{border-radius:0 25px 25px 0;}*/
- .new-publish-price .tab-con>div{display: none;}
- .new-publish-price .tab-con .con-wrap{padding: 0 70px;}
- .new-publish-price .tab-con h1{text-align: center; color: #157df1; margin-bottom: 20px;}
- .new-publish-price .tab-con .big-package h1{color: #fd9817;}
- .new-publish-price .tab-con .p1{text-align: center; font-size: 16px; color: #666; margin-bottom: 35px;}
- .new-publish-price .tab-con .con{border: 1px solid #e5e5e5; padding-bottom: 40px; position: relative;}
- .new-publish-price .tab-con .con:hover{box-shadow: 0 3px 10px rgba(21,125,241,.2);}
- .new-publish-price .tab-con .big-package .con:hover{box-shadow: 0 3px 10px rgba(253,152,23,.2);}
- .new-publish-price .tab-con .gradient{height: 8px;}
- .new-publish-price .tab-con .gradient1{background: linear-gradient(to right, #5caafd, #57d4f8);}
- .new-publish-price .tab-con .gradient2{background: linear-gradient(to right, #507dfb, #5598fa);}
- .new-publish-price .tab-con .gradient3{background: linear-gradient(to right, #5958d9, #8e1fe5);}
- .new-publish-price .tab-con .big-package .gradient1{background: linear-gradient(to right, #fea63f, #ffcd35);}
- .new-publish-price .tab-con .big-package .gradient2{background: linear-gradient(to right, #fc853e, #fe9f30);}
- .new-publish-price .tab-con .big-package .gradient3{background: linear-gradient(to right, #fc7738, #ff339a);}
- .new-publish-price .tab-con .downloads{text-align: center; padding: 35px 0 30px;}
- .new-publish-price .tab-con .downloads .text{color: #666; font-size: 16px;}
- .new-publish-price .tab-con .downloads .num{color: #333; font-size: 50px;}
- .new-publish-price .tab-con .downloads .num span{font-size: 16px;}
- .new-publish-price .tab-con .con .recommended{position: absolute; top: 0; right: 0; display: none;}
- .new-publish-price .tab-con .instructions{padding: 0 30px;}
- .new-publish-price .tab-con .instructions dl{border-top: 1px solid #e5e5e5; text-align: left; color: #666; padding-top: 25px; height: 195px;}
- .new-publish-price .tab-con .instructions dl dd{margin: 10px 0; color: #666;}
- .new-publish-price .tab-con .instructions dl dd .icon-gou{color: #5cb4f6;}
- .new-publish-price .tab-con .big-package .instructions dl dd .icon-gou{color: #fd9817;}
- .new-publish-price .tab-con .instructions dl dd .icon-gou{margin-right: 10px; font-size: 14px;}
- .new-publish-price .tab-con .instructions dl dd .icon-prompt{position: relative; margin-left: 5px; top: -3px; cursor: pointer;}
- .new-publish-price .tab-con .p-price{font-size: 16px; color: #157df1; text-align: center; margin-bottom: 25px;}
- .new-publish-price .tab-con .big-package .p-price{color: #fd9817;}
- .new-publish-price .tab-con .p-price span{font-size: 40px;}
- .new-publish-price .tab-con .p-pay{text-align: center;}
- .new-publish-price .tab-con .p-pay .btn-buy{padding: 10px 12px; width: 120px;}
- .new-publish-price .tab-con .big-package .p-pay .btn-buy{color: #fd9817; border: 1px solid #fd9817;}
- .new-publish-price .tab-con .big-package .p-pay .btn-buy:hover{color: #fff; border: 1px solid #fd9817; background-color: #fd9817;}
- .new-price-meal{padding: 20px 0 25px;}
- .new-price-meal>h1{color: #157df1; margin-bottom: 15px; text-align: center;}
- .new-price-meal>p{color: #666; font-size: 16px; margin-bottom: 20px; text-align: center;}
- .new-price-meal .new-price-btn{margin-bottom: 50px;}
- .new-price-meal .table{table-layout: fixed; box-shadow: 0 0 10px rgba(0,0,0,.1);}
- .new-price-meal .table th{text-align: center; height: 50px; color: #333; border-top: none; position: relative; vertical-align: middle; border-left: 1px solid #ddd; font-weight: 600; font-size: 15px; background-color: #f5f6f7;}
- .new-price-meal .table td{text-align: center; border: 1px solid #ddd; height: 50px; color: #333; vertical-align: middle;}
- .new-price-meal .table th:first-of-type{border-left-color: transparent;}
- .new-price-meal .table th:last-of-type{border-right-color: transparent;}
- .new-price-meal .table td:first-of-type{border-left-color: transparent;}
- .new-price-meal .table td:last-of-type{border-right-color: transparent;}
- .new-price-meal .table tr:last-of-type td{border-bottom: none;}
- .new-price-meal .table tr:nth-of-type(odd) td{background-color: transparent;}
- .new-price-meal .table .recommend-wrap1{position: relative;}
- .new-price-meal .table .recommend-wrap1 .recommended{position: absolute; top: -9px; background: url("../img/price-tip1.png") no-repeat; width: 32px; height: 22px; color: #fff; font-size: 12px; line-height: 20px; background-size: contain; font-weight: normal;}
- .new-pack-meal .table .recommend-wrap1 .recommended{background: url("../img/price-tip2.png") no-repeat; width: 60px; height: 22px; background-size: contain; font-size: 12px; line-height: 22px; font-weight: normal;}
- .new-price-meal .table td .num{font-size: 18px;}
- .new-price-meal .help{padding: 0;}
- .new-price-meal .help>h1{color: #157df1; text-align: center; margin-bottom: 50px;}
- /*----------/新价格页----------*/
- /*----------SDK----------*/
- .sdk-banner-wrap{background: url("../img/sdk-banner.jpg") no-repeat center; height: 200px;}
- .sdk-banner{padding-top: 60px;}
- .sdk-banner h1{color: #fff; font-size: 30px; text-align: center; line-height: 40px; font-weight: normal;}
- .sdk-common{padding: 70px 0;}
- .sdk-common>h1{color: #157df1; text-align: center; margin-bottom: 20px; font-weight: normal;}
- .sdk-common>h3{color: #666; font-size: 16px; text-align: center; margin-bottom: 50px; font-weight: normal;}
- .sdk-system .list .con{text-align: center;}
- .sdk-system .list .con1{border-right: 1px solid #e5e5e5;}
- .sdk-system .list .con img{margin: 0 auto 20px;}
- .sdk-system .list .con>h3{text-align: center; color: #333; margin-bottom: 15px; font-weight: normal;}
- .sdk-system .list .con .s-btn{width: 165px; padding: 0; height: 46px; line-height: 46px; border-radius: 30px; display: block; margin: 0 auto; font-size: 18px; margin-bottom: 15px;}
- .sdk-system .list .con .s-btn2{background-color: #13c960; color: #fff;}
- .sdk-system .list .con .s-btn2:hover{background-color: #72dd9f;}
- .sdk-system .list .con .instructions{color: #666; font-size: 18px;}
- .sdk-system .list .con .instructions1:hover{color: #157df1; text-decoration: underline;}
- .sdk-system .list .con .instructions2:hover{color: #13c960; text-decoration: underline;}
- .sdk-solve .ms-thumbnail .img-wrap{height: 190px; margin-bottom: 20px;}
- .sdk-statistical{padding: 70px 0;}
- .sdk-statistical .ms-thumbnail .img-wrap{height: 155px; display: flex; align-items: flex-end;}
- .sdk-statistical .ms-thumbnail .tit{margin-bottom: 0;}
- .sdk-help>h1{text-align: center; color: #157df1; margin-bottom: 50px; font-weight: normal;}
- /*----------/SDK----------*/
- /*----------免责声明----------*/
- .disclaimer{padding: 75px 60px; min-height: 580px;}
- .disclaimer h1{text-align: center; color: #333; margin-bottom: 50px;}
- .disclaimer p{line-height: 1.8; color: #333; font-size: 16px; margin-bottom: 35px;}
- /*----------/免责声明----------*/
- /*----------推广大使----------*/
- /*2019/4/1日改版*/
- .ambassador-common{padding: 70px 0;}
- .ambassador-common .h1{color: #333; text-align: center; margin-bottom: 20px;}
- .ambassador-common .h5{font-size: 16px; text-align: center; margin-bottom: 45px; line-height: 24px;}
- .ambassador-banner-wrap{background: url("../img/tt-0.jpg?20190401") no-repeat center; height: 430px; display: block; padding-top: 110px;}
- .ambassador-banner{color: #fff; padding-left: 40px;}
- .ambassador-banner .h1{font-weight: 600; margin-bottom: 15px; text-shadow: 2px 2px 0 #0b58b6;}
- .ambassador-banner .h1 span{color: #ffe401; font-size: 44px;}
- .ambassador-banner p{font-size: 18px; margin-bottom: 25px;}
- .ambassador-banner .b-btn{color: #157df1; width: 100px; padding: 9px; background-color: #fff; font-size: 16px;}
- .ambassador-join .ms-thumbnail .ms-caption p{height: 60px;}
- .ambassador-service-wrap{background: url("../img/ttt-banner.jpg?2019") no-repeat center;}
- .ambassador-service .h1{color: #fff;}
- .ambassador-service .h5{color: #fff;}
- .ambassador-service .ms-thumbnail{background-color: #fff; padding: 40px 0;}
- .ambassador-service .ms-thumbnail .ms-caption p{height: 40px;}
- /*.promote-process-wrap{background-color: #ecf4fd;}*/
- .promote-process .h1{margin-bottom: 60px;}
- .promote-process ul li{float: left; height: 220px; padding-top: 30px;}
- .promote-process ul li:nth-child(even){width: 60px; background: url("../img/tt-8.png") no-repeat center;}
- .promote-process ul li:nth-child(odd){width: calc((100% - 180px) / 4); background-color: #fff; box-shadow: 0 0 10px rgba(18,112,246,.2);}
- .promote-process .ms-thumbnail .ms-caption{padding: 0 20px;}
- .promote-process .ms-thumbnail .ms-caption .tit{font-size: 16px; margin-bottom: 10px;}
- .promote-process .ms-thumbnail .ms-caption .tit img{margin-bottom: 0; vertical-align: text-bottom; display: inline-block;}
- /*.promote-process .ms-thumbnail .ms-caption .tit img{float: left;}*/
- .ambassador-help .tit{color: #333;}
- .join-ambassador{background: url("../img/tt-9.jpg") no-repeat center; height: 200px; display: block; text-align: center; padding-top: 55px;}
- .join-ambassador .h1{font-weight: 600; margin-bottom: 25px; color: #fff; letter-spacing: 10px;}
- .join-ambassador .h1 span{margin: 0 20px;}
- .join-ambassador .ms-btn{width: 110px; font-size: 16px; border: 1px solid #fff; color: #fff;}
- /*----------/推广大使----------*/
- /*右侧悬停*/
- .fixed-right{position: fixed; right: 0; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); z-index: 999;/* display: none;*/}
- .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;}
- .fixed-right li+li{border-top: transparent;}
- .fixed-right li .iconfont{color: #999;}
- .fixed-right li .icon-qq{font-size: 30px;}
- .fixed-right li .icon-weixin1{font-size: 25px;}
- .fixed-right li .icon-go-top{font-size: 36px;}
- .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;}
- .fixed-right li:hover .wechat{display: block;}
- .fixed-right li:hover .iconfont{color: #303659;}
- .fixed-right li.qiye .hover-hidden{display: block;}
- .fixed-right li.qiye .hover-show{display: none;}
- .fixed-right li.qiye:hover .hover-hidden{display: none;}
- .fixed-right li.qiye:hover .hover-show{display: block;}
- .fixed-right-guest-wrap{ display: none; position: absolute; left: -220px; top: -70%; width: 220px;}
- .fixed-right-guest{ width: 200px; background-color: #FFF; box-shadow: 0 0 10px rgba(0,0,0,.1);}
- .fixed-right-guest:after{
- position: absolute;
- content: '';
- right: 8px;
- top: 42%;
- border-left: 12px solid #FFF;
- border-bottom: 12px solid transparent;
- border-top: 12px solid transparent;
- }
- .fixed-right li.guest:hover .fixed-right-guest-wrap{ display: block;}
- .fixed-right li .wechat img{width: 115px; height: 115px;}
- .fixed-right-guest .wx_qrcode{width: 100px; height: 100px; margin-top: 10px; }
- .fixed-right-guest .item{ padding: 15px 20px;}
- .fixed-right-guest .item:hover{background-color: #e6edf8;}
- .fixed-right-guest .text {margin-left: 10px;}
- .fixed-right-guest .text .title{font-size: 16px; color: #303659; line-height: 1; margin-bottom: 3px; }
- .fixed-right-guest .text .s-title{font-size: 12px; color:#999;}
- .fixed-right .go-top{display: none;}
- /*/右侧悬停*/
- /*弹窗*/
- /*
- .ms-modal .modal-body{padding: 30px;}
- .ms-modal .modal-title{color: #333; text-align: center; font-weight: 600; font-size: 16px;}
- .ms-modal .modal-header{border-bottom: none; padding: 25px 15px 0;}
- */
- /*模板页弹窗提示*/
- #templateModal .modal-content{background-color: #fffeff;}
- #templateModal .modal-body{padding: 0;}
- #templateModal .template-modal{padding-bottom: 30px;}
- #templateModal .m-top{background: no-repeat center; height: 130px; background-size: cover; padding-top: 25px; border-radius: 6px 6px 0 0;}
- #templateModal .m-top .title1{color: #fff; font-size: 40px; text-align: center; font-weight: 600;}
- #templateModal .m-top .title2{color: #fff; font-size: 16px; font-weight: 600; text-align: center; padding: 0 15px;}
- #templateModal .m-top .title2 span{font-size: 20px;}
- #templateModal .modal-p{color: #333; padding: 20px 30px;}
- #templateModal .modal-btn{display: block; width: calc(100% - 60px); margin: 0 30px; border-radius: 20px; box-shadow: 0 5px 10px rgba(21,125,241,.4); cursor: pointer;}
- #templateModal .modal-btn1{background-color: #fd6835; border-color: #fd6835; box-shadow: 0 5px 10px rgba(253,104,53,.4);}
- #templateModal .modal-btn2{background-color: #5342ff; border-color: #5342ff; box-shadow: 0 5px 10px rgba(83,66,255,.3);}
- /*/模板页弹窗提示*/
- /*通用弹窗*/
- /*#generalModal{padding-right: 0 !important;}*/
- #generalModal .title{margin-bottom: 5px;}
- #generalModal .modal-p{margin-bottom: 15px;}
- #generalModal .cancel-btn{margin-right: 10px;}
- #generalModal .cancel-btn:empty{display: none;}
- #generalModal .success-btn:empty{display: none;}
- #generalModal .title:empty{display: none;}
- #generalModal .modal-p:empty{display: none;}
- /*/通用弹窗*/
- #myModalPay .modal-header{border-bottom: 1px solid #e5e5e5; padding: 15px;}
- /*超出文件大小300m*/
- .beyond-file p{line-height: 24px; margin-top: 15px;}
- .beyond-file p a{color: #157df1;}
- .beyond-file .ms-btn-primary{width: 90px; margin-top: 15px;}
- /*我的应用 合并应用*/
- .ms-modal .app-list{height: 380px; overflow-y: auto;}
- .ms-modal .app-list li{float: left; width: 25%; padding: 0 10px 30px; text-align: center; cursor: pointer;}
- .ms-modal .app-list li .img-wrap{position: relative; width: 51px; height: 51px; margin: 0 auto; overflow: hidden;}
- .ms-modal .app-list li img{width: 51px; border-radius: 15px; border: 1px solid #e5e5e5;}
- .ms-modal .app-list li .tit{color: #333; margin-top: 5px;}
- .ms-modal .app-list li p{color: #666;}
- .ms-modal .app-list li .img-wrap .shadow{position: absolute; left: 0; top: 0; background-color: rgba(0,0,0,.6); width: 100%; height: 100%; display: none;}
- .ms-modal .app-list li.active .img-wrap .shadow{display: block;}
- .ms-modal .app-list li .img-wrap .shadow .icon-gou{color: #fff; font-size: 18px; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%);}
- /*我的应用 确定合并应用*/
- .marge-common .merge-app{padding: 0 70px;}
- .marge-common .merge-app li{float: left; width: 33.33333%; text-align: center;}
- .marge-common .merge-app li.center{background: url("../img/icon-20.png") no-repeat center; height: 110px;}
- .marge-common .merge-app li img{width: 100px; height: 100px; border-radius: 12px}
- .marge-common .merge-app li .icon{position: relative; top: 2px;}
- .marge-common dl.bottom{font-size: 12px; color: #333; border-top: 1px solid #e5e5e5; padding-top: 20px; margin-top: 25px;}
- .marge-common dl.bottom dt{color: #333; font-weight: 600; margin-bottom: 5px;}
- /*下载更多尺寸*/
- #myModal3 .modal-dialog{width: 400px;}
- #myModal3 .modal-content .size-list{padding-left: 50px; padding-right: 50px;}
- #myModal3 .modal-title{text-align: left;}
- #myModal3 .size-list dl{margin-bottom: 15px;}
- #myModal3 .size-list dt{color: #333; margin-top: 6px;}
- #myModal3 .size-list .iconfont{color: #157df1; font-size: 20px;}
- /*#myModal3 .size-list .iconfont:hover{color: #157df1;}*/
- #UDIDModal .modal-dialog{width: 400px;}
- #UDIDModal .modal-title{text-align: left;}
- #UDIDModal .UDID{color: #333; max-height: 200px; overflow-y: auto;}
- #UDIDModal .UDID li{line-height: 24px;}
- /*自动消失弹窗*/
- .auto-hide-modal .modal-content{background-color: transparent; box-shadow: none; border: none;}
- .auto-hide-modal .auto-hide{background-color: #666; padding: 20px 25px; border-radius: 5px; display: inline-block; color: #fff;}
- /*/自动消失弹窗*/
- /*修改手机号弹窗*/
- .change-phone-num{padding: 0 20px 20px 20px;}
- .change-phone-num label{color: #333; margin-bottom: 5px; font-weight: 600;}
- .change-phone-num .form-control{color: #333;}
- /*/修改手机号弹窗*/
- /*用户签名协议弹窗*/
- #myModal5 .modal-body{padding-top: 20px;}
- #myModal5 .con{line-height: 24px; max-height: 350px; overflow-y: auto;}
- /*/用户签名协议弹窗*/
- /*封装打包弹窗*/
- #myModal6 .packaging{margin-top: 70px;}
- #myModal6 .progress{height: 12px; border-radius: 6px; width: 94%;}
- #myModal6 .progress-bar{background-color: #2e90fc;}
- #myModal6 .progress-wrap .fr{margin-top: -4px;}
- #myModal6 .packaging p{margin-top: 80px; font-size: 12px;}
- /*/封装打包弹窗*/
- /*举报弹窗*/
- #reportModal .report .tit{font-size: 16px; color: #333; text-align: center; font-weight: 600; margin-bottom: 20px;}
- #reportModal .report p{color: #666; font-size: 12px; line-height: 24px; padding-bottom: 15px; margin-bottom: 15px; border-bottom: 1px solid #e5e5e5;}
- #reportModal .report label{font-weight: 600; color: #333; margin-bottom: 5px;}
- #reportModal .report label span{color: #ff4222; margin-left: 10px;}
- #reportModal .report ul{margin-top: 5px;}
- #reportModal .report ul li{float: left; margin-right: 35px; color: #333; cursor: pointer;}
- #reportModal .report ul li span{position: relative; top: 3px; margin-right: 5px;}
- #reportModal .report .btn-bottom{text-align: center; margin-top: 40px;}
- #reportModal .report .btn-bottom .ms-btn-primary{width: 120px; padding: 9px 12px;}
- #reportModal .report .form-error{position: relative;}
- #reportModal .report .error{position: absolute; top: 100%; left: 0; display: none; color: #ff4222;}
- #reportModal .report .form-error .error{display: block;}
- /*/举报弹窗*/
- /*发票弹窗*/
- #invoiceModal .user-center1 .invoice-management .make-invoice-details{border: none; height: auto; padding: 0;}
- #invoiceModal .user-center1 .invoice-management .make-invoice-details .color-hover{padding-left: 0;}
- /*/发票弹窗*/
- /*删除APP弹窗*/
- #deleteAppModal .modal-dialog{width: 470px;}
- #deleteAppModal .modal-body{position: relative; padding: 30px 20px;}
- #deleteAppModal .modal-body .delete-prompt{}
- #deleteAppModal .modal-body .title{margin: 0 0 5px;}
- #deleteAppModal .modal-body .modal-p{font-size: 12px; color: #fd641d; margin-bottom: 15px;}
- #deleteAppModal .modal-body .form-horizontal{margin-bottom: 15px;}
- #deleteAppModal .modal-body .form-group{margin: 0 -5px 5px;}
- #deleteAppModal .modal-body .col-sm-3, #deleteAppModal .modal-body .col-sm-8{padding: 0 5px;}
- #deleteAppModal .modal-body .col-sm-3{padding-top: 5px; color: #333;}
- #deleteAppModal .modal-body .form-group .form-control{height: 30px;}
- #deleteAppModal .modal-body .form-group .error{display: none;}
- #deleteAppModal .modal-body .cancel-btn{margin-right: 30px;}
- /*/删除APP弹窗*/
- /*/弹窗*/
- /*兼容平板*/
- @media (min-width: 768px) and (max-width: 1199px) {
- .footer .left dl{margin-right: 70px;}
- .publicity li{padding: 35px 20px; height: auto;}
- .publicity li p{height: 72px;}
- }
- @media (width: 768px) {
- .footer>.clearfix>a{display: none;}
- .publicity li p{height: 96px;}
- .closed-beta-distribution .con .con-c{padding-bottom: 25px;}
- .closed-beta-distribution .con .con-c h4{font-size: 16px;}
- .closed-beta-distribution .con .con-c p{margin-top: 15px; height: 72px; padding: 0 10px;}
- }
- .ms-badge {
- background-color: #fd0000;
- width: 30px;
- height: 18px;
- line-height: 16px;
- display: inline-block;
- color: #fff;
- border-radius: 80%;
- font-size: 12px;
- text-align: center;
- position: relative;
- top: -15px;
- left: 0;
- }
|