cross.css 18 KB

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