app.css 20 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192939495969798991001011021031041051061071081091101111121131141151161171181191201211221231241251261271281291301311321331341351361371381391401411421431441451461471481491501511521531541551561571581591601611621631641651661671681691701711721731741751761771781791801811821831841851861871881891901911921931941951961971981992002012022032042052062072082092102112122132142152162172182192202212222232242252262272282292302312322332342352362372382392402412422432442452462472482492502512522532542552562572582592602612622632642652662672682692702712722732742752762772782792802812822832842852862872882892902912922932942952962972982993003013023033043053063073083093103113123133143153163173183193203213223233243253263273283293303313323333343353363373383393403413423433443453463473483493503513523533543553563573583593603613623633643653663673683693703713723733743753763773783793803813823833843853863873883893903913923933943953963973983994004014024034044054064074084094104114124134144154164174184194204214224234244254264274284294304314324334344354364374384394404414424434444454464474484494504514524534544554564574584594604614624634644654664674684694704714724734744754764774784794804814824834844854864874884894904914924934944954964974984995005015025035045055065075085095105115125135145155165175185195205215225235245255265275285295305315325335345355365375385395405415425435445455465475485495505515525535545555565575585595605615625635645655665675685695705715725735745755765775785795805815825835845855865875885895905915925935945955965975985996006016026036046056066076086096106116126136146156166176186196206216226236246256266276286296306316326336346356366376386396406416426436446456466476486496506516526536546556566576586596606616626636646656666676686696706716726736746756766776786796806816826836846856866876886896906916926936946956966976986997007017027037047057067077087097107117127137147157167177187197207217227237247257267277287297307317327337347357367377387397407417427437447457467477487497507517527537547557567577587597607617627637647657667677687697707717727737747757767777787797807817827837847857867877887897907917927937947957967977987998008018028038048058068078088098108118128138148158168178188198208218228238248258268278288298308318328338348358368378388398408418428438448458468478488498508518528538548558568578588598608618628638648658668678688698708718728738748758768778788798808818828838848858868878888898908918928938948958968978988999009019029039049059069079089099109119129139149159169179189199209219229239249259269279289299309319329339349359369379389399409419429439449459469479489499509519529539549559569579589599609619629639649659669679689699709719729739749759769779789799809819829839849859869879889899909919929939949959969979989991000100110021003100410051006100710081009101010111012101310141015101610171018101910201021102210231024102510261027102810291030103110321033103410351036103710381039104010411042104310441045104610471048104910501051105210531054105510561057105810591060106110621063106410651066106710681069107010711072107310741075107610771078107910801081108210831084108510861087108810891090109110921093109410951096109710981099110011011102110311041105110611071108110911101111111211131114111511161117111811191120112111221123112411251126112711281129113011311132113311341135113611371138113911401141114211431144114511461147114811491150115111521153115411551156115711581159116011611162116311641165116611671168116911701171117211731174117511761177117811791180118111821183118411851186118711881189119011911192119311941195119611971198119912001201120212031204120512061207120812091210121112121213121412151216121712181219122012211222122312241225122612271228122912301231123212331234123512361237123812391240124112421243124412451246124712481249125012511252125312541255125612571258125912601261126212631264126512661267126812691270127112721273127412751276127712781279128012811282128312841285128612871288128912901291129212931294129512961297129812991300130113021303130413051306130713081309131013111312131313141315131613171318131913201321132213231324132513261327132813291330133113321333133413351336133713381339134013411342134313441345134613471348134913501351
  1. .hotapp-banner{
  2. margin-bottom: 30px;
  3. }
  4. .hotapp-banner .swiper-slide img{
  5. display: block;
  6. width: 100%;
  7. }
  8. .generate_qrcode_box {
  9. padding-top: 20px;
  10. }
  11. .qrcode_explain {
  12. font-size: 14px;
  13. line-height: 30px;
  14. }
  15. .qrcode_url_box .os_name {
  16. font-size: 14px;
  17. }
  18. .qrcode_url_box .auto_logo_lable {
  19. font-size: 12px;
  20. color: #999;
  21. padding-left: 10px;
  22. }
  23. .qrcode_url_box .auto_logo_checkbox {
  24. width: 16px;
  25. height: 16px;
  26. border: 1px solid #f2f2f2;
  27. vertical-align: -3px;
  28. }
  29. .qrcode_url_tips {
  30. height: 30px;
  31. line-height: 30px;
  32. }
  33. /*更多选项*/
  34. .app_more_options .app-name {
  35. margin-bottom: 15px;
  36. }
  37. .more_options_btn {
  38. cursor: pointer;
  39. }
  40. .more_options_box {
  41. display: none;
  42. }
  43. .more_options_btn .icon {
  44. display: inline-block;
  45. vertical-align: middle;
  46. width: 16px;
  47. height: 16px;
  48. margin-left: 2px;
  49. background: url(../img/index/xia.png) 0 0 no-repeat;
  50. background-size: 100%;
  51. }
  52. .more_options_btn.active .icon {
  53. background: url(../img/index/shang.png) 0 0 no-repeat;
  54. background-size: 100%;
  55. }
  56. /*生成二维码*/
  57. .generate_qrcode_box .qrcode_url_input {
  58. height: 48px;
  59. margin-top: 5px;
  60. padding: 0 20px;
  61. font-size: 14px;
  62. }
  63. .generate_btn_box {
  64. padding-top: 55px;
  65. text-align: center;
  66. }
  67. .generate_btn_box .btn {
  68. font-size: 14px;
  69. color: #fff;
  70. border-radius: 5px;
  71. margin-right: 40px;
  72. padding: 8px 30px;
  73. background: #5c92ef;
  74. }
  75. .generate_qrcode_box .qrcode_show_box {
  76. max-width: 300px;
  77. max-height: 300px;
  78. margin: 20px auto;
  79. }
  80. .generate_qrcode_box .qrcode_show_box img {
  81. width: 100%;
  82. height: 100%;
  83. border: 1px solid #ccc;
  84. border-radius: 4px;
  85. }
  86. .generate_qrcode_box .qrcode_function {
  87. max-width: 300px;
  88. margin: 0 auto;
  89. }
  90. .upload_btnbox,
  91. .down_btnbox {
  92. padding: 0;
  93. }
  94. .generate_qrcode_box .upload_logo {
  95. width: 100%;
  96. }
  97. .generate_qrcode_box .down_qrcode_box {
  98. width: 100%;
  99. font-size: 14px;
  100. color: #666;
  101. height: 40px;
  102. }
  103. .generate_qrcode_box .upload_logo {
  104. height: 40px;
  105. padding: 0;
  106. }
  107. .generate_qrcode_box .down_qrcode_btn {
  108. height: 40px;
  109. padding: 0;
  110. width: 80%;
  111. }
  112. .generate_qrcode_box .down_qrcode_more {
  113. width: 20%;
  114. height: 40px;
  115. padding: 0;
  116. background: url(../img/index/more_down_bg.png) center center no-repeat;
  117. background-color: #fff;
  118. }
  119. .generate_qrcode_box .qrcode_function {
  120. /*padding-top: 20px;*/
  121. }
  122. .generate_qrcode_box .alert {
  123. margin: 20px 0;
  124. }
  125. #myApp_box .qrcode_explain {
  126. margin-bottom: 32px;
  127. }
  128. #myApp_box .generate_btn_box {
  129. padding-top: 127px;
  130. }
  131. #textarea_box .qrcode_url_box {
  132. padding-top: 0;
  133. }
  134. #textarea_box .qrcode_url_tips {
  135. margin-bottom: 20px;
  136. }
  137. #textarea_box .qrcode_url_textarea {
  138. height: 260px;
  139. resize: none
  140. }
  141. #textarea_box .generate_btn_box {
  142. padding-top: 62px;
  143. }
  144. #decode_box .decode_upload_btn_lable {
  145. font-size: 20px;
  146. color: #666;
  147. line-height: 40px;
  148. }
  149. #decode_box {
  150. padding-top: 0px;
  151. }
  152. .decode_upload_box {
  153. padding-top: 0px;
  154. }
  155. #decode_box .decode_upload_left,
  156. #decode_box .decode_upload_right {
  157. float: left;
  158. }
  159. #decode_box .decode_upload_left {
  160. width: 160px;
  161. }
  162. #decode_box .decode_upload_btn {
  163. color: #fff;
  164. padding: 10px 50px;
  165. margin-bottom: 50px;
  166. }
  167. #decode_box .decode_upload_right .tips {
  168. margin-bottom: 20px;
  169. }
  170. #decode_box .decode_results_textarea {
  171. width: 100%;
  172. height: 170px;
  173. border: 1px solid#ccc;
  174. border-radius: 4px;
  175. background: #fff;
  176. resize: none;
  177. }
  178. .user_link_box {
  179. line-height: 30px;
  180. margin-top: 15px;
  181. }
  182. .user_link_box p {
  183. margin: 0;
  184. }
  185. .user_link_box a {
  186. display: block;
  187. }
  188. .user_link_box .user_link_icon02 {
  189. display: inline-block;
  190. padding-left: 18px;
  191. background: url(../img/index/user_link_icon02.png) 0 center no-repeat;
  192. }
  193. .user_link_box .user_link_icon01 {
  194. display: inline-block;
  195. padding-left: 18px;
  196. background: url(../img/index/user_link_icon01.png) 0 center no-repeat;
  197. }
  198. .user_link_box .user_link_icon03 {
  199. display: inline-block;
  200. padding-left: 18px;
  201. background: url(../img/index/user_link_icon03.png) 0 center no-repeat;
  202. }
  203. #wechat_box .qrcode_url_box {
  204. margin-top: 0px;
  205. }
  206. #wechat_box .text_1 {
  207. margin-top: 30px;
  208. }
  209. #wechat_box .qrcode_url_input_box {
  210. margin-top: 30px;
  211. }
  212. #wechat_box .generate_qrcode_btn {
  213. height: 48px;
  214. padding: 0 38px;
  215. font-size: 16px;
  216. background: #5c92ef;
  217. color: #fff;
  218. border-color: #5c92ef;
  219. }
  220. #wechat_box .qrcode_url_input {
  221. margin-top: 0;
  222. }
  223. #wechat_qrcode_up {
  224. text-decoration: underline;
  225. padding: 0 5px;
  226. }
  227. /*首页的广告*/
  228. #hotApp_box{
  229. margin-bottom: 90px;
  230. }
  231. .floor_1 {
  232. background: #fff;
  233. padding: 10px;
  234. }
  235. .floor_1 .notice_box {
  236. max-width: 800px;
  237. height: 40px;
  238. line-height: 40px;
  239. margin: 40px auto 0 auto;
  240. padding: 0 18px;
  241. border: 1px solid #e6e6e6;
  242. border-radius: 5px;
  243. font-size: 14px;
  244. }
  245. .floor_1 .notice_more {
  246. color: #666;
  247. }
  248. .floor_1 .item {
  249. margin-top: 60px;
  250. margin-bottom: 70px;
  251. }
  252. .floor_1 .item_left,
  253. .floor_1 .item_right {
  254. display: table-cell;
  255. }
  256. .floor_1 .item_left {
  257. vertical-align: top;
  258. }
  259. .floor_1 .item_left img {
  260. padding-top: 20px;
  261. }
  262. .floor_1 .item_right {
  263. width: 100%;
  264. padding-left: 40px;
  265. }
  266. .floor_1 .item_right h3 {
  267. font-size: 16px;
  268. color: #666;
  269. padding-bottom: 10px;
  270. }
  271. .floor_1 .item_right p {
  272. font-size: 14px;
  273. color: #808080;
  274. line-height: 22px;
  275. }
  276. .carousel {
  277. margin-bottom: 40px;
  278. }
  279. .floor h3 {
  280. color: #666;
  281. font-weight: 400;
  282. font-size: 20px;
  283. text-align: center;
  284. }
  285. .floor {
  286. margin-bottom: 80px;
  287. }
  288. .floor_2 .black {
  289. background: #fff;
  290. margin-top: 40px;
  291. min-height: 288px;
  292. }
  293. .floor_2 .document_box {}
  294. .floor_2 .list_box {
  295. padding: 18px 20px;
  296. }
  297. .floor_2 .list_box li {
  298. line-height: 36px;
  299. color: #808080;
  300. font-size: 14px;
  301. list-style: none;
  302. }
  303. .floor_2 .list_box li i {
  304. display: inline-block;
  305. width: 8px;
  306. height: 8px;
  307. border-radius: 50%;
  308. background: #fc8e5d;
  309. margin-right: 15px;
  310. }
  311. .floor .right h3 {
  312. margin-top: 108px;
  313. }
  314. .floor .right p {
  315. margin-top: 40px;
  316. color: #808080;
  317. line-height: 26px;
  318. }
  319. .floor_4 .right h3 {
  320. margin-top: 165px;
  321. margin-bottom: 45px;
  322. text-align: left;
  323. }
  324. .floor_4 .item {
  325. color: #808080;
  326. line-height: 22px;
  327. }
  328. .floor_5 {
  329. margin-top: 70px;
  330. }
  331. .floor_5 .items {
  332. margin-top: 30px;
  333. }
  334. .floor_5 .item {
  335. background: #fff;
  336. padding-bottom: 30px;
  337. }
  338. .floor_5 .item_img {
  339. text-align: center;
  340. padding: 30px 0 30px 0;
  341. }
  342. .floor_5 .item_title {
  343. font-size: 16px;
  344. color: #4c4c4c;
  345. text-align: center;
  346. padding-bottom: 20px;
  347. }
  348. .floor_5 .item_text {
  349. height: 50px;
  350. line-height: 24px;
  351. overflow: hidden;
  352. font-size: 14px;
  353. color: #999;
  354. padding: 0 36px;
  355. }
  356. .floor_6 .items {
  357. margin: 30px 0 0 0;
  358. background: #fff;
  359. list-style: none;
  360. padding: 30px 24px 0 24px;
  361. }
  362. .floor_6 .item {
  363. padding-bottom: 30px;
  364. }
  365. .floor_6 .item h4 a {
  366. font-size: 14px;
  367. color: #4c4c4c;
  368. }
  369. .floor_6 .item p {
  370. font-size: 12px;
  371. color: #999;
  372. padding-top: 20px;
  373. }
  374. .floor_7 .title {
  375. margin-bottom: 40px;
  376. }
  377. .floor_7 .already-serve_bg {
  378. background: #fff;
  379. }
  380. .floor_7 .already-serve {
  381. text-align: center;
  382. padding: 20px 0;
  383. }
  384. .floor_7 .already-serve .serve-number {
  385. color: #5c92ef;
  386. font-size: 36px;
  387. display: inline-block;
  388. font-family: Arial;
  389. }
  390. .floor_7 .already-serve .serve-type {
  391. font-size: 14px;
  392. color: #999;
  393. display: inline-block;
  394. }
  395. .floor_8 .items {
  396. background: #fff;
  397. margin-top: 40px;
  398. font-size: 0;
  399. text-align: center;
  400. }
  401. .floor_8 .items li {
  402. display: inline-block;
  403. width: 15%;
  404. padding: 15px;
  405. }
  406. .floor_8 .item_img {
  407. text-align: center;
  408. width: 70px;
  409. margin: 0 auto;
  410. }
  411. .floor_8 .item_img img {
  412. width: 100%;
  413. }
  414. .floor_8 .item_title {
  415. text-align: center;
  416. color: #666;
  417. font-size: 16px;
  418. padding-top: 10px;
  419. }
  420. .floor_9 {
  421. margin-bottom: 0;
  422. }
  423. .floor_9 .list_box {
  424. background: #fff;
  425. margin-top: 40px;
  426. padding: 20px 20px;
  427. }
  428. .floor_9 .list_box li {
  429. float: left;
  430. list-style: none;
  431. width: 12.5%;
  432. padding: 10px;
  433. }
  434. .floor_9 .list_box li a {
  435. display: block;
  436. width: 100%;
  437. height: 100%;
  438. text-align: center;
  439. }
  440. .floor_9 .list_box li a img {
  441. max-width: 100%;
  442. max-height: 100%;
  443. vertical-align: middle;
  444. }
  445. /*下载*/
  446. .format_title {
  447. font-size: 28px;
  448. text-align: center;
  449. }
  450. .common_format_title {
  451. margin: 60px 0 48px 0;
  452. }
  453. .vector_format_title {
  454. margin: 40px 0 60px 0;
  455. }
  456. .format_common_box {}
  457. .common_format {
  458. padding: 30px 0;
  459. background: #fff;
  460. margin-bottom: 20px;
  461. }
  462. .common_format .list_icon {
  463. width: 40px;
  464. height: 60px;
  465. margin-left: 40px;
  466. background: url(../img/index/format_down_icon.png) center center no-repeat;
  467. }
  468. .common_format .qrcode_size {
  469. padding-top: 10px;
  470. font-size: 16px;
  471. width: 178px;
  472. padding-left: 30px;
  473. }
  474. .common_format .arrow_tip {
  475. width: 67px;
  476. height: 60px;
  477. background: url(../img/index/format_arrow.png) center center no-repeat;
  478. }
  479. .common_format .qrcode_logo {
  480. width: 60px;
  481. height: 60px;
  482. margin-left: 48px;
  483. }
  484. .common_format .qrcode_logo img {
  485. width: 100%;
  486. height: 100%;
  487. }
  488. .common_format .upload_btn_box {
  489. margin: 15px 20px 0 30px;
  490. }
  491. .common_format .upload_btn_box .btn {
  492. background: #f96363;
  493. padding: 8px 18px;
  494. color: #fff;
  495. border-radius: 8px;
  496. }
  497. .common_format .remarks {
  498. line-height: 60px;
  499. margin-right: 45px;
  500. }
  501. .common_format .remarks i {
  502. font-style: normal;
  503. padding: 0 5px;
  504. }
  505. .common_format .down_btn_box {
  506. margin-left: 50px;
  507. margin-top: 14px;
  508. }
  509. .common_format .down_btn_box .btn {
  510. background: #78bf78;
  511. padding: 8px 30px;
  512. color: #fff;
  513. border-radius: 8px;
  514. }
  515. .vector_format_box {
  516. margin-bottom: 230px;
  517. }
  518. .vector_format {
  519. padding: 40px 0;
  520. text-align: center;
  521. background: #fff;
  522. }
  523. .vector_format .down_icon {
  524. display: inline-block;
  525. vertical-align: top;
  526. width: 40px;
  527. height: 36px;
  528. background: url(../img/index/format_down_icon.png) center center no-repeat;
  529. background-size: 100%;
  530. }
  531. .vector_format .remarks {
  532. display: inline-block;
  533. width: 148px;
  534. vertical-align: top;
  535. font-size: 16px;
  536. height: 36px;
  537. line-height: 36px;
  538. margin: 0 10px;
  539. }
  540. .vector_format .down_btn_box {
  541. display: inline-block;
  542. vertical-align: top;
  543. height: 36px;
  544. }
  545. .vector_format .down_btn_box .btn {
  546. background: #78bf78;
  547. padding: 8px 24px;
  548. color: #fff;
  549. border-radius: 8px;
  550. }
  551. @media (min-width: 992px) {
  552. .generate_qrcode_box .qrcode_show_box {
  553. margin: 0 auto 20px auto;
  554. }
  555. }
  556. /*QQ客服*/
  557. #qq_kefu_warp {
  558. width: 100%;
  559. position: fixed;
  560. left: 0px;
  561. top: 200px;
  562. }
  563. #qq_kefu_warp .container {
  564. position: relative;
  565. width: 100%;
  566. max-width: 1300px;
  567. margin: 0 auto;
  568. }
  569. #qq_kefu_warp .kefu-list {
  570. position: absolute;
  571. right: 0;
  572. }
  573. #qq_kefu_warp .kefu-list li {
  574. margin-bottom: 15px;
  575. }
  576. #qq_kefu_warp .kefu {
  577. display: block;
  578. width: 40px;
  579. height: 40px;
  580. background: url(/dist/main/img/index/QQ.png) 0 0 no-repeat;
  581. z-index: 99;
  582. transition: all 0.2s;
  583. }
  584. #qq_kefu_warp .kefu:hover {
  585. background: url(/dist/main/img/index/QQ01.png) 0 0 no-repeat;
  586. }
  587. #qq_kefu_warp .vip-kefu {
  588. background-image: url(/dist/main/img/index/vipqq01.png);
  589. }
  590. #qq_kefu_warp .vip-kefu:hover {
  591. background-image: url(/dist/main/img/index/vipqq02.png);
  592. }
  593. /*小程序二维码*/
  594. #qr-preview {
  595. max-width: 300px;
  596. margin: auto;
  597. }
  598. #qr-preview .qr_code_box {
  599. width: 100%;
  600. height: auto;
  601. margin-bottom: 20px;
  602. }
  603. #qr-preview .qr_code_box img {
  604. width: 100%;
  605. border: 1px solid #e6e6e6;
  606. border-radius: 6px;
  607. }
  608. #qr-preview .operation_box {
  609. margin-bottom: 20px;
  610. height: 40px;
  611. }
  612. #qr-preview .operation_btn {
  613. width: 50%;
  614. float: left;
  615. height: 38px;
  616. padding: 0;
  617. line-height: 38px;
  618. text-align: center;
  619. background: #fff;
  620. color: #333;
  621. border: 1px solid #e6e6e6;
  622. }
  623. #parameter-submit {
  624. margin-bottom: 25px;
  625. }
  626. #qr-preview .size_name {
  627. width: 50px;
  628. height: 40px;
  629. line-height: 40px;
  630. float: left;
  631. }
  632. #qr-preview .size_select {
  633. float: left;
  634. width: 50%;
  635. }
  636. #qr-preview .qr_code_size {
  637. height: 40px;
  638. }
  639. #qr-preview .qr_code_size .operation_btn {
  640. width: 100%;
  641. }
  642. #qr-preview .down_box {
  643. width: 50%;
  644. float: left;
  645. }
  646. #qr-preview .down_box .down_btn {
  647. width: 80%;
  648. border-top-right-radius: 0;
  649. border-bottom-right-radius: 0;
  650. border-right: none;
  651. }
  652. #qr-preview .down_box .more_down {
  653. width: 20%;
  654. border-top-left-radius: 0;
  655. border-bottom-left-radius: 0;
  656. background: url(/dist/main/img/index/more_down_bg.png) center center no-repeat;
  657. }
  658. #parameter-form .alert {
  659. margin-top: 10px;
  660. display: none;
  661. }
  662. #parameter-form .tips {
  663. font-size: 14px;
  664. color: #666;
  665. line-height: 22px;
  666. }
  667. #parameter-form .tips span {
  668. color: #fa6e6e;
  669. }
  670. #parameter-form .tips .help-block {
  671. color: #666;
  672. }
  673. #parameter-form .form-item {
  674. margin-bottom: 15px;
  675. }
  676. #parameter-form .form-item-title {
  677. position: relative;
  678. height: 25px;
  679. margin: 0;
  680. }
  681. #parameter-form .form-item-title .name {
  682. color: #666;
  683. font-size: 14px;
  684. }
  685. #parameter-form .form-item-title .tips_icon {
  686. position: absolute;
  687. display: block;
  688. width: 18px;
  689. height: 18px;
  690. right: 0;
  691. top: 0;
  692. /*background: url(../img/tips_icon_2017010301.png) 0 0 no-repeat;*/
  693. }
  694. #parameter-form .form-item-delete {
  695. display: block;
  696. height: 25px;
  697. line-height: 25px;
  698. text-align: center;
  699. }
  700. #parameter-form .form-control {
  701. height: 40px;
  702. padding: 8px 12px;
  703. }
  704. #parameter-form .help-link {
  705. color: #357ebc;
  706. }
  707. #parameter-form .create_app_btn {
  708. margin-top: 15px;
  709. line-height: 30px;
  710. padding: 6px 20px;
  711. font-size: 16px;
  712. background: #5c92ef;
  713. color: #fff;
  714. }
  715. #parameter-form .app-select {
  716. margin-bottom: 18px;
  717. }
  718. #parameter-form .app-select .select-tit {
  719. line-height: 34px;
  720. }
  721. #parameter-form .app-select .dropdown_btn {
  722. margin-right: 20px;
  723. }
  724. .form-placeholder {
  725. margin-bottom: 0;
  726. line-height: 20px;
  727. font-size: 12px;
  728. color: #737373;
  729. }
  730. #form-warp {
  731. margin-bottom: 20px;
  732. }
  733. #footer {
  734. margin-top: 80px;
  735. }
  736. /*收款码合并*/
  737. #pay_code .merge-wap {
  738. padding-bottom: 80px;
  739. border-bottom: 1px solid #e6e6e6;
  740. }
  741. #pay_code .up-box {
  742. width: 180px;
  743. height: 180px;
  744. overflow: hidden;
  745. margin-bottom: 10px;
  746. cursor: pointer;
  747. }
  748. #pay_code .up-box img {
  749. width: 100%;
  750. display: none;
  751. }
  752. #pay_code a.help-link {
  753. font-size: 14px;
  754. color: #6699FF;
  755. }
  756. #pay_code .up-tips,
  757. #pay_code .up-loading {
  758. display: block;
  759. height: 180px;
  760. font-size: 14px;
  761. font-weight: 700;
  762. color: #bbb;
  763. text-align: center;
  764. background-repeat: no-repeat;
  765. background-position: center;
  766. }
  767. .up-weixin .up-tips {
  768. background-image: url(../img/index/weixinpay_tips_bg.png);
  769. }
  770. .up-alipay .up-tips {
  771. background-image: url(../img/index/alipay_tips_bg.png);
  772. }
  773. #pay_code .up-loading {
  774. display: none;
  775. background-image: url(../img/index/loading.gif);
  776. background-size: 100px;
  777. }
  778. #pay_code .up-warp {
  779. margin-top: 25px;
  780. }
  781. #pay_code .up-ercode-box {
  782. float: left;
  783. }
  784. #pay_code .icon_jia {
  785. width: 240px;
  786. height: 180px;
  787. float: left;
  788. background: url(../img/index/icon_jia.png) center center no-repeat;
  789. }
  790. #pay_code .ercode-imgbox {
  791. width: 265px;
  792. height: 265px;
  793. background: url(../img/index/ercode-imgbox_bg.png) center center no-repeat;
  794. }
  795. #pay_code .ercode-imgbox.active {
  796. width: 260px;
  797. height: auto;
  798. border: none;
  799. }
  800. #pay_code .merge-btn {
  801. margin-top: 25px;
  802. margin-left: 220px;
  803. }
  804. #pay_code .down_pay_code {
  805. margin-top: 15px;
  806. padding-top: 10px;
  807. padding-bottom: 10px;
  808. border-radius: 4px;
  809. }
  810. #pay_code #decode-img {
  811. display: none;
  812. width: 100%;
  813. }
  814. #pay_code .reset_up {
  815. position: absolute;
  816. right: -85px;
  817. top: 0;
  818. background: #fff;
  819. display: none;
  820. }
  821. #up-logo {
  822. border-top-right-radius: 4px;
  823. border-bottom-right-radius: 4px;
  824. }
  825. .zhimapay .wenda {
  826. margin-top: 50px;
  827. }
  828. .zhimapay .block-title {
  829. font-size: 20px;
  830. font-weight: 700;
  831. color: #333;
  832. margin-bottom: 50px;
  833. }
  834. .zhimapay .wenda .wenda-title {
  835. font-size: 14px;
  836. color: #333;
  837. }
  838. .zhimapay .wenda_list {
  839. padding: 25px 15px 5px 15px;
  840. background: #fff;
  841. }
  842. .zhimapay .wenda .wenda-content {
  843. font-size: 14px;
  844. color: #999;
  845. padding-left: 15px;
  846. margin-top: 15px;
  847. }
  848. .zhimapay .wenda li {
  849. margin-bottom: 20px;
  850. }
  851. #pay_code .product {
  852. padding-top: 100px;
  853. text-align: center;
  854. }
  855. #pay_code .product_list {
  856. margin-top: 80px;
  857. }
  858. #pay_code .product li {
  859. float: left;
  860. width: 25%;
  861. text-align: center;
  862. }
  863. #pay_code .product li .item {
  864. padding: 34px 20px;
  865. background: #fff;
  866. }
  867. #pay_code .product-title {
  868. font-size: 16px;
  869. color: #4c4c4c;
  870. font-weight: 400;
  871. padding: 20px 0 20px 0;
  872. }
  873. #pay_code .product-text {
  874. height: 75px;
  875. text-align: left;
  876. overflow: hidden;
  877. color: #999;
  878. font-size: 12px;
  879. }
  880. #pay_code .product-img {
  881. height: 55px;
  882. text-align: center;
  883. }
  884. #pay_code .product-img img {
  885. height: 55px;
  886. width: 55px;
  887. }
  888. #pay_code_help .help-block {
  889. background: #fff;
  890. padding: 30px 0;
  891. }
  892. #pay_code_help .help-content {
  893. max-width: 200px;
  894. margin: 15px auto;
  895. }
  896. #pay_code_help .help-title {
  897. font-size: 14px;
  898. min-height: 40px;
  899. line-height: 18px;
  900. }
  901. #pay_code_help .help-center img {
  902. width: 100%;
  903. }
  904. #pay_code_help .page-title {
  905. margin-top: 0;
  906. margin-bottom: 35px;
  907. }
  908. #pay_code_help .help-block-weixin {
  909. margin-bottom: 80px;
  910. }
  911. .more-paycode-warp{
  912. margin-top: 30px;
  913. }
  914. .more-paycode-warp .more_show{
  915. line-height: 1;
  916. }
  917. .more_show_js{
  918. cursor: pointer;
  919. }
  920. .more-paycode-warp .more_show_label{
  921. font-size: 12px;
  922. vertical-align: middle;
  923. }
  924. .more-paycode-warp .qq_icon,
  925. .more-paycode-warp .more_icon{
  926. display: inline-block;
  927. width: 12px;
  928. height: 12px;
  929. vertical-align: middle;
  930. }
  931. .more-paycode-warp .qq_icon{
  932. background: url(/dist/main/img/shouqian/qq_icon.png) 0 0 no-repeat;
  933. }
  934. .more-paycode-warp .more_icon{
  935. background: url(/dist/main/img/shouqian/more_down.png) 0 0 no-repeat;
  936. }
  937. .more-paycode-warp .more_show_js.active .more_icon{
  938. background: url(/dist/main/img/shouqian/more_up.png) 0 0 no-repeat;
  939. }
  940. .more-paycode-warp .more-box{
  941. margin-top: 12px;
  942. display: none;
  943. }
  944. .more-paycode-warp .more-box .weixin-qrcode{
  945. display: table-cell;
  946. width: 100px;
  947. height: 100px;
  948. vertical-align: middle;
  949. overflow: hidden;
  950. }
  951. .more-paycode-warp .more-box .more-label{
  952. display: table-cell;
  953. vertical-align: middle;
  954. padding-left: 20px;
  955. }
  956. /*网址二维码*/
  957. .url_generate.repeat{
  958. background: #fff;
  959. color: #5c92ef;
  960. border-color: #5c92ef;
  961. }
  962. .generate_url_huoma{
  963. }
  964. .recent_input{
  965. height: 36px;
  966. line-height: 36px;
  967. display: none;
  968. }
  969. .recent_list,
  970. .recent_input_close,
  971. .recent_input_label{
  972. float: left;
  973. padding:0 5px;
  974. }
  975. .recent_input li{
  976. float: left;
  977. padding-right: 10px;
  978. max-width: 125px;
  979. white-space:nowrap;
  980. overflow: hidden;
  981. text-overflow:ellipsis;
  982. }
  983. .recent_input li .text{
  984. cursor:pointer;
  985. text-decoration: underline;
  986. }
  987. .recent_input .recent_input_close{
  988. padding-right: 5px;
  989. width: auto;
  990. }
  991. .recent_input .recent_input_close span{
  992. font-size: 14px;
  993. cursor: pointer;
  994. top: 2px;
  995. }
  996. .recent_input .recent_input_label{
  997. width: auto;
  998. }
  999. #textarea_box .generate_btn_box .btn{
  1000. width: 160px;
  1001. }
  1002. /*自定义域名广告*/
  1003. .domin-modal{
  1004. display: none;
  1005. }
  1006. .domin-modal .content_warp{
  1007. width: 100%;height: 100%;position: fixed;top: 0;left: 0;background: #000;opacity: 0.4;z-index: 9998;
  1008. }
  1009. .domin-modal-content{
  1010. position: fixed;top: 50%;left: 50%;margin: -190px 0 0 -450px;z-index: 9998;
  1011. }
  1012. .domin-modal-body{
  1013. width: 900px;height: 380px;
  1014. position: relative;
  1015. background: url(/src/main/index/img/domain-ad-bg.jpg) 0 0 no-repeat;
  1016. }
  1017. .domin-modal-pendant{
  1018. position: absolute;
  1019. right: 60px;
  1020. top: -60px;
  1021. z-index: 9998;
  1022. }
  1023. .domin-modal-close{
  1024. position: absolute;
  1025. right: 60px;
  1026. top: -60px;
  1027. width: 30px;
  1028. height: 30px;
  1029. z-index: 9999;
  1030. cursor: pointer;
  1031. }
  1032. .domin-modal .domin-ad-img{
  1033. float: left;
  1034. margin: 52px 0 0 61px;
  1035. }
  1036. .domin-modal .domin-ad-text{
  1037. float: right;
  1038. width: 360px;
  1039. margin: 106px 52px 0 0;
  1040. }
  1041. .domin-modal .domin-ad-text .title{
  1042. margin-bottom: 44px;
  1043. line-height: 1;
  1044. text-align: center;
  1045. }
  1046. .domin-modal .domin-ad-text .title .large{
  1047. color: #ec736d;font-size: 50px;
  1048. }
  1049. .domin-modal .domin-ad-text .title .small{
  1050. color: #333;font-size: 36px;
  1051. }
  1052. .domin-modal .text-list{
  1053. padding-bottom: 24px;
  1054. overflow: hidden;
  1055. }
  1056. .domin-modal .text-list li{
  1057. line-height: 1;
  1058. font-size: 18px;
  1059. padding-left: 18px;
  1060. position: relative;
  1061. }
  1062. .domin-modal .text-list li .dian{
  1063. position: absolute;
  1064. display: inline-block;
  1065. width: 6px;
  1066. height: 6px;
  1067. left: 0;
  1068. top: 50%;
  1069. margin-top: -3px;
  1070. background: #6ec4c3;
  1071. border-radius: 50%;
  1072. vertical-align: middle;
  1073. }
  1074. .domin-modal .domin-ad-text .link{
  1075. display: block;
  1076. width: 120px;
  1077. height: 40px;
  1078. margin: 16px auto 0 auto;
  1079. line-height: 40px;
  1080. text-align: center;
  1081. border-radius: 4px;
  1082. background: #6ec4c3;
  1083. color: #fff !important;
  1084. font-size: 18px;
  1085. }
  1086. .domin-modal .ad-link:hover{
  1087. background: #67bfbe;
  1088. }
  1089. /*适配*/
  1090. @media (min-width: 992px) {
  1091. #qr-preview {
  1092. width: 300px;
  1093. float: right;
  1094. }
  1095. }
  1096. @media (max-width: 992px) {
  1097. #qq_kefu_warp .kefu {
  1098. right: 0;
  1099. }
  1100. }
  1101. @media (max-width: 768px) {
  1102. #mini-menu li {
  1103. width: 20%;
  1104. }
  1105. .floor_8 .items li {
  1106. width: 30%;
  1107. }
  1108. .floor_8 .item_img {
  1109. width: 60px;
  1110. }
  1111. .floor_9 .list_box li {
  1112. width: 25%;
  1113. }
  1114. }
  1115. @media (max-width: 640px) {
  1116. #mini-menu li {
  1117. width: 25%;
  1118. }
  1119. }
  1120. @media (max-width: 480px) {
  1121. #mini-menu li {
  1122. width: 33%;
  1123. }
  1124. .floor_9 .list_box li {
  1125. width: 33%;
  1126. }
  1127. .floor_8 .items li {
  1128. width: 50%;
  1129. }
  1130. .floor_8 .item_img {
  1131. width: 40px;
  1132. }
  1133. }