1main.css 135 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775776777778779780781782783784785786787788789790791792793794795796797798799800801802803804805806807808809810811812813814815816817818819820821822823824825826827828829830831832833834835836837838839840841842843844845846847848849850851852853854855856857858859860861862863864865866867868869870871872873874875876877878879880881882883884885886887888889890891892893894895896897898899900901902903904905906907908909910911912913914915916917918919920921922923924925926927928929930931932933934935936937938939940941942943944945946947948949950951952953954955956957958959960961962963964965966967968969970971972973974975976977978979980981982983984985986987988989990991992993994995996997998999100010011002100310041005100610071008100910101011101210131014101510161017101810191020102110221023102410251026102710281029103010311032103310341035103610371038103910401041104210431044104510461047104810491050105110521053105410551056105710581059106010611062106310641065106610671068106910701071107210731074107510761077107810791080108110821083108410851086108710881089109010911092109310941095109610971098109911001101110211031104110511061107110811091110111111121113111411151116111711181119112011211122112311241125112611271128112911301131113211331134113511361137113811391140114111421143114411451146114711481149115011511152115311541155115611571158115911601161116211631164116511661167116811691170117111721173117411751176117711781179118011811182118311841185118611871188118911901191119211931194119511961197119811991200120112021203120412051206120712081209121012111212121312141215121612171218121912201221122212231224122512261227122812291230123112321233123412351236123712381239124012411242124312441245124612471248124912501251125212531254125512561257125812591260126112621263126412651266126712681269127012711272127312741275127612771278127912801281128212831284128512861287128812891290129112921293129412951296129712981299130013011302130313041305130613071308130913101311131213131314131513161317131813191320132113221323132413251326132713281329133013311332133313341335133613371338133913401341134213431344134513461347134813491350135113521353135413551356135713581359136013611362136313641365136613671368136913701371137213731374137513761377137813791380138113821383138413851386138713881389139013911392139313941395139613971398139914001401140214031404140514061407140814091410141114121413141414151416141714181419142014211422142314241425142614271428142914301431143214331434143514361437143814391440144114421443144414451446144714481449145014511452145314541455145614571458145914601461146214631464146514661467146814691470147114721473147414751476147714781479148014811482148314841485148614871488148914901491149214931494149514961497149814991500150115021503150415051506150715081509151015111512151315141515151615171518151915201521152215231524152515261527152815291530153115321533153415351536153715381539154015411542154315441545154615471548154915501551155215531554155515561557155815591560156115621563156415651566156715681569157015711572157315741575157615771578157915801581158215831584158515861587158815891590159115921593159415951596159715981599160016011602160316041605160616071608160916101611161216131614161516161617161816191620162116221623162416251626162716281629163016311632163316341635163616371638163916401641164216431644164516461647164816491650165116521653165416551656165716581659166016611662166316641665166616671668166916701671167216731674167516761677167816791680168116821683168416851686168716881689169016911692169316941695169616971698169917001701170217031704170517061707170817091710171117121713171417151716171717181719172017211722172317241725172617271728172917301731173217331734173517361737173817391740174117421743174417451746174717481749175017511752175317541755175617571758175917601761176217631764176517661767176817691770177117721773177417751776177717781779178017811782178317841785178617871788178917901791179217931794179517961797179817991800180118021803180418051806180718081809181018111812181318141815181618171818181918201821182218231824182518261827182818291830183118321833183418351836183718381839184018411842184318441845184618471848184918501851185218531854185518561857185818591860186118621863186418651866186718681869187018711872187318741875187618771878187918801881188218831884188518861887188818891890189118921893189418951896189718981899190019011902190319041905190619071908190919101911191219131914191519161917191819191920192119221923192419251926192719281929193019311932193319341935193619371938193919401941194219431944194519461947194819491950195119521953195419551956195719581959196019611962196319641965196619671968196919701971197219731974197519761977197819791980198119821983198419851986198719881989199019911992199319941995199619971998199920002001200220032004200520062007200820092010201120122013201420152016201720182019202020212022202320242025202620272028202920302031203220332034203520362037203820392040204120422043204420452046204720482049205020512052205320542055205620572058205920602061206220632064206520662067206820692070207120722073207420752076207720782079208020812082208320842085208620872088208920902091209220932094209520962097209820992100
  1. @charset "utf-8";
  2. @media (min-width: 1200px) {
  3. .container{width: 1200px;}
  4. .table-responsive{overflow-x: visible;}
  5. }
  6. /*bootstrap分页*/
  7. .pagination{margin: 30px 0 5px;}
  8. /*缩略图*/
  9. .ms-thumbnail{display: block;}
  10. .ms-thumbnail img{margin: 0 auto 20px; display: block;}
  11. .ms-thumbnail .ms-caption{padding: 0 25px; text-align: center;}
  12. .ms-thumbnail .ms-caption .tit{font-size: 18px; color: #333; margin-bottom: 10px;}
  13. .ms-thumbnail .ms-caption p{color: #848484;}
  14. /*/缩略图*/
  15. /*复制功能*/
  16. .copy{cursor: pointer; margin-left: 5px; color: #157df1;}
  17. /*/复制功能*/
  18. /*APP iOS Android 下拉*/
  19. .blue-line{width: 35px; height: 2px; background-color: #157df1; margin: 13px 0;}
  20. .crumbs{padding: 15px 0;color: #666;}
  21. .crumbs a {color: #333;}
  22. .crumbs span{margin: 0 10px;}
  23. .warn-prompt{background-color: #fff5e7; padding: 8px 20px; border: 1px solid #feebcd; margin-top: 10px;}
  24. .warn-prompt .iconfont{color: #fd9823; margin-right: 5px; font-size: 13px;}
  25. .warn-prompt-1{margin-top: 10px; margin-bottom: 30px;}
  26. .warn-prompt-1 dt{font-size: 12px;}
  27. .warn-prompt-1 dd{margin-left: 40px; font-size: 12px;}
  28. header{box-shadow: 0 2px 5px rgba(0,0,0,.05);position: relative;z-index: 2}
  29. .header{position: relative}
  30. .header .header-left img.hidden-xs{width: 138px;height: 60px;display: block}
  31. .header .ms-nav{margin: 20px 0 0 35px}
  32. .header .ms-nav li{float: left;margin: 0 15px}
  33. @media(min-width:1200px){.header .ms-nav li>a{padding: 0 10px 5px;border-bottom: 2px solid transparent;color: #333}.header .ms-nav li.active>a{border-bottom: 2px solid #157df1;color: #157df1}.header .ms-nav li:hover>a{border-bottom: 2px solid #157df1}}
  34. .header .login{margin-top: 15px}
  35. .header .login li{float: left}
  36. /*增加文档二级导航*/
  37. .header .doc-nav{position: relative;padding-bottom: 5px}
  38. .header .ms-nav li .doc-nav>a{padding: 0 10px 5px;border-bottom: 2px solid transparent;color: #333}
  39. .header .ms-nav li.active .doc-nav>a{border-bottom: 2px solid #157df1;color: #157df1}
  40. .header .ms-nav li:hover .doc-nav>a{border-bottom: 2px solid #157df1}
  41. .header .top-doc{position: absolute;top: calc(100%);left: 50%;z-index: 1000;width: 140px;transform: translateX(-50%);padding-top: 15px;display: none}
  42. .header .top-doc dl{background-color: #fff;border: 1px solid #e5e5e5;border-radius: 3px;padding-top: 15px}
  43. .header .top-doc dl dd{margin-bottom: 15px}
  44. .header .top-doc a{color: #666;text-align: center;display: block}
  45. .header .top-doc a.active{color: #157df1}
  46. .header .top-doc a:hover{color: #157df1}
  47. .header .ms-nav li:hover .doc-nav:hover .top-doc{display: block}
  48. /*/增加文档二级导航*/
  49. /*login-in*/
  50. .login-in{position: absolute;right: 0;top: 0;height: 100%}
  51. .login-in .login-user{cursor: pointer;padding-top: 20px;height: 100%}
  52. .login-in .login-user .certified{color: #157df1}
  53. .login-in .name-certified{color: #348dee;margin-right: 30px;padding-top: 20px}
  54. .login-in .icon-arrow-bottom{color: #c1c5cc;font-size: 14px;margin-left: 5px}
  55. .login-in .login-user dl{background-color: #fff;border-radius: 3px;border: 1px solid #e5e5e5;position: absolute;top: 60px;right: 0;z-index: 10;display: none;width: 115px;box-shadow: 0 5px 10px rgba(21,125,241,.1)}
  56. .login-in .login-user:hover dl{display: block}
  57. .login-in .login-user dl dt{padding: 15px 0;margin-top: 10px;border-top: 1px solid #e5e5e5;color: #666;text-align: center}
  58. .login-in .login-user dl dt a:hover{color: #157df1}
  59. .login-in .login-user dl dt .icon-sign-out{margin-right: 3px;color: #666;position: relative;top: 1px}
  60. .login-in .login-user dl dt a:hover .icon-sign-out{color: #157df1}
  61. .login-in .login-user dl dd{margin-top: 10px;text-align: center}
  62. .login-in .login-user dl dd a{color: #666}
  63. .login-in .login-user dl dd a:hover{color: #157df1}
  64. /*通知中心*/
  65. .header .login-in .notification{padding-top: 16px;margin-right: 2px;position: relative;cursor: pointer}
  66. .header .login-in .notification .icon-msg{font-size: 20px;color: #157df1}
  67. .header .login-in .notification .ms-badge{left: -7px}
  68. .header .login-in .n-drop-down{width: 130px;z-index: 10;position: absolute;left: -51px;top: 100%;padding-top: 16px;display: none}
  69. .header .login-in .n-drop-down .n-con{background-color: #fff;box-shadow: 0 3px 10px rgba(193,220,251,.7)}
  70. .header .login-in .n-drop-down .n-con .no{text-align: center;color: #333;padding: 50px 0}
  71. .header .login-in .n-drop-down .n-con .no .icon-lingdang{color: #157df1;font-size: 30px}
  72. .header .login-in .n-drop-down .n-con .yes{max-height: 330px;padding: 15px}
  73. .header .login-in .n-drop-down .n-con .y-tit{color: #666;margin-bottom: 10px}
  74. .header .login-in .n-drop-down .n-con .msg-list{max-height: 260px;overflow-y: auto}
  75. .header .login-in .n-drop-down .n-con .msg-list li{margin-bottom: 10px}
  76. .header .login-in .n-drop-down .icon-unread{color: #fed735}
  77. .header .login-in .n-drop-down .icon-read{color: #999;font-size: 20px;position: relative;top: -2px}
  78. .header .login-in .n-drop-down .m-right{margin-left: 25px;font-size: 12px}
  79. .header .login-in .n-drop-down .m-right dt{margin-bottom: 5px;line-height: 20px}
  80. .header .login-in .n-drop-down .m-right dt a{color: #999}
  81. .header .login-in .n-drop-down .m-right.bold dt a{font-weight: 600;color: #333}
  82. .header .login-in .n-drop-down .m-right.bold dd{font-weight: 400}
  83. .header .login-in .n-drop-down .m-right dd .m-details{color: #157df1}
  84. .header .login-in .n-drop-down .m-right dd .m-time{color: #999}
  85. .header .login-in .n-drop-down .n-con .m-more{border-top: 1px solid #e6e6e6;color: #157df1;display: block;text-align: center;padding: 15px 0}
  86. .header .login-in .notification:hover .n-drop-down{display: block}
  87. /*/通知中心*/
  88. /*/login-in*/
  89. .paging{text-align: center; margin: 35px 0 40px;}
  90. .paging input[type=text]{width: 34px; display: inline-block; vertical-align: middle;}
  91. .paging .color-333{padding: 6px 0;}
  92. .help{text-align: left; padding: 40px 0;}
  93. .help .tit{font-size: 36px; color: #157df1; text-align: center; margin-bottom: 60px;}
  94. .help dl{margin-bottom: 15px; color: #333;}
  95. .help dt{line-height: 30px; font-weight: 600;}
  96. .help dd{line-height: 30px;}
  97. /*----------index-----------*/
  98. /*banner*/
  99. .index-banner .swiper-container{width: 100%;height: 100%}
  100. .index-banner .swiper-slide{overflow: hidden;display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center;width: 100%}
  101. .index-banner .swiper-slide>a{display: block;height: 430px;width: 100%}
  102. .index-banner .swiper-pagination-bullet{width: 40px;height: 4px;display: inline-block;border-radius: 0;background-color: #fff;opacity: .4}
  103. .index-banner .swiper-pagination-bullet-active{opacity: 1}
  104. .index-banner .swiper-container-horizontal>.swiper-pagination-bullets{bottom: 20px}
  105. .index-banner .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin: 0 5px}
  106. .index-banner .banner-con{color: #fff}
  107. .index-banner .banner-con .h1{font-size: 32px;font-weight: 600}
  108. .index-banner .banner-con .h2{font-size: 18px;line-height: 30px;margin-bottom: 20px}
  109. .index-banner .banner-con .ms-btn{border-color: #fff;width: 110px;color: #fff;font-size: 16px}
  110. .index-banner .banner-con.con1{padding: 95px 0 0 40px}
  111. .index-banner .banner-con.con1 .h1{margin-bottom: 20px}
  112. .index-banner .banner-con.con1 span{margin-left: 45px}
  113. .index-banner .banner-con.con1 i{font-size: 22px}
  114. .index-banner .banner-con.con2{padding: 110px 0 0 90px}
  115. .index-banner .banner-con.con2 .h1{margin-bottom: 10px}
  116. .index-banner .banner-con.con3{text-align: center;padding-top: 75px}
  117. .index-banner .banner-con.con3 .h1{margin-bottom: 20px}
  118. .index-banner .banner-con.con4{padding: 100px 0 0 40px}
  119. .index-banner .banner-con.con4 .h1{margin-bottom: 20px}
  120. /*/banner*/
  121. /*publicity*/
  122. .publicity-wrap{background-color: #f5f9fe;}
  123. .publicity li{background-color: #f5f9fe; padding: 20px 30px 0; height: 120px; float: left; width: 33.333333%; border-left: 1px solid #e5e5e5;}
  124. .publicity li:first-of-type{border-left-color: transparent;}
  125. .publicity li:hover{background-color: #fff;}
  126. .publicity li .p-right{margin-left: 65px;}
  127. .publicity li .tit{font-size: 18px; color: #333; margin-top: 5px; margin-bottom: 5px;}
  128. .publicity li .blue-line{margin: 0 0 10px;}
  129. .publicity li p{font-size: 12px;}
  130. .publicity li:hover .tit{color: #157df1;}
  131. .publicity li:hover p{color: #157df1;}
  132. /*/publicity*/
  133. /*证书签名*/
  134. .index-common{text-align: center; padding: 90px 0;}
  135. .index-common .row{margin-top: 70px;}
  136. .index-common h1{color: #348dee;}
  137. .index-common h4{color: #333;}
  138. .index-common>h4{font-size: 17px; margin-top: 25px;}
  139. .index-common .con img{margin: 0 auto;}
  140. .certificate-signing .con .blue-line{margin: 15px auto;}
  141. .index-common .con h4{margin-top: 20px;}
  142. .index-common .con p{line-height: 24px;}
  143. /*/证书签名*/
  144. /*网站封装APP*/
  145. .encapsulation-app-wrap{background: url("../img/bg-1.jpg") no-repeat center; height: 875px;}
  146. .encapsulation-app h1{color: #fff;}
  147. .encapsulation-app h4{color: #fff;}
  148. .encapsulation-app img{margin: 70px auto 0;}
  149. /*/网站封装APP*/
  150. /*内测分发*/
  151. .closed-beta-distribution{}
  152. .closed-beta-distribution .row{margin: 70px -20px 0;}
  153. .closed-beta-distribution .row .col-sm-3{padding: 0 20px;}
  154. .closed-beta-distribution .con{border: 1px solid #eee; border-top: none;}
  155. .closed-beta-distribution .con .top{height: 6px; width: calc(100% + 2px); margin-left: -1px;}
  156. .closed-beta-distribution .row .col-sm-3:nth-of-type(1) .con .top{background: linear-gradient(to right, #5caafd , #57d4f8);}
  157. .closed-beta-distribution .row .col-sm-3:nth-of-type(2) .con .top{background: linear-gradient(to right, #507dfb , #5598fa);}
  158. .closed-beta-distribution .row .col-sm-3:nth-of-type(3) .con .top{background: linear-gradient(to right, #4483dd , #649efc);}
  159. .closed-beta-distribution .row .col-sm-3:nth-of-type(4) .con .top{background: linear-gradient(to right, #5958d9 , #8e1fe5);}
  160. .closed-beta-distribution .con .con-c{padding: 40px 0;}
  161. .closed-beta-distribution .con .con-c img{height: 110px;}
  162. .closed-beta-distribution .con .con-c h4{margin-top: 30px;}
  163. .closed-beta-distribution .con .con-c p{margin-top: 25px;}
  164. .closed-beta-distribution .con:hover{box-shadow: 0 5px 20px rgba(0,0,0,.1);}
  165. /*/内测分发*/
  166. /*footer*/
  167. footer{background-color: #2e3033; padding: 60px 0;}
  168. .footer .left dl{margin-right: 160px;}
  169. .footer .left dl:last-of-type{margin-right: 100px;}
  170. .footer .left dt{color: #fff; font-size: 18px; margin-bottom: 20px;}
  171. .footer .left dd{margin-bottom: 10px; color: #fff; font-size: 12px;}
  172. .footer .left dd.line{background-color: #fff; width: 16px; height: 2px; margin-bottom: 15px;}
  173. .footer .left dd a{color: #fff; font-size: 12px;}
  174. .footer .left dd a:hover{text-decoration: underline;}
  175. .footer .right a{display: block;}
  176. .footer .right a img{width: 110px; height: 60px;}
  177. .footer .right .wechat{padding: 5px; background-color: #fff; margin: 10px 0; width: 95px; height: 95px; overflow: hidden;}
  178. .footer .right .wechat img{width: 85px; height: 85px;}
  179. .footer .right p{font-size: 13.5px; color: #fff; text-align: right;}
  180. .footer .record{text-align: center; color: #fff; margin-top: 20px;}
  181. /*/footer*/
  182. /*----------index-----------*/
  183. /*----------登录-----------*/
  184. .login-common{width: 500px; border-radius: 3px; border: 1px solid #eee; padding: 60px 55px; box-shadow: 0 5px 10px rgba(0,0,0,.1); margin: 100px auto;}
  185. .login-common .help-block{position: absolute; top: 100%; display: none;}
  186. .login-common .has-error .help-block{display: block;}
  187. .login-common .input-lg{font-size: 16px;}
  188. .login-common .tit{font-size: 18px; color: #333; text-align: center; margin-bottom: 30px;}
  189. .login-common .form-group{position: relative; margin-bottom: 30px;}
  190. .login-common .form-group label{position: absolute; left: 12px; top: 50%; transform: translateY(-50%);}
  191. .login-common .form-group .form-control{padding-left: 40px; border-radius: 4px;}
  192. .login-common .form-group .icon-tel{font-size: 22px;}
  193. .login-common .form-group .icon-pwd{font-size: 18px;}
  194. .login-common .checkbox{margin: 0;}
  195. .login-common .checkbox input{margin-left: 0;}
  196. .login-common .checkbox span{margin-left: 20px;}
  197. .login-common .ms-btn-primary{width: 100%; font-size: 14px;}
  198. /*login-in*/
  199. .login-in {position: absolute; right: 0; top: 0; height: 100%;}
  200. .login-in .login-user{cursor: pointer; padding-top: 20px; height: 100%;}
  201. .login-in .login-user .certified{color: #157df1;}
  202. .login-in .name-certified{color: #348dee; margin-right: 10px; padding-top: 20px;}
  203. .login-in .icon-arrow-bottom{color: #c1c5cc; font-size: 14px; margin-left: 5px;}
  204. .login-in .login-user dl{background-color: #fff; border-radius: 3px; border: 1px solid #eee; position: absolute; top: 60px; right: 0; z-index: 10; display: none; width: 140px; box-shadow: 0 5px 10px rgba(21,125,241,.1);}
  205. .login-in .login-user:hover dl{display: block;}
  206. .login-in dl dt{padding: 15px 0; margin-top: 10px; border-top: 1px solid #eee; color: #666; text-align: center;}
  207. .login-in dl dt a:hover{color: #157df1;}
  208. .login-in dl dt .icon-sign-out{margin-right: 3px; color: #666; position: relative; top: 1px;}
  209. .login-in dl dt a:hover .icon-sign-out{color: #157df1;}
  210. .login-in dl dd{margin-top: 10px; text-align: center;}
  211. .login-in dl dd a{color: #666;}
  212. .login-in dl dd a:hover{color: #157df1;}
  213. /*----------/登录-----------*/
  214. /*----------注册-----------*/
  215. .login-common .form-group .icon-user{font-size: 20px;}
  216. .login-common .form-group .icon-email{font-size: 20px; top: 55%;}
  217. .login-common .verification-code .form-control{width: 70%;}
  218. .login-common .verification-code .ms-btn-primary{width: 27%; margin-top: 0;}
  219. /*----------/注册-----------*/
  220. /*----------实名认证-----------*/
  221. .real-name-wrap{background-color: #f2f2f5; padding-bottom: 40px;}
  222. .real-name{background-color: #fff; border-radius: 3px; border: 1px solid #e5e5e5; padding: 65px 0;}
  223. .real-name.real-name-error{background-color: transparent; border-radius: 3px; border: none; padding: 65px 0 0;}
  224. .real-name .top{padding-bottom: 25px; text-align: center;}
  225. .real-name .top ul{display: inline-block;}
  226. .real-name .top ul li{float: left;}
  227. .real-name .top ul li:nth-of-type(odd){margin: 0 35px;}
  228. .real-name .top ul li .num{width: 27px; height: 27px; text-align: center; line-height: 27px; color: #fff; font-size: 18px; border-radius: 50%; background-color: #d7dde4; position: relative; top: -1px;}
  229. .real-name .top ul li .text{color: #333; font-size: 18px; margin-left: 10px;}
  230. .real-name .top ul li.active .text{color: #348dee; font-weight: 600;}
  231. .real-name .top ul li.active .num{background-color: #348dee;}
  232. .real-name .top ul li dl{margin: 12px 20px 0;}
  233. .real-name .top ul li dd{background-color: #d7dde4; width: 3px; height: 3px; border-radius: 3px; float: left; margin: 0 2px;}
  234. /*1*/
  235. .real-name .con1{text-align: center; background-color: #fff;}
  236. .real-name .con .choice{text-align: left; padding-left: 25px; margin-bottom: 20px;}
  237. .real-name .con .choice-wrap{display: inline-block; padding: 75px 0 160px;}
  238. .real-name .con li{width: 320px; border: 1px solid #e5e5e5; border-radius: 3px; padding: 65px 0 35px; margin: 0 25px;}
  239. .real-name .con li.active{border-color: #157df1;}
  240. .real-name .con li .con-t{background-color: #fbfbfb; border: 1px solid #e5e5e5; width: 145px; height: 145px; border-radius: 50%; margin: 0 auto;}
  241. .real-name .con li:first-of-type .con-t{background: url("../img/icon-8.png") no-repeat center;}
  242. .real-name .con li:last-of-type .con-t{background: url("../img/icon-9.png") no-repeat center;}
  243. .real-name .con li .tit{color: #333; font-size: 18px; text-align: center; margin-top: 35px;}
  244. .real-name .con li p{color: #666; font-size: 12px; text-align: center; line-height: 24px; margin-top: 5px;}
  245. .real-name .con li .authentication{width: 50%; margin: 40px auto 0; display: block;}
  246. .real-name .con li:hover{border-color: #348dee; box-shadow: 0 0px 10px rgba(0,0,0,.1);}
  247. .real-name .con li:hover .con-t{background-color: transparent; border-color: transparent;}
  248. .real-name .con li:hover .authentication{background: #348dee; color: #fff; border-color: #348dee;}
  249. /*2*/
  250. .real-name .con2{padding: 0 200px; /*background-color: #fff;*/}
  251. .real-name .con2 .form-group{margin-bottom: 30px;}
  252. .real-name .con2 .form-group .control-label{color: #333;}
  253. .control-label span{color: #ff4222; margin-right: 10px;}
  254. .real-name .con2 .upload-img1{position: relative; border: 1px dashed #e5e5e5; height: 150px; border-radius: 5px; background: url("../img/icon-10.png") no-repeat center 40px; overflow: hidden; margin-bottom: 30px;}
  255. .real-name .con2 .upload-img1:last-of-type{margin-bottom: 0;}
  256. .real-name .con2 .upload-img1 img{position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: #fff;}
  257. .real-name .con2 .upload-img1 .thumbnail{position: absolute; z-index: 2; width: 100%; height: 100%; left: 0; top: 0; opacity: 0; cursor: pointer;}
  258. .real-name .con2 .upload-img1 .text{text-align: center; margin-top: 80px;}
  259. .real-name .con2 .upload-img1 .reset{position: absolute; left: 0; bottom: 0; height: 30px; line-height: 30px; background: rgba(0,0,0,.5); width: 100%; color: #fff; text-align: center; display: none;}
  260. .real-name .con2 .upload-img1 .reset{display: none;}
  261. .real-name .con2 .upload-img1.uploaded .reset{display: none;}
  262. .real-name .con2 .upload-img1.uploaded:hover .reset{display: block;}
  263. .real-name .con2 .upload-img1 .water-mark{display: none;}
  264. .real-name .con2 .upload-img1 .water-mark img{background-color: transparent;}
  265. .real-name .con2 .upload-img1.uploaded .water-mark{display: block;}
  266. .real-name .con2 .upload-img1 .ongoing{position: absolute; left: 0; top: 0; background: rgba(0,0,0,.5); width: 100%; height: 100%; color: #fff; display: flex; justify-content: center; align-items: center; font-size: 12px; display: none;}
  267. .real-name .con2 .upload-img1.uploading .ongoing{display: flex;}
  268. .real-name .data-uploading .submit{width: 160px;}
  269. .real-name .con2 .upload-license{height: 340px; margin-bottom: 0; background-position: center 40%;}
  270. .real-name .con2 .upload-license .text{text-align: center; width: 100%; margin-top: 65%;}
  271. /*3*/
  272. .real-name .con3-top{padding: 80px 135px 130px; border: 1px solid #e5e5e5; border-radius: 3px; background-color: #fff;}
  273. .real-name .con3-top>h3{font-size: 28px; color: #333; margin-top: 40px;}
  274. .real-name .con3-top>h4{font-size: 18px; color: #333; margin-top: 15px;}
  275. .list-bottom-common{padding: 40px 140px; margin-top: 20px; margin-bottom: 40px; border: 1px solid #e5e5e5; border-radius: 3px; background-color: #fff;}
  276. .list-bottom-common .index-common{padding: 0;}
  277. .list-bottom-common .index-common .row{margin-top: 0;}
  278. .list-bottom-common .index-common .con{border: 1px solid #e5e5e5; border-radius: 3px; padding: 40px 30px 45px;}
  279. .list-bottom-common .index-common .con p{line-height: 20px; font-size: 12px; margin-top: 30px; height: 80px;}
  280. .list-bottom-common .index-common .con img{height: 83px; margin: 0 auto 20px;}
  281. .list-bottom-common .index-common .con:hover{box-shadow: 0 5px 20px rgba(0,0,0,.1);}
  282. .list-bottom-common .index-common .con:hover h4{color: #157df1;}
  283. .real-name .con3-top .btn-reset{background-color: #fd9823; color: #fff; padding: 9px 0; width: 160px; display: block; margin: 40px auto 0;}
  284. .real-name .list-bottom-common{margin-bottom: 0;}
  285. /*----------/实名认证-----------*/
  286. /*----------价格-----------*/
  287. .buy-distribution{padding: 90px 70px 0;}
  288. .buy-distribution .con{border: 1px solid #eee; padding-bottom: 35px; margin-bottom: 30px;}
  289. .buy-distribution .con:hover{box-shadow: 0 5px 10px rgba(21,125,241,.2);}
  290. .buy-distribution .con .top{background: linear-gradient(to right, #5aabfc, #28c9f7); height: 160px; border-radius: 0 0 50% 50%; text-align: center; padding-top: .1px; position: relative;}
  291. .buy-distribution .con .top .text{color: #fff; font-size: 16px; margin-top: 30px;}
  292. .buy-distribution .con .top .num{color: #fff; font-size: 50px;}
  293. .buy-distribution .con .top .num span{font-size: 12px;}
  294. .buy-distribution .con .top .recommended{position: absolute; top: 0; right: 0; display: none;}
  295. .buy-distribution .con .bottom .text{color: #333; margin-top: 25px;}
  296. .buy-distribution .con .bottom .price{color: #157df1; font-size: 40px; margin-top: 15px;}
  297. .buy-distribution .con .bottom .price span{font-size: 12px;}
  298. .buy-distribution .con .bottom .btn-buy{padding: 9px 0; width: 120px; border: 1px solid #157df1; color: #157df1; margin-top: 40px;}
  299. .buy-distribution .con:hover .bottom .btn-buy{background-color: #157df1; color: #fff;}
  300. .buy-distribution p{padding: 10px 0 40px; border-bottom: 1px solid #eee;}
  301. .buy-distribution p a{color: #157df1;}
  302. /*----------/价格-----------*/
  303. /*----------价格改版 改版完成后,将上一版价格样式删除-----------*/
  304. .price-banner{background: url("../img/price-1.jpg") no-repeat center; height: 170px;}
  305. .price-tab{position: relative;}
  306. .price-tab ul{width: 490px; height: 40px; line-height: 40px; margin: 40px auto;}
  307. .price-tab ul li{float: left; text-align: center; width: 33%; color: #333; cursor: pointer; margin-right: -1px; border: 1px solid #e5e5e5;}
  308. .price-tab li:first-of-type{border-radius: 20px 0 0 20px; border-right-color: transparent;}
  309. .price-tab li:last-of-type{border-left-color: transparent; border-radius: 0 20px 20px 0;}
  310. .price-tab ul li.active{background-color: #157df1; border-color: #157df1; color: #fff;}
  311. .price-tab ul li:hover{background-color: #157df1; border-color: #157df1; color: #fff;}
  312. .price-con .price-common .gradient{height: 8px;}
  313. .price-con .price-common .gradient1{background: linear-gradient(to right, #5caafd, #57d4f8);}
  314. .price-con .price-common .gradient2{background: linear-gradient(to right, #507dfb, #5598fa);}
  315. .price-con .price-common .gradient3{background: linear-gradient(to right, #5958d9, #8e1fe5);}
  316. .price-con .price-common .big-package .gradient1{background: linear-gradient(to right, #fea63f, #ffcd35);}
  317. .price-con .price-common .big-package .gradient2{background: linear-gradient(to right, #fc853e, #fe9f30);}
  318. .price-con .price-common .big-package .gradient3{background: linear-gradient(to right, #fc7738, #ff339a);}
  319. .price-con>div{display: none;}
  320. .new-price-con>div{display: none;}
  321. .price-con .price-common{margin-top: 80px;}
  322. .price-con .price-common h1{color: #157df1; text-align: center; margin-bottom: 20px;}
  323. .price-con .price-common h1 span{color: #fd641d; font-size: 18px;}
  324. .price-con .price-common .p1{color: #666; text-align: center; font-size: 16px; margin-bottom: 30px;}
  325. .price-con .table-wrap{padding: 0 120px;}
  326. .price-con .price-common table{table-layout: fixed;}
  327. .price-con .price-common table th{padding: 0; text-align: center; color: #333; vertical-align: middle; height: 50px; font-weight: bold;}
  328. .price-con .price-common table td{padding: 0; text-align: center; color: #333; vertical-align: middle; height: 50px;}
  329. .price-con .price-common table td .font20{font-size: 18px;}
  330. .price-con .price-common table td .free{font-size: 14px;}
  331. .price-con .price-common .badge-basis{position: relative;}
  332. .price-con .price-common .badge{background-color: #eb1f1e; position: absolute; left: calc(100% + 5px); top: -10px; border-radius: 5px; font-size: 12px; padding: 3px 5px; font-weight: normal;}
  333. .price-con .price-common table .icon-duihao{color: #13c960; font-size: 24px;}
  334. .price-con .price-common table .icon-xingxing2{color: #b0b0b0; font-size: 24px;}
  335. .price-con .price-common table .icon-xingxing{color: #fec323; font-size: 24px;}
  336. .buy-number{padding: 0 60px;}
  337. .buy-number .price-common .con{border: 1px solid #eee; padding-bottom: 40px;}
  338. .buy-number .price-common .con:hover{box-shadow: 0 5px 10px rgba(21,125,241,.2);}
  339. .buy-number .price-common .c-top{text-align: center; padding: 30px 0 35px; position: relative;}
  340. .buy-number .price-common .con .c-top .num{color: #333; font-size: 50px;}
  341. .buy-number .price-common .con .c-top .num span{font-size: 16px;}
  342. .buy-number .price-common .con .c-top p{color: #666;}
  343. .buy-number .price-common .con .c-top .recommended{position: absolute; top: 0; right: 0; display: none;}
  344. .buy-number .price-common .tooltip .tooltip-inner{max-width: 300px;}
  345. .buy-number .price-common .con .bottom-con{padding: 0 30px;}
  346. .buy-number .price-common .con .bottom-con dl{border-top: 1px solid #eee; text-align: left; color: #666; padding-top: 20px; height: 195px;}
  347. .buy-number .price-common .con .bottom-con dl dd{margin: 10px 0;}
  348. .buy-number .price-common .con .bottom-con dl dd .icon-gou{margin-right: 10px; font-size: 14px;}
  349. .buy-number .price-common .con .bottom-con dl dd .icon-prompt{position: relative; margin-left: 5px; top: -3px; cursor: pointer;}
  350. .buy-number .price-common .con .bottom-con .b-price{font-size: 16px; color: #157df1; text-align: center; margin-bottom: 25px;}
  351. .buy-number .price-common .con .bottom-con .b-price span{font-size: 40px;}
  352. .buy-number .price-common .con .bottom{text-align: center;}
  353. .buy-number .price-common .con .bottom .btn-buy{padding: 9px 12px; width: 120px;}
  354. .price-con .tab-2 .price-common .p1{margin-bottom: 40px;}
  355. .price-con>.tab-3{margin-bottom: 60px;}
  356. .price-con .big-bag-price h1{color: #fd9817;}
  357. .buy-number .big-bag-price .con .c-top .num{color: #fd9817;}
  358. .buy-number .big-bag-price .con .c-top .num span{color: #333;}
  359. .buy-number .big-bag-price .color-hover{color: #fd9817;}
  360. .buy-number .big-bag-price .con .bottom .btn-buy{background-color: #fd9817; border-color: #fd9817;}
  361. .buy-number .big-bag-price .con .bottom-con .b-price{color: #fd9817;}
  362. /*----------/价格改版 改版完成后,将上一版价格样式删除-----------*/
  363. /*----------价格支付-----------*/
  364. .price-pay-wrap{background-color: #f5f7f9; padding-bottom: 40px;}
  365. .price-pay .con{background-color: #fff; border-radius: 3px; border: 1px solid #eee;}
  366. .price-pay .con .common .tit{padding: 25px 30px 20px; border-bottom: 1px solid #eee; color: #333;}
  367. .price-pay .con .common ul{padding: 20px 25px;}
  368. .price-pay .con .common ul li{float: left; position: relative; cursor: pointer;}
  369. .price-pay .con .common .list1 li{border: 1px solid #eee; border-radius: 3px; padding: 12px 20px 11px; margin-right: 40px;}
  370. .price-pay .con .common .list1 li .left{padding-right: 40px;}
  371. .price-pay .con .common .list1 li .text1{color: #666;}
  372. .price-pay .con .common .list1 li .text2{color: #333; margin-top: 5px; font-weight: 600;}
  373. .price-pay .con .common .list1 .right{color: #157df1; font-size: 30px; padding-left: 50px; border-left: 1px solid #eee;}
  374. .price-pay .con .common .list1 .right span{color: #666; font-size: 14px;}
  375. .price-pay .con .common ul li .radio-checked{display: none; position: absolute; right: 0; bottom: 0;}
  376. .price-pay .con .common ul li.active .radio-checked{display: block;}
  377. .price-pay .con .common ul.list1 .active{border-color: #157df1;}
  378. .price-pay .con .common ul .list2.active{border-color: #157df1;}
  379. .price-pay .con .common .list2 li.active .icon-radio{width: 16px; height: 16px; background-position: 0 -17px;}
  380. .price-pay .con .common .list2 li{margin-right: 70px;}
  381. .price-pay .con .common .list2 li .preferential{background-color: #ed2027; border-radius: 3px; text-align: center; padding: 3px 0; width: 60px; color: #fff; position: absolute; top: -10px; left: calc(100% + 5px); font-size: 12px; display: none;}
  382. .price-pay .con .common .list3 li{width: 160px; height: 44px; border: 1px solid #eee; justify-content: center; display: flex; align-items: center; margin-right: 20px;}
  383. .price-pay .con .common .list3 li img{display: inline-block;}
  384. .price-pay .con .common ul.list3 .active{border-color: #157df1;}
  385. .price-pay .con .pay-money{padding-left: 20px; border-top: 1px solid #eee; margin-top: 20px; padding-bottom: 40px;}
  386. .price-pay .con .pay-money .money{color: #333; padding: 20px 0; }
  387. .price-pay .con .pay-money .money span{color: #fd641d; font-size: 24px;}
  388. .price-pay .con .pay-money .ms-btn{width: 160px; padding: 9px 0;}
  389. /*----------/价格支付-----------*/
  390. /*----------应用发布-----------*/
  391. .release-app-wrap{background-color: #f2f2f5;}
  392. .upload-file{box-shadow: 0 0 5px rgba(0,0,0,.05); border-radius: 3px; background-color: #fff; padding: 160px 0 100px; margin-top: 20px;}
  393. .upload-file .upload-btn{width: 240px; padding: 0; height: 60px; font-size: 18px; line-height: 58px; margin: 0 auto; display: block; position: relative;}
  394. .upload-file .upload-btn input[type=file]{position: absolute; width: 100%; height: 100%; left: 0; top: 0; opacity: 0; cursor: pointer;}
  395. .upload-file .upload-btn .iconfont{font-size: 30px; margin-right: 10px; position: relative;}
  396. .upload-file p{text-align: center; color: #666; line-height: 22px; margin-top: 15px;}
  397. .upload-file .upload-btn .text{position: relative; top: -3px;}
  398. .release-app>p{padding: 5px 0;}
  399. .release-app>p>a{color: #157df1;}
  400. .upload-app-icon img{width: 60px; height: 60px; border-radius: 15px; border: 1px solid #e5e5e5;}
  401. /*app 上传成功*/
  402. /*
  403. .release-app .uploaded-success{height: 450px; background-color: #fff; border: 1px solid #e5e5e5; margin-top: 20px; margin-bottom: 40px; text-align: center;}
  404. .release-app .uploaded-success img{width: 90px; height: 90px; border-radius: 15px; margin-top: 70px; border: 1px solid #e5e5e5;}
  405. .release-app .uploaded-success .tit{font-size: 20px; color: #333; margin-top: 15px;}
  406. .release-app .uploaded-success .iconfont{margin-right: 5px;}
  407. */
  408. .release-app .uploaded-success{padding: 110px 0; background-color: #fff; border-radius: 5px; margin-bottom: 40px; text-align: center;}
  409. .release-app .uploaded-success .img-wrap{width: 130px; height: 130px; border-radius: 15px; padding: 10px; box-shadow: 0 0 10px rgba(0,0,0,.2); margin: 0 auto; margin-bottom: 30px;}
  410. .release-app .uploaded-success img{border-radius: 15px; max-width: 100%; height: 100%;}
  411. .release-app .uploaded-success .tit{font-size: 20px; color: #fff; background: url("../img/release-img-1.png") no-repeat; width: 283px; height: 37px; line-height: 37px; margin: 0 auto 25px; font-weight: 600;}
  412. .release-app .uploaded-success .p1{font-size: 18px; color: #333; margin-bottom: 40px;}
  413. .release-app .uploaded-success .up-btn .ms-btn{border-radius: 20px; width: 150px; padding: 8px; margin: 0 12px; font-size: 16px;}
  414. .release-app .uploaded-success .up-btn .ms-btn:hover{box-shadow: 0 3px 5px rgba(21,125,241,.2);}
  415. .release-app .uploaded-success .iconfont{margin-right: 5px;}
  416. /*----------/应用发布-----------*/
  417. /*----------/我的应用-----------*/
  418. .release-app .search{position: relative;}
  419. .release-app .search .iconfont{position: absolute; left: 10px; top: 50%; transform: translateY(-50%); font-size: 18px;}
  420. .release-app .search input{height: 40px; line-height: 38px; width: 160px; border: 1px solid #e5e5e5; padding-left: 40px;}
  421. .release-app .search .btn-search{line-height: 40px; color: #157df1; margin-left: 15px;}
  422. .release-app .btn-new-release .iconfont{font-size: 20px; }
  423. .release-app .btn-new-release .text{margin: 4px 0 0 5px;}
  424. .release-app .app-table-wrap{/*min-height: 400px;*/ background-color: #fff; margin-top: 20px;}
  425. /*.release-app .app-table-wrap .table-responsive{min-height: 500px;}*/
  426. .release-app .app-table{border: 1px solid #e5e5e5;}
  427. .release-app .app-table tr th{text-align: center; font-weight: 600; color:#666; padding: 15px 0; background-color: #f7f7fa; border-color: #e5e5e5; font-size: 12px;}
  428. .release-app .app-table tr td{font-size: 12px; color: #666;}
  429. .release-app .app-table>tbody>tr>td{text-align: center; padding: 10px; vertical-align: middle; background-color: #fff; border-color: #e5e5e5; color: #666;}
  430. .release-app .app-table>tbody>tr>td.color-danger{color: #fd641d;}
  431. .release-app .app-table>tbody>tr>td.color-999{color: #999;}
  432. .release-app .app-table>tbody>tr>td td{text-align: left;}
  433. /*.release-app .app-table>tbody>tr:hover td{background-color: #f9f9f9;}*/
  434. /*.release-app .app-table>tbody>tr>td:first-of-type img{border-radius: 5px; border: 1px solid #e5e5e5;}*/
  435. .release-app .app-table .app-icon-size img{border-radius: 5px; border: 1px solid #e5e5e5;}
  436. .release-app .icon-small-code{position: relative; cursor: pointer; margin-left: 5px;}
  437. .release-app .icon-small-code .popover{width: 150px; display: none; left: 50%; top: 13px; transform: translateX(-50%);}
  438. .release-app .icon-small-code .popover .popover-title{color: #333;}
  439. .release-app .icon-small-code .popover .popover-content img{width: 120px; height: 120px;}
  440. .release-app .icon-small-code:hover .popover{display: block;}
  441. .release-app .no-app{padding-bottom: 100px;}
  442. /*
  443. .release-app .qr-code{position: absolute; right: -99px; top: 12px; z-index: 2; display: none; background: url("../img/img-6.png"); width: 127px; height: 148px; text-align: center;}
  444. */
  445. .release-app .qr-code img{width: 100px; height: 100px; margin-top: 42px;}
  446. /*----------/我的应用-----------*/
  447. /*----------我的应用 编辑设置-----------*/
  448. .release-app .app-editor{background-color: #fff; border-radius: 3px; border: 1px solid #e5e5e5; padding: 30px; margin-bottom: 40px;}
  449. .release-app .app-editor .top .upload-img{width: 80px; height: 80px; border-radius: 5px; overflow: hidden; position: relative;}
  450. .release-app .app-editor .top .upload-img img{position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: #fff; border-radius: 15px;}
  451. .release-app .app-editor .top .upload-img .upload{position: absolute; right: 0; bottom: 0; background-color: rgba(0,0,0,.6); line-height: 20px; width: 100%; text-align: center; color: #fff; font-size: 12px; cursor: pointer; display: none;}
  452. .release-app .app-editor .top .upload-img:hover .upload{display: block;}
  453. .release-app .app-editor .top .upload-img .thumbnail{position: absolute; z-index: 4; left: 0; top: 0; width: 100%; height: 100%; opacity: 0; cursor: pointer; overflow: hidden; margin-bottom: 0;}
  454. .release-app .app-editor .top .upload-img.uploaded .upload{display: none;}
  455. .release-app .app-editor .top .upload-img.uploaded input{display: none;}
  456. .release-app .app-editor .top .upload-img.uploaded:hover .upload{display: block;}
  457. .release-app .app-editor .top .upload-img.uploaded:hover input{display: block;}
  458. .release-app .app-editor .top .left dl{margin-left: 20px;}
  459. .release-app .app-editor .top .left dl dt{font-size: 24px; color: #333; margin-top: 5px;}
  460. .release-app .app-editor .top .left dl dt .icon-iphone{margin-top: 10px; margin-left: 5px;}
  461. .release-app .app-editor .top .left dl dt .icon-android{margin-top: 10px; margin-left: 5px;}
  462. .release-app .app-editor .top .left dl dd{color: #333; margin-top: 7px;}
  463. .release-app .app-editor .top .right{line-height: 22px;}
  464. .release-app .app-editor .top .right .iconfont{font-size: 22px;}
  465. .release-app .app-editor table{margin-top: 30px; table-layout: fixed;}
  466. .release-app .app-editor table td{padding: 15px;}
  467. .release-app .app-editor table td .bold{color: #333; margin-bottom: 5px;}
  468. .release-app .app-editor .download-qr .icon-small-code{position: relative; cursor: pointer; margin-top: 3px; margin-left: 5px; }
  469. .release-app .app-editor table td .link-down{}
  470. .release-app .app-editor table td .link-down:hover{color: #157df1; text-decoration: underline;}
  471. /*
  472. .release-app .app-editor .download-qr .icon-small-code img{position: absolute; left: -14px; top: 12px; opacity: 0; transition: all 600ms;}
  473. .release-app .app-editor .download-qr .icon-small-code:hover img{opacity: 1;}
  474. */
  475. .release-app .app-editor .set .short-link>.col-sm-6>.col-sm-6{padding-left: 0; padding-right: 0;}
  476. .release-app .app-editor .set .short-link .form-control{border-radius: 0 4px 4px 0; border-left: none;}
  477. .release-app .app-editor .set .short-link .link{padding: 6px 12px !important; height: 34px; background-color: #f2f2f5; border: 1px solid #e5e5e5; border-radius: 4px 0 0 4px; color: #333;}
  478. .release-app .app-editor .set{border: 1px solid #e5e5e5; border-radius: 3px; padding-bottom: 40px;}
  479. .release-app .app-editor .set .tab{background-color: #f2f2f5; height: 44px; line-height: 44px; border-bottom: 1px solid #e5e5e5;}
  480. .release-app .app-editor .set .tab li{float: left; padding: 0 20px; cursor: pointer; color: #333;}
  481. .release-app .app-editor .set .tab li.active{background-color: #fff; border-right: 1px solid #e5e5e5; border-left: 1px solid #e5e5e5; margin-left: -1px; color: #157df1;}
  482. .release-app .app-editor .set .tab-con{margin-top: 40px;}
  483. .release-app .app-editor .set .col-sm-1{width: 11%;}
  484. .release-app .app-editor .set .tab-con label{color: #333;}
  485. .release-app .app-editor .set .tab-con .form-control{color: #333;}
  486. .release-app .app-editor .set .tab-con>div{display: none;}
  487. .release-app .app-editor .set .tab-con .form-group{margin-bottom: 30px;}
  488. .release-app .app-editor .set .trust{margin-top: 7px;}
  489. .release-app .app-editor .set .trust li{float: left; margin-right: 50px; cursor: pointer; color: #333;}
  490. .release-app .app-editor .set .trust li .icon-radio{margin-right: 8px;}
  491. /*----------/我的应用 编辑设置-----------*/
  492. /*----------应用发布 改版----------*/
  493. .release-app2>.row{margin: 0 0 20px; overflow: hidden; height: 100%;}
  494. @media (min-width: 1200px) {
  495. .release-app2>.row>.col-sm-2{padding: 0 0 9999px; margin-bottom: -9999px;}
  496. }
  497. .release-app2>.row>.col-sm-2{background-color: #fff; box-shadow: 0 0 5px rgba(0,0,0,.05);}
  498. .release-app2>.row>.col-sm-10{padding: 0 0 0 10px;}
  499. /*
  500. .release-app2>.row{margin-left: -5px; margin-right: -5px;}
  501. .release-app2>.row>.col-sm-2,.release-app2>.row>.col-sm-10{padding-left: 5px; padding-right: 5px;}
  502. */
  503. aside.aside-left{padding-top: 15px;}
  504. aside.aside-left ul li{margin-bottom: 10px;}
  505. aside.aside-left ul li a{padding-left: 25px; display: block; height: 50px; line-height: 50px; border-left: 4px solid transparent; color: #333;}
  506. aside.aside-left ul li a .iconfont{margin-right: 10px; color: #157df1;}
  507. aside.aside-left ul li.active a{background-color: #e7f2fe; border-color: #157df1; color: #157df1;}
  508. aside.aside-left ul li.active a .iconfont{color: #157df1;}
  509. aside.aside-left ul li.active a .icon-upload1{font-size: 18px;}
  510. aside.aside-left ul li:hover a{background-color: #e7f2fe; border-color: #157df1; color: #157df1;}
  511. aside.aside-left ul li:hover a .iconfont{color: #157df1;}
  512. .release-app2 .aside-right .a-top{margin-bottom: 5px;}
  513. .release-app2 .aside-right .a-top.mb10{margin-bottom: 10px;}
  514. .release-app2 .aside-right .a-top .app-icon{width: 100px; border-radius: 20px; background-color: #fff; cursor: pointer; border: 1px solid #e5e5e5; overflow: hidden;}
  515. .release-app2 .aside-right .a-top .app-icon li{float: left; width: 50%; height: 38px; display: flex; justify-content: center; align-items: center; border-right: 1px solid #e5e5e5;}
  516. .release-app2 .aside-right .a-top .app-icon li:last-of-type{border-right-color: transparent;}
  517. .release-app2 .aside-right .a-top .app-icon li .iconfont{font-size: 22px; color: #bbb;}
  518. .release-app2 .aside-right .a-top .app-icon li.active{background-color: #157df1;}
  519. .release-app2 .aside-right .a-top .app-icon li.active .iconfont{color: #fff;}
  520. .release-app2 .aside-right .search{position: relative; margin-left: 30px;}
  521. .release-app2 .aside-right .search .iconfont{position: absolute; left: 10px; top: 50%; transform: translateY(-50%); font-size: 18px;}
  522. .release-app2 .aside-right .search input{height: 40px; line-height: 38px; width: 160px; border: 1px solid #e5e5e5; padding-left: 40px; background-color: transparent; color: #333;}
  523. .release-app2 .aside-right .search input::-webkit-input-placeholder{color: #333 !important;}
  524. .release-app2 .aside-right .search input::-moz-placeholder{color: #333 !important;}
  525. .release-app2 .aside-right .search input::-ms-input-placeholder{color: #333 !important;}
  526. .release-app2 .aside-right .search .btn-search{line-height: 40px; color: #157df1; margin-left: 15px;}
  527. .release-app2 .aside-right .how-many dl dd{text-align: right; position: relative; padding-right: 20px; margin-right: 20px;}
  528. .release-app2 .aside-right .how-many dl dd .p1{font-size: 12px; float: left; color: #999;}
  529. .release-app2 .aside-right .how-many dl dd .icon-prompt1{font-size: 14px; color: #999; float: left; margin: -3px 0 0 3px;}
  530. .release-app2 .aside-right .how-many dl dd .icon-prompt{margin-left: 5px; float: left;}
  531. .release-app2 .aside-right .how-many dl dd .p2{color: #333; float: right; font-size: 19px;}
  532. .release-app2 .aside-right .how-many dl dd .p2 i{font-size: 12px; color: #999;}
  533. .release-app2 .aside-right .how-many dl dd .p2 span{float: right;}
  534. .release-app2 .aside-right .how-many dl dd .p2 span:last-child{margin-right: 10px;}
  535. .release-app2 .aside-right .how-many dl dd .right-line{position: absolute; top: 6px; right: 0; background-color: #e5e5e5; width: 1px; height: 30px;}
  536. .release-app2 .aside-right .how-many .ms-btn-primary.w60{padding: 3px 12px; margin-top: 6px;}
  537. .release-app2 .aside-right .how-many .big-bag-btn{background-color: #fd9817; border-color: #fd9817; color: #fff;}
  538. .release-app2 .aside-right .app-table-wrap{/*min-height: 502px;*/ margin-top: 5px; /*margin-bottom: 40px;*/ /*background-color: #fff;*/ /*border: 1px solid #e5e5e5; border-top: none;*/}
  539. .release-app2 .aside-right .app-table{border: 1px solid #e5e5e5; font-size: 12px; margin-bottom: 0;}
  540. .release-app2 .aside-right .app-table tr th{text-align: center; font-weight: 600; color:#666; padding: 15px 0; background-color: #f7f7fa; border-color: #e5e5e5;}
  541. .release-app2 .aside-right .app-table tr td{text-align: center; padding: 0 10px; vertical-align: middle; border-color: #e5e5e5; color: #666; height: 60px;}
  542. /*.release-app2 .aside-right .app-table tr .app-th-name{width: 160px;}*/
  543. .release-app2 .aside-right .app-table>tbody>tr>td.color-danger{color: #fd641d;}
  544. .release-app2 .aside-right .app-table>tbody>tr>td.color-999{color: #999;}
  545. .release-app2 .aside-right .app-table>tbody>tr>td td{text-align: left;}
  546. .release-app2 .aside-right .app-table tr:hover td{background-color: #ebf7ff;}
  547. .release-app2 .aside-right .app-table .app-icon1{border-radius: 15px; border: 1px solid #e5e5e5; width: 50px; height: 50px;}
  548. .table-list .app-table .download-code{/*display: inline-block;*/}
  549. .table-list .app-table .download-code-wrap{line-height: 16px; height: 16px;}
  550. .table-list .app-table .download-code1{display: inline-block;}
  551. .table-list .app-table .download-code .ellipsis{color: #157df1;}
  552. .table-list .app-table .download-code .ellipsis:hover{text-decoration: underline;}
  553. .table-list .app-table .download-code .icon-small-code{margin-top: 1px; margin-left: 3px;}
  554. .release-app2 .aside-right .app-table .app-name1{display: block; color: #666; max-width: 96px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
  555. .release-app2 .aside-right .app-table .app-icon-name{position: relative;}
  556. .release-app2 .aside-right .app-table .app-icon-name .big-package-1{position: absolute; left: -11px; top: -10px; background-color: #fd9817; height: 16px; line-height: 16px; padding: 0 3px 0 1px; border-radius: 0 10px 10px 0; color: #fff; font-size: 12px; display: none;}
  557. .release-app2 .aside-right .app-table .app-icon-name .app-expired{position: absolute; left: -11px; top: -10px; background-color: #fd641d; height: 16px; line-height: 16px; padding: 0 3px 0 1px; border-radius: 0 10px 10px 0; color: #fff; font-size: 12px; z-index: 2; display: none;}
  558. .release-app2 .aside-right .app-table tr td.disabled{background-color: #fff !important;}
  559. .release-app2 .aside-right .app-table tr td.disabled img{-webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: grayscale(100%); filter: gray;}
  560. .release-app2 .aside-right .app-table tr td.disabled .tit2{color: #999;}
  561. .release-app2 .aside-right .app-table tr td.disabled .ellipsis{color: #ccc;}
  562. .version-history-table{border: 1px solid #e5e5e5;}
  563. .version-history-table th{border: none !important; text-align: center; font-weight: normal; color: #666; height: 40px; background-color: #f5f6f7; font-size: 12px; vertical-align: middle !important;}
  564. .version-history-table tr td{padding: 0 15px !important; height: 50px; vertical-align: middle !important; font-size: 12px; text-align: center;}
  565. .version-history-table tr td .bundle-length{display: block;}
  566. .version-history-table tr td .iconfont{font-size: 20px; cursor: pointer;}
  567. /*.release-app2 .aside-right .no-app{min-height: 326px; border: 1px solid #e5e5e5; border-top: none;}*/
  568. .release-app2 .aside-right .no-app .iconfont{font-size: 20px;}
  569. .release-app2 .aside-right .no-app .text{margin: 4px 0 0 5px;}
  570. /*.app-details{margin-bottom: 40px;}*/
  571. .app-details .details-top{padding: 25px 20px; background-color: #fff; margin-bottom: 20px; box-shadow: 0 0 5px rgba(0,0,0,.05);}
  572. .app-details .details-top>img{border: 1px solid #e5e5e5; border-radius: 12px; width: 60px; height: 60px;}
  573. .app-details .details-top .information{margin-left: 15px;}
  574. .app-details .details-top .information dt{color: #333; margin-bottom: 2px; margin-top: -5px;}
  575. .app-set1 .details-top .information dt{margin-top: 0;}
  576. .app-details .details-top .information dt .i-tit{position: relative;}
  577. .app-details .details-top .information dt .i-tit .iconfont{color: #bbb; font-size: 21px;}
  578. .app-details .details-top .information dt .text{font-size: 20px;}
  579. /*.app-details .details-top .information dt .iconfont{position: absolute; right: -20px; top: 0;}*/
  580. .app-details .details-top .information dt .version{position: absolute; left: calc(100% + 5px); top: -10px; background-color: #fc4e54; font-size: 12px; width: 42px; height: 18px; line-height: 18px; color: #fff; text-align: center; border-radius: 3px;}
  581. .app-details .details-top .information dt .version-private{background-color: #fd641d;}
  582. .app-details .details-top .information dt .no-flash-back{background-color: #2fc302; width: 52px;}
  583. .app-details .details-top .information dd{color: #999;}
  584. /*.app-details .details-top .information dd:first-of-type{margin-bottom: 3px;}*/
  585. .app-details .details-top .information dd span{margin-right: 30px;}
  586. .app-details .details-top .information dd i{margin-left: 10px;}
  587. .add-notes-wrap{cursor: pointer; margin-right: 0 !important;}
  588. .add-notes-wrap span{margin-right: 0 !important;}
  589. .add-notes .icon-compile{cursor: pointer; margin-top: -1px;}
  590. .add-notes .icon-compile:hover{color: #157df1;}
  591. .add-notes .text{max-width: 250px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; margin-right: 3px !important;}
  592. /*.add-notes>span:last-of-type:hover{color: #157df1;}*/
  593. .add-notes:hover>span:last-of-type{color: #157df1;}
  594. .add-notes:hover .icon-compile{color: #157df1;}
  595. .add-notes-wrap input[name='remark']{display: inline-block; width: 200px; height: 26px; display: none;}
  596. #notesModal .modal-content .close{position: absolute; right: 10px; top: 10px; z-index: 2; color: #333; opacity: 1; font-size: 24px;}
  597. #notesModal .modal-footer{border-top: none; padding: 20px 30px 30px;}
  598. #notesModal .modal-body{padding: 25px 30px 0;}
  599. #notesModal .modal-body .tit{margin-bottom: 15px; color: #333;}
  600. #notesModal .modal-footer .ms-btn-primary{width: 130px; padding: 9px;}
  601. .app-list-notes-wrap{line-height: 100%;}
  602. .app-list-notes:empty{display: none;}
  603. .app-list-notes{margin-top: 3px; font-size: 12px; color: #999; display: block;}
  604. .app-list-notes2{margin-top: 6px; display: inline-block;}
  605. .app-details .details-bottom{padding: 10px 0; /*background-color: #fff; box-shadow: 0 0 5px rgba(0,0,0,.05);*/}
  606. .app-details .details-bottom table{width: 100%; table-layout: fixed;}
  607. .app-details .details-bottom table th{font-weight: normal; padding: 20px 10px 10px 0; color: #333; white-space: nowrap; vertical-align: middle;}
  608. .app-details .details-bottom table th .th-line{border-left: 4px solid #157df1; height: 22px; line-height: 22px; display: inline-block; padding-left: 10px;}
  609. .app-details .details-bottom table th .icon-prompt{position: relative; margin-left: 3px; top: -3px;}
  610. .app-details .details-bottom table th .icon-prompt1{position: relative; margin-left: 0px; top: 0;}
  611. .app-details .details-bottom table th .icon-prompt .popover1-content{width: 210px; font-size: 12px;}
  612. .app-details .details-bottom table th .icon-prompt1 .popover1-content{width: 220px; font-size: 12px; white-space: normal;}
  613. .app-details .details-bottom table td{padding: 10px 0 10px 15px; vertical-align: top; white-space: nowrap; color: #999;}
  614. .app-details .details-bottom .d-table-wrap{position: relative;}
  615. .app-details .details-bottom .points-line{position: absolute; left: 50%; height: calc(100% - 20px); width: 1px; background-color: #e5e5e5; top: 50%; transform: translateY(-50%);}
  616. .app-details .details-bottom .points-line-l{left: 33.33%;}
  617. .app-details .details-bottom .points-line-r{right: 33.33%; left: auto;}
  618. .app-details .details-bottom .points-line-wrap .points-line-3:nth-of-type(1){left: 25%;}
  619. .app-details .details-bottom .points-line-wrap .points-line-3:nth-of-type(2){left: 50%;}
  620. .app-details .details-bottom .points-line-wrap .points-line-3:nth-of-type(3){left: 75%;}
  621. .app-details .bundle-length{max-width: 200px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; display: inline-block;}
  622. .app-details .details-bottom .d-table-wrap .test-download{}
  623. .app-details .details-bottom .d-table-wrap .link{max-width: 170px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; display: inline-block;}
  624. /*.app-details .details-bottom .d-table-wrap .test-download img{margin: 0 5px;}*/
  625. .app-details .details-bottom .d-table-wrap .more{color: #157df1;}
  626. .app-details .details-bottom .d-table-wrap .more:hover{text-decoration: underline;}
  627. .app-details .details-bottom .d-table-wrap .private-equipment-wrap{display: inline-block;}
  628. .app-details .details-bottom .d-table-wrap .private-equipment{max-width: 170px; width: auto;}
  629. .app-details2 .bundle-length1{max-width: 255px !important;}
  630. .app-details2 .bundle-length2{max-width: 292px !important;}
  631. .app-details2 .bundle-length3{max-width: 310px !important;}
  632. /*下载明细*/
  633. .download-details{background-color: #fff; padding: 20px; min-height: 360px;}
  634. .download-details .date{float: left; width: 140px; position: relative;}
  635. .download-details .date1{margin-right: 10px;}
  636. .download-details .date2{margin-right: 20px;}
  637. .download-details .date input{position: relative; z-index: 1; background-color: transparent; cursor: pointer;}
  638. .download-details .date .icon-date{color: #aaa; position: absolute; right: 10px; top: 4px; z-index: 0;}
  639. .download-details .date:hover .icon-date{color: #157df1;}
  640. .download-details .d-top{margin-bottom: 15px;}
  641. .download-details .d-top .form-control{height: 30px;}
  642. .download-details .d-top .line{margin-right: 10px; color: #aaa;}
  643. .download-details .d-top .query{font-size: 13px; padding: 5px 12px;}
  644. .download-details .d-top .num{line-height: 34px; margin-left: 30px; color: #333; font-size: 13px;}
  645. .download-details .d-top .num i{color: #157df1;}
  646. .download-details .table{border: 1px solid #e5e5e5; table-layout: fixed;}
  647. .download-details .table tr th{border-top-color: #e5e5e5 !important; height: 50px; vertical-align: middle; text-align: center; background-color: #f5f6f7; font-weight: 600; font-size: 12px; color: #333;}
  648. .download-details .table tr td{border-top-color: #e5e5e5 !important; height: 50px; vertical-align: middle; text-align: center; font-size: 12px; color: #666;}
  649. .download-details .table tr:hover{background: #ebf7ff;}
  650. .download-details .no{text-align: center; margin-top: 100px;}
  651. /*/下载明细*/
  652. /*详情页 签名*/
  653. .app-details .d-signature{/*background-color: #fff; box-shadow: 0 0 5px rgba(0,0,0,.05);*/ padding: 30px 20px; position: relative;}
  654. .app-details .d-signature dl{color: #333;}
  655. .app-details .d-signature dl dd{color: #666;}
  656. .app-details .d-signature dl dd span{color: #157df1; position: relative; top: -1px; margin-right: 3px;}
  657. .app-details .d-signature .signature-link{position: absolute; right: 30px; top: 50%; padding: 6px 21px; border-radius: 20px; transform: translateY(-50%);}
  658. /*/详情页 签名*/
  659. .release-app2 .aside-right .version-history-table td{position: relative; height: 50px; border-color: #e5e5e5;}
  660. .release-app2 .aside-right .version-history-table td .angle{position: absolute; left: 0; top: 0;}
  661. /*
  662. .release-app2 .aside-right .app-details .downloads{padding: 10px 0; background-color: #fff; margin-bottom: 20px; box-shadow: 0 0 5px rgba(0,0,0,.05);}
  663. .release-app2 .aside-right .app-details .downloads li{float: left; width: 50%; height: 70px; line-height: 70px; padding-left: 20px; color: #333;}
  664. .release-app2 .aside-right .app-details .downloads li .d-left{background-color: #7fb8f7; width: 45px; height: 45px; display: flex; justify-content: center; align-items: center; color: #fff; margin-top: 13px;}
  665. .release-app2 .aside-right .app-details .downloads li .d-left .iconfont{font-size: 20px;}
  666. .release-app2 .aside-right .app-details .downloads li .d-text{margin-left: 10px;}
  667. .release-app2 .aside-right .app-details .downloads li .d-num{margin-left: 15px; font-size: 16px;}
  668. .release-app2 .aside-right .app-details .downloads li:first-of-type{border-right: 1px solid #e5e5e5;}
  669. .release-app2 .aside-right .app-details .downloads li:last-of-type .d-left{background-color: #a59bf6;}
  670. */
  671. .release-app2 .aside-right .app-details .details-bottom .ellipsis-wrap{position: relative;}
  672. .release-app2 .aside-right .app-details .details-bottom .ellipsis-wrap .popover{max-width: 410px; width: 410px; top: 15px; font-size: 14px;}
  673. .release-app2 .aside-right .app-details .details-bottom .ellipsis-wrap .popover .popover-content span{color: #157df1; margin-left: 10px; cursor: pointer;}
  674. .release-app2 .aside-right .app-details .details-bottom .ellipsis-wrap .ellipsis{width: 80%;}
  675. .release-app2 .aside-right .app-details .details-bottom .ellipsis-wrap .popover.bottom>.arrow{left: 25px;}
  676. .release-app2 .aside-right .app-details .details-bottom .ellipsis-wrap:hover .popover{display: block;}
  677. .release-app2 .app-details .app-set{box-shadow: 0 0 5px rgba(0,0,0,.05); background-color: #fff; margin-top: 20px; padding-bottom: 15px; min-height: 360px;}
  678. .release-app2 .app-details .app-set .tab{background-color: #f2f2f5; height: 44px; line-height: 44px; border-bottom: 1px solid #e5e5e5;}
  679. .release-app2 .app-details .app-set .tab li{float: left; padding: 0 20px; cursor: pointer; color: #333;}
  680. .release-app2 .app-details .app-set .tab li.active{background-color: #fff; border-right: 1px solid #e5e5e5; border-left: 1px solid #e5e5e5; margin-left: -1px; color: #157df1;}
  681. .release-app2 .app-details .app-set .tab-con{margin-top: 30px;}
  682. .release-app2 .app-details .app-set .col-sm-1{width: 13%;}
  683. .release-app2 .app-details .app-set .tab-con label{color: #333;}
  684. .release-app2 .app-details .app-set .tab-con .form-control{color: #333;}
  685. .release-app2 .app-details .app-set .tab-con>div{display: none;}
  686. .release-app2 .app-details .app-set .tab-con .form-group{margin-bottom: 30px;}
  687. .release-app2 .app-details .app-set .trust{margin-top: 7px; font-size: 12px;}
  688. .release-app2 .app-details .app-set .trust li{float: left; margin-right: 50px; margin-top: 2px; cursor: pointer; color: #333;}
  689. .release-app2 .app-details .app-set .trust li .icon-radio{margin-right: 8px; top: 0;}
  690. .release-app2 .app-details .app-set .download-way{margin-top: 7px; font-size: 12px;}
  691. .release-app2 .app-details .app-set .download-way li{float: left; margin-right: 50px; cursor: pointer; color: #333; font-size: 14px;}
  692. .release-app2 .app-details .app-set .download-way li .icon-radio{margin-right: 8px; top: 2px;}
  693. .release-app2 .app-details .app-set .short-link>.col-sm-6>.col-sm-6{padding-left: 0; padding-right: 0;}
  694. .release-app2 .app-details .app-set .short-link .form-control{border-radius: 0 4px 4px 0; border-left: none;}
  695. .release-app2 .app-details .app-set .short-link .link{padding: 6px 12px !important; height: 34px; background-color: #f2f2f5; border: 1px solid #e5e5e5; border-radius: 4px 0 0 4px; color: #333;}
  696. .release-app2 .app-details .app-set .language .control-label{padding-top: 0;}
  697. .release-app2 .app-details .app-set .language .radio-round{color: #333;}
  698. .release-app2 .app-screenshots .example-image-link{position: relative; margin-right: 20px; float: left; border: 1px solid #e5e5e5;}
  699. .release-app2 .app-screenshots .example-image-link .icon{position: absolute; color: #ff6565; right: -8px; top: -8px; right: 0\9; top: 0\9;}
  700. .release-app2 .app-screenshots a{width: 90px\9; height: 160px\9; overflow: hidden\9;} /*\9为ie9以上,除ie11*/
  701. .release-app2 .app-screenshots a img{max-width: 90px; max-height: 160px; width: 90px\9; height: 160px\9;}
  702. .release-app2 .upload-screenshots{position: relative; border: 1px solid #e5e5e5; height: 80px; width: 80px; border-radius: 5px; background: url("../img/icon-10.png") no-repeat center 20px; overflow: hidden; /*margin-left: 15px;*/}
  703. .release-app2 .upload-screenshots .thumbnail-s{position: absolute; left: 0; top: 0; z-index: 2; width: 100%; height: 100%; opacity: 0; cursor: pointer;}
  704. .release-app2 .upload-screenshots .text{text-align: center; margin-top: 55px; font-size: 12px;}
  705. .upload-icon-common{position: relative; border: 1px solid #e5e5e5; height: 80px; width: 80px; border-radius: 15px; background: url("../img/icon-10.png") no-repeat center 20px; overflow: hidden; /*margin-left: 15px;*/}
  706. .upload-icon-common img{position: absolute; left: 0; top: 0; width: 100%; height: 100%; border-radius: 15px; background-color: #fff;}
  707. .upload-icon-common .thumbnail{position: absolute; left: 0; top: 0; z-index: 2; width: 100%; height: 100%; opacity: 0; cursor: pointer;}
  708. .upload-icon-common .text{text-align: center; margin-top: 55px; font-size: 12px;}
  709. .release-app2 .app-details .app-set .img-note{font-size: 12px; display: flex; align-items: flex-end; height: 90px; margin-left: 10px;}
  710. .upload-icon-common .reset{position: absolute; left: 0; bottom: 0; height: 24px; line-height: 24px; background: rgba(0,0,0,.6); width: 100%; color: #fff; text-align: center; font-size: 12px; display: none;}
  711. .upload-icon-common.uploaded .reset{display: none;}
  712. .upload-icon-common.uploaded:hover .reset{display: block;}
  713. .release-app2 .aside-right .app-set .basic input::-webkit-input-placeholder{color: #333 !important;}
  714. .release-app2 .aside-right .app-set .basic input::-moz-placeholder{color: #333 !important;}
  715. .release-app2 .aside-right .app-set .basic input::-ms-input-placeholder{color: #333 !important;}
  716. .release-app2 .aside-right .app-set .download-template ul li{float: left; margin-right: 30px; text-align: center; margin-bottom: 20px;}
  717. .release-app2 .aside-right .app-set .download-template .t-checked-wrap{width: 125px; height: 155px; position: relative; border: 1px solid #e5e5e5; overflow: hidden; margin-bottom: 10px; cursor: pointer;}
  718. .release-app2 .aside-right .app-set .download-template .text{color: #157df1;}
  719. .release-app2 .aside-right .app-set .download-template .t-checked-wrap .t-checked{position: absolute; left: 0; top: 0; background-color: rgba(0,0,0,.6); width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; display: none;}
  720. .release-app2 .aside-right .app-set .download-template .t-checked-wrap .t-checked .iconfont{color: #fff; font-size: 32px;}
  721. .release-app2 .upload-file{padding: 0; padding-top: 0; margin-top: 0;}
  722. .release-app2 .warn-prompt{margin-top: 0;}
  723. .release-app2 .tag-box{padding: 0 !important; height: 404px !important;}
  724. .release-app2 .qq-upload-button-selector{margin-top: 180px !important; margin-bottom: 0;}
  725. .release-app2 .tag-box-v5{border: none; margin-top: 0;}
  726. .release-app2 .warn-prompt-wrap{padding-bottom: 20px; margin-top: -20px;}
  727. .release-app2 .warn-prompt-wrap .warn-prompt{width: calc(100% - 16.66666667% - 10px);}
  728. .release-app2 .warn-prompt-wrap .warn-prompt-1{width: calc(100% - 16.66666667% - 10px); margin-bottom: 0;}
  729. /*侧栏增加大包上传入口*/
  730. .big-bag-upload{margin-bottom: 40px; display: block;}
  731. .big-bag .aside-left{height: 500px; margin-bottom: 40px;}
  732. .big-bag aside.aside-left ul li a .iconfont{margin-right: 10px; color: #fd9817;}
  733. .big-bag aside.aside-left ul li.active a{background-color: #fff4e7; border-color: #fd9817; color: #fd9817;}
  734. .big-bag aside.aside-left ul li.active a .iconfont{color: #fd9817;}
  735. .big-bag aside.aside-left ul li.active a .icon-upload1{font-size: 18px;}
  736. .big-bag aside.aside-left ul li:hover a{background-color: #fff4e7; border-color: #fd9817; color: #fd9817;}
  737. .big-bag aside.aside-left ul li:hover a .iconfont{color: #fd9817;}
  738. .big-bag .upload-file .upload-btn .iconfont{}
  739. .big-bag .upload-file .upload-btn{background-color: #fd9817; border-color: #fd9817;}
  740. .big-bag .aside-right .a-top .app-icon li.active{background-color: #fd9817;}
  741. .big-bag .aside-right .search .btn-search{color: #fd9817;}
  742. .big-bag .ms-btn-primary.btn-new-release{background-color: #fd9817; border-color: #fd9817;}
  743. /*大包立即购买按钮*/
  744. .upload-file .upload-buy{width: 240px; padding: 0; height: 60px; font-size: 18px; line-height: 58px; margin: 0 auto; display: block; position: relative; background-color: #fd9817; border-color: #fd9817;}
  745. .upload-file .upload-buy .iconfont{font-size: 24px; margin-right: 5px; position: relative; top: 1px;}
  746. .details-upload-new-version{background-color: #157df1; color: #fff; border-radius: 25px; padding: 10px 20px; height: 50px; align-items: center; box-shadow: 0 5px 10px rgba(202,225,252,.5);}
  747. .details-upload-new-version:hover{background-color: #348dee; color: #fff;}
  748. .details-upload-new-version:focus{background-color: #348dee; color: #fff;}
  749. .details-upload-new-version .iconfont{margin-right: 10px;}
  750. .details-upload-new-version .icon-upload1{font-size: 20px; position: relative; top: 2px;}
  751. .details-upload-new-version .icon-upload1+.text{position: relative; top: -1px;}
  752. .details-upload-new-version .icon-xiazai{font-size: 24px; margin-right: 5px; position: relative; top: -3px;}
  753. .details-upload-new-version .icon-xiazai+.text{position: relative; top: -6px;}
  754. .details-preview{width: 50px; height: 50px; padding: 0; text-align: center; line-height: 50px; border-radius: 50%; border: 1px solid #1a80f1; color: #1a80f1;}
  755. .details-preview:focus{background-color: transparent; color: #1a80f1;}
  756. .details-preview:hover{background-color: #1a80f1; color: #fff;}
  757. .details-preview:focus:hover{background-color: #1a80f1; color: #fff;}
  758. .details-merge{width: 50px; height: 50px; padding: 0; text-align: center; border-radius: 50%; border: 1px solid #ee635d; color: #ee635d; white-space: normal; padding: 0 5px; line-height: 14px;}
  759. .details-merge.details-renewal{line-height: 50px;}
  760. .details-merge:focus{background-color: transparent;}
  761. .details-merge:hover{background-color: #ee635d; color: #fff;}
  762. .details-merge.btn-success:focus{border-color: #ee635d; color: #ee635d; background-color: transparent;}
  763. .details-merge.btn-success:hover{border-color: #ee635d;}
  764. /*----------/应用发布 改版----------*/
  765. /*----------应用发布 改版2019/1/22----------*/
  766. .app-details2{background-color: #fff; min-height: 450px;}
  767. .app-details2{background-color: #fff; min-height: 450px;}
  768. .app-details2 .details-top{background-color: transparent; box-shadow: none; margin-bottom: 0;}
  769. .app-details2 .details-top .d-right{margin-top: 5px;}
  770. .app-details2 .app-information{padding: 0 20px;}
  771. .app-details2 .app-information .more-wrap{position: relative;}
  772. .app-details2 .app-information .more-wrap img{width: 50px; height: 50px; position: absolute; left: 90px; top: -30px; transition: all 500ms; background-color: #fff;}
  773. .app-details2 .app-information .test-download2 img{left: 175px; top: -35px;}
  774. .app-details2 .app-information .more-wrap img:hover{width: 125px; height: 125px; position: absolute; left: 70px; top: -80px;}
  775. .app-details2 .app-information .test-download2 img:hover{position: absolute; left: 150px; top: -80px;}
  776. .app-details2 .table-list{padding: 25px 20px 30px;}
  777. .app-details2 .version-tit{color: #333; font-size: 16px; margin-bottom: 15px;}
  778. .app-details2 .version-tit .iconfont{font-size: 18px; margin-right: 5px; position: relative; top: 1px;}
  779. .app-details2 .version-history-table .bundle-length{max-width: 150px; display: inline-block; position: relative; top: 3px;}
  780. .app-details2 .version-history-table td .iconfont{font-size: 24px; margin-left: 8px;}
  781. .app-details2 .version-history-table td .icon-shanchu:hover{color: #fd641d;}
  782. .app-details2 .version-history-table tr:hover td{background-color: #ebf7ff;}
  783. .app-details2 .icon-prompt1{font-size: 14px; color: #999; position: relative; margin-left: 3px;}
  784. .app-details2 .upload-icon-common{width: 60px; height: 60px; border-radius: 12px;}
  785. .app-details2 .countdown-btn{border-radius: 30px; height: 50px; padding: 0 20px; line-height: 48px; color: #fd641d; background-color: #e8e8e8; border-color: #e8e8e8;}
  786. .app-details .countdown-btn{border-radius: 30px; height: 50px; padding: 0 20px; line-height: 48px; color: #fd641d; background-color: #e8e8e8; border-color: #e8e8e8;}
  787. .app-details .details-bottom{padding: 5px 0 15px;}
  788. .app-details2 .d-table-wrap table td{padding: 0 0 0 15px;}
  789. .app-details .d-table-wrap table th{padding: 20px 0 2px 0;}
  790. .app-details2 .details-top .information{width: 60%;}
  791. .app-details2 .copy.top-5{font-size: 12px;}
  792. #app_setting_form .app-details2{background-color: transparent;}
  793. #app_setting_form .app-details2 .details-top{background-color: #fff;}
  794. #updateModal .modal-header h4{color: #333;}
  795. #updateModal .modal-header .close{color: #333; font-size: 26px; opacity: 1;}
  796. #updateModal .modal-body{padding: 25px 10px 25px 0;}
  797. #updateModal .app-details-update{color: #333;}
  798. #updateModal .app-details-update .form-group{margin-bottom: 25px;}
  799. #updateModal .app-details-update .form-group:last-of-type{margin-bottom: 0;}
  800. #updateModal .app-details-update .control-label{text-align: right; padding-right: 10px;}
  801. #updateModal .app-details-update ul li{margin-right: 25px; cursor: pointer;}
  802. #updateModal .app-details-update ul li .icon-radio{position: relative; top: 2px;}
  803. /*
  804. #updateModal .app-details-update dl dt{margin-right: 25px; margin-bottom: 25px;}
  805. #updateModal .app-details-update dl dd{margin-right: 25px; cursor: pointer;}
  806. #updateModal .app-details-update dl dd .icon-radio{position: relative; top: 2px;}
  807. #updateModal .app-details-update dl dd textarea{}
  808. */
  809. .app-details2 .no-flash-back-js{padding: 25px 20px 30px;}
  810. .app-details2 .no-flash-back-js .tit{color: #333; margin-bottom: 8px;}
  811. .app-details2 .no-flash-back-js .tit a{color: #157df1;}
  812. .app-details2 .no-flash-back-js pre{background-color: #fff; border-radius: 0; border-color: #eee; padding: 5px; color: #666;}
  813. .app-details2 .no-flash-back-js #copy1{margin-bottom: 8px;}
  814. .app-details2 .no-flash-back-js .color-danger{margin-bottom: 15px; font-size: 12px;}
  815. .app-details2 .no-flash-back-js .copy{margin-left: 0; color: #fff; margin-bottom: 20px;}
  816. .app-details2 .no-flash-back-js .tit1{color: #333; margin-bottom: 3px;}
  817. .app-details2 .no-flash-back-js p{line-height: 1.8;}
  818. /*----------/应用发布 改版2019/1/22----------*/
  819. /*
  820. * table列表 优化
  821. * 2018/10/24
  822. */
  823. .table-list-wrap{box-shadow: 0 0 5px rgba(0,0,0,.05); background-color: #fff; padding: 20px; min-height: 550px;}
  824. .table-list .app-table .ellipsis{max-width: 160px; width: auto;}
  825. .table-list .app-table .table-btn{padding: 4px 10px; border: 1px solid #157df1; border-radius: 3px; display: inline-block;}
  826. .table-list .app-table .table-btn + .table-btn{margin-left: 3px;}
  827. .table-list .app-table .table-btn:hover{background-color: #157df1; color: #fff;}
  828. .table-list .app-table .table-btn:focus{background-color: transparent; color: #157df1;}
  829. .table-list .app-table .table-btn:focus:hover{background-color: #157df1; color: #fff;}
  830. .table-list .app-table .table-btn[disabled=disabled]{color: #ccc; cursor: not-allowed; border-color: #e8e8e8; background-color: #e8e8e8;}
  831. .table-list .app-table .table-btn[disabled=disabled]:focus{color: #ccc; cursor: not-allowed; border-color: #e8e8e8; background-color: #e8e8e8;}
  832. .table-list .app-table .table-btn.disabled{color: #ccc; cursor: not-allowed; border-color: #e8e8e8; background-color: #e8e8e8;}
  833. .table-list .app-table .table-btn.disabled:focus{color: #ccc; cursor: not-allowed; border-color: #e8e8e8; background-color: #e8e8e8;}
  834. .table-list .app-table .table-btn.color-delete{border-color: #ee635d; margin-right: 0;}
  835. .table-list .app-table .table-btn.color-delete:hover{background-color: #ee635d; color: #fff;}
  836. .table-list .app-table .table-btn.color-delete:focus{background-color: transparent; color: #ee635d;}
  837. .table-list .app-table .table-btn.color-delete:focus:hover{background-color: #ee635d; color: #fff;}
  838. .table-list .app-table .table-btn.color-delete[disabled=disabled]{color: #ccc; cursor: not-allowed; border-color: #e8e8e8; background-color: #e8e8e8;}
  839. .table-list .app-table .table-btn.color-delete[disabled=disabled]:focus:hover{color: #ccc; cursor: not-allowed; border-color: #e8e8e8; background-color: #e8e8e8;}
  840. .table-list .app-table .table-btn.color-delete.disabled{color: #ccc; cursor: not-allowed; border-color: #e8e8e8; background-color: #e8e8e8;}
  841. .table-list .app-table .table-btn.color-delete.disabled:focus:hover{color: #ccc; cursor: not-allowed; border-color: #e8e8e8; background-color: #e8e8e8;}
  842. .table-list .app-table .table-btn.disabled{color: #999; cursor: not-allowed;}
  843. .table-list .app-table .table-action-2{width: 190px;}
  844. .table-list .app-table .table-action-3{width: 225px;}
  845. .table-list .app-table .table-action-4{width: 265px;}
  846. .table-list .app-table td .tit2{max-width: 115px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; display: block; color: #333; font-size: 14px; text-align: left; line-height: 14px; margin-top: 10px;}
  847. .table-list .app-table td .tit2:hover{color: #157df1;}
  848. .table-list .app-table td .tit3{color: #999; font-size: 12px; text-align: left; display: block; margin-top: 2px;}
  849. .table-list .app-table tr .angle-parent{position: relative;}
  850. .table-list .app-table tr .angle-parent .angle{position: absolute; left: 0; top: 0;}
  851. .table-list .app-table tr:hover td{background-color: #ebf7ff;}
  852. .table-list .app-table td .app-icon-size{margin-right: 10px;}
  853. .table-list .app-table td .app-icon-size img{width: 45px; height: 45px; border-radius: 10px; border: 1px solid #e5e5e5;}
  854. .warn-prompt{background-color: #fff5e7; padding: 8px 20px; border: 1px solid #feebcd; margin-top: 10px; font-size: 12px;}
  855. .warn-prompt .iconfont{color: #fd9823; margin-right: 5px; font-size: 13px;}
  856. /*输入框搜索*/
  857. .input-search{position: relative;}
  858. .input-search .iconfont{position: absolute; right: 10px; top: 50%; transform: translateY(-50%); font-size: 16px; cursor: pointer; color: #157df1;}
  859. .input-search input{height: 30px; line-height: 30px; width: 170px; border: 1px solid #e5e5e5; padding-left: 10px; background-color: #fff; color: #666; border-radius: 3px; font-size: 13px;}
  860. .input-search input::-webkit-input-placeholder{color: #666 !important; font-size: 13px;}
  861. .input-search input::-moz-placeholder{color: #666 !important; font-size: 13px;}
  862. .input-search input::-ms-input-placeholder{color: #666 !important; font-size: 13px;}
  863. /*APP iOS Android 下拉*/
  864. .app-system-select{position: relative; width: 90px; height: 30px; line-height: 28px; padding-left: 10px; border: 1px solid #e5e5e5; border-radius: 3px; background-color: #fff; cursor: pointer; color: #666; margin-right: 10px; font-size: 13px;}
  865. .app-system-select .iconfont{position: absolute; right: 7px; font-size: 14px; height: auto; color: #999;}
  866. .app-system-select ul{position: absolute; top: calc(100% + 1px); left: 0; background-color: #fff; width: 100px; padding: 10px; box-shadow: 0 0 5px rgba(0,0,0,.1); z-index: 3; line-height: 30px; display: none;}
  867. .app-system-select ul li{cursor: pointer;}
  868. .app-system-select ul li.active{color: #157df1;}
  869. .app-system-select ul li:hover{color: #157df1;}
  870. /*----------个人中心-----------*/
  871. .user-center-wrap{background-color: #f5f7f9;}
  872. .user-center{margin-bottom: 40px;}
  873. .user-center>.row{margin: 0 -5px;}
  874. .user-center>.row>.col-sm-2{width: 18.5%; padding: 0 5px;}
  875. .user-center>.row>.col-sm-10{width: 81.5%; padding: 0 5px;}
  876. .user-center .left{border: 1px solid #eee; border-radius: 3px; background-color: #fff; height: 830px;}
  877. .user-center .right{border: 1px solid #eee; border-radius: 3px; background-color: #fff; height: 830px;}
  878. .user-center .left dl{padding-top: 20px; border-bottom: 1px solid #eee;}
  879. .user-center .left dl dt{font-size: 16px; color: #333; font-weight: 600; padding-left: 25px; margin-bottom: 15px;}
  880. .user-center .left dl dt .icon-service{margin: 5px 15px 0 0;}
  881. .user-center .left dl dt .icon-order{margin: 4px 15px 0 0;}
  882. .user-center .left dl dt .icon-user1{margin: 3px 15px 0 0;}
  883. .user-center .left dl dd a{height: 50px; line-height: 50px; padding-left: 55px; color: #333; display: block;}
  884. .user-center .left dl dd a:hover{background-color: #157df1; color: #fff;}
  885. .user-center .left dl dd.active a{background-color: #157df1; color: #fff;}
  886. .user-center .right .tit{font-size: 16px; color: #333; font-weight: 600; padding: 15px 20px; border-bottom: 1px solid #eee;}
  887. .user-center .right .con{padding: 20px 50px;}
  888. .user-center .right .con .input-size{width: 78%; margin-right: 10px; float: left;}
  889. .user-center .right .con label{color: #333; font-weight: 600;}
  890. .user-center .right .con .form-group label{margin: 0 30px 8px 0;}
  891. .user-center .right .con .current-email{margin-bottom: 5px;}
  892. .user-center .right .con .user-data{table-layout: fixed;}
  893. .user-center .right .con .user-data tr th:first-of-type{width: 140px;}
  894. .user-center .right .con .user-data tr td:first-of-type{width: 270px;}
  895. .user-center .right .con .user-data tr td:last-of-type{width: 150px;}
  896. .user-center .right .con .user-data td,.user-center .right .con .user-data th{border: none !important; color: #333; vertical-align: middle; padding: 5px 8px;}
  897. .user-center .right .con .user-data th{font-weight: 600;}
  898. .user-center .right .con .read-only{padding-top: 15px; border-top: 1px solid #eee;}
  899. .user-center .right .con .read-only th,.user-center .right .con .read-only td{padding: 8px;}
  900. .user-center .right .table-wrap{padding: 20px;}
  901. .user-center .right .table-wrap .table-responsive{overflow-x: visible;}
  902. .user-center .right .con .table-order .icon-prompt{position: relative; top: 2px; margin-left: 5px; position: relative; cursor: pointer;}
  903. .user-center .right .con .table-order>tbody>tr:nth-of-type(odd){background-color: #f6fafe;}
  904. .user-center .right .con .table-order tr th{background-color: #4497f4; color: #fff; padding: 15px; text-align: center; border-color: #4497f4;}
  905. .user-center .right .con .table-order tr td{padding: 25px 15px; text-align: center;}
  906. .user-center .right .con .table-order .icon-prompt .tips{background: url("../img/icon-prompt.png") no-repeat; width: 159px; height: 58px; position: absolute; left: -17px; bottom: 11px; padding-top: 15px; font-size: 12px; opacity: 0; display: none; transition: all 600ms; z-index: 1000;}
  907. .user-center .right .con .table-order .icon-prompt:hover .tips{opacity: 1; display: block;}
  908. .user-center .right .service-wrap{padding: 20px;}
  909. .user-center .right .service{border: 1px solid #eee; border-radius: 3px; height: 135px;}
  910. .user-center .right .service .top .tit{background-color: #f5f6f8; font-size: 18px; color: #333; font-weight: 600; padding: 10px 25px; border-radius: 3px;}
  911. .user-center .right .service .top .ms-btn{margin-right: 25px; margin-top: 10px;}
  912. .user-center .right .service .top .ms-btn-default{border-color: transparent; color: #157df1;}
  913. .user-center .right .service .top .ms-btn-default:hover{background: #fff; color: #157df1; border-color: #157df1;}
  914. .user-center .right .service .bottom .downloads{margin-top: 20px;}
  915. .user-center .right .service .bottom .downloads li{padding: 0 25px; width: 50%; float: left; color: #666;}
  916. .user-center .right .service .bottom .downloads li .progress1{width: 100%; background-color: #f3f3f3; height: 6px; border-radius: 3px; position: relative; margin-top: 10px;}
  917. .user-center .right .service .bottom .downloads li .progress1 .bar{position: absolute; left: 0; top: 0; height: 100%; background-color: #157df1; border-radius: 3px;}
  918. .user-center .right .service .bottom .signature{display: table; width: 100%; margin-top: 20px; text-align: center;}
  919. .user-center .right .service .bottom .signature li{display: table-cell; border-right: 1px solid #eee;}
  920. .user-center .right .service .bottom .signature li:last-of-type{border-color: transparent;}
  921. .user-center .right .service .bottom .signature li{color: #666;}
  922. .user-center .right .service .bottom .signature li .num{color: #333;}
  923. .user-center .right .service .bottom .signature li .num span{font-size: 20px;}
  924. /*----------个人中心(新版)-----------*/
  925. .user-center1>.row{margin: 0 0 20px;overflow: hidden;height: 100%}
  926. @media(min-width:1200px){.user-center1>.row>.col-sm-2{padding: 0 0 9999px;margin-bottom: -9999px}}
  927. .user-center1>.row>.col-sm-2{background-color: #fff;box-shadow: 0 0 5px rgba(0,0,0,.05)}
  928. .user-center1>.row>.col-sm-10{padding: 0 0 0 10px}
  929. .user-center1 .aside-left .iconfont{font-size: 18px}
  930. .user-center1 .aside-left .icon-msg{font-size: 18px;position: relative;top: 2px}
  931. .user-center1 .aside-left .icon-fapiao,.user-center1 .aside-left .icon-028{position: relative;top: 2px}
  932. .user-center1 .aside-right .user-table .table{border: 1px solid #e5e5e5;margin-bottom: 0}
  933. .user-center1 .aside-right .user-table .table th{background-color: #f5f6f7;padding: 15px 10px;text-align: center;color: #666;font-weight: 600;border-top-color: transparent}
  934. .user-center1 .aside-right .user-table .table td{background-color: #fff;padding: 23px 10px;text-align: center;color: #666;font-size: 12px;border-top-color: #e5e5e5}
  935. .user-center1 .aside-right .user-table .table td.color-hover{color: #157df1}
  936. .user-center1 .aside-right .user-table .table td.color-999{color: #999}
  937. .user-center1 .aside-right .user-table .table tr:hover td{background-color: #ebf7ff}
  938. .user-center1 .aside-right .user-table .table-wrap{background-color: #fff}
  939. .user-center1 .aside-right .user-table .table-wrap1{min-height: 495px}
  940. .user-center1 .aside-right .user-table .table-wrap2{min-height: 459px;box-shadow: 0 0 5px rgba(0,0,0,.05);padding-bottom: 30px}
  941. .user-center1 .aside-right .user-table .table-wrap2 .invoice-table2{border: 0;border-bottom: 1px solid #e5e5e5}
  942. .user-center1 .aside-right .user-table .table td [data-toggle=popover]{cursor: pointer}
  943. .user-center1 .aside-right .paging{margin-top: 30px;margin-bottom: 0}
  944. .user-center1 .aside-right .order .no-content{padding-top: 90px}
  945. .user-center1 .aside-right .order .table-wrap{min-height: 351px}
  946. .user-center1 .account-management{box-shadow: 0 0 5px rgba(0,0,0,.05);background-color: #fff;height: 550px}
  947. .user-center1 .account-management>ul{height: 48px;background-color: #f2f2f5;line-height: 48px;border-bottom: 1px solid #e5e5e5}
  948. .user-center1 .account-management>ul li{float: left;padding: 0 20px;cursor: pointer;color: #333}
  949. .user-center1 .account-management>ul li.active{background-color: #fff}
  950. .user-center1 .account-management .tab{padding: 0 30px}
  951. .user-center1 .account-management .tab>div{display: none}
  952. .user-center1 .account-management .data table{color: #333;margin-top: 25px;margin-bottom: 0}
  953. .user-center1 .account-management .data table tr th{border-top: 0;font-weight: 600;vertical-align: middle;padding: 6px}
  954. .user-center1 .account-management .data table tr td{border-top: 0;vertical-align: middle;padding: 6px}
  955. .user-center1 .account-management .data table tr td .ms-btn-default{padding: 1px 12px}
  956. .user-center1 .account-management .data .table1 tr th:first-of-type{width: 160px}
  957. .user-center1 .account-management .data .table1 tr td:first-of-type{width: 250px}
  958. .user-center1 .account-management .data .table2 tr th:first-of-type{width: 160px}
  959. .user-center1 .account-management .data .table2 tr td:first-of-type{width: 250px}
  960. .user-center1 .account-management .data hr{margin-top: 25px}
  961. .user-center1 .account-management .pwd{padding: 30px 0}
  962. .user-center1 .account-management .pwd .form-group{position: relative;margin-bottom: 25px}
  963. .user-center1 .account-management .pwd .form-group label{font-weight: 600;color: #333;margin-bottom: 5px}
  964. .user-center1 .account-management .pwd .form-group .iconfont{position: absolute;bottom: 5px;right: 15px;cursor: pointer;color: #333}
  965. .user-center1 .account-management .pwd .form-group .error{display: none;position: absolute;top: 100%;left: 0}
  966. .user-center1 .account-management .pwd .form-error .error{display: block;color: #ff4222}
  967. .user-center1 .account-management .pwd .ms-btn{width: 160px;padding: 12px 9px}
  968. .user-center1 .account-management .msg{padding: 30px 0}
  969. .user-center1 .account-management .msg dl{font-size: 13px}
  970. .user-center1 .account-management .msg dl dt{color: #333;font-weight: 600;margin-bottom: 3px}
  971. .user-center1 .account-management .msg dl dd{color: #666}
  972. .user-center1 .account-management .msg ol{margin: 10px 0 0 20px}
  973. .user-center1 .account-management .msg ol li{float: left;color: #333;margin-left: 50px;cursor: pointer}
  974. .user-center1 .account-management .msg ol li .icon{position: relative;top: 3px;margin-right: 10px}
  975. .user-center1 .account-management .msg hr{margin: 30px 0;border-color: #e5e5e5}
  976. .user-center1 .account-management .upload{padding: 30px 0}
  977. .user-center1 .account-management .upload dl{width: 36%;font-size: 13px}
  978. .user-center1 .account-management .upload dl dt{color: #333;font-weight: 600;margin-bottom: 3px}
  979. .user-center1 .account-management .upload dl dd{color: #666}
  980. .user-center1 .account-management .upload ol{margin: 10px 0 0 20px}
  981. .user-center1 .account-management .upload ol li{float: left;color: #333;margin-left: 50px;cursor: pointer}
  982. .user-center1 .account-management .upload ol li .icon{position: relative;top: 3px;margin-right: 10px}
  983. .user-center1 .account-management .upload hr{margin: 30px 0;border-color: #e5e5e5}
  984. .user-center1 .account-management .bindDomain .m-con{padding-top: 30px}
  985. .user-center1 .account-management .bindDomain .cont p{color: #333;margin-bottom: 5px}
  986. .user-center1 .account-management .bindDomain .cont p a{color: #157df1}
  987. .user-center1 .account-management .bindDomain .cont p a:hover{text-decoration: underline}
  988. .user-center1 .account-management .bindDomain .cont .control-label{color: #333;margin-bottom: 5px}
  989. .user-center1 .account-management .bindDomain .cont #saveButton{width: 160px;padding: 9px 0;margin-top: 5px}
  990. .user-center1 .account-management .bindDomain .m-con .bindDomainFirst{padding-top: 105px}
  991. .user-center1 .account-management .bindDomain .m-con .bindDomainFirst .browser_notice{text-align: center}
  992. .user-center1 .account-management .bindDomain .m-con .bindDomainFirst .icon-chenggong{color: #157df1;font-size: 70px}
  993. .user-center1 .account-management .bindDomain .m-con .bindDomainFirst .browser_notice .browser_notice_success{margin: -3px 0 25px}
  994. .user-center1 .account-management .bindDomain .m-con .bindDomainFirst #unbind_button{width: 160px;padding: 9px;color: #666}
  995. .user-center1 .account-management .change .tit{font-size: 16px;color: #333;font-weight: 600;padding: 15px 20px;border-bottom: 1px solid #e5e5e5}
  996. .user-center1 .account-management .con{padding: 20px}
  997. .user-center1 .account-management .con label{color: #333;font-weight: 600}
  998. .user-center1 .account-management .con .form-group label{margin: 0 30px 8px 0}
  999. .user-center1 .account-management .con .current-email{margin-bottom: 5px}
  1000. .user-center1 .account-management .con .read-only{padding-top: 15px;border-top: 1px solid #e5e5e5}
  1001. .user-center1 .account-management .con .read-only th,.user-center .right .con .read-only td{padding: 8px}
  1002. .user-center1 .invoice-management .warn-prompt{margin: 0 0 10px}
  1003. .user-center1 .invoice-management .i-top ul li{float: left;margin-left: 20px}
  1004. .user-center1 .invoice-management .user-table{margin-top: 20px}
  1005. .user-center1 .invoice-management .user-table.mt10{margin-top: 10px}
  1006. .user-center1 .invoice-management .table.invoice-table1 tr th:nth-of-type(1){width: 180px}
  1007. .user-center1 .invoice-management .table.invoice-table1 tr th:nth-of-type(3){width: 120px}
  1008. .user-center1 .invoice-management .table.invoice-table1 tr th:last-of-type{width: 300px}
  1009. .user-center1 .invoice-management .table.invoice-table1 tr td:nth-of-type(1){padding-left: 20px}
  1010. .user-center1 .invoice-management .table.invoice-table2 tr th:nth-of-type(2){width: 120px}
  1011. .user-center1 .invoice-management .table.invoice-table2 td .company-name{width: 120px;line-height: 20px}
  1012. .user-center1 .invoice-management .table.invoice-table2 .courier-number{width: 160px}
  1013. .user-center1 .invoice-management .table.invoice-table2 td .courier-number{width: 160px}
  1014. .user-center1 .invoice-management .table.invoice-table2 td .ms-btn{margin-right: 0}
  1015. .user-center1 .invoice-management .table td{vertical-align: middle}
  1016. .user-center1 .invoice-management .table td .icon-checkbox1{color: #e5e5e5;cursor: pointer;margin-right: 8px;position: relative;top: -2px}
  1017. .user-center1 .invoice-management .table td .icon-checkbox-checked1{color: #157df1}
  1018. .user-center1 .invoice-management .table td .company-name{width: 110px;line-height: 20px}
  1019. .user-center1 .invoice-management .table td .receives-address{width: 120px}
  1020. .user-center1 .invoice-management .table td .ms-btn{margin-right: 10px}
  1021. .user-center1 .invoice-management .table td .set-default{visibility: hidden;color: #fd641d;cursor: pointer}
  1022. .user-center1 .invoice-management .table tr:nth-of-type(2) td .set-default{visibility: visible}
  1023. .user-center1 .invoice-management .table tr:hover td .set-default{visibility: visible}
  1024. .user-center1 .invoice-management .no-content{height: 412px;padding-top: 150px}
  1025. .user-center1 .invoice-management .no-content1{height: 376px;padding-top: 130px}
  1026. .user-center1 .invoice-management .submit{width: 160px;padding: 9px 12px}
  1027. .user-center1 .invoice-management .make-invoice-details{padding: 30px;background-color: #fff;border: 1px solid #e5e5e5;height: 550px;margin-bottom: 40px}
  1028. .user-center1 .invoice-management .make-invoice-details dl{color: #333;margin-bottom: 15px}
  1029. .user-center1 .invoice-management .make-invoice-details dl dt{color: #333;font-weight: 600;width: 100px;text-align: right}
  1030. .user-center1 .invoice-management .make-invoice-details dl dd{float: none;margin-left: 150px}
  1031. .user-center1 .invoice-management .make-invoice-details hr{margin: 20px 0}
  1032. .user-center1 .invoice-management .make-invoice-details .color-danger{font-size: 12px}
  1033. .user-center1 .invoice-management .apply-invoice{background-color: #fff;padding: 30px;margin-bottom: 40px;border: 1px solid #e5e5e5}
  1034. .user-center1 .invoice-management .apply-invoice .row{margin: 0 -5px}
  1035. .user-center1 .invoice-management .apply-invoice .row .col-sm-4{padding: 0 5px}
  1036. .user-center1 .invoice-management .apply-invoice .row .col-sm-6{padding: 0 5px}
  1037. .user-center1 .invoice-management .apply-invoice label{color: #333;font-weight: 600;margin-bottom: 5px}
  1038. .user-center1 .invoice-management .apply-invoice label span{color: #ff4222;margin-left: 10px}
  1039. .user-center1 .invoice-management .apply-invoice .form-group{margin-bottom: 25px}
  1040. .user-center1 .invoice-management .apply-invoice .select-wrap input[type=text]{margin-top: 20px}
  1041. .user-center1 .invoice-management .apply-invoice .form-group.select-wrap{margin-bottom: 20px}
  1042. .user-center1 .invoice-management .apply-invoice .form-group.instruction-manual{margin-bottom: 20px}
  1043. .user-center1 .invoice-management .apply-invoice .form-error{position: relative}
  1044. .user-center1 .invoice-management .apply-invoice .error{position: absolute;top: 100%;color: #ff4222;font-size: 12px;display: none}
  1045. .user-center1 .invoice-management .apply-invoice .form-error .error{display: block}
  1046. .user-center1 .invoice-management .apply-invoice hr{margin: 5px 0 30px}
  1047. .user-center1 .invoice-management .apply-invoice .icon-checkbox1{color: #e5e5e5;position: relative;top: 1px}
  1048. .user-center1 .invoice-management .apply-invoice .icon-checkbox-checked1{color: #157df1}
  1049. .user-center1 .invoice-management .apply-invoice .checkbox1{color: #333;cursor: pointer}
  1050. .user-center1 .invoice-management .apply-invoice .save{margin-top: 20px;width: 160px;padding: 9px 12px}
  1051. .user-center1 .aside-right .balance-recharge{position: relative;border: 1px solid #e5e5e5;padding: 25px 30px 10px;margin-bottom: 20px}
  1052. .user-center1 .aside-right .balance-recharge .b-tit{color: #333;font-weight: 600}
  1053. .user-center1 .aside-right .balance-recharge .b-num{color: #fba208;font-size: 40px}
  1054. .user-center1 .aside-right .balance-recharge p{color: #666;font-size: 12px}
  1055. .user-center1 .aside-right .balance-recharge .recharge-btn{position: absolute;right: 30px;top: 50%;transform: translateY(-50%)}
  1056. aside.aside-left{padding-top: 15px}
  1057. aside.aside-left ul li{margin-bottom: 10px}
  1058. aside.aside-left ul li a{padding-left: 25px;display: block;height: 50px;line-height: 50px;border-left: 4px solid transparent;color: #333}
  1059. aside.aside-left ul li a .iconfont{margin-right: 10px;color: #157df1}
  1060. aside.aside-left ul li.active a{background-color: #e7f2fe;border-color: #157df1;color: #157df1}
  1061. aside.aside-left ul li.active a .iconfont{color: #157df1}
  1062. aside.aside-left ul li.active a .icon-upload1{font-size: 18px}
  1063. aside.aside-left ul li:hover a{background-color: #e7f2fe;border-color: #157df1;color: #157df1}
  1064. aside.aside-left ul li:hover a .iconfont{color: #157df1}
  1065. aside.aside-left ul li a .icon-dashi{background: url(../img/tt-10.png) no-repeat;width: 17px;height: 14px;display: inline-block;margin-right: 10px;margin-top: 2px}
  1066. .aside-right .user-promote{background-color: #fff;min-height: 510px}
  1067. .aside-right .user-promote .p-list{background-color: #f5f7f9;height: 44px;line-height: 44px;border-bottom: 1px solid #eee}
  1068. .aside-right .user-promote .p-list li{float: left;padding: 0 20px;cursor: pointer;color: #333}
  1069. .aside-right .user-promote .p-list li.active{background-color: #fff;border-right: 1px solid #e5e5e5;border-left: 1px solid #eee;margin-left: -1px}
  1070. .aside-right .user-promote .p-list li.active a{color: #157df1}
  1071. .aside-right .user-promote .tab-common{padding: 25px 30px}
  1072. .aside-right .user-promote .tab1 .p-link-1{border: 1px solid #ddd;padding: 15px 20px;margin-bottom: 20px}
  1073. .aside-right .user-promote .tab1 .p-link-1 dl{color: #333;margin-bottom: 3px}
  1074. .aside-right .user-promote .tab1 .p-link-1 dl dt span{font-size: 20px}
  1075. .aside-right .user-promote .tab1 .p-link-1 dl dd .copy{font-size: 12px;margin-top: 8px;margin-left: 20px;display: block}
  1076. .aside-right .user-promote .tab1 .p-link-1 p{font-size: 12px;color: #999}
  1077. .aside-right .user-promote .tab1 .p-link-2{border: 1px solid #ddd;padding: 15px 20px;margin-bottom: 25px;position: relative}
  1078. .aside-right .user-promote .tab1 .p-link-2 .row{margin: 0 -20px}
  1079. .aside-right .user-promote .tab1 .p-link-2 .line{position: absolute;width: 1px;height: calc(100% - 30px);left: 50%;top: 15px;background-color: #ddd}
  1080. .aside-right .user-promote .tab1 .p-link-2 dl{padding-left: 15px}
  1081. .aside-right .user-promote .tab1 .p-link-2 dl dt{color: #333}
  1082. .aside-right .user-promote .tab1 .p-link-2 dl dt .icon-prompt1{margin: -1px 0 0 3px}
  1083. .aside-right .user-promote .tab1 .p-link-2 dl dt.rebate-dt{color: #999;margin-bottom: 10px}
  1084. .aside-right .user-promote .tab1 .p-link-2 dl dt span{color: #999}
  1085. .aside-right .user-promote .tab1 .p-link-2 dl dd{color: #333}
  1086. .aside-right .user-promote .tab1 .p-link-2 dl dd.amount-withdrawal-wrap1{height: 34px;overflow: hidden}
  1087. .aside-right .user-promote .tab1 .p-link-2 dl dd .amount-withdrawal1 span{color: #fba412;font-size: 30px}
  1088. .aside-right .user-promote .tab1 .p-link-2 dl dt .withdrawal1{padding: 0 12px;line-height: 20px;height: 20px;font-size: 12px;margin-left: 30px}
  1089. .aside-right .user-promote .tab1 .p-link-2 dl dd .amount-rebate1 span{color: #333;font-size: 20px}
  1090. .aside-right .user-promote .tab1 .help{padding: 0}
  1091. .aside-right .user-promote .tab1 .help .tit{font-size: 20px;color: #333;margin-bottom: 20px}
  1092. /*----------/个人中心-----------*/
  1093. /*上传资质*/
  1094. .user-center1 .aside-left .icon-dunpai{font-size: 18px; position: relative; top: 2px;}
  1095. .upload-img-more .uploaded-img{border: 1px solid #e5e5e5; width: 150px; height: 210px; position: relative; border-radius: 5px; margin-right: 20px;}
  1096. .upload-img-more .uploaded-img .thumbnail{position: absolute; left: 0; top: 0; width: 100%; height: 100%; opacity: 0; cursor: pointer; z-index: 2;}
  1097. .upload-img-more .uploaded-img img{width: 100%; height: 100%; border-radius: 5px;}
  1098. .upload-img-more .uploaded-img .delete-img{position: absolute; right: -9px; top: -9px; right: 0\9; top: 0\9; cursor: pointer; z-index: 2;}
  1099. .upload-img-more .uploaded-img .reset{position: absolute; left: 0; bottom: 0; height: 20px; line-height: 20px; background: rgba(0,0,0,.5); width: 100%; color: #fff; text-align: center; font-size: 12px; display: none;}
  1100. .upload-img-more .uploaded-img:hover .reset{display: block;}
  1101. .upload-img-more .upload-img{position: relative; border: 1px dashed #e5e5e5; width: 150px; height: 210px; border-radius: 5px; background: url("../img/icon-10.png") no-repeat center 80px; overflow: hidden;}
  1102. .upload-img-more .upload-img input{position: absolute; left: 0; top: 0; width: 100%; height: 100%; opacity: 0; cursor: pointer;}
  1103. .upload-img-more .upload-img .text{text-align: center; font-size: 12px; color: #666; margin-top: 120px;}
  1104. .user-center1 .aside-right .upload-qualification{background-color: #fff; box-shadow: 0 0 5px rgba(0,0,0,.05); border-radius: 3px; padding: 30px;}
  1105. .user-center1 .aside-right .upload-qualification .p1{color: #333; margin-bottom: 5px;}
  1106. .user-center1 .aside-right .upload-qualification .p2{color: #333; margin-bottom: 15px;}
  1107. .user-center1 .aside-right .upload-qualification table{border: 1px solid #ddd; width: 70%; color: #333; margin-bottom: 40px;}
  1108. .user-center1 .aside-right .upload-qualification table td{border: 1px solid #ddd; padding: 20px; text-align: center;}
  1109. .user-center1 .aside-right .upload-qualification .tit{color: #333; margin-bottom: 15px;}
  1110. /*.user-center1 .aside-right .upload-qualification .upload-img-more{margin-bottom: 20px;}*/
  1111. .user-center1 .aside-right .upload-qualification .uploaded-img{margin-bottom: 20px;}
  1112. .user-center1 .aside-right .upload-qualification .upload-img{margin-bottom: 20px;}
  1113. .user-center1 .aside-right .upload-qualification .review-wrap{margin: 20px 0 30px; display: none;}
  1114. .user-center1 .aside-right .upload-qualification .review-wrap li{float: left; margin-right: 20px;}
  1115. .user-center1 .aside-right .upload-qualification .review-wrap li:last-of-type{margin-right: 0;}
  1116. .user-center1 .aside-right .upload-qualification .review-wrap .r-center{margin-top: -10px;}
  1117. .user-center1 .aside-right .upload-qualification .review-wrap .r-center img{display: none;}
  1118. .user-center1 .aside-right .upload-qualification .review-wrap .r-right{width: 750px; color: #ff4222;}
  1119. .user-center1 .aside-right .upload-qualification .review-wrap .r-right div{display: none;}
  1120. .user-center1 .aside-right .upload-qualification .hide-action .upload-img{display: none;}
  1121. .user-center1 .aside-right .upload-qualification .hide-action .delete-img{display: none;}
  1122. .user-center1 .aside-right .upload-qualification .hide-action .reset{display: none;}
  1123. .user-center1 .aside-right .upload-qualification .hide-action .thumbnail{display: none;}
  1124. /*/上传资质*/
  1125. /*----------工具箱-----------*/
  1126. .toolkit-wrap{background: url("../img/bg-2.jpg") no-repeat center; height: 635px;}
  1127. .toolkit li{float: left; width: 50%; text-align: center; padding-top: 130px; position: relative;}
  1128. .toolkit li .tit{font-size: 30px; color: #333; margin-top: 35px;}
  1129. .toolkit li p{font-size: 18px; color: #666; margin-top: 20px; height: 50px;}
  1130. .toolkit li .ms-btn-primary{width: 165px; margin-top: 40px; padding: 12px;}
  1131. .toolkit li .line{width: 2px; height: 300px; background-color: #d8d7d7; position: absolute; right: 0; bottom: 35px; border-radius: 2px;}
  1132. /*faq*/
  1133. .faq{margin-bottom: 20px;}
  1134. .faq .tit{font-size: 30px; color: #157df1; margin-top: 30px;}
  1135. .faq .tit .icon-faq{position: relative; top: 7px; margin-right: 8px;}
  1136. .faq .row{margin-left: -10px; margin-right: -10px;}
  1137. .faq .row .col-sm-6{padding: 0 10px;}
  1138. .faq .con{border: 1px solid #eee; border-radius: 3px; padding: 30px 40px; margin-bottom: 20px;}
  1139. .faq .con dl dt{font-size: 25px; color: #333; margin-bottom: 10px;}
  1140. .faq .con dl dt span{width: 5px; height: 24px; background-color: #157df1; display: inline-block; position: relative; top: 3px; margin-right: 12px;}
  1141. .faq .con dl dd{padding-left: 18px;}
  1142. .faq .con dl dd a{font-size: 16px; color: #333; line-height: 34px;}
  1143. .faq .con dl dd a:hover{color: #157df1;}
  1144. .toolkit-common-wrap{background-color: #f5f7f9;}
  1145. .toolkit-common .top{padding: 40px 0; border: 1px solid #eee; border-radius: 3px; background-color: #fff;}
  1146. .toolkit-common .udid-top{text-align: center; padding-bottom: 0;}
  1147. .toolkit-common .udid-top img{width: 155px;}
  1148. .toolkit-common .top .tit{font-size: 36px; color: #333; text-align: center;}
  1149. .toolkit-common .udid-top .p-top{color: #333; line-height: 24px; margin-top: 10px; margin-bottom: 20px;}
  1150. .toolkit-common .udid-top p span{color: #157df1;}
  1151. .toolkit-common .udid-top .p-bottom{color: #333; line-height: 24px; padding: 25px 35px; border-top: 1px solid #eee; margin-top: 40px; text-align: left;}
  1152. .toolkit-common .ipa-top .form-group{width: 60%; margin: 0 auto;}
  1153. .toolkit-common .ipa-top{text-align: center;}
  1154. .toolkit-common .ipa-top .form-control{margin-top: 40px;}
  1155. .toolkit-common .ipa-top p{text-align: left; margin-top: 10px;}
  1156. .toolkit-common .ipa-top .ms-btn-primary{margin-top: 20px; width: 160px; padding: 9px 12px;}
  1157. .toolkit-common .ipa-top table{width: 600px; margin: 40px auto 0;}
  1158. .toolkit-common .ipa-top table th{border-color: #eee !important; text-align: center; vertical-align: middle;}
  1159. .toolkit-common .ipa-top table td{border-color: #eee !important; text-align: left; padding: 20px;}
  1160. .toolkit-common .ipa-top table td .icon-big-iphone{margin-right: 20px;}
  1161. .toolkit-common .ipa-top table td img{width: 80px; height: 80px; border-radius: 10px;}
  1162. /*----------/工具箱-----------*/
  1163. /*----------新价格页----------*/
  1164. .new-price-btn{width: 150px; height: 40px; line-height: 40px; border-radius: 20px; background: linear-gradient(to right, #ff3794, #fc753b); display: block; color: #fff; text-align: center; margin: 0 auto;}
  1165. .new-price-btn:hover{/*box-shadow: 0 2px 5px rgba(255,55,148,.5);*/ color: #fff; background: linear-gradient(to right, #fe1064, #ff9c00)}
  1166. .new-price-btn:focus{color: #fff;}
  1167. .new-price-banner{background: url("../img/price-banner-1.jpg") no-repeat center; height: 200px;}
  1168. .new-price-banner .banner-con{color: #fff; padding: 65px 0 0 110px;}
  1169. .new-price-banner .banner-con h3{font-size: 30px; font-weight: 600; margin-bottom: 10px;}
  1170. .new-price-banner .banner-con p{font-size: 16px;}
  1171. .new-price-list{padding: 0 110px; margin: 85px 0;}
  1172. .new-price-list li{width: 33.333333%; float: left; text-align: center; padding: 35px 20px; background-color: #fff; box-shadow: 0 0 10px rgba(112,61,231,.1); height: 695px; transition: transform 100ms;}
  1173. .new-price-list li.active{transform: scale(1.02); z-index: 2; position: relative;}
  1174. .new-price-list li h3{color: #333; margin-top: 20px;}
  1175. .new-price-list li p{color: #666; margin-top: 10px; line-height: 24px; margin-bottom: 5px;}
  1176. .new-price-list li .amount{font-size: 18px; color: #fd9817;}
  1177. .new-price-list li .amount .num{font-size: 30px;}
  1178. .new-price-list li .more{margin: 10px auto 20px;}
  1179. .new-price-list li dl dd{line-height: 32px; color: #333;}
  1180. .new-price-details{margin-top: 30px;}
  1181. .new-price-details h1{color: #157df1; text-align: center; margin-bottom: 10px;}
  1182. .new-price-details p{color: #666; font-size: 16px; text-align: center; margin-bottom: 80px;}
  1183. .new-price-details .new-price-btn{margin-bottom: 80px;}
  1184. .new-price-details .table{table-layout: fixed; box-shadow: 0 0 10px rgba(0,0,0,.1); margin-bottom: 0;}
  1185. .new-price-details .table th{text-align: center; height: 50px; color: #333; font-size: 16px; font-weight: 600; border-top: none; position: relative; vertical-align: middle;}
  1186. .new-price-details .table th:nth-of-type(2){border-left: 1px solid #ddd;}
  1187. .new-price-details .table td{text-align: center; border: 1px solid #ddd; height: 50px; color: #333; vertical-align: middle;}
  1188. .new-price-details .table th:first-of-type{border-left-color: transparent;}
  1189. .new-price-details .table th:last-of-type{border-right-color: transparent;}
  1190. .new-price-details .table td:first-of-type{border-left-color: transparent;}
  1191. .new-price-details .table td:last-of-type{border-right-color: transparent;}
  1192. .new-price-details .table tr:last-of-type td{border-bottom: none;}
  1193. .new-price-details .table tr:nth-of-type(odd) td{background-color: #f5f6f7;}
  1194. /*.new-price-details .table tr:nth-of-type(even) td:first-of-type{border-left-color: #ddd; border-right-color: #ddd;}*/
  1195. /*.new-price-details .table tr:nth-of-type(even) td:last-of-type{border-right-color: #ddd;}*/
  1196. .new-price-details .table th .th-con{position: absolute; width: 100%; height: 90px; left: 0; bottom: 0; background: no-repeat center; color: #fff; padding-top: 15px;}
  1197. .new-price-details .table th .th-con .tit{font-size: 24px; font-weight: normal; margin-bottom: 5px; position: relative;}
  1198. .new-price-details .table th .th-con .tit .unit{font-size: 12px;}
  1199. .new-price-details .table th .th-con .tit .recommended{position: absolute; top: -8px; background: url("../img/price-tip1.png") no-repeat; width: 40px; height: 24px; color: #fff; font-size: 14px; line-height: 24px;}
  1200. .new-price-details .table th .th-con .level{font-size: 16px;}
  1201. /*.new-price-details .table .icon-wrap{height: 20px; line-height: 20px;}*/
  1202. .new-price-details .table .icon-duihao{color: #13c960; font-size: 22px;}
  1203. .new-price-details .help{padding-bottom: 40px;}
  1204. .new-price-details .help h1{margin-bottom: 40px;}
  1205. .new-price-details .help dl .right{margin-left: 30px; width: calc(100% - 30px);}
  1206. .new-publish-price .help{padding: 0; margin-bottom: 30px; padding: 55px 70px 0;}
  1207. .new-publish-price .help h1{margin-bottom: 40px; color: #157df1; text-align: center;}
  1208. .new-publish-price .help dl .right{margin-left: 30px; width: calc(100% - 30px);}
  1209. .new-pack-price .table th .level0{background-image: url("../img/price-4.jpg");}
  1210. .new-pack-price .table th .level1{background-image: url("../img/price-5.jpg");}
  1211. .new-pack-price .table th .level2{background-image: url("../img/price-6.jpg");}
  1212. .new-pack-price .table th .th-con .tit .recommended{position: absolute; top: -8px; background: url("../img/price-tip2.png") no-repeat; width: 70px; height: 24px; color: #fff; font-size: 14px; line-height: 24px;}
  1213. .new-sign-price .table th .level0{background-image: url("../img/price-5.jpg");}
  1214. .new-sign-price .table th .level1{background-image: url("../img/price-6.jpg");}
  1215. .new-sign-price .table th .level2{background-image: url("../img/price-7.jpg");}
  1216. .new-sign-price .table tr td:first-of-type{font-weight: 600;}
  1217. .new-sign-price .table tr:last-of-type td{border-bottom: 1px solid #ddd;}
  1218. /*.new-publish-price{margin-bottom: 60px;}*/
  1219. .new-publish-price .tab{width: 490px; height: 40px; line-height: 40px; margin: 40px auto;}
  1220. .new-publish-price .tab li{float: left; text-align: center; width: 33%; color: #333; cursor: pointer; border: 1px solid #e5e5e5;}
  1221. .new-publish-price .tab li:first-of-type{border-radius: 20px 0 0 20px; border-right-color: transparent;}
  1222. .new-publish-price .tab li:last-of-type{border-left-color: transparent; border-radius: 0 20px 20px 0;}
  1223. .new-publish-price .tab li.active{background-color: #157df1; border-color: #157df1; color: #fff;}
  1224. /*.new-publish-price .tab li:first-of-type.active{border-radius: 25px 0 0 25px;}*/
  1225. /*.new-publish-price .tab li:last-of-type.active{border-radius:0 25px 25px 0;}*/
  1226. .new-publish-price .tab-con>div{display: none;}
  1227. .new-publish-price .tab-con .con-wrap{padding: 0 70px;}
  1228. .new-publish-price .tab-con h1{text-align: center; color: #157df1; margin-bottom: 20px;}
  1229. .new-publish-price .tab-con .big-package h1{color: #fd9817;}
  1230. .new-publish-price .tab-con .p1{text-align: center; font-size: 16px; color: #666; margin-bottom: 35px;}
  1231. .new-publish-price .tab-con .con{border: 1px solid #e5e5e5; padding-bottom: 40px; position: relative;}
  1232. .new-publish-price .tab-con .con:hover{box-shadow: 0 3px 10px rgba(21,125,241,.2);}
  1233. .new-publish-price .tab-con .big-package .con:hover{box-shadow: 0 3px 10px rgba(253,152,23,.2);}
  1234. .new-publish-price .tab-con .gradient{height: 8px;}
  1235. .new-publish-price .tab-con .gradient1{background: linear-gradient(to right, #5caafd, #57d4f8);}
  1236. .new-publish-price .tab-con .gradient2{background: linear-gradient(to right, #507dfb, #5598fa);}
  1237. .new-publish-price .tab-con .gradient3{background: linear-gradient(to right, #5958d9, #8e1fe5);}
  1238. .new-publish-price .tab-con .big-package .gradient1{background: linear-gradient(to right, #fea63f, #ffcd35);}
  1239. .new-publish-price .tab-con .big-package .gradient2{background: linear-gradient(to right, #fc853e, #fe9f30);}
  1240. .new-publish-price .tab-con .big-package .gradient3{background: linear-gradient(to right, #fc7738, #ff339a);}
  1241. .new-publish-price .tab-con .downloads{text-align: center; padding: 35px 0 30px;}
  1242. .new-publish-price .tab-con .downloads .text{color: #666; font-size: 16px;}
  1243. .new-publish-price .tab-con .downloads .num{color: #333; font-size: 50px;}
  1244. .new-publish-price .tab-con .downloads .num span{font-size: 16px;}
  1245. .new-publish-price .tab-con .con .recommended{position: absolute; top: 0; right: 0; display: none;}
  1246. .new-publish-price .tab-con .instructions{padding: 0 30px;}
  1247. .new-publish-price .tab-con .instructions dl{border-top: 1px solid #e5e5e5; text-align: left; color: #666; padding-top: 25px; height: 195px;}
  1248. .new-publish-price .tab-con .instructions dl dd{margin: 10px 0; color: #666;}
  1249. .new-publish-price .tab-con .instructions dl dd .icon-gou{color: #5cb4f6;}
  1250. .new-publish-price .tab-con .big-package .instructions dl dd .icon-gou{color: #fd9817;}
  1251. .new-publish-price .tab-con .instructions dl dd .icon-gou{margin-right: 10px; font-size: 14px;}
  1252. .new-publish-price .tab-con .instructions dl dd .icon-prompt{position: relative; margin-left: 5px; top: -3px; cursor: pointer;}
  1253. .new-publish-price .tab-con .p-price{font-size: 16px; color: #157df1; text-align: center; margin-bottom: 25px;}
  1254. .new-publish-price .tab-con .big-package .p-price{color: #fd9817;}
  1255. .new-publish-price .tab-con .p-price span{font-size: 40px;}
  1256. .new-publish-price .tab-con .p-pay{text-align: center;}
  1257. .new-publish-price .tab-con .p-pay .btn-buy{padding: 10px 12px; width: 120px;}
  1258. .new-publish-price .tab-con .big-package .p-pay .btn-buy{color: #fd9817; border: 1px solid #fd9817;}
  1259. .new-publish-price .tab-con .big-package .p-pay .btn-buy:hover{color: #fff; border: 1px solid #fd9817; background-color: #fd9817;}
  1260. .new-price-meal{padding: 20px 0 25px;}
  1261. .new-price-meal>h1{color: #157df1; margin-bottom: 15px; text-align: center;}
  1262. .new-price-meal>p{color: #666; font-size: 16px; margin-bottom: 20px; text-align: center;}
  1263. .new-price-meal .new-price-btn{margin-bottom: 50px;}
  1264. .new-price-meal .table{table-layout: fixed; box-shadow: 0 0 10px rgba(0,0,0,.1);}
  1265. .new-price-meal .table th{text-align: center; height: 50px; color: #333; border-top: none; position: relative; vertical-align: middle; border-left: 1px solid #ddd; font-weight: 600; font-size: 15px; background-color: #f5f6f7;}
  1266. .new-price-meal .table td{text-align: center; border: 1px solid #ddd; height: 50px; color: #333; vertical-align: middle;}
  1267. .new-price-meal .table th:first-of-type{border-left-color: transparent;}
  1268. .new-price-meal .table th:last-of-type{border-right-color: transparent;}
  1269. .new-price-meal .table td:first-of-type{border-left-color: transparent;}
  1270. .new-price-meal .table td:last-of-type{border-right-color: transparent;}
  1271. .new-price-meal .table tr:last-of-type td{border-bottom: none;}
  1272. .new-price-meal .table tr:nth-of-type(odd) td{background-color: transparent;}
  1273. .new-price-meal .table .recommend-wrap1{position: relative;}
  1274. .new-price-meal .table .recommend-wrap1 .recommended{position: absolute; top: -9px; background: url("../img/price-tip1.png") no-repeat; width: 32px; height: 22px; color: #fff; font-size: 12px; line-height: 20px; background-size: contain; font-weight: normal;}
  1275. .new-pack-meal .table .recommend-wrap1 .recommended{background: url("../img/price-tip2.png") no-repeat; width: 60px; height: 22px; background-size: contain; font-size: 12px; line-height: 22px; font-weight: normal;}
  1276. .new-price-meal .table td .num{font-size: 18px;}
  1277. .new-price-meal .help{padding: 0;}
  1278. .new-price-meal .help>h1{color: #157df1; text-align: center; margin-bottom: 50px;}
  1279. /*----------/新价格页----------*/
  1280. /*----------企业签名-----------*/
  1281. .signature-banner{background: url("../img/banner-3.jpg") no-repeat center; height: 430px;}
  1282. .signature-banner .con{color: #fff;}
  1283. .signature-banner .con h1{font-size: 32px; margin-top: 110px; font-weight: 600;}
  1284. .signature-banner .con p{font-size: 18px; line-height: 28px; margin-top: 25px;}
  1285. .signature-banner .con .ms-btn-primary{width: 110px; margin-top: 30px; background-color: transparent; border-color: #fff;}
  1286. .corporate-signature-wrap{background-color: #f5f9fe;}
  1287. .corporate-signature{padding: 50px 0;}
  1288. .corporate-signature .row{margin-top: 0;}
  1289. .corporate-signature .blue-line{margin: 20px auto 15px;}
  1290. .corporate-signature .con p{font-size: 12px;}
  1291. .signature-tool{padding: 60px 110px;}
  1292. .signature-tool .left h1{font-size: 36px; color: #157df1; margin-top: 100px;}
  1293. .signature-tool p{font-size: 16px; color: #666; line-height: 36px; margin-top: 10px;}
  1294. .signature-process-wrap{background: url("../img/bg-4.jpg") no-repeat center; height: 440px;}
  1295. .signature-process{text-align: center;}
  1296. .signature-process .tit{font-size: 36px; color: #fff; margin: 90px 0 65px;}
  1297. /*----------/企业签名-----------*/
  1298. /*----------封装-----------*/
  1299. .encapsulation-banner-wrap{background: url("../img/banner-4.jpg") no-repeat center; height: 430px; position: relative;}
  1300. .encapsulation-banner section h1{color: #fff; text-align: center; font-size: 32px;}
  1301. .encapsulation-banner section{position: absolute; top: 50%; left: 50%; width: 100%; transform: translate(-50%, -50%);}
  1302. .encapsulation-banner section .url-text{background-color: rgba(255,255,255,.2); width: 480px; height: 50px; padding: 6px; border-radius: 10px; margin: 40px auto 0; color: #333;}
  1303. .encapsulation-banner section .url-text input{background-color: #fff; border: none; width: 75%; height: 100%; border-radius: 5px 0 0 5px; padding-left: 30px;}
  1304. .encapsulation-banner section .url-text .submit{background-color: #157df1; border: none; width: 25%; height: 100%; border-radius: 0 5px 5px 0; text-align: center; font-size: 17px; color: #fff; line-height: 38px;}
  1305. .function-of{padding: 70px 0 90px; text-align: center;}
  1306. .function-of .tit{font-size: 36px; color: #157df1;}
  1307. .function-of p{font-size: 16px; color: #333; margin: 20px 0 70px;}
  1308. .app-case-wrap{background: #f5f9fe url("../img/bg-3.png") no-repeat center top;}
  1309. .app-case .tit{font-size: 36px; color: #157df1; text-align: center; margin-top: 310px;}
  1310. .app-case .list{padding: 80px 80px 50px;}
  1311. .app-case .list .con{position: relative; margin-bottom: 30px;}
  1312. .app-case .list .con img{height: 418px;}
  1313. .app-case .list .con .hover{position: absolute; left: -10px; top: -10px; width: calc(100% + 20px); height: calc(100% + 20px); background-color: #348dee; color: #fff; font-size: 24px; display: flex; justify-content:center; align-items: center; text-align: center; opacity: 0; transition: all 600ms; cursor: pointer;}
  1314. .app-case .list .con:hover .hover{opacity: 1;}
  1315. .price-pay .wechat-pay{padding: 100px 0;}
  1316. .price-pay .wechat-pay .wechat-img{padding: 10px; width: 200px; height: 200px; border: 1px solid #eee;}
  1317. .price-pay .wechat-pay .glyphicon-triangle-left{font-size: 30px; color: #333;}
  1318. .price-pay .wechat-pay .left{margin-top: 100px;}
  1319. .price-pay .wechat-pay .center{margin-top: 170px;}
  1320. /*----------/封装-----------*/
  1321. .web404{padding: 150px 0 0; min-height: 790px;}
  1322. .web404 .img{position: relative; padding-left: 45px;}
  1323. .web404 .error{position: absolute; right: -70px; top: 50px;}
  1324. .web404 .error .text{font-size: 24px; color: #333;}
  1325. .web404 .error p{margin-top: 10px;}
  1326. .web404 .error .ms-btn-primary{margin-top: 30px; font-size: 18px; width: 160px;}
  1327. .web500{position: absolute; left: 50%; top: 45%; transform: translate(-50%, -50%);}
  1328. .web500 .error{position: absolute; bottom: -50px; left: 65%;}
  1329. .web500 .error .text{font-size: 24px; color: #333;}
  1330. .web500 .error p{margin-top: 10px;}
  1331. .web500 .error .ms-btn-primary{margin-top: 30px; font-size: 18px; width: 160px;}
  1332. /*----------关于我们-----------*/
  1333. .about-banner-wrap{background: no-repeat center; height: 200px;}
  1334. .about-banner{height: 200px; padding-top: 50px; text-align: center; color: #fff;}
  1335. .about-tab-wrap{background-color: rgba(0,0,0,.1); margin-top: -44px;}
  1336. .about-tab-wrap .about-tab>a{float: left; color: #fff; width: 20%; height: 44px; line-height: 44px; font-size: 16px; text-align: center; cursor: pointer; display: block;}
  1337. .about-tab-wrap .about-tab .router-link-active{background-color: #157df1;}
  1338. .about-tab-wrap .about-tab a .iconfont{font-size: 18px; margin-right: 5px; position: relative; top: 1px;}
  1339. .about-tab-wrap .about-tab a:hover{background-color: #157df1;}
  1340. /*.about-us>div{display: none;}*/
  1341. .about-us .common{padding: 70px 0;}
  1342. .about-us .common h1{text-align: center; color: #333; margin-bottom: 50px;}
  1343. .about-us .common .p2{font-size: 16px; color: #333; text-align: center; line-height: 30px; margin-bottom: 50px;}
  1344. .about-us .contact-us{padding-top: 0;}
  1345. .about-us .contact-us .contact-con{padding: 0 50px;}
  1346. .about-us .contact-us .contact-con .ms-thumbnail{border: 1px solid #e5e5e5; padding: 50px 0;}
  1347. .about-us .contact-us .contact-con .ms-thumbnail .ms-caption .tit{font-size: 24px;}
  1348. .about-us .contact-us .contact-con .ms-thumbnail .ms-caption p{color: #666; margin-bottom: 20px;}
  1349. .about-us .contact-us .contact-con .ms-thumbnail .ms-caption .p1 .iconfont{color: #adb6bc; font-size: 20px; margin-right: 10px; position: relative; top: 2px;}
  1350. .about-us .contact-us .contact-con .ms-thumbnail .ms-caption .p1 .feedback1{font-size: 12px; padding: 3px 8px; margin-left: 25px;}
  1351. .about-us .service_content{font-size: 16px; color: #525252; padding: 70px;}
  1352. .about-us .service_content p{color: #333; font-size: 16px; line-height: 28px;}
  1353. .about-us .service_content .font18{color: #333; margin-top: 5px; margin-bottom: 5px;}
  1354. .about-us .service_content h3{font-size: 24px; color: #333333; line-height: 33px; margin-top: 20px; margin-bottom: 10px;}
  1355. .about-us .service_content li{line-height: 30px; list-style: none; color: #333;}
  1356. .about-us .service_content a, a:hover{color: #157df1; text-decoration: none;}
  1357. .about-us p.item-title{margin: 0 0 10px 0; font-size: 24px; color: #333; line-height: 50px;}
  1358. /*----------/关于我们-----------*/
  1359. /*更新日志*/
  1360. .update-log-banner{background: url("../img/time-2.jpg") no-repeat center; height: 170px; color: #fff; font-size: 28px; font-weight: 600; display: flex; justify-content: center; align-items: center;}
  1361. .update-log-wrap{padding: 70px 240px;}
  1362. .update-log-wrap .update-log:first-of-type{padding-top: 70px;}
  1363. .update-log{background: url("../img/time-1.png") no-repeat 115px top;}
  1364. .update-log .con{padding-bottom: 35px;}
  1365. .update-log .u-left{width: 100px; text-align: right;}
  1366. .update-log .u-left dt{color: #333; font-size: 16px; margin-bottom: 2px;}
  1367. .update-log .u-left dd{color: #333; font-size: 12px;}
  1368. .update-log .u-right{width: 590px; margin-left: 24px;}
  1369. .update-log .u-right .u-icon{border: 1px solid #157df1; border-radius: 50px; width: 13px; height: 13px; padding: 2px; position: relative; top: 2px;}
  1370. .update-log .u-right .u-icon span{display: block; background-color: #157df1; border-radius: 50%; width: 100%; height: 100%;}
  1371. .update-log .u-right dl{margin-left: 30px;}
  1372. .update-log .u-right dt{color: #333; font-size: 16px; font-weight: 600; margin-bottom: 5px;}
  1373. .update-log .u-right dd{color: #333; line-height: 24px;}
  1374. /*/更新日志*/
  1375. /*反馈 建议*/
  1376. .feedback-wrap{padding: 25px 150px 40px;}
  1377. .feedback{border-radius: 5px; background-color: #fff; padding: 25px 30px 30px;}
  1378. .feedback .tit{font-size: 18px; color: #333; font-weight: 600; margin-bottom: 20px;}
  1379. .feedback .form-group{margin-bottom: 35px;}
  1380. .feedback label{color: #333; margin-bottom: 10px;}
  1381. .feedback label span{color: #fd641d; margin-right: 10px;}
  1382. .feedback .type li{float: left; margin-right: 40px; cursor: pointer;}
  1383. .feedback .type li .icon-radio{top: 3px;}
  1384. .feedback .submit{padding-left: 40px; padding-right: 40px;}
  1385. .feedback .uploaded-img{border: 1px solid #e5e5e5; width: 90px; height: 90px; position: relative; border-radius: 5px; margin-right: 20px;}
  1386. .feedback .uploaded-img img{width: 100%; height: 100%; border-radius: 5px;}
  1387. .feedback .uploaded-img .delete-img{position: absolute; right: -9px; top: -9px; right: 0\9; top: 0\9; cursor: pointer; z-index: 2;}
  1388. .feedback .upload-img{position: relative; border: 1px dashed #e5e5e5; width: 90px; height: 90px; border-radius: 5px; background: url("../img/icon-10.png") no-repeat center 20px; overflow: hidden;}
  1389. .feedback .upload-img input{position: absolute; left: 0; top: 0; width: 100%; height: 100%; opacity: 0; cursor: pointer;}
  1390. .feedback .upload-img .text{text-align: center; font-size: 12px; color: #666; margin-top: 60px;}
  1391. /*/反馈 建议*/
  1392. /*应用上传 重置*/
  1393. /*----------应用上传 重置----------*/
  1394. .qq-upload-list-selector {
  1395. text-align: center;
  1396. padding-top: 0 !important;
  1397. }
  1398. .qq-progress-bar-container-selector {
  1399. height: 12px !important;
  1400. border-radius: 6px;
  1401. }
  1402. .qq-progress-bar-container-selector .qq-progress-bar-selector {
  1403. height: 12px !important;
  1404. border-radius: 6px;
  1405. }
  1406. .qq-progress-bar-container-selector .qq-progress-bar-selector {
  1407. height: 12px !important;
  1408. }
  1409. .progress-bar.active, .progress.active .progress-bar {
  1410. /* -webkit-animation: none !important;
  1411. -o-animation: none !important;
  1412. animation: none !important; */
  1413. }
  1414. .progress-striped .progress-bar-warning {
  1415. /* background-image: none !important; */
  1416. }
  1417. .progress-bar-warning {
  1418. background-color: #36b8f3 !important;
  1419. }
  1420. .tag-box {
  1421. padding: 50px 20px 60px !important;
  1422. height: 450px !important;
  1423. }
  1424. .progress {
  1425. margin-top: 20px !important;
  1426. }
  1427. .qq-upload-list-selector {
  1428. margin-top: 20px !important;
  1429. }
  1430. .qq-upload-button-selector {
  1431. margin-top: 130px !important;
  1432. }
  1433. .tag-box-v5 {
  1434. margin-bottom: 10px !important;
  1435. }
  1436. /*----------/应用上传 重置----------*/
  1437. /*----------企业签名----------*/
  1438. .signature1 .left{background-color: #fff; border: 1px solid #eee; height: 500px; border-radius: 3px;}
  1439. .signature1 .left ul li{margin-bottom: 10px;}
  1440. .signature1 .left ul li a{padding-left: 25px; display: block; height: 50px; line-height: 50px; border-left: 4px solid transparent; color: #333;}
  1441. .signature1 .left ul li a .iconfont{margin-right: 10px; color: #333;}
  1442. .signature1 .left ul li.active a{background-color: #e7f2fe; border-color: #157df1; color: #157df1;}
  1443. .signature1 .left ul li.active a .iconfont{color: #157df1;}
  1444. .signature1 .left ul li.active a .icon-upload1{font-size: 18px;}
  1445. .signature1 .left ul li:hover a{background-color: #e7f2fe; border-color: #157df1; color: #157df1;}
  1446. .signature1 .left ul li:hover a .iconfont{color: #157df1;}
  1447. .signature1 .right{min-height: 500px; margin-bottom: 40px;}
  1448. .signature1 .right .step li{float: left; background-color: #fff; width: 19.5%; height: 44px; line-height: 44px; text-align: center; color: #666; position: relative;}
  1449. .signature1 .right .step li span{display: inline-block; width: 18px; height: 18px; border-radius: 50%; border: 1px solid #eee; line-height: 16px; text-align: center; font-size: 12px; margin-right: 10px;}
  1450. .signature1 .right .step li.active{color: #157df1;}
  1451. .signature1 .right .step li.active span{color: #157df1; border-color: #157df1;}
  1452. .signature1 .right .step{overflow: hidden;}
  1453. .signature1 .right .step li{position: relative; border: none;}
  1454. .signature1 .right .step li:after, .signature1 .right .step li:before{left: 100%; top: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; z-index: 2;}
  1455. .signature1 .right .step li:before{border-color: rgba(255, 0, 0, 0); border-left-color: #f5f7f9; border-width: 30px; margin-top: -30px;}
  1456. .signature1 .right .step li:after{border-color: rgba(255, 255, 255, 0); border-left-color: #fff; border-width: 25px; margin-top: -25px; z-index: 3;}
  1457. .signature1 .right .step-common{border: 1px solid #eee; background-color: #fff; border-radius: 3px; margin-top: 10px; color: #333; padding-bottom: 30px;}
  1458. .signature1 .right .step-common .tit{line-height: 60px; border-bottom: 1px solid #eee; height: 60px; padding-left: 20px; margin-bottom: 20px;}
  1459. .signature1 .right .step2 .form-group .control-label{padding-left: 50px; text-align: left;}
  1460. .signature1 .right .step2 .form-group .col-sm-2{width: 130px;}
  1461. .signature1 .right .step2 .app-name img{border: 1px solid #eee; border-radius: 6px; width: 60px; height: 60px;}
  1462. .signature1 .right .step2 .app-name .col-sm-2:nth-of-type(1){line-height: 60px; padding-top: 0;}
  1463. .signature1 .right .step2 .app-name .col-sm-2:nth-of-type(2){width: auto; padding-right: 0;}
  1464. .signature1 .right .step2 .app-name .col-sm-4{line-height: 60px;}
  1465. /*----------/企业签名----------*/
  1466. /*右侧悬停*/
  1467. .fixed-right{position: fixed; right: 0; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); z-index: 999;/* display: none;*/}
  1468. .fixed-right li{width: 80px; height: 80px; border: 1px solid #eee; display: flex; justify-content: center; align-items: center; background-color: #fff; cursor: pointer; position: relative;}
  1469. .fixed-right li+li{border-top: transparent;}
  1470. .fixed-right li .iconfont{color: #999;}
  1471. .fixed-right li .icon-qq{font-size: 30px;}
  1472. .fixed-right li .icon-weixin1{font-size: 25px;}
  1473. .fixed-right li .icon-go-top{font-size: 36px;}
  1474. .fixed-right li .wechat{background: url("../img/img-15.png") no-repeat; width: 146px; height: 135px; position: absolute; top: -18px; right: calc(100% + 10px); padding: 12px 0 0 12px; z-index: 1000; display: none; transition: all 600ms;}
  1475. .fixed-right li:hover .wechat{display: block;}
  1476. .fixed-right li:hover .iconfont{color: #157df1;}
  1477. .fixed-right li .wechat img{width: 110px; height: 110px;}
  1478. /*/右侧悬停*/
  1479. /*弹窗*/
  1480. /*
  1481. .modal{display: block;}
  1482. .fade{opacity: 1;}
  1483. .modal.fade .modal-dialog{transform: translate(0,0);}
  1484. */
  1485. /*模板页弹窗提示*/
  1486. #templateModal .modal-content{background-color: #fffeff}
  1487. #templateModal .modal-body{padding: 0}
  1488. #templateModal .template-modal{padding-bottom: 30px}
  1489. #templateModal .m-top{background: no-repeat center;height: 130px;background-size: cover;padding-top: 25px;border-radius: 6px 6px 0 0}
  1490. #templateModal .m-top .title1{color: #fff;font-size: 40px;text-align: center;font-weight: 600}
  1491. #templateModal .m-top .title2{color: #fff;font-size: 16px;font-weight: 600;text-align: center;padding: 0 15px}
  1492. #templateModal .m-top .title2 span{font-size: 20px}
  1493. #templateModal .modal-p{color: #333;padding: 20px 30px}
  1494. #templateModal .modal-btn{display: block;width: calc(100% - 60px);margin: 0 30px;border-radius: 20px;box-shadow: 0 5px 10px rgba(21,125,241,.4);cursor: pointer}
  1495. #templateModal .modal-btn1{background-color: #fd6835;border-color: #fd6835;box-shadow: 0 5px 10px rgba(253,104,53,.4)}
  1496. #templateModal .modal-btn2{background-color: #5342ff;border-color: #5342ff;box-shadow: 0 5px 10px rgba(83,66,255,.3)}
  1497. /*/模板页弹窗提示*/
  1498. /*通用弹窗*/
  1499. #generalModal .title{margin-bottom: 5px}
  1500. #generalModal .modal-p{margin-bottom: 15px}
  1501. #generalModal .cancel-btn{margin-right: 10px}
  1502. #generalModal .cancel-btn:empty{display: none}
  1503. #generalModal .success-btn:empty{display: none}
  1504. #generalModal .title:empty{display: none}
  1505. #generalModal .modal-p:empty{display: none}
  1506. /*/通用弹窗*/
  1507. #myModalPay .modal-header{border-bottom: 1px solid #e5e5e5;padding: 15px}
  1508. /*超出文件大小300m*/
  1509. .beyond-file p{line-height: 24px;margin-top: 15px}
  1510. .beyond-file p a{color: #157df1}
  1511. .beyond-file .ms-btn-primary{width: 90px;margin-top: 15px}
  1512. /*我的应用 合并应用*/
  1513. .ms-modal .app-list{height: 380px; overflow-y: auto;}
  1514. .ms-modal .app-list li{float: left; width: 25%; padding: 0 10px 30px; text-align: center; cursor: pointer;}
  1515. .ms-modal .app-list li .img-wrap{position: relative; width: 51px; height: 51px; margin: 0 auto; border-radius: 10px; overflow: hidden;}
  1516. .ms-modal .app-list li img{width: 51px;}
  1517. .ms-modal .app-list li .tit{color: #333; margin-top: 5px;}
  1518. .ms-modal .app-list li p{color: #666;}
  1519. .ms-modal .app-list li .img-wrap .shadow{position: absolute; left: 0; top: 0; background-color: rgba(0,0,0,.6); width: 100%; height: 100%; display: none;}
  1520. .ms-modal .app-list li.active .img-wrap .shadow{display: block;}
  1521. .ms-modal .app-list li .img-wrap .shadow .icon-gou{color: #fff; font-size: 18px; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%);}
  1522. /*我的应用 确定合并应用*/
  1523. .marge-common .merge-app{padding: 0 70px;}
  1524. .marge-common .merge-app li{float: left; width: 33.33333%; text-align: center;}
  1525. .marge-common .merge-app li.center{background: url("../img/icon-20.png") no-repeat center; height: 110px;}
  1526. .marge-common .merge-app li img{width: 100px; height: 100px; border-radius: 10px}
  1527. .marge-common .merge-app li .icon{position: relative; top: 2px;}
  1528. .marge-common dl.bottom{font-size: 12px; color: #333; border-top: 1px solid #eee; padding-top: 20px; margin-top: 25px;}
  1529. .marge-common dl.bottom dt{color: #333; font-weight: 600; margin-bottom: 5px;}
  1530. /*下载更多尺寸*/
  1531. #myModal3 .modal-dialog{width: 400px;}
  1532. #myModal3 .modal-content{padding-left: 50px; padding-right: 50px;}
  1533. #myModal3 .modal-body{}
  1534. #myModal3 .modal-title{text-align: left; padding-left: 15px;}
  1535. #myModal3 .size-list dl{margin-bottom: 15px;}
  1536. #myModal3 .size-list dt{color: #333; margin-top: 6px;}
  1537. #myModal3 .size-list .iconfont{color: #999; font-size: 20px;}
  1538. #myModal3 .size-list .iconfont:hover{color: #157df1;}
  1539. /*举报弹窗*/
  1540. #reportModal .report .tit{font-size: 16px; color: #333; text-align: center; font-weight: 600; margin-bottom: 20px;}
  1541. #reportModal .report p{color: #666; font-size: 12px; line-height: 24px; padding-bottom: 15px; margin-bottom: 15px; border-bottom: 1px solid #e5e5e5;}
  1542. #reportModal .report label{font-weight: 600; color: #333; margin-bottom: 5px;}
  1543. #reportModal .report label span{color: #ff4222; margin-left: 10px;}
  1544. #reportModal .report ul{margin-top: 5px;}
  1545. #reportModal .report ul li{float: left; margin-right: 35px; color: #333; cursor: pointer;}
  1546. #reportModal .report ul li span{position: relative; top: 3px; margin-right: 5px;}
  1547. #reportModal .report .btn-bottom{text-align: center; margin-top: 40px;}
  1548. #reportModal .report .btn-bottom .ms-btn-primary{width: 120px; padding: 9px 12px;}
  1549. #reportModal .report .form-error{position: relative;}
  1550. #reportModal .report .error{position: absolute; top: 100%; left: 0; display: none; color: #ff4222;}
  1551. #reportModal .report .form-error .error{display: block;}
  1552. /*/举报弹窗*/
  1553. /*----------免责声明----------*/
  1554. .disclaimer{padding: 75px 60px; min-height: 580px;}
  1555. .disclaimer h1{text-align: center; color: #333; margin-bottom: 50px;}
  1556. .disclaimer p{line-height: 1.8; color: #333; font-size: 16px; margin-bottom: 35px;}
  1557. /*----------/免责声明----------*/
  1558. /*自动消失弹窗*/
  1559. .auto-hide-modal .modal-content{background-color: transparent; box-shadow: none; border: none;}
  1560. .auto-hide-modal .auto-hide{background-color: #666; padding: 20px 25px; border-radius: 5px; display: inline-block; color: #fff;}
  1561. /*/自动消失弹窗*/
  1562. /*修改手机号弹窗*/
  1563. .change-phone-num{padding: 0 20px 20px 20px;}
  1564. .change-phone-num label{color: #333; margin-bottom: 5px; font-weight: 600;}
  1565. .change-phone-num .form-control{color: #333;}
  1566. /*/修改手机号弹窗*/
  1567. /*用户签名协议*/
  1568. #myModal5 .con{line-height: 24px;}
  1569. /*/用户签名协议*/
  1570. /*----------分发落地页----------*/
  1571. .template-common .form-control{height: 40px;}
  1572. .passwords .template-common{padding: 0 320px;}
  1573. .template-common{padding: 0 235px;}
  1574. .template-common hr{border-top-color: #e5e5e5; margin-top: 25px; display: none;}
  1575. .template-common .t-icon{background-color: #fff; width: 180px; height: 180px; border-radius: 25px; box-shadow: 0 0 10px rgba(0,0,0,.2); display: flex; align-items: center; margin: 0 auto;}
  1576. .template-common .t-icon img{width: 120px; height: 120px; border-radius: 30px; border: 1px solid #e5e5e5; margin: 0 auto;}
  1577. .template-common .template-btn-wrap{text-align: center;}
  1578. .template-common .template-btn{color: #fff; background-color: #157df1; height: 50px; padding: 0 38px; line-height: 48px; font-size: 18px; margin: 35px auto 15px; display: inline-block;}
  1579. .template-common .decoding{color: #fff; background-color: #157df1; height: 50px; padding: 0; width: 180px; text-align: center; line-height: 48px; font-size: 18px; margin: 30px auto 20px; display: block;}
  1580. .template-common .template-btn span:last-of-type{line-height: 50px;}
  1581. .template-common .template-btn .iconfont{font-size: 36px; margin-left: -5px;}
  1582. .template-common .t-apply{color: #666; text-align: center;}
  1583. .template-common .t-code{color: #666; width: 200px; overflow: hidden; margin: 35px auto 0; text-align: center;}
  1584. .template-common .t-code img{border: 1px solid #e5e5e5; width: 150px; height: 150px; margin: 0 auto 5px;}
  1585. .template-common .t-name{color: #333; text-align: center;}
  1586. .template-common .t-name .name-info span{margin-right: 10px; color: #666;}
  1587. .template-common .t-name .tit{font-size: 28px; margin-bottom: 10px; margin-top: 15px;}
  1588. .template-common .t-introduce{color: #333;}
  1589. .template-common .t-introduce .tit{font-size: 20px; margin-top: 25px;}
  1590. .template-common .t-introduce p{margin-top: 15px;}
  1591. .template-common .t-contact{color: #333; margin-top: 20px;}
  1592. .template-common .t-contact .tit{font-size: 20px; margin-bottom: 15px;}
  1593. .template-common .t-contact dl{margin-bottom: 5px;}
  1594. .template-common .t-contact dl dt{margin-right: 10px;}
  1595. .template-pwd{border: 1px solid #e5e5e5; border-radius: 3px; padding: 45px 35px; margin-top: 45px; /*margin-bottom: 50px;*/ display: none;}
  1596. .template-pwd label{color: #3e4753; text-align: center; display: block;}
  1597. .template-pwd .form-control{margin-top: 15px;}
  1598. .passwords+.template-footer{margin-top: 50px;}
  1599. .template-footer{margin-top: 30px;}
  1600. .template-footer .methods-tutorial-full{background-color: #ff6666;}
  1601. .template-footer .methods-tutorial-full a{color: #fff;}
  1602. .template-footer .methods-tutorial-full a.fl{height: 50px; line-height: 50px;}
  1603. .template-footer .methods-tutorial-full a.fl:hover{text-decoration: underline;}
  1604. .template-footer .methods-tutorial-full a.fr{width: 22px; height: 22px; line-height: 22px; border: 1px solid #fff; border-radius: 50%; text-align: center; margin-top: 14px;}
  1605. .template-footer .methods-tutorial-full a.fr .iconfont{color: #fff;}
  1606. .template-footer .t-footer{text-align: center; margin-top: 30px; padding-bottom: 30px;}
  1607. .template-footer .t-footer a{color: #157df1;}
  1608. .template-footer .t-footer a:hover{text-decoration: underline;}
  1609. /*应用截图*/
  1610. .template-common .app-screen{margin-top: 20px;}
  1611. .template-common .app-screen .tit{font-size: 20px; margin-bottom: 15px; color: #333;}
  1612. .template-common .app-screen .s-responsive{overflow: hidden; height: 405px; width: 100%; overflow-x: auto;}
  1613. /*.template-common .app-screen ul{height: 405px;}*/
  1614. .template-common .app-screen ul li{float: left; margin-right: 20px;}
  1615. .template-common .app-screen ul li img{width: auto; height: auto; max-width: 800px; max-height: 405px;}
  1616. .template-common .app-screen ul li:last-of-type{margin-right: 0;}
  1617. /*模板1*/
  1618. .template-1 .t-bg-1{background: #157df1 url("../img/t-04.png") repeat-x center bottom; height: 175px;}
  1619. .template-1 .content{margin-top: -125px; padding: 0 80px;}
  1620. .template-1 .template-common{padding: 0;}
  1621. .template-1 .template-common .t-icon{box-shadow: none; width: auto; height: auto; background-color: transparent;}
  1622. .template-1.passwords .template-common .t-code{width: 125px; margin-top: 35px;}
  1623. .template-1 .template-common .t-code{width: 200px; margin-top: 15px;}
  1624. .template-1 .template-common .t-code img{width: 125px; height: 125px; margin: 0 auto;}
  1625. .template-1 .template-common .t-name{text-align: left;}
  1626. .template-1 .template-common .t-name .name-info span{color: #fff;}
  1627. .template-1+.template-footer{margin-top: 140px;}
  1628. .template-1 .template-common .template-btn{margin-top: 30px; margin-bottom: 15px; padding: 0 15px;}
  1629. .template-1 .content .c-left{background: url("../img/t-05.png") no-repeat center; width: 308px; height: 608px; padding-top: 110px;}
  1630. .template-1.passwords .content .c-left{padding-top: 140px;}
  1631. .template-1.passwords .content .c-right{margin-left: 130px; width: auto;}
  1632. .template-1 .content .c-right{margin-left: 100px; width: 630px;}
  1633. .template-1 .content .c-right .t-name{color: #fff; margin-bottom: 100px;}
  1634. .template-1 .template-common .t-name .tit{margin-top: 5px;}
  1635. .template-1 .content .c-right .t-introduce{/*margin-top: 100px;*/ margin-bottom: 45px;}
  1636. .template-1 .content .c-right .t-contact{margin-top: 0; margin-bottom: 45px;}
  1637. .template-1 .template-pwd{width: 500px; height: 230px; background-color: #fafafa; margin-top: 90px; padding: 60px 30px 0; position: relative; border-radius: 5px; display: none; border: none;}
  1638. .template-1 .template-pwd .form-group{text-align: center;}
  1639. .template-1 .template-pwd .form-group label{color: #3e4753;}
  1640. .template-1 .template-pwd .form-group .form-control{border-color: #e5e5e5; margin-top: 5px;}
  1641. .template-1 .template-pwd .form-group .form-control:focus{border-color: #66afe9;}
  1642. .template-1 .template-pwd .top-pwd{position: absolute; left: 50%; top: -20px; margin-left: -30px; width: 60px; height: 60px; border: 1px solid #157df1; border-radius: 50%; display: flex; justify-content: center; align-items: center; background-color: #fafafa;}
  1643. .template-1 .template-pwd .top-pwd .iconfont{color: #157df1; font-size: 30px;}
  1644. .template-1 .template-common .app-screen .s-responsive{width: 730px;}
  1645. /*/模板1*/
  1646. /*模板2*/
  1647. .template-2 .t-bg-2{background: url("../img/t-06.jpg") center; height: 130px;}
  1648. .template-2 .content{margin-top: -90px;}
  1649. /*/模板2*/
  1650. /*模板3*/
  1651. .template-3 .t-bg-3{background: url("../img/t-07.jpg") center; height: 160px;}
  1652. .template-3 .content{margin-top: 20px;}
  1653. .template-3 .template-common .t-icon{width: 160px; height: 160px; border-radius: 50%;}
  1654. .template-3 .template-common .t-icon img{width: 105px; height: 105px;}
  1655. /*/模板3*/
  1656. /*模板4*/
  1657. .template-4 .t-bg-4{background: url("../img/t-09.png") no-repeat center; height: 485px;}
  1658. .template-4 .t-left{width: 255px; margin-left: 265px; margin-top: 150px;}
  1659. .template-4 .t-right{margin-left: 225px; margin-top: 45px;}
  1660. .template-4 .content4 .template-common{padding: 0;}
  1661. .template-4 .content4 .template-common .t-icon{width: auto; height: auto; background-color: transparent; box-shadow: none;}
  1662. .template-4 .content4 .template-common .t-icon img{border: none;}
  1663. .template-4 .content4 .template-common .t-name .tit{color: #fff; margin-top: 25px; margin-bottom: 20px;}
  1664. .template-4 .content4 .template-common .t-name .name-info span{display: block; text-align: center; margin-right: 0; color: #fff; line-height: 24px;}
  1665. .template-4 .template-common .template-btn{margin-bottom: 20px;}
  1666. .template-4 .content>.template-common{padding: 80px 100px 0;}
  1667. .template-4 .template-common .t-code{width: 200px;}
  1668. .template-4 .template-common .t-code img{width: 120px; height: 120px; margin-left: auto; margin-right: auto;}
  1669. .template-4 .template-common .decoding{width: 100%; margin-top: 30px;}
  1670. .template-4 .template-pwd{border: none; padding: 0; width: 490px; margin: 0 auto;}
  1671. .template-4+.template-footer{margin-top: 100px;}
  1672. .template-4 .content>.template-common .app-screen{width: 730px;}
  1673. /*/模板4*/
  1674. /*模板5*/
  1675. .template-5 .left-bg{position: absolute; left: 0; top: 0; background: url("../img/t11.png") no-repeat left top; width: 283px; height: 1012px;}
  1676. .template-5 .right-bg{position: absolute; right: 0; top: 0; background: url("../img/t12.png") no-repeat right top; width: 283px; height: 1012px;}
  1677. .template-5 .content{padding-top: 100px;}
  1678. .template-5 .template-common{padding: 0 235px;}
  1679. .template-5 .template-common .t-icon{border-radius: 50%; position: relative; margin-left: 180px;}
  1680. .template-5 .template-common .t-icon .bg-shadow{position: absolute; left: -20px; top: 70px; border-radius: 90px; width: 360px; height: 180px; background-color: #eff2f2; z-index: -1; transform: rotate(45deg);}
  1681. .template-5 .template-common .t-icon .code{position: absolute; top: 160px; right: -160px; transition: all 500ms;}
  1682. .template-5 .template-common .t-icon .code img{border-radius: 0; border: none; width: 110px; height: 110px; transition: all 500ms;}
  1683. .template-5 .template-common .t-icon .code:hover{width: 240px; height: 240px; right: -190px; top: 130px;}
  1684. .template-5 .template-common .t-icon .code:hover img{width: 160px; height: 160px;}
  1685. .template-5 .template-common .t-name-wrap{width: 350px; margin-left: auto; margin-right: auto;}
  1686. .template-5 .template-common .t-name-wrap .t-name{text-align: left;}
  1687. .template-5 .template-common .t-name-wrap .template-btn{margin: 45px 0 20px}
  1688. .template-5 .template-common .t-name{margin-top: 200px;}
  1689. .template-5 .template-common .t-name .tit{margin-bottom: 20px;}
  1690. .template-5 .template-common .t-name .name-info{text-align: left; line-height: 24px;}
  1691. .template-5 .template-common .t-apply{text-align: left; padding-left: 15px;}
  1692. .template-5 .template-common .template-btn{padding: 0 53px;}
  1693. .template-5 .template-common hr{margin-top: 50px;}
  1694. .template-5 .template-common .t-introduce .tit{margin-top: 50px;}
  1695. .template-5 .template-common .t-contact{margin-top: 25px;}
  1696. .template-5.passwords+.template-footer{margin-top: 99px;}
  1697. .template-5+.template-footer{margin-top: 40px;}
  1698. .template-5 .template-pwd{width: 555px; height: 245px; margin: 80px auto 0; padding: 60px 30px 0; position: relative; border-radius: 5px;}
  1699. .template-5 .template-pwd .top-pwd{position: absolute; left: 50%; top: -30px; margin-left: -30px; width: 60px; height: 60px; border: 1px solid #157df1; border-radius: 50%; display: flex; justify-content: center; align-items: center; background-color: #fafafa;}
  1700. .template-5 .template-pwd .top-pwd .iconfont{color: #157df1; font-size: 30px;}
  1701. .template-5 .template-pwd .decoding{width: 100%; margin-top: 30px; margin-bottom: 30px;}
  1702. /*/模板5*/
  1703. /*模板6*/
  1704. .template-6 .t-bg-6{background-color: #f4f4f4; height: 80px; line-height: 80px;}
  1705. .template-6 .t-top .tit{font-size: 30px; color: #333;}
  1706. .template-6 .t-top .name-info{font-size: 18px; color: #666;}
  1707. .template-6 .t-top .name-info span{margin-left: 10px;}
  1708. .template-6 .content{margin-top: 55px;}
  1709. .template-6 .template-common .template-btn{margin-bottom: 15px;}
  1710. .template-6 .template-common .show-hr{display: block; margin-top: 40px;}
  1711. .template-6 .template-common .t-code{margin-top: 40px;}
  1712. /*/模板6*/
  1713. /*密码显示控制*/
  1714. .passwords .template-pwd{display: block;}
  1715. .passwords .pc-pwd{display: none !important;}
  1716. .passwords .template-pwd{display: block;}
  1717. /*----------/分发落地页----------*/
  1718. /*/弹窗*/
  1719. /*兼容平板*/
  1720. @media (min-width: 768px) and (max-width: 1199px) {
  1721. .footer .left dl{margin-right: 70px;}
  1722. .publicity li{padding: 35px 20px; height: auto;}
  1723. .publicity li p{height: 72px;}
  1724. }
  1725. @media (width: 768px) {
  1726. .footer>.clearfix>a{display: none;}
  1727. .publicity li p{height: 96px;}
  1728. .closed-beta-distribution .con .con-c{padding-bottom: 25px;}
  1729. .closed-beta-distribution .con .con-c h4{font-size: 16px;}
  1730. .closed-beta-distribution .con .con-c p{margin-top: 15px; height: 72px; padding: 0 10px;}
  1731. }