h5.css 71 KB

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