shouye.css 241 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775776777778779780781782783784785786787788789790791792793794795796797798799800801802803804805806807808809810811812813814815816817818819820821822823824825826827828829830831832833834835836837838839840841842843844845846847848849850851852853854855856857858859860861862863864865866867868869870871872873874875876877878879880881882883884885886887888889890891892893894895896897898899900901902903904905906907908909910911912913914915916917918919920921922923924925926927928929930931932933934935936937938939940941942943944945946947948949950951952953954955956957958959960961962963964965966967968969970971972973974975976977978979980981982983984985986987988989990991992993994995996997998999100010011002100310041005100610071008100910101011101210131014101510161017101810191020102110221023102410251026102710281029103010311032103310341035103610371038103910401041104210431044104510461047104810491050105110521053105410551056105710581059106010611062106310641065106610671068106910701071107210731074107510761077107810791080108110821083108410851086108710881089109010911092109310941095109610971098109911001101110211031104110511061107110811091110111111121113111411151116111711181119112011211122112311241125112611271128112911301131113211331134113511361137113811391140114111421143114411451146114711481149115011511152115311541155115611571158115911601161116211631164116511661167116811691170117111721173117411751176117711781179118011811182118311841185118611871188118911901191119211931194119511961197119811991200120112021203120412051206120712081209121012111212121312141215121612171218121912201221122212231224122512261227122812291230123112321233123412351236123712381239124012411242124312441245124612471248124912501251125212531254125512561257125812591260126112621263126412651266126712681269127012711272127312741275127612771278127912801281128212831284128512861287128812891290129112921293129412951296129712981299130013011302130313041305130613071308130913101311131213131314131513161317131813191320132113221323132413251326132713281329133013311332133313341335133613371338133913401341134213431344134513461347134813491350135113521353135413551356135713581359136013611362136313641365136613671368136913701371137213731374137513761377137813791380138113821383138413851386138713881389139013911392139313941395139613971398139914001401140214031404140514061407140814091410141114121413141414151416141714181419142014211422142314241425142614271428142914301431143214331434143514361437143814391440144114421443144414451446144714481449145014511452145314541455145614571458145914601461146214631464146514661467146814691470147114721473147414751476147714781479148014811482148314841485148614871488148914901491149214931494149514961497149814991500150115021503150415051506150715081509151015111512151315141515151615171518151915201521152215231524152515261527152815291530153115321533153415351536153715381539154015411542154315441545154615471548154915501551155215531554155515561557155815591560156115621563156415651566156715681569157015711572157315741575157615771578157915801581158215831584158515861587158815891590159115921593159415951596159715981599160016011602160316041605160616071608160916101611161216131614161516161617161816191620162116221623162416251626162716281629163016311632163316341635163616371638163916401641164216431644164516461647164816491650165116521653165416551656165716581659166016611662166316641665166616671668166916701671167216731674167516761677167816791680168116821683168416851686168716881689169016911692169316941695169616971698169917001701170217031704170517061707170817091710171117121713171417151716171717181719172017211722172317241725172617271728172917301731173217331734173517361737173817391740174117421743174417451746174717481749175017511752175317541755175617571758175917601761176217631764176517661767176817691770177117721773177417751776177717781779178017811782178317841785178617871788178917901791179217931794179517961797179817991800180118021803180418051806180718081809181018111812181318141815181618171818181918201821182218231824182518261827182818291830183118321833183418351836183718381839184018411842184318441845184618471848184918501851185218531854185518561857185818591860186118621863186418651866186718681869187018711872187318741875187618771878187918801881188218831884188518861887188818891890189118921893189418951896189718981899190019011902190319041905190619071908190919101911191219131914191519161917191819191920192119221923192419251926192719281929193019311932193319341935193619371938193919401941194219431944194519461947194819491950195119521953195419551956195719581959196019611962196319641965196619671968196919701971197219731974197519761977197819791980198119821983198419851986198719881989199019911992199319941995199619971998199920002001200220032004200520062007200820092010201120122013201420152016201720182019202020212022202320242025202620272028202920302031203220332034203520362037203820392040204120422043204420452046204720482049205020512052205320542055205620572058205920602061206220632064206520662067206820692070207120722073207420752076207720782079208020812082208320842085208620872088208920902091209220932094209520962097209820992100210121022103210421052106210721082109211021112112211321142115211621172118211921202121212221232124212521262127212821292130213121322133213421352136213721382139214021412142214321442145214621472148214921502151215221532154215521562157215821592160216121622163216421652166216721682169217021712172217321742175217621772178217921802181218221832184218521862187218821892190219121922193219421952196219721982199220022012202220322042205220622072208220922102211221222132214221522162217221822192220222122222223222422252226222722282229223022312232223322342235223622372238223922402241224222432244224522462247224822492250225122522253225422552256225722582259226022612262226322642265226622672268226922702271227222732274227522762277227822792280228122822283228422852286228722882289229022912292229322942295229622972298229923002301230223032304230523062307230823092310231123122313231423152316231723182319232023212322232323242325232623272328232923302331233223332334233523362337233823392340234123422343234423452346234723482349235023512352235323542355235623572358235923602361236223632364236523662367236823692370237123722373237423752376237723782379238023812382238323842385238623872388238923902391239223932394239523962397239823992400240124022403240424052406240724082409241024112412241324142415241624172418241924202421242224232424242524262427242824292430243124322433243424352436243724382439244024412442244324442445244624472448244924502451245224532454245524562457245824592460246124622463246424652466246724682469247024712472247324742475247624772478247924802481248224832484248524862487248824892490249124922493249424952496249724982499250025012502250325042505250625072508250925102511251225132514251525162517251825192520252125222523252425252526252725282529253025312532253325342535253625372538253925402541254225432544254525462547254825492550255125522553255425552556255725582559256025612562256325642565256625672568256925702571257225732574257525762577257825792580258125822583258425852586258725882589259025912592259325942595259625972598259926002601260226032604260526062607260826092610261126122613261426152616261726182619262026212622262326242625262626272628262926302631263226332634263526362637263826392640264126422643264426452646264726482649265026512652265326542655265626572658265926602661266226632664266526662667266826692670267126722673267426752676267726782679268026812682268326842685268626872688268926902691269226932694269526962697269826992700270127022703270427052706270727082709271027112712271327142715271627172718271927202721272227232724272527262727272827292730273127322733273427352736273727382739274027412742274327442745274627472748274927502751275227532754275527562757275827592760276127622763276427652766276727682769277027712772277327742775277627772778277927802781278227832784278527862787278827892790279127922793279427952796279727982799280028012802280328042805280628072808280928102811281228132814281528162817281828192820282128222823282428252826282728282829283028312832283328342835283628372838283928402841284228432844284528462847284828492850285128522853285428552856285728582859286028612862286328642865286628672868286928702871287228732874287528762877287828792880288128822883288428852886288728882889289028912892289328942895289628972898289929002901290229032904290529062907290829092910291129122913291429152916291729182919292029212922292329242925292629272928292929302931293229332934293529362937293829392940294129422943294429452946294729482949295029512952295329542955295629572958295929602961296229632964296529662967296829692970297129722973297429752976297729782979298029812982298329842985298629872988298929902991299229932994299529962997299829993000300130023003300430053006300730083009301030113012301330143015301630173018301930203021302230233024302530263027302830293030303130323033303430353036303730383039304030413042304330443045304630473048304930503051305230533054305530563057305830593060306130623063306430653066306730683069307030713072307330743075307630773078307930803081308230833084308530863087308830893090309130923093309430953096309730983099310031013102310331043105310631073108310931103111311231133114311531163117311831193120312131223123312431253126312731283129313031313132313331343135313631373138313931403141314231433144314531463147314831493150315131523153315431553156315731583159316031613162316331643165316631673168316931703171317231733174317531763177317831793180318131823183318431853186318731883189319031913192319331943195319631973198319932003201320232033204320532063207320832093210321132123213321432153216321732183219322032213222322332243225322632273228322932303231323232333234323532363237323832393240324132423243324432453246324732483249325032513252325332543255325632573258325932603261326232633264326532663267326832693270327132723273327432753276327732783279328032813282328332843285328632873288328932903291329232933294329532963297329832993300330133023303330433053306330733083309331033113312331333143315331633173318331933203321332233233324332533263327332833293330333133323333333433353336333733383339334033413342334333443345334633473348334933503351335233533354335533563357335833593360336133623363336433653366336733683369337033713372337333743375337633773378337933803381338233833384338533863387338833893390339133923393339433953396339733983399340034013402340334043405340634073408340934103411341234133414341534163417341834193420342134223423342434253426342734283429343034313432343334343435343634373438343934403441344234433444344534463447344834493450345134523453345434553456345734583459346034613462346334643465346634673468346934703471347234733474347534763477347834793480348134823483348434853486348734883489349034913492349334943495349634973498349935003501350235033504350535063507350835093510351135123513351435153516351735183519352035213522352335243525352635273528352935303531353235333534353535363537353835393540354135423543354435453546354735483549355035513552355335543555355635573558355935603561356235633564356535663567356835693570357135723573357435753576357735783579358035813582358335843585358635873588358935903591359235933594359535963597359835993600360136023603360436053606360736083609361036113612361336143615361636173618361936203621362236233624362536263627362836293630363136323633363436353636363736383639364036413642364336443645364636473648364936503651365236533654365536563657365836593660366136623663366436653666366736683669367036713672367336743675367636773678367936803681368236833684368536863687368836893690369136923693369436953696369736983699370037013702370337043705370637073708370937103711371237133714371537163717371837193720372137223723372437253726372737283729373037313732373337343735373637373738373937403741374237433744374537463747374837493750375137523753375437553756375737583759376037613762376337643765376637673768376937703771377237733774377537763777377837793780378137823783378437853786378737883789379037913792379337943795379637973798379938003801380238033804380538063807380838093810381138123813381438153816381738183819382038213822382338243825382638273828382938303831383238333834383538363837383838393840384138423843384438453846384738483849385038513852385338543855385638573858385938603861386238633864386538663867386838693870387138723873387438753876387738783879388038813882388338843885388638873888388938903891389238933894389538963897389838993900390139023903390439053906390739083909391039113912391339143915391639173918391939203921392239233924392539263927392839293930393139323933393439353936393739383939394039413942394339443945394639473948394939503951395239533954395539563957395839593960396139623963396439653966396739683969397039713972397339743975397639773978397939803981398239833984398539863987398839893990399139923993399439953996399739983999400040014002400340044005400640074008400940104011401240134014401540164017401840194020402140224023402440254026402740284029403040314032403340344035403640374038403940404041404240434044404540464047404840494050405140524053405440554056405740584059406040614062406340644065406640674068406940704071407240734074407540764077407840794080408140824083408440854086408740884089409040914092409340944095409640974098409941004101410241034104410541064107410841094110411141124113411441154116411741184119412041214122412341244125412641274128412941304131413241334134413541364137413841394140414141424143414441454146414741484149415041514152415341544155415641574158415941604161416241634164416541664167416841694170417141724173417441754176417741784179418041814182418341844185418641874188418941904191419241934194419541964197419841994200420142024203420442054206420742084209421042114212421342144215421642174218421942204221422242234224422542264227422842294230423142324233423442354236423742384239424042414242424342444245424642474248
  1. @charset "utf-8";
  2. /*根据bootstrap popover框 自定义popover框*/
  3. .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);}
  4. .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);}
  5. .popover1>.arrow{border-width: 11px;}
  6. .popover1>.arrow, .popover1>.arrow:after{position: absolute; display: block; width: 0; height: 0; border-color: transparent; border-style: solid;}
  7. .popover1.bottom>.arrow:after{top: 1px; margin-left: -10px; content: " "; border-top-width: 0; border-bottom-color: #fff;}
  8. .popover1>.arrow:after{content: ""; border-width: 10px;}
  9. .popover1>.arrow, .popover1>.arrow:after{position: absolute; display: block; width: 0; height: 0; border-color: transparent; border-style: solid;}
  10. .ms-badge:empty{display: none;}
  11. /*bootstrap分页*/
  12. .pagination{margin: 30px 0 5px;}
  13. /*缩略图*/
  14. .ms-thumbnail{display: block;}
  15. .ms-thumbnail img{margin: 0 auto 20px; display: block;}
  16. .ms-thumbnail .ms-caption{padding: 0 25px; text-align: center;}
  17. .ms-thumbnail .ms-caption .tit{font-size: 18px; color: #333; margin-bottom: 10px;}
  18. .ms-thumbnail .ms-caption p{color: #848484;}
  19. /*/缩略图*/
  20. /*复制功能*/
  21. .copy{cursor: pointer; margin-left: 5px; color: #157df1;}
  22. /*/复制功能*/
  23. /*上传图标*/
  24. .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;}
  25. .new-upload-icon img{position: absolute; left: 0; top: 0; width: 100%; height: 100%; /*border-radius: 15px;*/ background-color: #fff; /*border: 1px solid #e5e5e5;*/}
  26. .new-upload-icon input[type=file]{position: absolute; z-index: 2; width: 100%; height: 100%; opacity: 0; cursor: pointer;}
  27. .new-upload-icon .text{text-align: center; margin-top: 60px; font-size: 14px; font-weight: 600; color: #999;}
  28. .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;}
  29. .new-upload-icon.uploading .ongoing{display: flex;}
  30. .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;}
  31. .new-upload-icon .reset{display: none;}
  32. .new-upload-icon.uploaded .reset{display: none;}
  33. .new-upload-icon.uploaded:hover .reset{display: block;}
  34. /*上传图标*/
  35. /*上传图片*/
  36. /*上传图片*/
  37. /*输入框搜索*/
  38. .input-search{position: relative;}
  39. .input-search .iconfont{position: absolute; right: 10px; top: 50%; transform: translateY(-50%); font-size: 16px; cursor: pointer; color: #157df1;}
  40. .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;}
  41. .input-search input::-webkit-input-placeholder{color: #666 !important; font-size: 13px;}
  42. .input-search input::-moz-placeholder{color: #666 !important; font-size: 13px;}
  43. .input-search input::-ms-input-placeholder{color: #666 !important; font-size: 13px;}
  44. /*APP iOS Android 下拉*/
  45. header{position: absolute;
  46. left: 0;
  47. right: 0;
  48. z-index: 500;
  49. height: 60px;
  50. box-shadow: none!important;
  51. background: transparent;}
  52. @media (min-width: 1200px) {
  53. .header .ms-nav li>a{padding: 0 10px 5px; border-bottom: 2px solid transparent; color: #fff;}
  54. .header .ms-nav li.active>a{border-bottom: 2px solid #fafcff; color: #fafcff;}
  55. .header .ms-nav li:hover>a{border-bottom: 2px solid #157df1;}
  56. }
  57. @media (min-width: 1200px) {
  58. .index-header .header .ms-nav li>a{padding: 0 10px 5px; border-bottom: none;}
  59. .index-header .header .ms-nav li.active>a{ color: #92c5ff;}
  60. .index-header .header .ms-nav li:hover>a{color: #92c5ff;}
  61. }
  62. .header .login{margin-top: 15px;}
  63. .header .login li{float: left;}
  64. .index-header {position: absolute;
  65. left: 0;
  66. right: 0;
  67. z-index: 500;
  68. height: 60px;box-shadow: none!important; background: transparent;}
  69. .index-header .ms-nav li a { color: #fff;}
  70. .index-header .login-user { color: #fff;}
  71. .index-header .login-in .icon-arrow-bottom { color: #fff;}
  72. .index-header .login-in .notification .icon-msg { color: #fff!important;}
  73. /*增加文档二级导航*/
  74. /*通知中心*/
  75. .header .login-in .notification:hover .n-drop-down{display: block;}
  76. /*/通知中心*/
  77. /*/login-in*/
  78. .paging{text-align: center; margin: 30px 0 5px;}
  79. .paging input[type=text]{width: 34px; display: inline-block; vertical-align: middle;}
  80. .paging .color-333{padding: 6px 0;}
  81. .help{text-align: left; padding: 70px 0 55px;}
  82. .help .tit{font-size: 36px; color: #157df1; text-align: center; margin-bottom: 60px;}
  83. .help dl{margin-bottom: 15px; color: #333;}
  84. .help dt{line-height: 30px; font-weight: 600;}
  85. .help dd{line-height: 30px;}
  86. .help dl .left{float: left;}
  87. .help dl .right{margin-left: 40px; /*width: 75%;*/ display: block;}
  88. .help1{padding: 50px 0 40px;}
  89. .help1 .tit{font-size: 32px; color: #333; margin-bottom: 5px;}
  90. .help1 .blue-line{margin: 0 auto 30px;}
  91. /*----------index-----------*/
  92. /*banner*/
  93. .index-banner { position: relative;}
  94. #stripes,#stripes span {
  95. position: absolute
  96. }
  97. #stripes {
  98. width: 100%;
  99. height: 100%;
  100. overflow: hidden;
  101. -webkit-transform: skewY(-12deg);
  102. transform: skewY(-12deg);
  103. -webkit-transform-origin: 0;
  104. transform-origin: 0;
  105. background: linear-gradient(150deg,#53f 15%,#05d5ff 70%,#a6ffcb 94%)
  106. }
  107. #stripes span {
  108. height: 40px
  109. }
  110. #stripes :first-child {
  111. width: 50%;
  112. left: 50%;
  113. top: 40px;
  114. background: #4c29ff
  115. }
  116. #stripes :nth-child(2) {
  117. width: 14%;
  118. right: 0;
  119. bottom: 40px;
  120. background: #2be7ff
  121. }
  122. #stripes :nth-child(3) {
  123. width: 25%;
  124. bottom: 0;
  125. right: 0;
  126. background: #a1ffc8
  127. }
  128. @media (min-width: 670px) {
  129. #stripes span {
  130. height:150px
  131. }
  132. #stripes :first-child {
  133. top: 0;
  134. background: #4750ff
  135. }
  136. #stripes :nth-child(2) {
  137. width: 16.66667%;
  138. width: calc(100% / 6);
  139. top: 300px;
  140. top: calc(150px * 2);
  141. bottom: auto;
  142. background: #0dcfff
  143. }
  144. #stripes :nth-child(3) {
  145. width: 33.33333%;
  146. width: calc(100% / 3);
  147. right: auto;
  148. background: #11bdff
  149. }
  150. }
  151. @media (min-width: 880px) {
  152. #stripes span {
  153. height:190px
  154. }
  155. #stripes :first-child {
  156. width: 33.33333%;
  157. width: calc(100% / 3);
  158. left: -16.66666%;
  159. left: calc(calc(calc(100% / 3) / 2) * -1);
  160. background: #53f
  161. }
  162. #stripes :nth-child(2) {
  163. width: 33.33333%;
  164. width: calc(100% / 3);
  165. top: 0;
  166. left: 16.66666%;
  167. left: calc(calc(100% / 3) / 2);
  168. right: auto;
  169. background: #4553ff
  170. }
  171. #stripes :nth-child(3) {
  172. width: 33.33333%;
  173. width: calc(100% / 3);
  174. left: 49.99999%;
  175. left: calc(calc(calc(100% / 3) / 2) + calc(100% / 3));
  176. bottom: auto;
  177. background: #4f40ff
  178. }
  179. #stripes :nth-child(4) {
  180. width: 33.33333%;
  181. width: calc(100% / 3);
  182. top: 380px;
  183. top: calc(190px * 2);
  184. right: -16.66666%;
  185. right: calc(calc(calc(100% / 3) / 2) * -1);
  186. background: #25ddf5
  187. }
  188. #stripes :nth-child(5) {
  189. width: 33.33333%;
  190. width: calc(100% / 3);
  191. bottom: 0;
  192. background: #1fa2ff
  193. }
  194. }
  195. #intro {
  196. position: relative
  197. }
  198. @media (min-width: 670px) {
  199. #intro {
  200. display:-webkit-box;
  201. display: -ms-flexbox;
  202. display: flex;
  203. -webkit-box-align: center;
  204. -ms-flex-align: center;
  205. align-items: center;
  206. height: 600px;
  207. height: calc(150px * 4)
  208. }
  209. }
  210. @media (min-width: 880px) {
  211. #intro {
  212. height:760px;
  213. height: calc(190px * 4)
  214. }
  215. }
  216. #intro .container-lg {
  217. padding-top: 70px;
  218. padding-bottom: 100px
  219. }
  220. @media (min-width: 670px) {
  221. #intro .container-lg {
  222. margin-top:-7%;
  223. padding-top: 0;
  224. padding-bottom: 0
  225. }
  226. }
  227. #intro h1 {
  228. font-size: 32px;
  229. font-weight: 400;
  230. color: #fff
  231. }
  232. html[lang=fr] #intro h1 {
  233. max-width: 550px
  234. }
  235. html[lang=it] #intro h1 {
  236. max-width: 500px
  237. }
  238. @media (min-width: 880px) {
  239. #intro h1 {
  240. font-size:40px
  241. }
  242. }
  243. #intro p {
  244. max-width: 500px;
  245. margin-top: 20px;
  246. color: #d9fcff
  247. }
  248. @media (min-width: 670px) {
  249. #intro p {
  250. max-width:60%
  251. }
  252. }
  253. @media (min-width: 880px) {
  254. #intro p {
  255. max-width:50%
  256. }
  257. }
  258. #intro ul {
  259. display: -webkit-box;
  260. display: -ms-flexbox;
  261. display: flex;
  262. margin-top: 40px
  263. }
  264. @media (min-width: 670px) {
  265. #intro ul {
  266. margin-top:65px
  267. }
  268. }
  269. #intro li:first-child a {
  270. margin-right: 23px;
  271. color: #fff;
  272. background: #3ecf8e;
  273. text-shadow: 0 1px 3px rgba(36,180,126,.4)
  274. }
  275. #intro li:first-child svg {
  276. position: relative;
  277. top: 1px;
  278. margin-right: 5px
  279. }
  280. #intro li:last-child {
  281. display: none
  282. }
  283. @media (min-width: 670px) {
  284. #intro li:last-child {
  285. display:block
  286. }
  287. #intro li:last-child a {
  288. color: #7795f8
  289. }
  290. }
  291. #app-illustrations {
  292. pointer-events: none;
  293. position: absolute;
  294. display: -webkit-box;
  295. display: -ms-flexbox;
  296. display: flex;
  297. width: 1287px;
  298. left: 50%;
  299. margin-left: -644px;
  300. -webkit-transform: scale(.5) rotate(-12deg) translateX(50px);
  301. transform: scale(.5) rotate(-12deg) translateX(50px);
  302. -webkit-transform-origin: 50% 20%;
  303. transform-origin: 50% 20%
  304. }
  305. #app-illustrations.hidden-preload {
  306. visibility: hidden
  307. }
  308. #app-illustrations div {
  309. display: -webkit-box;
  310. display: -ms-flexbox;
  311. display: flex;
  312. -webkit-box-pack: center;
  313. -ms-flex-pack: center;
  314. justify-content: center;
  315. -webkit-box-align: center;
  316. -ms-flex-align: center;
  317. align-items: center;
  318. border-radius: 38px;
  319. background: #fff;
  320. -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);
  321. 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)
  322. }
  323. #app-illustrations .tablet-landscape {
  324. width: 512px;
  325. height: 352px;
  326. margin: 115px 50px 0
  327. }
  328. #app-illustrations .phone-big {
  329. display: none
  330. }
  331. #app-illustrations .phone-small {
  332. -webkit-box-ordinal-group: 0;
  333. -ms-flex-order: -1;
  334. order: -1;
  335. width: 225px;
  336. height: 467px
  337. }
  338. #app-illustrations .tablet-portrait {
  339. width: 450px;
  340. height: 675px;
  341. margin-top: 115px
  342. }
  343. @media (min-width: 670px) {
  344. #app-illustrations {
  345. -ms-flex-wrap:wrap;
  346. flex-wrap: wrap;
  347. width: 512px;
  348. margin-left: -50px;
  349. top: 215px;
  350. -webkit-transform-origin: 100% 0;
  351. transform-origin: 100% 0;
  352. -webkit-transform: scale(.8) rotate(-12deg);
  353. transform: scale(.8) rotate(-12deg);
  354. }
  355. #app-illustrations.hidden-preload {
  356. visibility: visible
  357. }
  358. #app-illustrations [class^=tablet] {
  359. margin: 0
  360. }
  361. #app-illustrations .tablet-landscape {
  362. width: 512px;
  363. height: 352px
  364. }
  365. #app-illustrations .phone-small {
  366. width: 225px;
  367. height: 467px;
  368. margin: 0 0 50px 176px
  369. }
  370. #app-illustrations .tablet-portrait {
  371. display: none
  372. }
  373. }
  374. @media (min-width: 880px) {
  375. #app-illustrations {
  376. margin-left: -10px;
  377. top: 20px;
  378. -webkit-transform: scale(1) rotate(-12deg);
  379. transform: scale(1) rotate(-12deg);
  380. }
  381. #app-illustrations .tablet-landscape {
  382. -ms-flex-item-align: end;
  383. align-self: flex-end;
  384. margin-right: 50px
  385. }
  386. #app-illustrations .phone-big {
  387. display: -webkit-box;
  388. display: -ms-flexbox;
  389. display: flex;
  390. margin-left: 100px;
  391. width: 267px;
  392. height: 553px
  393. }
  394. #app-illustrations .phone-small {
  395. -webkit-box-ordinal-group: 1;
  396. -ms-flex-order: 0;
  397. order: 0;
  398. margin: 50px 50px 0 0
  399. }
  400. #app-illustrations .tablet-portrait {
  401. display: -webkit-box;
  402. display: -ms-flexbox;
  403. display: flex;
  404. width: 450px;
  405. height: 675px;
  406. margin-top: 50px
  407. }
  408. }
  409. @media (max-width: 670px) {
  410. #app-illustrations {
  411. -webkit-transform: scale(0.5) rotate(-12deg);
  412. transform: scale(0.5) rotate(-12deg);
  413. -webkit-transform-origin: 50% 144%;
  414. transform-origin: 94% -144%;
  415. }
  416. }
  417. .announcement {
  418. display: -webkit-inline-box;
  419. display: -ms-inline-flexbox;
  420. display: inline-flex;
  421. -webkit-box-align: center;
  422. -ms-flex-align: center;
  423. align-items: center;
  424. width: calc(100% + 40px);
  425. width: calc(100% + 20px * 2);
  426. padding: 10px 20px;
  427. margin: 0 0 30px -20px;
  428. margin: 0 0 30px calc(20px * -1);
  429. font-size: 14px;
  430. line-height: 17px;
  431. font-weight: 500;
  432. color: #fff;
  433. text-decoration: none;
  434. background: rgba(0,0,140,.08)
  435. }
  436. .keyboard-navigation .announcement:focus {
  437. -webkit-box-shadow: 0 0 0 1.5px hsla(0,0%,100%,.75);
  438. box-shadow: 0 0 0 1.5px hsla(0,0%,100%,.75)
  439. }
  440. .announcement .message {
  441. -webkit-box-flex: 1;
  442. -ms-flex: 1;
  443. flex: 1;
  444. margin: 0 12px
  445. }
  446. @media (min-width: 670px) {
  447. @supports (width:auto) {
  448. .announcement {
  449. width:auto
  450. }
  451. }
  452. .announcement {
  453. line-height: 26px;
  454. margin: 0 0 55px;
  455. padding: 0 12px 0 5px;
  456. border-radius: 15px
  457. }
  458. .announcement .message {
  459. margin: 0 7px 0 6px
  460. }
  461. }
  462. .announcement .new-pill {
  463. padding: 0 6px;
  464. font-size: 12px;
  465. line-height: 16px;
  466. font-weight: 600;
  467. background: #24b47e;
  468. text-transform: uppercase;
  469. border-radius: 10px
  470. }
  471. /* .announcement:after {
  472. content: "\27A2";
  473. font: normal 16px StripeIcons;
  474. position: relative;
  475. bottom: 1px
  476. } */
  477. .announcement:hover { color: #fff!important;}
  478. .common-Button {
  479. white-space: nowrap;
  480. display: inline-block;
  481. height: 40px;
  482. line-height: 40px;
  483. padding: 0 14px;
  484. -webkit-box-shadow: 0 4px 6px rgba(50,50,93,.11),0 1px 3px rgba(0,0,0,.08);
  485. box-shadow: 0 4px 6px rgba(50,50,93,.11),0 1px 3px rgba(0,0,0,.08);
  486. background: #fff;
  487. border-radius: 4px;
  488. font-size: 15px;
  489. font-weight: 600;
  490. text-transform: uppercase;
  491. letter-spacing: .025em;
  492. color: #6772e5;
  493. text-decoration: none;
  494. -webkit-transition: all .15s ease;
  495. transition: all .15s ease
  496. }
  497. .container-fluid,.container-lg,.container-wide,.container-xl {
  498. margin: 0 auto;
  499. padding: 0 20px;
  500. width: 100%
  501. }
  502. .container-lg {
  503. max-width: 1040px
  504. }
  505. .container-wide,.container-xl {
  506. max-width: 1160px
  507. }
  508. .common-BodyText {
  509. font-weight: 400;
  510. font-size: 17px;
  511. line-height: 28px;
  512. color: #525f7f
  513. }
  514. .index-banner .swiper-container{width: 100%; height: 100%;}
  515. .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%;}
  516. .index-banner .swiper-slide>a{display: block; height: 730px; width: 100%;}
  517. /*自定义swiper分页按钮*/
  518. .index-banner .swiper-pagination-bullet{width: 40px; height: 4px; display: inline-block; border-radius: 0; background-color: #fff; opacity: .4;}
  519. .index-banner .swiper-pagination-bullet-active{opacity: 1;}
  520. .index-banner .swiper-container-horizontal>.swiper-pagination-bullets{bottom: 20px;}
  521. .index-banner .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin: 0 5px;}
  522. .index-banner .banner-con{color: #fff;}
  523. .index-banner .banner-con .h1{font-size: 32px; font-weight: 600;}
  524. .index-banner .banner-con .h2{font-size: 18px; line-height: 30px; margin-bottom: 20px;}
  525. .index-banner .banner-con .ms-btn{border-color: #fff; width: 110px; color: #fff; font-size: 16px;}
  526. .index-banner .banner-con.con1{padding:295px 0 0 40px;}
  527. .index-banner .banner-con.con1 .h1{margin-bottom: 20px;}
  528. .index-banner .banner-con.con1 span{margin-left: 45px;}
  529. .index-banner .banner-con.con1 i{font-size: 22px;}
  530. .index-banner .banner-con.con2{padding: 290px 0 0 90px;}
  531. .index-banner .banner-con.con2 .h1{margin-bottom: 10px;}
  532. .index-banner .banner-con.con3{text-align: center; padding-top: 290px;}
  533. .index-banner .banner-con.con3 .h1{margin-bottom: 20px;}
  534. .index-banner .banner-con.con4{padding: 290px 0 0 40px;}
  535. .index-banner .banner-con.con4 .h1{margin-bottom: 20px;}
  536. /*/banner*/
  537. /*publicity*/
  538. .publicity-wrap{background-color: #f5f9fe; margin-top: 10px;}
  539. .publicity li{background-color: #f5f9fe; padding: 18px 30px 0; height: 95px; float: left; width: 33.333333%; border-left: 1px solid #e5e5e5;}
  540. .publicity li>a>div{float: none; display: table-cell; vertical-align: top;}
  541. .publicity li:first-of-type{border-left-color: transparent;}
  542. .publicity li .p-right{padding-left: 15px;}
  543. .publicity li .tit{font-size: 18px; color: #333; margin-bottom: 3px;}
  544. .publicity li .blue-line{margin: 0 0 10px; display: none;}
  545. .publicity li p{font-size: 12px;}
  546. .publicity li:hover .tit{color: #157df1;}
  547. .publicity li:hover p{color: #157df1;}
  548. /*/publicity*/
  549. /*网站封装APP*/
  550. .index-common{text-align: center; padding: 80px 0;}
  551. .index-common>h1{color: #157df1; margin-bottom: 20px;}
  552. .index-common>h4{color: #666; margin-bottom: 60px;}
  553. .index-encapsulation .e-list{margin-bottom: 50px;}
  554. .index-encapsulation .e-list li{width: 20%; float: left;}
  555. .index-encapsulation .ms-thumbnail img{margin-bottom: 15px;}
  556. /*/网站封装APP*/
  557. /*企业签名*/
  558. .index-signature-wrap{background: url("../img/index-bg-1.jpg") no-repeat center; height: 660px;}
  559. .index-signature>h1{color: #fff;}
  560. .index-signature>h4{color: #fff;}
  561. .index-signature .row{padding: 0 50px; margin: 0 -10px 40px;}
  562. .index-signature .row .col-sm-6{padding: 0 10px; margin-bottom: 20px;}
  563. .index-signature .row .con{background-color: #fff; padding: 0 20px;}
  564. .index-signature .row .con>*{display: table-cell; vertical-align: middle; float: none; height: 120px;}
  565. .index-signature .row .con dl{text-align: left; padding-left: 15px;}
  566. .index-signature .row .con dl dt{color: #333; font-size: 18px; margin-bottom: 5px;}
  567. .index-signature .more{border: 1px solid #fff; color: #fff;}
  568. .index-signature .more:hover{background-color: #fff; color: #157df1;}
  569. /*/企业签名*/
  570. /*内测分发*/
  571. .index-releas>h4{margin-bottom: 50px;}
  572. .index-releas .row{margin-bottom: 50px;}
  573. .index-releas .ms-thumbnail img{margin-bottom: 10px;}
  574. /*/内测分发*/
  575. /*功能累计数*/
  576. .cumulative-wrap{background: url("../img/index-bg-2.jpg") no-repeat center; height: 300px;}
  577. .index-cumulative{padding: 70px 0;}
  578. .index-cumulative>h1{color: #fff; margin-bottom: 50px;}
  579. .index-cumulative .num{font-size: 36px; color: #fff; margin-bottom: 5px;}
  580. .index-cumulative .text{color: #fff;}
  581. /*/功能累计数*/
  582. /*合作伙伴*/
  583. .index-partners{padding: 80px 60px 60px;}
  584. .index-partners>h1{margin-bottom: 60px;}
  585. .index-partners .con{position: relative; border: 1px solid #e5e5e5;}
  586. .index-partners ul li{float: left; width: 20%; padding: 0 10px; margin-bottom: 20px;}
  587. .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;}
  588. .index-partners .con:hover p{display: flex;}
  589. /*/合作伙伴*/
  590. /*footer*/
  591. footer{background-color: rgba(6, 26, 38, 1);padding: 60px 0;}
  592. .footer .left dl{margin-right: 160px;}
  593. .footer .left dl:last-of-type{margin-right: 100px;}
  594. .footer .left dt{color: #fff; font-size: 18px; margin-bottom: 20px;}
  595. .footer .left dd{margin-bottom: 10px; color: #fff; font-size: 12px;}
  596. .footer .left dd.line{background-color: #fff; width: 16px; height: 2px; margin-bottom: 15px;}
  597. .footer .left dd a{color: #fff; font-size: 12px;}
  598. .footer .left dd a:hover{text-decoration: underline;}
  599. .footer .right a{display: block;}
  600. .footer .right a img{width: 110px; height: 60px;}
  601. .footer .right .wechat{padding: 5px; background-color: #fff; margin: 10px 0; width: 95px; height: 95px; overflow: hidden;}
  602. .footer .right .wechat img{width: 85px; height: 85px;}
  603. .footer .right p{font-size: 12px; color: #fff; text-align: right;}
  604. .footer .record{text-align: center; color: #fff; margin-top: 20px;}
  605. /*/footer*/
  606. /*----------index-----------*/
  607. /*----------登录-----------*/
  608. .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;}
  609. .login-common .help-block{position: absolute; top: 100%; display: none;}
  610. .login-common .has-error .help-block{display: block;}
  611. .login-common .input-lg{font-size: 16px;}
  612. .login-common .tit{font-size: 18px; color: #333; text-align: center; margin-bottom: 30px;}
  613. .login-common .form-group{position: relative; margin-bottom: 20px;}
  614. .login-common .form-group label{position: absolute; left: 12px; top: 50%; transform: translateY(-50%);}
  615. .login-common .form-group .form-control{padding-left: 40px; border-radius: 0;}
  616. .login-common .form-group .icon-tel{font-size: 22px;}
  617. .login-common .form-group .icon-pwd{font-size: 18px;}
  618. .login-common .checkbox{margin: 0;}
  619. .login-common .checkbox input{margin-left: 0;}
  620. .login-common .checkbox span{margin-left: 20px;}
  621. .login-common .ms-btn-primary{width: 100%; font-size: 14px;}
  622. .login-common .login-logo{margin-bottom: 20px;}
  623. .login-common .registered-logo{margin-bottom: 30px;}
  624. .login-common .login-logo img{margin: 0 auto;}
  625. .login-common .login-logo .slogan-wrap{text-align: center; margin-top: 15px;}
  626. .login-common .login-logo .slogan{display: inline-block;}
  627. .login-common .login-logo .slogan .text{margin: 0 7px; color: #999;}
  628. /*----------/登录-----------*/
  629. /*----------注册-----------*/
  630. .login-common .form-group .icon-user{font-size: 20px;}
  631. .login-common .form-group .icon-email{font-size: 20px; top: 55%;}
  632. .login-common .verification-code .form-control{width: 70%;}
  633. .login-common .verification-code .ms-btn-primary{width: 27%; margin-top: 0;}
  634. /*----------/注册-----------*/
  635. /*----------实名认证-----------*/
  636. .real-name-wrap{background-color: #f2f2f5; padding-bottom: 40px;}
  637. .real-name{background-color: #fff; border-radius: 3px; border: 1px solid #e5e5e5; padding: 65px 0;}
  638. .real-name.real-name-error{background-color: transparent; border-radius: 3px; border: none; padding: 65px 0 0;}
  639. .real-name .top{padding-bottom: 25px; text-align: center;}
  640. .real-name .top ul{display: inline-block;}
  641. .real-name .top ul li{float: left;}
  642. .real-name .top ul li:nth-of-type(odd){margin: 0 35px;}
  643. .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;}
  644. .real-name .top ul li .text{color: #333; font-size: 18px; margin-left: 10px;}
  645. .real-name .top ul li.active .text{color: #348dee; font-weight: 600;}
  646. .real-name .top ul li.active .num{background-color: #348dee;}
  647. .real-name .top ul li dl{margin: 12px 20px 0;}
  648. .real-name .top ul li dd{background-color: #d7dde4; width: 3px; height: 3px; border-radius: 3px; float: left; margin: 0 2px;}
  649. /*1*/
  650. .real-name .con1{text-align: center; background-color: #fff;}
  651. .real-name .con .choice{text-align: left; padding-left: 25px; margin-bottom: 20px;}
  652. .real-name .con .choice-wrap{display: inline-block; padding: 75px 0 160px;}
  653. .real-name .con li{width: 320px; border: 1px solid #e5e5e5; border-radius: 3px; padding: 65px 0 35px; margin: 0 25px;}
  654. .real-name .con li.active{border-color: #157df1;}
  655. .real-name .con li .con-t{background-color: #fbfbfb; border: 1px solid #e5e5e5; width: 145px; height: 145px; border-radius: 50%; margin: 0 auto;}
  656. .real-name .con li:first-of-type .con-t{background: url("../img/icon-8.png") no-repeat center;}
  657. .real-name .con li:last-of-type .con-t{background: url("../img/icon-9.png") no-repeat center;}
  658. .real-name .con li .tit{color: #333; font-size: 18px; text-align: center; margin-top: 35px;}
  659. .real-name .con li p{color: #666; font-size: 12px; text-align: center; line-height: 24px; margin-top: 5px;}
  660. .real-name .con li .authentication{width: 50%; margin: 40px auto 0; display: block;}
  661. .real-name .con li:hover{border-color: #348dee; box-shadow: 0 0px 10px rgba(0,0,0,.1);}
  662. .real-name .con li:hover .con-t{background-color: transparent; border-color: transparent;}
  663. .real-name .con li:hover .authentication{background: #348dee; color: #fff; border-color: #348dee;}
  664. /*2*/
  665. .real-name .con2{padding: 0 200px; /*background-color: #fff;*/}
  666. .real-name .con2 .form-group{margin-bottom: 30px;}
  667. .real-name .con2 .form-group .control-label{color: #333;}
  668. .control-label span{color: #ff4222; margin-right: 10px;}
  669. .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;}
  670. .real-name .con2 .upload-img1:last-of-type{margin-bottom: 0;}
  671. .real-name .con2 .upload-img1 img{position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: #fff;}
  672. .real-name .con2 .upload-img1 .thumbnail{position: absolute; z-index: 2; width: 100%; height: 100%; left: 0; top: 0; opacity: 0; cursor: pointer;}
  673. .real-name .con2 .upload-img1 .text{text-align: center; margin-top: 80px;}
  674. .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;}
  675. .real-name .con2 .upload-img1 .reset{display: none;}
  676. .real-name .con2 .upload-img1.uploaded .reset{display: none;}
  677. .real-name .con2 .upload-img1.uploaded:hover .reset{display: block;}
  678. .real-name .con2 .upload-img1 .water-mark{display: none;}
  679. .real-name .con2 .upload-img1 .water-mark img{background-color: transparent;}
  680. .real-name .con2 .upload-img1.uploaded .water-mark{display: block;}
  681. .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;}
  682. .real-name .con2 .upload-img1.uploading .ongoing{display: flex;}
  683. .real-name .data-uploading .submit{width: 160px;}
  684. .real-name .con2 .upload-license{height: 340px; margin-bottom: 0; background-position: center 40%; display: flex; align-items: center;}
  685. .real-name .con2 .upload-license .text{text-align: center; width: 100%; margin-top: 0;}
  686. /*3*/
  687. .real-name .con3-top{padding: 80px 135px 130px; border: 1px solid #e5e5e5; border-radius: 3px; background-color: #fff;}
  688. .real-name .con3-top>h3{font-size: 28px; color: #333; margin-top: 40px;}
  689. .real-name .con3-top>h4{font-size: 18px; color: #333; margin-top: 15px;}
  690. .list-bottom-common{padding: 40px 140px; margin-top: 20px; margin-bottom: 40px; border: 1px solid #e5e5e5; border-radius: 3px; background-color: #fff;}
  691. .list-bottom-common .index-common{padding: 0;}
  692. .list-bottom-common .index-common .row{margin-top: 0;}
  693. .list-bottom-common .index-common .con{border: 1px solid #e5e5e5; border-radius: 3px; padding: 40px 30px 45px;}
  694. .list-bottom-common .index-common .con p{line-height: 20px; font-size: 12px; margin-top: 30px; height: 80px;}
  695. .list-bottom-common .index-common .con img{height: 83px; margin: 0 auto 20px;}
  696. .list-bottom-common .index-common .con:hover{box-shadow: 0 5px 20px rgba(0,0,0,.1);}
  697. .list-bottom-common .index-common .con:hover h4{color: #157df1;}
  698. .real-name .con3-top .btn-reset{background-color: #fd9823; color: #fff; padding: 9px 0; width: 160px; display: block; margin: 40px auto 0;}
  699. .real-name .list-bottom-common{margin-bottom: 0;}
  700. /*----------/实名认证-----------*/
  701. /*----------价格-----------*/
  702. .buy-distribution{padding: 90px 70px 0;}
  703. .buy-distribution .con{border: 1px solid #e5e5e5; padding-bottom: 35px; margin-bottom: 30px;}
  704. .buy-distribution .con:hover{box-shadow: 0 5px 10px rgba(21,125,241,.2);}
  705. .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;}
  706. .buy-distribution .con .c-top .text{color: #fff; font-size: 16px; margin-top: 30px;}
  707. .buy-distribution .con .c-top .num{color: #fff; font-size: 50px;}
  708. .buy-distribution .con .c-top .num span{font-size: 12px;}
  709. .buy-distribution .con .c-top .recommended{position: absolute; top: 0; right: 0; display: none;}
  710. .buy-distribution .tooltip .tooltip-inner{max-width: 300px;}
  711. .buy-distribution .con .bottom .text{color: #333; margin-top: 25px;}
  712. .buy-distribution .con .bottom .price{color: #157df1; font-size: 40px; margin-top: 15px;}
  713. .buy-distribution .con .bottom .price span{font-size: 12px;}
  714. .buy-distribution .con .bottom .btn-buy{padding: 9px 0; width: 120px; border: 1px solid #157df1; color: #157df1; margin-top: 25px;}
  715. .buy-distribution .con:hover .bottom .btn-buy{background-color: #157df1; color: #fff;}
  716. .buy-distribution .con .bottom-con{padding: 0 30px; margin-top: 40px;}
  717. .buy-distribution .con .bottom-con dl{border-top: 1px solid #e5e5e5; text-align: left; color: #666; padding-top: 20px; height: 156px;}
  718. .buy-distribution .con .bottom-con dl dd{margin: 5px 0;}
  719. .buy-distribution .con .bottom-con dl dd .icon-gou{margin-right: 10px;}
  720. .buy-distribution .con .bottom-con dl dd .icon-prompt{position: relative; margin-left: 5px; top: -3px; cursor: pointer;}
  721. .buy-distribution p{padding: 10px 0 40px; border-bottom: 1px solid #e5e5e5;}
  722. .buy-distribution p a{color: #157df1;}
  723. /*----------/价格-----------*/
  724. /*----------价格改版 改版完成后,将上一版价格样式删除-----------*/
  725. .buy-number{padding: 0 60px;}
  726. .buy-number .price-common .con{border: 1px solid #e5e5e5; padding-bottom: 40px;}
  727. .buy-number .price-common .con:hover{box-shadow: 0 5px 10px rgba(21,125,241,.2);}
  728. .buy-number .price-common .c-top{text-align: center; padding: 30px 0 35px; position: relative;}
  729. .buy-number .price-common .con .c-top .num{color: #333; font-size: 50px;}
  730. .buy-number .price-common .con .c-top .num span{font-size: 16px;}
  731. .buy-number .price-common .con .c-top p{color: #666;}
  732. .buy-number .price-common .con .c-top .recommended{position: absolute; top: 0; right: 0; display: none;}
  733. .buy-number .price-common .tooltip .tooltip-inner{max-width: 300px;}
  734. .buy-number .price-common .con .bottom-con{padding: 0 30px;}
  735. .buy-number .price-common .con .bottom-con dl{border-top: 1px solid #e5e5e5; text-align: left; color: #666; padding-top: 20px; height: 195px;}
  736. .buy-number .price-common .con .bottom-con dl dd{margin: 10px 0;}
  737. .buy-number .price-common .con .bottom-con dl dd .icon-gou{margin-right: 10px; font-size: 14px;}
  738. .buy-number .price-common .con .bottom-con dl dd .icon-prompt{position: relative; margin-left: 5px; top: -3px; cursor: pointer;}
  739. .buy-number .price-common .con .bottom-con .b-price{font-size: 16px; color: #157df1; text-align: center; margin-bottom: 25px;}
  740. .buy-number .price-common .con .bottom-con .b-price span{font-size: 40px;}
  741. .buy-number .price-common .con .bottom{text-align: center;}
  742. .buy-number .price-common .con .bottom .btn-buy{padding: 9px 12px; width: 120px;}
  743. .price-con .tab-2 .price-common .p1{margin-bottom: 40px;}
  744. .price-con>.tab-3{margin-bottom: 60px;}
  745. .price-con .big-bag-price h1{color: #fd9817;}
  746. .buy-number .big-bag-price .con .c-top .num{color: #fd9817;}
  747. .buy-number .big-bag-price .con .c-top .num span{color: #333;}
  748. .buy-number .big-bag-price .color-hover{color: #fd9817;}
  749. .buy-number .big-bag-price .con .bottom .btn-buy{background-color: #fd9817; border-color: #fd9817;}
  750. .buy-number .big-bag-price .con .bottom-con .b-price{color: #fd9817;}
  751. /*----------/价格改版 改版完成后,将上一版价格样式删除-----------*/
  752. /*----------价格支付-----------*/
  753. .price-pay-wrap{background-color: #f2f2f5; padding-bottom: 40px;}
  754. .price-pay .con{background-color: #fff; border-radius: 3px; box-shadow: 0 0 5px rgba(0,0,0,.05);}
  755. .price-pay .common .tit{padding: 25px 30px 20px; border-bottom: 1px solid #e5e5e5; color: #333;}
  756. .price-pay .common ul{padding: 20px 25px;}
  757. .price-pay .common ul li{float: left; position: relative; cursor: pointer;}
  758. .price-pay .common .list1 li{border: 1px solid #e5e5e5; border-radius: 3px; padding: 12px 20px 11px; margin-right: 40px;}
  759. .price-pay .common .list1 li .left{padding-right: 20px;}
  760. .price-pay .common .list1 li .text1{color: #666;}
  761. .price-pay .common .list1 li .text2{text-align: center;color: #333; margin-top: 5px; font-weight: 600;}
  762. .price-pay .common .list1 .right{color: #157df1; font-size: 30px; padding-left: 20px; border-left: 1px solid #e5e5e5;}
  763. .price-pay .common .list1 .right span{color: #666; font-size: 14px;}
  764. .price-pay .common ul li .radio-checked{display: none; position: absolute; right: 0; bottom: 0;}
  765. .price-pay .common ul li.active .radio-checked{display: block;}
  766. .price-pay .common ul.list1 .active{border-color: #157df1;}
  767. .price-pay .common .list2.active{border-color: #157df1;}
  768. .price-pay .common .list2 li.active .icon-radio{width: 16px; height: 16px; background-position: 0 -17px;}
  769. .price-pay .common .list2 li{margin-right: 70px; position: relative;}
  770. .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;}
  771. .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;}
  772. .price-pay .common .list3 li.disabled{background-color: #f9f9f9; cursor: not-allowed;}
  773. .price-pay .common .list3 li.disabled .iconfont{color: #b3b3b3;}
  774. .price-pay .common .list3 li.disabled .remaining-amount{color: #999;}
  775. .price-pay .common .list3 li.disabled .remaining-amount .color-hover{color: #999;}
  776. .price-pay .common .list3 li img{display: inline-block;}
  777. .price-pay .common ul.list3 .active{border-color: #157df1;}
  778. .price-pay .common ul.list2 .disabled{cursor: not-allowed; color: #e5e5e5; background-color: transparent !important;}
  779. .price-pay .pay-money{padding-left: 25px; border-top: 1px solid #e5e5e5; margin-top: 20px; padding-bottom: 40px;}
  780. .price-pay .pay-money .money{color: #333; padding: 20px 0;}
  781. .price-pay .pay-money .money span{color: #fd641d; font-size: 24px;}
  782. .price-pay .pay-money .ms-btn{width: 160px; padding: 9px 0;}
  783. .price-pay .common .remaining-amount .a-num{font-size: 12px;}
  784. .price-pay .common .icon-yue{color: #ffa304; font-size: 22px; margin-right: 5px;}
  785. /*----------/价格支付-----------*/
  786. /*----------应用发布-----------*/
  787. .release-app-wrap{background-color: #f2f2f5;}
  788. .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;}
  789. .upload-file .upload-btn{width: 240px; padding: 0; height: 60px; font-size: 18px; line-height: 58px; margin: 0 auto; display: block; position: relative;}
  790. .upload-file .upload-btn input[type=file]{position: absolute; width: 100%; height: 100%; left: 0; top: 0; opacity: 0; cursor: pointer;}
  791. .upload-file .upload-btn .iconfont{font-size: 30px; margin-right: 10px; position: relative;}
  792. .upload-file p{text-align: center; color: #666; line-height: 22px; margin-top: 15px;}
  793. .upload-file .upload-btn .text{position: relative; top: -3px;}
  794. .release-app>p{padding: 5px 0;}
  795. .release-app>p>a{color: #157df1;}
  796. .upload-app-icon img{width: 60px; height: 60px; border-radius: 15px; border: 1px solid #e5e5e5;}
  797. /*app 上传成功*/
  798. /*
  799. .release-app .uploaded-success{height: 450px; background-color: #fff; border: 1px solid #e5e5e5; margin-top: 20px; margin-bottom: 40px; text-align: center;}
  800. .release-app .uploaded-success img{width: 90px; height: 90px; border-radius: 15px; margin-top: 70px; border: 1px solid #e5e5e5;}
  801. .release-app .uploaded-success .tit{font-size: 20px; color: #333; margin-top: 15px;}
  802. .release-app .uploaded-success .iconfont{margin-right: 5px;}
  803. */
  804. .release-app .uploaded-success{padding: 110px 0; background-color: #fff; border-radius: 5px; margin-bottom: 40px; text-align: center;}
  805. .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;}
  806. .release-app .uploaded-success img{border-radius: 15px; max-width: 100%; height: 100%;}
  807. .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;}
  808. .release-app .uploaded-success .p1{font-size: 18px; color: #333; margin-bottom: 40px;}
  809. .release-app .uploaded-success .up-btn .ms-btn{border-radius: 20px; width: 150px; padding: 8px; margin: 0 12px; font-size: 16px;}
  810. .release-app .uploaded-success .up-btn .ms-btn:hover{box-shadow: 0 3px 5px rgba(21,125,241,.2);}
  811. .release-app .uploaded-success .iconfont{margin-right: 5px;}
  812. /*----------/应用发布-----------*/
  813. /*----------/我的应用-----------*/
  814. .release-app .search{position: relative;}
  815. .release-app .search .iconfont{position: absolute; left: 10px; top: 50%; transform: translateY(-50%); font-size: 18px;}
  816. .release-app .search input{height: 40px; line-height: 38px; width: 160px; border: 1px solid #e5e5e5; padding-left: 40px;}
  817. .release-app .search .btn-search{line-height: 40px; color: #157df1; margin-left: 15px;}
  818. .release-app .btn-new-release .iconfont{font-size: 20px; }
  819. .release-app .btn-new-release .text{margin: 4px 0 0 5px;}
  820. .release-app .app-table-wrap{/*min-height: 400px;*/ background-color: #fff; margin-top: 20px;}
  821. /*.release-app .app-table-wrap .table-responsive{min-height: 500px;}*/
  822. .release-app .app-table{border: 1px solid #e5e5e5;}
  823. .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;}
  824. .release-app .app-table tr td{font-size: 12px; color: #666;}
  825. .release-app .app-table>tbody>tr>td{text-align: center; padding: 10px; vertical-align: middle; background-color: #fff; border-color: #e5e5e5; color: #666;}
  826. .release-app .app-table>tbody>tr>td.color-danger{color: #fd641d;}
  827. .release-app .app-table>tbody>tr>td.color-999{color: #999;}
  828. .release-app .app-table>tbody>tr>td td{text-align: left;}
  829. /*.release-app .app-table>tbody>tr:hover td{background-color: #f9f9f9;}*/
  830. /*.release-app .app-table>tbody>tr>td:first-of-type img{border-radius: 5px; border: 1px solid #e5e5e5;}*/
  831. .release-app .app-table .app-icon-size img{border-radius: 5px; border: 1px solid #e5e5e5;}
  832. .release-app .icon-small-code{position: relative; cursor: pointer; margin-left: 5px;}
  833. .release-app .icon-small-code .popover{width: 150px; display: none; left: 50%; top: 13px; transform: translateX(-50%);}
  834. .release-app .icon-small-code .popover .popover-title{color: #333;}
  835. .release-app .icon-small-code .popover .popover-content img{width: 120px; height: 120px;}
  836. .release-app .icon-small-code:hover .popover{display: block;}
  837. .release-app .no-app{padding-bottom: 100px;}
  838. /*
  839. .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;}
  840. */
  841. .release-app .qr-code img{width: 100px; height: 100px; margin-top: 42px;}
  842. /*----------/我的应用-----------*/
  843. /*----------我的应用 编辑设置-----------*/
  844. .release-app .app-editor{background-color: #fff; border-radius: 3px; border: 1px solid #e5e5e5; padding: 30px; margin-bottom: 40px;}
  845. .release-app .app-editor .top .upload-img{width: 80px; height: 80px; border-radius: 5px; overflow: hidden; position: relative;}
  846. .release-app .app-editor .top .upload-img img{position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: #fff; border-radius: 15px;}
  847. .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;}
  848. .release-app .app-editor .top .upload-img:hover .upload{display: block;}
  849. .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;}
  850. .release-app .app-editor .top .upload-img.uploaded .upload{display: none;}
  851. .release-app .app-editor .top .upload-img.uploaded input{display: none;}
  852. .release-app .app-editor .top .upload-img.uploaded:hover .upload{display: block;}
  853. .release-app .app-editor .top .upload-img.uploaded:hover input{display: block;}
  854. .release-app .app-editor .top .left dl{margin-left: 20px;}
  855. .release-app .app-editor .top .left dl dt{font-size: 24px; color: #333; margin-top: 5px;}
  856. .release-app .app-editor .top .left dl dt .icon-iphone{margin-top: 10px; margin-left: 5px;}
  857. .release-app .app-editor .top .left dl dt .icon-android{margin-top: 10px; margin-left: 5px;}
  858. .release-app .app-editor .top .left dl dd{color: #333; margin-top: 7px;}
  859. .release-app .app-editor .top .right{line-height: 22px;}
  860. .release-app .app-editor .top .right .iconfont{font-size: 22px;}
  861. .release-app .app-editor table{margin-top: 30px; table-layout: fixed;}
  862. .release-app .app-editor table td{padding: 15px;}
  863. .release-app .app-editor table td .bold{color: #333; margin-bottom: 5px;}
  864. .release-app .app-editor .download-qr .icon-small-code{position: relative; cursor: pointer; margin-top: 3px; margin-left: 5px; }
  865. .release-app .app-editor table td .link-down{}
  866. .release-app .app-editor table td .link-down:hover{color: #157df1; text-decoration: underline;}
  867. /*
  868. .release-app .app-editor .download-qr .icon-small-code img{position: absolute; left: -14px; top: 12px; opacity: 0; transition: all 600ms;}
  869. .release-app .app-editor .download-qr .icon-small-code:hover img{opacity: 1;}
  870. */
  871. .release-app .app-editor .set .short-link>.col-sm-6>.col-sm-6{padding-left: 0; padding-right: 0;}
  872. .release-app .app-editor .set .short-link .form-control{border-radius: 0 4px 4px 0; border-left: none;}
  873. .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;}
  874. .release-app .app-editor .set{border: 1px solid #e5e5e5; border-radius: 3px; padding-bottom: 40px;}
  875. .release-app .app-editor .set .tab{background-color: #f2f2f5; height: 44px; line-height: 44px; border-bottom: 1px solid #e5e5e5;}
  876. .release-app .app-editor .set .tab li{float: left; padding: 0 20px; cursor: pointer; color: #333;}
  877. .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;}
  878. .release-app .app-editor .set .tab-con{margin-top: 40px;}
  879. .release-app .app-editor .set .col-sm-1{width: 11%;}
  880. .release-app .app-editor .set .tab-con label{color: #333;}
  881. .release-app .app-editor .set .tab-con .form-control{color: #333;}
  882. .release-app .app-editor .set .tab-con>div{display: none;}
  883. .release-app .app-editor .set .tab-con .form-group{margin-bottom: 30px;}
  884. .release-app .app-editor .set .trust{margin-top: 7px;}
  885. .release-app .app-editor .set .trust li{float: left; margin-right: 50px; cursor: pointer; color: #333;}
  886. .release-app .app-editor .set .trust li .icon-radio{margin-right: 8px;}
  887. /*----------/我的应用 编辑设置-----------*/
  888. /*----------个人中心-----------*/
  889. .user-center-wrap{background-color: #f2f2f5;}
  890. .user-center{margin-bottom: 40px;}
  891. .user-center>.row{margin: 0 -5px;}
  892. .user-center>.row>.col-sm-2{width: 18.5%; padding: 0 5px;}
  893. .user-center>.row>.col-sm-10{width: 81.5%; padding: 0 5px;}
  894. .user-center .left{border: 1px solid #e5e5e5; border-radius: 3px; background-color: #fff; height: 830px;}
  895. .user-center .right{border: 1px solid #e5e5e5; border-radius: 3px; background-color: #fff; height: 830px;}
  896. .user-center .left dl{padding-top: 20px; border-bottom: 1px solid #e5e5e5;}
  897. .user-center .left dl dt{font-size: 16px; color: #333; font-weight: 600; padding-left: 25px; margin-bottom: 15px;}
  898. .user-center .left dl dt .icon-service{margin: 5px 15px 0 0;}
  899. .user-center .left dl dt .icon-order{margin: 4px 15px 0 0;}
  900. .user-center .left dl dt .icon-user1{margin: 3px 15px 0 0;}
  901. .user-center .left dl dd a{height: 50px; line-height: 50px; padding-left: 55px; color: #333; display: block;}
  902. .user-center .left dl dd a:hover{background-color: #157df1; color: #fff;}
  903. .user-center .left dl dd.active a{background-color: #157df1; color: #fff;}
  904. .user-center .right .tit{font-size: 16px; color: #333; font-weight: 600; padding: 15px 20px; border-bottom: 1px solid #e5e5e5;}
  905. .user-center .right .con{padding: 20px 50px;}
  906. .user-center .right .con .input-size{width: 78%; margin-right: 10px; float: left;}
  907. .user-center .right .con label{color: #333; font-weight: 600;}
  908. .user-center .right .con .form-group label{margin: 0 30px 8px 0;}
  909. .user-center .right .con .current-email{margin-bottom: 5px;}
  910. .user-center .right .con .user-data{table-layout: fixed;}
  911. .user-center .right .con .user-data tr th:first-of-type{width: 140px;}
  912. .user-center .right .con .user-data tr td:first-of-type{width: 270px;}
  913. .user-center .right .con .user-data tr td:last-of-type{width: 150px;}
  914. .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;}
  915. .user-center .right .con .user-data th{font-weight: 600;}
  916. .user-center .right .con .read-only{padding-top: 15px; border-top: 1px solid #e5e5e5;}
  917. .user-center .right .con .read-only th,.user-center .right .con .read-only td{padding: 8px;}
  918. .user-center .right .table-wrap{padding: 20px;}
  919. .user-center .right .table-wrap .table-responsive{overflow-x: visible;}
  920. .user-center .right .con .table-order .icon-prompt{position: relative; top: 2px; margin-left: 5px; cursor: pointer;}
  921. .user-center .right .con .table-order>tbody>tr:nth-of-type(odd){background-color: #f6fafe;}
  922. .user-center .right .con .table-order tr th{background-color: #4497f4; color: #fff; padding: 15px; text-align: center; border-color: #4497f4;}
  923. .user-center .right .con .table-order tr td{padding: 25px 15px; text-align: center;}
  924. .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;}
  925. .user-center .right .con .table-order .icon-prompt:hover .tips{opacity: 1; display: block;}
  926. .user-center .right .service-wrap{padding: 20px;}
  927. .user-center .right .service{border: 1px solid #e5e5e5; border-radius: 3px; height: 135px;}
  928. .user-center .right .service .top .tit{background-color: #f5f6f8; font-size: 18px; color: #333; font-weight: 600; padding: 10px 25px; border-radius: 3px;}
  929. .user-center .right .service .top .ms-btn{margin-right: 25px; margin-top: 10px;}
  930. .user-center .right .service .top .ms-btn-default{border-color: transparent; color: #157df1;}
  931. .user-center .right .service .top .ms-btn-default:hover{background: #fff; color: #157df1; border-color: #157df1;}
  932. .user-center .right .service .bottom .downloads{margin-top: 20px;}
  933. .user-center .right .service .bottom .downloads li{padding: 0 25px; width: 50%; float: left; color: #666;}
  934. .user-center .right .service .bottom .downloads li .progress1{width: 100%; background-color: #f3f3f3; height: 6px; border-radius: 3px; position: relative; margin-top: 10px;}
  935. .user-center .right .service .bottom .downloads li .progress1 .bar{position: absolute; left: 0; top: 0; height: 100%; background-color: #157df1; border-radius: 3px;}
  936. .user-center .right .service .bottom .signature{display: table; width: 100%; margin-top: 20px; text-align: center;}
  937. .user-center .right .service .bottom .signature li{display: table-cell; border-right: 1px solid #e5e5e5;}
  938. .user-center .right .service .bottom .signature li:last-of-type{border-color: transparent;}
  939. .user-center .right .service .bottom .signature li{color: #666;}
  940. .user-center .right .service .bottom .signature li .num{color: #333;}
  941. .user-center .right .service .bottom .signature li .num span{font-size: 20px;}
  942. /*
  943. *2018-09-20改版,改版上线后,将上版本样式删除
  944. */
  945. .user-center1>.row{margin: 0 0 20px; overflow: hidden; height: 100%;}
  946. @media (min-width: 1200px) {
  947. .user-center1>.row>.col-sm-2{padding: 0 0 9999px; margin-bottom: -9999px;}
  948. }
  949. .user-center1>.row>.col-sm-2{background-color: #fff; box-shadow: 0 0 5px rgba(0,0,0,.05);}
  950. .user-center1>.row>.col-sm-10{padding: 0 0 0 10px;}
  951. /*.user-center1 .aside-left{height: 550px;}*/
  952. .user-center1 .aside-left .iconfont{font-size: 18px;}
  953. .user-center1 .aside-left .icon-msg{font-size: 18px; position: relative; top: 2px;}
  954. .user-center1 .aside-left .icon-fapiao,.user-center1 .aside-left .icon-028{position: relative; top: 2px;}
  955. /*.user-center1 .aside-right .user-table{margin-bottom: 40px;}*/
  956. .user-center1 .aside-right .user-table .table{border: 1px solid #e5e5e5; margin-bottom: 0;}
  957. .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;}
  958. .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;}
  959. .user-center1 .aside-right .user-table .table td.color-hover{color: #157df1;}
  960. .user-center1 .aside-right .user-table .table td.color-999{color: #999;}
  961. .user-center1 .aside-right .user-table .table tr:hover td{background-color: #ebf7ff;}
  962. .user-center1 .aside-right .user-table .table-wrap{background-color: #fff;}
  963. .user-center1 .aside-right .user-table .table-wrap1{min-height: 495px;}
  964. .user-center1 .aside-right .user-table .table-wrap2{min-height: 459px; box-shadow: 0 0 5px rgba(0,0,0,.05); padding-bottom: 30px;}
  965. .user-center1 .aside-right .user-table .table-wrap2 .invoice-table2{border: none; border-bottom: 1px solid #e5e5e5;}
  966. .user-center1 .aside-right .user-table .table td [data-toggle="popover"]{cursor: pointer;}
  967. .user-center1 .aside-right .paging{margin-top: 30px; margin-bottom: 0;}
  968. .user-center1 .aside-right .order .no-content{padding-top: 90px;}
  969. .user-center1 .aside-right .order .table-wrap{min-height: 351px;}
  970. .user-center1 .account-management{box-shadow: 0 0 5px rgba(0,0,0,.05); background-color: #fff; height: 550px;}
  971. .user-center1 .account-management>ul{height: 48px; background-color: #f2f2f5; line-height: 48px; border-bottom: 1px solid #e5e5e5;}
  972. .user-center1 .account-management>ul li{float: left; padding: 0 20px; cursor: pointer; color: #333;}
  973. .user-center1 .account-management>ul li.active{background-color: #fff;}
  974. .user-center1 .account-management .tab{padding: 0 30px;}
  975. .user-center1 .account-management .tab>div{display: none;}
  976. .user-center1 .account-management .data table{color: #333; margin-top: 25px; margin-bottom: 0;}
  977. .user-center1 .account-management .data table tr th{border-top: none; font-weight: 600; vertical-align: middle; padding: 6px;}
  978. .user-center1 .account-management .data table tr td{border-top: none; vertical-align: middle; padding: 6px;}
  979. .user-center1 .account-management .data table tr td .ms-btn-default{padding: 1px 12px;}
  980. .user-center1 .account-management .data .table1 tr th:first-of-type{width: 160px;}
  981. .user-center1 .account-management .data .table1 tr td:first-of-type{width: 250px;}
  982. .user-center1 .account-management .data .table2 tr th:first-of-type{width: 160px;}
  983. .user-center1 .account-management .data .table2 tr td:first-of-type{width: 250px;}
  984. .user-center1 .account-management .data hr{margin-top: 25px;}
  985. .user-center1 .account-management .pwd{padding: 30px 0;}
  986. .user-center1 .account-management .pwd .form-group{position: relative; margin-bottom: 25px;}
  987. .user-center1 .account-management .pwd .form-group label{font-weight: 600; color: #333; margin-bottom: 5px;}
  988. .user-center1 .account-management .pwd .form-group .iconfont{position: absolute; bottom: 5px; right: 15px; cursor: pointer; color: #333;}
  989. .user-center1 .account-management .pwd .form-group .error{display: none; position: absolute; top: 100%; left: 0;}
  990. .user-center1 .account-management .pwd .form-error .error{display: block; color: #ff4222;}
  991. .user-center1 .account-management .pwd .ms-btn{width: 160px; padding: 12px 9px;}
  992. .user-center1 .account-management .msg{padding: 30px 0;}
  993. .user-center1 .account-management .msg dl{font-size: 13px;}
  994. .user-center1 .account-management .msg dl dt{color: #333; font-weight: 600; margin-bottom: 3px;}
  995. .user-center1 .account-management .msg dl dd{color: #666;}
  996. .user-center1 .account-management .msg ol{margin: 10px 0 0 20px;}
  997. .user-center1 .account-management .msg ol li{float: left; color: #333; margin-left: 50px; cursor: pointer;}
  998. .user-center1 .account-management .msg ol li .icon{position: relative; top: 3px; margin-right: 10px;}
  999. .user-center1 .account-management .msg hr{margin: 30px 0; border-color: #e5e5e5;}
  1000. .user-center1 .account-management .upload{padding: 30px 0;}
  1001. .user-center1 .account-management .upload dl{width: 36%; font-size: 13px;}
  1002. .user-center1 .account-management .upload dl dt{color: #333; font-weight: 600; margin-bottom: 3px;}
  1003. .user-center1 .account-management .upload dl dd{color: #666;}
  1004. .user-center1 .account-management .upload ol{margin: 10px 0 0 20px;}
  1005. .user-center1 .account-management .upload ol li{float: left; color: #333; margin-left: 50px; cursor: pointer;}
  1006. .user-center1 .account-management .upload ol li .icon{position: relative; top: 3px; margin-right: 10px;}
  1007. .user-center1 .account-management .upload hr{margin: 30px 0; border-color: #e5e5e5;}
  1008. .user-center1 .account-management .bindDomain .m-con{padding-top: 30px;}
  1009. .user-center1 .account-management .bindDomain .cont p{color: #333; margin-bottom: 5px;}
  1010. .user-center1 .account-management .bindDomain .cont p a{color: #157df1;}
  1011. .user-center1 .account-management .bindDomain .cont p a:hover{text-decoration: underline;}
  1012. .user-center1 .account-management .bindDomain .cont .control-label{color: #333; margin-bottom: 5px;}
  1013. .user-center1 .account-management .bindDomain .cont #saveButton{width: 160px; padding: 9px 0; margin-top: 5px;}
  1014. .user-center1 .account-management .bindDomain .m-con .bindDomainFirst{padding-top: 105px;}
  1015. .user-center1 .account-management .bindDomain .m-con .bindDomainFirst .browser_notice{text-align: center;}
  1016. .user-center1 .account-management .bindDomain .m-con .bindDomainFirst .icon-chenggong{color: #157df1; font-size: 70px;}
  1017. .user-center1 .account-management .bindDomain .m-con .bindDomainFirst .browser_notice .browser_notice_success{margin: -3px 0 25px;}
  1018. .user-center1 .account-management .bindDomain .m-con .bindDomainFirst #unbind_button{width: 160px; padding: 9px; color: #666;}
  1019. .user-center1 .account-management .change .tit{font-size: 16px; color: #333; font-weight: 600; padding: 15px 20px; border-bottom: 1px solid #e5e5e5;}
  1020. .user-center1 .account-management .con{padding: 20px /*50px*/;}
  1021. /*.user-center1 .account-management .con .input-size{width: 78%; margin-right: 10px; float: left;}*/
  1022. .user-center1 .account-management .con label{color: #333; font-weight: 600;}
  1023. .user-center1 .account-management .con .form-group label{margin: 0 30px 8px 0;}
  1024. .user-center1 .account-management .con .current-email{margin-bottom: 5px;}
  1025. .user-center1 .account-management .con .read-only{padding-top: 15px; border-top: 1px solid #e5e5e5;}
  1026. .user-center1 .account-management .con .read-only th,.user-center .right .con .read-only td{padding: 8px;}
  1027. .user-center1 .invoice-management .warn-prompt{margin: 0 0 10px;}
  1028. .user-center1 .invoice-management .i-top ul li{float: left; margin-left: 20px;}
  1029. .user-center1 .invoice-management .user-table{margin-top: 20px;}
  1030. .user-center1 .invoice-management .user-table.mt10{margin-top: 10px;}
  1031. .user-center1 .invoice-management .table.invoice-table1 tr th:nth-of-type(1){width: 180px;}
  1032. .user-center1 .invoice-management .table.invoice-table1 tr th:nth-of-type(3){width: 120px;}
  1033. .user-center1 .invoice-management .table.invoice-table1 tr th:last-of-type{width: 300px;}
  1034. .user-center1 .invoice-management .table.invoice-table1 tr td:nth-of-type(1){padding-left: 20px;}
  1035. .user-center1 .invoice-management .table.invoice-table2 tr th:nth-of-type(2){width: 120px;}
  1036. .user-center1 .invoice-management .table.invoice-table2 td .company-name{width: 120px; line-height: 20px;}
  1037. .user-center1 .invoice-management .table.invoice-table2 .courier-number{width: 160px;}
  1038. .user-center1 .invoice-management .table.invoice-table2 td .courier-number{width: 160px;}
  1039. .user-center1 .invoice-management .table.invoice-table2 td .ms-btn{margin-right: 0;}
  1040. .user-center1 .invoice-management .table td{vertical-align: middle;}
  1041. .user-center1 .invoice-management .table td .icon-checkbox1{color: #e5e5e5; cursor: pointer; margin-right: 8px; position: relative; top: -2px;}
  1042. .user-center1 .invoice-management .table td .icon-checkbox-checked1{color: #157df1;}
  1043. .user-center1 .invoice-management .table td .company-name{width: 110px; line-height: 20px;}
  1044. .user-center1 .invoice-management .table td .receives-address{width: 120px;}
  1045. .user-center1 .invoice-management .table td .ms-btn{margin-right: 10px;}
  1046. .user-center1 .invoice-management .table td .set-default{visibility: hidden; color: #fd641d; cursor: pointer;}
  1047. .user-center1 .invoice-management .table tr:nth-of-type(2) td .set-default{visibility: visible;}
  1048. .user-center1 .invoice-management .table tr:hover td .set-default{visibility: visible;}
  1049. .user-center1 .invoice-management .no-content{height: 412px; padding-top: 150px;}
  1050. .user-center1 .invoice-management .no-content1{height: 376px; padding-top: 130px;}
  1051. .user-center1 .invoice-management .submit{width: 160px; padding: 9px 12px;}
  1052. .user-center1 .invoice-management .make-invoice-details{padding: 30px; background-color: #fff; border: 1px solid #e5e5e5; height: 550px; margin-bottom: 40px;}
  1053. .user-center1 .invoice-management .make-invoice-details dl{color: #333; margin-bottom: 15px;}
  1054. .user-center1 .invoice-management .make-invoice-details dl dt{color: #333; font-weight: 600; width: 100px; text-align: right;}
  1055. .user-center1 .invoice-management .make-invoice-details dl dd{float: none; margin-left: 150px;}
  1056. .user-center1 .invoice-management .make-invoice-details hr{margin: 20px 0;}
  1057. .user-center1 .invoice-management .make-invoice-details .color-danger{font-size: 12px;}
  1058. .user-center1 .invoice-management .apply-invoice{background-color: #fff; padding: 30px; margin-bottom: 40px; border: 1px solid #e5e5e5;}
  1059. .user-center1 .invoice-management .apply-invoice .row{margin: 0 -5px;}
  1060. .user-center1 .invoice-management .apply-invoice .row .col-sm-4{padding: 0 5px;}
  1061. .user-center1 .invoice-management .apply-invoice .row .col-sm-6{padding: 0 5px;}
  1062. .user-center1 .invoice-management .apply-invoice label{color: #333; font-weight: 600; margin-bottom: 5px;}
  1063. .user-center1 .invoice-management .apply-invoice label span{color: #ff4222; margin-left: 10px;}
  1064. .user-center1 .invoice-management .apply-invoice .form-group{margin-bottom: 25px;}
  1065. .user-center1 .invoice-management .apply-invoice .select-wrap input[type=text]{margin-top: 20px;}
  1066. .user-center1 .invoice-management .apply-invoice .form-group.select-wrap{margin-bottom: 20px;}
  1067. /*.user-center1 .invoice-management .apply-invoice select{color: #999;}*/
  1068. .user-center1 .invoice-management .apply-invoice .form-group.instruction-manual{margin-bottom: 20px;}
  1069. .user-center1 .invoice-management .apply-invoice .form-error{position: relative;}
  1070. .user-center1 .invoice-management .apply-invoice .error{position: absolute; top: 100%; color: #ff4222; font-size: 12px; display: none;}
  1071. .user-center1 .invoice-management .apply-invoice .form-error .error{display: block;}
  1072. .user-center1 .invoice-management .apply-invoice hr{margin: 5px 0 30px;}
  1073. .user-center1 .invoice-management .apply-invoice .icon-checkbox1{color: #e5e5e5; position: relative; top: 1px;}
  1074. .user-center1 .invoice-management .apply-invoice .icon-checkbox-checked1{color: #157df1;}
  1075. .user-center1 .invoice-management .apply-invoice .checkbox1{color: #333; cursor: pointer;}
  1076. .user-center1 .invoice-management .apply-invoice .save{margin-top: 20px; width: 160px; padding: 9px 12px;}
  1077. /*我的订单新增充值*/
  1078. .user-center1 .aside-right .balance-recharge{position: relative; border: 1px solid #e5e5e5; padding: 25px 30px 10px; margin-bottom: 20px;}
  1079. .user-center1 .aside-right .balance-recharge .b-tit{color: #333; font-weight: 600;}
  1080. .user-center1 .aside-right .balance-recharge .b-num{color: #fba208; font-size: 40px;}
  1081. .user-center1 .aside-right .balance-recharge p{color: #666; font-size: 12px;}
  1082. .user-center1 .aside-right .balance-recharge .recharge-btn{position: absolute; right: 30px; top: 50%; transform: translateY(-50%);}
  1083. /*.balance-recharge-wrap{margin-bottom: 40px;}*/
  1084. .balance-recharge-wrap .balance-recharge{border: none; margin-bottom: 0;}
  1085. .balance-recharge-wrap .choose-recharge{width: 65%; position: relative;}
  1086. .balance-recharge-wrap .choose-recharge li{margin-right: 70px; margin-bottom: 25px;}
  1087. .balance-recharge-wrap .choose-recharge li:nth-of-type(n+5){margin-bottom: 0;}
  1088. .balance-recharge-wrap .choose-recharge li input[name=rechargeAmount]{width: 120px; position: absolute; top: -7px; left: 21px;}
  1089. .balance-recharge-wrap .choose-recharge .error{position: absolute; left: 25px; bottom: -5px; color: #fd641d; font-size: 12px; display: none;}
  1090. .balance-recharge-wrap .choose-recharge.form-error .error{display: block;}
  1091. .balance-recharge-wrap .choose-recharge li .r-num{width: 50px; display: inline-block;}
  1092. .balance-recharge-wrap .pay-money .money{padding-bottom: 10px;}
  1093. .user-center1 .aside-right .price-pay .balance-recharge{border: none; margin-bottom: 0;}
  1094. .price-pay .balance-recharge-wrap .pay-money{padding-bottom: 30px;}
  1095. .balance-recharge-wrap .pay-money .icon-checkbox1{color: #999; position: relative; top: 1px; cursor: pointer;}
  1096. .balance-recharge-wrap .pay-money .icon-checkbox-checked1{color: #157df1; cursor: pointer;}
  1097. /*/我的订单新增充值*/
  1098. /*上传资质*/
  1099. .user-center1 .aside-left .icon-dunpai{font-size: 18px; position: relative; top: 2px;}
  1100. .upload-img-more .uploaded-img{border: 1px solid #e5e5e5; width: 150px; height: 210px; position: relative; border-radius: 5px; margin-right: 20px;}
  1101. .upload-img-more .uploaded-img .thumbnail{position: absolute; left: 0; top: 0; width: 100%; height: 100%; opacity: 0; cursor: pointer; z-index: 2;}
  1102. .upload-img-more .uploaded-img img{width: 100%; height: 100%; border-radius: 5px;}
  1103. .upload-img-more .uploaded-img .delete-img{position: absolute; right: -9px; top: -9px; right: 0\9; top: 0\9; cursor: pointer; z-index: 2;}
  1104. .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;}
  1105. .upload-img-more .uploaded-img:hover .reset{display: block;}
  1106. .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;}
  1107. .upload-img-more .upload-img input{position: absolute; left: 0; top: 0; width: 100%; height: 100%; opacity: 0; cursor: pointer;}
  1108. .upload-img-more .upload-img .text{text-align: center; font-size: 12px; color: #666; margin-top: 120px;}
  1109. .user-center1 .aside-right .upload-qualification{background-color: #fff; box-shadow: 0 0 5px rgba(0,0,0,.05); border-radius: 3px; padding: 30px;}
  1110. .user-center1 .aside-right .upload-qualification .p1{color: #333; margin-bottom: 5px;}
  1111. .user-center1 .aside-right .upload-qualification .p2{color: #333; margin-bottom: 15px;}
  1112. .user-center1 .aside-right .upload-qualification table{border: 1px solid #ddd; width: 70%; color: #333; margin-bottom: 40px;}
  1113. .user-center1 .aside-right .upload-qualification table td{border: 1px solid #ddd; padding: 20px; text-align: center;}
  1114. .user-center1 .aside-right .upload-qualification .tit{color: #333; margin-bottom: 15px;}
  1115. /*.user-center1 .aside-right .upload-qualification .upload-img-more{margin-bottom: 20px;}*/
  1116. .user-center1 .aside-right .upload-qualification .uploaded-img{margin-bottom: 20px;}
  1117. .user-center1 .aside-right .upload-qualification .upload-img{margin-bottom: 20px;}
  1118. .user-center1 .aside-right .upload-qualification .review-wrap{margin: 20px 0 30px; display: none;}
  1119. .user-center1 .aside-right .upload-qualification .review-wrap li{float: left; margin-right: 20px;}
  1120. .user-center1 .aside-right .upload-qualification .review-wrap li:last-of-type{margin-right: 0;}
  1121. .user-center1 .aside-right .upload-qualification .review-wrap .r-center{margin-top: -10px;}
  1122. .user-center1 .aside-right .upload-qualification .review-wrap .r-center img{display: none;}
  1123. .user-center1 .aside-right .upload-qualification .review-wrap .r-right{width: 750px; color: #ff4222;}
  1124. .user-center1 .aside-right .upload-qualification .review-wrap .r-right div{display: none;}
  1125. .user-center1 .aside-right .upload-qualification .hide-action .upload-img{display: none;}
  1126. .user-center1 .aside-right .upload-qualification .hide-action .delete-img{display: none;}
  1127. .user-center1 .aside-right .upload-qualification .hide-action .reset{display: none;}
  1128. .user-center1 .aside-right .upload-qualification .hide-action .thumbnail{display: none;}
  1129. /*/上传资质*/
  1130. /*推广大使*/
  1131. 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;}
  1132. .aside-right .user-promote{background-color: #fff; min-height: 510px;}
  1133. .aside-right .user-promote .p-list{background-color: #f5f7f9; height: 44px; line-height: 44px; border-bottom: 1px solid #eee;}
  1134. .aside-right .user-promote .p-list li{float: left; padding: 0 20px; cursor: pointer; color: #333;}
  1135. .aside-right .user-promote .p-list li.active{background-color: #fff; border-right: 1px solid #e5e5e5; border-left: 1px solid #eee; margin-left: -1px;}
  1136. .aside-right .user-promote .p-list li.active a{color: #157df1;}
  1137. /*.aside-right .user-promote .tab>div{display: none;}*/
  1138. .aside-right .user-promote .tab-common{padding: 25px 30px;}
  1139. .aside-right .user-promote .tab1 .p-link-1{border: 1px solid #ddd; padding: 15px 20px; margin-bottom: 20px;}
  1140. .aside-right .user-promote .tab1 .p-link-1 dl{color: #333; margin-bottom: 3px;}
  1141. .aside-right .user-promote .tab1 .p-link-1 dl dt span{font-size: 20px;}
  1142. .aside-right .user-promote .tab1 .p-link-1 dl dd .copy{font-size: 12px; margin-top: 8px; margin-left: 20px; display: block;}
  1143. .aside-right .user-promote .tab1 .p-link-1 p{font-size: 12px; color: #999;}
  1144. .aside-right .user-promote .tab1 .p-link-2{border: 1px solid #ddd; padding: 15px 20px; margin-bottom: 25px; position: relative;}
  1145. .aside-right .user-promote .tab1 .p-link-2 .row{margin: 0 -20px;}
  1146. .aside-right .user-promote .tab1 .p-link-2 .line{position: absolute; width: 1px; height: calc(100% - 30px); left: 50%; top: 15px; background-color: #ddd;}
  1147. .aside-right .user-promote .tab1 .p-link-2 dl{padding-left: 15px;}
  1148. .aside-right .user-promote .tab1 .p-link-2 dl dt{color: #333;}
  1149. .aside-right .user-promote .tab1 .p-link-2 dl dt .icon-prompt1{margin: -1px 0 0 3px;}
  1150. .aside-right .user-promote .tab1 .p-link-2 dl dt.rebate-dt{color: #999; margin-bottom: 10px;}
  1151. .aside-right .user-promote .tab1 .p-link-2 dl dt span{color: #999;}
  1152. .aside-right .user-promote .tab1 .p-link-2 dl dd{color: #333;}
  1153. .aside-right .user-promote .tab1 .p-link-2 dl dd.amount-withdrawal-wrap1{height: 34px; overflow: hidden;}
  1154. .aside-right .user-promote .tab1 .p-link-2 dl dd .amount-withdrawal1 span{color: #fba412; font-size: 30px;}
  1155. .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;}
  1156. .aside-right .user-promote .tab1 .p-link-2 dl dd .amount-rebate1 span{color: #333; font-size: 20px;}
  1157. .aside-right .user-promote .tab1 .help{padding: 0;}
  1158. .aside-right .user-promote .tab1 .help .tit{font-size: 20px; color: #333; margin-bottom: 20px;}
  1159. .withdrawal-to-alipay{padding: 15px 10px; border: 1px solid #ddd; display: none;}
  1160. .withdrawal-to-alipay .tit{color: #333; font-size: 16px; margin-bottom: 30px;}
  1161. .withdrawal-to-alipay .form-group{margin-bottom: 20px;}
  1162. .withdrawal-to-alipay .form-group label{color: #333;}
  1163. .withdrawal-to-alipay .withdrawal{color: #333; font-size: 12px; padding-top: 6px;}
  1164. .withdrawal-to-alipay .withdrawal .num{color: #fba208; font-size: 16px; font-weight: 600;}
  1165. .withdrawal-to-alipay .form-group .yuan{padding-top: 7px; color: #333;}
  1166. .withdrawal-to-alipay .form-group .submit1{width: 100px;}
  1167. .withdrawal-to-alipay .form-group .error{font-size: 12px; color: #fd641d; margin-top: 3px; display: none;}
  1168. .withdrawal-to-alipay .form-group.form-error .error{display: block;}
  1169. #payModal .modal-dialog{width: 410px !important;}
  1170. #payModal .tit{font-size: 16px; color: #333; font-weight: 600; margin-bottom: 20px;}
  1171. #payModal .pay-msg{margin-bottom: 25px;}
  1172. #payModal .pay-msg dl{color: #333; margin-bottom: 10px;}
  1173. #payModal .pay-msg dl dt{width: 50%; text-align: right; padding-right: 10px;}
  1174. #payModal .pay-msg dl dd{width: 50%; text-align: left; padding-left: 10px;}
  1175. #payModal .pay-msg dl dd .num{color: #fba208;}
  1176. #payModal .pay-msg dl dd .num i{font-weight: 600;}
  1177. #payModal .cancel-btn{display: inline-block; height: 34px; line-height: 34px; margin-right: 20px;}
  1178. .aside-right .user-promote .tab2 .date{float: left; width: 140px; position: relative;}
  1179. .aside-right .user-promote .tab2 .date1{margin-right: 10px;}
  1180. .aside-right .user-promote .tab2 .date2{margin-right: 20px;}
  1181. .aside-right .user-promote .tab2 .date input{position: relative; z-index: 1; background-color: transparent; cursor: pointer;}
  1182. .aside-right .user-promote .tab2 .date .icon-date{color: #aaa; position: absolute; right: 10px; top: 4px; z-index: 0;}
  1183. .aside-right .user-promote .tab2 .date:hover .icon-date{color: #157df1;}
  1184. .aside-right .user-promote .tab2 .d-top{margin-bottom: 20px;}
  1185. .aside-right .user-promote .tab2 .d-top .form-control{height: 30px;}
  1186. .aside-right .user-promote .tab2 .d-top .line{margin-right: 10px; color: #aaa;}
  1187. .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;}
  1188. .aside-right .user-promote .tab2 .d-top .num{line-height: 34px; margin-left: 30px; color: #333; font-size: 13px;}
  1189. .aside-right .user-promote .tab2 .d-top .num i{color: #157df1;}
  1190. .aside-right .user-promote .tab2 .d-top .account{display: inline-block; width: auto; border-right-color: #f5f6f7;}
  1191. .aside-right .user-promote .tab2 .d-top .account:focus{border-right-color: #66afe9;}
  1192. .aside-right .user-promote .tab-common .table{border: 1px solid #e5e5e5; table-layout: fixed;}
  1193. .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;}
  1194. .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;}
  1195. .aside-right .user-promote .tab-common .table tr:hover{background: #ebf7ff;}
  1196. .aside-right .user-promote .tab-common .no{text-align: center; margin-top: 100px;}
  1197. .aside-right .user-promote .tab3 table .to-edit{font-size: 12px; transform: scale(.9);}
  1198. .aside-right .user-promote .tab3 table .icon-edit{font-size: 24px; cursor: pointer;}
  1199. .aside-right .user-promote .tab3 table .icon-edit:hover{color: #157df1;}
  1200. /*/推广大使*/
  1201. /*----------/个人中心-----------*/
  1202. /*----------工具箱-----------*/
  1203. .toolkit-wrap{background: url("../img/bg-2.jpg") no-repeat center; height: 635px;}
  1204. .toolkit li{float: left; width: 50%; text-align: center; padding-top: 130px; position: relative;}
  1205. .toolkit li .tit{font-size: 30px; color: #333; margin-top: 35px;}
  1206. .toolkit li p{font-size: 18px; color: #666; margin-top: 20px; height: 50px;}
  1207. .toolkit li .ms-btn-primary{width: 165px; margin-top: 40px; padding: 12px;}
  1208. .toolkit li .line{width: 2px; height: 300px; background-color: #d8d7d7; position: absolute; right: 0; bottom: 35px; border-radius: 2px;}
  1209. /*faq*/
  1210. .faq{margin-bottom: 20px;}
  1211. .faq .tit{font-size: 30px; color: #157df1; margin-top: 30px;}
  1212. .faq .tit .icon-faq{position: relative; top: 7px; margin-right: 8px;}
  1213. .faq .row{margin-left: -10px; margin-right: -10px;}
  1214. .faq .row .col-sm-6{padding: 0 10px;}
  1215. .faq .con{border: 1px solid #e5e5e5; border-radius: 3px; padding: 30px 40px; margin-bottom: 20px;}
  1216. .faq .con dl dt{font-size: 25px; color: #333; margin-bottom: 10px;}
  1217. .faq .con dl dt span{width: 5px; height: 24px; background-color: #157df1; display: inline-block; position: relative; top: 3px; margin-right: 12px;}
  1218. .faq .con dl dd{padding-left: 18px;}
  1219. .faq .con dl dd a{font-size: 16px; color: #333; line-height: 34px;}
  1220. .faq .con dl dd a:hover{color: #157df1;}
  1221. .toolkit-common-wrap{background-color: #f2f2f5;}
  1222. .toolkit-common .top{padding: 40px 0; border: 1px solid #e5e5e5; border-radius: 3px; background-color: #fff;}
  1223. .toolkit-common .udid-top{text-align: center; padding-bottom: 0;}
  1224. .toolkit-common .udid-top img{width: 155px; border: 1px solid #e5e5e5; padding: 5px;}
  1225. .toolkit-common .top .tit{font-size: 36px; color: #333; text-align: center;}
  1226. .toolkit-common .udid-top .p-top{color: #333; line-height: 24px; margin-top: 10px; margin-bottom: 20px;}
  1227. .toolkit-common .udid-top p span{color: #157df1;}
  1228. .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;}
  1229. .toolkit-common .ipa-top .form-group{width: 65%; margin: 0 auto;}
  1230. .toolkit-common .ipa-top{text-align: center;}
  1231. .toolkit-common .ipa-top .form-control{margin-top: 40px; margin-bottom: 10px;}
  1232. .toolkit-common .ipa-top .ipa-p{text-align: left; font-size: 12px; color: #666;}
  1233. .toolkit-common .ipa-top .ms-btn-primary{margin-top: 25px; width: 160px; padding: 9px 12px;}
  1234. .toolkit-common .ipa-top .error{text-align: left; font-size: 12px; color: #fd641d; margin-bottom: 5px; display: none;}
  1235. .toolkit-common .ipa-top .form-error .error{display: block;}
  1236. .toolkit-common .ipa-top table{width: 600px; margin: 40px auto 0;}
  1237. .toolkit-common .ipa-top table th{border-color: #e5e5e5 !important; text-align: center; vertical-align: middle; width: 150px;}
  1238. .toolkit-common .ipa-top table td{border-color: #e5e5e5 !important; text-align: left; padding: 20px;}
  1239. .toolkit-common .ipa-top table td a{color: #157df1;}
  1240. .toolkit-common .ipa-top table td a:hover{text-decoration: underline;}
  1241. .toolkit-common .ipa-top table td .icon-big-iphone{margin-right: 20px;}
  1242. .toolkit-common .ipa-top table td img{width: 80px; height: 80px; border-radius: 15px; border: 1px solid #e5e5e5;}
  1243. /*----------toolkit-new----------*/
  1244. /*plist*/
  1245. .toolkit-new{background-color: #fff; border: 1px solid #e5e5e5; border-radius: 3px; padding: 50px 0 40px;}
  1246. .toolkit-new .con{padding: 0 200px;}
  1247. .toolkit-new .tit{color: #333; font-size: 36px; text-align: center; margin-bottom: 50px;}
  1248. @media (min-width: 1200px) {
  1249. .toolkit-new .form-horizontal .col-sm-3{padding-left: 10px; padding-right: 10px;}
  1250. .toolkit-new .form-horizontal .col-sm-9{padding-left: 10px; padding-right: 10px;}
  1251. }
  1252. .toolkit-new .form-horizontal .form-group{margin-bottom: 30px;}
  1253. .toolkit-new .form-horizontal label{color: #333;}
  1254. .toolkit-new .error{font-size: 12px; color: #fd641d; display: none;}
  1255. .toolkit-new .form-error .error{display: block;}
  1256. .toolkit-new .p1{color: #333; padding: 20px 0 0 30px; border-top: 1px solid #e5e5e5; margin-top: 40px;}
  1257. .toolkit-new .p1 a{color: #157df1;}
  1258. /*/plist*/
  1259. /*制作图标*/
  1260. .toolkit-make-icon .make-icon .sp-preview{width: 210px;}
  1261. .toolkit-make-icon{background-color: #fff; border: 1px solid #e5e5e5; border-radius: 3px; padding: 30px; margin-bottom: 40px;}
  1262. .toolkit-make-icon .m-left .m-tit{text-align: center;}
  1263. .toolkit-make-icon .m-right{padding: 30px 40px; border: 1px solid #e5e5e5; border-radius: 3px;}
  1264. .toolkit-make-icon .make-icon .m-tit{color: #333; margin-bottom: 7px;}
  1265. .toolkit-make-icon .make-icon .m-left .m-tit{margin-bottom: 20px; margin-top: 20px;}
  1266. .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;}
  1267. .toolkit-make-icon .make-icon .m-icon .m-icon-con{text-align: center;}
  1268. .toolkit-make-icon .make-icon .m-icon.radius{border-radius: 15px;}
  1269. .toolkit-make-icon .make-icon .m-icon img{max-width: 110px; height: auto;}
  1270. .toolkit-make-icon .make-icon .m-icon .m-name{color: #fff; max-width: 150px; text-align: center;}
  1271. .toolkit-make-icon .make-icon .m-icon .i-name1{color: #fff; text-align: center; font-size: 24px; margin-bottom: 5px; display: none;}
  1272. .toolkit-make-icon .make-icon .m-icon .i-name2{color: #fff; text-align: center; font-size: 24px; margin-top: 5px; display: none;}
  1273. .toolkit-make-icon .make-icon .icon-bg{border: 1px solid #e5e5e5; padding: 30px 25px; border-radius: 3px; margin-bottom: 50px;}
  1274. .toolkit-make-icon .make-icon .icon-bg dl dt{color: #333; margin-right: 20px;}
  1275. .toolkit-make-icon .make-icon .m-icon-bg1{margin-bottom: 20px;}
  1276. .toolkit-make-icon .make-icon .m-icon-bg1 dt{line-height: 30px;}
  1277. .toolkit-make-icon .make-icon .m-icon-bg1 dd{width: 40%;}
  1278. .toolkit-make-icon .make-icon .m-icon-bg2 dt{line-height: 40px;}
  1279. .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;}
  1280. .toolkit-make-icon .make-icon .m-icon-bg2 .small-bg-list li+li{border-left-color: transparent;}
  1281. .toolkit-make-icon .make-icon .m-icon-bg2 .small-bg-list li:first-of-type{border-radius: 3px 0 0 3px;}
  1282. .toolkit-make-icon .make-icon .m-icon-bg2 .small-bg-list li:last-of-type{border-radius: 0 3px 3px 0;}
  1283. .toolkit-make-icon .make-icon .m-icon-bg2 .small-bg-list li .small-bg{width: 100%; height: 100%; border-radius: 2px; background-color: #157df1;}
  1284. .toolkit-make-icon .make-icon .m-icon-bg2 .small-bg-list li .icon-checkbox-small{display: none; position: absolute; right: 0; bottom: 0;}
  1285. .toolkit-make-icon .make-icon .m-icon-bg2 .small-bg-list li.active{border-color: #157df1;}
  1286. .toolkit-make-icon .make-icon .m-icon-bg2 .small-bg-list li.active .icon-checkbox-small{display: block;}
  1287. .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;}
  1288. .toolkit-make-icon .make-icon .foreground-map .tab li+li{border-left-color: transparent;}
  1289. .toolkit-make-icon .make-icon .foreground-map .tab li.active{background-color: #fff; border-bottom-color: transparent;}
  1290. .toolkit-make-icon .make-icon .foreground-map .tab li:first-of-type{border-radius: 3px 0 0 0;}
  1291. .toolkit-make-icon .make-icon .foreground-map .tab li:last-of-type{border-radius: 0 3px 0 0;}
  1292. .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;}
  1293. .toolkit-make-icon .make-icon .foreground-map .tab-con>div{display: none;}
  1294. .toolkit-make-icon .make-icon .foreground-map .tab1{padding: 30px 30px 30px 10px;}
  1295. .toolkit-make-icon .make-icon .foreground-map .tab1 .icons-ul{height: 204px; overflow-y: auto;}
  1296. .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;}
  1297. .toolkit-make-icon .make-icon .foreground-map .tab1 .icons-ul li .icon-checkbox-small{position: absolute; right: 0; bottom: 0; display: none;}
  1298. .toolkit-make-icon .make-icon .foreground-map .tab1 .icons-ul li.active{}
  1299. .toolkit-make-icon .make-icon .foreground-map .tab1 .icons-ul li.active .icon-checkbox-small{display: block;}
  1300. .toolkit-make-icon .make-icon .foreground-map .tab1 .icons-ul li .t-con{border: 1px solid transparent; padding: 10px;}
  1301. .toolkit-make-icon .make-icon .foreground-map .tab1 .icons-ul li.active .t-con{border-color: #157df1;}
  1302. .toolkit-make-icon .make-icon .foreground-map .tab1 .form-group{margin-bottom: 0; margin-top: 20px;}
  1303. .toolkit-make-icon .make-icon .foreground-map .tab1 .form-group:first-of-type{margin-top: 0;}
  1304. .toolkit-make-icon .make-icon .foreground-map .tab1 .form-group:last-of-type{margin-bottom: 0; margin-top: 30px;}
  1305. .toolkit-make-icon .make-icon .foreground-map .tab1 .written-content{display: none;}
  1306. .toolkit-make-icon .make-icon .foreground-map .tab1 .text-color{display: none;}
  1307. .toolkit-make-icon .make-icon .foreground-map .tab2{padding: 30px 10px;}
  1308. .toolkit-make-icon .make-icon .foreground-map .tab2 .edit-text{margin-bottom: 30px;}
  1309. .toolkit-make-icon .make-icon .error{font-size: 12px; color: #fd641d; margin-top: 5px; display: none;}
  1310. .toolkit-make-icon .make-icon .form-error .error{display: block;}
  1311. .toolkit-make-icon .make-icon .control-label{color: #333;}
  1312. .toolkit-make-icon .make-icon .prospects{padding-top: 7px; color: #333;}
  1313. .toolkit-make-icon .make-icon .prospects li{float: left; margin-right: 35px; cursor: pointer;}
  1314. .toolkit-make-icon .make-icon .prospects li .icon-radio{margin-right: 8px;}
  1315. .toolkit-make-icon .make-icon .m-icon-radio{margin-bottom: 40px;}
  1316. .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;}
  1317. .toolkit-make-icon .make-icon .m-icon-radio li .icon-checkbox-small{position: absolute; right: 0; bottom: 0; display: none;}
  1318. .toolkit-make-icon .make-icon .m-icon-radio li.active{border-color: #157df1;}
  1319. .toolkit-make-icon .make-icon .m-icon-radio li.active .icon-checkbox-small{display: block;}
  1320. .toolkit-make-icon .make-icon .img-size dt{float: left; margin-right: 40px; cursor: pointer;}
  1321. .toolkit-make-icon .make-icon .img-size dt .iconfont{margin-right: 7px; position: relative; top: 1px;}
  1322. .toolkit-make-icon .make-icon .img-size dd{float: left; margin-right: 40px; cursor: pointer;}
  1323. .toolkit-make-icon .make-icon .img-size dd .iconfont{margin-right: 7px;}
  1324. .toolkit-make-icon .make-icon .img-size-tit{margin-bottom: 2px;}
  1325. .toolkit-make-icon .make-icon .img-size dt .icon-checkbox-checked1{color: #157df1;}
  1326. .toolkit-make-icon .make-icon .img-size dd .icon-checkbox-checked1{color: #157df1;}
  1327. @media (min-width: 1200px) {
  1328. .toolkit-make-icon .make-icon .foreground-map .tab-con .form-group{margin-left: -10px; margin-right: -10px;}
  1329. .toolkit-make-icon .make-icon .foreground-map .tab-con .col-sm-2{width: 20%; padding-left: 10px; padding-right: 10px;}
  1330. .toolkit-make-icon .make-icon .foreground-map .tab-con .col-sm-10{width: 80%; padding-left: 10px; padding-right: 10px;}
  1331. .toolkit-make-icon .make-icon .foreground-map .tab-con .col-sm-push-2{left: 20%;}
  1332. }
  1333. .toolkit-make-icon .m-right .generated-icon{padding: 9px 35px; margin-top: 25px;}
  1334. /*/制作图标*/
  1335. /*----------/toolkit-new----------*/
  1336. /*----------/工具箱-----------*/
  1337. /*----------企业签名-----------*/
  1338. .signature-banner{background: url("../img/s-banner.jpg") no-repeat center; height: 430px; display: block; padding: 110px 0 0 70px;}
  1339. .signature-banner .con{color: #fff;}
  1340. .signature-banner .con .h1{font-size: 32px; font-weight: 600; margin-bottom: 15px;}
  1341. .signature-banner .con p{font-size: 18px; line-height: 28px; margin-bottom: 20px;}
  1342. .signature-banner .con .ms-btn-primary{width: 110px; background-color: transparent; border-color: #fff; font-size: 16px;}
  1343. /*.corporate-signature-wrap{background-color: #f5f9fe;}*/
  1344. .corporate-signature{padding: 0px 0;}
  1345. .corporate-signature .h1{color: #157df1; margin-bottom: 50px; text-align: center;}
  1346. /*.corporate-signature .ms-thumbnail .ms-caption .tit{font-weight: 600;}*/
  1347. .corporate-signature .ms-thumbnail img{margin-bottom: 15px;}
  1348. .signature-tool{padding: 70px 0;}
  1349. .signature-tool .h1{color: #157df1; text-align: center; margin-bottom: 60px;}
  1350. .signature-tool img{margin: 0 auto;}
  1351. .signature-process-wrap{background: url("../img/bg-4.jpg") no-repeat center; height: 440px;}
  1352. .signature-process{padding-top: 75px;}
  1353. .signature-process .h1{color: #fff; margin-bottom: 80px; text-align: center;}
  1354. .signature-process img{margin: 0 auto;}
  1355. .signature-process ul{padding: 0 50px;}
  1356. .signature-process ul li{float: left;}
  1357. .signature-process ul li img{margin: 0 auto 20px; display: block;}
  1358. .signature-process ul li p{color: #fff;}
  1359. .signature-process ul li:nth-child(even){background: url("../img/tt-13.png") no-repeat center; height: 100px; width: 50px;}
  1360. .signature-process ul li:nth-child(odd){width: calc((100% - 200px) / 5); text-align: center;}
  1361. /*----------/企业签名-----------*/
  1362. /*----------封装页面-----------*/
  1363. .encapsulation-banner-wrap{background: url("../img/banner-4.jpg?20190302") no-repeat center; height: 430px; position: relative; display: block;}
  1364. .encapsulation-banner{padding: 100px 0 0 90px;}
  1365. .encapsulation-banner .h1{color: #fff; font-size: 32px; margin-bottom: 15px;}
  1366. .encapsulation-banner p{color: #fff; font-size: 18px; margin-bottom: 10px;}
  1367. .encapsulation-banner ul{margin-bottom: 20px;}
  1368. .encapsulation-banner ul li{color: #fff; float: left; margin-right: 40px; font-size: 16px;}
  1369. .encapsulation-banner ul li .iconfont{font-size: 20px; position: relative; top: 2px; margin-right: 5px;}
  1370. .encapsulation-banner .ms-btn{border: 1px solid #fff; color: #fff; padding-left: 25px; padding-right: 25px;}
  1371. .encapsulation-introduce-wrap{background-color: #f5f9fe; padding: 20px 0 15px;}
  1372. .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;}
  1373. .encapsulation-introduce .ms-thumbnail .img-wrap img{margin-bottom: 0;}
  1374. .encapsulation-introduce .ms-thumbnail .ms-caption .tit{margin-bottom: 5px;}
  1375. .encapsulation-introduce .ms-thumbnail .ms-caption p{font-size: 12px; line-height: 20px;}
  1376. .function-of{padding: 70px 0 80px; text-align: center;}
  1377. .function-of .tit{font-size: 36px; color: #157df1;}
  1378. .function-of p{font-size: 16px; color: #666; margin: 20px 0 75px;}
  1379. .function-of ul li{float: left; width: 16.6666667%; border-bottom: 1px solid #f5f7f9; border-left: 1px solid #f5f7f9; padding: 30px 0;}
  1380. .function-of ul li .img-wrap{position: relative; width: 60px; height: 55px; margin: 0 auto 10px; display: flex; align-items: center; justify-content: center;}
  1381. .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;}
  1382. .function-of ul li:nth-of-type(1){border-left-color: transparent;}
  1383. .function-of ul li:nth-of-type(7){border-left-color: transparent;}
  1384. .function-of ul li:nth-of-type(13){border-left-color: transparent;}
  1385. .function-of ul li:nth-of-type(n+13){border-bottom-color: transparent;}
  1386. .function-of .f-img img{margin: 0 auto;}
  1387. /*.function-of .watermark{position: absolute; left: 0; top: 0px;}*/
  1388. .app-case-wrap{background-color: #f5f9fe;}
  1389. .app-case{padding: 70px 80px 45px;}
  1390. .app-case .tit{font-size: 36px; color: #157df1; text-align: center; margin-bottom: 70px;}
  1391. .app-case .list .con{position: relative; margin-bottom: 25px;}
  1392. .app-case .list .con img{height: 418px;}
  1393. .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;}
  1394. .app-case .list .con:hover .hover{opacity: 1;}
  1395. .price-pay .wechat-pay{padding: 100px 0;}
  1396. .price-pay .wechat-pay .wechat-img{padding: 10px; width: 200px; height: 200px; border: 1px solid #e5e5e5;}
  1397. .price-pay .wechat-pay .glyphicon-triangle-left{font-size: 30px; color: #333;}
  1398. .price-pay .wechat-pay .left{margin-top: 100px;}
  1399. .price-pay .wechat-pay .center{margin-top: 170px;}
  1400. .user-loss{padding: 80px 0;}
  1401. .user-loss .h1{color: #157df1; text-align: center; margin-bottom: 60px;}
  1402. .user-loss ul{background: url("../img/en-1.png") no-repeat center; position: relative; height: 320px;}
  1403. .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;}
  1404. .user-loss ul li.con1{left: 130px; top: 50px;}
  1405. .user-loss ul li.con2{right: 0;}
  1406. .user-loss ul li.con3{left: 0; bottom: 40px;}
  1407. .user-loss ul li.con4{right: 100px; bottom: 100px;}
  1408. .problem-solving-wrap{background: #f7f8fc url("../img/en-6.png?12>") no-repeat center bottom;}
  1409. .problem-solving{padding: 80px 20px; height: 795px;}
  1410. .problem-solving .h1{color: #157df1; text-align: center; margin-bottom: 80px;}
  1411. @media (min-width: 1200px) {
  1412. .problem-solving .row{margin: 0 -45px;}
  1413. .problem-solving .row .col-sm-3{padding: 0 45px;}
  1414. .problem-solving .row .col-sm-3:nth-child(1){margin-top: 30px;}
  1415. .problem-solving .row .col-sm-3:nth-child(2){margin-top: 180px;}
  1416. .problem-solving .row .col-sm-3:last-of-type{margin-top: 228px;}
  1417. }
  1418. .problem-solving .ms-thumbnail{background-color: #fff; padding: 30px 0; position: relative; border-radius: 10px;}
  1419. .problem-solving .ms-thumbnail .ms-caption p{height: 100px;}
  1420. .problem-solving .ms-thumbnail .location{position: absolute; left: 50%; bottom: -33px; transform: translateX(-50%);}
  1421. .encapsulation-complete-6 ul{padding: 0 50px;}
  1422. .encapsulation-complete-6 ul li{float: left;}
  1423. .encapsulation-complete-6 ul li img{margin: 0 auto 20px; display: block;}
  1424. .encapsulation-complete-6 ul li p{color: #fff;}
  1425. .encapsulation-complete-6 ul li:nth-child(even){background: url("../img/tt-13.png") no-repeat center; height: 100px; width: 50px;}
  1426. .encapsulation-complete-6 ul li:nth-child(odd){width: calc((100% - 200px) / 5); text-align: center;}
  1427. /*----------/封装页面-----------*/
  1428. /*----------404 500-----------*/
  1429. .web404{padding: 150px 0 0; min-height: 790px;}
  1430. .web404 .img{position: relative; padding-left: 45px;}
  1431. .web404 .error{position: absolute; right: -70px; top: 50px;}
  1432. .web404 .error .text{font-size: 24px; color: #333;}
  1433. .web404 .error p{margin-top: 10px;}
  1434. .web404 .error .ms-btn-primary{margin-top: 30px; font-size: 18px; width: 160px;}
  1435. .web500{position: absolute; left: 50%; top: 45%; transform: translate(-50%, -50%);}
  1436. .web500 .error{position: absolute; bottom: -50px; left: 65%;}
  1437. .web500 .error .text{font-size: 24px; color: #333;}
  1438. .web500 .error p{margin-top: 10px;}
  1439. .web500 .error .ms-btn-primary{margin-top: 30px; font-size: 18px; width: 160px;}
  1440. /*----------/404 500-----------*/
  1441. /*----------关于我们-----------*/
  1442. .about-banner-wrap{background: no-repeat center; height: 200px;}
  1443. .about-banner{height: 200px; padding-top: 50px; text-align: center; color: #fff;}
  1444. .about-tab-wrap{background-color: rgba(0,0,0,.1); margin-top: -44px;}
  1445. .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;}
  1446. .about-tab-wrap .about-tab .router-link-active{background-color: #157df1;}
  1447. .about-tab-wrap .about-tab a .iconfont{font-size: 18px; margin-right: 5px; position: relative; top: 1px;}
  1448. .about-tab-wrap .about-tab a:hover{background-color: #157df1;}
  1449. /*.about-us>div{display: none;}*/
  1450. .about-us .common{padding: 70px 0;}
  1451. .about-us .common h1{text-align: center; color: #333; margin-bottom: 50px;}
  1452. .about-us .common .p2{font-size: 16px; color: #333; text-align: center; line-height: 30px; margin-bottom: 50px;}
  1453. .about-us .contact-us{padding-top: 0;}
  1454. .about-us .contact-us .contact-con{padding: 0 50px;}
  1455. .about-us .contact-us .contact-con .ms-thumbnail{border: 1px solid #e5e5e5; padding: 50px 0;}
  1456. .about-us .contact-us .contact-con .ms-thumbnail .ms-caption .tit{font-size: 24px;}
  1457. .about-us .contact-us .contact-con .ms-thumbnail .ms-caption p{color: #666; margin-bottom: 20px;}
  1458. .about-us .contact-us .contact-con .ms-thumbnail .ms-caption .p1 .iconfont{color: #adb6bc; font-size: 20px; margin-right: 10px; position: relative; top: 2px;}
  1459. .about-us .contact-us .contact-con .ms-thumbnail .ms-caption .p1 .feedback1{font-size: 12px; padding: 3px 8px; margin-left: 25px;}
  1460. .about-us .service_content{font-size: 16px; color: #525252; padding: 70px;}
  1461. .about-us .service_content p{color: #333; font-size: 16px; line-height: 28px;}
  1462. .about-us .service_content .font18{color: #333; margin-top: 5px; margin-bottom: 5px;}
  1463. .about-us .service_content h3{font-size: 24px; color: #333333; line-height: 33px; margin-top: 20px; margin-bottom: 10px;}
  1464. .about-us .service_content li{line-height: 30px; list-style: none; color: #333;}
  1465. .about-us .service_content a, a:hover{color: #157df1; text-decoration: none;}
  1466. .about-us p.item-title{margin: 0 0 10px 0; font-size: 24px; color: #333; line-height: 50px;}
  1467. /*----------/关于我们-----------*/
  1468. /*应用上传 重置*/
  1469. /*----------应用上传 重置----------*/
  1470. .qq-upload-list-selector {
  1471. text-align: center;
  1472. padding-top: 0 !important;
  1473. }
  1474. .qq-progress-bar-container-selector {
  1475. height: 12px !important;
  1476. border-radius: 6px;
  1477. }
  1478. .qq-progress-bar-container-selector .qq-progress-bar-selector {
  1479. height: 12px !important;
  1480. border-radius: 6px;
  1481. }
  1482. .qq-progress-bar-container-selector .qq-progress-bar-selector {
  1483. height: 12px !important;
  1484. }
  1485. .release-app .progress-bar.active, .release-app .progress.active .progress-bar {
  1486. /*
  1487. -webkit-animation: none !important;
  1488. -o-animation: none !important;
  1489. animation: none !important;
  1490. */
  1491. }
  1492. .release-app .progress-striped .progress-bar-warning {
  1493. /*background-image: none !important;*/
  1494. }
  1495. .release-app .progress-bar-warning {
  1496. background-color: #36b8f3 !important;
  1497. }
  1498. .big-bag .progress-bar-warning {
  1499. background-color: #ffa634 !important;
  1500. }
  1501. .release-app2 .qq-upload-list li{padding: 9px 55px;}
  1502. .tag-box {
  1503. padding: 50px 20px 60px !important;
  1504. height: 450px !important;
  1505. }
  1506. .release-app .progress {
  1507. margin-top: 20px !important;
  1508. }
  1509. .qq-upload-list-selector {
  1510. margin-top: 20px !important;
  1511. }
  1512. .qq-upload-button-selector {
  1513. margin-top: 130px !important;
  1514. }
  1515. .tag-box-v5 {
  1516. margin-bottom: 0 !important;
  1517. }
  1518. /*----------/应用上传 重置----------*/
  1519. /*----------企业签名----------*/
  1520. .signature1>.con{position: relative;}
  1521. .signature1>.con>.row{margin: 0 0 20px; overflow: hidden; height: 100%;}
  1522. @media (min-width: 1200px) {
  1523. .signature1>.con>.row>.col-sm-2{padding: 0 0 9999px; margin-bottom: -9999px;}
  1524. }
  1525. .signature1>.con>.row>.col-sm-2{background-color: #fff; box-shadow: 0 0 5px rgba(0,0,0,.05);}
  1526. .signature1>.con>.row>.col-sm-10{padding: 0 0 0 10px;}
  1527. .signature1 .left{padding-top: 15px;}
  1528. .signature1 .left ul li{margin-bottom: 10px;}
  1529. .signature1 .left ul li a{padding-left: 25px; display: block; height: 50px; line-height: 50px; border-left: 4px solid transparent; color: #333;}
  1530. .signature1 .left ul li a .iconfont{margin-right: 10px; color: #333; font-size: 18px;}
  1531. .signature1 .left ul li.active a{background-color: #e7f2fe; border-color: #157df1; color: #157df1;}
  1532. .signature1 .left ul li.active a .iconfont{color: #157df1;}
  1533. .signature1 .left ul li.active a .icon-upload1{font-size: 18px;}
  1534. .signature1 .left ul li:hover a{background-color: #e7f2fe; border-color: #157df1; color: #157df1;}
  1535. .signature1 .left ul li:hover a .iconfont{color: #157df1;}
  1536. .signature1 .left ul li .icon-xiangzi{position: relative; top: 1px;}
  1537. .signature1 .left ul li .icon-caidan{position: relative; top: 1px;}
  1538. .signature1 .right{position: relative;}
  1539. .signature1 .right .step{overflow: hidden; margin-bottom: 10px;}
  1540. .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;}
  1541. .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;}
  1542. .signature1 .right .step li.active{color: #157df1;}
  1543. .signature1 .right .step li.active span{color: #157df1; border-color: #157df1;}
  1544. .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;}
  1545. .signature1 .right .step li:before{border-color: rgba(255, 0, 0, 0); border-left-color: #f2f2f5; border-width: 30px; margin-top: -30px;}
  1546. .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;}
  1547. .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;*/}
  1548. .signature1 .right .step-common .tit{line-height: 60px; border-bottom: 1px solid #e5e5e5; height: 60px; padding: 0 0 0 30px; margin-bottom: 20px;}
  1549. .signature1 .right .step-common ul{padding: 0 30px 30px 30px;}
  1550. .signature1 .right .step-common .download-way{margin-top: 7px; font-size: 12px;}
  1551. .signature1 .right .step-common .download-way li{float: left; margin-right: 50px; cursor: pointer; color: #333; font-size: 14px;}
  1552. .signature1 .right .step-common .download-way li .icon-radio{margin-right: 8px; top: 2px;}
  1553. .signature1 .warn-prompt-wrap{padding-bottom: 20px; margin-top: -20px;}
  1554. .signature1 .warn-prompt-wrap .warn-prompt{width: calc(100% - 16.66666667% - 10px);}
  1555. .signature1 .warn-prompt-wrap .warn-prompt-1{width: calc(100% - 16.66666667% - 10px); margin-bottom: 0;}
  1556. .release-app2 .warn-prompt-wrap{padding-bottom: 20px; margin-top: -20px;}
  1557. .release-app2 .warn-prompt-wrap .warn-prompt{width: calc(100% - 16.66666667% - 10px);}
  1558. .release-app2 .warn-prompt-wrap .warn-prompt-1{width: calc(100% - 16.66666667% - 10px); margin-bottom: 0;}
  1559. /*对公转账*/
  1560. .contrary-transfer{color: #666; padding: 0 25px; display: none;}
  1561. .contrary-transfer .warn-prompt{margin-top: 0; margin-bottom: 15px;}
  1562. .contrary-transfer dl dt{width: 60px; text-align: right; margin-right: 45px; padding-top: 7px;}
  1563. .contrary-transfer dl dd{height: 34px; line-height: 34px;}
  1564. .contrary-transfer .dl-input dd{height: auto; line-height: normal;}
  1565. .contrary-transfer .dl-input{margin-top: 10px;}
  1566. .contrary-transfer .dl-input .form-error+.error{display: block;}
  1567. .contrary-transfer .dl-input .error{color: #ff4222; display: none;}
  1568. .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);}
  1569. .signature1 .right .step1 .qq-upload-button-selector{margin-top: 100px !important;}
  1570. .signature1 .right .step1 .qq-upload-list-selector li{padding-left: 20px; padding-right: 20px;}
  1571. .signature1 .right .step2 .form-group{margin-bottom: 30px;}
  1572. .signature1 .right .step2 .form-group .col-sm-6{position: relative;}
  1573. .signature1 .right .step2 .form-group .error-prompt{position: absolute; left: 15px; top: calc(100% + 3px); color: #f00; display: none;}
  1574. .signature1 .right .step2 .form-group.form-error .error-prompt{display: block;}
  1575. .signature1 .right .step2 ul{padding: 7px 15px 0;}
  1576. .signature1 .right .step2 .form-group .col-sm-2{width: 14%;}
  1577. .signature1 .right .step2 .app-name img{border: 1px solid #e5e5e5; border-radius: 15px; width: 60px; height: 60px;}
  1578. .signature1 .right .step2 .app-name .col-sm-2:nth-of-type(1){line-height: 60px; padding-top: 0;}
  1579. .signature1 .right .step2 .app-name .col-sm-2:nth-of-type(2){width: auto; padding-right: 0;}
  1580. .signature1 .right .step2 .app-name .col-sm-4{line-height: 60px;}
  1581. .signature1 .right .step3 .text{padding-left: 30px; margin-bottom: 20px;}
  1582. .signature1 .right .step3 .text img{width: 30px; height: 30px; border: 1px solid #e5e5e5; border-radius: 6px;}
  1583. .signature1 .right .step3 .text p{line-height: 30px; margin-left: 15px;}
  1584. .signature1 .right .step3 .pay-money{padding-bottom: 0; padding-left: 30px;}
  1585. .signature1 .right .step3 .pay-money .ms-btn{width: auto; padding: 6px 12px;}
  1586. .signature1 .right .step3 .pay-money .ms-btn.color-hover{padding-left: 0;}
  1587. .signature1 .right .step3 .pay-money .ms-btn-primary{width: 160px; padding: 9px 0;}
  1588. .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;}
  1589. .signature1 .right .step3 .choose-package li .icon-checkbox{position: absolute; right: 0; bottom: 0; border-bottom-right-radius: 3px; display: none;}
  1590. .signature1 .right .step3 .choose-package li.active{border-color: #157df1;}
  1591. .signature1 .right .step3 .choose-package li.active .icon-checkbox{display: block;}
  1592. .signature1 .right .step3 .tooltip .tooltip-inner{max-width: 300px;}
  1593. .signature1 .right .step4{padding-bottom: 0;}
  1594. .signature1 .right .step4 .top{padding: 30px; border-bottom: 1px solid #e5e5e5; min-height: 350px;}
  1595. .signature1 .right .step4 .top img{border: 1px solid #e5e5e5; border-radius: 15px; width: 80px; height: 80px; margin-right: 20px;}
  1596. .signature1 .right .step4 .top table{width: 45%; color: #333;}
  1597. .signature1 .right .step4 .top table caption{color: #333; font-size: 24px; margin-bottom: 5px;}
  1598. .signature1 .right .step4 .top table caption .tit1{position: relative;}
  1599. .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;}
  1600. .signature1 .right .step4 .top table td{padding: 2px 0; font-size: 12px;}
  1601. .signature1 .right .step4 .top.signature-disabled img{-webkit-filter: grayscale(1); filter: gray; filter: grayscale(1);}
  1602. .signature1 .right .step4 .top.signature-disabled table{color: #999;}
  1603. .signature1 .right .step4 .top.signature-disabled table caption{color: #999;}
  1604. .signature1 .right .step4 .step-bottom{padding: 20px 50px 15px;}
  1605. .signature1 .right .step4 .step-bottom table{width: 100%; }
  1606. .signature1 .right .step4 .step-bottom table th{font-weight: 600; padding: 5px;}
  1607. .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;}
  1608. .signature1 .right .step4 .step-bottom table td{padding: 5px;}
  1609. .signature1 .right .app-table{margin-bottom: 0;}
  1610. .signature1 .right .app-table th{border-bottom-width: 1px;}
  1611. .table-list .app-table tr:hover td{background-color: #ebf7ff;}
  1612. .table-list .app-table td .app-icon-size{margin-right: 10px;}
  1613. .table-list .app-table td .app-icon-size img{width: 45px; height: 45px; border-radius: 10px; border: 1px solid #e5e5e5;}
  1614. .signature1 .right .app-table td .icon-download{font-size: 20px; cursor: pointer; color: #157df1;}
  1615. /*.signature1 .right .app-table td .icon-download:hover{color: #157df1;}*/
  1616. .signature1 .right .app-table .number{cursor: pointer;}
  1617. .signature1 .right .app-table .number .text{position: relative;}
  1618. .signature1 .right .app-table .number .glyphicon{color: #bbb; display: block; font-size: 13px; position: absolute; left: calc(100% + 3px);}
  1619. .signature1 .right .app-table .number .glyphicon-triangle-top{top: -4px;}
  1620. .signature1 .right .app-table .number .glyphicon-triangle-bottom{top: 4px;}
  1621. .signature1 .right .app-table .number.sorted.ascending .glyphicon-triangle-top{color: #666;}
  1622. .signature1 .right .app-table .number.sorted.descending .glyphicon-triangle-bottom{color: #666;}
  1623. .signature1 .right .no-signature{background-color: #fff; min-height: 420px; text-align: center; padding-top: 130px; border: 1px solid #e5e5e5; border-top: none;}
  1624. .signature1 .right .no-signature .text{margin-top: 20px;}
  1625. /*.signature1 .release-app .app-table tr th:first-of-type{width: 80px;}*/
  1626. .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;}
  1627. .signature1 .right .warn-prompt{margin-top: 20px;}
  1628. /*----------/企业签名----------*/
  1629. /*----------封装----------*/
  1630. .encapsulation{padding: 30px; background-color: #fff;}
  1631. .encapsulation .common .list2{padding: 7px 15px 0;}
  1632. .encapsulation .common .list2 li{margin-right: 40px;}
  1633. /*.encapsulation .version-number{margin-bottom: 20px !important;}*/
  1634. .encapsulation .form-horizontal .form-group:last-of-type{margin-bottom: 0;}
  1635. #device{position: relative;}
  1636. #device .error{position: absolute; top: 35px; left: 15px; white-space: nowrap; font-size: 12px; color: #fd641d; display: none;}
  1637. #device.form-error .error{display: block;}
  1638. .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;}
  1639. .encapsulation .upload-icon img{position: absolute; left: 0; top: 0; width: 100%; height: 100%; /*border-radius: 15px;*/ background-color: #fff; /*border: 1px solid #e5e5e5;*/}
  1640. .encapsulation .upload-icon .thumbnail{position: absolute; z-index: 2; width: 100%; height: 100%; opacity: 0; cursor: pointer;}
  1641. .encapsulation .upload-icon .thumbnail1{position: absolute; z-index: 2; width: 100%; height: 100%; opacity: 0; cursor: pointer;}
  1642. .encapsulation .upload-icon .text{text-align: center; margin-top: 60px; font-size: 14px; font-weight: 600; color: #999;}
  1643. .encapsulation .step2 .img-note{font-size: 12px; display: flex; align-items: flex-end; height: 90px; margin-left: 10px;}
  1644. .encapsulation .img-note .ms-btn{font-size: 14px;}
  1645. .encapsulation .step2 .control-label{color: #333;}
  1646. .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;}
  1647. .encapsulation .upload-icon .reset{display: none;}
  1648. .encapsulation .upload-icon.uploaded .reset{display: none;}
  1649. .encapsulation .upload-icon.uploaded:hover .reset{display: block;}
  1650. .encapsulation .upload-img{height: 215px; width: 120px; background-position: center 45%; /*border-radius: 5px;*/ margin-bottom: 0;}
  1651. .encapsulation .upload-img .text{text-align: center; margin-top: 120px;}
  1652. .encapsulation .upload-img img{/*border-radius: 5px;*/}
  1653. .encapsulation .step2 .img-note1{font-size: 12px; display: flex; align-items: flex-end; height: 215px; margin-left: 10px;}
  1654. .encapsulation .step2 .img-note1 .ms-btn{font-size: 14px;}
  1655. /*启动图 显示时间*/
  1656. .encapsulation .step2 .start-time .tit{color: #333;}
  1657. .encapsulation .step2 .start-time ul{padding-left: 0;}
  1658. .encapsulation .step2 .start-time ul li{float: left; cursor: pointer; margin-right: 30px;}
  1659. .encapsulation .step2 .start-time ul li .icon-radio{margin-right: 10px; top: 3px;}
  1660. /*/启动图 显示时间*/
  1661. /*启动图 显示跳过*/
  1662. .encapsulation .step2 .show-skip .tit{color: #333;}
  1663. .encapsulation .step2 .show-skip ul{padding-left: 0;}
  1664. /*/启动图 显示跳过*/
  1665. .encapsulation4{padding: 30px 0;}
  1666. .encapsulation4 .common{margin-bottom: 10px;}
  1667. .encapsulation4 .common .tit{padding: 0 30px 20px; border-bottom: 1px solid #e5e5e5; color: #333;}
  1668. .encapsulation4 .common .list2{padding: 20px 30px 30px; color: #333;}
  1669. .encapsulation4 .pay-money{padding-bottom: 0; margin-top: 0;}
  1670. .encapsulation4 .pay-money .ms-btn.color-hover{width: auto; padding: 6px 12px;}
  1671. .encapsulation5{padding: 0; background-color: transparent;}
  1672. .encapsulation5 .e-details dt{color: #333; font-size: 24px;}
  1673. .encapsulation5 .e-details dd{margin-top: 5px; font-size: 12px;}
  1674. .encapsulation5 .e-details dt .tit1{position: relative;}
  1675. .encapsulation5 .e-details .d-bottom>span{margin-right: 50px;}
  1676. .encapsulation5 table{table-layout: fixed;}
  1677. .encapsulation5 table .ellipsis-wrap{position: relative;}
  1678. .encapsulation5 table .ellipsis-wrap .popover{max-width: 410px; width: 410px; top: 15px; font-size: 14px;}
  1679. .encapsulation5 table .ellipsis-wrap .popover .popover-content span{color: #157df1; margin-left: 10px; cursor: pointer;}
  1680. .encapsulation5 table .ellipsis-wrap .ellipsis{width: 80%;}
  1681. .encapsulation5 table .ellipsis-wrap .popover.bottom>.arrow{left: 25px;}
  1682. .encapsulation5 table .ellipsis-wrap:hover .popover{display: block;}
  1683. .encapsulation-app1{padding: 0; background-color: transparent;}
  1684. .encapsulation-app1 .app-table{color: #666;}
  1685. .encapsulation-app1 .app-table .iconfont{color: #bbb;}
  1686. .encapsulation-app1 .app-table tr th{padding-left: 10px; padding-right: 10px;}
  1687. .encapsulation-app1 .app-table tr td{height: 60px; padding: 0 10px !important;}
  1688. /*.encapsulation-app1 .app-table tr th:nth-of-type(2){text-align: left;}*/
  1689. /*.encapsulation-app1 .app-table tr th:nth-of-type(3){text-align: left;}*/
  1690. /*.encapsulation-app1 .app-table tr td:nth-of-type(3){text-align: left;}*/
  1691. /*.encapsulation-app1 table tr td:nth-of-type(3) a{max-width: 160px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: block;}*/
  1692. .encapsulation-app1 .number{width: 120px;}
  1693. .table-list .app-table .tr-disabled:hover td{background-color: #f7f7f7;}
  1694. .table-list .app-table .td-disabled{color: #999; position: relative;}
  1695. .table-list .app-table .td-disabled .icon-download{display: none;}
  1696. .table-list .app-table .mask{position: absolute; background-color: red; opacity: 0; left: 0; top: 0; width: 100%; height: 100%; cursor: not-allowed;}
  1697. .table-list .app-table .td-disabled img{-webkit-filter: grayscale(1); filter: gray; filter: grayscale(1);}
  1698. .table-list .app-table .td-disabled.table-action-3 .table-btn{display: none;}
  1699. .encapsulation-app1 .no-app{background-color: #fff; padding-top: .1px; min-height: 420px; border: 1px solid #e5e5e5; border-top: none;}
  1700. .encapsulation-app1 .no-app .icon-zhuangxiang{margin-right: 5px; font-size: 18px;}
  1701. .encapsulation-app1 .no-app .ms-btn .text{margin-top: 3px;}
  1702. .no-app .big{display: none;}
  1703. .big-bag .no-app .small{display: none;}
  1704. .big-bag .no-app .big{display: block;}
  1705. .table-list .app-table .ellipsis{max-width: 160px; width: auto;}
  1706. .table-list .app-table .pack-name-ellipsis{max-width: 140px; width: auto;}
  1707. .table-list .app-table .table-btn{padding: 4px 10px; border: 1px solid #157df1; border-radius: 3px; display: inline-block;}
  1708. .table-list .app-table .table-btn + .table-btn{margin-left: 3px;}
  1709. .table-list .app-table .table-btn:hover{background-color: #157df1; color: #fff;}
  1710. .table-list .app-table .table-btn:focus{background-color: transparent; color: #157df1;}
  1711. .table-list .app-table .table-btn:focus:hover{background-color: #157df1; color: #fff;}
  1712. .table-list .app-table .table-btn[disabled=disabled]{color: #ccc; cursor: not-allowed; border-color: #e8e8e8; background-color: #e8e8e8;}
  1713. .table-list .app-table .table-btn[disabled=disabled]:focus{color: #ccc; cursor: not-allowed; border-color: #e8e8e8; background-color: #e8e8e8;}
  1714. .table-list .app-table .table-btn.disabled{color: #ccc; cursor: not-allowed; border-color: #e8e8e8; background-color: #e8e8e8;}
  1715. .table-list .app-table .table-btn.disabled:focus{color: #ccc; cursor: not-allowed; border-color: #e8e8e8; background-color: #e8e8e8;}
  1716. .table-list .app-table .table-btn.color-delete{border-color: #ee635d; margin-right: 0;}
  1717. .table-list .app-table .table-btn.color-delete:hover{background-color: #ee635d; color: #fff;}
  1718. .table-list .app-table .table-btn.color-delete:focus{background-color: transparent; color: #ee635d;}
  1719. .table-list .app-table .table-btn.color-delete:focus:hover{background-color: #ee635d; color: #fff;}
  1720. .table-list .app-table .table-btn.color-delete[disabled=disabled]{color: #ccc; cursor: not-allowed; border-color: #e8e8e8; background-color: #e8e8e8;}
  1721. .table-list .app-table .table-btn.color-delete[disabled=disabled]:focus:hover{color: #ccc; cursor: not-allowed; border-color: #e8e8e8; background-color: #e8e8e8;}
  1722. .table-list .app-table .table-btn.color-delete.disabled{color: #ccc; cursor: not-allowed; border-color: #e8e8e8; background-color: #e8e8e8;}
  1723. .table-list .app-table .table-btn.color-delete.disabled:focus:hover{color: #ccc; cursor: not-allowed; border-color: #e8e8e8; background-color: #e8e8e8;}
  1724. .table-list .app-table .table-btn.disabled{color: #999; cursor: not-allowed;}
  1725. .table-list .app-table .table-action-2{width: 190px;}
  1726. .table-list .app-table .table-action-3{width: 225px;}
  1727. .table-list .app-table .table-action-4{width: 265px;}
  1728. .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;}
  1729. .table-list .app-table td .tit2:hover{color: #157df1;}
  1730. .table-list .app-table td .tit3{color: #999; font-size: 12px; text-align: left; display: block; margin-top: 2px;}
  1731. .table-list .app-table tr .angle-parent{position: relative;}
  1732. .table-list .app-table tr .angle-parent .angle{position: absolute; left: 0; top: 0;}
  1733. .app-details2 .angle-parent{position: relative;}
  1734. .app-details2 .angle-parent .angle{position: absolute; left: 0; top: 0;}
  1735. .encapsulation3{padding: 0;}
  1736. .encapsulation3 .step3{padding-top: .1px;}
  1737. .encapsulation3 .step3 .tit3{padding: 20px 30px; border-bottom: 1px solid #e5e5e5; color: #333;}
  1738. .encapsulation3 .step3 .free-tool{padding-left: 30px; margin-top: 25px; color: #333;}
  1739. .encapsulation3 .step3 .pay-tool{padding-left: 30px; color: #333;}
  1740. .encapsulation3 .step3 .plugin-list{padding: 20px 30px 10px;}
  1741. .encapsulation3 .step3 .plugin-list .con{border: 1px solid #e5e5e5; border-radius: 5px; cursor: pointer; position: relative;}
  1742. .encapsulation3 .step3 .plugin-list .con img{margin: 10px auto 6px; height: 25px;}
  1743. .encapsulation3 .step3 .plugin-list .con .text3{text-align: center; margin-bottom: 10px; color: #666; font-size: 12px;}
  1744. .encapsulation3 .step3 .plugin-list .con .icon-checkbox{position: absolute; bottom: 0; right: 0; display: none;}
  1745. .encapsulation3 .step3 .plugin-list .con.active{border-color: #157df1;}
  1746. .encapsulation3 .step3 .plugin-list .con.active .icon-checkbox{display: block;}
  1747. .encapsulation3 .step3 .plugin-list .row{margin-left: -10px; margin-right: -10px;}
  1748. .encapsulation3 .step3 .plugin-list .row .col-sm-2{padding-left: 10px; padding-right: 10px;}
  1749. .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;}
  1750. .encapsulation3 .step3 .plugin-list .con:hover .in-development{display: flex;}
  1751. .encapsulation3 .step3 .plugin-list .col-sm-2{width: 20%; margin-bottom: 20px;}
  1752. /*.encapsulation3 .step3 .plugin-list .row .col-sm-2:nth-of-type(n+11){margin-bottom: 0;}*/
  1753. .encapsulation3 .step3 .plugin-list .con .c-left{font-size: 12px; width: 60%;}
  1754. .encapsulation3 .step3 .plugin-list .con .c-left .img-hide{display: none;}
  1755. .encapsulation3 .step3 .plugin-list .con.active .c-left .img-hide{display: block;}
  1756. .encapsulation3 .step3 .plugin-list .con.active .c-left .img-show{display: none;}
  1757. .encapsulation3 .step3 .plugin-list .con .c-right{padding: 15px 20px 15px 0; height: 68px; display: flex; align-items: center; justify-content: center;}
  1758. .encapsulation3 .step3 .plugin-list .con .c-right .line{border-left: 1px solid #e5e5e5; width: 1px; height: 100%; margin-right: 20px;}
  1759. .encapsulation3 .step3 .plugin-list .con .c-right .icon-checkbox-checked1{color: #157df1;}
  1760. .encapsulation3 .step3 .plugin-list .con:hover{border-color: #157df1;}
  1761. /*
  1762. * table列表 优化
  1763. * 2018/10/24
  1764. */
  1765. .table-list-wrap{box-shadow: 0 0 5px rgba(0,0,0,.05); background-color: #fff; padding: 20px; min-height: 550px;}
  1766. .new-encapsulation{}
  1767. .new-encapsulation .right .step li{width: 32.5%;}
  1768. .vip-encapsulation{}
  1769. .vip-encapsulation .right .step li{width: 24.4%;}
  1770. .new-encapsulation .right .step-common{min-height: 450px;}
  1771. .new-encapsulation .right .step-common .form-group{margin-bottom: 30px;}
  1772. .new-encapsulation .right .step-common .form-group1{margin-bottom: 20px;}
  1773. @media (min-width: 1200px) {
  1774. .new-encapsulation .right .step-common .form-group .col-sm-2{width: 14%;}
  1775. }
  1776. .new-encapsulation .step-common .img-note{font-size: 12px; display: flex; align-items: flex-end; height: 90px; margin-left: 10px;}
  1777. .new-encapsulation .encapsulation .upload-icon{margin-bottom: 0;}
  1778. .encapsulation .prev-step{padding: 6px 0; margin-right: 12px;}
  1779. /*----------/封装----------*/
  1780. /*----------封装 配置插件----------*/
  1781. .plugin-modal .modal-dialog{width: 700px;}
  1782. .plugin-modal .modal-title{color: #333;}
  1783. .plugin-modal .modal-header{padding-left: 30px;}
  1784. .plugin-modal .modal-footer{padding: 30px 15px;}
  1785. .plugin-modal .modal-header .close{opacity: 1; color: #333; font-size: 26px;}
  1786. .plugin-modal .modal-body{max-height: 600px; overflow-y: auto; position: relative;}
  1787. .modal-aside .modal-body{min-height: 600px;}
  1788. .plugin-modal .modal-body .more-gif{position: absolute; left: 50%; bottom: 0px; margin-left: -52px;}
  1789. .plugin-modal .modal-aside{background-color: #f0f0f0; border-radius: 6px;}
  1790. .plugin-modal .modal-aside .modal-aside-left{width: 35%;}
  1791. .plugin-modal .modal-aside .modal-aside-left .tit1{color: #333; font-size: 16px; text-align: center; margin-top: 55px; margin-bottom: 25px;}
  1792. .plugin-modal .modal-aside .modal-aside-right{width: 65%; background-color: #fff; /*min-height: 710px;*/ border-radius: 0 6px 6px 0;}
  1793. .sp-button-container{width: 75px;}
  1794. .sp-input{border: 1px solid #222;}
  1795. /*浏览器*/
  1796. .plugin-browser .select-browser{color: #157df1; font-size: 12px; margin-left: 125px;}
  1797. .plugin-browser .select-browser:hover{text-decoration: underline;}
  1798. /*/浏览器*/
  1799. /*加载动画*/
  1800. .config-plugin{}
  1801. .config-plugin .plugin-common{padding: 15px 20px;}
  1802. .config-plugin .plugin-common .sp-replacer{width: 100%;}
  1803. .config-plugin .plugin-common .sp-preview{width: 90%;}
  1804. .plugin-loading .tit3{color: #333; margin: 45px 0 15px;}
  1805. .plugin-loading .con{border: 1px solid #e5e5e5; border-radius: 5px; padding: 0 10px; position: relative; overflow: hidden; cursor: pointer;}
  1806. .plugin-loading .con .icon-checkbox{position: absolute; right: 0; bottom: 0; display: none;}
  1807. .plugin-loading .con.active{border-color: #157df1;}
  1808. .plugin-loading .con.active .icon-checkbox{display: block;}
  1809. .plugin-loading .con .tit1{padding: 15px 0;}
  1810. .plugin-loading .con.active .tit1{color: #157df1;}
  1811. .plugin-loading .con-1{border: 1px solid #e5e5e5; border-radius: 5px 5px 0 0; border-bottom: none; height: 140px;}
  1812. .config-plugin .plugin-common .top{color: #333; text-align: center;}
  1813. .config-plugin .plugin-common .top .time{font-size: 12px; font-weight: 600; padding-left: 20px; margin-top: 3px; display: inline-block;}
  1814. .config-plugin .plugin-common .top .num{font-size: 12px; font-weight: 600; margin: 3px 5px 0 0;}
  1815. .config-plugin .plugin-common .top .icon-signal{margin-left: 3px;}
  1816. .config-plugin .plugin-common .top .icon-wifi{font-size: 15px; margin-left: 5px;}
  1817. .config-plugin .plugin-common .top .icon-dianliang{font-size: 14px; margin-right: 3px;}
  1818. .plugin-loading .con-1 .tit2{text-align: center; color: #157df1; font-weight: 600; border-bottom: 1px solid #e5e5e5; padding-bottom: 5px; position: relative;}
  1819. .plugin-loading .con-1 .tit2 .progress1{position: absolute; left: 0; bottom: -1px; background: #157df1; height: 1px; width: 80%;}
  1820. .plugin-loading .con-1 img{margin: 35px auto 0; width: 26px; height: 26px; display: block;}
  1821. /*/加载动画*/
  1822. /*清除缓存*/
  1823. .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;}
  1824. .config-plugin .plugin-common .common-ul li .icon-checkbox{position: absolute; right: 0; bottom: 0; display: none;}
  1825. .config-plugin .plugin-common .common-ul li.active{border: 1px solid #157df1; color: #157df1;}
  1826. .config-plugin .plugin-common .common-ul li.active .icon-checkbox{display: block;}
  1827. /*/清除缓存*/
  1828. /*极光推送*/
  1829. .config-plugin .plugin-common label{color: #333;}
  1830. /*/极光推送*/
  1831. /*退出提示*/
  1832. .plugin-exit .con-1{position: relative;}
  1833. .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;}
  1834. .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;}
  1835. .plugin-exit .con-1 .shadow .s-con .s-tit{font-weight: 600; margin-top: 15px;}
  1836. .plugin-exit .con-1 .shadow .s-con p{margin-top: 5px;}
  1837. .plugin-exit .con-1 .shadow .s-con ol{margin-top: 15px;}
  1838. .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;}
  1839. .plugin-exit .con-1 .shadow .s-con ol li:first-of-type{border-right: 1px solid #e5e5e5;}
  1840. .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;}
  1841. .plugin-exit .mode dd{cursor: pointer;}
  1842. .plugin-exit .mode dd{margin-bottom: 10px;}
  1843. .plugin-exit .mode dd .text{margin-left: 3px;}
  1844. p{}
  1845. /*退出提示*/
  1846. /*引导页*/
  1847. #guideModal .modal-dialog{width: 1070px;}
  1848. #guideModal .modal-aside-left .bg{background: url("../img/aside-10.png") no-repeat center; width: 268px; height: 564px; margin: 0 auto;}
  1849. @media (min-width: 1200px) {
  1850. .plugin-guide .row{margin: 0 -10px;}
  1851. .plugin-guide .row .col-sm-3{width: 20%; padding: 0 10px;}
  1852. }
  1853. #guideModal .modal-aside-left .bg{position: relative;}
  1854. #guideModal img[src=""], #guideModal img:not([src]){opacity: 0;}
  1855. #guideModal .modal-aside-left .bg img{display: block; background-color: #fff; width: 240px; height: 425px; position: absolute; left: 14px; top: 70px;}
  1856. #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;}
  1857. .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;*/}
  1858. .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;}
  1859. .plugin-guide .upload-img .thumbnail{position: absolute; z-index: 2; width: 100%; height: 100%; opacity: 0; cursor: pointer;}
  1860. .plugin-guide .upload-img .text{text-align: center; margin-top: 100px; font-size: 12px;}
  1861. .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;}
  1862. .plugin-guide .upload-img .reset{display: none;}
  1863. .plugin-guide .upload-img.uploaded .reset{display: none;}
  1864. .plugin-guide .upload-img.uploaded:hover .reset{display: block;}
  1865. /*删除*/
  1866. .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;}
  1867. .plugin-guide .upload-img.uploaded .icon-delete2{display: block;}
  1868. .plugin-guide .experience{margin-top: 20px;}
  1869. .plugin-guide .experience-color{margin-top: 45px;}
  1870. .plugin-guide .experience .tit{color: #333; margin-bottom: 7px;}
  1871. /*/引导页*/
  1872. /*第三方分享*/
  1873. .plugin-share .con{border: 1px solid #e5e5e5; border-radius: 5px; padding: 0 10px; position: relative; overflow: hidden; cursor: pointer;}
  1874. .plugin-share .con .icon-checkbox{position: absolute; right: 0; bottom: 0; display: none;}
  1875. .plugin-share .con.active{border-color: #157df1;}
  1876. .plugin-share .con.active .icon-checkbox{display: block;}
  1877. .plugin-share .con .tit1{padding: 15px 0; color: #333;}
  1878. .plugin-share .con.active .tit1{color: #157df1;}
  1879. .plugin-share .con-1{border: 1px solid #e5e5e5; border-radius: 5px 5px 0 0; border-bottom: none; height: 140px;}
  1880. .plugin-share .plugin-common .top{color: #333; text-align: center;}
  1881. .plugin-share .plugin-common .top .time{font-size: 12px; font-weight: 600; padding-left: 20px; margin-top: 3px; display: inline-block;}
  1882. .plugin-share .plugin-common .top .num{font-size: 12px; font-weight: 600; margin: 3px 5px 0 0;}
  1883. .plugin-share .plugin-common .top .icon-signal{margin-left: 3px;}
  1884. .plugin-share .plugin-common .top .icon-wifi{font-size: 15px; margin-left: 5px;}
  1885. .plugin-share .plugin-common .top .icon-dianliang{font-size: 14px; margin-right: 3px;}
  1886. .plugin-share .con-1 .tit2{text-align: center; color: #157df1; font-weight: 600; border-bottom: 1px solid #e5e5e5; padding-bottom: 5px; position: relative;}
  1887. .plugin-share .con-1 .tit2 .share-left{position: absolute; left: 5px; bottom: 3px;}
  1888. .plugin-share .con-1 .tit2 .share-right{position: absolute; right: 5px; bottom: 3px;}
  1889. .plugin-share .con .icon-checkbox-small{position: absolute; right: 0; bottom: 0; display: none;}
  1890. .plugin-share .con.active .icon-checkbox-small{display: block;}
  1891. .plugin-share .s-tit{color: #333; margin-bottom: 8px;}
  1892. .plugin-share .s-tit1{color: #fd641d; margin-top: 5px; font-size: 12px; display: none;}
  1893. .plugin-share .s-way{margin-top: 0;}
  1894. .plugin-share .s-way .w-top{margin-bottom: 8px;}
  1895. .plugin-share .s-way .w-top .t-left{color: #333;}
  1896. .plugin-share .s-way .w-top .t-right{color: #157df1; font-size: 12px;}
  1897. /*第三方分享三期完成后 删除*/
  1898. .plugin-share .s-way .w-con{border: 1px solid #e5e5e5; border-radius: 5px; padding: 15px 12px 0; position: relative; cursor: pointer;}
  1899. .plugin-share .s-way .w-con .s-tit2{color: #333; margin-bottom: 5px;}
  1900. .plugin-share .s-way .w-con p{color: #666; font-size: 12px; margin-bottom: 10px; height: 34px;}
  1901. .plugin-share .s-way .w-con.active{border-color: #157df1;}
  1902. .plugin-share .s-way .w-con.active .s-tit2{color: #157df1;}
  1903. .plugin-share .s-way .w-con .icon-checkbox-small{position: absolute; right: 0; bottom: 0; display: none;}
  1904. .plugin-share .s-way .w-con.active .icon-checkbox-small{display: block;}
  1905. /*/第三方分享三期完成后 删除*/
  1906. .plugin-share .s-way .s-ul li{position: relative; overflow: visible;}
  1907. .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;}
  1908. .plugin-share .s-way .s-ul li .recommended{position: absolute; left: 0; top: 0;}
  1909. .plugin-share .s-way .s-ul li .icon-checkbox-small{position: absolute; right: 0; bottom: 0; display: none;}
  1910. .plugin-share .s-way .s-ul li.active .icon-checkbox-small{display: block;}
  1911. .plugin-share .app-share{display: none; position: relative;}
  1912. /*.plugin-share .app-share .label-wrap{margin-bottom: 8px;}*/
  1913. .plugin-share .app-share .label-wrap label{color: #333;}
  1914. .plugin-share .app-share .label-wrap a{color: #157df1; font-size: 12px; position: absolute; right: 0; top: -21px;}
  1915. .plugin-share .s-con{border: 1px solid #e5e5e5; padding: 15px 20px 20px; border-radius: 4px;}
  1916. .plugin-share .app-share .s-con{margin-top: 20px;}
  1917. .plugin-share .s-con .s-tit3{color: #333;}
  1918. .plugin-share .s-con dl{color: #333; margin-top: 10px;}
  1919. .plugin-share .s-con dl dt{font-weight: 600; margin-bottom: 5px;}
  1920. .plugin-share .s-con .save-txt{padding: 3px 5px 2px; font-size: 12px; line-height: 14px; margin-top: 5px; margin-bottom: 25px;}
  1921. .plugin-share .app-share input{margin-top: 10px;}
  1922. .plugin-share .form-group{margin-bottom: 30px;}
  1923. .plugin-share .form-group:last-of-type{margin-bottom: 0;}
  1924. .plugin-share .form-group .row .col-sm-8{margin-bottom: 10px;}
  1925. .plugin-share .share-location{margin-top: 40px;}
  1926. .plugin-share .share-location .s-tit4{color: #333; margin-bottom: 2px;}
  1927. .plugin-share .share-location p{color: #fd641d;}
  1928. .plugin-share .share-content{margin-top: 40px;}
  1929. .plugin-share .share-content .tab .s-con{display: none;}
  1930. .plugin-share .share-content .radio-round{margin-bottom: 20px; color: #333;}
  1931. .plugin-share .share-content label{margin-bottom: 5px;}
  1932. .plugin-share .share-content .form-group{margin-bottom: 15px;}
  1933. .plugin-share .share-content .form-group .error{color: #fd641d; font-size: 12px; display: none;}
  1934. .plugin-share .share-content .form-group.form-error .error{display: block;}
  1935. .plugin-share .share-content .s-con .form-group:last-of-type{margin-bottom: 0;}
  1936. /*/第三方分享*/
  1937. /*状态栏*/
  1938. @media (min-width: 1200px) {
  1939. #stateModal .modal-dialog{width: 1070px;}
  1940. }
  1941. #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;}
  1942. .plugin-modal .common-top{height: 24px; line-height: 24px; background-color: #157df1; color: #fff;}
  1943. .plugin-modal .common-top.white{color: #fff;}
  1944. .plugin-modal .common-top.black{color: #333;}
  1945. .plugin-modal .common-top .icon-signal{margin-left: 3px; font-size: 13px;}
  1946. .plugin-modal .common-top .font12{font-size: 12px; transform: scale(.8);}
  1947. .plugin-modal .common-top .icon-dianliang{margin-top: -1px; margin-right: 5px; font-size: 12px;}
  1948. #stateModal .common-top{width: auto; margin: 71px 15px 0; height: 16px; line-height: 16px;}
  1949. .plugin-state .tit1{color: #333; margin-bottom: 5px;}
  1950. .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;}
  1951. .config-plugin .plugin-common .bg-text-color ol li.active{border: 3px solid #157df1;}
  1952. .config-plugin .plugin-common .bg-text-color ol li:last-of-type{margin-left: 10px;}
  1953. .config-plugin .plugin-common .bg-text-color ol li:first-of-type span{display: block; background-color: #fff; width: 100%; height: 100%;}
  1954. .config-plugin .plugin-common .bg-text-color ol li:last-of-type span{display: block; background-color: #333; width: 100%; height: 100%;}
  1955. /*/状态栏*/
  1956. /*标题栏*/
  1957. @media (min-width: 1200px) {
  1958. #titleModal .modal-dialog{width: 1070px;}
  1959. }
  1960. #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;}
  1961. .plugin-title input{color: #333;}
  1962. .plugin-title .tit1{color: #333; margin-bottom: 5px;}
  1963. #titleModal .modal-aside-left .state-title-header{margin-top: 71px;}
  1964. #titleModal .modal-aside-left .state-top{width: auto; margin: 0 15px; height: 16px; line-height: 16px;}
  1965. #titleModal .modal-aside-left .title-top{height: 26px; line-height: 26px; position: relative; /*margin-top: 85px;*/ width: auto; margin-left: 15px; margin-right: 15px;}
  1966. #titleModal .modal-aside-left .title-top .iconfont{font-size: 20px; display: none;}
  1967. #titleModal .modal-aside-left .title-top .t-left .iconfont{margin-left: 5px; margin-top: 1px;}
  1968. #titleModal .modal-aside-left .title-top .t-right .iconfont{margin-right: 5px; margin-top: 1px;}
  1969. #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;}
  1970. .plugin-title .form-group{margin-bottom: 40px;}
  1971. .plugin-title .form-group:last-of-type{margin-bottom: 0;}
  1972. .plugin-title .function-keys-wrap{margin-top: 40px;}
  1973. .plugin-title .function-keys-wrap .form-group{margin-bottom: 20px;}
  1974. .plugin-title .function-keys-wrap .form-group:last-of-type{margin-bottom: 0;}
  1975. .plugin-title .function-keys li{float: left; margin-right: 25px; cursor: pointer; margin-bottom: 10px;}
  1976. .plugin-title .function-keys li .icon{position: relative; top: 3px; margin-right: 5px;}
  1977. .plugin-title .function-keys li .iconfont{position: relative; top: 1px; margin-right: 5px;}
  1978. .plugin-title .function-keys li.disabled{background-color: transparent !important;}
  1979. .plugin-title .function-keys li .icon-checkbox-checked1{color: #157df1;}
  1980. .plugin-title .title-top dd .icon-text{display: none;}
  1981. .plugin-title .title-top dd.vertical{background-color: rgba(21, 125, 241, .5); width: 100px; padding: 10px 0 10px 8px; margin-top: 4px;}
  1982. .plugin-title .title-top .t-right dd.vertical{padding-left: 20px;}
  1983. .plugin-title .title-top dd.vertical .icon-text{display: block;}
  1984. .plugin-title .title-top dd.vertical .icon-wrap{width: 100%; height: 32px; line-height: 32px;}
  1985. .plugin-title .title-top dd.vertical .icon-wrap .iconfont{margin-top: 0; margin-right: 5px;}
  1986. /*.plugin-title .common-ul{margin-bottom: 40px;}*/
  1987. .plugin-title .state-way{position: relative; margin-top: 40px;}
  1988. .plugin-title .bg-text-color1{margin-top: 40px;}
  1989. .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;}
  1990. .plugin-title .bg-text-color1 ol li.active{border: 3px solid #157df1;}
  1991. .plugin-title .bg-text-color1 ol li:last-of-type{margin-left: 10px;}
  1992. .plugin-title .bg-text-color1 ol li:first-of-type span{display: block; background-color: #fff; width: 100%; height: 100%;}
  1993. .plugin-title .bg-text-color1 ol li:last-of-type span{display: block; background-color: #333; width: 100%; height: 100%;}
  1994. .plugin-title .state-bg-extension{display: none; padding-left: 15px;}
  1995. .plugin-title .state-bg-extension .tit{color: #333; margin-bottom: 3px;}
  1996. .plugin-title .state-way .way-popover{position: absolute; top: 0; left: 198px; color: #157df1; font-size: 12px;}
  1997. .plugin-title .hr{margin-top: 50px; margin-bottom: 45px;}
  1998. .plugin-title .state-way .extend-prompt{color: #fd641d; font-size: 12px; margin-top: 10px;}
  1999. #titleModal .plugin-title .state-top-extension{background: url("../img/img-ys.png") no-repeat center top; width: 237px; height: 128px;}
  2000. /*/标题栏*/
  2001. /*导航栏*/
  2002. /*改版完成后,删除*/
  2003. .config-plugin .plugin-common .common-top.white .n-text{color: #fff;}
  2004. .config-plugin .plugin-common .common-top.black .n-text{color: #333;}
  2005. .config-plugin .plugin-common .common-top.white .n-icon{border-color: #fff; color: #fff;}
  2006. .config-plugin .plugin-common .common-top.black .n-icon{border-color: #333; color: #333;}
  2007. /*/改版完成后,删除*/
  2008. #navModal .modal-dialog{width: 1070px;}
  2009. #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;}
  2010. .plugin-nav .nav-top{background-color: #157df1; height: 38px; line-height: normal; position: absolute; bottom: 74px; left: 15px; right: 15px; width: auto;}
  2011. .plugin-nav .nav-top ul{width: 100%; /*height: 36px;*/ /*table-layout: fixed; display: table;*/}
  2012. .plugin-nav .nav-top ul li{display: table-cell; text-align: center; width: 1%; height: 38px;}
  2013. .plugin-nav .nav-top ul li:nth-of-type(n+3){display: none;}
  2014. .plugin-nav .icon-null{border: 1px solid #ddd; width: 14px; height: 14px; border-radius: 50%; background-color: #fff; display: inline-block;}
  2015. .plugin-nav .n-text{color: #333;}
  2016. .plugin-nav .nav-top .n-icon{color: #ddd;}
  2017. .plugin-nav .nav-top .n-text{color: #ddd;}
  2018. .plugin-nav .nav-top ul li:first-of-type .n-icon{color: #fff; border-color: #fff;}
  2019. .plugin-nav .nav-top ul li:first-of-type .n-text{color: #fff;}
  2020. .plugin-nav .nav-top ul li .li-con{display: flex; justify-content: center; align-items: center; height: 100%;}
  2021. /*.config-plugin .plugin-nav .tit1{color: #333; margin-bottom: 5px;}*/
  2022. .config-plugin .plugin-nav .set-nav .tit2{color: #333;}
  2023. .config-plugin .plugin-nav .set-nav .tit2 span{color: #999;}
  2024. /*.config-plugin .plugin-nav .set-nav .tit2 span{color: #f00;}*/
  2025. .config-plugin .plugin-nav .set-nav .reset{font-size: 12px; color: #157df1; line-height: 20px; cursor: pointer;}
  2026. .config-plugin .plugin-nav .set-nav .set-con{border: 1px solid #e5e5e5; border-radius: 3px; margin-top: 5px;}
  2027. /*配置插件 导航改版完成后将此处删除*/
  2028. /*
  2029. .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;}
  2030. .config-plugin .plugin-nav .set-nav .set-ul li:nth-of-type(n+3):not(.add-li){display: none;}
  2031. .config-plugin .plugin-nav .set-nav .set-ul li.active{border-bottom-color: transparent; background-color: #fff;}
  2032. .config-plugin .plugin-nav .set-nav .set-ul li.active .n-text{color: #333;}
  2033. .config-plugin .plugin-nav .set-nav .set-ul li.bg-error{background-color: #fd641d; color: #fff; border-bottom-color: #fd641d;}
  2034. .config-plugin .plugin-nav .set-nav .set-ul li.bg-error .n-text{color: #fff;}
  2035. .config-plugin .plugin-nav .set-nav .set-ul li.bg-error .iconfont{color: #fff !important;}
  2036. .config-plugin .plugin-nav .set-nav .set-ul li.add-li{padding: 0; width: 54px;}
  2037. .config-plugin .plugin-nav .set-nav .set-ul li .icon-null{margin-top: 0;}
  2038. .config-plugin .plugin-nav .set-nav .set-ul li.add-li .iconfont{color: #e5e5e5; font-size: 30px; margin-top: 7px; display: inline-block;}
  2039. .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;}
  2040. .config-plugin .plugin-nav .set-nav .set-ul li .mask .iconfont{font-size: 14px;}
  2041. .config-plugin .plugin-nav .set-nav .set-ul li:hover .mask{display: flex;}
  2042. .config-plugin .plugin-nav .set-nav .set-ul li .li-con{}
  2043. .config-plugin .plugin-nav .set-nav .tab{padding: 25px 10px 10px;}
  2044. .config-plugin .plugin-nav .set-nav .tab .add-icon-wrap .col-sm-7{width: auto;}
  2045. .config-plugin .plugin-nav .set-nav .tab .add-icon-wrap .add-link{margin-top: 10px;}
  2046. .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;}
  2047. .config-plugin .plugin-nav .set-nav .tab .add-icon .iconfont{color: #e5e5e5; font-size: 22px; margin-top: 2px; margin-left: 2px; display: inline-block;}
  2048. .config-plugin .plugin-nav .set-nav .tab .col-sm-2{width: 60px ; padding-right: 0;}
  2049. .config-plugin .plugin-nav .set-nav .tab .col-sm-2 .control-label{width: 100%;}
  2050. .config-plugin .plugin-nav .set-nav .tab .t-con{display: none;}
  2051. #navModal .error{display: none;}
  2052. #navModal .form-error .error{font-size: 12px; color: #fd641d; display: block; margin-left: 0px;}!*导航栏改版完成后,再改回50px*!
  2053. */
  2054. /*/配置插件 导航改版完成后将以上删除*/
  2055. .config-plugin .plugin-nav .set-nav .set-bottom{margin-top: 40px;}
  2056. .config-plugin .plugin-nav .set-nav .set-bottom .b-tit{color: #333; margin-bottom: 5px;}
  2057. .config-plugin .plugin-nav .set-nav .set-bottom ul li{float: left; margin-right: 40px; cursor: pointer;}
  2058. .config-plugin .plugin-nav .set-nav .set-bottom ul li .icon-radio{position: relative; top: 3px; margin-right: 5px;}
  2059. .plugin-modal .icons li{float: left; text-align: center; cursor: pointer; margin: 5px; color: #666;}
  2060. .plugin-modal .icons li div{font-size: 12px; }
  2061. .plugin-modal .icons li .iconfont{font-size: 36px;}
  2062. .plugin-modal .icons li:hover{color: #157df1;}
  2063. /*2018/10/30 重构*/
  2064. /*.plugin-nav .plugin-common{padding: 15px 40px;}*/
  2065. /*.plugin-nav .bg-text-color{margin-top: 40px;}*/
  2066. .plugin-nav .tit1{margin-bottom: 5px; color: #333;}
  2067. .plugin-nav .nav-font-color1{margin-top: 40px;}
  2068. .plugin-nav .nav-font-color2{margin-top: 40px;}
  2069. .plugin-nav .n-nav{background-color: #e5e5e5; height: 36px; line-height: 36px; padding-left: 70px;}
  2070. .plugin-nav .n-nav li{float: left; margin: 0 5px; text-align: center;}
  2071. .plugin-nav .n-nav .nav-fun{width: 140px;}
  2072. .plugin-nav .n-nav .nav-name{width: 90px;}
  2073. .plugin-nav .n-nav .nav-icon{width: 34px; margin-left: 0;}
  2074. .plugin-nav .n-list{padding: 20px; color: #333;}
  2075. .plugin-nav .n-list dd{margin-bottom: 30px; position: relative;}
  2076. .plugin-nav .n-list dd:nth-of-type(n+3){display: none;}
  2077. .plugin-nav .n-list .n-num{margin-right: 15px; padding-top: 7px;}
  2078. .plugin-nav .n-list .n-text{margin-right: 10px; width: 90px; padding: 6px;}
  2079. .plugin-nav .n-list select{margin-right: 10px; width: 140px; padding: 6px; color: #999;}
  2080. .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;}
  2081. .plugin-nav .n-list .add-icon .iconfont{color: #e5e5e5; font-size: 22px; /*margin-top: 2px;*/ margin-left: 3px; display: inline-block;}
  2082. .plugin-nav .n-list .n-link{margin-right: 20px; width: 175px; padding: 6px; visibility: hidden;}
  2083. .plugin-nav .n-list .n-delete{font-size: 24px; color: #f17d78; cursor: pointer; display: none;}
  2084. .plugin-nav .n-list dd:hover .n-delete{display: block;}
  2085. .plugin-nav .n-list dd .error{color: #ff4222; position: absolute; left: 50px; top: 100%; display: none;}
  2086. .plugin-nav .n-list dd.form-error .error{display: block;}
  2087. /*2018/10/30 重构*/
  2088. /*导航栏*/
  2089. /*升级提示*/
  2090. .plugin-upgrade-prompt .u-con{margin-bottom: 40px;}
  2091. .plugin-upgrade-prompt .u-tit{color: #333; margin-bottom: 5px;}
  2092. .plugin-upgrade-prompt ul li{float: left; color: #333; cursor: pointer;}
  2093. .plugin-upgrade-prompt ul li+li{margin-left: 30px;}
  2094. .plugin-upgrade-prompt ul li .icon-radio{position: relative; top: 3px; margin-right: 8px;}
  2095. .plugin-upgrade-prompt .u-con select+input[type=text]{display: none;}
  2096. .plugin-upgrade-prompt .style li{text-align: center; color: #666;}
  2097. .plugin-upgrade-prompt .style li .s-con{position: relative; margin-bottom: 5px; border-radius: 5px; overflow: hidden; border: 1px solid transparent;}
  2098. .plugin-upgrade-prompt .style li .s-con .icon-checkbox{position: absolute; bottom: 0; right: 0; display: none;}
  2099. .plugin-upgrade-prompt .style li.active .s-con{border-color: #157df1;}
  2100. .plugin-upgrade-prompt .style li.active .s-con .icon-checkbox{display: block;}
  2101. .plugin-upgrade-prompt .download-address{margin-bottom: 0;}
  2102. /*/升级提示*/
  2103. /*左侧栏*/
  2104. @media (min-width: 1200px) {
  2105. #asideModal .modal-dialog{width: 1070px;}
  2106. }
  2107. #asideModal .modal-content{overflow: hidden; background-color: #f0f0f0;}
  2108. #asideModal .aside-modal .a-left{width: 35%; float: left; /*background-color: #f0f0f0; padding-bottom: 100px;*/}
  2109. #asideModal .aside-modal .a-right{width: 65%; float: right; background-color: #fff;}
  2110. #asideModal .aside-modal .a-left .phone{background: url("../img/aside-phone.png") no-repeat; width: 268px; height: 564px; position: relative; margin: 30px auto 0;}
  2111. #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;}
  2112. #asideModal .aside-modal .a-left .l-tit{text-align: center; margin-top: 60px; color: #333; font-size: 16px;}
  2113. #asideModal .aside-modal .a-left .phone .bg .aside-icon{margin-bottom: 18px;}
  2114. #asideModal .aside-modal .a-left .phone .bg .aside-icon img{border-radius: 3px; width: 40px; height: 40px;}
  2115. #asideModal .aside-modal .a-left .phone .bg .aside-nav li{border-bottom: 1px solid #e5e5e5; padding: 4px 0; display: none;}
  2116. #asideModal .aside-modal .a-left .phone .bg .aside-nav li .iconfont{font-size: 20px; color: #333;}
  2117. #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;}
  2118. /*#asideModal .aside-modal .a-left .phone .bg .aside-nav.white licolor: #fff;}*/
  2119. /*#asideModal .aside-modal .a-left .phone .bg .aside-nav.black li{color: #000;}*/
  2120. #asideModal .aside-modal .a-left .phone .bg .b-right{position: absolute; top: 0; right: 0;}
  2121. #asideModal .aside-modal .a-left .phone .bg .b-right img{display: none;}
  2122. #asideModal .plugin-remind{display: block; margin-top: 20px;}
  2123. .plugin-aside .set-bottom ul li{float: left; margin-right: 40px; cursor: pointer;}
  2124. .plugin-aside .set-nav .set-bottom ul li .icon-radio{position: relative; top: 3px; margin-right: 5px;}
  2125. .plugin-aside .tit1{color: #333; margin-bottom: 5px;}
  2126. .plugin-aside .set-nav .tit2{color: #333;}
  2127. .plugin-aside .set-nav .tit2 span{color: #999;}
  2128. .plugin-aside .set-nav .reset{font-size: 12px; color: #157df1; line-height: 20px; cursor: pointer;}
  2129. .plugin-aside .set-nav .set-con{border: 1px solid #e5e5e5; border-radius: 3px; margin-top: 5px;}
  2130. .plugin-aside .set-nav .set-bottom{margin-top: 40px;}
  2131. .plugin-aside .set-nav .set-bottom .b-tit{color: #333; margin-bottom: 5px;}
  2132. .plugin-aside .set-nav .set-bottom ul li{float: left; margin-right: 40px; cursor: pointer; color: #333;}
  2133. .plugin-aside .set-nav .set-bottom ul li .icon-radio{position: relative; top: 3px; margin-right: 5px;}
  2134. .plugin-aside .n-nav{background-color: #e5e5e5; height: 36px; line-height: 36px; padding-left: 65px;}
  2135. .plugin-aside .n-nav li{float: left; margin: 0 5px; text-align: center;}
  2136. .plugin-aside .n-nav .nav-fun{width: 140px;}
  2137. .plugin-aside .n-nav .nav-name{width: 90px;}
  2138. .plugin-aside .n-nav .nav-icon{width: 34px;}
  2139. .plugin-aside .n-list{padding: 20px; color: #333;}
  2140. .plugin-aside .n-list dd{margin-bottom: 30px; position: relative;}
  2141. .plugin-aside .n-list dd:nth-of-type(n+2){display: none;}
  2142. .plugin-aside .n-list .n-num{margin-right: 10px; padding-top: 7px; width: 45px;}
  2143. .plugin-aside .n-list .n-text{margin-right: 10px; width: 90px; padding: 6px;}
  2144. .plugin-aside .n-list select{margin-right: 10px; width: 135px; padding: 6px; color: #999;}
  2145. .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;}
  2146. .plugin-aside .n-list .add-icon .iconfont{color: #e5e5e5; font-size: 22px; /*margin-top: 2px;*/ margin-left: 2px; display: inline-block;}
  2147. .plugin-aside .n-list .n-link{margin-right: 20px; width: 170px; padding: 6px; visibility: hidden;}
  2148. .plugin-aside .n-list .n-delete{font-size: 24px; color: #f17d78; cursor: pointer; display: none;}
  2149. .plugin-aside .n-list dd:hover .n-delete{display: block;}
  2150. .plugin-aside .n-list dd .error{color: #ff4222; margin-left: 50px; /*position: absolute; left: 50px; top: 100%;*/ display: none;}
  2151. .plugin-aside .n-list dd.form-error .error{display: block;}
  2152. .plugin-modal .icons li{float: left; text-align: center; cursor: pointer; width: calc(100% / 12); /*margin: 5px 4px;*/ color: #666;}
  2153. .plugin-modal .icons li div{font-size: 12px; }
  2154. .plugin-modal .icons li .iconfont{font-size: 36px;}
  2155. .plugin-modal .icons li:hover{color: #157df1;}
  2156. .plugin-aside .error{display: none;}
  2157. .plugin-aside .form-error .error{font-size: 12px; color: #fd641d; display: block;}
  2158. .plugin-aside .top-show{margin-top: 40px;}
  2159. .plugin-aside .top-show .b-tit{color: #333; margin-bottom: 5px;}
  2160. .plugin-aside .top-show ul li{float: left; width: 140px; padding: 9px 12px; position: relative; margin-right: 20px;}
  2161. .plugin-aside .top-show ul li .icon-checkbox-small{position: absolute; right: 0; bottom: 0; display: none;}
  2162. .plugin-aside .top-show ul li.active{border-color: #157df1;}
  2163. .plugin-aside .top-show ul li.active .icon-checkbox-small{display: block;}
  2164. .plugin-aside .con{border: 1px solid #e5e5e5; border-radius: 5px; padding: 0 10px; position: relative; overflow: hidden; cursor: pointer;}
  2165. .plugin-aside .con .icon-checkbox{position: absolute; right: 0; bottom: 0; display: none;}
  2166. .plugin-aside .con.active{border-color: #157df1;}
  2167. .plugin-aside .con.active .icon-checkbox{display: block;}
  2168. .plugin-aside .con .tit1{padding: 15px 0;}
  2169. .plugin-aside .con.active .tit1{color: #157df1;}
  2170. .plugin-aside .con-1{border: 1px solid #e5e5e5; border-radius: 5px 5px 0 0; border-bottom: none; height: 140px;}
  2171. .plugin-aside .con-1 .a-icon{color: #333; padding: 0 5px; border-bottom: 1px solid #e5e5e5;}
  2172. .plugin-aside .con-1 .a-icon .iconfont{font-size: 20px;}
  2173. .plugin-aside .con-1 .tit2{text-align: center; color: #157df1; margin-top: 5px;}
  2174. .plugin-aside .con .icon-checkbox-small{position: absolute; right: 0; bottom: 0; display: none;}
  2175. .plugin-aside .con.active .icon-checkbox-small{display: block;}
  2176. .plugin-remind{margin-top: 45px; display: none;}
  2177. .plugin-remind .r-tit{color: #333; margin-bottom: 2px;}
  2178. .plugin-remind p{color: #fd641d;}
  2179. .plugin-remind1{margin-top: 45px; display: none;}
  2180. .plugin-remind1 .r-tit{color: #333; margin-bottom: 2px;}
  2181. .plugin-remind1 p{color: #fd641d;}
  2182. /*/左侧栏*/
  2183. /*制作启动图*/
  2184. #startPicModal .modal-dialog{width: 1010px;}
  2185. #startPicModal .modal-content{overflow: hidden;}
  2186. #startPicModal .modal-body{max-height: 630px; min-height: 630px; padding: 20px 30px;}
  2187. #startPicModal .aside-modal{background-color: #f0f0f0;}
  2188. #startPicModal .aside-modal .a-left{width: 35%; float: left; padding-top: 30px;}
  2189. #startPicModal .aside-modal .a-right{width: 65%; float: right; background-color: #fff;}
  2190. #startPicModal .aside-modal .a-left .l-tit{text-align: center; /*margin-top: 60px;*/ color: #333; font-size: 16px;}
  2191. #startPicModal .aside-modal .a-left .phone{background: url("../img/aside-phone1.png") no-repeat; width: 304px; height: 640px; position: relative; margin: 30px auto 0;}
  2192. #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;}
  2193. #startPicModal .aside-modal .a-left .phone .bg img{border: 1px solid #e5e5e5;}
  2194. #startPicModal .aside-modal .a-left .phone .s-app-icon{text-align: center; margin-bottom: 7px;}
  2195. #startPicModal .aside-modal .a-left .phone .s-app-icon img{width: 65px; height: 65px; border-radius: 5px;}
  2196. #startPicModal .aside-modal .a-left .phone .s-app-name{text-align: center; color: #fff; position: absolute; left: 0; top: 132px; width: 100%;}
  2197. #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;}
  2198. /*#startPicModal .making-startup{padding: 10px 35px;}*/
  2199. #startPicModal .making-startup .s-tit{color: #333; margin-bottom: 5px;}
  2200. #startPicModal .making-startup .pic-list{width: 460px; margin-bottom: 40px;}
  2201. #startPicModal .making-startup .pic-list li{float: left; position: relative; border: 1px solid #e5e5e5; margin-right: 10px; margin-bottom: 10px; cursor: pointer;}
  2202. #startPicModal .making-startup .pic-list li.active{border-color: #157df1;}
  2203. #startPicModal .making-startup .pic-list li .icon-checkbox{position: absolute; right: 0; bottom: 0; display: none;}
  2204. #startPicModal .making-startup .pic-list li.active .icon-checkbox{display: block;}
  2205. #startPicModal .making-startup .radio-tick{margin-bottom: 45px;}
  2206. #startPicModal .a-left .phone .bg-3 .s-app-icon{margin-top: 100px;}
  2207. #startPicModal .a-left .phone .bg-3 .s-app-name{color: #333; top: 232px;}
  2208. #startPicModal .a-left .phone .bg-3 .s-app-introduce{color: #333; top: 252px;}
  2209. /*#startPicModal .aside-modal .a-left .phone .bg-4{height: 475px;}*/
  2210. #startPicModal .a-left .phone .bg-4 .s-app-wrap{position: absolute; bottom: 10px; left: 5px; width: 100%;}
  2211. #startPicModal .a-left .phone .bg-4 .s-app-icon{float: left;}
  2212. #startPicModal .a-left .phone .bg-4 .s-name-wrap{float: left; width: 70%; margin-top: 13px; margin-left: 5px;}
  2213. #startPicModal .a-left .phone .bg-4 .s-app-name{color: #333; text-align: left; position: static;}
  2214. #startPicModal .a-left .phone .bg-4 .s-app-introduce{color: #333; position: static; text-align: left;}
  2215. #startPicModal .a-left .phone .bg-5{border: 1px solid #e5e5e5;}
  2216. #startPicModal .a-left .phone .bg-5 .s-app-icon{margin-top: 30px;}
  2217. #startPicModal .a-left .phone .bg-5 .s-app-name{color: #333; top: 163px;}
  2218. #startPicModal .a-left .phone .bg-5 .s-app-introduce{color: #333; top: 183px;}
  2219. #startPicModal .a-left .phone .bg-6 .s-app-name{color: #333;}
  2220. #startPicModal .a-left .phone .bg-6 .s-app-introduce{color: #333;}
  2221. #startPicModal .a-left .phone .bg-7 .s-app-name{color: #333;}
  2222. #startPicModal .a-left .phone .bg-7 .s-app-introduce{color: #333;}
  2223. /*#startPicModal .aside-modal .a-left .phone .bg-8{height: 475px;}*/
  2224. #startPicModal .a-left .phone .bg-8 .s-app-wrap{position: absolute; bottom: 10px; left: 5px; width: 100%;}
  2225. #startPicModal .a-left .phone .bg-8 .s-app-icon{float: left;}
  2226. #startPicModal .a-left .phone .bg-8 .s-name-wrap{float: left; width: 70%; margin-top: 13px; margin-left: 5px;}
  2227. #startPicModal .a-left .phone .bg-8 .s-app-name{color: #333; text-align: left; position: static;}
  2228. #startPicModal .a-left .phone .bg-8 .s-app-introduce{color: #333; position: static; text-align: left;}
  2229. #startPicModal .a-left .phone .bg-9 .s-app-name{color: #333;}
  2230. #startPicModal .a-left .phone .bg-9 .s-app-introduce{color: #333;}
  2231. /*/制作启动图*/
  2232. /*制作图标*/
  2233. /*2019/4/9/ 改版*/
  2234. @media (min-width: 1200px) {
  2235. #makeIconsModal .modal-dialog{width: 1010px;}
  2236. #makeIconsModal .modal-dialog .modal-body{padding: 20px 30px; min-height: 410px;}
  2237. }
  2238. #makeIconsModal .m-tit{color: #333; margin-bottom: 10px;}
  2239. #makeIconsModal .m-icon{background-position: center; width: 150px; height: 150px; background-size: cover; display: flex; justify-content: center; align-items: center; margin: 0 auto;}
  2240. #makeIconsModal .m-icon img{width: 150px; height: auto; display: block; border-radius: 15px;}
  2241. #makeIconsModal .m-icon .m-name{color: #fff; max-width: 120px; text-align: center;}
  2242. #makeIconsModal .icon-bg{border: 1px solid #e5e5e5; padding: 30px 25px; border-radius: 5px; margin-bottom: 50px;}
  2243. #makeIconsModal .icon-bg dl dt{color: #333; margin-right: 20px;}
  2244. #makeIconsModal .m-icon-bg1{margin-bottom: 20px;}
  2245. #makeIconsModal .m-icon-bg1 dt{line-height: 30px;}
  2246. #makeIconsModal .m-icon-bg1 dd{width: 40%;}
  2247. #makeIconsModal .m-icon-bg2 dt{line-height: 40px;}
  2248. .make-img-common .tab{border-right: 1px solid #e5e5e5;}
  2249. .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;}
  2250. .make-img-common .tab li+li{border-left-color: transparent;}
  2251. .make-img-common .tab li:last-of-type{border-right-color: transparent;}
  2252. .make-img-common .tab li.active{background-color: #fff; border-bottom-color: transparent;}
  2253. /*#makeIconsModal .foreground-map .tab li:first-of-type{border-radius: 5px 0 0 0;}*/
  2254. /*#makeIconsModal .foreground-map .tab li:last-of-type{border-radius: 0 5px 0 0;}*/
  2255. .make-img-common .tab-con{border: 1px solid #e5e5e5; margin-top: -1px;}
  2256. .make-img-common .tab-con>div{display: none;}
  2257. .make-img-common .tab-common{padding: 30px 40px;}
  2258. .make-img-common .tab-common ul{/*height: 204px; overflow-y: auto;*/}
  2259. .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;}
  2260. #startPicModal .make-img-common .tab-common ul li{width: calc((100% - 16px) / 5);}
  2261. #makeIconsModal .make-img-common .tab-common ul li:nth-child(7n){margin-right: 0;}
  2262. #startPicModal .make-img-common .tab-common ul li:nth-child(5n){margin-right: 0;}
  2263. .make-img-common .tab-common ul li .icon-checkbox-small{position: absolute; right: 0; bottom: 0; display: none;}
  2264. .make-img-common .tab-common ul li.active{}
  2265. .make-img-common .tab-common ul li.active .icon-checkbox-small{display: block;}
  2266. .make-img-common .tab-common ul li .t-con{}
  2267. .make-img-common .tab-common ul li.active{border-color: #157df1;}
  2268. #makeIconsModal .error{font-size: 12px; color: #fd641d; margin-top: 5px; display: none;}
  2269. #makeIconsModal .form-error .error{display: block;}
  2270. /*/制作图标*/
  2271. /*网页缩放*/
  2272. .plugin-web-zoom .tit{color: #333; margin-bottom: 5px;}
  2273. /*/网页缩放*/
  2274. /*手势配置*/
  2275. .plugin-gestures .tit{color: #333; margin-bottom: 3px;}
  2276. .plugin-gestures .gestures-list1{margin-bottom: 40px;}
  2277. .plugin-gestures .gestures-list1 li{float: left; margin-right: 40px; cursor: pointer;}
  2278. .plugin-gestures .gestures-list2 .tit{margin-bottom: 5px;}
  2279. .plugin-gestures .gestures-list2 p{color: #fd641d; margin-top: 10px;}
  2280. /*/手势配置*/
  2281. /*浏览器UA*/
  2282. .plugin-ua .ua{margin-bottom: 40px;}
  2283. .plugin-ua .ua:last-of-type{margin-bottom: 10px;}
  2284. .plugin-ua .ua .tit{color: #333; margin-bottom: 5px;}
  2285. .plugin-ua .ua-con{border: 1px solid #e5e5e5; padding: 30px 0;}
  2286. .plugin-ua .ua-con .form-control{margin-bottom: 8px;}
  2287. .plugin-ua .ua-con .form-group{margin: 0 -5px 25px;}
  2288. .plugin-ua .ua-con .form-group:last-of-type{margin-bottom: 0;}
  2289. .plugin-ua .ua-con .col-sm-3{padding: 10px 5px 0;}
  2290. @media (min-width: 1200px) {
  2291. .plugin-ua .ua-con .col-sm-3{width: 22%;}
  2292. }
  2293. .plugin-ua .ua-con .col-sm-8{padding: 0 5px;}
  2294. .plugin-ua .ua-con label{font-size: 12px; color: #333;}
  2295. .plugin-ua .ua-con p{font-size: 12px;}
  2296. .plugin-ua .ua-con p span{color: #157df1;}
  2297. .plugin-ua .ua-con .error{font-size: 12px; color: #fd641d; margin-top: 5px; display: none;}
  2298. .plugin-ua .ua-con .form-error .error{display: block;}
  2299. /*/浏览器UA*/
  2300. /*保存账户密码*/
  2301. .plugin-save-pwd .tit{color: #333; margin-bottom: 5px;}
  2302. /*/保存账户密码*/
  2303. /*----------/封装 配置插件----------*/
  2304. /*----------应用发布 改版----------*/
  2305. .release-app2>.row{margin: 0 0 20px; overflow: hidden; height: 100%;}
  2306. @media (min-width: 1200px) {
  2307. .release-app2>.row>.col-sm-2{padding: 0 0 9999px; margin-bottom: -9999px;}
  2308. }
  2309. .release-app2>.row>.col-sm-2{background-color: #fff; box-shadow: 0 0 5px rgba(0,0,0,.05);}
  2310. .release-app2>.row>.col-sm-10{padding: 0 0 0 10px;}
  2311. /*
  2312. .release-app2>.row{margin-left: -5px; margin-right: -5px;}
  2313. .release-app2>.row>.col-sm-2,.release-app2>.row>.col-sm-10{padding-left: 5px; padding-right: 5px;}
  2314. */
  2315. aside.aside-left{padding-top: 15px;}
  2316. aside.aside-left ul li{margin-bottom: 10px;}
  2317. aside.aside-left ul li a{padding-left: 25px; display: block; height: 50px; line-height: 50px; border-left: 4px solid transparent; color: #333;}
  2318. aside.aside-left ul li a .iconfont{margin-right: 10px; color: #157df1;}
  2319. aside.aside-left ul li.active a{background-color: #e7f2fe; border-color: #157df1; color: #157df1;}
  2320. aside.aside-left ul li.active a .iconfont{color: #157df1;}
  2321. aside.aside-left ul li.active a .icon-upload1{font-size: 18px;}
  2322. aside.aside-left ul li:hover a{background-color: #e7f2fe; border-color: #157df1; color: #157df1;}
  2323. aside.aside-left ul li:hover a .iconfont{color: #157df1;}
  2324. .release-app2 .aside-right .a-top{margin-bottom: 5px;}
  2325. .release-app2 .aside-right .a-top.mb10{margin-bottom: 10px;}
  2326. .release-app2 .aside-right .a-top .app-icon{width: 100px; border-radius: 20px; background-color: #fff; cursor: pointer; border: 1px solid #e5e5e5; overflow: hidden;}
  2327. .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;}
  2328. .release-app2 .aside-right .a-top .app-icon li:last-of-type{border-right-color: transparent;}
  2329. .release-app2 .aside-right .a-top .app-icon li .iconfont{font-size: 22px; color: #bbb;}
  2330. .release-app2 .aside-right .a-top .app-icon li.active{background-color: #157df1;}
  2331. .release-app2 .aside-right .a-top .app-icon li.active .iconfont{color: #fff;}
  2332. .release-app2 .aside-right .search{position: relative; margin-left: 30px;}
  2333. .release-app2 .aside-right .search .iconfont{position: absolute; left: 10px; top: 50%; transform: translateY(-50%); font-size: 18px;}
  2334. .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;}
  2335. .release-app2 .aside-right .search input::-webkit-input-placeholder{color: #333 !important;}
  2336. .release-app2 .aside-right .search input::-moz-placeholder{color: #333 !important;}
  2337. .release-app2 .aside-right .search input::-ms-input-placeholder{color: #333 !important;}
  2338. .release-app2 .aside-right .search .btn-search{line-height: 40px; color: #157df1; margin-left: 15px;}
  2339. .release-app2 .aside-right .how-many dl dd{text-align: right; position: relative; padding-right: 20px; margin-right: 20px;}
  2340. .release-app2 .aside-right .how-many dl dd .p1{font-size: 12px; float: left; color: #999;}
  2341. .release-app2 .aside-right .how-many dl dd .icon-prompt1{font-size: 14px; color: #999; float: left; margin: -3px 0 0 3px;}
  2342. .release-app2 .aside-right .how-many dl dd .icon-prompt{margin-left: 5px; float: left;}
  2343. .release-app2 .aside-right .how-many dl dd .p2{color: #333; float: right; font-size: 19px;}
  2344. .release-app2 .aside-right .how-many dl dd .p2 i{font-size: 12px; color: #999;}
  2345. .release-app2 .aside-right .how-many dl dd .p2 span{float: right;}
  2346. .release-app2 .aside-right .how-many dl dd .p2 span:last-child{margin-right: 10px;}
  2347. .release-app2 .aside-right .how-many dl dd .right-line{position: absolute; top: 6px; right: 0; background-color: #e5e5e5; width: 1px; height: 30px;}
  2348. .release-app2 .aside-right .how-many .ms-btn-primary.w60{padding: 3px 12px; margin-top: 6px;}
  2349. .release-app2 .aside-right .how-many .big-bag-btn{background-color: #fd9817; border-color: #fd9817; color: #fff;}
  2350. .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;*/}
  2351. .release-app2 .aside-right .app-table{border: 1px solid #e5e5e5; font-size: 12px; margin-bottom: 0;}
  2352. .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;}
  2353. .release-app2 .aside-right .app-table tr td{text-align: center; padding: 0 10px; vertical-align: middle; border-color: #e5e5e5; color: #666; height: 60px;}
  2354. /*.release-app2 .aside-right .app-table tr .app-th-name{width: 160px;}*/
  2355. .release-app2 .aside-right .app-table>tbody>tr>td.color-danger{color: #fd641d;}
  2356. .release-app2 .aside-right .app-table>tbody>tr>td.color-999{color: #999;}
  2357. .release-app2 .aside-right .app-table>tbody>tr>td td{text-align: left;}
  2358. .release-app2 .aside-right .app-table tr:hover td{background-color: #ebf7ff;}
  2359. .release-app2 .aside-right .app-table .app-icon1{border-radius: 15px; border: 1px solid #e5e5e5; width: 50px; height: 50px;}
  2360. .table-list .app-table .download-code{/*display: inline-block;*/}
  2361. .table-list .app-table .download-code-wrap{line-height: 16px; height: 16px;}
  2362. .table-list .app-table .download-code1{display: inline-block;}
  2363. .table-list .app-table .download-code .ellipsis{color: #157df1;}
  2364. .table-list .app-table .download-code .ellipsis:hover{text-decoration: underline;}
  2365. .table-list .app-table .download-code .icon-small-code{margin-top: 1px; margin-left: 3px;}
  2366. .release-app2 .aside-right .app-table .app-name1{display: block; color: #666; max-width: 96px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
  2367. .release-app2 .aside-right .app-table .app-icon-name{position: relative;}
  2368. .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;}
  2369. .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;}
  2370. .release-app2 .aside-right .app-table tr td.disabled{background-color: #fff !important;}
  2371. .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;}
  2372. .release-app2 .aside-right .app-table tr td.disabled .tit2{color: #999;}
  2373. .release-app2 .aside-right .app-table tr td.disabled .ellipsis{color: #ccc;}
  2374. .version-history-table{border: 1px solid #e5e5e5;}
  2375. .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;}
  2376. .version-history-table tr td{padding: 0 15px !important; height: 50px; vertical-align: middle !important; font-size: 12px; text-align: center;}
  2377. .version-history-table tr td .bundle-length{display: block;}
  2378. .version-history-table tr td .iconfont{font-size: 20px; cursor: pointer;}
  2379. /*.release-app2 .aside-right .no-app{min-height: 326px; border: 1px solid #e5e5e5; border-top: none;}*/
  2380. .release-app2 .aside-right .no-app .iconfont{font-size: 20px;}
  2381. .release-app2 .aside-right .no-app .text{margin: 4px 0 0 5px;}
  2382. /*.app-details{margin-bottom: 40px;}*/
  2383. .app-details .details-top{padding: 25px 20px; background-color: #fff; margin-bottom: 20px; box-shadow: 0 0 5px rgba(0,0,0,.05);}
  2384. .app-details .details-top>img{border: 1px solid #e5e5e5; border-radius: 12px; width: 60px; height: 60px;}
  2385. .app-details .details-top .information{margin-left: 15px;}
  2386. .app-details .details-top .information dt{color: #333; margin-bottom: 2px; margin-top: -5px;}
  2387. .app-set1 .details-top .information dt{margin-top: 0;}
  2388. .app-details .details-top .information dt .i-tit{position: relative;}
  2389. .app-details .details-top .information dt .i-tit .iconfont{color: #bbb; font-size: 21px;}
  2390. .app-details .details-top .information dt .text{font-size: 20px;}
  2391. /*.app-details .details-top .information dt .iconfont{position: absolute; right: -20px; top: 0;}*/
  2392. .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;}
  2393. .app-details .details-top .information dt .version-private{background-color: #fd641d;}
  2394. .app-details .details-top .information dt .no-flash-back{background-color: #2fc302; width: 52px;}
  2395. .app-details .details-top .information dd{color: #999;}
  2396. /*.app-details .details-top .information dd:first-of-type{margin-bottom: 3px;}*/
  2397. .app-details .details-top .information dd span{margin-right: 30px;}
  2398. .app-details .details-top .information dd i{margin-left: 10px;}
  2399. .add-notes-wrap{cursor: pointer; margin-right: 0 !important;}
  2400. .add-notes-wrap span{margin-right: 0 !important;}
  2401. .add-notes .icon-compile{cursor: pointer; margin-top: -1px;}
  2402. .add-notes .icon-compile:hover{color: #157df1;}
  2403. .add-notes .text{max-width: 250px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; margin-right: 3px !important;}
  2404. /*.add-notes>span:last-of-type:hover{color: #157df1;}*/
  2405. .add-notes:hover>span:last-of-type{color: #157df1;}
  2406. .add-notes:hover .icon-compile{color: #157df1;}
  2407. .add-notes-wrap input[name='remark']{display: inline-block; width: 200px; height: 26px; display: none;}
  2408. #notesModal .modal-content .close{position: absolute; right: 10px; top: 10px; z-index: 2; color: #333; opacity: 1; font-size: 24px;}
  2409. #notesModal .modal-footer{border-top: none; padding: 20px 30px 30px;}
  2410. #notesModal .modal-body{padding: 25px 30px 0;}
  2411. #notesModal .modal-body .tit{margin-bottom: 15px; color: #333;}
  2412. #notesModal .modal-footer .ms-btn-primary{width: 130px; padding: 9px;}
  2413. .app-list-notes-wrap{line-height: 100%;}
  2414. .app-list-notes:empty{display: none;}
  2415. .app-list-notes{margin-top: 3px; font-size: 12px; color: #999; display: block;}
  2416. .app-list-notes2{margin-top: 6px; display: inline-block;}
  2417. .app-details .details-bottom{padding: 10px 0; /*background-color: #fff; box-shadow: 0 0 5px rgba(0,0,0,.05);*/}
  2418. .app-details .details-bottom table{width: 100%; table-layout: fixed;}
  2419. .app-details .details-bottom table th{font-weight: normal; padding: 20px 10px 10px 0; color: #333; white-space: nowrap; vertical-align: middle;}
  2420. .app-details .details-bottom table th .th-line{border-left: 4px solid #157df1; height: 22px; line-height: 22px; display: inline-block; padding-left: 10px;}
  2421. .app-details .details-bottom table th .icon-prompt{position: relative; margin-left: 3px; top: -3px;}
  2422. .app-details .details-bottom table th .icon-prompt1{position: relative; margin-left: 0px; top: 0;}
  2423. .app-details .details-bottom table th .icon-prompt .popover1-content{width: 210px; font-size: 12px;}
  2424. .app-details .details-bottom table th .icon-prompt1 .popover1-content{width: 220px; font-size: 12px; white-space: normal;}
  2425. .app-details .details-bottom table td{padding: 10px 0 10px 15px; vertical-align: top; white-space: nowrap; color: #999;}
  2426. .app-details .details-bottom .d-table-wrap{position: relative;}
  2427. .app-details .details-bottom .points-line{position: absolute; left: 50%; height: calc(100% - 20px); width: 1px; background-color: #e5e5e5; top: 50%; transform: translateY(-50%);}
  2428. .app-details .details-bottom .points-line-l{left: 33.33%;}
  2429. .app-details .details-bottom .points-line-r{right: 33.33%; left: auto;}
  2430. .app-details .details-bottom .points-line-wrap .points-line-3:nth-of-type(1){left: 25%;}
  2431. .app-details .details-bottom .points-line-wrap .points-line-3:nth-of-type(2){left: 50%;}
  2432. .app-details .details-bottom .points-line-wrap .points-line-3:nth-of-type(3){left: 75%;}
  2433. .app-details .details-bottom .bundle-length{max-width: 200px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; display: inline-block;}
  2434. .app-details .details-bottom .d-table-wrap .test-download{}
  2435. .app-details .details-bottom .d-table-wrap .link{max-width: 170px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; display: inline-block;}
  2436. /*.app-details .details-bottom .d-table-wrap .test-download img{margin: 0 5px;}*/
  2437. .app-details .details-bottom .d-table-wrap .more{color: #157df1;}
  2438. .app-details .details-bottom .d-table-wrap .more:hover{text-decoration: underline;}
  2439. .app-details .details-bottom .d-table-wrap .private-equipment-wrap{display: inline-block;}
  2440. .app-details .details-bottom .d-table-wrap .private-equipment{max-width: 170px; width: auto;}
  2441. .app-details2 .bundle-length1{max-width: 255px !important;}
  2442. .app-details2 .bundle-length2{max-width: 292px !important;}
  2443. .app-details2 .bundle-length3{max-width: 310px !important;}
  2444. /*下载明细*/
  2445. .download-details{background-color: #fff; padding: 20px; min-height: 360px;}
  2446. .download-details .date{float: left; width: 140px; position: relative;}
  2447. .download-details .date1{margin-right: 10px;}
  2448. .download-details .date2{margin-right: 20px;}
  2449. .download-details .date input{position: relative; z-index: 1; background-color: transparent; cursor: pointer;}
  2450. .download-details .date .icon-date{color: #aaa; position: absolute; right: 10px; top: 4px; z-index: 0;}
  2451. .download-details .date:hover .icon-date{color: #157df1;}
  2452. .download-details .d-top{margin-bottom: 15px;}
  2453. .download-details .d-top .form-control{height: 30px;}
  2454. .download-details .d-top .line{margin-right: 10px; color: #aaa;}
  2455. .download-details .d-top .query{font-size: 13px; padding: 5px 12px;}
  2456. .download-details .d-top .num{line-height: 34px; margin-left: 30px; color: #333; font-size: 13px;}
  2457. .download-details .d-top .num i{color: #157df1;}
  2458. .download-details .table{border: 1px solid #e5e5e5; table-layout: fixed;}
  2459. .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;}
  2460. .download-details .table tr td{border-top-color: #e5e5e5 !important; height: 50px; vertical-align: middle; text-align: center; font-size: 12px; color: #666;}
  2461. .download-details .table tr:hover{background: #ebf7ff;}
  2462. .download-details .no{text-align: center; margin-top: 100px;}
  2463. /*/下载明细*/
  2464. /*详情页 签名*/
  2465. .app-details .d-signature{/*background-color: #fff; box-shadow: 0 0 5px rgba(0,0,0,.05);*/ padding: 30px 20px; position: relative;}
  2466. .app-details .d-signature dl{color: #333;}
  2467. .app-details .d-signature dl dd{color: #666;}
  2468. .app-details .d-signature dl dd span{color: #157df1; position: relative; top: -1px; margin-right: 3px;}
  2469. .app-details .d-signature .signature-link{position: absolute; right: 30px; top: 50%; padding: 6px 21px; border-radius: 20px; transform: translateY(-50%);}
  2470. /*/详情页 签名*/
  2471. .release-app2 .aside-right .version-history-table td{position: relative; height: 50px; border-color: #e5e5e5;}
  2472. .release-app2 .aside-right .version-history-table td .angle{position: absolute; left: 0; top: 0;}
  2473. /*
  2474. .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);}
  2475. .release-app2 .aside-right .app-details .downloads li{float: left; width: 50%; height: 70px; line-height: 70px; padding-left: 20px; color: #333;}
  2476. .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;}
  2477. .release-app2 .aside-right .app-details .downloads li .d-left .iconfont{font-size: 20px;}
  2478. .release-app2 .aside-right .app-details .downloads li .d-text{margin-left: 10px;}
  2479. .release-app2 .aside-right .app-details .downloads li .d-num{margin-left: 15px; font-size: 16px;}
  2480. .release-app2 .aside-right .app-details .downloads li:first-of-type{border-right: 1px solid #e5e5e5;}
  2481. .release-app2 .aside-right .app-details .downloads li:last-of-type .d-left{background-color: #a59bf6;}
  2482. */
  2483. .release-app2 .aside-right .app-details .details-bottom .ellipsis-wrap{position: relative;}
  2484. .release-app2 .aside-right .app-details .details-bottom .ellipsis-wrap .popover{max-width: 410px; width: 410px; top: 15px; font-size: 14px;}
  2485. .release-app2 .aside-right .app-details .details-bottom .ellipsis-wrap .popover .popover-content span{color: #157df1; margin-left: 10px; cursor: pointer;}
  2486. .release-app2 .aside-right .app-details .details-bottom .ellipsis-wrap .ellipsis{width: 80%;}
  2487. .release-app2 .aside-right .app-details .details-bottom .ellipsis-wrap .popover.bottom>.arrow{left: 25px;}
  2488. .release-app2 .aside-right .app-details .details-bottom .ellipsis-wrap:hover .popover{display: block;}
  2489. .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;}
  2490. .release-app2 .app-details .app-set .tab{background-color: #f2f2f5; height: 44px; line-height: 44px; border-bottom: 1px solid #e5e5e5;}
  2491. .release-app2 .app-details .app-set .tab li{float: left; padding: 0 20px; cursor: pointer; color: #333;}
  2492. .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;}
  2493. .release-app2 .app-details .app-set .tab-con{margin-top: 30px;}
  2494. .release-app2 .app-details .app-set .col-sm-1{width: 13%;}
  2495. .release-app2 .app-details .app-set .tab-con label{color: #333;}
  2496. .release-app2 .app-details .app-set .tab-con .form-control{color: #333;}
  2497. .release-app2 .app-details .app-set .tab-con>div{display: none;}
  2498. .release-app2 .app-details .app-set .tab-con .form-group{margin-bottom: 30px;}
  2499. .release-app2 .app-details .app-set .trust{margin-top: 7px; font-size: 12px;}
  2500. .release-app2 .app-details .app-set .trust li{float: left; margin-right: 50px; margin-top: 2px; cursor: pointer; color: #333;}
  2501. .release-app2 .app-details .app-set .trust li .icon-radio{margin-right: 8px; top: 0;}
  2502. .release-app2 .app-details .app-set .download-way{margin-top: 7px; font-size: 12px;}
  2503. .release-app2 .app-details .app-set .download-way li{float: left; margin-right: 50px; cursor: pointer; color: #333; font-size: 14px;}
  2504. .release-app2 .app-details .app-set .download-way li .icon-radio{margin-right: 8px; top: 2px;}
  2505. .release-app2 .app-details .app-set .short-link>.col-sm-6>.col-sm-6{padding-left: 0; padding-right: 0;}
  2506. .release-app2 .app-details .app-set .short-link .form-control{border-radius: 0 4px 4px 0; border-left: none;}
  2507. .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;}
  2508. .release-app2 .app-details .app-set .language .control-label{padding-top: 0;}
  2509. .release-app2 .app-details .app-set .language .radio-round{color: #333;}
  2510. .release-app2 .app-screenshots .example-image-link{position: relative; margin-right: 20px; float: left; border: 1px solid #e5e5e5;}
  2511. .release-app2 .app-screenshots .example-image-link .icon{position: absolute; color: #ff6565; right: -8px; top: -8px; right: 0\9; top: 0\9;}
  2512. .release-app2 .app-screenshots a{width: 90px\9; height: 160px\9; overflow: hidden\9;} /*\9为ie9以上,除ie11*/
  2513. .release-app2 .app-screenshots a img{max-width: 90px; max-height: 160px; width: 90px\9; height: 160px\9;}
  2514. .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;*/}
  2515. .release-app2 .upload-screenshots .thumbnail-s{position: absolute; left: 0; top: 0; z-index: 2; width: 100%; height: 100%; opacity: 0; cursor: pointer;}
  2516. .release-app2 .upload-screenshots .text{text-align: center; margin-top: 55px; font-size: 12px;}
  2517. .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;*/}
  2518. .upload-icon-common img{position: absolute; left: 0; top: 0; width: 100%; height: 100%; border-radius: 15px; background-color: #fff;}
  2519. .upload-icon-common .thumbnail{position: absolute; left: 0; top: 0; z-index: 2; width: 100%; height: 100%; opacity: 0; cursor: pointer;}
  2520. .upload-icon-common .text{text-align: center; margin-top: 55px; font-size: 12px;}
  2521. .release-app2 .app-details .app-set .img-note{font-size: 12px; display: flex; align-items: flex-end; height: 90px; margin-left: 10px;}
  2522. .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;}
  2523. .upload-icon-common.uploaded .reset{display: none;}
  2524. .upload-icon-common.uploaded:hover .reset{display: block;}
  2525. .release-app2 .aside-right .app-set .basic input::-webkit-input-placeholder{color: #333 !important;}
  2526. .release-app2 .aside-right .app-set .basic input::-moz-placeholder{color: #333 !important;}
  2527. .release-app2 .aside-right .app-set .basic input::-ms-input-placeholder{color: #333 !important;}
  2528. .release-app2 .aside-right .app-set .download-template .t-checked-wrap .t-checked .iconfont{color: #fff; font-size: 32px;}
  2529. .release-app2 .upload-file{padding: 0; padding-top: 0; margin-top: 0;}
  2530. .release-app2 .warn-prompt{margin-top: 0;}
  2531. .release-app2 .tag-box{padding: 0 !important; height: 404px !important;}
  2532. .release-app2 .qq-upload-button-selector{margin-top: 180px !important; margin-bottom: 0;}
  2533. .release-app2 .tag-box-v5{border: none; margin-top: 0;}
  2534. /*侧栏增加大包上传入口*/
  2535. .big-bag-upload{margin-bottom: 40px; display: block;}
  2536. .big-bag .aside-left{height: 500px; margin-bottom: 40px;}
  2537. .big-bag aside.aside-left ul li a .iconfont{margin-right: 10px; color: #fd9817;}
  2538. .big-bag aside.aside-left ul li.active a{background-color: #fff4e7; border-color: #fd9817; color: #fd9817;}
  2539. .big-bag aside.aside-left ul li.active a .iconfont{color: #fd9817;}
  2540. .big-bag aside.aside-left ul li.active a .icon-upload1{font-size: 18px;}
  2541. .big-bag aside.aside-left ul li:hover a{background-color: #fff4e7; border-color: #fd9817; color: #fd9817;}
  2542. .big-bag aside.aside-left ul li:hover a .iconfont{color: #fd9817;}
  2543. .big-bag .upload-file .upload-btn .iconfont{}
  2544. .big-bag .upload-file .upload-btn{background-color: #fd9817; border-color: #fd9817;}
  2545. .big-bag .aside-right .a-top .app-icon li.active{background-color: #fd9817;}
  2546. .big-bag .aside-right .search .btn-search{color: #fd9817;}
  2547. .big-bag .ms-btn-primary.btn-new-release{background-color: #fd9817; border-color: #fd9817;}
  2548. /*大包立即购买按钮*/
  2549. .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;}
  2550. .upload-file .upload-buy .iconfont{font-size: 24px; margin-right: 5px; position: relative; top: 1px;}
  2551. .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);}
  2552. .details-upload-new-version:hover{background-color: #348dee; color: #fff;}
  2553. .details-upload-new-version:focus{background-color: #348dee; color: #fff;}
  2554. .details-upload-new-version .iconfont{margin-right: 10px;}
  2555. .details-upload-new-version .icon-upload1{font-size: 20px; position: relative; top: 2px;}
  2556. .details-upload-new-version .icon-upload1+.text{position: relative; top: -1px;}
  2557. .details-upload-new-version .icon-xiazai{font-size: 24px; margin-right: 5px; position: relative; top: -3px;}
  2558. .details-upload-new-version .icon-xiazai+.text{position: relative; top: -6px;}
  2559. .details-preview{width: 50px; height: 50px; padding: 0; text-align: center; line-height: 50px; border-radius: 50%; border: 1px solid #1a80f1; color: #1a80f1;}
  2560. .details-preview:focus{background-color: transparent; color: #1a80f1;}
  2561. .details-preview:hover{background-color: #1a80f1; color: #fff;}
  2562. .details-preview:focus:hover{background-color: #1a80f1; color: #fff;}
  2563. .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;}
  2564. .details-merge.details-renewal{line-height: 50px;}
  2565. .details-merge:focus{background-color: transparent;}
  2566. .details-merge:hover{background-color: #ee635d; color: #fff;}
  2567. .details-merge.btn-success:focus{border-color: #ee635d; color: #ee635d; background-color: transparent;}
  2568. .details-merge.btn-success:hover{border-color: #ee635d;}
  2569. /*----------/应用发布 改版----------*/
  2570. /*----------应用发布 改版2019/1/22----------*/
  2571. .app-details2{background-color: #fff; min-height: 450px;}
  2572. .app-details2 .details-top{background-color: transparent; box-shadow: none; margin-bottom: 0;}
  2573. .app-details2 .details-top .d-right{margin-top: 5px;}
  2574. .app-details2 .app-information{padding: 0 20px;}
  2575. .app-details2 .app-information .more-wrap{position: relative;}
  2576. .app-details2 .app-information .more-wrap img{width: 50px; height: 50px; position: absolute; left: 90px; top: -30px; transition: all 500ms; background-color: #fff;}
  2577. .app-details2 .app-information .test-download2 img{left: 175px; top: -35px;}
  2578. .app-details2 .app-information .more-wrap img:hover{width: 125px; height: 125px; position: absolute; left: 70px; top: -80px;}
  2579. .app-details2 .app-information .test-download2 img:hover{position: absolute; left: 150px; top: -80px;}
  2580. .app-details2 .table-list{padding: 25px 20px 30px;}
  2581. .app-details2 .version-tit{color: #333; font-size: 16px; margin-bottom: 15px;}
  2582. .app-details2 .version-tit .iconfont{font-size: 18px; margin-right: 5px; position: relative; top: 1px;}
  2583. .app-details2 .version-history-table .bundle-length{max-width: 150px; display: inline-block; position: relative; top: 3px;}
  2584. .app-details2 .version-history-table td .iconfont{font-size: 24px; margin-left: 8px;}
  2585. .app-details2 .version-history-table td .icon-shanchu:hover{color: #fd641d;}
  2586. .app-details2 .version-history-table tr:hover td{background-color: #ebf7ff;}
  2587. .app-details2 .icon-prompt1{font-size: 14px; color: #999; position: relative; margin-left: 3px;}
  2588. .app-details2 .upload-icon-common{width: 60px; height: 60px; border-radius: 12px;}
  2589. .app-details2 .countdown-btn{border-radius: 30px; height: 50px; padding: 0 20px; line-height: 48px; color: #fd641d; background-color: #e8e8e8; border-color: #e8e8e8;}
  2590. .app-details .details-bottom{padding: 5px 0 15px;}
  2591. .app-details2 .d-table-wrap table td{padding: 0 0 0 15px;}
  2592. .app-details .d-table-wrap table th{padding: 20px 0 2px 0;}
  2593. .app-details2 .details-top .information{width: 60%;}
  2594. .app-details2 .copy.top-5{font-size: 12px;}
  2595. #app_setting_form .app-details2{background-color: transparent;}
  2596. #app_setting_form .app-details2 .details-top{background-color: #fff;}
  2597. #updateModal .modal-header h4{color: #333;}
  2598. #updateModal .modal-header .close{color: #333; font-size: 26px; opacity: 1;}
  2599. #updateModal .modal-body{padding: 25px 10px 25px 0;}
  2600. #updateModal .app-details-update{color: #333;}
  2601. #updateModal .app-details-update .form-group{margin-bottom: 25px;}
  2602. #updateModal .app-details-update .form-group:last-of-type{margin-bottom: 0;}
  2603. #updateModal .app-details-update .control-label{text-align: right; padding-right: 10px;}
  2604. #updateModal .app-details-update ul li{margin-right: 25px; cursor: pointer;}
  2605. #updateModal .app-details-update ul li .icon-radio{position: relative; top: 2px;}
  2606. /*
  2607. #updateModal .app-details-update dl dt{margin-right: 25px; margin-bottom: 25px;}
  2608. #updateModal .app-details-update dl dd{margin-right: 25px; cursor: pointer;}
  2609. #updateModal .app-details-update dl dd .icon-radio{position: relative; top: 2px;}
  2610. #updateModal .app-details-update dl dd textarea{}
  2611. */
  2612. .app-details2 .no-flash-back-js{padding: 25px 20px 30px;}
  2613. .app-details2 .no-flash-back-js .tit{color: #333; margin-bottom: 8px;}
  2614. .app-details2 .no-flash-back-js .tit a{color: #157df1;}
  2615. .app-details2 .no-flash-back-js pre{background-color: #fff; border-radius: 0; border-color: #eee; padding: 5px; color: #666;}
  2616. .app-details2 .no-flash-back-js #copy1{margin-bottom: 8px;}
  2617. .app-details2 .no-flash-back-js .color-danger{margin-bottom: 15px; font-size: 12px;}
  2618. .app-details2 .no-flash-back-js .copy{margin-left: 0; color: #fff; margin-bottom: 20px;}
  2619. .app-details2 .no-flash-back-js .tit1{color: #333; margin-bottom: 3px;}
  2620. .app-details2 .no-flash-back-js p{line-height: 1.8;}
  2621. /*----------/应用发布 改版2019/1/22----------*/
  2622. /*----------推广页----------*/
  2623. /*nav*/
  2624. .promote-nav .logo img{width: 138px; height: 60px;}
  2625. .promote-nav{padding: 2px 0;}
  2626. .promote-nav ul{margin: 16px 0 0 20px;}
  2627. .promote-nav ul li{float: left; margin: 0 15px;}
  2628. .promote-nav ul li:last-of-type{margin-right: 0;}
  2629. .promote-nav ul li a{padding: 0 10px 5px; border-bottom: 2px solid transparent; color: #333;}
  2630. .promote-nav ul li.active a{border-bottom-color: #157df1; color: #157df1;}
  2631. .promote-nav ul li:hover a{border-bottom-color: #157df1;}
  2632. /*footer*/
  2633. .promote-footer-wrap{border-top: 1px solid #e5e5e5; padding: 50px 0;}
  2634. .promote-footer{color: #333; padding: 0 60px;}
  2635. .promote-footer .p-con dl dt{font-size: 14px; margin-bottom: 12px; margin-top: 10px;}
  2636. .promote-footer .p-con dl dd{font-size: 12px; margin-bottom: 12px;}
  2637. .promote-footer .p-con dl dd a{color: #333;}
  2638. .promote-footer .p-con .f-logo{margin-left: 270px; margin-top: 30px;}
  2639. .promote-footer .p-con .promote-code{text-align: center;}
  2640. .promote-footer .p-con .promote-code .img-wrap{width: 115px; height: 115px; border: 1px solid #e5e5e5;}
  2641. .promote-footer .p-con .promote-code p{margin-top: 5px;}
  2642. .promote-footer>p{text-align: center; margin-top: 40px;}
  2643. /*签名*/
  2644. /*banner*/
  2645. .promote-signature-banner{height: 430px; background: url("../img/tg-banner-1.jpg") no-repeat center;}
  2646. .signature-banner1{color: #fff;}
  2647. .signature-banner1 .s-left{padding: 90px 0 0 90px;}
  2648. .signature-banner1 h1{font-size: 40px; font-weight: 600;}
  2649. .signature-banner1 h5{font-size: 20px; margin-top: 15px;}
  2650. .signature-banner1 ul{margin-top: 25px;}
  2651. .signature-banner1 ul li{float: left; margin-right: 35px; font-size: 15px;}
  2652. .signature-banner1 ul li .iconfont{font-size: 14px; position: relative; top: -1px; margin-right: 5px;}
  2653. .signature-banner1 .s-left .ms-btn{width: 110px; border-color: #fff; color: #fff; margin-top: 35px;}
  2654. /*/banner*/
  2655. .signature-list{padding: 60px 0;}
  2656. .signature-list .row .col-sm-3:nth-of-type(n+5){margin-top: 35px;}
  2657. .promote-thumbnail{text-align: center;}
  2658. .promote-thumbnail h4{color: #333; font-size: 18px; margin-top: 20px; margin-bottom: 5px;}
  2659. .promote-thumbnail .img-wrap{height: 59px; display: flex; align-items: flex-end;}
  2660. .promote-thumbnail img{margin: 0 auto;}
  2661. .promote-thumbnail .blue-line{margin: 0 auto 15px; width: 30px;}
  2662. .promote-thumbnail p{line-height: 24px; height: 48px; color: #333; font-size: 13px;}
  2663. .solve-certificate-wrap{background-color: #f7f8fc; padding: 70px 0;}
  2664. .solve-certificate h1{text-align: center; color: #333; font-size: 32px; margin-bottom: 20px;}
  2665. .solve-certificate img.fr{margin-right: 30px;}
  2666. .promote-common{padding: 70px 0; text-align: center;}
  2667. .promote-common .blue-line{margin: 0 auto 20px;}
  2668. .promote-common h1{font-size: 32px; color: #333; margin-bottom: 8px;}
  2669. .promote-common h3{font-size: 16px; color: #666; margin-bottom: 55px;}
  2670. .how-operate-wrap{background: url("../img/promote-bg-1.jpg") no-repeat center; height: 378px;}
  2671. .how-operate h1{margin-top: 60px;}
  2672. .how-operate h3{margin-bottom: 45px;}
  2673. .how-operate .ms-btn-secondary{padding: 9px; width: 100px;}
  2674. .signature-process1 ul{padding-left: 125px;}
  2675. .signature-process1 ul li{float: left; text-align: center; padding: 0 40px;}
  2676. .signature-process1 ul li:nth-of-type(even){background: url("../img/promote-icon-23.png") no-repeat center; width: 61px; height: 85px;}
  2677. .signature-process1 ul li .img-wrap{height: 85px; display: flex; align-items: center; justify-content: center;}
  2678. .signature-process1 ul li .tit1{font-size: 16px; color: #333; font-weight: 600; margin-top: 25px;}
  2679. /*/签名*/
  2680. /*内测分发*/
  2681. .promote-distribution-banner{background: url("../img/promote-banner-1.jpg") no-repeat center; height: 430px;}
  2682. .distribution-banner1 img{margin-left: 120px; margin-top: 55px;}
  2683. .distribution-banner1 .d-right{color: #fff;}
  2684. .distribution-banner1 .d-right{margin-left: 80px;}
  2685. .distribution-banner1 .d-right h1{font-size: 40px; margin-top: 110px; margin-bottom: 15px;}
  2686. .distribution-banner1 .d-right .p1{font-size: 16px; line-height: 30px;}
  2687. .distribution-banner1 .d-right .p1 span{font-size: 20px;}
  2688. .distribution-banner1 .d-right .ms-btn{width: 110px; border-color: #fff; color: #fff; margin-top: 35px;}
  2689. .distribution-list{padding: 70px 0;}
  2690. .distribution-list .promote-thumbnail .blue-line{margin-bottom: 5px;}
  2691. .provide-services-wrap{background: url("../img/tg-37.jpg") no-repeat center; height: 340px; padding: 60px 0;}
  2692. .provide-services{padding: 0;}
  2693. .provide-services h1{color: #fff;}
  2694. .provide-services .blue-line{margin-bottom: 40px;}
  2695. .provide-services .row{margin: 0 -10px;}
  2696. .provide-services .row .col-sm-4{padding: 0 10px;}
  2697. .provide-services .p-con{background-color: #fff; border-radius: 5px; padding: 20px 0 20px 15px;}
  2698. .provide-services .p-con .p-text{width: 71%; text-align: left; padding-left: 10px;}
  2699. .provide-services .p-con .p-text dt{color: #333; font-size: 18px; font-weight: 600;}
  2700. .provide-services .p-con .p-text dt span{font-size: 12px; height: 60px;}
  2701. .provide-services .p-con .p-text dd{color: #333; margin-top: 5px;}
  2702. .web-encapsulation .promote-thumbnail .img-wrap{height: 51px; display: flex; align-items: flex-end; justify-content: center;}
  2703. .web-encapsulation .w-list{padding: 0 140px;}
  2704. .web-encapsulation .w-list .row .col-sm-3:nth-of-type(n+5){margin-top: 65px;}
  2705. .web-encapsulation .promote-common h3{margin-bottom: 45px;}
  2706. .promote-signature-wrap{background: url("../img/tg-29.jpg") no-repeat center; height: 700px;}
  2707. .promote-signature h1{font-size: 32px; color: #fff; text-align: center; margin-top: 55px;}
  2708. .promote-signature h3{font-size: 16px; color: #fff; text-align: center; margin-top: 15px; margin-bottom: 50px;}
  2709. .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;}
  2710. .promote-signature .text li:last-of-type{margin-right: 0;}
  2711. .promote-signature .text li dt{font-size: 18px; font-weight: 600; font-family: "Microsoft YaHei UI Light";}
  2712. .promote-signature .text li dd{font-size: 12px; margin-top: 3px;}
  2713. /*/内测分发*/
  2714. /*封装*/
  2715. .promote-encapsulation-banner{background: url("../img/promote-banner-2.jpg") no-repeat center; height: 430px;}
  2716. .encapsulation-banner1 h1{text-align: center; font-size: 40px; color: #fff; font-weight: 600; margin-top: 90px;}
  2717. .encapsulation-banner1 h5{text-align: center; font-size: 18px; color: #fff; line-height: 30px; margin-top: 15px;}
  2718. .encapsulation-banner1 .ms-btn{color: #6c4409; background-color: #ffec06; font-size: 16px; font-weight: 600; width: 110px; margin-top: 25px;}
  2719. .encapsulation-banner1 img{margin: 45px auto 0;}
  2720. .encapsulation-banner1 ol{margin-left: 55px;}
  2721. .encapsulation-banner1 ol li{float: left; text-align: center; padding: 0 20px;}
  2722. .encapsulation-banner1 ol li .e-text{color: #333; font-size: 12px; font-weight: 600; margin-top: 5px;}
  2723. .feature-plugin h1{color: #333; font-size: 32px; text-align: center;}
  2724. .feature-plugin .blue-line{margin: 10px auto 0;}
  2725. .feature-plugin .f-list{padding: 0 120px; margin-top: 35px;}
  2726. .feature-plugin .f-list .promote-thumbnail .img-wrap{height: 51px; display: flex; align-items: flex-end;}
  2727. .feature-plugin .f-list li{float: left; width: 20%; position: relative; padding-bottom: 25px; cursor: pointer;}
  2728. .feature-plugin .f-list li .icon-arrow-top2{position: absolute; left: 50%; bottom: -14px; transform: translateX(-50%); font-size: 30px; color: #68a4e8; display: none;}
  2729. .feature-tab-wrap{background: url("../img/promote-bg-4.jpg") no-repeat center; height: 460px;}
  2730. .feature-tab img{display: none; margin: 50px auto 0;}
  2731. .our-advantages img{margin: 40px auto 0;}
  2732. .price-introduced-wrap{background-color: #f7f8fc;}
  2733. .price-introduced .promote-common .blue-line{margin-bottom: 40px;}
  2734. .price-introduced .table{background-color: #fff; table-layout: fixed; margin-bottom: 0;}
  2735. .price-introduced .table tr th{background-color: #157df1; padding: 20px; color: #fff; text-align: center; font-size: 18px;}
  2736. .price-introduced .table tr td{padding: 20px; color: #333; text-align: center; vertical-align: middle; font-size: 16px;}
  2737. .price-introduced .table tr td .text1{text-align: left; display: inline-block;}
  2738. .price-introduced .table tr td .text{font-size: 24px; position: relative; display: inline-block;}
  2739. .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;}
  2740. .good-case .promote-common{padding-left: 120px; padding-right: 120px;}
  2741. .good-case .g-con{box-shadow: 0 7px 20px rgba(21,125,241,.2); padding-top: .1px;}
  2742. .good-case .g-con .tab-list{padding-left: 200px; margin-top: 40px;}
  2743. .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;}
  2744. .good-case .g-con .tab-list li.active{background-color: #157df1; color: #fff;}
  2745. .good-case .tab-con{padding: 30px 125px 45px;}
  2746. .good-case .tab-con ul{display: none;}
  2747. .good-case .tab-con ul li{float: left; margin-right: 40px;}
  2748. .good-case .tab-con ul li:last-of-type{margin-right: 0;}
  2749. .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;}
  2750. .package-number span{font-size: 36px;}
  2751. .encapsulation-process ul{margin-left: 70px; margin-top: 40px;}
  2752. .encapsulation-process ul li{float: left; text-align: left; padding: 15px 15px 0;}
  2753. .encapsulation-process ul li:nth-of-type(odd){width: 180px; height: 155px; box-shadow: 0 0 20px rgba(21,125,241,.2);}
  2754. .encapsulation-process ul li:nth-of-type(even){height: 155px; width: 110px; background: url("../img/promote-icon-23.png") no-repeat center;}
  2755. .encapsulation-process ul li dt{font-size: 18px; color: #333; font-weight: 600;}
  2756. .encapsulation-process ul li dd{font-size: 16px; color: #333; margin-top: 10px;}
  2757. .promote-function-of{padding-top: 0; padding-bottom: 60px;}
  2758. .promote-function-of .tit{margin-bottom: 8px; color: #333; font-size: 32px;}
  2759. .promote-blue-line{margin: 0 auto 20px; width: 35px; height: 2px; background-color: #157df1;}
  2760. .promote-function-of .promote-blue-line{margin-bottom: 30px;}
  2761. .promote-function-of ul li .text{color: #333; font-size: 16px;}
  2762. .promote-our-advantages-wrap{background-color: #f7f8fc;}
  2763. .promote-meal{padding: 70px 0 0;}
  2764. .promote-meal>h1{color: #333; margin-bottom: 8px; text-align: center; font-size: 32px;}
  2765. .promote-meal>p{color: #666; font-size: 16px; margin-bottom: 40px; text-align: center;}
  2766. .promote-meal .table{table-layout: fixed; box-shadow: 0 0 10px rgba(0,0,0,.1); margin-bottom: 0;}
  2767. .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;}
  2768. .promote-meal .table td{text-align: center; border: 1px solid #ddd; height: 50px; color: #333; vertical-align: middle;}
  2769. .promote-meal .table th:first-of-type{border-left-color: transparent;}
  2770. .promote-meal .table th:last-of-type{border-right-color: transparent;}
  2771. .promote-meal .table td:first-of-type{border-left-color: transparent;}
  2772. .promote-meal .table td:last-of-type{border-right-color: transparent;}
  2773. .promote-meal .table tr:last-of-type td{border-bottom: none;}
  2774. .promote-meal .table tr:nth-of-type(odd) td{background-color: transparent;}
  2775. .promote-meal .table .recommend-wrap1{position: relative;}
  2776. .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;}
  2777. .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;}
  2778. .promote-meal .table td .num{font-size: 18px;}
  2779. .promote-pack-meal{padding-top: 0; padding-bottom: 70px;}
  2780. .promote-pack-meal .table .basis-pack{background: url("../img/tg-1.jpg") no-repeat center; height: 50px; color: #fff;}
  2781. .promote-pack-meal .table .senior-pack{background: url("../img/tg-2.jpg") no-repeat center; height: 50px; color: #fff;}
  2782. .promote-sign-meal{padding-top: 0; padding-bottom: 70px;}
  2783. .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;}
  2784. .promote-sign-meal .table .basis-sign{background: url("../img/tg-3.jpg") no-repeat center; height: 50px; color: #fff;}
  2785. .promote-sign-meal .table .senior-sign{background: url("../img/tg-4.jpg") no-repeat center; height: 50px; color: #fff;}
  2786. .promote-sign-meal .table .independent-sign{background: url("../img/tg-5.jpg") no-repeat center; height: 50px; color: #fff;}
  2787. .promote-meal .blue-line{margin: 0 auto 20px;}
  2788. /*/封装*/
  2789. .promote-help{padding-bottom: 45px;}
  2790. .promote-help h1{text-align: center; color: #333; font-size: 32px; margin-bottom: 8px;}
  2791. .promote-help .promote-blue-line{margin-bottom: 30px;}
  2792. /*---------- /推广页----------*/
  2793. /*----------分发落地页----------*/
  2794. .template-common .form-control{height: 40px;}
  2795. .passwords .template-common{padding: 0 320px;}
  2796. .template-common{padding: 0 235px;}
  2797. .template-common hr{border-top-color: #e5e5e5; margin-top: 25px; display: none;}
  2798. .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;}
  2799. .template-common .t-icon img{width: 120px; height: 120px; border-radius: 30px; border: 1px solid #e5e5e5; margin: 0 auto;}
  2800. .template-common .template-btn-wrap{text-align: center;}
  2801. .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;}
  2802. .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;}
  2803. .template-common .template-btn span:last-of-type{line-height: 50px;}
  2804. .template-common .template-btn .iconfont{font-size: 36px; margin-left: -5px;}
  2805. .template-common .t-apply{color: #666; text-align: center;}
  2806. .template-common .t-code{color: #666; width: 200px; overflow: hidden; margin: 35px auto 0; text-align: center;}
  2807. .template-common .t-code img{border: 1px solid #e5e5e5; width: 150px; height: 150px; margin: 0 auto 5px;}
  2808. .template-common .t-name{color: #333; text-align: center;}
  2809. .template-common .t-name .name-info span{margin-right: 10px; color: #666;}
  2810. .template-common .t-name .tit{font-size: 28px; margin-bottom: 10px; margin-top: 15px;}
  2811. .template-common .t-introduce{color: #333;}
  2812. .template-common .t-introduce .tit{font-size: 20px; margin-top: 25px;}
  2813. .template-common .t-introduce p{margin-top: 15px;}
  2814. .template-common .t-contact{color: #333; margin-top: 20px;}
  2815. .template-common .t-contact .tit{font-size: 20px; margin-bottom: 15px;}
  2816. .template-common .t-contact dl{margin-bottom: 5px;}
  2817. .template-common .t-contact dl dt{margin-right: 10px;}
  2818. .template-pwd{border: 1px solid #e5e5e5; border-radius: 3px; padding: 45px 35px; margin-top: 45px; /*margin-bottom: 50px;*/ display: none;}
  2819. .template-pwd label{color: #3e4753; text-align: center; display: block;}
  2820. .template-pwd .form-control{margin-top: 15px;}
  2821. .passwords+.template-footer{margin-top: 50px;}
  2822. .template-footer{margin-top: 30px;}
  2823. .template-footer .methods-tutorial-full{background-color: #ff6666;}
  2824. .template-footer .methods-tutorial-full a{color: #fff;}
  2825. .template-footer .methods-tutorial-full a.fl{height: 50px; line-height: 50px;}
  2826. .template-footer .methods-tutorial-full a.fl:hover{text-decoration: underline;}
  2827. .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;}
  2828. .template-footer .methods-tutorial-full a.fr .iconfont{color: #fff;}
  2829. .template-footer .t-footer{text-align: center; margin-top: 30px; padding-bottom: 30px;}
  2830. .template-footer .t-footer a{color: #157df1;}
  2831. .template-footer .t-footer a:hover{text-decoration: underline;}
  2832. /*应用截图*/
  2833. .template-common .app-screen{margin-top: 20px;}
  2834. .template-common .app-screen .tit{font-size: 20px; margin-bottom: 15px; color: #333;}
  2835. .template-common .app-screen .s-responsive{overflow: hidden; height: 405px; width: 100%; overflow-x: auto;}
  2836. /*.template-common .app-screen ul{height: 405px;}*/
  2837. .template-common .app-screen ul li{float: left; margin-right: 20px;}
  2838. .template-common .app-screen ul li img{width: auto; height: auto; max-width: 800px; max-height: 405px;}
  2839. .template-common .app-screen ul li:last-of-type{margin-right: 0;}
  2840. /*模板1*/
  2841. .template-1 .t-bg-1{background: #157df1 url("../img/t-04.png") repeat-x center bottom; height: 175px;}
  2842. .template-1 .content{margin-top: -125px; padding: 0 80px;}
  2843. .template-1 .template-common{padding: 0;}
  2844. .template-1 .template-common .t-icon{box-shadow: none; width: auto; height: auto; background-color: transparent;}
  2845. .template-1.passwords .template-common .t-code{width: 125px; margin-top: 35px;}
  2846. .template-1 .template-common .t-code{width: 200px; margin-top: 15px;}
  2847. .template-1 .template-common .t-code img{width: 125px; height: 125px; margin: 0 auto;}
  2848. .template-1 .template-common .t-name{text-align: left;}
  2849. .template-1 .template-common .t-name .name-info span{color: #fff;}
  2850. .template-1+.template-footer{margin-top: 140px;}
  2851. .template-1 .template-common .template-btn{margin-top: 30px; margin-bottom: 15px; padding: 0 15px;}
  2852. .template-1 .content .c-left{background: url("../img/t-05.png") no-repeat center; width: 308px; height: 608px; padding-top: 110px;}
  2853. .template-1.passwords .content .c-left{padding-top: 140px;}
  2854. .template-1.passwords .content .c-right{margin-left: 130px; width: auto;}
  2855. .template-1 .content .c-right{margin-left: 100px; width: 630px;}
  2856. .template-1 .content .c-right .t-name{color: #fff; margin-bottom: 100px;}
  2857. .template-1 .template-common .t-name .tit{margin-top: 5px;}
  2858. .template-1 .content .c-right .t-introduce{/*margin-top: 100px;*/ margin-bottom: 45px;}
  2859. .template-1 .content .c-right .t-contact{margin-top: 0; margin-bottom: 45px;}
  2860. .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;}
  2861. .template-1 .template-pwd .form-group{text-align: center;}
  2862. .template-1 .template-pwd .form-group label{color: #3e4753;}
  2863. .template-1 .template-pwd .form-group .form-control{border-color: #e5e5e5; margin-top: 5px;}
  2864. .template-1 .template-pwd .form-group .form-control:focus{border-color: #66afe9;}
  2865. .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;}
  2866. .template-1 .template-pwd .top-pwd .iconfont{color: #157df1; font-size: 30px;}
  2867. .template-1 .template-common .app-screen .s-responsive{width: 730px;}
  2868. /*/模板1*/
  2869. /*模板2*/
  2870. .template-2 .t-bg-2{background: url("../img/t-06.jpg") center; height: 130px;}
  2871. .template-2 .content{margin-top: -90px;}
  2872. /*/模板2*/
  2873. /*模板3*/
  2874. .template-3 .t-bg-3{background: url("../img/t-07.jpg") center; height: 160px;}
  2875. .template-3 .content{margin-top: 20px;}
  2876. .template-3 .template-common .t-icon{width: 160px; height: 160px; border-radius: 50%;}
  2877. .template-3 .template-common .t-icon img{width: 105px; height: 105px;}
  2878. /*/模板3*/
  2879. /*模板4*/
  2880. .template-4 .t-bg-4{background: url("../img/t-09.png") no-repeat center; height: 485px;}
  2881. .template-4 .t-left{width: 255px; margin-left: 265px; margin-top: 150px;}
  2882. .template-4 .t-right{margin-left: 225px; margin-top: 45px;}
  2883. .template-4 .content4 .template-common{padding: 0;}
  2884. .template-4 .content4 .template-common .t-icon{width: auto; height: auto; background-color: transparent; box-shadow: none;}
  2885. .template-4 .content4 .template-common .t-icon img{border: none;}
  2886. .template-4 .content4 .template-common .t-name .tit{color: #fff; margin-top: 25px; margin-bottom: 20px;}
  2887. .template-4 .content4 .template-common .t-name .name-info span{display: block; text-align: center; margin-right: 0; color: #fff; line-height: 24px;}
  2888. .template-4 .template-common .template-btn{margin-bottom: 20px;}
  2889. .template-4 .content>.template-common{padding: 80px 100px 0;}
  2890. .template-4 .template-common .t-code{width: 200px;}
  2891. .template-4 .template-common .t-code img{width: 120px; height: 120px; margin-left: auto; margin-right: auto;}
  2892. .template-4 .template-common .decoding{width: 100%; margin-top: 30px;}
  2893. .template-4 .template-pwd{border: none; padding: 0; width: 490px; margin: 0 auto;}
  2894. .template-4+.template-footer{margin-top: 100px;}
  2895. .template-4 .content>.template-common .app-screen{width: 730px;}
  2896. /*/模板4*/
  2897. /*模板5*/
  2898. .template-5 .left-bg{position: absolute; left: 0; top: 0; background: url("../img/t11.png") no-repeat left top; width: 283px; height: 1012px;}
  2899. .template-5 .right-bg{position: absolute; right: 0; top: 0; background: url("../img/t12.png") no-repeat right top; width: 283px; height: 1012px;}
  2900. .template-5 .content{padding-top: 100px;}
  2901. .template-5 .template-common{padding: 0 235px;}
  2902. .template-5 .template-common .t-icon{border-radius: 50%; position: relative; margin-left: 180px;}
  2903. .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);}
  2904. .template-5 .template-common .t-icon .code{position: absolute; top: 160px; right: -160px; transition: all 500ms;}
  2905. .template-5 .template-common .t-icon .code img{border-radius: 0; border: none; width: 110px; height: 110px; transition: all 500ms;}
  2906. .template-5 .template-common .t-icon .code:hover{width: 240px; height: 240px; right: -190px; top: 130px;}
  2907. .template-5 .template-common .t-icon .code:hover img{width: 160px; height: 160px;}
  2908. .template-5 .template-common .t-name-wrap{width: 350px; margin-left: auto; margin-right: auto;}
  2909. .template-5 .template-common .t-name-wrap .t-name{text-align: left;}
  2910. .template-5 .template-common .t-name-wrap .template-btn{margin: 45px 0 20px}
  2911. .template-5 .template-common .t-name{margin-top: 200px;}
  2912. .template-5 .template-common .t-name .tit{margin-bottom: 20px;}
  2913. .template-5 .template-common .t-name .name-info{text-align: left; line-height: 24px;}
  2914. .template-5 .template-common .t-apply{text-align: left; padding-left: 15px;}
  2915. .template-5 .template-common .template-btn{padding: 0 53px;}
  2916. .template-5 .template-common hr{margin-top: 50px;}
  2917. .template-5 .template-common .t-introduce .tit{margin-top: 50px;}
  2918. .template-5 .template-common .t-contact{margin-top: 25px;}
  2919. .template-5.passwords+.template-footer{margin-top: 99px;}
  2920. .template-5+.template-footer{margin-top: 40px;}
  2921. .template-5 .template-pwd{width: 555px; height: 245px; margin: 80px auto 0; padding: 60px 30px 0; position: relative; border-radius: 5px;}
  2922. .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;}
  2923. .template-5 .template-pwd .top-pwd .iconfont{color: #157df1; font-size: 30px;}
  2924. .template-5 .template-pwd .decoding{width: 100%; margin-top: 30px; margin-bottom: 30px;}
  2925. /*/模板5*/
  2926. /*模板6*/
  2927. .template-6 .t-bg-6{background-color: #f4f4f4; height: 80px; line-height: 80px;}
  2928. .template-6 .t-top .tit{font-size: 30px; color: #333;}
  2929. .template-6 .t-top .name-info{font-size: 18px; color: #666;}
  2930. .template-6 .t-top .name-info span{margin-left: 10px;}
  2931. .template-6 .content{margin-top: 55px;}
  2932. .template-6 .template-common .template-btn{margin-bottom: 15px;}
  2933. .template-6 .template-common .show-hr{display: block; margin-top: 40px;}
  2934. .template-6 .template-common .t-code{margin-top: 40px;}
  2935. /*/模板6*/
  2936. /*密码显示控制*/
  2937. .passwords .template-pwd{display: block;}
  2938. .passwords .pc-pwd{display: none !important;}
  2939. .passwords .template-pwd{display: block;}
  2940. /*----------/分发落地页----------*/
  2941. /*----------通知中心----------*/
  2942. .user-center1 .message-list .no-msg{display: flex; align-items: center; justify-content: center; height: 550px;}
  2943. .user-center1 .message-list .no-msg .no{display: inline-block; text-align: center;}
  2944. .user-center1 .message-list .no-msg .no .no-text{margin-top: 15px;}
  2945. .user-center1 .message-list{box-shadow: 0 0 5px rgba(0,0,0,.05); background-color: #fff; min-height: 550px; padding-bottom: 20px;}
  2946. .user-center1 .message-list dt{background-color: #f5f6f7; padding: 12px 30px; border-bottom: 1px solid #e5e5e5;}
  2947. .user-center1 .message-list dt .all{color: #333;}
  2948. .user-center1 .message-list dt .all:hover{color: #157df1;}
  2949. .user-center1 .message-list dt .all .icon-checkbox1{margin-top: 2px; color: #999; margin-right: 10px; cursor: pointer;}
  2950. .user-center1 .message-list dt .all:hover .icon-checkbox1{color: #157df1;}
  2951. .user-center1 .message-list dt .all .icon-checkbox-checked1{margin-top: 2px; color: #157df1; margin-right: 10px;}
  2952. .user-center1 .message-list dt .all .text{padding-top: 6px; margin-right: 20px;}
  2953. .user-center1 .message-list dt button{padding: 4px 12px; line-height: normal; margin-right: 10px;}
  2954. .user-center1 .message-list .list li{float: left; font-size: 12px;}
  2955. .user-center1 .message-list dd{padding: 20px 30px; border-bottom: 1px solid #e5e5e5;}
  2956. .user-center1 .message-list dd .list{height: 22px;}
  2957. .user-center1 .message-list dd .checkbox-li .iconfont{margin-right: 20px;}
  2958. .user-center1 .message-list dd .checkbox-li .icon-checkbox-checked1{color: #157df1;}
  2959. .user-center1 .message-list dd .msg-icon .iconfont{margin-right: 30px;}
  2960. .user-center1 .message-list dd .msg-icon .icon-unread{color: #fed735;}
  2961. .user-center1 .message-list dd .msg-icon .icon-read{color: #999; font-size: 20px; position: relative; top: -3px;}
  2962. .user-center1 .message-list dd .li-msg-con{line-height: 24px;}
  2963. .user-center1 .message-list dd .li-msg-con span{float: left; line-height: 22px;}
  2964. .user-center1 .message-list dd .li-msg-con .text1{color: #333; font-weight: 600;}
  2965. .user-center1 .message-list dd.read{background-color: #f9f9f9;}
  2966. .user-center1 .message-list dd.read .li-msg-con .text1{font-weight: normal;}
  2967. .user-center1 .message-list dd .li-msg-con .text2{color: #666; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; width: 500px;}
  2968. .user-center1 .message-list dd .li-msg-con .text3{margin: 0 5px;}
  2969. /*.user-center1 .message-list dd .li-msg-con a:hover {color: #157df1;}*/
  2970. .user-center1 .message-list dd .time{float: right; line-height: 22px; color: #666;}
  2971. .user-center1 .message-details{padding: 40px; height: 550px; background-color: #fff; box-shadow: 0 0 5px rgba(0,0,0,.05);}
  2972. .user-center1 .message-details .details-tit{color: #333; font-size: 26px; text-align: center; margin-bottom: 10px;}
  2973. .user-center1 .message-details .details-time{color: #666; font-size: 12px; text-align: center; margin-bottom: 25px;}
  2974. .user-center1 .message-details .details-p{color: #333; font-size: 14px; /*margin-bottom: 25px;*/ line-height: 24px;}
  2975. .user-center1 .message-details .details-con-wrap{border: 1px solid #e5e5e5; border-radius: 3px; padding: 30px; margin-top: 25px;}
  2976. .user-center1 .message-details .details-con dt{color: #333; font-weight: 600; margin-bottom: 18px; margin-left: 45px;}
  2977. .user-center1 .message-details .details-con.text-lg dt{color: #333; font-weight: 600; margin-bottom: 18px; margin-left: 95px;}
  2978. .user-center1 .message-details .details-con dd{font-size: 12px; margin-bottom: 12px;}
  2979. .user-center1 .message-details .details-con dd .d-left{color: #333; float: left; width: 60px; font-weight: 600; text-align: right;}
  2980. .user-center1 .message-details .details-con.text-lg dd .d-left{color: #333; float: left; width: 110px; font-weight: 600; text-align: right;}
  2981. .user-center1 .message-details .details-con dd .d-right{color: #333; margin-left: 85px; display: block;}
  2982. .user-center1 .message-details .details-con dd .d-right.color-danger{color: #fd641d;}
  2983. .user-center1 .message-details .details-con dd .d-right.color-hover{color: #157df1;}
  2984. .user-center1 .message-details .details-con dd .d-right.color-hover{color: #157df1;}
  2985. .user-center1 .message-details .details-con dd .d-right.color-666{color: #666;}
  2986. .user-center1 .message-details .details-con.text-lg dd .d-right{margin-left: 135px;}
  2987. .user-center1 .message-details .ms-btn-secondary{padding: 6px 20px;}
  2988. /*/----------通知中心----------*/
  2989. /*----------文档中心----------*/
  2990. /*列表*/
  2991. .doc-banner{background: url("../img/document-1.jpg?20190116") no-repeat center; height: 200px; padding-top: .1px;}
  2992. .doc-banner .tit{color: #fff; font-size: 28px; height: 100%; display: flex; justify-content: center; align-items: center; font-weight: 600;}
  2993. .doc-banner .b-con{width: 480px; margin: 50px auto 0;}
  2994. .doc-banner .b-con p{color: #fff; margin-top: 5px;}
  2995. .doc-banner .url-text{background-color: rgba(255,255,255,.2); height: 50px; padding: 6px; border-radius: 10px; color: #333;}
  2996. .doc-banner .url-text input{background-color: #fff; border: none; width: 75%; height: 100%; border-radius: 5px 0 0 5px; padding-left: 30px;}
  2997. .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;}
  2998. .doc-list-wrap{padding: 35px 50px 20px;}
  2999. .doc-list .tit{font-size: 24px; color: #157df1; margin-bottom: 15px;}
  3000. .doc-list .tit .icon{margin-right: 10px; position: relative; top: 2px;}
  3001. .doc-list .tit .icon-document2{top: 4px;}
  3002. .doc-list .tit .icon-document3{top: 4px;}
  3003. .doc-list .con{border: 1px solid #e5e5e5; padding: 25px 25px 15px; margin-bottom: 60px;}
  3004. .doc-list .con .common{margin-bottom: 8px;}
  3005. .doc-list .con .common .arrow{float: left; color: #333; font-size: 14px;}
  3006. .doc-list .con .common .tit1{margin-left: 15px; color: #333; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
  3007. .doc-list .con .common .tit1:hover{color: #157df1;}
  3008. .doc-list .con:last-of-type{margin-bottom: 20px;}
  3009. .doc-list .advice{color: #333; text-align: center;}
  3010. .doc-list .advice a{color: #157df1;}
  3011. .doc-list .tit .icon-document2{top: 4px;}
  3012. .doc-list .tit .icon-document3{top: 4px;}
  3013. /*banner添加教程*/
  3014. .doc-tutorial{padding: 0 105px; margin: -40px 0 20px;}
  3015. .doc-tutorial .con{background-color: #fff; padding: 20px 40px; border: 1px solid #f5f5f5;}
  3016. .doc-tutorial .con .ms-thumbnail:hover .ms-caption .tit{color: #157df1;}
  3017. .doc-tutorial .con .ms-thumbnail img{margin-bottom: 10px;}
  3018. .doc-tutorial .con .ms-thumbnail .ms-caption .tit{margin-bottom: 0;}
  3019. /*/列表*/
  3020. /*详情*/
  3021. @media (min-width: 1200px) {
  3022. .doc-details .row{margin: 0 -5px;}
  3023. .doc-details .col-sm-2{padding: 0 5px;}
  3024. .doc-details .col-sm-10{padding: 0 5px;}
  3025. }
  3026. .doc-details .details-left{border: 1px solid #e5e5e5; border-bottom: none; border-radius: 3px; margin-bottom: 40px;}
  3027. .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;}
  3028. .doc-details .details-left dt .icon{position: relative; top: 2px; margin-right: 8px;}
  3029. .doc-details .details-left dt .iconfont{margin-right: 7px;}
  3030. .doc-details .details-left dt .icon-arrow-up{display: none;}
  3031. .doc-details .details-left dt.active{border-left-color: #157df1; background-color: #d0e5fc;}
  3032. .doc-details .details-left dt.active .icon-arrow-up{display: block;}
  3033. .doc-details .details-left dt.active .icon-arrow-down{display: none;}
  3034. /*.doc-details .details-left dt.active+dd{display: block;}*/
  3035. .doc-details .details-left dt .icon-sdk2{color: #157df1;}
  3036. .doc-details .details-left dd{display: none;}
  3037. .doc-details .details-left dd a{display: block; padding: 10px 20px; border-bottom: 1px solid #e5e5e5; font-size: 12px;}
  3038. .doc-details .details-left dd a.active{color: #157df1;}
  3039. .details-right{border: 1px solid #e5e5e5; border-radius: 3px; min-height: 600px; margin-bottom: 40px;}
  3040. .details-right .article-tit{color: #333; border-bottom: 1px solid #e5e5e5; padding: 18px 20px; font-size: 16px;}
  3041. .details-right .article-con{padding: 25px 40px; line-height: 24px; color: #333;}
  3042. .details-right .article-con img{max-width: 700px;}
  3043. /*/详情*/
  3044. /*更新日志*/
  3045. .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;}
  3046. .update-log-wrap{padding: 70px 240px;}
  3047. .update-log-wrap .update-log:first-of-type{padding-top: 70px;}
  3048. .update-log{background: url("../img/time-1.png") no-repeat 115px top;}
  3049. .update-log .con{padding-bottom: 35px;}
  3050. .update-log .u-left{width: 100px; text-align: right;}
  3051. .update-log .u-left dt{color: #333; font-size: 16px; margin-bottom: 2px;}
  3052. .update-log .u-left dd{color: #333; font-size: 12px;}
  3053. .update-log .u-right{width: 590px; margin-left: 24px;}
  3054. .update-log .u-right .u-icon{border: 1px solid #157df1; border-radius: 50px; width: 13px; height: 13px; padding: 2px; position: relative; top: 2px;}
  3055. .update-log .u-right .u-icon span{display: block; background-color: #157df1; border-radius: 50%; width: 100%; height: 100%;}
  3056. .update-log .u-right dl{margin-left: 30px;}
  3057. .update-log .u-right dt{color: #333; font-size: 16px; font-weight: 600; margin-bottom: 5px;}
  3058. .update-log .u-right dd{color: #333; line-height: 24px;}
  3059. /*/更新日志*/
  3060. /*反馈 建议*/
  3061. .feedback-wrap{padding: 25px 150px 40px;}
  3062. .feedback{border-radius: 5px; background-color: #fff; padding: 25px 30px 30px;}
  3063. .feedback .tit{font-size: 18px; color: #333; font-weight: 600; margin-bottom: 20px;}
  3064. .feedback .form-group{margin-bottom: 35px;}
  3065. .feedback label{color: #333; margin-bottom: 10px;}
  3066. .feedback label span{color: #fd641d; margin-right: 10px;}
  3067. .feedback .type li{float: left; margin-right: 40px; cursor: pointer;}
  3068. .feedback .type li .icon-radio{top: 3px;}
  3069. .feedback .submit{padding-left: 40px; padding-right: 40px;}
  3070. .feedback .uploaded-img{border: 1px solid #e5e5e5; width: 90px; height: 90px; position: relative; border-radius: 5px; margin-right: 20px;}
  3071. .feedback .uploaded-img img{width: 100%; height: 100%; border-radius: 5px;}
  3072. .feedback .uploaded-img .delete-img{position: absolute; right: -9px; top: -9px; right: 0\9; top: 0\9; cursor: pointer; z-index: 2;}
  3073. .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;}
  3074. .feedback .upload-img input{position: absolute; left: 0; top: 0; width: 100%; height: 100%; opacity: 0; cursor: pointer;}
  3075. .feedback .upload-img .text{text-align: center; font-size: 12px; color: #666; margin-top: 60px;}
  3076. /*/反馈 建议*/
  3077. /*----------/文档中心列表----------*/
  3078. /*----------工具箱----------*/
  3079. .tool-banner{background: url("../img/tool-banner.jpg?20181228") no-repeat center; height: 200px; background-size: cover;}
  3080. .tool-banner .con{color: #fff; font-size: 28px; padding-left: 100px; font-weight: 600; padding-top: 55px;}
  3081. .tool-banner .con .p2{text-indent: 2em;}
  3082. .tool-classs{padding: 60px 80px;}
  3083. .tool-classs .con{box-shadow: 0 0 20px rgba(21,125,241,.2); background-color: #fff; border-radius: 5px;}
  3084. .tool-classs .con ul li{float: left; width: 33.333333%; text-align: center; padding-top: 20px;}
  3085. .tool-classs .con ul li:nth-of-type(1){padding-left: 20px;}
  3086. .tool-classs .con ul li:nth-of-type(3){padding-right: 20px;}
  3087. .tool-classs .con ul li .t-con{border-right: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5; padding-bottom: 40px; padding-top: 20px;}
  3088. .tool-classs .con ul li:hover{box-shadow: 0 3px 10px rgba(193,220,251,.8);}
  3089. .tool-classs .con ul li .img-wrap{height: 66px; display: flex; justify-content: center; align-items: center; margin-bottom: 15px;}
  3090. .tool-classs .con ul li .tit{font-size: 24px; color: #333; margin-bottom: 10px;}
  3091. .tool-classs .con ul li p{margin-bottom: 15px; height: 80px; padding: 0 50px;}
  3092. .tool-classs .con ul li .ms-btn{padding: 3px 35px; border-radius: 15px;}
  3093. .tool-classs .con ul li:nth-of-type(n+4){padding-top: 0; padding-bottom: 20px;}
  3094. .tool-classs .con ul li:nth-of-type(3n) .t-con{border-right-color: transparent;}
  3095. .tool-classs .con ul li:nth-of-type(n+4) .t-con{border-bottom-color: transparent; padding-top: 30px; padding-bottom: 20px;}
  3096. .tool-classs .con ul li:hover .ms-btn{background-color: #157df1; color: #fff;}
  3097. /*----------/工具箱----------*/
  3098. /*----------新价格页----------*/
  3099. .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;}
  3100. .new-price-btn:hover{/*box-shadow: 0 2px 5px rgba(255,55,148,.5);*/ color: #fff; background: linear-gradient(to right, #fe1064, #ff9c00)}
  3101. .new-price-btn:focus{color: #fff;}
  3102. .new-price-banner{background: url("../img/price-banner-1.jpg") no-repeat center; height: 200px;}
  3103. .new-price-banner .banner-con{color: #fff; padding: 65px 0 0 110px;}
  3104. .new-price-banner .banner-con h3{font-size: 30px; font-weight: 600; margin-bottom: 10px;}
  3105. .new-price-banner .banner-con p{font-size: 16px;}
  3106. .new-price-list{padding: 0 110px; margin: 85px 0;}
  3107. .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;}
  3108. .new-price-list li>img{width: 30px}
  3109. .new-price-list li.active{transform: scale(1.02); z-index: 2; position: relative;}
  3110. .new-price-list li h3{color: #333; margin-top: 20px;}
  3111. .new-price-list li p{color: #666; margin-top: 10px; line-height: 24px; margin-bottom: 5px;}
  3112. .new-price-list li .amount{font-size: 18px; color: #fd9817;}
  3113. .new-price-list li .amount .num{font-size: 30px;}
  3114. .new-price-list li .more{margin: 10px auto 20px;}
  3115. .new-price-list li dl dd{line-height: 32px; color: #333;}
  3116. .new-price-details{margin-top: 30px;}
  3117. .new-price-details h1{color: #157df1; text-align: center; margin-bottom: 10px;}
  3118. .new-price-details p{color: #666; font-size: 16px; text-align: center; margin-bottom: 80px;}
  3119. .new-price-details .new-price-btn{margin-bottom: 80px;}
  3120. .new-price-details .table{table-layout: fixed; box-shadow: 0 0 10px rgba(0,0,0,.1); margin-bottom: 0;}
  3121. .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;}
  3122. .new-price-details .table th:nth-of-type(2){border-left: 1px solid #ddd;}
  3123. .new-price-details .table td{text-align: center; border: 1px solid #ddd; height: 50px; color: #333; vertical-align: middle;}
  3124. .new-price-details .table th:first-of-type{border-left-color: transparent;}
  3125. .new-price-details .table th:last-of-type{border-right-color: transparent;}
  3126. .new-price-details .table td:first-of-type{border-left-color: transparent;}
  3127. .new-price-details .table td:last-of-type{border-right-color: transparent;}
  3128. .new-price-details .table tr:last-of-type td{border-bottom: none;}
  3129. .new-price-details .table tr:nth-of-type(odd) td{background-color: #f5f6f7;}
  3130. /*.new-price-details .table tr:nth-of-type(even) td:first-of-type{border-left-color: #ddd; border-right-color: #ddd;}*/
  3131. /*.new-price-details .table tr:nth-of-type(even) td:last-of-type{border-right-color: #ddd;}*/
  3132. .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;}
  3133. .new-price-details .table th .th-con .tit{font-size: 24px; font-weight: normal; margin-bottom: 5px; position: relative;}
  3134. .new-price-details .table th .th-con .tit .unit{font-size: 12px;}
  3135. .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;}
  3136. .new-price-details .table th .th-con .level{font-size: 16px;}
  3137. /*.new-price-details .table .icon-wrap{height: 20px; line-height: 20px;}*/
  3138. .new-price-details .table .icon-duihao{color: #13c960; font-size: 22px;}
  3139. .new-price-details .help{padding-bottom: 40px;}
  3140. .new-price-details .help h1{margin-bottom: 40px;}
  3141. .new-price-details .help dl .right{margin-left: 30px; width: calc(100% - 30px);}
  3142. .new-publish-price .help{padding: 0; margin-bottom: 30px; padding: 55px 70px 0;}
  3143. .new-publish-price .help h1{margin-bottom: 40px; color: #157df1; text-align: center;}
  3144. .new-publish-price .help dl .right{margin-left: 30px; width: calc(100% - 30px);}
  3145. .new-pack-price .table th .level0{background-image: url("../img/price-4.jpg");}
  3146. .new-pack-price .table th .level1{background-image: url("../img/price-5.jpg");}
  3147. .new-pack-price .table th .level2{background-image: url("../img/price-6.jpg");}
  3148. .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;}
  3149. .new-sign-price .table th .level0{background-image: url("../img/price-5.jpg");}
  3150. .new-sign-price .table th .level1{background-image: url("../img/price-6.jpg");}
  3151. .new-sign-price .table th .level2{background-image: url("../img/price-7.jpg");}
  3152. .new-sign-price .table tr td:first-of-type{font-weight: 600;}
  3153. .new-sign-price .table tr:last-of-type td{border-bottom: 1px solid #ddd;}
  3154. /*.new-publish-price{margin-bottom: 60px;}*/
  3155. .new-publish-price .tab{width: 490px; height: 40px; line-height: 40px; margin: 40px auto;}
  3156. .new-publish-price .tab li{float: left; text-align: center; width: 50%; color: #333; cursor: pointer; border: 1px solid #e5e5e5;}
  3157. .new-publish-price .tab li:first-of-type{border-radius: 20px 0 0 20px; border-right-color: transparent;}
  3158. .new-publish-price .tab li:last-of-type{border-left-color: transparent; border-radius: 0 20px 20px 0;}
  3159. .new-publish-price .tab li.active{background-color: #157df1; border-color: #157df1; color: #fff;}
  3160. /*.new-publish-price .tab li:first-of-type.active{border-radius: 25px 0 0 25px;}*/
  3161. /*.new-publish-price .tab li:last-of-type.active{border-radius:0 25px 25px 0;}*/
  3162. .new-publish-price .tab-con>div{display: none;}
  3163. .new-publish-price .tab-con .con-wrap{padding: 0 70px;}
  3164. .new-publish-price .tab-con h1{text-align: center; color: #157df1; margin-bottom: 20px;}
  3165. .new-publish-price .tab-con .big-package h1{color: #fd9817;}
  3166. .new-publish-price .tab-con .p1{text-align: center; font-size: 16px; color: #666; margin-bottom: 35px;}
  3167. .new-publish-price .tab-con .con{border: 1px solid #e5e5e5; padding-bottom: 40px; position: relative;}
  3168. .new-publish-price .tab-con .con:hover{box-shadow: 0 3px 10px rgba(21,125,241,.2);}
  3169. .new-publish-price .tab-con .big-package .con:hover{box-shadow: 0 3px 10px rgba(253,152,23,.2);}
  3170. .new-publish-price .tab-con .gradient{height: 8px;}
  3171. .new-publish-price .tab-con .gradient1{background: linear-gradient(to right, #5caafd, #57d4f8);}
  3172. .new-publish-price .tab-con .gradient2{background: linear-gradient(to right, #507dfb, #5598fa);}
  3173. .new-publish-price .tab-con .gradient3{background: linear-gradient(to right, #5958d9, #8e1fe5);}
  3174. .new-publish-price .tab-con .big-package .gradient1{background: linear-gradient(to right, #fea63f, #ffcd35);}
  3175. .new-publish-price .tab-con .big-package .gradient2{background: linear-gradient(to right, #fc853e, #fe9f30);}
  3176. .new-publish-price .tab-con .big-package .gradient3{background: linear-gradient(to right, #fc7738, #ff339a);}
  3177. .new-publish-price .tab-con .downloads{text-align: center; padding: 35px 0 30px;}
  3178. .new-publish-price .tab-con .downloads .text{color: #666; font-size: 16px;}
  3179. .new-publish-price .tab-con .downloads .num{color: #333; font-size: 50px;}
  3180. .new-publish-price .tab-con .downloads .num span{font-size: 16px;}
  3181. .new-publish-price .tab-con .con .recommended{position: absolute; top: 0; right: 0; display: none;}
  3182. .new-publish-price .tab-con .instructions{padding: 0 30px;}
  3183. .new-publish-price .tab-con .instructions dl{border-top: 1px solid #e5e5e5; text-align: left; color: #666; padding-top: 25px; height: 195px;}
  3184. .new-publish-price .tab-con .instructions dl dd{margin: 10px 0; color: #666;}
  3185. .new-publish-price .tab-con .instructions dl dd .icon-gou{color: #5cb4f6;}
  3186. .new-publish-price .tab-con .big-package .instructions dl dd .icon-gou{color: #fd9817;}
  3187. .new-publish-price .tab-con .instructions dl dd .icon-gou{margin-right: 10px; font-size: 14px;}
  3188. .new-publish-price .tab-con .instructions dl dd .icon-prompt{position: relative; margin-left: 5px; top: -3px; cursor: pointer;}
  3189. .new-publish-price .tab-con .p-price{font-size: 16px; color: #157df1; text-align: center; margin-bottom: 25px;}
  3190. .new-publish-price .tab-con .big-package .p-price{color: #fd9817;}
  3191. .new-publish-price .tab-con .p-price span{font-size: 40px;}
  3192. .new-publish-price .tab-con .p-pay{text-align: center;}
  3193. .new-publish-price .tab-con .p-pay .btn-buy{padding: 10px 12px; width: 120px;}
  3194. .new-publish-price .tab-con .big-package .p-pay .btn-buy{color: #fd9817; border: 1px solid #fd9817;}
  3195. .new-publish-price .tab-con .big-package .p-pay .btn-buy:hover{color: #fff; border: 1px solid #fd9817; background-color: #fd9817;}
  3196. .new-price-meal{padding: 20px 0 25px;}
  3197. .new-price-meal>h1{color: #157df1; margin-bottom: 15px; text-align: center;}
  3198. .new-price-meal>p{color: #666; font-size: 16px; margin-bottom: 20px; text-align: center;}
  3199. .new-price-meal .new-price-btn{margin-bottom: 50px;}
  3200. .new-price-meal .table{table-layout: fixed; box-shadow: 0 0 10px rgba(0,0,0,.1);}
  3201. .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;}
  3202. .new-price-meal .table td{text-align: center; border: 1px solid #ddd; height: 50px; color: #333; vertical-align: middle;}
  3203. .new-price-meal .table th:first-of-type{border-left-color: transparent;}
  3204. .new-price-meal .table th:last-of-type{border-right-color: transparent;}
  3205. .new-price-meal .table td:first-of-type{border-left-color: transparent;}
  3206. .new-price-meal .table td:last-of-type{border-right-color: transparent;}
  3207. .new-price-meal .table tr:last-of-type td{border-bottom: none;}
  3208. .new-price-meal .table tr:nth-of-type(odd) td{background-color: transparent;}
  3209. .new-price-meal .table .recommend-wrap1{position: relative;}
  3210. .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;}
  3211. .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;}
  3212. .new-price-meal .table td .num{font-size: 18px;}
  3213. .new-price-meal .help{padding: 0;}
  3214. .new-price-meal .help>h1{color: #157df1; text-align: center; margin-bottom: 50px;}
  3215. /*----------/新价格页----------*/
  3216. /*----------SDK----------*/
  3217. .sdk-banner-wrap{background: url("../img/sdk-banner.jpg") no-repeat center; height: 200px;}
  3218. .sdk-banner{padding-top: 60px;}
  3219. .sdk-banner h1{color: #fff; font-size: 30px; text-align: center; line-height: 40px; font-weight: normal;}
  3220. .sdk-common{padding: 70px 0;}
  3221. .sdk-common>h1{color: #157df1; text-align: center; margin-bottom: 20px; font-weight: normal;}
  3222. .sdk-common>h3{color: #666; font-size: 16px; text-align: center; margin-bottom: 50px; font-weight: normal;}
  3223. .sdk-system .list .con{text-align: center;}
  3224. .sdk-system .list .con1{border-right: 1px solid #e5e5e5;}
  3225. .sdk-system .list .con img{margin: 0 auto 20px;}
  3226. .sdk-system .list .con>h3{text-align: center; color: #333; margin-bottom: 15px; font-weight: normal;}
  3227. .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;}
  3228. .sdk-system .list .con .s-btn2{background-color: #13c960; color: #fff;}
  3229. .sdk-system .list .con .s-btn2:hover{background-color: #72dd9f;}
  3230. .sdk-system .list .con .instructions{color: #666; font-size: 18px;}
  3231. .sdk-system .list .con .instructions1:hover{color: #157df1; text-decoration: underline;}
  3232. .sdk-system .list .con .instructions2:hover{color: #13c960; text-decoration: underline;}
  3233. .sdk-solve .ms-thumbnail .img-wrap{height: 190px; margin-bottom: 20px;}
  3234. .sdk-statistical{padding: 70px 0;}
  3235. .sdk-statistical .ms-thumbnail .img-wrap{height: 155px; display: flex; align-items: flex-end;}
  3236. .sdk-statistical .ms-thumbnail .tit{margin-bottom: 0;}
  3237. .sdk-help>h1{text-align: center; color: #157df1; margin-bottom: 50px; font-weight: normal;}
  3238. /*----------/SDK----------*/
  3239. /*----------免责声明----------*/
  3240. .disclaimer{padding: 75px 60px; min-height: 580px;}
  3241. .disclaimer h1{text-align: center; color: #333; margin-bottom: 50px;}
  3242. .disclaimer p{line-height: 1.8; color: #333; font-size: 16px; margin-bottom: 35px;}
  3243. /*----------/免责声明----------*/
  3244. /*----------推广大使----------*/
  3245. /*2019/4/1日改版*/
  3246. .ambassador-common{padding: 70px 0;}
  3247. .ambassador-common .h1{color: #333; text-align: center; margin-bottom: 20px;}
  3248. .ambassador-common .h5{font-size: 16px; text-align: center; margin-bottom: 45px; line-height: 24px;}
  3249. .ambassador-banner-wrap{background: url("../img/tt-0.jpg?20190401") no-repeat center; height: 430px; display: block; padding-top: 110px;}
  3250. .ambassador-banner{color: #fff; padding-left: 40px;}
  3251. .ambassador-banner .h1{font-weight: 600; margin-bottom: 15px; text-shadow: 2px 2px 0 #0b58b6;}
  3252. .ambassador-banner .h1 span{color: #ffe401; font-size: 44px;}
  3253. .ambassador-banner p{font-size: 18px; margin-bottom: 25px;}
  3254. .ambassador-banner .b-btn{color: #157df1; width: 100px; padding: 9px; background-color: #fff; font-size: 16px;}
  3255. .ambassador-join .ms-thumbnail .ms-caption p{height: 60px;}
  3256. .ambassador-service-wrap{background: url("../img/ttt-banner.jpg?2019") no-repeat center;}
  3257. .ambassador-service .h1{color: #fff;}
  3258. .ambassador-service .h5{color: #fff;}
  3259. .ambassador-service .ms-thumbnail{background-color: #fff; padding: 40px 0;}
  3260. .ambassador-service .ms-thumbnail .ms-caption p{height: 40px;}
  3261. /*.promote-process-wrap{background-color: #ecf4fd;}*/
  3262. .promote-process .h1{margin-bottom: 60px;}
  3263. .promote-process ul li{float: left; height: 220px; padding-top: 30px;}
  3264. .promote-process ul li:nth-child(even){width: 60px; background: url("../img/tt-8.png") no-repeat center;}
  3265. .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);}
  3266. .promote-process .ms-thumbnail .ms-caption{padding: 0 20px;}
  3267. .promote-process .ms-thumbnail .ms-caption .tit{font-size: 16px; margin-bottom: 10px;}
  3268. .promote-process .ms-thumbnail .ms-caption .tit img{margin-bottom: 0; vertical-align: text-bottom; display: inline-block;}
  3269. /*.promote-process .ms-thumbnail .ms-caption .tit img{float: left;}*/
  3270. .ambassador-help .tit{color: #333;}
  3271. .join-ambassador{background: url("../img/tt-9.jpg") no-repeat center; height: 200px; display: block; text-align: center; padding-top: 55px;}
  3272. .join-ambassador .h1{font-weight: 600; margin-bottom: 25px; color: #fff; letter-spacing: 10px;}
  3273. .join-ambassador .h1 span{margin: 0 20px;}
  3274. .join-ambassador .ms-btn{width: 110px; font-size: 16px; border: 1px solid #fff; color: #fff;}
  3275. /*----------/推广大使----------*/
  3276. /*右侧悬停*/
  3277. .fixed-right{position: fixed; right: 0; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); z-index: 999;/* display: none;*/}
  3278. .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;}
  3279. .fixed-right li+li{border-top: transparent;}
  3280. .fixed-right li .iconfont{color: #999;}
  3281. .fixed-right li .icon-qq{font-size: 30px;}
  3282. .fixed-right li .icon-weixin1{font-size: 25px;}
  3283. .fixed-right li .icon-go-top{font-size: 36px;}
  3284. .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;}
  3285. .fixed-right li:hover .wechat{display: block;}
  3286. .fixed-right li:hover .iconfont{color: #303659;}
  3287. .fixed-right li.qiye .hover-hidden{display: block;}
  3288. .fixed-right li.qiye .hover-show{display: none;}
  3289. .fixed-right li.qiye:hover .hover-hidden{display: none;}
  3290. .fixed-right li.qiye:hover .hover-show{display: block;}
  3291. .fixed-right-guest-wrap{ display: none; position: absolute; left: -220px; top: -70%; width: 220px;}
  3292. .fixed-right-guest{ width: 200px; background-color: #FFF; box-shadow: 0 0 10px rgba(0,0,0,.1);}
  3293. .fixed-right-guest:after{
  3294. position: absolute;
  3295. content: '';
  3296. right: 8px;
  3297. top: 42%;
  3298. border-left: 12px solid #FFF;
  3299. border-bottom: 12px solid transparent;
  3300. border-top: 12px solid transparent;
  3301. }
  3302. .fixed-right li.guest:hover .fixed-right-guest-wrap{ display: block;}
  3303. .fixed-right li .wechat img{width: 115px; height: 115px;}
  3304. .fixed-right-guest .wx_qrcode{width: 100px; height: 100px; margin-top: 10px; }
  3305. .fixed-right-guest .item{ padding: 15px 20px;}
  3306. .fixed-right-guest .item:hover{background-color: #e6edf8;}
  3307. .fixed-right-guest .text {margin-left: 10px;}
  3308. .fixed-right-guest .text .title{font-size: 16px; color: #303659; line-height: 1; margin-bottom: 3px; }
  3309. .fixed-right-guest .text .s-title{font-size: 12px; color:#999;}
  3310. .fixed-right .go-top{display: none;}
  3311. /*/右侧悬停*/
  3312. /*弹窗*/
  3313. /*
  3314. .ms-modal .modal-body{padding: 30px;}
  3315. .ms-modal .modal-title{color: #333; text-align: center; font-weight: 600; font-size: 16px;}
  3316. .ms-modal .modal-header{border-bottom: none; padding: 25px 15px 0;}
  3317. */
  3318. /*模板页弹窗提示*/
  3319. #templateModal .modal-content{background-color: #fffeff;}
  3320. #templateModal .modal-body{padding: 0;}
  3321. #templateModal .template-modal{padding-bottom: 30px;}
  3322. #templateModal .m-top{background: no-repeat center; height: 130px; background-size: cover; padding-top: 25px; border-radius: 6px 6px 0 0;}
  3323. #templateModal .m-top .title1{color: #fff; font-size: 40px; text-align: center; font-weight: 600;}
  3324. #templateModal .m-top .title2{color: #fff; font-size: 16px; font-weight: 600; text-align: center; padding: 0 15px;}
  3325. #templateModal .m-top .title2 span{font-size: 20px;}
  3326. #templateModal .modal-p{color: #333; padding: 20px 30px;}
  3327. #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;}
  3328. #templateModal .modal-btn1{background-color: #fd6835; border-color: #fd6835; box-shadow: 0 5px 10px rgba(253,104,53,.4);}
  3329. #templateModal .modal-btn2{background-color: #5342ff; border-color: #5342ff; box-shadow: 0 5px 10px rgba(83,66,255,.3);}
  3330. /*/模板页弹窗提示*/
  3331. /*通用弹窗*/
  3332. /*#generalModal{padding-right: 0 !important;}*/
  3333. #generalModal .title{margin-bottom: 5px;}
  3334. #generalModal .modal-p{margin-bottom: 15px;}
  3335. #generalModal .cancel-btn{margin-right: 10px;}
  3336. #generalModal .cancel-btn:empty{display: none;}
  3337. #generalModal .success-btn:empty{display: none;}
  3338. #generalModal .title:empty{display: none;}
  3339. #generalModal .modal-p:empty{display: none;}
  3340. /*/通用弹窗*/
  3341. #myModalPay .modal-header{border-bottom: 1px solid #e5e5e5; padding: 15px;}
  3342. /*超出文件大小300m*/
  3343. .beyond-file p{line-height: 24px; margin-top: 15px;}
  3344. .beyond-file p a{color: #157df1;}
  3345. .beyond-file .ms-btn-primary{width: 90px; margin-top: 15px;}
  3346. /*我的应用 合并应用*/
  3347. .ms-modal .app-list{height: 380px; overflow-y: auto;}
  3348. .ms-modal .app-list li{float: left; width: 25%; padding: 0 10px 30px; text-align: center; cursor: pointer;}
  3349. .ms-modal .app-list li .img-wrap{position: relative; width: 51px; height: 51px; margin: 0 auto; overflow: hidden;}
  3350. .ms-modal .app-list li img{width: 51px; border-radius: 15px; border: 1px solid #e5e5e5;}
  3351. .ms-modal .app-list li .tit{color: #333; margin-top: 5px;}
  3352. .ms-modal .app-list li p{color: #666;}
  3353. .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;}
  3354. .ms-modal .app-list li.active .img-wrap .shadow{display: block;}
  3355. .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%);}
  3356. /*我的应用 确定合并应用*/
  3357. .marge-common .merge-app{padding: 0 70px;}
  3358. .marge-common .merge-app li{float: left; width: 33.33333%; text-align: center;}
  3359. .marge-common .merge-app li.center{background: url("../img/icon-20.png") no-repeat center; height: 110px;}
  3360. .marge-common .merge-app li img{width: 100px; height: 100px; border-radius: 12px}
  3361. .marge-common .merge-app li .icon{position: relative; top: 2px;}
  3362. .marge-common dl.bottom{font-size: 12px; color: #333; border-top: 1px solid #e5e5e5; padding-top: 20px; margin-top: 25px;}
  3363. .marge-common dl.bottom dt{color: #333; font-weight: 600; margin-bottom: 5px;}
  3364. /*下载更多尺寸*/
  3365. #myModal3 .modal-dialog{width: 400px;}
  3366. #myModal3 .modal-content .size-list{padding-left: 50px; padding-right: 50px;}
  3367. #myModal3 .modal-title{text-align: left;}
  3368. #myModal3 .size-list dl{margin-bottom: 15px;}
  3369. #myModal3 .size-list dt{color: #333; margin-top: 6px;}
  3370. #myModal3 .size-list .iconfont{color: #157df1; font-size: 20px;}
  3371. /*#myModal3 .size-list .iconfont:hover{color: #157df1;}*/
  3372. #UDIDModal .modal-dialog{width: 400px;}
  3373. #UDIDModal .modal-title{text-align: left;}
  3374. #UDIDModal .UDID{color: #333; max-height: 200px; overflow-y: auto;}
  3375. #UDIDModal .UDID li{line-height: 24px;}
  3376. /*自动消失弹窗*/
  3377. .auto-hide-modal .modal-content{background-color: transparent; box-shadow: none; border: none;}
  3378. .auto-hide-modal .auto-hide{background-color: #666; padding: 20px 25px; border-radius: 5px; display: inline-block; color: #fff;}
  3379. /*/自动消失弹窗*/
  3380. /*修改手机号弹窗*/
  3381. .change-phone-num{padding: 0 20px 20px 20px;}
  3382. .change-phone-num label{color: #333; margin-bottom: 5px; font-weight: 600;}
  3383. .change-phone-num .form-control{color: #333;}
  3384. /*/修改手机号弹窗*/
  3385. /*用户签名协议弹窗*/
  3386. #myModal5 .modal-body{padding-top: 20px;}
  3387. #myModal5 .con{line-height: 24px; max-height: 350px; overflow-y: auto;}
  3388. /*/用户签名协议弹窗*/
  3389. /*封装打包弹窗*/
  3390. #myModal6 .packaging{margin-top: 70px;}
  3391. #myModal6 .progress{height: 12px; border-radius: 6px; width: 94%;}
  3392. #myModal6 .progress-bar{background-color: #2e90fc;}
  3393. #myModal6 .progress-wrap .fr{margin-top: -4px;}
  3394. #myModal6 .packaging p{margin-top: 80px; font-size: 12px;}
  3395. /*/封装打包弹窗*/
  3396. /*举报弹窗*/
  3397. #reportModal .report .tit{font-size: 16px; color: #333; text-align: center; font-weight: 600; margin-bottom: 20px;}
  3398. #reportModal .report p{color: #666; font-size: 12px; line-height: 24px; padding-bottom: 15px; margin-bottom: 15px; border-bottom: 1px solid #e5e5e5;}
  3399. #reportModal .report label{font-weight: 600; color: #333; margin-bottom: 5px;}
  3400. #reportModal .report label span{color: #ff4222; margin-left: 10px;}
  3401. #reportModal .report ul{margin-top: 5px;}
  3402. #reportModal .report ul li{float: left; margin-right: 35px; color: #333; cursor: pointer;}
  3403. #reportModal .report ul li span{position: relative; top: 3px; margin-right: 5px;}
  3404. #reportModal .report .btn-bottom{text-align: center; margin-top: 40px;}
  3405. #reportModal .report .btn-bottom .ms-btn-primary{width: 120px; padding: 9px 12px;}
  3406. #reportModal .report .form-error{position: relative;}
  3407. #reportModal .report .error{position: absolute; top: 100%; left: 0; display: none; color: #ff4222;}
  3408. #reportModal .report .form-error .error{display: block;}
  3409. /*/举报弹窗*/
  3410. /*发票弹窗*/
  3411. #invoiceModal .user-center1 .invoice-management .make-invoice-details{border: none; height: auto; padding: 0;}
  3412. #invoiceModal .user-center1 .invoice-management .make-invoice-details .color-hover{padding-left: 0;}
  3413. /*/发票弹窗*/
  3414. /*删除APP弹窗*/
  3415. #deleteAppModal .modal-dialog{width: 470px;}
  3416. #deleteAppModal .modal-body{position: relative; padding: 30px 20px;}
  3417. #deleteAppModal .modal-body .delete-prompt{}
  3418. #deleteAppModal .modal-body .title{margin: 0 0 5px;}
  3419. #deleteAppModal .modal-body .modal-p{font-size: 12px; color: #fd641d; margin-bottom: 15px;}
  3420. #deleteAppModal .modal-body .form-horizontal{margin-bottom: 15px;}
  3421. #deleteAppModal .modal-body .form-group{margin: 0 -5px 5px;}
  3422. #deleteAppModal .modal-body .col-sm-3, #deleteAppModal .modal-body .col-sm-8{padding: 0 5px;}
  3423. #deleteAppModal .modal-body .col-sm-3{padding-top: 5px; color: #333;}
  3424. #deleteAppModal .modal-body .form-group .form-control{height: 30px;}
  3425. #deleteAppModal .modal-body .form-group .error{display: none;}
  3426. #deleteAppModal .modal-body .cancel-btn{margin-right: 30px;}
  3427. /*/删除APP弹窗*/
  3428. /*/弹窗*/
  3429. /*兼容平板*/
  3430. @media (min-width: 768px) and (max-width: 1199px) {
  3431. .footer .left dl{margin-right: 70px;}
  3432. .publicity li{padding: 35px 20px; height: auto;}
  3433. .publicity li p{height: 72px;}
  3434. }
  3435. @media (width: 768px) {
  3436. .footer>.clearfix>a{display: none;}
  3437. .publicity li p{height: 96px;}
  3438. .closed-beta-distribution .con .con-c{padding-bottom: 25px;}
  3439. .closed-beta-distribution .con .con-c h4{font-size: 16px;}
  3440. .closed-beta-distribution .con .con-c p{margin-top: 15px; height: 72px; padding: 0 10px;}
  3441. }
  3442. .ms-badge {
  3443. background-color: #fd0000;
  3444. width: 30px;
  3445. height: 18px;
  3446. line-height: 16px;
  3447. display: inline-block;
  3448. color: #fff;
  3449. border-radius: 80%;
  3450. font-size: 12px;
  3451. text-align: center;
  3452. position: relative;
  3453. top: -15px;
  3454. left: 0;
  3455. display: none;
  3456. }