common.css 15 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091929394959697989910010110210310410510610710810911011111211311411511611711811912012112212312412512612712812913013113213313413513613713813914014114214314414514614714814915015115215315415515615715815916016116216316416516616716816917017117217317417517617717817918018118218318418518618718818919019119219319419519619719819920020120220320420520620720820921021121221321421521621721821922022122222322422522622722822923023123223323423523623723823924024124224324424524624724824925025125225325425525625725825926026126226326426526626726826927027127227327427527627727827928028128228328428528628728828929029129229329429529629729829930030130230330430530630730830931031131231331431531631731831932032132232332432532632732832933033133233333433533633733833934034134234334434534634734834935035135235335435535635735835936036136236336436536636736836937037137237337437537637737837938038138238338438538638738838939039139239339439539639739839940040140240340440540640740840941041141241341441541641741841942042142242342442542642742842943043143243343443543643743843944044144244344444544644744844945045145245345445545645745845946046146246346446546646746846947047147247347447547647747847948048148248348448548648748848949049149249349449549649749849950050150250350450550650750850951051151251351451551651751851952052152252352452552652752852953053153253353453553653753853954054154254354454554654754854955055155255355455555655755855956056156256356456556656756856957057157257357457557657757857958058158258358458558658758858959059159259359459559659759859960060160260360460560660760860961061161261361461561661761861962062162262362462562662762862963063163263363463563663763863964064164264364464564664764864965065165265365465565665765865966066166266366466566666766866967067167267367467567667767867968068168268368468568668768868969069169269369469569669769869970070170270370470570670770870971071171271371471571671771871972072172272372472572672772872973073173273373473573673773873974074174274374474574674774874975075175275375475575675775875976076176276376476576676776876977077177277377477577677777877978078178278378478578678778878979079179279379479579679779879980080180280380480580680780880981081181281381481581681781881982082182282382482582682782882983083183283383483583683783883984084184284384484584684784884985085185285385485585685785885986086186286386486586686786886987087187287387487587687787887988088188288388488588688788888989089189289389489589689789889990090190290390490590690790890991091191291391491591691791891992092192292392492592692792892993093193293393493593693793893994094194294394494594694794894995095195295395495595695795895996096196296396496596696796896997097197297397497597697797897998098198298398498598698798898999099199299399499599699799899910001001100210031004100510061007100810091010101110121013101410151016101710181019102010211022102310241025102610271028102910301031103210331034103510361037103810391040104110421043104410451046104710481049105010511052105310541055105610571058105910601061106210631064106510661067106810691070107110721073107410751076107710781079108010811082108310841085108610871088108910901091109210931094109510961097109810991100110111021103110411051106110711081109111011111112111311141115111611171118111911201121112211231124112511261127112811291130113111321133113411351136113711381139114011411142114311441145114611471148114911501151115211531154115511561157115811591160116111621163116411651166116711681169117011711172117311741175117611771178117911801181118211831184118511861187118811891190119111921193119411951196119711981199120012011202120312041205120612071208120912101211121212131214121512161217
  1. html {
  2. width: 100%;
  3. -webkit-text-size-adjust: 100%;
  4. -ms-text-size-adjust: 100%;
  5. }
  6. html * {
  7. outline: 0;
  8. -webkit-text-size-adjust: none;
  9. -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  10. -webkit-box-sizing: border-box;
  11. box-sizing: border-box;
  12. }
  13. body,
  14. div,
  15. dl,
  16. dt,
  17. dd,
  18. ul,
  19. ol,
  20. li,
  21. h1,
  22. h2,
  23. h3,
  24. h4,
  25. h5,
  26. h6,
  27. pre,
  28. code,
  29. form,
  30. fieldset,
  31. legend,
  32. input,
  33. textarea,
  34. p,
  35. blockquote,
  36. th,
  37. td,
  38. hr,
  39. button,
  40. article,
  41. aside,
  42. details,
  43. figcaption,
  44. figure,
  45. footer,
  46. header,
  47. hgroup,
  48. menu,
  49. nav,
  50. section {
  51. margin: 0;
  52. padding: 0;
  53. }
  54. * {
  55. box-sizing: border-box !important;
  56. }
  57. body {
  58. font-size: 14px;
  59. background: #0b1622;
  60. color: #F2F5FF;
  61. overflow-x: hidden;
  62. }
  63. input,
  64. select,
  65. textarea {
  66. font-size: 100%;
  67. -webkit-appearance: none;
  68. background: transparent;
  69. }
  70. textarea {
  71. border: none;
  72. outline: none;
  73. }
  74. button {
  75. border: 0;
  76. }
  77. table {
  78. border-collapse: collapse;
  79. border-spacing: 0;
  80. }
  81. input {
  82. border: 0;
  83. outline: 0;
  84. color: #ffffff;
  85. }
  86. ::-webkit-input-placeholder {
  87. color: #42526a;
  88. }
  89. /* 显示隐藏 */
  90. .hide {
  91. display: none !important;
  92. }
  93. .hidden {
  94. display: none;
  95. }
  96. .inblock {
  97. display: inline-block;
  98. }
  99. .block {
  100. display: block;
  101. }
  102. /* flex弹性盒子 */
  103. .flex {
  104. display: flex;
  105. flex-direction: row;
  106. }
  107. .between {
  108. justify-content: space-between;
  109. }
  110. .around {
  111. justify-content: space-around;
  112. }
  113. .jscenter {
  114. justify-content: center;
  115. }
  116. .jsend {
  117. justify-content: flex-end;
  118. }
  119. .column {
  120. flex-direction: column;
  121. }
  122. .alcenter {
  123. align-items: center;
  124. }
  125. .flexstart {
  126. align-items: flex-start;
  127. }
  128. .flexend {
  129. align-items: flex-end;
  130. }
  131. .baseline {
  132. align-items: baseline;
  133. }
  134. .flex1 {
  135. flex: 1 !important;
  136. }
  137. .flex2 {
  138. flex: 2 !important;
  139. }
  140. .wraps {
  141. flex-wrap: wrap;
  142. }
  143. /* 位置 */
  144. .posRelt {
  145. position: relative;
  146. }
  147. .abstrot {
  148. position: absolute;
  149. }
  150. .fixed {
  151. position: fixed;
  152. }
  153. .lf0 {
  154. left: 0;
  155. }
  156. .btm0 {
  157. bottom: 0;
  158. }
  159. .mauto {
  160. margin-left: auto;
  161. margin-right: auto;
  162. }
  163. .fr {
  164. float: right;
  165. }
  166. .tc {
  167. text-align: center;
  168. }
  169. .tl {
  170. text-align: left;
  171. }
  172. .tr {
  173. text-align: right;
  174. }
  175. /* 字体大小 */
  176. .ft12 {
  177. font-size: 12px;
  178. }
  179. .ft13 {
  180. font-size: 13px;
  181. }
  182. .ft14 {
  183. font-size: 14px;
  184. }
  185. .ft16 {
  186. font-size: 16px;
  187. }
  188. .ft18 {
  189. font-size: 18px;
  190. }
  191. .ft20 {
  192. font-size: 20px;
  193. }
  194. .ft22 {
  195. font-size: 22px;
  196. }
  197. .ft24 {
  198. font-size: 24px;
  199. }
  200. .ft26 {
  201. font-size: 26px;
  202. }
  203. .ft28 {
  204. font-size: 28px;
  205. }
  206. .ft30 {
  207. font-size: 30px;
  208. }
  209. .ft32 {
  210. font-size: 32px;
  211. }
  212. .ft34 {
  213. font-size: 34px;
  214. }
  215. .ft36 {
  216. font-size: 36px;
  217. }
  218. .ft38 {
  219. font-size: 38px;
  220. }
  221. .ft40 {
  222. font-size: 40px;
  223. }
  224. .ft48 {
  225. font-size: 48px;
  226. }
  227. .ft50 {
  228. font-size: 50px;
  229. }
  230. .iconfont.ft18 {
  231. font-size: 18px;
  232. }
  233. .iconfont.ft12 {
  234. font-size: 12px;
  235. }
  236. .iconfont.ft14 {
  237. font-size: 14px;
  238. }
  239. .iconfont.ft24 {
  240. font-size: 24px;
  241. }
  242. .iconfont.ft48 {
  243. font-size: 48px;
  244. }
  245. .iconfont.ft40 {
  246. font-size: 40px;
  247. }
  248. /* 字体型号 */
  249. .bold {
  250. font-weight: bold;
  251. }
  252. .italic {
  253. font-style: italic;
  254. }
  255. .wordbreak {
  256. word-break: break-word;
  257. }
  258. /* color字体颜色 */
  259. .b7c {
  260. color: #b7c7dc;
  261. }
  262. .gray75 {
  263. color: #7588a1;
  264. }
  265. .blue21 {
  266. color: #217dc1;
  267. }
  268. .gary0 {
  269. color: #000;
  270. }
  271. .gray91 {
  272. color: #9195a1;
  273. }
  274. .garyd {
  275. color: #DDDEDE;
  276. }
  277. .white {
  278. color: #fff !important;
  279. }
  280. .gray {
  281. color: #8689B2;
  282. }
  283. .gray_e {
  284. color: #eeeeee;
  285. }
  286. .gray9 {
  287. color: #999;
  288. }
  289. .gray7 {
  290. color: #7286a5;
  291. }
  292. .gray6 {
  293. color: #666;
  294. }
  295. .gray5 {
  296. color: #5b6c87;
  297. }
  298. .gray3 {
  299. color: #333;
  300. }
  301. .gray4 {
  302. color: #42526a;
  303. }
  304. .gray45 {
  305. color: #454545;
  306. }
  307. .blue {
  308. color: #9FBEDC;
  309. }
  310. .blue2 {
  311. color: #1881d2;
  312. }
  313. .blue3 {
  314. color: #4A5A7A;
  315. }
  316. .blue4 {
  317. color: #8897AD;
  318. }
  319. .red {
  320. color: #e27046;
  321. }
  322. .red2 {
  323. color: #ff5f56;
  324. }
  325. .redColor {
  326. color: #c15465;
  327. }
  328. .greenColor {
  329. color: #4daa90;
  330. }
  331. .blueColor {
  332. color: #3d80ce;
  333. }
  334. .yellow {
  335. color: #FFB103;
  336. }
  337. .green {
  338. color: #02c289;
  339. }
  340. .purpel {
  341. color: #6c2fd3;
  342. }
  343. .chengse {
  344. color: #cc704b;
  345. }
  346. .color1 {
  347. color: #728DAF;
  348. }
  349. /* 背景色 */
  350. .baseBg {
  351. background: #F2F5FF;
  352. }
  353. .bgWhite {
  354. background: white;
  355. }
  356. .bgRed {
  357. background: #e27046 !important;
  358. }
  359. .bgGray {
  360. background: #c7ced4;
  361. }
  362. .bgF3 {
  363. background: #f3f3f3;
  364. }
  365. .bgShadow {
  366. box-shadow: 0 0 5px #e4dbdb;
  367. }
  368. .bgGreen {
  369. background: #02c289 !important;
  370. }
  371. .bggray {
  372. background: #1a273f;
  373. }
  374. .bgyellow {
  375. background: #ff9e00;
  376. }
  377. .bgHeader {
  378. background: #102030;
  379. }
  380. .bgBlue {
  381. background: #1881d2;
  382. }
  383. .bgBlue2 {
  384. background: #217dc1;
  385. }
  386. .bgDark {
  387. background: #2c548c;
  388. }
  389. .bgPart {
  390. background: #162633;
  391. }
  392. .baseBg2 {
  393. background: #183463;
  394. }
  395. .baseBg3 {
  396. background: #44708a;
  397. }
  398. .liner0 {
  399. background: #7564EF;
  400. }
  401. .liner1 {
  402. background: #E6762C;
  403. }
  404. .liner2 {
  405. background: #419FF6;
  406. }
  407. .liner3 {
  408. background: #4AAB73;
  409. }
  410. .liner4 {
  411. background: #5977F4;
  412. }
  413. .bg1 {
  414. background-color: #1C1734;
  415. }
  416. .bg2 {
  417. background-color: #061623;
  418. }
  419. .bgPart {
  420. background: #151e2e;
  421. }
  422. .bgBlack {
  423. background: #0b1622;
  424. }
  425. .bgliner {
  426. background: linear-gradient(to right, #5BB5EB, #508ADE);
  427. }
  428. /* 边框颜色 */
  429. .bdb_blue {
  430. border-bottom: 1px solid #5D86D8;
  431. }
  432. .bdb_e8 {
  433. border-bottom: 1px solid #e8ebee;
  434. }
  435. .bdbf5 {
  436. border-bottom: 1px solid #f5f5f5;
  437. }
  438. .bdb_f3 {
  439. border-bottom: 1px solid #f3f3f3;
  440. }
  441. .bdt_f3 {
  442. border-top: 1px solid #f3f3f3;
  443. }
  444. .bd_blue2 {
  445. border: 1px solid #71AED3;
  446. }
  447. .bdb {
  448. border-bottom: 1px solid #dddddd;
  449. }
  450. .bdb1f {
  451. border-bottom: 1px solid #1F253C;
  452. }
  453. .bdb_yellow {
  454. border-bottom: 1px solid #FFB103;
  455. }
  456. .bdbwhite {
  457. border-bottom: 1px solid rgba(255, 255, 255, 0.2);
  458. }
  459. .bdb_blue3 {
  460. border-bottom: 1px solid #101d2a;
  461. }
  462. .bdb27 {
  463. border-bottom: 1px solid #273344;
  464. }
  465. .bdr_white50 {
  466. border-right: 1px solid rgba(113, 113, 113, 0.2);
  467. }
  468. .bd_input {
  469. border: 1px solid #42526a;
  470. }
  471. .bdr_input {
  472. border-right: 1px solid #42526a;
  473. }
  474. .bdb_1e {
  475. border-bottom: 1px solid #1e2a3d;
  476. }
  477. .bor1 {
  478. border: 1px solid #4d5568;
  479. }
  480. .bor2 {
  481. border: 1px solid #1881d2;
  482. }
  483. .bor3 {
  484. border: 1px solid #02c289 !important;
  485. }
  486. .bor4 {
  487. border: 1px solid #e27046 !important;
  488. }
  489. .bor5 {
  490. border-bottom: 1px solid #555359 !important;
  491. }
  492. .bdb_active {
  493. border-bottom: 2px solid #3d80ce;
  494. }
  495. /* margin外边距 */
  496. .mt5 {
  497. margin-top: 5px;
  498. }
  499. .mb5 {
  500. margin-bottom: 5px;
  501. }
  502. .ml5 {
  503. margin-left: 5px;
  504. }
  505. .mr5 {
  506. margin-right: 5px;
  507. }
  508. .mt7 {
  509. margin-top: 7px;
  510. }
  511. .mt10 {
  512. margin-top: 10px;
  513. }
  514. .mt13 {
  515. margin-top: 13px;
  516. }
  517. .mb10 {
  518. margin-bottom: 10px;
  519. }
  520. .ml10 {
  521. margin-left: 10px;
  522. }
  523. .mr10 {
  524. margin-right: 10px;
  525. }
  526. .mt15 {
  527. margin-top: 15px;
  528. }
  529. .mt20 {
  530. margin-top: 20px;
  531. }
  532. .mb20 {
  533. margin-bottom: 20px;
  534. }
  535. .ml20 {
  536. margin-left: 20px;
  537. }
  538. .mr20 {
  539. margin-right: 20px;
  540. }
  541. .mt30 {
  542. margin-top: 30px;
  543. }
  544. .mb30 {
  545. margin-bottom: 30px;
  546. }
  547. .ml30 {
  548. margin-left: 30px;
  549. }
  550. .mr30 {
  551. margin-right: 30px;
  552. }
  553. .mt40 {
  554. margin-top: 40px;
  555. }
  556. .mt45 {
  557. margin-top: 45px;
  558. }
  559. .mb45 {
  560. margin-bottom: 45px;
  561. }
  562. .ml45 {
  563. margin-left: 45px;
  564. }
  565. .mr45 {
  566. margin-right: 45px;
  567. }
  568. .mt50 {
  569. margin-top: 50px;
  570. }
  571. .mt75 {
  572. margin-top: 75px;
  573. }
  574. .mt88 {
  575. margin-top: 88px;
  576. }
  577. .mt100 {
  578. margin-top: 100px;
  579. }
  580. .mtb10 {
  581. margin-top: 10px;
  582. margin-bottom: 10px;
  583. }
  584. .mlr5 {
  585. margin-left: 5px;
  586. margin-right: 5px;
  587. }
  588. .mlr10 {
  589. margin-left: 10px;
  590. margin-right: 10px;
  591. }
  592. .mtb20 {
  593. margin-top: 20px;
  594. margin-bottom: 20px;
  595. }
  596. .mlr20 {
  597. margin-left: 20px;
  598. margin-right: 20px;
  599. }
  600. .mtb30 {
  601. margin-top: 30px;
  602. margin-bottom: 30px;
  603. }
  604. .mlr30 {
  605. margin-left: 30px;
  606. margin-right: 30px;
  607. }
  608. .mtb45 {
  609. margin-top: 45px;
  610. margin-bottom: 45px;
  611. }
  612. .mlr45 {
  613. margin-left: 45px;
  614. margin-right: 45px;
  615. }
  616. /* padding内边距 */
  617. .ptb {
  618. padding-top: 88px;
  619. padding-bottom: 100px;
  620. }
  621. .pt5 {
  622. padding-top: 5px;
  623. }
  624. .pb5 {
  625. padding-bottom: 5px;
  626. }
  627. .pl5 {
  628. padding-left: 5px;
  629. }
  630. .pr5 {
  631. padding-right: 5px;
  632. }
  633. .pt10 {
  634. padding-top: 10px;
  635. }
  636. .pl10 {
  637. padding-left: 10px;
  638. }
  639. .pr10 {
  640. padding-right: 10px;
  641. }
  642. .pb10 {
  643. padding-bottom: 10px;
  644. }
  645. .pl15 {
  646. padding-left: 15px;
  647. }
  648. .pr15 {
  649. padding-right: 15px;
  650. }
  651. .pb15 {
  652. padding-bottom: 15px;
  653. }
  654. .pt20 {
  655. padding-top: 20px;
  656. }
  657. .pb20 {
  658. padding-bottom: 20px;
  659. }
  660. .pl20 {
  661. padding-left: 20px;
  662. }
  663. .pr20 {
  664. padding-right: 20px;
  665. }
  666. .pl30 {
  667. padding-left: 30px;
  668. }
  669. .pr30 {
  670. padding-right: 30px;
  671. }
  672. .pt30 {
  673. padding-top: 30px;
  674. }
  675. .pb30 {
  676. padding-bottom: 30px;
  677. }
  678. .pl40 {
  679. padding-left: 40px;
  680. }
  681. .pr40 {
  682. padding-right: 40px;
  683. }
  684. .pt40 {
  685. padding-top: 40px;
  686. }
  687. .pb40 {
  688. padding-bottom: 40px;
  689. }
  690. .pt45 {
  691. padding-top: 45px;
  692. }
  693. .pb45 {
  694. padding-bottom: 45px;
  695. }
  696. .pt50 {
  697. padding-top: 50px;
  698. }
  699. .pb50 {
  700. padding-bottom: 50px;
  701. }
  702. .pl50 {
  703. padding-left: 50px;
  704. }
  705. .pr50 {
  706. padding-right: 50px;
  707. }
  708. .pt60 {
  709. padding-top: 60px;
  710. }
  711. .pb60 {
  712. padding-bottom: 60px;
  713. }
  714. .pt88 {
  715. padding-top: 88px;
  716. }
  717. .pb100 {
  718. padding-bottom: 100px;
  719. }
  720. .pt100 {
  721. padding-top: 100px;
  722. }
  723. .ptb5 {
  724. padding-bottom: 5px;
  725. padding-top: 5px;
  726. }
  727. .ptb8 {
  728. padding-bottom: 8px;
  729. padding-top: 8px;
  730. }
  731. .plr8 {
  732. padding-left: 8px;
  733. padding-right: 8px;
  734. }
  735. .ptb10 {
  736. padding-bottom: 10px;
  737. padding-top: 10px;
  738. }
  739. .plr10 {
  740. padding-left: 10px;
  741. padding-right: 10px;
  742. }
  743. .ptb15 {
  744. padding-top: 15px;
  745. padding-bottom: 15px;
  746. }
  747. .plr15 {
  748. padding-left: 15px;
  749. padding-right: 15px;
  750. }
  751. .plr20 {
  752. padding-left: 20px;
  753. padding-right: 20px;
  754. }
  755. .ptb20 {
  756. padding-top: 20px;
  757. padding-bottom: 20px;
  758. }
  759. .plr30 {
  760. padding-left: 30px;
  761. padding-right: 30px;
  762. }
  763. .ptb30 {
  764. padding-top: 30px;
  765. padding-bottom: 30px;
  766. }
  767. .plr40 {
  768. padding-left: 40px;
  769. padding-right: 40px;
  770. }
  771. .ptb40 {
  772. padding-top: 40px;
  773. padding-bottom: 40px;
  774. }
  775. .ptb45 {
  776. padding-top: 45px;
  777. padding-bottom: 45px;
  778. }
  779. .plr45 {
  780. padding-left: 45px;
  781. padding-right: 45px;
  782. }
  783. .plr50 {
  784. padding-left: 50px;
  785. padding-right: 50px;
  786. }
  787. .ptb50 {
  788. padding-bottom: 50px;
  789. padding-top: 50px;
  790. }
  791. .ptb60 {
  792. padding-bottom: 60px;
  793. padding-top: 60px;
  794. }
  795. /* 宽度百分比 */
  796. .w20 {
  797. width: 20%;
  798. }
  799. .w25 {
  800. width: 25%;
  801. }
  802. .w30 {
  803. width: 30%;
  804. }
  805. .w35 {
  806. width: 35%;
  807. }
  808. .w40 {
  809. width: 40%;
  810. }
  811. .w45 {
  812. width: 45%;
  813. }
  814. .w48 {
  815. width: 48%;
  816. }
  817. .w50 {
  818. width: 50%;
  819. }
  820. .w65 {
  821. width: 65%;
  822. }
  823. .w75 {
  824. width: 75%;
  825. }
  826. .w80 {
  827. width: 80%;
  828. }
  829. .w85 {
  830. width: 85%;
  831. }
  832. .w90 {
  833. width: 90%;
  834. }
  835. .w95 {
  836. width: 95%;
  837. }
  838. .w100 {
  839. width: 100%;
  840. }
  841. /* 宽度/2px */
  842. .wt5 {
  843. width: 5px;
  844. }
  845. .wt8 {
  846. width: 8px;
  847. }
  848. .wt10 {
  849. width: 10px;
  850. }
  851. .wt15 {
  852. width: 15px;
  853. }
  854. .wt20 {
  855. width: 20px;
  856. }
  857. .wt25 {
  858. width: 25px;
  859. }
  860. .wt30 {
  861. width: 30px;
  862. }
  863. .wt35 {
  864. width: 35px;
  865. }
  866. .wt40 {
  867. width: 40px;
  868. }
  869. .wt50 {
  870. width: 50px;
  871. }
  872. .wt60 {
  873. width: 60px;
  874. }
  875. .wt70 {
  876. width: 70px;
  877. }
  878. .wt80 {
  879. width: 80px;
  880. }
  881. .wt90 {
  882. width: 90px;
  883. }
  884. .wt100 {
  885. width: 100px;
  886. }
  887. .w120 {
  888. width: 120px;
  889. }
  890. .w150 {
  891. width: 150px;
  892. }
  893. .w160 {
  894. width: 160px;
  895. }
  896. .w180 {
  897. width: 180px;
  898. }
  899. /* 高度 */
  900. .h5 {
  901. height: 5px;
  902. }
  903. .h8 {
  904. height: 8px;
  905. }
  906. .h10 {
  907. height: 10px;
  908. }
  909. .h15 {
  910. height: 15px;
  911. }
  912. .h20 {
  913. height: 20px;
  914. }
  915. .h25 {
  916. height: 25px;
  917. }
  918. .h30 {
  919. height: 30px;
  920. }
  921. .h35 {
  922. height: 35px;
  923. }
  924. .h40 {
  925. height: 40px;
  926. }
  927. .h44 {
  928. height: 44px;
  929. }
  930. .h50 {
  931. height: 50px;
  932. }
  933. .h60 {
  934. height: 60px;
  935. }
  936. .h70 {
  937. height: 70px;
  938. }
  939. .h88 {
  940. height: 88px;
  941. }
  942. .h80 {
  943. height: 80px;
  944. }
  945. .h90 {
  946. height: 90px;
  947. }
  948. .h100 {
  949. height: 100px;
  950. }
  951. .h110 {
  952. height: 110px;
  953. }
  954. .h120 {
  955. height: 120px;
  956. }
  957. .h130 {
  958. height: 130px;
  959. }
  960. .h160 {
  961. height: 160px;
  962. }
  963. .h260 {
  964. height: 260px;
  965. }
  966. .h280 {
  967. height: 280px;
  968. }
  969. .h390 {
  970. height: 390px;
  971. }
  972. .ht100 {
  973. height: 100%;
  974. }
  975. /* 行高 */
  976. .lh10 {
  977. line-height: 10px;
  978. }
  979. .lh20 {
  980. line-height: 20px;
  981. }
  982. .lh25 {
  983. line-height: 25px;
  984. }
  985. .lh30 {
  986. line-height: 30px;
  987. }
  988. .lh35 {
  989. line-height: 35px;
  990. }
  991. .lh40 {
  992. line-height: 40px;
  993. }
  994. .lh44 {
  995. line-height: 44px;
  996. }
  997. .lh50 {
  998. line-height: 50px;
  999. }
  1000. .lh56 {
  1001. line-height: 56px;
  1002. }
  1003. .lh60 {
  1004. line-height: 60px;
  1005. }
  1006. .lh88 {
  1007. line-height: 88px;
  1008. }
  1009. /* 边框圆角 */
  1010. .radius2 {
  1011. border-radius: 2px;
  1012. }
  1013. .radius4 {
  1014. border-radius: 4px;
  1015. }
  1016. .radius6 {
  1017. border-radius: 6px;
  1018. }
  1019. .radius10 {
  1020. border-radius: 10px;
  1021. }
  1022. .radius15 {
  1023. border-radius: 15px;
  1024. }
  1025. .radius20 {
  1026. border-radius: 20px;
  1027. }
  1028. .radius28 {
  1029. border-radius: 28px;
  1030. }
  1031. .radius50p {
  1032. border-radius: 50%;
  1033. }
  1034. /* 透明度 */
  1035. .opt0 {
  1036. opacity: 0;
  1037. }
  1038. .opt88 {
  1039. opacity: 0.88;
  1040. }
  1041. .opt50 {
  1042. opacity: 0.50;
  1043. }
  1044. .opt33 {
  1045. opacity: 0.33;
  1046. }
  1047. .opt {
  1048. opacity: 0.15;
  1049. }
  1050. /* 三角形 */
  1051. .trangle {
  1052. width: 0;
  1053. height: 0;
  1054. border-left: 30px solid transparent;
  1055. border-right: 30px solid transparent;
  1056. border-bottom: 10px solid #1b2637;
  1057. }
  1058. .trangle_yellow {
  1059. width: 0;
  1060. height: 0;
  1061. border-left: 5px solid transparent;
  1062. border-right: 5px solid transparent;
  1063. border-top: 5px solid #fec403;
  1064. }
  1065. /* 字体渐变 */
  1066. .linerColor {
  1067. color: #416dff;
  1068. background: linear-gradient(to bottom, #416dff, #464fff);
  1069. -webkit-background-clip: text;
  1070. color: transparent;
  1071. }
  1072. /* 去除chrome input默认背景 */
  1073. input:-webkit-autofill {
  1074. background: transparent;
  1075. -webkit-box-shadow: 0 0 0px 1000px transparent inset !important;
  1076. }
  1077. .bshadowf5 {
  1078. box-shadow: 0 5px 5px #f5f5f5, 0 -5px 5px #f5f5f5, 5px 0 5px #f5f5f5, -5px 0 5px #f5f5f5;
  1079. }
  1080. /*清除ie的默认选择框样式清除,隐藏下拉箭头*/
  1081. select {
  1082. border: 1px solid #eee;
  1083. appearance: none;
  1084. -moz-appearance: none;
  1085. -webkit-appearance: none;
  1086. background: transparent;
  1087. color: #666;
  1088. }
  1089. /* 不换行超出隐藏 */
  1090. .ellipsis {
  1091. overflow: hidden;
  1092. text-overflow: ellipsis;
  1093. white-space: nowrap;
  1094. }
  1095. .overxy {
  1096. overflow: hidden;
  1097. }
  1098. .overx {
  1099. overflow-x: hidden;
  1100. }
  1101. .overxscroll {
  1102. overflow-x: scroll;
  1103. }
  1104. /* 其它 */
  1105. .load-more {
  1106. display: block;
  1107. background-color: transparent;
  1108. padding-top: 15px;
  1109. border-radius: 4px;
  1110. }
  1111. .btn-default {
  1112. width: 100%;
  1113. margin-left: auto;
  1114. margin-right: auto;
  1115. display: block;
  1116. border-radius: 2px;
  1117. text-align: center;
  1118. outline: none;
  1119. border: none;
  1120. color: #fff;
  1121. height: 40px;
  1122. line-height: 40px;
  1123. font-size: 14px;
  1124. }
  1125. .bshadow5 {
  1126. box-shadow: 0 5px 5px #d4dbfc, 0 -5px 5px #d4dbfc, 5px 0 5px #d4dbfc, -5px 0 5px #d4dbfc;
  1127. }
  1128. .bshadow5_green {
  1129. box-shadow: 0 0 5px #75C322;
  1130. }
  1131. .bshadowf5 {
  1132. box-shadow: 0 5px 5px #f5f5f5, 0 -5px 5px #f5f5f5, 5px 0 5px #f5f5f5, -5px 0 5px #f5f5f5;
  1133. }
  1134. .bshadow10 {
  1135. box-shadow: 0 5px 10px rgba(231, 233, 241, 0.6), 0 -5px 10px rgba(231, 233, 241, 0.6), 5px 0 10px rgba(231, 233, 241, 0.6), -5px 0 10px rgba(231, 233, 241, 0.6);
  1136. }
  1137. .copy {
  1138. height: 86px;
  1139. line-height: 86px;
  1140. border-radius: 43px;
  1141. }
  1142. .header {
  1143. width: 100%;
  1144. top: 0;
  1145. height: 50px;
  1146. left: 0;
  1147. z-index: 1000000;
  1148. }
  1149. .header .back {
  1150. display: inline-block;
  1151. position: absolute;
  1152. left: 14px;
  1153. width: 8px;
  1154. height: 16px;
  1155. /* background: url(/static/arrow_left.png) no-repeat center / 100% 100%; */
  1156. }
  1157. .header .txt {
  1158. font-size: 10px;
  1159. }
  1160. .arrow {
  1161. width: 6px;
  1162. height: 11px;
  1163. }
  1164. .scan {
  1165. width: 40px;
  1166. height: 40px;
  1167. }
  1168. .width10 {
  1169. width: 30px;
  1170. height: 30px;
  1171. }
  1172. .lb {
  1173. left: -15px;
  1174. bottom: 0;
  1175. transform: translateY(50%);
  1176. }
  1177. .pos_r30t90 {
  1178. right: 15px;
  1179. top: 45px;
  1180. }
  1181. .pos_l0b0 {
  1182. bottom: 0;
  1183. left: 0;
  1184. }
  1185. .shade {
  1186. left: 5%;
  1187. bottom: 0;
  1188. transform: translateY(15px);
  1189. border-radius: 15px;
  1190. background: #79809B;
  1191. z-index: -1;
  1192. }
  1193. .zdx100 {
  1194. z-index: 100;
  1195. }
  1196. .my_layer {
  1197. top: 0;
  1198. left: 0;
  1199. background: rgba(0, 0, 0, 0.5);
  1200. z-index: 999;
  1201. }
  1202. .break-word {
  1203. word-wrap: break-word;
  1204. }
  1205. .nowrap {
  1206. white-space: nowrap;
  1207. }
  1208. /* 下划线 */
  1209. .myline {
  1210. position: absolute;
  1211. bottom: 0;
  1212. left: 50%;
  1213. transform: translateX(-50%);
  1214. width: 20px;
  1215. height: 3px;
  1216. }