cross.css 18 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775776777778779780781782783784785786787788789790791792793794795796797798799800801802803804805806807808809810811812813814815816817818819820821822823824825826827828829830831832833834835836837838839840841842843844845846847848849850851852853854855856857858859860861862863864865866867868869870871872873874875876877878879880881882883884885886887888889890891892893894895896897898899900901902903904905906907908909910911912913914915916917918919920921922923924925926927928929930931932933934935936937938939940941942943944945946947948949950951952953954955956957958959960961962963964965966967968969970971972973974975976977978979980981982983984985986987988989990991992993994995996997998999100010011002100310041005100610071008100910101011101210131014101510161017101810191020102110221023102410251026102710281029103010311032103310341035103610371038103910401041104210431044104510461047104810491050105110521053105410551056105710581059106010611062106310641065106610671068106910701071107210731074107510761077107810791080108110821083108410851086108710881089109010911092109310941095109610971098109911001101110211031104110511061107110811091110111111121113111411151116111711181119112011211122112311241125112611271128112911301131113211331134113511361137113811391140114111421143114411451146114711481149115011511152115311541155115611571158115911601161116211631164116511661167116811691170117111721173117411751176117711781179118011811182118311841185118611871188118911901191119211931194119511961197119811991200120112021203120412051206120712081209121012111212121312141215121612171218121912201221122212231224122512261227122812291230123112321233123412351236123712381239124012411242124312441245124612471248124912501251125212531254125512561257125812591260126112621263126412651266126712681269127012711272127312741275127612771278127912801281128212831284128512861287128812891290129112921293129412951296129712981299130013011302130313041305130613071308130913101311131213131314131513161317131813191320132113221323132413251326132713281329133013311332133313341335133613371338133913401341134213431344134513461347134813491350135113521353135413551356135713581359136013611362136313641365136613671368136913701371137213731374137513761377137813791380138113821383138413851386138713881389139013911392139313941395139613971398139914001401140214031404140514061407140814091410141114121413141414151416141714181419142014211422142314241425142614271428142914301431143214331434143514361437143814391440144114421443144414451446144714481449145014511452145314541455145614571458145914601461146214631464146514661467146814691470147114721473147414751476147714781479148014811482148314841485148614871488148914901491149214931494149514961497149814991500150115021503150415051506150715081509151015111512151315141515151615171518151915201521152215231524152515261527152815291530153115321533153415351536153715381539154015411542154315441545154615471548154915501551155215531554155515561557155815591560156115621563156415651566156715681569157015711572157315741575157615771578157915801581158215831584158515861587158815891590159115921593159415951596159715981599160016011602160316041605160616071608160916101611161216131614161516161617161816191620162116221623162416251626162716281629163016311632163316341635163616371638163916401641164216431644164516461647164816491650165116521653165416551656165716581659166016611662166316641665166616671668166916701671167216731674167516761677167816791680168116821683168416851686168716881689169016911692169316941695169616971698169917001701170217031704170517061707170817091710171117121713171417151716171717181719172017211722172317241725172617271728172917301731173217331734173517361737173817391740174117421743174417451746174717481749175017511752175317541755175617571758175917601761176217631764176517661767176817691770177117721773
  1. /*----Cross css base
  2. ------------------------------*/
  3. .c-hide {
  4. display: none;
  5. }
  6. .c-block {
  7. display: block;
  8. }
  9. .c-hidden {
  10. overflow: hidden;
  11. zoom: 1;
  12. }
  13. .c-boxs {
  14. -webkit-box-sizing: border-box;
  15. -ms-box-sizing: border-box;
  16. -moz-box-sizing: border-box;
  17. box-sizing: border-box
  18. }
  19. .c-main {
  20. margin: 0 auto;
  21. }
  22. .c-nowrap {
  23. max-width: 100%;
  24. _width: 100%;
  25. overflow: hidden;
  26. white-space: nowrap;
  27. text-overflow: ellipsis;
  28. }
  29. .c-break {
  30. word-wrap: break-word;
  31. word-break: break-all;
  32. }
  33. .c-inline-block {
  34. display: inline-block;
  35. }
  36. .c-auto-y {
  37. overflow-y: auto;
  38. }
  39. .c-cursor-p {
  40. cursor: pointer;
  41. }
  42. .c-vam {
  43. vertical-align: middle;
  44. }
  45. /* color and background
  46. -----------------------------------------------------------------------------*/
  47. .c-fff {
  48. color: #fff;
  49. }
  50. .c-222 {
  51. color: #222;
  52. }
  53. .c-333 {
  54. color: #333;
  55. }
  56. .c-323232 {
  57. color: #323232;
  58. }
  59. .c-555 {
  60. color: #555;
  61. }
  62. .c-666 {
  63. color: #666;
  64. }
  65. .c-999 {
  66. color: #999;
  67. }
  68. .c-f00 {
  69. color: #f00;
  70. }
  71. .c-f60 {
  72. color: #f60;
  73. }
  74. .c-f90 {
  75. color: #f90;
  76. }
  77. .c-37a6ed {
  78. color: #37a6ed;
  79. }
  80. .c-5b5b5b {
  81. color: #5b5b5b;
  82. }
  83. .c-909090 {
  84. color: #909090;
  85. }
  86. .c-ff8100 {
  87. color: #ff8100;
  88. }
  89. .c-007cd9 {
  90. color: #007cd9;
  91. }
  92. .c-4dcd70 {
  93. color: #4dcd70;
  94. }
  95. .c-2f4050 {
  96. color: #2F4050;
  97. }
  98. .c-0c93e4 {
  99. color: #0c93e4;
  100. }
  101. .c-62baf4 {
  102. color: #62baf4;
  103. }
  104. .bgc-fff {
  105. background-color: #fff;
  106. }
  107. .bgc-f3f3f3 {
  108. background-color: #f3f3f3;
  109. }
  110. .bgc-fdfdfd {
  111. background-color: #fdfdfd;
  112. }
  113. .bgc-f9f9f9 {
  114. background-color: #f9f9f9;
  115. }
  116. .bgc-2f4050 {
  117. background-color: #2F4050;
  118. }
  119. .bgc-f7f8fa {
  120. background-color: #f7f8fa;
  121. }
  122. .bgc-6f8789 {
  123. background-color: #6f8789;
  124. }
  125. .bgc-0c93e4 {
  126. background-color: #0c93e4;
  127. }
  128. .bgc-384d5e {
  129. background-color: #384d5e;
  130. }
  131. /* border
  132. -----------------------------------------------------------------------------*/
  133. .c-border,
  134. .c-border-t,
  135. .c-border-b,
  136. .c-border-l,
  137. .c-border-r,
  138. .c-border-tb {
  139. border-color: #e1e1e1;
  140. border-style: solid;
  141. border-width: 0;
  142. }
  143. .c-border {
  144. border-width: 1px
  145. }
  146. .c-border-t {
  147. border-top-width: 1px
  148. }
  149. .c-border-b {
  150. border-bottom-width: 1px
  151. }
  152. .c-border-l {
  153. border-left-width: 1px
  154. }
  155. .c-border-r {
  156. border-right-width: 1px
  157. }
  158. .c-border-tb {
  159. border-top-width: 1px;
  160. border-bottom-width: 1px
  161. }
  162. .c-border-d {
  163. border-style: dashed
  164. }
  165. /* position
  166. -----------------------------------------------------------------------------*/
  167. .c-position-a {
  168. position: absolute;
  169. }
  170. .c-position-r {
  171. position: relative;
  172. *zoom: 1;
  173. }
  174. .c-position-f {
  175. position: fixed;
  176. }
  177. .c-position-all {
  178. left: 0px;
  179. right: 0px;
  180. top: 0px;
  181. bottom: 0px;
  182. }
  183. .c-position-lt0 {
  184. left: 0px;
  185. top: 0px;
  186. }
  187. .c-position-lt5 {
  188. left: 5px;
  189. top: 5px;
  190. }
  191. .c-position-lt10 {
  192. left: 10px;
  193. top: 10px;
  194. }
  195. .c-position-lt15 {
  196. left: 15px;
  197. top: 15px;
  198. }
  199. .c-position-lt20 {
  200. left: 20px;
  201. top: 20px;
  202. }
  203. .c-position-rt0 {
  204. right: 0px;
  205. top: 0px;
  206. }
  207. .c-position-rt5 {
  208. right: 5px;
  209. top: 5px;
  210. }
  211. .c-position-rt10 {
  212. right: 10px;
  213. top: 10px;
  214. }
  215. .c-position-rt15 {
  216. right: 15px;
  217. top: 15px;
  218. }
  219. .c-position-rt20 {
  220. right: 20px;
  221. top: 20px;
  222. }
  223. .c-position-lb0 {
  224. left: 0px;
  225. bottom: 0px;
  226. }
  227. .c-position-lb5 {
  228. left: 5px;
  229. bottom: 5px;
  230. }
  231. .c-position-lb10 {
  232. left: 10px;
  233. bottom: 10px;
  234. }
  235. .c-position-lb15 {
  236. left: 15px;
  237. bottom: 15px;
  238. }
  239. .c-position-lb20 {
  240. left: 20px;
  241. bottom: 20px;
  242. }
  243. .c-position-rb0 {
  244. right: 0px;
  245. bottom: 0px;
  246. }
  247. .c-position-rb5 {
  248. right: 5px;
  249. bottom: 5px;
  250. }
  251. .c-position-rb10 {
  252. right: 10px;
  253. bottom: 10px;
  254. }
  255. .c-position-rb15 {
  256. right: 15px;
  257. bottom: 15px;
  258. }
  259. .c-position-rb20 {
  260. right: 20px;
  261. bottom: 20px;
  262. }
  263. /* images and radius
  264. -----------------------------------------------------------------------------*/
  265. .c-images-rounded,
  266. .border-radius-rounded {
  267. border-radius: 5px;
  268. }
  269. .c-images-cycle,
  270. .border-radius-circle {
  271. border-radius: 50%;
  272. }
  273. .border-radius-pill {
  274. border-radius: 1000px;
  275. }
  276. .c-images-thumbnail {
  277. padding: 5px;
  278. }
  279. .c-images-block {
  280. display: block;
  281. width: 100%;
  282. height: 100%;
  283. }
  284. /* width and height
  285. -----------------------------------------------------------------------------*/
  286. .w100 {
  287. width: 100px;
  288. }
  289. .w150 {
  290. width: 150px;
  291. }
  292. .w200 {
  293. width: 200px;
  294. }
  295. .w260 {
  296. width: 260px;
  297. }
  298. .w250 {
  299. width: 250px;
  300. }
  301. .w300 {
  302. width: 300px;
  303. }
  304. .w350 {
  305. width: 350px;
  306. }
  307. .w400 {
  308. width: 400px;
  309. }
  310. .w450 {
  311. width: 450px;
  312. }
  313. .w500 {
  314. width: 500px;
  315. }
  316. .w550 {
  317. width: 550px;
  318. }
  319. .w1000 {
  320. width: 1000px;
  321. }
  322. .w1200 {
  323. width: 1200px;
  324. }
  325. .h100 {
  326. height: 100px;
  327. }
  328. .h150 {
  329. height: 150px;
  330. }
  331. .h200 {
  332. height: 200px;
  333. }
  334. .h250 {
  335. height: 250px;
  336. }
  337. .h300 {
  338. height: 300px;
  339. }
  340. .h350 {
  341. height: 350px;
  342. }
  343. .h400 {
  344. height: 400px;
  345. }
  346. .h450 {
  347. height: 450px;
  348. }
  349. .h500 {
  350. height: 500px;
  351. }
  352. .h550 {
  353. height: 550px;
  354. }
  355. /* spacing
  356. -----------------------------------------------------------------------------*/
  357. .m0 {
  358. margin: 0;
  359. }
  360. .m5 {
  361. margin: 5px;
  362. }
  363. .m10 {
  364. margin: 10px;
  365. }
  366. .m15 {
  367. margin: 15px;
  368. }
  369. .m20 {
  370. margin: 20px;
  371. }
  372. .m25 {
  373. margin: 25px;
  374. }
  375. .m30 {
  376. margin: 30px;
  377. }
  378. .m35 {
  379. margin: 35px;
  380. }
  381. .m40 {
  382. margin: 40px;
  383. }
  384. .m45 {
  385. margin: 45px;
  386. }
  387. .m50 {
  388. margin: 50px;
  389. }
  390. .m100 {
  391. margin: 100px;
  392. }
  393. .mb0 {
  394. margin-bottom: 0;
  395. }
  396. .mb5 {
  397. margin-bottom: 5px;
  398. }
  399. .mb10 {
  400. margin-bottom: 10px;
  401. }
  402. .mb15 {
  403. margin-bottom: 15px;
  404. }
  405. .mb20 {
  406. margin-bottom: 20px;
  407. }
  408. .mb25 {
  409. margin-bottom: 25px;
  410. }
  411. .mb30 {
  412. margin-bottom: 30px;
  413. }
  414. .mb35 {
  415. margin-bottom: 35px;
  416. }
  417. .mb40 {
  418. margin-bottom: 40px;
  419. }
  420. .mb45 {
  421. margin-bottom: 45px;
  422. }
  423. .mb50 {
  424. margin-bottom: 50px;
  425. }
  426. .mb100 {
  427. margin-bottom: 100px;
  428. }
  429. .mt0 {
  430. margin-top: 0;
  431. }
  432. .mt5 {
  433. margin-top: 5px;
  434. }
  435. .mt10 {
  436. margin-top: 10px;
  437. }
  438. .mt15 {
  439. margin-top: 15px;
  440. }
  441. .mt20 {
  442. margin-top: 20px;
  443. }
  444. .mt25 {
  445. margin-top: 25px;
  446. }
  447. .mt30 {
  448. margin-top: 30px;
  449. }
  450. .mt35 {
  451. margin-top: 35px;
  452. }
  453. .mt40 {
  454. margin-top: 40px;
  455. }
  456. .mt45 {
  457. margin-top: 45px;
  458. }
  459. .mt50 {
  460. margin-top: 50px;
  461. }
  462. .mt100 {
  463. margin-top: 100px;
  464. }
  465. .ml0 {
  466. margin-left: 0;
  467. }
  468. .ml5 {
  469. margin-left: 5px;
  470. }
  471. .ml10 {
  472. margin-left: 10px;
  473. }
  474. .ml15 {
  475. margin-left: 15px;
  476. }
  477. .ml20 {
  478. margin-left: 20px;
  479. }
  480. .ml25 {
  481. margin-left: 25px;
  482. }
  483. .ml30 {
  484. margin-left: 30px;
  485. }
  486. .ml35 {
  487. margin-left: 35px;
  488. }
  489. .ml40 {
  490. margin-left: 40px;
  491. }
  492. .ml45 {
  493. margin-left: 45px;
  494. }
  495. .ml50 {
  496. margin-left: 50px;
  497. }
  498. .ml100 {
  499. margin-left: 100px;
  500. }
  501. .mr0 {
  502. margin-right: 0;
  503. }
  504. .mr5 {
  505. margin-right: 5px;
  506. }
  507. .mr10 {
  508. margin-right: 10px;
  509. }
  510. .mr15 {
  511. margin-right: 15px;
  512. }
  513. .mr20 {
  514. margin-right: 20px;
  515. }
  516. .mr25 {
  517. margin-right: 25px;
  518. }
  519. .mr30 {
  520. margin-right: 30px;
  521. }
  522. .mr35 {
  523. margin-right: 35px;
  524. }
  525. .mr40 {
  526. margin-right: 40px;
  527. }
  528. .mr45 {
  529. margin-right: 45px;
  530. }
  531. .mr50 {
  532. margin-right: 50px;
  533. }
  534. .mr100 {
  535. margin-right: 100px;
  536. }
  537. .mlr5 {
  538. margin-left: 5px;
  539. margin-right: 5px;
  540. }
  541. .mlr10 {
  542. margin-left: 10px;
  543. margin-right: 10px;
  544. }
  545. .mlr15 {
  546. margin-left: 15px;
  547. margin-right: 15px;
  548. }
  549. .mlr20 {
  550. margin-left: 20px;
  551. margin-right: 20px;
  552. }
  553. .mlr30 {
  554. margin-left: 30px;
  555. margin-right: 30px;
  556. }
  557. .mlr40 {
  558. margin-left: 40px;
  559. margin-right: 40px;
  560. }
  561. .mlr50 {
  562. margin-left: 50px;
  563. margin-right: 50px;
  564. }
  565. .mlr100 {
  566. margin-left: 100px;
  567. margin-right: 100px;
  568. }
  569. .mtb5 {
  570. margin-top: 5px;
  571. margin-bottom: 5px;
  572. }
  573. .mtb10 {
  574. margin-top: 10px;
  575. margin-bottom: 10px;
  576. }
  577. .mtb15 {
  578. margin-top: 15px;
  579. margin-bottom: 15px;
  580. }
  581. .mtb20 {
  582. margin-top: 20px;
  583. margin-bottom: 20px;
  584. }
  585. .mtb30 {
  586. margin-top: 30px;
  587. margin-bottom: 30px;
  588. }
  589. .mtb40 {
  590. margin-top: 40px;
  591. margin-bottom: 40px;
  592. }
  593. .mtb50 {
  594. margin-top: 50px;
  595. margin-bottom: 50px;
  596. }
  597. .mtb100 {
  598. margin-top: 100px;
  599. margin-bottom: 100px;
  600. }
  601. .p0 {
  602. padding: 0;
  603. }
  604. .p5 {
  605. padding: 5px;
  606. }
  607. .p10 {
  608. padding: 10px;
  609. }
  610. .p15 {
  611. padding: 15px;
  612. }
  613. .p20 {
  614. padding: 20px;
  615. }
  616. .p25 {
  617. padding: 25px;
  618. }
  619. .p30 {
  620. padding: 30px;
  621. }
  622. .p35 {
  623. padding: 35px;
  624. }
  625. .p40 {
  626. padding: 40px;
  627. }
  628. .p45 {
  629. padding: 45px;
  630. }
  631. .p50 {
  632. padding: 50px;
  633. }
  634. .p100 {
  635. padding: 100px;
  636. }
  637. .pb0 {
  638. padding-bottom: 0;
  639. }
  640. .pb5 {
  641. padding-bottom: 5px;
  642. }
  643. .pb10 {
  644. padding-bottom: 10px;
  645. }
  646. .pb15 {
  647. padding-bottom: 15px;
  648. }
  649. .pb20 {
  650. padding-bottom: 20px;
  651. }
  652. .pb25 {
  653. padding-bottom: 25px;
  654. }
  655. .pb30 {
  656. padding-bottom: 30px;
  657. }
  658. .pb35 {
  659. padding-bottom: 35px;
  660. }
  661. .pb40 {
  662. padding-bottom: 40px;
  663. }
  664. .pb45 {
  665. padding-bottom: 45px;
  666. }
  667. .pb50 {
  668. padding-bottom: 50px;
  669. }
  670. .pb100 {
  671. padding-bottom: 100px;
  672. }
  673. .pt0 {
  674. padding-top: 0;
  675. }
  676. .pt5 {
  677. padding-top: 5px;
  678. }
  679. .pt10 {
  680. padding-top: 10px;
  681. }
  682. .pt15 {
  683. padding-top: 15px;
  684. }
  685. .pt20 {
  686. padding-top: 20px;
  687. }
  688. .pt25 {
  689. padding-top: 25px;
  690. }
  691. .pt30 {
  692. padding-top: 30px;
  693. }
  694. .pt35 {
  695. padding-top: 35px;
  696. }
  697. .pt40 {
  698. padding-top: 40px;
  699. }
  700. .pt45 {
  701. padding-top: 45px;
  702. }
  703. .pt50 {
  704. padding-top: 50px;
  705. }
  706. .pt100 {
  707. padding-top: 100px;
  708. }
  709. .pl0 {
  710. padding-left: 0;
  711. }
  712. .pl5 {
  713. padding-left: 5px;
  714. }
  715. .pl10 {
  716. padding-left: 10px;
  717. }
  718. .pl15 {
  719. padding-left: 15px;
  720. }
  721. .pl20 {
  722. padding-left: 20px;
  723. }
  724. .pl25 {
  725. padding-left: 25px;
  726. }
  727. .pl30 {
  728. padding-left: 30px;
  729. }
  730. .pl35 {
  731. padding-left: 35px;
  732. }
  733. .pl40 {
  734. padding-left: 40px;
  735. }
  736. .pl45 {
  737. padding-left: 45px;
  738. }
  739. .pl50 {
  740. padding-left: 50px;
  741. }
  742. .pl100 {
  743. padding-left: 100px;
  744. }
  745. .pr0 {
  746. padding-right: 0;
  747. }
  748. .pr5 {
  749. padding-right: 5px;
  750. }
  751. .pr10 {
  752. padding-right: 10px;
  753. }
  754. .pr15 {
  755. padding-right: 15px;
  756. }
  757. .pr20 {
  758. padding-right: 20px;
  759. }
  760. .pr25 {
  761. padding-right: 25px;
  762. }
  763. .pr30 {
  764. padding-right: 30px;
  765. }
  766. .pr35 {
  767. padding-right: 35px;
  768. }
  769. .pr40 {
  770. padding-right: 40px;
  771. }
  772. .pr45 {
  773. padding-right: 45px;
  774. }
  775. .pr50 {
  776. padding-right: 50px;
  777. }
  778. .pr100 {
  779. padding-right: 100px;
  780. }
  781. .ptb5 {
  782. padding-top: 5px;
  783. padding-bottom: 5px;
  784. }
  785. .ptb10 {
  786. padding-top: 10px;
  787. padding-bottom: 10px;
  788. }
  789. .ptb15 {
  790. padding-top: 15px;
  791. padding-bottom: 15px;
  792. }
  793. .ptb20 {
  794. padding-top: 20px;
  795. padding-bottom: 20px;
  796. }
  797. .ptb30 {
  798. padding-top: 30px;
  799. padding-bottom: 30px;
  800. }
  801. .ptb40 {
  802. padding-top: 40px;
  803. padding-bottom: 40px;
  804. }
  805. .ptb50 {
  806. padding-top: 50px;
  807. padding-bottom: 50px;
  808. }
  809. .ptb100 {
  810. padding-top: 100px;
  811. padding-bottom: 100px;
  812. }
  813. .plr5 {
  814. padding-left: 5px;
  815. padding-right: 5px;
  816. }
  817. .plr10 {
  818. padding-left: 10px;
  819. padding-right: 10px;
  820. }
  821. .plr15 {
  822. padding-left: 15px;
  823. padding-right: 15px;
  824. }
  825. .plr20 {
  826. padding-left: 20px;
  827. padding-right: 20px;
  828. }
  829. .plr30 {
  830. padding-left: 30px;
  831. padding-right: 30px;
  832. }
  833. .plr40 {
  834. padding-left: 40px;
  835. padding-right: 40px;
  836. }
  837. .plr50 {
  838. padding-left: 50px;
  839. padding-right: 50px;
  840. }
  841. .plr100 {
  842. padding-left: 100px;
  843. padding-right: 100px;
  844. }
  845. .ptb8 {
  846. padding-top: 8px;
  847. padding-bottom: 8px;
  848. }
  849. .plr8 {
  850. padding-left: 8px;
  851. padding-right: 8px;
  852. }
  853. .plr12 {
  854. padding-left: 12px;
  855. padding-right: 12px;
  856. }
  857. /* css3-Grid
  858. -----------------------------------------------------------------------------*/
  859. .ui-grid {
  860. display: -webkit-box;
  861. display: box;
  862. }
  863. .ui-grid-middle {
  864. -webkit-box-pack: center;
  865. -webkit-box-align: center;
  866. box-pack: center;
  867. box-align: center;
  868. }
  869. .ui-grid-vertical {
  870. -webkit-box-orient: vertical;
  871. box-orient: vertical;
  872. }
  873. .ui-grid-label {
  874. -webkit-box-flex: 0;
  875. box-flex: 0;
  876. width: 100px;
  877. font-weight: 600;
  878. }
  879. .ui-col-0 {
  880. -webkit-box-flex: 0;
  881. box-flex: 0;
  882. }
  883. .ui-col-1 {
  884. -webkit-box-flex: 1;
  885. box-flex: 1;
  886. }
  887. .ui-col-2 {
  888. -webkit-box-flex: 2;
  889. box-flex: 2;
  890. }
  891. .ui-col-3 {
  892. -webkit-box-flex: 3;
  893. box-flex: 3;
  894. }
  895. .ui-col-4 {
  896. -webkit-box-flex: 4;
  897. box-flex: 3;
  898. }
  899. .ui-col-5 {
  900. -webkit-box-flex: 5;
  901. box-flex: 5;
  902. }
  903. .ui-col-6 {
  904. -webkit-box-flex: 6;
  905. box-flex: 6;
  906. }
  907. /* lists
  908. -----------------------------------------------------------------------------*/
  909. .c-list-disc {
  910. list-style-type: disc;
  911. }
  912. .c-list-circle {
  913. list-style-type: circle;
  914. }
  915. .c-list-square {
  916. list-style-type: square;
  917. }
  918. .c-list-decimal {
  919. list-style-type: decimal;
  920. }
  921. .c-list-alpha {
  922. list-style-type: lower-alpha;
  923. }
  924. .c-list-roman {
  925. list-style-type: lower-roman;
  926. }
  927. .c-list-inline {
  928. padding-left: 0;
  929. margin-left: -5px;
  930. list-style: none;
  931. }
  932. .c-list-inline li {
  933. display: inline-block;
  934. padding-right: 5px;
  935. padding-left: 5px;
  936. }
  937. /* font
  938. -----------------------------------------------------------------------------*/
  939. .c-simsun {
  940. font-family: \5b8b\4f53;
  941. }
  942. .c-bold {
  943. font-weight: bold;
  944. }
  945. .c-f12 {
  946. font-size: 12px;
  947. }
  948. .c-f13 {
  949. font-size: 13px;
  950. }
  951. .c-f14 {
  952. font-size: 14px;
  953. }
  954. .c-f15 {
  955. font-size: 15px;
  956. }
  957. .c-f16 {
  958. font-size: 16px;
  959. }
  960. .c-f17 {
  961. font-size: 17px;
  962. }
  963. .c-f18 {
  964. font-size: 18px;
  965. }
  966. .c-f20 {
  967. font-size: 20px;
  968. }
  969. .c-f22 {
  970. font-size: 22px;
  971. }
  972. .c-f24 {
  973. font-size: 24px;
  974. }
  975. .c-f28 {
  976. font-size: 28px;
  977. }
  978. .c-t-left {
  979. text-align: left;
  980. }
  981. .c-t-center {
  982. text-align: center;
  983. }
  984. .c-t-right {
  985. text-align: right;
  986. }
  987. .c-line-h1 {
  988. line-height: 1.8;
  989. _line-height: 24px;
  990. }
  991. .c-line-h2 {
  992. line-height: 2.2;
  993. _line-height: 32px;
  994. }
  995. /* Grid
  996. -----------------------------------------------------------------------------*/
  997. .c-container:after,
  998. .c-row:after {
  999. content: "";
  1000. display: table;
  1001. clear: both;
  1002. }
  1003. .c-container {
  1004. padding-top: 1px;
  1005. margin-top: -1px;
  1006. }
  1007. .c-row {
  1008. zoom: 1
  1009. }
  1010. .width-100,
  1011. .c-100 {
  1012. width: 100%;
  1013. }
  1014. .width-90,
  1015. .c-90 {
  1016. width: 90%;
  1017. }
  1018. .width-80,
  1019. .c-80 {
  1020. width: 80%;
  1021. }
  1022. .width-75,
  1023. .c-75 {
  1024. width: 75%;
  1025. }
  1026. .width-70,
  1027. .c-70 {
  1028. width: 70%;
  1029. }
  1030. .width-66,
  1031. .c-66 {
  1032. width: 66.6%;
  1033. }
  1034. .width-65,
  1035. .c-65 {
  1036. width: 65%;
  1037. }
  1038. .width-60,
  1039. .c-60 {
  1040. width: 60%;
  1041. }
  1042. .width-50,
  1043. .c-50 {
  1044. width: 50%;
  1045. }
  1046. .width-40,
  1047. .c-40 {
  1048. width: 40%;
  1049. }
  1050. .width-35,
  1051. .c-35 {
  1052. width: 35%;
  1053. }
  1054. .width-33,
  1055. .c-33 {
  1056. width: 33.3%;
  1057. }
  1058. .width-30,
  1059. .c-30 {
  1060. width: 30%;
  1061. }
  1062. .width-25,
  1063. .c-25 {
  1064. width: 25%;
  1065. }
  1066. .width-20,
  1067. .c-20 {
  1068. width: 20%;
  1069. }
  1070. .width-10,
  1071. .c-10 {
  1072. width: 10%;
  1073. }
  1074. .c-row .c-90,
  1075. .c-row .c-80,
  1076. .c-row .c-75,
  1077. .c-row .c-70,
  1078. .c-row .c-66,
  1079. .c-row .c-65,
  1080. .c-row .c-60,
  1081. .c-row .c-50,
  1082. .c-row .c-40,
  1083. .c-row .c-35,
  1084. .c-row .c-33,
  1085. .c-row .c-30,
  1086. .c-row .c-25,
  1087. .c-row .c-20,
  1088. .c-row .c-10 {
  1089. float: left;
  1090. margin-left: 3%;
  1091. }
  1092. .c-row .c-90:first-child,
  1093. .c-row .c-80:first-child,
  1094. .c-row .c-75:first-child,
  1095. .c-row .c-70:first-child,
  1096. .c-row .c-66:first-child,
  1097. .c-row .c-65:first-child,
  1098. .c-row .c-60:first-child,
  1099. .c-row .c-50:first-child,
  1100. .c-row .c-40:first-child,
  1101. .c-row .c-35:first-child,
  1102. .c-row .c-33:first-child,
  1103. .c-row .c-30:first-child,
  1104. .c-row .c-25:first-child,
  1105. .c-row .c-20:first-child,
  1106. .c-row .c-10:first-child {
  1107. margin-left: 0;
  1108. }
  1109. .c-row .c-90 {
  1110. width: 89.7%;
  1111. }
  1112. .c-row .c-80 {
  1113. width: 79.4%;
  1114. }
  1115. .c-row .c-75 {
  1116. width: 74.25%;
  1117. }
  1118. .c-row .c-70 {
  1119. width: 69.1%;
  1120. }
  1121. .c-row .c-66 {
  1122. width: 65.66666666666666%;
  1123. }
  1124. .c-row .c-65 {
  1125. width: 65.66666666666666%;
  1126. }
  1127. .c-row .c-60 {
  1128. width: 58.800000000000004%;
  1129. }
  1130. .c-row .c-50 {
  1131. width: 48.5%;
  1132. }
  1133. .c-row .c-40 {
  1134. width: 38.2%;
  1135. }
  1136. .c-row .c-35 {
  1137. width: 31.333333333333332%;
  1138. }
  1139. .c-row .c-33 {
  1140. width: 31.333333333333332%;
  1141. }
  1142. .c-row .c-30 {
  1143. width: 27.9%;
  1144. }
  1145. .c-row .c-25 {
  1146. width: 22.75%;
  1147. }
  1148. .c-row .c-20 {
  1149. width: 17.6%;
  1150. }
  1151. .c-row .c-10 {
  1152. width: 7.3%;
  1153. }
  1154. .c-push-90,
  1155. .c-push-80,
  1156. .c-push-75,
  1157. .c-push-70,
  1158. .c-push-66,
  1159. .c-push-65,
  1160. .c-push-60,
  1161. .c-push-50,
  1162. .c-push-40,
  1163. .c-push-35,
  1164. .c-push-33,
  1165. .c-push-30,
  1166. .c-push-25,
  1167. .c-push-20,
  1168. .c-push-10 {
  1169. position: relative;
  1170. }
  1171. .c-push-90 {
  1172. left: 92.7%;
  1173. }
  1174. .c-push-80 {
  1175. left: 82.4%;
  1176. }
  1177. .c-push-75 {
  1178. left: 77.25%;
  1179. }
  1180. .c-push-70 {
  1181. left: 72.1%;
  1182. }
  1183. .c-push-66 {
  1184. left: 68.66666666666666%;
  1185. }
  1186. .c-push-65 {
  1187. left: 68.66666666666666%;
  1188. }
  1189. .c-push-60 {
  1190. left: 61.800000000000004%;
  1191. }
  1192. .c-push-50 {
  1193. left: 51.5%;
  1194. }
  1195. .c-push-40 {
  1196. left: 41.2%;
  1197. }
  1198. .c-push-35 {
  1199. left: 34.33333333333333%;
  1200. }
  1201. .c-push-33 {
  1202. left: 34.33333333333333%;
  1203. }
  1204. .c-push-30 {
  1205. left: 30.9%;
  1206. }
  1207. .c-push-25 {
  1208. left: 25.75%;
  1209. }
  1210. .c-push-20 {
  1211. left: 20.6%;
  1212. }
  1213. .c-push-10 {
  1214. left: 10.3%;
  1215. }
  1216. .c-row .c-push-right {
  1217. float: right;
  1218. }
  1219. .c-row .c-role-right {
  1220. margin-left: 3%;
  1221. float: right;
  1222. }
  1223. .c-row .c-role-left {
  1224. margin-left: 0;
  1225. }
  1226. .c-centered {
  1227. float: none !important;
  1228. margin: 0 auto !important;
  1229. }
  1230. .c-padding {
  1231. padding: 20px;
  1232. }
  1233. .c-padding .c-100,
  1234. .c-padding .c-90,
  1235. .c-padding .c-80,
  1236. .c-padding .c-75,
  1237. .c-padding .c-70,
  1238. .c-padding .c-66,
  1239. .c-padding .c-65,
  1240. .c-padding .c-60,
  1241. .c-padding .c-50,
  1242. .c-padding .c-40,
  1243. .c-padding .c-35,
  1244. .c-padding .c-33,
  1245. .c-padding .c-30,
  1246. .c-padding .c-25,
  1247. .c-padding .c-20,
  1248. .c-padding .c-10 {
  1249. padding: 20px;
  1250. }
  1251. .c-split .c-90,
  1252. .c-split .c-80,
  1253. .c-split .c-75,
  1254. .c-split .c-70,
  1255. .c-split .c-66,
  1256. .c-split .c-65,
  1257. .c-split .c-60,
  1258. .c-split .c-50,
  1259. .c-split .c-40,
  1260. .c-split .c-35,
  1261. .c-split .c-33,
  1262. .c-split .c-30,
  1263. .c-split .c-25,
  1264. .c-split .c-20,
  1265. .c-split .c-10 {
  1266. margin-left: 0;
  1267. }
  1268. .c-split .c-90 {
  1269. width: 90%;
  1270. }
  1271. .c-split .c-80 {
  1272. width: 80%;
  1273. }
  1274. .c-split .c-75 {
  1275. width: 75%;
  1276. }
  1277. .c-split .c-70 {
  1278. width: 70%;
  1279. }
  1280. .c-split .c-66 {
  1281. width: 66.6%;
  1282. }
  1283. .c-split .c-65 {
  1284. width: 65%;
  1285. }
  1286. .c-split .c-60 {
  1287. width: 60%;
  1288. }
  1289. .c-split .c-50 {
  1290. width: 50%;
  1291. }
  1292. .c-split .c-40 {
  1293. width: 40%;
  1294. }
  1295. .c-split .c-35 {
  1296. width: 35%;
  1297. }
  1298. .c-split .c-33 {
  1299. width: 33.3%;
  1300. }
  1301. .c-split .c-30 {
  1302. width: 30%;
  1303. }
  1304. .c-split .c-25 {
  1305. width: 25%;
  1306. }
  1307. .c-split .c-20 {
  1308. width: 20%;
  1309. }
  1310. .c-split .c-10 {
  1311. width: 10%;
  1312. }
  1313. /* c-blocks
  1314. -----------------------------------------------------------------------------*/
  1315. .c-blocks-2,
  1316. .c-blocks-3,
  1317. .c-blocks-4,
  1318. .c-blocks-5,
  1319. .c-blocks-6 {
  1320. padding-left: 0;
  1321. list-style: none;
  1322. }
  1323. .c-blocks-2:after,
  1324. .c-blocks-3:after,
  1325. .c-blocks-4:after,
  1326. .c-blocks-5:after,
  1327. .c-blocks-6:after {
  1328. content: "";
  1329. display: table;
  1330. clear: both;
  1331. }
  1332. .c-blocks-2 li,
  1333. .c-blocks-3 li,
  1334. .c-blocks-4 li,
  1335. .c-blocks-5 li,
  1336. .c-blocks-6 li,
  1337. .c-blocks-2 div,
  1338. .c-blocks-3 div,
  1339. .c-blocks-4 div,
  1340. .c-blocks-5 div,
  1341. .c-blocks-6 div {
  1342. height: auto;
  1343. float: left;
  1344. }
  1345. .c-blocks-2 li,
  1346. .c-blocks-2 div {
  1347. width: 50%;
  1348. }
  1349. .c-blocks-3 li,
  1350. .c-blocks-3 div {
  1351. width: 33.333333333333332%;
  1352. }
  1353. .c-blocks-4 li,
  1354. .c-blocks-4 div {
  1355. width: 25%;
  1356. }
  1357. .c-blocks-5 li,
  1358. .c-blocks-5 div {
  1359. width: 20%;
  1360. }
  1361. .c-blocks-6 li,
  1362. .c-blocks-6 div {
  1363. width: 16.666666666666666%;
  1364. }
  1365. .c-blocks-2 li li,
  1366. .c-blocks-3 li li,
  1367. .c-blocks-4 li li,
  1368. .c-blocks-5 li li,
  1369. .c-blocks-6 li li,
  1370. .c-blocks-2 div div,
  1371. .c-blocks-3 div div,
  1372. .c-blocks-4 div div,
  1373. .c-blocks-5 div div,
  1374. .c-blocks-6 div div {
  1375. float: none;
  1376. margin: 0;
  1377. }